/* kopie z uni pro generovatko */
.h {display:none}
/* kopie z uni pro generovatko - END  */

.mega-hms a {color:inherit; text-decoration:none}

/* obaly */
.mega-hms {display:block; clear:both; position:relative; max-width:964px; margin:0 auto var(--spacing-15, 1.5rem); padding:var(--spacing-1, 1rem) var(--spacing-15, 1.5rem); border-radius:.5rem; font-size:1rem; color:var(--txt-neutral90, #2B3135); background:var(--tgl-neutral05, #F0F2F3) no-repeat 50% 100% / cover; box-sizing:border-box}
.css-t .mega-hms {margin-left:1rem; margin-right:1rem}
.css-t .section .mega-hms {margin-left:0; margin-right:0}

#mega-hms-top {background-image:url('/b/idnes/hokej24-mega-d.jpg')}
#wrapper #mega-hms-top {background-image:url('/b/idnes/hokej24-mega-t.jpg')} 
.dark #mega-hms-top, .dark #wrapper #mega-hms-top {background-image:none}

#mega-hms-hp {background-image:url('/b/idnes/hokej24-results-floor-d.jpg')}
#wrapper #mega-hms-hp {background-image:url('/b/idnes/hokej24-results-floor-t.jpg')}
.dark #mega-hms-hp, .dark #wrapper #mega-hms-hp {background-image:none}

/* logo */
.mega-hms-logo, a.mega-hms-logo {display:block; margin:0; padding:0 0 0 2.5em; font-weight:600; font-size:var(--rs-h4,  1.5rem); line-height:1.2; font-family:'Fira Sans',sans-serif; text-transform:uppercase; color:var(--txt-pri80, #122E5B); background:url('/b/idnes/hokej25-logo.png') no-repeat 0 50% / auto 2.4em}
.mega-hms-logo strong {font-weight:inherit}
.mega-hms-logo span {display:block}
.mega-hms-logo:hover {text-decoration:underline}

/* matche */
.mega-hms-match {display:table; font-weight:600; font-size:87.5%; line-height:1.25; white-space:nowrap}
#mega-hms-top .mega-hms-match {font-size:100%}
#mega-hms-top .mega-hms-match > div {display:table-cell; vertical-align:middle}						
.mega-hms-score {position:relative; min-width:4em; text-align:center}
#mega-hms-top .mega-hms-score {padding:0 .2em}
.mega-hms-score label {position:absolute; top:0; left:50%; display:table; width:6em; margin:-1.125rem 0 0 -3em; padding:.125rem 0; border-radius:.125rem; font-weight:400; font-size:.625rem; line-height:1; text-decoration:none; text-align:center; color:#FFF; background:var(--tgl-pri30, #4C70B5)}
#mega-hms-top .mega-hms-score label {top:100%}
.mega-hms-score span {font-weight:800}
.mega-hms-score span.mega-time {font-weight:400}
#mega-hms-top .mega-hms-score span {font-size:125%}
.mega-hms-match:hover .mega-hms-score span {text-decoration:underline}
#mega-hms-top .mega-hms-score label + span {display:block; padding-bottom:.75rem}
.mega-hms-team {text-transform:uppercase}
#mega-hms-top .mega-hms-team {width:6em; text-align:right; line-height:3}
#mega-hms-top .mega-hms-team-2 {text-align:left}
.mega-hms-team img {float:left; width:auto; height:1.2em; margin:0 .4em 0 0}
#mega-hms-top .mega-hms-team img {height:3em; margin:0 .25em 0 0}
#mega-hms-top .mega-hms-team-1 img {float:right; margin:0 0 0 .25em}
#mega-hms-top .mega-hms-team-2 img {}

.mega-hms .mega-online-out {position:relative; display:flex; align-items:center; max-width:100%}
.css-t .mega-hms .mega-online-out {display:block; width:100%}
.mega-hms .mega-live {display:none}
.mega-hms .mega-more {padding:0 1em 0 .5em; white-space:nowrap; font-weight:600; font-size:81.25%; color:var(--txt-pri80, #122E5B); background:url('/u/icon/124/arrow1-right.svg') no-repeat 100% 50% / .75em }
.dark .mega-hms .mega-more {background-image:url('/u/icon/fff/arrow1-right.svg')}
.mega-hms .mega-more:hover {text-decoration:underline}
.mega-hms .mega-online-out .mega-more:before {content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:2}
.mega-hms .mega-online {overflow:hidden; font-size:87.5%; line-height:1.25}
.css-d .mega-hms .mega-online {height:1.25em; white-space:nowrap; text-overflow:ellipsis}
.css-t .mega-hms .mega-online {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.mega-hms .mega-online * {display:inline}
.mega-hms .mega-online .item ~ .item {display:none}
.mega-hms .mega-online img {vertical-align:top; width:auto; height:1.2em}
.mega-hms .mega-online .time {float:none; display:inline-block; vertical-align:top; margin:0 .5rem 0 0; padding:0 .25rem; border-radius:2px; font-size:85.714%; line-height:1.458; font-weight:800; color:var(--txt-neutral90, #2B3135); background:var(--tgl-pri10, #D6DEEB)}
.mega-hms .mega-online .time-in {display:inline}
.mega-hms .mega-online .event {display:inline; padding:0; font-size:100%}
.mega-hms .mega-online .event img {display:none}
.mega-hms .mega-online .event p {margin:0}

.mega-hms-art {display:flex; align-items:center; gap:.5em}
.mega-hms-art-img {flex:0 0 auto; width:3em; height:3em; border-radius:.5rem; text-align:center; overflow:hidden}
.mega-hms-art-img img {width:auto; height:100%; margin:0 -50%}
.mega-hms-art h3 {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; font-weight:600; font-size:87.5%; line-height:1.2; color:var(--txt-pri80, #122E5B)}
.mega-hms-art:hover h3 {text-decoration:underline}
.mega-hms-art .megabrisk {display:inline-block; margin:0 .25rem 0 0; padding:1px .25em 0; border-radius:2px; font-weight:600; font-size:.75rem; line-height:1.316; font-family:'Inter', sans-serif; text-transform:uppercase; color:#FFF; background:#E41F1F}

.mega-hms-matches {clear:both; display:flex; flex-wrap:wrap; margin:1em 0 0}
.mega-hms-matches li {flex:0 0 25%; position:relative; display:block; padding:.5rem .75rem; border-top:1px solid var(--tgl-pri10, #D6DEEB); text-align:left; box-sizing:border-box;}
.mega-hms-matches li:before {content:''; position:absolute; top:.6em; left:0; bottom:.6em; width:1px; margin-left:-1px; background:var(--tgl-pri10, #D6DEEB)}
.mega-hms-matches li:nth-child(4n+1):before {background:none}
.mega-hms-matches li.double {flex-basis:50%}
.mega-hms-matches h4 {margin:0 auto .25rem; font-weight:400; font-size:.625rem; line-height:1.4; color:#75868E}
.mega-hms-matches .mega-hms-match {display:block; max-width:12em; margin:0 auto}
.mega-hms-matches .mega-hms-match:after {content:''; display:block; clear:both}
.mega-hms-matches .mega-hms-team {float:left; width:4.4em; height:1.25em; margin:0 0 .125rem; line-height:1.25}
.mega-hms-matches .mega-hms-team-2 {clear:left}
.mega-hms-matches .mega-hms-score {float:right; line-height:3}
.mega-hms-matches .mega-hms-art {}
#wrapper .mega-hms-matches li {flex-basis:50%}
#wrapper .mega-hms-matches li:nth-child(2n+1):before {background:none}
#wrapper .mega-hms-matches li.double {flex-basis:100%}

.mega-hms .mega-next {display:block; width:100%; padding:.5rem 0 0; border-top:1px solid var(--tgl-pri10, #D6DEEB); font-weight:600; font-size:87.5%; text-align:center; text-decoration:underline; color:var(--txt-pri80, #122E5B)}
.mega-hms .mega-next:hover {text-decoration:underline}
.mega-hms .mega-next:after {content:''; display:inline-block; width:.75em; height:.75em; margin-left:.25em; background:url('/u/icon/000/arrow1-right.svg') no-repeat 100% 50%; filter:var(--filter-txt-pri80)}


/* chytristiky skladani */
.css-d .mega-hms-trans {display:grid; grid-template-columns:52px 1fr 1fr 1fr; gap:1rem 2rem; width:100%}
.css-d .mega-hms-trans .mega-hms-match {grid-column:2}
.css-d .mega-hms-trans .mega-hms-logo {grid-column:1; grid-row:1 / span 2; margin-right:-.5rem; padding:0; background-size:contain}
.css-d .mega-hms-trans .mega-hms-logo strong {display:none}
.css-d .mega-hms-trans .mega-online-out {grid-column:2 / span 2; grid-row:2; padding:.5rem 0 0; border-top:1px solid var(--tgl-pri10, #D6DEEB)}
.css-d .mega-hms-trans .mega-hms-event {grid-column:4; grid-row:1}
.css-d .mega-hms-trans .mega-next {grid-column:4; grid-row:2}
.css-d .mega-hms-trans > :nth-child(n+7) {display:none}

.css-t .mega-hms-trans {display:flex; flex-direction:column; align-items:flex-start; gap:.75rem}
.css-t .mega-hms-trans .mega-hms-match {position:relative; z-index:2; margin-left:2.5em}
.css-t .mega-hms-trans .mega-hms-match ~ .mega-hms-logo {position:absolute; z-index:1}
.css-t .mega-hms-trans .mega-hms-match ~ .mega-hms-logo strong {visibility:hidden}
.css-t .mega-hms-trans .mega-online-out {padding:0 0 .5rem; border-bottom:1px solid var(--tgl-pri10, #D6DEEB)}
.css-t .mega-hms-trans .mega-hms-event {order:3}
.css-t .mega-hms-trans .mega-next {order:5}
.css-t .mega-hms-trans .mega-online-out + .mega-next:last-of-type {margin-top:-.75rem; border:none}
.css-t .mega-hms-trans > :nth-child(n+7) {display:none}
.css-t .mega-hms-trans .mega-hms-logo:first-child + * + * + * + * + *, 
.css-t .mega-hms-trans .mega-hms-logo:first-child + * + * + * + * + * + * {display:none}