
.p-huddle_people_grid_view__page_indicator {
  background-color: #fff;
}

.p-huddle_people_grid_view__page_button {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1) !important;
  box-shadow:
    0 0 0 1px var(--saf-0),
    0 1px 3px 0 #00000014;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1) !important;

  &:hover {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1) !important;
    box-shadow:
      0 0 0 1px var(--saf-0),
      0 4px 12px 0 #00000014;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1) !important;

    .c-base_icon {
      border-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    }
  }
}

.p-huddle_view_switcher {
  background: #fff;
  border: 1px solid #00000021;
  box-shadow: 0 1px 3px #00000014;
  color: #000;
  gap: 4px;

  &:hover {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    background-color: #fff;
    box-shadow:
      0 0 0 1px var(--saf-0),
      0 1px 3px 0 #00000014;
    color: #1d1c1d;
  }
}

.p-huddle_view_item_header__info_title {
  color: #fff;
}

.p-huddle_view_item_header__info_subtitle {
  color: #ffffffb3;
}

.p-huddle_drawing_icon .p-huddle_drawing_icon--slash {
  color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
}

.p-huddle_top_toolbar__container {
  color: #1d1c1d;

  .p-huddle_top_toolbar__button {
    background: #0000;
    color: #ffffffb3;

    &:hover {
      background: #0000;
      box-shadow: 0 1px 3px 0 #00000014;
      color: #ffffff80;
    }
  }

  .c-button-unstyled:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow:
      0 0 0 1px var(--sk_focused-shadow-color, var(--saf-0)),
      0 0 0 5px var(--sk_focused-shadow-color-opaque, #1d9bd14d);
  }

  .p-huddle_top_toolbar__gradient {
    background: linear-gradient(#1d1c1d99, #1d1c1d00);
  }

  .p-huddle_top_toolbar--right-controls {
    background: #1a1d21;

    .p-huddle_view_switcher:not(:focus) {
      border: none;
      box-shadow: none;
    }
  }

  .p-huddle_top_toolbar_media_controls__zoom_control {
    .p-zoom__control_group {
      background: #0000;
      border: none;
    }

    .p-huddle_toolbar_media_controls__zoom_icon_button {
      color: #fff;

      &:hover:not([disabled]) {
        color: #ffffffb3;
      }
    }
  }

  .p-huddle_top_toolbar_screenshare_controls__zoom_control {
    .p-zoom__control_group {
      color: #fff;

      .c-button-unstyled:hover:not([disabled]) {
        color: #ffffffb3;
      }
    }

    .p-zoom__button--reset:hover:not([disabled]) {
      color: #ffffffb3;
    }
  }

  .p-huddle_top_toolbar__vertical_divider {
    border-left: 1px solid #ffffff4d;
  }
}

.p-huddle_tile_list__container .p-huddle_tile_list__tile {
  scroll-snap-align: start;
}

.p-huddle_video_strip_container .c-scrollbar__hider {
  scroll-snap-type: y proximity;
}

.p-huddle_video_strip_container--gradient:after {
  background: linear-gradient(to top, var(--dt_color-theme-base-inv-pry, var(--p-huddle__bg)), #0000);
}

.p-huddle_window_content--expanded-view {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  box-shadow:
    0 0 0 1px var(--saf-0),
    0 1px 3px 0 #00000014;
}

.p-huddle_window--ia4 .p-huddle_window_content--expanded-view {
  box-shadow: none;
}

.p-huddle_education_prompt_tip,
.p-huddle_window_titlebar .p-huddle_window_titlebar__control_container .p-huddle_education_prompt_tip,
.p-huddle_education_prompt_tip:before {
  background: #1264a3;
}

.p-huddle_window_resize_button:focus {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  box-shadow:
    0 0 0 1px var(--sk_focused-shadow-color, var(--saf-0)),
    0 0 0 5px var(--sk_focused-shadow-color-opaque, #1d9bd14d);
}

.p-huddle_window_titlebar__control_container .p-huddle_pop_back_into_mini_player_button {
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
}

.p-huddle_pop_back_into_mini_player_button:focus {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  box-shadow:
    0 0 0 1px var(--sk_focused-shadow-color, var(--saf-0)),
    0 0 0 5px var(--sk_focused-shadow-color-opaque, #1d9bd14d);
}

.p-huddle_window_titlebar {
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));

  &.p-huddle_window_titlebar--mac,
  &.p-huddle_window_titlebar--windows {
    -webkit-user-select: none;
    user-select: none;
  }
}

.p-huddle_window {
  background-color: var(--dt_color-theme-base-inv-pry, var(--p-huddle__bg));
}

.p-huddle_window--ia4 .p-huddle_window__content_container--full_mode {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  box-shadow:
    0 0 0 1px var(--saf-0),
    0 1px 3px 0 #00000014;
}

.p-huddle_multi_device_modal .p-huddle_multi_device_modal__primary_button {
  background: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.c-new_locale_toast {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  box-shadow:
    0 0 0 1px var(--saf-0),
    0 4px 12px 0 #00000059;
}

.c-new_locale_toast__image {
  background-clip: padding-box;
}

.c-new_locale_toast__close_button.c-toast__close-button {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.c-new_locale_toast .c-link--button:hover,
.c-new_locale_toast__close_button:hover {
  color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
}

.deprecation-banner,
.deprecation-browser-banner {
  background: #f2c744;
}

.deprecation-browser-banner--phase-two {
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
}

.p-download_toast {
  .p-download_controls__actions,
  .p-download_controls__viewall {
    transition-duration: 0.3s;
  }
}

.p-download_toast__item:focus {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  box-shadow:
    0 0 0 1px var(--sk_focused-shadow-color, var(--saf-0)),
    0 0 0 5px var(--sk_focused-shadow-color-opaque, #1d9bd14d);
}

.p-download_toast__progress_outer {
  background: #ddd;
}

.p-download_toast__progress_inner {
  background: #1d9bd1;
  transition-duration: 0.15s;
}

.p-download_toast_item--completed {
  .p-download_toast__progress_outer {
    transition-duration: 0.3s;
  }

  .c-pillow_file_meta_icon {
    background-image: linear-gradient(#1d1c1d, #1d1c1d);
    background-position: 5px 6px;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    color: #fff;
    transition-duration: 0.3s;
  }
}

.p-upgrades_modal_row__subtitle {
  color: #616061;
}

.sk-client-theme--dark .p-upgrades_modal_row__subtitle {
  color: #d1d2d3b3;
}

.p-trial_vhq_base_modal__usage {
  width: fit-content;
}

.p-trial_vhq_base_modal__try_next {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
}

.p-modal_three_column_row_item__subtitle {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

.p-modal_three_column_row_item__title {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-add_workspaces_to_ssb_modal {
  .p-add_workspaces_to_ssb_modal__content {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }

  .p-add_workspaces_to_ssb_modal__content--dark {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }
}

.p-add_workspaces_to_ssb_email_confirmation_modal {
  .c-sk-modal_image__container {
    background-color: #4a154b;
  }

  .c-icon--times {
    color: #ddd;
  }

  .p-add_workspaces_to_ssb_email_confirmation_modal__content {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }

  .p-add_workspaces_to_ssb_email_confirmation_modal__content--dark {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }

  .p-add_workspaces_to_ssb_email_confirmation_modal__content--indicateBottom {
    &:after,
    &:before {
      border: none;
    }
  }
}

.p-huddle_invite_window_avatar {
  .p-huddle_invite_window_avatar__additional_overlay,
  .p-huddle_invite_window_avatar__status_overlay {
    background-color: var(--dt_color-theme-base-inv-pry, var(--p-huddle__bg));
    color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
  }
}

.p-huddle_invite_window_text .c-missing_channel--private {
  background-color: var(--dt_color-theme-surf-inv-pry, var(--p-huddle__text_color_opacity_13));
  color: inherit;
}

.p-huddle_invite_window_text__truncate_tooltip {
  color: #fff;

  .c-missing_channel--private {
    color: inherit;
  }
}

.p-huddle_invite_window_content {
  background-color: var(--dt_color-theme-base-inv-pry, var(--p-huddle__bg));
}

.p-huddle_invite_window_content_facepile {
  gap: 8px;

  .c-avatar__additional_overlay {
    background-color: var(--dt_color-theme-base-inv-pry, var(--p-huddle__bg));
    color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
  }
}

.p-huddle_invite_window_content__invite_text {
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
}

.p-huddle_invite_window_content__buttons.p-huddle_invite_window_content__buttons--with_pending_invites {
  gap: 24px;

  .p-huddle_invite_window_content__button {
    background-color: var(--dt_color-theme-surf-inv-pry, var(--p-huddle__border_color));
    color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color_opacity_70));

    &:hover {
      background-color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
      color: var(--dt_color-theme-base-inv-pry, var(--p-huddle__bg));
    }
  }

  .p-huddle_invite_window_content__button--join {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: 1px solid var(--dt_color-theme-otl-inv-pry, var(--p-huddle__text_color_opacity_13));
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);

    &:hover {
      background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
      color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    }
  }
}

.p-huddle_invite_window_content__button_with_label_container .p-huddle_invite_window_content__button_label {
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color_opacity_70));
}

.p-huddle_invite_window_content__button--join {
  background: rgba(var(--sk_highlight, 18, 100, 163), 1);
  color: #fff;

  &:hover {
    background: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    color: #fff;
  }
}

.p-huddle_invite_window_titlebar {
  background-color: var(--dt_color-theme-base-inv-pry, var(--p-huddle__bg));
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));

  &.p-huddle_invite_window_titlebar--windows,
  &.p-huddle_invite_window_titlebar--mac {
    -webkit-user-select: none;
    user-select: none;
  }
}

.p-huddle_popover_header__topic {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.c-button-unstyled[disabled] .p-huddle_popover_header__topic {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

.p-huddle_popover_avatar {
  flex-basis: 92px;
}

.p-huddle_popover_avatar__avatar_container--muted {
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);

  .p-huddle_mic_icon__microphone--slash {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }
}

.p-huddle_popover_avatar__active_speaker_border {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border: 2px solid var(--saf-0);
}

.p-huddle_popover_avatar__mic_container {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
}

.p-huddle_popover_avatar__not_a_channel_member_flag {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  box-shadow: 0 0 0 2px #fff;
}

.p-huddle_popover_avatar__mic--active {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);

  .p-huddle_mic_icon__microphone--input_level {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
}

.p-huddle_popover_avatar__name--muted {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

.p-huddle_popover_avatar__name--active {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.p-huddle_popover_avatar_grid .p-huddle_popover_avatar_wrapper {
  flex-basis: 108px;
}

.p-huddle_popover {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  box-shadow:
    0 0 0 1px #00000026,
    0 5px 10px #0000001f;
  box-shadow:
    0 0 0 1px var(--saf-0),
    0 4px 12px 0 #00000014;
  opacity: 1;
}

[lang] .p-huddle_popover {
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
}

[lang='ja-JP'] .p-huddle_popover {
  font-family: NotoSansJP, Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
}

[lang='ko-KR'] .p-huddle_popover {
  font-family: NotoSansKR, Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
}

[lang='zh-CN'] .p-huddle_popover {
  font-family: NotoSansSC, Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
}

[lang='zh-TW'] .p-huddle_popover {
  font-family: NotoSansTC, Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
}

.p-huddle_activity__border {
  border: 1.5px solid var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
  will-change: transform, opacity;
}

.p-huddle_activity__headset_container,
.p-huddle_activity__joining_avatar_container {
  border: none;
}

.p-huddle_activity__headset {
  fill: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-huddle_sidebar_footer__controls .p-huddle_activity__antenna_icon,
.p-huddle_sidebar_footer__join_active_container .p-huddle_activity__antenna_icon {
  background-color: var(--dt_color-theme-base-inv-hgl-1, var(--p-huddle__active_item));
}

.p-huddle_activity_header .p-huddle_activity__antenna_icon {
  background: none;
}

.p-huddle_activity__text {
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
}

.p-huddle_sidebar_footer--join_active .p-huddle_activity__text--join_active_huddle {
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__active_item_text));
}

.p-huddle_activity__subtext {
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color_opacity_70));

  &:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow:
      0 0 0 1px var(--sk_focused-shadow-color, var(--saf-0)),
      0 0 0 5px var(--sk_focused-shadow-color-opaque, #1d9bd14d);
    outline: none;
  }
}

.p-huddle_activity--invert .p-huddle_activity__subtext {
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color_opacity_70));
}

.p-huddle_activity--active .p-huddle_activity__subtext {
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
}

.p-huddle_sidebar_footer--join_active .p-huddle_activity__subtext--join_active_huddle {
  color: var(--dt_color-theme-content-inv-ter, var(--p-huddle__active_item_text_opacity_70));
}

.p-huddle_activity__second_avatar {
  background-color: var(--dt_color-theme-base-inv-hgl-1, var(--p-huddle__active_item));
}

.p-setup_prog_disc_huddles_flag_tip {
  --prog_disc_huddles_flag_bg: rgba(var(--sk_highlight, 18, 100, 163), 1);
  --prog_disc_huddles_flag_fg: #fff;
  --prog_disc_huddles_flag_icon_color: #d0ff00;
}

.sk-client-theme--dark .p-setup_prog_disc_huddles_flag_tip {
  --prog_disc_huddles_flag_bg: #f8f8f8;
  --prog_disc_huddles_flag_fg: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  --prog_disc_huddles_flag_icon_color: #007a5a;
}

.p-setup_prog_disc_huddles_flag_tip {
  background-color: var(--dt_color-theme-surf-pry, var(--p-channel_sidebar__column-bg));
}

.p-setup_prog_disc_huddles_flag_tip__children {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border: 2px solid var(--prog_disc_huddles_flag_bg, var(--saf-0));
  background-color: var(--prog_disc_huddles_flag_bg, rgba(var(--sk_highlight, 18, 100, 163), 1));

  .p-huddle_sidebar_footer {
    background-color: var(--prog_disc_huddles_flag_bg, rgba(var(--sk_highlight, 18, 100, 163), 1));
  }

  .p-huddle_sidebar_footer__controls,
  .p-huddle_sidebar_footer__join_non_active_container {
    background-color: var(--dt_color-theme-base-inv-pry, var(--p-huddle__bg));
  }
}

