/* Module/Common/CSS/Root.css *************************************************************/
:root{
    --color-gold:#DFA831;
    --color-silver:#94A9AF;
    --color-bronze:#B8885B;

    --color-man:#3792cd;
    --color-woman:#ec83a9;

    --color-white:#FFF;
    --color-black:#000;

    --color-01:#000e3d;
    --color-02:#042fc8;

    --color-light:#ffffff;
    --color-dark:#000000;

    --color-grey-01:#eef0f8;
    --color-grey-02:#dcdee8;
    --color-grey-03:#b9b9b9;
    --color-grey-04:#414141;
    --color-grey-05:#323232;
    --color-over-01:#ccff66;

    --color-upcoming:#ffcc00;
    --color-inprogress:#4db103;
    --color-live:#4db103;
    --color-ended:#c34046;
    --color-stopped:#ff6600;

    --color-up:#22b14c;
    --color-equal:#7f7f7f;
    --color-down:#ed1c24;

    --font-01:BrownRegular,sans-serif;
    --font-02:BrownBold,sans-serif;
    --font-size:16px
}
.idalgo{
    position:relative;
    color:var(--color-grey-05);
    font-family:var(--font-01);
    font-size:var(--font-size)
}
.idalgo button{
    font-family:var(--font-01)
}
.idalgo a{
    color:var(--color-grey-05)
}
.idalgo a[href]{
    color:unset
}
.idalgo *{
    box-sizing:border-box;
    text-decoration:unset
}
.idalgo img{
    border:0
}
.idalgo ul{
    list-style:none outside none;
    padding:0;
    margin:0
}
.idalgo li{
    list-style:none
}
.idalgo a[href]:hover{
    text-decoration:none
}
amp-script{
    opacity:1
}
/* Legacy */
div.div_idalgo_container table tbody tr:hover{
    background-color:transparent
}
.idalgo .sr-only{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden
}

/* || Widgets */
.idalgo.widget{
    border:1px solid var(--color-grey-02);
    border-radius:12px
}
.idalgo.widget > .widget.foot{
    margin:0 10px 10px 10px
}

/* || ContentFull */
.idalgo.full{
    display:grid;
    grid-template-columns:1fr minmax(0, 300px);
    gap:2em;
    align-items:start
}
.idalgo.full > .top{
    grid-row:1;
    grid-column:1/3
}
.idalgo.full > .main{
    grid-row:2/5;
    grid-column:1
}
.idalgo.full > .aside{
    display:flex;
    flex-direction:column;
    grid-row:2;
    grid-column:2;
    gap:32px
}
.idalgo.full > .aside.middle{
    grid-row:3
}
.idalgo.full > .aside.bottom{
    grid-row:4
}

