body{margin:0;padding:0;color:#333;height:100vh}.header{background-color:#f5f5f5;padding:10px 20px;box-shadow:0 4px 5px #0000001a}.header .v-button{border:none;border-radius:5px;padding:6px 12px;font-size:14px;cursor:pointer;transition:background-color .3s ease;margin-left:3px;margin-right:3px;color:#fff}.receivers-list{overflow:hidden;overflow-y:scroll;width:100%}.receiver-block{border:1px solid #dcdbdb;background-color:#f5f5f5;border-radius:5px}.margin-left{margin-left:15px}code{padding:5px}:host{display:block;padding:2rem}h2,h3{color:#00529b}.vertical-layout{margin-top:1rem;margin-bottom:1rem}.text-field{width:100%;margin-bottom:1rem}.unordered-list{list-style-type:none;padding:0}.list-item{margin-bottom:.5rem}.anchor{color:#00529b;text-decoration:none}.anchor:hover{text-decoration:underline}.request{width:100%;padding:5px;border-radius:5px;border:1px solid #dcdbdb;color:#0056b3;background-color:#fff;margin-bottom:5px;transition:transform .33s ease-in-out;cursor:pointer}.request:hover{transform:translate(5px);background-color:#f5f5f5}.receiver{width:100%;padding:10px 5px;border-radius:5px;border:1px solid #dcdbdb;color:#0056b3;background-color:#fff;margin-bottom:5px;transition:transform .33s ease-in-out;font-weight:600;vertical-align:middle;display:inline-flex;align-items:center;text-wrap:nowrap;justify-content:flex-start;text-overflow:ellipsis;cursor:pointer;position:relative}.receiver:hover{transform:translate(5px);background-color:#f5f5f5}.post{background-color:#5bc0de;border-radius:5px;border:1px solid #f5f5f5;color:#f5f5f5;text-align:center;font-size:10px;padding:1px 5px}.get{background-color:#5cb85c;border-radius:5px;border:1px solid #f5f5f5;color:#f5f5f5;text-align:center;font-size:10px;padding:1px 5px}.put{background-color:#777;border-radius:5px;border:1px solid #f5f5f5;color:#f5f5f5;text-align:center;font-size:10px;padding:1px 5px}.delete{background-color:#d9534f;border-radius:5px;border:1px solid #f5f5f5;color:#f5f5f5;text-align:center;font-size:10px;padding:1px 5px}.patch{background-color:#f0ad4e;border-radius:5px;border:1px solid #f5f5f5;color:#f5f5f5;text-align:center;font-size:10px;padding:1px 5px}.head{background-color:#337ab7;border-radius:5px;border:1px solid #f5f5f5;color:#f5f5f5;text-align:center;font-size:10px;padding:1px 5px}.data-container{width:100%}.table{width:100%;border:none;background-color:#fff}vaadin-grid::part(details-cell){border:none}vaadin-grid::part(header-cell){display:none}.selected{background-color:#007bff;color:#fff}.selected:hover{background-color:#0273ee}.selected-copy{background-color:#fff;color:#007bff;display:inline-block;right:5px;position:absolute;height:80%;width:auto}.copy-button{color:#fff;background-color:#007bff;display:inline-flex;right:5px;position:absolute;height:80%;width:auto}pre{margin:0;padding:5px;width:100%}[hidden]{display:none!important;transform:translate(-1000%,-1000%)}.uuid{padding-bottom:5px;padding-top:5px;overflow:hidden}.request-data{border:1px solid #dcdbdb;border-radius:5px;background-color:#fff}.delete-button{background-color:#d91e1e}.clear-button{background-color:#f0ad4e}.simple-button{background-color:#007bff}.header .simple-button:hover{background-color:#0056b3}.header .delete-button:hover{background-color:#9d1616}.header .clear-button:hover{background-color:peru}vaadin-grid-cell-content{transition:all .3s}vaadin-grid-cell-content:hover{white-space:normal;text-overflow:initial;overflow-wrap:anywhere}.name-box{align-self:center}