@charset "UTF-8";
:root {
  --outer-gutter: 0.75rem;
  --grid-gutter: 1.5rem;
  --grid-divider-gutter: calc(calc(var(--grid-gutter) / 2) * -1 );
}
@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;
  }
}
:root {
  --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;
}

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("//citynews.stgy.ovh/~shared/files/webfonts/v7/serif-text-regular.woff2") format("woff2"), url("//citynews.stgy.ovh/~shared/files/webfonts/v7/serif-text-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: "Serif Text";
  src: url("//citynews.stgy.ovh/~shared/files/webfonts/v7/optim/serif-text-regular.woff2") format("woff2"), url("//citynews.stgy.ovh/~shared/files/webfonts/v7/optim/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("//citynews.stgy.ovh/~shared/files/webfonts/v7/serif-text-italic.woff2") format("woff2"), url("//citynews.stgy.ovh/~shared/files/webfonts/v7/serif-text-italic.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("//citynews.stgy.ovh/~shared/files/webfonts/v7/optim/serif-text-italic.woff2") format("woff2"), url("//citynews.stgy.ovh/~shared/files/webfonts/v7/optim/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("//citynews.stgy.ovh/~shared/files/webfonts/v7/serif-text-bold.woff2") format("woff2"), url("//citynews.stgy.ovh/~shared/files/webfonts/v7/serif-text-bold.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("//citynews.stgy.ovh/~shared/files/webfonts/v7/optim/serif-text-bold.woff2") format("woff2"), url("//citynews.stgy.ovh/~shared/files/webfonts/v7/optim/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("//citynews.stgy.ovh/~shared/files/webfonts/v7/serif-text-bolditalic.woff2") format("woff2"), url("//citynews.stgy.ovh/~shared/files/webfonts/v7/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("//citynews.stgy.ovh/~shared/files/webfonts/v7/optim/serif-text-bolditalic.woff2") format("woff2"), url("//citynews.stgy.ovh/~shared/files/webfonts/v7/optim/serif-text-bolditalic.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("//citynews.stgy.ovh/~shared/files/webfonts/v7/serif-display-medium.woff2") format("woff2"), url("//citynews.stgy.ovh/~shared/files/webfonts/v7/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("//citynews.stgy.ovh/~shared/files/webfonts/v7/optim/serif-display-medium.woff2") format("woff2"), url("//citynews.stgy.ovh/~shared/files/webfonts/v7/optim/serif-display-medium.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("//citynews.stgy.ovh/~shared/files/webfonts/v7/serif-display-bold.woff2") format("woff2"), url("//citynews.stgy.ovh/~shared/files/webfonts/v7/serif-display-bold.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("//citynews.stgy.ovh/~shared/files/webfonts/v7/optim/serif-display-bold.woff2") format("woff2"), url("//citynews.stgy.ovh/~shared/files/webfonts/v7/optim/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("//citynews.stgy.ovh/~shared/files/webfonts/v7/sans-grotesk-regular.woff2") format("woff2"), url("//citynews.stgy.ovh/~shared/files/webfonts/v7/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("//citynews.stgy.ovh/~shared/files/webfonts/v7/optim/sans-grotesk-regular.woff2") format("woff2"), url("//citynews.stgy.ovh/~shared/files/webfonts/v7/optim/sans-grotesk-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: "Sans Grotesk";
  src: url("//citynews.stgy.ovh/~shared/files/webfonts/v7/sans-grotesk-bold.woff2") format("woff2"), url("//citynews.stgy.ovh/~shared/files/webfonts/v7/sans-grotesk-bold.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("//citynews.stgy.ovh/~shared/files/webfonts/v7/optim/sans-grotesk-bold.woff2") format("woff2"), url("//citynews.stgy.ovh/~shared/files/webfonts/v7/optim/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("//citynews.stgy.ovh/~shared/files/webfonts/v7/sans-grotesk-xbold.woff2") format("woff2"), url("//citynews.stgy.ovh/~shared/files/webfonts/v7/sans-grotesk-xbold.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("//citynews.stgy.ovh/~shared/files/webfonts/v7/optim/sans-grotesk-xbold.woff2") format("woff2"), url("//citynews.stgy.ovh/~shared/files/webfonts/v7/optim/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 0.35s ease-in-out;
}

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

[data-theme=today][data-channel*=life] {
  --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*=vision] {
  --link-category-color: #0076D1;
}

[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^="/life/"]: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;
  }
  [data-theme=today][data-channel^="/vision/"]:not([data-color-scheme*=light]) {
    --link-category-color: #0076D1;
  }
  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 0.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 0.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^="/life/"] {
  --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;
}
[data-color-scheme*=dark][data-theme=today][data-channel^="/vision/"] {
  --link-category-color: #0076D1;
}

.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 0.1s ease-in-out;
}
textarea,
select,
input {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
}
textarea,
select,
input {
  font-size: 1rem;
  line-height: calc(1em + 4px);
}
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-darker {
  background-color: var(--background-color-darker);
}

.o-bg-black {
  background-color: #161616;
}