/* Module/Common/CSS/Title.css ************************************************************/
/* || Title Widget */
.idalgo h2.title.widget{
    position:relative;
    margin:0;
    padding:10px;
    display:grid;
    grid-template-columns:1fr 40px;
    grid-template-rows:minmax(18px, auto) minmax(15px, auto);
    width:100%;
    box-sizing:border-box
}
.idalgo h2.title.widget > time,
.idalgo h2.title.widget > span{
    grid-column:1;
    grid-row:1;
    font-size:.625em;
    font-weight:bold;
    font-family:var(--font-02);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.idalgo h2.title.widget > span + time,
.idalgo h2.title.widget > time + time,
.idalgo h2.title.widget > span + span{
    grid-column:1;
    grid-row:2;
    font-size:.5em;
    color:var(--color-grey-04)
}

/* || SVG Widget */
.idalgo h2.title.widget > img,
.idalgo h2.title.widget > svg{
    grid-column:2;
    grid-row:1 / 3;
    justify-self:end;
    align-self:center;
    right:10px;
    bottom:10px;
    max-height:30px;
    max-width:40px
}
.idalgo h2.title.widget > svg{
    fill:var(--color-01)
}
.idalgo h2.title.widget > svg .c1{
    fill:var(--color-01)
}
.idalgo h2.title.widget > svg .c2{
    fill:var(--color-02)
}
.idalgo h2.title.widget > svg .g1{
    fill:var(--color-grey-01)
}
.idalgo h2.title.widget > svg .bg{
    fill:none
}

/* || Title Module */
.idalgo h2.title.module{
    position:relative;
    display:flex;
    margin:0 0 20px 0;
    padding:0;
    height:50px;
    width:100%;
    justify-content:start;
    align-items:center;
    box-sizing:border-box
}
.idalgo h2.title.module > span{
    text-transform:uppercase;
    font-size:1em;
    font-weight:bold;
    font-family:var(--font-02)
}

/* || SVG Modul (Hide/Show) */
.idalgo h2.title.module > button{
    position:relative;
    display:flex;
    border:1px solid var(--color-grey-01);
    background-color:transparent;
    border-radius:2px;
    justify-content:center;
    align-items:center;
    width:50px;
    height:30px;
    margin:0 5px;
    padding:0;
    cursor:pointer;
    transition:all .5s ease-in-out
}
.idalgo h2.title.module > button > svg{
    height:16px;
    stroke:var(--color-01);
    transition:all .5s ease-in-out
}
.idalgo h2.title.module > button:hover{
    background-color:var(--color-01)
}
.idalgo h2.title.module > button:hover > svg{
    stroke:var(--color-white)
}
.idalgo h2.title.module[data-hide="1"] > button > svg{
    transform:rotate(0.5turn)
}
.idalgo h2.title.module ~ *[data-hide="1"]{
    display:none
}

/* Module/Sport/CSS/OlympicsNavigationDate.css ********************************************/
.idalgo .sport_olympics_navigation_date{
    display:flex;
    flex-direction:column;
    margin-bottom:20px
}
.idalgo .sport_olympics_navigation_date > a,
.idalgo .sport_olympics_navigation_date > button,
.idalgo .sport_olympics_navigation_date > h2{
    display:none
}
.idalgo .sport_olympics_navigation_date > ul{
    display:flex;
    background-color:var(--color-grey-01);
    border-radius:8px;
    min-height:48px;
    overflow:hidden
}
.idalgo .sport_olympics_navigation_date > ul > li{
    display:flex;
    white-space:pre-line;
    text-transform:uppercase;
    text-align:center;
    flex:1;
    min-height:48px;
    align-items:center;
    justify-content:center;
    transition:background-color 0.1s ease;
    cursor:pointer
}
.idalgo .sport_olympics_navigation_date[data-hidden-empty="1"] > ul > li.empty{
    display:none
}
.idalgo .sport_olympics_navigation_date > ul > li.empty{
    display:none
}
.idalgo .sport_olympics_navigation_date > ul > li > a,
.idalgo .sport_olympics_navigation_date > ul > li > button{
    display:flex;
    flex:1;
    height:100%;
    align-items:center;
    justify-content:center;
    border:none;
    padding:0;
    background-color:transparent;
    font-size:1em
}
.idalgo .sport_olympics_navigation_date > ul > li > a:hover,
.idalgo .sport_olympics_navigation_date > ul > li > button:hover{
    background-color:var(--color-grey-01)
}
.idalgo .sport_olympics_navigation_date > ul > li > a[data-selected-filter="1"],
.idalgo .sport_olympics_navigation_date > ul > li > button[data-selected-filter="1"]{
    cursor:initial;
    background-color:var(--color-01)
}
.idalgo .sport_olympics_navigation_date > ul > li > a:focus-visible,
.idalgo .sport_olympics_navigation_date > ul > li > button:focus-visible{
    outline-offset:-1px
}
.idalgo .sport_olympics_navigation_date > ul > li > a > span,
.idalgo .sport_olympics_navigation_date > ul > li > button > span{
    display:flex;
    flex:1;
    height:100%;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    cursor:pointer;
    font-weight:500
}
.idalgo .sport_olympics_navigation_date > ul > li > a > span > span,
.idalgo .sport_olympics_navigation_date > ul > li > button > span > span{
    color:var(--color-grey-05)
}
.idalgo .sport_olympics_navigation_date > ul > li > a > span > span.name,
.idalgo .sport_olympics_navigation_date > ul > li > button > span > span.name{
    font-size:.75em;
    text-transform:lowercase
}
.idalgo .sport_olympics_navigation_date > ul > li > a[aria-expanded="true"] > span,
.idalgo .sport_olympics_navigation_date > ul > li > button[aria-expanded="true"] > span {
    background-color:var(--color-02)
}
.idalgo .sport_olympics_navigation_date > ul > li > a[aria-expanded="true"] > span > span,
.idalgo .sport_olympics_navigation_date > ul > li > button[aria-expanded="true"] > span > span,
.idalgo .sport_olympics_navigation_date > ul > li > a[data-selected-filter="1"] > span > span,
.idalgo .sport_olympics_navigation_date > ul > li > button[data-selected-filter="1"] > span > span{
    color:var(--color-light)
}
/* || legend */
.idalgo .sport_olympics_navigation_date > .legend{
    display:flex;
    min-height:25px;
    font-size:0.75em;
    align-items:center;
    justify-content:start
}
.idalgo .sport_olympics_navigation_date > .legend > span{
    margin:4px 0;
    margin-left:10px
}
.idalgo .sport_olympics_navigation_date > .legend > span::before{
    content:'';
    display:inline-block;
    margin-right:4px;
    height:8px;
    width:8px;
    border-radius:50%
}
.idalgo .sport_olympics_navigation_date > .legend > span:last-child::before{
    background-color:var(--color-01)
}
.idalgo .sport_olympics_navigation_date > .legend > span:first-child::before{
    background-color:var(--color-02)
}

/* Module/Common/CSS/Scroll.css ***********************************************************/
.idalgo.scroll{
    display:flex;
    flex-direction:row;
    align-items:center;
    padding:0 8px
}
.idalgo.scroll[data-scroll-status="0"]{
    display:none
}
/* || line */
.idalgo.scroll > .line{
    position:relative;
    order:2;
    flex:1;
    width:100%;
    height:8px;
    border-style:none;
    border-radius:4px;
    overflow:hidden;
    background-color:var(--color-grey-02)
}
.idalgo.scroll > .line > hr{
    height:100%;
    border-style:none;
    margin:0
}
.idalgo.scroll[data-scroll-status="2"] > .line > hr{
    background-color:var(--color-02);
    animation-duration:5s;
    animation-name:slidein;
    animation-iteration-count:infinite
}
@keyframes slidein{
    from{width:0}
    to{width:100%}
}

/* || nav */
.idalgo.scroll > .nav{
    flex:1;
    order:1;
    display:flex;
    align-items:center;
    justify-content:space-evenly
}
.idalgo.scroll > .nav > span{
    color:var(--color-grey-04);
    line-height:20px;
    transition:all .5s ease-in-out
}
.idalgo.scroll > .nav > span > span:nth-child(2){
    margin:0 5px
}
.idalgo.scroll > .nav > button{
    background-color:transparent;
    border:none;
    height:24px;
    padding:0;
    cursor:pointer
}

 /* nav - svg */
.idalgo.scroll > .nav > button > svg{
    height:100%;
    stroke:var(--color-grey-05)
}
.idalgo.scroll > .nav > button > svg > circle{
    fill:transparent;
}
.idalgo.scroll > .nav > button > svg > polygon{
    fill:var(--color-grey-05)
}
.idalgo.scroll > .nav > button > svg > line{
    display:none
}

 /* nav - svg - hover */
.idalgo.scroll > .nav > button > svg:hover{
    stroke:var(--color-01)
}
.idalgo.scroll > .nav > button > svg:hover > polygon{
    fill:var(--color-01)
}

/* nav - svg - playing */
.idalgo.scroll[data-scroll-status="2"] > .nav > button[data-scroll-play] > svg > line{
    display:unset
}
.idalgo.scroll[data-scroll-status="2"] > .nav > button[data-scroll-play] > svg > polygon{
    display:none
}

/* nav - svg - landscape */
.idalgo.scroll[data-scroll-orientation="landscape"] > .nav > button.previous > svg{
    transform:rotate(0.5turn);
}
html[dir="rtl"] .idalgo.scroll[data-scroll-orientation="landscape"] > .nav > button > svg{
    transform:rotate(0.5turn);
}
html[dir="rtl"] .idalgo.scroll[data-scroll-orientation="landscape"] > .nav > button.previous > svg{
    transform:none;
}

/* nav - svg - portrait */
.idalgo.scroll[data-scroll-orientation="portrait"] > .nav > button.next > svg{
    transform:rotate(0.25turn);
}
.idalgo.scroll[data-scroll-orientation="portrait"] > .nav > button.previous > svg{
    transform:rotate(0.75turn);
}

/* Module/Common/CSS/Button.css ***********************************************************/
.idalgo .button{
    display:flex;
    justify-content:center;
    align-items:center;
    line-height:16px;
    min-height:40px;
    width:fit-content;
    padding:0 20px;
    align-self:center;
    color:var(--color-01);
    font-size:.875em;
    border:1px solid var(--color-grey-02);
    border-radius:4px;
    background-color:transparent;
    cursor:pointer;
    transition:all .4s ease-in-out;
    text-align:center
}
.idalgo .button.selected,
.idalgo .button:hover,
.idalgo .button:active,
.idalgo .button:focus{
    background-color:var(--color-01);
    color:var(--color-light)
}

/* Module/Common/CSS/Listbox.css **********************************************************/
.idalgo .listbox{
    position:relative
}

.idalgo .listbox > fieldset{
    position:relative;
    height:40px;
    border:1px solid var(--color-grey-02);
    border-radius:20px;
    padding:0 16px;
    box-sizing:border-box;
    width:fit-content
}

/* label */
.idalgo .listbox > fieldset > label{
    position:absolute;
    top:-10px;
    left:12px;
    font-size:.75em;
    color:var(--var-color-grey-05);
    padding:0 5px;
    background-color:var(--color-light);
    transition:all .2s ease-in-out;
    white-space:nowrap
}
.idalgo .listbox > fieldset > select:placeholder-shown ~ label{
    opacity:0
}

/* select */
.idalgo .listbox > fieldset > select{
    border:none;
    background-color:transparent;
    height:100%;
    color:var(--color-grey-05);
    font-weight:700;
    font-size:.875em;
    font-family:var(--font-01)
}
.idalgo .listbox > fieldset > select:focus{
    outline:none
}
.idalgo .listbox > fieldset > select option{
    background-color:var(--color-light)
}
.idalgo .listbox > fieldset > select:has(>option[data-placeholder]:checked) + label{
    display:none
}

/* Module/Sport/CSS/DomGame.css ***********************************************************/
.idalgo .game.period{
    display:grid;
    grid-template-columns:1fr max-content;
    grid-template-rows:max-content max-content 16px;
    gap:0 10px;
    align-items:center;
    margin:0
}
.idalgo .game.period[data-state="upcoming"]{
    grid-template-columns:1fr 110px 1fr;
    grid-template-rows:max-content 16px;
    gap:0 10px;
    align-items:center
}
.idalgo .game.period[data-state="ended"]{
    grid-template-rows:max-content max-content
}
/* || name */
.idalgo .game.period > .name{
    display:flex;
    grid-column:1/2;
    justify-self:flex-start;
    align-items:center;
    width:100%
}
.idalgo .game.period > .name > a,
.idalgo .game.period > .name > span{
    height:38px;
    justify-content:center;
    align-items:center
}
.idalgo .game.period > .name a,
.idalgo .game.period > .name span{
    display:flex;
    order:2
}
.idalgo .game.period > .name > ul{
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    margin:5px 0
}
.idalgo .game.period > .name > ul > li{
    display:flex;
    align-items:center;
    height:20px
}
.idalgo .game.period > .name a > small,
.idalgo .game.period > .name span > small{
    font-size:.875em;
    margin-right:5px
}
.idalgo .game.period > .name.home{
    grid-row:1/2;
    order:2
}
.idalgo .game.period > .name.away{
    grid-row:2/3;
    order:5;
}
.idalgo .game.period > .name .logo{
    order:1;
    border:1px var(--color-grey-01) solid;
    border-radius:2px;
    margin-right:10px;
    width: 18px;
    height:12px
}
.idalgo .game.period[data-state="upcoming"] > .name{
    grid-row:1/3;
    justify-content:space-between;
    min-height:56px
}
.idalgo .game.period[data-state="upcoming"] > .name.home{
    grid-column:1/2;
    order:1
}
.idalgo .game.period[data-state="upcoming"] > .name.away{
    grid-column:3/4;
    order:3
}
.idalgo .game.period[data-state="upcoming"] > .name a,
.idalgo .game.period[data-state="upcoming"] > .name span{
    font-size:1em
}
.idalgo .game.period[data-state="upcoming"] > .name > a,
.idalgo .game.period[data-state="upcoming"] > .name > span{
    height:20px
}
.idalgo .game.period[data-state="upcoming"] > .name.home > a,
.idalgo .game.period[data-state="upcoming"] > .name.home > span{
    text-align:right
}
.idalgo .game.period[data-state="upcoming"] > .name.away > a,
.idalgo .game.period[data-state="upcoming"] > .name.away > span{
    text-align:left
}
.idalgo .game.period[data-state="upcoming"] > .name > ul > li{
    justify-content:space-between
}
.idalgo .game.period[data-state="upcoming"] > .name.away a,
.idalgo .game.period[data-state="upcoming"] > .name.away span{
    order:1
}
.idalgo .game.period[data-state="upcoming"] > .name .logo{
    border-radius:4px;
    width:27px;
    height:18px;
    margin-right:0
}
/* || time */
.idalgo .game.period > time{
    display:none
}
.idalgo .game.period[data-state="upcoming"] > time{
    display:initial;
    grid-column:2/3;
    grid-row:1/3;
    order:2;
    font-size:1.375em;
    font-weight:bold;
    justify-self:center
}
/* || score */
.idalgo .game.period > .scores{
    grid-row:1/3;
    grid-column:2/3;
    order:3;
    display:flex;
    height:100%
}
.idalgo .game.period > .scores > .period{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:space-around
}
.idalgo .game.period > .scores > .period > .score{
    display:flex;
    position:relative;
    flex: 1 1 50%;
    width:28px;
    margin:1px 0;
    justify-content:center;
    align-items:center
}
.idalgo .game.period > .scores > .period:not(.ended):nth-child(even) > .score{
    background-color:var(--color-grey-01)
}
.idalgo .game.period > .scores > .period > .score[data-win="1"]{
    font-weight:bold
}
.idalgo .game.period > .scores > .period.ended > .score{
    color:var(--color-01);
    border-color:transparent;
    background-color:transparent
}
.idalgo .game.period > .scores > .period > .extra{
    position:absolute;
    right:0;
    display:inline-block;
    font-size:0.6875em;
    width:auto;
    height:10px;
    line-height:10px;
    text-align:center;
    margin-right:1px;
    margin-top:1px
}
.idalgo .game.period > .scores > .period > .home{
    top:0
}
.idalgo .game.period > .scores > .period > .away{
    top:50%
}
.idalgo .game.period[data-state="inprogress"] > .scores{
    color:var(--color-inprogress)
}
.idalgo .game.period[data-state="upcoming"] > .scores{
    display:none
}
/* || status */
.idalgo .game.period > .status{
    grid-column:2/3;
    order:10;
    width:100%;
    grid-row:3/4;
    font-size:0.6875em;
    line-height:16px;
    text-transform:uppercase;
    background-color:var(--color-dark);
    color:var(--color-white);
    padding:0 10px;
    text-align:center
}
.idalgo .game.period[data-state="inprogress"] > .status{
    background-color:var(--color-inprogress);
}
.idalgo .game.period[data-state="ended"] > .status,
.idalgo .game.period[data-status="0"] > .status{
    display:none
}

/* Module/Sport/CSS/DomGamePeriod.css *****************************************************/
.idalgo .game.period{
    display:grid;
    grid-template-columns:1fr max-content;
    grid-template-rows:max-content max-content 16px;
    gap:0 10px;
    align-items:center;
    margin:0
}
.idalgo .game.period[data-state="upcoming"]{
    grid-template-columns:1fr 110px 1fr;
    grid-template-rows:max-content 16px;
    gap:0 10px;
    align-items:center
}
.idalgo .game.period[data-state="ended"]{
    grid-template-rows:max-content max-content
}
/* || name */
.idalgo .game.period > .name{
    display:flex;
    grid-column:1/2;
    justify-self:flex-start;
    align-items:center;
    width:100%
}
.idalgo .game.period > .name > a,
.idalgo .game.period > .name > span{
    height:38px;
    justify-content:center;
    align-items:center
}
.idalgo .game.period > .name a,
.idalgo .game.period > .name span{
    display:flex;
    order:2
}
.idalgo .game.period > .name > ul{
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    margin:5px 0
}
.idalgo .game.period > .name > ul > li{
    display:flex;
    align-items:center;
    height:20px
}
.idalgo .game.period > .name a > small,
.idalgo .game.period > .name span > small{
    font-size:.875em;
    margin-right:5px
}
.idalgo .game.period > .name.home{
    grid-row:1/2;
    order:2
}
.idalgo .game.period > .name.away{
    grid-row:2/3;
    order:5;
}
.idalgo .game.period > .name .logo{
    order:1;
    border:1px var(--color-grey-01) solid;
    border-radius:2px;
    margin-right:10px;
    width: 18px;
    height:12px
}
.idalgo .game.period[data-state="upcoming"] > .name{
    grid-row:1/3;
    justify-content:space-between;
    min-height:56px
}
.idalgo .game.period[data-state="upcoming"] > .name.home{
    grid-column:1/2;
    order:1
}
.idalgo .game.period[data-state="upcoming"] > .name.away{
    grid-column:3/4;
    order:3
}
.idalgo .game.period[data-state="upcoming"] > .name a,
.idalgo .game.period[data-state="upcoming"] > .name span{
    font-size:1em
}
.idalgo .game.period[data-state="upcoming"] > .name > a,
.idalgo .game.period[data-state="upcoming"] > .name > span{
    height:20px
}
.idalgo .game.period[data-state="upcoming"] > .name.home > a,
.idalgo .game.period[data-state="upcoming"] > .name.home > span{
    text-align:right
}
.idalgo .game.period[data-state="upcoming"] > .name.away > a,
.idalgo .game.period[data-state="upcoming"] > .name.away > span{
    text-align:left
}
.idalgo .game.period[data-state="upcoming"] > .name > ul > li{
    justify-content:space-between
}
.idalgo .game.period[data-state="upcoming"] > .name.away a,
.idalgo .game.period[data-state="upcoming"] > .name.away span{
    order:1
}
.idalgo .game.period[data-state="upcoming"] > .name .logo{
    border-radius:4px;
    width:27px;
    height:18px;
    margin-right:0
}
/* || time */
.idalgo .game.period > time{
    display:none
}
.idalgo .game.period[data-state="upcoming"] > time{
    display:initial;
    grid-column:2/3;
    grid-row:1/3;
    order:2;
    font-size:1.375em;
    font-weight:bold;
    justify-self:center
}
/* || score */
.idalgo .game.period > .scores{
    grid-row:1/3;
    grid-column:2/3;
    order:3;
    display:flex;
    height:100%
}
.idalgo .game.period > .scores > .period{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:space-around
}
.idalgo .game.period > .scores > .period > .score{
    display:flex;
    position:relative;
    flex: 1 1 50%;
    width:28px;
    margin:1px 0;
    justify-content:center;
    align-items:center
}
.idalgo .game.period > .scores > .period:not(.ended):nth-child(even) > .score{
    background-color:var(--color-grey-01)
}
.idalgo .game.period > .scores > .period > .score[data-win="1"]{
    font-weight:bold
}
.idalgo .game.period > .scores > .period.ended > .score{
    color:var(--color-01);
    border-color:transparent;
    background-color:transparent
}
.idalgo .game.period > .scores > .period > .extra{
    position:absolute;
    right:0;
    display:inline-block;
    font-size:0.6875em;
    width:auto;
    height:10px;
    line-height:10px;
    text-align:center;
    margin-right:1px;
    margin-top:1px
}
.idalgo .game.period > .scores > .period > .home{
    top:0
}
.idalgo .game.period > .scores > .period > .away{
    top:50%
}
.idalgo .game.period[data-state="inprogress"] > .scores{
    color:var(--color-inprogress)
}
.idalgo .game.period[data-state="upcoming"] > .scores{
    display:none
}
/* || status */
.idalgo .game.period > .status{
    grid-column:2/3;
    order:10;
    width:100%;
    grid-row:3/4;
    font-size:0.6875em;
    line-height:16px;
    text-transform:uppercase;
    background-color:var(--color-dark);
    color:var(--color-white);
    padding:0 10px;
    text-align:center
}
.idalgo .game.period[data-state="inprogress"] > .status{
    background-color:var(--color-inprogress);
}
.idalgo .game.period[data-state="ended"] > .status,
.idalgo .game.period[data-status="0"] > .status{
    display:none
}

/* Module/Sport/CSS/DomGameTable.css ******************************************************/
.idalgo .game.table{
    position:relative;
    text-align:center;
    margin:0 0 10px 0;
    min-height:20px
}
/* || time */
.idalgo .game.table > time{
    visibility:hidden;
    font-size:1.375em;
    font-weight:bold;
    line-height:20px
}
.idalgo .game.table[data-state="upcoming"] > time{
    visibility:visible
}
/* || status */
.idalgo .game.table > .status{
    position:absolute;
    right:0;
    top:4px;
    height:16px;
    line-height:16px;
    padding:0 40px;
    font-size:0.75em;
    text-transform:uppercase;
    background-color:var(--color-dark);
    color:var(--color-white);
    vertical-align:bottom
}
.idalgo .game.table[data-persons="1"] > .status{
    margin-right:60px
}
.idalgo .game.table[data-state="inprogress"] > .status{
    background-color:var(--color-inprogress);
}
.idalgo .game.table[data-state="ended"] > .status,
.idalgo .game.table[data-status="0"] > .status{
    display:none
}
/* || line */
.idalgo .game.table div.body div.row{
    display:grid;
    grid-template-columns:60px 40px 1fr 100px;
    border-width:1px 0 0 0;
    border-style:solid;
    border-color:var(--color-grey-02)
}
.idalgo .game.table[data-persons="1"] div.body div.row{
    grid-template-columns:60px 40px 1fr 100px 60px
}
.idalgo .game.table[data-qualified="1"] div.body div.row{
    grid-template-columns:60px 40px 1fr 100px 40px
}
.idalgo .game.table[data-persons="1"][data-qualified="1"] div.body div.row{
    grid-template-columns:60px 40px 1fr 100px 40px 60px
}
.idalgo .game.table input{
    display:none
}
.idalgo .game.table div.body > div.row:nth-child(even){
    background-color:var(--color-grey-01)
}
/* || ranking */
.idalgo .game.table div.row > span.rank{
    grid-column:1/2;
    order:1;
    text-align:center
}
.idalgo .game.table div.row > span.rank > abbr{
    display:inline-block;
    margin:5px 0;
    height:30px;
    width:30px;
    line-height:30px;
    border-radius:50%;
    font-size:1.125em;
    font-weight:700
}
.idalgo .game.table div.row.gold > span.rank > abbr{
    background-color:var(--color-gold);
    color:var(--color-black)
}
.idalgo .game.table div.row.silver > span.rank > abbr{
    background-color:var(--color-silver);
    color:var(--color-black)
}
.idalgo .game.table div.row.bronze > span.rank > abbr{
    background-color:var(--color-bronze);
    color:var(--color-white)
}
/* || country */
.idalgo .game.table div.row > span.logo{
    grid-column:2/3;
    order:2;
    text-align:center;
    width:23px
}
.idalgo .game.table div.row > span.logo > *{
    margin-top:12px;
    border:1px var(--color-grey-01) solid;
    border-radius:4px
}
/* || name */
.idalgo .game.table div.row > span.name{
    grid-column:3/4;
    order:3;
    text-align:left
}
.idalgo .game.table div.row > span.name > a,
.idalgo .game.table div.row > span.name > span{
    display:inline-block;
    margin:10px 0;
    line-height:20px;
    height:20px
}
.idalgo .game.table div.row > span.name strong{
    text-transform:uppercase;
    padding-right:10px
}
.idalgo .game.table div.row > span.name small{
    margin-right:5px
}
/* || record */
.idalgo .game.table div.row > span.name > .record{
    color:var(--color-01);
    font-weight:500
}
/* || names */
.idalgo .game.table div.row > span.name > ul{
    display:none;
    margin-bottom:10px;
    flex-wrap:wrap
}
.idalgo .game.table div.row > span.name > ul > li > a > small,
.idalgo .game.table div.row > span.name > ul > li > span > small{
    font-size:0.9375em
}
.idalgo .game.table div.row > span.name > ul > li > a > strong,
.idalgo .game.table div.row > span.name > ul > li > span > strong{
    font-size:0.875em
}
.idalgo .game.table div.row > span.name > ul > li > a > strong::after,
.idalgo .game.table div.row > span.name > ul > li > span > strong::after{
    content:',';
    margin-right:5px
}
.idalgo .game.table div.row > span.name > ul > li:last-child > a > strong::after,
.idalgo .game.table div.row > span.name > ul > li:last-child > span > strong::after{
    content:none;
    margin-right:0
}
.idalgo .game.table div.row > input:checked ~ span.name > ul{
    display:flex
}
/* || score */
.idalgo .game.table div.row > span.score{
    grid-column:4/5;
    order:4;
    margin:5px 0;
    text-align:center;
    line-height:30px;
    font-weight:500
}
.idalgo .game.table[data-state="inprogress"] div.row > span.score{
    color:var(--color-inprogress)
}
/* || qualified */
.idalgo .game.table div.row > abbr.qualified{
    grid-column:5/6;
    order:5;
    margin:5px 0;
    text-align:center;
    line-height:30px;
    font-size:.75em
}
/* || open */
.idalgo .game.table div.row > span.open{
    grid-column:5/6;
    order:6
}
.idalgo .game.table[data-qualified="1"] div.row > span.open{
    grid-column:6/7
}
.idalgo .game.table div.row > span.open > label{
    display:block;
    width:100%;
    height:100%;
    text-align:center
}
.idalgo .game.table div.row > span.open > label > svg{
    margin-top:15px;
    width:20px;
    stroke:var(--color-grey-05);
    transition:all 0.5s ease;
    cursor:pointer
}
.idalgo .game.table div.row > span.open > label:focus > svg,
.idalgo .game.table div.row > span.open > label:hover > svg{
    stroke:var(--color-01)
}
.idalgo .game.table div.row > input:checked ~ span.open > label > svg{
    transform:rotate(0.5turn)
}
/* || legend */
.idalgo .game.label{
    text-align:left
}
.idalgo .game.label > dt{
    display:inline;
    font-size:0.6875em;
    font-weight:bold;
}
.idalgo .game.label > dt:after{
    content:':'
}
.idalgo .game.label > dd{
    display:inline;
    font-size:0.6875em;
    margin-left:0;
    margin-right:10px;
    font-style:italic
}

/* Module/Sport/CSS/DomGameVersus.css *****************************************************/
.idalgo .game.versus{
    display:grid;
    grid-template-columns:27px 1fr 50px 1px 50px 1fr 27px;
    grid-template-rows:16px max-content 16px;
    align-items:center;
    justify-items:center;
    margin:0
}
.idalgo .game.versus[data-state="upcoming"]{
    grid-template-rows:0 max-content 16px
}
/* || logo */
.idalgo .game.versus > .logo{
    border:1px var(--color-grey-01) solid;
    border-radius:4px;
    grid-row:2/3
}
.idalgo .game.versus[data-state="upcoming"] > .logo{
    grid-row:2/4
}
.idalgo .game.versus > .logo.home{
    grid-column:1/2;
    order:1
}
.idalgo .game.versus > .logo.away{
    grid-column:7/8;
    order:6
}
/* || name */
.idalgo .game.versus > .name{
    grid-row:1/4;
    display:flex;
    flex-direction:column;
    font-size:1.125em;
    padding:10px 0;
    min-height:76px;
    justify-content:center
}
.idalgo .game.versus[data-status="0"] > .name,
.idalgo .game.versus[data-state="ended"] > .name{
    min-height:56px
}
.idalgo .game.versus > .name.home{
    grid-column:2/3;
    order:2;
    justify-self:flex-end;
    padding-right:10px
}
.idalgo .game.versus > .name.away{
    grid-column:6/7;
    order:5;
    justify-self:flex-start;
    padding-left:10px
}
.idalgo .game.versus > .name > a,
.idalgo .game.versus > .name > span{
    line-height:19px
}
.idalgo .game.versus > .name.home > a,
.idalgo .game.versus > .name.home > span{
    text-align:right
}
.idalgo .game.versus > .name.away > a,
.idalgo .game.versus > .name.away > span{
    text-align:left
}
.idalgo .game.versus > .name > a > small,
.idalgo .game.versus > .name > span > small{
    margin-right:5px
}
/* || time*/
.idalgo .game.versus > time{
    display:none;
    grid-column:3/6;
    grid-row:1/4;
    order:3;
    font-size:1.375em;
    font-weight:bold
}
.idalgo .game.versus[data-state="upcoming"] > time{
    display:initial
}
/* || score */
.idalgo .game.versus > .score.home{
    grid-column:3/4;
    order:3
}
.idalgo .game.versus > .score.away{
    grid-column:5/6;
    order:4
}
.idalgo .game.versus > .score{
    display:flex;
    width:100%;
    height:100%;
    min-height:44px;
    justify-content:center;
    align-items:center;
    grid-row:1/4;
    background-color:var(--color-grey-01);
    font-size:1.5em
}
.idalgo .game.versus[data-state="inprogress"] > .score{
    color:var(--color-inprogress)
}
.idalgo .game.versus[data-win="home"] > .score.home,
.idalgo .game.versus[data-win="away"] > .score.away{
    font-weight:bold
}
.idalgo .game.versus > .score.penalty{
    grid-row:1/2;
    font-size:0.6875em;
    background-color:var(--color-grey-01);
    padding:0 5px;
    min-height:inherit;
    box-sizing:border-box
}
.idalgo .game.versus > .score.penalty.home{
    justify-content:flex-end
}
.idalgo .game.versus > .score.penalty.away{
    justify-content:flex-start
}
.idalgo .game.versus[data-state="upcoming"] > .score{
    display:none
}
.idalgo .game.versus > label.penalty{
    display:none
}
/* || status */
.idalgo .game.versus > .status{
    position:relative;
    grid-column:2/7;
    order:10;
    grid-row:3/4;
    display:flex;
    justify-content:center;
    align-items:center
}
.idalgo .game.versus > .status > span{
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:0.6875em;
    text-transform:uppercase;
    background-color:var(--color-dark);
    color:var(--color-white);
    padding:0 10px;
    min-width:101px
}
.idalgo .game.versus[data-state="inprogress"] > .status > span{
    background-color:var(--color-inprogress);
}
.idalgo .game.versus[data-state="upcoming"] > .status,
.idalgo .game.versus[data-state="ended"] > .status{
    display:none
}

/* Module/Sport/CSS/Game.css **************************************************************/
.idalgo figure.game{
    display:flex;
    flex-direction:column;
    margin:0;
    align-items:center;
    gap:4px;

    --color-conference-5:FireBrick;
    --color-conference-6:MediumBlue;
    --color-conference-7:OrangeRed;
}

/* || time */
.idalgo figure.game > time{
    order:1;
    font-weight:600;
    border:1px solid var(--color-grey-02);
    padding:4px 16px;
    border-radius:4px;
    display:none
}
.idalgo figure.game[data-state="upcoming"] > time{
    display:flex
}

/* || status */
.idalgo figure.game > .status{
    order:2;
    padding:2px 16px;
    border-radius:4px;
    box-sizing:border-box;
    background-color:var(--color-dark);
    color:var(--color-light)
}
.idalgo figure.game[data-status="0"] > .status,
.idalgo figure.game[data-status="100"] > .status{
    display:none
}
.idalgo figure.game[data-state="live"] > .status{
    background-color:var(--color-live);
    color:var(--color-white)
}
.idalgo figure.game[data-state="stopped"] > .status{
    background-color:var(--color-stopped);
    color:var(--color-white)
}

/* || filters */
.idalgo figure.game > .filter{
    order:3;
    align-self:stretch;
}
.idalgo figure.game > .filter > ul{
    gap:8px;
    display:flex;
    justify-content:start;
    align-items:center;
    flex-wrap:wrap;
    border-radius:4px;
}

/* || filters - conferences */
.idalgo figure.game > .filter .button{
    padding:2px 4px;
    border-radius:4px;
    border:1px solid var(--color-grey-02);
    background-color:var(--color-white);
}
.idalgo figure.game .conference[data-conference-id="5"]{
    background-color:var(--color-conference-5);
    color:var(--color-white);
}
.idalgo figure.game .conference[data-conference-id="6"]{
    background-color:var(--color-conference-6);
    color:var(--color-white);
}
.idalgo figure.game .conference[data-conference-id="7"]{
    background-color:var(--color-conference-7);
    color:var(--color-white);
}

/* competitors - grid */
.idalgo figure.game .grid{
    order:4;
    display:grid;
    grid-template-columns:minmax(0,40px) 1fr repeat(10,minmax(0,auto));
    grid-template-areas:"logo name score-1 score-2 score-3 score-4 score-5 score-6 score-7 score-8 qualify open"
        ". name-open . . . . . . . . . .";
    align-items:center
}
.idalgo figure.game[data-ranking="1"] .grid{
    grid-template-columns:minmax(0,32px) minmax(0,40px) 1fr repeat(10,minmax(0,auto));
    grid-template-areas:"rank logo name score-1 score-2 score-3 score-4 score-5 score-6 score-7 score-8 qualify open"
        ". . name-open . . . . . . . . . .";
}
.idalgo figure.game[data-medals="1"] .grid{
    grid-template-columns:minmax(0,20px) minmax(0,40px) 1fr repeat(10,minmax(0,auto));
    grid-template-areas:"medal logo name score-1 score-2 score-3 score-4 score-5 score-6 score-7 score-8 qualify open"
        ". . name-open . . . . . . . . . .";
}
.idalgo figure.game[data-teamnumber="1"] .grid{
    grid-template-columns:minmax(0,32px) minmax(0,40px) 1fr repeat(10,minmax(0,auto));
    grid-template-areas:"number logo name score-1 score-2 score-3 score-4 score-5 score-6 score-7 score-8 qualify open"
        ". . name-open . . . . . . . . . .";
}
.idalgo figure.game[data-ranking="1"][data-medals="1"] .grid{
    grid-template-columns:minmax(0,32px) minmax(0,20px) minmax(0,40px) 1fr repeat(10,minmax(0,auto));
    grid-template-areas:"rank medal logo name score-1 score-2 score-3 score-4 score-5 score-6 score-7 score-8 qualify open"
        ". . . name-open . . . . . . . . . .";
}
.idalgo figure.game[data-ranking="1"][data-teamnumber="1"] .grid{
    grid-template-columns:minmax(0,32px) minmax(0,32px) minmax(0,40px) 1fr repeat(10,minmax(0,auto));
    grid-template-areas:"rank number logo name score-1 score-2 score-3 score-4 score-5 score-6 score-7 score-8 qualify open"
        ". . . name-open . . . . . . . . . .";
}
.idalgo figure.game[data-medals="1"][data-teamnumber="1"] .grid{
    grid-template-columns:minmax(0,32px) minmax(0,32px) minmax(0,40px) 1fr repeat(10,minmax(0,auto));
    grid-template-areas:"medal number logo name score-1 score-2 score-3 score-4 score-5 score-6 score-7 score-8 qualify open"
        ". . . name-open . . . . . . . . . .";
}
.idalgo figure.game[data-ranking="1"][data-medals="1"][data-teamnumber="1"] .grid{
    grid-template-columns:minmax(0,32px) minmax(0,20px) minmax(0,32px) minmax(0,40px) 1fr repeat(10,minmax(0,auto));
    grid-template-areas:"rank medal number logo name score-1 score-2 score-3 score-4 score-5 score-6 score-7 score-8 qualify open"
        ". . . . name-open . . . . . . . . . .";
}

/* || competitor - subgrid */
.idalgo figure.game .subgrid{
    display:grid;
    grid-template-columns:subgrid;
    grid-column:1/13;
}
.idalgo figure.game[data-ranking="1"] .subgrid,
.idalgo figure.game[data-medals="1"] .subgrid{
    grid-column:1/14;
}
.idalgo figure.game[data-ranking="1"][data-medals="1"] .subgrid{
    display:grid;
    grid-template-columns:subgrid;
    grid-column:1/15;
}

/* || competitors */
.idalgo figure.game >.competitors{
    gap:1px;
    align-self:stretch
}

/* || competitor */
.idalgo figure.game > .competitors > .title,
.idalgo figure.game > .competitors > .competitor{
    position:relative;
    padding:8px 0;
    justify-items:center;
    align-items:center
}
.idalgo figure.game > .competitors > .competitor[aria-expanded="true"]{
    border-width:0 0 1px 0;
    border-color:var(--color-grey-02);
    border-style:solid;
}

/* || competitor - title */
.idalgo figure.game[data-versus="1"] > .competitors > .title,
.idalgo figure.game[data-period="1"] > .competitors > .title{
    display:none
}
.idalgo figure.game > .competitors > .title > .score{
    border:none;
    background-color:var(--color-grey-01);
    padding:4px 0;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* || ranking */
.idalgo figure.game > .competitors > .competitor > .rank{
    font-size:1.125em;
    grid-area:rank;
    font-weight:600;
}

/* || medal */
.idalgo figure.game > .competitors > .competitor > .medal{
    /* grid-row:1; */
    grid-area:medal;
    height:16px
}
.idalgo figure.game > .competitors > .competitor[data-medal="gold"] > .medal{
    fill:var(--color-gold)
}
.idalgo figure.game > .competitors > .competitor[data-medal="silver"] > .medal{
    fill:var(--color-silver)
}
.idalgo figure.game > .competitors > .competitor[data-medal="bronze"] > .medal{
    fill:var(--color-bronze)
}

/* || team number */
.idalgo figure.game > .competitors .number{
    font-size:1.125em;
    grid-area:number;
    width:100%;
    text-align:center;
    border-radius:2px;
    padding:2px 0;
}
.idalgo figure.game > .competitors > .competitor[data-conference-id="5"] > .number{
    background-color:var(--color-conference-5);
    color:var(--color-white);
}
.idalgo figure.game > .competitors > .competitor[data-conference-id="6"] > .number{
    background-color:var(--color-conference-6);
    color:var(--color-white);
}
.idalgo figure.game > .competitors > .competitor[data-conference-id="7"] > .number{
    background-color:var(--color-conference-7);
    color:var(--color-white);
}

/* || logo */
.idalgo figure.game > .competitors > .competitor > .logo{
    /* grid-row:1; */
    outline:1px solid var(--color-grey-01);
    border-radius:2px;
    box-sizing:border-box;
    height:16px;
    grid-area:logo;
    width:auto
}

/* || names */
.idalgo figure.game > .competitors > .competitor > .names{
    /* grid-row:1; */
    justify-self:start;
    display:flex;
    justify-content:flex-start;
    align-items:start;
    flex-wrap:wrap;
    grid-area:name;
    font-size:1.125em
}
.idalgo figure.game > .competitors > .competitor > .names > div{
    display:flex;
    flex-wrap:wrap
}
.idalgo figure.game > .competitors > .competitor > .names.persons{
    flex-direction:column
}
.idalgo figure.game > .competitors > .competitor > .names small{
    margin:0 4px;
    font-size:1em
}
.idalgo figure.game > .competitors > .competitor > .names > .record{
    color:var(--color-02);
    font-size:1em;
    margin-left:4px;
}
.idalgo figure.game > .competitors > .competitor > .names > .competitor-status{
    color:var(--color-01);
    font-size:1em;
    margin-left:4px;
}
.idalgo figure.game > .competitors > .competitor > .names > .record::before,
.idalgo figure.game > .competitors > .competitor > .names > .competitor-status::before{
    content:' - '
}

.idalgo figure.game > .competitors > .competitor > .names > small{
    order:1
}
.idalgo figure.game > .competitors > .competitor > .names > strong{
    order:2
}
.idalgo figure.game > .competitors > .competitor > .names > .record{
    order:3
}
.idalgo figure.game > .competitors > .competitor > .names > .competitor-status{
    order:4
}

/* || qualify */
.idalgo figure.game > .competitors > .competitor > .qualify{
    padding:0 8px;
    color:var(--color-02);
    grid-area:qualify;
    justify-self:center
}
.idalgo figure.game .qualify{
    grid-row:1
}

/* || scores - main */
.idalgo figure.game > .competitors .score{
    font-size:1.125em;
    justify-self:stretch;
    align-items:center;
    text-align:center;
    padding:4px 8px;
    margin:0 1px;
    color:var(--color-grey-04);
    border:1px solid var(--color-grey-02);
    border-radius:3px;
    grid-row:1
}
.idalgo figure.game > .competitors .score[data-order="1"]{
    color:var(--color-grey-05);
    font-weight:bold
}
.idalgo figure.game > .competitors .score.col-1{
    grid-area:score-1;
}
.idalgo figure.game > .competitors .score.col-2{
    grid-area:score-2;
}
.idalgo figure.game > .competitors .score.col-3{
    grid-area:score-3;
}
.idalgo figure.game > .competitors .score.col-4{
    grid-area:score-4;
}
.idalgo figure.game > .competitors .score.col-5{
    grid-area:score-5;
}
.idalgo figure.game > .competitors .score.col-6{
    grid-area:score-6;
}
.idalgo figure.game > .competitors .score.col-7{
    grid-area:score-7;
}
.idalgo figure.game > .competitors .score.col-8{
    grid-area:score-8;
}

/* || scores - info */
.idalgo figure.game > .competitors > .competitor > .scores.main > .info{
    justify-content:center;
    align-items:center;
    width:20px;
    height:20px;
    border:1px solid var(--color-grey-04);
    border-radius:100%;
    background-color:transparent;
    margin:0 8px;
    padding:0;
    box-sizing:border-box;
    cursor:pointer;
    color:var(--color-grey-04);
    font-family:serif
}
.idalgo figure.game > .competitors > .competitor > .scores.main > .info:hover{
    color:var(--color-01);
    border-color:var(--color-01)
}
.idalgo figure.game > .competitors > .competitor > .score[data-so="1"]{
    display:flex;
    flex-direction:row;
    position:absolute;
    border:none;
    font-size:.75em;
    margin:-1px;
    padding:0 2px;
    margin:-2px -10px;
    background-color:var(--color-light);
    z-index:1;
    border-radius:100%;
    align-self:start
}
.idalgo figure.game[data-state="upcoming"] > .competitors .score{
    display:none
}

/* || open */
.idalgo figure.game > .competitors > .competitor > .open{
    grid-area:open;
    display:flex;
    justify-content:center;
    align-items:center;
    width:16px;
    height:16px;
    border:none;
    background-color:transparent;
    padding:0;
    margin:0;
    cursor:pointer;
}
.idalgo figure.game > .competitors > .competitor > .open > svg{
    stroke:var(--color-grey-03);
    transition:all 0.3s ease-in-out;
}
.idalgo figure.game > .competitors > .competitor > .open:hover > svg{
    stroke:var(--color-01)
}
.idalgo figure.game > .competitors > .competitor[aria-expanded="true"] > .open > svg{
    rotate:180deg;
}

/* || open - names */
.idalgo figure.game > .competitors > .competitor > .names-open{
    justify-self:start;
    display:none;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:wrap;
    grid-area:name-open;
    font-size:.875em
}
.idalgo figure.game > .competitors > .competitor[aria-expanded="true"] > .names-open{
    display:flex;
}
.idalgo figure.game > .competitors > .competitor > .names-open > div > small{
    font-size:inherit;
    margin-right:4px
}
.idalgo figure.game > .competitors > .competitor > .names-open > div > strong{
    font-weight:normal;
}
.idalgo figure.game > .competitors > .competitor > .names-open > div:not(:last-child) > strong::after{
    content:','
}
.idalgo figure.game > .competitors > .competitor > .names-open > div{
    margin-left:4px;
}
.idalgo figure.game > .competitors > .competitor > .names-open > div:first-child{
    margin-left:0;
}

/* || scores - optional */
.idalgo figure.game > .competitors > .competitor > .scores.optional{
    justify-self:stretch;
    display:none;
    justify-content:end;
    gap:4px;
    padding:8px;
    border-radius:0 0 8px 8px;
    flex-wrap:wrap
}
.idalgo figure.game > .competitors > .competitor[data-info="1"] > .scores.optional{
    display:flex
}
.idalgo figure.game > .competitors > .competitor > .scores.optional > .score{
    display:flex;
    flex-direction:column;
    align-items:center;
    border-radius:2px;
}
.idalgo figure.game > .competitors > .competitor > .scores.optional > .score > label{
    padding:0 4px;
    background-color:var(--color-grey-01);
    border:1px solid var(--color-grey-02)
}
.idalgo figure.game > .competitors > .competitor > .scores.optional > .score > abbr{
    padding:0 4px
}
.idalgo figure.game[data-state="upcoming"] > .competitors > .scores.optional > .score{
    display:none
}

@media only screen and (min-width:480px){
    /* || competitors - versus */
    .idalgo figure.game[data-versus="1"] > .competitors{
        display:grid;
        grid-template-columns:1fr 1fr
    }
    .idalgo figure.game[data-versus="1"] > .competitors > .competitor:last-child{
        grid-auto-flow:row;
        direction:rtl
    }

    /* || competitor */
    .idalgo figure.game[data-versus="1"] > .competitors > .competitor{
        position:relative;
        grid-template-rows:minmax(40px, auto);
        box-sizing:border-box
    }
    .idalgo figure.game:not([data-versus="1"]) > .competitors > .competitor[data-info="1"]{
        border-radius:4px;
        padding:4px 0 0 0;
        margin:0 0 4px 0
    }

    /* || names - versus */
    .idalgo figure.game[data-versus="1"] > .competitors > .competitor > .names{
        justify-self:end;
        justify-content:end;
        margin:0 16px;
        direction:rtl
    }
    .idalgo figure.game[data-versus="1"] > .competitors > .competitor > .names > div{
        justify-content:end
    }
    .idalgo figure.game[data-versus="1"] > .competitors > .competitor > .names > small,
    .idalgo figure.game[data-versus="1"] > .competitors > .competitor > .names > strong{
        text-align:end
    }
    .idalgo figure.game[data-versus="1"] > .competitors > .competitor:last-child > .names{
        text-align:start;
        direction:ltr
    }
    .idalgo figure.game[data-versus="1"] > .competitors > .competitor:last-child > .names > div{
        justify-content:start
    }
    .idalgo figure.game[data-versus="1"] > .competitors > .competitor:last-child > .names > small,
    .idalgo figure.game[data-versus="1"] > .competitors > .competitor:last-child > .names > strong{
        justify-self:start;
        justify-content:start
    }

    /* || scores - main  - versus */
    .idalgo figure.game[data-versus="1"] > .competitors > .competitor > .score[data-so="1"]{
        margin:0 -36px
    }
}

/* Module/Sport/CSS/OlympicsMedals.css ****************************************************/
.idalgo.sport_olympics_medals{
    position:relative;
    display:flex;
    flex-direction:column
}
.idalgo.sport_olympics_medals *{
    box-sizing:border-box
}
.idalgo.sport_olympics_medals > span.empty{
    align-self:center;
    text-align:center;
    margin:40px 10px;
    color:var(--color-01);
}
.idalgo.sport_olympics_medals > svg.empty{
    align-self:center;
    text-align:center;
    width:140px;
    fill:var(--color-grey-03);
    margin-top:88px
}
/* || table */
.idalgo.sport_olympics_medals > table{
    width:100%;
    margin:0 0 20px 0
}
.idalgo.sport_olympics_medals > table tr{
    display:grid;
    grid-template-columns:1fr 5fr 1fr 1fr 1fr 2fr;
    align-items:center
}
.idalgo.sport_olympics_medals > table.detail tr{
    grid-template-columns:1fr 5fr 1fr 1fr 1fr 2fr 1fr;
}
.idalgo.sport_olympics_medals > table tr > th > *,
.idalgo.sport_olympics_medals > table tr > td > *{
    vertical-align: middle
}

/* || table - head */
.idalgo.sport_olympics_medals > table > thead > tr{
    height:70px
}
.idalgo.sport_olympics_medals > table > thead > tr > th{
    display:flex;
    position:relative;
    font-weight:normal;
    text-align:center;
    vertical-align:middle;
    flex-direction: column;
    gap:8px
}
.idalgo.sport_olympics_medals > table > thead > tr > th.name{
    text-align:left
}
.idalgo.sport_olympics_medals > table > thead > tr > th > svg,
.idalgo.sport_olympics_medals > table > tbody > tr > td > svg{
    height:20px
}
.idalgo.sport_olympics_medals > table > thead > tr > th.gold > svg,
.idalgo.sport_olympics_medals > table > tbody > tr > td.gold > svg,
.idalgo.sport_olympics_medals > table > thead > tr > th.total > svg .gold{
    fill:var(--color-gold)
}
.idalgo.sport_olympics_medals > table > thead > tr > th.silver > svg,
.idalgo.sport_olympics_medals > table > tbody > tr > td.silver > svg,
.idalgo.sport_olympics_medals > table > thead > tr > th.total > svg .silver{
    fill:var(--color-silver)
}
.idalgo.sport_olympics_medals > table > thead > tr > th.bronze > svg,
.idalgo.sport_olympics_medals > table > tbody > tr > td.bronze > svg,
.idalgo.sport_olympics_medals > table > thead > tr > th.total > svg .bronze{
    fill:var(--color-bronze)
}
.idalgo.sport_olympics_medals > table > thead > tr > th > abbr{
    font-size:.875em
}

/* || body */
.idalgo.sport_olympics_medals > table > tbody > tr{
    height:fit-content;
    min-height:40px
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="2"],
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"],
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="4"]{
    display:none
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="2"].visible,
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"].visible,
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="4"].visible{
    display:grid
}
.idalgo.sport_olympics_medals > table > tbody > tr > td,
.idalgo.sport_olympics_medals > table > tbody > tr > th{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center
    /* height:100% */
}
.idalgo.sport_olympics_medals > table.detail.country_list > tbody > tr[aria-level="1"],
.idalgo.sport_olympics_medals > table.detail.country_list > tbody > tr[aria-level="2"],
.idalgo.sport_olympics_medals > table.detail.country_list > tbody > tr[data-cta="1"]{
    cursor:pointer
}

