.navbar{display:flex;background-color:#fff;position:fixed;width:100%;top:0;z-index:1;height:55px;box-shadow:0 3px 10px #00000038;justify-content:space-between;align-items:center;color:#20388b}.client_company_logo{margin-right:20px}.button{margin-left:20px;height:30px;cursor:pointer}.left-part{flex:.5;display:flex;align-items:center;margin-left:20px}.right-part{display:flex;justify-content:flex-end;align-items:center;margin-right:20px}.search-div{border-radius:6px;background:var(--l-f-blue-light-1, #f1f4f8);display:flex;padding-left:10px;align-items:center;color:#20388b}.search-div:focus-within{outline:auto}.search-input{border:none;background:none;margin-left:10px;font-size:1.2rem;width:100%}.search-input:focus{outline:none}.profile_pic{margin-left:40px;height:40px;width:40px;border-radius:50%;border-color:var(--l-f-blue-3, #071750);border-style:solid;border-width:.5px}.profile-text{color:var(--l-f-blue-3, #071750);text-align:left;font:400 16px Roboto,sans-serif;font-weight:700;width:150px;margin-left:10px}.sidebar{min-width:250px;max-width:375px;width:25%;background:var(--l-f-blue-1, #20388b);overflow-y:auto;height:calc(100vh - 55px);display:flex;flex-direction:column;padding:20px;color:#fff}.separator{background:var(--l-f-blue-2, #222c68);height:35px;padding-left:20px;margin:0 -20px;display:flex;align-items:center;color:var(--lf-gray-2, #C7CED4);font-family:Roboto;font-size:1.2rem;font-style:normal;font-weight:300;line-height:normal}.sidebar-header{display:flex;align-items:center;margin-top:10px;margin-bottom:10px}.header-back-icon{font-size:30px;margin-left:10px;margin-right:10px;cursor:pointer}.header-chat-icon{display:flex;width:35px;height:35px;padding:5px;border-radius:100px;background:var(--lf-selection, #406AFF)}.header-text{font:400 18px Roboto,sans-serif;margin-left:10px}.new-chat{background-color:transparent;color:var(--white, #ffffff);border-radius:20px;border-style:solid;border-color:var(--white, #ffffff);border-width:1px;padding:10px;display:flex;align-items:center;height:65px;cursor:pointer;margin:5px 10px}.new-chat:focus{outline:none}.new-chat:hover{box-shadow:0 4px 12px #ffffff40;background-color:#3d67ff9f}.conversation{display:flex;justify-content:space-between;align-items:center;padding:5px;border-radius:5px;box-shadow:0 2px 2px #00000040;margin:10px;transition:box-shadow .3s ease;font-style:italic;cursor:pointer;height:60px;border:.1px solid var(--white, #ffffff30)}.conversation:hover{box-shadow:0 4px 12px #ffffff40;background-color:#3d67ff5f}.conversation--left{margin-left:5px;margin-right:5px}.conversation--text{font-size:.9rem;margin-left:2px;flex-grow:1;overflow-wrap:break-word;overflow:hidden;max-height:100%}.conversation--right{display:flex;align-items:center}.conversation--right>*{margin-left:5px;margin-right:5px}.conversation--edit,.conversation--trash{color:gray}.conversation--edit:hover,.conversation--trash:hover{color:var(--lf-gray-2, white)}.watercooler-logo-container{display:flex;align-items:center;justify-content:center;margin-top:auto;margin-bottom:0}.watercooler-logo{margin-right:10px}.sidebar--apps-icon{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:100px;background:var(--lf-selection, #406AFF)}.connector{display:flex;justify-content:space-between;min-width:200px;min-height:150px;width:85%;padding:20px 25px;flex-direction:column;gap:10px;border-radius:8px;border:2px solid var(--lf-blue-1, #20388B);background:var(--White, #FFF);color:var(--lf-blue-1, #20388B);box-shadow:0 0 8px #0003;position:relative}.connector:hover{box-shadow:0 0 10px 10px #00000040;transform:translateY(-5px);transition:transform .3s ease}.disabled:hover{box-shadow:none;transform:none;transition:none}.connector-header{display:flex;align-items:center;justify-content:flex-start;font-weight:800;color:var(--lf-blue-1, #20388B)}.connector-logo-container{margin-right:20px}.connector-logo{height:42px}.connector-description{color:var(--lf-blue-1, #20388B);font-weight:500}.connector-button-container{display:flex;justify-content:flex-end;bottom:20px;right:25px}.connector-button{color:var(--lf-blue-1, #20388B);width:150px}.connector-button:hover{box-shadow:0 0 3px 3px #00000040}.button-connect{background:var(--lf-blue-1, #20388B);color:var(--White, #FFF)}.button-connected{background:var(--lf-green-1, #00BFA6);color:var(--White, #FFF)}.connector-wrapper{position:relative;display:inline-block}.spinner-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.error-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:300px;text-align:center;color:#333}.error-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:20}.error-modal h2{margin:0 0 10px}.error-modal p{margin:0 0 20px}.error-modal button{background-color:#20388b;color:#fff;border:none;padding:10px 20px}.error-modal p{white-space:pre-wrap}.domain-upper-row{display:flex;align-items:center;margin-top:20px}.domain-input-container{display:flex;align-items:center;flex-direction:row;height:20px}.domain-input{margin-left:10px;border-radius:5px;font-size:1em;min-width:300px;outline:none;border:2px solid gray;color:#00000080;background-color:#e5e5e580}.domain-input:focus{border:2px solid black;background-color:#fff;color:#20388b}.domain-submit{display:flex;align-items:center;flex-direction:row;height:30px;margin-left:10px;background-color:#e5e5e580;border:1px solid black}.domain-lower-row>span{display:inline-block;margin-top:10px;background-color:#e5e5e5;border-radius:10px;padding:5px}.google-modal{padding:20px;height:100%;font-family:Arial,sans-serif;background-color:#f9f9f9;color:#333;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:scroll}.google-header{font-size:24px;margin-bottom:20px;display:flex;align-items:center}.google-logo{height:40px;margin-right:20px}.list{line-height:1.6}.listItem{margin-bottom:10px}.google-scope{width:550px}.google-button{margin-left:10px;padding:5px 10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.buttonRight{float:right}.closeButton{margin-top:20px;padding:10px 20px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer}.bob-modal{padding:20px;width:400px;font-family:Arial,sans-serif;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;align-items:center}.bob-header{font-size:24px;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.bob-logo{height:40px;margin-right:10px}.form-group{width:100%;margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-control{width:100%;padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}.submit-button,.close-button{margin-top:20px;padding:10px 20px;font-size:16px;color:#fff;border:none;border-radius:4px;cursor:pointer}.submit-button{background-color:#007bff;margin-right:10px}.close-button{background-color:#dc3545}.confirmation-message{margin-top:20px;font-size:14px;color:green}.body-container{background-color:#fff;width:100%;margin:20px;border-radius:20px;display:flex;flex-direction:column;padding:20px;color:#333}.body-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-gap:20px;margin:20px}.Modal{position:absolute;top:10%;left:10%;right:10%;bottom:10%;padding:40px;background-color:#fffffff2;border-radius:20px;border:2px solid #20388B}.Overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080}*{box-sizing:border-box}.App{width:100vw;height:100vh;background:#edf0f4}.app-body{display:flex;height:100vh;padding-top:55px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}