/* lib/style/notifi-card-modal.css */
.notifi-card-modal {
  color: var(--notifi-font-color);
  font-family: inherit;
  background-color: var(--notifi-card-background);
  border-radius: 0.5rem;
  position: relative;
  height: 35rem;
}

/* lib/style/connect.css */
.notifi-connect {
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  overflow: hidden;
  height: 100%;
  width: 100%;
  background-color: var(--notifi-connect-bg);
}
.notifi-connect-main {
  flex-grow: 1;
  overflow: scroll;
  scrollbar-width: none;
  display: flex;
  justify-content: center;
  padding: 0 2rem;
  height: 0;
  padding: 0 3.125rem;
  align-items: center;
}
.notifi-connect-title {
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  padding: 2.5rem 1rem 0.5rem 1rem;
  position: relative;
}
.notifi-connect-right-cta {
  position: absolute;
  top: 2.5rem;
  right: 1rem;
  cursor: pointer;
}
.notifi-connect-description {
  color: var(--notifi-connect-description-text);
  font-size: 0.9rem;
  line-height: 133%;
  text-align: center;
  padding: 0 2rem;
  margin-bottom: 0.5rem;
}
.notifi-connect-alert-list-container {
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
}
.notifi-connect-alert-list-alert {
  font-size: 0.9rem;
  display: flex;
  align-items: center;
}
.notifi-connect-alert-icon {
  color: var(--notifi-connect-alert-icon);
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  font-weight: 700;
  stroke-width: 3;
}
.notifi-connect-hardware-wallet {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2rem;
  margin-bottom: 0.5rem;
}
.notifi-connect-hardware-wallet-label {
  color: var(--notifi-connect-hardware-wallet-label-text);
}
.notifi-connect-button {
  background-color: var(--notifi-connect-button);
  color: var(--notifi-connect-button-text);
  border-radius: 0.5rem;
  padding: 0.9rem 0rem;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
  margin: 0.5rem 2rem 0rem 2rem;
}
.notifi-connect-button-text.hidden {
  visibility: hidden;
}
.notifi-connect-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.notifi-connect-button-spinner {
}
.notifi-connect-footer-content {
  margin: 1rem 2rem 0 2rem;
  font-size: 0.75rem;
  text-align: center;
  line-height: 1.33;
}
.notifi-connect-footer-content span {
  color: var(--notifi-connect-footer-content-text);
}
.notifi-connect-footer-content a {
  color: var(--notifi-connect-footer-content-text);
}
.notifi-connect-footer {
  width: 100%;
  display: flex;
  height: 3rem;
  justify-content: center;
  align-items: center;
}

/* lib/style/ftu.css */
.notifi-ftu {
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.notifi-ftu-views {
  flex-grow: 1;
  overflow: scroll;
  scrollbar-width: none;
}
.notifi-ftu-footer {
  width: 100%;
  display: flex;
  height: 2.2rem;
  justify-content: center;
  align-items: center;
  background-color: var(--notifi-ftu-footer-bg);
}
.notifi-ftu-button-container {
  padding: 0.75rem 1.5rem 0 1.5rem;
  background-color: var(--notifi-ftu-footer-bg);
}
.notifi-ftu-target-edit {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.notifi-ftu-target-edit-invalid-email-warning {
  color: var(--notifi-ftu-target-edit-invalid-email-warning-text);
  margin: 0 2rem 0.5rem 2rem;
  height: 1rem;
  font-size: 0.9rem;
}
.notifi-ftu-target-edit-main {
  flex-grow: 1;
  overflow: scroll;
  scrollbar-width: none;
  height: 0;
}
.notifi-ftu-target-list {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.notifi-ftu-target-list-main {
  flex-grow: 1;
  overflow: scroll;
  scrollbar-width: none;
  height: 0;
}
.notifi-ftu-alert-edit {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.notifi-ftu-alert-edit-main {
  flex-grow: 1;
  overflow: scroll;
  scrollbar-width: none;
  height: 0;
}
.notifi-ftu-alert-edit-button,
.notifi-ftu-target-list-button,
.notifi-ftu-target-edit-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.9rem 0;
  width: 100%;
  font-weight: 700;
  color: var(--notifi-ftu-button-text);
  background-color: var(--notifi-ftu-button);
  border-radius: 6px;
  cursor: pointer;
  position: relative;
}
.notifi-ftu-alert-edit-button:disabled,
.notifi-ftu-target-edit-button:disabled,
.notifi-ftu-target-list-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.notifi-ftu-alert-edit-button-text.hidden,
.notifi-ftu-target-list-button-text.hidden,
.notifi-ftu-target-edit-button-text.hidden {
  visibility: hidden;
}
.notifi-ftu-alert-edit-button-spinner,
.notifi-ftu-target-edit-button-spinner,
.notifi-ftu-target-list-button-spinner {
}
.notifi-ftu-target-list-header {
  background-color: var(--notifi-ftu-header-bg) !important;
  border: none !important;
}

/* lib/style/powered-by-notifi.css */
.powered-by-notifi {
  display: flex;
  cursor: pointer;
}
.notifi-powered-by-notifi-content {
  font-size: 0.6rem;
  margin-right: 0.5rem;
  opacity: 0.7;
  color: var(--notifi-powered-by-text);
}
.powered-by-notifi-logo {
  width: 0.6rem;
  height: 0.6rem;
  margin-right: 0.27rem;
}
.powered-by-notifi-text {
  font: 1rem;
  width: 1.5rem;
  height: 0.6rem;
}

/* lib/style/target-inputs.css */
.notifi-target-input-field {
  position: relative;
}
.notifi-target-input-field-label {
  display: flex;
  margin-bottom: 0.8rem;
  color: var(--notifi-font-color);
  opacity: 0.5;
  font-size: 1rem;
  line-height: 1rem;
}
.notifi-target-input-field-input-container {
  display: flex;
  flex-direction: row;
  background-color: var(--notifi-topic-options-item-bg);
  border-radius: 0.5rem;
  padding: 1rem;
  align-items: center;
  max-height: 1rem;
  box-sizing: content-box;
  border: 1.5px solid transparent;
}
.notifi-target-input-field-input-container.focused {
  border: 1.5px solid
    var(--notifi-target-input-field-input-container-focused-border);
}
.notifi-target-input-field-input-container.warning {
  border: 1.5px solid
    var(--notifi-target-input-field-input-container-warning-text);
}
.notifi-target-input-field-input::placeholder {
  font-size: 1rem;
  font-weight: 500;
  color: var(--notifi-target-input-field-input-placeholder-text);
}
.notifi-target-input-field-icon {
  margin-right: 0.8rem;
  color: rgba(var(--notifi-color-heather), 1);
}
.notifi-target-input-field-input {
  flex-grow: 1;
  font-size: 1rem;
  line-height: 1rem;
  background: none;
  outline: none;
  border: none;
  color: var(--notifi-font-color);
  font-weight: 500;
}

/* lib/style/toggle.css */
.notifi-toggle-container {
  --notifi-toggle-size: 16px;
  --notifi-toggle-padding: 2px;
  --notifi-toggle-container: calc(
    var(--notifi-toggle-size) + 2 * var(--notifi-toggle-padding)
  );
  position: relative;
  display: inline-block;
  width: calc(var(--notifi-toggle-container) + var(--notifi-toggle-size));
  height: var(--notifi-toggle-container);
}
.notifi-toggle-input {
  opacity: 0;
  width: 0;
  height: 0;
}
.notifi-toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--notifi-toggle-inactive);
  border-radius: var(--notifi-toggle-container);
  transition: 0.2s;
}
.notifi-toggle-slider:before {
  position: absolute;
  content: '';
  height: var(--notifi-toggle-size);
  width: var(--notifi-toggle-size);
  left: var(--notifi-toggle-padding);
  bottom: var(--notifi-toggle-padding);
  background-color: var(--notifi-toggle-handle);
  border-radius: 50%;
  transition: 0.2s;
}
.notifi-toggle-input:checked + .notifi-toggle-slider {
  background-color: var(--notifi-toggle-active);
}
.notifi-toggle-input:checked + .notifi-toggle-slider:before {
  transform: translateX(calc(var(--notifi-toggle-size)));
}
.notifi-toggle-slider--disabled {
  cursor: progress;
}

/* lib/style/nav-header.css */
.notifi-nav-header {
  background-color: var(--notifi-nav-header-background);
  display: flex;
  padding: 1rem;
  border-bottom: 1px solid var(--notifi-ftu-header-border);
}
.notifi-nav-header-title.isEmpty::after {
  content: '_';
  visibility: hidden;
}
.notifi-nav-header-right-cta,
.notifi-nav-header-left-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 1rem;
  position: absolute;
  left: 1rem;
  top: 1.15rem;
}
.notifi-nav-header-right-cta {
  left: unset;
  right: 1rem;
}
.notifi-nav-header-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  font-weight: 500;
}