.p-setup_prog_disc_huddles_flag_tip__contents {
  background-color: var(--prog_disc_huddles_flag_bg, rgba(var(--sk_highlight, 18, 100, 163), 1));
  color: var(--prog_disc_huddles_flag_fg, #fff);
}

.p-setup_prog_disc_huddles_flag_tip__contents_link {
  color: var(--prog_disc_huddles_flag_fg, #fff);

  &:active,
  &:hover {
    color: var(--prog_disc_huddles_flag_fg, #fff);
  }
}

.p-setup_prog_disc_huddles_flag_tip_dismissal .p-setup_prog_disc_huddles_flag_tip_dismissal_icon {
  color: #fff;
}

.sk-client-theme--dark
  .p-setup_prog_disc_huddles_flag_tip_dismissal
  .p-setup_prog_disc_huddles_flag_tip_dismissal_icon {
  color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
}

.p-setup_prog_disc_huddles_explainer_tip_container {
  animation-fill-mode: forwards;
  background-color: var(--dt_color-theme-surf-pry, var(--p-channel_sidebar__column-bg));

  &.p-setup_prog_disc_huddles_explainer_tip_container--ia4 {
    background: none;
  }
}

.p-setup_prog_disc_huddles_explainer_tip {
  animation-delay: 0.3s;
  animation-duration: 0.16s;
  animation-fill-mode: forwards;
  background: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.sk-client-theme--dark .p-setup_prog_disc_huddles_explainer_tip {
  background-color: #f8f8f8;
  color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
}

.p-setup_prog_disc_huddles_explainer_tip
  .p-setup_prog_disc_huddles_explainer_tip_dismissal
  .p-setup_prog_disc_huddles_explainer_tip_dismissal_icon {
  color: #fff;
}

.sk-client-theme--dark
  .p-setup_prog_disc_huddles_explainer_tip
  .p-setup_prog_disc_huddles_explainer_tip_dismissal
  .p-setup_prog_disc_huddles_explainer_tip_dismissal_icon {
  color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
}

.p-setup_prog_disc_huddles_explainer_tip .p-setup_prog_disc_huddles_explainer_tip_text {
  color: #fff;
}

.sk-client-theme--dark .p-setup_prog_disc_huddles_explainer_tip .p-setup_prog_disc_huddles_explainer_tip_text {
  color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
}

.p-setup_prog_disc_huddles_explainer_tip .p-huddle_sidebar_footer {
  background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.sk-client-theme--dark .p-setup_prog_disc_huddles_explainer_tip .p-huddle_sidebar_footer {
  background-color: #f8f8f8;
}

.p-setup_prog_disc_huddles_explainer_tip {
  .p-huddle_sidebar_footer__controls,
  .p-huddle_sidebar_footer__join_non_active_container {
    background-color: var(--dt_color-theme-base-inv-pry, var(--p-huddle__bg));
  }
}

.p-setup_prog_disc_huddles_explainer_tip_link {
  color: #fff;
}

.sk-client-theme--dark .p-setup_prog_disc_huddles_explainer_tip_link {
  color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
}

.p-setup_prog_disc_huddles_explainer_tip_link {
  &:focus,
  &:hover {
    color: #fff;
  }
}

.sk-client-theme--dark .p-setup_prog_disc_huddles_explainer_tip_link {
  &:focus,
  &:hover {
    color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

.p-huddle_switch__input {
  --saf-0: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  appearance: none;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  outline: none;
}

.p-huddle_switch__visual {
  &:before {
    font-family: Slack v2;
    font-style: normal;
  }

  &:after {
    background-color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  }
}

.p-huddle_switch__input {
  &:checked {
    background-color: #007a5a;
    border: none;

    + .p-huddle_switch__visual {
      &:before {
        color: #fff;
      }

      &:after {
        background-color: #fff;
      }
    }
  }

  &:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border-color: #0000;
    border-radius: 18px;
    box-shadow:
      0 0 0 1px var(--sk_focused-shadow-color, var(--saf-0)),
      0 0 0 5px var(--sk_focused-shadow-color-opaque, #1d9bd14d);

    &:-moz-placeholder,
    &:-ms-input-placeholder,
    &::-moz-placeholder,
    &::-webkit-input-placeholder {
      color: #1e1d1e;
    }
  }

  &:hover {
    border-color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  }
}

.p-huddle_sidebar_footer--join_active .p-huddle_switch__input:hover {
  border-color: var(--p-huddle__active_item_text_opacity_50);
}

.p-huddle_switch__input {
  &:disabled {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: none;

    + .p-huddle_switch__visual {
      &:before {
        color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
      }

      &:after {
        background-color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
      }
    }
  }

  background-color: var(--dt_color-theme-base-inv-pry, var(--p-huddle__bg));
  border: 1px solid var(--dt_color-theme-content-ter, var(--p-huddle__text_color_opacity_50));

  &:hover {
    background-color: var(--dt_color-theme-base-inv-pry, var(--p-huddle__bg));
    border: 1px solid var(--dt_color-theme-content-ter, var(--p-huddle__text_color_opacity_50));
  }
}

.p-huddle_sidebar_footer--join_active .p-huddle_switch__input {
  background-color: var(--dt_color-theme-base-inv-hgl-1, var(--p-huddle__active_item));
  border: 1px solid var(--p-huddle__active_item_text_opacity_50);

  &:hover {
    background-color: var(--dt_color-theme-base-inv-hgl-1, var(--p-huddle__active_item));
    border: 1px solid var(--p-huddle__active_item_text_opacity_50);
  }
}

.p-huddle_sidebar_footer--join_non_active:hover .p-huddle_switch__input {
  border: 1px solid var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color_opacity_70));

  &:hover {
    border: 1px solid var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color_opacity_70));
  }
}

.p-huddle_sidebar_footer--join_active:hover {
  .p-huddle_switch__input {
    border: 1px solid var(--dt_color-theme-content-inv-ter, var(--p-huddle__active_item_text_opacity_70));

    &:hover {
      border: 1px solid var(--dt_color-theme-content-inv-ter, var(--p-huddle__active_item_text_opacity_70));
    }
  }

  .p-huddle_switch__input--trial_card_refresh {
    border-color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));

    &:hover {
      border-color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
    }
  }
}

.p-huddle_sidebar_footer--join_non_active:hover .p-huddle_switch__input--trial_card_refresh,
.p-huddle_switch__input--trial_card_refresh {
  border-color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));

  &:hover {
    border-color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
  }
}

.p-huddle_switch__input:checked {
  background-color: var(--dt_color-theme-base-inv-hgl-1, var(--p-huddle__active_item));
  border: 1px solid var(--dt_color-theme-base-inv-hgl-1, var(--p-huddle__active_item));
}

.p-huddle_sidebar_footer--ia4 .p-huddle_switch__input:checked {
  background-color: var(--p-huddle__text_color_opacity_30);
  border: none;
}

.p-huddle_switch__visual:after {
  background-color: var(--dt_color-theme-content-ter, var(--p-huddle__text_color_opacity_50));
}

.p-huddle_sidebar_footer--join_active {
  .p-huddle_switch__visual:after {
    background-color: var(--p-huddle__active_item_text_opacity_50);
  }

  &:hover .p-huddle_switch__visual:after {
    background-color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
  }
}

.p-huddle_sidebar_footer--join_non_active:hover .p-huddle_switch__visual:after {
  background-color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
}

.p-huddle_sidebar_footer--join_active:hover {
  .p-huddle_switch__visual:after {
    background-color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__active_item_text));
  }

  .p-huddle_switch__visual--trial_card_refresh:after {
    background-color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
  }
}

.p-huddle_sidebar_footer--join_non_active:hover .p-huddle_switch__visual--trial_card_refresh:after,
.p-huddle_switch__visual--trial_card_refresh:after {
  background-color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
}

.p-huddle_switch__input {
  + .p-huddle_switch_button__toggle_animation-exit.p-huddle_switch__visual:after,
  &:checked + .p-huddle_switch__visual:after {
    background-color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__active_item_text));
    border: 1px solid var(--dt_color-theme-surf-sec, var(--p-huddle__active_item_opacity_13));
  }
}

.p-huddle_switch__headphones_icon {
  color: var(--dt_color-theme-content-ter, var(--p-huddle__text_color_opacity_50));
}

.p-huddle_sidebar_footer--join_active .p-huddle_switch__headphones_icon {
  color: var(--p-huddle__active_item_text_opacity_50);
}

.p-huddle_switch__headphones_icon.p-huddle_switch__headphones_icon--toggled {
  color: var(--dt_color-theme-base-inv-hgl-1, var(--p-huddle__active_item));
}

.p-huddle_sidebar_footer--join_active:hover .p-huddle_switch:hover .p-huddle_switch__headphones_icon,
.p-huddle_sidebar_footer--join_non_active:hover .p-huddle_switch:hover .p-huddle_switch__headphones_icon {
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
}

.p-huddle_sidebar_footer--join_active:hover .p-huddle_switch__headphones_icon,
.p-huddle_sidebar_footer--join_non_active:hover .p-huddle_switch__headphones_icon {
  color: var(--dt_color-theme-content-ter, var(--p-huddle__text_color_opacity_50));
}

.p-huddle_sidebar_footer--join_active:hover {
  .p-huddle_switch:hover .p-huddle_switch__headphones_icon {
    color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__active_item_text));
  }

  .p-huddle_switch__headphones_icon {
    color: var(--dt_color-theme-content-inv-ter, var(--p-huddle__active_item_text_opacity_70));
  }
}

.p-huddle_switch__headphones_icon--trial_card_refresh,
.p-huddle_sidebar_footer--join_active:hover .p-huddle_switch__headphones_icon--trial_card_refresh,
.p-huddle_sidebar_footer--join_non_active:hover .p-huddle_switch__headphones_icon--trial_card_refresh {
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
}

.p-huddle_switch__input--pulse {
  &:after {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
  }

  &:before {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    animation-name: toggle-switch-pulse-outer;
    will-change: transform;
  }

  &:after {
    animation-name: toggle-switch-pulse-inner;
    border: 1px solid var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
    box-shadow: 0 0 4px 4px var(--p-huddle__text_color_opacity_30);
  }
}

@keyframes toggle-switch-visual-pulse {
  0%,
  5% {
    background-color: var(--p-huddle__text_color_opacity_30);
  }
  60% {
    background-color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
  }
  95%,
  to {
    background-color: var(--p-huddle__text_color_opacity_30);
  }
}

@keyframes headphones-icon-pulse {
  0%,
  5% {
    color: var(--p-huddle__text_color_opacity_30);
  }
  60% {
    color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
  }
  95%,
  to {
    color: var(--p-huddle__text_color_opacity_30);
  }
}

.p-huddle_toggle_button {
  background-color: initial;
  border: none;
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color_opacity_70));

  &.c-icon_button {
    background-color: initial;
    border: none;
    color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color_opacity_70));

    &:hover {
      background-color: var(--dt_color-theme-surf-inv-pry, var(--p-huddle__hover_item));
      border: none;
      color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
    }
  }

  &:hover {
    background-color: var(--dt_color-theme-surf-inv-pry, var(--p-huddle__hover_item));
    border: none;
    color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
  }
}

.p-huddle_camera_button--toggled_on {
  background-color: #1d9bd1;
}

