#root{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;height:100vh}.shadowBox{background-color:var(--shadowBoxColor);position:fixed;top:0;left:0;width:100%;height:100%;min-height:100vh}.popup{background-color:#000000f1;display:flex;flex-direction:column;align-items:center;gap:1rem;height:fit-content;max-height:calc(90% - 6rem);padding:2rem;border-radius:.5rem;border:#fff solid .1rem;overflow:scroll;position:absolute;top:5rem;right:2rem}.input-group{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;width:100%}.error{color:#e92121;text-align:center}.close-button{position:absolute;top:.5rem;right:.5rem;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.manager{box-sizing:border-box;width:100%;max-height:16rem;border:1px solid #fff;padding:.5rem;border-radius:1rem;overflow:scroll}.manager li{background:#222;display:flex;flex-direction:row;gap:2rem;padding:1rem;border-radius:.5rem}.manager li p{padding:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:8rem}.manager .action-buttons{display:flex;align-items:center;gap:1rem;margin-left:auto}.manager .action-buttons button{background-color:inherit;padding:0;border:0;margin-left:auto}.notification-container{position:fixed;top:1rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:9999}.notification-popup{padding:.75rem 1rem;border-radius:.5rem;color:#fff;animation:slideDown .3s ease}.notification-popup.info{background:#3b82f6}.notification-popup.success{background:#0e8b3c}.notification-popup.error{background:#ab2222}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width: 450px){.popup{box-sizing:border-box;width:92%;top:1rem;left:50%;transform:translate(-50%)}}.modal-overlay{background-color:#00000023;width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center}.toolbar{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;position:absolute;top:1rem;right:1rem;z-index:130;padding-inline:1rem;opacity:1;transition:opacity 1s ease-in-out}.toolbar button{z-index:140}.toolbar button a{color:inherit;text-decoration:inherit}.toolbar.hidden{opacity:0}@media screen and (max-width: 450px){.toolbar{flex-direction:column;width:90%;right:0;z-index:100}.toolbar button{z-index:100}}.create-event-popup h2{margin:0}.create-event-popup input[type=text],.create-event-popup input[type=date]{width:9rem}.create-event-popup .postImagePreview{background-color:var(--background-color);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23fff'%3e%3cpath%20d='M480-480ZM200-120q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h320v80H200v560h560v-320h80v320q0%2033-23.5%2056.5T760-120H200Zm40-160h480L570-480%20450-320l-90-120-120%20160Zm440-320v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z'/%3e%3c/svg%3e");background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;aspect-ratio:1/1;width:50%;border-radius:.5rem}.create-event-popup #uploadNewEventImageInput{width:min-content;max-width:13rem;padding:0;border:0}.create-event-popup .upload-as{display:flex;gap:0rem;align-items:flex-start;flex-direction:column}.create-event-popup .upload-as p{margin:0}.create-event-popup input[type=radio]{aspect-ratio:1/1;min-width:1rem;border-radius:0;accent-color:green}.create-event-popup .commitees{margin-left:2rem}.create-event-popup .radio-group{width:100%;gap:.5rem}.create-event-popup h3{margin:0}.create-event-popup .open-upload-as-option{display:flex;gap:.5rem;align-items:center;cursor:pointer;opacity:.8;transition:opacity .2s ease-in-out}.create-event-popup .open-upload-as-option:hover{opacity:1}.create-event-popup .open-upload-as-option p{font-style:italic;margin:0}.gallerySettings{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem}.gallerySettings .fullscreen-button{position:absolute;top:1rem;right:1rem;padding:0;border:0}.gallerySettings .fullscreen-button img{height:2rem;transition:transform .2s ease}.gallerySettings .fullscreen-button:hover img{transform:scale(1.1)}.account-popup .event-manager{max-height:fit-content}.event-manager .event-image{height:2rem}.gallery{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;position:relative;width:100%;height:10rem}.poster-display{width:100%;height:5rem;display:flex;justify-content:center;align-items:center;flex-direction:column;flex:1}.poster-display img{object-fit:contain;max-width:65%;max-height:100%;border-radius:.4rem;flex:1}.event-title{margin:3rem 1rem 1rem}.sidebar{top:1rem;left:1rem;max-width:13rem}.sidebar h2{margin-top:0}.sidebar ul{display:flex;flex-direction:column;gap:1rem;list-style-type:none;width:100%;padding:0;margin:0}.sidebar li{display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:0rem}.sidebar li p{margin:0}.sidebar .event-name{max-width:12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 450px){.sidebar{left:50%}}.hubben-rattan-container{position:absolute;bottom:2rem;left:2rem}.hubben-rattan-container .speech-bubble{position:absolute;background-color:#ebebeb;color:#000;border:1px solid #000000;padding:.3rem 1rem;border-radius:1rem;width:max-content;max-width:22rem;top:-4rem;left:4rem}.admin-page{margin-top:2rem;flex:1}.admin-page>h1,.admin-page>h2{text-align:center}.admin-page .admin-panel{display:flex;flex-direction:row;flex-wrap:wrap;gap:3rem}.admin-page .searchbar{width:100%}.admin-page .manager{min-height:20rem}.not-allowed-to-view-text{margin-top:40vh;max-width:40ch;text-align:center}@media screen and (max-width: 600px){.admin-page .admin-panel{flex-direction:column;gap:1rem}}.elevator-music{position:absolute;top:1rem;left:1rem}@media screen and (max-width: 600px){.elevator-music{top:8rem;left:unset}}.page-footer{display:flex;flex-direction:row;align-items:center;gap:.5rem;margin-top:auto}.page-footer img{height:1.1rem}.page-footer a{color:#09cdda;text-decoration:none}:root{--background-color: #2a2a2a;background-color:var(--background-color);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{color:#fff;font-size:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;margin:0}h1{font-size:2.8em;line-height:1.1}button{background-color:#000000ce;color:#fff;font-size:1rem;font-family:Roboto;padding:.5rem 1rem;border-radius:.5rem;border:#fff .1rem solid;outline:none}button:hover{cursor:pointer}ul{list-style:none;display:flex;flex-direction:column;gap:.5rem;padding:0}ul>li{display:flex;flex-direction:row;align-items:center;gap:1rem}hr{background-color:#fff;width:100%;height:1px;border:none}input{background-color:inherit;color:#fff;font-size:1rem;box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;border:#fff .1rem solid;outline:none}input[type=number]{width:5rem}input[type=checkbox]{aspect-ratio:1/1;height:1.3rem}input[type=radio],input[type=checkbox],input[type=date],input[type=file]{cursor:pointer}