.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;
  border: 1px solid currentColor;
  background-color: transparent;
  width: 14px;
  height: 14px;
}
.o-icon-live--in {
  position: absolute;
  top: 2px;
  left: 2px;
  background-color: currentColor;
  width: 8px;
  height: 8px;
}
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--dynamic .c-story__kicker {
  color: var(--body-color);
}
.l-grid--dynamic .c-story__channel {
  background-color: var(--channel-bg, var(--background-color-negative));
  color: var(--channel-color, var(--body-color-negative));
}
body[data-fullpage] .l-grid--dynamic {
  grid-template-areas: none;
}
body[data-fullpage] .l-grid--dynamic article:nth-child(1) {
  grid-area: auto;
}
body[data-fullpage] .l-grid--dynamic article:nth-child(2) {
  grid-area: auto;
}
body[data-fullpage] .l-grid--dynamic article:nth-child(3) {
  grid-area: auto;
}
body[data-fullpage] .l-grid--dynamic article:nth-child(4) {
  grid-area: auto;
}
body[data-fullpage] .l-grid--dynamic article:nth-child(5) {
  grid-area: auto;
}
@media screen and (min-width: 740px) {
  .l-grid--dynamic:has(article:nth-child(5)) {
    grid-template-areas: "one one" "two three" "four five";
    grid-template-columns: repeat(2, 1fr);
  }
  .l-grid--dynamic:has(article:nth-child(5)) article:nth-child(4) .c-story__media,
  .l-grid--dynamic:has(article:nth-child(5)) article:nth-child(5) .c-story__media {
    display: none;
  }
  .l-grid--dynamic:has(article:nth-child(5)) article:not(:first-child) .c-story__summary {
    display: none;
  }
  .l-grid--dynamic:has(article:nth-child(5)) article:nth-child(1) {
    grid-area: one;
  }
  .l-grid--dynamic:has(article:nth-child(5)) article:nth-child(1)::after {
    position: absolute;
    content: "";
    display: block;
    right: 0;
    bottom: var(--grid-divider-gutter);
    width: 100%;
    height: 1px;
  }
  .l-grid--dynamic:has(article:nth-child(5)) article:nth-child(2) {
    grid-area: two;
  }
  .l-grid--dynamic:has(article:nth-child(5)) article:nth-child(2)::after {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    right: var(--grid-divider-gutter);
    width: 1px;
    height: 100%;
  }
  .l-grid--dynamic:has(article:nth-child(5)) article:nth-child(2)::before {
    position: absolute;
    content: "";
    display: block;
    right: 0;
    bottom: var(--grid-divider-gutter);
    width: 100%;
    height: 1px;
  }
  .l-grid--dynamic:has(article:nth-child(5)) article:nth-child(3) {
    grid-area: three;
  }
  .l-grid--dynamic:has(article:nth-child(5)) article:nth-child(3)::after {
    position: absolute;
    content: "";
    display: block;
    right: 0;
    bottom: var(--grid-divider-gutter);
    width: 100%;
    height: 1px;
  }
  .l-grid--dynamic:has(article:nth-child(5)) article:nth-child(4) {
    grid-area: four;
  }
  .l-grid--dynamic:has(article:nth-child(5)) article:nth-child(4)::after {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    right: var(--grid-divider-gutter);
    width: 1px;
    height: 100%;
  }
  .l-grid--dynamic:has(article:nth-child(5)) article:nth-child(5) {
    grid-area: five;
  }
}
@media screen and (min-width: 992px) {
  .l-grid--dynamic:has(article:nth-child(5)) {
    grid-template-areas: "one one two three" "one one four five";
    grid-template-columns: repeat(4, 1fr);
  }
  .l-grid--dynamic:has(article:nth-child(5)) article:nth-child(1) {
    grid-area: one;
  }
  .l-grid--dynamic:has(article:nth-child(5)) article:nth-child(1)::after {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    right: var(--grid-divider-gutter);
    width: 1px;
    height: 100%;
  }
}
.l-grid--dynamic:not(:has(article:nth-child(5))) {
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: none;
}
.l-grid--dynamic:not(:has(article:nth-child(5))) article:not(:last-child)::after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  right: var(--grid-divider-gutter);
  width: 1px;
  height: 100%;
}
.l-grid--dynamic:not(:has(article:nth-child(4))) {
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: none;
}
.l-grid--dynamic:not(:has(article:nth-child(4))) article:not(:last-child)::after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  right: var(--grid-divider-gutter);
  width: 1px;
  height: 100%;
}
.l-grid--dynamic:not(:has(article:nth-child(3))) {
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: none;
}
.l-grid--dynamic:not(:has(article:nth-child(3))) article:not(:last-child)::after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  right: var(--grid-divider-gutter);
  width: 1px;
  height: 100%;
}
.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);
  }
}
@media screen and (min-width: 740px) {
  .l-grid--list div:nth-of-type(n+3) .l-grid__item::after {
    position: absolute;
    content: "";
    display: block;
    top: var(--grid-divider-gutter);
    right: 0;
    width: 100%;
    height: 1px;
  }
}
.l-grid--list div:nth-of-type(2n) .l-grid__item::before {
  position: absolute;
  content: "";
  display: block;
}
@media screen and (min-width: 740px) {
  .l-grid--list div:nth-of-type(2n) .l-grid__item::before {
    top: 0;
    left: var(--grid-divider-gutter);
    width: 1px;
    height: calc(100% + 0.75rem);
  }
}
.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) {
  article[data-layout-format=verticale] .l-grid--scrollable {
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
    grid-template-columns: repeat(auto-fit, minmax(120px, 0.5fr));
  }
  :not(l-entry--social) .l-grid--scrollable {
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
    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));
  }
  body[data-model=approfondimento] .l-grid--scrollable, body[data-homepage] .l-grid--scrollable {
    grid-template-columns: repeat(4, minmax(230px, 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);
}

.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-double__aside .l-list-border li {
  --_link-border-bottom:unset;
  border-bottom: var(--_link-border-bottom);
  border-top: unset;
  position: relative;
}
@media screen and (min-width: 992px) {
  .l-double__aside .l-list-border li {
    --_link-border-bottom: 1px solid var(--divider-color);
  }
}
@media screen and (min-width: 992px) {
  .l-double__aside .l-list-border li:has(.o-link-text-active) {
    --_link-border-bottom: unset;
  }
}
.l-double__aside .l-list-border li:has(.o-link-text-active)::after {
  --_link-transform:translate(-50%,0);
  --_link-left:50%;
  --_link-width:55px;
  transform: var(--_link-transform);
  left: var(--_link-left);
  width: var(--_link-width);
  background-color: var(--theme-color);
  bottom: 0;
  content: "";
  display: block;
  height: 2.5px;
  position: absolute;
}
@media screen and (min-width: 992px) {
  .l-double__aside .l-list-border li:has(.o-link-text-active)::after {
    --_link-width: 100%;
    --_link-left: 0;
    --_link-transform: translate(0,0);
  }
}

.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);
}
@media screen and (min-width: 992px) {
  .l-double__aside::after {
    position: absolute;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 992px) 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;
}
@media screen and (min-width: 992px) {
  .l-double--reverse .l-double__aside::after {
    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 0.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-underline {
  color: var(--link-color-dark);
  transition: color 0.3s ease-in-out;
}
.o-link-underline:hover, .o-link-underline-active {
  color: #808080;
}
.o-bg-dark .o-link-underline, .o-bg-primary-dark .o-link-underline {
  color: #fff;
}
.o-bg-dark .o-link-underline:hover, .o-bg-primary-dark .o-link-underline:hover {
  color: #808080;
}

.o-link-invisible {
  color: var(--body-color) !important;
  text-decoration: none;
  transition: color 0.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 0.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 0.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;
}
article[data-layout-format=verticale] .o-skeleton__external-video {
  position: relative;
  background-color: #0d0d0d !important;
  padding-top: 0;
}
article[data-layout-format=verticale] .o-skeleton__external-video iframe {
  position: sticky;
  top: 0;
  width: 100%;
  height: 83vh;
  margin-top: 0 !important;
}
article[data-layout-format=verticale] .o-skeleton__external-video > div[style] {
  position: static !important;
  padding: 0 !important;
  background-color: #0d0d0d !important;
}
article[data-layout-format=verticale] .o-skeleton__external-video [data-svp].svp {
  position: static !important;
  padding-bottom: 0% !important;
}
.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.3333333333%;
}
.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.3333333333%;
}
@media screen and (min-width: 740px) {
  .o-skeleton-media--vertical-horizontal {
    padding-top: 56.25%;
  }
}
.o-skeleton-media--vertical-wide {
  padding-top: 133.3333333333%;
}
@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: 0.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--naked, .c-btn--default {
  --btn-color: var(--btn-default-color);
  --btn-label: var(--btn-default-label);
  background-color: transparent;
}
.c-btn--naked:hover, .c-btn--default:hover {
  --btn-color: #808080;
  --btn-label: #808080;
}
.c-btn--naked:disabled, .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--inverse {
  --btn-color: #fff;
  --btn-label: #fff;
  background-color: transparent;
}
.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--naked, .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-btn__discount {
  background-color: #00990a;
  top: -1rem;
  right: 0.5rem;
}

.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 0.3s ease-in-out;
}
.c-dropdown__panel {
  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 0.35s ease-in-out;
}
.c-dropdown__brand:hover {
  transform: scale(1.3);
}
.c-dropdown__label {
  color: var(--body-secondary-color);
  cursor: auto;
}
.c-dropdown__label {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
}
.c-dropdown__label {
  font-size: 0.875rem;
  line-height: calc(1em + 4px);
}
.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: 7rem;
}
.c-avatar__thumb {
  filter: drop-shadow(5px 5px 5px #4d4d4d);
  flex: 1 0 auto;
  transform: rotateZ(0);
}
.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;
}
.c-header__channel {
  font-family: var(--font-serif-display);
  font-weight: 700;
}
.c-header__channel {
  font-size: 1.125rem;
  line-height: calc(1em + 4px);
}
@media screen and (min-width: 740px) {
  .c-header__channel {
    font-family: var(--font-serif-display);
    font-weight: 700;
  }
  .c-header__channel {
    font-size: 1.75rem;
    line-height: calc(1em + 4px);
  }
  .c-header__channel {
    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: 0.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;
}
.c-navbar__toggle {
  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;
}
.c-navbar__toggle-shadow {
  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 0.3s ease-in;
}
@media screen and (min-width: 740px) {
  .c-navbar__item {
    --item-link-color: #0d0d0d;
  }
}
.c-navbar__item {
  font-family: var(--font-serif-display);
  font-weight: 700;
}
.c-navbar__item {
  font-size: 1rem;
  line-height: calc(1em + 4px);
}
@media screen and (min-width: 740px) {
  .c-navbar__item {
    font-family: var(--font-serif-display);
    font-weight: 700;
  }
  .c-navbar__item {
    font-size: 1.25rem;
    line-height: calc(1em + 4px);
  }
}
.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;
}
[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;
}
@media (prefers-color-scheme: dark) {
  .c-loader {
    --loader-bg: #808080;
    --loader-animation: #fff;
  }
}
.c-loader {
  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;
}

