.loading{position:fixed;background-color:rgba(0,0,0,.2);width:100%;height:100%;z-index:100}.loading,.loading:after{display:block;overflow:hidden}.loading:after{content:" ";width:64px;height:64px;left:50%;margin:8px 8px 8px -64px;top:50%;position:absolute;border-radius:50%;border-color:#fff transparent;border-style:solid;border-width:6px;animation:loading 1.2s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.text-container>h1{margin:0}.text-container>h1>p{font-weight:400;margin:0 0 0 16px}.text-container>div:not(.toast-container){margin-left:16px}.hidden{display:none!important}.card{padding:8px 16px;width:50%;display:flex;align-items:flex-start;flex-direction:column}.card h1{margin:0}body,html{padding:0;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}@import"https://fonts.googleapis.com/css?family=Golos+Text:regular,bold,italic&subset=latin,latin-ext";body{font-family:Golos Text}.light{background:linear-gradient(135deg,#f8f9fa,#9dabb8);color:#212529}.light h1{color:#007bff}.light a,.light input,.light p,.light span{color:#4a5158}.light .icon{filter:invert(0) sepia(0) saturate(7500%) hue-rotate(259deg) brightness(98%) contrast(106%)}.light .card{background-color:#8dd8e6}.light .meta p{color:#303030}.dark{background:linear-gradient(135deg,#1a2129,#2f3942);color:#f8f9fa}.dark h1{color:rgba(29,233,182,.8)}.dark a,.dark input,.dark p,.dark span{color:rgba(244,244,254,.85)}.dark .icon{filter:invert(100%) sepia(0) saturate(0) hue-rotate(181deg) brightness(102%) contrast(103%)}.dark .meta p{color:#303030}.card{box-shadow:0 4px 6px -6px #06060c;border-radius:4px;background-color:rgba(141,216,230,.75)}body,html{min-height:100%;height:-moz-fit-content;height:fit-content}.light .nav{background-color:#8dd8e6}.light .searchTerm{border:3px solid #00b4cc}.dark .nav{background-color:rgba(141,216,230,.75);color:#f4f4fe}.dark .searchTerm{border:3px solid rgba(0,180,204,.5);color:#06060c}.nav{padding:20px 2rem;width:100%;display:flex;justify-content:space-between;align-items:center}.nav,.nav .authButton{box-shadow:0 4px 6px -6px #06060c}.nav .authButton{margin-left:10px;background:#f4f4fe;border:none;border-radius:4px;padding:15px 20px;font:inherit;cursor:pointer;outline:inherit}.nav .authButton:hover{background:rgba(244,244,254,.85);transition:all .4s ease}.nav .search{margin-left:10px;width:100%;position:relative;display:flex}.nav .searchTerm{text-align:center;width:20ch;height:30px;border-radius:4px}.nav .searchTerm:focus-visible{outline:none}.left-side{display:flex;align-content:center;justify-content:center;align-items:center}.left-side .page{font-size:1.3rem;margin:0 16px;cursor:pointer}.left-side .selected{box-shadow:0 2px 3px -3px #06060c}.material-symbols-outlined{color:#000;cursor:pointer}.main-container{margin-top:20px;display:flex;flex-direction:column}.main-container .heading{display:flex}.main-container .heading.admin p{padding-right:8px}.main-container .heading.admin div{width:-moz-fit-content;width:fit-content}.main-container .heading.admin div a{margin:0 4px}.flex,.footer{display:flex;align-items:center}.footer{margin-top:20px;justify-content:center}.footer .name{max-width:768px;margin-bottom:50px;font-weight:700;text-align:center}.footer .social{display:flex;align-items:center}.footer .icon{margin-left:16px;margin-bottom:0;cursor:pointer}.footer .icon img{height:20px;width:20px}.footer a{font-weight:700}.form__group{position:relative;padding:15px 0 0;margin:0;width:50%}.form__field{font-family:inherit;width:100%;border:0;border-bottom:solid;border-width:2px;border-image:linear-gradient(90deg,#00b4cc,rgba(0,180,204,.1),rgba(0,180,204,0),rgba(0,180,204,0),rgba(0,180,204,0),rgba(0,180,204,0),rgba(0,180,204,0),rgba(0,180,204,0),rgba(0,180,204,0));border-image-slice:1;outline:0;font-size:1.3rem;padding:7px 0;background:transparent}.form__field::placeholder{color:transparent}.form__field:placeholder-shown~.form__label{font-size:1.3rem;cursor:text;top:20px}.form__field:focus~.form__label,.form__label{position:absolute;top:0;display:block;transition:.2s;font-size:1rem}.form__field:focus~.form__label{opacity:.85}.form__field:invalid,.form__field:required{box-shadow:none}.message-container-self{margin-bottom:20px}.meta p{text-decoration:none;font-size:10px;display:block;text-align:right}.wall{display:flex;flex-direction:column}.wall .wall_props{margin-top:8px}.wall .writer{margin-bottom:30px}.icon img{height:32px;width:32px}.icon{display:inherit;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9}.browse-walls .created-walls{margin-top:16px;display:flex;flex-wrap:wrap}.browse-walls .created-walls .wall{cursor:pointer;padding:30px;margin:10px;border-radius:4px;box-shadow:0 4px 6px -6px #06060c;width:-moz-fit-content;width:fit-content}.imageDisplay{border-radius:24px;max-width:50%;max-height:500px}.canvas-item{margin-bottom:20px}.wrapper{display:inline-flex;height:100px;width:400px}.wrapper,.wrapper .option{align-items:center;justify-content:space-evenly;border-radius:4px}.wrapper .option{background:#9b9b9b;height:50%;width:50%;margin:0 8px;display:flex;cursor:pointer;transition:all .3s ease}.wrapper .option .dot{height:20px;width:20px;background:#f4f4fe;border-radius:50%;position:relative}.wrapper .option .dot:before{position:absolute;content:"";left:10%;top:10%;width:80%;height:80%;background:#8dd8e6;border-radius:50%;opacity:0;transition:all .3s ease}input[type=radio]{display:none}.light #gif:checked~.gif,.light #image:checked~.image,.light #text:checked~.text{background:#8dd8e6}.dark #gif:checked~.gif,.dark #image:checked~.image,.dark #text:checked~.text{background:rgba(141,216,230,.8)}#gif:checked~.gif .dot,#image:checked~.image .dot,#text:checked~.text .dot{background:#f4f4fe}#gif:checked~.gif .dot:before,#image:checked~.image .dot:before,#text:checked~.text .dot:before{opacity:1}.wrapper .option span{font-size:20px}.new-wall-button{margin-left:20px!important}