/* || list */
.idalgo.sport_olympics_medals > table > tbody > tr.odd{
    background-color:var(--color-grey-01)
}
.idalgo.sport_olympics_medals > table > tbody > tr > td,
.idalgo.sport_olympics_medals > table > tbody > tr > th{
    position:relative;
    min-height:40px
}
.idalgo.sport_olympics_medals > table > tbody > tr > .ranking{
    grid-column:1
}
.idalgo.sport_olympics_medals > table > tbody > tr > .name{
    grid-column:2
}
.idalgo.sport_olympics_medals > table > tbody > tr > .gold{
    grid-column:3
}
.idalgo.sport_olympics_medals > table > tbody > tr > .silver{
    grid-column:4
}
.idalgo.sport_olympics_medals > table > tbody > tr > .bronze{
    grid-column:5
}
.idalgo.sport_olympics_medals > table > tbody > tr > .total{
    grid-column:6
}
.idalgo.sport_olympics_medals > table > tbody > tr > .competitors{
    grid-column:1/8
}

.idalgo.sport_olympics_medals > table > tbody > tr:first-child td:first-child{
    border-radius:8px 0 0 0
}
.idalgo.sport_olympics_medals > table > tbody > tr:first-child td:last-child{
    border-radius:0 8px 0 0
}
.idalgo.sport_olympics_medals > table > tbody > tr:last-child td:first-child{
    border-radius:0 0 0 8px
}
.idalgo.sport_olympics_medals > table > tbody > tr:last-child td:last-child{
    border-radius:0 0 8px 0
}

