.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.display-none {
    display: none
}

.display-inline {
    display: inline
}

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

.display-block {
    display: block
}

.display-table {
    display: table
}

.display-table-cell {
    display: table-cell
}

.display-table-row {
    display: table-row
}

.display-flex {
    display: flex
}

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

.only-in-dark {
    display: none
}

[data-color-mode=light] {
    color-scheme: light
}

[data-color-mode=light] .with-dark-mask {
    -webkit-filter: none;
    filter: none
}

[data-color-mode=dark] {
    color-scheme: dark
}

[data-color-mode=dark] iframe {
    color-scheme: none
}

[data-color-mode=dark] .with-dark-mask {
    -webkit-filter: brightness(.8);
    filter: brightness(.8)
}

[data-color-mode=dark] .not-in-dark {
    display: none
}

[data-color-mode=dark] .only-in-dark {
    display: inline;
    display: initial
}

:root {
    --right-menu-height: 100vh;
    --tv-grid-filter-height: 100vh;
    -ms-scroll-chaining: none auto;
    overscroll-behavior: none auto
}

html {
    box-sizing: border-box;
    color: #383f4e;
    font-size: 62.5%;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth
}

html.app html a,
html.app html button {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

html.app html a:focus,
html.app html a:visited,
html.app html button:focus,
html.app html button:visited {
    outline: 0;
    text-decoration: none;
    color: inherit
}

[data-color-mode=dark] {
    background-color: #1c1a26
}

body {
    font-size: 16px
}

body.bg--lighter {
    background-color: #fcfcfd
}

body.bg--white {
    background-color: #fff
}

@media print {
    body {
        font-size: 9pt;
        background-color: #fff
    }
}

* {
    -webkit-user-drag: none
}

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

:focus {
    outline: 0
}

::-moz-focus-inner {
    border: none
}

body,
ul {
    margin: 0;
    padding: 0;
    font-weight: inherit
}

h1,
h2,
h3,
h4,
h5,
h6,
ol,
p{
    margin: 0;
    padding:6px 0;
}
h1,
h2,
h3,
h4{font-weight: bold;}

li {
    list-style: none
}

img {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

img:not([src]) {
    visibility: hidden
}

a {
    color: inherit;
    font-family: inherit;
    text-decoration: none
}

hr {
    margin: 3.2rem 0
}

hr::after {
    content: "";
    border-top: .1rem solid #dad9db
}

sup {
    position: relative;
    left: .05rem;
    font-size: .9rem;
    line-height: 130%;
    font-weight: 900
}

.btn,
.btn--base,
.btn--black,
.btn--paywall,
.btn--premium,
.btn--premium-kiosk,
.btn--premium-rounded {
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: inherit;
    font-weight: inherit;
    line-height: normal;
    padding: 1.2rem 2rem;
    text-decoration: none;
    transition: background-color .3s;
    white-space: nowrap
}

.broadcaster,
.edito__icon--cinema,
.edito__icon--disque,
.edito__icon--event,
.edito__icon--film,
.edito__icon--generic,
.edito__icon--jeux-video,
.edito__icon--lieu,
.edito__icon--livre,
.edito__icon--personalite,
.edito__icon--series,
.edito__icon--tv-show,
.icon,
.icon__arrow-right,
.icon__facebook,
.icon__facebook-round,
.icon__google,
.icon__google-plus,
.icon__google__banner,
.icon__home,
.icon__instagram,
.icon__mail,
.icon__mail-round,
.icon__nav-abonne,
.icon__nav-arrow-down,
.icon__nav-arrow-up,
.icon__nav-connexion,
.icon__nav-connexion-aide,
.icon__nav-connexion-deconnexion,
.icon__nav-dropdown-close,
.icon__nav-exclu-abonne,
.icon__nav-fleche,
.icon__nav-my-account,
.icon__nav-my-account-abonne,
.icon__nav-my-account-abonnecanal,
.icon__nav-non-abonne,
.icon__rss,
.icon__twitter,
.icon__twitter-round,
.icon__user,
.icon__youtube,
.label-simple--metro:before {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    flex-shrink: 0;
    height: 2rem;
    width: 2rem
}

.icon--full {
    height: 100%;
    width: 100%
}

.icon--outside {
    float: left;
    margin-top: 6px
}

.icon--outside-simple {
    float: left
}

.logo {
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block
}

.logo--full {
    height: 100% !important;
    width: 100% !important
}

.separator {
    margin: 3.2rem auto;
    border-top: .1rem solid;
    border-color: #dad9db
}

[data-color-mode=dark] .separator {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .separator {
    border-color: #dad9db
}

.broadcaster,
.edito__icon--cinema,
.edito__icon--disque,
.edito__icon--event,
.edito__icon--film,
.edito__icon--generic,
.edito__icon--jeux-video,
.edito__icon--lieu,
.edito__icon--livre,
.edito__icon--personalite,
.edito__icon--series,
.edito__icon--tv-show,
.icon,
.icon__arrow-right,
.icon__facebook,
.icon__facebook-round,
.icon__google,
.icon__google-plus,
.icon__google__banner,
.icon__home,
.icon__instagram,
.icon__mail,
.icon__mail-round,
.icon__nav-abonne,
.icon__nav-arrow-down,
.icon__nav-arrow-up,
.icon__nav-connexion,
.icon__nav-connexion-aide,
.icon__nav-connexion-deconnexion,
.icon__nav-dropdown-close,
.icon__nav-exclu-abonne,
.icon__nav-fleche,
.icon__nav-my-account,
.icon__nav-my-account-abonne,
.icon__nav-my-account-abonnecanal,
.icon__nav-non-abonne,
.icon__rss,
.icon__twitter,
.icon__twitter-round,
.icon__user,
.icon__youtube,
.label-simple--metro:before {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    flex-shrink: 0;
    height: 2rem;
    width: 2rem
}

.icon--full {
    height: 100%;
    width: 100%
}

.icon--outside {
    float: left;
    margin-top: 6px
}

.logo {
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block
}

.logo--full {
    height: 100% !important;
    width: 100% !important
}

.icon__arrow-right {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23383f4e'%3E%3Cpath fill-rule='evenodd' d='M8 6.063L9.063 5l5.312 5.313-5.313 5.312L8 14.562l4.217-4.25z'/%3E%3C/svg%3E");
    height: 1.8rem;
    width: 1.8rem
}

.icon__instagram {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='20' width='20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M9.997 1.801c2.67 0 2.985.01 4.04.059.974.044 1.504.207 1.856.344.434.16.827.416 1.15.748.331.322.587.715.747 1.149.137.352.3.882.344 1.856.048 1.054.059 1.37.059 4.04s-.01 2.985-.059 4.04c-.044.974-.207 1.504-.344 1.856a3.31 3.31 0 01-1.897 1.897c-.352.137-.882.3-1.856.344-1.054.049-1.37.059-4.04.059s-2.986-.01-4.04-.059c-.974-.044-1.504-.207-1.856-.344a3.097 3.097 0 01-1.15-.748 3.097 3.097 0 01-.747-1.15c-.137-.351-.3-.88-.345-1.855-.048-1.054-.058-1.37-.058-4.04s.01-2.985.058-4.04c.045-.974.208-1.504.345-1.856a3.09 3.09 0 01.748-1.15A3.097 3.097 0 014.1 2.205c.352-.137.882-.3 1.856-.344 1.054-.049 1.37-.059 4.04-.059zm0-1.801C7.282 0 6.94.012 5.875.06 4.811.11 4.085.278 3.45.525a4.9 4.9 0 00-1.771 1.153 4.9 4.9 0 00-1.153 1.77C.278 4.085.109 4.812.06 5.876.012 6.941 0 7.282 0 9.997s.012 3.055.06 4.122c.049 1.064.218 1.79.465 2.426a4.9 4.9 0 001.153 1.77 4.9 4.9 0 001.77 1.154c.637.247 1.363.416 2.427.465 1.067.048 1.407.06 4.122.06s3.056-.012 4.122-.06c1.064-.049 1.79-.218 2.426-.465a5.112 5.112 0 002.924-2.924c.247-.636.416-1.362.465-2.426.048-1.067.06-1.407.06-4.122s-.012-3.056-.06-4.122c-.049-1.064-.218-1.79-.465-2.426a4.9 4.9 0 00-1.153-1.771 4.9 4.9 0 00-1.77-1.153C15.908.278 15.182.109 14.118.06 13.052.012 12.712 0 9.997 0z'/%3E%3Cpath d='M10.134 5a5.134 5.134 0 100 10.267 5.134 5.134 0 000-10.267zm0 8.466a3.332 3.332 0 110-6.665 3.332 3.332 0 010 6.665z'/%3E%3Ccircle cx='16.2' cy='5.2' r='1.2'/%3E%3C/svg%3E")
}

.icon__twitter {
    background-image: url(/dist/assets/img/icons/twitter.svg)
}

.icon__youtube {
    background-image: url(/dist/assets/img/icons/footer-youtube.svg)
}

.icon__facebook {
    background-image: url(/dist/assets/img/icons/facebook.svg)
}

.icon__facebook-round {
    background-image: url(/dist/assets/img/icons/fb_lf.svg)
}

.icon__twitter-round {
    background-image: url(/dist/assets/img/icons/twitter_lf.svg)
}

.icon__mail-round {
    background-image: url(/dist/assets/img/icons/mail_lf.svg)
}

.icon__google-plus {
    background-image: url(/dist/assets/img/icons/google-plus.svg)
}

.icon__google {
    background-image: url(/dist/assets/img/icons/google.svg);
    width: 8.8rem;
    height: 2.8rem;
    margin-left: .6rem
}

.icon__google__banner {
    background-image: url(/dist/assets/img/icons/google.svg);
    width: 8.8rem;
    height: 2.4rem
}

.icon__rss {
    background-image: url(/dist/assets/img/icons/icon_rss-podcast.svg)
}

.icon__user {
    background-image: url(/dist/assets/img/icons/user.svg)
}

.icon__home {
    background-image: url(/dist/assets/img/icons/ic-a-la-une.svg);
    width: 2.4rem;
    height: 2.4rem
}

.icon__search {
    font-size: 2rem;
    position: relative
}

.icon__search {
    font-family: "Telerama Icons"
}

html.fonts-loaded .icon__search {
    font-family: "Telerama Icons"
}

.icon__search::before {
    content: "/";
    position: absolute;
    top: 0;
    left: 0;
    height: 1.8rem;
    width: 1.8rem
}

.icon__clock {
    position: relative;
    color: #8e8e96
}

.icon__clock::before {
    content: "<";
    position: absolute;
    top: .03rem;
    left: 0;
    height: 1.4rem;
    font-size: 1.6rem;
    width: 1.2rem;
    line-height: 1.4rem
}

.icon__clock::before {
    font-family: "Telerama Icons"
}

html.fonts-loaded .icon__clock::before {
    font-family: "Telerama Icons"
}

.icon__clock--edito {
    color: #121212
}

.icon-mail {
    position: relative
}

.icon-mail {
    font-family: "Telerama Icons"
}

html.fonts-loaded .icon-mail {
    font-family: "Telerama Icons"
}

.icon-mail::before {
    content: "1";
    position: absolute;
    font-size: 3rem;
    line-height: 2rem;
    color: #121212;
    width: 2.4rem;
    height: 2.4rem;
    top: 0;
    left: 0
}

.icon-rightFL {
    position: relative;
    color: #8e8e96
}

.icon-rightFL::before {
    content: "+";
    position: absolute;
    height: 1.8rem;
    font-size: 2.3rem;
    width: 1.1rem;
    line-height: 2rem
}

.icon__netflix::before {
    background-image: url(/dist/assets/img/icons/icon_netflix.svg)
}

.icon__prime-video::before {
    background-image: url(/dist/assets/img/icons/icon_amazon.svg)
}

.icon__my-canal::before {
    background-image: url(/dist/assets/img/icons/icon_myCanal.svg)
}

.icon__disney-plus::before {
    background-image: url(/dist/assets/img/icons/icon_disney.svg)
}

.icon__arte-tv::before {
    background-image: url(/dist/assets/img/icons/icon_arte.svg)
}

.icon__ocs::before {
    background-image: url(/dist/assets/img/icons/icon_ocs.svg)
}

.li-cinema {
    position: relative
}

.li-cinema::before {
    content: "R";
    position: absolute;
    height: 3.4rem;
    font-size: 4.4rem;
    width: 3.4rem;
    line-height: 3.8rem;
    left: 2.2rem;
    color: #e20001
}

.li-cinema::before {
    font-family: "Telerama Icons"
}

html.fonts-loaded .li-cinema::before {
    font-family: "Telerama Icons"
}

.li-theatres-spectacles {
    position: relative
}

.li-theatres-spectacles::before {
    content: "L";
    position: absolute;
    height: 3rem;
    font-size: 4rem;
    width: 4rem;
    line-height: 3.2rem;
    left: 2rem;
    color: #e20001
}

.li-theatres-spectacles::before {
    font-family: "Telerama Icons"
}

html.fonts-loaded .li-theatres-spectacles::before {
    font-family: "Telerama Icons"
}

.li-enfants {
    position: relative
}

.li-enfants::before {
    content: "Q";
    position: absolute;
    height: 3.16rem;
    font-size: 4.2rem;
    width: 3.66rem;
    line-height: 3.8rem;
    left: 2.1rem;
    color: #e20001
}

.li-enfants::before {
    font-family: "Telerama Icons"
}

html.fonts-loaded .li-enfants::before {
    font-family: "Telerama Icons"
}

.li-arts-expositions {
    position: relative
}

.li-arts-expositions::before {
    content: "J";
    position: absolute;
    height: 3.33rem;
    font-size: 4.4rem;
    width: 4rem;
    line-height: 3.6rem;
    left: 2rem;
    color: #e20001
}

.li-arts-expositions::before {
    font-family: "Telerama Icons"
}

html.fonts-loaded .li-arts-expositions::before {
    font-family: "Telerama Icons"
}

.li-concerts {
    position: relative
}

.li-concerts::before {
    content: "I";
    position: absolute;
    height: 3.33rem;
    font-size: 4.4rem;
    width: 2.67rem;
    line-height: 3.7rem;
    left: 2.5rem;
    color: #e20001
}

.li-concerts::before {
    font-family: "Telerama Icons"
}

html.fonts-loaded .li-concerts::before {
    font-family: "Telerama Icons"
}

.li-restaurants-gastronomie {
    position: relative
}

.li-restaurants-gastronomie::before {
    content: "K";
    position: absolute;
    height: 3.34rem;
    font-size: 4.7rem;
    width: 3.5rem;
    line-height: 3.9rem;
    left: 2.1rem;
    color: #e20001
}

.li-restaurants-gastronomie::before {
    font-family: "Telerama Icons"
}

html.fonts-loaded .li-restaurants-gastronomie::before {
    font-family: "Telerama Icons"
}

.li-voyages-loisirs {
    position: relative
}

.li-voyages-loisirs::before {
    content: "M";
    position: absolute;
    height: 3.34rem;
    font-size: 4.2rem;
    width: 2.67rem;
    line-height: 3.9rem;
    left: 2.5rem;
    color: #e20001
}

.li-voyages-loisirs::before {
    font-family: "Telerama Icons"
}

html.fonts-loaded .li-voyages-loisirs::before {
    font-family: "Telerama Icons"
}

.icon__nav-arrow-down {
    background-image: url(/dist/assets/img/icons/ic-fleche-onglet-down.svg)
}

.icon__nav-arrow-up {
    background-image: url(/dist/assets/img/icons/ic-fleche-onglet-up.svg)
}

.icon__nav-dropdown-close {
    width: 1.1rem;
    height: 1.1rem;
    background-image: url(/dist/assets/img/icons/ic-fermer.svg)
}

.icon__nav-my-account {
    width: 1.7rem;
    height: 1.8rem;
    background-image: url(/dist/assets/img/icons/ic-compte.svg)
}

.icon__nav-my-account-abonne {
    width: 3.6rem;
    height: 3.6rem;
    background-image: url(/dist/assets/img/icons/ic-compte-abonne.svg)
}

.icon__nav-my-account-abonnecanal {
    width: 3.6rem;
    height: 3.6rem;
    background-image: url(/dist/assets/img/icons/ic-compte-abonnecanal.svg)
}

.icon__nav-non-abonne {
    width: 6.6rem;
    height: 1.7rem;
    background-image: url(/dist/assets/img/icons/label-non-abonne.svg)
}

.icon__nav-abonne {
    width: 4.5rem;
    height: 1.7rem;
    background-image: url(/dist/assets/img/icons/label-abonne.svg)
}

.icon__nav-exclu-abonne {
    width: 4.5rem;
    height: 1.7rem;
    background-image: url(/dist/assets/img/icons/label-exlu-abo.svg)
}

.icon__nav-connexion {
    width: 2.5rem;
    height: 1.8rem;
    font-size: 2.4rem;
    position: relative
}

.icon__nav-connexion {
    font-family: "Telerama Icons"
}

html.fonts-loaded .icon__nav-connexion {
    font-family: "Telerama Icons"
}

.icon__nav-connexion::before {
    content: "$";
    position: absolute;
    top: -9px;
    left: 0;
    height: 1.8rem;
    width: 2.5rem
}

.icon__nav-connexion-aide {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/dist/assets/img/icons/ic-menu-connexion-aide.svg)
}

.icon__nav-connexion-deconnexion {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/dist/assets/img/icons/ic-menu-deconnexion.svg)
}

.icon__nav-fleche {
    width: 1.1rem;
    height: .7rem;
    background-image: url(/dist/assets/img/icons/ic-menu-connexion-fleche.svg)
}

.icon-notation {
    width: auto;
    font-size: 2rem;
    color: #e2001a;
    margin-right: .5rem
}

.icon-notation {
    font-family: "Telerama Icons"
}

html.fonts-loaded .icon-notation {
    font-family: "Telerama Icons"
}

@media(min-width:1113px) {

    [class*=" grid-"],
    [class^=grid-] {
        display: grid;
        grid-auto-flow: dense
    }

    [class*=" grid-"].has-gutter,
    [class^=grid-].has-gutter {
        grid-gap: 1rem
    }

    [class*=" grid-"].has-gutter-l,
    [class^=grid-].has-gutter-l {
        grid-gap: 3.2rem
    }

    [class*=" grid-"].has-gutter-xl,
    [class^=grid-].has-gutter-xl {
        grid-gap: 2.4rem
    }
}

@media(min-width:576px) {

    .autogrid,
    .grid {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 1fr
    }

    .autogrid.has-gutter,
    .grid.has-gutter {
        grid-column-gap: 1rem
    }

    .autogrid.has-gutter-l,
    .grid.has-gutter-l {
        grid-column-gap: 3.2rem
    }

    .autogrid.has-gutter-xl,
    .grid.has-gutter-xl {
        grid-column-gap: 2.4rem
    }
}

[class*=grid-2] {
    grid-template-columns: repeat(2, 1fr)
}

[class*=grid-3] {
    grid-template-columns: repeat(3, 1fr)
}

[class*=grid-4] {
    grid-template-columns: repeat(4, 1fr)
}

[class*=grid-5] {
    grid-template-columns: repeat(5, 1fr)
}

[class*=grid-6] {
    grid-template-columns: repeat(6, 1fr)
}

[class*=grid-7] {
    grid-template-columns: repeat(7, 1fr)
}

[class*=grid-8] {
    grid-template-columns: repeat(8, 1fr)
}

[class*=grid-9] {
    grid-template-columns: repeat(9, 1fr)
}

[class*=grid-10] {
    grid-template-columns: repeat(10, 1fr)
}

[class*=grid-11] {
    grid-template-columns: repeat(11, 1fr)
}

[class*=grid-12] {
    grid-template-columns: repeat(12, 1fr)
}

[class*=col-1] {
    grid-column: auto/span 1
}

[class*=row-1] {
    grid-row: auto/span 1
}

[class*=col-2] {
    grid-column: auto/span 2
}

[class*=row-2] {
    grid-row: auto/span 2
}

[class*=col-3] {
    grid-column: auto/span 3
}

[class*=row-3] {
    grid-row: auto/span 3
}

[class*=col-4] {
    grid-column: auto/span 4
}

[class*=row-4] {
    grid-row: auto/span 4
}

[class*=col-5] {
    grid-column: auto/span 5
}

[class*=row-5] {
    grid-row: auto/span 5
}

[class*=col-6] {
    grid-column: auto/span 6
}

[class*=row-6] {
    grid-row: auto/span 6
}

[class*=col-7] {
    grid-column: auto/span 7
}

[class*=row-7] {
    grid-row: auto/span 7
}

[class*=col-8] {
    grid-column: auto/span 8
}

[class*=row-8] {
    grid-row: auto/span 8
}

[class*=col-9] {
    grid-column: auto/span 9
}

[class*=row-9] {
    grid-row: auto/span 9
}

[class*=col-10] {
    grid-column: auto/span 10
}

[class*=row-10] {
    grid-row: auto/span 10
}

[class*=col-11] {
    grid-column: auto/span 11
}

[class*=row-11] {
    grid-row: auto/span 11
}

[class*=col-12] {
    grid-column: auto/span 12
}

[class*=row-12] {
    grid-row: auto/span 12
}

@media(min-width:576px)and (max-width:1023px) {
    [class*=grid-][class*=-small-1] {
        grid-template-columns: repeat(1, 1fr)
    }

    [class*=col-][class*=-small-1] {
        grid-column: auto/span 1
    }

    [class*=grid-][class*=-small-2] {
        grid-template-columns: repeat(2, 1fr)
    }

    [class*=col-][class*=-small-2] {
        grid-column: auto/span 2
    }

    [class*=grid-][class*=-small-3] {
        grid-template-columns: repeat(3, 1fr)
    }

    [class*=col-][class*=-small-3] {
        grid-column: auto/span 3
    }

    [class*=grid-][class*=-small-4] {
        grid-template-columns: repeat(4, 1fr)
    }

    [class*=col-][class*=-small-4] {
        grid-column: auto/span 4
    }

    [class*=-small-all] {
        grid-column: 1/-1
    }
}

.item-first {
    order: -1
}

.item-last {
    order: 1
}

.grid-offset {
    visibility: hidden
}

.col-all {
    grid-column: 1/-1
}

.row-all {
    grid-row: 1/-1
}

.zone:not(.zone-article__full) {
    margin-right: 2.4rem;
    margin-left: 2.4rem
}

@media(min-width:748px) {
    .zone:not(.zone-article__full) {
        margin: 0 auto;
        max-width: 66.4rem
    }
}

@media(min-width:1113px) {
    .zone:not(.zone-article__full) {
        margin: 0 auto;
        max-width: 100rem;
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }
}

.zone--main {
    margin-top: 2.4rem;
    position: relative;
    width: 100%
}

@media(min-width:480px) {
    .zone--main {
        display: inline-block;
        margin-bottom: 0
    }
}

.zone--sidebar {
    display: block;
    margin-bottom: 3.2rem
}

@media(min-width:600px) {
    .zone--sidebar {
        margin-bottom: 0
    }
}

@media(min-width:1024px) {
    .zone--sidebar {
        padding: 0
    }
}

.zone--hidden {
    display: none
}

@media(min-width:1024px) {
    .zone--hidden {
        display: grid
    }
}

.zone--footer {
    background-color: #2a303b
}

@media(min-width:600px) {
    html.app .zone.zone-article:not(.zone-article__full) {
        max-width: none;
        max-width: initial;
        margin-right: 4rem;
        margin-left: 4rem
    }
}

@media(min-width:834px) {
    html.app .zone.zone-article:not(.zone-article__full) {
        max-width: 66.4rem;
        margin: 0 auto;
        padding: 0
    }
}

.zone-article__full .article__full {
    max-width: 100%;
    width: 100%
}

.zone-article__full .article__full .blockquote {
    margin-bottom: 16px
}

.zone-article__full .article__full .article--top-snippet {
    border-color: #dad9db;
    align-items: center;
    border-radius: 4px;
    border-style: solid;
    border-width: .1rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 16px auto;
    padding: 16px;
    max-width: 100rem
}

[data-color-mode=dark] .zone-article__full .article__full .article--top-snippet {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .zone-article__full .article__full .article--top-snippet {
    border-color: #dad9db
}

@media(min-width:1113px) {
    .zone-article__full .article__full .article--top-snippet {
        padding: 2.4rem
    }
}

.zone-article__full .article__full .article--top-snippet .snippet-placeholder {
    background-color: #dad9db;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    width: 8.2rem;
    height: 8.2rem
}

[data-color-mode=dark] .zone-article__full .article__full .article--top-snippet .snippet-placeholder {
    background-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .zone-article__full .article__full .article--top-snippet .snippet-placeholder {
    background-color: #dad9db
}

@media(min-width:393px) {
    .zone-article__full .article__full .article--top-snippet .snippet-placeholder {
        width: 10.1rem;
        height: 10.1rem
    }
}

@media(min-width:600px) {
    .zone-article__full .article__full .article--top-snippet .snippet-placeholder {
        width: 8.8rem;
        height: 8.8rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .article--top-snippet .snippet-placeholder {
        width: 10.2rem;
        height: 10.2rem
    }
}

.zone-article__full .article__full .article--top-snippet .right {
    align-items: start;
    display: flex;
    flex-direction: column;
    grid-gap: .6rem;
    gap: .6rem;
    justify-content: center;
    padding-left: 1.6rem;
    text-decoration: none
}

@media(max-width:600px) {
    .zone-article__full .article__full .article--top-snippet .right {
        width: 60%;
        height: 10.2rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .article--top-snippet .right {
        padding-left: 2.4rem
    }
}

.zone-article__full .article__full .article--top-snippet .right .snippet-label {
    color: #737278;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .112rem;
    line-height: 1.68rem;
    text-transform: uppercase
}

.zone-article__full .article__full .article--top-snippet .right .snippet-label {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone-article__full .article__full .article--top-snippet .right .snippet-label {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .zone-article__full .article__full .article--top-snippet .right .snippet-label {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .zone-article__full .article__full .article--top-snippet .right .snippet-label {
    color: #737278
}

@media(min-width:1113px) {
    .zone-article__full .article__full .article--top-snippet .right .snippet-label {
        font-size: 1.6rem;
        letter-spacing: .128rem;
        line-height: 1.92rem
    }
}

.zone-article__full .article__full .article--top-snippet .right .snippet-title {
    color: #16141e;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .016rem;
    line-height: 1.92rem
}

.zone-article__full .article__full .article--top-snippet .right .snippet-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone-article__full .article__full .article--top-snippet .right .snippet-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .zone-article__full .article__full .article--top-snippet .right .snippet-title {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .zone-article__full .article__full .article--top-snippet .right .snippet-title {
    color: #16141e
}

@media(min-width:600px) {
    .zone-article__full .article__full .article--top-snippet .right .snippet-title {
        font-size: 1.8rem;
        letter-spacing: .018rem;
        line-height: 2.16rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .article--top-snippet .right .snippet-title {
        font-size: 2.2rem;
        line-height: 2.64rem;
        letter-spacing: .022rem
    }
}

.zone-article__full .article__full .article__details--top {
    margin: 2.4rem auto 3.2rem;
    max-width: 100rem;
    padding-right: 2.4rem;
    padding-left: 2.4rem
}

@media(min-width:600px) {
    .zone-article__full .article__full .article__details--top {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media(min-width:834px) {
    .zone-article__full .article__full .article__details--top {
        padding-right: 8.5rem;
        padding-left: 8.5rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .article__details--top {
        padding-right: 17rem;
        padding-left: 170px
    }
}

.zone-article__full .article__full .article__full-main-image .media-large {
    padding-right: 0;
    padding-left: 0
}

.zone-article__full .article__full .article__full-main-image .media--article {
    border-radius: 0;
    margin: auto;
    padding-top: 100%;
    position: relative
}

@media(min-width:600px) {
    .zone-article__full .article__full .article__full-main-image .media--article {
        padding-top: 50%;
        width: 100%
    }
}

.zone-article__full .article__full .article__full-main-image .media--article img {
    border-radius: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.zone-article__full .article__full .article__full-main-image .media__caption {
    position: absolute;
    right: .8rem;
    bottom: .8rem
}

@media(max-width:393px) {
    .zone-article__full .article__full .article__full-main-image .media__caption {
        left: .8rem
    }
}

.zone-article__full .article__full .article__full-main-image .media__caption .media__legend {
    color: rgba(255, 255, 255, .9);
    margin: 0 !important;
    padding: 0 !important
}

.zone-article__full .article__full .article__page-title {
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .028rem;
    line-height: 3.08rem;
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    text-align: center
}

@media(min-width:600px) {
    .zone-article__full .article__full .article__page-title {
        font-size: 4rem;
        letter-spacing: .04rem;
        line-height: 4.4rem;
        margin-top: 2.4rem;
        margin-bottom: 2.4rem
    }
}

@media(min-width:834px) {
    .zone-article__full .article__full .article__page-title {
        padding-right: 0;
        padding-left: 0;
        width: 66.4rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .article__page-title {
        width: 65.8rem
    }
}

.zone-article__full .article__full .article__chapeau,
.zone-article__full .article__full .article__page-subtitle {
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .018rem;
    line-height: 2.34rem;
    margin: 2.4rem auto;
    padding-right: 2.4rem;
    padding-left: 2.4rem;
    text-align: center
}

@media(min-width:600px) {

    .zone-article__full .article__full .article__chapeau,
    .zone-article__full .article__full .article__page-subtitle {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media(min-width:834px) {

    .zone-article__full .article__full .article__chapeau,
    .zone-article__full .article__full .article__page-subtitle {
        padding-right: 8.5rem;
        padding-left: 8.5rem
    }
}

@media(min-width:1113px) {

    .zone-article__full .article__full .article__chapeau,
    .zone-article__full .article__full .article__page-subtitle {
        font-size: 2rem;
        letter-spacing: .02rem;
        line-height: 2.6rem;
        max-width: 100rem;
        padding-right: 17rem;
        padding-left: 17rem
    }
}

.zone-article__full .article__full .breadcrumb.breadcrumb--main {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: auto;
    text-align: center
}

.zone-article__full .article__full .edito.edito--link {
    padding-right: 2.4rem;
    padding-left: 2.4rem;
    width: 100%
}

@media(min-width:600px) {
    .zone-article__full .article__full .edito.edito--link {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media(min-width:834px) {
    .zone-article__full .article__full .edito.edito--link {
        padding-right: 8.5rem;
        padding-left: 8.5rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .edito.edito--link {
        max-width: 100rem;
        padding-right: 17rem;
        padding-left: 17rem
    }
}

.zone-article__full .article__full .edito--link {
    border: none;
    position: relative;
    margin: 3.2rem auto
}

.zone-article__full .article__full .edito--link::before {
    background-color: #f4c5d3;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2.4rem;
    width: .4rem;
    height: 100%
}

@media(min-width:600px) {
    .zone-article__full .article__full .edito--link::before {
        left: 4rem
    }
}

@media(min-width:834px) {
    .zone-article__full .article__full .edito--link::before {
        left: 8.5rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .edito--link::before {
        left: 17rem
    }
}

.zone-article__full .article__full .article__page-footer,
.zone-article__full .article__full .document,
.zone-article__full .article__full .grey-word,
.zone-article__full .article__full .snippet__container {
    margin: auto;
    padding-right: 2.4rem;
    padding-left: 2.4rem
}

@media(min-width:600px) {

    .zone-article__full .article__full .article__page-footer,
    .zone-article__full .article__full .document,
    .zone-article__full .article__full .grey-word,
    .zone-article__full .article__full .snippet__container {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media(min-width:834px) {

    .zone-article__full .article__full .article__page-footer,
    .zone-article__full .article__full .document,
    .zone-article__full .article__full .grey-word,
    .zone-article__full .article__full .snippet__container {
        padding-right: 8.5rem;
        padding-left: 8.5rem
    }
}

@media(min-width:1113px) {

    .zone-article__full .article__full .article__page-footer,
    .zone-article__full .article__full .document,
    .zone-article__full .article__full .grey-word,
    .zone-article__full .article__full .snippet__container {
        max-width: 100rem;
        padding-right: 17rem;
        padding-left: 17rem
    }
}

.zone-article__full .article__full .paragraph {
    margin: 3.2rem auto;
    padding-right: 2.4rem;
    padding-left: 2.4rem;
    width: 100%
}

@media(min-width:600px) {
    .zone-article__full .article__full .paragraph {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media(min-width:834px) {
    .zone-article__full .article__full .paragraph {
        padding-right: 8.5rem;
        padding-left: 8.5rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .paragraph {
        max-width: 100rem;
        padding-right: 17rem;
        padding-left: 17rem
    }
}

.zone-article__full .article__full .separator {
    width: calc(100% - 4.8rem)
}

@media(min-width:600px) {
    .zone-article__full .article__full .separator {
        width: calc(100% - 8rem)
    }
}

@media(min-width:834px) {
    .zone-article__full .article__full .separator {
        width: calc(100% - 17rem)
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .separator {
        --content-max-width: 100rem;
        max-width: calc(var(--content-max-width) - 34rem)
    }
}

.zone-article__full .article__full .heading,
.zone-article__full .article__full h2,
.zone-article__full .article__full h3 {
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .02rem;
    line-height: 2.6rem;
    margin: 3.2rem auto;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    width: 100%
}

.zone-article__full .article__full .heading,
.zone-article__full .article__full h2,
.zone-article__full .article__full h3 {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone-article__full .article__full .heading,
html.fonts-loaded .zone-article__full .article__full h2,
html.fonts-loaded .zone-article__full .article__full h3 {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {

    .zone-article__full .article__full .heading,
    .zone-article__full .article__full h2,
    .zone-article__full .article__full h3 {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

@media(min-width:834px) {

    .zone-article__full .article__full .heading,
    .zone-article__full .article__full h2,
    .zone-article__full .article__full h3 {
        font-size: 2.2rem;
        letter-spacing: .022rem;
        line-height: 2.86rem;
        padding-right: 8.5rem;
        padding-left: 8.5rem
    }
}

@media(min-width:1113px) {

    .zone-article__full .article__full .heading,
    .zone-article__full .article__full h2,
    .zone-article__full .article__full h3 {
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: .024rem;
        line-height: 3.12rem;
        max-width: 100rem;
        padding-left: 17rem;
        padding-right: 17rem
    }
}

.zone-article__full .article__full .media__caption>.media__legend {
    margin: auto auto 3.2rem;
    max-width: 100rem;
    text-align: left
}

.zone-article__full .article__full .media-medium,
.zone-article__full .article__full .media-small {
    margin: auto;
    padding-right: 2.4rem;
    padding-left: 2.4rem;
    width: 100%;
    height: 100%
}

@media(min-width:600px) {

    .zone-article__full .article__full .media-medium,
    .zone-article__full .article__full .media-small {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media(min-width:834px) {

    .zone-article__full .article__full .media-medium,
    .zone-article__full .article__full .media-small {
        padding-right: 8.5rem;
        padding-left: 8.5rem
    }
}

@media(min-width:1113px) {

    .zone-article__full .article__full .media-medium,
    .zone-article__full .article__full .media-small {
        max-width: 100rem;
        padding-right: 17rem;
        padding-left: 17rem
    }
}

.zone-article__full .article__full .media-medium img,
.zone-article__full .article__full .media-small img {
    width: 100%;
    height: 100%
}

.zone-article__full .article__full .media-large {
    margin: auto;
    padding-right: 2.4rem;
    padding-left: 2.4rem;
    width: 100%;
    height: 100%
}

@media(min-width:600px) {
    .zone-article__full .article__full .media-large {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media(min-width:834px) {
    .zone-article__full .article__full .media-large {
        padding-right: 8.5rem;
        padding-left: 8.5rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .media-large {
        max-width: 100rem;
        padding-right: 0;
        padding-left: 0
    }
}

.zone-article__full .article__full .media-large img {
    width: 100%;
    height: 100%
}

.zone-article__full .article__full .media-large .media__caption>.media__legend {
    padding-right: 2.4rem;
    padding-left: 2.4rem
}

@media(min-width:600px) {
    .zone-article__full .article__full .media-large .media__caption>.media__legend {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media(min-width:834px) {
    .zone-article__full .article__full .media-large .media__caption>.media__legend {
        padding-right: 8.5rem;
        padding-left: 8.5rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .media-large .media__caption>.media__legend {
        padding-right: 17rem;
        padding-left: 17rem
    }
}

.zone-article__full .article__full .media-x-large {
    margin: auto;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    height: 100%
}

.zone-article__full .article__full .media-x-large img {
    border-radius: 0;
    width: 100%;
    height: 100%
}

.zone-article__full .article__full .media-x-large .media__caption>.media__legend {
    padding-right: 2.4rem;
    padding-left: 2.4rem
}

@media(min-width:600px) {
    .zone-article__full .article__full .media-x-large .media__caption>.media__legend {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media(min-width:834px) {
    .zone-article__full .article__full .media-x-large .media__caption>.media__legend {
        padding-right: 8.5rem;
        padding-left: 8.5rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .media-x-large .media__caption>.media__legend {
        padding-right: 17rem;
        padding-left: 17rem
    }
}

.zone-article__full .article__full .publication__card {
    border-color: #dad9db;
    border-top-style: solid;
    border-top-width: .1rem;
    padding-top: 2.4rem
}

[data-color-mode=dark] .zone-article__full .article__full .publication__card {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .zone-article__full .article__full .publication__card {
    border-color: #dad9db
}

@media(min-width:600px) {
    .zone-article__full .article__full .publication__card {
        padding-top: 3.2rem
    }
}

.zone-article__full .article__full .most-read {
    margin-top: 4.8rem;
    padding-top: 0
}

.zone-article__full .article__full .most-read .zoning__sub-title {
    border-color: #dad9db;
    font-size: 2.6rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .13rem;
    line-height: 2.6rem;
    margin-bottom: 0;
    padding: 0 0 1.6rem;
    text-transform: uppercase
}

.zone-article__full .article__full .most-read .zoning__sub-title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone-article__full .article__full .most-read .zoning__sub-title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .zone-article__full .article__full .most-read .zoning__sub-title {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .zone-article__full .article__full .most-read .zoning__sub-title {
    border-color: #dad9db
}

@media(min-width:600px) {
    .zone-article__full .article__full .most-read .zoning__sub-title {
        font-size: 4rem;
        letter-spacing: .2rem;
        line-height: 4rem
    }
}

.zone-article__full .article__full .most-read .most-read__teaser {
    border-color: #dad9db;
    border-bottom-width: .1rem;
    border-bottom-style: solid;
    padding-top: 3.2rem;
    padding-bottom: 3.2rem
}

[data-color-mode=dark] .zone-article__full .article__full .most-read .most-read__teaser {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .zone-article__full .article__full .most-read .most-read__teaser {
    border-color: #dad9db
}

.zone-article__full .article__full .most-read .most-read__rank {
    color: #f8dde5
}

.zone-article__full .article__full .most-read .most-read__container {
    display: flex;
    flex-direction: column
}

.zone-article__full .article__full .wrapper--most-read {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0
}

.zone-article__full .paywall {
    padding-right: 2.4rem;
    padding-left: 2.4rem
}

@media(min-width:600px) {
    .zone-article__full .paywall {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media(min-width:834px) {
    .zone-article__full .paywall {
        padding-right: 8.5rem;
        padding-left: 8.5rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .paywall {
        max-width: 100rem;
        padding-right: 17rem;
        padding-left: 17rem
    }
}

.zone-article__full .paywall__wrapper {
    max-width: none
}

.main {
    background-color: #fff
}

[data-color-mode=dark] .main {
    background-color: #1c1a26
}

[data-color-mode=light] .main {
    background-color: #fff
}

.main--user {
    background-color: #e5e5e5
}

.area {
    border-top: .1rem solid #d5d8dc;
    padding-top: 2.4rem
}

#Content {
    background-color: #fff;
    margin: 0 auto 5rem;
    padding: 0 0 1rem 0;
    position: relative;
    z-index: 3
}

@media(min-width:600px) {
    #Content {
        margin: 0 auto;
        padding: 0
    }
}

.content {
    background-color: #fff;
    margin: 0 auto;
    max-width: 100rem
}

[data-color-mode=dark] .content {
    background-color: #1c1a26
}

[data-color-mode=light] .content {
    background-color: #fff
}

@media(min-width:1024px) {
    .content--grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 2.4rem
    }
}

@media(min-width:1024px) {
    .content--article {
        margin-right: auto;
        margin-bottom: 4.8rem;
        margin-left: auto;
        position: relative
    }
}

.content--margin {
    margin-top: 2.4rem
}

@media(min-width:1024px) {
    .sticky {
        position: fixed;
        top: 2rem
    }
}

@media(min-width:1024px) {
    .absolute {
        position: absolute;
        top: unset;
        bottom: 0
    }
}

.link_all_items {
    margin: auto auto 3.2rem;
    max-width: 31.3rem;
    width: 100%
}

@media(min-width:1024px) {
    .link_all_items {
        border-bottom: 1px solid #d8d8d8;
        margin: auto auto 4.8rem;
        max-width: 100%;
        height: 1.6rem
    }
}

.link_all_items a {
    background: #f4f4f4;
    border: .1rem solid #d8d8d8;
    color: #121212;
    display: block;
    font-size: 1.8rem;
    line-height: 2.2rem;
    letter-spacing: .01em;
    padding: .9rem 0;
    text-align: center
}

.link_all_items a {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .link_all_items a {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .link_all_items a {
        font-size: 1.6rem;
        line-height: 1.9rem;
        margin: auto;
        padding: .7rem 0 .6rem;
        width: 14.4rem
    }
}

[data-categoryuser=anonyme] .Content__section-title,
[data-categoryuser=inscrit] .Content__section-title {
    margin-top: 0
}

@-webkit-keyframes dfpLoader {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes dfpLoader {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

#pave_bas.dfp-slot {
    background-color: #fff;
    margin: 2.4rem auto;
    max-width: 100rem;
    text-align: center
}

[data-color-mode=dark] #pave_bas.dfp-slot {
    background-color: #1c1a26
}

[data-color-mode=light] #pave_bas.dfp-slot {
    background-color: #fff
}

#banniere_haute.dfp-slot {
    margin: 0 auto 1.6rem;
    height: unset;
    min-height: 220px
}

#banniere_haute.dfp-slot+#habillagepub .zoning__container--hpr {
    padding-top: 2.4rem
}

#banniere_haute.dfp-slot+#habillagepub .zoning__container--hpr[\:has\(section.wrapper--bookmark-list\)] {
    padding-top: 0
}

#banniere_haute.dfp-slot+#habillagepub .zoning__container--hpr:has(section.wrapper--bookmark-list) {
    padding-top: 0
}

#banniere_haute.dfp-slot.dfp-loading::before {
    -webkit-animation: dfpLoader 1s infinite ease-in-out;
    animation: dfpLoader 1s infinite ease-in-out;
    background-color: #d5d8dc;
    border-radius: 100%;
    content: "";
    display: block;
    margin: -2.5rem 0 0 -2.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 5rem;
    height: 5rem
}

#banniere_haute.dfp-slot.dfp-loading.dfp-ok {
    position: relative;
    max-width: 100%;
    visibility: visible !important;
    height: unset;
    min-height: 220px
}

#banniere_haute.dfp-slot.dfp-loading>div {
    position: relative
}

#banniere_haute.dfp-slot.adm-ad-empty::before,
#banniere_haute.dfp-slot.adm-ad-rendered::before {
    -webkit-animation: unset;
    animation: unset;
    background-color: unset
}

#banniere_haute.dfp-slot.adm-ad-rendered.adm-ad-skin {
    height: unset;
    min-height: 220px
}

#banniere_haute.dfp-slot[style*="display: none;"] {
    margin: 8.1rem auto 0
}

@media(min-width:1113px) {
    #banniere_haute.dfp-slot[style*="display: none;"] {
        margin: 11.2rem auto 0
    }
}

#banniere_haute.dfp-slot.adm-ad-empty,
#banniere_haute.dfp-slot.adm-ad-loading,
#banniere_haute.dfp-slot.adm-ad-rendered,
#banniere_haute.dfp-slot.adm-ad-skin {
    height: unset;
    min-height: 220px
}

#banniere_milieu.dfp-slot {
    max-width: 96.8rem
}

#banniere_basse {
    margin-bottom: 4.8rem
}

.subhome_black #banniere_haute.dfp-slot {
    margin: 0 auto
}

.subhome_black .Nav {
    border-bottom: none
}

.subhome_black .subhome {
    padding: 4rem 0 0;
    overflow: hidden
}

@media(min-width:1024px) {
    .subhome_black .subhome {
        padding: 4.8rem 0 0
    }
}

.subhome_black .subhome .title-cards h2 {
    background: #121212
}

.subhome_black .subhome .selection-tele ul li:last-child::before {
    background: linear-gradient(to right, rgba(18, 18, 18, .8), #121212)
}

#pave_bas {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 2.4rem 0 !important
}

#pave_bas .dfp-slot {
    max-width: 30rem
}

.dfp-slot.dfp-unloaded:not(.dfp-loading) {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: hidden !important;
    height: 0 !important
}

.dfp-slot.dfp-unloaded:not(.dfp-loading)::after {
    display: none
}

.dfp-slot.dfp-unloaded:not(.dfp-loading)+.main {
    margin-top: 0
}

.dfp-slot:not(.dfp-unloaded)~.main .BlockMEA__Content {
    padding: 0
}

.dfp-slot#cover {
    margin: 0 !important
}

#ayads-html~.main .zone {
    padding-top: 1.6rem
}

#pave_haut {
    margin-bottom: 2.4rem
}

.OUTBRAIN {
    margin-top: 4rem
}

@media(max-width:748px) {
    html.app .OUTBRAIN {
        margin-left: calc(50% - 50vw);
        width: 100vw
    }
}

#inread.dfp-loaded {
    background-color: #f4f4f4;
    padding: 5.5rem 0 2.4rem;
    position: relative
}

[data-color-mode=dark] #inread.dfp-loaded {
    background-color: #211f2e
}

[data-color-mode=light] #inread.dfp-loaded {
    background-color: #f4f4f4
}

#inread.dfp-loaded::before {
    color: #8e8e96;
    content: "La suite apr\E8s la publicit\E9";
    font-size: 1.5rem;
    position: absolute;
    top: 2.5rem;
    right: 0;
    left: 0;
    width: 100%;
    height: 1.8rem
}

#inread.dfp-loaded::before {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #inread.dfp-loaded::before {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

#inread-2.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty),
#inread-3.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty),
#inread.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty),
#inread_top.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty) {
    background-color: #f4f4f4;
    padding: 5.5rem 0 4rem;
    position: relative
}

[data-color-mode=dark] #inread-2.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty),
[data-color-mode=dark] #inread-3.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty),
[data-color-mode=dark] #inread.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty),
[data-color-mode=dark] #inread_top.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty) {
    background-color: #211f2e
}

[data-color-mode=light] #inread-2.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty),
[data-color-mode=light] #inread-3.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty),
[data-color-mode=light] #inread.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty),
[data-color-mode=light] #inread_top.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty) {
    background-color: #f4f4f4
}

#inread-2.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before,
#inread-3.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before,
#inread.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before,
#inread_top.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before {
    color: #8e8e96;
    content: "La suite apr\E8s la publicit\E9";
    font-size: 1.5rem;
    position: absolute;
    top: 2.5rem;
    right: 0;
    left: 0;
    width: 100%;
    height: 1.8rem
}

#inread-2.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before,
#inread-3.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before,
#inread.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before,
#inread_top.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #inread-2.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before,
html.fonts-loaded #inread-3.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before,
html.fonts-loaded #inread.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before,
html.fonts-loaded #inread_top.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.body__home {
    color: #16141e
}

.body--pause {
    overflow: hidden
}

#nav-topmenu.h_scroll {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

#nav-topmenu.h_scroll::-webkit-scrollbar {
    display: none
}

.nav__custom-sticky {
    display: flex;
    background-color: #faf5ee;
    background-color: var(--Beige-clair, #faf5ee);
    align-items: flex-start;
    flex-direction: column;
    padding: 1.2rem 1.6rem;
    position: fixed;
    width: 100%;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.nav__custom-sticky.hide {
    pointer-events: none;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.nav__custom-sticky--boost-abo {
    background-color: #faf5ee
}

[data-color-mode=dark] .nav__custom-sticky--boost-abo {
    background-color: #2b293d
}

[data-color-mode=light] .nav__custom-sticky--boost-abo {
    background-color: #faf5ee
}

.nav__custom-sticky--boost-abo .nav__custom-text--no-abo {
    color: #16141e;
    padding-right: 2rem;
    padding-left: 2rem
}

[data-color-mode=dark] .nav__custom-sticky--boost-abo .nav__custom-text--no-abo {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .nav__custom-sticky--boost-abo .nav__custom-text--no-abo {
    color: #16141e
}

@media(min-width:360px) {
    .nav__custom-sticky--boost-abo .nav__custom-text--no-abo {
        padding-right: 2.4rem;
        padding-left: 2.4rem
    }
}

@media(min-width:393px) {
    .nav__custom-sticky--boost-abo .nav__custom-text--no-abo {
        padding-right: 2.8rem;
        padding-left: 2.8rem
    }
}

@media(min-width:600px) {
    .nav__custom-sticky--boost-abo .nav__custom-text--no-abo {
        padding: 0
    }
}

.nav__custom-sticky--boost-abo .nav__custom-btn--no-abo {
    width: 100%
}

@media(min-width:600px) {
    .nav__custom-sticky--boost-abo .nav__custom-btn--no-abo {
        width: auto
    }
}

@media(min-width:600px) {
    .nav__custom-sticky.nav-custom--offre-flash {
        z-index: 5
    }
}

.nav__custom-sticky--cinema-for-children {
    background-color: #f5b5d3
}

@media(min-width:600px) {
    .nav__custom-sticky--cinema-for-children {
        padding-right: 3.6rem;
        padding-left: 3.6rem
    }
}

@media(min-width:600px) {
    .nav__custom-sticky--cinema-for-children.nav__custom-sticky {
        justify-content: space-between
    }
}

@media(min-width:834px) {
    .nav__custom-sticky--cinema-for-children.nav__custom-sticky {
        justify-content: center
    }
}

.nav__custom-sticky--cinema-for-children .nav__custom-btn {
    background: #2b293d;
    background: var(--Bleu-3, #2b293d)
}

@media(min-width:600px) {
    .nav__custom-sticky--cinema-for-children .nav__custom-btn {
        margin-right: 1rem
    }
}

html:not(.app) .nav__custom-sticky--cinema-for-children .nav__custom-btn:active,
html:not(.app) .nav__custom-sticky--cinema-for-children .nav__custom-btn:hover {
    background: #3c3956;
    background: var(--Bleu-3-clair, #3c3956)
}

.nav__custom-sticky--cinema-for-children .nav__custom-btn-label {
    color: #fff;
    color: var(--blanc-100, #fff);
    white-space: nowrap
}

.nav__custom-sticky--cinema-for-children .nav__custom-text {
    color: #16141e;
    color: var(--Noir, #16141e);
    padding-right: 2rem;
    padding-left: 2rem
}

@media(min-width:360px) {
    .nav__custom-sticky--cinema-for-children .nav__custom-text {
        padding-right: 2.4rem;
        padding-left: 2.4rem
    }
}

@media(min-width:393px) {
    .nav__custom-sticky--cinema-for-children .nav__custom-text {
        padding-right: 2.8rem;
        padding-left: 2.8rem
    }
}

@media(min-width:600px) {
    .nav__custom-sticky--cinema-for-children .nav__custom-text {
        text-align: left;
        padding: 0
    }
}

.nav__custom-sticky.nav__custom-sticky--ope-cannes {
    background-color: #4375e7
}

@media(min-width:600px) {
    .nav__custom-sticky.nav__custom-sticky--ope-cannes .nav__custom-text-breaker {
        display: none
    }
}

@media(min-width:600px) {
    .nav__custom-sticky.nav__custom-sticky--ope-cannes .nav__custom-btn--no-abo {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.nav__custom-sticky--jpo2024 {
    background-color: #fada4c
}

@media(min-width:600px) {
    .nav__custom-sticky--jpo2024 .nav__custom-text-breaker {
        display: none
    }
}

.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo {
    background-color: #fff;
    transition: all .3s ease-in-out;
    background-color: #fff
}

.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo:active,
.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo:hover {
    background-color: #16141e
}

.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo:active p,
.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo:hover p {
    color: #fff
}

@media(min-width:600px) {
    .nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo p {
    color: #16141e;
    transition: all .3s ease-in-out
}

.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo p:active,
.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo p:hover {
    color: #fff
}

.nav__custom-sticky--jpo2024 .nav__custom-text--no-abo {
    color: #16141e
}

.nav__custom-sticky--op-summer-2024 {
    background-color: #ffbf98
}

.nav__custom-sticky--op-summer-2024 .popin-autopromo__top {
    height: 126px
}

@media(min-width:600px) {
    .nav__custom-sticky--op-summer-2024 .nav__custom-text-breaker {
        display: none
    }
}

.nav__custom-sticky--op-summer-2024 .nav__custom-text--no-abo {
    color: #16141e
}

.nav__custom-sticky--op-summer-2024 .nav__custom-btn.nav__custom-btn--no-abo {
    background-color: #ffee35
}

@media(min-width:600px) {
    .nav__custom-sticky--op-summer-2024 .nav__custom-btn.nav__custom-btn--no-abo {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.nav__custom-sticky--ope {
    background-color: #9dccab
}

.nav__custom-sticky--ope .nav__custom-text.nav__custom-text--no-abo {
    padding: 0 16px
}

@media(min-width:600px) {
    .nav__custom-sticky--ope .nav__custom-text.nav__custom-text--no-abo {
        padding: 0 0
    }
}

.nav__custom-sticky--ope .nav__custom-text--bold {
    color: #16141e
}

.nav__custom-sticky--ope .nav__custom-close--musees {
    transition: all .3s
}

.nav__custom-sticky--ope .nav__custom-close--musees:hover {
    opacity: .6
}

.nav__custom-sticky--yellow {
    background-color: #ffd755
}

.nav__custom-sticky--blue {
    background-color: #3ca0dd
}

.nav__custom-sticky--red {
    background-color: #e64150
}

.nav__custom-sticky--green {
    background-color: #00b78e
}

.nav__custom-sticky--beige {
    background-color: #faf5ee
}

[data-color-mode=dark] .nav__custom-sticky--beige {
    background-color: #2b293d
}

[data-color-mode=light] .nav__custom-sticky--beige {
    background-color: #faf5ee
}

.nav__custom-sticky--mb {
    bottom: 6.8rem
}

@media(min-width:600px) {
    .nav__custom-sticky--no-abo {
        height: 6.6rem
    }
}

@media(min-width:600px) {
    .nav__custom-sticky {
        flex-direction: initial;
        justify-content: center;
        align-items: center;
        height: 6rem
    }
}

@media(min-width:1113px) {
    .nav__custom-sticky {
        bottom: 0;
        left: 0;
        right: 0
    }
}

.nav__custom-text {
    font-size: 1.6rem;
    line-height: 2.08rem;
    letter-spacing: .016rem;
    color: #16141e;
    align-self: center;
    text-align: center
}

.nav__custom-text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav__custom-text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:393px) {
    .nav__custom-text {
        width: auto
    }
}

.nav__custom-text--left {
    text-align: left;
    display: block;
    width: calc(100% - 1.6rem);
    align-self: flex-start
}

@media(min-width:600px) {
    .nav__custom-text--left {
        width: auto
    }
}

@media(min-width:834px) {
    .nav__custom-text--left {
        text-align: center;
        align-self: center
    }
}

.nav__custom-text--no-abo {
    max-width: 90%;
    color: #fff
}

@media(min-width:600px) {
    .nav__custom-text--no-abo {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media(min-width:1113px) {
    .nav__custom-text--no-abo {
        width: auto
    }
}

.nav__custom-text--no-abo .nav__custom-text--bold {
    display: inline
}

.nav__custom-text--abo::after {
    content: "Offre - 30 ans : 1 an pour 30\20AC"
}

@media(min-width:600px) {
    .nav__custom-text--abo::after {
        content: "Offre - 30 ans : 1 an d\2019  abonnement pour 30\20AC"
    }
}

.nav__custom-text--bold {
    font-weight: 600
}

.nav__custom-text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav__custom-text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .nav__custom-text--bold {
        display: inline-block
    }
}

.nav__custom-text--line-through {
    text-decoration: line-through
}

.nav__custom-text--unpaid {
    color: #16141e
}

[data-color-mode=dark] .nav__custom-text--unpaid {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .nav__custom-text--unpaid {
    color: #16141e
}

.nav__custom-btn {
    text-align: center;
    margin-top: 1.2rem;
    border-radius: 4rem;
    background-color: #ffe047;
    height: 3.6rem;
    width: 100%;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.6rem
}

.nav__custom-btn {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav__custom-btn {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .nav__custom-btn:active,
html:not(.app) .nav__custom-btn:hover {
    background-color: #fe9
}

@media(min-width:600px) {
    .nav__custom-btn {
        width: 18.2rem;
        margin-left: 1.6rem;
        margin-top: 0
    }
}

@media(min-width:834px) {
    .nav__custom-btn {
        font-size: 1.6rem;
        line-height: 2.08rem;
        margin-left: 2.4rem
    }
}

.nav__custom-btn--jpo {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #16141e
}

@media(min-width:600px) {
    .nav__custom-btn--no-abo {
        margin-right: 3.8rem;
        width: 28.5rem
    }
}

.nav__custom-btn.download-pass {
    transition: all .3s;
    background-color: #2b293d
}

.nav__custom-btn.download-pass:hover {
    background-color: #3c3956 !important
}

.nav__custom-btn.download-pass p.nav__custom-btn-label {
    color: #fff
}

.nav__custom-btn-label {
    font-size: 1.6rem;
    line-height: 2.08rem;
    letter-spacing: .016rem;
    font-weight: 600;
    color: #16141e;
    text-align: center;
    padding: 0
}

.nav__custom-btn-label {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav__custom-btn-label {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.nav__custom-close {
    background-image: url(/dist/assets/img/icons/close-icon-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    cursor: pointer;
    right: 1.6rem;
    top: 1.2rem;
    width: 1.6rem;
    height: 1.6rem;
    opacity: 80%;
    text-align: center
}

.nav__custom-close:hover {
    opacity: .6
}

@media(min-width:600px) {
    .nav__custom-close {
        top: 2.1rem;
        right: 1.2rem;
        width: 1.8rem;
        height: 1.8rem
    }
}

@media(min-width:1024px) {
    .nav__custom-close {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media(min-width:600px) {
    .nav__custom-close--no-abo {
        right: 3.2rem
    }
}

.nav__custom-close--black,
.nav__custom-close--musees {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E'%3E%3Cpath d='M13 1L1 13M1 1l12 12' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.nav__custom-close--unpaid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%238F8E93'%3E%3Cpath d='M13 1L1 13M1 1l12 12' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.nav__custom-close--white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M19 1L1 19M1 1l18 18'/%3E%3C/svg%3E")
}

.nav-custom {
    display: grid;
    grid-gap: 1.2rem .8rem;
    gap: 1.2rem .8rem;
    grid-template-columns: auto 1.2rem;
    height: auto
}

@media(min-width:600px) {
    .nav-custom {
        display: flex;
        grid-gap: 1.6rem;
        gap: 1.6rem;
        padding-right: 8.2rem;
        padding-left: 8.2rem
    }
}

@media(min-width:834px) {
    .nav-custom {
        grid-gap: 2.4rem;
        gap: 2.4rem
    }
}

.nav-custom--offre-flash {
    background: #f76666
}

.nav-custom__text {
    color: #fff;
    font-size: 1.6rem;
    letter-spacing: .16px;
    line-height: 1.3;
    text-align: center
}

.nav-custom__text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav-custom__text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.nav-custom__text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav-custom__text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.nav-custom__button {
    background-color: #ffe047;
    border-radius: 4rem;
    grid-column: 1/3;
    line-height: 1;
    padding: .7605rem 1.6rem;
    text-align: center
}

html:not(.app) .nav-custom__button:active,
html:not(.app) .nav-custom__button:hover {
    background-color: #fe9
}

.nav-custom__button-text {
    color: #16141e;
    font-size: 1.6rem;
    letter-spacing: .16px;
    line-height: 1.3
}

.nav-custom__button-text {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav-custom__button-text {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.nav-custom__close-button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M19 1L1 19M1 1l18 18'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
    position: static;
    width: 1.2rem;
    height: 1.2rem;
    grid-column: 2;
    grid-row: 1
}

@media(min-width:600px) {
    .nav-custom__close-button {
        position: absolute;
        top: 50%;
        right: 3.2rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1.8rem;
        height: 1.8rem
    }
}

.nav-custom__close-button:hover {
    cursor: pointer;
    opacity: .6
}

.nav-custom--partenariat-canal {
    align-items: center;
    background: #fff4ec;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    grid-gap: 0;
    gap: 0
}

@media(min-width:600px) {
    .nav-custom--partenariat-canal {
        padding-right: 1.6rem;
        padding-left: 1.6rem
    }
}

@media(min-width:1113px) {
    .nav-custom--partenariat-canal {
        justify-content: center
    }
}

.nav-custom--partenariat-canal .nav-custom__warning {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='8.057' cy='8' rx='8.057' ry='8' fill='%23B95000'/%3E%3Cpath d='M8.729 11.332H7.386V10h1.343v1.333zM8.057 8.666c-.37 0-.671-.3-.671-.667V5.332a.671.671 0 011.343 0V8a.671.671 0 01-.672.667z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
    min-width: 1.6rem;
    width: 1.6rem;
    height: 1.6rem
}

.nav-custom--partenariat-canal .nav-custom__text {
    color: #b95000;
    font-size: 1.6rem;
    letter-spacing: .16px;
    line-height: 1.3;
    padding: 0 1.6rem
}

.nav-custom--partenariat-canal .nav-custom__text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav-custom--partenariat-canal .nav-custom__text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .nav-custom--partenariat-canal .nav-custom__text {
        padding-right: 2.4rem
    }
}

.nav-custom--partenariat-canal .nav-custom__text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav-custom--partenariat-canal .nav-custom__text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.nav-custom--partenariat-canal .nav-custom__link {
    cursor: pointer;
    text-decoration: underline
}

.nav-custom--partenariat-canal .nav-custom__link:active,
.nav-custom--partenariat-canal .nav-custom__link:hover {
    text-decoration: none
}

.nav-custom--partenariat-canal .nav-custom__close-button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23B95000'%3E%3Cpath d='M13 1L1 13M1 1l12 12' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    font-size: 0;
    min-width: 1.6rem;
    position: static;
    width: 1.6rem;
    height: 1.6rem
}

@media(min-width:600px) {
    .nav-custom--partenariat-canal .nav-custom__close-button {
        margin-left: auto;
        min-width: 2.4rem;
        -webkit-transform: none;
        transform: none;
        width: 2.4rem;
        height: 2.4rem
    }
}

@media(min-width:1113px) {
    .nav-custom--partenariat-canal .nav-custom__close-button {
        position: absolute;
        top: 50%;
        right: 3.2rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.nav-custom--partenariat-canal .nav-custom__close-button:hover {
    opacity: .6
}

.nav__custom-hidden,
.nav__custom-sticky--hidden {
    display: none
}

.btn__verification {
    position: absolute;
    cursor: pointer;
    margin-left: -40px;
    margin-top: 1.3rem;
    white-space: nowrap;
    background-repeat: no-repeat;
    border: 0;
    outline: 0;
    background: center center no-repeat
}

.btn__verification--topic {
    right: .6rem;
    top: 2.4rem;
    margin-left: 0;
    top: 3.2rem
}

.btn--base {
    background-color: #fff;
    border: 1px solid #bdc1c8
}

html:not(.app) .btn--base:hover {
    background-color: #f5f6f8
}

.btn--premium {
    background-color: #f4be00
}

html:not(.app) .btn--premium:hover {
    background-color: #fec703;
    text-decoration: underline !important
}

.btn--premium-rounded {
    background-color: #fed403;
    color: #121212;
    height: 3.2rem;
    padding: 0 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 10rem
}

.btn--premium-rounded {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .btn--premium-rounded {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .btn--premium-rounded:hover {
    text-decoration: none !important;
    background-color: #fe9
}

@media(min-width:600px) {
    .btn--premium-rounded {
        height: 4.4rem;
        padding: 0 1.6rem
    }
}

@media(min-width:1024px) {
    .btn--premium-rounded {
        top: .2rem
    }
}

.btn--premium-rounded--ml {
    margin-left: 1.8rem
}

@media(min-width:600px) {
    .btn--premium-rounded--ml {
        margin-left: 2.4rem
    }
}

.btn--premium-kiosk {
    background-color: #f4be00
}

html:not(.app) .btn--premium-kiosk:hover {
    text-decoration: underline !important
}

.btn-red {
    margin-top: 2.3rem;
    font-size: 1.6rem;
    line-height: 1.9;
    background-color: #e20001;
    color: #fff;
    padding: .7rem 1.1rem .6rem
}

.btn-red {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .btn-red {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .btn-red:hover {
    background-color: #be0000;
    text-decoration: underline
}

.btn--paywall {
    background-color: #121212;
    color: #fed403;
    display: flex;
    font-size: 2rem;
    justify-content: center
}

.btn--paywall {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .btn--paywall {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.btn--paywall--dialogue {
    background-color: #fed403;
    color: #121212
}

.btn--paywall--abo-sheet {
    background-color: #fed403;
    color: #121212
}

@media(max-width:393px) {
    .btn--paywall--text-bold {
        text-wrap: wrap
    }
}

.btn--black {
    background-color: #121212;
    color: #fff
}

.btn--black {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .btn--black {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .btn--black:hover {
    background-color: #fed403;
    color: #121212
}

.btn-menu_subitem {
    font-size: 1.4rem;
    line-height: 1.5;
    text-transform: none;
    text-transform: initial;
    background: #f4f4f4;
    border: 1px solid #d8d8d8 !important;
    width: 14.5rem;
    padding: 0;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin: 1.7rem 0 0;
    cursor: pointer
}

.btn-menu_subitem {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .btn-menu_subitem {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.btn-cookie-video {
    display: flex;
    padding: 1.2rem;
    border-radius: 4rem;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em;
    justify-content: center;
    cursor: pointer
}

.btn-cookie-video {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .btn-cookie-video {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .btn-cookie-video {
        font-size: 2rem
    }
}

.btn-cookie-video--dark {
    background-color: #1c1a26;
    border: .1rem solid #1c1a26;
    color: #fff;
    margin-bottom: 1.6rem
}

html:not(.app) .btn-cookie-video--dark:active,
html:not(.app) .btn-cookie-video--dark:hover {
    background-color: #3c3956;
    color: #fff;
    border: .1rem solid #3c3956
}

.btn-cookie-video--light {
    border: .1rem solid #16141e;
    color: #16141e
}

html:not(.app) .btn-cookie-video--light:active,
html:not(.app) .btn-cookie-video--light:hover {
    border: .1rem solid #dad9db
}

.btn--new,
.btn--outlined,
.btn--outlined-alt,
.btn--secondary {
    display: inline-flex;
    height: 3.6rem;
    padding: 0 1.6rem;
    justify-content: center;
    align-items: center;
    grid-gap: 1.2rem;
    gap: 1.2rem;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: .01em;
    border: .1rem solid transparent;
    border-radius: 6.4rem;
    background: #fed403;
    color: #16141e;
    cursor: pointer
}

.btn--new,
.btn--outlined,
.btn--outlined-alt,
.btn--secondary {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .btn--new,
html.fonts-loaded .btn--outlined,
html.fonts-loaded .btn--outlined-alt,
html.fonts-loaded .btn--secondary {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.btn--new:hover,
.btn--outlined-alt:hover,
.btn--outlined:hover,
.btn--secondary:hover {
    background: #fe9
}

.btn--new:active,
.btn--outlined-alt:active,
.btn--outlined:active,
.btn--secondary:active {
    background: #fe9;
    border-color: #fff
}

.btn--new:disabled,
.btn--new:disabled:hover,
.btn--outlined-alt:disabled,
.btn--outlined:disabled,
.btn--secondary:disabled {
    background: #f3f3f4;
    color: #737278;
    cursor: not-allowed;
    background-color: #f3f3f4;
    color: #737278
}

[data-color-mode=dark] .btn--new:disabled,
[data-color-mode=dark] .btn--new:disabled:hover,
[data-color-mode=dark] .btn--outlined-alt:disabled,
[data-color-mode=dark] .btn--outlined:disabled,
[data-color-mode=dark] .btn--secondary:disabled {
    background-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .btn--new:disabled,
[data-color-mode=light] .btn--new:disabled:hover,
[data-color-mode=light] .btn--outlined-alt:disabled,
[data-color-mode=light] .btn--outlined:disabled,
[data-color-mode=light] .btn--secondary:disabled {
    background-color: #f3f3f4
}

[data-color-mode=dark] .btn--new:disabled,
[data-color-mode=dark] .btn--new:disabled:hover,
[data-color-mode=dark] .btn--outlined-alt:disabled,
[data-color-mode=dark] .btn--outlined:disabled,
[data-color-mode=dark] .btn--secondary:disabled {
    color: rgba(255, 255, 255, .8)
}

[data-color-mode=light] .btn--new:disabled,
[data-color-mode=light] .btn--new:disabled:hover,
[data-color-mode=light] .btn--outlined-alt:disabled,
[data-color-mode=light] .btn--outlined:disabled,
[data-color-mode=light] .btn--secondary:disabled {
    color: #737278
}

.btn--common {
    color: #16141e;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: .01em
}

[data-color-mode=dark] .btn--common {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .btn--common {
    color: #16141e
}

.btn--common {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .btn--common {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.btn--large {
    grid-gap: 1.6rem;
    gap: 1.6rem;
    height: 4.4rem;
    padding: 0 2.4rem;
    font-size: 1.6rem
}

.btn--medium {
    grid-gap: 1.2rem;
    gap: 1.2rem;
    height: 3.6rem;
    padding: 0 1.6rem;
    font-size: 1.6rem
}

.btn--small {
    grid-gap: .8rem;
    gap: .8rem;
    height: 3.2rem;
    padding: 0 1.4rem;
    font-size: 1.4rem
}

.btn--tiny {
    grid-gap: .8rem;
    gap: .8rem;
    height: 2.8rem;
    padding: 0 1.2rem;
    font-size: 1.4rem
}

.btn--wide {
    display: flex;
    width: 100%;
    height: 4.4rem;
    padding: 0
}

.btn--wide .btn__label {
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em
}

.btn--wide .btn__label {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .btn--wide .btn__label {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.btn--outline {
    border-color: #16141e;
    border: 1px solid
}

[data-color-mode=dark] .btn--outline {
    border-color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .btn--outline {
    border-color: #16141e
}

.btn--outline:active,
.btn--outline:hover {
    border-color: #dad9db
}

[data-color-mode=dark] .btn--outline:active,
[data-color-mode=dark] .btn--outline:hover {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .btn--outline:active,
[data-color-mode=light] .btn--outline:hover {
    border-color: #dad9db
}

.btn--rounded {
    border-radius: 6.4rem
}

.btn--no-icon::after,
.btn--no-icon::before {
    content: none
}

.btn--secondary {
    background-color: #2b293d;
    color: #fff
}

[data-color-mode=dark] .btn--secondary {
    background-color: #fff
}

[data-color-mode=light] .btn--secondary {
    background-color: #2b293d
}

[data-color-mode=dark] .btn--secondary {
    color: #16141e
}

[data-color-mode=light] .btn--secondary {
    color: #fff
}

.btn--secondary:hover {
    background-color: #3c3956;
    color: #fff
}

[data-color-mode=dark] .btn--secondary:hover {
    background-color: rgba(255, 255, 255, .8)
}

[data-color-mode=light] .btn--secondary:hover {
    background-color: #3c3956
}

[data-color-mode=dark] .btn--secondary:hover {
    color: #16141e
}

[data-color-mode=light] .btn--secondary:hover {
    color: #fff
}

.btn--secondary:active {
    background-color: #3c3956;
    color: #fff;
    border-color: rgba(255, 255, 255, .6)
}

[data-color-mode=dark] .btn--secondary:active {
    background-color: rgba(255, 255, 255, .8)
}

[data-color-mode=light] .btn--secondary:active {
    background-color: #3c3956
}

[data-color-mode=dark] .btn--secondary:active {
    color: #16141e
}

[data-color-mode=light] .btn--secondary:active {
    color: #fff
}

[data-color-mode=dark] .btn--secondary:active {
    border-color: #fff
}

[data-color-mode=light] .btn--secondary:active {
    border-color: rgba(255, 255, 255, .6)
}

.btn--secondary:disabled,
.btn--secondary:disabled:hover {
    border: .1rem solid transparent;
    background-color: #f3f3f4;
    color: #737278
}

[data-color-mode=dark] .btn--secondary:disabled,
[data-color-mode=dark] .btn--secondary:disabled:hover {
    background-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .btn--secondary:disabled,
[data-color-mode=light] .btn--secondary:disabled:hover {
    background-color: #f3f3f4
}

[data-color-mode=dark] .btn--secondary:disabled,
[data-color-mode=dark] .btn--secondary:disabled:hover {
    color: rgba(255, 255, 255, .8)
}

[data-color-mode=light] .btn--secondary:disabled,
[data-color-mode=light] .btn--secondary:disabled:hover {
    color: #737278
}

.btn--outlined {
    background-color: #fff;
    color: #16141e;
    border-color: #16141e
}

[data-color-mode=dark] .btn--outlined {
    background-color: #1c1a26
}

[data-color-mode=light] .btn--outlined {
    background-color: #fff
}

[data-color-mode=dark] .btn--outlined {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .btn--outlined {
    color: #16141e
}

[data-color-mode=dark] .btn--outlined {
    border-color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .btn--outlined {
    border-color: #16141e
}

.btn--outlined:hover {
    border-color: #dad9db
}

[data-color-mode=dark] .btn--outlined:hover {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .btn--outlined:hover {
    border-color: #dad9db
}

.btn--outlined:active {
    border-color: #16141e
}

[data-color-mode=dark] .btn--outlined:active {
    border-color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .btn--outlined:active {
    border-color: #16141e
}

.btn--outlined:disabled,
.btn--outlined:disabled:hover {
    color: #737278;
    border-color: #737278
}

[data-color-mode=dark] .btn--outlined:disabled,
[data-color-mode=dark] .btn--outlined:disabled:hover {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .btn--outlined:disabled,
[data-color-mode=light] .btn--outlined:disabled:hover {
    color: #737278
}

[data-color-mode=dark] .btn--outlined:disabled,
[data-color-mode=dark] .btn--outlined:disabled:hover {
    border-color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .btn--outlined:disabled,
[data-color-mode=light] .btn--outlined:disabled:hover {
    border-color: #737278
}

.btn--outlined-alt {
    background-color: #fff;
    border-color: #dad9db;
    color: #16141e
}

[data-color-mode=dark] .btn--outlined-alt {
    background-color: #1c1a26
}

[data-color-mode=light] .btn--outlined-alt {
    background-color: #fff
}

[data-color-mode=dark] .btn--outlined-alt {
    border-color: rgba(255, 255, 255, .48)
}

[data-color-mode=light] .btn--outlined-alt {
    border-color: #dad9db
}

[data-color-mode=dark] .btn--outlined-alt {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .btn--outlined-alt {
    color: #16141e
}

.btn--outlined-alt:hover {
    border-color: #16141e;
    color: #16141e
}

[data-color-mode=dark] .btn--outlined-alt:hover {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .btn--outlined-alt:hover {
    border-color: #16141e
}

[data-color-mode=dark] .btn--outlined-alt:hover {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .btn--outlined-alt:hover {
    color: #16141e
}

.btn--outlined-alt:active {
    border-color: #dad9db;
    color: #dad9db
}

[data-color-mode=dark] .btn--outlined-alt:active {
    border-color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .btn--outlined-alt:active {
    border-color: #dad9db
}

[data-color-mode=dark] .btn--outlined-alt:active {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .btn--outlined-alt:active {
    color: #dad9db
}

.btn--outlined-alt:disabled,
.btn--outlined-alt:disabled:hover {
    color: #737278;
    border-color: #737278
}

[data-color-mode=dark] .btn--outlined-alt:disabled,
[data-color-mode=dark] .btn--outlined-alt:disabled:hover {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .btn--outlined-alt:disabled,
[data-color-mode=light] .btn--outlined-alt:disabled:hover {
    color: #737278
}

[data-color-mode=dark] .btn--outlined-alt:disabled,
[data-color-mode=dark] .btn--outlined-alt:disabled:hover {
    border-color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .btn--outlined-alt:disabled,
[data-color-mode=light] .btn--outlined-alt:disabled:hover {
    border-color: #737278
}

.btn__loader {
    display: none;
    width: .6rem;
    aspect-ratio: 1;
    border-radius: 50%;
    -webkit-animation: dotted .8s infinite linear alternate;
    animation: dotted .8s infinite linear alternate;
    margin: .74rem auto
}

html[data-color-mode=dark] .btn__loader {
    -webkit-animation: dotted-dark .8s infinite linear alternate;
    animation: dotted-dark .8s infinite linear alternate
}

.btn--outlined .btn__loader,
.btn--outlined-alt .btn__loader {
    -webkit-animation: dotted-dark .8s infinite linear alternate;
    animation: dotted-dark .8s infinite linear alternate
}

html[data-color-mode=dark] .btn--outlined .btn__loader,
html[data-color-mode=dark] .btn--outlined-alt .btn__loader {
    -webkit-animation: dotted .8s infinite linear alternate;
    animation: dotted .8s infinite linear alternate
}

.btn--loading .btn__label,
.btn--loading label {
    display: none
}

.btn--loading .btn__loader {
    display: block
}

@-webkit-keyframes dotted {
    0% {
        box-shadow: 10px 0 #fff, -10px 0 rgba(255, 255, 255, .16);
        background: #fff
    }

    33% {
        box-shadow: 10px 0 #fff, -10px 0 rgba(255, 255, 255, .16);
        background: rgba(255, 255, 255, .16)
    }

    66% {
        box-shadow: 10px 0 rgba(255, 255, 255, .16), -10px 0 #fff;
        background: rgba(255, 255, 255, .16)
    }

    100% {
        box-shadow: 10px 0 rgba(255, 255, 255, .16), -10px 0 #fff;
        background: #fff
    }
}

@keyframes dotted {
    0% {
        box-shadow: 10px 0 #fff, -10px 0 rgba(255, 255, 255, .16);
        background: #fff
    }

    33% {
        box-shadow: 10px 0 #fff, -10px 0 rgba(255, 255, 255, .16);
        background: rgba(255, 255, 255, .16)
    }

    66% {
        box-shadow: 10px 0 rgba(255, 255, 255, .16), -10px 0 #fff;
        background: rgba(255, 255, 255, .16)
    }

    100% {
        box-shadow: 10px 0 rgba(255, 255, 255, .16), -10px 0 #fff;
        background: #fff
    }
}

@-webkit-keyframes dotted-dark {
    0% {
        box-shadow: 10px 0 #1c1a26, -10px 0 rgba(255, 255, 255, .16);
        background: #1c1a26
    }

    33% {
        box-shadow: 10px 0 #1c1a26, -10px 0 rgba(255, 255, 255, .16);
        background: rgba(255, 255, 255, .16)
    }

    66% {
        box-shadow: 10px 0 rgba(255, 255, 255, .16), -10px 0 #1c1a26;
        background: rgba(255, 255, 255, .16)
    }

    100% {
        box-shadow: 10px 0 rgba(255, 255, 255, .16), -10px 0 #1c1a26;
        background: #1c1a26
    }
}

@keyframes dotted-dark {
    0% {
        box-shadow: 10px 0 #1c1a26, -10px 0 rgba(255, 255, 255, .16);
        background: #1c1a26
    }

    33% {
        box-shadow: 10px 0 #1c1a26, -10px 0 rgba(255, 255, 255, .16);
        background: rgba(255, 255, 255, .16)
    }

    66% {
        box-shadow: 10px 0 rgba(255, 255, 255, .16), -10px 0 #1c1a26;
        background: rgba(255, 255, 255, .16)
    }

    100% {
        box-shadow: 10px 0 rgba(255, 255, 255, .16), -10px 0 #1c1a26;
        background: #1c1a26
    }
}

.articleButton {
    display: flex;
    align-items: center;
    height: auto;
    padding: 0;
    font-size: 0;
    border-radius: 4rem;
    cursor: pointer;
    border: none;
    background: rgba(0, 0, 0, 0)
}

.articleButton {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .articleButton {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.articleButton::before {
    content: "";
    display: flex;
    width: 2.4rem;
    height: 2.4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.8rem
}

.articleButton:focus {
    outline: 0
}

.articleButton:hover::before {
    opacity: .6
}

.articleButton:hover .articleButton__count {
    color: rgba(255, 255, 255, .6)
}

.articleButton__count {
    font-size: 1.4rem;
    color: #737278
}

html[data-color-mode=dark] .articleButton__count {
    color: rgba(255, 255, 255, .6)
}

.articleButton--bordered {
    padding: .8rem;
    border: .1rem solid #dad9db
}

.articleButton--bordered:active,
.articleButton--bordered:hover {
    background-color: #1c1a26;
    border-color: #1c1a26
}

.articleButton--bordered:active::before,
.articleButton--bordered:hover::before {
    opacity: 1
}

.articleButton--bordered:active.articleButton--rate::before,
.articleButton--bordered:hover.articleButton--rate::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.286 18.388l.28.531-.28-.53-5.103 2.686c-.28.148-.453.238-.58.291 0 0 0 0 0 0 .01-.14.043-.332.096-.644l.974-5.687.007-.037c.024-.137.054-.311.033-.487a1.185 1.185 0 00-.14-.434 1.664 1.664 0 00-.314-.374l-.027-.026L2.103 9.65a8.327 8.327 0 01-.457-.464h.001c.135-.033.328-.062.64-.107l5.709-.836.037-.005c.137-.02.312-.045.473-.12l-.254-.543.254.544c.138-.065.263-.156.368-.268l-.44-.408.44.408c.12-.13.198-.289.258-.413l.017-.034 2.552-5.176c.14-.284.227-.459.299-.577.072.118.16.293.299.577l2.552 5.176.016.034c.061.124.139.283.26.413.103.112.228.203.367.268.16.074.336.1.473.119l.037.005 5.708.836c.313.045.506.074.64.107h.002l-.002.001c-.09.106-.229.243-.455.463l-4.13 4.027-.026.026c-.1.096-.227.22-.313.374a1.185 1.185 0 00-.14.434c-.022.176.008.35.032.487l.007.037.974 5.687a8.368 8.368 0 01.097.644 8.301 8.301 0 01-.58-.29l-5.104-2.688-.28.531.28-.53-.033-.018a1.66 1.66 0 00-.453-.182 1.18 1.18 0 00-.456 0 1.66 1.66 0 00-.453.182l-.033.017z'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--bordered:active.articleButton--rate::before,
html[data-color-mode=dark] .articleButton--bordered:hover.articleButton--rate::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.286 18.388l.28.531-.28-.53-5.103 2.686c-.28.148-.453.238-.58.291 0 0 0 0 0 0 .01-.14.043-.332.096-.644l.974-5.687.007-.037c.024-.137.054-.311.033-.487a1.185 1.185 0 00-.14-.434 1.664 1.664 0 00-.314-.374l-.027-.026L2.103 9.65a8.327 8.327 0 01-.457-.464h.001c.135-.033.328-.062.64-.107l5.709-.836.037-.005c.137-.02.312-.045.473-.12l-.254-.543.254.544c.138-.065.263-.156.368-.268l-.44-.408.44.408c.12-.13.198-.289.258-.413l.017-.034 2.552-5.176c.14-.284.227-.459.299-.577.072.118.16.293.299.577l2.552 5.176.016.034c.061.124.139.283.26.413.103.112.228.203.367.268.16.074.336.1.473.119l.037.005 5.708.836c.313.045.506.074.64.107h.002l-.002.001c-.09.106-.229.243-.455.463l-4.13 4.027-.026.026c-.1.096-.227.22-.313.374a1.185 1.185 0 00-.14.434c-.022.176.008.35.032.487l.007.037.974 5.687a8.368 8.368 0 01.097.644 8.301 8.301 0 01-.58-.29l-5.104-2.688-.28.531.28-.53-.033-.018a1.66 1.66 0 00-.453-.182 1.18 1.18 0 00-.456 0 1.66 1.66 0 00-.453.182l-.033.017z'/%3E%3C/svg%3E")
}

.articleButton--bordered:active.articleButton--comment::before,
.articleButton--bordered:hover.articleButton--comment::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--bordered:active.articleButton--comment::before,
html[data-color-mode=dark] .articleButton--bordered:hover.articleButton--comment::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z'/%3E%3C/svg%3E")
}

.articleButton--bordered:active.articleButton--bookmark::before,
.articleButton--bordered:hover.articleButton--bookmark::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='35' height='36' fill='none' stroke='%23fff' stroke-width='1.4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.38 5.714a2 2 0 012-2h16a2 2 0 012 2v25.749a.4.4 0 01-.646.314l-8.735-6.863a1 1 0 00-1.236 0l-8.735 6.863a.4.4 0 01-.647-.314V5.714z'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--bordered:active.articleButton--bookmark::before,
html[data-color-mode=dark] .articleButton--bordered:hover.articleButton--bookmark::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='35' height='36' fill='none' stroke='%2316141E' stroke-width='1.4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.38 5.714a2 2 0 012-2h16a2 2 0 012 2v25.749a.4.4 0 01-.646.314l-8.735-6.863a1 1 0 00-1.236 0l-8.735 6.863a.4.4 0 01-.647-.314V5.714z'/%3E%3C/svg%3E")
}

.articleButton--bordered:active.articleButton--bookmark[data-is-active=true]::before,
.articleButton--bordered:hover.articleButton--bookmark[data-is-active=true]::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%2316141E' stroke='%2316141E' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16783_24142)'%3E%3Cg clip-path='url(%23clip1_16783_24142)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--bordered:active.articleButton--bookmark[data-is-active=true]::before,
html[data-color-mode=dark] .articleButton--bordered:hover.articleButton--bookmark[data-is-active=true]::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%23fff' stroke='%23fff' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16836_4268)'%3E%3Cg clip-path='url(%23clip1_16836_4268)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%231C1A26' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.articleButton--bordered:active.articleButton--bookmark[data-is-active=true]:hover::before,
.articleButton--bordered:hover.articleButton--bookmark[data-is-active=true]:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%23fff' stroke='%23fff' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16836_4268)'%3E%3Cg clip-path='url(%23clip1_16836_4268)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%231C1A26' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--bordered:active.articleButton--bookmark[data-is-active=true]:hover::before,
html[data-color-mode=dark] .articleButton--bordered:hover.articleButton--bookmark[data-is-active=true]:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%2316141E' stroke='%2316141E' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16783_24142)'%3E%3Cg clip-path='url(%23clip1_16783_24142)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.articleButton--bordered:active.articleButton--sharing::before,
.articleButton--bordered:hover.articleButton--sharing::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23fff' width='40' height='40' fill='none'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M28.17 17.5v-5m0 0h-5m5 0l-6.67 6.67m-2.5-5h-1.83c-1.4 0-2.1 0-2.64.27a2.5 2.5 0 00-1.1 1.1c-.26.53-.26 1.23-.26 2.63v5.33c0 1.4 0 2.1.27 2.64.24.47.62.85 1.1 1.09.53.27 1.23.27 2.63.27h5.33c1.4 0 2.1 0 2.64-.27a2.5 2.5 0 001.09-1.1c.27-.53.27-1.23.27-2.63v-1.83'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--bordered:active.articleButton--sharing::before,
html[data-color-mode=dark] .articleButton--bordered:hover.articleButton--sharing::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' width='40' height='40' fill='none'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M28.17 17.5v-5m0 0h-5m5 0l-6.67 6.67m-2.5-5h-1.83c-1.4 0-2.1 0-2.64.27a2.5 2.5 0 00-1.1 1.1c-.26.53-.26 1.23-.26 2.63v5.33c0 1.4 0 2.1.27 2.64.24.47.62.85 1.1 1.09.53.27 1.23.27 2.63.27h5.33c1.4 0 2.1 0 2.64-.27a2.5 2.5 0 001.09-1.1c.27-.53.27-1.23.27-2.63v-1.83'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--bordered {
    border-color: rgba(255, 255, 255, .16)
}

html[data-color-mode=dark] .articleButton--bordered:active,
html[data-color-mode=dark] .articleButton--bordered:hover {
    background-color: rgba(255, 255, 255, .9);
    border-color: rgba(255, 255, 255, .9);
    color: #737278
}

html[data-color-mode=dark] .articleButton--bordered:active__count,
html[data-color-mode=dark] .articleButton--bordered:hover__count {
    color: #737278
}

.articleButton--textual {
    padding: 0 1.6rem 0 .8rem;
    grid-gap: .4rem;
    gap: .4rem;
    width: auto;
    height: 4rem;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em;
    color: #16141e;
    border-radius: 4rem
}

.articleButton--textual.ui-collapse--shown,
.articleButton--textual:active,
.articleButton--textual:hover {
    color: #fff
}

html[data-color-mode=dark] .articleButton--textual {
    color: rgba(255, 255, 255, .9)
}

html[data-color-mode=dark] .articleButton--textual.ui-collapse--shown,
html[data-color-mode=dark] .articleButton--textual:active,
html[data-color-mode=dark] .articleButton--textual:hover {
    color: #16141e
}

html[data-color-mode=dark] .articleButton--textual.articleButton--sharing.ui-collapse--shown::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' width='40' height='40' fill='none'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M28.17 17.5v-5m0 0h-5m5 0l-6.67 6.67m-2.5-5h-1.83c-1.4 0-2.1 0-2.64.27a2.5 2.5 0 00-1.1 1.1c-.26.53-.26 1.23-.26 2.63v5.33c0 1.4 0 2.1.27 2.64.24.47.62.85 1.1 1.09.53.27 1.23.27 2.63.27h5.33c1.4 0 2.1 0 2.64-.27a2.5 2.5 0 001.09-1.1c.27-.53.27-1.23.27-2.63v-1.83'/%3E%3C/svg%3E")
}

.articleButton--rate::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.286 18.388l.28.531-.28-.53-5.103 2.686c-.28.148-.453.238-.58.291 0 0 0 0 0 0 .01-.14.043-.332.096-.644l.974-5.687.007-.037c.024-.137.054-.311.033-.487a1.185 1.185 0 00-.14-.434 1.664 1.664 0 00-.314-.374l-.027-.026L2.103 9.65a8.327 8.327 0 01-.457-.464h.001c.135-.033.328-.062.64-.107l5.709-.836.037-.005c.137-.02.312-.045.473-.12l-.254-.543.254.544c.138-.065.263-.156.368-.268l-.44-.408.44.408c.12-.13.198-.289.258-.413l.017-.034 2.552-5.176c.14-.284.227-.459.299-.577.072.118.16.293.299.577l2.552 5.176.016.034c.061.124.139.283.26.413.103.112.228.203.367.268.16.074.336.1.473.119l.037.005 5.708.836c.313.045.506.074.64.107h.002l-.002.001c-.09.106-.229.243-.455.463l-4.13 4.027-.026.026c-.1.096-.227.22-.313.374a1.185 1.185 0 00-.14.434c-.022.176.008.35.032.487l.007.037.974 5.687a8.368 8.368 0 01.097.644 8.301 8.301 0 01-.58-.29l-5.104-2.688-.28.531.28-.53-.033-.018a1.66 1.66 0 00-.453-.182 1.18 1.18 0 00-.456 0 1.66 1.66 0 00-.453.182l-.033.017z'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--rate::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .9)' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.286 18.388l.28.531-.28-.53-5.103 2.686c-.28.148-.453.238-.58.291 0 0 0 0 0 0 .01-.14.043-.332.096-.644l.974-5.687.007-.037c.024-.137.054-.311.033-.487a1.185 1.185 0 00-.14-.434 1.664 1.664 0 00-.314-.374l-.027-.026L2.103 9.65a8.327 8.327 0 01-.457-.464h.001c.135-.033.328-.062.64-.107l5.709-.836.037-.005c.137-.02.312-.045.473-.12l-.254-.543.254.544c.138-.065.263-.156.368-.268l-.44-.408.44.408c.12-.13.198-.289.258-.413l.017-.034 2.552-5.176c.14-.284.227-.459.299-.577.072.118.16.293.299.577l2.552 5.176.016.034c.061.124.139.283.26.413.103.112.228.203.367.268.16.074.336.1.473.119l.037.005 5.708.836c.313.045.506.074.64.107h.002l-.002.001c-.09.106-.229.243-.455.463l-4.13 4.027-.026.026c-.1.096-.227.22-.313.374a1.185 1.185 0 00-.14.434c-.022.176.008.35.032.487l.007.037.974 5.687a8.368 8.368 0 01.097.644 8.301 8.301 0 01-.58-.29l-5.104-2.688-.28.531.28-.53-.033-.018a1.66 1.66 0 00-.453-.182 1.18 1.18 0 00-.456 0 1.66 1.66 0 00-.453.182l-.033.017z'/%3E%3C/svg%3E")
}

.articleButton--comment::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--comment::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .9)' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z'/%3E%3C/svg%3E")
}

.articleButton--bookmark::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='35' height='36' fill='none' stroke='%2316141E' stroke-width='1.4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.38 5.714a2 2 0 012-2h16a2 2 0 012 2v25.749a.4.4 0 01-.646.314l-8.735-6.863a1 1 0 00-1.236 0l-8.735 6.863a.4.4 0 01-.647-.314V5.714z'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--bookmark::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='35' height='36' fill='none' stroke='rgba(255, 255, 255, .9)' stroke-width='1.4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.38 5.714a2 2 0 012-2h16a2 2 0 012 2v25.749a.4.4 0 01-.646.314l-8.735-6.863a1 1 0 00-1.236 0l-8.735 6.863a.4.4 0 01-.647-.314V5.714z'/%3E%3C/svg%3E")
}

.articleButton--bookmark[data-is-active=true]::before,
.articleButton--bookmark[data-is-active=true]:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%2316141E' stroke='%2316141E' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16783_24142)'%3E%3Cg clip-path='url(%23clip1_16783_24142)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--bookmark[data-is-active=true]::before,
html[data-color-mode=dark] .articleButton--bookmark[data-is-active=true]:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%23fff' stroke='%23fff' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16836_4268)'%3E%3Cg clip-path='url(%23clip1_16836_4268)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%231C1A26' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.articleButton--bookmark.button--theme-dark::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='35' height='36' fill='none' stroke='rgba(255, 255, 255, .9)' stroke-width='1.4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.38 5.714a2 2 0 012-2h16a2 2 0 012 2v25.749a.4.4 0 01-.646.314l-8.735-6.863a1 1 0 00-1.236 0l-8.735 6.863a.4.4 0 01-.647-.314V5.714z'/%3E%3C/svg%3E")
}

.articleButton--bookmark.button--theme-dark[data-is-active=true]::before,
.articleButton--bookmark.button--theme-dark[data-is-active=true]:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%23fff' stroke='%23fff' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16836_4268)'%3E%3Cg clip-path='url(%23clip1_16836_4268)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%231C1A26' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.articleButton--sharing::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E'%3E%3Cpath d='M21 9V3m0 0h-6m6 0l-8 8m-3-6H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 7.28 3 8.12 3 9.8v6.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C19 18.72 19 17.88 19 16.2V14' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--sharing::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath d='M21 9V3m0 0h-6m6 0l-8 8m-3-6H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 7.28 3 8.12 3 9.8v6.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C19 18.72 19 17.88 19 16.2V14' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.articleButton--sharing.ui-collapse--shown {
    background-color: #1c1a26;
    border-color: #1c1a26;
    color: #fff
}

.articleButton--sharing.ui-collapse--shown::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath d='M21 9V3m0 0h-6m6 0l-8 8m-3-6H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 7.28 3 8.12 3 9.8v6.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C19 18.72 19 17.88 19 16.2V14' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .articleButton--sharing.ui-collapse--shown::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' width='40' height='40' fill='none'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M28.17 17.5v-5m0 0h-5m5 0l-6.67 6.67m-2.5-5h-1.83c-1.4 0-2.1 0-2.64.27a2.5 2.5 0 00-1.1 1.1c-.26.53-.26 1.23-.26 2.63v5.33c0 1.4 0 2.1.27 2.64.24.47.62.85 1.1 1.09.53.27 1.23.27 2.63.27h5.33c1.4 0 2.1 0 2.64-.27a2.5 2.5 0 001.09-1.1c.27-.53.27-1.23.27-2.63v-1.83'/%3E%3C/svg%3E")
}

[data-color-mode=light] .articleButton--sharing.ui-collapse--shown::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath d='M21 9V3m0 0h-6m6 0l-8 8m-3-6H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 7.28 3 8.12 3 9.8v6.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C19 18.72 19 17.88 19 16.2V14' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--sharing:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E'%3E%3Cpath d='M21 9V3m0 0h-6m6 0l-8 8m-3-6H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 7.28 3 8.12 3 9.8v6.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C19 18.72 19 17.88 19 16.2V14' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=dark] html[data-color-mode=dark] .articleButton--sharing:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .9)' width='40' height='40' fill='none'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M28.17 17.5v-5m0 0h-5m5 0l-6.67 6.67m-2.5-5h-1.83c-1.4 0-2.1 0-2.64.27a2.5 2.5 0 00-1.1 1.1c-.26.53-.26 1.23-.26 2.63v5.33c0 1.4 0 2.1.27 2.64.24.47.62.85 1.1 1.09.53.27 1.23.27 2.63.27h5.33c1.4 0 2.1 0 2.64-.27a2.5 2.5 0 001.09-1.1c.27-.53.27-1.23.27-2.63v-1.83'/%3E%3C/svg%3E")
}

[data-color-mode=light] html[data-color-mode=dark] .articleButton--sharing:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E'%3E%3Cpath d='M21 9V3m0 0h-6m6 0l-8 8m-3-6H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 7.28 3 8.12 3 9.8v6.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C19 18.72 19 17.88 19 16.2V14' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--sharing.ui-collapse--shown {
    background-color: rgba(255, 255, 255, .9);
    border-color: rgba(255, 255, 255, .9);
    color: #16141e
}

html[data-color-mode=dark] .articleButton--sharing.ui-collapse--shown::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath d='M21 9V3m0 0h-6m6 0l-8 8m-3-6H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 7.28 3 8.12 3 9.8v6.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C19 18.72 19 17.88 19 16.2V14' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=dark] html[data-color-mode=dark] .articleButton--sharing.ui-collapse--shown::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' width='40' height='40' fill='none'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M28.17 17.5v-5m0 0h-5m5 0l-6.67 6.67m-2.5-5h-1.83c-1.4 0-2.1 0-2.64.27a2.5 2.5 0 00-1.1 1.1c-.26.53-.26 1.23-.26 2.63v5.33c0 1.4 0 2.1.27 2.64.24.47.62.85 1.1 1.09.53.27 1.23.27 2.63.27h5.33c1.4 0 2.1 0 2.64-.27a2.5 2.5 0 001.09-1.1c.27-.53.27-1.23.27-2.63v-1.83'/%3E%3C/svg%3E")
}

[data-color-mode=light] html[data-color-mode=dark] .articleButton--sharing.ui-collapse--shown::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath d='M21 9V3m0 0h-6m6 0l-8 8m-3-6H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 7.28 3 8.12 3 9.8v6.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C19 18.72 19 17.88 19 16.2V14' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.articleButton--cinema::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='16' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath d='M13 1v2m0 4v2m0 4v2M3 1h14a2 2 0 012 2v3a2 2 0 000 4v3a2 2 0 01-2 2H3a2 2 0 01-2-2v-3a2 2 0 100-4V3a2 2 0 012-2z' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.articleButton--dark.articleButton.articleButton--textual {
    color: #fff;
    background-color: #2b293d
}

.articleButton--dark.articleButton.articleButton--textual:hover {
    background-color: #3c3956
}

html[data-color-mode=dark] .articleButton--dark.articleButton.articleButton--textual:hover {
    color: #fff
}

.articleButton--dark.articleButton.articleButton--textual:hover::before {
    opacity: 1
}

.articleButton--icon-right {
    padding: 0 .8rem;
    grid-gap: .8rem;
    gap: .8rem
}

.articleButton--icon-right::after {
    content: "";
    background-color: rgba(0, 0, 0, 0);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 125%;
    display: inline-block;
    margin-left: .8rem;
    width: 1.6rem;
    height: 1.6rem
}

.articleButton--icon-arrow::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.778 20.667l6.667-6.666-6.667-6.667' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.articleButton--wide {
    justify-content: center;
    width: 100%;
    height: 4.4rem;
    grid-gap: 1.6rem;
    gap: 1.6rem;
    border-radius: 6.4rem
}

.articleButton--strong {
    border: .1rem solid #16141e
}

.articleButton--strong {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .articleButton--strong {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.articleButton--noIcon::after,
.articleButton--noIcon::before {
    content: none
}

.articleButton--gifted-article::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='19' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4.833v12m0-12H6.348a1.46 1.46 0 01-1.042-.44 1.514 1.514 0 01-.431-1.06c0-.398.155-.78.431-1.06a1.46 1.46 0 011.042-.44c2.063 0 2.652 3 2.652 3zm0 0h2.652c.39 0 .765-.158 1.042-.44.276-.28.431-.662.431-1.06s-.155-.78-.431-1.06a1.46 1.46 0 00-1.042-.44c-2.063 0-2.652 3-2.652 3zm6 3.75v5.85c0 .84 0 1.26-.164 1.581a1.5 1.5 0 01-.655.655c-.32.164-.74.164-1.581.164H5.4c-.84 0-1.26 0-1.581-.163a1.5 1.5 0 01-.656-.656C3 15.694 3 15.274 3 14.433v-5.85m-1.5-2.55v1.35c0 .42 0 .63.082.79a.75.75 0 00.328.328c.16.082.37.082.79.082h12.6c.42 0 .63 0 .79-.082a.75.75 0 00.328-.327c.082-.16.082-.37.082-.791v-1.35c0-.42 0-.63-.082-.79a.75.75 0 00-.328-.328c-.16-.082-.37-.082-.79-.082H2.7c-.42 0-.63 0-.79.082a.75.75 0 00-.328.328c-.082.16-.082.37-.082.79z'/%3E%3C/svg%3E");
    background-size: 75%
}

[data-color-mode=dark] .articleButton--gifted-article::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='19' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .9)' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4.833v12m0-12H6.348a1.46 1.46 0 01-1.042-.44 1.514 1.514 0 01-.431-1.06c0-.398.155-.78.431-1.06a1.46 1.46 0 011.042-.44c2.063 0 2.652 3 2.652 3zm0 0h2.652c.39 0 .765-.158 1.042-.44.276-.28.431-.662.431-1.06s-.155-.78-.431-1.06a1.46 1.46 0 00-1.042-.44c-2.063 0-2.652 3-2.652 3zm6 3.75v5.85c0 .84 0 1.26-.164 1.581a1.5 1.5 0 01-.655.655c-.32.164-.74.164-1.581.164H5.4c-.84 0-1.26 0-1.581-.163a1.5 1.5 0 01-.656-.656C3 15.694 3 15.274 3 14.433v-5.85m-1.5-2.55v1.35c0 .42 0 .63.082.79a.75.75 0 00.328.328c.16.082.37.082.79.082h12.6c.42 0 .63 0 .79-.082a.75.75 0 00.328-.327c.082-.16.082-.37.082-.791v-1.35c0-.42 0-.63-.082-.79a.75.75 0 00-.328-.328c-.16-.082-.37-.082-.79-.082H2.7c-.42 0-.63 0-.79.082a.75.75 0 00-.328.328c-.082.16-.082.37-.082.79z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .articleButton--gifted-article::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='19' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4.833v12m0-12H6.348a1.46 1.46 0 01-1.042-.44 1.514 1.514 0 01-.431-1.06c0-.398.155-.78.431-1.06a1.46 1.46 0 011.042-.44c2.063 0 2.652 3 2.652 3zm0 0h2.652c.39 0 .765-.158 1.042-.44.276-.28.431-.662.431-1.06s-.155-.78-.431-1.06a1.46 1.46 0 00-1.042-.44c-2.063 0-2.652 3-2.652 3zm6 3.75v5.85c0 .84 0 1.26-.164 1.581a1.5 1.5 0 01-.655.655c-.32.164-.74.164-1.581.164H5.4c-.84 0-1.26 0-1.581-.163a1.5 1.5 0 01-.656-.656C3 15.694 3 15.274 3 14.433v-5.85m-1.5-2.55v1.35c0 .42 0 .63.082.79a.75.75 0 00.328.328c.16.082.37.082.79.082h12.6c.42 0 .63 0 .79-.082a.75.75 0 00.328-.327c.082-.16.082-.37.082-.791v-1.35c0-.42 0-.63-.082-.79a.75.75 0 00-.328-.328c-.16-.082-.37-.082-.79-.082H2.7c-.42 0-.63 0-.79.082a.75.75 0 00-.328.328c-.082.16-.082.37-.082.79z'/%3E%3C/svg%3E")
}

html:not(.app)[data-color-mode=light] .articleButton--gifted-article:active::before,
html:not(.app)[data-color-mode=light] .articleButton--gifted-article:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='19' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .9)' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4.833v12m0-12H6.348a1.46 1.46 0 01-1.042-.44 1.514 1.514 0 01-.431-1.06c0-.398.155-.78.431-1.06a1.46 1.46 0 011.042-.44c2.063 0 2.652 3 2.652 3zm0 0h2.652c.39 0 .765-.158 1.042-.44.276-.28.431-.662.431-1.06s-.155-.78-.431-1.06a1.46 1.46 0 00-1.042-.44c-2.063 0-2.652 3-2.652 3zm6 3.75v5.85c0 .84 0 1.26-.164 1.581a1.5 1.5 0 01-.655.655c-.32.164-.74.164-1.581.164H5.4c-.84 0-1.26 0-1.581-.163a1.5 1.5 0 01-.656-.656C3 15.694 3 15.274 3 14.433v-5.85m-1.5-2.55v1.35c0 .42 0 .63.082.79a.75.75 0 00.328.328c.16.082.37.082.79.082h12.6c.42 0 .63 0 .79-.082a.75.75 0 00.328-.327c.082-.16.082-.37.082-.791v-1.35c0-.42 0-.63-.082-.79a.75.75 0 00-.328-.328c-.16-.082-.37-.082-.79-.082H2.7c-.42 0-.63 0-.79.082a.75.75 0 00-.328.328c-.082.16-.082.37-.082.79z'/%3E%3C/svg%3E")
}

html:not(.app)[data-color-mode=dark] .articleButton--gifted-article:active::before,
html:not(.app)[data-color-mode=dark] .articleButton--gifted-article:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='19' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4.833v12m0-12H6.348a1.46 1.46 0 01-1.042-.44 1.514 1.514 0 01-.431-1.06c0-.398.155-.78.431-1.06a1.46 1.46 0 011.042-.44c2.063 0 2.652 3 2.652 3zm0 0h2.652c.39 0 .765-.158 1.042-.44.276-.28.431-.662.431-1.06s-.155-.78-.431-1.06a1.46 1.46 0 00-1.042-.44c-2.063 0-2.652 3-2.652 3zm6 3.75v5.85c0 .84 0 1.26-.164 1.581a1.5 1.5 0 01-.655.655c-.32.164-.74.164-1.581.164H5.4c-.84 0-1.26 0-1.581-.163a1.5 1.5 0 01-.656-.656C3 15.694 3 15.274 3 14.433v-5.85m-1.5-2.55v1.35c0 .42 0 .63.082.79a.75.75 0 00.328.328c.16.082.37.082.79.082h12.6c.42 0 .63 0 .79-.082a.75.75 0 00.328-.327c.082-.16.082-.37.082-.791v-1.35c0-.42 0-.63-.082-.79a.75.75 0 00-.328-.328c-.16-.082-.37-.082-.79-.082H2.7c-.42 0-.63 0-.79.082a.75.75 0 00-.328.328c-.082.16-.082.37-.082.79z'/%3E%3C/svg%3E")
}

.articleButton--gifted-article .articleButton-text {
    pointer-events: none
}

.layout__section--dark .articleButton--bookmark::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z' stroke-width='1.2'/%3E%3C/svg%3E")
}

.layout__section--dark .articleButton--bookmark[data-is-active=true]::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%23fff' stroke='%23fff' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16836_4268)'%3E%3Cg clip-path='url(%23clip1_16836_4268)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%231C1A26' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.borderedBtns__container .articleButton {
    padding: .8rem;
    border: .1rem solid #dad9db
}

.borderedBtns__container .articleButton:active,
.borderedBtns__container .articleButton:hover {
    background-color: #1c1a26;
    border-color: #1c1a26
}

.borderedBtns__container .articleButton:active::before,
.borderedBtns__container .articleButton:hover::before {
    opacity: 1
}

.borderedBtns__container .articleButton:active .articleButton__count,
.borderedBtns__container .articleButton:hover .articleButton__count {
    color: #737278
}

.borderedBtns__container .articleButton:active.articleButton--rate::before,
.borderedBtns__container .articleButton:hover.articleButton--rate::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cpath d='M11.286 18.388l.28.531-.28-.53-5.103 2.686c-.28.148-.453.238-.58.291 0 0 0 0 0 0 .01-.14.043-.332.096-.644l.974-5.687.007-.037c.024-.137.054-.311.033-.487a1.185 1.185 0 00-.14-.434 1.664 1.664 0 00-.314-.374l-.027-.026L2.103 9.65a8.327 8.327 0 01-.457-.464h.001c.135-.033.328-.062.64-.107l5.709-.836.037-.005c.137-.02.312-.045.473-.12l-.254-.543.254.544c.138-.065.263-.156.368-.268l-.44-.408.44.408c.12-.13.198-.289.258-.413l.017-.034 2.552-5.176c.14-.284.227-.459.299-.577.072.118.16.293.299.577l2.552 5.176.016.034c.061.124.139.283.26.413.103.112.228.203.367.268.16.074.336.1.473.119l.037.005 5.708.836c.313.045.506.074.64.107h.002l-.002.001c-.09.106-.229.243-.455.463l-4.13 4.027-.026.026c-.1.096-.227.22-.313.374a1.185 1.185 0 00-.14.434c-.022.176.008.35.032.487l.007.037.974 5.687a8.368 8.368 0 01.097.644 8.301 8.301 0 01-.58-.29l-5.104-2.688-.28.531.28-.53-.033-.018a1.66 1.66 0 00-.453-.182 1.18 1.18 0 00-.456 0 1.66 1.66 0 00-.453.182l-.033.017z' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .borderedBtns__container .articleButton:active.articleButton--rate::before,
html[data-color-mode=dark] .borderedBtns__container .articleButton:hover.articleButton--rate::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E'%3E%3Cpath d='M11.286 18.388l.28.531-.28-.53-5.103 2.686c-.28.148-.453.238-.58.291 0 0 0 0 0 0 .01-.14.043-.332.096-.644l.974-5.687.007-.037c.024-.137.054-.311.033-.487a1.185 1.185 0 00-.14-.434 1.664 1.664 0 00-.314-.374l-.027-.026L2.103 9.65a8.327 8.327 0 01-.457-.464h.001c.135-.033.328-.062.64-.107l5.709-.836.037-.005c.137-.02.312-.045.473-.12l-.254-.543.254.544c.138-.065.263-.156.368-.268l-.44-.408.44.408c.12-.13.198-.289.258-.413l.017-.034 2.552-5.176c.14-.284.227-.459.299-.577.072.118.16.293.299.577l2.552 5.176.016.034c.061.124.139.283.26.413.103.112.228.203.367.268.16.074.336.1.473.119l.037.005 5.708.836c.313.045.506.074.64.107h.002l-.002.001c-.09.106-.229.243-.455.463l-4.13 4.027-.026.026c-.1.096-.227.22-.313.374a1.185 1.185 0 00-.14.434c-.022.176.008.35.032.487l.007.037.974 5.687a8.368 8.368 0 01.097.644 8.301 8.301 0 01-.58-.29l-5.104-2.688-.28.531.28-.53-.033-.018a1.66 1.66 0 00-.453-.182 1.18 1.18 0 00-.456 0 1.66 1.66 0 00-.453.182l-.033.017z' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.borderedBtns__container .articleButton:active.articleButton--comment::before,
.borderedBtns__container .articleButton:hover.articleButton--comment::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .borderedBtns__container .articleButton:active.articleButton--comment::before,
html[data-color-mode=dark] .borderedBtns__container .articleButton:hover.articleButton--comment::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.borderedBtns__container .articleButton:active.articleButton--bookmark::before,
.borderedBtns__container .articleButton:hover.articleButton--bookmark::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z' stroke-width='1.2'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .borderedBtns__container .articleButton:active.articleButton--bookmark::before,
html[data-color-mode=dark] .borderedBtns__container .articleButton:hover.articleButton--bookmark::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z' stroke-width='1.2'/%3E%3C/svg%3E")
}

.borderedBtns__container .articleButton:active.articleButton--bookmark[data-is-active=true]::before,
.borderedBtns__container .articleButton:hover.articleButton--bookmark[data-is-active=true]::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%2316141E' stroke='%2316141E' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16783_24142)'%3E%3Cg clip-path='url(%23clip1_16783_24142)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

html[data-color-mode=dark] .borderedBtns__container .articleButton:active.articleButton--bookmark[data-is-active=true]::before,
html[data-color-mode=dark] .borderedBtns__container .articleButton:hover.articleButton--bookmark[data-is-active=true]::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%23fff' stroke='%23fff' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16836_4268)'%3E%3Cg clip-path='url(%23clip1_16836_4268)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%231C1A26' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.borderedBtns__container .articleButton:active.articleButton--bookmark[data-is-active=true]:hover::before,
.borderedBtns__container .articleButton:hover.articleButton--bookmark[data-is-active=true]:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%23fff' stroke='%23fff' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16836_4268)'%3E%3Cg clip-path='url(%23clip1_16836_4268)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%231C1A26' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

html[data-color-mode=dark] .borderedBtns__container .articleButton:active.articleButton--bookmark[data-is-active=true]:hover::before,
html[data-color-mode=dark] .borderedBtns__container .articleButton:hover.articleButton--bookmark[data-is-active=true]:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%2316141E' stroke='%2316141E' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16783_24142)'%3E%3Cg clip-path='url(%23clip1_16783_24142)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.borderedBtns__container .articleButton:active.articleButton--sharing::before,
.borderedBtns__container .articleButton:hover.articleButton--sharing::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cpath d='M21 9V3m0 0h-6m6 0l-8 8m-3-6H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 7.28 3 8.12 3 9.8v6.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C19 18.72 19 17.88 19 16.2V14' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .borderedBtns__container .articleButton:active.articleButton--sharing::before,
html[data-color-mode=dark] .borderedBtns__container .articleButton:hover.articleButton--sharing::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E'%3E%3Cpath d='M21 9V3m0 0h-6m6 0l-8 8m-3-6H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 7.28 3 8.12 3 9.8v6.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C19 18.72 19 17.88 19 16.2V14' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .borderedBtns__container .articleButton {
    border-color: rgba(255, 255, 255, .16)
}

html[data-color-mode=dark] .borderedBtns__container .articleButton:active,
html[data-color-mode=dark] .borderedBtns__container .articleButton:hover {
    background-color: rgba(255, 255, 255, .9);
    border-color: rgba(255, 255, 255, .9);
    color: #737278
}

html[data-color-mode=dark] .borderedBtns__container .articleButton:active__count,
html[data-color-mode=dark] .borderedBtns__container .articleButton:hover__count {
    color: #737278
}

.textualBtns__container .articleButton {
    grid-gap: .4rem;
    gap: .4rem;
    height: 4rem;
    width: auto;
    padding: 0 1.6rem 0 .8rem;
    line-height: 1.3;
    font-size: 1.6rem;
    letter-spacing: .01em;
    border-radius: 4rem;
    color: #16141e
}

.textualBtns__container .articleButton.ui-collapse--shown,
.textualBtns__container .articleButton:active,
.textualBtns__container .articleButton:hover {
    color: #fff
}

html[data-color-mode=dark] .textualBtns__container .articleButton {
    color: rgba(255, 255, 255, .9)
}

html[data-color-mode=dark] .textualBtns__container .articleButton.ui-collapse--shown,
html[data-color-mode=dark] .textualBtns__container .articleButton:active,
html[data-color-mode=dark] .textualBtns__container .articleButton:hover {
    color: #16141e
}

html[data-color-mode=dark] .textualBtns__container .articleButton.articleButton--sharing.ui-collapse--shown::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' width='40' height='40' fill='none'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M28.17 17.5v-5m0 0h-5m5 0l-6.67 6.67m-2.5-5h-1.83c-1.4 0-2.1 0-2.64.27a2.5 2.5 0 00-1.1 1.1c-.26.53-.26 1.23-.26 2.63v5.33c0 1.4 0 2.1.27 2.64.24.47.62.85 1.1 1.09.53.27 1.23.27 2.63.27h5.33c1.4 0 2.1 0 2.64-.27a2.5 2.5 0 001.09-1.1c.27-.53.27-1.23.27-2.63v-1.83'/%3E%3C/svg%3E")
}

.textualBtns__container .articleButton.openapp__container {
    padding: 0 1.6rem
}

.listBtns__container {
    display: flex;
    grid-gap: 1.6rem .8rem;
    gap: 1.6rem .8rem;
    flex-wrap: wrap
}

.author--simple {
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: .01em;
    color: #16141e
}

.author--simple {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .author--simple {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .author--simple {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .author--simple {
    color: #16141e
}

@media(min-width:600px) {
    .author--simple {
        font-size: 2rem
    }
}

.author--partnership {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: .018rem;
    margin-top: 1.6rem;
    color: #16141e
}

.author--partnership {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .author--partnership {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .author--partnership {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .author--partnership {
    color: #16141e
}

@media(min-width:600px) {
    .author--partnership {
        font-size: 2rem;
        letter-spacing: .02rem
    }
}

.author--partnership-img {
    width: 5.4rem;
    height: 1.76rem;
    margin-left: .6rem
}

.author--media {
    font-size: 1.6rem;
    color: #121212;
    line-height: 1.2;
    margin-right: .5rem
}

.author--media {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .author--media {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .author--media:hover {
    text-decoration: underline
}

.author--link {
    color: #16141e
}

[data-color-mode=dark] .author--link {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .author--link {
    color: #16141e
}

html:not(.app) .author--link:hover {
    color: #45434b
}

html[data-color-mode=dark] .author--link:hover {
    color: rgba(255, 255, 255, .6)
}

.author--block {
    display: flex
}

.label__subscriber {
    background-color: #fed403;
    font-size: 1.4rem;
    line-height: 1.7rem;
    text-transform: inherit;
    padding: .6rem .8rem;
    position: absolute;
    z-index: 2;
    top: 1.6rem;
    right: -1.6rem;
    width: 6rem;
    height: 2.8rem
}

.label__subscriber {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .label__subscriber {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .label__subscriber {
        top: -1rem;
        right: 1.6rem
    }
}

.label__subscriber--grid-page {
    margin-left: .5rem;
    padding: 1.2rem 1rem 1.2rem 1rem;
    line-height: 0;
    font-size: 1.2rem;
    height: 0;
    color: #131313;
    top: .5rem;
    right: auto;
    width: auto;
    left: 0
}

.selection-tele__list li:last-child .label__subscriber {
    display: none
}

.Content__section-title {
    font-weight: 500;
    font-size: 5rem;
    line-height: 100%;
    color: #121212;
    padding: 0 0 1.6rem;
    border-bottom: 3px solid #121212;
    margin-bottom: 4rem;
    clear: both;
    display: block
}

.Content__section-title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .Content__section-title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .Content__section-title {
        font-size: 6rem
    }
}

.home-content .Content__section-title {
    display: flex;
    align-items: center
}

.home-content .Content__section-title label {
    margin-top: 2.1rem;
    line-height: 3.6rem
}

.reading-time {
    font-size: 1.6rem;
    line-height: 1.4rem;
    color: #8e8e96;
    padding-right: 1.6rem;
    padding-left: 2rem;
    background-position: left;
    width: auto;
    margin-top: .6rem;
    display: flex;
    align-items: center;
    letter-spacing: .01rem
}

.reading-time {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .reading-time {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.reading-time--edito {
    width: 100%;
    margin-top: .8rem;
    color: #121212;
    padding-left: 2rem;
    line-height: 1.6rem
}

.reading-time--related {
    margin-top: .8rem
}

.label-subscriber {
    font-size: 1.4rem;
    color: #121212;
    background-color: #fed403;
    padding: .4rem .6rem .2rem
}

.label-subscriber {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .label-subscriber {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.label-subscriber--metas {
    padding: .3rem .8rem .1rem;
    line-height: 170%;
    align-self: baseline
}

.label-subscriber--edito {
    margin-right: .8rem;
    display: inline-block;
    margin-bottom: 0
}

.label-subscriber--related {
    position: absolute;
    right: -1.55rem;
    top: 1.6rem
}

@media(min-width:600px) {
    .label-subscriber--related {
        top: -1.55rem;
        right: 1.6rem
    }
}

.label-simple {
    font-size: 1.6rem;
    color: #a0a0a0;
    margin-top: 0 !important
}

.label-simple {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .label-simple {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .label-simple {
        font-size: 2rem
    }
}

.label-simple--list {
    margin: .8rem 0 0
}

.label-simple--list+.label-simple--list {
    margin-top: .8rem
}

.label-simple--related-list {
    font-size: 1.8rem;
    line-height: 150%;
    letter-spacing: .01em;
    color: #16141e;
    margin-top: .8rem
}

.label-simple--related-list {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .label-simple--related-list {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .label-simple--related-list {
        font-size: 2rem
    }
}

.label-simple--edito {
    font-size: 1.6rem;
    color: #a0a0a0;
    margin-top: 0
}

.label-simple--edito {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .label-simple--edito {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.label-simple--metro {
    display: flex;
    align-items: center
}

.label-simple--metro:before {
    content: " ";
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .8rem;
    background-image: url(/dist/assets/img/icons/icon-metro.svg)
}

.edito__icon {
    display: flex;
    width: 8rem;
    height: 8rem;
    background-color: rgba(226, 0, 1, .1)
}

.edito__icon--generic {
    display: block;
    margin: auto;
    width: 2.8rem;
    height: 4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='22' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M17.03 5.764L11.986.72a.749.749 0 00-.53-.22H1.5a.75.75 0 00-.75.75v19.5c0 .415.335.75.75.75h15a.75.75 0 00.75-.75V6.296c0-.2-.08-.391-.22-.532zm-1.51.877h-4.41V2.23l4.41 4.41zm.043 13.171H2.437V2.188h7.079V7.25a.984.984 0 00.984.984h5.063v11.579zm-6.75-6.328H4.5a.188.188 0 00-.188.188v1.125c0 .103.085.187.188.187h4.313A.188.188 0 009 14.797v-1.125a.188.188 0 00-.188-.188zm-4.5-3v1.125c0 .104.084.188.187.188h9a.188.188 0 00.188-.188v-1.125a.188.188 0 00-.188-.187h-9a.188.188 0 00-.188.187z'/%3E%3C/svg%3E")
}

.edito__icon--jeux-video {
    display: block;
    margin: auto;
    width: 4rem;
    height: 3.2rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='32' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M10.58 31.833c2.905 0 5.686-1.11 7.677-3.495h3.486c1.991 2.385 4.772 3.495 7.676 3.495C35.56 31.833 40 27.268 40 21.346 40 15.671 35.27 10.9 29.42 10.9h-8.3V7.693c0-1.604.872-3.044 2.365-3.784l3.237-1.563-1.079-2.18-3.32 1.563c-2.282 1.07-3.692 3.29-3.692 5.84V10.9h-8.05C4.606 10.9 0 15.671 0 21.346c0 5.922 4.44 10.487 10.58 10.487zm0-2.426c-5.103 0-7.966-3.784-7.966-8.06 0-4.36 3.527-8.061 7.967-8.061h18.838c4.523 0 7.967 3.66 7.967 8.06 0 4.36-2.863 8.06-7.967 8.06-2.573 0-4.98-1.027-6.473-3.454h-5.892c-1.494 2.427-3.9 3.455-6.473 3.455zm20.955-8.06c1.411 0 2.49-1.07 2.49-2.468 0-1.399-1.079-2.468-2.49-2.468-1.41 0-2.49 1.07-2.49 2.468s1.08 2.467 2.49 2.467zM9.378 25.992h2.49v-3.536h3.443V20.07h-3.444v-3.536h-2.49v3.536H5.935v2.386h3.444v3.537zm17.634.288c1.411 0 2.49-1.069 2.49-2.467 0-1.398-1.079-2.468-2.49-2.468-1.41 0-2.49 1.07-2.49 2.468s1.08 2.467 2.49 2.467z'/%3E%3C/svg%3E")
}

.edito__icon--disque {
    display: block;
    margin: auto;
    width: 3.4rem;
    height: 3.4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='34' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M17.023 33.667c9.16 0 16.644-7.483 16.644-16.69 0-9.16-7.483-16.644-16.644-16.644C7.816.333.333 7.816.333 16.977c0 9.207 7.483 16.69 16.69 16.69zm0-2.858c-7.483 0-13.515-6.213-13.515-13.832C3.508 9.404 9.54 3.19 17.023 3.19c7.438 0 13.47 6.214 13.47 13.787 0 7.62-6.032 13.832-13.47 13.832zm-.046-8.48c2.994 0 5.397-2.404 5.397-5.352 0-2.947-2.403-5.306-5.396-5.306-2.948 0-5.352 2.359-5.352 5.306a5.361 5.361 0 005.351 5.352zm0-2.721c-1.36 0-2.494-1.18-2.494-2.63 0-1.452 1.134-2.586 2.494-2.586 1.361 0 2.54 1.134 2.54 2.585 0 1.452-1.179 2.63-2.54 2.63z'/%3E%3C/svg%3E")
}

.edito__icon--film {
    display: block;
    margin: auto;
    width: 4rem;
    height: 3.2rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='32' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M0 31.833h32.857v-9.699l5.76 3.145H40V6.677h-1.384l-5.759 3.145V.167H0v31.666zm2.813-2.568V2.735h27.232v26.53H2.812zM5.937 8.847h7.59V6.28h-7.59v2.568zm26.92 10.364v-6.466l4.33-2.348v11.161l-4.33-2.347z'/%3E%3C/svg%3E")
}

.edito__icon--series {
    display: block;
    margin: auto;
    width: 4rem;
    height: 3.4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='34' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M0 29.005h13.876v4.662h12.248v-4.662H40V.333H0v28.672zM3.014 26.3V3.037h33.972v23.264H3.014zm20.766-4.57h.287l6.842-7.039-6.842-7.086h-.287v14.126zm-6.364 0h3.015V7.607h-3.015v14.126zm-6.363 0h3.014V7.607h-3.014v14.126z'/%3E%3C/svg%3E")
}

.edito__icon--personalite {
    display: block;
    margin: auto;
    width: 3rem;
    height: 3rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M0 30h2.885c0-6.869 5.44-12.414 12.115-12.414 6.676 0 12.115 5.545 12.115 12.414H30c0-6.497-4.08-12-9.849-14.11 2.184-1.614 3.627-4.221 3.627-7.118C23.777 3.931 19.82 0 15 0c-4.821 0-8.736 3.931-8.736 8.772a8.847 8.847 0 003.585 7.118C4.12 18 0 23.503 0 30zm15-15.02c-3.214 0-5.852-2.773-5.852-6.208 0-3.434 2.638-6.165 5.852-6.165 3.214 0 5.893 2.73 5.893 6.165S18.214 14.98 15 14.98z'/%3E%3C/svg%3E")
}

.edito__icon--tv-show {
    display: block;
    margin: auto;
    width: 4rem;
    height: 3.4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='34' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M0 29.005h13.876v4.662h12.248v-4.662H40V.333H0v28.672zM3.014 26.3V3.037h33.972v23.264H3.014z'/%3E%3C/svg%3E")
}

.edito__icon--livre {
    display: block;
    margin: auto;
    width: 3.4rem;
    height: 2.7rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='28' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M1.48 27.333c.61 0 .932-.254 1.542-.69 1.9-1.341 3.799-2.394 6.272-2.394 2.509 0 4.373 1.089 5.77 2.213.682.545 1.112.871 1.936.871.825 0 1.255-.326 1.936-.87 1.398-1.125 3.261-2.214 5.77-2.214 2.473 0 4.409 1.053 6.309 2.395.609.435.931.69 1.505.69.645 0 1.147-.436 1.147-1.234V4.295C31.05 2.009 27.824.667 24.707.667c-3.083 0-5.449.98-7.707 2.684C14.742 1.646 12.377.667 9.294.667 6.176.667 2.95 2.009.334 4.295V26.1c0 .798.501 1.233 1.146 1.233zm7.814-5.37c-2.294 0-4.731.871-6.452 2.177V5.383C4.24 4.15 6.75 2.953 9.294 2.953c2.688 0 4.803.725 6.452 2.176v19.193c-1.613-1.415-3.835-2.358-6.452-2.358zm15.412-19.01c2.545 0 5.054 1.197 6.452 2.43v18.758c-1.72-1.307-4.158-2.177-6.452-2.177-2.616 0-4.838.943-6.451 2.358V5.129c1.648-1.451 3.763-2.177 6.451-2.177z'/%3E%3C/svg%3E")
}

.edito__icon--event {
    display: block;
    margin: auto;
    width: 3.4rem;
    height: 3rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='30' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M6.496 30l10.463-6.242L27.422 30l.207-.161-2.854-11.316 8.892-7.087-.083-.241-11.787-1.047L17.124 0h-.248l-4.673 10.148L.416 11.195l-.083.241 8.85 7.087L6.29 29.84l.207.161z'/%3E%3C/svg%3E")
}

.edito__icon--lieu {
    display: block;
    margin: auto;
    width: 3.5rem;
    height: 3.4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='34' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M2.641 33.667h30.718V18.515c1.303-1.259 2.141-2.984 2.141-4.895V7.233h-2.141v-6.9H2.641v6.9H.5v6.387c0 1.912.838 3.636 2.141 4.895v15.152zm2.932-30.63h24.854v4.196H5.573V3.037zm2.234 14.826c-2.56 0-4.375-1.958-4.375-4.476v-3.45h29.136v3.45c0 2.518-1.63 4.476-4.375 4.476-2.56 0-4.003-1.772-4.375-3.31h-1.396c-.373 1.538-1.816 3.31-4.422 3.31s-4.05-1.772-4.421-3.31h-1.397c-.372 1.538-1.815 3.31-4.375 3.31zm0 2.704c2.653 0 4.189-1.166 5.073-1.959.885.793 2.42 1.959 5.12 1.959s4.235-1.166 5.12-1.959c.884.793 2.42 1.959 5.073 1.959.791 0 1.536-.094 2.234-.327v10.723h-6.935v-7.32H12.508v7.32H5.573V20.24c.698.233 1.443.327 2.234.327zm7.633 5.78h5.12v4.616h-5.12v-4.616z'/%3E%3C/svg%3E")
}

.edito__icon--cinema {
    display: block;
    margin: auto;
    width: 3.5rem;
    height: 3.4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='30' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M6.494 30l10.463-6.242L27.42 30l.207-.161-2.853-11.316 8.891-7.087-.082-.241-11.787-1.047L17.123 0h-.248L12.2 10.148.415 11.195l-.083.241 8.85 7.087L6.287 29.84l.207.161z'/%3E%3C/svg%3E")
}

.edito__icon--spectacle {
    width: 3.4rem;
    height: 3.4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M21.284 9.276l-5.951-.865-2.66-5.393a.753.753 0 00-1.345 0L8.667 8.41l-5.952.865a.749.749 0 00-.414 1.28l4.305 4.197L5.59 20.68a.749.749 0 001.087.79L12 18.672l5.323 2.798a.749.749 0 001.087-.79l-1.017-5.927 4.305-4.198a.749.749 0 00.218-.429.747.747 0 00-.632-.85zm-5.703 4.886l.846 4.93L12 16.765l-4.427 2.328.846-4.93-3.582-3.492 4.95-.72L12 5.47l2.213 4.484 4.95.72-3.582 3.49z'/%3E%3C/svg%3E")
}

.edito__prefixe {
    font-size: 1.8rem;
    line-height: 2.7rem;
    color: #16141e;
    letter-spacing: .01em;
    margin-bottom: .4rem
}

.edito__prefixe {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .edito__prefixe {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .edito__prefixe {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .edito__prefixe {
    color: #16141e
}

.edito__prefixe::first-letter {
    text-transform: uppercase
}

@media(min-width:600px) {
    .edito__prefixe {
        font-size: 2rem;
        line-height: 2.4rem;
        margin-bottom: .8rem
    }
}

.edito__score .score {
    line-height: 2.1rem
}

.edito__link-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    color: #121212;
    margin-left: 1.6rem;
    font-size: 1.8rem;
    line-height: 2.16rem;
    letter-spacing: .01em
}

.edito__link-container {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .edito__link-container {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .edito__link-container {
        font-size: 2rem;
        line-height: 2.4rem
    }
}

html:not(.app) .edito__link-container:hover .article__title--edito {
    color: #45434b;
    opacity: 80%
}

html[data-color-mode=dark] .edito__link-container:active .article__title--edito,
html[data-color-mode=dark] .edito__link-container:hover .article__title--edito {
    color: rgba(255, 255, 255, .8)
}

.edito__label {
    font-size: 1.6rem;
    display: block
}

.edito--link {
    display: flex;
    position: relative;
    margin-top: 3.2rem;
    margin-bottom: 3.2rem;
    border-left: .4rem solid #f4c5d3
}

.edito--link .premium:first-child {
    background-color: #fed403 !important
}

.edito--link .premium:first-child .edito__icon--generic {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='22' xmlns='http://www.w3.org/2000/svg' fill='%23121212'%3E%3Cpath d='M17.03 5.764L11.986.72a.749.749 0 00-.53-.22H1.5a.75.75 0 00-.75.75v19.5c0 .415.335.75.75.75h15a.75.75 0 00.75-.75V6.296c0-.2-.08-.391-.22-.532zm-1.51.877h-4.41V2.23l4.41 4.41zm.043 13.171H2.437V2.188h7.079V7.25a.984.984 0 00.984.984h5.063v11.579zm-6.75-6.328H4.5a.188.188 0 00-.188.188v1.125c0 .103.085.187.188.187h4.313A.188.188 0 009 14.797v-1.125a.188.188 0 00-.188-.188zm-4.5-3v1.125c0 .104.084.188.187.188h9a.188.188 0 00.188-.188v-1.125a.188.188 0 00-.188-.187h-9a.188.188 0 00-.188.187z'/%3E%3C/svg%3E")
}

.edito--link .premium:first-child .edito__icon--jeux-video {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='32' xmlns='http://www.w3.org/2000/svg' fill='%23121212'%3E%3Cpath d='M10.58 31.833c2.905 0 5.686-1.11 7.677-3.495h3.486c1.991 2.385 4.772 3.495 7.676 3.495C35.56 31.833 40 27.268 40 21.346 40 15.671 35.27 10.9 29.42 10.9h-8.3V7.693c0-1.604.872-3.044 2.365-3.784l3.237-1.563-1.079-2.18-3.32 1.563c-2.282 1.07-3.692 3.29-3.692 5.84V10.9h-8.05C4.606 10.9 0 15.671 0 21.346c0 5.922 4.44 10.487 10.58 10.487zm0-2.426c-5.103 0-7.966-3.784-7.966-8.06 0-4.36 3.527-8.061 7.967-8.061h18.838c4.523 0 7.967 3.66 7.967 8.06 0 4.36-2.863 8.06-7.967 8.06-2.573 0-4.98-1.027-6.473-3.454h-5.892c-1.494 2.427-3.9 3.455-6.473 3.455zm20.955-8.06c1.411 0 2.49-1.07 2.49-2.468 0-1.399-1.079-2.468-2.49-2.468-1.41 0-2.49 1.07-2.49 2.468s1.08 2.467 2.49 2.467zM9.378 25.992h2.49v-3.536h3.443V20.07h-3.444v-3.536h-2.49v3.536H5.935v2.386h3.444v3.537zm17.634.288c1.411 0 2.49-1.069 2.49-2.467 0-1.398-1.079-2.468-2.49-2.468-1.41 0-2.49 1.07-2.49 2.468s1.08 2.467 2.49 2.467z'/%3E%3C/svg%3E")
}

.edito--link .premium:first-child .edito__icon--disque {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='34' xmlns='http://www.w3.org/2000/svg' fill='%23121212'%3E%3Cpath d='M17.023 33.667c9.16 0 16.644-7.483 16.644-16.69 0-9.16-7.483-16.644-16.644-16.644C7.816.333.333 7.816.333 16.977c0 9.207 7.483 16.69 16.69 16.69zm0-2.858c-7.483 0-13.515-6.213-13.515-13.832C3.508 9.404 9.54 3.19 17.023 3.19c7.438 0 13.47 6.214 13.47 13.787 0 7.62-6.032 13.832-13.47 13.832zm-.046-8.48c2.994 0 5.397-2.404 5.397-5.352 0-2.947-2.403-5.306-5.396-5.306-2.948 0-5.352 2.359-5.352 5.306a5.361 5.361 0 005.351 5.352zm0-2.721c-1.36 0-2.494-1.18-2.494-2.63 0-1.452 1.134-2.586 2.494-2.586 1.361 0 2.54 1.134 2.54 2.585 0 1.452-1.179 2.63-2.54 2.63z'/%3E%3C/svg%3E")
}

.edito--link .premium:first-child .edito__icon--film {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='32' xmlns='http://www.w3.org/2000/svg' fill='%23121212'%3E%3Cpath d='M0 31.833h32.857v-9.699l5.76 3.145H40V6.677h-1.384l-5.759 3.145V.167H0v31.666zm2.813-2.568V2.735h27.232v26.53H2.812zM5.937 8.847h7.59V6.28h-7.59v2.568zm26.92 10.364v-6.466l4.33-2.348v11.161l-4.33-2.347z'/%3E%3C/svg%3E")
}

.edito--link .premium:first-child .edito__icon--series {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='34' xmlns='http://www.w3.org/2000/svg' fill='%23121212'%3E%3Cpath d='M0 29.005h13.876v4.662h12.248v-4.662H40V.333H0v28.672zM3.014 26.3V3.037h33.972v23.264H3.014zm20.766-4.57h.287l6.842-7.039-6.842-7.086h-.287v14.126zm-6.364 0h3.015V7.607h-3.015v14.126zm-6.363 0h3.014V7.607h-3.014v14.126z'/%3E%3C/svg%3E")
}

.edito--link .premium:first-child .edito__icon--personalite {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg' fill='%23121212'%3E%3Cpath d='M0 30h2.885c0-6.869 5.44-12.414 12.115-12.414 6.676 0 12.115 5.545 12.115 12.414H30c0-6.497-4.08-12-9.849-14.11 2.184-1.614 3.627-4.221 3.627-7.118C23.777 3.931 19.82 0 15 0c-4.821 0-8.736 3.931-8.736 8.772a8.847 8.847 0 003.585 7.118C4.12 18 0 23.503 0 30zm15-15.02c-3.214 0-5.852-2.773-5.852-6.208 0-3.434 2.638-6.165 5.852-6.165 3.214 0 5.893 2.73 5.893 6.165S18.214 14.98 15 14.98z'/%3E%3C/svg%3E")
}

.edito--link .premium:first-child .edito__icon--tv-show {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='34' xmlns='http://www.w3.org/2000/svg' fill='%23121212'%3E%3Cpath d='M0 29.005h13.876v4.662h12.248v-4.662H40V.333H0v28.672zM3.014 26.3V3.037h33.972v23.264H3.014z'/%3E%3C/svg%3E")
}

.edito--link .premium:first-child .edito__icon--livre {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='28' xmlns='http://www.w3.org/2000/svg' fill='%23121212'%3E%3Cpath d='M1.48 27.333c.61 0 .932-.254 1.542-.69 1.9-1.341 3.799-2.394 6.272-2.394 2.509 0 4.373 1.089 5.77 2.213.682.545 1.112.871 1.936.871.825 0 1.255-.326 1.936-.87 1.398-1.125 3.261-2.214 5.77-2.214 2.473 0 4.409 1.053 6.309 2.395.609.435.931.69 1.505.69.645 0 1.147-.436 1.147-1.234V4.295C31.05 2.009 27.824.667 24.707.667c-3.083 0-5.449.98-7.707 2.684C14.742 1.646 12.377.667 9.294.667 6.176.667 2.95 2.009.334 4.295V26.1c0 .798.501 1.233 1.146 1.233zm7.814-5.37c-2.294 0-4.731.871-6.452 2.177V5.383C4.24 4.15 6.75 2.953 9.294 2.953c2.688 0 4.803.725 6.452 2.176v19.193c-1.613-1.415-3.835-2.358-6.452-2.358zm15.412-19.01c2.545 0 5.054 1.197 6.452 2.43v18.758c-1.72-1.307-4.158-2.177-6.452-2.177-2.616 0-4.838.943-6.451 2.358V5.129c1.648-1.451 3.763-2.177 6.451-2.177z'/%3E%3C/svg%3E")
}

.edito--link .premium:first-child .edito__icon--event {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='30' xmlns='http://www.w3.org/2000/svg' fill='%23121212'%3E%3Cpath d='M6.496 30l10.463-6.242L27.422 30l.207-.161-2.854-11.316 8.892-7.087-.083-.241-11.787-1.047L17.124 0h-.248l-4.673 10.148L.416 11.195l-.083.241 8.85 7.087L6.29 29.84l.207.161z'/%3E%3C/svg%3E")
}

.edito--link .premium:first-child .edito__icon--lieu {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='34' xmlns='http://www.w3.org/2000/svg' fill='%23121212'%3E%3Cpath d='M2.641 33.667h30.718V18.515c1.303-1.259 2.141-2.984 2.141-4.895V7.233h-2.141v-6.9H2.641v6.9H.5v6.387c0 1.912.838 3.636 2.141 4.895v15.152zm2.932-30.63h24.854v4.196H5.573V3.037zm2.234 14.826c-2.56 0-4.375-1.958-4.375-4.476v-3.45h29.136v3.45c0 2.518-1.63 4.476-4.375 4.476-2.56 0-4.003-1.772-4.375-3.31h-1.396c-.373 1.538-1.816 3.31-4.422 3.31s-4.05-1.772-4.421-3.31h-1.397c-.372 1.538-1.815 3.31-4.375 3.31zm0 2.704c2.653 0 4.189-1.166 5.073-1.959.885.793 2.42 1.959 5.12 1.959s4.235-1.166 5.12-1.959c.884.793 2.42 1.959 5.073 1.959.791 0 1.536-.094 2.234-.327v10.723h-6.935v-7.32H12.508v7.32H5.573V20.24c.698.233 1.443.327 2.234.327zm7.633 5.78h5.12v4.616h-5.12v-4.616z'/%3E%3C/svg%3E")
}

.edito__link-container .article__title--edito {
    display: inline;
    display: initial
}

.blockquote {
    margin: 3.2rem 0;
    text-align: center
}

@media(min-width:600px) {
    .blockquote {
        margin: 3.2rem auto 3.2rem;
        max-width: 45.9rem
    }
}

.blockquote__citation {
    color: #16141e;
    font-size: 2.4rem;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: .01em;
    text-align: center;
    margin: 2rem 3.2rem 0;
    font-style: normal
}

.blockquote__citation {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .blockquote__citation {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .blockquote__citation {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .blockquote__citation {
    color: #16141e
}

@media(min-width:600px) {
    .blockquote__citation {
        font-size: 2.8rem;
        margin: 2.4rem 3.2rem 0
    }
}

.blockquote__citation em {
    font-style: normal
}

.blockquote__img-container {
    display: flex;
    justify-content: center
}

.blockquote__icon-left {
    display: block;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='27' fill='none'%3E%3Cpath fill='%23F4C5D3' d='M9.16 26.67c4.3 0 7.8-2.6 7.8-6.78 0-4.07-2.71-6.78-6.33-6.78a6.1 6.1 0 00-3.05.9c0-4.63 2.82-8.59 9.72-11.75L16.5 0C5.89 2.49.24 8.59.24 17.06c0 6.22 4.3 9.6 8.93 9.6zm21.58 0c4.18 0 7.69-2.6 7.69-6.78 0-4.07-2.72-6.78-6.33-6.78-1.36 0-2.49.56-2.94.9-.11-4.63 2.83-8.59 9.6-11.75L38.1 0C27.35 2.49 21.82 8.59 21.82 17.06c0 6.22 4.29 9.6 8.92 9.6z'/%3E%3C/svg%3E") no-repeat;
    width: 3.1rem;
    height: 2.1rem;
    margin-right: 1.3rem;
    background-size: contain
}

@media(min-width:600px) {
    .blockquote__icon-left {
        width: 3.9rem;
        height: 2.7rem;
        margin-right: 1.8rem
    }
}

.blockquote__icon-right {
    display: block;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='27' fill='none'%3E%3Cpath fill='%23F4C5D3' d='M29.84 0c-4.3 0-7.8 2.6-7.8 6.78 0 4.07 2.71 6.78 6.33 6.78a6.1 6.1 0 003.05-.9c0 4.63-2.82 8.58-9.72 11.75l.8 2.26c10.62-2.49 16.27-8.6 16.27-17.07 0-6.21-4.3-9.6-8.93-9.6zM8.26 0C4.08 0 .57 2.6.57 6.78c0 4.07 2.72 6.78 6.33 6.78 1.36 0 2.49-.57 2.94-.9C9.95 17.29 7 21.24.24 24.4l.67 2.26c10.74-2.49 16.27-8.6 16.27-17.07C17.18 3.4 12.9 0 8.26 0z'/%3E%3C/svg%3E") no-repeat;
    width: 3.1rem;
    height: 2.1rem;
    background-size: contain
}

@media(min-width:600px) {
    .blockquote__icon-right {
        width: 3.9rem;
        height: 2.7rem;
        margin-right: 1.8rem
    }
}

.blockquote__signataire {
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.3;
    color: #16141e;
    letter-spacing: .01em;
    padding: 0 5rem;
    margin-bottom: 3.2rem
}

.blockquote__signataire {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .blockquote__signataire {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .blockquote__signataire {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .blockquote__signataire {
    color: #16141e
}

@media(min-width:600px) {
    .blockquote__signataire {
        font-size: 1.6rem;
        padding: 0;
        margin: 0 auto 3.2rem;
        max-width: 45.9rem
    }
}

.block__citation {
    margin: 3.2rem 3.1rem 0;
    text-align: center;
    color: #121212;
    font-size: 2.2rem;
    line-height: 1.4;
    font-weight: 700;
    display: block
}

.block__citation {
    font-family: PublicoHeadlineApp_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .block__citation {
    font-family: PublicoHeadlineApp_Bold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .block__citation {
        margin: 3.2rem auto 0;
        max-width: 48.8rem
    }
}

@media(min-width:1024px) {
    .block__citation {
        margin: 4rem auto 0
    }
}

.publication__card {
    font-family: Graphik_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .publication__card {
    font-family: Graphik_Regular, Helvetica, Arial, Roboto, sans-serif
}

.publication__container {
    margin-top: .8rem
}

@media(min-width:600px) {
    .publication__container {
        display: flex;
        margin-top: 1.6rem
    }
}

.publication__date {
    font-size: 1.2rem;
    line-height: 1.56rem;
    letter-spacing: .01em;
    color: #737278
}

.publication__date {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .publication__date {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .publication__date {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .publication__date {
    color: #737278
}

@media(min-width:600px) {
    .publication__date {
        font-size: 1.4rem;
        line-height: 1.82rem
    }
}

.publication__update {
    font-size: 1.2rem;
    line-height: 1.56rem;
    letter-spacing: .01em;
    color: #737278
}

.publication__update {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .publication__update {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .publication__update {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .publication__update {
    color: #737278
}

@media(min-width:600px) {
    .publication__update {
        border-left: .1rem solid #dad9db;
        padding-left: .8rem;
        margin-left: .8rem;
        font-size: 1.4rem;
        line-height: 1.82rem
    }

    [data-color-mode=dark] .publication__update {
        border-left: .1rem solid rgba(255, 255, 255, .16)
    }

    [data-color-mode=light] .publication__update {
        border-left: .1rem solid #dad9db
    }
}

.heading {
    color: #121212;
    font-weight: 700
}

.heading--lead-paragraph {
    margin: 3.2rem 3.1rem 2.4rem;
    font-size: 2.2rem;
    line-height: 140%
}

.heading--lead-paragraph {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .heading--lead-paragraph {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.heading--lead-paragraph+.paragraph {
    margin-top: 0
}

@media(min-width:600px) {
    .heading--lead-paragraph {
        margin: 3.2rem 0 2.4rem
    }
}

.heading--lead-paragraph-list {
    margin: 3.2rem 0 2.4rem
}

.heading--lead-paragraph-paywall {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .heading--lead-paragraph-paywall {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.heading--lead-paragraph--no-cookie {
    margin: 0 0 2.4rem
}

.heading--section-medium {
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: .01rem;
    margin: 0 0 .8rem;
    display: block
}

.heading--section-medium {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .heading--section-medium {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .heading--section-medium {
        font-size: 4rem
    }
}

@media(min-width:1024px) {
    .heading--section-medium {
        margin: 0 0 2.4rem
    }
}

.heading--section-medium.heading--abo-sheet {
    margin: 3.2rem 0 2.4rem;
    font-size: 2.2rem;
    line-height: 140%
}

.heading--section-medium.heading--abo-sheet {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .heading--section-medium.heading--abo-sheet {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.heading--section-medium.heading--abo-sheet+.paragraph {
    margin-top: 0
}

@media(min-width:600px) {
    .heading--section-medium.heading--abo-sheet {
        margin: 3.2rem 0 2.4rem
    }
}

@media(min-width:1024px) {
    .heading--section-medium.heading--abo-sheet {
        margin: 4rem 0 2.4rem
    }
}

.heading--article-medium {
    line-height: 110%;
    letter-spacing: .01rem;
    font-weight: 700;
    font-size: 4rem
}

.heading--article-medium {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .heading--article-medium {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

h2.heading {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded h2.heading {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

h3.heading {
    font-size: 2.2rem;
    line-height: 130%;
    font-weight: 600;
    color: #121212;
    margin: 2.4rem 0
}

h3.heading {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded h3.heading {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.paragraph {
    display: flow-root;
    font-size: 1.8rem;
    color: #16141e;
    line-height: 2.7rem;
    margin-bottom: 3.2rem;
    letter-spacing: .01em
}

.paragraph {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paragraph {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .paragraph {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .paragraph {
    color: #16141e
}

@media(min-width:600px) {
    .paragraph {
        font-size: 2rem;
        line-height: 3rem
    }
}

.paragraph .article-first-letters {
    font-size: 5.7rem;
    line-height: 5rem;
    letter-spacing: .01em;
    float: left;
    margin-right: .6rem;
    font-style: normal;
    display: flex
}

.paragraph .article-first-letters {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paragraph .article-first-letters {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .paragraph .article-first-letters {
        font-size: 10.5rem;
        line-height: 8.4rem
    }
}

.paragraph .article-first-letters .article-quotation {
    font-size: 4.2rem;
    line-height: 4.2rem;
    vertical-align: middle;
    height: 4.2rem;
    position: relative;
    top: .2rem;
    display: inline-block
}

.paragraph .article-first-letters .article-quotation {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paragraph .article-first-letters .article-quotation {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .paragraph .article-first-letters .article-quotation {
        font-size: 7.1rem;
        height: 7.1rem;
        top: 1.8rem;
        line-height: 4.48rem
    }
}

.paragraph .article-first-letters .article-apostrophe {
    font-size: 3.6rem;
    line-height: 3.2rem;
    vertical-align: top
}

@media(min-width:600px) {
    .paragraph .article-first-letters .article-apostrophe {
        font-size: 5.6rem;
        line-height: 4.48rem
    }
}

.paragraph a {
    border-bottom: solid .2rem #f4c5d3;
    padding-bottom: .1rem
}

@media(min-width:600px) {
    .paragraph a {
        border-bottom: solid .3rem #f4c5d3
    }
}

html:not(.app) .paragraph a:hover {
    border-bottom: 0;
    color: #737278
}

html[data-color-mode=dark] .paragraph a:hover {
    color: rgba(255, 255, 255, .6)
}

.paragraph a--next {
    margin: 2rem 0 0;
    text-decoration: underline
}

.paragraph__link {
    color: #e20001
}

html:not(.app) .paragraph__link:hover {
    text-decoration: underline
}

.paragraph__link--next {
    margin: 2rem 0 0;
    text-decoration: underline
}

.paragraph__link--related-list {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.8rem;
    color: #16141e;
    line-height: 100%;
    margin-top: 1.6rem;
    letter-spacing: .01em;
    border-bottom: solid .2rem #f4c5d3;
    padding-bottom: .1rem
}

.paragraph__link--related-list {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paragraph__link--related-list {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .paragraph__link--related-list {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .paragraph__link--related-list {
    color: #16141e
}

@media(min-width:600px) {
    .paragraph__link--related-list {
        font-size: 2rem;
        border-bottom: solid .3rem #f4c5d3
    }
}

html:not(.app) .paragraph__link--related-list:hover {
    border-bottom: solid .2rem #fff;
    text-decoration: none;
    color: #737278
}

@media(min-width:600px) {
    html:not(.app) .paragraph__link--related-list:hover {
        border-bottom: solid .3rem #fff
    }
}

.paragraph--list {
    font-size: 1.8rem;
    color: #16141e;
    line-height: 150%;
    margin-top: 2.4rem;
    letter-spacing: .01em
}

.paragraph--list {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paragraph--list {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .paragraph--list {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .paragraph--list {
    color: #16141e
}

@media(min-width:600px) {
    .paragraph--list {
        font-size: 2rem
    }
}

.paragraph--table {
    margin: .8rem 0 0
}

.paragraph--snippet {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paragraph--snippet {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.paragraph strong {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paragraph strong {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.video__iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.video--inread {
    position: relative;
    padding-top: 56.25%;
    margin: 2.4rem 0 3.2rem
}

@media(min-width:1024px) {
    .video--inread {
        margin: 4rem 0 4.8rem
    }
}

.video--dailymotion {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 3.2rem;
    margin-left: 0
}

@media(min-width:1024px) {
    .video--dailymotion {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 4.8rem;
        margin-left: 0
    }
}

.video--no-cookie-block {
    background-color: #faf5ee;
    padding: 2.4rem
}

@media(min-width:600px) {
    .video--no-cookie-block {
        padding: 3.2rem
    }
}

.video--no-cookie-bloc-btn {
    margin-top: 2.4rem
}

.document {
    margin-top: 3.2rem
}

.document__title {
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 600;
    color: #8e8e96;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap
}

.document__title {
    font-family: Graphik_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .document__title {
    font-family: Graphik_Regular, Helvetica, Arial, Roboto, sans-serif
}

.document__icon {
    margin-right: .4rem
}

.document__icon:before {
    font-family: "Telerama Pictos2012A"
}

.document__icon--moins:before {
    content: "O";
    color: #e20001;
    font-size: 2rem
}

.document p {
    font-size: 1.2rem;
    color: #737278;
    line-height: 130%;
    letter-spacing: .01em;
    margin-top: .8rem
}

.document p {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .document p {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .document p {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .document p {
    color: #737278
}

@media(min-width:600px) {
    .document p {
        font-size: 1.4rem
    }
}

.document p a {
    color: #16141e;
    border-bottom: solid .2rem #f4c5d3;
    padding-bottom: .1rem
}

[data-color-mode=dark] .document p a {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .document p a {
    color: #16141e
}

html:not(.app) .document p a:hover {
    border-bottom: 0;
    color: #737278
}

html[data-color-mode=dark] .document p a:hover {
    border-bottom: 0;
    color: rgba(255, 255, 255, .6)
}

.document p a--next {
    margin: 2rem 0 0;
    text-decoration: underline
}

.document+.tag__list {
    margin-top: 2.4rem
}

.tag__list {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 1.6rem 1.2rem;
    gap: 1.6rem 1.2rem
}

.tag__item {
    display: flex;
    padding: .6rem 1.2rem;
    border: .1rem solid #dad9db;
    border-radius: 4rem;
    font-size: 1.6rem;
    line-height: 130%;
    letter-spacing: .01em;
    color: #16141e;
    cursor: pointer
}

.tag__item {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .tag__item {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .tag__item {
    border: .1rem solid rgba(255, 255, 255, .16)
}

[data-color-mode=light] .tag__item {
    border: .1rem solid #dad9db
}

[data-color-mode=dark] .tag__item {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .tag__item {
    color: #16141e
}

.tag__item--active,
.tag__item:hover {
    background-color: #1c1a26 !important;
    border-color: #1c1a26 !important;
    color: #fff
}

[data-color-mode=dark] .tag__item--active,
[data-color-mode=dark] .tag__item:hover {
    background-color: #e8e8e9 !important
}

[data-color-mode=light] .tag__item--active,
[data-color-mode=light] .tag__item:hover {
    background-color: #1c1a26 !important
}

[data-color-mode=dark] .tag__item--active,
[data-color-mode=dark] .tag__item:hover {
    border-color: #e8e8e9 !important
}

[data-color-mode=light] .tag__item--active,
[data-color-mode=light] .tag__item:hover {
    border-color: #1c1a26 !important
}

[data-color-mode=dark] .tag__item--active,
[data-color-mode=dark] .tag__item:hover {
    color: #16141e
}

[data-color-mode=light] .tag__item--active,
[data-color-mode=light] .tag__item:hover {
    color: #fff
}

@media(min-width:600px) {
    .tag__item {
        font-size: 2rem
    }
}

html:not(.app) .tag__item:active,
html:not(.app) .tag__item:hover {
    background-color: #1c1a26;
    color: #fff;
    border: .1rem solid #1c1a26
}

html[data-color-mode=dark] .tag__item:active,
html[data-color-mode=dark] .tag__item:hover {
    background-color: #eaeaec;
    color: #16141e;
    border: .1rem solid #eaeaec
}

@media(min-width:600px) {
    .tag__item {
        padding: .8rem 1.6rem
    }
}

.broadcaster {
    margin-left: .4rem
}

.broadcaster--apple-tv {
    background-image: url(/dist/assets/img/icons/broadcasters/icon-apple-tv.svg);
    width: 3.8rem;
    height: 1.4rem
}

.broadcaster--netflix {
    background-image: url(/dist/assets/img/icons/netflix_logo.svg);
    width: 3.2rem
}

.broadcaster--ocs {
    background-image: url(/dist/assets/img/icons/ocs_logo.svg);
    width: 2.66rem
}

.broadcaster--my-canal {
    background-image: url(/dist/assets/img/icons/canalplus_logo.svg);
    width: 3.2rem
}

.connexion__login {
    color: #16141e;
    font-size: 1.6rem;
    letter-spacing: .016rem;
    line-height: 2.08rem
}

.connexion__login {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .connexion__login {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .connexion__login {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .connexion__login {
    color: #16141e
}

.connexion__login--noel {
    color: #fff;
    line-height: 2.08rem
}

.connexion__login__dialogue {
    text-align: center
}

.connexion__link {
    color: #16141e;
    text-decoration: underline
}

.connexion__link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .connexion__link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .connexion__link {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .connexion__link {
    color: #16141e
}

html:not(.app) .connexion__link:hover {
    text-decoration: none
}

.connexion__link--kiosk:hover {
    text-decoration: none
}

.kiosk-highlight {
    align-items: center;
    display: none;
    font-size: 1.6rem;
    line-height: 130%;
    padding: 0 10px 0 15px;
    color: buttontext
}

.kiosk-highlight {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .kiosk-highlight {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .kiosk-highlight {
        display: flex
    }
}

.kiosk-highlight:before {
    content: "U";
    font-size: 2.5rem;
    margin-right: 5px;
    margin-top: 4px
}

.kiosk-highlight:before {
    font-family: "Telerama Icons"
}

html.fonts-loaded .kiosk-highlight:before {
    font-family: "Telerama Icons"
}

.carrousel-black__container {
    background-color: #2b293d;
    padding: 3.2rem 0 3.2rem 2.4rem;
    margin: 3.2rem -2.4rem;
    overflow: hidden
}

@media(min-width:748px) {
    .carrousel-black__container {
        margin: 4.8rem 0
    }
}

.carrousel-black__container--abo {
    margin-top: 0
}

.carrousel-black__container--home {
    margin-bottom: 0;
    margin-top: 0
}

.carrousel-black__top {
    display: flex;
    border-bottom: .1rem solid rgba(255, 255, 255, .48);
    padding-bottom: 1.6rem;
    margin-bottom: 2.4rem;
    margin-right: 2.4rem
}

@media(min-width:1024px) {
    .carrousel-black__top {
        margin-bottom: 3.2rem
    }
}

.carrousel-black__top--home {
    margin-bottom: 0
}

.carrousel-black__text-container {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.carrousel-black__title {
    font-size: 2.6rem;
    color: #fff;
    line-height: 100%;
    letter-spacing: .05em;
    text-transform: uppercase;
    align-self: center
}

.carrousel-black__title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carrousel-black__title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .carrousel-black__title {
        font-size: 4rem
    }
}

@media(min-width:1024px) {
    .carrousel-black__title {
        font-size: 4.8rem
    }
}

.carrousel-black__link {
    font-size: 1.6rem;
    line-height: 130%;
    color: #fff;
    letter-spacing: .01em;
    align-self: center;
    cursor: pointer
}

.carrousel-black__link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carrousel-black__link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .carrousel-black__link:hover {
    opacity: 80%
}

.carrousel-black__navigation {
    display: none
}

@media(min-width:1024px) {
    .carrousel-black__navigation {
        display: flex
    }
}

.carrousel-black__navigation::before {
    content: "";
    display: block;
    height: 4.8rem;
    border-right: .1rem solid rgba(255, 255, 255, .6);
    padding-left: 1.6rem;
    margin-right: 1.6rem
}

.carrousel-black__navigation .swiper-button-next::after,
.carrousel-black__navigation .swiper-button-prev::after {
    visibility: hidden
}

@media(min-width:1024px) {
    .carrousel-black__navigation--home {
        display: none
    }
}

@media(min-width:1113px) {
    .carrousel-black__navigation--home {
        display: flex
    }
}

.carrousel-black__arrow {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: .1rem solid rgba(255, 255, 255, .6);
    width: 4.8rem;
    height: 4.8rem;
    position: relative;
    margin-top: 0;
    top: 0;
    left: 0;
    cursor: pointer
}

html:not(.app) .carrousel-black__arrow:hover {
    background-color: #fff;
    border: 0
}

html:not(.app) .carrousel-black__arrow:hover.left:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.668 17l-8-8 8-8' stroke='%232B293D' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html:not(.app) .carrousel-black__arrow:hover.right:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.332 17l8-8-8-8' stroke='%232B293D' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html:not(.app) .carrousel-black__arrow:active {
    border: .15rem solid rgba(218, 217, 219, .6)
}

.carrousel-black__arrow.left {
    align-self: center;
    margin-right: .8rem
}

.carrousel-black__arrow.left::before {
    content: " ";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.668 17l-8-8 8-8' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: block;
    width: 1rem;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 47%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.carrousel-black__arrow.right {
    align-self: center
}

.carrousel-black__arrow.right::before {
    content: " ";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.332 17l8-8-8-8' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: block;
    width: 1rem;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 53%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.carrousel-black__arrow.swiper-button-next.swiper-button-disabled,
.carrousel-black__arrow.swiper-button-prev.swiper-button-disabled {
    opacity: 60%
}

.carrousel-black__arrow.swiper-button-next.swiper-button-disabled:hover,
.carrousel-black__arrow.swiper-button-prev.swiper-button-disabled:hover {
    cursor: default;
    border: medium none currentColor;
    border: initial;
    background-color: transparent;
    background-color: initial
}

.carrousel-black__arrow.swiper-button-next.swiper-button-disabled:hover::before,
.carrousel-black__arrow.swiper-button-prev.swiper-button-disabled:hover::before {
    content: " ";
    background-image: none;
    background-image: initial;
    display: block;
    width: 1rem;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 53%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.carrousel-black__content {
    overflow: hidden
}

@media(min-width:1024px) {
    .carrousel-black__content {
        width: 62.4rem
    }
}

.carrousel-black__list-container {
    display: flex;
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    box-sizing: content-box
}

@media(min-width:1024px) {
    .carrousel-black__list-container {
        overflow-x: visible;
        overflow-x: initial
    }
}

.carrousel-black__list-container::-webkit-scrollbar {
    display: none
}

.carrousel-black__item {
    flex-shrink: 0;
    position: relative;
    width: 15.7rem;
    margin-right: .8rem;
    flex-direction: row;
    scroll-behavior: smooth;
    scroll-snap-align: start;
    white-space: normal
}

@media(min-width:600px) {
    .carrousel-black__item {
        margin-right: 2.4rem
    }
}

@media(min-width:1024px) {
    .carrousel-black__item {
        width: 100%
    }
}

.carrousel-black__img-container {
    display: inline-flex;
    position: relative;
    width: 15.7rem;
    height: 20.9rem;
    margin-bottom: 1.2rem
}

@media(min-width:1024px) {
    .carrousel-black__img-container {
        width: 19.2rem;
        height: 25.6rem
    }

    .carrousel-black__img-container:hover .carrousel-black__img-overlay {
        display: block
    }
}

.carrousel-black__img-container--disc {
    height: 15.7rem
}

@media(min-width:1024px) {
    .carrousel-black__img-container--disc {
        height: 19.2rem
    }
}

.carrousel-black__img-container--square {
    width: 25.6rem;
    height: 25.6rem
}

.carrousel-black__img-container--home {
    display: inline
}

.carrousel-black__link-img {
    display: block
}

.carrousel-black__item-img {
    -webkit-filter: brightness(1);
    filter: brightness(1);
    width: 100%;
    height: 20.9rem;
    border-radius: .4rem;
    box-shadow: 0 4px 16px -6px rgba(22, 20, 30, .24), 0 10px 24px -4px rgba(22, 20, 30, .16)
}

[data-color-mode=dark] .carrousel-black__item-img {
    -webkit-filter: brightness(.8);
    filter: brightness(.8)
}

[data-color-mode=light] .carrousel-black__item-img {
    -webkit-filter: brightness(1);
    filter: brightness(1)
}

@media(min-width:1024px) {
    .carrousel-black__item-img {
        height: 25.6rem
    }
}

.carrousel-black__item-img::before {
    content: " ";
    background-color: #3c3956;
    display: block;
    position: relative;
    z-index: 0;
    margin-bottom: -2.56rem;
    min-width: 15.7rem;
    height: 20.9rem;
    background-size: cover
}

@media(min-width:1024px) {
    .carrousel-black__item-img::before {
        min-width: 19.2rem;
        height: 25.6rem
    }
}

.carrousel-black__item-img--disc {
    height: 15.7rem
}

@media(min-width:1024px) {
    .carrousel-black__item-img--disc {
        height: 19.2rem
    }
}

.carrousel-black__img-overlay {
    display: none;
    background: #1c1a26;
    opacity: .4;
    position: absolute;
    width: 15.7rem;
    height: 20.9rem
}

@media(min-width:1024px) {
    .carrousel-black__img-overlay {
        width: 19.2rem;
        height: 25.6rem
    }
}

.carrousel-black__img-overlay--disc {
    height: 15.7rem
}

@media(min-width:1024px) {
    .carrousel-black__img-overlay--disc {
        height: 19.2rem
    }
}

.carrousel-black__slide-notation-text {
    align-items: center;
    max-height: 1.8rem;
    display: flex;
    margin-bottom: .4rem
}

.carrousel-black__slide-notation-text+.tv-grid__card-category {
    margin-left: -.2rem
}

.carrousel-black__notation {
    position: relative;
    display: inline-block;
    margin-right: .7rem;
    z-index: 1;
    font-size: 1.6rem;
    line-height: 1
}

.carrousel-black__notation [alt="Très Bien"],
.carrousel-black__notation [alt=Bien],
.carrousel-black__notation [alt=Bof],
.carrousel-black__notation [alt=Bravo],
.carrousel-black__notation [alt=Hélas] {
    margin-top: -.25rem;
    width: auto;
    height: 1.2rem
}

.carrousel-black__notation--slide {
    align-self: center;
    margin-right: .6rem
}

.carrousel-black__notation--small-square:after {
    width: 65%
}

.carrousel-black__notation-title {
    color: #fff;
    font-size: 1.6rem;
    line-height: 130%;
    margin-bottom: .4rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.carrousel-black__notation-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carrousel-black__notation-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .carrousel-black__notation-title {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .carrousel-black__notation-title {
    color: #fff
}

.carrousel-black__slide-title-gray {
    color: #45434b;
    font-size: 1.6rem;
    line-height: 130%;
    opacity: 60%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.carrousel-black__slide-title-gray {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carrousel-black__slide-title-gray {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .carrousel-black__slide-title-gray {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .carrousel-black__slide-title-gray {
    color: #45434b
}

.carrousel-black__slide-title-gray--no-mt {
    margin-bottom: 0
}

.carrousel-black__slide-title-gray--tv-grid {
    color: #737278
}

[data-color-mode=dark] .carrousel-black__slide-title-gray--tv-grid {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .carrousel-black__slide-title-gray--tv-grid {
    color: #737278
}

.carrousel-black__arrow.left.swiper-button-prev.swiper-button-disabled {
    opacity: 60%;
    border: .1rem solid rgba(255, 255, 255, .6)
}

.carrousel-black__arrow.left.swiper-button-prev.swiper-button-disabled:hover::before {
    content: " ";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.667 16.666l-8-8 8-8' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    display: block;
    background-repeat: no-repeat;
    background-size: 1rem 1.8rem;
    position: absolute;
    top: 50%;
    left: 47%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.carrousel-black__arrow.right.swiper-button-next.swiper-button-disabled {
    opacity: 60%;
    border: .1rem solid rgba(255, 255, 255, .6)
}

.carrousel-black__arrow.right.swiper-button-next.swiper-button-disabled:hover::before {
    content: " ";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.333 16.666l8-8-8-8' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    display: block;
    background-repeat: no-repeat;
    background-size: 1rem 1.8rem;
    position: absolute;
    top: 50%;
    right: 47%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.notation {
    display: inline-flex;
    height: 1.2rem;
    line-height: 1;
    background-color: #e20001;
    background-image: var(--notation-mask);
    background-size: cover;
    background-repeat: no-repeat
}

.notation--0t,
.notation--1 {
    width: 1.2rem;
    --notation-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M2.157 4.879h7.685v2.11H2.157z'/%3E%3C/svg%3E")
}

.notation--1t,
.notation--2 {
    width: 1.2rem;
    --notation-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.157 2.11h7.686v2.11H7.281v5.67H4.584V4.22H2.157V2.11z' fill='%23fff'/%3E%3C/svg%3E")
}

.notation--2t,
.notation--3 {
    width: 2.16rem;
    --notation-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 21.6 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.733 2.11h-7.6v2.11h2.4v5.67H7.2V4.22h2.533V2.11zM11.867 2.11h7.6v2.11h-2.534v5.67h-2.666V4.22h-2.4V2.11z' fill='%23fff'/%3E%3C/svg%3E")
}

.notation--3t,
.notation--4 {
    width: 3.12rem;
    --notation-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 31.2 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.124 2.11h7.568v2.11H7.169v5.67H4.514V4.22h-2.39V2.11zM19.384 2.11h-7.568v2.11h2.39v5.67h2.655V4.22h2.523V2.11zM21.508 2.11h7.568v2.11h-2.523v5.67h-2.655V4.22h-2.39V2.11z' fill='%23fff'/%3E%3C/svg%3E")
}

.notation--4t,
.notation--5 {
    width: 4.08rem;
    --notation-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 40.8 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.67 2.11H2.12v2.11h2.384v5.67h2.649V4.22H9.67V2.11zM11.79 2.11h7.55v2.11h-2.517v5.67h-2.649V4.22H11.79V2.11zM29.01 2.11h-7.55v2.11h2.384v5.67h2.65V4.22h2.516V2.11zM31.13 2.11h7.551v2.11h-2.517v5.67h-2.65V4.22H31.13V2.11z' fill='%23fff'/%3E%3C/svg%3E")
}

.notation--medium {
    height: 1.4rem
}

.notation--medium.notation--0t,
.notation--medium.notation--1 {
    width: 1.4rem
}

.notation--medium.notation--1t,
.notation--medium.notation--2 {
    width: 1.4rem
}

.notation--medium.notation--2t,
.notation--medium.notation--3 {
    width: 2.52rem
}

.notation--medium.notation--3t,
.notation--medium.notation--4 {
    width: 3.64rem
}

.notation--medium.notation--4t,
.notation--medium.notation--5 {
    width: 4.76rem
}

.notation--large {
    height: 1.6rem
}

.notation--large.notation--0t,
.notation--large.notation--1 {
    width: 1.6rem
}

.notation--large.notation--1t,
.notation--large.notation--2 {
    width: 1.6rem
}

.notation--large.notation--2t,
.notation--large.notation--3 {
    width: 2.88rem
}

.notation--large.notation--3t,
.notation--large.notation--4 {
    width: 4.16rem
}

.notation--large.notation--4t,
.notation--large.notation--5 {
    width: 5.44rem
}

.notation--xl {
    height: 1.8rem
}

.notation--xl.notation--0t,
.notation--xl.notation--1 {
    width: 1.8rem
}

.notation--xl.notation--1t,
.notation--xl.notation--2 {
    width: 1.8rem
}

.notation--xl.notation--2t,
.notation--xl.notation--3 {
    width: 3.24rem
}

.notation--xl.notation--3t,
.notation--xl.notation--4 {
    width: 4.68rem
}

.notation--xl.notation--4t,
.notation--xl.notation--5 {
    width: 6.12rem
}

@media screen and (min-width:600px) {
    .notation--medium\:bp-m {
        height: 1.4rem
    }

    .notation--medium\:bp-m.notation--0t,
    .notation--medium\:bp-m.notation--1 {
        width: 1.4rem
    }

    .notation--medium\:bp-m.notation--1t,
    .notation--medium\:bp-m.notation--2 {
        width: 1.4rem
    }

    .notation--medium\:bp-m.notation--2t,
    .notation--medium\:bp-m.notation--3 {
        width: 2.52rem
    }

    .notation--medium\:bp-m.notation--3t,
    .notation--medium\:bp-m.notation--4 {
        width: 3.64rem
    }

    .notation--medium\:bp-m.notation--4t,
    .notation--medium\:bp-m.notation--5 {
        width: 4.76rem
    }

    .notation--large\:bp-m {
        height: 1.6rem
    }

    .notation--large\:bp-m.notation--0t,
    .notation--large\:bp-m.notation--1 {
        width: 1.6rem
    }

    .notation--large\:bp-m.notation--1t,
    .notation--large\:bp-m.notation--2 {
        width: 1.6rem
    }

    .notation--large\:bp-m.notation--2t,
    .notation--large\:bp-m.notation--3 {
        width: 2.88rem
    }

    .notation--large\:bp-m.notation--3t,
    .notation--large\:bp-m.notation--4 {
        width: 4.16rem
    }

    .notation--large\:bp-m.notation--4t,
    .notation--large\:bp-m.notation--5 {
        width: 5.44rem
    }
}

@media screen and (min-width:1113px) {
    .notation--xl\:bp-l {
        height: 1.8rem
    }

    .notation--xl\:bp-l.notation--0t,
    .notation--xl\:bp-l.notation--1 {
        width: 1.8rem
    }

    .notation--xl\:bp-l.notation--1t,
    .notation--xl\:bp-l.notation--2 {
        width: 1.8rem
    }

    .notation--xl\:bp-l.notation--2t,
    .notation--xl\:bp-l.notation--3 {
        width: 3.24rem
    }

    .notation--xl\:bp-l.notation--3t,
    .notation--xl\:bp-l.notation--4 {
        width: 4.68rem
    }

    .notation--xl\:bp-l.notation--4t,
    .notation--xl\:bp-l.notation--5 {
        width: 6.12rem
    }
}

.notation--readers {
    color: transparent;
    background-color: #01b0b9
}

.notation__wrapper {
    display: flex;
    align-items: center
}

.notation__image {
    width: auto;
    height: 1.2rem;
    margin-right: .6rem
}

.bookmark__notification {
    background-color: #fff;
    border-color: #dad9db;
    border-style: solid;
    border-width: 1px;
    border-radius: .4rem;
    box-shadow: 0 .4rem 1.2rem -.6rem rgba(22, 20, 30, .08), 0 .8rem 2.4rem -.4rem rgba(22, 20, 30, .06);
    padding: 1.6rem 2.4rem;
    transition: opacity .9s ease;
    width: 100%
}

[data-color-mode=dark] .bookmark__notification {
    background-color: #1c1a26
}

[data-color-mode=light] .bookmark__notification {
    background-color: #fff
}

[data-color-mode=dark] .bookmark__notification {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .bookmark__notification {
    border-color: #dad9db
}

.bookmark__notification--fade {
    opacity: 0
}

.bookmark__notification-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-gap: 1.7rem;
    gap: 1.7rem;
    position: fixed;
    right: 2.4rem;
    bottom: 2.7rem;
    left: 2.4rem;
    z-index: 3
}

@media(min-width:834px) {
    .bookmark__notification-container {
        left: unset
    }
}

body[\:has\(\[id\%3Djs-mobile-header-fixed\]\)] .bookmark__notification-container {
    bottom: 9.5rem
}

body:has([id=js-mobile-header-fixed]) .bookmark__notification-container {
    bottom: 9.5rem
}

@media(min-width:1113px) {
    body[\:has\(\[id\%3Djs-mobile-header-fixed\]\)] .bookmark__notification-container {
        bottom: 2.7rem
    }

    body:has([id=js-mobile-header-fixed]) .bookmark__notification-container {
        bottom: 2.7rem
    }
}

@media(min-width:834px) {

    html[\:has\(body\[data-lvltwo\%3Darticle\]\)] .bookmark__notification-container,
    html[\:has\(body\[data-lvltwo\%3Dcritique\]\)] .bookmark__notification-container {
        position: absolute;
        top: calc(100% + .8rem);
        right: unset;
        bottom: unset;
        left: 0;
        z-index: 2
    }

    html:has(body[data-lvltwo=article]) .bookmark__notification-container,
    html:has(body[data-lvltwo=critique]) .bookmark__notification-container {
        position: absolute;
        top: calc(100% + .8rem);
        right: unset;
        bottom: unset;
        left: 0;
        z-index: 2
    }
}

.bookmark__notification-text {
    grid-gap: 2.4rem;
    gap: 2.4rem
}

.bookmark__notification-title {
    color: #16141e;
    color: #16141e;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em
}

.bookmark__notification-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .bookmark__notification-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .bookmark__notification-title {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .bookmark__notification-title {
    color: #16141e
}

@media(min-width:834px) {
    .bookmark__notification-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.bookmark__notification-paragraph {
    color: #737278;
    color: #737278;
    font-size: 1.4rem;
    line-height: 1.3;
    letter-spacing: .01em;
    margin-top: .4rem
}

.bookmark__notification-paragraph {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .bookmark__notification-paragraph {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .bookmark__notification-paragraph {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .bookmark__notification-paragraph {
    color: #737278
}

@media(min-width:834px) {
    .bookmark__notification-paragraph {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.bookmark__notification-link {
    text-decoration: underline
}

html:not(.app) .bookmark__notification-link:active,
html:not(.app) .bookmark__notification-link:hover {
    text-decoration: none
}

.bookmark__notification--picto .bookmark__notification-title {
    display: flex;
    align-items: center
}

.bookmark__notification--picto .bookmark__notification-title::before {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    margin-right: 2.4rem;
    width: 2.4rem;
    height: 2.4rem
}

.bookmark__notification--picto .bookmark__notification-title[data-action=add]::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%2316141E' stroke='%2316141E' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16783_24142)'%3E%3Cg clip-path='url(%23clip1_16783_24142)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

[data-color-mode=dark] .bookmark__notification--picto .bookmark__notification-title[data-action=add]::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%23E8E8E9' stroke='%23E8E8E9' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16783_24147)'%3E%3Cg clip-path='url(%23clip1_16783_24147)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%231C1A26' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16783_24147'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16783_24147'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

[data-color-mode=light] .bookmark__notification--picto .bookmark__notification-title[data-action=add]::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%2316141E' stroke='%2316141E' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16783_24142)'%3E%3Cg clip-path='url(%23clip1_16783_24142)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.bookmark__notification--picto .bookmark__notification-title[data-action=remove]::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%2316141E' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16783_24140)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16783_24140'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

[data-color-mode=dark] .bookmark__notification--picto .bookmark__notification-title[data-action=remove]::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%23E8E8E9' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16783_24145)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16783_24145'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

[data-color-mode=light] .bookmark__notification--picto .bookmark__notification-title[data-action=remove]::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%2316141E' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16783_24140)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16783_24140'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

/*# sourceMappingURL=favorite_web.css.map*/