*,*:before,*:after{box-sizing:border-box}html{height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body,#root{height:100%;width:100%;line-height:1.5;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.app{width:100%;height:100%}.container{margin:0 auto;height:100%;word-wrap:break-word}.container h1{margin:0}img{max-width:100%}.button{text-decoration:none}.error-message{color:var(--red700);display:flex;gap:var(--space-small);font-size:var(--space-small);align-items:center}.logo-container{display:flex;justify-content:center;align-items:center;gap:var(--space-small);font-size:var(--space-xxlarge)}.app-panel h1{margin:.5em 0}.panel-toggler{display:flex;gap:12px;margin-top:24px;margin-bottom:16px}.panel-toggler a{font-size:14px}.panel-container{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap;max-height:380px;overflow:auto;padding-bottom:40px;padding-top:8px}.toolbar{display:flex;gap:16px;position:absolute;bottom:0;width:100%;z-index:10;padding-top:16px;background-color:var(--white)}.panel-selector{display:flex;flex-direction:column;gap:4px;position:relative;width:220px;height:156px;background-color:transparent;border:none;cursor:pointer;padding:8px;border-radius:4px}.panel-selector.selected{box-shadow:inset 0 0 0 1px var(--blue700)}.panel-selector .checkbox{position:absolute;top:16px;left:16px;pointer-events:none}.panel-selector h4{text-align:left;font-size:var(--font-size-medium);line-height:20px;height:40px;display:inline-block;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;margin:0}.toolbar>button{width:auto;margin:0!important}.toolbar .button-primary{width:160px}.image-placeholder{flex-direction:column;position:relative;width:100%;height:96px;overflow:hidden;border-radius:2px}.image-placeholder>*{position:absolute;top:0;left:0;height:96px;width:100%}.image-placeholder .placeholder,.image-placeholder .error{background-color:var(--indigo50);display:flex;justify-content:center;align-items:center;color:var(--indigo500);stroke:var(--indigo300);font-size:1.5em}.app-loading{display:flex;justify-content:center;align-items:center;height:100%;width:100%;color:var(--indigo500);stroke:var(--indigo300);font-size:1.5em}.image-placeholder .placeholder>*,.app-loading>*{animation:rotating 2s linear infinite}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-placeholder img{transition:opacity 2s;object-fit:contain}.image-placeholder img.loading{opacity:0}.image-placeholder img.loaded{opacity:1;background-color:#181b1f}