/* Import custom font from Google Fonts */
@font-face {
    font-family: "SohneFont";
    src: url("https://cdn.prod.website-files.com/63e3da3df35cd62f54751985/681cf1136edc173010b34957_So%CC%88hne%20Font.woff2") format("woff2");
  font-style: normal;
  font-display: swap;
}
 
* {
  font-family: 'SohneFont', system-ui, -apple-system;
}

.plug-search-button {
  color: #5E5E5C;
  border: 1px solid #494846;
  height: 36px;
  background: white;
}

.plug-tabs {
  border-radius: 8px;
  height: 36px;
  background: #E7E6E1;
  padding: 2px;
  color: #1C1B1B;
}


.plug-tabs__tab--active .plug-tabs__text {
  font-weight: 600;
}

.plug-tabs__tab:hover .plug-tabs__text {
  font-weight: 600;
}

.plug-tabs__tab:hover {
  border-radius: 8px;
  background-color: #D8F3F1;
  outline: 1px solid #177575;
  font-weight: 600;
}

.plug-tabs__tab--active {
  border-radius: 8px;
  border-color: #C0BDAF;
  background: white;
  height: 32px;
  font-weight: 600;
  box-shadow: none;
}

.plug-card {
  border: 1px solid #96948E;
  border-radius: 8px;
  box-shadow: none;
}

.plug-recent-conversation-item,
.plug-recent-ticket-item {
  border: none;
}

.plug-button {
  border-radius: 8px;
  box-shadow: none;
}

.plug-primary-button {
  border-radius: 8px;
  background-color: #177575;
}

.plug-primary-button:hover {
  font-weight: 600;
  background-color: #115959
}

.plug-view-all-button {
  border: 1px solid #C0BDAF;
  color: #000000;
  border-radius: 8px;
}

.plug-view-all-button:hover {
  background-color: #D8F3F1;
  outline: 1px solid #177575;
  font-weight: 600;
}

.plug-tertiary-button__text {
  color: #ffffff;
}


.plug-banner-image {
  border-radius: 8px;
}

.plug-comments-rte-editor-wrapper,
.plug-comments-rte-editor-wrapper:hover {
  border-radius: 8px;
  border-color: #96948E;
}