/*<![CDATA[*/
[data-channel="/notizie/"] {
  --nav-border: #db665a
}

[data-channel="/lifestyle/"] {
  --nav-border: #b786ca
}

[data-channel="/cultura/"] {
  --nav-border: #47ab98
}

[data-channel="/opinioni/"] {
  --nav-border: #e6c146
}

[data-channel="/vision/"] {
  --nav-border: #0076d1
}

[data-theme="today"] {
  --theme-color: #f2463d;
  --theme-color-light: #445783;
  --theme-color-lighter: #c2d0f0;
  --theme-color-dark: #152752;
  --theme-color-darker: #101d3d;
  --theme-color-darkest: #050a15
}

[data-theme="today"][data-channel*="lifestyle"],
[data-theme="today"] .c-story[data-channel*="lifestyle"],
[data-theme="today"][data-channel*="lifestyle"] .c-story {
  --story-kicker-text: #8947a3;
  --story-kicker-bg: #8947a3;
  --story-header-border: #8947a3
}

@media(prefers-color-scheme:dark) {

  body:not([data-color-scheme*="light"]) [data-theme="today"][data-channel*="lifestyle"],
  body:not([data-color-scheme*="light"]) [data-theme="today"] .c-story[data-channel*="lifestyle"],
  body:not([data-color-scheme*="light"]) [data-theme="today"][data-channel*="lifestyle"] .c-story {
    --story-kicker-text: #b786ca
  }
}

[data-theme="today"][data-color-scheme*="dark"][data-channel*="lifestyle"],
[data-theme="today"][data-color-scheme*="dark"] .c-story[data-channel*="lifestyle"],
[data-theme="today"][data-color-scheme*="dark"][data-channel*="lifestyle"] .c-story,
[data-theme="today"][data-color-scheme*="dark"] [data-channel*="lifestyle"] .c-story,
[data-theme="today"][data-channel*="lifestyle"] .o-bg-dark .c-story,
[data-theme="today"] .o-bg-primary-dark [data-channel*="lifestyle"].c-story,
[data-theme="today"] .o-bg-dark .c-story[data-channel*="lifestyle"] {
  --story-kicker-text: #b786ca
}

[data-theme="today"][data-channel*="cultura"],
[data-theme="today"] .c-story[data-channel*="cultura"],
[data-theme="today"][data-channel*="cultura"] .c-story {
  --story-kicker-text: #317568;
  --story-kicker-bg: #317568;
  --story-header-border: #317568
}

@media(prefers-color-scheme:dark) {

  body:not([data-color-scheme*="light"]) [data-theme="today"][data-channel*="cultura"],
  body:not([data-color-scheme*="light"]) [data-theme="today"] .c-story[data-channel*="cultura"],
  body:not([data-color-scheme*="light"]) [data-theme="today"][data-channel*="cultura"] .c-story {
    --story-kicker-text: #47ab98
  }
}

[data-theme="today"][data-color-scheme*="dark"][data-channel*="cultura"],
[data-theme="today"][data-color-scheme*="dark"] .c-story[data-channel*="cultura"],
[data-theme="today"][data-color-scheme*="dark"][data-channel*="cultura"] .c-story,
[data-theme="today"][data-color-scheme*="dark"] [data-channel*="cultura"] .c-story,
[data-theme="today"][data-channel*="cultura"] .o-bg-dark .c-story,
[data-theme="today"] .o-bg-primary-dark [data-channel*="cultura"].c-story,
[data-theme="today"] .o-bg-dark .c-story[data-channel*="cultura"] {
  --story-kicker-text: #47ab98
}

[data-theme="today"][data-channel*="opinioni"],
[data-theme="today"] .c-story[data-channel*="opinioni"],
[data-theme="today"][data-channel*="opinioni"] .c-story {
  --story-kicker-text: #ae8c18;
  --story-kicker-bg: #ae8c18;
  --story-header-border: #ae8c18
}

@media(prefers-color-scheme:dark) {

  body:not([data-color-scheme*="light"]) [data-theme="today"][data-channel*="opinioni"],
  body:not([data-color-scheme*="light"]) [data-theme="today"] .c-story[data-channel*="opinioni"],
  body:not([data-color-scheme*="light"]) [data-theme="today"][data-channel*="opinioni"] .c-story {
    --story-kicker-text: #e6c146
  }
}

[data-theme="today"][data-color-scheme*="dark"][data-channel*="opinioni"],
[data-theme="today"][data-color-scheme*="dark"] .c-story[data-channel*="opinioni"],
[data-theme="today"][data-color-scheme*="dark"][data-channel*="opinioni"] .c-story,
[data-theme="today"][data-color-scheme*="dark"] [data-channel*="opinioni"] .c-story,
[data-theme="today"][data-channel*="opinioni"] .o-bg-dark .c-story,
[data-theme="today"] .o-bg-primary-dark [data-channel*="opinioni"].c-story,
[data-theme="today"] .o-bg-dark .c-story[data-channel*="opinioni"] {
  --story-kicker-text: #e6c146
}

[data-theme="today"][data-fullpage] section:nth-child(1) .c-story:nth-child(1) .o-icon-live--in {
  background-color: #db665a
}

[data-theme="today"][data-fullpage] section:nth-child(1) .c-story:nth-child(1) .o-icon-live--out {
  border: 1px solid #db665a
}

[data-theme="today"] [data-channel*="notizie"],
[data-theme="today"] .c-story {
  --story-kicker-text: #aa3125;
  --story-kicker-bg: #aa3125
}

@media(prefers-color-scheme:dark) {

  body:not([data-color-scheme*="light"]) [data-theme="today"] [data-channel*="notizie"],
  body:not([data-color-scheme*="light"]) [data-theme="today"] .c-story {
    --story-kicker-text: #db665a
  }
}

[data-theme="today"][data-color-scheme*="dark"][data-channel*="notizie"],
[data-theme="today"][data-channel*="/video/"] .c-story,
[data-theme="today"][data-channel*="/foto/"] .c-story,
[data-theme="today"][data-color-scheme*="dark"] .c-story,
[data-theme="today"].o-bg-dark .c-story,
[data-theme="today"].o-bg-primary-dark .c-story {
  --story-kicker-text: #db665a
}

@media screen and (min-width:740px) {
  [data-theme="today"]:not([data-channel*="europa"]) .c-brand--resize-medium {
    --brand-height: 4.5rem
  }
}

@media screen and (min-width:740px) {
  [data-theme="today"][data-color-scheme*="dark"] .c-menu {
    --menu-background: var(--theme-color)
  }
}

[data-theme="today"] .c-header {
  --header-background: var(--theme-color);
}

[data-theme="today"][data-channel*="best"] .c-header,
[data-theme="today"][data-channel*="gossip"] .c-header,
[data-theme="today"][data-channel*="speciale"] .c-header {
  --header-background: var(--background-color)
}

[data-theme="today"] .c-header__channel {
  --channel-link: #fff
}

[data-theme="today"][data-color-scheme*="dark"] .c-header {
  --header-background: var(--theme-color)
}

[data-theme="today"][data-color-scheme*="dark"][data-channel*="best"] .c-header,
[data-theme="today"][data-color-scheme*="dark"][data-channel*="gossip"] .c-header,
[data-theme="today"][data-color-scheme*="dark"][data-channel*="speciale"] .c-header {
  --header-background: var(--background-color)
}

@media screen and (min-width:740px) {
  [data-theme="today"] .c-searchbar {
    --searchbar-background: var(--theme-color)
  }
}

[data-theme="today"][data-color-scheme*="dark"] .c-searchbar {
  --searchbar-background: var(--theme-color)
}

[data-theme="today"] .c-toolbar {
  /* --toolbar-border-color: var(--theme-color) */
}

[data-theme="today"] .c-menu {
  --menu-background: var(--theme-color)
}

[data-theme="today"] .c-menu__link {
  --menu-link: #fff
}

[data-theme="today"] .c-navbar__item {
  --item-link-color: #fff
}

@media screen and (min-width:740px) {

  [data-theme="today"] .c-navbar__search,
  [data-theme="today"] .c-navbar__controller {
    color: #fff
  }
}

/*]]>*/

[data-player] {
  --player--theme-color: #1A3166;
}

/*<![CDATA[*/
[data-theme="today"] {
  --theme-color: #1a3166;
  --theme-color-light: #445783;
  --theme-color-dark: #152752;
  --theme-color-darker: #101d3d;
  --theme-color-accent: #050a15
}

[data-theme="yellow"] {
  --theme-color: #ffac26;
  --theme-color-light: #ffc972;
  --theme-color-lighter: #ffe7bf;
  --theme-color-dark: #d88600;
  --theme-color-darker: #8c5600;
  --theme-color-accent: #ffac26
}

[data-theme="red"] {
  --theme-color: #f2463d;
  --theme-color-light: #f78a85;
  --theme-color-lighter: #fccfcc;
  --theme-color-dark: #d4180e;
  --theme-color-darker: #8d1009;
  --theme-color-accent: #fc3d33
}

[data-theme="ruby"] {
  --theme-color: #d92121;
  --theme-color-light: #e76060;
  --theme-color-lighter: #f1a2a2;
  --theme-color-dark: #971717;
  --theme-color-darker: #540d0d;
  --theme-color-accent: #e51414
}

[data-theme="green"] {
  --theme-color: #50ae55;
  --theme-color-light: #84c688;
  --theme-color-lighter: #b8dfba;
  --theme-color-dark: #387a3b;
  --theme-color-darker: #204522;
  --theme-color-accent: #43bb4a
}

[data-theme="blue"] {
  --theme-color: #3277c7;
  --theme-color-light: #6c9fda;
  --theme-color-lighter: #a9c7e9;
  --theme-color-dark: #285f9e;
  --theme-color-darker: #183a61;
  --theme-color-accent: #0d74ec
}

[data-theme="pink"] {
  --theme-color: #f291b2;
  --theme-color-light: #f7bfd2;
  --theme-color-lighter: #fdecf2;
  --theme-color-dark: #ea4d82;
  --theme-color-darker: #d11958;
  --theme-color-accent: #f88bb0
}

[data-theme="purple"] {
  --theme-color: #b75dc7;
  --theme-color-light: #d096db;
  --theme-color-lighter: #eacfee;
  --theme-color-dark: #9037a0;
  --theme-color-darker: #5d2467;
  --theme-color-accent: #bf52d2
}

[data-theme="fuchsia"] {
  --theme-color: #e31d57;
  --theme-color-light: #ee789a;
  --theme-color-lighter: #f9d2de;
  --theme-color-dark: #b61745;
  --theme-color-darker: #891134;
  --theme-color-accent: #fc044c
}

/*]]>*/

/*<![CDATA[*/
:root {
  --outer-gutter: 0.75rem;
  --grid-gutter: 1.5rem;
  --grid-divider-gutter: calc(calc(var(--grid-gutter) / 2) * -1);
  --font-serif-display: Georgia, Times, Times New Roman, serif;
  --font-serif-text: Georgia, Times, Times New Roman, serif;
  --font-sans-grotesk: system-ui, Arial, Helvetica Neue, Helvetica, sans-serif;
}

@media screen and (min-width: 992px) {
  :root {
    --outer-gutter: 1.5rem;
  }
}

@media screen and (min-width: 1200px) {
  :root {
    --outer-space: 18.05vw;
  }
}

@media screen and (min-width: 1600px) {
  :root {
    --outer-space: 260px;
  }
}

html:not([data-unsafe]) {
  --font-serif-display: "Serif Display", Georgia, Times, Times New Roman, serif;
  --font-serif-text: "Serif Text", Georgia, Times, Times New Roman, serif;
  --font-sans-grotesk: "Sans Grotesk", system-ui, Arial, Helvetica Neue, Helvetica, sans-serif;
}

@font-face {
  font-family: "Serif Text";
  src: url("../fonts/serif-text-regular_1.woff2") format("woff2"), url("../fonts/serif-text-regular_1.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: "U+7E, U+A1-A2, U+A5, U+A7-A8, U+AA-AB, U+AE-AF, U+B0-B4, U+B6-B7, U+B9, U+BA-BF, U+C0-C7, U+CB-CF, U+D0-DF U+E1-E7, U+EA-EB, U+ED-F1, U+F3-F8, U+FA-201A, U+201E-2044, U+2122-2265, U+FB00-FB04, U+02C7, U+A8, U+60, U+02C6-C7, U+02DC, U+02DA, U+0326, U+B7, U+AF, U+02D8-D9, U+02DD, U+66";
}

@font-face {
  font-family: "Serif Text";
  src: url("../fonts/serif-text-regular.woff2") format("woff2"), url("../fonts/serif-text-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: "U+00, U+0D, U+20-7D, U+A3, U+A9, U+C8-C9, U+E0, U+E8-E9, U+EC, U+F2, U+201C-201D, U+20AC";
}

@font-face {
  font-family: "Serif Text";
  src: url("../fonts/serif-text-italic_1.woff2") format("woff2"), url("../fonts/serif-text-italic_1.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  unicode-range: "U+7E, U+A1-A2, U+A5, U+A7-A8, U+AA-AB, U+AE-AF, U+B0-B4, U+B6-B7, U+B9, U+BA-BF, U+C0-C7, U+CB-CF, U+D0-DF U+E1-E7, U+EA-EB, U+ED-F1, U+F3-F8, U+FA-201A, U+201E-2044, U+2122-2265, U+FB00-FB04, U+02C7, U+A8, U+60, U+02C6-C7, U+02DC, U+02DA, U+0326, U+B7, U+AF, U+02D8-D9, U+02DD, U+66";
}

@font-face {
  font-family: "Serif Text";
  src: url("../fonts/serif-text-italic.woff2") format("woff2"), url("../fonts/serif-text-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  unicode-range: "U+00, U+0D, U+20-7D, U+A3, U+A9, U+C8-C9, U+E0, U+E8-E9, U+EC, U+F2, U+201C-201D, U+20AC";
}

@font-face {
  font-family: "Serif Text";
  src: url("../fonts/serif-text-bold_1.woff2") format("woff2"), url("../fonts/serif-text-bold_1.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: "U+7E, U+A1-A2, U+A5, U+A7-A8, U+AA-AB, U+AE-AF, U+B0-B4, U+B6-B7, U+B9, U+BA-BF, U+C0-C7, U+CB-CF, U+D0-DF U+E1-E7, U+EA-EB, U+ED-F1, U+F3-F8, U+FA-201A, U+201E-2044, U+2122-2265, U+FB00-FB04, U+02C7, U+A8, U+60, U+02C6-C7, U+02DC, U+02DA, U+0326, U+B7, U+AF, U+02D8-D9, U+02DD, U+66";
}

@font-face {
  font-family: "Serif Text";
  src: url("../fonts/serif-text-bold.woff2") format("woff2"), url("../fonts/serif-text-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: "U+00, U+0D, U+20-7D, U+A3, U+A9, U+C8-C9, U+E0, U+E8-E9, U+EC, U+F2, U+201C-201D, U+20AC";
}

@font-face {
  font-family: "Serif Text";
  src: url("../fonts/serif-text-bolditalic_1.woff2") format("woff2"), url("../fonts/serif-text-bolditalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: "U+7E, U+A1-A2, U+A5, U+A7-A8, U+AA-AB, U+AE-AF, U+B0-B4, U+B6-B7, U+B9, U+BA-BF, U+C0-C7, U+CB-CF, U+D0-DF U+E1-E7, U+EA-EB, U+ED-F1, U+F3-F8, U+FA-201A, U+201E-2044, U+2122-2265, U+FB00-FB04, U+02C7, U+A8, U+60, U+02C6-C7, U+02DC, U+02DA, U+0326, U+B7, U+AF, U+02D8-D9, U+02DD, U+66";
}

@font-face {
  font-family: "Serif Text";
  src: url("../fonts/serif-text-bolditalic.woff2") format("woff2"), url("../fonts/serif-text-bolditalic_1.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: "U+00, U+0D, U+20-7D, U+A3, U+A9, U+C8-C9, U+E0, U+E8-E9, U+EC, U+F2, U+201C-201D, U+20AC";
}

@font-face {
  font-family: "Serif Display";
  src: url("../fonts/serif-display-medium_1.woff2") format("woff2"), url("../fonts/serif-display-medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: "U+7E, U+A1-A2, U+A5, U+A7-A8, U+AA-AB, U+AE-AF, U+B0-B4, U+B6-B7, U+B9, U+BA-BF, U+C0-C7, U+CB-CF, U+D0-DF U+E1-E7, U+EA-EB, U+ED-F1, U+F3-F8, U+FA-201A, U+201E-2044, U+2122-2265, U+FB00-FB04, U+02C7, U+A8, U+60, U+02C6-C7, U+02DC, U+02DA, U+0326, U+B7, U+AF, U+02D8-D9, U+02DD, U+66";
}

@font-face {
  font-family: "Serif Display";
  src: url("../fonts/serif-display-medium.woff2") format("woff2"), url("../fonts/serif-display-medium_1.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: "U+00, U+0D, U+20-7D, U+A3, U+A9, U+C8-C9, U+E0, U+E8-E9, U+EC, U+F2, U+201C-201D, U+20AC";
}

@font-face {
  font-family: "Serif Display";
  src: url("../fonts/serif-display-bold.woff2") format("woff2"), url("../fonts/serif-display-bold_1.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: "U+7E, U+A1-A2, U+A5, U+A7-A8, U+AA-AB, U+AE-AF, U+B0-B4, U+B6-B7, U+B9, U+BA-BF, U+C0-C7, U+CB-CF, U+D0-DF U+E1-E7, U+EA-EB, U+ED-F1, U+F3-F8, U+FA-201A, U+201E-2044, U+2122-2265, U+FB00-FB04, U+02C7, U+A8, U+60, U+02C6-C7, U+02DC, U+02DA, U+0326, U+B7, U+AF, U+02D8-D9, U+02DD, U+66";
}

@font-face {
  font-family: "Serif Display";
  src: url("../fonts/serif-display-bold_1.woff2") format("woff2"), url("../fonts/serif-display-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: "U+00, U+0D, U+20-7D, U+A3, U+A9, U+C8-C9, U+E0, U+E8-E9, U+EC, U+F2, U+201C-201D, U+20AC";
}

@font-face {
  font-family: "Sans Grotesk";
  src: url("../fonts/sans-grotesk-regular_1.woff2") format("woff2"), url("../fonts/sans-grotesk-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: "U+7E, U+A1-A2, U+A5, U+A7-A8, U+AA-AB, U+AE-AF, U+B0-B4, U+B6-B7, U+B9, U+BA-BF, U+C0-C7, U+CB-CF, U+D0-DF U+E1-E7, U+EA-EB, U+ED-F1, U+F3-F8, U+FA-201A, U+201E-2044, U+2122-2265, U+FB00-FB04, U+02C7, U+A8, U+60, U+02C6-C7, U+02DC, U+02DA, U+0326, U+B7, U+AF, U+02D8-D9, U+02DD, U+66";
}

@font-face {
  font-family: "Sans Grotesk";
  src: url("../fonts/sans-grotesk-regular.woff2") format("woff2"), url("../fonts/sans-grotesk-regular_1.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: "U+00, U+0D, U+20-7D, U+A3, U+A9, U+C8-C9, U+E0, U+E8-E9, U+EC, U+F2, U+201C-201D, U+20AC";
}

@font-face {
  font-family: "Sans Grotesk";
  src: url("../fonts/sans-grotesk-bold_1.woff2") format("woff2"), url("../fonts/sans-grotesk-bold_1.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: "U+7E, U+A1-A2, U+A5, U+A7-A8, U+AA-AB, U+AE-AF, U+B0-B4, U+B6-B7, U+B9, U+BA-BF, U+C0-C7, U+CB-CF, U+D0-DF U+E1-E7, U+EA-EB, U+ED-F1, U+F3-F8, U+FA-201A, U+201E-2044, U+2122-2265, U+FB00-FB04, U+02C7, U+A8, U+60, U+02C6-C7, U+02DC, U+02DA, U+0326, U+B7, U+AF, U+02D8-D9, U+02DD, U+66";
}

@font-face {
  font-family: "Sans Grotesk";
  src: url("../fonts/sans-grotesk-bold.woff2") format("woff2"), url("../fonts/sans-grotesk-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: "U+00, U+0D, U+20-7D, U+A3, U+A9, U+C8-C9, U+E0, U+E8-E9, U+EC, U+F2, U+201C-201D, U+20AC";
}

@font-face {
  font-family: "Sans Grotesk";
  src: url("../fonts/sans-grotesk-xbold_1.woff2") format("woff2"), url("../fonts/sans-grotesk-xbold_1.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  unicode-range: "U+7E, U+A1-A2, U+A5, U+A7-A8, U+AA-AB, U+AE-AF, U+B0-B4, U+B6-B7, U+B9, U+BA-BF, U+C0-C7, U+CB-CF, U+D0-DF U+E1-E7, U+EA-EB, U+ED-F1, U+F3-F8, U+FA-201A, U+201E-2044, U+2122-2265, U+FB00-FB04, U+02C7, U+A8, U+60, U+02C6-C7, U+02DC, U+02DA, U+0326, U+B7, U+AF, U+02D8-D9, U+02DD, U+66";
}

@font-face {
  font-family: "Sans Grotesk";
  src: url("../fonts/sans-grotesk-xbold.woff2") format("woff2"), url("../fonts/sans-grotesk-xbold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  unicode-range: "U+00, U+0D, U+20-7D, U+A3, U+A9, U+C8-C9, U+E0, U+E8-E9, U+EC, U+F2, U+201C-201D, U+20AC";
}

:root,
[data-color-scheme*="light"] {
  --background-color: #fff;
  --background-color-inverse: #fff;
  --background-color-negative: #161616;
  --background-color-light: #f3f3f3;
  --background-color-muted-alpha: rgba(128, 128, 128, 0.5);
  --background-color-contrast: #f3f3f3;
  --background-color-dark: #0d0d0d;
  --background-color-gray: #f3f3f3;
  --background-color-gray-dark: #f3f3f3;
  --background-color-gray-darker: #0d0d0d;
  --background-faq: #f3f3f3;
  --background-color-darker: #bfbfbf;
  --background-color-reverse: #0d0d0d;
  --divider-color: #d9d9d9;
  --divider-color-light: #f3f3f3;
  --body-color: #0d0d0d;
  --body-color-inverse: #fff;
  --body-color-negative: #fff;
  --body-color-reverse: #fff;
  --body-secondary-color: #4d4d4d;
  --item-bg-inverse: #161616;
  --link-color: #2f58b7;
  --link-color-dark: #0d0d0d;
  --link-color-primary: #148be6;
  --link-heading-color: #0d0d0d;
  --icon-color: #0d0d0d;
  --nav-active-bg: #0d0d0d;
  --nav-active-bg-hover: #d9d9d9;
  --btn-default-color: #0d0d0d;
  --btn-default-label: #0d0d0d;
  --btn-primary-color: #148be6;
  --btn-primary-label: #fff;
  --btn-secondary-color: #0d0d0d;
  --btn-secondary-label: #fff;
  --btn-secondary-color-hover: #4d4d4d;
  --form-control-bg: #fff;
  --form-control-hover: #0d0d0d;
  --form-control-disabled: rgba(128, 128, 128, 0.3);
  --form-select-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=");
  --img-invert: invert(0);
  --global-shadow: .3rem .3rem 1rem 0 rgba(13, 13, 13, 0.2);
  --global-shadow-bottom: 0 .3rem .3rem  0 rgba(13, 13, 13, 0.2);
  --kicker-bg: #808080;
  transition: all .35s ease-in-out; }

[data-theme="today"][data-channel*="notizie"] {
  --link-category-color: #aa3125; }

[data-theme="today"][data-channel*="lifestyle"] {
  --link-category-color: #8947a3; }

[data-theme="today"][data-channel*="cultura"] {
  --link-category-color: #317568; }

[data-theme="today"][data-channel*="opinioni"] {
  --link-category-color: #ae8c18; }

[data-theme="today"][data-channel*="/foto/"],
[data-theme="today"][data-channel*="/video/"] {
  --link-category-color: #db665a; }

.o-bg-dark {
  --divider-color: #4d4d4d;
  --img-invert: invert(.8); }

@media (prefers-color-scheme: dark) {
  [data-theme="today"][data-channel^="/notizie/"]:not([data-color-scheme*="light"]) {
    --link-category-color: #db665a; }
  [data-theme="today"][data-channel^="/lifestyle/"]:not([data-color-scheme*="light"]) {
    --link-category-color: #b786ca; }
  [data-theme="today"][data-channel^="/cultura/"]:not([data-color-scheme*="light"]) {
    --link-category-color: #47ab98; }
  [data-theme="today"][data-channel^="/opinioni/"]:not([data-color-scheme*="light"]) {
    --link-category-color: #e6c146; }
  body:not([data-model*="sponsor"]) :root {
    --background-color: #161616;
    --background-color-inverse: rgba(255, 255, 255, 0.1);
    --background-color-negative: #fff;
    --background-color-light: #4d4d4d;
    --background-color-muted-alpha: rgba(255, 255, 255, 0.5);
    --background-color-contrast: #161616;
    --background-color-gray: rgba(255, 255, 255, 0.1);
    --background-color-gray-dark: #2e2e2e;
    --background-color-gray-darker: #808080;
    --background-faq: rgba(255, 255, 255, 0.1);
    --background-color-darker: #3e3d3d;
    --background-color-reverse: #fff;
    --divider-color: #4d4d4d;
    --divider-color-light: #161616;
    --body-color: rgba(255, 255, 255, 0.87);
    --body-color-inverse: #0d0d0d;
    --body-color-negative: #4d4d4d;
    --body-color-reverse: #0d0d0d;
    --body-secondary-color: #d9d9d9;
    --item-bg-inverse: #fff;
    --link-color: #fff;
    --link-color-dark: #fff;
    --link-heading-color: #fff;
    --icon-color: #fff;
    --nav-active-bg: #fff;
    --nav-active-bg-hover: #4d4d4d;
    --title-border: #fff;
    --title-text: #fff;
    --btn-default-color: #fff;
    --btn-default-label: #fff;
    --btn-secondary-color: #fff;
    --btn-secondary-label: #0d0d0d;
    --btn-secondary-color-hover: #808080;
    --form-control-bg: rgba(255, 255, 255, 0.1);
    --form-control-hover: #fff;
    --form-control-disabled: rgba(13, 13, 13, 0.95);
    --form-select-icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+Y2hldnJvbi1kb3duLXdoaXRlPC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0yNC45MzMzMzMzLDEyLjkzMzMzMzMgTDE2LjkzMzMzMzMsMjAuOTMzMzMzMyBDMTYuNjY2NjY2NywyMS4yIDE2LjQsMjEuMzMzMzMzMyAxNiwyMS4zMzMzMzMzIEMxNS42LDIxLjMzMzMzMzMgMTUuMzMzMzMzMywyMS4yIDE1LjA2NjY2NjcsMjAuOTMzMzMzMyBMNy4wNjY2NjY2NywxMi45MzMzMzMzIEM2LjUzMzMzMzMzLDEyLjQgNi41MzMzMzMzMywxMS42IDcuMDY2NjY2NjcsMTEuMDY2NjY2NyBDNy42LDEwLjUzMzMzMzMgOC40LDEwLjUzMzMzMzMgOC45MzMzMzMzMywxMS4wNjY2NjY3IEwxNiwxOC4xMzMzMzMzIEwyMy4wNjY2NjY3LDExLjA2NjY2NjcgQzIzLjYsMTAuNTMzMzMzMyAyNC40LDEwLjUzMzMzMzMgMjQuOTMzMzMzMywxMS4wNjY2NjY3IEMyNS40NjY2NjY3LDExLjYgMjUuNDY2NjY2NywxMi40IDI0LjkzMzMzMzMsMTIuOTMzMzMzMyBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iSWNvbnMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyMTYuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iY2hldnJvbi1kb3duLXdoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjE2LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgPHVzZSBpZD0iTWFzayIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iSWNvbi1Db2xvciI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJTaGFwZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
    --img-invert: invert(.8);
    --global-shadow: .3rem .3rem 1rem 0 #0d0d0d;
    --global-shadow-bottom: 0 .3rem .3rem  0 #0d0d0d;
    --kicker-bg: #808080;
    transition: all .35s ease-in-out; } }

body[data-channel*="/foto/"],
body[data-model*="video"]:not([data-model*="sponsor"]),
body[data-channel*="/video/"],
body[data-color-scheme*="dark"]:not([data-model*="sponsor"]) {
  --background-color: #161616;
  --background-color-inverse: rgba(255, 255, 255, 0.1);
  --background-color-negative: #fff;
  --background-color-light: #4d4d4d;
  --background-color-muted-alpha: rgba(255, 255, 255, 0.5);
  --background-color-contrast: #161616;
  --background-color-gray: rgba(255, 255, 255, 0.1);
  --background-color-gray-dark: #2e2e2e;
  --background-color-gray-darker: #808080;
  --background-faq: rgba(255, 255, 255, 0.1);
  --background-color-darker: #3e3d3d;
  --background-color-reverse: #fff;
  --divider-color: #4d4d4d;
  --divider-color-light: #161616;
  --body-color: rgba(255, 255, 255, 0.87);
  --body-color-inverse: #0d0d0d;
  --body-color-negative: #4d4d4d;
  --body-color-reverse: #0d0d0d;
  --body-secondary-color: #d9d9d9;
  --item-bg-inverse: #fff;
  --link-color: #fff;
  --link-color-dark: #fff;
  --link-heading-color: #fff;
  --icon-color: #fff;
  --nav-active-bg: #fff;
  --nav-active-bg-hover: #4d4d4d;
  --title-border: #fff;
  --title-text: #fff;
  --btn-default-color: #fff;
  --btn-default-label: #fff;
  --btn-secondary-color: #fff;
  --btn-secondary-label: #0d0d0d;
  --btn-secondary-color-hover: #808080;
  --form-control-bg: rgba(255, 255, 255, 0.1);
  --form-control-hover: #fff;
  --form-control-disabled: rgba(13, 13, 13, 0.95);
  --form-select-icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+Y2hldnJvbi1kb3duLXdoaXRlPC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0yNC45MzMzMzMzLDEyLjkzMzMzMzMgTDE2LjkzMzMzMzMsMjAuOTMzMzMzMyBDMTYuNjY2NjY2NywyMS4yIDE2LjQsMjEuMzMzMzMzMyAxNiwyMS4zMzMzMzMzIEMxNS42LDIxLjMzMzMzMzMgMTUuMzMzMzMzMywyMS4yIDE1LjA2NjY2NjcsMjAuOTMzMzMzMyBMNy4wNjY2NjY2NywxMi45MzMzMzMzIEM2LjUzMzMzMzMzLDEyLjQgNi41MzMzMzMzMywxMS42IDcuMDY2NjY2NjcsMTEuMDY2NjY2NyBDNy42LDEwLjUzMzMzMzMgOC40LDEwLjUzMzMzMzMgOC45MzMzMzMzMywxMS4wNjY2NjY3IEwxNiwxOC4xMzMzMzMzIEwyMy4wNjY2NjY3LDExLjA2NjY2NjcgQzIzLjYsMTAuNTMzMzMzMyAyNC40LDEwLjUzMzMzMzMgMjQuOTMzMzMzMywxMS4wNjY2NjY3IEMyNS40NjY2NjY3LDExLjYgMjUuNDY2NjY2NywxMi40IDI0LjkzMzMzMzMsMTIuOTMzMzMzMyBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iSWNvbnMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyMTYuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iY2hldnJvbi1kb3duLXdoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjE2LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgPHVzZSBpZD0iTWFzayIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iSWNvbi1Db2xvciI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJTaGFwZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
  --img-invert: invert(.8);
  --global-shadow: .3rem .3rem 1rem 0 #0d0d0d;
  --global-shadow-bottom: 0 .3rem .3rem  0 #0d0d0d;
  --kicker-bg: #808080;
  transition: all .35s ease-in-out; }

[data-color-scheme*="dark"][data-theme="today"][data-channel^="/notizie/"] {
  --link-category-color: #db665a; }

[data-color-scheme*="dark"][data-theme="today"][data-channel^="/lifestyle/"] {
  --link-category-color: #b786ca; }

[data-color-scheme*="dark"][data-theme="today"][data-channel^="/cultura/"] {
  --link-category-color: #47ab98; }

[data-color-scheme*="dark"][data-theme="today"][data-channel^="/opinioni/"] {
  --link-category-color: #e6c146; }

.c-idoctor {
  background-color: #066dbb;
}

.c-idoctor span {
  height: 1rem;
  width: 4rem;
}

.c-idoctor span::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  height: 1rem;
  width: 4rem;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 304.495 95' %3E%3Cpath d='M100.3 61a19 19 0 0 1 19.4-19.7A19.1 19.1 0 0 1 139.2 61a18.8 18.8 0 0 1-19.5 19.7c-5.3 0-10-1.8-13.7-5.3a19 19 0 0 1-5.7-14.5zm7.4.2c0 6.4 1 11 3.2 13.6 2 2.6 5 3.9 8.8 3.9 4 0 7-1.3 9-4 2-2.5 3-7 3-13.5s-1-11-3-13.8c-2-2.7-5-4-9-4-3.9 0-6.8 1.3-8.9 4-2 2.7-3.1 7.3-3.1 13.8zm67.5 9.1h2c-2 7-7 10.4-15.2 10.4-5.2 0-9.6-1.7-13.1-5.3a19 19 0 0 1-5.3-14 19.3 19.3 0 0 1 28-18c2.7 1.3 4 3 4 5 0 .7-.3 1.4-.7 2-.5.7-1.2 1-2.2 1-2 0-3.1-1-3.6-3.4a6.7 6.7 0 0 0-1.6-3.6c-.8-.7-2.3-1-4.5-1-4 0-7 1.4-9 4.1-2 2.8-3 7-3 12.5 0 5.8 1 10.3 3.2 13.5 2.2 3.3 5.4 4.9 9.8 4.9 5.9 0 9.6-2.7 11.2-8zm27-25.5h-11v22c0 3.5 0 5.7.4 7 .3 1 .9 2 1.9 2.7s2 1.1 3 1.1c2.2 0 4-1.2 5.6-3.6l1.5.8c-1 2-2.3 3.4-4.1 4.4-1.8 1-3.6 1.5-5.5 1.5a9 9 0 0 1-5.6-1.9 8 8 0 0 1-3-4.4c-.5-1.7-.7-4.7-.7-9V44.9h-5.3v-2c2.5-.1 4.6-1.2 6.6-3.2s3.1-4.7 3.7-8.3h1.4v11.4h11v2zm2.6 16.1a19 19 0 0 1 19.5-19.6A19.1 19.1 0 0 1 243.8 61a18.8 18.8 0 0 1-19.5 19.7c-5.4 0-10-1.8-13.8-5.3a19 19 0 0 1-5.7-14.5zm7.4.3c0 6.4 1 11 3.2 13.6 2 2.6 5 3.9 8.9 3.9 3.8 0 6.8-1.3 8.9-4 2-2.5 3.1-7 3.1-13.5s-1-11-3-13.8c-2.1-2.7-5.1-4-9-4-4 0-7 1.3-9 4s-3 7.3-3 13.8zM260 50.6a15 15 0 0 1 5-6.7c2.2-1.8 4.5-2.6 6.6-2.6 2 0 3.5.6 4.7 1.8a5.5 5.5 0 0 1 1.7 3.7 3 3 0 0 1-1 2.3c-.5.6-1.2.9-2 .9-1.5 0-2.6-1.1-3.4-3.3-.6-1.5-1.4-2.2-2.4-2.2-1.3 0-2.8.8-4.6 2.6s-3 3.5-3.5 5.4a31 31 0 0 0-.7 7.7v6.5l.1 7.4a3 3 0 0 0 1.3 2.3c.8.5 2 .8 4 .8h1.2v2h-19.4v-2h1c1.7 0 3-.2 3.8-.7a3 3 0 0 0 1.3-2.1c.2-.9.3-3.4.3-7.7V56.4c0-3.9 0-6.4-.2-7.4a3 3 0 0 0-1.3-2.3c-.7-.5-2-.8-4-.8h-.9v-2c2.8-.3 6.5-1.2 11-2.6.9 2.3 1.3 5.4 1.4 9.3zm20.5 29.8v-12h1.7c2 7 5.6 10.4 10.8 10.4 2.3 0 4-.7 5.1-2a7 7 0 0 0 1.7-4.5c0-2-.6-3.5-1.8-4.7a28.7 28.7 0 0 0-7.1-4.4 27 27 0 0 1-8-5.4 9 9 0 0 1-2.4-6.4c0-2.4.9-4.7 2.6-6.9a8.7 8.7 0 0 1 7.3-3.2c3.2 0 5.8 1.2 7.9 3.8.4-.4 1-1.5 1.7-3.2h1.7v11.3H300c-.6-2.7-1.7-5-3.4-7s-3.7-3-6-3c-1.9 0-3.3.6-4.4 1.7a5.3 5.3 0 0 0-1.6 3.8c0 1.7.6 3 1.8 4.2a25 25 0 0 0 6.8 4c5 2.4 8.2 4.6 9.3 6.8 1.1 2.2 1.7 4.3 1.7 6.3 0 3.2-1 5.8-3.2 7.8a11 11 0 0 1-7.9 3 12 12 0 0 1-9-4.2 10 10 0 0 0-2 3.8h-1.6zM0 0v94.9h94.9V0H0zm26.3 70a28 28 0 0 1-5.5 7.8c-2.3 2.3-4.6 3.4-6.8 3.4-1.6 0-3-.5-4.1-1.6A6.4 6.4 0 0 1 8 74.8c0-1.7.8-4.7 2.5-9.1l5-13.3c1.4-3.9 1.7-5 1.7-5.3 0-.3 0-.6-.2-.8-.2-.2-.4-.2-.7-.2-.6 0-1.7.4-3.5 2.3a19 19 0 0 0-3 4.6l-.2.5H5.8l.5-1.1C8 49 9.8 46.5 12 44.7c2.2-2 4.3-3 6.3-3a5 5 0 0 1 3.8 1.7c1 1 1.6 2.4 1.6 4.1 0 1.7-.8 4.5-2.4 8.7L17 67.5c-1.8 5-2.2 6.8-2.2 7.4 0 .7.1 1.2.3 1.4.1.2.4.4.9.4 1.2 0 3.5-1.3 6.9-7.3l.2-.4h3.7l-.5 1zM88 62.6a25.8 25.8 0 0 1-5.5 9.2 23.9 23.9 0 0 1-8.2 5.5c-3 1.3-6 2-8.7 2.4-2.7.3-6.6.4-11.5.4H27.3v-3.5h3.2c2.9 0 4.2-.4 4.8-.8.8-.5 1.3-1.4 1.5-2.5.3-1.3.4-4.4.4-9.3V35.5c0-4.6-.1-7.6-.4-8.9-.2-1.2-.7-2-1.4-2.3-.4-.3-1.6-.6-4.5-.7a7.2 7.2 0 0 1-2 4.6c-1.3 1.3-3 2-4.8 2a6.8 6.8 0 0 1-4.8-11.6c1.3-1.4 3-2 4.8-2a6.7 6.7 0 0 1 6 3.4l7.8-.4c8-.4 13.6-.6 16.4-.6C63 19 70 20.4 75 23.1c5 2.7 8.8 6.5 11.2 11.2 2.5 4.6 3.7 10 3.7 16.1 0 4.4-.7 8.4-2 12z'%3E%3C/path%3E%3Cpath d='M71.8 28.7a18 18 0 0 0-7.7-4.8c-2.8-.8-6.5-1.3-11-1.3-2 0-4 0-6 .2v38.6c0 5.8.2 9.5.4 11.2.2 1.4.7 2.4 1.6 3a33 33 0 0 0 18.8-1.1c3.1-1.4 5.8-4 8-8A42 42 0 0 0 77.1 38c-1.3-3.8-3-7-5.4-9.3z'%3E%3C/path%3E%3C/svg%3E");
}

html,
body,
main {
  width: 100%;
}

html {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--background-color);
  color: var(--body-color);
  font-family: var(--font-sans-grotesk);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (prefers-reduced-motion: no-preference) {

  html,
  body {
    scroll-behavior: smooth;
  }
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
}

a {
  outline: 0;
  color: var(--link-color);
}

::selection {
  background-color: var(--theme-color-lighter);
  color: #4d4d4d;
}

img,
object,
video {
  max-width: 100%;
  vertical-align: bottom;
}

figure {
  margin: 0;
}

textarea,
select,
input {
  position: relative;
  min-height: 48px;
  padding: var(--form-input-padding);
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  border-color: var(--form-input-border);
  background-color: var(--form-input-bg);
  color: var(--form-input-color);
  transition: all .1s ease-in-out;
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
  line-height: calc(1em + 4px);
  font-size: 1rem;
}

textarea:hover,
select:hover,
input:hover {
  --form-input-border: var(--form-control-hover);
}

textarea:active,
textarea:focus,
select:active,
select:focus,
input:active,
input:focus {
  --form-input-border: #148be6;
}

textarea:focus,
select:focus,
input:focus {
  --form-input-bg: var(--form-control-bg);
  outline: 0;
  outline-offset: 0;
}

textarea:disabled,
select:disabled,
input:disabled {
  --form-input-border: rgba(128, 128, 128, 0.3);
  --form-input-bg: var(--form-control-disabled);
  cursor: not-allowed;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.o-bg-base {
  background-color: var(--background-color);
}

.o-bg-darkest {
  background-color: var(--background-color-darker);
}

.o-bg-inverse {
  background-color: var(--background-color-inverse);
}

.o-bg-negative {
  background-color: var(--background-color-negative);
}

.o-bg-glass {
  background-color: rgba(77, 77, 77, 0.1);
}

.o-bg-primary {
  background-color: var(--theme-color);
}

.o-bg-primary-dark {
  background-color: var(--theme-color-darker);
}

.o-bg-category-01-dark {
  background-color: #aa3125;
}

.o-bg-faq {
  background-color: var(--background-faq);
}

.o-bg-podcast {
  background-color: #5AC1BD;
}

.o-bg-reverse {
  background-color: var(--background-color-reverse);
}

.o-bg-gray {
  background-color: var(--background-color-gray);
}

.o-bg-dark {
  background-color: var(--background-color-dark);
}

.o-bg-light {
  background-color: var(--background-color-light);
}

section[class*="o-bg"]+section[class*="o-bg"] {
  margin-top: calc(var(--grid-gutter) * -1);
}

.o-container {
  width: calc(100vw - var(--outer-space, 0));
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 var(--outer-gutter);
}

.o-container--inner {
  width: 100%;
  max-width: 940px;
}

@media screen and (min-width: 1280px) {
  .o-container--inner {
    width: calc(100vw - var(--outer-space, 0));
  }
}

body:not([data-homepage]) .o-page {
  padding-top: var(--outer-gutter);
  padding-bottom: var(--outer-gutter);
}

.o-page-reset {
  margin-top: calc(var(--outer-gutter) * -1);
}

@media screen and (max-width: 992px) {
  .o-page-item-reset {
    margin-top: -var(--outer-gutter);
  }
}

.o-dot {
  position: relative;
  padding-right: 0.5rem;
  margin-right: 0.5rem;
}

.o-dot::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  content: '';
  width: 4px;
  height: 4px;
  background-color: var(--body-secondary-color);
  transform: translateY(-50%);
  border-radius: 50%;
}

.o-icon {
  display: inline-block;
  vertical-align: middle;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke: currentColor;
  stroke-linejoin: round;
  pointer-events: all;
}

.o-icon--fill {
  fill: currentColor;
  stroke-width: 0;
}

.o-icon--inverse {
  color: #fff;
}

.o-icon--muted {
  color: #d9d9d9;
}

.o-icon--xs {
  width: 0.75rem;
  height: 0.75rem;
}

.o-icon--sm {
  width: 1rem;
  height: 1rem;
}

.o-icon--lg {
  width: 2rem;
  height: 2rem;
}

.o-icon--xl {
  width: 3rem;
  height: 3rem;
}

.o-icon-live {
  display: inline-block;
  margin-right: 4px;
  border-radius: 50%;
}

.o-icon-live--out {
  position: relative;
  top: 2px;
  left: 0;
  width: 14px;
  height: 14px;
  border: 1px solid currentColor;
  background-color: transparent;
}

.o-icon-live--in {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  background-color: currentColor;
}

a:hover>.o-icon--animated,
button:hover>.o-icon--animated,
label:hover>.o-icon--animated,
div:hover>.o-icon--animated {
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  animation: draw 2s ease-in-out forwards;
}

.o-icon--accent {
  color: var(--theme-color);
}

.o-icon--fill-inverse {
  fill: #fff;
  stroke-width: 0;
}

.o-icon--base {
  fill: var(--icon-color);
}

.o-icon--md {
  width: 1.5rem;
  height: 1.5rem;
}

.o-icon-play {
  height: 40px;
}

.o-icon-play::before {
  display: block;
  background-color: rgba(38, 50, 56, 0.5);
  border-radius: 10px;
  border: 2px solid #fff;
  content: '';
  height: 40px;
  width: 56px;
}

.o-icon-play::after {
  display: block;
  position: relative;
  top: -28px;
  left: 2px;
  border-bottom-width: 8px;
  border-color: transparent;
  border-left-width: 12px;
  border-left-color: #fff;
  border-style: solid;
  border-top-width: 8px;
  content: '';
  height: 0;
  margin: 0 auto;
  width: 0;
}

.o-page {
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (min-width: 740px) {
  .o-page {
    padding-top: var(--outer-gutter);
    padding-bottom: var(--outer-gutter);
  }
}

.o-page-reset {
  margin-top: calc(var(--outer-gutter) * -1);
}

@media screen and (max-width: 992px) {
  .o-page-item-reset {
    margin-top: -var(--outer-gutter);
  }
}

.l-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--grid-gutter);
}

body[data-fullpage] .l-grid {
  margin: 0;
  padding-left: 0;
}

.l-grid--trio-sidebar,
.l-grid--flower,
.l-grid--preview,
.l-grid--cover,
.l-grid--big,
.l-grid--double,
.l-grid--large,
.l-grid--compact {
  grid-template-areas: "one" "two" "three" "four" "five";
}

.l-grid--half {
  grid-template-areas: "one" "two" "three" "four" "five";
}

@media screen and (min-width: 740px) {
  .l-grid--half {
    grid-template-areas: "one one" "two three" "four five";
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 992px) {
  .l-grid--half {
    grid-template-areas: "one one two three" "one one four five";
    grid-template-columns: repeat(4, 1fr);
  }
}

body[data-fullpage] .l-grid--half {
  grid-template-areas: none;
}

@media screen and (min-width: 740px) {
  body[data-fullpage] .l-grid--half {
    grid-template-areas: "one one" "two three" "four five";
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 992px) {
  body[data-fullpage] .l-grid--half {
    grid-template-areas: "one one two three" "one one four five";
    grid-template-columns: repeat(4, 1fr);
  }
}

body[data-fullpage] .l-grid--half>article:nth-child(1),
body[data-fullpage] .l-grid--half>div:nth-child(1) {
  grid-area: auto;
}

body[data-fullpage] .l-grid--half>article:nth-child(2),
body[data-fullpage] .l-grid--half>div:nth-child(2) {
  grid-area: auto;
}

body[data-fullpage] .l-grid--half>article:nth-child(3),
body[data-fullpage] .l-grid--half>div:nth-child(3) {
  grid-area: auto;
}

body[data-fullpage] .l-grid--half>article:nth-child(4),
body[data-fullpage] .l-grid--half>div:nth-child(4) {
  grid-area: auto;
}

body[data-fullpage] .l-grid--half>article:nth-child(5),
body[data-fullpage] .l-grid--half>div:nth-child(5) {
  grid-area: auto;
}

.l-grid--half>article:nth-child(1),
.l-grid--half>div:nth-child(1) {
  position: relative;
  grid-area: one;
}

@media screen and (min-width: 740px) {

  body[data-fullpage] .l-grid--half>article:nth-child(1),
  body[data-fullpage] .l-grid--half>div:nth-child(1) {
    grid-area: one;
  }
}

.l-grid--half>article:nth-child(1)::after,
.l-grid--half>div:nth-child(1)::after {
  background-color: var(--divider-color);
  position: absolute;
  content: '';
  display: block;
  right: 0;
  bottom: var(--grid-divider-gutter);
  width: 100%;
  height: 1px;
}

@media screen and (min-width: 992px) {

  .l-grid--half>article:nth-child(1)::after,
  .l-grid--half>div:nth-child(1)::after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    right: var(--grid-divider-gutter);
    width: 1px;
    height: 100%;
  }
}

.l-grid--half>article:nth-child(2),
.l-grid--half>div:nth-child(2) {
  position: relative;
  grid-area: two;
}

@media screen and (min-width: 740px) {

  body[data-fullpage] .l-grid--half>article:nth-child(2),
  body[data-fullpage] .l-grid--half>div:nth-child(2) {
    grid-area: two;
  }
}

.l-grid--half>article:nth-child(2)::after,
.l-grid--half>div:nth-child(2)::after {
  background-color: var(--divider-color);
}

@media screen and (min-width: 740px) {

  .l-grid--half>article:nth-child(2)::after,
  .l-grid--half>div:nth-child(2)::after {
    position: absolute;
    top: 0;
    right: var(--grid-divider-gutter);
    bottom: auto;
    content: '';
    width: 1px;
    height: calc(100% + 0.75rem);
  }
}

.l-grid--half>article:nth-child(2)::before,
.l-grid--half>div:nth-child(2)::before {
  background-color: var(--divider-color);
  position: absolute;
  content: '';
  display: block;
  right: 0;
  bottom: var(--grid-divider-gutter);
  width: 100%;
  height: 1px;
}

.l-grid--half>article:nth-child(3),
.l-grid--half>div:nth-child(3) {
  position: relative;
  grid-area: three;
}

@media screen and (min-width: 740px) {

  body[data-fullpage] .l-grid--half>article:nth-child(3),
  body[data-fullpage] .l-grid--half>div:nth-child(3) {
    grid-area: three;
  }
}

.l-grid--half>article:nth-child(3)::after,
.l-grid--half>div:nth-child(3)::after {
  background-color: var(--divider-color);
  position: absolute;
  content: '';
  display: block;
  right: 0;
  bottom: var(--grid-divider-gutter);
  width: 100%;
  height: 1px;
}

.l-grid--half>article:nth-child(4),
.l-grid--half>div:nth-child(4) {
  position: relative;
  grid-area: four;
}

@media screen and (min-width: 740px) {

  body[data-fullpage] .l-grid--half>article:nth-child(4),
  body[data-fullpage] .l-grid--half>div:nth-child(4) {
    grid-area: four;
  }
}

.l-grid--half>article:nth-child(4)::after,
.l-grid--half>div:nth-child(4)::after {
  background-color: var(--divider-color);
}

@media screen and (min-width: 740px) {

  .l-grid--half>article:nth-child(4)::after,
  .l-grid--half>div:nth-child(4)::after {
    position: absolute;
    top: -0.75rem;
    right: var(--grid-divider-gutter);
    bottom: auto;
    content: '';
    width: 1px;
    height: calc(100% + 0.75rem);
  }
}

.l-grid--half>article:nth-child(5),
.l-grid--half>div:nth-child(5) {
  grid-area: five;
}

@media screen and (min-width: 740px) {

  body[data-fullpage] .l-grid--half>article:nth-child(5),
  body[data-fullpage] .l-grid--half>div:nth-child(5) {
    grid-area: five;
  }
}

@media screen and (min-width: 740px) {
  .l-grid--half {
    grid-template-areas: "one one" "two three" "four five";
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 992px) {
  .l-grid--half {
    grid-template-areas: "one one two three" "one one four five";
    grid-template-columns: repeat(4, 1fr);
  }
}

.l-grid--square {
  grid-template-areas: "one" "two" "three" "four";
}

.l-grid--square>article:nth-child(1),
.l-grid--square>div:nth-child(1) {
  position: relative;
  grid-area: one;
}

.l-grid--square>article:nth-child(1)::after,
.l-grid--square>div:nth-child(1)::after {
  background-color: var(--divider-color);
}

@media screen and (min-width: 600px) {

  .l-grid--square>article:nth-child(1)::after,
  .l-grid--square>div:nth-child(1)::after {
    position: absolute;
    top: 0;
    right: var(--grid-divider-gutter);
    bottom: auto;
    content: '';
    width: 1px;
    height: calc(100% + 0.75rem);
  }
}

.l-grid--square>article:nth-child(1)::before,
.l-grid--square>div:nth-child(1)::before {
  background-color: var(--divider-color);
  position: absolute;
  content: '';
  display: block;
  right: 0;
  bottom: var(--grid-divider-gutter);
  width: 100%;
  height: 1px;
}

.l-grid--square>article:nth-child(2),
.l-grid--square>div:nth-child(2) {
  position: relative;
  grid-area: two;
}

.l-grid--square>article:nth-child(2)::after,
.l-grid--square>div:nth-child(2)::after {
  background-color: var(--divider-color);
  position: absolute;
  content: '';
  display: block;
  right: 0;
  bottom: var(--grid-divider-gutter);
  width: 100%;
  height: 1px;
}

.l-grid--square>article:nth-child(3),
.l-grid--square>div:nth-child(3) {
  position: relative;
  grid-area: three;
}

.l-grid--square>article:nth-child(3)::after,
.l-grid--square>div:nth-child(3)::after {
  background-color: var(--divider-color);
}

@media screen and (min-width: 600px) {

  .l-grid--square>article:nth-child(3)::after,
  .l-grid--square>div:nth-child(3)::after {
    position: absolute;
    top: -0.75rem;
    right: var(--grid-divider-gutter);
    bottom: auto;
    content: '';
    width: 1px;
    height: calc(100% + 0.75rem);
  }
}

.l-grid--square>article:nth-child(4),
.l-grid--square>div:nth-child(4) {
  position: relative;
  grid-area: four;
}

.l-grid--square>article:nth-child(4)::after,
.l-grid--square>div:nth-child(4)::after {
  background-color: var(--divider-color);
  position: absolute;
  content: '';
  display: block;
  top: var(--grid-divider-gutter);
  right: 0;
  width: 100%;
  height: 1px;
}

@media screen and (min-width: 740px) {

  .l-grid--square>article:nth-child(4)::after,
  .l-grid--square>div:nth-child(4)::after {
    display: none;
  }
}

@media screen and (min-width: 740px) {
  .l-grid--square {
    grid-template-areas: "one two" "three four";
    grid-template-columns: repeat(2, 1fr);
  }
}

.l-grid--list {
  grid-template-areas: "one" "two";
}

@media screen and (min-width: 740px) {
  .l-grid--list {
    grid-template-areas: "one two";
    grid-template-columns: repeat(2, 1fr);
  }
}

.l-grid--position .l-grid__item[data-grid-position='1'] {
  grid-area: one;
}

@media screen and (min-width: 740px) {
  body[data-fullpage] .l-grid--position .l-grid__item[data-grid-position='1'] {
    grid-area: one;
  }
}

.l-grid--position .l-grid__item[data-grid-position='2'] {
  grid-area: two;
}

@media screen and (min-width: 740px) {
  body[data-fullpage] .l-grid--position .l-grid__item[data-grid-position='2'] {
    grid-area: two;
  }
}

.l-grid--position .l-grid__item[data-grid-position='3'] {
  grid-area: three;
}

@media screen and (min-width: 740px) {
  body[data-fullpage] .l-grid--position .l-grid__item[data-grid-position='3'] {
    grid-area: three;
  }
}

.l-grid--position .l-grid__item[data-grid-position='4'] {
  grid-area: four;
}

@media screen and (min-width: 740px) {
  body[data-fullpage] .l-grid--position .l-grid__item[data-grid-position='4'] {
    grid-area: four;
  }
}

.l-grid--position .l-grid__item[data-grid-position='5'] {
  grid-area: five;
}

@media screen and (min-width: 740px) {
  body[data-fullpage] .l-grid--position .l-grid__item[data-grid-position='5'] {
    grid-area: five;
  }
}

.l-grid--preview .l-grid__item[data-grid-position='1']::after {
  position: absolute;
  content: '';
  display: block;
  right: 0;
  bottom: var(--grid-divider-gutter);
  width: 100%;
  height: 1px;
}

.l-grid--preview .l-grid__item[data-grid-position='2']::after {
  position: absolute;
  content: '';
  display: block;
  right: 0;
  bottom: var(--grid-divider-gutter);
  width: 100%;
  height: 1px;
}

.l-grid--preview .l-grid__item[data-grid-position='2']::before {
  display: none;
}

@media screen and (min-width: 740px) {
  .l-grid--preview .l-grid__item[data-grid-position='2']::before {
    display: block;
    position: absolute;
    top: 0;
    left: var(--grid-divider-gutter);
    content: '';
    width: 1px;
    height: calc(100% + 0.75rem);
  }
}

.l-grid--preview .l-grid__item[data-grid-position='3']::before {
  display: none;
}

@media screen and (min-width: 740px) {
  .l-grid--preview .l-grid__item[data-grid-position='3']::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: var(--grid-divider-gutter);
    content: '';
    width: 1px;
    height: calc(100% + 0.75rem);
  }
}

.l-grid--preview .l-grid__item[data-grid-position='3']::after {
  position: absolute;
  bottom: var(--grid-divider-gutter);
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
}

@media screen and (min-width: 740px) {
  .l-grid--preview .l-grid__item[data-grid-position='3']::after {
    display: none;
  }
}

.l-grid--preview .l-grid__item[data-grid-position='4']::after {
  position: absolute;
  content: '';
  display: block;
  right: 0;
  bottom: var(--grid-divider-gutter);
  width: 100%;
  height: 1px;
}

@media screen and (min-width: 740px) {
  .l-grid--preview {
    grid-template-areas: "one one one one one two two two two two two two" "one one one one one two two two two two two two" "four four four four four two two two two two two two" "five five five five five three three three three three three three" "sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar";
    grid-template-columns: repeat(12, 1fr);
  }
}

@media screen and (min-width: 992px) {
  .l-grid--preview {
    grid-template-areas: "one one one one two two two two sidebar" "one one one one two two two two sidebar" "four four four four two two two two sidebar" "five five five five three three three three sidebar";
    grid-template-columns: repeat(8, 1fr) 300px;
  }
}

.l-grid--cover .l-grid__item[data-grid-position='1']::after {
  position: absolute;
  content: '';
  display: block;
  right: 0;
  bottom: var(--grid-divider-gutter);
  width: 100%;
  height: 1px;
}

.l-grid--cover .l-grid__item[data-grid-position='2']::after {
  position: absolute;
  right: var(--grid-divider-gutter);
  bottom: var(--grid-divider-gutter);
  content: '';
  width: calc(100% + 0.75rem);
  height: 1px;
}

.l-grid--cover .l-grid__item[data-grid-position='3']::after {
  position: absolute;
  bottom: var(--grid-divider-gutter);
  left: var(--grid-divider-gutter);
  content: '';
  width: calc(100% + 0.75rem);
  height: 1px;
}

.l-grid--cover .l-grid__item[data-grid-position='3']::before {
  position: absolute;
  top: 0;
  left: var(--grid-divider-gutter);
  content: '';
  width: 1px;
  height: 100%;
}

@media screen and (min-width: 740px) {
  .l-grid--cover .l-grid__item[data-grid-position='5']::before {
    position: absolute;
    bottom: var(--grid-divider-gutter);
    bottom: 0;
    left: var(--grid-divider-gutter);
    left: var(--grid-divider-gutter);
    content: '';
    width: 1px;
    height: 100%;
  }
}

@media screen and (min-width: 740px) {
  .l-grid--cover {
    grid-template-areas: "one one" "two three" "four five" "sidebar sidebar";
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1440px) {
  .l-grid--cover {
    grid-template-areas: "one one one one one one one one sidebar" "two two two two three three three three sidebar" "four four four four  five five five five sidebar";
    grid-template-columns: repeat(8, 1fr) 300px;
  }
}

.l-grid--trio-sidebar .l-grid__item[data-grid-position='1']::after {
  position: absolute;
  content: '';
  display: block;
  right: 0;
  bottom: var(--grid-divider-gutter);
  width: 100%;
  height: 1px;
}

.l-grid--trio-sidebar .l-grid__item[data-grid-position='2']::after {
  position: absolute;
  right: var(--grid-divider-gutter);
  bottom: var(--grid-divider-gutter);
  content: '';
  width: calc(100% + 0.75rem);
  height: 1px;
}

@media screen and (min-width: 740px) {
  .l-grid--trio-sidebar .l-grid__item[data-grid-position='2']::after {
    display: none;
  }
}

.l-grid--trio-sidebar .l-grid__item[data-grid-position='3']::after {
  position: absolute;
  bottom: var(--grid-divider-gutter);
  left: var(--grid-divider-gutter);
  content: '';
  width: calc(100% + 0.75rem);
  height: 1px;
}

@media screen and (min-width: 740px) {
  .l-grid--trio-sidebar .l-grid__item[data-grid-position='3']::after {
    display: none;
  }
}

.l-grid--trio-sidebar .l-grid__item[data-grid-position='3']::before {
  position: absolute;
  top: 0;
  left: var(--grid-divider-gutter);
  content: '';
  width: 1px;
  height: 100%;
}

@media screen and (min-width: 740px) {
  .l-grid--trio-sidebar .l-grid__item[data-grid-position='5']::before {
    position: absolute;
    bottom: var(--grid-divider-gutter);
    bottom: 0;
    left: var(--grid-divider-gutter);
    left: var(--grid-divider-gutter);
    content: '';
    width: 1px;
    height: 100%;
  }
}

@media screen and (min-width: 740px) {
  .l-grid--trio-sidebar {
    grid-template-areas: "one one" "two three";
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1280px) {
  .l-grid--trio-sidebar {
    grid-template-areas: "one one" "two three";
    grid-template-columns: repeat(2, 1fr) 300px;
  }
}

@media screen and (min-width: 1280px) {
  .l-grid--trio-sidebar {
    grid-template-areas: "one one sidebar" "two three sidebar";
  }
}

.l-grid--flower .l-grid__item[data-grid-position='1']::after {
  position: absolute;
  content: '';
  display: block;
  right: 0;
  bottom: var(--grid-divider-gutter);
  width: 100%;
  height: 1px;
}

@media screen and (min-width: 740px) {
  .l-grid--flower .l-grid__item[data-grid-position='1']::after {
    display: none;
  }
}

.l-grid--flower .l-grid__item[data-grid-position='2']::after {
  position: absolute;
  right: 0;
  bottom: var(--grid-divider-gutter);
  content: '';
  width: 100%;
  height: 1px;
}

@media screen and (min-width: 740px) {
  .l-grid--flower .l-grid__item[data-grid-position='2']::before {
    position: absolute;
    top: 0;
    right: var(--grid-divider-gutter);
    content: '';
    width: 1px;
    height: calc(100% + 0.75rem);
  }
}

.l-grid--flower .l-grid__item[data-grid-position='3']::after {
  position: absolute;
  bottom: var(--grid-divider-gutter);
  left: 0;
  content: '';
  width: calc(100% - 0.75rem);
  height: 1px;
}

.l-grid--flower .l-grid__item[data-grid-position='3']::before {
  position: absolute;
  top: 0;
  left: var(--grid-divider-gutter);
  content: '';
  width: 1px;
  height: calc(100% + 0.75rem);
}

@media screen and (min-width: 740px) {
  .l-grid--flower .l-grid__item[data-grid-position='4']::before {
    position: absolute;
    right: var(--grid-divider-gutter);
    bottom: 0;
    content: '';
    width: 1px;
    height: calc(100% + 0.75rem);
  }
}

@media screen and (min-width: 740px) {
  .l-grid--flower .l-grid__item[data-grid-position='5']::before {
    position: absolute;
    bottom: 0;
    left: var(--grid-divider-gutter);
    content: '';
    width: 1px;
    height: calc(100% + 0.75rem);
  }
}

@media screen and (min-width: 740px) {
  .l-grid--flower {
    grid-template-areas: "one one" "two three" "four five";
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 992px) {
  .l-grid--flower {
    grid-template-areas: "two one one three" "four one one five";
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (min-width: 740px) {
  .l-grid--big {
    grid-template-areas: "one one" "two three" "four five";
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 992px) {
  .l-grid--big {
    grid-template-areas: "one one two three" "one one four five";
    grid-template-columns: repeat(4, 1fr);
  }
}

body[data-fullpage] .l-grid--big {
  grid-template-areas: none;
}

body[data-fullpage] .l-grid--big>article:nth-child(1),
body[data-fullpage] .l-grid--big>div:nth-child(1) {
  grid-area: auto;
}

body[data-fullpage] .l-grid--big>article:nth-child(2),
body[data-fullpage] .l-grid--big>div:nth-child(2) {
  grid-area: auto;
}

body[data-fullpage] .l-grid--big>article:nth-child(3),
body[data-fullpage] .l-grid--big>div:nth-child(3) {
  grid-area: auto;
}

body[data-fullpage] .l-grid--big>article:nth-child(4),
body[data-fullpage] .l-grid--big>div:nth-child(4) {
  grid-area: auto;
}

body[data-fullpage] .l-grid--big>article:nth-child(5),
body[data-fullpage] .l-grid--big>div:nth-child(5) {
  grid-area: auto;
}

@media screen and (min-width: 740px) {
  body[data-fullpage] .l-grid--big {
    grid-template-areas: "one one" "two three" "four five";
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 992px) {
  body[data-fullpage] .l-grid--big {
    grid-template-areas: "one one two three" "one one four five";
    grid-template-columns: repeat(4, 1fr);
  }
}

.l-grid--big .l-grid__item[data-grid-position='1']::after {
  position: absolute;
  content: '';
  display: block;
  right: 0;
  bottom: var(--grid-divider-gutter);
  width: 100%;
  height: 1px;
}

@media screen and (min-width: 992px) {
  .l-grid--big .l-grid__item[data-grid-position='1']::after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    right: var(--grid-divider-gutter);
    width: 1px;
    height: 100%;
  }
}

.l-grid--big .l-grid__item[data-grid-position='2']::after,
.l-grid--big .l-grid__item[data-grid-position='3']::after {
  position: absolute;
  content: '';
  display: block;
  right: 0;
  bottom: var(--grid-divider-gutter);
  width: 100%;
  height: 1px;
}

@media screen and (min-width: 740px) {
  .l-grid--big .l-grid__item[data-grid-position='3']::before {
    position: absolute;
    top: 0;
    bottom: auto;
    left: var(--grid-divider-gutter);
    content: '';
    width: 1px;
    height: calc(100% + 0.75rem);
  }
}

.l-grid--big .l-grid__item[data-grid-position='4']::after {
  position: absolute;
  content: '';
  display: block;
  right: 0;
  bottom: var(--grid-divider-gutter);
  width: 100%;
  height: 1px;
}

@media screen and (min-width: 740px) {
  .l-grid--big .l-grid__item[data-grid-position='4']::after {
    display: none;
  }
}

@media screen and (min-width: 740px) {
  .l-grid--big .l-grid__item[data-grid-position='5']::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: var(--grid-divider-gutter);
    content: '';
    width: 1px;
    height: calc(100% + 0.75rem);
  }
}

@media screen and (min-width: 740px) {
  .l-grid--big {
    grid-template-areas: "one one" "two three" "four five";
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 992px) {
  .l-grid--big {
    grid-template-areas: "one one two three" "one one four five";
    grid-template-columns: repeat(4, 1fr);
  }
}

body[data-fullpage] .l-grid--double {
  grid-template-areas: none;
}

body[data-fullpage] .l-grid--double>article:nth-child(1),
body[data-fullpage] .l-grid--double>div:nth-child(1) {
  grid-area: auto;
}

body[data-fullpage] .l-grid--double>article:nth-child(2),
body[data-fullpage] .l-grid--double>div:nth-child(2) {
  grid-area: auto;
}

body[data-fullpage] .l-grid--double>article:nth-child(3),
body[data-fullpage] .l-grid--double>div:nth-child(3) {
  grid-area: auto;
}

body[data-fullpage] .l-grid--double>article:nth-child(4),
body[data-fullpage] .l-grid--double>div:nth-child(4) {
  grid-area: auto;
}

body[data-fullpage] .l-grid--double>article:nth-child(5),
body[data-fullpage] .l-grid--double>div:nth-child(5) {
  grid-area: auto;
}

@media screen and (min-width: 740px) {
  body[data-fullpage] .l-grid--double {
    grid-template-areas: "one two" "three four";
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 992px) {
  body[data-fullpage] .l-grid--double {
    grid-template-areas: "one two three" "one two four";
    grid-template-columns: repeat(3, 1fr);
  }
}

.l-grid--double .l-grid__item[data-grid-position='1']::after,
.l-grid--double .l-grid__item[data-grid-position='2']::after,
.l-grid--double .l-grid__item[data-grid-position='3']::after {
  position: absolute;
  right: 0;
  bottom: var(--grid-divider-gutter);
  content: '';
  width: 100%;
  height: 1px;
}

@media screen and (min-width: 992px) {
  .l-grid--double .l-grid__item[data-grid-position='1']::after {
    display: none;
  }
}

@media screen and (min-width: 740px) {
  .l-grid--double .l-grid__item[data-grid-position='1']::before {
    position: absolute;
    top: 0;
    right: var(--grid-divider-gutter);
    content: '';
    width: 1px;
    height: 100%;
  }
}

.l-grid--double .l-grid__item[data-grid-position='2']::after {
  width: calc(100% + var(--grid-gutter));
}

@media screen and (min-width: 992px) {
  .l-grid--double .l-grid__item[data-grid-position='2']::after {
    top: 0;
    right: var(--grid-divider-gutter);
    width: 1px;
    height: 100%;
  }
}

@media screen and (min-width: 740px) {
  .l-grid--double .l-grid__item[data-grid-position='3']::after {
    right: var(--grid-divider-gutter);
    bottom: 0;
    width: 1px;
    height: 100%;
  }
}

@media screen and (min-width: 992px) {
  .l-grid--double .l-grid__item[data-grid-position='3']::after {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .l-grid--double .l-grid__item[data-grid-position='4']::after {
    position: absolute;
    top: var(--grid-divider-gutter);
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
  }
}

@media screen and (min-width: 740px) {
  .l-grid--double {
    grid-template-areas: "one two" "three four";
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 992px) {
  .l-grid--double {
    grid-template-areas: "one two three" "one two four";
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 740px) {
  .l-grid--compact {
    grid-template-areas: "one one one two three four";
    grid-template-columns: repeat(6, 1fr);
  }
}

@media screen and (min-width: 740px) {
  .l-grid--compact {
    grid-template-areas: "one one one one one one" "two two three three four four";
    grid-template-columns: repeat(6, 2fr);
  }
}

@media screen and (min-width: 992px) {
  .l-grid--compact {
    grid-template-areas: "one one one two three four";
    grid-template-columns: repeat(6, 1fr);
  }
}

body[data-fullpage] .l-grid--compact {
  grid-template-areas: none;
}

body[data-fullpage] .l-grid--compact>article:nth-child(1),
body[data-fullpage] .l-grid--compact>div:nth-child(1) {
  grid-area: auto;
}

body[data-fullpage] .l-grid--compact>article:nth-child(2),
body[data-fullpage] .l-grid--compact>div:nth-child(2) {
  grid-area: auto;
}

body[data-fullpage] .l-grid--compact>article:nth-child(3),
body[data-fullpage] .l-grid--compact>div:nth-child(3) {
  grid-area: auto;
}

body[data-fullpage] .l-grid--compact>article:nth-child(4),
body[data-fullpage] .l-grid--compact>div:nth-child(4) {
  grid-area: auto;
}

body[data-fullpage] .l-grid--compact>article:nth-child(5),
body[data-fullpage] .l-grid--compact>div:nth-child(5) {
  grid-area: auto;
}

@media screen and (min-width: 740px) {
  body[data-fullpage] .l-grid--compact {
    grid-template-areas: "one one one two three four";
    grid-template-columns: repeat(6, 1fr);
  }
}

@media screen and (min-width: 740px) {
  body[data-fullpage] .l-grid--compact {
    grid-template-areas: "one one one one one one" "two two three three four four";
    grid-template-columns: repeat(6, 2fr);
  }
}

@media screen and (min-width: 992px) {
  body[data-fullpage] .l-grid--compact {
    grid-template-areas: "one one one two three four";
    grid-template-columns: repeat(6, 1fr);
  }
}

.l-grid--compact .l-grid__item[data-grid-position='1']::after,
.l-grid--compact .l-grid__item[data-grid-position='2']::after,
.l-grid--compact .l-grid__item[data-grid-position='3']::after {
  position: absolute;
  right: 0;
  bottom: var(--grid-divider-gutter);
  content: '';
  width: 100%;
  height: 1px;
}

@media screen and (min-width: 992px) {

  .l-grid--compact .l-grid__item[data-grid-position='1']::after,
  .l-grid--compact .l-grid__item[data-grid-position='2']::after,
  .l-grid--compact .l-grid__item[data-grid-position='3']::after {
    top: 0;
    right: var(--grid-divider-gutter);
    width: 1px;
    height: 100%;
  }
}

@media screen and (min-width: 740px) {

  .l-grid--compact .l-grid__item[data-grid-position='2']::after,
  .l-grid--compact .l-grid__item[data-grid-position='3']::after {
    top: 0;
    right: var(--grid-divider-gutter);
    width: 1px;
    height: 100%;
  }
}

@media screen and (min-width: 740px) {
  .l-grid--compact {
    grid-template-areas: "one one one two three four";
    grid-template-columns: repeat(6, 1fr);
  }
}

@media screen and (min-width: 740px) {
  .l-grid--compact {
    grid-template-areas: "one one one one one one" "two two three three four four";
    grid-template-columns: repeat(6, 2fr);
  }
}

@media screen and (min-width: 992px) {
  .l-grid--compact {
    grid-template-areas: "one one one two three four";
    grid-template-columns: repeat(6, 1fr);
  }
}

body[data-fullpage] .l-grid--large {
  grid-template-areas: none;
}

body[data-fullpage] .l-grid--large>article:nth-child(1),
body[data-fullpage] .l-grid--large>div:nth-child(1) {
  grid-area: auto;
}

body[data-fullpage] .l-grid--large>article:nth-child(2),
body[data-fullpage] .l-grid--large>div:nth-child(2) {
  grid-area: auto;
}

body[data-fullpage] .l-grid--large>article:nth-child(3),
body[data-fullpage] .l-grid--large>div:nth-child(3) {
  grid-area: auto;
}

body[data-fullpage] .l-grid--large>article:nth-child(4),
body[data-fullpage] .l-grid--large>div:nth-child(4) {
  grid-area: auto;
}

body[data-fullpage] .l-grid--large>article:nth-child(5),
body[data-fullpage] .l-grid--large>div:nth-child(5) {
  grid-area: auto;
}

@media screen and (min-width: 740px) {
  body[data-fullpage] .l-grid--large {
    grid-template-areas: "one one two two" "one one three three";
    grid-template-columns: repeat(4, 1fr);
  }
}

.l-grid--large .l-grid__item[data-grid-position='1']::after {
  position: absolute;
  right: 0;
  bottom: var(--grid-divider-gutter);
  content: '';
  width: 100%;
  height: 1px;
}

@media screen and (min-width: 740px) {
  .l-grid--large .l-grid__item[data-grid-position='1']::after {
    top: 0;
    right: var(--grid-divider-gutter);
    bottom: auto;
    width: 1px;
    height: 100%;
  }
}

.l-grid--large .l-grid__item[data-grid-position='2']::after {
  position: absolute;
  bottom: var(--grid-divider-gutter);
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
}

@media screen and (min-width: 740px) {
  .l-grid--large {
    grid-template-areas: "one one two two" "one one three three";
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (min-width: 600px) {
  .l-grid--small .l-grid__item::after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    right: var(--grid-divider-gutter);
    width: 1px;
    height: 100%;
  }
}

@media screen and (min-width: 600px) {
  .l-grid--small {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 992px) {
  .l-grid--small {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (min-width: 740px) {
  .l-grid--small .l-grid__item:nth-of-type(-n+4)::before {
    display: none;
  }
}

@media screen and (max-width: 740px) {
  .l-grid--small .l-grid__item:nth-of-type(2n)::after {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .l-grid--small .l-grid__item:nth-of-type(4n)::after {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .l-grid--small .l-grid__item:nth-of-type(n+2)::before {
    position: absolute;
    content: '';
    display: block;
    top: var(--grid-divider-gutter);
    right: 0;
    width: 100%;
    height: 1px;
  }
}

@media screen and (max-width: 992px) {
  .l-grid--small .l-grid__item:nth-of-type(n+3)::before {
    position: absolute;
    content: '';
    display: block;
    top: var(--grid-divider-gutter);
    right: 0;
    width: 100%;
    height: 1px;
  }
}

@media screen and (min-width: 600px) {
  .l-grid--small .l-grid__item:nth-of-type(2n+2)::before {
    width: calc(100% + 3.5rem);
  }
}

@media screen and (min-width: 992px) {
  .l-grid--small .l-grid__item:nth-of-type(n+5)::before {
    position: absolute;
    content: '';
    display: block;
    top: var(--grid-divider-gutter);
    right: 0;
    width: 100%;
    height: 1px;
  }

  .l-grid--small .l-grid__item:nth-of-type(4n+6)::before,
  .l-grid--small .l-grid__item:nth-of-type(4n+7)::before,
  .l-grid--small .l-grid__item:nth-of-type(4n+8)::before {
    right: 0;
    width: calc(100% + 3.5rem);
  }
}

.l-grid--medium .l-grid__item:nth-of-type(n+2)::before {
  position: absolute;
  content: '';
  display: block;
  top: var(--grid-divider-gutter);
  right: 0;
  width: 100%;
  height: 1px;
}

@media screen and (min-width: 740px) {
  .l-grid--medium .l-grid__item::after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    right: var(--grid-divider-gutter);
    width: 1px;
    height: 100%;
  }
}

@media screen and (min-width: 740px) {
  .l-grid--medium {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 740px) {
  .l-grid--medium .l-grid__item:nth-of-type(-n+3)::before {
    display: none;
  }
}

@media screen and (max-width: 740px) {
  .l-grid--medium .l-grid__item:nth-of-type(3n)::after {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .l-grid--medium .l-grid__item:nth-of-type(3n)::after {
    display: none;
  }
}

@media screen and (min-width: 740px) {

  .l-grid--medium .l-grid__item:nth-of-type(3n+2)::before,
  .l-grid--medium .l-grid__item:nth-of-type(3n+3)::before {
    width: calc(100% + var(--grid-gutter));
  }
}

.l-grid--featured {
  grid-template-areas: "one" "two" "three" "four" "five";
}

.l-grid--featured .l-grid__item[data-grid-position='1']::before,
.l-grid--featured .l-grid__item[data-grid-position='3']::before,
.l-grid--featured .l-grid__item[data-grid-position='4']::before {
  position: absolute;
  content: '';
  display: block;
  right: 0;
  bottom: var(--grid-divider-gutter);
  width: 100%;
  height: 1px;
}

@media screen and (min-width: 992px) {
  .l-grid--featured .l-grid__item[data-grid-position='1']::before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    right: var(--grid-divider-gutter);
    width: 1px;
    height: 100%;
  }
}

@media screen and (min-width: 992px) {
  .l-grid--featured .l-grid__item[data-grid-position='1']::after {
    position: absolute;
    bottom: var(--grid-divider-gutter);
    left: 0;
    content: '';
    width: calc(100% + 0.75rem + 3.5rem);
    height: 1px;
  }
}

@media screen and (min-width: 992px) and (min-width: 992px) {
  .l-grid--featured .l-grid__item[data-grid-position='1']::after {
    bottom: var(--grid-divider-gutter);
  }
}

@media screen and (min-width: 740px) {

  .l-grid--featured .l-grid__item[data-grid-position="2"]::after,
  .l-grid--featured .l-grid__item[data-grid-position="3"]::before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    right: var(--grid-divider-gutter);
    width: 1px;
    height: 100%;
  }
}

@media screen and (max-width: 992px) {
  .l-grid--featured .l-grid__item[data-grid-position="2"]::before {
    position: absolute;
    content: '';
    display: block;
    right: 0;
    bottom: var(--grid-divider-gutter);
    width: 100%;
    height: 1px;
  }
}

@media screen and (min-width: 740px) {
  .l-grid--featured .l-grid__item[data-grid-position="4"]::after {
    position: absolute;
    content: '';
    display: block;
    width: calc(100% + 3rem);
    height: 1px;
    bottom: var(--grid-divider-gutter);
    right: 0;
  }
}

@media screen and (min-width: 740px) {
  .l-grid--featured {
    grid-template-areas: "one one" "two four" "three five";
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 992px) {
  .l-grid--featured {
    grid-template-areas: "one one four" "two three five";
    grid-template-columns: repeat(3, 1fr);
  }
}

.l-grid--featured-overlay {
  grid-template-areas: "one" "two" "three" "five" "four";
}

.l-grid--featured-overlay [data-grid-position='4'] {
  display: none;
}

@media screen and (min-width: 740px) {
  .l-grid--featured-overlay {
    grid-template-areas: "one one " "two  two" "three five";
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 992px) {
  .l-grid--featured-overlay {
    grid-template-areas: "one one four" "two three five";
    grid-template-columns: repeat(3, 1fr);
  }

  .l-grid--featured-overlay [data-grid-position='4'] {
    display: block;
  }
}

.l-grid--featured-overlay .l-grid__item[data-grid-position='1']::before,
.l-grid--featured-overlay .l-grid__item[data-grid-position='2']::before {
  position: absolute;
  content: '';
  display: block;
  right: 0;
  bottom: var(--grid-divider-gutter);
  width: 100%;
  height: 1px;
}

@media screen and (min-width: 992px) {

  .l-grid--featured-overlay .l-grid__item[data-grid-position='1']::before,
  .l-grid--featured-overlay .l-grid__item[data-grid-position='2']::before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    right: var(--grid-divider-gutter);
    width: 1px;
    height: 100%;
  }
}

@media screen and (min-width: 992px) {
  .l-grid--featured-overlay .l-grid__item[data-grid-position='1']::after {
    position: absolute;
    bottom: var(--grid-divider-gutter);
    left: 0;
    content: '';
    width: calc(100% + 0.75rem + 3.5rem);
    height: 1px;
  }
}

.l-grid--featured-overlay .l-grid__item[data-grid-position="2"]::after,
.l-grid--featured-overlay .l-grid__item[data-grid-position="3"]::after {
  position: absolute;
  content: '';
  display: block;
  right: 0;
  bottom: var(--grid-divider-gutter);
  width: 100%;
  height: 1px;
}

@media screen and (min-width: 740px) {

  .l-grid--featured-overlay .l-grid__item[data-grid-position="2"]::after,
  .l-grid--featured-overlay .l-grid__item[data-grid-position="3"]::after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    right: var(--grid-divider-gutter);
    width: 1px;
    height: 100%;
  }
}

@media screen and (min-width: 740px) {
  .l-grid--featured-overlay .l-grid__item[data-grid-position="3"]::after:nth-child(3) {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .l-grid--featured-overlay .l-grid__item[data-grid-position="4"]::after {
    width: calc(100% + 0.75rem + 1px);
    position: absolute;
    content: '';
    display: block;
    right: 0;
    bottom: var(--grid-divider-gutter);
    width: 100%;
    height: 1px;
  }
}

.l-grid--four {
  grid-template-areas: "one" "two" "three" "four";
}

.l-grid--four .l-grid__item[data-grid-position='1']::before {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  bottom: var(--grid-divider-gutter);
  right: auto;
  left: auto;
}

@media screen and (min-width: 740px) {

  .l-grid--four .l-grid__item[data-grid-position='2']::before,
  .l-grid--four .l-grid__item[data-grid-position='3']::before {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    top: auto;
    bottom: auto;
    right: var(--grid-divider-gutter);
  }
}

@media screen and (min-width: 740px) {
  .l-grid--four {
    grid-template-areas: "one one one" "one one one" "two three four";
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 992px) {
  .l-grid--four {
    grid-template-areas: "one one sidebar" "one one sidebar" "two three four";
    grid-template-columns: repeat(3, 1fr);
  }
}

.l-grid--apertura {
  grid-template-areas: "one" "two" "three" "four" "five";
}

@media screen and (min-width: 740px) {
  .l-grid--apertura {
    grid-template-areas: "one one" "two two" "three four" "three five";
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 992px) {
  .l-grid--apertura {
    grid-template-areas: "one one three" "one one sidebar" "two two sidebar" "four five sidebar";
    grid-template-columns: repeat(2, 1fr) 300px;
  }
}

@media screen and (min-width: 1280px) {
  .l-grid--apertura {
    grid-template-areas: "one three sidebar" "one four sidebar" "two five sidebar";
    grid-template-columns: repeat(2, 1fr) 300PX;
  }
}

@media screen and (min-width: 992px) {
  .l-grid--apertura-ad {
    grid-template-columns: repeat(2, 1fr) 300px;
  }
}

@media screen and (min-width: 1280px) {
  .l-grid--apertura-ad {
    grid-template-areas: "one one one one one three three three sidebar" "one one one one one four four four sidebar" "two two two two two five five five sidebar";
    grid-template-columns: repeat(8, 1fr) 300px;
  }
}

.l-grid--apertura .l-grid__item[data-grid-position='1']::before,
.l-grid--apertura .l-grid__item[data-grid-position='2']::before,
.l-grid--apertura .l-grid__item[data-grid-position='4']::before {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  bottom: var(--grid-divider-gutter);
  right: auto;
  left: auto;
}

@media screen and (min-width: 1280px) {
  .l-grid--apertura .l-grid__item[data-grid-position='1']::after {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    top: auto;
    bottom: auto;
    right: var(--grid-divider-gutter);
  }
}

@media screen and (min-width: 1280px) {
  .l-grid--apertura .l-grid__item[data-grid-position='2']::before {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: calc(100% + 3rem);
    bottom: 0;
    right: var(--grid-divider-gutter);
  }
}

@media screen and (min-width: 992px) {
  .l-grid--apertura .l-grid__item[data-grid-position='3']::before {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    bottom: var(--grid-divider-gutter);
    right: auto;
    left: auto;
  }
}

@media screen and (min-width: 740px) {
  .l-grid--apertura .l-grid__item[data-grid-position='3']::after {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    top: auto;
    bottom: auto;
    right: var(--grid-divider-gutter);
  }
}

@media screen and (min-width: 992px) {
  .l-grid--apertura .l-grid__item[data-grid-position='3']::after {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: calc(100% + 3rem);
    top: auto;
    bottom: auto;
    left: var(--grid-divider-gutter);
  }
}

@media screen and (min-width: 1280px) {
  .l-grid--apertura .l-grid__item[data-grid-position='3']::after {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .l-grid--apertura .l-grid__item[data-grid-position='4']::before {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    top: auto;
    bottom: auto;
    right: var(--grid-divider-gutter);
  }
}

@media screen and (min-width: 1280px) {
  .l-grid--apertura .l-grid__item[data-grid-position='4']::before {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    bottom: var(--grid-divider-gutter);
    right: auto;
    left: auto;
  }
}

.l-grid--trio {
  grid-template-areas: "one" "two" "three";
}

.l-grid--trio .l-grid__item[data-grid-position='1']::after {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  bottom: var(--grid-divider-gutter);
  right: auto;
  left: auto;
}

@media screen and (min-width: 740px) {
  .l-grid--trio .l-grid__item[data-grid-position='1']::after {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    top: auto;
    bottom: auto;
    right: var(--grid-divider-gutter);
  }
}

.l-grid--trio .l-grid__item[data-grid-position='2']::before {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  bottom: var(--grid-divider-gutter);
  right: auto;
  left: auto;
}

@media screen and (min-width: 740px) {
  .l-grid--trio .l-grid__item[data-grid-position='3']::after {
    display: none;
  }
}

@media screen and (min-width: 600px) {
  .l-grid--trio {
    grid-template-areas: "one one two" "one one three";
    grid-template-columns: repeat(3, 1fr);
  }
}

.l-grid--trisome {
  grid-template-areas: "one" "two" "three";
}

.l-grid--trisome .l-grid__item[data-grid-position='2']::before,
.l-grid--trisome .l-grid__item[data-grid-position='1']::after {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  bottom: var(--grid-divider-gutter);
  right: auto;
  left: auto;
}

@media screen and (min-width: 600px) {

  .l-grid--trisome .l-grid__item[data-grid-position='2']::before,
  .l-grid--trisome .l-grid__item[data-grid-position='1']::after {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    top: auto;
    bottom: auto;
    right: var(--grid-divider-gutter);
  }
}

@media screen and (min-width: 740px) {
  .l-grid--trisome .l-grid__item[data-grid-position='3']::after {
    display: none;
  }
}

@media screen and (min-width: 600px) {
  .l-grid--trisome {
    grid-template-areas: "one one two three";
    grid-template-columns: repeat(4, 1fr);
  }
}

.l-grid--scrollable {
  display: grid;
  position: relative;
  grid-auto-columns: minmax(230px, 1fr);
  grid-auto-flow: column;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  margin-right: var(--grid-divider-gutter);
  margin-left: var(--grid-divider-gutter);
  padding-left: 0.75rem;
  overflow-x: auto;
  gap: var(--grid-gutter);
}

.l-grid--scrollable.l-grid--small {
  gap: 0.75rem;
}

.l-grid--scrollable.l-grid--small .l-grid__item::after {
  right: -var(--grid-gutter);
  display: block;
  position: absolute;
  content: '';
  display: block;
  top: 0;
  right: var(--grid-divider-gutter);
  width: 1px;
  height: 100%;
}

body[data-model="approfondimento"] .l-grid--scrollable.l-grid--small .l-grid__item {
  grid-template-columns: repeat(4, minmax(120px, 316px));
}

@media screen and (min-width: 740px) {
  .l-grid--scrollable.l-grid--small {
    overflow: hidden;
  }
}

@media screen and (min-width: 992px) {
  .l-grid--scrollable.l-grid--small {
    padding: 0;
    gap: var(--grid-gutter);
  }
}

@media screen and (min-width: 992px) {
  :not(l-entry--social) .l-grid--scrollable {
    grid-template-columns: repeat(4, minmax(120px, 316px));
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
    overflow: hidden;
  }

  body[data-homepage] :not(l-entry--social) .l-grid--scrollable {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }

  body[data-model="approfondimento"] :not(l-entry--social) .l-grid--scrollable {
    grid-template-columns: repeat(4, minmax(120px, 316px));
  }
}

@media screen and (min-width: 1280px) {
  :not(l-entry--social) .l-grid--scrollable {
    grid-template-columns: repeat(auto-fit, minmax(120px, 316px));
  }
}

@media screen and (min-width: 1280px) {
  :not(l-entry--social) .l-grid--scrollable {
    grid-template-columns: repeat(auto-fit, minmax(120px, 316px));
  }
}

.l-grid--snake {
  grid-template-areas: "one" "two" "three";
}

[data-channel*="dossier"] .l-grid--snake {
  grid-template-areas: "one" "paywall" "two" "three";
}

[data-channel*="dossier"] .l-grid--snake .c-paywall {
  grid-area: paywall;
}

@media screen and (min-width: 740px) {
  [data-channel*="dossier"] .l-grid--snake {
    grid-row-gap: 0.75rem;
    grid-template-areas: "one one one" "paywall paywall paywall" "two two three";
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 740px) {
  .l-grid--snake {
    grid-row-gap: 0.75rem;
    grid-template-areas: "one one one" "two two three";
    grid-template-columns: repeat(3, 1fr);
  }
}

.l-grid--five {
  grid-template-columns: 1fr;
}

.l-grid--five .l-grid__item {
  position: relative;
  height: auto;
}

.l-grid--five .l-grid__item:not(:last-child)::after {
  background-color: var(--divider-color);
  position: absolute;
  content: '';
  display: block;
  right: 0;
  bottom: var(--grid-divider-gutter);
  width: 100%;
  height: 1px;
}

@media screen and (min-width: 740px) {
  .l-grid--five .l-grid__item:not(:last-child)::after {
    display: none;
  }
}

.l-grid--five .l-grid__item:nth-child(1) .c-story__heading,
.l-grid--five .l-grid__item:nth-child(2) .c-story__heading {
  font-size: 1.75rem;
  line-height: 2rem;
}

@media screen and (min-width: 740px) {
  .l-grid--five .l-grid__item:nth-child(5n+1) {
    grid-column: 1/4;
  }
}

@media screen and (min-width: 740px) {
  .l-grid--five .l-grid__item:nth-child(5n+2) {
    grid-column: 4/7;
  }
}

.l-grid--five .l-grid__item:nth-child(5n+3) .c-story__media {
  display: none;
}

@media screen and (min-width: 740px) {
  .l-grid--five .l-grid__item:nth-child(5n+3) {
    grid-column: 1/3;
  }

  .l-grid--five .l-grid__item:nth-child(5n+3) .c-story__media {
    display: block;
  }
}

.l-grid--five .l-grid__item:nth-child(5n+4) .c-story__media {
  display: none;
}

@media screen and (min-width: 740px) {
  .l-grid--five .l-grid__item:nth-child(5n+4) {
    grid-column: 3/5;
  }

  .l-grid--five .l-grid__item:nth-child(5n+4) .c-story__media {
    display: block;
  }
}

.l-grid--five .l-grid__item:nth-child(5n+5) .c-story__media {
  display: none;
}

@media screen and (min-width: 740px) {
  .l-grid--five .l-grid__item:nth-child(5n+5) {
    grid-column: 5/7;
  }

  .l-grid--five .l-grid__item:nth-child(5n+5) .c-story__media {
    display: block;
  }
}

@media screen and (min-width: 740px) {
  .l-grid--five {
    grid-template-columns: repeat(6, 1fr);
  }
}

.l-grid--alternated {
  grid-auto-rows: 1fr;
  grid-template-columns: 1fr;
}

.l-grid--alternated .l-grid__item {
  height: auto;
}

@media screen and (min-width: 600px) {
  .l-grid--alternated .l-grid__item:nth-child(4n+1) {
    grid-column: 1/4;
  }
}

@media screen and (min-width: 740px) {
  .l-grid--alternated .l-grid__item:nth-child(4n+1) {
    grid-column: 1/5;
  }
}

@media screen and (min-width: 600px) {
  .l-grid--alternated .l-grid__item:nth-child(4n+2) {
    grid-column: 4/7;
  }
}

@media screen and (min-width: 740px) {
  .l-grid--alternated .l-grid__item:nth-child(4n+2) {
    grid-column: 5/7;
  }
}

@media screen and (min-width: 600px) {
  .l-grid--alternated .l-grid__item:nth-child(4n+3) {
    grid-column: 1/4;
  }
}

@media screen and (min-width: 740px) {
  .l-grid--alternated .l-grid__item:nth-child(4n+3) {
    grid-column: 1/3;
  }
}

@media screen and (min-width: 600px) {
  .l-grid--alternated .l-grid__item:nth-child(4n+4) {
    grid-column: 4/7;
  }
}

@media screen and (min-width: 740px) {
  .l-grid--alternated .l-grid__item:nth-child(4n+4) {
    grid-column: 3/7;
  }
}

@media screen and (min-width: 740px) {
  .l-grid--alternated {
    grid-template-columns: repeat(6, 1fr);
  }
}

.l-grid__item {
  position: relative;
}

.l-grid__item::after,
.l-grid__item::before {
  background-color: var(--divider-color);
}

.l-grid__sidebar {
  position: relative;
  grid-area: sidebar;
}

.l-grid__sidebar::after {
  display: none;
  position: absolute;
  content: '';
  background-color: var(--divider-color);
}

@media screen and (min-width: 740px) {
  .l-grid__sidebar::after {
    display: block;
    top: var(--grid-divider-gutter);
    left: 0;
    width: 100%;
    height: 1px;
  }
}

@media screen and (min-width: 992px) {
  .l-grid__sidebar::after {
    top: 0;
    left: var(--grid-divider-gutter);
    width: 1px;
    height: 100%;
  }
}

.l-grid__slot {
  grid-area: slot;
}

.o-bg-dark .l-grid--scrollable .l-grid__item::after,
.o-bg-dark .l-grid--scrollable .l-grid__item::before {
  background-color: #4d4d4d;
}

.o-bg-primary .l-grid--scrollable .l-grid__item::after,
.o-bg-primary .l-grid--scrollable .l-grid__item::before {
  background-color: var(--theme-color-light);
}

.o-bg-primary .l-grid--scrollable .l-grid__item:last-child::after {
  display: block;
  position: absolute;
  top: 0;
  right: var(--grid-divider-gutter);
  content: '';
  width: 12px;
  height: 100%;
  background-color: transparent;
}

.l-list-border>* {
  padding-bottom: 0.75rem;
}

.l-list-border>*:not(:first-child) {
  padding-top: 0.75rem;
  border-top: 1px solid var(--divider-color);
}

.l-list-border-compact>* {
  padding-bottom: var(--grid-gutter);
}

.l-list-border-compact>*:not(:first-child) {
  padding-top: var(--grid-gutter);
  border-top: 1px solid var(--divider-color);
}

@media screen and (min-width: 740px) {
  .l-list-multi-column {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 0 0.75rem;
  }

  .l-list-multi-column> :nth-child(4) {
    border-top: none;
  }

  .l-list-multi-column> :first-child {
    padding-top: 1.5rem;
  }

  .l-list-multi-column> :nth-child(1),
  .l-list-multi-column> :nth-child(2),
  .l-list-multi-column> :nth-child(3) {
    margin-right: 0.75rem;
  }

  .l-list-multi-column> :nth-child(1):after,
  .l-list-multi-column> :nth-child(2):after,
  .l-list-multi-column> :nth-child(3):after {
    display: block;
    position: absolute;
    top: 0;
    right: -22px;
    content: "";
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .l-list-multi-column> :nth-child(4),
  .l-list-multi-column> :nth-child(5),
  .l-list-multi-column> :nth-child(6) {
    margin-left: 0.5rem;
  }
}

.l-double {
  grid-template-areas: "main" "aside";
  gap: 0.75rem;
}

@media screen and (min-width: 992px) {
  .l-double {
    grid-template-areas: "main main aside";
    grid-template-columns: 1fr 1fr 300px;
    gap: var(--grid-gutter);
  }
}

.l-double--reverse {
  grid-template-areas: "aside" "main";
}

@media screen and (min-width: 992px) {
  .l-double--reverse {
    grid-template-areas: "aside main main";
    grid-template-columns: 300px 1fr 1fr;
  }
}

.l-double__main {
  grid-area: main;
}

.l-double__aside {
  grid-area: aside;
}

.l-double__aside::after {
  background-color: var(--divider-color);
  position: absolute;
  content: '';
  display: block;
}

@media screen and (min-width: 740px) {
  .l-double__aside::after {
    top: 0;
    left: var(--grid-divider-gutter);
    width: 1px;
    height: calc(100% + 0.75rem);
  }
}

.l-double--reverse .l-double__aside::after {
  left: auto;
  position: absolute;
  content: '';
  display: block;
  top: 0;
  right: var(--grid-divider-gutter);
  width: 1px;
  height: 100%;
}

.o-divider {
  --divider-style: solid;
  --divider-label-size: 1.5rem;
  --divider-height: 1px;
  --divider-spacing: 1.5rem;
}

body:not([data-fullpage]) .o-divider {
  border-color: var(--divider-color);
  border-style: var(--divider-style);
  border-width: 0;
}

body:not([data-fullpage]) .o-divider--top {
  border-top-width: var(--divider-height);
  padding-top: var(--divider-spacing);
}

body:not([data-fullpage]) .o-divider--right {
  border-right-width: var(--divider-height);
  padding-right: 0.75rem;
}

@media screen and (min-width: 992px) {
  body:not([data-fullpage]) .o-divider--right {
    padding-right: 1.5rem;
  }
}

body:not([data-fullpage]) .o-divider--bottom {
  border-bottom-width: var(--divider-height);
  padding-bottom: var(--divider-spacing);
}

body:not([data-fullpage]) .o-divider--left {
  border-left-width: var(--divider-height);
  padding-left: 0.75rem;
}

@media screen and (min-width: 992px) {
  body:not([data-fullpage]) .o-divider--left {
    padding-left: 1.5rem;
  }
}

body:not([data-fullpage]) .o-divider--compact {
  --divider-spacing: 0.75rem;
}

.o-divider-label {
  position: relative;
}

.o-divider-label::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: var(--divider-label-size);
  height: var(--divider-height);
  background-color: currentColor;
}

.o-link-text {
  color: var(--link-color-dark);
  text-decoration: none;
  transition: color .3s ease-in-out;
}

.o-link-text:hover,
.o-link-text-active {
  color: #808080;
}

.o-bg-dark .o-link-text,
.o-bg-primary-dark .o-link-text {
  color: #fff;
}

.o-bg-dark .o-link-text:hover,
.o-bg-primary-dark .o-link-text:hover {
  color: #808080;
}

.o-link-invisible {
  color: var(--body-color) !important;
  text-decoration: none;
  transition: color .3s ease-in-out;
}

.o-link-invisible:hover,
.o-link-invisible-active {
  color: #6eb9f2;
  text-decoration: underline;
}

.o-bg-dark .o-link-invisible:hover,
.o-bg-primary-dark .o-link-invisible:hover {
  color: #6eb9f2;
  text-decoration: underline;
}

.o-link-primary {
  color: var(--link-color-primary);
  text-decoration: none;
}

.o-link-primary:hover {
  color: #6eb9f2;
}

.o-link-secondary {
  color: #808080;
  text-decoration: none;
  transition: color .3s ease-in-out;
}

.o-link-secondary:hover,
.o-link-secondary-active {
  color: #6eb9f2;
  text-decoration: underline;
}

.o-bg-dark .o-link-secondary:hover,
.o-bg-primary-dark .o-link-secondary:hover {
  color: #d9d9d9;
  text-decoration: underline;
}

.o-link-inverse {
  color: #fff;
  text-decoration: none;
  transition: color .3s ease-in-out;
}

.o-link-inverse:hover {
  --link-inverse-color: #808080;
}

.o-link-inverse-underline {
  color: #fff;
  text-decoration: none;
}

.o-link-inverse-underline:hover {
  text-decoration: underline;
}

.o-link-category {
  color: var(--link-category-color);
}

.o-fullscreen {
  position: relative;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

@media screen and (min-width: 992px) {
  .o-fullscreen {
    margin-left: 0;
    margin-right: 0;
  }
}

.o-skeleton {
  --skeleton-background: #d9d9d9;
}

.o-bg-dark .o-skeleton,
[data-mode="dark"] .o-skeleton {
  --skeleton-background: #161616;
}

.o-bg-primary .o-skeleton {
  --skeleton-background: var(--theme-color-darker);
}

.o-skeleton {
  position: relative;
  background-color: var(--skeleton-background);
  overflow: hidden;
}

.o-skeleton__external-video {
  position: relative;
  padding-top: 56.25%;
  background-color: #0d0d0d !important;
}

.o-skeleton__external-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.o-skeleton__external-video>div[style] {
  position: static !important;
  padding: 0 !important;
  background-color: #0d0d0d !important;
}

.o-skeleton__external-video [data-svp].svp {
  position: static !important;
  padding-bottom: 0% !important;
}

@media screen and (min-width: 740px) {
  .o-skeleton-cover {
    height: 65vh;
  }
}

@media screen and (min-width: 740px) {
  .o-skeleton-cover-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.o-skeleton-media--5-4 {
  aspect-ratio: 5/4;
}

.o-skeleton-media--vertical {
  padding-top: 133.33333333333334%;
}

.o-skeleton-media--show {
  padding-top: 150%;
}

.o-skeleton-media--original {
  padding-top: 65%;
}

.o-skeleton-media--responsive {
  padding-top: 100%;
}

@media screen and (min-width: 740px) {
  .o-skeleton-media--responsive {
    padding-top: 56.25%;
  }
}

.o-skeleton-media--vertical-horizontal {
  padding-top: 133.33333333333334%;
}

@media screen and (min-width: 740px) {
  .o-skeleton-media--vertical-horizontal {
    padding-top: 56.25%;
  }
}

.o-skeleton-media--vertical-wide {
  padding-top: 133.33333333333334%;
}

@media screen and (min-width: 740px) {
  .o-skeleton-media--vertical-wide {
    padding-top: 35%;
  }
}

.o-skeleton-media--square-wide {
  padding-top: 100%;
}

@media screen and (min-width: 740px) {
  .o-skeleton-media--square-wide {
    padding-top: 42.86%;
  }
}

.o-skeleton-media--native {
  padding-top: 100%;
}

@media (min-aspect-ratio: 16 / 9) {
  .o-skeleton-media--native {
    padding-top: 56.25%;
  }
}

.o-skeleton-media--square {
  padding-top: 100%;
}

.o-skeleton-media--horizontal {
  padding-top: 56.25%;
}

.o-text-overline {
  display: block;
  position: relative;
  background-color: var(--background-color);
  margin: 1.5rem;
}

.o-text-overline .o-text {
  display: inline-block;
  position: relative;
  z-index: 5;
  padding: 0 1.5rem;
  background-color: var(--background-color);
}

.o-text-overline::before {
  display: block;
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  width: 100%;
  height: 1px;
  background-color: var(--divider-color);
  transform: translateY(-50%);
}

.c-brand {
  --brand-color: var(--theme-color);
  --brand-color-alternate: var(--theme-color);
  --brand-network: #0d0d0d;
  --brand-height: 1.5rem;
  display: block;
  height: var(--brand-height);
  width: auto;
}

@media (prefers-color-scheme: dark) {
  body:not([data-color-scheme*="light"]) .c-brand {
    --brand-color-alternate: #fff;
  }
}

.c-brand--large {
  --brand-height: 3.5rem;
}

.c-brand--large.c-brand__text {
  font-size: 4.85rem;
}

.c-brand--resize-small {
  --brand-height: 1.5rem;
}

@media screen and (min-width: 370px) {
  .c-brand--resize-small {
    --brand-height: 2rem;
  }

  .c-brand--resize-small.c-brand__text {
    font-size: 2.77rem;
  }
}

.c-brand--resize-small.c-brand__text {
  font-size: 2.06rem;
}

.c-brand--resize-medium {
  --brand-height: 1.4rem;
}

@media screen and (min-width: 370px) {
  .c-brand--resize-medium {
    --brand-height: 2rem;
  }

  .c-brand--resize-medium.c-brand__text {
    font-size: 2.76rem;
  }
}

@media screen and (min-width: 740px) {
  .c-brand--resize-medium {
    --brand-height: 3.25rem;
  }

  .c-brand--resize-medium.c-brand__text {
    font-size: 4.5rem;
  }
}

.c-brand--resize-medium.c-brand__text {
  font-size: 2.08rem;
}

.c-brand__text {
  font-family: 'NovecentoNarrow';
  font-weight: 900;
  line-height: .7;
}

body:not([data-color-scheme*="light"]) .c-brand {
  --brand-color-alternate: #fff;
}

body:not([data-homepage]) .c-menu .c-brand {
  display: none;
}

.c-brand--small {
  --brand-height: 1.5rem;
  max-width: 64vw;
}

.c-brand--small.c-brand__text {
  font-size: 3.08rem;
}

.c-brand--inverse {
  fill: #fff;
  color: #fff;
}

.c-brand--alternate {
  fill: var(--brand-color-alternate);
  color: var(--brand-color-alternate);
}

.c-brand__edition {
  fill: var(--brand-color);
}

.c-brand__text .c-brand__edition {
  color: var(--brand-color);
}

.c-brand--inverse .c-brand__edition {
  --brand-color: #fff;
}

.c-header:not(.c-header--inverse) .c-brand__edition {
  --brand-color: #fff;
}

@media screen and (min-width: 740px) {
  .c-header:not(.c-header--inverse) .c-brand__edition {
    --brand-color: var(--theme-color);
  }
}

body[data-edition*="europatoday"] .c-menu__brand .c-brand__edition,
body[data-edition*="europatoday"] .c-footer .c-brand__edition,
body[data-edition*="europatoday"] .c-header:not(.c-header--inverse) .c-brand__edition {
  --brand-color: #ffcc00;
}

.c-brand__network {
  fill: var(--brand-network);
}

.c-brand__text .c-brand__network {
  color: var(--brand-network);
}

body[data-edition*="europatoday"] .c-brand__network {
  --brand-network: #fff;
}

.c-menu .c-brand__network,
[data-color-scheme*="dark"] .c-brand__network,
.c-header--wide-transparent .c-brand__network,
.c-footer .c-brand__network {
  --brand-network: #fff;
}

[data-model*="sponsor"] .c-brand__network,
[data-color-scheme*="dark"][data-channel="/speciale/"][data-model*="sponsor"] .c-brand__network {
  --brand-network: #fff;
  fill: #fff;
}

body[data-model="show"]:not(body[data-edition*="europatoday"]) .c-header .c-brand__network,
body[data-model*="video"]:not(body[data-edition*="europatoday"]) .c-header .c-brand__network,
body[data-channel*="/foto/"]:not(body[data-edition*="europatoday"]) .c-header .c-brand__network,
body[data-channel*="/video/"]:not(body[data-edition*="europatoday"]) .c-header .c-brand__network,
body[data-color-scheme*="dark"]:not(body[data-edition*="europatoday"]) .c-header:not(.c-header--inverse) .c-brand__network {
  --brand-network: #0d0d0d;
}

@media screen and (min-width: 740px) {

  body[data-model="show"]:not(body[data-edition*="europatoday"]) .c-header .c-brand__network,
  body[data-model*="video"]:not(body[data-edition*="europatoday"]) .c-header .c-brand__network,
  body[data-channel*="/foto/"]:not(body[data-edition*="europatoday"]) .c-header .c-brand__network,
  body[data-channel*="/video/"]:not(body[data-edition*="europatoday"]) .c-header .c-brand__network,
  body[data-color-scheme*="dark"]:not(body[data-edition*="europatoday"]) .c-header:not(.c-header--inverse) .c-brand__network {
    --brand-network: #fff;
  }
}

.c-brand-cn {
  fill: var(--background-color-muted-alpha);
}

.c-menu .c-brand-cn {
  fill: rgba(255, 255, 255, 0.5);
}

.c-btn {
  --btn-radius: 2px;
  --btn-color: #0d0d0d;
  --btn-label: #0d0d0d;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: var(--btn-radius);
  background-color: var(--btn-color);
  box-shadow: 0 0 0 1px var(--btn-color);
  color: var(--btn-label);
  transition: all 0.3s ease-out;
}

.c-btn:disabled {
  cursor: not-allowed;
}

.c-btn--large {
  padding: 0.75rem 1rem;
}

.c-btn--small {
  padding: 0.25rem 0.75rem;
}

.c-btn--default {
  --btn-color: var(--btn-default-color);
  --btn-label: var(--btn-default-label);
  background-color: transparent;
}

.c-btn--default:hover {
  --btn-color: #808080;
  --btn-label: #808080;
}

.c-btn--default:disabled {
  --btn-color: rgba(128, 128, 128, 0.3);
  --btn-label: rgba(128, 128, 128, 0.3);
}

.c-btn--primary {
  --btn-color: #148be6;
  --btn-label: #fff;
}

.c-btn--primary:hover {
  --btn-color: #6eb9f2;
}

.c-btn--primary:disabled {
  --btn-color: rgba(20, 139, 230, 0.3);
  --btn-label: rgba(128, 128, 128, 0.3);
}

.c-btn--evidence {
  --btn-color: var(--theme-color);
}

.c-btn--evidence:hover {
  --btn-color: var(--theme-color-light);
}

.c-btn--rounded {
  --btn-radius: 40px;
}

.c-btn--active {
  background-color: var(--theme-color);
  box-shadow: 0 0 0 1px var(--theme-color);
  color: #fff;
}

.c-btn--secondary {
  --btn-color: var(--btn-secondary-color);
  --btn-label: var(--btn-secondary-label);
}

.c-btn--secondary:hover {
  --btn-color: var(--btn-secondary-color-hover);
}

.c-btn--secondary:disabled {
  --btn-color: rgba(128, 128, 128, 0.3);
  --btn-label: rgba(128, 128, 128, 0.3);
}

.c-btn--special {
  --btn-color: var(--theme-color);
  --btn-label: var(--btn-default-label);
  background-color: transparent;
}

.c-btn--special:hover {
  background: linear-gradient(#22274e, var(--theme-color));
  color: #fff;
}

.c-btn--error {
  --btn-color: #b32424;
  --btn-label: #fff;
  background-color: transparent;
}

.c-btn--error:hover {
  background: linear-gradient(#22274e, var(--theme-color));
  color: #fff;
}

.c-btn--approfondimento {
  --btn-color: #C84A04;
  --btn-label: #fff;
}

.c-btn--approfondimento:hover {
  --btn-color: #fc9e69;
}

.c-btn--approfondimento:disabled {
  --btn-color: rgba(20, 139, 230, 0.3);
  --btn-label: rgba(128, 128, 128, 0.3);
}

.c-btn--reset,
.c-btn--link {
  --btn-color: transparent;
  box-shadow: none;
}

.c-btn--reset {
  margin: 0;
  padding: 0;
  border: none;
}

.c-btn--link {
  --btn-label: #148be6;
}

.c-btn--link:hover {
  --btn-label: #6eb9f2;
}

.c-btn--link:disabled {
  --btn-label: rgba(20, 139, 230, 0.3);
}

.c-btn--facebook {
  --btn-color: #1877f2;
  --btn-label: #fff;
  font-weight: 700;
  text-align: center;
}

.c-btn--facebook:hover {
  --btn-color: var(--btn-secondary-color-hover);
}

.c-btn--google {
  --btn-color: #cf4332;
  --btn-label: #fff;
  font-weight: 700;
  text-align: center;
}

.c-btn--google:hover {
  --btn-color: var(--btn-secondary-color-hover);
}

.c-btn--apple {
  --btn-color: var(--btn-secondary-color);
  --btn-label: var(--btn-secondary-label);
  font-weight: 700;
  text-align: center;
}

.c-btn--apple:hover {
  --btn-color: var(--btn-secondary-color-hover);
}

.c-btn--socials {
  --btn-color: var(--btn-default-color);
  --btn-label: var(--btn-default-label);
  background-color: transparent;
}

.c-btn--socials:hover {
  --btn-color: #808080;
  --btn-label: #808080;
}

.c-btn--socials:disabled {
  --btn-color: rgba(128, 128, 128, 0.3);
  --btn-label: rgba(128, 128, 128, 0.3);
}

.c-card {
  --card-kicker-color: #e91f63;
  --card-kicker-border: #4d4d4d;
  --card-background: #f3f3f3;
  background-color: var(--card-background);
}

@media (prefers-color-scheme: dark) {
  body:not([data-color-scheme*="light"]) .c-card {
    --card-background: rgba(255, 255, 255, 0.1);
    --card-kicker-border: #808080;
  }
}

[data-color-scheme*="dark"] .c-card {
  --card-background: rgba(255, 255, 255, 0.1);
  --card-kicker-border: #808080;
}

body[data-model*="evento"] .c-card iframe {
  position: relative;
  min-height: 450px;
}

.c-card__kicker {
  color: var(--card-kicker-color);
}

[data-channel="/cultura/tv/programmi/"] .c-card__kicker {
  color: #47ab98;
}

.c-card__kicker--inverse {
  --card-kicker-color: #fff;
  bottom: 1rem;
  left: 1rem;
  background-color: var(--card-kicker-background);
  z-index: 4;
}

.c-card__kicker--cultura {
  --card-kicker-background: #e91f63;
}

.c-card__kicker--svago {
  --card-kicker-background: #00bfa5;
}

.c-card__kicker--food {
  --card-kicker-background: #ffa000;
}

.c-card__kicker--generic {
  --card-kicker-background: #607d8b;
}

.c-card__content {
  height: 100%;
}

.c-card__list-details .c-card__item-details:nth-child(2),
.c-card__list-details .c-card__item-details:nth-child(3) {
  margin-top: 0.75rem;
}

.c-card__pull-down {
  flex: 1 0 auto;
}

.c-card__gradient {
  display: block;
  position: relative;
}

.c-card__gradient:after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgba(13, 13, 13, 0) 0%, rgba(13, 13, 13, 0.2) 15%, rgba(13, 13, 13, 0.8) 80%);
}

.c-card__icon-top {
  top: 2px;
}

.c-card__link {
  color: var(--body-secondary-color);
  transition: all 0.3s ease-out;
}

.c-card__link:hover {
  color: var(--link-color-dark);
}

.c-card__wrapped {
  height: 100%;
  background: #fff;
  border: 1px solid #d9d9d9;
}

.c-card__wrapped-item {
  object-fit: scale-down;
  width: 80%;
  height: 70%;
}

.c-dropdown {
  --dropdown-width: auto;
  --dropdown-border-color: var(--form-input-border);
  --dropdown-border-radius: 2px;
  --dropdown-background-color: var(--form-input-bg);
  width: var(--dropdown-width);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--dropdown-border-radius);
  border-color: var(--dropdown-border-color);
  background-color: var(--dropdown-background-color);
  transition: all 0.3s ease-out;
}

@media screen and (min-width: 992px) {
  .c-dropdown {
    --dropdown-width: 264px;
  }
}

.c-dropdown:hover {
  --dropdown-border-color: var(--form-control-hover);
}

.c-dropdown:active,
.c-dropdown:focus {
  --dropdown-border-color: #148be6;
}

.c-dropdown:focus {
  --dropdown-background-color: var(--form-control-bg);
  outline: none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgba(20, 139, 230, 0.4);
}

.c-dropdown:focus [data-dd-icon] {
  transform: rotate(180deg);
  transition: all 0.3s ease-out;
}

.c-dropdown__item {
  cursor: auto;
}

.c-dropdown__item:hover {
  background-color: var(--background-color-gray);
}

.c-dropdown__list {
  height: auto;
  max-height: 50vh;
}

.c-dropdown__panel {
  display: none;
  top: 3rem;
  left: 0;
  width: 140%;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  border-color: var(--form-input-border);
  background-color: var(--background-color);
  transition: all 0.3s ease-out;
  animation: showitem .3s ease-in-out;
  z-index: 9;
}

@media screen and (min-width: 740px) {
  .c-dropdown__panel {
    width: 100%;
  }
}

.c-dropdown--right .c-dropdown__panel {
  right: 0;
  left: auto;
}

.c-dropdown--network .c-dropdown__panel {
  top: auto;
  background-color: var(--theme-color);
}

.c-dropdown--user .c-dropdown__panel {
  top: 46px;
  left: auto;
  width: 200px;
}

.c-dropdown--filter .c-dropdown__panel {
  top: 4rem;
}

.c-dropdown:not(.c-dropdown--network):focus-within .c-dropdown__panel {
  display: block;
  width: max-content;
}

.c-dropdown--network:focus-within .c-dropdown__panel {
  display: flex;
}

.c-dropdown__brand {
  width: auto;
  min-width: 50px;
  height: 50px;
  transition: transform .35s ease-in-out;
}

.c-dropdown__brand:hover {
  transform: scale(1.3);
}

.c-dropdown__label {
  color: var(--body-secondary-color);
  cursor: auto;
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
  line-height: calc(1em + 4px);
  font-size: 0.875rem;
}

.c-dropdown__panel .c-dropdown__label {
  padding: 0.75rem 0.5rem;
  border-width: 0;
  border-top-width: 1px;
  border-style: solid;
  border-color: var(--divider-color);
}

.c-dropdown__panel .c-dropdown__label:not(:first-child) {
  margin-top: 0.5rem;
}

.c-dropdown--network {
  --dropdown-width: 100%;
}

.c-dropdown--user {
  --dropdown-width: auto;
}

.c-dropdown--reset {
  --dropdown-background-color: transparent;
  --dropdown-border-color: transparent;
  --dropdown-border-radius: 0;
}

.c-dropdown--reset:hover,
.c-dropdown--reset:focus {
  --dropdown-border-color: transparent;
  --dropdown-background-color: transparent;
  box-shadow: none;
}

.c-dropdown--reset~.c-dropdown__panel {
  border: transparent;
  background-color: transparent;
}

.c-avatar {
  --story-thumb-size: 4rem;
  grid-area: thumb;
  width: var(--story-thumb-size);
  height: var(--story-thumb-size);
  background-color: var(--theme-color);
}

[data-theme="today"] .c-avatar {
  background-color: #e6c146;
}

.c-avatar--small {
  --story-thumb-size: 2rem;
}

.c-avatar--large {
  --story-thumb-size: 6rem;
}

.c-avatar__thumb {
  filter: drop-shadow(5px 5px 5px #4d4d4d);
  flex: 1 0 auto;
}

.c-entry .c-avatar__thumb {
  margin: 0;
}

.c-header {
  --header-background: var(--theme-color);
  --nav-border: #fff;
  background-color: var(--header-background);
}

@media screen and (min-width: 740px) {
  .c-header {
    --nav-border: var(--theme-color);
    --header-background: var(--background-color-gray-dark);
  }
}

.c-header--wide-transparent {
  --header-z-index: 99;
  z-index: var(--header-z-index);
  background-color: rgba(77, 77, 77, 0.1);
}

body[data-model="sponsor"] .c-header--wide-transparent {
  --header-z-index: 999;
}

.c-header__focus {
  display: none;
}

@media screen and (min-width: 992px) {
  .c-header__focus {
    display: block;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0.5rem 0.75rem;
    overflow: hidden;
  }
}

body[data-theme="today"] .c-header__focus {
  background-color: var(--theme-color-darker);
}

body[data-theme="today"] .c-header__focus .o-link-text {
  color: #fff;
}

body:not([data-theme="today"]) .c-header__focus {
  background-color: var(--background-color);
}

body:not([data-theme="today"]) .c-header__focus .o-link-text {
  color: var(--link-color-dark);
}

.c-header--inverse {
  --header-background: var(--background-color);
}

.c-header__channel {
  --channel-link: var($ui-04);
  color: var(--channel-link);
  text-decoration: none;
  font-family: var(--font-serif-display);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 1.125rem;
}

@media screen and (min-width: 740px) {
  .c-header__channel {
    font-family: var(--font-serif-display);
    font-weight: 700;
    line-height: calc(1em + 4px);
    font-size: 1.625rem;
  }
}

@media screen and (min-width: 740px) and (min-width: 740px) {
  .c-header__channel {
    font-size: 1.75rem;
  }
}

.c-header--inverse .c-header__channel {
  display: none;
}

.c-header__top {
  position: relative;
}

@media screen and (min-width: 740px) {
  .c-header__top {
    min-width: 60%;
  }
}

.c-header__top::after {
  display: block;
  position: absolute;
  bottom: 0;
  content: '';
  margin: 0 calc(var(--outer-gutter) * -1);
  width: calc(100% + var(--outer-gutter) * 2);
  height: 1px;
  background-color: rgba(255, 255, 255, 0.1);
}

@media screen and (min-width: 740px) {
  .c-header__top::after {
    display: none;
  }
}

@media screen and (min-width: 740px) {
  .c-header:not(.c-header--slim) .c-navbar__search {
    margin-left: 0.75rem;
  }
}

.c-navbar__subscription {
  top: .9rem;
  right: 2rem;
}

@media screen and (min-width: 600px) {
  .c-navbar__subscription {
    top: 1.2rem;
  }
}

.c-navbar__toggle {
  position: absolute;
  top: 1rem;
  right: 0;
  margin-left: auto;
  z-index: 9999;
}

@media screen and (min-width: 600px) {
  .c-navbar__toggle {
    top: 1.25rem;
  }
}

@media screen and (min-width: 740px) {
  .c-navbar__toggle {
    position: relative;
    top: auto;
    right: auto;
    margin-left: 1.5rem;
  }
}

.c-navbar__toggle-shadow {
  top: 0.5rem;
  right: 0.5rem;
  border-radius: 2px;
  background-color: rgba(21, 16, 16, 0.55);
  height: 2rem;
  width: 2rem;
  z-index: 99;
}

body:not([data-homepage]) .c-navbar__toggle-shadow {
  display: none;
}

.c-navbar__item {
  --item-link-color: #fff;
  position: relative;
  color: var(--item-link-color);
  white-space: nowrap;
  text-decoration: none;
  padding: 0.75rem 0;
  transition: box-shadow .3s ease-in;
  font-family: var(--font-serif-display);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 1rem;
}

@media screen and (min-width: 740px) {
  .c-navbar__item {
    --item-link-color: #0d0d0d;
  }
}

@media screen and (min-width: 740px) {
  .c-navbar__item {
    font-family: var(--font-serif-display);
    font-weight: 700;
    line-height: calc(1em + 4px);
    font-size: 1.25rem;
  }
}

.c-navbar__item+.c-navbar__item {
  margin-left: 1rem;
}

.c-navbar__item:hover,
.c-navbar__item.is-active {
  box-shadow: inset 0 -4px var(--nav-border);
}

.c-navbar__item body[data-model="show"],
body[data-channel*="/foto/"] .c-navbar__item,
body[data-model*="video"] .c-navbar__item,
body[data-channel*="/video/"] .c-navbar__item,
[data-color-scheme*="dark"] .c-navbar__item {
  --item-link-color: #fff;
}

.c-navbar__search,
.c-navbar__controller {
  color: #fff;
}

@media screen and (min-width: 740px) {

  .c-navbar__search,
  .c-navbar__controller {
    color: var(--icon-color);
  }
}

.c-header--inverse .c-navbar__search,
.c-header--inverse .c-navbar__controller {
  color: var(--icon-color);
}

[data-toggle-menu].is-active [data-toggle-menu-open] {
  display: none;
}

[data-toggle-menu].is-active [data-toggle-menu-close] {
  display: block;
}

[data-toggle-menu] [data-toggle-menu-open] {
  display: block;
  fill: black;
}

[data-toggle-menu] [data-toggle-menu-close] {
  display: none;
}

[data-search].is-active [data-search-open] {
  display: none;
}

[data-search].is-active [data-search-close] {
  display: block;
}

[data-search] [data-search-open] {
  display: block;
}

[data-search] [data-search-close] {
  display: none;
}

.c-loader {
  --loader-bg: #0d0d0d;
  --loader-animation: #4d4d4d;
  width: 1rem;
  height: 1rem;
  border: 0.25rem solid var(--loader-bg);
  border-top: 0.25rem solid var(--loader-animation);
  border-radius: 50%;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@media (prefers-color-scheme: dark) {
  .c-loader {
    --loader-bg: #808080;
    --loader-animation: #fff;
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.c-menu {
  --nav-border: var(--theme-color);
  --menu-divider-color: rgba(255, 255, 255, 0.3);
  --menu-background: #0d0d0d;
  display: none;
  right: 100%;
  background-color: var(--menu-background);
  position: absolute;
  z-index: -1;
}

@media screen and (min-width: 740px) {
  .c-menu {
    --menu-background: #f3f3f3;
    --menu-divider-color: rgba(22, 22, 22, 0.3);
    right: 0;
    min-height: auto;
  }
}

@media screen and (min-width: 740px) {

  body[data-model*="video"]:not([data-theme="today"]) .c-menu,
  body[data-channel*="/foto/"]:not([data-theme="today"]) .c-menu,
  body[data-channel*="/video/"]:not([data-theme="today"]) .c-menu,
  body[data-color-scheme*="dark"]:not([data-theme="today"]) .c-menu {
    --menu-background: #161616;
    --menu-divider-color: rgba(255, 255, 255, 0.3);
  }
}

.c-menu.is-open {
  --menu-bottom: 0;
  display: block;
  position: var(--menu-position);
  top: var(--menu-top);
  right: 0;
  bottom: var(--menu-bottom);
  padding-top: var(--menu-padding-top);
  overflow-y: scroll;
  --menu-top: 0;
  --menu-position: absolute;
  animation: slidein .3s ease-in-out;
  z-index: 99;
}

@media (max-width: 739px) {
  [data-fullpage][data-homepage] .c-menu.is-open {
    --menu-position: fixed;
  }
}

@media screen and (min-width: 370px) {
  body:not([data-homepage]) .c-menu.is-open {
    --menu-padding-top: 64px;
  }
}

@media screen and (min-width: 740px) {
  .c-menu.is-open {
    --menu-bottom: auto;
    --menu-padding-top: 3rem;
    --menu-position: absolute;
    animation: none;
    overflow: hidden;
    --menu-top: 182px;
  }

  [data-branded] .c-menu.is-open,
  [data-model*="sponsor"] .c-menu.is-open {
    --menu-top: 64px;
  }

  [data-model*="sponsor"][data-channel*="speciale"] .c-menu.is-open {
    --menu-top: 56px;
  }
}

@media screen and (min-width: 740px) {
  [data-channel*="/speciale"] .c-menu.is-open {
    --menu-top: 56px;
  }
}

body:not([data-homepage]) .c-menu.is-open {
  --menu-padding-top: 56px;
}

.c-menu__brand {
  display: none;
}

body[data-homepage] .c-menu__brand {
  display: block;
}

@media screen and (min-width: 740px) {
  body[data-homepage] .c-menu__brand {
    display: none;
  }
}

.c-menu__group {
  --menu-group-my: calc(var(--outer-gutter) * -1);
  outline: none;
  margin: 0 var(--menu-group-my);
}

@media screen and (min-width: 740px) {
  .c-menu__group {
    --menu-group-my: 0;
  }

  .c-menu__group:not(:first-child) {
    padding-left: 1rem;
    border-left: 1px solid var(--menu-divider-color);
  }
}

@media screen and (max-width: 740px) {
  .c-menu__group:first-child {
    border-top: 1px solid var(--menu-divider-color);
  }
}

.c-menu__list {
  display: none;
  margin: 0;
  padding: 0 0 0 1rem;
  border-bottom: 1px solid var(--menu-divider-color);
}

@media screen and (min-width: 740px) {
  .c-menu__list {
    display: flex;
    flex-direction: column;
    padding: 0;
    border-bottom: 0;
  }
}

.c-menu__group>input[type="radio"]:checked~.c-menu__list {
  display: flex;
}

.c-menu__title {
  padding: 0.75rem;
  border-bottom: 1px solid var(--menu-divider-color);
  font-family: var(--font-serif-display);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 1.5rem;
}

@media screen and (min-width: 740px) {
  .c-menu__title {
    margin-bottom: 1rem;
    padding: 0;
    border-bottom: 0;
    font-family: var(--font-sans-grotesk);
    font-weight: 700;
    line-height: calc(1em + 4px);
    font-size: 0.875rem;
    text-transform: uppercase;
  }
}

.c-menu__group:focus .c-menu__title,
.c-menu__group:hover .c-menu__title {
  box-shadow: inset 4px 0 var(--nav-border);
}

@media screen and (min-width: 740px) {

  .c-menu__group:focus .c-menu__title,
  .c-menu__group:hover .c-menu__title {
    box-shadow: none;
  }
}

.c-menu__logo {
  width: auto;
  height: 20px;
}

.c-menu__group:focus .c-menu__icon,
.c-menu__group:hover .c-menu__icon {
  transform: rotate(180deg);
}

.c-menu__link {
  --menu-link: #fff;
  color: var(--menu-link);
}

@media screen and (min-width: 740px) {
  .c-menu__link {
    --menu-link: #0d0d0d;
  }
}

@media screen and (min-width: 740px) {

  [data-model*="video"] .c-menu__link,
  [data-channel*="/foto/"] .c-menu__link,
  [data-channel*="/video/"] .c-menu__link,
  [data-color-scheme*="dark"] .c-menu__link {
    --menu-link: #fff;
  }
}

.c-menu__search {
  display: flex;
}

@media screen and (min-width: 740px) {
  .c-menu__search {
    display: none;
  }
}

body:not([data-homepage]) .c-header--slim~.c-menu,
body[data-branded] .c-header--slim~.c-menu {
  --menu-top: 56px;
  --menu-padding-top: 0;
}

@media screen and (min-width: 370px) {

  body:not([data-homepage]) .c-header--slim~.c-menu,
  body[data-branded] .c-header--slim~.c-menu {
    --menu-top: 64px;
  }
}

@media screen and (min-width: 740px) {

  body:not([data-homepage]) .c-header--slim~.c-menu,
  body[data-branded] .c-header--slim~.c-menu {
    --menu-top: 114px;
    --menu-padding-top: 1.5rem;
  }
}

@media screen and (min-width: 740px) {
  .alert.alert-network~.c-menu.is-open {
    --menu-top: 250px;
  }
}

.c-share__item {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}

.c-share__item--facebook {
  background-color: #3b5998;
}

.c-share__item--facebook:hover {
  background-color: #4264aa;
}

.c-share__item--twitter {
  background-color: #000;
}

.c-share__item--twitter:hover {
  background-color: #0d0d0d;
}

.c-share__item--whatsapp {
  background-color: #25d366;
}

.c-share__item--whatsapp:hover {
  background-color: #36dc74;
}

.c-share__item--email {
  background-color: #4d4d4d;
}

.c-share__item--email:hover {
  background-color: #5a5a5a;
}

.c-story {
  --story-number-color: #808080;
  --story-kicker-bg: #aa3125;
  --story-kicker-text: var(--theme-color);
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
}

@media (prefers-color-scheme: dark) {
  body:not([data-color-scheme*="light"]):not([data-model*="sponsor"]) .c-story {
    --story-number-color: #fff;
  }
}

[data-channel*="/foto/"]:not([data-color-scheme="user-light"]) .c-story,
[data-channel*="/video/"]:not([data-color-scheme="user-light"]) .c-story,
body[data-color-scheme*="dark"]:not([data-model*="sponsor"]) .c-story,
.o-bg-dark .c-story,
.o-bg-primary-dark .c-story {
  --story-number-color: #fff;
}

.c-story--square-dark {
  gap: 1rem;
}

@media screen and (min-width: 740px) {
  .c-story--square-dark {
    align-content: center;
    align-items: center;
    grid-template-rows: 1fr;
  }
}

.c-story--podcast,
.c-story--inset,
.c-story--stack,
.c-story--card,
.c-story--overlay,
.c-story--inline,
.c-story--inline-sm,
.c-story--inline-lg,
.c-story--square-dark {
  grid-template-areas: "media" "headline" "summary" "sublinks" "byline";
}

.c-story--podcast .c-story__content,
.c-story--inset .c-story__content,
.c-story--stack .c-story__content,
.c-story--card .c-story__content,
.c-story--overlay .c-story__content,
.c-story--inline .c-story__content,
.c-story--inline-sm .c-story__content,
.c-story--inline-lg .c-story__content,
.c-story--square-dark .c-story__content {
  grid-area: headline;
}

@media screen and (min-width: 740px) {

  .c-story--square-dark,
  .c-story--inline {
    grid-template-areas: "headline media" "summary media" "sublinks sublinks" "byline byline";
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 740px) {
  .c-story--inline-sm {
    grid-template-areas: "headline headline headline headline headline media media media" "summary summary summary summary summary media media media" "byline byline byline byline byline byline byline byline";
    grid-template-columns: repeat(8, 1fr);
  }
}

.c-story--inline-sm-reverse {
  gap: 1rem;
  grid-template-areas: "content" "media" "byline";
}

@media screen and (min-width: 740px) {
  .c-story--inline-sm-reverse {
    grid-template-areas: "media content content" "byline byline byline";
    grid-template-columns: repeat(3, 1fr);
  }
}

.c-story--podcast {
  column-gap: 1rem;
}

@media screen and (min-width: 740px) {
  .c-story--podcast {
    grid-template-areas: "media media headline headline headline headline headline headline" "media media summary summary summary summary summary summary" "byline byline byline byline byline byline byline byline";
    grid-template-columns: repeat(8, 1fr);
  }
}

@media screen and (min-width: 740px) {
  .c-story--inline-lg {
    grid-template-areas: "headline headline headline media media media";
    grid-template-columns: repeat(6, 1fr);
  }
}

.c-story--search {
  grid-template-areas: "media" "byline" "content";
  border-bottom: 1px solid var(--divider-color);
}

@media screen and (min-width: 600px) {
  .c-story--search {
    grid-template-areas: "byline byline media" "content content media";
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 992px) {
  .c-story--search {
    grid-template-areas: "byline content content content content media" "byline content content content content media";
    grid-template-columns: repeat(6, 1fr);
  }
}

.c-story--live {
  grid-template-areas: "byline" "content";
  border-top: 1px solid var(--theme-color);
  border-bottom: 1px solid var(--divider-color);
}

@media screen and (min-width: 740px) {
  .c-story--live {
    grid-template-areas: "byline content";
  }
}

.c-story--live .c-story__body>p {
  margin-top: 0;
}

.c-story--live .c-story__body>p>a {
  color: var(--link-color);
  text-decoration-color: #d9d9d9;
  text-decoration-skip: ink;
  text-underline-offset: 2px;
}

.c-story--live .c-story__body>p>a:hover {
  text-decoration-color: var(--link-color);
}

.c-story--live img[style] {
  width: auto !important;
  height: auto !important;
}

.c-story--inset {
  grid-template-areas: "media" "headline" "summary" "sublinks" "byline";
}

@media screen and (min-width: 740px) {
  .c-story--inset {
    grid-template-areas: "headline headline headline" "summary summary media" "sublinks sublinks media" "byline byline media";
    grid-template-columns: repeat(3, 1fr);
  }
}

.c-story--card {
  align-items: stretch;
}

.c-story--editorial {
  grid-template-areas: "headline thumb" "byline byline" "summary summary";
  gap: .2rem;
}

.c-story--focus {
  grid-template-areas: "media" "content";
}

@media screen and (min-width: 740px) {
  .c-story--focus {
    grid-template-areas: "content content content content content media media media";
    grid-template-columns: repeat(8, 1fr);
  }
}

.c-story--cover-image {
  grid-template-areas: "content";
}

@media screen and (min-width: 740px) {
  .c-story--cover-image {
    grid-template-areas: "content content content content content media media media";
    grid-template-columns: repeat(8, 1fr);
  }
}

.c-story--cover-image::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(13, 13, 13, 0.6);
  z-index: -1;
}

.c-story__byline {
  grid-area: byline;
}

.c-story--editorial .c-story__byline {
  color: var(--story-kicker-text);
}

.c-story--search .c-story__byline {
  display: flex;
}

@media screen and (min-width: 992px) {
  .c-story--search .c-story__byline {
    display: block;
  }
}

.c-story__content {
  grid-area: content;
}

.c-story--podcast .c-story__content {
  text-align: center;
}

@media screen and (min-width: 740px) {
  .c-story--podcast .c-story__content {
    text-align: left;
  }
}

@media screen and (min-width: 992px) {
  .c-story--square-dark .c-story__header {
    padding: 0 4rem;
  }
}

.c-story--live .c-story__header iframe {
  max-width: 100%;
}

.c-story--card .c-story__header {
  position: relative;
  width: 85%;
  margin: -3rem auto 0;
  padding: 1rem;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: var(--story-header-border);
  background: var(--background-color);
}

@media screen and (min-width: 992px) {
  .c-story--card .c-story__header {
    padding-top: 1.5rem;
  }
}

.c-story--overlay .c-story__heading {
  font-family: var(--font-serif-display);
  font-weight: 500;
  line-height: calc(1em + 4px);
  font-size: 1rem;
}

@media screen and (min-width: 992px) {
  .c-story--overlay .c-story__heading {
    font-family: var(--font-serif-display);
    font-weight: 500;
    line-height: calc(1em + 4px);
    font-size: 1.25rem;
  }
}

.c-story__media {
  grid-area: media;
  margin-bottom: 0.75rem;
}

.c-story__media img {
  transition: transform 9s ease-in-out;
}

.c-story:not(.c-story--focus):hover .c-story__media img {
  transform: scale(1.3);
}

@media screen and (min-width: 740px) {

  .c-story--inline .c-story__media,
  .c-story--inline-sm .c-story__media,
  .c-story--inline-lg .c-story__media,
  .c-story--focus .c-story__media,
  .c-story--inset .c-story__media {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 740px) {

  .c-story--inline .c-story__media,
  .c-story--inline-sm .c-story__media,
  .c-story--inline-lg .c-story__media,
  .c-story--focus .c-story__media {
    margin-left: 0.75rem;
  }
}

@media screen and (min-width: 740px) {
  .c-story--inset .c-story__media {
    margin-top: 0.75rem;
    padding-left: 0.75rem;
  }
}

.c-story--overlay .c-story__media {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  object-fit: cover;
  object-position: center;
  z-index: 5;
}

.c-story--podcast .c-story__media {
  width: 70%;
  margin: 0 auto 0.75rem;
}

@media screen and (min-width: 740px) {
  .c-story--podcast .c-story__media {
    width: auto;
    margin: inherit;
    margin-left: 0.75rem;
  }
}

.c-story__number {
  top: 1.5rem;
  left: 0;
  color: var(--story-number-color);
  font-family: var(--font-sans-grotesk);
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.5rem;
}

.l-list-border>*:first-child .c-story__number {
  top: 0;
}

.l-list-multi-column>*:first-child .c-story__number {
  top: 1.5rem;
}

.c-story__badge {
  background-color: var(--kicker-bg);
}

.c-story--dossier .c-story__badge {
  --kicker-bg: #C84A04;
}

body[data-channel*="podcast"] .c-story__badge,
body[data-model*="podcast"] .c-story__badge {
  --kicker-bg: #5AC1BD;
}

body[data-channel*="cibo"] .c-story__badge,
body[data-edition="today"] .c-story__badge,
body[data-edition="cibotoday"] .c-story__badge {
  display: none;
}

.c-story__kicker {
  grid-area: kicker;
  align-self: self-start;
  color: var(--story-kicker-text);
}

.c-story__kicker a {
  color: var(--story-kicker-text);
}

.c-story--overlay .c-story__kicker {
  background-color: var(--theme-color);
  color: #fff;
}

.c-story--square-dark .c-story__kicker {
  color: #fff;
}

[data-theme="today"] .c-story--overlay .c-story__kicker {
  background-color: var(--story-kicker-bg);
  color: #fff;
}

.c-story__play {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  z-index: 9;
}

.c-story__summary {
  grid-area: summary;
  margin-top: 0.5rem;
}

.c-story__sublinks {
  position: relative;
  grid-area: sublinks;
}

.c-story__sublinks::before {
  display: block;
  content: '';
  width: 30px;
  height: 1px;
  margin-bottom: 0.75rem;
  background-color: var(--divider-color);
}

.c-story__sublinks .c-story__sublink:not(:last-child) {
  margin-bottom: 0.5rem;
}

.c-story__sublinks .c-story__kicker {
  color: var(--body-secondary-color);
}

.c-story__thumb {
  --story-thumb-size: 4rem;
  grid-area: thumb;
  width: var(--story-thumb-size);
  height: var(--story-thumb-size);
}

.c-story__live {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  margin: 0 -1rem -1rem;
}

.c-subheader {
  --subheader-border: transparent;
  --subheader-navbar-spacing: 0;
  --subheader-item-spacing: 1rem;
  --subheader-border: var(--divider-color);
  --subheader-text: var(--body-color);
  --subheader-title: var(--body-color);
  --subheader-text-hover: var(--hover-02, #808080);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--subheader-border);
  background-color: var(--subheader-background, --background-color);
  background-image: var(--subheader-background-image);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: var(--subheader-background-size);
  transition: all 0.3s ease-out;
}

@media (prefers-color-scheme: dark) {
  [data-theme="today"][data-channel*="lifestyle"]:not([data-color-scheme*="light"]) .c-subheader {
    --subheader-background: rgba(92, 48, 110, 0.25);
    --subheader-text: #fff;
    --subheader-border: #5c306e;
  }
}

[data-color-scheme*="dark"][data-theme="today"][data-channel*="lifestyle"] .c-subheader {
  --subheader-background: rgba(92, 48, 110, 0.25);
  --subheader-text: #fff;
  --subheader-border: #5c306e;
}

[data-theme="today"][data-channel*="lifestyle"] .c-subheader {
  --subheader-border: #b786ca;
  --subheader-background: #f6f0f9;
  --subheader-text: #5c306e;
  --subheader-text-hover: #b786ca;
}

[data-theme="today"][data-channel*="/gossip"] .c-subheader {
  --subheader-background: #8947a3;
  --subheader-text: #fff;
}

@media (prefers-color-scheme: dark) {
  [data-theme="today"][data-channel*="cultura"]:not([data-color-scheme*="light"]) .c-subheader {
    --subheader-background: rgba(34, 81, 72, 0.25);
    --subheader-text: #fff;
    --subheader-border: #225148;
  }
}

[data-color-scheme*="dark"][data-theme="today"][data-channel*="cultura"] .c-subheader {
  --subheader-background: rgba(34, 81, 72, 0.25);
  --subheader-text: #fff;
  --subheader-border: #225148;
}

[data-theme="today"][data-channel*="cultura"] .c-subheader {
  --subheader-border: #47ab98;
  --subheader-background: #e4f4f1;
  --subheader-text: #225148;
  --subheader-text-hover: #47ab98;
}

[data-theme="today"][data-channel*="/gossip"] .c-subheader {
  --subheader-background: #8947a3;
  --subheader-text: #fff;
}

@media (prefers-color-scheme: dark) {
  [data-theme="today"][data-channel*="opinioni"]:not([data-color-scheme*="light"]) .c-subheader {
    --subheader-background: rgba(107, 86, 14, 0.25);
    --subheader-text: #fff;
    --subheader-border: #6b560e;
  }
}

[data-color-scheme*="dark"][data-theme="today"][data-channel*="opinioni"] .c-subheader {
  --subheader-background: rgba(107, 86, 14, 0.25);
  --subheader-text: #fff;
  --subheader-border: #6b560e;
}

[data-theme="today"][data-channel*="opinioni"] .c-subheader {
  --subheader-border: #e6c146;
  --subheader-background: #fbf6e3;
  --subheader-text: #6b560e;
  --subheader-text-hover: #e6c146;
}

[data-theme="today"][data-channel*="/gossip"] .c-subheader {
  --subheader-background: #8947a3;
  --subheader-text: #fff;
}

@media (prefers-color-scheme: dark) {
  body[data-channel*="dossier"]:not([data-color-scheme*="light"]) .c-subheader {
    --subheader-background: #38342e;
    --subheader-text-hover: #fff;
    --subheader-title: #fff;
  }
}

[data-color-scheme*="dark"][data-channel*="dossier"] .c-subheader {
  --subheader-background: #38342e;
  --subheader-text-hover: #fff;
  --subheader-title: #fff;
}

.c-subheader .c-btn {
  position: absolute;
  top: 1.2rem;
  right: 1rem;
}

@media screen and (min-width: 992px) {
  .c-subheader .c-btn {
    position: relative;
    top: auto;
    right: auto;
  }
}

.c-subheader::after {
  position: absolute;
  right: 0;
  bottom: -5px;
  content: '';
  width: 100%;
  height: 1px;
  background-color: var(--subheader-border);
}

[data-channel*="dossier"] .c-subheader::after {
  display: none;
}

@media screen and (min-width: 740px) {
  .c-subheader>div:first-child {
    gap: 0.75rem;
  }
}

.c-subheader.c-subheader--branded::after {
  display: none;
}

.c-subheader__list {
  display: none;
  position: relative;
  width: 100%;
  margin-top: 0.25rem;
  margin-left: 0;
  padding-left: 0;
}

@media screen and (min-width: 992px) {
  .c-subheader__list {
    position: absolute;
    left: 0;
    width: auto;
    min-width: 100%;
    margin-top: 0;
  }
}

[data-subheader-item]:focus .c-subheader__list,
[data-subheader-item]:hover .c-subheader__list {
  display: flex;
  top: 100%;
  background-color: var(--subheader-background-active, var(--background-color));
}

.c-subheader__main-list {
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

@media screen and (min-width: 992px) {
  .c-subheader__main-list {
    margin: 0;
  }
}

.c-subheader__title {
  color: var(--subheader-title);
}

.c-subheader__navbar {
  scrollbar-width: thin;
}

.c-subheader__navbar--lg {
  --subheader-navbar-spacing: 0;
  display: none;
}

@media screen and (min-width: 992px) {
  .c-subheader__navbar--lg {
    display: block;
    border-top: 1px solid var(--subheader-light-line);
  }
}

.c-subheader__navbar--lg.is-open {
  display: block;
}

.c-subheader__navbar::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.c-subheader__navbar::-webkit-scrollbar-track,
.c-subheader__navbar::-webkit-scrollbar-thumb {
  -webkit-border-radius: 8px;
}

.c-subheader__navbar::-webkit-scrollbar-track {
  background: var(--background-color-light);
}

.c-subheader__navbar::-webkit-scrollbar-thumb {
  background: var(--theme-color-light);
}

.c-subheader__head~.c-subheader__navbar {
  --subheader-navbar-spacing: 0;
}

@media screen and (min-width: 740px) {
  .c-subheader__head~.c-subheader__navbar {
    --subheader-navbar-spacing: 26px;
  }
}

.c-subheader__subnavbar {
  backdrop-filter: brightness(90%);
}

.c-subheader__subnavbar::after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  height: 1px;
  background-color: var(--subheader-border);
}

.c-subheader__item {
  padding-top: var(--subheader-item-spacing);
  padding-bottom: var(--subheader-item-spacing);
  color: var(--subheader-text);
  z-index: 9;
}

.c-subheader__item:hover {
  color: var(--subheader-text-hover);
}

.c-subheader__main-list>.c-subheader__item {
  padding-right: 1rem;
  padding-left: 1rem;
}

@media screen and (min-width: 992px) {
  .c-subheader__main-list>.c-subheader__item {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
}

@media screen and (min-width: 740px) {
  .c-subheader__head~.c-subheader__navbar .c-subheader__item {
    --subheader-item-spacing: 26px;
  }
}

.c-subheader__item--active::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background-color: var(--subheader-text);
}

.c-subheader__navbar--lg .c-subheader__item--active::after {
  width: 3px;
  height: 100%;
}

@media screen and (min-width: 992px) {
  .c-subheader__navbar--lg .c-subheader__item--active::after {
    width: 100%;
    height: 3px;
  }
}

.c-subheader__item--small {
  width: 50%;
  padding-right: 0.75rem;
  padding-left: 0;
}

@media screen and (min-width: 992px) {
  .c-subheader__item--small {
    width: 100%;
    padding-left: 0.75rem;
  }
}

.c-subheader__navbar--lg .c-subheader__item {
  width: 100%;
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 1.125rem;
}

@media screen and (min-width: 992px) {
  .c-subheader__navbar--lg .c-subheader__item {
    font-size: 14px;
    width: auto;
  }
}

.c-subheader__navbar--lg .c-subheader__item:focus,
.c-subheader__navbar--lg .c-subheader__item:hover {
  outline: none;
  background-color: var(--subheader-background-active, var(--background-color));
  color: var(--subheader-text);
}

.c-subheader__navbar--lg .c-subheader__item:focus::after,
.c-subheader__navbar--lg .c-subheader__item:hover::after {
  display: none;
}

.c-subheader__navbar--lg .c-subheader__item:focus [data-subheader-arrow],
.c-subheader__navbar--lg .c-subheader__item:hover [data-subheader-arrow] {
  transform: rotate(180deg);
}

.c-subheader__navbar--lg .c-subheader__item:first-child {
  margin-left: 0;
}

.c-subheader__avatar {
  margin-bottom: 0.5rem;
}

@media screen and (min-width: 740px) {
  .c-subheader__avatar {
    margin-right: 0.5rem;
    margin-bottom: 0;
  }
}

.c-subheader__logo {
  max-height: 40px;
}

body[data-channel*="dossier"] .c-subheader {
  --subheader-background: #d1cdc7;
  --subheader-title: #38342e;
}

.c-title {
  --title-background: #808080;
  --title-border: #0d0d0d;
  --title-text: #0d0d0d;
  position: relative;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid var(--divider-color);
  color: var(--title-text);
  font-family: var(--font-serif-display);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 1.625rem;
}

@media (prefers-color-scheme: dark) {
  body:not([data-color-scheme*="light"]):not([data-model*="sponsor"]) .c-title {
    --title-text: #fff;
    --title-border: #fff;
  }
}

@media (prefers-color-scheme: dark) {
  [data-theme="today"][data-channel^="/lifestyle/"]:not([data-color-scheme*="light"]) .c-title {
    --title-text: #b786ca;
  }

  [data-theme="today"][data-channel^="/lifestyle/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured-multiline,
  [data-theme="today"][data-channel^="/lifestyle/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured {
    --title-border: #fff;
    --title-text: #fff;
  }
}

[data-color-scheme*="dark"][data-theme="today"][data-channel^="/lifestyle/"] .c-title {
  --title-border: #8947a3;
  --title-text: #b786ca;
}

[data-color-scheme*="dark"][data-theme="today"][data-channel^="/lifestyle/"] .c-title.c-title--featured-multiline,
[data-color-scheme*="dark"][data-theme="today"][data-channel^="/lifestyle/"] .c-title.c-title--featured {
  --title-border: #fff;
  --title-text: #fff;
}

[data-theme="today"][data-channel^="/lifestyle/"]:not([data-color-scheme*="light"]) .c-title {
  --title-border: #8947a3;
  --title-text: #5c306e;
}

[data-theme="today"][data-channel^="/lifestyle/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured-multiline,
[data-theme="today"][data-channel^="/lifestyle/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured {
  --title-border: #fff;
  --title-text: #fff;
}

@media (prefers-color-scheme: dark) {
  [data-theme="today"][data-channel^="/cultura/"]:not([data-color-scheme*="light"]) .c-title {
    --title-text: #47ab98;
  }

  [data-theme="today"][data-channel^="/cultura/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured-multiline,
  [data-theme="today"][data-channel^="/cultura/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured {
    --title-border: #fff;
    --title-text: #fff;
  }
}

[data-color-scheme*="dark"][data-theme="today"][data-channel^="/cultura/"] .c-title {
  --title-border: #317568;
  --title-text: #47ab98;
}

[data-color-scheme*="dark"][data-theme="today"][data-channel^="/cultura/"] .c-title.c-title--featured-multiline,
[data-color-scheme*="dark"][data-theme="today"][data-channel^="/cultura/"] .c-title.c-title--featured {
  --title-border: #fff;
  --title-text: #fff;
}

[data-theme="today"][data-channel^="/cultura/"]:not([data-color-scheme*="light"]) .c-title {
  --title-border: #317568;
  --title-text: #225148;
}

[data-theme="today"][data-channel^="/cultura/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured-multiline,
[data-theme="today"][data-channel^="/cultura/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured {
  --title-border: #fff;
  --title-text: #fff;
}

@media (prefers-color-scheme: dark) {
  [data-theme="today"][data-channel^="/opinioni/"]:not([data-color-scheme*="light"]) .c-title {
    --title-text: #e6c146;
  }

  [data-theme="today"][data-channel^="/opinioni/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured-multiline,
  [data-theme="today"][data-channel^="/opinioni/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured {
    --title-border: #fff;
    --title-text: #fff;
  }
}

[data-color-scheme*="dark"][data-theme="today"][data-channel^="/opinioni/"] .c-title {
  --title-border: #ae8c18;
  --title-text: #e6c146;
}

[data-color-scheme*="dark"][data-theme="today"][data-channel^="/opinioni/"] .c-title.c-title--featured-multiline,
[data-color-scheme*="dark"][data-theme="today"][data-channel^="/opinioni/"] .c-title.c-title--featured {
  --title-border: #fff;
  --title-text: #fff;
}

[data-theme="today"][data-channel^="/opinioni/"]:not([data-color-scheme*="light"]) .c-title {
  --title-border: #ae8c18;
  --title-text: #6b560e;
}

[data-theme="today"][data-channel^="/opinioni/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured-multiline,
[data-theme="today"][data-channel^="/opinioni/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured {
  --title-border: #fff;
  --title-text: #fff;
}

@media screen and (min-width: 740px) {
  .c-title {
    font-size: 1.75rem;
  }
}

.c-title--multiline-small {
  font-size: 20px;
}

.c-title--featured {
  margin-bottom: 0;
}

.c-title--featured,
.c-title--featured-multiline {
  padding: 0.75rem;
  border-bottom: 0;
  background-color: var(--title-background);
  font-family: var(--font-sans-grotesk);
  font-weight: 900;
  line-height: calc(1em + 4px);
  font-size: 1.25rem;
}

@media (prefers-color-scheme: dark) {

  body:not([data-color-scheme*="light"]) .c-title--featured,
  body:not([data-color-scheme*="light"]) .c-title--featured-multiline {
    background-color: rgba(255, 255, 255, 0.1);
  }
}

.c-title--featured-multiline {
  --title-multiline-position: 10px;
}

.o-bg-primary .c-title {
  border-bottom-color: var(--theme-color-light);
}

.o-bg-primary .c-title::after {
  background-color: var(--theme-color-light);
}

.o-bg-primary .c-title--featured {
  background-color: var(--theme-color-darker);
}

.o-bg-dark[data-section-key*="focus-channel-cover"] .c-title--featured {
  background-color: rgba(255, 255, 255, 0.1);
}

body[data-channel*="/foto/"] .c-title,
body[data-model*="video"] .c-title,
body[data-channel*="/video/"] .c-title {
  --title-text: #fff;
  --title-border: #fff;
}

body[data-model="show"]:not([data-color-scheme="user-light"]) .c-title,
body[data-channel*="/foto/"]:not([data-color-scheme="user-light"]) .c-title,
body[data-channel*="/video/"]:not([data-color-scheme="user-light"]) .c-title,
body[data-color-scheme*="dark"]:not([data-model*="sponsor"]) .c-title,
.o-bg-dark .c-title,
.o-bg-primary .c-title,
.c-title--featured,
.c-title--featured-multiline {
  --title-border: #fff;
  --title-text: #fff;
}

.c-title__logo {
  max-height: 40px;
  width: 150px;
}

.c-title--multiline-small::after,
.c-title--featured-multiline::after {
  display: block;
  position: absolute;
  bottom: calc(var(--title-multiline-position) * -1);
  left: 0;
  content: '';
  width: 100%;
  height: 10px;
  background-image: repeating-linear-gradient(to bottom, transparent, transparent 2px, var(--divider-color) 2px, var(--divider-color) 3px);
  background-repeat: repeat-x;
  background-position: bottom;
}

.c-title--multiline,
.c-title--multiline-small {
  --title-multiline-position: 13px;
  border-bottom: 3px solid var(--title-border);
}

body[data-channel*="dossier"] .c-title--multiline,
body[data-model*="approfondimento"] .c-title--multiline,
body[data-channel*="dossier"] .c-title--multiline-small,
body[data-model*="approfondimento"] .c-title--multiline-small {
  border-bottom: 3px solid #d1cdc7;
}

.c-toolbar {
  --toolbar-border-color: #d9d9d9;
  border-bottom: 2px solid var(--toolbar-border-color);
}

.c-toolbar__item {
  border-right: 1px solid var(--divider-color);
}

.c-toolbar__item:first-child,
.c-toolbar__item:last-child {
  border-right: 0;
}

body[data-model*="show"]:not([data-theme="today"]) .c-toolbar,
body[data-model*="video"]:not([data-theme="today"]) .c-toolbar,
body[data-channel*="/foto/"]:not([data-theme="today"]) .c-toolbar,
body[data-channel*="/video/"]:not([data-theme="today"]) .c-toolbar,
body[data-color-scheme*="dark"]:not([data-theme="today"]) .c-toolbar {
  --toolbar-border-color: rgba(255, 255, 255, 0.3);
}

body[data-model*="sponsor"] .c-toolbar {
  display: none;
}

.c-pagination {
  --pagination-item-color: var(--link-color-dark);
  --pagination-item-bg: transparent;
  --pagination-item-border-color: var(--icon-color);
}

.c-pagination__item {
  height: 1.5rem;
  border-radius: 20px;
  background-color: var(--pagination-item-bg);
  color: var(--pagination-item-color);
  transition: all 0.3s ease-out;
}

.c-pagination__item:hover {
  --pagination-item-bg: var(--background-color-light);
}

.c-pagination__item.is-active {
  --pagination-item-bg: var(--item-bg-inverse);
  --pagination-item-color: var(--body-color-inverse);
}

.c-pagination__item--rounded {
  width: 1.5rem;
  border: 1px solid var(--pagination-item-border-color);
}

.c-pagination__item--rounded:hover {
  --pagination-item-bg: transparent;
  --pagination-item-border-color: #d9d9d9;
  --pagination-item-color: #d9d9d9;
}

.c-footer {
  --footer-brand-height: 2rem;
  border-top: 2px solid var(--divider-color);
}

.c-footer .c-brand {
  fill: #fff;
  height: var(--footer-brand-height);
}

@media screen and (min-width: 600px) {
  .c-footer .c-brand {
    --footer-brand-height: 2.5rem;
  }
}

.c-footer__claim {
  background-color: #161616;
}

.c-footer__head {
  justify-content: center;
}

@media screen and (min-width: 600px) {
  .c-footer__head {
    align-items: center;
    justify-content: space-between;
  }
}

.c-footer__badge {
  height: 2rem;
  width: auto;
  fill: #fff;
}

@media screen and (min-width: 740px) {
  .c-footer__badge {
    margin-top: 0;
  }
}

.c-footer .c-dropdown--network {
  color: #fff;
}

.c-searchbar {
  --searchbar-background: var(--theme-color);
  animation: showitem .3s ease-in-out;
  background-color: var(--searchbar-background);
}

@media screen and (min-width: 740px) {
  .c-searchbar {
    --searchbar-background: #f3f3f3;
  }
}

@keyframes showitem {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media screen and (min-width: 740px) {
  [data-color-scheme*="dark"] .c-searchbar {
    --searchbar-background: #161616;
  }
}

.c-header--inverse .c-searchbar {
  --searchbar-background: var(--background-color);
}

.c-modetoggle {
  --modetoggle-icon: #808080;
  --modetoggle-icon-active: var(--icon-color);
  --modetoggle-tooltip-bg: var(--background-color);
  --modetoggle-tooltip-color: var(--body-color);
  --modetoggle-tooltip-width: 130px;
  --modetoggle-shadow: var(--global-shadow);
}

.c-menu .c-modetoggle {
  --modetoggle-border: rgba(255, 255, 255, 0.3);
  --modetoggle-icon: rgba(255, 255, 255, 0.5);
  --modetoggle-icon-active: #fff;
  border: 1px solid var(--modetoggle-border);
  border-radius: 1rem;
}

.c-modetoggle__icon {
  stroke: var(--modetoggle-icon);
}

.c-modetoggle__icon:hover,
input[type="radio"]:checked+.c-modetoggle__icon {
  --modetoggle-icon: var(--modetoggle-icon-active);
}

.c-modetoggle__label:hover::after {
  display: block;
  position: absolute;
  top: 100%;
  left: calc(50% - (var(--modetoggle-tooltip-width) / 2));
  content: attr(aria-label);
  width: var(--modetoggle-tooltip-width);
  padding: 0.75rem;
  background-color: var(--modetoggle-tooltip-bg);
  box-shadow: var(--modetoggle-shadow);
  color: var(--modetoggle-tooltip-color);
  text-align: center;
  white-space: nowrap;
  z-index: 9999999999;
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
  line-height: calc(1em + 4px);
  font-size: 0.75rem;
}

.c-alphindex {
  --alphindex-bg: var(--background-color-gray);
  --alphindex-color: var(--link-color-dark);
  --alphindex-width: auto;
  --alphindex-px: 1rem;
  width: var(--alphindex-width);
  padding-right: var(--alphindex-px);
  padding-left: var(--alphindex-px);
  background-color: var(--alphindex-bg);
  color: var(--alphindex-color);
  transition: all 0.3s ease-out;
}

@media screen and (min-width: 992px) {
  .c-alphindex {
    --alphindex-px: 0.75rem;
  }
}

@media screen and (min-width: 992px) {
  .c-alphindex {
    --alphindex-width: 100%;
  }
}

.o-bg-dark .c-alphindex,
.o-bg-primary-dark .c-alphindex {
  --alphindex-color: $link-01;
}

.c-alphindex:hover:not(.disabled) {
  --alphindex-color: $hover-04;
  --alphindex-bg: var(--nav-active-bg-hover);
}

.c-alphindex.current {
  --alphindex-bg: var(--theme-color);
  --alphindex-color: #fff;
}

.c-alphindex.disabled {
  --alphindex-color: rgba(128, 128, 128, 0.3);
}

.c-post {
  --img-user-size: 40px;
  border-radius: 2px;
  border: 1px solid var(--divider-color);
}

.c-post__head {
  display: grid;
  border-bottom-width: var(--divider-height);
  grid-column-gap: 0.5rem;
  grid-template-columns: 40px auto;
  grid-template-areas: "userimg username" "userimg date";
}

.c-post__place,
.c-post__body {
  flex-grow: 1;
}

.c-post__user {
  width: var(--img-user-size);
  height: var(--img-user-size);
  background-color: #d9d9d9;
  grid-area: userimg;
}

.c-post__name {
  grid-area: username;
}

.c-post__date {
  grid-area: date;
}

.c-post__wrapper {
  height: 100%;
  width: 100%;
  transition: width .6s ease-in-out;
}

.c-post__wrapper:hover {
  width: 105%;
}

.c-post__image {
  object-fit: cover;
  height: 100%;
}

.c-rating {
  --ratig-stroke: var(--rating-stroke, var(--body-secondary-color));
  stroke: var(--ratig-stroke);
}

.c-rating--filled {
  --rating-stroke: #ffbe26;
  fill: #ffbe26;
}

/* --------------------------------- */
/* RATING CSS */
/* --------------------------------- */
.c-rating--input input:checked~label .c-rating {
  --rating-stroke: #ffbe26;
  fill: #ffbe26;
}

.c-badge {
  border: 1px solid #4d4d4d;
}

.c-breadcrumb {
  --breadcrumb-color: #e91f63;
  --breadcrumb-decoration: none;
  color: var(--breadcrumb-color);
  text-decoration: var(--breadcrumb-decoration);
}

.c-breadcrumb:hover {
  --breadcrumb-decoration: underline;
}

.c-tab__item {
  flex-grow: 1;
  order: 1;
  border-top: 4px solid var(--divider-color);
  border-right: 1px solid var(--divider-color);
  border-bottom: 1px solid var(--divider-color);
  background-color: var(--background-color);
}

.c-tab__item:first-child {
  border-left: 1px solid var(--divider-color);
}

.c-tab__item.is-active,
.c-tab__item:hover,
.c-tab__item:active {
  border-top: 4px solid var(--theme-color);
  background-color: var(--background-color-gray);
  transition: background-color .3s ease-in-out, border-top .3s ease-in-out;
  border-bottom: none;
}

.c-tab__item.active {
  border-top: 4px solid var(--theme-color);
  border-bottom: none;
}

.c-tab__container {
  border-top-width: 0;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-style: solid;
  border-color: var(--divider-color);
}

.c-tab__content {
  display: none;
}

.c-tab__content.c-tab--edged {
  border-top-width: 0;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-style: solid;
  border-color: var(--divider-color);
}

.c-tab input:checked+.c-tab__content {
  display: block;
  height: auto;
}

table {
  width: 100%;
  margin: 2rem 0;
  border-collapse: collapse;
  border: none;
}

table thead {
  background-color: #f3f3f3;
  text-align: left;
}

table tr:nth-child(even) {
  background-color: var(--background-color-gray);
}

table tbody:first-child tr:nth-child(odd) {
  background-color: var(--background-color-gray);
}

table tbody:first-child tr:nth-child(even) {
  background-color: var(--background-color-body);
}

table tbody:first-child tr:first-child {
  background-color: #f3f3f3;
}

table tbody:first-child tr:first-child td {
  border-bottom: 1px solid #0d0d0d;
  color: #0d0d0d;
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 1rem;
}

table th,
table td {
  padding: 1rem;
}

table th {
  border-bottom: 1px solid #0d0d0d;
  color: #0d0d0d;
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 1rem;
}

table td {
  border-bottom: 1px solid var(--divider-color);
  color: #808080;
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 0.875rem;
}

.c-modal {
  --modal-size: 90%;
}

.c-modal__dialog {
  opacity: 0;
  visibility: hidden;
  background: rgba(13, 13, 13, 0.5);
  transition: opacity .25s ease;
  z-index: 99999;
}

.c-modal__close {
  top: 1rem;
  right: 1rem;
  fill: #0d0d0d;
  z-index: 999;
}

.c-modal__wrap {
  top: -50%;
  transition: top .5s ease-in-out;
}

.c-modal input:checked~.c-modal__dialog {
  opacity: 1;
  visibility: visible;
}

.c-modal input:checked~.c-modal__dialog .c-modal__wrap {
  top: 0;
}

.c-modal__media {
  max-width: var(--modal-size);
  margin: 0 auto;
}

@media screen and (min-width: 740px) {
  .c-modal__media {
    --modal-size: 70%;
  }
}

.c-modal__media__close {
  top: -12px;
  right: -12px;
  border: 2px solid #fff;
  background: #0d0d0d;
  z-index: 999;
}

.c-modal__content {
  background: #fff;
  border-radius: 2px;
}

.c-modal__footer {
  border-radius: 2px;
}

.c-modal__footer :first-child {
  margin-right: auto;
}

.c-modal__textual {
  max-width: var(--modal-size);
  margin: 0 auto;
  max-height: 80vh;
}

@media screen and (min-width: 740px) {
  .c-modal__textual {
    --modal-size: 50%;
  }
}

.c-modal__image {
  max-height: 90vh;
}

.c-modal--orientation {
  display: none;
  height: 100vh;
  height: 100vh;
  width: 100vw;
  z-index: 9;
}

@media (max-width: 768px) and (orientation: landscape) {
  .c-modal--orientation {
    display: flex;
  }
}

.c-modal--orientation .o-icon {
  animation: rotate 3s infinite ease-in-out;
}

.c-accordion {
  --label-bg: var(--background-color);
  --label-active-bg: var(--background-color-gray);
  --label-hover-bg: var(--background-color-gray);
  --label-border: var(--divider-color);
  border-top: 0;
  border-right: 1px;
  border-bottom: 1px;
  border-left: 1px;
  border-style: solid;
  border-color: var(--divider-color);
}

@media (prefers-color-scheme: dark) {

  body[data-channel*="dossier"]:not([data-color-scheme*="light"]) .c-accordion,
  body[data-actual-url="/signup/premium-products/"]:not([data-color-scheme*="light"]) .c-accordion {
    --label-bg: #38342e;
    --label-active-bg: #38342e;
    --label-hover-bg: #38342e;
  }
}

body[data-model*="approfondimento"] .c-accordion {
  border: none;
}

.c-accordion__label {
  border-top: 1px solid var(--label-border);
  background-color: var(--label-bg);
}

label:first-of-type .c-accordion__label {
  border: none;
}

.c-accordion__label:hover {
  background-color: var(--label-hover-bg);
  transition: background-color 0.3s ease-in-out, border-top 0.3s ease-in-out;
}

.c-accordion__body {
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.c-accordion input:checked~.c-accordion__label {
  background-color: var(--label-active-bg);
  box-shadow: inset 0 4px 0 var(--theme-color);
  transition: background-color 0.3s ease-in-out, border-top 0.3s ease-in-out;
}

body[data-model*="approfondimento"] .c-accordion input:checked~.c-accordion__label {
  box-shadow: none;
}

.c-accordion input:checked~.c-accordion__label .o-icon {
  transform: rotate(180deg);
  transition: transform 0.3s ease-in-out;
}

.c-accordion input:checked~.c-accordion__body {
  height: auto;
  padding: 1rem;
  overflow: auto;
  opacity: 1;
  transition: height 0.3s ease-in-out, opacity 0.6s ease-in-out;
}

body[data-channel*="dossier"] .c-accordion,
body[data-actual-url="/signup/premium-products/"] .c-accordion {
  --label-bg: #e8e6e3;
  --label-active-bg: #e8e6e3;
  --label-hover-bg: #e8e6e3;
}

body[data-color-scheme*="dark"][data-channel*="dossier"] .c-accordion,
body[data-color-scheme*="dark"][data-actual-url="/signup/premium-products/"] .c-accordion {
  --label-bg: #38342e;
  --label-active-bg: #38342e;
  --label-hover-bg: #38342e;
}

body[data-model*="approfondimento"],
body[data-channel*="dossier"] {
  --details-bg: #e8e6e3;
}

@media (prefers-color-scheme: dark) {

  body[data-model*="approfondimento"]:not([data-color-scheme*="light"]),
  body[data-channel*="dossier"]:not([data-color-scheme*="light"]) {
    --details-bg: #38342e;
  }

  body[data-model*="approfondimento"]:not([data-color-scheme*="light"]) details summary::before,
  body[data-channel*="dossier"]:not([data-color-scheme*="light"]) details summary::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXBsdXMtc3F1YXJlIj48cmVjdCB4PSIzIiB5PSIzIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHJ4PSIyIiByeT0iMiI+PC9yZWN0PjxsaW5lIHgxPSIxMiIgeTE9IjgiIHgyPSIxMiIgeTI9IjE2Ij48L2xpbmU+PGxpbmUgeDE9IjgiIHkxPSIxMiIgeDI9IjE2IiB5Mj0iMTIiPjwvbGluZT48L3N2Zz4=");
  }

  body[data-model*="approfondimento"]:not([data-color-scheme*="light"]) details[open] summary::before,
  body[data-channel*="dossier"]:not([data-color-scheme*="light"]) details[open] summary::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLW1pbnVzLXNxdWFyZSI+PHJlY3QgeD0iMyIgeT0iMyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiByeD0iMiIgcnk9IjIiPjwvcmVjdD48bGluZSB4MT0iOCIgeTE9IjEyIiB4Mj0iMTYiIHkyPSIxMiI+PC9saW5lPjwvc3ZnPg==");
  }
}

body[data-color-scheme*="dark"][data-model*="approfondimento"],
body[data-color-scheme*="dark"][data-channel*="dossier"] {
  --details-bg: #38342e;
}

@media (prefers-color-scheme: dark) {

  body:not([data-model*="approfondimento"]):not([data-color-scheme*="light"]):not([data-actual-url="/signup/premium-products/"]) details summary::before,
  body:not([data-channel*="dossier"]):not([data-color-scheme*="light"]):not([data-actual-url="/signup/premium-products/"]) details summary::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXBsdXMtc3F1YXJlIj48cmVjdCB4PSIzIiB5PSIzIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHJ4PSIyIiByeT0iMiI+PC9yZWN0PjxsaW5lIHgxPSIxMiIgeTE9IjgiIHgyPSIxMiIgeTI9IjE2Ij48L2xpbmU+PGxpbmUgeDE9IjgiIHkxPSIxMiIgeDI9IjE2IiB5Mj0iMTIiPjwvbGluZT48L3N2Zz4=");
  }

  body:not([data-model*="approfondimento"]):not([data-color-scheme*="light"]):not([data-actual-url="/signup/premium-products/"]) details[open] summary::before,
  body:not([data-channel*="dossier"]):not([data-color-scheme*="light"]):not([data-actual-url="/signup/premium-products/"]) details[open] summary::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLW1pbnVzLXNxdWFyZSI+PHJlY3QgeD0iMyIgeT0iMyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiByeD0iMiIgcnk9IjIiPjwvcmVjdD48bGluZSB4MT0iOCIgeTE9IjEyIiB4Mj0iMTYiIHkyPSIxMiI+PC9saW5lPjwvc3ZnPg==");
  }
}

body[data-color-scheme*="dark"]:not([data-model*="approfondimento"]):not([data-channel*="dossier"]):not([data-actual-url="/signup/premium-products/"]) details summary::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXBsdXMtc3F1YXJlIj48cmVjdCB4PSIzIiB5PSIzIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHJ4PSIyIiByeT0iMiI+PC9yZWN0PjxsaW5lIHgxPSIxMiIgeTE9IjgiIHgyPSIxMiIgeTI9IjE2Ij48L2xpbmU+PGxpbmUgeDE9IjgiIHkxPSIxMiIgeDI9IjE2IiB5Mj0iMTIiPjwvbGluZT48L3N2Zz4=");
}

body[data-color-scheme*="dark"]:not([data-model*="approfondimento"]):not([data-channel*="dossier"]):not([data-actual-url="/signup/premium-products/"]) details[open] summary::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLW1pbnVzLXNxdWFyZSI+PHJlY3QgeD0iMyIgeT0iMyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiByeD0iMiIgcnk9IjIiPjwvcmVjdD48bGluZSB4MT0iOCIgeTE9IjEyIiB4Mj0iMTYiIHkyPSIxMiI+PC9saW5lPjwvc3ZnPg==");
}

details {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  padding: 1rem;
  background-color: var(--background-color-gray);
}

[data-model*="approfondimento"] details {
  background-color: var(--details-bg);
  color: var(--details-color);
}

details summary {
  display: flex;
  align-items: center;
  margin: 0 0 0.75rem 0;
  list-style: none;
  cursor: pointer;
  font-family: var(--font-serif-display);
  font-weight: 500;
  line-height: calc(1em + 4px);
  font-size: 1.5rem;
}

details summary::marker,
details summary::-webkit-details-marker {
  display: none;
}

details summary::before {
  content: '\00a0';
  display: inline-block;
  min-width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.75rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItcGx1cy1zcXVhcmUiPjxyZWN0IHg9IjMiIHk9IjMiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgcng9IjIiIHJ5PSIyIj48L3JlY3Q+PGxpbmUgeDE9IjEyIiB5MT0iOCIgeDI9IjEyIiB5Mj0iMTYiPjwvbGluZT48bGluZSB4MT0iOCIgeTE9IjEyIiB4Mj0iMTYiIHkyPSIxMiI+PC9saW5lPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-size: contain;
}

details[open] summary::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItbWludXMtc3F1YXJlIj48cmVjdCB4PSIzIiB5PSIzIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHJ4PSIyIiByeT0iMiI+PC9yZWN0PjxsaW5lIHgxPSI4IiB5MT0iMTIiIHgyPSIxNiIgeTI9IjEyIj48L2xpbmU+PC9zdmc+");
}

.faq details {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #ccc;
}

.faq details .faq-accordion {
  padding-top: 0.75rem;
}

.faq details summary {
  display: flex;
  list-style: none;
  cursor: pointer;
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 1rem;
}

.faq details summary::marker,
.faq details summary::-webkit-details-marker {
  display: none;
}

.faq details summary::before {
  display: inline-block;
  content: '\00a0';
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.75rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0LjkzMzQgMTIuOTMzNEwxNi45MzM0IDIwLjkzMzRDMTYuNjY2NyAyMS4yIDE2LjQgMjEuMzMzNCAxNiAyMS4zMzM0QzE1LjYgMjEuMzMzNCAxNS4zMzM0IDIxLjIgMTUuMDY2NyAyMC45MzM0TDcuMDY2NjkgMTIuOTMzNEM2LjUzMzM1IDEyLjQgNi41MzMzNSAxMS42IDcuMDY2NjkgMTEuMDY2N0M3LjYwMDAyIDEwLjUzMzQgOC40MDAwMiAxMC41MzM0IDguOTMzMzUgMTEuMDY2N0wxNiAxOC4xMzM0TDIzLjA2NjcgMTEuMDY2N0MyMy42IDEwLjUzMzQgMjQuNCAxMC41MzM0IDI0LjkzMzQgMTEuMDY2N0MyNS40NjY3IDExLjYgMjUuNDY2NyAxMi40IDI0LjkzMzQgMTIuOTMzNFoiIGZpbGw9ImJsYWNrIi8+CjxtYXNrIGlkPSJtYXNrMF8wXzc1MCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iNiIgeT0iMTAiIHdpZHRoPSIyMCIgaGVpZ2h0PSIxMiI+CjxwYXRoIGQ9Ik0yNC45MzM0IDEyLjkzMzRMMTYuOTMzNCAyMC45MzM0QzE2LjY2NjcgMjEuMiAxNi40IDIxLjMzMzQgMTYgMjEuMzMzNEMxNS42IDIxLjMzMzQgMTUuMzMzNCAyMS4yIDE1LjA2NjcgMjAuOTMzNEw3LjA2NjY5IDEyLjkzMzRDNi41MzMzNSAxMi40IDYuNTMzMzUgMTEuNiA3LjA2NjY5IDExLjA2NjdDNy42MDAwMiAxMC41MzM0IDguNDAwMDIgMTAuNTMzNCA4LjkzMzM1IDExLjA2NjdMMTYgMTguMTMzNEwyMy4wNjY3IDExLjA2NjdDMjMuNiAxMC41MzM0IDI0LjQgMTAuNTMzNCAyNC45MzM0IDExLjA2NjdDMjUuNDY2NyAxMS42IDI1LjQ2NjcgMTIuNCAyNC45MzM0IDEyLjkzMzRaIiBmaWxsPSJ3aGl0ZSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMF83NTApIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJibGFjayIvPgo8L2c+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-size: contain;
}

.faq details[open] summary::before {
  background-image: url("../data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjAxIi8+CjxwYXRoIGQ9Ik0yNC45MzM0IDIwLjkzMzRDMjQuNjY2NyAyMS4yIDI0LjQgMjEuMzMzNCAyNCAyMS4zMzM0QzIzLjYgMjEuMzMzNCAyMy4zMzM0IDIxLjIgMjMuMDY2NyAyMC45MzM0TDE2IDEzLjg2NjdMOC45MzMzNSAyMC45MzM0QzguNDAwMDIgMjEuNDY2NyA3LjYwMDAyIDIxLjQ2NjcgNy4wNjY2OSAyMC45MzM0QzYuNTMzMzUgMjAuNCA2LjUzMzM1IDE5LjYgNy4wNjY2OSAxOS4wNjY3TDE1LjA2NjcgMTEuMDY2N0MxNS42IDEwLjUzMzQgMTYuNCAxMC41MzM0IDE2LjkzMzQgMTEuMDY2N0wyNC45MzM0IDE5LjA2NjdDMjUuNDY2NyAxOS42IDI1LjQ2NjcgMjAuNCAyNC45MzM0IDIwLjkzMzRaIiBmaWxsPSJibGFjayIvPgo8bWFzayBpZD0ibWFzazBfMF83MzgiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjYiIHk9IjEwIiB3aWR0aD0iMjAiIGhlaWdodD0iMTIiPgo8cGF0aCBkPSJNMjQuOTMzNCAyMC45MzM0QzI0LjY2NjcgMjEuMiAyNC40IDIxLjMzMzQgMjQgMjEuMzMzNEMyMy42IDIxLjMzMzQgMjMuMzMzNCAyMS4yIDIzLjA2NjcgMjAuOTMzNEwxNiAxMy44NjY3TDguOTMzMzUgMjAuOTMzNEM4LjQwMDAyIDIxLjQ2NjcgNy42MDAwMiAyMS40NjY3IDcuMDY2NjkgMjAuOTMzNEM2LjUzMzM1IDIwLjQgNi41MzMzNSAxOS42IDcuMDY2NjkgMTkuMDY2N0wxNS4wNjY3IDExLjA2NjdDMTUuNiAxMC41MzM0IDE2LjQgMTAuNTMzNCAxNi45MzM0IDExLjA2NjdMMjQuOTMzNCAxOS4wNjY3QzI1LjQ2NjcgMTkuNiAyNS40NjY3IDIwLjQgMjQuOTMzNCAyMC45MzM0WiIgZmlsbD0id2hpdGUiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzBfNzM4KSI+CjxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iYmxhY2siLz4KPC9nPgo8L3N2Zz4K");
}

.c-stepper {
  --stepper-item-size: 2rem;
  --stepper-line: 2px;
}

.c-stepper.c-stepper--numberless ul {
  gap: 2px;
}

.c-stepper__element {
  min-width: var(--stepper-item-size);
  height: var(--stepper-item-size);
  border: var(--stepper-line) solid var(--link-color-primary);
  border-radius: 50%;
  background-color: var(--background-color);
}

.c-stepper--numberless .c-stepper__element {
  --stepper-item-size: 4px;
  width: 100%;
  border: none;
  border-radius: 0;
  background-color: #d9d9d9;
}

.c-stepper__element--active {
  background-color: var(--link-color-primary);
  color: #fff;
}

.c-stepper--numberless .c-stepper__element--active {
  background-color: var(--link-color-primary);
}

.c-stepper__line {
  top: 50%;
  height: var(--stepper-line);
  background: #148be6;
}

.c-stepper--numberless .c-stepper__line {
  --stepper-line: 4px;
  top: 0;
  background-color: #fff;
}

.c-boxcta {
  border: 1px solid #d9d9d9;
}

.c-entry .c-boxcta img {
  margin: 0;
}

.c-slider {
  padding-bottom: 4rem;
}

@media screen and (min-width: 992px) {
  .c-slider {
    padding-bottom: 0;
  }
}

.c-slider input:nth-of-type(1):checked~ul li:first-of-type {
  margin-left: 0%;
}

@media screen and (min-width: 600px) {
  .c-slider input:nth-of-type(1):checked~ul li:first-of-type {
    margin-left: 0%;
  }
}

.c-slider input:nth-of-type(1):checked~.c-slider__navigation label:nth-of-type(1):after {
  opacity: 1;
}

.c-slider input:nth-of-type(1):checked~.c-slider__arrows>label:nth-of-type(0) {
  right: auto;
  left: 0%;
  display: block;
  transform: rotate(45deg);
}

.c-slider input:nth-of-type(1):checked~.c-slider__arrows>label:nth-of-type(2) {
  right: 0;
  left: auto;
  display: block;
  transform: rotate(225deg);
}

.c-slider input:nth-of-type(2):checked~ul li:first-of-type {
  margin-left: -101%;
}

@media screen and (min-width: 600px) {
  .c-slider input:nth-of-type(2):checked~ul li:first-of-type {
    margin-left: -100%;
  }
}

.c-slider input:nth-of-type(2):checked~.c-slider__navigation label:nth-of-type(2):after {
  opacity: 1;
}

.c-slider input:nth-of-type(2):checked~.c-slider__arrows>label:nth-of-type(1) {
  right: auto;
  left: 0%;
  display: block;
  transform: rotate(45deg);
}

.c-slider input:nth-of-type(2):checked~.c-slider__arrows>label:nth-of-type(3) {
  right: 0;
  left: auto;
  display: block;
  transform: rotate(225deg);
}

.c-slider input:nth-of-type(3):checked~ul li:first-of-type {
  margin-left: -202%;
}

@media screen and (min-width: 600px) {
  .c-slider input:nth-of-type(3):checked~ul li:first-of-type {
    margin-left: -200%;
  }
}

.c-slider input:nth-of-type(3):checked~.c-slider__navigation label:nth-of-type(3):after {
  opacity: 1;
}

.c-slider input:nth-of-type(3):checked~.c-slider__arrows>label:nth-of-type(2) {
  right: auto;
  left: 0%;
  display: block;
  transform: rotate(45deg);
}

.c-slider input:nth-of-type(3):checked~.c-slider__arrows>label:nth-of-type(4) {
  right: 0;
  left: auto;
  display: block;
  transform: rotate(225deg);
}

.c-slider input:nth-of-type(4):checked~ul li:first-of-type {
  margin-left: -303%;
}

@media screen and (min-width: 600px) {
  .c-slider input:nth-of-type(4):checked~ul li:first-of-type {
    margin-left: -300%;
  }
}

.c-slider input:nth-of-type(4):checked~.c-slider__navigation label:nth-of-type(4):after {
  opacity: 1;
}

.c-slider input:nth-of-type(4):checked~.c-slider__arrows>label:nth-of-type(3) {
  right: auto;
  left: 0%;
  display: block;
  transform: rotate(45deg);
}

.c-slider input:nth-of-type(4):checked~.c-slider__arrows>label:nth-of-type(5) {
  right: 0;
  left: auto;
  display: block;
  transform: rotate(225deg);
}

.c-slider input:nth-of-type(5):checked~ul li:first-of-type {
  margin-left: -404%;
}

@media screen and (min-width: 600px) {
  .c-slider input:nth-of-type(5):checked~ul li:first-of-type {
    margin-left: -400%;
  }
}

.c-slider input:nth-of-type(5):checked~.c-slider__navigation label:nth-of-type(5):after {
  opacity: 1;
}

.c-slider input:nth-of-type(5):checked~.c-slider__arrows>label:nth-of-type(4) {
  right: auto;
  left: 0%;
  display: block;
  transform: rotate(45deg);
}

.c-slider input:nth-of-type(5):checked~.c-slider__arrows>label:nth-of-type(6) {
  right: 0;
  left: auto;
  display: block;
  transform: rotate(225deg);
}

.c-slider input:nth-of-type(6):checked~ul li:first-of-type {
  margin-left: -505%;
}

@media screen and (min-width: 600px) {
  .c-slider input:nth-of-type(6):checked~ul li:first-of-type {
    margin-left: -500%;
  }
}

.c-slider input:nth-of-type(6):checked~.c-slider__navigation label:nth-of-type(6):after {
  opacity: 1;
}

.c-slider input:nth-of-type(6):checked~.c-slider__arrows>label:nth-of-type(5) {
  right: auto;
  left: 0%;
  display: block;
  transform: rotate(45deg);
}

.c-slider input:nth-of-type(6):checked~.c-slider__arrows>label:nth-of-type(7) {
  right: 0;
  left: auto;
  display: block;
  transform: rotate(225deg);
}

.c-slider input:nth-of-type(7):checked~ul li:first-of-type {
  margin-left: -606%;
}

@media screen and (min-width: 600px) {
  .c-slider input:nth-of-type(7):checked~ul li:first-of-type {
    margin-left: -600%;
  }
}

.c-slider input:nth-of-type(7):checked~.c-slider__navigation label:nth-of-type(7):after {
  opacity: 1;
}

.c-slider input:nth-of-type(7):checked~.c-slider__arrows>label:nth-of-type(6) {
  right: auto;
  left: 0%;
  display: block;
  transform: rotate(45deg);
}

.c-slider input:nth-of-type(7):checked~.c-slider__arrows>label:nth-of-type(8) {
  right: 0;
  left: auto;
  display: block;
  transform: rotate(225deg);
}

.c-slider input:nth-of-type(8):checked~ul li:first-of-type {
  margin-left: -707%;
}

@media screen and (min-width: 600px) {
  .c-slider input:nth-of-type(8):checked~ul li:first-of-type {
    margin-left: -700%;
  }
}

.c-slider input:nth-of-type(8):checked~.c-slider__navigation label:nth-of-type(8):after {
  opacity: 1;
}

.c-slider input:nth-of-type(8):checked~.c-slider__arrows>label:nth-of-type(7) {
  right: auto;
  left: 0%;
  display: block;
  transform: rotate(45deg);
}

.c-slider input:nth-of-type(8):checked~.c-slider__arrows>label:nth-of-type(9) {
  right: 0;
  left: auto;
  display: block;
  transform: rotate(225deg);
}

.c-slider ul {
  box-sizing: border-box;
  margin: 0 auto;
}

.c-slider ul>li {
  white-space: normal;
  transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
}

.c-slider .c-slider__navigation {
  bottom: 2rem;
  left: 50%;
  user-select: none;
  -webkit-touch-callout: none;
}

@media screen and (min-width: 740px) {
  .c-slider .c-slider__navigation {
    left: 13%;
  }
}

.c-slider .c-slider__navigation div {
  margin-left: -100%;
}

.c-slider .c-slider__navigation label {
  display: inline-block;
  margin: 0 4px;
  padding: 4px;
  background: #d9d9d9;
  user-select: none;
  -webkit-touch-callout: none;
}

.c-slider .c-slider__navigation label::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  margin-top: -6px;
  margin-left: -6px;
  padding: 6px;
  border-radius: 50%;
  opacity: 0;
  background: #4d4d4d;
}

.c-slider .c-slider__navigation label:hover:after {
  opacity: 1;
}

.c-slider.inside .c-slider__navigation {
  bottom: 10px;
  margin-bottom: 10px;
}

.c-slider.inside .c-slider__navigation label {
  border: 1px solid #7e7e7e;
}

.c-slider input:first-of-type:checked~.c-slider__arrows label.goto-last {
  right: auto;
  left: 0;
  display: block;
  transform: rotate(45deg);
}

.c-slider input:last-of-type:checked~.c-slider__arrows label.goto-first {
  right: 0;
  left: auto;
  display: block;
  transform: rotate(225deg);
}

.c-slider .c-slider__arrows {
  bottom: .9rem;
  left: 5%;
  z-index: 9;
  box-sizing: content-box;
  width: 90%;
  height: 21px;
  user-select: none;
  -webkit-touch-callout: none;
}

@media screen and (min-width: 740px) {
  .c-slider .c-slider__arrows {
    left: 3%;
    width: 20%;
  }
}

.c-slider .c-slider__arrows label {
  top: -50%;
  padding: 4px;
  box-shadow: inset 2px -2px 0 0px #fff;
  transition: box-shadow 0.15s, margin 0.15s;
  user-select: none;
  -webkit-touch-callout: none;
}

.c-slider .c-slider__arrows label:hover {
  margin: 0 0px;
}

.c-slider .c-slider__arrows label:hover::before {
  background-color: var(--background-color-muted-alpha);
}

.c-slider .c-slider__arrows label::before {
  position: absolute;
  top: -75%;
  left: -75%;
  content: '';
  width: 250%;
  height: 250%;
  border-radius: 50%;
}

.c-slider--scroll .c-slider__arrows-prev {
  left: 1rem;
}

.c-slider--scroll .c-slider__arrows-next {
  left: calc(100% - 3rem);
}

.c-slider--scroll .c-slider__arrows-prev,
.c-slider--scroll .c-slider__arrows-next {
  bottom: 50%;
  padding: 1rem;
  z-index: 9;
}

.c-slider--scroll .c-slider__container {
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
}

.c-slider--scroll .c-slider__container::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.c-slider--scroll .c-slider__container::-webkit-scrollbar-track,
.c-slider--scroll .c-slider__container::-webkit-scrollbar-thumb {
  -webkit-border-radius: 8px;
}

.c-slider--scroll .c-slider__container::-webkit-scrollbar-track {
  background: var(--background-color-light);
}

.c-slider--scroll .c-slider__container::-webkit-scrollbar-thumb {
  background: var(--theme-color);
}

.c-slider--scroll .c-slider__item {
  justify-content: center;
  min-width: 100%;
  scroll-snap-align: center;
  scroll-snap-stop: always;
}

.c-landscapebox {
  --landscape-height: calc(90vh - 50px);
  grid-template-columns: repeat(2, 1fr);
  height: var(--landscape-height);
  transition: all 3s ease-in-out;
  gap: 0.75rem;
}

@media screen and (min-width: 740px) {
  .c-landscapebox {
    --landscape-height: auto;
    grid-template-columns: repeat(5, 1fr);
  }
}

.c-landscapebox__item {
  position: relative;
  display: block;
  background-color: var(--theme-color);
}

@media screen and (min-width: 740px) {
  .c-landscapebox__item {
    aspect-ratio: 16/9;
  }
}

.c-landscapebox__item:hover .c-landscapebox__title {
  background-color: var(--theme-color);
  transition: background-color .6s ease-in-out;
}

.c-landscapebox__item:hover::after {
  background-color: transparent;
  transition: background-color .6s ease-in-out;
}

.c-landscapebox__item::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(13, 13, 13, 0.4);
}

.c-landscapebox__title {
  background-color: transparent;
  color: #fff;
  font-family: var(--font-serif-display);
  font-weight: 500;
  line-height: calc(1em + 4px);
  font-size: 1.75rem;
}

@media screen and (min-width: 740px) {
  .c-landscapebox__title {
    font-size: 2rem;
  }
}

.c-newsletter {
  --newsletter-height: 100vh;
  height: auto;
  background-image: var(--newsletter-bg);
  background-repeat: repeat;
  background-position: top left;
  background-size: contain;
}

.c-newsletter .c-btn {
  background-color: var(--theme-color);
  color: #fff;
}

.c-newsletter .c-btn:hover {
  background-color: var(--theme-color-dark);
}

.c-lister {
  --lister: var(--background-color-gray);
  --lister-first-detail-bg: var(--background-color-negative);
  --lister-second-detail-bg: var(--background-color-darker);
  --lister-third-detail-bg: var(--background-color-gray-darker);
  max-height: 90vh;
  margin-top: 1rem;
  overflow-y: auto;
  background-color: var(--lister);
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
  line-height: calc(1em + 4px);
  font-size: 0.875rem;
}

.c-lister details {
  all: unset;
  position: relative;
  display: block;
  border-bottom: 1px solid var(--divider-color);
  color: var(--body-color-inverse);
}

.c-lister details span {
  display: block;
  padding: 1rem;
  background-color: var(--background-color);
  color: var(--body-color);
  text-align: right;
}

.c-lister details span.u-none {
  display: none;
}

.c-lister details span:not(:last-child) {
  border-bottom: 1px solid var(--divider-color);
}

.c-lister details summary {
  all: unset;
  position: sticky;
  top: 0;
  display: block;
  padding: 1rem;
  background-color: var(--lister-first-detail-bg);
  color: var(--body-color-inverse);
  font-weight: bold;
  cursor: pointer;
  z-index: 9;
}

.c-lister details summary::before {
  all: unset;
}

.c-lister details summary::after {
  position: absolute;
  top: 1rem;
  right: 1rem;
  content: '+';
  display: flex;
  width: 1rem;
  height: 1rem;
  color: currentColor;
  z-index: 9;
}

.c-lister details[open]>summary::after {
  content: '-';
}

.c-lister details details {
  color: var(--body-color);
}

.c-lister details details summary {
  top: 3rem;
  background-color: var(--lister-second-detail-bg);
  color: var(--body-color);
  z-index: 5;
}

.c-lister details details details {
  color: var(--body-color);
}

.c-lister details details details summary {
  top: 6rem;
  background-color: var(--lister-third-detail-bg);
  text-align: center;
  z-index: 1;
}

.u-text-center {
  text-align: center;
}

.u-text-left {
  text-align: left;
}

.u-text-right {
  text-align: right;
}

.u-text-justify {
  text-align: justify;
}

@media screen and (min-width: 370px) {
  .u-text-right\@xs {
    text-align: right;
  }

  .u-text-center\@xs {
    text-align: center;
  }

  .u-text-justify\@xs {
    text-align: justify;
  }

  .u-text-left\@xs {
    text-align: left;
  }
}

@media screen and (min-width: 600px) {
  .u-text-right\@sm {
    text-align: right;
  }

  .u-text-center\@sm {
    text-align: center;
  }

  .u-text-justify\@sm {
    text-align: justify;
  }

  .u-text-left\@sm {
    text-align: left;
  }
}

@media screen and (min-width: 740px) {
  .u-text-right\@md {
    text-align: right;
  }

  .u-text-center\@md {
    text-align: center;
  }

  .u-text-justify\@md {
    text-align: justify;
  }

  .u-text-left\@md {
    text-align: left;
  }
}

@media screen and (min-width: 992px) {
  .u-text-right\@lg {
    text-align: right;
  }

  .u-text-center\@lg {
    text-align: center;
  }

  .u-text-justify\@lg {
    text-align: justify;
  }

  .u-text-left\@lg {
    text-align: left;
  }
}

@media screen and (min-width: 1280px) {
  .u-text-right\@xl {
    text-align: right;
  }

  .u-text-center\@xl {
    text-align: center;
  }

  .u-text-justify\@xl {
    text-align: justify;
  }

  .u-text-left\@xl {
    text-align: left;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-right\@xxl {
    text-align: right;
  }

  .u-text-center\@xxl {
    text-align: center;
  }

  .u-text-justify\@xxl {
    text-align: justify;
  }

  .u-text-left\@xxl {
    text-align: left;
  }
}

@keyframes blink {
  0% {
    opacity: 0;
    transition: all .25s ease;
  }

  100% {
    opacity: 1;
    transition: all .25s ease;
  }
}

@webkit-keyframes blink {
  0% {
    opacity: 0;
    transition: all .25s ease;
  }

  100% {
    opacity: 1;
    transition: all .25s ease;
  }
}

@keyframes slidein {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
  }
}

@webkit-keyframes slidein {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes showitem {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@webkit-keyframes showitem {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes animate-pop {
  0% {
    opacity: 0;
    transform: scale(0.8, 0.8);
  }

  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}

@webkit-keyframes animate-pop {
  0% {
    opacity: 0;
    transform: scale(0.8, 0.8);
  }

  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}

@keyframes rotate {

  0%,
  100% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(90deg);
  }
}

@keyframes draw {
  from {
    stroke-dashoffset: 500;
  }

  to {
    stroke-dashoffset: 0;
  }
}

.u-a-cloned-1 {
  padding: 10px;
  transition: .2s .4s;
}

.u-a-cloned-1:before,
.u-a-cloned-1:after {
  position: absolute;
  z-index: -1;
  content: "";
  opacity: 0;
  background: var(--theme-color-dark);
  transition: .2s .2s;
  inset: 0;
}

.u-a-cloned-1:before {
  background: var(--theme-color-light);
  transition-delay: 0s;
}

.u-a-cloned-1:hover {
  background: var(--theme-color);
  color: #fff;
  transition: .2s;
}

.u-a-cloned-1:hover:before,
.u-a-cloned-1:hover:after {
  opacity: 1;
  transform: translate(-10px, 10px);
}

.u-a-cloned-1:hover:before {
  transform: translate(-20px, 20px);
  transition-delay: .4s;
}

.u-a-cloned-2 {
  padding: 10px;
  transition: .2s .4s;
}

.u-a-cloned-2:before,
.u-a-cloned-2:after {
  position: absolute;
  z-index: -1;
  content: "";
  opacity: 0;
  background: var(--theme-color-dark);
  transition: .2s .2s;
  inset: 0 10px;
}

.u-a-cloned-2:before {
  background: var(--theme-color-light);
  transition-delay: 0s;
  inset: 0 20px;
}

.u-a-cloned-2:hover {
  background: var(--theme-color);
  color: #fff;
  transition: .2s;
}

.u-a-cloned-2:hover:before,
.u-a-cloned-2:hover:after {
  opacity: 1;
  transform: translateY(10px);
}

.u-a-cloned-2:hover:before {
  transform: translateY(20px);
  transition-delay: .4s;
}

.u-a-cloned-3 {
  padding: 10px;
  transition: .2s .4s;
}

.u-a-cloned-3:before,
.u-a-cloned-3:after {
  position: absolute;
  z-index: -1;
  content: "";
  opacity: 0;
  background: var(--theme-color-dark);
  transition: .2s .2s;
  inset: 0;
}

.u-a-cloned-3:before {
  background: var(--theme-color-light);
  transition-delay: 0s;
}

.u-a-cloned-3:hover {
  background: var(--theme-color);
  color: #fff;
  transition: .2s;
}

.u-a-cloned-3:hover:before,
.u-a-cloned-3:hover:after {
  opacity: 1;
  transform: rotate(-8deg);
}

.u-a-cloned-3:hover:before {
  transform: rotate(-16deg);
  transition-delay: .2s;
}

.u-a-cloned-4 {
  padding: 10px;
  transition: .2s .2s;
}

.u-a-cloned-4:before,
.u-a-cloned-4:after {
  position: absolute;
  z-index: -1;
  content: "";
  opacity: 0;
  background: var(--theme-color-dark);
  transition: .2s;
  inset: 0;
}

.u-a-cloned-4:before {
  background: var(--theme-color-light);
}

.u-a-cloned-4:hover {
  background: var(--theme-color);
  color: #fff;
  transition: .2s;
}

.u-a-cloned-4:hover:before,
.u-a-cloned-4:hover:after {
  opacity: 1;
  transform: rotate(-8deg);
  transition: .2s .2s;
}

.u-a-cloned-4:hover:before {
  transform: rotate(8deg);
}

.u-a-cloned-5 {
  padding: 10px;
  transition: .2s;
}

.u-a-cloned-5:before,
.u-a-cloned-5:after {
  position: absolute;
  z-index: -1;
  content: "";
  opacity: 0;
  background: var(--theme-color-dark);
  inset: 0 5px;
}

.u-a-cloned-5:before {
  background: var(--theme-color-light);
  inset: 0 10px;
}

.u-a-cloned-5:hover {
  background: var(--theme-color);
  color: #fff;
}

.u-a-cloned-5:hover:before,
.u-a-cloned-5:hover:after {
  opacity: 1;
  transform: translateY(0.1px);
  transition: transform 0.5s 0.2s cubic-bezier(0.5, 500, 0.5, -500), opacity 0s 0.2s;
}

.u-a-cloned-5:hover:before {
  transform: translateY(0.2px);
}

.u-a-cloned-6 {
  padding: 10px;
  transition: .2s;
}

.u-a-cloned-6:before,
.u-a-cloned-6:after {
  position: absolute;
  z-index: -1;
  content: "";
  opacity: 0;
  background: var(--theme-color-dark);
  transform: translate(100px, -100px);
  inset: 0;
}

.u-a-cloned-6:before {
  background: var(--theme-color-light);
  transform: translate(-100px, 100px);
}

.u-a-cloned-6:hover {
  background: var(--theme-color);
  color: #fff;
}

.u-a-cloned-6:hover:before,
.u-a-cloned-6:hover:after {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.5s 0.2s cubic-bezier(0, 0.6, 0.8, 1.9), opacity 0.3s 0.2s;
}

.u-a-cloned-7 {
  padding: 10px;
  transition: .2s;
}

.u-a-cloned-7:before,
.u-a-cloned-7:after {
  position: absolute;
  z-index: -1;
  content: "";
  opacity: 0;
  background: var(--theme-color-dark);
  inset: 0;
}

.u-a-cloned-7:before {
  background: var(--theme-color-light);
}

.u-a-cloned-7:hover {
  background: var(--theme-color);
  color: #fff;
}

.u-a-cloned-7:hover:before,
.u-a-cloned-7:hover:after {
  opacity: 1;
  transition: inset 0.5s 0.2s cubic-bezier(0.2, 250, 0.8, 250), opacity 0s 0.2s;
  inset: -.1px;
}

.u-a-cloned-7:hover:before {
  transition-delay: .3s, .2s;
  inset: -.2px;
}

.u-a-cloned-8 {
  padding: 10px;
  transition: .3s .3s;
}

.u-a-cloned-8:before,
.u-a-cloned-8:after {
  position: absolute;
  z-index: -1;
  content: "";
  opacity: 0;
  box-shadow: 0 0 var(--theme-color-dark), 0 0 var(--theme-color-light);
  transition: .3s .3s, box-shadow .3s;
  inset: 0 50% 0 0;
}

.u-a-cloned-8:after {
  transform: rotate(180deg);
  transform-origin: right;
}

.u-a-cloned-8:hover {
  background: var(--theme-color);
  color: #fff;
  transition: .3s;
}

.u-a-cloned-8:hover:before,
.u-a-cloned-8:hover:after {
  opacity: 1;
  box-shadow: -10px 10px var(--theme-color-dark), -20px 20px var(--theme-color-light);
  transition: .3s .3s, opacity .3s;
}

[class*="cloned"] {
  display: inline-block;
  position: relative;
  cursor: pointer;
}

[class*="cloned"]:before,
[class*="cloned"]:after {
  pointer-events: none;
}

.u-a-underline {
  --underline-color: var(--body-color);
  --underline-height: 2px;
  --underline-bg: linear-gradient(-90deg, var(--underline-color) 50%, var(--underline-color) 0) left/200% 100% no-repeat;
  --underline-inset: auto 100% 0 0;
  --underline-bg-position: right;
  --underline-transition: .4s linear;
  background: var(--underline-bg);
  transition: var(--underline-transition);
  -webkit-background-clip: text;
  background-clip: text;
}

.u-a-underline::before {
  position: absolute;
  bottom: 0.5rem;
  content: "";
  height: var(--underline-height);
  background: var(--underline-color);
  transition: var(--underline-transition);
  inset: var(--underline-inset);
}

.u-a-underline:hover {
  background-position: var(--underline-bg-position);
}

.u-a-underline:hover:before {
  --underline-inset: auto 0 0 0;
}

.u-a-underline--thick::before {
  --underline-height: 4px;
}

.u-a-underline--theme::before {
  --underline-color: var(--theme-color);
}

.u-a-underline--center {
  --underline-bg: linear-gradient(#000 0 0) center/100% 100% no-repeat var(--theme-color);
}

.u-a-underline--center::before {
  --underline-inset: auto 50% 0;
}

.u-a-underline--center:hover {
  background-size: 0 100%;
}

.u-a-underline--center:hover:before {
  --underline-inset: auto 0 0;
}

.u-a-underline--reverse {
  --underline-bg: linear-gradient(90deg, var(--body-color) 50%, var(--body-color) 0) right/200% 100% no-repeat;
}

.u-a-underline--reverse::before {
  --underline-inset: auto 0 0 100%;
}

.u-a-underline--reverse:hover {
  --underline-bg-position: left;
}

.u-a-underline--reverse:hover:before {
  --underline-inset: auto 0 0 0;
}

.u-a-underline--mirror {
  --underline-bg: linear-gradient(var(--body-color) 0 0) center/0 100% no-repeat var(--body-color);
}

.u-a-underline--mirror::before {
  --underline-inset: auto 0 0;
  background: linear-gradient(var(--body-color) 0 0) left, linear-gradient(var(--body-color) 0 0) right;
  background-repeat: no-repeat;
  background-size: 0 100%;
}

.u-a-underline--mirror:hover {
  background-size: 100% 100%;
}

.u-a-underline--mirror:hover:before {
  background-size: 51% 100%;
}

.u-a-underline--mirror-theme {
  --underline-bg:
    linear-gradient(var(--theme-color) 0 0) 0 0/0 100%,
    linear-gradient(var(--theme-color-light) 0 0) 205% 0/50% 100% var(--theme-color);
  --underline-transition: .3s linear, background-position .3s .3s linear;
}

.u-a-underline--mirror-theme::before {
  --underline-inset: auto 0 0;
  --underline-color:
    linear-gradient(var(--theme-color) 0 0) 0 0/0 100%,
    linear-gradient(var(--theme-color-light) 0 0) 205% 0/50% 100%;
  --underline-transition: .3s linear, background-size .3s .3s linear;
  background-repeat: no-repeat;
}

.u-a-underline--mirror-theme:hover,
.u-a-underline--mirror-theme:hover:before {
  background-position: 0 0, 100% 0;
  background-size: 51% 100%;
}

[data-theme="today"] .c-menu .u-a-underline {
  --underline-color: #fff;
}

.u-a-underline-8 {
  padding: 10px;
  background: linear-gradient(180deg, var(--theme-color) 50%, #000 0) bottom left, linear-gradient(0deg, var(--theme-color) 50%, #000 0) top right;
  background-repeat: no-repeat;
  background-size: 51% 200%;
  transition: .3s .3s linear;
  -webkit-background-clip: text;
  background-clip: text;
}

.u-a-underline-8:before,
.u-a-underline-8:after {
  position: absolute;
  content: "";
  background: linear-gradient(var(--theme-color) 0 0) left/50% 100% no-repeat;
  transition: .3s .6s, transform .3s .3s, background-size .3s;
  transition-timing-function: linear;
  inset: 0 100% 0 0;
  clip-path: inset(0 0 calc(100% - 4px));
}

.u-a-underline-8:after {
  background-position: right;
  clip-path: inset(calc(100% - 4px) 0 0);
  inset: 0 0 0 100%;
}

.u-a-underline-8:hover {
  background-position: top left, bottom right;
}

.u-a-underline-8:hover:before,
.u-a-underline-8:hover:after {
  background-size: 100% 100%;
  transition: .3s, transform .3s .3s, background-size .3s .6s;
  transition-timing-function: linear;
  inset: 0;
}

.u-a-underline-8:hover:before {
  transform: translateY(calc(100% - 4px));
}

.u-a-underline-8:hover:after {
  transform: translateY(calc(4px - 100%));
}

[class*="underline"] {
  display: inline-block;
  position: relative;
  cursor: pointer;
}

[class*="underline"]:before,
[class*="underline"]:after {
  pointer-events: none;
}

.u-a-sides-1 {
  padding: 10px;
}

.u-a-sides-1:before,
.u-a-sides-1:after {
  position: absolute;
  content: "";
  border: 3px solid;
  border-right: 0;
  opacity: 0;
  transform: scaleX(var(--s, 1)) translate(-25px);
  transition: 0s .3s, opacity .3s;
  inset: 0 50% 0 0;
}

.u-a-sides-1:after {
  --s: -1;
  transform-origin: right;
}

.u-a-sides-1:hover:before,
.u-a-sides-1:hover:after {
  opacity: 1;
  transform: scaleX(var(--s, 1)) translate(0);
  transition: .4s, opacity .3s;
}

.u-a-sides-2 {
  padding: 10px;
}

.u-a-sides-2:before,
.u-a-sides-2:after {
  position: absolute;
  content: "";
  border: 3px solid;
  opacity: 0;
  transform: scaleX(var(--s, 1)) translate(-25px);
  transition: 0s .3s, opacity .3s;
  inset: -3px 0;
  border-image: linear-gradient(-90deg, #0000 8px, currentColor 0) 3;
}

.u-a-sides-2:after {
  --s: -1;
  inset: 3px 0;
}

.u-a-sides-2:hover:before,
.u-a-sides-2:hover:after {
  opacity: 1;
  transform: scaleX(var(--s, 1)) translate(0);
  transition: .4s, opacity .3s;
}

.u-a-sides-3 {
  padding: 10px;
}

.u-a-sides-3:before,
.u-a-sides-3:after {
  position: absolute;
  content: "";
  opacity: 0;
  background: linear-gradient(currentColor 0 0) 0 0, linear-gradient(currentColor 0 0) 100% 100%;
  background-repeat: no-repeat;
  background-size: var(--d, 0%) 3px;
  transition: 0s .3s, opacity .3s;
  inset: 0 -40px;
}

.u-a-sides-3:after {
  background-position: 100% 0, 0 100%;
  background-size: 3px var(--d, 0%);
  inset: -40px 0;
}

.u-a-sides-3:hover:before,
.u-a-sides-3:hover:after {
  --d: 100%;
  opacity: 1;
  transition: .4s, opacity .2s;
  inset: 0;
}

.u-a-sides-4 {
  padding: 10px;
}

.u-a-sides-4:before,
.u-a-sides-4:after {
  position: absolute;
  content: "";
  border: solid;
  border-width: 0 3px;
  opacity: 0;
  transition: 0s .3s, opacity .3s;
  inset: 0 -20px;
}

.u-a-sides-4:after {
  border-width: 3px 0;
  inset: -20px 0;
}

.u-a-sides-4:hover:before,
.u-a-sides-4:hover:after {
  opacity: 1;
  transition: .4s, opacity .3s;
  inset: 0;
}

.u-a-sides-4:hover:after {
  transition: .4s .2s, opacity .3s .2s;
}

.u-a-sides-5 {
  padding: 10px;
}

.u-a-sides-5:before,
.u-a-sides-5:after {
  position: absolute;
  content: "";
  opacity: 0;
  transition: 0s .3s, opacity .3s;
}

.u-a-sides-5:before {
  border-left: 3px solid;
  box-shadow: -3px 0 inset #0000;
  transform: translateX(-20px);
  inset: 0 -20px 0 0;
}

.u-a-sides-5:after {
  border-top: 3px solid;
  box-shadow: 0 -3px inset #0000;
  transform: translateY(-20px);
  inset: 0 0 -20px 0;
}

.u-a-sides-5:hover:before,
.u-a-sides-5:hover:after {
  opacity: 1;
  transform: translate(0);
  inset: 0;
}

.u-a-sides-5:hover:before {
  box-shadow: -3px 0 inset;
  transition: opacity .3s, transform .3s, box-shadow .3s .6s, inset .3s .6s;
}

.u-a-sides-5:hover:after {
  box-shadow: 0 -3px inset;
  transition: opacity .3s .3s, transform .3s .3s, box-shadow .3s .9s, inset .3s .9s;
}

.u-a-sides-7 {
  padding: 10px;
}

.u-a-sides-7:before,
.u-a-sides-7:after {
  position: absolute;
  content: "";
  opacity: 0;
  background: linear-gradient(currentColor 0 0) var(--p, 0) 0, linear-gradient(currentColor 0 0) var(--p, 0) 0, linear-gradient(currentColor 0 0) calc(100% - var(--p, 0%)) 100%, linear-gradient(currentColor 0 0) calc(100% - var(--p, 0%)) 100%;
  background-repeat: no-repeat;
  background-size: 25px 3px, 3px 25px;
  transition: 0s .3s, opacity .3s;
  inset: -30px;
}

.u-a-sides-7:after {
  --p: 100%;
}

.u-a-sides-7:hover:before,
.u-a-sides-7:hover:after {
  opacity: 1;
  transition: .4s, opacity .3s;
  inset: 0;
}

.u-a-sides-7:hover:after {
  transition: .4s .4s, opacity .3s .4s;
}

[class*="sides"] {
  display: inline-block;
  position: relative;
  cursor: pointer;
}

[class*="sides"]:before,
[class*="sides"]:after {
  pointer-events: none;
}

.u-a-transformed-3 {
  padding: 10px;
  transform-style: preserve-3d;
  perspective: 200px;
  transition: .4s;
}

.u-a-transformed-3:hover {
  color: var(--body-color-inverse);
}

.u-a-transformed-3:before {
  position: absolute;
  content: attr(data-text);
  padding: inherit;
  background: var(--theme-color);
  transform: translateY(-100%) rotateX(90deg);
  transform-origin: bottom;
  backface-visibility: hidden;
  transition: .4s;
  inset: 0;
}

.u-a-transformed-3:hover:before {
  transform: translateY(0) rotateX(0deg);
}

.u-a-transformed-4 {
  padding: 10px;
  transform-style: preserve-3d;
  perspective: 200px;
  transition: .4s;
}

.u-a-transformed-4:hover {
  color: var(--body-color-inverse);
}

.u-a-transformed-4:before {
  position: absolute;
  content: attr(data-text);
  padding: inherit;
  background: var(--theme-color);
  transform: translateY(100%) rotateX(-90deg);
  transform-origin: top;
  backface-visibility: hidden;
  transition: .4s;
  inset: 0;
}

.u-a-transformed-4:hover:before {
  transform: translateY(0) rotateX(0deg);
}

.u-a-transformed-5 {
  padding: 10px;
  transform-style: preserve-3d;
  perspective: 200px;
  transition: .4s;
}

.u-a-transformed-5:hover {
  color: var(--body-color-inverse);
}

.u-a-transformed-5:before,
.u-a-transformed-5:after {
  position: absolute;
  content: attr(data-text);
  padding: inherit;
  background: var(--theme-color);
  transform: translateX(-70%) rotateY(-90deg);
  backface-visibility: hidden;
  transition: .4s;
  inset: 0;
  clip-path: inset(0 50% 0 0);
}

.u-a-transformed-5:after {
  transform: translateX(70%) rotateY(90deg);
  clip-path: inset(0 0 0 50%);
}

.u-a-transformed-5:hover:before,
.u-a-transformed-5:hover:after {
  transform: translateX(0) rotateY(0deg);
}

.u-a-transformed-6 {
  padding: 10px;
  transform-style: preserve-3d;
  perspective: 200px;
  transition: .4s;
}

.u-a-transformed-6:hover {
  color: var(--body-color-inverse);
}

.u-a-transformed-6:before,
.u-a-transformed-6:after {
  position: absolute;
  content: attr(data-text);
  padding: inherit;
  background: var(--theme-color);
  transform: translateY(-70%) rotateX(90deg);
  backface-visibility: hidden;
  transition: .4s;
  inset: 0;
  clip-path: inset(0 0 50% 0);
}

.u-a-transformed-6:after {
  transform: translateY(70%) rotateX(-90deg);
  clip-path: inset(50% 0 0 0);
}

.u-a-transformed-6:hover:before,
.u-a-transformed-6:hover:after {
  transform: translateY(0) rotateX(0deg);
}

[class*="transformed"] {
  display: inline-block;
  position: relative;
  cursor: pointer;
}

[class*="transformed"]:before,
[class*="transformed"]:after {
  z-index: -1;
  pointer-events: none;
}

.u-a-thick-1 {
  background: linear-gradient(var(--theme-color) 0 0) bottom/100% var(--d, 0px) no-repeat;
  transition: .5s;
}

.u-a-thick-1:hover {
  --d: 10px;
}

.u-a-thick-2 {
  background: linear-gradient(var(--theme-color) 0 0) 50% calc(-3px - 100%)/var(--d, 0%) 200% no-repeat;
  transition: .3s, background-size .3s .3s;
}

.u-a-thick-2:hover {
  --d: 100%;
  background-position: 50% 0%;
  color: #fff;
  transition: .3s, background-position .3s .3s, color .3s .3s;
}

.u-a-thick-3 {
  background: linear-gradient(var(--theme-color) 0 0) 0% calc(-3px - 100%)/var(--d, 0%) 200% no-repeat;
  transition: .3s, background-size .3s .3s;
}

.u-a-thick-3:hover {
  --d: 100%;
  background-position: 50% 0%;
  color: #fff;
  transition: .3s, background-position .3s .3s, color .3s .3s;
}

.u-a-thick-4 {
  background: linear-gradient(var(--theme-color) 0 0) left/var(--d, 0%) 100% no-repeat, linear-gradient(var(--theme-color) 0 0) right/var(--d, 0%) 100% no-repeat;
  transition: .5s;
}

.u-a-thick-4:hover {
  --d: 100%;
  color: #fff;
}

.u-a-thick-5 {
  background: linear-gradient(var(--theme-color) 0 0) top/100% var(--d, 0%) no-repeat, linear-gradient(var(--theme-color) 0 0) bottom/100% var(--d, 0%) no-repeat;
  transition: .5s;
}

.u-a-thick-5:hover {
  --d: 100%;
  color: #fff;
}

.u-a-thick-6 {
  background: linear-gradient(var(--theme-color) 0 0) left/100% var(--d, 0%) no-repeat;
  transition: .5s;
}

.u-a-thick-6:hover {
  --d: 100%;
  color: #fff;
}

.u-a-thick-7 {
  background: linear-gradient(var(--theme-color) 0 0) left/var(--d, 0%) 100% no-repeat;
  transition: .5s;
}

.u-a-thick-7:hover {
  --d: 100%;
  color: #fff;
}

.u-a-thick-8 {
  background: linear-gradient(var(--theme-color) 0 0) top/100% var(--d, 0%) no-repeat;
  transition: .5s;
}

.u-a-thick-8:hover {
  --d: 100%;
  color: #fff;
}

[class*="thick"] {
  display: inline-block;
  padding: 8px;
  cursor: pointer;
}

.u-radius-circle {
  border-radius: 50%;
}

.u-radius-small {
  border-radius: 4px 4px 4px 4px;
}

.u-radius-base {
  border-radius: 8px 8px 8px 8px;
}

.u-radius-large {
  border-radius: 16px 16px 16px 16px;
}

.u-radius-circle {
  border-radius: 50% 50% 50% 50%;
}

.u-border-top-dotted {
  border-top-style: dotted;
}

.u-border-top-dashed {
  border-top-style: dashed;
}

.u-border-top-solid {
  border-top-style: solid;
}

.u-border-top-none {
  border-top-style: none;
}

.u-border-bottom-dotted {
  border-bottom-style: dotted;
}

.u-border-bottom-dashed {
  border-bottom-style: dashed;
}

.u-border-bottom-solid {
  border-bottom-style: solid;
}

.u-border-bottom-none {
  border-bottom-style: none;
}

.u-border-left-dotted {
  border-left-style: dotted;
}

.u-border-left-dashed {
  border-left-style: dashed;
}

.u-border-left-solid {
  border-left-style: solid;
}

.u-border-left-none {
  border-left-style: none;
}

.u-border-right-dotted {
  border-right-style: dotted;
}

.u-border-right-dashed {
  border-right-style: dashed;
}

.u-border-right-solid {
  border-right-style: solid;
}

.u-border-right-none {
  border-right-style: none;
}

.u-border-dotted {
  border-style: dotted;
}

.u-border-dashed {
  border-style: dashed;
}

.u-border-solid {
  border-style: solid;
}

.u-border-none {
  border-style: none;
}

.u-border-1 {
  border-width: 1px;
}

.u-border-2 {
  border-width: 2px;
}

.u-border-3 {
  border-width: 3px;
}

.u-border-4 {
  border-width: 4px;
}

.u-border-5 {
  border-width: 5px;
}

.u-border-6 {
  border-width: 6px;
}

.u-border-7 {
  border-width: 7px;
}

.u-border-8 {
  border-width: 8px;
}

.u-border-9 {
  border-width: 9px;
}

.u-border-10 {
  border-width: 10px;
}

.u-border-white-base {
  border-color: #fff;
}

.u-border-black-base {
  border-color: #0d0d0d;
}

.u-border-gray-base {
  border-color: #808080;
}

.u-border-gray-light {
  border-color: #d9d9d9;
}

.u-border-gray-lighter {
  border-color: #f3f3f3;
}

.u-border-gray-dark {
  border-color: #4d4d4d;
}

.u-border-gray-darker {
  border-color: #161616;
}

.u-border-blue-base {
  border-color: #2f58b7;
}

.u-border-azure-base {
  border-color: #148be6;
}

.u-border-azure-light {
  border-color: #6eb9f2;
}

.u-border-azure-dark {
  border-color: #0c5288;
}

.u-border-green-base {
  border-color: #00990a;
}

.u-border-red-base {
  border-color: #b32424;
}

.u-border-europe-base {
  border-color: #ffcc00;
}

.u-border-yellow-base {
  border-color: #FFD700;
}

.u-border-yellow-light {
  border-color: #fbf5d0;
}

.u-border-yellow-dark {
  border-color: #5f5207;
}

.u-border-theme {
  border-color: var(--theme-color);
}

.u-color-secondary {
  color: var(--body-secondary-color);
}

.o-bg-dark .u-color-secondary {
  color: #d9d9d9;
}

.u-color-inverse {
  color: #fff;
}

.u-color-light {
  color: #808080;
}

.o-bg-dark .u-color-light {
  color: #d9d9d9;
}

.u-color-base {
  color: var(--body-color);
}

.u-color-negative {
  color: var(--body-color-negative);
}

.u-color-error {
  color: #b32424;
}

.u-color-success {
  color: #00990a;
}

.u-color-black {
  color: #0d0d0d;
}

.u-color-reverse {
  color: var(--body-color-reverse);
}

.u-color-theme {
  color: var(--theme-color);
}

@media (prefers-color-scheme: dark) {
  body[data-theme="today"]:not([data-color-scheme*="light"]) .u-color-theme {
    color: var(--theme-color-light);
  }
}

[data-color-scheme*="dark"][data-theme="today"] .u-color-theme {
  color: var(--theme-color-light);
}

.u-cursor-pointer {
  cursor: pointer;
}

.u-cursor-none {
  cursor: none;
}

.u-cursor-not-allowed {
  cursor: not-allowed;
}

.u-cursor-text {
  cursor: text;
}

.u-cursor-wait {
  cursor: wait;
}

.u-cursor-grab {
  cursor: grab;
}

.u-cursor-auto {
  cursor: auto;
}

.u-no-underline {
  text-decoration: none;
}

.u-underline {
  text-decoration: underline;
}

.u-decoration--emphasize a {
  color: var(--body-color);
  text-underline-offset: -0.6em;
  text-decoration-thickness: 0.7em;
  text-decoration-color: var(--theme-color-light);
  text-decoration-skip-ink: none;
  /* works in Firefox & Chrome, not in Safari */
  text-decoration-skip: none;
  /* works in Safari, not in Firefox & Chrome */
}

[data-model="sponsor"] .u-decoration--emphasize a {
  text-decoration-color: var(--sponsor-one);
}

.u-decoration--double-underline a {
  color: var(--body-color);
  text-underline-offset: 2px;
  text-decoration-thickness: 5px;
  text-decoration-style: double;
  text-decoration-color: var(--theme-color-light);
}

.u-decoration--dashed a {
  color: var(--body-color);
  text-underline-offset: 3px;
  text-decoration-thickness: 4px;
  text-decoration-style: dashed;
  text-decoration-color: var(--theme-color-light);
  text-decoration-skip-ink: none;
  /* works in Firefox & Chrome, not in Safari */
  text-decoration-skip: none;
  /* works in Safari, not in Firefox & Chrome */
}

.u-decoration--wavy a {
  color: var(--body-color);
  text-underline-offset: 5px;
  text-decoration-style: wavy;
  text-decoration-color: var(--theme-color-light);
}

.u-decoration--error s {
  text-decoration-color: var(--theme-color);
  text-decoration-thickness: 5px;
  text-decoration-style: wavy;
}

.u-decoration--highlighted {
  background-color: #d9d9d9;
  color: #0d0d0d;
}

.u-decoration--censored s {
  text-decoration-color: var(--theme-color);
  text-decoration-thickness: 6px;
}

.u-decoration--intro {
  position: relative;
  margin-left: 1rem;
}

.u-decoration--intro::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1rem;
  content: '';
  width: .5rem;
  height: 100%;
  background-color: var(--theme-color);
}

.u-line-decoration::before {
  position: absolute;
  top: 50%;
  left: -1.5rem;
  content: '';
  height: 1px;
  width: 1rem;
  background-color: currentColor;
}

.u-truncate {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}

.u-truncate-1 {
  -webkit-line-clamp: 1;
  line-clamp: 1;
}

.u-truncate-2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.u-truncate-3 {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.u-inline {
  display: inline;
}

.u-inline-block {
  display: inline-block;
}

.u-inline-flex {
  display: inline-flex;
}

.u-inline-grid {
  display: inline-grid;
}

.u-list-item {
  display: list-item;
}

.u-none {
  display: none;
}

.u-sibling-head:empty~.u-sibling-tail {
  display: none;
}

.u-only-child:only-child {
  display: none;
}

.u-table {
  display: table;
}

.u-block {
  display: block;
}

.u-contents {
  display: contents;
}

@media screen and (min-width: 370px) {
  .u-block\@xs {
    display: block;
  }
}

@media screen and (min-width: 600px) {
  .u-block\@sm {
    display: block;
  }
}

@media screen and (min-width: 740px) {
  .u-block\@md {
    display: block;
  }
}

@media screen and (min-width: 992px) {
  .u-block\@lg {
    display: block;
  }
}

@media screen and (min-width: 1280px) {
  .u-block\@xl {
    display: block;
  }
}

@media screen and (min-width: 1440px) {
  .u-block\@xxl {
    display: block;
  }
}

@media screen and (min-width: 370px) {
  .u-inline\@xs {
    display: block;
  }
}

@media screen and (min-width: 600px) {
  .u-inline\@sm {
    display: block;
  }
}

@media screen and (min-width: 740px) {
  .u-inline\@md {
    display: block;
  }
}

@media screen and (min-width: 992px) {
  .u-inline\@lg {
    display: block;
  }
}

@media screen and (min-width: 1280px) {
  .u-inline\@xl {
    display: block;
  }
}

@media screen and (min-width: 1440px) {
  .u-inline\@xxl {
    display: block;
  }
}

@media screen and (min-width: 370px) {
  .u-inline-block\@xs {
    display: block;
  }
}

@media screen and (min-width: 600px) {
  .u-inline-block\@sm {
    display: block;
  }
}

@media screen and (min-width: 740px) {
  .u-inline-block\@md {
    display: block;
  }
}

@media screen and (min-width: 992px) {
  .u-inline-block\@lg {
    display: block;
  }
}

@media screen and (min-width: 1280px) {
  .u-inline-block\@xl {
    display: block;
  }
}

@media screen and (min-width: 1440px) {
  .u-inline-block\@xxl {
    display: block;
  }
}

@media screen and (min-width: 370px) {
  .u-none\@xs {
    display: none;
  }
}

@media screen and (min-width: 600px) {
  .u-none\@sm {
    display: none;
  }
}

@media screen and (min-width: 740px) {
  .u-none\@md {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .u-none\@lg {
    display: none;
  }
}

@media screen and (min-width: 1280px) {
  .u-none\@xl {
    display: none;
  }
}

@media screen and (min-width: 1440px) {
  .u-none\@xxl {
    display: none;
  }
}

.u-img-invert {
  filter: var(--img-invert);
}

.u-flex {
  display: flex;
}

.u-flex-none {
  flex: none;
}

@media screen and (min-width: 370px) {
  .u-flex\@xs {
    display: flex;
  }
}

@media screen and (min-width: 600px) {
  .u-flex\@sm {
    display: flex;
  }
}

@media screen and (min-width: 740px) {
  .u-flex\@md {
    display: flex;
  }
}

@media screen and (min-width: 992px) {
  .u-flex\@lg {
    display: flex;
  }
}

@media screen and (min-width: 1280px) {
  .u-flex\@xl {
    display: flex;
  }
}

@media screen and (min-width: 1440px) {
  .u-flex\@xxl {
    display: flex;
  }
}

@media screen and (min-width: 370px) {
  .u-row\@xs {
    flex-direction: row !important;
  }
}

@media screen and (min-width: 600px) {
  .u-row\@sm {
    flex-direction: row !important;
  }
}

@media screen and (min-width: 740px) {
  .u-row\@md {
    flex-direction: row !important;
  }
}

@media screen and (min-width: 992px) {
  .u-row\@lg {
    flex-direction: row !important;
  }
}

@media screen and (min-width: 1280px) {
  .u-row\@xl {
    flex-direction: row !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-row\@xxl {
    flex-direction: row !important;
  }
}

.u-row {
  flex-direction: row;
}

.u-row-reverse {
  flex-direction: row-reverse;
}

.u-column {
  flex-direction: column;
}

@media screen and (min-width: 370px) {
  .u-column\@xs {
    flex-direction: column;
  }
}

@media screen and (min-width: 600px) {
  .u-column\@sm {
    flex-direction: column;
  }
}

@media screen and (min-width: 740px) {
  .u-column\@md {
    flex-direction: column;
  }
}

@media screen and (min-width: 992px) {
  .u-column\@lg {
    flex-direction: column;
  }
}

@media screen and (min-width: 1280px) {
  .u-column\@xl {
    flex-direction: column;
  }
}

@media screen and (min-width: 1440px) {
  .u-column\@xxl {
    flex-direction: column;
  }
}

.u-column-reverse {
  flex-direction: column-reverse;
}

.u-nowrap {
  flex-wrap: nowrap;
}

.u-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.u-wrap-row {
  flex: 1 1 auto;
}

.u-wrap-basis {
  flex: 1 1 0;
}

.u-flex-one {
  flex: 1;
}

.u-wrap {
  flex-wrap: wrap;
}

.u-flex-nowrap {
  flex-wrap: nowrap;
}

.u-justify-start {
  justify-content: flex-start;
}

.u-justify-end {
  justify-content: flex-end;
}

.u-justify-around {
  justify-content: space-around;
}

.u-justify-evenly {
  justify-content: space-evenly;
}

.u-justify-center {
  justify-content: center;
}

@media screen and (min-width: 370px) {
  .u-justify-center\@xs {
    justify-content: center;
  }
}

@media screen and (min-width: 600px) {
  .u-justify-center\@sm {
    justify-content: center;
  }
}

@media screen and (min-width: 740px) {
  .u-justify-center\@md {
    justify-content: center;
  }
}

@media screen and (min-width: 992px) {
  .u-justify-center\@lg {
    justify-content: center;
  }
}

@media screen and (min-width: 1280px) {
  .u-justify-center\@xl {
    justify-content: center;
  }
}

@media screen and (min-width: 1440px) {
  .u-justify-center\@xxl {
    justify-content: center;
  }
}

.u-justify-between {
  justify-content: space-between;
}

.u-items-start {
  align-items: flex-start;
}

@media screen and (min-width: 370px) {
  .u-items-start\@xs {
    align-items: start !important;
  }
}

@media screen and (min-width: 600px) {
  .u-items-start\@sm {
    align-items: start !important;
  }
}

@media screen and (min-width: 740px) {
  .u-items-start\@md {
    align-items: start !important;
  }
}

@media screen and (min-width: 992px) {
  .u-items-start\@lg {
    align-items: start !important;
  }
}

@media screen and (min-width: 1280px) {
  .u-items-start\@xl {
    align-items: start !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-items-start\@xxl {
    align-items: start !important;
  }
}

.u-items-end {
  align-items: flex-end;
}

.u-items-stretch {
  align-items: stretch;
}

.u-items-center {
  align-items: center;
}

@media screen and (min-width: 370px) {
  .u-items-center\@xs {
    align-items: center !important;
  }
}

@media screen and (min-width: 600px) {
  .u-items-center\@sm {
    align-items: center !important;
  }
}

@media screen and (min-width: 740px) {
  .u-items-center\@md {
    align-items: center !important;
  }
}

@media screen and (min-width: 992px) {
  .u-items-center\@lg {
    align-items: center !important;
  }
}

@media screen and (min-width: 1280px) {
  .u-items-center\@xl {
    align-items: center !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-items-center\@xxl {
    align-items: center !important;
  }
}

.u-content-start {
  align-content: flex-start;
}

.u-content-center {
  align-content: center;
}

.u-content-between {
  align-content: space-between;
}

.u-content-around {
  align-content: space-around;
}

.u-content-stretch {
  align-content: stretch;
}

.u-content-end {
  align-content: flex-end;
}

.u-self-start {
  align-self: start;
}

.u-self-end {
  align-self: end;
}

.u-self-stretch {
  align-self: stretch;
}

.u-self-center {
  align-self: center;
}

.u-gradient {
  background: linear-gradient(180deg, rgba(13, 13, 13, 0) 0%, rgba(13, 13, 13, 0.2) 15%, rgba(13, 13, 13, 0.8) 80%);
}

.u-grid {
  display: grid;
}

.u-grid-full {
  grid-column: 1 / -1;
}

@media screen and (min-width: 370px) {
  .u-grid-1\@xs {
    grid-column: span 1 / span 1;
  }
}

@media screen and (min-width: 600px) {
  .u-grid-1\@sm {
    grid-column: span 1 / span 1;
  }
}

@media screen and (min-width: 740px) {
  .u-grid-1\@md {
    grid-column: span 1 / span 1;
  }
}

@media screen and (min-width: 992px) {
  .u-grid-1\@lg {
    grid-column: span 1 / span 1;
  }
}

@media screen and (min-width: 1280px) {
  .u-grid-1\@xl {
    grid-column: span 1 / span 1;
  }
}

@media screen and (min-width: 1440px) {
  .u-grid-1\@xxl {
    grid-column: span 1 / span 1;
  }
}

.u-grid-1 {
  grid-column: span 1 / span 1;
}

.u-grid-cols-5 {
  grid-template-columns: repeat(5, 1fr);
}

@media screen and (min-width: 370px) {
  .u-grid-2\@xs {
    grid-column: span 2 / span 2;
  }
}

@media screen and (min-width: 600px) {
  .u-grid-2\@sm {
    grid-column: span 2 / span 2;
  }
}

@media screen and (min-width: 740px) {
  .u-grid-2\@md {
    grid-column: span 2 / span 2;
  }
}

@media screen and (min-width: 992px) {
  .u-grid-2\@lg {
    grid-column: span 2 / span 2;
  }
}

@media screen and (min-width: 1280px) {
  .u-grid-2\@xl {
    grid-column: span 2 / span 2;
  }
}

@media screen and (min-width: 1440px) {
  .u-grid-2\@xxl {
    grid-column: span 2 / span 2;
  }
}

.u-grid-2 {
  grid-column: span 2 / span 2;
}

.u-grid-cols-5 {
  grid-template-columns: repeat(5, 1fr);
}

@media screen and (min-width: 370px) {
  .u-grid-3\@xs {
    grid-column: span 3 / span 3;
  }
}

@media screen and (min-width: 600px) {
  .u-grid-3\@sm {
    grid-column: span 3 / span 3;
  }
}

@media screen and (min-width: 740px) {
  .u-grid-3\@md {
    grid-column: span 3 / span 3;
  }
}

@media screen and (min-width: 992px) {
  .u-grid-3\@lg {
    grid-column: span 3 / span 3;
  }
}

@media screen and (min-width: 1280px) {
  .u-grid-3\@xl {
    grid-column: span 3 / span 3;
  }
}

@media screen and (min-width: 1440px) {
  .u-grid-3\@xxl {
    grid-column: span 3 / span 3;
  }
}

.u-grid-3 {
  grid-column: span 3 / span 3;
}

.u-grid-cols-5 {
  grid-template-columns: repeat(5, 1fr);
}

@media screen and (min-width: 370px) {
  .u-grid-4\@xs {
    grid-column: span 4 / span 4;
  }
}

@media screen and (min-width: 600px) {
  .u-grid-4\@sm {
    grid-column: span 4 / span 4;
  }
}

@media screen and (min-width: 740px) {
  .u-grid-4\@md {
    grid-column: span 4 / span 4;
  }
}

@media screen and (min-width: 992px) {
  .u-grid-4\@lg {
    grid-column: span 4 / span 4;
  }
}

@media screen and (min-width: 1280px) {
  .u-grid-4\@xl {
    grid-column: span 4 / span 4;
  }
}

@media screen and (min-width: 1440px) {
  .u-grid-4\@xxl {
    grid-column: span 4 / span 4;
  }
}

.u-grid-4 {
  grid-column: span 4 / span 4;
}

.u-grid-cols-5 {
  grid-template-columns: repeat(5, 1fr);
}

.u-grid-cols-5 {
  grid-template-columns: repeat(5, 1fr);
}

@media screen and (min-width: 370px) {
  .u-grid-1\@xs {
    grid-column: span 1 / span 1;
  }
}

@media screen and (min-width: 600px) {
  .u-grid-1\@sm {
    grid-column: span 1 / span 1;
  }
}

@media screen and (min-width: 740px) {
  .u-grid-1\@md {
    grid-column: span 1 / span 1;
  }
}

@media screen and (min-width: 992px) {
  .u-grid-1\@lg {
    grid-column: span 1 / span 1;
  }
}

@media screen and (min-width: 1280px) {
  .u-grid-1\@xl {
    grid-column: span 1 / span 1;
  }
}

@media screen and (min-width: 1440px) {
  .u-grid-1\@xxl {
    grid-column: span 1 / span 1;
  }
}

.u-grid-1 {
  grid-column: span 1 / span 1;
}

.u-grid-cols-6 {
  grid-template-columns: repeat(6, 1fr);
}

@media screen and (min-width: 370px) {
  .u-grid-2\@xs {
    grid-column: span 2 / span 2;
  }
}

@media screen and (min-width: 600px) {
  .u-grid-2\@sm {
    grid-column: span 2 / span 2;
  }
}

@media screen and (min-width: 740px) {
  .u-grid-2\@md {
    grid-column: span 2 / span 2;
  }
}

@media screen and (min-width: 992px) {
  .u-grid-2\@lg {
    grid-column: span 2 / span 2;
  }
}

@media screen and (min-width: 1280px) {
  .u-grid-2\@xl {
    grid-column: span 2 / span 2;
  }
}

@media screen and (min-width: 1440px) {
  .u-grid-2\@xxl {
    grid-column: span 2 / span 2;
  }
}

.u-grid-2 {
  grid-column: span 2 / span 2;
}

.u-grid-cols-6 {
  grid-template-columns: repeat(6, 1fr);
}

@media screen and (min-width: 370px) {
  .u-grid-3\@xs {
    grid-column: span 3 / span 3;
  }
}

@media screen and (min-width: 600px) {
  .u-grid-3\@sm {
    grid-column: span 3 / span 3;
  }
}

@media screen and (min-width: 740px) {
  .u-grid-3\@md {
    grid-column: span 3 / span 3;
  }
}

@media screen and (min-width: 992px) {
  .u-grid-3\@lg {
    grid-column: span 3 / span 3;
  }
}

@media screen and (min-width: 1280px) {
  .u-grid-3\@xl {
    grid-column: span 3 / span 3;
  }
}

@media screen and (min-width: 1440px) {
  .u-grid-3\@xxl {
    grid-column: span 3 / span 3;
  }
}

.u-grid-3 {
  grid-column: span 3 / span 3;
}

.u-grid-cols-6 {
  grid-template-columns: repeat(6, 1fr);
}

@media screen and (min-width: 370px) {
  .u-grid-4\@xs {
    grid-column: span 4 / span 4;
  }
}

@media screen and (min-width: 600px) {
  .u-grid-4\@sm {
    grid-column: span 4 / span 4;
  }
}

@media screen and (min-width: 740px) {
  .u-grid-4\@md {
    grid-column: span 4 / span 4;
  }
}

@media screen and (min-width: 992px) {
  .u-grid-4\@lg {
    grid-column: span 4 / span 4;
  }
}

@media screen and (min-width: 1280px) {
  .u-grid-4\@xl {
    grid-column: span 4 / span 4;
  }
}

@media screen and (min-width: 1440px) {
  .u-grid-4\@xxl {
    grid-column: span 4 / span 4;
  }
}

.u-grid-4 {
  grid-column: span 4 / span 4;
}

.u-grid-cols-6 {
  grid-template-columns: repeat(6, 1fr);
}

@media screen and (min-width: 370px) {
  .u-grid-5\@xs {
    grid-column: span 5 / span 5;
  }
}

@media screen and (min-width: 600px) {
  .u-grid-5\@sm {
    grid-column: span 5 / span 5;
  }
}

@media screen and (min-width: 740px) {
  .u-grid-5\@md {
    grid-column: span 5 / span 5;
  }
}

@media screen and (min-width: 992px) {
  .u-grid-5\@lg {
    grid-column: span 5 / span 5;
  }
}

@media screen and (min-width: 1280px) {
  .u-grid-5\@xl {
    grid-column: span 5 / span 5;
  }
}

@media screen and (min-width: 1440px) {
  .u-grid-5\@xxl {
    grid-column: span 5 / span 5;
  }
}

.u-grid-5 {
  grid-column: span 5 / span 5;
}

.u-grid-cols-6 {
  grid-template-columns: repeat(6, 1fr);
}

.u-grid-cols-6 {
  grid-template-columns: repeat(6, 1fr);
}

.u-gap-small {
  gap: 0.75rem !important;
}

.u-gap-medium {
  gap: 1.5rem !important;
}

.u-gap-large {
  gap: 3rem !important;
}

.u-auto-flow-row {
  grid-auto-flow: row;
}

.u-auto-flow-column {
  grid-auto-flow: column;
}

.u-auto-flow-dense {
  grid-auto-flow: dense;
}

.u-justify-self-start {
  justify-self: start;
}

.u-justify-self-end {
  justify-self: end;
}

.u-justify-self-center {
  justify-self: center;
}

.u-justify-self-stretch {
  justify-self: stretch;
}

.u-list-none {
  list-style-type: none;
}

.u-list-reset {
  margin-top: 0;
  padding-left: 0;
}

.u-list-disc {
  list-style-type: disc;
}

.u-list-decimal {
  list-style-type: decimal;
}

.u-list-inside {
  list-style-position: inside;
}

.u-list-outside {
  list-style-position: outside;
}

.u-overflow-hidden {
  overflow: hidden;
}

.u-overflow-auto {
  overflow: auto;
}

.u-overflow-visible {
  overflow: visible;
}

.u-overflow-scroll {
  overflow: scroll;
}

.u-overflow-x-auto {
  overflow-x: auto;
}

.u-overflow-y-auto {
  overflow-y: auto;
}

.u-cover {
  object-fit: cover;
}

.u-contain {
  object-fit: contain;
}

.u-fill {
  object-fit: fill;
}

.u-scale {
  object-fit: scale-down;
}

.u-position-top {
  object-position: top;
}

.u-opacity-none {
  opacity: 0;
}

.u-opacity-half {
  opacity: .5;
}

.u-opacity-full {
  opacity: 1;
}

.u-relative {
  position: relative;
}

.u-absolute {
  position: absolute;
}

.u-top {
  top: 0;
}

.u-bottom {
  bottom: 0;
}

.u-right {
  right: 0;
}

.u-left {
  left: 0;
}

.u-static {
  position: static;
}

.u-fixed {
  position: fixed;
}

.u-sticky {
  position: sticky;
}

.u-top-xxxsmall {
  top: 0.125rem;
}

.u-top-xxsmall {
  top: 0.25rem;
}

.u-top-xsmall {
  top: 0.5rem;
}

.u-top-small {
  top: 0.75rem;
}

.u-top-base {
  top: 1rem;
}

.u-top-medium {
  top: 1.5rem;
}

.u-top-large {
  top: 2rem;
}

.u-top-xlarge {
  top: 3rem;
}

.u-top-xxlarge {
  top: 3.5rem;
}

.u-top-xxxlarge {
  top: 4rem;
}

.u-top-none {
  top: 0rem;
}

.u-right-xxxsmall {
  right: 0.125rem;
}

.u-right-xxsmall {
  right: 0.25rem;
}

.u-right-xsmall {
  right: 0.5rem;
}

.u-right-small {
  right: 0.75rem;
}

.u-right-base {
  right: 1rem;
}

.u-right-medium {
  right: 1.5rem;
}

.u-right-large {
  right: 2rem;
}

.u-right-xlarge {
  right: 3rem;
}

.u-right-xxlarge {
  right: 3.5rem;
}

.u-right-xxxlarge {
  right: 4rem;
}

.u-right-none {
  right: 0rem;
}

.u-bottom-xxxsmall {
  bottom: 0.125rem;
}

.u-bottom-xxsmall {
  bottom: 0.25rem;
}

.u-bottom-xsmall {
  bottom: 0.5rem;
}

.u-bottom-small {
  bottom: 0.75rem;
}

.u-bottom-base {
  bottom: 1rem;
}

.u-bottom-medium {
  bottom: 1.5rem;
}

.u-bottom-large {
  bottom: 2rem;
}

.u-bottom-xlarge {
  bottom: 3rem;
}

.u-bottom-xxlarge {
  bottom: 3.5rem;
}

.u-bottom-xxxlarge {
  bottom: 4rem;
}

.u-bottom-none {
  bottom: 0rem;
}

.u-left-xxxsmall {
  left: 0.125rem;
}

.u-left-xxsmall {
  left: 0.25rem;
}

.u-left-xsmall {
  left: 0.5rem;
}

.u-left-small {
  left: 0.75rem;
}

.u-left-base {
  left: 1rem;
}

.u-left-medium {
  left: 1.5rem;
}

.u-left-large {
  left: 2rem;
}

.u-left-xlarge {
  left: 3rem;
}

.u-left-xxlarge {
  left: 3.5rem;
}

.u-left-xxxlarge {
  left: 4rem;
}

.u-left-none {
  left: 0rem;
}

@media screen and (min-width: 370px) {
  .u-sticky\@xs {
    position: sticky;
  }
}

@media screen and (min-width: 600px) {
  .u-sticky\@sm {
    position: sticky;
  }
}

@media screen and (min-width: 740px) {
  .u-sticky\@md {
    position: sticky;
  }
}

@media screen and (min-width: 992px) {
  .u-sticky\@lg {
    position: sticky;
  }
}

@media screen and (min-width: 1280px) {
  .u-sticky\@xl {
    position: sticky;
  }
}

@media screen and (min-width: 1440px) {
  .u-sticky\@xxl {
    position: sticky;
  }
}

@media screen and (min-width: 370px) {
  .u-absolute\@xs {
    position: absolute;
  }
}

@media screen and (min-width: 600px) {
  .u-absolute\@sm {
    position: absolute;
  }
}

@media screen and (min-width: 740px) {
  .u-absolute\@md {
    position: absolute;
  }
}

@media screen and (min-width: 992px) {
  .u-absolute\@lg {
    position: absolute;
  }
}

@media screen and (min-width: 1280px) {
  .u-absolute\@xl {
    position: absolute;
  }
}

@media screen and (min-width: 1440px) {
  .u-absolute\@xxl {
    position: absolute;
  }
}

.u-size-1-6 {
  width: 16.66667%;
}

.u-size-1-5 {
  width: 20%;
}

.u-size-1-4 {
  width: 25%;
}

.u-size-1-3 {
  width: 33.33333%;
}

.u-size-1-2 {
  width: 50%;
}

.u-size-2-3 {
  width: 66.66667%;
}

.u-size-3-4 {
  width: 75%;
}

.u-size-4-5 {
  width: 80%;
}

.u-size-full {
  width: 100%;
}

@media screen and (min-width: 370px) {
  .u-size-1-6\@xs {
    width: 16.66667%;
  }
}

@media screen and (min-width: 370px) {
  .u-size-1-5\@xs {
    width: 20%;
  }
}

@media screen and (min-width: 370px) {
  .u-size-1-4\@xs {
    width: 25%;
  }
}

@media screen and (min-width: 370px) {
  .u-size-1-3\@xs {
    width: 33.33333%;
  }
}

@media screen and (min-width: 370px) {
  .u-size-1-2\@xs {
    width: 50%;
  }
}

@media screen and (min-width: 370px) {
  .u-size-2-3\@xs {
    width: 66.66667%;
  }
}

@media screen and (min-width: 370px) {
  .u-size-3-4\@xs {
    width: 75%;
  }
}

@media screen and (min-width: 370px) {
  .u-size-4-5\@xs {
    width: 80%;
  }
}

@media screen and (min-width: 370px) {
  .u-size-full\@xs {
    width: 100%;
  }
}

@media screen and (min-width: 600px) {
  .u-size-1-6\@sm {
    width: 16.66667%;
  }
}

@media screen and (min-width: 600px) {
  .u-size-1-5\@sm {
    width: 20%;
  }
}

@media screen and (min-width: 600px) {
  .u-size-1-4\@sm {
    width: 25%;
  }
}

@media screen and (min-width: 600px) {
  .u-size-1-3\@sm {
    width: 33.33333%;
  }
}

@media screen and (min-width: 600px) {
  .u-size-1-2\@sm {
    width: 50%;
  }
}

@media screen and (min-width: 600px) {
  .u-size-2-3\@sm {
    width: 66.66667%;
  }
}

@media screen and (min-width: 600px) {
  .u-size-3-4\@sm {
    width: 75%;
  }
}

@media screen and (min-width: 600px) {
  .u-size-4-5\@sm {
    width: 80%;
  }
}

@media screen and (min-width: 600px) {
  .u-size-full\@sm {
    width: 100%;
  }
}

@media screen and (min-width: 740px) {
  .u-size-1-6\@md {
    width: 16.66667%;
  }
}

@media screen and (min-width: 740px) {
  .u-size-1-5\@md {
    width: 20%;
  }
}

@media screen and (min-width: 740px) {
  .u-size-1-4\@md {
    width: 25%;
  }
}

@media screen and (min-width: 740px) {
  .u-size-1-3\@md {
    width: 33.33333%;
  }
}

@media screen and (min-width: 740px) {
  .u-size-1-2\@md {
    width: 50%;
  }
}

@media screen and (min-width: 740px) {
  .u-size-2-3\@md {
    width: 66.66667%;
  }
}

@media screen and (min-width: 740px) {
  .u-size-3-4\@md {
    width: 75%;
  }
}

@media screen and (min-width: 740px) {
  .u-size-4-5\@md {
    width: 80%;
  }
}

@media screen and (min-width: 740px) {
  .u-size-full\@md {
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  .u-size-1-6\@lg {
    width: 16.66667%;
  }
}

@media screen and (min-width: 992px) {
  .u-size-1-5\@lg {
    width: 20%;
  }
}

@media screen and (min-width: 992px) {
  .u-size-1-4\@lg {
    width: 25%;
  }
}

@media screen and (min-width: 992px) {
  .u-size-1-3\@lg {
    width: 33.33333%;
  }
}

@media screen and (min-width: 992px) {
  .u-size-1-2\@lg {
    width: 50%;
  }
}

@media screen and (min-width: 992px) {
  .u-size-2-3\@lg {
    width: 66.66667%;
  }
}

@media screen and (min-width: 992px) {
  .u-size-3-4\@lg {
    width: 75%;
  }
}

@media screen and (min-width: 992px) {
  .u-size-4-5\@lg {
    width: 80%;
  }
}

@media screen and (min-width: 992px) {
  .u-size-full\@lg {
    width: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .u-size-1-6\@xl {
    width: 16.66667%;
  }
}

@media screen and (min-width: 1280px) {
  .u-size-1-5\@xl {
    width: 20%;
  }
}

@media screen and (min-width: 1280px) {
  .u-size-1-4\@xl {
    width: 25%;
  }
}

@media screen and (min-width: 1280px) {
  .u-size-1-3\@xl {
    width: 33.33333%;
  }
}

@media screen and (min-width: 1280px) {
  .u-size-1-2\@xl {
    width: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .u-size-2-3\@xl {
    width: 66.66667%;
  }
}

@media screen and (min-width: 1280px) {
  .u-size-3-4\@xl {
    width: 75%;
  }
}

@media screen and (min-width: 1280px) {
  .u-size-4-5\@xl {
    width: 80%;
  }
}

@media screen and (min-width: 1280px) {
  .u-size-full\@xl {
    width: 100%;
  }
}

@media screen and (min-width: 1440px) {
  .u-size-1-6\@xxl {
    width: 16.66667%;
  }
}

@media screen and (min-width: 1440px) {
  .u-size-1-5\@xxl {
    width: 20%;
  }
}

@media screen and (min-width: 1440px) {
  .u-size-1-4\@xxl {
    width: 25%;
  }
}

@media screen and (min-width: 1440px) {
  .u-size-1-3\@xxl {
    width: 33.33333%;
  }
}

@media screen and (min-width: 1440px) {
  .u-size-1-2\@xxl {
    width: 50%;
  }
}

@media screen and (min-width: 1440px) {
  .u-size-2-3\@xxl {
    width: 66.66667%;
  }
}

@media screen and (min-width: 1440px) {
  .u-size-3-4\@xxl {
    width: 75%;
  }
}

@media screen and (min-width: 1440px) {
  .u-size-4-5\@xxl {
    width: 80%;
  }
}

@media screen and (min-width: 1440px) {
  .u-size-full\@xxl {
    width: 100%;
  }
}

.u-size-48 {
  width: 3rem;
}

.u-size-64 {
  width: 4rem;
}

.u-size-fit {
  width: fit-content;
}

.u-size-podcast {
  width: 200px;
  min-width: 200px;
}

.u-size-logo-branded {
  width: 12rem;
}

.u-size-80-view {
  height: 80vh;
}

.u-max-80 {
  max-height: 80vh;
}

.u-size-90-view {
  height: 90vh;
}

.u-size-responsive-view {
  height: 50vh;
}

@media screen and (min-width: 740px) {
  .u-size-responsive-view {
    height: 80vh;
  }
}

body:not([data-model*="sponsor"]) .u-size-responsive-view img,
body:not([data-model*="sponsor"]) .u-size-responsive-view video {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}

.u-size-full-view {
  height: 100dvh;
}

.u-size-full-table {
  width: calc(100vw - 3rem);
  margin: 1rem auto;
}

@media screen and (min-width: 992px) {
  .u-size-full-table {
    width: auto;
  }
}

.u-size-full-height {
  height: 100%;
}

@media screen and (min-width: 370px) {
  .u-m-xxxsmall\@xs {
    margin: 0.125rem;
  }
}

@media screen and (min-width: 600px) {
  .u-m-xxxsmall\@sm {
    margin: 0.125rem;
  }
}

@media screen and (min-width: 740px) {
  .u-m-xxxsmall\@md {
    margin: 0.125rem;
  }
}

@media screen and (min-width: 992px) {
  .u-m-xxxsmall\@lg {
    margin: 0.125rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-m-xxxsmall\@xl {
    margin: 0.125rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-m-xxxsmall\@xxl {
    margin: 0.125rem;
  }
}

@media screen and (min-width: 370px) {
  .u-mt-xxxsmall\@xs {
    margin-top: 0.125rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mt-xxxsmall\@sm {
    margin-top: 0.125rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mt-xxxsmall\@md {
    margin-top: 0.125rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mt-xxxsmall\@lg {
    margin-top: 0.125rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mt-xxxsmall\@xl {
    margin-top: 0.125rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mt-xxxsmall\@xxl {
    margin-top: 0.125rem;
  }
}

.u-mt-xxxsmall {
  margin-top: 0.125rem;
}

@media screen and (min-width: 370px) {
  .u-mr-xxxsmall\@xs {
    margin-right: 0.125rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mr-xxxsmall\@sm {
    margin-right: 0.125rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mr-xxxsmall\@md {
    margin-right: 0.125rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mr-xxxsmall\@lg {
    margin-right: 0.125rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mr-xxxsmall\@xl {
    margin-right: 0.125rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mr-xxxsmall\@xxl {
    margin-right: 0.125rem;
  }
}

.u-mr-xxxsmall {
  margin-right: 0.125rem;
}

@media screen and (min-width: 370px) {
  .u-mb-xxxsmall\@xs {
    margin-bottom: 0.125rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mb-xxxsmall\@sm {
    margin-bottom: 0.125rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mb-xxxsmall\@md {
    margin-bottom: 0.125rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mb-xxxsmall\@lg {
    margin-bottom: 0.125rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mb-xxxsmall\@xl {
    margin-bottom: 0.125rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mb-xxxsmall\@xxl {
    margin-bottom: 0.125rem;
  }
}

.u-mb-xxxsmall {
  margin-bottom: 0.125rem;
}

@media screen and (min-width: 370px) {
  .u-ml-xxxsmall\@xs {
    margin-left: 0.125rem;
  }
}

@media screen and (min-width: 600px) {
  .u-ml-xxxsmall\@sm {
    margin-left: 0.125rem;
  }
}

@media screen and (min-width: 740px) {
  .u-ml-xxxsmall\@md {
    margin-left: 0.125rem;
  }
}

@media screen and (min-width: 992px) {
  .u-ml-xxxsmall\@lg {
    margin-left: 0.125rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-ml-xxxsmall\@xl {
    margin-left: 0.125rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-ml-xxxsmall\@xxl {
    margin-left: 0.125rem;
  }
}

.u-ml-xxxsmall {
  margin-left: 0.125rem;
}

@media screen and (min-width: 370px) {
  .u-mx-xxxsmall\@xs {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }

  .u-my-xxxsmall\@xs {
    margin-bottom: 0.125rem;
    margin-top: 0.125rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mx-xxxsmall\@sm {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }

  .u-my-xxxsmall\@sm {
    margin-bottom: 0.125rem;
    margin-top: 0.125rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mx-xxxsmall\@md {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }

  .u-my-xxxsmall\@md {
    margin-bottom: 0.125rem;
    margin-top: 0.125rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mx-xxxsmall\@lg {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }

  .u-my-xxxsmall\@lg {
    margin-bottom: 0.125rem;
    margin-top: 0.125rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mx-xxxsmall\@xl {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }

  .u-my-xxxsmall\@xl {
    margin-bottom: 0.125rem;
    margin-top: 0.125rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mx-xxxsmall\@xxl {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }

  .u-my-xxxsmall\@xxl {
    margin-bottom: 0.125rem;
    margin-top: 0.125rem;
  }
}

.u-m-xxxsmall {
  margin: 0.125rem;
}

.u-mx-xxxsmall {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.u-my-xxxsmall {
  margin-bottom: 0.125rem;
  margin-top: 0.125rem;
}

@media screen and (min-width: 370px) {
  .u-mx-xxxsmall\@xs {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }

  .u-my-xxxsmall\@xs {
    margin-bottom: 0.125rem;
    margin-top: 0.125rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mx-xxxsmall\@sm {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }

  .u-my-xxxsmall\@sm {
    margin-bottom: 0.125rem;
    margin-top: 0.125rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mx-xxxsmall\@md {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }

  .u-my-xxxsmall\@md {
    margin-bottom: 0.125rem;
    margin-top: 0.125rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mx-xxxsmall\@lg {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }

  .u-my-xxxsmall\@lg {
    margin-bottom: 0.125rem;
    margin-top: 0.125rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mx-xxxsmall\@xl {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }

  .u-my-xxxsmall\@xl {
    margin-bottom: 0.125rem;
    margin-top: 0.125rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mx-xxxsmall\@xxl {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }

  .u-my-xxxsmall\@xxl {
    margin-bottom: 0.125rem;
    margin-top: 0.125rem;
  }
}

@media screen and (min-width: 370px) {
  .u-m-xxsmall\@xs {
    margin: 0.25rem;
  }
}

@media screen and (min-width: 600px) {
  .u-m-xxsmall\@sm {
    margin: 0.25rem;
  }
}

@media screen and (min-width: 740px) {
  .u-m-xxsmall\@md {
    margin: 0.25rem;
  }
}

@media screen and (min-width: 992px) {
  .u-m-xxsmall\@lg {
    margin: 0.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-m-xxsmall\@xl {
    margin: 0.25rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-m-xxsmall\@xxl {
    margin: 0.25rem;
  }
}

@media screen and (min-width: 370px) {
  .u-mt-xxsmall\@xs {
    margin-top: 0.25rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mt-xxsmall\@sm {
    margin-top: 0.25rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mt-xxsmall\@md {
    margin-top: 0.25rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mt-xxsmall\@lg {
    margin-top: 0.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mt-xxsmall\@xl {
    margin-top: 0.25rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mt-xxsmall\@xxl {
    margin-top: 0.25rem;
  }
}

.u-mt-xxsmall {
  margin-top: 0.25rem;
}

@media screen and (min-width: 370px) {
  .u-mr-xxsmall\@xs {
    margin-right: 0.25rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mr-xxsmall\@sm {
    margin-right: 0.25rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mr-xxsmall\@md {
    margin-right: 0.25rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mr-xxsmall\@lg {
    margin-right: 0.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mr-xxsmall\@xl {
    margin-right: 0.25rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mr-xxsmall\@xxl {
    margin-right: 0.25rem;
  }
}

.u-mr-xxsmall {
  margin-right: 0.25rem;
}

@media screen and (min-width: 370px) {
  .u-mb-xxsmall\@xs {
    margin-bottom: 0.25rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mb-xxsmall\@sm {
    margin-bottom: 0.25rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mb-xxsmall\@md {
    margin-bottom: 0.25rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mb-xxsmall\@lg {
    margin-bottom: 0.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mb-xxsmall\@xl {
    margin-bottom: 0.25rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mb-xxsmall\@xxl {
    margin-bottom: 0.25rem;
  }
}

.u-mb-xxsmall {
  margin-bottom: 0.25rem;
}

@media screen and (min-width: 370px) {
  .u-ml-xxsmall\@xs {
    margin-left: 0.25rem;
  }
}

@media screen and (min-width: 600px) {
  .u-ml-xxsmall\@sm {
    margin-left: 0.25rem;
  }
}

@media screen and (min-width: 740px) {
  .u-ml-xxsmall\@md {
    margin-left: 0.25rem;
  }
}

@media screen and (min-width: 992px) {
  .u-ml-xxsmall\@lg {
    margin-left: 0.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-ml-xxsmall\@xl {
    margin-left: 0.25rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-ml-xxsmall\@xxl {
    margin-left: 0.25rem;
  }
}

.u-ml-xxsmall {
  margin-left: 0.25rem;
}

@media screen and (min-width: 370px) {
  .u-mx-xxsmall\@xs {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .u-my-xxsmall\@xs {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mx-xxsmall\@sm {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .u-my-xxsmall\@sm {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mx-xxsmall\@md {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .u-my-xxsmall\@md {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mx-xxsmall\@lg {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .u-my-xxsmall\@lg {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mx-xxsmall\@xl {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .u-my-xxsmall\@xl {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mx-xxsmall\@xxl {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .u-my-xxsmall\@xxl {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
}

.u-m-xxsmall {
  margin: 0.25rem;
}

.u-mx-xxsmall {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.u-my-xxsmall {
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}

@media screen and (min-width: 370px) {
  .u-mx-xxsmall\@xs {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .u-my-xxsmall\@xs {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mx-xxsmall\@sm {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .u-my-xxsmall\@sm {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mx-xxsmall\@md {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .u-my-xxsmall\@md {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mx-xxsmall\@lg {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .u-my-xxsmall\@lg {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mx-xxsmall\@xl {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .u-my-xxsmall\@xl {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mx-xxsmall\@xxl {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .u-my-xxsmall\@xxl {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
}

@media screen and (min-width: 370px) {
  .u-m-xsmall\@xs {
    margin: 0.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-m-xsmall\@sm {
    margin: 0.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-m-xsmall\@md {
    margin: 0.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-m-xsmall\@lg {
    margin: 0.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-m-xsmall\@xl {
    margin: 0.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-m-xsmall\@xxl {
    margin: 0.5rem;
  }
}

@media screen and (min-width: 370px) {
  .u-mt-xsmall\@xs {
    margin-top: 0.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mt-xsmall\@sm {
    margin-top: 0.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mt-xsmall\@md {
    margin-top: 0.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mt-xsmall\@lg {
    margin-top: 0.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mt-xsmall\@xl {
    margin-top: 0.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mt-xsmall\@xxl {
    margin-top: 0.5rem;
  }
}

.u-mt-xsmall {
  margin-top: 0.5rem;
}

@media screen and (min-width: 370px) {
  .u-mr-xsmall\@xs {
    margin-right: 0.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mr-xsmall\@sm {
    margin-right: 0.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mr-xsmall\@md {
    margin-right: 0.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mr-xsmall\@lg {
    margin-right: 0.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mr-xsmall\@xl {
    margin-right: 0.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mr-xsmall\@xxl {
    margin-right: 0.5rem;
  }
}

.u-mr-xsmall {
  margin-right: 0.5rem;
}

@media screen and (min-width: 370px) {
  .u-mb-xsmall\@xs {
    margin-bottom: 0.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mb-xsmall\@sm {
    margin-bottom: 0.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mb-xsmall\@md {
    margin-bottom: 0.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mb-xsmall\@lg {
    margin-bottom: 0.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mb-xsmall\@xl {
    margin-bottom: 0.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mb-xsmall\@xxl {
    margin-bottom: 0.5rem;
  }
}

.u-mb-xsmall {
  margin-bottom: 0.5rem;
}

@media screen and (min-width: 370px) {
  .u-ml-xsmall\@xs {
    margin-left: 0.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-ml-xsmall\@sm {
    margin-left: 0.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-ml-xsmall\@md {
    margin-left: 0.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-ml-xsmall\@lg {
    margin-left: 0.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-ml-xsmall\@xl {
    margin-left: 0.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-ml-xsmall\@xxl {
    margin-left: 0.5rem;
  }
}

.u-ml-xsmall {
  margin-left: 0.5rem;
}

@media screen and (min-width: 370px) {
  .u-mx-xsmall\@xs {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .u-my-xsmall\@xs {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mx-xsmall\@sm {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .u-my-xsmall\@sm {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mx-xsmall\@md {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .u-my-xsmall\@md {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mx-xsmall\@lg {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .u-my-xsmall\@lg {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mx-xsmall\@xl {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .u-my-xsmall\@xl {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mx-xsmall\@xxl {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .u-my-xsmall\@xxl {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
}

.u-m-xsmall {
  margin: 0.5rem;
}

.u-mx-xsmall {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.u-my-xsmall {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}

@media screen and (min-width: 370px) {
  .u-mx-xsmall\@xs {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .u-my-xsmall\@xs {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mx-xsmall\@sm {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .u-my-xsmall\@sm {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mx-xsmall\@md {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .u-my-xsmall\@md {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mx-xsmall\@lg {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .u-my-xsmall\@lg {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mx-xsmall\@xl {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .u-my-xsmall\@xl {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mx-xsmall\@xxl {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .u-my-xsmall\@xxl {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
}

@media screen and (min-width: 370px) {
  .u-m-small\@xs {
    margin: 0.75rem;
  }
}

@media screen and (min-width: 600px) {
  .u-m-small\@sm {
    margin: 0.75rem;
  }
}

@media screen and (min-width: 740px) {
  .u-m-small\@md {
    margin: 0.75rem;
  }
}

@media screen and (min-width: 992px) {
  .u-m-small\@lg {
    margin: 0.75rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-m-small\@xl {
    margin: 0.75rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-m-small\@xxl {
    margin: 0.75rem;
  }
}

@media screen and (min-width: 370px) {
  .u-mt-small\@xs {
    margin-top: 0.75rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mt-small\@sm {
    margin-top: 0.75rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mt-small\@md {
    margin-top: 0.75rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mt-small\@lg {
    margin-top: 0.75rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mt-small\@xl {
    margin-top: 0.75rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mt-small\@xxl {
    margin-top: 0.75rem;
  }
}

.u-mt-small {
  margin-top: 0.75rem;
}

@media screen and (min-width: 370px) {
  .u-mr-small\@xs {
    margin-right: 0.75rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mr-small\@sm {
    margin-right: 0.75rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mr-small\@md {
    margin-right: 0.75rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mr-small\@lg {
    margin-right: 0.75rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mr-small\@xl {
    margin-right: 0.75rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mr-small\@xxl {
    margin-right: 0.75rem;
  }
}

.u-mr-small {
  margin-right: 0.75rem;
}

@media screen and (min-width: 370px) {
  .u-mb-small\@xs {
    margin-bottom: 0.75rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mb-small\@sm {
    margin-bottom: 0.75rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mb-small\@md {
    margin-bottom: 0.75rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mb-small\@lg {
    margin-bottom: 0.75rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mb-small\@xl {
    margin-bottom: 0.75rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mb-small\@xxl {
    margin-bottom: 0.75rem;
  }
}

.u-mb-small {
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 370px) {
  .u-ml-small\@xs {
    margin-left: 0.75rem;
  }
}

@media screen and (min-width: 600px) {
  .u-ml-small\@sm {
    margin-left: 0.75rem;
  }
}

@media screen and (min-width: 740px) {
  .u-ml-small\@md {
    margin-left: 0.75rem;
  }
}

@media screen and (min-width: 992px) {
  .u-ml-small\@lg {
    margin-left: 0.75rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-ml-small\@xl {
    margin-left: 0.75rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-ml-small\@xxl {
    margin-left: 0.75rem;
  }
}

.u-ml-small {
  margin-left: 0.75rem;
}

@media screen and (min-width: 370px) {
  .u-mx-small\@xs {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .u-my-small\@xs {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mx-small\@sm {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .u-my-small\@sm {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mx-small\@md {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .u-my-small\@md {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mx-small\@lg {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .u-my-small\@lg {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mx-small\@xl {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .u-my-small\@xl {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mx-small\@xxl {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .u-my-small\@xxl {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
  }
}

.u-m-small {
  margin: 0.75rem;
}

.u-mx-small {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.u-my-small {
  margin-bottom: 0.75rem;
  margin-top: 0.75rem;
}

@media screen and (min-width: 370px) {
  .u-mx-small\@xs {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .u-my-small\@xs {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mx-small\@sm {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .u-my-small\@sm {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mx-small\@md {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .u-my-small\@md {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mx-small\@lg {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .u-my-small\@lg {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mx-small\@xl {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .u-my-small\@xl {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mx-small\@xxl {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .u-my-small\@xxl {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
  }
}

@media screen and (min-width: 370px) {
  .u-m-base\@xs {
    margin: 1rem;
  }
}

@media screen and (min-width: 600px) {
  .u-m-base\@sm {
    margin: 1rem;
  }
}

@media screen and (min-width: 740px) {
  .u-m-base\@md {
    margin: 1rem;
  }
}

@media screen and (min-width: 992px) {
  .u-m-base\@lg {
    margin: 1rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-m-base\@xl {
    margin: 1rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-m-base\@xxl {
    margin: 1rem;
  }
}

@media screen and (min-width: 370px) {
  .u-mt-base\@xs {
    margin-top: 1rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mt-base\@sm {
    margin-top: 1rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mt-base\@md {
    margin-top: 1rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mt-base\@lg {
    margin-top: 1rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mt-base\@xl {
    margin-top: 1rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mt-base\@xxl {
    margin-top: 1rem;
  }
}

.u-mt-base {
  margin-top: 1rem;
}

@media screen and (min-width: 370px) {
  .u-mr-base\@xs {
    margin-right: 1rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mr-base\@sm {
    margin-right: 1rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mr-base\@md {
    margin-right: 1rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mr-base\@lg {
    margin-right: 1rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mr-base\@xl {
    margin-right: 1rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mr-base\@xxl {
    margin-right: 1rem;
  }
}

.u-mr-base {
  margin-right: 1rem;
}

@media screen and (min-width: 370px) {
  .u-mb-base\@xs {
    margin-bottom: 1rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mb-base\@sm {
    margin-bottom: 1rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mb-base\@md {
    margin-bottom: 1rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mb-base\@lg {
    margin-bottom: 1rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mb-base\@xl {
    margin-bottom: 1rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mb-base\@xxl {
    margin-bottom: 1rem;
  }
}

.u-mb-base {
  margin-bottom: 1rem;
}

@media screen and (min-width: 370px) {
  .u-ml-base\@xs {
    margin-left: 1rem;
  }
}

@media screen and (min-width: 600px) {
  .u-ml-base\@sm {
    margin-left: 1rem;
  }
}

@media screen and (min-width: 740px) {
  .u-ml-base\@md {
    margin-left: 1rem;
  }
}

@media screen and (min-width: 992px) {
  .u-ml-base\@lg {
    margin-left: 1rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-ml-base\@xl {
    margin-left: 1rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-ml-base\@xxl {
    margin-left: 1rem;
  }
}

.u-ml-base {
  margin-left: 1rem;
}

@media screen and (min-width: 370px) {
  .u-mx-base\@xs {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .u-my-base\@xs {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mx-base\@sm {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .u-my-base\@sm {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mx-base\@md {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .u-my-base\@md {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mx-base\@lg {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .u-my-base\@lg {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mx-base\@xl {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .u-my-base\@xl {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mx-base\@xxl {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .u-my-base\@xxl {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}

.u-m-base {
  margin: 1rem;
}

.u-mx-base {
  margin-left: 1rem;
  margin-right: 1rem;
}

.u-my-base {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

@media screen and (min-width: 370px) {
  .u-mx-base\@xs {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .u-my-base\@xs {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mx-base\@sm {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .u-my-base\@sm {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mx-base\@md {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .u-my-base\@md {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mx-base\@lg {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .u-my-base\@lg {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mx-base\@xl {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .u-my-base\@xl {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mx-base\@xxl {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .u-my-base\@xxl {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}

@media screen and (min-width: 370px) {
  .u-m-medium\@xs {
    margin: 1.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-m-medium\@sm {
    margin: 1.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-m-medium\@md {
    margin: 1.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-m-medium\@lg {
    margin: 1.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-m-medium\@xl {
    margin: 1.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-m-medium\@xxl {
    margin: 1.5rem;
  }
}

@media screen and (min-width: 370px) {
  .u-mt-medium\@xs {
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mt-medium\@sm {
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mt-medium\@md {
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mt-medium\@lg {
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mt-medium\@xl {
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mt-medium\@xxl {
    margin-top: 1.5rem;
  }
}

.u-mt-medium {
  margin-top: 1.5rem;
}

@media screen and (min-width: 370px) {
  .u-mr-medium\@xs {
    margin-right: 1.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mr-medium\@sm {
    margin-right: 1.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mr-medium\@md {
    margin-right: 1.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mr-medium\@lg {
    margin-right: 1.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mr-medium\@xl {
    margin-right: 1.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mr-medium\@xxl {
    margin-right: 1.5rem;
  }
}

.u-mr-medium {
  margin-right: 1.5rem;
}

@media screen and (min-width: 370px) {
  .u-mb-medium\@xs {
    margin-bottom: 1.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mb-medium\@sm {
    margin-bottom: 1.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mb-medium\@md {
    margin-bottom: 1.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mb-medium\@lg {
    margin-bottom: 1.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mb-medium\@xl {
    margin-bottom: 1.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mb-medium\@xxl {
    margin-bottom: 1.5rem;
  }
}

.u-mb-medium {
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 370px) {
  .u-ml-medium\@xs {
    margin-left: 1.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-ml-medium\@sm {
    margin-left: 1.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-ml-medium\@md {
    margin-left: 1.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-ml-medium\@lg {
    margin-left: 1.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-ml-medium\@xl {
    margin-left: 1.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-ml-medium\@xxl {
    margin-left: 1.5rem;
  }
}

.u-ml-medium {
  margin-left: 1.5rem;
}

@media screen and (min-width: 370px) {
  .u-mx-medium\@xs {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .u-my-medium\@xs {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mx-medium\@sm {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .u-my-medium\@sm {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mx-medium\@md {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .u-my-medium\@md {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mx-medium\@lg {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .u-my-medium\@lg {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mx-medium\@xl {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .u-my-medium\@xl {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mx-medium\@xxl {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .u-my-medium\@xxl {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
  }
}

.u-m-medium {
  margin: 1.5rem;
}

.u-mx-medium {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.u-my-medium {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}

@media screen and (min-width: 370px) {
  .u-mx-medium\@xs {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .u-my-medium\@xs {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mx-medium\@sm {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .u-my-medium\@sm {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mx-medium\@md {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .u-my-medium\@md {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mx-medium\@lg {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .u-my-medium\@lg {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mx-medium\@xl {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .u-my-medium\@xl {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mx-medium\@xxl {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .u-my-medium\@xxl {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 370px) {
  .u-m-large\@xs {
    margin: 2rem;
  }
}

@media screen and (min-width: 600px) {
  .u-m-large\@sm {
    margin: 2rem;
  }
}

@media screen and (min-width: 740px) {
  .u-m-large\@md {
    margin: 2rem;
  }
}

@media screen and (min-width: 992px) {
  .u-m-large\@lg {
    margin: 2rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-m-large\@xl {
    margin: 2rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-m-large\@xxl {
    margin: 2rem;
  }
}

@media screen and (min-width: 370px) {
  .u-mt-large\@xs {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mt-large\@sm {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mt-large\@md {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mt-large\@lg {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mt-large\@xl {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mt-large\@xxl {
    margin-top: 2rem;
  }
}

.u-mt-large {
  margin-top: 2rem;
}

@media screen and (min-width: 370px) {
  .u-mr-large\@xs {
    margin-right: 2rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mr-large\@sm {
    margin-right: 2rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mr-large\@md {
    margin-right: 2rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mr-large\@lg {
    margin-right: 2rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mr-large\@xl {
    margin-right: 2rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mr-large\@xxl {
    margin-right: 2rem;
  }
}

.u-mr-large {
  margin-right: 2rem;
}

@media screen and (min-width: 370px) {
  .u-mb-large\@xs {
    margin-bottom: 2rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mb-large\@sm {
    margin-bottom: 2rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mb-large\@md {
    margin-bottom: 2rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mb-large\@lg {
    margin-bottom: 2rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mb-large\@xl {
    margin-bottom: 2rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mb-large\@xxl {
    margin-bottom: 2rem;
  }
}

.u-mb-large {
  margin-bottom: 2rem;
}

@media screen and (min-width: 370px) {
  .u-ml-large\@xs {
    margin-left: 2rem;
  }
}

@media screen and (min-width: 600px) {
  .u-ml-large\@sm {
    margin-left: 2rem;
  }
}

@media screen and (min-width: 740px) {
  .u-ml-large\@md {
    margin-left: 2rem;
  }
}

@media screen and (min-width: 992px) {
  .u-ml-large\@lg {
    margin-left: 2rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-ml-large\@xl {
    margin-left: 2rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-ml-large\@xxl {
    margin-left: 2rem;
  }
}

.u-ml-large {
  margin-left: 2rem;
}

@media screen and (min-width: 370px) {
  .u-mx-large\@xs {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .u-my-large\@xs {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mx-large\@sm {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .u-my-large\@sm {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mx-large\@md {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .u-my-large\@md {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mx-large\@lg {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .u-my-large\@lg {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mx-large\@xl {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .u-my-large\@xl {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mx-large\@xxl {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .u-my-large\@xxl {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
}

.u-m-large {
  margin: 2rem;
}

.u-mx-large {
  margin-left: 2rem;
  margin-right: 2rem;
}

.u-my-large {
  margin-bottom: 2rem;
  margin-top: 2rem;
}

@media screen and (min-width: 370px) {
  .u-mx-large\@xs {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .u-my-large\@xs {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mx-large\@sm {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .u-my-large\@sm {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mx-large\@md {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .u-my-large\@md {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mx-large\@lg {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .u-my-large\@lg {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mx-large\@xl {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .u-my-large\@xl {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mx-large\@xxl {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .u-my-large\@xxl {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
}

@media screen and (min-width: 370px) {
  .u-m-xlarge\@xs {
    margin: 3rem;
  }
}

@media screen and (min-width: 600px) {
  .u-m-xlarge\@sm {
    margin: 3rem;
  }
}

@media screen and (min-width: 740px) {
  .u-m-xlarge\@md {
    margin: 3rem;
  }
}

@media screen and (min-width: 992px) {
  .u-m-xlarge\@lg {
    margin: 3rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-m-xlarge\@xl {
    margin: 3rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-m-xlarge\@xxl {
    margin: 3rem;
  }
}

@media screen and (min-width: 370px) {
  .u-mt-xlarge\@xs {
    margin-top: 3rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mt-xlarge\@sm {
    margin-top: 3rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mt-xlarge\@md {
    margin-top: 3rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mt-xlarge\@lg {
    margin-top: 3rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mt-xlarge\@xl {
    margin-top: 3rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mt-xlarge\@xxl {
    margin-top: 3rem;
  }
}

.u-mt-xlarge {
  margin-top: 3rem;
}

@media screen and (min-width: 370px) {
  .u-mr-xlarge\@xs {
    margin-right: 3rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mr-xlarge\@sm {
    margin-right: 3rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mr-xlarge\@md {
    margin-right: 3rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mr-xlarge\@lg {
    margin-right: 3rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mr-xlarge\@xl {
    margin-right: 3rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mr-xlarge\@xxl {
    margin-right: 3rem;
  }
}

.u-mr-xlarge {
  margin-right: 3rem;
}

@media screen and (min-width: 370px) {
  .u-mb-xlarge\@xs {
    margin-bottom: 3rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mb-xlarge\@sm {
    margin-bottom: 3rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mb-xlarge\@md {
    margin-bottom: 3rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mb-xlarge\@lg {
    margin-bottom: 3rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mb-xlarge\@xl {
    margin-bottom: 3rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mb-xlarge\@xxl {
    margin-bottom: 3rem;
  }
}

.u-mb-xlarge {
  margin-bottom: 3rem;
}

@media screen and (min-width: 370px) {
  .u-ml-xlarge\@xs {
    margin-left: 3rem;
  }
}

@media screen and (min-width: 600px) {
  .u-ml-xlarge\@sm {
    margin-left: 3rem;
  }
}

@media screen and (min-width: 740px) {
  .u-ml-xlarge\@md {
    margin-left: 3rem;
  }
}

@media screen and (min-width: 992px) {
  .u-ml-xlarge\@lg {
    margin-left: 3rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-ml-xlarge\@xl {
    margin-left: 3rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-ml-xlarge\@xxl {
    margin-left: 3rem;
  }
}

.u-ml-xlarge {
  margin-left: 3rem;
}

@media screen and (min-width: 370px) {
  .u-mx-xlarge\@xs {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .u-my-xlarge\@xs {
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mx-xlarge\@sm {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .u-my-xlarge\@sm {
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mx-xlarge\@md {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .u-my-xlarge\@md {
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mx-xlarge\@lg {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .u-my-xlarge\@lg {
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mx-xlarge\@xl {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .u-my-xlarge\@xl {
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mx-xlarge\@xxl {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .u-my-xlarge\@xxl {
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
}

.u-m-xlarge {
  margin: 3rem;
}

.u-mx-xlarge {
  margin-left: 3rem;
  margin-right: 3rem;
}

.u-my-xlarge {
  margin-bottom: 3rem;
  margin-top: 3rem;
}

@media screen and (min-width: 370px) {
  .u-mx-xlarge\@xs {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .u-my-xlarge\@xs {
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mx-xlarge\@sm {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .u-my-xlarge\@sm {
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mx-xlarge\@md {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .u-my-xlarge\@md {
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mx-xlarge\@lg {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .u-my-xlarge\@lg {
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mx-xlarge\@xl {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .u-my-xlarge\@xl {
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mx-xlarge\@xxl {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .u-my-xlarge\@xxl {
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
}

@media screen and (min-width: 370px) {
  .u-m-xxlarge\@xs {
    margin: 3.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-m-xxlarge\@sm {
    margin: 3.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-m-xxlarge\@md {
    margin: 3.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-m-xxlarge\@lg {
    margin: 3.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-m-xxlarge\@xl {
    margin: 3.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-m-xxlarge\@xxl {
    margin: 3.5rem;
  }
}

@media screen and (min-width: 370px) {
  .u-mt-xxlarge\@xs {
    margin-top: 3.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mt-xxlarge\@sm {
    margin-top: 3.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mt-xxlarge\@md {
    margin-top: 3.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mt-xxlarge\@lg {
    margin-top: 3.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mt-xxlarge\@xl {
    margin-top: 3.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mt-xxlarge\@xxl {
    margin-top: 3.5rem;
  }
}

.u-mt-xxlarge {
  margin-top: 3.5rem;
}

@media screen and (min-width: 370px) {
  .u-mr-xxlarge\@xs {
    margin-right: 3.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mr-xxlarge\@sm {
    margin-right: 3.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mr-xxlarge\@md {
    margin-right: 3.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mr-xxlarge\@lg {
    margin-right: 3.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mr-xxlarge\@xl {
    margin-right: 3.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mr-xxlarge\@xxl {
    margin-right: 3.5rem;
  }
}

.u-mr-xxlarge {
  margin-right: 3.5rem;
}

@media screen and (min-width: 370px) {
  .u-mb-xxlarge\@xs {
    margin-bottom: 3.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mb-xxlarge\@sm {
    margin-bottom: 3.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mb-xxlarge\@md {
    margin-bottom: 3.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mb-xxlarge\@lg {
    margin-bottom: 3.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mb-xxlarge\@xl {
    margin-bottom: 3.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mb-xxlarge\@xxl {
    margin-bottom: 3.5rem;
  }
}

.u-mb-xxlarge {
  margin-bottom: 3.5rem;
}

@media screen and (min-width: 370px) {
  .u-ml-xxlarge\@xs {
    margin-left: 3.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-ml-xxlarge\@sm {
    margin-left: 3.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-ml-xxlarge\@md {
    margin-left: 3.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-ml-xxlarge\@lg {
    margin-left: 3.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-ml-xxlarge\@xl {
    margin-left: 3.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-ml-xxlarge\@xxl {
    margin-left: 3.5rem;
  }
}

.u-ml-xxlarge {
  margin-left: 3.5rem;
}

@media screen and (min-width: 370px) {
  .u-mx-xxlarge\@xs {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  .u-my-xxlarge\@xs {
    margin-bottom: 3.5rem;
    margin-top: 3.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mx-xxlarge\@sm {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  .u-my-xxlarge\@sm {
    margin-bottom: 3.5rem;
    margin-top: 3.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mx-xxlarge\@md {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  .u-my-xxlarge\@md {
    margin-bottom: 3.5rem;
    margin-top: 3.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mx-xxlarge\@lg {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  .u-my-xxlarge\@lg {
    margin-bottom: 3.5rem;
    margin-top: 3.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mx-xxlarge\@xl {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  .u-my-xxlarge\@xl {
    margin-bottom: 3.5rem;
    margin-top: 3.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mx-xxlarge\@xxl {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  .u-my-xxlarge\@xxl {
    margin-bottom: 3.5rem;
    margin-top: 3.5rem;
  }
}

.u-m-xxlarge {
  margin: 3.5rem;
}

.u-mx-xxlarge {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

.u-my-xxlarge {
  margin-bottom: 3.5rem;
  margin-top: 3.5rem;
}

@media screen and (min-width: 370px) {
  .u-mx-xxlarge\@xs {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  .u-my-xxlarge\@xs {
    margin-bottom: 3.5rem;
    margin-top: 3.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mx-xxlarge\@sm {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  .u-my-xxlarge\@sm {
    margin-bottom: 3.5rem;
    margin-top: 3.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mx-xxlarge\@md {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  .u-my-xxlarge\@md {
    margin-bottom: 3.5rem;
    margin-top: 3.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mx-xxlarge\@lg {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  .u-my-xxlarge\@lg {
    margin-bottom: 3.5rem;
    margin-top: 3.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mx-xxlarge\@xl {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  .u-my-xxlarge\@xl {
    margin-bottom: 3.5rem;
    margin-top: 3.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mx-xxlarge\@xxl {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  .u-my-xxlarge\@xxl {
    margin-bottom: 3.5rem;
    margin-top: 3.5rem;
  }
}

@media screen and (min-width: 370px) {
  .u-m-xxxlarge\@xs {
    margin: 4rem;
  }
}

@media screen and (min-width: 600px) {
  .u-m-xxxlarge\@sm {
    margin: 4rem;
  }
}

@media screen and (min-width: 740px) {
  .u-m-xxxlarge\@md {
    margin: 4rem;
  }
}

@media screen and (min-width: 992px) {
  .u-m-xxxlarge\@lg {
    margin: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-m-xxxlarge\@xl {
    margin: 4rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-m-xxxlarge\@xxl {
    margin: 4rem;
  }
}

@media screen and (min-width: 370px) {
  .u-mt-xxxlarge\@xs {
    margin-top: 4rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mt-xxxlarge\@sm {
    margin-top: 4rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mt-xxxlarge\@md {
    margin-top: 4rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mt-xxxlarge\@lg {
    margin-top: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mt-xxxlarge\@xl {
    margin-top: 4rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mt-xxxlarge\@xxl {
    margin-top: 4rem;
  }
}

.u-mt-xxxlarge {
  margin-top: 4rem;
}

@media screen and (min-width: 370px) {
  .u-mr-xxxlarge\@xs {
    margin-right: 4rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mr-xxxlarge\@sm {
    margin-right: 4rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mr-xxxlarge\@md {
    margin-right: 4rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mr-xxxlarge\@lg {
    margin-right: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mr-xxxlarge\@xl {
    margin-right: 4rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mr-xxxlarge\@xxl {
    margin-right: 4rem;
  }
}

.u-mr-xxxlarge {
  margin-right: 4rem;
}

@media screen and (min-width: 370px) {
  .u-mb-xxxlarge\@xs {
    margin-bottom: 4rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mb-xxxlarge\@sm {
    margin-bottom: 4rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mb-xxxlarge\@md {
    margin-bottom: 4rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mb-xxxlarge\@lg {
    margin-bottom: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mb-xxxlarge\@xl {
    margin-bottom: 4rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mb-xxxlarge\@xxl {
    margin-bottom: 4rem;
  }
}

.u-mb-xxxlarge {
  margin-bottom: 4rem;
}

@media screen and (min-width: 370px) {
  .u-ml-xxxlarge\@xs {
    margin-left: 4rem;
  }
}

@media screen and (min-width: 600px) {
  .u-ml-xxxlarge\@sm {
    margin-left: 4rem;
  }
}

@media screen and (min-width: 740px) {
  .u-ml-xxxlarge\@md {
    margin-left: 4rem;
  }
}

@media screen and (min-width: 992px) {
  .u-ml-xxxlarge\@lg {
    margin-left: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-ml-xxxlarge\@xl {
    margin-left: 4rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-ml-xxxlarge\@xxl {
    margin-left: 4rem;
  }
}

.u-ml-xxxlarge {
  margin-left: 4rem;
}

@media screen and (min-width: 370px) {
  .u-mx-xxxlarge\@xs {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .u-my-xxxlarge\@xs {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mx-xxxlarge\@sm {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .u-my-xxxlarge\@sm {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mx-xxxlarge\@md {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .u-my-xxxlarge\@md {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mx-xxxlarge\@lg {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .u-my-xxxlarge\@lg {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mx-xxxlarge\@xl {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .u-my-xxxlarge\@xl {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mx-xxxlarge\@xxl {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .u-my-xxxlarge\@xxl {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
}

.u-m-xxxlarge {
  margin: 4rem;
}

.u-mx-xxxlarge {
  margin-left: 4rem;
  margin-right: 4rem;
}

.u-my-xxxlarge {
  margin-bottom: 4rem;
  margin-top: 4rem;
}

@media screen and (min-width: 370px) {
  .u-mx-xxxlarge\@xs {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .u-my-xxxlarge\@xs {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mx-xxxlarge\@sm {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .u-my-xxxlarge\@sm {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mx-xxxlarge\@md {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .u-my-xxxlarge\@md {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mx-xxxlarge\@lg {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .u-my-xxxlarge\@lg {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mx-xxxlarge\@xl {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .u-my-xxxlarge\@xl {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mx-xxxlarge\@xxl {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .u-my-xxxlarge\@xxl {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
}

@media screen and (min-width: 370px) {
  .u-m-none\@xs {
    margin: 0rem;
  }
}

@media screen and (min-width: 600px) {
  .u-m-none\@sm {
    margin: 0rem;
  }
}

@media screen and (min-width: 740px) {
  .u-m-none\@md {
    margin: 0rem;
  }
}

@media screen and (min-width: 992px) {
  .u-m-none\@lg {
    margin: 0rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-m-none\@xl {
    margin: 0rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-m-none\@xxl {
    margin: 0rem;
  }
}

@media screen and (min-width: 370px) {
  .u-mt-none\@xs {
    margin-top: 0rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mt-none\@sm {
    margin-top: 0rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mt-none\@md {
    margin-top: 0rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mt-none\@lg {
    margin-top: 0rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mt-none\@xl {
    margin-top: 0rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mt-none\@xxl {
    margin-top: 0rem;
  }
}

.u-mt-none {
  margin-top: 0rem;
}

@media screen and (min-width: 370px) {
  .u-mr-none\@xs {
    margin-right: 0rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mr-none\@sm {
    margin-right: 0rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mr-none\@md {
    margin-right: 0rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mr-none\@lg {
    margin-right: 0rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mr-none\@xl {
    margin-right: 0rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mr-none\@xxl {
    margin-right: 0rem;
  }
}

.u-mr-none {
  margin-right: 0rem;
}

@media screen and (min-width: 370px) {
  .u-mb-none\@xs {
    margin-bottom: 0rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mb-none\@sm {
    margin-bottom: 0rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mb-none\@md {
    margin-bottom: 0rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mb-none\@lg {
    margin-bottom: 0rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mb-none\@xl {
    margin-bottom: 0rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mb-none\@xxl {
    margin-bottom: 0rem;
  }
}

.u-mb-none {
  margin-bottom: 0rem;
}

@media screen and (min-width: 370px) {
  .u-ml-none\@xs {
    margin-left: 0rem;
  }
}

@media screen and (min-width: 600px) {
  .u-ml-none\@sm {
    margin-left: 0rem;
  }
}

@media screen and (min-width: 740px) {
  .u-ml-none\@md {
    margin-left: 0rem;
  }
}

@media screen and (min-width: 992px) {
  .u-ml-none\@lg {
    margin-left: 0rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-ml-none\@xl {
    margin-left: 0rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-ml-none\@xxl {
    margin-left: 0rem;
  }
}

.u-ml-none {
  margin-left: 0rem;
}

@media screen and (min-width: 370px) {
  .u-mx-none\@xs {
    margin-left: 0rem;
    margin-right: 0rem;
  }

  .u-my-none\@xs {
    margin-bottom: 0rem;
    margin-top: 0rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mx-none\@sm {
    margin-left: 0rem;
    margin-right: 0rem;
  }

  .u-my-none\@sm {
    margin-bottom: 0rem;
    margin-top: 0rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mx-none\@md {
    margin-left: 0rem;
    margin-right: 0rem;
  }

  .u-my-none\@md {
    margin-bottom: 0rem;
    margin-top: 0rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mx-none\@lg {
    margin-left: 0rem;
    margin-right: 0rem;
  }

  .u-my-none\@lg {
    margin-bottom: 0rem;
    margin-top: 0rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mx-none\@xl {
    margin-left: 0rem;
    margin-right: 0rem;
  }

  .u-my-none\@xl {
    margin-bottom: 0rem;
    margin-top: 0rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mx-none\@xxl {
    margin-left: 0rem;
    margin-right: 0rem;
  }

  .u-my-none\@xxl {
    margin-bottom: 0rem;
    margin-top: 0rem;
  }
}

.u-m-none {
  margin: 0rem;
}

.u-mx-none {
  margin-left: 0rem;
  margin-right: 0rem;
}

.u-my-none {
  margin-bottom: 0rem;
  margin-top: 0rem;
}

@media screen and (min-width: 370px) {
  .u-mx-none\@xs {
    margin-left: 0rem;
    margin-right: 0rem;
  }

  .u-my-none\@xs {
    margin-bottom: 0rem;
    margin-top: 0rem;
  }
}

@media screen and (min-width: 600px) {
  .u-mx-none\@sm {
    margin-left: 0rem;
    margin-right: 0rem;
  }

  .u-my-none\@sm {
    margin-bottom: 0rem;
    margin-top: 0rem;
  }
}

@media screen and (min-width: 740px) {
  .u-mx-none\@md {
    margin-left: 0rem;
    margin-right: 0rem;
  }

  .u-my-none\@md {
    margin-bottom: 0rem;
    margin-top: 0rem;
  }
}

@media screen and (min-width: 992px) {
  .u-mx-none\@lg {
    margin-left: 0rem;
    margin-right: 0rem;
  }

  .u-my-none\@lg {
    margin-bottom: 0rem;
    margin-top: 0rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-mx-none\@xl {
    margin-left: 0rem;
    margin-right: 0rem;
  }

  .u-my-none\@xl {
    margin-bottom: 0rem;
    margin-top: 0rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-mx-none\@xxl {
    margin-left: 0rem;
    margin-right: 0rem;
  }

  .u-my-none\@xxl {
    margin-bottom: 0rem;
    margin-top: 0rem;
  }
}

@media screen and (min-width: 370px) {
  .u-p-xxxsmall\@xs {
    padding: 0.125rem;
  }
}

@media screen and (min-width: 600px) {
  .u-p-xxxsmall\@sm {
    padding: 0.125rem;
  }
}

@media screen and (min-width: 740px) {
  .u-p-xxxsmall\@md {
    padding: 0.125rem;
  }
}

@media screen and (min-width: 992px) {
  .u-p-xxxsmall\@lg {
    padding: 0.125rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-p-xxxsmall\@xl {
    padding: 0.125rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-p-xxxsmall\@xxl {
    padding: 0.125rem;
  }
}

@media screen and (min-width: 370px) {
  .u-pt-xxxsmall\@xs {
    padding-top: 0.125rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pt-xxxsmall\@sm {
    padding-top: 0.125rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pt-xxxsmall\@md {
    padding-top: 0.125rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pt-xxxsmall\@lg {
    padding-top: 0.125rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pt-xxxsmall\@xl {
    padding-top: 0.125rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pt-xxxsmall\@xxl {
    padding-top: 0.125rem;
  }
}

.u-pt-xxxsmall {
  padding-top: 0.125rem;
}

@media screen and (min-width: 370px) {
  .u-pr-xxxsmall\@xs {
    padding-right: 0.125rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pr-xxxsmall\@sm {
    padding-right: 0.125rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pr-xxxsmall\@md {
    padding-right: 0.125rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pr-xxxsmall\@lg {
    padding-right: 0.125rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pr-xxxsmall\@xl {
    padding-right: 0.125rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pr-xxxsmall\@xxl {
    padding-right: 0.125rem;
  }
}

.u-pr-xxxsmall {
  padding-right: 0.125rem;
}

@media screen and (min-width: 370px) {
  .u-pb-xxxsmall\@xs {
    padding-bottom: 0.125rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pb-xxxsmall\@sm {
    padding-bottom: 0.125rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pb-xxxsmall\@md {
    padding-bottom: 0.125rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pb-xxxsmall\@lg {
    padding-bottom: 0.125rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pb-xxxsmall\@xl {
    padding-bottom: 0.125rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pb-xxxsmall\@xxl {
    padding-bottom: 0.125rem;
  }
}

.u-pb-xxxsmall {
  padding-bottom: 0.125rem;
}

@media screen and (min-width: 370px) {
  .u-pl-xxxsmall\@xs {
    padding-left: 0.125rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pl-xxxsmall\@sm {
    padding-left: 0.125rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pl-xxxsmall\@md {
    padding-left: 0.125rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pl-xxxsmall\@lg {
    padding-left: 0.125rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pl-xxxsmall\@xl {
    padding-left: 0.125rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pl-xxxsmall\@xxl {
    padding-left: 0.125rem;
  }
}

.u-pl-xxxsmall {
  padding-left: 0.125rem;
}

@media screen and (min-width: 370px) {
  .u-px-xxxsmall\@xs {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }

  .u-py-xxxsmall\@xs {
    padding-bottom: 0.125rem;
    padding-top: 0.125rem;
  }
}

@media screen and (min-width: 600px) {
  .u-px-xxxsmall\@sm {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }

  .u-py-xxxsmall\@sm {
    padding-bottom: 0.125rem;
    padding-top: 0.125rem;
  }
}

@media screen and (min-width: 740px) {
  .u-px-xxxsmall\@md {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }

  .u-py-xxxsmall\@md {
    padding-bottom: 0.125rem;
    padding-top: 0.125rem;
  }
}

@media screen and (min-width: 992px) {
  .u-px-xxxsmall\@lg {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }

  .u-py-xxxsmall\@lg {
    padding-bottom: 0.125rem;
    padding-top: 0.125rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-px-xxxsmall\@xl {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }

  .u-py-xxxsmall\@xl {
    padding-bottom: 0.125rem;
    padding-top: 0.125rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-px-xxxsmall\@xxl {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }

  .u-py-xxxsmall\@xxl {
    padding-bottom: 0.125rem;
    padding-top: 0.125rem;
  }
}

.u-p-xxxsmall {
  padding: 0.125rem;
}

.u-px-xxxsmall {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.u-py-xxxsmall {
  padding-bottom: 0.125rem;
  padding-top: 0.125rem;
}

@media screen and (min-width: 370px) {
  .u-px-xxxsmall\@xs {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }

  .u-py-xxxsmall\@xs {
    padding-bottom: 0.125rem;
    padding-top: 0.125rem;
  }
}

@media screen and (min-width: 600px) {
  .u-px-xxxsmall\@sm {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }

  .u-py-xxxsmall\@sm {
    padding-bottom: 0.125rem;
    padding-top: 0.125rem;
  }
}

@media screen and (min-width: 740px) {
  .u-px-xxxsmall\@md {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }

  .u-py-xxxsmall\@md {
    padding-bottom: 0.125rem;
    padding-top: 0.125rem;
  }
}

@media screen and (min-width: 992px) {
  .u-px-xxxsmall\@lg {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }

  .u-py-xxxsmall\@lg {
    padding-bottom: 0.125rem;
    padding-top: 0.125rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-px-xxxsmall\@xl {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }

  .u-py-xxxsmall\@xl {
    padding-bottom: 0.125rem;
    padding-top: 0.125rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-px-xxxsmall\@xxl {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }

  .u-py-xxxsmall\@xxl {
    padding-bottom: 0.125rem;
    padding-top: 0.125rem;
  }
}

@media screen and (min-width: 370px) {
  .u-p-xxsmall\@xs {
    padding: 0.25rem;
  }
}

@media screen and (min-width: 600px) {
  .u-p-xxsmall\@sm {
    padding: 0.25rem;
  }
}

@media screen and (min-width: 740px) {
  .u-p-xxsmall\@md {
    padding: 0.25rem;
  }
}

@media screen and (min-width: 992px) {
  .u-p-xxsmall\@lg {
    padding: 0.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-p-xxsmall\@xl {
    padding: 0.25rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-p-xxsmall\@xxl {
    padding: 0.25rem;
  }
}

@media screen and (min-width: 370px) {
  .u-pt-xxsmall\@xs {
    padding-top: 0.25rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pt-xxsmall\@sm {
    padding-top: 0.25rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pt-xxsmall\@md {
    padding-top: 0.25rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pt-xxsmall\@lg {
    padding-top: 0.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pt-xxsmall\@xl {
    padding-top: 0.25rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pt-xxsmall\@xxl {
    padding-top: 0.25rem;
  }
}

.u-pt-xxsmall {
  padding-top: 0.25rem;
}

@media screen and (min-width: 370px) {
  .u-pr-xxsmall\@xs {
    padding-right: 0.25rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pr-xxsmall\@sm {
    padding-right: 0.25rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pr-xxsmall\@md {
    padding-right: 0.25rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pr-xxsmall\@lg {
    padding-right: 0.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pr-xxsmall\@xl {
    padding-right: 0.25rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pr-xxsmall\@xxl {
    padding-right: 0.25rem;
  }
}

.u-pr-xxsmall {
  padding-right: 0.25rem;
}

@media screen and (min-width: 370px) {
  .u-pb-xxsmall\@xs {
    padding-bottom: 0.25rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pb-xxsmall\@sm {
    padding-bottom: 0.25rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pb-xxsmall\@md {
    padding-bottom: 0.25rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pb-xxsmall\@lg {
    padding-bottom: 0.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pb-xxsmall\@xl {
    padding-bottom: 0.25rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pb-xxsmall\@xxl {
    padding-bottom: 0.25rem;
  }
}

.u-pb-xxsmall {
  padding-bottom: 0.25rem;
}

@media screen and (min-width: 370px) {
  .u-pl-xxsmall\@xs {
    padding-left: 0.25rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pl-xxsmall\@sm {
    padding-left: 0.25rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pl-xxsmall\@md {
    padding-left: 0.25rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pl-xxsmall\@lg {
    padding-left: 0.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pl-xxsmall\@xl {
    padding-left: 0.25rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pl-xxsmall\@xxl {
    padding-left: 0.25rem;
  }
}

.u-pl-xxsmall {
  padding-left: 0.25rem;
}

@media screen and (min-width: 370px) {
  .u-px-xxsmall\@xs {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .u-py-xxsmall\@xs {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
}

@media screen and (min-width: 600px) {
  .u-px-xxsmall\@sm {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .u-py-xxsmall\@sm {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
}

@media screen and (min-width: 740px) {
  .u-px-xxsmall\@md {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .u-py-xxsmall\@md {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
}

@media screen and (min-width: 992px) {
  .u-px-xxsmall\@lg {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .u-py-xxsmall\@lg {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-px-xxsmall\@xl {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .u-py-xxsmall\@xl {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-px-xxsmall\@xxl {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .u-py-xxsmall\@xxl {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
}

.u-p-xxsmall {
  padding: 0.25rem;
}

.u-px-xxsmall {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.u-py-xxsmall {
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}

@media screen and (min-width: 370px) {
  .u-px-xxsmall\@xs {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .u-py-xxsmall\@xs {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
}

@media screen and (min-width: 600px) {
  .u-px-xxsmall\@sm {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .u-py-xxsmall\@sm {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
}

@media screen and (min-width: 740px) {
  .u-px-xxsmall\@md {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .u-py-xxsmall\@md {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
}

@media screen and (min-width: 992px) {
  .u-px-xxsmall\@lg {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .u-py-xxsmall\@lg {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-px-xxsmall\@xl {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .u-py-xxsmall\@xl {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-px-xxsmall\@xxl {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .u-py-xxsmall\@xxl {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
}

@media screen and (min-width: 370px) {
  .u-p-xsmall\@xs {
    padding: 0.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-p-xsmall\@sm {
    padding: 0.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-p-xsmall\@md {
    padding: 0.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-p-xsmall\@lg {
    padding: 0.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-p-xsmall\@xl {
    padding: 0.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-p-xsmall\@xxl {
    padding: 0.5rem;
  }
}

@media screen and (min-width: 370px) {
  .u-pt-xsmall\@xs {
    padding-top: 0.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pt-xsmall\@sm {
    padding-top: 0.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pt-xsmall\@md {
    padding-top: 0.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pt-xsmall\@lg {
    padding-top: 0.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pt-xsmall\@xl {
    padding-top: 0.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pt-xsmall\@xxl {
    padding-top: 0.5rem;
  }
}

.u-pt-xsmall {
  padding-top: 0.5rem;
}

@media screen and (min-width: 370px) {
  .u-pr-xsmall\@xs {
    padding-right: 0.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pr-xsmall\@sm {
    padding-right: 0.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pr-xsmall\@md {
    padding-right: 0.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pr-xsmall\@lg {
    padding-right: 0.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pr-xsmall\@xl {
    padding-right: 0.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pr-xsmall\@xxl {
    padding-right: 0.5rem;
  }
}

.u-pr-xsmall {
  padding-right: 0.5rem;
}

@media screen and (min-width: 370px) {
  .u-pb-xsmall\@xs {
    padding-bottom: 0.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pb-xsmall\@sm {
    padding-bottom: 0.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pb-xsmall\@md {
    padding-bottom: 0.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pb-xsmall\@lg {
    padding-bottom: 0.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pb-xsmall\@xl {
    padding-bottom: 0.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pb-xsmall\@xxl {
    padding-bottom: 0.5rem;
  }
}

.u-pb-xsmall {
  padding-bottom: 0.5rem;
}

@media screen and (min-width: 370px) {
  .u-pl-xsmall\@xs {
    padding-left: 0.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pl-xsmall\@sm {
    padding-left: 0.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pl-xsmall\@md {
    padding-left: 0.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pl-xsmall\@lg {
    padding-left: 0.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pl-xsmall\@xl {
    padding-left: 0.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pl-xsmall\@xxl {
    padding-left: 0.5rem;
  }
}

.u-pl-xsmall {
  padding-left: 0.5rem;
}

@media screen and (min-width: 370px) {
  .u-px-xsmall\@xs {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .u-py-xsmall\@xs {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-px-xsmall\@sm {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .u-py-xsmall\@sm {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-px-xsmall\@md {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .u-py-xsmall\@md {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-px-xsmall\@lg {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .u-py-xsmall\@lg {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-px-xsmall\@xl {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .u-py-xsmall\@xl {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-px-xsmall\@xxl {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .u-py-xsmall\@xxl {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
}

.u-p-xsmall {
  padding: 0.5rem;
}

.u-px-xsmall {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.u-py-xsmall {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

@media screen and (min-width: 370px) {
  .u-px-xsmall\@xs {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .u-py-xsmall\@xs {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-px-xsmall\@sm {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .u-py-xsmall\@sm {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-px-xsmall\@md {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .u-py-xsmall\@md {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-px-xsmall\@lg {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .u-py-xsmall\@lg {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-px-xsmall\@xl {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .u-py-xsmall\@xl {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-px-xsmall\@xxl {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .u-py-xsmall\@xxl {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
}

@media screen and (min-width: 370px) {
  .u-p-small\@xs {
    padding: 0.75rem;
  }
}

@media screen and (min-width: 600px) {
  .u-p-small\@sm {
    padding: 0.75rem;
  }
}

@media screen and (min-width: 740px) {
  .u-p-small\@md {
    padding: 0.75rem;
  }
}

@media screen and (min-width: 992px) {
  .u-p-small\@lg {
    padding: 0.75rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-p-small\@xl {
    padding: 0.75rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-p-small\@xxl {
    padding: 0.75rem;
  }
}

@media screen and (min-width: 370px) {
  .u-pt-small\@xs {
    padding-top: 0.75rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pt-small\@sm {
    padding-top: 0.75rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pt-small\@md {
    padding-top: 0.75rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pt-small\@lg {
    padding-top: 0.75rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pt-small\@xl {
    padding-top: 0.75rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pt-small\@xxl {
    padding-top: 0.75rem;
  }
}

.u-pt-small {
  padding-top: 0.75rem;
}

@media screen and (min-width: 370px) {
  .u-pr-small\@xs {
    padding-right: 0.75rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pr-small\@sm {
    padding-right: 0.75rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pr-small\@md {
    padding-right: 0.75rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pr-small\@lg {
    padding-right: 0.75rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pr-small\@xl {
    padding-right: 0.75rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pr-small\@xxl {
    padding-right: 0.75rem;
  }
}

.u-pr-small {
  padding-right: 0.75rem;
}

@media screen and (min-width: 370px) {
  .u-pb-small\@xs {
    padding-bottom: 0.75rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pb-small\@sm {
    padding-bottom: 0.75rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pb-small\@md {
    padding-bottom: 0.75rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pb-small\@lg {
    padding-bottom: 0.75rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pb-small\@xl {
    padding-bottom: 0.75rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pb-small\@xxl {
    padding-bottom: 0.75rem;
  }
}

.u-pb-small {
  padding-bottom: 0.75rem;
}

@media screen and (min-width: 370px) {
  .u-pl-small\@xs {
    padding-left: 0.75rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pl-small\@sm {
    padding-left: 0.75rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pl-small\@md {
    padding-left: 0.75rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pl-small\@lg {
    padding-left: 0.75rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pl-small\@xl {
    padding-left: 0.75rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pl-small\@xxl {
    padding-left: 0.75rem;
  }
}

.u-pl-small {
  padding-left: 0.75rem;
}

@media screen and (min-width: 370px) {
  .u-px-small\@xs {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .u-py-small\@xs {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
  }
}

@media screen and (min-width: 600px) {
  .u-px-small\@sm {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .u-py-small\@sm {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
  }
}

@media screen and (min-width: 740px) {
  .u-px-small\@md {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .u-py-small\@md {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
  }
}

@media screen and (min-width: 992px) {
  .u-px-small\@lg {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .u-py-small\@lg {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-px-small\@xl {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .u-py-small\@xl {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-px-small\@xxl {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .u-py-small\@xxl {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
  }
}

.u-p-small {
  padding: 0.75rem;
}

.u-px-small {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.u-py-small {
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
}

@media screen and (min-width: 370px) {
  .u-px-small\@xs {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .u-py-small\@xs {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
  }
}

@media screen and (min-width: 600px) {
  .u-px-small\@sm {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .u-py-small\@sm {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
  }
}

@media screen and (min-width: 740px) {
  .u-px-small\@md {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .u-py-small\@md {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
  }
}

@media screen and (min-width: 992px) {
  .u-px-small\@lg {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .u-py-small\@lg {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-px-small\@xl {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .u-py-small\@xl {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-px-small\@xxl {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .u-py-small\@xxl {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
  }
}

@media screen and (min-width: 370px) {
  .u-p-base\@xs {
    padding: 1rem;
  }
}

@media screen and (min-width: 600px) {
  .u-p-base\@sm {
    padding: 1rem;
  }
}

@media screen and (min-width: 740px) {
  .u-p-base\@md {
    padding: 1rem;
  }
}

@media screen and (min-width: 992px) {
  .u-p-base\@lg {
    padding: 1rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-p-base\@xl {
    padding: 1rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-p-base\@xxl {
    padding: 1rem;
  }
}

@media screen and (min-width: 370px) {
  .u-pt-base\@xs {
    padding-top: 1rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pt-base\@sm {
    padding-top: 1rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pt-base\@md {
    padding-top: 1rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pt-base\@lg {
    padding-top: 1rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pt-base\@xl {
    padding-top: 1rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pt-base\@xxl {
    padding-top: 1rem;
  }
}

.u-pt-base {
  padding-top: 1rem;
}

@media screen and (min-width: 370px) {
  .u-pr-base\@xs {
    padding-right: 1rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pr-base\@sm {
    padding-right: 1rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pr-base\@md {
    padding-right: 1rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pr-base\@lg {
    padding-right: 1rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pr-base\@xl {
    padding-right: 1rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pr-base\@xxl {
    padding-right: 1rem;
  }
}

.u-pr-base {
  padding-right: 1rem;
}

@media screen and (min-width: 370px) {
  .u-pb-base\@xs {
    padding-bottom: 1rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pb-base\@sm {
    padding-bottom: 1rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pb-base\@md {
    padding-bottom: 1rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pb-base\@lg {
    padding-bottom: 1rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pb-base\@xl {
    padding-bottom: 1rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pb-base\@xxl {
    padding-bottom: 1rem;
  }
}

.u-pb-base {
  padding-bottom: 1rem;
}

@media screen and (min-width: 370px) {
  .u-pl-base\@xs {
    padding-left: 1rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pl-base\@sm {
    padding-left: 1rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pl-base\@md {
    padding-left: 1rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pl-base\@lg {
    padding-left: 1rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pl-base\@xl {
    padding-left: 1rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pl-base\@xxl {
    padding-left: 1rem;
  }
}

.u-pl-base {
  padding-left: 1rem;
}

@media screen and (min-width: 370px) {
  .u-px-base\@xs {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .u-py-base\@xs {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}

@media screen and (min-width: 600px) {
  .u-px-base\@sm {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .u-py-base\@sm {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}

@media screen and (min-width: 740px) {
  .u-px-base\@md {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .u-py-base\@md {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}

@media screen and (min-width: 992px) {
  .u-px-base\@lg {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .u-py-base\@lg {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-px-base\@xl {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .u-py-base\@xl {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-px-base\@xxl {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .u-py-base\@xxl {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}

.u-p-base {
  padding: 1rem;
}

.u-px-base {
  padding-left: 1rem;
  padding-right: 1rem;
}

.u-py-base {
  padding-bottom: 1rem;
  padding-top: 1rem;
}

@media screen and (min-width: 370px) {
  .u-px-base\@xs {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .u-py-base\@xs {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}

@media screen and (min-width: 600px) {
  .u-px-base\@sm {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .u-py-base\@sm {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}

@media screen and (min-width: 740px) {
  .u-px-base\@md {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .u-py-base\@md {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}

@media screen and (min-width: 992px) {
  .u-px-base\@lg {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .u-py-base\@lg {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-px-base\@xl {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .u-py-base\@xl {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-px-base\@xxl {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .u-py-base\@xxl {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}

@media screen and (min-width: 370px) {
  .u-p-medium\@xs {
    padding: 1.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-p-medium\@sm {
    padding: 1.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-p-medium\@md {
    padding: 1.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-p-medium\@lg {
    padding: 1.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-p-medium\@xl {
    padding: 1.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-p-medium\@xxl {
    padding: 1.5rem;
  }
}

@media screen and (min-width: 370px) {
  .u-pt-medium\@xs {
    padding-top: 1.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pt-medium\@sm {
    padding-top: 1.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pt-medium\@md {
    padding-top: 1.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pt-medium\@lg {
    padding-top: 1.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pt-medium\@xl {
    padding-top: 1.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pt-medium\@xxl {
    padding-top: 1.5rem;
  }
}

.u-pt-medium {
  padding-top: 1.5rem;
}

@media screen and (min-width: 370px) {
  .u-pr-medium\@xs {
    padding-right: 1.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pr-medium\@sm {
    padding-right: 1.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pr-medium\@md {
    padding-right: 1.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pr-medium\@lg {
    padding-right: 1.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pr-medium\@xl {
    padding-right: 1.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pr-medium\@xxl {
    padding-right: 1.5rem;
  }
}

.u-pr-medium {
  padding-right: 1.5rem;
}

@media screen and (min-width: 370px) {
  .u-pb-medium\@xs {
    padding-bottom: 1.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pb-medium\@sm {
    padding-bottom: 1.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pb-medium\@md {
    padding-bottom: 1.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pb-medium\@lg {
    padding-bottom: 1.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pb-medium\@xl {
    padding-bottom: 1.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pb-medium\@xxl {
    padding-bottom: 1.5rem;
  }
}

.u-pb-medium {
  padding-bottom: 1.5rem;
}

@media screen and (min-width: 370px) {
  .u-pl-medium\@xs {
    padding-left: 1.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pl-medium\@sm {
    padding-left: 1.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pl-medium\@md {
    padding-left: 1.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pl-medium\@lg {
    padding-left: 1.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pl-medium\@xl {
    padding-left: 1.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pl-medium\@xxl {
    padding-left: 1.5rem;
  }
}

.u-pl-medium {
  padding-left: 1.5rem;
}

@media screen and (min-width: 370px) {
  .u-px-medium\@xs {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .u-py-medium\@xs {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-px-medium\@sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .u-py-medium\@sm {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-px-medium\@md {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .u-py-medium\@md {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-px-medium\@lg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .u-py-medium\@lg {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-px-medium\@xl {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .u-py-medium\@xl {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-px-medium\@xxl {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .u-py-medium\@xxl {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
}

.u-p-medium {
  padding: 1.5rem;
}

.u-px-medium {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.u-py-medium {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}

@media screen and (min-width: 370px) {
  .u-px-medium\@xs {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .u-py-medium\@xs {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-px-medium\@sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .u-py-medium\@sm {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-px-medium\@md {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .u-py-medium\@md {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-px-medium\@lg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .u-py-medium\@lg {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-px-medium\@xl {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .u-py-medium\@xl {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-px-medium\@xxl {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .u-py-medium\@xxl {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
}

@media screen and (min-width: 370px) {
  .u-p-large\@xs {
    padding: 2rem;
  }
}

@media screen and (min-width: 600px) {
  .u-p-large\@sm {
    padding: 2rem;
  }
}

@media screen and (min-width: 740px) {
  .u-p-large\@md {
    padding: 2rem;
  }
}

@media screen and (min-width: 992px) {
  .u-p-large\@lg {
    padding: 2rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-p-large\@xl {
    padding: 2rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-p-large\@xxl {
    padding: 2rem;
  }
}

@media screen and (min-width: 370px) {
  .u-pt-large\@xs {
    padding-top: 2rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pt-large\@sm {
    padding-top: 2rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pt-large\@md {
    padding-top: 2rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pt-large\@lg {
    padding-top: 2rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pt-large\@xl {
    padding-top: 2rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pt-large\@xxl {
    padding-top: 2rem;
  }
}

.u-pt-large {
  padding-top: 2rem;
}

@media screen and (min-width: 370px) {
  .u-pr-large\@xs {
    padding-right: 2rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pr-large\@sm {
    padding-right: 2rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pr-large\@md {
    padding-right: 2rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pr-large\@lg {
    padding-right: 2rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pr-large\@xl {
    padding-right: 2rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pr-large\@xxl {
    padding-right: 2rem;
  }
}

.u-pr-large {
  padding-right: 2rem;
}

@media screen and (min-width: 370px) {
  .u-pb-large\@xs {
    padding-bottom: 2rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pb-large\@sm {
    padding-bottom: 2rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pb-large\@md {
    padding-bottom: 2rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pb-large\@lg {
    padding-bottom: 2rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pb-large\@xl {
    padding-bottom: 2rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pb-large\@xxl {
    padding-bottom: 2rem;
  }
}

.u-pb-large {
  padding-bottom: 2rem;
}

@media screen and (min-width: 370px) {
  .u-pl-large\@xs {
    padding-left: 2rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pl-large\@sm {
    padding-left: 2rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pl-large\@md {
    padding-left: 2rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pl-large\@lg {
    padding-left: 2rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pl-large\@xl {
    padding-left: 2rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pl-large\@xxl {
    padding-left: 2rem;
  }
}

.u-pl-large {
  padding-left: 2rem;
}

@media screen and (min-width: 370px) {
  .u-px-large\@xs {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .u-py-large\@xs {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
}

@media screen and (min-width: 600px) {
  .u-px-large\@sm {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .u-py-large\@sm {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
}

@media screen and (min-width: 740px) {
  .u-px-large\@md {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .u-py-large\@md {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
}

@media screen and (min-width: 992px) {
  .u-px-large\@lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .u-py-large\@lg {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-px-large\@xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .u-py-large\@xl {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-px-large\@xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .u-py-large\@xxl {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
}

.u-p-large {
  padding: 2rem;
}

.u-px-large {
  padding-left: 2rem;
  padding-right: 2rem;
}

.u-py-large {
  padding-bottom: 2rem;
  padding-top: 2rem;
}

@media screen and (min-width: 370px) {
  .u-px-large\@xs {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .u-py-large\@xs {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
}

@media screen and (min-width: 600px) {
  .u-px-large\@sm {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .u-py-large\@sm {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
}

@media screen and (min-width: 740px) {
  .u-px-large\@md {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .u-py-large\@md {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
}

@media screen and (min-width: 992px) {
  .u-px-large\@lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .u-py-large\@lg {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-px-large\@xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .u-py-large\@xl {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-px-large\@xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .u-py-large\@xxl {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
}

@media screen and (min-width: 370px) {
  .u-p-xlarge\@xs {
    padding: 3rem;
  }
}

@media screen and (min-width: 600px) {
  .u-p-xlarge\@sm {
    padding: 3rem;
  }
}

@media screen and (min-width: 740px) {
  .u-p-xlarge\@md {
    padding: 3rem;
  }
}

@media screen and (min-width: 992px) {
  .u-p-xlarge\@lg {
    padding: 3rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-p-xlarge\@xl {
    padding: 3rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-p-xlarge\@xxl {
    padding: 3rem;
  }
}

@media screen and (min-width: 370px) {
  .u-pt-xlarge\@xs {
    padding-top: 3rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pt-xlarge\@sm {
    padding-top: 3rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pt-xlarge\@md {
    padding-top: 3rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pt-xlarge\@lg {
    padding-top: 3rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pt-xlarge\@xl {
    padding-top: 3rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pt-xlarge\@xxl {
    padding-top: 3rem;
  }
}

.u-pt-xlarge {
  padding-top: 3rem;
}

@media screen and (min-width: 370px) {
  .u-pr-xlarge\@xs {
    padding-right: 3rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pr-xlarge\@sm {
    padding-right: 3rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pr-xlarge\@md {
    padding-right: 3rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pr-xlarge\@lg {
    padding-right: 3rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pr-xlarge\@xl {
    padding-right: 3rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pr-xlarge\@xxl {
    padding-right: 3rem;
  }
}

.u-pr-xlarge {
  padding-right: 3rem;
}

@media screen and (min-width: 370px) {
  .u-pb-xlarge\@xs {
    padding-bottom: 3rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pb-xlarge\@sm {
    padding-bottom: 3rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pb-xlarge\@md {
    padding-bottom: 3rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pb-xlarge\@lg {
    padding-bottom: 3rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pb-xlarge\@xl {
    padding-bottom: 3rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pb-xlarge\@xxl {
    padding-bottom: 3rem;
  }
}

.u-pb-xlarge {
  padding-bottom: 3rem;
}

@media screen and (min-width: 370px) {
  .u-pl-xlarge\@xs {
    padding-left: 3rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pl-xlarge\@sm {
    padding-left: 3rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pl-xlarge\@md {
    padding-left: 3rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pl-xlarge\@lg {
    padding-left: 3rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pl-xlarge\@xl {
    padding-left: 3rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pl-xlarge\@xxl {
    padding-left: 3rem;
  }
}

.u-pl-xlarge {
  padding-left: 3rem;
}

@media screen and (min-width: 370px) {
  .u-px-xlarge\@xs {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .u-py-xlarge\@xs {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
}

@media screen and (min-width: 600px) {
  .u-px-xlarge\@sm {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .u-py-xlarge\@sm {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
}

@media screen and (min-width: 740px) {
  .u-px-xlarge\@md {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .u-py-xlarge\@md {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
}

@media screen and (min-width: 992px) {
  .u-px-xlarge\@lg {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .u-py-xlarge\@lg {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-px-xlarge\@xl {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .u-py-xlarge\@xl {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-px-xlarge\@xxl {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .u-py-xlarge\@xxl {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
}

.u-p-xlarge {
  padding: 3rem;
}

.u-px-xlarge {
  padding-left: 3rem;
  padding-right: 3rem;
}

.u-py-xlarge {
  padding-bottom: 3rem;
  padding-top: 3rem;
}

@media screen and (min-width: 370px) {
  .u-px-xlarge\@xs {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .u-py-xlarge\@xs {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
}

@media screen and (min-width: 600px) {
  .u-px-xlarge\@sm {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .u-py-xlarge\@sm {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
}

@media screen and (min-width: 740px) {
  .u-px-xlarge\@md {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .u-py-xlarge\@md {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
}

@media screen and (min-width: 992px) {
  .u-px-xlarge\@lg {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .u-py-xlarge\@lg {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-px-xlarge\@xl {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .u-py-xlarge\@xl {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-px-xlarge\@xxl {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .u-py-xlarge\@xxl {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
}

@media screen and (min-width: 370px) {
  .u-p-xxlarge\@xs {
    padding: 3.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-p-xxlarge\@sm {
    padding: 3.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-p-xxlarge\@md {
    padding: 3.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-p-xxlarge\@lg {
    padding: 3.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-p-xxlarge\@xl {
    padding: 3.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-p-xxlarge\@xxl {
    padding: 3.5rem;
  }
}

@media screen and (min-width: 370px) {
  .u-pt-xxlarge\@xs {
    padding-top: 3.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pt-xxlarge\@sm {
    padding-top: 3.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pt-xxlarge\@md {
    padding-top: 3.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pt-xxlarge\@lg {
    padding-top: 3.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pt-xxlarge\@xl {
    padding-top: 3.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pt-xxlarge\@xxl {
    padding-top: 3.5rem;
  }
}

.u-pt-xxlarge {
  padding-top: 3.5rem;
}

@media screen and (min-width: 370px) {
  .u-pr-xxlarge\@xs {
    padding-right: 3.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pr-xxlarge\@sm {
    padding-right: 3.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pr-xxlarge\@md {
    padding-right: 3.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pr-xxlarge\@lg {
    padding-right: 3.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pr-xxlarge\@xl {
    padding-right: 3.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pr-xxlarge\@xxl {
    padding-right: 3.5rem;
  }
}

.u-pr-xxlarge {
  padding-right: 3.5rem;
}

@media screen and (min-width: 370px) {
  .u-pb-xxlarge\@xs {
    padding-bottom: 3.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pb-xxlarge\@sm {
    padding-bottom: 3.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pb-xxlarge\@md {
    padding-bottom: 3.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pb-xxlarge\@lg {
    padding-bottom: 3.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pb-xxlarge\@xl {
    padding-bottom: 3.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pb-xxlarge\@xxl {
    padding-bottom: 3.5rem;
  }
}

.u-pb-xxlarge {
  padding-bottom: 3.5rem;
}

@media screen and (min-width: 370px) {
  .u-pl-xxlarge\@xs {
    padding-left: 3.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pl-xxlarge\@sm {
    padding-left: 3.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pl-xxlarge\@md {
    padding-left: 3.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pl-xxlarge\@lg {
    padding-left: 3.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pl-xxlarge\@xl {
    padding-left: 3.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pl-xxlarge\@xxl {
    padding-left: 3.5rem;
  }
}

.u-pl-xxlarge {
  padding-left: 3.5rem;
}

@media screen and (min-width: 370px) {
  .u-px-xxlarge\@xs {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .u-py-xxlarge\@xs {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-px-xxlarge\@sm {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .u-py-xxlarge\@sm {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-px-xxlarge\@md {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .u-py-xxlarge\@md {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-px-xxlarge\@lg {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .u-py-xxlarge\@lg {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-px-xxlarge\@xl {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .u-py-xxlarge\@xl {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-px-xxlarge\@xxl {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .u-py-xxlarge\@xxl {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem;
  }
}

.u-p-xxlarge {
  padding: 3.5rem;
}

.u-px-xxlarge {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.u-py-xxlarge {
  padding-bottom: 3.5rem;
  padding-top: 3.5rem;
}

@media screen and (min-width: 370px) {
  .u-px-xxlarge\@xs {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .u-py-xxlarge\@xs {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-px-xxlarge\@sm {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .u-py-xxlarge\@sm {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-px-xxlarge\@md {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .u-py-xxlarge\@md {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-px-xxlarge\@lg {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .u-py-xxlarge\@lg {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-px-xxlarge\@xl {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .u-py-xxlarge\@xl {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-px-xxlarge\@xxl {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .u-py-xxlarge\@xxl {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem;
  }
}

@media screen and (min-width: 370px) {
  .u-p-xxxlarge\@xs {
    padding: 4rem;
  }
}

@media screen and (min-width: 600px) {
  .u-p-xxxlarge\@sm {
    padding: 4rem;
  }
}

@media screen and (min-width: 740px) {
  .u-p-xxxlarge\@md {
    padding: 4rem;
  }
}

@media screen and (min-width: 992px) {
  .u-p-xxxlarge\@lg {
    padding: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-p-xxxlarge\@xl {
    padding: 4rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-p-xxxlarge\@xxl {
    padding: 4rem;
  }
}

@media screen and (min-width: 370px) {
  .u-pt-xxxlarge\@xs {
    padding-top: 4rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pt-xxxlarge\@sm {
    padding-top: 4rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pt-xxxlarge\@md {
    padding-top: 4rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pt-xxxlarge\@lg {
    padding-top: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pt-xxxlarge\@xl {
    padding-top: 4rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pt-xxxlarge\@xxl {
    padding-top: 4rem;
  }
}

.u-pt-xxxlarge {
  padding-top: 4rem;
}

@media screen and (min-width: 370px) {
  .u-pr-xxxlarge\@xs {
    padding-right: 4rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pr-xxxlarge\@sm {
    padding-right: 4rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pr-xxxlarge\@md {
    padding-right: 4rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pr-xxxlarge\@lg {
    padding-right: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pr-xxxlarge\@xl {
    padding-right: 4rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pr-xxxlarge\@xxl {
    padding-right: 4rem;
  }
}

.u-pr-xxxlarge {
  padding-right: 4rem;
}

@media screen and (min-width: 370px) {
  .u-pb-xxxlarge\@xs {
    padding-bottom: 4rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pb-xxxlarge\@sm {
    padding-bottom: 4rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pb-xxxlarge\@md {
    padding-bottom: 4rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pb-xxxlarge\@lg {
    padding-bottom: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pb-xxxlarge\@xl {
    padding-bottom: 4rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pb-xxxlarge\@xxl {
    padding-bottom: 4rem;
  }
}

.u-pb-xxxlarge {
  padding-bottom: 4rem;
}

@media screen and (min-width: 370px) {
  .u-pl-xxxlarge\@xs {
    padding-left: 4rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pl-xxxlarge\@sm {
    padding-left: 4rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pl-xxxlarge\@md {
    padding-left: 4rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pl-xxxlarge\@lg {
    padding-left: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pl-xxxlarge\@xl {
    padding-left: 4rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pl-xxxlarge\@xxl {
    padding-left: 4rem;
  }
}

.u-pl-xxxlarge {
  padding-left: 4rem;
}

@media screen and (min-width: 370px) {
  .u-px-xxxlarge\@xs {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .u-py-xxxlarge\@xs {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}

@media screen and (min-width: 600px) {
  .u-px-xxxlarge\@sm {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .u-py-xxxlarge\@sm {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}

@media screen and (min-width: 740px) {
  .u-px-xxxlarge\@md {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .u-py-xxxlarge\@md {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}

@media screen and (min-width: 992px) {
  .u-px-xxxlarge\@lg {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .u-py-xxxlarge\@lg {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-px-xxxlarge\@xl {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .u-py-xxxlarge\@xl {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-px-xxxlarge\@xxl {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .u-py-xxxlarge\@xxl {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}

.u-p-xxxlarge {
  padding: 4rem;
}

.u-px-xxxlarge {
  padding-left: 4rem;
  padding-right: 4rem;
}

.u-py-xxxlarge {
  padding-bottom: 4rem;
  padding-top: 4rem;
}

@media screen and (min-width: 370px) {
  .u-px-xxxlarge\@xs {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .u-py-xxxlarge\@xs {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}

@media screen and (min-width: 600px) {
  .u-px-xxxlarge\@sm {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .u-py-xxxlarge\@sm {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}

@media screen and (min-width: 740px) {
  .u-px-xxxlarge\@md {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .u-py-xxxlarge\@md {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}

@media screen and (min-width: 992px) {
  .u-px-xxxlarge\@lg {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .u-py-xxxlarge\@lg {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-px-xxxlarge\@xl {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .u-py-xxxlarge\@xl {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-px-xxxlarge\@xxl {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .u-py-xxxlarge\@xxl {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}

@media screen and (min-width: 370px) {
  .u-p-none\@xs {
    padding: 0rem;
  }
}

@media screen and (min-width: 600px) {
  .u-p-none\@sm {
    padding: 0rem;
  }
}

@media screen and (min-width: 740px) {
  .u-p-none\@md {
    padding: 0rem;
  }
}

@media screen and (min-width: 992px) {
  .u-p-none\@lg {
    padding: 0rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-p-none\@xl {
    padding: 0rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-p-none\@xxl {
    padding: 0rem;
  }
}

@media screen and (min-width: 370px) {
  .u-pt-none\@xs {
    padding-top: 0rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pt-none\@sm {
    padding-top: 0rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pt-none\@md {
    padding-top: 0rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pt-none\@lg {
    padding-top: 0rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pt-none\@xl {
    padding-top: 0rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pt-none\@xxl {
    padding-top: 0rem;
  }
}

.u-pt-none {
  padding-top: 0rem;
}

@media screen and (min-width: 370px) {
  .u-pr-none\@xs {
    padding-right: 0rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pr-none\@sm {
    padding-right: 0rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pr-none\@md {
    padding-right: 0rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pr-none\@lg {
    padding-right: 0rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pr-none\@xl {
    padding-right: 0rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pr-none\@xxl {
    padding-right: 0rem;
  }
}

.u-pr-none {
  padding-right: 0rem;
}

@media screen and (min-width: 370px) {
  .u-pb-none\@xs {
    padding-bottom: 0rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pb-none\@sm {
    padding-bottom: 0rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pb-none\@md {
    padding-bottom: 0rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pb-none\@lg {
    padding-bottom: 0rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pb-none\@xl {
    padding-bottom: 0rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pb-none\@xxl {
    padding-bottom: 0rem;
  }
}

.u-pb-none {
  padding-bottom: 0rem;
}

@media screen and (min-width: 370px) {
  .u-pl-none\@xs {
    padding-left: 0rem;
  }
}

@media screen and (min-width: 600px) {
  .u-pl-none\@sm {
    padding-left: 0rem;
  }
}

@media screen and (min-width: 740px) {
  .u-pl-none\@md {
    padding-left: 0rem;
  }
}

@media screen and (min-width: 992px) {
  .u-pl-none\@lg {
    padding-left: 0rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-pl-none\@xl {
    padding-left: 0rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-pl-none\@xxl {
    padding-left: 0rem;
  }
}

.u-pl-none {
  padding-left: 0rem;
}

@media screen and (min-width: 370px) {
  .u-px-none\@xs {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .u-py-none\@xs {
    padding-bottom: 0rem;
    padding-top: 0rem;
  }
}

@media screen and (min-width: 600px) {
  .u-px-none\@sm {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .u-py-none\@sm {
    padding-bottom: 0rem;
    padding-top: 0rem;
  }
}

@media screen and (min-width: 740px) {
  .u-px-none\@md {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .u-py-none\@md {
    padding-bottom: 0rem;
    padding-top: 0rem;
  }
}

@media screen and (min-width: 992px) {
  .u-px-none\@lg {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .u-py-none\@lg {
    padding-bottom: 0rem;
    padding-top: 0rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-px-none\@xl {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .u-py-none\@xl {
    padding-bottom: 0rem;
    padding-top: 0rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-px-none\@xxl {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .u-py-none\@xxl {
    padding-bottom: 0rem;
    padding-top: 0rem;
  }
}

.u-p-none {
  padding: 0rem;
}

.u-px-none {
  padding-left: 0rem;
  padding-right: 0rem;
}

.u-py-none {
  padding-bottom: 0rem;
  padding-top: 0rem;
}

@media screen and (min-width: 370px) {
  .u-px-none\@xs {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .u-py-none\@xs {
    padding-bottom: 0rem;
    padding-top: 0rem;
  }
}

@media screen and (min-width: 600px) {
  .u-px-none\@sm {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .u-py-none\@sm {
    padding-bottom: 0rem;
    padding-top: 0rem;
  }
}

@media screen and (min-width: 740px) {
  .u-px-none\@md {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .u-py-none\@md {
    padding-bottom: 0rem;
    padding-top: 0rem;
  }
}

@media screen and (min-width: 992px) {
  .u-px-none\@lg {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .u-py-none\@lg {
    padding-bottom: 0rem;
    padding-top: 0rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-px-none\@xl {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .u-py-none\@xl {
    padding-bottom: 0rem;
    padding-top: 0rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-px-none\@xxl {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .u-py-none\@xxl {
    padding-bottom: 0rem;
    padding-top: 0rem;
  }
}

.u-mr-auto {
  margin-right: auto;
}

.u-ml-auto {
  margin-left: auto;
}

.u-m-auto {
  margin: auto;
}

.is-rotate {
  transform: rotate(180deg);
}

.is-visible {
  display: block;
}

.is-hidden {
  display: none;
}

.is-locked {
  height: 100%;
  overflow: hidden !important;
}

.is-blinking {
  animation-direction: alternate;
  animation-duration: .5s;
  animation-iteration-count: infinite;
  animation-name: blink;
}

.is-visible-from-tablet {
  visibility: hidden;
}

@media screen and (min-width: 740px) {
  .is-visible-from-tablet {
    visibility: visible;
  }
}

.u-shadow {
  box-shadow: var(--global-shadow);
}

.u-shadow-bottom {
  box-shadow: var(--global-shadow-bottom);
}

.u-svg-shadow {
  filter: drop-shadow(3px 5px 2px rgba(13, 13, 13, 0.4));
}

.u-heading-01 {
  font-family: var(--font-serif-display);
  font-weight: 500;
  line-height: calc(1em + 4px);
  font-size: 2rem;
}

@media screen and (min-width: 740px) {
  .u-heading-01 {
    font-size: 2.25rem;
  }
}

.u-heading-02 {
  font-family: var(--font-serif-display);
  font-weight: 500;
  line-height: calc(1em + 4px);
  font-size: 1.75rem;
}

@media screen and (min-width: 740px) {
  .u-heading-02 {
    font-size: 2rem;
  }
}

.u-heading-03 {
  font-family: var(--font-serif-display);
  font-weight: 500;
  line-height: calc(1em + 4px);
  font-size: 1.625rem;
}

@media screen and (min-width: 740px) {
  .u-heading-03 {
    font-size: 1.75rem;
  }
}

.u-heading-04 {
  font-family: var(--font-serif-display);
  font-weight: 500;
  line-height: calc(1em + 4px);
  font-size: 1.5rem;
}

.u-heading-05 {
  font-family: var(--font-serif-display);
  font-weight: 500;
  line-height: calc(1em + 4px);
  font-size: 1.25rem;
}

.u-heading-06 {
  font-family: var(--font-serif-display);
  font-weight: 500;
  line-height: calc(1em + 4px);
  font-size: 1rem;
}

.u-heading-07 {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 0.875rem;
}

.u-heading-08 {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 1.25rem;
}

.u-heading-09 {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 2rem;
}

@media screen and (min-width: 740px) {
  .u-heading-09 {
    font-size: 2.25rem;
  }
}

.u-nav-01 {
  font-family: var(--font-serif-display);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 1.5rem;
}

.u-nav-02 {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 1.125rem;
}

.u-nav-03 {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
  line-height: calc(1em + 4px);
  font-size: 1rem;
}

.u-nav-04 {
  font-family: var(--font-serif-display);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 1rem;
}

.u-nav-05 {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  text-transform: uppercase;
  line-height: calc(1em + 4px);
  font-size: 0.875rem;
}

.u-nav-06 {
  font-family: var(--font-serif-display);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 1.25rem;
}

.u-title-01 {
  font-family: var(--font-serif-display);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 2rem;
}

@media screen and (min-width: 740px) {
  .u-title-01 {
    font-size: 2.25rem;
  }
}

.u-title-02 {
  font-family: var(--font-serif-display);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 1.75rem;
}

@media screen and (min-width: 740px) {
  .u-title-02 {
    font-size: 2rem;
  }
}

.u-title-03 {
  font-family: var(--font-serif-display);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 1.625rem;
}

@media screen and (min-width: 740px) {
  .u-title-03 {
    font-size: 1.75rem;
  }
}

.u-title-04 {
  font-family: var(--font-serif-display);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 1.625rem;
}

@media screen and (min-width: 740px) {
  .u-title-04 {
    font-size: 1.75rem;
  }
}

.u-title-05 {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 1.5rem;
}

.u-title-06 {
  font-family: var(--font-sans-grotesk);
  font-weight: 900;
  line-height: calc(1em + 4px);
  font-size: 1.25rem;
}

.u-title-07 {
  font-family: var(--font-serif-display);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 1.125rem;
}

.u-title-08 {
  font-family: var(--font-serif-text);
  font-weight: 400;
  line-height: calc(1em + 4px);
  font-size: 1.125rem;
}

.u-label-01 {
  font-family: var(--font-sans-grotesk);
  font-weight: 900;
  line-height: calc(1em + 4px);
  font-size: 1.125rem;
}

.u-label-02 {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  text-transform: uppercase;
  line-height: calc(1em + 4px);
  font-size: 0.75rem;
  color: #f2463d !important;
}

.u-label-03 {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 0.875rem;
  /* color: #000; */
}

.u-label-04 {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 1rem;
}

.u-label-05 {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 0.875rem;
}

.u-label-06 {
  font-family: var(--font-serif-display);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 0.875rem;
}

.u-label-07 {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
  line-height: calc(1em + 4px);
  font-size: 0.875rem;
}

.u-label-08 {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
  line-height: calc(1em + 4px);
  font-size: 0.75rem;
}

.u-label-09 {
  font-family: var(--font-serif-display);
  font-weight: 500;
  line-height: calc(1em + 4px);
  font-size: 1rem;
}

.u-label-10 {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
  line-height: calc(1em + 4px);
  font-size: 0.625rem;
}

.u-label-11 {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
  line-height: calc(1em + 4px);
  font-size: 1rem;
}

.u-body-01 {
  font-family: var(--font-serif-text);
  font-weight: 400;
  line-height: calc(1em + 4px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.u-body-02 {
  font-family: var(--font-serif-text);
  font-weight: 400;
  line-height: calc(1em + 4px);
  font-size: 1.125rem;
  line-height: 1.5;
}

.u-body-03 {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
  line-height: calc(1em + 4px);
  font-size: 1rem;
  line-height: 1.5;
}

.u-body-04 {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
  line-height: calc(1em + 4px);
  font-size: 0.875rem;
}

.u-body-05 {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
  line-height: calc(1em + 4px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.u-caption-01 {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
  line-height: calc(1em + 4px);
  font-size: 0.875rem;
}

.u-caption-02 {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
  line-height: calc(1em + 4px);
  font-size: 0.75rem;
}

.u-whitespace {
  white-space: nowrap;
}

@media screen and (min-width: 370px) {
  .u-font-xs\@xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

@media screen and (min-width: 600px) {
  .u-font-xs\@sm {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

@media screen and (min-width: 740px) {
  .u-font-xs\@md {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

@media screen and (min-width: 992px) {
  .u-font-xs\@lg {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-font-xs\@xl {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-font-xs\@xxl {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

.u-font-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

@media screen and (min-width: 370px) {
  .u-font-sm\@xs {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media screen and (min-width: 600px) {
  .u-font-sm\@sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media screen and (min-width: 740px) {
  .u-font-sm\@md {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media screen and (min-width: 992px) {
  .u-font-sm\@lg {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-font-sm\@xl {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-font-sm\@xxl {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.u-font-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media screen and (min-width: 370px) {
  .u-font-base\@xs {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-font-base\@sm {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-font-base\@md {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-font-base\@lg {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-font-base\@xl {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-font-base\@xxl {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.u-font-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

@media screen and (min-width: 370px) {
  .u-font-lg\@xs {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media screen and (min-width: 600px) {
  .u-font-lg\@sm {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media screen and (min-width: 740px) {
  .u-font-lg\@md {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media screen and (min-width: 992px) {
  .u-font-lg\@lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-font-lg\@xl {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-font-lg\@xxl {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.u-font-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

@media screen and (min-width: 370px) {
  .u-font-xl\@xs {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media screen and (min-width: 600px) {
  .u-font-xl\@sm {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media screen and (min-width: 740px) {
  .u-font-xl\@md {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media screen and (min-width: 992px) {
  .u-font-xl\@lg {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-font-xl\@xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-font-xl\@xxl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.u-font-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media screen and (min-width: 370px) {
  .u-font-2xl\@xs {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

@media screen and (min-width: 600px) {
  .u-font-2xl\@sm {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

@media screen and (min-width: 740px) {
  .u-font-2xl\@md {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

@media screen and (min-width: 992px) {
  .u-font-2xl\@lg {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-font-2xl\@xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-font-2xl\@xxl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.u-font-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

@media screen and (min-width: 370px) {
  .u-font-3xl\@xs {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media screen and (min-width: 600px) {
  .u-font-3xl\@sm {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media screen and (min-width: 740px) {
  .u-font-3xl\@md {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media screen and (min-width: 992px) {
  .u-font-3xl\@lg {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-font-3xl\@xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-font-3xl\@xxl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.u-font-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

@media screen and (min-width: 370px) {
  .u-font-4xl\@xs {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media screen and (min-width: 600px) {
  .u-font-4xl\@sm {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media screen and (min-width: 740px) {
  .u-font-4xl\@md {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media screen and (min-width: 992px) {
  .u-font-4xl\@lg {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .u-font-4xl\@xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .u-font-4xl\@xxl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.u-font-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

@media screen and (min-width: 370px) {
  .u-font-5xl\@xs {
    font-size: 3rem;
    line-height: 1;
  }
}

@media screen and (min-width: 600px) {
  .u-font-5xl\@sm {
    font-size: 3rem;
    line-height: 1;
  }
}

@media screen and (min-width: 740px) {
  .u-font-5xl\@md {
    font-size: 3rem;
    line-height: 1;
  }
}

@media screen and (min-width: 992px) {
  .u-font-5xl\@lg {
    font-size: 3rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1280px) {
  .u-font-5xl\@xl {
    font-size: 3rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1440px) {
  .u-font-5xl\@xxl {
    font-size: 3rem;
    line-height: 1;
  }
}

.u-font-5xl {
  font-size: 3rem;
  line-height: 1;
}

@media screen and (min-width: 370px) {
  .u-font-6xl\@xs {
    font-size: 3.75rem;
    line-height: 1;
  }
}

@media screen and (min-width: 600px) {
  .u-font-6xl\@sm {
    font-size: 3.75rem;
    line-height: 1;
  }
}

@media screen and (min-width: 740px) {
  .u-font-6xl\@md {
    font-size: 3.75rem;
    line-height: 1;
  }
}

@media screen and (min-width: 992px) {
  .u-font-6xl\@lg {
    font-size: 3.75rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1280px) {
  .u-font-6xl\@xl {
    font-size: 3.75rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1440px) {
  .u-font-6xl\@xxl {
    font-size: 3.75rem;
    line-height: 1;
  }
}

.u-font-6xl {
  font-size: 3.75rem;
  line-height: 1;
}

@media screen and (min-width: 370px) {
  .u-font-7xl\@xs {
    font-size: 4.5rem;
    line-height: 1;
  }
}

@media screen and (min-width: 600px) {
  .u-font-7xl\@sm {
    font-size: 4.5rem;
    line-height: 1;
  }
}

@media screen and (min-width: 740px) {
  .u-font-7xl\@md {
    font-size: 4.5rem;
    line-height: 1;
  }
}

@media screen and (min-width: 992px) {
  .u-font-7xl\@lg {
    font-size: 4.5rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1280px) {
  .u-font-7xl\@xl {
    font-size: 4.5rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1440px) {
  .u-font-7xl\@xxl {
    font-size: 4.5rem;
    line-height: 1;
  }
}

.u-font-7xl {
  font-size: 4.5rem;
  line-height: 1;
}

@media screen and (min-width: 370px) {
  .u-font-8xl\@xs {
    font-size: 6rem;
    line-height: 1;
  }
}

@media screen and (min-width: 600px) {
  .u-font-8xl\@sm {
    font-size: 6rem;
    line-height: 1;
  }
}

@media screen and (min-width: 740px) {
  .u-font-8xl\@md {
    font-size: 6rem;
    line-height: 1;
  }
}

@media screen and (min-width: 992px) {
  .u-font-8xl\@lg {
    font-size: 6rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1280px) {
  .u-font-8xl\@xl {
    font-size: 6rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1440px) {
  .u-font-8xl\@xxl {
    font-size: 6rem;
    line-height: 1;
  }
}

.u-font-8xl {
  font-size: 6rem;
  line-height: 1;
}

@media screen and (min-width: 370px) {
  .u-font-9xl\@xs {
    font-size: 8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 600px) {
  .u-font-9xl\@sm {
    font-size: 8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 740px) {
  .u-font-9xl\@md {
    font-size: 8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 992px) {
  .u-font-9xl\@lg {
    font-size: 8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1280px) {
  .u-font-9xl\@xl {
    font-size: 8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1440px) {
  .u-font-9xl\@xxl {
    font-size: 8rem;
    line-height: 1;
  }
}

.u-font-9xl {
  font-size: 8rem;
  line-height: 1;
}

.u-font-normal {
  font-weight: 400;
}

.u-font-medium {
  font-weight: 500;
}

.u-font-bold {
  font-weight: 700;
}

.u-font-black {
  font-weight: 900;
}

.u-font-serif-display-stack {
  font-family: "Serif Display", Georgia, Times, "Times New Roman", serif;
}

.u-font-serif-text-stack {
  font-family: "Serif Text", Georgia, Times, "Times New Roman", serif;
}

.u-font-sans-grotesk-stack {
  font-family: "Sans Grotesk", system-ui, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.u-heading-05-06 {
  font-size: 20px;
  font-weight: 500;
  line-height: calc(1em + 4px);
  font-family: var(--font-serif-display);
}

@media screen and (min-width: 740px) {
  .u-heading-05-06 {
    font-size: 16px;
  }
}

.u-heading-10 {
  font-size: 24px;
  font-weight: 700;
  line-height: 2.5rem;
  font-family: var(--font-sans-grotesk);
}

@media screen and (min-width: 740px) {
  .u-heading-10 {
    font-size: 2.3rem;
    line-height: 3.75rem;
  }
}

.u-capitalize {
  text-transform: capitalize;
}

.u-uppercase {
  text-transform: uppercase;
}

.u-notransform {
  text-transform: none;
}

.u-break-word {
  word-break: break-word;
}

.u-visible {
  visibility: visible;
}

.u-hidden {
  visibility: hidden;
}

.u-z-sky {
  z-index: 9999999999;
}

.u-z-clouds {
  z-index: 99999;
}

.u-z-higher {
  z-index: 9999;
}

.u-z-high {
  z-index: 999;
}

.u-z-upside {
  z-index: 99;
}

.u-z-overcover {
  z-index: 11;
}

.u-z-cover {
  z-index: 9;
}

.u-z-undercover {
  z-index: 5;
}

.u-z-base {
  z-index: 1;
}

.u-z-underneath {
  z-index: -1;
}

.u-bg-size-cover {
  background-size: cover;
}

.u-bg-size-contain {
  background-size: contain;
}

.u-bg-size-norepeat {
  background-repeat: no-repeat;
}

.u-bg-center {
  background-position: center center;
}

/*
    The CSS float property specifies how an element should float.
  */
.u-float-left {
  float: left;
}

.u-float-right {
  float: right;
}

.u-float-none {
  float: none;
}

.u-float-inherit {
  float: inherit;
}

/*
    The clear CSS property sets whether an element must be moved below (cleared) floating elements that precede it. The clear property applies to floating and non-floating elements.
  */
.u-clear-none {
  clear: none;
}

.u-clear-left {
  clear: left;
}

.u-clear-right {
  clear: right;
}

.u-clear-both {
  clear: both;
}

.u-ratio-9-16 {
  aspect-ratio: 9/16;
}

.u-ratio-16-9 {
  aspect-ratio: 16/9;
}

.u-ratio-4-3 {
  aspect-ratio: 4/3;
}

.u-ratio-1 {
  aspect-ratio: 1/1;
}

/*]]>*/

/*<![CDATA[*/

body[data-theme="today"][data-channel*=cibo] .c-subheader,
body[data-channel*=cibo] .c-subheader {
  --subheader-border: var(--background-color);
  --subheader-text: #fff;
  --subheader-title: #fff;
  --subheader-text-hover: var(--body-color);
  background-color: #e31d57 !important
}

body[data-theme="today"][data-channel*=cibo] .o-page,
body[data-channel*=cibo] .o-page {
  --theme-color: #e31d57
}

body[data-theme="today"][data-channel*=cibo] .o-page .c-story,
body[data-channel*=cibo] .o-page .c-story {
  --story-kicker-text: #e31d57;
  --story-kicker-bg: #e31d57
}

body[data-model='approfondimento'][data-channel*='cibo'] .c-story__kicker>a[href='/dossier/'] {
  display: none
}

@media only screen and (max-width:739px) {

  body[data-edition='cibotoday'] .c-header.c-header--slim,
  body[data-edition='cibotoday'] .c-header--slim.c-header--inverse {
    --header-background: #fff
  }
}

body[data-edition='cibotoday'] .c-subheader__head .u-title-01 {
  color: #fff
}

@media only screen and (max-width:739px) {

  body[data-channel*=cibo][data-color-scheme*="dark"] .c-header .c-brand__network,
  body[data-edition*='cibo'][data-color-scheme*="dark"] .c-header .c-brand__network {
    --brand-network: #0d0d0d
  }

  body[data-channel*=cibo] .c-navbar__controller,
  body[data-edition*='cibo'] .c-navbar__controller {
    color: #0d0d0d
  }
}

body[data-channel*=cibo][data-homepage],
body[data-edition*='cibo'][data-homepage] {
  --newsletter-bg: url('')
}

body[data-channel*=cibo] .c-title,
body[data-edition*='cibo'] .c-title {
  --title-background: var(--background-color-gray-darker)
}

body[data-channel*=cibo][data-model*="approfondimento"]:not([data-color-scheme*="light"]),
body[data-channel*=cibo][data-color-scheme*="light"][data-model*="approfondimento"],
body[data-edition*='cibo'][data-model*="approfondimento"]:not([data-color-scheme*="light"]),
body[data-edition*='cibo'][data-color-scheme*="light"][data-model*="approfondimento"] {
  --component-bg: var(--background-color)
}

body[data-channel*=cibo][data-model*="approfondimento"]:not([data-color-scheme*="light"]) details,
body[data-channel*=cibo][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] .c-entry,
body[data-channel*=cibo][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] [data-premium-content]>div,
body[data-channel*=cibo][data-color-scheme*="light"][data-model*="approfondimento"] details,
body[data-channel*=cibo][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] .c-entry blockquote:not([class]),
body[data-channel*=cibo][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] [data-premium-content]>div blockquote:not([class]),
body[data-edition*='cibo'][data-model*="approfondimento"]:not([data-color-scheme*="light"]) details,
body[data-edition*='cibo'][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] .c-entry blockquote:not([class]),
body[data-edition*='cibo'][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] [data-premium-content]>div blockquote:not([class]),
body[data-edition*='cibo'][data-color-scheme*="light"][data-model*="approfondimento"] details,
body[data-edition*='cibo'][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] .c-entry blockquote:not([class]),
body[data-edition*='cibo'][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] [data-premium-content]>div blockquote:not([class]) {
  background-color: var(--background-color-gray)
}

body[data-channel*=cibo][data-model*="approfondimento"]:not([data-color-scheme*="light"]) .l-entry__title,
body[data-channel*=cibo][data-model*="approfondimento"]:not([data-color-scheme*="light"]) .o-page,
body[data-channel*=cibo][data-color-scheme*="light"][data-model*="approfondimento"] .l-entry__title,
body[data-channel*=cibo][data-color-scheme*="light"][data-model*="approfondimento"] .o-page,
body[data-edition*='cibo'][data-model*="approfondimento"]:not([data-color-scheme*="light"]) .l-entry__title,
body[data-edition*='cibo'][data-model*="approfondimento"]:not([data-color-scheme*="light"]) .o-page,
body[data-edition*='cibo'][data-color-scheme*="light"][data-model*="approfondimento"] .l-entry__title,
body[data-edition*='cibo'][data-color-scheme*="light"][data-model*="approfondimento"] .o-page {
  background-color: var(--background-color)
}

body[data-channel*=cibo][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] .c-entry figure img,
body[data-channel*=cibo][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] [data-premium-content] figure img,
body[data-channel*=cibo][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] .c-entry figure img,
body[data-channel*=cibo][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] [data-premium-content] figure img,
body[data-edition*='cibo'][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] .c-entry figure img,
body[data-edition*='cibo'][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] [data-premium-content] figure img,
body[data-edition*='cibo'][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] .c-entry figure img,
body[data-edition*='cibo'][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] [data-premium-content] figure img {
  padding: 0;
  margin: 0
}

body[data-channel*=cibo][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] .c-entry blockquote:not([class])::before,
body[data-channel*=cibo][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] .c-entry>div blockquote:not([class])::before,
body[data-channel*=cibo][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] [data-premium-content] blockquote:not([class])::before,
body[data-channel*=cibo][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] [data-premium-content]>div blockquote:not([class])::before,
body[data-channel*=cibo][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] .c-entry blockquote:not([class])::before,
body[data-channel*=cibo][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] .c-entry>div blockquote:not([class])::before,
body[data-channel*=cibo][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] [data-premium-content] blockquote:not([class])::before,
body[data-channel*=cibo][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] [data-premium-content]>div blockquote:not([class])::before,
body[data-edition*='cibo'][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] .c-entry blockquote:not([class])::before,
body[data-edition*='cibo'][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] .c-entry>div blockquote:not([class])::before,
body[data-edition*='cibo'][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] [data-premium-content] blockquote:not([class])::before,
body[data-edition*='cibo'][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] [data-premium-content]>div blockquote:not([class])::before,
body[data-edition*='cibo'][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] .c-entry blockquote:not([class])::before,
body[data-edition*='cibo'][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] .c-entry>div blockquote:not([class])::before,
body[data-edition*='cibo'][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] [data-premium-content] blockquote:not([class])::before,
body[data-edition*='cibo'][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] [data-premium-content]>div blockquote:not([class])::before {
  color: var(--theme-color)
}

body[data-channel*=cibo][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] .c-entry .o-bg-dark,
body[data-channel*=cibo][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] .c-entry>div .o-bg-dark,
body[data-channel*=cibo][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] [data-premium-content] .o-bg-dark,
body[data-channel*=cibo][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] [data-premium-content]>div .o-bg-dark,
body[data-channel*=cibo][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] .c-entry .o-bg-dark,
body[data-channel*=cibo][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] .c-entry>div .o-bg-dark,
body[data-channel*=cibo][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] [data-premium-content] .o-bg-dark,
body[data-channel*=cibo][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] [data-premium-content]>div .o-bg-dark,
body[data-edition*='cibo'][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] .c-entry .o-bg-dark,
body[data-edition*='cibo'][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] .c-entry>div .o-bg-dark,
body[data-edition*='cibo'][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] [data-premium-content] .o-bg-dark,
body[data-edition*='cibo'][data-model*="approfondimento"]:not([data-color-scheme*="light"]) [data-entry] [data-premium-content]>div .o-bg-dark,
body[data-edition*='cibo'][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] .c-entry .o-bg-dark,
body[data-edition*='cibo'][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] .c-entry>div .o-bg-dark,
body[data-edition*='cibo'][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] [data-premium-content] .o-bg-dark,
body[data-edition*='cibo'][data-color-scheme*="light"][data-model*="approfondimento"] [data-entry] [data-premium-content]>div .o-bg-dark {
  background-color: var(--background-color-dark)
}

body[data-channel*=cibo] .c-story,
body[data-edition*='cibo'] .c-story {
  --story-number-color: var(--theme-color)
}

body[data-channel*=cibo] .c-subheader,
body[data-edition*='cibo'] .c-subheader {
  --subheader-border: var(--background-color);
  --subheader-text: #fff;
  --subheader-title: #fff;
  --subheader-text-hover: var(--body-color);
  background-color: var(--theme-color)
}

@media only screen and (max-width:739px) {

  body[data-edition*='cibo'][data-homepage] .c-menu__brand,
  body[data-edition*='cibo'][data-homepage] .c-header {
    background-color: #fff
  }

  body[data-edition*='cibo'][data-homepage] .c-menu .c-brand__network {
    --brand-network: $ui-02
  }

  body[data-edition*='cibo'][data-homepage] .c-navbar__controller {
    color: #0d0d0d
  }

  body[data-edition*='cibo'][data-homepage] .c-navbar__toggle-shadow {
    background-color: rgba(255, 255, 255, .6)
  }
}

@media screen and (min-width:740px) {
  body[data-edition*='cibo'][data-homepage] .l-grid--four>.c-story .c-story__kicker {
    position: absolute;
    top: -2rem !important;
    padding: .25rem .5rem;
    border-top: 4px solid var(--background-color);
    border-right: 4px solid var(--background-color);
    background: var(--theme-color);
    color: #fff
  }
}

body[data-edition*='cibo'][data-homepage] .l-grid--four>.c-story:not(:first-child) .c-story__kicker {
  position: absolute;
  top: -1.5rem;
  left: 0;
  padding: .25rem .5rem;
  border-top: 4px solid var(--background-color);
  border-right: 4px solid var(--background-color);
  background: var(--theme-color);
  color: #fff
}

body[data-edition*='cibo'][data-homepage] .l-grid--four>.c-story .c-story__heading {
  margin-top: 1rem
}

body[data-theme] [data-ad-skin]~.o-wrapper {
  margin-top: 70px !important
}

@media screen and (max-width:739px) {
  body[data-theme] [data-ad-skin]~.o-wrapper {
    margin-top: 70px !important
  }

  body[data-theme] [data-ad-skin]~.c-menu.is-open {
    --menu-position: absolute;
    height: calc(100vh - 131px)
  }
}

@media screen and (min-width:740px) {
  body[data-theme] [data-ad-skin]~.o-wrapper {
    margin-top: 9.8vw !important;
    max-width: none !important
  }

  [data-ad-skin]~.c-menu.is-open {
    --menu-position: calc(186px + 7.3vw)
  }
}

@media screen and (min-width:992px) {
  .c-header__focus {
    display: block !important
  }

  .c-menu.is-open {
    left: 0;
    margin: 0 auto
  }
}

@media screen and (min-width:1025px) {
  body[data-theme] [data-ad-skin]~.o-wrapper {
    margin-top: 7.3vw !important
  }
}

@media screen and (min-width:1200px) {
  body[data-theme] [data-ad-skin]>img:first-child {
    width: 100vw !important;
    max-width: 1718px !important;
    display: block !important
  }

  body[data-theme] [data-ad-skin]~.o-wrapper,
  body[data-theme] [data-ad-skin]~.o-wrapper .o-container {
    max-width: 1400px !important
  }

  body[data-theme] [data-ad-skin]~.o-wrapper {
    width: calc(100vw - var(--outer-space)) !important;
    transition: none;
    margin-top: 7.3vw !important
  }

  body[data-theme] [data-ad-skin]~.c-menu.is-open {
    width: calc(100vw - var(--outer-space)) !important;
    max-width: 1400px !important
  }
}

@media screen and (min-width:1640px) {
  body[data-theme] [data-ad-skin]~.o-wrapper {
    margin-top: 126px !important
  }

  body[data-theme] [data-ad-skin]~.c-menu.is-open {
    --menu-position: calc(186px + 126px)
  }
}

@media screen and (min-width:1332px) {
  .l-entry.l-entry--gallery {
    grid-template-columns: 208px 1fr
  }

  .l-entry.l-entry--infos-list {
    grid-template-columns: 150px 1fr 325px
  }
}

.o-wrapper [data-ad-skin]~.o-page .c-readingbar.is-sticky,
.o-wrapper [data-slot-format="skin"]~.o-page .c-readingbar.is-sticky {
  display: none
}

@media(min-width:1024px) {
  [data-ad-skin]>img:first-child {
    width: 100% !important
  }
}

.slot {
  margin: .75rem auto;
  text-align: center
}

[data-section-key="article-footer-natives"] .slot,
.native-section-home~.slot {
  margin: 0
}

[data-premium--no-ad] .slot {
  display: none
}

[data-model="approfondimento"] [data-section-key="article-footer-natives"] .l-grid.u-overflow-hidden.l-grid--small article[data-revive-internal-filled] iframe,
[data-model="sport"] [data-section-key="article-footer-natives"] .l-grid.u-overflow-hidden.l-grid--small article[data-revive-internal-filled] iframe,
[data-model="articolo"] [data-section-key="article-footer-natives"] .l-grid.u-overflow-hidden.l-grid--small article[data-revive-internal-filled] iframe {
  min-height: 350px
}

[data-model="evento"] [data-section-key="article-footer-natives"] .l-grid.u-overflow-hidden.l-grid--small article[data-revive-internal-filled] iframe {
  min-height: 450px
}

[data-section-key="article-footer-natives"] .l-grid--small,
[data-section-key="article-footer-outbrain"] .l-grid--small {
  gap: var(--grid-gutter)
}

[data-section-key="article-footer-natives"] .l-grid--small .l-grid__item,
[data-section-key="article-footer-outbrain"] .l-grid--small .l-grid__item {
  margin-bottom: 1.5rem
}

@media screen and (min-width:600px) {

  [data-section-key="article-footer-natives"] .l-grid--small .l-grid__item,
  [data-section-key="article-footer-outbrain"] .l-grid--small .l-grid__item {
    margin-bottom: 0
  }
}

.list-related .u-mr-xxsmall::after {
  position: absolute;
  right: 0;
  content: ","
}

@media screen and (min-width:1280px) {
  .list-related .u-mr-xxsmall::after {
    content: ""
  }
}

.list-related .u-mr-xxsmall:last-child::after {
  content: ""
}

@media screen and (max-width:740px) {

  .slot-box-1a,
  .slot-box-1b,
  .slot-box-2,
  .slot-story-5 {
    display: flex;
    justify-content: center;
    justify-items: center;
    align-content: center
  }

  .slot-story-5>div {
    width: 100%
  }
}

.slot .a-full-width {
  position: relative;
  right: 50%;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw
}

@media screen and (min-width:992px) {
  .slot .a-full-width {
    right: 0;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%
  }
}

body:not([data-channel*="podcast"]) .slot-interstitial,
body:not([data-channel*="podcast"]) .slot-skin {
  margin: 0
}

.slot-masthead {
  margin-top: 1rem;
  padding: 0 1rem
}

.slot-masthead,
.slot-rectangle-1,
.slot-rectangle-2,
.slot-rectangle-3 {
  width: auto;
  margin-bottom: 1rem
}

.slot-masthead {
  max-width: 100%
}

.c-story-slot[id^="adv_page-"] iframe[src*="/prisma/"]~div[id^="beacon_"],
.c-story-slot[id^="adv_page-"] adfm-ad~div[id^="beacon_"] {
  position: absolute;
  top: auto !important;
  bottom: 0 !important;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100px;
  visibility: visible !important;
  z-index: 9999
}

.c-story-slot iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 100%
}

.OUTBRAIN .ob-widget.ob-grid-layout .ob-rec-text,
.OUTBRAIN .ob-widget.ob-grid-layout .ob-rec-text,
.OUTBRAIN .ob-widget.ob-grid-layout .ob-rec-text,
.OUTBRAIN .ob-widget.ob-grid-layout .ob-rec-text {
  color: var(--link-color-dark)
}

.story-sponsor__title {
  display: block;
  color: var(--link-color-dark);
  font-family: var(--font-serif-display);
  font-weight: 500;
  font-size: 1.25rem;
  line-height: calc(1em + 4px)
}

.story-sponsor__title:hover {
  color: gray
}

.story-sponsor__label {
  display: block;
  margin-bottom: .5rem;
  padding-top: .75rem;
  color: var(--theme-color);
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  font-size: .75rem;
  line-height: calc(1em + 4px);
  text-transform: uppercase
}

[data-theme="today"] .story-sponsor__label {
  color: var(--story-kicker-text)
}

.c-entry .story-sponsor__label {
  padding-top: 0
}

.story-sponsor__link {
  text-decoration: none
}

@media screen and (min-width:740px) {
  .c-entry .story-sponsor__link {
    display: flex
  }
}

.c-entry .story-sponsor {
  padding: 1rem 0
}

@media screen and (min-width:740px) {
  .c-entry .story-sponsor__image-container {
    flex: 0 0 auto;
    width: 25%
  }
}

.c-entry .story-sponsor__image {
  padding: 0 .75rem .75rem 0
}

[data-premium--no-ad] .native-section-article {
  display: none
}

.story-media {
  position: relative;
  width: 100%;
  height: auto;
  margin: none;
  margin-bottom: 1.5rem;
  padding-top: 56.25%;
  background-color: var(--divider-color)
}

.story-media.media-md {
  padding-top: 56.25%
}

@media screen and (min-width:992px) {
  .story-media.media-md {
    padding-top: 133.33333333333334%
  }
}

.story-media picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto
}

.story-media picture img {
  width: 100%
}

.story-heading {
  margin: 0;
  font-family: var(--font-serif-display);
  font-weight: 500;
  font-size: 1.75rem;
  line-height: calc(1em + 4px)
}

@media screen and (min-width:740px) {
  .story-heading {
    font-size: 2rem
  }
}

.story-heading .link {
  display: block
}

.story-heading .link:hover {
  color: gray
}

.story .link,
.story .block-link {
  color: var(--link-color-dark);
  text-decoration: none
}

.story .highlight-kicker {
  margin-bottom: .5rem;
  color: #aa3125;
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  font-size: .75rem;
  line-height: calc(1em + 4px);
  text-transform: uppercase
}

.story .summary {
  font-family: var(--font-sans-grotesk);
  font-size: .875rem;
  font-weight: 400;
  line-height: calc(1em + 4px)
}

.c-story--native {
  position: relative;
  height: 100%
}

.native-m-content {
  position: absolute;
  bottom: 0;
  padding: 1rem;
  background-color: var(--background-color)
}

.o-skeleton-media--horizontal.native-m-image {
  padding-top: 66.25%
}

.o-skeleton-media--horizontal.native-m-image a {
  height: 100%
}

.o-skeleton-media--horizontal.native-m-image a img {
  height: 100%;
  object-fit: cover
}

.a-native__label {
  --native-kicker-text: var(--theme-color)
}

@media(prefers-color-scheme:dark) {
  body:not([data-color-scheme*="light"][data-theme="today"]) .a-native__label {
    --native-kicker-text: var(--theme-color-light)
  }
}

@media(prefers-color-scheme:dark) {
  body:not([data-color-scheme*="light"]) .a-native__label {
    --native-kicker-text: #db665a
  }
}

@media(prefers-color-scheme:dark) {
  [data-theme="today"][data-channel^="/lifestyle/"]:not([data-color-scheme*="light"]) .a-native__label {
    --native-kicker-text: #b786ca
  }
}

@media(prefers-color-scheme:dark) {
  [data-theme="today"][data-channel^="/cultura/"]:not([data-color-scheme*="light"]) .a-native__label {
    --native-kicker-text: #47ab98
  }
}

@media(prefers-color-scheme:dark) {
  [data-theme="today"][data-channel^="/opinioni/"]:not([data-color-scheme*="light"]) .a-native__label {
    --native-kicker-text: #e6c146
  }
}

[data-theme="today"] .a-native__label {
  --native-kicker-text: #aa3125
}

[data-color-scheme*="dark"] .a-native__label {
  --native-kicker-text: var(--theme-color)
}

[data-theme="today"][data-color-scheme*="dark"] .a-native__label {
  --native-kicker-text: #db665a
}

[data-theme="today"][data-channel^="/lifestyle/"] .a-native__label {
  --native-kicker-text: #8947a3
}

[data-color-scheme*="dark"][data-theme="today"][data-channel^="/lifestyle/"] .a-native__label {
  --native-kicker-text: #b786ca
}

[data-theme="today"][data-channel^="/cultura/"] .a-native__label {
  --native-kicker-text: #317568
}

[data-color-scheme*="dark"][data-theme="today"][data-channel^="/cultura/"] .a-native__label {
  --native-kicker-text: #47ab98
}

[data-theme="today"][data-channel^="/opinioni/"] .a-native__label {
  --native-kicker-text: #ae8c18
}

[data-color-scheme*="dark"][data-theme="today"][data-channel^="/opinioni/"] .a-native__label {
  --native-kicker-text: #e6c146
}

.a-native__abstract {
  display: none
}

.native-section-article .a-native__abstract {
  display: none
}

.a-native {
  position: relative;
  text-align: left
}

[data--amp-ad] .a-native {
  position: relative;
  height: 100%;
  margin: 0
}

.a-native__media {
  position: relative;
  padding-top: 56.25%
}

.a-native__media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}

[data--amp-ad] .a-native__media img {
  margin: 0
}

body:not([data-model*="approfondimento"]) .a-native__text {
  background-color: var(--background-color)
}

[data--amp-ad] .a-native__text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: .5rem
}

.c-card .a-native__text {
  flex-grow: 1
}

.a-native__label {
  display: inline-block;
  margin: .5rem 0;
  color: var(--native-kicker-text);
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  font-size: .75rem;
  line-height: calc(1em + 4px);
  text-transform: uppercase
}

.a-native__title {
  display: block;
  margin-bottom: .5rem;
  color: var(--link-color-dark);
  text-decoration: none;
  font-family: var(--font-serif-display);
  font-weight: 500;
  font-size: 1.25rem;
  line-height: calc(1em + 4px)
}

.a-native__title:hover {
  color: gray
}

[data--amp-ad] .a-native__title {
  font-size: 1rem;
  line-height: calc(1rem + 2px)
}

.a-native__details {
  display: none
}

.a-native__cta {
  align-self: flex-start;
  margin-bottom: .5rem;
  padding: .5rem;
  border-radius: 40px;
  background-color: #148be6;
  box-shadow: 0 0 0 1px var(--btn-color);
  color: #fff;
  font-family: var(--font-sans-grotesk);
  font-size: .875rem;
  font-weight: 700;
  line-height: calc(1em + 4px);
  cursor: pointer
}

[data--amp-ad] .a-native__cta {
  margin-bottom: 0;
  font-size: .8rem
}

.a-native__info {
  align-self: flex-end;
  color: var(--body-secondary-color);
  font-family: var(--font-sans-grotesk);
  font-size: .75rem;
  font-weight: 400;
  line-height: calc(1em + 4px)
}

[data--amp-ad] .a-native__info {
  font-size: .6rem
}

.a-native__abstract {
  padding: 0
}

.a-native .o-faux-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%
}

.native-section-home>div:nth-of-type(1),
.a-native-m {
  position: relative;
  height: 100%
}

.native-section-home>div:nth-of-type(1) .a-native,
.a-native-m .a-native {
  height: 100%
}

.native-section-home>div:nth-of-type(1) figure,
.a-native-m figure {
  margin: 0
}

.native-section-home>div:nth-of-type(1) .a-native__media,
.a-native-m .a-native__media {
  width: 100%;
  height: 100%
}

.native-section-home>div:nth-of-type(1) .a-native__media img,
.a-native-m .a-native__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

.native-section-home>div:nth-of-type(1) .a-native__text,
.a-native-m .a-native__text {
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: auto;
  background: linear-gradient(180deg, rgba(13, 13, 13, 0) 0, rgba(13, 13, 13, .2) 15%, rgba(13, 13, 13, .8) 80%)
}

.native-section-home>div:nth-of-type(1) .a-native__label,
.a-native-m .a-native__label {
  padding: .25rem;
  background-color: var(--theme-color);
  color: #fff;
  margin-left: 1rem
}

.native-section-home>div:nth-of-type(1) .a-native__title,
.a-native-m .a-native__title {
  margin-top: 0;
  color: #fff;
  font-family: var(--font-serif-display);
  font-weight: 500;
  font-size: 1.75rem;
  line-height: calc(1em + 4px);
  padding: 0 1rem .5rem
}

@media screen and (min-width:740px) {

  .native-section-home>div:nth-of-type(1) .a-native__title,
  .a-native-m .a-native__title {
    font-size: 2rem
  }
}

.native-section-home>div:nth-of-type(1) .a-native__details,
.a-native-m .a-native__details {
  padding: 0 1rem 1rem
}

.native-section-home>div:nth-of-type(1) .a-native__abstract,
.a-native-m .a-native__abstract {
  color: #fff;
  padding: 0 1rem 1rem
}

[data--amp-ad] .a-native,
.slot-box-1a .a-native,
.slot-box-1b .a-native,
.slot-story-5 .a-native,
.slot-box-2 .a-native {
  display: flex;
  flex-direction: column;
  margin: .75rem auto;
  padding: .5rem;
  border: 1px solid var(--divider-color);
  background-color: var(--background-color)
}

@media screen and (min-width:740px) {

  [data--amp-ad] .a-native,
  .slot-box-1a .a-native,
  .slot-box-1b .a-native,
  .slot-story-5 .a-native,
  .slot-box-2 .a-native {
    flex-direction: row
  }
}

[data--amp-ad] .a-native__label,
.slot-box-1a .a-native__label,
.slot-box-1b .a-native__label,
.slot-story-5 .a-native__label,
.slot-box-2 .a-native__label {
  display: none
}

[data--amp-ad] .a-native__media,
.slot-box-1a .a-native__media,
.slot-box-1b .a-native__media,
.slot-story-5 .a-native__media,
.slot-box-2 .a-native__media {
  padding-top: 0
}

@media screen and (min-width:740px) {

  [data--amp-ad] .a-native__media,
  .slot-box-1a .a-native__media,
  .slot-box-1b .a-native__media,
  .slot-story-5 .a-native__media,
  .slot-box-2 .a-native__media {
    flex: 0 0 auto;
    width: 25%;
    height: 100%
  }
}

[data--amp-ad] .a-native__media img,
.slot-box-1a .a-native__media img,
.slot-box-1b .a-native__media img,
.slot-story-5 .a-native__media img,
.slot-box-2 .a-native__media img {
  position: static
}

[data--amp-ad] .a-native__text,
.slot-box-1a .a-native__text,
.slot-box-1b .a-native__text,
.slot-story-5 .a-native__text,
.slot-box-2 .a-native__text {
  width: 100%;
  padding-top: 1rem;
  text-align: left
}

@media screen and (min-width:740px) {

  [data--amp-ad] .a-native__text,
  .slot-box-1a .a-native__text,
  .slot-box-1b .a-native__text,
  .slot-story-5 .a-native__text,
  .slot-box-2 .a-native__text {
    padding-top: 0;
    padding-left: 1rem
  }
}

[data--amp-ad] .a-native__details,
.slot-box-1a .a-native__details,
.slot-box-1b .a-native__details,
.slot-story-5 .a-native__details,
.slot-box-2 .a-native__details {
  display: flex;
  flex-direction: column;
  margin-top: .5rem
}

.native-section-home>div:nth-of-type(1),
.native-section-home iframe {
  min-height: 500px
}

[data--amp-ad] .a-native__text {
  padding: .5rem .5rem .25rem .5rem
}

[data--amp-ad] .a-native {
  margin: 0;
  padding: 0
}

/*]]>*/
</style><style type="text/css" media="all">
/*<![CDATA[*/
@charset "UTF-8";

.l-entry {
  grid-template-areas: "header" "body" "footer" "related";
  grid-template-columns: 100%;
  column-gap: var(--grid-gutter);
  row-gap: var(--grid-gutter)
}

@media screen and (min-width:992px) {
  .l-entry {
    grid-template-areas: "header sidebar" "body sidebar" "footer sidebar" "related sidebar";
    grid-template-columns: 1fr 325px;
    grid-template-rows: auto;
    column-gap: .75rem
  }
}

@media screen and (min-width:1550px) {
  .l-entry {
    grid-template-areas: "related body sidebar" "related footer sidebar";
    grid-template-columns: 208px 1fr 325px
  }

  .l-entry__topics,
  .l-entry__related {
    padding-right: .75rem
  }
}

@media screen and (min-width:1280px) {
  .l-entry--short {
    grid-template-areas: "related body sidebar" "related footer sidebar"
  }
}

@media screen and (max-width:992px) {
  .l-entry--live {
    grid-template-areas: "body" "related"
  }
}

@media screen and (min-width:1280px) {
  .l-entry--live {
    grid-template-columns: 180px 1fr 325px
  }
}

.l-entry--tv {
  grid-template-areas: "header" "body" "footer"
}

@media screen and (min-width:992px) {
  .l-entry--tv {
    grid-template-areas: "header sidebar" "body sidebar" "footer sidebar";
    grid-template-columns: 1fr 325px;
    grid-template-rows: auto;
    column-gap: .75rem
  }
}

.l-entry--infos-square {
  grid-template-areas: "header" "byline" "body" "footer"
}

@media screen and (min-width:992px) {
  .l-entry--infos-square {
    grid-template-areas: "header header sidebar" "byline body sidebar" "footer footer sidebar";
    grid-template-columns: 208px 1fr 325px
  }
}

.l-entry--location {
  gap: 1.5rem;
  grid-template-areas: "header" "map" "details" "body" "related" "byline"
}

@media screen and (min-width:992px) {
  .l-entry--location {
    grid-template-areas: "header header map" "body body map" "body body details" "body body related" "byline byline related";
    grid-template-columns: repeat(3, 1fr)
  }
}

.l-entry--location .l-entry__map>div {
  min-height: 30vh;
  height: 100%
}

.l-entry--location .l-entry__related {
  padding-right: 0
}

.l-entry--location__address-info {
  background-color: var(--background-color-light);
  height: 100%
}

.l-entry--location .c-entry>img {
  --img-width: 100%;
  --img-height: auto;
  height: var(--img-height);
  width: var(--img-width)
}

.l-entry--location .c-entry>img:first-of-type:only-child {
  --img-height: 100%
}

@media screen and (min-width:992px) {
  .l-entry--location .c-entry>img {
    --img-width: calc(50% - 0.75rem);
    --img-height: 300px;
    object-fit: cover;
    object-position: center bottom
  }

  .l-entry--location .c-entry>img:first-of-type:last-of-type {
    --img-width: 100%;
    --img-height: 100%
  }
}

.l-entry--infos-list {
  grid-template-areas: "header" "byline" "body" "footer"
}

@media screen and (min-width:992px) {
  .l-entry--infos-list {
    grid-template-areas: "header header sidebar" "header header sidebar" "byline body sidebar" "footer footer sidebar";
    grid-template-columns: 208px 1fr 325px
  }
}

.l-entry--inner-infos {
  grid-template-areas: "title" "imgcover" "list"
}

@media screen and (min-width:740px) {
  .l-entry--inner-infos {
    grid-template-areas: "title imgcover" "list imgcover";
    grid-template-columns: repeat(2, 1fr)
  }
}

.l-entry--approfondimento {
  grid-template-areas: "media" "body" "footer" "related";
  grid-template-columns: 1fr
}

.l-entry--sponsor {
  grid-template-areas: "header" "byline" "body" "footer";
  grid-template-rows: auto;
  column-gap: .75rem;
  row-gap: var(--grid-gutter)
}

@media screen and (min-width:992px) {
  .l-entry--sponsor {
    grid-template-areas: "header header header" "byline byline byline" "body body sidebar" "footer footer sidebar";
    grid-template-columns: 208px 1fr 325px
  }
}

.l-entry--cover {
  grid-template-areas: "media" "body" "footer" "related"
}

@media screen and (min-width:992px) {
  .l-entry--cover {
    grid-template-areas: "media sidebar" "body sidebar" "footer sidebar" "topics sidebar" "related sidebar"
  }
}

@media screen and (min-width:1550px) {
  .l-entry--cover {
    grid-template-areas: "media media sidebar" "related body sidebar" "related footer sidebar"
  }
}

.l-entry--social {
  grid-template-areas: "media" "body";
  column-gap: var(--grid-gutter)
}

@media screen and (min-width:992px) {
  .l-entry--social {
    grid-template-areas: "media media media media media body body body body body body body ";
    grid-template-columns: repeat(12, 1fr)
  }
}

.l-entry--podcast {
  grid-template-areas: "podcast" "body" "footer" "related"
}

@media screen and (min-width:992px) {
  .l-entry--podcast {
    grid-template-areas: "podcast podcast" "body sidebar" "footer sidebar" "topics sidebar" "related sidebar"
  }
}

@media screen and (min-width:1550px) {
  .l-entry--podcast {
    grid-template-areas: "podcast podcast podcast" "related body sidebar" "related footer sidebar"
  }
}

.l-entry--gallery {
  grid-template-areas: "header" "byline" "body" "footer" "related";
  grid-template-columns: 100%
}

@media screen and (min-width:1280px) {
  .l-entry--gallery {
    grid-template-areas: "related body" "related footer ";
    grid-template-columns: 208px 1fr
  }
}

.l-entry--show {
  grid-template-areas: "title" "imgcover" "infos" "list" "cloud" "body" "footer"
}

@media screen and (min-width:992px) {
  .l-entry--show {
    grid-template-areas: "title title title title sidebar" "imgcover infos infos infos sidebar" "list list list list sidebar" "cloud cloud cloud cloud sidebar" "body body body body sidebar" "footer footer footer footer sidebar";
    grid-template-columns: 1fr 1fr 1fr 1fr 325px
  }

  [data-fonte*="tv"] .l-entry--show {
    grid-template-areas: "title title title title sidebar" "imgcover imgcover infos infos sidebar" "list list list list sidebar" "cloud cloud cloud cloud sidebar" "body body body body sidebar" "footer footer footer footer sidebar"
  }
}

.l-entry__byline {
  grid-area: byline;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-top: 1px solid var(--divider-color);
  border-bottom: 1px solid var(--divider-color);
  margin-bottom: 0 !important;
}

.l-entry__byline--small {
  grid-area: byline
}

@media screen and (min-width:1280px) {
  .l-entry__byline {
    flex-direction: column;
    align-items: flex-start;
    justify-content: start;
    padding-top: 0;
    border-top: 0
  }

  .l-entry--sponsor .l-entry__byline {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-top: 1.5rem;
    border-top: 1px solid var(--divider-color)
  }

  .l-entry__header~.l-entry__byline {
    display: none
  }

  .l-entry--sponsor .l-entry__header~.l-entry__byline {
    display: flex
  }
}

.l-entry__related .l-entry__byline {
  display: none
}

@media screen and (min-width:1280px) {
  .l-entry__related .l-entry__byline {
    display: flex
  }
}

.l-entry__body {
  grid-area: body
}

.l-entry__information {
  grid-area: information
}

.l-entry__map {
  grid-area: map
}

.l-entry__details {
  grid-area: details
}

.l-entry__footer {
  grid-area: footer
}

.l-entry__infos {
  grid-area: infos
}

.l-entry__topics {
  grid-area: topics
}

.l-entry__header {
  grid-area: header
}

.l-entry__related {
  grid-area: related
}

.l-entry__media {
  grid-area: media
}

.l-entry--social .l-entry__media video {
  height: 100%;
  object-fit: cover
}

.l-entry__sidebar {
  display: none
}

@media screen and (min-width:992px) {
  .l-entry__sidebar {
    display: block;
    grid-area: sidebar;
    padding-left: .75rem;
    border-left: 1px solid var(--divider-color)
  }
}

.l-entry__title {
  grid-area: title
}

.l-entry__imgcover {
  grid-area: imgcover
}

.l-entry__list {
  grid-area: list
}

.l-entry__cloud {
  grid-area: cloud
}

.l-entry__podcast {
  grid-area: podcast
}

.l-entry__synopsis {
  grid-area: synopsis
}

.l-entry__rating {
  grid-area: rating
}

.c-recipes {
  --recipes-bg-color: #f6f0f9;
  --recipes-fill-icon: #8947a3
}

@media(prefers-color-scheme:dark) {
  .c-recipes {
    --recipes-bg-color: rgba(92, 48, 110, .25);
    --recipes-fill-icon: #b786ca
  }
}

.c-entry {
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  font-family: var(--font-serif-text);
  font-weight: 400;
  line-height: calc(1em + 4px);
  font-size: 1.125rem;
  line-height: 1.5
}

[data-model*="sponsor"] .c-entry {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
  line-height: calc(1em + 4px);
  font-size: 1.25rem;
  line-height: 1.5
}

.c-entry .c-attachments {
  margin: 0 0 2rem 0
}

.c-entry .c-carousel {
  margin: 0 0 2rem 0
}

.c-entry details {
  margin: 0 0 2rem 0
}

.c-entry>ul,
.c-entry>ol {
  margin: 0 0 2rem 0;
  list-style: none;
  list-style-type: none;
}

.c-entry>ul li::before,
.c-entry>ol li::before {
  display: inline-block;
  width: 1rem;
  margin-left: -1rem;
  color: currentColor;
  font-weight: 700
}

.c-entry>ul li::before {
  content: none
}

.c-entry>ol {
  counter-reset: li
}

.c-entry>ol li {
  counter-increment: li
}

.c-entry>ol li::before {
  content: counter(li);
  font-family: var(--font-sans-grotesk)
}

.c-entry>p,
.c-entry>p span {
  margin: 0 0 1rem 0;
  overflow-wrap: break-word
}

.c-entry>h2 {
  margin-bottom: .75rem;
  padding-top: 1rem;
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 1.5rem
}

.c-entry>p a,
.c-entry>p span a,
.c-entry>p span a span,
.c-entry>ul a,
.c-entry>ol a,
.c-entry>blockquote a {
  color: var(--link-color);
  text-decoration-color: #d9d9d9;
  text-decoration-skip: ink;
  text-underline-offset: 2px
}

.c-entry>p a:hover,
.c-entry>p span a:hover,
.c-entry>p span a span:hover,
.c-entry>ul a:hover,
.c-entry>ol a:hover,
.c-entry>blockquote a:hover {
  text-decoration-color: var(--link-color)
}

.c-entry>p a:hover,
.c-entry>p span a:hover,
.c-entry>p span a span:hover,
.c-entry>ul a:hover,
.c-entry>ol a:hover {
  text-decoration-color: var(--link-color)
}

.c-entry>h2 a {
  color: var(--link-color-dark);
  text-decoration-color: #d9d9d9
}

.c-entry>h2 a:hover {
  text-decoration-color: var(--link-color-dark)
}

.c-entry>p:first-of-type::first-letter {
  margin-top: .25rem;
  margin-right: .5rem;
  float: left;
  font-size: 3.75rem;
  font-weight: 400;
  line-height: 3rem;
  color: 0D0D0D;
}

.c-entry>h3 {
  position: relative;
  margin: 0 0 2rem 0;
  padding: 1rem;
  border-bottom: 1px solid var(--divider-color);
  box-shadow: 0 -1px 0 0 var(--divider-color);
  color: #0d0d0d;
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: .875rem
}

.c-entry>h3::before,
.c-entry>h3::after {
  position: absolute
}

.c-entry>h3::before {
  display: block;
  top: -.75rem;
  left: -.75rem;
  content: "Leggi anche";
  margin-bottom: .25rem;
  padding: .25rem .75rem;
  background-color: var(--background-color);
  color: gray;
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: .75rem;
  text-transform: uppercase
}

.c-entry>h3::after {
  top: 1.4rem;
  left: 0;
  content: '';
  width: 6px;
  height: 6px;
  background-color: var(--divider-color)
}

.c-entry>h3+h3 {
  margin-top: -2rem
}

.c-entry>h3+h3::before {
  display: none
}

.c-entry>h6 {
  position: relative;
  margin: .125rem auto;
  padding: 1rem 1.5rem;
  background-color: var(--background-color-light);
  text-align: center
}

.c-entry>h6::after {
  position: absolute;
  top: 1rem;
  right: .5rem;
  content: 'ᐳ';
  width: 1rem;
  height: 1rem;
  color: var(--theme-color)
}

.c-entry>h6 a {
  color: var(--link-color-dark);
  text-decoration: none;
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: .875rem
}

.c-entry>h6 a:hover {
  color: var(--theme-color)
}

.c-entry>h6.previous {
  padding: 1rem 2rem
}

.c-entry>h6.previous::after {
  display: none
}

.c-entry>h6.previous::before {
  position: absolute;
  top: 1rem;
  left: .5rem;
  content: 'ᐸ';
  width: 1rem;
  height: 1rem;
  color: var(--theme-color)
}

@media screen and (min-width:740px) {
  .c-entry>h6 {
    margin: .125rem 10%
  }
}

.c-entry .o-bg-dark h3 a {
  color: #fff
}

.c-entry h3 a {
  color: var(--link-color-dark);
  text-decoration: none
}

.c-entry h3 a:hover {
  color: gray
}

.o-bg-dark .c-entry h3 a,
.o-bg-primary-dark .c-entry h3 a {
  color: #fff
}

.c-entry blockquote:not([class]) {
  position: relative;
  margin: 0 0 2rem 0;
  padding: 1.5rem;
  color: var(--body-secondary-color);
  font-family: var(--font-serif-text);
  font-size: 20px;
  font-style: italic;
  line-height: 1.5;
  text-align: center
}

.c-entry blockquote:not([class])::after,
.c-entry blockquote:not([class])::before {
  position: absolute;
  right: 50%;
  left: 50%;
  content: '';
  width: 100%;
  height: 3px;
  background-color: var(--divider-color);
  transform: translateX(-50%)
}

.c-entry blockquote:not([class])::before {
  top: 0
}

.c-entry blockquote:not([class])::after {
  bottom: 0
}

.c-entry blockquote:not([class]) p {
  margin: 0
}

.c-entry blockquote:not([class]) p:not(:only-child):last-of-type {
  position: relative;
  margin-top: 2.5rem;
  font-size: 1rem;
  font-style: italic
}

.c-entry blockquote:not([class]) p:not(:only-child):last-of-type::before {
  position: absolute;
  top: -1rem;
  left: calc(50% - 1rem);
  content: '';
  width: 2rem;
  height: 2px;
  background-color: var(--divider-color)
}

@media screen and (min-width:740px) {
  .c-entry blockquote:not([class]) {
    font-size: 24px
  }
}

.c-entry>ul,
.c-entry>ol {
  padding-left: .75rem
}

.c-entry>ul li,
.c-entry>ol li {
  margin: 0 0 .75rem 0
}

.c-entry>ul li::marker,
.c-entry>ol li::marker {
  color: #0d0d0d;
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: .875rem
}

.c-entry .c-recipes .o-icon {
  stroke-width: 0;
  fill: var(--recipes-fill-icon)
}

.c-entry .c-recipes__preview {
  flex-wrap: wrap
}

.c-entry .c-recipes__item {
  width: 50%
}

.c-entry .c-recipes__item:nth-child(1),
.c-entry .c-recipes__item:nth-child(2) {
  margin-bottom: 2rem
}

@media screen and (min-width:600px) {

  .c-entry .c-recipes__item:nth-child(1),
  .c-entry .c-recipes__item:nth-child(2) {
    margin-bottom: 0
  }
}

@media screen and (min-width:600px) {
  .c-entry .c-recipes__item {
    width: 2 1.5rem
  }
}

.c-entry .c-recipes .c-title--featured {
  background-color: #5c306e
}

.c-entry .c-recipes__ingredients {
  background-color: var(--recipes-bg-color)
}

.c-entry .c-recipes__ingredients li {
  margin-bottom: 1rem
}

.c-entry .c-recipes__ingredients li::marker {
  color: #5c306e
}

.c-entry .c-recipes__ingredients li:first-letter {
  text-transform: capitalize
}

blockquote:not([class]) .c-entry iframe,
.c-entry iframe.instagram-media.instagram-media-rendered,
.c-entry iframe[src^="https://www.facebook.com/"],
.c-entry iframe[src^="https://anchor.fm/"],
.c-entry iframe[src^="https://www.google.com/maps/"],
.c-entry iframe[src^="https://open.spotify.com/embed"],
.c-entry iframe[src^="https://www.youtube.com/embed"],
.c-entry iframe[src^="https://www.storymaps.com/stories"],
.c-entry iframe[src^="https://player.vimeo.com/video"],
.c-entry iframe[src^="https://platform.twitter.com/embed"] {
  display: block;
  width: 100%;
  padding: 0;
  background-color: transparent;
  margin: 1rem auto
}

.c-entry iframe[src^="https://www.facebook.com/"] {
  background-color: #fff
}

.c-entry iframe[src^="https://www.facebook.com/plugins/video.php"] {
  width: auto
}

@media screen and (min-width:992px) {
  .c-related {
    grid-template-columns: repeat(auto-fit, minmax(120px, 30%))
  }
}

@media screen and (min-width:1280px) {
  .c-related {
    grid-auto-flow: row;
    grid-template-columns: repeat(1, 1fr)
  }

  .c-related .c-story+.c-story {
    padding-top: .75rem;
    border-top: 1px solid var(--divider-color)
  }
}

.c-readingbar {
  top: -100%
}

.c-readingbar.is-sticky {
  top: 0;
  box-shadow: var(--global-shadow)
}

.c-readingbar__progress {
  height: 6px;
  background-color: var(--theme-color);
  transition: width .35s ease-out 0s;
}

body[data-model*="sponsor"] .c-readingbar {
  display: none
}

.c-attachments {
  --attachment-bg: #0d0d0d;
  border-top: 3px solid var(--theme-color)
}

.c-attachments--gallery {
  background-color: var(--background-color-contrast)
}

.c-attachments__item:not(:last-child) {
  padding-bottom: .75rem;
  border-bottom: 1px solid var(--divider-color);
  margin-bottom: .75rem
}

.c-lightbox {
  --lightbox-item-size: 33.333333%;
  margin: 0 -8px
}

.c-lightbox__item {
  max-width: var(--lightbox-item-size)
}

@media screen and (min-width:600px) {
  .c-lightbox__item {
    --lightbox-item-size: 25%
  }
}

.c-lightbox__expanded {
  height: 100%
}

.c-lightbox__full-img {
  max-height: 90vh;
  opacity: 0;
  transition: opacity .5s linear
}

.c-lightbox__icon-close {
  top: -12px;
  right: -12px;
  border: 2px solid #fff;
  border-radius: 50%;
  opacity: 1;
  background: #0d0d0d;
  z-index: 999
}

.c-lightbox__overlay {
  width: 0;
  height: 0;
  background-color: rgba(13, 13, 13, .8);
  z-index: 99999
}

.c-lightbox__overlay:target {
  width: 100%;
  height: 100%
}

.c-lightbox__overlay:target img,
.c-lightbox__overlay:target .btn-close {
  opacity: 1
}

.c-pager {
  height: 26px
}

.c-pager__counter {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

[data-infinity-scroll]::before {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 1.5rem 0;
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  line-height: calc(1em + 4px);
  font-size: 1rem
}

[data-infinity-scroll][data-infinity-scroll--loading]::before {
  position: relative;
  left: -20%;
  content: "";
  display: block;
  width: 100vw;
  height: 100vh;
  background-image: radial-gradient(circle 0 at 0 0, lightgray 99%, transparent 0), linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 80%), linear-gradient(var(--background-color-muted-alpha) 20px, transparent 0), linear-gradient(var(--background-color-muted-alpha) 20px, transparent 0), linear-gradient(var(--background-color-muted-alpha) 20px, transparent 0), linear-gradient(var(--background-color-muted-alpha) 20px, transparent 0);
  background-repeat: repeat-y;
  background-position: 0 0, 30% 0, 120px 0, 120px 40px, 120px 80px, 120px 120px;
  background-size: 0 200px, 0 200px, 0 200px, 0 200px, 0 200px, 0 200px;
  animation: shine 3s infinite ease-out
}

[data-infinity-scroll][data-infinity-scroll--error]::before {
  content: "Attenzione, articolo non caricato... ";
  background-color: #fbf5d0;
  color: #5f5207;
  transform-origin: top;
  animation: close-window .3s linear forwards;
  animation-delay: 4s;
  padding: 1.5rem
}

@keyframes shine {
  96% {
    background-size: 100px 200px, 50px 200px, 150px 200px, 350px 200px, 300px 200px, 250px 200px;
    opacity: 1
  }

  100% {
    background-size: 100px 200px, 50px 200px, 150px 200px, 350px 200px, 300px 200px, 250px 200px;
    opacity: 0
  }
}

@keyframes close-window {
  to {
    height: 0;
    transform: scale(0)
  }
}

/*]]>*/

/*<![CDATA[*/
:root,
[data-color-scheme*="light"],
[data-color-scheme*="dark"] {
  --form-input-bg: var(--form-control-bg);
  --form-input-border: gray;
  --form-input-color: var(--body-color);
  --form-input-padding: .75rem;
  --form-helper-color: gray;
  --form-icon-color: var(--icon-color);
  accent-color: var(--theme-color)
}

:focus-visible {
  outline-color: var(--theme-color)
}

::marker {
  color: var(--theme-color)
}

:is(::-webkit-calendar-picker-indicator, ::-webkit-clear-button, ::-webkit-inner-spin-button, ::-webkit-outer-spin-button) {
  color: var(--theme-color)
}

.c-form--error {
  --form-helper-color: #b32424;
  --form-input-border: #b32424
}

.c-form--success {
  --form-helper-color: #00990a;
  --form-input-border: #00990a
}

.c-form-action {
  top: 50%;
  transform: translateY(-50%);
  right: var(--form-input-padding)
}

.c-form-helper {
  display: block;
  padding-top: .5rem;
  color: var(--form-helper-color);
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
  font-size: .75rem;
  line-height: calc(1em + 4px)
}

.c-form-icon {
  stroke: var(--form-icon-color)
}

.c-form-icon--left {
  left: .75rem
}

.c-form-icon--right {
  right: 1.5rem
}

.c-form-label {
  left: .75rem;
  display: block;
  padding-bottom: .5rem;
  color: var(--body-color);
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  font-size: 1rem;
  line-height: calc(1em + 4px)
}

select.c-form-size--small,
input[type].c-form-size--small {
  --form-input-padding: .5rem .75rem;
  min-height: 38px;
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
  font-size: .875rem;
  line-height: calc(1em + 4px)
}

select.c-form-size--wide,
input[type].c-form-size--wide {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  font-size: 1.5rem;
  line-height: calc(1em + 4px)
}

select {
  padding-right: 3rem;
  background-image: var(--form-select-icon);
  background-repeat: no-repeat;
  background-position: center right .75rem;
  background-size: 16px;
  color: var(--body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

select option {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  font-size: .875rem;
  line-height: calc(1em + 4px)
}

select:focus {
  --form-input-bg: inherit;
  box-shadow: 0
}

.c-form-switch {
  width: auto;
  display: inline-block;
  white-space: nowrap
}

.c-form-switch .c-form-label {
  display: inline-block;
  position: absolute;
  padding-bottom: 0;
  left: calc(40px + 0.5rem);
  cursor: pointer
}

.c-form-switch input {
  width: 0;
  height: 0;
  opacity: 0
}

.c-form-switch input:checked+.c-form-switcher {
  background-color: #148be6
}

.c-form-switch input:checked+.c-form-switcher::before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px)
}

.c-form-switcher {
  width: 40px;
  height: 20px;
  border-radius: 23px;
  background-color: gray;
  -webkit-transition: .4s;
  transition: .4s
}

.c-form-switcher::before {
  position: absolute;
  bottom: 2px;
  left: 2px;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s
}

input[type="range"] {
  --c: var(--body-secondary-color);
  --g: 8px;
  --l: 5px;
  --s: 20px;
  width: 100%;
  height: var(--s);
  --_c: color-mix(in srgb, var(--c), #000 var(--p, 0%));
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  cursor: pointer;
  overflow: hidden;
  border: 0
}

input[type="range"]:disabled {
  cursor: not-allowed
}

input[type="range"]::-webkit-slider-thumb {
  height: var(--s);
  aspect-ratio: 1;
  border-radius: 50%;
  box-shadow: 0 0 0 var(--_b, var(--l)) inset var(--_c);
  border-image: linear-gradient(90deg, var(--_c) 50%, #ababab 0) 1/0 100vw/0 calc(100vw + var(--g));
  clip-path: polygon(0 calc(50% + var(--l)/2), -100vw calc(50% + var(--l)/2), -100vw calc(50% - var(--l)/2), 0 calc(50% - var(--l)/2), 0 0, 100% 0, 100% calc(50% - var(--l)/2), 100vw calc(50% - var(--l)/2), 100vw calc(50% + var(--l)/2), 100% calc(50% + var(--l)/2), 100% 100%, 0 100%);
  -webkit-appearance: none;
  appearance: none;
  transition: .3s
}

input[type="range"]::-moz-range-thumb {
  height: var(--s);
  width: var(--s);
  background: none;
  border-radius: 50%;
  box-shadow: 0 0 0 var(--_b, var(--l)) inset var(--_c);
  border-image: linear-gradient(90deg, var(--_c) 50%, #ababab 0) 1/0 100vw/0 calc(100vw + var(--g));
  clip-path: polygon(0 calc(50% + var(--l)/2), -100vw calc(50% + var(--l)/2), -100vw calc(50% - var(--l)/2), 0 calc(50% - var(--l)/2), 0 0, 100% 0, 100% calc(50% - var(--l)/2), 100vw calc(50% - var(--l)/2), 100vw calc(50% + var(--l)/2), 100% calc(50% + var(--l)/2), 100% 100%, 0 100%);
  -moz-appearance: none;
  appearance: none;
  transition: .3s
}

.c-form-radio,
.c-form-checkbox {
  position: relative;
  display: inline-block;
  padding-left: 1.5rem;
  cursor: pointer;
  line-height: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.c-form-radio__mark,
.c-form-checkbox__mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  background-color: transparent;
  box-shadow: 0 0 0 1px gray;
  border-radius: var(--border-radius)
}

input:checked~.c-form-radio__mark,
input:checked~.c-form-checkbox__mark {
  background-color: #148be6;
  box-shadow: 0 0 0 1px #148be6
}

.c-form-radio__mark::after,
.c-form-checkbox__mark::after {
  position: absolute;
  content: "";
  display: none;
  top: var(--after-icon-top);
  left: var(--after-icon-left);
  width: var(--after-icon-width);
  height: var(--after-icon-height)
}

input:checked~.c-form-radio__mark::after,
input:checked~.c-form-checkbox__mark::after {
  display: block
}

.c-form-radio>input,
.c-form-checkbox>input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0
}

.c-form-checkbox__mark {
  --border-radius: $global-radius
}

.c-form-checkbox__mark::after {
  --after-icon-top: 2px;
  --after-icon-left: 6px;
  --after-icon-width: 5px;
  --after-icon-height: 10px;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg)
}

.c-form-checkbox>input {
  cursor: pointer
}

.c-form-radio__mark {
  --border-radius: 50%
}

.c-form-radio__mark::after {
  --after-icon-top: 6px;
  --after-icon-left: 6px;
  --after-icon-width: 4px;
  --after-icon-height: 4px;
  border-radius: 50%;
  background: #fff
}

.c-form-radio>input:checked~.c-form-radio>input {
  background-color: #148be6;
  box-shadow: 0 0 0 1px #148be6
}

.c-form-radio>input:checked~.c-form-radio>input::after {
  display: block
}

.end-widzard-illustration {
  max-height: 250px
}

.form-body .c-btn--secondary {
  --btn-color: var(--background-color-light);
  --btn-label: var(--body-color)
}

.form-body .c-btn--secondary:hover {
  --btn-color: var(--form-helper-color)
}

.form-body input:checked+label.c-btn {
  --btn-color: var(--body-color);
  --btn-label: var(--body-color-inverse)
}

.form-body input:checked+label.c-btn:hover {
  --btn-color: gray
}

.form-body input:checked+label.c-btn:disabled {
  --btn-color: rgba(20, 139, 230, .3);
  --btn-label: rgba(128, 128, 128, .3)
}

#mapCanvas {
  height: 350px;
  border: 1px solid gray;
  background: gray
}

.marker-pin {
  width: 40px;
  height: 40px;
  border-radius: 50% 50% 50% 3px;
  background: var(--theme-color);
  transform: rotate(-45deg);
  margin-left: -20px;
  margin-top: -40px
}

.marker-pin::after {
  content: '';
  width: 20px;
  height: 20px;
  margin: 10px 0 0 10px;
  background: #fff;
  position: absolute;
  border-radius: 50%
}

.c-form-captcha .reloadCaptcha {
  display: block;
  margin-top: .5rem;
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  font-size: 1rem;
  line-height: calc(1em + 4px);
  color: #148be6;
  text-decoration: none
}

.c-form-captcha label {
  display: block;
  margin-bottom: .5rem
}

.c-form-captcha input[type="text"] {
  width: 100%
}

.btn,
a.btn {
  font-weight: 700;
  text-decoration: none;
  border-radius: 3px;
  cursor: pointer;
  outline: 0
}

.btn:active,
a.btn:active {
  color: #fff
}

.btn.has-icon .btn-label,
a.btn.has-icon .btn-label {
  padding-left: 4px
}

.btn {
  padding: .675rem 1rem;
  line-height: 1rem
}

.btn-sm {
  padding: .45rem .5rem;
  font-size: 14px;
  line-height: .875rem
}

.btn-file-upload {
  position: relative;
  overflow: hidden;
  float: right;
  margin: 0;
  background-color: var(--form-input-bg);
  border: 1px dashed var(--form-input-border)
}

.btn-file-upload~.moxie-shim {
  width: 0 !important
}

.btn-file-upload .upload {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer
}

.control-upload .btn-file-upload {
  --icon-file-upload: url('images/upload-cloud-grey.svg');
  background-image: var(--icon-file-upload);
  background-repeat: no-repeat;
  background-position: center
}

[data-color-scheme*="dark"] .control-upload .btn-file-upload {
  --icon-file-upload: url('images/upload-cloud-white.svg')
}

@media(prefers-color-scheme:dark) {
  body:not([data-color-scheme*="light"]) .control-upload .btn-file-upload {
    --icon-file-upload: url('images/upload-cloud-white.svg')
  }
}

.btn-thumb-delete {
  position: absolute;
  right: -12px;
  top: -12px;
  width: 1.65rem;
  height: 1.65rem;
  background-color: #4d4d4d;
  border-radius: 50%;
  text-align: center
}

.btn-thumb-delete:hover {
  background: #b32424
}

.btn-thumb-delete .icon {
  width: .5rem;
  height: .5rem;
  fill: #fff
}

.avatar {
  border-radius: 50%
}

.avatar.avatar-sm {
  width: 1.5rem;
  height: 1.5rem
}

.avatar.avatar-md {
  width: 2rem;
  height: 2rem
}

.avatar.avatar-lg {
  width: 2.5rem;
  height: 2.5rem
}

.icon {
  stroke: var(--icon-color);
  fill: none;
  vertical-align: middle
}

.icon--xs {
  height: .75rem;
  width: .75rem
}

.icon.small {
  height: 1rem;
  width: 1rem
}

.icon.medium {
  height: 1.5rem;
  width: 1.5rem
}

.icon.large {
  height: 2rem;
  width: 2rem
}

.text-danger {
  display: block;
  padding-top: .5rem;
  color: #b32424;
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
  font-size: .75rem;
  line-height: calc(1em + 4px)
}

.text-danger--message {
  display: block;
  float: left;
  text-align: center
}

.control-upload {
  margin-bottom: 1rem;
  padding: 1rem;
  background: var(--background-color-light);
  border-radius: 6px;
  border: 1px solid var(--form-input-border);
  float: left;
  width: 100%
}

.control-upload-desc {
  float: left;
  width: 60%
}

.upload-camera-icon {
  float: left;
  margin-right: 1rem
}

.control-upload-thumbs {
  background: #fff none repeat scroll 0 0;
  border: 1px solid var(--divider-color);
  clear: both;
  list-style: none;
  margin: 0 0 1rem;
  padding: 1rem .75rem 0;
  z-index: 999
}

.control-upload-thumbs:empty {
  display: none
}

.control-upload-thumbs .thumb {
  display: inline-block;
  margin: 0 .75rem 1rem;
  position: relative
}

.control-upload-thumbs .thumb img {
  max-width: 100%;
  border-width: 0;
  vertical-align: middle
}

.control-upload-desc .o-icon--lg,
.icon.large.cloud-upload-icon {
  color: var(--icon-color);
  stroke: var(--icon-color)
}

.cloud-upload-icon {
  opacity: 0
}

.input-group-addon {
  right: 1rem;
  top: 12px
}

.g-recaptcha {
  margin: auto;
  width: 100%;
  background-color: #ccc;
  height: 100px;
  border: 1px solic #999
}

.c-rules {
  overflow: hidden;
  color: #000;
  height: 200px;
  background-color: #FFF;
  border: 1px solic #999
}

/*]]>*/

.slot[data-ad--highlight] {
  outline: 1px dashed #b22222
}

.c-story[data-ad--highlight] {
  border: 25px dashed gold
}

script[data-ad--highlight] {
  display: block;
  position: relative;
  overflow: hidden;
  font-size: 0;
  z-index: 9999999;
  width: 100%;
  text-align: center
}

script[data-ad--highlight]:before {
  font-size: 0.8rem;
  white-space: nowrap;
  padding: 1rem;
  opacity: 0.7;
  content: attr(data-revive-zone) " [#" attr(data-revive-ad) "]: nessun banner";
  text-align: center;
  color: #fff;
  background: tomato
}

script[data-ad--highlight][data-revive-internal-filled]:before {
  content: attr(data-revive-zone) " [#" attr(data-revive-ad) "]: OK";
  background: #006400
}

script[data-ad--highlight][data-revive-internal-filled][data-revive-target]:before {
  content: attr(data-revive-zone) " [#" attr(data-revive-ad) "]: OK, sostituito su " attr(data-revive-target);
  background: #556b2f
}

script[data-ad--highlight][data-revive-internal-excluded]:before {
  content: attr(data-revive-zone) " [#" attr(data-revive-ad) "]: disattivato";
  background: #ff8c00
}

[data-svp].svp {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  background: #000
}

[data-svp][data-svp--vertical].svp {
  padding-bottom: 177.77%
}

[data-svp].svp [data-svp-content].svp-content {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000
}

[data-svp].svp [data-svp-content].svp-content.svp-sticky {
  position: fixed;
  top: auto;
  right: 3vmin;
  bottom: 3vmin;
  left: auto;
  min-width: 256px;
  width: 40vmin;
  z-index: 9999;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  opacity: .95;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

[data-svp][data-svp--vertical].svp [data-svp-content].svp-content.svp-sticky {
  width: 33vmin
}

@media (max-width: 1023px) {
  [data-svp].svp [data-svp-content].svp-content.svp-sticky {
    right: auto !important;
    left: 3vw !important;
    width: 50vh !important;
    max-width: 94vw !important;
    min-width: auto !important
  }

  [data-svp][data-svp--vertical].svp [data-svp-content].svp-content.svp-sticky {
    right: auto !important;
    left: 3vw !important;
    width: 33vh !important;
    max-width: 40vw !important;
    min-width: auto !important
  }
}

[data-svp].svp [data-svp-content].svp-content.svp-sticky .video-player {
  margin-bottom: 0 !important
}

/*<![CDATA[*/
:root,
[data-color-scheme*="light"],
[data-color-scheme*="dark"] {
  --form-input-bg: var(--form-control-bg);
  --form-input-border: gray;
  --form-input-color: var(--body-color);
  --form-input-padding: .75rem;
  --form-helper-color: gray;
  --form-icon-color: var(--icon-color);
  accent-color: var(--theme-color)
}

:focus-visible {
  outline-color: var(--theme-color)
}

::marker {
  color: var(--theme-color)
}

:is(::-webkit-calendar-picker-indicator, ::-webkit-clear-button, ::-webkit-inner-spin-button, ::-webkit-outer-spin-button) {
  color: var(--theme-color)
}

.c-form--error {
  --form-helper-color: #b32424;
  --form-input-border: #b32424
}

.c-form--success {
  --form-helper-color: #00990a;
  --form-input-border: #00990a
}

.c-form-action {
  top: 50%;
  transform: translateY(-50%);
  right: var(--form-input-padding)
}

.c-form-helper {
  display: block;
  padding-top: .5rem;
  color: var(--form-helper-color);
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
  font-size: .75rem;
  line-height: calc(1em + 4px)
}

.c-form-icon {
  stroke: var(--form-icon-color)
}

.c-form-icon--left {
  left: .75rem
}

.c-form-icon--right {
  right: 1.5rem
}

.c-form-label {
  left: .75rem;
  display: block;
  padding-bottom: .5rem;
  color: var(--body-color);
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  font-size: 1rem;
  line-height: calc(1em + 4px)
}

select.c-form-size--small,
input[type].c-form-size--small {
  --form-input-padding: .5rem .75rem;
  min-height: 38px;
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
  font-size: .875rem;
  line-height: calc(1em + 4px)
}

select.c-form-size--wide,
input[type].c-form-size--wide {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  font-size: 1.5rem;
  line-height: calc(1em + 4px)
}

select {
  padding-right: 3rem;
  background-image: var(--form-select-icon);
  background-repeat: no-repeat;
  background-position: center right .75rem;
  background-size: 16px;
  color: var(--body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

select option {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  font-size: .875rem;
  line-height: calc(1em + 4px)
}

select:focus {
  --form-input-bg: inherit;
  box-shadow: 0
}

.c-form-switch {
  width: auto;
  display: inline-block;
  white-space: nowrap
}

.c-form-switch .c-form-label {
  display: inline-block;
  position: absolute;
  padding-bottom: 0;
  left: calc(40px + 0.5rem);
  cursor: pointer
}

.c-form-switch input {
  width: 0;
  height: 0;
  opacity: 0
}

.c-form-switch input:checked+.c-form-switcher {
  background-color: #148be6
}

.c-form-switch input:checked+.c-form-switcher::before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px)
}

.c-form-switcher {
  width: 40px;
  height: 20px;
  border-radius: 23px;
  background-color: gray;
  -webkit-transition: .4s;
  transition: .4s
}

.c-form-switcher::before {
  position: absolute;
  bottom: 2px;
  left: 2px;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s
}

input[type="range"] {
  --c: var(--body-secondary-color);
  --g: 8px;
  --l: 5px;
  --s: 20px;
  width: 100%;
  height: var(--s);
  --_c: color-mix(in srgb, var(--c), #000 var(--p, 0%));
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  cursor: pointer;
  overflow: hidden;
  border: 0
}

input[type="range"]:disabled {
  cursor: not-allowed
}

input[type="range"]::-webkit-slider-thumb {
  height: var(--s);
  aspect-ratio: 1;
  border-radius: 50%;
  box-shadow: 0 0 0 var(--_b, var(--l)) inset var(--_c);
  border-image: linear-gradient(90deg, var(--_c) 50%, #ababab 0) 1/0 100vw/0 calc(100vw + var(--g));
  clip-path: polygon(0 calc(50% + var(--l)/2), -100vw calc(50% + var(--l)/2), -100vw calc(50% - var(--l)/2), 0 calc(50% - var(--l)/2), 0 0, 100% 0, 100% calc(50% - var(--l)/2), 100vw calc(50% - var(--l)/2), 100vw calc(50% + var(--l)/2), 100% calc(50% + var(--l)/2), 100% 100%, 0 100%);
  -webkit-appearance: none;
  appearance: none;
  transition: .3s
}

input[type="range"]::-moz-range-thumb {
  height: var(--s);
  width: var(--s);
  background: none;
  border-radius: 50%;
  box-shadow: 0 0 0 var(--_b, var(--l)) inset var(--_c);
  border-image: linear-gradient(90deg, var(--_c) 50%, #ababab 0) 1/0 100vw/0 calc(100vw + var(--g));
  clip-path: polygon(0 calc(50% + var(--l)/2), -100vw calc(50% + var(--l)/2), -100vw calc(50% - var(--l)/2), 0 calc(50% - var(--l)/2), 0 0, 100% 0, 100% calc(50% - var(--l)/2), 100vw calc(50% - var(--l)/2), 100vw calc(50% + var(--l)/2), 100% calc(50% + var(--l)/2), 100% 100%, 0 100%);
  -moz-appearance: none;
  appearance: none;
  transition: .3s
}

.c-form-radio,
.c-form-checkbox {
  position: relative;
  display: inline-block;
  padding-left: 1.5rem;
  cursor: pointer;
  line-height: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.c-form-radio__mark,
.c-form-checkbox__mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  background-color: transparent;
  box-shadow: 0 0 0 1px gray;
  border-radius: var(--border-radius)
}

input:checked~.c-form-radio__mark,
input:checked~.c-form-checkbox__mark {
  background-color: #148be6;
  box-shadow: 0 0 0 1px #148be6
}

.c-form-radio__mark::after,
.c-form-checkbox__mark::after {
  position: absolute;
  content: "";
  display: none;
  top: var(--after-icon-top);
  left: var(--after-icon-left);
  width: var(--after-icon-width);
  height: var(--after-icon-height)
}

input:checked~.c-form-radio__mark::after,
input:checked~.c-form-checkbox__mark::after {
  display: block
}

.c-form-radio>input,
.c-form-checkbox>input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0
}

.c-form-checkbox__mark {
  --border-radius: $global-radius
}

.c-form-checkbox__mark::after {
  --after-icon-top: 2px;
  --after-icon-left: 6px;
  --after-icon-width: 5px;
  --after-icon-height: 10px;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg)
}

.c-form-checkbox>input {
  cursor: pointer
}

.c-form-radio__mark {
  --border-radius: 50%
}

.c-form-radio__mark::after {
  --after-icon-top: 6px;
  --after-icon-left: 6px;
  --after-icon-width: 4px;
  --after-icon-height: 4px;
  border-radius: 50%;
  background: #fff
}

.c-form-radio>input:checked~.c-form-radio>input {
  background-color: #148be6;
  box-shadow: 0 0 0 1px #148be6
}

.c-form-radio>input:checked~.c-form-radio>input::after {
  display: block
}

.end-widzard-illustration {
  max-height: 250px
}

.form-body .c-btn--secondary {
  --btn-color: var(--background-color-light);
  --btn-label: var(--body-color)
}

.form-body .c-btn--secondary:hover {
  --btn-color: var(--form-helper-color)
}

.form-body input:checked+label.c-btn {
  --btn-color: var(--body-color);
  --btn-label: var(--body-color-inverse)
}

.form-body input:checked+label.c-btn:hover {
  --btn-color: gray
}

.form-body input:checked+label.c-btn:disabled {
  --btn-color: rgba(20, 139, 230, .3);
  --btn-label: rgba(128, 128, 128, .3)
}

#mapCanvas {
  height: 350px;
  border: 1px solid gray;
  background: gray
}

.marker-pin {
  width: 40px;
  height: 40px;
  border-radius: 50% 50% 50% 3px;
  background: var(--theme-color);
  transform: rotate(-45deg);
  margin-left: -20px;
  margin-top: -40px
}

.marker-pin::after {
  content: '';
  width: 20px;
  height: 20px;
  margin: 10px 0 0 10px;
  background: #fff;
  position: absolute;
  border-radius: 50%
}

.c-form-captcha .reloadCaptcha {
  display: block;
  margin-top: .5rem;
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  font-size: 1rem;
  line-height: calc(1em + 4px);
  color: #148be6;
  text-decoration: none
}

.c-form-captcha label {
  display: block;
  margin-bottom: .5rem
}

.c-form-captcha input[type="text"] {
  width: 100%
}

.btn,
a.btn {
  font-weight: 700;
  text-decoration: none;
  border-radius: 3px;
  cursor: pointer;
  outline: 0
}

.btn:active,
a.btn:active {
  color: #fff
}

.btn.has-icon .btn-label,
a.btn.has-icon .btn-label {
  padding-left: 4px
}

.btn {
  padding: .675rem 1rem;
  line-height: 1rem
}

.btn-sm {
  padding: .45rem .5rem;
  font-size: 14px;
  line-height: .875rem
}

.btn-file-upload {
  position: relative;
  overflow: hidden;
  float: right;
  margin: 0;
  background-color: var(--form-input-bg);
  border: 1px dashed var(--form-input-border)
}

.btn-file-upload~.moxie-shim {
  width: 0 !important
}

.btn-file-upload .upload {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer
}

.control-upload .btn-file-upload {
  --icon-file-upload: url('images/upload-cloud-grey.svg');
  background-image: var(--icon-file-upload);
  background-repeat: no-repeat;
  background-position: center
}

[data-color-scheme*="dark"] .control-upload .btn-file-upload {
  --icon-file-upload: url('images/upload-cloud-white.svg')
}

@media(prefers-color-scheme:dark) {
  body:not([data-color-scheme*="light"]) .control-upload .btn-file-upload {
    --icon-file-upload: url('images/upload-cloud-white.svg')
  }
}

.btn-thumb-delete {
  position: absolute;
  right: -12px;
  top: -12px;
  width: 1.65rem;
  height: 1.65rem;
  background-color: #4d4d4d;
  border-radius: 50%;
  text-align: center
}

.btn-thumb-delete:hover {
  background: #b32424
}

.btn-thumb-delete .icon {
  width: .5rem;
  height: .5rem;
  fill: #fff
}

.avatar {
  border-radius: 50%
}

.avatar.avatar-sm {
  width: 1.5rem;
  height: 1.5rem
}

.avatar.avatar-md {
  width: 2rem;
  height: 2rem
}

.avatar.avatar-lg {
  width: 2.5rem;
  height: 2.5rem
}

.icon {
  stroke: var(--icon-color);
  fill: none;
  vertical-align: middle
}

.icon--xs {
  height: .75rem;
  width: .75rem
}

.icon.small {
  height: 1rem;
  width: 1rem
}

.icon.medium {
  height: 1.5rem;
  width: 1.5rem
}

.icon.large {
  height: 2rem;
  width: 2rem
}

.text-danger {
  display: block;
  padding-top: .5rem;
  color: #b32424;
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
  font-size: .75rem;
  line-height: calc(1em + 4px)
}

.text-danger--message {
  display: block;
  float: left;
  text-align: center
}

.control-upload {
  margin-bottom: 1rem;
  padding: 1rem;
  background: var(--background-color-light);
  border-radius: 6px;
  border: 1px solid var(--form-input-border);
  float: left;
  width: 100%
}

.control-upload-desc {
  float: left;
  width: 60%
}

.upload-camera-icon {
  float: left;
  margin-right: 1rem
}

.control-upload-thumbs {
  background: #fff none repeat scroll 0 0;
  border: 1px solid var(--divider-color);
  clear: both;
  list-style: none;
  margin: 0 0 1rem;
  padding: 1rem .75rem 0;
  z-index: 999
}

.control-upload-thumbs:empty {
  display: none
}

.control-upload-thumbs .thumb {
  display: inline-block;
  margin: 0 .75rem 1rem;
  position: relative
}

.control-upload-thumbs .thumb img {
  max-width: 100%;
  border-width: 0;
  vertical-align: middle
}

.control-upload-desc .o-icon--lg,
.icon.large.cloud-upload-icon {
  color: var(--icon-color);
  stroke: var(--icon-color)
}

.cloud-upload-icon {
  opacity: 0
}

.input-group-addon {
  right: 1rem;
  top: 12px
}

.g-recaptcha {
  margin: auto;
  width: 100%;
  background-color: #ccc;
  height: 100px;
  border: 1px solic #999
}

.c-rules {
  overflow: hidden;
  color: #000;
  height: 200px;
  background-color: #FFF;
  border: 1px solic #999
}

/*]]>*/



@media(max-width: 1550px) {
  .l-entry__related.u-mb-medium {}

  .l-entry__footer {
    display: none;
  }

  .l-entry__related.u-mb-medium {
    display: none;
  }
}

@media(max-width: 1280px) {
  .u-grid {
    display: block !important;
  }

}



@media(max-width: 480px) {
  #comment-component-text .reply {
    /* width: calc(100% -  65px); */
  }

  #comment-component-text .comment .comment__text img {
    max-width: 100% !important;
  }

  .prices {
    right: -10px !important;
  }

  .o-container {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
}

.image-width-circle {
  position: relative;
}

.result-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 90px;
  height: 90px;
  border-radius: 50px;
  background-color: #fff;
  border: 5px solid red;
  bottom: -25px;
  right: -10px;
}

.result-circle p {
  margin-bottom: 0;
  font-weight: 700;
}

.image-width-circle--with-text .result-circle p {
  font-size: 12px !important;
  line-height: 1.3 !important;
  font-weight: 900;

  text-align: center;
}

.result-circle--half {
  text-align: center;
}

.txt-f {
  font-size: 12px !important;
  margin-bottom: 20px;
}

.question,
.answer {
  margin: 0 0 10px 40px;
  min-height: 110px;
  padding: 5px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

.question {
  background: #f8f8f8;
  font-weight: bold;
}

.question img,
.answer img {
  border-radius: 50%;
  overflow: hidden;
  width: 100px;
  height: 100px;
  display: block;
  position: absolute;
  top: 50%;
  left: 3px;
}

.question img {
  transform: translate(-50%, -50%);
}

.answer img {
  top: 10px;
  transform: translateX(-50%);
}

.question p,
.answer p {
  margin: 0 0 10px 0 !important;
  padding-left: 70px;
  padding-right: 15px;
}

.question p:last-of-type,
.answer p:last-of-type {
  margin-bottom: 0 !important;
}

.question p span,
.answer p span {
  font-weight: 700;
}


.violet {
  color: #0e0097;
}

.red {
  color: #ce3926;
}

.opinion img {
  width: 100%;
  max-width: 450px;
  margin: 20px 0;
}

.hl-secondary2 {
  font-weight: 700;
}

.tw-list-disc {
  list-style-type: disc;
}

.tw-list-outside {
  list-style-position: outside;
}

.tw-pl-4 {
  padding-left: 1rem;
}

.tw-mb-3 {
  margin-bottom: 0.75rem;
}

.oblique-text {
  font-weight: bold;
}

.quotation__wrap {
  position: relative;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.quotation__wrap>p:first-child:before {
  content: ",,";
  position: absolute;
  left: 0;
  top: -0.75rem;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-family: ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
  font-size: 72px;
  font-style: normal;
  line-height: 1;
  letter-spacing: -6px;
  color: var(--primary-icon);
}

.quotation__wrap>p {
  margin-bottom: 0;
  margin-top: 0;
  color: var(--primary-text);
}

.quotation__wrap>p>.side-text {
  margin-top: 0.5rem;
  margin-left: auto;
  display: block;
  max-width: 20rem;
  text-align: right;
  font-style: normal;
  color: var(--secondary-text);
}

@media (min-width: 640px) {
  .quotation__wrap>p>.side-text {
    max-width: 24rem;
  }
}

.quotation__wrap>p:not(:last-child) {
  margin-bottom: 0.75rem;
}

.quotation__wrap mark {
  background-image: linear-gradient(rgba(0, 159, 255, 0.4), rgba(0, 159, 255, 0.4));
}

.quotation__wrap .blockquote {
  position: relative;
  margin: 0 0 25px 40px;
  padding: 15px 0 1px 15px;
  border-left: 5px solid #ebebeb;
  font-style: normal;
  font-style: italic;
}

.quotation__wrap .blockquote p {
  margin: 0 0 10px;
}

.quotation__wrap .blockquote:before {
  content: '❝';
  position: absolute;
  left: -55px;
  top: 50%;
  margin-top: -46px;
  font-size: 70px;
  line-height: 1;
}


.conditions {
  margin-bottom: 30px;
  padding-top: 35px;
  background: #f3f3f3;
  font-size: 16px;
  line-height: 1.5;
}

.conditions .badge {
  display: table;
  width: 130px;
  margin: -100px auto 30px;
  border-radius: 50%;
}

.conditions h3,
.conditions p {
  text-align: center;
  margin: 0 30px;
  margin-bottom: 40px;
  position: relative;
  font-size: 24px;
}

.conditions h3 {
  color: #e20000;
  font-weight: 700;
}

.conditions h3::after {
  content: '';
  display: block;
  width: 90px;
  height: 2px;
  background: #e20000;
  bottom: -20px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.conditions ul {
  list-style-type: none;
  padding-right: 25px;
  padding-bottom: 30px !important;
  padding-left: 25px;
}

.conditions li {
  padding-left: 35px;
  display: block;
  margin-bottom: 25px;
  position: relative;
}

.conditions img {
  display: block;
  width: 20px;
  height: 20px;
  position: static;
  margin-top: 2px;
  float: left;
  margin-right: 10px;
}

.conditions li:last-of-type {
  margin-bottom: 0;
}

.conditions li span {
  font-weight: 700;
}

.red-link {
  font-weight: bold;
  display: block;
  text-align: center;
  text-decoration: underline;
  color: #ce3926 !important;
  font-size: 26px;
  line-height: 1.4em;
  font-weight: 700;
  max-width: 60%;
  margin: 0 auto;
  margin-bottom: 30px;
}

.red-link:hover {
  text-decoration: underline;
}

.red-link::after {
  display: inline-block;
  -webkit-animation: dotty steps(1, end) 2s infinite;
  animation: dotty steps(1, end) 2s infinite;
  content: '';
  position: absolute;
  margin-left: 10px;
}

@media (max-width: 576px) {
  .red-link {
    max-width: 90%;
  }
}

.list-red {
  padding-left: 15px;
  margin-bottom: 20px;
}

.list-red ul {
  list-style-type: none;
}

.list-red li {
  display: block;
  margin-bottom: 5px;
  padding: 3px 12px;
  padding-right: 40px;
  position: relative;
  line-height: 24px !important;
}

.list-red li::before {
  content: '';
  display: block;
  width: 23px;
  height: 23px;
  position: absolute;
  left: -20px;
  top: 3px;
  background: url(../images/check_RED.png) center center no-repeat;
  background-size: contain;
}

.list-red li span {
  font-weight: 700;
}

.list-red li:last-of-type {
  margin-bottom: 0;
}

.list-red img {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  margin-left: -30px;
}

.excl {
  margin: 0;
  background: #2e4b83;
  color: #fff;
  font-size: 18px;
  line-height: 1.4em;
  font-weight: 700;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 60px;
  padding-right: 60px;
  min-height: 80px;
  border-radius: 0 100px 100px 0;
  overflow: hidden;
  position: relative;
  margin-bottom: 25px;
}

.excl-red {
  background: red;
}

.excl p {
  margin: 15px 0;
}

.excl p span.red {
  color: crimson;
}

.excl p a {
  color: #6e9bff;
}

.excl::before {
  content: '';
  display: block;
  width: 18px;
  height: 80px;
  left: 22px;
  top: -10px;
  position: absolute;
  background: url(../images/excl.png) center center no-repeat;
  background-size: contain;
}

.adva {
  display: table;
  width: auto;
  margin: 25px auto 25px;
}

@media(max-width: 570px) {
  .adva {
    width: 85%;
  }
}

.adva h2 {
  font-size: 24px;
  font-weight: 700;
}

.adva ul {
  font-size: 20px;
}

.adva ul li {
  position: relative;
  margin-bottom: 12px;
}

.adva ul .checkmark {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: -30px;
}

/* .adva li::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url(../images/checkmark.png) center center no-repeat;
  background-size: contain;
  position: absolute;
  left: 10px;
  top: 0px;
  transform: translateY(0);
} */

.article-image {
  display: block;
  margin: 0px auto 20px;
}

.accordion {
  margin: 0px auto 30px;
  max-width: 700px;
}

.accordion .accordion-item {
  border-bottom: 1px solid #dcdcdc;
}

.accordion .accordion-item button[aria-expanded='true'] {
  border-bottom: 1px solid #fff;
}

.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 15px 0;
  font-weight: 700;
  color: #19417d;
  border: none;
  background: none;
  outline: none;
}

.accordion button:hover,
.accordion button:focus {
  cursor: pointer;
  color: #000;
}

.accordion button:hover::after,
.accordion button:focus::after {
  cursor: pointer;
  color: #19417d;
  border: 1px solid #dcdcdc;
}

.accordion button .accordion-title {
  padding: 1em 1.5em 1em 0;
  /* white-space: break-spaces; */
}

.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 22px;
  height: 22px;
  border: 1px solid;
  border-radius: 22px;
}

.accordion button .icon::before {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 2px;
  background: currentColor;
}

.accordion button .icon::after {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 10px;
  background: currentColor;
}

.accordion button[aria-expanded='true'] {
  color: #000;
}

.accordion button[aria-expanded='true'] .icon::after {
  width: 0;
}

.accordion button[aria-expanded='true']+.accordion-content {
  opacity: 1;
  max-height: 9em;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}

.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}

.accordion .accordion-content p {
  margin: 0 0 20px;
  text-align: left;
  font-size: 18px !important;
}

.product-image {
  width: 100%;
  max-width: 350px;
}

@media screen and (max-width: 768px) {
  .product-image {
    max-width: 270px;
  }
}

.sdxxxc {
  display: flex;
  max-width: 100%;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-bottom: 15px;
  gap: 0px
}

.sdxxxc img {
  max-width: 100%
}

.sdsddd {
  flex-direction: row;
  flex-wrap: wrap
}

.sdsddd img {
  max-width: 50%;
  max-height: 240px;
  object-fit: cover
}

@media(max-width: 520px) {
  .sdsddd img {
    max-width: 100%
  }
}

@media screen and (max-width: 480px) {
  .order_block .main_form .price {
    padding: 0 30px;
  }
}



.swiper {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
}

.swiper2 {
  max-width: 460px;
  height: auto;
  padding-bottom: 15px;
  margin: 0 auto;
  margin-bottom: 35px;
  margin-top: 35px;
  position: relative;
}

@media (min-width: 768px) {
  .swiper2 {
    max-width: 560px;
  }
}

.slider-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.slider-2 {
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.slider-1__text {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  text-align: center;

  color: #000000;

  padding: 33px 19px 9px;
  box-shadow: 2px 1px 2px rgba(51, 26, 26, 0.15);
  position: relative;
  top: -20px;
}

.slider-1__text:after {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: linear-gradient(90deg, #dd7000 0%, #f2b200 48%, #f3ad01 100%);
  opacity: 0.3;
}

.slider-1__img {
  z-index: 2;
  /* box-shadow: (1px 1px 3px rgba(0, 0, 0, 0.25)); */
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
}

.slider-1__text__text {
  z-index: 2;
  position: relative;
}

/* .swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  display: flex;
  justify-content: center;
  margin-top: 0px;
}

.swiper-pagination-bullet {
  width: 17px;
  height: 17px;

  background: #ffffff;
  border: 8px solid #0e0097;
}

.swiper-pagination-bullet-active {
  background: linear-gradient(265.51deg, #b61814 0%, #d8b022 100%);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
} */

.slider-top {
  display: flex;
  align-items: center;
  height: 50px;
  background-color: #fff;
  padding: 0 15px;
}

.slider-top__img {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #dce2e9;
  padding: 2px;
  margin-right: 11px;
  background-size: cover;
}

.slider-top__name {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 16px;

  color: #131212;
}

.slider-top__doted {
  margin-left: auto;
}

.slider-image {}

.slider-nav {
  padding: 10px 10px 10px 10px;
  background-color: #fff;
  position: relative;
  top: -5px;
}

.slider-nav img {
  display: inline-block;
  max-width: 24px;
  height: 24px;
  margin-left: 5px;
}

.slider-bottom {
  padding: 0 15px;
  background-color: #fff;
}

.slider-bottom__like {
  margin: 0 0 8px !important;
  font-style: normal;
  font-weight: 600;
  font-size: 15px !important;
  line-height: 16px;
  display: flex;
  align-items: center;

  color: #131212;
}

.slider-bottom__text2 {
  font-style: normal;
  font-size: 15px !important;
  line-height: 1.25em !important;
  color: #131212 !important;
  padding-bottom: 20px !important;
  text-align: left;
}

.sidegutterleft .swiper-wrapper {
  flex-wrap: wrap;
}

.sidegutterleft .swiper-wrapper .swiper-slide {
  height: auto;
}

.swiper1 .swiper-cube-shadow {
  display: none !important;
}

.swiper1 {

  margin-left: auto !important;
  margin-right: auto !important;
  height:
}

@media only screen and (min-width: 1024px) {
  .swiper1 img {
    height: 332px;
  }

  .swiper1 .article__media-caption {
    margin-bottom: 0;
    padding-bottom: 8px;
  }


}


.swiper-backface-hidden .swiper-slide {
  max-width: 100%;
}

.swiper-cube .swiper-slide {
  height: auto !important;
}

.card-img {
  width: 100%;
}


/* .new-pag>.swiper-pagination-bullet {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 0;
  background-image: url(../images/dot.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  opacity: 0.3;
  outline: none;
}

.new-pag>.swiper-pagination-bullet-active {
  border: none;
  box-shadow: none;

  opacity: 1;
  outline: none;
} */



.tw-invisible {
  visibility: hidden;
}

.tw-absolute {
  position: absolute;
}

.tw-relative {
  position: relative;
}

.-tw-right-2 {
  right: -0.5rem;
}

.tw-top-0 {
  top: 0;
}

.tw-left-1\/2 {
  left: 50%;
}

.tw-top-1\/2 {
  top: 50%;
}

.tw-z-10 {
  z-index: 10;
}

.tw-col-span-full {
  grid-column: 1/-1;
}

.tw-m-0 {
  margin: 0;
}

.\!tw-m-0 {
  margin: 0 !important;
}

.tw-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.tw-mb-2 {
  margin-bottom: 0.5rem;
}

.\!tw-mb-0 {
  margin-bottom: 0 !important;
}

.tw-mb-6 {
  margin-bottom: 1.5rem;
}

.tw-mb-8 {
  margin-bottom: 2rem;
}

.tw-mb-4 {
  margin-bottom: 1rem;
}

.tw-mb-0 {
  margin-bottom: 0;
}

.tw-mb-\[32px\] {
  margin-bottom: 32px;
}

.-tw-mt-2 {
  margin-top: -0.5rem;
}

.\!tw-mb-2 {
  margin-bottom: 0.5rem !important;
}

.tw-block {
  display: block;
}

.tw-inline-block {
  display: inline-block;
}

.tw-flex {
  display: flex;
}

.tw-hidden {
  display: none;
}

.tw-aspect-video {
  aspect-ratio: 16/9;
}

.tw-h-\[96px\] {
  height: 96px;
}

.tw-h-full {
  height: 100%;
}

.tw-h-1\.5 {
  height: 0.375rem;
}

.tw-h-1 {
  height: 0.25rem;
}

.tw-max-h-\[350px\] {
  max-height: 350px;
}

.\!tw-max-h-\[300px\] {
  max-height: 300px !important;
}

.tw-w-\[96px\] {
  width: 96px;
}

.tw-w-full {
  width: 100%;
}

.\!tw-w-auto {
  width: auto !important;
}

.tw-w-10 {
  width: 2.5rem;
}

.tw-w-\[100\%\] {
  width: 100%;
}

.tw-max-w-\[90\%\] {
  max-width: 90%;
}

.tw-basis-2\/5 {
  flex-basis: 40%;
}

.tw-basis-3\/5 {
  flex-basis: 60%;
}

.-tw-translate-x-1\/2 {
  --tw-translate-x: -50%;
}

.-tw-translate-x-1\/2,
.-tw-translate-y-1\/2 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-tw-translate-y-1\/2 {
  --tw-translate-y: -50%;
}

.tw-rotate-12 {
  --tw-rotate: 12deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw-items-center {
  align-items: center;
}

.tw-items-baseline {
  align-items: baseline;
}

.tw-justify-center {
  justify-content: center;
}

.tw-gap-4 {
  gap: 1rem;
}

.tw-overflow-hidden {
  overflow: hidden;
}

.tw-rounded-lg {
  border-radius: 0.5rem;
}

.tw-rounded-\[35\%\] {
  border-radius: 35%;
}

.tw-rounded-xl {
  border-radius: 0.75rem;
}

.tw-rounded-2xl {
  border-radius: 1rem;
}

.tw-rounded-md {
  border-radius: 0.375rem;
}

.tw-border-2 {
  border-width: 2px;
}

.tw-border-\[3px\] {
  border-width: 3px;
}

.tw-border {
  border-width: 1px;
}

.tw-border-t-\[3px\] {
  border-top-width: 3px;
}

.tw-border-b-\[3px\] {
  border-bottom-width: 3px;
}

.tw-border-solid {
  border-style: solid;
}

.tw-border-zinc-200 {
  --tw-border-opacity: 1;
  border-color: rgb(228 228 231 / var(--tw-border-opacity));
}

.tw-border-blue-700 {
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity));
}

.tw-border-primary {
  border-color: var(--color-primary);
}

.tw-border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}

.tw-bg-zinc-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity));
}

.tw-bg-\[rgba\(121\,16\,29\,0\.9\)\] {
  background-color: #79101de6;
}

.tw-bg-primary {
  background-color: var(--color-primary);
}

.tw-bg-rose-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(190 18 60 / var(--tw-bg-opacity));
}

.tw-object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.tw-p-8 {
  padding: 2rem;
}

.tw-p-6 {
  padding: 1.5rem;
}

.tw-p-2 {
  padding: 0.5rem;
}

.\!tw-p-2 {
  padding: 0.5rem !important;
}

.\!tw-p-0 {
  padding: 0 !important;
}

.tw-py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.tw-py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.\!tw-py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.tw-px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.tw-py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.tw-text-center {
  text-align: center;
}

.tw-text-\[28px\] {
  font-size: 28px;
}

.tw-text-\[15px\] {
  font-size: 15px;
}

.tw-text-\[14px\] {
  font-size: 14px;
}

.\!tw-text-\[14px\] {
  font-size: 14px !important;
}

.tw-text-\[24px\] {
  font-size: 24px;
}

.tw-text-\[32px\] {
  font-size: 32px;
}

.tw-text-\[42px\] {
  font-size: 42px;
}

.tw-font-bold {
  font-weight: 700;
}

.tw-font-medium {
  font-weight: 500;
}

.tw-font-semibold {
  font-weight: 600;
}

.tw-uppercase {
  text-transform: uppercase;
}

.tw-italic {
  font-style: italic;
}

.tw-leading-tight {
  line-height: 1.25;
}

.tw-leading-normal {
  line-height: 1.5;
}

.\!tw-leading-tight {
  line-height: 1.25 !important;
}

.tw-text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.tw-text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.tw-text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

.tw-text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tw-opacity-0 {
  opacity: 0;
}

.tw-shadow-md {
  --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
    0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\!tw-shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.tw-shadow-lg {
  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
    0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw-shadow-zinc-400 {
  --tw-shadow-color: #a1a1aa;
  --tw-shadow: var(--tw-shadow-colored);
}

.tw-transition-colors {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

:root {
  --color-primary: #f47321;
  --color-secondary: #303440;
  --color-alternative: #004dde;
}

*,
:after,
:before {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}

:after,
:before {
  --tw-content: "";
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}



.benefits-list {
  margin: 0 0 2rem;
  display: grid;
  list-style-type: none;
  grid-auto-flow: row;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  justify-content: center;
  gap: 0.75rem;
  padding: 0;
}

@media (min-width: 640px) {
  .benefits-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .benefits-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.benefits-list {
  counter-reset: item;
}

.benefits-list>li {
  margin: 0;
}

.benefits-list>li:not(.video) {
  position: relative;
  border-radius: 0.75rem;
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from: #e4e4e7;
  --tw-gradient-to: #e4e4e700;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #bae6fd;
  background-attachment: fixed;
  padding: 1rem;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(39 39 42 / var(--tw-text-opacity));
}

.benefits-list>li:not(.video):before {
  counter-increment: item !important;
  content: counter(item) !important;
  float: left;
  /* transform: translate(20px);  */
  margin-right: 10px;
  margin-bottom: 0px;
  display: flex !important;
  position: relative;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 3px;
  border-color: currentColor;
  font-size: 30px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  /* line-height: 1; */
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity));
  filter: drop-shadow(0 0 1px #fff);
}

.benefits-list h3 {
  position: relative;
  font-size: 21px;
  font-weight: 700;
  color: var(--color-secondary);
}

.benefits-list h3:before {
  content: "";
  position: absolute;
  left: -2rem;
  bottom: -1rem;
  height: 0.5rem;
  width: 80%;
  background-color: #ffffffb3;
}

.comment-item {
  display: flex;
  border-bottom: 1px solid #eee;
  padding: 15px 0;
}

.comment-item .user-ava {
  width: 50px;
  flex: 50px 0 0;
}

.comment-thread {
  padding-left: 50px;
}

.user-info {
  padding-left: 15px;
}

.user-info>div:first-child {
  padding-bottom: 10px;
  font-weight: 700;
  line-height: 1;
}

.user-info img {
  max-height: 320px;
  border-radius: 0.75rem;
  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
    0 4px 6px -4px var(--tw-shadow-color);
  display: block;
  margin: 15px 0;
  max-width: 100%;
}

.user-ava img,
.user-info img {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.user-ava img {
  border-radius: 0.375rem;
  --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
    0 2px 4px -2px var(--tw-shadow-color);
  width: 50px;
}

.reply {
  padding-left: 60px;
}

.comment-delay-load {
  display: none;
}

.ending-block {
  margin-bottom: 2rem;
  border-radius: 0.75rem;
  border-width: 3px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(5 150 105 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
  padding: 1rem;
  --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
    0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 640px) {
  .ending-block {
    padding: 2rem;
  }
}

.pulse {
  box-shadow: 0 0 0 #f4722166;
  animation: pulse 2s infinite;
}

.pulse:hover {
  animation: none;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 #f4722166;
  }

  70% {
    box-shadow: 0 0 0 15px #f4722100;
  }

  to {
    box-shadow: 0 0 0 0 #f4722100;
  }
}

.hover\:tw-bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:tw-text-primary:hover {
  color: var(--color-primary);
}

.focus\:tw-bg-white:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.focus\:tw-text-primary:focus {
  color: var(--color-primary);
}

@media not all and (min-width: 768px) {
  .max-md\:tw-order-last {
    order: 9999;
  }

  .max-md\:tw-hidden {
    display: none;
  }
}

@media not all and (min-width: 640px) {
  .max-sm\:\!tw-mb-0 {
    margin-bottom: 0 !important;
  }

  .max-sm\:-tw-mb-4 {
    margin-bottom: -1rem;
  }

  .max-sm\:tw-ml-4 {
    margin-left: 1rem;
  }

  .max-sm\:\!tw-max-h-\[60px\] {
    max-height: 60px !important;
  }

  .max-sm\:tw-flex-col {
    flex-direction: column;
  }
}

@media (min-width: 640px) {
  .sm\:tw-col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:tw-w-14 {
    width: 3.5rem;
  }

  .sm\:tw-max-w-\[80\%\] {
    max-width: 80%;
  }

  .sm\:tw-gap-4 {
    gap: 1rem;
  }

  .sm\:tw-py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:tw-text-\[15px\] {
    font-size: 15px;
  }
}

@media (min-width: 768px) {
  .md\:tw-col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:tw-col-auto {
    grid-column: auto;
  }

  .md\:tw-row-span-2 {
    grid-row: span 2 / span 2;
  }

  .md\:tw-max-w-\[80\%\] {
    max-width: 80%;
  }
}

.effects {
  text-align: left;
  border: 1px solid #ff0000;
  border-radius: 6px;
  box-sizing: border-box;
  background: #ffebeb;
  margin: 24px auto 32px;
  width: auto;
  max-width: 960px;

}

.effects__container {
  padding: 20px 25px 20px 65px;
}

.effects h2 {
  margin: 15px 0 20px;
  font-weight: 700;
  font-size: 26px;
  line-height: 32px;
}

.effects li {
  position: relative;
  padding-bottom: 0;

}

.effects li p {
  margin-bottom: 0;
  font-weight: 400;
}

.effects-ul>li {
  background-image: url(../images/check_red.png);
  background-position: left 0px;
  background-size: 23px;
  background-repeat: no-repeat;
  padding-left: 40px;
  margin-left: -40px;
  margin-bottom: 15px;
}

.article-body-text p {
  margin: 0 0 1rem 0;
}

.tests {
  background: linear-gradient(117.36deg, #3262be 2.35%, #21417d 99.66%);
  color: #fff;
  margin-bottom: 30px;
}

.tests .tests__container {
  background: url(../images/check_bg.png) left center no-repeat;
  background-size: 215px;
  padding: 25px 100px;
}

.tests ul {
  list-style-type: none;
}

.tests h2 {
  text-align: center;
  position: relative;
  margin-bottom: 2rem;
  text-align: center;
  font-size: 28px;
  font-weight: 500;
}

.tests h2::after {
  content: '';
  display: block;
  width: 100px;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -18px;
}

.tests li {
  font-size: 18px;
  padding-left: 30px;
  padding-bottom: 10px;
  position: relative;
}

.tests li::before {
  content: '';
  position: absolute;
  display: block;
  width: 18px;
  height: 15px;
  background: url(../images/check_white.png) center center no-repeat;
  background-size: contain;
  left: 0;
  top: 3px;
}

@media (max-width: 480px) {
  .tests .tests__container {
    padding: 25px 20px;
  }
}

.article-body-text p.small {
  font-size: 16px !important;
  line-height: 1.3em !important;
  font-weight: normal;
  margin: 0 0 2rem 0;
}



.order_block .main_form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../images/form_bg.webp) center top no-repeat;
  background-size: 100% 100%;
  padding: 30px 0;
  text-align: center;
  max-width: 660px;
  margin: 0 auto;
  font-size: 18px;
  margin-bottom: 30px;
}

.order_block .price_red {
  font-weight: 700;
  color: red;
}

.order_block img {
  vertical-align: middle;
  border-style: none;
}

.order_block .main_form h2 {
  font-size: 32px;
  line-height: 1.35;
  color: #000;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 0;
  text-align: center;
  font-style: normal;
}

.order_block .sertif {
  color: #00f;
  font-size: 14px !important;
  font-style: italic;
}

.order_block .main_form p {
  padding: 0 0 0px;
  text-align: center;
  margin-bottom: 10px;
}

.order_block .main_form .price {
  margin-top: 0;
  padding: 0 20px;
  margin-bottom: 10px;
  text-align: center;
}

.order_block .blue-border {
  margin: 15px 20px 15px 20px;
  border: 2px solid #0299ff;
  padding: 10px !important;
  text-align: center !important;
  max-width: 600px;
  font-weight: 700;
  font-size: 14px !important;
  line-height: 1.35;
}

.order_block .main_form label {

  margin-top: 10px;
  font-size: 16px !important;
  display: block;
  margin-bottom: 5px;
  font-weight: 700;
}

.order_block .main_form input {

  font-size: 18px !important;
  padding: 15px;
  border-radius: 3px;
  border: 2px solid #e9d7dc;
  max-width: 314px;
  width: 100%;
}

.order_block .main_form button {
  max-width: 320px;
  padding: 15px 35px;
  color: #fff;
  min-width: 300px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 5px;
  background-color: red;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  border: none;
  cursor: pointer;
  font-size: 19px;
  line-height: 1.4;
  margin-top: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.order_block .main_form button {
  -webkit-animation: glowing 900ms infinite both;
  animation: glowing 900ms infinite both;
}


.order_block .additional,
.order_block .timelimit {
  font-size: 12px;
  text-align: center;
  padding: 0 20px;
}

.order_block .timelimit b {
  display: inline-block;
  background: url(../images/timerIcon2.webp) no-repeat;
  margin-top: -2px;
  padding-left: 14px;
  color: red;
  vertical-align: middle;
  background-position: left center;
  font-size: 15px;
}

.order_block .delivery {
  display: flex !important;
  align-items: center !important;
  gap: 8px;
  color: #2f3d57;
  padding-top: 25px;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  margin: 20px auto 0 !important;
}

.delivery span {
  flex: 0 0 50px;
  margin-right: 0px
}


@media (max-width: 480px) {
  .slider .slider-header img {
    width: 100%;
  }
}

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(100%);
    transform: scale(100%);
  }

  100% {
    -webkit-transform: scale(110%);
    transform: scale(110%);
  }
}

@keyframes scale {
  0% {
    -webkit-transform: scale(100%);
    transform: scale(100%);
  }

  100% {
    -webkit-transform: scale(110%);
    transform: scale(110%);
  }
}

@-webkit-keyframes glowing {
  0% {
    -webkit-box-shadow: 0 0 4px red;
    box-shadow: 0 0 2px red;
  }

  50% {
    -webkit-box-shadow: 0 0 12px red;
    box-shadow: 0 0 12px red;
  }

  100% {
    -webkit-box-shadow: 0 0 4px red;
    box-shadow: 0 0 8px red;
  }
}

@keyframes glowing {
  0% {
    -webkit-box-shadow: 0 0 4px red;
    box-shadow: 0 0 2px red;
  }

  50% {
    -webkit-box-shadow: 0 0 12px red;
    box-shadow: 0 0 12px red;
  }

  100% {
    -webkit-box-shadow: 0 0 4px red;
    box-shadow: 0 0 8px red;
  }
}

.order-info {
  text-align: center;
}

.order-info__title {
  font-size: 22px;
  font-weight: bold;
  color: red;
}

.order-info__date {
  text-decoration: underline;
}

.order-info__count {
  display: block;
  background: red;
  padding: 10px;
  margin: 12px auto;
  margin-bottom: 25px;
  width: 178px;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 -1px 0 #000000, 0 -1px 0 #000000, 0 1px 0 #000000,
    0 1px 0 #000000, -1px 0 0 #000000, 1px 0 0 #000000, -1px 0 0 #000000,
    1px 0 0 #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000,
    1px 1px 0 #000000, -1px -1px 0 #000000, 1px -1px 0 #000000,
    -1px 1px 0 #000000, 1px 1px 0 #000000;
  font-size: 32px;
  border-radius: 5px;
  animation-name: button;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

@keyframes button {
  0% {
    box-shadow: 0px 0px 10px #f20000;
  }

  60% {
    box-shadow: 0px 0px 3px rgba(242, 0, 0, 0.8);
  }

  100% {
    box-shadow: 0px 0px 10px #f20000;
  }
}

.order-info__count-val {
  font-size: 52px;
  line-height: 1.35;
}

.new-bb-block {
  background-color: #fff;
  border: 2px solid #36dc74;
  border-radius: 30px;
  padding-top: 25px !important;
  padding-left: 25px !important;
}

.redi {
  fill: red;
}
.whiti {
  fill: black;
}

.whiti2 {
  fill: #fff;
}