*,html{box-sizing:border-box;margin:0;padding:0}#root,html{height:100%;width:100%}:root{--color0:#000;--color1:#fff;--color2:red;--color3:green;--color4:blue;--color5:#ff0;--color6:#e3d9c8;--color7:#a9a9a9;--color8:#f5f5f5;--color9:#00008b;--color10:#ddd;--color11:#ffb6c1;--color12:#fc4c02;--color13:#add8e6;--color14:grey;--color15:#f4f4f4}.app{box-sizing:border-box;display:flex;flex-direction:column;height:100dvh;margin:0;padding:0;width:100%}.hamburger{background:none;border:none;color:var(--color0);cursor:pointer;font-size:2rem;left:.5rem;position:fixed;z-index:1001}.hamburger:hover{background-color:initial}.hamburger-open,.navbar{color:var(--color0)}.navbar{align-items:center;background-color:var(--color1);display:flex;height:10vh;left:0;position:fixed;top:0;width:100%;z-index:10}.navbar.open{transform:translateX(0)}.nav-item{align-items:center;color:var(--color0);cursor:pointer;display:flex;flex-direction:row;height:auto;padding:5% 0 2%;width:100%}.nav-item:hover{font-weight:700}.nav-item-logo{align-items:center;color:var(--color0);cursor:pointer;display:flex;flex-direction:column;height:auto;justify-content:center;padding:5% 0}.nav-item-with-dropdown{overflow:visible;width:100%}.subitem{align-items:center;color:var(--color0);cursor:pointer;display:flex;flex-direction:row;font-style:italic;height:auto;overflow:hidden;padding:.5em;text-overflow:ellipsis}.subitem:first-child{margin-top:0}.subitem:hover{font-weight:700}.faBell-follow-request{margin:0 .5em;position:relative}.bell-container{display:inline-block;position:relative}.notification-dot{background-color:red;border-radius:50%;height:10px;position:absolute;right:5px;top:-5px;width:10px}.notification-dot-only-container{display:inline-block;position:relative}.notification-dot-only{left:.5em;position:absolute;top:-20px}.in-line-red-dot,.notification-dot-only{background-color:red;border-radius:50%;height:10px;width:10px}.in-line-red-dot{aspect-ratio:1/1;display:inline-block;margin-left:5px;margin-right:1px}.faBell-new-message{margin-right:.5em;position:relative}.new-message-bell-container{display:inline-block;position:relative}.new-message-notification-dot{background-color:red;border-radius:50%;height:10px;position:absolute;right:5px;top:-5px;width:10px}.toggle-container{margin:auto;max-width:500px;padding-top:5px}.toggle-container,.toggle-wrapper{align-items:center;display:flex;flex-direction:row}.toggle-label{align-items:center;background-color:#ccc;border-radius:50px;cursor:pointer;display:flex;height:15px;position:relative;transition:background-color .3s;width:30px}.toggle-circle{background-color:#fff;border-radius:50%;height:10px;left:5px;position:absolute;top:50%;transform:translateY(-50%);transition:.3s;width:10px}.toggle-checkbox:checked+.toggle-label{background-color:#333}.toggle-checkbox:checked+.toggle-label .toggle-circle{left:15px}.profile-image-container{align-items:center;display:flex;justify-content:center;max-height:70px;max-width:70px;overflow:hidden;position:relative}.profile-image-default{border-radius:50%;cursor:pointer;object-fit:cover;transition:transform .3s ease}.profile-image-default:hover{filter:brightness(1.3);transform:scale(1.1)}.profile-image{aspect-ratio:1/1;border-radius:50%;cursor:pointer;max-height:2.5em;max-width:100%;object-fit:cover;transition:transform .3s ease}.profile-image:hover{filter:brightness(1.3)}.body{align-items:center;flex-direction:column}.body,.body-squeezed{display:flex;flex:1 1}.body-squeezed{flex-direction:column;margin-top:40px;padding:1em}.footer{align-items:center;background-color:var(--color15);color:var(--color0);display:flex;font-size:1.2rem;justify-content:center;margin-top:auto;padding:1em;position:relative;text-align:center}.footer-container{flex-direction:column}.button-red{background-color:red;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.button-red:hover{background-color:darkred;transform:scale(1.05)}.button-red:active{background-color:#b22222;transform:scale(1)}.button-red:focus{box-shadow:0 0 5px #ff0000b3;outline:none}.button-green{background-color:green;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.button-green:hover{background-color:#006400;transform:scale(1.05)}.button-green:active{background-color:#228b22;transform:scale(1)}.button-green:focus{box-shadow:0 0 5px #00ff00b3;outline:none}.button-white{background-color:initial;border:1px solid #000;border-radius:5px;color:#000;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.white{border:1px solid #fff;color:#fff}.button-smaller{padding:2px 5px}.button-white:hover:not(:disabled){background-color:#a9a9a9;border:none;color:#000;transform:scale(1.05)}.button-white:active{background-color:#4169e1;transform:scale(1)}.button-white:focus{box-shadow:0 0 5px #0000ffb3;outline:none}.button-white:disabled{background-color:#f0f0f0;border-color:#dcdcdc;color:#a9a9a9;cursor:not-allowed;opacity:.6}.margin-bottom-2em{margin-bottom:2em}.info-button{align-items:center;background-color:var(--color9);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-style:normal;font-weight:700;justify-content:center;margin:10px;max-height:10px;max-width:10px;padding:10px}.info-message{color:var(--color0);margin:5px;padding:10px;text-align:center}.info-message,.info-message-2{border-radius:5px;font-size:smaller;font-style:italic}.info-message-2{color:#000}.info-button:hover{background-color:navy}.cursor-pointer{cursor:pointer}.fa-info{background-color:#00008b;border-radius:50%;color:#fff;height:.5em;margin:.5em;padding:.2em;width:.5em}.fa-info:hover{cursor:pointer}.nav-item-with-dropdown-open{filter:brightness(1.4)}input,select,textarea{font-size:16px}@media (max-width:580px){.body-squeezed{margin-top:0}.navbar,.navbar-open{display:none}.navbar-bottom{background-color:var(--color1);bottom:0;color:var(--color0);font-size:1.2rem;justify-content:center;margin-top:auto;padding:1em;position:fixed;text-align:center;z-index:1000}.navbar-bottom,.navbar-bottom-container{align-items:center;display:flex;width:100%}.navbar-bottom-container{flex-direction:row;gap:.5em;justify-content:space-evenly}.navbar-bottom-container div{cursor:pointer}.navbar-bottom-small-img-container{align-items:center;box-sizing:border-box;display:flex;height:2rem;justify-content:center;overflow:hidden;width:2rem}.navbar-bottom-small-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.body{background-color:var(--color1);padding:.5em .5em 5em;position:relative}.footer,.footer-squeezed,.hamburger-container{display:none}.nav-item{padding-top:5%}.nav-item,.subitem{justify-content:center}.hamburger{display:block}.profile-image{max-height:4.5em}}@media (min-width:581px) and (max-width:1024px){.hamburger-container{display:block;min-height:2.5em;position:fixed;width:25%}.hamburger-container-open{background-color:var(--color15)}.navbar{display:flex;flex-direction:column;height:100%;margin-top:2.5em;overflow-y:auto;width:0}.navbar-open{background-color:var(--color15);height:100%;padding-bottom:2em;width:25%}.navbar-bottom{display:none}.nav-item{padding-bottom:10%;padding-left:1em;padding-top:10%;width:100%}.subitem{padding-left:2em;width:100%}.profile-image{max-height:6em}.body{margin-left:0;margin-top:0;padding:.5em .5em .5em 2.5em}.body-squeezed{margin-top:0}.body-squeezed,.footer-squeezed{margin-left:25%}}@media (min-width:1025px){.body{margin-top:40px;padding:1em}.navbar{height:40px}.navbar-bottom{display:none}.nav-item{justify-content:center}.nav-item,.nav-item-logo{color:var(--color0);flex:1 1;height:100%;padding:0}.dropdown-title-open{background-color:var(--color1);color:var(--color9)}.nav-item-with-dropdown{flex:1 1;height:100%;padding:0}.subitem{background-color:var(--color1);color:var(--color0);justify-content:center;text-align:center}.hamburger{display:none}}.spinner{align-items:center;display:flex;height:100%;justify-content:center}.spinner__circle{animation:spin 1s linear infinite;border:4px solid #0000;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.unauthorized{align-items:center;background-color:var(--color8);box-sizing:border-box;color:var(--color0);display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;width:100%}.unauthorized-title{color:var(--color2);font-size:2rem;font-weight:700}.unauthorized p{font-size:1.2rem;line-height:1.5;margin-bottom:20px}.unauthorized-go-back{background-color:var(--color9);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 20px;transition:background-color .3s ease-in-out,transform .2s ease-in-out}.unauthorized-go-back:hover{background-color:#025aa5;transform:scale(1.05)}.unauthorized-go-back:focus{box-shadow:0 0 4px 2px #0275d880;outline:none}.unauthorized-go-back:active{transform:scale(.95)}@media (max-width:580px){.bottom-sheet-overlay{background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.bottom-sheet{background:#fff;border-top-left-radius:12px;border-top-right-radius:12px;bottom:4.2em;left:0;max-height:50%;overflow-y:auto;padding:16px;position:fixed;right:0;z-index:1000}.bottom-sheet-handle{background:#ccc;border-radius:2px;height:4px;margin:0 auto 12px;width:40px}.back-button{margin-bottom:1em}}@media (min-width:581px){.back-button,.bottom-sheet,.bottom-sheet-handle,.bottom-sheet-overlay{display:none}}.centered-container{background-color:var(--color15);border-radius:5px;display:flex;flex-direction:column;margin:auto;max-width:1000px;padding:20px;text-align:center;width:100%}.centered-container h2{color:#333;font-size:2rem;margin-bottom:1rem}.centered-container p{color:#555;font-size:1.1rem;margin-bottom:1.5rem}.centered-container ul{list-style-type:none;padding-left:0;text-align:left}.centered-container ul li{color:#444;font-size:1rem;margin-bottom:1rem}.centered-container ul li strong{color:#000}.interact-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.interact-button:hover{background-color:#0056b3}.interaction-box{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-wrap:wrap;margin-top:20px;padding:20px}.interaction-box h3{color:#333;font-size:1.5rem;margin-bottom:10px}.interaction-box ul{list-style-type:none;margin-top:.5em;padding-left:0}.interaction-box ul li{color:#444;font-size:1.1rem;margin-bottom:8px;overflow-wrap:break-word;word-break:break-word}.interaction-box ul li strong{color:#000}.signup-title{color:var(--color0);display:flex;justify-content:center}.signup-form{display:flex;flex-direction:column;width:100%}.restore-action{display:flex;flex-direction:row;gap:1em;margin-bottom:1em;width:100%}.signup-form label{color:var(--color0);margin-top:.5em}.signup-form input{margin:.5em 0}.input-field{height:2.5em}.input-field:focus{border-color:#1e90ff;box-shadow:none;outline:none}.signup-form p{margin-bottom:2em}.centered-section{align-items:center;border-radius:5%;box-sizing:border-box;display:flex;flex-direction:column;margin:auto;max-width:350px;overflow-y:auto;padding:1em;width:100%}.transparent{background-color:initial}.valid{color:var(--color3)}.invalid,.valid{margin-left:.25rem}.errmsg,.invalid{color:var(--color2)}.errmsg{background-color:var(--color11);font-weight:700;margin-bottom:.5rem;padding:.5rem}.instructions{background:var(--color0);border-radius:.5rem;bottom:-10px;color:var(--color1);font-size:.75rem;padding:.25rem;position:relative}.instructions>svg{margin-right:.25rem}.hide,.offscreen{display:none}.have-an-account{align-items:center;display:flex;flex-direction:row;margin-top:1em}.have-an-account p{color:#888;font-size:16px;margin:.2em;text-align:center}.have-an-account a,.signup-success{color:var(--color0)}.signup-success{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:auto;max-height:300px;padding:2em;text-align:center}.success-message h2{font-size:1.8rem;margin-bottom:1rem}.success-message p{color:var(--color0);font-size:1rem;margin-bottom:1rem}.success-message a{color:var(--color0);font-weight:700}.success-message a:hover{text-decoration:underline}.success-message-green{background-color:var(--color3);border-radius:8px;color:var(--color0);font-weight:700;margin-bottom:.5rem;padding:.5rem}.trust-device{color:var(--color0);margin:4em 0 1em}.trust-device input{margin-right:.5em}.button-auth{background-color:#fff;border:1px solid;border-radius:5px;color:#000;cursor:pointer;font-size:16px;margin:1em auto;padding:10px 20px;text-align:center;transition:background-color .3s ease,transform .3s ease;width:50%}.button-auth:hover{background-color:#1c86ee;transform:translateY(-2px)}.button-auth:focus{box-shadow:0 0 5px #1e90ffb3;outline:none}.button-auth:active{transform:translateY(0)}.button-auth:disabled{background-color:#555;cursor:not-allowed;opacity:.6}.button-resend-verification{width:100%}@media (max-width:300px){.have-an-account{flex-direction:column}.line a{margin-left:0}}.section-reset{align-items:center;background-color:var(--color1);box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:auto;margin-top:auto;overflow-y:auto;padding:1em 0;transition:margin-left .3s ease-in-out;width:100%}.form-reset{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:20px;width:100%}h3{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.label-reset{color:#555;font-size:16px}.form-reset input[type=email]{border:1px solid #ddd;border-radius:4px;font-size:16px;margin:8px 0;outline:none;padding:12px;width:100%}.form-reset input[type=email]:focus{border-color:var(--color13);box-shadow:0 0 5px #ff8c004d}.button-reset{background-color:var(--color9);border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:16px;margin:.5em auto 0;padding:12px;width:50%}.button-reset:hover{background-color:var(--color13)}p{color:#888;font-size:14px;text-align:center}.p-reset{margin-top:1em}.a-reset{color:var(--color9);text-decoration:none}.a-reset:hover{text-decoration:underline}.errmsg{background-color:#fdd;border:1px solid #f99;border-radius:4px;color:red;margin-top:10px}.errmsg,.scsmsg{margin-bottom:10px;padding:8px;text-align:center}.scsmsg{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#28a745}.offscreen{display:none}.profile-container{box-sizing:border-box;display:flex;flex-direction:column;justify-content:start;max-width:100vw;padding-top:3em;text-align:center;width:100%}.profile-details{margin:2em 0}.profile-details,.profile-picture{display:flex;justify-content:center}.profile-picture{align-items:center;border-radius:50%;cursor:pointer;height:150px;overflow:hidden;position:relative;width:150px}.profile-picture img{border-radius:50%;cursor:pointer;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.picture-modal{align-items:center;border:1px dotted #000;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:1em}.picture-modal input,.picture-modal>*{margin-bottom:1em}.picture-modal input[type=file]{display:none}.custom-file-label:hover{background-color:#0056b3}.file-name{color:#555;font-size:.9rem}.profile-actions{display:flex;flex-direction:column;text-align:center}.profile-actions-button{margin:.5em auto;padding:.5em;width:200px}.profile-info p{font-size:x-large;padding-top:1em;text-align:left}.update-input{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:600px;width:100%}.update-input>*{margin-bottom:1em;width:100%}.update-input input{padding:1em}.update-input button{max-width:150px}.delete-confirmation{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1em}.delete-confirmation>*{margin-bottom:1em}.delete-confirmation p{color:red;font-size:larger;font-weight:bolder;padding:1em}.delete-confirmation button{max-width:150px;padding:1em}.profile-input-instructions{background-color:var(--color0);border-radius:5px;color:var(--color1);padding:.5em}.password-container{align-items:center;display:flex;margin-bottom:10px;position:relative}.password-container input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;outline:none;padding:10px 40px 10px 10px;transition:border-color .2s;width:100%}.password-container input:focus{border-color:#007bff}.toggle-password-icon{color:#666;cursor:pointer;font-size:18px;position:absolute;right:10px;transition:color .2s}.toggle-password-icon:hover{color:#007bff}.edit-input-container input{width:100%}.profile-delete-success-message{align-items:center;color:green;display:flex;height:100dvh;justify-content:center}.dropdown-options{background-color:var(--color1);border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 5px #0000001a;color:#333;margin:-7px auto auto;max-height:300px;overflow-y:auto;padding:0;transition:all .3s ease;width:300px;z-index:10}.dropdown-options li{cursor:pointer;padding:10px;transition:background-color .2s,color .2s}.dropdown-options li:hover{background-color:var(--color7);color:var(--color0);font-weight:600}.format-like-white-button{align-items:center;border:1px solid #000;border-radius:5px;display:flex;flex-direction:row;font-size:15px!important;font-weight:700;margin:.5em auto;padding:.5em;width:300px}.profile-info-button{align-items:center;background-color:var(--color9);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin-left:10px;max-height:10px;max-width:10px;padding:10px}@media (max-width:580px){.profile-actions{display:flex;flex-direction:column}.profile-actions-button{margin:.5em auto}.format-like-white-button{width:200px}}@media (min-width:581px) and (max-width:1024px){.profile-actions{margin:2em 0}}@media (min-width:581px){.profile-actions-button{width:300px}}.admin-users{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:start;max-width:100vw;padding-top:1em;width:100%}.muted-users-title h2{align-items:center;display:flex;flex-direction:row;justify-content:center}.admin-users h2{width:90%}.users-container{box-sizing:border-box;height:100%;margin:auto;max-width:550px;width:100%}.user-row{flex-direction:column}.user-row,.user-row-social{border-bottom:1px solid #ccc;box-sizing:border-box;display:flex;padding:10px;width:100%}.user-row-social{flex-direction:row}.user-row-social-small-img{border-radius:50%;height:100px;max-height:4em;max-width:4em;object-fit:cover;width:100px}.user-row-social img:hover{cursor:pointer}.user-info{align-items:center;display:flex;justify-content:flex-start;position:relative;width:100%}.user-info svg:hover{cursor:pointer}.user-info-buttons{align-items:center;display:flex;flex-direction:row}.user-info-buttons button{background-color:initial;border:1px solid #000;border-radius:5px;color:#000;cursor:pointer;font-size:16px;font-weight:700;margin:0 5px;min-height:50px;padding:5px 10px;transition:background-color .3s ease,transform .2s ease}.user-info-buttons button:active{background-color:#4169e1;transform:scale(1)}.user-info-buttons button:focus{box-shadow:0 0 5px #0000ffb3;outline:none}.user-info-buttons button:hover{background-color:#a9a9a9;border:none;color:#000;transform:scale(1.05)}.user-info p{color:var(--color0);font-size:1.1em;margin:0 0 0 20px;overflow:hidden;padding-right:1em}.user-info button{background-color:#007bff;border:none;color:#fff;cursor:pointer;font-size:1em;margin-left:auto;padding:5px 10px}.users-all-picture-large{border:1px solid var(--color0);border-radius:50%;height:75vw;max-height:300px;max-width:300px;object-fit:cover;object-position:center;width:75vw}.large-picture{align-items:center;background-color:#000000b3;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:1000}.large-picture img{max-height:400px;max-width:400px}button:hover{background-color:#0056b3}.user-details{display:flex;flex-direction:column;gap:8px;margin-top:10px;text-align:left}.user-details p{color:var(--color0);font-size:1em;margin:0;text-align:start}.user-details ul{list-style-type:none;padding:0}.user-details li{align-items:center;display:flex;font-size:1em;gap:5px}.user-details .checkbox{accent-color:#007bff;display:inline-block;height:16px;width:16px}.error-header{font-size:1.2rem;font-weight:700;margin-bottom:1em}.error-suggestion{color:#555;font-size:1rem;margin-bottom:.5em}.error-message{color:red;font-weight:700}.admin-profile-image-container{align-items:center;border-radius:50%;display:flex;justify-content:center;overflow:hidden;padding:3%;position:relative}.admin-profile-image{border-radius:50%;height:100px;margin:0 auto;object-fit:cover;transition:transform .3s ease;width:100px}.filter-admin-users{background-color:pink}.delete-user{display:flex;justify-content:center}.disabled-role input[type=checkbox]:disabled{cursor:not-allowed}.table-container{overflow-x:auto}.admin-users-table{border-collapse:collapse;width:100%}.admin-users-table td,.admin-users-table th{border:1px solid #ddd;padding:8px;text-align:center}.admin-users-table th{background-color:#f4f4f4;position:sticky;top:0;z-index:1}@media (max-width:580px){.user-info{margin-bottom:.5em}.user-row-social{flex-direction:column}.large-picture{height:90vh}}@media (min-width:581px) and (max-width:1024px){.large-picture-squeezed{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:25%;position:fixed;top:0;width:75%;z-index:9999}}.filter-wrapper{display:flex;margin-bottom:.5em;margin-top:.5em;position:relative}.input-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:500px;position:relative;width:100%}.filter-container-input-username{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px 40px 10px 10px;width:100%}.search-icon{color:#888;font-size:16px;pointer-events:all;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.search-icon:hover{cursor:pointer}.filter-toggle{align-items:center;background-color:#0056b3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:center;max-height:2em;padding:8px 12px}.filter-toggle:hover{background-color:#004085}.filter-container{display:flex;flex-wrap:wrap;gap:2px;padding-left:5px;width:100%}.filter-container>*{flex-grow:1;min-width:0}.filter-container input,.filter-container select{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;height:40px;padding:10px}.filter-container input:focus,.filter-container select:focus{border-color:#0056b3;outline:none}.filter-container input::placeholder{color:#888}.filter-container-select{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:grey;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:space-between;min-width:150px;padding:10px}.custom-dropdown{overflow:visible;position:relative}.custom-dropdown-menu{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;left:0;min-width:100px;overflow:visible;position:absolute;right:0;top:100%;width:100%;z-index:10}.custom-dropdown-option{box-sizing:border-box;color:grey;cursor:pointer;font-size:16px;padding:10px}.custom-dropdown-option:hover{background-color:var(--color9);color:var(--color1)}.custom-dropdown-option:focus{background-color:#e0e0e0;outline:none}.filter-container-input-userid{max-width:10%!important;min-width:100px}@media (max-width:580px){.filter-container input,.filter-container select{max-width:100%}.filter-container-input-userid{max-width:100%!important}}.admin-users{overflow-x:auto;padding-top:20px;position:relative}.admin-users h2{left:50%;text-align:center;top:1em;width:100%;z-index:1}.admin-users table{border-collapse:collapse;min-width:600px;padding:1em;text-align:center;width:100%}.admin-users td,.admin-users th{border-bottom:1px solid #000;padding:.5em}@media (max-width:580px){.admin-users{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-users table{min-width:600px;width:auto}.admin-users td,.admin-users th{padding:.5em}}.subscription-container{margin:auto;max-width:800px;padding:20px;width:100%}.subscription-cards{display:flex;gap:20px;justify-content:space-between}.subscription-card{border:1px solid #ddd;border-radius:8px;padding:20px;width:48%}.subscription-card .subscribe-button{display:block;margin-left:auto;margin-right:auto;margin-top:20px}.subscription-card.not-subscribed{background-color:#f9f9f9}.subscription-card.subscribed{background-color:#e0ffe0}button.subscribe-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.subscribe-button:hover{background-color:#006400;transform:scale(1.05)}button.subscribe-button:disabled{background-color:#ccc;cursor:not-allowed}.credit-card-form{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-top:20px;padding:20px;position:relative}.credit-card-form .subscribe-button{display:block;margin-left:auto;margin-right:auto;margin-top:20px}.close-button{background:none;border:none;color:var(--color0);cursor:pointer;font-size:24px;padding:5px;position:absolute;right:10px;top:10px;transition:color .3s,transform .2s ease-in-out}.close-button-container{display:flex;flex-direction:row;width:100%}.close-button-2{background:none;border:none;color:var(--color0);cursor:pointer;font-size:24px;margin-left:auto;transition:color .3s,transform .2s ease-in-out}.close-button:hover{color:var(--color1);transform:scale(1.1)}.credit-card-form label{display:block;margin-bottom:10px}.credit-card-form input{border:1px solid #ccc;border-radius:4px;font-size:16px;margin-top:5px;padding:10px;width:100%}.error-message,.success-message{color:#e74c3c;margin-top:10px}.success-message{color:#2ecc71}@media (max-width:580px){.subscription-cards{align-items:center;flex-direction:column}.subscription-card{margin-bottom:20px;max-width:500px;width:100%}}.not-found{color:#333;display:flex;flex-direction:column;font-size:1.5rem;padding:50px;text-align:center}.not-found h1{font-size:3rem;margin-bottom:20px}.not-found p{font-size:1.2rem}.chat-container{align-items:center;background-color:#add8e6;border-radius:5px;display:flex;flex-direction:column;max-width:1000px;min-height:100%;padding:5px;text-align:center}.chat-container,.chats-filter input{margin:auto;max-width:500px;width:100%}.container-toggle-hide-chat-muted-users{justify-content:end;margin:auto;max-width:500px;padding-top:5px;width:100%}.container-toggle-hide-chat-muted-users,.details-toggle-hide-chat-muted-users{align-items:center;display:flex;flex-direction:row}.toggle-hide-chat-muted-users-text{margin-right:1em}.toggle-checkbox{display:none}.chat-close-button{background:none;border:none;color:var(--color0);cursor:pointer;font-size:24px;margin-left:90%;padding:5px;text-align:right}.chat-close-button:hover{background-color:initial}.chat-user-info{align-items:center;display:flex;justify-content:flex-start;position:relative;width:100%}.chat-user-info svg:hover{cursor:pointer}.chat-user-info p{color:var(--color0);font-size:1.1em;margin:0 0 0 5px;overflow:hidden;padding-right:1em}.chat-one-user-info{align-items:stretch;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%}.user-row-chat-small-img,.user-with-messages-row-chat-small-img{border-radius:50%;cursor:pointer;height:100px;max-height:4em;max-width:4em;object-fit:cover;transition:transform .3s ease;width:100px}.user-row-chat-small-img{margin:auto}.user-with-messages-row-chat-small-img{margin-right:1em}.messages-container{width:100%}.message-right{margin-bottom:1em;margin-left:3em}.message-left{margin-bottom:.5em;margin-right:3em}.message-footer{color:#000;font-size:smaller;font-style:italic;margin-top:1px;text-align:end}.message-content-right{background-color:var(--color9)}.message-content-left,.message-content-right{border-radius:5px;display:flex;flex-direction:row;font-weight:400;padding:.5em}.message-content-left{background-color:var(--color7)}.message-content-left p{margin-right:.5em}.message-content-left p,.message-content-right p{color:var(--color1);font-size:16px;text-align:start;text-align:justify}.message-content-left.confirm,.message-content-right.confirm{background-color:initial}.delete-chat-messsage{color:var(--color1);cursor:pointer;margin:0 0 auto auto}.confirm-delete-chat{align-items:center;display:flex;gap:20px;width:100%}.deleted-message{color:grey!important;display:flex;flex-direction:row;font-style:italic}.refresh-messages{color:var(--color9);cursor:pointer;font-size:20px;margin-bottom:0;margin-right:90%;transition:all .3s ease}.refresh-messages:hover{scale:1.2}.users-messaging-send{align-items:center;box-sizing:border-box;display:flex;max-width:100%;padding:10px;width:100%}.users-messaging-send input{flex-grow:1;height:100%;margin-right:10px;padding:0 10px}.users-messaging-send button{height:100%}@media (max-width:580px){.users-messaging-send{flex-direction:column}.users-messaging-send input{height:40px;margin-bottom:.5em;margin-right:0;width:100%}.users-messaging-send button{height:50px}}.admin-posts{align-items:center;background-color:var(--color15);border-radius:5px;display:flex;flex-direction:column;margin:auto;max-width:500px;padding:10px;text-align:center;width:100%}.posts-filter-container{display:flex;flex-direction:row;gap:1em;width:100%}.posts-filter{border-radius:4px;margin:0;padding-left:0;top:0}.admin-posts h2{color:var(--color);margin-bottom:1em}.admin-posts input{border:1px solid #ccc;border-radius:4px;margin:10px 0;max-width:500px;padding:8px 12px;width:100%}.write-post-container input{margin:0}.posts-container{display:flex;flex-direction:column;gap:1em;margin-top:10px;width:100%}.write-post-container{margin-bottom:1em;width:100%}.which-posts-container,.write-post-container{display:flex;flex-direction:row;gap:1em}.post-row{background-color:var(--color14);border-radius:5px;box-shadow:0 2px 4px #0000001a;color:var(--color1)!important;display:flex;flex-direction:column;padding:.8em}.post-header{color:var(--color1);display:flex;font-size:16px;font-weight:700;margin-bottom:.5em}.post-header-photo{align-items:center;cursor:pointer;display:flex}.post-header-sender-and-date{margin-left:1em}.post-header-sender-and-visibility{align-items:center;display:flex;flex-direction:row}.post-header-sender-and-visibility svg{margin:.5em 0 .5em .5em}.post-header-date{font-size:12px!important}.post-info p{color:var(--color1);font-size:16px;margin:.5em 0;text-align:start;text-align:justify}.post-info-modal p{padding:0 10px}.post-actions{display:flex;flex-direction:column;justify-content:flex-end}.post-actions button{background:none;border:none;color:var(--color1);cursor:pointer;font-size:1.2em;text-align:end;transition:transform .2s ease}.load-more-buttons{display:flex;flex-direction:row;gap:1em;margin:auto;max-width:500px}.post-interactions-text:hover{cursor:pointer}@media (max-width:580px){.admin-posts{max-width:100%;padding:10px}.admin-posts input{width:100%}.post-header{align-items:flex-start}}.post-interactions{margin-top:.5em}.post-interactions-top{border-bottom:1px solid #a9a9a9;margin-top:1em}.post-interactions-bottom,.post-interactions-top{display:flex;flex-direction:row;justify-content:space-between;padding:.5em 0}.post-interactions-center{display:flex;justify-content:flex-start}.post-interactions-top-left-reaction{align-items:center;display:flex;flex-direction:row;gap:.5em}.post-interactions-top-left-reaction:hover{cursor:pointer}.post-interactions-top-right-comments{display:flex;flex-direction:row;gap:.5em}.post-interactions-top-right-comments:hover{cursor:pointer}.post-interactions-bottom-left-reaction{display:flex;flex-direction:row;gap:.5em}.post-interactions-bottom-left-reaction:hover{cursor:pointer}.post-interactions-bottom-right-comments{display:flex;flex-direction:row;gap:.5em}.post-interactions-bottom-right-comments:hover{cursor:pointer}.post-menu-dropdown{align-items:center;display:flex;flex-direction:row;gap:2em}.centered-container-button-close{display:flex;justify-content:end}.centered-container-post{background-color:var(--color14);max-width:700px;overflow:visible;padding:10px}.centered-container-post input{padding:10px;width:100%}.centered-container-reaction{background-color:var(--color14);max-width:600px;padding:10px}.row-reaction{align-items:center;box-sizing:border-box;color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5em;margin-bottom:1em;max-width:100%;text-align:left}.row-reaction>:nth-child(3){margin-right:auto}.post-comment-container{background-color:#999;border-radius:4px;color:var(--color1);display:flex;flex-direction:row;margin:5px 0;max-width:100%;padding:5px;text-align:left;width:fit-content}.post-comment-image{align-items:center;display:flex}.post-comment-image img{height:40px;object-fit:cover;width:40px}.post-comment-name-content{margin-left:5px}.post-comment-interactions{color:#fff;display:flex;flex-direction:row;font-size:xx-small}.post-comment-date{color:var(--color1);font-size:smaller;width:fit-content}.flex-row{flex-direction:row;flex-wrap:wrap;gap:.5em;width:100%}.flex-row input{flex:1 1;width:100%}.reaction-options,.reaction-options-small{display:flex;flex-direction:row;gap:2em}.reaction-options-small div:hover{cursor:pointer}@media (max-width:580px){.flex-row{flex-direction:column;gap:.5em;width:100%}}.admin-setup-container{align-items:baseline}.admin-setup-title{align-self:center;margin-bottom:1em}.admin-setup-subtitle{font-size:larger;margin:10px 0}.admin-setup-line,.admin-setup-subline,.admin-setup-subline2{align-items:center;display:flex;flex-direction:row;margin-bottom:.5em}.admin-setup-line-text{font-size:larger;margin-left:1em}.admin-roles{box-sizing:border-box;display:flex;flex-direction:column;justify-content:start;max-width:100vw;padding-top:1em;width:100%}.admin-roles h2{width:90%}.admin-roles h3{color:#333;font-size:20px;margin:20px 0;text-align:left}.table-wrapper{margin-top:.5em;overflow-x:auto;padding-right:10px}.table-wrapper thead{background-color:#f4f4f4;position:sticky;top:0;z-index:1}.admin-roles h2{left:50%;text-align:center;top:1em;width:100%;z-index:1}.admin-roles table{border-collapse:collapse;min-width:600px;padding:1em;text-align:center;width:100%}.admin-roles td,.admin-roles th{border-bottom:1px solid #000;padding:.5em}.admin-roles-line{align-items:center;border-bottom:1px solid grey;display:flex;flex-direction:row;padding:1em 0}.admin-roles-line button{margin-left:1em}.admin-roles-line input{padding:5px}li{list-style-type:none}.create-role-row{align-items:center;display:flex;flex-direction:row;margin-bottom:2em;max-width:50%}.create-role-row input{flex:1 1;padding:5px}.create-role-row button{margin-left:.5rem}.confirm-delete-role{flex-direction:row;gap:1em;text-align:justify}.confirm-delete-role,.custom-roles-title{align-items:center;display:flex}@media (max-width:580px){.admin-roles{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-roles table{min-width:600px;width:auto}.admin-roles td,.admin-roles th{padding:.5em}.confirm-delete-role{flex-direction:column;margin-left:1em}}
/*# sourceMappingURL=main.efd49498.css.map*/