.bracket-root .navigation-button,.bracket-root .scroll-button{justify-content:center;align-items:center;cursor:auto;-webkit-user-select:none;user-select:none;z-index:3}.bracket-root .navigation-button.active,.bracket-root .scroll-button.active{cursor:pointer}.bracket-root .navigation-button.active>*,.bracket-root .scroll-button.active>*{opacity:1}.bracket-root .navigation-button>*,.bracket-root .scroll-button>*{opacity:.15}.bracket-root .navigation-button{display:grid}.bracket-root .navigation-button.left{grid-column:1}.bracket-root .navigation-button.right{grid-column:5}.bracket-root .navigation-button.hidden{display:none}.bracket-root svg.default-nav-icon{fill:var(--navButtonSvgColor);box-sizing:content-box;padding:var(--navButtonPadding, 0);width:var(--navButtonArrowSize);height:var(--navButtonArrowSize)}.bracket-root svg.default-scroll-icon{fill:var(--scrollButtonSvgColor);box-sizing:content-box;padding:var(--scrollButtonPadding, 0);width:var(--scrollButtonArrowSize);height:var(--scrollButtonArrowSize)}.bracket-root .scroll-button{grid-column:2/span 2;display:none}.bracket-root .scroll-button.button-up{grid-row:3;border-bottom:1px solid var(--scrollGutterBorderColor, var(--rootBorderColor))}.bracket-root .scroll-button.button-down{grid-row:5;border-top:1px solid var(--scrollGutterBorderColor, var(--rootBorderColor))}.bracket-root.with-scroll-buttons-over-matches .scroll-button{border:none;height:0}.bracket-root.with-scroll-buttons-over-matches .button-up{align-items:flex-start}.bracket-root.with-scroll-buttons-over-matches .button-down{align-items:flex-end}.bracket-root.with-vertical-scroll-buttons .scroll-button{display:flex}.bracket-root.with-vertical-scroll-buttons .scrollbar.animated{transition:top .3s ease-out,height .3s ease-out}.bracket-root.with-nav-buttons-before-titles .navigation-button{border-bottom:1px solid var(--roundTitlesBorderColor, var(--rootBorderColor))}.bracket-root.with-nav-buttons-before-titles .navigation-button.left{grid-column:2;justify-content:flex-start}.bracket-root.with-nav-buttons-before-titles .navigation-button.right{grid-column:3;justify-content:flex-end}.bracket-root.with-nav-buttons-over-titles .navigation-button{grid-row:2;width:0;border:none;position:relative;margin-bottom:1px}.bracket-root.with-nav-buttons-over-titles .navigation-button.left{justify-content:flex-start}.bracket-root.with-nav-buttons-over-titles .navigation-button.right{justify-content:flex-end}.bracket-root.with-hidden-nav-buttons .navigation-button{display:none!important}.bracket-root.with-gutter-nav-buttons .navigation-button{grid-row:1/-1}.bracket-root.with-gutter-nav-buttons .navigation-button.left{border-right:1px solid var(--navGutterBorderColor, var(--rootBorderColor))}.bracket-root.with-gutter-nav-buttons .navigation-button.right{border-left:1px solid var(--navGutterBorderColor, var(--rootBorderColor))}.bracket-root.with-nav-buttons-over_matches .navigation-button:not(.hidden){display:flex;border:none;width:0;position:relative;grid-row:4}.bracket-root.with-nav-buttons-over_matches .navigation-button:not(.hidden)>*:first-child{position:absolute;top:var(--navButtonsTopDistance, 50%);transform:translateY(-50%)}.bracket-root.with-nav-buttons-over_matches .navigation-button:not(.hidden).left>*:first-child{left:0}.bracket-root.with-nav-buttons-over_matches .navigation-button:not(.hidden).right>*:first-child{right:0}:root{--blue: hsl(198, 100%, 44%);--gray: hsl(0, 0%, 40%);--beige: hsl(35, 100%, 95%);--orange: hsl(33, 100%, 83%);--brown: hsl(39, 100%, 21%)}*,*:after,*:before{box-sizing:border-box}html{font-size:16px;font-family:Arial,Helvetica,sans-serif}body{margin:0;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;overflow:hidden}.footer{display:flex;justify-content:center;gap:.5rem;padding:.5rem;background-color:var(--blue);color:#fff}.footer a{margin:auto 0}.header{display:flex;text-align:center;justify-content:center;gap:1rem;background-color:var(--blue);color:#fff;font-size:1.5rem}.bracketry-wrapper{display:flex;margin:auto;height:80vh;max-height:800px;max-width:100vw}.stop-scrolling{height:100%;overflow:hidden}.bracket-root{display:grid;grid-template-columns:auto 1fr 1fr 0 auto;grid-template-rows:auto auto auto 1fr auto;min-width:260px;min-height:250px;max-width:100%;width:var(--width);height:var(--height);text-align:left;border-width:1px;border-style:solid;border-color:var(--wrapperBorderColor, var(--rootBorderColor));box-sizing:border-box;font-family:var(--rootFontFamily);background-color:var(--rootBgColor)}.bracket-root *{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0;width:auto;height:auto;border:none;border-radius:0;align-content:unset;align-items:unset;align-self:unset;bottom:unset;top:unset;left:unset;right:unset;box-shadow:none;outline:none;text-decoration:none;white-space:initial;line-height:initial}.bracket-root .zero-width{width:0}.bracket-root .full-width-grid-column{grid-column:1/-1}.bracket-root .equal-width-columns-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.bracket-root .round-titles-grid-item{width:0;min-width:100%;grid-row:2;grid-column:2/span 2;overflow:hidden;padding-bottom:1px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:var(--roundTitlesBorderColor, var(--rootBorderColor))}.bracket-root .round-titles-wrapper{height:100%;min-width:100%;font-size:var(--roundTitlesFontSize);font-family:var(--roundTitlesFontFamily, var(--rootFontFamily));color:var(--roundTitleColor)}.bracket-root .round-title{padding:var(--roundTitlesVerticalPadding) var(--matchHorMargin);display:flex;overflow:hidden;justify-content:center;white-space:nowrap}.bracket-root .matches-scroller{grid-column:2/span 2;grid-row:4;overflow-y:hidden;overflow-x:hidden;pointer-events:none;scrollbar-width:none;-ms-overflow-style:none}.bracket-root .matches-scroller::-webkit-scrollbar{display:none}.bracket-root .matches-scroller.scroll-y-enabled{pointer-events:auto}.bracket-root .matches-positioner{position:relative;z-index:2;display:grid;min-width:100%;min-height:100%;grid-template-rows:100%;overflow:hidden;padding:var(--mainVerticalPadding, 0) 0;font-size:var(--matchFontSize)}.bracket-root .scrollbar-parent{grid-column:4;grid-row:4;position:relative;display:none;z-index:3}.bracket-root .scrollbar-overflow-preventer{position:absolute;top:0;bottom:0;right:0;width:var(--scrollbarWidth);overflow-y:hidden}.bracket-root .scrollbar{position:absolute;right:0;width:100%;background:var(--scrollbarColor)}.bracket-root.with-visible-scrollbar .scrollbar-parent{display:block}.bracket-root.with-native-scroll .matches-scroller.scroll-y-enabled{overflow-y:scroll}.bracket-root.with-vertical-scroll-buttons .matches-positioner.is-scrolling{transition:transform var(--scroll-transition-duration) ease-out}.app-container{padding:.75rem}.controls-row{display:flex;gap:.5rem;margin-bottom:.75rem;align-items:center}.controls-note{color:#666}.selection-wrapper{margin-bottom:.75rem}.app-error{background:var(--beige);border:1px solid var(--orange);color:var(--brown);padding:.5rem .75rem;margin-bottom:.75rem;border-radius:4px}.bracket-root .round-wrapper{position:relative;display:grid;grid-auto-rows:minmax(0,1fr);align-items:stretch;min-width:180px;max-width:100%}.bracket-root .round-wrapper:first-of-type .match-lines-area{left:var(--matchHorMargin)}.bracket-root .round-wrapper:last-of-type .match-lines-area{right:var(--matchHorMargin)}.bracket-root .round-wrapper.collapsed{visibility:hidden}.bracket-root .matches-positioner.is-scrolling *{cursor:auto!important}.bracket-root .bronze-round-wrapper{display:flex;overflow:hidden}.bracket-root .bronze-round-wrapper .pseudo-round-wrapper{display:grid;grid-auto-rows:minmax(0,1fr);z-index:2}.bracket-root .bronze-round-wrapper .pseudo-round-wrapper .match-wrapper{padding:0}.bracket-root .bronze-round-wrapper .pseudo-round-wrapper:first-child{width:calc(var(--matchHorMargin) * 1.2);min-width:0}.bracket-root .bronze-round-wrapper .pseudo-round-wrapper:first-child .match-wrapper{padding:0}.bracket-root .bronze-round-wrapper .pseudo-round-wrapper:first-child .match-wrapper .match-lines-area{left:0;width:100%}.bracket-root .bronze-round-wrapper .pseudo-round-wrapper:first-child .match-wrapper .match-lines-area .line-wrapper{box-shadow:none}.bracket-root .bronze-round-wrapper .round-wrapper{flex:1}.bracket-root .bronze-round-wrapper .round-wrapper .match-wrapper{padding-left:calc(var(--matchHorMargin) * .3)}.bracket-root .bronze-round-wrapper .round-wrapper .match-wrapper.even{align-self:end;padding-top:var(--matchMinVerticalGap);padding-bottom:var(--matchMinVerticalGap)}.bracket-root .bronze-round-wrapper .round-wrapper .match-wrapper.odd{align-self:start;padding-top:calc(var(--matchMinVerticalGap) + var(--matchFontSize) * 1.5);padding-bottom:calc(var(--matchMinVerticalGap) + var(--matchFontSize) * 1.5)}.bracket-root .bronze-round-wrapper .round-wrapper .match-wrapper.odd .line-wrapper.upper,.bracket-root .bronze-round-wrapper .round-wrapper .match-wrapper.even .line-wrapper.lower{box-shadow:calc(var(--connectionLinesWidth) * -1) 0 0 0}.bracket-root .bronze-round-wrapper .round-wrapper .match-wrapper.highlighted .line-wrapper{color:var(--highlightedConnectionLinesColor)}.bracket-root .bronze-round-wrapper{--matchMaxWidth: 220px}.bracket-root .match-wrapper{display:flex;align-items:center;justify-content:center;width:100%;position:relative;min-height:40px;box-sizing:border-box;padding:calc(var(--matchMinVerticalGap) / 2) var(--matchHorMargin)}.bracket-root .match-wrapper.odd .line-wrapper.upper{box-shadow:var(--connectionLinesWidth) 0 0 0;border-bottom:var(--connectionLinesWidth) solid var(--connectionLinesColor)}.bracket-root .match-wrapper.even .line-wrapper.lower{box-shadow:var(--connectionLinesWidth) 0 0 0;border-top:var(--connectionLinesWidth) solid var(--connectionLinesColor)}.bracket-root .match-wrapper.highlighted .match-status{border-color:var(--highlightedConnectionLinesColor)}.bracket-root .match-wrapper.highlighted .match-lines-area .line-wrapper{color:var(--highlightedConnectionLinesColor);border-color:var(--highlightedConnectionLinesColor)}.bracket-root .match-wrapper.last-highlighted .match-lines-area .line-wrapper{color:var(--connectionLinesColor)}.bracket-root .match-wrapper .match-extra{text-align:center;margin-top:.25rem}.bracket-root .match-wrapper .match-extra .prediction{font-size:calc(var(--matchFontSize) * .7);color:#555}.bracket-root .match-wrapper .match-extra .result{font-size:calc(var(--matchFontSize) * .8);font-weight:700;margin-top:.15rem;color:#2a6}.bracket-root .match-wrapper.result-incorrect .match-extra .result{color:#d33}.bracket-root .match-status{display:flex;z-index:2;align-self:center;transition:border-color .1s ease-out;font-size:calc(var(--matchFontSize) * .85);padding:calc(var(--matchFontSize) / 6) calc(var(--matchFontSize) / 2);margin:0 calc(var(--matchFontSize) / 2);border-width:var(--connectionLinesWidth);border-style:solid;border-color:var(--connectionLinesColor);background:#fff;box-shadow:0 0 0 1000px var(--matchStatusBgColor) inset}.bracket-root .match-status:empty{display:none}.bracket-root .match-body{display:flex;width:100%;max-width:var(--matchMaxWidth);justify-content:center;z-index:2;transition:border-color .1s ease-out;pointer-events:auto;border-width:var(--connectionLinesWidth, 2);border-style:solid;border-color:transparent;position:relative}.bracket-root .match-body:empty{pointer-events:none}.bracket-root .match-body .sides{flex:1;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr);grid-row-gap:var(--connectionLinesWidth)}.bracket-root .match-body.live:not(:empty){border-color:var(--liveMatchBorderColor, var(--rootBorderColor));background-color:var(--liveMatchBgColor)}.bracket-root .match-body.live:not(:empty) .current-score{border-color:var(--liveMatchBorderColor, var(--rootBorderColor))}.bracket-root .match-top,.bracket-root .match-bottom{position:absolute;left:0;color:#c1c1c1;padding-left:calc(var(--matchFontSize) / 2);font-size:calc(var(--matchFontSize) * .7);width:100%}.bracket-root .match-top{bottom:calc(100% + var(--connectionLinesWidth) + 1px)}.bracket-root .match-bottom{top:calc(100% + var(--connectionLinesWidth) + 1px)}.bracket-root .match-lines-area{position:absolute;inset:0;display:flex;flex-direction:column;pointer-events:none;z-index:1}.bracket-root .match-lines-area .line-wrapper{flex:1;transition:color .1s ease-out,border-color .1s ease-out;color:var(--connectionLinesColor)}.bracket-root .matches-positioner>.round-wrapper:last-of-type .line-wrapper{color:transparent}.bracket-root .side-wrapper{width:100%;display:flex;align-items:center;pointer-events:auto;padding-top:var(--matchAxisMargin);padding-bottom:var(--matchAxisMargin);padding-right:calc(var(--matchFontSize) / 3 * 2);padding-left:calc(var(--matchFontSize) / 2);color:var(--matchTextColor)}.bracket-root .side-wrapper.empty-side,.bracket-root .side-wrapper:not([contestant-id]){pointer-events:none}.bracket-root .side-wrapper.highlighted .player-title{color:var(--highlightedPlayerTitleColor)}.bracket-root .side-wrapper.predicted{border-left:3px solid #999}.bracket-root .side-wrapper.predicted-correct{border-left-color:#2e7d32}.bracket-root .side-wrapper.predicted-correct .player-title{color:#2e7d32;font-weight:600}.bracket-root .side-wrapper.predicted-incorrect{border-left-color:#c62828}.bracket-root .side-wrapper.looser:not(.highlighted) .player-title,.bracket-root .side-wrapper.looser.predicted .player-title,.bracket-root .side-wrapper.looser.predicted-correct .player-title{opacity:.54;text-decoration:line-through;color:#999;font-weight:400}.bracket-root .side-wrapper .single-score-wrapper:not(.winner){opacity:.54}.bracket-root .side-wrapper:not(.winner) .winner-mark{display:none}.bracket-root .side-info-item{display:grid;grid-auto-rows:minmax(0,1fr);grid-template-columns:auto;align-items:center}.bracket-root .side-info-item *{white-space:nowrap;-webkit-user-select:none;user-select:none}.bracket-root .side-info-item.serving-mark{width:calc(var(--matchFontSize) / 2.5);height:calc(var(--matchFontSize) / 2.5);margin-left:calc(var(--distanceBetweenScorePairs) * .8);border-radius:50%;background-color:#b7cf15}.bracket-root .side-info-item.serving-mark.hidden{display:none}.bracket-root .side-info-item.serving-mark.transparent{opacity:0}.bracket-root .side-info-item.side-scores{grid-auto-flow:column;font-family:var(--scoreFontFamily, var(--rootFontFamily));grid-column-gap:var(--distanceBetweenScorePairs)}.bracket-root .side-info-item.current-score{border-width:1px;border-style:solid;text-align:center;border-color:var(--matchTextColor);padding:0 calc(var(--matchFontSize) / 3);margin-left:calc(var(--distanceBetweenScorePairs) * .8)}.bracket-root .side-info-item.current-score:empty{display:none}.bracket-root .side-info-item.entry-status:not(:empty){margin-right:calc(var(--matchFontSize) / 2)}.bracket-root .side-info-item.players-info{flex:1;min-width:0;grid-row-gap:var(--oneSidePlayersGap)}.bracket-root .side-info-item.winner-mark{padding-right:var(--distanceBetweenScorePairs)}.bracket-root .side-info-item.winner-mark svg{fill:var(--matchTextColor, #000000)}.bracket-root .player-wrapper{display:flex;align-items:center;min-width:0;overflow:hidden}.bracket-root .player-wrapper .logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;margin-right:calc(var(--matchFontSize) / 2)}.bracket-root .player-wrapper .logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}.bracket-root .player-wrapper .player-title{flex:1;transition:color .1s ease-out,opacity .1s ease-out;text-align:left;text-overflow:ellipsis;min-width:0;overflow:hidden;padding-right:calc(var(--matchFontSize) * 1.5);font-family:var(--playerTitleFontFamily, var(--rootFontFamily))}.bracket-root .single-score-wrapper{display:flex;overflow:visible;flex-direction:column;align-items:center}.bracket-root .single-score-wrapper .side-own-single-score{display:flex}.bracket-root .single-score-wrapper .opponent-single-score{display:flex;height:0;overflow:hidden}.bracket-root .subscore{padding-left:1px;font-size:calc(var(--matchFontSize) / 3 * 2);margin-top:calc(var(--matchFontSize) / 5 * -1);margin-right:calc(var(--matchFontSize) / 5 * -1)}.bracket-root svg.default-winner-svg{width:auto;height:var(--matchFontSize)}.bracket-root.with-onMatchClick .match-body:not(:empty){cursor:pointer}.bracket-root.with-onMatchClick .match-body:not(:empty):hover{border-color:var(--hoveredMatchBorderColor, var(--rootBorderColor))}.bracket-root.with-onMatchClick .match-body:not(:empty):hover .player-title{color:var(--highlightedPlayerTitleColor)}.bracket-root.with-onMatchClick .match-body:not(:empty) *{pointer-events:none}.bracket-root:not(.with-classical-layout) .round-wrapper.collapsed{height:0;overflow:hidden}.bracket-root.with-clickable-sides .side-wrapper{cursor:pointer}.bracket-root.with-clickable-sides .side-wrapper:hover .player-title{color:var(--highlightedPlayerTitleColor)}.selection-tool-wrapper{display:block;margin:0}.selection-tool{padding:.75rem;max-width:21.875rem;background:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center}.selection-tool__title{margin:0 0 .5rem;font-size:1.25rem}.selection-tool__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.selection-tool__match{display:flex;flex-direction:column;gap:.75rem;align-items:stretch}.selection-tool__controls{margin-top:.75rem;display:flex;gap:.75rem;align-items:center;justify-content:center;flex-wrap:wrap}.selection-tool__save-all-btn{padding:.5rem .75rem;border:1px solid hsl(0,0%,87.3%);background:#fff;cursor:pointer;font-weight:700}.selection-tool__save-all-btn:disabled{opacity:.5;cursor:not-allowed}.selection-tool__reset-btn{padding:.5rem .75rem;border:1px solid hsl(0,0%,87.3%);background:#fff;cursor:pointer;font-weight:700}.selection-tool__reset-btn:disabled{opacity:.5;cursor:not-allowed}.selection-tool__position{font-size:.9rem;color:#666}.selection-tool__side{display:flex;gap:.5rem;align-items:center}.selection-tool__side--left{justify-content:flex-start}.selection-tool__side--right{justify-content:flex-end}.team-card{width:100%;display:flex;gap:.75rem;align-items:center;padding:.625rem;border:1px solid hsl(0,0%,93.3%);background:#fafafa;transition:box-shadow .12s ease,border-color .12s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.team-card:hover{box-shadow:0 .25rem .625rem #0000000a}.team-card--tbd{padding:.75rem;border:1px dashed hsl(0,0%,73%);text-align:center;color:#666}.team-card--selected{border:2px solid hsl(198,100%,44%);background:#0d75de0f}.team-card__logo{width:3.5rem;height:3.5rem;object-fit:contain;border-radius:.25rem;flex-shrink:0}.team-card__logo--placeholder{background:#f2f2f2;display:flex;align-items:center;justify-content:center}.team-card__body{flex:1;min-width:0}.team-card__title{font-weight:700;display:flex;gap:.5rem;align-items:baseline}.team-card__seed{font-weight:700;color:#666}.team-card__name{font-weight:700}.team-card__action{display:flex;align-items:center}.team-card__radio{width:1.1rem;height:1.1rem;margin:0;cursor:pointer}.selection-tool__nav{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid hsl(0,0%,93.3%);background:#fff;cursor:pointer;font-size:1.25rem;line-height:1;box-shadow:0 1px 2px #0000000a;-webkit-user-select:none;user-select:none}.selection-tool__nav:disabled{opacity:.45;cursor:not-allowed}.open-selection-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:700;background:#009de0;color:#fff;border:none;cursor:pointer;display:flex;margin:1rem auto}.open-selection-btn:hover{opacity:.9}.selection-modal{position:fixed;inset:0;z-index:1000;border:none;padding:0;animation:modalFadeIn .3s ease-out}.selection-modal::backdrop{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.selection-modal__content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1rem;border:1px solid hsl(0,0%,73%);box-sizing:border-box}.selection-modal__close{position:absolute;top:.25rem;right:.25rem;background:#fff;border:none;border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001}.selection-modal__close:hover{opacity:.8}.modal-enter-active,.modal-leave-active{transition:all .3s ease-out}.modal-enter-from{opacity:0;transform:scale(.05)}.modal-leave-to{opacity:0;transform:scale(.95)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:.5}}
