:root{--border-radius: 10px;--background-color: #ece5ff;--primary: #86f586;--primary-hover: #5ed25e}body{font-family:Calibri,Trebuchet MS,sans-serif;margin:0}app-root{display:grid;grid-template-columns:min-content auto;height:100vh;gap:10px;background:var(--background-color)}img{max-width:100%;max-height:100%;border-radius:var(--border-radius)}div.connected-input-btn{transition:.3s;display:grid;grid-template-columns:calc(100% - 44px) 44px}div.connected-input-btn.closed{grid-template-columns:0 44px}div.connected-input-btn>input{transition:.3s border-color;border-radius:var(--border-radius) 0 0 var(--border-radius);border:3px solid var(--connected-input-btn-color);padding:0 5px}div.connected-input-btn:has(button:hover)>button{background-color:var(--connected-input-btn-color-hover)}div.connected-input-btn>button{transition:.3s background-color;cursor:pointer;background-color:var(--connected-input-btn-color);border:none;border-radius:0 var(--border-radius) var(--border-radius) 0;padding:6px}div.connected-input-btn.closed>button{border-radius:var(--border-radius)}div.connected-input-btn:has(button:hover)>input{border-color:var(--connected-input-btn-color-hover)}.search{--connected-input-btn-color: rgb(100, 100, 255);--connected-input-btn-color-hover: blue}.text-center{text-align:center}.margin-center{margin-left:auto;margin-right:auto}.horizontal-stacklayout{display:flex;flex-direction:row}h1:not(.no-default),h2:not(.no-default),h3:not(.no-default),h4:not(.no-default),h5:not(.no-default),h6:not(.no-default){text-align:center}button{border:none;padding:10px 20px;border-radius:var(--border-radius);background-color:var(--primary);color:#000}button:not([disabled]){cursor:pointer}button[disabled]{cursor:not-allowed;opacity:.7}button:not([disabled]):hover{background-color:var(--primary-hover)}.shadow{box-shadow:0 0 10px #0000002f}input{padding:10px;border-radius:var(--border-radius);border:1px solid black}.shadow-inset{box-shadow:0 0 10px #0000002f inset}.box{position:relative;padding:10px;border-radius:10px;border:1px solid gray;width:200px;overflow:hidden}.flex{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.disabled{pointer-events:none;opacity:.5}.link{color:#551a8b;cursor:pointer;text-decoration:underline}