.hud{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:start;width:30%;min-width:280px;height:100%;box-sizing:border-box;padding:10px;overflow-y:auto;gap:10px;border-style:dashed;border-color:var(--border);border-width:0px 1px 0px 0px;color:#fff}.hud.ct,.hud.ct span{transform:scaleX(-1)}.player-grid{position:relative;display:grid;width:100%;grid-template-columns:48px minmax(0,1fr) 90px;grid-template-rows:28px 28px 28px;background-color:var(--dark);align-items:center;color:#fff;fill:#fff;border-radius:4px;overflow:hidden;z-index:1;transition:all .2s ease}.player-grid.dead{width:calc(100% - 90px);grid-template-columns:48px 1fr 0px}.hud .death{position:absolute;display:flex;justify-content:center;align-items:center;width:48px;opacity:0;z-index:-1;transition:all .1s ease-in-out}.hud .death.visible{z-index:1;opacity:1}.hud .death .skull{width:50px}.hud .health-bar{position:absolute;top:0;width:100%;height:28px;z-index:-1;transition:width .2s ease}.hud.t .health-bar{background-color:var(--t)}.hud.ct .health-bar{background-color:var(--ct)}.player-grid .health{display:flex;justify-content:start;margin-left:10px;font-weight:700;text-shadow:0px 0px 1.5px black}.player-grid .player{display:flex;justify-content:space-between;align-items:center;font-weight:500;margin-right:10px;text-shadow:0px 0px 1.5px black}.player-grid .spec,.player-grid .armor{display:flex;margin-left:10px;justify-content:start}.t .player-grid .spec svg,.player-grid .armor .shield{width:20px;transform:translate(-2px)}.ct .player-grid .spec svg{transform:scaleX(-1) translate(2px);width:20px}.player-grid .primary{display:flex;margin-right:10px;justify-content:start;align-items:center;height:100%}.player-grid .primary svg{max-width:100%;max-height:90%}.player-grid .grenades{display:grid;grid-template-columns:20px 20px 20px 20px;align-items:center;margin-right:10px}.player-grid .grenade{display:flex;justify-content:start}.player-grid .grenades svg{height:24px;width:20px}.player-grid .money,.player-grid .secondary{display:flex;align-items:center;justify-content:start;height:100%;color:var(--green)}.player-grid .secondary svg{max-width:100%;max-height:80%}.player-grid .stats-container{display:flex;align-items:center;height:100%}.player-grid .stats{display:grid;grid-template-columns:36px 36px;align-items:center;height:100%;gap:8px}.ct .player-grid .stats-container div{transform:scaleX(-1)}.player-grid .stat-val{display:flex;align-items:center;justify-content:start;gap:4px}.player-grid .round-kills{display:flex;position:relative;justify-content:center;align-items:center;gap:4px;font-weight:700}.t .sb-icon{stroke:var(--t)}.ct .sb-icon{stroke:var(--ct)}.killfeed .kill{position:relative;display:flex;align-items:center;width:-moz-fit-content;width:fit-content;gap:6px;fill:#fff;color:#fff;height:24px;padding:0 8px;margin-bottom:4px;overflow:hidden}.kill .kill-background{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#000;border-radius:4px;z-index:-1;opacity:.7}.kill svg.icon{height:16px;width:16px}.kill svg{height:16px}.kill .t{color:var(--t)}.kill .ct{color:var(--ct)}.map-container .killfeed{position:absolute;display:flex;flex-direction:column;align-items:end;top:10px;right:10px;font-family:Rajdhani,sans-serif;font-weight:700;z-index:1}g.deaths{opacity:.2}.death-component.t .death{stroke:#ffcf2e}.death-component.ct .death{stroke:#3b69dc}.death-component .death-stroke{stroke:#fff;stroke-width:9}.death-component .death{stroke-width:5}.death-component g{stroke-linecap:round;fill:none}circle.player{stroke:#fff}.bomb circle.player{stroke:var(--red)}.t circle.player{fill:var(--t)}.ct circle.player{fill:var(--ct)}polygon.yaw{fill:#fff}.bomb polygon.yaw{fill:var(--red)}text.nickname{fill:#fff;font-weight:400;text-anchor:middle;opacity:.8}circle.health{fill:none;stroke:var(--red)}.player-component .weapon{transform:translate(-50%);fill:#fff;opacity:.8}circle.blindness{fill:#fff}circle.plant-border{fill:none;stroke:#000}circle.plant-background,circle.defuse-background{fill:none;stroke:var(--dark)}circle.plant-progress{fill:none;stroke:var(--red)}circle.defuse-border{fill:none;stroke:#000}circle.defuse-progress{fill:none;stroke:#2ace66}.bomb-eq svg{fill:var(--red)}.decoy circle{fill:#62f030}.molotov circle,.incgrenade circle{fill:#f4af2d}.flashbang circle{fill:#fff}.smokegrenade circle{fill:#e4e4ee}.hegrenade circle{fill:var(--red)}.grenade-component.t polyline{stroke:var(--t)}.grenade-component.ct polyline{stroke:var(--ct)}.grenade-component polyline{fill:none;stroke-linecap:round;stroke-linejoin:round}.smokegrenade-smoke circle.smoke{stroke-width:0;opacity:.4}.t .smokegrenade-smoke circle.stroke{stroke:var(--t)}.ct .smokegrenade-smoke circle.stroke{stroke:var(--ct)}.smokegrenade-smoke circle.stroke{fill:none}.smokegrenade-smoke text{font-weight:300;fill:#fff;opacity:.8;text-anchor:middle}.grenade-component.t .grenade-icon{fill:var(--t)}.grenade-component.ct .grenade-icon{fill:var(--ct)}.grenade-component .grenade-icon svg path{stroke-width:2.5%;stroke:#000}.grenade-component circle.explosion{opacity:.8}.grenade-component .grenade-icon{transform:translate(-50%)}.grenade-component circle.bounce{fill:none}.grenade-component.t circle.bounce{stroke:var(--t)}.grenade-component.ct circle.bounce{stroke:var(--ct)}.inferno-component .fires{opacity:.66}circle.fire{fill:#ff822e}.inferno-component.type-0 circle.timer-background{fill:none;stroke:#73580d}.inferno-component.type-1 circle.timer-background{fill:none;stroke:#003580}.inferno-component.type-0 circle.timer-progress{fill:none;stroke:var(--t)}.inferno-component.type-1 circle.timer-progress{fill:none;stroke:var(--ct)}.t .inferno circle{fill:var(--t)}.ct .inferno circle{fill:var(--ct)}.equipment-component .eq,.equipment-component .eq.grenade{fill:#fff;opacity:.4}.equipment-component .eq.bomb{fill:var(--t);opacity:1}.equipment-component .eq.bomb.off-level{fill:var(--t);opacity:.3}.bomb-component .bomb-icon{transform:translate(-50%);fill:var(--red)}.bomb-component .bomb-icon.defused{fill:var(--green)}.bomb-component .timer-border{fill:none;stroke:#000}.bomb-component .timer-background{fill:none;stroke:var(--dark)}.bomb-component .timer{fill:none;stroke:var(--red)}.bomb-component .explosion{fill:var(--red)}.hovered-grenade-component polyline{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:var(--green)}.hovered-grenade-component .grenade-icon{transform:translate(-50%);fill:var(--green)}.hovered-grenade-component .grenade-icon svg path{stroke-width:2.5%;stroke:#000}.hovered-grenade-component circle.bounce{stroke:var(--green);fill:none}.replay.off{opacity:.3}.sketch-canvas{width:100%;height:100%}.sketch-canvas path{stroke-linecap:round;stroke-linejoin:round}.sketch-canvas text{fill:#fff}.button{display:flex;justify-content:center;align-items:center;color:var(--border);fill:var(--border);background-color:var(--background);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button:not(.disabled):hover{background-color:var(--hover);color:#fff;fill:#fff}.button:not(.disabled):focus-visible{background-color:var(--hover);color:#fff;fill:#fff;outline:none}.level-toggle{display:flex;position:absolute;left:10px;bottom:10px;width:32px;height:32px;z-index:1;padding:4px;color:#fff;gap:4px;align-items:center}.map-container{flex-grow:1;display:flex;height:100%;width:100%;justify-content:center;align-items:center;overflow:hidden;position:relative}.map{display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%}.map svg{position:absolute;top:0;left:0;width:100%;height:100%}.map-events.dimmed{opacity:.15}.main{position:relative;flex-grow:1;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.rounds{display:flex;white-space:nowrap;width:100%;overflow-x:auto;justify-content:safe center;align-items:center;height:36px;min-height:36px;background-color:var(--background);border-color:var(--border);border-width:1px 0px 0px 0px;border-style:dashed}.rounds .round{position:relative;height:100%;width:36px;border:0px;border-radius:0;font-weight:400;font-size:13px}.rounds .round:hover,.rounds .round:focus-visible{background-color:transparent}.rounds .round.checked{background-color:transparent;font-weight:700;color:#fff;text-shadow:0px 0px 1.5px black}.rounds .round span{justify-content:center;transform:translateY(1px);z-index:1}.rounds span.loaded{font-weight:700}.rounds .round:after{position:absolute;content:"";width:75%;height:2px;bottom:0;transition:all .2s ease}.rounds .round:hover:after,.rounds .round:focus-visible:after{height:4px}.rounds .round.checked:after{height:100%}.rounds .round.t:after{background-color:var(--t)}.rounds .round.ct:after{background-color:var(--ct)}.marks{position:absolute;left:0;height:100%;width:calc(100% - 1px)}.mark{position:absolute;width:1px;height:100%;background-color:#fff}.mark.triangle{box-sizing:border-box;background-color:transparent;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--green);border-bottom:4px solid transparent;transform:translate(-4px)}.mark.interval{background-color:transparent;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,rgb(255,255,255) 2px,rgb(255,255,255) 8px,transparent 8px,transparent 10px);opacity:.15}.mark.kill.t{background-color:var(--ct)}.mark.kill.ct{background-color:var(--t)}.mark.grenade.t{border-top-color:var(--t)}.mark.grenade.ct{border-top-color:var(--ct)}.mark.plant{display:flex;background-color:var(--red);height:100%;align-items:center}.marks .bomb{position:absolute;transform:translate(-50%);fill:#fff;stroke:var(--red)}.mark.end{background-color:transparent;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,var(--red) 2px,var(--red) 8px,transparent 8px,transparent 10px)}.timeline .periods{position:absolute;display:flex;transform:scaleX(-1);height:100%;opacity:.1;overflow:hidden}.timeline .periods *{height:100%;width:100%}.periods .post-round.t{background-color:var(--t)}.periods .post-round.ct{background-color:var(--ct)}.periods .post-plant{background-color:var(--red)}.timeline{position:absolute;box-sizing:border-box;width:100%;height:100%}.slider-component .hover-container{position:absolute;height:48px;background-color:transparent;top:-40px;transform:translate(-50%);display:flex;align-items:start}.hover-container .hover-content{display:flex;background-color:var(--dark);border-style:solid;border-color:var(--border);border-width:1px;border-radius:4px;overflow:hidden}.hover-container .grenade-hover:not(:last-child){border-right:1px solid var(--border)}.hover-container .grenade-hover{display:flex;height:32px;width:32px;justify-content:center;align-items:center;background-color:var(--dark);cursor:pointer;transition:background-color .3s ease-in-out}.hover-container .grenade-hover:hover{background-color:var(--background)}.hover-container .grenade-hover svg{height:100%;width:100%;transform:translate(1px)}.hover-container .grenade-hover.t{fill:var(--t)}.hover-container .grenade-hover.ct{fill:var(--ct)}.slider-component{position:relative;display:flex;height:100%;width:100%;align-items:center;z-index:1}.slider-component .rc-slider{position:relative;width:100%;height:100%;touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;overflow:hidden}.slider-component .rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slider-component .rc-slider-rail{position:absolute;width:100%;height:100%}.slider-component .rc-slider-track,.slider-component .rc-slider-tracks{position:absolute;height:100%;background-color:var(--green);opacity:.2}.slider-component .rc-slider-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);transform:translateY(-5px)}.slider-component .rc-slider-handle{position:absolute;z-index:5;width:2px;height:100%;background-color:var(--green);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-x}.slider-component .rc-slider-handle:after{content:"";position:absolute;height:calc(100% - 8px);left:50%;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--green);border-top:4px solid var(--green)}.slider-component .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#2ace66}.slider-component .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete{opacity:0}.slider-component .rc-slider-handle:focus{outline:none;box-shadow:none}.slider-component .rc-slider-handle:focus-visible{outline:none;border-color:#2ace66}.slider-component .rc-slider-handle-click-focused:focus{border-color:#2ace66;box-shadow:unset}.slider-component .rc-slider-handle:active{border-color:#2ace66;cursor:pointer}.slider-component .rc-slider-mark{position:absolute;top:-14px;left:0;width:100%;font-size:12px}.slider-component .rc-slider-mark-text{position:absolute;display:inline-block;color:#999;text-align:center;vertical-align:middle;cursor:pointer}.slider-component .rc-slider-step{position:absolute;width:100%;height:4px;background:transparent}.slider-component .rc-slider-dot{visibility:hidden;position:absolute;bottom:-2px;width:8px;height:8px;vertical-align:middle;background-color:#fff;border:2px solid rgba(42,206,102);border-radius:50%;cursor:pointer}.slider-component .rc-slider-dot-reverse{margin-right:-4px}.slider-component .rc-slider-disabled{background-color:#e9e9e9}.slider-component .rc-slider-disabled .rc-slider-track{background-color:#ccc}.slider-component .rc-slider-disabled .rc-slider-handle,.slider-component .rc-slider-disabled .rc-slider-dot{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.slider-component .rc-slider-disabled .rc-slider-mark-text,.slider-component .rc-slider-disabled .rc-slider-dot{cursor:not-allowed!important}.slider-component .rc-slider-vertical{width:14px;height:100%;padding:0 5px}.slider-component .rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.slider-component .rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.slider-component .rc-slider-vertical .rc-slider-track-draggable{border-top:0;border-right:5px solid rgba(0,0,0,0);border-bottom:0;border-left:5px solid rgba(0,0,0,0);transform:translate(-5px)}.slider-component .rc-slider-vertical .rc-slider-handle{position:absolute;z-index:1;margin-top:0;margin-left:-5px;touch-action:pan-y}.slider-component .rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%}.slider-component .rc-slider-vertical .rc-slider-step{width:4px;height:100%}.slider-component .rc-slider-vertical .rc-slider-dot{margin-left:-2px}.slider-component .rc-slider-tooltip-zoom-down-enter,.slider-component .rc-slider-tooltip-zoom-down-appear,.slider-component .rc-slider-tooltip-zoom-down-leave{display:block!important;animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.slider-component .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.slider-component .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.slider-component .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.slider-component .rc-slider-tooltip-zoom-down-enter,.slider-component .rc-slider-tooltip-zoom-down-appear{transform:scale(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}.slider-component .rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.slider-component .rc-slider-tooltip{position:absolute;top:-9999px;left:-9999px;visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slider-component .rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slider-component .rc-slider-tooltip-hidden{display:none}.slider-component .rc-slider-tooltip-placement-top{padding:4px 0 8px}.slider-component .rc-slider-tooltip-inner{min-width:24px;height:24px;padding:6px 2px;color:#fff;font-size:12px;line-height:1;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}.slider-component .rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.slider-component .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}#share-tooltip{display:flex;flex-direction:column;background-color:var(--dark);border-radius:4px;z-index:1;padding:8px;gap:8px;width:220px;-webkit-user-select:text;-moz-user-select:text;user-select:text;font-size:12px;margin:0;transform:translate(1px)}#share-tooltip .share-url{display:flex;align-items:center;padding:4px 8px;border:1px solid var(--border);border-radius:4px;background-color:#0b0b0b}.share-url span{white-space:nowrap;overflow-x:auto;display:inline-block;max-width:100%;scrollbar-width:none}#share-tooltip .controller{display:flex;justify-content:space-between;align-items:center;height:20px}#share-tooltip .tick-includer{display:flex;align-items:center;height:100%;gap:4px}.share-url span::-webkit-scrollbar{display:none}#share-tooltip .button{background-color:var(--dark);border-width:0;border:0;display:flex;gap:8px;height:100%;justify-content:start}#share-tooltip .button:hover .check{background-color:var(--hover)}#share-tooltip .button:not(.checked) .check{stroke:transparent}#share-tooltip .button span{display:flex;color:#fff;transition:all .1s ease;align-items:center;font-size:12px}#share-tooltip .tick-includer .button:not(.checked) span{color:var(--border)}#share-tooltip .check{color:#fff;box-sizing:border-box;height:20px;width:20px;transition:all .1s ease;border:1px solid var(--border);border-radius:4px}#share-tooltip .tick-includer input{border:0px;background-color:transparent;font-family:Poppins,sans-serif;font-size:12px;margin:0;padding:0;color:var(--border);width:30px;transition:all .1s ease}#share-tooltip .tick-includer input.included{color:#fff;border-width:0 0 1px 0;border-style:dashed;border-color:#fff}#share-tooltip .tick-includer input:focus-visible{outline-width:0}#share-tooltip .copy{height:20px;width:64px;border:1px solid var(--border);border-radius:4px;background-color:var(--dark)}#share-tooltip .copy span{display:flex;color:var(--border);height:100%;width:100%;justify-content:center;align-items:center;color:#fff}#share-tooltip .copy:hover{background-color:var(--hover)}.share-container{position:relative;height:100%;width:100%}.share-button{position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer;height:100%;background-color:var(--dark);transition:all .3s ease}.share-button.open{background-color:var(----hover)}.share-button:hover,.share-button:focus-visible{background-color:var(--hover);outline:0}.share-button .share-hover{position:absolute;width:100%;height:100%}#sketch-tooltip .color-picker{display:flex;justify-content:space-between}#sketch-tooltip .color{border:0;border-radius:50%;aspect-ratio:1;cursor:pointer;transition:all .1s ease-in-out;color:#fff}#sketch-tooltip .color:focus-visible{outline:1px dashed var(--border)}.color-picker .background{display:flex;justify-content:center;align-items:center;width:16px;height:16px;border-radius:50%;background-color:#00000080;transition:all .1s ease-in-out}.color-picker .color:not(.checked) .background{background-color:transparent}#sketch-tooltip{display:grid;grid-template-rows:28px 28px 28px;row-gap:8px;background-color:var(--dark);border-radius:4px;z-index:1;padding:8px;width:168px;margin:0}#sketch-tooltip .pen-radius{display:flex;height:100%;width:100%;align-items:center;justify-content:center;gap:8px}#sketch-tooltip .slider-default{width:100%;padding:0 7px}#sketch-tooltip .radius-value{height:100%;box-sizing:border-box;border:2px solid rgb(255,255,255);border-radius:50%;aspect-ratio:1;display:flex;justify-content:center;align-items:center}#sketch-tooltip .radius-value span{display:flex;font-size:14px;justify-content:center}#sketch-tooltip .action-controls{display:grid;grid-template-columns:1fr 1fr 1fr;-moz-column-gap:1px;column-gap:1px;background-color:var(--border);border:1px solid var(--border);border-radius:4px;overflow:hidden;height:100%}#sketch-tooltip .action-controls>*{border-width:0px;border-radius:0;background-color:var(--dark)}#sketch-tooltip .action-controls>*:not(.disabled){fill:#fff;color:#fff}#sketch-tooltip .action-controls>*:not(.disabled):hover{background-color:var(--hover)}#sketch-tooltip .action-controls>*:not(.disabled):focus-visible{background-color:var(--hover)}#sketch-tooltip .action-controls>*.disabled{fill:var(--border);color:var(--border);cursor:default}.sketch-config{position:relative;height:100%;width:100%}.sketch-config-button{position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer;height:100%;background-color:var(--dark);transition:all .3s ease}.sketch-config-button.open{background-color:var(----hover)}.sketch-config-button:hover,.sketch-config-button:focus-visible{background-color:var(--hover);outline:0}.sketch-config-button .sketch-config-hover{position:absolute;width:100%;height:100%}.playback-panel.right{display:grid;grid-template-columns:48px 36px 36px 36px 36px;border-left:1px solid var(--border);-moz-column-gap:1px;column-gap:1px;background-color:var(--border);border-radius:0 3px 3px 0}.playback-panel.right>*{color:#fff;fill:#fff;background-color:var(--dark);height:100%;border-width:0;border-radius:0}.playback-panel.right .screenshot{background-color:var(--dark)}.playback-panel.right>*:not(:first-child):hover,.playback-panel.right>*:not(:first-child):focus-visible{background-color:var(--hover)}.playback-panel.right>*:last-child{border-radius:0 3px 3px 0}.playback-panel .timer{display:flex;justify-content:center;align-items:center}.playback-container{display:flex;align-items:center;justify-content:center;height:30px;padding:10px;background-color:var(--dark);border-color:var(--border);border-width:1px 0px 0px 0px;border-style:solid;-webkit-user-select:none;-moz-user-select:none;user-select:none}.playback-content{position:relative;display:flex;align-items:center;width:100%;height:100%;border-color:var(--border);border-width:1px;border-style:solid;border-radius:4px}.playback-panel{position:relative;display:grid;justify-content:space-around;align-items:center;height:100%;color:#fff;stroke:#fff;font-size:14px}.playback-panel.left{grid-template-columns:36px 36px;border-right:1px solid var(--border);-moz-column-gap:1px;column-gap:1px;background-color:var(--border);border-radius:3px 0 0 3px}.playback-panel.left .button{width:100%;height:100%;border-radius:0;border-width:0;fill:#fff;color:#fff;background-color:var(--dark)}.playback-panel.left .button:hover{background-color:var(--hover)}.playback-panel.left :first-child{border-radius:3px 0 0 3px}.scoreboard .team{display:flex;border-width:2px;border-style:solid;border-radius:4px 0 0 4px}.scoreboard .team .name{text-shadow:0px 0px 1.5px black}.scoreboard .team.t{border-color:var(--t)}.scoreboard .team.t .name{background-color:var(--t)}.scoreboard .team.ct{transform:scaleX(-1);border-color:var(--ct)}.scoreboard .team.ct .name{background-color:var(--ct)}.scoreboard .team.ct span{transform:scaleX(-1)}.scoreboard .name{display:flex;justify-content:center;align-items:center;padding:0 16px;font-weight:600;width:100%}.scoreboard .score{display:flex;aspect-ratio:1;justify-content:center;align-items:center;font-weight:600;height:100%}.scoreboard .timer{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:600;border-style:solid;border-width:2px 0;-o-border-image:linear-gradient(to right,var(--t),var(--ct)) 1;border-image:linear-gradient(to right,var(--t),var(--ct)) 1}.scoreboard .timer.plant{color:var(--red)}.scoreboard .timer .time{display:flex;align-items:center;width:64px;justify-content:space-between}.scoreboard .time .icon{width:16px}.scoreboard{display:grid;grid-template-columns:minmax(auto,1fr) 160px minmax(auto,1fr);color:#fff;font-family:Poppins,sans-serif;height:36px}.top-bar{display:flex;justify-content:center;align-items:center;height:50px;background-color:var(--dark);border-color:var(--border);border-width:0 0 1px 0;border-style:solid}.settings .config{gap:0px!important;width:100%}.config .content{display:flex;flex-direction:column;gap:8px}.config .content .option{display:flex;gap:16px;width:100%;height:24px}.config .option .checkbox{width:24px;height:24px;color:#fff;transition:all .1s ease}.config .option .checkbox:not(.checked){color:transparent}.key{display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;padding:4px;height:16px;min-width:16px;line-height:16px;font-size:14px}.settings .keybinds .content{display:grid;grid-template-columns:repeat(2,max-content);width:100%;align-items:center;row-gap:8px;-moz-column-gap:16px;column-gap:16px}.settings .keybinds .key-interaction{display:flex;justify-content:end;align-items:center;gap:8px}.modal-content .settings{display:flex;flex-direction:column;color:#fff;width:100%;gap:16px}.modal-content .settings .title{display:flex;width:100%;align-items:center;gap:8px;font-weight:500}.modal-content .settings .line{height:1px;width:100%;background-color:var(--border)}.modal-content .settings .line.left{width:32px}.modal-content .settings>*{display:flex;flex-direction:column;align-items:center;width:100%;gap:16px}.settings .subtitle{display:flex;box-sizing:border-box;width:100%;justify-content:start;font-weight:300;color:var(--border);padding-bottom:4px}.modal-overlay{position:fixed;top:0;left:0;width:100dvw;height:100dvh;z-index:-1;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background-color:transparent;opacity:0;transition:background-color .3s ease,opacity .3s ease,z-index .3s,-webkit-backdrop-filter .3s ease;transition:backdrop-filter .3s ease,background-color .3s ease,opacity .3s ease,z-index .3s;transition:backdrop-filter .3s ease,background-color .3s ease,opacity .3s ease,z-index .3s,-webkit-backdrop-filter .3s ease}.modal-overlay.active{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0101014d;opacity:1;z-index:2}.active .modal-display{transform:translateY(0)}.modal-display{max-height:100dvh;border:1px solid var(--border);border-radius:4px;z-index:3;overflow:hidden;transform:translateY(-100%);transition:transform .3s ease}.modal-display header{background-color:var(--dark);padding:16px;color:#fff;font-weight:600}.modal-display header .green{color:var(--green)}.modal-content{background-color:var(--background);border-top:1px solid var(--border);padding:16px}.slider-default{--green-transparent: rgba(42, 206, 102, .8)}.slider-default .rc-slider{display:flex;align-items:center;position:relative;width:100%;height:100%;border-radius:6px;touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slider-default .rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slider-default .rc-slider-rail{position:absolute;width:calc(100% + 14px);transform:translate(-7px);height:4px;background-color:#e9e9e9;border-radius:6px}.slider-default .rc-slider-track,.slider-default .rc-slider-tracks{position:absolute;height:4px;background-color:var(--green-transparent);border-radius:6px;width:calc(100% + 7px);transform:translate(-7px)}.slider-default .rc-slider-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);transform:translateY(-5px)}.slider-default .rc-slider-handle{position:absolute;z-index:1;width:14px;height:14px;background-color:#fff;border:solid 2px var(--green-transparent);border-radius:50%;cursor:pointer;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-x}.slider-default .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:var(--green);box-shadow:0 0 0 2px var(--green-transparent)}.slider-default .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete{opacity:0}.slider-default .rc-slider-handle:focus{outline:none;box-shadow:none}.slider-default .rc-slider-handle:focus-visible{border-color:var(--green);box-shadow:0 0 0 2px var(--green-transparent)}.slider-default .rc-slider-handle-click-focused:focus{border-color:var(--green-transparent);box-shadow:unset}.slider-default .rc-slider-handle:hover{border-color:var(--green)}.slider-default .rc-slider-handle:active{border-color:var(--green);box-shadow:0 0 2px var(--green);cursor:grabbing}.slider-default .rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.slider-default .rc-slider-mark-text{position:absolute;display:inline-block;color:#999;text-align:center;vertical-align:middle;cursor:pointer}.slider-default .rc-slider-mark-text-active{color:#666}.slider-default .rc-slider-step{position:absolute;width:100%;height:4px;background:transparent}.slider-default .rc-slider-dot{position:absolute;bottom:-2px;width:8px;height:8px;vertical-align:middle;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;cursor:pointer}.slider-default .rc-slider-dot-active{border-color:#96dbfa}.slider-default .rc-slider-dot-reverse{margin-right:-4px}.slider-default .rc-slider-disabled{background-color:#e9e9e9}.slider-default .rc-slider-disabled .rc-slider-track{background-color:#ccc}.slider-default .rc-slider-disabled .rc-slider-handle,.slider-default .rc-slider-disabled .rc-slider-dot{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.slider-default .rc-slider-disabled .rc-slider-mark-text,.slider-default .rc-slider-disabled .rc-slider-dot{cursor:not-allowed!important}.slider-default .rc-slider-vertical{width:14px;height:100%;padding:0 5px}.slider-default .rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.slider-default .rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.slider-default .rc-slider-vertical .rc-slider-track-draggable{border-top:0;border-right:5px solid rgba(0,0,0,0);border-bottom:0;border-left:5px solid rgba(0,0,0,0);transform:translate(-5px)}.slider-default .rc-slider-vertical .rc-slider-handle{position:absolute;z-index:1;margin-top:0;margin-left:-5px;touch-action:pan-y}.slider-default .rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%}.slider-default .rc-slider-vertical .rc-slider-step{width:4px;height:100%}.slider-default .rc-slider-vertical .rc-slider-dot{margin-left:-2px}.slider-default .rc-slider-tooltip-zoom-down-enter,.slider-default .rc-slider-tooltip-zoom-down-appear,.slider-default .rc-slider-tooltip-zoom-down-leave{display:block!important;animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.slider-default .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.slider-default .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.slider-default .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.slider-default .rc-slider-tooltip-zoom-down-enter,.slider-default .rc-slider-tooltip-zoom-down-appear{transform:scale(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}.slider-default .rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{transform:scale(0);transform-origin:50% 100%;opacity:0}to{transform:scale(1);transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}to{transform:scale(0);transform-origin:50% 100%;opacity:0}}.slider-default .rc-slider-tooltip{position:absolute;top:-9999px;left:-9999px;visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slider-default .rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slider-default .rc-slider-tooltip-hidden{display:none}.slider-default .rc-slider-tooltip-placement-top{padding:4px 0 8px}.slider-default .rc-slider-tooltip-inner{min-width:24px;height:24px;padding:6px 2px;color:#fff;font-size:12px;line-height:1;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}.slider-default .rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.slider-default .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}.visible{visibility:visible}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}body{margin:0}.replay-player{--t: rgb(231, 180, 44);--ct: rgb(17, 116, 255);--green: rgb(42, 206, 102);--red: rgb(230, 50, 45);--dark: #18181b;--background: #09090b;--hover: #3f3f46;--border: #71717a;margin:0;font-family:Poppins,sans-serif;font-size:15px;background-color:var(--background);display:flex;flex-direction:column;height:100dvh;overflow:hidden}
