*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit;font-family:sohne-var,Helvetica Neue,Arial,sans-serif}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}html,body{height:100%}body{text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;display:block}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.nav-bar{position:relative;top:0;left:0;width:100%;z-index:10;display:flex;padding:10px 20px;background-color:var(--theme-color-background)}.nav-bar .nav-bar-logo-links{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.nav-bar .nav-bar-logo-links .nav-bar-logo{display:flex;align-items:center;justify-content:center}.nav-bar .nav-bar-logo-links .nav-bar-logo img{width:250px}.nav-bar .nav-bar-logo-links .nav-bar-links{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-left:20px}.nav-bar .nav-bar-logo-links .nav-bar-links a{text-decoration:none;color:var(--theme-color-text);font-size:1.2rem;font-weight:500;margin:0 10px;transition:.6s;padding:1px 5px;border:solid 2px transparent;border-radius:7px}.nav-bar .nav-bar-logo-links .nav-bar-links a:hover{color:var(--theme-color-primary);border:solid 2px var(--theme-color-primary)}.nav-bar .nav-bar-logo-links .nav-bar-links .router-link-active{color:var(--theme-color-secondary);border:solid 2px var(--theme-color-secondary)}.nav-bar .info{position:absolute;right:8rem;top:18px;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:1.8rem;cursor:pointer;color:var(--theme-color-text)}.nav-bar .locale-changer{position:absolute;right:20px;top:20px;display:flex;flex-direction:row;align-items:center;justify-content:center}.nav-bar .locale-changer .locale-icon{margin-right:10px}.nav-bar .locale-changer select{background-color:transparent;border:none;color:var(--theme-color-text);font-size:1.2rem;font-weight:500;outline:none;cursor:pointer;transition:.6s}.nav-bar .locale-changer select:hover{color:var(--theme-color-primary)}.nav-bar .locale-changer select option{background-color:var(--theme-color-background);color:var(--theme-color-text)}.view{background-color:var(--theme-color-background-secondary);padding-top:10px;padding-bottom:10px}main.light{--theme-color-primary: #00737D;--theme-color-secondary: #5BA7A9;--theme-color-tertiary: #DBEBE7;--theme-color-accent: #7D0A00;--theme-color-accent-secondary: #A95D5B;--theme-color-background: #FFFFFF;--theme-color-background-secondary: #F2F2F2;--theme-color-text: #000000;--theme-color-text-secondary: #FFFFFF;--theme-color-btn-close: #CA1000;--theme-color-error: #CA1000;--theme-font-family: "Roboto", sans-serif;--theme-font-size: 1.2rem;--theme-font-weight: bold;--theme-font-size-title: 1.6rem;--theme-font-weight-title: bold}main.dark{--theme-color-primary: #00A2B0;--theme-color-secondary: #488789;--theme-color-tertiary: #AAD0C6;--theme-color-accent: #B00E00;--theme-color-accent-secondary: #78413F;--theme-color-background: #000000;--theme-color-background-secondary: #262626;--theme-color-text: #FFFFFF;--theme-color-text-secondary: #000000;--theme-color-btn-close: #CA1000;--theme-color-error: #CA1000;--theme-font-family: "Roboto", sans-serif;--theme-font-size: 1.2rem;--theme-font-weight: bold;--theme-font-size-title: 1.6rem;--theme-font-weight-title: bold}@media (min-width: 1300px){#home-page{flex-direction:row}}#home-page{display:flex;flex-direction:column;align-items:center;justify-content:center}#home-page .section{padding:20px;border-radius:15px;max-width:35rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--theme-color-tertiary);color:var(--theme-color-text);margin:1rem .5rem}#home-page .section-title{font-size:2.5em;font-weight:600;margin-bottom:1em;color:var(--theme-color-text)}#home-page .description{font-size:1.2em;margin-bottom:1em;text-align:justify;color:var(--theme-color-text)}#home-page .btn-container{display:flex;align-items:center;justify-content:center}#home-page .btn-container .btn{padding:.25rem .75rem;border-radius:1rem;border:none;cursor:pointer;font-size:1.2rem;font-weight:700;transition:.2s;background-color:var(--theme-color-background);color:var(--theme-color-text)}#home-page .btn-container .btn:hover{background-color:var(--theme-color-primary);color:var(--theme-color-text-secondary)}#home-page .btn-container .btn a{text-decoration:none;font-size:1.2rem;font-weight:700;color:var(--theme-color-text)}#home-page .btn-container .btn a:hover{color:var(--theme-color-text-secondary)}#home-page .home-create-game{margin-right:1rem}#home-page .home-create-game .multiplayer-gameId{display:flex;align-items:center;justify-content:center;margin-bottom:1em;font-size:1.2rem;font-weight:700}#home-page .home-create-game .multiplayer-gameId .gameId-label{margin-right:1em;color:var(--theme-color-text)}#home-page .home-create-game .multiplayer-gameId .gameId-display{margin-left:1em;font-size:1.5rem;font-weight:700}#home-page .home-join-game .input-container{font-size:1.2rem;font-weight:700;color:var(--theme-color-text);margin-bottom:1rem;display:flex;align-items:center}#home-page .home-join-game .input-container .label{margin-right:.5rem}#home-page .home-join-game .input-container .input{font-size:1.5rem;margin-left:.5rem;text-align:center;width:8rem;border:none;border-radius:1rem}#home-page .home-join-game .input-container .input:focus{outline:none}.overlay{position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:var(--theme-color-background-secondary);z-index:9;opacity:.4}.popup-window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;margin:0 auto;border-radius:5px;background-color:var(--theme-color-background);width:700px;text-align:center}.popup-window .color-banner{width:100%;height:10px;border-radius:5px 5px 0 0}.popup-window .card{padding:0 5px 15px}.popup-window .card .btn{display:flex;align-items:center;justify-content:center;height:35px;width:130px;cursor:pointer;border:none;border-radius:5px;padding:3px;font-size:medium}.popup-window .card .btn .btn-icon{margin-right:10px}.popup-window .card .card-time-modifier{display:flex;justify-content:center}.popup-window .card .card-time-modifier .field{display:flex;align-items:center;color:var(--theme-color-text)}.popup-window .card .card-time-modifier .field .input-error{border:solid 1px red}.popup-window .card .card-time-modifier .field .choice-container{padding:5px;border-radius:10px;background-color:var(--theme-color-background);margin:0 0 0 10px}.popup-window .card .card-time-modifier .field .choice-container .input{border:none}.popup-window .card .card-time-modifier .start-input{margin-right:10px}.popup-window .card .card-time-modifier .end-input{margin-left:10px}.popup-window .card .card-save-modification{margin:15px 0 0;display:flex;justify-content:center}.popup-window .card .card-save-modification .btn-save{margin-right:10px}.popup-window .card .card-save-modification .btn-cancel{margin-left:10px}.game-page{position:relative;z-index:1}.canvas-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.game-layout{position:relative;height:100vh;overflow:hidden}:root{--navbar-height: 64px}.side-list{position:fixed;top:var(--navbar-height);bottom:0;width:320px;overflow-y:auto;z-index:5}.side-list.left{left:0}.side-list.right{right:0}.center-space{margin-left:320px;margin-right:320px;height:100%;position:relative;z-index:1}.canvas-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}