/* 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:#000000;
    --color-02:#db3d33;

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

    --color-grey-01:#eeeeee;
    --color-grey-02:#cccccc;
    --color-grey-03:#949494;
    --color-grey-04:#636363;
    --color-grey-05:#333333;
    --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:CNewsDemiRomain, sans-serif;
    --font-02:CNewsDemiRomain, sans-serif;
    --font-size:
}
.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/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/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/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/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/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/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/DomStandingV2.css *****************************************************/
.idalgo .standing > li{
    display:grid;
    grid-template-columns:repeat(2, 40px) 1fr repeat(8, 40px);
    height:40px;
    justify-items:center;
    align-items:center
}
.idalgo .standing[data-tied="0"] > li{
    grid-template-columns:repeat(2, 40px) 1fr repeat(3, 40px) 0 repeat(4, 40px)
}
.idalgo .standing > li:nth-child(even){
    background-color:var(--color-grey-01)
}
.idalgo .standing > li.head > span,
.idalgo .standing > li.head > abbr{
    font-size:.75em
}
.idalgo .standing > li > .position{
    grid-column:1/2;
    font-weight:bold
}
.idalgo .standing > li > .logo{
    grid-column:2/3;
    border:1px var(--color-grey-01) solid;
    border-radius:4px;
    width:23px
}
.idalgo .standing > li > .name{
    grid-column:3/4;
    justify-self:start;
    font-weight:bold
}
.idalgo .standing > li > .points{
    grid-column:4/5;
    color:var(--color-01);
    font-weight:bold
}
.idalgo .standing > li > .played{
    grid-column:5/6
}
.idalgo .standing > li > .won{
    grid-column:6/7;
    font-weight:bold
}
.idalgo .standing > li > .tied{
    grid-column:7/8;
    font-weight:bold
}
.idalgo .standing > li > .lost{
    grid-column:8/9;
    font-weight:bold
}
.idalgo .standing > li > .for{
    grid-column:9/10
}
.idalgo .standing > li > .against{
    grid-column:10/11
}
.idalgo .standing > li > .diff{
    grid-column:11/12
}

/* 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/OlympicsNavigationDiscipline.css **************************************/
.idalgo.sport_olympics_navigation_discipline {
    display:flex;
    flex-direction:column;
    align-items:center;
    transition:opacity .2s ease-in-out;
}
/* || disciplines */
.idalgo.sport_olympics_navigation_discipline > .disciplines{
    margin-bottom:16px
}
.idalgo.sport_olympics_navigation_discipline > .disciplines > input{
    width:160px
}
/* || sport */
.idalgo.sport_olympics_navigation_discipline > .sport{
    font-family:var(--font-02);
    font-size:1.5em;
    line-height:1.5em;
    text-transform:uppercase
}
/* || logo */
.idalgo.sport_olympics_navigation_discipline > svg{
    margin-top:30px;
    height:82px;
    fill:var(--color-01)
}
.idalgo.sport_olympics_navigation_discipline > svg .bg{
    fill:transparent
}
/* || discipline */
.idalgo.sport_olympics_navigation_discipline > .discipline{
    margin-top:10px;
    font-size:1.125em;
    line-height:1.25rem;
    text-transform:uppercase;
    font-weight:700;
    color:var(--color-01)
}
/* || gender */
.idalgo.sport_olympics_navigation_discipline > div.gender{
    position:relative;
    margin-top:16px;
    min-width:80%
}
.idalgo.sport_olympics_navigation_discipline > div.gender > ul{
    display:flex;
    justify-content:stretch;
    background-color:var(--color-grey-01);
    padding:4px;
    border-radius:4px;
}
.idalgo.sport_olympics_navigation_discipline > div.gender > ul > li{
    display:flex;
    flex:1;
    justify-content:center;
    align-items:center;
    border-radius:4px;
    padding:4px
}
.idalgo.sport_olympics_navigation_discipline > div.gender > ul > li > *{
    font-size:0.875em;
    box-sizing:content-box;
    font-weight:700;
    background-color:transparent;
    border:none;
    width:100%
}
.idalgo.sport_olympics_navigation_discipline > div.gender > ul > li > .selected{
    background-color:var(--color-01);
    color:var(--color-light)
}
.idalgo.sport_olympics_navigation_discipline > div.gender > ul > li > .button:hover,
.idalgo.sport_olympics_navigation_discipline > div.gender > ul > li > .button:focus{
    color:var(--color-dark)
}

