:root{--veryDarkGray:#585858;--teal:#7b61ff;--deepTeal:#5b3aff;--teal:#40ad75;--deepTeal:#1d7b4a;--navLink:var(--lighterGray);--cardBackgroundColor:var(--darkerGray);--cardTextColor:var(--lightestGray);--gameBoxColor:var(--mediumGray);--gameBoxTextColor:var(--veryDarkGray);--createGameButton:var(--teal);--createGameButtonHover:var(--deepTeal)}body{margin:0;padding:0;box-sizing:border-box;width:100%;height:100%;background-color:#000;color:#fff;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;overflow-y:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body::-webkit-scrollbar{width:0}body::-webkit-scrollbar-track-piece{background-color:transparent;-webkit-border-radius:6px}h2{font-size:18px}h3{font-size:16px}.container{padding:20px}.gray-backdrop{background:#c3c3c3;padding:20px;border-radius:6px}button{background-color:#40ad75;background-color:var(--teal);padding:10px;color:#fff;margin:5px}button,input{border:0;border-radius:6px}input{padding:5px}textarea{white-space:pre-wrap}select,textarea{padding:5px;border-radius:6px;border:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}svg:not(:root){overflow:hidden}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}template{display:none}*{box-sizing:border-box}p{margin:0}a{color:var(--navLink);text-decoration:none}.newest-games-container label{display:inline-block}.main-container{display:flex;flex-direction:column;margin:0;padding:10px}.top-game-display-container{width:100%;display:grid;grid-template-columns:20% 80%}.game-filters{max-width:100%;color:#fff}.game-filters-heading{color:#fff}.bottom-game-display-container{display:flex}.premise{color:#000}.popular-game-preview{width:100%;background-color:var(--teal);border-radius:6px}.game-filters{display:flex;min-height:0;flex-direction:column;align-items:flex-start}.game-cards-container{display:flex;flex-direction:row;flex-flow:row wrap;justify-content:space-around;color:#fff;padding:10px}.game-card{color:var(--cardTextColor);height:100px;position:relative;margin:10px;padding:10px;width:175px;height:200px}.game-card p{padding:10px;text-align:center;color:#fff}.game-card:before{content:" ";display:block;position:absolute;border-radius:3px;height:100%;width:100%;background-image:url(/static/media/dragon-face.00b2d2c0.png);background-repeat:no-repeat;background-position:50%;background-size:cover;background-blend-mode:multiply;background-color:var(--cardBackgroundColor);opacity:.75;z-index:-1}.game-card:hover.game-card:before{background:linear-gradient(#7b61ff,#cc61ff 14.2%,#6cb3f4 28.4%,#96ecd2 42.6%,#b2ec96 56.8%,#ece396 71%,#ecb596 85.2%,#ec9696),url(/static/media/dragon-face.00b2d2c0.png) 30px;background-repeat:no-repeat;background-position:50%;background-size:cover;background-blend-mode:multiply}.newest-games-container{margin-left:10px;margin-top:10px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.newest-games-container label{color:#fff}.newest-title{margin-right:15px}.create-game-button{padding:10px 20px;color:#fff;background-color:var(--createGameButton);border-radius:6px}.create-game-button:hover{background-color:var(--createGameButtonHover)}.recent-games-list{background-color:var(--darkerGray);margin:0 10px 0 0;border-radius:6px}.gameBox{background-color:var(--gameBoxColor);padding:10px;margin:10px;border-radius:6px}.gameBox p{color:var(--gameBoxTextColor)}.gameBox a{color:#000}.gameDetails a{color:#fff}.gameDetails a:hover{color:#e4e4e4}textarea{min-height:2em}.messagesContainer{display:flex;flex-direction:row;width:100%;border-radius:0 0 6px 6px;background-color:#c4c4c4;background-color:var(--messageBoxColor);overflow:hidden}.messageListing{display:flex;flex-flow:column;width:50%;flex-grow:2}.messageListing[data-status=true]{width:100%}.messageBox{overflow-x:hidden;padding:0;min-height:20px;border-right:2px solid #a0a0a0}.messageBox.game{height:400px;display:flex;flex-direction:column;flex-grow:2}.messageBox.game:last-of-type{height:400px;display:flex;justify-content:space-between}.messageBox::-webkit-scrollbar{background-color:var(--messageBubbleColor);border-radius:6px}.messageBox::-webkit-scrollbar-thumb{background-color:#b0b0b0;border-radius:6px}.sendChatBoxes{display:flex}.sendChatBox{min-height:140px;display:flex}.notification{padding:10px 20px;color:#fff;background-color:#7b61ff;background-color:var(--jacquaranda);border:none;align-self:flex-end;width:100%}.notification.spectator{align-self:flex-start}.spacer{display:block}.gameDetails{display:flex;background-color:var(--teal);border-radius:6px 6px 0 0;padding:10px;margin-top:10px}.gameDetails p{margin-left:50px}.hideSpectators input,.hideSpectators label{display:inline-block}.notification a{color:#000}textarea{width:100%}.nonGamesMessageBox.game{border-radius:6px 0 0 6px}.sendChatBox{padding-top:10px;width:90%}.infinite-scroll-component.infinite-scroll-window{overflow:hidden}:root{--bubbleGray:#dbdbdb;--lighterGray:#a8a9ab;--darkerGray:#5a5850;--lightestGray:#d3d3ba;--messageBubbleColor:var(--bubbleGray);--messageBubbleCutout:var(--mediumGray)}.indivMessage{color:#000;margin-bottom:0}.indivMessageBox{background-color:#dbdbdb;background-color:var(--messageBubbleColor);padding:10px;margin:30px 10px 10px;border-radius:6px;position:relative;color:#000;border-radius:5px;max-width:60%;min-width:200px}.indivMessageBox span{word-wrap:break-word;white-space:pre-wrap}.indivMessageBox:before{border-right:30px solid #dbdbdb;border-right:30px solid var(--messageBubbleColor);border-bottom-right-radius:80px 50px}.indivMessageBox:after,.indivMessageBox:before{content:"";position:absolute;bottom:-10px;left:0;height:10px}.indivMessageBox:after{border-right:14px solid #c4c4c4;border-right:14px solid var(--messageBubbleCutout);border-bottom-right-radius:80px 50px}.indivMessageBox.status[data-status=true]{background:#fff}.indivMessageBox.status[data-status=true]:before{content:"";position:absolute;bottom:-10px;left:0;height:10px;border-right:30px solid #fff;border-bottom-right-radius:80px 50px}.avatarAndMessages,.avatarBox{display:flex}.avatarBox{align-content:flex-end;align-items:flex-end}.avatar{position:relative;align-self:flex-end;bottom:-10px;margin-top:30px;height:50px;width:50px;border-radius:100%;background-repeat:no-repeat;background-position:top;background-size:cover}.edit-message-form{padding:0}.edit-message-form input{border:0;padding:10px;width:100%}.indivMessageBox a{color:var(--teal)}.indivMessageBox a:hover{color:var(--deepTeal)}.dropbtn{color:#000;font-size:16px;font-weight:700;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;margin-left:12px;padding-top:8px}.btncontainer{height:32px;width:32px;border-radius:6px;margin-right:5px;margin-top:5px}.btncontainer:hover{background-color:#ededed}.dropdown{position:absolute;right:0;top:0;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f1f1f1;min-width:160px;z-index:1}.edit-message-form button{margin:5px}.dropdown-box p{color:#000;text-decoration:none;display:block;margin:0;padding:5px}.dropdown-box p:hover{background-color:#ddd}.dropdown-content-hidden{display:none}.dropdown-box{position:absolute;left:30px;background:#fff;border:1px solid #e7e7e7;border-radius:6px}.message-text{margin-top:5px;display:block}textarea{resize:vertical;height:100px}.character-box{display:block}.sender-name{display:none}.character-box:hover .sender-name{display:block;border:1px solid grey;border-radius:6px;color:grey;background:#fff;position:absolute;top:-20px;padding:5px}label{color:#fff}.game-content-block span{display:block}.game-content-block .toggle-flex .toggle label,.game-content-block .toggle-flex h3,.game-content-block div p,.game-content-block span{color:#000}.game-content-block{display:block;padding-bottom:30px}label:first-of-type{margin-left:0}.toggle-flex{display:flex;width:40%;justify-content:space-between}.gray-backdrop{margin-top:10px}.delete{background-color:red}.noDisplay{display:none}label{display:block;margin-right:5px;margin-left:0;margin-bottom:10px}select{margin-bottom:20px}.search-button{color:#000;border:0;background:transparent;font-size:18px;padding:0 0 0 5px;margin:0}#modal{display:flex;justify-content:center;align-items:center}#modal,#modal-background{position:fixed;top:0;right:0;left:0;bottom:0}#modal-background{background-color:rgba(0,0,0,.7)}#modal-content{position:absolute;background-color:#fff}#search-modal-position{position:fixed;right:0;top:0}.navigation{display:flex;flex-direction:row;justify-content:space-between;background:linear-gradient(90deg,#7b61ff,#cc61ff 14.2%,#6cb3f4 28.4%,#96ecd2 42.6%,#b2ec96 56.8%,#ece396 71%,#ecb596 85.2%,#ec9696);margin:0;color:#000;padding:5px 0;align-items:flex-start}.lefthand-nav{padding-left:10px;display:flex;width:40%}.lefthand-nav div:last-of-type{margin-left:30px}.righthand-nav{padding-right:10px;display:flex;width:50%;justify-content:space-between}.righthand-nav div{padding:0 5px}.navigation a:hover,.navigation div:hover{color:#fff}li{list-style-type:none}.profile-dropdown{position:absolute;top:7%;right:8%;color:#000;padding:20px;border-radius:6px}.logoutModal,.profile-dropdown{background-color:#fff}.fa-envelope{color:#000;padding-right:10px}.search-messages{display:flex;flex-direction:row;width:120px;justify-content:space-between;align-items:flex-end}.fa-user{color:#b5b5b5}.fa-dice-d20{margin-right:10px}.my-tables{color:#a23a35}p{padding-top:0;margin-top:0;margin-bottom:0}.navigation a{text-decoration:none;color:#000}.logout-button{display:block}.border-bottom{padding-top:10px;padding-bottom:5px;border-bottom:1px solid #b5b5b5}.search-bar-container input{display:inline;margin:0 5px 10px}form input{display:block;margin:10px 0 5px}label{color:#000}button{margin-top:10px}.confirm input,button{margin-bottom:20px}.edit-hidden{display:none}.avatarUrl{max-width:300px}:root{--mediumGray:#c4c4c4;--jacquaranda:#7b61ff;--messageBoxColor:var(--mediumGray);--submitButtonColor:var(--teal)}.nonGameMessagesContainer{display:flex;flex-direction:column;background-color:#c4c4c4;background-color:var(--messageBoxColor);border-radius:6px}.nonGamesMessageBox{height:300px;overflow-x:hidden;overflow-y:auto;padding:0;display:block}.nonGamesMessageBox.game{border-radius:6px 6px 0 0;border-bottom:1px solid grey;color:#000}.nonGamesMessageBox:hover{overflow-y:scroll}.recipients{margin:10px;padding:10px;max-width:80%;height:40px}.sendChatBox{position:relative;bottom:0;background-color:#c4c4c4;background-color:var(--messageBoxColor);border-radius:0 0 6px 6px;padding:10px;display:block;width:100%}.form-layout{display:flex;justify-content:space-around}.submitButton{padding:10px 20px;color:#fff;background-color:var(--teal);background-color:var(--submitButtonColor);border-radius:6px;border:none}.chat-input{border-radius:6px;border:0;padding:5px}.sendChatBox input{width:100%;min-height:100px}.gray-backdrop p{color:#000}img{border-radius:100%}.character-description-hidden,.edit-form-hidden{display:none}.portrait{max-width:300px}p{margin-bottom:20px}h2,h3,p{color:#000}a{color:var(--teal)}a:hover,p{color:#fff}.formflex{width:100%;display:flex;flex-wrap:wrap}form div{padding:10px}
/*# sourceMappingURL=main.5233cdd0.chunk.css.map */