.chaos-news-elements{width:80%;overflow-x:auto;display:flex;flex-direction:row;margin:auto}.chaos-news-elements--scroll-wrapper{width:100%;height:auto;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-snap-align:center}.chaos-news-elements .chaos-news-element{width:30%}.chaos-news-element,.chaos-server-statistic{display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;background-color:var(--background-color-accent);color:var(--foreground-color);border-radius:5px;padding:16pt 48pt 16pt 24pt;margin:8pt}.chaos-server-statistic--icon{font-size:96px}.chaos-server-statistic--title{font-size:24pt}.chaos-server-statistic--divider{width:100%;height:1px;background-color:var(--foreground-color);margin:16pt 0}.chaos-server-statistic--value{font-size:24pt}.chaos-server-statistics{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;margin:16pt auto auto;max-width:80%}.chaos-loader{width:48px;height:48px;border:5px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chaos-join-card{display:flex;background-color:#4caf50;box-shadow:0 4px 24px #0000000a;border-radius:6px;padding:16px;align-items:center;align-content:center;justify-content:center;justify-items:center;transition:background-color .2s;cursor:pointer;color:#fff;text-decoration:none}.chaos-join-card--icon{display:inline-block;font-size:24pt}.chaos-join-card--text{display:inline-block;margin-left:1.5rem;font-size:14pt;font-weight:700}.chaos-join-card--text-title{font-size:10pt;font-variant:small-caps}.chaos-join-card:hover{background-color:#80e27e}.chaos-join-card:visited,.chaos-join-card:focus{color:#fff;text-decoration:none}.chaos-join-modal{display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:center;justify-items:center;width:100%;height:100%;background-color:#00000080;position:fixed;top:0;left:0;z-index:1000;visibility:hidden}.chaos-join-modal--open{visibility:visible}.chaos-join-modal--close{text-align:right}.chaos-join-modal--content{width:100%;max-width:500px;height:100%;max-height:300px;background-color:var(--background-color-accent);color:var(--foreground-color);border-radius:6px;padding:16px;box-shadow:0 4px 24px #0000000a}.chaos-join-modal--header{display:flex;flex-direction:row;align-items:center;justify-content:center;align-content:space-between;justify-items:center;width:100%;margin-bottom:1rem}.chaos-join-modal--title{font-size:24pt;font-weight:700;margin-bottom:1rem;flex:1 1 auto}.chaos-join-modal--close{font-size:24pt;font-weight:700;margin-bottom:1rem;flex:0 1 auto;color:var(--foreground-color);cursor:pointer;border-radius:50%;padding:6pt}.chaos-join-modal--close:hover{color:var(--foreground-color-accent)}.chaos-join-modal--text{font-size:14pt;margin-bottom:1rem}.chaos-join-modal--body{display:flex;flex-direction:row;align-items:center;justify-content:center;align-content:center;justify-items:center;width:100%;margin-bottom:1rem;overflow-y:auto}.chaos-discord-card{display:flex;background-color:#5b76ff;box-shadow:0 4px 24px #0000000a;border-radius:6px;padding:16px;align-items:center;align-content:center;justify-content:center;justify-items:center;transition:background-color .2s;color:#fff;text-decoration:none}.chaos-discord-card--icon{display:inline-block;font-size:24pt}.chaos-discord-card--text{display:inline-block;margin-left:1.5rem;font-size:14pt;font-weight:700}.chaos-discord-card--text-title{font-size:10pt;font-variant:small-caps}.chaos-discord-card:hover{background-color:#6d85ff}.chaos-discord-card:visited,.chaos-discord-card:focus{color:#fff;text-decoration:none}.chaos-teamspeak-card{display:flex;background-color:#2580c3;box-shadow:0 4px 24px #0000000a;border-radius:6px;padding:16px;align-items:center;align-content:center;justify-content:center;justify-items:center;transition:background-color .2s;color:#fff;text-decoration:none}.chaos-teamspeak-card--icon{display:inline-block;font-size:24pt}.chaos-teamspeak-card--text{display:inline-block;margin-left:1.5rem;font-size:14pt;font-weight:700}.chaos-teamspeak-card--text-title{font-size:10pt;font-variant:small-caps}.chaos-teamspeak-card:hover{background-color:#409ada}.chaos-teamspeak-card:visited,.chaos-teamspeak-card:focus{color:#fff;text-decoration:none}.chaos-player-list{padding:1rem;background-color:var(--background-color-accent);color:var(--foreground-color);border-radius:5px}.chaos-player-list--status{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.chaos-player-list--main-dot:hover~.chaos-player-list--tooltip{visibility:visible}.chaos-player-list--tooltip-wrapper{position:relative;display:inline-block}.chaos-player-list--tooltip{visibility:hidden;position:absolute;background-color:#000;color:#fff;border-radius:6px;padding:15px;margin-top:3rem}.chaos-player-list--players ul{list-style-type:none}.chaos-player-list--players ul>li>span{display:inline-flex;align-items:center}.chaos-player-list--players ul>li>span img{margin-right:.25rem}.chaos-player-list--title-admin{color:#a00;font-weight:700}.chaos-player-list--title-mod{color:#f55;font-weight:700}.chaos-player-list--title-dev{color:#01f5db;font-weight:700}.chaos-player-list--title-supporter{color:#7754f3;font-weight:700}.chaos-player-list--title-guide{color:#ff1079;font-weight:700}.chaos-player-list--title-default{color:gray;font-weight:700}.chaos-status-dot{display:flex;align-content:flex-start;align-items:flex-start}.chaos-status-dot--dot{border-radius:50%;display:inline-block;margin-right:.5rem;width:1rem;height:1rem}.chaos-status-dot-online .chaos-status-dot--dot{background-color:#2ecc71}.chaos-status-dot-degraded .chaos-status-dot--dot{background-color:#f39c12}.chaos-status-dot-offline .chaos-status-dot--dot{background-color:#e74c3c}.chaos-card{background-color:var(--background-color-accent)}.chaos-card-tiny{border-radius:4px;padding:4px;margin:auto;display:flex}.chaos-card-tiny .user-avatar{display:inline-block;width:3rem;height:3rem}.chaos-card-tiny .user-avatar{border-radius:4px}.chaos-card-tiny .user-description{margin-left:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.chaos-card-tiny .user-description .username{font-weight:600}.chaos-card-big{margin:.75rem}.chaos-card-small{margin:.25rem}.chaos-card-big,.chaos-card-small{border-radius:12px;padding:3px;text-align:center}.chaos-card-big .chaos-card-user .user-avatar,.chaos-card-small .chaos-card-user .user-avatar{border-radius:4px}.chaos-card-big .chaos-card-user .user-name,.chaos-card-small .chaos-card-user .user-name{font-weight:600;color:var(--foreground-color);margin-bottom:.5rem}.rank-description{font-variant:small-caps;font-weight:700}.chaos-card-admin{box-shadow:#a009 0 20px 30px -10px}.chaos-card-admin .rank-description{color:#a00}.chaos-card-mod,.chaos-card-srmod{box-shadow:#f559 0 20px 30px -10px}.chaos-card-mod .rank-description,.chaos-card-srmod .rank-description{color:#f55}.chaos-card-dev{box-shadow:#01f5db99 0 20px 30px -10px}.chaos-card-dev .rank-description{color:#01f5db}.chaos-card-supporter{box-shadow:#7754f399 0 20px 30px -10px}.chaos-card-supporter .rank-description{color:#7754f3}.chaos-card-guide{box-shadow:#ff107999 0 20px 30px -10px}.chaos-card-guide .rank-description{color:#ff1079}.chaos-card-legend{box-shadow:#ae08fa99 0 20px 30px -10px}.chaos-card-legend .rank-description{color:#ae08fa}.chaos-card-pro{box-shadow:#eb94f699 0 20px 30px -10px}.chaos-card-pro .rank-description{color:#eb94f6}.chaos-card-expert{box-shadow:#aaa9 0 20px 30px -10px}.chaos-card-expert .rank-description{color:#aaa}.chaos-card-big,.chaos-card-small{aspect-ratio:1/1}.branding img{margin-right:.5rem}.branding span{text-shadow:rgba(0,0,0,.25) 0px 54px 55px,rgba(0,0,0,.12) 0px -12px 30px,rgba(0,0,0,.12) 0px 4px 6px,rgba(0,0,0,.17) 0px 12px 13px,rgba(0,0,0,.09) 0px -3px 5px;font-weight:700}input[type=checkbox]{display:none}label{cursor:pointer;padding:12pt}label:hover{background-color:#9b9b9b99;border-radius:8px;color:var(--foreground-color-accent);transition:all .5s}.chaos-dropdown{color:var(--foreground-color)}.chaos-dropdown--scroll-down .chaos-dropdown--open-modal>div{background-color:var(--background-color)}.chaos-dropdown--open-modal{display:none;position:absolute;width:90%;top:calc(5rem - 7px);left:0;width:100%}.chaos-dropdown--open-modal>div{display:flex;align-items:center;justify-content:center;background-color:var(--background-color-transparent);transition:background-color .6s;margin:8pt;padding-top:32pt;padding-bottom:32pt;border-bottom-left-radius:8px;border-bottom-right-radius:8px;width:100%}.chaos-dropdown--open-modal>div>div{margin-left:16px;margin-right:16px;font-size:16pt}.chaos-dropdown--open-modal>div>div>div{margin-top:16pt;margin-bottom:16pt}input[type=checkbox]:checked~.chaos-dropdown--open-modal{display:flex;align-self:center;align-items:center;justify-content:center}.chaos-dropdown--title{font-size:1.2rem;font-weight:600;margin-bottom:8pt;margin-left:12pt;border-bottom-style:solid;border-bottom-color:var(--foreground-color);border-bottom-width:2px}.branding{display:flex;align-items:center;vertical-align:middle}.home-link,.home-link:visited,.home-link:active{color:var(--foreground-color);text-decoration:none}header{top:0;left:0;padding:2rem;width:100%;height:5rem;background-color:var(--background-color-transparent);transition:background-color .6s;position:fixed;z-index:100;padding:2px;display:flex;justify-content:space-between;align-items:center;font-size:20pt}header nav{margin:24pt}header nav .nav-item{margin-left:2rem;margin-right:2rem}header nav a{padding:12pt}header nav a,header nav a:visited,header nav a:active{color:var(--foreground-color);text-decoration:none}header nav a:hover{background-color:#9b9b9b99;border-radius:8px;color:var(--foreground-color-accent);transition:all .5s}.arrow{position:relative;top:3px}.chaos-header--scroll-down{background-color:var(--background-color)}.chaos-button{padding:14pt 18pt;font-size:14pt;background-color:#92000e;color:#fff;border:none;border-radius:16px;transition:all .5s;cursor:pointer}.chaos-button span{margin-left:.5rem}.chaos-button:hover{background-color:#5f0009}.chaos-cookie-gdpr-banner--title{font-weight:600;font-size:18pt}.chaos-cookie-gdpr-banner--content{font-size:12pt}.chaos-cookie-gdpr-banner--cookie-selection{display:flex;flex-direction:column;margin-top:20px;margin-bottom:20px;align-items:center;justify-content:center}footer{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;padding-top:12pt;padding-bottom:12pt;width:100%;margin-left:0;margin-right:0;text-align:center;background-color:var(--background-color-transparent);color:var(--foreground-color)}footer .chaos-footer-left{grid-area:1/1/2/2}footer .chaos-footer-center{grid-area:1/2/2/3}footer .chaos-footer-right{grid-area:1/3/2/4;display:flex;align-items:center;justify-content:flex-end}footer nav a{margin-left:.25rem;margin-right:.25rem}footer nav a,footer nav a:visited,footer nav a:active{color:var(--foreground-color)}footer nav a:hover{color:var(--foreground-color-accent);transition:all .5s}.chaos-theme-switcher{margin-right:1.5rem;font-size:24px;border-style:none;border-radius:6px;background-color:#f6f6f6;transition:background-color .5s;cursor:pointer;box-sizing:border-box;outline:none;width:48px;height:48px}.chaos-theme-switcher:hover{background-color:#ecf0f1}