/* lib/style/target-list.css */
.notifi-target-list {
  margin: 0 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border-radius: 6px;
  padding: 0.8rem 0 0.8rem 0;
}
.notifi-target-list-item {
  align-items: center;
  background-color: var(--notifi-notifi-target-list-item-bg);
  border-radius: 6px;
  position: relative;
}
.notifi-target-list-item-target {
  display: flex;
  align-items: flex-start;
  margin-right: 0.5rem;
  max-width: 100%;
}
.has-remove-button {
  max-width: 80% !important;
}
.notifi-target-list-target-verify-message {
  font-size: 0.9rem;
  color: var(--notifi-target-list-target-verify-message-text);
  display: flex;
  align-items: center;
}
.notifi-target-list-target-confirmed-message {
  font-size: 0.875rem;
  color: var(--notifi-target-list-target-verify-message-text);
  text-align: center;
  text-align: center;
  display: flex;
  align-items: center;
}
.notifi-target-list-target-confirmed-message.inbox {
  text-align: left;
}
.notifi-target-list-icon {
  color: rgba(var(--notifi-color-heather), 1);
  display: flex;
  align-items: flex-start;
  margin-right: 0.5rem;
}
.notifi-target-list-item-target-id {
  font-size: 0.85rem;
  font-weight: 600;
  display: inline;
  overflow: auto;
  word-wrap: break-word;
  padding-right: 25px;
  letter-spacing: 0.42px;
  overflow: hidden;
}
.notifi-target-list-item-remove {
  position: absolute;
  top: 1.1rem;
  right: 1rem;
  cursor: pointer;
  font-size: 0.75rem;
  z-index: 2;
}
.notifi-target-list-item-remove-link {
  color: var(--notifi-target-list-remove-text) !important;
}
.notifi-target-cta {
  display: inline;
  margin-left: auto;
}
.no-action-required {
  margin-left: 0;
  display: inline-block;
  width: 0px;
  height: 16px;
  border-radius: 10rem;
  position: relative;
}
.disabled {
  cursor: not-allowed !important;
  opacity: 0.5;
}
.notifi-target-cta-button {
  background-color: var(--notifi-target-list-cat-button-bg);
  color: var(--notifi-target-list-cat-button-text);
  padding: 0.43rem 0.68rem;
  text-align: center;
  cursor: pointer;
  border-radius: 6px;
  min-width: 5rem;
  min-height: 1.1rem;
  display: flex;
  justify-content: center;
  font-size: 0.875rem;
}
.notifi-target-cta-loading-spinner {
  border-top: 2px solid rgba(var(--notifi-color-white), 1) !important;
  border-right: 2px solid rgba(var(--notifi-color-white), 1) !important;
  height: 0.75rem !important;
  width: 0.75rem !important;
}
.notifi-target-cta-link {
  color: var(--notifi-target-list-cta-link-text);
  cursor: pointer;
  display: inline-block;
  margin-left: 0.5rem;
  min-height: 1rem;
}
.notifi-target-cta-action-not-required {
  color: var(--notifi-target-cta-action-not-require-text);
  background-color: var(--notifi-target-cta-action-not-require-bg);
  border-radius: 10rem;
  stroke-width: 3;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 3px;
  left: 0.5rem;
}
.notifi-target-list-item-warning {
  position: relative;
  background: var(--notifi-target-list-item-warning-bg);
  color: var(--notifi-target-list-item-warning-text);
  border-radius: 0 0 6px 6px;
  margin-top: -6px;
  padding: calc(0.37rem + 6px) 1rem 0.37rem 1rem;
  font-size: 0.875rem;
}
.notifi-target-list-item-content {
  background-color: var(--notifi-notifi-target-list-item-bg);
  position: relative;
  padding: 0.62rem 1rem 0.62rem 1rem;
  border-radius: 6px;
  display: flex;
  z-index: 2;
  min-height: 2rem;
  align-items: center;
}
.notifi-target-list-item-input-form {
  padding: 0 1rem 0.62rem 1rem;
}