.idalgo.sport_olympics_medals > table > tbody > tr > .ranking,
.idalgo.sport_olympics_medals > table > tbody > tr > .gold,
.idalgo.sport_olympics_medals > table > tbody > tr > .silver,
.idalgo.sport_olympics_medals > table > tbody > tr > .bronze,
.idalgo.sport_olympics_medals > table > tbody > tr > .total{
    font-size:1.125em;
    grid-row:1
}
.idalgo.sport_olympics_medals > table > tbody > tr > td.total{
    color:var(--color-02);
    font-weight:700
}
.idalgo.sport_olympics_medals > table > tbody > tr > th.name{
    text-align:left;
    display:grid;
    grid-template-columns:60px 1fr;
    align-items:center;
    justify-content:start;
    min-height:40px;
    font-weight:normal;
    grid-row:1
}
.idalgo.sport_olympics_medals > table > tbody > tr > th.name > strong{
    font-weight:normal;
    justify-self:start
}
.idalgo.sport_olympics_medals > table > tbody > tr.selected > th.name > strong{
    font-weight:bold
}
.idalgo.sport_olympics_medals > table > tbody > tr > th.name > .flag{
    position:relative;
    justify-self:center;
    border:1px solid var(--color-grey-02);
    border-radius:4px;
    height:20px;
    width:auto
}

.idalgo.sport_olympics_medals > table > tbody > tr > td.open > button{
    cursor:pointer
}

/* || list - discipline selected - level 1 */
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="1"][aria-expanded="true"]{
    background-color:var(--color-01);
    color:var(--color-light);
    margin-top:20px;
    border-radius:8px 8px 0 0
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-expanded="true"][aria-level="1"] > td.open > button > svg{
    stroke:var(--color-light);
    cursor:pointer
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="1"][aria-expanded="true"] > td:first-child{
    border-radius:8px 0 0 0
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="1"][aria-expanded="true"] > td:last-child{
    border-radius:0 8px 0 0
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="1"][aria-expanded="false"].last > td:first-child{
    border-radius:0 0 0 8px
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="1"][aria-expanded="false"].last > td:last-child{
    border-radius:0 0 8px 0
}
/* || list - discipline selected - level 2 */
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="2"]{
    border-width:0 1px 1px 1px;
    border-color:var(--color-grey-02);
    border-style:solid
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="2"][aria-expanded="false"].last{
    margin-bottom:20px;
    border-bottom-width:1px;
    border-radius:0 0 8px 8px
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="2"][aria-expanded="true"] > th,
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="2"][aria-expanded="true"] > th > strong,
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="2"][aria-expanded="true"] > td{
    font-weight:bold
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="2"] > td.ranking,
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="2"] > th.name,
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="2"] > td.gold,
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="2"] > td.silver,
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="2"] > td.bronze,
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="2"] > td.total{
    font-size:.875em
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="2"] > th.name{
    justify-content:start
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="2"] > th.name > svg{
    position:relative;
    height:37px;
    justify-self:center;
    fill:var(--color-grey-04);
    flex:0 0 auto
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="2"] > th.name > svg .bg{
    fill:transparent
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="2"][aria-expanded="true"] > th.name > svg {
    fill:var(--color-01)
}
/* || list - discipline selected - level 3 */
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"]{
    background-color:var(--color-grey-01);
    min-height:50px;
    border-width:0 1px;
    border-color:var(--color-grey-02);
    border-style:solid
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"][aria-expanded="false"].last{
    margin-bottom:20px;
    border-bottom-width:1px;
    border-radius:0 0 8px 8px
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"][aria-expanded="false"].last > td:first-child{
    border-bottom-left-radius:8px
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"][aria-expanded="false"].last > td:last-child{
    border-bottom-right-radius:8px
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"] > th.name > svg{
    position:relative;
    justify-self:center;
    height:20px;
    flex:0 0 20px;
    fill:var(--color-grey-02)
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"] > th.name > img{
    position:relative;
    justify-self:center;
    object-fit:cover;
    width:30px;
    height:30px;
    border-radius:50%
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"] > td.ranking,
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"] > th.name,
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"] > td.gold,
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"] > td.silver,
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"] > td.bronze,
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"] > td.total{
    font-size:.8125em
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"] > th.name > span{
    display:flex;
    flex-direction:column
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"] > th.name > span > a{
    border:none;
    color:var(--color-grey-05)
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"] > th.name > span > a > span{
    margin-right:5px
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"] > td.open > button{
    font-size:1.375em;
    color:var(--color-grey-04)
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"] > td.open > button:after{
    content:'+'
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"][aria-expanded="true"] > td.open > button:after{
    content:'-'
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"] > td.gold > svg,
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"] > td.silver > svg,
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"] > td.bronze > svg{
    height:12px
}
/* || list - discipline selected - level 4 */
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="4"]{
    background-color:var(--color-grey-01);
    border-width:0 1px;
    border-color:var(--color-grey-02);
    border-style:solid
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="4"].last{
    margin-bottom:20px;
    border-bottom-width:1px;
    border-radius:0 0 8px 8px
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="4"] > td > ul{
    margin-left:120px;
    display:flex;
    width:100%;
    flex-wrap:wrap;
    align-self:flex-start
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="4"] > td > ul > li > a::after{
    content:',';
    margin-right:5px
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="4"] > td > ul > li:last-child > a::after{
    content:none
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="4"] > td > ul > li > a{
    font-size:.8125em
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="4"] > td > ul > li > a > strong{
    margin-left:5px
}

/* || list - open close */
.idalgo.sport_olympics_medals > table > tbody > tr > td.open > button{
    width:100%;
    height:100%;
    border:none;
    padding:0;
    background-color:transparent
}
.idalgo.sport_olympics_medals > table > tbody > tr > td.open > button > svg{
    fill:none;
    stroke:var(--color-grey-04);
    width:16px;
    transition:transform 0.5s ease
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-expanded="true"] > td.open > button > svg {
    transform:rotate(0.5turn)
}

/* || selected */
.idalgo.sport_olympics_medals > table.selected > tbody > tr{
    background-color:transparent;
    font-size:1.375em;
    border:1px solid var(--color-grey-02);
    border-radius:8px
}

/* || open/close */
.idalgo.sport_olympics_medals > button{
    margin:40px 0 8px 0
}
.idalgo.sport_olympics_medals[data-reduce="1"] > button[data-reduce="1"],
.idalgo.sport_olympics_medals[data-reduce="0"] > button[data-reduce="0"],
.idalgo.sport_olympics_medals[data-reduce="1"] > table > tbody > tr[data-more="1"]{
    display:none
}

/* || link */
.idalgo.sport_olympics_medals > .widget.foot{
    order:3
}

/* Module/Sport/CSS/OlympicsMedalsCommittee.css *******************************************/
.idalgo.sport_olympics_medals_committee{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:stretch
}
.idalgo.sport_olympics_medals_committee.widget[data-title="0"]{
    padding-top:10px
}

/* || medals */
.idalgo.sport_olympics_medals_committee svg.gold,
.idalgo.sport_olympics_medals_committee svg g.gold{
    fill:var(--color-gold)
}
.idalgo.sport_olympics_medals_committee svg.silver,
.idalgo.sport_olympics_medals_committee svg g.silver{
    fill:var(--color-silver)
}
.idalgo.sport_olympics_medals_committee svg.bronze,
.idalgo.sport_olympics_medals_committee svg g.bronze{
    fill:var(--color-bronze)
}

/* || countries */
.idalgo.sport_olympics_medals_committee > .listbox{
    order:1;
    display:flex;
    justify-content:center;
    margin-bottom:24px;
    align-self:center
}
.idalgo.sport_olympics_medals_committee > .listbox > input{
    width:180px;
    height:40px
}
.idalgo.sport_olympics_medals_committee > .listbox > svg{
    fill:var(--color-grey-05)
}
.idalgo.sport_olympics_medals_committee.widget > .listbox{
    padding:8px 8px 0 8px
}

/* || country */
.idalgo.sport_olympics_medals_committee > .country{
    order:2;
    display:flex;
    height:40px;
    align-items:center;
    justify-content:center;
    margin-bottom:40px
}
.idalgo.sport_olympics_medals_committee.widget > .country{
    padding:0 8px
}
.idalgo.sport_olympics_medals_committee > .country > img{
    height:100%;
    width:auto;
    margin-right:32px;
    border-radius:8px;
    outline:1px solid var(--color-grey-01)
}
.idalgo.sport_olympics_medals_committee > .country > span{
    color:var(--color-01);
    font-size:1.375em;
    font-weight:700
}

/* || Total & history */
.idalgo.sport_olympics_medals_committee > .history,
.idalgo.sport_olympics_medals_committee > .current{
    display:grid;
    grid-template-columns:1fr 6fr repeat(5, 1fr);
    height:46px;
    width:100%;
    font-size:1.375em;
    font-weight:700;
    justify-items:center;
    align-items:center
}
.idalgo.sport_olympics_medals_committee > .history{
    order:4;
    border-width:0 0 1px 0;
    border-style:solid;
    border-color:var(--color-grey-02)
}
.idalgo.sport_olympics_medals_committee > .current{
    order:5;
    color:var(--color-02);
    margin-bottom:24px
}
.idalgo.sport_olympics_medals_committee > .history > .ranking,
.idalgo.sport_olympics_medals_committee > .current > .ranking{
    grid-column:1
}
.idalgo.sport_olympics_medals_committee > .history > .edition,
.idalgo.sport_olympics_medals_committee > .current > .edition{
    grid-column:2;
    justify-self:start
}
.idalgo.sport_olympics_medals_committee > .history > .gold,
.idalgo.sport_olympics_medals_committee > .current > .gold{
    grid-column:3
}
.idalgo.sport_olympics_medals_committee > .history > .silver,
.idalgo.sport_olympics_medals_committee > .current > .silver{
    grid-column:4
}
.idalgo.sport_olympics_medals_committee > .history > .bronze,
.idalgo.sport_olympics_medals_committee > .current > .bronze{
    grid-column:5
}
.idalgo.sport_olympics_medals_committee > .history > .total,
.idalgo.sport_olympics_medals_committee > .current > .total{
    grid-column:6
}

/* || filter */
.idalgo.sport_olympics_medals_committee > .filter{
    order:6;
    display:flex;
    width:auto;
    border:none;
    padding:0;
    margin:0 0 40px 0;
    gap:8px;
    box-sizing:border-box
}
.idalgo.sport_olympics_medals_committee.widget > .filter{
    margin:0 10px 40px 10px
}
.idalgo.sport_olympics_medals_committee > .filter > input{
    display:none
}
.idalgo.sport_olympics_medals_committee > .filter > label{
    flex:1
}
.idalgo.sport_olympics_medals_committee[data-filter="all"] > .filter > label[for="idalgo-oly-med-com-fil-all"],
.idalgo.sport_olympics_medals_committee[data-filter="athlete"] > .filter > label[for="idalgo-oly-med-com-fil-ath"],
.idalgo.sport_olympics_medals_committee[data-filter="team"] > .filter > label[for="idalgo-oly-med-com-fil-tea"]{
    background-color:var(--color-01);
    color:var(--color-light)
}