@-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;
}
.c-menu {
  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 0.3s ease-in-out;
}
.c-menu.is-open {
  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=checkbox]:checked ~ .c-menu__list {
  display: flex;
}
.c-menu__title {
  padding: 0.75rem;
  border-bottom: 1px solid var(--menu-divider-color);
}
.c-menu__title {
  font-family: var(--font-serif-display);
  font-weight: 700;
}
.c-menu__title {
  font-size: 1.5rem;
  line-height: calc(1em + 4px);
}
@media screen and (min-width: 740px) {
  .c-menu__title {
    margin-bottom: 1rem;
    padding: 0;
    border-bottom: 0;
  }
  .c-menu__title {
    font-family: var(--font-sans-grotesk);
    font-weight: 700;
  }
  .c-menu__title {
    font-size: 0.875rem;
    line-height: calc(1em + 4px);
  }
  .c-menu__title {
    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 > input[type=checkbox]:checked ~ .c-menu__title .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: rgb(66.1303317536, 99.7559241706, 170.3696682464);
}
.c-share__item--twitter {
  background-color: #000;
}
.c-share__item--twitter:hover {
  background-color: rgb(12.75, 12.75, 12.75);
}
.c-share__item--whatsapp {
  background-color: #25d366;
}
.c-share__item--whatsapp:hover {
  background-color: rgb(53.7842741935, 219.7157258065, 115.7701612903);
}
.c-share__item--email {
  background-color: #4d4d4d;
}
.c-share__item--email:hover {
  background-color: rgb(89.75, 89.75, 89.75);
}

.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-xs, .c-story--inline-xs-reverse, .c-story--inline-sm, .c-story--inline-sm-reverse, .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-xs .c-story__content, .c-story--inline-xs-reverse .c-story__content, .c-story--inline-sm .c-story__content, .c-story--inline-sm-reverse .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);
  }
}
@media screen and (min-width: 740px) {
  .c-story--inline-sm-reverse {
    grid-template-areas: "media media media headline headline headline headline headline" "media media media 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-xs {
    grid-template-areas: "headline headline headline headline headline media media media" "summary summary summary summary summary media media media" "sublinks sublinks sublinks sublinks sublinks sublinks sublinks sublinks" "byline byline byline byline byline byline byline byline";
    grid-template-columns: repeat(8, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .c-story--inline-xs {
    grid-template-areas: "headline headline headline media" "summary summary summary media" "sublinks sublinks sublinks sublinks" "byline byline byline byline";
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 740px) {
  .c-story--inline-xs-reverse {
    grid-template-areas: "media media media headline headline headline headline headline" "media media media summary summary summary summary summary" "sublinks sublinks sublinks sublinks sublinks sublinks sublinks sublinks" "byline byline byline byline byline byline byline byline";
    grid-template-columns: repeat(8, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .c-story--inline-xs-reverse {
    grid-template-areas: "media headline headline headline" "media summary summary summary" "sublinks sublinks sublinks sublinks" "byline byline byline byline";
    grid-template-columns: repeat(4, 1fr);
  }
}
.c-story--inline-square {
  grid-template-areas: "headline" "media" "summary" "sublinks" "byline";
}
.c-story--inline-square .c-story__content {
  grid-area: headline;
}
@media screen and (min-width: 740px) {
  .c-story--inline-square {
    grid-template-areas: "headline headline headline headline media media" "headline headline headline headline media media";
    grid-template-columns: repeat(6, 1fr);
  }
}
.c-story--inline-square-reverse {
  grid-template-areas: "media" "headline" "summary" "sublinks" "byline";
}
.c-story--inline-square-reverse .c-story__content {
  grid-area: headline;
}
@media screen and (min-width: 740px) {
  .c-story--inline-square-reverse {
    grid-template-areas: "media media headline headline headline headline" "media media headline headline headline headline";
    grid-template-columns: repeat(6, 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: 0.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;
}
.c-story--overlay .c-story__heading {
  font-size: 1rem;
  line-height: calc(1em + 4px);
}
@media screen and (min-width: 992px) {
  .c-story--overlay .c-story__heading {
    font-family: var(--font-serif-display);
    font-weight: 500;
  }
  .c-story--overlay .c-story__heading {
    font-size: 1.25rem;
    line-height: calc(1em + 4px);
  }
}
.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-square-reverse .c-story__media, .c-story--inline-xs-reverse .c-story__media, .c-story--inline-sm-reverse .c-story__media {
    margin-bottom: 0;
    margin-right: 0.75rem;
  }
}
@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;
}
.c-story--overlay .c-story__media {
  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-multi-column > *:first-child .c-story__number {
  top: 1.5rem;
}
.c-story__badge {
  --_badge-bg: var(--kicker-bg);
  background-color: var(--_badge-bg);
}
.c-story--dossier .c-story__badge {
  --_badge-bg: #FFFF00;
  color: #161616;
}
body[data-channel*=podcast] .c-story__badge, body[data-model*=podcast] .c-story__badge {
  --kicker-bg: #5AC1BD;
}
.c-story__kicker {
  grid-area: kicker;
  align-self: self-start;
  color: var(--story-kicker-text);
}
.c-story--dossier .c-story__kicker span {
  color: #fff;
  background-color: #161616;
  padding: 0.125rem 0.25rem;
}
.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;
}
.c-story__play {
  z-index: 9;
}
.c-story__summary {
  grid-area: summary;
  margin-top: 0.5rem;
}
.c-story__summary p {
  margin: 0;
  color: var(--body-secondary-color);
}
.c-story__summary p {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
}
.c-story__summary p {
  font-size: 1rem;
  line-height: calc(1em + 4px);
}
.c-story__summary p {
  line-height: 1.5;
}
.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, var(--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*=life]: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*=life] .c-subheader {
  --subheader-background: rgba(92, 48, 110, 0.25);
  --subheader-text: #fff;
  --subheader-border: #5c306e;
}
[data-theme=today][data-channel*=life] .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) {
  [data-theme=today][data-channel*=vision]:not([data-color-scheme*=light]) .c-subheader {
    --subheader-background: rgba(16, 16, 30, 0.25);
    --subheader-text: #fff;
    --subheader-border: #10101E;
  }
}
[data-color-scheme*=dark][data-theme=today][data-channel*=vision] .c-subheader {
  --subheader-background: rgba(16, 16, 30, 0.25);
  --subheader-text: #fff;
  --subheader-border: #10101E;
}
[data-theme=today][data-channel*=vision] .c-subheader {
  --subheader-border: #0076D1;
  --subheader-background: #F4F6FB;
  --subheader-text: #10101E;
  --subheader-text-hover: #0076D1;
}
[data-theme=today][data-channel*="/gossip"] .c-subheader {
  --subheader-background: #8947a3;
  --subheader-text: #fff;
}
.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);
}
.c-subheader__item {
  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%;
}
.c-subheader__navbar--lg .c-subheader__item {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
}
.c-subheader__navbar--lg .c-subheader__item {
  font-size: 1.125rem;
  line-height: calc(1em + 4px);
}
@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: #0d0d0d;
  --subheader-text: #fff;
}
body[data-channel*=dossier] .c-subheader .c-subheader__item--active::after {
  background-color: var(--component-color-accent);
}
body[data-channel*=dossier] .c-subheader .c-dossier-logo path {
  fill: #fff;
}

.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);
}
@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^="/life/"]:not([data-color-scheme*=light]) .c-title {
    --title-text: #b786ca;
  }
  [data-theme=today][data-channel^="/life/"]:not([data-color-scheme*=light]) .c-title.c-title--featured-multiline, [data-theme=today][data-channel^="/life/"]: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^="/life/"] .c-title {
  --title-border: #8947a3;
  --title-text: #b786ca;
}
[data-color-scheme*=dark][data-theme=today][data-channel^="/life/"] .c-title.c-title--featured-multiline, [data-color-scheme*=dark][data-theme=today][data-channel^="/life/"] .c-title.c-title--featured {
  --title-border: #fff;
  --title-text: #fff;
}
[data-theme=today][data-channel^="/life/"]:not([data-color-scheme*=light]) .c-title {
  --title-border: #8947a3;
  --title-text: #5c306e;
}
[data-theme=today][data-channel^="/life/"]:not([data-color-scheme*=light]) .c-title.c-title--featured-multiline, [data-theme=today][data-channel^="/life/"]: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 (prefers-color-scheme: dark) {
  [data-theme=today][data-channel^="/vision/"]:not([data-color-scheme*=light]) .c-title {
    --title-text: #0076D1;
  }
  [data-theme=today][data-channel^="/vision/"]:not([data-color-scheme*=light]) .c-title.c-title--featured-multiline, [data-theme=today][data-channel^="/vision/"]: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^="/vision/"] .c-title {
  --title-border: #20213C;
  --title-text: #0076D1;
}
[data-color-scheme*=dark][data-theme=today][data-channel^="/vision/"] .c-title.c-title--featured-multiline, [data-color-scheme*=dark][data-theme=today][data-channel^="/vision/"] .c-title.c-title--featured {
  --title-border: #fff;
  --title-text: #fff;
}
[data-theme=today][data-channel^="/vision/"]:not([data-color-scheme*=light]) .c-title {
  --title-border: #20213C;
  --title-text: #10101E;
}
[data-theme=today][data-channel^="/vision/"]:not([data-color-scheme*=light]) .c-title.c-title--featured-multiline, [data-theme=today][data-channel^="/vision/"]:not([data-color-scheme*=light]) .c-title.c-title--featured {
  --title-border: #fff;
  --title-text: #fff;
}
.c-title {
  font-family: var(--font-serif-display);
  font-weight: 700;
}
.c-title {
  font-size: 1.75rem;
  line-height: calc(1em + 4px);
}
.c-title {
  font-size: 1.625rem;
}
@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);
}
.c-title--featured, .c-title--featured-multiline {
  font-family: var(--font-sans-grotesk);
  font-weight: 900;
}
.c-title--featured, .c-title--featured-multiline {
  font-size: 1.25rem;
  line-height: calc(1em + 4px);
}
@media (prefers-color-scheme: dark) {
  body:not([data-color-scheme*=light]):not([data-model*=sponsor]) .c-title--featured, body:not([data-color-scheme*=light]):not([data-model*=sponsor]) .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 {
  --title-background: #0d0d0d;
}

.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;
}
[data-premium--product] .c-toolbar__item [data-toolbar--label-subscription] {
  display: none;
}
[data-premium--product] .c-toolbar__item [data-toolbar--label-upgrade] {
  display: block;
}
[data-premium--product^=WEB_FULL][data-premium--product$=ALL_Y] .c-toolbar__item:has(> [data-toolbar--subscription-button]) {
  display: none;
}
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--vanilla {
  border-top: unset;
  color: var(--background-color-light);
}
.c-footer--vanilla a {
  color: inherit;
}
.c-footer--vanilla .c-brand-cn {
  fill: var(--background-color-muted-alpha);
  height: var(--footer-brand-height);
}
@media screen and (min-width: 600px) {
  .c-footer--vanilla .c-brand-cn {
    --footer-brand-height: 2.5rem;
  }
}
.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 0.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;
}
.c-modetoggle__label:hover::after {
  z-index: 9999999999;
}
.c-modetoggle__label:hover::after {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
}
.c-modetoggle__label:hover::after {
  font-size: 0.75rem;
  line-height: calc(1em + 4px);
}

