.button-grid{display:grid;grid-template-columns:repeat(auto-fit,20%);gap:10px;padding-top:10px;padding-bottom:10px;justify-content:center;align-content:center}.button-grid>div{display:flex;margin:auto;padding:5px;text-align:center;aspect-ratio:1/1;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button-grid>div:hover{filter:brightness(50%)}.button-inner-wrapper{display:grid;aspect-ratio:1/1;table-layout:auto;text-align:center;align-content:center}.button-inner-wrapper>img{width:7.8125vw;aspect-ratio:1/1}.button-inner-wrapper>*{font-size:16px;font-size:1.5vw}.img-center{display:block;margin-left:auto;margin-right:auto}.table-component{display:table;width:100%}.table-component>thead>*{text-align:left;background-color:#282828;height:50px;font-size:1.5em}.table-component>tbody>*{text-align:left;background-color:#374151}.table-component>tbody>tr:nth-child(2n){background-color:#4a4a55}.table-component>tbody>*:hover{filter:brightness(50%)}.table-button{width:auto;min-width:75px;height:40px;margin-bottom:5px;margin-right:2px;padding-left:5px;padding-right:5px}.table-button>*{margin:0;position:absolute;top:50%;transform:translateY(40%) translate(-10%)}.search-bar{color:initial;margin-bottom:5px}.search-bar>*>select{width:10%;padding-right:0}.search-bar>*>input{width:90%;padding-left:20px}.search-error{height:50px;width:100%;text-align:center;color:#d00}.search-error:hover{filter:initial!important}.ban-label{border-radius:.3rem;text-align:center;border-color:#000;border-width:2px}.button{border-radius:.3rem;text-align:center;border-color:#000;border-width:2px;padding:5px;color:#fff}.button-h1{border-radius:.3rem;text-align:center;border-color:#000;border-width:2px;padding:5px;color:#fff;font-size:2em;font-weight:700}.green-bg{background-color:#0a0}.table-nav-container{display:grid;grid-template-columns:.5fr 90px .5fr;justify-items:center;width:15%}.table-nav-button{display:grid;width:90px;height:45px;margin-left:5px;margin-right:5px;margin-top:15px;background-color:#3b82f680;text-align:center;border-radius:.3rem;align-items:center}.table-nav-button>span{display:inline-block;vertical-align:middle;line-height:normal}.table-nav-button-left{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;transform:rotate(90deg);width:45px}.table-nav-button-right{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;transform:rotate(-90deg);width:45px}.profile-container{display:grid;grid-template-columns:2fr 75%;border-radius:15px;margin-bottom:5px}.profile-container>div>img{display:block;margin-left:auto;margin-right:auto;width:50%}.attachment-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(20%,25%));border-radius:15px;padding:10px}.attachment-gallery>*{margin-right:5px}.label-grid{display:grid;grid-template-columns:repeat(auto-fill,25%)}.label-grid-compact{display:grid;grid-template-columns:33% 1fr 1fr}.button-bar{border-radius:15px;margin-bottom:5px;height:46px;padding-left:15px;padding-top:3px}.attachment-error{width:100%;height:75px;text-align:center;color:#d00}.popup-error{display:flex;width:100em;height:100em;position:absolute;z-index:100;background-color:#28282880;align-items:center;justify-content:center}.popup-error>div{display:flex;width:50em;padding:20px;border-radius:50px;background-color:#000050;align-items:center;justify-content:center;flex-direction:column}.popup-error>div>*{position:center;margin:10px;color:#f0f0f0}.popup-error>div>h3{font-weight:700;font-size:36px}.popup-error>div>button{padding:5px;border-radius:5px;background-color:#500000;width:10%}.form-box{padding:15px;border-radius:15px;background-color:#1f2937}.form-box>input,.form-box>textarea,.form-box>select{color:#4a4a55;border-radius:10px}.form-box>fieldset>input,.form-box>fieldset>textarea,.form-box>fieldset>select{color:#4a4a55;border-radius:10px}.selection-box{padding:10px;align-items:center;justify-content:center}.selection-box>input{align-self:left;justify-self:start}fieldset{border-width:2px;border-radius:8px;padding:10px}