.hub-grid{display:grid;gap:24px;grid-template-columns:1fr 300px;justify-content:center;margin:0 auto 3rem;position:relative;width:100%;.match-head{color:var(--generic-white);display:contents;.head-wrap{background:var(--brand-dark-vgong);grid-column:1/span 2;padding:0 0 1rem;position:relative;.match-picture{height:575px;mask-image:radial-gradient(50% 75% at 50% 25%,#000 0,rgba(0,0,0,.35) 83.96%,transparent 100%);object-fit:cover;width:100%}}&:before{background:var(--brand-dark-vgong);content:"";display:block;grid-row:1/2;height:100%;left:0;position:absolute;right:0}}.match-info{display:grid;grid-template-areas:"host match-info guest" "host-goals . guest-goals ";grid-template-columns:1fr auto 1fr;justify-content:center;margin:-150px auto 1.5rem;position:relative;.host{grid-area:host}.guest{grid-area:guest}.guest,.host{text-align:center;img{height:56px;margin-bottom:.5rem}.guest-name,.host-name{font:700 1.05rem/1.3 var(--font-sans);text-transform:uppercase}}.score{display:flex;font:700 4.8rem/1 var(--font-sans);grid-area:match-info;letter-spacing:5.76px;margin:-2.25rem -1rem 0;position:relative;text-transform:uppercase;.devider{opacity:.7}}.status{align-self:end;font:800 18px/1.3 var(--font-sans);grid-area:match-info;margin:0 -1rem;padding-bottom:.5rem;text-align:center;text-transform:uppercase;&.live{color:var(--live-shade)}&.finished{color:var(--brand-pale)}}.guest-goals,.host-goals{font:300 .6rem/1 var(--font-sans);list-style:none;margin:.8rem 0 0;padding:0;li{margin:0 0 1em}.icon{height:12px;vertical-align:bottom;width:12px}.time{color:var(--brand-pale);margin:0 .5em;text-transform:uppercase}}.host-goals{grid-area:host-goals;text-align:left}.guest-goals{grid-area:guest-goals;text-align:right;.icon,.time{float:right}}}.events{.vote-container{margin-bottom:1.5rem}& div:empty,& h3:empty,& span:empty,& time:empty{display:none}.event-item{border:1px solid var(--generic-85);border-radius:var(--borer-radius-8880);display:grid;font:200 1rem/1.4 var(--font-sans);grid-template-areas:"time icon" "title title" "description description" "details details";margin:0 0 8px;padding:1.2rem;time{color:var(--generic-30);font:700 14px/1.3 var(--font-sans);grid-area:time;margin-bottom:10px;text-transform:uppercase}.event-icon{grid-area:icon;height:36px;justify-self:end;margin-bottom:-20px;width:36px;img{height:100%;object-fit:contain;width:100%}}.event-title{font:700 1.2rem/1.3 var(--font-sans);grid-area:title;margin:0 0 10px;padding:0}.event-description{grid-area:description}.event-details{display:flex;grid-area:details;justify-content:center;padding:.5rem 0}.players-swap{display:flex;justify-content:center;.icon{aspect-ratio:1/1;margin:auto 1.5rem}}&.goal,&.red-card{border:0;color:var(--generic-white);time{color:inherit}}&.red-card{background:#ae180a url(https://m.netinfo.bg/gong/images/content/g25/section_back.png) 100% no-repeat;background-blend-mode:darken}&.yellow-card{background:#fcd255 url(https://m.netinfo.bg/gong/images/content/g25/section_back.png) 100% no-repeat;border:0}&.goal{background:#266934 url(https://m.netinfo.bg/gong/images/content/g25/match-goal-back.png) 100% no-repeat;.event-details{background:url(https://m.netinfo.bg/gong/images/content/g25/goal-txt.svg) top no-repeat;padding-top:160px;.goal.simple &{background:url(https://m.netinfo.bg/gong/images/content/g25/goal-simple.svg) center 25px no-repeat;padding-top:110px}}}&.card{border:none;font:200 1rem/1.4 var(--font-sans);padding:0}}.tags{margin:1.5rem 0}}&.formation-teams,&.h2h,&.ranking,&.statistics{grid-auto-flow:dense;.match-head{&:before{height:calc(100% + 20rem)}.head-wrap{grid-column:1/span 1;padding:0 0 1rem;.match-picture{display:none}}}.match-info{margin-top:6rem;.guest-goals,.host-goals{display:none}}.context-carousel{display:none}.formation-teams-info{background:var(--generic-white);border-radius:8px;grid-column:1;overflow:hidden;position:relative}.formation-scheme{border-radius:8px;margin-bottom:1.5rem;max-width:100%;overflow:hidden;position:relative;&>*{margin-top:-1px;svg{background:#3f6b2b;border-radius:0 0 16px 16px;width:100%}}.horizontal{aspect-ratio:570/350}.horizontal,.vertical{height:auto;width:100%}.vertical{aspect-ratio:350/570;margin:auto;max-width:400px}}.sidebar{grid-column:2;margin-top:1.6rem}.h2h-info,.ranking-info,.statistics-info{background:var(--generic-white);border-radius:8px;grid-column:1;padding-top:3rem;position:relative}}.ls-ranking-table,.ls-schedule-table{margin:2.5rem auto 1rem;max-width:750px;&:first-of-type{margin-top:0}}}.tab.team-guest,.tab.team-host{display:grid;gap:16px;justify-content:center;padding:16px;text-align:center;.team-name{font:700 11px/1.3 var(--font-sans);text-transform:uppercase}}.formation-lists{display:grid;.block-title{grid-column:1/-1;text-align:center}}.coach-item{align-items:center;aspect-ratio:4/3;aspect-ratio:4/2.5;background:linear-gradient(180deg,transparent,rgba(0,0,0,.2));border-radius:var(--borer-radius-8880);border-top:4px solid rgba(0,0,0,.3);color:var(--generic-white);display:flex;flex-direction:column;justify-content:center;margin-bottom:8px;position:relative;&:before{background:url(https://m.netinfo.bg/gong/images/content/g25/livescore-carousel-back.png) 50%/400% no-repeat;background-blend-mode:soft-light;content:"";display:block;height:100%;inset:0;opacity:.03;position:absolute;width:100%}.team-guest &,.team-host &{background-color:var(--team-color)}.coach-image{aspect-ratio:1/1;margin:2rem auto .7rem;position:relative;img{background:var(--generic-white);border:5px solid var(--generic-white);border-radius:50%;object-fit:cover;overflow:hidden}}.coach-name{font:700 12px/1.3 var(--font-sans);position:relative;text-align:center;.name,.surname{display:block}.surname{font:700 18px/1.3 var(--font-sans);text-transform:uppercase}}.positions{color:#fcd255;font:700 18px/1.3 var(--font-sans);margin:auto auto 1.2rem;position:relative}}.players-list{display:grid;gap:4px;.player-item{background:var(--generic-95);border-radius:var(--borer-radius-8880);padding:8px;.player-image{flex:0 0 64px;margin:auto 0;img{border-width:3px;height:auto;width:100%}}.player-number{right:-5px;.team-guest &,.team-host &{background-color:var(--team-color)}}}}.stat-row{margin:0 auto 32px;max-width:778px;padding:0 16px;position:relative;.indicator{font:400 16px/1 var(--font-sans);margin-bottom:10px;text-align:center}.guest-numeric,.host-numeric{bottom:20px;font:500 42px/.9 var(--blocktitle-font-serif);position:absolute;z-index:1;-webkit-text-stroke:3px var(--generic-white);paint-order:stroke fill}.host-numeric{color:var(--team-color);left:40px}.guest-numeric{color:var(--team-color);right:40px}.stat-graph-bar{background:var(--generic-85);border-radius:var(--borer-radius-8880);height:32px;overflow:hidden;position:relative;width:100%;.host-full{background:var(--generic-10);border-radius:3px 0;box-shadow:3px 0 0 var(--generic-white);height:100%;inset:0 auto 0 -5px;position:absolute;transform:skew(-16deg)}}}@media only screen and (max-width:680px){.hub-grid{grid-template-columns:1fr;& .match-head{.head-wrap{grid-column:1/span 1}}.match-info{margin:-150px auto 1.5rem;padding:0 16px;.guest,.host{.guest-name,.host-name{font:700 .75rem/1.3 var(--font-sans)}}.score{font:700 2.8rem/1 var(--font-sans);letter-spacing:2.52px;margin:-1.5rem auto 0}.status{margin:0 -2rem;padding-bottom:2.5rem}.guest-goals,.host-goals{font:300 .75rem/1 var(--font-sans);margin:1.8rem 0 0}.host-goals{margin-right:-2rem}.guest-goals{margin-left:-2rem}}.events{box-sizing:border-box;max-width:100vw;padding:0 16px;.event-item{&.players-swap .icon{width:2rem}.event-description{iframe{max-width:100%;&[src*=vbox7],&[src*=youtube]{aspect-ratio:16/9;height:auto}}}}}&.formation-teams,&.h2h,&.ranking,&.statistics{.match-head{&:before{height:calc(100% + 10rem)}}.formation-teams-info{border-radius:16px;display:contents}.formation-scheme{padding:0 5px;&>*{border-radius:16px;margin-top:-1px;overflow:hidden}}.sidebar{grid-column:auto;grid-row:3/span 1;margin-top:1.6rem}.h2h-info,.ranking-info,.statistics-info{margin:0 16px}}&.formation-teams{.formation-lists .tab-content{padding:0 16px}.tabs{margin-bottom:2rem;padding:8px 16px 0}}.stat-row{.indicator{margin-bottom:20px}}}}@media only screen and (min-width:680px){.hub-grid{grid-template-columns:1fr;.match-info{margin:-150px auto 1.5rem;padding:0 16px}.events{padding:0 16px;.event-item{&.players-swap .icon{width:2rem}}}&.formation-teams,&.h2h,&.ranking,&.statistics{.match-head{&:before{height:calc(100% + 10rem)}.head-wrap{grid-column:1/span 1}}.formation-teams-info{border-radius:16px}.formation-scheme{padding:0;&>*{border-radius:16px;margin-top:-1px}}.sidebar{grid-column:auto;margin-top:1.6rem}}&.formation-teams{.formation-lists .tab-content{padding:0 16px}.sidebar{grid-row:3/span 1}}.ls-ranking-table,.ls-schedule-table{border:1px solid var(--generic-85)}}.formation-lists{gap:24px 0;grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:980px){.hub-grid{grid-template-columns:1fr 300px;&.formation-teams,&.h2h,&.ranking,&.statistics{.match-head{&:before{height:calc(100% + 20rem)}}.formation-teams-info{margin:0 16px}.sidebar{grid-column:2;grid-row:1/span 2;margin-top:1.6rem}}&.h2h,&.ranking,&.statistics{grid-template-rows:auto 1fr}.formation-lists{gap:24px 15px}}}@media only screen and (min-width:1308px){.hub-grid{grid-template-columns:945px 300px;.match-info{margin:auto auto 1.5rem;padding:0;width:945px}}.events{.events-wrapper{margin:0 auto;width:732px}}}
/*# sourceMappingURL=hub.9a64f94d37298261272c.css.map*/