/* || discipline category + class */
.idalgo.sport_olympics_navigation_discipline > div.disciplineCategory[data-mobile="true"] > .listbox,
.idalgo.sport_olympics_navigation_discipline > div.class[data-mobile="true"] > .listbox{
    display:none;
    margin-top:30px
}
.idalgo.sport_olympics_navigation_discipline > div.disciplineCategory > ul,
.idalgo.sport_olympics_navigation_discipline > div.class > ul{
    margin-top:30px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center
}
.idalgo.sport_olympics_navigation_discipline > div.disciplineCategory > ul > li,
.idalgo.sport_olympics_navigation_discipline > div.class > ul > li{
    display:flex;
    margin-bottom:5px
}
.idalgo.sport_olympics_navigation_discipline > div.disciplineCategory > ul > li > *,
.idalgo.sport_olympics_navigation_discipline > div.class > ul > li > *{
    margin:0 5px
}

/* || links */
.idalgo.sport_olympics_navigation_discipline a,
.idalgo.sport_olympics_navigation_discipline span[data-lm="1"]{
    cursor:pointer
}

/* Module/Sport/CSS/OlympicsPodium.css ****************************************************/
.idalgo.sport_olympics_podium{
    margin-top:24px
}
.idalgo.sport_olympics_podium > h2{
    display:none
}
.idalgo.sport_olympics_podium > ul{
    display:flex;
    align-items:start
}
.idalgo.sport_olympics_podium > ul > li{
    position:relative;
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center
}
.idalgo.sport_olympics_podium > ul > li.gold{
    order:2
}
.idalgo.sport_olympics_podium > ul > li.silver{
    order:1;
    margin-top:40px
}
.idalgo.sport_olympics_podium > ul > li.bronze{
    order:3;
    margin-top:40px
}

/* | photo - team */
.idalgo.sport_olympics_podium > ul > li > .photo{
    position:relative;
    outline:8px solid transparent;
    padding:8px;
    border-radius:14px;
    height:40px;
    box-sizing:content-box;
    margin:12px
}
.idalgo.sport_olympics_podium > ul > li.gold > .photo{
    height:50px
}
.idalgo.sport_olympics_podium > ul > li.gold > .photo{
    background-color:var(--color-gold);
    outline-color:var(--color-gold)
}
.idalgo.sport_olympics_podium > ul > li.silver > .photo{
    background-color:var(--color-silver);
    outline-color:var(--color-silver)
}
.idalgo.sport_olympics_podium > ul > li.bronze > .photo{
    background-color:var(--color-bronze);
    outline-color:var(--color-bronze)
}
.idalgo.sport_olympics_podium > ul > li > .photo::after{
    content:'';
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:14px;
    outline:8px solid var(--color-light);
    opacity:.75
}
.idalgo.sport_olympics_podium > ul > li > .photo > img{
    height:100%;
    width:auto;
    border-radius:8px;
    box-sizing:content-box;
    outline:4px solid var(--color-light)
}

/* | photo - athlete */
.idalgo.sport_olympics_podium > ul > li > .photo.athlete{
    height:60px;
    border-radius:100%
}
.idalgo.sport_olympics_podium > ul > li > .photo.athlete > img{
    width:60px;
    border-radius:100%;
    object-fit:cover;
    object-position:center top;
}
.idalgo.sport_olympics_podium > ul > li > .photo.athlete::after{
    border-radius:100%
}
.idalgo.sport_olympics_podium > ul > li.gold > .photo.athlete{
    height:70px
}
.idalgo.sport_olympics_podium > ul > li.gold > .photo.athlete > img{
    width:70px
}

/* || country */
.idalgo.sport_olympics_podium > ul > li > .country{
    position:absolute;
    top:75px;
    right:50%;
    margin-right:10px
}
.idalgo.sport_olympics_podium > ul > li > .country > img{
    height:16px;
    width:auto;
    border:2px solid var(--color-light);
    border-radius:4px
}
.idalgo.sport_olympics_podium > ul > li > .country > span{
    display:none
}
.idalgo.sport_olympics_podium > ul > li.gold > .country{
    top:85px
}

/* || name */
.idalgo.sport_olympics_podium > ul > li > .name{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-top:8px;
}
.idalgo.sport_olympics_podium > ul > li.gold > .name{
    margin-top:30px
}

