.range-value{position:absolute;top:-2rem}.range-value.min{left:0}.range-value.max{right:0}.track-container{position:relative;cursor:pointer;height:.5rem;margin:1rem}.track,.track-highlight{display:block;position:absolute;width:100%;height:.5rem}.track{background-color:#ddd}.track-btn,.track-highlight{background-color:#5e72e4;z-index:2}.track-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;display:block;position:absolute;width:1.5rem;height:1.5rem;top:calc(-50% - .25rem);margin-left:-1rem;border:none;touch-action:pan-x;border-radius:50%;transition:transform .3s ease-out,box-shadow .3s ease-out,background-color .3s ease}.alert-area{max-height:100%;position:fixed;bottom:5px;left:20px;right:20px;z-index:9999}.alert-box{font-size:16px;color:#fff;background:rgba(0,0,0,.9);line-height:1.3em;padding:10px 15px;margin:5px 10px;position:relative;border-radius:5px;transition:opacity .5s ease-in}.alert-box.hide{opacity:0}.alert-close{background:transparent;width:12px;height:12px;position:absolute;top:15px;right:15px}.alert-close:after,.alert-close:before{content:"";width:15px;border-top:2px solid #fff;position:absolute;top:5px;right:-1px;display:block}.alert-close:before{transform:rotate(45deg)}.alert-close:after{transform:rotate(135deg)}.alert-close:hover:after,.alert-close:hover:before{border-top:2px solid #d8d8d8}@media (max-width:767px) and (min-width:481px){.alert-area{left:100px;right:100px}}@media (min-width:768px){.alert-area{width:350px;left:auto;right:0}}.alert-message-container{text-align:center;line-height:2.5em;margin-top:50px}.alert-message-box{font-size:20px;width:300px;border:1px solid #444;padding:10px 15px;outline:none;transition:box-shadow .1s}.alert-message-box:focus{box-shadow:0 0 15px 2px #888}.alert-message-button{font-size:18px;color:#fff;background:#14b9ff;width:250px;border:1px solid #14b9ff;padding:10px 20px;margin-top:5px;cursor:pointer;outline:none;transition:background .1s}.alert-message-button:active,.alert-message-button:focus,.alert-message-button:hover{background:#7dd8ff}#aside{position:fixed;height:100%;width:250px;background-color:#fff;z-index:5;border-top-right-radius:20px;border-bottom-right-radius:20px;overflow-x:hidden;overflow-y:auto}#aside h4{position:relative;left:30px}#aside a{text-decoration:none;color:inherit}#aside li{pointer-events:auto;cursor:pointer;padding:1.5rem;color:gray}#aside .item.active{background-color:#5e72e4;border-radius:10px;color:#fff}#aside .item:not(.active):hover{font-weight:700;color:#5e72e4}#aside ul{padding:0;list-style:none;margin-top:16px}#aside .user-brand{gap:3px;padding-top:10px;padding-bottom:10px;cursor:pointer}#aside .user-brand:hover{background-color:#dedede}#aside .user-brand .profile{border-radius:50%}#aside-header{box-shadow:0 4px 2px -2px gray}@media(max-width:1200px){#aside{display:none}}#phone{display:flex;flex-direction:column;height:100vh}#phone .phone-container{flex-grow:1;overflow-y:auto}#phone .card-body{overflow:scroll}#phone #all-pronos #infos,#phone #all-pronos #matches-pronos,#phone #all-pronos #table-ranking,#phone #list-pronos-users{height:100%;overflow:scroll;max-height:none}#phone #container-dashboard{max-height:100%;overflow-y:scroll}body:not(.standalone) footer{padding-bottom:80px}footer{display:none;background-color:#5e72e4;color:#fff;text-align:center;border-top:1px solid #e0e0e0}#footer{font-size:10px;height:100%;overflow-x:auto}#footer .menu{width:100%;padding:10px 10px 30px 10px;gap:5px}#footer .menu i{font-size:25px}#footer .menu.active{box-shadow:inset 0 0 50px rgba(0,0,0,.5);z-index:2}#footer a{text-decoration:none;color:inherit;box-shadow:none}@media(max-width:1200px){footer{display:block}}.btn{background-color:transparent;border:none;color:#fff;padding:10px;gap:10px;width:auto;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:6px;background:#8392ab;cursor:pointer;font-size:medium;font-weight:600;transition:box-shadow .15s,transform .15s}.btn,.btn.icon-only{height:auto}.btn.btn-xl{font-size:x-large}.btn.btn-sm{font-size:x-small}.btn.default{background-color:#8392ab;box-shadow:0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #657084}.btn.default:hover{background-color:#657084;box-shadow:0 4px 8px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #8392ab}.btn.default:active{box-shadow:none;transform:translateY(2px)}.btn.default.outline{border:2px solid #8392ab;background-color:#fff;color:#8392ab;box-shadow:0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #657084}.btn.default.outline:hover{background-color:#657084;box-shadow:0 4px 8px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #8392ab;color:#fff}.btn.default.outline.active{color:#fff;background-color:#8392ab;box-shadow:none;transform:translateY(2px)}.btn.primary{background-color:#5e72e4;box-shadow:0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #4b4baf}.btn.primary:hover{background-color:#4b4baf;box-shadow:0 4px 8px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #5e72e4}.btn.primary:active{box-shadow:none;transform:translateY(2px)}.btn.primary.outline{border:2px solid #5e72e4;background-color:#fff;color:#5e72e4;box-shadow:0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #4b4baf}.btn.primary.outline:hover{background-color:#4b4baf;box-shadow:0 4px 8px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #5e72e4;color:#fff}.btn.primary.outline.active{color:#fff;background-color:#5e72e4;box-shadow:none;transform:translateY(2px)}.btn.secondary{background-color:#4fa333;box-shadow:0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #4b9532}.btn.secondary:hover{background-color:#4b9532;box-shadow:0 4px 8px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #4fa333}.btn.secondary:active{box-shadow:none;transform:translateY(2px)}.btn.danger{background-color:#ec3017;box-shadow:0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #ff442c}.btn.danger:hover{background-color:#ff442c;box-shadow:0 4px 8px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #ec3017}.btn.danger:active{box-shadow:none;transform:translateY(2px)}.btn:disabled{opacity:.7;pointer-events:none}.btn:active,.btn:disabled{box-shadow:none}.card{display:flex;flex-direction:column;margin:0;border-radius:1rem;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);padding-bottom:1rem}.card .card-header{position:relative;font-size:large;display:flex;justify-content:center;padding:0 1em 0 1em;color:#fff;border-radius:1rem 1rem 0 0;background-color:#5e72e4;box-shadow:0 -10px 26px 3px rgba(0,0,0,.32);text-align:center}.card .card-body{display:flex;flex-direction:column;padding:1rem 1rem 0 1rem}.card .img{width:75px;height:75px}.card .img-xl{width:100px;height:100px}.card .right{right:10px}.card .left,.card .right{align-self:center;position:absolute}.card .left{left:10px}@media(max-width:1200px){.card .img-sm{width:50px;height:50px}.card{margin:0;background-color:#fff;height:100%}.card,.card .card-header{border-radius:0 0 0 0}}.card-profile{flex-direction:row;align-items:center;padding:.5rem;gap:1rem;margin-bottom:1rem}.card-profile img{border-radius:50px}.card-profile h3{font-weight:400;font-size:30px}@media(max-width:1200px){.card-profile{height:10%;margin-bottom:0}}.table{width:100%;border-collapse:collapse}.table .only-desktop-400,.table .only-desktop-600{display:table-cell}.table .name-img{gap:10px}.table td,.table th{text-align:center;vertical-align:middle;padding:10px}.table tbody>tr{border-top:1px solid hsla(0,0%,42%,.3);padding-top:2px}@media(max-width:700px){.table .only-screen-700{display:none}}@media(max-width:600px){.table .only-screen-500,.table .only-screen-600{display:none}}@media(max-width:400px){.table .only-screen-400{display:none}}@media(max-width:300px){.table .only-screen-300{display:none}}.btn-radio-container{gap:5px}input.is-invalid{border-style:solid!important;border-color:red!important}.btn-radio-result input[type=radio]{display:none}.btn-radio-result input[type=radio].active+img{border-color:#5e72e4;border-radius:1rem}.btn-radio-result img{padding:3px;width:auto;height:100px;border:2px solid transparent;cursor:pointer}@media(max-width:720px){.btn-radio-result img{width:50px;height:50px}}@media(max-width:430px){.btn-radio-result{flex:0 0 25%}}.input-prono{text-align:center}input[type=text]{width:auto;padding:5px 5px 5px 5px;font-size:20px;border:1px solid #ccc;border-radius:5px;background-position:right 10px center;background-size:12px}input[type=text]::-moz-placeholder{font-size:15px;color:#999}input[type=text]::placeholder{font-size:15px;color:#999}input[type=text]:disabled{background-color:#c4c4c4;color:#000;opacity:.8}input[type=text]:focus{outline:none;border-color:#5e72e4}input[type=password]{width:auto;padding:5px 5px 5px 5px;font-size:20px;border:1px solid #ccc;border-radius:5px;background-position:right 10px center;background-size:12px}input[type=password]:disabled{background-color:gray}input[type=password]:focus{outline:none;border-color:#5e72e4}input[type=email]{width:auto;padding:5px 5px 5px 5px;font-size:20px;border:1px solid #ccc;border-radius:5px;background-position:right 10px center;background-size:12px}input[type=email]:disabled{background-color:gray}input[type=email]:focus{outline:none;border-color:#5e72e4}select{display:block;width:auto;padding:10px 30px 10px 10px;font-size:16px;border:1px solid #ccc;border-radius:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 5"><path d="M0,0l5,5,5-5Z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:12px;background-color:#fff;color:#000}select:focus{outline:none;border-color:#5e72e4}select:hover{cursor:pointer}.btn-change-matchweek{gap:5px}.banner{color:#000;position:relative;width:50%;height:35px;background-color:#5e72e4;left:-10px;padding-left:10px;-webkit-clip-path:polygon(0 0,100% 0,90% 100%,0 100%);clip-path:polygon(0 0,100% 0,90% 100%,0 100%);font-weight:700;border-bottom-left-radius:.5rem;border-top-left-radius:.5rem}.list-matchs{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.match{border:2px solid #000;border-radius:.75rem}.team{gap:.5rem;justify-content:space-between;padding:.5rem}.team.home{border-bottom:1px solid gray}.team.winner{font-weight:700}.team .img{align-self:center;width:20px;height:20px}.status{width:auto;border-right:1px solid gray;padding:1rem;font-size:small}.status .circle{gap:3px}.status .circle div{height:5px;width:5px;border-radius:50%}.status .circle.direct{color:green}.status .circle.direct div{background-color:green}.status .circle.suspended{color:red}.status .circle.suspended div{background-color:red}@media(max-width:700px){.list-matchs{grid-template-columns:repeat(1,1fr)}.banner{width:100%}}.list-pronos{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem}#list-pronos-users{height:auto;max-height:calc(100vh - 450px);overflow-y:scroll}#all-pronos #matches-pronos{height:auto;max-height:calc(100vh - 350px);overflow-y:scroll}#all-pronos #table-ranking{max-height:calc(100vh - 300px)}#all-pronos #infos,#all-pronos #table-ranking{height:100%;overflow:scroll}.prono{border-radius:.75rem;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3);padding:1rem}.prono .teams{text-align:center}.prono .grid{display:grid;width:50%;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}.prono .input-score{align-self:center}.prono .away{order:1}.prono .rounded-pill{border-radius:15px}.prono .nothing{border:2px solid #f5365c}.prono .goodResult{border:2px solid #2dce89}.prono .goodScore{background-color:#2dce89}.prono .text-danger{color:red}.prono .text-success{color:green}.prono .text-gold{color:gold}.prono .away,.prono .home{gap:.5rem}.prono .away .last-matchs,.prono .home .last-matchs{gap:5px}.prono .away .last-matchs .circle,.prono .home .last-matchs .circle{height:15px;width:15px;border-radius:50%}.prono .away .last-matchs .circle.win,.prono .home .last-matchs .circle.win{background-color:green}.prono .away .last-matchs .circle.draw,.prono .home .last-matchs .circle.draw{background-color:gray}.prono .away .last-matchs .circle.lost,.prono .home .last-matchs .circle.lost{background-color:red}.prono .score{font-size:15px;display:flex;flex-direction:row}@media(max-width:300px){.prono .score{align-items:center;flex-direction:column}}@media(max-width:700px){.prono .grid{display:grid;grid-template-columns:repeat(1,1fr);gap:.5rem}.prono .away{order:0}}.page{width:33.3333333333%;background-color:#e4e4e4;padding:1rem;cursor:pointer;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35)}.page.active{background-color:#fff;box-shadow:none}@media(max-width:700px){.list-pronos{grid-template-columns:repeat(1,1fr)}}.line-container{width:100%;position:relative;cursor:pointer}.line-container .line{flex-grow:1;height:2px;background-color:#000}.line-container .text{padding:10px;z-index:1}.carousel-card{border-radius:10px;text-decoration:none;width:100%;margin:10px 40px 10px 40px}.carousel-card img{max-width:100%;min-width:100%;min-height:100%}.carousel-card a{text-decoration:none}.carousel-card .carousel-content{background-color:#fff!important;border-radius:10px}.carousel-card .description{padding-left:10px;border-left:7px solid orange;max-height:100px;min-height:100px}.carousel-card .content-article{padding:5px 10px 5px 10px}.carousel-card .title-article{color:#000;font-weight:700;max-height:30px;min-height:30px;font-size:13px}.carousel-card .title-article:hover{color:#233dd2;text-decoration:none}.carousel-card .image{background-size:cover;background-position:50%;background-repeat:no-repeat;height:200px;max-height:200px;border-top-left-radius:10px;border-top-right-radius:10px}.dashboard h6{border-bottom:1px solid #c2c2c2;margin:1rem 0 .5rem 0;font-size:14px}.dashboard .list-matches-dashboard .match-dashboard{margin-bottom:.5rem;width:50%}.dashboard .infos-matche-dashboard{gap:1rem}#match-day{width:60%}#list-leagues{width:40%}@media(max-width:1200px){#list-leagues,#match-day{width:100%;margin-bottom:1rem}}@media(max-width:600px){.dashboard .list-matches-dashboard .match-dashboard{width:100%}#match-day .card-header{flex-direction:column;align-items:center}#match-day h3{margin-bottom:2px}#match-day .right{align-items:center;position:relative;margin:5px;right:0}}.icon-circle{border:2px solid;border-radius:50%;width:30px;height:30px;box-sizing:border-box}.unknown-prono{color:red;border-color:red}.known-prono{color:gray;border-color:gray}.wrong-prono{color:#fff;border-color:red;background-color:red}.good-prono{color:#fff;border-color:green;background-color:green}.good-result-prono{color:green;border-color:green}.d-flex-row{display:flex;flex-direction:row}.d-flex-row-reverse{display:flex;flex-direction:row-reverse}.d-flex-col{display:flex;flex-direction:column}.d-flex-col-reverse{display:flex;flex-direction:column-reverse}.wrap{flex-wrap:wrap}.nowrap{flex-wrap:nowrap}.wrap-reverse{flex-wrap:wrap-reverse}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.justify-content-evenly{justify-content:space-evenly}.align-items-stretch{align-items:stretch}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.align-items-baseline{align-items:baseline}.align-content-start{align-content:flex-start}.align-content-end{align-content:flex-end}.align-content-center{align-content:center}.align-content-between{align-content:space-between}.align-content-around{align-content:space-around}.align-content-stretch{align-content:stretch}.align-self-center{align-self:center}#profile .d-flex-row{margin-bottom:1rem;gap:1rem}#profile .card{height:90%}#profile .card.card-profile{height:10%}.profile-col-50{flex:1 1 calc(50% - 1rem)}.profile-col-33{flex:1 1 calc(33.33% - 1rem)}.profile-col-100{flex:1 1 100%}.info-notif{font-size:12px}.info-notif.unauthorized{color:#861b1b}.info-notif.authorized{color:#1b8631}.switch{position:relative;display:block;width:80px;height:30px;padding:3px;background:linear-gradient(180deg,#eee,#fff 25px);background-image:-webkit-linear-gradient(top,#eee,#fff 25px);border-radius:18px;box-shadow:inset 0 -1px #fff,inset 0 1px 1px rgba(0,0,0,.05);cursor:pointer;margin:0}.switch,.switch-input{box-sizing:content-box}.switch-input{position:absolute;top:0;left:0;opacity:0}.switch-label{position:relative;display:block;height:inherit;font-size:10px;text-transform:uppercase;background:#eceeef;border-radius:inherit;box-shadow:inset 0 1px 2px rgba(0,0,0,.12),inset 0 0 2px rgba(0,0,0,.15);box-sizing:content-box}.switch-label:after,.switch-label:before{position:absolute;top:50%;margin-top:-.5em;line-height:1;transition:inherit;box-sizing:content-box}.switch-label:before{content:attr(data-off);right:11px;color:#aaa;text-shadow:0 1px hsla(0,0%,100%,.5)}.switch-label:after{content:attr(data-on);left:11px;color:#fff;text-shadow:0 1px rgba(0,0,0,.2);opacity:0}.switch-input:checked~.switch-label{background:#5e72e4;box-shadow:inset 0 1px 2px rgba(0,0,0,.15),inset 0 0 3px rgba(0,0,0,.2)}.switch-input:checked~.switch-label:before{opacity:0}.switch-input:checked~.switch-label:after{opacity:1}.switch-handle{position:absolute;top:4px;left:4px;width:28px;height:28px;background:linear-gradient(180deg,#fff 40%,#f0f0f0);background-image:-webkit-linear-gradient(top,#fff 40%,#f0f0f0);border-radius:100%;box-shadow:1px 1px 5px rgba(0,0,0,.2)}.switch-handle:before{content:"";position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;background:linear-gradient(180deg,#eee,#fff);background-image:-webkit-linear-gradient(top,#eee,#fff);border-radius:6px;box-shadow:inset 0 1px rgba(0,0,0,.02)}.switch-input:checked~.switch-handle{left:54px;box-shadow:-1px 1px 5px rgba(0,0,0,.2)}.switch-handle,.switch-label{transition:All .3s ease;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease}.notifications-user{display:block}@media(pointer:coarse){.notifications-user{display:block}}@media(max-width:850px){.profile-col-33{flex:1 1 100%}}@media(max-width:600px){.profile-col-50{flex:1 1 100%}}.alert{padding:15px;border:1px solid #ccc;border-radius:4px;margin-bottom:20px}.alert.success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert.danger{background-color:#f2dede;border-color:#e6b9b9;color:#a94442}.progress{width:100%}.progress .progress-bar{padding-top:3px;padding-bottom:3px;background-color:gray}.rank{display:inline-block;padding:5px 10px;font-size:14px;font-weight:700;text-align:center;border-radius:50px;text-transform:uppercase;margin:5px}.position-1{background-color:gold}.position-2{background-color:silver}.position-3{background-color:#cd7f32}.sticky-row-bottom{position:sticky;bottom:0}.sticky-row-top{position:sticky;top:0}.position-user-connected{background-color:#5e72e4!important;color:#fff!important}#ranking-table td{padding:5px!important}#infos .banner-img{width:80px;height:80px;border:10px solid #5e72e4;border-radius:50%;overflow:hidden}#infos .banner-img>img{width:80%;height:80%;display:block;margin:10%;-o-object-fit:cover;object-fit:cover}#infos .banner-text{color:#000;display:flex;align-items:center;position:relative;width:100%;height:55px;background-color:#5e72e4;left:-10px;padding-left:10px;-webkit-clip-path:polygon(0 0,100% 0,90% 100%,0 100%);clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}#infos .informations-header{display:flex;justify-content:space-between;margin:0}#infos .code,#infos .title{display:flex;align-items:center}#infos .code{justify-content:right}#infos dl dd{font-size:20px;color:#767676;margin-left:1rem}#infos dl dt{font-size:18px;margin-left:1.5rem}#infos dl h4{margin-top:5px;margin-bottom:.5rem}@media(max-width:800px){#infos .informations-header{flex-direction:column-reverse;margin:0}#infos .code,#infos .title{width:100%}}@media(min-width:800px){#infos .informations-header{flex-direction:row;margin:0}#infos .code,#infos .title{width:50%}}body,html{height:100%;margin:0;padding:0}body{background-color:#f8f9fa;min-height:100vh;display:flex;flex-direction:column}header{margin:1rem 1rem 1rem 2rem}main{height:100%;position:relative;overflow-y:scroll}main.sidenav-opened{width:calc(100% - 250px)!important;left:250px!important}a.link{color:#000;text-decoration:underline;text-decoration-style:dotted}a.link:hover{color:#233dd2;text-decoration:none}.invalid-feedback{color:#fd5c70}#notif-card{position:absolute;width:500px;z-index:10;left:calc(50% - 250px);background-color:#fff;top:0;padding:1rem;box-shadow:0 0 0 2px rgba(6,24,44,.4),0 4px 6px -1px rgba(6,24,44,.65),inset 0 1px 0 hsla(0,0%,100%,.08)}#notif-card .header h5{margin:0}#notif-card .header .btn-close{cursor:pointer}#notif-card .header .btn-close i{color:#d3d3d3}#notif-card .footer{gap:2px;margin-top:10px}.tooltip-container.active .tooltip-text{visibility:visible;opacity:1}.tooltip-container{position:relative;display:inline-block;cursor:pointer}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.tooltip-text{visibility:hidden;width:170px;background-color:#333;color:#fff;text-align:center;border-radius:5px;padding:5px;z-index:1;left:105%;opacity:0;transition:opacity .3s;font-size:10px}.tooltip-text,.tooltip-text:after{position:absolute;top:50%;transform:translateY(-50%)}.tooltip-text:after{content:"";right:100%;border-width:5px;border-style:solid;border-color:transparent transparent transparent #333}@media(max-width:600px){#notif-card{width:calc(100% - 2rem);left:0}}.container{padding:1rem 2rem 1rem 2rem}.container.auth{display:flex;width:100%;height:100vh;justify-content:center;align-items:center}.container.auth .card{width:30%}#color-background{background-color:#5e72e4;position:absolute;height:300px;width:100%}.phone-show{display:none}.badge{border-radius:3px;padding:5px;color:#fff}.badge.in-play{background-color:#4caf50}.badge.finished{background-color:#ff5252}.badge.half-time{background-color:#ff9800}.badge.scheduled{background-color:#2196f3}@media(max-width:1200px){main{width:100%;left:0;overflow-y:hidden}#app{flex:1}#app,body{overflow:hidden}.container{padding:0;height:100%}.container.auth .card{width:100%}.d-none{display:none}.phone-show{display:block}}