*,* :after,* :before{box-sizing:border-box;margin:0}body{background:#708090;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100vh}h1{font-size:4rem}button{border:1px solid #888;padding:.2rem}.main-wrapper{display:flex;justify-content:center;width:100%}.main-container{align-items:center;background:#f5f5f5;display:flex;flex-direction:column;margin-bottom:3rem;padding:1rem;width:clamp(15rem,80vw,30rem)}dialog{margin:auto;padding:2rem;width:clamp(10rem,70vw,25rem)}.delete-confirmation{align-items:center;display:flex;flex-direction:column;gap:2rem}.delete-confirmation p{text-align:center;width:80%}.confirmation-buttons{display:flex;gap:2rem;justify-content:center;width:80%}.confirmation-buttons button{flex-basis:50%;flex-grow:1}.header{align-items:center;display:flex;height:10rem;justify-content:center}.results-wrapper{gap:1.5rem;margin-top:.5rem;position:relative;width:100%}.results-wrapper,.search-wrapper{display:flex;flex-direction:column}.search-wrapper{justify-content:center;width:70%}.search-form,.search-input{align-items:center;display:flex;flex-direction:column;gap:.5rem}.search-input{width:100%}@media screen and (min-width:360px){.search-input{flex-direction:row}}.search-input button{min-width:4rem}.search-field{flex:1 1}table,tbody{display:flex;flex-direction:column;width:100%}tbody{border:1px solid #000;padding:0 .5rem}tbody :last-child{border:0}tbody :last-child :last-child{word-break:break-all}tr{border-bottom:1px solid #000;display:flex;padding:.5rem}tr:first-of-type{justify-content:space-between;padding-right:0}tr :first-child{flex-basis:7rem;flex-shrink:0}.table-buttons{display:flex;flex-basis:50%;flex-wrap:wrap;gap:.5rem}@media screen and (min-width:360px){.table-buttons{flex-wrap:nowrap}}.table-buttons>button{border:1px solid #888;flex-basis:50%;flex-grow:1}.modal-bg{background-color:#333;height:100%;left:0;opacity:10%;position:fixed;top:0;width:100%}.modal{align-items:center;background:#fff;box-shadow:0 0 10px 5px #555;gap:1rem;padding:2rem 2rem 1rem;position:fixed;width:clamp(15rem,80vw,30rem)}.edit-form,.modal{display:flex;flex-direction:column}.edit-form{gap:.5rem;min-width:7rem}.field-wrapper{display:flex;flex-direction:column}.field-wrapper :first-child{margin-bottom:.3rem}.edit-form-buttons{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:1rem}@media screen and (min-width:300px){.edit-form-buttons{display:flex;flex-direction:row;gap:2rem;justify-content:center;margin-top:1rem}}.edit-form-buttons button{flex-shrink:1;width:7rem}.top-btn-cont{display:flex;justify-content:space-between;margin-top:2rem;width:100%}.top-btn-cont button{width:7rem}.field-error{color:red;font-size:.75rem;height:1rem}.confirmation-text{color:green;height:1.5rem}
/*# sourceMappingURL=main.997026c9.css.map*/