/* || name - medal */
.idalgo.sport_olympics_podium > ul > li > .name > .medal{
    display:flex;
    align-items:center;
    gap:8px;
    order:1;
    position:relative;
    margin:16px 0;
    padding-top:8px
}
.idalgo.sport_olympics_podium > ul > li > .name > .medal > svg{
    height:16px
}
.idalgo.sport_olympics_podium > ul > li > .name > .medal.gold > svg{
    fill:var(--color-gold)
}
.idalgo.sport_olympics_podium > ul > li > .name > .medal.silver > svg{
    fill:var(--color-silver)
}
.idalgo.sport_olympics_podium > ul > li > .name > .medal.bronze > svg{
    fill:var(--color-bronze)
}
.idalgo.sport_olympics_podium > ul > li > .name > .medal > span{
    font-size:.875em;
    color:var(--color-grey-04)
}
.idalgo.sport_olympics_podium > ul > li > .name > .medal:after{
    content:'';
    position:absolute;
    top:-8px;
    left:50%;
    margin-left:-25px;
    width:50px;
    height:3px;
    background-color:#aaa;
    filter:blur(2px);
    border-radius:50%
}
/* || name - anmes */
.idalgo.sport_olympics_podium > ul > li > .name > span{
    order:3;
    font-size:.875em;
    text-align:center
}
.idalgo.sport_olympics_podium > ul > li > .name > strong{
    order:2;
    font-weight:700;
    text-align:center
}

/* Module/Sport/CSS/OlympicsNavigationRound.css *******************************************/
.idalgo.sport_olympics_navigation_round{
    position:relative;
    display:flex;
    justify-content:center;
    margin-top:40px;
    z-index:1
}

/* Module/Sport/CSS/OlympicsResult.css ****************************************************/
.idalgo.sport_olympics_result{
    margin-top:20px
}
.idalgo.sport_olympics_result > span{
    display:inline-block;
    width:100%;
    color:var(--color-02);
    text-align:center
}
.idalgo.sport_olympics_result > ul.groups > li{
    margin-top:20px;
    border-width:1px;
    border-style:solid;
    border-color:var(--color-grey-02);
    border-radius:4px;
    background-color:var(--color-light);
    overflow:hidden
}
.idalgo.sport_olympics_result > ul.groups > li > span{
    height:40px;
    line-height:40px;
    color:var(--color-01);
    padding-left:10px;
    font-weight:bold
}
.idalgo.sport_olympics_result > ul.groups > li > ul.dates > li > time,
.idalgo.sport_olympics_result > ul.groups > li > ul.dates > li > label{
    display:block;
    height:30px;
    line-height:30px;
    text-transform:capitalize;
    padding-left:10px;
    margin:0;
    background-color:var(--color-grey-01)
}
.idalgo.sport_olympics_result > ul.groups > li > ul.dates > li > ul > li{
    padding:8px;
    border-width:1px 0 0 0;
    border-style:solid;
    border-color:var(--color-grey-02)
}
.idalgo.sport_olympics_result > ul.groups > li > ul.dates > li > ul > li:first-child{
    border:none
}
.idalgo.sport_olympics_result > ul.groups > li > ul.dates > li > ul > li > figure.game.versus,
.idalgo.sport_olympics_result > ul.groups > li > ul.dates > li > ul > li > figure.game.period{
    margin:0 8px
}
.idalgo.sport_olympics_result > ul.groups > li > div.standing > span{
    display:block;
    height:40px;
    width:auto;
    line-height:40px;
    padding-left:10px;
    background-color:var(--color-grey-01)
}


/* Customer/Cnews/JoParis2024/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/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/DomStandingV2.css ***************************************/
.idalgo .standing > li,
.idalgo .standing[data-tied="0"] > li{
    grid-template-columns:repeat(2, 40px) 1fr repeat(3, 40px)
}
.idalgo .standing > li > .won,
.idalgo .standing > li > .tied,
.idalgo .standing > li > .lost,
.idalgo .standing > li > .for,
.idalgo .standing > li > .against{
    display:none
}
.idalgo .standing > li > .diff{
    grid-column:6/7
}