.p-huddle_sidebar_footer_buttons__button {
  background-color: var(--dt_color-theme-surf-inv-pry, #0000);
  border: none;
  color: var(--dt_color-theme-content-inv-sec, var(--p-huddle__text_color));

  &.c-button,
  &.c-icon_button {
    background-color: var(--dt_color-theme-surf-inv-pry, #0000);
    border: none;
    color: var(--dt_color-theme-content-inv-sec, var(--p-huddle__text_color));
  }

  &.c-button:hover:not(
      .p-huddle_sidebar_footer_buttons__button--mic-unmuted,
      .p-huddle_sidebar_footer_buttons__button--screen-share-active,
      .p-huddle_sidebar_footer_buttons--active
    ),
  &.c-icon_button:hover:not(
      .p-huddle_sidebar_footer_buttons__button--mic-unmuted,
      .p-huddle_sidebar_footer_buttons__button--screen-share-active,
      .p-huddle_sidebar_footer_buttons--active
    ),
  &:hover:not(
      .p-huddle_sidebar_footer_buttons__button--mic-unmuted,
      .p-huddle_sidebar_footer_buttons__button--screen-share-active,
      .p-huddle_sidebar_footer_buttons--active
    ) {
    background-color: var(--dt_color-theme-surf-inv-pry, var(--p-huddle__hover_item));
    border: none;
    color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
  }
}

.p-ia4_client--theming .p-huddle_sidebar_footer_buttons__button {
  &.c-button:hover:not(
      .p-huddle_sidebar_footer_buttons__button--mic-unmuted,
      .p-huddle_sidebar_footer_buttons__button--screen-share-active,
      .p-huddle_sidebar_footer_buttons--active
    ),
  &.c-icon_button:hover:not(
      .p-huddle_sidebar_footer_buttons__button--mic-unmuted,
      .p-huddle_sidebar_footer_buttons__button--screen-share-active,
      .p-huddle_sidebar_footer_buttons--active
    ),
  &:hover:not(
      .p-huddle_sidebar_footer_buttons__button--mic-unmuted,
      .p-huddle_sidebar_footer_buttons__button--screen-share-active,
      .p-huddle_sidebar_footer_buttons--active
    ) {
    background-image: linear-gradient(
      var(--dt_color-theme-surf-inv-pry-hover),
      var(--dt_color-theme-surf-inv-pry-hover)
    );
  }
}

.p-huddle_sidebar_footer_buttons__button {
  &.c-button:focus,
  &.c-icon_button:focus,
  &:focus {
    border: none;
  }

  &.c-button.p-huddle_sidebar_footer_buttons__button--loading,
  &.c-icon_button.p-huddle_sidebar_footer_buttons__button--loading,
  &.p-huddle_sidebar_footer_buttons__button--loading {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }
}

.p-huddle_sidebar_footer_buttons__button--animated {
  &.c-icon_button {
    &.p-huddle_sidebar_footer_buttons__button--animate-on-start {
      animation-delay: 60ms;
      transition-delay: 60ms;
    }

    &:first-child {
      animation-delay: 60ms;
      transition-delay: 60ms;

      > * {
        animation-delay: 60ms;
        transition-delay: 60ms;
      }
    }
  }

  &:first-child {
    animation-delay: 60ms;
    transition-delay: 60ms;

    > * {
      animation-delay: 60ms;
      transition-delay: 60ms;
    }
  }

  &.c-icon_button:nth-child(2),
  &:nth-child(2) {
    animation-delay: 0.12s;
    transition-delay: 0.12s;

    > * {
      animation-delay: 0.12s;
      transition-delay: 0.12s;
    }
  }

  &.c-icon_button:nth-child(3),
  &:nth-child(3) {
    animation-delay: 0.18s;
    transition-delay: 0.18s;

    > * {
      animation-delay: 0.18s;
      transition-delay: 0.18s;
    }
  }

  &.c-icon_button:nth-child(4),
  &:nth-child(4) {
    animation-delay: 0.24s;
    transition-delay: 0.24s;

    > * {
      animation-delay: 0.24s;
      transition-delay: 0.24s;
    }
  }
}

.p-huddle_sidebar_footer_buttons__button--faded {
  background: none;
}

.p-huddle_sidebar_footer_buttons__controls--canvas_exp .p-huddle_sidebar_footer_buttons__button {
  color: var(--dt_color-theme-content-inv-sec, var(--p-huddle__text_color_opacity_70));

  &.c-button,
  &.c-icon_button {
    color: var(--dt_color-theme-content-inv-sec, var(--p-huddle__text_color_opacity_70));
  }
}

.p-huddle_sidebar_footer_buttons__outer--ia4
  .p-huddle_sidebar_footer_buttons__controls--canvas_exp
  .p-huddle_sidebar_footer_buttons__button {
  background-color: var(--dt_color-theme-surf-inv-pry, var(--p-huddle__border_color));

  &.c-button,
  &.c-icon_button {
    background-color: var(--dt_color-theme-surf-inv-pry, var(--p-huddle__border_color));
  }
}

.p-huddle_sidebar_footer_buttons__controls--canvas_exp .p-huddle_sidebar_footer_buttons__button {
  &.c-button {
    &.p-huddle_sidebar_footer_buttons--active,
    &.p-huddle_sidebar_footer_buttons__button--mic-unmuted,
    &.p-huddle_sidebar_footer_buttons__button--screen-share-active {
      -webkit-backdrop-filter: blur(100px);
      backdrop-filter: blur(100px);
      background-color: var(--dt_color-theme-base-pry, var(--p-huddle__text_color));
      color: var(--dt_color-theme-content-ter, var(--p-huddle__bg));
    }
  }

  &.c-icon_button {
    &.p-huddle_sidebar_footer_buttons--active,
    &.p-huddle_sidebar_footer_buttons__button--mic-unmuted,
    &.p-huddle_sidebar_footer_buttons__button--screen-share-active {
      -webkit-backdrop-filter: blur(100px);
      backdrop-filter: blur(100px);
      background-color: var(--dt_color-theme-base-pry, var(--p-huddle__text_color));
      color: var(--dt_color-theme-content-ter, var(--p-huddle__bg));
    }
  }

  &.p-huddle_sidebar_footer_buttons--active,
  &.p-huddle_sidebar_footer_buttons__button--mic-unmuted,
  &.p-huddle_sidebar_footer_buttons__button--screen-share-active {
    -webkit-backdrop-filter: blur(100px);
    backdrop-filter: blur(100px);
    background-color: var(--dt_color-theme-base-pry, var(--p-huddle__text_color));
    color: var(--dt_color-theme-content-ter, var(--p-huddle__bg));
  }

  &.c-button:hover:not(
      .p-huddle_sidebar_footer_buttons__button--mic-unmuted,
      .p-huddle_sidebar_footer_buttons__button--screen-share-active,
      .p-huddle_sidebar_footer_buttons--active
    ),
  &.c-icon_button:hover:not(
      .p-huddle_sidebar_footer_buttons__button--mic-unmuted,
      .p-huddle_sidebar_footer_buttons__button--screen-share-active,
      .p-huddle_sidebar_footer_buttons--active
    ),
  &:hover:not(
      .p-huddle_sidebar_footer_buttons__button--mic-unmuted,
      .p-huddle_sidebar_footer_buttons__button--screen-share-active,
      .p-huddle_sidebar_footer_buttons--active
    ) {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow:
      0 0 0 1px var(--saf-0),
      0 1px 3px 0 #00000014;
  }
}

.p-huddle_sidebar_footer_buttons__outer--ia4
  .p-huddle_sidebar_footer_buttons__controls--canvas_exp
  .p-huddle_sidebar_footer_buttons__button {
  &.c-button:hover:not(
      .p-huddle_sidebar_footer_buttons__button--mic-unmuted,
      .p-huddle_sidebar_footer_buttons__button--screen-share-active,
      .p-huddle_sidebar_footer_buttons--active
    ),
  &.c-icon_button:hover:not(
      .p-huddle_sidebar_footer_buttons__button--mic-unmuted,
      .p-huddle_sidebar_footer_buttons__button--screen-share-active,
      .p-huddle_sidebar_footer_buttons--active
    ),
  &:hover:not(
      .p-huddle_sidebar_footer_buttons__button--mic-unmuted,
      .p-huddle_sidebar_footer_buttons__button--screen-share-active,
      .p-huddle_sidebar_footer_buttons--active
    ) {
    background-color: var(--dt_color-theme-surf-inv-pry, var(--p-huddle__hover_item));
    box-shadow: none;
    color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__hover_text_color_opacity_70));
  }
}

.p-ia4_client--theming .p-huddle_sidebar_footer_buttons__controls--canvas_exp .p-huddle_sidebar_footer_buttons__button {
  &.c-button:hover:not(
      .p-huddle_sidebar_footer_buttons__button--mic-unmuted,
      .p-huddle_sidebar_footer_buttons__button--screen-share-active,
      .p-huddle_sidebar_footer_buttons--active
    ),
  &.c-icon_button:hover:not(
      .p-huddle_sidebar_footer_buttons__button--mic-unmuted,
      .p-huddle_sidebar_footer_buttons__button--screen-share-active,
      .p-huddle_sidebar_footer_buttons--active
    ),
  &:hover:not(
      .p-huddle_sidebar_footer_buttons__button--mic-unmuted,
      .p-huddle_sidebar_footer_buttons__button--screen-share-active,
      .p-huddle_sidebar_footer_buttons--active
    ) {
    background-color: var(--ia-theme_none_overwrite);
    background-image: linear-gradient(
      var(--dt_color-theme-surf-inv-pry-hover),
      var(--dt_color-theme-surf-inv-pry-hover)
    );
  }
}

.p-huddle_trial_pro_banner {
  background-color: var(--dt_color-theme-base-inv-pry, var(--p-huddle__bg));
  border-top: 1px solid var(--dt_color-theme-otl-inv-pry, var(--p-huddle__text_color_opacity_13));
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
}

.p-huddle_trial_pro_banner__learn_more_link {
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));

  &:focus,
  &:hover {
    color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
  }
}

.p-invite_tile__button {
  background-color: var(--dt_color-theme-surf-inv-pry, var(--p-huddle__border_color));
}

.p-ia4_client--theming .p-invite_tile__button {
  background-color: rgb(var(--dt_color-plt-gray-0));
  color: rgb(var(--dt_color-plt-gray-90));
}

.p-huddle_overflow_tooltip .c-avatar {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  box-shadow: 0 0 0 2px #1d1c1d;
}

.p-huddle_overflow_button {
  background-color: #1d1c1d;
  color: #fff;

  &.p-huddle_overflow_button--ia4 {
    background-color: var(--dt_color-theme-base-inv-pry, var(--p-huddle__bg));
    color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
  }
}

.p-peer_tile__avatar .c-base_icon__width_only_container {
  background: unset;
}

.p-peer_tile__active_speaker--animated {
  border: 1.5px solid var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
  will-change: transform, opacity, border-radius;
}

.p-peer_tile__active_speaker--outline {
  box-shadow: 0 0 4px 0 #fff;

  .c-avatar .c-base_icon,
  video {
    outline: 2px solid #fff;
    outline-offset: -2px;
  }
}

.p-peer_tile__raw_tile:after {
  background: #1d1c1d33;
}

.p-peer_tile__container {
  &.p-peer_tile__container--black_background {
    background-color: #000;
  }

  .p-peer_tile__avatar_mic_icon {
    background-color: var(--dt_color-theme-base-inv-pry, var(--p-huddle__bg));
    color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
  }

  .p-peer_tile__hidden_user_avatar {
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  }
}

.p-peer_tile__overflow_text {
  background-color: #1d1c1d80;
  color: #fff;
}

.p-peer_tile__sticky_reaction {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
}

.p-peer_tile__invite_status_overlay {
  background-color: var(--dt_color-theme-base-inv-pry, var(--p-huddle__bg));
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
}

.p-huddle_av_video_pane__container {
  background-color: var(--dt_color-theme-base-inv-pry, var(--p-huddle__bg));

  &.p-huddle_av_video_pane__container--ia4 {
    background-color: unset;
  }
}

.p-huddle_av_video_pane__side_by_side_avatar,
.p-huddle_av_video_pane__side_by_side_video {
  background-color: var(--dt_color-theme-base-inv-pry, var(--p-huddle__bg));
}

.p-huddle_av_video_pane__overflow_text {
  background-color: #1d1c1d80;
  color: #fff;
}

.p-huddle_av_video_pane--cover {
  aspect-ratio: 1;
}

.p-huddle_details__channel_name,
.p-huddle_details__topic {
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color_opacity_70));
}

.p-huddle_details__channel_name:hover,
.p-huddle_details__topic:hover {
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
}

.p-huddle_miniplayer_minimize_button__container .p-huddle_miniplayer_minimize_button__button {
  color: var(--dt_color-theme-content-inv-ter, var(--p-huddle__text_color_opacity_70));

  &:hover {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    background-color: var(--dt_color-theme-surf-inv-pry, var(--p-huddle__hover_item));
    box-shadow:
      0 0 0 1px var(--saf-0),
      0 1px 3px 0 #00000014;
    color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__hover_text_color));
  }
}

.p-huddle_open_window_onboarding_tip_container {
  background: #1264a3;
  color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
}

.sk-client-theme--dark .p-huddle_open_window_onboarding_tip_container {
  background-color: #f8f8f8;
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
}

.p-huddle_open_window_onboarding_tip_container .c-icon_button {
  background: none;
  color: inherit;

  &:hover {
    background: none;
    color: inherit;
  }
}

.p-huddle_open_window_onboarding_tip_close:after {
  border: 6px solid;
  border-color: #0000 #0000 #1264a3;
}

.sk-client-theme--dark .p-huddle_open_window_onboarding_tip_close:after {
  border-color: #0000 #0000 #f8f8f8;
}

.p-huddle_open_window_button {
  background: #0000;
  border: none;

  &.p-huddle_open_window_button--overrides {
    color: var(--dt_color-theme-content-inv-ter, var(--p-huddle__text_color_opacity_70));

    &:hover {
      --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
      background-color: var(--dt_color-theme-surf-inv-pry, var(--p-huddle__hover_item));
      border: none;
      box-shadow:
        0 0 0 1px var(--saf-0),
        0 1px 3px 0 #00000014;
      color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__hover_text_color));
    }
  }

  &.p-huddle_open_window_button--highlight {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: 2px solid #1264a3;
    color: #1264a3;
  }

  &.p-huddle_open_window_button--highlighted {
    background: #1264a3;
    border: 2px solid #1264a380;
  }
}

.sk-client-theme--dark .p-huddle_open_window_button.p-huddle_open_window_button--highlighted {
  background: #f8f8f8;
  border: 2px solid #f8f8f880;

  > svg {
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  }
}

.p-huddle_placeholder_for_child_window {
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color_opacity_70));

  &:active,
  &:focus,
  &:hover {
    color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
  }

  &.p-huddle_placeholder_for_child_window__button {
    background-color: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
    border: 1px solid var(--dt_color-theme-otl-inv-pry, var(--p-huddle__text_color_opacity_13));
  }
}

.p-huddle_thread_button__container {
  .p-huddle_thread_button {
    background: #0000;
    border: none;
    color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color_opacity_70));

    &:hover {
      --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
      background-color: var(--dt_color-theme-surf-inv-pry, var(--p-huddle__hover_item));
      border: none;
      box-shadow:
        0 0 0 1px var(--saf-0),
        0 1px 3px 0 #00000014;
      color: var(--dt_color-theme-content-pry, var(--p-huddle__hover_text_color));
    }

    &.p-huddle_thread_button--badged {
      color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
    }
  }

  .p-huddle_thread_button__badge_circle {
    background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
  }
}

.p-huddle_discovery_sidebar_footer_banner {
  line-height: 18px;

  .p-huddle_discovery_sidebar_footer_banner__highlight_text {
    background: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
  }

  .p-huddle_discovery_sidebar_footer_banner__description:after {
    background-color: #1264a3;
  }
}

.p-huddle_spinner__red_circle {
  stroke-dasharray: 106.81415022;
  stroke-dashoffset: 0;
  stroke-width: 4;
  stroke: #e01e5a;
}

@keyframes p-huddle_spinner__draw_red {
  0% {
    stroke-dashoffset: 106.81415022;
  }
  13.043478260869568% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 0;
  }
}

.p-huddle_spinner__yellow_circle {
  stroke-dasharray: 106.81415022;
  stroke-dashoffset: 26.70353756;
  stroke-width: 4;
  stroke: #ecb22e;
}

.p-huddle_spinner__green_circle {
  stroke-dasharray: 106.81415022;
  stroke-dashoffset: 53.40707511;
  stroke-width: 4;
  stroke: #2eb67d;
}

@keyframes p-huddle_spinner__draw_green {
  0% {
    stroke-dashoffset: 106.81415022;
  }
  2.5423728813559325% {
    stroke-dashoffset: 106.81415022;
  }
  15.254237288135597% {
    stroke-dashoffset: 42.72566009;
  }
  to {
    stroke-dashoffset: 53.40707511;
  }
}

.p-huddle_spinner__blue_circle {
  stroke-dasharray: 106.81415022;
  stroke-dashoffset: 74.76990516;
  stroke-width: 4;
  stroke: #36c5f0;
}