.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 0.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 0.3s ease-in-out, border-top 0.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:first-of-type:not(:has(~ input:checked)) {
  display: block;
}
.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:not(:has(thead)) tr:first-child {
  position: sticky;
  top: 0;
}
table:not(:has(thead)) tr:first-child td {
  background-color: #f3f3f3;
  border-bottom: 1px solid #0d0d0d;
  color: #0d0d0d;
}
table:not(:has(thead)) tr:first-child td {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
}
table:not(:has(thead)) tr:first-child td {
  font-size: 1rem;
  line-height: calc(1em + 4px);
}
table:not(:has(thead)) tr:not(:first-child):nth-child(odd) {
  background-color: var(--background-color-gray);
}
table:not(:has(thead)) tr:not(:first-child):nth-child(even) {
  background-color: var(--background-color-body);
}
table thead {
  background-color: #f3f3f3;
  text-align: left;
  position: sticky;
  top: 0;
}
table tbody tr:nth-child(even) {
  background-color: var(--background-color-gray);
}
table tbody tr:nth-child(odd) {
  background-color: var(--background-color-body);
}
table th,
table td {
  padding: 1rem;
}
table th {
  border-bottom: 1px solid #0d0d0d;
  color: #0d0d0d;
}
table th {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
}
table th {
  font-size: 1rem;
  line-height: calc(1em + 4px);
}
table td {
  border-bottom: 1px solid var(--divider-color);
  color: #808080;
}
table td {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
}
table td {
  font-size: 0.875rem;
  line-height: calc(1em + 4px);
}

.c-modal {
  --modal-size: 90%;
}
.c-modal__dialog {
  opacity: 0;
  visibility: hidden;
  background: rgba(13, 13, 13, 0.5);
  transition: opacity 0.25s ease;
}
.c-modal__dialog {
  z-index: 99999;
}
.c-modal__close {
  top: 1rem;
  right: 1rem;
  fill: #0d0d0d;
}
.c-modal__close {
  z-index: 999;
}
.c-modal__wrap {
  top: -50%;
  transition: top 0.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;
}
.c-modal__media__close {
  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: 90svh;
}
.c-modal--orientation {
  display: none;
  height: 100vh;
  height: 100vh;
  width: 100vw;
}
.c-modal--orientation {
  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-modal--popover {
  top: 0;
}
@supports not selector(:popover-open) {
  .c-modal--popover {
    /* Questo blocco di codice verrà applicato se il browser NON supporta 'popover' */
    display: none;
  }
}
@media screen and (min-width: 600px) {
  .c-modal--popover {
    height: fit-content;
  }
}
.c-modal--popover::backdrop {
  backdrop-filter: blur(5px);
  background-color: rgba(13, 13, 13, 0.8);
  transition: display var(--_duration) var(--ease-4);
  touch-action: none;
}
.c-modal--popover__body {
  height: calc(100% - 2 * 0.75rem);
}
@media screen and (min-width: 600px) {
  .c-modal--popover__body {
    height: auto;
  }
}
@supports not selector(:popover-open) {
  .c-modal--popover__btn {
    /* Questo blocco di codice verrà applicato se il browser NON supporta 'popover' */
    display: none;
  }
}

.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: rgb(56.4325842697, 51.8258426966, 46.0674157303);
    --label-active-bg: rgb(56.4325842697, 51.8258426966, 46.0674157303);
    --label-hover-bg: rgb(56.4325842697, 51.8258426966, 46.0674157303);
  }
}
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: rgb(232.3033707865, 230.0337078652, 227.1966292135);
  --label-active-bg: rgb(232.3033707865, 230.0337078652, 227.1966292135);
  --label-hover-bg: rgb(232.3033707865, 230.0337078652, 227.1966292135);
}
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: rgb(56.4325842697, 51.8258426966, 46.0674157303);
  --label-active-bg: rgb(56.4325842697, 51.8258426966, 46.0674157303);
  --label-hover-bg: rgb(56.4325842697, 51.8258426966, 46.0674157303);
}

@media (prefers-color-scheme: dark) {
  details summary::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXBsdXMtc3F1YXJlIj48cmVjdCB4PSIzIiB5PSIzIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHJ4PSIyIiByeT0iMiI+PC9yZWN0PjxsaW5lIHgxPSIxMiIgeTE9IjgiIHgyPSIxMiIgeTI9IjE2Ij48L2xpbmU+PGxpbmUgeDE9IjgiIHkxPSIxMiIgeDI9IjE2IiB5Mj0iMTIiPjwvbGluZT48L3N2Zz4=");
  }
  details[open] summary::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLW1pbnVzLXNxdWFyZSI+PHJlY3QgeD0iMyIgeT0iMyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiByeD0iMiIgcnk9IjIiPjwvcmVjdD48bGluZSB4MT0iOCIgeTE9IjEyIiB4Mj0iMTYiIHkyPSIxMiI+PC9saW5lPjwvc3ZnPg==");
  }
}
body[data-color-scheme*=dark] details summary::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXBsdXMtc3F1YXJlIj48cmVjdCB4PSIzIiB5PSIzIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHJ4PSIyIiByeT0iMiI+PC9yZWN0PjxsaW5lIHgxPSIxMiIgeTE9IjgiIHgyPSIxMiIgeTI9IjE2Ij48L2xpbmU+PGxpbmUgeDE9IjgiIHkxPSIxMiIgeDI9IjE2IiB5Mj0iMTIiPjwvbGluZT48L3N2Zz4=");
}
body[data-color-scheme*=dark] 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);
}
details summary {
  display: flex;
  align-items: center;
  margin: 0 0 0.75rem 0;
  list-style: none;
  cursor: pointer;
}
details summary {
  font-family: var(--font-serif-display);
  font-weight: 500;
}
details summary {
  font-size: 1.5rem;
  line-height: calc(1em + 4px);
}
details summary::marker, details summary::-webkit-details-marker {
  display: none;
}
details summary::before {
  content: " ";
  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+");
}
@media (prefers-reduced-motion: no-preference) {
  details {
    interpolate-size: allow-keywords;
  }
}
details::details-content {
  opacity: 0;
  block-size: 0;
  overflow-y: clip;
  transition: content-visibility 1s allow-discrete, opacity 1s, block-size 1s;
}
details[open]::details-content {
  opacity: 1;
  block-size: auto;
}

.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;
}
.faq details summary {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
}
.faq details summary {
  font-size: 1rem;
  line-height: calc(1em + 4px);
}
.faq details summary::marker, .faq details summary::-webkit-details-marker {
  display: none;
}
.faq details summary::before {
  display: inline-block;
  content: " ";
  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: 0.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;
}
.c-slider--scroll .c-slider__arrows-prev, .c-slider--scroll .c-slider__arrows-next {
  z-index: 9;
}
.c-slider--scroll .c-slider__container {
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}
.c-slider--scroll .c-slider__container {
  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-light);
}
.c-slider--scroll .c-slider__container::-webkit-scrollbar-thumb:hover {
  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 0.6s ease-in-out;
}
.c-landscapebox__item:hover::after {
  background-color: transparent;
  transition: background-color 0.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;
}
.c-landscapebox__title {
  font-family: var(--font-serif-display);
  font-weight: 500;
}
.c-landscapebox__title {
  font-size: 2rem;
  line-height: calc(1em + 4px);
}
.c-landscapebox__title {
  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);
}
[data-homepage] .c-newsletter {
  text-align: center;
  color: #fff;
  height: var(--newsletter-height);
}
@media screen and (min-width: 740px) {
  [data-homepage] .c-newsletter {
    height: auto;
  }
}

