/* 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:#e22931;
    --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
}

/* 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:18px 15px;
    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;
    line-height:16px
}
.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);
    line-height:14px
}

/* || 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;
    height:40px;
    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:20px;
    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 > 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;
    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/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
}