@import url(https://fonts.googleapis.com/css2?family=Roboto&family=Source+Sans+Pro:wght@300&display=swap);*{margin:0;padding:0}html{height:100%;scroll-behavior:smooth}body,html{width:100%;min-width:100%!important;margin:0;min-height:100vh;padding:0}body{position:absolute;font-family:"Roboto",sans-serif;font-size:1.2rem;height:auto}body,html{overflow-x:hidden}body,html{width:100%;height:100%;margin:0;padding:0;overflow-y:hidden}input:-webkit-autofill,input:-webkit-autofill:first-line{font-size:1.2rem;font-family:"Roboto",sans-serif}#root{background-color:#333538;min-height:100vh;height:auto;overflow-y:hidden}h1,h2,h3,h4,h5,h6{font-size:1.3rem}main{position:absolute;background-color:pink;width:100%;margin:0;padding:0}button{background-color:transparent;font-family:"Roboto",sans-serif;font-size:1rem;outline:none}button,button:active{border:none}button:hover,input[type=submit]{cursor:pointer}button:focus{outline:none;box-shadow:0 0 0 .5px hsla(0,0%,100%,.9),0 0 0 1.5px rgba(0,0,0,.95),0 0 0 2.5px hsla(0,0%,100%,.9),0 0 0 3px rgba(0,0,0,.95)}button.transparent-bg{background-color:transparent;border:2px solid #fff;color:#fff}button.transparent-bg.danger{color:#f88;border:2px solid #f88}button.transparent-bg.danger:hover{background-color:rgba(170,0,0,.06666666666666667);color:#fbb;border:2px solid #fbb}textarea{padding:.5rem;font-family:"Roboto",sans-serif;font-size:1rem;border:none}input:focus,select:focus,textarea:focus{box-shadow:inset 0 0 0 .5px hsla(0,0%,100%,.9),inset 0 0 0 1.5px rgba(0,0,0,.95),inset 0 0 0 2.5px hsla(0,0%,100%,.9),inset 0 0 0 3px rgba(0,0,0,.95)}input[type=checkbox]:hover{cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-inner-spin-button,input[type=time]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;display:none}a{text-decoration:none;color:#dbdde1}a:focus,div:focus{outline:none;box-shadow:0 0 0 .5px hsla(0,0%,100%,.9),0 0 0 1.5px rgba(0,0,0,.95),0 0 0 2.5px hsla(0,0%,100%,.9),0 0 0 3px rgba(0,0,0,.95)}li{list-style-type:none}select:disabled{-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:""}textarea{resize:none;overflow:hidden}.no-display.hide-png,.no-display.hide-svg{display:none}.transparent-bg-button{background-color:transparent;border:2px solid #fff;border-radius:6px;font-size:1.35rem;color:#fff;height:3.4rem;min-width:7rem;padding:.6rem}.transparent-bg-button:hover{background-color:rgba(0,0,0,.13333333333333333);border:2px solid #ddd;color:#eee}.ui.google.button{height:3.1rem;font-size:1.13rem;margin:0}.ui.google.button:focus{outline:none;box-shadow:0 0 0 .5px hsla(0,0%,100%,.9),0 0 0 1.5px rgba(0,0,0,.95),0 0 0 2.5px hsla(0,0%,100%,.9),0 0 0 3px rgba(0,0,0,.95)}.ui.primary.google.button{background-color:#469}.ui.primary.google.button:hover{background-color:#58b}.backdrop{z-index:99;visibility:hidden;position:fixed;left:0;top:0;background-color:#000;opacity:.8;min-width:100vw;min-height:100vh}.backdrop.show{visibility:visible;-webkit-animation:backdrop-show .3s ease-out forwards;animation:backdrop-show .3s ease-out forwards}.backdrop.hide{-webkit-animation:backdrop-hide .3s ease-out forwards;animation:backdrop-hide .3s ease-out forwards}#modal,.modal{z-index:100}.modal{position:fixed;left:0;top:0;margin:0 auto;background-color:#333538;width:100vw;min-height:100vh;height:100vh;padding-bottom:2rem;overflow-y:auto;-webkit-animation:modal-show .3s ease-out forwards;animation:modal-show .3s ease-out forwards}.modal.slide-up{-webkit-transform:translateY(100vh);transform:translateY(100vh);min-height:0;height:auto;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.modal.hide{-webkit-animation:modal-hide .3s ease-out forwards;animation:modal-hide .3s ease-out forwards}.modal.slide-up.hide{-webkit-animation:modal-slide-up-hide .3s ease-out forwards!important;animation:modal-slide-up-hide .3s ease-out forwards!important}.modal-header{z-index:100;position:fixed;top:0;height:3rem;padding:0 .8rem;margin:0;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;background-color:#232628}.modal-content-container,.modal-header{display:-webkit-flex;display:flex;width:100%}.modal-content-container{-webkit-align-items:flex-start;align-items:flex-start;-webkit-align-content:flex-start;align-content:flex-start;-webkit-flex-wrap:wrap;flex-wrap:wrap;height:100%}.modal-heading-container{padding:.5rem}.modal-header-content-container.modal-heading-container{position:relative;width:100%;padding:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.modal-header-heading,.modal-header-heading.modal-heading{display:block;width:100%}.modal-header-heading.modal-heading{position:relative;right:.5rem}.modal-heading,.modal-paragraph{display:block;width:100%;color:#dbdde1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;word-break:normal;overflow-wrap:break-word}.modal-heading{text-transform:none;font-size:1.25rem;text-shadow:0 1px 2px #345}.modal-header-close.close-button-container{position:relative;left:.8rem}.modal-paragraph{font-size:1.1rem}.modal-paragraph.small-text{font-size:.95rem;color:#c3c4c6}.modal-paragraph.enlarged-text{margin:1rem auto;font-size:1.3rem;color:#ffe}.modal-paragraph.centered{text-align:center}.modal-form-content{padding-top:4rem}.two-buttons-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around;-webkit-flex-wrap:wrap;flex-wrap:wrap;max-width:24rem;margin:1rem auto 0}.modal-button{display:block;height:3rem;margin:0 1rem}.textfield-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding:.7rem .5rem;margin:0 auto;max-width:25rem}.textfield-label,.textfield-label.error{display:block;width:90%;max-width:25rem;font-size:1.05rem;margin:0 auto}.error{margin:0 auto;font-size:1.03rem;color:#ffb0b0}.error,.textfield{width:90%;max-width:25rem}.textfield{border-radius:0;padding:15px 20px;margin:.7rem auto 0;position:relative;display:block;height:auto;min-height:2.8rem;max-height:3rem;background-color:#fff;border:1.5px solid #567;border-radius:5px;font-family:"Roboto",sans-serif;font-size:1.1rem}.textfield.error{color:#111;background-color:#fdd;border:2px solid #f77;margin-top:.7rem}.textfield.error:focus{background-color:#fdd;box-shadow:inset 0 0 .25px .5px #fcc,inset 0 0 .5px 1px #969696,inset 0 0 1px 1.5px #000}.textfield-label.error{color:#ffb0b0;text-shadow:0 1px 0 rgba(255,119,119,.5333333333333333);font-size:1.05rem}.error-image{position:relative;width:1.5rem;height:1.5rem;top:.35rem;margin-right:.45rem;-webkit-filter:invert(93%) sepia(11%) saturate(6781%) hue-rotate(297deg) brightness(112%) contrast(105%);filter:invert(93%) sepia(11%) saturate(6781%) hue-rotate(297deg) brightness(112%) contrast(105%)}#context-menu{z-index:500}@media screen and (min-width:750px)and (min-height:700px){.error,.textfield,.textfield-label,.textfield-label.error,.textfield.error{width:95%;max-width:20rem}}@media screen and (min-width:1200px)and (min-height:600px){.modal{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;min-height:0;min-width:32rem;max-height:95vh;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;right:0;border:2px solid rgba(85,102,102,.26666666666666666);border-radius:4px;padding-top:3rem;padding-bottom:0;overflow-y:hidden}.modal form{max-height:70vh;overflow-y:auto}.modal-header,.modal-header.settings-page-sidebar-header{position:fixed;margin:0}.form-content-container.modal-form-content{min-height:0;height:auto}.modal-header-content-container.modal-heading-container{-webkit-justify-content:space-between;justify-content:space-between}.modal-header-heading.modal-heading{right:0}}@-webkit-keyframes backdrop-show{0%{opacity:0}to{opacity:.8}}@keyframes backdrop-show{0%{opacity:0}to{opacity:.8}}@-webkit-keyframes backdrop-hide{0%{opacity:.8;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes backdrop-hide{0%{opacity:.8;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@-webkit-keyframes modal-show{0%{opacity:0}to{opacity:1}}@keyframes modal-show{0%{opacity:0}to{opacity:1}}@-webkit-keyframes modal-hide{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes modal-hide{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@-webkit-keyframes modal-slide-up-hide{0%{opacity:1}99%{opacity:.7;visibility:visible}to{-webkit-transform:translateY(100vh);transform:translateY(100vh);opacity:.7;visibility:hidden}}@keyframes modal-slide-up-hide{0%{opacity:1}99%{opacity:.7;visibility:visible}to{-webkit-transform:translateY(100vh);transform:translateY(100vh);opacity:.7;visibility:hidden}}#app-outer-container{display:-webkit-flex;display:flex}.page-container{position:relative;margin:0;display:block;min-height:100vh;width:100vw;height:auto;background-color:#1a1d23}#settings-page{z-index:90;position:fixed;left:0;top:0}.heading-title{color:#b8ffca;font-size:2.4rem;padding-bottom:0}.heading-subtitle,.heading-title{z-index:5;display:none;font-family:"Source Sans Pro",sans-serif;margin:0 auto;text-align:center}.heading-subtitle{color:#aaffd5;font-size:1.05rem;padding-bottom:2rem}.wave-page-background{z-index:0;position:absolute;bottom:-3rem;right:0;opacity:.9}#join-form,#login-form,#register-form{position:relative;z-index:2;background-color:#272c30;margin:0 auto;min-height:100vh;height:auto}.form-content-container{display:-webkit-flex;display:flex;-webkit-align-content:flex-start;align-content:flex-start;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;width:100%;max-width:32rem;margin:0 auto;padding-bottom:1.5rem;color:#dbdde1}.form-button-container{width:100%;text-align:center;margin-top:1.5rem}.form-button-link{margin:0 calc(50% - 4rem)}.form-button.submit{color:#181b1d!important;text-decoration:none;background:#aaffd5;padding:.5rem;margin:.25rem auto 0;border-radius:5px;display:inline-block;border:none;width:85%;max-width:22rem;min-width:11rem;min-height:3rem;font-family:"Roboto",sans-serif;font-size:1.05rem}.form-button.submit.warning{background-color:#fdb}.form-button.submit.danger{text-transform:uppercase;color:#fff!important;background-color:#f04747}.form-button.submit:hover{background-color:#c8ffe4}.form-button.submit.warning:hover{background-color:#fed}.form-button.submit.danger:hover{background-color:#d02727}.sidebar-outer-container{z-index:12;position:relative;display:-webkit-flex;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.sidebar-outer-container.hide{z-index:1}.form-submit-loader-container{position:relative;top:.7rem;width:100%;text-align:center}.small-text-link{margin-top:2rem;font-size:1rem;color:#b6d7e6}.small-text-link:hover{text-decoration:underline}.white-border-top{border-top:1px solid hsla(0,0%,100%,.2)}.mt-1-r{margin-top:1rem}.section-heading{font-size:1.1rem;text-transform:uppercase}.hr{width:4rem;height:5px;background-color:#ddd;font-size:0;outline:none;outline-color:transparent;border:none;margin:.4rem auto}.hr.subtle{width:100%;background-color:rgba(0,0,0,.13333333333333333);height:1px}.hr.auth{display:none;height:1px;margin:.1rem auto .15rem;width:9rem;background-color:rgba(250,238,255,.8666666666666667)}@media screen and (min-width:600px){#join-form,#login-form,#register-form{padding-top:2rem}}@media screen and (min-width:750px)and (min-height:600px){.page-container{padding-top:2rem;padding-bottom:2rem}#join-form,#login-form,#register-form{padding:0 1rem;border-radius:3px;border:1px solid rgba(184,255,202,.6);box-shadow:0 2px 8px rgba(0,0,0,.4);max-width:32rem;height:auto;min-height:0}.form-content-container{padding-top:3.5rem;width:80%;height:auto;min-height:0;max-width:32rem}.form-content-container.auth{padding-top:.75rem}.auth.hr,.heading-subtitle,.heading-title{position:relative;display:block}}@media screen and (min-width:1200px)and (min-height:600px){.heading-title{font-size:2.7rem}.auth.hr{width:11rem}.heading-subtitle{font-size:1.25rem}#join-form,#login-form,#register-form{padding-top:.5rem;padding-bottom:1rem;height:auto}.form-content-container{padding-top:.75rem}.form-button-container.two-buttons-container{margin-top:1rem;max-width:20rem}.form-button.submit{padding-left:1.5rem;padding-right:1.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:9rem;max-width:22rem;min-height:2.8rem;margin:0 1rem}.form-button-container.two-buttons-container.mt-2-rem{margin-top:2rem}}#auth-loader-outer-container{z-index:600;position:fixed;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100vw;height:100vh;top:0;left:0;background-color:#1a1d23;opacity:1;transition:opacity .3s ease}#auth-loader-outer-container.hide{opacity:0}#auth-loader-inner-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:1.6rem;color:#dbdde1}#auth-loader-text{position:relative;top:.3rem;left:.7rem}.lds-ring{display:inline-block;position:relative;right:.2rem;width:1.05rem;height:1.05rem}.auth.lds-ring,.messages.lds-ring{top:.15rem;right:.4rem;width:1.6rem;height:1.6rem}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:.84rem;height:.84rem;margin:3px;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:3px solid transparent;border-top-color:#333}.auth-loader.lds-ring div,.messages.lds-ring div{width:1.28rem;height:1.28rem;border-color:#dbdde1 transparent transparent}.white.lds-ring div{border-color:#dbdde1 transparent transparent}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.backdrop.left-sidebar{visibility:hidden;opacity:0;z-index:14}.backdrop.left-sidebar.show{visibility:visible;opacity:.7}.left-sidebar-container{position:relative;z-index:0;display:-webkit-flex;display:flex;min-width:19rem;width:19rem;min-height:100vh;color:#fff;background-color:#232628;height:100vh;-webkit-justify-content:flex-start;justify-content:flex-start}.left-sidebar-container.show{visibility:visible;z-index:15}.left-sidebar-heading{position:relative;word-break:break-word;top:.2rem;left:.6rem;width:95%;color:#dbdde1;text-transform:uppercase;font-size:1rem;padding-bottom:.8rem}.left-sidebar-container h1{margin-bottom:0}.left-sidebar-room-information-outer-container{z-index:10;position:relative;width:100%;padding:.5rem}.left-sidebar-friends-button{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding-left:.6rem;width:100%;min-height:2.6rem;color:#dbdde1;text-align:left;border-radius:4px;margin-bottom:1rem}.left-sidebar-friends-button.active,.left-sidebar-friends-button.active:hover,.left-sidebar-friends-button:hover{background-color:hsla(0,0%,100%,.06666666666666667);color:#fff}#left-sidebar-button-image{width:1.4rem;height:1.4rem;-webkit-filter:invert(94%) sepia(14%) saturate(50%) hue-rotate(182deg) brightness(96%) contrast(87%);filter:invert(94%) sepia(14%) saturate(50%) hue-rotate(182deg) brightness(96%) contrast(87%)}#left-sidebar-button-text{margin-left:.9rem;font-size:1.05rem}@media screen and (min-width:1200px)and (min-height:600px){.left-sidebar-container{display:-webkit-flex;display:flex;-webkit-transform:translate(0);transform:translate(0);visibility:visible;height:100vh}.backdrop.left-sidebar,.backdrop.left-sidebar.hide,.backdrop.left-sidebar.show{opacity:0;visibility:hidden;transition:none;-webkit-animation:none;animation:none}.left-sidebar-heading{font-size:.9rem;color:#c3c4c6}}.room-sidebar-outer-container{position:relative;overflow-y:auto;overflow-x:visible;z-index:20;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;background-color:#0f1116;padding-bottom:3rem;width:6rem;height:100vh}.room-item-container{position:relative;margin-top:.5rem;border-radius:50%}.room-item-link{border-radius:50%}.room-item-content{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border-radius:50%;width:3rem;height:3rem;transition:border-radius .2s ease;background-color:#333538}#home-button-img-container.selected,.room-item-button.selected,.room-item-button:hover,.room-item-container.selected,.room-item-container:hover,.room-item-content.selected,.room-item-content:hover,.room-item-link.selected,.room-item-link:hover{border-radius:10px}#home-button-img-container.selected,#home-button-img-container:hover,.room-item-content.no-image.selected,.room-item-content.no-image:hover{background-color:#567;color:#fff}.room-item-indicator{position:absolute;top:1.25rem;left:-1.1rem;border-radius:3px;background-color:#dbdde1;width:.6rem;height:.5rem;opacity:0;transition:opacity .2s ease}.room-item-indicator.show{top:.875rem;height:1.25rem;opacity:1}.room-item-indicator.selected,.room-item-indicator.show.selected{top:.25rem;height:2.5rem;opacity:1}.hover-marker-container{z-index:30;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;white-space:nowrap;visibility:hidden;opacity:0;position:fixed;top:.5rem;left:2rem;padding:.2rem .5rem;min-height:2rem;background-color:#000;color:#dbdde1;font-size:1rem;box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px transparent;border-radius:5px;transition:opacity .2s ease}.hover-marker-container.show{visibility:visible;opacity:1}.context-menu-outer-container{z-index:500;position:fixed;top:1rem;left:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.5rem;background-color:#131518;border-radius:3px}.context-menu-outer-container,.context-menu-outer-container:focus{box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px transparent}.context-menu-inner-container{width:100%}.context-menu-buttons-container{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:100%}.context-menu-button{width:100%;background-color:transparent;color:#dbdde1;text-align:left;padding-left:.5rem;padding-right:.5rem;min-height:2.5rem;border-radius:3px}.context-menu-button.user{min-width:8rem}.context-menu-button:hover{color:#fff;background-color:hsla(0,0%,100%,.06666666666666667)}.context-menu-button.danger{color:#f88}.context-menu-button.danger:hover{color:#fff;background-color:#f04747}@media screen and (max-width:768px){.context-menu-window-container{z-index:500;position:fixed;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.8)}.context-menu-outer-container{position:relative!important;top:0!important;left:0!important;border:1px solid rgba(238,255,238,.26666666666666666)!important;box-shadow:none!important}}.settings-page-window-container{position:relative;margin:0;display:block;min-width:100vw;min-height:100vh;height:auto;background-color:#31343a;color:#dbdde1;overflow:hidden}.settings-page-outer-flex-container{display:-webkit-flex;display:flex;width:100%;height:auto;min-height:100vh;padding-bottom:5rem}.settings-page-sidebar-outer-container{padding-top:3rem;background-color:#31343a;width:100%;height:100%;min-width:100vw;font-family:"Roboto",sans-serif}#settings-page-close-button{display:none;position:relative;height:3rem;width:3rem;right:0}.settings-page-sidebar-header{position:fixed;top:0;display:-webkit-flex;display:flex;width:100%;height:3rem;padding:0 .8rem;margin:0;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;background-color:#232628}#room-settings-header{-webkit-justify-content:flex-start;justify-content:flex-start}.settings-page-header-heading{display:inline-block;font-size:1.3rem}#room-settings-header-heading{position:relative;right:.7rem}#settings-page-logout-button{width:3rem;height:3rem;background-color:transparent;border:none;-webkit-filter:invert(64%) sepia(76%) saturate(840%) hue-rotate(308deg) brightness(105%) contrast(109%);filter:invert(64%) sepia(76%) saturate(840%) hue-rotate(308deg) brightness(105%) contrast(109%)}.settings-page-sidebar-button{width:100%;height:3rem;margin-top:.2rem;background-color:transparent;font-family:"Roboto",sans-serif}.settings-page-sidebar-item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100%;height:3rem;vertical-align:middle;text-align:left;padding-left:1.2rem;font-size:1.1rem;color:#dbdde1}.settings-page-sidebar-item:hover{color:#feffff;background-color:hsla(0,0%,100%,.050980392156862744)}.settings-page-content-container{z-index:2;position:fixed;width:100%;height:auto;min-height:99vh;padding:.5rem 0;background-color:#31343a;overflow-x:hidden;overflow-y:hidden}.settings-page-content-header{z-index:30;position:fixed;top:0;left:0;display:-webkit-flex;display:flex;width:100%;height:3rem;padding:0 .8rem;margin:0;-webkit-align-items:center;align-items:center;background-color:#232628}.settings-page-content-header-heading{position:relative;right:.5rem}#settings-page-logout-button:hover{-webkit-filter:invert(58%) sepia(42%) saturate(481%) hue-rotate(308deg) brightness(93%) contrast(108%);filter:invert(58%) sepia(42%) saturate(481%) hue-rotate(308deg) brightness(93%) contrast(108%)}#settings-page-delete-room,#settings-page-desktop-logout{color:#f88}#settings-page-delete-room:hover,#settings-page-desktop-logout:hover{color:#fbb;background-color:rgba(255,119,119,.13333333333333333)}.close-button-container.settings-page,.settings-page-sidebar-outer-container.fake{display:none}@media screen and (min-width:1200px)and (min-height:600px){.settings-page-outer-flex-container{display:-webkit-flex;display:flex;width:100%;height:auto;min-height:100%;padding-bottom:0}.settings-page-sidebar-outer-container{z-index:20;position:fixed}.settings-page-sidebar-outer-container.fake{z-index:0;display:block;position:relative;visibility:hidden;width:45vw}.close-button-container.settings-page{z-index:20;display:-webkit-flex;display:flex;position:absolute;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;right:7%;top:2rem;width:3rem;height:5rem}#settings-page-close-button{display:block;box-shadow:0 0 0 2px #909193;height:2.5rem;margin:0;padding:.75rem;width:2.5rem;border-radius:50%}#settings-page-close-button:hover{background-color:hsla(0,0%,100%,.06666666666666667)}#settings-page-close-image{width:1rem;height:1rem}#settings-page-close-label{display:block;text-transform:uppercase;color:#909193;font-size:.9rem;font-weight:700}.settings-page-sidebar-outer-container{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;background-color:#232628;padding:.5rem 1rem .5rem .5rem;width:31vw;max-width:36.8125rem;min-width:13rem;min-height:100vh;overflow:hidden}.settings-page-sidebar-middle-container{max-width:14rem}.settings-page-sidebar-header{position:relative;margin:0}.settings-page-sidebar-button,.settings-page-sidebar-item{border-radius:5px}.settings-page-sidebar-item.selected,.settings-page-sidebar-item.selected:hover{background-color:hsla(0,0%,100%,.08235294117647059);color:#feffff}.settings-page-content-container{position:relative;padding:2rem 2rem 0 2.6rem;max-width:60rem}.settings-page-content-header{display:none}}@media screen and (min-width:1250px)and (min-height:600px){.close-button-container.settings-page{right:calc(34vw - 17rem)}}@media screen and (min-width:1325px)and (min-height:600px){.close-button-container.settings-page{right:calc(34vw - 15rem)}}@media screen and (min-width:1375px)and (min-height:600px){.close-button-container.settings-page{right:calc(34vw - 13rem)}}@media screen and (min-width:1400px)and (min-height:600px){.close-button-container.settings-page{right:calc(58vw - 38.5rem)}}@media screen and (min-width:1200px)and (max-width:1399px){.settings-page-sidebar-outer-container{max-width:16.5rem}}@media screen and (min-width:1600px)and (min-height:600px){.settings-page-sidebar-outer-container.fake{width:43vw}}@media screen and (min-width:1650px)and (min-height:600px){.settings-page-sidebar-outer-container.fake{width:33vw}}#room-buttons-container,#room-container{max-width:25rem;margin:1rem auto}.room-overview-content-container{z-index:2;position:absolute;width:100%;height:100%;padding:.5rem 0;background-color:#333538}.room-overview-section-container{position:relative;padding:1rem}.room-container{display:-webkit-flex;display:flex;margin:4rem .7rem 0;overflow:visible}#room-large-image-container{display:inline-block;width:4rem;height:4rem}#room-information-container{margin-left:1rem;position:relative}.room-information{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-right:1rem;font-size:1.15rem;word-break:break-word}#room-email{font-size:1rem;color:#b3b4b6}.room-information.label{display:none}#room-buttons-container{-webkit-justify-content:center;justify-content:center;max-width:none}.room-button{margin-top:1rem;margin-left:.5rem;margin-right:.5rem;height:2.8rem;width:44%;border:1px solid #dbdde1;border-radius:5px;outline:none;background-color:hsla(0,0%,100%,.050980392156862744);color:#dbdde1;font-family:"Roboto",sans-serif;font-size:1.05rem}.room-button:hover{background-color:hsla(0,0%,100%,.12156862745098039);color:#fff}@media screen and (min-width:450px)and (min-height:350px){.room-overview-section-container{position:relative;overflow-y:hidden;top:4rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:10rem;width:85%;max-width:35rem;margin:0 auto;padding-left:0}.room-overview-section-container.mt-1-r{margin-top:1rem}.room-overview.section-heading{position:relative}.room-info-outer-container{background-color:#292b2f;border-radius:8px;padding:1rem}.room-container{margin:0 1rem 0 .5rem}#room-information-container{top:.3rem}.room-information{font-size:1.25rem;margin-top:.15rem}}@media screen and (min-width:600px)and (min-height:350px){.room-container{margin-left:.8rem}}@media screen and (min-width:700px)and (min-height:400px){.room-container{-webkit-justify-content:flex-start;justify-content:flex-start;margin-left:1rem}}@media screen and (min-width:750px)and (min-height:450px){.room-overview-section-container{padding:1.5rem;width:80%;max-width:38rem}.room-overview-section-container.mt-1-r{margin-top:1rem}#room-buttons-container{margin-top:1.75rem}.room-information.label:first-child{margin-top:0}.room-information.label{display:block;font-size:.85rem;margin-top:1rem;color:#b3b4b6}#room-email{color:#dbdde1}}@media screen and (min-width:1200px)and (min-height:600px){.room-overview-section-container{margin:0;top:0;width:85%;max-width:40rem}.room-overview-section-container.mt-1-r{margin-top:1rem}.room-overview-section-heading-container.desktop{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;max-width:45rem}.room-overview-section-heading.desktop{padding:1rem 0 1.5rem;text-transform:uppercase}#account-management-section-container{padding-bottom:6rem}#room-buttons-container{width:100%;max-width:none}.account-management.two-buttons-container{-webkit-justify-content:flex-start;justify-content:flex-start;margin-left:0;margin-right:0}.account-management-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:3rem;background-color:#f04747;color:#fff;padding-left:1.5rem;padding-right:1.5rem;font-size:1rem;border-radius:5px}.account-management-button:hover{background-color:#d02727}#delete-account-button{margin-left:1rem}}.error-notifications-container{width:85%;max-width:21.5rem}.error-notification-container{display:-webkit-flex;display:flex;border:1px solid rgba(255,119,119,.4666666666666667);background-color:rgba(255,221,221,.8666666666666667);color:#733;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;width:100%;min-height:3rem;border-radius:5px;padding:0 .5rem;transition:opacity .3s ease,visibility .01s ease .29s,min-height .01s ease .29s,height .01s ease .29s}.error-notification-container.hide{visibility:hidden;min-height:0;height:0;opacity:0}.server-side.error-image{display:none;right:.2rem;-webkit-filter:invert(22%) sepia(89%) saturate(1798%) hue-rotate(340deg) brightness(87%) contrast(85%);filter:invert(22%) sepia(89%) saturate(1798%) hue-rotate(340deg) brightness(87%) contrast(85%)}.error-notification-text-span{position:relative;bottom:.15rem;left:.4rem}.server-side.error.close-button{margin:0;width:2rem;background-color:transparent;color:#733}@media screen and (min-width:400px){.server-side.error-image{display:inline}}@media screen and (min-width:750px)and (min-height:700px){.error-notifications-container{width:90%;max-width:20rem}}.close-button-container.modal-header.hide-on-mobile{position:relative;left:.75rem}.back-button{width:3rem;height:3rem;padding:.625rem;background-color:transparent;-webkit-filter:invert(91%) sepia(2%) saturate(416%) hue-rotate(182deg) brightness(96%) contrast(96%);filter:invert(91%) sepia(2%) saturate(416%) hue-rotate(182deg) brightness(96%) contrast(96%)}.back-button:hover{-webkit-filter:invert(100%) sepia(100%) saturate(0) hue-rotate(53deg) brightness(104%) contrast(102%);filter:invert(100%) sepia(100%) saturate(0) hue-rotate(53deg) brightness(104%) contrast(102%)}.back-icon-img{background-color:transparent;width:1.75rem;height:1.75rem}.back-button.hide-on-desktop{position:relative;right:.8rem}@media screen and (min-width:1200px)and (min-height:600px){.back-button.hide-on-desktop{display:none}}.close-button{width:3rem;height:3rem;background-color:transparent}.close-button-container.user-item{position:absolute;right:.4rem;top:.4rem;width:1.5rem;height:1.5rem}.close-button.user-item{width:1.5rem;height:1.5rem}.close-icon-img{background-color:transparent;width:1.25rem;height:1.25rem;-webkit-filter:invert(82%) sepia(6%) saturate(84%) hue-rotate(182deg) brightness(89%) contrast(85%);filter:invert(82%) sepia(6%) saturate(84%) hue-rotate(182deg) brightness(89%) contrast(85%)}.close-icon-img.user-item{width:.7rem;height:.7rem}.close-icon-img.user-item:hover{-webkit-filter:invert(99%) sepia(5%) saturate(243%) hue-rotate(223deg) brightness(114%) contrast(100%);filter:invert(99%) sepia(5%) saturate(243%) hue-rotate(223deg) brightness(114%) contrast(100%)}.modal-heading-container.modal-header-content-container>.close-button{position:relative;left:.7rem}.close-button-container.hide-on-mobile,.close-button.hide-on-mobile{display:none}@media screen and (min-width:1200px)and (min-height:600px){.close-button-container.hide-on-mobile,.close-button.hide-on-mobile{display:block}}.modal-footer{position:relative;width:100%;height:3.6rem}.modal-footer-buttons-container{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;padding:0 .5rem;height:100%}.modal-footer .cancel-button{margin-right:1rem}@media screen and (min-width:1200px)and (min-height:600px){.modal-footer{z-index:110;background-color:#272a2c}}.cancel-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-height:3rem;font-size:1rem;color:#dbdde1;background-color:transparent}.cancel-button:hover{text-decoration:underline}.cancel-button.hide-on-mobile{display:none}@media screen and (min-width:1200px)and (min-height:600px){.cancel-button.hide-on-mobile{display:block}}#room-icon-change-container{position:relative;left:.2rem;border-radius:50%;background-color:transparent;width:4rem;height:4rem;overflow:visible}.room-icon.profile-picture-inner-container{display:inline-block;width:4rem;height:4rem}.room-icon.profile-picture-inner-container.no-image{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:#567;font-size:1.7rem}.room-icon.profile-picture-image{opacity:1;z-index:20;display:inline-block;width:4rem;height:4rem;border-radius:50%}#room-icon-form{z-index:21;position:absolute}#room-icon-upload-label{z-index:10;position:absolute;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;text-transform:uppercase;width:4rem;height:4rem;font-size:.85rem;font-weight:700;background-color:transparent;color:transparent;border-radius:50%}#room-icon-upload-label:hover{background-color:rgba(0,0,0,.4666666666666667);cursor:pointer}#room-icon-upload{position:absolute;opacity:0;width:.1px;height:.1px}.room-icon.modal{display:none;opacity:1;z-index:100;left:0;top:0;position:fixed;min-width:100vw;min-height:100vh;background-color:#333538}.room-icon.modal.show{display:block}.room-icon.modal-content-container{padding:1rem;max-width:40rem;margin:0 auto}.room-icon.modal-paragraph{text-align:center;margin-top:.5rem;font-size:1rem}#room-icon-buttons-container{display:-webkit-flex;display:flex}#room-icon-preview-image{height:8rem;width:8rem;border-radius:4px;margin:3rem auto 0}.room-icon-remove{font-size:1rem;color:#f88;background-color:transparent}.room-icon-remove.below-avatar{display:block;padding:0;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:.5rem auto 0}.room-icon-remove.show-750w{display:none}.room-icon-remove:hover{color:#fbb}@media screen and (min-width:450px){#room-icon-change-container,#room-icon-upload-label,.room-icon.profile-picture-image,.room-icon.profile-picture-inner-container{width:5.5rem;height:5.5rem}#room-icon-upload-label:hover{color:#fff;text-shadow:1px 1px 0 #123}}@media screen and (min-width:750px)and (min-height:450px){#room-icon-change-container,#room-icon-upload-label,.room-icon.profile-picture-image,.room-icon.profile-picture-inner-container{position:relative;top:.1rem;width:7.5rem;height:7.5rem}.room-icon.profile-picture-image{top:0}.room-icon-remove.show-750w{display:block}.room-icon-remove.hide-750w{display:none}}@media screen and (min-width:400px)and (min-height:400px){#room-icon-preview-image{height:9rem;width:9rem}#room-icon-buttons-container{margin-top:2rem}}@media screen and (min-width:500px)and (min-height:450px){#room-icon-preview-image{height:12rem;width:12rem;margin-top:4rem}}@media screen and (min-width:600px)and (min-height:500px){#room-icon-preview-image{height:14rem;width:14rem}}@media screen and (min-width:700px)and (min-height:600px){#room-icon-preview-image{height:16rem;width:16rem}}@media screen and (min-width:1200px)and (min-height:600px){.room-icon.modal{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;min-height:0;min-width:0;max-width:40rem;top:45%;-webkit-transform:translateY(-45%);transform:translateY(-45%);left:0;right:0;border:2px solid rgba(85,102,102,.26666666666666666);border-radius:4px}#room-icon-preview-image{height:17rem;width:17rem;margin:1rem auto 0}}.profile-picture-outer-container{display:inline-block;padding-right:.5rem}.message.profile-picture-outer-container:hover{cursor:pointer}.message.profile-picture-outer-container.deleted:hover{cursor:not-allowed}.profile-picture-image,.profile-picture-inner-container{padding:0;border-radius:50%;height:4rem;width:4rem}.profile-picture-image.sidebar,.profile-picture-inner-container.sidebar{height:2rem;width:2rem}.profile-picture-image.message,.profile-picture-inner-container.message{height:3rem;width:3rem}.profile-picture-image.message{position:relative;bottom:.2rem}.profile-picture-image.friend-list,.profile-picture-inner-container.friend-list{height:2.5rem;width:2.5rem}.profile-picture-image.user-profile-card,.profile-picture-inner-container.user-profile-card{height:3.5rem;width:3.5rem}#delete-room-form{padding-bottom:1.5rem}.delete-room.form-content-container.modal-form-content{display:-webkit-flex;display:flex;padding:3rem 1rem 0;margin:2rem auto 0;max-width:30rem}.delete-room.modal-paragraph{position:relative;left:.3rem;max-width:23rem;margin-left:auto;margin-right:auto}#delete-room-description-paragraph{margin-top:.5rem;color:#fcc}#delete-room-password-container{margin-top:1rem}@media screen and (min-width:1200px)and (min-height:600px){#delete-room-form{padding-left:1rem;padding-right:1rem;padding-bottom:3rem}.delete-room.form-content-container.modal-form-content{padding-top:0}#delete-room-password-container{margin-top:2rem;padding:0}}#leave-room-form{padding-bottom:1.5rem}.leave-room.form-content-container.modal-form-content{display:-webkit-flex;display:flex;padding:3rem 1rem 0;margin:2rem auto 0;max-width:30rem}.leave-room.modal-paragraph{position:relative;left:.3rem;max-width:23rem;margin-left:auto;margin-right:auto}#leave-room-description-paragraph{margin-top:.5rem;color:#fcc}#leave-room-password-container{margin-top:1rem}@media screen and (min-width:1200px)and (min-height:600px){#leave-room-form{padding-left:1rem;padding-right:1rem;padding-bottom:3rem}.leave-room.form-content-container.modal-form-content{padding-top:0}#leave-room-password-container{margin-top:2rem;padding:0}}#home-button-img-container{width:3rem;height:3rem;padding:.5rem}#home-button-img{width:2rem;height:2rem;background-color:transparent;-webkit-filter:invert(100%) sepia(3%) saturate(112%) hue-rotate(159deg) brightness(114%) contrast(87%);filter:invert(100%) sepia(3%) saturate(112%) hue-rotate(159deg) brightness(114%) contrast(87%)}#add-room-button-img-container{width:3rem;height:3rem;padding:1rem}#add-room-button-img-container.selected,#add-room-button-img-container:hover{background-color:#5cc296;border-radius:10px}#add-room-button-img{width:1rem;height:1rem;background-color:transparent;-webkit-filter:invert(100%) sepia(3%) saturate(112%) hue-rotate(159deg) brightness(114%) contrast(87%);filter:invert(100%) sepia(3%) saturate(112%) hue-rotate(159deg) brightness(114%) contrast(87%)}.modal.show.add-room.slide-up{-webkit-animation:add-room-modal-show .3s cubic-bezier(.22,1,.36,1) forwards;animation:add-room-modal-show .3s cubic-bezier(.22,1,.36,1) forwards;background-color:transparent;padding:.5rem}#create-or-join-modal{border:1px solid hsla(0,0%,100%,.5333333333333333);min-width:25rem}.create-or-join-button{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;width:100%;min-height:3rem;margin-top:.5rem;border-radius:3px;color:#dbdde1;background-color:#333538;border:1px solid rgba(119,136,136,.6666666666666666);text-align:left;padding:0 1rem;font-size:1.1rem;font-weight:700}.add-room.right-arrow-button-img{width:1.1rem;height:1.1rem;-webkit-filter:invert(100%) sepia(41%) saturate(601%) hue-rotate(177deg) brightness(93%) contrast(89%);filter:invert(100%) sepia(41%) saturate(601%) hue-rotate(177deg) brightness(93%) contrast(89%)}@media screen and (min-width:1200px)and (min-height:600px){.create-or-join-button{width:100%;min-height:4rem;margin-top:.5rem;border-radius:6px;color:#dbdde1;background-color:transparent;border:1px solid hsla(0,0%,100%,.3333333333333333);text-align:left;padding:0 1rem;font-size:1.1rem}.create-or-join-button:nth-of-type(2){margin-top:1.5rem}.create-or-join-button:hover{background-color:hsla(0,0%,100%,.13333333333333333)}}@-webkit-keyframes add-room-modal-show{0%{opacity:0;-webkit-transform:translateY(100vh);transform:translateY(100vh)}to{opacity:1;-webkit-transform:translateY(100vh) translateY(-8rem);transform:translateY(100vh) translateY(-8rem)}}@keyframes add-room-modal-show{0%{opacity:0;-webkit-transform:translateY(100vh);transform:translateY(100vh)}to{opacity:1;-webkit-transform:translateY(100vh) translateY(-8rem);transform:translateY(100vh) translateY(-8rem)}}#create-room-username-label{margin-top:.5rem}#create-room-password-label{margin-top:1rem}.user-status-outer-container{-webkit-justify-content:space-between;justify-content:space-between;position:absolute;bottom:0;width:100%;height:3rem;left:0;padding:.5rem;font-size:1rem;background-color:#181b1d;border-top:1px solid rgba(255,255,249,.18823529411764706)}.user-status-outer-container,.user-status-user-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.user-status-buttons-container{position:relative;top:.13rem;left:.2rem}.user-status-button-container{position:relative;display:inline-block;margin:0 .5rem}.user-status.hover-marker-container{position:absolute;top:-2.5rem;left:-1.4rem}.user-status-button{display:inline-block;width:1.4rem;height:1.4rem}.user-status-button-image{width:1.4rem;height:1.4rem;-webkit-filter:invert(98%) sepia(11%) saturate(621%) hue-rotate(177deg) brightness(96%) contrast(83%);filter:invert(98%) sepia(11%) saturate(621%) hue-rotate(177deg) brightness(96%) contrast(83%)}.user-status-button-image:hover{-webkit-filter:invert(100%) sepia(0) saturate(7488%) hue-rotate(332deg) brightness(103%) contrast(103%);filter:invert(100%) sepia(0) saturate(7488%) hue-rotate(332deg) brightness(103%) contrast(103%)}.user-item-outer-container{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100%;height:2.5rem;border-radius:5px;margin-top:.2rem;padding:.2rem .2rem .2rem .6rem;color:#c3c4c6}.user-item-outer-container:hover{background-color:hsla(0,0%,100%,.03137254901960784);color:#dbdde1;cursor:pointer}.user-item-outer-container.active,.user-item-outer-container.active:hover{background-color:hsla(0,0%,100%,.06666666666666667);color:#fff}.user-item-text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:1.1rem}.user-profile-card-outer-container{border-top:1px solid #566;overflow-y:auto}.user-profile-card-section-container{background-color:#232628}.user-profile-card-section-container:nth-of-type(2){background-color:#333538}.user-profile-card-section-sub-container{padding:.8rem}.user-profile-card-section-container.buttons-container,.user-profile-card-section-sub-container.buttons-container{padding:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:transparent;border:1px solid hsla(0,0%,100%,.06666666666666667)}#user-profile-card-username{font-size:1.2rem;color:#fff}#user-profile-card-ellipsis-button{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:absolute;top:.1rem;right:.1rem;height:3rem;width:3rem;background-color:transparent;border-radius:50%}#user-profile-card-ellipsis-button:hover{background-color:hsla(0,0%,100%,.06666666666666667)}.ellipsis-icon-img{height:1.5rem;width:1.5rem;-webkit-filter:invert(100%) sepia(0) saturate(7479%) hue-rotate(70deg) brightness(99%) contrast(107%);filter:invert(100%) sepia(0) saturate(7479%) hue-rotate(70deg) brightness(99%) contrast(107%)}.user-profile-card-button{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;width:33.2%;height:3rem;background-color:transparent;color:#dbdde1}.user-profile-card-button:hover{background-color:hsla(0,0%,100%,.06666666666666667)}.user-communication-button-image-container{text-align:center;display:block;width:100%;position:relative;top:.25rem}.user-profile-card-button-image{width:1.1rem;height:1.1rem;-webkit-filter:invert(96%) sepia(8%) saturate(98%) hue-rotate(183deg) brightness(92%) contrast(92%);filter:invert(96%) sepia(8%) saturate(98%) hue-rotate(183deg) brightness(92%) contrast(92%)}.user-profile-card-button-image.add-friend{position:relative;bottom:.1rem;width:1.4rem;height:1.1rem;-webkit-filter:invert(71%) sepia(44%) saturate(404%) hue-rotate(102deg) brightness(87%) contrast(91%);filter:invert(71%) sepia(44%) saturate(404%) hue-rotate(102deg) brightness(87%) contrast(91%)}.user-profile-card-button-image.pending{-webkit-filter:invert(87%) sepia(32%) saturate(829%) hue-rotate(312deg) brightness(105%) contrast(102%);filter:invert(87%) sepia(32%) saturate(829%) hue-rotate(312deg) brightness(105%) contrast(102%)}.user-profile-card-button-text{font-size:1rem;position:relative;bottom:.25rem}.user-profile-card-button-text.add-friend{color:#5cc296}.user-profile-card-button-text.pending{color:#fc9}.user-profile-card-section-header{font-size:.8rem;color:#dbdde1;font-family:"Roboto",sans-serif;text-transform:uppercase;margin-bottom:.3rem}.user-profile-card-mutual-button{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;width:100%;height:3rem;padding-left:.5rem;padding-right:.5rem;background-color:rgba(221,221,255,.06666666666666667);color:#fff;border-radius:5px 5px 0 0}.user-profile-card-mutual-button:nth-of-type(2){border-radius:0 0 5px 5px}.user-profile-card-notes-textarea{width:100%;background-color:rgba(221,221,255,.06666666666666667);color:#dbdde1;min-height:4rem;border-radius:5px}@media screen and (min-width:1200px)and (min-height:600px){.user-profile-card-outer-container{border-top:none}.user-profile-card.modal{min-width:32rem;padding-top:0}.user-identity.user-profile-card-section-sub-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:1.2rem}#selected-section-container{min-height:15rem}#user-profile-card-username{position:relative;bottom:.5rem;margin-left:.5rem;display:inline-block}.user-identity-action-button{position:absolute;right:4rem;top:1.3rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:2.4rem;padding:0 1rem;border-radius:3px;font-size:1rem;background-color:#b8ffca}.user-identity-action-button[disabled]{background-color:#fdb;color:#556}.user-identity-action-button[disabled]:hover{cursor:not-allowed}#user-profile-card-ellipsis-button{top:1.1rem;right:.5rem}.user-profile-card-section-container.buttons-container{-webkit-justify-content:flex-start;justify-content:flex-start;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:none}.user-profile-card-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 1rem}.user-profile-card-button.selected{border-bottom:1px solid #fff}}.outerContainer{-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;height:100vh;background-color:#333538}.chat-area-container,.outerContainer{display:-webkit-flex;display:flex;min-height:100vh}.chat-area-container{z-index:2;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;background:#31343a;border-radius:0;height:100%;width:100vw;min-width:100vw;max-height:100vh;-webkit-transform:translate(-13rem) translate(-6rem);transform:translate(-13rem) translate(-6rem);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;overflow:hidden}.chat-area-container.users-shown{-webkit-transform:translate(-26rem);transform:translate(-26rem)}.chat-area-container.rooms-shown{-webkit-transform:translate(0);transform:translate(0)}@media screen and (min-width:650px){.chat-area-container{width:100vw}.chat-area-container.users-shown{-webkit-transform:translate(-13rem) translate(-6rem);transform:translate(-13rem) translate(-6rem);width:calc(100vw - 13rem);min-width:calc(100vw - 13rem)}.chat-area-container.rooms-shown.users-shown{-webkit-transform:translate(0);transform:translate(0)}}@media screen and (min-width:1200px)and (min-height:600px){.chat-area-container{transition:none;width:calc(100vw - 19rem);min-width:calc(100vw - 19rem);-webkit-transform:translate(0);transform:translate(0)}.chat-area-container.users-shown{-webkit-transform:translate(0);transform:translate(0);width:calc(100vw - 32rem);min-width:calc(100vw - 32rem)}}.backdrop.online-users{opacity:0;z-index:9}.backdrop.online-users.show{visibility:visible;transition:opacity .15s ease .165s;opacity:.5}.online-users-container{z-index:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow-y:auto;min-width:13rem;width:13rem;padding:.5rem .5rem 2rem;color:#fff;background-color:#232628;visibility:hidden;-webkit-transform:translate(-26rem) translate(-6rem);transform:translate(-26rem) translate(-6rem);transition:z-index .3s ease;height:100vh;-webkit-justify-content:space-between;justify-content:space-between}.online-users-container.show{z-index:10;visibility:visible}.activeContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.online-users-status{position:relative;top:.15rem;left:.5rem;padding-bottom:.8rem;color:#dbdde1;text-transform:uppercase;font-size:1rem}.activeItem{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100%;min-height:2rem;font-size:1.15rem;font-weight:400}.activeItem:hover{background-color:hsla(0,0%,100%,.08235294117647059)}.activeContainer img{padding:.5rem}.online-users-container h1{margin-bottom:0}.online-users-username{font-size:1.15rem}@media screen and (min-width:650px){.backdrop.online-users.show{visibility:hidden}.online-users-container{display:-webkit-flex;display:flex;width:13rem;-webkit-transform:translate(-13rem) translate(-6rem);transform:translate(-13rem) translate(-6rem)}.online-users-container.hide{visibility:hidden}}@media screen and (min-width:1200px)and (min-height:600px){.online-users-container{display:-webkit-flex;display:flex;width:13rem;-webkit-transform:translate(-13rem) translate(-6rem);transform:translate(-13rem) translate(-6rem)}.online-users-container.show{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes users-backdrop{0%{visibility:hidden}98%{visibility:hidden}99%{visibility:visible}to{visibility:visible}}@keyframes users-backdrop{0%{visibility:hidden}98%{visibility:hidden}99%{visibility:visible}to{visibility:visible}}.messages{overflow:hidden;-webkit-flex:auto;flex:auto}.messages.messages-container{position:relative;overflow-x:hidden;padding:0 0 1rem;height:100%;overflow-y:scroll;width:100%}.messages-inner-container{overflow-x:hidden}.scroll-to-bottom-button.messages{background-color:#232628;width:2.25rem;height:2.25rem;bottom:1rem;border-radius:50%}#messages-container-top-notification{min-height:2rem;font-size:1rem;text-align:center;padding-top:.6rem;color:#dbdde1}#messages-container-loader{z-index:50;position:absolute;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:1.6rem;height:100%;width:100%;background-color:#31343a;color:#dbdde1}#messages-container-scroll-down-button{z-index:49;position:fixed;background-color:#07050f;width:2.25rem;height:2.25rem;padding:.4rem;bottom:4.5rem;right:1.2rem;border-radius:50%;box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px transparent;transition:opacity .3s ease-out,visibility .3s ease-out,-webkit-transform .3s ease-out;transition:transform .3s ease-out,opacity .3s ease-out,visibility .3s ease-out;transition:transform .3s ease-out,opacity .3s ease-out,visibility .3s ease-out,-webkit-transform .3s ease-out}#messages-container-scroll-down-button:hover{background-color:#14121c}#messages-container-scroll-down-button.hide{-webkit-transform:translateY(1rem);transform:translateY(1rem);opacity:0;visibility:hidden}#messages-container-scroll-down-img{width:1.45rem;height:1.45rem}@media screen and (min-width:768px)and (min-height:350px){#messages-container-scroll-down-button{right:2.3rem}}@-webkit-keyframes scroll-down-button-hide{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}99%{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem);visibility:visible}to{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem);visibility:hidden}}@keyframes scroll-down-button-hide{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}99%{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem);visibility:visible}to{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem);visibility:hidden}}@-webkit-keyframes scroll-down-button-show{0%{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem);visibility:hidden}99%{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem);visibility:visible}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}}@keyframes scroll-down-button-show{0%{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem);visibility:hidden}99%{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem);visibility:visible}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}}.messageBox{position:relative;width:100%;border-radius:20px;color:#fff;display:block}.message-text{width:100%;letter-spacing:0;padding-top:.3rem;font-size:1.05rem;word-wrap:break-word;color:#dbdde1;font-family:"Roboto",sans-serif}.messageText textarea.message-text{background-color:hsla(0,0%,100%,.058823529411764705);border-radius:5px;border:none;box-shadow:none}.message-text.no-image{width:calc(100% - 3rem);margin-left:3.5rem;padding-top:0}.message-text img{vertical-align:middle}.messageContainer{display:-webkit-flex;display:flex;position:relative;margin-top:.8rem;padding:.4rem .8rem .07rem;width:100%}.messageContainer.text-only{padding-top:.07rem;margin-top:0;border-top:none}.messageContainer:hover{background-color:hsla(0,0%,93.3%,.03529411764705882)}.message-timestamp-same-sender{position:absolute;font-size:.7rem;top:.36rem;left:.7rem;color:rgba(240,255,255,.4)}.message-text-container{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:100%;word-break:break-word}.sender-text{display:inline-block;font-family:"Roboto",sans-serif;color:#fff;text-shadow:1px 1px 0 hsla(0,0%,93.3%,.26666666666666666);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.sender-text:hover{text-decoration:underline;cursor:pointer}.sender-text.deleted:hover{text-decoration:none;cursor:not-allowed}.message-timestamp{font-size:.8rem;color:rgba(240,255,255,.4);font-weight:400;text-decoration:none}.message-timestamp.beside-sender{position:relative;top:.35rem;left:.5rem}.message-timestamp.beside-sender:hover{text-decoration:none}.edited-marker{font-size:.8rem;color:rgba(240,255,255,.4)}.edited-marker:hover{cursor:pointer}.message.context-menu-outer-container{max-width:14rem}.pl-10{padding-left:10px}.pr-10{padding-right:10px}.justifyStart{-webkit-justify-content:flex-start;justify-content:flex-start}.justifyEnd{-webkit-justify-content:flex-end;justify-content:flex-end}.modal.delete-message{padding-top:3rem}.modal-paragraph.delete-message{width:70%;text-align:center;margin:1rem auto 0}#delete-message-warning{font-size:1rem;color:#fcc}#message-to-be-deleted{margin:1.5rem auto;font-size:1rem}.delete-message.messageContainer{max-height:15rem;overflow-y:auto}@media screen and (min-width:1200px)and (min-height:600px){.modal.delete-message{height:auto;min-width:30rem;max-width:36rem;padding-top:4rem}.delete-message.messageContainer{margin-bottom:2rem}}.message-text.edit-mode{margin-top:.5rem;background-color:hsla(0,0%,100%,.06666666666666667)}.edit-message-instruction-message{position:relative;bottom:.5rem;font-size:.75rem;color:#c3c4c6}.edit-message-instruction-message.no-image{width:calc(100% - 3rem);margin-left:3.5rem;padding-top:0}.infoBar{-webkit-justify-content:space-between;justify-content:space-between;background:#2a2d33;padding-left:.6rem;padding-right:.6rem;height:3rem;width:100%;border-bottom:1.5px solid hsla(0,0%,100%,.13333333333333333)}.infoBar,.leftInnerContainer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.leftInnerContainer{color:#fff}.rightInnerContainer{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.room-title{padding-left:.5rem;font-family:"Roboto",sans-serif}.nav-menu-icon-container,.users-icon-container{width:3rem;height:3rem;padding:.5rem}.nav-menu-icon-img,.users-icon-img{-webkit-filter:invert(93%) sepia(87%) saturate(5%) hue-rotate(200deg) brightness(104%) contrast(73%);filter:invert(93%) sepia(87%) saturate(5%) hue-rotate(200deg) brightness(104%) contrast(73%);width:2rem;height:2rem}.nav-menu-icon-img:hover,.users-icon-img:hover{cursor:pointer}.nav-menu-icon-img.active,.nav-menu-icon-img:hover,.users-icon-img.active,.users-icon-img:hover{-webkit-filter:invert(100%) sepia(3%) saturate(7462%) hue-rotate(68deg) brightness(123%) contrast(120%);filter:invert(100%) sepia(3%) saturate(7462%) hue-rotate(68deg) brightness(123%) contrast(120%)}@media screen and (min-width:1200px)and (min-height:600px){.nav-menu-icon-container{display:none}}.input-chat-form{display:-webkit-flex;display:flex;height:3rem}.input-chat-textfield{border:none;border-radius:0;background-color:#41444a;color:#f7f7f7;padding:.5rem;width:calc(100% - 4rem);max-height:3rem;font-size:1.05rem;font-family:"Roboto",sans-serif}.input-chat-textfield:focus{box-shadow:none}.input-chat-textfield::-webkit-input-placeholder{color:#909193}.input-chat-textfield:-ms-input-placeholder{color:#909193}.input-chat-textfield::placeholder{color:#909193}.sendButton,input:focus,select:focus,textarea:focus{outline:none}.sendButton{width:4rem;height:3rem;padding:.625rem 1.125rem;font-family:"Roboto",sans-serif;color:#fff!important;text-transform:uppercase;text-decoration:none;background-color:#41444a;display:inline-block;border:none}.sendButton:focus{box-shadow:none}.sendButton.hide{pointer-events:none}.send-button-image.hide{opacity:0;visibility:hidden}.send-button-image{width:1.75rem;height:1.75rem;opacity:1;transition:opacity .3s ease;-webkit-filter:invert(97%) sepia(3%) saturate(226%) hue-rotate(182deg) brightness(94%) contrast(88%);filter:invert(97%) sepia(3%) saturate(226%) hue-rotate(182deg) brightness(94%) contrast(88%)}.send-button-image:hover{-webkit-filter:invert(99%) sepia(2%) saturate(226%) hue-rotate(258deg) brightness(116%) contrast(94%);filter:invert(99%) sepia(2%) saturate(226%) hue-rotate(258deg) brightness(116%) contrast(94%)}.register.error{position:relative;left:.8rem}@media screen and (min-width:750px)and (min-height:700px){#register-form,.register.form-content-container{max-width:35rem}.door-title-container{padding-top:0}}*{box-sizing:border-box}.door-title-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:.7rem;width:100%}.door-img-container{display:inline-block;position:relative;top:.49rem;margin-right:.5rem}.door-icon-img{-webkit-filter:invert(100%) sepia(81%) saturate(1328%) hue-rotate(178deg) brightness(105%) contrast(101%);filter:invert(100%) sepia(81%) saturate(1328%) hue-rotate(178deg) brightness(105%) contrast(101%);width:1.3rem;height:1.3rem}.heading{color:#dbdde1;font-size:1.5rem;font-family:"Roboto",sans-serif;text-align:center;padding-bottom:10px;text-transform:none}#register-text-link{word-break:break-word}@media screen and (min-width:750px)and (min-height:700px){.door-title-container{padding-top:0}}.user-home-page-container{margin:0;display:block;height:auto;background-color:#333538;color:#dbdde1}@media screen and (min-width:1200px)and (min-height:600px){.user-home-page-container{display:-webkit-flex;display:flex;padding-bottom:0}}.friends-page-container{margin:0;display:block;min-height:100vh;height:auto;background-color:#333538;color:#dbdde1;padding-bottom:3rem}.friends-outer-flex-container{display:-webkit-flex;display:flex;width:100%;height:100%}.friends-sidebar-outer-container{display:none}.friends-section-outer-container{padding-top:3rem;background-color:#31343a;width:100%;height:100%;min-width:100vw;font-family:"Roboto",sans-serif}#friends-close-button{display:none;position:absolute;height:3rem;width:3rem;right:0}.friends-section-header{z-index:30;position:fixed;top:0;display:-webkit-flex;display:flex;width:100%;height:3rem;padding:0 .8rem;margin:0;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;background-color:#232628}.friends-header-heading{display:inline-block;font-size:1.3rem}#friends-logout-button{width:3rem;height:3rem;background-color:transparent;border:none;-webkit-filter:invert(46%) sepia(22%) saturate(2369%) hue-rotate(315deg) brightness(96%) contrast(73%);filter:invert(46%) sepia(22%) saturate(2369%) hue-rotate(315deg) brightness(96%) contrast(73%)}.friends-section-button{width:100%;height:3rem;margin-top:.2rem;background-color:transparent;font-family:"Roboto",sans-serif}.friends-content-container{z-index:2;position:absolute;width:100%;height:100%;padding:.5rem 0;background-color:#333538;overflow-x:hidden}.logout-icon-img{width:2rem;height:2rem}#friends-logout-button:hover{-webkit-filter:invert(58%) sepia(42%) saturate(481%) hue-rotate(308deg) brightness(93%) contrast(108%);filter:invert(58%) sepia(42%) saturate(481%) hue-rotate(308deg) brightness(93%) contrast(108%)}.friends-header-button{position:relative;left:.5rem;width:3rem;height:3rem;background:none}.friend-category-description{font-size:.85rem;color:#b3b4b6;margin:.3rem .3rem .3rem .8rem;text-transform:uppercase}.friends-button-image{width:2rem;height:2rem;-webkit-filter:invert(93%) sepia(4%) saturate(207%) hue-rotate(182deg) brightness(98%) contrast(86%);filter:invert(93%) sepia(4%) saturate(207%) hue-rotate(182deg) brightness(98%) contrast(86%)}.friends-button-image:hover{-webkit-filter:invert(100%) sepia(0) saturate(7500%) hue-rotate(197deg) brightness(105%) contrast(109%);filter:invert(100%) sepia(0) saturate(7500%) hue-rotate(197deg) brightness(105%) contrast(109%)}@media screen and (min-width:1200px)and (min-height:600px){.friends-outer-flex-container{-webkit-justify-content:center;justify-content:center}.friends-section-outer-container{min-width:calc(100vw - 19rem);padding:0;height:auto;min-height:100vh;background-color:#31343a}.friends-sidebar-outer-container{display:block;width:50%;height:calc(100vh - 3rem);background-color:#293032}.friends-section-header{left:0;z-index:0;position:relative;top:0;display:-webkit-flex;display:flex;width:100%;height:3rem;padding:0 .8rem;margin:0;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;background-color:#2a2d33}.friends-header-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:2.2rem;border-radius:6.5px;padding:.1rem .7rem;color:#b3b4b6;margin:0 .4rem}.friends-header-button.active,.friends-header-button:hover{color:#fff;background-color:hsla(0,0%,100%,.06666666666666667)}#add-friend-button{background-color:#5cc296;color:#fff;text-shadow:1px 1px 0 rgba(17,17,17,.26666666666666666);margin:0 1rem}#add-friend-button:hover{background-color:#4cb286}.friends-section-inner-container{display:-webkit-flex;display:flex;height:calc(100vh - 3rem)}.friends-section-items{width:80%}#friends-activity-section{background-color:#232628;width:20%}}.friend-item-container{width:100%;background-color:transparent}.friend-item-container:hover{background-color:hsla(0,0%,100%,.08235294117647059)}.friend-item{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;width:100%;height:3.5rem;padding:.5rem .5rem .5rem .8rem;border-top:1px solid hsla(0,0%,100%,.08235294117647059);font-size:1.1rem;color:#dbdde1;cursor:pointer}.friend-item:hover{color:#feffff}.friend-item-div{display:-webkit-flex;display:flex;width:33%;-webkit-align-items:center;align-items:center}.friend-item-div.status{-webkit-justify-content:center;justify-content:center}.friend-item-div.actions{position:relative;-webkit-justify-content:flex-end;justify-content:flex-end}.friend-item-avatar-container{display:inline-block}.friend-item-div.status{display:none}.friend-item-div-button{position:relative;width:2.5rem;height:2.5rem;padding:.75rem;background-color:#232628;border-radius:50%;margin:0 .15rem}.friend-item-div-button:hover{background-color:#303335}.friend-action-button-image{width:1rem;height:1rem;-webkit-filter:invert(93%) sepia(4%) saturate(207%) hue-rotate(182deg) brightness(98%) contrast(86%);filter:invert(93%) sepia(4%) saturate(207%) hue-rotate(182deg) brightness(98%) contrast(86%)}.friend-action-button-image:hover{-webkit-filter:invert(100%) sepia(100%) saturate(13%) hue-rotate(237deg) brightness(104%) contrast(104%);filter:invert(100%) sepia(100%) saturate(13%) hue-rotate(237deg) brightness(104%) contrast(104%)}.friend-action-button-image.danger{-webkit-filter:invert(70%) sepia(5%) saturate(5309%) hue-rotate(312deg) brightness(97%) contrast(108%);filter:invert(70%) sepia(5%) saturate(5309%) hue-rotate(312deg) brightness(97%) contrast(108%)}.friend-action-button-image.danger:hover{-webkit-filter:invert(71%) sepia(3%) saturate(3986%) hue-rotate(312deg) brightness(111%) contrast(103%);filter:invert(71%) sepia(3%) saturate(3986%) hue-rotate(312deg) brightness(111%) contrast(103%)}.friend.hover-marker-container{position:absolute;top:-2.5rem;left:-1.2rem}.accept.friend.hover-marker-container{left:-.85rem}.remove.friend.hover-marker-container{left:-.8rem}.friend.modal{display:none;opacity:1;z-index:100;left:0;top:0;position:fixed;min-width:100vw;min-height:100vh;background-color:#333538}.friend.modal.show{display:block}@media screen and (min-width:750px){.friend-item-div.status{display:-webkit-flex;display:flex;font-size:.95rem;color:#c3c4c6}}.accept-friend.friend-item-div-button{padding:.55rem}.accept-friend.friend-action-button-image{width:1.4rem;height:1.4rem;-webkit-filter:invert(91%) sepia(10%) saturate(1100%) hue-rotate(73deg) brightness(102%) contrast(104%);filter:invert(91%) sepia(10%) saturate(1100%) hue-rotate(73deg) brightness(102%) contrast(104%)}#profile-buttons-container,#profile-container{max-width:25rem;margin:1rem auto}.my-account-content-container{z-index:2;position:absolute;width:100%;height:100%;padding:.5rem 0;background-color:#333538}.my-account-section-container{position:relative;padding:1rem}.profile-container{display:-webkit-flex;display:flex;margin:4rem .7rem 0;overflow:visible}#profile-large-image-container,#user-large-image{display:inline-block;width:4rem;height:4rem}#user-large-image{opacity:1;z-index:20;border-radius:50%}#profile-information-container{margin-left:1rem;position:relative}.profile-information{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-right:1rem;font-size:1.15rem;word-break:break-word}#profile-email{font-size:1rem;color:#b3b4b6}.profile-information.label{display:none}#profile-buttons-container{-webkit-justify-content:center;justify-content:center;max-width:none}.profile-button{margin-top:1rem;margin-left:.5rem;margin-right:.5rem;height:2.8rem;width:44%;border:1px solid #dbdde1;border-radius:5px;outline:none;background-color:hsla(0,0%,100%,.050980392156862744);color:#dbdde1;font-family:"Roboto",sans-serif;font-size:1.05rem}.profile-button:hover{background-color:hsla(0,0%,100%,.12156862745098039);color:#fff}.account-management-items{margin-top:.7rem}.account-management-button{width:100%;height:3rem;margin-top:.2rem;background-color:transparent;font-family:"Roboto",sans-serif}.account-management-item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100%;height:3rem;vertical-align:middle;text-align:left;padding-left:.5rem;font-size:1.1rem;border-radius:5px;color:#dbdde1}.account-management-item:hover{color:#feffff;background-color:hsla(0,0%,100%,.050980392156862744)}#delete-account-button-item{color:#f88}#delete-account-button-item:hover{color:#fbb;background-color:rgba(255,119,119,.13333333333333333)}#account-management-section-container{padding-bottom:4rem}@media screen and (min-width:450px)and (min-height:350px){.my-account-section-container{position:relative;top:4rem;width:85%;max-width:35rem;margin:0 auto;padding-left:0}.my-account-section-container.mt-1-r{margin-top:1rem}.my-account.section-heading{position:relative}.profile-outer-container{background-color:#292b2f;border-radius:8px;padding:1rem}.profile-container{margin:0 1rem 0 .5rem}#profile-information-container{top:.3rem}.profile-information{font-size:1.25rem;margin-top:.15rem}}@media screen and (min-width:600px)and (min-height:350px){.profile-container{margin-left:.8rem}}@media screen and (min-width:700px)and (min-height:400px){.profile-container{-webkit-justify-content:flex-start;justify-content:flex-start;margin-left:1rem}}@media screen and (min-width:750px)and (min-height:450px){.my-account-section-container{padding:1.5rem;width:80%;max-width:38rem}.my-account-section-container.mt-1-r{margin-top:1rem}#profile-buttons-container{margin-top:1.75rem}.profile-information.label:first-child{margin-top:0}.profile-information.label{display:block;font-size:.85rem;margin-top:1rem;color:#b3b4b6}#profile-email{color:#dbdde1}}@media screen and (min-width:1200px)and (min-height:600px){.my-account-section-container{margin:0;top:0;width:85%;max-width:40rem}.my-account-section-container.mt-1-r{margin-top:1rem}.my-account-section-heading-container.desktop{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;max-width:45rem}.my-account-section-heading.desktop{padding:1rem 0 1.5rem;text-transform:uppercase}#account-management-section-container{padding-bottom:6rem}#profile-buttons-container{width:100%;max-width:none}.account-management.two-buttons-container{-webkit-justify-content:flex-start;justify-content:flex-start;margin-left:0;margin-right:0}.account-management-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:3rem;background-color:#f04747;color:#fff;padding-left:1.5rem;padding-right:1.5rem;font-size:1rem;border-radius:5px}.account-management-button:hover{background-color:#d02727}#delete-account-button{margin-left:1rem}}#edit-account-form{z-index:25;top:0;background-color:#333538;margin:0 auto}#disable-account-form{padding-bottom:1.5rem}.disable-account.form-content-container.modal-form-content{display:-webkit-flex;display:flex;padding:3rem 1rem 0;margin:2rem auto 0;max-width:30rem}.disable-account.modal-paragraph{position:relative;left:.3rem;max-width:21.1rem;margin-left:auto;margin-right:auto}#disable-account-description-paragraph{margin-top:.5rem;color:#fcc}#disable-account-password-container{margin-top:1rem}@media screen and (min-width:1200px)and (min-height:600px){#disable-account-form{padding-left:1rem;padding-right:1rem;padding-bottom:3rem}.disable-account.form-content-container.modal-form-content{padding-top:0}#disable-account-password-container{margin-top:2rem;padding:0}}#delete-account-form{padding-bottom:1.5rem}.delete-account.form-content-container.modal-form-content{display:-webkit-flex;display:flex;padding:3rem 1rem 0;margin:2rem auto 0;max-width:30rem}.delete-account.modal-paragraph{position:relative;left:.3rem;max-width:23rem;margin-left:auto;margin-right:auto}#delete-account-description-paragraph{margin-top:.5rem;color:#fcc}#delete-account-password-container{margin-top:1rem}@media screen and (min-width:1200px)and (min-height:600px){#delete-account-form{padding-left:1rem;padding-right:1rem;padding-bottom:3rem}.delete-account.form-content-container.modal-form-content{padding-top:0}#delete-account-password-container{margin-top:2rem;padding:0}}#user-avatar-change-container{position:relative;left:.2rem;border-radius:50%;background-color:transparent;width:4rem;height:auto;overflow:visible}.user-avatar.profile-picture-image,.user-avatar.profile-picture-inner-container{display:inline-block;width:4rem;height:4rem}.user-avatar.profile-picture-image{opacity:1;z-index:20;border-radius:50%}#user-avatar-form{z-index:21;position:absolute}#user-avatar-upload-label{z-index:10;position:absolute;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;text-transform:uppercase;width:4rem;height:4rem;font-size:.85rem;font-weight:700;background-color:transparent;color:transparent;border-radius:50%}#user-avatar-upload-label:hover{background-color:rgba(0,0,0,.4666666666666667);cursor:pointer}#user-avatar-upload{position:absolute;opacity:0;width:.1px;height:.1px}.user-avatar.modal{display:none;opacity:1;z-index:100;left:0;top:0;position:fixed;min-width:100vw;min-height:100vh;background-color:#333538}.user-avatar.modal.show{display:block}.user-avatar.modal-content-container{padding:1rem;max-width:40rem;margin:0 auto}.user-avatar.modal-paragraph{text-align:center;margin-top:.5rem;font-size:1rem}#user-avatar-buttons-container{display:-webkit-flex;display:flex}#user-avatar-preview-image{height:8rem;width:8rem;border-radius:4px;margin:3rem auto 0}.user-avatar-remove{font-size:1rem;color:#f88;background-color:transparent}.user-avatar-remove.below-avatar{display:block;padding:0;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:.5rem auto 0}.user-avatar-remove.show-750w{display:none}.user-avatar-remove:hover{color:#fbb}@media screen and (min-width:450px){#user-avatar-upload-label,.user-avatar.profile-picture-image,.user-avatar.profile-picture-inner-container{width:5.5rem;height:5.5rem}#user-avatar-change-container{width:5.5rem;height:auto}#user-avatar-upload-label:hover{color:#fff;text-shadow:1px 1px 0 #123}}@media screen and (min-width:750px)and (min-height:450px){#user-avatar-upload-label,.user-avatar.profile-picture-image,.user-avatar.profile-picture-inner-container{position:relative;top:.1rem;width:7.5rem;height:7.5rem}#user-avatar-change-container{width:7.5rem;height:auto}.user-avatar.profile-picture-image{top:0}.user-avatar-remove.show-750w{display:block}.user-avatar-remove.hide-750w{display:none}}@media screen and (min-width:400px)and (min-height:400px){#user-avatar-preview-image{height:9rem;width:9rem}#user-avatar-buttons-container{margin-top:2rem}}@media screen and (min-width:500px)and (min-height:450px){#user-avatar-preview-image{height:12rem;width:12rem;margin-top:4rem}}@media screen and (min-width:600px)and (min-height:500px){#user-avatar-preview-image{height:14rem;width:14rem}}@media screen and (min-width:700px)and (min-height:600px){#user-avatar-preview-image{height:16rem;width:16rem}}@media screen and (min-width:1200px)and (min-height:600px){.user-avatar.modal{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;min-height:0;min-width:0;max-width:40rem;top:45%;-webkit-transform:translateY(-45%);transform:translateY(-45%);left:0;right:0;border:2px solid rgba(85,102,102,.26666666666666666);border-radius:4px}#user-avatar-preview-image{height:17rem;width:17rem;margin:1rem auto 0}}#user-footer-container{position:fixed;z-index:80;bottom:0;left:0;background-color:#07050f;min-height:3rem;height:3rem;min-width:100vw;transition:-webkit-transform .3s cubic-bezier(.22,1,.36,1);transition:transform .3s cubic-bezier(.22,1,.36,1);transition:transform .3s cubic-bezier(.22,1,.36,1),-webkit-transform .3s cubic-bezier(.22,1,.36,1)}#user-footer-container.hide{-webkit-transform:translateY(3rem);transform:translateY(3rem)}#user-footer-content-container{-webkit-justify-content:space-around;justify-content:space-around;max-width:28rem;margin:0 auto}#user-footer-content-container,.user-footer-link{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.user-footer-link{-webkit-justify-content:center;justify-content:center;width:33%;height:3rem;background-color:transparent;width:100%;color:#dbdde1}.user-footer-link:hover{background-color:hsla(0,0%,100%,.03137254901960784)}.user-footer-link.selected,.user-footer-link.selected:hover{background-color:hsla(0,0%,100%,.08235294117647059)}.footer-button-image{width:1.5rem;height:1.5rem;-webkit-filter:invert(96%) sepia(5%) saturate(133%) hue-rotate(181deg) brightness(93%) contrast(92%);filter:invert(96%) sepia(5%) saturate(133%) hue-rotate(181deg) brightness(93%) contrast(92%)}@media screen and (min-width:1200px)and (min-height:600px){#user-footer-container{display:none}}
/*# sourceMappingURL=main.bed4170e.chunk.css.map */