:root{--bg-color: white;--spacing-1: 8px;--spacing-2: 16px;--spacing-3: 20px;--spacing-4: 24px;--text-s: 12px;--text-m: 16px;--text-l: 20px;--border-radius: 5px;--gray-100: #f8f9fa;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #6c757d;--gray-700: #495057;--gray-800: #343a40;--gray-900: #212529;--success-main: #c7f5c8;--success-light: #d8f8d9;--success-dark: #1c731f;--info-main: #e8c7f5;--info-light: #efd8f8;--info-dark: #5a1c73;--warning-main: #f5ecc7;--warning-light: #f8f2d8;--warning-dark: #73621c;--error-main: #f5c6cb;--error-light: #f8d7da;--error-dark: #721c24;--box-shadow-1: 0 2px 4px rgba(0, 0, 0, .1);--lumo-clickable-cursor: pointer}.flex{display:flex}.stack{display:flex;flex-direction:column}.gap-2{gap:var(--spacing-2)}.subtitle{font-size:var(--text-m);color:gray}.card{padding:var(--spacing-4);border-radius:var(--border-radius);border:1px solid var(--gray-400);box-shadow:var(--box-shadow-1)}.right-side-dialog-container{position:relative;overflow-x:hidden}.right-side-dialog{z-index:2;position:absolute;top:0;right:0;bottom:0;width:400px;transition:transform .3s ease-in-out;padding:var(--spacing-2);border-left:1px solid lightgray;background-color:var(--bg-color)}.right-side-dialog.open{transform:translate(0)}.right-side-dialog{transform:translate(100%)}.accordionBox{width:100%;box-sizing:border-box;border:1px solid lightgray;padding:var(--spacing-2);border-radius:var(--border-radius);box-shadow:var(--box-shadow-1)}.accordionContent{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(0,1,0,1);margin-top:var(--spacing-1)}.accordionContent.open{max-height:1000px;transition:max-height 1s ease-in-out}.accordionTitle{cursor:pointer;display:flex;justify-content:space-between}.alert{display:flex;width:100%;align-items:center;padding:var(--spacing-1);justify-content:center;border-radius:var(--border-radius);box-sizing:border-box;margin-top:var(--spacing-3)}.small-table::part(header-cell){background-color:var(--gray-200)}.api-table{width:100%;border-collapse:collapse;font-family:Arial,sans-serif;font-size:14px;color:#333}.api-table thead{background-color:#f9f9f9}.api-table th{border:1px solid #ddd;padding:var(--spacing-1);text-align:left;font-weight:700}.api-table td{border:1px solid #ddd;padding:8px}vaadin-dev-tools{display:none!important}pre{background-color:var(--gray-900);color:#f8f8f2;padding:var(--spacing-2);border-radius:var(--border-radius);font-family:monospace;white-space:pre-wrap}