@font-face{font-family:roboto;src:url(/public/font/Roboto-VariableFont_wdth,wght.ttf) format("truetype")}body{font-family:roboto,sans-serif}h1,h2,h3{text-align:center}.no-decorate{border:none;outline:none;text-decoration:none;color:inherit}.inline-form{display:inline}.nav-bar{text-align:center}.nav-bar .btn{margin:.2rem .05rem}.pointer{cursor:pointer}.crud-grid{display:grid;grid-template-columns:repeat(auto-fit,300px);justify-content:center;gap:1rem;padding:1rem}.crud-item{display:grid;grid-template-columns:max-content 1fr;column-gap:.5em;row-gap:.5em;background:#eee;padding:1rem;border:1px solid #ccc;cursor:default;border-radius:4px}.crud-item.clickable:hover{cursor:pointer;background:#ccc}.crud-item.title{text-align:right;white-space:nowrap}.crud-item.value{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.crud-form-container{display:flex;justify-content:center;align-items:center;margin:20px}.crud-form{width:300px;padding:0 2rem 2rem;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-family:sans-serif}.crud-form label{display:block;margin-top:1rem;font-weight:700}.crud-form .error{color:#d00;font-size:.875rem;margin-top:.25rem}.crud-form .caption{color:#666;font-size:.875rem;margin-top:.25rem}.crud-form input[type=text],.crud-form input[type=email],.crud-form input[type=password],.crud-form input[type=number]{margin-top:.5rem;width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.crud-form input[type=range]{width:100%;height:1.5rem;background:transparent;cursor:pointer;margin-top:.5rem}.crud-form textarea{width:100%;min-height:6rem}.crud-form output{display:block;width:100%;text-align:center}.crud-form input[type=submit]{margin-top:1.5rem;width:100%}.crud-form button{margin-top:.5rem}.crud-form select{margin-top:.5rem;width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;background-color:#fff}.crud-form .readonly{margin-top:.5rem}.crud-form .inline{width:auto}.btn{background-color:#eee;color:#000;padding:.5em 1em;border:none;border-radius:4px;display:inline-block;text-decoration:none;font:inherit;cursor:pointer}.btn:hover{background-color:#ccc}.btn:active{background-color:#aaa}