.page-contact{width:calc(100% - 2rem);margin-left:auto;margin-right:auto;padding:1rem}@media (max-width:1000px){.page-contact{width:calc(100% - 4rem);padding:2rem}}.divider{justify-content:center;gap:5rem;height:23rem;margin-bottom:20rem;padding:0 5rem;display:flex}.divider div{width:100%;max-width:70ch;height:100%}.divider div:first-child{max-width:fit-content;height:calc(100% - 2rem);margin-top:3rem;position:relative}.divider img{border-radius:1rem;width:auto;max-width:100%;height:auto;max-height:100%}.divider form{grid-template-columns:auto;max-width:100%;max-height:100%;display:grid;position:relative}.divider form input.ng-dirty.ng-invalid{outline:2px solid var(--accent);color:red}.divider form input.ng-dirty.ng-valid{color:green}.divider input{border:3px solid #0000;outline:2px solid #0000;margin:.5rem 0;padding:1rem}.divider input:last-of-type{margin-bottom:2rem}.divider .hint{text-align:center;color:#ffffff80;font-size:.9rem}.divider .hint a{text-decoration:underline}@media (max-width:1000px){.divider{padding:0}.divider div:first-child{display:none}}h1{text-align:center;color:#fff}
.contact-list h2{text-align:center;color:#fff}.contact-list .requests{grid-template-columns:auto auto auto auto 50px;margin:2rem;display:grid}.contact-list .requests.authed{grid-template-columns:auto auto auto auto 50px 50px}.contact-list .requests.archieved{grid-template-columns:auto auto auto auto auto 50px}.contact-list .requests p{color:#242424;text-align:center;background-color:#fff;border-left:1px solid #d3d3d3;padding:1rem;position:relative}.contact-list .requests p.spacer{display:none}.contact-list .requests p.topic{text-transform:uppercase;border-left:none}.contact-list .requests p.remove{cursor:pointer;background-color:#961313;border:none;transition:all .1s ease-in}.contact-list .requests p.remove:hover{background-color:#e52a2a}.contact-list .requests p.archieve{cursor:pointer;background-color:#ff9538;border:none;transition:all .1s ease-in}.contact-list .requests p.archieve:hover{background-color:#cc5f00}.contact-list .requests+h2{margin-top:10rem}@media (max-width:1000px){.contact-list .requests{background-color:var(--color-light);border:none;flex-wrap:wrap;gap:2px;display:flex}.contact-list .requests p{border:none;flex-grow:1;margin:0}.contact-list .requests p.remove,.contact-list .requests p.archieve{flex-grow:0}.contact-list .requests p.message{flex-basis:100%}.contact-list .requests p.spacer{background-color:var(--color-dark);flex-basis:100%;display:block}}
.loading-button{background-color:var(--accent);color:#fff;cursor:pointer;text-transform:uppercase;border:none;outline:none;width:100%;padding:1rem;position:relative;overflow:hidden}.loading-button:not([disabled]):hover{background-color:rgba(var(--accent-numbers), .8)}.loading-button[disabled]{cursor:default;background-color:rgba(var(--accent-numbers), .5)}