[data-theme="today"] {
    --theme-color-accent: #050a15;
    --theme-color: #1a3166;
    --theme-color-light: #577fd6;
    --theme-color-lighter: #c2d0f0;
    --theme-color-dark: #152752;
    --theme-color-darker: #101d3d;
    --theme-color-darkest: #050a15;
}

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

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

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

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

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

@media screen and (min-width: 740px) {
    [data-theme="today"] .c-navbar__search, [data-theme="today"] .c-navbar__controller {
        color: #fff
    }
}

:root {
    --outer-gutter: .75rem;
    --grid-gutter: 1.5rem;
    --grid-divider-gutter: calc(calc(var(--grid-gutter) / 2) * -1);
    --font-serif-display: georgia, times, times new roman, serif;
    --font-serif-text: georgia, times, times new roman, serif;
    --font-sans-grotesk: system-ui, arial, helvetica neue, helvetica, sans-serif;
}

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

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

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

: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, .5);
    --background-color-contrast: #f3f3f3;
    --background-color-dark: #0d0d0d;
    --background-color-gray: #f3f3f3;
    --background-color-gray-dark: #f3f3f3;
    --background-faq: #f3f3f3;
    --background-color-darker: #bfbfbf;
    --divider-color: #d9d9d9;
    --divider-color-light: #f3f3f3;
    --body-color: #0d0d0d;
    --body-color-inverse: #fff;
    --body-color-negative: #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, .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, .2);
    --global-shadow-bottom: 0 .3rem .3rem 0 rgba(13, 13, 13, .2);
    --kicker-bg: #808080;
    transition: all .35s ease-in-out;
}

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

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

html {
    box-sizing: border-box;
}

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

@media screen and (prefers-reduced-motion: no-preference) {
    html, body {
        scroll-behavior: smooth
    }
}

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

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

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

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

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

figure {
    margin: 0;
}

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

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

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

input:focus {
    --form-input-bg: var(--form-control-bg);
    outline: 0;
    outline-offset: 0;
    box-shadow: 0 0 0 .2rem rgba(20, 139, 230, .4);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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 {
        content: "";
        position: absolute;
        right: 0;
        top: var(--grid-divider-gutter);
        display: block;
        width: 100%;
        height: 1px
    }
}

@media screen and (max-width: 992px) {
    .l-grid--small .l-grid__item:nth-of-type(n + 3)::before {
        content: "";
        position: absolute;
        right: 0;
        top: var(--grid-divider-gutter);
        display: block;
        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: 600px) {
    .l-grid--small .l-grid__item::after {
        content: "";
        position: absolute;
        right: var(--grid-divider-gutter);
        top: 0;
        display: block;
        width: 1px;
        height: 100%
    }
}

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

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

.l-grid__item {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c-btn--default:disabled {
    --btn-color: rgba(128, 128, 128, .3);
    --btn-label: rgba(128, 128, 128, .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, .3);
    --btn-label: rgba(128, 128, 128, .3);
}

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

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

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

.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__thumb {
    flex: 1 0 auto;
    filter: drop-shadow(5px 5px 5px #4d4d4d);
}

.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__channel {
    --channel-link: var($ ui-04);
    font-family: var(--font-serif-display);
    font-weight: 700;
    font-size: 1.125rem;
    line-height: calc(1em + 4px);
    text-decoration: none;
    color: var(--channel-link);
}

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

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

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

@media screen and (min-width: 740px) {
    .c-navbar__search, .c-navbar__controller {
        color: var(--icon-color)
    }
}

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

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

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

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

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

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

.c-share__item--twitter:hover {
    background-color: #35abf3;
}

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

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

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

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

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

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

.c-story--stack .c-story__content {
    grid-area: headline;
}

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

.c-story__media {
    grid-area: media;
    margin-bottom: .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);
}

.c-story__number {
    left: 0;
    top: 1.5rem;
    font-family: var(--font-sans-grotesk);
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.5rem;
    color: var(--story-number-color);
}

.l-list-border > *:first-child .c-story__number {
    top: 0;
}

.c-story__kicker {
    align-self: self-start;
    grid-area: kicker;
    color: var(--story-kicker-text);
}

.c-title {
    --title-background: #808080;
    --title-border: #0d0d0d;
    --title-text: #0d0d0d;
    position: relative;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--divider-color);
    font-family: var(--font-serif-display);
    font-weight: 700;
    font-size: 1.625rem;
    line-height: calc(1em + 4px);
    color: var(--title-text);
}

.c-title--featured-multiline {
    --title-border: #fff;
    --title-text: #fff;
}

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

.c-title--featured-multiline::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: calc(var(--title-multiline-position) * -1);
    display: block;
    width: 100%;
    height: 10px;
    background-image: repeating-linear-gradient(to bottom, transparent, transparent 2px, var(--divider-color) 2px, var(--divider-color) 3px);
    background-position: bottom;
    background-repeat: repeat-x;
}

