#pbOverlay *, #pbOverlay *:before, #pbOverlay *:after {-moz-box-sizing: content-box;box-sizing: content-box;}#pbOverlay.show {opacity: 1;pointer-events: auto;}#pbOverlay {opacity: 0;overflow: hidden;width: 100%;height: 100%;position: fixed;z-index: 9999999;left: 0;top: 0;text-align: center;pointer-events: none;user-select: none;-moz-user-select: none;background: rgba(0, 0, 0, .90);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2000000', endColorstr='#e2000000');transform: translate3d(0);-webkit-transform: translate3d(0);transition: opacity 300ms ease;}#pbOverlay.msie {background-color: rgba(0, 0, 0, .6);}.msie.pbLoading .pbWrapper {background: url(//www.tribunasofia.bg/wp-content/plugins/gallery-lightbox-slider/css/images/loading.gif) no-repeat center center;}@keyframes pbLoaderFrames {50% {height: 5px;}}@-webkit-keyframes pbLoaderFrames {50% {height: 5px;}}.pbLoader {display: none;width: 100px;height: 100px;position: absolute;z-index: 999999;top: 0;left: 0;right: 0;bottom: 0;margin: auto;text-align: center;border-radius: 100%;box-shadow: 15px 32px 60px -20px #FFF inset, 1px 1px 3px 1px #FFF inset, 0 0 20px;transition: .3s;}.thumbs .pbLoader {-webkit-transform: translateY(-50px);transform: translateY(-50px);}.pbLoading:not(.msie):not(.error) .pbLoader {display: block;}.pbLoader b {display: inline-block;vertical-align: middle;margin: 0 2px;width: 8px;height: 60px;border-radius: 5px;background: rgba(255, 255, 255, .8);box-shadow: 0 0 10px rgba(0, 0, 0, .5);-webkit-animation: .9s pbLoaderFrames infinite linear;animation: .9s pbLoaderFrames infinite linear;}.pbLoader b:nth-child(2) {-webkit-animation-delay: .3s;animation-delay: .3s;}.pbLoader b:nth-child(3) {-webkit-animation-delay: .6s;animation-delay: .6s;}.mobile.pbLoading .pbLoader {transform: none;transition: 0s;}.pbWrapper:after, #pbCaption .pbThumbs ul:after, #pbOverlay .prevNext:after, #pbOverlay .pbLoader:before {content: "";display: inline-block;height: 100%;margin-right: -.25em;vertical-align: middle;}@keyframes deadImage {50% {text-shadow: 0 0 25px rgba(255, 255, 255, .5);transform: scale(.85);}}@-webkit-keyframes deadImage {50% {text-shadow: 0 0 25px rgba(255, 255, 255, .5);-webkit-transform: scale(.85);}}.pbWrapper {-moz-box-sizing: border-box;box-sizing: border-box;transform: rotate(0deg);vertical-align: middle;height: 100%;perspective: 1200px;position: relative;transition: .2s;}.video>.pbWrapper {z-index: 11;display: inline-block;}.pbLoading .pbWrapper {display: inline-block\9;width: 100%;}.pbWrapper:before {content: '\2716';color: transparent;text-shadow: 0 2px 35px rgba(255, 255, 255, 0);font-size: 0;vertical-align: middle;cursor: default;transition: text-shadow .7s ease-out;}.error .pbWrapper:before {font-size: 22em;text-shadow: 0 0 0 #FFF;-webkit-animation: 2s 1s deadImage infinite linear;animation: 2s 1s deadImage infinite linear;}.thumbs .pbWrapper {padding: 0;margin: 0;}.error .pbWrapperr img {width: 0;}.pbWrapper>div {display: none;width: 624px;height: 351px;vertical-align: middle;border-radius: 5px;background: rgba(0, 0, 0, .5);}.video>.pbWrapper>div {display: inline-block;}#pbOverlay iframe, #pbOverlay embed, #pbOverlay object {display: block;width: 100%;height: 100%;opacity: 1;transition: .5s;}.pbWrapper .pbHide iframe {opacity: 0;}.pbWrapper>div, .pbWrapper>img {transition: .8s .5s cubic-bezier(.1, .87, .48, 1);-webkit-transform: none;-ms-transform: none;transform: none;backface-visibility: hidden;-webkit-backface-visibility: hidden;box-shadow: 0 0 20px #000;}.mobile.show .pbWrapper>div, .mobile.show .pbWrapper>img {transition: 30ms;}.pbWrapper>*, .pbHide .pbWrapper>.prepare {opacity: 1;vertical-align: middle;transform: scale(0) rotateX(80deg);-webkit-transform: scale(0) rotateX(80deg);-ms-transform: scale(0) rotateX(80deg);border-radius: 6px;border: none;max-height: 95%;max-width: 100%;}.on .pbWrapper>* {transition-delay: 0s;}.pbWrapper .zoomable {-webkit-transition: 0s;transition: 0s;position: relative;z-index: 9;}.pbHide .pbWrapper>* {-webkit-transform: scale(1.2);transform: scale(1.2);transform: none\9;opacity: 0;transition: .4s ease-out;}#pbCloseBtn, #pbAutoplayBtn {position: absolute;top: -50px;right: -50px;z-index: 9999999;display: block;padding: 0 0 20px 20px;text-align: center;cursor: pointer;color: #FFF;transition: .3s .3s ease-out;}.pbHide #pbCloseBtn {top: -50px;right: -50px;}.on #pbCloseBtn {top: -2px;right: -2px;}#pbCloseBtn:before {content: '\00D7';font: bold 1em/1 arial;}#pbCloseBtn:before, #pbAutoplayBtn:before {display: inline-block;height: 35px;width: 35px;padding: 8px 8px 12px 12px;font-size: 2em;opacity: .8;vertical-align: middle;background: rgba(255, 255, 255, .2);border-radius: 0 0 0 70px;transition: .1s ease-out;}#pbCloseBtn:hover:before {padding: 15px 10px 24px 24px;background: rgba(255, 100, 100, .4);}#pbAutoplayBtn {display: none;right: auto;left: -50px;padding: 0;width: 50px;height: 50px;font-size: 13px;}.hasAutoplay #pbAutoplayBtn {display: block;}#pbAutoplayBtn:hover {width: 60px;height: 60px;}.on #pbAutoplayBtn {top: 0px;left: 0px;transition: .1s ease-out;}#pbAutoplayBtn:before {content: '\2016';width: 100%;height: 100%;border-radius: 0 0 70px 0;font-weight: bold;padding: 0;text-indent: -6px;line-height: 1.6;}#pbAutoplayBtn:active:before {text-shadow: 0 0 3px #FFF, 0 0 6px #FFF;}#pbAutoplayBtn.play:before {content: '\25BA';}#pbAutoplayBtn .pbProgress {display: none\9;width: 100%;height: 100%;overflow: hidden;position: absolute;padding: 6px;top: 0;left: 0;opacity: .2;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;-webkit-transition: .3s;transition: .3s;}.mobile #pbAutoplayBtn .pbProgress {-webkit-transition: 0s;transition: 0s;}#pbAutoplayBtn.playing .pbProgress {-webkit-transform: rotateZ(90deg);-ms-transform: rotateZ(90deg);transform: rotateZ(90deg);}#pbAutoplayBtn .pbProgress:before {content: '';position: absolute;right: 0;bottom: 0;width: 200%;height: 200%;border-radius: 50%;box-shadow: 0 0 0 8px #FFF inset;}#pbCaption, .pbHide #pbCaption {position: absolute;z-index: 999;margin-bottom: 5px;bottom: -120px;width: 100%;overflow: hidden;transition: .4s;}.show.on #pbCaption {bottom: 0;transition-delay: .5s;}#pbOverlay.thumbs #pbCaption label {display: block;}#pbCaption label {display: none;position: relative;z-index: 1;top: -5px;float: right;width: 60px;margin-right: 10px;color: #FFF;opacity: .3;transition: .2s;cursor: pointer;}#pbCaption label:after {background: #FFF;box-shadow: 12px 0 #FFF, -12px 0 #FFF;content: "";display: inline-block;height: 0;padding: 10px 5px;text-align: right;vertical-align: top;width: 0;}#pbCaption label:hover {opacity: 1;}#pbCaption .title, #pbCaption .counter {display: inline-block;color: #FFF;margin: 0 6px;}#pbCaption .counter {display: none;opacity: .55;}.hasCounter #pbCaption .counter {display: inline-block;}.pbCaptionText {transition: .3s;opacity: .9;font-weight: bold;font-size: .9em;text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);padding-left: 60px;}.pbCaptionText.change {-webkit-transform: translateY(25px);transform: translateY(25px);opacity: 0;}.mobile #pbCaption label {display: none;z-index: -1;color: red;}.mobile .pbCaptionText {padding: 0;}#pbThumbsToggler:checked~#pbCaption .pbThumbs {margin: 0;}#pbThumbsToggler:checked~.pbWrapper {margin-top: -50px;padding: 50px 0;}.pbThumbs {display: none;transition: .35s;-webkit-overflow-scrolling: touch;}.thumbs .pbThumbs {display: block;width: 100%;padding: 5px 0 2px;margin-bottom: -100px;overflow: hidden;}.mobile .pbThumbs {overflow: auto;}.pbThumbs:hover {clear: both;}.pbThumbs ul {display: inline-block;position: relative;list-style: none;height: 80px;padding: 0 5px;margin: 0;white-space: pre;transition: .2s;}.pbThumbs ul:after {vertical-align: bottom;}.pbThumbs li {display: inline-block;vertical-align: bottom;height: 70%;opacity: .6;text-align: center;position: relative;transition: .15s;}.pbThumbs li.active {height: 100%;opacity: 1;}.pbThumbs li:hover {height: 100%;opacity: 1;}.pbThumbs li.video::before {content: '\25BA';color: #FFF;font-size: 20px;height: 20px;width: 20px;line-height: .9;position: absolute;bottom: 4px;left: 7px;background: rgba(0, 0, 0, .4);box-shadow: 0 0 0 3px rgba(0, 0, 0, .4);border-radius: 0 3px 0 0;pointer-events: none;}.pbThumbs a {height: 100%;padding: 0 2px;display: block;user-select: none;-moz-user-select: none;}.pbThumbs img {height: 96%;min-height: 95.9%;border: 2px solid #FFF;max-width: none;border-radius: 0;transition: .15s;}.pbThumbs li:hover img {min-height: 96%;}.pbThumbs li.fast a img {transition: none;}.pbThumbs li.active a img {border-color: #D8FF16;min-height: 96%;}#pbOverlay .prevNext {display: none;background: rgba(0, 0, 0, 0);position: absolute;z-index: 10;height: 100%;width: 35%;padding: 80px 0;opacity: 0;box-sizing: border-box;-moz-box-sizing: border-box;top: 0;transition: .2s ease-out;text-shadow: 0 0 12px #000, 0 0 10px #FFF;user-select: none;filter: alpha(opacity=0);cursor: pointer;}#pbOverlay.hasArrows .prevNext {display: block;}#pbOverlay .prevNext.pbHide {display: none;}#pbOverlay.on .prevNext:hover {opacity: .5;filter: alpha(opacity=50);}#pbOverlay.on .prevNext:hover:active {transition: 80ms;opacity: 1;filter: alpha(opacity=100);text-shadow: 0 0 16px #FFF, 0 0 10px #000;}.prevNext b {display: inline-block;vertical-align: middle;transition: .2s ease-in;}.prevNext:hover b {transition: .2s cubic-bezier(.095, .870, .485, .985);}#pbPrevBtn b {transform: scale(.4) translateX(350px);-webkit-transform: scale(.4) translateX(350px);}#pbNextBtn b {transform: scale(.4) translateX(-350px);-webkit-transform: scale(.4) translateX(-350px);}#pbPrevBtn b:before, #pbNextBtn b:after {display: inline;line-height: .3;font-size: 18em;font-weight: normal;color: #FFF;font-family: Arial;}#pbPrevBtn b:before {content: '\2039';}#pbNextBtn b:after {content: '\203A';}.on #pbPrevBtn:hover b {transform: scale(1) translateX(20px);-webkit-transform: scale(1) translateX(20px);}.on #pbNextBtn:hover b {transform: scale(1) translateX(-20px);-webkit-transform: scale(1) translateX(-20px);}.show #pbPrevBtn {left: 0;text-align: left;}.show #pbNextBtn {right: 0;text-align: right;}@media all and (max-width:700px) {.pbWrapper img, .pbHide .pbWrapper img.prepare {max-height: 100%;}.thumbs .pbWrapper {padding: 0;margin: 0;}.pbThumbs {margin-bottom: -60px;}.pbThumbs.show {margin: 0;}.pbThumbs ul {height: 50px;}.pbThumbs li {height: 100%;opacity: 1;}.pbThumbs li img {min-height: 96.5%;}}@media all and (max-width:710px) {.pbThumbs li.active a img {min-height: 96%;}}.tribuna-lineup {
--tl-grass-a: #2c7a44;
--tl-grass-b: #266b3c;
--tl-line: rgba(255, 255, 255, 0.6);
--tl-frame: #101a14;
--tl-frame-2: #16241b;
--tl-ink: #eef4ee;
--tl-muted: #9db3a3;
--tl-gold: #e8c35a;
--tl-red: #e0483e;
--tl-yellow: #f2ce3a;
--tl-green-on: #5fd882;
--tl-font: "Oswald", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
max-width: 560px;
margin: 1.75em auto;
border-radius: 16px;
overflow: hidden;
background: linear-gradient(180deg, var(--tl-frame-2), var(--tl-frame));
box-shadow: 0 18px 40px -18px rgba(4, 12, 7, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.06);
font-family: var(--tl-font);
color: var(--tl-ink);
line-height: 1.25;
container-type: inline-size;
}
.tribuna-lineup * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.tribuna-lineup img {
border: 0;
max-width: 100%;
} .tl-loading,
.tl-empty {
padding: 34px 18px;
text-align: center;
font-size: 15px;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--tl-muted);
} .tl-head {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 10px;
padding: 14px 16px 12px;
background:
radial-gradient(140% 160% at 50% -40%, rgba(94, 175, 118, 0.28), transparent 60%),
linear-gradient(180deg, #182a1e, #121f17);
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.tl-team {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
text-align: center;
min-width: 0;
}
.tl-team-logo {
width: 44px;
height: 44px;
object-fit: contain;
filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.45));
}
.tl-team-name {
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.tl-team-formation {
font-size: 12px;
font-weight: 500;
letter-spacing: 0.22em;
color: var(--tl-gold);
}
.tl-mid {
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
padding: 0 6px;
}
.tl-score {
font-size: 30px;
font-weight: 600;
letter-spacing: 0.04em;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.tl-score-sep {
color: var(--tl-muted);
padding: 0 2px;
}
.tl-state {
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.18em;
color: var(--tl-muted);
}
.tl-state--live {
color: var(--tl-green-on);
} .tl-pitch {
position: relative;
aspect-ratio: 100 / 130;
margin: 12px;
border-radius: 10px;
overflow: hidden;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08), inset 0 14px 34px rgba(0, 0, 0, 0.32);
}
.tl-pitch svg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
}
.tl-pitch::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
radial-gradient(130% 55% at 50% 0%, rgba(255, 255, 255, 0.08), transparent 55%),
radial-gradient(160% 80% at 50% 115%, rgba(0, 0, 0, 0.34), transparent 55%);
} .tl-player {
position: absolute;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
gap: 3px;
z-index: 2;
width: 21%;
}
.tl-avatar {
position: relative;
width: 46px;
height: 46px;
}
@supports (width: 1cqw) {
.tl-avatar {
width: clamp(36px, 10.5cqw, 52px);
height: clamp(36px, 10.5cqw, 52px);
}
}
.tl-avatar-img,
.tl-avatar-fallback {
width: 100%;
height: 100%;
border-radius: 50%;
background: #dfe7df;
object-fit: cover;
object-position: top center;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.45), 0 0 0 2px rgba(255, 255, 255, 0.85);
}
.tl-avatar--captain .tl-avatar-img,
.tl-avatar--captain .tl-avatar-fallback {
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.45), 0 0 0 2px var(--tl-gold);
}
.tl-avatar-fallback {
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-weight: 600;
color: #45584a;
letter-spacing: 0.03em;
}
.tl-num {
position: absolute;
right: -4px;
bottom: -3px;
min-width: 18px;
height: 18px;
padding: 0 4px;
border-radius: 9px;
background: #0d150f;
color: #fff;
font-size: 11px;
font-weight: 600;
line-height: 18px;
text-align: center;
font-variant-numeric: tabular-nums;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.tl-cap {
position: absolute;
left: -4px;
top: -3px;
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--tl-gold);
color: #21200f;
font-size: 10px;
font-weight: 600;
line-height: 16px;
text-align: center;
}
.tl-goal {
position: absolute;
right: -6px;
top: -5px;
height: 17px;
min-width: 17px;
padding: 0 3px;
border-radius: 9px;
background: #fff;
color: #111;
font-size: 11px;
line-height: 17px;
text-align: center;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.tl-goal--og {
background: var(--tl-red);
color: #fff;
font-size: 9px;
font-weight: 600;
letter-spacing: 0.02em;
}
.tl-card {
position: absolute;
left: -3px;
bottom: 0;
width: 9px;
height: 13px;
border-radius: 2px;
transform: rotate(-8deg);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.tl-card--y { background: var(--tl-yellow); }
.tl-card--r { background: var(--tl-red); }
.tl-card--yr {
background: linear-gradient(135deg, var(--tl-yellow) 45%, var(--tl-red) 55%);
}
.tl-pname {
max-width: 100%;
padding: 2px 7px;
border-radius: 8px;
background: rgba(8, 18, 11, 0.72);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.04em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #f2f7f2;
}
@supports (width: 1cqw) {
.tl-pname { font-size: clamp(9px, 2.5cqw, 12px); }
.tl-num { font-size: clamp(10px, 2.4cqw, 12px); }
}
.tl-off {
color: var(--tl-red);
font-weight: 600;
} .tl-bench {
padding: 4px 14px 16px;
}
.tl-bench-title {
padding: 10px 2px 8px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.24em;
color: var(--tl-muted);
text-align: center;
}
.tl-bench-cols {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 14px;
}
.tl-bench-row {
display: flex;
align-items: center;
gap: 8px;
padding: 4px 2px;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
min-width: 0;
}
.tl-bench-row:last-child {
border-bottom: 0;
}
.tl-bench-img,
.tl-bench-fallback {
flex: 0 0 26px;
width: 26px;
height: 26px;
border-radius: 50%;
background: #dfe7df;
object-fit: cover;
object-position: top center;
}
.tl-bench-fallback {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 10px;
font-weight: 600;
color: #45584a;
}
.tl-bench-num {
flex: 0 0 20px;
font-size: 12px;
font-weight: 600;
color: var(--tl-muted);
text-align: right;
font-variant-numeric: tabular-nums;
}
.tl-bench-name {
font-size: 13px;
font-weight: 500;
letter-spacing: 0.03em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 0;
}
.tl-bench-goal {
margin-left: auto;
font-size: 11px;
white-space: nowrap;
}
.tl-bench-goal + .tl-bench-in,
.tl-bench-goal + .tl-bench-pos {
margin-left: 6px;
}
.tl-bench-in {
margin-left: auto;
font-size: 11px;
font-weight: 600;
color: var(--tl-green-on);
white-space: nowrap;
}
.tl-bench-pos {
margin-left: auto;
font-size: 10px;
letter-spacing: 0.08em;
color: var(--tl-muted);
}
.tl-bench-in + .tl-bench-pos {
margin-left: 6px;
}
.tl-coach-label {
flex: 0 0 auto;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.14em;
color: var(--tl-gold);
} .tl-credit {
padding: 8px 14px 12px;
text-align: center;
font-size: 10px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: rgba(157, 179, 163, 0.55);
}
@media (max-width: 420px) {
.tl-bench-cols {
grid-template-columns: 1fr;
}
.tl-team-logo {
width: 36px;
height: 36px;
}
.tl-team-name {
font-size: 13px;
}
.tl-score {
font-size: 24px;
}
}