.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);
  max-height: 90vh;
  margin-top: 1rem;
  overflow-y: auto;
  background-color: var(--lister);
}
.c-lister details {
  all: unset;
  position: relative;
  display: flex;
  flex-direction: column;
  color: var(--body-color-inverse);
}
.c-lister details .c-lister__content {
  display: flex;
  flex-direction: row;
  gap: 16px;
  overflow-x: auto;
  padding: 16px 3rem;
}
.c-lister details .c-lister__content span {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 1rem;
  background-color: var(--background-color);
  color: var(--body-color);
  width: max-content;
  min-width: 130px;
  border: 1px solid var(--divider-color);
}
.c-lister details .c-lister__content span {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
}
.c-lister details .c-lister__content span {
  font-size: 0.875rem;
  line-height: calc(1em + 4px);
}
.c-lister details .c-lister__content span.u-none {
  display: none;
}
.c-lister details summary {
  all: unset;
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background-color: var(--lister-first-detail-bg);
  color: var(--body-color-inverse);
}
.c-lister details summary {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
}
.c-lister details summary {
  font-size: 0.875rem;
  line-height: calc(1em + 4px);
}
.c-lister details summary {
  cursor: pointer;
  font-weight: bold;
}
.c-lister details summary::before {
  all: unset;
}
.c-lister details summary {
  z-index: 9;
}
.c-lister details summary small {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
}
.c-lister details summary small {
  font-size: 0.875rem;
  line-height: calc(1em + 4px);
}
.c-lister details[open] > summary {
  border-bottom: 2px solid var(--divider-color);
}
.c-lister details[open] > summary .o-icon {
  transform: rotate(180deg);
}
.c-lister details details {
  color: var(--body-color);
}
.c-lister details details:not(:last-child) {
  border-bottom: 1px solid var(--divider-color);
}
.c-lister details details summary {
  top: 3rem;
  background-color: var(--lister-second-detail-bg);
  color: var(--body-color);
  padding-left: 2rem;
}
.c-lister details details summary {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
}
.c-lister details details summary {
  font-size: 0.75rem;
  line-height: calc(1em + 4px);
}
.c-lister details details summary {
  z-index: 5;
}
.c-lister details details[open] summary {
  color: var(--body-color);
}
.c-lister details details details {
  color: var(--body-color);
  border-bottom: 1px solid var(--divider-color);
}
.c-lister details details details:not(:last-child) {
  border-bottom: 1px solid var(--divider-color);
}
.c-lister details details details summary {
  top: 6rem;
  background-color: var(--lister-third-detail-bg);
  padding-left: 3rem;
  color: var(--body-color);
}
.c-lister details details details summary {
  z-index: 1;
}
.c-lister details details details summary span {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
}
.c-lister details details details summary span {
  font-size: 0.75rem;
  line-height: calc(1em + 4px);
}
.c-lister {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
}
.c-lister {
  font-size: 0.875rem;
  line-height: calc(1em + 4px);
}

.c-introplayer {
  margin: 7px auto;
  height: 50px;
}
.c-introplayer::before {
  content: "";
  --_introplayer-bg: 50%;
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url("https://citynews.stgy.ovh/~shared/images/wave-30.png");
  background-size: var(--_introplayer-bg);
  background-position: center;
  background-repeat: repeat-x;
  opacity: 0.3;
}
@media screen and (min-width: 740px) {
  .c-introplayer::before {
    --_introplayer-bg: 30%;
  }
}

.c-notification {
  --notification-background: var(--background-color);
  --notification-border: var(--divider-color);
}
.c-notification:empty, .c-notification:has(input[type=hidden]:only-child) {
  display: none;
}
.c-notification {
  background-color: var(--notification-background);
  border-left: 3px solid var(--notification-border);
}
.c-notification ul > li::marker {
  color: var(--notification-border);
}
.c-notification {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
}
.c-notification {
  font-size: 0.875rem;
  line-height: calc(1em + 4px);
}
.c-notification--infos {
  --notification-background: rgba(47, 88, 183, 0.2);
  --notification-border: #2f58b7;
}
.c-notification--warning {
  --notification-background: rgba(255, 215, 0, 0.4);
  --notification-border: #FFD700;
}
.c-notification--error {
  --notification-background: rgba(179, 36, 36, 0.2);
  --notification-border: #b32424;
}
.c-notification--success {
  --notification-background: rgba(0, 153, 10, 0.3);
  --notification-border: #00990a;
}

script[type="text/blackstone+encrypted"][data-encrypted--error]::before {
  --notification-background: rgba(179, 36, 36, 0.2);
  --notification-border: #b32424;
  font-size: 0.875rem !important;
  line-height: calc(1em + 4px);
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
  background-color: var(--notification-background);
  border-left: 3px solid var(--notification-border);
  padding: 1rem;
  display: block;
  color: var(--body-color) !important;
}