.p-instant_slack_huddles_tip {
  background-color: #4a154b;
}

.p-instant_slack_huddles_tip__body {
  background-clip: padding-box;
  background-color: #1264a3;
  color: #fff;
}

.p-instant_slack_huddles_tip__help_link {
  color: #fff;

  &:hover {
    color: #fff;
  }
}

.p-huddle_sidebar_footer {
  background-color: var(--dt_color-theme-base-inv-pry, var(--p-huddle__bg));
  box-shadow: none;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-huddle_sidebar_footer--ia4 .p-huddle_sidebar_footer:before {
  border-color: #0000;
  border-right-color: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
  border-width: 6px;
}

.p-huddle_sidebar_footer--music_banner_variant {
  background-color: var(--dt_color-theme-base-inv-pry, var(--p-huddle__bg));
}

.p-huddle_sidebar_footer__coachmark {
  background-color: var(--dt_color-theme-surf-pry, var(--p-channel_sidebar__column-bg));
}

.p-huddle_sidebar_footer--trial-feature {
  border-top: 2px solid var(--dt_color-content-inv-sec, var(--p-huddle__text_color_opacity_30));

  &:hover {
    border-top: 2px solid var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
  }
}

.p-huddle_sidebar_footer__container.p-huddle_sidebar_footer__container--no_survey {
  border: none;
}

.p-huddle_sidebar_footer--ia4 {
  .p-huddle_sidebar_footer__container {
    --saf-0: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
    border: 1px solid var(--saf-0);
  }

  &.p-huddle_sidebar_footer--music_banner_variant .p-huddle_sidebar_footer__container {
    border: none;
  }
}

.p-huddle_sidebar_footer__container_survey {
  border: 2px solid var(--p-huddle__text_color_opacity_13);
}

.p-ia4_client--theming .p-huddle_sidebar_footer__container_survey {
  border-color: var(--dt_color-otl-ter);
}

.p-huddle_sidebar_footer__popover_container {
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));

  &.p-huddle_sidebar_footer__popover_container--join_active {
    background-color: var(--dt_color-theme-surf-inv-pry, var(--p-huddle__hover_item));
    color: var(--dt_color-theme-content-pry, var(--p-huddle__hover_text_color));
  }
}

.p-huddle_sidebar_footer__survey {
  background-color: var(--p-huddle__bg);
  color: var(--p-huddle__text_color);
}

.p-ia4_client--theming .p-huddle_sidebar_footer__survey {
  background-color: var(--dt_color-base-inv-pry);
  color: var(--dt_color-content-inv-pry);

  .p-huddle_sidebar_footer_buttons__button--survey {
    background-color: var(--dt_color-surf-hgl-1);
    color: var(--dt_color-content-inv-hgl-1);
  }

  .p-huddle_sidebar_footer_buttons__close_button--survey {
    background-color: none;
    color: var(--dt_color-content-inv-sec);
  }
}

.p-huddle_sidebar_footer__join_active_container {
  background-color: var(--dt_color-theme-base-inv-hgl-1, var(--p-huddle__active_item));
}

.p-huddle_sidebar_footer__button--join,
.p-huddle_sidebar_footer__button.c-icon_button {
  background-color: initial;
  border: none;
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
}

.p-huddle_sidebar_footer__button--join:hover,
.p-huddle_sidebar_footer__button.c-icon_button:hover {
  background-color: var(--dt_color-theme-surf-inv-pry, var(--p-huddle__hover_item));
  border: none;
  color: var(--dt_color-theme-content-pry, var(--p-huddle__hover_text_color));
}

.p-huddle_sidebar_footer__join_non_active_container {
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color_opacity_70));
}

.p-huddle_sidebar_footer--join_active:hover .p-huddle_sidebar_footer__join_non_active_container,
.p-huddle_sidebar_footer--join_non_active:hover .p-huddle_sidebar_footer__join_non_active_container {
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
}

.p-huddle_sidebar_footer__controls,
.p-huddle_sidebar_footer__join_active_container,
.p-huddle_sidebar_footer__join_non_active_container {
  border-top: 1px solid var(--dt_color-theme-otl-inv-pry, var(--p-huddle__text_color_opacity_13));
}

.p-huddle_sidebar_footer__controls.p-huddle_sidebar_footer--join_active,
.p-huddle_sidebar_footer__join_active_container.p-huddle_sidebar_footer--join_active {
  border-top: none;
}

.p-huddle_sidebar_footer--ia4 {
  .p-huddle_sidebar_footer__controls,
  .p-huddle_sidebar_footer__join_active_container,
  .p-huddle_sidebar_footer__join_non_active_container {
    border-top: none;
  }
}

.p-huddle_sidebar_footer__controls__trial_card_refresh {
  border: 2px solid #f4f1f4;
  border-bottom: 0;
  box-shadow: 0 0 5px 3px #ffffff4d;
}

.p-huddle_sidebar_footer__icon--open_view.p-huddle_sidebar_footer__icon--override {
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color_opacity_70));
}

.p-huddle_sidebar_footer__channel_name__trial_card_refresh,
.p-huddle_sidebar_footer__icon--open_view.p-huddle_sidebar_footer__icon--override:hover {
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
}

.p-huddle_sidebar_footer__channel_name__menu_container:hover {
  background-color: var(--dt_color-theme-surf-inv-pry, var(--p-huddle__hover_item));
  color: var(--dt_color-theme-content-pry, var(--p-huddle__hover_text_color));
}

.p-huddle_sidebar_footer__trial_feature_border_active {
  border-top: 2px solid var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));
}

.p-huddle_mic_icon .p-huddle_sidebar_footer--slash_mic_icon--colorless {
  color: unset;
}

.p-huddle_sidebar_footer__button--options {
  background-color: initial;
  border: none;
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color_opacity_70));
}

.p-huddle_sidebar_footer__controls.p-huddle_sidebar_footer__controls--inset,
.p-huddle_sidebar_footer__join_non_active_container.p-huddle_sidebar_footer--inset {
  border: 1px solid var(--dt_color-theme-otl-inv-pry, var(--p-huddle__text_color_opacity_13));
}

.p-huddle_sidebar_footer_toast_icon {
  background-color: #fff;
}

.p-huddle_base_card {
  background-color: #fcf4da;
  border: 4px solid var(--dt_color-theme-base-inv-hgl-1, var(--p-huddle__active_item));
  color: #1d1c1d;
}

.sk-client-theme--dark .p-huddle_base_card {
  background-color: #222529;
  color: #fff;

  &:after {
    background-color: #222529;
  }
}

.p-huddle_base_card {
  &:after {
    background-color: #fcf4da;
    border-right: 4px solid var(--dt_color-theme-base-inv-hgl-1, var(--p-huddle__active_item));
    border-top: 4px solid var(--dt_color-theme-base-inv-hgl-1, var(--p-huddle__active_item));
  }

  .p-huddle_base_card__close_button {
    color: #1d1c1d;
  }
}

.sk-client-theme--dark .p-huddle_base_card .p-huddle_base_card__close_button {
  color: #fff;
}

.p-huddle_base_card .p-huddle_base_card__close_button:hover {
  color: #1d1c1d;
}

.sk-client-theme--dark .p-huddle_base_card .p-huddle_base_card__close_button:hover {
  color: #fff;
}

.p-huddle_base_card .p-huddle_base_card__close_button:focus {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-color: #0000;
  box-shadow:
    0 0 0 1px var(--sk_focused-shadow-color, var(--saf-0)),
    0 0 0 5px var(--sk_focused-shadow-color-opaque, #1d9bd14d);

  &:-moz-placeholder,
  &:-ms-input-placeholder,
  &::-moz-placeholder,
  &::-webkit-input-placeholder {
    color: #1e1d1e;
  }
}

.p-workspace__sidebar--tiny .p-huddle_base_card .c-truncate {
  -webkit-line-clamp: 3;
}

.p-huddle_education_coachmark,
.p-huddle_trial_card--refresh {
  background-color: #f4f1f4;
  border: none;

  &:after {
    background-color: #f4f1f4;
    border-right: none;
    border-top: none;
  }
}

.p-huddle_education_connect_with_huddles_coachmark,
.p-huddle_education_connect_with_huddles_coachmark--dismissed {
  animation-fill-mode: forwards;
}

.sk-client-theme--dark {
  .p-huddle_education_connect_with_huddles_follow_up,
  .p-huddle_education_connect_with_huddles_initial {
    background-color: #f8f8f8;
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  }
}

.p-huddle_education_connect_with_huddles_initial__button--show_me {
  background-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  color: #1264a3;
}

.sk-client-theme--dark .p-huddle_education_connect_with_huddles_initial__button--show_me {
  color: #f8f8f8;
}

.p-huddle_education_connect_with_huddles_initial__button--not_now {
  --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 0.3);
  background-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 0.13);
  border: 1px solid var(--saf-0);
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
}

.sk-client-theme--dark .p-huddle_education_connect_with_huddles_follow_up .c-icon_button {
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
}

.p-incoming_call {
  color: #fff;
}

.p-incoming_call__external_team_banner {
  background-color: #616061;
}

.p-incoming_call__external_team_icon {
  border: 2px solid #fff;
}