/* || Header (logo medals) */
.idalgo.sport_olympics_medals_committee > .header{
    order:7;
    width:100%;
    display:grid;
    grid-template-columns:70px 6fr repeat(4, 1fr);
    justify-items:center
}
.idalgo.sport_olympics_medals_committee > .header.text{
    margin-top:8px;
    display:none
}
.idalgo.sport_olympics_medals_committee > .header.text > span{
    font-size:.875em
}
.idalgo.sport_olympics_medals_committee[data-items="0"] > .header{
    grid-template-columns:70px 6fr repeat(5, 1fr)
}
.idalgo.sport_olympics_medals_committee.widget > .header{
    padding:0 8px
}
.idalgo.sport_olympics_medals_committee > .header > svg{
    height:20px
}
.idalgo.sport_olympics_medals_committee > .header > .gold{
    grid-column:3
}
.idalgo.sport_olympics_medals_committee > .header > .silver{
    grid-column:4
}
.idalgo.sport_olympics_medals_committee > .header > .bronze{
    grid-column:5
}
.idalgo.sport_olympics_medals_committee > .header > .total{
    grid-column:6
}

/* || lines */
.idalgo.sport_olympics_medals_committee > ul{
    order:8;
    width:100%;
    border:1px solid var(--color-grey-02);
    border-radius:8px;
    overflow:hidden;
    margin:8px 0;
    box-sizing:border-box
}
.idalgo.sport_olympics_medals_committee.widget > ul{
    border-width:1px 0 0 0;
    border-radius:0;
    padding:0 8px
}
.idalgo.sport_olympics_medals_committee.fixHeight{
    height:500px
}

/* || line */
.idalgo.sport_olympics_medals_committee > ul > li{
    position:relative;
    display:grid;
    grid-template-columns:70px 6fr repeat(4, 1fr);
    justify-items:center;
    align-items:center;
    border-width:0 0 1px 0;
    border-style:solid;
    border-color:var(--color-grey-02)
}
.idalgo.sport_olympics_medals_committee[data-items="0"] > ul > li{
    grid-template-columns:70px 6fr repeat(5, 1fr)
}
.idalgo.sport_olympics_medals_committee > ul > li[aria-hidden],
.idalgo.sport_olympics_medals_committee[data-filter="athlete"] > ul > li[data-type="team"],
.idalgo.sport_olympics_medals_committee[data-filter="team"] > ul > li[data-type="athlete"]{
    display:none
}

/* || line - photo / picto */
.idalgo.sport_olympics_medals_committee > ul > li > .pict{
    grid-column:1;
    grid-row:1/3;
    width:38px;
    height:38px;
    object-fit:cover;
    border-radius:50%
}
.idalgo.sport_olympics_medals_committee > ul > li > svg.pict{
    fill:var(--color-01)
}
.idalgo.sport_olympics_medals_committee > ul > li > svg.pict .bg{
    fill:none;
    stroke:var(--color-01)
}

/* || line - Athlete / team */
.idalgo.sport_olympics_medals_committee > ul > li > .team{
    grid-column:2;
    grid-row:1/3;
    justify-self:start;
    font-size:.875em;
    font-weight:700
}
.idalgo.sport_olympics_medals_committee > ul > li > .names{
    display:flex;
    grid-column:2;
    grid-row:1;
    justify-self:start;
    font-size:.875em;
    align-items:end;
    height:24px
}
.idalgo.sport_olympics_medals_committee > ul > li > .names > .name{
    order:2;
    font-weight:700;
    text-transform:capitalize
}
.idalgo.sport_olympics_medals_committee > ul > li > .names > .firstname{
    order:1;
    margin-right:5px;
    font-weight:500
}
.idalgo.sport_olympics_medals_committee > ul > li > .discipline{
    grid-column:2;
    grid-row:2;
    justify-self:start;
    font-size:.75em;
    font-weight:400;
    height:24px;
    line-height:12px;
    margin-top:2px
}
.idalgo.sport_olympics_medals_committee > ul > li > .discipline::before{
    content:'-';
    margin-right:5px
}
.idalgo.sport_olympics_medals_committee > ul > li > .discipline::after{
    content:'-';
    margin-left:5px
}

/* || line - Medals */
.idalgo.sport_olympics_medals_committee > ul > li .gold{
    grid-column:3
}
.idalgo.sport_olympics_medals_committee > ul > li .silver{
    grid-column:4
}
.idalgo.sport_olympics_medals_committee > ul > li .bronze{
    grid-column:5
}
.idalgo.sport_olympics_medals_committee > ul > li > .gold,
.idalgo.sport_olympics_medals_committee > ul > li > .silver,
.idalgo.sport_olympics_medals_committee > ul > li > .bronze{
    display:flex;
    flex-direction:column;
    align-items:center;
    grid-row:1/3;
    font-size:.875em;
    font-weight:400
}
.idalgo.sport_olympics_medals_committee > ul > li > * > span{
    order:2
}
.idalgo.sport_olympics_medals_committee > ul > li > * > svg{
    display:none;
    height:16px;
    order:1;
    margin-bottom:10px
}
.idalgo.sport_olympics_medals_committee > ul > li > .total{
    grid-column:6;
    grid-row:1/3;
    font-size:.875em;
    font-weight:700;
    color:var(--color-02)
}

/* || line - Open */
.idalgo.sport_olympics_medals_committee > ul > li > .open{
    grid-column:7;
    grid-row:1/3;
    background-color:transparent;
    border:none;
    height:48px;
    width:100%;
    cursor:pointer
}
.idalgo.sport_olympics_medals_committee > ul > li > .open > svg{
    fill: none;
    stroke:var(--color-grey-04);
    width:16px;
    transition:all 0.5s ease
}
.idalgo.sport_olympics_medals_committee > ul > li > .open:hover > svg{
    stroke:var(--color-01)
}
.idalgo.sport_olympics_medals_committee > ul > li[aria-expanded="true"] > .open > svg{
    transform:rotate(0.5turn)
}

/* || line - Detail */
.idalgo.sport_olympics_medals_committee > ul > li > .details{
    position:relative;
    grid-column:1/8;
    display:grid;
    grid-template-columns:subgrid;
    width:100%;
    padding:12px 0;
    background-color:var(--color-grey-01);
    align-items:center
}
.idalgo.sport_olympics_medals_committee > ul > li > .details > .event{
    position:relative;
    grid-column:2;
    justify-self:start;
    font-size:.8125em;
    font-weight:400;
    line-height:32px
}
.idalgo.sport_olympics_medals_committee > ul > li > .details > svg{
    height:16px;
    z-index:0;
    justify-self:center
}
.idalgo.sport_olympics_medals_committee > ul > li[aria-expanded="false"] > .details{
    display:none
}

/* || empty */
.idalgo.sport_olympics_medals_committee > .empty{
    order:9;
    display:flex;
    width:100%;
    fill:var(--color-grey-02);
    flex-direction:column;
    align-items:center
}
.idalgo.sport_olympics_medals_committee[data-filter="all"][data-all="true"] > .empty,
.idalgo.sport_olympics_medals_committee[data-filter="athlete"][data-athlete="true"] > .empty,
.idalgo.sport_olympics_medals_committee[data-filter="team"][data-team="true"] > .empty{
    display:none
}
.idalgo.sport_olympics_medals_committee > .empty > svg{
    width:140px;
    fill:var(--color-grey-03);
    margin-top:88px
}
.idalgo.sport_olympics_medals_committee > .empty > span{
    margin:40px 10px;
    color:var(--color-01);
    text-align:center
}

/* || Link */
.idalgo.sport_olympics_medals_committee > .widget.foot{
    order:20;
    margin-bottom:16px
}

/* Module/Sport/CSS/OlympicsScorecenter.css ***********************************************/
.idalgo.sport_olympics_scorecenter{
    display:flex;
    flex-direction:column;
    padding:0
}
.idalgo.sport_olympics_scorecenter > h2{
    display:none
}
/* || filter state */
.idalgo.sport_olympics_scorecenter > .filter.states{
    display:flex;
    justify-content:center;
    padding:0 10%;
    height:40px;
    border-style:solid;
    border-color:var(--color-grey-02);
    border-width:0 0 1px 0
}
.idalgo.sport_olympics_scorecenter > .filter.states > button{
    flex:1 1 25%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:0.6875em;
    text-transform:uppercase;
    font-weight:bold;
    cursor:pointer;
    background-color:transparent;
    border-width:1px;
    border-style:none;
    border-color:var(--color-grey-02);
    font-family:var(--font-01);
    color:var(--color-dark)
}
.idalgo.sport_olympics_scorecenter > .filter.states > button[data-count="0"]{
    display:none
}
.idalgo.sport_olympics_scorecenter > .filter.states > button[aria-expanded="true"]{
    border-style:solid;
    border-bottom-color:var(--color-grey-01);
    border-radius:4px 4px 0 0;
    color:var(--color-01);
    margin-bottom:-1px;
    cursor:inherit;
    background-color:var(--color-grey-01);
}
.idalgo.sport_olympics_scorecenter > .filter.states > button:hover,
.idalgo.sport_olympics_scorecenter > .filter.states > button:focus{
    color:var(--color-01)
}
.idalgo.sport_olympics_scorecenter > .filter.states > button > span{
    display:inline-block;
    min-width:16px;
    margin-left:5px;
    margin-bottom:16px;
    background-color:var(--color-01);
    color:var(--color-light);
    border-radius:11px;
    text-align:center;
    padding:0 5px
}
/* || filter discipline */
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines{
    display:flex;
    justify-content:center;
    background-color:var(--color-grey-01);
    flex-wrap:wrap
}
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li{
    display:flex;
    margin:10px 5px
}
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li > button{
    background-color:transparent;
    border:none
}
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li > button > svg{
    width:35px;
    fill:var(--color-grey-04);
    transition:all .5s ease;
    border-radius:4px;
    cursor:pointer
}
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li > button:focus > svg,
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li > button:hover > svg,
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li > button[aria-expanded="true"] > svg{
    fill:var(--color-light);
    background-color:var(--color-01)
}
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li > button:hover[aria-checked="true"] > svg{
    fill:var(--color-01)
}
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li > button[aria-disabled="true"] > svg{
    fill:var(--color-grey-02);
    cursor:inherit
}
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li > button > svg .bg{
    fill:transparent
}
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li > button > span{
    display:none
}
/* || events */
.idalgo.sport_olympics_scorecenter > ul.events{
    display:flex;
    flex:1;
    flex-direction:column;
    background-color:var(--color-grey-01);
    padding:10px
}
/* || event */
.idalgo.sport_olympics_scorecenter > ul.events > li{
    flex:1;
    flex-direction:column;
    margin-bottom:20px;
    background-color:var(--color-light);
    border:1px solid var(--color-grey-02);
    border-radius:4px
}
.idalgo.sport_olympics_scorecenter > ul.events > li[data-count="0"]{
    display:none
}
.idalgo.sport_olympics_scorecenter > ul.events > li:last-child{
    margin-bottom:0
}
/* || event - title */
.idalgo.sport_olympics_scorecenter > ul.events > li > h2{
    position:relative;
    display:flex;
    margin:0;
    min-height:40px;
    width:auto;
    margin:0 10px;
    align-items:center;
    justify-content:stretch
}
.idalgo.sport_olympics_scorecenter > ul.events > li > h2 > svg.discipline{
    order:1;
    fill:var(--color-01);
    height:30px
}

.idalgo.sport_olympics_scorecenter > ul.events > li > h2 > span.name{
    order:2;
    flex:1;
    font-size:.5416em;
    font-weight:bold;
    text-transform:uppercase
}
.idalgo.sport_olympics_scorecenter > ul.events > li > h2 > span.name > span.event{
    margin-left:5px;
    color:var(--color-grey-04)
}
.idalgo.sport_olympics_scorecenter > ul.events > li > h2 > span.name > span.event::before{
    content:'- '
}
/* .idalgo.sport_olympics_scorecenter > ul.events > li > h2 > span.gender{
    order:5;
    width:30px;
    height:30px;
    background-repeat:no-repeat;
    background-size:auto 100%;
    border-radius:50%;
    background-position:center center;
}
.idalgo.sport_olympics_scorecenter > ul.events > li > h2 > span.gender[data-type="1"]{
    background-color:var(--color-man);
    background-size:18px auto;
    background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox='0 0 20 20' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Ccircle cx='8' cy='12' r='7'/%3E%3Cline x1='13' y1='7' x2='19' y2='1'/%3E%3Cline x1='14' y1='1' x2='20' y2='1'/%3E%3Cline x1='19' y1='0' x2='19' y2='6'/%3E%3C/svg%3E");
}
.idalgo.sport_olympics_scorecenter > ul.events > li > h2 > span.gender[data-type="2"]{
    background-color:var(--color-woman);
    background-size:auto 22px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox='0 0 16 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Ccircle cx='8' cy='8' r='7'/%3E%3Cline x1='8' y1='15' x2='8' y2='24'/%3E%3Cline x1='4' y1='20' x2='12' y2='20'/%3E%3C/svg%3E");
}
.idalgo.sport_olympics_scorecenter > ul.events > li > h2 > span.gender[data-type="3"]{
    background-color:var(--color-grey-04);
    background-size:auto 16px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox='0 0 36 24' fill='none' stroke-width='2'%3E%3Cg stroke='%23ffffff'%3E%3Ccircle cx='8' cy='8' r='7'/%3E%3Cline x1='8' y1='15' x2='8' y2='24'/%3E%3Cline x1='4' y1='20' x2='12' y2='20'/%3E%3C/g%3E%3Cg stroke='%23ffffff'%3E%3Ccircle cx='24' cy='12' r='7'/%3E%3Cline x1='29' y1='7' x2='35' y2='1'/%3E%3Cline x1='30' y1='1' x2='36' y2='1'/%3E%3Cline x1='35' y1='0' x2='35' y2='6'/%3E%3C/g%3E%3C/svg%3E");
}
.idalgo.sport_olympics_scorecenter > ul.events > li > h2 > span.gender > span{
    display:none
} */
/* group */
.idalgo.sport_olympics_scorecenter > ul.events > li > h3{
    display:flex;
    margin:0;
    height:30px;;
    font-size:.6875em;
    padding-left:10px;
    text-transform:uppercase;
    align-items:center;
    background-color:var(--color-grey-01);
    color:var(--color-grey-04)
}
.idalgo.sport_olympics_scorecenter > ul.events > li > h3[data-count="0"]{
    display:none
}
.idalgo.sport_olympics_scorecenter > ul.events > li > h3 > span{
    margin-left:5px
}
.idalgo.sport_olympics_scorecenter > ul.events > li > h3 > span::before{
    content:'-';
    margin-right:5px
}
/* || games */
.idalgo.sport_olympics_scorecenter > ul.events > li > ul.games > li{
    border-style:solid;
    border-color:var(--color-grey-02);
    border-width:1px 0 0 0;
    padding:8px
}
.idalgo.sport_olympics_scorecenter > ul.events > li > ul.games > li:first-child{
    border:none
}
.idalgo.sport_olympics_scorecenter > ul.events > li > ul.games > li[data-selected="0"]{
    display:none
}
/* || game order */
/* .idalgo.sport_olympics_scorecenter > ul.events > li > ul.games > li > h4{
    margin-bottom:0
} */
/* || open */
.idalgo.sport_olympics_scorecenter > ul.events > li > ul.games > li > button{
    margin-bottom:8px
}
.idalgo.sport_olympics_scorecenter > ul.events > li > ul.games > li[data-all="0"] > button[data-all="0"],
.idalgo.sport_olympics_scorecenter > ul.events > li > ul.games > li[data-all="1"] > button[data-all="1"],
.idalgo.sport_olympics_scorecenter > ul.events > li > ul.games > li[data-all="0"] > .game.table div.row:nth-child(1n+8){
    display:none
}
/* || empty */
.idalgo.sport_olympics_scorecenter > label.empty{
    color:var(--color-01);
    align-self:center;
    display:flex
}

/* Module/Sport/CSS/OlympicsPodiums.css ***************************************************/
.idalgo.sport_olympics_podiums{
    position:relative;
    display:flex;
    flex-direction:column
}
.idalgo.sport_olympics_podiums > h2{
    order:1
}
.idalgo.sport_olympics_podiums > input{
    order:2
}
.idalgo.sport_olympics_podiums > .container{
    order:3
}
.idalgo.sport_olympics_podiums > .scroll{
    order:4;
    margin-bottom:10px
}