/* 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
}

/* Module/Sport/CSS/Responsive768/OlympicsNavigationDiscipline.css ************************/
/* || discipline category + class */
.idalgo.sport_olympics_navigation_discipline > div.disciplineCategory[data-mobile="true"] > ul,
.idalgo.sport_olympics_navigation_discipline > div.class[data-mobile="true"] > ul{
    display:none
}
.idalgo.sport_olympics_navigation_discipline > div.disciplineCategory[data-mobile="true"] > .listbox,
.idalgo.sport_olympics_navigation_discipline > div.class[data-mobile="true"] > .listbox{
    display:block
}


}

/* Customer/Cnews/JoParis2024/Common/CSS/Responsive480.css ********************************/
@media only screen and (max-width: 480px){
    /* 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/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/DomStandingV2.css ***************************************/
.idalgo .standing > li,
.idalgo .standing[data-tied="0"] > li{
    grid-template-columns:20px 30px 1fr repeat(3, 20px)
}
.idalgo .standing > li > span{
    font-size:.875em
}

/* 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/OlympicsNavigationDiscipline.css ************************/
/* || svg */
.idalgo.sport_olympics_navigation_discipline > svg{
    margin-top:16px
}

/* || gende */
.idalgo.sport_olympics_navigation_discipline > div.gender > ul{
    width:100%;
    justify-content:space-evenly
}
.idalgo.sport_olympics_navigation_discipline > div.gender > ul > li{
    padding:0
}
.idalgo.sport_olympics_navigation_discipline > div.gender > ul > li > .button{
    padding:0
}

/* || gender */
.idalgo.sport_olympics_navigation_discipline > ul.gender{
    width:100%
}

/* Module/Sport/CSS/Responsive480/OlympicsPodium.css **************************************/
.idalgo.sport_olympics_podium{
    margin-top:16px
}
.idalgo.sport_olympics_podium > ul{
    flex-direction:column;
    align-items:stretch;
    padding-left:24px
}
.idalgo.sport_olympics_podium > ul > li{
    flex-direction:row;
    align-items:center
}
.idalgo.sport_olympics_podium > ul > li.gold{
    order:1
}
.idalgo.sport_olympics_podium > ul > li.silver{
    order:2
}
.idalgo.sport_olympics_podium > ul > li.silver,
.idalgo.sport_olympics_podium > ul > li.bronze{
    margin:0
}

/* | photo - team */
.idalgo.sport_olympics_podium > ul > li > .photo,
.idalgo.sport_olympics_podium > ul > li.gold > .photo{
    height:30px;
    margin-right:20px
}
/* | photo - athlete */
.idalgo.sport_olympics_podium > ul > li > .photo.athlete,
.idalgo.sport_olympics_podium > ul > li.gold > .photo.athlete{
    height:50px
}
.idalgo.sport_olympics_podium > ul > li > .photo.athlete > img,
.idalgo.sport_olympics_podium > ul > li.gold > .photo.athlete > img{
    width:50px
}
/* || country */
.idalgo.sport_olympics_podium > ul > li > .country,
.idalgo.sport_olympics_podium > ul > li.gold > .country{
    top:65px;
    right:100%;
    margin-right:-35px
}

/* || name */
.idalgo.sport_olympics_podium > ul > li > .name,
.idalgo.sport_olympics_podium > ul > li.gold > .name{
    flex:4;
    align-items:start;
    margin:0;
    gap:4px
}
.idalgo.sport_olympics_podium > ul > li > .name > span,
.idalgo.sport_olympics_podium > ul > li > .name > strong{
    text-align:initial
}

/* || name - medal */
 .idalgo.sport_olympics_podium > ul > li > .name > .medal{
    margin:0;
    padding:0
}
.idalgo.sport_olympics_podium > ul > li > .name > .medal:after{
    display:none
}

/* Module/Sport/CSS/Responsive480/OlympicsNavigationRound.css *****************************/
.idalgo.sport_olympics_navigation_round{
    flex-wrap:wrap;
    margin-top:16px
}
.idalgo.sport_olympics_navigation_round > h2{
    margin-left:5px
}
.idalgo.sport_olympics_navigation_round > figure{
    margin-left:5px
}

/* Module/Sport/CSS/Responsive480/OlympicsResult.css **************************************/
.idalgo.sport_olympics_result{
    margin-top:0
}
.idalgo.sport_olympics_result > ul.groups > li > ul.dates > li > ul > li{
    padding:1px;
}


}