:root{--width: 800px;--tomato: hsla(random(365), 10, 50, 1);--white: white}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}table{border-collapse:collapse;border-spacing:0}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}#navbar{display:flex;justify-content:space-between;padding:2rem 2rem 2rem 1rem;background-color:#b27092;font-family:monospace}#navbar div#service-name{align-self:center;font-weight:600;color:#fff;font-size:x-large;max-height:fit-content}#search-bar{margin:2rem 0;width:100%;display:flex;justify-content:center}.create-item-bar{padding:1rem;display:flex;justify-content:center}#search-bar input::placeholder{text-align:center}#search-bar input{min-width:40vw;border:2px solid black;outline:none;transition:all .25s}#search-bar input:focus{border:2px solid pink}#controls{color:#fff;display:flex;justify-content:center;gap:1rem}.controls-inp-group{display:flex;place-items:center;gap:.5rem;margin:1rem}.controls-inp-group input[type=checkbox]{cursor:pointer;accent-color:green}#create-item{border:1px solid lightgrey;background-color:#ffe9f3;border-radius:3px;transition:all .5s}#create-item:hover{border:1px solid black}table{margin:auto;width:80%;text-align:center}thead{background-color:#7fffd4}th:not(:last-child) span{cursor:pointer}.sort-indicator:after{content:attr(data-after);padding-left:.25rem}.actions{display:flex;gap:.5rem;font-size:1.5rem;justify-content:center;color:#fff}.actions span{padding:.5rem;background-color:#b27092;border:1px solid #B27092;border-radius:10%}tr{border-bottom:1px solid grey;border-left:1px solid grey;border:1px solid grey}td{padding:1rem}.actions span{cursor:pointer;transition:.25s all}.actions span:hover{background-color:#fff;color:#b27092}.actions span:last-child{background-color:red;color:#fff;border:1px solid red}.actions span:last-child:hover{background-color:#fff;color:red}.overflow-hidden{overflow:hidden}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}#loading{width:2rem;height:2rem;border:5px solid #f3f3f3;border-top:6px solid #9c41f2;border-radius:100%;margin:auto;visibility:hidden;animation:spin 1s infinite linear}#loading.display{visibility:visible}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.display-none{display:none}.hover-underline-animation{position:relative;text-decoration:none}.hover-underline-animation:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#ff0;transform-origin:bottom right;transition:transform .25s ease-out}.hover-underline-animation:hover:after{transform:scaleX(1);transform-origin:bottom left}#btn-load-more{background-color:#05bfdb;border:1px solid grey;transition:all .5s;color:#fff}#btn-load-more:hover{transform:scale(1.05)}.btn-div{display:flex;justify-content:center;padding:3rem}