body,html{border:0;font-family:sans-serif;margin:0;overflow:hidden;padding:0;position:relative}#root,body,html{height:100%;width:100%}#root{position:absolute}.bgGradientLight{background:#fefef8;background:linear-gradient(180deg,#fefef8,#ccccc6);color:#000}.bgGradientIvory{background:#fefac7;background:linear-gradient(180deg,#fefac7,#ccc895);color:#000}.bgGradientPeach{background:#fec1a3;background:linear-gradient(180deg,#fec1a3,#cc8f71);color:#000}.bgGradientNight{background:#1b246c;background:linear-gradient(180deg,#1b246c,#000014);color:#fff}.bgGradientChocolate{background:#352007;background:linear-gradient(180deg,#352007,#140a00);color:#fff}.bgGradientDark{background:#323232;background:linear-gradient(180deg,#323232,#141414);color:#fff}.bgLight{background-color:rgba(253,255,244,.5);color:#000}.bgIvory{background-color:hsla(43,96%,89%,.5);color:#000}.bgPeach{background-color:rgba(255,222,209,.5);color:#000}.bgNight{background-color:rgba(0,0,32,.8);color:silver}.bgChocolate{background-color:rgba(32,16,16,.8);color:silver}.bgDark{background-color:rgba(32,32,32,.8);color:silver}.titleLight{color:#303030}.titleIvory{color:#2e1d17}.titlePeach{color:#682730}.titleChocolate,.titleDark,.titleNight{color:#b8b560}.activeIvory,.activeLight{color:#ff9000}.activePeach{color:#ff001a}.activeChocolate,.activeDark,.activeNight{color:#1bb8b8}.textIvory,.textLight,.textPeach{color:#000}.textChocolate,.textDark,.textNight{color:#fff}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey}::-webkit-scrollbar-thumb{background:#8b794f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff8d3d}.loginContainer{background-image:url(/static/media/wallpaper.548226525570e56c76fd.jpg);height:100%;position:absolute;text-align:center;width:100%}.loginForm{border-radius:20px;font-size:smaller;margin:20px auto;padding:20px;position:relative;text-align:center;width:300px}.loginIncipit{color:#fff;position:relative}.loginIncipit h1{font-size:72px}.loginIncipit h1,.loginIncipit h4{margin:10px;text-shadow:0 0 10px #000}.loginIncipit h4{font-size:36px}.loginInputField{background-color:initial;border:0;font-style:italic;margin:0;outline:none;padding:5px;text-align:center;width:200px}.loginInputFieldLabel{display:block;font-size:x-small;text-transform:uppercase}.loginInputButton{background-color:#1d1913;border:1px solid #000;border-radius:5px;color:#fff;cursor:pointer;font-size:smaller;outline:none;padding:10px 20px}.loginInputButton:hover{background-color:#534a38}.loginMessagesContainer{color:#ff001a;font-size:small;mix-blend-mode:difference;padding:10px}.loginMessage{display:block}.component--layout{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.component--layout>.bottom,.component--layout>.top{border:0;display:inline-block}.component--layout>.middle{display:inline-block;flex-grow:1;position:relative}.component--user-bar{align-items:center;display:flex;flex-direction:row;font-size:14px;justify-content:space-between;padding:4px;z-index:50}.component--user-bar-group{display:inline-block;font-size:1em;vertical-align:middle}.component--user-bar-button,.component--user-bar-switch,.component--user-bar-text{display:inline-block;font-size:1em;padding:5px;vertical-align:middle}.component--user-bar-button,.component--user-bar-switch{-webkit-filter:invert(35%);filter:invert(35%)}.component--user-bar-button>svg,.component--user-bar-switch>svg{cursor:pointer;font-size:1.25em}.component--user-bar-button:hover,.component--user-bar-switch.active{-webkit-filter:invert(0);filter:invert(0)}.component--user-bar .profile{display:inline-block}.component--user-bar .profile .username{margin:0 10px;vertical-align:middle}.component--user-bar .profile .image{background-size:100% 100%;border-radius:20px;display:inline-block;height:40px;vertical-align:middle;width:40px}.component--chat-filters{align-items:center;display:flex;justify-content:space-between;padding:10px 20px;text-align:right}.component--chat-filters-group{display:inline-block}.component--chat-filters-switch{display:inline-block;-webkit-filter:invert(30%);filter:invert(30%);margin:0 5px}.component--chat-filters-switch.active{-webkit-filter:invert(0);filter:invert(0)}.component--chat-filters-switch>svg{cursor:pointer}.component--status-bar{background-color:#d3d3d3;border:2px outset #bebebe;color:#525252;font-size:smaller;padding:2px 10px}#channel-selection-modal .element{border-bottom:1px solid hsla(0,0%,100%,.2);cursor:pointer;-webkit-filter:invert(30%);filter:invert(30%);font-size:.9em;padding:10px 20px;text-align:center;width:300px}#channel-selection-modal .element:hover{-webkit-filter:invert(0);filter:invert(0)}.component--modal{background-color:rgba(50,50,50,.8);display:flex;flex-direction:row;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:9999}.component--modal>.window{align-self:center;background-color:#fff;border:1px outset #fff;border-radius:10px;color:#000;display:flex;flex-direction:column}.component--modal>.window>.title>h4{margin:10px}.component--modal>.window>.separator>hr{margin:0}.component--modal>.window>.body{flex-grow:1}.component--modal>.window>.commands{display:flex;justify-content:space-between;margin:10px}.component--modal>.window>.commands>button{border:0;border-radius:5px;cursor:pointer;padding:5px 10px;width:100px}.component--modal>.window>.commands>button>span{margin-left:10px}.component--modal>.window>.commands>button.cancelButton{background-color:red;color:#fff}.component--modal>.window>.commands>button.closeButton{background-color:gray;color:#fff}.component--modal>.window>.commands>button.confirmButton{background-color:green;color:#fff}.component--modal .modal-form-field{box-sizing:border-box;margin-bottom:10px;padding:10px 20px 5px}.component--modal .modal-form-field.half{display:inline-block;width:50%}.component--modal .modal-form-field>label{display:block;font-size:smaller;margin-bottom:2px}.component--modal .modal-form-field>input{border:0;box-sizing:border-box;display:block;margin:0;padding:2px 5px;width:100%}#theme-selection-modal .element{cursor:pointer;padding:20px;text-align:center;width:200px}#theme-selection-modal .grid{display:grid;grid-template-columns:auto auto auto}#theme-selection-modal .element>span{-webkit-filter:invert(50%);filter:invert(50%)}#theme-selection-modal .element:hover>span{-webkit-filter:invert(0);filter:invert(0)}.component--channel{display:flex;flex-direction:row;height:100%;position:absolute;width:100%}.component--channel .left,.component--channel .right{display:inline-block;overflow-y:scroll;width:300px}.component--channel .center{display:inline-block;flex-grow:1;position:relative}.component--chat{background-image:url(https://i.pinimg.com/564x/98/38/d7/9838d76ad6ed5a30ae1548b30b865a63.jpg);display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.component--chat .bottom{bottom:160px;position:absolute;right:30px}.component--chat .bottom .icon{cursor:pointer;font-size:40px}.component--chat .bottom .icon:hover{color:#ff7d00}.component--chat .notification-sound{display:none}.component--chat-body{display:inline-block;flex-grow:1;overflow:hidden;overflow-y:scroll;padding:5px 75px 5px 50px;position:relative}.post{margin-bottom:10px}.post .time{color:dimgray;font-size:12px}.post .actor,.post .time{font-weight:700;margin-right:10px}.post .actor{font-size:14px}.post .gender-icon,.post-action .actor{margin-right:5px}.post .gender-icon.male{color:#15aabf}.post .gender-icon.female{color:#be4bdb}.post .content{font-size:14px}.post-action .content{font-weight:700}.post-bookmark{border-bottom:2px solid #000;margin-top:10px}.post-bookmark .content{font-size:x-large;font-weight:700;margin-left:10px;vertical-align:middle}.post-bookmark .icon{vertical-align:middle}.post-chapter{border-bottom:2px solid #000;margin-top:10px;text-align:center}.post-chapter .content{font-size:xx-large;font-weight:700;margin-left:10px;vertical-align:middle}.post-chapter .icon{vertical-align:middle}.post-narration{background-color:#000;color:#fff;margin:0 -20px 10px;padding:10px 20px}.post-image{text-align:center}.post-image .caption{font-size:smaller}.post-note{background-color:rgba(255,255,0,.75)}.post-note,.post-system{border:1px dotted #000;color:#000;padding:10px 20px}.post-system{background-color:rgba(255,75,0,.75)}.post-system .time{color:#000;font-size:12px}.post-system .content{font-size:12px}.post-link{background-color:rgba(31,255,237,.75);border:1px dotted #000;color:#000;padding:10px 20px;text-align:center}.post-link .link{color:#000;font-weight:700}.post-link .caption{display:block;font-size:smaller}.post .deleteIcon,.post .editIcon{cursor:pointer;font-size:smaller;margin:0 2px}.chat-commands{padding:4px;position:relative}.chat-commands .post-type-selector{display:inline-block}.chat-commands .top-commands{display:flex;flex-direction:row;justify-content:space-between;padding:4px}.chat-commands .post-type{border:1px solid;cursor:pointer;display:inline-block;font-size:10px;padding:2px 10px;width:100px}.chat-commands .post-type svg{margin-right:5px;vertical-align:center}.chat-commands .post-type span{vertical-align:center}.chat-commands .selector{border:1px solid #000;bottom:3.5px;left:126px;position:absolute}.chat-commands .selector .post-type{border:0;border-bottom:1px solid;display:block}.chat-commands .selector .post-type:last-child{border-bottom:0;display:block}.chat-commands .post-type-selector{position:relative}.chat-commands .content-form{margin-top:-4px;padding:5px;position:relative}.chat-commands .content-form svg{cursor:pointer;margin-right:10px}.chat-commands .content-form.content-only span{display:block;font-size:x-small;font-weight:700;text-transform:uppercase}.chat-commands .content-form.content-form textarea{box-sizing:border-box;font-family:"sans-serif",Times New Roman;letter-spacing:.05rem;line-height:1.2rem;padding:5px 10px;width:100%}.chat-commands .content-form table{width:100%}.chat-commands .content-form table td.column-header{font-size:10px;font-weight:700;padding-right:6px;text-align:right;width:100px}.chat-commands .content-form table td.column-value{font-size:12px;padding-right:6px}.chat-commands .content-form table td.column-value input{margin-right:10px}.command-button{border:1px solid hsla(0,0%,39%,.5);border-radius:5px;cursor:pointer;font-size:small;padding:4px 10px;width:150px}.component--widget{background-color:#fff;border-radius:10px;color:#000;margin:10px}.component--widget .title{border-radius:10px 10px 0 0;font-weight:700;padding:5px 10px}.component--widget .body{border-radius:0 0 15px 15px;font-size:small;padding:5px 10px}.component--widget .body ul{margin:0 5px;padding:0 0 0 15px}
/*# sourceMappingURL=main.02217a91.css.map*/