.sib-btn {
  align-items: center;
  background: var(--sib-cta-default-primary);
  border: 0 solid transparent;
  border-color: var(--sib-color_primary-default);
  border-radius: var(--sib-border-radius_lg, 16px);
  box-shadow: var(--sib-shadow_light-small);
  color: var(--sib-color_content-white);
  display: flex;
  font-family: var(--sib-typo_font-family--body_medium, "Roboto-Medium", "system-ui", "-apple-system", sans-serif);
  font-size: var(--sib-typo_text-md-font-size, 1rem);
  line-height: var(--sib-typo_text-line-height, 1.5rem);
  max-width: 100%;
  padding: 0.5rem 1rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
.sib-btn .ellipsis {
  max-width: 20ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sib-btn.sib-btn_variant--primary:not([disabled]) {
  box-shadow: inset 0 0 0 1px var(--sib-color_primary-default);
}
.sib-btn.sib-btn_variant--primary.dropdown-open {
  background: var(--sib-cta-default-primary);
  box-shadow: var(--sib-shadow_light-small);
}
.sib-btn.sib-btn_variant--primary.dropdown-open:not([disabled]):focus-visible {
  background: var(--sib-cta-default-primary);
}
.sib-btn.sib-btn_variant--primary.dropdown-open:not([disabled]).guideflow_hovered {
  background: var(--sib-color_primary-hover);
  box-shadow: var(--sib-shadow_light-small);
}
.sib-btn.sib-btn_variant--primary.dropdown-open:not([disabled]):active {
  background: var(--sib-color_primary-press);
  box-shadow: none;
}
.sib-btn .sib-btn--label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sib-btn_size--small {
  border-radius: var(--brand-rounded-x3, 12px);
  padding: 0.25rem 0.5rem;
}
.sib-btn.sib-btn_icon-stand-alone {
  background: inherit;
  border-color: transparent;
  color: var(--sib-color_content-primary);
  padding: 0.75rem;
}
.sib-btn.sib-btn_icon-stand-alone svg {
  margin-right: 0;
  stroke: var(--sib-color_content-primary);
}
.sib-btn.sib-btn_icon-stand-alone:not([disabled]).guideflow_hovered {
  background: var(--sib-color_information-background);
  border-color: transparent;
  color: var(--sib-color_primary-default);
  cursor: pointer;
}
.sib-btn.sib-btn_icon-stand-alone:not([disabled]).dropdown-open {
  background: var(--sib-color_primary-background);
  border-color: transparent;
  color: var(--sib-color_primary-default);
  cursor: pointer;
}
.sib-btn.sib-btn_icon-stand-alone:not([disabled]).dropdown-open svg {
  stroke: var(--sib-color_primary-hover);
}
.sib-btn.sib-btn_icon-stand-alone:not([disabled]):active {
  background: var(--sib-color_information-background-dark);
  border-color: transparent;
  color: var(--sib-color_primary-press);
  cursor: pointer;
}
.sib-btn.sib-btn_icon-stand-alone:not([disabled]):active svg {
  stroke: var(--sib-color_primary-press);
}
.sib-btn.sib-btn_icon-stand-alone:focus-visible {
  box-shadow: 0 0 0 0.1rem var(--sib-color_surface-white-background), 0 0 0 0.2rem var(--sib-color_information-graphical);
  outline: none;
}
.sib-btn.sib-btn_icon-stand-alone:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.sib-btn.sib-btn_icon-stand-alone svg:first-child {
  margin-left: 0;
  margin-right: 0;
}
.sib-btn.sib-btn_icon-stand-alone.sib-btn_size--small {
  padding: 0.5rem;
}
.sib-btn:not([disabled]) {
  outline: none;
}
.sib-btn:not([disabled]).guideflow_hovered {
  background: var(--sib-color_primary-hover);
  border-color: var(--sib-color_primary-hover);
  cursor: pointer;
}
.sib-btn:not([disabled]):active {
  background: var(--sib-color_primary-press);
  border-color: var(--sib-color_primary-press);
  box-shadow: none;
}
.sib-btn:not([disabled]):focus-visible {
  box-shadow: 0 0 0 0.1rem var(--sib-color_surface-white-background), 0 0 0 0.2rem var(--sib-color_information-graphical);
  outline: none;
}
.sib-btn:disabled {
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.5;
}
.sib-btn svg {
  margin-right: 0.5rem;
  pointer-events: none;
  stroke: var(--sib-color_content-white);
}
.sib-btn svg.icon-right {
  margin-left: 0.5rem;
  margin-right: 0;
}
.sib-btn svg:last-child {
  margin-left: 0.5rem;
  margin-right: 0;
}
.sib-btn_icon-alone {
  padding: 0.75rem;
}
.sib-btn_icon-alone svg:first-child {
  margin-left: 0;
  margin-right: 0;
}
.sib-btn_icon-alone.sib-btn_size--small {
  padding: 0.5rem;
}
.sib-btn_variant--secondary {
  background: var(--sib-cta-default-secondary);
  border-color: var(--sib-color_surface-hover-background);
  border-width: 1px;
  color: var(--sib-color_primary-default);
  padding: 0.4375rem 1rem;
}
.sib-btn_variant--secondary svg {
  stroke: var(--sib-color_primary-default);
}
.sib-btn_variant--secondary.sib-btn_icon-alone {
  padding: 0.6875rem;
}
.sib-btn_variant--secondary.sib-btn_size--small {
  padding: 0.1875rem 0.5rem;
}
.sib-btn_variant--secondary.sib-btn_size--small.sib-btn_icon-alone {
  padding: 0.4375rem;
}
.sib-btn_variant--secondary:not([disabled]).guideflow_hovered {
  background: var(--sib-color_information-background);
  border-color: var(--sib-color_information-background-dark);
  color: var(--sib-color_primary-hover);
  cursor: pointer;
}
.sib-btn_variant--secondary:not([disabled]).guideflow_hovered svg {
  stroke: var(--sib-color_primary-hover);
}
.sib-btn_variant--secondary:not([disabled]):active {
  background: var(--sib-color_information-background);
  border-color: var(--sib-color_information-background-dark);
  color: var(--sib-color_primary-press);
  cursor: pointer;
}
.sib-btn_variant--secondary:not([disabled]):active svg {
  stroke: var(--sib-color_primary-press);
}
.sib-btn_variant--secondary:not([disabled]).dropdown-open {
  background: var(--sib-color_information-background);
  border-color: var(--sib-color_information-background-dark);
}
.sib-btn_variant--secondary:not([disabled]).dropdown-open.guideflow_hovered {
  background: var(--sib-cta-default-secondary);
}
.sib-btn_variant--secondary:not([disabled]).dropdown-open:active {
  background: var(--sib-cta-default-secondary);
  border-color: var(--sib-color_surface-hover-background);
  box-shadow: none;
}
.sib-btn_variant--secondary:disabled {
  box-shadow: var(--sib-shadow_light-small);
}
.sib-btn_variant--tertiary {
  background: inherit;
  border-color: transparent;
  box-shadow: none;
  color: var(--sib-color_information-default);
}
.sib-btn_variant--tertiary svg {
  stroke: var(--sib-color_information-default);
}
.sib-btn_variant--tertiary .sib-loader svg {
  color: var(--sib-color_primary-default);
}
.sib-btn_variant--tertiary:not([disabled]).guideflow_hovered {
  background: var(--sib-color_information-background);
  border-color: transparent;
  box-shadow: none;
  color: var(--sib-color_information-default);
  cursor: pointer;
}
.sib-btn_variant--tertiary.dropdown-open:disabled {
  background: var(--sib-color_information-background-dark);
  opacity: 0.5;
}
.sib-btn_variant--tertiary:not([disabled]).dropdown-open {
  background: var(--sib-color_information-background-dark);
  border-color: transparent;
  box-shadow: none;
  color: var(--sib-color_information-hover);
  cursor: pointer;
}
.sib-btn_variant--tertiary:not([disabled]).dropdown-open svg {
  color: var(--sib-color_information-hover);
}
.sib-btn_variant--tertiary:not([disabled]).dropdown-open.sib-btn--loader {
  background: var(--sib-color_information-background-dark);
  opacity: 0.5;
}
.sib-btn_variant--tertiary:not([disabled]).dropdown-open.guideflow_hovered {
  background: var(--sib-color_information-background);
  box-shadow: none;
  color: var(--sib-color_information-default);
}
.sib-btn_variant--tertiary:not([disabled]).dropdown-open.guideflow_hovered svg {
  color: var(--sib-color_information-default);
}
.sib-btn_variant--tertiary:not([disabled]).dropdown-open:active {
  background: var(--sib-color_surface-white-background);
  box-shadow: none;
  color: var(--sib-color_information-default);
}
.sib-btn_variant--tertiary:not([disabled]).dropdown-open:active svg {
  color: var(--sib-color_information-default);
}
.sib-btn_variant--tertiary:not([disabled]).dropdown-open:focus-visible {
  background: var(--sib-color_surface-white-background);
  box-shadow: 0 0 0 0.1rem var(--sib-color_surface-white-background), 0 0 0 0.2rem var(--sib-color_information-graphical);
  color: var(--sib-color_information-default);
}
.sib-btn_variant--tertiary:not([disabled]).dropdown-open:focus-visible svg {
  color: var(--sib-color_information-default);
}
.sib-btn_variant--tertiary:not([disabled]):active {
  background: var(--sib-color_information-background-dark);
  border-color: transparent;
  box-shadow: none;
  color: var(--sib-color_information-hover);
  cursor: pointer;
}
.sib-btn_variant--tertiary:not([disabled]):active svg {
  stroke: var(--sib-color_information-default);
}
.sib-btn_variant--destructive {
  background: var(--sib-color_negative-press);
  border-color: var(--sib-color_negative-default);
  color: var(--sib-color_content-white);
}
.sib-btn_variant--destructive svg {
  stroke: var(--sib-color_content-white);
}
.sib-btn_variant--destructive:not([disabled]).guideflow_hovered {
  background: var(--sib-color_negative-hover);
  border-color: var(--sib-color_negative-hover);
  cursor: pointer;
}
.sib-btn_variant--destructive:not([disabled]):active {
  background: var(--sib-color_negative-default);
  border-color: var(--sib-color_negative-press);
  cursor: pointer;
}
.sib-btn_variant--destructive-secondary {
  background: var(--sib-color_surface-white-background);
  border-color: var(--sib-color_negative-hover);
  border-width: 1px;
  color: var(--sib-color_negative-hover);
  padding: 0.4375rem 1rem;
}
.sib-btn_variant--destructive-secondary svg {
  stroke: var(--sib-color_negative-hover);
}
.sib-btn_variant--destructive-secondary.sib-btn_icon-alone {
  padding: 0.6875rem;
}
.sib-btn_variant--destructive-secondary.sib-btn_size--small {
  padding: 0.1875rem 0.5rem;
}
.sib-btn_variant--destructive-secondary.sib-btn_size--small.sib-btn_icon-alone {
  padding: 0.4375rem;
}
.sib-btn_variant--destructive-secondary:not([disabled]).guideflow_hovered {
  background: var(--sib-color_negative-background);
  border-color: var(--sib-color_negative-hover);
  color: var(--sib-color_negative-hover);
  cursor: pointer;
}
.sib-btn_variant--destructive-secondary:not([disabled]).guideflow_hovered svg {
  stroke: var(--sib-color_negative-hover);
}
.sib-btn_variant--destructive-secondary:not([disabled]):active {
  background: var(--sib-color_negative-background-dark);
  border-color: var(--sib-color_negative-hover);
  color: var(--sib-color_negative-hover);
  cursor: pointer;
}
.sib-btn_variant--destructive-secondary:not([disabled]):active svg {
  stroke: var(--sib-color_negative-hover);
}
.sib-btn_variant--destructive-tertiary {
  background: inherit;
  border-color: transparent;
  box-shadow: none;
  color: var(--sib-color_negative-hover);
}
.sib-btn_variant--destructive-tertiary svg {
  stroke: var(--sib-color_negative-hover);
}
.sib-btn_variant--destructive-tertiary:not([disabled]).guideflow_hovered,
.sib-btn_variant--destructive-tertiary:not([disabled]).dropdown-open {
  background: var(--sib-color_negative-background);
  border-color: transparent;
  box-shadow: none;
  color: var(--sib-color_negative-hover);
  cursor: pointer;
}
.sib-btn_variant--destructive-tertiary:not([disabled]).guideflow_hovered svg,
.sib-btn_variant--destructive-tertiary:not([disabled]).dropdown-open svg {
  stroke: var(--sib-color_negative-hover);
}
.sib-btn_variant--destructive-tertiary:not([disabled]):active {
  background: var(--sib-color_negative-background-dark);
  border-color: transparent;
  box-shadow: none;
  color: var(--sib-color_negative-hover);
  cursor: pointer;
}
.sib-btn_variant--destructive-tertiary:not([disabled]):active svg {
  stroke: var(--sib-color_negative-hover);
}
.sib-btn_variant--upgrade {
  background: var(--sib-color_upgrade-default);
  border-color: var(--sib-color_upgrade-default);
  box-shadow: var(--sib-shadow_light-small);
  color: var(--sib-color_content-primary);
}
.sib-btn_variant--upgrade svg {
  stroke: var(--sib-color_content-primary);
}
.sib-btn_variant--upgrade:not([disabled]).guideflow_hovered {
  background: var(--sib-color_upgrade-hover);
  border-color: var(--sib-color_upgrade-hover);
  box-shadow: var(--sib-shadow_light-small);
  cursor: pointer;
}
.sib-btn_variant--upgrade:not([disabled]):active {
  background: var(--sib-color_upgrade-press);
  border-color: var(--sib-color_upgrade-press);
}
.sib-btn_variant--upgrade-secondary {
  background: var(--sib-color_surface-white-background);
  border-color: var(--sib-color_upgrade-hover);
  border-width: 1px;
  box-shadow: var(--sib-shadow_light-small);
  color: var(--sib-color_upgrade-press);
  padding: 0.4375rem 1rem;
}
.sib-btn_variant--upgrade-secondary svg {
  stroke: var(--sib-color_upgrade-press);
}
.sib-btn_variant--upgrade-secondary.sib-btn_icon-alone {
  padding: 0.6875rem;
}
.sib-btn_variant--upgrade-secondary.sib-btn_size--small {
  padding: 0.1875rem 0.5rem;
}
.sib-btn_variant--upgrade-secondary.sib-btn_size--small.sib-btn_icon-alone {
  padding: 0.4375rem;
}
.sib-btn_variant--upgrade-secondary:not([disabled]).guideflow_hovered {
  background: var(--sib-color_upgrade-background);
  border-color: var(--sib-color_upgrade-hover);
  color: var(--sib-color_upgrade-press);
  cursor: pointer;
}
.sib-btn_variant--upgrade-secondary:not([disabled]).guideflow_hovered svg {
  stroke: var(--sib-color_upgrade-press);
}
.sib-btn_variant--upgrade-secondary:not([disabled]):active {
  background: var(--sib-color_upgrade-background-dark);
  border-color: var(--sib-color_upgrade-hover);
  color: var(--sib-color_upgrade-press);
  cursor: pointer;
}
.sib-btn_variant--upgrade-secondary:not([disabled]):active svg {
  stroke: var(--sib-color_upgrade-press);
}
.sib-btn_variant--upgrade-tertiary {
  background: inherit;
  border-color: transparent;
  box-shadow: none;
  color: var(--sib-color_upgrade-press);
}
.sib-btn_variant--upgrade-tertiary svg {
  stroke: var(--sib-color_upgrade-press);
}
.sib-btn_variant--upgrade-tertiary:not([disabled]).guideflow_hovered,
.sib-btn_variant--upgrade-tertiary:not([disabled]).dropdown-open {
  background: var(--sib-color_upgrade-background);
  border-color: transparent;
  box-shadow: none;
  color: var(--sib-color_upgrade-press);
  cursor: pointer;
}
.sib-btn_variant--upgrade-tertiary:not([disabled]).guideflow_hovered svg,
.sib-btn_variant--upgrade-tertiary:not([disabled]).dropdown-open svg {
  stroke: var(--sib-color_upgrade-press);
}
.sib-btn_variant--upgrade-tertiary:not([disabled]):active {
  background: var(--sib-color_upgrade-background-dark);
  border-color: transparent;
  box-shadow: none;
  color: var(--sib-color_upgrade-press);
  cursor: pointer;
}
.sib-btn_variant--upgrade-tertiary:not([disabled]):active svg {
  stroke: var(--sib-color_upgrade-press);
}
.sib-btn--loader {
  opacity: 0.5;
}
.sib-btn--loader .sib-loader svg {
  margin-left: 0;
  margin-right: 0;
}
.sib-btn--loader > *:not(.sib-loader) {
  opacity: 0;
}
.sib-btn--full-width {
  justify-content: center;
  width: 100%;
}

.sib-loader {
  display: flex;
  z-index: var(--sib-z-index_loader, 1099);
}
.sib-loader svg {
  animation: var(--sib-animation_indicator-spin, indicator-spin 1.3s cubic-bezier(0.46, 0.35, 0.39, 0.85) infinite);
}
.sib-loader--absolute {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.sib-tooltip {
  animation: var(--sib-animation_fade-in);
  background-color: var(--sib-color_content-primary);
  border-radius: var(--sib-border-radius_md, 0.5rem);
  box-shadow: var(--sib-shadow_light-small, 0 4px 8px -2px hsla(0, 0%, 11%, 0.14), 0 2px 4px -2px hsla(0, 0%, 11%, 0.1));
  color: var(--sib-color_surface-white-background);
  font-family: var(--sib-typo_font-family--body);
  font-size: var(--sib-typo_text-md-font-size, 1rem);
  line-height: var(--sib-typo_text-line-height, 1.5rem);
  padding: 0.25rem 0.5rem;
  text-align: center;
  z-index: var(--sib-z-index_tooltip, 100);
}

.sib-popover {
  animation: var(--sib-animation_fade-in, fade-in 200ms ease-in-out forwards);
  background-color: var(--sib-color_surface-white-background);
  border-radius: var(--sib-border-radius_lg, 16px);
  box-shadow: var(--sib-shadow_light-medium, 0 10px 16px -4px hsla(0, 0%, 11%, 0.1), 0 4px 6px -2px hsla(0, 0%, 11%, 0.04));
  color: var(--sib-color_content-primary);
  display: inline-block;
  max-height: 37.5rem;
  max-width: 31.25rem;
  overflow-y: auto;
  padding: 24px;
  z-index: var(--sib-z-index_tooltip, 1001);
}
.sib-popover:focus,
.sib-popoverfocus-visible {
  outline: none;
}
.sib-popover .sib-popover-header {
  align-items: center;
  background-color: var(--sib-color_surface-white-background);
  display: flex;
  gap: 8px;
}
.sib-popover .sib-popover-header-title {
  word-break: break-word;
}
.sib-popover .sib-popover-header > span {
  display: flex;
  margin-left: auto;
}
.sib-popover .sib-popover-content {
  font-family: var(--sib-typo_font-family--body, "Roboto-Regular", "system-ui", "-apple-system", sans-serif);
  margin: 16px 0 0;
}
.sib-popover .sib-popover-footer {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.sib-popover.sib-popover-empty-header .sib-popover-content {
  margin-top: 0;
}
.sib-popover.sib-popover-empty-header .sib-popover-header {
  display: block;
}

.sib-close-btn.sib-btn.sib-btn_icon-stand-alone {
  border: 0;
  border-radius: var(--sib-border-radius_md, 0.5rem);
  box-shadow: none;
  color: var(--sib-color_content-secondary);
  padding: 0;
}
.sib-close-btn.sib-btn.sib-btn_icon-stand-alone svg {
  height: 24px;
  width: 24px;
}
.sib-close-btn.sib-btn.sib-btn_icon-stand-alone.sib-btn_size--small {
  border-radius: var(--sib-border-radius_sm, 0.25rem);
  padding: 0;
}
.sib-close-btn.sib-btn.sib-btn_icon-stand-alone.sib-btn_size--small svg {
  height: 16px;
  width: 16px;
}
.sib-close-btn.sib-btn.sib-btn_icon-stand-alone.sib-btn_size--small:not([disabled]):not(:active):not(:focus-visible).guideflow_hovered {
  box-shadow: 0 0 0 1px var(--sib-color_surface-mid-grey-background);
  padding: 0;
}
.sib-close-btn.sib-btn.sib-btn_icon-stand-alone:not([disabled]).guideflow_hovered {
  background: var(--sib-color_surface-mid-grey-background);
  box-shadow: 0 0 0 2px var(--sib-color_surface-mid-grey-background);
  color: var(--sib-color_primary-hover);
}
.sib-close-btn.sib-btn.sib-btn_icon-stand-alone:not([disabled]):active {
  background: var(--sib-color_surface-mid-grey-background);
  box-shadow: 0 0 0 0;
  color: var(--sib-color_primary-press);
  padding: 0;
}
.sib-close-btn.sib-btn.sib-btn_icon-stand-alone:not([disabled]):focus-visible {
  box-shadow: 0 0 0 2px var(--sib-color_information-graphical);
  outline: none;
}
.sib-close-btn.sib-btn.sib-btn_icon-stand-alone:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.sib-tag {
  align-items: center;
  background-color: var(--sib-color_surface-mid-grey-background);
  border-radius: var(--sib-border-radius_xlg, 2rem);
  color: var(--sib-color_content-primary);
  display: inline-flex;
  font-family: var(--sib-typo_font-family--body, "Roboto-Regular", "system-ui", "-apple-system", sans-serif);
  font-size: var(--sib-typo_text-sm-font-size, 0.8125rem);
  justify-content: center;
  line-height: var(--sib-typo_text-line-sm-height, 1rem);
  outline: none;
  padding: 0.25rem 0.5rem;
  text-decoration: none;
  vertical-align: middle;
  vertical-align: top;
  white-space: nowrap;
}
.sib-tag.sib-tag-blue {
  background-color: var(--sib-color_information-background-dark);
}
.sib-tag.sib-tag-green {
  background-color: var(--sib-color_positive-background-dark);
}
.sib-tag.sib-tag-orange {
  background-color: var(--sib-color_warning-background-dark);
}
.sib-tag.sib-tag-red {
  background-color: var(--sib-color_negative-background-dark);
}
.sib-tag.sib-tag-gold {
  background-color: var(--brand-metallic-gold-400);
}
.sib-tag.sib-tag-pink {
  background-color: var(--sib-color_upgrade-default);
}
.sib-tag.sib-tag-border {
  border: 2px solid var(--sib-color_content-white);
  padding: 2px 6px;
}
.sib-tag__icon {
  display: flex;
  margin-right: 0.25rem;
}
.sib-tag.sib-tag-icon-alone {
  padding: 4px;
}
.sib-tag.sib-tag-icon-alone .sib-tag__icon {
  margin-right: 0;
}
.sib-tag .label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sib-tag .sib-tag-cross {
  margin-left: 8px;
}

.sib-skeleton {
  background-color: var(--sib-color_surface-grey-background);
  border-radius: 0.5rem;
  display: inline-block;
  line-height: 1;
  width: 100%;
}
.sib-skeleton-animation {
  animation: var(--sib-animation_skeleton-loading, skeleton-loading 1s linear infinite);
  background-image: linear-gradient(to right, var(--sib-color_surface-grey-background) 0%, var(--sib-color_surface-sidebar-background) 20%, var(--sib-color_surface-grey-background) 40%, var(--sib-color_surface-grey-background) 100%);
  background-size: 900px 104px;
}

.sib-links {
  color: var(--sib-color_primary-default);
  display: inline-block;
  font-family: var(--sib-typo_font-family--body, "Roboto-Regular", "system-ui", "-apple-system", sans-serif);
  font-size: var(--sib-typo_text-md-font-size, 1rem);
  line-height: var(--sib-typo_text-line-height, 1.5rem);
  outline: none;
  text-decoration: underline;
}
.sib-links:not([disabled]).guideflow_hovered {
  color: var(--sib-color_information-hover);
  cursor: pointer;
  text-decoration: underline;
}
.sib-links:not([disabled]):active {
  color: var(--sib-color_information-press);
  cursor: pointer;
}
.sib-links:not([disabled]):focus-visible {
  border-radius: var(--sib-border-radius_md, 0.5rem);
  box-shadow: 0 0 0 0.125rem var(--sib-color_information-graphical);
  text-decoration: underline;
}
.sib-links svg {
  margin-left: 0.5rem;
  position: relative;
  top: 3px;
}

.sib-sidebar {
  background: var(--sib-color_surface-sidebar-background);
  color: var(--sib-color_content-primary);
  contain: layout style;
  font-family: var(--sib-typo_font-family--body, "Roboto-Regular", "system-ui", "-apple-system", sans-serif);
  font-size: var(--sib-typo_text-md-font-size, 1rem);
  line-height: var(--sib-typo_text-line-height, 1.5rem);
  margin: 0;
  min-height: calc(100vh - 3.5rem);
  min-width: 14.5rem;
  width: 14.5rem;
}
.sib-sidebar ul,
.sib-sidebar li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sib-sidebar .sib-sidebar__section {
  margin-top: 2rem;
}
.sib-sidebar .sib-sidebar__section:first-child {
  margin: 0.75rem 0.5rem 0 0.5rem;
}
.sib-sidebar .sib-sidebar__section:nth-child(2) {
  margin-top: 5rem;
}
.sib-sidebar .sib-sidebar__section:last-child {
  margin-bottom: 0.75rem;
}
.sib-sidebar .sib-sidebar__section--nested {
  padding-bottom: 0.5rem;
}
.sib-sidebar .sib-sidebar__section--nested .sib-sidebar__control {
  padding-left: 3rem;
}
.sib-sidebar .sib-sidebar__section--nested:not(.sib-collapsible__content_toggled) {
  height: 0;
  padding-bottom: 0;
}
.sib-sidebar button.sib-sidebar__control {
  background: transparent;
  border: 0;
  font-family: var(--sib-typo_font-family--body, "Roboto-Regular", "system-ui", "-apple-system", sans-serif);
  font-size: var(--sib-typo_text-md-font-size, 1rem);
  line-height: var(--sib-typo_text-line-height, 1.5rem);
  width: 100%;
}
.sib-sidebar .sib-sidebar__control {
  align-items: center;
  border-radius: var(--sib-border-radius_md, 0.5rem);
  color: inherit;
  display: flex;
  outline: 0;
  padding: 0.75rem 0.5rem 0.75rem 1rem;
}
.sib-sidebar .sib-sidebar__control.sib-sidebar__control--active {
  color: var(--sib-color_information-default);
  font-family: var(--sib-typo_font-family--body_medium, "Roboto-Medium", "system-ui", "-apple-system", sans-serif);
}
.sib-sidebar .sib-sidebar__control.sib-sidebar__control--active .sib-sidebar__icon {
  color: var(--sib-color_information-default);
}
.sib-sidebar .sib-sidebar__control,
.sib-sidebar .sib-sidebar__control.guideflow_hovered,
.sib-sidebar .sib-sidebar__control:focus {
  text-decoration: none;
}
.sib-sidebar .sib-sidebar__control.guideflow_hovered {
  background: var(--sib-color_surface-grey-background);
  color: var(--sib-color_primary-hover);
}
.sib-sidebar .sib-sidebar__control.guideflow_hovered .sib-sidebar__icon {
  color: var(--sib-color_primary-hover);
}
.sib-sidebar .sib-sidebar__control:active {
  background: var(--sib-color_surface-grey-background);
  color: var(--sib-color_primary-press);
}
.sib-sidebar .sib-sidebar__control:active .sib-sidebar__icon {
  color: var(--sib-color_primary-press);
}
.sib-sidebar .sib-sidebar__control:focus-visible {
  border-radius: var(--sib-border-radius_md, 0.5rem);
  box-shadow: 0 0 0 0.125rem var(--sib-color_information-graphical);
}
.sib-sidebar .sib-sidebar__control.sib-collapsible__trigger:not(.sib-sidebar .sib-sidebar__control.sib-collapsible__trigger.sib-collapsible__trigger_toggled) .sib-collapsible__arrow {
  transform: rotate(180deg);
}
.sib-sidebar .sib-sidebar__control--locked {
  cursor: pointer;
}
.sib-sidebar .sib-sidebar__label {
  align-items: center;
  display: flex;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sib-sidebar .sib-sidebar__label--text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sib-sidebar .sib-sidebar__label::after {
  content: "";
  display: block;
}
.sib-sidebar .sib-sidebar__icon {
  flex-shrink: 0;
  margin-right: 1rem;
}
.sib-sidebar .sib-tag {
  margin-left: 0.25rem;
}
.sib-sidebar .sib-sidebar__heading-wrapper {
  align-items: center;
  display: flex;
}
.sib-sidebar .sib-sidebar__heading {
  font-family: var(--sib-typo_font-family--body_bold, "Roboto-Bold", "system-ui", "-apple-system", sans-serif);
  font-size: var(--sib-typo_text-md-font-size, 1rem);
  line-height: var(--sib-typo_text-line-height, 1.5rem);
  margin: 0;
  padding: 0 1.5rem;
}
.sib-sidebar .sib-sidebar__heading-icon {
  display: flex;
  margin-left: 0.25rem;
}
.sib-sidebar .sib-sidebar__content,
.sib-sidebar .sib-sidebar__steps {
  margin: 0 1.5rem;
}
.sib-sidebar .sib-sidebar__content--link {
  display: block;
}
.sib-sidebar .sib-sidebar__content--btn {
  margin-top: 8px;
}
.sib-sidebar__menu-checkbox,
.sib-sidebar__menu-icon {
  display: none;
}
@media (max-width: 1024px) {
  .sib-sidebar {
    flex: 0 0 14.5rem;
    height: 100vh;
    left: -232px;
    overflow: auto;
    padding: 0;
    position: fixed;
    top: 0;
    z-index: var(--sib-z-index_modal, 1000);
  }
  .sib-sidebar-backdrop {
    background: var(--sib-color_interactive-default);
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow: auto;
    overscroll-behavior: none;
    position: fixed;
    right: 0;
    -ms-scroll-chaining: none;
    top: 0;
    transition-duration: 250ms;
    visibility: hidden;
    z-index: calc(var(--sib-z-index_modal, 1000) - 1);
  }
  .sib-sidebar-backdrop.backdrop--visible {
    opacity: 0.7;
    visibility: visible;
  }
  .sib-sidebar .sib-sidebar__section:nth-child(2) {
    margin-top: 1rem;
  }
  .sib-sidebar .sib-sidebar__section:last-child {
    margin-bottom: 5rem;
  }
  .sib-sidebar__menu-checkbox,
  .sib-sidebar__menu-icon {
    border-radius: 100px;
    bottom: 0;
    box-shadow: var(--sib-shadow_light-medium, 0 10px 16px -4px hsla(0, 0%, 11%, 0.1), 0 4px 6px -2px hsla(0, 0%, 11%, 0.04));
    display: inline-block;
    height: 2.75rem;
    left: 0;
    margin: 1rem;
    position: fixed;
    width: 2.75rem;
    z-index: var(--sib-z-index_sidebar_menu_icon, 1002);
  }
  .sib-sidebar__menu-checkbox {
    cursor: pointer;
    opacity: 0;
    z-index: var(--sib-z-index_sidebar_menu_checkbox, 1003);
  }
  .sib-sidebar__menu-checkbox:not([disabled]):focus-visible + .sib-sidebar__menu-icon {
    border-radius: var(--sib-border-radius_md, 0.5rem);
    box-shadow: 0 0 0 0.125rem var(--sib-color_information-graphical);
    outline: none;
  }
  .sib-sidebar__menu-checkbox:checked {
    left: 14.5rem;
    margin: 1rem;
  }
  .sib-sidebar__menu-icon {
    animation: var(--sib-transition_sidebar-slide-right, slide-right-with-bounce 700ms both);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 16 16' class='' color='%231f2d3d'%3E%3Cpath stroke='%231f2d3d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 8h12M2 4h12M2 12h12'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
    background-color: var(--sib-color_surface-mid-grey-background);
  }
  .sib-sidebar__menu-checkbox:checked + .sib-sidebar__menu-icon {
    animation: var(--sib-transition_sidebar-slide-left, slide-left-with-bounce 700ms both);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 16 16' class='' color='%231f2d3d'%3E%3Cpath stroke='%231f2d3d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 4-8 8m0-8 8 8'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
    background-color: var(--sib-color_surface-mid-grey-background);
    left: 14.5rem;
  }
  .sib-sidebar__menu-checkbox ~ .sib-sidebar {
    animation: var(--sib-transition_sidebar-slide-right, slide-right-with-bounce 700ms both);
  }
  .sib-sidebar__menu-checkbox:checked ~ .sib-sidebar {
    animation: var(--sib-transition_sidebar-slide-left, slide-left-with-bounce 700ms both);
    left: 0;
  }
}

.sib-logo {
  display: inline-flex;
  flex-direction: column;
  outline: none;
  text-decoration: none;
}
.sib-logo.guideflow_hovered,
.sib-logo:focus,
.sib-logo:active,
.sib-logo:focus-visible {
  text-decoration: none;
}
.sib-logo__clickable.sib--svg {
  height: 100%;
  width: 100%;
}
.sib-logo:focus-visible {
  border-radius: var(--sib-border-radius_sm);
  box-shadow: 0 0 0 0.1rem var(--sib-color_surface-white-background), 0 0 0 0.2rem var(--sib-color_information-graphical);
}
.sib-logo__tagline {
  align-items: center;
  color: var(--brand-charcoal-grey-900);
  display: flex;
  font-family: var(--brand-typo_font-family--primary_regular);
  font-size: 8px;
  line-height: 8px;
  margin-top: 4px;
}
.sib-logo__tagline-icon-alone {
  font-size: 7px;
  line-height: 7px;
  margin-top: 2px;
}