/**/
.megapruh-ua {display:flex; gap:.5rem 1.5em; max-width:964px; margin:0 auto var(--spacing-15, 1.5rem); padding:var(--spacing-15, 1.5rem); border-radius:var(--radius-m-0, .5rem); font-size:1rem; color:#2B3135; background:#EDF2F9 url('/b/idnes/ua9-d.jpg') no-repeat 0 100% / 100% auto; box-sizing:border-box}
#wrapper .megapruh-ua {flex-direction:column; border:solid #D0D9DD; border-width:4px 0; background-image:url('/b/idnes/ua9-t.jpg')}
#wrapper .section .megapruh-ua {margin-left:-1rem; margin-right:-1rem}

.megapruh-ua a, .megapruh-ua.megapruh-ua.megapruh-ua a {color:#122E5B}

.megapruh-ua h1 {flex:0 0 5em; margin:0; font-weight:800; font-size:87.5%; line-height:1.286; font-family:inherit; text-transform:uppercase}
#wrapper .megapruh-ua h1 {flex:1}

.megapruh-ua .mega-online-out {flex:1 1 auto; position:relative; height:2.572em; min-height:0; overflow:hidden; font-size:87.5%; line-height:1.286}
.megapruh-ua .mega-online-out .mega-more {position:absolute; left:auto; bottom:0; right:0; z-index:2; display:block; width:auto; padding:1px 0 0 3em; border:0; text-align:right; text-transform:uppercase; font-weight:800; font-size:71.4%; line-height:1.5; background:linear-gradient(to right, rgba(239,243,249,0), rgba(239,243,249,1) 3em)}
.megapruh-ua .mega-online-out .mega-more:before {content:''; position:absolute; top:-99em; left:-999em; bottom:0; right:-999em}
.megapruh-ua .mega-more:after {content:''; display:inline-block; vertical-align:top; width:.8em; height:1.5em; margin:0 0 0 .3em; background:url('/u/icon/124/arrow2-right.svg') no-repeat 50% 50%}

#wrapper .megapruh-ua .mega-online-out {height:auto}

.megapruh-ua .mega-online {position:static; font-size:100%}
.megapruh-ua .mega-online .time {display:inline-block; vertical-align:top; margin:0 .2em 0 0; padding:0 .3em; border-radius:2px; font-weight:800; line-height:1.5; font-size:85.71%; color:#2B3135; background:#FFF}
.megapruh-ua .mega-online b {font-weight:400}
.megapruh-ua .mega-online:before {display:none} 
.megapruh-ua .mega-online .item {margin:0}
.megapruh-ua .mega-online .item ~ .item {display:none}
.megapruh-ua .mega-live {float:left; width:1.35em; padding:0; text-indent:-99em; overflow:hidden; font-size:87.5%}
.megapruh-ua .mega-live:before {content:''; float:left; width:.85em; height:.85em; margin:.3em .5em 0 0; border-radius:100%; background:#E41F1F}

.megapruh-ua .megabtngroup {flex:0 0 340px; margin-left:1.25em; display:flex; justify-content:space-between; align-items:flex-start; gap:.25rem}
#wrapper .megapruh-ua .megabtngroup {flex:1; margin:.25rem 0 0}

.megapruh-ua .mega-btn.mega-btn {flex:1 1 auto; display:block; white-space:nowrap; width:auto; padding:.5em; border:1px solid; border-radius:3px; font-weight:600; font-size:87.5%; line-height:1.429; text-align:center; text-decoration:none; transition:.2s; box-sizing:border-box}
.megapruh-ua .mega-btn:before {content:''; display:inline-block; vertical-align:top; width:1rem; height:1.429em; margin-right:.25rem; background:no-repeat 50% 50% / contain}	
.megapruh-ua .mega-btn.mega-btn {border-color:#D6DEEB; color:#122E5B; background:#FFF}
.megapruh-ua .mega-btn.mega-btn:hover {border-color:#4C70B5}
.megapruh-ua .mega-btn.icon-story, .megapruh-ua  .mega-btn.icon-foto {flex-basis:35%}

.mega-btn.icon-vote:before {background-image:url('/u/icon/124/vote.svg')}
.mega-btn.icon-candidates:before {background-image:url('/u/icon/124/candidates.svg')}
.mega-btn.icon-story:before {background-image:url('/u/icon/124/story.svg')}
.mega-btn.icon-coalition:before {background-image:url('/u/icon/124/coalition.svg')}
.mega-btn.icon-city:before {background-image:url('/u/icon/124/town.svg')}
.mega-btn.icon-foto:before {background-image:url('/u/icon/124/foto.svg')}
.mega-btn.icon-calc:before {background-image:url('/u/icon/124/calc.svg')}
.mega-btn.icon-category:before {background-image:url('/u/icon/124/category.svg')}
.mega-btn.icon-funeral:before {background-image:url('/u/icon/124/funeral.svg')}
.mega-btn.icon-video:before {background-image:url('/u/icon/124/video.svg')}
.mega-btn.icon-info:before {background-image:url('/u/icon/124/info.svg')}

.megapruh-ua .mega-btn.mega-btn.icon-cross.icon-cross {border-color:#FFD900; color:#122E5B; background:#FFD900}
.megapruh-ua .mega-btn.mega-btn.icon-cross.icon-cross:hover {border-color:#C11B1B}
.megapruh-ua .mega-btn.mega-btn.icon-cross:before {background-image:url('/b/idnes/icon-red-cross.svg')}