@import url(https://fonts.googleapis.com/css2?family=Signika:wght@400;600&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--backgroundColor:#fdfdff;--accentColor:#69afee;--boxShadow:1px 1px 2px rgba(0,0,0,0.192),3px 3px 5px rgba(0,0,0,0.096)}body{font-family:"Signika",sans-serif}#room{flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100vw;overflow:hidden}#room,.centralPanel{display:flex;height:100vh}.centralPanel{flex-grow:1;flex-direction:column}#playerList{height:100vh;display:block;width:20vw;margin-top:15px;margin-left:15px}#playerList,#userRole{background-color:#fdfdff;background-color:var(--backgroundColor)}#userRole{flex-grow:2;display:flex}#userRole .placeholder{font-size:1.5em;text-align:center}#roleList .placeholder{display:block;text-align:center;margin-top:15px}.placeholder{color:#aeb5c6;margin:auto;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-weight:700}#addRole{padding:0 15px;margin-top:15px}#addRole,.rightPanel{background-color:#fdfdff;background-color:var(--backgroundColor)}.rightPanel{height:100vh;display:block;width:35vw;box-sizing:border-box;display:flex;flex-direction:column}#roleList{padding:0 15px;overflow:auto;flex-grow:1}#roleList .rien{color:#ccc;text-align:center}.tile{display:block;background-color:#fdfdff;background-color:var(--backgroundColor);box-shadow:1px 1px 2px rgba(0,0,0,.192),3px 3px 5px rgba(0,0,0,.096);box-shadow:var(--boxShadow);position:relative;margin:10px 0}.directed{font-style:italic}.tile .name{font-size:1.4em;font-weight:700;font-feature-settings:"pcap","c2pc";font-variant:all-petite-caps;width:100%;background-color:#8ab1d4;display:block;padding:5px 20px;box-sizing:border-box;color:#fdfdff;color:var(--backgroundColor)}.tile .description{padding:5px 10px;display:block}.tile .delete{position:absolute;top:5px;right:5px;font-size:.7em;cursor:pointer;display:none;color:#a00}.tile:hover>.delete{display:block}.addRoleForm .description,.addRoleForm .name{font-family:inherit;width:100%;box-sizing:border-box;font-size:1.5em;padding:5px;border:none;border-bottom:4px solid #65829b;transition:background-color .2s ease-in-out;margin:0}.addRoleForm .description{font-size:1.1em;resize:vertical;height:15vh}.addRoleForm .description:hover,.addRoleForm .name:hover{background-color:#f3f3f5}h1{background-color:#2f5e88;color:#fdfdff;color:var(--backgroundColor);padding:1px;text-align:center;font-feature-settings:"smcp","c2sc";font-variant:all-small-caps;margin:0}.submit{background-color:#69afee;background-color:var(--accentColor);border:0;color:#fff;font-size:1.5em;border-radius:3px;padding:10px 75px;margin:15px auto;box-shadow:1px 1px 2px rgba(0,0,0,.192),3px 3px 5px rgba(0,0,0,.096);box-shadow:var(--boxShadow);transition:all .2s cubic-bezier(.42,0,.4,1.69);cursor:pointer;display:block}.submit:hover{background-color:#69afee}.checkboxContainer{display:inline-block;position:relative;padding-left:35px;cursor:pointer;font-size:22px;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:15px auto}.checkboxContainer input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;transition:all .2s ease-in-out;border:1px solid #fdfdff;border:1px solid var(--backgroundColor);border-radius:3px}.checkboxContainer:hover input~.checkmark{background-color:#ccc}.checkboxContainer input:checked~.checkmark{background-color:#69afee;background-color:var(--accentColor)}.checkmark:after{content:"";position:absolute;display:none}.checkboxContainer input:checked~.checkmark:after{display:block}.checkboxContainer .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}#roll{flex-grow:1;display:flex;background-color:#fdfdff;background-color:var(--backgroundColor);flex-direction:column}#roll span{margin:auto}.minMaxContainer{text-align:center;font-size:1.2em}.minMaxContainer input{font-size:1.2em;width:2em;margin:0 10px}.usernameForm{display:flex;background-color:#fdfdff;background-color:var(--backgroundColor);width:100vw;height:100vh;overflow:hidden;flex-direction:column}.title{flex:1 1;display:flex;flex-direction:column;text-align:center}.title p{margin:auto;font-size:3em;font-weight:700;background:linear-gradient(110deg,#5598d4,#62a7e5 34%,#e6f3ff 36%,#62a7e4 38%,#5598d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:titleAnim 4s ease-in-out infinite alternate;background-size:200%}@keyframes titleAnim{0%{background-position-x:right}to{background-position-x:left}}.title span{margin:100px auto 15px;font-size:1em;color:#6d6d6d}.nameForm{flex:2 1}.usernameForm div{margin:auto}.usernameForm div button,.usernameForm div input{font-size:1.8em}.usernameForm div input{font-family:inherit;width:100%;box-sizing:border-box;padding:5px;border:none;border:1px solid rgba(101,130,155,.19215686274509805);border-bottom:4px solid #65829b;transition:background-color .2s ease-in-out;margin:0}.usernameForm div input:hover{background-color:#f3f3f5}.roleCard{margin:auto;justify-content:center;align-items:center;width:80%}.roleCard,.roleCard section{display:flex;flex-direction:column}.roleCard section{width:100%;box-shadow:1px 1px 2px rgba(0,0,0,.192),3px 3px 5px rgba(0,0,0,.096);box-shadow:var(--boxShadow)}.preRole{font-size:1.8em;color:#adb3b8;font-weight:700;font-style:italic;align-self:flex-start;-webkit-user-select:none;-ms-user-select:none;user-select:none}.role{font-size:2.2em;background-color:#69afee;background-color:var(--accentColor);color:#fdfdff;color:var(--backgroundColor);padding:8px 35px}.cible,.role{width:100%;text-align:center;box-sizing:border-box}.cible{font-size:1.4em;padding:4px 35px;background-color:#f0f8ff}.roleCard .description{font-size:1.2em;width:100%;padding:10px 35px;text-align:center;box-sizing:border-box;background-color:#fff}
/*# sourceMappingURL=main.2eacd032.chunk.css.map */