.c-title--multiline {
    --title-multiline-position: 13px;
    border-bottom: 3px solid var(--title-border);
}

.c-title--featured-multiline {
    border-bottom: 0;
    padding: .75rem;
    font-family: var(--font-sans-grotesk);
    font-weight: 900;
    font-size: 1.25rem;
    line-height: calc(1em + 4px);
    background-color: var(--title-background);
}

.c-title--featured-multiline {
    --title-multiline-position: 10px;
}

.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:last-child {
    border-right: 0;
}

.c-footer {
    --footer-brand-height: 2rem;
    border-top: 2px solid var(--divider-color);
}

.c-footer .c-brand {
    height: var(--footer-brand-height);
    fill: #fff;
}

@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 {
    width: auto;
    height: 2rem;
    fill: #fff;
}

@media screen and (min-width: 740px) {
    .c-footer__badge {
        margin-top: 0
    }
}

.c-searchbar {
    --searchbar-background: var(--theme-color);
    background-color: var(--searchbar-background);
    animation: showitem .3s ease-in-out;
}

@media screen and (min-width: 740px) {
    .c-searchbar {
        --searchbar-background: #f3f3f3
    }
}

.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-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 {
    content: attr(aria-label);
    position: absolute;
    left: calc(50% - (var(--modetoggle-tooltip-width) / 2));
    top: 100%;
    z-index: 9999999999;
    display: block;
    padding: .75rem;
    width: var(--modetoggle-tooltip-width);
    box-shadow: var(--modetoggle-shadow);
    font-family: var(--font-sans-grotesk);
    font-weight: 400;
    font-size: .75rem;
    line-height: calc(1em + 4px);
    white-space: nowrap;
    text-align: center;
    color: var(--modetoggle-tooltip-color);
    background-color: var(--modetoggle-tooltip-bg);
}

.c-modal {
    --modal-size: 90%;
}

.c-modal__dialog {
    z-index: 99999;
    background: rgba(13, 13, 13, .5);
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease;
}

.c-modal__close {
    right: 1rem;
    top: 1rem;
    z-index: 999;
    fill: #0d0d0d;
}

.c-modal__wrap {
    top: -50%;
    transition: top .5s ease-in-out;
}

.c-modal input:checked ~ .c-modal__dialog {
    opacity: 1;
    visibility: visible;
}

.c-modal input:checked ~ .c-modal__dialog .c-modal__wrap {
    top: 0;
}

.c-modal__media {
    margin: 0 auto;
    max-width: var(--modal-size);
}

@media screen and (min-width: 740px) {
    .c-modal__media {
        --modal-size: 70%
    }
}

.c-modal__content {
    border-radius: 2px;
    background: #fff;
}

.c-modal__image {
    max-height: 90vh;
}

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

