body#preview{padding:0 !important;position:fixed;top:0;left:0;width:100%;height:100%}body#preview #show-event{display:flex;flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}body#preview #show-event #show-event-header button#close-preview{display:block;background:none;border:none;font-size:23px;line-height:1;margin-left:10px}body#preview #show-event #show-event-header button#close-preview i{color:#fff}body#preview #show-event #show-event-content{flex:1;overflow-x:hidden;overflow-y:auto}body#preview #show-event #show-event-content .prono-content ul.pronos li{background:var(--app-background-color-contrast)}#show-event #show-event-header{background-image:url(/frontend/images/background_event.webp);background-repeat:no-repeat;background-position:left bottom;background-size:cover;padding-bottom:10px;overflow:hidden}#show-event #show-event-header .show-toolbar{display:flex;align-items:center;justify-content:center;padding:5px}#show-event #show-event-header .show-toolbar#show-event-toolbar{padding-top:10px}#show-event #show-event-header .show-toolbar h2{font-size:14px;font-weight:600;color:#fff;margin:0;flex:1;text-align:center}#show-event #show-event-header .show-toolbar button#close-preview{display:none}#show-event #show-event-header .show-toolbar .text-line{display:block;margin:5px 0;text-align:center}#show-event #show-event-header .show-toolbar #event-top{max-width:400px;margin:0 auto 15px;color:#fff;flex:0 0 100%}#show-event #show-event-header .show-toolbar #event-scores{display:flex;text-align:center;align-items:center;flex-wrap:wrap}#show-event #show-event-header .show-toolbar #event-scores .score{font-size:35px;font-weight:600;display:inline-block;color:#fff;flex:0 0 40%}#show-event #show-event-header .show-toolbar #event-scores .score-separator{font-size:40px;display:inline-block;color:#fff;flex:0 0 20%}#show-event #show-event-header .show-toolbar .status{display:inline-flex;align-items:center;padding:2px 10px;font-size:10px;font-weight:600;border-radius:20px;text-transform:uppercase;color:#fff;gap:5px}#show-event #show-event-header .show-toolbar .status.status-live{background:#b10b0b}#show-event #show-event-header .show-toolbar .status.status-live::before{content:"";display:inline-block;height:5px;width:5px;border-radius:100%;background-color:#fff;animation:fadeOut 1s ease-out infinite}#show-event #show-event-header .show-toolbar .status.status-finished{background:#1d283b}#show-event #show-event-header .show-toolbar #event-date{font-size:15px;margin-top:15px;text-align:center}#show-event #show-event-header .show-toolbar #event-date span{color:#fff}#show-event #show-event-header .show-toolbar #event-date span:nth-child(1){font-family:var(--app-font-family-bold);font-size:18px}#show-event #show-event-header .show-toolbar .event-matchday{background:#000;color:#fff;display:inline-block;padding:5px 10px;border-radius:50px;font-size:14px;font-family:var(--app-font-family-bold)}#show-event #show-event-header .show-toolbar .event-team .event-team-emblem{display:block;width:50px;margin:10px auto;text-align:center;font-size:30px}#show-event #show-event-header .show-toolbar .event-team .event-team-emblem img{max-height:50px}#show-event #show-event-header .show-toolbar .event-team .event-team-name{text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap;text-align:center}#show-event #show-event-header .show-toolbar .event-team .event-team-name span{color:#fff;font-family:var(--app-font-family-normal)}#show-event #show-event-content .prono-content{max-width:500px;margin-left:auto;margin-right:auto;padding:10px}#show-event #show-event-content .prono-content ul.pronos{display:block;margin:20px auto;max-width:400px;padding:0}#show-event #show-event-content .prono-content ul.pronos li{display:flex;padding:10px;background:var(--app-background-color);color:var(--app-color-dark);list-style:none;margin:10px 0;gap:10px;align-items:center;border-radius:5px}#show-event #show-event-content .prono-content ul.pronos li i,#show-event #show-event-content .prono-content ul.pronos li span{display:block}#show-event #show-event-content .prono-content ul.pronos li span{flex:1;font-size:14px;font-weight:600}#show-event .warning-respon{padding:0 10px;text-align:justify}h1#view-title{font-size:20px;font-weight:600;margin:0}.flex-break{flex:0 1 100%}.fa-pause-circle:before{content:""}.fa-check-circle:before{content:""}.fa-times-circle:before{content:""}.fa-arrow-left:before{content:""}.fa-exclamation-triangle:before{content:""}@keyframes fadeOut{0%{opacity:1}50%{opacity:0}100%{opacity:1}}