.settings-container{height:1%;width:100%;flex-grow:1;display:flex;align-items:center;flex-direction:column}.category-icon{display:flex;align-items:center;font-size:1.2em}.button-row{display:flex;justify-content:flex-end;gap:var(--screen-padding);padding:var(--screen-padding)}.floating-add-button{position:fixed;bottom:28px;right:28px;z-index:12}.floating-add-button .round-button:after{content:"+";position:absolute;bottom:10px;right:10px;width:16px;height:16px;background-color:var(--middleground);color:var(--text);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700}.floating-add-button .round-button{width:56px;height:56px;border-radius:50%;background-color:var(--middleground);box-shadow:0 2px 10px #0000004d;cursor:pointer}.floating-add-button .round-button:hover{background-color:var(--background-shadow)}.floating-add-button:hover .round-button:after{background-color:var(--background-shadow)}.floating-add-button-matches{bottom:64px;z-index:15}.list-container-with-floating-button{padding-bottom:calc(var(--screen-padding) + 84px)!important}.list-container-with-floating-button-matches{padding-bottom:calc(var(--screen-padding) + 120px)!important}.input-with-icon{display:flex;align-items:center}.input-with-icon>*:first-child{flex-grow:1}.list-section img{width:42px;height:42px;border-radius:50%;object-fit:cover}.list-container>form{display:flex;flex-direction:column;gap:var(--screen-padding)}.menu-item{justify-content:left!important;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.menu-item :last-child{margin-left:auto}.profile-picture-container{width:90px;height:90px;margin-block:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--middleground-shadow);cursor:pointer;position:relative}.profile-picture-container>*:first-child{width:90px;height:90px;object-fit:cover;border-radius:50%;overflow:hidden;fill:var(--foreground)}.profile-picture-container>*:last-child{position:absolute;top:0;right:0;z-index:10;background-color:var(--foreground);fill:var(--text);border-radius:50%;padding:4px}#danger-zone>*{display:flex;justify-content:center}#danger-zone>*:hover{background-color:var(--background-shadow);cursor:pointer}#delete-account{color:var(--danger)}.active-tournament{box-shadow:inset 0 0 0 2px var(--success);position:relative;border-radius:var(--border-radius)}.active-tournament:before{content:"selected";position:absolute;top:0;left:50%;transform:translate(-50%,-50%);font-size:.8em;color:var(--success);background-color:var(--middleground-shadow);padding:0 5px}.users-list .list-section>*{height:48px}.search-field{position:relative;width:calc(100% - 2 * var(--screen-padding));margin:var(--screen-padding);background-color:var(--middleground-shadow);border-radius:var(--border-radius)}.search-field input{all:unset;padding:var(--screen-padding)}.search-field i{padding-right:var(--screen-padding)}#search-info{display:flex;align-items:center;position:absolute;gap:4px;bottom:0;right:4px;transform:translateY(133%);color:var(--secondary-text)}.left-and-right input{all:unset;text-align:right;padding-right:var(--screen-padding);margin-right:calc(-1 * var(--screen-padding))}.add-activity-form{display:flex;flex-direction:column;gap:var(--screen-padding)}.title-row>*:nth-child(2){flex-grow:1}.title-row>*:nth-child(3){color:var(--secondary-text)}.subtitle{color:var(--secondary-text);font-size:.8em}.about-buttons{display:flex;flex-direction:row;margin-block:auto;justify-content:space-evenly}.about-buttons>*{display:flex;flex-direction:column;align-items:center;gap:var(--screen-padding)}.about-buttons>*:hover{cursor:pointer}.patchnotes-container{width:100%;overflow-y:auto}.patchnotes-item{margin:var(--screen-padding);padding:var(--screen-padding);gap:var(--screen-padding);display:flex;flex-direction:column}.patchnotes-item h4{margin-block:0;font-size:1.2em}.patchnotes-item ul{margin-block:0}.logout-delete-overlay{position:absolute;z-index:100;left:0;width:100%;height:100%;background-color:#1d1d1db3;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:var(--border-radius)}.navbar{position:sticky;width:100%;display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;padding:0 var(--screen-padding);gap:16px;background:var(--background-shadow);z-index:10}.navbar>button{display:inline-block;position:relative;z-index:1;padding:var(--screen-padding);margin:calc(-1 * var(--screen-padding))}.navbar>h1{font-size:1.4em}.navbar>h1:first-letter{text-transform:capitalize}.title{margin-right:auto}.logo{background-image:linear-gradient(to bottom,#ffaf00,#ff8a32,#fd684e,#e84e66,#c74077);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.tournament-name{margin-left:16px;font-weight:400;font-size:.8em;color:var(--secondary-text)}.notification-container{position:relative}.notification-badge{position:absolute;top:-2px;right:1px;height:13px;min-width:11px;background-color:var(--danger);border-radius:12px;color:var(--background);font:12px/10px Helvetica,Verdana,Tahoma;padding:4px 3px 0;text-align:center}.notification-list{display:flex;flex-direction:column;position:absolute;top:44px;right:-59px;width:280px;font-size:.9em;background:var(--middleground);border-radius:4px;box-shadow:0 2px 8px #0003}.notification-text{display:flex;flex-direction:column}.notification-text .timestamp{font-size:smaller;color:var(--background-shadow4)}.notification-list>*{padding:12px}.notification-list>:first-child{background:var(--middleground-shadow)}.notification-list>:not(:first-child){background:var(--middleground);border-bottom:2px solid var(--middleground-shadow)}.notification-list>.left-and-right>Button{color:var(--background-shadow4);font-weight:lighter;font-size:.7em;padding:0}#toast-container{display:flex;flex-direction:column;gap:var(--screen-padding);position:fixed;top:calc(2 * var(--screen-padding));left:50%;transform:translate(-50%);z-index:1000}#toast-container div{background-image:linear-gradient(to left bottom,#181918,#0a0b0a);color:var(--text);padding-block:calc(.7 * var(--screen-padding));width:calc(100vw - 4 * var(--screen-padding));border-radius:8px;text-align:center;animation:fadeInOut .1s linear;border:1px solid rgba(88,88,88,.41);box-shadow:0 5px 15px #000}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translate(0)}}.slide-out-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:end;background-color:#18181880;z-index:100;overflow:hidden}.slide-out-overlay.closed{visibility:hidden}.slide-out{max-height:60vh;width:100%;background-color:var(--middleground);border-radius:var(--border-radius) var(--border-radius) 0 0;transition:transform .3s cubic-bezier(.29,.79,.5,1.13);padding-block:var(--screen-padding);overflow-y:auto}.slide-out.open{transform:translateY(var(--screen-padding))}.slide-out.closed{transform:translateY(100%)}.slide-out-header{display:flex;justify-content:space-between;align-items:center;padding-left:var(--screen-padding);padding-right:calc(var(--screen-padding) / 2)}.slide-out-header>span{font-size:larger}.slide-out-content{margin-block:var(--screen-padding)}.toggle-slider{position:relative;display:inline-block;width:38px;height:20px}.toggle-slider input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:20px;transition:.2s}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.2s}input:checked+.slider{background-color:var(--accent)}input:checked+.slider:before{transform:translate(18px)}.leaderboard-container{height:1%;flex-grow:1;width:100%;min-width:320px;max-width:600px;display:flex;flex-direction:column;justify-content:center}.list-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.scrollable{overflow-y:scroll}.leaderboard-container .list-item>:nth-child(1){text-align:start;width:3px}.leaderboard-container .list-item>:nth-child(2){text-align:center;width:6%;padding-right:calc(var(--screen-padding) / 2)}.leaderboard-container .list-item>:nth-child(3){width:50%}.leaderboard-container .list-item>:nth-child(4){text-align:center;width:12%}.leaderboard-container .list-item>:nth-child(5){justify-content:center;width:18%}.leaderboard-container .list-item>:nth-child(6){text-align:center;width:18%}.rank-line{position:absolute;left:0;top:1px;bottom:1px;width:3px}.leaderboard-container .rating path{color:var(--platinum)}.leaderboard-container .active-user{background-color:var(--middleground)}.leaderboard-container .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-container .name:hover{cursor:pointer;text-decoration:underline}.leaderboard-container .user-not-found{color:var(--tertiary-text)}.match-history{display:flex;flex-direction:row;gap:1px}.history-box{width:10px;height:10px;border-radius:50%;background-color:var(--foreground)}.history-box.win{background-color:var(--platinum)}.history-box.loss{background-color:var(--danger)}.sitout-info{display:flex;flex-direction:row;align-items:center;justify-content:center;color:var(--secondary-text);font-size:.8em;gap:8px;border-radius:4px;padding:6px;padding-inline:12px;margin-inline:auto}.label-and-icon{padding-inline:16px;margin-inline:auto;gap:8px}.label-and-icon .item-play{fill:var(--success)}.label-and-icon .item-pause{fill:var(--warning)}.matches-container{width:100%;min-width:320px;max-width:700px;height:auto;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;min-height:0}.matches-container>*{flex-shrink:0}.matches-container .list-container{flex-grow:1;overflow-y:auto;min-height:0;max-height:100%}.matches-container input{all:unset;text-align:right;border-radius:4px;background-color:var(--background-shadow1);font-family:var(--font-family)}.matches-container input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1);margin-left:8px}.edit-match-team-container{height:auto!important}.matches-list{flex-grow:1;display:flex;flex-direction:column;padding-inline:10px;border-radius:.5em;overflow:hidden}.matches-list table{margin-bottom:8px;border-radius:10px 10px 0 0;background-color:var(--background-shadow5)}.matches-list thead{background-color:var(--background-shadow5)}.matches-list thead .list-item :nth-last-child(-n+2):hover{cursor:pointer}.matches-list .active{border-radius:8px 8px 0 0;background-color:var(--background-shadow4)}.matches-tab{width:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;gap:8px;padding-right:10px;padding-bottom:4px}.new-round-buttons{display:flex;justify-content:flex-end;margin-top:8px;font-size:larger}.floating-buttons-container{position:absolute;bottom:100%;right:4px;z-index:-1;display:flex;flex-direction:column-reverse;align-items:flex-end;margin-bottom:calc(var(--screen-padding) * .5)}.floating-buttons-container>div{display:flex;align-items:center;white-space:nowrap;padding-block:var(--screen-padding);border-radius:4px;background-color:var(--background-shadow);box-shadow:0 0 16px 16px var(--background-shadow);animation:slideIn .2s ease-out;transform-origin:bottom right}@keyframes slideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.floating-buttons-container span{margin-right:8px}.floating-buttons-container button{width:48px;height:48px;border-radius:50%;background-color:var(--foreground);box-shadow:0 2px 10px #0000004d;cursor:pointer}.floating-cancel:after{visibility:hidden}.no-matches{margin-top:32px;margin-inline:auto}.player-details{display:flex;flex-direction:column;gap:32px;margin-inline:8px}.player-details>div{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:16px}.rank-summary{display:flex;justify-content:center;flex-direction:column;align-items:center}.rank-banner{width:300px;height:300px;position:relative;text-align:center}.rank-banner>*{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rank-border{height:300px;width:300px;z-index:3}.rank-border img{width:100%;height:100%;object-fit:cover;z-index:2}.rank-picture{top:50%;height:50%;width:50%;overflow:hidden;border-radius:50%}.rank-picture img{width:100%;height:100%;object-fit:cover}.player-rank-and-elo{display:flex;align-items:center}.player-rank{font-weight:700}.player-elo{padding-left:8px;color:var(--background-shadow4);font-weight:400;font-size:.9em}.summaries{display:flex;flex-direction:column;gap:16px}.summaries .list-container{padding:0}.summaries .activities-row{height:24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.summaries .activities-row :nth-child(1){flex:3}.summaries .activities-row :nth-child(n+2){flex:1;text-align:center}.summaries .activities-header{background-color:var(--middleground)}.player-matches{min-width:350px;flex:1}.match-container{height:auto!important;display:flex;flex-direction:column;justify-content:space-between;padding-block:8px!important;gap:8px!important}.match-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.match-header-details{display:flex;flex-direction:row;align-items:center;gap:8px}.match-header .activity{font-size:large;font-weight:700}.match-header .timestamp{font-weight:lighter;color:var(--background-shadow4)}.match-header .elo{font-size:.9em}.elo.win{color:var(--success)}.elo.loss{color:var(--danger)}.match-header>.btn{display:flex}.match-teams{display:flex;justify-content:space-between;align-items:center;width:100%}.match-team{position:relative;padding:4px;padding-inline:8px;border-radius:.5em;font-weight:400;border:1px solid var(--background-shadow1);flex:1}.match-team.rank-1{color:var(--gold);font-weight:400}.match-team.rank-2{color:var(--silver);font-weight:400}.match-team.rank-3{color:var(--bronze);font-weight:400}.rank .ribbon{position:absolute;top:0%;left:95%}.prediction-bar{width:100%;height:8px;display:flex;border-radius:1em;overflow:hidden}.prediction-bar-white{background-color:var(--text)}.prediction-bar-black{background-color:var(--background-shadow)}.knock-out-1{position:relative;animation:spring-kick 8s cubic-bezier(.17,.67,.83,.67) forwards;animation-iteration-count:infinite;animation-delay:5s}.knock-out-2{animation:spring-kick-reverse 8s cubic-bezier(.17,.67,.83,.67) forwards;animation-iteration-count:infinite;animation-delay:5s}.match-teams:has(.knock-out-1) .team-2{animation:fly-away 8s .3s cubic-bezier(.17,.67,.83,.67) forwards;animation-iteration-count:infinite;animation-delay:5s}.match-teams:has(.knock-out-2) .team-1{animation:fly-away-reverse 8s .3s cubic-bezier(.17,.67,.83,.67) forwards;animation-iteration-count:infinite;animation-delay:5s}@keyframes spring-kick{0%{transform:translateY(0) rotate(45deg)}20%{transform:translate(-8px) scaleX(.5) rotate(45deg)}25%{transform:translate(-8px) scaleX(.5) rotate(45deg)}25.5%{transform:scaleY(1.2) translate(20px) rotate(45deg)}26%{transform:scaleY(1) translate(40px) rotate(45deg)}40%{transform:translate(0) rotate(45deg)}to{transform:translate(0) rotate(45deg)}}@keyframes spring-kick-reverse{0%{transform:translateY(0) rotate(-45deg) scaleX(-1)}20%{transform:translate(8px) scaleX(.5) rotate(-45deg) scaleX(-1)}25%{transform:translate(8px) scaleX(.5) rotate(-45deg) scaleX(-1)}25.5%{transform:scaleY(1.2) translate(-20px) rotate(-45deg) scaleX(-1)}26%{transform:scaleY(1) translate(-40px) rotate(-45deg) scaleX(-1)}40%{transform:translate(0) rotate(-45deg) scaleX(-1)}to{transform:rotate(-45deg) scaleX(-1)}}@keyframes fly-away{0%{transform:translate(0) rotate(0);opacity:1}26%{transform:translate(0) rotate(0);opacity:1}35%{transform:translate(100px) rotate(180deg);opacity:0}40%{transform:translate(0) rotate(0);opacity:0}80%{transform:translate(0) rotate(0);opacity:1}}@keyframes fly-away-reverse{0%{transform:translate(0) rotate(0);opacity:1}22%{transform:translate(0) rotate(0);opacity:1}35%{transform:translate(-100px) rotate(-180deg);opacity:0}40%{transform:translate(0) rotate(0);opacity:0}80%{transform:translate(0) rotate(0);opacity:1}}.match-buttons{display:flex;flex-direction:column;flex:1;max-width:64px}.match-buttons Button{display:flex;align-items:center;margin:auto;flex:1}.match-buttons Button>*{height:16px;width:16px;transition:.5s}.match-buttons Button .rotated{transform:rotate(-180deg);transition:.5s}.delete-match{color:var(--danger)}.sortable-item{display:flex;justify-content:space-between;z-index:100}.sortable-item-team{padding-block:6px;padding-left:8px}.sortable-item-knob{padding-block:8px;padding-inline:8px;display:flex;font-size:1.2em;cursor:grab}.edit-match-teams{display:flex;flex-direction:column}.edit-match-teams>*{display:flex;justify-content:space-between;width:100%;padding:8px;gap:8px}.edit-match-teamName{flex-grow:2;min-width:64px}.edit-match-team{display:flex;flex-wrap:wrap;justify-content:end;width:100%;gap:4px}.edit-match-team>select>.inMatch{color:var(--background-shadow3)}input#timestamp{width:188px}.login-container{width:90%;max-width:400px;margin:auto;display:flex;justify-content:center;flex-direction:column;background-color:var(--middleground);border-radius:var(--border-radius);gap:16px;padding-top:16px;position:relative;overflow:hidden}.login-form{display:flex;flex-direction:column;margin-inline:16px;gap:16px}.input-login{width:100%;box-sizing:border-box}.forgot-password{position:relative;display:flex;justify-content:right;padding-bottom:29px}.forgot-password a{font-size:.9em;color:var(--secondary-text)}.forgot-password a:hover{cursor:pointer;color:var(--text);transition:color var(--animation-speed)}.password-container{position:relative;display:inline-block}#eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:10}#eye path{color:var(--secondary-text)}#eye:hover{cursor:pointer}#eye:hover path{color:var(--text);transition:color var(--animation-speed)}#sign-in{border-radius:var(--border-radius);padding:1em;background-color:var(--danger);box-shadow:0 0 16px var(--middleground-shadow);width:66%;margin-inline:auto}#sign-in:hover{background-color:var(--danger-shadow);transition:background-color var(--animation-speed)}#or{display:flex;justify-content:space-evenly;position:relative;margin-block:8px;color:var(--secondary-text)}.socials{display:flex;vertical-align:middle;justify-content:space-evenly}.socials Button{border-radius:var(--border-radius);height:48px;width:64px;background-color:var(--middleground-shadow)}.socials Button>*{display:flex;margin:auto}.socials Button:hover{background-color:var(--background-shadow);transition:background-color var(--animation-speed)}.login-info-text{display:flex;justify-content:center;align-items:center;background-color:var(--middleground-shadow);border-radius:0px 0px var(--border-radius) var(--border-radius);padding:16px}.login-info-text span{color:var(--secondary-text);white-space:nowrap}.login-info-text:hover span{color:var(--text);transition:color var(--animation-speed)}.login-info-text:hover{background-color:var(--background-shadow);cursor:pointer;transition:background-color var(--animation-speed)}.loading-overlay{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background-color:#1d1d1db3;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:var(--border-radius)}.light-theme{background:var(--background);--background: #f3f8ff;--background-shadow0: #eceff3;--background-shadow1: #dadde0;--background-shadow2: #b2b2b8;--background-shadow3: #9d9fa1;--background-shadow4: #757376;--background-shadow5: #3b393a;--icon: #3a3b3b;--accent: #37b3e3ff;--accent-shadow: rgb(45, 142, 181);--success: #82cc54ff;--success-shadow: rgb(103, 162, 67);--warning: #e5c052ff;--warning-shadow: rgb(182, 153, 65);--danger: #b8463e;--danger-shadow: #8d3731;--colored-gradient: linear-gradient( to right top, #fff5c6, #fff0d5, #ffefea, #fff3fa, #fff9ff, #fafbff, #f5fdff, #f3ffff, #e7fffb, #e1fff0, #e5ffde, #f2ffcb )}.dark-theme{background:var(--background);--text: #e6e6e6;--secondary-text: #979b97;--tertiary-text: #555555;--background: #181918;--middleground: #252725;--foreground: #323432;--background-shadow: #0a0b0a;--middleground-shadow: #1e1f1e;--foreground-shadow: #2a2c2a;--icon: #555755;--accent: rgb(30, 151, 199);--accent-shadow: rgb(45, 142, 181);--success: #82cc54ff;--success-shadow: rgb(103, 162, 67);--warning: #e5c052ff;--warning-shadow: rgb(182, 153, 65);--danger: #b8463e;--danger-shadow: #8d3731;--gold: #dbae31;--silver: #838383;--bronze: #63371d;--platinum: #00b371;--diamond: #006bb3;--master: #6a00a3;--grandmaster: #ba0013;--colored-gradient: linear-gradient( to right top, #1c2c2c, #162e29, #152f22, #1a2f18, #232e0b )}*{color:var(--text);--border-radius: .4em;--screen-padding: 16px;--animation-speed: .2s}:root{font-family:Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0}.app{height:100vh;height:100dvh;display:flex;flex-direction:column}.content{display:flex;align-items:center;flex-direction:column;flex-grow:1;overflow:hidden}.mobile-nav-button{display:none}@media (max-width: 700px){.content .inactive{display:none}.mobile-nav-button{display:block}.mobile-nav button{padding:16px}}.footer{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-evenly;font-size:.8em;height:48px;background-color:var(--middleground)}.footer>Button{display:flex;flex-direction:column;color:var(--secondary-text);font-weight:400}Button{display:flex;align-items:center;justify-content:center;font-family:Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:700;border:0;background:none;cursor:pointer;border-radius:.2em}Button.colored{background:var(--middleground);padding-block:8px}.animate-button{transition:color 2s .5s}.animate-button:active{color:var(--background-shadow2);transition:color 0s}.icon{display:flex;align-items:center}input{background-color:var(--middleground-shadow);border-radius:var(--border-radius);border:0;padding:16px}select{background-color:var(--middleground-shadow);color:var(--text);border-radius:.5em;padding:4px;padding-inline-end:8px;min-width:100px;border:1px solid var(--background-shadow1);font-family:var(--font-family);font-size:var(--font-size);text-align:right;margin-right:-8px}select option{background-color:var(--middleground);color:var(--text)}i{display:flex;vertical-align:center;justify-content:center;color:var(--icon)}i.margin-left{margin-left:16px}p{margin:0}.card{border-radius:var(--border-radius);background-color:var(--middleground)}.section-card{border-radius:.5em;background-color:var(--background-shadow0);padding:8px;padding-block:10px;gap:8px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:var(--middleground-shadow);border-radius:1em}::-webkit-scrollbar-thumb{background-color:var(--foreground);border-radius:1em}table{border-collapse:collapse;width:100%;table-layout:fixed}th,td{padding-block:5px;padding-inline:8px;text-align:center}tr>:first-child{text-align:start}thead{font-size:.9em;font-weight:bolder;color:var(--background);background-color:var(--background-shadow5)}thead tr{overflow:hidden;height:35px}thead tr>:first-child{border-radius:8px 0 0}thead tr>:last-child{border-radius:0 8px 0 0}thead tr>:only-child{border-radius:8px 8px 0 0}thead select{color:var(--background);background-color:var(--background-shadow5)}tbody{overflow-y:auto;overflow:overlay;margin-bottom:16px}table th{position:sticky;top:0;font-size:small}tbody tr:nth-child(2n){background-color:var(--background-shadow1)}.list-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;gap:16px;padding:var(--screen-padding);box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.list-container>*{flex-shrink:0}.list-header{display:flex;align-items:center;color:var(--accent);font-size:.8em;font-weight:700;padding-left:var(--border-radius)}.list-section{border-radius:var(--border-radius);overflow:hidden}.list-section>div:not(:last-child){border-bottom:2px solid var(--middleground)}.list-section>div{height:32px;padding-inline:16px;padding-block:4px;display:flex;align-items:center;justify-content:space-between;gap:16px;background-color:var(--middleground-shadow)}.center-children{display:flex;align-items:center;justify-content:center}.center{margin:auto}.left-and-right{display:flex;justify-content:space-between}.padding-inline{padding-inline:var(--screen-padding)}.update-banner{position:sticky;top:0;background:var(--background-shadow);color:var(--accent);display:flex;justify-content:center;gap:16px;align-items:center;padding:0;z-index:1100;max-height:0;overflow:hidden;transition:max-height 1s,padding 1s ease-out}.update-banner.show{max-height:100px;padding:16px}.update-banner button{background-color:var(--accent);color:var(--background-shadow);font-weight:700;padding:8px 16px;border-radius:var(--border-radius)}