/* || events */
.idalgo.sport_olympics_podiums > .container{
    overflow:scroll;
    scrollbar-width:none;
    scroll-behavior:smooth;
    padding:0;
    max-width:initial;
}
.idalgo.sport_olympics_podiums > .container > .events{
    display:flex
}
/* || Event */
.idalgo.sport_olympics_podiums > .container > .events > li{
    position:relative;
    flex:0 0 100%;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    overflow:hidden
}
.idalgo.sport_olympics_podiums > .container > .events > li > div{
    display:flex;
    flex-direction:column;
    position:relative;
    flex:0 0 auto;
    border-radius:10px;
    padding:10px;
    overflow:hidden;
    align-items:center
}
.idalgo.sport_olympics_podiums > h2.title.widget + .container > .events > li > div{
    margin-top:0
}
.idalgo.sport_olympics_podiums > .container > .events > li > div > svg{
    width:50px;
    fill:var(--color-01);
    margin-top:10px
}
.idalgo.sport_olympics_podiums > .container > .events > li > div > svg .bg{
    fill:transparent
}
.idalgo.sport_olympics_podiums > .container > .events > li > div > .discipline > h3,
.idalgo.sport_olympics_podiums > .container > .events > li > div > .discipline > span{
    line-height:20px;
    font-weight:700;
    margin:0
}
.idalgo.sport_olympics_podiums > .container > .events > li > div > .event::before{
    content:' '
}
.idalgo.sport_olympics_podiums > .container > .events > li > div > .event,
.idalgo.sport_olympics_podiums > .container > .events > li > div > time{
    font-size:.75em;
    margin-bottom:10px;
    line-height:20px;
    text-align:center
}
/* || competitors */
.idalgo.sport_olympics_podiums > .container > .events > li > div > ul{
    display:flex;
    flex-direction:column;
    width:100%;
    height:150px;
    justify-content:space-evenly
}
/* || competitor */
.idalgo.sport_olympics_podiums > .container > .events > li > div > ul > li{
    display:grid;
    grid-template-columns:16px 14px 1fr;
    align-items:center;
    border:1px solid var(--color-grey-02);
    border-radius:16px;
    padding:4px;
    box-sizing:border-box;
    min-height:27px
}
/* || competitor - medal */
.idalgo.sport_olympics_podiums > .container > .events > li > div > ul > li > abbr{
    display:block;
    text-align:center;
    width:16px;
    font-weight:bold;
    font-size:.8125em
}
.idalgo.sport_olympics_podiums > .container > .events > li > div > ul > li > svg{
    height:14px
}
.idalgo.sport_olympics_podiums > .container > .events > li > div > ul > li.gold > svg{
    fill:var(--color-gold)
}
.idalgo.sport_olympics_podiums > .container > .events > li > div > ul > li.silver > svg{
    fill:var(--color-silver)
}
.idalgo.sport_olympics_podiums > .container > .events > li > div > ul > li.bronze > svg{
    fill:var(--color-bronze);
    color:var(--color-white)
}
/* || competitor - lines */
.idalgo.sport_olympics_podiums > .container > .events > li > div > ul > li > .lines{
    display:flex;
    flex-direction:column;
    gap:4px
}
.idalgo.sport_olympics_podiums > .container > .events > li > div > ul > li > .lines > .line{
    display:grid;
    grid-template-columns:minmax(40px, 1fr) 10fr;
    align-items:center
}
/* || competitor - flag */
.idalgo.sport_olympics_podiums > .container > .events > li > div > ul > li > .lines > .line > .flag{
    justify-self:center;
    height:12px;
    width:auto;
    border:1px solid var(--color-grey-01);
    border-radius:2px
}
.idalgo.sport_olympics_podiums > .container > .events > li[data-empty="1"] > div > ul > li > .lines > .line > .flag{
    border:1px solid var(--color-grey-02);
    background-color:var(--color-grey-01)
}
/* || competitor - name */
.idalgo.sport_olympics_podiums > .container > .events > li > div > ul > li > .lines > .line > span > small{
    font-size:.875em;
    margin-right:5px;
    text-transform:capitalize
}
.idalgo.sport_olympics_podiums > .container > .events > li > div > ul > li > .lines > .line > span > strong{
    font-size:.875em;
    font-weight:normal;
    font-weight:700
}
/* || empty */
.idalgo.sport_olympics_podiums > .container > .events > li[data-empty="1"]{
    display:none
}
.idalgo.sport_olympics_podiums[data-next="1"] > .container > .events > li[data-empty="1"]{
    display:unset
}

/* Module/Sport/CSS/OlympicsCalendars.css *************************************************/
.idalgo.sport_olympics_calendars{
    position:relative;
    display:flex;
    flex-direction:column
}

/* || title */
.idalgo.sport_olympics_calendars[data-discipline] > h2.title.widget > svg{
    max-height:40px
}

/* || date */
.idalgo.sport_olympics_calendars > .date{
    display:flex;
    height:16px;
    flex-direction:row;
    border-width:0 0 1px 0;
    border-style:solid;
    border-color:var(--color-grey-02);
    align-items:center;
    justify-content:space-between;
    padding:8px;
    box-sizing:content-box;
    height:fit-content
}
.idalgo.sport_olympics_calendars[data-orientation="landscape"] > .date{
    justify-content:start;
    border:none
}
.idalgo.sport_olympics_calendars > .date > time{
    font-weight:700;
    display:block
}
.idalgo.sport_olympics_calendars > .date > time::first-letter{
    text-transform:uppercase
}
.idalgo.sport_olympics_calendars > .date > span{
    margin-left:24px
}
.idalgo.sport_olympics_calendars[data-type="live"] > .date > span{
    position:relative;
    color:var(--color-inprogress);
    display:flex;
    align-items:center
}

/* || games */
.idalgo.sport_olympics_calendars > .container{
    position:relative;
    height:calc(48px * 6);
    margin-bottom:8px;
    overflow:scroll;
    scrollbar-width:none;
    scroll-behavior:smooth;
    padding:0 10px
}
.idalgo.sport_olympics_calendars[data-count="0"] > .container{
    display:none
}
.idalgo.sport_olympics_calendars > .container > .games{
    display:flex;
    flex-direction:column
}
/* || games  - landscape */
.idalgo.sport_olympics_calendars[data-orientation="landscape"] > .container{
    height:104px;
    position:relative;
    width:auto
}
.idalgo.sport_olympics_calendars[data-orientation="landscape"] > .container > .games{
    position:absolute;
    display:flex;
    flex-direction:row
}

/* || game */
.idalgo.sport_olympics_calendars > .container > .games > li{
    position:relative;
    width:100%
}
.idalgo.sport_olympics_calendars > .container > .games .game{
    position:relative;
    box-sizing:border-box;
    display:grid;
    grid-template-columns:36px auto 1fr;
    column-gap:8px;
    align-items:center;
    padding-top:8px;
    border-width:0 0 1px 0;
    border-style:solid;
    border-color:var(--color-grey-02)
}
.idalgo.sport_olympics_calendars[data-orientation="landscape"] > .container > .games > li{
    width:initial
}
.idalgo.sport_olympics_calendars[data-orientation="landscape"] > .container > .games .game{
    margin:0 0 0 4px;
    border-radius:8px;
    border:none;
    background-color:var(--color-grey-01)
}
.idalgo.sport_olympics_calendars[data-type="live"] > .container > .games .game::before,
.idalgo.sport_olympics_calendars[data-type="live"] > .container > .games .game::after{
    content:'';
    position:absolute;
    display:block;
    border-radius:50%;
    background-color:var(--color-inprogress)
}
.idalgo.sport_olympics_calendars[data-type="live"] > .container > .games .game::before{
    width:10px;
    height:10px;
    top:8px;
    right:8px;
    opacity:.5
}
.idalgo.sport_olympics_calendars[data-type="live"] > .container > .games .game::after{
    width:6px;
    height:6px;
    top:10px;
    right:10px;
    animation-duration:1s;
    animation-name:turonoff;
    animation-iteration-count:infinite
}
@keyframes turonoff{
    from{opacity:1}
    50%{opacity:.5}
    to{opacity:1}
}

.idalgo.sport_olympics_calendars > .container > .games a.game[href]:hover{
    color:var(--color-01)
}
.idalgo.sport_olympics_calendars > .container > .games .game > .time{
    grid-column:1;
    grid-row:1;
    justify-self:center;
    font-size:.75em
}
.idalgo.sport_olympics_calendars > .container > .games .game > .sp1{
    grid-column:2;
    grid-row:1;
    font-weight:bold
    /* padding:8px 0 4px 0 */
}
.idalgo.sport_olympics_calendars > .container > .games .game > .sp1::after{
    content:'|';
    margin-left:8px
}
.idalgo.sport_olympics_calendars > .container > .games .game > .sp2{
    grid-column:3;
    grid-row:1;
    font-size:.75em
    /* padding:4px 0 8px 0 */
}
.idalgo.sport_olympics_calendars[data-discipline] > .container > .games .game > .sp2{
    grid-column:2/4;
    grid-row:1
}
.idalgo.sport_olympics_calendars > .container > .games .game > .sp3{
    grid-column:2/4;
    grid-row:2;
    display:flex;
    align-items:center;
    font-weight:bold;
    font-size:.75em;
    padding:8px 0
}
.idalgo.sport_olympics_calendars > .container > .games .game > .sp3 > img{
    height:10px;
    width:auto;
    outline:1px solid var(--color-grey-01);
    border-radius:2px;
    margin-right:4px
}
.idalgo.sport_olympics_calendars > .container > .games .game > .sp3 > abbr{
    margin:0 4px
}

/* || game - landscape*/
.idalgo.sport_olympics_calendars[data-orientation="landscape"] > .container > .games .game{
    grid-template-columns:205px;
    grid-template-rows:repeat(3, 1fr) 2fr;
    height:100px;
    padding:8px
}
.idalgo.sport_olympics_calendars[data-orientation="landscape"] > .container > .games .game > .time{
    grid-column:1;
    grid-row:1;
    justify-self:start;
}
.idalgo.sport_olympics_calendars[data-orientation="landscape"] > .container > .games .game > .sp1{
    grid-column:1;
    grid-row:2
}
.idalgo.sport_olympics_calendars[data-orientation="landscape"] > .container > .games .game > .sp1::after{
    display:none
}
.idalgo.sport_olympics_calendars[data-orientation="landscape"] > .container > .games .game > .sp2{
    grid-column:1;
    grid-row:3
}
.idalgo.sport_olympics_calendars[data-orientation="landscape"] > .container > .games .game > .sp3{
    grid-column:1;
    grid-row:4
}

/* || Scroll */
.idalgo.sport_olympics_calendars[data-count="0"] > .scroll{
    display:none
}

/* || empty */
.idalgo.sport_olympics_calendars > .empty{
    display:none;
    flex-direction:column;
    align-items:center;
    margin-bottom:62px
}
.idalgo.sport_olympics_calendars[data-count="0"][data-lastday="0"]  > .empty{
    display:flex
}
.idalgo.sport_olympics_calendars[data-orientation="landscape"] > .empty{
    height:84px;
    justify-content:center;
    align-items:center;
    flex-direction:row;
    margin-bottom:0
}
.idalgo.sport_olympics_calendars > .empty > span{
    order:2;
    font-weight:500;
    text-align:center
}
.idalgo.sport_olympics_calendars > .empty > svg{
    order:1;
    height:240px;
    fill:var(--color-grey-01)
}
.idalgo.sport_olympics_calendars[data-count="0"][data-lastday="0"] > .empty > span{
    flex:1;
    font-weight:900;
    max-width:160px
}
.idalgo.sport_olympics_calendars[data-count="0"][data-lastday="0"] > .empty > svg{
    flex:1;
    height:84px;
    max-width:160px
}

/* || finished */
.idalgo.sport_olympics_calendars > .finished{
    display:none;
    position:relative;
    justify-content:center;
    align-items:center;
    height:240px;
    margin-bottom:8px
}
.idalgo.sport_olympics_calendars[data-count="0"][data-lastday="1"] > .finished{
    display:flex
}
.idalgo.sport_olympics_calendars > .finished > span{
    order:2;
    font-weight:500;
    text-align:center;
    z-index:1;
    max-width:160px;
    padding:10px;
    box-sizing:border-box;
    border-radius:50%
}
.idalgo.sport_olympics_calendars > .finished > img{
    position:absolute;
    height:240px;
    max-width:100%;
    z-index:0;
    opacity:0.4
}
.idalgo.sport_olympics_calendars[data-orientation="landscape"] > .finished{
    height:84px;
    flex-direction:row
}
.idalgo.sport_olympics_calendars[data-orientation="landscape"] > .finished > span{
    flex:1
}
.idalgo.sport_olympics_calendars[data-orientation="landscape"] > .finished > img{
    position:relative;
    flex:1;
    max-width:160px;
    height:84px;
    opacity:1
}

/* Module/Common/CSS/CopyrightProviderV2.css **********************************************/
.idalgo.copyright_provider_v2{
    height:16px;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    margin-top:20px
}
.idalgo.copyright_provider_v2 > span{
    font-size:0.75em;
    color:var(--color-05);
    margin-right:10px
}
.idalgo.copyright_provider_v2 img,
.idalgo.copyright_provider_v2 svg{
    position:relative;
    height:100%;
    margin-right:10px
}

/* Customer/FranceTelevisions/Paris2024Info/Common/CSS/Root.css ***************************/
/* :root {
    --color-gold: #DFA831;
    --color-silver: #94A9AF;
    --color-bronze: #B8885B
} */

.idalgo {
    line-height:initial
}
.idalgo h2{
    font-size:1.5em
}
.idalgo ul li:before{
    content:none
}
.idalgo abbr[title]{
    border:none;
    text-decoration:none
}
.idalgo .number{
    font-size:initial;
    line-height:initial;
    margin-top:initial;
    margin-bottom:initial;
    font-weight:initial
}

/* || widget */
.sport-results__widget{
    border:none;
    padding:0
}
.idalgo.widget > .widget.foot{
    width:auto;
    align-self:stretch
}

/* || FranceInfo - structure : main - aside */
section[data-idalgo="container"]{
    display:grid;
    grid-template-columns:1fr auto;
    gap:32px
}
section[data-idalgo="content"]{
    grid-column:1
}
section[data-idalgo="aside"]{
    grid-column:2;
    max-width:315px;
}
section[data-idalgo="aside"] > div {
    margin-bottom:32px
}

@media only screen and (max-width:1064px){
    section[data-idalgo="container"]{
        display:flex;
        flex-direction:column;
        gap:32px
    }
    section[data-idalgo="aside"]{
        min-width:100%
    }
}

/* || France3R */
.article__body .idalgo ul li:before{
    display:none
}

.idalgo label{
    position:initial;
    top:initial;
    pointer-events:initial
}
.idalgo ul li{
    margin:initial;
    line-height:initial;
    font-size:1em
}
.idalgo img{
    margin:initial
}
.idalgo img:not(.not-lazy){
    opacity:initial
}
.idalgo h2{
    line-height:initial
}
.idalgo strong{
    background-color:initial
}
.idalgo .header{
    box-shadow:initial
}

/* Customer/FranceTelevisions/Paris2024Info/Common/CSS/Title.css **************************/
.idalgo h2.title.widget > svg{
    display:none
}

/* Customer/FranceTelevisions/Paris2024Info/Common/CSS/Scroll.css *************************/
.idalgo.scroll{
    background-color:var(--color-grey-01);
    border-radius:12px;
    margin:0 10px 10px 10px
}
.idalgo.scroll > .nav{
    background-color:var(--color-grey-01);
    border-radius:12px;
    justify-content:space-between
}
.idalgo.scroll > .nav > button > svg > circle {
    stroke: none;
}

/* Customer/FranceTelevisions/Paris2024Info/Common/CSS/Button.css *************************/
.idalgo .button,
.idalgo .button[href]{
    min-height:37px;
    border-radius:48px;
    background-color:var(--color-01);
    color:var(--color-white);
    border:none
}
.idalgo .button:hover{
    background-color:var(--color-02)
}

/* Customer/FranceTelevisions/Paris2024Info/Sport/CSS/Game.css ****************************/
.idalgo figure.game > .competitors > .competitor > .score{
    border:none
}

/* Customer/FranceTelevisions/Paris2024Info/Sport/CSS/OlympicsMedals.css ******************/
.idalgo.sport_olympics_medals{
    border:1px solid var(--color-grey-02);
    border-radius:12px;
    padding:16px
}
.idalgo.sport_olympics_medals.widget{
    padding:0
}

/* webview */
body[data-type="webview"] .idalgo.sport_olympics_medals{
    border:none;
    padding:0
}