/* lib/style/topic-list.css */
.notifi-topic-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1rem 1rem;
}
.notifi-topic-stack-row,
.notifi-topic-row {
  padding: 1rem;
  background-color: var(--notifi-notifi-topic-list-row-bg);
  border-radius: 6px;
}
.notifi-topic-row-base {
  display: flex;
  justify-content: space-between;
}
.notifi-topic-row-content {
  display: flex;
  align-items: center;
  position: relative;
}
.notifi-topic-list-tooltip-container {
  position: relative;
  display: flex;
  margin-left: 0.2rem;
  margin-bottom: 0.2rem;
}
.notifi-topic-row-user-inputs-row-container {
  display: flex;
  flex-direction: column;
}
.notifi-topic-options {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.notifi-topic-options-description {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  color: rgba(var(--notifi-color-heather), 1);
}
.notifi-topic-options-items {
  border: solid 2px transparent;
  margin-bottom: 0.5rem;
  display: flex;
  flex-grow: 1;
  gap: 0.5rem;
}
.notifi-topic-options-item {
  cursor: pointer;
}
.notifi-topic-options-item.button {
  border: 2px solid transparent;
  border-radius: 6px;
  background-color: var(--notifi-topic-options-item-bg);
  color: var(--notifi-topic-options-item-text);
  height: 3rem;
  padding: 0rem 1rem;
  display: flex;
  align-items: center;
}
.notifi-topic-options-item.button.selected {
  border: solid 2px rgba(var(--notifi-color-secondary-light), 1);
  color: var(--notifi-topic-options-item-selected-text);
}
.notifi-topic-options-item.radio {
  display: flex;
  margin-right: 1rem;
}
.notifi-topic-options-item.radio::before {
  content: '';
  border-radius: 100%;
  border: 2.5px solid var(--notifi-topic-options-item-radio-before-border);
  display: inline-block;
  width: 1rem;
  height: 1rem;
  position: relative;
  top: -0.2em;
  margin: 3px 0.5rem 0 0;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.notifi-topic-options-item.radio.selected::before {
  background-color: var(--notifi-topic-option-item-radio-selected-before-bg);
  box-shadow: inset 0 0 0px 2px var(--notifi-topic-option-radio-inner-ring) !important;
  border: 2.5px solid
    var(--notifi-topic-option-item-radio-selected-before-border);
}
.notifi-topic-options-custom-input {
  border-radius: 6px;
  font-size: 1rem;
  outline: none;
  background-color: inherit;
  color: inherit;
  border: 2px solid transparent;
  padding: 0 1rem;
  width: 100%;
  text-align: center;
}
.notifi-topic-option-custom-input-container.selected {
  border: 2px solid rgba(var(--notifi-color-secondary-light), 1);
  color: var(--notifi-topic-options-item-selected-text);
}
.notifi-topic-options-custom-input::placeholder {
  color: var(--notifi-topic-options-item-text);
  font-size: 1rem;
  text-align: center;
}
.notifi-topic-option-custom-input-container {
  background-color: var(--notifi-topic-options-item-bg);
  border: 2px solid transparent;
  display: flex;
  position: relative;
  flex-grow: 1;
  min-width: 0;
  height: 3rem;
  border-radius: 6px;
  color: rgba(var(--notifi-color-heather), 1);
}
.notifi-topic-option-custom-input-prefix,
.notifi-topic-option-custom-input-suffix {
  display: none;
  color: rgba(var(--notifi-color-heather), 1);
}
.notifi-topic-option-custom-input-container.selected
  > .notifi-topic-option-custom-input-prefix {
  position: absolute;
  left: 0.1rem;
  top: 0.9rem;
  display: block;
  color: var(--notifi-topic-options-item-selected-text);
}
.notifi-topic-option-custom-input-container.selected
  > .notifi-topic-option-custom-input-suffix {
  position: absolute;
  right: 0.3rem;
  top: 0.9rem;
  display: block;
  color: var(--notifi-topic-options-item-selected-text);
}
.notifi-topic-stack-row {
  padding: 1rem;
  background-color: var(--notifi-notifi-topic-list-row-bg);
  border-radius: 6px;
}
.notifi-topic-stack-header-title {
  display: flex;
  align-items: center;
}
.notifi-topic-stack-header-title {
  display: flex;
  align-items: center;
}
.notifi-topic-stacks {
  padding: 1rem 0 0 0;
}
.notifi-topic-stack-row-cta {
  padding: 1rem 0 0.5rem 0;
  cursor: pointer;
  color: var(--notifi-topic-stack-row-cta-text);
}
.notifi-topic-stack:first-child {
  border-top: 1px var(--notifi-topic-stack-separator) solid;
}
.notifi-topic-stack {
  padding: 0.5rem 0;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px var(--notifi-topic-stack-separator) solid;
}
.notifi-topic-stack-content {
}
.notifi-topic-stack-content-title {
}
.notifi-topic-stack-content-subtitle {
  display: flex;
  font-size: 0.9rem;
  color: var(--notifi-topic-stack-content-subtitle-text);
}
.notifi-topic-stack-content-subtitle > * {
  margin-right: 1rem;
}
.notifi-topic-stack-cta {
  color: var(--notifi-topic-stack-cta-text);
  cursor: pointer;
}
.notifi-topic-stack-cta.disabled {
  cursor: wait;
}
.notifi-topic-stack-row-input {
  margin-top: 0.8rem;
}
.notifi-topic-stack-row-input-button {
  text-align: center;
  margin-top: 0.5rem;
  background-color: var(--notifi-topic-stack-row-input-button-bg);
  padding: 0.5rem 0rem;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  position: relative;
}
.notifi-topic-stack-row-input-button-text {
  margin: 0.3rem 0;
  color: var(--notifi-topic-stack-row-input-button-text);
}
.notifi-topic-stack-row-input-button-text.hidden {
  visibility: hidden;
}
.notifi-topic-stack-row-input-button.disabled {
  background-color: var(--notifi-topic-stack-row-input-button-disabled-bg);
  cursor: not-allowed;
}
.notifi-topic-stack-row-input-button-spinner {
}

/* lib/style/subscription-value-input.css */
.subscription-value-input-dropdown {
  position: relative;
  border-radius: 6px;
}
.subscription-value-input-dropdown-value {
  border-radius: 6px;
  background-color: var(--notifi-subscription-input-dropdown-value-bg);
  padding: 1rem;
  cursor: pointer;
}
.subscription-value-input-dropdown-value-content.unselected {
  color: grey;
}
.subscription-value-input-dropdown-icon {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  top: 1rem;
}
.subscription-value-input-dropdown-list {
  position: absolute;
  bottom: -0.3rem;
  transform: translateY(100%);
  left: 0;
  right: 0;
  background-color: var(--notifi-subscription-input-dropdown-list-bg);
  z-index: 1;
  border-radius: 6px;
  max-height: 11.5rem;
  overflow-y: scroll;
  scrollbar-width: none;
}
.subscription-value-input-dropdown-list > * {
  padding: 0.5rem 1rem;
  cursor: pointer;
  border-bottom: 1px solid var(--notifi-topic-stack-separator);
}
.subscription-value-input-dropdown-list > *:last-child {
  border-bottom: none;
}

/* lib/style/loading-animation.css */
.notifi-spinner-container {
  width: 24px;
  height: 24px;
}
.notifi-spinner {
  border: 4px transparent solid;
  border-top: 4px var(--notifi-spinner-color) solid;
  border-radius: 50%;
  -webkit-animation: spinner 0.6s infinite linear;
  animation: spinner 0.6s infinite linear;
  position: absolute;
}
@-webkit-keyframes spinner {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* lib/style/inbox.css */
.notifi-inbox {
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.notifi-inbox-views {
  flex-grow: 1;
  overflow: scroll;
  scrollbar-width: none;
}
.notifi-inbox-footer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.notifi-inbox-nav-tabs {
  width: 100%;
  display: flex;
  justify-content: space-around;
  cursor: pointer;
  background: var(--notifi-nav-footer-bg);
  padding: 1rem 0;
  border-top: var(--notifi-inbox-footer-border) 1px solid;
}
.notifi-inbox-nav-tabs > div {
  flex: 1;
  display: flex;
  justify-content: center;
}
.notifi-inbox-history {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.notifi-inbox-history.hidden {
  display: none;
}
.notifi-inbox-config-topic {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.notifi-inbox-config-topic-main {
  flex-grow: 1;
  overflow: scroll;
  scrollbar-width: none;
}
.notifi-inbox-config-topic-banner {
  margin: 1rem 1rem;
}
.notifi-inbox-config-topic-title {
  margin: 0 1rem;
  color: var(--notifi-inbox-config-topic-title-text);
  font-size: 0.9rem;
}
.notifi-inbox-config-target-edit {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.notifi-inbox-config-target-list {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.notifi-inbox-config-target-list-main {
  flex-grow: 1;
  overflow: scroll;
  scrollbar-width: none;
}
.notifi-inbox-config-target-edit-button-text.hidden {
  visibility: hidden;
}
.notifi-inbox-config-target-edit-button-spinner {
}
.notifi-inbox-config-target-list-item {
  align-items: start;
}
.notifi-inbox-config-target-edit-main {
  flex-grow: 1;
  overflow: scroll;
  scrollbar-width: none;
  border-bottom: var(--notifi-inbox-footer-border) 1px solid;
}
.notifi-inbox-config-target-edit-button,
.notifi-inbox-config-target-list-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.9rem 0;
  font-weight: 700;
  color: var(--notifi-ftu-button-text);
  background-color: var(--notifi-ftu-button);
  border-radius: 6px;
  margin: 1rem 2rem;
  cursor: pointer;
  position: relative;
}
.notifi-inbox-config-target-edit-button:disabled,
.notifi-inbox-config-target-list-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.notifi-inbox-history-detail-header,
.notifi-inbox-history-list-header,
.notifi-inbox-config-topic-header,
.notifi-inbox-config-target-header {
  border-bottom: var(--notifi-inbox-header-border) 1px solid !important;
}

/* lib/style/history.css */
.notifi-history-list {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.notifi-history-list.hidden {
  display: none;
}
.notifi-history-list-target-state-banner-container {
  margin: 1rem 1rem 0rem 1rem;
}
.notifi-history-list-main {
  flex-grow: 1;
  overflow-y: auto;
  padding: 0rem 1rem 1rem 1rem;
  margin-top: 1rem;
  scrollbar-width: none;
}
.notifi-history-list-main.w-banner {
  margin-top: 0.5rem;
}
.notifi-history-list-loading-more {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.9rem 0;
  font-weight: 700;
  border-radius: 6px;
  width: 100%;
  cursor: pointer;
  position: relative;
}
.notifi-history-list-loading-more-spinner {
}
.notifi-history-list-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.notifi-history-list-empty-icon {
  margin-bottom: 1rem;
  color: var(--notifi-history-list-empty-icon);
}
.notifi-history-list-empty-title {
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.notifi-history-list-empty-description {
  font-size: 0.87rem;
  font-weight: 500;
  line-height: 1.5;
  width: 95%;
  color: var(--notifi-history-list-empty-description-text);
  text-align: center;
}
.notifi-history-row {
  display: flex;
  padding: 10px 1rem 10px 0;
  background-color: var(--notifi-history-row-bg);
  position: relative;
  margin-bottom: 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  border: 1px solid transparent;
}
.notifi-history-row.read {
  border-radius: 6px;
}
.notifi-history-row:hover {
  border: 1px solid var(--notifi-history-row-hover-border);
}
.notifi-history-row-unread-indicator {
  background-color: var(--notifi-history-row-unread-indicator);
  width: 4px;
  border-radius: 50px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.notifi-history-row-unread-indicator.read {
  display: none;
}
.notifi-history-row-icon {
  display: flex;
  justify-content: center;
  width: 3rem;
  color: var(--notifi-color-heather);
}
.notifi-history-row-content {
  width: 100%;
}
.notifi-history-row-title {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.notifi-history-row-title-text {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  color: var(--notifi-history-row-title-text);
  font-weight: 700;
}
.notifi-history-row-timestamp {
  color: var(--notifi-history-row-timestamp-text);
  font-size: 0.8rem;
  font-weight: 500;
}
.notifi-history-row-subject {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--notifi-history-row-subject-text);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.notifi-history-detail {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--notifi-history-detail-bg);
}
.notifi-history-detail.hidden {
  display: none;
}
.notifi-history-detail-main {
  flex-grow: 1;
  overflow-y: auto;
  padding: 1rem;
  scrollbar-width: none;
}
.notifi-history-detail-subject {
  font-weight: 800;
  margin-bottom: 0.5rem;
  line-height: 1.5;
}
.notifi-history-detail-timestamp {
  color: var(--notifi-history-detail-timestamp-text);
  font-size: 0.8rem;
  margin-bottom: 1rem;
}
.notifi-history-detail-message {
  line-height: 1.5;
}
.notifi-history-detail-message > p > a {
  color: var(--notifi-target-input-field-input-container-focused-border);
  text-decoration: none;
}

/* lib/style/target-state-banner.css */
.notifi-target-state-banner {
  background-color: var(--notifi-target-state-banner-bg);
  border-radius: 6px;
  cursor: default;
}
.notifi-target-state-banner-verify {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0.5rem;
  cursor: pointer;
}
.notifi-target-state-banner-verify.history {
  padding: 0.7rem 0.5rem;
  background-color: var(--notifi-target-state-banner-verify-history-bg);
  border-radius: 6px;
  cursor: default;
}
.notifi-target-state-banner-verify-icon {
  color: var(--notifi-target-state-verify-icon-color);
  width: 1.3rem;
  height: 1.5rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.notifi-target-state-banner-verify-icon.history {
  color: inherit;
  stroke: var(--notifi-target-state-banner-verify-icon-color);
}
.notifi-target-state-banner-verify-content {
  flex-grow: 1;
  margin: 0 1rem;
  width: 0;
}
.notifi-target-state-banner-verify-title {
  margin-bottom: 0.2rem;
}
.notifi-target-state-banner-verify-title.history {
  font-size: 0.9rem;
}
.notifi-target-state-banner-verify-description {
  color: var(--notifi-target-state-banner-verify-description-text);
  font-size: 0.75rem;
}
.notifi-target-state-banner-verify-cta {
  width: 1.5rem;
  display: flex;
  justify-content: flex-start;
  cursor: pointer;
  color: var(--notifi-target-state-banner-verify-cta-text);
}
.notifi-target-state-banner-verify-cta.history {
  padding: 0.5rem;
  width: 4rem;
  background-color: var(--notifi-target-state-banner-verify-cta-history-bg);
  border-radius: 6px;
  color: inherit;
  justify-content: center;
  font-size: 0.9rem;
}
.notifi-target-state-banner-signup {
  display: flex;
  align-items: center;
  padding: 0.7rem 1rem;
  flex-direction: row;
  background-color: var(--notifi-target-state-banner-signup-history-bg);
  border-radius: 6px;
}
.notifi-target-state-banner-signup-content {
  display: flex;
  align-items: center;
  width: 70%;
  margin-bottom: 0.5rem;
  margin-bottom: 0;
}
.notifi-target-state-banner-signup-text {
  font-size: 0.9rem;
  line-height: 1.3;
}
.notifi-target-state-banner-signup-icon {
  color: var(--notifi-target-state-banner-signup-icon-color);
  margin-right: 0.8rem;
  color: inherit;
}
.notifi-target-state-banner-signup-cta {
  color: rgba(var(--notifi-color-white), 1);
  background-color: var(--notifi-target-state-banner-signup-cta-bg);
  padding: 0.5rem 1rem;
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.9rem;
  width: 7rem;
}

/* lib/style/error.css */
.notifi-error-global {
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.notifi-ftu-target-edit-main {
  flex-grow: 1;
  overflow: scroll;
  scrollbar-width: none;
  height: 0;
}
.notifi-error-global-error-title {
  color: var(--notifi-error-global-error-title-text);
  margin: 1rem;
  font-size: 1.1rem;
  font-weight: 600;
}
.notifi-error-global-error-main {
  flex-grow: 1;
  overflow: scroll;
  scrollbar-width: none;
  height: 0;
}
.notifi-error-global-error-detail {
  margin: 1rem;
}
.notifi-error-footer {
  width: 100%;
  display: flex;
  height: 2.2rem;
  justify-content: center;
  align-items: center;
  background-color: var(--notifi-ftu-footer-bg);
}

/* lib/style/tooltip.css */
.notifi-tooltip-container {
  display: inline-block;
  position: relative;
  height: 1rem;
  width: 1rem;
}
.notifi-tooltip-content {
  padding: 1rem;
  border-radius: 6px;
  background-color: var(--notifi-target-list-tooltip-bg);
  border: var(--tooltip-content-border) 1px solid;
  width: 10rem;
  position: absolute;
  display: none;
  text-align: left;
  z-index: 3;
  color: var(--tooltip-content-text);
}
.notifi-tooltip-content > a {
  color: var(--tooltip-content-a-text);
}
.notifi-tooltip-icon:hover ~ .notifi-tooltip-content.top-right,
.notifi-tooltip-content.top-right:hover {
  top: 1.5rem;
  right: -1rem;
  display: block;
}
.notifi-tooltip-icon:hover ~ .notifi-tooltip-content.top-left,
.notifi-tooltip-content.top-left:hover {
  top: 1.5rem;
  left: -1rem;
  display: block;
}
.notifi-tooltip-icon:hover ~ .notifi-tooltip-content.bottom-right,
.notifi-tooltip-content.bottom-right:hover {
  bottom: 1.5rem;
  right: -1rem;
  display: block;
}
.notifi-tooltip-icon:hover ~ .notifi-tooltip-content.bottom-left,
.notifi-tooltip-content.bottom-left:hover {
  bottom: 1.5rem;
  left: -1rem;
  display: block;
}
.notifi-tooltip-icon:hover {
  color: var(--tooltip-icon-color-hover);
}
.notifi-tooltip-icon {
  margin-bottom: -5px;
}

/* lib/style/smartlink.css */
.notifi-smartlink {
  color: var(--notifi-font-color);
  font-family: inherit;
  background-color: var(--notifi-smartlink-background);
  position: relative;
  border-radius: 8px;
}
.notifi-smartlink-error {
  height: 20rem;
  position: relative;
}
.notifi-smartlink-banner,
.notifi-smartlink-image {
  width: 100%;
  border-radius: 8px;
  margin-bottom: 0.75rem;
  object-fit: contain;
}
.notifi-smartlink-name {
  display: flex;
  color: var(--notifi-smartlink-name-text);
  margin: 0rem 2rem 0.75rem 2rem;
}
.notifi-smartlink-namelogo {
  border-radius: 50rem;
  width: 1.75rem;
  height: 1.75rem;
  margin-right: 0.5rem;
}
.notifi-smartlink-name-text {
  display: flex;
  align-items: center;
  letter-spacing: -0.185px;
}
.notifi-smartlink-title {
  font-size: 1.375rem;
  font-weight: 700;
  margin: 0 2rem 0.5rem 2rem;
  letter-spacing: -0.185px;
}
.notifi-smartlink-subtitle {
  font-size: 1.125rem;
  letter-spacing: -0.185px;
  color: var(--notifi-smartlink-subtitle-text);
  margin: 0 2rem 0 2rem;
}
.notifi-smartlink-component {
}
.notifi-smartlink-component .notifi-smartlink-action {
  padding: 1rem 2rem 1rem 2rem;
}
.notifi-smartlink-component .notifi-smartlink-text {
  padding: 1rem 2rem 0.5rem 2rem;
}
.notifi-smartlink-text {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: -0.185px;
}
.notifi-smartlink-action {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.notifi-smartlink-action-btn {
  padding: 0.5rem;
  background-color: var(--notifi-smartlink-action-btn-bg);
  border-radius: 4px;
  color: var(--notifi-smartlink-action-btn-text);
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notifi-smartlink-action-btn:disabled {
  background-color: var(--notifi-smartlink-action-btn-disabled-bg);
  cursor: not-allowed;
}
.notifi-smartlink-action-btn-text.notifi-smartlink-action-btn-txt-hidden {
  visibility: hidden;
}
.notifi-smartlink-action-btn-loading-spinner {
  width: 20px;
  height: 20px;
}
.notifi-smartlink-action-input-textbox {
}
.notifi-smartlink-action-input-textbox-constraint-prompt {
  font-size: 0.75rem;
  color: var(--notifi-smartlink-action-input-textbox-constraint-prompt-text);
  text-align: right;
  font-weight: 600;
}
.notifi-smartlink-action-input-textbox-container {
  display: flex;
  background-color: var(--notifi-smartlink-action-input-textbox-container-bg);
  border-radius: 6px;
  align-items: center;
  padding: 1rem;
}
.notifi-smartlink-action-input-textbox-container.invalid {
  box-shadow: 0 0 0 1px
    var(--notifi-smartlink-action-input-textbox-container-invalid-border);
}
.notifi-smartlink-action-input-textbox-input {
  flex: 1;
}
.notifi-smartlink-action-input-textbox-input::placeholder {
  color: var(--notifi-smartlink-action-input-textbox-input-placeholder-text);
}
.notifi-smartlink-action-input-textbox-prefix {
  margin-right: 0.5rem;
  color: rgb(var(--notifi-color-dusk));
}
.notifi-smartlink-action-input-textbox-suffix {
  color: rgb(var(--notifi-color-dusk));
}
.notifi-smartlink-action-input-checkbox {
}
.notifi-smartlink-action-input-checkbox-container {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  letter-spacing: -0.185px;
}
.notifi-smartlink-action-input-checkbox-input {
  flex-shrink: 0;
  flex-grow: 0;
  transform: scale(1.5);
  accent-color: rgb(var(--notifi-color-secondary-light));
}

/* lib/style/theme-dark.css */
.notifi-theme-dark {
  --notifi-font-color: rgba(var(--notifi-color-white), 1);
  --notifi-card-background: rgb(var(--notifi-color-dark));
  --notifi-connect-bg: rgb(var(--notifi-color-dark));
  --notifi-connect-button: rgba(var(--notifi-color-white), 1);
  --notifi-connect-button-text: rgb(var(--notifi-color-midnight));
  --notifi-connect-alert-icon: rgb(var(--notifi-color-seaglass));
  --notifi-ftu-header-bg: rgba(var(--notifi-color-dark), 0);
  --notifi-input-field-background: rgb(var(--notifi-color-grey2));
  --notifi-toggle-inactive: rgb(var(--notifi-color-dusk));
  --notifi-toggle-active: rgb(var(--notifi-color-seaglass-dark));
  --notifi-toggle-handle: rgba(var(--notifi-color-white), 1);
  --notifi-nav-header-background: rgba(var(--notifi-color-grey2), 0);
  --notifi-ftu-button-text: rgb(var(--notifi-color-midnight));
  --notifi-ftu-button: rgba(var(--notifi-color-white), 1);
  --notifi-target-list-cat-button-bg: rgb(var(--notifi-color-seaglass-dark));
  --notifi-target-list-cat-button-text: rgba(var(--notifi-color-white), 1);
  --notifi-target-list-cta-link-text: rgba(var(--notifi-color-white), 1);
  --notifi-notifi-target-list-item-bg: rgb(var(--notifi-color-grey2));
  --notifi-notifi-topic-list-row-bg: rgb(var(--notifi-color-grey2));
  --notifi-topic-options-item-bg: rgb(var(--notifi-color-grey1));
  --notifi-topic-options-item-text: rgba(var(--notifi-color-heather), 1);
  --notifi-topic-option-radio-bg: rgb(var(--notifi-color-grey1));
  --notifi-subscription-input-dropdown-value-bg: rgb(var(--notifi-color-grey1));
  --notifi-subscription-input-dropdown-list-bg: rgb(var(--notifi-color-grey1));
  --notifi-spinner-color: rgb(var(--notifi-color-seaglass-dark));
  --notifi-topic-stack-row-input-button-bg: rgba(
    var(--notifi-color-secondary-light),
    1
  );
  --notifi-topic-stack-row-input-button-text: rgba(
    var(--notifi-color-white),
    1
  );
  --notifi-nav-footer-bg: rgb(var(--notifi-color-grey2));
  --notifi-history-row-bg: rgb(var(--notifi-color-grey2));
  --notifi-history-row-unread-indicator: rgb(var(--notifi-color-seaglass-dark));
  --notifi-history-row-title-text: rgba(var(--notifi-color-white), 1);
  --notifi-history-row-timestamp-text: rgba(var(--notifi-color-heather), 1);
  --notifi-history-row-subject-text: rgba(var(--notifi-color-heather), 1);
  --notifi-history-detail-bg: rgb(var(--notifi-color-dark));
  --notifi-history-detail-timestamp-text: rgba(var(--notifi-color-heather), 1);
  --notifi-history-list-empty-icon: rgb(var(--notifi-color-seaglass-dark));
  --notifi-history-list-empty-description-text: rgba(
    var(--notifi-color-heather),
    1
  );
  --notifi-target-state-banner-bg: rgb(var(--notifi-color-grey2));
  --notifi-target-state-verify-icon-color: rgba(var(--notifi-color-white), 1);
  --notifi-inbox-config-topic-title-text: rgba(var(--notifi-color-heather), 1);
  --notifi-inbox-header-border: rgb(var(--notifi-color-grey7));
  --notifi-target-list-remove-text: rgb(var(--notifi-color-heather));
  --notifi-target-cta-action-not-require-text: rgb(var(--notifi-color-green3));
  --notifi-target-cta-action-not-require-bg: rgba(
    var(--notifi-color-green3),
    0.4
  );
  --notifi-target-state-banner-signup-icon-color: rgb(
    var(--notifi-color-seaglass-dark)
  );
  --notifi-target-state-banner-signup-cta-bg: rgb(
    var(--notifi-color-seaglass-dark)
  );
  --notifi-topic-options-item-selected-text: rgba(var(--notifi-color-white), 1);
  --notifi-topic-option-radio-inner-ring: rgb(var(--notifi-color-grey2));
  --notifi-topic-list-tooltip-bg: rgb(var(--notifi-color-dark));
  --notifi-topic-list-tooltip-content-border: rgb(var(--notifi-color-dark));
  --notifi-target-list-tooltip-bg: rgb(var(--notifi-color-dark));
  --tooltip-content-border: rgb(var(--notifi-color-dark));
  --tooltip-content-text: rgba(var(--notifi-color-white), 1);
  --tooltip-icon-color-hover: rgb(var(--notifi-color-white));
  --notifi-target-list-item-warning-bg: rgba(var(--notifi-color-grey6), 1);
  --notifi-target-list-item-warning-text: rgba(var(--notifi-color-heather), 1);
  --notifi-topic-list-tooltip-icon-color-hover: rgba(
    var(--notifi-color-white),
    1
  );
  --notifi-input-separator-text: rgb(var(--notifi-color-dusk));
  --notifi-ftu-footer-bg: rgba(var(--notifi-color-black), 0);
  --notifi-ftu-footer-border: rgb(var(--notifi-color-grey4));
  --notifi-ftu-header-border: rgba(var(--notifi-color-grey4), 0);
  --notifi-target-state-banner-signup-history-bg: rgb(
    var(--notifi-color-grey5)
  );
  --notifi-target-state-banner-verify-history-bg: rgb(
    var(--notifi-color-grey5)
  );
  --notifi-target-state-banner-verify-cta-history-bg: rgb(
    var(--notifi-color-seaglass-dark)
  );
  --notifi-target-state-banner-verify-icon-color: rgb(var(--notifi-color-dark));
  --notifi-inbox-footer-border: rgb(var(--notifi-color-grey4));
  --notifi-powered-by-text: rgba(var(--notifi-color-heather), 1);
  --notifi-topic-stack-separator: rgb(var(--notifi-color-grey5));
  --notifi-topic-stack-row-cta-text: rgb(var(--notifi-color-seaglass-dark));
  --notifi-target-input-toggle-unavailable-text: rgba(
    var(--notifi-color-heather),
    1
  );
  --notifi-connect-description-text: rgb(var(--notifi-color-grey3));
  --notifi-connect-footer-content-text: rgb(var(--notifi-color-grey3));
  --notifi-history-detail-message-a-text: rgb(
    var(--notifi-color-seaglass-dark)
  );
  --notifi-target-input-field-input-container-focused-border: rgba(
    var(--notifi-color-seaglass-dark)
  );
  --tooltip-content-a-text: rgb(var(--notifi-color-seaglass-dark));
  --notifi-topic-option-item-radio-selected-before-bg: rgb(
    var(--notifi-color-seaglass-dark)
  );
  --notifi-topic-option-item-radio-selected-before-border: rgb(
    var(--notifi-color-seaglass-dark)
  );
  --notifi-error-global-error-title-text: rgb(var(--notifi-color-error));
  --notifi-ftu-target-edit-invalid-email-warning-text: rgb(
    var(--notifi-color-error)
  );
  --notifi-target-input-field-input-container-warning-text: rgb(
    var(--notifi-color-error)
  );
  --notifi-history-row-hover-border: rgb(var(--notifi-color-dusk));
  --notifi-target-input-field-input-placeholder-text: rgb(
    var(--notifi-color-dusk)
  );
  --notifi-target-state-banner-verify-cta-text: rgb(var(--notifi-color-dusk));
  --notifi-topic-options-item-radio-before-border: rgb(
    var(--notifi-color-dusk)
  );
  --notifi-topic-stack-row-input-button-disabled-bg: rgb(
    var(--notifi-color-dusk)
  );
  --notifi-topic-stack-content-subtitle-text: rgb(
    var(--notifi-color-text-light)
  );
  --notifi-topic-stack-cta-text: rgb(var(--notifi-color-text-light));
  --notifi-target-state-banner-verify-description-text: rgb(
    var(--notifi-color-rose)
  );
  --notifi-smartlink-background: rgb(var(--notifi-color-white));
  --notifi-smartlink-name-text: rgb(var(--notifi-color-dusk));
  --notifi-smartlink-subtitle-text: rgb(var(--notifi-color-dusk));
  --notifi-smartlink-action-btn-bg: rgb(var(--notifi-color-midnight));
  --notifi-smartlink-action-btn-disabled-bg: rgba(
    var(--notifi-color-midnight),
    0.4
  );
  --notifi-smartlink-action-btn-text: white;
  --notifi-smartlink-action-input-textbox-container-bg: rgb(
    var(--notifi-color-eggshell)
  );
  --notifi-smartlink-action-input-textbox-container-invalid-border: rgb(
    var(--notifi-color-error)
  );
  --notifi-smartlink-action-input-textbox-constraint-prompt-text: rgb(
    var(--notifi-color-heather)
  );
  --notifi-smartlink-action-input-textbox-input-placeholder-text: rgb(
    var(--notifi-color-dusk)
  );
}

/* lib/style/theme-light.css */
.notifi-theme-light {
  --notifi-font-color: rgb(var(--notifi-color-midnight));
  --notifi-card-background: rgb(var(--notifi-color-cloud));
  --notifi-connect-bg: rgba(var(--notifi-color-white), 1);
  --notifi-connect-button: rgb(var(--notifi-color-midnight));
  --notifi-connect-button-text: rgba(var(--notifi-color-white), 1);
  --notifi-connect-alert-icon: rgba(var(--notifi-color-secondary-light), 1);
  --notifi-ftu-header-bg: rgba(var(--notifi-color-white), 1);
  --notifi-input-field-background: rgba(var(--notifi-color-white), 1);
  --notifi-toggle-inactive: rgba(var(--notifi-color-heather), 1);
  --notifi-toggle-active: rgba(var(--notifi-color-secondary-light), 1);
  --notifi-toggle-handle: rgba(var(--notifi-color-white), 1);
  --notifi-nav-header-background: rgba(var(--notifi-color-white), 1);
  --notifi-ftu-button-text: rgba(var(--notifi-color-white), 1);
  --notifi-ftu-button: rgb(var(--notifi-color-midnight));
  --notifi-target-list-cat-button-bg: rgba(
    var(--notifi-color-secondary-light),
    1
  );
  --notifi-target-list-cat-button-text: rgba(var(--notifi-color-white), 1);
  --notifi-target-list-cta-link-text: rgba(
    var(--notifi-color-secondary-light),
    1
  );
  --notifi-notifi-target-list-item-bg: rgba(var(--notifi-color-white), 1);
  --notifi-notifi-topic-list-row-bg: rgba(var(--notifi-color-white), 1);
  --notifi-topic-options-item-bg: rgb(var(--notifi-color-eggshell));
  --notifi-topic-options-item-text: rgb(var(--notifi-color-dusk));
  --notifi-topic-option-radio-inner-ring: rgb(var(--notifi-color-light));
  --notifi-topic-option-radio-bg: rgba(var(--notifi-color-white), 1);
  --notifi-subscription-input-dropdown-value-bg: rgb(
    var(--notifi-color-eggshell)
  );
  --notifi-subscription-input-dropdown-list-bg: rgb(
    var(--notifi-color-eggshell)
  );
  --notifi-spinner-color: rgb(var(--notifi-color-seaglass-dark));
  --notifi-topic-stack-row-input-button-bg: rgb(
    var(--notifi-color-seaglass-dark)
  );
  --notifi-topic-stack-row-input-button-text: rgba(
    var(--notifi-color-white),
    1
  );
  --notifi-nav-footer-bg: rgba(var(--notifi-color-white), 1);
  --notifi-history-row-bg: rgba(var(--notifi-color-white), 1);
  --notifi-history-row-unread-indicator: rgba(
    var(--notifi-color-secondary-light),
    1
  );
  --notifi-history-row-title-text: rgb(var(--notifi-color-midnight));
  --notifi-history-row-timestamp-text: rgb(var(--notifi-color-dusk));
  --notifi-history-row-subject-text: rgb(var(--notifi-color-dusk));
  --notifi-history-detail-bg: rgba(var(--notifi-color-white), 1);
  --notifi-history-detail-timestamp-text: rgb(var(--notifi-color-dusk));
  --notifi-history-list-empty-icon: rgba(
    var(--notifi-color-secondary-light),
    1
  );
  --notifi-history-list-empty-description-text: rgb(var(--notifi-color-dusk));
  --notifi-target-state-banner-bg: rgba(var(--notifi-color-white), 1);
  --notifi-target-state-verify-icon-color: rgb(var(--notifi-color-black));
  --notifi-inbox-config-topic-title-text: rgb(var(--notifi-color-dusk));
  --notifi-inbox-header-border: rgba(var(--notifi-color-grey7), 0);
  --notifi-target-list-remove-text: rgb(var(--notifi-color-dusk));
  --notifi-target-cta-action-not-require-text: rgb(var(--notifi-color-green4));
  --notifi-target-cta-action-not-require-bg: rgba(
    var(--notifi-color-green4),
    0.4
  );
  --notifi-target-list-target-verify-message-text: rgb(
    var(--notifi-color-dusk)
  );
  --notifi-target-state-banner-signup-icon-color: rgba(
    var(--notifi-color-secondary-light),
    1
  );
  --notifi-target-state-banner-signup-cta-bg: rgba(
    var(--notifi-color-secondary-light),
    1
  );
  --notifi-topic-options-item-selected-text: rgba(
    var(--notifi-color-secondary-light),
    1
  );
  --notifi-topic-list-tooltip-bg: rgb(var(--notifi-color-eggshell));
  --notifi-topic-list-tooltip-content-border: rgba(
    var(--notifi-color-heather),
    1
  );
  --notifi-target-list-tooltip-bg: rgb(var(--notifi-color-eggshell));
  --tooltip-content-border: rgba(var(--notifi-color-heather), 1);
  --tooltip-content-text: rgb(var(--notifi-color-black));
  --tooltip-icon-color-hover: rgb(var(--notifi-color-dusk));
  --notifi-target-list-item-warning-bg: rgba(var(--notifi-color-black), 0.05);
  --notifi-target-list-item-warning-text: rgba(var(--notifi-color-dusk), 1);
  --notifi-topic-list-tooltip-icon-color-hover: rgb(var(--notifi-color-dusk));
  --notifi-input-separator-text: rgba(var(--notifi-color-heather), 1);
  --notifi-ftu-footer-bg: rgba(var(--notifi-color-white), 0);
  --notifi-ftu-footer-border: rgb(var(--notifi-color-cloud));
  --notifi-ftu-header-border: rgba(var(--notifi-color-cloud), 0);
  --notifi-target-state-banner-signup-history-bg: rgb(
    var(--notifi-color-cloud)
  );
  --notifi-target-state-banner-verify-history-bg: rgba(
    var(--notifi-color-cloud),
    0.5
  );
  --notifi-target-state-banner-verify-cta-history-bg: rgba(
    var(--notifi-color-white),
    1
  );
  --notifi-target-state-banner-verify-icon-color: rgb(
    var(--notifi-color-eggshell)
  );
  --notifi-inbox-footer-border: rgb(var(--notifi-color-cloud));
  --notifi-powered-by-text: rgb(var(--notifi-color-midnight));
  --notifi-topic-stack-separator: rgba(var(--notifi-color-heather), 1);
  --notifi-topic-stack-row-cta-text: rgba(
    var(--notifi-color-secondary-light),
    1
  );
  --notifi-target-input-toggle-unavailable-text: rgb(var(--notifi-color-grey3));
  --notifi-connect-description-text: rgb(var(--notifi-color-grey3));
  --notifi-connect-footer-content-text: rgb(var(--notifi-color-grey3));
  --notifi-history-detail-message-a-text: rgb(
    var(--notifi-color-seaglass-dark)
  );
  --notifi-target-input-field-input-container-focused-border: rgba(
    var(--notifi-color-seaglass-dark)
  );
  --tooltip-content-a-text: rgb(var(--notifi-color-seaglass-dark));
  --notifi-topic-option-item-radio-selected-before-bg: rgb(
    var(--notifi-color-seaglass-dark)
  );
  --notifi-topic-option-item-radio-selected-before-border: rgb(
    var(--notifi-color-seaglass-dark)
  );
  --notifi-error-global-error-title-text: rgb(var(--notifi-color-error));
  --notifi-ftu-target-edit-invalid-email-warning-text: rgb(
    var(--notifi-color-error)
  );
  --notifi-target-input-field-input-container-warning-text: rgb(
    var(--notifi-color-error)
  );
  --notifi-history-row-hover-border: rgb(var(--notifi-color-dusk));
  --notifi-target-input-field-input-placeholder-text: rgb(
    var(--notifi-color-dusk)
  );
  --notifi-target-state-banner-verify-cta-text: rgb(var(--notifi-color-dusk));
  --notifi-topic-options-item-radio-before-border: rgb(
    var(--notifi-color-dusk)
  );
  --notifi-topic-stack-row-input-button-disabled-bg: rgb(
    var(--notifi-color-dusk)
  );
  --notifi-topic-stack-content-subtitle-text: rgb(
    var(--notifi-color-text-light)
  );
  --notifi-topic-stack-cta-text: rgb(var(--notifi-color-text-light));
  --notifi-target-state-banner-verify-description-text: rgb(
    var(--notifi-color-rose)
  );
  --notifi-smartlink-background: rgb(var(--notifi-color-white));
  --notifi-smartlink-name-text: rgb(var(--notifi-color-dusk));
  --notifi-smartlink-subtitle-text: rgb(var(--notifi-color-dusk));
  --notifi-smartlink-action-btn-bg: rgb(var(--notifi-color-midnight));
  --notifi-smartlink-action-btn-disabled-bg: rgba(
    var(--notifi-color-midnight),
    0.4
  );
  --notifi-smartlink-action-btn-text: white;
  --notifi-smartlink-action-input-textbox-container-bg: rgb(
    var(--notifi-color-eggshell)
  );
  --notifi-smartlink-action-input-textbox-container-invalid-border: rgb(
    var(--notifi-color-error)
  );
  --notifi-smartlink-action-input-textbox-constraint-prompt-text: rgb(
    var(--notifi-color-heather)
  );
  --notifi-smartlink-action-input-textbox-input-placeholder-text: rgb(
    var(--notifi-color-dusk)
  );
}

/* lib/style/index.css */
.btn {
  border: none;
  outline: none;
  text-decoration: none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.clean-input {
  outline: none;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  width: auto;
  box-shadow: none;
  border-radius: 0;
}
input.clean-input::-webkit-outer-spin-button,
input.clean-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input.clean-input[type='number'] {
  -moz-appearance: textfield;
}
:root {
  --notifi-color-grey1: 28, 28, 35;
  --notifi-color-grey2: 50, 50, 64;
  --notifi-color-grey3: 128, 130, 157;
  --notifi-color-grey4: 74, 74, 94;
  --notifi-color-grey5: 67, 67, 84;
  --notifi-color-grey6: 66, 66, 82;
  --notifi-color-grey7: 68, 68, 80;
  --notifi-color-white: 255, 255, 255;
  --notifi-color-black: 0, 0, 0;
  --notifi-color-light: 243, 244, 249;
  --notifi-color-eggshell: 245, 246, 251;
  --notifi-color-seaglass: 154, 163, 255;
  --notifi-color-secondary-light: 82, 96, 240;
  --notifi-color-seaglass-dark: 130, 138, 227;
  --notifi-color-light-blue: 227, 230, 245;
  --notifi-color-green3: 164, 222, 149;
  --notifi-color-green4: 50, 140, 27;
  --notifi-color-dark: 27, 27, 34;
  --notifi-color-midnight: 38, 41, 73;
  --notifi-color-cloud: 232, 235, 245;
  --notifi-color-error: 213, 130, 139;
  --notifi-color-dusk: 128, 130, 157;
  --notifi-color-heather: 182, 184, 213;
  --notifi-color-text-light: 134, 143, 166;
  --notifi-color-rose: 199, 129, 134;
}
/*# sourceMappingURL=index.css.map */

/* custom */

.notifiCard {
  --notifi-primary: #59c0a5;
  --notifi-input: #2b2b2b;
  --notifi-card: #191919;
  --notifi-button: linear-gradient(270deg, #76fff6 -14.77%, #0dc3a4 98.86%);
  --notifi-stroke: #444444;
  --notifi-text: #ffffff;
  --notifi-light: #9a9da1;
  --notifi-error: #f08b5b;
  --notifi-verified: #84f8db;
  --notifi-black: #000;
  box-sizing: border-box;
  white-space: normal;
}

.notifiCard * {
  box-sizing: border-box;
}

.notifi-card-modal {
  color: var(--notifi-text);
  height: unset !important;
  width: 351px;
  background-color: var(--notifi-card);
  border: 1px solid var(--notifi-stroke);
  border-radius: 12px;
}

.notifi-error-global {
  height: 310px;
  padding: 18px 24px 22px 24px;
}

.notifi-error-footer {
  background-color: var(--notifi-card);
  height: unset;
  margin-top: 12px;
}

.notifi-error-global-error-title {
  color: var(--notifi-error);
}

.notifi-error-global-error-detail {
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.notifi-connect {
  height: 310px;
  border: unset;
  background-color: unset;
  padding: 18px 0px 22px 0px;
}

.notifi-connect-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  padding: unset;
  line-height: 24px;
  text-align: left;
  padding-left: 24px;
}

.notifi-connect-description {
  margin: 25px 0px 20px 0px;
  color: var(--notifi-light);
  padding: unset;
  padding-left: 24px;
  text-align: left;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.187%;
  letter-spacing: 0.14px;
}

.notifi-connect-main {
  align-items: unset;
  padding: unset;
  padding-left: 24px;
  justify-content: left;
}

.notifi-connect-alert-list-container {
  gap: 2px;
}

.notifi-connect-alert-list-alert {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.28px;
}

.notifi-connect-alert-icon {
  color: var(--notifi-primary);
}

.notifi-connect-button {
  border-radius: 8px;
  background: var(--notifi-button);
  border: unset;
  color: var(--notifi-black);
  height: 48px;
  margin: 20px 28px;
  margin-top: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.08px;
}

.notifi-connect-button:disabled {
  opacity: 0.5;
}

.notifi-connect-footer {
  height: unset;
}

.notifi-powered-by-notifi-content {
  color: var(--notifi-light);
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
}

.notifi-nav-header {
  border: unset !important;
  background-color: var(--notifi-card) !important;
  padding: 0px;
  padding-bottom: 15px;
}

.notifi-inbox-history-detail-header,
.notifi-inbox-config-target-header,
.notifi-inbox-config-topic-header,
.notifi-inbox-history-list-header {
  padding-top: 18px;
  background-color: var(--notifi-input) !important;
  border-radius: 12px 12px 0px 0px;
}

.notifi-nav-header-title {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
}

.notifi-ftu-target-list-header .notifi-nav-header-title {
  display: block;
  padding-left: 24px;
}

.notifi-ftu {
  padding: 18px 0px 12px 0px;
  border: unset;
}

.notifi-ftu-alert-edit,
.notifi-ftu-target-list {
  height: 424px;
}

.notifi-ftu-footer {
  background-color: unset;
  height: unset;
}

.notifi-target-list {
  padding: 12px 15px;
  padding-top: 27px;
  margin: 0px;
  gap: 8px;
}

.notifi-target-list-item {
  background-color: var(--notifi-input);
  border: unset;
  padding: 10px 16px;
  border-radius: 16px;
}

.notifi-target-list-item-content {
  background: unset;
  padding: unset;
  min-height: auto;
}

.notifi-target-list-item-target {
  padding: 6px 0px;
  align-items: center;
}

.notifi-target-list-icon {
  color: var(--notifi-light);
  margin-right: 6px;
}

.notifi-target-list-icon svg[type='email'] {
  margin-top: -3px;
}

.notifi-target-list-item-target-id {
  font-weight: 500;
  font-size: 14px;
}

.notifi-target-list-item-input-form {
  padding: 0;
  margin-top: 10px;
}

.notifi-target-input-field-input-container {
  border-radius: 16px;
  background: var(--notifi-card);
  border: 1px solid transparent;
  max-height: 47px;
}

.notifi-target-input-field-input-container.warning {
  border: 1px solid var(--notifi-error);
}

.notifi-target-input-field-input {
  font-weight: 500;
  font-size: 16px;
  color: var(--notifi-text);
}

.notifi-target-input-field-input::placeholder {
  color: var(--notifi-light);
  font-weight: 500;
  font-size: 16px;
}

.notifi-target-input-field-input-container.focused {
  border: 1px solid var(--notifi-primary);
}

.notifi-target-cta-button {
  background: var(--notifi-button);
  border-radius: 8px;
  border: unset;
  min-width: 93px;
  height: 29px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--notifi-black);
}

.notifi-target-list-item-warning {
  background: #3d3d3d;
  color: var(--notifi-light);
  width: 100%;
  min-width: 319px;
  font-size: 14px;
  font-weight: 500;
  margin-top: -6px;
  margin-bottom: -10px;
  margin-left: -16px;
  padding: 6px 16px;
  padding-top: 22px;
  border-radius: 0px 0px 16px 16px;
}

.notifi-target-list-item-warning:before {
  content: '';
  position: absolute;
  top: 0px;
  height: 16px;
  width: 100%;
  left: 0;
  background: var(--notifi-input);
  border-radius: 0px 0px 16px 16px;
}

.notifi-target-list-item-remove-link {
  color: var(--notifi-light) !important;
  font-weight: 600;
  font-size: 12px;
}

.notifi-ftu-button-container {
  padding: 0px 28px;
  background-color: unset;
}

.notifi-target-cta-action-not-required {
  z-index: 999;
}

.notifi-ftu-alert-edit-button,
.notifi-ftu-target-list-button {
  border-radius: 8px;
  background: var(--notifi-button);
  border: unset;
  color: var(--notifi-black);
  height: 48px;
  font-size: 16px;
  font-weight: 600;
  margin: 12px 0px;
}

.notifi-ftu-alert-edit-button:disabled,
.notifi-ftu-target-list-button:disabled {
  opacity: 0.5;
}

.notifi-topic-list {
  margin: 12px 0;
  margin-top: 27px;
  padding: 0 15px;
  gap: 8px;
}

.notifi-topic-row {
  background-color: var(--notifi-input);
  border-radius: 16px;
  border: unset;
}

.notifi-nav-header-left-cta {
  top: 12px;
  left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 100%;
  background-color: #ffffff14;
  backdrop-filter: blur(16px);
}

.notifi-nav-header-left-cta > svg {
  width: 24x;
  height: 24x;
}

.notifi-ftu-target-list-header .notifi-nav-header-left-cta,
.notifi-inbox-config-topic-header .notifi-nav-header-left-cta,
.notifi-inbox-history-list-header .notifi-nav-header-left-cta {
  background-color: unset;
  backdrop-filter: unset;
}

.notifi-connect-right-cta,
.notifi-nav-header-right-cta {
  top: 12px;
  right: 20px;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 100%;
  background-color: #ffffff14;
  backdrop-filter: blur(16px);
}

.notifi-nav-header-right-cta > svg,
.notifi-connect-right-cta > svg {
  width: 24px;
  height: 24px;
}

.notifi-topic-row-base {
  align-items: center;
  gap: 15px;
}

.notifi-topic-row-content {
  gap: 2px;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.28px;
  flex-grow: 1;
}

.notifi-topic-row-content > :first-child {
  flex-grow: 1;
}

.notifi-tooltip-container {
  flex-shrink: 0;
}

.notifi-tooltip-icon {
  color: var(--notifi-light);
}

.notifi-tooltip-content {
  padding: 16px;
  color: var(--notifi-text);
  font-weight: 700;
  font-size: 14px;
  border: 1px solid var(--notifi-stroke);
  border-radius: 6px;
  background: var(--notifi-card);
  width: 194px;
}

.notifi-toggle-container {
  height: 16px;
  flex-shrink: 0;
}

.notifi-toggle-slider:before {
  height: 12px;
  width: 12px;
  background-color: var(--notifi-text);
}

.notifi-toggle-slider {
  background-color: var(--notifi-light);
}

.notifi-toggle-input {
  display: none;
}

.notifi-toggle-input:checked + .notifi-toggle-slider {
  background-color: var(--notifi-primary);
  opacity: 1;
}

.notifi-toggle-input:checked + .notifi-toggle-slider:before {
  transform: translateX(20px);
  background-color: var(--notifi-text);
}

.notifi-topic-options-description {
  color: var(--notifi-light);
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.14px;
  margin: unset;
  margin-top: 4px;
  margin-bottom: 7px;
}

.notifi-topic-options-items {
  border: unset;
  gap: 10px;
  margin-bottom: 6px;
}

.notifi-topic-option-custom-input-container,
.notifi-topic-options-item.button {
  min-width: 70px;
  max-width: 70px;
  background-color: var(--notifi-card);
  border: 1.5px solid transparent;
  color: var(--notifi-light);
  font-size: 16px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}

.notifi-topic-option-custom-input-container {
  min-width: 87px;
  max-width: 87px;
}

.notifi-topic-option-custom-input-container.selected,
.notifi-topic-options-item.button.selected {
  border: 1.5px solid var(--notifi-primary);
  color: var(--notifi-text);
  font-weight: 700;
}

.notifi-topic-option-custom-input-container.selected
  > .notifi-topic-option-custom-input-suffix {
  top: 0;
  right: 1px;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 99;
}

.notifi-topic-option-custom-input-container.selected
  > .notifi-topic-option-custom-input-prefix {
  top: 0;
  left: 1px;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 99;
}

.notifi-topic-options-custom-input::placeholder {
  color: var(--notifi-light);
}

.notifi-topic-options-custom-input {
  padding: unset;
  border-radius: 0px;
  border: unset;
}

.notifi-topic-option-custom-input-container.selected
  > .notifi-topic-options-custom-input {
  padding: 0 1rem;
}

.notifi-inbox {
  height: 598px;
  padding-top: 0px;
}

.notifi-history-list-target-state-banner-container {
  margin: 0px 15px;
  margin-top: 12px;
}

.notifi-target-state-banner {
  background-color: unset;
  border-radius: unset;
}

.notifi-target-state-banner-verify.history,
.notifi-target-state-banner-verify {
  border-radius: 8px;
  background-color: var(--notifi-input);
  border: unset;
  padding: 10px;
  min-height: 50px;
}

.notifi-target-state-banner-verify-icon.history > svg,
.notifi-target-state-banner-verify-icon > svg {
  width: 12px;
  height: 12px;
}

.notifi-target-state-banner-verify-title.history {
  font-size: 14px !important;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0.14px;
}

.notifi-target-state-banner-verify-cta.history {
  background: var(--notifi-button);
  border-radius: 8px;
  border: unset;
  display: flex;
  color: var(--notifi-black);
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  height: 29px;
  justify-content: center;
  align-items: center;
  width: 77px;
}

.notifi-target-state-banner-verify-title {
  font-size: 14px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 106.687%;
  margin: 0px;
  letter-spacing: 0.16px;
}

.notifi-target-state-banner-verify-description {
  margin-top: 4px;
  color: var(--notifi-error);
}

.notifi-target-state-banner-verify-cta {
  color: var(--notifi-light);
}

.notifi-history-list-main,
.notifi-history-list-main.w-banner {
  padding: unset;
  margin: 0 15px;
  padding-top: 12px;
}

.notifi-history-list-empty {
  justify-content: unset;
  gap: 0px;
}

.notifi-history-list-empty-icon {
  margin: 0;
  margin-top: 54px;
  color: var(--notifi-primary);
}

.notifi-history-list-empty-title {
  margin: 0;
  margin-top: 16px;
  margin-bottom: 7px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.16px;
}

.notifi-history-list-empty-description {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.187%;
  letter-spacing: 0.14px;
  color: var(--notifi-light);
  padding: 0px;
  width: 273px;
}

.notifi-history-row {
  background-color: var(--notifi-input);
  border-radius: 8px !important;
  border: 1px solid transparent;
}

.notifi-history-row:hover {
  border: 1px solid var(--notifi-stroke);
}

.notifi-history-row-unread-indicator {
  background-color: var(--notifi-primary);
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  height: auto;
  border-radius: 6px !important;
}

.notifi-history-row-icon {
  color: var(--notifi-light);
  width: 48px;
}

.notifi-history-row-title {
  gap: 15px;
  justify-content: space-between;
  margin-bottom: 2px;
}

.notifi-history-row-title-text {
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  flex-grow: unset;
  font-size: 16px;
  font-weight: 500;
}

.notifi-history-row-timestamp {
  text-align: end;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 500;
  color: var(--notifi-light);
}

.notifi-history-row-subject {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: var(--notifi-light);
}

.notifi-history-list-loading-more {
  height: 60px;
  padding: unset;
}

.notifi-history-detail {
  background-color: var(--notifi-card);
  border-radius: 12px 12px 0px 0px;
}

.notifi-history-detail-main {
  padding: 0px;
  margin: 16px 24px;
}

.notifi-history-detail-subject {
  margin-bottom: 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 133.187%;
  letter-spacing: 0.16px;
}

.notifi-history-detail-timestamp {
  color: var(--notifi-light);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 133.187%;
  letter-spacing: 0.14px;
}

.notifi-history-detail-message {
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 133.187%;
  letter-spacing: 0.16px;
}

.notifi-history-detail-message > p {
  margin-top: 12px;
  font-weight: 400;
}

.notifi-history-detail-message > p > a {
  color: var(--notifi-primary) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.187%;
  letter-spacing: 0.16px;
  text-decoration-line: underline;
}

.notifi-history-detail-message > a {
  color: var(--notifi-primary) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.187%;
  letter-spacing: 0.16px;
  text-decoration-line: underline;
}

.notifi-inbox-config-topic-main {
  margin: 0;
  padding-top: 12px;
}

.notifi-inbox-config-topic-banner {
  margin: 0px 15px;
}

.notifi-inbox-config-topic-title {
  margin: 0px 15px;
  margin-top: 16px;
  border: unset;
  color: var(--notifi-light);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 133.187%;
  letter-spacing: 0.14px;
  margin-bottom: -15px;
}

.notifi-target-cta-loading-spinner {
  border-top: 2px var(--notifi-black) solid !important;
  border-right: 2px var(--notifi-black) solid !important;
}

.notifi-target-cta-link.disabled .notifi-target-cta-loading-spinner {
  bottom: 11px;
}

.notifi-inbox-nav-tabs {
  background-color: var(--notifi-input);
  border: unset;
  border-top: 1px solid var(--notifi-stroke);
  border-radius: 0px 0px 12px 12px;
}

.notifi-inbox-nav-tabs > div:has(svg[type='bell']) {
  height: 24px;
  color: var(--notifi-light);
}

.notifi-inbox-nav-tabs > div:has(svg[type='gear']) {
  height: 24px;
  color: var(--notifi-light);
}