:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0c0c0c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:0;text-align:center}#app-container.container{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:100vh;padding:20px 20px 48px}@media (orientation: landscape){#app-container.container{padding-bottom:20px;padding-right:48px}}#app-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}@media (min-height: 360px){#app-content{height:unset}}.bottom-bar{display:flex;justify-content:space-between;margin-top:10px}@media (min-height: 768px){.bottom-bar{margin-top:30px}}.bottom-bar .bottom-bar-item{align-items:center;width:calc(100% / 3);display:flex;column-gap:15px}.teams-color-manager{display:flex;column-count:2;width:100%;column-gap:50px}.teams-color-manager .team{display:flex;flex-direction:column}.teams-color-manager h3{margin:0 7px 7px}@media (min-width: 768px){.teams-color-manager h3{margin:default}}.pbt-button{padding:10px 20px;margin:7px 5px;border-radius:25px;color:#fff;font-size:16px;font-weight:700;transition:background-color .3s}.pbt-button.medium{width:80px}.pbt-button.large{width:90px}.pbt-button.fit{width:unset}@media (min-width: 768px){.pbt-button.medium{width:100px}.pbt-button.large{width:110px}}.pbt-button.default{background-color:#0e0808;border:2px solid #2a86fb}.pbt-button.primary{background-color:#0c2046;border:2px solid #2a86fb}.pbt-button.primary.active,.pbt-button.primary:active{background-color:#0063e2}.pbt-button.primary.paused{animation:flashing 1s infinite}.pbt-button.secondary{background-color:transparent;border:2px solid #2a86fb}.pbt-button.secondary.active,.pbt-button.secondary:active{background-color:#0063e2}.pbt-button.secondary.paused{animation:flashing 1s infinite}.pbt-button.go{border:2px solid #34a853}.pbt-button.go.active,.pbt-button.go.paused{animation:go 1s infinite}@keyframes flashing{0%{background-color:#0c2046}50%{background-color:#0063e2}to{background-color:#0c2046}}@keyframes go{0%{background-color:#0c4620}50%{background-color:#228b22}to{background-color:#0c4620}}.pbt-button.disabled{background-color:#505050;border:2px solid #f0f0f0;color:#f0f0f0}.pbt-button span{white-space:nowrap}.color-dot{width:16px;height:16px;border-radius:50%;display:inline-block;margin-right:8px}.drawer{height:100%;width:fit-content;min-width:45%;position:fixed;top:0;right:0;z-index:10;background-color:#111;padding:12px 0;transform:translate(100%);transition:transform .3s ease-in-out;display:flex;box-sizing:border-box}.drawer.open{transform:translate(0)}.drawer.closed{transform:translate(100%)}.drawer .content{padding:12px 5px;box-sizing:border-box;width:100%}.drawer h3{text-align:left}.dots-loader{width:27px;aspect-ratio:1.154;--c1: #fff;--c2: #fff;--c3: #fff;background:no-repeat radial-gradient(farthest-side,var(--c1) 95%,#0000) 50% 0,no-repeat radial-gradient(farthest-side,var(--c2) 95%,#0000) 0 100%,no-repeat radial-gradient(farthest-side,var(--c3) 95%,#0000) 100% 100%;background-size:35% 40.39%;animation:rotate-dots 3s ease-in-out;animation-iteration-count:1}@keyframes rotate-dots{0%,15%{background-position:50% 0,0 100%,100% 100%}33%,48%{background-position:100% 100%,50% 0,0 100%}66%,81%{background-position:0 100%,100% 100%,50% 0}to{background-position:50% 0,0 100%,100% 100%}}.pbt-menu-button{height:42px;width:42px;color:#f2fffb;background-image:linear-gradient(135deg,#2a86fb1a,#0c2046e6);background-color:#0c0c0c;border:2px solid #2a86fb;border-radius:5px}.settings{display:flex;flex-direction:column;row-gap:4px;height:100%}.settings .content{flex-grow:1}.settings h3{padding:0 4px}.settings footer{text-align:left}.pbt-toggle-container{display:flex;align-items:center;-webkit-user-select:none;user-select:none;margin:10px}.pbt-toggle-container .label{margin-right:20px;font-size:16px}.pbt-toggle-button{cursor:pointer;display:inline-block;-webkit-user-select:none;user-select:none}.pbt-toggle-button .checkbox{position:absolute;visibility:hidden}.pbt-toggle-button .switch{display:inline-block;border-radius:16px;width:54px;height:29px;position:relative;vertical-align:middle;transition:background-color .25s ease-in-out;border:2px solid #2a86fb}.pbt-toggle-button .switch:before{content:"";display:block;background:#fff;border-radius:50%;width:24px;height:24px;position:absolute;top:2px;left:2px;transition:left .25s ease-in-out,.25s ease-in-out,background .25s ease-in-out}.pbt-toggle-button .checkbox:checked+.switch{background-color:#0c2046}.pbt-toggle-button .checkbox:checked+.switch:before{left:27px}.pbt-toggle-button:hover .switch:before{background:linear-gradient(to bottom,#fff,#fff)}.pbt-toggle-button:focus{outline:none;box-shadow:none}.penalty-timers{display:flex;justify-content:space-evenly;align-items:center;width:100%;height:100%;row-gap:1rem;flex-wrap:wrap}.penalty-timers .team-wrapper{display:flex;justify-content:space-evenly;width:100%;border-radius:3px}@media (min-height: 700px) and (max-width: 400px){.penalty-timers{align-content:center;height:100%;row-gap:3rem}}@media (min-width: 480px){.penalty-timers{flex-wrap:nowrap;column-gap:1rem;justify-content:center}.penalty-timers .team-wrapper{width:100%}}@media (min-width: 768px){.penalty-timers{column-gap:2rem}.penalty-timers .team-wrapper{padding-top:10px}}.counter{display:flex;flex-direction:column;justify-content:center;align-items:center}.counter.counter-jammer1{order:0}@media (min-width: 480px){.counter.counter-jammer1{order:3}}.counter #counter-type{margin:13px 0;text-transform:capitalize;color:#2a86fb;padding:3px 12px;border-radius:8px;font-weight:400;border:2px solid #2a86fb;background-image:linear-gradient(135deg,#2a86fb1a,#0c2046e6);background-color:#0c0c0c;color:#f2fffb}.counter .timer-wrapper{position:relative}.counter .counter-actions{display:flex;flex-direction:column;justify-content:center;align-items:center;column-gap:1rem;margin-top:5px}@media (min-height: 768px){.counter .counter-actions{margin-top:1rem}}.timer{position:relative;display:flex;width:85px;height:80px;justify-content:center;align-items:center;background-color:#000;color:#fff;font-size:2rem;overflow:hidden;border:2px solid rgba(255,255,255,.3)}.timer .timer-count{position:absolute;z-index:1}.timer .timer-border{position:absolute;top:0;left:0;transform:rotate(-90deg)}.timer .border-rect{fill:none;stroke-width:4;stroke-linecap:round;stroke-dasharray:400;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear,stroke .3s ease}.timer .border-rect.paused{transition:none}@media screen and (min-width: 768px){.timer{width:105px;height:100px}}.badge{position:absolute;top:-10px;z-index:3}.badge#badge-jammer1,.badge#badge-jammer2{left:-10px}@media (min-width: 480px){.badge#badge-jammer1{left:unset;right:-10px}}