/* Customer/FranceTelevisions/Paris2024Info/Sport/CSS/OlympicsMedalsCommittee.css *********/
/* filters */
.idalgo.sport_olympics_medals_committee > .filter{
    background-color:var(--color-grey-01);
    padding:4px;
    border-radius:12px
}
.idalgo.sport_olympics_medals_committee > .filter > .button{
    background-color:transparent;
    color:var(--color-grey-05);
    border-radius:8px;
    font-size:16px
}
.idalgo.sport_olympics_medals_committee > .filter > .button:hover,
.idalgo.sport_olympics_medals_committee > .filter > .button:focus{
    background-color:var(--color-02);
    color:var(--color-white)
}
.idalgo.sport_olympics_medals_committee[data-filter="all"] > .filter > label[for="idalgo-oly-med-com-fil-all"],
.idalgo.sport_olympics_medals_committee[data-filter="athlete"] > .filter > label[for="idalgo-oly-med-com-fil-ath"],
.idalgo.sport_olympics_medals_committee[data-filter="team"] > .filter > label[for="idalgo-oly-med-com-fil-tea"]{
    background-color:var(--color-01);
    color:var(--color-white)
}

/* header */
.idalgo.sport_olympics_medals_committee > .header{
    background-color:transparent
}
.idalgo.sport_olympics_medals_committee > .header.text{
    display:grid
}

/* || list */
.idalgo.sport_olympics_medals_committee > ul{
    margin-bottom:16px;
}
.idalgo.sport_olympics_medals_committee > ul > li > .total{
    color:var(--color-01)
}

/* || history - current */
.idalgo.sport_olympics_medals_committee > .history{
    border-radius:8px 8px 0 0;
    border-width:1px;
    order:9
}
.idalgo.sport_olympics_medals_committee > .current{
    border-radius:0 0 8px 8px;
    border-width:0 1px 1px 1px;
    border-color:var(--color-grey-02);
    border-style:solid;
    order:10
}

/* || empty */
.idalgo.sport_olympics_medals_committee > .empty{
    order:11
}

/* Customer/FranceTelevisions/Paris2024Info/Sport/CSS/OlympicsScorecenter.css *************/
.idalgo.sport_olympics_scorecenter{
    padding:16px;
    border:1px solid var(--color-grey-02);
    border-radius:12px
}

/* filters */
.idalgo.sport_olympics_scorecenter > .filter.states{
    background-color:var(--color-grey-01);
    border:none;
    border-radius:12px;
    padding:4px;
    justify-content:stretch;
    margin-bottom:16px;
    gap:4px
}
.idalgo.sport_olympics_scorecenter > .filter.states > button{
    border:none;
    text-transform:none;
    font-size:1em;
    font-weight:400;
    transition:all .3s ease-in-out
}
.idalgo.sport_olympics_scorecenter > .filter.states > button:hover{
    background-color:var(--color-02);
    color:var(--color-white);
    border-radius:8px
}
.idalgo.sport_olympics_scorecenter > .filter.states > button[aria-expanded="true"]{
    border:none;
    background-color:var(--color-01);
    color:var(--color-white);
    border-radius:8px
}
.idalgo.sport_olympics_scorecenter > .filter.states > button:hover > span,
.idalgo.sport_olympics_scorecenter > .filter.states > button > span{
    display:flex;
    align-items:end;
    margin-bottom:10px;
    font-size:.75em;
    line-height:initial;
    transition:all .3s ease-in-out
}
.idalgo.sport_olympics_scorecenter > .filter.states > button:hover > span,
.idalgo.sport_olympics_scorecenter > .filter.states > button[aria-expanded="true"] > span{
    background-color:var(--color-grey-01);
    color:var(--color-grey-05)
}

/* disciplines */
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines{
    background-color:transparent;
    justify-content:start;
    flex-wrap:wrap;
    gap:16px;
    margin-bottom:16px
}
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li{
    margin:0
}
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li > button{
    display:flex;
    border-radius:4px;
    background-color:var(--color-grey-01);
    padding:6px 8px;
    align-items:center;
    transition:all .3s ease-in-out;
    border:none
}
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li > button > svg{
    width:20px;
    transition:all .3s ease-in-out
}
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li > button > span{
    display:flex;
    font-size:.875em;
    margin-left:4px;
    cursor:pointer;
    transition:all .3s ease-in-out
}
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li > button:hover{
    background-color:var(--color-02)
}
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li > button[aria-expanded="true"]{
    background-color:var(--color-01)
}
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li > button:focus > svg,
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li > button:hover > svg,
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li > button[aria-expanded="true"] > svg{
    background-color:transparent;
    fill:var(--color-white)
}
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li > button:hover > span,
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li > button[aria-expanded="true"] > span{
    color:var(--color-white)
}
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li > button[aria-disabled="true"]:hover{
    background-color:var(--color-grey-01)
}
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li > button[aria-disabled="true"] > svg{
    fill:var(--color-grey-03)
}
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li > button[aria-disabled="true"]:hover > span,
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li > button[aria-disabled="true"] > span{
    color:var(--color-grey-03);
    cursor:auto
}

/* events */
.idalgo.sport_olympics_scorecenter > ul.events{
    background-color:transparent;
    padding:0
}
.idalgo.sport_olympics_scorecenter > ul.events > li{
    border-radius:12px
}
.idalgo.sport_olympics_scorecenter > ul.events > li > h2{
    margin:0;
    padding:0 26px;
    background-color:var(--color-grey-01);
    border-radius:12px 12px 0 0
}
.idalgo.sport_olympics_scorecenter > ul.events > li > h3{
    margin:16px 16px 0 16px;
    padding:0 26px;
    border-radius:8px 8px 0 0;
    border-width:1px 1px 0 1px;
    border-style:solid;
    border-color:var(--color-grey-02);
    text-transform:none;
    font-size:.875em;
    font-weight:700
}
.idalgo.sport_olympics_scorecenter > ul.events > li > ul{
    margin:0 16px 16px 16px;
    border-width:0 1px 1px 1px;
    border-style:solid;
    border-color:var(--color-grey-02);
    border-radius:0 0 8px 8px
}
.idalgo.sport_olympics_scorecenter > ul.events > li > h3[data-count="0"],
.idalgo.sport_olympics_scorecenter > ul.events > li > h3[data-count="0"] + ul{
    display:none
}

/* Customer/FranceTelevisions/Paris2024Info/Sport/CSS/OlympicsPodiums.css *****************/
/* || ranking */
.idalgo.sport_olympics_podiums > .container > .events > li > div > ul > li > abbr{
    display:none
}
/* || competitor */
.idalgo.sport_olympics_podiums > .container > .events > li > div > ul > li{
    grid-template-columns:20px 1fr
}

/* || medal */
.idalgo.sport_olympics_podiums > .container > .events > li > div > ul > li > svg{
    height:20px
}

/* || link */
.idalgo.sport_olympics_podiums > .container > .events > li > div > .button{
    width:100%
}

/* Customer/FranceTelevisions/Paris2024Info/Sport/CSS/OlympicsCalendars.css ***************/
/* || title */
.idalgo.sport_olympics_calendars h2.title.widget{
    margin-top:0
}
.idalgo.sport_olympics_calendars h2.title.widget > span + span{
    display:none
}

/* || date */
.idalgo.sport_olympics_calendars > .date{
    margin:-24px 0 24px 0;
    padding:0 10px;
    font-size:.875em;
    border:none
}
.idalgo.sport_olympics_calendars > .date > time{
    font-weight:400
}

/* || container */
.idalgo.sport_olympics_calendars[data-orientation="landscape"] > .container{
    margin:20px 10px 0 10px
}

/* || game */
.idalgo.sport_olympics_calendars[data-orientation="landscape"] > .container > .games .game{
    border:1px solid var(--color-grey-02);
    margin:0 10px 0 0
}
/* France3R */
.idalgo.sport_olympics_calendars[data-orientation="landscape"] > .container > .games .game{
    grid-template-columns:210px
}

/* || link */
.idalgo.sport_olympics_calendars > .widget.foot{
    margin-top:16px
}


/* Customer/FranceTelevisions/Paris2024Info/Common/CSS/Responsive768.css ******************/
@media only screen and (max-width: 768px){
    /* Module/Common/CSS/Responsive768/Root.css ***********************************************/
/* || ContentFull */
.idalgo.full{
    grid-template-columns:1fr
}
.idalgo.full > .top{
    grid-column:1
}
.idalgo.full > .main{
    grid-row:2
}
.idalgo.full > .aside{
    grid-row:3;
    grid-column:1
}
.idalgo.full > .aside.middle{
    grid-row:4
}
.idalgo.full > .aside.bottom{
    grid-row:5
}

/* Module/Sport/CSS/Responsive768/OlympicsNavigationDate.css ******************************/
.idalgo .sport_olympics_navigation_date{
    display:grid;
    grid-template-columns:44px 16px 1fr 1fr 16px 44px;
    grid-template-rows:minmax(44px, auto)
}
.idalgo .sport_olympics_navigation_date > h2{
    display:flex;
    grid-column:4;
    margin:0;
    order:4;
    font-size:1em;
    background-color:var(--color-grey-01);
    border-radius:0 4px 4px 0;
    flex-direction:column;
    align-items:center;
    justify-content:center
}
.idalgo .sport_olympics_navigation_date > h2 > .dayname{
    font-size:.75em
}
.idalgo .sport_olympics_navigation_date > a,
.idalgo .sport_olympics_navigation_date > button{
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    border:none;
    background-color:var(--color-grey-01);
    border-radius:4px
}
.idalgo .sport_olympics_navigation_date > button[data-hidden]{
    visibility:hidden
}
/* || previous - next */
.idalgo .sport_olympics_navigation_date > a > svg,
.idalgo .sport_olympics_navigation_date > button > svg{
    width:12px;
    height:20px;
    fill:var(--color-grey-05);
    transition:fill 0.5s ease
}
.idalgo .sport_olympics_navigation_date > a:hover svg,
.idalgo .sport_olympics_navigation_date > button:hover svg{
    fill:var(--color-01)
}
.idalgo .sport_olympics_navigation_date > a.previous,
.idalgo .sport_olympics_navigation_date > button.previous{
    grid-column:1;
    order:1;
    transform:rotate(180deg)
}
.idalgo .sport_olympics_navigation_date > a.next,
.idalgo .sport_olympics_navigation_date > button.next{
    grid-column:6;
    order:4
}

/* || open */
.idalgo .sport_olympics_navigation_date > button.open{
    grid-column:3;
    order:3;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    border-radius:4px 0 0 4px;
    transition:all .3s ease-in-out
}
.idalgo .sport_olympics_navigation_date > button.open:hover,
.idalgo .sport_olympics_navigation_date > button.open:focus,
.idalgo .sport_olympics_navigation_date > button.open[aria-expanded="true"]{
    background-color:var(--color-01)
}
.idalgo .sport_olympics_navigation_date > button.open > svg{
    width:20px;
    height:20px;
    stroke:var(--color-grey-05);
    transition:stroke 0.5s ease
}
.idalgo .sport_olympics_navigation_date > button.open:hover > svg,
.idalgo .sport_olympics_navigation_date > button.open:focus > svg,
.idalgo .sport_olympics_navigation_date > button.open[aria-expanded="true"] > svg{
    stroke:var(--color-light)
}
/* || dates */
.idalgo .sport_olympics_navigation_date > ul{
    grid-column:1/7;
    order:5;
    flex-wrap:wrap;
    display:none;
    margin-top:8px;
    background-color:transparent;
    justify-content:space-between

}
.idalgo .sport_olympics_navigation_date > button.open[aria-expanded="true"] ~ ul
{
    display:flex
}
.idalgo .sport_olympics_navigation_date > ul > li{
    flex:0 1 calc((100% / 7) - 4px);
    background-color:var(--color-grey-01);
    margin-left:4px;
    min-height:44px
}
.idalgo .sport_olympics_navigation_date > ul > li:nth-child(7n-6){
    margin-left:0
}
.idalgo .sport_olympics_navigation_date > ul > li:nth-child(n+8){
    margin-top:4px
}
.idalgo .sport_olympics_navigation_date > ul > li.empty,
.idalgo .sport_olympics_navigation_date[data-hidden-empty="1"] > ul > li.empty{
    display:flex
}

/* || legend */
.idalgo .sport_olympics_navigation_date > .legend{
    display:none;
    grid-column: 1/5;
    order:6
}
.idalgo .sport_olympics_navigation_date > button.open[aria-expanded="true"] ~ .legend{
    display:flex
}

/* Module/Sport/CSS/Responsive768/DomGameTable.css ****************************************/
/* || status */
.idalgo .game.table[data-persons="1"] > .status{
    margin-right:0
}
/* || line */
.idalgo .game.table div.body div.row{
    grid-template-columns:24px 40px 1fr 60px
}
.idalgo .game.table[data-persons="1"] div.body div.row{
    grid-template-columns:24px 40px 1fr 60px 20px
}
.idalgo .game.table[data-qualified="1"] div.body div.row{
    grid-template-columns:24px 40px 1fr 60px 40px
}
.idalgo .game.table[data-persons="1"][data-qualified="1"] div.body div.row{
    grid-template-columns:24px 40px 1fr 60px 40px 20px
}
/* || ranking */
.idalgo .game.table div.row > span.rank{
    text-align:left
}
.idalgo .game.table div.row > span.rank > abbr{
    margin:7px 0;
    height:24px;
    width:24px;
    line-height:24px;
    font-size:.875em;
    text-align:center
}
/* || name */
.idalgo .game.table div.row > span.name strong{
    font-size:.875em
}
/* || record */
.idalgo .game.table div.row > span.name > .record{
    font-size:.75em
}
/* || names */
.idalgo .game.table div.row > span.name > ul > li > span > small,
.idalgo .game.table div.row > span.name > ul > li > span > strong{
    font-size:.75em
}
/* || score */
.idalgo .game.table div.row > span.score{
    font-size:.875em
}
/* || open */
.idalgo .game.table div.row > span.open > label > svg{
    margin-top:17px;
    width:12px
}

/* Module/Sport/CSS/Responsive768/Game.css ************************************************/
/* || font */
.idalgo figure.game > time,
.idalgo figure.game > .status,
.idalgo figure.game > .competitors > .competitor > .qualify,
.idalgo figure.game > .competitors > .competitor > .score.status,
.idalgo figure.game > .competitors > .title > .score{
    font-size:.875em
}
.idalgo figure.game > .competitors > .competitor > .rank,
.idalgo figure.game > .competitors > .competitor > .number,
.idalgo figure.game > .competitors > .competitor > .names,
.idalgo figure.game > .competitors > .competitor > .score{
    font-size:1em
}

/* || names */
.idalgo figure.game[data-versus="1"] > .competitors > .competitor > .names{
    margin:0 8px
}

.idalgo figure.game > .competitors > .competitor > .names > small{
    order:1
}
.idalgo figure.game > .competitors > .competitor > .names > strong{
    order:2
}
.idalgo figure.game > .competitors > .competitor > .names > .number{
    order:3
}
.idalgo figure.game > .competitors > .competitor > .names > .conference{
    order:4
}

/* || scores */
.idalgo figure.game > .competitors > .competitor > .score{
    padding:0;
    border:none
}

/* Customer/FranceTelevisions/Paris2024Info/Sport/CSS/Responsive768/OlympicsNavigationDate*/
.idalgo .sport_olympics_navigation_date{
    grid-template-columns:44px 1fr 44px 52px
}
.idalgo .sport_olympics_navigation_date > a.previous,
.idalgo .sport_olympics_navigation_date > button.previous{
    order:1;
    grid-column:1;
    border-radius:0 12px 12px 0
}
.idalgo .sport_olympics_navigation_date > h2{
    order:2;
    grid-column:2;
    border-radius:0;
    font-size:0
}
.idalgo .sport_olympics_navigation_date > h2::before{
    content:attr(aria-label) " ";
    font-size:16px;
    text-align:center
}
.idalgo .sport_olympics_navigation_date > a.next,
.idalgo .sport_olympics_navigation_date > button.next{
    order:3;
    grid-column:3;
    border-radius:0 12px 12px 0
}
.idalgo .sport_olympics_navigation_date > button.open{
    order:4;
    grid-column:4;
    background-color:transparent;
    justify-self:end;
    width:44px;
    height:44px
}
.idalgo .sport_olympics_navigation_date > button.open:hover,
.idalgo .sport_olympics_navigation_date > button.open:focus,
.idalgo .sport_olympics_navigation_date > button.open[aria-expanded="true"]{
    background-color:var(--color-grey-01);
    border-radius:100%;
}
.idalgo .sport_olympics_navigation_date > button.open:hover > svg,
.idalgo .sport_olympics_navigation_date > button.open:focus > svg,
.idalgo .sport_olympics_navigation_date > button.open[aria-expanded="true"] > svg{
    stroke:var(--color-grey-05)
}

/* || dates  */
.idalgo .sport_olympics_navigation_date > ul{
    padding:8px;
    border-radius:8px;
    background-color:var(--color-grey-01)
}
.idalgo .sport_olympics_navigation_date > ul > li > a > span,
.idalgo .sport_olympics_navigation_date > ul > li > button > span{
    border-radius:8px;
    max-width:44px
}
.idalgo .sport_olympics_navigation_date > ul > li > a[data-selected-filter="1"],
.idalgo .sport_olympics_navigation_date > ul > li > button[data-selected-filter="1"]{
    background-color:transparent
}
.idalgo .sport_olympics_navigation_date > ul > li > a[data-selected-filter="1"] > span,
.idalgo .sport_olympics_navigation_date > ul > li > button[data-selected-filter="1"] > span{
    background-color:var(--color-01)
}
.idalgo .sport_olympics_navigation_date > ul > li > a[data-selected-filter="1"][aria-expanded="true"] > span,
.idalgo .sport_olympics_navigation_date > ul > li > button[data-selected-filter="1"][aria-expanded="true"] > span{
    background-color:var(--color-02)
}


}

