cozy-search/dist/stylesheet.css

UI components about search bar and IA assistant

/*  imported from styles.styl  */

.styles__assistant-container___2WDzp {
  z-index: 1;
}
.styles__assistant-container___2WDzp .styles__knowledge-panel--light___1dZvc {
  background-color: var(--primaryBackgroundLight);
}
.styles__assistant-container___2WDzp .styles__knowledge-panel--dark___3IGQc {
  background-color: var(--greyA400);
}
.styles__trigger-button___yyIz8 {
  border-radius: 20px;
  padding: 4px 12px;
  border: 1px solid var(--borderMainColor);
  background-color: var(--paperBackgroundColor);
  text-transform: none;
  min-width: 0;
}
.styles__assistant-icon___1VM6i {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 8px;
  object-fit: cover;
  fill: transparent !important;
}
.styles__assistant-icon--small___3D9po {
  width: 12px;
  height: 12px;
  margin-right: 0;
}
.styles__assistant-icon--composer___1i3dU {
  width: 16px;
  height: 16px;
  margin: 0;
}
.styles__menu-item___1jvWN {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.styles__menu-item___1jvWN.styles__create-item___3ZARq {
  border-top: 1px solid var(--dividerColor);
}
.styles__menu-item___1jvWN:hover .styles__menu-item-icon-button___2q_ct {
  display: inline-flex !important;
}
.styles__menu-item-actions___1ykUi {
  display: flex;
  align-items: center;
  min-width: 64px;
  justify-content: flex-end;
}
.styles__menu-item-icon-button___2q_ct {
  display: none !important;
}
.styles__chip___16BPR {
  border: 0 !important;
  background-color: transparent !important;
}
.styles__selected-item--mobile___gxVpw {
  padding: 1px;
  border-radius: 100%;
  color: var(--white);
  background-color: var(--malachite);
}
/*  imported from styles.styl  */

.styles__searchBarDesktop--result___2bQQy {
  border-radius: 28px 28px 0 0 !important;
}
.styles__suggestionsPlaceholder___y-vsv {
  position: absolute;
  opacity: 0.42;
  pointer-events: none;
}
.styles__search-bar-icon___1affF {
  opacity: 0.42;
}
.styles__search-bar--mobile___1CSb2 {
  border-radius: 24px !important;
  height: 48px;
}
/*  imported from styles.styl  */

.styles__pretty-scrollbar___1-Jwd {
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.styles__pretty-scrollbar___1-Jwd:hover {
  scrollbar-color: var(--silver) transparent;
}
/*  imported from styles.styl  */

.styles__composerContainer___3bNfY {
  position: relative;
  border: 1px solid var(--borderMainColor);
  border-radius: 20px;
  padding: 8px 8px 8px 16px;
  background-color: var(--paperBackgroundColor);
  z-index: calc(var(--zIndex-modal) + 15);
}
.styles__composerActions___2xQEH {
  margin-top: 16px;
  gap: 8px;
}
.styles__conversationBar___2J-Us {
  flex: 1;
  min-width: 0;
  max-height: 95px;
  min-height: 32px;
  background-color: transparent !important;
  border: 0 !important;
}
@media (min-width: 48.063rem) {
  .styles__conversationBar___2J-Us {
    max-height: 178px;
  }
}
.styles__conversationBar--mobile___1jdg8 {
  background-color: transparent !important;
  border-color: transparent !important;
}
@media (max-width: 48rem) {
  .styles__conversationViewport___24jYX {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.styles__conversationBar-input___2DfdZ {
  max-height: 80px;
}
@media (min-width: 48.063rem) {
  .styles__conversationBar-input___2DfdZ {
    max-height: 155px;
  }
}
.styles__chatConversation___2EmkA {
  overflow-y: scroll;
}
.styles__chatConversation___2EmkA::-webkit-scrollbar {
  display: none;
}
.styles__conversationHeaderBar___C8tlD {
  box-shadow: inset 0 -1px 0 0 var(--dividerColor);
  background-color: var(--paperBackgroundColor);
}
.styles__conversationList___2GCzV {
  box-shadow: inset -1px 0 0 0 var(--dividerColor);
}
.styles__conversationList--container___2xRAG {
  overflow-y: scroll;
}
.styles__conversationList--container___2xRAG::-webkit-scrollbar {
  display: none;
}
.styles__conversationList--hidden___20BsT {
  display: none;
}
.styles__conversationListItem--selected___2jCyB {
  background-color: var(--defaultBackgroundColor) !important;
}
.styles__menuToggler___39GfB {
  position: absolute;
  box-sizing: border-box;
}
.styles__menuToggler--disabled___15vd4 {
  border-bottom: 1px solid var(--dividerColor);
  border-right: 1px solid var(--dividerColor);
  border-bottom-right-radius: 1rem;
  background: var(--paperBackgroundColor);
}
.styles__conversationChips-container___327dE {
  gap: 0px;
}
.styles__conversationChips-startIcon___1yOVn {
  opacity: 0.6;
}
.styles__conversationChips-chipIcon___1wmF- {
  margin-left: 12px !important;
}
.styles__conversationChips-deleteIcon___s9C40 {
  height: 1rem !important;
}
.styles__conversationChips-deleteIcon___s9C40.styles__is-warning___3sa0v {
  fill: var(--warningColor);
  color: var(--warningColor);
}
.styles__conversationChips-chip___2PqQv {
  border-style: solid;
  margin-right: 0 !important;
}
.styles__cozyThread-messageContent___2HjdB {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}
.styles__conversation-list-item___rQapI {
  border-radius: 8px !important;
  align-items: stretch !important;
  gap: 0 !important;
}
.styles__conversation-list-item___rQapI:hover .styles__conversation-list-item-action___qiuKm,
.styles__conversation-list-item___rQapI:focus-within .styles__conversation-list-item-action___qiuKm {
  opacity: 1;
  pointer-events: auto;
}
.styles__conversation-list-item--selected--light___3WvIn {
  background: var(--primaryColorLightest) !important;
}
.styles__conversation-list-item--selected--dark___JDQlY {
  background: var(--grey900) !important;
}
.styles__conversation-list-item--wider___2Tl2c {
  align-items: center !important;
}
.styles__conversation-list-item-divider___2LOP1 {
  margin: 8px -16px -8px -16px !important;
}
.styles__conversation-list-item-action___qiuKm {
  position: absolute !important;
  top: 8px;
  right: 8px;
  opacity: 0;
  pointer-events: none;
}
.styles__conversation-list-item-text___31VBM {
  line-height: 16px;
  overflow: hidden;
  margin-right: 28px !important;
}
.styles__conversation-list-item-title___3je_6 {
  color: var(--primaryTextColor);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.5px;
}
.styles__conversation-list-item-meta___3Zk-r {
  gap: 4px;
}
.styles__conversation-list-item-subtitle___3e_h0 {
  color: var(--secondaryTextColor);
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
}
/*  imported from styles.styl  */

.styles__sourcesItem___204Zw {
  margin-bottom: 0.25rem !important;
  border: 1px solid var(--borderMainColor) !important;
  border-radius: 8px !important;
}
/*  imported from styles.styl  */

.styles__BasicInfoStep___2r0eM .styles__avatar-container___kJ_64 {
  border-radius: 50%;
  border: 1px solid #e5e5e5;
}
.styles__BasicInfoStep___2r0eM .styles__avatar-image___2Mkxj {
  border-radius: 50%;
}
.styles__BasicInfoStep___2r0eM .styles__file-input___2fB5n {
  display: none;
}
.styles__ModelSelectionStep___1auXB .styles__grid-container___3wOus {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.styles__ModelSelectionStep___1auXB .styles__grid-container--mobile___uCAg1 {
  grid-template-columns: 1fr;
}
.styles__ModelSelectionStep___1auXB .styles__model-card___fbAqF {
  border-radius: 16px;
  border: 1px solid #e5e5e5;
  position: relative;
  transition: border-color 0.2s ease;
  text-align: left;
  background: inherit;
}
.styles__ModelSelectionStep___1auXB .styles__model-card--selected___3hKq3 {
  border: 1px solid var(--primaryColor);
}
.styles__ModelSelectionStep___1auXB .styles__model-card--openrag--light___1vabR {
  background: linear-gradient(90deg, #eff6ff 0%, #faf5ff 100%);
}
.styles__ModelSelectionStep___1auXB .styles__model-card--openrag--dark___1x0sK {
  background: linear-gradient(90deg, #3a2899 0%, #0c091b 100%);
}
.styles__ModelSelectionStep___1auXB .styles__icon-container___1vaTp {
  width: 53px;
  height: 53px;
  border-radius: 16px;
  background-size: cover;
  background-position: center;
}
.styles__ModelSelectionStep___1auXB .styles__icon-container--google___3gtC7 {
  background-color: #f0f4fa;
}
.styles__ModelSelectionStep___1auXB .styles__icon-container--custom___1_EFK {
  background-color: #f5f5f5;
}
.styles__ModelSelectionStep___1auXB .styles__icon-container--openai___3DsoO {
  background-color: #fff;
}
.styles__ModelSelectionStep___1auXB .styles__check-icon___3uPUk {
  position: absolute;
  top: 16px;
  right: 16px;
  border-radius: 100%;
  background-color: var(--successColor);
  color: var(--white);
}
.styles__CreateAssistantDialog___1dSe_ .styles__close-button___3jc_w {
  position: absolute;
  top: 10px;
  right: 10px;
}
/*  imported from styles.styl  */

.styles__cozyThread-user-messages___3Hfj- {
  max-width: 50%;
  width: fit-content;
}
.styles__cozyThread-user-messages--light___1jBny {
  background: var(--grey100);
}
.styles__cozyThread-user-messages--dark___1Om3B {
  background: var(--grey900);
}
/*  imported from styles.styl  */

.styles__resultMenu___o76q- {
  overflow: hidden;
  max-height: 16.5rem;
  border-radius: 0 0 28px 28px;
}
.styles__resultMenu-inner___2Lf0d {
  max-height: 16.5rem;
  overflow: auto;
}
.styles__resultMenuItem___3-bLe {
  color: var(--primaryTextColor);
}
/*  imported from styles.styl  */

.styles__sidebar-container___155dK {
  width: 236px;
  min-width: 236px;
  background-color: var(--paperBackgroundColor);
  z-index: calc(var(--zIndex-modal) + 30);
}
@media (max-width: 48rem) {
  .styles__sidebar-container___155dK {
    width: calc(100vw - 48px);
    min-width: calc(100vw - 48px);
  }
}
.styles__sidebar-overlay--mobile___vvKHu {
  background-color: var(--actionColorActive);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: calc(var(--zIndex-modal) + 20);
}
.styles__menu-toggle-floating___2GTmQ {
  background-color: color-mix(in srgb, var(--paperBackgroundColor) 60%, transparent);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3), 0 2px 6px 2px rgba(0,0,0,0.15);
}
/*  imported from styles.styl  */

.styles__source-panel___1r13x {
  margin: 0;
  border-radius: 0;
  display: flex;
  flex-direction: column;
}
.styles__source-panel-header___2i_pd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px 0;
  flex-shrink: 0;
}
.styles__source-panel-description___JL2br {
  padding: 16px 20px;
  flex-shrink: 0;
  border-bottom: 1px solid var(--dividerColor);
}
.styles__source-panel-search___2_jsF {
  padding: 12px 20px;
  flex-shrink: 0;
}
.styles__source-panel-content___1YU9a {
  flex: 1;
  overflow-y: auto;
  padding: 0 8px;
}
.styles__source-panel-content___1YU9a::-webkit-scrollbar {
  width: 6px;
}
.styles__source-panel-content___1YU9a::-webkit-scrollbar-thumb {
  background-color: var(--dividerColor);
  border-radius: 3px;
}
.styles__source-panel-footer___i_u77 {
  padding: 16px 20px;
  border-top: 1px solid var(--dividerColor);
  flex-shrink: 0;
}
.styles__section-header___3qiTb {
  display: flex;
  align-items: center;
  padding-right: 8px !important;
  gap: 0 !important;
}
.styles__nested-item___1Guh8 {
  padding-left: 5rem !important;
  gap: 0 !important;
}
.styles__drive-tree-item___30uL0 {
  gap: 0 !important;
}
.styles__clear-all-button___2lTyP {
  margin-left: auto !important;
  color: var(--secondaryTextColor) !important;
  font-size: 12px !important;
  text-transform: none !important;
  min-width: auto !important;
  padding: 0 !important;
  height: unset !important;
}
.styles__clear-all-button___2lTyP:hover {
  background-color: transparent !important;
  text-decoration: underline !important;
}
.styles__date-label___3gPZY {
  margin-left: auto;
  padding-left: 1rem;
  white-space: nowrap;
}
.styles__mail-preview___Vm-RW {
  max-width: 305px !important;
}
.styles__chat-header-actions___2nLD5 {
  display: flex;
  justify-content: flex-end;
  padding: 0 16px;
}
.styles__header-clear-all___3dOMJ {
  text-transform: none !important;
  color: var(--secondaryTextColor) !important;
}
.styles__knowledge-chips-icon___2AIB6 {
  height: 16px;
  width: 16px;
  margin: 0 !important;
}
/*  imported from styles.styl  */

.styles__assistantWrapper-mobile___1Zx2Y {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 1rem;
}
.styles__assistantWrapper-mobile--light___1tVm3 {
  background-color: #e9f4ff;
}
.styles__assistantWrapper-mobile--dark___3Z8Ya {
  background-color: #142536;
}
.styles__assistantWrapper-mobile--offset___1Sa2x {
  padding-right: 4.5rem;
}
.styles__assistantWrapper-mobile--immersive___2DU6b {
  padding-bottom: calc(1rem + var(--flagship-bottom-height));
}
.styles__assistantWrapper___3SLG6 {
  height: calc(100dvh - 3rem - 1px);
}