/* .o-icon--animated,
button:hover > .o-icon--animated,
label:hover > .o-icon--animated,
div:hover > .o-icon--animated {
stroke-dasharray: 500;
stroke-dashoffset: 500;
animation: draw 2s ease-in-out forwards; }
.o-icon--accent {
color: var(--theme-color); }
.o-icon--fill-inverse {
fill: #fff;
stroke-width: 0; }
.o-icon--base {
fill: var(--icon-color); }
.o-icon--md {
width: 1.5rem;
height: 1.5rem; }
.o-icon-play {
height: 40px; }
.o-icon-play::before {
display: block;
background-color: rgba(38, 50, 56, 0.5);
border-radius: 10px;
border: 2px solid #fff;
content: '';
height: 40px;
width: 56px; }
.o-icon-play::after {
display: block;
position: relative;
top: -28px;
left: 2px;
border-bottom-width: 8px;
border-color: transparent;
border-left-width: 12px;
border-left-color: #fff;
border-style: solid;
border-top-width: 8px;
content: '';
height: 0;
margin: 0 auto;
width: 0; }
.o-page {
padding-top: 0;
padding-bottom: 0; }
@media screen and (min-width: 740px) {
.o-page {
padding-top: var(--outer-gutter);
padding-bottom: var(--outer-gutter); } }
.o-page-reset {
margin-top: calc(var(--outer-gutter) * -1); }
@media screen and (max-width: 992px) {
.o-page-item-reset {
margin-top: -var(--outer-gutter); } }
.l-grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--grid-gutter); }
body[data-fullpage] .l-grid {
margin: 0;
padding-left: 0; }
.l-grid--trio-sidebar, .l-grid--flower, .l-grid--preview, .l-grid--cover, .l-grid--big, .l-grid--double, .l-grid--large, .l-grid--compact {
grid-template-areas: "one" "two" "three" "four" "five"; }
.l-grid--half {
grid-template-areas: "one" "two" "three" "four" "five"; }
@media screen and (min-width: 740px) {
.l-grid--half {
grid-template-areas: "one one" "two three" "four five";
grid-template-columns: repeat(2, 1fr); } }
@media screen and (min-width: 992px) {
.l-grid--half {
grid-template-areas: "one one two three" "one one four five";
grid-template-columns: repeat(4, 1fr); } }
body[data-fullpage] .l-grid--half {
grid-template-areas: none; }
@media screen and (min-width: 740px) {
body[data-fullpage] .l-grid--half {
grid-template-areas: "one one" "two three" "four five";
grid-template-columns: repeat(2, 1fr); } }
@media screen and (min-width: 992px) {
body[data-fullpage] .l-grid--half {
grid-template-areas: "one one two three" "one one four five";
grid-template-columns: repeat(4, 1fr); } }
body[data-fullpage] .l-grid--half > article:nth-child(1),
body[data-fullpage] .l-grid--half > div:nth-child(1) {
grid-area: auto; }
body[data-fullpage] .l-grid--half > article:nth-child(2),
body[data-fullpage] .l-grid--half > div:nth-child(2) {
grid-area: auto; }
body[data-fullpage] .l-grid--half > article:nth-child(3),
body[data-fullpage] .l-grid--half > div:nth-child(3) {
grid-area: auto; }
body[data-fullpage] .l-grid--half > article:nth-child(4),
body[data-fullpage] .l-grid--half > div:nth-child(4) {
grid-area: auto; }
body[data-fullpage] .l-grid--half > article:nth-child(5),
body[data-fullpage] .l-grid--half > div:nth-child(5) {
grid-area: auto; }
.l-grid--half > article:nth-child(1),
.l-grid--half > div:nth-child(1) {
position: relative;
grid-area: one; }
@media screen and (min-width: 740px) {
body[data-fullpage] .l-grid--half > article:nth-child(1), body[data-fullpage]
.l-grid--half > div:nth-child(1) {
grid-area: one; } }
.l-grid--half > article:nth-child(1)::after,
.l-grid--half > div:nth-child(1)::after {
background-color: var(--divider-color);
position: absolute;
content: '';
display: block;
right: 0;
bottom: var(--grid-divider-gutter);
width: 100%;
height: 1px; }
@media screen and (min-width: 992px) {
.l-grid--half > article:nth-child(1)::after,
.l-grid--half > div:nth-child(1)::after {
position: absolute;
content: '';
display: block;
top: 0;
right: var(--grid-divider-gutter);
width: 1px;
height: 100%; } }
.l-grid--half > article:nth-child(2),
.l-grid--half > div:nth-child(2) {
position: relative;
grid-area: two; }
@media screen and (min-width: 740px) {
body[data-fullpage] .l-grid--half > article:nth-child(2), body[data-fullpage]
.l-grid--half > div:nth-child(2) {
grid-area: two; } }
.l-grid--half > article:nth-child(2)::after,
.l-grid--half > div:nth-child(2)::after {
background-color: var(--divider-color); }
@media screen and (min-width: 740px) {
.l-grid--half > article:nth-child(2)::after,
.l-grid--half > div:nth-child(2)::after {
position: absolute;
top: 0;
right: var(--grid-divider-gutter);
bottom: auto;
content: '';
width: 1px;
height: calc(100% + 0.75rem); } }
.l-grid--half > article:nth-child(2)::before,
.l-grid--half > div:nth-child(2)::before {
background-color: var(--divider-color);
position: absolute;
content: '';
display: block;
right: 0;
bottom: var(--grid-divider-gutter);
width: 100%;
height: 1px; }
.l-grid--half > article:nth-child(3),
.l-grid--half > div:nth-child(3) {
position: relative;
grid-area: three; }
@media screen and (min-width: 740px) {
body[data-fullpage] .l-grid--half > article:nth-child(3), body[data-fullpage]
.l-grid--half > div:nth-child(3) {
grid-area: three; } }
.l-grid--half > article:nth-child(3)::after,
.l-grid--half > div:nth-child(3)::after {
background-color: var(--divider-color);
position: absolute;
content: '';
display: block;
right: 0;
bottom: var(--grid-divider-gutter);
width: 100%;
height: 1px; }
.l-grid--half > article:nth-child(4),
.l-grid--half > div:nth-child(4) {
position: relative;
grid-area: four; }
@media screen and (min-width: 740px) {
body[data-fullpage] .l-grid--half > article:nth-child(4), body[data-fullpage]
.l-grid--half > div:nth-child(4) {
grid-area: four; } }
.l-grid--half > article:nth-child(4)::after,
.l-grid--half > div:nth-child(4)::after {
background-color: var(--divider-color); }
@media screen and (min-width: 740px) {
.l-grid--half > article:nth-child(4)::after,
.l-grid--half > div:nth-child(4)::after {
position: absolute;
top: -0.75rem;
right: var(--grid-divider-gutter);
bottom: auto;
content: '';
width: 1px;
height: calc(100% + 0.75rem); } }
.l-grid--half > article:nth-child(5),
.l-grid--half > div:nth-child(5) {
grid-area: five; }
@media screen and (min-width: 740px) {
body[data-fullpage] .l-grid--half > article:nth-child(5), body[data-fullpage]
.l-grid--half > div:nth-child(5) {
grid-area: five; } }
@media screen and (min-width: 740px) {
.l-grid--half {
grid-template-areas: "one one" "two three" "four five";
grid-template-columns: repeat(2, 1fr); } }
@media screen and (min-width: 992px) {
.l-grid--half {
grid-template-areas: "one one two three" "one one four five";
grid-template-columns: repeat(4, 1fr); } }
.l-grid--square {
grid-template-areas: "one" "two" "three" "four"; }
.l-grid--square > article:nth-child(1),
.l-grid--square > div:nth-child(1) {
position: relative;
grid-area: one; }
.l-grid--square > article:nth-child(1)::after,
.l-grid--square > div:nth-child(1)::after {
background-color: var(--divider-color); }
@media screen and (min-width: 600px) {
.l-grid--square > article:nth-child(1)::after,
.l-grid--square > div:nth-child(1)::after {
position: absolute;
top: 0;
right: var(--grid-divider-gutter);
bottom: auto;
content: '';
width: 1px;
height: calc(100% + 0.75rem); } }
.l-grid--square > article:nth-child(1)::before,
.l-grid--square > div:nth-child(1)::before {
background-color: var(--divider-color);
position: absolute;
content: '';
display: block;
right: 0;
bottom: var(--grid-divider-gutter);
width: 100%;
height: 1px; }
.l-grid--square > article:nth-child(2),
.l-grid--square > div:nth-child(2) {
position: relative;
grid-area: two; }
.l-grid--square > article:nth-child(2)::after,
.l-grid--square > div:nth-child(2)::after {
background-color: var(--divider-color);
position: absolute;
content: '';
display: block;
right: 0;
bottom: var(--grid-divider-gutter);
width: 100%;
height: 1px; }
.l-grid--square > article:nth-child(3),
.l-grid--square > div:nth-child(3) {
position: relative;
grid-area: three; }
.l-grid--square > article:nth-child(3)::after,
.l-grid--square > div:nth-child(3)::after {
background-color: var(--divider-color); }
@media screen and (min-width: 600px) {
.l-grid--square > article:nth-child(3)::after,
.l-grid--square > div:nth-child(3)::after {
position: absolute;
top: -0.75rem;
right: var(--grid-divider-gutter);
bottom: auto;
content: '';
width: 1px;
height: calc(100% + 0.75rem); } }
.l-grid--square > article:nth-child(4),
.l-grid--square > div:nth-child(4) {
position: relative;
grid-area: four; }
.l-grid--square > article:nth-child(4)::after,
.l-grid--square > div:nth-child(4)::after {
background-color: var(--divider-color);
position: absolute;
content: '';
display: block;
top: var(--grid-divider-gutter);
right: 0;
width: 100%;
height: 1px; }
@media screen and (min-width: 740px) {
.l-grid--square > article:nth-child(4)::after,
.l-grid--square > div:nth-child(4)::after {
display: none; } }
@media screen and (min-width: 740px) {
.l-grid--square {
grid-template-areas: "one two" "three four";
grid-template-columns: repeat(2, 1fr); } }
.l-grid--list {
grid-template-areas: "one" "two"; }
@media screen and (min-width: 740px) {
.l-grid--list {
grid-template-areas: "one two";
grid-template-columns: repeat(2, 1fr); } }
@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 {
grid-template-columns: repeat(auto-fit, minmax(120px, 0.5fr)); }
:not(l-entry--social) .l-grid--scrollable {
grid-template-columns: repeat(4, minmax(120px, 316px)); }
article[data-layout-format="verticale"] .l-grid--scrollable,
:not(l-entry--social) .l-grid--scrollable {
margin-right: 0;
margin-left: 0;
padding-left: 0;
overflow: hidden; }
body[data-homepage] article[data-layout-format="verticale"] .l-grid--scrollable, body[data-homepage]
:not(l-entry--social) .l-grid--scrollable {
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }
body[data-model="approfondimento"] article[data-layout-format="verticale"] .l-grid--scrollable, body[data-model="approfondimento"]
:not(l-entry--social) .l-grid--scrollable {
grid-template-columns: repeat(4, minmax(120px, 316px)); } }
@media screen and (min-width: 1280px) {
:not(l-entry--social) .l-grid--scrollable {
grid-template-columns: repeat(auto-fit, minmax(120px, 316px)); } }
@media screen and (min-width: 1280px) {
:not(l-entry--social) .l-grid--scrollable {
grid-template-columns: repeat(auto-fit, minmax(120px, 316px)); } }
.l-grid--snake {
grid-template-areas: "one" "two" "three"; }
[data-channel*="dossier"] .l-grid--snake {
grid-template-areas: "one" "paywall" "two" "three"; }
[data-channel*="dossier"] .l-grid--snake .c-paywall {
grid-area: paywall; }
@media screen and (min-width: 740px) {
[data-channel*="dossier"] .l-grid--snake {
grid-row-gap: 0.75rem;
grid-template-areas: "one one one" "paywall paywall paywall" "two two three";
grid-template-columns: repeat(3, 1fr); } }
@media screen and (min-width: 740px) {
.l-grid--snake {
grid-row-gap: 0.75rem;
grid-template-areas: "one one one" "two two three";
grid-template-columns: repeat(3, 1fr); } }
.l-grid--five {
grid-template-columns: 1fr; }
.l-grid--five .l-grid__item {
position: relative;
height: auto; }
.l-grid--five .l-grid__item:not(:last-child)::after {
background-color: var(--divider-color);
position: absolute;
content: '';
display: block;
right: 0;
bottom: var(--grid-divider-gutter);
width: 100%;
height: 1px; }
@media screen and (min-width: 740px) {
.l-grid--five .l-grid__item:not(:last-child)::after {
display: none; } }
.l-grid--five .l-grid__item:nth-child(1) .c-story__heading, .l-grid--five .l-grid__item:nth-child(2) .c-story__heading {
font-size: 1.75rem;
line-height: 2rem; }
@media screen and (min-width: 740px) {
.l-grid--five .l-grid__item:nth-child(5n+1) {
grid-column: 1/4; } }
@media screen and (min-width: 740px) {
.l-grid--five .l-grid__item:nth-child(5n+2) {
grid-column: 4/7; } }
.l-grid--five .l-grid__item:nth-child(5n+3) .c-story__media {
display: none; }
@media screen and (min-width: 740px) {
.l-grid--five .l-grid__item:nth-child(5n+3) {
grid-column: 1/3; }
.l-grid--five .l-grid__item:nth-child(5n+3) .c-story__media {
display: block; } }
.l-grid--five .l-grid__item:nth-child(5n+4) .c-story__media {
display: none; }
@media screen and (min-width: 740px) {
.l-grid--five .l-grid__item:nth-child(5n+4) {
grid-column: 3/5; }
.l-grid--five .l-grid__item:nth-child(5n+4) .c-story__media {
display: block; } }
.l-grid--five .l-grid__item:nth-child(5n+5) .c-story__media {
display: none; }
@media screen and (min-width: 740px) {
.l-grid--five .l-grid__item:nth-child(5n+5) {
grid-column: 5/7; }
.l-grid--five .l-grid__item:nth-child(5n+5) .c-story__media {
display: block; } }
@media screen and (min-width: 740px) {
.l-grid--five {
grid-template-columns: repeat(6, 1fr); } }
.l-grid--alternated {
grid-auto-rows: 1fr;
grid-template-columns: 1fr; }
.l-grid--alternated .l-grid__item {
height: auto; }
@media screen and (min-width: 600px) {
.l-grid--alternated .l-grid__item:nth-child(4n+1) {
grid-column: 1/4; } }
@media screen and (min-width: 740px) {
.l-grid--alternated .l-grid__item:nth-child(4n+1) {
grid-column: 1/5; } }
@media screen and (min-width: 600px) {
.l-grid--alternated .l-grid__item:nth-child(4n+2) {
grid-column: 4/7; } }
@media screen and (min-width: 740px) {
.l-grid--alternated .l-grid__item:nth-child(4n+2) {
grid-column: 5/7; } }
@media screen and (min-width: 600px) {
.l-grid--alternated .l-grid__item:nth-child(4n+3) {
grid-column: 1/4; } }
@media screen and (min-width: 740px) {
.l-grid--alternated .l-grid__item:nth-child(4n+3) {
grid-column: 1/3; } }
@media screen and (min-width: 600px) {
.l-grid--alternated .l-grid__item:nth-child(4n+4) {
grid-column: 4/7; } }
@media screen and (min-width: 740px) {
.l-grid--alternated .l-grid__item:nth-child(4n+4) {
grid-column: 3/7; } }
@media screen and (min-width: 740px) {
.l-grid--alternated {
grid-template-columns: repeat(6, 1fr); } }
.l-grid__item {
position: relative; }
.l-grid__item::after, .l-grid__item::before {
background-color: var(--divider-color); }
.l-grid__sidebar {
position: relative;
grid-area: sidebar; }
.l-grid__sidebar::after {
display: none;
position: absolute;
content: '';
background-color: var(--divider-color); }
@media screen and (min-width: 740px) {
.l-grid__sidebar::after {
display: block;
top: var(--grid-divider-gutter);
left: 0;
width: 100%;
height: 1px; } }
@media screen and (min-width: 992px) {
.l-grid__sidebar::after {
top: 0;
left: var(--grid-divider-gutter);
width: 1px;
height: 100%; } }
.l-grid__slot {
grid-area: slot; }
.o-bg-dark .l-grid--scrollable .l-grid__item::after, .o-bg-dark .l-grid--scrollable .l-grid__item::before {
background-color: #4d4d4d; }
.o-bg-primary .l-grid--scrollable .l-grid__item::after, .o-bg-primary .l-grid--scrollable .l-grid__item::before {
background-color: var(--theme-color-light); }
.o-bg-primary .l-grid--scrollable .l-grid__item:last-child::after {
display: block;
position: absolute;
top: 0;
right: var(--grid-divider-gutter);
content: '';
width: 12px;
height: 100%;
background-color: transparent; }
.l-list-border > * {
padding-bottom: 0.75rem; }
.l-list-border > *:not(:first-child) {
padding-top: 0.75rem;
border-top: 1px solid var(--divider-color); }
.l-list-border-compact > * {
padding-bottom: var(--grid-gutter); }
.l-list-border-compact > *:not(:first-child) {
padding-top: var(--grid-gutter);
border-top: 1px solid var(--divider-color); }
@media screen and (min-width: 740px) {
.l-list-multi-column {
display: grid;
grid-auto-flow: column;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
gap: 0 0.75rem; }
.l-list-multi-column > :nth-child(4) {
border-top: none; }
.l-list-multi-column > :first-child {
padding-top: 1.5rem; }
.l-list-multi-column > :nth-child(1),
.l-list-multi-column > :nth-child(2),
.l-list-multi-column > :nth-child(3) {
margin-right: 0.75rem; }
.l-list-multi-column > :nth-child(1):after,
.l-list-multi-column > :nth-child(2):after,
.l-list-multi-column > :nth-child(3):after {
display: block;
position: absolute;
top: 0;
right: -22px;
content: "";
width: 1px;
height: 100%;
background-color: var(--divider-color); }
.l-list-multi-column > :nth-child(4),
.l-list-multi-column > :nth-child(5),
.l-list-multi-column > :nth-child(6) {
margin-left: 0.5rem; } }
.l-double {
grid-template-areas: "main" "aside";
gap: 0.75rem; }
@media screen and (min-width: 992px) {
.l-double {
grid-template-areas: "main main aside";
grid-template-columns: 1fr 1fr 300px;
gap: var(--grid-gutter); } }
.l-double--reverse {
grid-template-areas: "aside" "main"; }
@media screen and (min-width: 992px) {
.l-double--reverse {
grid-template-areas: "aside main main";
grid-template-columns: 300px 1fr 1fr; } }
.l-double__main {
grid-area: main; }
.l-double__aside {
grid-area: aside; }
.l-double__aside::after {
background-color: var(--divider-color);
position: absolute;
content: '';
display: block; }
@media screen and (min-width: 740px) {
.l-double__aside::after {
top: 0;
left: var(--grid-divider-gutter);
width: 1px;
height: calc(100% + 0.75rem); } }
.l-double--reverse .l-double__aside::after {
left: auto;
position: absolute;
content: '';
display: block;
top: 0;
right: var(--grid-divider-gutter);
width: 1px;
height: 100%; }
.o-divider {
--divider-style: solid;
--divider-label-size: 1.5rem;
--divider-height: 1px;
--divider-spacing: 1.5rem; }
body:not([data-fullpage]) .o-divider {
border-color: var(--divider-color);
border-style: var(--divider-style);
border-width: 0; }
body:not([data-fullpage]) .o-divider--top {
border-top-width: var(--divider-height);
padding-top: var(--divider-spacing); }
body:not([data-fullpage]) .o-divider--right {
border-right-width: var(--divider-height);
padding-right: 0.75rem; }
@media screen and (min-width: 992px) {
body:not([data-fullpage]) .o-divider--right {
padding-right: 1.5rem; } }
body:not([data-fullpage]) .o-divider--bottom {
border-bottom-width: var(--divider-height);
padding-bottom: var(--divider-spacing); }
body:not([data-fullpage]) .o-divider--left {
border-left-width: var(--divider-height);
padding-left: 0.75rem; }
@media screen and (min-width: 992px) {
body:not([data-fullpage]) .o-divider--left {
padding-left: 1.5rem; } }
body:not([data-fullpage]) .o-divider--compact {
--divider-spacing: 0.75rem; }
.o-divider-label {
position: relative; }
.o-divider-label::after {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: var(--divider-label-size);
height: var(--divider-height);
background-color: currentcolor; }
.o-link-text {
color: var(--link-color-dark);
text-decoration: none;
transition: color .3s ease-in-out; }
.o-link-text:hover, .o-link-text-active {
color: #808080; }
.o-bg-dark .o-link-text,
.o-bg-primary-dark .o-link-text {
color: #fff; }
.o-bg-dark .o-link-text:hover,
.o-bg-primary-dark .o-link-text:hover {
color: #808080; }
.o-link-invisible {
color: var(--body-color) !important;
text-decoration: none;
transition: color .3s ease-in-out; }
.o-link-invisible:hover, .o-link-invisible-active {
color: #6eb9f2;
text-decoration: underline; }
.o-bg-dark .o-link-invisible:hover,
.o-bg-primary-dark .o-link-invisible:hover {
color: #6eb9f2;
text-decoration: underline; }
.o-link-primary {
color: var(--link-color-primary);
text-decoration: none; }
.o-link-primary:hover {
color: #6eb9f2; }
.o-link-secondary {
color: #808080;
text-decoration: none;
transition: color .3s ease-in-out; }
.o-link-secondary:hover, .o-link-secondary-active {
color: #6eb9f2;
text-decoration: underline; }
.o-bg-dark .o-link-secondary:hover,
.o-bg-primary-dark .o-link-secondary:hover {
color: #d9d9d9;
text-decoration: underline; }
.o-link-inverse {
color: #fff;
text-decoration: none;
transition: color .3s ease-in-out; }
.o-link-inverse:hover {
--link-inverse-color: #808080; }
.o-link-inverse-underline {
color: #fff;
text-decoration: none; }
.o-link-inverse-underline:hover {
text-decoration: underline; }
.o-link-category {
color: var(--link-category-color); }
.o-fullscreen {
position: relative;
margin-left: -0.75rem;
margin-right: -0.75rem; }
@media screen and (min-width: 992px) {
.o-fullscreen {
margin-left: 0;
margin-right: 0; } }
.o-skeleton {
--skeleton-background: #d9d9d9; }
.o-bg-dark .o-skeleton,
[data-mode="dark"] .o-skeleton {
--skeleton-background: #161616; }
.o-bg-primary .o-skeleton {
--skeleton-background: var(--theme-color-darker); }
.o-skeleton {
position: relative;
background-color: var(--skeleton-background);
overflow: hidden; }
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; }
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.33333333333334%; }
.o-skeleton-media--show {
padding-top: 150%; }
.o-skeleton-media--original {
padding-top: 65%; }
.o-skeleton-media--responsive {
padding-top: 100%; }
@media screen and (min-width: 740px) {
.o-skeleton-media--responsive {
padding-top: 56.25%; } }
.o-skeleton-media--vertical-horizontal {
padding-top: 133.33333333333334%; }
@media screen and (min-width: 740px) {
.o-skeleton-media--vertical-horizontal {
padding-top: 56.25%; } }
.o-skeleton-media--vertical-wide {
padding-top: 133.33333333333334%; }
@media screen and (min-width: 740px) {
.o-skeleton-media--vertical-wide {
padding-top: 35%; } }
.o-skeleton-media--square-wide {
padding-top: 100%; }
@media screen and (min-width: 740px) {
.o-skeleton-media--square-wide {
padding-top: 42.86%; } }
.o-skeleton-media--native {
padding-top: 100%; }
@media (min-aspect-ratio: 16 / 9) {
.o-skeleton-media--native {
padding-top: 56.25%; } }
.o-skeleton-media--square {
padding-top: 100%; }
.o-skeleton-media--horizontal {
padding-top: 56.25%; }
.o-text-overline {
display: block;
position: relative;
background-color: var(--background-color);
margin: 1.5rem; }
.o-text-overline .o-text {
display: inline-block;
position: relative;
z-index: 5;
padding: 0 1.5rem;
background-color: var(--background-color); }
.o-text-overline::before {
display: block;
position: absolute;
top: 50%;
z-index: 1;
content: '';
width: 100%;
height: 1px;
background-color: var(--divider-color);
transform: translatey(-50%); }
.c-brand {
--brand-color: var(--theme-color);
--brand-color-alternate: var(--theme-color);
--brand-network: #0d0d0d;
--brand-height: 1.5rem;
display: block;
height: var(--brand-height);
width: auto; }
@media (prefers-color-scheme: dark) {
body:not([data-color-scheme*="light"]) .c-brand {
--brand-color-alternate: #fff; } }
.c-brand--large {
--brand-height: 3.5rem; }
.c-brand--large.c-brand__text {
font-size: 4.85rem; }
.c-brand--resize-small {
--brand-height: 1.5rem; }
@media screen and (min-width: 370px) {
.c-brand--resize-small {
--brand-height: 2rem; }
.c-brand--resize-small.c-brand__text {
font-size: 2.77rem; } }
.c-brand--resize-small.c-brand__text {
font-size: 2.06rem; }
.c-brand--resize-medium {
--brand-height: 1.4rem; }
@media screen and (min-width: 370px) {
.c-brand--resize-medium {
--brand-height: 2rem; }
.c-brand--resize-medium.c-brand__text {
font-size: 2.76rem; } }
@media screen and (min-width: 740px) {
.c-brand--resize-medium {
--brand-height: 3.25rem; }
.c-brand--resize-medium.c-brand__text {
font-size: 4.5rem; } }
.c-brand--resize-medium.c-brand__text {
font-size: 2.08rem; }
.c-brand__text {
font-family: 'novecentonarrow';
font-weight: 900;
line-height: .7; }
body:not([data-color-scheme*="light"]) .c-brand {
--brand-color-alternate: #fff; }
body:not([data-homepage]) .c-menu .c-brand {
display: none; }
.c-brand--small {
--brand-height: 1.5rem;
max-width: 64vw; }
.c-brand--small.c-brand__text {
font-size: 3.08rem; }
.c-brand--inverse {
fill: #fff;
color: #fff; }
.c-brand--alternate {
fill: var(--brand-color-alternate);
color: var(--brand-color-alternate); }
.c-brand__edition {
fill: var(--brand-color); }
.c-brand__text .c-brand__edition {
color: var(--brand-color); }
.c-brand--inverse .c-brand__edition {
--brand-color: #fff; }
.c-header:not(.c-header--inverse) .c-brand__edition {
--brand-color: #fff; }
@media screen and (min-width: 740px) {
.c-header:not(.c-header--inverse) .c-brand__edition {
--brand-color: var(--theme-color); } }
body[data-edition*="europatoday"] .c-menu__brand .c-brand__edition,
body[data-edition*="europatoday"] .c-footer .c-brand__edition,
body[data-edition*="europatoday"] .c-header:not(.c-header--inverse) .c-brand__edition {
--brand-color: #ffcc00; }
.c-brand__network {
fill: var(--brand-network); }
.c-brand__text .c-brand__network {
color: var(--brand-network); }
body[data-edition*="europatoday"] .c-brand__network {
--brand-network: #fff; }
.c-menu .c-brand__network,
[data-color-scheme*="dark"] .c-brand__network,
.c-header--wide-transparent .c-brand__network,
.c-footer .c-brand__network {
--brand-network: #fff; }
[data-model*="sponsor"] .c-brand__network,
[data-color-scheme*="dark"][data-channel="/speciale/"][data-model*="sponsor"] .c-brand__network {
--brand-network: #fff;
fill: #fff; }
body[data-model="show"]:not(body[data-edition*="europatoday"]) .c-header .c-brand__network,
body[data-model*="video"]:not(body[data-edition*="europatoday"]) .c-header .c-brand__network,
body[data-channel*="/foto/"]:not(body[data-edition*="europatoday"]) .c-header .c-brand__network,
body[data-channel*="/video/"]:not(body[data-edition*="europatoday"]) .c-header .c-brand__network,
body[data-color-scheme*="dark"]:not(body[data-edition*="europatoday"]) .c-header:not(.c-header--inverse) .c-brand__network {
--brand-network: #0d0d0d; }
@media screen and (min-width: 740px) {
body[data-model="show"]:not(body[data-edition*="europatoday"]) .c-header .c-brand__network,
body[data-model*="video"]:not(body[data-edition*="europatoday"]) .c-header .c-brand__network,
body[data-channel*="/foto/"]:not(body[data-edition*="europatoday"]) .c-header .c-brand__network,
body[data-channel*="/video/"]:not(body[data-edition*="europatoday"]) .c-header .c-brand__network,
body[data-color-scheme*="dark"]:not(body[data-edition*="europatoday"]) .c-header:not(.c-header--inverse) .c-brand__network {
--brand-network: #fff; } }
.c-brand-cn {
fill: var(--background-color-muted-alpha); }
.c-menu .c-brand-cn {
fill: rgba(255, 255, 255, 0.5); }
.c-btn {
--btn-radius: 2px;
--btn-color: #0d0d0d;
--btn-label: #0d0d0d;
padding: 0.5rem 1rem;
border: none;
border-radius: var(--btn-radius);
background-color: var(--btn-color);
box-shadow: 0 0 0 1px var(--btn-color);
color: var(--btn-label);
transition: all 0.3s ease-out; }
.c-btn:disabled {
cursor: not-allowed; }
.c-btn--large {
padding: 0.75rem 1rem; }
.c-btn--small {
padding: 0.25rem 0.75rem; }
.c-btn--default {
--btn-color: var(--btn-default-color);
--btn-label: var(--btn-default-label);
background-color: transparent; }
.c-btn--default:hover {
--btn-color: #808080;
--btn-label: #808080; }
.c-btn--default:disabled {
--btn-color: rgba(128, 128, 128, 0.3);
--btn-label: rgba(128, 128, 128, 0.3); }
.c-btn--primary {
--btn-color: #148be6;
--btn-label: #fff; }
.c-btn--primary:hover {
--btn-color: #6eb9f2; }
.c-btn--primary:disabled {
--btn-color: rgba(20, 139, 230, 0.3);
--btn-label: rgba(128, 128, 128, 0.3); }
.c-btn--evidence {
--btn-color: var(--theme-color); }
.c-btn--evidence:hover {
--btn-color: var(--theme-color-light); }
.c-btn--rounded {
--btn-radius: 40px; }
.c-btn--active {
background-color: var(--theme-color);
box-shadow: 0 0 0 1px var(--theme-color);
color: #fff; }
.c-btn--secondary {
--btn-color: var(--btn-secondary-color);
--btn-label: var(--btn-secondary-label); }
.c-btn--secondary:hover {
--btn-color: var(--btn-secondary-color-hover); }
.c-btn--secondary:disabled {
--btn-color: rgba(128, 128, 128, 0.3);
--btn-label: rgba(128, 128, 128, 0.3); }
.c-btn--special {
--btn-color: var(--theme-color);
--btn-label: var(--btn-default-label);
background-color: transparent; }
.c-btn--special:hover {
background: linear-gradient(#22274e, var(--theme-color));
color: #fff; }
.c-btn--error {
--btn-color: #b32424;
--btn-label: #fff;
background-color: transparent; }
.c-btn--error:hover {
background: linear-gradient(#22274e, var(--theme-color));
color: #fff; }
.c-btn--approfondimento {
--btn-color: #c84a04;
--btn-label: #fff; }
.c-btn--approfondimento:hover {
--btn-color: #fc9e69; }
.c-btn--approfondimento:disabled {
--btn-color: rgba(20, 139, 230, 0.3);
--btn-label: rgba(128, 128, 128, 0.3); }
.c-btn--reset, .c-btn--link {
--btn-color: transparent;
box-shadow: none; }
.c-btn--reset {
margin: 0;
padding: 0;
border: none; }
.c-btn--link {
--btn-label: #148be6; }
.c-btn--link:hover {
--btn-label: #6eb9f2; }
.c-btn--link:disabled {
--btn-label: rgba(20, 139, 230, 0.3); }
.c-btn--facebook {
--btn-color: #1877f2;
--btn-label: #fff;
font-weight: 700;
text-align: center; }
.c-btn--facebook:hover {
--btn-color: var(--btn-secondary-color-hover); }
.c-btn--google {
--btn-color: #cf4332;
--btn-label: #fff;
font-weight: 700;
text-align: center; }
.c-btn--google:hover {
--btn-color: var(--btn-secondary-color-hover); }
.c-btn--apple {
--btn-color: var(--btn-secondary-color);
--btn-label: var(--btn-secondary-label);
font-weight: 700;
text-align: center; }
.c-btn--apple:hover {
--btn-color: var(--btn-secondary-color-hover); }
.c-btn--socials {
--btn-color: var(--btn-default-color);
--btn-label: var(--btn-default-label);
background-color: transparent; }
.c-btn--socials:hover {
--btn-color: #808080;
--btn-label: #808080; }
.c-btn--socials:disabled {
--btn-color: rgba(128, 128, 128, 0.3);
--btn-label: rgba(128, 128, 128, 0.3); }
.c-card {
--card-kicker-color: #e91f63;
--card-kicker-border: #4d4d4d;
--card-background: #f3f3f3;
background-color: var(--card-background); }
@media (prefers-color-scheme: dark) {
body:not([data-color-scheme*="light"]) .c-card {
--card-background: rgba(255, 255, 255, 0.1);
--card-kicker-border: #808080; } }
[data-color-scheme*="dark"] .c-card {
--card-background: rgba(255, 255, 255, 0.1);
--card-kicker-border: #808080; }
body[data-model*="evento"] .c-card iframe {
position: relative;
min-height: 450px; }
.c-card__kicker {
color: var(--card-kicker-color); }
[data-channel="/cultura/tv/programmi/"] .c-card__kicker {
color: #47ab98; }
.c-card__kicker--inverse {
--card-kicker-color: #fff;
bottom: 1rem;
left: 1rem;
background-color: var(--card-kicker-background);
z-index: 4; }
.c-card__kicker--cultura {
--card-kicker-background: #e91f63; }
.c-card__kicker--svago {
--card-kicker-background: #00bfa5; }
.c-card__kicker--food {
--card-kicker-background: #ffa000; }
.c-card__kicker--generic {
--card-kicker-background: #607d8b; }
.c-card__content {
height: 100%; }
.c-card__list-details .c-card__item-details:nth-child(2), .c-card__list-details .c-card__item-details:nth-child(3) {
margin-top: 0.75rem; }
.c-card__pull-down {
flex: 1 0 auto; }
.c-card__gradient {
display: block;
position: relative; }
.c-card__gradient:after {
display: block;
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 100%;
height: 50%;
background: linear-gradient(180deg, rgba(13, 13, 13, 0) 0%, rgba(13, 13, 13, 0.2) 15%, rgba(13, 13, 13, 0.8) 80%); }
.c-card__icon-top {
top: 2px; }
.c-card__link {
color: var(--body-secondary-color);
transition: all 0.3s ease-out; }
.c-card__link:hover {
color: var(--link-color-dark); }
.c-card__wrapped {
height: 100%;
background: #fff;
border: 1px solid #d9d9d9; }
.c-card__wrapped-item {
object-fit: scale-down;
width: 80%;
height: 70%; }
.c-dropdown {
--dropdown-width: auto;
--dropdown-border-color: var(--form-input-border);
--dropdown-border-radius: 2px;
--dropdown-background-color: var(--form-input-bg);
width: var(--dropdown-width);
border-width: 1px;
border-style: solid;
border-radius: var(--dropdown-border-radius);
border-color: var(--dropdown-border-color);
background-color: var(--dropdown-background-color);
transition: all 0.3s ease-out; }
@media screen and (min-width: 992px) {
.c-dropdown {
--dropdown-width: 264px; } }
.c-dropdown:hover {
--dropdown-border-color: var(--form-control-hover); }
.c-dropdown:active, .c-dropdown:focus {
--dropdown-border-color: #148be6; }
.c-dropdown:focus {
--dropdown-background-color: var(--form-control-bg);
outline: none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(20, 139, 230, 0.4); }
.c-dropdown:focus [data-dd-icon] {
transform: rotate(180deg);
transition: all 0.3s ease-out; }
.c-dropdown__item {
cursor: auto; }
.c-dropdown__item:hover {
background-color: var(--background-color-gray); }
.c-dropdown__list {
height: auto;
max-height: 50vh; }
.c-dropdown__panel {
display: none;
top: 3rem;
left: 0;
width: 140%;
border-width: 1px;
border-style: solid;
border-radius: 2px;
border-color: var(--form-input-border);
background-color: var(--background-color);
transition: all 0.3s ease-out;
animation: showitem .3s ease-in-out;
z-index: 9; }
@media screen and (min-width: 740px) {
.c-dropdown__panel {
width: 100%; } }
.c-dropdown--right .c-dropdown__panel {
right: 0;
left: auto; }
.c-dropdown--network .c-dropdown__panel {
top: auto;
background-color: var(--theme-color); }
.c-dropdown--user .c-dropdown__panel {
top: 46px;
left: auto;
width: 200px; }
.c-dropdown--filter .c-dropdown__panel {
top: 4rem; }
.c-dropdown:not(.c-dropdown--network):focus-within .c-dropdown__panel {
display: block;
width: max-content; }
.c-dropdown--network:focus-within .c-dropdown__panel {
display: flex; }
.c-dropdown__brand {
width: auto;
min-width: 50px;
height: 50px;
transition: transform .35s ease-in-out; }
.c-dropdown__brand:hover {
transform: scale(1.3); }
.c-dropdown__label {
color: var(--body-secondary-color);
cursor: auto;
font-family: var(--font-sans-grotesk);
font-weight: 400;
line-height: calc(1em + 4px);
font-size: 0.875rem; }
.c-dropdown__panel .c-dropdown__label {
padding: 0.75rem 0.5rem;
border-width: 0;
border-top-width: 1px;
border-style: solid;
border-color: var(--divider-color); }
.c-dropdown__panel .c-dropdown__label:not(:first-child) {
margin-top: 0.5rem; }
.c-dropdown--network {
--dropdown-width: 100%; }
.c-dropdown--user {
--dropdown-width: auto; }
.c-dropdown--reset {
--dropdown-background-color: transparent;
--dropdown-border-color: transparent;
--dropdown-border-radius: 0; }
.c-dropdown--reset:hover, .c-dropdown--reset:focus {
--dropdown-border-color: transparent;
--dropdown-background-color: transparent;
box-shadow: none; }
.c-dropdown--reset ~ .c-dropdown__panel {
border: transparent;
background-color: transparent; }
.c-avatar {
--story-thumb-size: 4rem;
grid-area: thumb;
width: var(--story-thumb-size);
height: var(--story-thumb-size);
background-color: var(--theme-color); }
[data-theme="today"] .c-avatar {
background-color: #e6c146; }
.c-avatar--small {
--story-thumb-size: 2rem; }
.c-avatar--large {
--story-thumb-size: 6rem; }
.c-avatar__thumb {
filter: drop-shadow(5px 5px 5px #4d4d4d);
flex: 1 0 auto;
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;
font-family: var(--font-serif-display);
font-weight: 700;
line-height: calc(1em + 4px);
font-size: 1.125rem; }
@media screen and (min-width: 740px) {
.c-header__channel {
font-family: var(--font-serif-display);
font-weight: 700;
line-height: calc(1em + 4px);
font-size: 1.625rem; } }
@media screen and (min-width: 740px) and (min-width: 740px) {
.c-header__channel {
font-size: 1.75rem; } }
.c-header--inverse .c-header__channel {
display: none; }
.c-header__top {
position: relative; }
@media screen and (min-width: 740px) {
.c-header__top {
min-width: 60%; } }
.c-header__top::after {
display: block;
position: absolute;
bottom: 0;
content: '';
margin: 0 calc(var(--outer-gutter) * -1);
width: calc(100% + var(--outer-gutter) * 2);
height: 1px;
background-color: rgba(255, 255, 255, 0.1); }
@media screen and (min-width: 740px) {
.c-header__top::after {
display: none; } }
@media screen and (min-width: 740px) {
.c-header:not(.c-header--slim) .c-navbar__search {
margin-left: 0.75rem; } }
.c-navbar__subscription {
top: .9rem;
right: 2rem; }
@media screen and (min-width: 600px) {
.c-navbar__subscription {
top: 1.2rem; } }
.c-navbar__toggle {
position: absolute;
top: 1rem;
right: 0;
margin-left: auto;
z-index: 9999; }
@media screen and (min-width: 600px) {
.c-navbar__toggle {
top: 1.25rem; } }
@media screen and (min-width: 740px) {
.c-navbar__toggle {
position: relative;
top: auto;
right: auto;
margin-left: 1.5rem; } }
.c-navbar__toggle-shadow {
top: 0.5rem;
right: 0.5rem;
border-radius: 2px;
background-color: rgba(21, 16, 16, 0.55);
height: 2rem;
width: 2rem;
z-index: 99; }
body:not([data-homepage]) .c-navbar__toggle-shadow {
display: none; }
.c-navbar__item {
--item-link-color: #fff;
position: relative;
color: var(--item-link-color);
white-space: nowrap;
text-decoration: none;
padding: 0.75rem 0;
transition: box-shadow .3s ease-in;
font-family: var(--font-serif-display);
font-weight: 700;
line-height: calc(1em + 4px);
font-size: 1rem; }
@media screen and (min-width: 740px) {
.c-navbar__item {
--item-link-color: #0d0d0d; } }
@media screen and (min-width: 740px) {
.c-navbar__item {
font-family: var(--font-serif-display);
font-weight: 700;
line-height: calc(1em + 4px);
font-size: 1.25rem; } }
.c-navbar__item + .c-navbar__item {
margin-left: 1rem; }
.c-navbar__item:hover, .c-navbar__item.is-active {
box-shadow: inset 0 -4px var(--nav-border); }
.c-navbar__item body[data-model="show"],
body[data-channel*="/foto/"] .c-navbar__item,
body[data-model*="video"] .c-navbar__item,
body[data-channel*="/video/"] .c-navbar__item,
[data-color-scheme*="dark"] .c-navbar__item {
--item-link-color: #fff; }
.c-navbar__search, .c-navbar__controller {
color: #fff; }
@media screen and (min-width: 740px) {
.c-navbar__search, .c-navbar__controller {
color: var(--icon-color); } }
.c-header--inverse .c-navbar__search, .c-header--inverse .c-navbar__controller {
color: var(--icon-color); }
[data-toggle-menu].is-active [data-toggle-menu-open] {
display: none; }
[data-toggle-menu].is-active [data-toggle-menu-close] {
display: block; }
[data-toggle-menu] [data-toggle-menu-open] {
display: block; }
[data-toggle-menu] [data-toggle-menu-close] {
display: none; }
[data-search].is-active [data-search-open] {
display: none; }
[data-search].is-active [data-search-close] {
display: block; }
[data-search] [data-search-open] {
display: block; }
[data-search] [data-search-close] {
display: none; }
.c-loader {
--loader-bg: #0d0d0d;
--loader-animation: #4d4d4d;
width: 1rem;
height: 1rem;
border: 0.25rem solid var(--loader-bg);
border-top: 0.25rem solid var(--loader-animation);
border-radius: 50%;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite; }
@media (prefers-color-scheme: dark) {
.c-loader {
--loader-bg: #808080;
--loader-animation: #fff; } }
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg); } }
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
.c-menu {
--nav-border: var(--theme-color);
--menu-divider-color: rgba(255, 255, 255, 0.3);
--menu-background: #0d0d0d;
display: none;
right: 100%;
background-color: var(--menu-background);
position: absolute;
z-index: -1; }
@media screen and (min-width: 740px) {
.c-menu {
--menu-background: #f3f3f3;
--menu-divider-color: rgba(22, 22, 22, 0.3);
right: 0;
min-height: auto; } }
@media screen and (min-width: 740px) {
body[data-model*="video"]:not([data-theme="today"]) .c-menu,
body[data-channel*="/foto/"]:not([data-theme="today"]) .c-menu,
body[data-channel*="/video/"]:not([data-theme="today"]) .c-menu,
body[data-color-scheme*="dark"]:not([data-theme="today"]) .c-menu {
--menu-background: #161616;
--menu-divider-color: rgba(255, 255, 255, 0.3); } }
.c-menu.is-open {
--menu-bottom: 0;
display: block;
position: var(--menu-position);
top: var(--menu-top);
right: 0;
bottom: var(--menu-bottom);
padding-top: var(--menu-padding-top);
overflow-y: scroll;
--menu-top: 0;
--menu-position: absolute;
animation: slidein .3s ease-in-out;
z-index: 99; }
@media (max-width: 739px) {
[data-fullpage][data-homepage] .c-menu.is-open {
--menu-position: fixed; } }
@media screen and (min-width: 370px) {
body:not([data-homepage]) .c-menu.is-open {
--menu-padding-top: 64px; } }
@media screen and (min-width: 740px) {
.c-menu.is-open {
--menu-bottom: auto;
--menu-padding-top: 3rem;
--menu-position: absolute;
animation: none;
overflow: hidden;
--menu-top: 182px; }
[data-branded] .c-menu.is-open,
[data-model*="sponsor"] .c-menu.is-open {
--menu-top: 64px; }
[data-model*="sponsor"][data-channel*="speciale"] .c-menu.is-open {
--menu-top: 56px; } }
@media screen and (min-width: 740px) {
[data-channel*="/speciale"] .c-menu.is-open {
--menu-top: 56px; } }
body:not([data-homepage]) .c-menu.is-open {
--menu-padding-top: 56px; }
.c-menu__brand {
display: none; }
body[data-homepage] .c-menu__brand {
display: block; }
@media screen and (min-width: 740px) {
body[data-homepage] .c-menu__brand {
display: none; } }
.c-menu__group {
--menu-group-my: calc(var(--outer-gutter) * -1);
outline: none;
margin: 0 var(--menu-group-my); }
@media screen and (min-width: 740px) {
.c-menu__group {
--menu-group-my: 0; }
.c-menu__group:not(:first-child) {
padding-left: 1rem;
border-left: 1px solid var(--menu-divider-color); } }
@media screen and (max-width: 740px) {
.c-menu__group:first-child {
border-top: 1px solid var(--menu-divider-color); } }
.c-menu__list {
display: none;
margin: 0;
padding: 0 0 0 1rem;
border-bottom: 1px solid var(--menu-divider-color); }
@media screen and (min-width: 740px) {
.c-menu__list {
display: flex;
flex-direction: column;
padding: 0;
border-bottom: 0; } }
.c-menu__group > input[type="checkbox"]:checked ~ .c-menu__list {
display: flex; }
.c-menu__title {
padding: 0.75rem;
border-bottom: 1px solid var(--menu-divider-color);
font-family: var(--font-serif-display);
font-weight: 700;
line-height: calc(1em + 4px);
font-size: 1.5rem; }
@media screen and (min-width: 740px) {
.c-menu__title {
margin-bottom: 1rem;
padding: 0;
border-bottom: 0;
font-family: var(--font-sans-grotesk);
font-weight: 700;
line-height: calc(1em + 4px);
font-size: 0.875rem;
text-transform: uppercase; } }
.c-menu__group:focus .c-menu__title,
.c-menu__group:hover .c-menu__title {
box-shadow: inset 4px 0 var(--nav-border); }
@media screen and (min-width: 740px) {
.c-menu__group:focus .c-menu__title,
.c-menu__group:hover .c-menu__title {
box-shadow: none; } }
.c-menu__logo {
width: auto;
height: 20px; }
.c-menu__group > 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: #4264aa; }
.c-share__item--twitter {
background-color: #000; }
.c-share__item--twitter:hover {
background-color: #0d0d0d; }
.c-share__item--whatsapp {
background-color: #25d366; }
.c-share__item--whatsapp:hover {
background-color: #36dc74; }
.c-share__item--email {
background-color: #4d4d4d; }
.c-share__item--email:hover {
background-color: #5a5a5a; }
.c-story {
--story-number-color: #808080;
--story-kicker-bg: #aa3125;
--story-kicker-text: var(--theme-color);
display: grid;
grid-template-columns: 1fr;
align-content: start; }
@media (prefers-color-scheme: dark) {
body:not([data-color-scheme*="light"]):not([data-model*="sponsor"]) .c-story {
--story-number-color: #fff; } }
[data-channel*="/foto/"]:not([data-color-scheme="user-light"]) .c-story,
[data-channel*="/video/"]:not([data-color-scheme="user-light"]) .c-story,
body[data-color-scheme*="dark"]:not([data-model*="sponsor"]) .c-story,
.o-bg-dark .c-story,
.o-bg-primary-dark .c-story {
--story-number-color: #fff; }
.c-story--square-dark {
gap: 1rem; }
@media screen and (min-width: 740px) {
.c-story--square-dark {
align-content: center;
align-items: center;
grid-template-rows: 1fr; } }
.c-story--podcast, .c-story--inset, .c-story--stack, .c-story--card, .c-story--overlay, .c-story--inline, .c-story--inline-sm, .c-story--inline-lg, .c-story--square-dark {
grid-template-areas: "media" "headline" "summary" "sublinks" "byline"; }
.c-story--podcast .c-story__content, .c-story--inset .c-story__content, .c-story--stack .c-story__content, .c-story--card .c-story__content, .c-story--overlay .c-story__content, .c-story--inline .c-story__content, .c-story--inline-sm .c-story__content, .c-story--inline-lg .c-story__content, .c-story--square-dark .c-story__content {
grid-area: headline; }
@media screen and (min-width: 740px) {
.c-story--square-dark, .c-story--inline {
grid-template-areas: "headline media" "summary media" "sublinks sublinks" "byline byline";
grid-template-columns: repeat(2, 1fr); } }
@media screen and (min-width: 740px) {
.c-story--inline-sm {
grid-template-areas: "headline headline headline headline headline media media media" "summary summary summary summary summary media media media" "byline byline byline byline byline byline byline byline";
grid-template-columns: repeat(8, 1fr); } }
.c-story--inline-sm-reverse {
gap: 1rem;
grid-template-areas: "content" "media" "byline"; }
@media screen and (min-width: 740px) {
.c-story--inline-sm-reverse {
grid-template-areas: "media content content" "byline byline byline";
grid-template-columns: repeat(3, 1fr); } }
.c-story--podcast {
column-gap: 1rem; }
@media screen and (min-width: 740px) {
.c-story--podcast {
grid-template-areas: "media media headline headline headline headline headline headline" "media media summary summary summary summary summary summary" "byline byline byline byline byline byline byline byline";
grid-template-columns: repeat(8, 1fr); } }
@media screen and (min-width: 740px) {
.c-story--inline-lg {
grid-template-areas: "headline headline headline media media media";
grid-template-columns: repeat(6, 1fr); } }
.c-story--search {
grid-template-areas: "media" "byline" "content";
border-bottom: 1px solid var(--divider-color); }
@media screen and (min-width: 600px) {
.c-story--search {
grid-template-areas: "byline byline media" "content content media";
grid-template-columns: repeat(3, 1fr); } }
@media screen and (min-width: 992px) {
.c-story--search {
grid-template-areas: "byline content content content content media" "byline content content content content media";
grid-template-columns: repeat(6, 1fr); } }
.c-story--live {
grid-template-areas: "byline" "content";
border-top: 1px solid var(--theme-color);
border-bottom: 1px solid var(--divider-color); }
@media screen and (min-width: 740px) {
.c-story--live {
grid-template-areas: "byline content"; } }
.c-story--live .c-story__body > p {
margin-top: 0; }
.c-story--live .c-story__body > p > a {
color: var(--link-color);
text-decoration-color: #d9d9d9;
text-decoration-skip: ink;
text-underline-offset: 2px; }
.c-story--live .c-story__body > p > a:hover {
text-decoration-color: var(--link-color); }
.c-story--live img[style] {
width: auto !important;
height: auto !important; }
.c-story--inset {
grid-template-areas: "media" "headline" "summary" "sublinks" "byline"; }
@media screen and (min-width: 740px) {
.c-story--inset {
grid-template-areas: "headline headline headline" "summary summary media" "sublinks sublinks media" "byline byline media";
grid-template-columns: repeat(3, 1fr); } }
.c-story--card {
align-items: stretch; }
.c-story--editorial {
grid-template-areas: "headline thumb" "byline byline" "summary summary";
gap: .2rem; }
.c-story--focus {
grid-template-areas: "media" "content"; }
@media screen and (min-width: 740px) {
.c-story--focus {
grid-template-areas: "content content content content content media media media";
grid-template-columns: repeat(8, 1fr); } }
.c-story--cover-image {
grid-template-areas: "content"; }
@media screen and (min-width: 740px) {
.c-story--cover-image {
grid-template-areas: "content content content content content media media media";
grid-template-columns: repeat(8, 1fr); } }
.c-story--cover-image::after {
position: absolute;
top: 0;
left: 0;
content: '';
width: 100%;
height: 100%;
background-color: rgba(13, 13, 13, 0.6);
z-index: -1; }
.c-story__byline {
grid-area: byline; }
.c-story--editorial .c-story__byline {
color: var(--story-kicker-text); }
.c-story--search .c-story__byline {
display: flex; }
@media screen and (min-width: 992px) {
.c-story--search .c-story__byline {
display: block; } }
.c-story__content {
grid-area: content; }
.c-story--podcast .c-story__content {
text-align: center; }
@media screen and (min-width: 740px) {
.c-story--podcast .c-story__content {
text-align: left; } }
@media screen and (min-width: 992px) {
.c-story--square-dark .c-story__header {
padding: 0 4rem; } }
.c-story--live .c-story__header iframe {
max-width: 100%; }
.c-story--card .c-story__header {
position: relative;
width: 85%;
margin: -3rem auto 0;
padding: 1rem;
border-top-width: 3px;
border-top-style: solid;
border-top-color: var(--story-header-border);
background: var(--background-color); }
@media screen and (min-width: 992px) {
.c-story--card .c-story__header {
padding-top: 1.5rem; } }
.c-story--overlay .c-story__heading {
font-family: var(--font-serif-display);
font-weight: 500;
line-height: calc(1em + 4px);
font-size: 1rem; }
@media screen and (min-width: 992px) {
.c-story--overlay .c-story__heading {
font-family: var(--font-serif-display);
font-weight: 500;
line-height: calc(1em + 4px);
font-size: 1.25rem; } }
.c-story__media {
grid-area: media;
margin-bottom: 0.75rem; }
.c-story__media img {
transition: transform 9s ease-in-out; }
.c-story:not(.c-story--focus):hover .c-story__media img {
transform: scale(1.3); }
@media screen and (min-width: 740px) {
.c-story--inline .c-story__media,
.c-story--inline-sm .c-story__media,
.c-story--inline-lg .c-story__media,
.c-story--focus .c-story__media,
.c-story--inset .c-story__media {
margin-bottom: 0; } }
@media screen and (min-width: 740px) {
.c-story--inline .c-story__media,
.c-story--inline-sm .c-story__media,
.c-story--inline-lg .c-story__media,
.c-story--focus .c-story__media {
margin-left: 0.75rem; } }
@media screen and (min-width: 740px) {
.c-story--inset .c-story__media {
margin-top: 0.75rem;
padding-left: 0.75rem; } }
.c-story--overlay .c-story__media {
width: 100%;
height: 100%;
margin-bottom: 0;
object-fit: cover;
object-position: center;
z-index: 5; }
.c-story--podcast .c-story__media {
width: 70%;
margin: 0 auto 0.75rem; }
@media screen and (min-width: 740px) {
.c-story--podcast .c-story__media {
width: auto;
margin: inherit;
margin-left: 0.75rem; } }
.c-story__number {
top: 1.5rem;
left: 0;
color: var(--story-number-color);
font-family: var(--font-sans-grotesk);
font-size: 2rem;
font-weight: 700;
line-height: 2.5rem; }
.l-list-border > *:first-child .c-story__number {
top: 0; }
.l-list-multi-column > *:first-child .c-story__number {
top: 1.5rem; }
.c-story__badge {
background-color: var(--kicker-bg); }
.c-story--dossier .c-story__badge {
--kicker-bg: #c84a04; }
body[data-channel*="podcast"] .c-story__badge,
body[data-model*="podcast"] .c-story__badge {
--kicker-bg: #5ac1bd; }
body[data-channel*="cibo"] .c-story__badge,
body[data-edition="today"] .c-story__badge,
body[data-edition="cibotoday"] .c-story__badge {
display: none; }
.c-story__kicker {
grid-area: kicker;
align-self: self-start;
color: var(--story-kicker-text); }
.c-story__kicker a {
color: var(--story-kicker-text); }
.c-story--overlay .c-story__kicker {
background-color: var(--theme-color);
color: #fff; }
.c-story--square-dark .c-story__kicker {
color: #fff; }
[data-theme="today"] .c-story--overlay .c-story__kicker {
background-color: var(--story-kicker-bg);
color: #fff; }
.c-story__play {
position: absolute;
bottom: 1rem;
left: 1rem;
z-index: 9; }
.c-story__summary {
grid-area: summary;
margin-top: 0.5rem; }
.c-story__sublinks {
position: relative;
grid-area: sublinks; }
.c-story__sublinks::before {
display: block;
content: '';
width: 30px;
height: 1px;
margin-bottom: 0.75rem;
background-color: var(--divider-color); }
.c-story__sublinks .c-story__sublink:not(:last-child) {
margin-bottom: 0.5rem; }
.c-story__sublinks .c-story__kicker {
color: var(--body-secondary-color); }
.c-story__thumb {
--story-thumb-size: 4rem;
grid-area: thumb;
width: var(--story-thumb-size);
height: var(--story-thumb-size); }
.c-story__live {
border-top: 1px solid rgba(255, 255, 255, 0.5);
margin: 0 -1rem -1rem; }
.c-subheader {
--subheader-border: transparent;
--subheader-navbar-spacing: 0;
--subheader-item-spacing: 1rem;
--subheader-border: var(--divider-color);
--subheader-text: var(--body-color);
--subheader-title: var(--body-color);
--subheader-text-hover: var(--hover-02, #808080);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: var(--subheader-border);
background-color: var(--subheader-background, --background-color);
background-image: var(--subheader-background-image);
background-repeat: no-repeat;
background-position: center center;
background-size: var(--subheader-background-size);
transition: all 0.3s ease-out; }
@media (prefers-color-scheme: dark) {
[data-theme="today"][data-channel*="lifestyle"]:not([data-color-scheme*="light"]) .c-subheader {
--subheader-background: rgba(92, 48, 110, 0.25);
--subheader-text: #fff;
--subheader-border: #5c306e; } }
[data-color-scheme*="dark"][data-theme="today"][data-channel*="lifestyle"] .c-subheader {
--subheader-background: rgba(92, 48, 110, 0.25);
--subheader-text: #fff;
--subheader-border: #5c306e; }
[data-theme="today"][data-channel*="lifestyle"] .c-subheader {
--subheader-border: #b786ca;
--subheader-background: #f6f0f9;
--subheader-text: #5c306e;
--subheader-text-hover: #b786ca; }
[data-theme="today"][data-channel*="/gossip"] .c-subheader {
--subheader-background: #8947a3;
--subheader-text: #fff; }
@media (prefers-color-scheme: dark) {
[data-theme="today"][data-channel*="cultura"]:not([data-color-scheme*="light"]) .c-subheader {
--subheader-background: rgba(34, 81, 72, 0.25);
--subheader-text: #fff;
--subheader-border: #225148; } }
[data-color-scheme*="dark"][data-theme="today"][data-channel*="cultura"] .c-subheader {
--subheader-background: rgba(34, 81, 72, 0.25);
--subheader-text: #fff;
--subheader-border: #225148; }
[data-theme="today"][data-channel*="cultura"] .c-subheader {
--subheader-border: #47ab98;
--subheader-background: #e4f4f1;
--subheader-text: #225148;
--subheader-text-hover: #47ab98; }
[data-theme="today"][data-channel*="/gossip"] .c-subheader {
--subheader-background: #8947a3;
--subheader-text: #fff; }
@media (prefers-color-scheme: dark) {
[data-theme="today"][data-channel*="opinioni"]:not([data-color-scheme*="light"]) .c-subheader {
--subheader-background: rgba(107, 86, 14, 0.25);
--subheader-text: #fff;
--subheader-border: #6b560e; } }
[data-color-scheme*="dark"][data-theme="today"][data-channel*="opinioni"] .c-subheader {
--subheader-background: rgba(107, 86, 14, 0.25);
--subheader-text: #fff;
--subheader-border: #6b560e; }
[data-theme="today"][data-channel*="opinioni"] .c-subheader {
--subheader-border: #e6c146;
--subheader-background: #fbf6e3;
--subheader-text: #6b560e;
--subheader-text-hover: #e6c146; }
[data-theme="today"][data-channel*="/gossip"] .c-subheader {
--subheader-background: #8947a3;
--subheader-text: #fff; }
@media (prefers-color-scheme: dark) {
[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; }
@media (prefers-color-scheme: dark) {
body[data-channel*="dossier"]:not([data-color-scheme*="light"]) .c-subheader {
--subheader-background: #38342e;
--subheader-text-hover: #fff;
--subheader-title: #fff; } }
[data-color-scheme*="dark"][data-channel*="dossier"] .c-subheader {
--subheader-background: #38342e;
--subheader-text-hover: #fff;
--subheader-title: #fff; }
.c-subheader .c-btn {
position: absolute;
top: 1.2rem;
right: 1rem; }
@media screen and (min-width: 992px) {
.c-subheader .c-btn {
position: relative;
top: auto;
right: auto; } }
.c-subheader::after {
position: absolute;
right: 0;
bottom: -5px;
content: '';
width: 100%;
height: 1px;
background-color: var(--subheader-border); }
[data-channel*="dossier"] .c-subheader::after {
display: none; }
@media screen and (min-width: 740px) {
.c-subheader > div:first-child {
gap: 0.75rem; } }
.c-subheader.c-subheader--branded::after {
display: none; }
.c-subheader__list {
display: none;
position: relative;
width: 100%;
margin-top: 0.25rem;
margin-left: 0;
padding-left: 0; }
@media screen and (min-width: 992px) {
.c-subheader__list {
position: absolute;
left: 0;
width: auto;
min-width: 100%;
margin-top: 0; } }
[data-subheader-item]:focus .c-subheader__list,
[data-subheader-item]:hover .c-subheader__list {
display: flex;
top: 100%;
background-color: var(--subheader-background-active, var(--background-color)); }
.c-subheader__main-list {
margin-right: -0.75rem;
margin-left: -0.75rem; }
@media screen and (min-width: 992px) {
.c-subheader__main-list {
margin: 0; } }
.c-subheader__title {
color: var(--subheader-title); }
.c-subheader__navbar {
scrollbar-width: thin; }
.c-subheader__navbar--lg {
--subheader-navbar-spacing: 0;
display: none; }
@media screen and (min-width: 992px) {
.c-subheader__navbar--lg {
display: block;
border-top: 1px solid var(--subheader-light-line); } }
.c-subheader__navbar--lg.is-open {
display: block; }
.c-subheader__navbar::-webkit-scrollbar {
width: 4px;
height: 4px; }
.c-subheader__navbar::-webkit-scrollbar-track, .c-subheader__navbar::-webkit-scrollbar-thumb {
-webkit-border-radius: 8px; }
.c-subheader__navbar::-webkit-scrollbar-track {
background: var(--background-color-light); }
.c-subheader__navbar::-webkit-scrollbar-thumb {
background: var(--theme-color-light); }
.c-subheader__head ~ .c-subheader__navbar {
--subheader-navbar-spacing: 0; }
@media screen and (min-width: 740px) {
.c-subheader__head ~ .c-subheader__navbar {
--subheader-navbar-spacing: 26px; } }
.c-subheader__subnavbar {
backdrop-filter: brightness(90%); }
.c-subheader__subnavbar::after {
position: absolute;
top: 0;
right: 0;
content: '';
height: 1px;
background-color: var(--subheader-border); }
.c-subheader__item {
padding-top: var(--subheader-item-spacing);
padding-bottom: var(--subheader-item-spacing);
color: var(--subheader-text);
z-index: 9; }
.c-subheader__item:hover {
color: var(--subheader-text-hover); }
.c-subheader__main-list > .c-subheader__item {
padding-right: 1rem;
padding-left: 1rem; }
@media screen and (min-width: 992px) {
.c-subheader__main-list > .c-subheader__item {
padding-right: 0.5rem;
padding-left: 0.5rem; } }
@media screen and (min-width: 740px) {
.c-subheader__head ~ .c-subheader__navbar .c-subheader__item {
--subheader-item-spacing: 26px; } }
.c-subheader__item--active::after {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 100%;
height: 3px;
background-color: var(--subheader-text); }
.c-subheader__navbar--lg .c-subheader__item--active::after {
width: 3px;
height: 100%; }
@media screen and (min-width: 992px) {
.c-subheader__navbar--lg .c-subheader__item--active::after {
width: 100%;
height: 3px; } }
.c-subheader__item--small {
width: 50%;
padding-right: 0.75rem;
padding-left: 0; }
@media screen and (min-width: 992px) {
.c-subheader__item--small {
width: 100%;
padding-left: 0.75rem; } }
.c-subheader__navbar--lg .c-subheader__item {
width: 100%;
font-family: var(--font-sans-grotesk);
font-weight: 700;
line-height: calc(1em + 4px);
font-size: 1.125rem; }
@media screen and (min-width: 992px) {
.c-subheader__navbar--lg .c-subheader__item {
font-size: 14px;
width: auto; } }
.c-subheader__navbar--lg .c-subheader__item:focus, .c-subheader__navbar--lg .c-subheader__item:hover {
outline: none;
background-color: var(--subheader-background-active, var(--background-color));
color: var(--subheader-text); }
.c-subheader__navbar--lg .c-subheader__item:focus::after, .c-subheader__navbar--lg .c-subheader__item:hover::after {
display: none; }
.c-subheader__navbar--lg .c-subheader__item:focus [data-subheader-arrow], .c-subheader__navbar--lg .c-subheader__item:hover [data-subheader-arrow] {
transform: rotate(180deg); }
.c-subheader__navbar--lg .c-subheader__item:first-child {
margin-left: 0; }
.c-subheader__avatar {
margin-bottom: 0.5rem; }
@media screen and (min-width: 740px) {
.c-subheader__avatar {
margin-right: 0.5rem;
margin-bottom: 0; } }
.c-subheader__logo {
max-height: 40px; }
body[data-channel*="dossier"] .c-subheader {
--subheader-background: #d1cdc7;
--subheader-title: #38342e; }
.c-title {
--title-background: #808080;
--title-border: #0d0d0d;
--title-text: #0d0d0d;
position: relative;
margin-bottom: 1.5rem;
border-bottom: 1px solid var(--divider-color);
color: var(--title-text);
font-family: var(--font-serif-display);
font-weight: 700;
line-height: calc(1em + 4px);
font-size: 1.625rem; }
@media (prefers-color-scheme: dark) {
body:not([data-color-scheme*="light"]):not([data-model*="sponsor"]) .c-title {
--title-text: #fff;
--title-border: #fff; } }
@media (prefers-color-scheme: dark) {
[data-theme="today"][data-channel^="/lifestyle/"]:not([data-color-scheme*="light"]) .c-title {
--title-text: #b786ca; }
[data-theme="today"][data-channel^="/lifestyle/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured-multiline, [data-theme="today"][data-channel^="/lifestyle/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured {
--title-border: #fff;
--title-text: #fff; } }
[data-color-scheme*="dark"][data-theme="today"][data-channel^="/lifestyle/"] .c-title {
--title-border: #8947a3;
--title-text: #b786ca; }
[data-color-scheme*="dark"][data-theme="today"][data-channel^="/lifestyle/"] .c-title.c-title--featured-multiline, [data-color-scheme*="dark"][data-theme="today"][data-channel^="/lifestyle/"] .c-title.c-title--featured {
--title-border: #fff;
--title-text: #fff; }
[data-theme="today"][data-channel^="/lifestyle/"]:not([data-color-scheme*="light"]) .c-title {
--title-border: #8947a3;
--title-text: #5c306e; }
[data-theme="today"][data-channel^="/lifestyle/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured-multiline, [data-theme="today"][data-channel^="/lifestyle/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured {
--title-border: #fff;
--title-text: #fff; }
@media (prefers-color-scheme: dark) {
[data-theme="today"][data-channel^="/cultura/"]:not([data-color-scheme*="light"]) .c-title {
--title-text: #47ab98; }
[data-theme="today"][data-channel^="/cultura/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured-multiline, [data-theme="today"][data-channel^="/cultura/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured {
--title-border: #fff;
--title-text: #fff; } }
[data-color-scheme*="dark"][data-theme="today"][data-channel^="/cultura/"] .c-title {
--title-border: #317568;
--title-text: #47ab98; }
[data-color-scheme*="dark"][data-theme="today"][data-channel^="/cultura/"] .c-title.c-title--featured-multiline, [data-color-scheme*="dark"][data-theme="today"][data-channel^="/cultura/"] .c-title.c-title--featured {
--title-border: #fff;
--title-text: #fff; }
[data-theme="today"][data-channel^="/cultura/"]:not([data-color-scheme*="light"]) .c-title {
--title-border: #317568;
--title-text: #225148; }
[data-theme="today"][data-channel^="/cultura/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured-multiline, [data-theme="today"][data-channel^="/cultura/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured {
--title-border: #fff;
--title-text: #fff; }
@media (prefers-color-scheme: dark) {
[data-theme="today"][data-channel^="/opinioni/"]:not([data-color-scheme*="light"]) .c-title {
--title-text: #e6c146; }
[data-theme="today"][data-channel^="/opinioni/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured-multiline, [data-theme="today"][data-channel^="/opinioni/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured {
--title-border: #fff;
--title-text: #fff; } }
[data-color-scheme*="dark"][data-theme="today"][data-channel^="/opinioni/"] .c-title {
--title-border: #ae8c18;
--title-text: #e6c146; }
[data-color-scheme*="dark"][data-theme="today"][data-channel^="/opinioni/"] .c-title.c-title--featured-multiline, [data-color-scheme*="dark"][data-theme="today"][data-channel^="/opinioni/"] .c-title.c-title--featured {
--title-border: #fff;
--title-text: #fff; }
[data-theme="today"][data-channel^="/opinioni/"]:not([data-color-scheme*="light"]) .c-title {
--title-border: #ae8c18;
--title-text: #6b560e; }
[data-theme="today"][data-channel^="/opinioni/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured-multiline, [data-theme="today"][data-channel^="/opinioni/"]:not([data-color-scheme*="light"]) .c-title.c-title--featured {
--title-border: #fff;
--title-text: #fff; }
@media (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; }
@media screen and (min-width: 740px) {
.c-title {
font-size: 1.75rem; } }
.c-title--multiline-small {
font-size: 20px; }
.c-title--featured {
margin-bottom: 0; }
.c-title--featured, .c-title--featured-multiline {
padding: 0.75rem;
border-bottom: 0;
background-color: var(--title-background);
font-family: var(--font-sans-grotesk);
font-weight: 900;
line-height: calc(1em + 4px);
font-size: 1.25rem; }
@media (prefers-color-scheme: dark) {
body:not([data-color-scheme*="light"]) .c-title--featured, body:not([data-color-scheme*="light"]) .c-title--featured-multiline {
background-color: rgba(255, 255, 255, 0.1); } }
.c-title--featured-multiline {
--title-multiline-position: 10px; }
.o-bg-primary .c-title {
border-bottom-color: var(--theme-color-light); }
.o-bg-primary .c-title::after {
background-color: var(--theme-color-light); }
.o-bg-primary .c-title--featured {
background-color: var(--theme-color-darker); }
.o-bg-dark[data-section-key*="focus-channel-cover"] .c-title--featured {
background-color: rgba(255, 255, 255, 0.1); }
body[data-channel*="/foto/"] .c-title,
body[data-model*="video"] .c-title,
body[data-channel*="/video/"] .c-title {
--title-text: #fff;
--title-border: #fff; }
body[data-model="show"]:not([data-color-scheme="user-light"]) .c-title,
body[data-channel*="/foto/"]:not([data-color-scheme="user-light"]) .c-title,
body[data-channel*="/video/"]:not([data-color-scheme="user-light"]) .c-title,
body[data-color-scheme*="dark"]:not([data-model*="sponsor"]) .c-title,
.o-bg-dark .c-title,
.o-bg-primary .c-title, .c-title--featured, .c-title--featured-multiline {
--title-border: #fff;
--title-text: #fff; }
.c-title__logo {
max-height: 40px;
width: 150px; }
.c-title--multiline-small::after, .c-title--featured-multiline::after {
display: block;
position: absolute;
bottom: calc(var(--title-multiline-position) * -1);
left: 0;
content: '';
width: 100%;
height: 10px;
background-image: repeating-linear-gradient(to bottom, transparent, transparent 2px, var(--divider-color) 2px, var(--divider-color) 3px);
background-repeat: repeat-x;
background-position: bottom; }
.c-title--multiline, .c-title--multiline-small {
--title-multiline-position: 13px;
border-bottom: 3px solid var(--title-border); }
body[data-channel*="dossier"] .c-title--multiline,
body[data-model*="approfondimento"] .c-title--multiline, body[data-channel*="dossier"] .c-title--multiline-small,
body[data-model*="approfondimento"] .c-title--multiline-small {
border-bottom: 3px solid #d1cdc7; }
.c-toolbar {
--toolbar-border-color: #d9d9d9;
border-bottom: 2px solid var(--toolbar-border-color); }
.c-toolbar__item {
border-right: 1px solid var(--divider-color); }
.c-toolbar__item:first-child, .c-toolbar__item:last-child {
border-right: 0; }
body[data-model*="show"]:not([data-theme="today"]) .c-toolbar,
body[data-model*="video"]:not([data-theme="today"]) .c-toolbar,
body[data-channel*="/foto/"]:not([data-theme="today"]) .c-toolbar,
body[data-channel*="/video/"]:not([data-theme="today"]) .c-toolbar,
body[data-color-scheme*="dark"]:not([data-theme="today"]) .c-toolbar {
--toolbar-border-color: rgba(255, 255, 255, 0.3); }
body[data-model*="sponsor"] .c-toolbar {
display: none; }
.c-pagination {
--pagination-item-color: var(--link-color-dark);
--pagination-item-bg: transparent;
--pagination-item-border-color: var(--icon-color); }
.c-pagination__item {
height: 1.5rem;
border-radius: 20px;
background-color: var(--pagination-item-bg);
color: var(--pagination-item-color);
transition: all 0.3s ease-out; }
.c-pagination__item:hover {
--pagination-item-bg: var(--background-color-light); }
.c-pagination__item.is-active {
--pagination-item-bg: var(--item-bg-inverse);
--pagination-item-color: var(--body-color-inverse); }
.c-pagination__item--rounded {
width: 1.5rem;
border: 1px solid var(--pagination-item-border-color); }
.c-pagination__item--rounded:hover {
--pagination-item-bg: transparent;
--pagination-item-border-color: #d9d9d9;
--pagination-item-color: #d9d9d9; }
.c-footer {
--footer-brand-height: 2rem;
border-top: 2px solid var(--divider-color); }
.c-footer .c-brand {
fill: #fff;
height: var(--footer-brand-height); }
@media screen and (min-width: 600px) {
.c-footer .c-brand {
--footer-brand-height: 2.5rem; } }
.c-footer__claim {
background-color: #161616; }
.c-footer__head {
justify-content: center; }
@media screen and (min-width: 600px) {
.c-footer__head {
align-items: center;
justify-content: space-between; } }
.c-footer__badge {
height: 2rem;
width: auto;
fill: #fff; }
@media screen and (min-width: 740px) {
.c-footer__badge {
margin-top: 0; } }
.c-footer .c-dropdown--network {
color: #fff; }
.c-searchbar {
--searchbar-background: var(--theme-color);
animation: showitem .3s ease-in-out;
background-color: var(--searchbar-background); }
@media screen and (min-width: 740px) {
.c-searchbar {
--searchbar-background: #f3f3f3; } }
@keyframes showitem {
from {
opacity: 0; }
to {
opacity: 1; } }
@media screen and (min-width: 740px) {
[data-color-scheme*="dark"] .c-searchbar {
--searchbar-background: #161616; } }
.c-header--inverse .c-searchbar {
--searchbar-background: var(--background-color); }
.c-modetoggle {
--modetoggle-icon: #808080;
--modetoggle-icon-active: var(--icon-color);
--modetoggle-tooltip-bg: var(--background-color);
--modetoggle-tooltip-color: var(--body-color);
--modetoggle-tooltip-width: 130px;
--modetoggle-shadow: var(--global-shadow); }
.c-menu .c-modetoggle {
--modetoggle-border: rgba(255, 255, 255, 0.3);
--modetoggle-icon: rgba(255, 255, 255, 0.5);
--modetoggle-icon-active: #fff;
border: 1px solid var(--modetoggle-border);
border-radius: 1rem; }
.c-modetoggle__icon {
stroke: var(--modetoggle-icon); }
.c-modetoggle__icon:hover,
input[type="radio"]:checked + .c-modetoggle__icon {
--modetoggle-icon: var(--modetoggle-icon-active); }
.c-modetoggle__label:hover::after {
display: block;
position: absolute;
top: 100%;
left: calc(50% - (var(--modetoggle-tooltip-width) / 2 ));
content: attr(aria-label);
width: var(--modetoggle-tooltip-width);
padding: 0.75rem;
background-color: var(--modetoggle-tooltip-bg);
box-shadow: var(--modetoggle-shadow);
color: var(--modetoggle-tooltip-color);
text-align: center;
white-space: nowrap;
z-index: 9999999999;
font-family: var(--font-sans-grotesk);
font-weight: 400;
line-height: calc(1em + 4px);
font-size: 0.75rem; }
.c-alphindex {
--alphindex-bg: var(--background-color-gray);
--alphindex-color: var(--link-color-dark);
--alphindex-width: auto;
--alphindex-px: 1rem;
width: var(--alphindex-width);
padding-right: var(--alphindex-px);
padding-left: var(--alphindex-px);
background-color: var(--alphindex-bg);
color: var(--alphindex-color);
transition: all 0.3s ease-out; }
@media screen and (min-width: 992px) {
.c-alphindex {
--alphindex-px: 0.75rem; } }
@media screen and (min-width: 992px) {
.c-alphindex {
--alphindex-width: 100%; } }
.o-bg-dark .c-alphindex,
.o-bg-primary-dark .c-alphindex {
--alphindex-color: $link-01; }
.c-alphindex:hover:not(.disabled) {
--alphindex-color: $hover-04;
--alphindex-bg: var(--nav-active-bg-hover); }
.c-alphindex.current {
--alphindex-bg: var(--theme-color);
--alphindex-color: #fff; }
.c-alphindex.disabled {
--alphindex-color: rgba(128, 128, 128, 0.3); }
.c-post {
--img-user-size: 40px;
border-radius: 2px;
border: 1px solid var(--divider-color); }
.c-post__head {
display: grid;
border-bottom-width: var(--divider-height);
grid-column-gap: 0.5rem;
grid-template-columns: 40px auto;
grid-template-areas: "userimg username" "userimg date"; }
.c-post__place, .c-post__body {
flex-grow: 1; }
.c-post__user {
width: var(--img-user-size);
height: var(--img-user-size);
background-color: #d9d9d9;
grid-area: userimg; }
.c-post__name {
grid-area: username; }
.c-post__date {
grid-area: date; }
.c-post__wrapper {
height: 100%;
width: 100%;
transition: width .6s ease-in-out; }
.c-post__wrapper:hover {
width: 105%; }
.c-post__image {
object-fit: cover;
height: 100%; }
.c-rating {
--ratig-stroke: var(--rating-stroke, var(--body-secondary-color));
stroke: var(--ratig-stroke); }
.c-rating--filled {
--rating-stroke: #ffbe26;
fill: #ffbe26; }
/* --------------------------------- */
/* rating css */
/* --------------------------------- */
.c-rating--input input:checked ~ label .c-rating {
--rating-stroke: #ffbe26;
fill: #ffbe26; }
.c-badge {
border: 1px solid #4d4d4d; }
.c-breadcrumb {
--breadcrumb-color: #e91f63;
--breadcrumb-decoration: none;
color: var(--breadcrumb-color);
text-decoration: var(--breadcrumb-decoration); }
.c-breadcrumb:hover {
--breadcrumb-decoration: underline; }
.c-tab__item {
flex-grow: 1;
order: 1;
border-top: 4px solid var(--divider-color);
border-right: 1px solid var(--divider-color);
border-bottom: 1px solid var(--divider-color);
background-color: var(--background-color); }
.c-tab__item:first-child {
border-left: 1px solid var(--divider-color); }
.c-tab__item.is-active, .c-tab__item:hover, .c-tab__item:active {
border-top: 4px solid var(--theme-color);
background-color: var(--background-color-gray);
transition: background-color .3s ease-in-out, border-top .3s ease-in-out;
border-bottom: none; }
.c-tab__item.active {
border-top: 4px solid var(--theme-color);
border-bottom: none; }
.c-tab__container {
border-top-width: 0;
border-left-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
border-style: solid;
border-color: var(--divider-color); }
.c-tab__content {
display: none; }
.c-tab__content.c-tab--edged {
border-top-width: 0;
border-left-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
border-style: solid;
border-color: var(--divider-color); }
.c-tab input:checked + .c-tab__content {
display: block;
height: auto; }
table {
width: 100%;
margin: 2rem 0;
border-collapse: collapse;
border: none; }
table thead {
background-color: #f3f3f3;
text-align: left; }
table tr:nth-child(even) {
background-color: var(--background-color-gray); }
table tbody:first-child tr:nth-child(odd) {
background-color: var(--background-color-gray); }
table tbody:first-child tr:nth-child(even) {
background-color: var(--background-color-body); }
table tbody:first-child tr:first-child {
background-color: #f3f3f3; }
table tbody:first-child tr:first-child td {
border-bottom: 1px solid #0d0d0d;
color: #0d0d0d;
font-family: var(--font-sans-grotesk);
font-weight: 700;
line-height: calc(1em + 4px);
font-size: 1rem; }
table th,
table td {
padding: 1rem; }
table th {
border-bottom: 1px solid #0d0d0d;
color: #0d0d0d;
font-family: var(--font-sans-grotesk);
font-weight: 700;
line-height: calc(1em + 4px);
font-size: 1rem; }
table td {
border-bottom: 1px solid var(--divider-color);
color: #808080;
font-family: var(--font-sans-grotesk);
font-weight: 700;
line-height: calc(1em + 4px);
font-size: 0.875rem; }
.c-modal {
--modal-size: 90%; }
.c-modal__dialog {
opacity: 0;
visibility: hidden;
background: rgba(13, 13, 13, 0.5);
transition: opacity .25s ease;
z-index: 99999; }
.c-modal__close {
top: 1rem;
right: 1rem;
fill: #0d0d0d;
z-index: 999; }
.c-modal__wrap {
top: -50%;
transition: top .5s ease-in-out; }
.c-modal input:checked ~ .c-modal__dialog {
opacity: 1;
visibility: visible; }
.c-modal input:checked ~ .c-modal__dialog .c-modal__wrap {
top: 0; }
.c-modal__media {
max-width: var(--modal-size);
margin: 0 auto; }
@media screen and (min-width: 740px) {
.c-modal__media {
--modal-size: 70%; } }
.c-modal__media__close {
top: -12px;
right: -12px;
border: 2px solid #fff;
background: #0d0d0d;
z-index: 999; }
.c-modal__content {
background: #fff;
border-radius: 2px; }
.c-modal__footer {
border-radius: 2px; }
.c-modal__footer :first-child {
margin-right: auto; }
.c-modal__textual {
max-width: var(--modal-size);
margin: 0 auto;
max-height: 80vh; }
@media screen and (min-width: 740px) {
.c-modal__textual {
--modal-size: 50%; } }
.c-modal__image {
max-height: 90vh; }
.c-modal--orientation {
display: none;
height: 100vh;
height: 100vh;
width: 100vw;
z-index: 9; }
@media (max-width: 768px) and (orientation: landscape) {
.c-modal--orientation {
display: flex; } }
.c-modal--orientation .o-icon {
animation: rotate 3s infinite ease-in-out; }
.c-accordion {
--label-bg: var(--background-color);
--label-active-bg: var(--background-color-gray);
--label-hover-bg: var(--background-color-gray);
--label-border: var(--divider-color);
border-top: 0;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
border-style: solid;
border-color: var(--divider-color); }
@media (prefers-color-scheme: dark) {
body[data-channel*="dossier"]:not([data-color-scheme*="light"]) .c-accordion,
body[data-actual-url="/signup/premium-products/"]:not(
[data-color-scheme*="light"]
)
.c-accordion {
--label-bg: #38342e;
--label-active-bg: #38342e;
--label-hover-bg: #38342e; } }
body[data-model*="approfondimento"] .c-accordion {
border: none; }
.c-accordion__label {
border-top: 1px solid var(--label-border);
background-color: var(--label-bg); }
label:first-of-type .c-accordion__label {
border: none; }
.c-accordion__label:hover {
background-color: var(--label-hover-bg);
transition: background-color 0.3s ease-in-out, border-top 0.3s ease-in-out; }
.c-accordion__body {
height: 0;
overflow: hidden;
opacity: 0; }
.c-accordion input:checked ~ .c-accordion__label {
background-color: var(--label-active-bg);
box-shadow: inset 0 4px 0 var(--theme-color);
transition: background-color 0.3s ease-in-out, border-top 0.3s ease-in-out; }
body[data-model*="approfondimento"] .c-accordion input:checked ~ .c-accordion__label {
box-shadow: none; }
.c-accordion input:checked ~ .c-accordion__label .o-icon {
transform: rotate(180deg);
transition: transform 0.3s ease-in-out; }
.c-accordion input:checked ~ .c-accordion__body {
height: auto;
padding: 1rem;
overflow: auto;
opacity: 1;
transition: height 0.3s ease-in-out, opacity 0.6s ease-in-out; }
body[data-channel*="dossier"] .c-accordion,
body[data-actual-url="/signup/premium-products/"] .c-accordion {
--label-bg: #e8e6e3;
--label-active-bg: #e8e6e3;
--label-hover-bg: #e8e6e3; }
body[data-color-scheme*="dark"][data-channel*="dossier"] .c-accordion,
body[data-color-scheme*="dark"][data-actual-url="/signup/premium-products/"]
.c-accordion {
--label-bg: #38342e;
--label-active-bg: #38342e;
--label-hover-bg: #38342e; }
body[data-model*="approfondimento"],
body[data-channel*="dossier"] {
--details-bg: #e8e6e3; }
@media (prefers-color-scheme: dark) {
body[data-model*="approfondimento"]:not([data-color-scheme*="light"]),
body[data-channel*="dossier"]:not([data-color-scheme*="light"]) {
--details-bg: #38342e; }
body[data-model*="approfondimento"]:not([data-color-scheme*="light"]) details summary::before,
body[data-channel*="dossier"]:not([data-color-scheme*="light"]) details summary::before {
background-image: url("data:image/svg+xml;base64,phn2zyb4bwxucz0iahr0cdovl3d3dy53my5vcmcvmjawmc9zdmciihdpzhropsiyncigagvpz2h0psiyncigdmlld0jved0imcawidi0idi0iibmawxspsjub25liibzdhjva2u9iinmzmyiihn0cm9rzs13awr0ad0imiigc3ryb2tllwxpbmvjyxa9injvdw5kiibzdhjva2utbgluzwpvaw49injvdw5kiibjbgfzcz0izmvhdghlcibmzwf0agvylxbsdxmtc3f1yxjlij48cmvjdcb4psiziib5psiziib3awr0ad0imtgiighlawdodd0imtgiihj4psiyiibyet0imii+pc9yzwn0pjxsaw5lihgxpsixmiigete9ijgiihgypsixmiigeti9ije2ij48l2xpbmu+pgxpbmugede9ijgiihkxpsixmiigedi9ije2iib5mj0imtiipjwvbgluzt48l3n2zz4="); }
body[data-model*="approfondimento"]:not([data-color-scheme*="light"]) details[open] summary::before,
body[data-channel*="dossier"]:not([data-color-scheme*="light"]) details[open] summary::before {
background-image: url("data:image/svg+xml;base64,phn2zyb4bwxucz0iahr0cdovl3d3dy53my5vcmcvmjawmc9zdmciihdpzhropsiyncigagvpz2h0psiyncigdmlld0jved0imcawidi0idi0iibmawxspsjub25liibzdhjva2u9iinmzmyiihn0cm9rzs13awr0ad0imiigc3ryb2tllwxpbmvjyxa9injvdw5kiibzdhjva2utbgluzwpvaw49injvdw5kiibjbgfzcz0izmvhdghlcibmzwf0agvylw1pbnvzlxnxdwfyzsi+phjly3qged0imyiget0imyigd2lkdgg9ije4iibozwlnahq9ije4iibyed0imiigcnk9ijiipjwvcmvjdd48bgluzsb4mt0iocigete9ijeyiib4mj0imtyiihkypsixmii+pc9saw5lpjwvc3znpg=="); } }
body[data-color-scheme*="dark"][data-model*="approfondimento"],
body[data-color-scheme*="dark"][data-channel*="dossier"] {
--details-bg: #38342e; }
@media (prefers-color-scheme: dark) {
body:not([data-model*="approfondimento"]):not([data-color-scheme*="light"]):not([data-actual-url="/signup/premium-products/"]) details summary::before,
body:not([data-channel*="dossier"]):not([data-color-scheme*="light"]):not([data-actual-url="/signup/premium-products/"]) details summary::before {
background-image: url("data:image/svg+xml;base64,phn2zyb4bwxucz0iahr0cdovl3d3dy53my5vcmcvmjawmc9zdmciihdpzhropsiyncigagvpz2h0psiyncigdmlld0jved0imcawidi0idi0iibmawxspsjub25liibzdhjva2u9iinmzmyiihn0cm9rzs13awr0ad0imiigc3ryb2tllwxpbmvjyxa9injvdw5kiibzdhjva2utbgluzwpvaw49injvdw5kiibjbgfzcz0izmvhdghlcibmzwf0agvylxbsdxmtc3f1yxjlij48cmvjdcb4psiziib5psiziib3awr0ad0imtgiighlawdodd0imtgiihj4psiyiibyet0imii+pc9yzwn0pjxsaw5lihgxpsixmiigete9ijgiihgypsixmiigeti9ije2ij48l2xpbmu+pgxpbmugede9ijgiihkxpsixmiigedi9ije2iib5mj0imtiipjwvbgluzt48l3n2zz4="); }
body:not([data-model*="approfondimento"]):not([data-color-scheme*="light"]):not([data-actual-url="/signup/premium-products/"]) details[open] summary::before,
body:not([data-channel*="dossier"]):not([data-color-scheme*="light"]):not([data-actual-url="/signup/premium-products/"]) details[open] summary::before {
background-image: url("data:image/svg+xml;base64,phn2zyb4bwxucz0iahr0cdovl3d3dy53my5vcmcvmjawmc9zdmciihdpzhropsiyncigagvpz2h0psiyncigdmlld0jved0imcawidi0idi0iibmawxspsjub25liibzdhjva2u9iinmzmyiihn0cm9rzs13awr0ad0imiigc3ryb2tllwxpbmvjyxa9injvdw5kiibzdhjva2utbgluzwpvaw49injvdw5kiibjbgfzcz0izmvhdghlcibmzwf0agvylw1pbnvzlxnxdwfyzsi+phjly3qged0imyiget0imyigd2lkdgg9ije4iibozwlnahq9ije4iibyed0imiigcnk9ijiipjwvcmvjdd48bgluzsb4mt0iocigete9ijeyiib4mj0imtyiihkypsixmii+pc9saw5lpjwvc3znpg=="); } }
body[data-color-scheme*="dark"]:not([data-model*="approfondimento"]):not([data-channel*="dossier"]):not([data-actual-url="/signup/premium-products/"]) details summary::before {
background-image: url("data:image/svg+xml;base64,phn2zyb4bwxucz0iahr0cdovl3d3dy53my5vcmcvmjawmc9zdmciihdpzhropsiyncigagvpz2h0psiyncigdmlld0jved0imcawidi0idi0iibmawxspsjub25liibzdhjva2u9iinmzmyiihn0cm9rzs13awr0ad0imiigc3ryb2tllwxpbmvjyxa9injvdw5kiibzdhjva2utbgluzwpvaw49injvdw5kiibjbgfzcz0izmvhdghlcibmzwf0agvylxbsdxmtc3f1yxjlij48cmvjdcb4psiziib5psiziib3awr0ad0imtgiighlawdodd0imtgiihj4psiyiibyet0imii+pc9yzwn0pjxsaw5lihgxpsixmiigete9ijgiihgypsixmiigeti9ije2ij48l2xpbmu+pgxpbmugede9ijgiihkxpsixmiigedi9ije2iib5mj0imtiipjwvbgluzt48l3n2zz4="); }
body[data-color-scheme*="dark"]:not([data-model*="approfondimento"]):not([data-channel*="dossier"]):not([data-actual-url="/signup/premium-products/"]) details[open] summary::before {
background-image: url("data:image/svg+xml;base64,phn2zyb4bwxucz0iahr0cdovl3d3dy53my5vcmcvmjawmc9zdmciihdpzhropsiyncigagvpz2h0psiyncigdmlld0jved0imcawidi0idi0iibmawxspsjub25liibzdhjva2u9iinmzmyiihn0cm9rzs13awr0ad0imiigc3ryb2tllwxpbmvjyxa9injvdw5kiibzdhjva2utbgluzwpvaw49injvdw5kiibjbgfzcz0izmvhdghlcibmzwf0agvylw1pbnvzlxnxdwfyzsi+phjly3qged0imyiget0imyigd2lkdgg9ije4iibozwlnahq9ije4iibyed0imiigcnk9ijiipjwvcmvjdd48bgluzsb4mt0iocigete9ijeyiib4mj0imtyiihkypsixmii+pc9saw5lpjwvc3znpg=="); }
details {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
padding: 1rem;
background-color: var(--background-color-gray); }
[data-model*="approfondimento"] details {
background-color: var(--details-bg);
color: var(--details-color); }
details summary {
display: flex;
align-items: center;
margin: 0 0 0.75rem 0;
list-style: none;
cursor: pointer;
font-family: var(--font-serif-display);
font-weight: 500;
line-height: calc(1em + 4px);
font-size: 1.5rem; }
details summary::marker, details summary::-webkit-details-marker {
display: none; }
details summary::before {
content: '\00a0';
display: inline-block;
min-width: 1.5rem;
height: 1.5rem;
margin-right: 0.75rem;
background-image: url("data:image/svg+xml;base64,phn2zyb4bwxucz0iahr0cdovl3d3dy53my5vcmcvmjawmc9zdmciihdpzhropsiyncigagvpz2h0psiyncigdmlld0jved0imcawidi0idi0iibmawxspsjub25liibzdhjva2u9imn1cnjlbnrdb2xvciigc3ryb2tllxdpzhropsiyiibzdhjva2utbgluzwnhcd0icm91bmqiihn0cm9rzs1saw5lam9pbj0icm91bmqiignsyxnzpsjmzwf0agvyigzlyxrozxitcgx1cy1zcxvhcmuipjxyzwn0ihg9ijmiihk9ijmiihdpzhropsixocigagvpz2h0psixocigcng9ijiiihj5psiyij48l3jly3q+pgxpbmugede9ijeyiib5mt0iocigedi9ijeyiib5mj0imtyipjwvbgluzt48bgluzsb4mt0iocigete9ijeyiib4mj0imtyiihkypsixmii+pc9saw5lpjwvc3znpg==");
background-repeat: no-repeat;
background-size: contain; }
details[open] summary::before {
background-image: url("data:image/svg+xml;base64,phn2zyb4bwxucz0iahr0cdovl3d3dy53my5vcmcvmjawmc9zdmciihdpzhropsiyncigagvpz2h0psiyncigdmlld0jved0imcawidi0idi0iibmawxspsjub25liibzdhjva2u9imn1cnjlbnrdb2xvciigc3ryb2tllxdpzhropsiyiibzdhjva2utbgluzwnhcd0icm91bmqiihn0cm9rzs1saw5lam9pbj0icm91bmqiignsyxnzpsjmzwf0agvyigzlyxrozxitbwludxmtc3f1yxjlij48cmvjdcb4psiziib5psiziib3awr0ad0imtgiighlawdodd0imtgiihj4psiyiibyet0imii+pc9yzwn0pjxsaw5lihgxpsi4iib5mt0imtiiihgypsixniigeti9ijeyij48l2xpbmu+pc9zdmc+"); }
.faq details {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
border-bottom: 1px solid #ccc; }
.faq details .faq-accordion {
padding-top: 0.75rem; }
.faq details summary {
display: flex;
list-style: none;
cursor: pointer;
font-family: var(--font-sans-grotesk);
font-weight: 700;
line-height: calc(1em + 4px);
font-size: 1rem; }
.faq details summary::marker, .faq details summary::-webkit-details-marker {
display: none; }
.faq details summary::before {
display: inline-block;
content: '\00a0';
width: 1.5rem;
height: 1.5rem;
margin-right: 0.75rem;
background-image: url("data:image/svg+xml;base64,phn2zyb3awr0ad0imziiighlawdodd0imziiihzpzxdcb3g9ijagmcazmiazmiigzmlsbd0ibm9uzsigeg1sbnm9imh0dha6ly93d3cudzmub3jnlziwmdavc3znij4kphbhdgggzd0itti0ljkzmzqgmtiuotmznewxni45mzm0idiwljkzmzrdmtyunjy2nyayms4yide2ljqgmjeumzmzncaxniayms4zmzm0qze1ljygmjeumzmzncaxns4zmzm0idixljigmtuumdy2nyaymc45mzm0tdcumdy2njkgmtiuotmznem2ljuzmzm1ideyljqgni41mzmznsaxms42idcumdy2njkgmteumdy2n0m3ljywmdayidewljuzmzqgoc40mdawmiaxmc41mzm0idguotmzmzugmteumdy2n0wxniaxoc4xmzm0tdizlja2njcgmteumdy2n0mymy42idewljuzmzqgmjquncaxmc41mzm0idi0ljkzmzqgmteumdy2n0myns40njy3idexljygmjuundy2nyaxmi40idi0ljkzmzqgmtiuotmznfoiigzpbgw9imjsywnrii8+cjxtyxnriglkpsjtyxnrmf8wxzc1mcigc3r5bgu9im1hc2stdhlwztphbhboysigbwfza1vuaxrzpsj1c2vyu3bhy2vpblvzzsiged0iniiget0imtaiihdpzhropsiymcigagvpz2h0psixmii+cjxwyxroigq9ik0ync45mzm0ideyljkzmzrmmtyuotmzncaymc45mzm0qze2ljy2njcgmjeumiaxni40idixljmzmzqgmtygmjeumzmznemxns42idixljmzmzqgmtuumzmzncayms4yide1lja2njcgmjauotmznew3lja2njy5ideyljkzmzrdni41mzmznsaxmi40idyuntmzmzugmteunia3lja2njy5idexlja2njddny42mdawmiaxmc41mzm0idgundawmdigmtauntmznca4ljkzmzm1idexlja2njdmmtygmtgumtmznewymy4wnjy3idexlja2njddmjmuniaxmc41mzm0idi0ljqgmtauntmzncaync45mzm0idexlja2njddmjuundy2nyaxms42idi1ljq2njcgmtiuncaync45mzm0ideyljkzmzraiibmawxspsj3agl0zsivpgo8l21hc2s+cjxnig1hc2s9invybcgjbwfzazbfmf83ntapij4kphjly3qgd2lkdgg9ijmyiibozwlnahq9ijmyiibmawxspsjibgfjayivpgo8l2c+cjwvc3znpgo=");
background-repeat: no-repeat;
background-size: contain; }
.faq details[open] summary::before {
background-image: url("data:image/svg+xml;base64,phn2zyb3awr0ad0imziiighlawdodd0imziiihzpzxdcb3g9ijagmcazmiazmiigzmlsbd0ibm9uzsigeg1sbnm9imh0dha6ly93d3cudzmub3jnlziwmdavc3znij4kphjly3qgd2lkdgg9ijmyiibozwlnahq9ijmyiibmawxspsj3agl0zsigzmlsbc1vcgfjaxr5psiwljaxii8+cjxwyxroigq9ik0ync45mzm0idiwljkzmzrdmjqunjy2nyayms4yidi0ljqgmjeumzmzncayncayms4zmzm0qzizljygmjeumzmzncaymy4zmzm0idixljigmjmumdy2nyaymc45mzm0tde2idezljg2njdmoc45mzmznsaymc45mzm0qzgundawmdigmjeundy2nya3ljywmdayidixljq2njcgny4wnjy2osaymc45mzm0qzyuntmzmzugmjaunca2ljuzmzm1ide5ljygny4wnjy2osaxos4wnjy3tde1lja2njcgmteumdy2n0mxns42idewljuzmzqgmtyuncaxmc41mzm0ide2ljkzmzqgmteumdy2n0wync45mzm0ide5lja2njddmjuundy2nyaxos42idi1ljq2njcgmjauncaync45mzm0idiwljkzmzraiibmawxspsjibgfjayivpgo8bwfzaybpzd0ibwfzazbfmf83mzgiihn0ewxlpsjtyxnrlxr5cgu6ywxwageiig1hc2tvbml0cz0idxnlclnwywnlt25vc2uiihg9ijyiihk9ijewiib3awr0ad0imjaiighlawdodd0imtiipgo8cgf0acbkpsjnmjquotmzncaymc45mzm0qzi0ljy2njcgmjeumiaync40idixljmzmzqgmjqgmjeumzmznemymy42idixljmzmzqgmjmumzmzncayms4yidizlja2njcgmjauotmznewxniaxmy44njy3tdguotmzmzugmjauotmznem4ljqwmdayidixljq2njcgny42mdawmiayms40njy3idcumdy2njkgmjauotmznem2ljuzmzm1idiwljqgni41mzmznsaxos42idcumdy2njkgmtkumdy2n0wxns4wnjy3idexlja2njddmtuuniaxmc41mzm0ide2ljqgmtauntmzncaxni45mzm0idexlja2njdmmjquotmzncaxos4wnjy3qzi1ljq2njcgmtkuniayns40njy3idiwljqgmjquotmzncaymc45mzm0wiigzmlsbd0id2hpdguilz4kpc9tyxnrpgo8zybtyxnrpsj1cmwoi21hc2swxzbfnzm4ksi+cjxyzwn0ihdpzhropsizmiigagvpz2h0psizmiigzmlsbd0iymxhy2silz4kpc9npgo8l3n2zz4k"); }
.c-stepper {
--stepper-item-size: 2rem;
--stepper-line: 2px; }
.c-stepper.c-stepper--numberless ul {
gap: 2px; }
.c-stepper__element {
min-width: var(--stepper-item-size);
height: var(--stepper-item-size);
border: var(--stepper-line) solid var(--link-color-primary);
border-radius: 50%;
background-color: var(--background-color); }
.c-stepper--numberless .c-stepper__element {
--stepper-item-size: 4px;
width: 100%;
border: none;
border-radius: 0;
background-color: #d9d9d9; }
.c-stepper__element--active {
background-color: var(--link-color-primary);
color: #fff; }
.c-stepper--numberless .c-stepper__element--active {
background-color: var(--link-color-primary); }
.c-stepper__line {
top: 50%;
height: var(--stepper-line);
background: #148be6; }
.c-stepper--numberless .c-stepper__line {
--stepper-line: 4px;
top: 0;
background-color: #fff; }
.c-boxcta {
border: 1px solid #d9d9d9; }
.c-entry .c-boxcta img {
margin: 0; }
.c-slider {
padding-bottom: 4rem; }
@media screen and (min-width: 992px) {
.c-slider {
padding-bottom: 0; } }
.c-slider input:nth-of-type(1):checked ~ ul li:first-of-type {
margin-left: 0%; }
@media screen and (min-width: 600px) {
.c-slider input:nth-of-type(1):checked ~ ul li:first-of-type {
margin-left: 0%; } }
.c-slider input:nth-of-type(1):checked ~ .c-slider__navigation label:nth-of-type(1):after {
opacity: 1; }
.c-slider input:nth-of-type(1):checked ~ .c-slider__arrows > label:nth-of-type(0) {
right: auto;
left: 0%;
display: block;
transform: rotate(45deg); }
.c-slider input:nth-of-type(1):checked ~ .c-slider__arrows > label:nth-of-type(2) {
right: 0;
left: auto;
display: block;
transform: rotate(225deg); }
.c-slider input:nth-of-type(2):checked ~ ul li:first-of-type {
margin-left: -101%; }
@media screen and (min-width: 600px) {
.c-slider input:nth-of-type(2):checked ~ ul li:first-of-type {
margin-left: -100%; } }
.c-slider input:nth-of-type(2):checked ~ .c-slider__navigation label:nth-of-type(2):after {
opacity: 1; }
.c-slider input:nth-of-type(2):checked ~ .c-slider__arrows > label:nth-of-type(1) {
right: auto;
left: 0%;
display: block;
transform: rotate(45deg); }
.c-slider input:nth-of-type(2):checked ~ .c-slider__arrows > label:nth-of-type(3) {
right: 0;
left: auto;
display: block;
transform: rotate(225deg); }
.c-slider input:nth-of-type(3):checked ~ ul li:first-of-type {
margin-left: -202%; }
@media screen and (min-width: 600px) {
.c-slider input:nth-of-type(3):checked ~ ul li:first-of-type {
margin-left: -200%; } }
.c-slider input:nth-of-type(3):checked ~ .c-slider__navigation label:nth-of-type(3):after {
opacity: 1; }
.c-slider input:nth-of-type(3):checked ~ .c-slider__arrows > label:nth-of-type(2) {
right: auto;
left: 0%;
display: block;
transform: rotate(45deg); }
.c-slider input:nth-of-type(3):checked ~ .c-slider__arrows > label:nth-of-type(4) {
right: 0;
left: auto;
display: block;
transform: rotate(225deg); }
.c-slider input:nth-of-type(4):checked ~ ul li:first-of-type {
margin-left: -303%; }
@media screen and (min-width: 600px) {
.c-slider input:nth-of-type(4):checked ~ ul li:first-of-type {
margin-left: -300%; } }
.c-slider input:nth-of-type(4):checked ~ .c-slider__navigation label:nth-of-type(4):after {
opacity: 1; }
.c-slider input:nth-of-type(4):checked ~ .c-slider__arrows > label:nth-of-type(3) {
right: auto;
left: 0%;
display: block;
transform: rotate(45deg); }
.c-slider input:nth-of-type(4):checked ~ .c-slider__arrows > label:nth-of-type(5) {
right: 0;
left: auto;
display: block;
transform: rotate(225deg); }
.c-slider input:nth-of-type(5):checked ~ ul li:first-of-type {
margin-left: -404%; }
@media screen and (min-width: 600px) {
.c-slider input:nth-of-type(5):checked ~ ul li:first-of-type {
margin-left: -400%; } }
.c-slider input:nth-of-type(5):checked ~ .c-slider__navigation label:nth-of-type(5):after {
opacity: 1; }
.c-slider input:nth-of-type(5):checked ~ .c-slider__arrows > label:nth-of-type(4) {
right: auto;
left: 0%;
display: block;
transform: rotate(45deg); }
.c-slider input:nth-of-type(5):checked ~ .c-slider__arrows > label:nth-of-type(6) {
right: 0;
left: auto;
display: block;
transform: rotate(225deg); }
.c-slider input:nth-of-type(6):checked ~ ul li:first-of-type {
margin-left: -505%; }
@media screen and (min-width: 600px) {
.c-slider input:nth-of-type(6):checked ~ ul li:first-of-type {
margin-left: -500%; } }
.c-slider input:nth-of-type(6):checked ~ .c-slider__navigation label:nth-of-type(6):after {
opacity: 1; }
.c-slider input:nth-of-type(6):checked ~ .c-slider__arrows > label:nth-of-type(5) {
right: auto;
left: 0%;
display: block;
transform: rotate(45deg); }
.c-slider input:nth-of-type(6):checked ~ .c-slider__arrows > label:nth-of-type(7) {
right: 0;
left: auto;
display: block;
transform: rotate(225deg); }
.c-slider input:nth-of-type(7):checked ~ ul li:first-of-type {
margin-left: -606%; }
@media screen and (min-width: 600px) {
.c-slider input:nth-of-type(7):checked ~ ul li:first-of-type {
margin-left: -600%; } }
.c-slider input:nth-of-type(7):checked ~ .c-slider__navigation label:nth-of-type(7):after {
opacity: 1; }
.c-slider input:nth-of-type(7):checked ~ .c-slider__arrows > label:nth-of-type(6) {
right: auto;
left: 0%;
display: block;
transform: rotate(45deg); }
.c-slider input:nth-of-type(7):checked ~ .c-slider__arrows > label:nth-of-type(8) {
right: 0;
left: auto;
display: block;
transform: rotate(225deg); }
.c-slider input:nth-of-type(8):checked ~ ul li:first-of-type {
margin-left: -707%; }
@media screen and (min-width: 600px) {
.c-slider input:nth-of-type(8):checked ~ ul li:first-of-type {
margin-left: -700%; } }
.c-slider input:nth-of-type(8):checked ~ .c-slider__navigation label:nth-of-type(8):after {
opacity: 1; }
.c-slider input:nth-of-type(8):checked ~ .c-slider__arrows > label:nth-of-type(7) {
right: auto;
left: 0%;
display: block;
transform: rotate(45deg); }
.c-slider input:nth-of-type(8):checked ~ .c-slider__arrows > label:nth-of-type(9) {
right: 0;
left: auto;
display: block;
transform: rotate(225deg); }
.c-slider ul {
box-sizing: border-box;
margin: 0 auto; }
.c-slider ul > li {
white-space: normal;
transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1); }
.c-slider .c-slider__navigation {
bottom: 2rem;
left: 50%;
user-select: none;
-webkit-touch-callout: none; }
@media screen and (min-width: 740px) {
.c-slider .c-slider__navigation {
left: 13%; } }
.c-slider .c-slider__navigation div {
margin-left: -100%; }
.c-slider .c-slider__navigation label {
display: inline-block;
margin: 0 4px;
padding: 4px;
background: #d9d9d9;
user-select: none;
-webkit-touch-callout: none; }
.c-slider .c-slider__navigation label::after {
position: absolute;
top: 50%;
left: 50%;
content: '';
margin-top: -6px;
margin-left: -6px;
padding: 6px;
border-radius: 50%;
opacity: 0;
background: #4d4d4d; }
.c-slider .c-slider__navigation label:hover:after {
opacity: 1; }
.c-slider.inside .c-slider__navigation {
bottom: 10px;
margin-bottom: 10px; }
.c-slider.inside .c-slider__navigation label {
border: 1px solid #7e7e7e; }
.c-slider input:first-of-type:checked ~ .c-slider__arrows label.goto-last {
right: auto;
left: 0;
display: block;
transform: rotate(45deg); }
.c-slider input:last-of-type:checked ~ .c-slider__arrows label.goto-first {
right: 0;
left: auto;
display: block;
transform: rotate(225deg); }
.c-slider .c-slider__arrows {
bottom: .9rem;
left: 5%;
z-index: 9;
box-sizing: content-box;
width: 90%;
height: 21px;
user-select: none;
-webkit-touch-callout: none; }
@media screen and (min-width: 740px) {
.c-slider .c-slider__arrows {
left: 3%;
width: 20%; } }
.c-slider .c-slider__arrows label {
top: -50%;
padding: 4px;
box-shadow: inset 2px -2px 0 0px #fff;
transition: box-shadow 0.15s, margin 0.15s;
user-select: none;
-webkit-touch-callout: none; }
.c-slider .c-slider__arrows label:hover {
margin: 0 0px; }
.c-slider .c-slider__arrows label:hover::before {
background-color: var(--background-color-muted-alpha); }
.c-slider .c-slider__arrows label::before {
position: absolute;
top: -75%;
left: -75%;
content: '';
width: 250%;
height: 250%;
border-radius: 50%; }
.c-slider--scroll .c-slider__arrows-prev {
left: 1rem; }
.c-slider--scroll .c-slider__arrows-next {
left: calc(100% - 3rem); }
.c-slider--scroll .c-slider__arrows-prev, .c-slider--scroll .c-slider__arrows-next {
bottom: 50%;
padding: 1rem;
z-index: 9; }
.c-slider--scroll .c-slider__container {
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
scrollbar-width: thin; }
.c-slider--scroll .c-slider__container::-webkit-scrollbar {
width: 8px;
height: 8px; }
.c-slider--scroll .c-slider__container::-webkit-scrollbar-track, .c-slider--scroll .c-slider__container::-webkit-scrollbar-thumb {
-webkit-border-radius: 8px; }
.c-slider--scroll .c-slider__container::-webkit-scrollbar-track {
background: var(--background-color-light); }
.c-slider--scroll .c-slider__container::-webkit-scrollbar-thumb {
background: var(--theme-color-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 .6s ease-in-out; }
.c-landscapebox__item:hover::after {
background-color: transparent;
transition: background-color .6s ease-in-out; }
.c-landscapebox__item::after {
position: absolute;
top: 0;
left: 0;
z-index: 1;
content: '';
width: 100%;
height: 100%;
background-color: rgba(13, 13, 13, 0.4); }
.c-landscapebox__title {
background-color: transparent;
color: #fff;
font-family: var(--font-serif-display);
font-weight: 500;
line-height: calc(1em + 4px);
font-size: 1.75rem; }
@media screen and (min-width: 740px) {
.c-landscapebox__title {
font-size: 2rem; } }
.c-newsletter {
--newsletter-height: 100vh;
height: auto;
background-image: var(--newsletter-bg);
background-repeat: repeat;
background-position: top left;
background-size: contain; }
.c-newsletter .c-btn {
background-color: var(--theme-color);
color: #fff; }
.c-newsletter .c-btn:hover {
background-color: var(--theme-color-dark); }
.c-lister {
--lister: var(--background-color-gray);
--lister-first-detail-bg: var(--background-color-negative);
--lister-second-detail-bg: var(--background-color-darker);
--lister-third-detail-bg: var(--background-color-gray-darker);
max-height: 90vh;
margin-top: 1rem;
overflow-y: auto;
background-color: var(--lister);
font-family: var(--font-sans-grotesk);
font-weight: 400;
line-height: calc(1em + 4px);
font-size: 0.875rem; }
.c-lister details {
all: unset;
position: relative;
display: block;
border-bottom: 1px solid var(--divider-color);
color: var(--body-color-inverse); }
.c-lister details span {
display: block;
padding: 1rem;
background-color: var(--background-color);
color: var(--body-color);
text-align: right; }
.c-lister details span.u-none {
display: none; }
.c-lister details span:not(:last-child) {
border-bottom: 1px solid var(--divider-color); }
.c-lister details summary {
all: unset;
position: sticky;
top: 0;
display: block;
padding: 1rem;
background-color: var(--lister-first-detail-bg);
color: var(--body-color-inverse);
font-weight: bold;
cursor: pointer;
z-index: 9; }
.c-lister details summary::before {
all: unset; }
.c-lister details summary::after {
position: absolute;
top: 1rem;
right: 1rem;
content: '+';
display: flex;
width: 1rem;
height: 1rem;
color: currentcolor;
z-index: 9; }
.c-lister details[open] > summary::after {
content: '-'; }
.c-lister details details {
color: var(--body-color); }
.c-lister details details summary {
top: 3rem;
background-color: var(--lister-second-detail-bg);
color: var(--body-color);
z-index: 5; }
.c-lister details details details {
color: var(--body-color); }
.c-lister details details details summary {
top: 6rem;
background-color: var(--lister-third-detail-bg);
text-align: center;
z-index: 1; }
.u-text-center {
text-align: center; }
.u-text-left {
text-align: left; }
.u-text-right {
text-align: right; }
.u-text-justify {
text-align: justify; }
@media screen and (min-width: 370px) {
.u-text-right\@xs {
text-align: right; }
.u-text-center\@xs {
text-align: center; }
.u-text-justify\@xs {
text-align: justify; }
.u-text-left\@xs {
text-align: left; } }
@media screen and (min-width: 600px) {
.u-text-right\@sm {
text-align: right; }
.u-text-center\@sm {
text-align: center; }
.u-text-justify\@sm {
text-align: justify; }
.u-text-left\@sm {
text-align: left; } }
@media screen and (min-width: 740px) {
.u-text-right\@md {
text-align: right; }
.u-text-center\@md {
text-align: center; }
.u-text-justify\@md {
text-align: justify; }
.u-text-left\@md {
text-align: left; } }
@media screen and (min-width: 992px) {
.u-text-right\@lg {
text-align: right; }
.u-text-center\@lg {
text-align: center; }
.u-text-justify\@lg {
text-align: justify; }
.u-text-left\@lg {
text-align: left; } }
@media screen and (min-width: 1280px) {
.u-text-right\@xl {
text-align: right; }
.u-text-center\@xl {
text-align: center; }
.u-text-justify\@xl {
text-align: justify; }
.u-text-left\@xl {
text-align: left; } }
@media screen and (min-width: 1440px) {
.u-text-right\@xxl {
text-align: right; }
.u-text-center\@xxl {
text-align: center; }
.u-text-justify\@xxl {
text-align: justify; }
.u-text-left\@xxl {
text-align: left; } }
@keyframes blink {
0% {
opacity: 0;
transition: all .25s ease; }
100% {
opacity: 1;
transition: all .25s ease; } }
@webkit-keyframes blink {
0% {
opacity: 0;
transition: all .25s ease; }
100% {
opacity: 1;
transition: all .25s ease; } }
@keyframes slidein {
0% {
transform: translatex(100%); }
100% {
transform: translatex(0); } }
@webkit-keyframes slidein {
0% {
transform: translatex(100%); }
100% {
transform: translatex(0); } }
@keyframes showitem {
from {
opacity: 0; }
to {
opacity: 1; } }
@webkit-keyframes showitem {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes animate-pop {
0% {
opacity: 0;
transform: scale(0.8, 0.8); }
100% {
opacity: 1;
transform: scale(1, 1); } }
@webkit-keyframes animate-pop {
0% {
opacity: 0;
transform: scale(0.8, 0.8); }
100% {
opacity: 1;
transform: scale(1, 1); } }
@keyframes rotate {
0%, 100% {
transform: rotate(0deg); }
50% {
transform: rotate(90deg); } }
@keyframes draw {
from {
stroke-dashoffset: 500; }
to {
stroke-dashoffset: 0; } }
.u-a-cloned-1 {
padding: 10px;
transition: .2s .4s; }
.u-a-cloned-1:before, .u-a-cloned-1:after {
position: absolute;
z-index: -1;
content: "";
opacity: 0;
background: var(--theme-color-dark);
transition: .2s .2s;
inset: 0; }
.u-a-cloned-1:before {
background: var(--theme-color-light);
transition-delay: 0s; }
.u-a-cloned-1:hover {
background: var(--theme-color);
color: #fff;
transition: .2s; }
.u-a-cloned-1:hover:before, .u-a-cloned-1:hover:after {
opacity: 1;
transform: translate(-10px, 10px); }
.u-a-cloned-1:hover:before {
transform: translate(-20px, 20px);
transition-delay: .4s; }
.u-a-cloned-2 {
padding: 10px;
transition: .2s .4s; }
.u-a-cloned-2:before, .u-a-cloned-2:after {
position: absolute;
z-index: -1;
content: "";
opacity: 0;
background: var(--theme-color-dark);
transition: .2s .2s;
inset: 0 10px; }
.u-a-cloned-2:before {
background: var(--theme-color-light);
transition-delay: 0s;
inset: 0 20px; }
.u-a-cloned-2:hover {
background: var(--theme-color);
color: #fff;
transition: .2s; }
.u-a-cloned-2:hover:before, .u-a-cloned-2:hover:after {
opacity: 1;
transform: translatey(10px); }
.u-a-cloned-2:hover:before {
transform: translatey(20px);
transition-delay: .4s; }
.u-a-cloned-3 {
padding: 10px;
transition: .2s .4s; }
.u-a-cloned-3:before, .u-a-cloned-3:after {
position: absolute;
z-index: -1;
content: "";
opacity: 0;
background: var(--theme-color-dark);
transition: .2s .2s;
inset: 0; }
.u-a-cloned-3:before {
background: var(--theme-color-light);
transition-delay: 0s; }
.u-a-cloned-3:hover {
background: var(--theme-color);
color: #fff;
transition: .2s; }
.u-a-cloned-3:hover:before, .u-a-cloned-3:hover:after {
opacity: 1;
transform: rotate(-8deg); }
.u-a-cloned-3:hover:before {
transform: rotate(-16deg);
transition-delay: .2s; }
.u-a-cloned-4 {
padding: 10px;
transition: .2s .2s; }
.u-a-cloned-4:before, .u-a-cloned-4:after {
position: absolute;
z-index: -1;
content: "";
opacity: 0;
background: var(--theme-color-dark);
transition: .2s;
inset: 0; }
.u-a-cloned-4:before {
background: var(--theme-color-light); }
.u-a-cloned-4:hover {
background: var(--theme-color);
color: #fff;
transition: .2s; }
.u-a-cloned-4:hover:before, .u-a-cloned-4:hover:after {
opacity: 1;
transform: rotate(-8deg);
transition: .2s .2s; }
.u-a-cloned-4:hover:before {
transform: rotate(8deg); }
.u-a-cloned-5 {
padding: 10px;
transition: .2s; }
.u-a-cloned-5:before, .u-a-cloned-5:after {
position: absolute;
z-index: -1;
content: "";
opacity: 0;
background: var(--theme-color-dark);
inset: 0 5px; }
.u-a-cloned-5:before {
background: var(--theme-color-light);
inset: 0 10px; }
.u-a-cloned-5:hover {
background: var(--theme-color);
color: #fff; }
.u-a-cloned-5:hover:before, .u-a-cloned-5:hover:after {
opacity: 1;
transform: translatey(0.1px);
transition: transform 0.5s 0.2s cubic-bezier(0.5, 500, 0.5, -500), opacity 0s 0.2s; }
.u-a-cloned-5:hover:before {
transform: translatey(0.2px); }
.u-a-cloned-6 {
padding: 10px;
transition: .2s; }
.u-a-cloned-6:before, .u-a-cloned-6:after {
position: absolute;
z-index: -1;
content: "";
opacity: 0;
background: var(--theme-color-dark);
transform: translate(100px, -100px);
inset: 0; }
.u-a-cloned-6:before {
background: var(--theme-color-light);
transform: translate(-100px, 100px); }
.u-a-cloned-6:hover {
background: var(--theme-color);
color: #fff; }
.u-a-cloned-6:hover:before, .u-a-cloned-6:hover:after {
opacity: 1;
transform: translatey(0);
transition: transform 0.5s 0.2s cubic-bezier(0, 0.6, 0.8, 1.9), opacity 0.3s 0.2s; }
.u-a-cloned-7 {
padding: 10px;
transition: .2s; }
.u-a-cloned-7:before, .u-a-cloned-7:after {
position: absolute;
z-index: -1;
content: "";
opacity: 0;
background: var(--theme-color-dark);
inset: 0; }
.u-a-cloned-7:before {
background: var(--theme-color-light); }
.u-a-cloned-7:hover {
background: var(--theme-color);
color: #fff; }
.u-a-cloned-7:hover:before, .u-a-cloned-7:hover:after {
opacity: 1;
transition: inset 0.5s 0.2s cubic-bezier(0.2, 250, 0.8, 250), opacity 0s 0.2s;
inset: -.1px; }
.u-a-cloned-7:hover:before {
transition-delay: .3s,.2s;
inset: -.2px; }
.u-a-cloned-8 {
padding: 10px;
transition: .3s .3s; }
.u-a-cloned-8:before, .u-a-cloned-8:after {
position: absolute;
z-index: -1;
content: "";
opacity: 0;
box-shadow: 0 0 var(--theme-color-dark), 0 0 var(--theme-color-light);
transition: .3s .3s,box-shadow .3s;
inset: 0 50% 0 0; }
.u-a-cloned-8:after {
transform: rotate(180deg);
transform-origin: right; }
.u-a-cloned-8:hover {
background: var(--theme-color);
color: #fff;
transition: .3s; }
.u-a-cloned-8:hover:before, .u-a-cloned-8:hover:after {
opacity: 1;
box-shadow: -10px 10px var(--theme-color-dark), -20px 20px var(--theme-color-light);
transition: .3s .3s,opacity .3s; }
[class*="cloned"] {
display: inline-block;
position: relative;
cursor: pointer; }
[class*="cloned"]:before, [class*="cloned"]:after {
pointer-events: none; }
.u-a-underline {
--underline-color: var(--body-color);
--underline-height: 2px;
--underline-bg: linear-gradient(-90deg, var(--underline-color) 50%,var(--underline-color) 0) left/200% 100% no-repeat;
--underline-inset: auto 100% 0 0;
--underline-bg-position: right;
--underline-transition: .4s linear;
background: var(--underline-bg);
transition: var(--underline-transition);
-webkit-background-clip: text;
background-clip: text; }
.u-a-underline::before {
position: absolute;
bottom: 0.5rem;
content: "";
height: var(--underline-height);
background: var(--underline-color);
transition: var(--underline-transition);
inset: var(--underline-inset); }
.u-a-underline:hover {
background-position: var(--underline-bg-position); }
.u-a-underline:hover:before {
--underline-inset: auto 0 0 0; }
.u-a-underline--thick::before {
--underline-height: 4px; }
.u-a-underline--theme::before {
--underline-color: var(--theme-color); }
.u-a-underline--center {
--underline-bg: linear-gradient(#000 0 0) center/100% 100% no-repeat var(--theme-color); }
.u-a-underline--center::before {
--underline-inset: auto 50% 0; }
.u-a-underline--center:hover {
background-size: 0 100%; }
.u-a-underline--center:hover:before {
--underline-inset: auto 0 0; }
.u-a-underline--reverse {
--underline-bg: linear-gradient(90deg,var(--body-color) 50%,var(--body-color) 0) right/200% 100% no-repeat; }
.u-a-underline--reverse::before {
--underline-inset: auto 0 0 100%; }
.u-a-underline--reverse:hover {
--underline-bg-position: left; }
.u-a-underline--reverse:hover:before {
--underline-inset: auto 0 0 0; }
.u-a-underline--mirror {
--underline-bg: linear-gradient(var(--body-color) 0 0) center/0 100% no-repeat var(--body-color); }
.u-a-underline--mirror::before {
--underline-inset: auto 0 0;
background: linear-gradient(var(--body-color) 0 0) left, linear-gradient(var(--body-color) 0 0) right;
background-repeat: no-repeat;
background-size: 0 100%; }
.u-a-underline--mirror:hover {
background-size: 100% 100%; }
.u-a-underline--mirror:hover:before {
background-size: 51% 100%; }
.u-a-underline--mirror-theme {
--underline-bg:
linear-gradient(var(--theme-color) 0 0) 0 0/0 100%,
linear-gradient(var(--theme-color-light) 0 0) 205% 0/50% 100%
var(--theme-color);
--underline-transition: .3s linear, background-position .3s .3s linear; }
.u-a-underline--mirror-theme::before {
--underline-inset: auto 0 0;
--underline-color:
linear-gradient(var(--theme-color) 0 0) 0 0/0 100%,
linear-gradient(var(--theme-color-light) 0 0) 205% 0/50% 100%;
--underline-transition: .3s linear,background-size .3s .3s linear;
background-repeat: no-repeat; }
.u-a-underline--mirror-theme:hover, .u-a-underline--mirror-theme:hover:before {
background-position: 0 0,100% 0;
background-size: 51% 100%; }
[data-theme="today"] .c-menu .u-a-underline {
--underline-color: #fff; }
.u-a-underline-8 {
padding: 10px;
background: linear-gradient(180deg, var(--theme-color) 50%, #000 0) bottom left, linear-gradient(0deg, var(--theme-color) 50%, #000 0) top right;
background-repeat: no-repeat;
background-size: 51% 200%;
transition: .3s .3s linear;
-webkit-background-clip: text;
background-clip: text; }
.u-a-underline-8:before, .u-a-underline-8:after {
position: absolute;
content: "";
background: linear-gradient(var(--theme-color) 0 0) left/50% 100% no-repeat;
transition: .3s .6s,transform .3s .3s,background-size .3s;
transition-timing-function: linear;
inset: 0 100% 0 0;
clip-path: inset(0 0 calc(100% - 4px)); }
.u-a-underline-8:after {
background-position: right;
clip-path: inset(calc(100% - 4px) 0 0);
inset: 0 0 0 100%; }
.u-a-underline-8:hover {
background-position: top left,bottom right; }
.u-a-underline-8:hover:before, .u-a-underline-8:hover:after {
background-size: 100% 100%;
transition: .3s,transform .3s .3s,background-size .3s .6s;
transition-timing-function: linear;
inset: 0; }
.u-a-underline-8:hover:before {
transform: translatey(calc(100% - 4px)); }
.u-a-underline-8:hover:after {
transform: translatey(calc(4px - 100%)); }
[class*="underline"] {
display: inline-block;
position: relative;
cursor: pointer; }
[class*="underline"]:before, [class*="underline"]:after {
pointer-events: none; }
.u-a-sides-1 {
padding: 10px; }
.u-a-sides-1:before, .u-a-sides-1:after {
position: absolute;
content:domain.set","citynews.it");dmp("count.set",
{domains:15,channels:15,tags:15,person:15,location:15,event_type:15,model:15,clusters:15,industries:15,brands:15,age:1,gender:1,income:1,education:1});dmp("hits:min.set",{clusters:-1,industries:-1,brands:-1,age:-1,gender:-1,income:-1,education:-1});dmp("delta:min.set",{clusters:-1,industries:-1,brands:-1,age:-1,gender:-1,income:-1,education:-1});dmp("delta:max.set",{clusters:-1,industries:-1,brands:-1,age:-1,gender:-1,income:-1,education:-1});dmp("context.set",ocontext||{});var ouserdata={};{if(document.queryselector('[data-premium--user]'))ouserdata.p=1;else if(document.queryselector('[data-premium--expired]'))ouserdata.p=-1;if(window.blackstone&&
blackstone.user){if(blackstone.user.sex)ouserdata.g=blackstone.user.sex;if(blackstone.user.birth_year)ouserdata.y=blackstone.user.birth_year}var aomgtags=[];{try{var momgtags=localstorage.getitem("_omgdmp_cache")||null;if(momgtags){momgtags=json.parse(momgtags)||null;if(momgtags&&typeof momgtags==typeof[]&&momgtags.constructor==[].constructor)aomgtags=momgtags}}catch(_){}if(aomgtags&&aomgtags.length)ouserdata.omg=aomgtags}dmp("user:data.set",ouserdata)}dmp("track")}({"domains":"romatoday","city":"","zone":"","channels":["incidenti stradali","cronaca"],"tags":["incidenti stradali"],"person":"manila de luca","location":"","province":"","event_type":"","model":"articolo"});
#iubenda-cs-banner,
#iubenda-cs-banner:before {
position: fixed !important;
top: 0 !important;
right: 0 !important;
left: 0 !important;
bottom: 0 !important;
}
.iubenda-cs-opt-group-consent,
#iubenda-cs-banner {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
#iubenda-cs-banner {
z-index: 100000000 !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
#iubenda-cs-banner::before {
content: "" !important;
background-color: rgba(0, 0, 0, 0.7) !important;
}
.iubenda-cs-container img {
max-width: 240px !important;
height: 41px !important;
}
#iubenda-cs-banner.iubenda-cs-padded:not(.iubenda-cs-branded)
.iubenda-banner-content {
padding-bottom: 0 !important;
}
#iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-btn-primary {
padding: 12px 32px !important;
border: 1px rgb(0 115 206) solid !important;
letter-spacing: 1px !important;
font-size: 14px !important;
text-transform: uppercase !important;
}
#iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-btn-primary:hover {
color: #0073ce !important;
background-color: #fff !important;
box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
#iubenda-cs-banner
.iubenda-cs-container
.iubenda-cs-opt-group
.iubenda-cs-opt-group-custom
button {
padding: 12px 32px !important;
border: 1px rgb(0 115 206) solid !important;
letter-spacing: 1px !important;
font-size: 14px !important;
text-transform: uppercase !important;
}
#iubenda-cs-paragraph {
font-size: 14px !important;
}
#iubenda-cs-banner.iubenda-cs-bottom.iubenda-cs-no-heading {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
align-items: flex-end !important;
}
#iubenda-cs-banner .iubenda-cs-container #iubenda-cs-title {
margin-bottom: 8px !important;
margin-top: 16px !important;
font-weight: 700 !important;
font-size: 18px !important;
}
@media screen and (min-width: 768px) {
#iubenda-cs-paragraph {
font-size: 16px !important;
line-height: 22px !important;
}
#iubenda-cs-banner .iubenda-cs-container #iubenda-cs-title {
font-size: 20px !important;
}
#iubenda-cs-banner.iubenda-cs-default .iubenda-cs-container {
max-width: 800px !important;
margin: 0 16px !important;
background-color: #fff !important;
padding: 24px !important;
border-radius: 16px !important;
}
#iubenda-cs-banner.iubenda-cs-bottom.iubenda-cs-no-heading {
align-items: center !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
}
@media screen and (min-width: 992px) {
#iubenda-cs-banner.iubenda-cs-default
.iubenda-cs-content
.iubenda-cs-rationale {
max-width: 992px !important;
width: unset !important;
}
}