/* Customer/FranceTelevisions/Paris2024Info/Common/CSS/Responsive480.css ******************/
@media only screen and (max-width: 480px){
    /* Module/Common/CSS/Responsive480/Title.css **********************************************/
.idalgo h2.title.module{
    font-size:.875em
}

/* Module/Sport/CSS/Responsive480/OlympicsNavigationDate.css ******************************/
/* legend */
.idalgo .sport_olympics_navigation_date > span.legend{
    font-size:.6875em
}

/* Module/Sport/CSS/Responsive480/DomGamePeriod.css ***************************************/
.idalgo .game.period[data-state="upcoming"]{
    grid-template-columns:1fr 60px 1fr;
    column-gap:5px
}
/* name */
.idalgo .game.period[data-state="upcoming"] > .name .logo{
    border-radius:2px;
    width:18px;
    height:12px
}
.idalgo .game.period > .name span > small{
    display:none
}
.idalgo .game.period > .name span > strong{
    font-weight:normal
}
.idalgo .game.period > .name span,
.idalgo .game.period[data-state="upcoming"] > .name span{
    font-size:0.875em
}

/* time */
.idalgo .game.period[data-state="upcoming"] > time{
    font-size:1em
}
/* score */
.idalgo .game.period > .scores > .period > .score{
    width:20px;
    font-size:0.875em
}
/* status */
.idalgo .game.period[data-state="upcoming"] > .status{
    padding:0 5px
}

/* Module/Sport/CSS/Responsive480/DomGameTable.css ****************************************/
/* title */
.idalgo .game.table thead .score{
    font-size:0.875em
}
/* ranking */
.idalgo .game.table tbody .ranking > abbr{
    margin:0 5px;
    height:24px;
    width:24px;
    line-height:24px;
    font-size:1em
}
/* logo */
.idalgo .game.table tbody .logo{
    padding-left:5px
}
/* name */
.idalgo .game.table tbody .name{
    padding-left:5px;
    font-size:0.785em
}
/* score */
.idalgo .game.table tbody .score{
    padding:0 5px;
    font-size:0.785em
}
/* record */
.idalgo .game.table tbody .record{
    padding:0 5px;
    font-size:0.785em
}

/* Module/Sport/CSS/Responsive480/DomGameVersus.css ***************************************/
.idalgo .game.versus{
    grid-template-columns:18px 1fr 30px 1px 30px 1fr 18px
}
.idalgo .game.versus > .name{
    padding-top:6px;
    padding-bottom:6px
}
.idalgo .game.versus > .name > span{
    line-height:16px;
    font-size:0.75em
}
.idalgo .game.versus > .name > span > small{
    display:none
}
.idalgo .game.versus > .logo{
    width:18px;
    height:auto
}
.idalgo .game.versus > time{
    font-size:1em
}
.idalgo .game.versus > .score{
    font-size:.875em
}
.idalgo .game.versus > .status{
    padding:0 5px
}

/* Module/Sport/CSS/Responsive480/Game.css ************************************************/
/* competitors - grid */
.idalgo figure.game .grid{
    grid-template-columns:1fr repeat(10,minmax(0,auto));
    grid-template-areas:"name score-1 score-2 score-3 score-4 score-5 score-6 score-7 score-8 qualify open"
        "name-open . . . . . . . . . .";
}
.idalgo figure.game[data-ranking="1"] .grid{
    grid-template-columns:minmax(0,18px) 1fr repeat(10,minmax(0,auto));
    grid-template-areas:"rank name score-1 score-2 score-3 score-4 score-5 score-6 score-7 score-8 qualify open"
        ". name-open . . . . . . . . . .";
}
.idalgo figure.game[data-medals="1"] .grid{
    grid-template-columns:minmax(0,14px) 1fr repeat(10,minmax(0,auto));
    grid-template-areas:"medal name score-1 score-2 score-3 score-4 score-5 score-6 score-7 score-8 qualify open"
        ". name-open . . . . . . . . . .";
}
.idalgo figure.game[data-teamnumber="1"] .grid{
    grid-template-columns:minmax(0,18px) 1fr repeat(10,minmax(0,auto));
    grid-template-areas:"number name score-1 score-2 score-3 score-4 score-5 score-6 score-7 score-8 qualify open"
        ". name-open . . . . . . . . . .";
}
.idalgo figure.game[data-ranking="1"][data-medals="1"] .grid{
    grid-template-columns:minmax(0,18px) minmax(0,14px) 1fr repeat(10,minmax(0,auto));
    grid-template-areas:"rank medal name score-1 score-2 score-3 score-4 score-5 score-6 score-7 score-8 qualify open"
        ". . name-open . . . . . . . . . .";
}
.idalgo figure.game[data-ranking="1"][data-teamnumber="1"] .grid{
    grid-template-columns:minmax(0,18px) minmax(0,18px) 1fr repeat(10,minmax(0,auto));
    grid-template-areas:"rank number name score-1 score-2 score-3 score-4 score-5 score-6 score-7 score-8 qualify open"
        ". . name-open . . . . . . . . . .";
}
.idalgo figure.game[data-medals="1"][data-teamnumber="1"] .grid{
    grid-template-columns:minmax(0,14px) minmax(0,18px) 1fr repeat(10,minmax(0,auto));
    grid-template-areas:"medal number name score-1 score-2 score-3 score-4 score-5 score-6 score-7 score-8 qualify open"
        ". . name-open . . . . . . . . . .";
}
.idalgo figure.game[data-ranking="1"][data-medals="1"][data-teamnumber="1"] .grid{
    grid-template-columns:minmax(0,18px) minmax(0,14px) minmax(0,18px) 1fr repeat(10,minmax(0,auto));
    grid-template-areas:"rank medal number name score-1 score-2 score-3 score-4 score-5 score-6 score-7 score-8 qualify open"
        ". . . name-open . . . . . . . . . .";
}

/* || medal */
.idalgo figure.game > .competitors > .competitor > .medal{
    height:12px
}

/* || logo */
.idalgo figure.game > .competitors > .competitor > .logo{
    display:none;
    width:0;
}
/* || font */
.idalgo figure.game > time,
.idalgo figure.game > .status,
.idalgo figure.game > .competitors > .competitor > .rank,
.idalgo figure.game > .competitors > .competitor > .number,
.idalgo figure.game > .competitors > .competitor > .names,
.idalgo figure.game > .competitors > .competitor > .score,
.idalgo figure.game > .competitors > .competitor > .qualify,
.idalgo figure.game > .competitors > .competitor > .score.status,
.idalgo figure.game > .competitors > .title > *{
    font-size:.75em
}

/* || scores */
.idalgo figure.game > .competitors > .competitor > .score{
    min-width:20px;
}

.idalgo figure.game > .competitors > .competitor > .score[data-so="1"]{
    font-size:.625em;
    min-width:initial
}

/* names */
.idalgo figure.game > .competitors > .competitor > .names,
.idalgo figure.game > .competitors > .competitor > .names > div{
    max-width:100%
}
.idalgo figure.game > .competitors > .competitor > .names small{
    display:none;
}
.idalgo figure.game > .competitors > .competitor > .names strong{
    overflow:hidden;
}

/* || names - number */
.idalgo figure.game > .competitors > .competitor > .names > .number{
    font-size:1em;
}

/* || names - conférences */
.idalgo figure.game > .competitors > .competitor > .names > .conference{
    font-size:1em;
}

/* || open */
.idalgo figure.game > .competitors > .competitor > .open{
    width:11px;
    height:11px;
}

/* || open - names */
.idalgo figure.game > .competitors > .competitor > .names-open{
    font-size:.75em;
    flex-direction:column;
    align-items:flex-start;
}
.idalgo figure.game > .competitors > .competitor > .names-open > div{
    margin-left:0;
}

/* Module/Sport/CSS/Responsive480/OlympicsMedals.css **************************************/
.idalgo.sport_olympics_medals > svg.empty{
    width:68px;
    margin-top:62px
}
/* table */
.idalgo.sport_olympics_medals > table{
    width:auto;
    padding:0
}
.idalgo.sport_olympics_medals.widget > table{
    margin:0 10px 20px 10px
}
.idalgo.sport_olympics_medals > table tr{
    grid-template-columns:1fr 12fr 2fr 2fr 2fr 3fr
}
.idalgo.sport_olympics_medals > table.detail tr{
    grid-template-columns:2fr 12fr 2fr 2fr 2fr 3fr 2fr
}
/* head */
.idalgo.sport_olympics_medals > table > thead > tr{
    height:40px
}
.idalgo.sport_olympics_medals > table > thead > tr > th{
    font-size:.75em
}
.idalgo.sport_olympics_medals > table > thead > tr > th.name{
    text-align:center
}
.idalgo.sport_olympics_medals > table > thead > tr > th > svg{
    height:12px
}
.idalgo.sport_olympics_medals > table > thead > tr > th > abbr{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden
}
/* body */
.idalgo.sport_olympics_medals > table > tbody > tr{
    min-height:30px
}
.idalgo.sport_olympics_medals > table > tbody > tr[data-selected="1"] > td.ranking,
.idalgo.sport_olympics_medals > table > tbody > tr[data-selected="1"] > th.country,
.idalgo.sport_olympics_medals > table > tbody > tr[data-selected="1"] > th,
.idalgo.sport_olympics_medals > table > tbody > tr > td.ranking,
.idalgo.sport_olympics_medals > table > tbody > tr > th.name,
.idalgo.sport_olympics_medals > table > tbody > tr > td.total{
    font-size:.875em
}
.idalgo.sport_olympics_medals > table > tbody > tr > td.gold,
.idalgo.sport_olympics_medals > table > tbody > tr > td.silver,
.idalgo.sport_olympics_medals > table > tbody > tr > td.bronze{
    padding:0 2px;
    font-size:.75em
}

.idalgo.sport_olympics_medals > table > tbody > tr > th.name{
    grid-template-columns:40px 1fr
}
.idalgo.sport_olympics_medals > table > tbody > tr > th.name > .flag{
    width:20px;
    height:14px;
    margin-right:15px
}
.idalgo.sport_olympics_medals > table > tbody > tr > th.name > .flag{
    margin:0 5px
}

.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="2"] > th.name,
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"] > th.name{
    grid-column:1/3
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"] > th.name{
    font-size:.75em;
    line-height:12px;
    border-width:0 0 0 1px;
    border-color:var(--color-grey-02);
    border-style:solid
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="2"] > th.name > svg{
    margin-right:5px
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="3"] > th.name > span > a > span{
    display:none
}

.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="4"] > td.competitors{
    grid-column:1/8
}
.idalgo.sport_olympics_medals > table > tbody > tr[aria-level="4"] > td > ul {
    margin-left:10px
}

/* || open/close */
.idalgo.sport_olympics_medals > button{
    margin-top:10px
}

/* Module/Sport/CSS/Responsive480/OlympicsMedalsCommittee.css *****************************/
/* || country */
.idalgo.sport_olympics_medals_committee > .country{
    margin-bottom:16px
}
.idalgo.sport_olympics_medals_committee > .country > span{
    font-size:1.5em
}
.idalgo.sport_olympics_medals_committee > .empty{
    flex:1 1 auto
}
.idalgo.sport_olympics_medals_committee > .empty > svg{
    width:68px;
    margin-top:62px
}
/* || Total & history */
.idalgo.sport_olympics_medals_committee > .history,
.idalgo.sport_olympics_medals_committee > .current{
    font-size:.875em;
    grid-template-columns:2fr 5fr repeat(4, 2fr)
}

/* || filter */
.idalgo.sport_olympics_medals_committee > .filter > label[for="idalgo-oly-med-com-fil-all"]{
    display:none
}

/* || Header (logo medals) */
.idalgo.sport_olympics_medals_committee > .header,
.idalgo.sport_olympics_medals_committee[data-items="0"] > .header{
    order:3;
    margin-bottom:16px;
    grid-template-columns:2fr 5fr repeat(4, 2fr);
    z-index:initial
}
.idalgo.sport_olympics_medals_committee > .header[data-current-history="0"]{
    display:none
}
.idalgo.sport_olympics_medals_committee > .header > svg{
    height:16px
}

/* || lines */
.idalgo.sport_olympics_medals_committee > ul{
    border-radius:0;
    border:none
}

/* || line */
.idalgo.sport_olympics_medals_committee > ul > li,
.idalgo.sport_olympics_medals_committee[data-items="0"] > ul > li{
    grid-template-columns:50px 6fr repeat(3, 1fr)
}

/* || line - photo / picto */
.idalgo.sport_olympics_medals_committee > ul > li > .pict{
    width:40px;
    height:40px;
    margin:9px 0
}

/* || line - Athlete / team */
.idalgo.sport_olympics_medals_committee > ul > li > .names{
    flex-wrap:wrap;
    line-height:14px
}

/* || line - Medals */
.idalgo.sport_olympics_medals_committee > ul > li > .gold,
.idalgo.sport_olympics_medals_committee > ul > li > .silver,
.idalgo.sport_olympics_medals_committee > ul > li > .bronze{
    font-size:.8125em;
    font-weight:bold
}
.idalgo.sport_olympics_medals_committee > ul > li > * > svg{
    display:unset
}
.idalgo.sport_olympics_medals_committee > ul > li > .total{
    display:none
}

/* || line - Open */
.idalgo.sport_olympics_medals_committee > ul > li > .open{
    display:none
}

/* || details */
.idalgo.sport_olympics_medals_committee > ul > li > .details{
    display:none
}

/* Module/Sport/CSS/Responsive480/OlympicsScorecenter.css *********************************/
/* || event - title */
.idalgo.sport_olympics_scorecenter > ul.events > li > h2{
    margin:0 5px
}
.idalgo.sport_olympics_scorecenter > ul.events > li > h2 > span.name{
    padding:5px 0
}
.idalgo.sport_olympics_scorecenter > ul.filter.disciplines > li{
    margin:0
}
.idalgo.sport_olympics_scorecenter > ul.rounds{
    padding:0;
    background-color:transparent
}
.idalgo.sport_olympics_scorecenter > ul.rounds > li{
    border-width:0 0 1px 0
}
.idalgo.sport_olympics_scorecenter > ul.events{
    padding:5px
}
.idalgo.sport_olympics_scorecenter > ul.events > li > ul.games > li{
    padding:2px 5px
}
.idalgo.sport_olympics_scorecenter > ul.filter.states > li > span > abbr{
    display:none
}

/* Customer/FranceTelevisions/Paris2024Info/Sport/CSS/Responsive480/OlympicsMedals.css ****/
.idalgo.sport_olympics_medals > table{
    margin:0 0 20px 0
}
.idalgo.sport_olympics_medals > table > thead > tr > th.total > svg{
    display:none
}
.idalgo.sport_olympics_medals > table > thead > tr > th.total > abbr{
    display:initial
}

/* Customer/FranceTelevisions/Paris2024Info/Sport/CSS/Responsive480/OlympicsMedalsCommitte*/
.idalgo.sport_olympics_medals_committee > .header,
.idalgo.sport_olympics_medals_committee > .header.text{
    display:none
}

.idalgo.sport_olympics_medals_committee.widget > .filter{
    margin:0 10px 40px 10px
}

/* Customer/FranceTelevisions/Paris2024Info/Sport/CSS/Responsive480/OlympicsScorecenter.cs*/
.idalgo.sport_olympics_scorecenter{
    padding:0;
    border:none
}

/* filters */
.idalgo.sport_olympics_scorecenter > .filter.states{
    overflow-x:auto
}
.idalgo.sport_olympics_scorecenter > .filter.states > button{
    white-space:nowrap;
    padding:0 20px
}

.idalgo.sport_olympics_scorecenter > ul.events > li > h2{
    margin:0
}


}
.col-3, .col-4, .col-5{
    max-width: 100% !important;
}