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

    --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:var(--font-stack);
    --font-02:var(--font-primary);
    --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/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/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
}