.f9ChatMinimizedButton {
  visibility: hidden;
  width: 0;
  height: 0;
  display: none;
}

.u-f9-focus {
  transition:
    outline 0.2s ease,
    border-radius 0.2s ease;
  outline: var(--border-focus-state-outer) solid
    var(--transparency-gradients-default-end);
}

.u-f9-focus:focus {
  outline: none;
}

.u-f9-focus:focus-visible {
  outline-offset: var(--spacing-ant);
  outline: var(--border-focus-state-outer) solid
    var(--basic-state-layers-focus-outter);
}

/* Shape-specific styles */
.u-f9-shape--square {
  border-radius: var(--shape-almond);
}

.u-f9-shape--card {
  border-radius: var(--shape-card);
}

.u-f9-shape--circle {
  border-radius: var(--shape-circle);
}

.c-f9-action-card__wrapper {
  display: flex;
  border-radius: var(--shape-card);
  border-width: var(--border-x-small);
  border-style: solid;
  border-color: var(--basic-outline-variant);
  background: var(--basic-surface-variant);
  justify-content: center;
  align-items: center;
  width: fit-content;
}

button.c-f9-action-card__wrapper {
  padding: 0;
}

a.c-f9-action-card__wrapper {
  text-decoration: none;
  color: inherit;
}

.c-f9-action-card__content {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

.c-f9-action-card__wrapper:hover {
  border-width: var(--border-small);
}

.c-f9-action-card__wrapper:active {
  border-width: var(--border-small);
  box-shadow: 0 0 var(--inner-shadow-1-blur) 0
    var(--transparency-drop-shadow-opacity-25) inset;
}

.c-f9-action-card__wrapper[disabled] {
  color: var(--basic-on-disabled-container);
  border-color: var(--basic-on-disabled-container);
  background: var(--basic-disabled-container);
  pointer-events: none;
}

.contextual-nav {
  position: fixed;
  bottom: 24px;
  right: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}

.floating-button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--basic-on-background);
  display: flex;
  transition: all 0.3s ease;
}

.floating-button .icon-chat,
.floating-button .icon-chat-filled {
  fill: var(--basic-background);
}

.floating-button:not(.floating-button--is-open) .icon-chat-filled {
  display: none;
}

.floating-button.floating-button--is-open .icon-chat {
  display: none;
}

.floating-button.floating-button--is-open .icon-chat-filled {
  display: initial;
}

.floating-button.floating-button--is-open {
  background-color: var(--basic-primary);
}

.floating-button:hover {
}

.floating-button:active {
}

.contextual-menu {
  position: fixed;
  z-index: 2;
  bottom: 0;
  display: none;
  flex-direction: column;
  width: 100vw;
  align-items: flex-start;
  margin: 0;
  left: initial;
  padding: 0;
  border-radius: 0;
  border: none;
  background: var(--basic-surface-variant);
  box-shadow: var(--elevation-1-x) var(--elevation-1-y) var(--elevation-1-blur)
    var(--elevation-1-spread) var(--transparency-drop-shadow-opacity-50);
}

@media (min-width: 964px) {
  .contextual-menu {
    right: 76px;
    bottom: 24px;
    width: 414px;
  }
}

.contextual-menu[open] {
  display: flex;
  flex-direction: column;
}

@media (max-width: 964px) {
  body:has(.contextual-menu[open]) {
    overflow: hidden;
  }

  body:has(.contextual-menu[open])::after {
    content: '';
    position: fixed;
    background: var(--transparency-scrim-dim);
    z-index: 3;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

.contextual-menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: var(--spacing-squirrel) var(--spacing-stoat) var(--spacing-squirrel)
    var(--spacing-mink);
  border-bottom: var(--border-small) solid var(--basic-outline-variant-2);
}

.contextual-menu-header__title-wrapper {
  display: flex;
  min-height: 40px;
  flex-direction: column;
  justify-content: center;
  gap: var(--spacing-stoat);
  flex: 1 0 0;
}

.contextual-menu-header__title-wrapper .fixed-subheading-xl {
  margin: 0;
}

.contextual-menu .menu-content {
  display: flex;
  padding: var(--spacing-mink);
  flex-direction: column;
  align-items: flex-start;
  gap: 11px;
  align-self: stretch;
}

.contextual-menu .close-button {
  background: none;
  border: none;
}

.c-f9-action-card__wrapper {
  width: 100%;
  border: var(--border-x-small) solid var(--basic-outline-variant);
}

.contextual-menu .menu-content .c-action-card__content {
  flex-shrink: initial;
  width: 100%;
}

.help-center-section .quick-link {
  display: flex;
  padding: var(--spacing-mink) var(--spacing-rabbit);
  align-items: center;
  align-self: stretch;
  gap: var(--spacing-squirrel);
}

.chat-section .quick-link {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-rabbit);
  padding: var(--spacing-rabbit);
}

.c-f9-action-card__wrapper h4 {
  margin: 0;
}