.chat-wrapper{height:100%;padding:30px;box-sizing:border-box}body,html{width:100%;height:100%}
.chips{cursor:pointer;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;display:flex}.chips input{display:none}.chips input[type=checkbox][disabled]+.label{opacity:.3}.chips input:checked+.label{background-color:#fff}.chips input:checked+.label i{display:inline-block}.chips i{color:#1c1b1f;margin-right:5px;display:none}.chips .label{line-height:17px;display:flex;align-items:center;border:1px solid #bdbdbd;background-color:#eee;border-radius:3px;padding:4px 8px}
glyph-button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:auto;height:2em;gap:.5em;cursor:pointer}glyph-button svg{height:100%}glyph-button label{cursor:pointer}glyph-button.disabled{color:#dadada;cursor:default}glyph-button.disabled :hover{color:#dadada !important}glyph-button.disabled label{cursor:default}
.iconTextButton{color:#06c;border:1px solid #bdbdbd;border-radius:3px;line-height:1.2em;padding:7px 9px;display:flex;cursor:pointer;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.iconTextButton:hover{background-color:#e6f2ff}.iconTextButton:active{border-color:#06c}.iconTextButton[type=button][disabled]{opacity:.3}.iconTextButton i{align-self:center;margin-right:3px;min-width:20px}.iconTextButton span{align-self:center;flex-grow:1}
.render-if {
	height: 40px;
	width: 100%;
}

.resco-controls-default-control{width:20em;height:2.5em;font-size:1em;border-radius:5px;border:1px solid #959da7;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}search-bar{display:block;position:relative;font-size:1em}search-bar *{box-sizing:border-box;height:100%}search-bar .container{white-space:nowrap;width:100%;display:flex}search-bar .main{width:100%;display:inline-block;position:relative}search-bar input{font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:.6em 1em;border:1px solid #959da7;border-radius:5px;box-shadow:0 8px 6px -10px #b3c6ff;background-color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;width:100%;padding:.6em 1em;padding-left:2.4em;padding-right:2.4em;border-radius:5px;border:1px solid #959da7;box-shadow:0 8px 6px -10px #b3c6ff}search-bar input::placeholder{color:var(--searchbar-placeholder-color, #959da7)}search-bar .magnifier{position:absolute;top:0;left:.8em;width:1em;fill:#959da7}search-bar .clear{position:absolute;top:0;right:.8em;width:1.2em;cursor:pointer;fill:#4c9e99}search-bar button{display:inline-block;background-color:#fff;padding:.6em 1em;border:1px solid #959da7;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;font-size:1em;font-family:Arial,Helvetica,sans-serif;cursor:pointer;margin-left:6px}search-bar button.basic{border:none;color:#4c9e99;background-color:rgba(0,0,0,0);font-weight:500}search-bar button.flat{border:none;color:#fff;background-color:#4c9e99;font-weight:500}
simple-popup-menu{display:flex;align-items:center;cursor:pointer;user-select:none}simple-popup-menu ul{position:absolute;z-index:10000;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:4px;padding:0;margin:0;list-style:none;max-height:200px;overflow-y:auto;overflow-x:hidden;white-space:nowrap;font-size:14px;color:#333;border:1px solid #ccc}simple-popup-menu ul li{padding:8px 16px;cursor:pointer;transition:background-color .2s}simple-popup-menu ul li:hover{background-color:#f5f5f5}simple-popup-menu ul.left{right:0}simple-popup-menu ul.top{bottom:0}simple-popup-menu ul.right{left:0}simple-popup-menu ul.bottom{top:0}
.toggle{--width: 40px;--height: 20px;position:relative;display:inline-block;width:var(--width);height:var(--height);margin:6px 0px 0px 2px;box-shadow:0px 1px 3px rgba(0,0,0,.3);border-radius:var(--height);cursor:pointer}.toggle input{display:none}.toggle .slider{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--height);background-color:#ccc;transition:all .4s ease-in-out}.toggle .slider::before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:calc(var(--height)/2);background-color:#fff;box-shadow:0px 1px 3px rgba(0,0,0,.3);transition:all .4s ease-in-out}.toggle input:checked+.slider{background-color:#0073e5}.toggle input:checked+.slider::before{transform:translateX(calc(var(--width) - var(--height)))}.toggle input[type=checkbox][disabled]+.slider{opacity:.3}
chat-control{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;align-self:stretch;font-size:14px}chat-control *{margin:revert;padding:revert}chat-control .chat-contents{overflow:auto;display:flex;height:100%;width:100%;flex-direction:column;flex-grow:1}chat-control .chat-contents *{max-width:100%;overflow-wrap:break-word}chat-control .chat-contents pre{white-space:pre-wrap;word-wrap:break-word}chat-control header{display:flex;padding:12px 0px;align-items:flex-start;flex-direction:column;margin-top:auto}chat-control h2,chat-control h3{color:#000;font-size:14px;font-style:normal;line-height:16px}chat-control h2{font-weight:700;margin:0}chat-control h3{font-weight:400}chat-control .user,chat-control .assistant{color:#333;padding:10px;border-radius:5px;margin-bottom:10px;width:fit-content;user-select:text}chat-control .user{background-color:#f5f5f5;align-self:flex-start}chat-control .assistant{background-color:#e1f5fe;align-self:flex-end}chat-control .chat-input-panel{display:flex;align-items:center;background-color:#fff;padding:10px;border-top:1px solid #ccc;transition:background-color .3s ease;width:100%}chat-control .waiting{background-color:#f9f9f9;border-top:2px solid #ccc;animation:pulse 1s infinite alternate}@keyframes pulse{0%,100%{border-color:#ccc}100%{border-color:#f9f9f9}}chat-control .chat-input-area{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch}chat-control .chat-input-area autosize-textarea{display:flex;padding:12px;align-items:flex-start;gap:2px;align-self:stretch;font-size:14px;line-height:16px;border-radius:4px 4px 0px 0px;border-top:none;border-left:none;border-right:none;border-bottom:2px solid var(--sys-primary, #0073e5);background:#fff}chat-control .chat-input-area autosize-textarea textarea{font-size:14px}chat-control .chat-buttons{display:flex;justify-content:flex-end;align-items:center;gap:24px;align-self:stretch}chat-control .chat-buttons glyph-button{height:24px}chat-control .chat-buttons glyph-button:not(.disabled){color:#0073e5}chat-control .chat-links{border-top:1px solid #b3e5fc;margin-top:14px;padding-top:14px;font-size:12px;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:12px}chat-control .chat-links .chat-links-links{flex-grow:1;display:flex;flex-flow:wrap;gap:6px;overflow:hidden;max-height:26px}chat-control .chat-links .chat-link{display:flex;padding:4px 8px;text-decoration:none;background-color:#fff;color:#1565c0;border-radius:4px;transition:color .3s,border-color .3s}chat-control .chat-links .chat-link img{margin-right:8px}chat-control .chat-links .chat-link:visited{color:#551a8b}chat-control .chat-links .chat-link:hover{color:#fff;background-color:#1565c0;border-color:#1565c0}chat-control .chat-links .chat-links-expanded{max-height:unset}chat-control .chat-links .chat-links-more{aspect-ratio:1}chat-control .chat-links .chat-links-more svg{color:#1565c0}chat-control .chat-links .chat-links-more:hover svg{color:#0a47a3}chat-control pre{background-color:#000;color:#f8f4f2;padding:5px;border-radius:.75rem;font-family:monospace}
autosize-textarea textarea{margin:0;padding:0;border:none;resize:none;outline:none;width:100%}
