/* horni banner */
.hoz-top {position:relative; margin:0 0 2rem; overflow:hidden; border-radius:.5rem}
#wrapper .hoz-top {margin:0 0 1em; border-radius: 0.5rem; overflow: hidden;}

.topjackpot {position:absolute; bottom:5px; left:130px; right:130px; text-align:center; font-size:100px; font-weight:800; color:#fff;}
#wrapper .topjackpot {bottom:0; left:min(13vw,82px); right:min(13vw,82px); font-size:min(9.2vw,58px)}
@media(min-width:1680px) {
    #wrapper .topjackpot {bottom:0; left:47px; right:46px; font-size:33px}
}


.topjackpot-counter { display: inline-flex; width: max-content;}

.topjackpot-counter .digitElement {position: relative; overflow: hidden; width: 1ch; height:1em;}
.topjackpot-counter .numberElement {height:1em; text-align: center;}
.topjackpot-counter .digitSeparator {width:.2em;}


/* microobsah */
.hoz {margin:0 0 2rem; font-size:medium; font-feature-settings:"lnum"}

/*docasna uprava kvuli expresu*/
.hoz h2 {margin:0 0 .75rem; /*font-weight:600;*/ font-size:187.5%; line-height:1.2; text-transform:uppercase}
.hoz > p {margin:0 0 1em; font-size:100%; line-height:1.625}
.hoz-link {text-decoration:underline; color:var(--txt-pri60)} 
.hoz-link:after {content:''; display:inline-block; vertical-align:text-bottom; width:.75em; height:1.25em; margin:0 0 0 .25em; background:url('/u/icon/000/arrow2-right.svg') no-repeat 50% 50% / contain; filter:var(--filter-txt-pri60) }
/*.dark .hoz-link:after {background-image:url('/u/icon/abe/arrow2-right.svg')}*/
#wrapper .hoz {margin:0 0 1.5rem}
.css-t .hoz h2 {margin:0 0 .5rem; font-size:150%}
#wrapper .hoz > p {margin:0 0 .75rem; font-size:87.5%; line-height:1.286}

/* tabulka */
.hoz-tab {width:100%; margin:0 0 2.5rem; border-collapse:collapse}
.hoz-tab th {padding:1.25rem .375rem 1.125rem; font-weight:600; font-size:75%; line-height:1.167; background:var(--tgl-ter05, #FFF6DC);}
.hoz-tab th:first-child {border-radius:6px 0 0 0}
.hoz-tab th:last-child {border-radius:0 6px 0 0}
.hoz-tab td {padding:.75rem .375rem; border-bottom:1px solid var(--tgl-pri05); vertical-align:top; font-size:87.5%; line-height:1.286}
.dark .hoz-tab td {border-bottom-color:#2B3135}
.hoz-tab th:first-child, .hoz-tab td:first-child {padding-left:.75rem}
.hoz-tab td:first-child, .hoz-tab td:nth-child(2) {width:1em; white-space:nowrap}
.hoz-tab .c0 {color:#2B3135; background:#F0F2F3}
.dark .hoz-tab .c0 {color:#FFF; background:#2B3135}
.hoz-tab .c0 td:nth-child(2) {font-weight:600}
#wrapper .hoz-tab {margin:0 0 1.5rem}
#wrapper .hoz-tab td {padding:.5rem .25rem; font-size:81.25%; line-height:1.231}
#wrapper .hoz-tab th:first-child, #wrapper .hoz-tab td:first-child {padding-left:.5rem}

/* prihlasovani */
.hoz-login {margin:0 0 2.5rem; padding:2rem; border-radius:6px; color:#2B3135; background:#EDF2F9}
.dark .hoz-login {margin:0 0 2.5rem; padding:2rem; border-radius:6px; color:#FFF; background:#2B3135}
.hoz-login p {margin:0 0 .75rem; font-weight:600; font-size:100%; line-height:1.25}
#wrapper .hoz-login {margin:0 0 1.5rem; padding:1.5rem}
#wrapper .hoz-login p {margin:0 0 .5rem; font-size:87.5%; line-height:1.286}

.hoz-login-null {display:flex; flex-direction:row-reverse; align-items:center; gap:1em}
.hoz-login-null .hoz-btn {flex:0 0 50%}
.hoz-login-null p {margin:0}
#wrapper .hoz-login-null {flex-direction:column; align-items:normal; gap:0; text-align:center}

.hoz-btn {position:relative; overflow:hidden;; min-height:3em; margin:0; border-radius:3px; font-size:100%; line-height:1.25; color:#FFF; background:#1B3E7A; box-shadow:0 4px 8px rgba(0,0,0,.12)}
.hoz-btn:hover {background-color:#122E5B}
.dark .hoz-btn {color:#FFF; background:#4C70B5}
.hoz-btn a, .hoz-btn a:hover, .hoz-btn input, .hoz-btn button {display:flex; justify-content:center; align-items:center; gap:.5rem; width:100%; height:100%; min-height:3em; margin:0; padding:0 1rem; border:0; text-align:center; vertical-align:middle; font-weight:600; font-size:100%; text-decoration:none; color:inherit; background:none; box-sizing:border-box; outline:none}
.hoz-btn-login:before {content:''; display:block; width:1.25em; height:1.25em; background:url('/u/icon/fff/login0.svg') no-repeat 50% 50% / contain}

.hoz-inp {position:relative; margin:0 0 .25rem}
.hoz-inp input {display:block; width:100%; height:100%; min-height:3rem; margin:0; padding:.75rem; border:1px solid #D6DEEB; border-radius:3px; font-size:100%; line-height:1.25; color:inherit; background:#FFF; box-shadow:inset 0 1px 4px rgba(0,0,0,.2); box-sizing:border-box}
.hoz-inp input:focus {border-color:#4C70B5; box-shadow:none}
.hoz-inp input::placeholder {color:#75868E; opacity:1}
.dark .hoz-inp input {border-color:#434D52; color:inherit; background:#000}
.dark .hoz-inp input::placeholder {color:#B2B9BE}
.hoz-inp.erroneous input {border-color:#E41F1F; box-shadow:none}
.dark .hoz-inp.erroneous input {border-color:#F18F8F}
.hoz-inp label {position:absolute; top:0; left:0; padding:.75rem .75rem 0; font-weight:600; font-size:.75rem; line-height:1.167; color:#75868E}
.hoz-inp label ~ input {height:3.75em; padding-top:1.75rem}
.hoz-inp input[disabled] {opacity:.75; background:rgba(128,128,128,0.1) }

.hoz-consent {position:relative; overflow:hidden;; min-height:1.25rem; margin:1rem 0; padding:1px 0 1px 1.75rem; font-size:87.5%; line-height:1.286; box-sizing:border-box}
.hoz-consent label:hover {cursor:pointer; text-decoration:underline}
.hoz-consent input {position:absolute; left:-999vw}
.hoz-consent input + label:before {content:''; position:absolute; left:0; top:0; width:1.25rem; height:1.25rem; background:url('/u/icon/bbc/form-checkbox-unselected.svg') no-repeat 50% 50% / contain; cursor:pointer}
.hoz-consent input:checked + label:before {background-image:url('/u/icon/137/form-checkbox.svg')}
.dark .hoz-consent input:checked + label:before {background-image:url('/u/icon/68c/form-checkbox.svg')}
.hoz-consent.erroneous input + label:before {background-image:url('/u/icon/b11/form-checkbox-unselected.svg')}
.hoz-consent a {text-decoration:underline; color:#1B3E7A}
.dark .hoz-consent a {color:inherit}

.hoz-consent2 {position:relative; overflow:hidden;; min-height:1.25rem; margin:1rem 0; padding:1px 0; font-size:87.5%; line-height:1.286; box-sizing:border-box}
.hoz-consent2 a {text-decoration:underline; color:#1B3E7A}
.dark .hoz-consent2 a {color:inherit}

.hoz .error {padding:.125rem 0; font-size:87.5%; line-height:1.286; color:#C11B1B}
.dark .hoz .error {color:#F18F8F}
.hoz .hoz-consent .error {font-size:100%}

/* status boxy */
.hoz-box {margin:0 0 2.5rem; padding:2rem; overflow:hidden;  border-radius:8px; border: 1px solid var(--tgl-ter10, #FCE5A8); background:var(--tgl-ter05, #FFF6DC);}
.hoz-box-null {opacity:.5}
.hoz-box p {font-weight:600; font-size:100%; line-height:1.25}
#wrapper .hoz-box {margin:0 0 1.5rem; padding: var(--spacing-15, 1.5rem);}

@media(max-width:600px) {
#wrapper .hoz-box {background-size: auto, 126vw; background-position: center, center -18vw;}

}


#wrapper .hoz-box p {font-size:87.5%; line-height:1.286}


/*
background: radial-gradient(124.3% 124.3% at 50% 50%, rgba(16, 36, 71, 0.10) 0%, #122E5B 100%), 
    url(<path-to-image>) lightgray -103.337px -251.913px / 172.31% 246.009% no-repeat, var(--static-fill-primary80-sf-p80-sf, #122E5B);

*/



.hoz-counter {display:flex; justify-content:space-between; margin:0 0 1em}
.hoz-counter-x {font-weight:800; font-size:100%; line-height:1.25; text-transform:uppercase}
.hoz-counter-y {padding:.3125rem 0; font-weight:800; font-size:112.5%; line-height:1;}
.hoz-counter-y big {font-size:266.67%}
.hoz-counter-z {font-size:87.5%; line-height:1.286;}
#wrapper .hoz-counter {margin:0 0 .5em}
#wrapper .hoz-counter-x {font-size:87.5%; line-height:1.286}
#wrapper .hoz-counter-y {padding:.25rem 0; font-size:100%}
#wrapper .hoz-counter-y big {font-size:250%}
#wrapper .hoz-counter-z {font-size:75%; line-height:1.167}

.hoz-coin-big {flex:0 0 auto; width:6em; height:6em;background:url('/o/microsite/hoz-diamant/bod-velky.png') no-repeat 50% 50% / cover;  box-sizing:border-box} 
#wrapper .hoz-coin-big {width:5em; height:5em; border-width:3px}

.hoz-coin {width:22em; display:flex; flex-wrap:wrap; align-content:center; justify-content: center; align-items:center; gap:4px}
.hoz-coin li {/*flex:0 0 11.5%;*/ flex:0 0 40px; display:block; aspect-ratio:1; background:no-repeat 50% 50% / cover; box-sizing:border-box}

.hoz-coin-1 li, .hoz-coin-2 li, .hoz-coin-3 li, .hoz-coin-4 li, .hoz-coin-5 li, 
.hoz-coin-6 li, .hoz-coin-7 li, .hoz-coin-8 li, .hoz-coin-9 li, .hoz-coin-10 li, 
.hoz-coin-11 li, .hoz-coin-12 li, .hoz-coin-13 li, .hoz-coin-14 li, .hoz-coin-15 li {background-image:url('/o/microsite/hoz-diamant/bod80.png')}

.hoz-coin-1 li:nth-child(n+2), .hoz-coin-2 li:nth-child(n+3), .hoz-coin-3 li:nth-child(n+4), .hoz-coin-4 li:nth-child(n+5),
.hoz-coin-5 li:nth-child(n+6), .hoz-coin-6 li:nth-child(n+7), .hoz-coin-7 li:nth-child(n+8), .hoz-coin-8 li:nth-child(n+9), 
.hoz-coin-9 li:nth-child(n+10), .hoz-coin-10 li:nth-child(n+11), .hoz-coin-11 li:nth-child(n+12), .hoz-coin-12 li:nth-child(n+13), 
.hoz-coin-13 li:nth-child(n+14),.hoz-coin-14 li:nth-child(n+15){background-image:url('/o/microsite/hoz-diamant/bod80-prazdny.png')}


#wrapper .hoz-coin {width:47%; gap:2px}
#wrapper .hoz-coin li {flex-basis:calc(20% - 2px);}

/* vitez */
.hoz-winner-1 { display: flex; flex-direction: column; align-items: stretch; gap: 1em; width: 100%; }
.hoz-winner-1 iframe {    width: calc(100% + 4rem); margin: -2rem -2rem 1rem -2rem;}
#wrapper .hoz-winner-1 iframe {width: calc(100% + 3rem); margin: -1.5rem -1.5rem 1rem -1.5rem;}
.hoz-winner-1 p {flex:0 0 55%; margin:0;  font-weight:400; font-size:100%; line-height:1.625}
.hoz-winner-1 div {flex:0 1 auto; max-width:240px}
.hoz-winner-1 img {width:100%; height:auto}
#wrapper .hoz-winner-1 p {padding:0; font-size:87.5%; line-height:1.286}

.hoz-winner-2 {margin:2rem -2rem -2rem; padding:2rem;  font-size:100%; line-height:1.25; text-transform:uppercase; 
                background: var(--tgl-ter10, #FCE5A8);}
.hoz-winner-2+.hoz-winner-2 {border-top: solid 1px var(--tgl-ter05, #FFF6DC);}
.hoz-winner-2 strong {font-weight:800}
#wrapper .hoz-winner-2 {margin:1.5rem -1.5rem -1.5rem; padding:1.5rem}
#wrapper .hoz-winner-2 strong {display:block}

.hoz-zizalka-out {display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 0 1em}
.hoz-zizalka-out i {flex:0 0 5em; position:relative; display:block; width:5em; margin:.125rem 0 0; font-style:normal; font-size:75%; line-height:1.167; text-align:center; }
.hoz-zizalka-out i:first-of-type {margin-left:-2.5em; padding-left:2.5em; text-align:left; box-sizing:border-box}
.hoz-zizalka-out i:last-of-type {margin-right:-2.5em; padding-right:2.5em; text-align:right; box-sizing:border-box}
.hoz-zizalka-out i:before {content:''; position:absolute; bottom:100%; left:50%; width:1px; height:1.5rem; background:#F0F2F3}
.hoz-zizalka-out i:first-of-type:before, .hoz-zizalka-out i:last-of-type:before {display:none}
.hoz-zizalka {flex:0 0 100%; height:1em; border-radius:3px; overflow:hidden;; background:#fff}
.hoz-zizalka u {float:left; height:100%; background:var(--tgl-ter50, #E8B332);}
#wrapper .hoz-zizalka-out {margin:0 0 .5em}

/* denni cil */
.hoz-true, .hoz-false {margin:0 0 2.5rem; padding:1.5rem; border-radius:6px; color:var(--neutral90); background:var(--neutral05, #F0F2F3)}
.hoz-true ~ .hoz-true {margin-top:-1.5rem}
.hoz-true p, .hoz-false p {padding-left:1.75em; font-weight:600; font-size:100%; line-height:1.25; background: url(/u/icon/org/done-060.svg) no-repeat 0 0 / 1.25em 1.25em;}
.hoz-true p ~ p, .hoz-false p ~ p {margin-top:.5rem}

.hoz-false p {background-image:url('/u/icon/000/unfinished-delete.svg')}

.hoz-box-header {display:flex; gap:.25em; align-items: center; margin: 0 0 0.75rem;}
.hoz .hoz-box-header h2 {margin:auto 0}

.hoz-tooltip {position:relative; margin-left: .5rem;}

.hoz-tooltip .ico-info {display:block;cursor: pointer;
    font-size:1.185rem;
    filter: var(--filter-tgl-pri30);
}
#wrapper .hoz-tooltip .ico-info {font-size:125%}

.hoz-tooltip .tooltip-bubble {
    display: none;
    position: absolute;
    left: calc(100% + 8px);
    top: -.65em;
    width: 150px;
    padding: 1em;
    font-size: .75rem;
    line-height: 1.25;
    font-weight:normal;
    text-transform:none;
    box-sizing: border-box;
    border-radius: 0.25rem;
    border: 1px solid var(--tgl-pri10, #D3D7DA);
    color: var(--txt-neutral90, #2B3135);
    background-color: var(--tgl-white, #FFF);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
}

.tooltip-bubble:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    margin: -4px;
    box-sizing: border-box;
    background: var(--tgl-white, #FFF);
    border: solid var(--tgl-pri10, #D3D7DA);
    border-width: 0 0 1px 1px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
    top: 1.6em;
    left: 0;
    transform: rotate(45deg);
}

.hoz-tooltip .tooltip-close {
    float: right;
    width: 1.5rem;
    height: 1.5rem;
    margin: -0.75rem -0.75rem 0em 0em;
    cursor: pointer;
    background: url(/u/icon/000/close-i.svg) no-repeat center / 0.75rem 0.75rem;
    filter: var(--filter-neutral60);
}
.hoz-tooltip.open .tooltip-bubble {display:block}