[class*="underline"] {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

[class*="underline"]::before, [class*="underline"]::after {
    pointer-events: none;
}

.u-radius-circle {
    border-radius: 50%;
}

.u-radius-circle {
    border-radius: 50%;
}

.u-color-base {
    color: var(--body-color);
}

.u-color-secondary {
    color: var(--body-secondary-color);
}

.u-color-inverse {
    color: #fff;
}

.u-color-light {
    color: #808080;
}

.o-bg-dark .u-color-light {
    color: #d9d9d9;
}

.u-cursor-pointer {
    cursor: pointer;
}

.u-no-underline {
    text-decoration: none;
}

.u-inline {
    display: inline;
}

.u-block {
    display: block;
}

.u-inline-block {
    display: inline-block;
}

.u-inline-flex {
    display: inline-flex;
}

.u-none {
    display: none;
}

@media screen and (min-width: 740px) {
    .u-block\@md {
        display: block
    }
}

@media screen and (min-width: 1280px) {
    .u-block\@xl {
        display: block
    }
}

@media screen and (min-width: 740px) {
    .u-none\@md {
        display: none
    }
}

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

.u-flex {
    display: flex;
}

@media screen and (min-width: 1280px) {
    .u-flex\@xl {
        display: flex
    }
}

@media screen and (min-width: 600px) {
    .u-row\@sm {
        flex-direction: row !important
    }
}

@media screen and (min-width: 740px) {
    .u-row\@md {
        flex-direction: row !important
    }
}

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

@media screen and (min-width: 1280px) {
    .u-column\@xl {
        flex-direction: column
    }
}

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

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

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

@media screen and (min-width: 1280px) {
    .u-items-start\@xl {
        align-items: start !important
    }
}

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

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

.u-grid {
    display: grid;
}

.u-list-none {
    list-style-type: none;
}

.u-list-reset {
    margin-top: 0;
    padding-left: 0;
}

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

.u-relative {
    position: relative;
}

.u-fixed {
    position: fixed;
}

.u-absolute {
    position: absolute;
}

.u-top {
    top: 0;
}

.u-bottom {
    bottom: 0;
}

.u-right {
    right: 0;
}

.u-left {
    left: 0;
}

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

.u-size-full {
    width: 100%;
}

@media screen and (min-width: 740px) {
    .u-size-1-2\@md {
        width: 50%
    }
}

@media screen and (min-width: 992px) {
    .u-size-1-3\@lg {
        width: 33.33333%
    }
}

.u-size-full-height {
    height: 100%;
}

.u-mr-xxsmall {
    margin-right: .25rem;
}

.u-mb-xxsmall {
    margin-bottom: .25rem;
}

.u-ml-xxsmall {
    margin-left: .25rem;
}

.u-m-xsmall {
    margin: .5rem;
}

.u-mr-xsmall {
    margin-right: .5rem;
}

.u-mb-xsmall {
    margin-bottom: .5rem;
}

@media screen and (min-width: 1280px) {
    .u-mb-xsmall\@xl {
        margin-bottom: .5rem
    }
}

.u-ml-xsmall {
    margin-left: .5rem;
}

@media screen and (min-width: 992px) {
    .u-mt-small\@lg {
        margin-top: .75rem
    }
}

.u-mb-small {
    margin-bottom: .75rem;
}

@media screen and (min-width: 1280px) {
    .u-mb-small\@xl {
        margin-bottom: .75rem
    }
}

.u-ml-small {
    margin-left: .75rem;
}

.u-my-small {
    margin-top: .75rem;
    margin-bottom: .75rem;
}

.u-mr-base {
    margin-right: 1rem;
}

.u-mb-base {
    margin-bottom: 1rem;
}

@media screen and (min-width: 740px) {
    .u-ml-base\@md {
        margin-left: 1rem
    }
}

.u-mt-medium {
    margin-top: 1.5rem;
}

.u-mb-medium {
    margin-bottom: 1.5rem;
}

@media screen and (min-width: 1280px) {
    .u-mb-medium\@xl {
        margin-bottom: 1.5rem
    }
}

.u-mb-large {
    margin-bottom: 2rem;
}

@media screen and (min-width: 992px) {
    .u-mb-large\@lg {
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 1280px) {
    .u-mb-xlarge\@xl {
        margin-bottom: 3rem
    }
}

.u-m-none {
    margin: 0;
}

.u-mt-none {
    margin-top: 0;
}

.u-mb-none {
    margin-bottom: 0;
}

@media screen and (min-width: 992px) {
    .u-mb-none\@lg {
        margin-bottom: 0
    }
}

@media screen and (min-width: 992px) {
    .u-ml-none\@lg {
        margin-left: 0
    }
}

.u-p-xxsmall {
    padding: .25rem;
}

.u-pt-xsmall {
    padding-top: .5rem;
}

.u-pb-xsmall {
    padding-bottom: .5rem;
}

.u-py-xsmall {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.u-p-small {
    padding: .75rem;
}

@media screen and (min-width: 740px) {
    .u-px-small\@md {
        padding-right: .75rem;
        padding-left: .75rem
    }
}

.u-p-base {
    padding: 1rem;
}

.u-pt-base {
    padding-top: 1rem;
}

.u-py-base {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.u-pl-medium {
    padding-left: 1.5rem;
}

.u-px-medium {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.u-py-medium {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.u-pr-large {
    padding-right: 2rem;
}

.u-p-xlarge {
    padding: 3rem;
}

.u-pl-xlarge {
    padding-left: 3rem;
}

.u-p-none {
    padding: 0;
}

.u-mr-auto {
    margin-right: auto;
}

.u-ml-auto {
    margin-left: auto;
}

.is-hidden {
    display: none;
}

.u-shadow-bottom {
    box-shadow: var(--global-shadow-bottom);
}

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

@media screen and (min-width: 740px) {
    .u-heading-01 {
        font-size: 2.25rem
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-z-sky {
    z-index: 9999999999;
}

.u-z-higher {
    z-index: 9999;
}

.u-z-upside {
    z-index: 99;
}

[data-section-key="article-footer-natives"] .l-grid--small, [data-section-key="article-footer-outbrain"] .l-grid--small {
    gap: 0;
}

@media screen and (min-width: 600px) {
    [data-section-key="article-footer-natives"] .l-grid--small, [data-section-key="article-footer-outbrain"] .l-grid--small {
        gap: var(--grid-gutter)
    }
}

[data-section-key="article-footer-natives"] .l-grid--small .l-grid__item {
    margin-bottom: 1.5rem;
}

@media screen and (min-width: 600px) {
    [data-section-key="article-footer-natives"] .l-grid--small .l-grid__item {
        margin-bottom: 0
    }
}

.list-related .u-mr-xxsmall::after {
    content: ",";
    position: absolute;
    right: 0;
}

@media screen and (min-width: 1280px) {
    .list-related .u-mr-xxsmall::after {
        content: ""
    }
}

.list-related .u-mr-xxsmall:last-child::after {
    content: "";
}

.l-entry {
    column-gap: var(--grid-gutter);
    grid-template-areas:"header" "body" "footer" "related";
    grid-template-columns:100%;
    row-gap: var(--grid-gutter);
}

@media screen and (min-width: 992px) {
    .l-entry {
        column-gap: .75rem;
        grid-template-areas:"header sidebar" "body sidebar" "footer sidebar" "related sidebar";
        grid-template-columns:1fr 325px;
        grid-template-rows:auto
    }
}

@media screen and (min-width: 1280px) {
    .l-entry {
        grid-template-areas:"related body sidebar" "related footer sidebar";
        grid-template-columns:208px 1fr 325px
    }
}

@media screen and (min-width: 1280px) {
    .l-entry__related {
        padding-right: .75rem
    }
}

.l-entry__byline {
    align-items: center;
    justify-content: space-between;
    grid-area: byline;
    border-top: 1px solid var(--divider-color);
    border-bottom: 1px solid var(--divider-color);
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

@media screen and (min-width: 1280px) {
    .l-entry__byline {
        flex-direction: column;
        align-items: flex-start;
        justify-content: start;
        border-top: 0;
        padding-top: 0
    }

    .l-entry__header ~ .l-entry__byline {
        display: none
    }
}

.l-entry__related .l-entry__byline {
    display: none;
}

@media screen and (min-width: 1280px) {
    .l-entry__related .l-entry__byline {
        display: flex
    }
}

.l-entry__body {
    grid-area: body;
}

.l-entry__footer {
    grid-area: footer;
}

.l-entry__header {
    grid-area: header;
}

.l-entry__related {
    grid-area: related;
}

.l-entry__media {
    grid-area: media;
}

.l-entry__sidebar {
    display: none;
}

@media screen and (min-width: 992px) {
    .l-entry__sidebar {
        display: block;
        grid-area: sidebar;
        border-left: 1px solid var(--divider-color);
        padding-left: .75rem
    }
}

.l-entry__title {
    grid-area: title;
}

.c-entry {
    font-family: var(--font-serif-text);
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5;
    word-wrap: break-word;
    -webkit-text-size-adjust: 100%;
}

.c-entry > p {
    overflow-wrap: break-word;
    margin: 0 0 1rem;
}

.c-entry > h2 {
    margin-bottom: .75rem;
    padding-top: 1rem;
    font-family: var(--font-sans-grotesk);
    font-weight: 700;
    font-size: 1.5rem;
    line-height: calc(1em + 4px);
}

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

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

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

.c-entry > p:first-of-type::first-letter {
    float: left;
    margin-top: .25rem;
    margin-right: .5rem;
    font-weight: 400;
    font-size: 3.75rem;
    line-height: 3rem;
}

.c-entry > h3 {
    position: relative;
    margin: 0 0 2rem;
    border-bottom: 1px solid var(--divider-color);
    padding: 1rem;
    box-shadow: 0 -1px 0 0 var(--divider-color);
    font-family: var(--font-sans-grotesk);
    font-weight: 700;
    font-size: .875rem;
    line-height: calc(1em + 4px);
    color: #0d0d0d;
}

.c-entry > h3::before, .c-entry > h3::after {
    position: absolute;
}

.c-entry > h3::before {
    content: "Leggi anche";
    left: -.75rem;
    top: -.75rem;
    display: block;
    margin-bottom: .25rem;
    padding: .25rem .75rem;
    font-family: var(--font-sans-grotesk);
    font-weight: 700;
    font-size: .75rem;
    line-height: calc(1em + 4px);
    text-transform: uppercase;
    color: gray;
    background-color: var(--background-color);
}

.c-entry > h3::after {
    content: "";
    left: 0;
    top: 1.4rem;
    width: 6px;
    height: 6px;
    background-color: var(--divider-color);
}

.c-entry h3 a {
    text-decoration: none;
    color: var(--link-color-dark);
}

.c-entry h3 a:hover {
    color: gray;
}

@media screen and (min-width: 992px) {
    .c-related {
        grid-template-columns:repeat(auto-fit, minmax(120px, 30%))
    }
}

@media screen and (min-width: 1280px) {
    .c-related {
        grid-auto-flow: row;
        grid-template-columns:repeat(1, 1fr)
    }

    .c-related .c-story + .c-story {
        border-top: 1px solid var(--divider-color);
        padding-top: .75rem
    }
}

.c-readingbar {
    top: -100%;
}

.c-readingbar__progress {
    height: 6px;
    background-color: var(--theme-color);
    transition: width .35s ease-out 0s;
}

:root, [data-color-scheme*="light"] {
    --form-input-bg: var(--form-control-bg);
    --form-input-border: gray;
    --form-input-color: var(--body-color);
    --form-input-padding: .75rem;
    --form-helper-color: gray;
    --form-icon-color: var(--icon-color);
    accent-color: var(--theme-color);
}

.c-form-action {
    right: var(--form-input-padding);
    top: 50%;
    transform: translateY(-50%);
}

.c-form-icon {
    stroke: var(--form-icon-color);
}

@keyframes draw {
    from {
        stroke-dashoffset: 500
    }
    to {
        stroke-dashoffset: 0
    }
}

@keyframes showitem {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes showitem {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

h4 {
    margin-top: 0;
}

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

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

.u-color-base {
    color: var(--body-color);
}

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

.u-flex {
    display: flex;
}

@media screen and (min-width: 600px) {
    .u-row\@sm {
        flex-direction: row !important
    }
}

@media screen and (min-width: 740px) {
    .u-row\@md {
        flex-direction: row !important
    }
}

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

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

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

.u-fixed {
    position: fixed;
}

.u-absolute {
    position: absolute;
}

.u-bottom {
    bottom: 0;
}

.u-left {
    left: 0;
}

.u-size-full {
    width: 100%;
}

.u-mb-xxsmall {
    margin-bottom: .25rem;
}

.u-p-base {
    padding: 1rem;
}

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

.u-z-higher {
    z-index: 9999;
}

.c-readingbar {
    top: -100%;
}

.c-readingbar.is-sticky {
    top: 0;
    box-shadow: var(--global-shadow);
}

.c-readingbar__progress {
    height: 6px;
    background-color: var(--theme-color);
    transition: width .35s ease-out 0s;
}

@media all {
    h4 {
        margin-top: 0
    }

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

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

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

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

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

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

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

    .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, .3);
        --btn-label: rgba(128, 128, 128, .3)
    }

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

    .c-footer__claim {
        background-color: #161616
    }

    .c-footer__badge {
        width: auto;
        height: 2rem;
        fill: #fff
    }

    .u-text-center {
        text-align: center
    }

    .u-color-inverse {
        color: #fff
    }

    .u-color-light {
        color: #808080
    }

    .o-bg-dark .u-color-light {
        color: #d9d9d9
    }

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

    .u-flex {
        display: flex
    }

    .u-column {
        flex-direction: column
    }

    .u-wrap {
        flex-wrap: wrap
    }

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

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

    .u-list-none {
        list-style-type: none
    }

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

    .u-size-full {
        width: 100%
    }

    .u-mb-small {
        margin-bottom: .75rem
    }

    .u-ml-small {
        margin-left: .75rem
    }

    .u-mb-base {
        margin-bottom: 1rem
    }

    .u-mb-medium {
        margin-bottom: 1.5rem
    }

    .u-m-none {
        margin: 0
    }

    .u-pt-base {
        padding-top: 1rem
    }

    .u-pr-large {
        padding-right: 2rem
    }

    .u-p-xlarge {
        padding: 3rem
    }

    .u-p-none {
        padding: 0
    }

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

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

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

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

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

    @media screen and (min-width: 740px) {
        .c-footer__badge {
            margin-top: 0
        }
    }@media screen and (min-width: 740px) {
    .u-size-1-2\@md {
        width: 50%
    }
}@media screen and (min-width: 992px) {
    .u-size-1-3\@lg {
        width: 33.33333%
    }
}@media screen and (min-width: 740px) {
    .u-ml-base\@md {
        margin-left: 1rem
    }
}@media screen and (min-width: 992px) {
    .u-mb-large\@lg {
        margin-bottom: 2rem
    }
}
}