:root{--font-size-card-date:0.8rem;--font-size-card-view:0.8rem;--font-size-card-category:0.85rem;--font-size-card-partner:0.8rem;--font-size-card-title:1rem;--color-white:#fff;--color-grey:#959595;--color-primary:#004a61;--color-secondary:#0bc;--font-pptv:$font-pptv;--font-pptv-bold:$font-pptv-bold}.widget--livebanner{width:100%;position:fixed;top:130px;right:0;background:#fff;box-shadow:0 3px 10px 3px #0000001a;z-index:1000;display:none;opacity:0}.widget--livebanner.active{animation:slide-bottom .5s cubic-bezier(.25,.46,.45,.94) 2s both}@media screen and (min-width:640px){.widget--livebanner{width:400px;min-width:400px;max-width:400px;right:20px;top:160px}}.widget--livebanner__item{display:flex;flex-direction:row}.widget--livebanner__tvlist{width:calc(100% - 60px);box-sizing:border-box;border-right:1px solid #efefef}@media screen and (min-width:640px){.widget--livebanner__tvlist{width:calc(100% - 80px)}}.widget--livebanner__button{width:80px;display:flex;flex-direction:column;justify-content:center;align-items:center}.widget--livebanner__button .btn--livebanner{font-size:.875rem;border:0;background:none;font-family:pptv;color:#404040;padding:16px;display:block;width:100%;height:100%;text-align:center;box-sizing:border-box}.widget--livebanner__button .btn--livebanner:focus{background-color:#999;color:#fff}.widget--livebanner__button .btn--livebanner.accepted{color:#0bc;border-bottom:1px solid #efefef;transition:all .3s ease-in-out}.widget--livebanner__button .btn--livebanner.accepted:focus{background-color:#0bc;color:#fff}@media screen and (min-width:640px){.widget--livebanner__button .btn--livebanner{font-size:1rem;cursor:pointer}}.widget--livebanner .tvlist--banner{display:flex;flex-direction:row;width:100%;box-sizing:border-box;padding:10px;color:#404040}.widget--livebanner .tvlist--banner__img{width:65%}@media screen and (min-width:640px){.widget--livebanner .tvlist--banner__img{width:45%}}.widget--livebanner .tvlist--banner__match{width:55%;display:flex;flex-direction:row;justify-content:space-around;position:relative}.widget--livebanner .tvlist--banner__match:before{content:"VS";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (min-width:640px){.widget--livebanner .tvlist--banner__match{width:180px}}.widget--livebanner .tvlist--banner .match--team{align-items:center;text-align:center;display:flex;flex-direction:column;justify-content:center}.widget--livebanner .tvlist--banner .match--team__flag{width:48px;height:48px;text-align:center;margin-bottom:12px;background-size:contain;background-position:50%;background-repeat:no-repeat}.widget--livebanner .tvlist--banner .match--team__name{margin:0;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;font-size:.75rem}@media screen and (min-width:640px){.widget--livebanner .tvlist--banner .match--team__name{font-size:.875rem}}.widget--livebanner .tvlist--banner__desc{width:170px;box-sizing:border-box;padding-left:10px}.widget--livebanner .tvlist--banner__desc h3{margin:0 0 4px}.widget--livebanner .tvlist--banner__desc p{margin:0;color:#b1b1b1}@media screen and (max-width:959px){.widget--livebanner .tvlist--banner__desc{width:100%}}