.c-subscription {
  background-color: var(--background-color-gray);
  min-width: 280px;
  max-width: 480px;
}
.c-subscription--selected {
  background-color: var(--background-color);
  border: 1px solid var(--divider-color);
}
.c-subscription--recomended {
  order: -1;
}
@media screen and (min-width: 740px) {
  .c-subscription--recomended {
    order: 0;
  }
}
.c-subscription__recomended {
  background-color: var(--divider-color);
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.c-subscription__promo {
  --_promo-bg: #00990a;
  background-color: var(--_promo-bg);
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-subscription--selected .c-subscription__promo {
  --_promo-bg: var(--background-color-negative);
}
.c-subscription__features {
  padding-left: 26px;
}
.c-subscription__feature::after {
  --_feature: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgPjxwYXRoIGQ9Ik0yMiAxMS4wOFYxMmExMCAxMCAwIDEgMS01LjkzLTkuMTQiLz48cG9seWxpbmUgcG9pbnRzPSIyMiA0IDEyIDE0LjAxIDkgMTEuMDEiLz48L3N2Zz4=");
  content: "";
  position: absolute;
  left: -1.5rem;
  top: 0;
  width: 1rem;
  height: 1rem;
  background-image: var(--_feature);
}
body[data-color-scheme*=dark] .c-subscription__feature::after {
  --_feature: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiID48cGF0aCBkPSJNMjIgMTEuMDhWMTJhMTAgMTAgMCAxIDEtNS45My05LjE0Ii8+PHBvbHlsaW5lIHBvaW50cz0iMjIgNCAxMiAxNC4wMSA5IDExLjAxIi8+PC9zdmc+");
}
@media (prefers-color-scheme: dark) {
  body:not([data-color-scheme*=light]) .c-subscription__feature::after {
    --_feature: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiID48cGF0aCBkPSJNMjIgMTEuMDhWMTJhMTAgMTAgMCAxIDEtNS45My05LjE0Ii8+PHBvbHlsaW5lIHBvaW50cz0iMjIgNCAxMiAxNC4wMSA5IDExLjAxIi8+PC9zdmc+");
  }
}
.c-subscription__feature--disabled::after {
  --_feature: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYjNiM2IzIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIi8+PGxpbmUgeDE9IjQuOTMiIHkxPSI0LjkzIiB4Mj0iMTkuMDciIHkyPSIxOS4wNyIvPjwvc3ZnPg==");
}
body[data-color-scheme*=dark] .c-subscription__feature--disabled::after {
  --_feature: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYjNiM2IzIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIi8+PGxpbmUgeDE9IjQuOTMiIHkxPSI0LjkzIiB4Mj0iMTkuMDciIHkyPSIxOS4wNyIvPjwvc3ZnPg==");
}
@media (prefers-color-scheme: dark) {
  body:not([data-color-scheme*=light]) .c-subscription__feature--disabled::after {
    --_feature: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYjNiM2IzIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIi8+PGxpbmUgeDE9IjQuOTMiIHkxPSI0LjkzIiB4Mj0iMTkuMDciIHkyPSIxOS4wNyIvPjwvc3ZnPg==");
  }
}
html:not([data-premium--available-plus]) [data-feature-items] .c-subscription__feature:nth-child(3) {
  display: none;
}
.c-subscription__price {
  min-height: 160px;
}

@keyframes selection {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
@keyframes popup {
  0% {
    transform: translateY(10%);
  }
  100% {
    transform: translateY(0%);
  }
}
.c-switcher__options {
  background-color: var(--background-color-gray);
  border-radius: 3rem;
}
.c-switcher__option {
  transition: font-weight 0.3s ease-in;
  width: fit-content;
}
.c-switcher__option::after {
  content: "";
  position: absolute;
  bottom: 50%;
  left: 50%;
  translate: -50% 50%;
  width: 40px;
  height: 40px;
  opacity: 0;
  border-radius: 3rem;
  background-color: var(--background-color);
}
.c-switcher__option::after {
  z-index: -1;
}
.c-switcher__option {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
}
.c-switcher__option {
  font-size: 1rem;
  line-height: calc(1em + 4px);
}
.c-switcher input[value=month]:checked ~ .c-switcher__options > .c-switcher__option[data-option-value=month]::after,
.c-switcher input[value=year]:checked ~ .c-switcher__options > .c-switcher__option[data-option-value=year]::after,
.c-switcher input[value=other]:checked ~ .c-switcher__options > .c-switcher__option[data-option-value=other]::after {
  animation: selection 0.6s cubic-bezier(0.36, 0, 0.66, -0.56) forwards;
}
.c-switcher input[value=month]:checked ~ .c-switcher__options > .c-switcher__option[data-option-value=month],
.c-switcher input[value=year]:checked ~ .c-switcher__options > .c-switcher__option[data-option-value=year],
.c-switcher input[value=other]:checked ~ .c-switcher__options > .c-switcher__option[data-option-value=other] {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
}
.c-switcher input[value=month]:checked ~ .c-switcher__options > .c-switcher__option[data-option-value=month],
.c-switcher input[value=year]:checked ~ .c-switcher__options > .c-switcher__option[data-option-value=year],
.c-switcher input[value=other]:checked ~ .c-switcher__options > .c-switcher__option[data-option-value=other] {
  font-size: 1rem;
  line-height: calc(1em + 4px);
}
.c-switcher__label {
  background-color: #00990a;
  top: -1rem;
  right: 1rem;
}
.c-switcher input[value=month]:checked ~ .c-switcher__panel[data-time=month],
.c-switcher input[value=year]:checked ~ .c-switcher__panel[data-time=year],
.c-switcher input[value=other]:checked ~ .c-switcher__panel[data-time=other] {
  height: auto;
  opacity: 1;
  display: block;
}
.c-switcher input[value=month]:checked ~ .c-switcher__panel[data-time=month] > *,
.c-switcher input[value=year]:checked ~ .c-switcher__panel[data-time=year] > *,
.c-switcher input[value=other]:checked ~ .c-switcher__panel[data-time=other] > * {
  animation: popup 0.6s cubic-bezier(0.36, 0, 0.66, -0.56) forwards;
}
.c-switcher__panel {
  height: 0;
  opacity: 0;
  transition: height 0.9s ease-in-out, display 0.3s ease-in-out allow-discrete;
  overflow-y: hidden;
  display: none;
}

@property --progress {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}
.component {
  --size: 12vmin;
  display: grid;
  grid-template-areas: "timer" "caption";
  place-items: center;
  place-content: center;
  gap: 0.2em;
  position: sticky;
  right: 0;
  bottom: 0;
  width: fit-content;
}
.component {
  z-index: 9;
}
@media screen and (min-width: 740px) {
  .component {
    --size: 8vmin;
  }
}

.timer-wrapper {
  grid-area: timer;
  display: grid;
  place-items: center;
  place-content: center;
  grid-template-areas: "container";
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: conic-gradient(from 45deg, var(--theme-color-lighter) calc(var(--progress) * 1%), transparent 0);
}

.timer-wrapper > * {
  grid-area: container;
  filter: drop-shadow(2px 4px 6px var(--background-color-negative));
}

.timer {
  width: calc(var(--size) / 1.2);
  height: calc(var(--size) / 1.2);
}

.caption {
  grid-area: caption;
}

.caption::before,
.caption::after {
  margin-inline: auto;
  content: counter(progress);
  font-size: calc(0.6em + var(--size) / 6);
  font-weight: bold;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.caption::after {
  content: "%";
}

@supports (animation-timeline: scroll()) {
  :is(.component, .timer-wrapper, .timer, .timer-hand, .timer-switch) {
    animation-timeline: view();
  }
  .component {
    --plunge-offset: 10rem;
    --plunge-start: calc(100% - var(--plunge-offset) * 2);
    --plunge-end: calc(100% - var(--plunge-offset));
    animation-name: progress;
    counter-reset: progress var(--progress);
  }
  .timer-wrapper {
    animation-name: progress, turn-upright;
  }
  .timer {
    --plunge-depth: 0.25em;
    transform-origin: 50% 0;
    animation-name: plunge;
  }
  .timer-switch {
    --plunge-depth: 1em;
    transform-origin: 50% 0;
    animation-name: plunge;
  }
  .timer-hand {
    transform-origin: 50%;
    rotate: calc(var(--progress) / 100 * 360deg);
    animation-name: progress;
  }
  @keyframes progress {
    to {
      --progress: 100;
    }
  }
  @keyframes turn-upright {
    from {
      rotate: -10deg;
    }
    to {
      rotate: 0;
    }
  }
  @keyframes plunge {
    50% {
      translate: 0 var(--plunge-depth);
    }
  }
  @keyframes fade-out {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
}
.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 0.25s ease;
  }
  100% {
    opacity: 1;
    transition: all 0.25s ease;
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 0;
    transition: all 0.25s ease;
  }
  100% {
    opacity: 1;
    transition: all 0.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: 0.2s 0.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: 0.2s 0.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: var(--body-color-inverse);
  transition: 0.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: 0.4s;
}

.u-a-cloned-2 {
  padding: 10px;
  transition: 0.2s 0.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: 0.2s 0.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: var(--body-color-inverse);
  transition: 0.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: 0.4s;
}

.u-a-cloned-3 {
  padding: 10px;
  transition: 0.2s 0.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: 0.2s 0.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: var(--body-color-inverse);
  transition: 0.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: 0.2s;
}

.u-a-cloned-4 {
  padding: 10px;
  transition: 0.2s 0.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: 0.2s;
  inset: 0;
}
.u-a-cloned-4:before {
  background: var(--theme-color-light);
}
.u-a-cloned-4:hover {
  background: var(--theme-color);
  color: var(--body-color-inverse);
  transition: 0.2s;
}
.u-a-cloned-4:hover:before, .u-a-cloned-4:hover:after {
  opacity: 1;
  transform: rotate(-8deg);
  transition: 0.2s 0.2s;
}
.u-a-cloned-4:hover:before {
  transform: rotate(8deg);
}

.u-a-cloned-5 {
  padding: 10px;
  transition: 0.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: var(--body-color-inverse);
}
.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: 0.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: var(--body-color-inverse);
}
.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: 0.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: var(--body-color-inverse);
}
.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: -0.1px;
}
.u-a-cloned-7:hover:before {
  transition-delay: 0.3s, 0.2s;
  inset: -0.2px;
}

.u-a-cloned-8 {
  padding: 10px;
  transition: 0.3s 0.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: 0.3s 0.3s, box-shadow 0.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: var(--body-color-inverse);
  transition: 0.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: 0.3s 0.3s, opacity 0.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: 0.3s 0.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: 0.3s 0.6s, transform 0.3s 0.3s, background-size 0.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: 0.3s, transform 0.3s 0.3s, background-size 0.3s 0.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 0.3s, opacity 0.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: 0.4s, opacity 0.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 0.3s, opacity 0.3s;
  inset: -3px 0;
  border-image: linear-gradient(-90deg, rgba(0, 0, 0, 0) 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: 0.4s, opacity 0.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 0.3s, opacity 0.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: 0.4s, opacity 0.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 0.3s, opacity 0.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: 0.4s, opacity 0.3s;
  inset: 0;
}
.u-a-sides-4:hover:after {
  transition: 0.4s 0.2s, opacity 0.3s 0.2s;
}

.u-a-sides-5 {
  padding: 10px;
}
.u-a-sides-5:before, .u-a-sides-5:after {
  position: absolute;
  content: "";
  opacity: 0;
  transition: 0s 0.3s, opacity 0.3s;
}
.u-a-sides-5:before {
  border-left: 3px solid;
  box-shadow: -3px 0 inset rgba(0, 0, 0, 0);
  transform: translateX(-20px);
  inset: 0 -20px 0 0;
}
.u-a-sides-5:after {
  border-top: 3px solid;
  box-shadow: 0 -3px inset rgba(0, 0, 0, 0);
  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 0.3s, transform 0.3s, box-shadow 0.3s 0.6s, inset 0.3s 0.6s;
}
.u-a-sides-5:hover:after {
  box-shadow: 0 -3px inset;
  transition: opacity 0.3s 0.3s, transform 0.3s 0.3s, box-shadow 0.3s 0.9s, inset 0.3s 0.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 0.3s, opacity 0.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: 0.4s, opacity 0.3s;
  inset: 0;
}
.u-a-sides-7:hover:after {
  transition: 0.4s 0.4s, opacity 0.3s 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.3s, background-size 0.3s 0.3s;
}
.u-a-thick-2:hover {
  --d: 100%;
  background-position: 50% 0%;
  color: var(--body-color-inverse);
  transition: 0.3s, background-position 0.3s 0.3s, color 0.3s 0.3s;
}

.u-a-thick-3 {
  background: linear-gradient(var(--theme-color) 0 0) 0% calc(-3px - 100%)/var(--d, 0%) 200% no-repeat;
  transition: 0.3s, background-size 0.3s 0.3s;
}
.u-a-thick-3:hover {
  --d: 100%;
  background-position: 50% 0%;
  color: var(--body-color-inverse);
  transition: 0.3s, background-position 0.3s 0.3s, color 0.3s 0.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: 0.5s;
}
.u-a-thick-4:hover {
  --d: 100%;
  color: var(--body-color-inverse);
}

.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: 0.5s;
}
.u-a-thick-5:hover {
  --d: 100%;
  color: var(--body-color-inverse);
}

.u-a-thick-6 {
  background: linear-gradient(var(--theme-color) 0 0) left/100% var(--d, 0%) no-repeat;
  transition: 0.5s;
}
.u-a-thick-6:hover {
  --d: 100%;
  color: var(--body-color-inverse);
}

.u-a-thick-7 {
  background: linear-gradient(var(--theme-color) 0 0) left/var(--d, 0%) 100% no-repeat;
  transition: 0.5s;
}
.u-a-thick-7:hover {
  --d: 100%;
  color: var(--body-color-inverse);
}

.u-a-thick-8 {
  background: linear-gradient(var(--theme-color) 0 0) top/100% var(--d, 0%) no-repeat;
  transition: 0.5s;
}
.u-a-thick-8:hover {
  --d: 100%;
  color: var(--body-color-inverse);
}

[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-border-divider {
  border-color: var(--divider-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-off {
  color: #b3b3b3;
}

.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-lighter);
  }
}
[data-color-scheme*=dark][data-theme=today] .u-color-theme {
  color: var(--theme-color-lighter);
}

.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-line-through {
  text-decoration: line-through;
}

.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--highlighted-inverse {
  background-color: #0d0d0d;
  color: #d9d9d9;
}
.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: 0.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: inline;
  }
}
@media screen and (min-width: 600px) {
  .u-inline\@sm {
    display: inline;
  }
}
@media screen and (min-width: 740px) {
  .u-inline\@md {
    display: inline;
  }
}
@media screen and (min-width: 992px) {
  .u-inline\@lg {
    display: inline;
  }
}
@media screen and (min-width: 1280px) {
  .u-inline\@xl {
    display: inline;
  }
}
@media screen and (min-width: 1440px) {
  .u-inline\@xxl {
    display: inline;
  }
}
@media screen and (min-width: 370px) {
  .u-inline-block\@xs {
    display: inline-block;
  }
}
@media screen and (min-width: 600px) {
  .u-inline-block\@sm {
    display: inline-block;
  }
}
@media screen and (min-width: 740px) {
  .u-inline-block\@md {
    display: inline-block;
  }
}
@media screen and (min-width: 992px) {
  .u-inline-block\@lg {
    display: inline-block;
  }
}
@media screen and (min-width: 1280px) {
  .u-inline-block\@xl {
    display: inline-block;
  }
}
@media screen and (min-width: 1440px) {
  .u-inline-block\@xxl {
    display: inline-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-brightness {
  filter: brightness(0.5);
}

.u-difference {
  mix-blend-mode: difference;
}

.u-invert {
  filter: invert(1);
}

.u-drop-shadow {
  filter: drop-shadow(2px 4px 6px black);
}

.u-flex {
  display: flex;
}

.u-column {
  flex-direction: column;
}

.u-wrap {
  flex-wrap: wrap;
}

.u-justify-center {
  justify-content: center;
}

.u-justify-between {
  justify-content: space-between;
}

.u-items-start {
  align-items: flex-start;
}

.u-items-center {
  align-items: center;
}

.u-content-end {
  align-content: flex-end;
}

.u-self-center {
  align-self: center;
}

.u-row {
  flex-direction: row;
}

.u-row-reverse {
  flex-direction: row-reverse;
}

.u-flex-none {
  flex: none;
}

.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-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-items-end {
  align-items: flex-end;
}

.u-items-stretch {
  align-items: stretch;
}

.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-self-start {
  align-self: start;
}

.u-self-end {
  align-self: end;
}

.u-self-stretch {
  align-self: stretch;
}

@media screen and (min-width: 370px) {
  .u-flex\@xs {
    display: flex;
  }
  .u-row\@xs {
    flex-direction: row;
  }
  .u-column\@xs {
    flex-direction: column;
  }
  .u-nowrap\@xs {
    flex-wrap: nowrap;
  }
  .u-wrap\@xs {
    flex-wrap: wrap;
  }
  .u-items-center\@xs {
    align-items: center;
  }
  .u-justify-center\@xs {
    justify-content: center;
  }
  .u-justify-end\@xs {
    justify-content: flex-end;
  }
  .u-justify-start\@xs {
    justify-content: flex-start;
  }
  .u-items-start\@xs {
    align-items: start;
  }
  .u-none\@xs {
    display: none;
  }
}
@media screen and (min-width: 600px) {
  .u-flex\@sm {
    display: flex;
  }
  .u-row\@sm {
    flex-direction: row;
  }
  .u-column\@sm {
    flex-direction: column;
  }
  .u-nowrap\@sm {
    flex-wrap: nowrap;
  }
  .u-wrap\@sm {
    flex-wrap: wrap;
  }
  .u-items-center\@sm {
    align-items: center;
  }
  .u-justify-center\@sm {
    justify-content: center;
  }
  .u-justify-end\@sm {
    justify-content: flex-end;
  }
  .u-justify-start\@sm {
    justify-content: flex-start;
  }
  .u-items-start\@sm {
    align-items: start;
  }
  .u-none\@sm {
    display: none;
  }
}
@media screen and (min-width: 740px) {
  .u-flex\@md {
    display: flex;
  }
  .u-row\@md {
    flex-direction: row;
  }
  .u-column\@md {
    flex-direction: column;
  }
  .u-nowrap\@md {
    flex-wrap: nowrap;
  }
  .u-wrap\@md {
    flex-wrap: wrap;
  }
  .u-items-center\@md {
    align-items: center;
  }
  .u-justify-center\@md {
    justify-content: center;
  }
  .u-justify-end\@md {
    justify-content: flex-end;
  }
  .u-justify-start\@md {
    justify-content: flex-start;
  }
  .u-items-start\@md {
    align-items: start;
  }
  .u-none\@md {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .u-flex\@lg {
    display: flex;
  }
  .u-row\@lg {
    flex-direction: row;
  }
  .u-column\@lg {
    flex-direction: column;
  }
  .u-nowrap\@lg {
    flex-wrap: nowrap;
  }
  .u-wrap\@lg {
    flex-wrap: wrap;
  }
  .u-items-center\@lg {
    align-items: center;
  }
  .u-justify-center\@lg {
    justify-content: center;
  }
  .u-justify-end\@lg {
    justify-content: flex-end;
  }
  .u-justify-start\@lg {
    justify-content: flex-start;
  }
  .u-items-start\@lg {
    align-items: start;
  }
  .u-none\@lg {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .u-flex\@xl {
    display: flex;
  }
  .u-row\@xl {
    flex-direction: row;
  }
  .u-column\@xl {
    flex-direction: column;
  }
  .u-nowrap\@xl {
    flex-wrap: nowrap;
  }
  .u-wrap\@xl {
    flex-wrap: wrap;
  }
  .u-items-center\@xl {
    align-items: center;
  }
  .u-justify-center\@xl {
    justify-content: center;
  }
  .u-justify-end\@xl {
    justify-content: flex-end;
  }
  .u-justify-start\@xl {
    justify-content: flex-start;
  }
  .u-items-start\@xl {
    align-items: start;
  }
  .u-none\@xl {
    display: none;
  }
}
@media screen and (min-width: 1440px) {
  .u-flex\@xxl {
    display: flex;
  }
  .u-row\@xxl {
    flex-direction: row;
  }
  .u-column\@xxl {
    flex-direction: column;
  }
  .u-nowrap\@xxl {
    flex-wrap: nowrap;
  }
  .u-wrap\@xxl {
    flex-wrap: wrap;
  }
  .u-items-center\@xxl {
    align-items: center;
  }
  .u-justify-center\@xxl {
    justify-content: center;
  }
  .u-justify-end\@xxl {
    justify-content: flex-end;
  }
  .u-justify-start\@xxl {
    justify-content: flex-start;
  }
  .u-items-start\@xxl {
    align-items: start;
  }
  .u-none\@xxl {
    display: none;
  }
}
.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;
}

.u-gap-small {
  gap: 0.75rem;
}

.u-gap-base {
  gap: 1rem;
}

.u-gap-medium {
  gap: 1.5rem;
}

.u-gap-large {
  gap: 3rem;
}

@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-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-scroll {
  overflow-x: scroll;
}

.u-overflow-x-hidden {
  overflow-x: hidden;
}

.u-overflow-clipped {
  overflow: clip;
}

.u-overflow-x-auto {
  overflow-x: auto;
}

.u-overflow-y-auto {
  overflow-y: auto;
}

.u-overflow-tiny {
  scrollbar-width: thin;
}
.u-overflow-tiny::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.u-overflow-tiny::-webkit-scrollbar-track, .u-overflow-tiny::-webkit-scrollbar-thumb {
  -webkit-border-radius: 8px;
}
.u-overflow-tiny::-webkit-scrollbar-track {
  background: var(--background-color-light);
}
.u-overflow-tiny::-webkit-scrollbar-thumb {
  background: var(--theme-color-light);
}
.u-overflow-tiny::-webkit-scrollbar-thumb:hover {
  background: var(--theme-color);
}

.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: 0.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-inset {
  inset: 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;
  }
  .u-absolute\@xs {
    position: absolute;
  }
  .u-fixed\@xs {
    position: fixed;
  }
  .u-relative\@xs {
    position: relative;
  }
}
@media screen and (min-width: 600px) {
  .u-sticky\@sm {
    position: sticky;
  }
  .u-absolute\@sm {
    position: absolute;
  }
  .u-fixed\@sm {
    position: fixed;
  }
  .u-relative\@sm {
    position: relative;
  }
}
@media screen and (min-width: 740px) {
  .u-sticky\@md {
    position: sticky;
  }
  .u-absolute\@md {
    position: absolute;
  }
  .u-fixed\@md {
    position: fixed;
  }
  .u-relative\@md {
    position: relative;
  }
}
@media screen and (min-width: 992px) {
  .u-sticky\@lg {
    position: sticky;
  }
  .u-absolute\@lg {
    position: absolute;
  }
  .u-fixed\@lg {
    position: fixed;
  }
  .u-relative\@lg {
    position: relative;
  }
}
@media screen and (min-width: 1280px) {
  .u-sticky\@xl {
    position: sticky;
  }
  .u-absolute\@xl {
    position: absolute;
  }
  .u-fixed\@xl {
    position: fixed;
  }
  .u-relative\@xl {
    position: relative;
  }
}
@media screen and (min-width: 1440px) {
  .u-sticky\@xxl {
    position: sticky;
  }
  .u-absolute\@xxl {
    position: absolute;
  }
  .u-fixed\@xxl {
    position: fixed;
  }
  .u-relative\@xxl {
    position: relative;
  }
}
.u-size-1-6 {
  width: 16.666666667%;
}

.u-size-1-5 {
  width: 20%;
}

.u-size-1-4 {
  width: 25%;
}

.u-size-1-3 {
  width: 33.333333333%;
}

.u-size-1-2 {
  width: 50%;
}

.u-size-2-3 {
  width: 66.666666667%;
}

.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.666666667%;
  }
}
@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.333333333%;
  }
}
@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.666666667%;
  }
}
@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.666666667%;
  }
}
@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.333333333%;
  }
}
@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.666666667%;
  }
}
@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.666666667%;
  }
}
@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.333333333%;
  }
}
@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.666666667%;
  }
}
@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.666666667%;
  }
}
@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.333333333%;
  }
}
@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.666666667%;
  }
}
@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.666666667%;
  }
}
@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.333333333%;
  }
}
@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.666666667%;
  }
}
@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.666666667%;
  }
}
@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.333333333%;
  }
}
@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.666666667%;
  }
}
@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 {
  margin: 1rem auto;
}
@media screen and (min-width: 740px) {
  .u-size-full-table {
    max-width: 80vw;
  }
}
@media screen and (min-width: 992px) {
  .u-size-full-table {
    max-width: 60vw;
  }
}
@media screen and (min-width: 1280px) {
  .u-size-full-table {
    max-width: 40vw;
  }
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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-mt-auto {
  margin-top: auto;
}

.u-mb-auto {
  margin-bottom: 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: 0.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;
}
.u-heading-01 {
  font-size: 2.25rem;
  line-height: calc(1em + 4px);
}
.u-heading-01 {
  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;
}
.u-heading-02 {
  font-size: 2rem;
  line-height: calc(1em + 4px);
}
.u-heading-02 {
  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;
}
.u-heading-03 {
  font-size: 1.75rem;
  line-height: calc(1em + 4px);
}
.u-heading-03 {
  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;
}
.u-heading-04 {
  font-size: 1.5rem;
  line-height: calc(1em + 4px);
}

.u-heading-05 {
  font-family: var(--font-serif-display);
  font-weight: 500;
}
.u-heading-05 {
  font-size: 1.25rem;
  line-height: calc(1em + 4px);
}

.u-heading-06 {
  font-family: var(--font-serif-display);
  font-weight: 500;
}
.u-heading-06 {
  font-size: 1rem;
  line-height: calc(1em + 4px);
}

.u-heading-07 {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
}
.u-heading-07 {
  font-size: 0.875rem;
  line-height: calc(1em + 4px);
}

.u-heading-08 {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
}
.u-heading-08 {
  font-size: 1.25rem;
  line-height: calc(1em + 4px);
}

.u-heading-09 {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
}
.u-heading-09 {
  font-size: 2.25rem;
  line-height: calc(1em + 4px);
}
.u-heading-09 {
  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;
}
.u-nav-01 {
  font-size: 1.5rem;
  line-height: calc(1em + 4px);
}

.u-nav-02 {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
}
.u-nav-02 {
  font-size: 1.125rem;
  line-height: calc(1em + 4px);
}

.u-nav-03 {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
}
.u-nav-03 {
  font-size: 1rem;
  line-height: calc(1em + 4px);
}

.u-nav-04 {
  font-family: var(--font-serif-display);
  font-weight: 700;
}
.u-nav-04 {
  font-size: 1rem;
  line-height: calc(1em + 4px);
}

.u-nav-05 {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  text-transform: uppercase;
}
.u-nav-05 {
  font-size: 0.875rem;
  line-height: calc(1em + 4px);
}

.u-nav-06 {
  font-family: var(--font-serif-display);
  font-weight: 700;
}
.u-nav-06 {
  font-size: 1.25rem;
  line-height: calc(1em + 4px);
}

.u-title-01 {
  font-family: var(--font-serif-display);
  font-weight: 700;
}
.u-title-01 {
  font-size: 2.25rem;
  line-height: calc(1em + 4px);
}
.u-title-01 {
  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;
}
.u-title-02 {
  font-size: 2rem;
  line-height: calc(1em + 4px);
}
.u-title-02 {
  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;
}
.u-title-03 {
  font-size: 1.75rem;
  line-height: calc(1em + 4px);
}
.u-title-03 {
  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;
}
.u-title-04 {
  font-size: 1.75rem;
  line-height: calc(1em + 4px);
}
.u-title-04 {
  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;
}
.u-title-05 {
  font-size: 1.5rem;
  line-height: calc(1em + 4px);
}

.u-title-06 {
  font-family: var(--font-sans-grotesk);
  font-weight: 900;
}
.u-title-06 {
  font-size: 1.25rem;
  line-height: calc(1em + 4px);
}

.u-title-07 {
  font-family: var(--font-serif-display);
  font-weight: 700;
}
.u-title-07 {
  font-size: 1.125rem;
  line-height: calc(1em + 4px);
}

.u-title-08 {
  font-family: var(--font-serif-text);
  font-weight: 400;
}
.u-title-08 {
  font-size: 1.125rem;
  line-height: calc(1em + 4px);
}

.u-label-01 {
  font-family: var(--font-sans-grotesk);
  font-weight: 900;
}
.u-label-01 {
  font-size: 1.125rem;
  line-height: calc(1em + 4px);
}

.u-label-02 {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
  text-transform: uppercase;
}
.u-label-02 {
  font-size: 0.75rem;
  line-height: calc(1em + 4px);
}

.u-label-03 {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
}
.u-label-03 {
  font-size: 0.875rem;
  line-height: calc(1em + 4px);
}

.u-label-04 {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
}
.u-label-04 {
  font-size: 1rem;
  line-height: calc(1em + 4px);
}

.u-label-05 {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
}
.u-label-05 {
  font-size: 0.875rem;
  line-height: calc(1em + 4px);
}

.u-label-06 {
  font-family: var(--font-serif-display);
  font-weight: 700;
}
.u-label-06 {
  font-size: 0.875rem;
  line-height: calc(1em + 4px);
}

.u-label-07 {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
}
.u-label-07 {
  font-size: 0.875rem;
  line-height: calc(1em + 4px);
}

.u-label-08 {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
}
.u-label-08 {
  font-size: 0.75rem;
  line-height: calc(1em + 4px);
}

.u-label-09 {
  font-family: var(--font-serif-display);
  font-weight: 500;
}
.u-label-09 {
  font-size: 1rem;
  line-height: calc(1em + 4px);
}

.u-label-10 {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
}
.u-label-10 {
  font-size: 0.625rem;
  line-height: calc(1em + 4px);
}

.u-label-11 {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
}
.u-label-11 {
  font-size: 1rem;
  line-height: calc(1em + 4px);
}

.u-body-01 {
  font-family: var(--font-serif-text);
  font-weight: 400;
}
.u-body-01 {
  font-size: 1.25rem;
  line-height: calc(1em + 4px);
}
.u-body-01 {
  line-height: 1.5;
}

.u-body-02 {
  font-family: var(--font-serif-text);
  font-weight: 400;
}
.u-body-02 {
  font-size: 1.125rem;
  line-height: calc(1em + 4px);
}
.u-body-02 {
  line-height: 1.5;
}

.u-body-03 {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
}
.u-body-03 {
  font-size: 1rem;
  line-height: calc(1em + 4px);
}
.u-body-03 {
  line-height: 1.5;
}

.u-body-04 {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
}
.u-body-04 {
  font-size: 0.875rem;
  line-height: calc(1em + 4px);
}

.u-body-05 {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
}
.u-body-05 {
  font-size: 1.25rem;
  line-height: calc(1em + 4px);
}
.u-body-05 {
  line-height: 1.5;
}

.u-caption-01 {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
}
.u-caption-01 {
  font-size: 0.875rem;
  line-height: calc(1em + 4px);
}

.u-caption-02 {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
}
.u-caption-02 {
  font-size: 0.75rem;
  line-height: calc(1em + 4px);
}

.u-heading-05-06 {
  font-family: var(--font-serif-display);
  font-weight: 500;
}
.u-heading-05-06 {
  font-size: 1.25rem;
  line-height: calc(1em + 4px);
}

.u-heading-10 {
  font-family: var(--font-sans-grotesk);
  font-weight: 700;
}
.u-heading-10 {
  font-size: 1.5rem;
  line-height: calc(1em + 4px);
}

.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 {
  line-height: calc(1em + 4px);
}
@media screen and (min-width: 740px) {
  .u-heading-05-06 {
    font-size: 16px;
  }
}

.u-heading-10 {
  line-height: 2.5rem;
}
@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;
}