.p-incoming_call__member_image,
.p-incoming_call__member_image_placeholder {
  background-image: url(./ava_0000-192-4808258.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.p-incoming_call__member_name_wrapper {
  color: #fff;
}

.p-incoming_call__user_caption {
  color: #ddd;
}

.p-incoming_call__button:focus {
  box-shadow:
    0 0 0 1px #fff,
    0 0 0 5px #ffffff4d;
}

.p-browser_incoming_call {
  background: #000;
  box-shadow: 0 7px 40px #00000080;
}

.p-browser_incoming_call--shroud {
  background: #00000080;
}

.p-quip_pane_overlay {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
}

.p-modal_more_history_menu__list {
  .p-modal_more_history_menu__list__separator {
    border-bottom: 0;
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }

  .p-modal_more_history_menu__list__header {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  }

  .p-history_menu__entry:hover {
    background-color: #1264a3;
    color: #fff;
  }
}

.p-history_menu .c-menu_item__button--highlighted .c-presence,
.p-history_menu__entry__show_more.c-menu_item__button--highlighted,
.p-setup_prog_disc_user_flag_tip__text {
  color: #fff;
}

.sk-client-theme--dark .p-setup_prog_disc_user_flag_tip__text {
  color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
}

.p-setup_prog_disc_user_flag_tip--visible {
  animation-delay: 0s, 0.1s;
  animation-duration: 0.2s, 0.7s;
  animation-fill-mode: forwards, forwards;
  animation-name: prog_disc_user_button--border, prog_disc_user_flag_tip--width;
  animation-timing-function: linear, cubic-bezier(0.4, 0, 0.2, 1);
  border: 2px solid #0000;
  border-right-width: 1px;
}

.sk-client-theme--dark .p-setup_prog_disc_user_flag_tip--visible {
  animation-name: prog_disc_user_button_border--dark, prog_disc_user_flag_tip--width;
}

.p-setup_prog_disc_user_flag_tip--visible .p-setup_prog_disc_user_flag_tip__wrapper {
  animation-delay: 0s;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
  animation-name: prog_disc_user_flag_tip--bg-color;
  animation-timing-function: linear;
  background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.sk-client-theme--dark .p-setup_prog_disc_user_flag_tip--visible .p-setup_prog_disc_user_flag_tip__wrapper {
  animation-name: prog_disc_user_flag_tip_bg_color--dark;
  background-color: #f8f8f8;
}

.p-setup_prog_disc_user_flag_tip--visible {
  .p-setup_prog_disc_user_flag_tip__text {
    animation-delay: 0.7s, 0.7s;
    animation-duration: 0.1s, 0.2s;
    animation-fill-mode: forwards, forwards;
    animation-name: prog_disc_user_flag_tip--text-opacity, prog_disc_user_flag_tip--text-slide-up;
    animation-timing-function: linear, ease-out;
  }

  &.p-setup_prog_disc_user_flag_tip--exiting .p-setup_prog_disc_user_flag_tip__wrapper {
    animation-delay: 0s;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
    animation-name: prog_disc_user_flag_tip--bg-color-restore;
    animation-timing-function: linear;
    background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
}

.sk-client-theme--dark
  .p-setup_prog_disc_user_flag_tip--visible.p-setup_prog_disc_user_flag_tip--exiting
  .p-setup_prog_disc_user_flag_tip__wrapper {
  animation-name: prog_disc_user_flag_tip_bg_color_restore--dark;
}

.p-setup_prog_disc_user_flag_tip--visible.p-setup_prog_disc_user_flag_tip--exiting
  .p-setup_prog_disc_user_flag_tip__text {
  animation-delay: 0s, 0s;
  animation-duration: 0.1s, 0.2s;
  animation-fill-mode: forwards, forwards;
  animation-name: prog_disc_user_flag_tip--text-fade-out, prog_disc_user_flag_tip--text-slide-down;
  animation-timing-function: linear, ease-in;
}

.p-setup_prog_disc_user_flag_tip--exiting.p-setup_prog_disc_user_flag_tip {
  animation-delay: 0s;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
  animation-name: prog_disc_user_flag_tip--bg-color-restore;
  animation-timing-function: linear;
  background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.sk-client-theme--dark .p-setup_prog_disc_user_flag_tip--exiting.p-setup_prog_disc_user_flag_tip {
  animation-name: prog_disc_user_flag_tip_bg_color_restore--dark;
  background-color: #f8f8f8;
}

@keyframes prog_disc_user_flag_tip--bg-color {
  0% {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }
  to {
    background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
}

@keyframes prog_disc_user_flag_tip_bg_color--dark {
  0% {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }
  to {
    background-color: #f8f8f8;
  }
}

@keyframes prog_disc_user_flag_tip--bg-color-restore {
  0% {
    background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
  to {
    background-color: initial;
  }
}

@keyframes prog_disc_user_flag_tip_bg_color_restore--dark {
  0% {
    background-color: #f8f8f8;
  }
  to {
    background-color: initial;
  }
}

@keyframes prog_disc_user_button--border {
  0% {
    border-color: #0000;
  }
  to {
    border-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
}

@keyframes prog_disc_user_button_border--dark {
  0% {
    border-color: #0000;
  }
  to {
    border-color: #f8f8f8;
  }
}

.p-setup_prog_disc_user_menu_explainer_tip {
  &.p-setup_prog_disc_user_menu_explainer_tip--notifications {
    background-color: #1d9bd11a;

    .p-setup_prog_disc_user_menu_explainer_tip__text {
      color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    }
  }

  &.p-setup_prog_disc_user_menu_explainer_tip--status {
    background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);

    .p-setup_prog_disc_user_menu_explainer_tip__text {
      color: #fff;
    }
  }
}

.sk-client-theme--dark
  .p-setup_prog_disc_user_menu_explainer_tip.p-setup_prog_disc_user_menu_explainer_tip--status
  .p-setup_prog_disc_user_menu_explainer_tip__text {
  color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
}

.p-setup_prog_disc_user_menu_explainer_tip.p-setup_prog_disc_user_menu_explainer_tip--status
  .p-setup_prog_disc_user_menu_explainer_tip__close
  :before {
  color: #fff;
}

.sk-client-theme--dark .p-setup_prog_disc_user_menu_explainer_tip.p-setup_prog_disc_user_menu_explainer_tip--status {
  background-color: #f8f8f8;
}

.p-ia__main_menu__custom_status_button {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
}

.p-ia__main_menu__custom_status_item--empty:not(.p-ia__main_menu__custom_status_item--highlighted-kb)
  .p-ia__main_menu__custom_status_button:not(:hover) {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

.p-ia__main_menu__custom_status_button:hover {
  border-color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
}

.p-ia__main_menu__custom_status_item--highlighted-kb .p-ia__main_menu__custom_status_button {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-color: #0000;
  box-shadow:
    0 0 0 1px var(--sk_focused-shadow-color, var(--saf-0)),
    0 0 0 5px var(--sk_focused-shadow-color-opaque, #1d9bd14d);
}

.p-ia__main_menu__custom_status_smile--fill {
  color: #f2c744;
}

.p-ia__main_menu__custom_status_smile--happy {
  color: #1d1c1d;
}

.p-ia__user_menu__blurb__status {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

.p-nfx_salesforce_coachmark .c-coachmarkv2__close {
  color: var(--dt_color-constants-white);

  &:hover {
    background-color: var(--dt_color-surf-pry);
    color: var(--dt_color-constants-white);
  }

  &:active {
    background-color: var(--dt_color-surf-sec);
  }
}

.c-coachmark--bottom.p-nfx_salesforce_coachmark--desktop:after {
  border-bottom-color: var(--dt_color-brand-core-slack-blue);
}

.p-nfx_salesforce_coachmark__image_container {
  background-color: var(--dt_color-brand-core-slack-blue);
}

.p-feedback_confirmation_modal__hero {
  background-color: var(--dt_color-theme-surf-pry, var(--p-channel_sidebar__column-bg));
}

.c-card {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
}

.c-card--info {
  border-color: #1d9bd1;
}

.c-card--warning {
  border-color: #de4e2b;
}

.c-card--shadowed {
  box-shadow: 0 1px 0 #00000040;
}

.c-card__header {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.c-card__section {
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);

  &:last-child {
    border-bottom: none;
  }
}

.p-calendar_icon {
  background-color: #fff;
  color: #1d1c1d;
}

.p-top_nav {
  background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.07);
  color: var(--dt_color-theme-content-inv-pry, var(--p-channel_sidebar__top-nav-text));
}

.p-top_nav__button {
  color: var(--p-channel_sidebar__top-nav-text);
}

.p-ia4_client--theming .p-top_nav__button {
  color: var(--dt_color-theme-content-inv-pry);
}

.p-top_nav__button:hover {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  color: var(--dt_color-theme-content-inv-pry, var(--p-channel_sidebar__top-nav-text));
}

.p-top_nav {
  .p-channel_sidebar__history_button {
    &.p-channel_sidebar__history_button-left,
    &.p-channel_sidebar__history_button-right {
      background: none;
      color: var(--dt_color-theme-content-inv-pry, var(--p-channel_sidebar__top-nav-text));
      color: var(--p-channel_sidebar__top-nav-text);
    }
  }

  .p-top_nav__feedback,
  .p-top_nav__help,
  .p-top_nav__history_menu,
  .p-top_nav__toggle_org_unified {
    background: none;
    color: var(--dt_color-theme-content-inv-pry, var(--p-channel_sidebar__top-nav-text));
    color: var(--p-channel_sidebar__top-nav-text);
  }
}

.p-ia4_client--theming .p-top_nav {
  .p-channel_sidebar__history_button {
    &.p-channel_sidebar__history_button-left,
    &.p-channel_sidebar__history_button-right {
      color: var(--dt_color-theme-content-inv-pry);
    }
  }

  .p-top_nav__feedback,
  .p-top_nav__help,
  .p-top_nav__history_menu,
  .p-top_nav__toggle_org_unified {
    color: var(--dt_color-theme-content-inv-pry);
  }
}

.p-top_nav {
  .p-channel_sidebar__history_button {
    &.p-channel_sidebar__history_button-left:hover,
    &.p-channel_sidebar__history_button-right:hover {
      background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
      background: var(--p-channel_sidebar__navigation-bar-color--hover);
      color: var(--dt_color-theme-content-inv-pry, var(--p-channel_sidebar__top-nav-text));
    }
  }

  .p-top_nav__feedback:hover,
  .p-top_nav__help:hover,
  .p-top_nav__history_menu:hover,
  .p-top_nav__toggle_org_unified:hover {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    background: var(--p-channel_sidebar__navigation-bar-color--hover);
    color: var(--dt_color-theme-content-inv-pry, var(--p-channel_sidebar__top-nav-text));
  }

  .p-channel_sidebar__history_button {
    &.p-channel_sidebar__history_button-left:active,
    &.p-channel_sidebar__history_button-right:active {
      background: var(--p-channel_sidebar__navigation-bar-color--active);
    }
  }

  .p-top_nav__feedback:active,
  .p-top_nav__help:active,
  .p-top_nav__history_menu:active,
  .p-top_nav__toggle_org_unified:active {
    background: var(--p-channel_sidebar__navigation-bar-color--active);
  }

  .p-channel_sidebar__history_button.p-channel_sidebar__history_button--disabled {
    &.p-channel_sidebar__history_button-left:hover,
    &.p-channel_sidebar__history_button-right:hover {
      background: none;
      color: var(--p-channel_sidebar__top-nav-text);
    }
  }
}

.p-ia4_client--theming .p-top_nav .p-channel_sidebar__history_button.p-channel_sidebar__history_button--disabled {
  &.p-channel_sidebar__history_button-left:hover,
  &.p-channel_sidebar__history_button-right:hover {
    color: var(--dt_color-theme-content-inv-pry);
  }
}

.p-top_nav__search {
  --saf-0: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
  background: var(--ia_theme_none_overwrite, var(--p-channel_sidebar__top-nav-text--opacity-20));
  color: var(--dt_color-theme-content-inv-pry, var(--p-channel_sidebar__top-nav-text));
  box-shadow:
    0 0 0 1px var(--saf-0),
    0 1px 3px 0 #00000014;

  &:hover {
    box-shadow:
      0 0 0 1px var(--saf-0),
      0 1px 3px 0 #00000014;
    --saf-0: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
    background: var(--p-channel_sidebar__top-nav-text--opacity-23);
  }
}

.p-top_nav__search__container--search-page .p-top_nav__search {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);

  &:hover {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  }
}

.p-top_nav--dark .p-top_nav__search__container--search-page .p-top_nav__search {
  background: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
}

.p-top_nav__search__container--search-page .p-top_nav__search__filters {
  &.c-icon_button--default.c-button-unstyled,
  &.c-icon_button--light.c-button-unstyled {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }
}

.p-ia4_client .p-top_nav__search__container {
  --sk_focused-shadow-color: var(--dt_color-brand-core-white);
  --sk_focused-shadow-color-opaque: var(--dt_color-theme-otl-inv-pry);
}

.p-top_nav__search__clear,
.p-top_nav__search__filters {
  color: var(--dt_color-theme-content-inv-pry, var(--p-channel_sidebar__top-nav-text));
}

.p-top_nav__search__container--search-page {
  .p-top_nav__search__clear,
  .p-top_nav__search__filters {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  }

  .p-top_nav__search__clear:hover,
  .p-top_nav__search__filters:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }
}

.p-top_nav--dark .p-top_nav__search__container--search-page {
  .p-top_nav__search__clear,
  .p-top_nav__search__filters {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  }

  .p-top_nav__search__clear:hover,
  .p-top_nav__search__filters:hover {
    color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  }
}

.p-top_nav__search__container--search-page .p-top_nav__search--windows-linux .p-top_nav__search__icon--advanced-search {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);

  &:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }
}

.p-top_nav--dark
  .p-top_nav__search__container--search-page
  .p-top_nav__search--windows-linux
  .p-top_nav__search__icon--advanced-search {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);

  &:hover {
    color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  }
}

.p-top_nav__search__filters {
  &.c-icon_button--default.c-button-unstyled,
  &.c-icon_button--light.c-button-unstyled {
    color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  }

  &.c-icon_button--default.c-button-unstyled:hover,
  &.c-icon_button--light.c-button-unstyled:hover {
    background: none;
  }
}

.p-top_nav__search__container--real-input {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

.p-ia_edu_cta {
  background-color: var(--dt_color-theme-base-inv-imp, var(--p-channel_sidebar__badge-color));

  &:hover {
    background-color: var(--dt_color-theme-base-inv-imp, var(--p-channel_sidebar__badge-color));
  }
}

.p-top_nav__ia_edu_throbber circle {
  fill: var(--dt_color-theme-content-inv-pry, var(--p-channel_sidebar__top-nav-text));
}

.p-ia4_client .p-top_nav__windows_controls_container {
  --sk_focused-shadow-color: var(--dt_color-brand-core-white);
  --sk_focused-shadow-color-opaque: var(--dt_color-theme-otl-inv-pry);
}

.p-top_nav__help_flexpane__tour-highlight {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  box-shadow:
    0 0 0 1px var(--sk_focused-shadow-color, var(--saf-0)),
    0 0 0 5px var(--sk_focused-shadow-color-opaque, #1d9bd14d);
}

.p-top_nav__help__badge {
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  color: #fff;
}

.p-top_nav__help__badge--dot {
  background-color: var(--dt_color-theme-content-inv-pry, var(--p-channel_sidebar__top-nav-text));
}

.p-top_nav__help__app_update {
  &:hover .c-mention_badge {
    background-color: #fff;
  }

  .c-mention_badge {
    background-color: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    color: #0000;
  }
}

.p-top_nav__help__banner {
  background-color: #1d9bd11a;
}

.p-top_nav--detached .p-top_nav__search {
  background: none;
  box-shadow: none;

  &:hover {
    background: none;
  }
}

.p-top_nav .p-ia__nav__user__button:hover .p-ia__nav__user__avatar:after {
  background: #ffffff21;
}

.p-tab_view__error_boundary {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
}

.p-ia4_history_buttons {
  gap: 4px;
}

.p-ia4_history_buttons__button {
  color: var(--p-channel_sidebar__top-nav-text);
}

.p-ia4_client .p-ia4_history_buttons__button {
  --sk_focused-shadow-color: var(--dt_color-brand-core-white);
  --sk_focused-shadow-color-opaque: var(--dt_color-theme-otl-inv-pry);
}

.p-ia4_client--theming .p-ia4_history_buttons__button {
  color: var(--dt_color-theme-content-inv-pry);
}

.p-ia4_history_buttons__button[aria-disabled='false'] {
  &:hover {
    background-color: var(--dt_color-theme-surf-inv-pry, var(--p-tab_rail__text--opacity-20));
  }

  &:active {
    background-color: var(--dt_color-theme-surf-inv-sec, var(--p-tab_rail__text--opacity-20));
  }
}

.p-ia4_history_menu_button__button {
  color: var(--p-channel_sidebar__top-nav-text);
}

.p-ia4_client .p-ia4_history_menu_button__button {
  --sk_focused-shadow-color: var(--dt_color-brand-core-white);
  --sk_focused-shadow-color-opaque: var(--dt_color-theme-otl-inv-pry);
}

.p-ia4_client--theming .p-ia4_history_menu_button__button {
  color: var(--dt_color-theme-content-inv-pry);
}

.p-ia4_history_menu_button__button {
  &:hover {
    background-color: var(--dt_color-theme-surf-inv-pry, var(--p-tab_rail__text--opacity-20));
  }

  &:active {
    background-color: var(--dt_color-theme-surf-inv-sec, var(--p-tab_rail__text--opacity-20));
  }
}

.p-summary_menu__empty_state_container {
  gap: 8px;
}

.p-ai_summary_sunroof_button {
  color: var(--dt_color-content-inv-pry);

  &.p-ai_summary_sunroof_button--active,
  &:active,
  &:hover {
    background-color: var(--dt_color-theme-surf-inv-pry);
  }

  &.p-ai_summary_sunroof_button--active.p-ai_summary_sunroof_button--no_action_state {
    .p-ai_summary_sunroof_button__caret,
    .p-ai_summary_sunroof_button__main {
      background-color: var(--dt_color-theme-surf-inv-pry);
    }
  }

  &:active.p-ai_summary_sunroof_button--no_action_state {
    .p-ai_summary_sunroof_button__caret,
    .p-ai_summary_sunroof_button__main {
      background-color: var(--dt_color-theme-surf-inv-pry);
    }
  }

  &:hover.p-ai_summary_sunroof_button--no_action_state {
    .p-ai_summary_sunroof_button__caret,
    .p-ai_summary_sunroof_button__main {
      background-color: var(--dt_color-theme-surf-inv-pry);
    }
  }
}

.p-ai_summary_sunroof_button__main {
  gap: 4px;

  &:active,
  &:hover {
    background-color: var(--dt_color-theme-surf-inv-pry);
  }
}

.p-ai_summary_sunroof_button__caret {
  &.p-ai_summary_sunroof_button--active,
  &:active,
  &:hover {
    background-color: var(--dt_color-theme-surf-inv-pry);
  }
}

.p-ai_summary_sunroof_button__badge {
  background-color: var(--dt_color-theme-base-pry);
  color: var(--dt_color-theme-base-inv-pry);
}

.p-unread_dot {
  background-color: var(--dt_color-theme-base-pry, var(--p-tab_rail__text));
}

.p-add_team_label__icon {
  background-color: var(--dt_color-surf-pry);
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  font-style: normal;
}

.p-open_desktop_app_item__text {
  float: left;
}

.p-open_desktop_app_item__icon {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: #fff;
  box-shadow:
    0 0 0 1px var(--saf-0),
    0 1px 3px 0 #00000014;
}

.p-open_desktop_app_item__native_icon {
  float: right;
}

.p-team_switcher_popover__container {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  box-shadow:
    0 0 0 1px var(--saf-0),
    0 18px 48px 0 #0000001a;
}

.p-team_switcher_popover__reorder_row {
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
}

.p-team_switcher_popover__more_actions {
  color: var(--dt_color-content-sec);

  &:hover {
    background: none;
  }
}

.p-team_switcher_popover__reorder_handle_container {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);

  &:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow:
      0 0 0 1px var(--sk_focused-shadow-color, var(--saf-0)),
      0 0 0 5px var(--sk_focused-shadow-color-opaque, #1d9bd14d);
    outline: none;
  }
}

.p-team_switcher_popover__divider {
  border-bottom: 1px solid var(--dt_color-base-ter);
}

.p-team_switcher_popover__link {
  color: inherit;

  &:active,
  &:focus,
  &:hover {
    color: inherit;
  }
}

.p-team_switcher_popover__divider {
  background-color: var(--dt_color-otl-ter);
}

.p-account_switcher {
  .c-mention_badge,
  .p-unread_dot {
    transition-duration: 0.24s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
}

.p-account_switcher--setup .c-team_icon:after {
  box-shadow: none;
}

.p-account_switcher__team_icon {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  box-shadow:
    0 0 0 1px var(--saf-0),
    0 1px 3px 0 #00000014;

  &.c-team_icon:after {
    box-shadow: none;
  }

  &.p-account_switcher__team_icon--setup {
    background-color: var(--dt_color-theme-surf-inv-pry, var(--p-tab_rail__text--opacity-20));
    color: var(--dt_color-theme-content-inv-pry, var(--p-tab_rail__text));
  }
}

.p-account_switcher__phantom_team_icon {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: var(--dt_color-theme-base-pry, var(--p-tab_rail__text--opacity-80));
  box-shadow:
    0 0 0 1px var(--saf-0),
    0 1px 3px 0 #00000014;
  transition-duration: 0.24s;
  transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
}

.p-account_switcher__row {
  &.p-account_switcher__row--team_switcher_exp.c-menu_item__button--highlighted,
  &.p-team_switcher_popover__row.c-menu_item__button--highlighted {
    background: var(--dt_color-base-ter);
    color: var(--dt_color-base-inv-pry);
  }

  &.p-account_switcher__row--team_switcher_exp.c-menu_item__button--highlighted .c-menu_item__shortcut,
  &.p-team_switcher_popover__row.c-menu_item__button--highlighted .c-menu_item__shortcut {
    color: var(--dt_color-base-inv-pry);
  }

  &.p-account_switcher__row--team_switcher_exp.c-menu_item__button--highlighted {
    .c-menu_item__submenu-indicator,
    .p-account_switcher__row_url {
      color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    }
  }

  &.p-team_switcher_popover__row.c-menu_item__button--highlighted {
    .c-menu_item__submenu-indicator,
    .p-account_switcher__row_url {
      color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    }
  }

  &.p-account_switcher__row--team_switcher_exp.c-menu_item__button--highlighted .p-account_switcher__row_unread_counts,
  &.p-team_switcher_popover__row.c-menu_item__button--highlighted .p-account_switcher__row_unread_counts {
    border: 2px solid var(--dt_color-base-ter);
  }

  &.p-account_switcher__row--team_switcher_exp
    .p-account_switcher__row_tile_and_unreads.p-account_switcher__row--focused_team,
  &.p-team_switcher_popover__row .p-account_switcher__row_tile_and_unreads.p-account_switcher__row--focused_team {
    border: 2px solid var(--dt_color-content-sec);
  }
}

.p-account_switcher__row_name {
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  font-style: normal;
}

.p-account_switcher__row_url {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  font-style: normal;
  line-height: 18px;
}

.p-account_switcher__row_unread_counts {
  .c-mention_badge {
    background-color: var(--dt_color-base-inv-imp);
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: 0 0 0 3px var(--saf-0);
  }

  .p-account_switcher__row_unread_dot {
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: 0 0 0 3px var(--saf-0);
  }
}

.p-account_switcher__row_unread_dot {
  background-color: var(--dt_color-content-sec);
}

.p-account_switcher__row.c-menu_item__button--highlighted .p-account_switcher__row_url {
  color: #fff;
}

.p-account_switcher__signed_out_badge {
  color: #f2c744;
}

.p-account_switcher__locked_badge {
  background: #f8f8f8;
}

.p-account_switcher__signed_out_badge__stroke {
  -webkit-text-stroke: 4px #1d1c1d;
  color: #1d1c1d;
}

.p-bloop--paused {
  animation-name: none;
}

.p-bloop {
  animation-duration: 3s;
  animation-name: p-bloop;
  animation-timing-function: cubic-bezier(0.59, 0.52, 0.62, 1.49);
}

.p-bloop__link--no_animation {
  animation-timing-function: step-start;
}

.p-bloop__link--toasting {
  animation-duration: 3s;
  animation-name: p-bloop_fade;
  animation-timing-function: ease-out;
}

.p-bloop__link--hide,
.p-activity_toast_ia2022__activity__toast--paused {
  animation-name: none;
}

@font-face {
  font-family: appleLogo;
  src: local('Lucida Grande');
  unicode-range: u+f8ff;
}

.p-activity_toast_ia2022__activity__toast__tip_sub {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
}

.p-activity_toast_ia2022__activity__toast {
  animation-duration: 3s;
  animation-name: p-activity_toast_ia2022__activity__toast;
  animation-timing-function: cubic-bezier(0.59, 0.52, 0.62, 1.49);
}

.p-activity_toast_ia2022__link__icon {
  font-family: Slack v2;
  font-style: normal;
}

.p-activity_toast_ia2022__link--no_animation {
  animation-timing-function: step-start;
}

.p-activity_toast_ia2022__link__activity--toasting {
  animation-duration: 3s;
  animation-name: p-activity_toast_ia2022__activity__toast_fade;
  animation-timing-function: ease-out;
}

.p-activity_toast_ia2022__link__activity--hide {
  animation-name: none;
}

.p-activity_ia4_page__item {
  background-color: var(--ia_theme_none_overwrite, rgba(var(--sk_primary_background, 255, 255, 255), 1));
  border-bottom: 1px solid var(--dt_color-otl-ter);

  &:hover:not(.p-activity_ia4_page__item--selected) {
    background-color: var(--ia_theme_none_overwrite, var(--p-channel_sidebar__item-selected-bg--opacity-10));
  }
}

.p-ia4_client--theming .p-activity_ia4_page__item:hover:not(.p-activity_ia4_page__item--selected) {
  background-image: linear-gradient(var(--dt_color-theme-surf-ter-hover), var(--dt_color-theme-surf-ter-hover));
}

.p-activity_ia4_page__item--selected {
  background-color: var(--dt_color-theme-surf-sec, var(--p-channel_sidebar__item-selected-bg--opacity-10));

  &:hover {
    background-color: var(--dt_color-theme-surf-sec, var(--p-channel_sidebar__item-selected-bg--opacity-10));
  }
}

.p-activity_ia4_page__item__header,
.p-activity_ia4_page__item__header--unread,
.p-activity_ia4_page__item__link--unread,
.p-activity_ia4_page__item__senders__primary,
.p-activity_ia4_page__item__message--unread {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-activity_ia4_page__item__message--unread-dot,
.p-activity_ia4_page__item__badge {
  background: var(--dt_color-theme-base-inv-imp, var(--p-channel_sidebar__badge-color));
}

.p-activity_ia4_page__item__thread_container,
.p-activity_ia4_page__item__activity_reaction__message {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.p-activity_ia4_page__item__app-group,
.p-activity_ia4_page__item__group {
  border-bottom: 1px solid var(--dt_color-otl-ter);
}

.p-activity_ia4_page__item__app-group__spacer,
.p-activity_ia4_page__item__group__spacer,
.p-activity_ia4_page__item__app-group__header,
.p-activity_ia4_page__item__group__header,
.p-activity_ia4_page__item__app-group__subheader,
.p-activity_ia4_page__item__group__subheader {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
}

.p-activity_ia4_page__item__app-group .p-activity_ia4_page__item,
.p-activity_ia4_page__item__group .p-activity_ia4_page__item {
  border-bottom: none;
  box-shadow: none;
}

.p-activity_ia4_page__item.p-activity_page__item {
  box-shadow: none;
}

.p-activity_ia4_page__item__actions {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  box-shadow:
    0 0 0 1px var(--saf-0),
    0 1px 3px 0 #00000014;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.p-activity_ia4_page__item__actions--active {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-activity_ia4_page__item__actions--offscreen {
  border-width: 0;
}

.p-dms_channel__timestamp {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.p-dms_channel__timestamp--unread {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-dms_channel .p-activity_ia4_page__item__message__unread {
  color: var(--dt_color-content-sec);
}

.p-missing_dms__section {
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.p-unreads_toggle {
  gap: 6px;
}

.p-unreads_toggle__label {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

.p-unreads_toggle__switch {
  --saf-0: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  box-shadow: inset 0 0 0 1.25px var(--saf-0);
  background: #0000;

  &:before {
    background: #0000;
  }
}

.p-unreads_toggle__switch__handle {
  background-color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

.p-unreads_toggle.c-button--focus-visible:focus {
  box-shadow: none;

  .p-unreads_toggle__switch {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow:
      0 0 0 5px #1d9bd14d,
      inset 0 0 0 1.25px var(--saf-0);
  }
}

.p-unreads_toggle--selected {
  .p-unreads_toggle__label {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }

  .p-unreads_toggle__switch {
    box-shadow: inset 0 0 0 1.25px var(--dt_color-theme-base-inv-imp, var(--p-channel_sidebar__badge-color));

    &:before {
      background: var(--dt_color-theme-base-inv-imp, var(--p-channel_sidebar__badge-color));
    }
  }

  .p-unreads_toggle__switch__handle {
    background-color: var(--dt_color-content-inv-pry);
  }
}

.p-ia4_channel_list {
  .p-channel_sidebar--iap1 .p-channel_sidebar__section_heading {
    background: none;
  }

  .p-channel_sidebar__channel:not(.p-channel_sidebar__channel--selected):hover,
  .p-channel_sidebar__link:not(.p-channel_sidebar__link--selected):hover {
    background-color: var(--dt_color-theme-surf-sec, var(--p-channel_sidebar__item-hover-bg));
  }

  .p-channel_sidebar__channel--selected,
  .p-channel_sidebar__link--selected {
    background-color: var(--dt_color-theme-base-inv-hgl-1, var(--p-channel_sidebar__item-selected-bg));
    color: var(--dt_color-theme-content-inv-pry, var(--p-channel_sidebar__item-selected-text));

    + .p-channel_sidebar__close {
      background-color: var(--dt_color-theme-base-inv-hgl-1, var(--p-channel_sidebar__item-selected-bg));
      color: var(--dt_color-theme-content-inv-pry, var(--p-channel_sidebar__item-selected-text));
    }
  }
}

.p-ia4_client--theming .p-ia4_channel_list {
  .p-channel_sidebar__channel--selected,
  .p-channel_sidebar__link--selected {
    color: var(--dt_color-content-inv-pry);

    + .p-channel_sidebar__close {
      color: var(--dt_color-content-inv-pry);
    }
  }
}

.p-ia4_channel_list {
  .p-channel_sidebar__channel--selected {
    .p-channel_sidebar__channel_icon_canvas_indicator__inner,
    .p-channel_sidebar__channel_icon_canvas_indicator__mid {
      background-color: var(--dt_color-theme-base-inv-hgl-1, var(--p-channel_sidebar__item-selected-bg));
    }

    + .p-channel_sidebar__close {
      .p-channel_sidebar__channel_icon_canvas_indicator__inner,
      .p-channel_sidebar__channel_icon_canvas_indicator__mid {
        background-color: var(--dt_color-theme-base-inv-hgl-1, var(--p-channel_sidebar__item-selected-bg));
      }
    }
  }

  .p-channel_sidebar__link--selected {
    .p-channel_sidebar__channel_icon_canvas_indicator__inner,
    .p-channel_sidebar__channel_icon_canvas_indicator__mid {
      background-color: var(--dt_color-theme-base-inv-hgl-1, var(--p-channel_sidebar__item-selected-bg));
    }

    + .p-channel_sidebar__close {
      .p-channel_sidebar__channel_icon_canvas_indicator__inner,
      .p-channel_sidebar__channel_icon_canvas_indicator__mid {
        background-color: var(--dt_color-theme-base-inv-hgl-1, var(--p-channel_sidebar__item-selected-bg));
      }
    }
  }

  .p-channel_sidebar__channel--unread:not(
      .p-channel_sidebar__channel--muted,
      .p-channel_sidebar__channel--suggested,
      .p-channel_sidebar__channel--selected
    )
    .p-channel_sidebar__name,
  .p-channel_sidebar__link--unread:not(.p-channel_sidebar__link--selected) .p-channel_sidebar__name,
  .p-channel_sidebar__section_heading--unreads.p-channel_sidebar__section_heading--collapsed {
    color: var(--p-channel_sidebar__theme-text);
  }
}

.p-ia4_client--theming .p-ia4_channel_list {
  .p-channel_sidebar__channel--unread:not(
      .p-channel_sidebar__channel--muted,
      .p-channel_sidebar__channel--suggested,
      .p-channel_sidebar__channel--selected
    )
    .p-channel_sidebar__name,
  .p-channel_sidebar__link--unread:not(.p-channel_sidebar__link--selected) .p-channel_sidebar__name,
  .p-channel_sidebar__section_heading--unreads.p-channel_sidebar__section_heading--collapsed {
    color: var(--dt_color-content-pry);
  }
}

.p-ia4_channel_list div[aria-selected='true'] .p-channel_sidebar__link.p-channel_sidebar__link--page_pdrafts {
  background-color: var(--dt_color-theme-base-inv-hgl-1, var(--p-channel_sidebar__item-selected-bg));
  color: var(--p-channel_sidebar__item-selected-text);
}

.p-ia4_client--theming
  .p-ia4_channel_list
  div[aria-selected='true']
  .p-channel_sidebar__link.p-channel_sidebar__link--page_pdrafts {
  color: var(--dt_color-content-inv-pry);
}

.p-ia4_channel_list {
  div[aria-selected='true'] .p-channel_sidebar__link.p-channel_sidebar__link--page_pdrafts:hover {
    background-color: var(--dt_color-theme-base-inv-hgl-1, var(--p-channel_sidebar__item-selected-bg));
  }

  .p-channel_sidebar__pages_list_spacer {
    border-color: #0000;
  }

  &:not(:last-child) {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow:
      0 0 0 1px var(--saf-0),
      0 1px 0 0 #00000014,
      0 0 12px 0 #0000001a;
  }

  .p-channel_sidebar__organize_action__colors {
    background-color: var(--p-channel_sidebar__theme-text--opacity-11);
    color: var(--p-channel_sidebar__theme-text);

    &:active,
    &:focus,
    &:hover {
      background-color: var(--p-channel_sidebar__theme-text--opacity-20);
    }
  }

  .p-channel_sidebar__organize_action__colors--primary {
    background-color: var(--dt_color-theme-content-inv-sec, var(--p-tab_rail__bg));
    color: var(--dt_color-theme-content-inv-pry, var(--p-tab_rail__text));

    &:active,
    &:focus,
    &:hover {
      background-color: var(--p-channel_sidebar__theme-text--opacity-89);
    }
  }

  .p-channel_sidebar__static_list__item--unreads_sidebar_simplification:hover {
    .p-channel_sidebar__channel:not(.p-channel_sidebar__channel--selected) {
      background-color: var(--dt_color-theme-surf-sec, var(--p-channel_sidebar__item-hover-bg));

      .p-channel_sidebar__channel_icon_canvas_indicator__inner {
        background-color: var(--dt_color-theme-surf-sec, var(--p-channel_sidebar__item-hover-bg));
      }
    }

    .p-channel_sidebar__link--about-workspace:not(.p-channel_sidebar__link--selected),
    .p-channel_sidebar__link--all-threads:not(.p-channel_sidebar__link--selected),
    .p-channel_sidebar__link--page:not(.p-channel_sidebar__link--selected),
    .p-channel_sidebar__section-heading--pages-drawer {
      background-color: var(--dt_color-theme-surf-sec, var(--p-channel_sidebar__item-hover-bg));
    }

    .p-channel_sidebar__channel:not(.p-channel_sidebar__channel--selected)
      .p-channel_sidebar__channel_icon_canvas_indicator__mid {
      background-color: var(--dt_color-theme-surf-pry, var(--p-channel_sidebar__column-bg));
    }
  }

  .p-channel_sidebar--iap1 {
    .p-channel_sidebar__section_heading_button:hover,
    .p-channel_sidebar__section_heading_ellipsis:hover,
    .p-channel_sidebar__section_heading_expand_container:hover,
    .p-channel_sidebar__section_heading_plus:hover {
      background-color: var(--dt_color-theme-surf-sec, var(--p-channel_sidebar__section-heading-hover-bg));
    }
  }

  .p-drag_layer__sidebar_channels--multiple {
    background-color: var(--dt_color-theme-base-inv-hgl-1, var(--p-channel_sidebar__item-selected-bg));
  }

  .c-virtual_list__item--contextmenu-visible {
    .p-channel_sidebar__channel,
    .p-channel_sidebar__link {
      background-color: var(--dt_color-theme-surf-sec, var(--p-channel_sidebar__item-hover-bg));
      color: var(--p-channel_sidebar__computed-text-color);
    }
  }

  .p-channel_sidebar__channel:hover,
  .p-channel_sidebar__close_container:hover,
  .p-channel_sidebar__link:hover {
    background-color: var(--dt_color-theme-surf-sec, var(--p-channel_sidebar__item-hover-bg));
    color: var(--p-channel_sidebar__computed-text-color);
  }
}

.p-ia4_client--theming .p-ia4_channel_list {
  .c-virtual_list__item--contextmenu-visible {
    .p-channel_sidebar__channel,
    .p-channel_sidebar__link {
      color: var(--dt_color-content-sec);
    }
  }

  .p-channel_sidebar__channel:hover,
  .p-channel_sidebar__close_container:hover,
  .p-channel_sidebar__link:hover {
    color: var(--dt_color-content-sec);
  }
}

.p-ia4_client .p-ia4_channel_list .p-channel_sidebar__close_container:hover {
  background-color: var(--ia_theme_none_overwrite);
}

.p-ia4_channel_list {
  .p-channel_sidebar__channel_icon_prefix--im-slackbot,
  .p-channel_sidebar__presence_icon.c-presence--active {
    color: var(--dt_color-theme-base-inv-hgl-2, var(--p-channel_sidebar__item-presence-active));
  }

  .p-channel_sidebar__channel--selected {
    .c-avatar__presence {
      color: var(--dt_color-content-inv-pry, var(--p-channel_sidebar__item-selected-text));
    }

    background-color: var(--dt_color-theme-base-inv-hgl-1, var(--p-channel_sidebar__item-selected-bg));
    color: var(--p-channel_sidebar__item-selected-text);

    &:hover {
      background-color: var(--dt_color-theme-base-inv-hgl-1, var(--p-channel_sidebar__item-selected-bg));
      color: var(--p-channel_sidebar__item-selected-text);
    }
  }

  .p-channel_sidebar__link--selected {
    background-color: var(--dt_color-theme-base-inv-hgl-1, var(--p-channel_sidebar__item-selected-bg));
    color: var(--p-channel_sidebar__item-selected-text);

    &:hover {
      background-color: var(--dt_color-theme-base-inv-hgl-1, var(--p-channel_sidebar__item-selected-bg));
      color: var(--p-channel_sidebar__item-selected-text);
    }
  }

  .p-channel_sidebar__section_heading--selected {
    background-color: var(--dt_color-theme-base-inv-hgl-1, var(--p-channel_sidebar__item-selected-bg));
    color: var(--p-channel_sidebar__item-selected-text);
  }
}

.p-ia4_client--theming .p-ia4_channel_list {
  .p-channel_sidebar__channel--selected,
  .p-channel_sidebar__link--selected {
    color: var(--dt_color-content-inv-pry);

    &:hover {
      color: var(--dt_color-content-inv-pry);
    }
  }

  .p-channel_sidebar__section_heading--selected {
    color: var(--dt_color-content-inv-pry);
  }
}

.p-ia4_channel_list {
  .p-drag_layer .p-channel_sidebar__section_heading {
    background-color: var(--dt_color-theme-surf-pry, var(--p-channel_sidebar__column-bg));
  }

  .p-channel_sidebar--channel_dragging {
    .p-channel_sidebar__drop_target_indicator--channel_above.p-channel_sidebar__drop_target_indicator--channel_sides.p-channel_sidebar__drop_target_indicator--channel_below {
      box-shadow:
        inset 0 0 0 4px var(--dt_color-otl-ter),
        inset 0 0 0 5px var(--dt_color-otl-ter);
    }

    .p-channel_sidebar__drop_target_indicator--channel_sides {
      box-shadow:
        inset -4px 0 0 0 var(--dt_color-otl-ter),
        inset 4px 0 0 0 var(--dt_color-otl-ter),
        inset -5px 0 0 0 var(--dt_color-otl-ter),
        inset 5px 0 0 0 var(--dt_color-otl-ter);
    }

    .p-channel_sidebar__drop_target_indicator--channel_above.p-channel_sidebar__drop_target_indicator--channel_sides {
      box-shadow:
        inset -4px 0 0 0 var(--dt_color-otl-ter),
        inset 4px 0 0 0 var(--dt_color-otl-ter),
        inset 0 4px 0 0 var(--dt_color-otl-ter),
        inset -5px 0 0 0 var(--dt_color-otl-ter),
        inset 5px 0 0 0 var(--dt_color-otl-ter),
        inset 0 5px 0 0 var(--dt_color-otl-ter);
    }

    .p-channel_sidebar__drop_target_indicator--channel_below.p-channel_sidebar__drop_target_indicator--channel_sides {
      box-shadow:
        inset -4px 0 0 0 var(--dt_color-otl-ter),
        inset 4px 0 0 0 var(--dt_color-otl-ter),
        inset 0 -4px 0 0 var(--dt_color-otl-ter),
        inset -5px 0 0 0 var(--dt_color-otl-ter),
        inset 5px 0 0 0 var(--dt_color-otl-ter),
        inset 0 -5px 0 0 var(--dt_color-otl-ter);
    }
  }

  .p-channel_sidebar--channel_section_dragging .p-channel_sidebar__drop_target_indicator--channel_section_above {
    box-shadow:
      inset -16px 0 0 0 var(--p-channel_sidebar__column-bg),
      inset 16px 0 0 0 var(--p-channel_sidebar__column-bg),
      inset 0 2px 0 0 var(--dt_color-theme-base-inv-sec, var(--dt_color-otl-ter));
  }
}

.p-ia4_client--theming
  .p-ia4_channel_list
  .p-channel_sidebar--channel_section_dragging
  .p-channel_sidebar__drop_target_indicator--channel_section_above {
  box-shadow: inset 0 2px 0 0 var(--dt_color-theme-base-inv-sec);
}

.p-ia4_channel_list
  .p-channel_sidebar--channel_section_dragging
  .p-channel_sidebar__drop_target_indicator--channel_section_below {
  box-shadow:
    inset -16px 0 0 0 var(--dt_color-theme-surf-pry, var(--p-channel_sidebar__column-bg)),
    inset 16px 0 0 0 var(--dt_color-theme-surf-pry, var(--p-channel_sidebar__column-bg)),
    inset 0 -2px 0 0 var(--dt_color-otl-ter);
}

.p-ia4_client--theming
  .p-ia4_channel_list
  .p-channel_sidebar--channel_section_dragging
  .p-channel_sidebar__drop_target_indicator--channel_section_below {
  box-shadow: inset 0 -2px 0 0 var(--dt_color-theme-base-inv-sec, var(--dt_color-otl-ter));
}

.p-activity_ia4_list {
  .p-activity_ia2022_page__item--last-in-day,
  .p-activity_ia4_page__item--last-in-day {
    border-bottom: 1px solid #0000001a;
  }
}

.p-user_invite__section {
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.p-activity_ia2022_page__item {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid #0000001a;

  &:hover {
    background: #f8f6f9;
  }
}

.sk-client-theme--dark .p-activity_ia2022_page__item:hover {
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 0.1);
}

.p-activity_ia2022_page__item__header--unread {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-activity_ia2022_page__header__icon--mention {
  color: #1264a3;
}

.p-activity_ia2022_page__header__icon--reaction {
  color: #e8912d;
}

.p-activity_ia2022_page__header__icon--channel-join,
.p-activity_ia2022_page__header__icon--invite {
  color: #4a154b;
}

.p-activity_ia2022_page__header__icon--thread {
  color: #007a5a;
}

.p-activity_ia2022_page__item__link--unread {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-activity_ia2022_page__item__senders {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

.p-activity_ia2022_page__divider {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border: none;
  box-shadow: none;

  &:hover {
    background: none;
    box-shadow: none;
  }
}

.p-activity_ia2022_page__banner_container {
  background-color: var(--dt_color-theme-base-pry, var(--p-channel_sidebar__unreads-banner-bg));
  box-shadow:
    0 1px 6px #0000001a,
    inset 0 1px 3px #0000001a;
  color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
}

.p-activity_ia2022_page__message--unread {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-activity_ia2022_page__message--unread-dot {
  background: var(--dt_color-theme-base-inv-imp, var(--p-channel_sidebar__badge-color));
}

.p-activity_ia2022_page__timestamp--unread {
  background: var(--dt_color-theme-base-inv-imp, var(--p-channel_sidebar__badge-color));
  color: #fff;
}

.p-activity_ia2022_page__message--selected {
  background-color: #f2edf3;

  &:hover {
    background-color: #f2edf3;
  }
}

.sk-client-theme--dark .p-activity_ia2022_page__message--selected {
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);

  &:hover {
    background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  }
}

.p-activity_ia2022_page__thread_container {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.p-activity_ia2022_page__replied_to {
  flex-basis: 60px;
}

.p-activity_ia2022_page__activity_reaction__message {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.p-activity_ia4_page {
  background-color: var(--ia_theme_none_overwrite, rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1));
}

.p-activity_ia4_page--peek {
  .p-activity_ia4_page__message--selected {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  }

  .p-activity_ia4_page__item--selected {
    background-color: var(--ia_theme_none_overwrite, rgba(var(--sk_primary_background, 255, 255, 255), 1));

    &:hover {
      background-color: var(--dt_color-theme-surf-ter, var(--p-channel_sidebar__item-selected-bg--opacity-10));
    }
  }
}

.p-ia4_client--theming .p-activity_ia4_page--peek .p-activity_ia4_page__item--selected:hover {
  background-image: linear-gradient(var(--dt_color-theme-surf-ter-hover), var(--dt_color-theme-surf-ter-hover));
}

.p-activity_ia4_page__tab_menu {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  box-shadow: 0 1px 0 0 var(--saf-0);
}

.p-activity_ia4_page__tab_container {
  background-color: var(--ia_theme_none_overwrite, rgba(var(--sk_primary_background, 255, 255, 255), 1));
}

.p-activity_ia4_page__unreads_info {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background-color: var(--ia_theme_none_overwrite, rgba(var(--sk_primary_background, 255, 255, 255), 1));
  box-shadow: inset 0 -1px 0 0 var(--saf-0);
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.p-nfx_activity_coachmark {
  .c-coachmarkv2__close {
    color: var(--dt_color-base-pry);
  }

  &.c-coachmark--right {
    &:after,
    &:before {
      border-right-color: rgb(var(--dt_color-plt-aubergine-60));
    }
  }
}

.p-home_tab_button--pulse-animation {
  background-color: var(--dt_color-theme-surf-inv-pry, var(--p-tab_rail__text--opacity-20));
  color: var(--dt_color-theme-content-inv-sec, var(--p-tab_rail__text--opacity-70));
}

.p-home_tab_button__coachmark_anchor {
  row-gap: 4px;
}

@keyframes pulse_light {
  0% {
    box-shadow: 0 0 0 0 #fff3;
  }
  70% {
    box-shadow: 0 0 0 10px #f000;
  }
  to {
    box-shadow: 0 0 0 0 #f000;
  }
}

@keyframes pulse_dark {
  0% {
    box-shadow: 0 0 0 0 #1d1c1d33;
  }
  70% {
    box-shadow: 0 0 0 10px #f000;
  }
  to {
    box-shadow: 0 0 0 0 #f000;
  }
}

.p-huddle_control_strip_button {
  background-color: var(--dt_color-theme-surf-inv-pry, var(--p-tab_rail__text--opacity-20));
  color: var(--dt_color-theme-content-inv-sec, var(--p-tab_rail__text--opacity-70));

  &:hover {
    color: var(--dt_color-theme-content-inv-pry, var(--ia_theme_none_overwrite));
  }
}

.p-ia4_client--theming .p-huddle_control_strip_button:hover {
  background-image: linear-gradient(var(--dt_color-theme-surf-inv-pry-hover), var(--dt_color-theme-surf-inv-pry-hover));
}

.p-huddle_control_strip_button:active {
  background-color: var(--dt_color-theme-base-pry, var(--ia_theme_none_overwrite));
  color: var(--dt_color-theme-content-pry, var(--ia_theme_none_overwrite));
}

@keyframes pulse_light {
  0% {
    box-shadow: 0 0 0 0 #fff3;
  }
  70% {
    box-shadow: 0 0 0 10px #f000;
  }
  to {
    box-shadow: 0 0 0 0 #f000;
  }
}

@keyframes pulse_dark {
  0% {
    box-shadow: 0 0 0 0 #1d1c1d33;
  }
  70% {
    box-shadow: 0 0 0 10px #f000;
  }
  to {
    box-shadow: 0 0 0 0 #f000;
  }
}

.p-nfx_theming_coachmark .p-theme_preset_preview {
  gap: var(--dt_static_space-175);
}

.p-today_peek_trigger__view .p-peek_card__header {
  box-shadow: none;
}

.p-today_peek_trigger__ts_callout {
  background-color: var(--dt_color-base-ter);
  box-shadow: none;
  color: var(--dt_color-content-ter);
}

.p-today_event_notification_badge {
  background-color: var(--dt_color-theme-base-pry);
  color: var(--dt_color-theme-content-ter);
  line-height: 15px;
}

.p-account_switcher_icecube_tray {
  .p-unread_dot {
    transition-duration: 0.24s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }

  .c-mention_badge {
    background-color: var(--dt_color-theme-base-pry, var(--p-tab_rail__text));
    color: var(--dt_color-theme-content-ter, var(--p-tab_rail__bg));
  }
}

.p-account_switcher_icecube_tray__cube {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  box-shadow:
    0 0 0 1px var(--saf-0),
    0 1px 3px 0 #00000014;
  float: left;

  &.c-team_icon:after {
    box-shadow: none;
  }

  &.p-account_switcher__team_icon--setup {
    background-color: var(--dt_color-theme-surf-inv-pry, var(--p-tab_rail__text--opacity-20));
    color: var(--dt_color-theme-content-inv-pry, var(--p-tab_rail__text));
  }
}

.p-tab_rail {
  color: var(--dt_color-theme-content-inv-pry, var(--p-tab_rail__text));
  row-gap: 12px;
}

.p-ia4_client .p-tab_rail {
  --sk_focused-shadow-color: var(--dt_color-brand-core-white);
  --sk_focused-shadow-color-opaque: var(--dt_color-theme-otl-inv-pry);
}

.p-tab_rail .c-mention_badge {
  background-color: var(--dt_color-theme-base-pry, var(--p-tab_rail__text));
  color: var(--dt_color-theme-content-ter, var(--p-tab_rail__bg));
}

.p-tab_rail__button {
  .c-tabs__tab_content {
    color: var(--dt_color-theme-content-inv-sec, var(--p-tab_rail__text--opacity-80));
    row-gap: 4px;
  }

  &:hover:not(.p-tab_rail__button--setup) {
    .c-tabs__tab_content {
      color: var(--dt_color-theme-content-inv-pry, var(--p-tab_rail__text));
    }

    .p-tab_rail__button__icon {
      background-color: var(--dt_color-theme-surf-inv-pry, var(--p-tab_rail__text--opacity-20));
    }
  }
}

.p-peek_trigger--is-peek-visible .p-tab_rail__button {
  .c-tabs__tab_content {
    color: var(--dt_color-theme-content-inv-pry, var(--p-tab_rail__text));
  }

  .p-tab_rail__button__icon {
    background-color: var(--dt_color-theme-surf-inv-pry, var(--p-tab_rail__text--opacity-20));
  }
}

.p-tab_rail__button {
  &.p-tab_rail__button--active {
    .c-tabs__tab_content,
    &:hover .c-tabs__tab_content {
      color: var(--dt_color-theme-content-inv-pry, var(--p-tab_rail__text));
    }
  }

  &:active:not(.p-tab_rail__button--setup) .c-tabs__tab_content {
    color: var(--dt_color-theme-content-inv-pry, var(--p-tab_rail__text));
  }

  &.p-tab_rail__button--active {
    .p-tab_rail__button__icon,
    &:hover .p-tab_rail__button__icon {
      background-color: var(--dt_color-theme-surf-inv-pry, var(--p-tab_rail__text--opacity-20));
    }
  }

  &:active:not(.p-tab_rail__button--setup) .p-tab_rail__button__icon {
    background-color: var(--dt_color-theme-surf-inv-pry, var(--p-tab_rail__text--opacity-20));
  }

  .c-icon_button__badge {
    outline: 2px solid rgba(var(--sk_primary_background, 255, 255, 255), 0.1);
  }
}

.p-tab_rail__tab_menu.c-tabs__tab_menu--vertical .c-tabs__tab {
  border: 0;

  &.c-tabs__tab--active {
    background-color: initial;

    &.c-button--focus-visible:focus {
      --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
      box-shadow:
        0 0 0 1px var(--sk_focused-shadow-color, var(--saf-0)),
        0 0 0 5px var(--sk_focused-shadow-color-opaque, #1d9bd14d);
    }
  }

  &:not(.c-tabs__tab--active):hover {
    background: #0000;
    color: var(--dt_color-theme-content-inv-pry, var(--p-tab_rail__text));
  }

  &:active {
    background-color: initial;
  }
}

.p-tab_rail__button--home_ice_cubes .p-unread_dot {
  transition-duration: 0.24s;
  transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
}

.p-control_strip {
  row-gap: 16px;
}

.p-ia4_client .p-control_strip {
  --sk_focused-shadow-color: var(--dt_color-brand-core-white);
  --sk_focused-shadow-color-opaque: var(--dt_color-theme-otl-inv-pry);
}

.p-control_strip {
  .c-avatar__presence {
    color: var(--dt_color-theme-content-inv-pry, var(--p-tab_rail__text--opacity-70));
  }

  .c-presence--active {
    color: var(--dt_color-theme-base-inv-hgl-2, var(--p-channel_sidebar__item-presence-active));
  }

  .p-ia__nav__user__status_icon {
    background-color: var(--dt_color-theme-surf-inv-pry, var(--p-tab_rail__text--opacity-70));
  }
}

.p-control_strip__circle_button {
  background-color: var(--dt_color-theme-surf-inv-pry, var(--p-tab_rail__text--opacity-70));
  color: var(--dt_color-theme-content-inv-sec, var(--p-tab_rail__bg));
  transition-duration: 0.125s;
  transition-timing-function: cubic-bezier(0.17, 0.67, 0.55, 1.09);

  &:hover {
    background-color: var(--dt_color-theme-surf-inv-pry, var(--p-tab_rail__text--opacity-70));
    color: var(--dt_color-theme-content-inv-pry, var(--p-tab_rail__bg));
  }
}

.p-ia4_client--theming .p-control_strip__circle_button:hover {
  background-image: linear-gradient(var(--dt_color-theme-surf-inv-pry-hover), var(--dt_color-theme-surf-inv-pry-hover));
}

.p-control_strip__circle_button {
  &.p-control_strip__circle_button--active,
  &:active {
    background-color: var(--dt_color-theme-base-pry, var(--p-tab_rail__text--opacity-90));
    color: var(--dt_color-theme-content-ter, var(--p-tab_rail__bg));
  }
}

.p-control_strip__user_tooltip .p-control_strip__user_tooltip--status {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
}

.p-ia4_client {
  .p-ia4_top_nav {
    grid-column: 1 / span 2;
  }

  .p-ia4_client .p-ia4_top_nav {
    --sk_focused-shadow-color: var(--dt_color-brand-core-white);
    --sk_focused-shadow-color-opaque: var(--dt_color-theme-otl-inv-pry);
  }

  .p-ia4_top_nav__middle_container {
    .p-top_nav__search__container {
      background-color: var(--dt_color-theme-surf-inv-pry);
      border-color: #0000;
    }

    .p-top_nav__search:not(:focus) {
      box-shadow: none;
    }
  }

  .p-top_nav__button.p-top_nav__help {
    &:hover {
      background-color: var(--dt_color-theme-surf-inv-pry, var(--p-tab_rail__text--opacity-20));
    }

    &:active {
      background-color: var(--dt_color-theme-surf-inv-sec, var(--p-tab_rail__text--opacity-20));
    }
  }

  .p-top_nav__feedback {
    background: none;
    color: var(--dt_color-theme-content-inv-pry, var(--p-channel_sidebar__top-nav-text));

    &:hover {
      background-color: var(--dt_color-theme-surf-inv-pry, var(--p-tab_rail__text--opacity-20));
    }

    &:active {
      background-color: var(--dt_color-theme-surf-inv-sec, var(--p-tab_rail__text--opacity-20));
    }
  }

  .p-client_workspace__layout {
    background-color: var(--ia_theme_none_overwrite, rgba(var(--sk_primary_background, 255, 255, 255), 1));
    box-shadow: -4px -4px 16px #00000017;
  }
}

.sk-client-theme--dark .p-ia4_client .p-client_workspace__layout {
  border: 1px solid var(--dt_color-otl-ter);
  box-shadow: none;
}

.p-ia4_client .p-view_contents--sidebar {
  background-color: var(--dt_color-theme-surf-pry, rgba(var(--sk_primary_background, 255, 255, 255), 1));
}

.sk-client-theme--dark .p-ia4_client .p-view_contents--sidebar {
  border-right: 1px solid var(--dt_color-otl-ter);
}

.p-ia4_client {
  .p-view_contents--sidebar {
    &.p-view_contents--channel-list-pry {
      background-color: var(--dt_color-theme-surf-pry, rgba(var(--sk_primary_background, 255, 255, 255), 1));
    }

    &.p-view_contents--channel-list-ter {
      background-color: var(--dt_color-theme-surf-ter, rgba(var(--sk_primary_background, 255, 255, 255), 1));
    }
  }

  .p-view_contents--primary {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow:
      0 4px #0000000d,
      0 0 20px #0000001a;
  }
}

.sk-client-theme--dark .p-ia4_client .p-view_contents--primary {
  box-shadow: none;
}

.p-ia4_client .p-view_contents--secondary {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  box-shadow:
    0 4px #0000000d,
    0 0 20px #0000001a;
}

.sk-client-theme--dark .p-ia4_client .p-view_contents--secondary {
  border-left: 1px solid var(--dt_color-otl-ter);
  box-shadow: none;
}

.p-ia4_client--sidebar-floating.p-ia4_client--sidebar-visible .p-view_contents--sidebar {
  box-shadow:
    0 4px #0000000d,
    0 0 20px #0000001a;
}

.p-huddle_mini_panel {
  background-color: var(--dt_color-theme-base-inv-pry, var(--p-huddle__bg));
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));

  .p-huddle_activity__headset_container {
    border: 0;
  }
}

.p-huddle_mini_panel__button {
  background-color: initial;
  border: 1px solid #0000;
  color: var(--dt_color-theme-content-inv-pry, var(--p-huddle__text_color));

  &:hover:not([disabled], .p-huddle_mini_panel__button--active) {
    background-color: var(--dt_color-theme-surf-inv-pry, var(--p-huddle__hover_item));
  }

  &:focus-visible {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow:
      0 0 0 1px var(--sk_focused-shadow-color, var(--saf-0)),
      0 0 0 5px var(--sk_focused-shadow-color-opaque, #1d9bd14d);
  }
}

.p-huddle_mini_panel__button--active {
  border: 1px solid #0000;
  background-color: var(--dt_color-theme-base-pry, var(--p-huddle__hover_item));
  color: var(--dt_color-theme-content-ter, var(--p-huddle__hover_text_color));

  &:hover {
    background-color: var(--dt_color-theme-base-pry, var(--p-huddle__hover_item));
    color: var(--dt_color-theme-content-ter, var(--p-huddle__hover_text_color));
  }
}

.p-huddle_mini_panel__button--stop-screen-share-updated {
  background-color: var(--dt_color-base-inv-hgl-1, var(--p-huddle__active_item));
  color: var(--dt_color-content-inv-pry, var(--p-huddle__active_item_text));

  &:hover {
    background-color: var(--dt_color-base-inv-hgl-1, var(--p-huddle__hover_item)) !important;
  }
}

.p-ia4_client--theming .p-huddle_mini_panel__button--stop-screen-share-updated:hover {
  background-image: linear-gradient(var(--dt_color-base-inv-hgl-1-hover), var(--dt_color-base-inv-hgl-1-hover));
}

.p-huddle_mini_panel__icon--slash {
  color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
}

.p-calls__host_draw_window_debugger {
  .p-calls_draw__target,
  .p-calls_draw__target_none {
    border: 6px solid #1264a3;
  }

  .p-calls_draw__renderer {
    border: 6px solid #de4e2b;
  }

  .p-calls__host_draw_window_debugger_details {
    background: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    color: #fff;
  }
}
