.p-gantry {
  display: none;
}


.p-client_container_placeholder {
  border-right: 1px solid #0000001a;
  height: 100%;
  opacity: 0;
  position: absolute;
  transition: opacity 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
  width: 260px;
}

.p-client_container_placeholder__nav {
  box-shadow: 0 1px 0;
  display: block;
  height: 44px;
  position: absolute;
  width: 100vw;
  z-index: 2;
}

.p-client_container_placeholder--with-team-switcher {
  border-left: 1px solid #0000;
  left: 59px;
  width: 261px;
}

.p-client_container_placeholder__nav--with-team-switcher {
  left: -60px;
}

@media screen and (max-width: 1070px) {
  .p-client_container_placeholder {
    width: 220px;
  }

  .p-client_container_placeholder--with-team-switcher {
    width: 280px;
  }
}

.p-client_container_placeholder--with-team-switcher:after {
  background: #0000001a;
  content: '';
  height: 100%;
  left: -1px;
  position: absolute;
  width: 1px;
}

.p-client_container_placeholder--channel-popout {
  border-right: 0;
  opacity: 1;
  width: 100%;
}

.p-client_container_placeholder {
  .p-view_header_placeholder {
    border-bottom: 1px solid #ddd;
    height: 64px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }

  .p-message_input_placeholder {
    border: 1px solid #ddd;
    border-radius: 4px;
    bottom: 20px;
    height: 80px;
    left: 20px;
    position: absolute;
    right: 20px;
  }
}

@font-face {
  font-family: Slack v2;
  font-style: normal;
  font-weight: 400;
  src: url(./slack-icons-v2-fe043a5.woff2) format('woff2'), url(./slack-icons-v2-f1c27d6.woff) format('woff');
}

.c-icon {
  align-items: center;
  display: inline-flex;
  height: 20px;
  justify-content: center;
  position: relative;
  width: 20px;

  &:before {
    display: inline-block;
    font-family: Slack v2;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
  }
}

.c-icon--inline {
  font-family: inherit;
  font-size: inherit;
  height: auto;
  line-height: inherit;
  width: 20px;

  &:before {
    height: 1em;
    left: 50%;
    margin-left: -.5em;
    margin-top: -.5em;
    position: absolute;
    top: 50%;
    width: 1em;
  }

  &:after {
    content: '​';
  }
}

.c-icon--inherit {
  width: 1em;

  &:before {
    font-size: inherit;
  }
}

.c-icon--spin:before {
  animation: c-icon--spin 1s linear 0s infinite normal none;
}

@keyframes c-icon--spin {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

.c-deprecated-icon:before {
  display: inline-block;
  font-family: Slack v2;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  vertical-align: middle;
}

.c-deprecated-icon--vertical-align-top:before {
  vertical-align: top;
}

.c-deprecated-icon--vertical-align-bottom:before {
  vertical-align: bottom;
}

.c-deprecated-icon--vertical-align-baseline:before {
  vertical-align: initial;
}

.c-deprecated-icon--inherit:before {
  font-size: inherit;
}

.c-icon--star-o:before {
  content: '';
}

.c-icon--unstar-o:before {
  content: '';
}

.c-icon--user:before {
  content: '';
}

.c-icon--comment-alt:before {
  content: '';
}

.c-icon--comment-o:before {
  content: '';
}

.c-icon--home:before {
  content: '';
}

.c-icon--info:before {
  content: '';
}

.c-icon--channel-info:before, .c-icon--info-circle:before {
  content: '';
}

.c-icon--mentions:before {
  content: '';
}

.c-icon--gn-menu:before {
  content: '';
}

.c-icon--clear:before {
  content: '';
}

.c-icon--channels:before {
  content: '';
}

.c-icon--dm:before {
  content: '';
}

.c-icon--more:before {
  content: '';
}

.c-icon--search:before {
  content: '';
}

.c-icon--bolt:before {
  content: '';
}

.c-icon--mobile:before {
  content: '';
}

.c-icon--tablet:before {
  content: '';
}

.c-icon--laptop:before {
  content: '';
}

.c-icon--bell-o:before {
  content: '';
}

.c-icon--bell-slash:before {
  content: '';
}

.c-icon--team-directory:before {
  content: '';
}

.c-icon--cloud-upload:before {
  content: '';
}

.c-icon--cloud-download:before {
  content: '';
}

.c-icon--bolt-add:before {
  content: '';
}

.c-icon--search-medium:before {
  content: '';
}

.c-icon--move-to-inspector:before {
  content: '';
}

.c-icon--move-to-page:before {
  content: '';
}

.c-icon--cloud-downloaded:before {
  content: '';
}

.c-icon--cog-o:before {
  content: '';
}

.c-icon--cogs:before {
  content: '';
}

.c-icon--key:before {
  content: '';
}

.c-icon--calendar:before {
  content: '';
}

.c-icon--pencil:before {
  content: '';
}

.c-icon--lightbulb-o:before {
  content: '';
}

.c-icon--magic:before {
  content: '';
}

.c-icon--external-link:before {
  content: '';
}

.c-icon--external-link-square:before {
  content: '';
}

.c-icon--lock-o:before {
  content: '';
}

.c-icon--unlock:before {
  content: '';
}

.c-icon--folder:before {
  content: '';
}

.c-icon--folder-open:before {
  content: '';
}

.c-icon--archive:before {
  content: '';
}

.c-icon--inbox:before {
  content: '';
}

.c-icon--sitemap:before {
  content: '';
}

.c-icon--book:before {
  content: '';
}

.c-icon--envelope-o:before {
  content: '';
}

.c-icon--image:before {
  content: '';
}

.c-icon--building:before {
  content: '';
}

.c-icon--blocks:before {
  content: '';
}

.c-icon--plug:before {
  content: '';
}

.c-icon--paper-plane:before {
  content: '';
}

.c-icon--credit-card:before {
  content: '';
}

.c-icon--life-ring:before {
  content: '';
}

.c-icon--thumb-tack:before {
  content: '';
}

.c-icon--trash:before {
  content: '';
}

.c-icon--print:before {
  content: '';
}

.c-icon--quote-o:before {
  content: '';
}

.c-icon--th-large:before {
  content: '';
}

.c-icon--eye:before {
  content: '';
}

.c-icon--forward:before {
  content: '';
}

.c-icon--email-reply:before {
  content: '';
}

.c-icon--eye-closed:before {
  content: '';
}

.c-icon--volume-off:before {
  content: '';
}

.c-icon--volume-down:before {
  content: '';
}

.c-icon--volume-medium:before {
  content: '';
}

.c-icon--volume-up:before {
  content: '';
}

.c-icon--volume-off-alt:before {
  content: '';
}

.c-icon--heart-o:before {
  content: '';
}

.c-icon--wrench:before {
  content: '';
}

.c-icon--file:before {
  content: '';
}

.c-icon--all-files:before {
  content: '';
}

.c-icon--post-object:before {
  content: '';
}

.c-icon--calculator:before {
  content: '';
}

.c-icon--file-wo:before {
  content: '';
}

.c-icon--file-large-wo:before {
  content: '';
}

.c-icon--your-files:before {
  content: '';
}

.c-icon--align-left:before {
  content: '';
}

.c-icon--align-center:before {
  content: '';
}

.c-icon--align-right:before {
  content: '';
}

.c-icon--align-justify:before {
  content: '';
}

.c-icon--paragraph:before {
  content: '';
}

.c-icon--code:before {
  content: '';
}

.c-icon--ellipsis:before {
  content: '';
}

.c-icon--ellipsis-baseline:before {
  content: '';
}

.c-icon--spinner:before {
  content: '';
}

.c-icon--spiral:before {
  content: '';
}

.c-icon--random:before {
  content: '';
}

.c-icon--repeat:before {
  content: '';
}

.c-icon--share-square-o:before {
  content: '';
}

.c-icon--link:before {
  content: '';
}

.c-icon--undo:before {
  content: '';
}

.c-icon--history:before {
  content: '';
}

.c-icon--hourglass-empty:before {
  content: '';
}

.c-icon--hourglass:before {
  content: '';
}

.c-icon--clock-o:before {
  content: '';
}

.c-icon--scheduled-send:before {
  content: '';
}

.c-icon--to-channel:before {
  content: '';
}

.c-icon--move-channel:before {
  content: '';
}

.c-icon--dashboard:before {
  content: '';
}

.c-icon--power-off:before {
  content: '';
}

.c-icon--sign-in:before {
  content: '';
}

.c-icon--sign-out:before {
  content: '';
}

.c-icon--jump:before {
  content: '';
}

.c-icon--globe:before {
  content: '';
}

.c-icon--filter:before {
  content: '';
}

.c-icon--microphone:before {
  content: '';
}

.c-icon--microphone-slash:before {
  content: '';
}

.c-icon--paperclip:before {
  content: '';
}

.c-icon--microphone-slashless:before {
  content: '';
}

.c-icon--microphone-slashonly:before {
  content: '';
}

.c-icon--stop-video-slashless:before {
  content: '';
}

.c-icon--stop-video-slashonly:before {
  content: '';
}

.c-icon--stop-ss-slashless:before {
  content: '';
}

.c-icon--stop-ss-slashonly:before {
  content: '';
}

.c-icon--video-camera:before {
  content: '';
}

.c-icon--stop-video:before {
  content: '';
}

.c-icon--phone:before {
  content: '';
}

.c-icon--unarchive:before {
  content: '';
}

.c-icon--smile-o:before {
  content: '';
}

.c-icon--share-screen:before {
  content: '';
}

.c-icon--stop-screen-sharing:before {
  content: '';
}

.c-icon--stop-screen-sharing-alt:before {
  content: '';
}

.c-icon--feedback:before {
  content: '';
}

.c-icon--paper-plane-alt:before {
  content: '';
}

.c-icon--pencil-up:before {
  content: '';
}

.c-icon--pencil-up-slashless:before {
  content: '';
}

.c-icon--pencil-up-slashonly:before {
  content: '';
}

.c-icon--collab-screenshare-slashonly:before {
  content: '';
}

.c-icon--collab-screenshare-slashless:before {
  content: '';
}

.c-icon--headphones:before {
  content: '';
}

.c-icon--cloud-offline:before {
  content: '';
}

.c-icon--cloud-offline-small:before {
  content: '';
}

.c-icon--filters:before {
  content: '';
}

.c-icon--lock-large-o:before {
  content: '';
}

.c-icon--checkbox-empty:before {
  content: '';
}

.c-icon--input-file:before {
  content: '';
}

.c-icon--input-fullscreen:before {
  content: '';
}

.c-icon--input-img:before {
  content: '';
}

.c-icon--input-integration:before {
  content: '';
}

.c-icon--draw-others:before {
  content: '';
}

.c-icon--draw-others-slashless:before {
  content: '';
}

.c-icon--draw-others-slash:before {
  content: '';
}

.c-icon--filters-bold:before {
  content: '';
}

.c-icon--share:before {
  content: '';
}

.c-icon--save:before {
  content: '';
}

.c-icon--message-notification:before {
  content: '';
}

.c-icon--list:before {
  content: '';
}

.c-icon--channel:before, .c-icon--hash-large:before {
  content: '';
}

.c-icon--share-other-alt:before {
  content: '';
}

.c-icon--broadcast:before {
  content: '';
}

.c-icon--all-files-alt:before {
  content: '';
}

.c-icon--search-files:before {
  content: '';
}

.c-icon--add-user:before {
  content: '';
}

.c-icon--user-presence-offline:before {
  content: '';
}

.c-icon--huddle-live:before {
  content: '';
}

.c-icon--switch-team:before {
  content: '';
}

.c-icon--create-snippet:before {
  content: '';
}

.c-icon--create-post:before {
  content: '';
}

.c-icon--upload:before {
  content: '';
}

.c-icon--download:before {
  content: '';
}

.c-icon--share-email:before {
  content: '';
}

.c-icon--import-email:before {
  content: '';
}

.c-icon--ellipsis-o:before {
  content: '';
}

.c-icon--add-reaction:before {
  content: '';
}

.c-icon--happy-smile:before {
  content: '';
}

.c-icon--email-invite:before {
  content: '';
}

.c-icon--camera-swap:before {
  content: '';
}

.c-icon--camera-photo:before {
  content: '';
}

.c-icon--quote-post:before {
  content: '';
}

.c-icon--camera:before {
  content: '';
}

.c-icon--phone-flat:before {
  content: '';
}

.c-icon--sparkles:before {
  content: '';
}

.c-icon--location-pin:before {
  content: '';
}

.c-icon--channel-pane-hash:before, .c-icon--hash-small:before {
  content: '';
}

.c-icon--emoji-nature:before {
  content: '';
}

.c-icon--emoji-food:before {
  content: '';
}

.c-icon--emoji-celebration:before {
  content: '';
}

.c-icon--emoji-activities:before {
  content: '';
}

.c-icon--indent:before {
  content: '';
}

.c-icon--outdent:before {
  content: '';
}

.c-icon--emoji-travel:before {
  content: '';
}

.c-icon--emoji-objects:before {
  content: '';
}

.c-icon--pause:before {
  content: '';
}

.c-icon--file-gdrive:before {
  content: '';
}

.c-icon--play:before {
  content: '';
}

.c-icon--stream:before {
  content: '';
}

.c-icon--field-text:before {
  content: '';
}

.c-icon--poo:before {
  content: '';
}

.c-icon--map:before {
  content: '';
}

.c-icon--share-android:before {
  content: '';
}

.c-icon--highlight:before {
  content: '';
}

.c-icon--flag:before {
  content: '';
}

.c-icon--grabby-patty:before {
  content: '';
}

.c-icon--backspace:before {
  content: '';
}

.c-icon--format:before {
  content: '';
}

.c-icon--side-panel:before {
  content: '';
}

.c-icon--search-small:before {
  content: '';
}

.c-icon--reload-small:before {
  content: '';
}

.c-icon--vertical-ellipsis:before {
  content: '';
}

.c-icon--disable:before {
  content: '';
}

.c-icon--hash-large-bold:before {
  content: '';
}

.c-icon--hash-medium:before {
  content: '';
}

.c-icon--hash-medium-bold:before {
  content: '';
}

.c-icon--bold-hash-small:before, .c-icon--hash-small-bold:before {
  content: '';
}

.c-icon--cart:before {
  content: '';
}

.c-icon--snooze-outline:before {
  content: '';
}

.c-icon--new-window:before {
  content: '';
}

.c-icon--h1:before {
  content: '';
}

.c-icon--h2:before {
  content: '';
}

.c-icon--h3:before {
  content: '';
}

.c-icon--bullet-list:before {
  content: '';
}

.c-icon--numbered-list:before {
  content: '';
}

.c-icon--menu:before {
  content: '';
}

.c-icon--check-list:before {
  content: '';
}

.c-icon--code-block:before, .c-icon--codeblock:before {
  content: '';
}

.c-icon--bold:before {
  content: '';
}

.c-icon--italic:before {
  content: '';
}

.c-icon--underline:before {
  content: '';
}

.c-icon--strikethrough:before {
  content: '';
}

.c-icon--tag:before {
  content: '';
}

.c-icon--org-shared-channel:before {
  content: '';
}

.c-icon--shared-channel:before {
  content: '';
}

.c-icon--call-declined:before {
  content: '';
}

.c-icon--call-missed:before {
  content: '';
}

.c-icon--small-calendar:before {
  content: '';
}

.c-icon--small-reaction:before {
  content: '';
}

.c-icon--small-reply:before {
  content: '';
}

.c-icon--small-ellipsis:before {
  content: '';
}

.c-icon--small-star:before {
  content: '';
}

.c-icon--small-quote:before {
  content: '';
}

.c-icon--keyboard:before {
  content: '';
}

.c-icon--share-action:before {
  content: '';
}

.c-icon--handset:before {
  content: '';
}

.c-icon--bluetooth-sound:before {
  content: '';
}

.c-icon--bluetooth:before {
  content: '';
}

.c-icon--gn-menu-small:before {
  content: '';
}

.c-icon--bot:before {
  content: '';
}

.c-icon--globe-plus:before {
  content: '';
}

.c-icon--user-groups:before {
  content: '';
}

.c-icon--rocket:before {
  content: '';
}

.c-icon--mobile-notification:before {
  content: '';
}

.c-icon--desktop-notification:before {
  content: '';
}

.c-icon--collab-screenshare-on:before {
  content: '';
}

.c-icon--collab-screenshare-off:before {
  content: '';
}

.c-icon--thumbs-up:before {
  content: '';
}

.c-icon--thumbs-down:before {
  content: '';
}

.c-icon--reminder:before {
  content: '';
}

.c-icon--bug:before {
  content: '';
}

.c-icon--mark-unread:before {
  content: '';
}

.c-icon--compose-dm:before {
  content: '';
}

.c-icon--invoice:before {
  content: '';
}

.c-icon--text:before {
  content: '';
}

.c-icon--bookmark:before {
  content: '';
}

.c-icon--add-user-groups:before {
  content: '';
}

.c-icon--face:before {
  content: '';
}

.c-icon--emoji-symbols:before {
  content: '';
}

.c-icon--expand:before {
  content: '';
}

.c-icon--reduce:before {
  content: '';
}

.c-icon--arrows-alt:before {
  content: '';
}

.c-icon--reduce-alt:before {
  content: '';
}

.c-icon--check-square-o:before {
  content: '';
}

.c-icon--check-circle-o:before {
  content: '';
}

.c-icon--check-circle-o-large:before {
  content: '';
}

.c-icon--question:before {
  content: '';
}

.c-icon--exclamation:before {
  content: '';
}

.c-icon--warning:before {
  content: '';
}

.c-icon--exclamation-circle:before {
  content: '';
}

.c-icon--question-circle:before {
  content: '';
}

.c-icon--plus-circle:before {
  content: '';
}

.c-icon--minus-circle:before {
  content: '';
}

.c-icon--times-circle:before {
  content: '';
}

.c-icon--arrow-circle-o-up:before {
  content: '';
}

.c-icon--arrow-circle-o-down:before {
  content: '';
}

.c-icon--arrow-circle-o-right:before {
  content: '';
}

.c-icon--arrow-circle-o-left:before {
  content: '';
}

.c-icon--chevron-circle-left:before {
  content: '';
}

.c-icon--chevron-circle-right:before {
  content: '';
}

.c-icon--chevron-circle-down:before {
  content: '';
}

.c-icon--chevron-circle-up:before {
  content: '';
}

.c-icon--plus-circle-small:before {
  content: '';
}

.c-icon--circle-small:before {
  content: '';
}

.c-icon--circle-large:before {
  content: '';
}

.c-icon--navigate:before {
  content: '';
}

.c-icon--plus-circle-medium:before {
  content: '';
}

.c-icon--times-circle-medium:before {
  content: '';
}

.c-icon--square-warning:before {
  content: '';
}

.c-icon--square-question:before {
  content: '';
}

.c-icon--plus-square-o:before {
  content: '';
}

.c-icon--minus-square-o:before {
  content: '';
}

.c-icon--square-times:before {
  content: '';
}

.c-icon--square-arrow-up:before {
  content: '';
}

.c-icon--square-arrow-down:before {
  content: '';
}

.c-icon--square-arrow-right:before {
  content: '';
}

.c-icon--square-arrow-left:before {
  content: '';
}

.c-icon--square-chevron-left:before {
  content: '';
}

.c-icon--square-chevron-right:before {
  content: '';
}

.c-icon--square-chevron-down:before {
  content: '';
}

.c-icon--square-chevron-up:before {
  content: '';
}

.c-icon--cmd:before {
  content: '';
}

.c-icon--cmd-small:before {
  content: '';
}

.c-icon--shift:before {
  content: '';
}

.c-icon--shift-small:before {
  content: '';
}

.c-icon--chevron-up-down:before {
  content: '';
}

.c-icon--chevron-right:before {
  content: '';
}

.c-icon--chevron-left:before {
  content: '';
}

.c-icon--chevron-down:before {
  content: '';
}

.c-icon--chevron-up:before {
  content: '';
}

.c-icon--chevron-medium-right:before {
  content: '';
}

.c-icon--chevron-medium-left:before {
  content: '';
}

.c-icon--chevron-medium-down:before {
  content: '';
}

.c-icon--chevron-medium-up:before {
  content: '';
}

.c-icon--chevron-large-right:before {
  content: '';
}

.c-icon--chevron-large-left:before {
  content: '';
}

.c-icon--chevron-large-up:before {
  content: '';
}

.c-icon--chevron-large-down:before {
  content: '';
}

.c-icon--arrow-large-right:before {
  content: '';
}

.c-icon--arrow-large-left:before {
  content: '';
}

.c-icon--arrow-large-up:before {
  content: '';
}

.c-icon--arrow-large-down:before {
  content: '';
}

.c-icon--caret-outline-left:before {
  content: '';
}

.c-icon--caret-outline-right:before {
  content: '';
}

.c-icon--caret-outline-up:before {
  content: '';
}

.c-icon--caret-outline-down:before {
  content: '';
}

.c-icon--caret-up:before {
  content: '';
}

.c-icon--caret-down:before {
  content: '';
}

.c-icon--caret-right:before {
  content: '';
}

.c-icon--caret-left:before {
  content: '';
}

.c-icon--angle-arrow-down-left:before {
  content: '';
}

.c-icon--angle-arrow-down-right:before {
  content: '';
}

.c-icon--angle-arrow-up-right:before {
  content: '';
}

.c-icon--angle-arrow-up-left:before {
  content: '';
}

.c-icon--times:before {
  content: '';
}

.c-icon--plus:before {
  content: '';
}

.c-icon--minus:before {
  content: '';
}

.c-icon--plus-small:before {
  content: '';
}

.c-icon--minus-small:before {
  content: '';
}

.c-icon--exclamation-small:before {
  content: '';
}

.c-icon--question-small:before {
  content: '';
}

.c-icon--check-small:before {
  content: '';
}

.c-icon--arrow-right:before {
  content: '';
}

.c-icon--arrow-left:before {
  content: '';
}

.c-icon--arrow-up:before {
  content: '';
}

.c-icon--arrow-down:before {
  content: '';
}

.c-icon--arrow-right-medium:before {
  content: '';
}

.c-icon--arrow-left-medium:before {
  content: '';
}

.c-icon--arrow-up-medium:before {
  content: '';
}

.c-icon--arrow-down-medium:before {
  content: '';
}

.c-icon--times-small:before {
  content: '';
}

.c-icon--sync:before {
  content: '';
}

.c-icon--replies:before {
  content: '';
}

.c-icon--angle-arrow-down-right-alt:before {
  content: '';
}

.c-icon--angle-arrow-up-right-alt:before {
  content: '';
}

.c-icon--angle-arrow-up-left-alt:before {
  content: '';
}

.c-icon--angle-arrow-down-left-alt:before {
  content: '';
}

.c-icon--check-small-bold:before {
  content: '';
}

.c-icon--enter:before {
  content: '';
}

.c-icon--expand-vertical:before {
  content: '';
}

.c-icon--collapse-vertical:before {
  content: '';
}

.c-icon--android-upload:before {
  content: '';
}

.c-icon--plus-thick:before {
  content: '';
}

.c-icon--arrow-ne-large:before {
  content: '';
}

.c-icon--arrow-nw-large:before {
  content: '';
}

.c-icon--arrow-sw-large:before {
  content: '';
}

.c-icon--arrow-se-large:before {
  content: '';
}

.c-icon--arrow-ne-medium:before {
  content: '';
}

.c-icon--arrow-nw-medium:before {
  content: '';
}

.c-icon--arrow-sw-medium:before {
  content: '';
}

.c-icon--arrow-se-medium:before {
  content: '';
}

.c-icon--arrow-ne-small:before {
  content: '';
}

.c-icon--arrow-nw-small:before {
  content: '';
}

.c-icon--arrow-sw-small:before {
  content: '';
}

.c-icon--arrow-se-small:before {
  content: '';
}

.c-icon--check-large-bold:before {
  content: '';
}

.c-icon--sort:before {
  content: '';
}

.c-icon--sort-bold:before {
  content: '';
}

.c-icon--check-large:before {
  content: '';
}

.c-icon--times-medium:before {
  content: '';
}

.c-icon--real-checkbox-empty:before {
  content: '';
}

.c-icon--real-checkbox-checked:before {
  content: '';
}

.c-icon--real-checkbox-checked-o:before {
  content: '';
}

.c-icon--circle-checkbox-empty:before {
  content: '';
}

.c-icon--circle-checkbox-checked:before {
  content: '';
}

.c-icon--circle-checkbox-checked-o:before {
  content: '';
}

.c-icon--times-large:before {
  content: '';
}

.c-icon--radio-selected:before {
  content: '';
}

.c-icon--media-next:before {
  content: '';
}

.c-icon--media-previous:before {
  content: '';
}

.c-icon--media-rewind:before {
  content: '';
}

.c-icon--media-fastforward:before {
  content: '';
}

.c-icon--file-generic:before {
  content: '';
}

.c-icon--file-generic-small:before {
  content: '';
}

.c-icon--file-google:before {
  content: '';
}

.c-icon--file-google-small:before {
  content: '';
}

.c-icon--calls:before {
  content: '';
}

.c-icon--calls-small:before {
  content: '';
}

.c-icon--calls-ended:before {
  content: '';
}

.c-icon--calls-ended-small:before {
  content: '';
}

.c-icon--file-figma:before {
  content: '';
}

.c-icon--file-figma-small:before {
  content: '';
}

.c-icon--file-font:before {
  content: '';
}

.c-icon--file-font-small:before {
  content: '';
}

.c-icon--file-zoho:before {
  content: '';
}

.c-icon--file-zoho-small:before {
  content: '';
}

.c-icon--file-generic-tiny:before {
  content: '';
}

.c-icon--file-google-tiny:before {
  content: '';
}

.c-icon--file-font-tiny:before {
  content: '';
}

.c-icon--file-zoho-tiny:before {
  content: '';
}

.c-icon--star:before {
  content: '';
}

.c-icon--unstar:before {
  content: '';
}

.c-icon--bell:before {
  content: '';
}

.c-icon--lock:before {
  content: '';
}

.c-icon--external-link-small:before {
  content: '';
}

.c-icon--external-link-large:before {
  content: '';
}

.c-icon--presence-online:before {
  content: '';
}

.c-icon--presence-offline:before {
  content: '';
}

.c-icon--presence-dnd:before {
  content: '';
}

.c-icon--presence-external-online:before, .c-icon--presence-ra-online:before, .c-icon--restricted-user:before {
  content: '';
}

.c-icon--lock-medium:before {
  content: '';
}

.c-icon--bell-slash-filled:before {
  content: '';
}

.c-icon--presence-external-offline:before, .c-icon--presence-ra-offline:before {
  content: '';
}

.c-icon--presence-external-dnd:before, .c-icon--presence-ra-dnd:before {
  content: '';
}

.c-icon--presence-ura-online:before, .c-icon--single-channel-guest:before {
  content: '';
}

.c-icon--presence-ura-offline:before {
  content: '';
}

.c-icon--presence-ura-dnd:before {
  content: '';
}

.c-icon--heart:before {
  content: '';
}

.c-icon--quote:before {
  content: '';
}

.c-icon--cog:before {
  content: '';
}

.c-icon--comment:before {
  content: '';
}

.c-icon--minus-circle-small:before {
  content: '';
}

.c-icon--times-circle-small-filled:before, .c-icon--times-circle-small:before {
  content: '';
}

.c-icon--multiparty-dm-2:before {
  content: '';
}

.c-icon--multiparty-dm-3:before {
  content: '';
}

.c-icon--multiparty-dm-4:before {
  content: '';
}

.c-icon--multiparty-dm-5:before {
  content: '';
}

.c-icon--multiparty-dm-6:before {
  content: '';
}

.c-icon--multiparty-dm-7:before {
  content: '';
}

.c-icon--multiparty-dm-8:before {
  content: '';
}

.c-icon--multiparty-dm-9:before {
  content: '';
}

.c-icon--poo-filled:before {
  content: '';
}

.c-icon--channels-filled:before {
  content: '';
}

.c-icon--dm-filled:before {
  content: '';
}

.c-icon--more-filled:before {
  content: '';
}

.c-icon--reorder-filled:before {
  content: '';
}

.c-icon--circle-fill:before {
  content: '';
}

.c-icon--flag-filled:before {
  content: '';
}

.c-icon--refresh-small:before {
  content: '';
}

.c-icon--snooze-filled:before {
  content: '';
}

.c-icon--archived-channel:before {
  content: '';
}

.c-icon--presence-dnd-offline:before {
  content: '';
}

.c-icon--presence-external-dnd-offline:before, .c-icon--presence-ra-dnd-offline:before {
  content: '';
}

.c-icon--presence-ura-dnd-offline:before {
  content: '';
}

.c-icon--presence-mobile-dnd:before {
  content: '';
}

.c-icon--play-filled:before {
  content: '';
}

.c-icon--broadcast-filled:before {
  content: '';
}

.c-icon--small-star-filled:before {
  content: '';
}

.c-icon--small-comment-filled:before {
  content: '';
}

.c-icon--paperplane-filled:before {
  content: '';
}

.c-icon--file-wo-filled:before {
  content: '';
}

.c-icon--file-large-wo-filled:before {
  content: '';
}

.c-icon--highlight-filled:before {
  content: '';
}

.c-icon--pin-filled:before, .c-icon--thumb-tack-filled:before {
  content: '';
}

.c-icon--close-filled:before {
  content: '';
}

.c-icon--share-filled:before {
  content: '';
}

.c-icon--pencil-filled:before {
  content: '';
}

.c-icon--side-panel-filled:before {
  content: '';
}

.c-icon--add-reaction-filled:before {
  content: '';
}

.c-icon--mentions-filled:before {
  content: '';
}

.c-icon--small-reply-filled:before {
  content: '';
}

.c-icon--user-filled:before {
  content: '';
}

.c-icon--microphone-on:before {
  content: '';
}

.c-icon--camera-on:before {
  content: '';
}

.c-icon--screenshare-on:before {
  content: '';
}

.c-icon--shared-channels:before {
  content: '';
}

.c-icon--heart-large-filled:before {
  content: '';
}

.c-icon--thumbs-up-filled:before {
  content: '';
}

.c-icon--thumbs-down-filled:before {
  content: '';
}

.c-icon--slow-network:before {
  content: '';
}

.c-icon--sparkles-filled:before {
  content: '';
}

.c-icon--small-warning-filled:before {
  content: '';
}

.c-icon--deactivated-user:before {
  content: '';
}

.c-icon--lock-small:before {
  content: '';
}

.c-icon--sc-baseline:before, .c-icon--shared-channels-baseline:before {
  content: '';
}

.c-icon--sc-pending:before, .c-icon--shared-channels-pending:before {
  content: '';
}

.c-icon--sc-baseline-pending:before, .c-icon--shared-channels-baseline-pending:before {
  content: '';
}

.c-icon--cloud-offline-filled:before {
  content: '';
}

.c-icon--cloud-offline-small-filled:before {
  content: '';
}

.c-icon--lock-large:before {
  content: '';
}

.c-icon--input-file-active:before {
  content: '';
}

.c-icon--input-img-active:before {
  content: '';
}

.c-icon--input-integration-active:before {
  content: '';
}

.c-icon--checkbox-full:before {
  content: '';
}

.c-icon--add-reaction-bg:before {
  content: '';
}

.c-icon--small-reaction-bg:before {
  content: '';
}

.c-icon--camera-photo-filled:before {
  content: '';
}

.c-icon--verified-filled:before {
  content: '';
}

.c-icon--info-circle-filled:before {
  content: '';
}

.c-icon--exclamation-circle-filled:before {
  content: '';
}

.c-icon--missing-emoji:before {
  content: '';
}

.c-icon--warning-filled:before {
  content: '';
}

.c-icon--eye-filled:before {
  content: '';
}

.c-icon--circle-minus-filled:before {
  content: '';
}

.c-icon--bolt-filled:before {
  content: '';
}

.c-icon--snooze-filled-small:before {
  content: '';
}

.c-icon--bookmark-filled:before {
  content: '';
}

.c-icon--face-filled:before {
  content: '';
}

.c-icon--home-filled:before {
  content: '';
}

.c-icon--video-camera-filled:before {
  content: '';
}

.c-icon--shared-channels-outline:before {
  content: '';
}

.c-icon--multiparty-dm-10:before {
  content: '';
}

.c-icon--multiparty-dm-11:before {
  content: '';
}

.c-icon--multiparty-dm-12:before {
  content: '';
}

.c-icon--multiparty-dm-13:before {
  content: '';
}

.c-icon--multiparty-dm-14:before {
  content: '';
}

.c-icon--multiparty-dm-15:before {
  content: '';
}

.c-icon--cc-filled:before {
  content: '';
}

.c-icon--cc:before {
  content: '';
}

.c-icon--full-screen:before {
  content: '';
}

.c-icon--minimize:before {
  content: '';
}

.c-icon--full-screen-filled:before {
  content: '';
}

.c-icon--search-selected:before {
  content: '';
}

.c-icon--search-plus:before {
  content: '';
}

.c-icon--user-browser-filled:before {
  content: '';
}

.c-icon--file-browser-filled:before {
  content: '';
}

.c-icon--form-checkbox-empty:before {
  content: '';
}

.c-icon--form-checkbox-checked:before {
  content: '';
}

.c-icon--form-radio-empty:before {
  content: '';
}

.c-icon--form-radio-checked:before {
  content: '';
}

.c-icon--form-checkbox-check:before {
  content: '';
}

.c-icon--form-radio-circle:before {
  content: '';
}

.c-icon--form-checkbox-dash:before {
  content: '';
}

.c-icon--gov-slack:before {
  content: '';
}

.c-icon--slack-pillow:before, .c-icon--slack:before {
  content: '';
}

.c-icon--apple:before {
  content: '';
}

.c-icon--android:before {
  content: '';
}

.c-icon--twitter:before {
  content: '';
}

.c-icon--github:before {
  content: '';
}

.c-icon--dropbox:before {
  content: '';
}

.c-icon--google:before {
  content: '';
}

.c-icon--windows:before {
  content: '';
}

.c-icon--youtube:before {
  content: '';
}

.c-icon--google-drive:before {
  content: '';
}

.c-icon--skype:before {
  content: '';
}

.c-icon--rss:before {
  content: '';
}

.c-icon--facebook:before {
  content: '';
}

.c-icon--asana:before {
  content: '';
}

.c-icon--linkedin:before {
  content: '';
}

.c-icon--tumblr:before {
  content: '';
}

.c-icon--instagram:before {
  content: '';
}

.c-icon--google-plus:before {
  content: '';
}

.c-icon--soundcloud:before {
  content: '';
}

.c-icon--flickr:before {
  content: '';
}

.c-icon--pinterest:before {
  content: '';
}

.c-icon--tripit:before {
  content: '';
}

.c-icon--hangouts:before {
  content: '';
}

.c-icon--viber:before {
  content: '';
}

.c-icon--line:before {
  content: '';
}

.c-icon--facebook-messenger:before {
  content: '';
}

.c-icon--1password:before {
  content: '';
}

.c-icon--box:before {
  content: '';
}

.c-icon--box-square:before {
  content: '';
}

.c-icon--google-play:before {
  content: '';
}

.c-icon--spotify:before {
  content: '';
}

.c-icon--siriusxm:before {
  content: '';
}

.c-icon--stitcher:before {
  content: '';
}

.c-icon--pocket-casts:before {
  content: '';
}

.c-icon--onedrive:before {
  content: '';
}

.c-icon--zoho:before {
  content: '';
}

.c-icon--dropbox-paper:before {
  content: '';
}

.c-icon--filter-alt:before {
  content: '';
}

.c-icon--pause-bold:before {
  content: '';
}

.c-icon--buildings:before {
  content: '';
}

.c-icon--buildings-filled:before {
  content: '';
}

.c-icon--phone-filled:before {
  content: '';
}

.c-icon--all-files-filled:before {
  content: '';
}

.c-icon__file {
  background-size: cover;
  display: inline-block;
  flex: 0 0 auto;
  height: 36px;
  width: 36px;

  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--filetype {
  width: 50px;

  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }

  &:before {
    font-size: 50px;
  }
}

.c-icon--filetype-svgicon {
  content: url(./generic-99ae615.svg);
}

.c-icon--filetype-large {
  width: 60px;

  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }

  &:before {
    font-size: 60px;
  }
}

.c-icon--filetype-small {
  width: 40px;

  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }

  &:before {
    font-size: 40px;
  }
}

.c-icon--filetype-tiny {
  width: 20px;

  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }

  &:before {
    font-size: 20px;
  }
}

.c-icon--file-spaces {
  &:before {
    color: #66c79e;
    content: '';
  }

  &:after {
    background-color: #66c79e;
  }
}

.c-icon--file-spaces-small {
  &:before {
    color: #66c79e;
    content: '';
  }

  &:after {
    background-color: #66c79e;
  }
}

.c-icon--file-spaces-tiny {
  &:before {
    color: #66c79e;
    content: '';
  }

  &:after {
    background-color: #66c79e;
  }
}

.c-icon--file-image {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-image-svgicon {
  content: url(./file-image-bd557bd.svg);
}

.c-icon--file-image-small {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-image-tiny {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-pdf {
  &:before {
    color: #db4437;
    content: '';
  }

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

.c-icon--file-pdf-svgicon {
  content: url(./file-pdf-bc437bc.svg);
}

.c-icon--file-pdf-small {
  &:before {
    color: #db4437;
    content: '';
  }

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

.c-icon--file-pdf-tiny {
  &:before {
    color: #db4437;
    content: '';
  }

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

.c-icon--file-audio {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-audio-svgicon {
  content: url(./file-audio-4963b04.svg);
}

.c-icon--file-audio-small {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-audio-tiny {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-video {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-video-svgicon {
  content: url(./file-video-21817a1.svg);
}

.c-icon--file-video-small {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-video-tiny {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-presentation {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-presentation-small {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-presentation-tiny {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-email {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-email-svgicon {
  content: url(./email-582161b.svg);
}

.c-icon--file-email-small {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-email-tiny {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-vector {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-vector-small {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-vector-tiny {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-spreadsheet {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-spreadsheet-svgicon {
  content: url(./file-excel-ea4dd7b.svg);
}

.c-icon--file-spreadsheet-small {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-spreadsheet-tiny {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-media-archive {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-media-archive-small {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-media-archive-tiny {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-archive {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-archive-svgicon {
  content: url(./archive-5161277.svg);
}

.c-icon--file-archive-small {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-archive-tiny {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-executable {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-executable-small {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-executable-tiny {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-disk-image {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-disk-image-small {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-disk-image-tiny {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-cad {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-cad-small {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-cad-tiny {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-3d-graphic {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-3d-graphic-small {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-3d-graphic-tiny {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-database {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-database-small {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-database-tiny {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-binary {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-binary-svgicon {
  content: url(./binary-d1972b4.svg);
}

.c-icon--file-binary-small {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-binary-tiny {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-markdown {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-markdown-small {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-markdown-tiny {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-text-post {
  &:before {
    color: #66c79e;
    content: '';
  }

  &:after {
    background-color: #66c79e;
  }
}

.c-icon--file-text-post-svgicon {
  content: url(./file-text-post-314a744.svg);
}

.c-icon--file-text-svgicon {
  content: url(./file-snippet-5720591.svg);
}

.c-icon--file-text-post-small {
  &:before {
    color: #66c79e;
    content: '';
  }

  &:after {
    background-color: #66c79e;
  }
}

.c-icon--file-text-post-tiny {
  &:before {
    color: #66c79e;
    content: '';
  }

  &:after {
    background-color: #66c79e;
  }
}

.c-icon--file-text-quip {
  &:before {
    color: #1d9bd1;
    content: '';
  }

  &:after {
    background-color: #1d9bd1;
  }
}

.c-icon--file-text-quip-svgicon {
  content: url(./file-text-quip-d4df8bc.svg);
}

.c-icon--file-text-quip-small {
  &:before {
    color: #1d9bd1;
    content: '';
  }

  &:after {
    background-color: #1d9bd1;
  }
}

.c-icon--file-text-quip-tiny {
  &:before {
    color: #1d9bd1;
    content: '';
  }

  &:after {
    background-color: #1d9bd1;
  }
}

.c-icon--file-html {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-html-svgicon {
  content: url(./html-fde0921.svg);
}

.c-icon--file-html-small {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-html-tiny {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-code {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-code-svgicon {
  content: url(./code-b11f5dd.svg);
}

.c-icon--file-code-small {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-code-tiny {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-css {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-css-svgicon {
  content: url(./css-7c2dbe3.svg);
}

.c-icon--file-css-small {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-css-tiny {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-php {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-php-svgicon {
  content: url(./php-dd572d1.svg);
}

.c-icon--file-php-small {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-php-tiny {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-snippet {
  &:before {
    color: #4d394b;
    content: '';
  }

  &:after {
    background-color: #4d394b;
  }
}

.c-icon--file-snippet-svgicon {
  content: url(./file-snippet-5720591.svg);
}

.c-icon--file-snippet-small {
  &:before {
    color: #4d394b;
    content: '';
  }

  &:after {
    background-color: #4d394b;
  }
}

.c-icon--file-snippet-tiny {
  &:before {
    color: #4d394b;
    content: '';
  }

  &:after {
    background-color: #4d394b;
  }
}

.c-icon--file-word {
  &:before {
    color: #2c4098;
    content: '';
  }

  &:after {
    background-color: #2c4098;
  }
}

.c-icon--file-word-svgicon {
  content: url(./file-word-2f6248f.svg);
}

.c-icon--file-word-small {
  &:before {
    color: #2c4098;
    content: '';
  }

  &:after {
    background-color: #2c4098;
  }
}

.c-icon--file-word-tiny {
  &:before {
    color: #2c4098;
    content: '';
  }

  &:after {
    background-color: #2c4098;
  }
}

.c-icon--file-excel {
  &:before {
    color: #377437;
    content: '';
  }

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

.c-icon--file-excel-svgicon {
  content: url(./file-excel-ea4dd7b.svg);
}

.c-icon--file-excel-small {
  &:before {
    color: #377437;
    content: '';
  }

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

.c-icon--file-excel-tiny {
  &:before {
    color: #377437;
    content: '';
  }

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

.c-icon--file-powerpoint {
  &:before {
    color: #e05a30;
    content: '';
  }

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

.c-icon--file-powerpoint-svgicon {
  content: url(./file-powerpoint-40add10.svg);
}

.c-icon--file-powerpoint-small {
  &:before {
    color: #e05a30;
    content: '';
  }

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

.c-icon--file-powerpoint-tiny {
  &:before {
    color: #e05a30;
    content: '';
  }

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

.c-icon--file-illustrator {
  &:before {
    color: #f4993c;
    content: '';
  }

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

.c-icon--file-illustrator-svgicon {
  content: url(./file-illustrator-96d25e7.svg);
}

.c-icon--file-illustrator-small {
  &:before {
    color: #f4993c;
    content: '';
  }

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

.c-icon--file-illustrator-tiny {
  &:before {
    color: #f4993c;
    content: '';
  }

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

.c-icon--file-photoshop {
  &:before {
    color: #56b6de;
    content: '';
  }

  &:after {
    background-color: #56b6de;
  }
}

.c-icon--file-photoshop-svgicon {
  content: url(./file-photoshop-5b2309a.svg);
}

.c-icon--file-photoshop-small {
  &:before {
    color: #56b6de;
    content: '';
  }

  &:after {
    background-color: #56b6de;
  }
}

.c-icon--file-photoshop-tiny {
  &:before {
    color: #56b6de;
    content: '';
  }

  &:after {
    background-color: #56b6de;
  }
}

.c-icon--file-indesign {
  &:before {
    color: #eb81ab;
    content: '';
  }

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

.c-icon--file-indesign-svgicon {
  content: url(./file-indesign-4416d8d.svg);
}

.c-icon--file-indesign-small {
  &:before {
    color: #eb81ab;
    content: '';
  }

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

.c-icon--file-indesign-tiny {
  &:before {
    color: #eb81ab;
    content: '';
  }

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

.c-icon--file-adobe-flash {
  &:before {
    color: #a72428;
    content: '';
  }

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

.c-icon--file-adobe-flash-small {
  &:before {
    color: #a72428;
    content: '';
  }

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

.c-icon--file-adobe-flash-tiny {
  &:before {
    color: #a72428;
    content: '';
  }

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

.c-icon--file-adobe-swf {
  &:before {
    color: #a72428;
    content: '';
  }

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

.c-icon--file-adobe-swf-small {
  &:before {
    color: #a72428;
    content: '';
  }

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

.c-icon--file-adobe-swf-tiny {
  &:before {
    color: #a72428;
    content: '';
  }

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

.c-icon--file-iphone-app {
  &:before {
    color: #9ea0a7;
    content: '';
  }

  &:after {
    background-color: #9ea0a7;
  }
}

.c-icon--file-iphone-app-small {
  &:before {
    color: #9ea0a7;
    content: '';
  }

  &:after {
    background-color: #9ea0a7;
  }
}

.c-icon--file-iphone-app-tiny {
  &:before {
    color: #9ea0a7;
    content: '';
  }

  &:after {
    background-color: #9ea0a7;
  }
}

.c-icon--file-android-app {
  &:before {
    color: #a4ca3a;
    content: '';
  }

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

.c-icon--file-android-app-small {
  &:before {
    color: #a4ca3a;
    content: '';
  }

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

.c-icon--file-android-app-tiny {
  &:before {
    color: #a4ca3a;
    content: '';
  }

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

.c-icon--file-dropbox {
  &:before {
    color: #007ee5;
    content: '';
  }

  &:after {
    background-color: #007ee5;
  }
}

.c-icon--file-dropbox-small {
  &:before {
    color: #007ee5;
    content: '';
  }

  &:after {
    background-color: #007ee5;
  }
}

.c-icon--file-dropbox-tiny {
  &:before {
    color: #007ee5;
    content: '';
  }

  &:after {
    background-color: #007ee5;
  }
}

.c-icon--file-dropbox-paper {
  &:before {
    color: #007ee5;
    content: '';
  }

  &:after {
    background-color: #007ee5;
  }
}

.c-icon--file-dropbox-paper-small {
  &:before {
    color: #007ee5;
    content: '';
  }

  &:after {
    background-color: #007ee5;
  }
}

.c-icon--file-dropbox-paper-tiny {
  &:before {
    color: #007ee5;
    content: '';
  }

  &:after {
    background-color: #007ee5;
  }
}

.c-icon--file-dropbox-papert {
  &:before {
    color: #007ee5;
    content: '';
  }

  &:after {
    background-color: #007ee5;
  }
}

.c-icon--file-dropbox-papert-small {
  &:before {
    color: #007ee5;
    content: '';
  }

  &:after {
    background-color: #007ee5;
  }
}

.c-icon--file-dropbox-papert-tiny {
  &:before {
    color: #007ee5;
    content: '';
  }

  &:after {
    background-color: #007ee5;
  }
}

.c-icon--file-google-presentation {
  &:before {
    color: #f4b400;
    content: '';
  }

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

.c-icon--file-google-presentation-svgicon {
  content: url(./file-google-presentation-640aa88.svg);
}

.c-icon--file-google-presentation-small {
  &:before {
    color: #f4b400;
    content: '';
  }

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

.c-icon--file-google-presentation-tiny {
  &:before {
    color: #f4b400;
    content: '';
  }

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

.c-icon--file-google-spreadsheet {
  &:before {
    color: #0f9d58;
    content: '';
  }

  &:after {
    background-color: #0f9d58;
  }
}

.c-icon--file-google-spreadsheet-svgicon {
  content: url(./file-google-spreadsheet-75b292d.svg);
}

.c-icon--file-google-spreadsheet-small {
  &:before {
    color: #0f9d58;
    content: '';
  }

  &:after {
    background-color: #0f9d58;
  }
}

.c-icon--file-google-spreadsheet-tiny {
  &:before {
    color: #0f9d58;
    content: '';
  }

  &:after {
    background-color: #0f9d58;
  }
}

.c-icon--file-google-document {
  &:before {
    color: #4285f4;
    content: '';
  }

  &:after {
    background-color: #4285f4;
  }
}

.c-icon--file-google-document-svgicon {
  content: url(./file-google-document-963b4a9.svg);
}

.c-icon--file-google-document-small {
  &:before {
    color: #4285f4;
    content: '';
  }

  &:after {
    background-color: #4285f4;
  }
}

.c-icon--file-google-document-tiny {
  &:before {
    color: #4285f4;
    content: '';
  }

  &:after {
    background-color: #4285f4;
  }
}

.c-icon--file-google-form {
  &:before {
    color: #db4437;
    content: '';
  }

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

.c-icon--file-google-form-small {
  &:before {
    color: #db4437;
    content: '';
  }

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

.c-icon--file-google-form-tiny {
  &:before {
    color: #db4437;
    content: '';
  }

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

.c-icon--file-qtz {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-qtz-small {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-qtz-tiny {
  &:before {
    color: #3aa3e3;
    content: '';
  }

  &:after {
    background-color: #3aa3e3;
  }
}

.c-icon--file-sketch {
  &:before {
    color: #f4993c;
    content: '';
  }

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

.c-icon--file-sketch-small {
  &:before {
    color: #f4993c;
    content: '';
  }

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

.c-icon--file-sketch-tiny {
  &:before {
    color: #f4993c;
    content: '';
  }

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

.c-icon--file-sketch-svgicon {
  content: url(./file-sketch-2b5ad11.svg);
}

.c-icon--file-figma-tiny {
  &:before {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    content: '';
  }

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

.c-icon--file-zoho-show {
  &:before {
    color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    content: '';
  }

  &:after {
    background-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  }
}

.c-icon--file-zoho-show-small {
  &:before {
    color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    content: '';
  }

  &:after {
    background-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  }
}

.c-icon--file-zoho-show-tiny {
  &:before {
    color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    content: '';
  }

  &:after {
    background-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  }
}

.c-icon--file-zoho-show-svgicon {
  content: url(./file-zoho-show-70da35e.svg);
}

.c-icon--file-lucidchart {
  &:before {
    color: #f96b13;
    content: '';
  }

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

.c-icon--file-lucidchart-small {
  &:before {
    color: #f96b13;
    content: '';
  }

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

.c-icon--file-lucidchart-tiny {
  &:before {
    color: #f96b13;
    content: '';
  }

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

.c-icon--file-lucidchart-svgicon {
  content: url(./file-lucidchart-0c99dac.svg);
}

.c-icon--file-lucidpress-svgicon {
  content: url(./file-lucidpress-43cac0c.svg);
}

.c-icon--file-lucidspark-svgicon {
  content: url(./file-lucidspark-276c862.svg);
}

.p-autoclog__hook {
  display: contents;
}

.p-autoclog__viewer {
  display: inline;
  position: relative;
  vertical-align: top;
}

.p-autoclog__viewer_icon_and_details_container {
  cursor: pointer;
  display: flex;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 9999;
}

.p-autoclog__viewer_icon {
  left: 2px;
  outline: 0;
  position: absolute;
  top: 2px;

  &:before {
    animation: x-autoclog__viewer_icon--pulse 1s infinite alternate;
    background-color: #6400641a;
    border: 2px solid #0b4c8c;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #fff;
    content: '';
    display: block;
    height: 10px;
    width: 10px;
  }
}

.p-autoclog__viewer_details {
  background: #f7fbffe6;
  border: 2px solid #0b4c8c;
  color: #0b4c8c;
  display: block;
  font-weight: 500;
  max-height: 400px;
  overflow-y: scroll;
  padding: 15px;
  text-align: left;
  width: max-content;
}

@keyframes x-autoclog__viewer_icon--pulse {
  0% {
    opacity: 0;
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  to {
    opacity: .5;
    transform: scale(1);
  }
}

.autoclog_toggle {
  background: #fff;
  border: 2px solid #0009;
  border-radius: 100px;
  cursor: pointer;
  height: 28px;
  width: 50px;
}

.autoclog_toggle--active {
  border: 2px solid #0b4c8c;
}

.autoclog_toggle__lever_container {
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}

.autoclog_toggle__lever {
  background: #0009;
  border-radius: 100%;
  height: 20px;
  left: 3px;
  position: absolute;
  top: 2px;
  transition: all .2s ease-in-out;
  width: 20px;
}

.autoclog_toggle--active .autoclog_toggle__lever {
  background: #0b4c8c;
  left: 51%;
}

.p-autoclog_send_viewer_clog {
  position: relative;
}

.p-autoclog_send_viewer_clog__content {
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  animation-name: clog;
  background: #f7fbffe6;
  color: #0b4c8c;
  pointer-events: none;
  text-align: left;
}

.p-autoclog_send_viewer_clog__ui_controls {
  position: absolute;
  right: 10px;
  top: 5px;
}

.p-autoclog_send_viewer_clog__button {
  height: 26px;
  margin-left: 4px;
  padding: 2px 6px;
  width: 30px;
}

.p-autoclog_send_viewer_clog__copy_toast {
  background-color: #000;
  border-radius: 6px;
  color: #fff;
  padding: 0 6px;
  position: absolute;
  right: 0;
  top: 30px;
  white-space: nowrap;

  > i {
    color: #000;
    left: 87px;
    position: absolute;
    top: -12px;
  }
}

@keyframes clog {
  0% {
    box-shadow: inset 0 0 15px 5px #2870adbf;
  }

  to {
    box-shadow: none;
  }
}

.p-autoclog_send_viewer {
  max-height: 100%;
  max-width: 480px;
  min-width: 180px;
  overflow-y: scroll;
  position: fixed;
  right: 10px;
  top: 40px;
  z-index: 9999;
}

.p-autoclog_send_viewer__ui_controls {
  display: flex;
  position: fixed;
  right: 10px;
  top: 5px;
}

.p-autoclog_send_viewer__clear_all {
  margin-right: 6px;
  padding: 0 12px;
}


.c-link--button {
  background: none;
  border: 0;
  color: inherit;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  margin: 0;
  overflow: initial;
  padding: 0;
  text-align: initial;
  text-decoration: none;
  vertical-align: initial;

  &:active, &:focus, &:hover {
    outline: none;
  }

  &:active, &:hover {
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    text-decoration: underline;
  }
}

.c-link--focus-visible:focus {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  outline: none;
  text-decoration: none;
}

.c-link--disabled {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  cursor: default;
  pointer-events: none;
  text-decoration: none;

  &:active, &:focus, &:hover {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    cursor: default;
    pointer-events: none;
    text-decoration: none;
  }
}

.c-link--invert {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 1px;

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

.c-link--button.c-link--underline, a.c-link--underline {
  text-decoration: underline;

  &:hover {
    text-decoration: underline;
  }
}

.c-flex_compat_button {
  display: inline-block;
}

.c-button {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  -webkit-appearance: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  outline: none;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-decoration: none;

  &:active, &:focus, &:hover {
    text-decoration: none;
  }
}

.c-button--primary {
  background: #007a5a;
  box-shadow: none;
  color: #fff;
  font-weight: 700;
  transition: all 80ms linear;

  &:after {
    border-radius: 4px;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
  }

  &:link, &:visited {
    color: #fff;
  }

  &:hover {
    background: #148567;
    box-shadow: 0 1px 4px #0000004d;
    color: #fff;
  }

  &:active {
    background: #006e51;
    box-shadow: none;
  }

  &.c-button--disabled {
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    background-clip: initial;
    border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    box-shadow: none;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.75);
    cursor: default;
    pointer-events: none;
    text-shadow: none;
    transition: all 80ms linear;

    &:active, &:hover {
      background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      background-clip: initial;
      border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      box-shadow: none;
      color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.75);
      cursor: default;
      pointer-events: none;
      text-shadow: none;
      transition: all 80ms linear;
    }

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

.c-button--danger {
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  box-shadow: none;
  color: #fff;
  font-weight: 700;
  transition: all 80ms linear;

  &:after {
    border-radius: 4px;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
  }

  &:link, &:visited {
    color: #fff;
  }

  &:hover {
    background: #e23067;
    box-shadow: 0 1px 4px #0000004d;
    color: #fff;
  }

  &:active {
    background: #ca1b51;
    box-shadow: none;
  }

  &.c-button--disabled {
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    background-clip: initial;
    border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    box-shadow: none;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.75);
    cursor: default;
    pointer-events: none;
    text-shadow: none;
    transition: all 80ms linear;

    &:active, &:hover {
      background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      background-clip: initial;
      border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      box-shadow: none;
      color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.75);
      cursor: default;
      pointer-events: none;
      text-shadow: none;
      transition: all 80ms linear;
    }

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

.c-button--outline {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background-clip: padding-box;
  border: 1px solid var(--saf-0);
  font-weight: 700;
  transition: all 80ms linear;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);

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

  &:hover {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    box-shadow: 0 1px 3px 0 #00000014;
  }

  &:active {
    background: hsla(0, 0%, 98%, 0.826);
    border-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.5);
    box-shadow: none;
  }

  &.c-button--focus-visible:focus, &.focus-ring:focus:not(:hover) {
    background-clip: initial;
    border: 1px solid #fff0;
  }

  &.c-button--disabled {
    box-shadow: none;

    &:active, &:hover {
      box-shadow: none;
    }
  }

  &:active {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

.c-button--outline-primary {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background-clip: padding-box;
  border: 1px solid #007a5a4d;
  color: #007a5a;
  font-weight: 700;
  transition: all 80ms linear;

  &:link, &:visited {
    color: #007a5a;
  }

  &:hover {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    box-shadow: 0 1px 3px 0 #00000014;
  }

  &:active {
    background: hsla(0, 0%, 98%, 0.826);
    border-color: #007a5a80;
    box-shadow: none;
  }

  &.c-button--focus-visible:focus, &.focus-ring:focus:not(:hover) {
    background-clip: initial;
    border: 1px solid #fff0;
  }

  &.c-button--disabled {
    box-shadow: none;

    &:active, &:hover {
      box-shadow: none;
    }
  }
}

.c-button--outline-danger {
  --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.3);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background-clip: padding-box;
  border: 1px solid var(--saf-0);
  font-weight: 700;
  transition: all 80ms linear;
  color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);

  &:link, &:visited {
    color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  }

  &:hover {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    box-shadow: 0 1px 3px 0 #00000014;
  }

  &:active {
    background: hsla(0, 0%, 98%, 0.826);
    border-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.5);
    box-shadow: none;
  }

  &.c-button--focus-visible:focus, &.focus-ring:focus:not(:hover) {
    background-clip: initial;
    border: 1px solid #fff0;
  }

  &.c-button--disabled {
    box-shadow: none;

    &:active, &:hover {
      box-shadow: none;
    }
  }
}

.c-button--plan_page {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background-clip: padding-box;
  border: 1px solid #007a5a4d;
  color: #007a5a;
  font-weight: 700;
  font-weight: 900;
  transition: all 80ms linear;

  &:link, &:visited {
    color: #007a5a;
  }

  &:hover {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    box-shadow: 0 1px 3px 0 #00000014;
  }

  &:active {
    background: hsla(0, 0%, 98%, 0.826);
    border-color: #007a5a80;
    box-shadow: none;
  }

  &.c-button--focus-visible:focus, &.focus-ring:focus:not(:hover) {
    background-clip: initial;
    border: 1px solid #fff0;
  }

  &.c-button--disabled {
    box-shadow: none;

    &:active, &:hover {
      box-shadow: none;
    }
  }
}

.sk-client-theme--dark {
  .c-button--outline-primary {
    background: #007a5a;
    box-shadow: none;
    color: #fff;
    font-weight: 700;
    transition: all 80ms linear;

    &:after {
      border-radius: 4px;
      bottom: 0;
      content: '';
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      visibility: hidden;
    }

    &:link, &:visited {
      color: #fff;
    }

    &:hover {
      background: #148567;
      box-shadow: 0 1px 4px #0000004d;
      color: #fff;
    }

    &:active {
      background: #006e51;
      box-shadow: none;
    }

    &.c-button--disabled {
      background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      background-clip: initial;
      border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      box-shadow: none;
      color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.75);
      cursor: default;
      pointer-events: none;
      text-shadow: none;
      transition: all 80ms linear;

      &:active, &:hover {
        background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
        background-clip: initial;
        border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
        box-shadow: none;
        color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.75);
        cursor: default;
        pointer-events: none;
        text-shadow: none;
        transition: all 80ms linear;
      }

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

  .c-button--outline-danger {
    background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    box-shadow: none;
    color: #fff;
    font-weight: 700;
    transition: all 80ms linear;

    &:after {
      border-radius: 4px;
      bottom: 0;
      content: '';
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      visibility: hidden;
    }

    &:link, &:visited {
      color: #fff;
    }

    &:hover {
      background: #e23067;
      box-shadow: 0 1px 4px #0000004d;
      color: #fff;
    }

    &:active {
      background: #ca1b51;
      box-shadow: none;
    }

    &.c-button--disabled {
      background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      background-clip: initial;
      border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      box-shadow: none;
      color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.75);
      cursor: default;
      pointer-events: none;
      text-shadow: none;
      transition: all 80ms linear;

      &:active, &:hover {
        background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
        background-clip: initial;
        border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
        box-shadow: none;
        color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.75);
        cursor: default;
        pointer-events: none;
        text-shadow: none;
        transition: all 80ms linear;
      }

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

.c-button--small {
  font-size: 13px;
  height: 28px;
  min-width: 56px;
  padding: 0 12px 1px;
}

.c-button--medium {
  font-size: 15px;
  height: 36px;
  min-width: 80px;
  padding: 0 12px 1px;
}

.c-button--large {
  font-size: 18px;
  font-weight: 700;
  height: 44px;
  min-width: 96px;
  padding: 0 16px 3px;
}

.c-button--disabled {
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background-clip: initial;
  border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.75);
  cursor: default;
  pointer-events: none;
  text-shadow: none;
  transition: all 80ms linear;

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

.c-button--focus-visible:focus {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  outline: none;
}

.c-button.c-button--sonic-placeholder {
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background-clip: initial;
  border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  box-shadow: none;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.75);
  cursor: default;
  pointer-events: none;
  pointer-events: auto;
  text-shadow: none;
  transition: all 80ms linear;

  &:hover {
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    background-clip: initial;
    border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    box-shadow: none;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.75);
    cursor: default;
    pointer-events: none;
    pointer-events: auto;
    text-shadow: none;
    transition: all 80ms linear;
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  }
}

.c-button--icon {
  min-width: 0;
  padding: 0;

  .c-deprecated-icon:before {
    display: block;
    line-height: 1;
  }

  &.c-button--small {
    height: 20px;
    width: 20px;

    .c-deprecated-icon:before {
      font-size: 12px;
    }
  }

  &.c-button--medium {
    height: 28px;
    width: 28px;

    .c-deprecated-icon:before {
      font-size: 16px;
    }
  }

  &.c-button--large {
    height: 32px;
    width: 32px;

    .c-deprecated-icon:before {
      font-size: 20px;
    }
  }
}

.c-button-unstyled {
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  margin: 0;
  overflow: initial;
  padding: 0;
  text-align: initial;
  vertical-align: initial;

  &:active, &:focus, &:hover {
    outline: none;
  }

  &.c-button-unstyled--sonic-placeholder {
    cursor: default;

    &:hover {
      cursor: default;
    }
  }
}

.c-aria_live_announcer_api {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  width: 1px;
}

.c-infinite_spinner {
  margin: 0 auto;
  position: relative;
}

.c-infinite_spinner--spotlight {
  height: 160px;
  width: 160px;
}

.c-infinite_spinner--jumbo {
  height: 52px;
  width: 52px;
}

.c-infinite_spinner--large {
  height: 24px;
  width: 24px;
}

.c-infinite_spinner--medium {
  height: 18px;
  width: 18px;
}

.c-infinite_spinner--small {
  height: 12px;
  width: 12px;
}

.c-infinite_spinner--inline {
  display: inline-block;
  margin: 0;
}

.c-infinite_spinner--floating {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  display: flex;
  height: 34px;
  left: 50%;
  margin-left: -17px;
  position: absolute;
  top: 8px;
  width: 34px;
  z-index: 1;
}

.c-infinite_spinner__loading_msg {
  margin-left: 12px;
}

.c-infinite_spinner__spinner {
  animation: c-infinite_spinner__spin 1.2s cubic-bezier(0.25, 0.29, 0.54, 0.86) 0s infinite normal none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(-45deg);
  width: 100%;
}

@keyframes c-infinite_spinner__spin {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

.c-infinite_spinner__tail {
  animation: c-infinite_spinner__spin 1.2s cubic-bezier(0.41, 0.24, 0.64, 0.69) 0s infinite normal none;
}

.c-infinite_spinner__bg {
  fill: none;
  stroke-width: 8;
  stroke: grey;
  opacity: 0.2;
}

.c-infinite_spinner__path {
  fill: none;
  stroke-width: 8;
  stroke-dasharray: 55, 200;
  stroke-dashoffset: 90;
  stroke-linecap: round;
}

.c-infinite_spinner--button-white {
  .c-infinite_spinner__bg, .c-infinite_spinner__path {
    stroke: #fff;
  }
}

.c-infinite_spinner--white .c-infinite_spinner__path {
  stroke: #fff;
}

.c-infinite_spinner--blue .c-infinite_spinner__path {
  stroke: #50acf4;
}

.c-infinite_spinner--fast .c-infinite_spinner__spinner {
  animation-duration: 0.6s;
}

.c-button-loading__spinner {
  margin-left: 0;
  margin-right: 0;
  transition: width 80ms linear;
}

.c-button--loading_spinner--hidden {
  width: 0;
}

.c-button-loading__spinner--small {
  margin-left: 8px;
}

.c-button-loading__spinner--medium {
  margin-left: 12px;
}

.c-button-loading__spinner--large {
  margin-left: 16px;
}

.c-button--loading_spinner--loading {
  margin-left: 0;
}

.c-button--loading_spinner--children {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  width: 1px;
}

.c-icon_button {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  justify-content: center;
  position: relative;

  &:link {
    text-decoration: none;
  }
}

.c-icon_button__badge {
  background: #000;
  border-radius: 50%;
  bottom: 0;
  margin-bottom: 3px;
  position: absolute;
}

.c-icon_button--default .c-icon_button__badge, .c-icon_button--light .c-icon_button__badge {
  background-color: #1264a3;
}

.c-icon_button--dark .c-icon_button__badge {
  background-color: #fff;
}

.c-icon_button--size_small {
  height: 32px;
  width: 32px;

  .c-icon:before {
    font-size: 18px;
  }
}

.c-icon_button--size_medium {
  height: 36px;
  width: 36px;
}

.c-icon_button.c-button--disabled {
  opacity: 0.5;
}

.c-icon_button--default {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);

  &.c-button-unstyled, &:link {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  }

  &.c-button-unstyled:hover, &:hover, &:link:hover {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }

  &.c-button-unstyled:active, &:active, &:link:active {
    background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.c-icon_button--light {
  color: #1d1c1db3;

  &.c-button-unstyled, &:link {
    color: #1d1c1db3;
  }

  &.c-button-unstyled:hover, &:hover, &:link:hover {
    background: #1d1c1d0d;
    color: #1d1c1d;
  }

  &.c-button-unstyled:active, &:active, &:link:active {
    background: #1d1c1d1a;
  }
}

.c-icon_button--dark {
  color: #ffffffb3;

  &.c-button-unstyled, &:link {
    color: #ffffffb3;
  }

  &.c-button-unstyled:hover, &:hover, &:link:hover {
    background: #ffffff0d;
    color: #fff;
  }

  &.c-button-unstyled:active, &:active, &:link:active {
    background: #ffffff1a;
  }
}

[data-qgr] {
  display: block;
  flex-shrink: 0;
  font-size: var(--s, inherit);
  height: 1em;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  width: 1em;
}

.is-inline {
  display: inline-block;
  vertical-align: -0.125em;
}

.p-client_desktop--draggable-region-hacks {
  &.p-client_desktop--ia-top-nav .c-sk-modal_portal:after {
    -webkit-app-region: drag;
    content: '';
    display: block;
    height: 38px;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
  }

  &.p-client_desktop--toggle-larger-top-nav-bar .c-sk-modal_portal:after {
    height: 44px;
  }
}

.c-sk-overlay {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

body.p-client_desktop--draggable-region-hacks .c-sk-overlay {
  -webkit-app-region: no-drag;
}

.c-sk-overlay:before {
  background: #0009;
  content: '';
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 80ms linear;
  width: 100%;
}

.c-sk-overlay--hidden:before {
  display: none;
}

.c-sk-overlay--no_animation:before {
  transition: none;
}

.c-sk-overlay.ReactModal__Overlay--after-open:not(.ReactModal__Overlay--before-close):before {
  opacity: 1;
}

.c-sk-modal {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 18px 48px 0 #00000059;
  display: flex;
  flex-direction: column;
  max-height: 100%;
  overflow: hidden;
  position: relative;

  &:focus {
    outline: none;
  }
}

.c-sk-modal__speedbump_overlay {
  background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.1);
  bottom: 0;
  box-sizing: border-box;
  content: '';
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

.c-sk-modal--faded {
  pointer-events: none;

  &:after {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.1);
  }
}

.c-sk-modal--fixed {
  height: auto;
  max-width: 520px;
  width: 100%;
}

@media only screen and (max-width: 640px) {
  .c-sk-modal--responsive {
    max-width: 324px;
  }
}

@media only screen and (max-height: 480px) {
  .c-sk-modal--responsive {
    max-height: 440px;
  }
}

.c-sk-overlay--align-start {
  align-items: flex-start;
}

.c-sk-modal--fullscreen {
  height: 100%;
  max-width: 1280px;
  width: 100%;
}

.c-sk-modal__close_button {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1;
}

.c-sk-modal__close_button--inverted {
  background: #1d1c1db3 !important;
  color: #fff;
}

@media only screen and (max-width: 640px) {
  .c-icon_button--default.c-sk-modal__close_button--responsive {
    background: none;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    height: 34px;
    right: 8px;
    top: 8px;
    width: 34px;

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

.c-icon_button--default {
  &.c-sk-modal__close_button--light {
    background: #f8f8f8;
    color: #1d1c1d;
    opacity: 0.66;

    &:hover {
      background: #fff;
      color: #1d1c1d;
      opacity: 1;
    }
  }

  &.c-sk-modal__close_button--dark {
    background: #616061;
    color: #fff;
    opacity: 0.66;

    &:hover {
      background: #1d1c1d;
      color: #fff;
      opacity: 1;
    }
  }
}

.c-sk-modal_header {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px 8px 0 0;
  flex-shrink: 0;
  min-height: 70px;
  overflow: hidden;
  width: 100%;
}

@media only screen and (max-width: 640px) {
  .c-sk-modal_header--responsive {
    min-height: 52px;
  }
}

.c-sk-modal_image {
  display: block;
  height: auto;
  width: 100%;
}

.c-sk-modal_image__container {
  position: relative;
  width: 100%;

  .c-sk-modal_image {
    left: 0;
    position: absolute;
    top: 0;
  }
}

@media only screen and (max-height: 480px) {
  .c-sk-modal_image--responsive {
    display: none;
  }
}

.c-sk-modal_title_bar {
  align-items: center;
  display: flex;
  min-height: 70px;
  padding: 20px 28px;
  width: 100%;
}

.c-sk-modal_title_bar__text {
  h1 {
    font-size: 18px;
    font-weight: 900;
    line-height: 1.33334;

    &:only-child {
      font-size: 22px;
      font-weight: 900;
      line-height: 1.36365;
    }
  }

  h2:nth-child(2) {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    margin-right: 24px;
  }
}

.c-sk-modal_title_bar__icon {
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 4px;
  display: flex;
  height: 40px;
  line-height: 0;
  margin-right: 16px;
}

.c-sk-modal_title_bar--pad_right {
  padding-right: 76px;
}

@media only screen and (max-width: 640px) {
  .c-sk-modal_title_bar--responsive {
    min-height: 36px;
    padding: 8px 8px 8px 16px;

    .c-sk-modal_title_bar__icon {
      align-items: center;
      display: flex;
    }
  }

  .c-sk-modal_title_bar__text_responsive {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 36px;

    h1:only-child {
      font-size: 18px;
    }
  }
}

.c-scrollbar {
  overflow: hidden;
  position: relative;
}

.c-scrollbar__hider {
  bottom: 0;
  height: 100%;
  left: 0;
  outline: none;
  overflow-x: hidden;
  overflow-y: scroll;
  position: absolute;
  right: -50px;
  top: 0;
  transform: translateZ(0);

  &::-webkit-scrollbar {
    display: none;
  }
}

.c-scrollbar--inherit_size {
  width: 100%;

  .c-scrollbar__hider {
    margin-right: -50px;
    position: relative;
    right: 0;
  }
}

.c-scrollbar__track {
  bottom: 4px;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 8px;

  &:before {
    background: none;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: -4px;
    top: 0;
  }
}

.c-scrollbar--hidden > .c-scrollbar__track {
  display: none;
}

.c-scrollbar__bar {
  background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.52);
  border-radius: 4px;
  cursor: default;
  left: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%;
  will-change: transform;
  z-index: 1;
}

.c-scrollbar:hover .c-scrollbar__bar {
  opacity: 1;
}

.c-scrollbar__bar:active {
  opacity: 1;

  &:after {
    bottom: 0;
    content: '';
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1;
  }
}

.c-scrollbar--always_visible .c-scrollbar__bar {
  opacity: 1;
}

.c-scrollbar--monkey {
  .c-scrollbar__child {
    padding-right: 12px;
  }

  &.c-scrollbar--hidden .c-scrollbar__child {
    padding-right: 0;
  }

  .c-scrollbar__track {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-radius: 3px;
    z-index: 1;
  }

  .c-scrollbar__bar {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.52);
    box-shadow: 0 3px 0 #fff, 0 -3px 0 #fff;
    opacity: 1;

    &:active {
      opacity: 1;
    }
  }

  &:hover .c-scrollbar__bar {
    opacity: 1;
  }
}

.c-scrollbar--fade:not(:hover) .c-scrollbar__bar {
  transition: opacity 0.1s 0.5s;
}

.c-sk-modal_content {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  display: flex;
  flex-shrink: 1;
  min-height: 50px;
  overflow: hidden;
  position: relative;

  &:first-of-type {
    border-radius: 8px 8px 0 0;
  }

  &:last-of-type {
    border-radius: 0 0 8px 8px;
  }

  &:only-of-type {
    border-radius: 8px;
  }

  &:after {
    border-bottom: 1px solid #0000;
    border-top: 1px solid #0000;
    bottom: 0;
    box-sizing: border-box;
    content: '';
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: border 80ms linear;
    width: 100%;
  }
}

.c-sk-modal_content__inner {
  overflow: hidden;
}

.c-sk-modal_content--indicateTop:after {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.c-sk-modal_content--indicateBottom:after {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.c-sk-modal_content_section {
  padding: 0 28px;
}

@media only screen and (max-width: 640px) {
  .c-sk-modal_content_section--responsive {
    padding: 0 16px;
  }
}

.c-sk-modal_footer {
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 0 0 8px 8px;
  display: flex;
  flex-shrink: 0;
  height: 84px;
  justify-content: flex-end;
  margin-top: auto;
  overflow: hidden;
  padding: 24px 28px;
  width: 100%;

  &.c-sk-modal_footer--adaptive {
    height: auto;
    min-height: 84px;
  }
}

@media only screen and (max-width: 640px) {
  .c-sk-modal_footer--responsive {
    height: 60px;
    padding: 16px;

    .c-button {
      font-size: 13px;
      height: 28px;
      min-width: 56px;
      padding: 0 12px 1px;
    }

    .c-sk-modal_footer_actions {
      display: flex;
    }
  }

  .c-sk-modal_footer--responsive-column {
    align-items: baseline;
    flex-direction: column;
    height: auto;

    .c-sk-modal_footer_actions {
      padding-top: 8px;
    }
  }
}

.c-sk-modal_footer--speedbump {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.15);
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 0 0 8px 8px;
  bottom: 0;
  box-shadow: 0 0 12px var(--saf-0);
  display: flex;
  flex-shrink: 0;
  height: auto;
  justify-content: flex-end;
  padding: 24px 28px;
  pointer-events: auto;
  position: absolute;
  width: 100%;
  z-index: 1;

  &.c-sk-modal_footer--speedbump_transition-enter-active {
    animation: c-speedbump-slide-in 0.16s cubic-bezier(0.36, 0.19, 0.29, 1) 0s 1 normal forwards;
  }

  &.c-sk-modal_footer--speedbump_transition-exit-active {
    animation: c-speedbump-slide-out 0.16s cubic-bezier(0.36, 0.19, 0.29, 1) 0s 1 normal forwards;
    pointer-events: none;
  }
}

@media only screen and (max-width: 640px) {
  .c-sk-modal_footer--speedbump_responsive {
    .c-button {
      font-size: 13px;
      height: 28px;
      min-width: 56px;
      padding: 0 12px 1px;
    }

    .c-modal_speed_bump__heading {
      font-weight: 700;
    }
  }
}

@keyframes c-speedbump-slide-in {
  0% {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes c-speedbump-slide-out {
  0% {
    transform: translateY(0);
  }

  to {
    transform: translateY(100%);
  }
}

.c-sk-modal_footer_actions {
  margin-left: auto;

  > {
    * {
      margin-right: 12px;
      vertical-align: bottom;
    }

    :last-child {
      margin-right: 0;
    }
  }
}

.p-quip_edit_link_modal__input_section_title__container__image {
  align-content: center;
  display: flex;
  margin: 8px;
  position: absolute;

  img {
    border-radius: 6px;
  }
}

.p-quip_edit_link_modal__input_section_title__container__image__icon--chevron-down {
  display: flex;

  &:after {
    border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    content: ' ';
    display: block;
    height: 20px;
    margin: auto 3px;
  }
}

.p-quip_edit_link_modal__input_section_title__container__image__icon {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  height: 20px;
}

.p-quip_edit_link_modal__input_section_title__container__input {
  flex-grow: 1;

  .c-input_text {
    padding-left: 36px;
  }
}

.p-quip_edit_link_modal__input_section_title__container__input--with-emoji .c-input_text {
  padding-left: 64px;
}

.p-quip_edit_link_modal__input_section_title .c-input_text_image__image {
  border-radius: 6px;
}

.p-quip_edit_link_modal__input_section_title__container {
  display: flex;
}

.p-quip_edit_link_modal__input_section_link {
  .c-input_text_icon {
    display: flex;
    flex-direction: row-reverse;
  }

  .c-input_text--with_icon {
    padding-left: 12px;
    padding-right: 28px;
  }

  .c-input_text_icon__icon {
    margin-right: 6px;
  }
}

.c-modal_speed_bump_overlay {
  z-index: 1000;
}

.c-modal_speed_bump_wrapper {
  z-index: 1000;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.c-modal_speed_bump_overlay {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 0.7);
  border-radius: 8px;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: background-color 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
  width: 100%;
}

.c-modal_speed_bump_overlay--hidden {
  background-color: none;
}

.c-modal_speed_bump {
  transform: translateY(0);
  transition: transform 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
}

.c-modal_speed_bump--hidden {
  transform: translateY(100%);
}

.c-modal_speed_bump_content {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 0 0 8px 8px;
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  padding: 20px 24px;
}

.c-modal_speed_bump__text_wrapper {
  display: flex;
  flex-direction: column;
  padding-bottom: 8px;
  width: 100%;
}

.c-modal_speed_bump__heading {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.3;
}

.c-modal_speed_bump__button_row {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.c-modal_speed_bump__button {
  margin-left: 12px;
}

.c-multi_pane_modal__back {
  margin-left: 16px;
}

.c-multi_pane_modal {
  .c-sk-modal_header {
    align-items: center;
    display: flex;
  }

  .c-multi_pane_modal__back + .c-sk-modal_title_bar {
    padding-left: 4px;
  }
}

.p-upgrades_icon_celebration_animation--small {
  transform: scale(0.75);
  visibility: hidden;
}

.p-upgrades_icon_celebration_animation__drop_top_right {
  animation: drop-top-right-anim 2s 1 forwards;
  transform-origin: 6px 6px;
  visibility: hidden;
}

.p-upgrades_icon_celebration_animation__drop_left {
  animation: drop-left-anim 2s 1 forwards;
  transform-origin: 6px 6px;
  visibility: hidden;
}

.p-upgrades_icon_celebration_animation__circle_top_right {
  animation: circle-top-right-anim 2s 1 forwards;
  visibility: hidden;
}

.p-upgrades_icon_celebration_animation__circle_right {
  animation: circle-right-anim 2s 1 forwards;
  visibility: hidden;
}

.p-upgrades_icon_celebration_animation__circle_bottom_right {
  animation: circle-bottom-right-anim 2s 1 forwards;
  visibility: hidden;
}

.p-upgrades_icon_celebration_animation__circle_top_left {
  animation: circle-top-left-anim 2s 1 forwards;
  visibility: hidden;
}

.p-upgrades_icon_celebration_animation__star_bottom_right {
  animation: star-bottom-right-anim 2s 1 forwards;
  transform-origin: 6px 6px;
  visibility: hidden;
}

.p-upgrades_icon_celebration_animation__star_top_left {
  animation: star-top-left-anim 2s 1 forwards;
  transform-origin: 6px 6px;
  visibility: hidden;
}

.p-upgrades_icon_celebration_animation__sprinkle_bottom_left {
  animation: sprinkle-bottom-left-anim 2s 1 forwards;
  transform-origin: 6px 6px;
  visibility: hidden;
}

.p-upgrades_icon_celebration_animation__sprinkle_top_left {
  animation: sprinkle-top-left-anim 2s 1 forwards;
  transform-origin: 6px 6px;
  visibility: hidden;
}

@keyframes drop-top-right-anim {
  0% {
    opacity: 0;
    transform: translate(42px, 42px) rotate(75deg) scale(0);
  }

  60% {
    opacity: 1;
    transform: translate(61.2px, 22.8px) rotate(75deg) scale(1);
    visibility: visible;
  }

  to {
    opacity: 0;
    transform: translate(61.2px, 22.8px) rotate(75deg) scale(1);
    visibility: hidden;
  }
}

@keyframes drop-left-anim {
  0% {
    opacity: 0;
    transform: translate(42px, 42px) rotate(254deg) scale(0);
  }

  60% {
    opacity: 1;
    transform: translate(21.36px, 42px) rotate(254deg) scale(1);
    visibility: visible;
  }

  to {
    opacity: 0;
    transform: translate(21.36px, 42px) rotate(254deg) scale(1);
    visibility: hidden;
  }
}

@keyframes circle-top-right-anim {
  0% {
    opacity: 0;
    transform: translate(48px, 48px) scale(0);
  }

  60% {
    opacity: 1;
    transform: translate(74.4px, 38.4px) scale(0.5);
    visibility: visible;
  }

  to {
    opacity: 0;
    transform: translate(74.4px, 38.4px) scale(0.5);
    visibility: hidden;
  }
}

@keyframes circle-right-anim {
  0% {
    opacity: 0;
    transform: translate(48px, 48px) scale(0);
  }

  60% {
    opacity: 1;
    transform: translate(78.24px, 54.72px) scale(0.5);
    visibility: visible;
  }

  to {
    opacity: 0;
    transform: translate(78.24px, 54.72px) scale(0.5);
    visibility: hidden;
  }
}

@keyframes circle-bottom-right-anim {
  0% {
    opacity: 0;
    transform: translate(48px, 48px) scale(0);
  }

  60% {
    opacity: 1;
    transform: translate(60px, 72px) scale(0.8);
    visibility: visible;
  }

  to {
    opacity: 0;
    transform: translate(60px, 72px) scale(0.8);
    visibility: hidden;
  }
}

@keyframes circle-top-left-anim {
  0% {
    opacity: 0;
    transform: translate(48px, 48px) scale(0);
  }

  60% {
    opacity: 1;
    transform: translate(18.24px, 38.4px) scale(0.5);
    visibility: visible;
  }

  to {
    opacity: 0;
    transform: translate(18.24px, 38.4px) scale(0.5);
    visibility: hidden;
  }
}

@keyframes star-bottom-right-anim {
  0% {
    opacity: 0;
    transform: translate(42px, 42px) rotate(0) scale(0);
  }

  60% {
    opacity: 1;
    transform: translate(62.16px, 56.4px) rotate(1turn) scale(1);
    visibility: visible;
  }

  to {
    opacity: 0;
    transform: translate(62.16px, 56.4px) rotate(1turn) scale(1);
    visibility: hidden;
  }
}

@keyframes star-top-left-anim {
  0% {
    opacity: 0;
    transform: translate(42px, 42px) rotate(0) scale(0);
  }

  60% {
    opacity: 1;
    transform: translate(18px, 20.4px) rotate(-1turn) scale(1);
    visibility: visible;
  }

  to {
    opacity: 0;
    transform: translate(18px, 20.4px) rotate(-1turn) scale(1);
    visibility: hidden;
  }
}

@keyframes sprinkle-bottom-left-anim {
  0% {
    opacity: 0;
    transform: translate(42px, 42px) rotate(130deg) scale(0);
  }

  60% {
    opacity: 1;
    transform: translate(22.8px, 58.8px) rotate(130deg) scale(0.7);
    visibility: visible;
  }

  to {
    opacity: 0;
    transform: translate(22.8px, 58.8px) rotate(130deg) scale(0.7);
    visibility: hidden;
  }
}

@keyframes sprinkle-top-left-anim {
  0% {
    opacity: 0;
    transform: translate(42px, 42px) rotate(44deg) scale(0);
  }

  60% {
    opacity: 1;
    transform: translate(34.8px, 18px) rotate(44deg) scale(0.9);
    visibility: visible;
  }

  to {
    opacity: 0;
    transform: translate(34.8px, 18px) rotate(44deg) scale(0.9);
    visibility: hidden;
  }
}

.p-upgrades_icon--light_purple, .p-upgrades_icon--purple {
  color: #4a154bcc;
}

.sk-client-theme--dark {
  .p-upgrades_icon--light_purple, .p-upgrades_icon--purple {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  }
}

.p-upgrades_icon--small {
  font-size: 18px;
  height: 18px;
  width: 18px;
}

.p-upgrades_icon--medium {
  font-size: 20px;
  height: 20px;
  width: 20px;
}

.p-upgrades_icon--large {
  font-size: 24px;
  height: 24px;
  width: 24px;
}

.p-upgrades_icon_container {
  align-items: center;
  border-radius: 50%;
  display: flex;
  justify-content: center;
}

.p-upgrades_icon_container--purple {
  background-color: #4a154b;

  .p-upgrades_icon--purple {
    color: #fff;
  }
}

.sk-client-theme--dark .p-upgrades_icon_container--purple {
  background-color: #fff;

  .p-upgrades_icon--purple {
    color: #1a1d21;
  }
}

.p-upgrades_icon_container--light_purple {
  background-color: #f4f1f4;
}

.sk-client-theme--dark .p-upgrades_icon_container--light_purple {
  background-color: #d1d2d30f;

  .p-upgrades_icon--light_purple {
    color: #d1d2d3b3;
  }
}

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

.p-upgrades_icon_container--error {
  background-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.18);
}

.p-upgrades_icon_container--with_animation {
  position: relative;
}

.p-upgrades_icon_container--medium, .p-upgrades_icon_container--small {
  height: 36px;
  width: 36px;
}

.p-upgrades_icon_container--large {
  height: 48px;
  width: 48px;
}

.p-upgrades_modal__container {
  padding-top: 20px;
}

.p-upgrades_modal__content_section {
  margin: 24px auto 8px;
  text-align: center;
}

.p-upgrades_modal__header {
  min-height: 0;
  text-align: center;
}

.p-upgrades_modal__header--with_animation {
  overflow: visible;
}

.p-upgrades_modal__title {
  justify-content: center;
  min-height: 0;
  padding: 16px 60px 0;
  text-align: center;
}

.p-upgrades_modal__subtitle {
  padding: 12px 80px 0;
  text-align: center;
}

.p-upgrades_modal__footer {
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
}

.p-upgrades_modal__footer_actions {
  margin-left: 0;
}

.p-upgrades_modal__icon {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}

.p-pro_badge {
  border-radius: 4px;
  cursor: default;
  font-size: 10px;
  font-weight: 700;
  height: min-content;
  line-height: 14px;
  padding: 1px 3px;
  text-align: center;
  white-space: nowrap;
  width: min-content;
}

.p-pro_badge--purple {
  background-color: #4a154b;
  color: #fff;
}

.sk-client-theme--dark .p-pro_badge--purple {
  background-color: #d1d2d3;
  color: #1a1d21;
}

.c-menu_item__li--highlighted .p-pro_badge--purple {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
}

.sk-client-theme--dark .c-menu_item__li--highlighted .p-pro_badge--purple {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-pro_badge--white {
  background-color: #fff;
  color: #4a154b;
}

.p-upgrades_modal_with_banner__base_modal {
  min-width: 350px;
  width: 518px;
}

.p-upgrades_modal_with_banner__header {
  margin-top: -20px;
}

.p-upgrades_modal_with_banner__title {
  padding: 8px 48px 0;
}

@media screen and (max-height: 600px), screen and (max-width: 450px) {
  .p-upgrades_modal_with_banner__title {
    margin-top: 44px;
  }
}

.p-upgrades_modal_with_banner__subtitle {
  padding: 12px 32px 0;
}

.p-upgrades_modal_with_banner__body {
  margin: 24px 0 8px;
}

.p-upgrades_modal_with_banner__pro_badge {
  display: inline;
  margin-left: 8px;
  position: relative;
  top: -3px;
}

.p-upgrades_modal_with_banner__banner {
  max-height: inherit;
}

.p-upgrades_modal_with_banner__container {
  margin-bottom: 16px;
  max-height: 280px;
}

@media screen and (max-height: 600px), screen and (max-width: 450px) {
  .p-upgrades_modal_with_banner__container {
    display: none;
  }
}

.p-upgrades_modal_with_banner__body_content {
  margin-top: 8px;
}

.p-upgrades_modal_with_banner--close_button_light .c-icon_button {
  color: #fff;

  &:hover {
    background: #ffffff0a;
    color: #fff;
  }
}

.p-upgrades_modal_with_banner--close_button_dark .c-icon_button {
  color: #1d1c1d;

  &:hover {
    background: #1d1c1d0a;
    color: #1d1c1d;
  }
}

.p-upgrades_modal_with_banner--close_button_gold .c-icon_button {
  color: #695107;

  &:hover {
    background: #6951070a;
    color: #695107;
  }
}

@media screen and (max-height: 600px), screen and (max-width: 450px) {
  .p-upgrades_modal_with_banner--close_button .c-icon_button {
    color: #1d1c1d;

    &:hover {
      background: #1d1c1d0a;
      color: #1d1c1d;
    }
  }

  .sk-client-theme--dark .p-upgrades_modal_with_banner--close_button .c-icon_button {
    color: #fff;

    &:hover {
      background: #ffffff0a;
      color: #fff;
    }
  }
}

.c-toast {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: #1d1c1d;
  background-clip: padding-box;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  color: #fff;
  font-size: 15px;
  line-height: 22px;
  max-width: 350px;
  padding: 10px 16px 12px;
  position: fixed;
  word-break: break-word;
  z-index: 1053;
}

.c-toast__wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
}

.c-toast {
  &:hover {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    animation: none;
    box-shadow: 0 0 0 1px var(--saf-0), 0 18px 48px 0 #00000014;
  }

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

.c-toast--fade {
  &.ReactModal__Content {
    animation: c-toast-fade-in 80ms cubic-bezier(0.36, 0.19, 0.29, 1) 0s 1 normal forwards;
  }

  &.ReactModal__Content--before-close {
    animation: c-toast-fade-out 80ms cubic-bezier(0.36, 0.19, 0.29, 1) 0s 1 normal forwards;
  }

  &.ReactModal__Overlay--before-close {
    pointer-events: none;
  }
}

.c-toast {
  > .c-toast__wrapper {
    ~ * {
      z-index: 1;
    }

    + {
      .c-deprecated-icon, .c-icon {
        margin-right: 8px;
      }
    }
  }

  .c-link--button {
    color: #fff;
    text-decoration: underline;

    &:active, &:focus, &:hover {
      color: #fff;
      text-decoration: underline;
    }
  }

  a {
    color: #fff;
    text-decoration: underline;

    &:active, &:focus, &:hover {
      color: #fff;
      text-decoration: underline;
    }
  }
}

.c-toast__icon {
  margin-right: 8px;
  margin-top: 2px;
}

.c-toast__close-button {
  background: #0000;
  color: #fff;
  flex-shrink: 0;
  margin-left: 8px;
  margin-top: 2px;
  visibility: hidden;
}

.c-toast__close-button-wrapper:focus .c-toast__close-button {
  visibility: visible;
}

.c-toast--download .c-toast__close-button {
  margin-top: 8px;
}

.c-toast--persistent .c-toast__close-button {
  visibility: visible;
}

.c-toast {
  &:active .c-toast__close-button, &:focus .c-toast__close-button, &:hover .c-toast__close-button {
    visibility: visible;
  }

  .c-button--focus-visible:focus, .c-link--focus-visible:focus, .focus-ring {
    box-shadow: 0 0 0 1px #fff, 0 0 0 5px #ffffff4d;
  }
}

@keyframes c-toast-fade-in {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes c-toast-fade-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(20px);
  }
}

.c-popover {
  &:not(.c-popover--overlay-inherit) {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }

  &.c-popover--overlay-inherit .c-popover__content {
    z-index: 1053;
  }
}

body.p-client_desktop--draggable-region-hacks .c-popover {
  -webkit-app-region: no-drag;
}

.p-client_desktop--draggable-region-hacks {
  &.p-client_desktop--ia-top-nav .c-popover:before {
    -webkit-app-region: drag;
    content: '';
    display: block;
    height: 38px;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
  }

  &.p-client_desktop--toggle-larger-top-nav-bar .c-popover:before {
    height: 44px;
  }
}

.p-client_desktop--ia-top-nav .c-popover .c-popover__content {
  -webkit-app-region: no-drag;
}

.c-popover--fade {
  animation: c-popover-fade 1s ease 0s 1 normal forwards;

  .ReactModal__Content {
    transition: none;
  }

  .ReactModal__Content--before-close {
    opacity: 0;
    transition-property: opacity;
  }

  &.ReactModal__Overlay--before-close {
    pointer-events: none;
  }
}

@keyframes c-popover-fade {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.c-popover--no-pointer {
  pointer-events: none;
}

.c-popover--z_above_fs {
  z-index: 1053;
}

.c-popover--z_fs {
  z-index: 1041;
}

.c-popover--z_menu {
  z-index: 1042;
}

.c-popover--z_menu_above_fs {
  z-index: 1054;
}

.c-popover--z_below_menu {
  z-index: 1001;
}

.c-tooltip__tip {
  word-wrap: break-word;
  background-color: #000;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  max-width: 200px;
  padding: 8px 12px 10px;
  position: relative;
  text-align: center;
}

.c-tooltip__tip--large {
  max-width: 400px;
}

.c-tooltip__tip__arrow {
  background: #000;
  height: 8.48528137px;
  position: absolute;
  width: 8.48528137px;
}

.c-tooltip__tip--left {
  margin-right: 8px;

  .c-tooltip__tip__arrow {
    border-left-color: #000;
    right: -6px;
    top: 50%;
    transform: rotate(45deg);
    transform-origin: top right;
  }
}

.c-tooltip__tip--right {
  margin-left: 8px;

  .c-tooltip__tip__arrow {
    border-right-color: #000;
    left: -6px;
    top: 50%;
    transform: rotate(-45deg);
    transform-origin: top left;
  }
}

.c-tooltip__tip--top {
  margin-bottom: 8px;

  .c-tooltip__tip__arrow {
    border-top-color: #000;
    bottom: -6px;
    left: 50%;
    transform: rotate(-45deg);
    transform-origin: bottom left;
  }
}

.c-tooltip__tip--top-left {
  margin-bottom: 8px;

  .c-tooltip__tip__arrow {
    border-top-color: #000;
    bottom: -6px;
    left: 50%;
    left: 25%;
    transform: rotate(-45deg);
    transform-origin: bottom left;
  }
}

.c-tooltip__tip--top-right {
  margin-bottom: 8px;

  .c-tooltip__tip__arrow {
    border-top-color: #000;
    bottom: -6px;
    left: 50%;
    left: auto;
    right: 25%;
    transform: rotate(-45deg);
    transform: rotate(45deg);
    transform-origin: bottom left;
    transform-origin: bottom right;
  }
}

.c-tooltip__tip--bottom {
  margin-top: 8px;

  .c-tooltip__tip__arrow {
    border-bottom-color: #000;
    left: 50%;
    top: -6px;
    transform: rotate(45deg);
    transform-origin: top left;
  }
}

.c-tooltip__tip--bottom-left {
  margin-top: 8px;

  .c-tooltip__tip__arrow {
    border-bottom-color: #000;
    left: 50%;
    left: 25%;
    top: -6px;
    transform: rotate(45deg);
    transform-origin: top left;
  }
}

.c-tooltip__tip--bottom-right {
  margin-top: 8px;

  .c-tooltip__tip__arrow {
    border-bottom-color: #000;
    left: 50%;
    left: auto;
    right: 25%;
    top: -6px;
    transform: rotate(45deg);
    transform: rotate(-45deg);
    transform-origin: top left;
    transform-origin: top right;
  }
}

.c-tooltip__tip--left-align-content {
  text-align: left;
}

.sk-client-theme--dark {
  .c-tooltip__tip {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    background-color: #000;
    box-shadow: 0 0 0 1px var(--saf-0);
  }

  .c-tooltip__tip__arrow {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    background-clip: content-box;
    background-color: #000;
    border: 1px solid var(--saf-0);
  }

  .c-tooltip__tip--top .c-tooltip__tip__arrow, .c-tooltip__tip--top-left .c-tooltip__tip__arrow {
    border-right: none;
    border-top: none;
  }

  .c-tooltip__tip--top-right .c-tooltip__tip__arrow {
    border-left: none;
    border-top: none;
  }

  .c-tooltip__tip--bottom .c-tooltip__tip__arrow, .c-tooltip__tip--bottom-left .c-tooltip__tip__arrow, .c-tooltip__tip--right .c-tooltip__tip__arrow {
    border-bottom: none;
    border-right: none;
  }

  .c-tooltip__tip--bottom-right .c-tooltip__tip__arrow, .c-tooltip__tip--left .c-tooltip__tip__arrow {
    border-bottom: none;
    border-left: none;
  }
}

.c-tooltip__tip.c-tooltip__tip--success {
  background-color: #007a5a;

  .c-tooltip__tip__arrow {
    background-color: #007a5a;
  }

  &.c-tooltip__tip--left .c-tooltip__tip__arrow {
    border-left-color: #007a5a;
  }

  &.c-tooltip__tip--right .c-tooltip__tip__arrow {
    border-right-color: #007a5a;
  }

  &.c-tooltip__tip--top .c-tooltip__tip__arrow, &.c-tooltip__tip--top-left .c-tooltip__tip__arrow, &.c-tooltip__tip--top-right .c-tooltip__tip__arrow {
    border-top-color: #007a5a;
  }

  &.c-tooltip__tip--bottom .c-tooltip__tip__arrow, &.c-tooltip__tip--bottom-left .c-tooltip__tip__arrow, &.c-tooltip__tip--bottom-right .c-tooltip__tip__arrow {
    border-bottom-color: #007a5a;
  }
}

.c-tooltip__tip--channel, .c-tooltip__tip--member {
  max-width: 500px;
}

.c-tooltip__tip--channel .c-base_inline_entity--dim {
  color: inherit;
}

.c-tooltip__tip--member {
  padding: 6px 12px 6px 6px;
}

.c-tooltip__tip--link {
  max-width: 400px;
  text-align: left;
}

.c-tooltip__sonic_placeholder {
  color: #ffffffb3;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
}

.c-tooltip__subtitle {
  color: #ffffffb3;
}

.c-truncate {
  --lines: 1;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--lines);
  display: -webkit-box;
  overflow: hidden;
  white-space: break-spaces;
}

.c-truncate--break_words {
  word-break: break-all;
}

.c-base_inline_entity {
  display: inline;
  white-space: pre;
}

.c-base_inline_entity__avatar {
  margin-right: 1.6px;
}

.c-base_inline_entity__primary_content {
  display: inline;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}

.c-base_inline_entity--truncate_block {
  display: inline-flex;
}

.c-base_inline_entity__inline_wrapper {
  display: inline-flex;
  flex: 1;
  min-width: 0;

  .c-base_inline_entity__primary_content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.c-base_inline_entity--dim {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

.c-base_inline_entity--highlight-dark {
  background-color: #1264a3;
  color: #fff;
}

.c-base_inline_entity--highlight-dim {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
}

.c-base_inline_entity--highlight-light {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
}

.c-missing_text {
  border-radius: 1000px;
  display: inline-block;
  height: 8px;
}

.c-missing_text--unknown {
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.c-missing_text--non-existent {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 1px solid var(--saf-0);
}

.c-missing_text--unknown_inverted {
  background-color: #fff;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.c-missing_text--non_existent_inverted {
  --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  background: none;
  border: 1px solid var(--saf-0);
}

.c-missing_text--subtler {
  opacity: 0.4;
}

.c-missing_channel--medium-top {
  align-items: center;
  display: flex;
  font-size: 15px;
  font-weight: 400;
  height: 15px;
  line-height: 1.46668;
}

.c-missing_channel--medium_hash {
  height: auto;
  margin-right: 4px;
  width: 0.75em;

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

.c-missing_channel--subtler {
  opacity: 0.4;
}

.c-missing_channel--unknown_inverted {
  background-color: #fff;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.c-missing_channel--non_existent_inverted {
  --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  background: none;
  border: 1px solid var(--saf-0);
}

.c-missing_channel--private {
  align-items: center;
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 3px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: inline-flex;
  padding: 0 2px 1px 0;

  .c-icon {
    height: 18px;
    width: 14px;

    &:before {
      font-size: 18px;
    }
  }
}

.c-inline_channel_icon--space {
  margin-right: 2px;
}

.c-channel_team {
  display: flex;
}

.c-channel_team--xws {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  opacity: 0.7;
}

.c-channel_team__name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.c-channel_team__icon {
  flex: none;
  margin-right: 4px;
}

.c-base_font_icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}

.c-base_icon {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 4px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  flex-shrink: 0;
  position: relative;
}

.c-base_icon--image {
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
}

.c-base_icon_image_insert {
  height: 36px;
  position: relative;
  width: 36px;
}

.c-base_icon_image_insert__secondary {
  box-shadow: inset 0 0 0 1px #00000014;
}

.c-base_icon_image_insert__secondary_faux_border {
  align-items: center;
  background: #fff;
  border-radius: 4px;
  display: flex;
  height: 20px;
  justify-content: center;
  left: 22px;
  position: absolute;
  top: 22px;
  width: 20px;
}

.c-base_icon--token {
  border-radius: 4px 0 0 4px;
  box-shadow: inset 0 0 0 1px #00000014;
  position: relative;
}

.c-base_icon_image_stacked {
  height: 36px;
  position: relative;
  width: 36px;
}

.c-base_icon_image_stacked__svg {
  border-radius: 4px;
}

.c-base_icon_image_stacked__svg_stroke {
  fill: none;
  stroke: #00000014;
}

.c-base_icon_image_stacked__image {
  box-shadow: inset 0 0 0 1px #00000014;
  display: block;
}

.c-base_icon_image_stacked__image--top {
  bottom: 0;
  position: absolute;
  right: 0;
}

.c-base_icon_image_stacked__image--missing {
  fill: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.c-base_icon__width_only_container {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 4px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.c-tabs__tab_container--full_height {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 0;
}

.c-tabs__tab_container--vertical {
  display: flex;
}

.c-tabs__tab_menu {
  *zoom: 1;
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  box-shadow: inset 0 -1px 0 0 var(--saf-0);
  display: block;
  position: relative;
  z-index: 1;

  &:after, &:before {
    content: '';
    display: table;
    line-height: 0;
  }

  &:after {
    clear: both;
  }
}

.c-tabs__tab_menu--full_width {
  display: flex;
  flex-shrink: 0;
  width: 100%;
}

.c-tabs__tab_menu--vertical {
  box-shadow: none;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  flex-direction: column;

  .c-tabs__tab {
    border: 1px solid #0000;
    border-radius: 4px;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-size: 15px;
    font-weight: 400;
    justify-content: flex-start;
    line-height: 1.46668;
    line-height: 1.2;
    margin: 0;
    padding: 4px 8px;
    text-align: start;
    transition: none;

    &.c-tabs__tab--active, &:active {
      background: var(--dt_color-inv-hgl-1);
      box-shadow: none;
      color: #fff;
    }

    &:not(.c-tabs__tab--active):hover {
      background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
      border-color: #0000;
      color: inherit;
    }

    &:not(:last-child) {
      margin-right: 0;
    }

    &:not(:first-child) {
      margin-top: 4px;
    }

    &.c-button--focus-visible:focus, &.c-tabs__tab--active.c-button--focus-visible:focus {
      border-radius: 4px;
    }
  }
}

.c-tabs__tab_panel--vertical {
  overflow-y: auto;
  padding: 0 28px;
}

.c-tabs__tab {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  background: none;
  border: 0;
  box-shadow: inset 0 -2px 0 0 #0000;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  cursor: pointer;
  display: inline-flex;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  justify-content: center;
  line-height: 1.38463;
  margin: 0 8px;
  padding: 9px 0;
  text-align: center;
  transition: box-shadow 0.125s ease-out;

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

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

  &.c-tabs__tab--active, &:active {
    box-shadow: inset 0 -2px 0 0 #007a5a;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    outline: 0;
    text-decoration: none;
  }

  &.c-tabs__tab--active.c-button--focus-visible:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border-radius: 4px;
    border-radius: 4px 4px 1px 1px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d, inset 0 -2px 0 0 #007a5a;
  }

  &:not(:last-child) {
    margin-right: 20px;
  }

  &.c-tabs__tab--disabled {
    pointer-events: none;
  }
}

.c-tabs__tab--full_width {
  width: 100%;
}

.c-tabs__tab_panel {
  display: none;
  width: 100%;
}

.c-tabs__tab_panel--active {
  display: block;
  outline: none;

  &.c-tabs__tab_panel--full_height {
    display: flex;
    flex-direction: column;
  }
}

.c-tabs__tab_panel--full_height {
  flex-grow: 1;
  min-height: 0;
}

.c-tabs__tab_icon--left {
  margin-right: 8px;
}

.c-tabs__tab_icon--right {
  margin-left: 4px;
}

.c-tabs__tab_image {
  background-color: initial;
  vertical-align: middle;
}

.c-tabs__tab_count {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-left: 4px;
}

.c-tabs__tab_placeholder {
  margin: 4px 0;
  width: 80px;
}

.c-tabs__tab_count_placeholder, .c-tabs__tab_placeholder {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 8px;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  height: 8px;
  line-height: 1.50001;
}

.c-tabs__tab_count_placeholder {
  margin-left: 4px;
  width: 20px;
}

@media screen and (min-width: 30rem) {
  .tab_menu {
    &.even_2 .tab {
      width: 50%;
    }

    &.even_3 .tab, &.even_4 .tab {
      width: 33.33%;
    }
  }
}

.callout__G9Iwc {
  background-color: #e8f5fa;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #1d9bd11a;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  display: inline-block;
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  margin-left: 4px;
  padding: 2px 4px;
  position: relative;
  top: -1px;
  vertical-align: middle;
}

.c-menu_item__li--highlighted .callout__G9Iwc, .sk-client-theme--dark .callout__G9Iwc {
  background-color: #ffffff14;
  box-shadow: inset 0 0 0 1px #ffffff14;
  color: #ffffffeb;
}

.p-emoji_pack_card {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  box-sizing: border-box;
  flex: 0 1 50%;
  height: 200px;
  margin-left: 8px;
  outline: none;
  overflow: hidden;
  padding: 16px 16px 0;
  position: relative;

  &:first-child {
    margin-left: 0;
    margin-right: 8px;
  }
}

.p-emoji_pack_card--clickable {
  cursor: pointer;

  &:hover {
    box-shadow: 0 1px 3px 0 #00000014;
  }
}

.p-emoji_pack_card__header {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;
}

.p-emoji_pack_card__subheader {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-emoji_pack_card__checkmark {
  color: #007a5a;
  font-size: 24px;
}

.p-emoji_pack_card__spacer {
  display: inline-block;
  height: 36px;
  width: 36px;
}

.p-emoji_pack_card_rows {
  overflow: hidden;
}

.p-emoji_pack_card__row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;

  img {
    height: 36px;
    width: 36px;
  }
}

.p-emoji_pack_coming_soon {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  display: flex;
  flex-direction: column;
  height: 200px;
  justify-content: center;
  position: relative;
  text-align: center;
}

.p-emoji_pack_coming_soon__pill {
  align-self: center;
  background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: none;
  box-shadow: none;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin-bottom: 8px;
}

.p-emoji_pack_coming_soon__text {
  padding: 0 28px;
}

.p-emoji_pack_coming_soon__illustrations {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.p-emoji_pack__header {
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin-bottom: 12px;
  margin-top: 8px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

.p-emoji_pack__pill {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-radius: 10px;
  display: inline-block;
  margin-left: 4px;
  padding: 0 8px;
}

.p-emoji_pack__list {
  margin-bottom: 20px;
}

.p-emoji_pack__help {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding-bottom: 20px;
  padding-top: 20px;
}

.p-emoji_pack__pack_row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.p-emoji_pack__spacer {
  flex: 0 1 50%;
  margin-left: 8px;
}

.c-alert {
  display: flex;

  .c-link--button, a {
    color: inherit;
    text-decoration: underline;
  }
}

.c-alert--level_default {
  --saf-0: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 0.4);
  background-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 0.1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;

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

.c-alert--level_info {
  background-color: #1d9bd11a;
  border: 1px solid #1d9bd166;
  border-radius: 4px;

  .c-alert__icon {
    color: #1d9bd1;
  }
}

.c-alert--level_success {
  background-color: #007a5a1a;
  border: 1px solid #007a5a66;
  border-radius: 4px;

  .c-alert__icon {
    color: #007a5a;
  }
}

.c-alert--level_warning {
  background-color: #e8912d1a;
  border: 1px solid #e8912d66;
  border-radius: 4px;

  .c-alert__icon {
    color: #e8912d;
  }
}

.c-alert--level_error {
  --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.4);
  background-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;

  .c-alert__icon {
    color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  }
}

.c-alert--boxed, .c-alert--custom {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46666667;
  padding: 12px 16px;
}

.c-alert--inline_boxed {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46666667;
  padding: 12px 16px;
  display: inline-flex;
  padding: 8px 16px;
}

.c-alert--inline {
  padding: 8px 16px;
  word-break: break-word;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38461538;
}

.c-alert--nested_box {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38461538;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin: 0 0 12px;
  padding: 8px 12px 10px;
}

.c-alert--multiline .c-alert__heading {
  display: block;
}

.c-alert--align_center {
  justify-content: center;
}

.c-alert--align_left {
  justify-content: flex-start;
}

.c-alert--align_right {
  justify-content: flex-end;
}

.c-alert__icon {
  align-self: flex-start;
  margin-right: 12px;
}

.c-alert--nested_box .c-alert__icon {
  font-size: 16px;
  height: 16px;
  margin-right: 8px;
  width: 16px;
}

.c-inline_alert {
  align-items: baseline;
  color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  display: flex;
  font-weight: 400;
  margin: 8px 0 4px;
}

.c-inline_alert__icon {
  margin-right: 4px;
}

.c-inline_alert__text {
  flex: 1;
}

.c-input_text {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  box-sizing: border-box;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 15px;
  height: 36px;
  line-height: 1.86666667;
  line-height: normal;
  margin: 0 0 20px;
  padding: 3px 12px 5px;
  transition: border 80ms ease-out, box-shadow 80ms ease-out;
  width: 100%;

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

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

  &[disabled] {
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border: 1px solid var(--saf-0);
  }

  &::placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }
}

.c-input_text--with_default {
  --saf-0: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  border: 1px solid var(--saf-0);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;

  &:focus {
    --saf-0: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    --saf-1: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 0.3);
    border-radius: 4px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
  }
}

.c-input_text--with_info {
  border: 1px solid #1d9bd1;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;

  &:focus {
    border-radius: 4px;
    box-shadow: 0 0 0 1px #1d9bd1, 0 0 0 5px #1d9bd14d;
  }
}

.c-input_text--with_success {
  border: 1px solid #007a5a;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;

  &:focus {
    border-radius: 4px;
    box-shadow: 0 0 0 1px #007a5a, 0 0 0 5px #007a5a4d;
  }
}

.c-input_text--with_warning {
  border: 1px solid #e8912d;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;

  &:focus {
    border-radius: 4px;
    box-shadow: 0 0 0 1px #e8912d, 0 0 0 5px #e8912d4d;
  }
}

.c-input_text--with_error {
  --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  border: 1px solid var(--saf-0);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;

  &:focus {
    --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    --saf-1: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.3);
    border-radius: 4px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
  }
}

.c-input_text--with_inline_alert {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;

  &.c-input_text--with_error {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }
}

.c-input_text--large {
  font-size: 18px;
  height: 44px;
  line-height: 1.33333333;
  padding: 11px 12px 13px;
}

.c-input_text--small {
  font-size: 13px;
  height: 28px;
  line-height: 1.38461538;
  padding: 7px 8px;
}

.c-input_text--with_inline_alert {
  border-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);

  &:focus, &:focus-within {
    --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    --saf-1: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.3);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
  }
}

.c-input_text--with_hint {
  margin-bottom: 0;
}

.c-input_text--with_icon {
  padding-left: 28px;

  &.c-input_text--large {
    padding-left: 36px;
  }
}

.c-hint {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38461538;
  margin: 4px 0 20px;
}

.c-alert + .c-hint {
  margin-top: -8px;
}

.c-input_text_overlay {
  align-items: center;
  box-sizing: border-box;
  color: #0000;
  display: flex;
  font-size: 15px;
  font-weight: 400;
  height: 36px;
  left: 0;
  line-height: 1.86666667;
  margin: 0 0 20px;
  overflow: hidden;
  padding: 3px 12px 5px;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: left;
  white-space: nowrap;
  z-index: 3;

  &:before {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    content: attr(data-overlay-prefix);
  }

  &:after {
    background: #0000;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    content: attr(data-overlay-suffix);
    display: inline-block;
    font-weight: 400;
    margin-left: 1px;
  }
}

.c-input_text_overlay--icon {
  margin-left: 16px;
}

.c-input_text_overlay--large {
  font-size: 18px;
  height: 44px;
  line-height: 1.33333333;
  padding: 11px 12px 13px;

  &.c-input_text_overlay--icon {
    padding-left: 20px;
  }
}

.c-input_text_icon {
  box-sizing: border-box;
  height: 36px;
  margin: 0;
  padding: 0;
  position: relative;
}

.c-input_text_icon--large {
  height: 44px;
  margin-bottom: 0;
  padding: 0;
}

.c-input_text_icon__icon {
  box-sizing: border-box;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 15px;
  height: 36px;
  line-height: 1.86666667;
  margin: 0 0 0 4px;
  padding: 4px 12px;
  position: absolute;
  z-index: 3;
}

.c-input_text_icon__icon--small {
  font-size: 13px;
  font-weight: 400;
  height: 28px;
  line-height: 1.38463;
  width: 1em;
}

.c-input_text_icon__icon--large {
  font-size: 18px;
  height: 44px;
  line-height: 1.33333333;
  margin-left: 12px;
  padding: 12px;
}

.c-input_character_count {
  position: relative;
  z-index: 2;
}

.c-input_character_count__characters-remaining {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background-clip: padding-box;
  border: 1px solid #0000;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-left: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  box-sizing: border-box;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  height: 36px;
  line-height: 1.38461538;
  padding: 8px 12px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.c-input_character_count--large .c-input_character_count__characters-remaining {
  font-size: 18px;
  height: 44px;
  line-height: 1.33333333;
  padding: 8px 12px 12px;
}

.c-input_character_count--small .c-input_character_count__characters-remaining {
  font-size: 13px;
  height: 28px;
  line-height: 1.38461538;
  padding: 4px 12px;
}

.c-input_character_count__hidden-message {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  width: 1px;
}

.c-input_character_count--multiline .c-input_character_count__characters-remaining {
  border-bottom: 0;
}

.c-input_character_count--invalid .c-input_character_count__characters-remaining {
  color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
}

.c-input_character_count--disabled .c-input_character_count__characters-remaining {
  background-color: initial;
}

.p-emoji_pack_details {
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

  &:after {
    color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    content: '|';
    display: inline-block;
    padding: 0 8px;
  }
}

.p-emoji_pack_details__content {
  flex-grow: 1;
}

.p-emoji_pack_details__box {
  flex: 0 1 50%;
  margin-left: 16px;

  &:first-child {
    margin-left: 0;
  }
}

.p-emoji_pack_details__emoji_row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 28px;

  img {
    height: 56px;
    width: 56px;
  }

  &:last-child {
    margin-bottom: 0;
  }
}

.p-emoji_pack_details__emoji_spacer {
  display: inline-block;
  height: 56px;
  width: 56px;
}

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

.p-emoji_pack_details__button {
  border-radius: 8px;
  padding: 8px;

  &[data-color-index='0'] {
    &.key_selection, &:hover {
      background: #9bdf58b3;
    }
  }

  &[data-color-index='1'] {
    &.key_selection, &:hover {
      background: #95d3feb3;
    }
  }

  &[data-color-index='2'] {
    &.key_selection, &:hover {
      background: #f7e922b3;
    }
  }

  &[data-color-index='3'] {
    &.key_selection, &:hover {
      background: #eea6fcb3;
    }
  }

  &[data-color-index='4'] {
    &.key_selection, &:hover {
      background: #ffd58fb3;
    }
  }

  &[data-color-index='5'] {
    &.key_selection, &:hover {
      background: #d3d1ffb3;
    }
  }
}

.p-add_alias_dialog__container .focus-ring, .p-add_custom_emoji_dialog__container .focus-ring, .p-add_emoji_dialog .focus-ring, .p-customize_emoji_list__single_delete .focus-ring, .p-customize_emoji_wrapper__container .focus-ring, .p-delete_custom_emoji_dialog__container .focus-ring, .p-rename_emoji_dialog__container .focus-ring {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.p-customize_emoji_list__container .c-table_view_row_item {
  align-self: center;
}

.p-customize_emoji_list__disabled_table {
  .c-table_view_row_item {
    align-self: center;
  }

  .c-button--medium {
    margin-bottom: 2px;
    margin-top: 2px;
  }
}

.p-customize_emoji_list__alert .c-alert__message {
  width: 100%;
}

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

@media only screen and (max-width: 600px) {
  .p-customize_emoji_list__disabled_table .c-table_view_container {
    border-left: none;
    border-right: none;
  }
}

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

.p-customize_emoji_list__disabled_table .c-table_view_all_rows_container {
  margin-top: -30px;
}

.c-dialog.p-customize_emoji__dialog_overlay {
  height: 100vh;
  position: fixed;

  .c-dialog__content {
    position: relative;
  }
}

.p-customize_emoji_list__disabled_table .c-table_view_flexbox {
  .c-table_view_header_item, .c-table_view_row_item {
    flex-grow: 5;
    justify-content: center;
  }

  .c-table_view_header_item:first-of-type, .c-table_view_row_item:first-of-type {
    flex-grow: 1.5;
  }

  .c-table_view_header_item:last-of-type, .c-table_view_row_item:last-of-type {
    flex-grow: 6;
    text-align: right;
  }
}

@media only screen and (max-width: 600px) {
  .p-customize_emoji_list__disabled_table .c-table_view_flexbox .c-table_view_row_item {
    &:first-of-type {
      flex-grow: 0;
    }

    &:nth-of-type(3), &:nth-of-type(4) {
      display: none;
    }
  }
}

@media only screen and (max-width: 700px) {
  .p-disabled_custom_emoji_list__button {
    font-size: 13px;
    min-width: 67px;
  }
}

.p-disabled_custom_emoji_list__mobile_button_container {
  display: none;
  width: 100%;
}

@media only screen and (max-width: 600px) {
  .p-disabled_custom_emoji_list__mobile_button_container {
    display: inline-block;
  }
}

.p-disabled_custom_emoji_list__mobile_button {
  font-size: 13px;
  margin-right: 4%;
  margin-top: 5px;
  width: 45%;
}

.p-customize_emoji_list__container .c-table_view_row_item_value, .p-customize_emoji_list__disabled_table .c-table_view_row_item_value {
  font-size: 15px;
  word-break: break-all;
}

.p-customize_emoji_list__container .p-customize_emoji_list__image_container, .p-customize_emoji_list__disabled_table .p-customize_emoji_list__image_container {
  height: 32px;
  width: 32px;
}

.p-customize_emoji_list__container .p-customize_emoji_list__image, .p-customize_emoji_list__disabled_table .p-customize_emoji_list__image {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.p-disabled_custom_emoji_list__mobile_buttons {
  display: none;
}

@media only screen and (max-width: 600px) {
  .p-disabled_custom_emoji_list__mobile_buttons {
    display: initial;
  }
}

.p-customize_emoji_list__container {
  .c-table_view_header_item .c-table_view_header_item_value {
    font-size: 13px;
  }

  .c-table_view_flexbox {
    flex-basis: 0;
  }
}

.p-customize_emoji_list__disabled_table .c-table_view_flexbox {
  flex-basis: 0;
}

.p-customize_emoji_list__container {
  .c-table_view_flexbox {
    .c-table_view_header_item, .c-table_view_row_item {
      flex-grow: 5;
      justify-content: center;
    }

    .c-table_view_header_item:first-of-type, .c-table_view_row_item:first-of-type {
      flex-grow: 1.5;
    }

    .c-table_view_header_item:last-of-type, .c-table_view_row_item:last-of-type {
      flex-grow: 1;
    }
  }

  .c-table_view_flexbox_container {
    overflow: visible;
  }

  .c-table_view_all_rows_container {
    min-height: 0;
  }

  .c-scrollbar__bar {
    opacity: 1;
  }
}

@media only screen and (max-width: 600px) {
  .p-customize_emoji_list__container .c-table_view_flexbox {
    .c-table_view_header_item {
      display: none;

      &:nth-of-type(3) {
        display: none;
      }
    }

    .c-table_view_row_item:nth-of-type(3) {
      display: none;
    }
  }
}

.p-customize_emoji_list__author_mobile {
  display: none;
}

@media only screen and (max-width: 600px) {
  .p-customize_emoji_list__author_mobile {
    display: inherit;
  }
}

.p-customize_emoji_list__author .p-customize_emoji_list__avatar {
  margin-right: 10px;
  vertical-align: middle;
}

.p-customize_emoji_list__toast {
  position: fixed;
}

.p-customize_emoji_list__header {
  -webkit-user-select: none;
  user-select: none;

  &.c-table_view_header_item .c-icon {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  }
}

.p-customize_emoji_list__header__actions {
  min-width: 130px;
}

.p-customize_emoji_list__header--active {
  .c-table_view_header_item_value, &.c-table_view_header_item .c-icon {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
}

.p-customize_emoji_list__row_icons {
  margin-right: 40px;
  min-width: 75px;
  text-align: right;
}

.p-customize_emoji_list__no_matches {
  align-self: center;
  min-height: 63.5px;
  text-align: center;
}

.p-add_emoji_dialog {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  max-height: 700px;
  position: relative;
}

.p-add_emoji_dialog_overlay {
  z-index: 1012;
}

.p-add_emoji_dialog--without_tabs {
  height: auto;
  max-height: none;
}

.p-add_alias_dialog__container .c-dialog__header, .p-add_custom_emoji_dialog__container .c-dialog__header, .p-rename_emoji_dialog__container .c-dialog__header {
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.p-add_alias_dialog__container .c-dialog__footer, .p-add_custom_emoji_dialog__container .c-dialog__footer, .p-rename_emoji_dialog__container .c-dialog__footer {
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.p-add_custom_emoji_dialog__container--no_border .c-dialog__header {
  border-bottom: none;
}

.p-add_custom_emoji_dialog__tabs {
  margin-bottom: 16px;

  .c-tabs__tab_menu {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media only screen and (max-width: 600px) {
  .ReactModal__Content.ReactModal__Content--after-open.c-dialog__content {
    &.p-add_alias_dialog__container, &.p-customize_emoji_list__single_delete, &.p-delete_custom_emoji_dialog__container, &.p-rename_emoji_dialog__container {
      border-radius: 0;
      min-height: 100vh;
      min-width: 100vw;
    }
  }
}

.p-add_alias_dialog__modal_open, .p-add_custom_emoji_dialog__modal_open, .p-delete_custom_emoji_dialog__modal_open, .p-single_emoji_delete_dialog__modal_open, .rename-emoji_dialog__modal_open {
  max-height: 100vh;
  overflow-y: hidden;
  position: fixed;
}

.p-add_custom_emoji_dialog__modal_open {
  width: 100%;
}

.p-add_custom_emoji_dialog__container .c-input_text_overlay {
  z-index: 3;
}

.p-rename_emoji_dialog__formtext .c-input_text_overlay, .p_add_alias_dialog__name_input .c-input_text_overlay, .p_add_custom_emoji_dialog__name_input .c-input_text_overlay {
  margin-bottom: 8px !important;
}

.p-rename_emoji_dialog__formtext .c-input_text_overlay:after, .p_add_alias_dialog__name_input .c-input_text_overlay:after, .p_add_custom_emoji_dialog__name_input .c-input_text_overlay:after {
  margin-left: 2px;
}

.p-add_alias_dialog__form, .p-add_custom_emoji_dialog__form {
  margin-top: 25px;
}

.p-add_custom_emoji_dialog ol {
  margin-left: 16px;
}

.p-add_custom_emoji_dialog__upload_preview {
  background: #f8f8f8;
  flex: 0 0 64px;
  height: 64px;
  width: 64px;
}

.p-add_custom_emoji_dialog__upload_preview--dark {
  background: #1d1c1d;
}

.p-add_custom_emoji_dialog__icon_container {
  height: 100%;
  margin: auto;
  vertical-align: middle;
}

.p-add_custom_emoji_dialog__icon, .p-add_custom_emoji_dialog__icon_broken {
  font-size: 32px;
  height: 100%;
  line-height: 62px;
  margin: auto;
  text-align: center;
  width: 100%;
}

.p-add_custom_emoji_dialog__icon:before {
  color: #1d1c1d;
}

.p-add_custom_emoji_dialog__upload_preview--dark .p-add_custom_emoji_dialog__icon:before {
  color: #fff;
}

.p-add_custom_emoji_dialog__icon_broken:before {
  color: #616061;
}

.p-add_custom_emoji_dialog__upload_preview--dark .p-add_custom_emoji_dialog__icon_broken:before {
  color: #f8f8f8;
}

.p-add_custom_emoji_dialog__upload_button {
  flex: 1 1 auto;
  min-width: 0;
}

.p-add_custom_emoji_dialog__image_container {
  height: 35px;
  line-height: 32px;
  margin-left: 13px;
  margin-top: 13px;
  width: 35px;
}

.p-add_custom_emoji_dialog__image {
  margin-left: auto;
  margin-right: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  -webkit-user-select: none;
  user-select: none;
}

.p-add_custom_emoji_dialog__upload_input {
  display: none;
}

.p-add_custom_emoji_dialog__filename {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-add_alias_dialog__upload_container {
  margin-top: 1rem;
}

.p-add_custom_emoji_dialog__upload_container {
  margin-top: 1rem;
  align-items: center;
  display: flex;
}

.p-add_alias_dialog__upload_preview {
  border-radius: 4px;
  height: 36px;
  width: 36px;
}

.p-add_alias_dialog__icon {
  font-size: 20px;
  margin: 2px auto auto 7.5px;

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

.p-add_alias_dialog__emoji {
  font-size: 22px;
  margin: 5px auto auto;
}

.p-add_alias_dialog__choose_emoji_button {
  margin-left: 8px;
}

.p-add_alias_dialog__choose_name_container, .p-add_custom_emoji_dialog__choose_name_container {
  margin-bottom: 1rem;
}

.p-delete_custom_emoji_dialog__table_container {
  margin-top: 20px;
}

.p-delete_custom_emoji_dialog__message {
  .c-scrollbar__bar {
    opacity: 1;
  }

  .c-table_view_all_rows_container {
    max-height: 230px;
  }

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

  .c-table_view_flexbox {
    flex-basis: 0;

    .c-table_view_header_item {
      display: none;
    }

    .c-table_view_row_item {
      &:first-of-type {
        min-width: 10%;
      }

      &:nth-of-type(2) {
        max-width: 40%;
        min-width: 40%;
      }

      &:nth-of-type(3) {
        max-width: 35%;
        min-width: 35%;
      }
    }
  }
}

@media only screen and (max-width: 600px) {
  .p-delete_custom_emoji_dialog__message .c-table_view_flexbox .c-table_view_row_item {
    &:first-of-type {
      min-width: 15%;
    }

    &:nth-of-type(3) {
      max-width: 30%;
      min-width: 30%;
    }
  }
}

.p-delete_custom_emoji_dialog__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-delete_custom_emoji_dialog__formatted_name {
  word-break: break-all;
}

.p-delete_custom_emoji__short {
  display: none;
}

@media only screen and (max-width: 600px) {
  .p-delete_custom_emoji__short {
    display: initial;
  }

  .p-delete_custom_emoji__long {
    display: none;
  }
}

.p-delete_custom_emoji_dialog__message .c-table_view_row_item_value {
  word-break: break-all;
}

.p-delete_custom_emoji_dialog__image {
  height: 24px;
  width: 24px;
}

.p-delete_custom_emoji_dialog__lock {
  padding-right: 6px;
}

.p-rename_emoji_dialog__name_input {
  margin-bottom: 25px;
  margin-top: 25px;
  width: 100%;
}

.p-rename_emoji_dialog__emoji_preview {
  height: 36px;
  width: 36px;
}

.p-rename_emoji_dialog__emoji_img {
  height: 32px;
  margin-left: 2px;
  margin-top: 2px;
  width: 32px;
}

.p-rename_emoji_dialog__formtext {
  margin-left: 14px;
  width: calc(100% - 50px);
}

.p-customize_emoji_wrapper__container {
  margin-bottom: 1rem;
  position: relative;

  .focus-ring {
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}

.p-customize_emoji_wrapper__empty_words {
  width: 60%;
}

@media only screen and (max-width: 768px) {
  .p-customize_emoji_wrapper__empty_words {
    width: 100%;
  }
}

.p-customize_emoji_wrapper__empty_header {
  font-size: 22px;
}

.p-customize_emoji_wrapper__custom_button {
  margin-left: 12px;
}

@media only screen and (max-height: 480px), screen and (max-width: 768px) {
  .p-customize_emoji_wrapper__custom_button {
    display: none;
  }
}

.p-customize_emoji_wrapper__custom_button_short {
  display: none;
  margin-left: 12px;
}

@media only screen and (max-width: 768px) and (min-width: 600px) {
  .p-customize_emoji_wrapper__custom_button_short {
    display: initial;
  }
}

@media only screen and (max-height: 480px) {
  .p-customize_emoji_wrapper__custom_button_short {
    display: none;
  }
}

.p-customize_emoji_wrapper__empty_img_container {
  width: 30%;
}

.p-customize_emoji_wrapper__empty_img {
  object-fit: contain;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .p-customize_emoji_wrapper__empty_img {
    display: none;
  }
}

.p-customize_emoji_wrapper__search {
  position: relative;
  z-index: 1;

  .c-icon--search-medium:before {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-size: 25px;
  }

  .c-filter_input__reset_button {
    font-size: 18px;
  }
}

@media only screen and (max-width: 900px) {
  .p-customize_emoji_wrapper__disabled_toggle {
    display: none;
  }
}

.p-customize_emoji_wrapper__disabled_toggle_mobile {
  display: none;
}

@media only screen and (max-width: 900px) {
  .p-customize_emoji_wrapper__disabled_toggle_mobile {
    display: initial;
  }
}

.p-customize_emoji_wrapper__count {
  line-height: 36px;
}

@media only screen and (max-width: 600px) {
  .p-customize_emoji_wrapper__count {
    font-size: 15px;
  }
}

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

.p-customize_emoji_wrapper .c-multi-select {
  width: 100%;
  z-index: 2;
}

.c-select_options_list__option--active {
  .p-customize_emoji_wrapper__multi_select_input__heading, .p-customize_emoji_wrapper__multi_select_input__heading__query {
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  }
}

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

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

.p-customize_emoji_wrapper__multi_select_input__token_wrapper .c-token {
  display: inline-flex;
}

.p-customize_emoji_wrapper_options_list .c-select_options_list__group_option {
  padding: 0 0 0 21px;
}

.c-select_options_list__option--active .p-customize_emoji_wrapper__multi_select_input__token_wrapper .c-token {
  background: #0b4c8c;
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
}

.p-customize_emoji_wrapper__no_members_options_list {
  .c-select_options_list__divider, .c-select_options_list__group_header {
    display: none;
  }
}

.p-customize_emoji_wrapper__no_members_options_list_wrapper .p-customize_emoji_wrapper__no_members_options_list {
  height: 64px;
}

.p-customize_emoji_wrapper__multi_select_input__heading {
  margin-top: -2px;
}

.p-customize_emoji_wrapper__no_members_options_list .c-select_options_list__loading_state, .p-customize_emoji_wrapper__options_list .c-select_options_list__loading_state {
  height: 64px;
}

.p-customize_emoji_wrapper--quick_reactions_container {
  width: 75%;
}

.p-customize_emoji_wrapper--quick_reactions_slots_admin_container {
  bottom: 5px;
  position: relative;
}

.p-customize_emoji_wrapper--quick_reactions_section_title {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
}

.p-customize_emoji_wrapper--quick_reactions_section_body_text {
  bottom: 15px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.50001;
  position: relative;
}

.c-emoji {
  align-items: center;
  display: inline-flex;
  object-fit: contain;
  overflow: hidden;
  vertical-align: top;
}

.c-emoji__small {
  height: 16px;
  width: 16px;
}

.c-emoji__medium {
  height: 22px;
  width: 22px;
}

.c-emoji__large {
  height: 32px;
  width: 32px;
}

.c-emoji__larger {
  height: 56px;
  width: 56px;
}

.c-emoji__unicode {
  display: inline-block;
  font-size: 22px;
  position: relative;
  top: 2.2px;

  &:after {
    content: '​';
  }
}

.c-emoji__unicode--large {
  font-size: 32px;
  top: 3.2px;
}

.c-emoji--inline {
  height: auto;
  overflow: visible;
  position: relative;
  vertical-align: initial;

  img {
    object-fit: contain;
    overflow: hidden;
    position: absolute;
    top: 50%;
  }

  &.c-emoji__small img {
    height: 16px;
    margin-top: -8px;
    width: 16px;
  }

  &.c-emoji__medium img {
    height: 22px;
    margin-top: -11px;
    width: 22px;
  }

  &.c-emoji__large img {
    height: 32px;
    margin-top: -16px;
    width: 32px;
  }

  &.c-emoji__larger img {
    height: 56px;
    margin-top: -28px;
    width: 56px;
  }

  &:after {
    content: '​';
  }
}

.c-emoji__emoji-tooltip {
  margin-bottom: 4px;

  .c-emoji__large, .c-emoji__larger {
    background-color: #fff;
    border-radius: 4px;
  }

  .c-emoji__large {
    height: 36px;
    padding: 2px;
    width: 36px;
  }

  .c-emoji__larger {
    height: 64px;
    padding: 4px;
    width: 64px;
  }
}

.c-emoji__loading {
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 4px;
  pointer-events: none;
  position: absolute;
}

.c-channel_entity__mentions {
  flex: 0 0 auto;
  margin-left: 8px;
}

.c-channel_entity__info {
  align-items: baseline;
  display: flex;
}

.c-channel_entity__team {
  align-items: baseline;
  display: inline-flex;
  margin-left: 8px;
}

.c-channel_team__icon {
  align-self: center;
}

.c-channel_entity__shared_icon_external_team_list {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 4px 0;

  .c-team_icon {
    margin-right: 4px;
  }
}

.c-channel_entity__shared_icon_additional_team_icon {
  align-items: center;
  background-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  border-radius: 4px;
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  display: flex;
  font-size: 11.11111111px;
  height: 20px;
  justify-content: center;
  line-height: 20px;
  width: 20px;
}

.c-channel_entity__name--bold {
  font-weight: 700;
}

.c-channel_entity__name--file-channel {
  padding-left: 4px;
}

.c-inline_channel_entity .c-channel_entity__name--bold {
  font-weight: inherit;
}

.c-medium_channel_entity {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.c-medium_channel_entity__channel_truncated_purpose {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-medium_channel_entity__info {
  display: flex;
  width: 100%;
}

.c-medium_channel_entity__name {
  align-items: baseline;
  display: flex;
  flex: 0 1 auto;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;

  .c-channel_entity__team {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
  }
}

.c-medium_channel_entity__channel {
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;
  margin-right: 8px;
  overflow-wrap: break-word;
  word-break: break-all;
}

.c-medium_channel_entity__channel_suffix {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin: 0 8px;

  &:empty {
    display: none;
  }
}

.c-medium_channel_entity__name_suffix {
  display: inline-block;
  flex: 1 0 auto;
  margin: 0 8px;

  &:empty {
    display: none;
  }
}

.c-channel_entity__mentions--medium {
  margin-top: 3px;
}

.c-missing_team {
  border-radius: 1.1rem;
  display: inline-block;
  height: .55rem;
  width: 80px;
}

.c-missing_team--unknown {
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.c-missing_team--nonexistent {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 1px solid var(--saf-0);
}

.c-missing_team--subtler {
  opacity: 0.4;
}

.c-missing_text--unknown_inverted {
  background-color: #fff;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.c-missing_text--non_existent_inverted {
  --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  background: none;
  border: 1px solid var(--saf-0);
}

.c-team_icon {
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 3px;
  display: inline-block;
  position: relative;

  &:after {
    border-radius: 3px;
    bottom: 0;
    box-shadow: inset 0 0 0 1px #00000014;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}

.c-team_icon--default {
  background-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  flex-shrink: 0;
  overflow: hidden;
  text-shadow: 0 1px 1px #0003;
  align-items: center;
  display: flex;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
}

.c-team_icon--pending {
  align-items: center;
  display: flex;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  background-color: initial;
  border: 2px dashed var(--saf-0);
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  text-shadow: none;

  &:after {
    display: none;
  }
}

.p-org_card_container {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  display: flex;
  flex-direction: column;
  max-height: 100%;
  max-width: 350px;
  overflow: hidden;

  &:focus {
    outline: none;
  }
}

.p-org_card_header {
  align-items: center;
  display: flex;
  padding: 24px 24px 0;
}

.p-org_card_header__icon {
  margin-right: 12px;
}

.p-org_card__team_icon.c-team_entity__icon {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
}

.p-org_card_header__right {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.p-org_card_header__title {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  max-width: 219px;
}

.p-org_card_header__inline {
  display: inherit;
}

.p-org_card_header__subtitle {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-org_card_header__verified_icon {
  color: #4a154b;
  margin-left: 4px;
  margin-right: 4px;
}

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

.p-org_card_body {
  word-wrap: break-word;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding: 16px 24px 20px;
}

.p-org_card_footer {
  padding: 12px 24px 24px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  justify-content: flex-start;
}

.p-org_card_footer_expanded {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  justify-content: flex-start;
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  padding: 12px 24px;
}

.p-org_card_footer_icon {
  color: #4a154b;
  margin-right: 1.6px;
}

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

.p-org_card_footer_text {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  white-space: pre-wrap;
}

.c-mention_badge {
  border-radius: 16px;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  height: 18px;
  line-height: 18px;
  margin-left: 4px;
  padding: 0 9px;
}

.c-mention_badge--black {
  background: #616061;
  color: #fff;
}

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

.c-mention_badge--white {
  background: #fff;
  color: #1264a3;
}

.c-mention_badge--blue {
  background: #1d9bd11a;
  color: #1264a3;
}

.c-mention_badge--min_gray {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.c-mention_badge--min_gray_darken {
  background: #ebebeb;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.c-mention_badge--max {
  max-width: 25px;
  padding: 0 7px;
}

.c-menu_item__li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

[lang] .c-menu_item__li {
  line-height: 28px;
}

[lang=ja-JP] .c-menu_item__li {
  line-height: 30.8px;
}

.c-menu_item__button {
  align-items: center;
  background: none;
  background: #0000;
  border: 0;
  border-radius: 0;
  color: inherit;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  cursor: pointer;
  display: flex;
  font: inherit;
  line-height: normal;
  min-height: 28px;
  overflow: visible;
  overflow-x: hidden;
  padding: 0 24px;
  text-align: left;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;

  &:link, &:visited {
    align-items: center;
    background: none;
    background: #0000;
    border: 0;
    border-radius: 0;
    color: inherit;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    cursor: pointer;
    display: flex;
    font: inherit;
    line-height: normal;
    min-height: 28px;
    overflow: visible;
    overflow-x: hidden;
    padding: 0 24px;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }

  &:active, &:focus, &:hover {
    outline: none;
  }

  &:link {
    &:active, &:focus, &:hover {
      outline: none;
    }
  }

  &:visited {
    &:active, &:focus, &:hover {
      outline: none;
    }
  }
}

[lang] .c-menu_item__button {
  font-size: 15px;

  &:link, &:visited {
    font-size: 15px;
  }
}

[lang=ja-JP] .c-menu_item__button {
  font-size: 14px;

  &:link, &:visited {
    font-size: 14px;
  }
}

[lang] .c-menu_item__button {
  line-height: 28px;

  &:link, &:visited {
    line-height: 28px;
  }
}

[lang=ja-JP] .c-menu_item__button {
  line-height: 30.8px;

  &:link, &:visited {
    line-height: 30.8px;
  }
}

.c-menu_item__icon {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  margin-right: 12px;
  max-width: 28px;
  min-width: 20px;
  text-align: center;

  img {
    --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.11);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    display: block;
    height: 100%;
    overflow: hidden;
    width: 100%;
  }

  &.c-menu_item__icon--offline {
    margin-right: 0;
  }
}

.c-menu_item--compact .c-menu_item__icon {
  line-height: normal;
  margin-right: 8px;
  max-width: 20px;
  min-width: 20px;
  overflow: hidden;

  &.c-menu_item__icon--offline {
    margin-right: 4px;
  }
}

.c-menu_item__shortcut {
  padding-left: 8px;
}

.c-menu_item__shortcut--fixed-width-character {
  display: inline-block;
  text-align: center;
  width: 9px;
}

.c-menu_item__link_icon, .c-menu_item__shortcut {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

.c-menu_item__button--highlighted {
  .c-menu_item__link_icon, .c-menu_item__shortcut {
    color: #fff;
  }
}

.c-menu_item__link_icon {
  font-size: 16px;
}

.c-menu_item__glimmer {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  font-weight: 900;

  &:before {
    content: '\E123';
    display: inline-block;
    font-family: Slack v2;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    padding-right: 4px;
    vertical-align: middle;
  }
}

.c-menu_item__description {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  line-height: .9375;
  overflow-x: hidden;
  padding-bottom: 8px;
  text-overflow: ellipsis;
}

.c-menu_item--compact .c-menu_item__description {
  display: inline;
  padding: 0 0 0 4px;
}

.c-menu_item--standalone:hover {
  background-color: #1264a3;
  color: #fff;
  text-decoration: none;

  &:link, &:visited {
    background-color: #1264a3;
    color: #fff;
    text-decoration: none;
  }
}

.c-menu_item__button--highlighted {
  background-color: #1264a3;
  color: #fff;
  text-decoration: none;

  &:link, &:visited {
    background-color: #1264a3;
    color: #fff;
    text-decoration: none;
  }
}

.no_touch a.c-menu_item__button--highlighted {
  background-color: #1264a3;
  color: #fff;
  text-decoration: none;

  &:link, &:visited {
    background-color: #1264a3;
    color: #fff;
    text-decoration: none;
  }
}

.c-menu_item--standalone:hover {
  .c-menu_item__description, .c-menu_item__glimmer {
    color: #fff;
  }

  .c-menu_item__icon {
    color: #fff;

    .c-icon:before {
      color: #fff;
    }
  }

  &:link {
    .c-menu_item__description, .c-menu_item__glimmer {
      color: #fff;
    }

    .c-menu_item__icon {
      color: #fff;

      .c-icon:before {
        color: #fff;
      }
    }
  }

  &:visited {
    .c-menu_item__description, .c-menu_item__glimmer {
      color: #fff;
    }

    .c-menu_item__icon {
      color: #fff;

      .c-icon:before {
        color: #fff;
      }
    }
  }
}

.c-menu_item__button--highlighted {
  .c-menu_item__description, .c-menu_item__glimmer {
    color: #fff;
  }

  .c-menu_item__icon {
    color: #fff;

    .c-icon:before {
      color: #fff;
    }
  }

  &:link {
    .c-menu_item__description, .c-menu_item__glimmer {
      color: #fff;
    }

    .c-menu_item__icon {
      color: #fff;

      .c-icon:before {
        color: #fff;
      }
    }
  }

  &:visited {
    .c-menu_item__description, .c-menu_item__glimmer {
      color: #fff;
    }

    .c-menu_item__icon {
      color: #fff;

      .c-icon:before {
        color: #fff;
      }
    }
  }
}

.no_touch a.c-menu_item__button--highlighted {
  .c-menu_item__description, .c-menu_item__glimmer {
    color: #fff;
  }

  .c-menu_item__icon {
    color: #fff;

    .c-icon:before {
      color: #fff;
    }
  }

  &:link {
    .c-menu_item__description, .c-menu_item__glimmer {
      color: #fff;
    }

    .c-menu_item__icon {
      color: #fff;

      .c-icon:before {
        color: #fff;
      }
    }
  }

  &:visited {
    .c-menu_item__description, .c-menu_item__glimmer {
      color: #fff;
    }

    .c-menu_item__icon {
      color: #fff;

      .c-icon:before {
        color: #fff;
      }
    }
  }
}

.c-menu_item__button--danger {
  color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);

  .c-menu_item__description {
    color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  }

  &:link, &:visited {
    color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);

    .c-menu_item__description {
      color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    }
  }

  &.c-menu_item__button--highlighted {
    background-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    color: #fff;

    &:link, &:visited {
      background-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
      color: #fff;
    }

    .c-menu_item__description, &:link .c-menu_item__description, &:visited .c-menu_item__description {
      color: #fff;
    }
  }
}

.c-menu_item__button--disabled {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  cursor: auto;

  &.c-menu_item__button--danger {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    cursor: auto;

    &:link, &:visited {
      color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
      cursor: auto;
    }
  }

  &:link, &:visited {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    cursor: auto;
  }

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

  &.c-menu_item__button--danger {
    .c-menu_item__description, &:link .c-menu_item__description, &:visited .c-menu_item__description {
      color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    }
  }

  &:link .c-menu_item__description, &:visited .c-menu_item__description {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  }
}

.c-menu_item--button--subheader_child {
  padding: 0 32px;
}

.c-menu_item__button--checked {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  padding-left: 4px;

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

  &.c-menu_item__button--highlighted {
    color: #fff;
  }
}

.c-menu_item__checkmark {
  width: 20px;
}

.c-menu_item__checkbox_dash {
  flex: 0 0 20px;
  position: relative;
}

.c-menu_item__label {
  flex: 1 1 auto;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  top: -1px;
}

.c-menu_item--compact .c-menu_item__label {
  line-height: normal;
}

.c-menu_item__button.c-menu_item__button--with_submenu:not(.c-menu_item__button--disabled) {
  padding-right: 12px;
}

.c-menu_item__submenu-indicator {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  padding-right: 16px;
}

.c-menu_item__button--highlighted .c-menu_item__submenu-indicator {
  color: #fff;
}

.c-menu_item__button--with_submenu .c-mention_badge {
  margin-right: 8px;
}

.c-menu_item__button--with_submenu_blurb_experiment {
  margin-top: 8px;
}

.c-menu_item__new_label {
  background-color: #1d9bd1;
  border-radius: 2px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  margin-left: 8px;
  padding: 2.5px 4px;
  position: relative;
  top: -1px;
}

.c-menu_item__placeholder {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
  margin-top: -4px;
}

.c-menu_item__li--highlighted .c-menu_item__placeholder {
  color: #fff;
}

.c-menu_item--sonic-placeholder {
  opacity: .5;
  pointer-events: none;
}

.c-menu_item_action_button__container {
  margin-top: 8px;
  padding: 0 16px;
}

.c-menu_item_action_button {
  width: 100%;
}

.c-menu_item_action_button--highlighted {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.c-menu_item_action_button--with_icon_on_right .c-menu_item__icon {
  margin-right: 0;
  order: 2;
  padding-left: 12px;
}

.c-submenu {
  position: relative;

  .c-menu {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 18px 48px 0 #0000001f;
  }
}

.c-submenu__container {
  position: fixed;
  z-index: 1013;
}

.c-submenu__container--legacy {
  margin-left: 8px;
  margin-right: 8px;
}

.c-menu_separator__li {
  line-height: 24px;
  list-style-type: none;
  margin: 0;
  padding: 8px 0;
}

.c-menu_separator__li--sub {
  padding-left: 24px;
  padding-right: 24px;
}

.c-menu_separator__li--no_first_child:first-child, .c-menu_separator__li--no_last_child:last-child {
  display: none;
}

.c-menu_separator__separator {
  border-bottom: 0;
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  margin: 0;
}

.c-menu_item__header {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding: 4px 24px;
}

.c-menu {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-radius: 6px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #0000001f;
  max-height: calc(100vh - 62px);
  max-width: 360px;
  min-width: 200px;
  overflow-y: auto;
  padding: .1px 0;
  -webkit-user-select: none;
  user-select: none;
  width: 300px;
  z-index: 1012;
}

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

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

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

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

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

.c-menu.c-menu--responsive {
  width: 256px;
}

@media (min-width: 640px) {
  .c-menu.c-menu--responsive {
    width: 300px;
  }
}

.c-menu__items {
  margin: 0;
  padding: 12px 0;

  &:focus {
    outline: 0;
  }

  &.c-menu__items--no_margin {
    padding: 0;
  }
}

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

.p-arrow_cta__icon {
  margin-left: 1px;
  position: relative;
  top: 1px;
}

.p-paid_benefits_card__container {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  box-shadow: 0 4px 12px 0 #00000026;
  margin: 0 auto 32px;
  max-width: 684px;
}

@media screen and (max-width: 1000px) {
  .p-paid_benefits_card__container {
    margin: 0 40px 32px;
  }
}

.p-paid_benefits_card__sub_container {
  height: 362px;
  width: 50%;
}

.p-paid_benefits_card__link {
  display: flex;
}

.p-paid_benefits_card__img {
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: 1px 0;
}

.p-paid_benefits_card__img_container {
  border-radius: 8px 0 0 8px;
  display: flex;
  justify-content: end;
}

.p-paid_benefits_card__reverse_link {
  .p-paid_benefits_card__img_container {
    justify-content: start;
  }

  flex-direction: row-reverse;
}

.p-paid_benefits_card__reverse_img_container {
  border-radius: 0 8px 8px 0;
}

.p-paid_benefits_card__video {
  max-height: 100%;
  overflow: hidden;
  padding: 23px 0 23px 16px;
}

.p-paid_benefits_card__reverse_link .p-paid_benefits_card__video {
  padding: 23px 16px 23px 0;
}

.p-paid_benefits_card__content_container {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  flex-direction: column;
  padding: 32px;
  text-decoration: none;
}

.p-paid_benefits_card__img_container--hide ~ .p-paid_benefits_card__content_container {
  width: 100%;
}

.p-paid_benefits_card__link {
  &:focus, &:hover {
    color: inherit;
    text-decoration: none;
  }
}

.p-paid_benefits_card__heading {
  color: #868686;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.50001;
  padding-bottom: 24px;
}

.p-paid_benefits_card__title {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  padding-bottom: 8px;
}

.p-paid_benefits_card__subtitle {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.7);
  font-size: 15px;
  line-height: 1.46668;
  margin-bottom: 16px;
}

.p-paid_benefits_card__learn_more_link {
  margin-top: auto;
}

.p-paid_benefits_card__img--unlimited_messages {
  height: 100%;
  margin-bottom: 0;
  margin-right: 0;
  width: 340px;
}

.p-paid_benefits_card__img--video_conferencing {
  height: 236px;
  width: 322px;
}

.p-paid_benefits_card__content_container--full-width {
  width: 100%;
}

.p-paid_benefits_card__icon {
  height: 46px;
  margin-bottom: 16px;
  width: 46px;

  &:before {
    font-size: 46px;
  }
}

.p-paid_benefits_card__link--dark {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.003);
}

.p-paid_benefits_card__icon--hide, .p-paid_benefits_card__img_container--hide {
  display: none;
}

.c-hidden_user_icon_and_name {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 3px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  padding: 0 2px 1px 0;
}

.c-label {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.86666667;
  line-height: 1.46666667;
}

.c-label--disabled {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.c-label__text {
  display: block;
  padding-bottom: 8px;
}

.c-label__subtext {
  display: block;
}

.c-label__optional_tag, .c-label__subtext {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-weight: 400;
}

.c-label__optional_tag {
  margin-left: 4px;
}

.c-label--block {
  display: block;
  margin: 0;
}

.c-label--inline {
  align-items: baseline;
  display: flex;
  margin-bottom: 4px;
  vertical-align: middle;

  .c-label__text {
    font-weight: 400;
    order: 1;
    padding-bottom: 0;
    position: relative;
    top: -1px;
  }
}

.c-label--with_subtext {
  font-weight: 700;

  .c-label__text {
    font-weight: 700;
  }
}

.c-label--pointer {
  cursor: pointer;

  &[disabled] {
    cursor: default;
  }
}

.c-label--with_formatted_text {
  font-weight: 400;
}

.c-input_checkbox {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  flex: none;
  font-size: 18px;
  margin: 0 12px 0 0;
  padding: 0 12px;

  &[disabled] {
    cursor: default;
  }

  &:focus {
    outline-style: auto;
  }
}

.c-input_checkbox--disabled {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  cursor: default;
  opacity: 0.2;
}

.c-input_checkbox--focus-visible:focus {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  outline: none;
}

input {
  &.c-input_checkbox, &[type=checkbox].c-input_checkbox {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    flex: none;
    font-size: 18px;
    margin: 0 12px 0 0;
    padding: 0 12px;
  }

  &.c-input_checkbox[disabled], &[type=checkbox].c-input_checkbox[disabled] {
    cursor: default;
  }

  &.c-input_checkbox:focus, &[type=checkbox].c-input_checkbox:focus {
    outline-style: auto;
  }

  &.c-input_checkbox--disabled, &[type=checkbox].c-input_checkbox--disabled {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    cursor: default;
    opacity: 0.2;
  }
}

.c-input_unstyled_checkbox {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.c-select_button {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  line-height: 1.5;
  transition: border 80ms ease-out, box-shadow 80ms ease-out;
  -webkit-user-select: none;
  user-select: none;

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

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

  &[disabled] {
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border: 1px solid var(--saf-0);
  }
}

.c-select_button--small {
  font-size: 13px;
  font-weight: 400;
  height: 28px;
  line-height: 1.38463;
  padding: 0 8px;
}

.c-select_button--medium {
  font-size: 15px;
  font-weight: 400;
  height: 36px;
  line-height: 1.46668;
  padding: 0 12px;
}

.c-select_button--large {
  font-size: 18px;
  font-weight: 900;
  font-weight: 400;
  height: 44px;
  line-height: 1.33334;
  padding: 0 12px;
}

.c-select_button {
  &:active:focus, &:hover:focus {
    border-color: #0000;
  }

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

  &:active {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }

  &:not(:focus) {
    transition: border 0s;
  }
}

.c-select_button__content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.c-select_button__icon, .c-select_button__placeholder {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.c-select_button__icon--small {
  margin-left: 8px;
  width: 8px;
}

.c-select_button__icon--large, .c-select_button__icon--medium {
  margin-left: 12px;
  width: 12px;
}

.c-select_button--invalid {
  border-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);

  &:focus, &:focus-within {
    --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    --saf-1: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.3);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
  }
}

.c-select_button--text-select {
  background-color: #0000;
  border: none;
  justify-content: flex-start;

  &:active {
    background-color: #0000;
    box-shadow: none;
  }

  &.c-select_button--disabled {
    background-color: #0000;
    border: none;
    color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);

    .c-select_button__icon {
      color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
    }
  }
}

.c-select_button--text-select-label {
  font-weight: 700;
  margin-right: 4px;
}

.c-select_button--disabled {
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background-clip: initial;
  border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.75);
  cursor: default;
  pointer-events: none;
  text-shadow: none;
  transition: all 80ms linear;
}

.c-select_button {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  line-height: 1.5;
  transition: border 80ms ease-out, box-shadow 80ms ease-out;
  -webkit-user-select: none;
  user-select: none;

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

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

  &[disabled] {
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border: 1px solid var(--saf-0);
  }
}

.c-select_button--small {
  font-size: 13px;
  font-weight: 400;
  height: 28px;
  line-height: 1.38463;
  padding: 0 8px;
}

.c-select_button--medium {
  font-size: 15px;
  font-weight: 400;
  height: 36px;
  line-height: 1.46668;
  padding: 0 12px;
}

.c-select_button--large {
  font-size: 18px;
  font-weight: 900;
  font-weight: 400;
  height: 44px;
  line-height: 1.33334;
  padding: 0 12px;
}

.c-select_button {
  &:active:focus, &:hover:focus {
    border-color: #0000;
  }

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

  &:active {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }

  &:not(:focus) {
    transition: border 0s;
  }
}

.c-select_button__content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.c-select_button__icon, .c-select_button__placeholder {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.c-select_button__icon--small {
  margin-left: 8px;
  width: 8px;
}

.c-select_button__icon--large, .c-select_button__icon--medium {
  margin-left: 12px;
  width: 12px;
}

.c-select_button--invalid {
  border-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);

  &:focus, &:focus-within {
    --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    --saf-1: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.3);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
  }
}

.c-select_button--text-select {
  background-color: #0000;
  border: none;
  justify-content: flex-start;

  &:active {
    background-color: #0000;
    box-shadow: none;
  }

  &.c-select_button--disabled {
    background-color: #0000;
    border: none;
    color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);

    .c-select_button__icon {
      color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
    }
  }
}

.c-select_button--text-select-label {
  font-weight: 700;
  margin-right: 4px;
}

.c-select_button--disabled {
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background-clip: initial;
  border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.75);
  cursor: default;
  pointer-events: none;
  text-shadow: none;
  transition: all 80ms linear;
}

.c-select_options_list__wrapper {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-radius: 6px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 5px 10px #0000001f;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  z-index: 1012;

  .c-select_options_list {
    height: 100%;
    overflow-y: auto;
  }
}

.c-select_options_list {
  .ReactVirtualized__Grid__innerScrollContainer {
    will-change: transform;
  }

  &:focus {
    outline-width: 0;
  }
}

.c-select_options_list__empty_state {
  padding: 12px 0;
}

.c-select_options_list__loading_state {
  align-items: center;
  display: flex;
  padding: 12px 24px;
}

.c-select_options_list__loading_state_message {
  margin-left: 8px;
}

.c-select_options_list__option {
  align-items: center;
  box-sizing: border-box;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  cursor: pointer;
  display: flex;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  padding: 0 24px;

  &:active, &:focus {
    outline: none;
  }
}

.c-select_options_list__option--disabled {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);

  &:hover {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    cursor: default;
  }
}

.c-select_options_list__option--empty-state {
  cursor: auto;
}

.c-select_options_list__option--selected {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);

  &:before {
    content: '\E285';
    font-family: Slack v2;
    margin: 0 2px 0 -18px;
  }
}

.c-select_options_list__option--active {
  background-color: #1264a3;
  color: #fff;

  &.c-select_options_list__option--disabled {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  }
}

.c-select_options_list__option_label {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;

  wbr {
    display: none;
  }
}

.c-select_options_list__clear_option {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);

  &.c-select_options_list__option--active {
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  }
}

.sk-client-theme--dark .c-select_options_list__clear_option.c-select_options_list__option--active {
  color: #fff;
}

.c-select_options_list__group_header {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  pointer-events: none;
}

.c-select_options_list__group_option {
  padding-left: 32px;
}

.c-select_options_list__divider {
  padding: 0;
  pointer-events: none;
}

.c-select_options__divider {
  margin: 5px 0;
  width: 100%;
}

.supports_custom_scrollbar .c-select_options_list__virtual_list--slack_scrollbar {
  border-right: none;

  &::-webkit-scrollbar {
    -webkit-appearance: none;
    position: absolute;
    width: 8px;
  }

  &::-webkit-scrollbar-thumb {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
  }

  &::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
    background: #0000;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
  }

  &::-webkit-scrollbar-thumb {
    background: #0000;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px;
  }

  &::-webkit-scrollbar-corner {
    background: #0000;
  }

  &::-webkit-scrollbar {
    width: 16px;
  }

  &::-webkit-scrollbar-thumb, &::-webkit-scrollbar-track {
    border-left: 4px solid #0000;
    border-radius: 6px/4px;
    border-right: 4px solid #0000;
  }

  &:hover {
    border-right: none;

    &::-webkit-scrollbar {
      -webkit-appearance: none;
      position: absolute;
      width: 8px;
    }

    &::-webkit-scrollbar-thumb {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    }

    &::-webkit-scrollbar-track {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
      background: #0000;
      box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
    }

    &::-webkit-scrollbar-thumb {
      background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.52);
      box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
      min-height: 36px;
    }

    &::-webkit-scrollbar-corner {
      background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    }

    &::-webkit-scrollbar {
      width: 16px;
    }

    &::-webkit-scrollbar-thumb, &::-webkit-scrollbar-track {
      border-left: 4px solid rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
      border-radius: 6px/4px;
      border-right: 4px solid rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    }
  }
}

.c-select_options_list__option {
  .c-base_list_entity--medium, .c-base_list_entity--small {
    padding-left: 0;
    padding-right: 0;
  }
}

.c-select_options_list__option--disabled .c-base_list_entity--highlight-dim {
  background: none;
}

.c-select_options_list__footer_banner {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-bottom: 1px solid #00000026;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  padding: 0 20px;
}

.c-multi_select_helper_text {
  display: flex;
}

.c-multi_select_helper_text__icon_container {
  margin-right: 4px;
}

.c-multi_select_helper_text__icon_container--error {
  color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
}

.c-multi_select_helper_text__icon_container--unknown {
  color: #1d9bd1;
}

.p-calls_location_lock__container {
  display: flex;
  flex-direction: column;
  margin: 8px;
}

.p-calls_location_lock__title {
  font-size: 18px;
  font-weight: 700;
}

.p-calls_location_lock__description {
  font-size: 18px;
}

.p-calls_location_lock__options_container {
  align-items: center;
  display: flex;
}

.p-calls_location_lock__options {
  margin: 8px 0;
  width: 250px;
}

.p-calls_location_lock__options_disable_reason {
  font-size: 15px;
  font-style: italic;
}

.p-calls_location_lock__alert {
  margin-bottom: 8px;
}

.p-calls_workspace_settings {
  flex-direction: row;
  margin: 8px;
}

.p-calls_workspace_settings__call_options {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 8px;
}

.p-calls_workspace_settings__video_container {
  margin-right: 8px;
}

.p-calls_workspace_settings__calls_apps {
  margin: 8px 8px 8px 24px;
}

.p-calls_workspace_settings__options_title {
  font-size: 15px;
  margin-bottom: 0;
  margin-left: 24px;
  margin-top: 8px;
}

.p-calls_workspace_settings__error_modal {
  margin-top: 64px;
}

.p-calls_workspace_settings_check_icon {
  margin-right: 8px;
}

.c-keyboard_key {
  --saf-0: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 4px;
  box-shadow: 0 1px 0 var(--saf-0);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  height: 27px;
  line-height: 21px;
  margin: 4px;
  min-width: 30px;
  padding: 3px 8px;
  text-align: center;
  text-shadow: none;
  vertical-align: middle;
}

.c-keyboard_key--slim {
  font-size: 13px;
  height: 20px;
  line-height: 18px;
  margin: 0 4px 4px;
  padding: 1px 4px 0;
}

.c-keyboard_key__arrow_key {
  padding: 3px 0.3rem;
}

.c-keyboard_key--dark {
  background: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  box-shadow: none;
  color: #fff;
}

.c-keyboard_key__tooltip {
  background: #1d1c1d;
  box-shadow: none;
  color: #fff;
  font-size: 13px;
  height: 20px;
  line-height: 18px;
  line-height: 19px;
  margin: 1px;
  min-width: 20px;
  padding: 1px 6px 0;
}

.c-keyboard_keys {
  display: grid;
  gap: 4px;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  margin-top: 4px;
  place-content: center;
  place-items: center;
  text-align: center;
}

.c-keyboard_keys--title {
  color: #fff;
  display: block;
}

.c-keyboard_keys--title-inline {
  display: inline-block;
  margin-right: 8px;
}

.c-keyboard_key.c-keyboard_key__tooltip:not(.c-keyboard_keys--inline) {
  margin: 0;
}

.c-keyboard_keys--inline {
  display: inline-grid;
  margin-top: 0;
}

.c-keyboard_key__tooltip_text {
  color: #868686;
}

.c-banner {
  display: flex;
  font-weight: 700;
  left: 0;
  min-height: 48px;
  right: 0;
  text-align: center;
  z-index: 1;
}

.c-banner--fixed {
  position: fixed;
}

.c-banner--info {
  background-color: #1264a3;
  color: #fff;
}

.c-banner--success {
  background-color: #007a5a;
  color: #fff;
}

.c-banner--warning {
  background-color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
  color: #1d1c1d;
}

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

.c-banner--neutral {
  background-color: rgba(var(--sk_inverted_background, 29, 28, 29), 1);
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);

  .c-banner__close.c-button-unstyled {
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  }
}

.c-banner__text {
  align-self: flex-start;
  flex: 1;
  margin: 12px;
}

.c-banner {
  .c-link--button, a {
    color: inherit;
    text-decoration: underline;
  }
}

.c-banner__close {
  margin: 6px 6px 0 0;

  &.c-button-unstyled {
    margin: 6px 6px 0 0;
  }
}

.c-banner {
  .c-button--focus-visible:focus, .c-link--focus-visible:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 5px #ffffff4d;
    color: #fff;
  }

  &.c-banner--neutral {
    .c-banner__close.c-button--focus-visible:focus, .c-link--focus-visible:not(.c-button):focus {
      --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
      --saf-1: rgba(var(--sk_inverted_foreground, 255, 255, 255), 0.3);
      box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
      color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    }
  }
}

.p-huddle_call_menu_item {
  width: 200px;
}

.p-huddle_call_menu_item__callout {
  margin-left: auto;
}

.p-huddle_call_menu_item__button {
  cursor: default;
  margin-left: auto;
  padding: 0;
  width: 100%;

  &.c-menu_item__button--highlighted, &.c-menu_item__li--highlighted {
    background-color: #0000;
    padding: 0;
  }

  &.c-menu_item__button--highlighted {
    &.c-button--focus-visible .p-huddle_call_menu_item__banner-bottom-container, &:focus .p-huddle_call_menu_item__banner-bottom-container, &:focus-visible .p-huddle_call_menu_item__banner-bottom-container {
      outline-offset: -5px;
      outline-style: solid;
    }
  }

  &.c-menu_item__li--highlighted {
    &.c-button--focus-visible .p-huddle_call_menu_item__banner-bottom-container, &:focus .p-huddle_call_menu_item__banner-bottom-container, &:focus-visible .p-huddle_call_menu_item__banner-bottom-container {
      outline-offset: -5px;
      outline-style: solid;
    }
  }
}

.p-huddle_call_menu_item__banner_container {
  border-radius: 8px;
  color: #fff;
  margin: 0 8px;
  overflow: hidden;
  white-space: normal;
  width: 290px;

  .c-banner__text {
    margin: 0;
  }

  .c-menu_item__li {
    width: 100%;
  }

  .c-menu_item__icon {
    color: #fff;
  }

  .p-huddle_call_menu_item__banner {
    font-weight: 400;
    margin-top: 0;
    overflow: hidden;
    text-align: left;

    .p-huddle_call_menu_item__banner-img {
      background-image: url(./calls_education_banner-3965df2.gif);
      background-position: 50%;
      background-size: cover;
      height: 200px;
      width: 100%;
    }

    .p-huddle_call_menu_item__banner-img-fr-FR {
      background-image: url(./calls_education_banner.fr-FR-929fd58.gif);
    }

    .p-huddle_call_menu_item__banner-img-ja-JP {
      background-image: url(./calls_education_banner.ja-JP-d8a3260.gif);
    }

    .p-huddle_call_menu_item__banner-img-de-DE {
      background-image: url(./calls_education_banner.de-DE-17ae41e.gif);
    }

    .p-huddle_call_menu_item__banner-text-container {
      flex-wrap: wrap;
      padding: 16px 16px 0;

      .p-huddle_call_menu_item__banner-headline {
        font-weight: 700;
      }

      .p-huddle_call_menu_item__banner-description {
        font-size: 13px;
        font-weight: 400;
        line-height: 1.38463;
      }
    }
  }

  .p-huddle_switch__headphones_icon {
    left: 35px;
  }

  .p-huddle_call_menu_item__banner-bottom-container {
    background-color: #0b4c8c;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    justify-content: space-between;
    padding: 16px;
  }
}

.p-huddle_call_menu_item__banner-bottom-container {
  margin: 0 8px;
  overflow: hidden;
  white-space: normal;
  width: 290px;
}

.p-huddle_call_menu_item__banner-img {
  background-image: url(./calls_education_banner-3965df2.gif);
  background-position: 50%;
  background-size: cover;
  height: 400px;
  width: 100%;
}

.p-huddle_call_menu_item__banner-img-fr-FR {
  background-image: url(./calls_education_banner.fr-FR-929fd58.gif);
}

.p-huddle_call_menu_item__banner-img-ja-JP {
  background-image: url(./calls_education_banner.ja-JP-d8a3260.gif);
}

.p-huddle_call_menu_item__banner-img-de-DE {
  background-image: url(./calls_education_banner.de-DE-17ae41e.gif);
}

.p-huddle_button_label {
  display: flex;
  margin: 4px;
  padding: 4px;

  &.c-button--primary {
    background: #1264a3;
  }

  .p-huddle_button_label__text {
    padding-left: 4px;
  }
}

.c-input_textarea {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  box-sizing: border-box;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 15px;
  height: 104px;
  line-height: 1.86666667;
  line-height: 1.46666667;
  margin: 0;
  min-height: 36px;
  padding: 8px 12px 4px;
  resize: vertical;
  transition: border 80ms ease-out, box-shadow 80ms ease-out;
  vertical-align: top;
  width: 100%;

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

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

  &[disabled] {
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border: 1px solid var(--saf-0);
  }

  &::placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }
}

.c-input_textarea--with_default {
  --saf-0: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  border: 1px solid var(--saf-0);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;

  &:focus {
    --saf-0: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    --saf-1: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 0.3);
    border-radius: 4px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
  }
}

.c-input_textarea--with_info {
  border: 1px solid #1d9bd1;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;

  &:focus {
    border-radius: 4px;
    box-shadow: 0 0 0 1px #1d9bd1, 0 0 0 5px #1d9bd14d;
  }
}

.c-input_textarea--with_success {
  border: 1px solid #007a5a;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;

  &:focus {
    border-radius: 4px;
    box-shadow: 0 0 0 1px #007a5a, 0 0 0 5px #007a5a4d;
  }
}

.c-input_textarea--with_warning {
  border: 1px solid #e8912d;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;

  &:focus {
    border-radius: 4px;
    box-shadow: 0 0 0 1px #e8912d, 0 0 0 5px #e8912d4d;
  }
}

.c-input_textarea--with_error {
  --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  border: 1px solid var(--saf-0);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;

  &:focus {
    --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    --saf-1: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.3);
    border-radius: 4px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
  }
}

.c-input_textarea--with_inline_alert {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;

  &.c-input_textarea--with_error {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }
}

.c-input_textarea__wrapper {
  margin: 0 0 20px;
}

.c-input_textarea--large {
  font-size: 18px;
  line-height: 1.33333333;
}

.c-input_textarea--with_hint {
  margin-bottom: 0;
}

.c-input_textarea--resize_both {
  resize: both;
}

.c-input_textarea--resize_h {
  resize: horizontal;
}

.c-input_textarea--resize_none {
  resize: none;
}

textarea {
  &.c-input_textarea {
    --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    box-sizing: border-box;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-size: 15px;
    height: 104px;
    line-height: 1.86666667;
    line-height: 1.46666667;
    margin: 0;
    min-height: 36px;
    padding: 8px 12px 4px;
    resize: vertical;
    transition: border 80ms ease-out, box-shadow 80ms ease-out;
    vertical-align: top;
    width: 100%;

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

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

    &[disabled] {
      --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
      background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
      border: 1px solid var(--saf-0);
    }

    &::placeholder {
      color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    }

    &.c-input_textarea--large {
      font-size: 18px;
      line-height: 1.33333333;
    }

    &.c-input_textarea--with_hint {
      margin-bottom: 0;
    }

    &.c-input_textarea--resize_both {
      resize: both;
    }

    &.c-input_textarea--resize_h {
      resize: horizontal;
    }

    &.c-input_textarea--resize_none {
      resize: none;
    }
  }

  &.c-input_textarea--with_default {
    --saf-0: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    border: 1px solid var(--saf-0);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;

    &:focus {
      --saf-0: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
      --saf-1: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 0.3);
      border-radius: 4px;
      box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
    }
  }

  &.c-input_textarea--with_info {
    border: 1px solid #1d9bd1;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;

    &:focus {
      border-radius: 4px;
      box-shadow: 0 0 0 1px #1d9bd1, 0 0 0 5px #1d9bd14d;
    }
  }

  &.c-input_textarea--with_success {
    border: 1px solid #007a5a;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;

    &:focus {
      border-radius: 4px;
      box-shadow: 0 0 0 1px #007a5a, 0 0 0 5px #007a5a4d;
    }
  }

  &.c-input_textarea--with_warning {
    border: 1px solid #e8912d;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;

    &:focus {
      border-radius: 4px;
      box-shadow: 0 0 0 1px #e8912d, 0 0 0 5px #e8912d4d;
    }
  }

  &.c-input_textarea--with_error {
    --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    border: 1px solid var(--saf-0);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;

    &:focus {
      --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
      --saf-1: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.3);
      border-radius: 4px;
      box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
    }
  }

  &.c-input_textarea--with_inline_alert, &.c-input_textarea--with_inline_alerttextarea.c-input_textarea--with_error {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }

  &.c-input_textarea--small {
    font-size: 13px;
    line-height: 1.38461538;
    padding: 7px 8px 9px;
  }
}

.p-huddle_survey_modal_checkbox .c-label__text {
  font-weight: 700;
}

.p-huddle_error_modal__overlay {
  z-index: 1053;
}

.p-huddle_in_thread_speed_bump_modal {
  overflow: auto;

  .c-sk-modal_header {
    background: #e8f5fa;
    display: flex;
    flex-direction: column-reverse;
  }

  .c-sk-modal_image {
    align-self: center;
    padding: 15px 65px;
    width: 85%;
  }

  .c-sk-modal_title_bar {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  }

  .p-huddle_in_thread_speed_bump_modal__body_text {
    margin-top: 10px;
  }
}

.p-huddle_join_modal__overlay {
  z-index: 1054;
}

.p-huddle_button_menu_item {
  padding: 0 8px;

  &.c-menu_item__button--highlighted {
    background-color: unset;

    .p-huddle_button_label {
      background: #1264a3e6;
    }
  }

  &:focus .p-huddle_button_label {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border-radius: 4px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  }
}

img.p-classic_nav__call-menu_icon {
  border: 0;
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  width: 20px;
}

.p-call_menu__migration-menu-item {
  .c-menu_item__li .p-classic_nav__call-menu-text {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }

  .c-menu_item__li--highlighted .p-classic_nav__call-menu-text {
    color: #fff;
    text-decoration: none;
  }
}

.p-classic_nav__call__left-margin_label {
  margin-left: 40px;
}

.p-call_menu.c-icon--headphones-call-menu {
  left: 9px;
}

.p-classic_nav__model__button__icon__icon_container {
  display: flex;
  font-size: 14px;
}

.p-classic_nav__model__button__icon__no_wrap_label {
  margin-left: 4px;
  white-space: nowrap;
}

.p-call_menu__huddle_discovery_link_container {
  margin-right: 4px;
}

.p-call_menu__huddle_discovery_link {
  &:active, &:focus, &:hover {
    text-decoration: none;
  }
}

.p-call_menu__huddle_discovery_link_new_text {
  font-weight: 700;
}

.p-classic_nav__legacy-call-menu_icon {
  background-color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  border-radius: 4px;
  color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
}

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

.sk-client-theme--dark .p-call_menu_call_button__learn_more_link_container.p-call_menu__huddle_discovery_link_container__phase3 {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-call_menu_call_button__learn_more_link {
  text-decoration: underline;

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

.sk-client-theme--dark .p-call_menu_call_button__learn_more_link.p-call_menu_call_button__learn_more_link__phase3 {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.c-hidden_user_avatar {
  align-items: center;
  background: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  justify-content: center;
}

.c-hidden_user_avatar--small {
  height: 16px;
  width: 16px;

  .c-icon:before {
    font-size: 14px;
  }
}

.c-avatar {
  cursor: default;
  display: inline-block;
  outline: none;
  position: relative;
}

.c-avatar--no_image {
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 3px;
}

.c-avatar--interactive {
  cursor: pointer;
}

.c-avatar__additional_overlay {
  align-items: center;
  background-color: #00000080;
  border-radius: 3px;
  bottom: 0;
  color: #fff;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}

.c-avatar__emoji, .c-avatar__image {
  border-radius: 3px;
  display: block;
  height: 100% !important;
  width: 100% !important;
}

.c-avatar--ad_hoc_member .c-avatar__image {
  border-radius: 50%;
}

.c-avatar__image--fallback {
  border-radius: 36px;
}

.c-avatar {
  .c-avatar__icon {
    bottom: -2px;
    position: absolute;
    right: -2px;
  }

  .c-avatar__team_icon {
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: 0 0 0 2px var(--saf-0);
  }

  .c-avatar__nonteam_icon {
    border-radius: 10px;
    box-shadow: -1px 0 0 1px #fff;
  }
}

.c-avatar__badge {
  border-radius: 3px 0 3px;
  bottom: 0;
  display: inline-block;
  position: absolute;
  right: 0;
}

.c-avatar__badge--restricted {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  height: 13px;
  width: 13px;

  .c-avatar__badge_inner {
    background: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    border-radius: 2px 2px 3px;
    height: 10px;
    width: 10px;
  }
}

.c-avatar__badge--ultra_restricted {
  height: 16px;
  overflow: hidden;
  width: 16px;

  &:before {
    border-bottom: 16px solid rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-left: 16px solid #0000;
    content: ' ';
    display: block;
    height: 0;
    width: 0;
  }

  .c-avatar__badge_inner {
    border-bottom: 11px solid rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    border-left: 11px solid #0000;
    display: block;
    height: 0;
    width: 0;

    &:before {
      bottom: -3px;
      box-shadow: inset -1px 2px var(--saf-0);
      right: -2px;
    }

    &:after, &:before {
      --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
      border-radius: 2px;
      content: ' ';
      display: block;
      height: 4px;
      position: absolute;
      width: 4px;
    }

    &:after {
      bottom: -13px;
      box-shadow: inset 2px -1px var(--saf-0);
      right: 8px;
    }
  }
}

.c-avatar__badge_inner {
  bottom: 0;
  position: absolute;
  right: 0;
}

.c-avatar__tooltip_detail {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
}

.c-base_entity__avatar {
  flex: none;
}

.c-base_entity__text {
  min-width: 0;
}

.c-base_entity__text-contents {
  display: flex;
  justify-content: space-between;
  min-width: 0;
  width: 100%;
}

.c-base_entity--has-avatar {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}

.c-base_entity--dim {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  -ms-filter: grayscale(1);
  filter: grayscale(1);
}

.c-base_entity--medium {
  min-height: 36px;

  .c-base_entity__text-contents {
    flex-direction: column;
  }

  &.c-base_entity--has-avatar .c-base_entity__text-contents {
    margin-bottom: -4px;
    margin-top: -4px;
  }

  .c-base_entity__avatar {
    margin-right: 12px;
  }

  &.c-base_entity--vertically-center {
    align-items: center;
  }

  .c-base_entity__subtext ~ .c-base_entity__metadata {
    margin-top: 4px;
  }
}

.c-base_entity--small {
  align-items: center;
  display: flex;
  line-height: 20px;

  .c-base_entity__avatar {
    margin-right: 8px;
  }
}

.c-base_entity__subtext {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.c-base_entity__metadata {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.c-custom_status {
  margin-left: 8px;

  .emoji-sizer {
    font-size: 1rem;
  }
}

.c-custom_status--inline {
  font-size: 1em;
}

.c-custom_status__expiration {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: block;
  margin: 0;
}

.c-custom_status__emoji_in_member_profile {
  height: 20px;
  margin-top: 6px;
  width: 20px;
}

.c-custom_status__tooltip {
  .p-huddle_status_icon {
    margin-top: 0;
  }

  .p-huddle_status_text__channel_name {
    text-align: center;
    white-space: break-spaces;
  }
}

.c-app_badge, .c-app_label {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 2px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  height: 14px;
  line-height: 1.25;
  padding: 1px 3px;
  vertical-align: 0.125rem;
}

.c-app_badge--inverse {
  color: #fff;
}

.c-member_name {
  margin-right: 4px;
}

.c-inline_member_entity .c-member_name {
  margin-right: 0;
}

.c-member_name__indicator {
  margin-left: 4px;
}

.c-missing_icon {
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 3px;
  display: inline-block;
}

.c-missing_icon--unknown {
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.c-missing_icon--unknown_inverted {
  background-color: #fff;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.c-missing_icon--non_existent {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
}

.c-missing_icon--non_existent_inverted {
  --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  background: none;
  border: 1px solid var(--saf-0);
}

.c-missing_icon--subtler {
  opacity: 0.4;
}

.c-presence--active {
  color: #007a5a;
}

.c-presence--away {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.c-presence--inverted {
  color: #fff;
}

.c-member__primary_content, .c-member__secondary_content {
  align-items: center;
  display: flex;
}

.c-member__primary_content {
  max-width: 100%;
  min-width: 0;
}

.c-member__current-status, .c-member__secondary_content {
  white-space: nowrap;
}

.c-member__current-status {
  display: block;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.c-medium_member_list_entity .c-base_list_entity__secondary_content {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
  text-align: right;
}

.c-small_member_list_entity {
  .c-base_list_entity__secondary_content {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.50001;
    text-align: right;
  }

  .c-member__draft_icon {
    margin-right: 8px;
  }
}

.c-member__presence {
  margin-right: 4px;
}

.c-medium_member_list_entity .c-member__unread_count {
  margin-left: 8px;
}

.c-small_member_list_entity {
  .c-member__details, .c-member__team_icon, .c-member__unread_count {
    margin-left: 8px;
  }
}

.c-member__draft_icon {
  font-size: 18px;
  min-width: 20px;
}

.c-member__secondary-name {
  margin: 0 4px 0 8px;
}

.c-member--with-presence .c-member__secondary-name {
  margin-left: 0;
}

.c-member__pronoun {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.c-member__details {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
}

.c-member__current-status--medium {
  flex: none;
}

.c-member__current-status--small .p-huddle_status_icon {
  margin-top: 0;
}

.c-member_slug--link, .c-member_slug--mention {
  border-radius: 3px;
  padding: 0 2px 1px;
}

code {
  .c-member_slug--link, .c-member_slug--mention {
    padding: 0;
  }
}

pre {
  .c-member_slug--link, .c-member_slug--mention {
    padding: 0;
  }
}

.c-member_slug--link {
  background: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.1);
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);

  &:hover {
    background: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.2);
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    text-decoration: none;
  }
}

.c-member_slug--unverified {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  background: #0000;
  border: 1px dotted var(--saf-0);
  color: inherit;
  position: relative;
  white-space: nowrap;

  &:hover {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    background: #0000;
    border: 1px dotted var(--saf-0);
    color: inherit;
    position: relative;
    white-space: nowrap;
  }

  &:before, &:hover:before {
    background: #1d9bd1;
    border-radius: 6px;
    box-sizing: border-box;
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    content: '\E207';
    display: inline-block;
    font-family: Slack v2;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    height: 12px;
    line-height: 1;
    padding-top: 1px;
    pointer-events: none;
    position: absolute;
    right: -6px;
    text-align: center;
    top: -6px;
    width: 12px;
  }
}

.c-member_slug--mention {
  background: #f2c74466;

  &:hover {
    background: #f2c74466;
  }
}

.sk-client-theme--dark .c-member_slug--mention {
  background: #e8912d66;
  color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);

  &:hover {
    background: #e8912d66;
    color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
  }
}

.c-member_slug__tooltip {
  max-width: 500px;
}

.c-member_slug__tooltip--member {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  padding: 8px 12px 10px;

  .c-member__team_icon {
    margin: 0 0 -2px 4px;
  }
}

.c-member_slug__tooltip--channel .c-base_inline_entity--dim {
  color: inherit;
}

.c-member_slug--private-channel {
  align-items: center;
  display: inline-flex;
  vertical-align: bottom;

  .c-icon {
    height: 1em;
    width: 1em;
  }
}

.c-medium_missing_user_group {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.c-medium_missing_user_group__row {
  display: block;

  &:first-child {
    margin-bottom: 8px;
  }
}

.c-medium_missing_user_group__icon {
  margin-left: -2px;
  margin-right: 4px;
}

.confirmation_code_span_cell {
  font-size: 15px;
  font-weight: 400;
  vertical-align: middle;
}

.split_input_item {
  --saf-0: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  border: 1px solid var(--saf-0);
  border-color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);

  &:not(:first-child) {
    border-left: none;
  }

  &:first-child {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
  }

  &:last-child {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
  }

  &.focused {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    --saf-1: rgba(var(--sk_highlight, 18, 100, 163), 0.3);
    border: 1px solid var(--saf-0);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 7px var(--saf-1);
  }

  input {
    background: none;
    border: none;
    box-shadow: none;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-size: 50px;
    height: 92px;
    line-height: 56px;
    text-align: center;
    width: 100%;

    &:active, &:focus, &:hover {
      box-shadow: none;
      outline: none;
    }
  }
}

@media only screen and (max-width: 767px) {
  .split_input_item input {
    font-size: 2rem;
    padding: 0.5rem;
  }
}

.split_input_item--gov_slack {
  border-color: #fff;

  &.focused {
    border: 1px solid #36c5f0;
    box-shadow: 0 0 0 1px #36c5f0, 0 0 7px #36c5f04d;
  }

  input {
    color: #fff;
  }
}

.confirmation_code[data-state=error] .split_input_item {
  border-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
}

.confirmation_code_checker {
  margin-top: 15px;

  .confirmation_code_state_message {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    text-align: left;

    svg.ts_icon_spinner {
      height: 1.1rem;
      margin-right: 10px;
      width: 1.1rem;
    }
  }

  .confirmation_code_state_message--gov_slack {
    color: #fff;
  }
}

.p-identity_transfer_modal {
  height: min(780px, 100vh);
  padding-top: 56px;

  .c-sk-modal_footer_actions {
    display: flex;
  }

  .c-sk-modal_content {
    flex-grow: 1;
  }
}

.p-identity_transfer_modal--skip {
  height: auto;
}

.p-identity_transfer_modal__logo {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-top: 8px;
}

.p-identity_transfer_modal__logo--left img {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  margin: 0 24px 8px 0;
  padding: 10px;
}

.p-identity_transfer_modal__logo--right img {
  margin: 0 0 8px 24px;
}

.p-identity_transfer_modal__logo__app-icon {
  border-radius: 8px;
  box-shadow: 0 4px 12px 0 #0000001a;
  height: 56px;
  width: 56px;
}

.p-identity_transfer_modal__logo__arrows {
  height: 30px;
  position: relative;
  top: -4px;
  width: 36px;
}

.p-identity_transfer_modal__redirect {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  font-size: 13px;
  max-width: 50%;
}

.p-identity_transfer_modal__title {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  margin: 0;
  padding: 16px 28px;
  text-align: center;
}

.p-identity_transfer_modal__title--skip {
  padding: 16px 64px;
  text-align: center;
}

.p-identity_transfer_modal__member_section {
  margin-bottom: 16px;
}

.p-identity_transfer_modal__member_card {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  align-items: flex-start;
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  display: flex;
  padding: 8px;
  position: relative;
}

.p-identity_transfer_modal__member_card__info {
  display: flex;
  flex-grow: 1;
  margin-right: 42px;

  p {
    margin-bottom: 0;
  }
}

.p-identity_transfer_modal__member_card__info__avatar {
  margin-right: 12px;
}

.p-identity_transfer_modal__member_card__expand {
  position: absolute;
  right: 22px;
  top: 22px;
}

.p-identity_transfer_modal__description_item {
  display: flex;
}

.p-identity_transfer_modal__description_icon {
  margin: 2px 16px 0 0;
}

.p-identity_transfer_modal__marketing_consent {
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  padding: 16px 0;
}

.p-identity_transfer_modal__legal {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  padding: 16px 0;
}

.p-identity_transfer_modal__email_verification__content {
  padding: 0 28px;
}

.p-identity_transfer_modal__resend_verification {
  align-items: center;
  display: flex;
  justify-content: space-between;

  .c-label {
    font-weight: 400;
  }

  .c-label__text {
    padding-bottom: 0;
  }
}

.p-identity_transfer_modal__info_box {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-radius: 8px;
  padding: 16px 16px 4px;
}

.c-mrkdwn__broadcast--mention, .c-mrkdwn__user_group--link, .c-mrkdwn__user_group--mention {
  border-radius: 3px;
  padding: 0 2px 1px;
}

code {
  .c-mrkdwn__broadcast--mention, .c-mrkdwn__user_group--link, .c-mrkdwn__user_group--mention {
    padding: 0;
  }
}

pre {
  .c-mrkdwn__broadcast--mention, .c-mrkdwn__user_group--link, .c-mrkdwn__user_group--mention {
    padding: 0;
  }
}

.c-mrkdwn__user_group--link {
  background: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.1);
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);

  &:hover {
    background: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.2);
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    text-decoration: none;
  }
}

.c-mrkdwn__broadcast--link {
  font-weight: 700;
}

.c-mrkdwn__highlight {
  background: #f2c74466;
}

.sk-client-theme--dark .c-mrkdwn__highlight {
  background: #e8912d66;
  color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
}

.c-mrkdwn__highlight {
  .c-member_slug--link {
    background: none;
  }

  .c-member_slug--mention, .c-mrkdwn__broadcast--mention, .c-mrkdwn__mention {
    background: none;

    &:hover {
      background: none;
    }
  }

  .c-mrkdwn__user_group--link {
    background: none;
  }

  .c-mrkdwn__user_group--mention {
    background: none;

    &:hover {
      background: none;
    }
  }
}

.c-mrkdwn__broadcast--mention, .c-mrkdwn__mention, .c-mrkdwn__user_group--mention {
  background: #f2c74466;

  &:hover {
    background: #f2c74466;
  }
}

.sk-client-theme--dark {
  .c-mrkdwn__broadcast--mention, .c-mrkdwn__mention, .c-mrkdwn__user_group--mention {
    background: #e8912d66;
    color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);

    &:hover {
      background: #e8912d66;
      color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
    }
  }
}

.c-mrkdwn__team_command {
  font-weight: 700;
}

.c-mrkdwn__team_command--named {
  display: inline-block;
  margin: 8px 0;
  position: relative;

  &:last-of-type {
    margin: 0 0 8px;
  }

  .c-mrkdwn__team_command__name {
    margin-left: 28px;
  }
}

.c-mrkdwn__team_command__icon {
  left: 0;
  position: absolute;
}

.c-mrkdwn__hex {
  --saf-0: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  border: 1px solid var(--saf-0);
  border-radius: 3px;
  display: inline-block;
  height: 13px;
  margin: 0 0 -1px 2px;
  width: 13px;
}

.c-mrkdwn__br {
  display: block;
  height: 8px;
}

.c-mrkdwn__pre, .c-mrkdwn__quote {
  margin-bottom: 4px;
  margin-top: 4px;
}

.c-mrkdwn__pre {
  overflow-y: hidden;
  padding: 8px;
}

.c-mrkdwn__quote {
  padding-left: 16px;
}

.sk-client-theme--dark .c-mrkdwn__quote:before {
  background: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.c-mrkdwn__code a, .c-mrkdwn__pre a {
  color: inherit;
}

.c-mrkdwn__tab {
  white-space: pre-wrap;
}

.sk-client-theme--dark .c-mrkdwn__code {
  color: #e8912d;
}

.c-mrkdwn__identity_trigger {
  cursor: pointer;
}

@keyframes c-mrkdwn__snitch {
  0% {
    background: #f0f;
  }

  to {
    background: #0000;
  }
}

.c-mrkdwn__snitch {
  animation: c-mrkdwn__snitch 1s infinite alternate;
  background: #f0f;
}

.c-dialog_speed_bump_overlay, .c-dialog_speed_bump_wrapper {
  z-index: 1000;
}

.c-dialog_speed_bump_overlay {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 0.7);
  border-radius: 8px;
  bottom: 0;
  height: 100%;
  position: absolute;
  top: 0;
  transition: background .2s ease-out;
  width: 100%;
}

.c-dialog_speed_bump_overlay--hidden {
  background: none;
}

.c-dialog_speed_bump_wrapper {
  bottom: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.c-dialog_speed_bump {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 0 0 8px 8px;
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  padding: 20px 24px;
  transform: translateY(0);
  transition: transform 0.2s ease-out;
}

.c-dialog_speed_bump--hidden {
  transform: translateY(100%);
  transition: transform 0.2s ease-in;
}

.c-dialog_speed_bump__body_text {
  margin-bottom: 1rem;
}

.c-dialog_speed_bump__button_row {
  display: flex;
  justify-content: flex-end;
}

.c-dialog_speed_bump__button {
  margin-left: 12px;
}

.c-dialog {
  align-items: center;
  background: #0009;
  display: flex;
  font-size: 15px;
  height: 100%;
  justify-content: center;
  left: 0;
  line-height: 1.46666667;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity 80ms linear;
  width: 100%;
  z-index: 1012;
}

body.p-client_desktop--draggable-region-hacks .c-dialog {
  -webkit-app-region: no-drag;
}

.p-client_desktop--draggable-region-hacks {
  &.p-client_desktop--ia-top-nav .c-dialog:before {
    -webkit-app-region: drag;
    content: '';
    display: block;
    height: 38px;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
  }

  &.p-client_desktop--toggle-larger-top-nav-bar .c-dialog:before {
    height: 44px;
  }
}

.c-dialog.ReactModal__Overlay--after-open {
  opacity: 1;
  padding: 36px;

  &.c-dialog--custom-titlebar {
    padding-top: 67px;
  }
}

.c-dialog--storybook {
  z-index: -1;
}

.c-dialog__content {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: .5rem;
  box-shadow: 0 0 0 1px var(--saf-0), 0 18px 48px 0 #00000059;
  display: flex;
  flex-direction: column;
  max-height: 640px;
  max-width: calc(100% - 32px);
  opacity: 0;
  outline: none;
  position: relative;
  transform: scale(0.95);
  transition: opacity 80ms linear, transform 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
  width: 32.5rem;
}

@media only screen and (max-height: 656px) {
  .c-dialog__content {
    max-height: 96%;

    &.c-dialog__content--custom-titlebar {
      max-height: calc(96% - 31px);
    }

    &.c-dialog__content--frameless {
      max-height: calc(96% - 22px);
    }
  }
}

.p-client_desktop--ia-top-nav .c-dialog__content {
  -webkit-app-region: no-drag;
}

.ReactModal__Overlay--after-open .c-dialog__content {
  opacity: 1;
  position: fixed;
  transform: scale(1);
}

.c-dialog__cancel {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);

  &:last-child {
    margin-left: 12px;
  }
}

.c-dialog__go:last-child {
  margin-left: 12px;
}

.c-dialog__header {
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background-clip: padding-box;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  padding: 16px 24px;
  position: relative;
}

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

.c-dialog__close.c-button-unstyled {
  flex: 0 0 auto;
  margin-right: -8px;
  align-self: flex-start;
  margin-left: 20px;
}

.c-dialog__popout {
  align-self: flex-start;
  margin-left: 20px;

  + .c-dialog__close.c-button-unstyled {
    margin-left: 0;
  }
}

.c-dialog__title {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36363636;
  margin: 0;
  min-width: 0;
  width: 100%;
}

.c-dialog__title_image {
  border-radius: 4px;
  flex-shrink: 0;
  height: 24px;
  margin-right: 12px;
  position: relative;
  top: 3px;
  width: 24px;
}

.c-dialog__body {
  flex-shrink: 1;
  overflow-y: auto;
  padding: 0 24px;
  -webkit-user-select: text;
  user-select: text;
}

.supports_custom_scrollbar {
  .c-dialog__body--slack_scrollbar {
    border-right: 0.25rem solid #0000;

    &::-webkit-scrollbar {
      -webkit-appearance: none;
      position: absolute;
      width: 8px;
    }

    &::-webkit-scrollbar-thumb {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
    }

    &::-webkit-scrollbar-track {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
      background: #0000;
      box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
    }

    &::-webkit-scrollbar-thumb {
      background: #0000;
      box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
      min-height: 36px;
    }

    &::-webkit-scrollbar-corner {
      background: #0000;
    }

    &:hover {
      border-right: 0.25rem solid #0000;

      &::-webkit-scrollbar {
        -webkit-appearance: none;
        position: absolute;
        width: 8px;
      }

      &::-webkit-scrollbar-thumb {
        background-clip: padding-box !important;
        border-radius: 4px;
        color: #0000;
      }

      &::-webkit-scrollbar-track {
        background-clip: padding-box !important;
        border-radius: 4px;
        color: #0000;
        background: #0000;
        box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
      }

      &::-webkit-scrollbar-thumb {
        background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.52);
        box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
        min-height: 36px;
      }

      &::-webkit-scrollbar-corner {
        background: #0000;
      }
    }
  }

  .c-dialog__body--slack_scrollbar_with_padding {
    border-right: none;

    &::-webkit-scrollbar {
      -webkit-appearance: none;
      position: absolute;
      width: 8px;
    }

    &::-webkit-scrollbar-thumb {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
    }

    &::-webkit-scrollbar-track {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
      background: #0000;
      box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
    }

    &::-webkit-scrollbar-thumb {
      background: #0000;
      box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
      min-height: 36px;
    }

    &::-webkit-scrollbar-corner {
      background: #0000;
    }

    &::-webkit-scrollbar {
      width: 16px;
    }

    &::-webkit-scrollbar-thumb, &::-webkit-scrollbar-track {
      border-left: 4px solid #0000;
      border-radius: 6px/4px;
      border-right: 4px solid #0000;
    }

    &:hover {
      border-right: none;

      &::-webkit-scrollbar {
        -webkit-appearance: none;
        position: absolute;
        width: 8px;
      }

      &::-webkit-scrollbar-thumb {
        background-clip: padding-box !important;
        border-radius: 4px;
        color: #0000;
      }

      &::-webkit-scrollbar-track {
        background-clip: padding-box !important;
        border-radius: 4px;
        color: #0000;
        background: #0000;
        box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
      }

      &::-webkit-scrollbar-thumb {
        background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.52);
        box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
        min-height: 36px;
      }

      &::-webkit-scrollbar-corner {
        background: #0000;
      }

      &::-webkit-scrollbar {
        width: 16px;
      }

      &::-webkit-scrollbar-thumb, &::-webkit-scrollbar-track {
        border-left: 4px solid #0000;
        border-radius: 6px/4px;
        border-right: 4px solid #0000;
      }
    }
  }
}

@media (-ms-high-contrast: none) {
  .c-dialog__body {
    max-height: 26.5rem;
  }
}

[data-gantry][data-app=app-popouts] .c-dialog__body {
  flex-grow: 1;
}

.c-dialog__footer {
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background-clip: padding-box;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: none;
  display: flex;
  flex-shrink: 0;
  padding: 20px 24px;
  position: relative;
}

.c-dialog__footer--overflow {
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.c-dialog__footer--has_text {
  justify-content: flex-start;
}

.c-dialog__footer--has_buttons {
  justify-content: flex-end;
}

.c-dialog__footer--has_both {
  justify-content: space-between;
}

.c-dialog__overflow_padding {
  padding: 8px 24px;
}

.c-dialog__overflow_padding--scroll_border {
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.c-dialog__footer_text {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38461538;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

a.c-dialog__footer_link {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  align-self: flex-start;

  &:hover {
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    text-decoration: none;
  }
}

.c-dialog__footer_icon {
  margin-right: 6px;
}

.c-dialog__footer_buttons {
  align-self: flex-end;
  display: flex;
  flex-shrink: 0;
}

.p-slack_connect_guidelines_modal__footer {
  justify-content: flex-start;
}

.c-base_list_entity {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  width: 100%;
}

.c-base_list_entity__primary_content {
  flex: 1;
  flex-shrink: 2;
  min-width: 0;
}

.c-base_list_entity__secondary_content {
  flex: 0;
  margin-left: 12px;
  width: 100%;
}

.c-base_list_entity--dim {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

.c-base_list_entity--highlight-dark {
  background-color: #1264a3;
  color: #fff;
}

.c-base_list_entity--highlight-dim {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
}

.c-base_list_entity--highlight-light {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
}

.c-base_list_entity--highlight-dark .c-small_mpim_entity__mpim_counter {
  box-shadow: 0 0 0 2px #1264a3;
}

.c-base_list_entity--small {
  padding: 6px;

  &.c-base_list_entity--active {
    background-color: #1264a3;
    color: #fff;
  }
}

.c-base_list_entity--medium {
  padding: 12px;

  &.c-base_list_entity--active {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }

  &.c-base_list_entity--no-pad {
    padding: 0;
  }
}

.c-base_list_entity--small.c-base_list_entity--no-pad {
  padding: 0;
}

.p-add_to_slack_confirmation__base_modal {
  .c-sk-modal_header {
    display: none;
  }

  .c-sk-modal_footer {
    margin-top: 24px;
  }
}

.p-add_to_slack_confirmation__comprehensible_modal {
  max-width: 600px;
  min-height: 400px;

  .c-sk-modal_title_bar {
    display: none;
  }

  .c-sk-modal_header {
    background-color: #f5efe8;
  }
}

.sk-client-theme--dark .p-add_to_slack_confirmation__comprehensible_modal .c-sk-modal_header {
  background-color: #323538;
}

.p-add_to_slack_confirmation__comprehensible_modal .c-sk-modal_image {
  height: 200px;
  padding-top: 26px;
  width: 100%;
}

.p-add_to_slack_confirmation__content {
  display: flex;
  flex-direction: column;
}

.p-add_to_slack_confirmation__title_icon--success {
  background-color: #007a5a26;
  color: #007a5a;
}

.p-add_to_slack_confirmation__title_icon--error, .p-add_to_slack_confirmation__title_icon--success {
  border-radius: 100%;
  font-size: 22px;
  font-weight: 900;
  height: 60px;
  line-height: 1.36365;
  margin-bottom: 12px;
  margin-top: 32px;
  width: 60px;
}

.p-add_to_slack_confirmation__title_icon--error {
  background-color: #e8912d26;
  color: #e8912d;
}

.p-add_to_slack_confirmation__title {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  text-align: center;
}

.p-add_to_slack_confirmation__title_container {
  margin-bottom: 16px;
}

.p-add_to_slack_confirmation__comprehensible_title {
  font-size: 22px;
  font-weight: 900;
  margin: 20px 0;
}

.p-add_to_slack_confirmation__channel_name {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  text-align: center;
}

.p-add_to_slack_confirmation__summary_list_header {
  display: flex;
  flex-direction: row;
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;
  padding-bottom: 8px;
}

.p-add_to_slack_confirmation__summary_list_header--success {
  border-bottom: 1px solid #007a5a;
  color: #007a5a;
}

.p-add_to_slack_confirmation__summary_list_header--error {
  border-bottom: 1px solid rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
}

.p-add_to_slack_confirmation__summary_divider {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  height: 16px;
  width: 100%;
}

.p-add_to_slack_confirmation__summary {
  display: flex;
  flex-direction: row;
  margin-top: 16px;
}

.p-add_to_slack_confirmation__summary_icon {
  margin-right: 8px;
  margin-top: 1px;
}

.p-add_to_slack_confirmation__summary_message_container {
  display: flex;
  flex-direction: column;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-add_to_slack_confirmation__summary_message_invitees_overflow {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: inline;
  text-decoration-line: underline;
}

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

.p-add_to_slack_confirmation__see_past_invites {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  flex-shrink: 9999;
  margin-right: 8px;
}

.p-add_to_slack_confirmation__footer_link {
  margin-left: 16px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);

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

.p-add_to_slack_confirmation__invite_list_entity_base_entity {
  padding: 6px 0;
}

.p-add_to_slack_confirmation__invite_list_entity {
  margin: 0 -28px;
  padding: 0 28px;

  &:focus-within, &:hover {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

.p-add_to_slack_confirmation__invite_list_entity_primary {
  align-items: center;
  display: flex;
  max-width: 100%;
  min-width: 0;
}

.p-add_to_slack_confirmation__invite_list_entity_secondary {
  align-items: center;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  text-align: right;
  white-space: nowrap;
}

.p-add_to_slack_confirmation__invite_list_entity_icon_container {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-radius: 4px;
  margin-right: 12px;
  padding: 8px;
}

.p-add_to_slack_confirmation__invite_list_entity_icon {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  min-width: 20px;
}

.p-add_to_slack_confirmation__invite_list_entity_subtext {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-huddle_onboarding_hover_tip {
  background-color: #f4ede4;
  border-radius: 8px 8px 0 0;
  color: #1d1c1d;
  display: none;
  flex-direction: column;
  opacity: 0;
  padding: 16px;

  .p-huddle_onboarding_hover_tip__media {
    text-align: center;
  }

  .p-huddle_onboarding_hover_tip__gif {
    border-radius: 8px;
    margin-bottom: 16px;
    width: 100%;
  }

  .p-huddle_base_tip__header {
    font-weight: 700;
    margin-bottom: 6px;
  }
}

.p-huddle_onboarding_hover_tip--display {
  animation: fadeIn .16s linear;
  display: flex;
  opacity: 1;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.c-coachmark-anchor {
  position: relative;
}

.c-coachmark-anchor--max-content {
  width: max-content;
}

.c-coachmark-anchor--full {
  width: 100%;
}

.c-joiner-coachmark {
  left: 210px;
  top: -5px;
}

.c-coachmark {
  .c-message-pane__c-coachmark {
    right: -38px;
    top: -46px;
  }

  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 18px 48px 0 #00000014;
  padding: 20px 24px 24px;
  position: absolute;
  width: 400px;
  z-index: 1053;

  &:focus {
    outline: none;
  }

  &:after, &:before {
    border: solid #0000;
    content: ' ';
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0;
  }

  &:after {
    border-color: #fff0;
    border-width: 16px;
  }

  &:before {
    border-color: #0000;
    border-width: 17px;
  }
}

.c-coachmark__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

.c-coachmark--refurbish.c-coachmark--top-right, .c-coachmark--top, .c-coachmark--top-left {
  transform: translateY(-100%);
}

.c-coachmark--refurbish.c-coachmark--top-right {
  &:after, &:before {
    top: 100%;
  }
}

.c-coachmark--top-left {
  &:after, &:before {
    top: 100%;
  }
}

.c-coachmark--top {
  &:after, &:before {
    top: 100%;
  }
}

.c-coachmark--refurbish.c-coachmark--top-right:after, .c-coachmark--top-left:after, .c-coachmark--top:after {
  border-top-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  margin-left: -16px;
}

.c-coachmark--refurbish.c-coachmark--top-right:before, .c-coachmark--top-left:before, .c-coachmark--top:before {
  border-top-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  margin-left: -17px;
}

.c-coachmark--refurbish.c-coachmark--top-right.c-coachmark--10 {
  &:after, &:before {
    left: 10%;
  }
}

.c-coachmark--top-left.c-coachmark--10 {
  &:after, &:before {
    left: 10%;
  }
}

.c-coachmark--top.c-coachmark--10 {
  &:after, &:before {
    left: 10%;
  }
}

.c-coachmark--refurbish.c-coachmark--top-right.c-coachmark--10.c-coachmark--center_on_arrow, .c-coachmark--top-left.c-coachmark--10.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--10.c-coachmark--center_on_arrow {
  transform: translate(-10%, -100%);
}

.c-coachmark--refurbish.c-coachmark--top-right.c-coachmark--20 {
  &:after, &:before {
    left: 20%;
  }
}

.c-coachmark--top-left.c-coachmark--20 {
  &:after, &:before {
    left: 20%;
  }
}

.c-coachmark--top.c-coachmark--20 {
  &:after, &:before {
    left: 20%;
  }
}

.c-coachmark--refurbish.c-coachmark--top-right.c-coachmark--20.c-coachmark--center_on_arrow, .c-coachmark--top-left.c-coachmark--20.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--20.c-coachmark--center_on_arrow {
  transform: translate(-20%, -100%);
}

.c-coachmark--refurbish.c-coachmark--top-right.c-coachmark--30 {
  &:after, &:before {
    left: 30%;
  }
}

.c-coachmark--top-left.c-coachmark--30 {
  &:after, &:before {
    left: 30%;
  }
}

.c-coachmark--top.c-coachmark--30 {
  &:after, &:before {
    left: 30%;
  }
}

.c-coachmark--refurbish.c-coachmark--top-right.c-coachmark--30.c-coachmark--center_on_arrow, .c-coachmark--top-left.c-coachmark--30.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--30.c-coachmark--center_on_arrow {
  transform: translate(-30%, -100%);
}

.c-coachmark--refurbish.c-coachmark--top-right.c-coachmark--40 {
  &:after, &:before {
    left: 40%;
  }
}

.c-coachmark--top-left.c-coachmark--40 {
  &:after, &:before {
    left: 40%;
  }
}

.c-coachmark--top.c-coachmark--40 {
  &:after, &:before {
    left: 40%;
  }
}

.c-coachmark--refurbish.c-coachmark--top-right.c-coachmark--40.c-coachmark--center_on_arrow, .c-coachmark--top-left.c-coachmark--40.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--40.c-coachmark--center_on_arrow {
  transform: translate(-40%, -100%);
}

.c-coachmark--refurbish.c-coachmark--top-right.c-coachmark--50 {
  &:after, &:before {
    left: 50%;
  }
}

.c-coachmark--top-left.c-coachmark--50 {
  &:after, &:before {
    left: 50%;
  }
}

.c-coachmark--top.c-coachmark--50 {
  &:after, &:before {
    left: 50%;
  }
}

.c-coachmark--refurbish.c-coachmark--top-right.c-coachmark--50.c-coachmark--center_on_arrow, .c-coachmark--top-left.c-coachmark--50.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--50.c-coachmark--center_on_arrow {
  transform: translate(-50%, -100%);
}

.c-coachmark--refurbish.c-coachmark--top-right.c-coachmark--60 {
  &:after, &:before {
    left: 60%;
  }
}

.c-coachmark--top-left.c-coachmark--60 {
  &:after, &:before {
    left: 60%;
  }
}

.c-coachmark--top.c-coachmark--60 {
  &:after, &:before {
    left: 60%;
  }
}

.c-coachmark--refurbish.c-coachmark--top-right.c-coachmark--60.c-coachmark--center_on_arrow, .c-coachmark--top-left.c-coachmark--60.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--60.c-coachmark--center_on_arrow {
  transform: translate(-60%, -100%);
}

.c-coachmark--refurbish.c-coachmark--top-right.c-coachmark--70 {
  &:after, &:before {
    left: 70%;
  }
}

.c-coachmark--top-left.c-coachmark--70 {
  &:after, &:before {
    left: 70%;
  }
}

.c-coachmark--top.c-coachmark--70 {
  &:after, &:before {
    left: 70%;
  }
}

.c-coachmark--refurbish.c-coachmark--top-right.c-coachmark--70.c-coachmark--center_on_arrow, .c-coachmark--top-left.c-coachmark--70.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--70.c-coachmark--center_on_arrow {
  transform: translate(-70%, -100%);
}

.c-coachmark--refurbish.c-coachmark--top-right.c-coachmark--80 {
  &:after, &:before {
    left: 80%;
  }
}

.c-coachmark--top-left.c-coachmark--80 {
  &:after, &:before {
    left: 80%;
  }
}

.c-coachmark--top.c-coachmark--80 {
  &:after, &:before {
    left: 80%;
  }
}

.c-coachmark--refurbish.c-coachmark--top-right.c-coachmark--80.c-coachmark--center_on_arrow, .c-coachmark--top-left.c-coachmark--80.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--80.c-coachmark--center_on_arrow {
  transform: translate(-80%, -100%);
}

.c-coachmark--refurbish.c-coachmark--top-right.c-coachmark--90 {
  &:after, &:before {
    left: 90%;
  }
}

.c-coachmark--top-left.c-coachmark--90 {
  &:after, &:before {
    left: 90%;
  }
}

.c-coachmark--top.c-coachmark--90 {
  &:after, &:before {
    left: 90%;
  }
}

.c-coachmark--refurbish.c-coachmark--top-right.c-coachmark--90.c-coachmark--center_on_arrow, .c-coachmark--top-left.c-coachmark--90.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--90.c-coachmark--center_on_arrow {
  transform: translate(-90%, -100%);
}

.c-coachmark--refurbish.c-coachmark--top-right.c-coachmark--95 {
  &:after, &:before {
    left: 95%;
  }
}

.c-coachmark--top-left.c-coachmark--95 {
  &:after, &:before {
    left: 95%;
  }
}

.c-coachmark--top.c-coachmark--95 {
  &:after, &:before {
    left: 95%;
  }
}

.c-coachmark--refurbish.c-coachmark--top-right.c-coachmark--95.c-coachmark--center_on_arrow, .c-coachmark--top-left.c-coachmark--95.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--95.c-coachmark--center_on_arrow {
  transform: translate(-95%, -100%);
}

.c-coachmark--bottom {
  &:after, &:before {
    bottom: 100%;
  }
}

.c-coachmark--refurbish {
  &.c-coachmark--bottom-left {
    &:after, &:before {
      bottom: 100%;
    }
  }

  &.c-coachmark--bottom-right {
    &:after, &:before {
      bottom: 100%;
    }
  }
}

.c-coachmark--bottom:after {
  border-bottom-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  margin-left: -16px;
}

.c-coachmark--refurbish {
  &.c-coachmark--bottom-left:after, &.c-coachmark--bottom-right:after {
    border-bottom-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    margin-left: -16px;
  }
}

.c-coachmark--bottom:before {
  border-bottom-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  margin-left: -17px;
}

.c-coachmark--refurbish {
  &.c-coachmark--bottom-left:before, &.c-coachmark--bottom-right:before {
    border-bottom-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    margin-left: -17px;
  }
}

.c-coachmark--bottom.c-coachmark--10 {
  &:after, &:before {
    left: 10%;
  }
}

.c-coachmark--refurbish {
  &.c-coachmark--bottom-left.c-coachmark--10 {
    &:after, &:before {
      left: 10%;
    }
  }

  &.c-coachmark--bottom-right.c-coachmark--10 {
    &:after, &:before {
      left: 10%;
    }
  }
}

.c-coachmark--bottom.c-coachmark--10.c-coachmark--center_on_arrow {
  transform: translate(-10%);
}

.c-coachmark--refurbish {
  &.c-coachmark--bottom-left.c-coachmark--10.c-coachmark--center_on_arrow, &.c-coachmark--bottom-right.c-coachmark--10.c-coachmark--center_on_arrow {
    transform: translate(-10%);
  }
}

.c-coachmark--bottom.c-coachmark--20 {
  &:after, &:before {
    left: 20%;
  }
}

.c-coachmark--refurbish {
  &.c-coachmark--bottom-left.c-coachmark--20 {
    &:after, &:before {
      left: 20%;
    }
  }

  &.c-coachmark--bottom-right.c-coachmark--20 {
    &:after, &:before {
      left: 20%;
    }
  }
}

.c-coachmark--bottom.c-coachmark--20.c-coachmark--center_on_arrow {
  transform: translate(-20%);
}

.c-coachmark--refurbish {
  &.c-coachmark--bottom-left.c-coachmark--20.c-coachmark--center_on_arrow, &.c-coachmark--bottom-right.c-coachmark--20.c-coachmark--center_on_arrow {
    transform: translate(-20%);
  }
}

.c-coachmark--bottom.c-coachmark--30 {
  &:after, &:before {
    left: 30%;
  }
}

.c-coachmark--refurbish {
  &.c-coachmark--bottom-left.c-coachmark--30 {
    &:after, &:before {
      left: 30%;
    }
  }

  &.c-coachmark--bottom-right.c-coachmark--30 {
    &:after, &:before {
      left: 30%;
    }
  }
}

.c-coachmark--bottom.c-coachmark--30.c-coachmark--center_on_arrow {
  transform: translate(-30%);
}

.c-coachmark--refurbish {
  &.c-coachmark--bottom-left.c-coachmark--30.c-coachmark--center_on_arrow, &.c-coachmark--bottom-right.c-coachmark--30.c-coachmark--center_on_arrow {
    transform: translate(-30%);
  }
}

.c-coachmark--bottom.c-coachmark--40 {
  &:after, &:before {
    left: 40%;
  }
}

.c-coachmark--refurbish {
  &.c-coachmark--bottom-left.c-coachmark--40 {
    &:after, &:before {
      left: 40%;
    }
  }

  &.c-coachmark--bottom-right.c-coachmark--40 {
    &:after, &:before {
      left: 40%;
    }
  }
}

.c-coachmark--bottom.c-coachmark--40.c-coachmark--center_on_arrow {
  transform: translate(-40%);
}

.c-coachmark--refurbish {
  &.c-coachmark--bottom-left.c-coachmark--40.c-coachmark--center_on_arrow, &.c-coachmark--bottom-right.c-coachmark--40.c-coachmark--center_on_arrow {
    transform: translate(-40%);
  }
}

.c-coachmark--bottom.c-coachmark--50 {
  &:after, &:before {
    left: 50%;
  }
}

.c-coachmark--refurbish {
  &.c-coachmark--bottom-left.c-coachmark--50 {
    &:after, &:before {
      left: 50%;
    }
  }

  &.c-coachmark--bottom-right.c-coachmark--50 {
    &:after, &:before {
      left: 50%;
    }
  }
}

.c-coachmark--bottom.c-coachmark--50.c-coachmark--center_on_arrow {
  transform: translate(-50%);
}

.c-coachmark--refurbish {
  &.c-coachmark--bottom-left.c-coachmark--50.c-coachmark--center_on_arrow, &.c-coachmark--bottom-right.c-coachmark--50.c-coachmark--center_on_arrow {
    transform: translate(-50%);
  }
}

.c-coachmark--bottom.c-coachmark--60 {
  &:after, &:before {
    left: 60%;
  }
}

.c-coachmark--refurbish {
  &.c-coachmark--bottom-left.c-coachmark--60 {
    &:after, &:before {
      left: 60%;
    }
  }

  &.c-coachmark--bottom-right.c-coachmark--60 {
    &:after, &:before {
      left: 60%;
    }
  }
}

.c-coachmark--bottom.c-coachmark--60.c-coachmark--center_on_arrow {
  transform: translate(-60%);
}

.c-coachmark--refurbish {
  &.c-coachmark--bottom-left.c-coachmark--60.c-coachmark--center_on_arrow, &.c-coachmark--bottom-right.c-coachmark--60.c-coachmark--center_on_arrow {
    transform: translate(-60%);
  }
}

.c-coachmark--bottom.c-coachmark--70 {
  &:after, &:before {
    left: 70%;
  }
}

.c-coachmark--refurbish {
  &.c-coachmark--bottom-left.c-coachmark--70 {
    &:after, &:before {
      left: 70%;
    }
  }

  &.c-coachmark--bottom-right.c-coachmark--70 {
    &:after, &:before {
      left: 70%;
    }
  }
}

.c-coachmark--bottom.c-coachmark--70.c-coachmark--center_on_arrow {
  transform: translate(-70%);
}

.c-coachmark--refurbish {
  &.c-coachmark--bottom-left.c-coachmark--70.c-coachmark--center_on_arrow, &.c-coachmark--bottom-right.c-coachmark--70.c-coachmark--center_on_arrow {
    transform: translate(-70%);
  }
}

.c-coachmark--bottom.c-coachmark--80 {
  &:after, &:before {
    left: 80%;
  }
}

.c-coachmark--refurbish {
  &.c-coachmark--bottom-left.c-coachmark--80 {
    &:after, &:before {
      left: 80%;
    }
  }

  &.c-coachmark--bottom-right.c-coachmark--80 {
    &:after, &:before {
      left: 80%;
    }
  }
}

.c-coachmark--bottom.c-coachmark--80.c-coachmark--center_on_arrow {
  transform: translate(-80%);
}

.c-coachmark--refurbish {
  &.c-coachmark--bottom-left.c-coachmark--80.c-coachmark--center_on_arrow, &.c-coachmark--bottom-right.c-coachmark--80.c-coachmark--center_on_arrow {
    transform: translate(-80%);
  }
}

.c-coachmark--bottom.c-coachmark--90 {
  &:after, &:before {
    left: 90%;
  }
}

.c-coachmark--refurbish {
  &.c-coachmark--bottom-left.c-coachmark--90 {
    &:after, &:before {
      left: 90%;
    }
  }

  &.c-coachmark--bottom-right.c-coachmark--90 {
    &:after, &:before {
      left: 90%;
    }
  }
}

.c-coachmark--bottom.c-coachmark--90.c-coachmark--center_on_arrow {
  transform: translate(-90%);
}

.c-coachmark--refurbish {
  &.c-coachmark--bottom-left.c-coachmark--90.c-coachmark--center_on_arrow, &.c-coachmark--bottom-right.c-coachmark--90.c-coachmark--center_on_arrow {
    transform: translate(-90%);
  }
}

.c-coachmark--bottom.c-coachmark--95 {
  &:after, &:before {
    left: 95%;
  }
}

.c-coachmark--refurbish {
  &.c-coachmark--bottom-left.c-coachmark--95 {
    &:after, &:before {
      left: 95%;
    }
  }

  &.c-coachmark--bottom-right.c-coachmark--95 {
    &:after, &:before {
      left: 95%;
    }
  }
}

.c-coachmark--bottom.c-coachmark--95.c-coachmark--center_on_arrow {
  transform: translate(-95%);
}

.c-coachmark--refurbish {
  &.c-coachmark--bottom-left.c-coachmark--95.c-coachmark--center_on_arrow, &.c-coachmark--bottom-right.c-coachmark--95.c-coachmark--center_on_arrow {
    transform: translate(-95%);
  }
}

.c-coachmark--bottom-left {
  &:after, &:before {
    bottom: 100%;
    left: 100%;
  }

  &:after {
    border-bottom-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    margin-left: -16px;
  }

  &:before {
    border-bottom-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    margin-left: -17px;
  }

  &.c-coachmark--10 {
    &:after, &:before {
      left: 10%;
    }
  }

  &.c-coachmark--20 {
    &:after, &:before {
      left: 20%;
    }
  }

  &.c-coachmark--30 {
    &:after, &:before {
      left: 30%;
    }
  }

  &.c-coachmark--40 {
    &:after, &:before {
      left: 40%;
    }
  }

  &.c-coachmark--50 {
    &:after, &:before {
      left: 50%;
    }
  }

  &.c-coachmark--60 {
    &:after, &:before {
      left: 60%;
    }
  }

  &.c-coachmark--70 {
    &:after, &:before {
      left: 70%;
    }
  }

  &.c-coachmark--80 {
    &:after, &:before {
      left: 80%;
    }
  }

  &.c-coachmark--90 {
    &:after, &:before {
      left: 90%;
    }
  }

  &.c-coachmark--95 {
    &:after, &:before {
      left: 95%;
    }
  }
}

.c-coachmark--left, .c-coachmark--left-top, .c-coachmark--refurbish.c-coachmark--left-bottom {
  transform: translate(-110%, -50%);
}

.c-coachmark--left-top {
  &:after, &:before {
    left: 100%;
  }
}

.c-coachmark--left {
  &:after, &:before {
    left: 100%;
  }
}

.c-coachmark--refurbish.c-coachmark--left-bottom {
  &:after, &:before {
    left: 100%;
  }
}

.c-coachmark--left-top:after, .c-coachmark--left:after, .c-coachmark--refurbish.c-coachmark--left-bottom:after {
  border-left-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  margin-top: -16px;
}

.c-coachmark--left-top:before, .c-coachmark--left:before, .c-coachmark--refurbish.c-coachmark--left-bottom:before {
  border-left-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  margin-top: -17px;
}

.c-coachmark--left-top.c-coachmark--10 {
  &:after, &:before {
    top: 10%;
  }
}

.c-coachmark--left.c-coachmark--10 {
  &:after, &:before {
    top: 10%;
  }
}

.c-coachmark--refurbish.c-coachmark--left-bottom.c-coachmark--10 {
  &:after, &:before {
    top: 10%;
  }
}

.c-coachmark--left-top.c-coachmark--10.c-coachmark--center_on_arrow, .c-coachmark--left.c-coachmark--10.c-coachmark--center_on_arrow, .c-coachmark--refurbish.c-coachmark--left-bottom.c-coachmark--10.c-coachmark--center_on_arrow {
  transform: translate(-110%, -10%);
}

.c-coachmark--left-top.c-coachmark--20 {
  &:after, &:before {
    top: 20%;
  }
}

.c-coachmark--left.c-coachmark--20 {
  &:after, &:before {
    top: 20%;
  }
}

.c-coachmark--refurbish.c-coachmark--left-bottom.c-coachmark--20 {
  &:after, &:before {
    top: 20%;
  }
}

.c-coachmark--left-top.c-coachmark--20.c-coachmark--center_on_arrow, .c-coachmark--left.c-coachmark--20.c-coachmark--center_on_arrow, .c-coachmark--refurbish.c-coachmark--left-bottom.c-coachmark--20.c-coachmark--center_on_arrow {
  transform: translate(-110%, -20%);
}

.c-coachmark--left-top.c-coachmark--30 {
  &:after, &:before {
    top: 30%;
  }
}

.c-coachmark--left.c-coachmark--30 {
  &:after, &:before {
    top: 30%;
  }
}

.c-coachmark--refurbish.c-coachmark--left-bottom.c-coachmark--30 {
  &:after, &:before {
    top: 30%;
  }
}

.c-coachmark--left-top.c-coachmark--30.c-coachmark--center_on_arrow, .c-coachmark--left.c-coachmark--30.c-coachmark--center_on_arrow, .c-coachmark--refurbish.c-coachmark--left-bottom.c-coachmark--30.c-coachmark--center_on_arrow {
  transform: translate(-110%, -30%);
}

.c-coachmark--left-top.c-coachmark--40 {
  &:after, &:before {
    top: 40%;
  }
}

.c-coachmark--left.c-coachmark--40 {
  &:after, &:before {
    top: 40%;
  }
}

.c-coachmark--refurbish.c-coachmark--left-bottom.c-coachmark--40 {
  &:after, &:before {
    top: 40%;
  }
}

.c-coachmark--left-top.c-coachmark--40.c-coachmark--center_on_arrow, .c-coachmark--left.c-coachmark--40.c-coachmark--center_on_arrow, .c-coachmark--refurbish.c-coachmark--left-bottom.c-coachmark--40.c-coachmark--center_on_arrow {
  transform: translate(-110%, -40%);
}

.c-coachmark--left-top.c-coachmark--50 {
  &:after, &:before {
    top: 50%;
  }
}

.c-coachmark--left.c-coachmark--50 {
  &:after, &:before {
    top: 50%;
  }
}

.c-coachmark--refurbish.c-coachmark--left-bottom.c-coachmark--50 {
  &:after, &:before {
    top: 50%;
  }
}

.c-coachmark--left-top.c-coachmark--50.c-coachmark--center_on_arrow, .c-coachmark--left.c-coachmark--50.c-coachmark--center_on_arrow, .c-coachmark--refurbish.c-coachmark--left-bottom.c-coachmark--50.c-coachmark--center_on_arrow {
  transform: translate(-110%, -50%);
}

.c-coachmark--left-top.c-coachmark--60 {
  &:after, &:before {
    top: 60%;
  }
}

.c-coachmark--left.c-coachmark--60 {
  &:after, &:before {
    top: 60%;
  }
}

.c-coachmark--refurbish.c-coachmark--left-bottom.c-coachmark--60 {
  &:after, &:before {
    top: 60%;
  }
}

.c-coachmark--left-top.c-coachmark--60.c-coachmark--center_on_arrow, .c-coachmark--left.c-coachmark--60.c-coachmark--center_on_arrow, .c-coachmark--refurbish.c-coachmark--left-bottom.c-coachmark--60.c-coachmark--center_on_arrow {
  transform: translate(-110%, -60%);
}

.c-coachmark--left-top.c-coachmark--70 {
  &:after, &:before {
    top: 70%;
  }
}

.c-coachmark--left.c-coachmark--70 {
  &:after, &:before {
    top: 70%;
  }
}

.c-coachmark--refurbish.c-coachmark--left-bottom.c-coachmark--70 {
  &:after, &:before {
    top: 70%;
  }
}

.c-coachmark--left-top.c-coachmark--70.c-coachmark--center_on_arrow, .c-coachmark--left.c-coachmark--70.c-coachmark--center_on_arrow, .c-coachmark--refurbish.c-coachmark--left-bottom.c-coachmark--70.c-coachmark--center_on_arrow {
  transform: translate(-110%, -70%);
}

.c-coachmark--left-top.c-coachmark--80 {
  &:after, &:before {
    top: 80%;
  }
}

.c-coachmark--left.c-coachmark--80 {
  &:after, &:before {
    top: 80%;
  }
}

.c-coachmark--refurbish.c-coachmark--left-bottom.c-coachmark--80 {
  &:after, &:before {
    top: 80%;
  }
}

.c-coachmark--left-top.c-coachmark--80.c-coachmark--center_on_arrow, .c-coachmark--left.c-coachmark--80.c-coachmark--center_on_arrow, .c-coachmark--refurbish.c-coachmark--left-bottom.c-coachmark--80.c-coachmark--center_on_arrow {
  transform: translate(-110%, -80%);
}

.c-coachmark--left-top.c-coachmark--90 {
  &:after, &:before {
    top: 90%;
  }
}

.c-coachmark--left.c-coachmark--90 {
  &:after, &:before {
    top: 90%;
  }
}

.c-coachmark--refurbish.c-coachmark--left-bottom.c-coachmark--90 {
  &:after, &:before {
    top: 90%;
  }
}

.c-coachmark--left-top.c-coachmark--90.c-coachmark--center_on_arrow, .c-coachmark--left.c-coachmark--90.c-coachmark--center_on_arrow, .c-coachmark--refurbish.c-coachmark--left-bottom.c-coachmark--90.c-coachmark--center_on_arrow {
  transform: translate(-110%, -90%);
}

.c-coachmark--left-top.c-coachmark--95 {
  &:after, &:before {
    top: 95%;
  }
}

.c-coachmark--left.c-coachmark--95 {
  &:after, &:before {
    top: 95%;
  }
}

.c-coachmark--refurbish.c-coachmark--left-bottom.c-coachmark--95 {
  &:after, &:before {
    top: 95%;
  }
}

.c-coachmark--left-top.c-coachmark--95.c-coachmark--center_on_arrow, .c-coachmark--left.c-coachmark--95.c-coachmark--center_on_arrow {
  transform: translate(-110%, -95%);
}

.c-coachmark--refurbish {
  &.c-coachmark--left-bottom.c-coachmark--95.c-coachmark--center_on_arrow {
    transform: translate(-110%, -95%);
  }

  &.c-coachmark--right-bottom, &.c-coachmark--right-top {
    transform: translateY(-50%);
  }
}

.c-coachmark--right {
  transform: translateY(-50%);
}

.c-coachmark--refurbish {
  &.c-coachmark--right-bottom {
    &:after, &:before {
      right: 100%;
      top: 50%;
    }
  }

  &.c-coachmark--right-top {
    &:after, &:before {
      right: 100%;
      top: 50%;
    }
  }
}

.c-coachmark--right {
  &:after, &:before {
    right: 100%;
    top: 50%;
  }
}

.c-coachmark--refurbish {
  &.c-coachmark--right-bottom:after, &.c-coachmark--right-top:after {
    border-right-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    margin-top: -16px;
  }
}

.c-coachmark--right:after {
  border-right-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  margin-top: -16px;
}

.c-coachmark--refurbish {
  &.c-coachmark--right-bottom:before, &.c-coachmark--right-top:before {
    border-right-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    margin-top: -17px;
  }
}

.c-coachmark--right:before {
  border-right-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  margin-top: -17px;
}

.c-coachmark--refurbish {
  &.c-coachmark--right-bottom.c-coachmark--10 {
    &:after, &:before {
      top: 10%;
    }
  }

  &.c-coachmark--right-top.c-coachmark--10 {
    &:after, &:before {
      top: 10%;
    }
  }
}

.c-coachmark--right.c-coachmark--10 {
  &:after, &:before {
    top: 10%;
  }
}

.c-coachmark--refurbish {
  &.c-coachmark--right-bottom.c-coachmark--10.c-coachmark--center_on_arrow, &.c-coachmark--right-top.c-coachmark--10.c-coachmark--center_on_arrow {
    transform: translateY(-10%);
  }
}

.c-coachmark--right.c-coachmark--10.c-coachmark--center_on_arrow {
  transform: translateY(-10%);
}

.c-coachmark--refurbish {
  &.c-coachmark--right-bottom.c-coachmark--20 {
    &:after, &:before {
      top: 20%;
    }
  }

  &.c-coachmark--right-top.c-coachmark--20 {
    &:after, &:before {
      top: 20%;
    }
  }
}

.c-coachmark--right.c-coachmark--20 {
  &:after, &:before {
    top: 20%;
  }
}

.c-coachmark--refurbish {
  &.c-coachmark--right-bottom.c-coachmark--20.c-coachmark--center_on_arrow, &.c-coachmark--right-top.c-coachmark--20.c-coachmark--center_on_arrow {
    transform: translateY(-20%);
  }
}

.c-coachmark--right.c-coachmark--20.c-coachmark--center_on_arrow {
  transform: translateY(-20%);
}

.c-coachmark--refurbish {
  &.c-coachmark--right-bottom.c-coachmark--30 {
    &:after, &:before {
      top: 30%;
    }
  }

  &.c-coachmark--right-top.c-coachmark--30 {
    &:after, &:before {
      top: 30%;
    }
  }
}

.c-coachmark--right.c-coachmark--30 {
  &:after, &:before {
    top: 30%;
  }
}

.c-coachmark--refurbish {
  &.c-coachmark--right-bottom.c-coachmark--30.c-coachmark--center_on_arrow, &.c-coachmark--right-top.c-coachmark--30.c-coachmark--center_on_arrow {
    transform: translateY(-30%);
  }
}

.c-coachmark--right.c-coachmark--30.c-coachmark--center_on_arrow {
  transform: translateY(-30%);
}

.c-coachmark--refurbish {
  &.c-coachmark--right-bottom.c-coachmark--40 {
    &:after, &:before {
      top: 40%;
    }
  }

  &.c-coachmark--right-top.c-coachmark--40 {
    &:after, &:before {
      top: 40%;
    }
  }
}

.c-coachmark--right.c-coachmark--40 {
  &:after, &:before {
    top: 40%;
  }
}

.c-coachmark--refurbish {
  &.c-coachmark--right-bottom.c-coachmark--40.c-coachmark--center_on_arrow, &.c-coachmark--right-top.c-coachmark--40.c-coachmark--center_on_arrow {
    transform: translateY(-40%);
  }
}

.c-coachmark--right.c-coachmark--40.c-coachmark--center_on_arrow {
  transform: translateY(-40%);
}

.c-coachmark--refurbish {
  &.c-coachmark--right-bottom.c-coachmark--50 {
    &:after, &:before {
      top: 50%;
    }
  }

  &.c-coachmark--right-top.c-coachmark--50 {
    &:after, &:before {
      top: 50%;
    }
  }
}

.c-coachmark--right.c-coachmark--50 {
  &:after, &:before {
    top: 50%;
  }
}

.c-coachmark--refurbish {
  &.c-coachmark--right-bottom.c-coachmark--50.c-coachmark--center_on_arrow, &.c-coachmark--right-top.c-coachmark--50.c-coachmark--center_on_arrow {
    transform: translateY(-50%);
  }
}

.c-coachmark--right.c-coachmark--50.c-coachmark--center_on_arrow {
  transform: translateY(-50%);
}

.c-coachmark--refurbish {
  &.c-coachmark--right-bottom.c-coachmark--60 {
    &:after, &:before {
      top: 60%;
    }
  }

  &.c-coachmark--right-top.c-coachmark--60 {
    &:after, &:before {
      top: 60%;
    }
  }
}

.c-coachmark--right.c-coachmark--60 {
  &:after, &:before {
    top: 60%;
  }
}

.c-coachmark--refurbish {
  &.c-coachmark--right-bottom.c-coachmark--60.c-coachmark--center_on_arrow, &.c-coachmark--right-top.c-coachmark--60.c-coachmark--center_on_arrow {
    transform: translateY(-60%);
  }
}

.c-coachmark--right.c-coachmark--60.c-coachmark--center_on_arrow {
  transform: translateY(-60%);
}

.c-coachmark--refurbish {
  &.c-coachmark--right-bottom.c-coachmark--70 {
    &:after, &:before {
      top: 70%;
    }
  }

  &.c-coachmark--right-top.c-coachmark--70 {
    &:after, &:before {
      top: 70%;
    }
  }
}

.c-coachmark--right.c-coachmark--70 {
  &:after, &:before {
    top: 70%;
  }
}

.c-coachmark--refurbish {
  &.c-coachmark--right-bottom.c-coachmark--70.c-coachmark--center_on_arrow, &.c-coachmark--right-top.c-coachmark--70.c-coachmark--center_on_arrow {
    transform: translateY(-70%);
  }
}

.c-coachmark--right.c-coachmark--70.c-coachmark--center_on_arrow {
  transform: translateY(-70%);
}

.c-coachmark--refurbish {
  &.c-coachmark--right-bottom.c-coachmark--80 {
    &:after, &:before {
      top: 80%;
    }
  }

  &.c-coachmark--right-top.c-coachmark--80 {
    &:after, &:before {
      top: 80%;
    }
  }
}

.c-coachmark--right.c-coachmark--80 {
  &:after, &:before {
    top: 80%;
  }
}

.c-coachmark--refurbish {
  &.c-coachmark--right-bottom.c-coachmark--80.c-coachmark--center_on_arrow, &.c-coachmark--right-top.c-coachmark--80.c-coachmark--center_on_arrow {
    transform: translateY(-80%);
  }
}

.c-coachmark--right.c-coachmark--80.c-coachmark--center_on_arrow {
  transform: translateY(-80%);
}

.c-coachmark--refurbish {
  &.c-coachmark--right-bottom.c-coachmark--90 {
    &:after, &:before {
      top: 90%;
    }
  }

  &.c-coachmark--right-top.c-coachmark--90 {
    &:after, &:before {
      top: 90%;
    }
  }
}

.c-coachmark--right.c-coachmark--90 {
  &:after, &:before {
    top: 90%;
  }
}

.c-coachmark--refurbish {
  &.c-coachmark--right-bottom.c-coachmark--90.c-coachmark--center_on_arrow, &.c-coachmark--right-top.c-coachmark--90.c-coachmark--center_on_arrow {
    transform: translateY(-90%);
  }
}

.c-coachmark--right.c-coachmark--90.c-coachmark--center_on_arrow {
  transform: translateY(-90%);
}

.c-coachmark--refurbish {
  &.c-coachmark--right-bottom.c-coachmark--95 {
    &:after, &:before {
      top: 95%;
    }
  }

  &.c-coachmark--right-top.c-coachmark--95 {
    &:after, &:before {
      top: 95%;
    }
  }
}

.c-coachmark--right.c-coachmark--95 {
  &:after, &:before {
    top: 95%;
  }
}

.c-coachmark--refurbish {
  &.c-coachmark--right-bottom.c-coachmark--95.c-coachmark--center_on_arrow, &.c-coachmark--right-top.c-coachmark--95.c-coachmark--center_on_arrow {
    transform: translateY(-95%);
  }
}

.c-coachmark--right.c-coachmark--95.c-coachmark--center_on_arrow {
  transform: translateY(-95%);
}

.c-coachmark--top-right {
  &:after, &:before {
    bottom: 0;
    right: 0;
  }
}

.c-coachmark--top-left {
  &:after, &:before {
    left: 0;
  }
}

.c-coachmark--bottom-left {
  &:after, &:before {
    right: 0;
  }
}

.c-coachmark__close {
  float: right;
  right: -12px;
  top: -8px;
}

.c-coachmark__overlay {
  background-color: #ffffffbf;
}

.p-setup_prog_disc_success_coachmark {
  background: rgba(var(--sk_highlight, 18, 100, 163), 1);
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  min-width: 480px;
  padding: 16px;

  .c-coachmark__close {
    &.c-icon_button--default, &.c-icon_button--light {
      color: #fff;

      &:hover {
        color: #fff;
      }
    }
  }

  &.c-coachmark {
    &:after, &:before {
      border-width: 8px;
    }
  }

  &.c-coachmark--top {
    &:after, &:before {
      border-top-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    }
  }

  &.c-coachmark--bottom-left {
    &:after, &:before {
      border-bottom-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    }
  }

  &.c-coachmark--left {
    &:after, &:before {
      border-left-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    }
  }

  &.c-coachmark--bottom {
    &:after, &:before {
      border-bottom-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    }
  }

  &.c-coachmark--right {
    &:after, &:before {
      border-right-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    }
  }

  &.c-coachmark {
    transform: none;
  }

  &.c-coachmark--top {
    animation: p-setup_prog_disc_success_coachmark--slideInTop .3s;
    animation-fill-mode: forwards;
  }

  &.c-coachmark--top-left {
    animation: p-setup_prog_disc_success_coachmark--slideInTop .3s;
    animation-fill-mode: forwards;

    &.p-setup_prog_disc_success_coachmark--exiting {
      animation: p-setup_prog_disc_success_coachmark_emoji--fadeOutTop .2s;
      animation-fill-mode: forwards;
    }
  }

  &.c-coachmark--top.p-setup_prog_disc_success_coachmark--exiting {
    animation: p-setup_prog_disc_success_coachmark_emoji--fadeOutTop .2s;
    animation-fill-mode: forwards;
  }

  &.c-coachmark--left {
    animation: p-setup_prog_disc_success_coachmark--slideInLeft .3s;
    animation-fill-mode: forwards;

    &.p-setup_prog_disc_success_coachmark--exiting {
      animation: p-setup_prog_disc_success_coachmark_emoji--fadeOutLeft .2s;
      animation-fill-mode: forwards;
    }
  }

  &.c-coachmark--bottom-left {
    animation: p-setup_prog_disc_success_coachmark--slideInBottomLeft .3s;
    animation-fill-mode: forwards;

    &.p-setup_prog_disc_success_coachmark--exiting {
      animation: p-setup_prog_disc_success_coachmark_emoji--fadeOutBottomLeft .2s;
      animation-fill-mode: forwards;
    }
  }
}

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

  .c-coachmark__close {
    &.c-icon_button--default, &.c-icon_button--light {
      color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);

      &:hover {
        color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
      }
    }
  }

  &.c-coachmark--top {
    &:after, &:before {
      border-top-color: #f8f8f8;
    }
  }

  &.c-coachmark--bottom-left {
    &:after, &:before {
      border-bottom-color: #f8f8f8;
    }
  }

  &.c-coachmark--left {
    &:after, &:before {
      border-left-color: #f8f8f8;
    }
  }

  &.c-coachmark--bottom {
    &:after, &:before {
      border-bottom-color: #f8f8f8;
    }
  }

  &.c-coachmark--right {
    &:after, &:before {
      border-right-color: #f8f8f8;
    }
  }
}

.p-setup_prog_disc_success_coachmark--notifications.c-coachmark {
  &:after, &:before {
    left: 96%;
  }
}

.p-setup_prog_disc_success_coachmark__container, .p-setup_prog_disc_success_coachmark_anchor--notifications {
  display: flex;
}

.p-setup_prog_disc_success_coachmark__emoji {
  align-self: baseline;
  animation-delay: .3s;
  animation-duration: .6s;
  animation-fill-mode: both;
  animation-name: p-setup_prog_disc_success_coachmark_emoji--bounceIn;
  background: #e7f0f6;
  border-radius: 50%;
  margin-right: 16px;
  opacity: 0;
  padding: 20px;
}

.p-setup_prog_disc_success_coachmark__text {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.50001;
}

.p-setup_prog_disc_success_coachmark__teach_me_something_else_link {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.50001;
  margin-top: 12px;
  text-decoration: underline;

  &:hover {
    color: #fff;
  }
}

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

  &:hover {
    color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

@keyframes p-setup_prog_disc_success_coachmark--slideInTop {
  0% {
    opacity: 0;
    transform: translateY(-90%);
  }

  to {
    opacity: 1;
    transform: translateY(-100%);
    transition: opacity 0.1s linear, transform 0.3s cubic-bezier(0.36, 0.19, 0.29, 1);
  }
}

@keyframes p-setup_prog_disc_success_coachmark--slideInLeft {
  0% {
    opacity: 0;
    transform: translate(-100%, -50%);
  }

  to {
    opacity: 1;
    transform: translate(-110%, -50%);
    transition: opacity 0.1s linear, transform 0.3s cubic-bezier(0.36, 0.19, 0.29, 1);
  }
}

@keyframes p-setup_prog_disc_success_coachmark--slideInBottomLeft {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }

  to {
    opacity: 1;
    transform: translate(0);
    transition: opacity 0.1s linear, transform 0.3s cubic-bezier(0.36, 0.19, 0.29, 1);
  }
}

@keyframes p-setup_prog_disc_success_coachmark_emoji--fadeOutTop {
  0% {
    opacity: 1;
    transform: translateY(-100%);
  }

  to {
    opacity: 0;
    transform: translateY(-90%);
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out cubic-bezier(0.65, 0, 0.35, 1);
  }
}

@keyframes p-setup_prog_disc_success_coachmark_emoji--fadeOutLeft {
  0% {
    opacity: 1;
    transform: translate(-110%, -50%);
  }

  to {
    opacity: 0;
    transform: translate(-100%, -50%);
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out cubic-bezier(0.65, 0, 0.35, 1);
  }
}

@keyframes p-setup_prog_disc_success_coachmark_emoji--fadeOutBottomLeft {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  to {
    opacity: 0;
    transform: translateY(10%);
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out cubic-bezier(0.65, 0, 0.35, 1);
  }
}

@keyframes p-setup_prog_disc_success_coachmark_emoji--bounceIn {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: scaleX(1);
  }
}

.p-approved_domains_invites_tip {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-radius: 4px;
  margin-top: 16px;
  padding: 12px 16px;
}

.c-scrollbar2 {
  overflow: hidden;
  position: relative;
}

.c-scrollbar2__hider {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-right: 50px;
  perspective: 1px;
  perspective-origin: 0 0;
  position: relative;
  will-change: transform;
}

.c-scrollbar2__content {
  position: relative;
}

.c-scrollbar2__track {
  bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 12px;
  z-index: 1;
}

.c-scrollbar2--hidden .c-scrollbar2__track {
  display: none;
}

.c-scrollbar2__thumb {
  background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.52);
  border-radius: 4px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  width: 8px;
  z-index: 1;
}

.c-scrollbar2--hidden .c-scrollbar2__thumb {
  display: none;
}

.c-scrollbar2--visible .c-scrollbar2__thumb, .c-scrollbar2:hover .c-scrollbar2__thumb, .c-scrollbar2__thumb:active {
  opacity: 1;
}

.c-scrollbar2:not(:hover) .c-scrollbar2__thumb {
  transition: opacity 0.1s 0.5s;
}

.c-virtual_list {
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
}

.supports_custom_scrollbar .c-virtual_list--slack_scrollbar {
  border-right: 0.25rem solid #0000;

  &::-webkit-scrollbar {
    -webkit-appearance: none;
    position: absolute;
    width: 8px;
  }

  &::-webkit-scrollbar-thumb {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
  }

  &::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
    background: #0000;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
  }

  &::-webkit-scrollbar-thumb {
    background: #0000;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px;
  }

  &::-webkit-scrollbar-corner {
    background: #0000;
  }

  &:hover {
    border-right: 0.25rem solid #0000;

    &::-webkit-scrollbar {
      -webkit-appearance: none;
      position: absolute;
      width: 8px;
    }

    &::-webkit-scrollbar-thumb {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
    }

    &::-webkit-scrollbar-track {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
      background: #0000;
      box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
    }

    &::-webkit-scrollbar-thumb {
      background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.52);
      box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
      min-height: 36px;
    }

    &::-webkit-scrollbar-corner {
      background: #0000;
    }
  }
}

.c-virtual_list__item, .c-virtual_list__sticky_container {
  position: absolute;
  width: 100%;
}

.c-virtual_list__item--auto_width {
  width: auto;
}

.c-virtual_list__item--sticky {
  position: sticky;
}

.c-virtual_list__item--sticky-animated {
  transition: top .2s linear;
  will-change: top;
}

.c-virtual_list--scrollbar {
  overflow: hidden;
}

.c-virtual_list__scroll_container--scrolling {
  pointer-events: none;
}

.c-virtual_list__item--focus:focus, .c-virtual_list__item:focus {
  outline-style: none;
  outline-width: 0;
}

.c-virtual_list__item--focus:focus:after {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  bottom: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  content: '';
  display: block;
  left: 4px;
  pointer-events: none;
  position: absolute;
  right: 4px;
  top: 4px;
}

.p-external_directory_item {
  align-items: center;
  box-shadow: inset 0 -1px 0 0 var(--saf-0);
  display: flex;
  font-weight: 400;
  height: 64px;
  padding: 12px 20px;
  width: inherit;

  &:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }

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

    &:hover {
      background-color: #1d9bd133;
    }
  }
}

.p-external_directory_item_avatar {
  cursor: pointer;
}

.p-external_directory_item_icon {
  align-items: center;
  background-color: #1d9bd1;
  border-radius: 3px;
  color: #fff;
  display: flex;
  font-size: 24px;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.p-external_directory_item_details__base {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-external_directory_item_details {
  display: grid;
  flex: 1;
  margin-left: 16px;
  margin-right: 4px;
}

.p-external_directory_item_details_email, .p-external_directory_item_details_name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

.p-external_directory_tab {
  height: 287px;
}

.p-external_directory_tab_standalone {
  height: 330px;
}

.p-external_directory_empty_state {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.p-external_directory_error_container {
  height: 330px;
  position: relative;
  text-align: center;
  width: 100%;
}

.p-external_directory_error_heading {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
}

.p-external_directory_error_description {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-top: 12px;
}

.p-external_directory_loading_spinner_content_height {
  align-items: center;
  display: flex;
  height: 416px;
  justify-content: center;
}

.p-external_directory_loading_spinner_tab_height {
  align-items: center;
  display: flex;
  height: 287px;
  justify-content: center;
}

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

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

.p-external_directory_footer_spinner {
  margin-left: 0;
  margin-right: 0;
}

.p-upgrades_alert_banner {
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  position: relative;
  text-align: left;
}

.p-upgrades_alert_banner--small {
  font-size: 13px;
}

.p-upgrades_alert_banner--purple {
  background-color: #f4f1f4;
  border-color: #e4dce4;
}

.sk-client-theme--dark .p-upgrades_alert_banner--purple {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.p-upgrades_alert_banner--blue {
  background-color: #e8f5fa;
  border-color: #1d9bd1;
}

.sk-client-theme--dark .p-upgrades_alert_banner--blue {
  background-color: #1264a3;
  border-color: #0b4c8c;
}

.p-upgrades_alert_banner--rounded_corners {
  border-radius: 8px;
}

.p-upgrades_alert_banner--no_border {
  border: none;
}

.p-upgrades_alert_banner--with_close_icon {
  padding-right: 40px;
}

.p-upgrades_alert_banner--with_image {
  padding: 24px;

  &.p-upgrades_alert_banner--with_close_icon {
    padding-right: 56px;
  }
}

.p-upgrades_alert_banner .c-alert__message {
  align-self: center;
  width: 100%;
}

.p-upgrades_alert_banner__body {
  .c-link {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    font-weight: 700;
    text-decoration: none;
  }

  .c-link--button {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    font-weight: 700;
    text-decoration: none;

    &:hover {
      color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
      text-decoration: underline;
    }
  }

  .c-link:hover {
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    text-decoration: underline;
  }
}

.p-upgrades_alert_banner__icon {
  margin-right: 12px;
}

.p-workspace__primary_view--small .p-upgrades_alert_banner__icon, .p-workspace__primary_view--tiny .p-upgrades_alert_banner__icon {
  display: none;
}

@media screen and (max-width: 375px) {
  .c-sk-modal .p-upgrades_alert_banner__icon {
    display: none;
  }
}

.p-upgrades_alert_banner__icon--image {
  flex: 0 0;
  height: 64px;
  margin-right: 16px;

  img {
    height: 100%;
  }
}

.p-upgrades_alert_banner__icon {
  &.p-upgrades_icon--small {
    margin-right: 8px;
    top: 1px;
  }

  &.p-upgrades_icon--medium {
    top: 1px;
  }
}

.p-upgrades_alert_banner__close_icon {
  position: absolute;
  right: 4px;
  top: 4px;
}

.p-upgrades_alert_banner--with_image .p-upgrades_alert_banner__close_icon {
  right: 12px;
  top: 12px;
}

.p-upgrades_alert_banner__button_container {
  display: flex;
  padding-top: 8px;

  a:first-child, button:first-child {
    margin-right: 12px;
  }

  a, button {
    max-width: 100%;
  }

  a {
    text-decoration: none;
  }

  .c-infinite_spinner {
    min-width: 12px;
  }
}

.p-discount_seats_promo_header {
  background-color: #e6dbe9;
  margin-bottom: 16px;
  margin-top: 1.6px;
}

.p-setup_prog_disc_modal_explainer_tip {
  background-color: #1d9bd11a;
  margin-bottom: 16px;
  padding: 10px 28px;
  position: relative;
}

.p-setup_prog_disc_modal_explainer_tip--wide {
  margin-left: -28px;
  margin-right: -28px;
}

.c-channel_icon--with-background {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 4px;
  font-size: 36px;
  padding: 4px;
}

.c-channel_icon--unknown {
  display: inline-block;
  height: 1em;
  width: 1em;
}

.c-small_channel_entity__content {
  display: flex;

  &:not(.c-small_channel_entity__content--show-truncated-tooltip) .c-channel_entity__name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    wbr {
      display: none;
    }
  }
}

.c-small_channel_entity__content--xws {
  align-items: baseline;
}

.c-small_channel_entity__inline_name_suffix {
  display: flex;
  flex: 0 1 auto;
  margin: 0 8px;
  white-space: nowrap;
}

.c-small_channel_entity__secondary-content-badge {
  display: flex;
  flex: 0 1 auto;
}

.c-small_channel_entity__icon {
  margin-right: 8px;
}

.c-user_group__name {
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;
}

.c-user_group_medium__heading_container {
  display: flex;
}

.c-user_group_medium__handle {
  font-weight: 700;
  margin-right: 8px;
}

.c-user_group_medium__icon {
  margin-left: -2px;
  margin-right: 4px;
}

.c-small_user_group__name {
  line-height: 20px;
  margin-right: 8px;
}

.c-small_user_group__missing {
  align-items: center;
  display: flex;
  flex-direction: row;
}

.c-small_user_group__missing_icon {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  margin-right: 8px;
}

.c-small_user_group__missing_icon--inverted {
  background-color: #1264a3;
  color: #fff;
}

.c-small_user_group__team {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  opacity: 0.7;
}

.c-mpim_entity__missing_text:not(:last-child) {
  margin-right: 8px;
}

.c-small_mpim_entity {
  align-items: center;
  display: flex;
  line-height: 20px;
  overflow: hidden;
  width: 100%;
}

.c-small_mpim_entity__count {
  align-items: center;
  background-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  border-radius: 4px;
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  display: flex;
  font-size: 12px;
  font-weight: 400;
  font-weight: 700;
  justify-content: center;
  line-height: 1.50001;
  margin-right: 8px;
}

.c-small_mpim_entity__count--inverted {
  background-color: #fff;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.c-small_mpim_entity__count--experiment-mpdm-redesign {
  background-color: initial;
}

.c-small_mpim_entity__mpim_avatars {
  flex-shrink: 0;
  height: 20px;
  line-height: 14px;
  margin-right: 8px;
  position: relative;
  width: 20px;

  &:hover .c-avatar {
    cursor: pointer;
  }
}

.c-small_mpim_entity__mpim_avatars_mpim1 {
  left: 0;
  position: absolute;
  top: 0;
}

.c-small_mpim_entity__mpim_counter {
  --saf-0: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  background-color: #ebebeb;
  border-radius: 4px;
  box-shadow: 0 0 0 2px var(--saf-0);
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  height: 14px;
  left: 8px;
  position: absolute;
  top: 8px;
  width: 14px;

  &.c-small_mpim_entity__mpim_counter--count-only {
    left: 2px;
    top: 5px;
  }
}

.c-small_mpim_entity__mpim_counter_inner {
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  height: 14px;
  text-align: center;
  width: 14px;
}

.c-small_mpim_entity__mpim_avatars {
  &.c-small_mpim_entity__mpim_avatars--dark .c-small_mpim_entity__mpim_counter {
    background-color: #3b3a3b;
  }

  &.c-small_mpim_entity__mpim_avatars--inverted {
    &.c-small_mpim_entity__mpim_avatars--dark .c-small_mpim_entity__mpim_counter {
      box-shadow: 0 0 0 2px #1264a3;
    }

    .c-small_mpim_entity__mpim_counter {
      --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
      background-color: #3e72a7;
      box-shadow: 0 0 0 2px var(--saf-0);
      color: #fff;
    }
  }
}

.c-small_mpim_entity__member {
  align-items: center;
  display: inline-flex;
  flex-shrink: 0;
  margin-right: 12px;
  max-width: 350px;
}

.c-small_mpim_entity__member_avatar {
  cursor: inherit;
  margin-right: 8px;
}

.c-small_mpim_entity--frozen {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);

  :not(.c-small_mpim_entity__member--deleted) .c-small_mpim_entity__member_avatar {
    opacity: 0.7;
  }
}

.c-small_mpim_entity__member--deleted {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);

  .c-small_mpim_entity__member_avatar {
    filter: grayscale(1);
  }
}

.c-small_mpim_entity__additional_members {
  height: 20px;
}

.c-small_mpim_entity__member--hidden {
  opacity: 0;
}

.c-small_mpim_entity__tooltip {
  font-size: unset;
  line-height: .8;
  max-width: 500px;
  min-width: 240px;
  padding-top: 0;

  .c-small_mpim_entity__member {
    line-height: normal;
    padding-top: 8px;

    &:nth-last-child(2) {
      margin-right: 0;
    }
  }
}

.p-inline_channel_section {
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
}

.p-inline_channel_section__lockup {
  display: inline-block;
}

.c-token {
  align-items: center;
  background: #1d9bd11a;
  border-radius: 4px;
  display: flex;
  font-weight: 700;
  padding-right: 4px;
  white-space: nowrap;

  &:hover {
    box-shadow: inset 0 0 0 1px #1d9bd11a;
  }

  .c-token__content {
    align-items: center;
    display: flex;
    position: relative;

    .c-token_content__inner {
      align-items: center;
      display: flex;
      padding: 0 4px;

      ::selection {
        background-color: initial;
      }
    }

    .c-token__avatar {
      .c-avatar__image {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
      }

      &:after {
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        box-shadow: inset 0 0 1px 0 #00000059;
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
      }
    }

    .c-token__team_icon:after {
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
      box-shadow: inset 0 0 1px 0 #00000059;
      content: '';
      display: block;
      height: 100%;
      position: absolute;
      top: 0;
      width: 100%;
    }

    .c-token_channel {
      padding: 0;

      .c-small_channel_entity__icon {
        margin-right: 2px;
      }
    }

    .c-token__team_icon {
      border-radius: 4px 0 0 4px;
      overflow: hidden;
      position: relative;
    }

    .c-token__team_icon_img {
      display: block;
    }

    .c-token_content__icon {
      margin-left: 2px;
      margin-right: 4px;
    }
  }
}

.c-token--dark {
  color: #fff;

  &.c-token--loading {
    background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.2);
  }

  &:hover {
    &.c-token--loading {
      background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.3);
    }

    .c-token__unknown_icon_container {
      background: #1d9bd1;
      color: #fff;
    }

    &.c-token--unknown {
      background: #1d9bd133;
      border-left: 1px solid #1d9bd1;
    }
  }
}

.c-token--small {
  font-size: 16px;
  margin: 4px 0 0 4px;
  min-height: 22px;

  .c-base_entity__text-contents, .c-token_content__label {
    font-size: 15px;
    line-height: 22px;
  }

  .c-base_entity__text-contents::selection, .c-token_content__label::selection {
    background-color: rgba(var(--sk_inverted_background, 29, 28, 29), 0);
  }

  .c-token_content__inner {
    &.c-token_content__inner--error, &.c-token_content__inner--loading, &.c-token_content__inner--member, &.c-token_content__inner--team, &.c-token_content__inner--unknown {
      padding-left: 6px;
    }
  }

  .c-token__error_icon_container, .c-token__loading_icon_container, .c-token__unknown_icon_container {
    height: 22px;
    width: 22px;
  }

  .c-token__team_icon_img {
    height: 22px;
  }

  .c-token__content .c-token__avatar:after {
    height: 22px;
    width: 22px;
  }
}

.c-token--medium {
  font-size: 18px;
  margin: 4px 0 0 4px;
  min-height: 26px;

  .c-base_entity__text-contents, .c-token_content__label {
    font-size: 15px;
    line-height: 26px;
  }

  .c-base_entity__text-contents::selection, .c-token_content__label::selection {
    background-color: rgba(var(--sk_inverted_background, 29, 28, 29), 0);
  }

  .c-token_content__inner {
    &.c-token_content__inner--error, &.c-token_content__inner--loading, &.c-token_content__inner--member, &.c-token_content__inner--team, &.c-token_content__inner--unknown {
      padding-left: 6px;
    }
  }

  .c-token__error_icon_container, .c-token__loading_icon_container, .c-token__unknown_icon_container {
    height: 26px;
    width: 26px;
  }

  .c-token__team_icon_img {
    height: 26px;
  }

  .c-token__content .c-token__avatar:after {
    height: 26px;
    width: 26px;
  }
}

.c-token--large {
  font-size: 20px;
  margin: 5px 0 0 5px;
  min-height: 32px;

  .c-base_entity__text-contents, .c-token_content__label {
    font-size: 18px;
    line-height: 32px;
  }

  .c-token_content__inner {
    &.c-token_content__inner--loading, &.c-token_content__inner--member {
      padding-left: 8px;
    }
  }

  .c-token__error_icon_container, .c-token__loading_icon_container, .c-token__unknown_icon_container {
    height: 32px;
    width: 32px;
  }

  .c-token__team_icon_img {
    height: 32px;
  }

  .c-token__content .c-token__avatar:after {
    height: 32px;
    width: 32px;
  }
}

.c-token--selected {
  &:not(.c-token--loading):not(.c-token--invalid):not(.c-token--disabled):not(.c-token--error):not(.c-token--unknown):not(.c-token--restricted) {
    background: #1264a3;
    color: #fff;

    &:hover {
      --saf-0: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
      box-shadow: inset 0 0 0 1px var(--saf-0);
    }
  }

  .c-app_badge {
    color: #fff;
  }
}

.c-token--loading {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);

  &:hover {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: inset 0 0 0 1px var(--saf-0);
  }

  &.c-token--selected {
    background: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);

    .c-token__loading_icon_container {
      background: rgba(var(--sk_primary_background, 255, 255, 255), 0.2);
    }
  }
}

.c-token__loading_icon_container {
  align-items: center;
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  display: flex;
  justify-content: center;
  position: relative;
}

.c-token--invalid {
  --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.4);
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.1);
  box-shadow: inset 0 0 0 1px var(--saf-0);

  &:hover {
    --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.4);
    background: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.1);
    box-shadow: inset 0 0 0 1px var(--saf-0);
  }
}

.c-token--error {
  --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px dashed var(--saf-0);
  box-shadow: none;

  &:hover {
    background: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.1);
  }

  &.c-token--selected {
    background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    color: #fff;

    .c-token__error_icon_container {
      background: #fff3;
      color: #fff;
    }
  }
}

.c-token__error_icon_container {
  align-items: center;
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.1);
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  display: flex;
  justify-content: center;
  position: relative;
}

.c-token--unknown {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px dashed #1d9bd1;
  box-shadow: none;

  &:hover {
    background: #1d9bd11a;
  }

  &.c-token--selected {
    background: #1264a3;
    border: 1px solid #1264a3;
    color: #fff;

    .c-token__unknown_icon_container {
      background: #fff3;
      color: #fff;
    }
  }
}

.c-token__unknown_icon_container {
  align-items: center;
  background: #1d9bd11a;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  color: #1d9bd1;
  display: flex;
  justify-content: center;
  position: relative;
}

.c-token--disabled, .c-token--restricted {
  background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  box-shadow: none;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);

  &:hover {
    background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: none;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  }
}

.c-token {
  .c-base_entity__avatar ::selection, .c-base_entity__text-contents ::selection {
    background-color: initial;
  }

  .c-small_user_group__name {
    margin-right: auto;
  }
}

.c-token--medium .c-base_entity--small .c-base_entity__avatar {
  margin-right: 6px;
}

.c-multi_select_input {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 15px;
  line-height: 1.4668;
  min-height: 36px;
  overflow: hidden;
  padding: 0 4px 4px;
  position: relative;
  transition: border 80ms ease-out, box-shadow 80ms ease-out;

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

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

  &[disabled] {
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border: 1px solid var(--saf-0);
  }
}

.c-multi_select_input--large {
  font-size: 18px;
  min-height: 44px;
}

.c-multi_select_input--initial {
  padding: 0 12px;
}

.c-multi_select_input {
  padding-right: 26px;

  .c-multi_select_input--large {
    padding-right: 29px;
  }

  &:hover {
    overflow: auto;
  }
}

.c-multi_select_input--disabled {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
}

.c-multi_select_input--focused {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  -webkit-appearance: none;
  border-color: #0000;
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;

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

.c-multi_select_input--invalid {
  border-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);

  &.c-multi_select_input--focused, &:focus, &:focus-within {
    --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    --saf-1: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.3);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
  }

  &.c-multi_select_input--focused {
    border-radius: 4px;
  }
}

.c-multi_select_input__filter_query {
  height: 15px;
  margin-top: -2px;
  min-width: 1px;
}

.c-multi_select_input__large_filter_query--edit {
  border: 1px dashed #1264a3;
  border-radius: 4px;
  display: inline-table;
  font-weight: 700;
  padding: 0 10px;
  white-space: nowrap;
}

.c-multi_select_input__medium_filter_query--edit {
  border: 1px dashed #1264a3;
  border-radius: 4px;
  display: inline-table;
  font-weight: 700;
  padding: 0 10px;
  white-space: nowrap;
  font-size: 15px;
  line-height: 26px;
  margin: 4px 0 0 4px !important;
  min-height: 26px;
}

.c-multi_select_input__large_filter_query--edit {
  font-size: 18px;
  line-height: 32px;
  margin: 5px 0 0 5px !important;
  min-height: 32px;
}

.c-multi_select_input__space {
  font-size: 0;
  -webkit-user-select: none;
  user-select: none;
  width: 0;
}

.c-multi_select_input--large .c-multi_select_input__filter_query {
  height: 18px;
  margin-top: -2.5px;
}

.c-multi_select_input--initial {
  .c-multi_select_input__filter_query {
    margin-top: 6px;
  }

  &.c-multi_select_input--large .c-multi_select_input__filter_query {
    margin-top: 8px;
  }
}

.c-multi_select_input__placeholder {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  left: 12px;
  position: absolute;
  top: 6px;
}

.c-multi_select_input--large .c-multi_select_input__placeholder {
  top: 8px;
}

.c-multi_select_input__input {
  align-content: flex-start;
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  outline: none;
}

.c-multi_select_input__spinner {
  position: absolute;
  right: 8px;
  top: 8px;
}

.c-multi_select_input--large .c-multi_select_input__spinner {
  right: 9px;
  top: 9px;
}

.c-multi_select_input__token {
  cursor: pointer;
  display: inline-flex;
}

.c-multi_select_input__remove_token {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);

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

.c-multi_select_input {
  .c-token--selected .c-multi_select_input__remove_token {
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 0.7);

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

  .c-icon--search {
    left: 12px;
    position: absolute;
    top: 6px;
  }
}

.c-multi_select_input--large .c-icon--search {
  top: 8px;
}

.c-multi_select_input__input--with-icon, .c-multi_select_input__placeholder--with-icon {
  margin-left: 31px;
}

.p-email_input_container {
  padding-bottom: 8px;

  .c-multi_select_input--large {
    align-items: baseline;
    cursor: text;
    min-height: 81px;
    padding-right: 0;
  }
}

.p-email_input--hide_dropdown__multi_select_input .c-multi_select_input__spinner, .p-email_input--hide_dropdown_options_list_wrapper {
  display: none;
}

.p-directory_buttons {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  float: right;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;

  .p-directory_button {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    cursor: pointer;
    margin-left: 8px;

    &:hover {
      text-decoration: underline;
    }

    &:disabled {
      color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
      cursor: auto;
    }
  }

  .p-directory_button_evergreen {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    cursor: pointer;

    &:hover {
      text-decoration: underline;
    }

    &:disabled {
      color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
      cursor: auto;
    }
  }

  .p-directory_button_name {
    margin-left: 4px;
  }

  .p-directory_buttons_icon {
    display: inline-block;
    position: relative;
    top: 1px;
  }

  .p-directory_buttons_google_icon {
    background-image: url(./google-591886b.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 16px;
    position: relative;
    top: 1px;
    width: 16px;
  }
}

.p-directory_buttons_coachmark {
  background-color: #4a154b1a;
  display: flex;
  margin-bottom: 24px;
  padding: 16px 24px;
  position: relative;

  &:after {
    border-left: 12px solid #0000;
    border-right: 12px solid #0000;
    border-top: 12px solid #4a154b1a;
    bottom: -12px;
    content: '';
    height: 0;
    position: absolute;
    right: 40px;
    width: 0;
  }
}

.p-trial_feature_tooltip {
  display: flex;
  flex-direction: column;
}

.p-trial_feature_tooltip__container {
  max-width: 185px;
  padding: 12px;
}

.p-trial_feature_tooltip__pro_badge {
  color: #1d1c1d;
  display: inline-block;
  margin-bottom: 1.6px;
  margin-right: 4px;
}

.p-trial_feature_tooltip__title {
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  padding-bottom: auto;
  padding-top: auto;
}

.p-trial_feature_tooltip__title_text {
  display: inline-block;
}

.p-trial_feature_tooltip__body {
  font-weight: 400;
}

.p-trial_pro_badge {
  align-items: center;
  align-self: center;
  display: flex;
}

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

.c-select_options_list__option--active .p-invite_type_select_option_label_description {
  color: #fff;
}

.p-invite_type_select__virtual_list {
  padding-top: 12px;
}

.p-invite_type_select__option:last-child, .p-invite_type_select__two_extra_options__option:nth-last-child(2) {
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.p-invite_type_select_default_option {
  height: 28px;
  position: relative;
  top: 2px;
}

.p-invite_type_select_option {
  font-size: 13px;
  font-weight: 400;
  height: 48px;
  line-height: 1.38463;
  margin-top: 12px;
}

.c-select_options_list__option--active .p-invite_type_select_option_link {
  color: #fff;
  text-decoration: underline;
}

.p-invite_type_select_option_label_container {
  float: left;
}

.p-invite_type_select_option_icon {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  float: right;
}

.c-select_options_list__option--active .p-invite_type_select_option_icon {
  color: #fff;
}

.p-invite_type_select__guest_option_label_container {
  display: flex;
}

.p-invite_type_select__guest_option_label {
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.p-invite_type_select_option--paid_feature_badge {
  &.p-invite_type_select_option {
    display: flex;
  }

  .p-invite_type_select_option_label_container {
    width: 100%;
  }

  .p-invite_type_select_option_link, .p-invite_type_select_option_top_label_container {
    text-overflow: ellipsis;
  }

  .p-invite_type_select_option_label_container, .p-invite_type_select_option_link, .p-invite_type_select_option_top_label_container {
    overflow: hidden;
  }

  .p-invite_type_select_option_bottom_label_container {
    display: flex;
  }
}

.p-invite_type_select__paid_feature_badge--guest_option, .p-invite_type_select__paid_feature_badge--slack_connect_option {
  margin-left: 8px;
}

.p-invite_type_select__paid_feature_badge--guest_option.p-paid_feature_badge:hover, .p-invite_type_select__paid_feature_badge--slack_connect_option.p-paid_feature_badge:hover {
  cursor: pointer;
}

.p-invite_type_select__paid_feature_badge--guest_option.p-paid_feature_badge {
  padding: 0 8px 0 9px;
  position: relative;
  top: 1px;
}

.p-invite_type_select__paid_feature_badge--slack_connect_option.p-paid_feature_badge {
  padding: 0 8px 1px 9px;
}

.p-invite_type_select__pro_badge {
  align-items: center;
  display: flex;
}

.p-paid_feature_invite_member_banner {
  margin: 24px -28px 0;

  &:before {
    background-color: #f4f1f4;
    content: '';
    height: 20px;
    left: 50px;
    position: absolute;
    top: 14px;
    transform: rotate(225deg);
    transform-origin: 0 0;
    width: 20px;
  }
}

.sk-client-theme--dark .p-paid_feature_invite_member_banner:before {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.p-paid_feature_invite_member_banner {
  &.p-upgrades_alert_banner--with_image {
    padding: 16px 45px 16px 24px;
  }

  .p-upgrades_alert_banner__icon--image {
    align-self: auto;
    height: 12px;
    margin-right: 12px;
  }
}

.p-upgrades_alert_banner__icon--image .p-paid_feature_invite_member_banner__image {
  height: 22px;
  width: 18px;
}

.p-paid_feature_invite_guest_banner {
  box-shadow: 0 4px 12px #0000001a;
  margin-bottom: 24px;
  margin-top: 16px;
}

.p-customize_button--toggle-button {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-top: 24px;
  padding: 12px;
  width: 100%;

  &:hover {
    background-color: #1d9bd11a;
  }
}

.p-customize_button--toggle-cta {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  margin-left: 8px;
  text-decoration: underline;

  &:hover {
    text-decoration: none;
  }
}

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

.p-expand_channels_button--toggle-button {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-radius: 5px;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  cursor: pointer;
  padding: 12px;
  text-align: center;
  width: 100%;

  &:hover {
    background-color: #1d9bd11a;
  }
}

.p-expand_channels_button--toggle-cta {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  margin-left: 8px;
  text-decoration: underline;

  &:hover {
    text-decoration: none;
  }
}

.p-channel_select--label {
  margin-bottom: 8px;
  margin-top: 24px;

  .c-label__subtext {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
  }
}

.p-channel_select--warning {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  margin-top: 16px;
}

.p-classic_nav__channel_header__title {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
}

.p-classic_nav__channel_header__subtitle {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-classic_nav__page_header {
  display: flex;
}

.p-classic_nav__page_header--legacy {
  flex: 1;
}

.p-classic_nav__model_header {
  display: flex;
  min-width: 0;
  position: relative;
}

.p-classic_nav__model__title {
  flex: 1;
  min-width: 0;
}

.p-classic_nav__model__title__name {
  align-items: baseline;
  display: inline-flex;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  max-width: 100%;
}

.p-classic_nav__model__title__name__tabs__workspace {
  align-self: flex-start;
  bottom: 0;
  position: absolute;
  position: relative;
  width: 100%;
  z-index: 202;

  .c-tabs__tab_menu {
    padding-left: 16px;
  }
}

.p-classic_nav__model__title__name__tabs__workspace_ia {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  align-items: center;
  box-shadow: inset 0 -1px 0 0 var(--saf-0);
  display: flex;
  flex-shrink: 0;
  height: 36px;

  .c-tabs__tab {
    height: 36px;
  }

  .c-tabs__tab_menu {
    box-shadow: none;
  }

  .p-bookmarks_bar__pins_popover_button_wrapper {
    align-items: center;
    display: flex;

    &:before {
      border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      content: ' ';
      display: block;
      height: 16px;
      margin: auto 12px;
    }
  }
}

.p-classic_nav__model__title__name__tabs__workspace--messages {
  margin-bottom: 16px;
}

.p-classic_nav_name_star {
  display: flex;
  margin: auto 8px auto auto;
  min-width: 0;
}

.p-classic_nav_member_name {
  margin: 8px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-classic_app_home_header .p-classic_nav__model__title {
  align-items: center;
  display: flex;
  flex: 1;
  min-width: 0;
}

.p-classic_nav__channel_header.p-classic_nav__model__title__name__unavailable__channel {
  padding-top: 18px;
}

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

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

.p-classic_nav__model__title__name__button {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: text;
  user-select: text;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-classic_nav__model__title__name__status--im {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-left: 8px;
}

.p-classic_nav__model__title__name__status--mpim {
  margin-left: 4px;
}

.p-classic_nav__model__title__name__shared_icon {
  align-self: flex-end;
  flex-shrink: 0;
  margin-left: 4px;
}

.p-classic_nav__model__title__name__tabs {
  align-self: flex-start;
  bottom: 0;
  position: absolute;
  z-index: 202;
}

.p-classic_nav__model__title__name__unmute {
  align-self: center;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-left: 4px;

  &.c-button--focus-visible:focus, &:hover {
    color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  }
}

.p-classic_nav__model__title__is_you {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 18px;
  font-weight: 900;
  font-weight: 400;
  line-height: 1.33334;
  margin-left: 4px;
}

.p-classic_nav__model__title__info {
  align-items: baseline;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: 1px;
  -webkit-user-select: none;
  user-select: none;

  .c-button--focus-visible:focus, .c-link--focus-visible:focus {
    z-index: 201;
  }
}

.p-classic_nav__model__title__info__sep {
  margin: 0 6px;
  opacity: 0.5;

  &:last-child {
    display: none;
  }
}

.p-classic_nav__model__title__info--tabs .p-classic_nav__model__title__info__sep {
  margin: 0 8px;
}

.p-classic_nav__model__title__info__star--starred {
  color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
}

.p-classic_nav__model__title__info__star {
  &.c-button--focus-visible:focus, &:hover {
    color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
  }
}

.p-classic_nav__model__title__info__actions, .p-classic_nav__model__title__info__members, .p-classic_nav__model__title__info__pins, .p-classic_nav__model__title__info__presence {
  align-items: baseline;
  display: flex;
}

.p-classic_nav__model__title__info__actions {
  &.c-button--focus-visible:focus, &:hover {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
}

.p-classic_nav__model__title__info__members {
  &.c-button--focus-visible:focus, &:hover {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
}

.p-classic_nav__model__title__info__pins {
  &.c-button--focus-visible:focus, &:hover {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
}

.p-classic_nav__model__title__info__shared_teams {
  &.c-button--focus-visible:focus, &:hover {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }

  display: block;
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-classic_nav__model__title__info__topic {
  align-items: flex-start;
  display: inline-flex;
  height: 18.00019px;
  overflow: hidden;
  position: relative;
}

.p-classic_nav__model__title__info__topic--focus-within, .p-classic_nav__model__title__info__topic:hover {
  overflow: visible;
  z-index: 202;
}

.p-classic_nav__model__title__info__topic--readonly {
  cursor: default;
}

.p-classic_nav__model__title__info__topic--empty {
  flex-shrink: 0;
}

.p-classic_nav__model__title__info__topic__edit {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  display: none;
  margin-left: 8px;

  &:hover {
    text-decoration: underline;
  }
}

.p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__edit, .p-classic_nav__model__title__info__topic__edit.c-button--focus-visible {
  display: block;
}

.p-classic_nav__model__title__info__topic__text {
  display: block;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-classic_nav__model__title__info__topic--focus-within .p-classic_nav__model__title__info__topic__text, .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text {
  min-width: 96px;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.p-classic_nav__model__title__info__topic--focus-within .p-classic_nav__model__title__info__topic__text:before, .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-radius: 6px;
  bottom: -2px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  content: '';
  left: -4px;
  position: absolute;
  right: -4px;
  top: -2px;
}

.p-classic_nav__model__title__info__topic__content {
  overflow-wrap: break-word;
  position: relative;
  word-break: break-word;

  code {
    margin: 0;
    padding: 0 2px;
    white-space: nowrap;
  }
}

.p-classic_nav__model__title__info__presence__icon {
  margin-left: -4px;
}

.p-classic_nav__model__button, .p-classic_nav__model__buttons {
  align-items: center;
  display: flex;
}

.p-classic_nav__model__button {
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  height: 32px;
  justify-content: center;
  width: 32px;

  &:hover {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
}

.p-classic_nav__model__button--active {
  background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);

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

.p-classic_nav__model__button--disabled {
  color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);

  &:hover {
    color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.p-classic_nav__model__button--chevron {
  height: 16px;
  width: 8px;
}

.p-classic_nav__model__button--tooltip {
  color: #616061;
}

.p-classic_nav__model__menu__jump {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  margin: 0 12px;
}

.p-classic_nav__model__menu__jump__back {
  border-top: 1px solid #0000001a;
  display: block;
  font-weight: 700;
  margin-top: 12px;
  padding: 16px 0 8px;
  text-align: center;
  width: 100%;

  &:focus, &:hover {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
}

.p-classic_nav__model_header--tabs_header {
  .p-classic_nav__model__title {
    align-items: center;
    display: flex;
  }

  .p-classic_nav__model__buttons, .p-classic_nav__model__title__info {
    display: none;
  }

  .p-classic_nav__model__title__info__star {
    margin-left: 8px;
  }

  .p-classic_nav__model__title__info__sep {
    display: none;
  }
}

.c-calendar_view_header {
  align-items: center;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  height: 32px;
  margin-bottom: 16px;

  > * {
    overflow: hidden;
    padding: 4px;
    text-align: center;
    text-overflow: ellipsis;
  }
}

.c-calendar_view_header__stepper_btn {
  position: relative;
  top: 1px;
  width: 32px;
}

.c-calendar_view_header__title {
  flex-grow: 1;
  font-weight: 700;
}

.c-calendar_view_header__title_btn {
  padding: 0 10px;
}

.c-calendar_view_header__stepper_btn, .c-calendar_view_header__title_btn {
  border-radius: 4px;
  height: 32px;
}

.c-calendar_view_header__stepper_btn:hover, .c-calendar_view_header__title_btn:hover {
  background-color: #1d9bd11a;
}

.c-calendar_view_header__stepper_btn:active, .c-calendar_view_header__title_btn:active {
  background-color: #1264a3;
  color: #fff;
}

.c-calendar_view_header__stepper_btn:disabled, .c-calendar_view_header__title_btn:disabled {
  color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  cursor: default;
  pointer-events: none;
}

.c-calendar_month {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  width: 100%;
}

.c-calendar_month__day_of_week_heading {
  border-bottom: none !important;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  padding: 4px 0 6px;
  text-align: center !important;
}

.c-calendar_month__date_container {
  border: 1px solid #0000;
  padding: 0;
  position: relative;
}

.c-calendar_year__list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 1px 0 0 1px;
}

.c-calendar_year__month {
  flex: 1 1 33%;
  margin: -1px;
  padding: 0 1px 1px 0;
  text-align: center;
}

.c-date_picker_calendar {
  min-height: 340px;

  .c-calendar_view_header {
    display: flex;
    justify-content: space-between;
  }

  .c-calendar_view_header__title {
    flex: 1 0 0;
  }
}

.c-date_picker_calendar__date {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 1px solid var(--saf-0);
  cursor: pointer;
  line-height: 20px;
  margin: -1px;
  min-height: 42px;
  min-width: 44px;
  padding: 10px;
  text-align: center;

  &.c-date_picker_calendar__date--is_active:focus, &:not(.c-date_picker_calendar__date--disabled):hover {
    border-color: #1d9bd14d;
    position: relative;
    z-index: 1;
  }

  &.c-date_picker_calendar__date--is_active:focus:not(.c-date_picker_calendar__date--is_selected), &:not(.c-date_picker_calendar__date--disabled):not(.c-date_picker_calendar__date--is_selected):hover {
    background-color: #1d9bd133;
  }
}

.c-date_picker_calendar__date--is_today {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);

  &:after {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border: 1px solid var(--saf-0);
    border-radius: 50%;
    content: '';
    height: 32px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 32px;
  }

  &.c-date_picker_calendar__date--is_selected:after {
    border-color: #fff;
  }
}

.c-date_picker_calendar__date--is_selected {
  background-color: #1264a3;
  border-radius: 4px;
  color: #fff;

  &:after {
    border-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  }
}

.c-date_picker_calendar__date--disabled, .c-mini_calendar__month_button:disabled {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  cursor: default;
}

.c-date_picker_calendar__date--disabled:hover, .c-mini_calendar__month_button:disabled:hover {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
}

.c-date_picker_calendar__date--first_week_start, .c-date_picker_calendar__date--month_start {
  border-top-left-radius: 4px;
}

.c-date_picker_calendar__date--first_week_end {
  border-top-right-radius: 4px;
}

.c-date_picker_calendar__date--last_week_start {
  border-bottom-left-radius: 4px;
}

.c-date_picker_calendar__date--last_week_end, .c-date_picker_calendar__date--month_end {
  border-bottom-right-radius: 4px;
}

.c-mini_calendar {
  max-width: 301px;
}

.c-mini_calendar__date {
  --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  border: 1px solid var(--saf-0);
  margin: -1px;
  min-width: 24px;
  padding: 10px;
  text-align: center;
}

.c-mini_calendar__month_button {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 1px solid var(--saf-0);
}

.c-mini_calendar__month_1 {
  border-top-left-radius: 4px;
}

.c-mini_calendar__month_3 {
  border-top-right-radius: 4px;
}

.c-mini_calendar__month_10 {
  border-bottom-left-radius: 4px;
}

.c-mini_calendar__month_12 {
  border-bottom-right-radius: 4px;
}

.c-mini_calendar__month_button--is_active:focus, .c-mini_calendar__month_button:not(:disabled):hover {
  border-color: #1d9bd14d;
  position: relative;
  z-index: 1;
}

.c-mini_calendar__month_button--is_active:focus:not(.c-mini_calendar__month_button--is_selected), .c-mini_calendar__month_button:not(.c-mini_calendar__month_button--is_selected):not(:disabled):hover {
  background-color: #1d9bd133;
}

.c-mini_calendar__month_button--is_selected {
  background-color: #1264a3;
  border-radius: 4px;
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
}

.c-date_picker__dropdown {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 6px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  padding: 16px;
  pointer-events: auto;
}

.p-guest_expiration_select--custom_expiration {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  height: 36px;
  margin: 12px 0 0;
  padding: 4px 12px;
  text-align: left;
  transition: border 80ms ease-out, box-shadow 80ms ease-out;
  width: 100%;

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

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

  &[disabled] {
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border: 1px solid var(--saf-0);
  }

  .p-guest_expiration_select--custom_expiration_icon {
    top: 1px;
  }

  .p-guest_expiration_select--custom_expiration_text {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.46668;
    margin-left: 8px;
  }
}

.p-guest_expiration_select--org_pref_text {
  margin-bottom: 8px;
  margin-top: -8px;
}

.p-guest_expiration_select--description {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: 8px;
}

.c-basic_container {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
}

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

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

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

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

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

.c-basic_container__body {
  display: flex;
  position: relative;
}

.c-basic_container__subtext {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 0;
  margin-top: 8px;
}

.c-basic_container--size_medium {
  .ql-editor {
    padding-bottom: 8px;
    padding-right: 12px;
  }

  .ql-placeholder {
    right: 12px;
  }

  .ql-editor {
    padding-top: 8px;
  }

  .ql-placeholder {
    top: 8px;
  }

  .ql-editor {
    padding-left: 12px;
  }

  .ql-placeholder {
    left: 12px;
  }

  &[data-min-lines='1'] .ql-editor {
    min-height: 38px;
  }

  &[data-min-lines='2'] .ql-editor {
    min-height: 60px;
  }

  &[data-min-lines='3'] .ql-editor {
    min-height: 82px;
  }

  &[data-min-lines='4'] .ql-editor {
    min-height: 104px;
  }

  &[data-min-lines='5'] .ql-editor {
    min-height: 126px;
  }

  &[data-max-lines='1'] .c-texty_input_unstyled__container {
    max-height: 38px;
  }

  &[data-max-lines='2'] .c-texty_input_unstyled__container {
    max-height: 60px;
  }

  &[data-max-lines='3'] .c-texty_input_unstyled__container {
    max-height: 82px;
  }

  &[data-max-lines='4'] .c-texty_input_unstyled__container {
    max-height: 104px;
  }

  &[data-max-lines='5'] .c-texty_input_unstyled__container {
    max-height: 126px;
  }

  &[data-max-lines='6'] .c-texty_input_unstyled__container {
    max-height: 148px;
  }

  &[data-max-lines='7'] .c-texty_input_unstyled__container {
    max-height: 170px;
  }

  &[data-max-lines='8'] .c-texty_input_unstyled__container {
    max-height: 192px;
  }

  &[data-max-lines='9'] .c-texty_input_unstyled__container {
    max-height: 214px;
  }

  &[data-max-lines='10'] .c-texty_input_unstyled__container {
    max-height: 236px;
  }

  &[data-max-lines='11'] .c-texty_input_unstyled__container {
    max-height: 258px;
  }

  &[data-max-lines='12'] .c-texty_input_unstyled__container {
    max-height: 280px;
  }

  &[data-max-lines='13'] .c-texty_input_unstyled__container {
    max-height: 302px;
  }

  &[data-max-lines='14'] .c-texty_input_unstyled__container {
    max-height: 324px;
  }

  &[data-max-lines='15'] .c-texty_input_unstyled__container {
    max-height: 346px;
  }

  &[data-max-lines='16'] .c-texty_input_unstyled__container {
    max-height: 368px;
  }
}

.c-basic_container--size_large {
  .ql-editor {
    padding-bottom: 9px;
    padding-right: 8px;
  }

  .ql-placeholder {
    right: 8px;
  }

  .ql-editor {
    padding-top: 9px;
  }

  .ql-placeholder {
    top: 9px;
  }

  .ql-editor {
    padding-left: 8px;
  }

  .ql-placeholder {
    left: 8px;
  }

  &[data-min-lines='1'] .ql-editor {
    min-height: 42px;
  }

  &[data-min-lines='2'] .ql-editor {
    min-height: 66px;
  }

  &[data-min-lines='3'] .ql-editor {
    min-height: 90px;
  }

  &[data-min-lines='4'] .ql-editor {
    min-height: 114px;
  }

  &[data-min-lines='5'] .ql-editor {
    min-height: 138px;
  }

  &[data-max-lines='1'] .c-texty_input_unstyled__container {
    max-height: 42px;
  }

  &[data-max-lines='2'] .c-texty_input_unstyled__container {
    max-height: 66px;
  }

  &[data-max-lines='3'] .c-texty_input_unstyled__container {
    max-height: 90px;
  }

  &[data-max-lines='4'] .c-texty_input_unstyled__container {
    max-height: 114px;
  }

  &[data-max-lines='5'] .c-texty_input_unstyled__container {
    max-height: 138px;
  }

  &[data-max-lines='6'] .c-texty_input_unstyled__container {
    max-height: 162px;
  }

  &[data-max-lines='7'] .c-texty_input_unstyled__container {
    max-height: 186px;
  }

  &[data-max-lines='8'] .c-texty_input_unstyled__container {
    max-height: 210px;
  }

  &[data-max-lines='9'] .c-texty_input_unstyled__container {
    max-height: 234px;
  }

  &[data-max-lines='10'] .c-texty_input_unstyled__container {
    max-height: 258px;
  }

  &[data-max-lines='11'] .c-texty_input_unstyled__container {
    max-height: 282px;
  }

  &[data-max-lines='12'] .c-texty_input_unstyled__container {
    max-height: 306px;
  }

  &[data-max-lines='13'] .c-texty_input_unstyled__container {
    max-height: 330px;
  }

  &[data-max-lines='14'] .c-texty_input_unstyled__container {
    max-height: 354px;
  }

  &[data-max-lines='15'] .c-texty_input_unstyled__container {
    max-height: 378px;
  }

  &[data-max-lines='16'] .c-texty_input_unstyled__container {
    max-height: 402px;
  }
}

.c-basic_container--bordered {
  --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;

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

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

.c-basic_container--prefixed {
  .ql-editor {
    padding-left: 0;
  }

  .ql-placeholder {
    left: 0;
  }
}

.c-basic_container--suffixed {
  .ql-editor {
    padding-right: 0;
  }

  .ql-placeholder {
    right: 0;
  }
}

.c-basic_container--disabled {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  opacity: .6;
  pointer-events: none;
}

.c-basic_container--invalid {
  border-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);

  &:focus, &:focus-within {
    --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    --saf-1: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.3);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
  }
}

.c-search_debug_modal__output {
  max-height: 500px;
  overflow: auto;
}

.p-prototype_slash_command_entity__container {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  position: relative;
  width: 100%;
}

.p-prototype_slash_command_entity__details {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.p-prototype_slash_command_entity__icon {
  margin: 2px 8px 10px;
}

.p-prototype_slash_command_entity__name {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 15px;
  font-weight: 700;
}

.p-prototype_slash_command_entity__usage {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 4px;
  font-weight: 700;
  line-height: 18px;
  margin-left: 4px;
  padding: 0 4px;
}

.p-prototype_slash_command_entity__description, .p-prototype_slash_command_entity__usage {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
}

.p-prototype_slash_command_entity__type {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  right: 24px;
  top: 12px;
}

.c-texty_autocomplete.p-prototype_menu_autocomplete_slash_commands.c-texty_autocomplete--commands .c-texty_autocomplete__result--selected {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);

  .p-prototype_slash_command_entity__type {
    color: #1264a3;
  }
}

.p-prototype_menu_autocomplete_slash_commands_heading {
  align-items: center;
  box-sizing: border-box;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  width: 100%;
}

.p-prototype_menu_autocomplete_slash_commands_heading__icon--highlighted {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1) !important;
}

.p-prototype_menu_autocomplete_slash_commands_heading__icon {
  border-radius: 3px;
  height: 16px;
  margin-right: 14px;
  width: 16px;

  &:before {
    font-size: 16px;
  }
}

.p-prototype_menu_autocomplete_slash_commands_heading__icon--app {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 1px solid var(--saf-0);
}

.c-texty_autocomplete.p-prototype_menu_autocomplete_slash_commands {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 6px;
  box-shadow: 0 4px 12px 0 #0000001f;
  box-sizing: initial;
  display: flex;
  flex-direction: column;
  height: auto;
  margin: 0;
  max-height: 370px;
  max-width: none;
  overflow: hidden;

  .c-texty_autocomplete__body {
    width: 100%;
  }

  .c-texty_autocomplete__result {
    padding: 0;
  }

  .p-prototype_menu_autocomplete_slash_commands__heading {
    padding-bottom: 8px;
    padding-left: 16px;
    padding-top: 8px;
  }

  .p-prototype_menu_autocomplete_slash_commands__item {
    padding-left: 48px;
  }
}

.p-slash_commands_autocomplete_menu_entity__container {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  position: relative;
  width: 100%;
}

.p-slash_commands_autocomplete_menu_entity__icon {
  flex-shrink: 0;
  margin: 4px 8px 10px;
  min-width: 0;

  .c-base_icon, .p-slash_commands_autocomplete_menu_entity__slack_icon {
    background-color: inherit;
  }
}

.p-slash_commands_autocomplete_menu_entity__details {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-right: 16px;
  overflow: hidden;
  width: 100%;
}

.p-slash_commands_autocomplete_menu_entity__name {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;

  wbr {
    display: none;
  }
}

.p-slash_commands_autocomplete_menu_entity__usage {
  margin-left: 4px;
}

.p-slash_commands_autocomplete_menu_entity__description {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;

  wbr {
    display: none;
  }

  > * {
    margin-right: 2px;
  }
}

.p-slash_commands_autocomplete_menu_entity__type {
  font-weight: 700;
}

.p-slash_commands_autocomplete_menu_entity__container--selected {
  .p-slash_commands_autocomplete_menu_entity__details > *, .p-slash_commands_autocomplete_menu_entity__name {
    color: #fff;
  }
}

.c-texty_autocomplete.p-slash_commands_autocomplete_menu {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #0000001a;
  box-sizing: initial;
  height: auto;
  margin: 0;
  max-height: 262px;
  max-width: 575px;
  min-width: 450px;

  .c-texty_autocomplete__body {
    width: 100%;
  }

  .c-texty_autocomplete__result {
    padding: 0;
  }

  .p-slash_commands_autocomplete_menu__heading {
    padding: 16px 16px 8px;
  }

  .p-slash_commands_autocomplete_menu__item {
    padding-left: 8px;
  }

  &.p-slash_commands_autocomplete_menu__megaphone {
    max-height: 350px;
  }
}

.p-modal_content_checklist__heading {
  padding-bottom: 4px;
  text-align: left;
}

.p-modal_content_checklist__checklist {
  display: inline-block;
  padding: 0 40px 4px;
  text-align: left;
}

.p-modal_content_checklist__checklist_item {
  align-items: center;
  display: flex;
  padding-bottom: 4px;
}

.p-modal_content_checklist__checklist_check {
  align-self: flex-start;
  color: #007a5a;
  font-weight: 400;
  margin-top: 4px;
  padding-right: 4px;
}

.p-trial_entry_point_modal__loading_modal {
  height: 520px;

  .c-lazy_modal {
    height: 520px;
  }

  .c-infinite_spinner {
    top: 40%;
  }
}

.p-trial_entry_point_modal__title {
  padding: 0 56px;
}

@media screen and (max-width: 400px) {
  .p-trial_entry_point_modal__title {
    padding: 0;
  }
}

.p-trial_entry_point_modal__footer {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.p-trial_entry_point_modal__footer_text {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  margin: 8px auto 4px;
  text-align: center;
}

.p-trial_entry_point_modal__speedbump {
  background-color: #f4f1f4;

  .c-modal_speed_bump_content {
    background-color: inherit;
  }
}

.sk-client-theme--dark .p-trial_entry_point_modal__speedbump {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
}

.p-trial_entry_point_modal__speedbump_icon {
  color: #4a154bcc;
  margin-right: 12px;
}

.sk-client-theme--dark .p-trial_entry_point_modal__speedbump_icon {
  color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
}

.p-trial_entry_point_modal__speedbump_description {
  padding: 8px 0 8px 32px;
}

.c-error_modal, .c-lazy_modal {
  padding: 48px 16px;
  text-align: center;
}

.p-deprecated_channel_name {
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  margin: 0;
  overflow: initial;
  padding: 0;
  text-align: initial;
  vertical-align: initial;
  white-space: nowrap;

  &:active, &:focus, &:hover {
    outline: none;
  }
}

.p-deprecated_channel_name--clickable {
  cursor: pointer;
}

.p-deprecated_channel_name__text--inline {
  margin-right: 4px;
}

.p-deprecated_channel_name .c-team_icon {
  margin-left: 4px;
  margin-right: 8px;
}

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

.p-deprecated_channel_name__team_name--xws {
  align-items: baseline;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: inline-flex;
  opacity: 0.7;
}

.p-deprecated_channel_name__team_name_child {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-deprecated_channel_name__team_icon.c-team_icon--default {
  display: inline-flex;
}

.p-deprecated_channel_name__suffix {
  margin-left: 4px;
}

.p-audio_waveform {
  align-items: center;
  display: flex;
  height: 34px;
}

.p-audio_waveform__dot {
  background: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
  border-radius: 1.5px;
  margin-left: 3px;
  min-height: 3px;
  width: 3px;

  &:first-child {
    margin-left: 0;
  }
}

.p-audio_waveform__dot--blue, .p-audio_waveform__dot--highlight {
  background: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.p-audio_waveform__dot--red {
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
}

.p-audio_avatar_with_waveform {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  z-index: 0;
}

.p-audio_avatar_with_waveform__waveform {
  margin-top: -17px;
  position: absolute;
  top: 50%;
}

.p-audio_avatar_with_waveform__avatar {
  position: relative;
  z-index: 1;

  .c-base_icon {
    border-radius: 12px;
  }
}

.p-media_file_thumbnail {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}

.p-media_file_thumbnail__thumb {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.p-media_file_thumbnail__audio_waves {
  height: auto;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.p-media_file_thumbnail__play_icon {
  color: #fff;
}

.p-media_file_thumbnail__jump_button {
  color: #fff;
  display: none;
  font-weight: 700;
  position: relative;
}

.p-media_file_thumbnail__overlay {
  background-color: #0003;
  border-radius: 8px 8px 0 0;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.p-media_file_thumbnail__overlay_inverted {
  border-radius: 0 0 8px 8px;
}

.p-quip_icon_container {
  align-items: center;
  background-color: #4a154b;
  border-radius: 8px;
  color: #fff;
  display: inline-flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.c-base_list_entity--highlight-dark .p-quip_icon_container {
  background-color: #fff;
  color: #1264a3;
}

.p-quip_icon {
  align-items: center;
  background: #1d9bd1;
  border-radius: 8px;
  display: inline-flex;
  justify-content: center;

  img {
    transform: scale(0.909);
  }
}

.p-quip_icon_notification_badge {
  background-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  border-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 7px;
  border-style: solid;
  border-width: 1px;
  height: 14px;
  position: absolute;
  right: -6px;
  top: -6px;
  width: 14px;
}

.p-list_icon {
  align-items: center;
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 8px;
  display: inline-flex;
  justify-content: center;

  img {
    transform: scale(0.909);
  }
}

.p-list_icon--default {
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-list_icon--search {
  background: none;
}

.p-file_thumbnail__container {
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.p-file_thumbnail__container--document, .p-file_thumbnail__container--image, .p-file_thumbnail__container--video {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
}

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

.p-file_thumbnail__container--svg {
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 6px;
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  font-size: 12px;
  margin-right: 8px;
  padding: 4px;
}

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

.p-file_thumbnail__media {
  height: 100%;
  width: 100%;
}

.p-file_thumbnail__document_container {
  overflow: hidden;
}

.p-file_thumbnail__document_img {
  height: auto;
  width: 100%;
}

.p-file_thumbnail__file_icon {
  height: 100%;
  width: 100%;
}

.p-file_thumbnail__broken_img {
  background-image: url(./broken_image-871454d.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-file_thumbnail__broken_img {
    background-image: url(./broken_image@2x-0765596.png);
  }
}

.p-file_thumbnail__tiny_thumb_wrapper {
  align-items: center;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
}

.p-file_thumbnail__slides {
  background-color: #e8912d;
  color: #fff;
}

.c-file_entity__icon {
  margin-right: 8px;
  width: 20px;

  svg {
    display: block;
    margin: 0 auto;
  }
}

.c-file_entity__text {
  font-weight: 700;
  margin-right: 8px;
  white-space: normal;
}

.c-file_entity__text--first-line {
  line-height: 1.46668;
  margin-top: -4px;
}

.c-file_entity_thumbnail_icon {
  border-radius: 8px;
  overflow: hidden;
}

.c-file_entity_thumbnail_icon_with_notification {
  border-radius: 8px;
  overflow: visible;
}

.c-file_entity_thumbnail_icon--img-border {
  position: relative;

  &:after {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0);
    border-radius: 8px;
    bottom: 0;
    content: ' ';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}

.c-base_list_entity--highlight-dark {
  .c-file-entity-bold-description, .c-file_entity__icon:before {
    color: #fff;
  }
}

.c-base_list_entity--dim .c-file_entity__icon:before {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

.c-file_entity--exception {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.c-file_entity-user-timestamp {
  font-size: 13px;
  line-height: 1.2;
  margin-top: 2px;
  overflow: hidden;
  width: 100%;
}

.c-file-entity-bold-description {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.c-file_entity__medium_base_entity {
  &.c-file_entity__medium_base_entity--access-denied, &.c-file_entity__medium_base_entity--storage-limit {
    align-items: flex-start;
  }
}

.c-file_entity-refresh-link {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.c-file_entity-refresh__highlighted {
  color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
}

.c-link_entity__title, .c-link_entity__url {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-link_entity__title {
  font-weight: 700;
}

.c-link_entity__url {
  opacity: 0.7;
}

.c-link_entity__medium_fallback_icon {
  align-items: center;
  display: flex;
  font-size: 36px;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.c-link_entity__img_icon {
  background-size: cover;
}

.c-broadcast_entity__label {
  font-weight: 700;
  margin-right: 8px;
}

.p-setup_prog_disc_message_menu_explainer_tip {
  background-color: #1d9bd11a;
  padding: 8px 20px;
}

.p-setup_prog_disc_message_menu_explainer_tip--attachments {
  margin-bottom: 8px;
  margin-top: -10px;
  padding-left: 24px;
}

.p-setup_prog_disc_message_menu_explainer_tip--reacji {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  padding: 8px 16px;
}

.c-texty_autocomplete {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-radius: 6px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  display: flex;
  flex-direction: column;
  line-height: 1.4rem;
  max-height: 220px;
  max-width: 540px;
  min-width: 420px;
  overflow: hidden;
}

@media screen and (max-width: 820px) {
  .c-texty_autocomplete {
    min-width: 320px;
    width: calc(100vw - 40px);
  }
}

.c-texty_autocomplete__help {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  padding: 0 20px;
}

.c-texty_autocomplete__help_item {
  margin-right: 16px;

  .c-icon--cloud-offline {
    margin-right: 8px;
  }
}

.c-texty_autocomplete__help_item--narrow .c-icon {
  width: 10px;
}

.c-texty_autocomplete__body {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 8px 0;
}

.c-texty_autocomplete__results {
  list-style-type: none;
  margin: 0;
}

.c-texty_autocomplete__result {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 32px;
  margin: 0;

  .c-team_icon {
    --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    border: 1px solid var(--saf-0);
  }

  .c-base_list_entity {
    height: 100%;
    padding: 0 16px;
  }

  .c-base_list_entity__secondary_content {
    font-size: unset;
    line-height: unset;
    text-align: unset;
  }

  .c-channel_entity__name {
    flex: 0 1 auto;
  }

  .c-channel_entity__team {
    flex: 1 1 16px;
    min-width: 16px;
  }
}

.c-texty_autocomplete__result_context {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  white-space: nowrap;
}

.c-texty_autocomplete__result_title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.c-texty_autocomplete__result_highlight {
  background: #f2c74466;
}

.sk-client-theme--dark .c-texty_autocomplete__result_highlight {
  background: #e8912d66;
  color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
}

.c-texty_autocomplete__result--selected .c-base_list_entity--highlight-dark .c-texty_autocomplete__result_context {
  color: #fff;
}

[lang=de-DE] .c-texty_autocomplete__result--broadcasted, [lang=es-ES] .c-texty_autocomplete__result--broadcasted, [lang=es-LA] .c-texty_autocomplete__result--broadcasted, [lang=fr-FR] .c-texty_autocomplete__result--broadcasted, [lang=it-IT] .c-texty_autocomplete__result--broadcasted {
  margin: 8px 0;
}

.c-texty_autocomplete__result--medium {
  height: 60px;
}

.c-texty_autocomplete__result--disabled {
  pointer-events: none;
}

.c-texty_autocomplete--emoji {
  .c-texty_autocomplete__result_emoji {
    flex-shrink: 0;
    margin-right: 8px;
  }

  .c-texty_autocomplete__result_name {
    font-variant-ligatures: none;
  }

  .c-texty_autocomplete__result {
    padding: 0 16px;
  }

  .c-texty_autocomplete__result--selected {
    background-color: #1264a3;
    color: #fff;

    .c-texty_autocomplete__result_highlight {
      background: #f2c744;
      color: #0b4c8c;
    }
  }
}

.c-texty_autocomplete--commands {
  max-height: 370px;

  .c-texty_autocomplete__result {
    height: 60px;
    line-height: 1.4;
    padding: 0 16px;

    &:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description {
      color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    }
  }

  .c-texty_autocomplete__result--selected {
    background-color: #1264a3;
    color: #fff;
  }

  .c-texty_autocomplete__result_description {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    wbr {
      display: none;
    }
  }

  .c-texty_autocomplete__result_icon {
    background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border-radius: 4px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 36px;
  }

  .c-texty_autocomplete__result--selected .c-texty_autocomplete__result_icon {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 0.25);
  }

  .c-texty_autocomplete__fallback_icon {
    border-radius: 4px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 36px;

    &:before {
      font-size: 20px;
    }
  }

  .c-texty_autocomplete__result_section {
    flex: 1;
    margin-left: 12px;
    min-width: 0;
  }

  .c-texty_autocomplete__group {
    align-items: center;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    display: flex;
    font-size: 13px;
    height: 36px;
    line-height: 36px;
    margin: 0;
    padding: 0 16px;
    white-space: nowrap;
  }
}

.c-texty_autocomplete--links {
  max-height: 370px;
}

.p-composer_edit_link_popover__url {
  margin-top: 4px;
  max-height: 9rem;
  overflow: auto;
  word-break: break-word;
}

.c-team, .c-unified_member, .c-usergroup {
  display: flex;
  flex: auto;
}

.c-team {
  &:active, &:focus, &:hover {
    text-decoration: none;
  }
}

.c-unified_member {
  &:active, &:focus, &:hover {
    text-decoration: none;
  }
}

.c-usergroup {
  &:active, &:focus, &:hover {
    text-decoration: none;
  }
}

.c-team__display-name, .c-unified_member__display-name, .c-usergroup__handle {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-weight: 700;
}

.c-unified_member__avatar {
  flex-shrink: 0;
}

.c-unified_member__unavailable {
  filter: grayscale(1);
}

.c-unified_member .presence, .c-unified_member__presence {
  flex-shrink: 0;
}

.c-unified_member .presence.active, .c-unified_member__presence.active {
  color: #4da28c;
}

.c-unified_member .presence.away, .c-unified_member__presence.away {
  opacity: 0.6;
}

.c-team .c-team__icon, .c-unified_member .member_image, .c-usergroup .c-usergroup__icon {
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: .2rem;
  display: inline-block;
  flex: 0 0 auto;
  position: relative;
}

.c-team--linked, .c-unified_member--linked, .no_touch a.c-team--linked {
  cursor: pointer;
  text-decoration: none;
}

.c-team--linked:hover, .c-unified_member--linked:hover, .no_touch a.c-team--linked:hover {
  text-decoration: none;
}

.c-unified_member--unavailable .member_image {
  filter: grayscale(1);
  opacity: 0.6;
}

.c-unified_member__current-status .emoji-outer.emoji-sizer {
  display: inline-block;
  font-size: 1rem;
  height: 1rem;
  line-height: 1;
  margin-left: .1rem;
  margin-top: -4px;
  overflow: hidden;
  vertical-align: middle;
  width: 1rem;
}

.c-unified_member__current-status--legacy:before, .c-unified_member__secondary-name--large + .c-unified_member__current-status--large:before, .c-unified_member__secondary-name--medium + .c-unified_member__current-status--medium:before {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 0.3);
  content: '|';
  padding: 0 0.2rem 0 0.4rem;
}

.c-unified_member__current-status .prevent_copy_paste {
  &:before {
    content: attr(aria-label);
  }

  margin-left: 0.125rem;
}

.c-unified_member .external_team_badge {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 3px;
  bottom: -2px;
  box-shadow: 0 0 0 2px #fff;
  display: inline-block;
  position: absolute;
  right: -2px;
  vertical-align: bottom;

  &.team_badge_16 {
    height: 16px;
    width: 16px;
  }

  &.default {
    background-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.6;
    text-align: center;
    text-shadow: 0 1px 1px #0003;
  }

  &:after {
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #00000014;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
  }
}

.c-team--small, .c-unified_member--small, .c-usergroup--small {
  align-items: center;
  font-size: 15px;
  line-height: 2;
}

[lang] .c-unified_member__small-font--small {
  font-size: 16px;
}

[lang=ja-JP] .c-unified_member__small-font--small {
  font-size: 15px;
}

.c-team__name--small, .c-unified_member__name--small, .c-usergroup__name--small {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: block;
  flex: 1 1 auto;
  font-weight: 400;
  margin-left: .25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-word;
}

.c-team__name--small wbr, .c-unified_member__name--small wbr, .c-usergroup__name--small wbr {
  display: none;
}

.c-usergroup__name--small_select {
  flex: initial;
}

.c-team__with-icon--small .c-team__name--small, .c-unified_member__with-avatar--small .c-unified_member__name--small, .c-usergroup__with-icon--small .c-usergroup__name--small {
  margin-left: 0.5rem;
}

.c-unified_member__context--small {
  line-height: 1.9;
}

.c-unified_member__unread-context--small {
  bottom: 1px;
  order: 4;
  position: relative;
}

.c-unified_member--small {
  .team_image ~ .c-unified_member__not-in-channel-context--small {
    padding-right: 0.5rem;
  }

  .presence {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    flex: 0 0 6px;
    height: 30px;
    margin: 0 0 0 .15rem;
    position: relative;
    width: 18px;

    .presence_icon {
      font-size: 20px;
      left: 0;
      line-height: 1;
      position: relative;
      top: 0;
    }
  }
}

.c-unified_member__small-font--small .presence .presence_icon {
  top: -2px;
}

.c-unified_member--small .c-unified_member__draft_icon {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  width: 20px;
}

.c-team--small .c-team__icon, .c-unified_member--small .member_image, .c-usergroup--small .c-usergroup__icon {
  height: 20px;
  width: 20px;
}

.c-team--small .c-team__icon {
  margin-left: 0.25rem;
}

.c-unified_member--small {
  .c-unified_member__label, .member_image {
    margin-left: 0.25rem;
  }

  .team_image {
    &.icon_16 {
      --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
      background-repeat: no-repeat;
      background-size: 100%;
      border: 1px solid var(--saf-0);
      border-radius: 3px;
      display: inline-block;
      flex: 0 0 16px;
      height: 16px;
      line-height: 1.6;
      order: 3;
      position: relative;
      width: 16px;
    }

    &.default {
      background-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
      color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
      font-size: 9.5px;
      font-style: normal;
      font-weight: 800;
      letter-spacing: 0;
      line-height: 1.6;
      text-align: center;
      text-shadow: 0 1px 1px #0003;
    }
  }
}

.c-unified_member__secondary-name--small, .c-usergroup__description--small {
  margin-left: 0.25rem;
}

.c-unified_member__deleted--small {
  margin: 0 0 0 .15rem;
  opacity: .6;
  width: 18px;

  &:before {
    left: -3px;
    position: relative;
    top: -2px;
  }
}

.c-unified_member__label {
  align-items: center;
  display: flex;
}

.c-unified_member__label--small {
  margin-right: 8px;
}

.c-unified_member__context.c-unified_member__not-in-channel-context--small, .c-unified_member__label--small, .c-usergroup__context.c-usergroup__not-in-channel-context--small {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  line-height: 0;
  margin-left: .25rem;
  white-space: nowrap;
}

.c-unified_member__frecency-score--small.frecency_score {
  order: 3;
}

.c-unified_member--dark {
  .c-presence {
    color: #fff;
  }

  .c-unified_member__current-status {
    color: #fff;

    &:before {
      color: #fff;
    }
  }

  .c-unified_member__display-name, .c-unified_member__label--small, .c-unified_member__name, .c-unified_member__not-in-channel-context--small, .c-unified_member__secondary-name, .presence {
    color: #fff;
  }

  .team_image {
    margin-left: 10px;
  }
}

.c-tooltip__tip .c-unified_member--small {
  margin-left: 4px;
}

.c-unified_member--medium, .c-usergroup--medium {
  align-items: center;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 15px;
  font-weight: 400;
  height: 42px;
  position: relative;
}

.c-unified_member__flex-container--medium {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  min-height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-usergroup__flex-container--medium {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  min-height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 12px;
}

.c-unified_member__entity-text-container {
  align-items: center;
  display: flex;
}

.c-base_list_entity--small.c-base_list_entity--active {
  .c-base_entity__subtext, .c-unified_member__display-name, .c-unified_member__presence, .c-unified_member__secondary-name {
    color: #fff;
  }
}

.c-medium-unified-member--unknown-text {
  margin-top: 8px;
}

.c-medium-unified-member--unknown-subtext {
  margin-bottom: 4px;
}

.c-unified_member__name--medium, .c-unified_member__title--medium {
  display: block;
  flex: 0 0 auto;
  line-height: 1.1;
  overflow: hidden;
  padding-bottom: 2px;
  padding-left: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-word;
}

.c-unified_member__name--medium wbr, .c-unified_member__title--medium wbr {
  display: none;
}

.c-unified_member__name--medium {
  align-items: center;
  display: flex;
  font-size: 0;
}

.c-unified_member__title--unavailable {
  font-size: 13px;
}

.c-unified_member__display-name--medium {
  font-size: 15px;
}

.c-unified_member__secondary-name--medium {
  font-size: 15px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.c-unified_member--medium {
  .presence {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    height: 18px;
    margin: 0;
    width: 22px;

    .presence_icon {
      font-size: 20px;
      left: -3px;
      line-height: .4;
      margin: 0 .25rem;
      position: relative;
      top: 0;
    }
  }

  .member_image {
    height: 36px;
    width: 36px;
  }
}

.c-unified_member__display-name--medium, .c-unified_member__secondary-name--medium {
  line-height: 1.4;
  vertical-align: middle;
}

.c-unified_member__current-status--medium {
  .emoji, .emoji-outer.emoji-sizer {
    margin-top: 0;
  }
}

.c-unified_member__label--medium {
  align-self: baseline;
  font-size: 12px;
  line-height: 12px;
}

.c-unified_member--large {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 15px;
  font-weight: 400;
  position: relative;
}

.c-unified_member__flex-container--large {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  min-height: 56px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c-unified_member__display-name--large, .c-unified_member__other-names--large, .c-unified_member__title--large {
  display: block;
  flex: 0 0 auto;
  line-height: 18px;
  overflow: hidden;
  padding-left: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-word;
}

.c-unified_member__display-name--large wbr, .c-unified_member__other-names--large wbr {
  display: none;
}

.c-unified_member__title--large {
  wbr {
    display: none;
  }

  white-space: pre-wrap;
}

.c-unified_member__display-name--large, .c-unified_member__title--large {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.c-unified_member__other-names--large {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.c-unified_member__display-name--large {
  font-weight: 700;
}

.c-unified_member--large .member_image {
  height: 56px;
  width: 56px;
}

.c-usergroup--small .c-usergroup__icon {
  background-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  line-height: 1.3;
  text-align: center;

  &:before {
    font-size: 1rem;
  }
}

.c-usergroup--medium .c-usergroup__icon {
  align-items: center;
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.c-usergroup__name--medium {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-weight: 700;
}

.c-usergroup__handle--medium {
  font-weight: 400;
  margin-left: 4px;
}

.c-usergroup__not-in-channel-context--small {
  font-size: 0.7rem;
}

.c-usergroup--small_select__context, .c-usergroup__not-in-channel-context--small {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

/*!
 * Quill Editor v1.2.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */

.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: auto;
  margin: 0;
  position: relative;

  &.ql-disabled {
    .ql-tooltip {
      visibility: hidden;
    }

    .ql-editor ul[data-checked] > li:before {
      pointer-events: none;
    }
  }
}

.ql-clipboard {
  height: 1px;
  left: -100000px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;

  p {
    margin: 0;
    padding: 0;
  }
}

.ql-editor {
  word-wrap: break-word;
  box-sizing: border-box;
  cursor: text;
  height: 100%;
  line-height: 1.42;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;

  blockquote, h1, h2, h3, h4, h5, h6, ol, p, pre, ul {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    margin: 0;
    padding: 0;
  }

  ol, ul {
    padding-left: 1.5em;
  }

  ol > li {
    list-style-type: none;
  }

  ul {
    > li {
      list-style-type: none;

      &:before {
        content: '•';
      }
    }

    &[data-checked=false], &[data-checked=true] {
      pointer-events: none;
    }

    &[data-checked=false] > li *, &[data-checked=true] > li * {
      pointer-events: all;
    }

    &[data-checked=false] > li:before {
      color: #777;
      cursor: pointer;
      pointer-events: all;
    }

    &[data-checked=true] > li:before {
      color: #777;
      cursor: pointer;
      pointer-events: all;
      content: '☑';
    }

    &[data-checked=false] > li:before {
      content: '☐';
    }
  }

  li {
    &:before {
      display: inline-block;
      margin-left: -1.5em;
      margin-right: .3em;
      text-align: right;
      white-space: nowrap;
      width: 1.2em;
    }

    &.ql-direction-rtl:before {
      margin-left: .3em;
      text-align: left;
    }
  }

  ol li, ul li {
    padding-left: 1.5em;
  }

  ol li {
    counter-increment: list-num;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;

    &:before {
      content: counter(list-num, decimal) '. ';
    }

    &.ql-indent-1 {
      counter-increment: list-1;

      &:before {
        content: counter(list-1, lower-alpha) '. ';
      }

      counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }

    &.ql-indent-2 {
      counter-increment: list-2;

      &:before {
        content: counter(list-2, lower-roman) '. ';
      }

      counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }

    &.ql-indent-3 {
      counter-increment: list-3;

      &:before {
        content: counter(list-3, decimal) '. ';
      }

      counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
    }

    &.ql-indent-4 {
      counter-increment: list-4;

      &:before {
        content: counter(list-4, lower-alpha) '. ';
      }

      counter-reset: list-5 list-6 list-7 list-8 list-9;
    }

    &.ql-indent-5 {
      counter-increment: list-5;

      &:before {
        content: counter(list-5, lower-roman) '. ';
      }

      counter-reset: list-6 list-7 list-8 list-9;
    }

    &.ql-indent-6 {
      counter-increment: list-6;

      &:before {
        content: counter(list-6, decimal) '. ';
      }

      counter-reset: list-7 list-8 list-9;
    }

    &.ql-indent-7 {
      counter-increment: list-7;

      &:before {
        content: counter(list-7, lower-alpha) '. ';
      }

      counter-reset: list-8 list-9;
    }

    &.ql-indent-8 {
      counter-increment: list-8;

      &:before {
        content: counter(list-8, lower-roman) '. ';
      }

      counter-reset: list-9;
    }

    &.ql-indent-9 {
      counter-increment: list-9;

      &:before {
        content: counter(list-9, decimal) '. ';
      }
    }
  }

  .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em;
  }

  li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em;
  }

  .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em;
  }

  li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em;
  }

  .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em;
  }

  li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em;
  }

  .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em;
  }

  li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em;
  }

  .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em;
  }

  li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em;
  }

  .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em;
  }

  li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em;
  }

  .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em;
  }

  li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em;
  }

  .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em;
  }

  li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em;
  }

  .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em;
  }

  li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em;
  }

  .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em;
  }

  li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em;
  }

  .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em;
  }

  li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em;
  }

  .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em;
  }

  li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em;
  }

  .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em;
  }

  li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em;
  }

  .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em;
  }

  li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em;
  }

  .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em;
  }

  li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em;
  }

  .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em;
  }

  li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em;
  }

  .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em;
  }

  li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em;
  }

  .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em;
  }

  li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em;
  }

  .ql-video {
    display: block;
    max-width: 100%;

    &.ql-align-center {
      margin: 0 auto;
    }

    &.ql-align-right {
      margin: 0 0 0 auto;
    }
  }

  .ql-bg-black {
    background-color: #000;
  }

  .ql-bg-red {
    background-color: #e60000;
  }

  .ql-bg-orange {
    background-color: #f90;
  }

  .ql-bg-yellow {
    background-color: #ff0;
  }

  .ql-bg-green {
    background-color: #008a00;
  }

  .ql-bg-blue {
    background-color: #06c;
  }

  .ql-bg-purple {
    background-color: #93f;
  }

  .ql-color-white {
    color: #fff;
  }

  .ql-color-red {
    color: #e60000;
  }

  .ql-color-orange {
    color: #f90;
  }

  .ql-color-yellow {
    color: #ff0;
  }

  .ql-color-green {
    color: #008a00;
  }

  .ql-color-blue {
    color: #06c;
  }

  .ql-color-purple {
    color: #93f;
  }

  .ql-font-serif {
    font-family: Georgia, Times New Roman, serif;
  }

  .ql-font-monospace {
    font-family: Monaco, Courier New, monospace;
  }

  .ql-size-small {
    font-size: 0.75em;
  }

  .ql-size-large {
    font-size: 1.5em;
  }

  .ql-size-huge {
    font-size: 2.5em;
  }

  .ql-direction-rtl {
    direction: rtl;
    text-align: inherit;
  }

  .ql-align-center {
    text-align: center;
  }

  .ql-align-justify {
    text-align: justify;
  }

  .ql-align-right {
    text-align: right;
  }

  &.ql-blank:before {
    color: #0009;
    content: attr(data-placeholder);
    font-style: italic;
    pointer-events: none;
    position: absolute;
  }
}

.c-texty_input {
  --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  padding: 8px 2px 8px 8px;
  position: relative;
}

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

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

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

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

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

.c-texty_input {
  &.c-texty_input--double_decker {
    padding-bottom: 48px !important;

    &.focus:after {
      background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      bottom: 40px;
      content: '';
      display: block;
      height: 1px;
      left: 0;
      position: absolute;
      width: 100%;
    }

    .ql-editor {
      padding-right: 9px !important;
      width: auto !important;
    }
  }

  .sk-client-theme--dark ::selection {
    background-color: #9a9c9e;
    color: #fff;
  }

  &.focus {
    border-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);

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

  &.texty_emoji_only .ql-editor img.emoji {
    height: 2rem;
    line-height: 2rem;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 2rem;
  }

  .ql-editor, .ql-placeholder {
    padding: 0;
  }
}

[lang] .c-texty_input {
  .ql-editor, .ql-placeholder {
    font-size: 15px;
  }
}

[lang=ja-JP] .c-texty_input {
  .ql-editor, .ql-placeholder {
    font-size: 14px;
  }
}

[lang] .c-texty_input {
  .ql-editor, .ql-placeholder {
    line-height: 1.46668;
  }
}

[lang=ja-JP] .c-texty_input {
  .ql-editor, .ql-placeholder {
    line-height: 1.56668;
    line-height: 1.6337;
  }
}

.c-texty_input .ql-editor {
  box-sizing: initial;
  font-variant-ligatures: none;
  overflow: auto;
  -webkit-tab-size: 8;
  -moz-tab-size: 8;
  tab-size: 8;
  -webkit-user-select: text;
  user-select: text;
  width: 100%;

  .ql-code-block, blockquote, h1, h2, h3, h4, h5, h6, ol, p, pre, ul {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }

  h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
    font-size: inherit;
  }

  .ql-code-block + ol, blockquote + ol, h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol, ol:first-of-type, p + ol, pre + ol {
    counter-reset: list-0;
  }

  blockquote {
    margin-bottom: 4px;
    margin-top: 4px;
  }

  pre {
    margin-bottom: 4px;
    margin-top: 4px;
    padding: 8px;
  }

  blockquote {
    padding-left: 16px;
  }
}

.sk-client-theme--dark .c-texty_input .ql-editor blockquote:before {
  background: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.c-texty_input .ql-editor blockquote {
  + blockquote:not([class*=ql-border-]) {
    margin-top: -3px;
    padding-top: 3px;

    &:before {
      height: calc(100% + 6px);
      top: -6px;
    }
  }

  &[class*=ql-border-] {
    padding-left: 31px;

    &:after {
      background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      content: '';
      display: block;
      height: 100%;
      left: 15px;
      position: absolute;
      top: 0;
      width: 4px;
    }
  }
}

.sk-client-theme--dark .c-texty_input .ql-editor blockquote[class*=ql-border-]:after {
  background-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.c-texty_input .ql-editor {
  blockquote {
    + blockquote[class*=ql-border-]:before {
      bottom: -1px;
      top: -6px;
    }

    &[class*=ql-border-] + blockquote[class*=ql-border-] {
      margin-top: 0;

      &:after {
        height: calc(100% + 6px);
        top: -6px;
      }
    }
  }

  .ql-code-block {
    word-wrap: break-word;
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    font-family: Monaco, Menlo, Consolas, Courier New, monospace !important;
    font-size: 12px;
    font-variant-ligatures: none;
    line-height: 1.50001;
    margin-bottom: 14px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    -webkit-tab-size: 4;
    -moz-tab-size: 4;
    tab-size: 4;
    white-space: pre;
    white-space: pre-wrap;
    word-break: normal;

    code {
      background: none;
      border: none;
      color: inherit;
      padding: 0;
    }

    &:after {
      background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
      border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      bottom: -18px;
      content: '';
      display: block;
      height: 8px;
      left: -1px;
      margin-bottom: 9px;
      position: absolute;
      width: 100%;
    }

    + .ql-code-block {
      margin-top: -14px;
    }

    &[class*=ql-border-] {
      margin-left: 11px;
      width: calc(100% - 11px);

      &:before {
        background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        bottom: -8px;
        content: '';
        display: block;
        left: -12px;
        position: absolute;
        top: -1px;
        width: 4px;
      }
    }
  }

  > {
    .ql-code-block:first-child, :not(.ql-code-block) + .ql-code-block {
      border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      margin-top: 4px;
      padding-top: 8px;
    }
  }
}

.sk-client-theme--dark .c-texty_input .ql-editor .ql-code-block[class*=ql-border-]:before {
  background-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.c-texty_input .ql-editor {
  .ql-code-block[class*=ql-border-] + {
    blockquote:before, ol[class*=ql-border-]:before, ul[class*=ql-border-]:before {
      top: -9px;
    }
  }

  blockquote + .ql-code-block[class*=ql-border-]:before, ol[class*=ql-border-] + .ql-code-block[class*=ql-border-]:before, ul[class*=ql-border-] + .ql-code-block[class*=ql-border-]:before {
    top: -9px;
  }

  .ql-code-block[class*=ql-border-] + {
    ol[class*=ql-border-]:before, ul[class*=ql-border-]:before {
      height: calc(100% + 9px);
    }
  }

  ol[class*=ql-border-] + .ql-code-block[class*=ql-border-]:before, ul[class*=ql-border-] + .ql-code-block[class*=ql-border-]:before {
    height: calc(100% + 18px);
  }

  li, ol, ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  ol > li, ul:not([data-checked]) > li {
    margin-left: 26px;
  }

  ol > li[class*=ql-indent-]:not(.ql-direction-rtl), ul > li[class*=ql-indent-]:not(.ql-direction-rtl) {
    padding-left: 0;
  }

  ol > li:before {
    display: inline-block;
    left: -3px;
    line-height: normal;
    margin-left: -24px;
    margin-right: 0;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 24px;
  }

  ul > li:before {
    display: inline-block;
    left: -3px;
    line-height: normal;
    margin-left: -24px;
    margin-right: 0;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 24px;
    content: '\E506';
    display: inline-block;
    font-family: Slack v2;
    font-size: 20px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: initial;
  }

  ol > li {
    &:before {
      content: counter(list-0, decimal) '. ';
      counter-increment: list-0;
    }

    &.ql-indent-1 {
      margin-left: 56px;
      padding-left: 0;
    }
  }

  ul > li.ql-indent-1 {
    margin-left: 56px;
    padding-left: 0;
  }

  ol > li.ql-indent-2, ul > li.ql-indent-2 {
    margin-left: 84px;
  }

  ol > li.ql-indent-3, ul > li.ql-indent-3 {
    margin-left: 112px;
  }

  ol > li.ql-indent-4, ul > li.ql-indent-4 {
    margin-left: 140px;
  }

  ol > li.ql-indent-5, ul > li.ql-indent-5 {
    margin-left: 168px;
  }

  ol > li.ql-indent-6, ul > li.ql-indent-6 {
    margin-left: 196px;
  }

  ol > li.ql-indent-7, ul > li.ql-indent-7 {
    margin-left: 224px;
  }

  ol > li.ql-indent-8 {
    margin-left: 252px;
  }

  ul > li {
    &.ql-indent-8 {
      margin-left: 252px;
    }

    &.ql-indent-3:before, &.ql-indent-6:before, &.ql-indent-9:before {
      content: '';
    }

    &.ql-indent-1:before, &.ql-indent-4:before, &.ql-indent-7:before {
      content: '';
    }

    &.ql-indent-2:before, &.ql-indent-5:before, &.ql-indent-8:before {
      content: '';
    }
  }

  ol {
    > li {
      &.ql-indent-1:before {
        content: counter(list-1, lower-alpha) '. ';
        counter-increment: list-1 0;
      }

      &.ql-indent-2:before {
        content: counter(list-2, lower-roman) '. ';
        counter-increment: list-2 0;
        text-align: right;
      }

      &.ql-indent-3:before {
        content: counter(list-3, decimal) '. ';
        counter-increment: list-3 0;
      }

      &.ql-indent-4:before {
        content: counter(list-4, lower-alpha) '. ';
        counter-increment: list-4 0;
      }

      &.ql-indent-5:before {
        content: counter(list-5, lower-roman) '. ';
        counter-increment: list-5 0;
        text-align: right;
      }

      &.ql-indent-6:before {
        content: counter(list-6, decimal) '. ';
        counter-increment: list-6 0;
      }

      &.ql-indent-7:before {
        content: counter(list-7, lower-alpha) '. ';
        counter-increment: list-7 0;
      }

      &.ql-indent-8:before {
        content: counter(list-8, lower-roman) '. ';
        counter-increment: list-8 0;
        text-align: right;
      }
    }

    &[class*=ql-border-] {
      margin-bottom: 4px;
      margin-top: 4px;
      padding-left: 11px;
      position: relative;
    }
  }

  ul[class*=ql-border-] {
    margin-bottom: 4px;
    margin-top: 4px;
    padding-left: 11px;
    position: relative;
  }

  ol[class*=ql-border-]:before, ul[class*=ql-border-]:before {
    background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px;
  }
}

.sk-client-theme--dark .c-texty_input .ql-editor {
  ol[class*=ql-border-]:before, ul[class*=ql-border-]:before {
    background-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }
}

.c-texty_input {
  .ql-editor {
    blockquote + {
      ol[class*=ql-border-]:before, ul[class*=ql-border-]:before {
        height: calc(100% + 7px);
        top: -7px;
      }
    }

    ol[class*=ql-border-] + {
      blockquote:before, ul[class*=ql-border-]:before {
        height: calc(100% + 7px);
        top: -7px;
      }
    }

    ul {
      &[class*=ql-border-] + {
        blockquote:before, ol[class*=ql-border-]:before {
          height: calc(100% + 7px);
          top: -7px;
        }
      }

      &[data-checked=false] > li:before, &[data-checked=true] > li:before {
        display: none;
      }

      &[data-checked=false] li:not([class*=ql-indent-]), &[data-checked=true] li:not([class*=ql-indent-]) {
        margin-left: 3px;
      }

      &[data-checked=false] li.ql-indent-1, &[data-checked=true] li.ql-indent-1 {
        margin-left: 25px;
      }

      &[data-checked=false] li.ql-indent-2, &[data-checked=true] li.ql-indent-2 {
        margin-left: 50px;
      }

      &[data-checked=false] li.ql-indent-3, &[data-checked=true] li.ql-indent-3 {
        margin-left: 75px;
      }

      &[data-checked=false] li.ql-indent-4, &[data-checked=true] li.ql-indent-4 {
        margin-left: 100px;
      }

      &[data-checked=false] li.ql-indent-5, &[data-checked=true] li.ql-indent-5 {
        margin-left: 125px;
      }

      &[data-checked=false] li.ql-indent-6, &[data-checked=true] li.ql-indent-6 {
        margin-left: 150px;
      }

      &[data-checked=false] li.ql-indent-7, &[data-checked=true] li.ql-indent-7 {
        margin-left: 175px;
      }

      &[data-checked=false] li.ql-indent-8, &[data-checked=true] li.ql-indent-8 {
        margin-left: 200px;
      }

      &[data-checked=false] > li > .slack-docs-list-item-checkbox, &[data-checked=true] > li > .slack-docs-list-item-checkbox {
        margin-right: 2px;
      }

      &[data-checked=false] > li > .slack-docs-list-item-checkbox:before {
        color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.35);
        cursor: pointer;
        display: inline-block;
        font-family: Slack v2;
        font-size: 20px;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        pointer-events: all;
        text-align: center;
        vertical-align: initial;
        white-space: nowrap;
      }

      &[data-checked=true] > li {
        > .slack-docs-list-item-checkbox:before {
          color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.35);
          cursor: pointer;
          display: inline-block;
          font-family: Slack v2;
          font-size: 20px;
          font-size: 15px;
          font-style: normal;
          font-weight: 400;
          line-height: 1;
          pointer-events: all;
          text-align: center;
          vertical-align: initial;
          white-space: nowrap;
        }

        color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
        text-decoration: line-through;
      }

      &[data-checked=false] > li > .slack-docs-list-item-checkbox:before, &[data-checked=true] > li > .slack-docs-list-item-checkbox:before {
        margin-right: 6px;
      }

      &[data-checked=false] > li > .slack-docs-list-item-checkbox:focus, &[data-checked=true] > li > .slack-docs-list-item-checkbox:focus {
        outline: none;
      }

      &[data-checked=false] > li > .slack-docs-list-item-checkbox:focus:before {
        --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 0.3);
        border: 0;
        border-radius: 4px;
        box-shadow: 0 0 0 5px var(--saf-0);
        color: rgba(var(--sk_highlight, 18, 100, 163), 1);
        height: 14px;
        line-height: .9;
        margin-right: 7px;
        width: 14px;
      }

      &[data-checked=true] > li > .slack-docs-list-item-checkbox {
        &:focus:before {
          --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 0.3);
          border: 0;
          border-radius: 4px;
          box-shadow: 0 0 0 5px var(--saf-0);
          color: rgba(var(--sk_highlight, 18, 100, 163), 1);
          height: 14px;
          line-height: .9;
          margin-right: 7px;
          width: 14px;
        }

        &:before {
          color: rgba(var(--sk_highlight, 18, 100, 163), 1);
          content: '';
        }
      }

      &[data-checked=false] > li > .slack-docs-list-item-checkbox:before {
        content: '';
      }
    }
  }

  .ql-placeholder {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    display: block;
    display: none;
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    font-style: normal;
    left: 8px;
    max-height: 100%;
    opacity: .5;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 8px;
    text-overflow: ellipsis;
    top: 8px;
    white-space: nowrap;

    wbr {
      display: none;
    }

    ::selection {
      background: #0000;
    }
  }

  .ql-blank {
    &:before {
      display: none;
    }

    ~ .ql-placeholder {
      display: block;
    }

    code {
      background-color: initial;
      border: none;
      padding: 0;
    }
  }

  .ql-buttons {
    bottom: 4px;
    height: 32px;
    position: absolute;
    right: 4px;
  }

  .ql-editor img.emoji {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 22px;
    vertical-align: bottom;
    width: 22px;

    &[data-has-skin-tone] {
      cursor: pointer;
    }
  }
}

.c-texty_input__placeholder {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.c-texty_input__placeholder_icon--public {
  margin-left: -4px;
  margin-right: -4px;
}

.c-texty_input__placeholder_icon--private {
  font-size: 14px;
}

.c-texty_input__button {
  border-radius: 2px;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s, background-color 0.2s, color 0.2s;

  .c-icon:before {
    font-size: 16px;
  }

  ~ .c-texty_input__button {
    right: 33px;

    ~ .c-texty_input__button {
      right: 66px;

      ~ .c-texty_input__button {
        right: 99px;

        ~ .c-texty_input__button {
          right: 131px;

          ~ .c-texty_input__button {
            right: 164px;
          }
        }
      }
    }
  }
}

.sk-client-theme--dark .c-texty_input code {
  color: #e8912d;
}

.c-icon_button {
  &.c-texty_input__button:hover {
    box-shadow: none;
  }

  &.c-texty_input__button--schedule_send.c-texty_input__button--disabled {
    background: unset;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    opacity: .2;
    pointer-events: none;
  }
}

.c-texty_input__expand_button {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  position: absolute;
  z-index: 200;
}

.c-texty_input__expand_button--floating {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  opacity: 0;
  right: -20px;
  top: 11px;
  transition: opacity 80ms linear;
  width: 20px;

  &:focus, &:hover {
    opacity: 1;
  }
}

.c-texty_input__expand_button--inset {
  right: 5px;
  top: 5px;
}

.c-texty_input_unstyled__container--with_underlined_links .ql-editor a {
  text-decoration: underline;
}

.c-texty_input .c-texty_workflow_token {
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  margin: 0;
  overflow: initial;
  padding: 0;
  text-align: initial;
  vertical-align: initial;

  &:active, &:focus, &:hover {
    outline: none;
  }

  .c-texty_workflow_token__content {
    background: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.1);
    border-radius: 3px;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    padding: 0 2px 1px;

    &:hover {
      background: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.2);
      color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
      text-decoration: none;
    }
  }

  .c-texty_workflow_token__property {
    border-left: 1px solid rgba(var(--sk_highlight_accent, 29, 155, 209), 0.2);
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    margin-left: 4px;
    padding-left: 4px;
  }

  .c-texty_workflow_token__customize_dropdown {
    padding-left: 0;
    top: 2px;
    width: 15px;
  }

  &.is-missing .c-texty_workflow_token__content {
    background: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.1);
    color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);

    &:hover {
      background: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.1);
    }
  }

  &.is-not-clickable {
    &:hover {
      cursor: text;
    }

    .c-texty_workflow_token__content:hover {
      background: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.1);
      color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    }

    .c-texty_workflow_token__customize_dropdown {
      display: none;
    }
  }
}

.c-texty_input_unstyled__container {
  align-self: stretch;
  display: flex;
  flex: 1;
  min-width: 0;

  .ql-editor, .ql-placeholder {
    flex: 1;
    height: unset;
  }

  .ql-editor {
    font-variant-ligatures: none;
    -webkit-tab-size: 8;
    -moz-tab-size: 8;
    tab-size: 8;
    -webkit-user-select: text;
    user-select: text;

    .ql-code-block, blockquote, h1, h2, h3, h4, h5, h6, ol, p, pre, ul {
      counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }

    h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
      font-size: inherit;
    }

    .ql-code-block + ol, blockquote + ol, h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol, ol:first-of-type, p + ol, pre + ol {
      counter-reset: list-0;
    }

    blockquote {
      margin-bottom: 4px;
      margin-top: 4px;
    }

    pre {
      margin-bottom: 4px;
      margin-top: 4px;
      padding: 8px;
    }

    blockquote {
      padding-left: 16px;
    }
  }
}

.sk-client-theme--dark .c-texty_input_unstyled__container .ql-editor blockquote:before {
  background: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.c-texty_input_unstyled__container .ql-editor blockquote {
  + blockquote:not([class*=ql-border-]) {
    margin-top: -3px;
    padding-top: 3px;

    &:before {
      height: calc(100% + 6px);
      top: -6px;
    }
  }

  &[class*=ql-border-] {
    padding-left: 31px;

    &:after {
      background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      content: '';
      display: block;
      height: 100%;
      left: 15px;
      position: absolute;
      top: 0;
      width: 4px;
    }
  }
}

.sk-client-theme--dark .c-texty_input_unstyled__container .ql-editor blockquote[class*=ql-border-]:after {
  background-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.c-texty_input_unstyled__container .ql-editor {
  blockquote {
    + blockquote[class*=ql-border-]:before {
      bottom: -1px;
      top: -6px;
    }

    &[class*=ql-border-] + blockquote[class*=ql-border-] {
      margin-top: 0;

      &:after {
        height: calc(100% + 6px);
        top: -6px;
      }
    }
  }

  .ql-code-block {
    word-wrap: break-word;
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    font-family: Monaco, Menlo, Consolas, Courier New, monospace !important;
    font-size: 12px;
    font-variant-ligatures: none;
    line-height: 1.50001;
    margin-bottom: 14px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    -webkit-tab-size: 4;
    -moz-tab-size: 4;
    tab-size: 4;
    white-space: pre;
    white-space: pre-wrap;
    word-break: normal;

    code {
      background: none;
      border: none;
      color: inherit;
      padding: 0;
    }

    &:after {
      background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
      border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      bottom: -18px;
      content: '';
      display: block;
      height: 8px;
      left: -1px;
      margin-bottom: 10px;
      position: absolute;
      width: 100%;
      width: calc(100% + 2px);
    }

    + .ql-code-block {
      margin-top: -14px;
    }

    &[class*=ql-border-] {
      margin-left: 11px;
      width: calc(100% - 11px);

      &:before {
        background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        bottom: -8px;
        content: '';
        display: block;
        left: -12px;
        position: absolute;
        top: -1px;
        width: 4px;
      }
    }
  }

  > {
    .ql-code-block:first-child, :not(.ql-code-block) + .ql-code-block {
      border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      margin-top: 4px;
      padding-top: 8px;
    }
  }
}

.sk-client-theme--dark .c-texty_input_unstyled__container .ql-editor .ql-code-block[class*=ql-border-]:before {
  background-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.c-texty_input_unstyled__container .ql-editor {
  .ql-code-block[class*=ql-border-] + {
    blockquote:before, ol[class*=ql-border-]:before, ul[class*=ql-border-]:before {
      top: -9px;
    }
  }

  blockquote + .ql-code-block[class*=ql-border-]:before, ol[class*=ql-border-] + .ql-code-block[class*=ql-border-]:before, ul[class*=ql-border-] + .ql-code-block[class*=ql-border-]:before {
    top: -9px;
  }

  .ql-code-block[class*=ql-border-] + {
    ol[class*=ql-border-]:before, ul[class*=ql-border-]:before {
      height: calc(100% + 9px);
    }
  }

  ol[class*=ql-border-] + .ql-code-block[class*=ql-border-]:before, ul[class*=ql-border-] + .ql-code-block[class*=ql-border-]:before {
    height: calc(100% + 18px);
  }

  li, ol, ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  ol > li, ul:not([data-checked]) > li {
    margin-left: 26px;
  }

  ol > li[class*=ql-indent-]:not(.ql-direction-rtl), ul > li[class*=ql-indent-]:not(.ql-direction-rtl) {
    padding-left: 0;
  }

  ol > li:before {
    display: inline-block;
    left: -3px;
    line-height: normal;
    margin-left: -24px;
    margin-right: 0;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 24px;
  }

  ul > li:before {
    display: inline-block;
    left: -3px;
    line-height: normal;
    margin-left: -24px;
    margin-right: 0;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 24px;
    content: '\E506';
    display: inline-block;
    font-family: Slack v2;
    font-size: 20px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: initial;
  }

  ol > li {
    &:before {
      content: counter(list-0, decimal) '. ';
      counter-increment: list-0;
    }

    &.ql-indent-1 {
      margin-left: 56px;
      padding-left: 0;
    }
  }

  ul > li.ql-indent-1 {
    margin-left: 56px;
    padding-left: 0;
  }

  ol > li.ql-indent-2, ul > li.ql-indent-2 {
    margin-left: 84px;
  }

  ol > li.ql-indent-3, ul > li.ql-indent-3 {
    margin-left: 112px;
  }

  ol > li.ql-indent-4, ul > li.ql-indent-4 {
    margin-left: 140px;
  }

  ol > li.ql-indent-5, ul > li.ql-indent-5 {
    margin-left: 168px;
  }

  ol > li.ql-indent-6, ul > li.ql-indent-6 {
    margin-left: 196px;
  }

  ol > li.ql-indent-7, ul > li.ql-indent-7 {
    margin-left: 224px;
  }

  ol > li.ql-indent-8 {
    margin-left: 252px;
  }

  ul > li {
    &.ql-indent-8 {
      margin-left: 252px;
    }

    &.ql-indent-3:before, &.ql-indent-6:before, &.ql-indent-9:before {
      content: '';
    }

    &.ql-indent-1:before, &.ql-indent-4:before, &.ql-indent-7:before {
      content: '';
    }

    &.ql-indent-2:before, &.ql-indent-5:before, &.ql-indent-8:before {
      content: '';
    }
  }

  ol {
    > li {
      &.ql-indent-1:before {
        content: counter(list-1, lower-alpha) '. ';
        counter-increment: list-1 0;
      }

      &.ql-indent-2:before {
        content: counter(list-2, lower-roman) '. ';
        counter-increment: list-2 0;
        text-align: right;
      }

      &.ql-indent-3:before {
        content: counter(list-3, decimal) '. ';
        counter-increment: list-3 0;
      }

      &.ql-indent-4:before {
        content: counter(list-4, lower-alpha) '. ';
        counter-increment: list-4 0;
      }

      &.ql-indent-5:before {
        content: counter(list-5, lower-roman) '. ';
        counter-increment: list-5 0;
        text-align: right;
      }

      &.ql-indent-6:before {
        content: counter(list-6, decimal) '. ';
        counter-increment: list-6 0;
      }

      &.ql-indent-7:before {
        content: counter(list-7, lower-alpha) '. ';
        counter-increment: list-7 0;
      }

      &.ql-indent-8:before {
        content: counter(list-8, lower-roman) '. ';
        counter-increment: list-8 0;
        text-align: right;
      }
    }

    &[class*=ql-border-] {
      margin-bottom: 4px;
      margin-top: 4px;
      padding-left: 11px;
      position: relative;
    }
  }

  ul[class*=ql-border-] {
    margin-bottom: 4px;
    margin-top: 4px;
    padding-left: 11px;
    position: relative;
  }

  ol[class*=ql-border-]:before, ul[class*=ql-border-]:before {
    background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px;
  }
}

.sk-client-theme--dark .c-texty_input_unstyled__container .ql-editor {
  ol[class*=ql-border-]:before, ul[class*=ql-border-]:before {
    background-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }
}

.c-texty_input_unstyled__container {
  .ql-editor {
    blockquote + {
      ol[class*=ql-border-]:before, ul[class*=ql-border-]:before {
        height: calc(100% + 7px);
        top: -7px;
      }
    }

    ol[class*=ql-border-] + {
      blockquote:before, ul[class*=ql-border-]:before {
        height: calc(100% + 7px);
        top: -7px;
      }
    }

    ul {
      &[class*=ql-border-] + {
        blockquote:before, ol[class*=ql-border-]:before {
          height: calc(100% + 7px);
          top: -7px;
        }
      }

      &[data-checked=false] > li:before, &[data-checked=true] > li:before {
        display: none;
      }

      &[data-checked=false] li:not([class*=ql-indent-]), &[data-checked=true] li:not([class*=ql-indent-]) {
        margin-left: 3px;
      }

      &[data-checked=false] li.ql-indent-1, &[data-checked=true] li.ql-indent-1 {
        margin-left: 25px;
      }

      &[data-checked=false] li.ql-indent-2, &[data-checked=true] li.ql-indent-2 {
        margin-left: 50px;
      }

      &[data-checked=false] li.ql-indent-3, &[data-checked=true] li.ql-indent-3 {
        margin-left: 75px;
      }

      &[data-checked=false] li.ql-indent-4, &[data-checked=true] li.ql-indent-4 {
        margin-left: 100px;
      }

      &[data-checked=false] li.ql-indent-5, &[data-checked=true] li.ql-indent-5 {
        margin-left: 125px;
      }

      &[data-checked=false] li.ql-indent-6, &[data-checked=true] li.ql-indent-6 {
        margin-left: 150px;
      }

      &[data-checked=false] li.ql-indent-7, &[data-checked=true] li.ql-indent-7 {
        margin-left: 175px;
      }

      &[data-checked=false] li.ql-indent-8, &[data-checked=true] li.ql-indent-8 {
        margin-left: 200px;
      }

      &[data-checked=false] > li > .slack-docs-list-item-checkbox, &[data-checked=true] > li > .slack-docs-list-item-checkbox {
        margin-right: 2px;
      }

      &[data-checked=false] > li > .slack-docs-list-item-checkbox:before {
        color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.35);
        cursor: pointer;
        display: inline-block;
        font-family: Slack v2;
        font-size: 20px;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        pointer-events: all;
        text-align: center;
        vertical-align: initial;
        white-space: nowrap;
      }

      &[data-checked=true] > li {
        > .slack-docs-list-item-checkbox:before {
          color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.35);
          cursor: pointer;
          display: inline-block;
          font-family: Slack v2;
          font-size: 20px;
          font-size: 15px;
          font-style: normal;
          font-weight: 400;
          line-height: 1;
          pointer-events: all;
          text-align: center;
          vertical-align: initial;
          white-space: nowrap;
        }

        color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
        text-decoration: line-through;
      }

      &[data-checked=false] > li > .slack-docs-list-item-checkbox:before, &[data-checked=true] > li > .slack-docs-list-item-checkbox:before {
        margin-right: 6px;
      }

      &[data-checked=false] > li > .slack-docs-list-item-checkbox:focus, &[data-checked=true] > li > .slack-docs-list-item-checkbox:focus {
        outline: none;
      }

      &[data-checked=false] > li > .slack-docs-list-item-checkbox:focus:before {
        --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 0.3);
        border: 0;
        border-radius: 4px;
        box-shadow: 0 0 0 5px var(--saf-0);
        color: rgba(var(--sk_highlight, 18, 100, 163), 1);
        height: 14px;
        line-height: .9;
        margin-right: 7px;
        width: 14px;
      }

      &[data-checked=true] > li > .slack-docs-list-item-checkbox {
        &:focus:before {
          --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 0.3);
          border: 0;
          border-radius: 4px;
          box-shadow: 0 0 0 5px var(--saf-0);
          color: rgba(var(--sk_highlight, 18, 100, 163), 1);
          height: 14px;
          line-height: .9;
          margin-right: 7px;
          width: 14px;
        }

        &:before {
          color: rgba(var(--sk_highlight, 18, 100, 163), 1);
          content: '';
        }
      }

      &[data-checked=false] > li > .slack-docs-list-item-checkbox:before {
        content: '';
      }
    }
  }

  .ql-placeholder {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    display: block;
    display: none;
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    font-style: normal;
    opacity: .5;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;

    wbr {
      display: none;
    }

    ::selection {
      background: #0000;
    }
  }

  .ql-blank ~ .ql-placeholder {
    display: block;
  }
}

[lang] .c-texty_input_unstyled__container--size_medium {
  .ql-editor, .ql-placeholder {
    font-size: 15px;
  }
}

[lang=ja-JP] .c-texty_input_unstyled__container--size_medium {
  .ql-editor, .ql-placeholder {
    font-size: 14px;
  }
}

[lang] .c-texty_input_unstyled__container--size_medium {
  .ql-editor, .ql-placeholder {
    line-height: 1.46668;
  }
}

[lang=ja-JP] .c-texty_input_unstyled__container--size_medium {
  .ql-editor, .ql-placeholder {
    line-height: 1.56668;
    line-height: 1.6337;
  }
}

.c-texty_input_unstyled__container--size_medium.c-texty_input_unstyled__container--single_line .ql-editor {
  height: 38px;
  max-height: 38px;
  min-height: 38px;
}

[lang] .c-texty_input_unstyled__container--size_large {
  .ql-editor, .ql-placeholder {
    font-size: 18px;
  }
}

[lang=ja-JP] .c-texty_input_unstyled__container--size_large {
  .ql-editor, .ql-placeholder {
    font-size: 17px;
  }
}

[lang] .c-texty_input_unstyled__container--size_large {
  .ql-editor, .ql-placeholder {
    line-height: 1.33334;
  }
}

[lang=ja-JP] .c-texty_input_unstyled__container--size_large {
  .ql-editor, .ql-placeholder {
    line-height: 1.43334;
  }
}

.c-texty_input_unstyled__container--size_large.c-texty_input_unstyled__container--single_line .ql-editor {
  height: 42px;
  max-height: 42px;
  min-height: 42px;
}

.c-texty_input_unstyled__container--single_line {
  .ql-editor, .ql-placeholder {
    overflow: hidden;
    white-space: pre;
  }
}

.c-texty_input_unstyled__container--expanded {
  overflow: auto;
}

.c-texty_input_unstyled {
  display: flex;
  flex-grow: 1;
  min-width: 0;
}

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

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

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

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

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

.supports_custom_scrollbar .c-texty_input_unstyled .ql-editor {
  border-right: none;

  &::-webkit-scrollbar {
    -webkit-appearance: none;
    position: absolute;
    width: 8px;
  }

  &::-webkit-scrollbar-thumb {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
  }

  &::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
    background: #0000;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
  }

  &::-webkit-scrollbar-thumb {
    background: #0000;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px;
  }

  &::-webkit-scrollbar-corner {
    background: #0000;
  }

  &::-webkit-scrollbar {
    width: 16px;
  }

  &::-webkit-scrollbar-thumb, &::-webkit-scrollbar-track {
    border-left: 4px solid #0000;
    border-radius: 6px/4px;
    border-right: 4px solid #0000;
  }

  &:hover {
    border-right: none;

    &::-webkit-scrollbar {
      -webkit-appearance: none;
      position: absolute;
      width: 8px;
    }

    &::-webkit-scrollbar-thumb {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
    }

    &::-webkit-scrollbar-track {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
      background: #0000;
      box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
    }

    &::-webkit-scrollbar-thumb {
      background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.52);
      box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
      min-height: 36px;
    }

    &::-webkit-scrollbar-corner {
      background: #0000;
    }

    &::-webkit-scrollbar {
      width: 16px;
    }

    &::-webkit-scrollbar-thumb, &::-webkit-scrollbar-track {
      border-left: 4px solid #0000;
      border-radius: 6px/4px;
      border-right: 4px solid #0000;
    }
  }
}

.c-texty_input_unstyled {
  .emoji {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 22px;
    vertical-align: bottom;
    width: 22px;

    &[data-has-skin-tone] {
      cursor: pointer;
    }
  }

  &.texty_emoji_only img.emoji {
    height: 2rem;
    line-height: 2rem;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 2rem;
  }

  .c-texty_workflow_token {
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: inherit;
    margin: 0;
    overflow: initial;
    padding: 0;
    text-align: initial;
    vertical-align: initial;

    &:active, &:focus, &:hover {
      outline: none;
    }

    .c-texty_workflow_token__content {
      background: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.1);
      border-radius: 3px;
      color: rgba(var(--sk_highlight, 18, 100, 163), 1);
      padding: 0 2px 1px;

      &:hover {
        background: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.2);
        color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
        text-decoration: none;
      }
    }

    .c-texty_workflow_token__property {
      border-left: 1px solid rgba(var(--sk_highlight_accent, 29, 155, 209), 0.2);
      color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
      margin-left: 4px;
      padding-left: 4px;
    }

    .c-texty_workflow_token__customize_dropdown {
      padding-left: 0;
      top: 2px;
      width: 15px;
    }

    &.is-missing .c-texty_workflow_token__content {
      background: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.1);
      color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);

      &:hover {
        background: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.1);
      }
    }

    &.is-not-clickable {
      &:hover {
        cursor: text;
      }

      .c-texty_workflow_token__content:hover {
        background: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.1);
        color: rgba(var(--sk_highlight, 18, 100, 163), 1);
      }

      .c-texty_workflow_token__customize_dropdown {
        display: none;
      }
    }
  }
}

.c-texty_input_unstyled__warning {
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  border-radius: 2px;
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  cursor: default;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
  padding: 0 4px;
  position: absolute;
}

.c-texty_input_unstyled__container--increased_list_spacing .ql-editor {
  ol:not(:first-child), ul:not(:first-child) {
    margin-top: 4px;
  }

  ol:not(:last-child), ul:not(:last-child) {
    margin-bottom: 4px;
  }

  ol li:not(:first-child), ul li:not(:first-child) {
    margin-top: 4px;
  }
}

.p-reason_for_request {
  margin-top: 20px;
}

.p-reason_for_request--description {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  margin-top: 8px;
}

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

  .p-edit_settings_button_container {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    margin-left: 4px;
  }
}

[lang=it-IT] .p-shared_invite_link .p-edit_settings_button_container {
  font-size: 14px;
}

.p-shared_invite_link .p-edit_settings_link_button {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);

  &:hover {
    text-decoration: underline;
  }
}

.p-shared_invite_link--disabled {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  cursor: auto;
}

.c-input_radio {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  flex: none;
  font-size: 18px;
  margin: 0 12px 0 0;
  padding: 0 12px;

  &[disabled] {
    cursor: default;
  }

  &:focus {
    outline-style: auto;
  }
}

input {
  &.c-input_radio, &[type=radio].c-input_radio {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    flex: none;
    font-size: 18px;
    margin: 0 12px 0 0;
    padding: 0 12px;
  }

  &.c-input_radio[disabled], &[type=radio].c-input_radio[disabled] {
    cursor: default;
  }

  &.c-input_radio:focus, &[type=radio].c-input_radio:focus {
    outline-style: auto;
  }
}

.c-legend {
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.86666667;
  line-height: 1.46666667;
  margin: 0 0 4px;
}

.c-legend--disabled {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.c-radiogroup {
  border: none;
  margin: 0 0 20px;
  padding: 0;
}

.c-radiogroup--with_error label.c-label.c-label:last-child, .c-radiogroup--with_hint label.c-label.c-label:last-child, .c-radiogroup > div:last-child .c-input_radio {
  margin-bottom: 0;
}

.p-invite_form--learn-more {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);

  &:hover, &:visited {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }

  &:hover {
    text-decoration: none;

    span {
      text-decoration: underline;
    }
  }
}

.p-invite_form--container {
  max-width: 650px;
}

.p-invite_form--coachmark_section {
  height: auto;
  padding-top: 24px;
}

.p-invite_form--footer {
  padding-top: 0;
}

.p-invite_form--admin_page_divider {
  margin: revert;
  width: 100%;
}

.p-invite_form--admin_page_title {
  padding-bottom: 4px;
}

.p-confirmation_modal {
  width: 500px;

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

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

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

  .p-shared_invite_link_form_checkbox_caption {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
  }
}

.c-select_input__wrapper {
  min-height: 28px;
  position: relative;
}

.c-select_input, .c-select_input__content, .c-select_input__wrapper {
  align-items: center;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
}

.c-select_input, .c-select_input__content {
  height: 100%;
  left: 0;
  line-height: 1.5;
  padding: 4px 12px;
  position: absolute;
  top: 0;
  width: 100%;
}

.c-select_input::placeholder, .c-select_input__content::placeholder {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.c-select_input__input_container {
  height: 100%;
  width: 100%;
}

.c-select_input {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: border 80ms ease-out, box-shadow 80ms ease-out;
  white-space: nowrap;

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

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

  &[disabled] {
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border: 1px solid var(--saf-0);
  }

  wbr {
    display: none;
  }
}

.c-select_input__content_text {
  display: block;
  overflow: hidden;
  padding-right: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.c-select_input--small {
  font-size: 13px;
  font-weight: 400;
  height: 28px;
  line-height: 1.38463;

  input.c-input_text {
    font-size: 13px;
    font-weight: 400;
    height: 28px;
    line-height: 1.38463;
  }

  .emoji-sizer, input.c-input_text .emoji-sizer {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.46668;
  }

  padding: 4px 8px;

  .c-select_input__content, input.c-input_text {
    padding: 4px 8px;
  }
}

.c-select_input--medium {
  font-size: 15px;
  font-weight: 400;
  height: 36px;
  line-height: 1.46668;
  padding: 0 12px;
}

.c-select_input--large {
  height: 44px;
  padding: 12px;
  font-size: 18px;
  font-weight: 900;
  font-weight: 400;
  line-height: 1.33334;

  .c-input_text {
    font-size: 18px;
    font-weight: 900;
    font-weight: 400;
    line-height: 1.33334;
  }
}

.c-select_input--offscreen {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0);

  &::selection {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0);
    background-color: initial;
  }
}

.c-select_input--with_icon_left {
  .c-select_input {
    padding-left: 32px;

    &:focus {
      padding-left: 32px;
    }
  }

  .c-select_input__content {
    padding-left: 33px;
  }

  &.c-select_input--small {
    .c-select_input {
      padding-left: 28px;

      &:focus {
        padding-left: 28px;
      }
    }

    .c-select_input__content {
      padding-left: 29px;
    }
  }

  &.c-select_input--large {
    .c-select_input {
      padding-left: 36px;

      &:focus {
        padding-left: 36px;
      }
    }

    .c-select_input__content {
      padding-left: 37px;
    }
  }

  .c-input_text_icon {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }

  .c-input_text_icon__icon {
    margin-left: 12px;
    padding: 0;
    width: auto;
  }

  .c-input_text_icon__icon--small {
    margin-left: 8px;
  }
}

.c-select_input--with_icon_right {
  .c-select_input {
    padding-right: 32px;

    &:focus {
      padding-right: 32px;
    }
  }

  .c-select_input__content {
    padding-right: 33px;
  }

  &.c-select_input--small {
    .c-select_input {
      padding-right: 28px;

      &:focus {
        padding-right: 28px;
      }
    }

    .c-select_input__content {
      padding-right: 29px;
    }
  }

  .c-select_input__content_text {
    padding-right: 0;
  }
}

.c-select_input__icon_container {
  align-items: center;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  cursor: pointer;
  display: flex;
  margin-left: 12px;
  width: 12px;
}

.c-select_input--invalid {
  border-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);

  &:focus, &:focus-within {
    --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    --saf-1: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.3);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
  }

  &:focus {
    border-radius: 4px;
  }
}

.c-time_picker__selected-option-wrapper {
  align-items: center;
  display: flex;

  .c-time_picker__option-icon {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    margin-right: 4px;
  }

  .c-time_picker__option-icon--small {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
  }
}

.c-time_picker__timezone-caption {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  margin: 4px 0 0;
}

.c-time_picker_options_list {
  pointer-events: auto;
}

.c-time_picker__popover_overlay {
  pointer-events: none;
}

.p-dnd_preferences__dnd_days_label {
  display: inline-block;
  margin: 0 16px 16px 0;
}

.p-dnd_preferences__time_select_wrapper {
  display: inline-flex;
  margin-bottom: 16px;
  margin-right: 16px;
}

.p-dnd_preferences__time_select_to {
  align-self: center;
  margin: 0 8px;
}

.p-dnd_preferences__all_day_label {
  display: inline-flex;
}

.p-dnd_preferences__subtext {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  margin-top: -8px;
}

.p-dnd_preferences__custom_day_section {
  align-items: center;
  display: flex;
  height: 36px;
  margin-bottom: 16px;
}

.p-dnd_preferences__day_label {
  margin-top: 1px;
  width: 120px;
}

.p-dnd_preferences__notifs_disabled {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: 4px;
}

.p-dnd_preferences__checkbox_label, .p-dnd_preferences__day_label {
  margin-top: 1px;
}

.p-dnd_preferences__tz_label {
  display: inline;
  margin-left: -4px;
}

.c-fieldset {
  border: none;
  margin: 0 0 20px;
  padding: 0;
}

.c-empty_state {
  max-width: 380px;
  text-align: center;
}

.c-empty_state__title_icon {
  font-size: 28px;
  margin: 0 auto 12px;
}

.c-empty_state__title {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
}

.c-empty_state__image_wrapper {
  margin-bottom: 24px;
}

.c-empty_state__image {
  display: block;
  margin: 0 auto;
  max-height: 140px;
  max-width: 290px;
}

.c-empty_state__title {
  margin-bottom: 8px;
}

.c-empty_state__description {
  margin-bottom: 8px;
  word-break: break-word;
}

.c-empty_state__action {
  display: inline-block;
  margin: 8px 0;
  max-width: 100%;

  .c-button {
    display: block;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    wbr {
      display: none;
    }
  }

  .empty-state-href {
    display: flex;
  }
}

.c-empty_state__action_href {
  display: flex;
  justify-content: center;
}

.c-empty_state__secondary_action {
  margin-bottom: 4px 0 12px;
}

.c-empty_state--extended {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 420px;
  padding-bottom: 20px;
  padding-top: 20px;
}

.p-channel_notification_prefs {
  margin-bottom: 8px;
  min-width: auto;
}

.p-channel_notification_prefs--headerless {
  padding-bottom: 16px;
  padding-top: 28px;
}

.p-channel_notification_prefs__inner {
  padding-top: 16px;
}

.p-channel_notification_prefs__titlebar {
  height: 76px;
}

.p-channel_notification_prefs__titlebar__channelname {
  cursor: auto;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 290px;

  wbr {
    display: none;
  }
}

.p-channel_notification_prefs__label {
  margin-bottom: 8px;

  &.c-label--with_formatted_text {
    font-weight: 700;
  }
}

.p-channel_notification_prefs__suppressed {
  margin-left: 28px;
}

.p-channel_notification_prefs__link {
  margin-bottom: 8px;
}

.p-channel_notification_prefs__mentions {
  background: #f2c74466;
  border-radius: 3px;
  margin-left: -2px;
  padding: 0 2px 1px;
}

code .p-channel_notification_prefs__mentions, pre .p-channel_notification_prefs__mentions {
  padding: 0;
}

.sk-client-theme--dark .p-channel_notification_prefs__mentions {
  background: #e8912d66;
  color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
}

.p-channel_notification_prefs__radiogroup {
  margin-bottom: 8px;
}

.p-channel_notification_prefs__radiogroup--subset {
  margin-bottom: -8px;
  margin-left: 28px;
}

.p-channel_notification_prefs__reset_button {
  margin-bottom: 8px;
  margin-top: 8px;
  width: 100%;
}

.p-channel_notification_prefs__icon-chevron {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  transform: translateY(2px);
}

.p-channel_notification_prefs__note {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: 16px;
}

.p-channel_notification_prefs__prompt {
  padding: 16px 0 32px;
  text-align: center;
}

.p-channel_notification_prefs__prompt__icon {
  color: #e8912d;
  font-size: 24px;
  height: auto;
  margin-bottom: 12px;
}

.p-channel_notification_prefs__prompt__muted {
  padding-left: 16px;
  padding-right: 16px;

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

.p-channel_notification_prefs__prompt__header {
  margin-bottom: 8px;
}

.p-channel_notification_prefs_new__empty {
  display: flex;
  justify-content: center;
  padding-top: 8px;
  width: 100%;
}

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

.p-prefs_modal__radio {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  cursor: pointer;
  display: block;
  margin-bottom: 16px;
  overflow: hidden;
}

.p-prefs_modal__radio--selected {
  --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
  box-shadow: 0 1px 3px 0 #00000014, 0 0 0 1px var(--saf-0);
}

.p-prefs_modal__radio__image {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  padding: 16px;
}

.p-prefs_modal__radio--selected .p-prefs_modal__radio__image {
  border-color: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
}

.p-prefs_modal__radio__image--no_padding {
  padding: 0;
}

.p-prefs_modal__radio__content {
  display: flex;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding: 16px;
}

.p-prefs_modal__radio--selected .p-prefs_modal__radio__content {
  background: #1d9bd11f;
}

.p-prefs_modal__radio__text {
  flex: 1;
}

.p-prefs_modal__radio__title {
  font-weight: 700;
  margin-bottom: 4px;
}

.p-prefs_modal__radio__description:empty {
  margin-top: -4px;
}

.p-ia_builtin_theme_preview {
  position: relative;
}

.p-ia_builtin_theme_preview__nav {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  position: relative;
}

.p-ia_builtin_theme_preview__search {
  border-radius: 4px;
  height: 11px;
  width: 67px;
}

.p-ia_builtin_theme_preview__compose {
  border-radius: 10px;
  height: 20px;
  position: absolute;
  right: 12px;
  top: 20px;
  width: 20px;
}

.p-ia_builtin_theme_preview__sidebar {
  padding-bottom: 4px;
}

.p-ia_builtin_theme_preview__sidebar__row {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: flex-start;
  padding: 0 12px;

  &:first-child {
    padding-top: 4px;
  }
}

.p-ia_builtin_theme_preview__sidebar__placeholder {
  border-radius: 3px;
  box-shadow: inset 0 0 0 6px;
  height: 6px;
  opacity: .5;
  width: 67px;
}

.p-ia_builtin_theme_preview__sidebar__icon {
  margin-left: -3px;
  opacity: .7;
  transform: translateY(-1px);
}

.p-ia_builtin_theme_preview__sidebar__presence {
  transform: translate(-1px, -2px);
}

.p-ia_builtin_theme_preview__sidebar__badge {
  border-radius: 5px;
  height: 10px;
  margin-left: auto;
  width: 20px;
}

.p-ia_builtin_theme_option {
  padding-right: 16px;
}

.p-ia_builtin_theme_option__label {
  width: 200px;
}

.p-ia_builtin_theme_option__variant_label {
  margin-bottom: 16px;
}

.p-ia_builtin_themes__heading {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin: 16px 0;
}

.p-ia_builtin_themes__classics_toggle {
  display: block;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin: 0 0 32px -4px;
  width: 100%;
}

.p-ia_builtin_themes__classics_toggle__icon {
  margin-right: 4px;
}

.p-ia_builtin_themes__section {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
}

.c-sv_picker__gradient_box {
  height: 160px;
  position: relative;
  width: 160px;
}

.c-sv_picker__thumb {
  background: #0000;
  border-radius: 16px;
  box-shadow: inset 0 0 0 2px #fff, inset 0 0 4px 2px #00000059, 0 0 4px #00000059;
  cursor: pointer;
  display: block;
  height: 16px;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 16px;

  &:focus {
    outline: none;
  }
}

.c-sv_picker__thumb--focus-visible {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  border-radius: 16px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d, inset 0 0 0 2px #fff, inset 0 0 4px 2px #00000059;
}

.c-slider__input {
  -webkit-appearance: none;
  background: #0000;
  cursor: pointer;
  flex: 1;
  margin: 0;
  outline: none;
  overflow: visible;

  &::-moz-focus-outer {
    border: 0;
  }

  &::-ms-tooltip {
    display: none;
  }

  &::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: none;
    border-radius: 12px;
    box-shadow: 0 0 4px #00000059;
    cursor: pointer;
    height: 12px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
  }

  &::-moz-range-thumb, &::-ms-thumb {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: none;
    border-radius: 12px;
    box-shadow: 0 0 4px #00000059;
    cursor: pointer;
    height: 12px;
    width: 12px;
  }

  &::-webkit-slider-runnable-track {
    background: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    border: 0;
    border-radius: 2px;
    height: 2px;
    position: relative;
    width: 100%;
  }

  &::-moz-range-track, &::-ms-track {
    background: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    border: 0;
    border-radius: 2px;
    height: 2px;
    width: 100%;
  }
}

.c-slider__input--focus-visible:focus {
  &::-webkit-slider-thumb {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    -webkit-appearance: none;
    border-color: #0000;
    border-radius: 4px;
    border-radius: 12px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
    position: relative;
    top: 50%;
    transform: translateY(-50%);

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

  &::-moz-range-thumb {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    -webkit-appearance: none;
    border-color: #0000;
    border-radius: 4px;
    border-radius: 12px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;

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

  &::-ms-thumb {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    -webkit-appearance: none;
    border-color: #0000;
    border-radius: 4px;
    border-radius: 12px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;

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

.c-color_slider {
  border-radius: 2px;
  display: flex;
  height: 12px;
  line-height: 12px;
  position: relative;
}

.c-color_slider__inner_hue_track, .c-color_slider__opacity_checkerboard_track, .c-color_slider__opacity_gradient_track, .c-color_slider__opacity_right_fill_track, .c-color_slider__outer_hue_track {
  height: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.c-color_slider__opacity_checkerboard_track, .c-color_slider__outer_hue_track {
  border-radius: 2px;
  left: 0;
  right: 0;
}

.c-color_slider__inner_hue_track, .c-color_slider__opacity_gradient_track {
  border-radius: 0;
  left: 8px;
  right: 8px;
}

.c-color_slider__opacity_right_fill_track {
  border-radius: 0 2px 2px 0;
  left: auto;
  right: 0;
  width: 9px;
}

.c-color_slider__outer_hue_track {
  background: red;
}

.c-color_slider__inner_hue_track {
  background: linear-gradient(90deg, red 0, #f90 10%, #cf0 20%, #3f0 30%, #0f6 40%, #0ff 50%, #06f 60%, #30f 70%, #c0f 80%, #f09 90%, red);
}

.c-color_slider__opacity_checkerboard_track {
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill-opacity=".05"><path d="M4 0h4v4H4zM0 4h4v4H0z"/></svg>');
}

.c-color_slider__slider {
  &.c-slider__input {
    flex: 1;
    margin: 0 -2px;
    position: relative;

    &::-webkit-slider-thumb {
      -webkit-appearance: none;
      background: #0000;
      border: 0;
      border-radius: 16px;
      box-shadow: inset 0 0 0 2px #fff, inset 0 0 4px 2px #00000059, 0 0 4px #00000059;
      cursor: pointer;
      height: 16px;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      width: 16px;
    }

    &::-moz-range-thumb, &::-ms-thumb {
      background: #0000;
      border: 0;
      border-radius: 16px;
      box-shadow: inset 0 0 0 2px #fff, inset 0 0 4px 2px #00000059, 0 0 4px #00000059;
      cursor: pointer;
      height: 16px;
      width: 16px;
    }

    &::-webkit-slider-runnable-track {
      background: #0000;
      border: 0;
      height: 12px;
      position: relative;
      width: 100%;
    }

    &::-moz-range-track, &::-ms-track {
      background: #0000;
      border: 0;
      height: 12px;
      width: 100%;
    }
  }

  &.c-slider__input--focus-visible:focus {
    &::-webkit-slider-thumb {
      --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
      -webkit-appearance: none;
      border-radius: 4px;
      border-radius: 16px;
      box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d, inset 0 0 0 2px #fff, inset 0 0 4px 2px #00000059;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
    }

    &::-moz-range-thumb, &::-ms-thumb {
      --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
      border-radius: 4px;
      border-radius: 16px;
      box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d, inset 0 0 0 2px #fff, inset 0 0 4px 2px #00000059;
    }
  }
}

.c-color_picker__container {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  align-items: center;
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  font-size: 15px;
  height: 36px;
  line-height: 1.86666667;
  line-height: normal;
  margin: 0 0 20px;
  max-width: 130px;
  padding: 0;
  transition: border 80ms ease-out, box-shadow 80ms ease-out;

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

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

  &[disabled] {
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border: 1px solid var(--saf-0);
  }

  &.c-color_picker__container--alpha {
    max-width: 150px;
  }

  &.c-color_picker__container--focus-within {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    -webkit-appearance: none;
    border-color: #0000;
    border-radius: 4px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;

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

.c-color_picker__color_block_container {
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill-opacity=".05"><path d="M4 0h4v4H4zM0 4h4v4H0z"/></svg>');
  flex: 0 0 auto;
}

.c-color_picker__color_block {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  border-radius: 4px 0 0 4px;
  display: block;
  height: 36px;
  margin-left: -1px;
  transition: border 80ms ease-out, box-shadow 80ms ease-out;
  transition: border 80ms ease-out, margin 80ms ease-out, height 80ms ease-out, width 80ms ease-out;
  width: 36px;

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

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

  &[disabled] {
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border: 1px solid var(--saf-0);
  }

  &.c-button--focus-visible:focus {
    height: 34px;
  }
}

.c-color_picker__container--focus-within .c-color_picker__color_block {
  border-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  height: 38px;
  margin-left: -2px;
  width: 37px;
}

.c-color_picker__hex_hash {
  margin-left: 12px;
}

.c-color_picker__input[type=text] {
  background: #0000;
  border: 0;
  box-sizing: border-box;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  flex: 1 1 0;
  font-size: inherit;
  height: 36px;
  margin: 0;
  min-width: 0;
  outline: none;
  padding: 4px 12px 4px 0;

  &:focus {
    box-shadow: none;
  }

  &[placeholder] {
    text-overflow: ellipsis;
  }

  &::placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }
}

.c-color_picker__popover {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 6px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #0000001f;
  padding-bottom: 12px;
  width: 160px;
  z-index: 1012;

  .c-sv_picker__gradient_box {
    border-radius: 6px 6px 0 0;
  }

  .c-color_slider {
    margin: 12px 12px 0;
  }
}

.p-ia_custom_theme_sharing__description {
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin: 16px 0 8px;
}

.p-ia_custom_theme_sharing__box {
  align-items: center;
  display: flex;
}

.p-ia_custom_theme_sharing__input {
  margin: 0 16px 0 0;
}

.p-ia_custom_theme__container {
  margin: 4px 0 28px;
}

.p-ia_custom_theme__heading {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin: 16px 0 8px;
}

.p-ia_custom_theme__picker {
  display: inline-block;
  margin-right: 16px;
  vertical-align: top;
}

.p-ia_custom_theme__picker__label {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin-bottom: 4px;
}

.p-ia_custom_theme__picker .c-color_picker__container {
  margin-bottom: 12px;
}

.p-emoji_multi_skintone_popover__container {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 18px 48px 0 #0003;
  padding: 8px 12px;
}

.p-emoji_multi_skintone_popover__row {
  align-items: center;
  display: flex;
  justify-content: space-evenly;
  margin: 4px;
}

.p-emoji_multi_skintone_popover__row--last_row {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  padding-top: 4px;
}

.p-emoji_multi_skintone_popover__emoji {
  padding: 4px;

  &:hover {
    --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.5);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    cursor: pointer;
    margin: -1px;
  }
}

.p-emoji_multi_skintone_popover__emoji--selected {
  background: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-sizing: border-box;
}

.p-emoji_multi_skintone_popover__radio_button {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: 4px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  width: 1px;
}

.p-emoji_multi_skintone_popover_emoji__label_wrapper:focus-within .p-emoji_multi_skintone_popover__emoji--focus-visible {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.p-emoji_multi_skintone_popover__button.c-link--button {
  padding: 4px 20px;

  &.p-emoji_multi_skintone_popover__button--highlight:hover {
    --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.5);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    margin: -1px;
  }
}

.p-emoji_multi_skintone_popover__pointer {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  height: 8px;
  left: 50%;
  position: absolute;
  transform: rotate(45deg);
  width: 8px;
}

.p-emoji_multi_skintone_popover__pointer--top {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  bottom: -5px;
  box-shadow: -1px 1px 0 0 var(--saf-0);
  transform: rotate(-45deg);
  transform-origin: bottom left;
}

.p-emoji_multi_skintone_popover__pointer--bottom {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  box-shadow: -1px -1px 0 0 var(--saf-0);
  top: -5px;
  transform-origin: top left;
}

.p-emoji_picker {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: .95rem;
  outline: none;
  position: relative;
  vertical-align: top;
  z-index: 1012;
}

.c-menu.p-emoji_picker {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 6px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  display: inline-block;
  line-height: 1rem;
  width: 361px;
}

body.desktop .p-emoji_picker {
  overflow: visible;
}

.p-emoji_picker__content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  z-index: 151;
  max-height: 468px;
  min-height: 468px;
}

.p-emoji_picker__content--reaction-height-with-cta {
  max-height: 468px;
  min-height: 468px;
}

.p-emoji_picker__content--reaction-height-without-cta {
  max-height: 436px;
  min-height: 436px;
}

.p-emoji_picker__content--message-height-with-cta {
  max-height: 426px;
  min-height: 426px;
}

.p-emoji_picker__content--message-height-without-cta {
  max-height: 394px;
  min-height: 394px;
}

.p-emoji_picker__list_container {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-right: 0;
  flex: 1 1 auto;
  overflow: hidden;
  position: relative;
  z-index: 1;

  &:focus {
    border: none;
    box-shadow: none;
    outline: none;
  }
}

.p-emoji_picker__list {
  bottom: 0;
  left: 0;
  margin-top: 0;
  padding: 0 0 0 8px;
  position: absolute;
  right: 0;
  top: 0;
  white-space: nowrap;
}

.p-emoji_picker__list_scroller {
  outline: none;
  padding-top: 7px;
}

.supports_custom_scrollbar .p-emoji_picker__list_scroller {
  border-right: 0.25rem solid #0000;

  &::-webkit-scrollbar {
    -webkit-appearance: none;
    position: absolute;
    width: 8px;
  }

  &::-webkit-scrollbar-thumb {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
  }

  &::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
    background: #0000;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
  }

  &::-webkit-scrollbar-thumb {
    background: #0000;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px;
  }

  &::-webkit-scrollbar-corner {
    background: #0000;
  }

  &:hover {
    border-right: 0.25rem solid #0000;

    &::-webkit-scrollbar {
      -webkit-appearance: none;
      position: absolute;
      width: 8px;
    }

    &::-webkit-scrollbar-thumb {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
    }

    &::-webkit-scrollbar-track {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
      background: #0000;
      box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
    }

    &::-webkit-scrollbar-thumb {
      background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.52);
      box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
      min-height: 36px;
    }

    &::-webkit-scrollbar-corner {
      background: #0000;
    }
  }
}

.p-emoji_picker__list_item {
  background: #0000;
  border-color: #0000;
  border-radius: 6px;
  cursor: pointer;
  display: inline-block;
  float: none;
  font-size: 20px;
  font-weight: 400;
  height: 32px;
  line-height: 21px;
  margin: 0 1px -1px 0;
  outline: none;
  overflow: hidden;
  padding: .25rem 0 .2rem;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px #fff;
  transition: background .15s ease-out .05s;
  width: 36px;

  &:hover {
    overflow: hidden;
    text-decoration: none;
    transition: background 0.05s ease-out;
  }
}

.p-emoji_picker--keyboard_mode .p-emoji_picker__list_item {
  transition: none;

  &:hover {
    transition: none;
  }
}

.p-emoji_picker__list_item {
  &[data-color-index='0'] {
    &.key_selection, &:hover {
      background: #9bdf58b3;
    }
  }

  &[data-color-index='1'] {
    &.key_selection, &:hover {
      background: #95d3feb3;
    }
  }

  &[data-color-index='2'] {
    &.key_selection, &:hover {
      background: #f7e922b3;
    }
  }

  &[data-color-index='3'] {
    &.key_selection, &:hover {
      background: #eea6fcb3;
    }
  }

  &[data-color-index='4'] {
    &.key_selection, &:hover {
      background: #ffd58fb3;
    }
  }

  &[data-color-index='5'] {
    &.key_selection, &:hover {
      background: #d3d1ffb3;
    }
  }

  &.p-emoji_picker__list_item--a11y-not-selected:hover {
    background: none;
  }

  .emoji-sizer {
    line-height: 20px;
  }
}

.p-emoji_picker__group_tabs {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-bottom: 1px solid #00000026;
  height: 38px;
  padding: 4px 0 0 7px;

  &.p-emoji_picker__group_tabs--slack-kit-tabs {
    border-bottom: none;
    height: auto;
  }
}

.p-emoji_picker__group_tabs--slack-kit-tabs {
  .p-emoji_picker__group_tabs-menu {
    display: flex;
    margin: 0 0 0 -7px;
    padding: 0 10px;
    position: relative;
    z-index: 2;
  }

  .p-emoji_picker__group_tab {
    border-bottom: none;
    flex: 1;
    margin: 0;
    padding-bottom: 14px;

    &:first-child {
      margin-left: -2px;
    }
  }

  .p-emoji_picker__group_tab--active {
    border-bottom: none;
  }
}

.p-emoji_picker__group_tab {
  border-bottom: 3px solid #0000;
  border-radius: .6rem .6rem 0 0;
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  display: inline-block;
  height: 100%;
  margin-right: 3px;
  padding: 4px 5.8px 6px;

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

.p-emoji_picker__group_tab--active {
  border-bottom: 3px solid #007a5a;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  margin-bottom: -1px;
  padding-top: 3px;

  &.p-emoji_picker__group_tab--emoji-a11y {
    box-sizing: initial;
    padding-bottom: 14px;
    padding-top: 4px;
  }
}

.p-emoji_picker__group_tab--with_dot {
  position: relative;
}

.p-emoji_picker__group_tab_dot {
  --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  border: 2px solid var(--saf-0);
  border-radius: 6px;
  height: 10px;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 10px;
}

.p-emoji_picker__pack_cta_wrapper {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  padding: 0 14px 14px;
}

.p-emoji_picker__pack_cta_inner_wrapper {
  align-items: center;
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  padding: 12px 8px 12px 12px;
  position: relative;
  width: 100%;
}

.p-emoji_picker__pack_cta {
  line-height: 1.4667;
}

.p-emoji_picker__pack_cta_arrow {
  margin-left: -3px;
  opacity: 0;
  transition: margin-left 0.15s ease-in, opacity 0.15s ease-in;
}

.p-emoji_picker__pack_cta_text_container:hover .p-emoji_picker__pack_cta_arrow {
  margin-left: 0;
  opacity: 1;
}

.p-emoji_picker__pack_cta_dismiss_btn {
  height: 22px;
  width: 22px;
}

.p-emoji_picker__pack_cta_graphic_img {
  max-height: 30px;
  max-width: 30px;
  position: absolute;
}

.p-emoji_picker__pack_cta_graphic_img_1 {
  left: -5px;
  top: -5px;
  transform: rotate(-5deg);
}

.p-emoji_picker__pack_cta_graphic_img_2 {
  left: 15px;
  top: 10px;
  transform: rotate(15deg);
}

.p-emoji_picker__pack_cta_graphic_img_3 {
  left: -5px;
  top: 20px;
  transform: rotate(-20deg);
}

.p-emoji_picker__pack_cta_text_container {
  margin-left: 40px;
  white-space: nowrap;
}

.p-emoji_picker__heading {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 0.95);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  line-height: 1.5rem;
  margin: 0 6px;
  position: relative;

  &.p-emoji_picker__heading--emoji-14-no-bg {
    background: none;
  }
}

.p-emoji_picker__empty_search {
  margin-top: 26px;
  padding: 0 12px;
}

.p-emoji_picker__heading--handy_rxns {
  background-color: initial;
  float: left;
  margin: 4px 0 4px 14px;
}

.p-emoji_picker__sticky_header {
  position: absolute;
  width: 100%;
  z-index: 10;

  .p-emoji_picker__heading {
    left: 0;
    line-height: 2;
    padding-bottom: 2px;
    padding-top: 2px;
    padding: 0 8px;
    position: absolute;
    right: 12px;
    top: 0;
  }

  .p-emoji_picker__heading--emoji-14-a11y {
    padding: 0 14px;
  }
}

input[type=text].c-input_text.p-emoji_picker__input {
  border-radius: 4px;
  font-size: 16px;
  height: 32px;
  margin: 0;
  outline: none;
  padding: 2px 14px 4px;
  width: 100%;
}

.p-emoji_picker__input_container {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  padding: 14px 17.5px 7px;
  position: relative;

  .p-emoji_picker__icon_search {
    left: 24.5px;
    top: 55%;
  }
}

.p-emoji_picker__icon_search {
  display: block;
  left: 20px;
  position: absolute;
  text-shadow: none;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
}

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

  clear: both;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: .8rem;
  font-weight: 400;
  margin: 5px 0 10px;
  text-align: center;
}

.p-emoji_picker__tip__icon {
  margin-right: 2px;
  position: relative;
}

.p-emoji_picker__no_results {
  clear: both;
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  font-size: 1rem;
  font-weight: 400;
  padding-bottom: 10px;
  padding-right: 0;
  padding-top: 70px;
  text-align: center;
}

.p-emoji_picker[data-using-keyboard=true] .p-emoji_picker__list_item {
  &[data-color-index='0'] {
    &:hover {
      background: #0000;
    }

    &.key_selection {
      background: #9bdf58b3;
    }
  }

  &[data-color-index='1'] {
    &:hover {
      background: #0000;
    }

    &.key_selection {
      background: #95d3feb3;
    }
  }

  &[data-color-index='2'] {
    &:hover {
      background: #0000;
    }

    &.key_selection {
      background: #f7e922b3;
    }
  }

  &[data-color-index='3'] {
    &:hover {
      background: #0000;
    }

    &.key_selection {
      background: #eea6fcb3;
    }
  }

  &[data-color-index='4'] {
    &:hover {
      background: #0000;
    }

    &.key_selection {
      background: #ffd58fb3;
    }
  }

  &[data-color-index='5'] {
    &:hover {
      background: #0000;
    }

    &.key_selection {
      background: #d3d1ffb3;
    }
  }

  &:not(.key_selection) a:hover {
    background: none;
  }
}

.p-emoji_picker__row {
  display: flex;
  padding: 0 7px;

  &:first-child {
    visibility: hidden;
  }
}

.p-emoji_picker__footer {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-top: 1px solid #00000026;
  flex: 0 0 auto;
  min-height: 60px;
  position: relative;
}

.p-emoji_picker__footer--handy-reactions {
  min-height: 102px;
}

[lang=ru-RU] {
  .p-emoji_picker__footer {
    min-height: 80px;
  }

  .p-emoji_picker__footer--handy-reactions {
    min-height: 122px;
  }
}

.p-emoji_picker__footer--previewing {
  .p-emoji_picker__preview {
    opacity: 1;
    transition: opacity 0.1s ease-in;
  }

  .p-emoji_picker__emoji_deluxe_label {
    opacity: 0;
    transition: opacity 0.05s ease-in;
  }
}

.p-emoji_picker__preview {
  opacity: 0;
  padding: .3rem 0 0 .7rem;
  transition: opacity 0.1s ease-in;
}

[lang=ru-RU] {
  .p-emoji_picker__preview {
    bottom: 10px;
    position: absolute;
  }

  .p-emoji_picker__preview--overflow-text {
    bottom: -5px;
  }
}

.p-emoji_picker__emoji_deluxe_label {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  font-size: 1.2rem;
  font-weight: 700;
  left: 14px;
  opacity: 1;
  position: absolute;
  top: calc(50% - 2px);
  transform: translateY(-50%);
  transition: opacity 0.1s ease-in;
}

.p-emoji_picker__handy_rxns ~ .p-emoji_picker__emoji_deluxe_label {
  padding-top: 42px;
}

.p-emoji_picker__footer--previewing .p-emoji_picker__add_custom_emoji {
  opacity: 0;
  pointer-events: none;
  transition: opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-emoji_picker__add_custom_emoji {
  bottom: 14.5px;
  left: 14px;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
}

[lang=ru-RU] .p-emoji_picker__add_custom_emoji {
  bottom: 24.5px;
}

.p-emoji_picker__preview_text {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: block;
  float: left;
  font-size: .9rem;
  font-weight: 700;
  line-height: .9rem;
  overflow: hidden;
  padding: .6rem .7rem .8rem 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 250px;

  wbr {
    display: none;
  }
}

[lang=ru-RU] .p-emoji_picker__preview_text {
  word-wrap: break-word;
  overflow: initial;
  text-overflow: clip;
  white-space: normal;
  width: 155px;
}

.p-emoji_picker__preview_text--shortened {
  width: 180px;
}

[lang=ru-RU] .p-emoji_picker__preview_text--shortened {
  word-wrap: break-word;
  overflow: initial;
  text-overflow: clip;
  white-space: normal;
  width: 155px;
}

.p-emoji_picker__preview_aliases {
  font-size: .8rem;
  font-weight: 400;
}

.p-emoji_picker__preview_img {
  float: left;
  font-size: 2rem;
  height: 54px;
  line-height: 2rem;
  padding: .7rem .5rem 0 .1rem;
  vertical-align: middle;
  width: 46px;
}

.p-emoji_picker__preview_img--productivity-emoji {
  position: relative;
  top: 4px;
}

.p-emoji_picker__preview_img span.emoji-sizer {
  font-size: 2.25rem;
  line-height: 2.25rem;
  margin-top: -.3rem;
  vertical-align: top;
}

.p-emoji_picker__handy_rxns {
  border-bottom: 1px solid #00000026;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -1px;
  padding: 0.3rem 0;
}

.p-emoji_picker__handy_rxns_list {
  margin: 0 18px 0 8px;

  .p-emoji_picker__list_item {
    margin-right: 1px;
  }
}

.p-emoji_picker__update_overlay {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  left: 0;
  opacity: 1;
  padding: 24px;
  position: absolute;
  top: 0;
  visibility: visible;
  width: 100%;
  z-index: 152;

  h3 {
    font-size: 18px;
    font-weight: 900;
    line-height: 1.33334;
  }

  p {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.67);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.46668;
  }

  .c-button {
    width: 150px;
  }
}

.p-emoji_picker__update_overlay--hidden {
  opacity: 0;
  transition: visibility 0ms .15s, opacity .15s ease-out 0ms;
  visibility: hidden;
}

.p-emoji_picker__update_overlay_image_container {
  background-image: url(./google_emoji_update_overlay_smileys-30dc2cd.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 126px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-emoji_picker__update_overlay_image_container {
    background-image: url(./google_emoji_update_overlay_smileys@2x-2bb3490.png);
  }
}

.p-emoji_picker__update_overlay--apple .p-emoji_picker__update_overlay_image_container {
  background-image: url(./apple_emoji_update_overlay_smileys-b6efe2a.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-emoji_picker__update_overlay--apple .p-emoji_picker__update_overlay_image_container {
    background-image: url(./apple_emoji_update_overlay_smileys@2x-63c5921.png);
  }
}

.p-emoji_picker__productivity_emoji_preview {
  align-items: flex-start;
  display: flex;
  padding-top: 12px;
  width: 100%;
}

.p-emoji_picker__productivity_emoji_preview--message {
  width: 85%;
}

.p-emoji_picker__productivity_emoji_preview--reaction {
  padding-right: 12px;
}

.p-emoji_picker__productivity_emoji_text {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-weight: 700;
  width: 100%;
}

.p-emoji_picker__productivity_emoji_img {
  padding: 12px;
}

.p-emoji_picker__productivity_emoji_img--message {
  padding-top: 6px;
}

.p-emoji_picker_skintone {
  bottom: 14.5px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.7);
  font-size: 1.2rem;
  padding: 3px;
  position: absolute;
  right: 16px;
}

[lang=ru-RU] .p-emoji_picker_skintone {
  bottom: 24.5px;
}

.p-emoji_picker_skintone__radiogroup {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: -15px;
}

.p-emoji_picker_skintone__radiogroup_label {
  font-size: .68rem;
  font-weight: 700;
}

[lang=ru-RU] .p-emoji_picker_skintone__radiogroup_label {
  line-height: .7rem;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.p-emoji_picker_skintone__toggle_btn {
  align-items: center;
  border: 1px solid #0000;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  margin-bottom: -3px;
  opacity: 1;
  padding: 2px 3px;

  .emoji-sizer {
    font-size: 23px;
  }
}

.p-emoji_picker_skintone__toggle_btn_label {
  display: inline-block;
  font-size: .9rem;
  font-weight: 700;
  margin: 0 3px;
}

.p-emoji_picker__content:hover .p-emoji_picker_skintone__toggle_btn {
  --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
}

.p-emoji_picker_skintone__radio_buttons {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid #0000;
  border-radius: 10px;
  display: flex;
  padding: 7px 3px 2px;
  -webkit-user-select: none;
  user-select: none;

  span.emoji-sizer {
    font-size: 23px;
  }
}

.p-emoji_picker_skintone__radio_button_container {
  border-radius: 2px;
  cursor: pointer;
}

.p-emoji_picker_skintone__radio_button_container--focus-visible img {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.p-emoji_picker_skintone__radio_button {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  width: 1px;
}

.p-productivity_emoji_content-description {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
  line-height: normal;
  margin-bottom: 8px;
  margin-top: 4px;
}

.p-productivity_emoji_content-description--message {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-productivity_emoji_content-aliases {
  border: 1px solid #ddd;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
  margin-right: 4px;
  padding: 2px 4px;
}

.sk-client-theme--dark .p-productivity_emoji_content-aliases {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
}

.p-productivity_emoji_content-title {
  font-size: 15px;
  font-weight: 400;
  font-weight: inherit;
  line-height: 1.46668;
  line-height: 0;
}

.p-quick_reactions_loading_state__spinner {
  height: 20px;
  margin: 5px;
  width: 20px;
}

.c-message_kit__actions .c-message__actions.c-message_actions__container, .c-virtual_list__item--focus:focus .c-message__actions.c-message_actions__container {
  display: inline-flex;
}

.c-message_kit__actions .c-message__actions.c-message_actions__quick_reactions_tooltip {
  z-index: 199;
}

.c-message_actions__group {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: unset;
  border-radius: .375em;
  box-shadow: unset;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  display: flex;
  line-height: 1;
  margin-left: 8px;
  padding: 2px;
}

.c-message_actions__group_labels--dividers {
  position: relative;
}

.c-message--focus-within .c-message_actions__container {
  overflow: visible;
}

.c-message_actions__button {
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 18px;
  height: 32px;

  &:active, &:focus {
    position: relative;
    z-index: 1;
  }

  .c-icon--small-star-filled, .c-icon--star {
    color: #f2c744;
  }

  .c-icon--bookmark-filled {
    color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  }

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

  &:disabled {
    color: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);

    &:hover {
      background: #0000;
      color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
      cursor: auto;
    }
  }

  &.c-link--focus-visible {
    margin: 0;
  }
}

.c-message__actions.c-message__actions--offscreen {
  clip: rect(0 0 0 0);
  border-width: 0;
  display: block;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

.c-message_actions__quick_reactions_example_container {
  display: flex;
}

.c-message_actions__emoji_button {
  padding: 3px 7px;
  -webkit-user-select: none;
  user-select: none;
}

.c-message_actions__emoji_button--hover-light {
  background-color: #fcf4da;
}

.c-message_actions__emoji_button--hover-dark {
  background-color: #1d9bd11a;
}

.p-workspace__primary_view--tiny .c-message_actions__emoji_button, .p-workspace__secondary_view--medium .c-message_actions__emoji_button, .p-workspace__secondary_view--tiny .c-message_actions__emoji_button, .p-workspace__tiles--medium .c-message_actions__emoji_button, .p-workspace__tiles--tiny .c-message_actions__emoji_button {
  display: none;
}

.c-message_actions__emoji_button_plain_text {
  display: block;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
  max-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.c-message_actions__emoji_button_plain_text_example {
  max-width: 56px;
}

.c-message_actions__emoji_button_plain_text_example_full_name {
  max-width: 34px;
}

.c-message_actions__labels {
  align-items: center;
  display: flex;
  padding-left: 8px;
  padding-right: 8px;
}

.c-message_actions__labels_text {
  font-size: 12px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.50001;
  white-space: nowrap;
}

.c-message_actions__labels svg {
  margin: 0 2px 0 0;
}

.p-prefs_modal {
  left: 0;
  right: 0;
  width: auto;

  .c-fullscreen_modal__body {
    overflow-y: scroll;
  }

  .c-fullscreen_modal__body__content {
    display: flex;
    padding: 0 32px 64px;
    width: auto;
  }

  &.c-fullscreen_modal__content--after-open, &.c-fullscreen_modal__content--before-open {
    transition: opacity 0.15s cubic-bezier(0.2, 0.8, 0.5, 1) 0.1s, transform 0.15s cubic-bezier(0.2, 0.8, 0.5, 1) 0.1s, left 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
  }
}

.p-prefs_modal--sidebar-open {
  left: 220px;
}

.p-prefs_modal--sidebar-open-multi-team {
  left: 288px;
}

.p-prefs_modal__sidebar_overlay {
  bottom: 0;
  cursor: not-allowed;
  left: -220px;
  position: absolute;
  top: 0;
  width: 220px;
}

.p-prefs_modal--sidebar-open-multi-team .p-prefs_modal__sidebar_overlay {
  left: -288px;
  width: 288px;
}

.p-prefs_modal__sidebar_container {
  margin-right: 32px;
  width: 180px;
}

.p-prefs_modal__content_container {
  width: 640px;
}

.p-prefs_modal__inset_radiogroup {
  margin: 8px 0 8px 24px;
}

.p-prefs_modal__theme_label {
  display: inline-flex;
  margin: 0 32px 32px 0;
}

.p-prefs_modal__theme_thumb {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 6px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  height: 60px;
  margin-top: 8px;
  width: 110px;
}

.p-prefs_modal__custom_theme_picker {
  float: left;
  margin: 0 24px 0 0;
}

input[type=text].p-prefs_modal__custom_theme_input {
  margin: 0 8px 0 0;
  max-width: 545px;
}

.p-prefs_modal__theme {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  height: 100%;
  padding: 20px;
  width: 100%;
}

.p-prefs_modal__theme--light {
  background-color: #fff;
}

.p-prefs_modal__theme--dark {
  background-color: #1d1c1d;
}

.p-prefs_modal__theme_placeholder {
  border-radius: 4px;
  height: 8px;
  margin-bottom: 8px;
}

.p-prefs_modal__theme--dark .p-prefs_modal__theme_placeholder {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
}

.p-prefs_modal__theme_placeholder {
  &:first-child {
    background-color: #1264a3;
    width: 75%;
  }

  &:nth-child(2) {
    background-color: #f2c744;
    width: 50%;
  }

  &:nth-child(3) {
    background-color: #007a5a;
    width: 66%;
  }
}

.p-prefs_modal__sound_label {
  display: inline-flex;
  margin: 0 8px 8px 0;
  width: 190px;
}

.p-prefs_modal__img_mac_dock_badge {
  height: 20px;
  vertical-align: middle;
  width: 20px;
}

.p-prefs_modal__radiogroup {
  label {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    margin: 0 0 8px;
    min-height: 95px;
    padding: 16px;
    position: relative;

    &.p-prefs_modal__radiogroup--selected {
      background: #1d9bd11f;
      border-color: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    }
  }

  .p-prefs_modal__label_subtext {
    font-weight: 400;
  }

  .c-label--inline .c-label__text {
    width: 50%;
  }

  .p-prefs_modal__radio_decorator {
    align-items: center;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 0 4px 4px 0;
    bottom: 0;
    display: flex;
    padding: 16px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;

    &.p-prefs_modal__radio_decorator--light {
      background-color: #fff;
    }

    &.p-prefs_modal__radio_decorator--dark {
      background-color: #1a1d21;
    }
  }

  &:disabled {
    &.p-prefs_modal__radiogroup--theme .c-label {
      cursor: not-allowed;
    }

    .p-prefs_modal__radiogroup--selected {
      background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
      border-color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
    }
  }
}

.p-prefs_modal__notification_example {
  display: block;
  font-size: 13px;
  line-height: 18px;
  opacity: .5;
  overflow: hidden;
  padding: 11px 12px 10px 55px;
  position: relative;
  text-overflow: ellipsis;
  transform: scale(0.95);
  transition: all 80ms;
  white-space: nowrap;
  width: 100%;

  wbr {
    display: none;
  }

  .p-prefs_modal__notification_example__slack_app_icon {
    background-image: url(./app-64-b9093a4.png);
    background-size: 32px;
    height: 32px;
    left: 12px;
    position: absolute;
    top: 12px;
    width: 32px;
  }

  &.p-prefs_modal__notification_example--none {
    opacity: 0.2;
  }

  &.p-prefs_modal__notification_example--mac {
    background: #f0f0f0;
    border-radius: 6px;
    color: #1d1c1d;
  }

  &.p-prefs_modal__notification_example--linux {
    background: #2f3436;
    border-radius: 8px;
    color: #fff;

    &.p-prefs_modal__notification_example--dark {
      border: 1px solid #ffffff1a;
    }
  }

  &.p-prefs_modal__notification_example--windows {
    background: #1f1f1f;
    color: #fff;
    padding-bottom: 18px;
    padding-top: 10px;

    .p-prefs_modal__notification_example__slack_app_icon {
      background-image: url(./app-72-d24e20b.png);
      background-size: 36px;
      border-radius: 36px;
      height: 36px;
      left: 10px;
      top: 14px;
      width: 36px;
    }

    &.p-prefs_modal__notification_example--dark {
      border: 1px solid #ffffff1a;
    }
  }
}

.p-prefs_modal__message_example {
  align-items: center;
  display: flex;
  width: 100%;

  &.p-prefs_modal__message_example--compact {
    align-items: flex-start;

    .p-prefs_modal__message_example__message_content {
      margin-left: 8px;
    }

    .c-message__sender {
      margin-left: -8px;
    }
  }

  .c-message__sender, .c-timestamp {
    margin-right: 7px;
  }

  .p-prefs_modal__message_example__avatar {
    display: inline-block;
    height: 36px;
    margin-left: 5px;
    margin-right: 10px;
    width: 36px;
  }

  .p-prefs_modal__message_example__message_body {
    display: inline-block;
  }

  .p-prefs_modal__message_example__message_content {
    display: inline-block;
    width: 65%;
  }

  &.p-prefs_modal__message_example--light {
    .c-message__sender, .c-timestamp, .p-prefs_modal__message_example__message_body, .p-prefs_modal__message_example__message_content {
      color: #1d1c1d;
    }
  }

  &.p-prefs_modal__message_example--dark {
    .c-message__sender, .c-timestamp, .p-prefs_modal__message_example__message_body, .p-prefs_modal__message_example__message_content {
      color: #d1d2d3;
    }
  }
}

.p-prefs_modal__ia_radio--selected .p-prefs_modal__notification_example:not(.p-prefs_modal__notification_example--none), .p-prefs_modal__radiogroup--selected .p-prefs_modal__notification_example:not(.p-prefs_modal__notification_example--none) {
  opacity: 1;
  transform: scale(1);
}

.p-prefs_modal__downloads_input {
  display: inline-block;
  margin-bottom: 8px;
  margin-right: 16px;
  width: 50%;
}

.p-prefs_modal__downloads_button {
  display: inline-block;
  vertical-align: top;
}

input[type=text].p-prefs_modal__email_forwarding_address_input {
  margin: 0 8px 0 0;
  max-width: 365px;
}

.p-prefs_modal__channel_overrides_row {
  border: 1px solid #0000;
  border-top: 1px solid rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  max-width: 530px;
  position: relative;

  &:hover {
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    background: #1d9bd11a;
    border: 1px solid var(--saf-0);
    border-radius: 6px;

    + .p-prefs_modal__channel_overrides_row {
      border-top: 1px solid #0000;
    }
  }
}

.p-prefs_modal__channel_overrides_row--isDm {
  pointer-events: none;

  &:hover {
    background-color: initial;
    border: 1px solid #0000;
    border-radius: 0;
    border-top: 1px solid rgba(var(--sk_primary_foreground, 29, 28, 29), 1);

    &.p-prefs_modal__channel_overrides_row--last {
      border-bottom: 1px solid rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    }

    + .p-prefs_modal__channel_overrides_row {
      border-top: 1px solid rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    }
  }
}

.p-prefs_modal__channel_overrides_row--last {
  border-bottom: 1px solid rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-prefs_modal__channel_overrides_row__details {
  overflow: hidden;
  padding: 8px 40px 8px 12px;
  width: 100%;
}

.p-prefs_modal__channel_overrides_row__reset {
  align-items: center;
  bottom: 0;
  display: flex;
  padding-right: 4px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.p-prefs_modal__channel_overrides_row__reset_button {
  pointer-events: auto;
}

.p-prefs_modal__channel_overrides_row__name {
  overflow: hidden;
  text-overflow: ellipsis;
}

.p-prefs_modal__channel_overrides_row__keyword, .p-prefs_modal__channel_overrides_row__name, .p-prefs_modal__channel_overrides_row__platform {
  font-weight: 700;
}

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

.p-prefs_modal__channel_overrides_row__setting {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
}

.p-prefs_modal__channel_prefs_footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.p-prefs_modal__mobile_notifs_select {
  margin-left: 26px;
}

.p-prefs_modal__message_actions_container {
  left: 6px;
  position: relative;
}

.p-prefs_modal__message_actions_container--compact {
  bottom: 9px;
  left: 10px;
}

.p-prefs_modal--video_audio_camera_video {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-radius: 8px;
  height: 260px;
  width: 440px;
}

.p-prefs_modal--video_audio_camera_video_prop {
  display: flex;
}

.p-prefs_modal--video_audio_camera_video_mirrored {
  transform: rotateY(180deg);
}

.p-prefs_modal--video_audio__audio_level_container {
  display: flex;
}

.p-prefs_modal--video_audio__audio_meter {
  flex-grow: 1;
}

.p-prefs_modal--video_audio__audio_strength_bubble {
  border-radius: 8px;
  height: 12px;
  width: 24px;
}

.p-prefs_modal__quick_reactions_customization_slots_wrapper {
  left: 24px;
  position: relative;
}

.p-prefs_modal--quick_reactions_customization_slots_container {
  align-items: center;
  bottom: 11px;
  display: flex;
  justify-content: flex-start;
  position: relative;
}

.p-prefs_modal__quick_reactions_customization_slots_wrapper_bottom {
  top: 8px;
}

.p-prefs_modal--quick_reactions_slots_label {
  bottom: 6px;
  position: relative;
}

.p-prefs_modal--quick_reactions_label_text {
  font-weight: 400;
}

.p-prefs_modal--quick_reactions_radio_and_text {
  position: relative;
  top: 12px;
}

.p-prefs_modal--quick_reactions_customization_slots {
  align-items: center;
  border: 1px solid #acacac;
  border-radius: 6px;
  box-shadow: 0 1px 3px #00000026;
  display: flex;
  height: 38px;
  justify-content: center;
  margin-right: 10px;
  max-width: 150px;
  min-width: 38px;
}

.p-prefs_modal--quick_reactions_customization_slots--dark {
  border: 1px solid #616061;
}

.p-prefs_modal--quick_reactions_customization_slots:hover {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
}

.p-prefs_modal--quick_reactions_customization_slots_emoji_size {
  height: 18px;
  width: 20px;
}

.p-prefs_modal--quick_reactions_customization_slots_emoji_as_text {
  display: block;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
  overflow: hidden;
  padding: 0 8px;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-prefs_dialog__modal {
  height: 700px;
  margin-left: 260px;

  &.p-prefs_dialog__modal--multi_team {
    margin-left: 320px;
  }

  &.p-prefs_dialog__modal--ia_layout {
    margin-left: 0;
  }
}

@media screen and (max-width: 1070px) {
  .p-prefs_dialog__modal {
    margin-left: 220px;

    &.p-prefs_dialog__modal--multi_team {
      margin-left: 280px;
    }
  }
}

.p-prefs_dialog--peek_sidebar {
  bottom: 0;
  left: 260px;
  right: 0;
  width: unset;

  &:before {
    bottom: 0;
    height: auto;
    top: 38px;
  }

  &.p-prefs_dialog__overlay--multi_team {
    left: 320px;
  }

  .p-prefs_dialog__modal {
    margin-left: 0;

    &.p-prefs_dialog__overlay--multi_team {
      margin-left: 0;
    }
  }
}

@media screen and (max-width: 1070px) {
  .p-prefs_dialog--peek_sidebar {
    left: 220px;

    &.p-prefs_dialog__overlay--multi_team {
      left: 280px;
    }
  }
}

.p-prefs_dialog__overlay--ia_layout:before {
  transition: opacity 0.16s;
}

.c-sk-overlay.p-prefs_dialog--peek_sidebar.p-prefs_dialog__overlay--ia_layout {
  left: 0;
  top: 0;

  &:before {
    opacity: 0;
  }
}

.p-prefs_dialog--peek_sidebar {
  &:not(.p-prefs_dialog--interactive_sidebar):after {
    content: '';
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 260px;
  }

  &.p-prefs_dialog--interactive_sidebar:after {
    content: '';
    height: 38px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
  }
}

@media screen and (max-width: 1070px) {
  .p-prefs_dialog--peek_sidebar:not(.p-prefs_dialog--interactive_sidebar):after {
    width: 220px;
  }
}

.p-prefs_dialog__layout {
  align-items: stretch;
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  flex: 1;
  min-height: 0;
}

.p-prefs_dialog--peek_sidebar.p-prefs_dialog__overlay--ia_layout:after {
  right: 0;
  width: unset;
  z-index: -1;
}

.p-prefs_dialog__tabs {
  flex: 1;
  margin-left: 16px;
  min-width: 0;
}

.p-prefs_dialog__menu {
  margin: 16px 0;
  min-width: 205px;

  .c-tabs__tab:not(.c-tabs__tab--active) .c-tabs__tab_icon--left {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  }
}

@media screen and (max-width: 1000px) {
  .p-prefs_dialog__menu .c-tabs__tab_icon--left {
    display: none;
  }
}

@media screen and (max-width: 1000px) {
  .p-prefs_dialog__menu {
    width: 180px;
  }
}

.p-prefs_dialog__panel {
  padding: 20px 28px;
}

.p-prefs_dialog__title_bar {
  .c-sk-modal_title_bar__icon {
    height: auto;
    margin: 0 8px 0 -8px;
  }

  .c-sk-modal_title_bar__text h1 {
    line-height: 36px;
  }
}

.p-prefs_dialog__notifications_group {
  .c-label--inline {
    margin-bottom: 8px;
  }

  .c-label__subtext {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    margin-top: 4px;
  }
}

.p-prefs_dialog {
  .p-prefs_modal__radiogroup {
    .p-prefs_modal__radio_decorator {
      width: 60%;
    }

    .c-label--inline .c-label__text {
      width: 30%;
    }
  }

  h2 {
    font-size: 18px;
    font-weight: 900;
    font-weight: 700;
    line-height: 1.33334;
  }

  h3 {
    font-size: 15px;
    font-weight: 400;
    font-weight: 700;
    line-height: 1.46668;
  }

  hr {
    margin: 20px 0;

    &.margin_top_150 {
      margin-top: 24px;
    }
  }

  .p-prefs_modal__push_wait_label {
    font-weight: 400;
  }

  .p-prefs_modal__channel_overrides_row {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    border: none;
    border-radius: 8px;
    margin-bottom: 8px;
  }

  .p-prefs_modal__channel_overrides_row__details {
    padding-right: 48px;
  }

  .p-prefs_modal__channel_overrides_row__name {
    margin-left: -2px;
  }

  .p-prefs_modal__channel_overrides_row__reset {
    padding-right: 12px;
  }

  .p-prefs_modal__channel_overrides_row:hover {
    background: #1d9bd11a;
    box-shadow: inset 0 0 0 1px #1d9bd1;

    + .p-prefs_modal__channel_overrides_row {
      border: none;
    }
  }

  .p-prefs_modal__radiogroup--theme .p-prefs_modal__radio_decorator {
    padding: 16px;

    &.p-prefs_modal__radio_decorator--light {
      background-color: #fff;
    }

    &.p-prefs_modal__radio_decorator--dark {
      background-color: #1d1c1d;
    }
  }

  .p-prefs_dialog__message_example_pillow {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border-radius: 4px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
    padding: 12px;
  }

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

  .p-prefs_dialog__message_example_label {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    margin: 16px 0 12px;
  }

  .p-prefs_dialog__spellcheck_system_prefs_hint {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    margin: 8px 0;
  }
}

.p-prefs_dialog--quick-reactions-example {
  margin-bottom: 25px;
  position: relative;
  top: 20px;
}

.p-prefs_dialog__message_example_label--quick-reactions-example {
  bottom: 10px;
  position: relative;
}

.p-prefs_dialog__page_options label {
  margin-bottom: 8px;
}

.p-prefs_dialog__sidebar_show_button.c-button + .p-prefs_dialog__sidebar_show_button.c-button {
  margin-left: 8px;
}

.p-prefs_dialog__section--labs {
  margin-top: -16px;
}

.p-message_input__input_container_unstyled {
  .p-message_input__attachments .p-multi_file_upload__file_gallery, .p-message_input__files .p-multi_file_upload__file_gallery {
    padding: 8px;
  }

  .p-message_input__attachments .p-gallery_scroller__wrapper, .p-message_input__files .p-gallery_scroller__wrapper {
    background: unset;
    border: unset;
    border-radius: unset;
  }

  .p-message_input__attachments .p-gallery_scroller__content, .p-message_input__files .p-gallery_scroller__content {
    align-items: center;
    display: inline-flex;
  }

  .p-message_input__attachments .p-multi_file_upload__container, .p-message_input__files .p-multi_file_upload__container {
    min-width: unset;
  }

  .p-message_input__attachments .p-draft_unfurls, .p-message_input__files .p-draft_unfurls {
    padding: 8px;
  }

  .p-message_input__attachments .p-composer_attachments__separator, .p-message_input__files .p-composer_attachments__separator {
    border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    height: 62px;
  }

  &:not(.c-wysiwyg_container--with_footer):not(.p-message_input__input_container_unstyled--with_attachments_grid) {
    .ql-editor {
      padding-left: 0;
    }

    .ql-placeholder {
      left: 0;
    }
  }
}

.p-message_input__input_container_unstyled--day1 .c-texty_input_unstyled__container--size_medium .ql-placeholder {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  -ms-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
}

.c-alert.c-alert--inline.c-alert--level_info.c-alert--align_left.p-message_input--unfurls_alert {
  border: none;
  border-radius: 4px 4px 0 0;
}

.c-message {
  min-width: 1px;
  padding-right: 26px;
  position: relative;
  -webkit-user-select: text;
  user-select: text;
}

[lang] .c-message {
  font-size: 15px;
}

[lang=ja-JP] .c-message {
  font-size: 14px;
}

[lang] .c-message {
  line-height: 16px;
}

[lang=ja-JP] .c-message {
  line-height: 17.6px;
}

.c-message__gutter, .c-message__label__gutter {
  float: left;
  text-align: right;
}

.c-message__gutter .c-timestamp, .c-message__label__gutter .c-timestamp {
  -webkit-user-select: none;
  user-select: none;
}

.c-message__content {
  margin-right: 20px;
  min-width: 1px;
}

.c-message__sender {
  font-weight: 900;
  word-break: break-word;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);

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

.c-message__sender_button {
  display: inline-block;
}

.c-message__sender .c-custom_status {
  margin-left: 4px;
}

.c-message__avatar {
  -webkit-user-select: none;
  user-select: none;
}

.c-message__body {
  word-wrap: break-word;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: inline-block;
  width: 100%;
}

[lang] .c-message__body {
  line-height: 1.46668;
}

[lang=ja-JP] .c-message__body {
  line-height: 1.56668;
}

.c-message__actions {
  display: none;
  position: absolute;
  right: 17px;
  top: -16px;
  z-index: 1;
}

.c-message--adjacent .c-message__actions, .c-message--sli_highlight_negative .c-message__actions, .c-message__actions.c-message__actions--dense {
  top: -28px;
}

.c-message--focus-within .c-message__actions, .c-message--hover .c-message__actions, .c-message:hover .c-message__actions, .c-message__actions.c-message__actions--menu-showing {
  display: block;
}

.c-message--light {
  padding: 6px 0;

  &.c-message--adjacent {
    padding-top: 2px;
  }

  .c-message__gutter, .c-message__label__gutter {
    padding-right: 8px;
    width: 70px;
  }

  .c-message__content {
    margin-left: 70px;
  }

  .c-message__sender .c-message__sender_button {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }

  .c-message__content_header {
    line-height: 1;
  }

  .c-message__body--tombstone {
    line-height: 36px;
  }

  .c-message__broadcast_preamble {
    height: 22px;
    line-height: 22px;
  }
}

.c-message--dense {
  padding: 3px 40px 6px 0;

  .c-message__gutter, .c-message__label__gutter {
    margin-right: 16px;
    width: 64px;
  }

  &:not(.c-message--adjacent):not(.c-message--thread_broadcast) .c-timestamp__label {
    position: relative;
    top: 2px;
  }

  .c-message__label {
    margin: 1px 0;
  }

  .c-message__content {
    margin-left: 80px;
    padding-left: 8px;
  }

  .c-message__body--tombstone {
    margin-left: -8px;
  }

  .c-message__sender {
    margin-left: -8px;
    flex: none;
    white-space: nowrap;
  }

  .c-message__content_header {
    display: inline;
    line-height: 22px;
  }

  &.c-message--thread_broadcast .c-message__content_header {
    display: flex;
    margin-bottom: 3px;
  }

  .c-message__comment:before {
    display: none;
  }

  .c-message__content_header .c-custom_status {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0);
    border-radius: 5px;
    padding: 1px 2px;
  }

  .c-message__broadcast_preamble {
    height: 22px;
    margin-top: 0;
  }

  &.c-message--editing {
    padding-right: 0;
  }
}

.c-message--adjacent {
  &.c-message--focus .c-message__gutter, &.c-message--hover .c-message__gutter, &:hover .c-message__gutter {
    opacity: 1;
  }

  .c-message__gutter {
    line-height: 1.46668;
    opacity: 0;
  }

  .c-timestamp {
    line-height: 1.46668;
  }

  .c-message__label {
    margin: 2px 0 1px;
  }
}

.c-message--focus-within:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred), .c-message--hover:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred), .c-message:hover:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred) {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
}

.c-message--focus-within {
  .c-file__actions, .c-file_container__expand, .c-pillow_file__expandable_pill {
    opacity: 1;
  }
}

.c-message--fade_highlight {
  animation: fade-background-highlight 4s ease-in-out;
}

@keyframes fade-background-highlight {
  0% {
    background: #f2c74433;
  }

  to {
    background: #0000;
  }
}

.c-message--last {
  margin-bottom: 16px;
}

.c-message--pinned, .c-message--starred {
  background: rgba(var(--sk_secondary_highlight, 242, 199, 68), 0.1);
}

.c-message--ephemeral {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
}

.c-message--highlight, .c-message--highlight_yellow_bg {
  background: #f2c74433;
}

.c-message--custom_response {
  background: #1d9bd10d;
}

.c-message__label {
  *zoom: 1;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  margin: -4px 0 4px;
  padding: 1px 0;
  -webkit-user-select: none;
  user-select: none;

  &:after, &:before {
    content: '';
    display: table;
    line-height: 0;
  }

  &:after {
    clear: both;
  }
}

.c-message__visually_hidden_label {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  width: 1px;
}

.c-message--pinned .c-message__label__icon {
  color: #e8912d;
}

.c-message--custom_response .c-message__label__icon {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.c-message--starred .c-message__label__icon {
  color: #f2c744;

  &.c-icon--bookmark-filled {
    color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  }
}

a.c-message__label_link {
  background: none;
  color: inherit;
  padding-left: 0;

  &:hover {
    background: none;
    color: inherit;
    text-decoration: underline;
  }
}

.c-message__label_button {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  vertical-align: initial;

  &:active, &:focus {
    outline: none;
  }

  &:hover {
    outline: none;
    text-decoration: underline;
  }
}

.c-message__sender .c-emoji__text_mode_icon {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.c-message__dense_copy_timestamp {
  pointer-events: none;
}

.c-message__body--unknown:before {
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 4px;
  content: '';
  display: inline-block;
  height: 8px;
  width: 200px;
}

.c-message__body--automated {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);

  .c-mrkdwn__member--link {
    background: #0000;
    color: inherit;

    &:hover {
      background: #0000;
      color: inherit;
      text-decoration: underline;
    }
  }
}

.c-message__body--call {
  font-style: normal;
}

.c-message__body--me {
  font-style: italic;
}

.c-message__body--tombstone {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.c-message--unprocessed {
  .c-message__body, .c-message__message_blocks--rich_text {
    animation: c-message--to-grey 50ms linear 10s forwards;
  }
}

.c-message--resend .c-message__body {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

@keyframes c-message--to-grey {
  0% {
    color: inherit;
  }

  to {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }
}

.c-message__resend_controls {
  align-items: stretch;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  font-size: 13px;
  margin-top: 2px;
}

.c-message__resend_column {
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 8px;
  margin-right: 12px;
  width: 4px;
}

.c-message__cancel, .c-message__resend {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  margin-left: 5px;
  margin-right: 5px;
}

.c-message__cancel:hover, .c-message__resend:hover {
  text-decoration: underline;
}

.c-message__edited_label {
  cursor: default;
  font-size: 13px;
  white-space: nowrap;
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
}

.c-message__tombstone_icon {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 3px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  text-align: center;
  width: 36px;
}

.c-message__rollup_member {
  color: inherit;

  &:link, &:visited {
    color: inherit;
  }
}

.c-message__editor__emoji_menu {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  height: 40px;
  line-height: normal;
  overflow: visible;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 50ms ease-out;
  width: 40px;
}

[lang] .c-message__editor__emoji_menu {
  line-height: 1;
}

[lang=ja-JP] .c-message__editor__emoji_menu {
  line-height: 1.1;
}

.c-message__editor__emoji_menu {
  &:active, &:focus {
    outline: none;
  }

  &:hover {
    outline: none;
    transform: scale(1.25);

    .c-message__editor__emoji_circle_icon {
      color: #ffd06d;
      opacity: 1;
    }

    .c-message__editor__emoji_smile_icon {
      opacity: 0;
    }

    .c-message__editor__emoji_happy_icon {
      color: #c19a87;
      opacity: 1;
    }
  }
}

.c-message__editor__emoji_circle_icon, .c-message__editor__emoji_happy_icon, .c-message__editor__emoji_smile_icon {
  color: #00000059;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.c-message__editor__emoji_circle_icon, .c-message__editor__emoji_happy_icon {
  opacity: 0;
}

.c-message__editor__input_container {
  position: relative;
}

.c-message__editor__input--client_toolbar {
  overflow: visible;
}

.c-message__editor__containerized_input .ql-editor {
  max-height: calc(60vh - 80px);
}

.c-message__editor__footer__meta {
  font-size: 12px;
  margin-top: 4px;
}

.c-message__editor__footer {
  align-items: center;
  display: flex;
  flex-wrap: wrap;

  > * {
    margin-top: 8px;
  }
}

.c-message__editor__info {
  flex: 1;
  font-size: 0.8rem;
}

.c-message__editor__messages {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  min-width: 260px;
}

.c-message__editor__warning {
  color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  font-size: .8rem;
  margin-left: 8px;
}

.c-message__editor__save {
  margin-left: 8px;
  margin-right: 8px;
}

.c-message__reply_bar {
  align-items: center;
  border: 1px solid #0000;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  font-size: 13px;
  height: 34px;
  max-width: 600px;
  overflow: hidden;
  padding: 4px;
}

.c-message__reply_bar--focus-within, .c-message__reply_bar:hover {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.c-message__reply_bar--focus-within .c-message__reply_bar_arrow, .c-message__reply_bar:hover .c-message__reply_bar_arrow {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
}

.c-message__reply_bar--focus-within .c-message__reply_bar_last_reply, .c-message__reply_bar:hover .c-message__reply_bar_last_reply {
  opacity: 0;
}

.c-message__reply_bar--focus-within .c-message__reply_bar_view_thread, .c-message__reply_bar:hover .c-message__reply_bar_view_thread {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  opacity: 1;
}

.c-message__reply_bar--progressive-disclosure-tip-wrapper {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border: 2px solid var(--saf-0);
  overflow: visible;
  padding: 0 0 0 4px;

  &.c-message__reply_bar--focus-within, &:hover {
    border-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }

  &.c-message__reply_bar--focus-within .c-message__reply_bar_arrow, &:hover .c-message__reply_bar_arrow {
    display: none;
  }

  &.c-message__reply_bar--focus-within .c-message__reply_bar_progressive_disclosure_flag:before, &:hover .c-message__reply_bar_progressive_disclosure_flag:before {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  }

  .c-message__reply_bar_arrow {
    display: none;
  }

  .c-message__reply_bar_prog_disc_flag {
    align-items: center;
    background: rgba(var(--sk_highlight, 18, 100, 163), 1);
    color: #fff;
    display: flex;
    flex-shrink: 0;
    font-weight: 700;
    height: 100%;
    padding: 0 8px 0 14px;
    position: relative;

    .c-message__reply_bar_prog_disc_flag_text {
      animation-delay: .2s, .2s;
      animation-duration: .1s, .2s;
      animation-fill-mode: forwards, forwards;
      animation-name: c-message__reply_bar_prog_disc_flag_text--opacity, c-message__reply_bar_prog_disc_flag_text--slide-up;
      animation-timing-function: linear, ease-out;
      opacity: 0;
      transform: translateY(4px);
    }

    &:before {
      background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
      border-bottom-right-radius: 6px;
      border-top-right-radius: 6px;
      bottom: 0;
      content: '';
      height: 30px;
      left: 0;
      position: absolute;
      top: 0;
      width: 6px;
    }
  }
}

@keyframes c-message__reply_bar_prog_disc_flag_text--opacity {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes c-message__reply_bar_prog_disc_flag_text--slide-up {
  0% {
    transform: translateY(4px);
  }

  to {
    transform: translateY(0);
  }
}

.c-message_kit__background--hovered .c-message__reply_bar_progressive_disclosure_flag:before {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
}

.c-message__reply_bar .c-avatar {
  flex-shrink: 0;
  margin-right: 4px;
}

.c-message__reply_count {
  flex-shrink: 0;
  font-weight: 700;
  margin-left: 3px;
}

.c-message__reply_bar_description {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  flex: 1;
  margin-left: 8px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-message__reply_bar_arrow {
  color: #0000;
  margin-left: auto;

  &:before {
    vertical-align: top;
  }
}

.c-message__reply_bar_avatar {
  cursor: pointer;
}

.c-message__reply_bar_last_reply {
  opacity: 1;
  transition: opacity 0.2s;
}

.c-message__broadcast_preamble, .c-message__broadcast_preamble_outer {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.c-message__broadcast_preamble {
  display: flex;
  max-width: 100%;
  overflow: hidden;
}

.c-message__broadcast_preamble_meta {
  flex-shrink: 0;
}

.c-message__broadcast_preamble_link {
  display: block;
  font-weight: 700;
  margin-left: 4px;
  margin-right: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.c-message__broadcast_repliers {
  display: block;
  font-size: 13px;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.c-message__broadcast_repliers_icon {
  margin-right: 3px;

  &:before {
    font-size: 14px;
    vertical-align: bottom;
  }
}

a.c-message__broadcast_repliers_link {
  color: inherit;
}

.c-message__reply_bar_view_thread {
  bottom: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  transition: opacity .2s;
  white-space: nowrap;
}

.c-message__broadcast_footer {
  display: block;
  font-size: 12px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.50001;
  margin-top: 8px;
}

.c-message__body {
  .c-emoji__large {
    margin-top: 2px;
  }

  br ~ .c-emoji__large {
    margin-top: 0;
  }
}

.c-message--focus-within .c-message_attachment__delete {
  display: block;
}

.c-message__attachments {
  max-width: 600px;
}

.c-message__theme_button_container {
  margin-top: 8px;

  .c-message_attachment__button {
    margin-top: 0;
  }
}

.c-message__file {
  display: inline;

  &.c-message__file--removable {
    display: block;
    margin-left: -20px;
    padding-left: 20px;
    position: relative;
  }
}

.c-message__file_link {
  font-weight: 700;
  white-space: normal;
  word-break: break-word;
}

.c-message__file_meta {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: block;
  line-height: 1.4;
}

.c-message__file_meta_title {
  white-space: nowrap;
}

.c-message__file_meta.c-message__file_meta--file_threads {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
  margin: 8px 0 -4px;
  white-space: nowrap;

  .c-message__file_meta_text {
    white-space: normal;
    word-break: break-word;

    .emoji-sizer {
      font-size: 16px;
    }
  }

  .c-message__file_meta_seperator {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.33);
    margin: 0 4px;
  }

  .c-message__file_collapse_toggle {
    margin-left: -2px;
  }

  .c-message__file_collapse_toggle_icon:before {
    font-size: 15px;
  }
}

.c-message--adjacent {
  .c-message__files--empty_body.c-message__files--file_threads_meta_data {
    padding-top: 4px;
  }

  &.c-message--dense .c-message__files--empty_body.c-message__files--file_threads_meta_data {
    display: block;
    padding-top: 3px;
  }
}

.c-message__files--pillow {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: -8px;
  margin-top: 8px;

  &:after, &:before {
    content: '';
    display: block;
    height: 0.1px;
  }
}

.c-message__comment {
  display: block;
  position: relative;

  &:before {
    color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    content: '\E516';
    display: inline-block;
    font-family: Slack v2;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    left: -28px;
    position: absolute;
    top: -3px;
    vertical-align: middle;
  }
}

.c-message__file_meta_user {
  color: inherit;

  &:link, &:visited {
    color: inherit;
  }
}

.c-message__file_collapse_toggle {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  line-height: 1;
  margin-left: -4px;
  overflow: visible;
  padding: 0;

  &:active, &:focus, &:hover {
    outline: none;
  }
}

.c-message__file_remove_icon {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  display: none;
  left: 0;
  position: absolute;
  top: 2px;

  &:hover {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }
}

.c-message__files--file_threads_meta_data .c-message__file_remove_icon {
  top: -1px;
}

.c-message__file {
  &:hover .c-message__file_remove_icon {
    display: block;
  }

  .p-message_file {
    margin-top: 8px;
  }
}

.c-message__image_container {
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 4px;
  margin-bottom: 6px;
  position: relative;
}

.c-message--focus-within .c-message__image_container .c-file__actions, .c-message__image_container:hover .c-file__actions {
  opacity: 1;
}

.c-message--deleting {
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.6);
  overflow: hidden;
  padding-bottom: 0;
  padding-top: 0;
  transition: padding-top 40ms 0.16s, padding-bottom 0.16s;
}

.c-message__call {
  .c-message__body {
    margin-top: 0;
  }

  .c-expandable_trigger {
    vertical-align: initial;
  }
}

.c-message__call_attachment {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  display: flex;
  font-style: normal;
  max-width: 600px;
  min-width: 400px;
  padding: 7px 16px 7px 10px;
}

.c-message__call--active .c-message__call_attachment {
  cursor: pointer;
}

.c-message__call--ended .c-message__call_attachment {
  cursor: default;
}

.c-message__call:hover a:not(.c-message__call_name) {
  text-decoration: underline;
}

.c-message__call_icon {
  color: #007a5a;

  &:before {
    font-size: 52px;
    line-height: 56px;
  }
}

.c-message__call--ended .c-message__call_icon {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
}

.c-message__call_info {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  margin-left: 8px;
  max-width: calc(100% - 58px);
  padding: 7px 0 8px;
  width: 100%;
}

.c-message__call_sub, .c-message__call_title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-message__call_sub wbr, .c-message__call_title wbr {
  display: none;
}

.c-message__call_name {
  display: block;
  display: inline-block;
  font-weight: 700;
  max-width: calc(95% - 130px);
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.c-message__call--active .c-message__call_name {
  &:focus, &:hover {
    text-decoration: none;
  }
}

a.c-message__call_name--linked {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.c-message__call_description {
  vertical-align: bottom;
  white-space: nowrap;
}

.c-message__call_name + .c-message__call_description {
  padding-left: 14px;
  position: relative;

  &:before {
    color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    content: ' | ';
    font-weight: 400;
    left: 5px;
    position: absolute;
  }
}

.c-message__call_sub {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  display: flex;
  font-size: 14px;
  margin-top: 1px;
  overflow: hidden;
  white-space: pre;
}

.c-message__call_participant_count {
  margin-left: 16px;
}

.c-message__call_user_icon:before {
  font-size: 15px;
  line-height: 15px;
}

.c-message__call_participants {
  flex: 1;
}

.c-message__call--ended .c-message__call_participants {
  display: block;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.c-message__call--active .c-message__call_participants {
  height: 16px;
  margin-left: 16px;
  margin-top: 2px;
}

.c-message__call_avatar {
  margin-right: 8px;

  .c-avatar--no_image, .c-avatar__image {
    border-radius: 0.1rem;
  }
}

.c-message--standalone {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 1px solid var(--saf-0);
  border-radius: .25rem;
  padding-bottom: 13px;
  padding-top: 16px;
}

.c-message--light .c-message__content {
  margin-top: -9px;
}

.c-message__gutter--empty + .c-message--light .c-message__content {
  margin-top: -11px;
}

.c-message--light .c-message__content {
  .c-message__comment {
    padding-bottom: 4px;
  }

  &:before {
    content: '';
    display: block;
    padding-top: 1px;
  }
}

.c-message__body {
  margin: 8px 0 -4px;
  text-align: left;

  &:empty {
    display: none;
  }
}

.c-message__file .c-file_container, .c-message__image_container, .c-message__resend_controls {
  margin: 8px 0 0;
}

.c-message--light .c-message__content_header {
  margin: 9px 0 -5px;
}

.c-message__editor {
  margin: 8px 0 0;
}

.c-message__file_meta {
  margin: 8px 0 -5px;
}

.c-message__call_attachment {
  margin: 5px 0 4px;
}

.c-message__reply_bar {
  margin: 4px 0 -2px -5px;
}

.c-message .c-reaction_bar {
  margin: 8px 0 -5px;
}

.c-message--focus-within .c-reaction_bar .c-reaction_add {
  opacity: 1;
}

.c-message__attachments {
  margin: 8px 0 -9px;
  padding-bottom: 1px;
}

.c-message__broadcast_preamble {
  margin: 8px 0 -6px;
}

.c-message__broadcast_repliers {
  margin: 8px 0 -8px;
}

.c-message--dense {
  .c-message__body, .c-message__file_meta, .c-message__files--empty_body {
    display: inline;
  }

  .c-message__body:after, .c-message__file_meta:after {
    content: '';
    display: block;
    margin-bottom: -4px;
  }

  .c-message__files:not(.c-message__files--empty_body) .c-message__file_meta {
    display: block;
  }

  .c-message__comment {
    display: inline-block;
  }

  .c-message__content_header + .c-message__attachments {
    margin-top: 0;
  }
}

.c-message__message_blocks {
  max-width: 600px;
}

.c-message__message_blocks--rich_text {
  word-wrap: break-word;
  max-width: none;
}

.c-message--dense .c-message__message_blocks--rich_text, .c-message__message_blocks--inline {
  display: inline;
}

.c-message__sender--postfix {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: inline-flex;
  font-weight: 400;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@keyframes skintone-emoji-wave {
  50% {
    transform: rotate(15deg);
  }
}

@keyframes skintone-emoji-fade {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.5;
  }

  to {
    opacity: 1;
  }
}

.p-emoji_skin_tone_picker_radio_button__container {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  align-items: center;
  border: 1px solid var(--saf-0);
  border-radius: 6px;
  box-shadow: 0 1px 3px 0 #00000014;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-right: 12px;
  padding: 8px;
  position: relative;

  &:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }

  &:focus-within {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-radius: 4px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  }
}

.p-emoji_skin_tone_picker_radio_button__container--selected {
  border-color: #1264a3;
}

.p-emoji_skin_tone_picker_radio_button {
  opacity: 0;
  position: absolute;
}

.p-emoji_skin_tone_picker_radio_button__group {
  display: flex;
}

.p-emoji_skin_tone_picker_radio_button__emoji-wave {
  animation: skintone-emoji-wave .6s ease-in-out infinite;
  transform-origin: bottom right;
}

.p-emoji_skin_tone_picker_radio_button__emoji-selected {
  animation: skintone-emoji-fade 0.3s ease-in 1;
}

.p-emoji_skin_tone_prefs_section__header {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: 1.6px;
}

.p-emoji_skin_tone_prefs_section__description {
  color: #616061;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-sidebar_prefs__alert_icon {
  align-self: flex-start;
  flex: 0 0 auto;
  margin-left: -6px;
  margin-right: 6px;
}

.p-sidebar_prefs__content_container {
  display: flex;
}

.p-sidebar_prefs__close_icon_button.c-icon_button {
  align-self: flex-start;
  display: flex;
  height: inherit;
  margin: 0 0 0 6px;
}

.p-sidebar_prefs__label--with_subtext.c-label--with_subtext {
  font-weight: 400;

  .c-label__text {
    font-weight: 400;
  }
}

.p-sidebar_prefs__label__icon {
  font-size: 18px;
  position: relative;
  top: 1px;
}

.p-sidebar_prefs__label--unreads-sidebar-simplification .c-mention_badge {
  margin-left: 0;
}

.p-verify_email_modal_form {
  align-items: center;
  display: flex;
  flex-direction: column;

  .c-alert--level_default {
    background-color: initial;
    border-color: #0000;
  }
}

.p-verify_email_modal_form__input_container {
  max-width: 500px;
  width: 100%;
}

.p-verify_email_modal_form__input_fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.p-privacy_prefs__label.c-label--with_subtext {
  font-weight: 400;

  .c-label__text {
    font-weight: 400;
  }
}

.p-privacy_prefs_blocked_section__list .c-scrollbar__hider, .p-privacy_prefs_hidden_section__list .c-scrollbar__hider {
  right: 0;
}

.p-privacy_prefs_blocked_section__list .c-virtual_list__item--focus:not(.p-privacy_prefs_blocked_section__list_item):after, .p-privacy_prefs_hidden_section__list .c-virtual_list__item--focus:not(.p-privacy_prefs_hidden_section__list_item):after {
  bottom: 10px;
}

.p-privacy_prefs_blocked_section__list_item, .p-privacy_prefs_hidden_section__list_item {
  align-items: center;
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-radius: 8px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 14px 16px;
}

.p-privacy_prefs_blocked_section__verify_section {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-radius: 8px;
  padding: 24px 64px;
}

.p-privacy_prefs__alert {
  margin-bottom: 16px;

  .c-link--button {
    color: #1264a3;
    text-decoration: none;
  }

  .c-alert__message {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);

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

.p-enforced_setting_badge {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding-left: 18px;
  position: relative;

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

.p-enforced_setting_badge__icon {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.c-filter_input {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  font-size: 15px;
  font-weight: 400;
  height: 36px;
  line-height: 1.46668;
  padding: 0 8px;
  transition: border 80ms ease-out, box-shadow 80ms ease-out;

  &:hover {
    border-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }

  &.c-filter_input--active {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    -webkit-appearance: none;
    border-color: #0000;
    border-radius: 4px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
    outline: none;

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

.c-filter_input--large {
  font-size: 18px;
  height: 44px;
  line-height: 1.33333333;
  padding: 12px;
}

.c-filter_input--small {
  font-size: 13px;
  height: 28px;
  padding: 0 4px;

  .c-filter_input__input[type=text] {
    padding: 0 4px;
  }
}

.c-filter_input__input[type=text] {
  border: 0 !important;
  font-size: inherit;
  margin: 0;
  outline: none;
  padding: 0 8px;
  width: 100%;

  &:active, &:focus {
    box-shadow: none;
  }

  &[placeholder] {
    background-color: inherit;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    text-overflow: ellipsis;
  }

  &::placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }
}

.c-filter_input__reset_button {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  cursor: pointer;
  display: none;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.50001;

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

.c-filter_input__loading_indicator {
  display: none;
}

.c-filter_input__loading_indicator--visible, .c-filter_input__reset_button--visible {
  display: inline-flex;
}

.c-filter_input__right_icons {
  display: flex;
  width: 20px;
}

.c-switch {
  display: inline-block;
  line-height: 0;
  position: relative;
}

.c-switch__input {
  --saf-0: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 18px;
  cursor: pointer;
  height: 30px;
  margin: 0;
  outline: none;
  transition: background-color .1s ease-in;
  width: 54px;
}

.c-switch__visual {
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;

  &:before {
    content: '\E704';
    display: inline-block;
    font-family: Slack v2;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    left: 2px;
    line-height: 1;
    opacity: 0;
    position: absolute;
    top: 2px;
    transition: opacity 0.1s ease-in;
  }

  &:after {
    background-color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    border-radius: 100%;
    content: '';
    height: 20px;
    left: 6px;
    position: absolute;
    top: 5px;
    transform: translateZ(0);
    transform-origin: center;
    transition: transform .1s ease-in, background-color .1s ease-in;
    width: 20px;
  }
}

.c-switch__input {
  &:checked {
    background-color: #007a5a;
    border: none;

    + .c-switch__visual {
      &:before {
        color: #fff;
        opacity: 1;
        position: absolute;
      }

      &:after {
        background-color: #fff;
        transform: translate3d(22px, 0, 0);
      }
    }
  }

  &:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    -webkit-appearance: none;
    border-color: #0000;
    border-radius: 4px;
    border-radius: 18px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #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);
  }

  &:disabled {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: none;
    cursor: not-allowed;

    + .c-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);
      }
    }
  }
}

.c-table_column_header {
  align-items: flex-end;
  display: flex;
  text-align: inherit;
}

.c-table_column_header--sorted {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.c-table_column_header__sort_icon {
  position: relative;
  top: 1px;
}

.c-table_column_header__icon {
  margin-left: 4px;
  position: relative;
}

.c-table_column_header__icon--small {
  font-size: 12px;
  top: 0;
}

.c-table_column_header__icon--medium {
  font-size: 16px;
  top: 2px;
}

.c-table_cell {
  align-items: center;
  display: flex;
  width: 100%;
}

.c-table_cell--medium {
  &.c-table_cell--align_right .c-base_entity__text-contents {
    align-items: flex-end;
  }

  &.c-table_cell--align_center .c-base_entity__text-contents {
    align-items: center;
  }
}

.c-table_cell--small {
  .c-base_entity__text-contents {
    align-items: baseline;
  }

  &.c-table_cell--align_left .c-base_entity__text-contents {
    justify-content: flex-start;

    > * {
      margin-right: 8px;
    }
  }

  &.c-table_cell--align_right .c-base_entity__text-contents {
    justify-content: flex-end;

    > * {
      margin-left: 8px;
    }
  }

  &.c-table_cell--align_center .c-base_entity__text-contents {
    justify-content: center;

    > * {
      margin-left: 4px;
      margin-right: 4px;
    }
  }
}

.c-table_cell_container {
  display: flex;
  outline: none;
}

.c-virtualized_table__wrapper {
  position: relative;

  > :first-child {
    position: relative;

    &:after {
      content: '';
      height: 100%;
      left: 0;
      pointer-events: none;
      position: absolute;
      top: 0;
      width: 100%;
    }
  }
}

.c-virtualized_table__scroll-indicator {
  background-image: linear-gradient(90deg, rgba(var(--sk_foreground_low_solid, 221, 221, 221), 0.25), rgba(var(--sk_foreground_low_solid, 221, 221, 221), 0.25) 25%, #0000);
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity .3s;
  width: 6px;
}

.c-virtualized_table__scroll-indicator--visible {
  opacity: 1;
}

.c-virtualized_table__sortable_header_wrapper {
  cursor: pointer;
}

.c-virtualized_table--bottom-left, .c-virtualized_table--bottom-right, .c-virtualized_table--top-right {
  overscroll-behavior-x: contain;
}

.c-virtualized_table--bottom-left {
  .c-data_table__header_row, .c-data_table__row:not(.c-data_table__row--header) {
    border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  }
}

.c-virtualized_table--top-left {
  .c-data_table__header_row, .c-data_table__row:not(.c-data_table__row--header) {
    border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  }
}

.c-virtualized_table--bottom-left::-webkit-scrollbar, .c-virtualized_table--top-right::-webkit-scrollbar {
  -webkit-appearance: none;
  appearance: none;
  height: 0;
  width: 0;
}

.c-virtualized_table--bottom-left {
  .c-data_table__header_row--focus:after, .c-data_table__row--focus:after {
    right: -4px;
  }
}

.c-virtualized_table--top-left {
  .c-data_table__header_row--focus:after, .c-data_table__row--focus:after {
    right: -4px;
  }
}

.c-virtualized_table--bottom-right {
  .c-data_table__header_row--focus:after, .c-data_table__row--focus:after {
    left: -4px;
  }
}

.c-virtualized_table--top-right {
  .c-data_table__header_row--focus:after, .c-data_table__row--focus:after {
    left: -4px;
  }
}

.c-table_spacer {
  margin-right: calc(var(--data-table-column-padding, 12px) * -1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
}

.c-table_spacer_header {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  bottom: 0;
  height: 1px;
  position: fixed;
}

.ReactVirtualized__Table__headerRow {
  font-weight: 700;
  text-transform: uppercase;
  align-items: center;
  display: flex;
  flex-direction: row;
}

.ReactVirtualized__Table__row {
  align-items: center;
  display: flex;
  flex-direction: row;
}

.ReactVirtualized__Table__headerTruncatedText {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ReactVirtualized__Table__headerColumn {
  margin-right: 10px;
  min-width: 0;
}

.ReactVirtualized__Table__rowColumn {
  margin-right: 10px;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ReactVirtualized__Table__headerColumn:first-of-type, .ReactVirtualized__Table__rowColumn:first-of-type {
  margin-left: 10px;
}

.ReactVirtualized__Table__sortableHeaderColumn {
  cursor: pointer;
}

.ReactVirtualized__Table__sortableHeaderIconContainer {
  align-items: center;
  display: flex;
}

.ReactVirtualized__Table__sortableHeaderIcon {
  fill: currentColor;
  flex: 0 0 24px;
  height: 1em;
  width: 1em;
}

@keyframes row_highlight {
  10% {
    background-color: #f2c74433;
  }
}

.c-data_table {
  --data-table-column-padding: 12px;
  position: relative;
}

@media screen and (max-width: 480px) {
  .c-data_table--responsive {
    --data-table-column-padding: 16px;
  }
}

.c-data_table--has_spacer_column {
  height: 100%;
}

.c-data_table__body, .c-data_table__header_row, .c-data_table__no_results, .c-data_table__spinner {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  outline: none;
}

.c-data_table__header_row {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  position: relative;
  text-transform: none;
  align-items: center;
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  display: flex;
  outline: none;
}

.c-data_table__row {
  align-items: center;
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  display: flex;
  outline: none;
}

.c-data_table__row--inactive {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);

  .c-base_entity__subtext {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  }
}

.c-data_table__row--selectable {
  cursor: pointer;

  &:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }
}

.c-data_table__row--selected {
  background-color: #1d9bd11a;

  &.c-data_table__row--hover, &:hover {
    background-color: #1d9bd11a;
  }
}

@media screen and (min-width: 480px) {
  .c-data_table__row--hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }
}

.c-data_table__row--header {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
}

.c-data_table__row--highlight {
  animation: row_highlight 1s ease-out;
}

.c-data_table__row--load_more {
  border-bottom: none;
  justify-content: center;
}

.c-data_table__header_row--focus:after, .c-data_table__row--focus:after {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  bottom: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  content: '';
  display: block;
  left: 4px;
  pointer-events: none;
  position: absolute;
  right: 4px;
  top: 4px;
}

.c-data_table__no_results, .c-data_table__spinner {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
}

.c-data_table__header_column, .c-data_table__row_column {
  outline: none;
  white-space: normal;
  width: 100%;
}

.c-data_table__header_column {
  align-items: flex-end;
  display: flex;
  height: 100%;
  justify-content: flex-start;
  padding: 8px 0;
}

.c-data_table--focus-visible .c-data_table__header_column:focus .c-table_column_header {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.c-data_table__header_column--align_right {
  justify-content: flex-end;
  text-align: right;
}

.c-data_table__header_column--align_center {
  justify-content: center;
  text-align: center;
}

.c-data_table__header_column:not(.c-data_table__header_column--grid-cell), .c-data_table__row_column:not(.c-data_table__row_column--grid-cell) {
  margin-right: var(--data-table-column-padding, 12px);
}

.c-data_table__header_column:not(.c-data_table__header_column--grid-cell):first-of-type, .c-data_table__row_column:not(.c-data_table__row_column--grid-cell):first-of-type {
  margin-left: var(--data-table-column-padding, 12px);
}

.c-data_table__header_column--grid-cell, .c-data_table__row_column--grid-cell {
  flex: 1 0 auto;
  padding-right: var(--data-table-column-padding, 12px);
}

.c-data_table__header_column--grid-cell-first-pinned-column, .c-data_table__header_column--grid-cell-first-unpinned-column, .c-data_table__row_column--grid-cell-first-pinned-column, .c-data_table__row_column--grid-cell-first-unpinned-column {
  padding-left: var(--data-table-column-padding, 12px);
}

.c-data_table__row_column {
  overflow: visible !important;
}

.c-data_table__row_column--dynamic-row-height {
  padding-bottom: 12px;
  padding-top: 12px;
}

.c-action_buttons {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  display: flex;
  position: absolute;
  transition: box-shadow 50ms ease-in;

  &:hover {
    border-color: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
    box-shadow: 0 1px 1px #0000001a;
  }
}

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

.c-action_buttons__button {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 0;
  border-right: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: inline-flex;
  min-width: 36px;
  padding: 3px 7px;

  &:first-child {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
  }

  &:last-child {
    border: 0;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
  }

  &:only-child {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0);
    margin-left: -1px;
    margin-top: -1px;

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

  &:focus {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }

  &:hover {
    border-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    text-decoration: none;

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

  .c-icon--small-star-filled, &:hover .c-icon--small-star-filled {
    color: #f2c744;
  }

  .c-icon--bookmark-filled, &:hover .c-icon--bookmark-filled {
    color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  }
}

.c-action_buttons__button--text {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.46668;
}

.c-table_row_actions {
  .c-action_buttons__button {
    background-color: initial;
    border: 1px solid #0000;

    &:hover {
      --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      border: 1px solid var(--saf-0);
    }
  }

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

@media screen and (max-width: 480px) {
  .c-data_table--responsive .c-table_row_actions .c-action_buttons__button {
    align-items: center;
    height: 42px;
    justify-content: center;
    width: 42px;
    --saf-0: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
    border: 1px solid var(--saf-0);

    &:hover {
      --saf-0: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
      border: 1px solid var(--saf-0);
    }
  }
}

.p-audio_levels {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}

.p-audio_levels__bubble {
  border-radius: 10px;
  display: block;
  height: 10px;
  width: 15px;
}

.p-audio_levels__bubble--inactive {
  background-color: #ddd;
}

.p-audio_levels__bubble--active {
  background-color: #007a5a;

  &.p-audio_levels__bubble--dark {
    background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
}

.p-connected_workflow_accounts_app_row {
  display: flex;
}

.p-connected_workflow_accounts_app {
  align-items: center;
  display: flex;
  flex: 1;
}

.p-connected_workflow_accounts_actions {
  flex: 0;
}

.p-connected_workflow_accounts_app_icon {
  flex: 0;
  margin-right: 12px;
}

.p-connected_workflow_accounts_app_info_container {
  flex: 1;
}

.p-connected_workflow_accounts_app__name {
  margin-bottom: 0;
}

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

.p-connected_workflow_accounts_manage_modal_account {
  margin-bottom: 20px;
}

.p-connected_workflow_accounts_manage_modal_account_header {
  margin-bottom: 8px;
}

.p-connected_workflow_accounts_manage_modal_row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.p-connected_workflow_accounts_manage_modal_row_account_container {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}

.p-connected_workflow_accounts_manage_modal_row_account_created, .p-connected_workflow_accounts_manage_modal_row_account_name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-connected_workflow_accounts_manage_modal_row_account_actions {
  margin-left: 16px;
}

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

.p-connected_workflow_accounts_confirmation_modal_title_image_wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 64px;
}

.p-connected_workflow_accounts_confirmation_modal_title_desc {
  margin-bottom: 8px;
  text-align: center;
}

.p-connected_workflow_accounts_confirmation_modal_title_account {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  font-weight: 400;
  text-align: center;
}

.p-connected_workflow_accounts_confirmation_modal_list_header {
  font-weight: 700;
}

.p-connected_workflow_accounts_confirmation_modal_list {
  list-style: none;
  margin-left: 0;
}

.p-connected_workflow_accounts_confirmation_modal_list_item {
  display: flex;
  margin-bottom: 12px;
}

.p-connected_workflow_accounts_confirmation_modal_list_item_icon {
  flex: 0;
  margin-right: 12px;
  margin-top: 4px;
}

.p-connected_workflow_accounts_confirmation_modal_list_item_text {
  flex: 1;
}

.p-connected_workflow_accounts_confirmation_modal_list_item_note {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
  margin-bottom: 0;
}

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

.p-connected_accounts_tab_title {
  margin-bottom: 2px;
}

.p-connected_accounts_heading {
  margin-bottom: 12px;
  margin-top: 16px;
}

.p-connected_accounts_siws_heading {
  margin-bottom: 16px;
  margin-top: 16px;
}

.p-connected_accounts_app_row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;

  .p-connected_accounts_app_row__skip_btn {
    margin-right: 12px;
  }
}

.p-connected_accounts_app {
  align-items: center;
  display: flex;
  justify-content: center;

  img {
    border-radius: 4px;
    height: 28px;
    margin-right: 12px;
    width: 28px;
  }

  .p-connected_accounts_app_info_container {
    display: flex;
    flex-direction: column;

    .p-connected_accounts_app__name {
      font-weight: 700;
      margin: 0;
    }

    .p-connected_accounts_app__info {
      color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
      font-size: 13px;
    }
  }
}

.p-connected_accounts_banner {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 15px;
  margin: 16px 0;
  padding: 12px 12px 12px 16px;
}

.p-connected_accounts_disconnected_caption {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  margin-bottom: 8px;
}

.p-connected_accounts__disconnect_modal__title {
  border-radius: 8px;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  margin: 0;
  padding: 16px 28px;
  text-align: center;
}

.p-connected_accounts__turnoff_modal__title {
  border-radius: 8px;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  margin: 0;
  padding: 16px 28px;
  text-align: center;
  margin-top: 52px;
}

.p-connected_accounts__disconnect_modal__info_box, .p-connected_accounts__turnoff_modal__info_box {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-radius: 8px;
  padding: 16px 16px 4px;
}

.p-connected_accounts__disconnect_modal__info_box__title {
  font-weight: 700;
}

.p-connected_accounts__disconnect_modal__info_item, .p-connected_accounts__turnoff_modal__info_item {
  display: flex;
}

.p-connected_accounts__disconnect_modal__info_icon, .p-connected_accounts__turnoff_modal__info_icon {
  margin: 2px 16px 0 0;
}

.p-connected_accounts__disconnect_modal__logo {
  margin-top: 52px;
}

.p-connected_accounts_input_label, input[type=checkbox]:disabled {
  cursor: auto;
}

.p-connected_accounts_apps_section {
  padding-top: 8px;
}

.c-fullscreen_modal__breadcrumb_header {
  display: flex;
  flex-direction: column;
  position: relative;
}

.c-fullscreen_modal__breadcrumb_wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
}

.c-fullscreen_modal__breadcrumb_line {
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  height: 1px;
  left: 6rem;
  position: absolute;
  right: 6rem;
  top: 0.75rem;
}

.c-fullscreen_modal__breadcrumb {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.c-fullscreen_modal__breadcrumb_circle_icon {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  padding: 0 3px;

  &:before {
    font-size: 10px;
  }
}

.c-fullscreen_modal__breadcrumb_text {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  line-height: 16px;
  margin-top: -1.6px;
  padding: 0 16px;
  text-align: center;
  width: 176px;
}

.c-fullscreen_modal__title--small {
  align-self: center;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: none;
  margin: 0;
}

.c-fullscreen_modal__breadcrumb_circle_icon.active {
  animation: c-fullscreen_modal_breadcrumb_header--color_fade 0.15s cubic-bezier(0.35, 0.13, 0.25, 1) 50ms 1 forwards;
}

.c-fullscreen_modal__breadcrumb_text.active {
  animation: c-fullscreen_modal_breadcrumb_header--color_fade 0.15s cubic-bezier(0.35, 0.13, 0.25, 1) 0ms 1 forwards;
}

.c-fullscreen_modal__breadcrumb {
  &:not(:first-child) .c-fullscreen_modal__breadcrumb_animated_step {
    animation: c-fullscreen_modal_breadcrumb_header--breadcrumb_step 0.15s cubic-bezier(0.35, 0.13, 0.25, 1) 1;
  }

  .c-fullscreen_modal__breadcrumb_animated_step.reverse {
    animation: c-fullscreen_modal_breadcrumb_header--breadcrumb_step_reverse 0.15s cubic-bezier(0.35, 0.13, 0.25, 1) 1;
  }
}

.c-fullscreen_modal__breadcrumb_animated_step {
  background: rgba(var(--sk_highlight, 18, 100, 163), 1);
  height: 1px;
  position: absolute;
  top: .75rem;
  visibility: hidden;
  width: 0;
}

@keyframes c-fullscreen_modal_breadcrumb_header--color_fade {
  0% {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  }

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

@keyframes c-fullscreen_modal_breadcrumb_header--breadcrumb_step {
  0% {
    transform: translateX(-165px);
    visibility: visible;
  }

  40% {
    width: 60px;
  }

  to {
    transform: translateX(0);
    width: 0;
  }
}

@keyframes c-fullscreen_modal_breadcrumb_header--breadcrumb_step_reverse {
  0% {
    transform: translateX(165px);
    visibility: visible;
  }

  40% {
    width: 60px;
  }

  to {
    transform: translateX(0);
    width: 0;
  }
}

@media screen and (max-width: 1024px) {
  .c-fullscreen_modal__breadcrumb_animated_step, .c-fullscreen_modal__breadcrumb_line, .c-fullscreen_modal__breadcrumb_text {
    display: none;
  }

  .c-fullscreen_modal__title--small {
    display: block;
  }

  .c-fullscreen_modal__breadcrumb_circle_icon:before {
    font-size: 8px;
  }
}

.c-fullscreen_modal {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.c-fullscreen_modal--fixed {
  position: fixed;
}

.c-fullscreen_modal--custom_titlebar {
  height: calc(100vh - 31px);
  position: fixed;
  top: 31px;
}

.c-fullscreen_modal__content {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  display: flex;
  flex-direction: column;
  height: 100%;
  left: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.c-fullscreen_modal__content--before-open {
  opacity: 0;
  transform: translateY(5px);
}

.c-fullscreen_modal__content--after-open, .c-fullscreen_modal__content--before-open {
  transition: opacity 0.15s cubic-bezier(0.2, 0.8, 0.5, 1) 0.1s, transform 0.15s cubic-bezier(0.2, 0.8, 0.5, 1) 0.1s;
}

.c-fullscreen_modal__content--after-open {
  opacity: 1;
  transform: translateY(0);
}

.c-fullscreen_modal__content--before-close {
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.2, 0.8, 0.5, 1) 0.1s;
}

body:not(.p-client_desktop--ia-top-nav) .c-fullscreen_modal__content--with_frameless_padding {
  height: calc(100% - 22px);
  margin-top: 22px;

  &:before {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    -webkit-app-region: drag;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: 0 1px 0 0 var(--saf-0);
    content: ' ';
    height: 22px;
    left: 0;
    position: absolute;
    right: 0;
    top: -22px;
  }
}

.c-fullscreen_modal__button__icon {
  font-size: 32px;
  line-height: 1;
}

.c-fullscreen_modal__button__label {
  font-size: 13px;
  margin-top: -4px;
}

.c-fullscreen_modal__back, .c-fullscreen_modal__close {
  -webkit-app-region: no-drag;
  align-items: center;
  border-radius: 100%;
  box-shadow: none;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  flex-direction: column;
  height: 64px;
  justify-content: center;
  position: absolute;
  text-align: center;
  top: 48px;
  -webkit-transform: translateZ(0);
  transition: opacity .2s ease-out;
  vertical-align: middle;
  width: 64px;
}

.c-fullscreen_modal__back:hover, .c-fullscreen_modal__close:hover {
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.c-fullscreen_modal__back:active, .c-fullscreen_modal__close:active {
  background-color: #007a5a;
  color: #fff;
}

.c-fullscreen_modal__back .c-deprecated-icon, .c-fullscreen_modal__close .c-deprecated-icon {
  margin: 0;
}

.c-fullscreen_modal__back .c-deprecated-icon:before, .c-fullscreen_modal__close .c-deprecated-icon:before {
  font-size: inherit;
}

.c-fullscreen_modal__back {
  left: 48px;
  margin-right: 16px;
}

.c-fullscreen_modal__close {
  margin-left: 16px;
  right: 48px;
}

.c-fullscreen_modal__back--with_header, .c-fullscreen_modal__close--with_header {
  height: 60px;
  top: 0;
  z-index: 2;
}

.c-fullscreen_modal__back--with_header .c-deprecated-icon, .c-fullscreen_modal__close--with_header .c-deprecated-icon {
  bottom: 3px;
}

.c-fullscreen_modal__back--with_header:hover, .c-fullscreen_modal__close--with_header:hover {
  background-color: initial;
}

.c-fullscreen_modal__back--with_header:active, .c-fullscreen_modal__close--with_header:active {
  background-color: initial;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.c-fullscreen_modal__back--with_header {
  left: 0;
}

.c-fullscreen_modal__close--with_header {
  right: 0;
}

.c-fullscreen_modal__cancel, .c-fullscreen_modal__secondary {
  margin-right: 12px;
}

.c-fullscreen_modal__cancel:focus, .c-fullscreen_modal__go:focus, .c-fullscreen_modal__secondary:focus {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.c-fullscreen_modal__header {
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  box-shadow: 0 1px 4px #00000026;
  display: flex;
  flex-shrink: 0;
  height: 60px;
  justify-content: center;
  left: 0;
  padding: 8px 16px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 1;
}

body.p-client_desktop--draggable-region-hacks .c-fullscreen_modal__header {
  -webkit-app-region: drag;
}

.c-fullscreen_modal__header .c-fullscreen_modal__title {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  margin: 0;
}

.c-fullscreen_modal__header_image_wrapper {
  border-radius: 4px;
  height: 44px;
  left: 16px;
  overflow: hidden;
  position: absolute;
  top: 8px;
  width: 44px;

  &:after {
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 0.2);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    box-sizing: border-box;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
}

.c-fullscreen_modal__header_image {
  height: auto;
  width: 100%;
}

.c-fullscreen_modal__title {
  margin-bottom: 16px;
  width: 100%;
}

.c-fullscreen_modal__title--with_header_buttons {
  padding-left: 64px;
  padding-right: 64px;
}

.c-fullscreen_modal__body {
  align-items: flex-start;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  justify-content: center;
  line-height: 1.46666667;
  overflow-y: auto;
  padding: 15vh 32px 32px;
  -webkit-user-select: text;
  user-select: text;
}

.supports_custom_scrollbar .c-fullscreen_modal__body {
  border-right: 0.25rem solid #0000;

  &::-webkit-scrollbar {
    -webkit-appearance: none;
    position: absolute;
    width: 8px;
  }

  &::-webkit-scrollbar-thumb {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
  }

  &::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
    background: #0000;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
  }

  &::-webkit-scrollbar-thumb {
    background: #0000;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px;
  }

  &::-webkit-scrollbar-corner {
    background: #0000;
  }

  &:hover {
    border-right: 0.25rem solid #0000;

    &::-webkit-scrollbar {
      -webkit-appearance: none;
      position: absolute;
      width: 8px;
    }

    &::-webkit-scrollbar-thumb {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
    }

    &::-webkit-scrollbar-track {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
      background: #0000;
      box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
    }

    &::-webkit-scrollbar-thumb {
      background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.52);
      box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
      min-height: 36px;
    }

    &::-webkit-scrollbar-corner {
      background: #0000;
    }
  }
}

.c-fullscreen_modal__body--full_bleed {
  padding: 0;
}

.c-fullscreen_modal__body--with_header {
  margin-top: 60px;
  padding-top: 32px;
}

.c-fullscreen_modal__body--with_footer {
  margin-bottom: 70px;
  padding-bottom: 0;
}

.c-fullscreen_modal__body--with_breadcrumb_header {
  margin-top: 60px;
}

@media screen and (min-width: 375px) {
  .c-fullscreen_modal__body--with_breadcrumb_header {
    padding-top: 40px;
  }
}

@media screen and (min-width: 1440px) {
  .c-fullscreen_modal__body--with_breadcrumb_header {
    padding-top: 60px;
  }
}

@media screen and (min-width: 1920px) {
  .c-fullscreen_modal__body--with_breadcrumb_header {
    padding-top: 80px;
  }
}

.c-fullscreen_modal__body__content {
  max-width: 100%;
  width: 640px;
}

.c-fullscreen_modal__body__content--full_bleed {
  width: 100%;
}

.c-fullscreen_modal__footer {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-top: none;
  box-shadow: none;
  flex-shrink: 0;
  padding: 16px;
  text-align: right;

  .c-fullscreen_modal__buttons {
    padding-top: 0;
  }
}

.c-fullscreen_modal__buttons {
  flex-shrink: 0;
  margin: 0 auto 16px;
  padding-top: 32px;
  text-align: left;
  width: 100%;
}

.c-fullscreen_modal__buttons--align_right {
  text-align: right;
}

.c-fullscreen_modal__buttons--float_right {
  float: right;
  margin-top: 0;
  padding-top: 0;
  width: auto;
}

.c-fullscreen_modal__buttons--center {
  text-align: center;
}

.c-fullscreen_modal__content--with_footer {
  .c-fullscreen_modal__footer {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    bottom: 0;
    height: 70px;
    left: 0;
    position: absolute;
    right: 0;
  }

  .c-fullscreen_modal__buttons {
    margin-bottom: 0;
    text-align: right;
    width: 100%;
  }
}

.p-client_desktop--ia-top-nav {
  .c-fullscreen_modal {
    height: calc(100vh - 38px);
    top: 38px;
  }

  &.p-client_desktop--toggle-larger-top-nav-bar .c-fullscreen_modal {
    height: calc(100vh - 44px);
    top: 44px;
  }
}

.c-sidebar_menu {
  margin-bottom: 32px;
}

.c-sidebar_menu__header {
  font-weight: 700;
  padding: 0 8px;
}

.c-sidebar_menu__list {
  list-style-type: none;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;

  > :not(:first-child) {
    margin-top: 0.1875rem;

    &.c-sidebar_menu__divider {
      margin-top: 16px;
    }
  }

  li {
    margin-bottom: 2px;
  }
}

.c-sidebar_menu__list-expandable {
  margin-left: 8px;
  overflow: hidden;
  transition: max-height 0.6s ease;

  li {
    margin-left: 4px;
  }
}

.c-sidebar_menu__list-offscreen {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  width: 1px;
}

.c-sidebar_menu__list_item {
  border: 1px solid #0000;
  border-radius: 4px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  cursor: pointer;
  display: block;
  font-size: 15px;
  line-height: 1.2;
  overflow: hidden;
  padding: 4px 8px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;

  wbr {
    display: none;
  }

  &.is_active {
    background: #1264a3;
    border: 1px solid #1264a3;
    color: #fff;
  }

  &:not(.is_active):hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    border-color: #0000;
    color: inherit;
  }
}

a.c-sidebar_menu__list_item {
  color: inherit;
}

.c-sidebar_menu__list_item.c-link--button {
  &:focus, &:hover {
    text-decoration: none;
  }
}

a.c-sidebar_menu__list_item {
  &:focus, &:hover {
    text-decoration: none;
  }
}

.p-error_boundary {
  align-items: center;
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 202;
}

.p-error_boundary__content {
  margin: 16px;
}

.p-error_boundary__heading {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 8px;
}

.p-error_boundary__error_code_container {
  display: flex;
  justify-content: center;
}

.p-error_boundary__error_code {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  font-family: Monaco, Menlo, Consolas, Courier New, monospace !important;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  line-height: 1.50001;
  padding: 8px 12px;
}

.p-error_boundary__icon {
  display: inline-block;
  margin-left: 4px;
}

.p-error_boundary__icon--turtle {
  position: relative;
  top: 6px;
  transform: rotate(163deg);
}

.p-error_boundary--short {
  flex: 0 0 1em;
  padding: 8px 0;

  .p-error_boundary__content {
    align-items: center;
    display: flex;
    margin: 0;
    padding: 0 8px;
    width: 100%;

    > * {
      margin: 0 8px;
    }
  }

  .p-error_boundary__heading {
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 0;
  }

  .p-error_boundary__contact_msg {
    margin-bottom: 0;
  }

  .p-error_boundary__message {
    flex: 1 1 auto;
    text-align: center;
  }

  .p-error_boundary__icon--turtle {
    top: 4px;
  }
}

.p-custom_approval_settings__caption {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.c-select_options_list__option--active .p-custom_approval_settings__caption, .c-select_options_list__option--selected .p-custom_approval_settings__caption {
  color: inherit;
}

.p-channel_card {
  margin: 20px;
}

.p-channel_card_section {
  margin: 20px 0;
}

.p-channel_card h3 {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin-bottom: 4px;
}

.p-channel_card_permissions-text {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-channel_card_team_entity {
  align-items: baseline;
  display: inline-flex;
  margin-right: 4px;
}

.p-channel_card_team-inline, .p-channel_card_team_entity-complete {
  display: inline-flex;
}

.p-channel_card_team-stack {
  display: block;

  &:not(:last-child) {
    margin-bottom: 8px;
  }
}

.p-channel_card_team-caption {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-left: 24px;
}

.p-channel_card_channel-privacy-icon {
  font-size: 17.3329px;
  margin-left: -4px;
}

.p-channel_card_team-disconnected, .p-channel_card_team-pending {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
}

.p-channel_card_inline_entity {
  align-content: space-between;
  align-items: baseline;
  display: inline-flex;
}

.p-channel_card_inline_entity-avatar {
  align-self: center;
  margin-right: 8px;
}

@keyframes highlight-pinned-invite {
  0% {
    background: #0000;
  }

  10% {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    background: rgba(var(--sk_secondary_highlight, 242, 199, 68), 0.5);
    box-shadow: 0 0 0 1px var(--saf-0), 0 18px 48px 0 #00000014;
  }

  to {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    background: #0000;
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  }
}

.p-manage_slack_connect_request_invites_container {
  width: calc(100% - 180px);
}

.p-manage_slack_connect_request_approval_alert {
  margin-bottom: 16px;
}

.p-manage_slack_connect_request_hub_alert {
  margin-bottom: 16px;
  width: calc(100% - 180px);
}

.p-manage_slack_connect_request_channel_card {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-radius: 6px;
  margin-bottom: 16px;
}

.p-manage_slack_connect_request_channel_card-highlight {
  animation: highlight-pinned-invite 1s ease-out;
}

.p-manage_slack_connect_request_header {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  padding: 16px;
}

.p-manage_slack_connect_request_header_flex {
  display: flex;
  flex-direction: row;
}

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

.p-manage_slack_connect_request_footer {
  align-items: center;
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 16px;
}

.p-manage_slack_connect_request_request_date {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-manage_slack_connect_request_acted_on_state {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  padding: 16px;
}

.p-manage_slack_connect_request_acted_on_state__approved_orgs {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  padding: 16px;
}

.p-manage_slack_connect_request_approved_container__approved_orgs {
  display: flex;
}

.p-manage_slack_connect_request_acted_on_subtext {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-manage_slack_connect_request_accept_icon {
  color: #007a5a;
  margin-top: 1.6px;
}

.p-manage_slack_connect_request_accept_icon__approved_orgs {
  color: #007a5a;
  margin: 1.6px 4px 0 0;
}

.p-manage_slack_connect_request_decline_icon {
  color: #de4e2b;
  margin-right: 4px;
  margin-top: 1.6px;
}

.p-requests_view__empty {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  display: flex;
  justify-content: center;
}

.p-manage_slack_connect_modal {
  left: 0;
  right: 0;
  width: auto;

  .c-fullscreen_modal__body {
    overflow-y: scroll;
  }

  .c-fullscreen_modal__body__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 32px 64px;
    width: auto;
  }
}

.p-manage_slack_connect_modal__sidebar_container {
  margin-right: 32px;
  width: 180px;
}

.p-manage_slack_connect_modal__content {
  display: flex;
}

.p-manage_slack_connect_modal__content_container {
  width: 640px;
}

.p-manage_slack_connect_modal_approved_orgs__content_container {
  width: 1000px;
}

.p-manage_slack_connect_modal__revoke_all {
  position: absolute;
  right: 0;
  top: -1px;
}

.p-manage_slack_connect_modal_row__revoked_text {
  font-style: italic;
  margin-right: 8px;
}

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

.p-manage_slack_connect_modal__empty {
  display: flex;
  justify-content: center;

  .c-empty_state__image_wrapper {
    min-height: 140px;
  }
}

.p-manage_slack_connect_modal__empty_state {
  max-width: 530px;
}

.p-manage_slack_connect_modal__inline_channel_entity {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-weight: 700;
}

.p-manage_slack_connect_modal__sender {
  text-align: center;
  word-break: break-word;
}

.p-shouty_rooster_animation--cloud, .p-shouty_rooster_animation--shout {
  fill: #fff;
}

.p-message_pane_modal_rooster__header--dark {
  .p-shouty_rooster_animation--cloud {
    fill: #b1b1b1;
  }

  .p-shouty_rooster_animation--shout {
    fill: #4d4d4d;
  }
}

.p-shouty_rooster_animation {
  align-items: center;
  display: flex;
  height: 206px;
  justify-content: center;
}

.p-shouty_rooster_animation__body {
  cursor: grab;
}

.on {
  .p-shouty_rooster_animation__body {
    animation: shouty-rooster__body .25s ease-out forwards;
    animation-delay: 125ms;
    transform-origin: 40% 80%;
  }

  .p-shouty_rooster_animation__right-wing {
    animation: right-wing .25s ease-out forwards;
    animation-delay: 125ms;
  }

  .p-shouty_rooster_animation__left-wing {
    animation: left-wing .25s ease-out forwards;
    animation-delay: 125ms;
  }

  .p-shouty_rooster_animation__yellow-tail {
    animation: yellow-tail .25s ease-out forwards;
    animation-delay: 165ms;
  }

  .p-shouty_rooster_animation__pink-tail {
    animation: pink-tail .25s ease-out forwards;
    animation-delay: 125ms;
  }

  .p-shouty_rooster_animation__shout {
    animation: shout .25s ease-out forwards;
    animation-delay: 125ms;
  }
}

@keyframes shouty-rooster__body {
  0%, to {
    transform: rotate(0);
  }

  30%, 50% {
    transform: rotate(-4deg);
  }
}

@keyframes right-wing {
  0%, to {
    transform: rotate(0deg);
    transform-origin: 50% 50%;
  }

  50% {
    transform: rotate(-15deg);
  }
}

@keyframes left-wing {
  0%, to {
    transform: rotate(0deg);
    transform-origin: 50% 50%;
  }

  50% {
    transform: rotate(15deg);
  }
}

@keyframes yellow-tail {
  0%, to {
    transform: rotate(0deg);
    transform-origin: 50% 50%;
  }

  50% {
    transform: rotate(-4deg);
  }
}

@keyframes pink-tail {
  0%, to {
    transform: rotate(0deg);
    transform-origin: 50% 50%;
  }

  50% {
    transform: rotate(-6deg);
  }
}

@keyframes shout {
  0%, to {
    transform: scale(1);
    transform-origin: 50% 50%;
  }

  50% {
    transform: scale(1.05);
  }
}

.p-shouty_rooster_animation__clouds {
  transform: translateY(8px);
}

.p-shouty_rooster_animation__left-cloud {
  animation: left-cloud 10s ease-in-out infinite forwards;
}

@keyframes left-cloud {
  0%, to {
    transform: translateX(0);
  }

  50% {
    transform: translateX(10px);
  }
}

.p-shouty_rooster_animation__right-cloud {
  animation: right-cloud 8s ease-in-out infinite forwards;
  animation-delay: 50ms;
}

@keyframes right-cloud {
  0%, to {
    transform: translateX(0);
  }

  50% {
    transform: translateX(-10px);
  }
}

.p-message_pane_modal_rooster__header {
  background: #fcf4da;
}

.p-message_pane_modal_rooster__header--animation {
  background: #96daea;
  display: flex;
  justify-content: center;
  padding: 10px 0;
}

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

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

.p-message_pane_modal_rooster__header_image {
  left: 50% !important;
  transform: translateX(-50%);
  width: unset;
}

.p-message_pane_input_broadcast_warning__highlight {
  background: #f2c74466;
  border-radius: 3px;
  font-weight: 700;
  padding: 0 2px 1px;
}

code .p-message_pane_input_broadcast_warning__highlight, pre .p-message_pane_input_broadcast_warning__highlight {
  padding: 0;
}

.sk-client-theme--dark .p-message_pane_input_broadcast_warning__highlight {
  background: #e8912d66;
  color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
}

.p-lottie {
  display: flex;
}

.p-lottie__svg {
  display: block;
  height: auto;
  width: 100%;
}

.p-spicy_sparrow_lottie_animation {
  border-radius: 10px;
  padding: 0 70px;

  &.p-spicy_sparrow_lottie_animation--light {
    background-color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
  }

  &.p-spicy_sparrow_lottie_animation--dark {
    background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  }
}

.p-message_pane_link_flow_speed_bump__spicy_sparrow_animation {
  border-radius: 0;
  max-height: 210px;
  overflow: hidden;
  padding: 0 40px;
}

.c-date_picker_input {
  .c-input_text_icon__icon {
    margin-left: 12px;
    padding: 0;
    width: auto;
  }

  .c-input_text_icon__icon--small {
    margin-left: 8px;
  }
}

.c-date_picker_input--small {
  input.c-input_text {
    font-size: 13px;
    font-weight: 400;
    height: 28px;
    line-height: 1.38463;

    .emoji-sizer {
      font-size: 15px;
      font-weight: 400;
      line-height: 1.46668;
    }
  }

  .c-input_text--with_icon {
    padding-left: 28px;
  }
}

.c-date_picker_input--medium .c-input_text--with_icon {
  padding-left: 32px;
}

.c-date_picker_input--large .c-input_text--with_icon {
  padding-left: 36px;
}

.c-date_picker__select_input {
  padding-right: 36px;
}

.c-date_picker_input--small .c-date_picker__select_input {
  padding-right: 28px;
}

.c-date_picker_input--large .c-date_picker__select_input {
  padding-right: 44px;
}

.c-date_picker__select_container {
  position: relative;
}

.c-date_picker__icon, .c-date_picker__select_btn {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  height: 36px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 36px;
}

.c-date_picker__icon[disabled], .c-date_picker__select_btn[disabled] {
  cursor: default;
}

.c-date_picker__select_btn--small {
  height: 28px;
  width: 28px;
}

.c-date_picker__select_btn--large {
  height: 44px;
  width: 44px;
}

.c-date_picker__popover_overlay {
  pointer-events: none;
}

.c-date_picker__clear_selection_container {
  border-top: 1px solid #0000001a;
  margin: 16px -16px -16px;
}

.c-date_picker__clear_selection_btn {
  display: block;
  font-weight: 700;
  height: 44px;
  text-align: center;
  width: 100%;

  &:focus, &:hover {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
}

.c-date_time_picker {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
  width: 100%;

  > * {
    padding: 0 8px;
  }
}

.c-date_time_picker__date_picker_container {
  flex: 1 1 60%;
  min-width: 300px;
}

.c-date_time_picker__time_picker_container {
  flex: 1 1 40%;
  min-width: 200px;
}

.c-date_time_picker__date_picker_label, .c-date_time_picker__time_picker_label {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  width: 1px;
}

.c-date-time_picker__date_picker_button {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  align-items: center;
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  font-weight: 400;
  height: 36px;
  margin: 0 0 8px;
  padding: 4px 12px;
  transition: border 80ms ease-out, box-shadow 80ms ease-out;
  width: 100%;

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

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

  &[disabled] {
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border: 1px solid var(--saf-0);
  }
}

.c-date-time_picker__calendar_icon, .c-date-time_picker__caret_icon {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

.c-date_time_picker__date {
  flex-grow: 1;
  padding: 0 8px;
}

.p-schedule_message__radiogroup {
  margin-bottom: 0;
}

.p-schedule_message__radio_button {
  margin-bottom: 8px;
}

.p-schedule_message__radio_button_text {
  align-items: baseline;
  display: inline-flex;
  font-weight: 700;
}

.p-schedule_message__radio_button_emoji {
  align-self: center;
  margin-right: 4px;
}

.p-schedule_message__radio_button_subtext {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-schedule_message__time_picker {
  margin-bottom: 8px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 5px;

  .c-date_time_picker__date_picker_container {
    min-width: auto;
    padding: 0;
  }

  .c-date_time_picker__time_picker_container {
    min-width: auto;
    padding: 0;
    padding-left: 12px;
  }
}

.p-schedule_message__time_zone_details {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: -2px;
}

.on .p-prudent_pigeon_animation {
  .prudent_pigeon__body {
    animation: prudent_pigeon__body .25s ease-out forwards;
    animation-delay: 125ms;
    cursor: grab;
  }

  .prudent_pigeon__envelope {
    animation: prudent_pigeon__envelope .25s ease-out forwards;
    animation-delay: 125ms;
  }

  .prudent_pigeon__wing {
    animation: prudent_pigeon__wing .25s ease-out forwards;
    animation-delay: 125ms;
  }

  .prudent_pigeon__envelope_back {
    animation: prudent_pigeon__envelope_back .25s ease-out forwards;
    animation-delay: 125ms;
  }

  .prudent_pigeon__envelope_front {
    animation: prudent_pigeon__envelope_front .25s ease-out forwards;
    animation-delay: 125ms;
  }

  .prudent_pigeon__hat {
    animation: prudent_pigeon__hat .25s ease-out forwards;
    animation-delay: 125ms;
  }
}

@keyframes prudent_pigeon__body {
  0%, to {
    transform: translateY(0);
  }

  30%, 50% {
    transform: translateY(-12px);
  }
}

@keyframes prudent_pigeon__envelope {
  0%, to {
    transform: rotate(0deg);
    transform-origin: 100% 50%;
  }

  50% {
    transform: rotate(-3deg);
  }
}

@keyframes prudent_pigeon__wing {
  0%, to {
    transform: rotate(0deg);
    transform-origin: 50% 50%;
  }

  50% {
    transform: rotate(10deg);
  }
}

@keyframes prudent_pigeon__envelope_back {
  0%, to {
    transform: translateZ(0);
  }

  50% {
    transform: translate3d(-4px, -6px, 0);
  }
}

@keyframes prudent_pigeon__envelope_front {
  0%, to {
    transform: translateZ(0);
  }

  50% {
    transform: translate3d(6px, -8px, 0);
  }
}

@keyframes prudent_pigeon__hat {
  0%, to {
    transform: translateZ(0);
  }

  50% {
    transform: translate3d(-1px, 3px, 0);
  }
}

.p-prudent_pigeon_animation {
  .prudent_pigeon__clouds--left {
    animation: prudent_pigeon__clouds--left 10s ease-in-out infinite forwards;
  }

  .prudent_pigeon__clouds--right {
    animation: prudent_pigeon__clouds--right 8s ease-in-out infinite forwards;
    animation-delay: 50ms;
  }

  .prudent_pigeon__star--yellow {
    animation: prudent_pigeon__star--yellow 10s ease-in-out infinite forwards;
    animation-delay: 50ms;
  }

  .prudent_pigeon__star--pink {
    animation: prudent_pigeon__star--pink 10s ease-in-out infinite forwards;
    animation-delay: 50ms;
  }
}

@keyframes prudent_pigeon__clouds--left {
  0%, to {
    transform: translateX(0);
  }

  50% {
    transform: translateX(-10px);
  }
}

@keyframes prudent_pigeon__clouds--right {
  0%, to {
    transform: translateX(0);
  }

  50% {
    transform: translateX(10px);
  }
}

@keyframes prudent_pigeon__star--yellow {
  0%, to {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-4px);
  }
}

@keyframes prudent_pigeon__star--pink {
  0%, to {
    transform: translateY(0);
  }

  50% {
    transform: translateY(4px);
  }
}

.p-message_pane_modal_pigeon__header {
  background: #96daea;
  display: flex;
  justify-content: center;
  padding: 10px 0;
}

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

.p-message_pane_input_external_members_speed_bump {
  z-index: 1013;
}

.p-message_pane_input_external_members_speed_bump__footer {
  align-items: baseline;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
}

.p-message_pane_input_external_members_speed_bump__pref {
  flex: 1;
}

.p-message_pane_input_external_members_speed_bump .c-sk-modal_title_bar.p-message_pane_input_external_members_speed_bump__modal_title_bar {
  padding-left: 0;
}

.p-message_pane_input_external_members_speed_bump__send_later--container {
  align-items: flex-start;
  display: flex;
  flex-grow: 1;
}

.p-message_pane_input_external_members_speed_bump__edit_send--container {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}

.p-message_pane_input_external_members_speed_bump__edit_message {
  margin-right: 12px;
}

.p-thread_mention_warning__illustration {
  align-items: center;
  background: rgba(var(--sk_secondary_highlight, 242, 199, 68), 0.2);
  display: flex;
  height: 196px;
  justify-content: center;
}

.p-thread_mention_warning__title {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
}

.p-undo_mark_all_as_read_toast__icon {
  flex: 0 0 auto;
  padding-right: 8px;
}

.p-pill {
  word-wrap: break-word;
  background-color: #000000b3;
  border-radius: 1000px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  max-width: 250px;
  padding: 6px 16px;
  text-align: center;
}

.p-custom_status_modal {
  overflow: visible;
}

.p-custom_status_modal__content .c-sk-modal_content__inner {
  padding: 5px 0;
}

.p-custom_status_modal__input_container {
  overflow: unset;
  position: relative;
}

.p-custom_status_modal__input_action {
  align-items: center;
  align-self: stretch;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  width: 40px;
}

.p-custom_status_modal__input_hint {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin: 8px 0 0 12px;
}

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

.p-custom_status_modal__expiration_default_label .c-select_button--large {
  border-color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  height: 42px;
  padding-right: 12px;

  &:focus {
    border-color: #0000;
  }

  svg {
    width: 12px;

    path {
      stroke: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
      stroke-width: 1.25px;
    }
  }
}

.p-custom_status_modal__expiration_custom {
  margin: 12px 0 0;

  .c-date_time_picker__date_picker_container, .c-date_time_picker__time_picker_container {
    min-width: auto;
    padding: 0;
  }

  .c-date_time_picker__date_picker_container {
    .c-date_picker__select_btn--large, .c-date_picker__select_input, .c-input_text_icon__icon--large, .c-select_input, .c-select_input__content {
      border-color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
      height: 42px;
    }
  }

  .c-date_time_picker__time_picker_container {
    .c-date_picker__select_btn--large, .c-date_picker__select_input, .c-input_text_icon__icon--large, .c-select_input, .c-select_input__content {
      border-color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
      height: 42px;
    }
  }

  .c-date_time_picker__date_picker_container {
    .c-date_picker__select_btn--large:focus, .c-date_picker__select_input:focus, .c-input_text_icon__icon--large:focus, .c-select_input:focus, .c-select_input__content:focus {
      border-color: #0000;
    }
  }

  .c-date_time_picker__time_picker_container {
    .c-date_picker__select_btn--large:focus, .c-date_picker__select_input:focus, .c-input_text_icon__icon--large:focus, .c-select_input:focus, .c-select_input__content:focus {
      border-color: #0000;
    }

    padding-left: 12px;
  }

  .c-date-time_picker__date_picker_button {
    margin-bottom: 0;
  }
}

.p-custom_status_modal--pause_notifications .p-custom_status_modal__expiration_custom {
  margin: 12px 0 20px;
}

.p-custom_status_modal__pause_notifications {
  margin-top: 4px;

  .c-label__text {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    font-weight: 700;
  }
}

.p-custom_status_modal__presets {
  margin: 0;
  min-inline-size: auto;
}

.p-custom_status_modal__preset_title {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  padding: 24px 0 4px 36px;
}

.p-custom_status_modal__preset_container {
  align-items: center;
  display: flex;
  height: 28px;
  padding: 0 36px;

  &.p-custom_status_modal__preset_container--active, &:focus-within, &:hover {
    background: #1264a3;
    color: #fff;
  }

  &.p-custom_status_modal__preset_container--active .p-custom_status_modal__preset_duration, &:focus-within .p-custom_status_modal__preset_duration, &:hover .p-custom_status_modal__preset_duration {
    color: #fff;
  }

  &.p-custom_status_modal__preset_container--active .p-custom_status_modal__preset_control, &:focus-within .p-custom_status_modal__preset_control, &:hover .p-custom_status_modal__preset_control {
    clip: unset;
    border: unset;
    height: unset;
    margin: unset;
    overflow: unset;
    padding: unset;
    position: unset;
    -webkit-user-select: unset;
    user-select: unset;
    width: unset;
  }
}

.p-custom_status_modal__preset {
  align-items: center;
  display: flex;
  flex: 1;
  min-width: 0;

  &:focus {
    border-radius: 0;
    box-shadow: none;
  }
}

.p-custom_status_modal__preset_control {
  clip: rect(0 0 0 0);
  border: 0;
  display: flex;
  height: 1px;
  height: 20px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  width: 1px;
  width: 20px;
}

.p-custom_status_modal__preset_emoji {
  flex-shrink: 0;
  margin-right: 10px;
}

.p-custom_status_modal__preset_text {
  display: block;
  font-weight: 700;
  margin-right: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-custom_status_modal__preset_duration {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  flex-shrink: 0;

  &:before {
    content: '—';
    display: inline-block;
    margin-right: 4px;
  }
}

.p-custom_status_modal__edit_presets {
  flex: 1;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-right: 16px;
}

.p-custom_status_modal__recent_statuses {
  margin-top: 0;
}

.p-custom_status_modal__keyboard_hint_container {
  bottom: -50px;
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
}

.p-custom_status_modal__keyboard_hint {
  max-width: 100%;
}

.p-custom_status_modal_calendar__status_sync_image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #0000001a;
  margin-top: 20px;
  width: 100%;
}

.p-custom_status_modal_calendar__footer {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-right: 8px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);

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

.p-custom_status_modal_calendar__modal_divider {
  margin-bottom: 20px;
}

.c-input_select__secondary_member_name {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  margin-left: 4px;
}

.p-external_limited_radiogroup__label {
  &:not(:last-child) {
    margin-bottom: 12px;
  }

  &:last-child {
    margin: 0;
  }

  .c-label__text {
    font-weight: 700;
  }
}

.p-external_limited_radiogroup__radiogroup.c-radiogroup {
  margin: 0;
}

.c-team_entity__icon {
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 3px;
  display: inline-block;
}

.c-team_entity__icon--error {
  color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  margin-right: 6px;
}

.c-team_entity__icon--default {
  background-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  font-style: normal;
  font-weight: 900;
  overflow: hidden;
  text-align: center;
}

.c-team_entity__verified_icon {
  color: #4a154b;
  margin-left: 4px;
}

.c-team_entity__verified_link {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);

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

.sk-client-theme--dark .c-team_entity__verified_icon {
  color: #fff;
}

.c-team_entity__sponsored_connections {
  align-items: center;
  display: flex;
}

.p-manage_permissions_modal__enable_label {
  align-items: flex-start;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding-top: 5px;

  .c-label__text {
    font-weight: 700;
    margin-top: 4px;
  }

  .c-label__subtext {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    margin-top: 16px;
  }
}

.p-manage_permissions_modal__enable_switch {
  align-items: center;
  align-self: start;
  display: flex;
  flex: 0 0 auto;
}

.p-manage_permissions_modal__enable_switch_text {
  color: #616061;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-manage_permissions_modal__enable_switch_switch {
  margin-left: 8px;
}

.p-manage_permissions_modal__error_banner, .p-manage_permissions_modal__uneditable_setting_banner {
  margin-bottom: 16px;
}

.p-manage_permissions_modal_list_orgs_step__org_list {
  max-height: 120px;
  overflow-y: auto;
  padding: 4px;
}

.p-manage_permissions_modal_list_orgs_step__org_item {
  border-radius: 4px;
  width: 100%;

  &:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }

  .c-base_list_entity__secondary_content {
    align-items: center;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.7);
    display: flex;
    flex: 1;
    font-size: 13px;
    font-weight: 400;
    justify-content: flex-end;
    line-height: 1.38463;

    .c-icon {
      margin-left: 8px;
    }
  }
}

.p-manage_permissions_modal__team_icon {
  border-radius: 4px;
}

.p-manage_permissions_modal__external_limited_radiogroup_legend {
  font-weight: 900;
  margin-bottom: 12px;
}

.p-manage_permissions_modal__header {
  margin-left: 4px;
}

.p-manage_permissions_modal--content_upgrade_secondary_text {
  margin-bottom: 0;
}

.p-manage_permissions_modal__org_list_team_entity {
  padding: 10px;
}

.p-team_row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 8px 16px;
}

.p-team_row--actionable {
  cursor: pointer;

  &:active, &:focus, &:hover {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

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

  .p-team_row__team_icon {
    opacity: 0.7;
  }
}

.p-team_row__team_info {
  align-items: center;
  display: flex;
}

.p-team_row__team_info_separator {
  color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  margin: 0 8px;
}

.p-team_row__team_privacy_icon {
  font-size: 15px;
}

.p-team_row__team_icon {
  flex: none;
  margin-right: 8px;
}

.p-team_row__team_verified_icon {
  color: #4a154b;
  margin-left: 4px;
}

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

.p-team_row__additional_info {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  min-height: 18px;
}

.p-team_row__manage_item:not(.c-menu_item__button--highlighted) {
  color: #1d1c1d;
}

.p-confirm_disconnect_dialog__title strong {
  font-weight: 900;
}

.p-confirm_disconnect_dialog__non_admin_info {
  margin-bottom: 28px;
}

.p-sponsored_connections_channel_details_banner {
  background-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.04);
  border: 0;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.7);
  font-size: 13px;
}

.p-sponsored_connections_channel_details_banner__wrapper {
  padding: 0 16px 8px;
}

.p-sponsored_connections_channel_details_banner {
  .c-alert__icon {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.7);
  }

  .c-icon:before {
    font-size: 13px;
  }
}

.p-shared_channel_org_list__org_list_container {
  list-style-type: none;
  margin: 0 -16px 8px;
}

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

.p-shared_channel_org_list__empty_state_container {
  display: flex;
  justify-content: center;
  margin: 32px 0;
}

.p-external_limited_invite_teammates_modal__title {
  min-height: 54px;
  padding-bottom: 4px;

  .c-sk-modal_title_bar__text h1 {
    font-size: 18px;
    font-weight: 900;
    line-height: 1.33334;
  }
}

.p-external_limited_invite_teammates_modal__subheader {
  padding: 0 80px 16px 28px;
}

.p-external_limited_invite_teammates_modal__invite_label {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-bottom: 20px;
  margin-top: 20px;

  .c-label__text {
    font-weight: 900;
  }
}

.p-external_limited_invite_teammates_modal__invite_switch {
  align-items: center;
  align-self: start;
  display: flex;
  flex: 0 0 auto;
  padding-left: 16px;
}

.p-external_limited_invite_teammates_modal__invite_switch_text {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-external_limited_invite_teammates_modal__invite_switch_switch {
  margin-left: 12px;
}

.p-external_limited_invite_teammates_modal__invite_note_text {
  margin-right: 80px;
}

.p-external_limited_invite_teammates_modal__warning {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  margin-bottom: 0;
}

.p-external_limited_invite_teammates_modal__external_limited_radiogroup_legend {
  font-weight: 900;
  margin-bottom: 12px;
  margin-top: 20px;
}

.p-channel_share_channel_by_email_modal__header {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  padding: 12px 48px 12px 28px;
}

.p-channel_share_channel_by_email_modal__copy {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin: 16px 36px 12px 0;
}

.p-channel_share_channel_by_email_modal__message_input_container {
  margin-top: 8px;

  .p-channel_share_channel_by_email_modal__message_input {
    height: 130px;
    resize: none;

    &.email-error {
      height: 104px;

      &.message-error {
        height: 86px;
      }
    }

    &.message-error {
      height: 112px;
    }
  }
}

.p-channel_share_channel_by_email_modal__multi_email_input {
  padding-bottom: 16px;

  &.email-error {
    padding-bottom: 8px;
  }
}

.p-channel_share_channel_by_email_modal__content {
  height: 170px;

  &.email-error {
    height: 144px;
  }
}

.p-channel_share_channel_by_email_modal__copy_link_container {
  margin: 8px 28px 0;
}

.p-channel_share_channel_by_email_modal__copy_link {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;

  &:hover {
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    text-decoration: none;
  }
}

.p-channel_share_channel_by_email_modal__success_content {
  display: flex;
  flex-direction: column;
  padding-top: 56px;

  &.centered {
    align-items: center;
  }
}

.p-channel_share_channel_by_email_modal__success_icon {
  background-color: #007a5a26;
  border-radius: 100%;
  color: #007a5a;
  height: 60px;
  margin-bottom: 20px;
  width: 60px;
}

.p-channel_share_channel_by_email_modal__success_graphics {
  background-image: url(./invitation_sent-3387a3e.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 84px 51px;
  height: 51px;
  width: 84px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-channel_share_channel_by_email_modal__success_graphics {
    background-image: url(./invitation_sent@2x-2d63716.png);
  }
}

.p-channel_share_channel_by_email_modal__toast_icon {
  color: #f8f8f8;
}

.p-channel_share_channel_by_email_modal__success_header {
  margin: 20px 0;
}

.p-channel_share_channel_by_email_modal__success_caption {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 28px;
  font-weight: 900;
  line-height: 1.2143;
}

.p-channel_share_channel_by_email_modal__success_channel_name {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  text-align: center;
}

.p-channel_share_channel_by_email_modal__success_subtitle {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: 12px;
}

.p-channel_share_channel_by_email_modal__success_copy {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;

  &.centered {
    margin: 0 12px;
    text-align: center;
  }
}

.p-channel_share_unhappy_path_modal__learn {
  margin-left: 28px;
  margin-top: 8px;
}

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

.p-channel_share_unhappy_path_modal__checkbox-section {
  display: flex;
  padding-bottom: 16px;
}

.p-channel_share_unhappy_path_modal__checkbox-section__left {
  padding-top: 4px;
}

.p-channel_share_unhappy_path_modal__inline-flex {
  display: inline-flex;
}

.p-channel_share_unhappy_path_modal__learn--not_allowed {
  text-decoration: none;

  &:active, &:focus, &:hover, &:link, &:visited {
    text-decoration: none;
  }
}

.p-channel_invite_form__input_field {
  height: auto;
  padding-left: 0;
}

[lang=ru-RU] .p-channel_invite_form__input_field .c-multi_select_input__placeholder {
  font-size: 14px;
}

.p-channel_invite_form__input_field .c-token .c-icon--paper-plane {
  top: 1px;
}

.p-channel_invite_form__input_subtext {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
  margin-top: 8px;
}

.p-channel_invite_form__default_channel_fieldset {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  padding: 0 16px 16px;

  .p-channel_invite_form__default_channel_fieldset_legend {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.50001;
  }
}

.p-channel_invite_form_checkbox__all .c-label__text {
  font-weight: 400;
}

.p-shared_channel_invite_flow_modal_tip__container {
  align-items: flex-start;
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  padding: 20px 24px;
}

.p-shared_channel_invite_flow_modal_tip__trial_container {
  align-items: flex-start;
  background-color: #f4f1f4;
  border-top: 1px solid #e4dce4;
  display: flex;
  padding: 20px 24px;
}

.sk-client-theme--dark .p-shared_channel_invite_flow_modal_tip__trial_container {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
}

.p-shared_channel_invite_flow_modal_tip__text_container {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  flex-direction: column;
}

.p-shared_channel_invite_flow_modal_tip__header_container {
  align-items: center;
  display: flex;
}

.p-shared_channel_invite_flow_modal_tip__pro_badge {
  margin: 1.6px 0 0 8px;
}

.p-trials_gold_color {
  color: #b98a09;
}

.p-start_trial_modal_speedbump__container {
  background-color: #fcf4da;
  transition: transform 1ms;
}

.sk-client-theme--dark .p-start_trial_modal_speedbump__container {
  background-color: #2e2a1a;
  border-top: 1px solid #f1b0174d;
}

.p-start_trial_modal_speedbump__trial_icon {
  font-size: 30px;
  grid-column: 1;
  grid-row: 1;
  margin-right: 12px;
  margin-top: 8px;
}

.p-start_trial_modal_speedbump__body_container {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  margin-bottom: 20px;
}

.p-start_trial_modal_speedbump__heading {
  font-size: 18px;
  font-weight: 900;
  grid-column: 2;
  grid-row: 1;
  line-height: 1.33334;
  margin-bottom: 8px;
}

.p-start_trial_modal_speedbump__description {
  grid-column: 2;
  grid-row: 2;
}

.p-invite_list--team-icon {
  margin-bottom: -3px;
}

.p-invite_list--external-email-icon {
  align-items: center;
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: inline-flex;
  height: 18px;
  justify-content: center;
  margin-bottom: -3px;
  width: 18px;
}

.p-invite_type_radio_label__radio {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  width: 50%;

  input[type=radio] {
    position: absolute;
  }

  &:first-of-type {
    margin-right: 20px;
  }

  &:not(.p-add_to_slack_radio--disabled) {
    cursor: pointer;
  }

  &:not(.p-add_to_slack_radio--disabled, .p-invite_type_radio_label--focus-visible):hover {
    box-shadow: 0 1px 3px 0 #00000014;
  }
}

.p-invite_type_radio_label--focus-visible {
  border-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  box-shadow: 0 0 0 calc(5px - 1) #1d9bd14d;
}

.p-invite_type_radio_label__image_wrapper {
  height: 120px;
  text-align: center;

  img {
    height: 100%;
    padding: 12px 0;
  }
}

.p-invite_type_radio_label__title {
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;
  margin: 0 8px;
}

.p-invite_type_radio_label__radio_description_container {
  display: flex;
  flex-direction: column;
}

.p-invite_type_radio_label__button_container {
  display: flex;
}

.p-invite_type_radio_label__icon_container {
  flex-basis: 1%;
}

.p-invite_type_radio_label__description {
  margin: 0 8px;
}

.p-invite_type_radio_label__disabled_text {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

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

.p-invite_type_radio_label__icon {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  margin-top: 2px;
}

.p-add_to_slack_radio {
  border-radius: 8px;
  margin-top: 8px;
  position: relative;
  width: 50%;

  &:first-of-type {
    margin-right: 24px;
  }

  &:focus-within {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border-radius: 4px;
    border-radius: 8px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  }

  &:not(.p-add_to_slack_radio--selected):not(.p-add_to_slack_radio--disabled) {
    --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;

    &:hover {
      --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 #00000014;
    }
  }

  &:not(.p-add_to_slack_radio--disabled) {
    cursor: pointer;
  }
}

.p-add_to_slack_radio--selected {
  --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
  background-color: #1d9bd11a;
  box-shadow: 0 0 0 2px var(--saf-0);
  outline-width: 0;
}

.p-add_to_slack_radio--disabled {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.p-add_to_slack_radio__radio {
  opacity: 0;
}

.p-comprehensible_invites--emails_tooltip {
  max-width: 400px;
}

.p-comprehensible_invites_invite_type_small_text {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: 12px;
}

.p-comprehensible_invites_header_title {
  padding-bottom: 16px;
  padding-left: 24px;
}

.p-comprehensible_invites--email_list_content {
  max-height: 218px;
  overflow-wrap: break-word;
  overflow-y: auto;
}

.p-comprehensible_invites--email_list_content_section {
  padding: 4px 24px;
}

.p-comprehensible_invites_base_modal {
  max-width: 600px;
  min-height: 400px;
}

.p-comprehensible_invites_base_modal_contact_admin {
  max-width: 600px;
  min-height: 200px;
}

.p-comprehensible_invites_base_modal_header {
  padding: 12px 24px;
}

.p-comprehensible_invites_content_section {
  padding: 0 24px;
}

.p-comprehensible_invites_content_section_grow {
  flex-grow: 1;
}

.p-comprehensible_invites_invite_type_modal_body {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.p-comprehensible_invites_invite_type_modal_body_small {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  min-height: 0;
  overflow: visible;

  div {
    overflow: visible;
  }
}

.p-comprehensible_invites_invite_type_contact_admin_section {
  margin-top: 20px;
}

.p-comprehensible_invites__radio_group {
  border: none;
  display: flex;
  margin: 0 0 8px;
  padding: 0;

  .c-link--button.instructions-link--button {
    display: contents;
  }
}

.p-comprehensible_invites__type_external__label .p-invite_type_radio_label__image_wrapper {
  background-color: #96daea;
}

.sk-client-theme--dark .p-comprehensible_invites__type_external__label .p-invite_type_radio_label__image_wrapper {
  background-color: #323538;
}

.p-comprehensible_invites__type_internal__label .p-invite_type_radio_label__image_wrapper {
  background-color: #ffd57e;
}

.sk-client-theme--dark .p-comprehensible_invites__type_internal__label .p-invite_type_radio_label__image_wrapper {
  background-color: #323538;
}

.p-comprehensible_invites_invite_type_modal_footer {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  margin-top: 0;
  padding: 24px;
}

.p-comprehensible_invites_invite_note_input .c-input_textarea__wrapper {
  margin-bottom: 12px;
}

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

.p-comprehensible_invites_body {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-comprehensible_invites_caption {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-comprehensible_invites_supress_tt {
  pointer-events: none;
}

.p-comprehensible_invites__trial_speedbump {
  background-color: #f4f1f4;
  transition: transform 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);

  .p-trials_gold_color {
    color: #4a154b;
  }
}

.sk-client-theme--dark .p-comprehensible_invites__trial_speedbump .p-trials_gold_color {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-comprehensible_invites__trial_speedbump .p-start_trial_modal_speedbump__trial_icon {
  font-size: 28px;
  margin-top: 4px;
}

.sk-client-theme--dark .p-comprehensible_invites__trial_speedbump {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-top: none;
}

.p-comprehensible_invites__trial_speedbump_cancel .c-button--outline {
  display: none;
}

.p-comprehensible_invites__trial_speedbump__override {
  .c-sk-modal_footer--speedbump {
    background: none;
    box-shadow: none;
  }

  .c-modal_speed_bump_overlay {
    display: none;
  }
}

.c-card_container {
  position: relative;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
}

.c-card_container__actions {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 6px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  display: flex;
  padding: 2px;
  position: absolute;
}

.c-card_container__actions--hidden {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  width: 1px;
}

.c-card_container__actions--position_floating {
  right: 16px;
  top: -16px;
}

.c-card_container__actions--position_inset {
  right: 12px;
  top: 12px;
}

.c-card_container__action {
  &:active, &:focus {
    position: relative;
    z-index: 1;
  }
}

.c-card_container--size_small {
  border-radius: 4px;
  padding: 4px;
}

.c-card_container--size_medium {
  border-radius: 12px;
  padding: 12px;
}

.c-card_container--size_large {
  border-radius: 16px;
  padding: 28px;
}

.c-card_container--elevation_1 {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  box-shadow: 0 0 0 1px var(--saf-0);

  &.c-card_container--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;
  }
}

.c-card_container--elevation_2 {
  --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-card_container--elevation_3 {
  --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 #00000014;
}

.c-card_container--elevation_4 {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  box-shadow: 0 0 0 1px var(--saf-0), 0 18px 48px 0 #00000014;
}

.p-channel_invite_modal__base_modal {
  max-width: 600px;
}

.p-channel_invite_modal__header {
  padding: 12px 28px;
}

.p-channel_invite_modal__comprehensible_invites_header {
  padding-bottom: 12px;
  padding-top: 12px;
  word-break: break-all;
}

.p-channel_invite_modal__footer {
  height: auto;
}

.p-channel_invite_modal__footer_content {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
}

.p-channel_invite_modal__footer_actions {
  padding-top: 12px;
  width: 100%;
}

.p-channel_invite_modal__info {
  margin-right: 10px;

  &:last-of-type {
    padding-bottom: 5px;
  }
}

.p-channel_invite_modal_share_icon {
  background-image: url(./share_channel_icon-f2705c6.png);
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: 29px 23px;
  padding-right: 28px;
}

.p-channel_invite_modal_font {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-channel_invite_modal_font--extra_spacing {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-left: 36px;
}

.p-channel_invite_modal__link {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  text-decoration: underline;
}

.p-channel_invite_modal_coachmark {
  background-color: #4a154b1a;
  padding: 16px 64px 16px 32px;
  position: relative;
}

.sk-client-theme--dark .p-channel_invite_modal_coachmark {
  background-color: #4a154b;
}

.p-channel_invite_modal_coachmark__heading {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-channel_invite_modal_coachmark__close {
  font-size: 12px;
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
}

.p-channel_invite_modal_coachmark__caret {
  border-left: 12px solid #0000;
  border-right: 12px solid #0000;
  border-top: 12px solid #4a154b1a;
  height: 0;
  margin-left: 64px;
  width: 0;
}

.sk-client-theme--dark .p-channel_invite_modal_coachmark__caret {
  border-top-color: #4a154b;
}

.p-channel_invite_modal_tokenized_option_container {
  display: flex;
  flex-wrap: wrap;
  max-height: 110px;
  overflow-y: auto;
  padding: 4px 0;
}

.p-channel_invite_modal_tokenized_option {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border: 1px solid var(--saf-0);
  border-radius: 5px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: inline-block;
  font-weight: 700;
  margin-right: 8px;
  margin-top: 8px;
  max-height: 30px;
  overflow: hidden;
  padding: 4px 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-channel_invite_modal_tokenized_option_container {
  scrollbar-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  scrollbar-width: thin;

  &::-webkit-scrollbar {
    width: 8px;
  }

  &::-webkit-scrollbar-thumb {
    background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-radius: 4px;
  }
}

.p-channel_invite_modal__speedbump {
  width: 100%;
}

.p-channel_invite_modal__speedbump_text {
  font-size: 18px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.50001;
}

.p-channel_invite_modal__content_section {
  padding: 0 24px;
}

.p-channel_invite_modal__speedbump_pref {
  flex: 1;
}

.p-create_channel_modal {
  .p-create_channel_modal_options_list_wrapper .c-select_options_list__option--selected:before {
    margin-left: -17px;
  }

  .p-create_channel_modal-alert_above_content {
    margin-bottom: 20px;
  }

  .p-create_channel_modal-visibility_radio_group .c-label--with_subtext .c-label__text {
    font-weight: 400;

    .c-label__subtext {
      font-size: 13px;
    }
  }

  .callout--pro {
    background-color: #4a154b;
    border-radius: 26px;
    box-shadow: none;
    color: #fff;
    padding: 4px 12px;
  }
}

.sk-client-theme--dark .p-create_channel_modal .callout--pro {
  background-color: #d1d2d3;
  color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
}

.p-create_channel_modal .p-channel_create_trial_started_coachmark {
  background-color: #f4f1f4;
  color: #1d1c1d;
  margin-top: -24px;
  padding-left: 28px;
  padding-right: 28px;

  &:before {
    background: #f4f1f4;
  }
}

.sk-client-theme--dark .p-create_channel_modal .p-channel_create_trial_started_coachmark {
  &:before {
    background: rgba(var(--sk_foreground_soft_solid, 243, 243, 243), 1);
  }

  background-color: rgba(var(--sk_foreground_soft_solid, 243, 243, 243), 1);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-create_channel_modal .p-start_trial_modal_speedbump__container {
  border-top-color: #e4dce4;
}

.sk-client-theme--dark .p-create_channel_modal .p-start_trial_modal_speedbump__container {
  border-top-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.p-create_channel_modal {
  .p-channel_create_trial_started_coachmark .c-icon, .p-start_trial_modal_speedbump__trial_icon {
    color: #4a154b;
  }
}

.sk-client-theme--dark .p-create_channel_modal {
  .p-channel_create_trial_started_coachmark .c-icon, .p-start_trial_modal_speedbump__trial_icon {
    color: #f2c744;
  }
}

.p-create_channel_modal .c-modal_speed_bump_content {
  background-color: #f4f1f4;
  border-top: 0;
  color: #1d1c1d;
}

.sk-client-theme--dark .p-create_channel_modal .c-modal_speed_bump_content {
  background-color: rgba(var(--sk_foreground_soft_solid, 243, 243, 243), 1);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-create_channel_modal {
  .c-sk-modal__speedbump_overlay {
    background: none;
  }

  .c-sk-modal_footer {
    flex-wrap: wrap;
    height: auto;
  }
}

.p-channel_create_trial_started_coachmark {
  margin: 0 -28px 14px;

  &:before {
    background: #fcf4da;
    bottom: -34px;
    content: '';
    height: 20px;
    left: 40px;
    position: absolute;
    transform: rotate(225deg);
    transform-origin: 0 0;
    width: 20px;
  }
}

.sk-client-theme--dark .p-channel_create_trial_started_coachmark:before {
  background: #2b2920;
}

.p-channel_name_input__label_title {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: inline-block;
  margin-right: 8px;

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

.p-channel_name_input__label_error .c-alert {
  margin: 8px 0;
}

.p-channel_name_input__input {
  margin-bottom: 20px;
  margin-top: 8px;
}

.p-channel_name_input__invites_input {
  margin-top: 8px;
}

.p-channel_name_input__input_subtext {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding-top: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

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

.c-select_options_list__option--active .p-channel_name_input__prefix_description {
  color: #fff;
}

.p-channel_name_input__select_input_wrapper {
  padding: 0;

  .c-input_text--with_error:focus {
    --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    --saf-1: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.3);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
  }

  .c-select_input__spinner {
    display: none;
  }
}

.p-channel_name_input__select_input_container {
  min-width: 100%;

  .c-input_character_count {
    height: 100%;
  }
}

.p-paid_feature_badge {
  background-color: #fcf4da;
  border: 1px solid #0000;
  border-radius: 32px;
  color: #886607;
  display: inline-flex;
  font-weight: 700;
  max-width: 115px;
  padding: 4px 12px 3px 9px;
  white-space: nowrap;
}

.sk-client-theme--dark .p-paid_feature_badge {
  background-color: #2e2a1a;
  color: #f1b017;
}

.p-paid_feature_badge:hover {
  border: 1px solid #b98a094d;
}

.sk-client-theme--dark .p-paid_feature_badge:hover {
  border-color: #f1b0174d;
}

.p-paid_feature_badge {
  &.p-paid_feature_badge--no_anchor:hover {
    border: 1px solid #0000;
    cursor: default;
  }

  &.p-paid_feature_badge--no-icon {
    padding: 4px 12px;
  }
}

.p-paid_feature_badge__anchor {
  display: inline;
}

.p-paid_feature_badge__icon {
  color: #b98a09;
  margin-right: 4px;

  &:before {
    font-size: 20px;
  }
}

.sk-client-theme--dark .p-paid_feature_badge__icon {
  color: #f1b017;
}

.p-paid_feature_badge__label {
  font-size: 12px;
  padding-top: 1px;
}

.p-paid_feature_badge__anchor--selected .p-paid_feature_badge {
  border: 1px solid #b3860a4d;
}

.p-paid_feature_badge__icon_container {
  align-items: center;
  display: flex;
  justify-content: center;
}

.p-paid_feature_badge__coachmark {
  background-color: #fcf4da;
  border: 1px solid #b98a0966;
  box-shadow: 0 3px 20px 0 #00000026;
}

.sk-client-theme--dark .p-paid_feature_badge__coachmark {
  background-color: #2e2a1a;
  border-color: #f1b0174d;
}

.p-paid_feature_badge__coachmark--top:before {
  border-top-color: #b98a0966;
  border-width: 18px;
  margin-left: -18px;
}

.sk-client-theme--dark .p-paid_feature_badge__coachmark--top:before {
  border-top-color: #f1b0174d;
}

.p-paid_feature_badge__coachmark--top:after {
  border-top-color: #fcf4da;
}

.sk-client-theme--dark .p-paid_feature_badge__coachmark--top:after {
  border-top-color: #2e2a1a;
}

.p-paid_feature_badge__coachmark--bottom:before {
  border-bottom-color: #b98a0966;
  border-width: 18px;
  margin-right: -18px;
}

.sk-client-theme--dark .p-paid_feature_badge__coachmark--bottom:before {
  border-bottom-color: #f1b0174d;
}

.p-paid_feature_badge__coachmark--bottom:after {
  border-bottom-color: #fcf4da;
  margin-left: -15px;
}

.sk-client-theme--dark .p-paid_feature_badge__coachmark--bottom:after {
  border-bottom-color: #2e2a1a;
}

.p-paid_feature_badge__coachmark_message_title {
  display: flex;
  font-size: 15px;
  font-weight: 700;
}

.p-paid_feature_badge__coachmark_message_body {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.7);
  margin-bottom: 0;
  padding-left: 32px;
}

.p-paid_feature_badge__coachmark_icon {
  color: #b98a09;
  margin-right: 12px;
  position: relative;
  top: 1px;

  &:before {
    font-size: 26px;
  }
}

.sk-client-theme--dark .p-paid_feature_badge__coachmark_icon {
  color: #f1b017;
}

.p-channel_create_modal__label_title {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: inline-block;
  margin-right: 8px;

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

.p-channel_create_modal__label_error {
  color: #e8912d;
  display: inline-block;
  font-weight: 700;
}

.p-channel_create_modal__input {
  margin-bottom: 20px;
  margin-top: 8px;
}

.p-channel_create_modal__invites_input {
  margin-top: 8px;
}

.p-channel_create_modal__input .c-input_text_icon__icon {
  margin-left: 8px;
}

.p-channel_create_modal__input_subtext {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding-top: 4px;
}

.p-channel_create_modal__invites {
  display: block;
  margin-bottom: 20px;
}

.p-channel_create_modal__private_toggle_copy {
  width: 66%;
}

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

.p-channel_create_modal__private_toggle_section {
  display: flex;
  justify-content: space-between;
}

.p-channel_create_modal__share {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  left: 40px;
  padding: 4px;
  position: absolute;
  top: 20px;
  z-index: 3;

  .c-icon--plus-circle {
    top: 2px;
  }
}

.p-channel_create_modal__share_disabled {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-channel_create_modal__footer_copy_container {
  display: flex;
  flex: 1;
  margin-right: 32px;
}

.p-channel_create_modal__footer_copy {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-right: 8px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);

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

.p-channel_create_modal__footer_info_icon {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  top: -1px;
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);

  &:hover {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  }
}

.p-channel_create_modal__footer.p-channel_create_modal__footer--paid_feature_badge {
  .p-channel_create_modal__footer_copy {
    overflow: hidden;

    .c-label__text {
      overflow: hidden;
    }
  }

  .p-channel_create_modal__footer_copy__truncation_tooltip {
    overflow: hidden;
  }

  .p-channel_create_modal__footer_copy_container {
    overflow: hidden;
    align-items: center;
    padding: 2px 0;
  }

  .p-channel_create_modal__footer_copy {
    align-self: flex-end;
    min-width: 60px;
  }

  .p-channel_create_modal__footer_copy__truncation_tooltip {
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.p-channel_create_modal__private_toggle_section .c-toggle__input {
  width: 54px;

  &:focus {
    outline: none;
  }
}

.p-channel_create_modal__sub_section_copy_body {
  font-weight: 400;
}

.p-channel_create_modal__body .c-fullscreen_modal__title {
  font-size: 28px;
  font-weight: 900;
  line-height: 1.2143;
}

.p-channel_create_modal, .p-channel_create_modal__label_title, .p-channel_create_modal__share, .p-channel_create_modal__sub_section_copy_body, .p-channel_create_modal__sub_section_copy_title, .p-channel_name_input__label_title, .p-invite_users_input__label_title {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-channel_create_modal__sub_section_copy_title {
  margin-bottom: 0;
}

.p-channel_create_modal__sub_section_two_column {
  display: flex;
  margin-bottom: 20px;
}

.p-channel_create_modal__sub_section_two_column__expanded {
  flex-grow: 1;
}

.p-channel_create_modal__promo_image {
  flex: 0 0 auto;
  margin-left: 20px;
}

.p-channel_create_modal__footer_info_badge_container {
  margin-left: 10px;
}

.p-slack_connect_paid_feature_badge {
  bottom: 2px;
  position: relative;
  right: 2px;
}

.p-channel_create_modal__label_title {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: inline-block;
  margin-right: 8px;

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

.p-channel_create_modal__label_error {
  color: #e8912d;
  display: inline-block;
  font-weight: 700;
}

.p-channel_create_modal__input {
  margin-bottom: 20px;
  margin-top: 8px;
}

.p-channel_create_modal__invites_input {
  margin-top: 8px;
}

.p-channel_create_modal__input .c-input_text_icon__icon {
  margin-left: 8px;
}

.p-channel_create_modal__input_subtext {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding-top: 4px;
}

.p-channel_create_modal__invites {
  display: block;
  margin-bottom: 20px;
}

.p-channel_create_modal__private_toggle_copy {
  width: 66%;
}

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

.p-channel_create_modal__private_toggle_section {
  display: flex;
  justify-content: space-between;
}

.p-channel_create_modal__share {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  left: 40px;
  padding: 4px;
  position: absolute;
  top: 20px;
  z-index: 3;

  .c-icon--plus-circle {
    top: 2px;
  }
}

.p-channel_create_modal__share_disabled {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-channel_create_modal__footer_copy_container {
  display: flex;
  flex: 1;
  margin-right: 32px;
}

.p-channel_create_modal__footer_copy {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-right: 8px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);

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

.p-channel_create_modal__footer_info_icon {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  top: -1px;
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);

  &:hover {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  }
}

.p-channel_create_modal__footer.p-channel_create_modal__footer--paid_feature_badge {
  .p-channel_create_modal__footer_copy {
    overflow: hidden;

    .c-label__text {
      overflow: hidden;
    }
  }

  .p-channel_create_modal__footer_copy__truncation_tooltip {
    overflow: hidden;
  }

  .p-channel_create_modal__footer_copy_container {
    overflow: hidden;
    align-items: center;
    padding: 2px 0;
  }

  .p-channel_create_modal__footer_copy {
    align-self: flex-end;
    min-width: 60px;
  }

  .p-channel_create_modal__footer_copy__truncation_tooltip {
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.p-channel_create_modal__private_toggle_section .c-toggle__input {
  width: 54px;

  &:focus {
    outline: none;
  }
}

.p-channel_create_modal__sub_section_copy_body {
  font-weight: 400;
}

.p-channel_create_modal__body .c-fullscreen_modal__title {
  font-size: 28px;
  font-weight: 900;
  line-height: 1.2143;
}

.p-channel_create_modal, .p-channel_create_modal__label_title, .p-channel_create_modal__share, .p-channel_create_modal__sub_section_copy_body {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-channel_create_modal__sub_section_copy_title {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: 0;
}

.p-channel_create_modal__sub_section_two_column {
  display: flex;
  margin-bottom: 20px;
}

.p-channel_create_modal__sub_section_two_column__expanded {
  flex-grow: 1;
}

.p-channel_create_modal__promo_image {
  flex: 0 0 auto;
  margin-left: 20px;
}

.p-channel_create_modal__footer_info_badge_container {
  margin-left: 10px;
}

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

input[type=text].c-input_text {
  &.p-channel_name_input--input {
    margin-bottom: 0;
  }

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

.p-channel_name_input--input_note {
  align-content: center;
  align-items: center;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: 4px;
  vertical-align: middle;
}

.p-channel_name_input--alert {
  background-color: #f2c74433;
  border: 1px solid #de4e2b;
  border-radius: 0 0 5px 5px;
  margin-top: -5px;
  padding: 6px 10px 12px;

  &:first-child {
    padding-top: 12px;
  }

  &:last-child {
    padding-bottom: 6px;
  }
}

.p-channel_name_input--validating {
  position: absolute;
  right: 10px;
  top: 6px;
}

.p-dm_browser_modal__body {
  padding-bottom: 0;

  .c-fullscreen_modal__body__content {
    align-self: stretch;
    bottom: 1px;
    display: flex;
    flex-direction: column;
    position: relative;
  }
}

.p-dm_browser_modal__subtitle {
  font-size: 18px;
  margin-bottom: 24px;
}

.p-dm_browser_modal__alerts:not(:empty) {
  margin-bottom: 24px;
}

.p-dm_browser_modal__alert {
  margin-bottom: 0;

  + .p-dm_browser_modal__alert {
    margin-top: 8px;
  }
}

.p-dm_browser_modal__controls {
  display: flex;
  margin-bottom: 0;
}

.p-dm_browser_modal__controls_meta {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: 4px;
}

.p-dm_browser_modal__tip {
  margin-bottom: 24px;
}

.p-dm_browser_modal__multi_select_input {
  flex: 1;
  margin-right: 16px;
}

.p-dm_browser_modal__list {
  flex: 1;
}

.p-dm_browser_modal__list_heading {
  padding-bottom: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding-left: 12px;
}

.p-dm_browser_modal__recent_heading {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding-left: 12px;
  padding-bottom: 8px;
}

.p-dm_browser_modal__option {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  -webkit-user-select: none;
  user-select: none;

  &:hover {
    cursor: pointer;
  }

  &:active, &:focus {
    outline: none;
  }
}

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

.p-dm_browser_modal__list_row--disabled {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.p-dm_browser_modal__list_row_meta {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  text-align: right;
  width: 100px;
}

.p-dm_browser_modal__list_row_badge {
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);

  &:not(:first-child) {
    margin-top: 4px;
  }
}

.p-dm_browser_modal__centered_content {
  font-size: 18px;
  margin: 8px auto 0;
  max-width: 80%;
  text-align: center;
}

.p-dm_browser_modal__max_reached {
  max-width: 100%;
}

.c-expandable_trigger {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;

  &:active, &:focus, &:hover {
    outline: none;
  }
}

.p-unverified_disclosure {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: 4px;
}

.p-unverified_disclosure--pillow {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: flex-start;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  margin: 4px 0 8px;
  padding: 12px 16px;
  -webkit-user-select: none;
  user-select: none;
  width: 426px;
}

.p-unverified_disclosure__actions {
  margin-top: 8px;
}

.p-unverified_disclosure__icon {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  margin-right: 12px;
}

.p-call_facepile {
  height: 36px;
  line-height: 1;
}

.p-call_facepile--call_ended .p-call_facepile__face {
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
}

.p-call_facepile__face {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  margin-right: 8px;
  position: relative;
  width: 36px;

  &:last-child {
    margin-right: 0;
  }
}

.p-call_facepile__face--external img {
  border-radius: 3px;
}

.p-call_subtype {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  margin-bottom: 8px;
  margin-top: 4px;
  max-width: 440px;
}

.p-call_subtype__icon {
  align-items: center;
  background-color: #0b4c8c;
  border-radius: 4px;
  color: #fff;
  display: flex;
  height: 36px;
  justify-content: center;
  margin-right: 12px;
  min-width: 36px;
  width: 36px;
}

.p-call_subtype__icon--ended {
  background-color: #868686;
  filter: grayscale(1);
}

.p-call_subtype__img {
  border-radius: 4px;
  height: inherit;
  width: inherit;
}

.p-call_subtype__body, .p-call_subtype__footer {
  align-items: center;
  display: flex;
  padding: 16px;
}

.p-call_subtype__header {
  align-items: center;
  display: flex;
  padding: 16px;
  align-items: flex-start;
}

.p-call_subtype__header_text {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.p-call_subtype__body, .p-call_subtype__footer {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.p-call_subtype__body {
  padding-bottom: 10px;
  padding-top: 10px;
}

.p-call_subtype__footer {
  align-items: left;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  justify-content: space-between;
}

.p-call_subtype__description, .p-call_subtype__facepile, .p-call_subtype__status {
  display: block;
}

.p-call_subtype__title {
  display: block;
  font-weight: 400;
  font-weight: 700;
}

.p-call_subtype__status, .p-call_subtype__title {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 15px;
  line-height: 1.46668;
}

.p-call_subtype__status {
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-call_subtype__facepile {
  flex-grow: 1;
  margin-right: 12px;
  min-width: 44px;
}

.p-call_subtype__description {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-call_subtype__action_button {
  margin-left: 12px;
}

.p-call_subtype__action_button--secondary {
  + .p-call_subtype__action_button {
    margin-left: 12px;
  }

  margin-left: auto;
}

.p-call_subtype__migration-education {
  align-items: flex-start;
  color: #1264a3;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  line-height: 16px;
  max-width: 400px;
  padding-bottom: 16px;

  .p-call_subtype__migration-education-avatar {
    background: #1264a3;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    margin-right: 8px;
    padding: 4px;
  }

  a {
    text-decoration: underline;
  }

  &.p-call_subtype__migration-education__phase3 {
    color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);

    a {
      color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    }
  }
}

.sk-client-theme--dark .p-call_subtype__migration-education.p-call_subtype__migration-education__phase3 {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);

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

.c-joiner_notification_subtype__pref--opted-out {
  text-decoration: line-through;
}

.p-huddle_invite_modal_banner {
  padding: 4px 28px 0;
}

.p-huddle_invite_list_modal__overlay {
  z-index: 1053;
}

.p-huddle_invite_list_modal .c-sk-modal_title_bar__text h1 {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  padding-bottom: 8px;
}

.p-huddle_invite_list_modal__user_list {
  display: flex;
  justify-content: space-between;

  &:not(:last-child) {
    margin-bottom: 16px;
  }
}

.p-huddle_invite_list_modal__copy_link {
  align-items: center;
  display: flex;
  gap: 4px;
}

.p-huddle_invite_modal_footer_banner {
  align-items: baseline;
  background-color: #f4f1f4;
  display: flex;
  padding: 12px 24px;
}

.sk-client-theme--dark .p-huddle_invite_modal_footer_banner {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
}

.c-measure_container {
  height: 100%;
  width: 100%;
}

.p-huddle_invite_list_item {
  cursor: pointer;

  .c-member__secondary-name {
    display: none;
  }
}

.p-huddle_invite_list_item__entity.c-base_list_entity {
  padding-left: 28px;
  padding-right: 28px;
}

.p-huddle_invite_list_item__entity_wrapper {
  margin: 2px;
  width: 99%;
}

.p-huddle_invite_list_item__secondary {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

:disabled .p-huddle_invite_list_item__secondary, [aria-disabled=true] .p-huddle_invite_list_item__secondary {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

.p-huddle_invite_list_item__invite_cta {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  font-weight: 700;
}

.p-huddle_invite_list_item__section_header {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  padding: 16px 28px 8px;
}

.p-huddle_invite_list_item__section_empty {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding: 0 28px 12px;
}

.p-huddle_invite_list_item__divider--bottom--has-background, .p-huddle_invite_list_item__non_peer--has-background, .p-huddle_invite_list_item__section_empty--has-background, .p-huddle_invite_list_item__section_header--has-background {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
}

.p-huddle_invite_list_item__divider--top {
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  margin-top: 12px;
}

.p-huddle_invite_list_item__divider--first-child {
  margin-top: 0;
}

.p-huddle_invite_list_item__divider--bottom {
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  padding-top: 4px;
}

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

.p-huddle_invite_list_item__entity, .p-huddle_invite_list_item__non_peer:not(.p-huddle_invite_list_item__non_peer--in-huddle) {
  align-items: center;
}

.c-virtual_list__item--focus {
  .p-huddle_invite_list_item__entity, .p-huddle_invite_list_item__non_peer:not(.p-huddle_invite_list_item__non_peer--in-huddle) {
    background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  }
}

.p-huddle_invite_list_item__entity {
  &:focus, &:hover {
    background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  }
}

.p-huddle_invite_list_item__non_peer:not(.p-huddle_invite_list_item__non_peer--in-huddle) {
  &:focus, &:hover {
    background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  }
}

.c-virtual_list__item--focus {
  .p-huddle_invite_list_item__entity {
    .c-base_entity__subtext, .p-huddle_invite_list_item__invite_cta, .p-huddle_invite_list_item__invite_cta--sent-text {
      color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    }
  }

  .p-huddle_invite_list_item__non_peer:not(.p-huddle_invite_list_item__non_peer--in-huddle) {
    .c-base_entity__subtext, .p-huddle_invite_list_item__invite_cta, .p-huddle_invite_list_item__invite_cta--sent-text {
      color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    }
  }
}

.p-huddle_invite_list_item__entity {
  &:focus {
    .c-base_entity__subtext, .p-huddle_invite_list_item__invite_cta, .p-huddle_invite_list_item__invite_cta--sent-text {
      color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    }
  }

  &:hover {
    .c-base_entity__subtext, .p-huddle_invite_list_item__invite_cta, .p-huddle_invite_list_item__invite_cta--sent-text {
      color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    }
  }
}

.p-huddle_invite_list_item__non_peer:not(.p-huddle_invite_list_item__non_peer--in-huddle) {
  &:focus {
    .c-base_entity__subtext, .p-huddle_invite_list_item__invite_cta, .p-huddle_invite_list_item__invite_cta--sent-text {
      color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    }
  }

  &:hover {
    .c-base_entity__subtext, .p-huddle_invite_list_item__invite_cta, .p-huddle_invite_list_item__invite_cta--sent-text {
      color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    }
  }
}

.p-huddle_invite_list_item__nudge_btn--dim {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-weight: unset;
}

.p-huddle_invite_list_item--disabled {
  cursor: default;

  .p-huddle_invite_list_item__entity {
    background-color: unset;
    color: unset;

    &:focus, &:hover {
      background-color: unset;
      color: unset;
    }
  }

  &:focus, &:hover {
    background-color: unset;
    color: unset;
  }

  .p-huddle_invite_list_item__entity {
    &:focus .p-huddle_invite_list_item__invite_cta, &:hover .p-huddle_invite_list_item__invite_cta {
      color: unset;
    }

    &:focus .c-base_entity__subtext, &:hover .c-base_entity__subtext {
      color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    }
  }

  &.p-huddle_invite_list_item__non_peer--has-background {
    &:focus, &:hover {
      background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
      color: unset;
    }
  }
}

.p-huddle_invite_list {
  display: flex;
  flex-direction: column;
  height: 500px;
}

.p-huddle_invite_list__input_container {
  flex: 0 0 auto;
  margin-bottom: 4px;
  padding: 0 28px;
}

.p-huddle_invite_list__subtitle {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding: 8px 28px;
}

.p-huddle_invite_list__members {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  flex-grow: 1;
}

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

.p-huddle_invite_list__members--scrolled {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.p-huddle_invite_list__section_loading {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  padding: 28px;
  text-align: center;
}

.p-huddle_invite_list__empty_state {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  margin: 48px auto;
}

.p-huddle_channel_tooltip {
  padding: 8px;

  .c-tooltip__subtitle {
    .c-tooltip__subtitle_member_count, .c-tooltip__subtitle_member_names {
      display: inline;
    }
  }
}

.p-huddle_channel_tooltip__avatar_stack {
  margin-bottom: 12px;
  margin-top: 4px;
}

.p-huddle_channel_tooltip__avatar_container {
  display: inline-block;
}

.p-huddle_channel_tooltip__avatar {
  border-radius: 4px;
  box-shadow: 0 0 0 2px #1d1c1d;
}

.p-huddle_avatar_stack {
  align-items: center;
  display: flex;
  justify-content: center;

  &.p-huddle_avatar_stack--overlapping-container {
    background: var(--p-channel_sidebar__column-bg);
    border-radius: 12px;
    margin-left: 2px;
    margin-right: -8px;
    z-index: 3;
  }
}

.p-huddle_avatar_stack--square_borders .p-huddle_avatar_stack.p-huddle_avatar_stack--overlapping-container {
  border-radius: 3px;
}

.p-huddle_avatar_stack--channel_header .p-huddle_avatar_stack.p-huddle_avatar_stack--overlapping-container {
  background: #1264a3;
}

.p-channel_sidebar__channel--selected .p-huddle_avatar_stack.p-huddle_avatar_stack--overlapping-container, .p-channel_sidebar__link--selected .p-huddle_avatar_stack.p-huddle_avatar_stack--overlapping-container {
  background-color: var(--p-huddle__active_item);
}

.p-huddle_avatar_stack {
  &.p-huddle_avatar_stack--overlapping-container .p-huddle_avatar_stack__avatar_wrapper {
    padding-right: 2px;
  }

  .p-huddle_avatar_stack__avatar {
    .c-base_icon, .c-base_icon__width_only_container, .p-huddle_avatar_stack__avatar--overlapping, &.p-huddle_avatar_stack--multiple-members {
      border-radius: 12px;
    }
  }
}

.p-huddle_avatar_stack--channel_header .p-huddle_avatar_stack .p-huddle_avatar_stack__avatar {
  cursor: pointer;

  .c-base_icon__width_only_container {
    border-radius: 3px;
  }
}

.p-huddle_avatar_stack__avatar_wrapper {
  display: flex;
}

.p-huddle_avatar_stack__avatars_container {
  border-radius: 12px;
  display: flex;
  padding: 0 1.6px;
}

.p-huddle_avatar_stack--square_borders .p-huddle_avatar_stack__avatars_container {
  border-radius: 3px;
}

.p-huddle_avatar_stack__avatars_container {
  .p-huddle_avatar_stack__plus-member-count {
    align-items: center;
    display: flex;
    font-size: 13px;
    font-weight: 400;
    font-weight: 700;
    line-height: 1.38463;
    padding: 0 1.6px;
    text-align: center;
  }

  &.p-huddle_avatar_stack__quick_switcher_icon {
    align-self: center;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    color: #1264a3;

    &.p-huddle_avatar_stack__avatars_container--selected {
      background: #1264a3;
      color: #fff;
    }
  }
}

.p-huddle_avatar_stack__icon_container {
  align-items: center;
  background-color: var(--p-huddle__column_bg);
  border-radius: 12px;
  display: flex;
  margin-right: -8px;
  padding: 2px;
  z-index: 4;
}

.p-huddle_avatar_stack--square_borders .p-huddle_avatar_stack__icon_container {
  border-radius: 3px;
}

.p-channel_sidebar__channel:not(.p-channel_sidebar__channel--selected):hover .p-huddle_avatar_stack__icon_container {
  background-color: var(--p-huddle__hover_item);
}

.p-huddle_avatar_stack__icon_container {
  .p-huddle_avatar_stack__avatar--overlapping, &.p-huddle_avatar_stack--multiple-members {
    background-color: var(--p-huddle__column_bg);
  }
}

.p-channel_sidebar__channel--selected .p-huddle_avatar_stack__icon_container {
  background-color: var(--p-huddle__active_item);

  .p-huddle_avatar_stack__avatar--overlapping, &.p-huddle_avatar_stack--multiple-members {
    background-color: var(--p-huddle__active_item);
  }
}

.c-virtual_list__item--contextmenu-visible .p-huddle_avatar_stack__icon_container {
  background-color: var(--p-huddle__column_bg);
}

.p-huddle_avatar_stack__quick_switcher_icon .p-huddle_avatar_stack {
  background: inherit;
  border-radius: 12px;

  &.p-huddle_avatar_stack--overlapping-container .p-huddle_avatar_stack__avatar {
    margin-right: 0;
  }

  .p-huddle_avatar_stack__avatar {
    line-height: 0;
    margin-right: 4px;
  }
}

.p-huddle_msg_join_button__container {
  align-items: center;
  display: flex;
  height: 100%;
  padding: 0 16px;
  position: absolute;
  right: 0;
  top: 0;

  .p-huddle_msg_join_button__avatar_stack {
    margin-right: 4px;

    .p-huddle_avatar_stack--overlapping-container {
      background: unset;
      width: unset;
    }

    .p-huddle_avatar_stack {
      background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
      border-radius: 12px;
      padding: 0 1.6px;
    }
  }

  .p-huddle_msg_join_button {
    background: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border-radius: 8px;
    color: #fff;
    font-weight: 500;
    padding: 0 16px;
  }
}

.p-canvas_notes_button__container {
  position: relative;

  .p-canvas_notes_button {
    background: #fff;
    border: none;
    border-radius: 6px;
    box-shadow: 0 1px 3px #00000014;
    color: #000;
    height: 36px;
    margin: 0 0 0 8px;
    min-height: 36px;
    min-width: 36px;
    width: 36px;

    &: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-canvas_notes_button--toolbar {
      height: 32px;
      min-height: 32px;
      min-width: 32px;
      width: 32px;

      &:hover {
        background: var(--p-huddle__hover_item);
        border-radius: 50%;
        color: var(--p-huddle__text_color);
      }
    }
  }

  .p-canvas_notes_button__badge_circle {
    background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    border-radius: 50%;
    height: 12px;
    position: absolute;
    right: -5px;
    top: -3px;
    width: 12px;

    &.p-canvas_notes_button__badge_circle_small {
      height: 8px;
      right: 6px;
      top: 4px;
      width: 8px;
    }
  }
}

.p-canvas_notes_button--badged {
  clip-path: path('M 0 0 L 30 0 C 30 0 29 11 40 10 L 40 40 L 0 40 z');
}

.p-canvas_notes_button__badge_circle.p-canvas_notes_button__badge_circle--global-toolbar-toggled-off {
  height: 10px;
  right: 12px;
  top: 12px;
  width: 10px;
}

.p-canvas_notes_button__container--mini_player {
  align-items: center;
  display: flex;

  .p-canvas_notes_button {
    box-shadow: none;
  }
}

.p-canvas_notes_button__container--compact .p-canvas_notes_button__badge_circle {
  height: 8px;
  right: 10px;
  top: 7px;
  width: 8px;
  z-index: 999;
}

.p-canvas_notes_button__file {
  margin: 4px 24px;
}

.p-customize_automated_welcome_dm__container {
  margin-bottom: 5rem;
  min-height: 400px;
}

@media (min-width: 30rem) {
  .p-customize_automated_welcome_dm__texty-container {
    margin: 0 250px 100px 15px;
  }
}

.p-customize_automated_welcome_dm__title {
  margin-bottom: 30px;

  > div:first-child {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
  }
}

.p-customize_automated_welcome_dm__save_button_with_texty {
  bottom: -70px;
  position: absolute;
}

@media (min-width: 30rem) {
  .p-customize_automated_welcome_dm__save_button_with_texty {
    left: -12px;
  }
}

.p-customize_automated_welcome_dm__save_button {
  bottom: -70px;
}

@media (min-width: 30rem) {
  .p-customize_automated_welcome_dm__save_button {
    left: -12px;
  }
}

.c-message_kit__message .c-message__body--automated:after {
  content: '';
  display: block;
  height: 4px;
}

.c-message_kit__text {
  &:after {
    content: '';
    display: block;
    height: 4px;
  }

  .c-mrkdwn__pre {
    word-wrap: break-word;
  }

  .c-emoji__large {
    margin-top: 2px;
  }

  br ~ .c-emoji__large {
    margin-top: 0;
  }
}

.c-message_kit__message .c-message__body--automated {
  display: inline;
  margin: 0;
}

.c-message_kit__text--me {
  font-style: italic;
}

.p-dm_browser_dialog {
  height: 75vh;
  max-height: 700px;
}

.p-dm_browser_dialog__contents {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0 28px;
}

.supports_custom_scrollbar .p-dm_browser_dialog__contents .c-select_options_list__virtual_list--slack_scrollbar {
  border-right: none;

  &::-webkit-scrollbar {
    -webkit-appearance: none;
    position: absolute;
    width: 8px;
  }

  &::-webkit-scrollbar-thumb {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
  }

  &::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
    background: #0000;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
  }

  &::-webkit-scrollbar-thumb {
    background: #0000;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px;
  }

  &::-webkit-scrollbar-corner {
    background: #0000;
  }

  &::-webkit-scrollbar {
    width: 16px;
  }

  &::-webkit-scrollbar-thumb, &::-webkit-scrollbar-track {
    border-left: 4px solid #0000;
    border-radius: 6px/4px;
    border-right: 4px solid #0000;
  }

  &:hover {
    border-right: none;

    &::-webkit-scrollbar {
      -webkit-appearance: none;
      position: absolute;
      width: 8px;
    }

    &::-webkit-scrollbar-thumb {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    }

    &::-webkit-scrollbar-track {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
      background: #0000;
      box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
    }

    &::-webkit-scrollbar-thumb {
      background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.52);
      box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
      min-height: 36px;
    }

    &::-webkit-scrollbar-corner {
      background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    }

    &::-webkit-scrollbar {
      width: 16px;
    }

    &::-webkit-scrollbar-thumb, &::-webkit-scrollbar-track {
      border-left: 4px solid rgba(var(--sk_primary_background, 255, 255, 255), 1);
      border-radius: 6px/4px;
      border-right: 4px solid rgba(var(--sk_primary_background, 255, 255, 255), 1);
    }
  }
}

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

.p-dm_browser_dialog__sender {
  font-weight: 700;

  &:empty {
    display: none;
  }

  &:after {
    content: ': ';
  }
}

.p-dm_browser_dialog__row--im {
  min-height: 46px;
}

.p-dm_browser_dialog__row--mpim {
  min-height: 70px;
}

.p-dm_browser_dialog__secondary {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  text-align: right;
  white-space: nowrap;
}

.p-dm_browser_dialog__footer {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  justify-content: flex-end;
  padding: 8px;
  text-align: right;
}

.p-dm_browser_dialog__footer_tip {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-dm_browser_dialog__footer_key.c-keyboard_key--slim {
  margin-left: 1.6px;
  margin-right: 1.6px;
}

.c-field_input__helpers {
  margin-bottom: 4px;
  margin-top: 8px;

  + .c-field_input__helpers {
    margin-bottom: 4px;
    margin-top: 0;
  }
}

.p-edit_file_dialog .c-sk-modal_content_section {
  padding-block-end: 5px;
  padding-block-start: 5px;
}

.p-snippet_editor--loading {
  padding: 32px 0;
}

.p-share_dialog__section {
  margin-bottom: 16px;
  margin-top: 16px;

  &:first-child {
    margin-top: 0;
  }

  &:last-child {
    margin-bottom: 0;
  }
}

.p-share_dialog__section_bottom_padding {
  padding-bottom: 4px;
}

.p-share_dialog__section_label {
  font-weight: 700;
  margin-bottom: 8px;
}

.p-share_dialog__create_gdoc_share_with {
  margin-bottom: 4px;

  .c-label--inline {
    display: inline-flex;
  }
}

.p-share_dialog__section {
  .c-input_select {
    margin: 0;
  }

  input {
    &.c-input_text, &[type=text].c-input_text {
      margin: 0;
    }
  }

  .c-message_attachment__footer {
    display: none;
  }
}

.p-share_dialog__alert {
  margin-bottom: 16px;
}

.p-share_dialog__warning_message {
  display: block;

  + .p-share_dialog__warning_message {
    margin-top: 8px;
  }
}

.p-share_dialog_channel_picker__option {
  .c-select_options_list__option_label {
    text-overflow: clip;
    white-space: normal;
  }

  .c-base_entity__text-contents {
    flex-flow: nowrap;
  }
}

.p-share_dialog_channel_picker .c-input_select__selected_value {
  display: block;
}

.p-share_dialog__modal {
  .c-dialog__footer--has_both {
    justify-content: flex-end;
  }

  .c-dialog_speed_bump__body_text {
    margin-bottom: 1rem;
  }

  .c-sk-modal_footer--speedbump {
    align-items: stretch;
    flex-direction: column;
  }

  .c-sk-modal_footer {
    align-items: flex-start;
    flex-direction: column;
    height: auto;
    min-height: 84px;

    .c-sk-modal_footer_actions {
      display: flex;
      margin-left: unset;
      width: 100%;

      .p-share_dialog__right_actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: flex-end;
        margin-left: auto;
      }
    }
  }
}

.p-share_dialog__copy_link_text {
  transition-duration: 80ms;

  &:hover {
    text-decoration: underline;
  }
}

.p-share_dialog__already_shared_text {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  font-size: 15px;
  font-weight: 400;
  font-weight: 600;
  line-height: 1.46668;
  margin-bottom: 12px;
  margin-top: 12px;
  padding-bottom: 8px;
}

.p-share_dialog__already_shared_text_list {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  list-style: none;
  margin-bottom: 24px;
  margin-left: 0;
  max-height: 120px;

  li {
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    display: block;
    margin-bottom: 0;
    padding-bottom: 4px;
    padding-right: 16px;
    padding-top: 4px;
    position: relative;
  }
}

.p-share_dialog__spicy_sparrow_animation {
  max-height: 260px;
  overflow: hidden;
  position: relative;
  transform: translateY(40%);
  z-index: -1;
}

@media only screen and (max-height: 480px) {
  .p-share_dialog__spicy_sparrow_animation {
    display: none;
  }
}

.p-share_dialog__private_message_forwarding_coachmark {
  border-radius: 4px;
  display: flex;
  margin: 8px 28px;
  padding: 10px;
  position: relative;
}

.p-share_dialog__private_message_forwarding_coachmark_close_button {
  height: 20px;
  margin-left: 4px;
  width: 20px;
}

.p-share_dialog__private_message_forwarding_coachmark--light {
  background-color: #e8f5fa;
  border-radius: 4px;
  display: flex;
  margin: 8px 28px;
  padding: 10px;
  position: relative;
}

.p-share_dialog__private_message_forwarding_coachmark--dark {
  background-color: var(--dt_color-plt-lagoon-5);
  border-radius: 4px;
  color: #f8f8f8;
  display: flex;
  margin: 8px 28px;
  padding: 10px;
  position: relative;
}

.p-share_dialog__private_message_forwarding_coachmark_icon, .p-share_dialog__private_message_forwarding_coachmark_icon--light {
  color: #1264a3;
  margin-right: 8px;
  position: relative;
  top: 4px;
}

.p-share_dialog__private_message_forwarding_coachmark_icon--dark {
  color: #1264a3;
  color: var(--dt_color-plt-lagoon-100);
  margin-right: 8px;
  position: relative;
  top: 4px;
}

.p-share_dialog__private_message_forwarding_coachmark_learn_more_link {
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.p-share_dialog__private_message_forwarding_coachmark_learn_more_link--light {
  color: #1264a3;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.p-share_dialog__private_message_forwarding_coachmark_learn_more_link--dark {
  color: var(--dt_color-plt-lagoon-100);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.p-share_dialog__modal_overlay--popover:before {
  background: #0000;
}

.p-share_dialog__modal--popover {
  padding-top: 20px;

  .p-share_dialog__section:last-child {
    margin-bottom: 6px;
  }

  .c-sk-modal_footer {
    height: 72px;
    padding-top: 12px;
  }
}

@media screen and (min-width: 1180px) {
  .p-share_dialog__modal--popover {
    margin-right: -510px;
    margin-top: -330px;
  }
}

@media screen and (max-width: 1179px) {
  .p-share_dialog__modal--popover {
    margin-top: -330px;
    position: absolute;
    right: 50px;
  }
}

@media screen and (max-width: 1179px) and (max-height: 780px) {
  .p-share_dialog__modal--popover {
    margin-top: 0;
    top: 85px;
  }
}

@media screen and (min-width: 1180px) and (max-height: 780px) {
  .p-share_dialog__modal--popover {
    margin-right: 0;
    margin-top: 0;
    position: absolute;
    top: 85px;
  }
}

.c-coachmarkv2 {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 18px 48px 0 #00000014;
  max-width: 440px;
  min-width: 260px;
  position: absolute;
  z-index: 1053;
}

.c-coachmarkv2__hero {
  aspect-ratio: 1.77777778;
  border-radius: 8px 8px 0 0;
  object-fit: cover;
  width: 100%;
}

.c-coachmarkv2__icon {
  height: 36px;
  margin-bottom: 8px;
  width: 36px;
}

.c-coachmarkv2__content {
  padding: 24px;
}

.c-coachmarkv2__title {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 18px;
  font-weight: 400;
  font-weight: 900;
  line-height: 1.50001;
  line-height: 24px;
  margin-bottom: 4px;
}

.c-coachmarkv2__body {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: 0;
}

.c-coachmarkv2__actions {
  display: flex;
  margin-top: 24px;

  > button > svg {
    margin-top: 1px;
  }
}

.c-coachmarkv2__secondary_button {
  margin-right: 12px;
}

.c-coachmarkv2__link {
  font-weight: 700;
  margin-top: 24px;

  &:focus:not(.c-button-unstyled) {
    margin-top: 24px;
  }
}

.c-coachmarkv2 {
  &:after, &:before {
    border: solid #0000;
    content: ' ';
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0;
  }

  &:after {
    border-color: #fff0;
    border-width: 12px;
  }

  &:before {
    border-color: #0000;
    border-width: 13px;
  }

  &:focus {
    outline: none;
  }
}

.c-coachmark-anchor {
  position: relative;
}

.c-coachmarkv2__close {
  position: absolute;
  right: 14px;
  top: 16px;
  z-index: 1;
}

.c-coachmarkv2--actions-right .c-coachmarkv2__actions {
  justify-content: flex-end;
}

.c-coachmark--top, .c-coachmark--top-left, .c-coachmark--top-right {
  transform: translateY(-100%);
}

.c-coachmark--top-left {
  &:after, &:before {
    top: 100%;
  }
}

.c-coachmark--top-right {
  &:after, &:before {
    top: 100%;
  }
}

.c-coachmark--top {
  &:after, &:before {
    top: 100%;
  }
}

.c-coachmark--top-left:after, .c-coachmark--top-right:after, .c-coachmark--top:after {
  border-top-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  margin-left: -12px;
}

.c-coachmark--top-left:before, .c-coachmark--top-right:before, .c-coachmark--top:before {
  border-top-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  margin-left: -13px;
}

.c-coachmark--top-left.c-coachmark--10 {
  &:after, &:before {
    left: 10%;
  }
}

.c-coachmark--top-right.c-coachmark--10 {
  &:after, &:before {
    left: 10%;
  }
}

.c-coachmark--top.c-coachmark--10 {
  &:after, &:before {
    left: 10%;
  }
}

.c-coachmark--top-left.c-coachmark--10.c-coachmark--center_on_arrow, .c-coachmark--top-right.c-coachmark--10.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--10.c-coachmark--center_on_arrow {
  transform: translate(-10%, -100%);
}

.c-coachmark--top-left.c-coachmark--20 {
  &:after, &:before {
    left: 20%;
  }
}

.c-coachmark--top-right.c-coachmark--20 {
  &:after, &:before {
    left: 20%;
  }
}

.c-coachmark--top.c-coachmark--20 {
  &:after, &:before {
    left: 20%;
  }
}

.c-coachmark--top-left.c-coachmark--20.c-coachmark--center_on_arrow, .c-coachmark--top-right.c-coachmark--20.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--20.c-coachmark--center_on_arrow {
  transform: translate(-20%, -100%);
}

.c-coachmark--top-left.c-coachmark--30 {
  &:after, &:before {
    left: 30%;
  }
}

.c-coachmark--top-right.c-coachmark--30 {
  &:after, &:before {
    left: 30%;
  }
}

.c-coachmark--top.c-coachmark--30 {
  &:after, &:before {
    left: 30%;
  }
}

.c-coachmark--top-left.c-coachmark--30.c-coachmark--center_on_arrow, .c-coachmark--top-right.c-coachmark--30.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--30.c-coachmark--center_on_arrow {
  transform: translate(-30%, -100%);
}

.c-coachmark--top-left.c-coachmark--40 {
  &:after, &:before {
    left: 40%;
  }
}

.c-coachmark--top-right.c-coachmark--40 {
  &:after, &:before {
    left: 40%;
  }
}

.c-coachmark--top.c-coachmark--40 {
  &:after, &:before {
    left: 40%;
  }
}

.c-coachmark--top-left.c-coachmark--40.c-coachmark--center_on_arrow, .c-coachmark--top-right.c-coachmark--40.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--40.c-coachmark--center_on_arrow {
  transform: translate(-40%, -100%);
}

.c-coachmark--top-left.c-coachmark--50 {
  &:after, &:before {
    left: 50%;
  }
}

.c-coachmark--top-right.c-coachmark--50 {
  &:after, &:before {
    left: 50%;
  }
}

.c-coachmark--top.c-coachmark--50 {
  &:after, &:before {
    left: 50%;
  }
}

.c-coachmark--top-left.c-coachmark--50.c-coachmark--center_on_arrow, .c-coachmark--top-right.c-coachmark--50.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--50.c-coachmark--center_on_arrow {
  transform: translate(-50%, -100%);
}

.c-coachmark--top-left.c-coachmark--60 {
  &:after, &:before {
    left: 60%;
  }
}

.c-coachmark--top-right.c-coachmark--60 {
  &:after, &:before {
    left: 60%;
  }
}

.c-coachmark--top.c-coachmark--60 {
  &:after, &:before {
    left: 60%;
  }
}

.c-coachmark--top-left.c-coachmark--60.c-coachmark--center_on_arrow, .c-coachmark--top-right.c-coachmark--60.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--60.c-coachmark--center_on_arrow {
  transform: translate(-60%, -100%);
}

.c-coachmark--top-left.c-coachmark--70 {
  &:after, &:before {
    left: 70%;
  }
}

.c-coachmark--top-right.c-coachmark--70 {
  &:after, &:before {
    left: 70%;
  }
}

.c-coachmark--top.c-coachmark--70 {
  &:after, &:before {
    left: 70%;
  }
}

.c-coachmark--top-left.c-coachmark--70.c-coachmark--center_on_arrow, .c-coachmark--top-right.c-coachmark--70.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--70.c-coachmark--center_on_arrow {
  transform: translate(-70%, -100%);
}

.c-coachmark--top-left.c-coachmark--80 {
  &:after, &:before {
    left: 80%;
  }
}

.c-coachmark--top-right.c-coachmark--80 {
  &:after, &:before {
    left: 80%;
  }
}

.c-coachmark--top.c-coachmark--80 {
  &:after, &:before {
    left: 80%;
  }
}

.c-coachmark--top-left.c-coachmark--80.c-coachmark--center_on_arrow, .c-coachmark--top-right.c-coachmark--80.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--80.c-coachmark--center_on_arrow {
  transform: translate(-80%, -100%);
}

.c-coachmark--top-left.c-coachmark--90 {
  &:after, &:before {
    left: 90%;
  }
}

.c-coachmark--top-right.c-coachmark--90 {
  &:after, &:before {
    left: 90%;
  }
}

.c-coachmark--top.c-coachmark--90 {
  &:after, &:before {
    left: 90%;
  }
}

.c-coachmark--top-left.c-coachmark--90.c-coachmark--center_on_arrow, .c-coachmark--top-right.c-coachmark--90.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--90.c-coachmark--center_on_arrow {
  transform: translate(-90%, -100%);
}

.c-coachmark--top-left.c-coachmark--95 {
  &:after, &:before {
    left: 95%;
  }
}

.c-coachmark--top-right.c-coachmark--95 {
  &:after, &:before {
    left: 95%;
  }
}

.c-coachmark--top.c-coachmark--95 {
  &:after, &:before {
    left: 95%;
  }
}

.c-coachmark--top-left.c-coachmark--95.c-coachmark--center_on_arrow, .c-coachmark--top-right.c-coachmark--95.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--95.c-coachmark--center_on_arrow {
  transform: translate(-95%, -100%);
}

.c-coachmark--bottom-left {
  &:after, &:before {
    bottom: 100%;
  }
}

.c-coachmark--bottom-right {
  &:after, &:before {
    bottom: 100%;
  }
}

.c-coachmark--bottom {
  &:after, &:before {
    bottom: 100%;
  }
}

.c-coachmark--bottom-left:after, .c-coachmark--bottom-right:after, .c-coachmark--bottom:after {
  border-bottom-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  margin-left: -12px;
}

.c-coachmark--bottom-left:before, .c-coachmark--bottom-right:before, .c-coachmark--bottom:before {
  border-bottom-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  margin-left: -13px;
}

.c-coachmark--bottom-left.c-coachmark--10 {
  &:after, &:before {
    left: 10%;
  }
}

.c-coachmark--bottom-right.c-coachmark--10 {
  &:after, &:before {
    left: 10%;
  }
}

.c-coachmark--bottom.c-coachmark--10 {
  &:after, &:before {
    left: 10%;
  }
}

.c-coachmark--bottom-left.c-coachmark--10.c-coachmark--center_on_arrow, .c-coachmark--bottom-right.c-coachmark--10.c-coachmark--center_on_arrow, .c-coachmark--bottom.c-coachmark--10.c-coachmark--center_on_arrow {
  transform: translate(-10%);
}

.c-coachmark--bottom-left.c-coachmark--20 {
  &:after, &:before {
    left: 20%;
  }
}

.c-coachmark--bottom-right.c-coachmark--20 {
  &:after, &:before {
    left: 20%;
  }
}

.c-coachmark--bottom.c-coachmark--20 {
  &:after, &:before {
    left: 20%;
  }
}

.c-coachmark--bottom-left.c-coachmark--20.c-coachmark--center_on_arrow, .c-coachmark--bottom-right.c-coachmark--20.c-coachmark--center_on_arrow, .c-coachmark--bottom.c-coachmark--20.c-coachmark--center_on_arrow {
  transform: translate(-20%);
}

.c-coachmark--bottom-left.c-coachmark--30 {
  &:after, &:before {
    left: 30%;
  }
}

.c-coachmark--bottom-right.c-coachmark--30 {
  &:after, &:before {
    left: 30%;
  }
}

.c-coachmark--bottom.c-coachmark--30 {
  &:after, &:before {
    left: 30%;
  }
}

.c-coachmark--bottom-left.c-coachmark--30.c-coachmark--center_on_arrow, .c-coachmark--bottom-right.c-coachmark--30.c-coachmark--center_on_arrow, .c-coachmark--bottom.c-coachmark--30.c-coachmark--center_on_arrow {
  transform: translate(-30%);
}

.c-coachmark--bottom-left.c-coachmark--40 {
  &:after, &:before {
    left: 40%;
  }
}

.c-coachmark--bottom-right.c-coachmark--40 {
  &:after, &:before {
    left: 40%;
  }
}

.c-coachmark--bottom.c-coachmark--40 {
  &:after, &:before {
    left: 40%;
  }
}

.c-coachmark--bottom-left.c-coachmark--40.c-coachmark--center_on_arrow, .c-coachmark--bottom-right.c-coachmark--40.c-coachmark--center_on_arrow, .c-coachmark--bottom.c-coachmark--40.c-coachmark--center_on_arrow {
  transform: translate(-40%);
}

.c-coachmark--bottom-left.c-coachmark--50 {
  &:after, &:before {
    left: 50%;
  }
}

.c-coachmark--bottom-right.c-coachmark--50 {
  &:after, &:before {
    left: 50%;
  }
}

.c-coachmark--bottom.c-coachmark--50 {
  &:after, &:before {
    left: 50%;
  }
}

.c-coachmark--bottom-left.c-coachmark--50.c-coachmark--center_on_arrow, .c-coachmark--bottom-right.c-coachmark--50.c-coachmark--center_on_arrow, .c-coachmark--bottom.c-coachmark--50.c-coachmark--center_on_arrow {
  transform: translate(-50%);
}

.c-coachmark--bottom-left.c-coachmark--60 {
  &:after, &:before {
    left: 60%;
  }
}

.c-coachmark--bottom-right.c-coachmark--60 {
  &:after, &:before {
    left: 60%;
  }
}

.c-coachmark--bottom.c-coachmark--60 {
  &:after, &:before {
    left: 60%;
  }
}

.c-coachmark--bottom-left.c-coachmark--60.c-coachmark--center_on_arrow, .c-coachmark--bottom-right.c-coachmark--60.c-coachmark--center_on_arrow, .c-coachmark--bottom.c-coachmark--60.c-coachmark--center_on_arrow {
  transform: translate(-60%);
}

.c-coachmark--bottom-left.c-coachmark--70 {
  &:after, &:before {
    left: 70%;
  }
}

.c-coachmark--bottom-right.c-coachmark--70 {
  &:after, &:before {
    left: 70%;
  }
}

.c-coachmark--bottom.c-coachmark--70 {
  &:after, &:before {
    left: 70%;
  }
}

.c-coachmark--bottom-left.c-coachmark--70.c-coachmark--center_on_arrow, .c-coachmark--bottom-right.c-coachmark--70.c-coachmark--center_on_arrow, .c-coachmark--bottom.c-coachmark--70.c-coachmark--center_on_arrow {
  transform: translate(-70%);
}

.c-coachmark--bottom-left.c-coachmark--80 {
  &:after, &:before {
    left: 80%;
  }
}

.c-coachmark--bottom-right.c-coachmark--80 {
  &:after, &:before {
    left: 80%;
  }
}

.c-coachmark--bottom.c-coachmark--80 {
  &:after, &:before {
    left: 80%;
  }
}

.c-coachmark--bottom-left.c-coachmark--80.c-coachmark--center_on_arrow, .c-coachmark--bottom-right.c-coachmark--80.c-coachmark--center_on_arrow, .c-coachmark--bottom.c-coachmark--80.c-coachmark--center_on_arrow {
  transform: translate(-80%);
}

.c-coachmark--bottom-left.c-coachmark--90 {
  &:after, &:before {
    left: 90%;
  }
}

.c-coachmark--bottom-right.c-coachmark--90 {
  &:after, &:before {
    left: 90%;
  }
}

.c-coachmark--bottom.c-coachmark--90 {
  &:after, &:before {
    left: 90%;
  }
}

.c-coachmark--bottom-left.c-coachmark--90.c-coachmark--center_on_arrow, .c-coachmark--bottom-right.c-coachmark--90.c-coachmark--center_on_arrow, .c-coachmark--bottom.c-coachmark--90.c-coachmark--center_on_arrow {
  transform: translate(-90%);
}

.c-coachmark--bottom-left.c-coachmark--95 {
  &:after, &:before {
    left: 95%;
  }
}

.c-coachmark--bottom-right.c-coachmark--95 {
  &:after, &:before {
    left: 95%;
  }
}

.c-coachmark--bottom.c-coachmark--95 {
  &:after, &:before {
    left: 95%;
  }
}

.c-coachmark--bottom-left.c-coachmark--95.c-coachmark--center_on_arrow, .c-coachmark--bottom-right.c-coachmark--95.c-coachmark--center_on_arrow, .c-coachmark--bottom.c-coachmark--95.c-coachmark--center_on_arrow {
  transform: translate(-95%);
}

.c-coachmark--left, .c-coachmark--left-bottom, .c-coachmark--left-top {
  transform: translate(-110%, -50%);
}

.c-coachmark--left-bottom {
  &:after, &:before {
    left: 100%;
  }
}

.c-coachmark--left-top {
  &:after, &:before {
    left: 100%;
  }
}

.c-coachmark--left {
  &:after, &:before {
    left: 100%;
  }
}

.c-coachmark--left-bottom:after, .c-coachmark--left-top:after, .c-coachmark--left:after {
  border-left-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  margin-top: -12px;
}

.c-coachmark--left-bottom:before, .c-coachmark--left-top:before, .c-coachmark--left:before {
  border-left-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  margin-top: -13px;
}

.c-coachmark--left-bottom.c-coachmark--10 {
  &:after, &:before {
    top: 10%;
  }
}

.c-coachmark--left-top.c-coachmark--10 {
  &:after, &:before {
    top: 10%;
  }
}

.c-coachmark--left.c-coachmark--10 {
  &:after, &:before {
    top: 10%;
  }
}

.c-coachmark--left-bottom.c-coachmark--10.c-coachmark--center_on_arrow, .c-coachmark--left-top.c-coachmark--10.c-coachmark--center_on_arrow, .c-coachmark--left.c-coachmark--10.c-coachmark--center_on_arrow {
  transform: translate(-110%, -10%);
}

.c-coachmark--left-bottom.c-coachmark--20 {
  &:after, &:before {
    top: 20%;
  }
}

.c-coachmark--left-top.c-coachmark--20 {
  &:after, &:before {
    top: 20%;
  }
}

.c-coachmark--left.c-coachmark--20 {
  &:after, &:before {
    top: 20%;
  }
}

.c-coachmark--left-bottom.c-coachmark--20.c-coachmark--center_on_arrow, .c-coachmark--left-top.c-coachmark--20.c-coachmark--center_on_arrow, .c-coachmark--left.c-coachmark--20.c-coachmark--center_on_arrow {
  transform: translate(-110%, -20%);
}

.c-coachmark--left-bottom.c-coachmark--30 {
  &:after, &:before {
    top: 30%;
  }
}

.c-coachmark--left-top.c-coachmark--30 {
  &:after, &:before {
    top: 30%;
  }
}

.c-coachmark--left.c-coachmark--30 {
  &:after, &:before {
    top: 30%;
  }
}

.c-coachmark--left-bottom.c-coachmark--30.c-coachmark--center_on_arrow, .c-coachmark--left-top.c-coachmark--30.c-coachmark--center_on_arrow, .c-coachmark--left.c-coachmark--30.c-coachmark--center_on_arrow {
  transform: translate(-110%, -30%);
}

.c-coachmark--left-bottom.c-coachmark--40 {
  &:after, &:before {
    top: 40%;
  }
}

.c-coachmark--left-top.c-coachmark--40 {
  &:after, &:before {
    top: 40%;
  }
}

.c-coachmark--left.c-coachmark--40 {
  &:after, &:before {
    top: 40%;
  }
}

.c-coachmark--left-bottom.c-coachmark--40.c-coachmark--center_on_arrow, .c-coachmark--left-top.c-coachmark--40.c-coachmark--center_on_arrow, .c-coachmark--left.c-coachmark--40.c-coachmark--center_on_arrow {
  transform: translate(-110%, -40%);
}

.c-coachmark--left-bottom.c-coachmark--50 {
  &:after, &:before {
    top: 50%;
  }
}

.c-coachmark--left-top.c-coachmark--50 {
  &:after, &:before {
    top: 50%;
  }
}

.c-coachmark--left.c-coachmark--50 {
  &:after, &:before {
    top: 50%;
  }
}

.c-coachmark--left-bottom.c-coachmark--50.c-coachmark--center_on_arrow, .c-coachmark--left-top.c-coachmark--50.c-coachmark--center_on_arrow, .c-coachmark--left.c-coachmark--50.c-coachmark--center_on_arrow {
  transform: translate(-110%, -50%);
}

.c-coachmark--left-bottom.c-coachmark--60 {
  &:after, &:before {
    top: 60%;
  }
}

.c-coachmark--left-top.c-coachmark--60 {
  &:after, &:before {
    top: 60%;
  }
}

.c-coachmark--left.c-coachmark--60 {
  &:after, &:before {
    top: 60%;
  }
}

.c-coachmark--left-bottom.c-coachmark--60.c-coachmark--center_on_arrow, .c-coachmark--left-top.c-coachmark--60.c-coachmark--center_on_arrow, .c-coachmark--left.c-coachmark--60.c-coachmark--center_on_arrow {
  transform: translate(-110%, -60%);
}

.c-coachmark--left-bottom.c-coachmark--70 {
  &:after, &:before {
    top: 70%;
  }
}

.c-coachmark--left-top.c-coachmark--70 {
  &:after, &:before {
    top: 70%;
  }
}

.c-coachmark--left.c-coachmark--70 {
  &:after, &:before {
    top: 70%;
  }
}

.c-coachmark--left-bottom.c-coachmark--70.c-coachmark--center_on_arrow, .c-coachmark--left-top.c-coachmark--70.c-coachmark--center_on_arrow, .c-coachmark--left.c-coachmark--70.c-coachmark--center_on_arrow {
  transform: translate(-110%, -70%);
}

.c-coachmark--left-bottom.c-coachmark--80 {
  &:after, &:before {
    top: 80%;
  }
}

.c-coachmark--left-top.c-coachmark--80 {
  &:after, &:before {
    top: 80%;
  }
}

.c-coachmark--left.c-coachmark--80 {
  &:after, &:before {
    top: 80%;
  }
}

.c-coachmark--left-bottom.c-coachmark--80.c-coachmark--center_on_arrow, .c-coachmark--left-top.c-coachmark--80.c-coachmark--center_on_arrow, .c-coachmark--left.c-coachmark--80.c-coachmark--center_on_arrow {
  transform: translate(-110%, -80%);
}

.c-coachmark--left-bottom.c-coachmark--90 {
  &:after, &:before {
    top: 90%;
  }
}

.c-coachmark--left-top.c-coachmark--90 {
  &:after, &:before {
    top: 90%;
  }
}

.c-coachmark--left.c-coachmark--90 {
  &:after, &:before {
    top: 90%;
  }
}

.c-coachmark--left-bottom.c-coachmark--90.c-coachmark--center_on_arrow, .c-coachmark--left-top.c-coachmark--90.c-coachmark--center_on_arrow, .c-coachmark--left.c-coachmark--90.c-coachmark--center_on_arrow {
  transform: translate(-110%, -90%);
}

.c-coachmark--left-bottom.c-coachmark--95 {
  &:after, &:before {
    top: 95%;
  }
}

.c-coachmark--left-top.c-coachmark--95 {
  &:after, &:before {
    top: 95%;
  }
}

.c-coachmark--left.c-coachmark--95 {
  &:after, &:before {
    top: 95%;
  }
}

.c-coachmark--left-bottom.c-coachmark--95.c-coachmark--center_on_arrow, .c-coachmark--left-top.c-coachmark--95.c-coachmark--center_on_arrow, .c-coachmark--left.c-coachmark--95.c-coachmark--center_on_arrow {
  transform: translate(-110%, -95%);
}

.c-coachmark--right, .c-coachmark--right-bottom, .c-coachmark--right-top {
  transform: translateY(-50%);
}

.c-coachmark--right-bottom {
  &:after, &:before {
    right: 100%;
    top: 50%;
  }
}

.c-coachmark--right-top {
  &:after, &:before {
    right: 100%;
    top: 50%;
  }
}

.c-coachmark--right {
  &:after, &:before {
    right: 100%;
    top: 50%;
  }
}

.c-coachmark--right-bottom:after, .c-coachmark--right-top:after, .c-coachmark--right:after {
  border-right-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  margin-top: -12px;
}

.c-coachmark--right-bottom:before, .c-coachmark--right-top:before, .c-coachmark--right:before {
  border-right-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  margin-top: -13px;
}

.c-coachmark--right-bottom.c-coachmark--10 {
  &:after, &:before {
    top: 10%;
  }
}

.c-coachmark--right-top.c-coachmark--10 {
  &:after, &:before {
    top: 10%;
  }
}

.c-coachmark--right.c-coachmark--10 {
  &:after, &:before {
    top: 10%;
  }
}

.c-coachmark--right-bottom.c-coachmark--10.c-coachmark--center_on_arrow, .c-coachmark--right-top.c-coachmark--10.c-coachmark--center_on_arrow, .c-coachmark--right.c-coachmark--10.c-coachmark--center_on_arrow {
  transform: translateY(-10%);
}

.c-coachmark--right-bottom.c-coachmark--20 {
  &:after, &:before {
    top: 20%;
  }
}

.c-coachmark--right-top.c-coachmark--20 {
  &:after, &:before {
    top: 20%;
  }
}

.c-coachmark--right.c-coachmark--20 {
  &:after, &:before {
    top: 20%;
  }
}

.c-coachmark--right-bottom.c-coachmark--20.c-coachmark--center_on_arrow, .c-coachmark--right-top.c-coachmark--20.c-coachmark--center_on_arrow, .c-coachmark--right.c-coachmark--20.c-coachmark--center_on_arrow {
  transform: translateY(-20%);
}

.c-coachmark--right-bottom.c-coachmark--30 {
  &:after, &:before {
    top: 30%;
  }
}

.c-coachmark--right-top.c-coachmark--30 {
  &:after, &:before {
    top: 30%;
  }
}

.c-coachmark--right.c-coachmark--30 {
  &:after, &:before {
    top: 30%;
  }
}

.c-coachmark--right-bottom.c-coachmark--30.c-coachmark--center_on_arrow, .c-coachmark--right-top.c-coachmark--30.c-coachmark--center_on_arrow, .c-coachmark--right.c-coachmark--30.c-coachmark--center_on_arrow {
  transform: translateY(-30%);
}

.c-coachmark--right-bottom.c-coachmark--40 {
  &:after, &:before {
    top: 40%;
  }
}

.c-coachmark--right-top.c-coachmark--40 {
  &:after, &:before {
    top: 40%;
  }
}

.c-coachmark--right.c-coachmark--40 {
  &:after, &:before {
    top: 40%;
  }
}

.c-coachmark--right-bottom.c-coachmark--40.c-coachmark--center_on_arrow, .c-coachmark--right-top.c-coachmark--40.c-coachmark--center_on_arrow, .c-coachmark--right.c-coachmark--40.c-coachmark--center_on_arrow {
  transform: translateY(-40%);
}

.c-coachmark--right-bottom.c-coachmark--50 {
  &:after, &:before {
    top: 50%;
  }
}

.c-coachmark--right-top.c-coachmark--50 {
  &:after, &:before {
    top: 50%;
  }
}

.c-coachmark--right.c-coachmark--50 {
  &:after, &:before {
    top: 50%;
  }
}

.c-coachmark--right-bottom.c-coachmark--50.c-coachmark--center_on_arrow, .c-coachmark--right-top.c-coachmark--50.c-coachmark--center_on_arrow, .c-coachmark--right.c-coachmark--50.c-coachmark--center_on_arrow {
  transform: translateY(-50%);
}

.c-coachmark--right-bottom.c-coachmark--60 {
  &:after, &:before {
    top: 60%;
  }
}

.c-coachmark--right-top.c-coachmark--60 {
  &:after, &:before {
    top: 60%;
  }
}

.c-coachmark--right.c-coachmark--60 {
  &:after, &:before {
    top: 60%;
  }
}

.c-coachmark--right-bottom.c-coachmark--60.c-coachmark--center_on_arrow, .c-coachmark--right-top.c-coachmark--60.c-coachmark--center_on_arrow, .c-coachmark--right.c-coachmark--60.c-coachmark--center_on_arrow {
  transform: translateY(-60%);
}

.c-coachmark--right-bottom.c-coachmark--70 {
  &:after, &:before {
    top: 70%;
  }
}

.c-coachmark--right-top.c-coachmark--70 {
  &:after, &:before {
    top: 70%;
  }
}

.c-coachmark--right.c-coachmark--70 {
  &:after, &:before {
    top: 70%;
  }
}

.c-coachmark--right-bottom.c-coachmark--70.c-coachmark--center_on_arrow, .c-coachmark--right-top.c-coachmark--70.c-coachmark--center_on_arrow, .c-coachmark--right.c-coachmark--70.c-coachmark--center_on_arrow {
  transform: translateY(-70%);
}

.c-coachmark--right-bottom.c-coachmark--80 {
  &:after, &:before {
    top: 80%;
  }
}

.c-coachmark--right-top.c-coachmark--80 {
  &:after, &:before {
    top: 80%;
  }
}

.c-coachmark--right.c-coachmark--80 {
  &:after, &:before {
    top: 80%;
  }
}

.c-coachmark--right-bottom.c-coachmark--80.c-coachmark--center_on_arrow, .c-coachmark--right-top.c-coachmark--80.c-coachmark--center_on_arrow, .c-coachmark--right.c-coachmark--80.c-coachmark--center_on_arrow {
  transform: translateY(-80%);
}

.c-coachmark--right-bottom.c-coachmark--90 {
  &:after, &:before {
    top: 90%;
  }
}

.c-coachmark--right-top.c-coachmark--90 {
  &:after, &:before {
    top: 90%;
  }
}

.c-coachmark--right.c-coachmark--90 {
  &:after, &:before {
    top: 90%;
  }
}

.c-coachmark--right-bottom.c-coachmark--90.c-coachmark--center_on_arrow, .c-coachmark--right-top.c-coachmark--90.c-coachmark--center_on_arrow, .c-coachmark--right.c-coachmark--90.c-coachmark--center_on_arrow {
  transform: translateY(-90%);
}

.c-coachmark--right-bottom.c-coachmark--95 {
  &:after, &:before {
    top: 95%;
  }
}

.c-coachmark--right-top.c-coachmark--95 {
  &:after, &:before {
    top: 95%;
  }
}

.c-coachmark--right.c-coachmark--95 {
  &:after, &:before {
    top: 95%;
  }
}

.c-coachmark--right-bottom.c-coachmark--95.c-coachmark--center_on_arrow, .c-coachmark--right-top.c-coachmark--95.c-coachmark--center_on_arrow, .c-coachmark--right.c-coachmark--95.c-coachmark--center_on_arrow {
  transform: translateY(-95%);
}

.p-windowing_nux_coachmark .p-windowing_nux_coachmark__paragraph {
  margin-bottom: 8px;
}

.p-open_in_new_window_button.p-open_in_new_window_button--pulse {
  background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  color: #fff;
  position: relative;

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

  &:not(:focus):after {
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.3);
    animation: open-in-new-window-pulse 1s ease-in-out infinite alternate;
    border-radius: 4px;
    box-shadow: 0 0 0 6px var(--saf-0);
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1;
  }
}

@keyframes open-in-new-window-pulse {
  0%, 20% {
    transform: scale(0.75);
  }

  80%, to {
    transform: scale(1);
  }
}

.c-input_select_options_list_container:not(.c-input_select_options_list_container--always-open) {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border: 1px solid var(--saf-0);
  border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 4px;
  box-shadow: 0 0 4px #0000001a;
  margin: 4px 0;
  outline: none;
  overflow: hidden;
  padding: 4px 0;
  position: fixed;
  transition: border 80ms ease-out, box-shadow 80ms ease-out;
  z-index: 1012;
}

.c-input_select_options_list {
  height: 100%;
  overflow-y: auto;

  .ReactVirtualized__Grid__innerScrollContainer {
    will-change: transform;
  }
}

.c-input_select_options_list__option {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  cursor: pointer;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 2.15384615;
  overflow: hidden;
  padding: 0 8px;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.c-input_select_options_list__option--selected {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.c-input_select_options_list__option--active {
  --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.4);
  background-color: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.1);
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px var(--saf-0);
}

.c-input_select_options_list__option {
  &:active, &:focus {
    outline: none;
  }

  .emoji-sizer {
    font-size: 13px;
  }
}

.c-input_select_options_list__option_description {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  margin-left: 4px;
}

.c-input_select_options_list_container--grouped {
  .c-input_select_options_list__option_group_label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    line-height: 2.15384615;
    overflow: hidden;
    padding: 0 8px;
    text-overflow: ellipsis;
    white-space: nowrap;

    wbr {
      display: none;
    }
  }

  .c-input_select_options_list__option:not(.c-input_select_options_list__option--placeholder) {
    padding-left: 16px;
  }
}

.c-input_select_options_list__empty_state {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  cursor: pointer;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 2.15384615;
  overflow: hidden;
  padding: 0 8px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.c-input_select_options_list__empty_state--selected {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.c-input_select_options_list__empty_state--active {
  --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.4);
  background-color: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.1);
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px var(--saf-0);
}

.c-input_select_options_list__empty_state {
  &:active, &:focus {
    outline: none;
  }

  .emoji-sizer {
    font-size: 13px;
  }
}

@media only screen and (max-width: 375px) {
  .c-input_select_options_list__empty_state {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
}

.c-input_select_options_list__loading_state {
  align-items: center;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  cursor: pointer;
  display: block;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  height: 1.75rem;
  justify-content: center;
  line-height: 2.15384615;
  line-height: 1.75rem;
  overflow: hidden;
  padding: 0 8px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.c-input_select_options_list__loading_state--selected {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.c-input_select_options_list__loading_state--active {
  --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.4);
  background-color: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.1);
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px var(--saf-0);
}

.c-input_select_options_list__loading_state {
  &:active, &:focus {
    outline: none;
  }

  .emoji-sizer {
    font-size: 13px;
  }

  .c-input_select_options_list__loading_state_message {
    margin-left: 4px;
  }
}

.supports_custom_scrollbar .c-input_select_options_list__virtualized_list {
  border-right: none;

  &::-webkit-scrollbar {
    -webkit-appearance: none;
    position: absolute;
    width: 8px;
  }

  &::-webkit-scrollbar-thumb {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
  }

  &::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
    background: #0000;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
  }

  &::-webkit-scrollbar-thumb {
    background: #0000;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px;
  }

  &::-webkit-scrollbar-corner {
    background: #0000;
  }

  &::-webkit-scrollbar {
    width: 16px;
  }

  &::-webkit-scrollbar-thumb, &::-webkit-scrollbar-track {
    border-left: 4px solid #0000;
    border-radius: 6px/4px;
    border-right: 4px solid #0000;
  }

  &:hover {
    border-right: none;

    &::-webkit-scrollbar {
      -webkit-appearance: none;
      position: absolute;
      width: 8px;
    }

    &::-webkit-scrollbar-thumb {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
    }

    &::-webkit-scrollbar-track {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
      background: #0000;
      box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
    }

    &::-webkit-scrollbar-thumb {
      background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.52);
      box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
      min-height: 36px;
    }

    &::-webkit-scrollbar-corner {
      background: #0000;
    }

    &::-webkit-scrollbar {
      width: 16px;
    }

    &::-webkit-scrollbar-thumb, &::-webkit-scrollbar-track {
      border-left: 4px solid #0000;
      border-radius: 6px/4px;
      border-right: 4px solid #0000;
    }
  }
}

.c-input_select_options_list__virtualized_list:not(.c-input_select_options_list__virtualized_list--full-width) .ReactVirtualized__Grid__innerScrollContainer {
  margin: 0 4px;
}

.c-input_select {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  font-size: 15px;
  font-weight: 400;
  height: 36px;
  justify-content: space-between;
  line-height: 1.86666667;
  margin: 0 0 20px;
  padding: 0;
  transition: border 80ms ease-out, box-shadow 80ms ease-out;

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

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

  &[disabled] {
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border: 1px solid var(--saf-0);
    cursor: default;
  }
}

.c-input_select--with_default {
  --saf-0: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  border: 1px solid var(--saf-0);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;

  &:focus {
    --saf-0: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    --saf-1: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 0.3);
    border-radius: 4px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
  }
}

.c-input_select--with_info {
  border: 1px solid #1d9bd1;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;

  &:focus {
    border-radius: 4px;
    box-shadow: 0 0 0 1px #1d9bd1, 0 0 0 5px #1d9bd14d;
  }
}

.c-input_select--with_success {
  border: 1px solid #007a5a;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;

  &:focus {
    border-radius: 4px;
    box-shadow: 0 0 0 1px #007a5a, 0 0 0 5px #007a5a4d;
  }
}

.c-input_select--with_warning {
  border: 1px solid #e8912d;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;

  &:focus {
    border-radius: 4px;
    box-shadow: 0 0 0 1px #e8912d, 0 0 0 5px #e8912d4d;
  }
}

.c-input_select--with_error {
  --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  border: 1px solid var(--saf-0);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;

  &:focus {
    --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    --saf-1: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.3);
    border-radius: 4px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
  }
}

.c-input_select--with_inline_alert {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;

  &.c-input_select--with_error {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }
}

.c-input_select--active, .c-input_select:focus {
  outline: none;
}

.c-input_select--active {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  -webkit-appearance: none;
  border-color: #0000;
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;

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

.c-input_select--with_hint {
  margin-bottom: 0;
}

input.c-input_select__filter_input {
  background-color: initial;
  border: 0;
  border-radius: 4px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  cursor: pointer;
  font-size: 15px;
  height: 100%;
  line-height: 1.86666667;
  margin: 0;
  outline: none;
  padding: 4px 12px;
  width: calc(100% - 20px);

  &::placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }

  &[disabled] {
    cursor: default;
  }
}

.c-input_select--short input.c-input_select__filter_input {
  font-size: 13px;
  height: 28px;
  height: 100%;
  line-height: 1.38461538;

  .emoji-sizer {
    font-size: 0.8125rem;
  }

  .c-input_select__chevron {
    height: 28px;
  }

  .c-input_select__selected_value {
    height: 28px;
    line-height: 28px;
  }
}

input.c-input_select__filter_input.offscreen {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  width: 1px;
}

.c-input_select__selected_value {
  align-items: center;
  display: block;
  display: flex;
  outline: none;
  overflow: hidden;
  padding: 4px 12px;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 100%;

  wbr {
    display: none;
  }

  .c-input_select__selected_value_mrkdwn {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;

    wbr {
      display: none;
    }
  }
}

.c-input_select__selected_value--active, .c-input_select__selected_value--placeholder {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.c-input_select__chevron {
  flex-shrink: 0;
  font-size: 1.25rem;
  position: relative;
  right: 8px;
}

.c-input_select--short {
  font-size: 13px;
  height: 28px;
  line-height: 1.38461538;

  .emoji-sizer {
    font-size: 0.8125rem;
  }

  .c-input_select__chevron {
    height: 28px;
  }

  .c-input_select__selected_value {
    height: 28px;
    line-height: 28px;
  }
}

.c-input_select.c-input_select--small {
  font-size: 13px;
  height: 28px;
}

.c-input_select--large {
  height: 44px;
}

.c-input_select--open_panel {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 4px;
  box-shadow: 0 0 4px #0000001a;
  left: 0;
  margin: 4px 0;
  overflow: hidden;
  padding: 20px 20px 0;
  position: absolute;
  transition: border 80ms ease-out, box-shadow 80ms ease-out;
  z-index: 1000;

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

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

  &[disabled] {
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border: 1px solid var(--saf-0);
  }
}

.c-input_select--always-open.c-input_select--sans-filter {
  border: 0;
  box-shadow: 0;
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;

  &:focus {
    box-shadow: none;
  }
}

.c-input_select__icon:before {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 15px;
  padding-left: 12px;
  padding-right: 8px;
}

.c-input_select--with_icon input.c-input_select__filter_input {
  padding-left: 0;
}

.c-contextual_help_for_conversation_navigation__modal .c-contextual_help_shortcuts_list__container, .c-contextual_help_for_thread_navigation__modal .c-contextual_help_shortcuts_list__container {
  height: 192px;
  margin-block-start: 16px;
}

.c-contextual_help_shortcuts_list__container {
  .c-contextual_help_shortcuts_list__row {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: space-between;
  }

  .c-virtual_list__item:not(:last-of-type) {
    border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-style: solid;
    border-width: 0 0 1px;
  }

  .c-contextual_help_shortcuts_list__row_label {
    padding: 12px 0;
  }

  .c-contextual_help_shortcuts_list__row_shortcut .c-keyboard_key--slim:last-of-type {
    margin-inline-end: 0;
  }
}

.c-contextual_help_shortcuts_list__footer_with_checkbox {
  margin-block-start: 20px;
}

.p-pdf_viewer {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  height: 100%;
  width: 100%;
}

.p-pdf_viewer--media_viewer {
  background: #0000;
}

.p-pdf_viewer__error, .p-pdf_viewer__loading {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  width: 100%;
}

.p-pdf_viewer__error {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  background-image: url(./broken_image-871454d.png);
  background-position: 50%;
  background-repeat: no-repeat;
}

.p-pdf_viewer__frame {
  border: none;
  height: 100%;
  width: 100%;
}

.p-client_desktop--ia-top-nav .p-pdf_viewer {
  border-top: none;
}

.p-embedded_link_editor__edit_view {
  min-width: 320px;
  padding: 16px;
}

.p-embedded_link_editor__edit_view__footer {
  display: flex;
  font-size: 15px;
  font-weight: 400;
  justify-content: flex-end;
  line-height: 1.46668;

  .p-embedded_link_editor__edit_view__cancel_button {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    margin-right: 24px;
  }

  .p-embedded_link_editor__edit_view__remove_button {
    margin-right: auto;
  }
}

.p-embedded_link_editor__edit_view__title__container {
  display: flex;
}

.p-embedded_link_editor__edit_view__title__container__input {
  flex-grow: 1;

  &.p-embedded_link_editor__edit_view__title__container__input--has-leading-emoji .c-input_text {
    padding-left: 56px;
  }
}

.p-embedded_link_editor__edit_view__title__container__image {
  align-content: center;
  display: flex;
  justify-content: space-between;
  margin: 8px;
  position: absolute;
  width: 44px;
}

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

.p-workflow_attribution {
  align-items: center;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  font-size: 12px;
  width: 100%;
}

.p-workflow_attribution__icon {
  display: flex;
  margin-right: 8px;
}

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

.p-workflow_details_modal__header--error_icon {
  font-size: 36px;
}

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

.p-workflow_details_modal__content--error {
  padding: 8px 28px 0;
}

.p-workflow_details_modal__content__section {
  --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);
  border-radius: 12px;
  margin: 16px 28px;
  padding: 16px 20px;
}

.p-workflow_details_modal__content__section__title {
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;
  margin-bottom: 8px;

  &:not(:first-of-type) {
    margin-top: 8px;
  }
}

.p-workflow_details_modal_footer_actions {
  display: flex;
}

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

.p-workflow_steps__step {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  flex-direction: column;
  margin-top: 8px;
}

.p-workflow_steps__step__primary {
  align-items: center;
  display: flex;
  flex-direction: row;
}

.p-workflow_steps__step__secondary {
  margin-left: 28px;
}

.p-workflow_steps__step__title--loading_stub {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 5px;
  height: 10px;
  width: 120px;
}

.p-workflow_steps__step__icon {
  align-items: center;
  display: flex;
  margin-right: 8px;
}

.p-workflow_steps__step__title {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.c-missing_app {
  border-radius: 1.1rem;
  display: inline-block;
  height: .55rem;
  width: 80px;
}

.c-missing_app--unknown {
  background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

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

.c-missing_app--subtler {
  opacity: 0.4;
}

.c-missing_app--unknown_inverted {
  background-color: #fff;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.c-missing_app--non_existent_inverted {
  --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  background: none;
  border: 1px solid var(--saf-0);
}

.c-app_entity__label {
  font-weight: 700;
  margin-right: 8px;
}

.p-workflow_start_button {
  display: flex;
  gap: 4px;
}

.c-file_container {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid #0000001a;
  border-radius: 4px;
  max-width: 600px;
  min-width: 230px;
  padding: 15px;
  position: relative;

  .c-file__actions {
    position: absolute;
    right: 15px;
    top: 19px;
  }

  .c-file__actions--snippet {
    right: 10px;
    top: 10px;
  }

  .c-file__actions--email {
    top: 15px;
  }

  &:hover {
    border-color: #00000026;
    box-shadow: 0 1px 1px #0000000f;
  }

  &:focus-within .c-file__actions, &:hover .c-file__actions {
    opacity: 1;
  }
}

.c-file_container--full_width {
  max-width: none;
}

.c-file_container--has_thumb {
  max-width: 430px;

  .c-file__actions:before {
    background-image: linear-gradient(90deg, #fff0, #fff 20px);
    bottom: -10px;
    content: '';
    left: -20px;
    position: absolute;
    right: 0;
    top: -19px;
  }
}

.c-file__thumb {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid var(--saf-0);
  height: 200px;
  margin-top: 12px;
  width: 400px;
}

.c-file__thumb--landscape {
  background-position: 50%;
}

.c-file__media {
  margin-top: 12px;
}

.c-file__media--video {
  background: #000;
  display: block;
  height: 320px;
  width: 100%;
}

.c-file__actions {
  opacity: 0;
  transition: opacity 0.1s;
}

.c-file__actions__hover {
  opacity: 1;
}

.c-file__actions--image {
  position: absolute;
  right: 10px;
  top: 10px;
}

.c-file__actions--overflow {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 0.9);
  border: 1px solid #0000001a;
  border-radius: 6px;
  left: 10px;
  padding: 6px 6px 6px 0;
  right: auto;
  white-space: nowrap;
}

.c-file__actions--overflow__new-file-actions {
  right: auto;
}

.c-file__actions--short {
  display: none;
}

.c-file__action_button {
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 0.9);
  border-radius: 4px;
  box-shadow: none;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  margin-left: 6px;
  padding: 0 .6rem;
  position: relative;
  vertical-align: top;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);

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

  .c-deprecated-icon:before {
    line-height: 30px;
  }

  &:after {
    border: 1px solid #0000001a;
    border-radius: 6px;
    bottom: -1px;
    content: '';
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
  }

  &:active, &:focus, &:hover {
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    text-decoration: none;
  }

  &:active {
    box-shadow: inset 0 2px 4px #00000026;
  }
}

.c-file__action_button--icon {
  width: 32px;
}

.c-file__action_button--dark {
  background-color: #616061e6;
  color: #fff;

  &:active, &:hover {
    background-color: #616061e6;
    color: #fff;
  }

  &:after {
    border-color: #616061e6;
  }
}

.c-file__highlight {
  background-color: #f2c74433;
}

.c-file__actions .c-file__finder_button {
  margin-right: 4px;
}

.c-file__image_drag_drop_wrapper {
  height: 100%;
}

.c-file__svg_icon svg {
  bottom: 2px;
  position: relative;
}

.p-file_link_button--link {
  display: block;
  width: 100%;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  text-decoration: none;

  &.c-link--button, &.c-link--focus-visible:focus, &:focus, &:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    text-decoration: none;
  }
}

.p-file_quip_canvas {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  cursor: pointer;
  display: flex;
  margin-top: 12px;
  padding-top: 12px;
}

.p-file_quip_canvas_text_select--focus_ring .c-select_button {
  border: none;
  box-shadow: none;
}

.p-file_quip_canvas_text_select .c-select_button__icon--small {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  margin-left: 4px;
}

.c-pillow_file_container {
  max-width: 600px;
  min-width: 200px;
  position: relative;

  .c-file__actions, .c-file__callout_badge, .c-file__mention_badge {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 2;
  }

  .c-file__callout_badge {
    background-color: #0b4c8c;
    border-radius: 23px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
  }

  .c-file__actions__hover, &.c-pillow_file_container--focus-within .c-file__actions, &:hover .c-file__actions {
    opacity: 1;
  }

  &.c-pillow_file_container--focus-within .c-pillow_file__expandable_pill, &:hover .c-pillow_file__expandable_pill {
    opacity: 1;
    transform: translateY(0);
  }
}

.c-pillow_file_container--embedded {
  max-width: none;
  min-width: unset;

  .c-audio_player {
    cursor: -mox-grab;
    cursor: grab;

    &:active {
      cursor: grabbing;
    }
  }
}

.c-pillow_file_container--download .c-pillow_file {
  overflow: visible;
}

.c-pillow_file_container--full_width {
  border: none;
  border-radius: 0;
  transition-property: background;

  &:hover {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    box-shadow: none;
  }

  &.c-pillow_file_container--focus-within {
    box-shadow: none;
  }

  .c-file__actions {
    right: 16px;
    top: 16px;
  }
}

.c-pillow_file_container--active_download {
  &:hover {
    background: none;
  }

  .c-pillow_file__description, .c-pillow_file__title {
    color: #fff;
  }
}

.c-downloads_modal__list_item .c-pillow_file__description {
  padding-right: 80px;
}

.c-pillow_file {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 12px;
  transition-duration: .1s;
  transition-property: border-color, box-shadow;

  &:focus-within:not(.c-link--focus-visible:focus):not(.c-pillow_file--focus), &:hover:not(.c-link--focus-visible:focus):not(.c-pillow_file--focus) {
    border-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.15);
    box-shadow: 0 1px 1px #0000000f;
  }

  &.c-link--focus-visible:focus {
    border-color: #0000;
    border-radius: 12px;
  }
}

.c-pillow_file--clickable {
  cursor: pointer;
}

.c-pillow_file--view {
  cursor: zoom-in;
}

.c-pillow_file--focus {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-color: #0000;
  border-radius: 4px;
  border-radius: 12px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.c-pillow_file--full_width {
  padding: 16px 16px 16px 12px;

  .c-pillow_file__header:link {
    margin: -16px;
    padding: 16px;
  }
}

.c-pillow_file--active_download {
  background-color: #1d1c1d;
  border: none;
  border-radius: 6px;
  padding: 12px;

  .c-pillow_file__header:link {
    margin: -12px;
    padding: 12px;
  }
}

.c-pillow_file_meta_icon {
  display: none;
  opacity: 0;
}

.c-pillow_file__header {
  display: flex;
  outline: none;

  &:link {
    margin: -12px;
    padding: 12px;

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

  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  text-decoration: none;
}

.c-pillow_file_container--download .c-pillow_file__header:link:focus {
  z-index: 2;
}

.c-pillow_file__header.c-link--focus-visible {
  margin: -8px;
  padding: 8px;
}

.c-pillow_file__header--hidden, .c-pillow_file__header--tombstone {
  align-items: center;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.c-pillow_file__header--fsfv {
  cursor: nesw-resize;
  cursor: zoom-in;
}

.c-pillow_file__swap {
  position: relative;
  vertical-align: top;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;

  .c-pillow_file__slide {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    left: 0;
    position: absolute;
  }
}

.c-pillow_file_container--download .c-pillow_file__slide {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
}

.c-pillow_file--active_download .c-pillow_file__slide {
  background: #1d1c1d;
}

.c-pillow_file__slide {
  opacity: 0;
  position: absolute;
  transform: translateY(-5px);
  transition: all 0.1s ease-out 0.1s;
}

.c-pillow_file_container:hover .c-pillow_file__slide {
  opacity: 1;
  transform: translateY(0);
}

.c-pillow_file__icon {
  align-self: flex-start;
  height: 36px;
  margin-right: 12px;
  min-width: 36px;
  position: relative;
  width: 36px;

  &.c-icon--filetype:before {
    font-size: 46px;
    left: 50%;
    line-height: 36px;
    position: absolute;
    transform: translateX(-50%);
  }
}

.c-pillow_file__icon--slide:after {
  --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 3px solid var(--saf-0);
  border-radius: 100%;
  bottom: -5px;
  box-sizing: initial;
  color: #fff;
  content: '\E289';
  display: inline-block;
  font-family: Slack v2;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  height: 10px;
  line-height: 10px;
  opacity: 0;
  padding: 3px;
  position: absolute;
  right: -5px;
  text-indent: -5px;
  transform: translateY(-5px);
  transition: all .1s ease-out .1s;
  vertical-align: middle;
  width: 10px;
}

.c-pillow_file_container:hover .c-pillow_file__icon--slide:after {
  opacity: 1;
  transform: translateY(0);
}

.c-pillow_file__icon--external:after, .c-pillow_file__icon--remote:after, .c-pillow_file__icon--window:after {
  border-radius: 6px;
  content: '';
}

.c-pillow_file__icon--open:after {
  border-radius: 6px;
  content: '';
}

.c-pillow_file__icon--view:after {
  border-radius: 6px;
  content: '';
}

.c-pillow_file__icon--detail:after {
  content: '';
}

.c-pillow_file__icon--hidden, .c-pillow_file__icon--not_found, .c-pillow_file__icon--tombstone, .c-pillow_file__icon--unknown {
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 3px;
}

.c-pillow_file__thumb_36 {
  background-position: 50%;
  background-size: cover;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #0000001a;
  overflow: hidden;
}

.c-pillow_file__tiny_thumb_overflow_wrapper, .c-pillow_file__tiny_thumb_wrapper {
  align-self: flex-start;
  border-radius: 4px;
  display: flex;
  height: 36px;
  margin-right: 12px;
  min-width: 36px;
  overflow: hidden;
  width: 36px;
}

.c-pillow_file__tiny_thumb_overflow_wrapper {
  box-shadow: inset 0 0 0 1px #0000001a;
}

.c-pillow_file__tiny_thumb_wrapper {
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.c-pillow_file__hidden_img {
  display: none;
  visibility: hidden;
}

.c-pillow_file__description {
  line-height: 1.2;
  margin-top: -1px;
  width: 100%;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  overflow: hidden;
}

.c-pillow_file__description_external_canvas_sharing {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.38463;
  padding-left: 61px;
  position: absolute;
  top: 33px;
}

.c-pillow_file__title {
  word-wrap: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin: -4px 0;
  overflow: hidden;
  padding: 4px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-pillow_file__meta {
  line-height: 1.2;
}

.c-pillow_file__meta__entry {
  margin-top: 4px;
}

.c-pillow_file__user {
  font-weight: 700;
}

.c-pillow_file__user-channel-files {
  font-weight: 500;
}

.c-pillow_file__preview {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  margin-top: 12px;
}

.c-pillow_file__preview--image {
  background-position: 50%;
  background-size: contain;
  max-width: 420px;

  &.c-pillow_file__preview--cover {
    background-size: cover;
  }
}

.c-pillow_file__preview--document {
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  margin-bottom: -12px;
  margin-left: -12px;
  margin-right: -12px;
  max-width: 432px;
}

.c-pillow_file__video {
  background: #000;
  display: block;
  height: 320px;
  width: 100%;
}

.c-pillow_file__video_container {
  margin-top: 12px;
}

.c-pillow_file__video:focus, .c-pillow_file__video_container:focus {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  outline: none;
}

.c-pillow_file__video--placeholder {
  align-items: center;
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  box-shadow: inset 0 0 0 1px #0000001a;
  display: flex;
  justify-content: center;
}

.c-pillow_file__video--placeholder-poster {
  background-color: #000;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.c-pillow_file__video__placeholder_button {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 48px;
  box-shadow: 0 4px 16px #0000001a;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  padding: 20px 19px 20px 21px;
}

.c-pillow_file__video__placeholder_icon {
  font-size: 32px;
  height: 32px;
  width: 32px;
}

.c-pillow_file__audio {
  margin-top: 12px;
  width: 100%;
}

.sk-client-theme--dark .c-pillow_file__audio {
  filter: invert(1);
}

.c-pillow_file__content {
  position: relative;
}

.c-pillow_file__content--collapsed {
  cursor: pointer;

  &:after {
    background: linear-gradient(to top, rgba(var(--sk_primary_background, 255, 255, 255), 1), rgba(var(--sk_primary_background, 255, 255, 255), 0) 40px);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}

.c-pillow_file__expandable_pill {
  display: flex;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: all .1s ease-out;
  width: 100%;
  z-index: 1;
}

.c-pillow_file__expandable_pill--expand {
  align-items: center;
  height: 100%;
  top: 0;
  transform: translateY(-12px);

  .c-pillow_file__expandable_pill__button {
    padding: 0 12px 0 8px;
  }
}

.c-pillow_file__expandable_pill--collapse {
  bottom: 12px;
  transform: translateY(12px);

  .c-pillow_file__expandable_pill__button {
    padding: 0 8px 0 12px;
  }
}

.c-pillow_file__expandable_pill--expanding .c-pillow_file__expandable_pill__button {
  padding: 0;
  text-align: center;
  width: 24px;
}

.c-pillow_file__expandable_pill__button {
  background: #616061;
  border-radius: 12px;
  color: #fff;
  font-size: 13px;
  height: 24px;
  line-height: 24px;
  pointer-events: auto;

  &.c-button--focus-visible {
    border-radius: 12px;
  }
}

.c-message_kit__background {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
}

.c-message_kit__background--hovered {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
}

.c-message_kit__background--labels {
  background: rgba(var(--sk_secondary_highlight, 242, 199, 68), 0.1);
}

.c-message_kit__background--labels--ephemeral {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
}

.c-message_kit__background--labels--custom_response {
  background: #1d9bd10d;
}

.c-message_kit__background--labels--saved_for_later {
  background: #f2c74433;
}

.c-message_kit__background--labels--later {
  background: #1d9bd11a;
}

.c-message_kit__background--labels--file_annotation {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);

  &.c-message_kit__background--hovered {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

.c-message_kit__background--editing {
  background: #f2c74433;
}

.c-message_kit__background--highlight {
  animation: c-message_kit--highlight 3s forwards;
}

@keyframes c-message_kit--highlight {
  20% {
    background: #f2c74433;
  }

  60% {
    background: #f2c74433;
  }
}

.c-message_kit__background--deleting {
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.6);
  overflow: hidden;
}

.c-message_kit__background--labels--is_auto_send {
  background: none;

  &.c-message_kit__background--hovered {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

.c-message_kit__pillow {
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  min-width: 360px;
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  overflow: hidden;
  padding: 12px 36px 12px 12px;
  transition-duration: .1s;
  transition-property: border-color, box-shadow;
}

.c-message_kit__pillow_card {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  overflow: hidden;
  padding: 12px 36px 12px 12px;
  transition-duration: .1s;
  transition-property: border-color, box-shadow;
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  cursor: pointer;
}

.c-message_kit__pillow:hover .c-message_kit__pillow_card:hover {
  border-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.15);
  box-shadow: 0 1px 1px #0000000f;
}

.p-message_attachment_tableau_dashboard__icon_container {
  background: #fff;
  height: 36px;
  width: 36px;
}

.p-message_attachment_tableau_dashboard__icon {
  height: 20px;
  margin: 0;
  width: 20px;
}

.p-message_attachment_tableau_dashboard__thumbnail {
  margin: 0;
  max-width: 100%;
}

.p-message_attachment_tableau_dashboard__container.p-message_attachment_list_record_container {
  margin-bottom: 0;
  overflow: hidden;
}

.p-embedded_tableau_unfurl {
  padding: 4px;
}

.p-empty_unfurl {
  cursor: -mox-grab;
  cursor: grab;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  padding: 12px;
  width: 100%;

  &:active {
    cursor: grabbing;
  }
}

.p-empty_unfurl__title {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: 12px;

  .c-link:not(:hover) {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }
}

.p-empty_unfurl__content {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-play_pause_animations__container {
  cursor: default;
  max-height: 100%;
  overflow: hidden;
}

.p-play_pause_animations__container--has-focus {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.p-play_pause_animations__btn {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 48px !important;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  left: 50%;
  margin: 0;
  padding: 20px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.p-play_pause_animations__btn--hidden {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  width: 1px;
}

.p-play_pause_animations__icon {
  font-size: 32px;
  height: 32px;
  width: 32px;
}

.c-aspect_box__outer {
  max-width: 100%;
}

.c-aspect_box__inner {
  position: relative;
}

.c-aspect_box__content {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.p-attachment_image_actions {
  opacity: 0;
  position: absolute;
  right: 10px;
  top: 10px;

  .c-icon--search-plus {
    font-size: 22pt;
  }

  .c-icon_button {
    height: 32px;
    width: 32px;
  }

  .c-icon:before {
    font-size: 18px;
  }

  &.p-attachment_image_actions--menu-open {
    opacity: 1;
    z-index: 1;
  }
}

.p-message_attachment__image_container--has-actions {
  &:focus-within .p-attachment_image_actions, &:hover .p-attachment_image_actions {
    opacity: 1;
    z-index: 1;
  }
}

.c-message_attachment {
  align-items: stretch;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  margin: 0 0 8px;
  max-width: 600px;
  position: relative;
}

.c-message_attachment__border {
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 8px;
  flex-shrink: 0;
  width: 4px;
}

.c-message_attachment__delete_container {
  bottom: 0;
  left: -20px;
  position: absolute;
  top: 0;
  width: 20px;
}

.c-message_attachment__delete_container--pushed, .c-message_kit__text:empty + .c-message_kit__attachments > .c-message_attachment:first-child .c-message_attachment__delete_container {
  top: 24px;
}

.c-message_attachment__delete {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  display: inline;
  opacity: 0;

  &:focus, &:hover {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    opacity: 1;
  }
}

.c-message_attachment:hover .c-message_attachment__delete {
  opacity: 1;
}

.c-message_kit__attachments {
  max-width: 600px;
}

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

[lang] .c-message_attachment__pretext {
  font-size: 15px;
}

[lang=ja-JP] .c-message_attachment__pretext {
  font-size: 14px;
}

[lang] .c-message_attachment__pretext {
  line-height: 1.46666667;
}

[lang=ja-JP] .c-message_attachment__pretext {
  line-height: 1.56666667;
}

.c-message_attachment__pretext + .c-message_attachment {
  margin-top: 8px;
}

.c-message_attachment__body {
  word-wrap: break-word;
  flex: 1;
  padding: 0 12px;
  width: 100%;
}

[lang] .c-message_attachment__body {
  font-size: 15px;
}

[lang=ja-JP] .c-message_attachment__body {
  font-size: 14px;
}

[lang] .c-message_attachment__body {
  line-height: 1.46666667;
}

[lang=ja-JP] .c-message_attachment__body {
  line-height: 1.56666667;
}

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

.c-message_attachment__author_subname, .c-message_attachment__part {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.c-message_attachment__over_limit {
  margin: 0;
  padding: 8px 0;
}

.c-message_attachment__author {
  color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

[lang] .c-message_attachment__author .emoji-sizer {
  font-size: 15px;
}

[lang=ja-JP] .c-message_attachment__author .emoji-sizer {
  font-size: 14px;
}

[lang] .c-message_attachment__author .emoji-sizer {
  line-height: 1.46666667;
}

[lang=ja-JP] .c-message_attachment__author .emoji-sizer {
  line-height: 1.56666667;
}

[lang] .c-message_attachment__author_icon {
  font-size: 12px;
}

[lang=ja-JP] .c-message_attachment__author_icon {
  font-size: 11px;
}

[lang] .c-message_attachment__author_icon {
  line-height: 1.25;
}

[lang=ja-JP] .c-message_attachment__author_icon {
  line-height: 1.35;
}

.c-message_attachment__author_link + .c-message_attachment__author_link {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-weight: 400;
}

.c-message_attachment__title {
  font-weight: 700;
}

.c-message_attachment__author_name {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-weight: 900;

  &.c-link--button {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-weight: 900;

    &:active, &:focus, &:hover {
      color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
      font-weight: 900;
    }
  }
}

.c-message_attachment__footer {
  align-items: center;
  color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  padding-top: 4px;
}

[lang] .c-message_attachment__footer {
  font-size: 12px;
}

[lang=ja-JP] .c-message_attachment__footer {
  font-size: 11px;
}

[lang] .c-message_attachment__footer {
  line-height: 1.25;
}

[lang=ja-JP] .c-message_attachment__footer {
  line-height: 1.35;
}

.c-message_attachment__footer {
  a {
    color: inherit;

    &:focus {
      text-decoration: none;
    }
  }

  .p-document_unfurl_separator {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    padding: 4px;
  }
}

.c-message_attachment__row + .c-message_attachment__row--actions {
  margin-top: 6px;
}

.c-message_attachment__huddle_header {
  align-items: center;
  display: flex;
  gap: 6px;
}

.c-message_attachment__row--has_trigger {
  align-items: baseline;

  .c-message_attachment__media_trigger--too_large {
    display: block;
    margin-top: 4px;
  }
}

.c-message_attachment__author_icon, .c-message_attachment__footer_icon {
  border-radius: 2px;
  box-sizing: initial;
  height: 16px;
  margin-right: 8px;
  overflow: hidden;
  vertical-align: middle;
  width: 16px;
}

.c-message_attachment__author_icon {
  margin-bottom: 3px;
}

.c-message_attachment__footer_icon {
  margin-right: 4px;
}

.c-message_attachment__footer_icon--limited_history_icon {
  display: inline-block;
  height: 16px;
  margin-right: 1.6px;
  vertical-align: middle;
  width: 16px;
}

.c-message_attachment__footer_icon--message_forwarding {
  display: inline-block;
  height: 16px;
  margin-left: 4px;
  vertical-align: bottom;
  width: 16px;

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

.c-message_attachment__footer_icon--message_forwarding-tooltip {
  max-width: 300px;
}

.c-message_attachment__private_icon:before {
  display: inline;
  font-size: inherit;
  margin-left: -1px;
}

.c-message_attachment__field {
  margin-bottom: 4px;
}

.c-message_attachment__field--short {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.c-message_attachment__field_title {
  font-weight: 700;
}

.c-message_attachment__image, .c-message_attachment__thumb, .c-message_attachment__video_thumb {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #0000001a;
}

.c-message_attachment__image_container, .c-message_attachment__thumb, .c-message_attachment__video_container {
  margin-top: 5px;
  position: relative;
}

.c-message_attachment__image {
  cursor: zoom-in;
  display: inline-block;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 100%;
}

.c-message_attachment__image--play-pause {
  cursor: default;
}

.c-message_attachment__thumb {
  box-shadow: none;
  height: 80px;
  width: 80px;
}

.c-message_attachment__video_thumb {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}

.c-message_attachment__video_html {
  background-color: #000;
  border-radius: 8px;
  height: 100%;
  width: 100%;

  iframe {
    border: none;
    height: 100%;
    width: 100%;
  }
}

.c-message_attachment__video_buttons {
  background: #0006;
  border-radius: .7rem;
  max-width: 225px;
  min-width: 150px;
  text-align: center;
  width: 100%;
}

.c-message_attachment__video_play {
  text-align: center;
  vertical-align: initial;
}

.c-message_attachment__video_link {
  text-align: center;

  &:link, &:visited {
    color: #fff;
  }

  &.c-link--focus-visible:focus, &.focus-ring {
    box-shadow: 0 0 0 1px #fff, 0 0 0 5px #ffffff4d;
  }
}

.c-message_attachment__video_play {
  &.c-button--focus-visible:focus, &.focus-ring {
    box-shadow: 0 0 0 1px #fff, 0 0 0 5px #ffffff4d;
  }
}

.c-message_attachment__video_link, .c-message_attachment__video_play {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 3.4rem;
  opacity: .7;
  padding: 0 10%;
  text-decoration: none;
  text-shadow: 0 1px 1px #00000080;
}

.c-message_attachment__video_link {
  &:focus, &:hover {
    color: #fff;
    opacity: 1;
  }
}

.c-message_attachment__video_play {
  &:focus, &:hover {
    color: #fff;
    opacity: 1;
  }
}

.c-message_attachment__video_player {
  border-radius: none;
  margin: 0;
  max-height: 100%;
  max-width: 100%;
}

.c-message_attachment__audio {
  margin-top: 5px;
}

.c-message_attachment__media_trigger {
  white-space: nowrap;

  .c-expandable_trigger {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    font-size: 15px;
    line-height: 1;
    margin-top: -4px;
  }
}

[lang] .c-message_attachment__media_trigger--caption {
  font-size: 13px;
}

[lang=ja-JP] .c-message_attachment__media_trigger--caption {
  font-size: 12px;
}

[lang] .c-message_attachment__media_trigger--caption {
  line-height: 1.38461538;
}

[lang=ja-JP] .c-message_attachment__media_trigger--caption {
  line-height: 1.48461538;
}

.c-message_attachment__media_trigger--too_large {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  white-space: normal;
}

[lang] .c-message_attachment__media_trigger--too_large {
  font-size: 15px;
}

[lang=ja-JP] .c-message_attachment__media_trigger--too_large {
  font-size: 14px;
}

[lang] .c-message_attachment__media_trigger--too_large {
  line-height: 1.46666667;
}

[lang=ja-JP] .c-message_attachment__media_trigger--too_large {
  line-height: 1.56666667;
}

.c-message_attachment_inline [data-expanded=false] {
  display: none;
}

.c-message_attachment__transcript {
  margin-top: 8px;

  .c-message_attachment__delete_container {
    top: 1px;
  }
}

.c-message_kit__attachments .c-message_kit__attachments {
  .c-message_attachment__transcript blockquote {
    padding-left: 0;

    &:before {
      background: none;
      width: 0;
    }
  }

  .c-message_attachment__delete_container {
    margin-left: -16px;
  }
}

.c-message_attachment__media_aside_container {
  display: flex;
  flex-wrap: wrap;

  .p-workspace__primary_view--tiny {
    display: block;
  }
}

.p-workspace__secondary_view--tiny .c-message_attachment__media_aside_container {
  display: block;
}

.c-message_attachment__main_content {
  flex: 1 1 1em;
  min-width: 250px;
  padding-right: 12px;

  .p-workspace__primary_view--tiny {
    display: block;
    min-width: auto;
    padding-right: 0;
  }
}

.p-workspace__secondary_view--tiny .c-message_attachment__main_content {
  display: block;
  min-width: auto;
  padding-right: 0;
}

.c-message_attachment__button {
  margin: 2px 8px 2px 0;
  max-width: 220px;
  min-width: 0;
  padding: 0 10px;
  vertical-align: middle;

  .emoji-sizer {
    font-size: 13px;
  }
}

.c-message_attachment__select_wrapper {
  display: inline-block;
  width: 180px;
}

.c-input_select.c-message_attachment__select {
  --saf-0: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
  border: 1px solid var(--saf-0);
  margin: 2px 8px 2px 0;
  transition: border 0s;

  &:active, &:hover {
    --saf-0: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
    border: 1px solid var(--saf-0);
  }
}

.c-message_attachment__selected_value--channels, .c-message_attachment__selected_value--conversations, .c-message_attachment__selected_value--users {
  margin-left: -4px;
}

.c-message_attachment__selected_value--channels .c-deprecated-icon:before, .c-message_attachment__selected_value--conversations .c-deprecated-icon:before, .c-message_attachment__selected_value--users .c-deprecated-icon:before {
  font-size: 18px;
  vertical-align: top;
}

.c-message_attachment__select_option--channels, .c-message_attachment__select_option--conversations, .c-message_attachment__select_option--users {
  line-height: 28px;
  padding: 0 4px 0 0;
}

.c-message_attachment__file {
  margin-top: 8px;
}

.c-message_attachment__file--image {
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 4px;
}

.p-composer__body {
  display: flex;

  &:focus {
    outline: none;
  }
}

.p-composer__button {
  &:not(:last-child) {
    margin-right: 1px;
  }

  &[disabled] {
    cursor: default;
  }

  .c-icon:before {
    font-size: 16px;
  }
}

.p-composer__link_form {
  align-content: center;
  background: #000;
  display: flex;

  .p-composer__link_form_text {
    align-self: center;
    flex: 0 auto;
    height: auto;
    margin: 0 5px 0 0;

    &:focus {
      box-shadow: none;
    }
  }

  .p-composer__link_form_button {
    align-self: center;
    min-width: auto;

    &:focus {
      border-radius: 4px;
      box-shadow: 0 0 0 1px #fff, 0 0 0 5px #ffffff4d;
    }
  }

  .p-composer__link_remove_button {
    background: #0000;
    padding: 0;

    &:focus {
      border-radius: 4px;
      box-shadow: 0 0 0 1px #fff, 0 0 0 5px #ffffff4d;
    }
  }
}

.p-composer__tip_subtitle {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  display: flex;
  justify-content: center;
}

.p-composer__separator {
  align-self: center;
  background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  flex-shrink: 0;
  height: 20px;
  margin: 2px 4px;
  width: 1px;
}

.p-composer__body--floating {
  background: #1a1d21;
  border-radius: 8px;
  box-shadow: 0 0 0 1px #e8e8e840, 0 1px 3px 0 #00000014;
  opacity: 0;
  padding: 4px;
}

.p-quip_floating_formatting_bar .p-composer__body--floating, .p-texty_floating_formatting_bar .p-composer__body--floating {
  padding: 2px;
}

.p-composer__body--floating {
  .p-composer__separator {
    background: #ffffff40;
  }

  &.p-composer__body--visible {
    animation-duration: 80ms;
    animation-fill-mode: forwards;
    animation-name: bounceIn;
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
}

.p-composer__button--floating {
  &.c-icon_button {
    &:active {
      background-color: #fff;
      color: #1a1d21;
    }

    &[aria-pressed=true] {
      background-color: #e8e8e821;

      &:focus, &:hover {
        background-color: #e8e8e833;
      }

      + .p-composer__button--adjoin-left:not([aria-pressed=true]) {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
      }
    }
  }

  &.c-basic-select, &.c-icon_button {
    background: #1a1d21;
    color: #fff;
    height: 32px;
    width: 32px;
  }

  &.c-basic-select .c-select_button__icon, &.c-icon_button .c-select_button__icon {
    color: #fff;
  }

  &.c-basic-select[disabled], &.c-icon_button[disabled] {
    background-color: #1a1d21;
    color: #ffffff4d;

    &:hover {
      background-color: #1a1d21;
      color: #ffffff4d;
    }
  }

  &.c-basic-select[disabled] {
    .c-select_button__icon, &:hover .c-select_button__icon {
      color: #ffffff4d;
    }
  }

  &.c-icon_button[disabled] {
    .c-select_button__icon, &:hover .c-select_button__icon {
      color: #ffffff4d;
    }
  }

  &.c-basic-select:hover, &.c-icon_button:hover {
    background-color: hsla(0, 0%, 100%, 0.075);
    color: #fff;
  }

  &.c-basic-select:hover .c-select_button__icon, &.c-icon_button:hover .c-select_button__icon {
    color: #fff;
  }

  &.c-basic-select:focus, &.c-icon_button:focus {
    border-radius: 4px;
    box-shadow: 0 0 0 1px #fff, 0 0 0 5px #ffffff4d;
    outline: none;
    z-index: 1;
  }

  &.c-basic-select.p-composer__button--adjoin-left, &.c-icon_button.p-composer__button--adjoin-left {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }

  &.c-basic-select.p-composer__button--adjoin-right, &.c-icon_button.p-composer__button--adjoin-right {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
}

.p-composer__button__floating_options_list_wrapper:not(.sk-client-theme--dark) {
  background: #212428;
  box-shadow: 0 0 0 1px #e8e8e840, 0 1px 3px 0 #00000014;

  .p-composer__button__floating__option {
    color: #d1d2d3;
  }

  .c-select_options_list__option--selected:not(:hover):not(.c-select_options_list__option--active) {
    color: #4aa5eb;
  }

  .c-select_options_list__divider hr {
    background: #ffffff40;
    border: none;
    height: 1px;
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.p-composer__body--unstyled {
  width: 100%;
}

.p-composer__body--overflow {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  padding: 4px;
  position: absolute;
  top: -45px;
  z-index: 1053;
}

.p-composer__button--no_pointer_events.c-icon_button {
  pointer-events: none;
}

.p-composer__button--sticky.c-icon_button {
  background: #0000;
  border-radius: 2px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  flex: 0 0 32px;

  &[disabled] {
    background-color: initial;
    color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);

    &:hover {
      background-color: initial;
      color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    }
  }

  &[aria-pressed=true] {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);

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

    &:focus:not(:active):not(.p-composer__button--composer_ia) {
      box-shadow: inset 0 0 1px #000;
    }
  }

  &.p-composer__button--adjoin-left {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }

  &.p-composer__button--adjoin-right {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }

  &[aria-pressed=true] + {
    .p-composer__button--adjoin-left:not([aria-pressed=true]) {
      border-bottom-left-radius: 2px;
      border-top-left-radius: 2px;
    }

    .p-composer__button--adjoin-right:not([aria-pressed=true]) {
      border-bottom-right-radius: 2px;
      border-top-right-radius: 2px;
    }
  }
}

.p-embedded_floating_toolbar {
  position: absolute;
}

.c-message_kit__gutter {
  display: flex;
}

.c-message_kit__gutter__left {
  display: flex;
  flex-shrink: 0;
  margin-right: 8px;
}

.c-message_kit__gutter__right {
  flex: 1 1 0;
  margin: -12px -8px -16px -16px;
  min-width: 0;
  padding: 8px 8px 8px 16px;
}

.p-huddle_status_icon {
  align-items: center;
  border-radius: 100%;
  display: inline-flex;
  font-size: 12px;
  font-weight: 400;
  font-weight: 700;
  height: 20px;
  justify-content: center;
  line-height: 1.50001;
  margin-top: 2px;
  min-width: 20px;
  transition-duration: 80ms;
  transition-property: width, padding, border-radius;
  transition-timing-function: cubic-bezier(0.36, 0.19, 0.29, 1);
  vertical-align: top;
  width: 20px;
}

.p-huddle_status_icon--joinable:hover {
  border-radius: 100px;
  padding: 0 8px;
  width: auto;

  .p-huddle_status_icon__label {
    display: inline;
  }
}

.p-huddle_status_icon.p-huddle_status_icon--other {
  color: var(--p-channel_sidebar__theme-text);
}

.p-huddle_status_icon__label {
  display: none;
  margin-left: 4px;
}

.p-huddle_status_icon.p-huddle_status_icon--other.p-huddle_status_icon--no_theme {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-huddle_status_text__channel_name {
  margin-left: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  &.c-link--button {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
}

.p-huddle_status_text--profile {
  white-space: nowrap;
}

.p-canvas_msg_live_badge {
  background-color: #e8f5fa;
  border-radius: 2px;
  color: #1264a3;
  font-size: 10px;
  font-weight: 700;
  height: 14px;
  line-height: 14px;
  margin-left: 4px;
  padding: 0 3px;
}

.c-timestamp {
  font-size: 12px;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);

  &:hover, &:link {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }
}

.c-timestamp--static {
  cursor: default;
  text-decoration: none;

  &:hover, &:link {
    cursor: default;
    text-decoration: none;
  }
}

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

.p-embedded_unfurl_header__header {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  padding: 12px;

  .c-message_kit__gutter__right {
    margin: 0;
    padding: 0;
  }

  &:hover {
    .c-timestamp__label, .p-embedded_unfurl_header__timestamp_link {
      color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    }
  }
}

.p-embedded_unfurl_header__header__icon {
  align-self: center;
}

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

.p-embedded_unfurl_header__header_secondary {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-embedded_unfurl_header__timestamp_link {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;

  .c-timestamp__label {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    cursor: pointer;
  }
}

.p-embedded_unfurl_header__source_entity__title {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;
}

.p-embedded_unfurl_header__source_entity__subtitle {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-embedded_public_link_unfurl {
  cursor: -mox-grab;
  cursor: grab;
  display: flex;
  overflow: hidden;

  &:active {
    cursor: grabbing;
  }

  .p-embedded_public_link_unfurl__actions--hover, &:focus-within .p-embedded_public_link_unfurl__actions, &:hover .p-embedded_public_link_unfurl__actions {
    opacity: 1;
  }

  &.p-embedded_public_link_unfurl--hovercard {
    cursor: default;
  }
}

.p-embedded_public_link_unfurl--attached {
  border-radius: 12px 12px 0 0;
}

.p-embedded_public_link_unfurl__content {
  flex: 1;
  max-width: 100%;
  padding: 12px;
}

.p-embedded_public_link_unfurl__thumb {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-left: 1px solid rgba(var(--sk_primary_foreground, 29, 28, 29), 0.13);
  flex: 0 0 120px;
  margin-left: 12px;
}

.p-embedded_public_link_unfurl__text {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin: 10px 0;
}

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

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

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

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

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

.p-embedded_public_link_unfurl__media {
  margin-bottom: 10px;

  .c-message_attachment__video_html {
    border-radius: 0;
  }
}

.p-embedded_public_link_unfurl__actions {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: unset;
  border-radius: 6px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  display: flex;
  opacity: 0;
  padding: 2px;
  position: absolute;
  right: 12px;
  top: 12px;
  transition: opacity 0.1s;

  .p-embedded_unfurl_message_actions__start_thread {
    height: 32px;
  }
}

.p-embedded_public_link_unfurl__source_entity {
  display: flex;
}

.p-embedded_public_link_unfurl__source_entity__left {
  align-items: center;
  display: flex;
  margin-right: 6px;
}

.p-embedded_public_link_unfurl__source_entity .p-embedded_public_link_unfurl__source_entity__left .p-embedded_public_link_unfurl__source_entity__icon {
  border-radius: 4px;
}

.p-embedded_public_link_unfurl__source_entity__icon.p-embedded_public_link_unfurl__source_entity__icon--align_bottom {
  vertical-align: bottom;
}

.p-embedded_public_link_unfurl__source_entity__right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.p-embedded_public_link_unfurl__source_entity__title {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;

  &.p-embedded_public_link_unfurl__source_entity__title--on_hover {
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
  }
}

.p-embedded_public_link_unfurl__source_entity__bottom_right, .p-embedded_public_link_unfurl__source_entity__source, .p-embedded_public_link_unfurl__source_entity__subtitle {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-embedded_public_link_unfurl__content__no_padding {
  padding: 0;
}

.p-embedded_public_link_unfurl__text__padding {
  margin: 0;
  padding: 12px;
}

.p-shortcut_title_dialog__title_section {
  padding-top: 4px;
}

.p-shortcut_title_dialog__footer_actions {
  display: flex;
}

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

.p-workflow_card {
  margin-bottom: 8px;
  margin-top: 8px;
  max-width: 426px;
  width: 100%;
}

.p-workflow_card--embedded_ui {
  margin-bottom: 0;
  margin-top: 0;
  max-width: unset;
}

.p-workflow_card--draggable {
  cursor: -mox-grab;
  cursor: grab;

  &:active {
    cursor: grabbing;
  }
}

.p-workflow_card__header {
  display: flex;
  gap: 8px;
  justify-content: space-between;
}

.p-workflow_card__header__info {
  align-items: center;
  display: flex;
}

.p-workflow_card__header__info__title {
  font-weight: 700;
}

.p-workflow_card__header__info__icon {
  margin-right: 12px;
}

.p-workflow_card__action_bar {
  display: flex;
  padding: 2px;
}

.p-workflow_card__body {
  padding-top: 12px;
}

.p-workflow_card__body__description {
  padding-bottom: 12px;
}

.p-workflow_card--error {
  align-items: center;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  flex-direction: row;
}

.p-workflow_card--error__icon {
  align-items: center;
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 8px;
  display: flex;
  height: 36px;
  justify-content: center;
  margin-right: 12px;
  width: 36px;
}

.p-workflow_with_error {
  align-items: center;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  flex-direction: row;
}

.p-workflow_with_error__icon {
  align-items: center;
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 8px;
  display: flex;
  height: 36px;
  justify-content: center;
  margin-right: 12px;
  width: 36px;
}

.p-workflow_with_error__title {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  margin-bottom: 12px;
}

.p-workflow_with_error_container.p-workflow_with_error_container--draggable {
  cursor: -mox-grab;
  cursor: grab;

  &:active {
    cursor: grabbing;
  }
}

.p-embedded_loading_container {
  &:not(.p-embedded_loading_container--no-animation) {
    animation: p-hub--shimmer 1s ease-in-out 0s infinite normal none;
  }

  align-items: center;
  border-radius: 8px;
  cursor: -mox-grab;
  cursor: grab;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  width: 100%;

  &:active {
    cursor: grabbing;
  }
}

@keyframes p-hub--shimmer {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.65;
  }

  to {
    opacity: 1;
  }
}

.p-embedded_loading__content_text {
  margin: 5px 0;
}

.p-embedded_loading_container {
  .p-embedded_loading__title {
    display: flex;
  }

  .p-embedded_loading__icon {
    flex-shrink: 0;
  }

  .p-embedded_loading__title_text_container {
    display: flex;
    flex-direction: column;
    height: 36px;
    justify-content: space-around;
    margin-left: 12px;
    max-width: 100%;
    width: 100%;
  }

  .p-embedded_loading__content {
    max-width: 100%;
    width: 100%;
  }
}

.p-embedded_loading_container--generic {
  flex-direction: row-reverse;

  .p-embedded_loading__icon {
    border-radius: 0;
    display: block;
  }

  .p-embedded_loading__content {
    padding: 12px;
  }
}

.p-embedded_loading_container--message {
  padding: 12px;

  .p-embedded_loading__title {
    margin-bottom: 12px;
    max-width: 100%;
    width: 100%;
  }
}

.p-embedded_loading_container--file {
  .p-embedded_loading__title {
    max-width: 100%;
    padding: 12px;
    width: 100%;
  }

  .p-embedded_loading__content {
    aspect-ratio: 3;
    background-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.13);
    max-width: 100%;
    min-height: 140px;
    width: 100%;
  }
}

.p-embedded_loading_container--canvas, .p-embedded_loading_container--file {
  border-radius: 12px;
}

.p-embedded_loading_container--canvas {
  .p-embedded_loading__title {
    max-width: 100%;
    padding: 12px 24px;
    width: 100%;
  }

  .p-embedded_loading__icon {
    display: none;
  }

  .p-embedded_loading__title .p-embedded_loading__title_text_container {
    margin-left: 0;
  }

  .p-embedded_loading__title_text--0 {
    height: 12px;
    margin-bottom: 4px;
  }

  .p-embedded_loading__content {
    border-top: 1px solid rgba(var(--sk_primary_foreground, 29, 28, 29), 0.13);
    padding: 12px 24px;
  }
}

.p-embedded_message_unfurl_actions {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: unset;
  border-radius: 6px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  display: flex;
  padding: 2px;
  position: absolute;
  right: 12px;
  top: 12px;
  transition: opacity 0.1s;
}

.p-embedded_message_unfurl_actions__hover {
  opacity: 1;
}

.p-embedded_message_unfurl_actions .p-embedded_message_unfurl_actions__start_thread {
  height: 32px;
}

.c-date_range_picker_input {
  width: 650px;
}

.c-date_range_picker_input__container {
  display: flex;

  .c-date_picker_input {
    flex: 1 1 auto;

    &:first-child {
      margin-right: 8px;
    }

    &:last-child {
      margin-left: 8px;
    }
  }
}

.c-date_range_picker_input__button {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  transition: border 80ms ease-out, box-shadow 80ms ease-out;
  width: 100%;

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

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

  &[disabled] {
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border: 1px solid var(--saf-0);
  }
}

.c-date_range_picker_input__button--small {
  font-size: 13px;
  font-weight: 400;
  height: 28px;
  line-height: 1.38463;
  padding: 0 8px;

  .c-date_range_picker_input__button__icon:before {
    font-size: 13px;
  }
}

.c-date_range_picker_input__button--medium {
  font-size: 15px;
  font-weight: 400;
  height: 36px;
  line-height: 1.46668;
  padding: 0 12px;

  .c-date_range_picker_input__button__icon:before {
    font-size: 15px;
  }
}

.c-date_range_picker_input__button--large {
  font-size: 18px;
  font-weight: 900;
  font-weight: 400;
  height: 44px;
  line-height: 1.33334;
  padding: 0 12px;

  .c-date_range_picker_input__button__icon {
    width: 22px;

    &:before {
      font-size: 18px;
    }
  }
}

.c-date_range_picker_calendar {
  position: relative;
  width: 674px;

  &.c-date_range_picker_calendar--single-month {
    width: auto;
  }

  &:not(.c-date_range_picker_calendar--single-month.c-date_range_picker_calendar--popover) .c-calendar_view_header__right_stepper_btn {
    right: 0;
  }

  .c-calendar_month {
    width: 300px;
  }

  .c-calendar_view_header__stepper_btn {
    border-radius: 4px;
    position: absolute;
    top: 16px;
    width: 32px;
  }

  .c-calendar_view_header__right_stepper_btn {
    right: 16px;
  }
}

.c-date_range_picker_calendar--popover {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 6px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 5px 10px #0000001f;
  padding: 16px;
}

.c-date_range_picker_calendar__calendars {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  min-height: 340px;
}

.c-date_range_picker_calendar__buttons {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.c-date_range_picker_calendar__buttons--right {
  margin-left: auto;
}

.c-date_range_picker_calendar__date {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  cursor: pointer;
  line-height: 22px;
  margin: -1px;
  min-width: 24px;
  padding: 10px;
  text-align: center;

  &:focus, &:hover {
    background-color: #1d9bd133;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    outline: none;
    position: relative;
    z-index: 1;
  }

  &:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border: none;
    border-radius: 4px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  }
}

.c-date_range_picker_calendar__date--is_today {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);

  &:after {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border: 1px solid var(--saf-0);
    border-radius: 50%;
    content: '';
    height: 32px;
    left: 0;
    margin: 5px;
    position: absolute;
    top: 0;
    width: 32px;
  }
}

.c-date_range_picker_calendar__date--select_range_end, .c-date_range_picker_calendar__date--select_range_start {
  background-color: #1264a3;
  color: #fff;
}

.c-date_range_picker_calendar__date--select_range_end {
  &:focus, &:hover {
    background-color: #0b4c8c;
    color: #fff;
    position: relative;
    z-index: 1;
  }
}

.c-date_range_picker_calendar__date--select_range_start {
  &:focus, &:hover {
    background-color: #0b4c8c;
    color: #fff;
    position: relative;
    z-index: 1;
  }
}

.c-date_range_picker_calendar__date--in_selected_range {
  background-color: #1d9bd133;

  &:focus, &:hover {
    background-color: #1d9bd180;
    position: relative;
    z-index: 1;
  }
}

.c-date_range_picker_calendar__date--disabled {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  cursor: default;
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);

  &:hover {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

.c-date_range_picker_calendar__date--is_invalid {
  border-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 0);
  background-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.1);

  &:hover {
    background-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.1);
  }
}

.c-date_range_picker_calendar__date--first_week_start, .c-date_range_picker_calendar__date--month_start {
  border-top-left-radius: 4px;
}

.c-date_range_picker_calendar__date--first_week_end {
  border-top-right-radius: 4px;
}

.c-date_range_picker_calendar__date--last_week_start {
  border-bottom-left-radius: 4px;
}

.c-date_range_picker_calendar__date--last_week_end, .c-date_range_picker_calendar__date--month_end {
  border-bottom-right-radius: 4px;
}

.c-date_range_picker__inputs {
  margin-bottom: 24px;
}

.p-create_event_modal {
  .conference-app-select {
    align-items: center;
    display: flex;

    .conference-link {
      flex: 1 1 1em;
      margin-top: 16px;
      text-align: center;

      .link-icon {
        color: rgba(var(--sk_highlight, 18, 100, 163), 1);
        margin-right: 1.6px;
      }

      .c-alert--inline {
        margin-left: 35px;
      }
    }
  }

  .remove-link {
    margin-left: 8px;
    position: relative;
    top: 1px;
  }

  .event-date-picker {
    padding-left: 36px;
  }

  .slot-selection {
    display: flex;
    justify-content: space-between;

    .c-input_select__selected_value {
      padding: 4px 0;
    }
  }

  .c-input_select__wrapper, .c-menu_select__wrapper {
    width: 215px;
  }

  .c-input_select__wrapper .c-menu_select, .c-menu_select__wrapper .c-menu_select {
    height: 36px;
  }

  .date-error, .event-retry {
    margin-bottom: 12px;
  }

  .calendar-image {
    margin-top: -3px;
  }

  .p-create_event_modal__share_in_channel .c-label__text {
    margin-left: -5px;
  }
}

.suggested-timeslot-container {
  flex: 1;
  padding-left: 30px;

  .loader-with-message {
    color: #868686;
    display: flex;
    margin-top: 5px;

    .loader-message {
      margin-left: 10px;
    }
  }
}

.conference-app, .conference-app_list .c-input_select__selected_value {
  display: flex;
  margin-top: 4px;
}

.conference-app {
  .app-logo, .c-icon.none-option, img {
    height: 16px;
    margin-top: -1px;
    width: 16px;
  }
}

.conference-app_list .c-input_select__selected_value {
  .app-logo, .c-icon.none-option, img {
    height: 16px;
    margin-top: -1px;
    width: 16px;
  }
}

.conference-app .c-icon.none-option:before, .conference-app_list .c-input_select__selected_value .c-icon.none-option:before {
  font-size: 16px;
  position: absolute;
}

.conference-app .app-name, .conference-app_list .c-input_select__selected_value .app-name {
  margin-left: 7px;
  margin-top: -4px;
}

.time-slot-range {
  display: block;

  &.change-selection-mode {
    font-size: 13px;
    margin-top: 8px;
  }
}

.time-slot-availability {
  color: #868686;
  display: block;
  font-size: 12px;
  line-height: 16px;
  margin-top: -4px;
  white-space: normal;
}

.available-time-slots .suggested-option:nth-last-child(2) {
  border-bottom: 1px solid #ddd;
  margin-bottom: 8px;
}

.custom-time-slots .custom-option {
  &:nth-last-child(2) {
    border-bottom: 1px solid #ddd;
    margin-bottom: 8px;
  }

  .time-slot-range {
    display: block;

    &.change-selection-mode {
      color: rgba(var(--sk_highlight, 18, 100, 163), 1);
      font-size: 13px;
      margin-bottom: 12px;
    }
  }
}

.p-create_channel_rec__title-bold {
  font-weight: 700;
}

.p-slack_connect_dm_invite_success_modal {
  text-align: center;
}

.p-slack_connect_dm_invite_success_modal__icon {
  background-color: #007a5a26;
  border-radius: 100%;
  color: #007a5a;
  height: 60px;
  margin: 24px;
  width: 60px;
}

.p-slack_connect_dm_invite_success_modal__header {
  margin-bottom: 20px;
}

.p-slack_connect_dm_invite_success_modal__footer {
  justify-content: center;
}

.p-slack_connect_dm_email_modal__header_container {
  align-items: flex-end;
  background-color: #e0eee7;
  display: flex;
  height: 160px;
  justify-content: center;
  opacity: .9;
  width: 100%;
}

.sk-client-theme--dark .p-slack_connect_dm_email_modal__header_container {
  background-color: #4cbf9d1a;
}

.p-slack_connect_dm_email_modal__header_illustration {
  background-image: url(./scdm_invite_modal_header-d93d9d4.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 128px;
  width: 225px;
}

.p-slack_connect_dm_email_modal__header {
  min-height: 30px;
  padding-bottom: 4px;
  padding-top: 16px;
}

.p-slack_connect_dm_email_modal__footer_actions {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.p-slack_connect_dm_email_modal__learn_more {
  align-items: center;
  display: flex;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);

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

  .icon {
    margin-right: 8px;
  }
}

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

.p-block_kit_unknown_block_error {
  margin-bottom: 6px;
}

.p-plain_text_element {
  word-break: break-word;
}

.p-create_channel_coachmark_hoc {
  .learn-more-link {
    bottom: 30px;
    font-size: 13px;
    position: absolute;
  }

  .coachmark-header {
    font-size: 22px;
    font-weight: 700;
  }
}

.p-block_kit_button_element {
  display: block;
  padding: 0 8px 1px;

  .emoji-sizer {
    font-size: 15px;
  }
}

.p-block_kit_overflow_element__button {
  min-width: 30px;
  padding: 0 7px 1px;

  .c-icon--ellipsis:before {
    font-size: 15px;
  }
}

.p-block_kit_max_selected_items_alert {
  margin-bottom: 12px;
}

.multi_select_element_container {
  margin: 14px 0;
}

.p-block_kit_max_selected_items__info {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  margin: -8px 0 8px;
}

.p-actions_block__action .multi_select_element_container, .p-section_block__accessory .multi_select_element_container {
  margin: 0;
}

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

.p-block_kit_date_picker__datepicker_trigger {
  font-weight: 400;
  justify-content: start;

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

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

.p-block_kit_date_picker__calendar_icon {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  margin-left: auto;
}

.p-block_kit_date_picker__date_close {
  margin-left: -26px;

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

.p-block_kit_date_picker_button {
  float: right;
  font-weight: 400;
  justify-content: space-between;
  padding-right: 8px;

  &:hover {
    box-shadow: none;
  }

  .c-icon {
    margin-left: 12px;
  }
}

.p-block_kit_date_picker__placeholder, .p-block_kit_date_picker_button .c-icon {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.p-block_kit_time_picker_element_timezone {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.p-section_block__image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  height: 88px;
  margin-left: 4px;
  overflow: hidden;
  width: 88px;

  &.p-context_block_group__image {
    border-radius: 2px;
    display: inline-block;
    height: 20px;
    margin-left: 0;
    width: 20px;
  }
}

.p-image_block__title {
  display: inline-block;
}

.p-context_block_wrapper--modal_view .p-section_block__image.p-context_block_group__image {
  height: 16px;
  width: 16px;
}

.p-mrkdwn_element {
  word-break: break-word;

  .c-mrkdwn__code, .c-mrkdwn__pre {
    word-break: break-word;
  }
}

.p-radio_buttons_element__label {
  margin-bottom: 8px;
  width: 100%;
}

.p-radio_buttons_element .c-radiogroup {
  margin-bottom: 0;
}

.c-checkboxgroup {
  border: none;
  margin: 0 0 20px;
  padding: 0;
}

.c-checkboxgroup--with_error label.c-label.c-label:last-child, .c-checkboxgroup--with_hint label.c-label.c-label:last-child, .c-checkboxgroup > div:last-child .c-input_checkbox {
  margin-bottom: 0;
}

.p-checkboxes_element__label {
  margin-bottom: 8px;
  width: 100%;
}

.p-checkboxes_element .c-checkboxgroup {
  margin-bottom: 0;
}

.p-texty_sticky_formatting_bar {
  flex-grow: 1;
  position: relative;
}

.p-texty_floating_formatting_bar {
  position: absolute;
  z-index: 1012;
}

.p-clips_nux_video_modal_help_icon {
  align-self: flex-start;
  margin-left: 5px;
  margin-right: -20px;
}

.p-video_recorder_alert {
  margin: 16px 24px;
}

.p-video_recorder_mic_button__level {
  background-color: #fff;
  border-radius: 20%;
  bottom: calc(50% - .1em);
  display: block;
  left: calc(50% - .11em);
  pointer-events: none;
  position: absolute;
  transition: height .2s ease;
  width: 0.22em;
}

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

.p-video_recorder_canvas_buttons__background {
  align-items: flex-end;
  bottom: 0;
  display: flex;
  height: 64px;
  justify-content: flex-end;
  left: 0;
  position: absolute;
  right: 0;

  &.p-video_recorder_canvas_buttons__background--new {
    align-items: center;
    background: none;
    justify-content: center;
    margin-bottom: 0;
    margin-top: 12px;
    padding: 0 12px;
    position: relative;
    right: auto;
    width: 100%;
    z-index: 3;

    .p-video_recorder_canvas_buttons__row_element {
      border-radius: 32px;
      height: 44px;
      margin-right: 12px;
      width: 44px;
    }

    .p-video_recorder_canvas_buttons__button {
      --saf-0: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
      background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
      border: 0.5px solid var(--saf-0);
      color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);

      &.c-icon_button--dark:hover, &.p-video_recorder_canvas_buttons__button--selected {
        background: #1264a3;
        color: #fff;
      }
    }
  }
}

.p-video_recorder_canvas_buttons__background--align_left {
  justify-content: flex-start;
}

.p-video_recorder_canvas_buttons__background--over_video {
  background: linear-gradient(#0000, #0009);
}

.p-video_recorder_canvas_buttons__row_element {
  height: 36px;
  margin-bottom: 8px;
  margin-right: 8px;
  position: relative;
  width: 36px;
}

.p-video_recorder_canvas_buttons__background--align_left .p-video_recorder_canvas_buttons__row_element {
  margin-left: 8px;
  margin-right: 0;
}

.p-video_recorder_canvas_buttons__button {
  height: 36px;
  min-width: auto;
  padding: 0;
  width: 36px;

  &.c-icon_button--dark:hover {
    background: #1d1c1dd9;
  }
}

.p-video_recorder_canvas_buttons__button--highlight {
  background: #1d9bd166;

  &:hover {
    background: #1d9bd166;
  }
}

.p-video_recorder_canvas_buttons__button.c-icon_button--dark:hover.p-video_recorder_canvas_buttons__button--highlight {
  background: #1d9bd166;
}

.p-video_recorder_canvas_buttons__row_element .p-video_recorder_canvas_buttons__button {
  left: 0;
  position: absolute;
  top: 0;
}

.p-video_recorder_canvas_buttons__button_slash {
  color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.p-video_recorder_screen_picker__screens_grid--new {
  .p-video_recorder_modal__camera_grid {
    border-radius: 4px;
    height: 80px;
    overflow: hidden;
    position: relative;
    width: 116px;

    &.p-video_recorder_screen_picker_tile--new {
      display: block;
    }

    .p-video_recorder_screen_picker_tile__title {
      margin-top: 4px;
    }
  }

  .p-video_recorder_canvas__avatar_grid {
    position: relative;
    top: 0;
    transform: none;
  }
}

.p-video_recorder_countdown {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  margin-right: auto;
}

.p-video_recorder_header .p-video_recorder_countdown {
  margin-top: 3px;
}

.p-video_recorder_countdown_overlay {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.p-video_recorder_countdown_overlay__countdown {
  color: #fff;
  margin-right: 0;
}

.p-video_recorder_loading_spinner {
  align-items: center;
  background: #1d1c1db3;
  bottom: 0;
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 4;
}

.sk-client-theme--dark .p-video_recorder_loading_spinner span {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-video_recorder_canvas__container {
  align-items: center;
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-radius: 8px;
  display: flex;
  height: 296px;
  justify-content: center;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 525px;

  &.p-video_recorder_canvas__new-canvas-container {
    border-radius: 8px;
    height: 338px;
    max-height: 350px;
    max-width: 610px;
    width: 600px;

    &.p-video_recorder_canvas__container--camera {
      width: 100%;
    }
  }
}

@media only screen and (max-width: 768px) {
  .p-video_recorder_canvas__container.p-video_recorder_canvas__new-canvas-container {
    max-height: 40vh;
    max-width: 60vw;
  }
}

.p-video_recorder_canvas_screen_picker_tile--camera-container-new {
  border-radius: 4px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  height: 80px;
  margin-bottom: 4px;
  overflow: hidden;
  width: 116px;
}

.p-video_recorder_canvas_screen_picker_tile--no-screen {
  align-items: center;
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 4px;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.p-video_recorder_screen_picker_tile--selected .p-video_recorder_canvas_screen_picker_tile--no-screen {
  background: #1264a3;
  color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
}

.p-video_recorder_canvas__container--camera {
  background: #000;
}

.p-video_recorder_canvas__container--screen_share {
  background: #000;
  border-radius: 0;
  height: 338px;
  width: 600px;
}

.p-video_recorder_canvas {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.p-video_recorder_canvas__new-canvas-container {
  position: relative;
}

.p-video_recorder_canvas--live-layer, .p-video_recorder_canvas--screen-layer {
  position: absolute;
}

.p-video_recorder_canvas--live-layer {
  z-index: 1;
}

.p-video_recorder_canvas--screen-layer {
  background-color: #000;
  z-index: 2;
}

.p-video_recorder_canvas--not_rendering {
  display: none;
}

.p-video_recorder_canvas__shroud {
  background-color: #1d1c1d;
  bottom: 0;
  display: none;
  left: 0;
  opacity: .7;
  position: absolute;
  right: 0;
  top: 0;
}

.p-video_recorder_canvas__shroud--visible {
  display: block;
}

.p-video_recorder_canvas__shroud_text {
  color: #fff;
  display: none;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  left: 50%;
  line-height: 1.38463;
  max-width: 100px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
}

.p-video_recorder_canvas__container {
  &.c-button--focus-visible:focus {
    .p-video_recorder_canvas__shroud, .p-video_recorder_canvas__shroud_text {
      display: block;
    }
  }

  &:hover {
    .p-video_recorder_canvas__shroud, .p-video_recorder_canvas__shroud_text {
      display: block;
    }
  }
}

.p-video_recorder_canvas__avatar {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);

  img {
    border-radius: 16px;
  }
}

.p-video_recorder_canvas__container--paused {
  .p-video_recorder_canvas__shroud {
    display: block;
  }

  .p-video_recorder_canvas__shroud_text {
    display: block;
    max-width: 120px;
    opacity: 0;
    transition: opacity 0.15s;
  }

  .p-video_recorder_canvas__shroud_text--visible {
    opacity: 1;
  }
}

.p-video_recorder_canvas__pause_icon_container {
  align-items: center;
  animation: p-video_recorder_canvas__pause_icon_fade_in_out;
  animation-duration: 1s;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: #fff3;
  border-radius: 32px;
  color: #fff;
  display: flex;
  font-size: 42px;
  height: 64px;
  justify-content: center;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
}

@keyframes p-video_recorder_canvas__pause_icon_fade_in_out {
  0% {
    opacity: 0;
    transform: translate(-50%, -40%);
  }

  25% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }

  75% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-media_scrubber_reactions_overlay {
  bottom: 24px;
  left: 0;
  position: absolute;
  right: 0;
}

.p-media_scrubber_reactions_overlay__dot {
  border-radius: 3px;
  bottom: 0;
  position: absolute;
  width: 12px;

  &:before {
    background: #ffffff80;
    border-radius: 2px;
    content: '';
    height: 100%;
    left: 1px;
    position: absolute;
    top: 0;
    width: 10px;
  }
}

.p-media_scrubber_reactions_overlay__dot--reacted:before {
  background: #1d9bd1b3;
}

.p-media_scrubber_reactions_overlay__dot--single:not(.p-media_scrubber_reactions_overlay__dot--reacted):before {
  background: none;
}

.p-media_scrubber_reactions_overlay__dot_emoji {
  height: 8px;
  left: 2px;
  position: absolute;
  top: 1px;
  width: 8px;
}

.p-media_scrubber_reactions_overlay__dot:not(.p-media_scrubber_reactions_overlay__dot--single) .p-media_scrubber_reactions_overlay__dot_emoji {
  top: -10px;
}

.p-media_progress_bar {
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 4px;
  bottom: 100%;
  height: 6px;
  left: 16px;
  position: absolute;
  right: 16px;
  width: auto;
}

.p-media_progress_bar--dark {
  background: #ffffff80;
}

.p-media_progress_bar__track {
  height: 100%;
  width: 100%;
}

.p-media_progress_bar__bar {
  background: #1d9bd1;
  border-radius: 4px;
  height: 100%;
  position: relative;

  &:after {
    background: #1d9bd1;
    border-radius: 50%;
    content: '';
    height: 14px;
    opacity: 0;
    position: absolute;
    right: -7px;
    top: -3px;
    transform: scale(0.5);
    transition: 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
    transition-delay: .5s;
    transition-property: transform, opacity;
    width: 14px;
  }
}

.p-media_progress_bar--scrubbable {
  border-radius: 12px;
  cursor: pointer;
  transform-origin: bottom;
  transition: 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
  transition-delay: .5s;
  transition-property: height;

  &:hover {
    height: 8px;
    transform: none;
    transition-delay: 0ms;

    .p-media_progress_bar__bar:after {
      background: inherit;
      opacity: 1;
      transform: scale(1);
      transition-delay: 0ms;
    }
  }

  &:before {
    bottom: 0;
    content: '';
    height: 12px;
    left: 0;
    position: absolute;
    width: 100%;
  }
}

.p-screen_picker {
  max-height: 400px;
  max-width: 640px;
  padding: 20px;
  position: relative;
  width: 640px;

  &.p-video_recorder__screen_picker {
    max-width: 500px;
    width: 500px;
  }
}

.p-screen_picker__close_button {
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 1;
}

.p-screen_picker__tab_menu {
  padding-left: 16px;
}

.p-screen_picker__options {
  display: flex;
  flex-wrap: wrap;
  padding: 0 8px;
}

.p-screen_picker__screen {
  align-items: center;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  margin: 8px;
  padding: 8px;
  width: calc(33.33333% - 16px);

  &:hover {
    background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.p-screen_picker__thumb {
  flex-grow: 1;
  object-fit: contain;
  width: 100%;
}

.p-screen_picker__title {
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: 4px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-video_recorder_screen_share_button {
  margin-right: 12px;
}

.p-video_recorder_screen_share_button__label {
  margin-left: 8px;
}

.p-video_recorder_pause_button {
  margin-left: 12px;
  margin-right: 12px;
}

.p-video_recorder_pause_button__icon {
  margin-right: 4px;
}

.p-video_recorder_pause_button__tooltip {
  align-items: center;
  display: flex;
}

.p-video_recorder_footer {
  align-items: center;
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  height: 72px;
  justify-content: flex-end;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
  width: 100%;
}

.p-video_recorder_footer--recording {
  border-top-color: #0000;
}

.p-video_recorder_footer__separator {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  height: 36px;
  width: 1px;
}

.p-video_recorder_screen_picker_tile {
  border: 1px solid #0000;
  border-radius: 4px;
  height: 130px;
  margin-bottom: 8px;
  overflow: hidden;
  padding: 8px;
  width: 136px;

  &.p-video_recorder_screen_picker_tile--new {
    align-items: center;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 110px;
    justify-content: center;
    margin-bottom: 16px;
    padding: 4px 8px;
    width: 125px;

    .p-video_recorder_screen_picker_tile__title {
      color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
      font-size: 12px;
      font-weight: 400;
      line-height: 1.50001;
      text-align: center;
      width: 100%;
    }
  }

  &:hover:not(.p-video_recorder_screen_picker_tile--selected) {
    background-color: #1d9bd11a;
    border-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    color: #1d1c1db3;
  }
}

.p-video_recorder_screen_picker_tile--selected {
  background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  color: #fff;

  &.p-video_recorder_screen_picker_tile--new {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    background: #1d9bd11a;
    border: 1px solid var(--saf-0);
    color: #1264a3;

    .p-video_recorder_screen_picker_tile__title {
      color: #1264a3;
      font-weight: 700;
    }
  }
}

.sk-client-theme--dark .p-video_recorder_screen_picker_tile--selected.p-video_recorder_screen_picker_tile--new .p-video_recorder_screen_picker_tile__title {
  color: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
}

.p-video_recorder_screen_picker_tile__thumb {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 80px;
  margin-bottom: 8px;
  width: 120px;

  &.p-video_recorder_screen_picker_tile__thumb--new {
    background-size: cover;
    border-radius: 4px;
    width: 116px;
  }
}

.p-video_recorder_screen_picker_tile__title {
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-video_recorder_screen_picker_tile:hover .p-video_recorder_screen_picker_tile__title {
  font-weight: 700;
}

.p-video_recorder_screen_picker {
  margin-top: 32px;

  &.p-video_recorder_screen_picker--new {
    margin-top: 0;
  }
}

.p-video_recorder_screen_picker__screens_grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 0 78px;
}

.p-video_recorder_screen_picker__screens_grid--new {
  grid-template-columns: 1fr;
  margin: 0;

  .p-video_recorder_modal__section_label {
    display: flex;
    font-size: 13px;
    text-align: left;
  }

  .p-video_recorder_modal__section_header {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    margin-top: 0;
  }

  .p-video_recorder_modal__section_subtitle {
    text-align: center;
  }

  .p-video_recorder_screen_picker_tile--camera {
    transform: scale(1.5);
  }
}

.p-video_recorder_screen_picker--gradient:after {
  background: linear-gradient(to top, rgba(var(--sk_primary_background, 255, 255, 255), 1), #0000);
  border-radius: 10px 10px 0 0;
  bottom: 0;
  content: '';
  height: 15%;
  pointer-events: none;
  position: absolute;
  width: 160px;
  z-index: 2;
}

.p-video_recorder_screen_picker__no_screen_tile {
  align-items: center;
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-radius: 4px;
  display: flex;
  font-size: 32px;
  justify-content: center;
}

.p-video_recorder_screen_picker_tile--selected .p-video_recorder_screen_picker__no_screen_tile {
  background: none;
}

.p-video_recorder_screen_picker__access_alert {
  margin-left: 24px;
  margin-right: 24px;
}

.p-video_recorder_screen_picker_tile-divider {
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  margin-bottom: 10px;
  margin-top: 0;
  width: 125px;
}

.p-video_recorder_minipanel {
  -webkit-app-region: drag;
  align-items: center;
  display: flex;
  padding: 16px;

  button {
    -webkit-app-region: no-drag;
  }
}

.p-video_recorder_minipanel__avatar {
  border: 2px solid #1d9bd1;
  border-radius: 7px;
  margin-right: 12px;
  padding: 3px;
}

.p-video_recorder_minipanel__middle {
  flex: 1 0 auto;
  height: 36px;
  position: relative;
}

.p-video_recorder_minipanel__countdown {
  align-items: center;
  display: flex;
  font-size: 18px;
  font-weight: 900;
  height: 36px;
  line-height: 1.33334;
  position: absolute;
}

.p-video_recorder_minipanel__countdown--hidden {
  opacity: 0;
  transition: opacity 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-video_recorder_minipanel__recording {
  align-items: center;
  display: none;
  position: absolute;
  width: 100%;
}

.p-video_recorder_minipanel__recording--visible {
  animation: p-video_recorder_minipanel__fade_in 0.16s cubic-bezier(0.36, 0.19, 0.29, 1) 0s 1 normal forwards;
  display: flex;
  pointer-events: all;
}

.p-video_recorder_minipanel__status {
  display: flex;
  flex: 1;
  flex-direction: column;
  line-height: 18px;
  min-width: 0;
}

.p-video_recorder_minipanel__status_screen {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-right: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-video_recorder_minipanel__timer {
  flex: 1 0 auto;
  font-weight: 700;
}

@keyframes p-video_recorder_minipanel__fade_in {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.p-video_recorder_header {
  height: 72px;
}

.p-video_recorder_header--bottom_border {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.p-video_recorder_header__title_text {
  overflow: hidden;
  white-space: nowrap;
}

.p-video_recorder_header__title_header {
  overflow: hidden;
  text-overflow: ellipsis;
}

.p-video_recorder_header__button {
  margin-left: auto;
  margin-right: -20px;
}

.p-video_recorder_header__icons {
  align-self: flex-start;
  display: flex;
  margin-left: auto;
}

.p-video_recorder_modal {
  max-height: 640px;
  max-width: 600px;

  &.p-video_recorder_modal--new {
    height: auto;
    max-height: 800px;
    max-width: 800px;

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

.p-video_recorder_modal__content--old {
  flex: 1;
}

.p-video_recorder_modal__content--video_only .c-scrollbar__hider {
  align-items: center;
  display: flex;
}

.p-video_recorder_modal__section_label {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 4px;
  margin-top: 8px;
  text-align: center;

  &.p-video_recorder_modal__section_label--new {
    text-align: left;
  }
}

.p-video_recorder_modal__video_section {
  margin-top: 32px;

  &.p-video_recorder_modal__video_section--error-screen {
    margin: 16px 0;
    padding: 0;

    .p-video_recorder_screen_picker__access_alert {
      font-weight: 700;
    }

    .c-alert__icon {
      align-self: auto;
    }
  }

  &.p-video_recorder_modal__video_section--new {
    margin: 32px 24px;
  }
}

.p-video_recorder_modal__content--video_only .p-video_recorder_modal__video_section {
  margin-top: 0;
}

.p-video_recorder_modal__video-container {
  display: flex;
  flex-direction: row;
}

.p-video_recorder_modal__video-container--new {
  grid-gap: 1rem;
  display: grid;
  grid-template-columns: 4fr 1fr;
  padding: 2rem 0 2rem 1rem;

  &.p-video_recorder_modal__video-container--error-state {
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  &.p-video_recorder_modal__video-container--pre-recording {
    padding-bottom: 0;
  }

  .p-video_recorder_modal__video_section {
    margin-top: 0;
  }

  &.p-video_recorder_modal__video-container--video_only {
    align-items: center;
    display: flex;
    justify-content: center;
  }
}

@media only screen and (max-width: 768px) {
  .p-video_recorder_modal__video-container--new {
    gap: 20px;
    grid-template-columns: 3fr 1fr;
  }
}

.p-audio_only_animation {
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;

  &:before {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.08);
    content: '';
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
  }
}

.p-media_viewer_modal .p-audio_only_animation {
  background: #1d1c1d;
}

.p-audio_only_animation__alignment {
  height: 245px;
  left: -10px;
  position: relative;
  top: -5px;
  width: 285px;
}

.p-audio_only_animation__avatar.c-avatar {
  left: 86px;
  position: absolute;
  top: 50px;

  .c-base_icon {
    border-radius: 24px;
  }
}

.p-audio_only_animation__waves {
  height: 245px;
  transition: transform 0.5s cubic-bezier(0.36, 0.19, 0.29, 1);
  width: 285px;
}

.p-audio_only_animation__waves--paused {
  transform: scale(0.5);
}

.p-audio_only_animation__playback {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, 100px);
}

.p-video_thumbnail_dialog__video {
  display: flex;
  justify-content: center;

  .p-media_viewer__video {
    border-radius: 8px;
    max-height: 400px;
    max-width: 100%;
  }
}

.p-video_thumbnail_dialog__timeline {
  margin: 32px 0 4px;
}

.p-video_thumbnail_dialog__timeline__track {
  position: relative;

  &:focus {
    outline: none;
  }
}

.p-video_thumbnail_dialog__timeline__source {
  filter: opacity(0);
  max-height: 1px;
  pointer-events: none;
  position: absolute;
}

.p-video_thumbnail_dialog__timeline__canvas {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 8px;
  box-shadow: 0 0 0 2px var(--saf-0);
  display: block;
}

.p-video_thumbnail_dialog__timeline__track:focus .p-video_thumbnail_dialog__timeline__canvas {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  box-shadow: 0 0 0 2px var(--saf-0);
}

.p-video_thumbnail_dialog__timeline__elapsed_container {
  border-radius: 8px;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.p-video_thumbnail_dialog__timeline__elapsed {
  border-right: 2px solid rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  height: 100%;
  min-width: 2px;
}

.p-video_thumbnail_dialog__timeline__elapsed__tooltip_container {
  left: 0;
  min-width: 2px;
  position: absolute;
  top: 0;
}

.p-video_thumbnail_dialog__timeline__elapsed__tooltip {
  align-items: center;
  background: #000;
  border-radius: 6px;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  height: 28px;
  justify-content: center;
  line-height: 1.38463;
  opacity: 0;
  padding: 0 12px;
  position: absolute;
  right: 1px;
  top: -32px;
  transform: translate(50%, -2px);
  transition: opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);

  &:after {
    background: #000;
    bottom: -3px;
    content: '';
    height: 8.48528137px;
    position: absolute;
    transform: rotate(45deg);
    width: 8.48528137px;
  }
}

.p-video_thumbnail_dialog__timeline:hover .p-video_thumbnail_dialog__timeline__elapsed__tooltip, .p-video_thumbnail_dialog__timeline__track:focus .p-video_thumbnail_dialog__timeline__elapsed__tooltip {
  opacity: 1;
}

.p-media_controls__control, .p-media_controls__timestamp {
  margin: 0 8px;
}

.p-media_controls__control[disabled] {
  border-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  cursor: default;
}

.p-media_controls__control--playback-speed {
  font-weight: 700;
}

.p-video_review_modal {
  max-height: 640px;
  max-width: 600px;
}

.p-video_review_modal__video_container {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;

  .p-media_viewer__video {
    max-height: 338px;
    max-width: 600px;
  }
}

.p-video_review_modal__video_container--camera_only .p-media_viewer__video {
  border-radius: 8px;
  width: 525px;
}

.p-video_review_modal__footer {
  height: 72px;
  overflow: visible;
  padding: 0;
}

.p-video_review_modal__controls {
  align-items: center;
  display: flex;
  padding: 18px 24px;
  position: relative;
  width: 100%;
}

.p-video_review_modal__download--disabled {
  pointer-events: none !important;
}

.p-video_review_modal__download_wrapper {
  cursor: not-allowed;
}

.p-video_review_modal__download_icon {
  margin-right: 8px;
}

.p-video_review_modal__retry_icon {
  margin-right: 8px;
  margin-top: 1px;
}

.p-video_review_modal__additional_controls {
  align-items: center;
  column-gap: 12px;
  display: flex;
  margin-left: auto;
}

.p-video_review_modal__thumbnail {
  margin: 0;
}

.p-video_review_modal--new {
  height: auto;
  max-height: 650px;
  max-width: 800px;
  min-height: 580px;

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

  .p-media_viewer__video {
    border-radius: 8px;
  }

  .p-video_review_modal__video-container--new {
    padding: 48px 0;
  }
}

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

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

.p-clips_nux_pill {
  align-items: center;
  background: linear-gradient(0deg, #1d9bd11a, #1d9bd11a) rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 32px;
  bottom: 0;
  display: flex;
  height: 22px;
  margin-bottom: 8px;
  overflow: hidden;
  position: absolute;
  right: 0;
  z-index: 200;
}

.p-clips_nux_pill__button {
  align-items: center;
  display: flex;
  padding-left: 8px;
  padding-right: 4px;

  &:focus, &:hover {
    background: #1d9bd11a;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
}

.p-clips_nux_pill__play_icon {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  font-size: 14px;
  margin-right: 4px;
}

.p-clips_nux_pill_text {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
}

.p-clips_nux_pill__dismiss {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: inline-flex;
  padding-right: 4px;

  &:focus, &:hover {
    background: #1d9bd11a;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
}

.p-clips_nux_pill__tooltip_span {
  color: #bbbabb;
}

.p-video_composer_button:after {
  content: '';
  height: 24px;
  position: absolute;
  width: 24px;
}

.p-video_composer_button--highlight.c-button-unstyled {
  background: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.1);
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);

  &:hover {
    background: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.1);
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
}

.p-audio_popover_overlay {
  background: linear-gradient(to bottom, rgba(var(--sk_primary_background, 255, 255, 255), 0), rgba(var(--sk_primary_background, 255, 255, 255), 0.9) 100px);
  bottom: 0;
  height: 300px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 1001;
}

.p-threads_view__footer .p-audio_popover_overlay {
  border-radius: 0 0 12px 12px;
}

.p-audio_popover {
  position: relative;
  width: 220px;
}

.p-audio_popover__strip {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  display: flex;
  flex-wrap: wrap;
  margin-right: 12px;
  padding: 12px;
  transition: box-shadow 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-audio_popover__strip--speedbump {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.p-audio_popover__control {
  align-items: center;
  background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 17px;
  display: flex;
  flex-shrink: 0;
  height: 34px;
  justify-content: center;
  width: 34px;

  &.c-button--focus-visible:focus {
    border-radius: 16px;
  }
}

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

.p-audio_popover__stop {
  background: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  border-radius: 2px;
  height: 14px;
  width: 14px;
}

.p-audio_popover__timer {
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin-left: 16px;
}

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

.p-audio_popover__footer {
  margin-top: 8px;
  padding-left: 64px;
}

.p-audio_popover__attach {
  align-items: center;
  background: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  height: 28px;
  justify-content: center;
  line-height: 1.38463;
  margin-right: 4px;
  padding: 0;
  width: 28px;

  .p-audio_popover__attach__icon {
    font-size: 18px;
  }
}

.p-audio_popover__attach--scheduled_send {
  margin-right: 0;
}

.p-audio_popover__attach_variant {
  border-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  height: 32px;
  margin-right: 8px;
}

.p-audio_popover__close {
  --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  --saf-1: rgba(var(--sk_primary_background, 255, 255, 255), 0.5);
  background: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  border-radius: 10px;
  box-shadow: -4px 4px 0 0 var(--saf-0), 0 0 0 4px var(--saf-1);
  color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  display: flex;
  position: absolute;
  right: 2px;
  top: -10px;

  &.c-button--focus-visible:focus {
    border-radius: 10px;
  }
}

.p-audio_composer_button--highlight.c-button-unstyled {
  background: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.1);
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);

  &:hover {
    background: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.1);
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
}

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

  &.c-menu_item__button--highlighted, &:hover {
    color: #fff;
  }
}

.p-opt_out_button {
  margin-left: -11px;
  text-decoration: none;
}

.p-opt_out_button_icon {
  background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 0 16px 16px 0;
  color: #fff;
  height: 28px;
  width: 26px;
}

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

.p-opt_out_button_icon--at_mention, .p-opt_out_button_icon--video_clips {
  border-radius: 6px;
  height: 30px;
}

.p-opt_out_button--status, .p-opt_out_button--threads {
  margin-left: -4px;
}

.p-opt_out_button--add-teammates {
  margin: 0;
}

.p-opt_out_button_icon--add-teammates {
  border-radius: 6px;
  bottom: 0;
  height: 26px;
  position: absolute;
  right: 27px;
}

.p-setup_prog_disc_icon_action {
  align-items: center;
  background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  display: inline-flex;
  height: 30px;
  margin-left: 2px;
  margin-right: 2px;
  padding: 2px;
}

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

.p-setup_prog_disc_icon_action__icon {
  align-items: center;
  background-color: #fff;
  border-radius: 2px;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  display: flex;
  font-size: 16px;
  height: 26px;
  justify-content: center;
  width: 26px;
}

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

.p-setup_prog_disc_icon_action__text {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.50001;
  margin-left: 6px;
  margin-right: 8px;
}

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

.p-setup_prog_disc_icon_action__text:hover {
  text-decoration: underline;
}

.p-setup_prog_disc_icon_action--reacji {
  animation-delay: 0s, .1s;
  animation-duration: .2s, .7s;
  animation-fill-mode: forwards, forwards;
  animation-name: prog_disc_icon_action_reacji--bg-color, prog_disc_icon_action_reacji--width;
  animation-timing-function: linear, cubic-bezier(0.4, 0, 0.2, 1);
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-radius: 16px;
  height: 28px;
  margin-left: -1px;
  margin-top: -2px;
  overflow: hidden;
  width: 36px;

  &.p-setup_prog_disc_icon_action__icon--custom-border-radius {
    border-radius: 16px 0 0 16px;
  }

  .p-setup_prog_disc_icon_action__icon {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-radius: 13px;
    flex-shrink: 0;
    font-size: 20px;
    height: 24px;
    padding-right: 2px;
    width: 32px;
  }

  .p-setup_prog_disc_icon_action__text {
    animation-delay: .7s, .7s;
    animation-duration: .1s, .2s;
    animation-fill-mode: forwards, forwards;
    animation-name: prog_disc_icon_action_reacji--text-opacity, prog_disc_icon_action_reacji--text-slide-up;
    animation-timing-function: linear, ease-out;
    opacity: 0;
    transform: translateY(4px);
    white-space: nowrap;
  }
}

.sk-client-theme--dark .p-setup_prog_disc_icon_action--reacji {
  animation-name: prog_disc_icon_action_reacji_bg_color--dark, prog_disc_icon_action_reacji--width;
}

.p-setup_prog_disc_icon_action--reacji.p-setup_prog_disc_icon_action--exiting {
  animation-delay: 0s, 0s;
  animation-duration: .2s, .2s;
  animation-fill-mode: forwards, forwards;
  animation-name: prog_disc_icon_action_reacji--bg-color-restore, prog_disc_icon_action_reacji--width-collapse;
  animation-timing-function: linear, cubic-bezier(0.4, 0, 0.2, 1);
  background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  width: 100%;
}

.sk-client-theme--dark .p-setup_prog_disc_icon_action--reacji.p-setup_prog_disc_icon_action--exiting {
  animation-name: prog_disc_icon_action_reacji_bg_color_restore--dark, prog_disc_icon_action_reacji--width-collapse;
  background-color: #f8f8f8;
}

.p-setup_prog_disc_icon_action--reacji.p-setup_prog_disc_icon_action--exiting .p-setup_prog_disc_icon_action__text {
  animation-delay: 0s, 0s;
  animation-duration: .1s, .2s;
  animation-fill-mode: forwards, forwards;
  animation-name: prog_disc_icon_action_reacji--text-fade-out, prog_disc_icon_action_reacji--text-slide-down;
  animation-timing-function: linear, ease-in;
  opacity: 1;
  transform: translateY(0);
  white-space: nowrap;
}

@keyframes prog_disc_icon_action_reacji--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_icon_action_reacji_bg_color--dark {
  0% {
    background-color: initial;
  }

  to {
    background-color: #f8f8f8;
  }
}

@keyframes prog_disc_icon_action_reacji--width {
  0% {
    width: 36px;
  }

  to {
    width: 100%;
  }
}

@keyframes prog_disc_icon_action_reacji--text-opacity {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes prog_disc_icon_action_reacji--text-slide-up {
  0% {
    transform: translateY(4px);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes prog_disc_icon_action_reacji--text-fade-out {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes prog_disc_icon_action_reacji--text-slide-down {
  0% {
    transform: translateY(0);
  }

  to {
    transform: translateY(4px);
  }
}

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

  to {
    background-color: initial;
  }
}

@keyframes prog_disc_icon_action_reacji_bg_color_restore--dark {
  0% {
    background-color: #f8f8f8;
  }

  to {
    background-color: initial;
  }
}

@keyframes prog_disc_icon_action_reacji--width-collapse {
  0% {
    width: 100%;
  }

  to {
    width: 36px;
  }
}

.p-setup_prog_disc_icon_action--at_mention, .p-setup_prog_disc_icon_action--attachments, .p-setup_prog_disc_icon_action--completed_all, .p-setup_prog_disc_icon_action--video_clips {
  animation-delay: 0s;
  animation-duration: .2s;
  animation-fill-mode: forwards;
  animation-name: prog_disc_icon_action_texty_button--bg-color;
  animation-timing-function: linear;
}

.p-setup_prog_disc_icon_action--at_mention .p-setup_prog_disc_icon_action__icon, .p-setup_prog_disc_icon_action--attachments .p-setup_prog_disc_icon_action__icon, .p-setup_prog_disc_icon_action--completed_all .p-setup_prog_disc_icon_action__icon, .p-setup_prog_disc_icon_action--video_clips .p-setup_prog_disc_icon_action__icon {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  flex-shrink: 0;
  font-size: 20px;
}

.p-setup_prog_disc_icon_action--at_mention .p-setup_prog_disc_icon_action__text, .p-setup_prog_disc_icon_action--attachments .p-setup_prog_disc_icon_action__text, .p-setup_prog_disc_icon_action--completed_all .p-setup_prog_disc_icon_action__text, .p-setup_prog_disc_icon_action--video_clips .p-setup_prog_disc_icon_action__text {
  animation-delay: .2s, .2s;
  animation-duration: .1s, .2s;
  animation-fill-mode: forwards, forwards;
  animation-name: prog_disc_icon_action_texty_button--text-opacity, prog_disc_icon_action_texty_button--text-slide-up;
  animation-timing-function: linear, ease-out;
  opacity: 0;
  transform: translateY(4px);
  white-space: nowrap;
}

.p-setup_prog_disc_icon_action--at_mention .p-top_nav__help, .p-setup_prog_disc_icon_action--attachments .p-top_nav__help, .p-setup_prog_disc_icon_action--completed_all .p-top_nav__help, .p-setup_prog_disc_icon_action--video_clips .p-top_nav__help {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1) !important;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1) !important;
  opacity: 1 !important;
}

.sk-client-theme--dark {
  .p-setup_prog_disc_icon_action--at_mention, .p-setup_prog_disc_icon_action--attachments, .p-setup_prog_disc_icon_action--completed_all, .p-setup_prog_disc_icon_action--video_clips {
    animation-name: prog_disc_icon_action_texty_button_bg_color--dark;
  }

  .p-setup_prog_disc_icon_action--at_mention .p-top_nav__help, .p-setup_prog_disc_icon_action--attachments .p-top_nav__help, .p-setup_prog_disc_icon_action--completed_all .p-top_nav__help, .p-setup_prog_disc_icon_action--video_clips .p-top_nav__help {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1) !important;
    color: #f8f8f8 !important;
  }
}

@keyframes prog_disc_icon_action_texty_button--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_icon_action_texty_button_bg_color--dark {
  0% {
    background-color: initial;
  }

  to {
    background-color: #f8f8f8;
  }
}

@keyframes prog_disc_icon_action_texty_button--text-opacity {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes prog_disc_icon_action_texty_button--text-slide-up {
  0% {
    transform: translateY(4px);
  }

  to {
    transform: translateY(0);
  }
}

.p-setup_prog_disc_icon_action--completed_all {
  position: relative;

  .p-top_nav__help {
    background-color: #fff;
    border-radius: 2px;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    height: 26px;
    opacity: 1;
    width: 26px;

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

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

.p-setup_prog_disc_icon_action--completed_all {
  .p-top_nav__help__badge {
    background: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 2px #fff;
  }

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

.c-wysiwyg_container .p-setup_prog_disc_icon_action--at_mention {
  border-radius: 6px;

  .p-setup_prog_disc_icon_action__icon {
    border-radius: 4px;
  }
}

.p-setup_prog_disc_icon_action_wrapper {
  align-items: end;
  display: flex;
}

.p-hidden_file_input {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  width: 1px;
}

.p-clips_repackaging_coachmark {
  display: inline-flex;
  position: relative;

  .p-video_composer_button--highlight.c-button-unstyled {
    animation: clips-button-shake .18s ease-out .5s 3 normal forwards;
    background: none;
    color: #1264a3;
  }
}

.sk-client-theme--dark .p-clips_repackaging_coachmark .p-video_composer_button--highlight.c-button-unstyled {
  color: #fff;
}

.p-clips_repackaging_coachmark:after {
  border-radius: 4px;
  box-shadow: inset 0 0 0 2px #1264a3, 0 0 4px 0 #1264a3;
  content: ' ';
  height: calc(100% + 8px);
  left: -5px;
  position: absolute;
  top: -4px;
  width: calc(100% + 8px);
}

.sk-client-theme--dark .p-clips_repackaging_coachmark:after {
  box-shadow: inset 0 0 0 2px #fff, 0 0 4px 0 #fff;
}

.p-clips_repackaging_coachmark__hero {
  border-radius: 8px 8px 0 0;
  width: 100%;
}

@keyframes clips-button-shake {
  0%, to {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-2px);
  }

  60% {
    transform: translateY(2px);
  }
}

.c-wysiwyg_container {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 0 0 1px var(--saf-0);
  position: relative;

  .c-wysiwyg_container__button--expand_toggle:focus, &:focus-within .c-wysiwyg_container__button--expand_toggle, &:hover .c-wysiwyg_container__button--expand_toggle {
    opacity: 1;
  }

  .c-basic_container__body {
    display: grid;
    grid-template-areas: 'context context context' 'formatting formatting formatting' 'input input input' 'attachments attachments attachments' 'broadcast_controls broadcast_controls broadcast_controls' 'prefix toolbar_buttons suffix';
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-rows: auto auto minmax(0, 100%) auto auto auto;

    .c-texty_input_unstyled__container {
      grid-area: input;
      position: relative;
      z-index: 1;
    }

    .c-wysiwyg_container__prefix {
      grid-area: prefix;
    }

    .c-wysiwyg_container__suffix {
      grid-area: suffix;
    }

    .c-wysiwyg_container__attachments {
      grid-area: attachments;
    }

    .c-wysiwyg_container__context {
      grid-area: context;
    }

    .c-wysiwyg_container__formatting {
      grid-area: formatting;
    }

    .c-wysiwyg_container__toolbar_buttons {
      grid-area: toolbar_buttons;
    }

    .c-wysiwyg_container__footer {
      grid-column-end: -1;
      grid-column-start: 1;
      grid-row-start: -1;
    }

    .c-texty_input_unstyled__container--multi_line {
      transition: box-shadow 80ms linear;
    }
  }

  &:not(.c-wysiwyg_container--double_decker):not(.c-wysiwyg_container--with_footer) .c-basic_container__body {
    .c-texty_input_unstyled__container {
      grid-column-end: 2;
      grid-column-start: 2;
      grid-row-end: -1;
      grid-row-start: 1;
    }

    .c-wysiwyg_container__context + .c-texty_input_unstyled__container {
      grid-area: single_decker_input;
    }
  }

  &.p-message_input__input_container_unstyled {
    border-radius: 8px;

    &:focus-within {
      box-shadow: 0 1px 3px #00000014;
    }

    .c-wysiwyg_container__footer {
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
    }
  }
}

.c-wysiwyg_container__footer {
  align-items: center;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 1px solid #0000;
  display: flex;
  justify-content: space-between;
  transition: background 80ms, border-color 80ms;
}

.c-wysiwyg_container {
  &:focus-within .c-wysiwyg_container__footer {
    border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  }

  .c-wysiwyg_container__formatting + .c-texty_input_unstyled__container--multiline_overflow--top {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: inset 0 1px 0 var(--saf-0);
  }

  .c-texty_input_unstyled__container--multiline_overflow--bottom + .c-wysiwyg_container__footer {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 -1px 0 var(--saf-0);

    &:focus-within {
      --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
      box-shadow: 0 -1px 0 var(--saf-0);
    }
  }

  .c-wysiwyg_container__footer {
    background-color: initial;
    border-top: unset;
    cursor: text;
    padding: 0 4px 0 6px;

    .c-wysiwyg_container__prefix + .c-wysiwyg_container__toolbar_buttons .c-wysiwyg_container__button {
      margin-left: 2px;
    }
  }

  &:focus-within .c-wysiwyg_container__footer {
    background-color: initial;
  }
}

.c-wysiwyg_container__spacer {
  flex: 1 1 100%;
}

.c-wysiwyg_container__formatting {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  cursor: text;
  display: flex;
  width: 100%;
  padding: 4px;
}

.c-wysiwyg_container__prefix, .c-wysiwyg_container__suffix, .c-wysiwyg_container__toolbar_buttons {
  padding: 4px;
}

.c-wysiwyg_container__suffix {
  align-items: flex-end;
  display: flex;
  flex-shrink: 0;
  padding-right: 2px;
}

.c-wysiwyg_container:focus-within .c-wysiwyg_container__suffix {
  opacity: 1;
}

.c-wysiwyg_container__prefix {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  padding-left: 0;
  padding-right: 0;
}

.c-wysiwyg_container__toolbar_buttons {
  flex: 1;
  padding-left: 0;
  padding-right: 0;
}

.c-wysiwyg_container__button {
  transition: background 80ms, border-color 80ms, color 80ms;
}

.c-wysiwyg_container {
  .c-wysiwyg_container__button, .p-composer__button--sticky.c-icon_button {
    border-radius: 4px;
    height: 28px;
    margin: 2px;
    padding: 2px;
    width: 28px;
  }
}

.p-quip_floating_formatting_bar .p-composer__button--floating, .p-texty_floating_formatting_bar .p-composer__button--floating {
  border-radius: 4px;
  height: 28px;
  margin: 2px;
  padding: 2px;
  width: 28px;
}

.c-wysiwyg_container {
  .c-wysiwyg_container__button.p-composer__select, .p-composer__button--sticky.c-icon_button.p-composer__select {
    padding: 0;
    width: auto;
  }
}

.p-quip_floating_formatting_bar .p-composer__button--floating.p-composer__select, .p-texty_floating_formatting_bar .p-composer__button--floating.p-composer__select {
  padding: 0;
  width: auto;
}

.c-wysiwyg_container {
  .c-wysiwyg_container__button.p-composer__select .p-composer__button__floating__select_button, .p-composer__button--sticky.c-icon_button.p-composer__select .p-composer__button__floating__select_button {
    font-size: inherit;
  }
}

.p-quip_floating_formatting_bar .p-composer__button--floating.p-composer__select .p-composer__button__floating__select_button, .p-texty_floating_formatting_bar .p-composer__button--floating.p-composer__select .p-composer__button__floating__select_button {
  font-size: inherit;
}

.c-wysiwyg_container {
  .c-wysiwyg_container__button.p-composer__select .c-select_button__icon--small, .p-composer__button--sticky.c-icon_button.p-composer__select .c-select_button__icon--small {
    margin-left: 4px;
  }
}

.p-quip_floating_formatting_bar .p-composer__button--floating.p-composer__select .c-select_button__icon--small, .p-texty_floating_formatting_bar .p-composer__button--floating.p-composer__select .c-select_button__icon--small {
  margin-left: 4px;
}

.c-wysiwyg_container {
  .c-wysiwyg_container__button {
    &.c-wysiwyg_container__button--send, &.c-wysiwyg_container__button--send_options {
      margin: 0;
    }
  }

  .p-composer__button--sticky.c-icon_button {
    &.c-wysiwyg_container__button--send, &.c-wysiwyg_container__button--send_options {
      margin: 0;
    }
  }
}

.p-quip_floating_formatting_bar .p-composer__button--floating {
  &.c-wysiwyg_container__button--send, &.c-wysiwyg_container__button--send_options {
    margin: 0;
  }
}

.p-texty_floating_formatting_bar .p-composer__button--floating {
  &.c-wysiwyg_container__button--send, &.c-wysiwyg_container__button--send_options {
    margin: 0;
  }
}

.c-wysiwyg_container {
  .p-composer__button--sticky.c-icon_button {
    flex: 0 0 28px;
    margin-bottom: 0;
    opacity: 0.3;
  }

  .c-wysiwyg_container__formatting .c-icon_button {
    opacity: 0.3;

    &:hover {
      opacity: 1;
    }
  }

  &:focus-within .c-wysiwyg_container__formatting .c-icon_button:not(.c-button--disabled) {
    opacity: 1;
  }
}

.c-wysiwyg_container__button--emoji {
  position: relative;
  z-index: 1;

  &:after {
    background: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
    border-radius: 9999px;
    content: '';
    height: 1em;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1em;
    z-index: -1;
  }

  &.skin-tone-2:after {
    background: #ffdbbe;
  }

  &.skin-tone-3:after {
    background: #e6b892;
  }

  &.skin-tone-4:after {
    background: #d4a37c;
  }

  &.skin-tone-5:after {
    background: #c18e65;
  }

  &.skin-tone-6:after {
    background: #b47f55;
  }

  .is-second {
    display: none;
  }

  &:focus:after, &:hover:after {
    opacity: 1;
  }
}

.sk-client-theme--dark .c-wysiwyg_container__button--emoji {
  &:focus, &:hover {
    color: #1d1c1d;
  }
}

.c-wysiwyg_container__button--emoji {
  &:focus .is-first, &:hover .is-first {
    display: none;
  }

  &:focus .is-second, &:hover .is-second {
    display: block;
    transform: scale(1.05) rotate(15deg);
  }
}

.c-wysiwyg_container__button--with_badge:before {
  --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  border: 2px solid var(--saf-0);
  border-radius: 9999px;
  content: '';
  height: 10px;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 10px;
  z-index: 1;
}

.c-wysiwyg_container--theme_dark .c-wysiwyg_container__button--with_badge:before {
  border-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
}

.c-wysiwyg_container__button {
  &.c-wysiwyg_container__button--send, &.c-wysiwyg_container__button--send_options {
    background: #007a5a;
    color: #fff;
  }

  &.c-wysiwyg_container__button--send:hover, &.c-wysiwyg_container__button--send_options:hover {
    background: #148567;
    color: #fff;
  }

  &.c-wysiwyg_container__button--send.c-wysiwyg_container__button--disabled, &.c-wysiwyg_container__button--send_options.c-wysiwyg_container__button--disabled {
    background: unset;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    opacity: .3;
    pointer-events: none;
  }
}

.c-wysiwyg_container__button--workflows.c-wysiwyg_container__button--disabled {
  background: unset;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  cursor: default;
  opacity: .3;
  pointer-events: auto;
}

.c-wysiwyg_container__button.c-wysiwyg_container__button--send.c-wysiwyg_container__button--experiment_draft_scheduling {
  border-radius: 4px;

  &:hover {
    box-shadow: 0 1px 3px 0 #00000014;
  }

  &.c-wysiwyg_container__button--disabled:hover {
    box-shadow: none;
  }
}

.c-wysiwyg_container__send_button--with_options {
  border-radius: 4px;
  display: inline-flex;
  margin-left: 0;

  &:hover {
    box-shadow: 0 1px 3px 0 #00000014;
  }

  &.c-wysiwyg_container__send_button--with_options_disabled:hover {
    box-shadow: none;
  }

  .c-wysiwyg_container__button--send {
    margin-right: 0;
    padding-right: 0;
  }

  .c-wysiwyg_container__button {
    &.c-wysiwyg_container__button--send.c-wysiwyg_container__button--disabled, &.c-wysiwyg_container__button--send_options.c-wysiwyg_container__button--disabled {
      background-color: initial;
      color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    }

    &.c-wysiwyg_container__button--send {
      border-radius: 4px 0 0 4px;
      padding-left: 8px;
      padding-right: 8px;
      position: relative;
      width: auto;

      &:after {
        background: #fff6;
        content: '';
        height: calc(100% - 8px);
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
      }

      &.c-wysiwyg_container__button--disabled:after {
        background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
      }
    }

    &.c-wysiwyg_container__button--send_options {
      border-radius: 0 4px 4px 0;
      padding-left: 4px;
      padding-right: 4px;
      width: auto;
    }
  }
}

.c-wysiwyg_container__schedule_send_button_coachmark {
  width: 300px;

  .c-wysiwyg_container__schedule_send_button_coachmark_content {
    margin-right: 36px;
  }

  .c-wysiwyg_container__schedule_send_button_coachmark_content_title {
    font-size: 18px;
    font-weight: 900;
    line-height: 1.33334;
    margin-bottom: 4px;
  }

  .c-coachmark__close {
    float: none;
    position: absolute;
    right: 12px;
    top: 14px;
  }
}

.c-wysiwyg_container__button.c-wysiwyg_container__button--day1 {
  background: rgba(var(--sk_highlight, 18, 100, 163), 1);
  color: #fff;
  opacity: 1;

  &:hover {
    background: #2570aa;
    color: #fff;
  }

  &.c-wysiwyg_container__button--disabled {
    background: rgba(var(--sk_highlight, 18, 100, 163), 1);
    color: #fff;
    opacity: 1;
  }
}

.c-texty_buttons {
  align-items: center;
  display: flex;
  position: relative;
}

.c-texty_buttons--overflow {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  display: flex;
  padding: 4px;
  position: absolute;
  right: 0;
  top: -40px;
  z-index: 1001;

  .c-wysiwyg_container__footer_divider {
    display: none;
  }
}

.c-wysiwyg_container__footer_divider {
  align-self: center;
  background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  flex-shrink: 0;
  height: 20px;
  margin: 2px 6px;
  width: 1px;
}

.c-wysiwyg_container__button.c-icon_button.c-wysiwyg_container__button--shortcuts_highlighted {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);

  &:hover {
    color: #fff;
  }
}

.c-wysiwyg_container__button--composer:after {
  background: currentColor;
  border-radius: 9999px;
  bottom: 4px;
  content: '';
  height: 1.5px;
  left: 50%;
  opacity: 0;
  position: absolute;
  transform: translate(-50%, 2px);
  transition: opacity 80ms, transform 80ms;
  width: 75%;
}

.c-wysiwyg_container__button--composer_active:after {
  opacity: 1;
  transform: translate(-50%);
}

.c-wysiwyg_container__button--expand_toggle {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  opacity: 0;
  position: absolute;
  right: -18px;
  top: 8px;
  transition: opacity 0.16s;
}

.c-wysiwyg_container__button--active {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.c-wysiwyg_container__button.c-wysiwyg_container__button--story_meeting.c-wysiwyg_container__button--disabled {
  opacity: .3;
  pointer-events: none;
}

.c-wysiwyg_container--theme_light {
  transition: border-color 0.16s, box-shadow 0.16s;

  &:focus-within .c-wysiwyg_container__footer--with_formatting {
    background-color: initial;
  }
}

.c-wysiwyg_container--theme_light_bordered {
  border-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);

  &:focus-within {
    border-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  }
}

.c-wysiwyg_container--theme_dark {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);

  code {
    color: #e8912d;
  }
}

.c-wysiwyg_container--theme_dark_bordered {
  border-color: #565856;

  &:focus-within {
    border-color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  }
}

.c-wysiwyg_container--disabled {
  .c-wysiwyg_container__footer {
    opacity: 0.3;
  }

  .c-wysiwyg_container__button--active {
    background-color: unset;
  }
}

.c-wysiwyg_container--day1 {
  background: linear-gradient(0deg, rgba(var(--sk_highlight_accent, 29, 155, 209), 0.05), rgba(var(--sk_highlight_accent, 29, 155, 209), 0.05)), rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-width: 2px;
  border-color: rgba(var(--sk_highlight, 18, 100, 163), 1);

  &:focus-within {
    border-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }

  &.c-wysiwyg_container--theme_dark {
    background: linear-gradient(0deg, rgba(var(--sk_highlight_accent, 29, 155, 209), 0.05), rgba(var(--sk_highlight_accent, 29, 155, 209), 0.05)), rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }
}

.c-wysiwyg_container--day1-prog-disc {
  border-width: 2px;
  border-color: rgba(var(--sk_highlight, 18, 100, 163), 1);

  &:focus-within {
    border-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }

  .p-setup_prog_disc_explainer_tip_container--threads {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
  }
}

.sk-client-theme--dark .c-wysiwyg_container--day1-prog-disc {
  border-color: #f8f8f8;
}

.c-wysiwyg_container--day1-prog-disc-first-message-tip {
  border-top-left-radius: 0;
}

.c-wysiwyg_container .c-texty_input_unstyled__warning {
  bottom: 44px;
  right: 4px;
}

.c-wysiwyg_container--with_floating_toolbar {
  position: relative;
}

.p-block_kit_datetime_picker {
  flex-wrap: inherit;

  .c-date_time_picker__date_picker_container {
    min-width: 280px;
  }
}

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

.p-block_kit_element__error--small .c-icon:before {
  font-size: 12px;
}

.p-block_kit_element__loading--small {
  margin-top: 5px;
  width: 14px;
}

.p-block-kit-select_options__description {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-left: 4px;
}

.p-block-kit-select_options {
  align-items: center;
  display: flex;
}

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

.p-context_block {
  display: flex;
  flex-wrap: wrap;
  margin: 4px 0;

  .c-emoji {
    vertical-align: text-bottom;
  }

  .c-mrkdwn__quote {
    display: inline-block;
  }

  &.p-context_block--group {
    margin: 0;
  }
}

.p-context_block__text {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: inline;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;

  .emoji-sizer {
    font-size: 16px;
  }
}

.p-context_block_spacing--mrkdwn, .p-context_block_spacing--plain_text {
  display: inline-block;
  width: 16px;
}

.p-context_block_spacing--image {
  display: inline-block;
  width: 4px;
}

div.p-context_block_wrapper--modal_view {
  &.p-block_wrapper--modal_view:not(:first-of-type) {
    margin: 4px 0 0;
  }

  .p-context_block {
    margin: 0;
  }
}

.p-context_block_wrapper--modal_view .p-section_block__image {
  vertical-align: text-bottom;
}

.p-actions_block {
  align-items: center;
  display: flex;
  margin-bottom: 8px;
  position: relative;
}

.p-actions_block__action--full_width {
  width: 100%;
}

.p-actions_block.p-actions_block--group {
  margin: 0;
}

.p-actions_block--no_top_margin {
  margin-top: 0;
}

.p-actions_block_elements {
  display: flex;
  flex-wrap: wrap;
}

.p-action_block__icons {
  position: absolute;
  right: -19px;
  top: 13px;
}

.p-action_block__icons--small {
  right: -13px;
}

.p-actions_block__action {
  margin: 8px 8px 0 0;
}

.p-actions_block_wrapper--app_home_view {
  .p-actions_block, .p-actions_block_elements {
    width: 100%;
  }
}

.p-actions_block_wrapper--modal_view {
  .p-action_block__icons--small {
    right: -18px;

    .c-icon {
      width: 12px;
    }
  }

  .p-actions_block {
    width: 100%;
  }

  .p-actions_block__action {
    margin: 8px 0 0;

    > button {
      width: 100%;
    }

    &:not(.p-actions_block__action--full_width) {
      margin: 8px 8px 0 0;
      width: calc(50% - 8px);
    }
  }

  .p-actions_block_elements {
    width: 100%;
  }

  .c-input_text {
    margin-bottom: 0;
  }
}

.p-actions_block_wrapper--app_home_view {
  display: flex;
}

.p-section_block__fields {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  word-break: break-word;

  &:not(:first-child) {
    margin-top: 12px;
  }
}

.p-field_section {
  width: calc(50% - 16px);

  &:nth-child(2n) {
    margin-left: 16px;
  }

  &.p-field_section--stacked {
    margin-left: 0;
    width: 100%;
  }
}

.p-section_block {
  display: flex;
  flex-direction: row-reverse;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin: 8px 0 4px;
  width: 100%;

  &.p-section_block--group {
    margin: 0;
  }
}

.p-section_block--no_top_margin {
  margin-top: 0;
}

.p-section_block--wrap {
  display: block;
}

.p-section_block__text {
  width: 100%;
}

.p-section_block_text_content {
  flex: 1;
}

.p-section_block__accessory {
  display: flex;
  margin: 0 0 4px 8px;
  position: relative;
}

.p-section_block__accessory--wrap {
  float: right;
  z-index: 1;
}

.p-section_block__icons {
  position: absolute;
  right: -30px;
  top: 2px;
}

.p-section_block__icons--small {
  right: -19px;
  top: 3px;
}

.p-section_block__clearfix {
  clear: both;
}

.p-section_block--stack-accessory-wrapper {
  display: flex;
  flex-direction: column-reverse;
}

.p-section_block--stack-accessory {
  float: none;
  margin: 4px 0;

  .c-input_select__wrapper {
    width: 100%;
  }
}

.p-section_block_wrapper--modal_view {
  .p-section_block {
    margin: 0;
  }

  .p-section_block_text_content {
    width: 340px;
  }

  .p-section_block__accessory {
    margin: 0 0 0 12px;

    .c-multi-select, .c-search-select, .p-block_kit_button_element, .p-block_kit_date_picker {
      min-width: 120px;
    }
  }

  .p-section_block__icons--small {
    right: -18px;

    .c-icon {
      width: 12px;
    }
  }

  .p-block_kit_date_picker__datepicker_trigger {
    padding-right: 8px;
  }

  .p-section_block--stack-accessory-wrapper .p-section_block_text_content {
    width: 100%;
  }

  .p-section_block--stack-accessory {
    margin: 8px 0 0;

    .c-multi-select, .multi_select_element_container {
      width: 100%;
    }
  }

  .p-section_block__image {
    margin-left: 0;
  }

  .p-section_block__fields {
    margin-top: 0;
  }
}

.p-image_block_image {
  border-radius: 4px;
  display: block;
  overflow: hidden;
}

.p-image_block {
  display: block;
  margin: 8px 0;

  &.p-image_block--group {
    margin: 0;
  }
}

.p-image_block--no_top_margin {
  margin-top: 0;
}

.p-image_block_container {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: inline-block;
}

.p-image_block--full_width, .p-image_block_container--full_width {
  width: 100%;
}

.p-image_block__title {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-image_block_wrapper--modal_view {
  .p-image_block {
    margin: 0;
  }

  .p-image_block__title {
    text-align: center;
    width: 100%;
  }

  .c-message_attachment__image_container {
    margin: auto;
  }
}

.p-divider_block {
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  margin: 4px auto 8px;
  width: 100%;

  &.p-divider_block--group {
    margin: 2px auto;
  }
}

.p-divider_block_wrapper--modal_view .p-divider_block {
  margin: 0;
}

.p-context_block_wrapper--modal_view ~ div.p-divider_block_wrapper--modal_view.p-block_wrapper--modal_view {
  margin-top: 4px;
}

.p-media_transcript {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  height: 100%;
  position: relative;

  .c-timestamp__label {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
  }
}

.p-media_transcript__scrollable {
  padding: 16px 20px;
}

.p-media_transcript__close_button {
  position: absolute;
  right: 8px;
  top: 8px;
}

.p-media_transcript__expand_button {
  position: absolute;
  right: 44px;
  top: 8px;
}

.p-media_transcript__timestamp {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  display: block;
}

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

.p-media_transcript__line--current {
  .p-media_transcript__text, .p-media_transcript__timestamp {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
}

.p-media_transcript--popover {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;

  .p-media_transcript__scrollable {
    max-height: 400px;
    width: 440px;
  }

  .p-media_transcript__line {
    align-items: flex-start;
    display: flex;
    margin-bottom: 4px;
  }

  .p-media_transcript__timestamp {
    margin-right: 8px;
  }
}

.p-media_transcript__preview {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 0;
  max-width: 500px;
}

.p-media_volume_slider {
  position: relative;
}

.p-media_volume_slider--normal {
  align-items: stretch;
  display: flex;

  .p-media_volume_slider__slider_container {
    overflow: hidden;
    transition: width 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
    width: 0;
  }

  .p-media_volume_slider__slider {
    padding: 0 4px;
  }

  &.p-media_volume_slider--keyboard_focus:focus-within .p-media_volume_slider__slider_container, &:hover .p-media_volume_slider__slider_container {
    width: 70px;
  }
}

.p-media_volume_slider--popover {
  .p-media_volume_slider__children {
    position: relative;
    z-index: 3;
  }

  .p-media_volume_slider__slider_container {
    border-radius: 8px;
    height: 16px;
    left: 0;
    opacity: 0;
    padding-left: 40px;
    padding-right: 8px;
    position: absolute;
    top: 8px;
    transition: opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1), visibility 0s step-start;
    visibility: hidden;
    z-index: 1;
  }

  ~ {
    .p-video_controls_overlay__controls__button, .p-video_controls_overlay__controls__speed {
      opacity: 1;
      transition: opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
    }
  }

  &.p-media_volume_slider--keyboard_focus:focus-within .p-media_volume_slider__slider_container, &:hover .p-media_volume_slider__slider_container {
    opacity: 1;
    transition-delay: .16s;
    visibility: visible;
  }

  &.p-media_volume_slider--keyboard_focus:focus-within ~ {
    .p-video_controls_overlay__controls__button, .p-video_controls_overlay__controls__speed {
      opacity: 0;
      transition-delay: 0.16s;
    }
  }

  &:hover ~ {
    .p-video_controls_overlay__controls__button, .p-video_controls_overlay__controls__speed {
      opacity: 0;
      transition-delay: 0.16s;
    }
  }
}

.p-media_volume_slider--vertical {
  .p-media_volume_slider__children {
    position: relative;
    z-index: 3;
  }

  .p-media_volume_slider__slider_container {
    background: #000000b3;
    border-radius: 4px;
    bottom: 0;
    left: 0;
    opacity: 0;
    padding-bottom: 36px;
    padding-top: 12px;
    position: absolute;
    transition: opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1), visibility 0s step-start;
    visibility: hidden;
    width: 32px;
    z-index: 1;
  }

  ~ {
    .p-video_controls_overlay__controls__button, .p-video_controls_overlay__controls__speed {
      opacity: 1;
      transition: opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
    }
  }

  .p-video_controls_overlay__controls__button {
    &.c-button--focus-visible:focus, &:hover {
      background: #0000;
    }
  }

  &.p-media_volume_slider--keyboard_focus:focus-within .p-media_volume_slider__slider_container, &:hover .p-media_volume_slider__slider_container {
    opacity: 1;
    visibility: visible;
  }

  .p-media_volume_slider__slider {
    flex-direction: column;
    height: 70px;
    width: 100%;
  }

  .p-media_volume_slider__track {
    background: #ffffff80;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    width: 4px;
  }

  .p-media_volume_slider__fill {
    width: 4px;

    &:after {
      right: -2px;
      top: -4px;
    }
  }
}

.p-media_volume_slider__slider {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 100%;
  width: 70px;
}

.p-media_volume_slider__track {
  background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 2px;
  height: 4px;
  width: 100%;

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

.p-media_viewer_modal .p-media_volume_slider__track, .p-media_volume_slider--popover .p-media_volume_slider__track {
  background: #ffffff80;
}

.p-media_volume_slider__fill {
  background: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
  border-radius: 2px;
  height: 4px;
  position: relative;

  &:after {
    background: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    border-radius: 3.5px;
    content: '';
    height: 8px;
    position: absolute;
    right: -4px;
    top: -2px;
    transform: scale(0);
    transition: transform 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
    transition-delay: .5s;
    width: 8px;
  }
}

.p-media_volume_slider__slider:hover .p-media_volume_slider__fill:after {
  transform: scale(1);
  transition-delay: 0s;
}

.p-media_reactions_reel {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  overflow: hidden;
  pointer-events: none;
  width: 100%;
}

.p-media_reactions_reel__item_container {
  animation: p-media_reactions_reel__item_container_grow;
  animation-duration: 5s;
  display: none;
  height: 0;
  position: relative;

  &:last-child, &:nth-last-child(2), &:nth-last-child(3) {
    display: flex;
  }

  + .p-media_reactions_reel__item_container {
    margin-top: 4px;
  }
}

.p-media_reactions_reel__item {
  align-items: center;
  animation: p-media_reactions_reel__item_fade_in_out;
  animation-duration: 5s;
  background: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
  border-radius: 32px;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  left: 0;
  line-height: 1.38463;
  max-width: calc(100% - 8px);
  opacity: 0;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.p-media_reactions_reel__item_container--small .p-media_reactions_reel__item {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
}

.p-media_reactions_reel__item_emoji {
  flex-shrink: 0;
}

.p-media_reactions_reel__item_name {
  display: block;
  font-weight: 400;
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

@keyframes p-media_reactions_reel__item_fade_in_out {
  0% {
    opacity: 0;
    pointer-events: none;
  }

  10% {
    opacity: 1;
    pointer-events: all;
  }

  75% {
    opacity: 1;
    pointer-events: all;
  }

  to {
    opacity: 0;
    pointer-events: none;
  }
}

@keyframes p-media_reactions_reel__item_container_grow {
  0% {
    height: 0;
  }

  10% {
    height: 38px;
  }

  to {
    height: 38px;
  }
}

.p-media_reactions_confetti__container {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
}

.p-media_reactions_confetti__emoji_container {
  bottom: 0;
  left: 0;
  position: absolute;
  transform-origin: bottom left;
}

.p-media_reactions_confetti__emoji {
  animation: p-media_reactions_confetti__animation;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(0.45, 0.03, 0.51, 0.96);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
}

@keyframes p-media_reactions_confetti__animation {
  0% {
    opacity: 0;
    transform: translate(0) rotate(0);
  }

  10% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate(var(--media_reactions_confetti_x), var(--media_reactions_confetti_y)) rotate(var(--media_reactions_confetti_rotation));
  }
}

.p-media_reactions_summary__emoji {
  bottom: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  transform: scale(0.5);
  transition-duration: .32s;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.36, 0.19, 0.29, 1);

  &:first-child {
    opacity: 1;
    transform: scale(1);
  }
}

.p-media_reactions_summary--stop_animations {
  column-gap: 4px;
  display: grid;
  grid-auto-flow: column;

  .p-media_reactions_summary__emoji {
    opacity: 1;
    position: static;
    transform: scale(1);
    transition-duration: 0s;
  }
}

.p-media_reactions_one_click_bar {
  align-items: center;
  border-radius: 4px;
  column-gap: 2px;
  display: grid;
  grid-auto-flow: column;
  height: 36px;
  padding: 3px;
}

.p-media_reactions_one_click_bar__button {
  align-items: center;
  border-radius: 3px;
  display: flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.p-media_reactions_one_click_bar__emoji_picker_trigger {
  font-size: 22px;
}

.p-video_playback_settings__speed_label {
  align-items: center;
  display: flex;
}

.p-video_playback_settings__speed_label__current {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin: 0 8px 0 auto;
}

.p-video_controls_scrubber {
  cursor: pointer;
  flex: 1;
  margin: 0 8px;
  padding: 8px 0;
  position: relative;
}

.p-video_controls_scrubber__track {
  background: #ffffff80;
  border-radius: 2px;
  height: 4px;

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

.p-video_controls_scrubber__elapsed {
  background: #1d9bd1;
  border-radius: 2px;
  height: 4px;
  position: relative;

  &:after {
    background: #1d9bd1;
    border-radius: 3.5px;
    content: '';
    height: 8px;
    position: absolute;
    right: -3px;
    top: -2px;
    transform: scale(0.5);
    transition: transform 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
    transition-delay: .5s;
    width: 8px;
  }
}

.p-video_controls_scrubber:hover .p-video_controls_scrubber__elapsed:after {
  transform: scale(1);
  transition-delay: 0s;
}

.p-video_controls_overlay {
  align-items: stretch;
  color: #fff;
  contain: content;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  overflow: hidden;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}

.p-video_controls_overlay--controls:hover .p-video_controls_overlay__controls_container {
  background: #1d1c1db3;
}

.p-video_controls_overlay--embedded:before {
  border-radius: 0;
}

.p-video_controls_overlay__hover {
  opacity: 0;
  transition: opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-video_controls_overlay--active .p-video_controls_overlay__hover, .p-video_controls_overlay--controls:hover .p-video_controls_overlay__hover {
  opacity: 1;
}

.p-video_controls_overlay__corner.p-video_controls_overlay__corner--embed {
  background: #1d1c1dd9;
  border-radius: 6px;
  display: flex;
  position: absolute;
  right: 12px;
  top: 12px;

  &:hover {
    background: #1d1c1de6;
  }
}

.p-video_controls_overlay__corner--embed .p-video_message_file__controls_overlay_ellipsis {
  position: relative;
  right: auto;
  top: auto;
}

.p-video_controls_overlay__button {
  border-radius: 8px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;

  &.c-button--focus-visible:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px var(--saf-0), inset 0 0 0 5px #1d9bd180;
  }
}

.p-video_controls_overlay__controls__pill {
  align-items: center;
  background: #1d1c1dcc;
  border-radius: 4px;
  display: flex;
  font-weight: 700;
  padding: 4px 8px 4px 6px;
  transition: background 80ms cubic-bezier(0.36, 0.19, 0.29, 1), opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-video_controls_overlay--active .p-video_controls_overlay__controls__pill, .p-video_controls_overlay--controls:hover .p-video_controls_overlay__controls__pill {
  background: #1d1c1d00;
}

.p-video_controls_overlay__controls__pill--playing {
  opacity: 0;
}

.p-video_controls_overlay--active .p-video_controls_overlay__controls__pill--playing, .p-video_controls_overlay--controls:hover .p-video_controls_overlay__controls__pill--playing {
  opacity: 1;
}

.p-video_controls_overlay__controls__spinner {
  margin: 1px;
}

.p-video_controls_overlay__time {
  margin-left: 8px;
}

.p-video_controls_overlay--compact {
  &.p-video_controls_overlay--active .p-video_controls_overlay__time, &.p-video_controls_overlay--controls:hover .p-video_controls_overlay__time {
    display: none;
  }
}

.p-video_controls_overlay__controls__button {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  font-size: 20px;
  height: 32px;
  justify-content: center;
  margin: 0 4px;
  width: 32px;

  &.c-button--focus-visible:focus, &:hover {
    background: #1d1c1dd9;
  }
}

.p-video_controls_overlay--compact .p-video_controls_overlay__controls__button {
  font-size: 18px;
}

.p-video_controls_overlay__controls__button--mute {
  position: relative;
  z-index: 2;
}

.p-video_controls_overlay__controls__button--disabled {
  color: #ffffff80;
  cursor: default;

  &.c-button--focus-visible:focus, &:hover {
    background: none;
  }
}

.p-video_controls_overlay__controls__transcript {
  display: inline-flex;
  transition: opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
  opacity: 0;

  &.c-button--disabled {
    opacity: 0;
  }
}

.p-video_controls_overlay--active .p-video_controls_overlay__controls__transcript, .p-video_controls_overlay--controls:hover .p-video_controls_overlay__controls__transcript {
  opacity: 1;
}

.p-video_controls_overlay--active .p-video_controls_overlay__controls__transcript.c-button--disabled, .p-video_controls_overlay--controls:hover .p-video_controls_overlay__controls__transcript.c-button--disabled {
  opacity: 0.5;
}

.p-video_controls_overlay__controls__speed {
  border-radius: 4px;

  &:hover {
    background: #1d1c1dd9;
  }

  .c-select_button {
    font-weight: 700;
    height: 32px;
  }

  .c-select_button__icon, &:hover .c-select_button__icon {
    color: #fff;
    margin-left: 4px;
  }
}

.p-video_controls_overlay__corner {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-8px);
  transition: transform 80ms cubic-bezier(0.36, 0.19, 0.29, 1), opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-video_controls_overlay--compact .p-video_controls_overlay__corner {
  margin: -4px -4px 0 0;
}

.p-video_controls_overlay--active .p-video_controls_overlay__corner, .p-video_controls_overlay--controls:hover .p-video_controls_overlay__corner {
  transform: translateY(0);
}

.p-video_controls_overlay__corner {
  .p-video_controls_overlay__start_thread_button, .p-video_embed__controls_overlay_fullscreen, .p-video_message_file__controls_overlay_ellipsis, .p-video_message_file__controls_overlay_fullscreen {
    background: #1d1c1dd9;
  }

  .p-video_controls_overlay__start_thread_button:hover, .p-video_embed__controls_overlay_fullscreen:hover, .p-video_message_file__controls_overlay_ellipsis:hover, .p-video_message_file__controls_overlay_fullscreen:hover {
    background: #1d1c1de6;
  }
}

.p-video_controls_overlay .c-button--disabled {
  pointer-events: auto;
}

.p-video_controls_overlay--design_polish {
  .p-video_controls_overlay__controls_container {
    background: none;
    border-radius: 8px;
    margin: 8px;
    padding: 4px;
    position: relative;
    transition: background 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
    z-index: 1;
  }

  .p-video_controls_overlay__controls {
    display: flex;
  }

  .p-video_controls_overlay__controls__button--mute {
    margin: 0;
  }

  .p-media_volume_slider {
    margin-left: 4px;
    margin-right: auto;
  }

  &.p-video_controls_overlay--design_polish_ultra_compact .p-media_volume_slider {
    margin-left: 0;
  }

  .p-media_volume_slider, .p-video_controls_overlay__controls__button, .p-video_controls_overlay__controls__speed {
    opacity: 0;
    transition: opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
  }
}

.p-video_controls_overlay--active.p-video_controls_overlay--design_polish {
  .p-media_volume_slider, .p-video_controls_overlay__controls__button, .p-video_controls_overlay__controls__speed {
    opacity: 1;
  }
}

.p-video_controls_overlay--controls:hover.p-video_controls_overlay--design_polish {
  .p-media_volume_slider, .p-video_controls_overlay__controls__button, .p-video_controls_overlay__controls__speed {
    opacity: 1;
  }
}

.p-video_controls_overlay--design_polish {
  .p-video_controls_scrubber {
    transition: opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
  }

  &.p-video_controls_overlay--vertical_volume_active .p-video_controls_scrubber {
    opacity: 0;
  }

  &.p-video_controls_overlay--design_polish_ultra_compact .p-video_controls_overlay__controls__button--overflow {
    margin: 0;
  }
}

.p-video_controls_overlay__reactions_reel {
  bottom: 0;
  left: 0;
  padding-bottom: 8px;
  padding-left: 8px;
  position: absolute;
  transition: transform 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-video_controls_overlay--active .p-video_controls_overlay__reactions_reel, .p-video_controls_overlay--controls:hover .p-video_controls_overlay__reactions_reel {
  transform: translateY(-100px);
}

.p-video_controls_overlay__reactions_reel--captions_enabled {
  bottom: 50px;
}

.p-video_controls_overlay--active .p-video_controls_overlay__reactions_reel--captions_enabled, .p-video_controls_overlay--controls:hover .p-video_controls_overlay__reactions_reel--captions_enabled {
  transform: translateY(-50px);
}

.p-video_controls_overlay__reactions_summary {
  bottom: 24px;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  right: 16px;
  transition: opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-video_controls_overlay--active .p-video_controls_overlay__reactions_summary, .p-video_controls_overlay--controls:hover .p-video_controls_overlay__reactions_summary {
  opacity: 0;
}

.p-video_controls_overlay__reactions_confetti {
  bottom: 8px;
  left: 8px;
  position: absolute;
  transition: transform 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-video_controls_overlay--active .p-video_controls_overlay__reactions_confetti, .p-video_controls_overlay--controls:hover .p-video_controls_overlay__reactions_confetti {
  transform: translateY(-100px);
}

.p-video_controls_overlay__reactions_confetti--captions_enabled {
  bottom: 58px;
}

.p-video_controls_overlay--active .p-video_controls_overlay__reactions_confetti--captions_enabled, .p-video_controls_overlay--controls:hover .p-video_controls_overlay__reactions_confetti--captions_enabled {
  transform: translateY(-50px);
}

.p-video_controls_overlay__one_click_reactions {
  background: #1d1c1dd9;
  position: absolute;
  right: 88px;
  top: 8px;

  &:hover {
    background: #1d1c1de6;
  }

  .p-media_reactions_one_click_bar__button:hover {
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 0.2);
  }
}

.p-video_controls_overlay--active .p-video_controls_overlay__short_file_description, .p-video_controls_overlay--controls:hover .p-video_controls_overlay__short_file_description {
  display: none;
}

.p-video_message_file {
  background: #1d1c1d;
  border-radius: 8px;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  max-width: 480px;
  min-height: 150px;
  position: relative;
}

.c-file_gallery__compact .p-video_message_file {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.p-video_message_file__poster {
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  max-height: 360px;
  overflow: hidden;
  position: relative;
}

.c-file_gallery .p-video_message_file__poster {
  border-radius: 8px;
}

.p-video_message_file__poster__aspect {
  padding-top: 56.25%;
  position: relative;
}

.p-video_message_file--square .p-video_message_file__poster__aspect {
  padding-top: 100%;
}

.p-video_message_file__poster__waves {
  height: auto;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.p-video_message_file {
  .p-media_viewer__video_container {
    background: #000;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    overflow: hidden;
  }

  .p-media_viewer__video, .p-media_viewer__video_container {
    max-height: 360px;
    max-width: 100%;
  }

  .p-media_viewer__video {
    display: block;

    &::cue {
      background-color: #000c;
      font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
      font-size: 18px;
      text-shadow: 0 1px 1px #00000040;
    }
  }
}

.p-video_message_file__duration {
  background: #1d1c1dcc;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  left: 12px;
  padding: 4px 8px;
  position: absolute;
  top: 12px;
}

.p-video_message_file__controls_overlay_ellipsis, .p-video_message_file__controls_overlay_fullscreen {
  position: absolute;
  top: 8px;
}

.p-video_message_file__controls_overlay_ellipsis {
  right: 8px;
}

.p-video_controls_overlay__corner--compact .p-video_message_file__controls_overlay_fullscreen, .p-video_message_file__controls_overlay_fullscreen {
  right: 48px;
}

.p-file_image_thumbnail__wrapper {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: initial;
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  cursor: nesw-resize;
  cursor: zoom-in;
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  margin: 0;
  padding: 0;

  &:focus {
    border-radius: 8px;
    margin: 0;
    padding: 0;
  }

  .p-file_image_thumbnail__image {
    display: block;
    max-width: 100%;
  }

  &.card-view__inner {
    border: 0;
  }
}

.p-file_image_thumbnail__wrapper--broken {
  background-image: url(./broken_image-871454d.png);
  background-position: 50%;
  background-repeat: no-repeat;

  .p-file_image_thumbnail__image, &:after {
    display: none;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-file_image_thumbnail__wrapper--broken {
    background-image: url(./broken_image@2x-0765596.png);
  }
}

.p-file_image_thumbnail__tiny_thumb_wrapper {
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  display: block;
  height: 100%;
  position: relative;
}

.p-file_image_thumbnail__image_alt_badge_coachmark {
  position: absolute;

  .c-coachmarkv2 {
    top: 5px;
  }
}

.p-file_image_thumbnail__image_alt_badge {
  cursor: pointer;
  padding: 4px 8px;
  position: relative;
  transform: translate(16px, calc(-100% - 16px));
}

.p-file_image_thumbnail__annotation_badge, .p-file_image_thumbnail__image_alt_badge {
  background-color: #1d1c1dcc;
  border-radius: 4px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  z-index: 1;
}

.p-file_image_thumbnail__annotation_badge {
  align-items: center;
  bottom: 16px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  line-height: 1.2;
  padding: 4px 10px;
  position: absolute;
  right: 16px;
}

.p-message_image_file {
  position: relative;

  &:focus .c-file__actions, &:focus-within .c-file__actions, &:hover .c-file__actions {
    opacity: 1;
  }
}

.p-slides_player__container {
  aspect-ratio: 1.65;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  max-width: 480px;
  overflow: hidden;
  position: relative;
}

.p-slides_player {
  height: 100%;
  position: relative;
  width: 100%;

  .p-slides__slide {
    border-radius: 8px;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
  }

  .p-video_controls_overlay {
    left: 0;
    top: 0;
  }
}

.p-slides_player__progress_bar {
  align-items: center;
  bottom: 0;
  display: flex;
  height: 20px;
  left: 0;
  opacity: 0;
  padding: 4px;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.p-slides_player--playing .p-slides_player__progress_bar {
  opacity: 1;
}

.p-slides_player .p-video_controls_overlay--controls {
  &.p-video_controls_overlay--active .p-slides_player__progress_bar, &.p-video_controls_overlay:hover .p-slides_player__progress_bar {
    bottom: 45px;
    opacity: 1;
  }
}

.p-slides_player__story_progress {
  background-color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  border-radius: 8px;
  height: 3px;
  margin: 0 3px;
  overflow: hidden;
  width: 100%;
}

.p-slides_player__slides {
  transform-origin: top left;
}

.p-slides_player__story_progress--complete {
  background-color: #fff;
}

.p-slides_player__story_progress--active {
  background-color: #fff;
  height: 100%;
  overflow: hidden;
  width: 0;
}

.p-slides_player__story_progress_wrapper {
  align-items: center;
  display: flex;
  flex: 1;
  height: 100%;
}

.c-audio_player_play_button {
  align-items: center;
  background: #e6eff6;
  border-radius: 18px;
  color: #1264a3;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  margin-right: 12px;
  width: 36px;

  &:active, &:hover {
    background: #d3e3ef;
  }

  &:focus {
    border-radius: 18px;
  }
}

.c-audio_player_play_button--disabled {
  background: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
  cursor: default;
}

.c-audio_player_header {
  min-width: 0;
}

.c-audio_player_header__name {
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;
  line-height: 1.2;
}

.c-audio_player_header__name--mini {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.c-audio_player_header__metadata {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.c-audio_player_header__time {
  margin-right: 4px;
}

.c-audio_player_scrubber {
  cursor: pointer;
  flex: 1;
  height: 18px;
  position: relative;

  .p-audio_waveform__dot {
    min-height: 6px;
  }
}

.c-audio_player_scrubber--with-waveform {
  height: 34px;
}

.c-audio_player_scrubber--with-waveform-focus {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.c-audio_player_scrubber__waveform {
  position: absolute;
  z-index: 1;
}

.c-audio_player_scrubber__waveform_elapsed_wrapper {
  overflow: hidden;
  position: absolute;
  z-index: 1;

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

.c-audio_player_scrubber__tracks {
  align-items: center;
  bottom: 0;
  display: flex;
  left: 4px;
  position: absolute;
  right: 8px;
  top: 0;
}

.c-audio_player_scrubber__track {
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 2px;
  flex: 1;
  height: 4px;
  position: relative;
}

.c-audio_player_scrubber__track--elapsed {
  background: #1264a3;
  flex: unset;
}

.c-audio_player_scrubber__thumb {
  background: #1264a3;
  border-radius: 6px;
  height: 12px;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateX(-4px) translateY(-4px);
  width: 12px;
}

.c-audio_player_scrubber__thumb--paused {
  background: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
}

.c-audio_player_scrubber__thumb:focus {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  outline: none;
}

.c-audio_player_states {
  align-items: center;
  align-self: center;
  display: flex;
  flex-shrink: 0;
  margin-left: auto;
  white-space: nowrap;
}

.c-audio_player_states--error {
  color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
}

.c-audio_player_states__error_icon {
  margin-right: 4px;
}

.c-audio_player_states--buffering {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.7);
}

.c-audio_player_states__spinner {
  display: inline-block;
  margin-right: 4px;
}

.c-audio_player--flat {
  align-items: center;
  display: flex;
  flex-direction: row;

  .c-audio_player_play_button {
    height: 34px;
    width: 34px;
  }
}

.c-audio_player--audio_message .c-audio_player_play_button--disabled, .c-audio_player--flat .c-audio_player_play_button--disabled {
  background: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);

  &:hover {
    background: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
  }
}

.c-audio_player--audio_message .c-audio_player_play_button, .c-audio_player--flat .c-audio_player_play_button {
  background: rgba(var(--sk_highlight, 18, 100, 163), 1);
  color: #fff;
}

.c-audio_player--audio_message .c-audio_player_play_button {
  &:active, &:hover {
    background: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
  }
}

.c-audio_player--flat .c-audio_player_play_button {
  &:active, &:hover {
    background: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
  }
}

.c-audio_player__header_container {
  align-items: flex-start;
  display: flex;
}

.c-audio_player__controls {
  align-items: center;
  display: flex;
  margin-top: 12px;
}

.c-audio_player__time {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-left: 4px;
}

.c-audio_player--audio_message .c-audio_player__time {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-weight: 700;
}

.c-audio_player .p-media_controls__control--playback-speed {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);

  .c-select_button--small {
    font-weight: 700;
  }

  .c-select_button__icon {
    display: none;
  }
}

.c-pillow_file__post {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  margin: 12px -12px 0;
  outline: none;
  padding: 12px 12px 0;
}

.c-pillow_file__post--collapsed {
  margin-bottom: -12px;
  max-height: 200px;
  overflow: hidden;
}

.c-pillow_file__post__content {
  word-wrap: break-word;
  font-size: .94rem;
  line-height: 1.32rem;

  > * {
    margin: 0;
  }

  h1, h2 {
    font-weight: 700;
    letter-spacing: 0;
  }

  h1 {
    font-size: 1.12rem;
    line-height: 1.2;
  }

  h2 {
    font-size: 1rem;
    line-height: 1.32rem;
  }

  h3 {
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 1.13rem;
    text-transform: uppercase;
  }

  p {
    margin: 0;

    &.ql-indent-1 {
      margin-left: 56px;
    }

    &.ql-indent-2 {
      margin-left: 84px;
    }

    &.ql-indent-3 {
      margin-left: 112px;
    }

    &.ql-indent-4 {
      margin-left: 140px;
    }

    &.ql-indent-5 {
      margin-left: 168px;
    }

    &.ql-indent-6 {
      margin-left: 196px;
    }

    &.ql-indent-7 {
      margin-left: 224px;
    }

    &.ql-indent-8 {
      margin-left: 252px;
    }

    > img {
      max-width: 100%;
    }
  }

  hr {
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  }

  [tabbing='1'] {
    margin-left: 1.9rem;
  }

  [tabbing='2'] {
    margin-left: 3.8rem;
  }

  [tabbing='3'] {
    margin-left: 5.7rem;
  }

  [tabbing='4'] {
    margin-left: 7.6rem;
  }

  [tabbing='5'] {
    margin-left: 9.5rem;
  }

  [tabbing='6'] {
    margin-left: 11.4rem;
  }

  code, pre {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }

  code * {
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
  }

  pre {
    * {
      font-style: normal;
      font-weight: 400;
      text-decoration: none;
    }

    border: none;
    font-size: .75rem;
    line-height: 1.1rem;
    padding: .5rem .8rem;
    -moz-tab-size: 4;
    tab-size: 4;
  }

  blockquote {
    padding-left: 1rem;
    position: relative;

    &:before {
      background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      content: '';
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 3px;
    }

    &:first-child:before {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
    }

    &:last-child:before {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
    }

    &[tabbing='1'] {
      margin-left: 0;
      padding-left: 1.9rem;
    }

    &[tabbing='2'] {
      margin-left: 0;
      padding-left: 3.8rem;
    }

    &[tabbing='3'] {
      margin-left: 0;
      padding-left: 5.7rem;
    }

    &[tabbing='4'] {
      margin-left: 0;
      padding-left: 7.6rem;
    }

    &[tabbing='5'] {
      margin-left: 0;
      padding-left: 9.5rem;
    }

    &[tabbing='6'] {
      margin-left: 0;
      padding-left: 11.4rem;
    }
  }

  ol, ul {
    list-style-position: outside;
    margin: 0 0 0 1.9rem;
  }

  ol li, ul li {
    font-size: .94rem;
    line-height: 1.32rem;
  }

  ol li {
    margin-left: 0;

    &[tabbing='1'], &[tabbing='2'], &[tabbing='3'], &[tabbing='4'], &[tabbing='5'], &[tabbing='6'] {
      margin-left: 0;
    }
  }

  ul li {
    margin-left: 0;

    &[tabbing='1'], &[tabbing='2'], &[tabbing='3'], &[tabbing='4'], &[tabbing='5'], &[tabbing='6'] {
      margin-left: 0;
    }
  }

  ol {
    ol, ul {
      margin-left: 1.3rem;
    }
  }

  ul {
    ol, ul {
      margin-left: 1.3rem;
    }
  }

  ol.list {
    counter-reset: number-counter;
    margin-left: 1.9rem;

    li {
      counter-increment: number-counter;
      list-style-type: none;

      &:before {
        content: counter(number-counter, decimal) '. ';
        margin-left: -2.5rem;
        position: absolute;
        text-align: right;
        width: 2rem;
      }

      &[tabbing='1']:before, &[tabbing='5']:before {
        content: counter(number-counter, lower-alpha) '. ';
      }

      &[tabbing='2']:before, &[tabbing='6']:before {
        content: counter(number-counter, lower-roman) '. ';
      }

      &.sublist-container {
        counter-increment: none;

        .list {
          margin-left: 1.3rem;
        }

        &:before {
          content: '';
        }
      }
    }
  }

  ul.list {
    list-style-position: outside;
    list-style-type: none;
    margin-left: 1.9rem;

    li {
      &[tabbing='1'], &[tabbing='4'] {
        list-style-type: circle;
      }

      &[tabbing='2'], &[tabbing='5'] {
        list-style-type: square;
      }

      list-style-type: disc;

      &[tabbing='3'], &[tabbing='6'] {
        list-style-type: disc;
      }
    }

    .sublist-container {
      list-style-type: none;

      .list {
        margin-left: 1.3rem;
      }
    }
  }

  ol {
    list-style-type: decimal;

    ol {
      list-style-type: lower-alpha;

      ol {
        list-style-type: lower-roman;

        ol {
          list-style-type: decimal;

          ol {
            list-style-type: lower-alpha;

            ol {
              list-style-type: lower-roman;

              ol {
                list-style-type: decimal;

                ol {
                  list-style-type: lower-alpha;

                  ol {
                    list-style-type: lower-roman;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  ul {
    list-style-type: disc;

    ul {
      list-style-type: circle;

      ul {
        list-style-type: square;

        ul {
          list-style-type: disc;

          ul {
            list-style-type: circle;

            ul {
              list-style-type: square;

              ul {
                list-style-type: disc;

                ul {
                  list-style-type: circle;

                  ul {
                    list-style-type: square;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  ol.singleton li[tabbing='1'], ul.singleton li[tabbing='1'] {
    margin-left: 1.3rem;
  }

  ol.singleton li[tabbing='2'], ul.singleton li[tabbing='2'] {
    margin-left: 2.6rem;
  }

  ol.singleton li[tabbing='3'], ul.singleton li[tabbing='3'] {
    margin-left: 3.9rem;
  }

  ol.singleton li[tabbing='4'], ul.singleton li[tabbing='4'] {
    margin-left: 5.2rem;
  }

  ol.singleton li[tabbing='5'], ul.singleton li[tabbing='5'] {
    margin-left: 6.5rem;
  }

  ol.singleton li[tabbing='6'], ul.singleton li[tabbing='6'] {
    margin-left: 7.8rem;
  }

  ol.singleton + .singleton, ul.singleton + .singleton {
    margin-top: 0;
  }

  ol.singleton li {
    list-style-type: decimal;

    &[tabbing='1'] {
      list-style-type: lower-alpha;
    }

    &[tabbing='2'] {
      list-style-type: lower-roman;
    }

    &[tabbing='3'] {
      list-style-type: decimal;
    }

    &[tabbing='4'] {
      list-style-type: lower-alpha;
    }

    &[tabbing='5'] {
      list-style-type: lower-roman;
    }

    &[tabbing='6'] {
      list-style-type: decimal;
    }
  }

  ul {
    &.singleton li {
      list-style-type: disc;

      &[tabbing='1'] {
        list-style-type: circle;
      }

      &[tabbing='2'] {
        list-style-type: square;
      }

      &[tabbing='3'] {
        list-style-type: disc;
      }

      &[tabbing='4'] {
        list-style-type: circle;
      }

      &[tabbing='5'] {
        list-style-type: square;
      }

      &[tabbing='6'] {
        list-style-type: disc;
      }
    }

    &.checklist {
      background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
      border-radius: .25rem;
      margin-left: 0;
      overflow: hidden;
      padding: 0 .69rem .38rem 2.13rem;
      position: relative;

      ul.checklist {
        background-color: initial;
        border-radius: 0;
        margin: .38rem 0 0;
        overflow: visible;
        padding: 0;
        position: static;
      }

      li {
        list-style-type: none;
        min-height: 2.0725rem;
        padding: 0.38rem 0;

        li {
          padding-left: 1.3rem;
        }

        &:last-child {
          min-height: 1.6925rem;
          padding-bottom: 0;
        }

        &:before {
          background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
          content: '';
          display: block;
          height: 1px;
          margin-left: -100%;
          margin-top: -.38rem;
          position: absolute;
          width: 200%;
        }

        .checkbox {
          background-image: url(./checklist-a0946f4.svg);
          background-position: 0 -100%;
          background-size: 1rem 4rem;
          height: 1rem;
          margin: .15rem 0 0 -1.44rem;
          min-height: 1rem;
          opacity: .7;
          overflow: hidden;
          padding: 0;
          position: absolute;
          width: 1rem;
        }

        &.checked {
          color: #8c8c8d;

          .checkbox {
            background-position: 0 -300%;
          }
        }
      }
    }

    &.singleton.checklist {
      li {
        list-style-type: none;
      }

      + .singleton.checklist {
        margin-top: -0.3rem;

        li {
          padding-top: 0.68rem;
        }
      }
    }

    &.list.checklist {
      margin-left: 0;
      padding: 0.1rem 0;

      li {
        border-bottom: 1px solid #fff;
        padding: 0.38rem 0.69rem 0.38rem 2.13rem;
        list-style-type: none;

        &[tabbing] {
          list-style-type: none;
        }

        .checkbox {
          background-image: url(./checklist-a0946f4.svg);
          background-position: 0 -100%;
          background-size: 1rem 4rem;
          height: 1rem;
          margin: .15rem 0 0 -1.44rem;
          min-height: 1rem;
          opacity: .7;
          overflow: hidden;
          padding: 0;
          position: absolute;
          width: 1rem;
        }

        &.checked {
          color: #8c8c8d;

          .checkbox {
            background-position: 0 -300%;
          }
        }

        &:last-child {
          border-bottom: none;
          padding-bottom: 0.38rem;
        }

        li {
          padding-left: 0;
          padding-right: 0;
        }

        &:before {
          display: none;
        }

        &.sublist-container {
          padding-bottom: 0;
          padding-right: 0;
          padding-top: 0;

          .list {
            margin-top: 0;
            padding: 0;
          }
        }
      }
    }
  }

  .c-pillow_file__post__unfurl, .message {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-radius: 6px;
    padding: 0.5rem 0.8rem !important;
    position: relative;
  }

  .c-pillow_file__post__unfurl {
    .c-message_attachment__media_trigger, .inline_img_bytes, .msg_inline_img_collapser, .msg_inline_img_expander {
      display: none;
    }
  }

  .message {
    .c-message_attachment__media_trigger, .inline_img_bytes, .msg_inline_img_collapser, .msg_inline_img_expander {
      display: none;
    }
  }

  .c-pillow_file__post__unfurl .c-message_attachment, .message .c-message_attachment {
    margin-bottom: 0;
  }

  .c-pillow_file__post__unfurl .c-message_attachment__over_limit, .message .c-message_attachment__over_limit {
    margin: 0;
    padding: 8px 0;
  }

  h1 + *, h2 + *, h3 + * {
    margin-top: 0.19rem;
  }

  h1 + {
    .c-pillow_file__post__unfurl, .message, pre, ul.checklist {
      margin-top: 0.31rem;
    }
  }

  h2 + {
    .c-pillow_file__post__unfurl, .message, pre, ul.checklist {
      margin-top: 0.31rem;
    }
  }

  h3 + {
    .c-pillow_file__post__unfurl, .message, pre, ul.checklist {
      margin-top: 0.31rem;
    }
  }

  hr + * {
    margin-top: 0.94rem;
  }

  p + {
    * {
      margin-top: 0.94rem;
    }

    p {
      margin-top: 0.5rem;
    }

    ol, ul {
      margin-top: 0.38rem;
    }

    .c-pillow_file__post__unfurl, .message, pre, ul.checklist {
      margin-top: 0.56rem;
    }
  }

  ol + {
    .message, pre, ul.checklist {
      margin-top: 0.75rem;
    }
  }

  ul + {
    .c-pillow_file__post__unfurl, .message, pre, ul.checklist {
      margin-top: 0.75rem;
    }
  }

  ol + *, ul + * {
    margin-top: 0.38rem;
  }

  .c-pillow_file__post__unfurl + *, .message + *, blockquote + :not(blockquote), pre + *, ul.checklist + * {
    margin-top: 0.56rem;
  }
}

.sk-client-theme--dark .c-pillow_file__post__content code {
  color: #e8912d;
}

.c-pillow_file__post__content ul {
  > li[data-checked]:before {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.35);
    cursor: pointer;
    display: inline-block;
    font-family: Slack v2;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    pointer-events: all;
  }

  li {
    &[data-checked=false], &[data-checked=true] {
      list-style-type: none;
    }
  }

  > li {
    &[data-checked=true] {
      color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
      text-decoration: line-through;
    }

    &[data-checked=false]:before {
      font-size: 15px;
      line-height: 1;
      margin-left: -16px;
      margin-right: 6px;
    }

    &[data-checked=true]:before {
      font-size: 15px;
      line-height: 1;
      margin-left: -16px;
      margin-right: 6px;
      color: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
      content: '';
    }

    &[data-checked=false]:before {
      content: '';
    }
  }
}

.p-file_quip {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  cursor: pointer;
  height: 100%;
  padding: 12px 12px 0;
}

.p-file_quip--unfurl {
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  margin: 12px -12px -12px;

  &.p-file_quip {
    padding: 12px 12px 0;
  }

  .p-block_kit_renderer > {
    .p-header_block {
      font-size: 18px;
      font-weight: 900;
      line-height: 1.33334;
      margin-top: 0;
    }

    :not(.p-section_block) {
      margin-bottom: 12px;
    }

    .p-section_block + :not(.p-section_block) {
      margin-top: 12px;
    }
  }
}

.p-file_quip__snippet {
  max-height: 240px;
  pointer-events: none;
  position: relative;

  [class^=c-] .c-file__actions, [class^=p-] .c-file__actions {
    opacity: 0;
  }

  .p-block_kit_renderer {
    div:has(.c-message_kit__avatar) {
      --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.1);
      border: 1px solid var(--saf-0);
      border-radius: 4px;
      padding: 8px;
    }

    .c-message_kit__avatar {
      display: inline-block;
      margin-right: 4px;
    }
  }
}

.p-file_quip__embed {
  max-height: 150px;
  pointer-events: none;
  position: relative;

  &:after {
    background: linear-gradient(to top, rgba(var(--sk_primary_background, 255, 255, 255), 1), rgba(var(--sk_primary_background, 255, 255, 255), 0) 40px);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}

.p-file_quip__snippet__unfurl_container, .p-file_quip__snippet__unfurl_container--link_unfurl, .p-file_quip__snippet__unfurl_container__single_image {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  margin: 8px 0;
  overflow: hidden;
}

.p-file_quip__snippet__unfurl_container, .p-file_quip__snippet__unfurl_container--link_unfurl_content {
  padding: 8px;
}

.p-file_quip__snippet__unfurl_container--link_unfurl {
  display: flex;

  .p-file_quip__snippet__unfurl_container--link_unfurl__thumb {
    background-position: 50%;
    background-size: cover;
    flex: 0 0 100px;
  }
}

.p-file_quip__snippet__unfurl_container__video_thumb {
  border-radius: 8px;
  width: 200px;
}

.p-file_quip__snippet__unfurl_container--link_unfurl .p-file_quip__snippet__unfurl_container--link_unfurl_content {
  flex: 1;
}

.p-file_quip__snippet__unfurl_container__icon_and_name {
  align-items: center;
  display: flex;
}

.p-file_quip__snippet__unfurl_container__icon_and_name__icon {
  margin-right: 4px;
}

.p-file_quip__snippet__unfurl_container--link_unfurl_content_title {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;
}

.p-file_quip__snippet__unfurl_container--link_unfurl_content_text {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.5);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin: 10px 0;
}

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

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

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

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

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

.p-file_quip__snippet__unfurl_container__icon_and_name__name {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.CodeMirror {
  color: #000;
  direction: ltr;
  font-family: monospace;
  height: 300px;
}

.CodeMirror-lines {
  padding: 4px 0;
}

.CodeMirror pre {
  &.CodeMirror-line, &.CodeMirror-line-like {
    padding: 0 4px;
  }
}

.CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler {
  background-color: #fff;
}

.CodeMirror-gutters {
  background-color: #f7f7f7;
  border-right: 1px solid #ddd;
  white-space: nowrap;
}

.CodeMirror-linenumber {
  color: #999;
  min-width: 20px;
  padding: 0 3px 0 5px;
  text-align: right;
  white-space: nowrap;
}

.CodeMirror-guttermarker {
  color: #000;
}

.CodeMirror-guttermarker-subtle {
  color: #999;
}

.CodeMirror-cursor {
  border-left: 1px solid #000;
  border-right: none;
  width: 0;
}

.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}

.cm-fat-cursor {
  .CodeMirror-cursor {
    background: #7e7;
    border: 0 !important;
    width: auto;
  }

  div.CodeMirror-cursors {
    z-index: 1;
  }
}

.cm-fat-cursor-mark {
  animation: blink 1.06s steps(1) infinite;
  background-color: #14ff1480;
}

.cm-animate-fat-cursor {
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
  border: 0;
  width: auto;
}

@keyframes blink {
  50% {
    background-color: initial;
  }
}

.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}

.CodeMirror-rulers {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: -50px;
}

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  bottom: 0;
  position: absolute;
  top: 0;
}

.cm-s-default {
  .cm-header {
    color: blue;
  }

  .cm-quote {
    color: #090;
  }
}

.cm-negative {
  color: #d44;
}

.cm-positive {
  color: #292;
}

.cm-header, .cm-strong {
  font-weight: 700;
}

.cm-em {
  font-style: italic;
}

.cm-link {
  text-decoration: underline;
}

.cm-strikethrough {
  text-decoration: line-through;
}

.cm-s-default {
  .cm-keyword {
    color: #708;
  }

  .cm-atom {
    color: #219;
  }

  .cm-number {
    color: #164;
  }

  .cm-def {
    color: #00f;
  }

  .cm-variable-2 {
    color: #05a;
  }

  .cm-type, .cm-variable-3 {
    color: #085;
  }

  .cm-comment {
    color: #a50;
  }

  .cm-string {
    color: #a11;
  }

  .cm-string-2 {
    color: #f50;
  }

  .cm-meta, .cm-qualifier {
    color: #555;
  }

  .cm-builtin {
    color: #30a;
  }

  .cm-bracket {
    color: #997;
  }

  .cm-tag {
    color: #170;
  }

  .cm-attribute {
    color: #00c;
  }

  .cm-hr {
    color: #999;
  }

  .cm-link {
    color: #00c;
  }
}

.cm-invalidchar, .cm-s-default .cm-error {
  color: red;
}

.CodeMirror-composing {
  border-bottom: 2px solid;
}

div.CodeMirror span {
  &.CodeMirror-matchingbracket {
    color: #0b0;
  }

  &.CodeMirror-nonmatchingbracket {
    color: #a22;
  }
}

.CodeMirror-matchingtag {
  background: #ff96004d;
}

.CodeMirror-activeline-background {
  background: #e8f2ff;
}

.CodeMirror {
  background: #fff;
  overflow: hidden;
  position: relative;
}

.CodeMirror-scroll {
  height: 100%;
  margin-bottom: -50px;
  margin-right: -50px;
  outline: none;
  overflow: scroll !important;
  padding-bottom: 50px;
  position: relative;
}

.CodeMirror-sizer {
  border-right: 50px solid #0000;
  position: relative;
}

.CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler {
  display: none;
  outline: none;
  position: absolute;
  z-index: 6;
}

.CodeMirror-vscrollbar {
  display: none;
  outline: none;
  position: absolute;
  z-index: 6;
  overflow-x: hidden;
  overflow-y: scroll;
  right: 0;
  top: 0;
}

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-x: scroll;
  overflow-y: hidden;
}

.CodeMirror-scrollbar-filler {
  bottom: 0;
  right: 0;
}

.CodeMirror-gutter-filler {
  bottom: 0;
  left: 0;
}

.CodeMirror-gutters {
  left: 0;
  min-height: 100%;
  position: absolute;
  top: 0;
  z-index: 3;
}

.CodeMirror-gutter {
  display: inline-block;
  height: 100%;
  margin-bottom: -50px;
  vertical-align: top;
  white-space: normal;
}

.CodeMirror-gutter-wrapper {
  background: none !important;
  border: none !important;
  position: absolute;
  z-index: 4;
}

.CodeMirror-gutter-background {
  bottom: 0;
  position: absolute;
  top: 0;
  z-index: 4;
}

.CodeMirror-gutter-elt {
  cursor: default;
  position: absolute;
  z-index: 4;
}

.CodeMirror-gutter-wrapper {
  ::selection, ::-moz-selection {
    background-color: initial;
  }
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
}

.CodeMirror pre {
  &.CodeMirror-line, &.CodeMirror-line-like {
    word-wrap: normal;
    -webkit-tap-highlight-color: transparent;
    background: #0000;
    border-radius: 0;
    border-width: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-variant-ligatures: contextual;
    line-height: inherit;
    margin: 0;
    overflow: visible;
    position: relative;
    white-space: pre;
    z-index: 2;
  }
}

.CodeMirror-wrap pre {
  &.CodeMirror-line, &.CodeMirror-line-like {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal;
  }
}

.CodeMirror-linebackground {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  padding: .1px;
  position: relative;
  z-index: 2;
}

.CodeMirror-rtl pre {
  direction: rtl;
}

.CodeMirror-code {
  outline: none;
}

.CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber, .CodeMirror-scroll, .CodeMirror-sizer {
  box-sizing: initial;
}

.CodeMirror-measure {
  height: 0;
  overflow: hidden;
  position: absolute;
  visibility: hidden;
  width: 100%;
}

.CodeMirror-cursor {
  pointer-events: none;
  position: absolute;
}

.CodeMirror-measure pre {
  position: static;
}

div.CodeMirror-cursors {
  position: relative;
  visibility: hidden;
  z-index: 3;
}

.CodeMirror-focused div.CodeMirror-cursors, div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-selected {
  background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}

.CodeMirror-crosshair {
  cursor: crosshair;
}

.CodeMirror-line {
  &::selection {
    background: #d7d4f0;
  }

  > span {
    &::selection, > span::selection {
      background: #d7d4f0;
    }
  }

  &::-moz-selection {
    background: #d7d4f0;
  }

  > span {
    &::-moz-selection, > span::-moz-selection {
      background: #d7d4f0;
    }
  }
}

.cm-searching {
  background-color: #ffa;
  background-color: #ff06;
}

.cm-force-border {
  padding-right: 0.1px;
}

@media print {
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

.cm-tab-wrap-hack:after {
  content: '';
}

span.CodeMirror-selectedtext {
  background: none;
}

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

.CodeMirror {
  background-color: #fff;
  border: 1px solid #1d1c1d80;
  border-radius: 6px;
  color: #1d1c1d;
  font-family: Monaco, Menlo, Consolas, Courier New, monospace !important;
  height: auto;
  transform: translateY(0);
  will-change: transform;

  pre {
    word-wrap: normal;
    -webkit-tap-highlight-color: transparent;
    background: #0000;
    border-radius: 0;
    border-width: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-variant-ligatures: contextual;
    line-height: inherit;
    margin: 0;
    overflow: visible;
    padding: 0 4px;
    position: relative;
    white-space: pre;
    z-index: 2;
  }

  .CodeMirror-sizer {
    font-size: 13px !important;
    line-height: 1.5;
  }

  .CodeMirror-gutters {
    background-color: #fbfbfb;
    border-color: #ebebeb;
  }

  .CodeMirror-code {
    font-size: 0.8rem;
  }

  .CodeMirror-linenumber {
    color: #1d1c1db3;
  }

  &:focus, &:hover {
    border-color: #1d1c1db3;
  }
}

#file_page .CodeMirror, #snippet_dialog .CodeMirror {
  height: 12rem;
}

.cm-s-yonce {
  &.CodeMirror {
    --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
    background: #1a1d21;
    border: 1px solid var(--saf-0);
    color: #d1d2d3;

    pre {
      padding-left: 0;
    }
  }

  div.CodeMirror-selected {
    background: rgba(252, 69, 133, 0.478);
  }

  .CodeMirror-line {
    &::-moz-selection, &::selection {
      background: #fc438478;
    }

    > span {
      &::-moz-selection, &::selection {
        background: #fc438478;
      }

      > span {
        &::-moz-selection, &::selection {
          background: #fc438478;
        }
      }
    }
  }

  .CodeMirror-selected, .CodeMirror-selectedtext {
    background: #fc438478;
  }

  .CodeMirror-gutters {
    background: #1a1d21;
    border-right: 0;
  }

  .CodeMirror-linenumber {
    padding-right: 10px;
  }

  .CodeMirror-activeline .CodeMirror-linenumber.CodeMirror-gutter-elt {
    background: #1a1d21;
    color: #fc4384;
  }

  .CodeMirror-linenumber {
    color: #777;
  }

  .CodeMirror-cursor {
    border-left: 2px solid #fc4384;
  }

  .cm-searching {
    background: #f39b354d !important;
    outline: 1px solid #f39b35;

    &.CodeMirror-selectedtext {
      background: #f39b35b3 !important;
      color: #fff;
    }
  }

  .cm-keyword {
    color: #00a7aa;
  }

  .cm-atom {
    color: #f39b35;
  }

  .cm-number, span.cm-type {
    color: #a06fca;
  }

  .cm-def {
    color: #98e342;
  }

  .cm-property {
    color: #d1d2d3;
    font-style: italic;
  }

  span {
    &.cm-variable {
      color: #d1d2d3;
      font-style: italic;
    }

    &.cm-variable-2 {
      color: #da7dae;
      font-style: italic;
    }

    &.cm-variable-3 {
      color: #a06fca;
    }
  }

  .cm-type.cm-def {
    text-decoration: underline;
  }

  .cm-callee, .cm-property.cm-def, .cm-type.cm-def {
    color: #fc4384;
    font-style: normal;
  }

  .cm-operator, .cm-qualifier {
    color: #fc4384;
  }

  .cm-tag {
    color: #fc4384;

    &.cm-bracket {
      color: #d1d2d3;
    }
  }

  .cm-attribute {
    color: #a06fca;
  }

  .cm-comment {
    color: #696d70;
    font-style: italic;
    font-weight: 400;

    &.cm-tag {
      color: #fc4384;
    }

    &.cm-attribute {
      color: #d1d2d3;
    }
  }

  .cm-string {
    color: #e6db74;
  }

  .cm-string-2 {
    color: #f39b35;
  }

  .cm-meta {
    background: inherit;
    color: #d1d2d3;
  }

  .cm-builtin {
    color: #fc4384;
  }

  .cm-header {
    color: #da7dae;
  }

  .cm-hr {
    color: #98e342;
  }

  .cm-link {
    color: #696d70;
    font-style: italic;
    text-decoration: none;
  }

  .cm-error {
    border-bottom: 1px solid #c42412;
  }

  .CodeMirror-activeline-background {
    background: #272727;
  }

  .CodeMirror-matchingbracket {
    color: #d1d2d3 !important;
    outline: 1px solid grey;
  }
}

.c-pillow_file__snippet {
  margin: -12px;
}

.c-pillow_file__snippet--collapsed {
  max-height: 200px;
}

.c-pillow_file__snippet__content {
  box-sizing: border-box;
  will-change: transform;
  z-index: 0;

  .cm-csv-tsv-wrapper {
    overflow-x: scroll;

    .CodeMirror-code {
      display: table;

      > div:first-child:nth-last-child(2) {
        padding-top: 4px;

        &:before {
          padding-top: 4px;
        }
      }
    }

    .cm-row {
      display: table-row;

      &:before {
        display: table-cell;
        left: 0;
        padding-top: 4px;
        position: relative;
      }

      &:last-child .cm-col {
        border-bottom: 0;
      }

      .cm-col {
        border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
        border-right: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
        display: table-cell;
        max-width: 200px;
        min-width: 80px;
        overflow: hidden;
        padding: 4px;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;

        &.cm-num {
          text-align: right;
        }
      }
    }
  }

  .CodeMirror {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: none;
    border-radius: 0;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    counter-reset: snippet;
    height: auto;
  }
}

.c-pillow_file__snippet__truncated {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  margin: 12px -12px -12px;
  padding: 4px 8px;
}

.c-pillow_file__snippet--solanum_theme .CodeMirror-code {
  .cm-negative {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }

  .cm-positive {
    color: #e8912d;
  }
}

.c-pillow_file__snippet__content .CodeMirror-code {
  font-family: Monaco, Menlo, Consolas, Courier New, monospace !important;
  font-size: 13px;
  line-height: 1.50001;

  > div {
    counter-increment: snippet;
    margin-left: 32px;
    padding: 0 8px;
    position: relative;

    &:before {
      background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
      border-right: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
      bottom: 0;
      box-sizing: border-box;
      color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
      content: counter(snippet);
      font-family: Monaco, Menlo, Consolas, Courier New, monospace !important;
      left: -32px;
      padding-right: 4px;
      position: absolute;
      text-align: right;
      top: 0;
      width: 32px;
    }

    &:first-child {
      padding-top: 4px;

      &:before {
        padding-top: 4px;
      }
    }

    &:last-child {
      padding-bottom: 4px;
    }

    &:first-child {
      &:last-child {
        padding-bottom: 18px;
        padding-top: 18px;

        &:before {
          padding-bottom: 18px;
          padding-top: 18px;
        }
      }

      &:nth-last-child(2) {
        padding-top: 8px;

        &:before {
          padding-top: 8px;
        }
      }
    }

    &:last-child:nth-child(2) {
      padding-bottom: 8px;
    }

    > pre {
      word-wrap: break-word;
      white-space: pre-wrap;

      &:after {
        content: ' ';
      }
    }
  }
}

.c-pillow_file__email {
  font-size: 15px;
  line-height: 1.46668;
}

.c-pillow_file__email__title {
  font-weight: 700;
}

.c-pillow_file__email__sender__address {
  word-wrap: break-word;
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
}

.c-pillow_file__email__meta {
  border-spacing: 0;
  margin: 0;

  tr {
    border: none;
  }

  td {
    padding: 0 8px 0 0;
    vertical-align: top;
  }
}

.c-pillow_file__email__meta__field {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  text-align: right;
}

.c-pillow_file__email__meta__subject {
  font-weight: 700;
}

.c-pillow_file__email__meta__forwarded {
  color: #1264a3;
  font-size: 13px;
  padding-top: 12px;
  text-align: center;
}

.c-pillow_file__email--collapsed .c-pillow_file__email__content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-pillow_file__email__content--scale-btn {
  background: #fffc;
  border-radius: 0;
  position: absolute;
  right: 0;
  z-index: 99999;
}

.c-pillow_file__email__content__iframe_sandbox {
  border: 0;
  height: 100%;
  width: 100%;
}

.c-pillow_file__email__content--scale-btn:hover {
  background: #ffffff80 !important;
}

.c-pillow_file__email--collapsed .c-pillow_file__email__content--alt-collapsed {
  white-space: normal;
}

.c-pillow_file__email--alt-collapsed {
  cursor: pointer;
  max-height: 8.5em;
  overflow: hidden;

  &:after {
    background: linear-gradient(to top, rgba(var(--sk_primary_background, 255, 255, 255), 1), rgba(var(--sk_primary_background, 255, 255, 255), 0) 40px);
    content: '';
    height: 40px;
    left: 0;
    position: absolute;
    right: 0;
    top: calc(8.5em - 40px);
  }
}

.c-pillow_file__email--expanded {
  .c-pillow_file__email__content--dark-mode {
    background: #fff;
    border-radius: 2px;
    color: #000;
    padding: 8px;
  }

  .c-pillow_file__email__content--dark-mode_iframe {
    background: #fff;
    border-radius: 2px;
    color: #000;
  }
}

.c-pillow_file__email__content_iframe {
  height: 400px;
  position: relative;
}

.c-pillow_file .c-pillow_file__email__content_iframe {
  margin: 0 -12px -12px;
}

.c-pillow_file__email--expanded {
  &:not(.c-pillow_file__email--sandboxed) .c-pillow_file__email__header {
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    margin-bottom: 12px;
    padding-bottom: 12px;
  }

  &.c-pillow_file__email--sandboxed .c-pillow_file__email__header {
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.c-pillow_file .c-pillow_file__email--expanded.c-pillow_file__email--sandboxed .c-pillow_file__email__header {
  margin: -12px -12px 0;
  padding: 12px;
}

.c-pillow_file__email__attachments {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  margin-top: 12px;
}

.c-pillow_file__email__attachments__count {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  margin-top: 12px;
}

.c-pillow_file__email__attachment {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  margin-top: 12px;
}

.c-pillow_file__email__attachment--file {
  align-items: baseline;
  display: flex;
  overflow: hidden;
  padding: 8px;
  white-space: nowrap;

  &:active, &:focus, &:hover {
    text-decoration: none;
  }

  &:active .c-pillow_file__email__attachment__name, &:focus .c-pillow_file__email__attachment__name, &:hover .c-pillow_file__email__attachment__name {
    text-decoration: underline;
  }
}

.c-pillow_file__email__attachment--image {
  clear: both;
  display: inline-block;
}

.c-pillow_file__email__attachment__image {
  max-height: 360px;
  max-width: 100%;
}

.c-pillow_file__email__attachment__icon {
  align-items: center;
  background: #1d9bd1;
  border-radius: 4px;
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  display: flex;
  flex-shrink: 0;
  height: 24px;
  justify-content: center;
  margin-right: 8px;
  text-decoration: none;
  width: 24px;
}

.c-pillow_file__email__attachment__name {
  font-weight: 700;
  margin-right: 8px;
}

.c-pillow_file__email__attachment__meta {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  flex-shrink: 1;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c-pillow_file__email__content {
  overflow: auto;
}

.c-pillow_file__email--sandboxed .c-pillow_file__email__content {
  overflow: visible;
}

.c-pillow_file__email__content {
  p {
    font: inherit;
    margin: 0 0 1rem;

    &:last-child {
      margin-bottom: 0;
    }
  }

  table td {
    vertical-align: top;
  }

  img {
    border-radius: 3px;
    height: auto;
    max-width: 100%;
  }

  div {
    + div, > img:only-child {
      margin-top: 0.5rem;
    }
  }

  img + br + img {
    margin-top: 0.5rem;
  }

  blockquote {
    border-left: 2px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    margin: 0;
    padding: 0.25rem 0 0.25rem 1rem;
  }

  pre {
    font-family: Slack-Lato !important;
    white-space: pre-line;
  }
}

.c-pillow_file__email__tip {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: 16px;
  max-width: 594px;
  overflow: visible;
  position: relative;

  &:after {
    border: 8px solid #88b7d500;
    border-bottom: 8px solid rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    bottom: 100%;
    content: ' ';
    height: 0;
    left: 5%;
    margin-left: -8px;
    overflow: visible;
    pointer-events: none;
    position: absolute;
    width: 0;
  }
}

.c-pillow_file__email__tip_lightbulb {
  height: 14px;
  margin: 0 4px 0 0;
  position: relative;
  top: 2px;
  width: 14px;
}

.c-pillow_file__email__tip_dismiss_container {
  margin-bottom: -8px;
  text-align: right;
}

.c-pillow_file__email__tip_dismiss {
  position: relative;
  right: 4px;
  top: 4px;
}

.c-pillow_file__email__tip_text {
  display: flex;
  padding-bottom: 16px;
  padding-left: 8px;
  padding-right: 48px;
}

.c-pillow_file__email__text {
  margin-bottom: 0;
}

.c-pillow_file__email__attachments__count_alt {
  margin-top: 8px;
}

.c-pillow_file__email__attachment_alt {
  align-items: baseline;
  display: flex;
  margin-top: 12px;
  padding: 8px;
}

.c-pillow_file__email__attachment_alt--file {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  overflow: hidden;
  padding: 8px;
  white-space: nowrap;

  &:active, &:focus, &:hover {
    text-decoration: none;
  }

  &:active .c-pillow_file__email__attachment__name, &:focus .c-pillow_file__email__attachment__name, &:hover .c-pillow_file__email__attachment__name {
    text-decoration: underline;
  }
}

.c-pillow_file__email__attachment_alt__name {
  display: block;
  font-weight: 700;
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.c-pillow_file__email__medium_header {
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  display: flex;
  margin-bottom: 12px;
}

.c-pillow_file__email__small_icon {
  border-radius: 4px;
  top: 4px;
}

.c-pillow_file__email__medium_large_icon, .c-pillow_file__email__small_icon {
  background: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
  display: flex;
  font-size: 22px;
  justify-content: center;
  margin-right: 8px;
  max-height: 36px;
  min-width: 36px;
  position: relative;
}

.c-pillow_file__email__medium_large_icon {
  border-radius: 8px;
  top: 8px;
}

.c-pillow_file__email__small_file_attachment {
  display: flex;
  justify-content: space-between;
}

.c-pillow_file__email__medium_subject_sender {
  margin-top: 4px;
}

.c-pillow_file__email__medium_subject {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
}

.c-pillow_file__email--small {
  height: auto;
}

.c-pillow_file__email__small_bullet {
  font-size: 12px;
  font-weight: 100;
}

.c-pillow_file__email__small_density__wrapper {
  display: flex;
}

.c-pillow_file__email__small_density {
  overflow: hidden;
  width: 100%;
}

.c-pillow_file__email__small_density__primary_content {
  display: flex;
  justify-content: space-between;
}

.c-pillow_file__email__small_density__secondary_content {
  display: flex;
}

.c-pillow_file__email__small_density__subject {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-pillow_file__email__small_density__date {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  flex-shrink: 0;
  margin-left: 8px;
}

.c-pillow_file__email__small_density__attachment_icon {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  flex-shrink: 0;
  margin-right: auto;
}

.c-pillow_file__email__small_density__sender {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  flex: none;
  margin-right: 8px;
}

.c-pillow_file__email__small_density__body {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-pillow_file__email__medium_density__wrapper {
  display: flex;
  flex-direction: column;
}

.c-pillow_file__email__medium_density__header {
  display: flex;
}

.c-pillow_file__email__medium_density__header_meta {
  overflow: hidden;
  width: 100%;
}

.c-pillow_file__email__medium_density__primary_content {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
}

.c-pillow_file__email__medium_density__subject {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-pillow_file__email__medium_density__date {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  flex-shrink: 0;
  margin-left: 8px;
}

.c-pillow_file__email__medium_density__attachment_icon {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  flex-shrink: 0;
  margin-right: 8px;
}

.c-pillow_file__email__medium_density__body {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  margin-top: 12px;
}

.c-pillow_file__email__medium_density__footer {
  margin-top: 8px;
}

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

.c-pillow_file__email__attachments__previews {
  display: flex;
}

.c-pillow_file__email__attachments__previews--images {
  flex-direction: row;
}

.c-pillow_file__email__attachments__previews--files {
  flex-direction: column;
}

.p-message_file.c-pillow_file_container {
  max-width: 426px;
}

.p-block_kit_renderer__block_wrapper .p-message_file.c-pillow_file_container {
  flex-grow: 1;
}

.p-message_file {
  &.p-message_file--email, &.p-message_file--post, &.p-message_file--quip {
    max-width: 594px;
  }

  &.p-message_file--expanded-email {
    max-width: 1000px;
  }

  &.p-message_file--snippet {
    max-width: none;
  }
}

.p-message_file--image.p-message_file--show_preview {
  max-width: 100%;
}

.p-message_file--remote_image {
  max-width: 426px;
}

.p-message_file--image.p-message_file--show_preview.c-file_gallery__image_message_file {
  max-width: max-content;
}

.p-message_file--video-story.c-pillow_file_container {
  border: none;

  .c-pillow_file {
    padding: 0;
  }

  .c-pillow_file__video {
    height: 240px;
  }

  .c-pillow_file__video_container {
    cursor: pointer;
    margin-top: 0;

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

  .c-pillow_file__video--placeholder-poster {
    background-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.08);
    border-radius: 4px;
  }

  .c-pillow_file__video__placeholder_button {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 0.7);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    padding: 16px 16px 15px;
  }

  .c-pillow_file__video__placeholder_icon {
    font-size: 24px;
    height: 24px;
    width: 24px;
  }
}

.p-message_file--audio_message.c-pillow_file_container {
  overflow: visible;

  .c-file__actions {
    right: 4px;
    top: -28px;
  }
}

.p-message_file__header_link {
  margin: -12px;
  padding: 12px;
  width: auto;

  &.c-link--focus-visible:focus {
    border-radius: 8px;
    margin: -8px;
    padding: 8px;
  }
}

.p-message_file__email_draft {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.1);
  align-items: baseline;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  display: flex;
  margin-top: 8px;
  max-width: 594px;
  padding: 8px 12px;
  transition-duration: .1s;
  transition-property: border-color, box-shadow;
  width: 100%;

  &:hover {
    border-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.15);
    box-shadow: 0 1px 1px #0000000f;
  }
}

.p-message_file__email_draft_prefix {
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.05);
  border-radius: 4px;
  color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  flex: 0;
  font-size: 12px;
  font-weight: 400;
  font-weight: 700;
  height: 20px;
  line-height: 1.50001;
  margin-right: 8px;
  padding: 0 8px;
}

.p-message_file__email_draft_contents {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-rich_text_block {
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;

  .c-mrkdwn__pre, .c-mrkdwn__quote {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}

.p-rich_text_section {
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.c-message__message_blocks--rich_text .p-block_kit_renderer--absorb_margin {
  margin-top: 0;
}

.p-rich_text_block {
  overflow-y: hidden;
  text-align: left;
  -webkit-user-select: text;
  user-select: text;
  width: 100%;
}

[lang] .p-rich_text_block {
  font-size: 15px;
}

[lang=ja-JP] .p-rich_text_block {
  font-size: 14px;
}

[lang] .p-rich_text_block {
  line-height: 1.46668;
}

[lang=ja-JP] .p-rich_text_block {
  line-height: 1.56668;
}

.c-message .p-rich_text_block {
  margin: 8px 0 -4px;
}

.p-rich_text_block {
  .c-mrkdwn__code--no_left_cap {
    border-bottom-left-radius: 0;
    border-left: 0;
    border-top-left-radius: 0;
    padding-left: 0;
  }

  .c-mrkdwn__code--no_right_cap {
    border-bottom-right-radius: 0;
    border-right: 0;
    border-top-right-radius: 0;
    padding-right: 0;
  }

  .c-mrkdwn__user_group {
    text-decoration: inherit;
  }

  .c-mrkdwn__team_command, .c-mrkdwn__team_command__icon {
    font-style: inherit;
    text-decoration: inherit;
  }

  .c-mrkdwn__pre {
    .c-mrkdwn__br {
      height: unset;

      &:after {
        content: ' ';
      }
    }

    &[data-stringify-border='1'] {
      margin-left: 13px;
      padding-left: 13px;
      position: relative;
      width: calc(100% - 13px);

      &:before {
        background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
        border-radius: 8px;
        content: '';
        display: block;
        height: 100%;
        left: -1px;
        margin-left: -13px;
        position: absolute;
        top: 0;
        width: 4px;
      }
    }
  }
}

.sk-client-theme--dark .p-rich_text_block .c-mrkdwn__pre[data-stringify-border='1']:before {
  background-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-rich_text_block {
  .c-mrkdwn__pre[data-stringify-border='1'] + {
    .c-mrkdwn__quote:before, .p-rich_text_list[data-border='1']:before {
      height: calc(100% + 11px);
      top: -8px;
    }
  }

  .c-mrkdwn__quote + {
    .c-mrkdwn__pre[data-stringify-border='1']:before, .p-rich_text_list[data-border='1']:before {
      height: calc(100% + 11px);
      top: -8px;
    }
  }

  .p-rich_text_list[data-border='1'] + {
    .c-mrkdwn__pre[data-stringify-border='1']:before, .c-mrkdwn__quote:before {
      height: calc(100% + 11px);
      top: -8px;
    }
  }
}

.p-rich_text_list {
  list-style-type: none;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;

  li {
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 28px;

    &:before {
      display: inline-block;
      margin-left: -28px;
      margin-right: 6px;
      text-align: center;
      white-space: nowrap;
      width: 22px;
    }
  }

  &[data-indent='1'] li {
    margin-left: 56px;
  }

  &[data-indent='2'] li {
    margin-left: 84px;
  }

  &[data-indent='3'] li {
    margin-left: 112px;
  }

  &[data-indent='4'] li {
    margin-left: 140px;
  }

  &[data-indent='5'] li {
    margin-left: 168px;
  }

  &[data-border='1'] {
    padding-left: 11px;
    position: relative;

    &:before {
      background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      border-radius: 8px;
      content: '';
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 4px;
    }
  }
}

.sk-client-theme--dark .p-rich_text_list[data-border='1']:before {
  background-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-rich_text_list {
  &[data-border='1'] {
    &[data-border-radius-top-cap='0']:before {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }

    &[data-border-radius-bottom-cap='0']:before {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
  }

  + .c-mrkdwn__quote {
    &[data-border-radius-top-cap='0'][data-border-radius-bottom-cap='0'] + .c-mrkdwn__pre[data-stringify-border='1']:before {
      height: calc(100% + 17px);
      top: -17px;
    }

    &[data-stringify-border]:before {
      top: -7px;
    }
  }
}

.p-rich_text_section + .p-rich_text_list[data-border='1']:before {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.c-mrkdwn__quote {
  &[data-border-radius-top-cap] {
    margin-top: 0;
  }

  &[data-border-radius-bottom-cap] {
    margin-bottom: 0;
  }

  &[data-no-border]:before {
    background: #0000;
  }

  &[data-stringify-border='1'] > .c-mrkdwn__br {
    height: 22px;
  }

  &[data-border-radius-top-cap='0']:before {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  &[data-border-radius-bottom-cap='0']:before {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  &[data-stringify-border='1'] {
    padding-left: 31px;

    &:after {
      background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      content: '';
      display: block;
      height: 100%;
      left: 15px;
      position: absolute;
      top: 0;
      width: 4px;
    }
  }
}

.sk-client-theme--dark .c-mrkdwn__quote[data-stringify-border='1']:after {
  background-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.c-mrkdwn__quote {
  &[data-stringify-border='1'] + .c-mrkdwn__quote[data-stringify-border='1'] {
    margin-top: 0;

    &:after {
      height: calc(100% + 6px);
      top: -6px;
    }
  }

  + .c-mrkdwn__quote:before {
    top: -8px;
  }
}

ol.p-rich_text_list_increased_spacing:not(:last-child):not([data-border-radius-bottom-cap='0']), ul.p-rich_text_list_increased_spacing:not(:last-child):not([data-border-radius-bottom-cap='0']) {
  margin-bottom: 4px;
}

ol.p-rich_text_list_increased_spacing {
  li:not(:first-child), &:not(:first-child):not([data-border-radius-top-cap='0']) {
    margin-top: 4px;
  }
}

ul.p-rich_text_list_increased_spacing {
  li:not(:first-child), &:not(:first-child):not([data-border-radius-top-cap='0']) {
    margin-top: 4px;
  }
}

.p-rich_text_list__bullet {
  li:before {
    content: '\E506';
    display: inline-block;
    font-family: Slack v2;
    font-size: 20px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: initial;
    white-space: nowrap;
  }

  &[data-indent='0'] li:before, &[data-indent='3'] li:before, &[data-indent='6'] li:before {
    content: '';
  }

  &[data-indent='1'] li:before, &[data-indent='4'] li:before, &[data-indent='7'] li:before {
    content: '';
  }

  &[data-indent='2'] li:before, &[data-indent='5'] li:before, &[data-indent='8'] li:before {
    content: '';
  }
}

.p-rich_text_list__check {
  li:before {
    content: '\E0A4';
    display: inline-block;
    font-family: Slack v2;
    font-size: 20px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: initial;
    white-space: nowrap;
  }

  &[data-checked=true] li:before {
    content: '';
  }
}

.p-rich_text_list__ordered {
  li:before {
    content: counter(list-0, decimal) '. ';
    counter-increment: list-0;
  }

  &[data-indent='0'] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8;

    li:before {
      content: counter(list-0, decimal) '. ';
    }
  }

  &[data-indent='1'] {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8;

    li:before {
      content: counter(list-1, lower-alpha) '. ';
      counter-increment: list-1;
    }
  }

  &[data-indent='2'] {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8;

    li:before {
      content: counter(list-2, lower-roman) '. ';
      counter-increment: list-2;
      text-align: right;
    }
  }

  &[data-indent='3'] {
    counter-reset: list-4 list-5 list-6 list-7 list-8;

    li:before {
      content: counter(list-3, decimal) '. ';
      counter-increment: list-3;
    }
  }

  &[data-indent='4'] {
    counter-reset: list-5 list-6 list-7 list-8;

    li:before {
      content: counter(list-4, lower-alpha) '. ';
      counter-increment: list-4;
    }
  }

  &[data-indent='5'] {
    counter-reset: list-6 list-7 list-8;

    li:before {
      content: counter(list-5, lower-roman) '. ';
      counter-increment: list-5;
      text-align: right;
    }
  }

  &[data-indent='6'] {
    counter-reset: list-7 list-8;

    li:before {
      content: counter(list-6, decimal) '. ';
      counter-increment: list-6;
    }
  }

  &[data-indent='7'] {
    counter-reset: list-8;

    li:before {
      content: counter(list-7, lower-alpha) '. ';
      counter-increment: list-7;
    }
  }

  &[data-indent='8'] li:before {
    content: counter(list-8, lower-roman) '. ';
    counter-increment: list-8;
    text-align: right;
  }
}

.p-rich_text_block__theme_install_btn_wrapper {
  margin: 4px 0 8px;

  .c-message_attachment__button {
    margin: 0;
  }
}

.p-rich_text_block--inline {
  display: inline;
  margin-top: 0;

  .p-rich_text_section {
    display: inline;
  }
}

.p-rich_text_block--me_message {
  font-style: italic;
}

.p-workflowtoken__channel {
  white-space: nowrap;

  :global {
    pointer-events: none;
  }
}

.p-workflowtoken__text :global, .p-workflowtoken__user :global {
  pointer-events: none;
}

.p-workflowtoken__channel :global .c-link--button, .p-workflowtoken__text :global .c-link--button, .p-workflowtoken__user :global .c-link--button {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.p-workflowtoken__missing {
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.1);
  border-radius: 3px;
  color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  padding: 2px 3px;
  vertical-align: bottom;
}

.c-mrkdwn__subject_line {
  display: inline-block;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  margin: 4px 0 12px;
}

.p-call_block {
  width: 100%;
}

.p-input_block_wrapper--app_home_view {
  margin: 12px 0;
}

.p-block_kit_input_block {
  position: relative;

  .c-input_textarea__wrapper {
    margin: 0;
  }

  .c-label__text .p-block_kit_input_block__label {
    display: inline;
    font-weight: 700;
  }

  .c-input_text {
    margin-bottom: 0;
  }

  .multi_select_element_container {
    margin: 0;
  }
}

.p-block_kit_input_block--full_width {
  width: 100%;

  .p-block_kit_input_block__element {
    width: 100%;
  }
}

.c-message__message_blocks .p-block_kit_input_block--full_width {
  margin: 8px 0 2px;
}

.p-block_kit_input_block--invalid {
  .c-input_text, .c-input_textarea, .c-multi_select_input, .c-select_input, .c-wysiwyg_container, .p-block_kit_date_picker__datepicker_trigger {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  }

  .c-input_text {
    &:focus, &:focus-within {
      --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
      --saf-1: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.3);
      box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
    }
  }

  .c-input_textarea {
    &:focus, &:focus-within {
      --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
      --saf-1: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.3);
      box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
    }
  }

  .c-multi_select_input {
    &:focus, &:focus-within {
      --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
      --saf-1: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.3);
      box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
    }
  }

  .c-select_input {
    &:focus, &:focus-within {
      --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
      --saf-1: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.3);
      box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
    }
  }

  .c-wysiwyg_container {
    &:focus, &:focus-within {
      --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
      --saf-1: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.3);
      box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
    }
  }

  .p-block_kit_date_picker__datepicker_trigger {
    &:focus, &:focus-within {
      --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
      --saf-1: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.3);
      box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
    }
  }

  .c-alert--nested_box {
    margin: 0;
  }
}

.p-block_kit_input_block__enter_help_text, .p-block_kit_input_block__hint_text {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: inline;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38461538;
}

.p-block_kit_input_block__enter_help_text {
  margin-left: 4px;
  white-space: nowrap;
}

.p-block_kit_input_block__icons {
  position: absolute;
  right: -30px;
  top: 35px;
}

.p-block_kit_input_block__icons--small {
  right: -18px;
  top: 4px;
}

.p-header_block {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  margin: 1em 0 4px;
  width: 100%;
}

.p-block_kit_renderer > :first-child .p-header_block {
  margin-top: 4px;
}

.p-event-container {
  flex: 1;
  margin: 8px 0;
  max-width: 440px;
  padding: 0;
}

.p-event {
  border-radius: 8px;
  position: relative;
}

.p-event_event-header {
  align-items: center;
  display: flex;
  padding: 12px;
}

.p-event_icon {
  align-items: center;
  background-color: #1264a3;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border-radius: 4px;
  color: #fff;
  display: flex;
  height: 36px;
  justify-content: center;
  margin-right: 12px;
  min-width: 36px;
  position: relative;
  width: 36px;
}

.p-event .p-event_tombstone {
  filter: grayscale(100%);
}

.p-event_row_left_side {
  align-self: flex-start;
  margin-right: 10px;
  max-width: 36px;
  min-width: 36px;
  text-align: center;
}

.p-event-rsvp_guests {
  display: block;
  font-size: 13px;
  margin-top: -2px;
}

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

.p-event .calendar-image {
  border-radius: 4px;
  height: 36px;
  margin: 0 auto;
  width: 36px;
}

.p-event-rsvp_accepted {
  margin-right: 4px;
}

.p-event-avatar_wrapper {
  position: relative;

  .c-icon:before {
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    background-color: #007a5a;
    border: 1px solid var(--saf-0);
    border-radius: 12px;
    color: #fff;
    font-size: 10px;
    line-height: 10px;
  }
}

.p-event-avatar_badge {
  bottom: -3px;
  pointer-events: none;
  position: absolute;
  right: -3px;
}

.p-event_summary {
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  margin-top: -4px;
  overflow: hidden;
}

.p-event_title {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-weight: 400;
  font-weight: 700;
}

.p-event_datetime, .p-event_title {
  font-size: 15px;
  line-height: 1.46668;
}

.p-event_datetime {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  margin-top: -1px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.p-event_datetime-separator {
  font-weight: 700;
}

.p-event_event-details {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  padding: 16px;
}

.p-event_info-row {
  align-items: center;
  display: flex;
  margin-bottom: 8px;

  &:last-child {
    margin-bottom: 0;
  }
}

.p-event_meeting-provider:first-letter {
  text-transform: uppercase;
}

.p-event_info-icon {
  color: #616061;
  margin-right: 8px;
}

.p-event_copy-to-calendar, .p-event_event-rsvp {
  align-items: center;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  justify-content: space-between;
  padding: 16px;
}

.p-event_event-join-call {
  align-items: center;
  display: flex;
  padding: 0 12px 12px;
}

.p-event_rsvp-options, .p-event_rsvp-question {
  padding: 16px 0;
}

.p-event_facepile, .p-event_rsvp-question {
  flex-grow: 1;
  font-size: 13px;
  margin-right: 12px;
  min-width: 44px;
}

.p-event_facepile-tile {
  margin-right: 8px;
}

.p-event_event-rsvp {
  flex-wrap: wrap;
  font-weight: 700;
  padding: 0 16px;
}

.p-event_rsvp-loader {
  margin: auto;
}

.p-event_rsvp-options {
  font-size: 13px;
  margin-left: 12px;
  min-width: 126px;
  position: relative;
  text-decoration: none;

  button {
    border-radius: 4px;
    min-height: 20px;
    min-width: 20px;
    padding: 5px 8px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 0;

    &:not(.p-event_rsvp--selection):hover {
      background-color: #f8f8f8;
      text-decoration: none;
    }

    &.p-event_rsvp--selection:hover {
      color: #fff;
      text-decoration: none;
    }
  }

  .p-event_rsvp-choice-maybe {
    min-width: 50px;
    right: 0;
  }

  .p-event_rsvp-choice-no {
    min-width: 30px;
    right: 61px;
  }

  .p-event_rsvp-choice-yes {
    min-width: 40px;
    right: 100px;
  }
}

.p-event .p-event_rsvp_icon {
  border-radius: 10px;
  bottom: -9px;
  position: absolute;
  right: -9px;
}

.p-event_icon_accepted {
  background-color: #007a5a;
}

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

.p-event_icon_tentative {
  background-color: #868686;
}

.p-event_action_options {
  display: none;
  right: 10px;
  top: 20px;
}

.p-event--focused {
  --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-event_action_options {
    display: block;
  }
}

.p-event_action_options--action {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-radius: 5px;
  cursor: pointer;
  margin-left: 8px;
  margin-top: 16px;
  padding: 8px;
}

.p-event_cancelled {
  text-decoration: line-through;
}

.p-event_join-call-section {
  flex-grow: 0;
}

.p-event_join_call_text {
  color: #1264a3;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  padding-bottom: 2px;
}

.p-event_join_call_text_no_meeting {
  display: flex;
  font-size: 13px;
  margin-top: -5px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

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

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

.p-event .c-avatar__additional_overlay {
  align-items: center;
  display: flex;
  justify-content: center;
}

.p-event_video--pulse {
  animation: p-video_button_icon--blink .7s 4 alternate;
  color: #007a5a;
  font-size: large;
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 0;
}

.p-event_video-pulse-wrapper {
  display: inline-block;
  position: relative;
}

.p-event_status {
  border-radius: 4px;
  margin-right: 8px;
  padding: 0.5px 3px 1.5px;
}

.p-event_status-text {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.p-event_status-in-flight {
  background-color: #e6f2ee;
  color: #007a5a;
}

.p-event_status-ended {
  background-color: #f8f8f8;
  color: #868686;
}

.p-event_rsvp--selection {
  background-color: #1264a3;
  color: #fff;
}

@keyframes p-video_button_icon--blink {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-save_contact_modal__footer_actions {
  width: 100%;
}

.p-save_contact_modal__footer_actions--wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.p-save_contact_modal__footer_actions--label {
  align-items: center;
}

.p-contact_action_error_modal__content.c-sk-modal_content__inner {
  align-items: center;
  display: flex;
  justify-content: center;
}

.p-contact_action_error_modal__title {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 48px 48px 16px;
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding: 0;
  width: auto;

  strong {
    font-weight: 900;
  }

  .c-sk-modal_title_bar__text {
    text-align: center;
  }
}

.p-contact_action_error_modal__content {
  margin: 0 32px 8px 24px;
  min-height: -moz-fit-content;
  min-height: fit-content;

  .c-sk-modal_content__inner {
    text-align: center;
  }
}

.p-contact_action_error_modal__footer {
  margin: auto;
}

.p-contact_card__container {
  cursor: pointer;
  max-width: 328px;
  width: 100%;
}

.c-slack_app_icon__image {
  border-radius: .2rem;
  flex: 0 0 auto;
  height: 36px;
  width: 36px;
}

.p-share_workflow_block__container {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  display: flex;
  padding: 12px 16px;
  width: 100%;
}

.p-share_workflow_block__title {
  font-weight: 700;
  margin-bottom: 0;
}

.p-share_workflow_block__caption {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 0;
}

.p-share_workflow_block__pill {
  background-color: #4a154b1a;
  border-radius: 8px;
  color: #4a154b;
  font-size: 10px;
  font-weight: 900;
  margin-right: 4px;
  padding: 2px 6px;
}

.p-share_workflow_block__left {
  flex-grow: 1;
  margin: 0 0 0 8px;
}

.p-video_overlay {
  align-items: stretch;
  color: #fff;
  contain: content;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;

  .p-video_overlay__controls_container {
    padding: 16px;
    position: relative;
    z-index: 1;
  }
}

.p-video_overlay--controls {
  &:before {
    background: linear-gradient(180deg, #1d1c1d00, #1d1c1db3 70%);
    border-radius: 4px;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
    width: 100%;
  }

  &.p-video_overlay--active:before, &:hover:before {
    opacity: 1;
  }
}

.p-video_overlay__hover {
  opacity: 0;
  transition: opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-video_overlay--active .p-video_overlay__hover, .p-video_overlay--controls:hover .p-video_overlay__hover {
  opacity: 1;
}

.p-video_overlay__button {
  border-radius: 4px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.p-video_overlay__controls__play_button {
  align-items: center;
  background: #1d1c1dcc;
  border-radius: 4px;
  display: flex;
  font-weight: 700;
  padding: 4px 8px 4px 6px;
  transition: background 80ms cubic-bezier(0.36, 0.19, 0.29, 1), opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-video_overlay__label {
  margin-left: 8px;
}

.p-video_overlay__corner {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-8px);
  transition: transform 80ms cubic-bezier(0.36, 0.19, 0.29, 1), opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-video_overlay--active .p-video_overlay__corner, .p-video_overlay--controls:hover .p-video_overlay__corner {
  transform: translateY(0);
}

.p-video_overlay__corner {
  .p-video_overlay__controls_ellipsis, .p-video_overlay__controls_overlay_fullscreen {
    background: #1d1c1dd9;
    top: 12px;
  }

  .p-video_overlay__controls_ellipsis:hover, .p-video_overlay__controls_overlay_fullscreen:hover {
    background: #1d1c1de6;
  }

  .p-video_overlay__controls_ellipsis {
    position: absolute;
    right: 12px;
  }

  .p-video_overlay__controls_overlay_fullscreen {
    right: 52px;
  }
}

.p-video_block__body {
  word-wrap: break-word;
  flex: 1;
  padding: 8px 0;
  width: 100%;
}

[lang] .p-video_block__body {
  font-size: 15px;
}

[lang=ja-JP] .p-video_block__body {
  font-size: 14px;
}

[lang] .p-video_block__body {
  line-height: 1.46666667;
}

[lang=ja-JP] .p-video_block__body {
  line-height: 1.56666667;
}

.p-video_block__row--has_trigger {
  align-items: baseline;

  .c-video_block__media_trigger--too_large {
    display: block;
    margin-top: 4px;
  }
}

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

.p-video_block__thumb {
  background-color: #000;
  height: 100%;
  width: 100%;
}

.p-video_block__thumb_img {
  height: 100%;
  object-fit: contain;
  position: absolute;
  width: 100%;
}

.p-video_block__player {
  border-radius: none;
  margin: 0;
  max-height: 100%;
  max-width: 100%;
}

.p-video_block__html {
  background-color: #000;
  border-radius: 4px;
  height: 100%;
  position: absolute;
  width: 100%;

  iframe {
    border: none;
    border-radius: 4px;
    height: 100%;
    width: 100%;
  }
}

.p-video_block__html_fullscreen_mode {
  height: 85%;
  left: 7%;
  position: absolute;
  top: 7%;
  width: 85%;
}

.p-video_block__container {
  position: relative;
}

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

.p-video_block__video_row {
  padding-right: 24px;
}

.p-sticker_block {
  display: inline-block;
  font-size: 40px;
  font-weight: 700;
  line-height: 44px;
  position: relative;
  z-index: 1;
}

.p-sticker_block__blue {
  -webkit-text-stroke: .01em #00a;
  color: #24c0fd;
  font-family: Impact, sans-serif;
  letter-spacing: -.05em;
  text-shadow: 0.13em -0.13em 0 #00a;
}

.p-sticker_block__superhero span {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(180deg, #fdea00 0, #fdcf00 44%, #fc2700);
  background-clip: text;
  -webkit-background-clip: text;
  font-family: Impact, sans-serif;

  &:before {
    content: attr(data-text);
    position: absolute;
    text-shadow: .01em 0 0 #802700, 0 .01em 0 #c23d00, .02em .01em 0 #802700, .01em .02em 0 #c23d00, .03em .02em 0 #802700, .02em .03em 0 #c23d00, .04em .03em 0 #802700, .03em .04em 0 #c23d00, .05em .04em 0 #802700, .04em .05em 0 #c23d00, .06em .05em 0 #802700, .05em .06em 0 #c23d00, .07em .06em 0 #802700, .06em .07em 0 #c23d00, .08em .07em 0 #802700, .07em .08em 0 #c23d00;
    z-index: -1;
  }
}

.p-sticker_block__rainbow {
  color: #bb4af0;
  display: inline-grid;
  font-size: 34px;
  font-style: italic;
  font-weight: 900;
  grid-template-areas: 'text';
  text-transform: uppercase;

  span {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(15deg, #f000, #f000 35%, #fffffffa 49.95%, #fffffffa 50.15%, #f000 65%, #f000), linear-gradient(90deg, #ef548f, #ef8b6d, #cfef6b, #3bf0c1, #bb4af0);
    -webkit-background-clip: text;
  }

  &:after {
    grid-area: text;
  }

  &:before {
    grid-area: text;
    -webkit-text-stroke: 8px #000;
    color: #fff;
    color: #000;
    content: attr(data-text);
    font-size: 36px;
    letter-spacing: -1px;
  }

  > * {
    grid-area: text;
  }

  &:after {
    z-index: -2;
  }
}

.p-sticker_block__butter {
  -webkit-text-stroke: #ffd662 1px;
  color: #f9f1cc;
  font-family: Gill Sans, cursive;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: .02em;
  margin-bottom: 8px;
  text-shadow: 3px 3px 0 #ffb650, 6px 6px 0 #ffd662, 9px 9px 0 #ff80bf, 12px 12px 0 #ef5097, 15px 15px 0 #6868ac, 18px 18px 0 #90b1e0;
}

.p-channel_section_confirmation_toast__message {
  flex: 1 1 auto;
}

.p-channel_section_modal_input__input_wrap {
  position: relative;
}

.p-channel_section_modal_input--for_team_site {
  display: flex;
  justify-content: space-between;
  margin: 8px 0;

  .p-channel_section_modal_input__input_wrap {
    flex: 0 1 80%;
    overflow: hidden;
  }

  .p-channel_section_modal_input__actions {
    display: block;
    flex: 0 1 30%;
    margin: 0;
    padding-left: 12px;
  }

  .p-channel_section_modal_input__duration_picker_select .c-input_select__selected_value--placeholder {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }
}

.p-channel_section_modal_input .c-input_character_count, .p-channel_section_modal_input__dialog .c-input_character_count {
  z-index: 0;
}

.p-channel_section_modal_input .c-input_character_count:after {
  background: #0000;
  right: 20px;
}

.p-channel_section_modal_input__dialog {
  .c-input_character_count:after {
    background: #0000;
    right: 20px;
  }

  .c-dialog__header {
    padding-bottom: 11px;
  }

  .c-dialog__body {
    padding-bottom: 5px;
    padding-top: 5px;
  }

  .c-dialog__footer {
    padding-top: 15px;
  }

  .c-dialog__body {
    padding-left: 0;
    padding-right: 0;
  }
}

.p-channel_section_modal_input--for_modern_user_menu .p-channel_section_modal_input__input_wrap, .p-channel_section_modal_input--for_team_menu .p-channel_section_modal_input__input_wrap {
  margin: 0 16px;
}

.p-channel_section_modal_input__text_input {
  line-height: 1.4667;
  padding-left: 50px;
  padding-right: 33px;

  &.c-input_text {
    font-weight: 700;
    margin: 0;
    text-overflow: ellipsis;

    &.c-input_text--with_error {
      border-radius: 4px;
    }
  }
}

.p-channel_section_modal_input__input_wrap .c-input_character_count.c-input_character_count--large.c-input_character_count--invalid .c-input_character_count__characters-remaining {
  background-color: initial;
  font-size: 13px;
  position: absolute;
  right: 25px;
  top: 5px;
}

.p-channel_section_modal_input__status_clear_icon_wrap {
  position: absolute;
  right: 4px;
  top: 7.9px;
}

.p-channel_section_modal_input__clear_link.c-button--focus-visible {
  border-radius: 10px;
  height: 20px;
  line-height: 0;
  width: 21px;
}

.p-channel_section_modal_input__clear_icon {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  margin-left: 1px;

  &:before {
    font-size: 20px !important;
    line-height: normal !important;
  }

  &:hover {
    opacity: 1;
  }
}

.p-channel_section_modal_input__emoji_picker {
  align-items: center;
  background-clip: padding-box;
  border-bottom: 1px solid #0000;
  border-radius: 4px 0 0 4px;
  border-right: 1px solid rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  border-top: 1px solid #0000;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 44px;
  z-index: 2;
}

.p-channel_section_modal_input--for_view_profile .p-channel_section_modal_input__emoji {
  line-height: 35px;
}

.p-channel_section_modal_input__empty_emoji {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  height: 37px;
  line-height: 35px;
  opacity: 1;
  position: absolute;
  right: 0;
  text-align: center;
  top: -2px;
  transform: scale(1);
  transition: all 80ms ease-out;
  width: 100%;
  z-index: 1;
}

.p-channel_section_modal_input--for_view_profile .p-channel_section_modal_input__empty_emoji {
  top: 0;
}

.p-channel_section_modal_input__emoji_circle_icon, .p-channel_section_modal_input__emoji_happy_icon, .p-channel_section_modal_input__emoji_smile_icon {
  display: block;
  height: 100%;
  position: absolute;
  transition: all 80ms ease-out;
  width: 100%;
}

.p-channel_section_modal_input__emoji_circle_icon, .p-channel_section_modal_input__emoji_happy_icon {
  opacity: 0;
}

.p-channel_section_modal_input__emoji_picker:hover {
  .p-channel_section_modal_input__empty_emoji {
    transform: scale(1.25);
  }

  .p-channel_section_modal_input__emoji_circle_icon {
    color: #f2c744;
    opacity: 1;
  }

  .p-channel_section_modal_input__emoji_smile_icon {
    opacity: 0;
  }

  .p-channel_section_modal_input__emoji_happy_icon {
    color: #1d1c1d;
    opacity: 1;
  }
}

.p-channel_section_modal_input__actions {
  align-items: center;
  display: flex;
  height: 28px;
  justify-content: flex-end;
  margin-bottom: 0;
  margin-top: 6px;
  max-height: 28px;
  opacity: 1;
  transition: opacity 0.15s ease, max-height 0.15s ease;
}

.p-channel_section_modal_input__actions--with_expiry {
  justify-content: space-between;
}

.p-channel_section_modal_input--for_modern_user_menu .p-channel_section_modal_input__actions, .p-channel_section_modal_input--for_team_menu .p-channel_section_modal_input__actions {
  padding: 0 16px;
}

.p-channel_section_modal_input__actions--invisible {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
}

.p-channel_section_modal_input__label {
  white-space: pre-wrap;
}

.p-channel_section_modal_input__duration_picker {
  align-items: baseline;
  display: flex;
  flex: 1;
  font-size: 15px;
  height: 28px;
}

.c-dialog__footer {
  .p-channel_section_modal_input__custom_expiration_picker_time_select, .p-channel_section_modal_input__duration_picker_select {
    border: none;
    justify-content: flex-start;
    padding-left: 0;
  }
}

.p-channel_section_modal_input:not(.p-channel_section_modal_input--for_team_site) .p-channel_section_modal_input__duration_picker_select {
  border: none;
  justify-content: flex-start;
  padding-left: 0;
}

.c-dialog__footer {
  .p-channel_section_modal_input__custom_expiration_picker_time_select {
    &.c-input_select--active, &.c-input_select:focus {
      animation: none;
      border: none;
      box-shadow: none;
    }
  }

  .p-channel_section_modal_input__duration_picker_select {
    &.c-input_select--active, &.c-input_select:focus {
      animation: none;
      border: none;
      box-shadow: none;
    }
  }
}

.p-channel_section_modal_input:not(.p-channel_section_modal_input--for_team_site) .p-channel_section_modal_input__duration_picker_select {
  &.c-input_select--active, &.c-input_select:focus {
    animation: none;
    border: none;
    box-shadow: none;
  }
}

.p-channel_section_modal_input__duration_picker--focus-visible {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  margin-left: -12px;
  padding-left: 12px;
}

.p-channel_section_modal_input__custom_expiration_picker_time_select {
  margin-bottom: 0;
}

.p-channel_section_modal_input__duration_picker_select {
  .c-input_select__chevron, .c-input_select__filter_input::placeholder, .c-input_select__selected_value--placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }

  .c-input_select__selected_value {
    font-weight: 700;
  }
}

.p-channel_section_modal_input__custom_expiration_picker {
  align-items: baseline;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  flex: 1 0 auto;
  font-size: 15px;
  height: 28px;
  justify-content: space-between;

  .c-input_select__chevron, .c-input_select__filter_input::placeholder, .c-input_select__selected_value--placeholder, .p-channel_section_modal_input__chevron_down {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }
}

.p-channel_section_modal_input--for_modern_user_menu .p-channel_section_modal_input__presets, .p-channel_section_modal_input--for_team_menu .p-channel_section_modal_input__presets {
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  margin-top: 16px;
}

.p-channel_section_modal_input__presets_menu {
  position: absolute;
  top: 82px;
}

.p-channel_section_modal_input__presets_section_header {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: .75rem;
  margin: 10px 15px;
  padding: 0;
  text-transform: none;
}

.p-channel_section_modal_input__preset_option .p-channel_section_modal_input__emoji {
  line-height: 28px;
}

.p-channel_section_modal_input__dialog {
  top: 20vh;

  .p-channel_section_modal_input__input_wrap {
    margin: 0 24px;
  }

  .p-channel_section_modal_input__presets {
    margin-top: 24px;
  }

  .p-channel_section_modal_input__custom_expiration_picker {
    .c-input_select__filter_input::placeholder, .c-input_select__selected_value, .c-input_select__selected_value--placeholder {
      font-size: 15px;
      padding-left: 0;
    }
  }

  .p-channel_section_modal_input__duration_picker_select {
    .c-input_select__filter_input::placeholder, .c-input_select__selected_value, .c-input_select__selected_value--placeholder {
      font-size: 15px;
      padding-left: 0;
    }
  }

  .c-input_character_count {
    &:after {
      right: 24px;
      top: 8px;
    }

    &:not([data-character-count='']) .p-channel_section_modal_input__text_input {
      padding-right: 75px !important;
    }
  }

  .p-channel_section_modal_input__text_input {
    height: auto;
    max-height: none;
    min-height: auto;
    padding: 10px 50px;

    p {
      font-size: 1.25rem;
      font-weight: 700;
      line-height: 1.4667;
    }
  }

  .p-channel_section_modal_input__status_clear_icon_wrap {
    right: 12.5px;
    top: 12.5px;
    z-index: 2;
  }

  .p-channel_section_modal_input__empty_emoji {
    top: 5px;
  }

  .p-channel_section_modal_input__preset_option_emoji {
    line-height: normal;
    margin-right: 12px;
    max-width: 28px;
    min-width: 28px;
    text-align: center;
  }

  .p-channel_section_modal_input__preset_option_text {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .p-channel_section_modal_input__preset_option_description, .p-channel_section_modal_input__preset_option_duration {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-weight: 400;
  }

  .p-channel_section_modal_input__preset_option {
    align-items: center;
    border-radius: 0 !important;
    box-shadow: none !important;
    cursor: pointer;
    display: flex;
    font-weight: 700;
    padding: 0 32px;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;

    &:link, &:visited {
      align-items: center;
      border-radius: 0 !important;
      box-shadow: none !important;
      cursor: pointer;
      display: flex;
      font-weight: 700;
      padding: 0 32px;
      text-align: left;
      text-decoration: none;
      white-space: nowrap;
      width: 100%;
    }
  }
}

[lang] .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option {
  font-size: 15px;

  &:link, &:visited {
    font-size: 15px;
  }
}

[lang=ja-JP] .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option {
  font-size: 14px;

  &:link, &:visited {
    font-size: 14px;
  }
}

[lang] .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option {
  line-height: 28px;

  &:link, &:visited {
    line-height: 28px;
  }
}

[lang=ja-JP] .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option {
  line-height: 30.8px;

  &:link, &:visited {
    line-height: 30.8px;
  }
}

.p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option {
  &:focus {
    background-color: #1264a3;
    color: #fff;

    &:link, &:visited {
      background-color: #1264a3;
      color: #fff;
    }
  }

  &:hover {
    background-color: #1264a3;
    color: #fff;

    &:link, &:visited {
      background-color: #1264a3;
      color: #fff;
    }
  }

  &:focus {
    .p-channel_section_modal_input__preset_option_description, .p-channel_section_modal_input__preset_option_duration {
      color: #fff;
    }
  }

  &:hover {
    .p-channel_section_modal_input__preset_option_description, .p-channel_section_modal_input__preset_option_duration {
      color: #fff;
    }
  }

  &:last-of-type {
    margin-bottom: 4px;
  }
}

.p-channel_section_modal_input__shortcut_pill {
  bottom: -48px;
  left: 50%;
  max-width: 100%;
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 1;
}

.p-channel_section_modal_input--modern {
  .p-channel_section_modal_input__text_input {
    padding-left: 54px !important;
  }

  .p-channel_section_modal_input__emoji {
    align-items: center;
    display: flex;
    justify-content: center;
  }
}

.p-channel_set_block {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  min-width: 300px;
  padding: 0;
}

.p-channel_set_block__name {
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  padding: 8px;
}

.p-channel_set_block__channels_list {
  border-bottom: thin solid rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
  border-top: thin solid rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
  cursor: pointer;
  list-style-type: none;
  margin: 0;
}

.p-channel_set_block__channels_item {
  display: block;
  margin: 0;
  padding: 0;
}

.p-channel_set_block__channel {
  display: block;
  overflow: hidden;
  width: 100%;

  &:hover {
    background-color: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
  }
}

.p-channel_set_block__actions {
  display: flex;
  flex-direction: row-reverse;
  gap: 8px;
  padding: 8px;
}

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

.p-workflow_preview {
  margin-bottom: 16px;
  margin-top: 4px;
  max-width: 100%;
  width: 100%;
}

.c-message_attachment_v2 .p-workflow_preview {
  margin-top: 8px;
  max-width: 426px;
}

.p-workflow_preview__header {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-bottom: none;
  display: flex;
  justify-content: space-between;
}

.p-workflow_preview__header__info_container {
  align-items: center;
  display: flex;
}

.p-workflow_preview__header__info_icon {
  margin-right: 12px;
}

.p-workflow_preview__header__info_title {
  font-weight: 700;
}

.p-workflow_preview__body {
  padding-top: 12px;
}

.p-top_level_error_element {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-radius: 3px;
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  padding: 10px;
}

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

.p-block_kit_renderer--absorb_margin {
  margin-top: 8px;
}

.p-block_kit_renderer__block_wrapper {
  display: flex;
}

.p-block_kit_renderer {
  width: 100%;
}

.p-block_kit_renderer--inline {
  display: inline;

  .p-block_kit_renderer__block_wrapper--first {
    display: inline;
  }
}

.c-message_kit__blocks {
  max-width: 600px;
}

.c-message_kit__blocks--rich_text {
  margin-bottom: 4px;
  max-width: none;

  &.c-message_kit__blocks--inline:after {
    content: '';
    display: block;
    height: 4px;
  }
}

.c-message_kit__blocks--inline {
  display: inline;
}

.p-file_viewer__modal_overlay {
  z-index: 1012;
}

.p-file_viewer {
  display: flex;
  flex-direction: column;
  font-size: 15px;
  font-weight: 400;
  height: 100vh;
  line-height: 1.46668;
  overflow: hidden;
}

.p-file_viewer__frameless {
  height: calc(100vh - 22px);
}

.p-file_viewer__custom_titlebar {
  height: calc(100vh - 31px);
}

.p-file_viewer__body {
  border-right: none;
  max-width: none;
}

.p-file_viewer__header {
  flex: 0 0 auto;
}

.p-file_viewer__content {
  flex: 1 1 0;
  overflow: hidden;
  position: relative;
}

.p-file_viewer__empty {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
}

.p-file_viewer__nav {
  align-items: center;
  display: flex;
  justify-content: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  height: 36px;
  margin-top: -18px;
  position: absolute;
  top: 50%;
  width: 36px;
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);

  &:hover {
    --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 #00000014;
  }
}

.p-file_viewer__nav--prev {
  left: 16px;
}

.p-file_viewer__nav--next {
  right: 16px;
}

.p-client_desktop--ia-top-nav {
  .p-file_viewer__header {
    height: 64px;
  }

  .p-file_viewer:not(.p-file_viewer--no_offset), .p-file_viewer__frameless:not(.p-file_viewer--no_offset) {
    height: calc(100vh - 38px);
  }

  .p-file_viewer__header {
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: inset 0 1px 0 #0003;
  }

  &.supports_custom_scrollbar .c-fullscreen_modal__body {
    border-right: none;

    &:hover {
      border-right: none;
    }
  }
}

.p-file_viewer__footer {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  box-shadow: 0 -1px 0 var(--saf-0);
  display: flex;
  height: 48px;
  justify-content: center;
  padding: 8px 12px;
  position: relative;
}

.p-file_viewer__footer_button--edit {
  border-radius: 6px;
  margin-left: auto;
  padding: 8px 12px;
}

.p-file_viewer__error_alert {
  margin: 8px;
}

.p-file_viewer__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

body.p-client_desktop--draggable-region-hacks .p-file_viewer__header {
  -webkit-app-region: drag;

  button {
    -webkit-app-region: no-drag;
  }
}

.p-file_viewer__header__meta {
  align-items: center;
  display: flex;
  min-width: 0;
  padding: 12px 16px;
}

.p-file_viewer__header__meta__stack {
  max-height: 40px;
  min-width: 0;
}

.p-file_viewer__header__meta__stack--no-meta-minor {
  padding-left: 4px;
}

.p-file_viewer__header__meta__minor {
  display: flex;

  > * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;

  .c-timestamp__label {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
  }
}

.p-file_viewer__header__meta__title {
  display: block;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-file_viewer__header__meta__avatar {
  flex: 0 0 auto;
  margin-right: 8px;
}

.p-file_viewer__header__meta__name {
  font-weight: 700;
  padding-right: 4px;
}

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

.p-file_viewer__header__actions {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  padding: 12px;
}

.p-file_viewer__header__separator {
  background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  height: 32px;
  margin: 0 8px;
  width: 1px;
}

.p-zoom {
  display: flex;
  height: 32px;
  left: 21.5px;
  opacity: 1;
  position: relative;
  transition: none;
  width: 220px;
}

.p-zoom--hidden {
  opacity: 0;
  transition: opacity 0.15s ease;
}

.p-zoom__box {
  background: #ffffff8c;
  border: 1px solid #0003;
  border-radius: 1px;
  pointer-events: none;
  position: absolute;
}

.p-zoom__control_group {
  background: #000000b3;
  border: 1px solid #404040ad;
  border-radius: 6px;
  color: #fff;
  display: flex;
  flex: 1;
  height: 100%;
  margin-right: 8px;

  &:last-child {
    margin-right: 0;
  }
}

.p-zoom__button--reset, .p-zoom__button--zoom_in, .p-zoom__button--zoom_out {
  cursor: pointer;
  flex: 0 1 35px;
  height: 100%;
  padding: 0 8px;
  width: 35px;
}

.p-zoom__button--reset {
  padding: 4px 7px;

  &:before {
    transform: rotate(45deg);
  }

  &[disabled] {
    pointer-events: none;
    visibility: hidden;
  }
}

.p-zoom__slider {
  -webkit-appearance: none;
  appearance: none;
  background: #0000;
  cursor: pointer;
  flex: 1;
  height: 100%;
  margin: 0;
  outline: none;
  overflow: visible;
  width: 100%;

  &::-moz-range-thumb {
    background: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: 0 0 5px #0006;
    cursor: pointer;
    height: 12px;
    margin-top: -5px;
    width: 12px;
  }

  &::-moz-range-track {
    background: #ffffffb3;
    border: 0;
    height: 2px;
    width: 100%;
  }

  &::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: 0 0 5px #0006;
    cursor: pointer;
    height: 12px;
    margin-top: -5px;
    width: 12px;
  }

  &::-webkit-slider-runnable-track {
    background: #ffffffb3;
    border: 0;
    height: 2px;
    width: 100%;
  }

  &::-ms-thumb {
    background: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: 0 0 5px #0006;
    cursor: pointer;
    height: 12px;
    margin-top: -1px;
    width: 12px;
  }

  &::-ms-track {
    background: #ffffffb3;
    border: 0;
    height: 2px;
    width: 100%;
  }

  &::-moz-focus-outer {
    border: 0;
  }

  &::-ms-tooltip {
    display: none;
  }
}

.ReactCrop {
  background-color: #000;
  cursor: crosshair;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  position: relative;

  &:focus {
    outline: none;
  }
}

.ReactCrop--disabled, .ReactCrop--locked {
  cursor: inherit;
}

.ReactCrop__image {
  display: block;
  max-height: -webkit-fill-available;
  max-height: -moz-available;
  max-height: fill-available;
  max-width: 100%;
}

.ReactCrop--crop-invisible .ReactCrop__image {
  opacity: 0.5;
}

.ReactCrop__crop-selection {
  border: 1px solid;
  border-image-repeat: repeat;
  border-image-slice: 1;
  border-image-source: url('data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==');
  box-shadow: 0 0 0 9999em #00000080;
  box-sizing: border-box;
  cursor: move;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateZ(0);
}

.ReactCrop--disabled .ReactCrop__crop-selection {
  cursor: inherit;
}

.ReactCrop__drag-handle {
  background-color: #0003;
  border: 1px solid #ffffffb3;
  box-sizing: border-box;
  height: 9px;
  outline: 1px solid #0000;
  position: absolute;
  width: 9px;
}

.ReactCrop {
  .ord-nw {
    cursor: nw-resize;
    left: 0;
  }

  .ord-n, .ord-nw {
    margin-left: -5px;
    margin-top: -5px;
    top: 0;
  }

  .ord-n {
    cursor: n-resize;
    left: 50%;
  }

  .ord-ne {
    cursor: ne-resize;
    top: 0;
  }

  .ord-e, .ord-ne {
    margin-right: -5px;
    margin-top: -5px;
    right: 0;
  }

  .ord-e {
    cursor: e-resize;
    top: 50%;
  }

  .ord-se {
    bottom: 0;
    cursor: se-resize;
    margin-bottom: -5px;
    margin-right: -5px;
    right: 0;
  }

  .ord-s {
    cursor: s-resize;
    left: 50%;
    bottom: 0;
    margin-bottom: -5px;
    margin-left: -5px;
  }

  .ord-sw {
    bottom: 0;
    margin-bottom: -5px;
    margin-left: -5px;
    cursor: sw-resize;
    left: 0;
  }

  .ord-w {
    cursor: w-resize;
    left: 0;
    margin-left: -5px;
    margin-top: -5px;
    top: 50%;
  }
}

.ReactCrop__disabled .ReactCrop__drag-handle {
  cursor: inherit;
}

.ReactCrop__drag-bar {
  position: absolute;

  &.ord-n {
    height: 6px;
    left: 0;
    margin-top: -3px;
    top: 0;
    width: 100%;
  }

  &.ord-e {
    height: 100%;
    margin-right: -3px;
    right: 0;
    top: 0;
    width: 6px;
  }

  &.ord-s {
    bottom: 0;
    height: 6px;
    left: 0;
    margin-bottom: -3px;
    width: 100%;
  }

  &.ord-w {
    height: 100%;
    left: 0;
    margin-left: -3px;
    top: 0;
    width: 6px;
  }
}

.ReactCrop--fixed-aspect {
  .ReactCrop__drag-bar {
    display: none;
  }

  .ReactCrop__drag-handle {
    &.ord-e, &.ord-n, &.ord-s, &.ord-w {
      display: none;
    }
  }
}

.ReactCrop--new-crop {
  .ReactCrop__drag-bar, .ReactCrop__drag-handle {
    display: none;
  }
}

@media (max-width: 768px), (pointer: coarse) {
  .ReactCrop__drag-handle {
    height: 17px;
    width: 17px;
  }

  .ReactCrop {
    .ord-n, .ord-nw {
      margin-left: -9px;
      margin-top: -9px;
    }

    .ord-e, .ord-ne {
      margin-right: -9px;
      margin-top: -9px;
    }

    .ord-se {
      margin-bottom: -9px;
      margin-right: -9px;
    }

    .ord-s, .ord-sw {
      margin-bottom: -9px;
      margin-left: -9px;
    }

    .ord-w {
      margin-left: -9px;
      margin-top: -9px;
    }
  }

  .ReactCrop__drag-bar {
    &.ord-n {
      height: 14px;
      margin-top: -7px;
    }

    &.ord-e {
      margin-right: -7px;
      width: 14px;
    }

    &.ord-s {
      height: 14px;
      margin-bottom: -7px;
    }

    &.ord-w {
      margin-left: -7px;
      width: 14px;
    }
  }
}

.p-crop_image_selector {
  position: absolute;
}

@keyframes fade-in-90 {
  0% {
    animation-timing-function: step-end;
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-in-180 {
  0% {
    animation-timing-function: step-end;
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-in-270 {
  0% {
    animation-timing-function: step-end;
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-in-360 {
  0% {
    animation-timing-function: step-end;
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.p-crop_image_selector--90 {
  animation: fade-in-90 0.2s;
}

.p-crop_image_selector--180 {
  animation: fade-in-180 0.2s;
}

.p-crop_image_selector--270 {
  animation: fade-in-270 0.2s;
}

.p-crop_image_selector--360 {
  animation: fade-in-360 0.2s;
}

.p-image_viewer, .p-image_viewer_container {
  height: 100%;
  width: 100%;
}

.p-image_viewer {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}

.p-image_viewer__zoom_positioner {
  bottom: 10px;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

.p-image_viewer__zoom_control {
  margin: 0 auto;
  pointer-events: all;
}

.p-image_viewer__image {
  flex-shrink: 0;
  height: auto;
  max-width: none;
  -webkit-user-select: none;
  user-select: none;
}

.p-image_viewer__crop {
  background-color: initial !important;
}

.p-image_viewer__canvas_cursor_container {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.p-image_viewer__canvas_cursor_renderer {
  position: absolute;
}

.p-csv_tsv_viewer {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-left: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: table;
  font-family: Monaco, Menlo, Consolas, Courier New, monospace !important;
  font-size: 13px;
  line-height: 1.50001;

  &.p-csv_tsv_viewer__loading {
    align-items: center;
    background: none;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
  }

  .c-scrollbar__hider {
    overflow-x: scroll;
    right: 0;
  }

  .c-virtual_list__item {
    display: table-row;
    width: max-content;

    .p-csv_tsv_viewer__row {
      display: contents;

      &:before {
        background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
        border-right: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
        box-sizing: border-box;
        color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
        content: counter(csv-tsv-row-num);
        counter-reset: csv-tsv-row-num var(--csv-tsv-row-num);
        display: table-cell;
        font-family: Monaco, Menlo, Consolas, Courier New, monospace !important;
        padding: 0 4px;
        text-align: right;
        width: 32px;
      }

      .p-csv_tsv_viewer__col {
        border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
        border-right: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
        display: table-cell;
        max-width: 100px;
        min-width: 100px;
        overflow: hidden;
        padding: 4px;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;

        &.p-csv_tsv_viewer__col-num {
          text-align: right;
        }
      }
    }
  }
}

.p-youtube_viewer {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.p-youtube_viewer__video {
  position: relative;
  width: 80%;
}

.p-youtube_viewer__responsive_container {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
}

.p-youtube_viewer__iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.p-crop_icon--small {
  width: 16px;
}

.p-file_image_toolbar_controls {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}

.p-file_image_toolbar_controls__bar {
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  display: flex;
}

.p-file_image_toolbar_controls--rotate .c-icon--repeat:before {
  transform: rotate(45deg);
}

.p-file_image_toolbar_controls__button {
  border-radius: 6px;
  padding: 8px 12px;
}

.p-file_image_toolbar_controls__button--save {
  margin-left: 8px;
}

.p-file_image_toolbar_controls__button--cancel {
  margin-left: auto;
}

.c-search_modal {
  font-size: 16px;
  height: 100%;
  line-height: 16px;
  width: 100vw;
  z-index: 1001;

  > .popover {
    top: 12px !important;
  }
}

.is_electron .c-search_modal > .popover {
  top: 22px !important;
}

.c-search_modal--custom_titlebar > .popover {
  top: 43px !important;
}

.c-search_modal {
  > .popover {
    left: 108px !important;
    min-width: 744px;
    right: 108px;
  }

  &:not(.c-search_modal--autocomplete) {
    background-color: #0009;

    > .popover {
      bottom: 12px;
    }
  }
}

@media screen and (max-width: 960px) {
  .c-search_modal > .popover {
    left: 12px !important;
    right: 12px;
  }
}

.c-search_modal--autocomplete > .popover {
  height: auto;
}

.c-search_modal--child-window > .popover {
  left: 28px !important;
  max-width: 924px;
  min-width: unset;
  right: 28px;
  top: 36px !important;
}

.c-search_modal__tip_wrapper {
  bottom: -60px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.c-search_modal__tip {
  background: rgba(var(--sk_inverted_background, 29, 28, 29), 1);
  border-radius: 50px;
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  display: inline-block;
  font-size: 15px;
  padding: 8px 16px;
}

.c-search_modal .popover > div {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #0000001f;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.c-search_modal__wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.c-search__input_and_close {
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  display: flex;
  flex: none;
  flex-direction: row;
  justify-content: stretch;
  width: 100%;
}

.c-search__input_and_close__close {
  align-self: center;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  margin-right: 28px;
  position: relative;
  z-index: 1;

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

.c-search_modal--onboarding_tip .c-search__input_and_close {
  margin-bottom: 0;
}

.c-search__container {
  flex: 1 0 0;
  position: relative;

  &.c-search__container--primary_search_legacy, &.c-search__container--primary_search_sonic {
    bottom: 0;
    left: 0;
    padding-left: 1px;
    position: absolute;
    right: 0;
    top: 0;
  }
}

.c-search {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.c-search__close_btn {
  position: absolute;
  right: 20px;
  top: -46px;
  z-index: 3;
}

.c-search__close_btn--ia_details_popover {
  right: 12px;
  top: -42px;
}

.c-search__view {
  display: flex;
}

.c-search__results {
  flex: 1 1 0;
  overflow-y: scroll;
  padding: 24px 28px 0;
}

.c-search__results--virtualized {
  flex: 1 1 auto;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  overflow: hidden;
  overflow-wrap: break-word;
  word-break: break-word;

  .p-search_file {
    &:not(.p-search_file--audio-player):not(.c-search_message__file) {
      max-width: 100%;
    }

    .c-pillow_file__title {
      display: inline;
      font-size: 15px;
      font-weight: 400;
      font-weight: 700;
      line-height: 1.46668;

      &:hover {
        text-decoration: underline;
      }
    }
  }

  .c-channel_search_result--skeleton, .c-search_message--skeleton, .p-people_search_result--skeleton, .p-search_file--skeleton {
    margin-bottom: 10px;
  }
}

.c-search__results_container--virtualized {
  margin: 20px;
}

.c-search__results_container--centered {
  margin: 20px auto;
  max-width: 800px;
}

.c-search__results_list {
  box-sizing: border-box;
  padding-top: 16px;
}

.c-search__container--primary_search_legacy .c-search__view, .c-search__container--primary_search_sonic .c-search__view {
  padding: 0;
}

.c-search__view.c-search__view--hide_filters .c-search__section {
  max-width: 100%;
}

.c-search__section + .c-search__section {
  margin-top: 1rem;
}

.c-search__debug {
  position: relative;
}

.c-search__debug_copy {
  bottom: 16px;
  position: absolute;
  right: 16px;
}

.c-search__debug_json {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
  max-height: 300px;
  overflow: scroll;
  -webkit-user-select: text;
  user-select: text;
}

.c-search__main {
  flex: 1 1 auto;
  font-size: 15px;
  font-weight: 400;
  height: 0;
  line-height: 1.46668;
  max-width: 67%;
  overflow-wrap: break-word;
  padding-right: 28px;
  word-break: break-word;
}

.c-search__container--primary_search_legacy .c-search__main, .c-search__container--primary_search_sonic .c-search__main {
  padding-left: 28px;
}

.c-search__extras {
  flex: 0 0 33%;
  padding-bottom: 32px;
  position: relative;
  width: 33%;
}

.c-search__extras--virtualized {
  left: calc(61% - 15px);
  padding: 0 40px 64px;
  position: absolute;
  top: 20px;
  width: calc(39% - 28px);
}

.c-search__container--primary_search_legacy .c-search__extras, .c-search__container--primary_search_sonic .c-search__extras {
  padding-right: 28px;
}

.c-search__back_to_filters {
  bottom: 12px;
  left: 66%;
  position: absolute;
  z-index: 2;
}

.c-search__back_to_filters--v2 {
  bottom: auto;
  left: 50%;
  top: 8px;
  transform: translate(-50%);
}

.c-search__back_to_filters__button {
  padding-left: 8px;
  padding-right: 16px;
}

.c-search__back_to_filters__button--v2 {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 24px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  height: 26px;
  line-height: 1.38463;

  &:focus {
    border-radius: 24px;
  }
}

.c-search__view .p-search_file {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  margin: 10px 0 0;
  max-width: 100%;

  .c-pillow_file__title {
    display: inline;
    font-size: 15px;
    font-weight: 400;
    font-weight: 700;
    line-height: 1.46668;

    &:hover {
      text-decoration: underline;
    }
  }
}

.c-search__match {
  background: #f2c74466;
}

.sk-client-theme--dark .c-search__match {
  background: #e8912d66;
  color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
}

.c-search__ellipsis {
  background: none;
  border: 0;
  color: inherit;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  margin: 0 8px;
  overflow: initial;
  padding: 0;
  position: relative;
  text-align: initial;
  vertical-align: initial;

  &:active, &:focus, &:hover {
    outline: none;
  }
}

.c-message_group--hover-expand .c-search__ellipsis {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.c-search__ellipsis {
  &:hover {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }

  &:first-child {
    margin-left: 0;
  }
}

.c-search__expand {
  background: none;
  border: 0;
  color: inherit;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  cursor: pointer;
  display: inline;
  font: inherit;
  font-size: 13px;
  line-height: inherit;
  margin: 0 4px;
  overflow: initial;
  padding: 0;
  position: relative;
  text-align: initial;
  vertical-align: initial;

  &:active, &:focus, &:hover {
    outline: none;
  }
}

.c-message_group--hover-expand .c-search__expand, .c-search__expand:hover {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.c-search__expand_ellipsis {
  font-size: 13px;
  margin-right: 2px;
}

.c-search__ellipsis + .c-search__expand {
  margin-left: 0;
}

.c-search__section_header, .c-search__section_header--virtualized {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  font-size: 15px;
  font-weight: 700;
  justify-content: space-between;
  margin-bottom: 0;
}

.c-search__section_header--compact {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 700;
}

.c-search__section_header_sort_show {
  display: flex;
}

.c-search__section_header_sort_show--right {
  justify-content: flex-end;
  width: 100%;
}

.c-search__section_header__result_count_toggle {
  margin-left: 4px;
}

.c-search__section_header--virtualized {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  margin-bottom: -4px;
  padding: 0 4px 2px;
}

.c-search__section_header + * {
  margin-top: 8px;
}

.c-search__section_more_link {
  font-size: 13px;
  font-weight: 400;

  .c-icon--chevron-right {
    display: inline-block;
    width: 13px;
  }
}

.c-search__section_search_as_a_page_header {
  padding-bottom: 8px;
}

.c-search__tabs {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  flex: 0 0 auto;
  padding: 1.6px 48px 0 28px;
}

.c-search__tabs--virtualized {
  padding: 1.6px 12px 0;
}

.c-search__tabs {
  .c-search__tab {
    border-radius: 0;
    font-size: 15px;
    font-weight: 400;
    font-weight: 700;
    height: 52px;
    line-height: 1.46668;
    padding: 16px 4px;
    text-align: center;

    &.focus-ring {
      border-radius: 0 !important;
    }

    &:focus {
      border-radius: 0;
    }
  }

  &.c-search__tabs--primary_search_legacy {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    box-shadow: 1px 0 0 0 var(--saf-0) inset;
    flex: 1;
    z-index: 201;
  }

  &.c-search__tabs--primary_search_sonic {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    --saf-1: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    box-shadow: 1px 0 0 0 var(--saf-0) inset, inset 0 -1px 0 0 var(--saf-0);
    flex: 1;
    height: 44px;
    width: 100%;
  }

  &.c-search__tabs--primary_search_legacy .c-search__tab, &.c-search__tabs--primary_search_sonic .c-search__tab {
    padding: 12px 4px;
  }
}

.c-search__tab.c-tabs__tab.c-tabs__tab--active {
  border-radius: 0;
  box-shadow: inset 0 -2px 0 0 #007a5a;

  &:active, &:focus {
    border-radius: 0;
    box-shadow: inset 0 -2px 0 0 #007a5a;
  }
}

.c-search__toggle {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  display: flex;
  margin-bottom: 10px;
  overflow: hidden;
}

.c-search__toggle_item {
  background: none;
  border: 0;
  color: inherit;
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  cursor: pointer;
  display: block;
  flex: 1 0 auto;
  font: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: inherit;
  margin: 0;
  overflow: initial;
  padding: 10px;
  text-align: initial;
  text-align: center;
  vertical-align: initial;

  &:active, &:focus, &:hover {
    outline: none;
  }

  &:not(:last-child) {
    border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  }
}

.c-search__toggle_item--selected {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  color: #007a5a;
}

.c-search__pager {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 13px;
  justify-content: space-between;
  line-height: 1.38463;
  margin-top: 12px;
  padding-bottom: 32px;
}

.c-search__pager--virtualized {
  margin-top: 0;
}

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

.c-search__pager__button_forward {
  text-align: right;
}

.c-search__pager_feedback {
  border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  margin-left: 8px;
  padding-left: 8px;
}

.c-search__pager_search_as_a_page_feedback {
  position: absolute;
}

.c-search__pager_feedback_link_grid_view {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  margin-left: 4px;
  top: 1px;
}

.c-search__pager_search_as_a_page_feedback {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  margin-left: 4px;
  top: 1px;

  .c-link--button {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }
}

.c-virtual_list__item {
  .c-search__feedback_small .c-link--button {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }

  .c-search__blank_state div .c-search__feedback_small .c-link--button {
    color: #1264a3;
  }
}

.c-search__pager_search_as_a_page {
  position: relative;

  .c-pagination_wrapper {
    margin: 0 auto;
  }

  .c-pagination__container {
    padding: 0;
  }
}

.c-search__feedback {
  display: block;
  text-align: center;
}

.c-search__feedback_small {
  display: block;
  font-size: 13px;
  line-height: 1.38463;
  padding-left: 4px;
}

.c-search__no_results {
  margin: 48px auto 20px;
  max-width: 450px;

  .c-icon--search {
    color: #007a5a;
    margin-bottom: 24px;
  }

  .c-empty_state__description, .c-empty_state__title {
    margin-bottom: 20px;
  }

  .c-link--button {
    color: #1264a3;
  }
}

.c-search__blank_state {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  height: 60vh;
  justify-content: center;
  text-align: center;

  .c-empty_state {
    max-width: 400px;
  }

  .c-empty_state__description {
    margin-bottom: 16px;
  }

  .c-empty_state__title {
    font-size: 15px;
    font-weight: 400;
    font-weight: 900;
    line-height: 1.46668;
  }
}

.c-search__query_refinement_suggestion_wrapper {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: -4px;
  padding: 0 4px;
}

.c-search__query_refinement_suggestion_wrapper_experiment {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: -4px;
  padding: 0 4px;
  font-size: 15px;
  margin-bottom: 4px;
  margin-top: 4px;
}

.c-search__query_refinement_suggestion_wrapper--aux {
  margin-bottom: 0;
  padding: 0;
}

.c-search__aux_grid_view {
  padding: 20px 20px 10px;

  + .c-search__aux_grid_view {
    padding-top: 0;
  }
}

.c-search__aux_grid_view--controls {
  padding-left: 24px;
  padding-right: 24px;
}

.c-search__query_refinement_suggestion_list {
  display: flex;
}

.c-search__query_refinement_suggestion {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  display: flex;
  flex-shrink: 0;
  margin-left: 4px;
  margin-right: 4px;

  &:hover .c-search__query_refinement_suggestion_term {
    text-decoration: underline;
  }

  .c-icon {
    margin-right: 4px;
    width: 13px;
  }
}

.c-search__query_refinement_suggestion_wrapper_experiment:hover .c-search__query_refinement_suggestion_term {
  color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
  text-decoration: none;
}

.c-search__query_refinement_suggestion {
  .c-avatar, .c-missing_icon {
    margin-right: 4px;
    margin-top: 1px;
  }
}

.c-search__query_refinement_suggestion_term {
  align-items: center;
  display: flex;

  &:not(:last-child):after {
    content: ' ';
  }
}

.c-search__query_refinement_suggestion_term--enhancement {
  font-weight: 700;
}

.c-search__query_refinement_suggestion_term--removal {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  text-decoration: line-through;
}

.c-search__query_refinement_suggestion_term--ellipsed:not(:last-child):after {
  content: '... ';
}

.c-search__query_refinement_suggestion_term--filter__inner {
  background: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.1);
  border-radius: 3px;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  padding: 0 2px 1px;
}

code .c-search__query_refinement_suggestion_term--filter__inner, pre .c-search__query_refinement_suggestion_term--filter__inner {
  padding: 0;
}

.c-search__blank_state_centerer {
  display: inline-block;
}

.c-search__blank_state .c-search__query_refinement_suggestion_wrapper {
  margin-bottom: 16px;
}

.c-search__results_fuzzy_header {
  font-size: 15px;
  font-weight: 400;
  font-weight: 900;
  line-height: 1.46668;
}

.c-search__stacked_modal {
  z-index: 1013;
}

@media screen and (min-width: 1440px) {
  .c-search__container--primary_search_legacy .c-search__extras, .c-search__container--primary_search_sonic .c-search__extras {
    width: 492px;
  }
}

@media screen and (max-width: 1440px) {
  .c-search__container--primary_search_legacy .c-search__extras, .c-search__container--primary_search_sonic .c-search__extras {
    width: 442px;
  }
}

@media screen and (max-width: 1366px) {
  .c-search__container--primary_search_legacy .c-search__extras, .c-search__container--primary_search_sonic .c-search__extras {
    width: 392px;
  }
}

@media screen and (max-width: 1279px) {
  .c-search__container--primary_search_legacy .c-search__extras, .c-search__container--primary_search_sonic .c-search__extras {
    width: 367px;
  }
}

@media screen and (max-width: 1070px) {
  .c-search__container--primary_search_legacy .c-search__extras, .c-search__container--primary_search_sonic .c-search__extras {
    width: 337px;
  }
}

@media screen and (max-width: 860px) {
  .c-search__container--primary_search_legacy .c-search__extras, .c-search__container--primary_search_sonic .c-search__extras {
    width: 312px;
  }
}

.c-search_modal {
  -webkit-app-region: no-drag;
  background: none;
  z-index: 1000;

  &:not(.c-search_modal--child-window) > .popover {
    top: 4px !important;
  }

  .c-search_autocomplete__suggestion_list {
    max-height: 40vh;
  }

  .c-search_autocomplete__suggestion_list--taller {
    max-height: 60vh;
  }

  &.c-search_modal--ia4 {
    background-color: #0009;

    > .popover {
      left: 50% !important;
      max-width: 700px;
      min-width: 700px;
      top: 20% !important;
      transform: translateX(-50%);
    }
  }
}

@media screen and (min-width: 960px) {
  .c-search_modal > .popover {
    left: 50% !important;
    max-width: 800px;
    min-width: 800px;
    right: auto;
    transform: translateX(-50%);
  }
}

@media screen and (min-width: 1092px) {
  .c-search_modal > .popover {
    max-width: 924px;
    min-width: 924px;
  }
}

@media screen and (max-width: 1080px) {
  .p-client_desktop--custom-titlebar .c-search_modal > .popover {
    left: 140px !important;
    min-width: unset;
    right: 140px !important;
    transform: none;
  }
}

@media screen and (min-height: 800px) {
  .c-search_modal .c-search_autocomplete__suggestion_list--taller {
    max-height: 475px;
  }
}

@media screen and (max-width: 959px) {
  .p-client_desktop--frameless-macos .c-search_modal > .popover {
    left: 72px !important;
    min-width: unset;
    right: 72px !important;
  }
}

.c-search_modal--real_input.c-search_modal > .popover {
  top: 32px !important;
}

.p-top_nav__search__container--real-input .c-search__input_box_trigger_wrapper {
  width: 100%;
}

.c-search_link_warning_modal {
  max-width: 535px;
}

.c-message_kit__inline_channel_context {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.c-message_kit__inline_channel_context_icon {
  margin-left: -2px;
}

.c-message_kit__inline_channel_context_icon--channel {
  margin-right: -2px;
}

.c-message_kit__inline_channel_context_icon--archived-channel {
  font-size: 15px;
  height: 15px;
  margin-right: -2px;
}

.p-embedded_message_unfurl__container {
  cursor: -mox-grab;
  cursor: grab;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  transition-duration: .1s;
  transition-property: border-color, box-shadow;

  &:active {
    cursor: grabbing;
  }

  &.p-embedded_message_unfurl__container--hovercard {
    cursor: default;
  }

  &.p-embedded_message_unfurl__container--attached {
    border-radius: 12px 12px 0 0;
  }

  &.p-embedded_message_unfurl__container--ephemeral {
    background: #f8f8f8;
  }
}

.sk-client-theme--dark .p-embedded_message_unfurl__container.p-embedded_message_unfurl__container--ephemeral {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
}

.p-embedded_message_unfurl__container.p-embedded_message_unfurl__container--ephemeral_attached {
  border-radius: 0 0 12px 12px;
  border-top: none;
}

.p-embedded_message_unfurl__ephemeral_header {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  padding: 8px 12px 0;
  width: 100%;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);

  > .c-icon_button--default.c-button-unstyled {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  }
}

.p-embedded_message_unfurl__ephemeral_header_text {
  flex-grow: 2;
}

.p-embedded_message_unfurl__ephemeral--message_attachment {
  max-width: 100%;

  > .c-message_attachment {
    max-width: 100%;
  }
}

.p-embedded_message_unfurl__header {
  padding: 12px;
}

.p-embedded_message_unfurl__header_secondary {
  .p-embedded_message_unfurl__header_secondary_channel_name {
    font-weight: 400;

    .c-missing_channel--private {
      background-color: unset;
      display: inline;

      .c-icon {
        transform: translateY(1px);
      }
    }
  }

  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;

  .p-embedded_message_unfurl__header_secondary__inline_channel_link {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
  }
}

.p-embedded_message_unfurl__content {
  padding: 0 12px 12px;

  &:empty {
    padding: 0;
  }

  .c-message_kit__blocks {
    margin-bottom: 0;
  }

  .c-message_attachment, .p-block_kit_renderer__block_wrapper {
    display: block;
  }

  .c-message_attachment .c-message_attachment__body {
    padding: 0;
  }

  &.p-embedded_message_unfurl__content--private {
    background-color: rgba(var(--sk_foreground_soft_solid, 243, 243, 243), 1);
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    padding: 16px;
    text-align: center;
  }
}

.p-embedded_message_unfurl__channel_footer {
  padding: 0 12px 12px;

  .p-embedded_message_unfurl__channel_footer__file_entity {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    display: inline-flex;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;

    .c-icon--filetype-tiny {
      margin-right: 4px;

      &:before {
        color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
      }
    }

    .c-file_entity__text {
      font-size: 13px;
      font-weight: 400;
      line-height: 1.38463;
    }
  }
}

.p-embedded_message_unfurl__container {
  .p-embedded_message_unfurl_actions {
    opacity: 0;
  }

  .p-embedded_message_unfurl_actions__hover, &:focus-within .p-embedded_message_unfurl_actions, &:hover .p-embedded_message_unfurl_actions {
    opacity: 1;
  }
}

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

.p-embedded_huddle__container {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  overflow: hidden;
  width: 400px;
}

.p-embedded_huddle__background {
  align-items: end;
  background-size: cover;
  display: flex;
  height: 100px;
  justify-content: flex-end;
  padding: 12px;
}

.p-embedded_huddle__title {
  font-size: 20px;
  font-weight: 900;
}

.p-embedded_huddle__top {
  display: flex;
  justify-content: space-between;
}

.p-embedded_huddle__background .p-facepile {
  display: flex;

  .c-avatar {
    margin-left: 8px;
  }
}

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

.p-embedded_huddle__text {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  padding: 12px;
}

.p-embedded_unfurl__shortcut {
  margin-left: 2px;
  width: 99%;
}

.p-embedded_unfurl {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  cursor: -mox-grab;
  cursor: grab;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;

  &:active {
    cursor: grabbing;
  }

  &.c-message_kit__pillow_card {
    border: 0;
    padding-right: 12px;
  }

  .c-message__message_blocks, .c-message_attachment {
    max-width: none;
  }

  .p-embedded_public_link_unfurl__actions--hover, &:focus-within .p-embedded_public_link_unfurl__actions, &:hover .p-embedded_public_link_unfurl__actions {
    opacity: 1;
  }
}

.p-embedded_unfurl__shortcut_icon {
  margin-right: 8px;
}

.p-embedded_unfurl__generic {
  padding: 0;

  .c-message_attachment, .c-message_attachment_v2 {
    padding: 12px;
  }

  .c-message_attachment .c-message_attachment__body, &.c-message_kit__pillow_card {
    padding: 0;
  }

  .c-message_attachment_with_pretext {
    padding: 12px;

    .c-message_attachment {
      padding: 0;
    }
  }
}

.p-quip_shortcuts_modal__action_menu {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
  width: 100%;
}

.p-quip_shortcuts_modal__option {
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  margin: 0 0 4px 4px;
  padding: 0 1.6px;
  width: 100%;

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

.p-quip_shortcuts_modal__action_icon {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  height: 20px;
  width: 20px;
}

.p-quip_shortcuts_modal__action_label {
  box-sizing: border-box;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;

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

.p-download_progress__outer {
  background: #ddd;
  border-radius: 3px;
  height: 6px;
  margin: 0 0 12px 60px;
  opacity: 1;
  order: 2;
  width: calc(100% - 24px);
}

.p-download_progress__inner {
  background: #1d9bd1;
  border-radius: 3px;
  height: 6px;
  transition-duration: .15s;
  transition-property: width;
}

.p-download_toast_item--completed .p-download_progress__outer {
  height: 0;
  margin: 0 0 0 60px;
  opacity: 0;
  transition-duration: .3s;
  transition-property: height, opacity, margin;
}

.p-downloads_modal__title {
  justify-content: space-between;
  position: relative;
}

.p-downloads_modal__title__clear:after {
  background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  content: '';
  height: 25px;
  position: absolute;
  right: -12px;
  width: 1px;
}

.p-downloads_modal__content {
  height: 424px;
  margin-top: -5px;
  padding-bottom: 20px;
}

.p-downloads_modal__content--empty {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 0;
}

.p-downloads_modal__list_container {
  margin: 5px 13px 0;
}

.p-downloads_modal__content_empty_message {
  text-align: center;
  width: 300px;
}

.p-downloads_modal__content_empty_message__heading {
  margin-bottom: 12px;
}

.p-downloads_modal__content {
  .p-download_progress__outer {
    margin: 8px 0 4px 48px;
    order: unset;
    width: calc(100% - 48px);
  }

  .p-download_controls__actions {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    margin: 0 0 0 48px;
  }

  .p-download_controls__button {
    margin-right: 12px;

    &:hover {
      text-decoration: underline;
    }
  }

  .c-pillow_file--active_download .c-pillow_file__slide, .c-pillow_file_container--active_download {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  }
}

.p-huddle_invite {
  background: var(--p-huddle__column_bg);
  padding: 8px;
}

.p-huddle_invite__content {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 12px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  overflow: hidden;
  padding: 12px;
}

.p-huddle_invite__header_notif {
  background-color: var(--p-huddle__active_item_opacity_13);
  display: flex;
  justify-content: center;
  margin: -12px -12px 12px;

  .p-huddle_invite__header_notif_content {
    align-items: center;
    display: flex;
    font-size: 13px;
    padding: 8px;
  }
}

.p-huddle_invite__message_header {
  font-weight: 700;
  margin-bottom: 8px;
}

.p-huddle_invite__message {
  align-items: flex-start;
  display: flex;
  font-size: 15px;

  .c-inline_channel_entity, .p-huddle_invite__all_member_names, .p-huddle_invite__topic {
    font-weight: 700;
  }
}

.p-huddle_invite--with_header .p-huddle_invite__message {
  font-size: 13px;
}

.p-huddle_invite__text {
  overflow: hidden;
}

.p-huddle_invite__avatar_container {
  margin-right: 8px;
  position: relative;

  &.p-huddle_invite__avatar_container--with_overflow {
    flex-shrink: 0;
    height: 22px;
    line-height: 14px;
    width: 20px;

    .p-huddle_invite__avatar {
      left: 0;
      position: absolute;
      top: 0;
    }

    .p-huddle_invite__avatar_overflow_overlay {
      --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
      align-items: center;
      background-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
      border-radius: 4px;
      box-shadow: 0 0 0 2px var(--saf-0);
      color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
      display: flex;
      font-size: 11px;
      font-weight: 700;
      height: 14px;
      justify-content: center;
      left: 8px;
      position: absolute;
      top: 8px;
      width: 14px;
    }
  }
}

.p-huddle_invite__sender_name {
  font-weight: 700;
}

.p-huddle_invite__buttons {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 12px;
}

.p-huddle_invite__button {
  --saf-0: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  height: 26px;
  width: 100%;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);

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

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

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

.p-huddle_invite__button--accept {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: #1264a3;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  color: #fff;

  &:hover {
    background: #0b4c8c;
    color: #fff;
  }

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

.p-huddle_invite_join_modal__join_label {
  margin-left: 4px;
}

.p-calls_video {
  &.flipped {
    transform: scaleX(-1);
  }

  border-radius: 5px;
}

@keyframes hoverNameFade {
  2% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-huddles_cursor_tracking__renderer {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.p-huddles_cursor_tracking__target {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.p-huddles_cursor_tracking__container, .p-huddles_cursor_tracking__target_container {
  height: 100%;
  position: relative;
}

.p-huddles_draw__name_tag {
  align-items: center;
  background: #1d1c1db3;
  border-radius: 2px;
  color: #000;
  display: flex;
  flex-direction: row;
  justify-content: center;
  left: 20px;
  padding-right: 8px;
  pointer-events: none;
  position: absolute;
  top: 28px;
}

.p-huddles_draw__name_tag_avatar .c-base_icon {
  border-radius: 2px;
}

.p-huddles_draw__name_tag_text {
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin-left: 4px;
  max-width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-huddles_cursor_tracking__cursor_container {
  position: fixed;
}

.p-huddles_cursor_tracking__cursor {
  display: block;
  height: auto;
  max-width: 100px;
  pointer-events: none;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  visibility: hidden;

  &:after {
    background-image: url(./cursor-doodle-1cb831f.png);
    background-size: 30px 30px;
    content: '';
    display: inline-block;
    height: 30px;
    left: 5px;
    position: relative;
    top: 2px;
    width: 30px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.2) {
  .p-huddles_cursor_tracking__cursor:after {
    background-image: url(./cursor-doodle@2x-70116de.png);
  }
}

@keyframes hoverNameFade {
  2% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-calls__host_draw_window {
  -webkit-user-select: none;
  user-select: none;
}

.p-calls_draw__target {
  cursor: -webkit-image-set(url(./cursor-doodle-1cb831f.png) 1x, url(./cursor-doodle@2x-70116de.png) 2x) 10 34, auto;
}

.p-calls_draw__target_none {
  cursor: none;
  z-index: 10;
}

.p-calls_draw__renderer {
  display: flex;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.p-calls_draw__name_tag {
  background: rgba(var(--sk_inverted_background, 29, 28, 29), 0.9);
  border-radius: 5px;
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  padding: 2px 8px;
  pointer-events: none;
  position: absolute;
  white-space: nowrap;
}

.p-calls_draw__pencil_cursor {
  background-image: url(./cursor-doodle-1cb831f.png);
  background-size: 42px 43px;
  display: block;
  height: 43px;
  pointer-events: none;
  position: absolute;
  width: 42px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.2) {
  .p-calls_draw__pencil_cursor {
    background-image: url(./cursor-doodle@2x-70116de.png);
  }
}

.p-active_speaker--video_enabled {
  height: 100vh;
  position: absolute;
  top: 0;
  width: 100vw;

  .p-calls_video {
    border-radius: 0;
    display: block;
    height: 100%;
    width: 100%;
  }
}

.p-active_speaker__member_image--spinning {
  opacity: 0.4;
}

.p-active_speaker__member_name {
  color: #fff;
  display: flex;
  font-size: 18px;
  font-weight: 900;
  justify-content: center;
  line-height: 1.33334;
  margin-bottom: 2px;
}

.p-active_speaker__member_image_wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
  position: relative;
}

.p-active_speaker__member_image__spinner_wrapper {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.p-calls_video {
  &.flipped {
    transform: scaleX(-1);
  }

  background-color: #ffffff80;
  border-radius: 5px;
}

@keyframes p-huddle_icon__slash {
  to {
    stroke-dashoffset: 0;
  }
}

.p-huddle_mic_icon {
  &.p-huddle_mic_icon__container {
    display: flex;
    font-size: 15px;
    position: relative;
    text-align: center;
  }

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

  .p-huddle_mic_icon__microphone--slash_animated {
    stroke-dasharray: 24;
    stroke-dashoffset: 24;
    animation: p-huddle_icon__slash 175ms cubic-bezier(0.5, 0, 1, 1.25) forwards;
  }

  .p-huddle_mic_icon__microphone--input_level {
    transform-origin: 0 50%;
    transition: transform 0.2s ease;
  }
}

.p-huddle_screen_viewer__container {
  background: #1d1c1d;
  height: 100%;
  position: relative;
  width: 100%;
}

.p-huddle_screen_viewer__error {
  align-items: center;
  color: #fff;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.p-huddle_screen_viewer__mic_button_container {
  bottom: 12px;
  position: fixed;
  right: 12px;
  z-index: 1;
}

.p-huddle_screen_viewer__mic_button {
  -webkit-app-region: no-drag;
  background-color: #616061;
  border: 1px solid #0000;
  color: #fff;
  min-width: 36px;

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

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

  &.c-button--disabled {
    opacity: 0.3;
  }
}

.p-huddle_screen_viewer__mic_button--active {
  border: 1px solid #0000;

  &:hover {
    border: 1px solid #0000;
  }
}

.p-error_messages_body__subtitle {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  margin-bottom: 8px;
  margin-top: 48px;
}

.p-promote_scdm_screen__content {
  padding: 0 48px 36px;
  text-align: center;
}

.p-promote_scdm_screen__header {
  background-image: url(./speech-bubble-light-mode-3423066.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 64px;
  text-align: center;

  .c-avatar .c-avatar__team_icon {
    bottom: -5px;
    right: -5px;
  }
}

.p-promote_scdm_screen__header--dark_mode {
  background-image: url(./speech-bubble-dark-mode-f89c7c0.png);
}

.p-promote_scdm_screen__title {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  margin: 28px 0 12px;
}

.p-promote_scdm_screen__send_button {
  margin: 28px 0 16px;
}

.p-promote_scdm_screen__send_button--aubergine {
  background-color: #611f69;
  border: none;
  color: #fff;

  &:active, &:hover {
    background-color: #611f69e6;
    border: none;
  }

  &[disabled] {
    background-color: #611f6980;
    color: #fff;
  }
}

.p-promote_scdm_screen__close_cta {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: block;
  font-weight: 700;
  margin: 0 auto;
}

.p-promote_scdm_screen__footer {
  height: 0;
  padding: 0;
}

.p-promote_scdm_screen_speedbump .c-modal_speed_bump__heading {
  margin-bottom: 8px;
}

.p-shared_invite_creator_welcome_modal__image {
  background-color: #f5efe8;
  width: 100%;
}

.sk-client-theme--dark .p-shared_invite_creator_welcome_modal__image {
  background-color: #323538;
}

.p-shared_invite_creator_welcome_modal__image--confirmation {
  height: 175px;
  padding-top: 20px;
}

.p-shared_invite_creator_welcome_modal__image--connection {
  height: 200px;
  padding-top: 4px;
}

.p-shared_invite_creator_welcome_modal__image--collaboration {
  height: 200px;
}

.p-shared_invite_creator_welcome_modal__content--error {
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  margin: 0 28px;
}

.p-shared_invite_creator_welcome_modal__team_icons {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-top: 21px;
}

.p-shared_invite_creator_welcome_modal__team_icon--icon {
  display: inline-block;
  margin: 0 6px;
}

.p-shared_invite_creator_welcome_modal__team_icon--dot {
  background-color: #ddd;
  border-radius: 50%;
  display: inline-block;
  height: 3px;
  margin: 2px;
  width: 3px;
}

.p-shared_invite_creator_welcome_modal__header--error {
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -.75px;
  line-height: 30px;
  padding: 24px 28px 36px;
}

.p-shared_invite_creator_welcome_modal__channel_icon {
  font-size: 25px;
  margin-right: -5px;
  transform: translateY(1px);
  width: 20px;
}

.p-shared_invite_creator_welcome_modal__channel {
  word-break: break-all;
}

.p-shared_invite_creator_welcome_modal__footer {
  display: flex;
  justify-content: center;
  padding: 16px 28px 24px 16px;
}

.p-shared_invite_creator_welcome_modal__footer--sandwich {
  background-color: #f2c74433;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

.p-shared_invite_creator_welcome_modal__footer--scdm, .sk-client-theme--dark .p-shared_invite_creator_welcome_modal__footer--sandwich {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
}

.p-shared_invite_creator_welcome_modal__footer--scdm {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  justify-content: left;
}

.p-shared_invite_creator_welcome_modal__footer_body {
  align-items: center;
  display: flex;
}

.p-shared_invite_creator_welcome_modal__inviting_member_icon {
  margin-right: 12px;
}

.p-shared_invite_creator_welcome_modal__alert_link.c-link--button {
  border: none;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  text-decoration: none;

  &:active, &:focus, &:hover {
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    text-decoration: underline;
  }
}

.p-confirmation_modal {
  width: 500px;

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

  .p-confirmation_modal_content_item {
    align-items: center;
    display: flex;
    margin-bottom: 16px;

    > div {
      margin-right: 16px;
    }
  }

  svg {
    margin-right: 16px;
  }
}

.p-end_dm_dialog_footer {
  display: flex;
  width: 100%;
}

.p-end_dm_dialog_footer_actions {
  display: flex;
}

.p-end_dm_dialog_learn_more {
  align-items: center;
  display: flex;
  float: left;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);

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

  .icon {
    margin-right: 8px;
  }

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

.p-field {
  width: 100%;
}

.p-field--button, .p-field--editable, .p-field--embed, .p-field--text, .p-field__inner {
  padding: 16px 20px;
}

.p-field--button, .p-field--editable {
  display: flex;
}

.p-field--button {
  &:focus, &:hover:not(.p-field--disabled) {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    cursor: pointer;
    text-decoration: none;
  }
}

.p-field--editable {
  &:focus, &:hover:not(.p-field--disabled) {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    cursor: pointer;
    text-decoration: none;
  }
}

.p-field--button:hover:not(.p-field--disabled), .p-field--editable:hover:not(.p-field--disabled) {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
}

.p-field--button.p-field--disabled, .p-field--editable.p-field--disabled {
  cursor: auto;
}

.p-field--button .p-field__title_icon, .p-field--editable .p-field__title_icon {
  flex-shrink: 0;
}

.p-field--button.p-field--disabled .p-field__floating_hint, .p-field--editable.p-field--disabled .p-field__floating_hint {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  cursor: auto;
  text-decoration: none;

  &:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    cursor: auto;
    text-decoration: none;
  }
}

.p-field--button, .p-field--editable {
  position: relative;
}

.p-field--type_danger {
  &:hover:not(.p-field--disabled), &:not(.p-field--disabled) {
    color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  }
}

.p-field--cta {
  display: flex;

  .p-field__text {
    margin: 4px 0 12px;
  }
}

.p-field--list {
  padding: 16px 0;

  .p-field__button, .p-field__description {
    margin-left: 20px;
    margin-right: 20px;
  }

  .p-field__title {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 8px;
  }

  .p-field__title--with-description {
    margin-bottom: 0;
  }

  .p-field__description {
    margin-bottom: 8px;
  }

  .p-field__button {
    margin-top: 12px;

    &.c-link--button {
      font-weight: 700;
    }
  }
}

.p-field--embed .p-field__title {
  margin-bottom: 8px;
}

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

.p-field__title {
  align-items: baseline;
  display: flex;
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  justify-content: space-between;
  line-height: 1.46668;
}

.p-field__edit_link, .p-field__title_link {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
}

.p-field__edit_link:hover, .p-field__title_link:hover {
  text-decoration: underline;
}

.p-field__floating_hint {
  position: absolute;
  right: 20px;
  top: 16px;
}

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

.p-field__title_icon {
  align-self: flex-start;
  margin-right: 12px;
}

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

  .p-field__visibility_label_text {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
  }
}

.p-field__text {
  margin-bottom: 0;
  word-break: break-word;
}

.p-field__side_image {
  background-color: #007a5a1a;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  flex-shrink: 0;
  width: 148px;
}

.p-field__footer {
  margin-top: 16px;
}

.p-field__sectioned_footer {
  margin-top: 16px;
  padding: 16px 16px 0;
}

.p-channel_topic_dialog {
  .c-dialog__header {
    padding-bottom: 11px;
  }

  .c-dialog__body {
    padding-bottom: 5px;
    padding-top: 5px;
  }

  .c-dialog__footer {
    padding-top: 15px;
  }
}

.p-channel_topic_dialog__description {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin: 12px 0;
}

.p-channel_purpose_dialog {
  .c-dialog__header {
    padding-bottom: 11px;
  }

  .c-dialog__body {
    padding-bottom: 5px;
    padding-top: 5px;
  }

  .c-dialog__footer {
    padding-top: 15px;
  }
}

.p-channel_purpose_dialog__description {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin: 12px 0;
}

.p-channel_managers_modal {
  height: 552px;
}

.p-channel_managers_modal__empty_state_wrapper {
  display: flex;
  justify-content: center;
  margin-top: 48px;
}

.p-channel_managers_modal__filter_input {
  margin: 0 24px 12px;
}

.p-channel_managers_modal__alert {
  margin: 12px 20px;
}

.p-channel_managers_modal__connected_note {
  margin: 0 24px 20px;
}

.p-channel_managers_modal__list_item {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  padding: 0 8px;

  &:hover {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    cursor: pointer;

    .p-channel_managers_modal__list_item_secondary_content {
      opacity: 1;
    }
  }

  .c-avatar {
    cursor: pointer;
  }
}

.p-channel_managers_modal__list_item--focused {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
}

.p-channel_managers_modal__list_item_secondary_content {
  font-weight: 700;
  opacity: 0;
}

.p-channel_managers_modal__list_item_secondary_content--visible {
  font-weight: 700;
  opacity: 1;
}

.p-channel_managers_modal__add_member_list_item {
  font-weight: 700;
  padding: 12px 20px;
}

.p-channel_managers_modal__add_member_list_item--disabled {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  pointer-events: none;
}

.p-channel_managers_modal__add_member_list_item__icon {
  background: #1d9bd11a;
  border-radius: 4px;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  height: 36px;
  margin-right: 12px;
  width: 36px;
}

.p-channel_managers_modal__add_member_list_item__icon--disabled {
  background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  pointer-events: none;
}

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

  &:focus, &:hover {
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    text-decoration: underline;
  }

  strong {
    font-weight: 400;
  }
}

.p-channel_manager_field__tooltip-text {
  font-weight: 400;
}

.p-field_group:not(:empty) {
  --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);
  border-radius: 12px;
  margin: 16px 28px;

  .p-field {
    + .p-field {
      border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    }

    &:first-child {
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
    }

    &:last-child {
      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px;
    }
  }

  .p-field__side_image {
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
  }
}

.p-field_group--with_footer {
  padding-bottom: 30px;
  position: relative;

  .p-field__side_image {
    border-bottom-right-radius: 0;
  }
}

.p-field_group__banner {
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  bottom: -1px;
  color: #8f6805;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  font-weight: 700;
  height: 31px;
  left: -1px;
  line-height: 1.50001;
  padding-left: 21px;
  padding-right: 21px;
  position: absolute;
  right: -1px;

  &:before {
    background: #f2c74433;
    border: 1px solid #b98a0933;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}

.sk-client-theme--dark .p-field_group__banner {
  background-color: #f1b01714;
  color: #f1b017;

  &:before {
    background: unset;
    border-color: #40371f;
  }
}

.p-field_group__banner_icon {
  color: #b98a09;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-left: 4px;
}

.p-about_modal {
  display: flex;
  flex-direction: column;
  height: min(85vh, 820px);
  max-width: 580px;

  &.p-about_modal--min_height {
    height: auto;
    max-height: 820px;
    min-height: 184px;
  }
}

.p-about_modal__contents {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  height: 100%;
  width: 100%;

  &.c-sk-modal_content {
    &:last-of-type, &:only-of-type {
      border-radius: 0;
    }
  }

  &.c-sk-modal_content--indicateBottom:after, &.c-sk-modal_content--indicateTop:after {
    border: none;
  }
}

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

.p-about_modal__section {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-radius: 12px;
  margin: 16px 28px;
  padding: 20px;
  position: relative;

  .p-channel_options--radio_label {
    padding-bottom: 2px;
  }
}

.p-about_modal .p-admin_channel_modal {
  width: 100%;
}

.p-about_modal__tabs {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 0;

  .c-tabs__tab_panel {
    flex-grow: 1;
    min-height: 0;
  }
}

.p-about_modal__tab_panel {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  display: flex;
}

.p-about_modal .c-tabs__tab_menu {
  padding-left: 20px;
}

.p-about_modal__header {
  min-height: 0;
}

.p-about_modal__header--tabless {
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  padding-bottom: 16px;
}

.p-about_modal__action_button--disabled {
  pointer-events: unset;
}

.p-about_modal__action_icon_prefix, .p-about_modal__action_icon_suffix {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-about_modal__action_icon_prefix {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  margin-right: 6px;
}

.p-about_modal__action_icon_suffix {
  margin-left: 4px;
}

.p-about_modal--quip .p-quip_title__title {
  font-size: 22px;
  line-height: 1.36365;
  margin-bottom: 2px;
  white-space: break-spaces;
  word-break: break-word;
}

.p-about_modal__title {
  min-height: 0;
  padding-bottom: 0;

  .c-sk-modal_title_bar__text {
    white-space: nowrap;
    width: 100%;
  }

  .p-channel_section_selector__icon {
    top: -1px;
  }

  .p-view_header__channel_title_icon, .p-view_header__channel_title_shared_icon {
    position: relative;
    vertical-align: initial;
  }

  .p-view_header__channel_title {
    white-space: break-spaces;
    word-break: break-word;
  }

  .p-view_header__channel_title--small, .p-view_header__icon--small {
    font-size: 18px;
    font-weight: 900;
    line-height: 1.33334;
  }

  .p-view_header__channel_title:not(.p-view_header__channel_title--small) + .p-view_header_channel_section_selector {
    margin-bottom: 2px;
  }

  .p-about_modal__dm_info .p-view_header_channel_section_selector {
    margin-bottom: 2px;
    margin-left: 4px;
  }

  .p-about_modal__app_title .p-view_header_channel_section_selector {
    margin-bottom: 2px;
  }
}

.p-about_modal__title_controls {
  &:not(:empty) {
    align-items: center;
    display: flex;
    margin: 12px 0 8px 28px;

    > * {
      margin-right: 8px;
    }
  }

  &:empty {
    margin-top: 12px;
  }
}

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

.p-about_modal__notifications_menu_item {
  &.c-menu_item__button {
    overflow: visible;
    text-overflow: unset;
    white-space: unset;
  }

  .c-menu_item__label {
    overflow: visible;
    padding-top: 4px;
    text-overflow: unset;
  }

  .c-menu_item__description {
    line-height: 1.38463;
    overflow: visible;
    text-overflow: unset;
  }

  .c-menu_item__checkmark {
    align-self: baseline;
    top: 4px;
  }
}

.p-about_modal__section_picker {
  font-size: 15px;
  padding-left: 6px;
  padding-right: 4px;

  .p-view_header_channel_section_selector__emoji {
    height: 1em;
    width: 1em;
  }

  .c-icon--star-o {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  }

  .c-icon--star {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
}

.p-about_modal__section_picker--star_only {
  min-width: 40px;
  padding-left: 4px;
}

.p-about_modal__dm_info {
  align-items: center;
  display: flex;

  .p-about_modal__member_avatar {
    align-self: baseline;
    display: block;
    margin: 8px 16px 8px 0;

    .c-base_icon {
      border-radius: 12px;
    }
  }
}

.p-about_modal__member_avatar.c-hidden_user_avatar {
  display: flex;
}

.p-about_modal__member_info {
  white-space: normal;
  word-break: break-word;
}

.p-about_modal__member_title {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-about_modal__member_title_meta {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-about_modal__custom_status {
  vertical-align: initial;

  .p-huddle_status_icon {
    margin-top: 5px;
  }
}

.p-about_modal__mpdm_avatars {
  padding-left: 8px;
  position: relative;
  z-index: 1;

  .p-about_modal__member_avatar {
    margin: 8px 0 8px -8px;

    &:nth-child(2) {
      z-index: -2;
    }

    &:nth-child(3) {
      z-index: -3;
    }

    &:nth-child(4) {
      z-index: -4;
    }

    &:nth-child(5) {
      z-index: -5;
    }

    &:nth-child(6) {
      z-index: -6;
    }

    &:nth-child(7) {
      z-index: -7;
    }

    &:nth-child(8) {
      z-index: -8;
    }

    &:nth-child(9) {
      z-index: -9;
    }

    img {
      --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
      border: 2px solid var(--saf-0);
      border-radius: 8px;
    }
  }
}

.p-about_modal__mpdm_info {
  .p-channel_details__title {
    white-space: normal;
  }

  .p-view_header_channel_section_selector {
    margin-bottom: 4px;
  }
}

.p-about_modal__mpdm_info--small .p-channel_details__title {
  font-size: 18px;
}

.p-about_modal__app_icon {
  align-self: baseline;
  margin: 8px 16px 8px 0;
}

.p-about_modal__debug_data_text {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin: 20px 28px 20px 48px;
}

.p-about_modal__connected_section_cta_image {
  justify-content: space-between;

  .p-field__side_image {
    background-size: 112px;
  }

  .p-field__inner {
    padding-bottom: 0;
  }

  .p-channel_details__slack_connect_ctas_button {
    margin-bottom: 12px;
  }
}

.p-about_modal__connected_section_list {
  .p-shared_channel_org_list__org_list_container {
    margin: 0;
  }

  .p-team_row {
    padding: 8px 20px;
  }
}

.p-about_modal {
  .c-pillow_file_container {
    border: none;

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

  .c-pillow_file .c-pillow_file__title {
    font-size: 15px;
    font-weight: 400;
    font-weight: 700;
    line-height: 1.46668;
  }

  .p-channel_details__shared_files__file + .p-channel_details__shared_files__file {
    margin-top: 0;
  }
}

.p-about_modal__member_profile_section_item {
  align-items: center;
  display: flex;

  + .p-about_modal__member_profile_section_item {
    margin-top: 8px;
  }
}

.p-about_modal__member_profile_section_item_icon {
  margin-right: 8px;
}

.p-about_modal__member_profile_section_inline_link {
  display: contents;
}

.p-about_modal__posting_permissions_subtitle {
  margin: 4px 0 8px 20px;
}

.p-about_modal__badge {
  background-color: #1d9bd11a;
  border-radius: 10px;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  margin-left: 4px;
  padding: 3px 8px 2px;
}

.p-admin_channel_modal__copy_members {
  align-items: center;
  display: flex;
  width: 100%;
}

.p-admin_channel_modal__copy_members__feedback {
  margin-left: auto;
}

.p-admin_channel_modal__copy_members__copied {
  color: #007a5a;
  display: inline-block;
  margin-right: 8px;
}

.p-admin_channel_modal__rename_field {
  white-space: nowrap;
}

.p-admin_channel_modal__rename_field_text {
  white-space: break-spaces;
}

.p-oauth_scope_info .p-oauth_scope_info__safe_scopes:not(:last-child) {
  border: none;
}

.p-oauth_scope_info__spacer_icon {
  color: #f2c744;
  height: 24px;
  margin-right: 12px;
}

.p-oauth_scope_info__expander_icon {
  height: 1.25rem;
}

.p-oauth_scope_info__scope_description {
  font-size: 15px;
}

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

.p-oauth_scope_info__dangerous_scopes {
  border-left: 5px solid #f2c744;
  border-radius: .25rem;
  border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.p-oauth_scope_info__dangerous_scope {
  padding: 1rem 1rem 1rem 0.75rem;
}

.p-oauth_scope_info__safe_scope {
  padding: 1.125rem 1rem;
}

.p-oauth_scope_info__dangerous_scope:not(:first-child), .p-oauth_scope_info__safe_scope {
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.p-app_permission_dialog {
  max-height: none;
  width: 420px;

  .c-dialog__body {
    max-height: calc(100vh + 5px);
    padding: 40px 24px 0;
    position: relative;
  }

  .c-dialog__footer {
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    padding: 24px;
  }

  .c-dialog__footer_buttons {
    display: flex;
    width: 100%;
  }

  .c-dialog__cancel {
    max-width: 100%;
    width: 100%;
  }

  .c-dialog__go {
    max-width: 100%;
    width: 100%;
    margin-left: 16px;

    .c-infinite_spinner {
      margin-right: 0;
    }
  }

  .c-dialog__cancel {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);

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

  .c-dialog__close {
    margin: 0;
    position: absolute;
    right: 21px;
    top: 24px;
  }

  .p-oauth_scope_info__safe_scopes:last-child {
    border: none;
  }

  .p-oauth_scope_info__dangerous_scopes {
    margin-bottom: 24px;
  }
}

.p-app_permission_dialog__app_icon {
  border-radius: 4px;
  display: inline-block;
  height: 48px;
  vertical-align: middle;
  width: 48px;
}

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

.p-app_permission_dialog .p-deprecated_channel_name .c-deprecated-icon:before {
  font-size: 23.9994px;
  line-height: 24.00012px;
  margin: 0 -2px;
}

.p-invite_member_to_channel_dialog__body {
  min-height: 64px;
  padding: 4px 0 0;
}

.p-invite_member_to_channel_dialog__error {
  margin: 8px 0 0;
}

.c-card {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-radius: 5px;
  margin-bottom: 32px;
  position: relative;
}

.c-card--tight_corners {
  border-radius: 4px;
}

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

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

.c-card--padded {
  padding: 32px;
}

.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-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 16px 24px;
  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);
  margin: 0 24px;
  padding: 20px 0;

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

@media only screen and (max-width: 767px) {
  .p-app_management_modal .c-fullscreen_modal__body {
    padding: 16px 0 0;
  }
}

.p-app_management_modal .c-fullscreen_modal__body__content {
  display: flex;
  padding: 16px;
  width: auto;
}

@media only screen and (max-width: 767px) {
  .p-app_management_modal .c-fullscreen_modal__body__content {
    align-items: center;
    flex-direction: column;

    .p-app_management_modal__sidebar_container {
      margin: 0;
      width: auto;
    }

    .p-app_management_modal__content_container {
      width: auto;
    }

    .c-sidebar_menu__list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;

      li {
        margin-right: 8px;
        margin-top: 0;
      }
    }

    .c-sidebar_menu__divider {
      display: none;
    }
  }
}

.p-app_management_modal__sidebar_container {
  margin-right: 32px;
  width: 200px;

  .c-sidebar_menu__list_item {
    font-size: inherit;
  }
}

.p-app_management_modal__content_container {
  width: 600px;
}

.p-app_management_modal__card {
  margin-top: 24px;

  &:last-child {
    margin-bottom: 0;
  }
}

.p-app_management_modal__card_header {
  display: flex;
  padding: 16px;
}

.p-app_management_modal__card_list {
  list-style-type: none;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
}

.p-app_management_modal__channel_list_item {
  align-items: center;
  display: flex;
  margin-bottom: 0;
  padding: 8px 16px;

  &:not(:first-child) {
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  }
}

.p-app_management_modal__wildcard_checkbox {
  pointer-events: none;
}

.p-app_management_modal {
  .p-app_management_modal__channel_selector {
    left: auto;
    padding: 0 0 4px;
    right: 0;
  }

  .p-app_management_modal__channel_selector_input {
    margin: 4px;
  }
}

.p-app_management_modal__channel_selector_item {
  cursor: inherit;

  .c-deprecated-icon:before {
    font-size: 17.3329px;
  }
}

.p-app_management_modal--mobile {
  .p-app_management_modal__card_header {
    padding: 12px;
  }

  .p-app_management_modal__channel_list_item_remove:after {
    bottom: -4px;
    content: '';
    left: -4px;
    position: absolute;
    right: -4px;
    top: -4px;
  }

  .p-app_management_modal__channel_list_add {
    font-size: 15px;
    height: 36px;
    min-width: 80px;
    padding: 0 16px 1px;
  }

  .p-app_management_modal__channel_selector_item {
    font-size: 15px;
    line-height: 36px;

    .c-deprecated-icon:before {
      font-size: 19.9995px;
    }
  }

  .p-app_management_modal__channel_selector_input {
    font-size: 15px;
    height: 36px;
    line-height: 1.46668;
  }
}

.p-app_management_modal__member_list_item {
  align-items: center;
  display: flex;
  margin-bottom: 0;
  padding: 12px;
}

.c-virtual_list__item:not(:first-child) .p-app_management_modal__member_list_item {
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.p-app_management_modal__member_list_item--empty_message, .p-app_management_modal__member_list_item--loading {
  justify-content: center;
  padding: 20px;
}

.p-app_management_modal__member_list_gutter {
  line-height: 0;
}

.p-app_management_modal__member_list_content {
  flex: 1;
  padding-left: 12px;
}

.p-app_management_modal__member_list_primary_name {
  font-weight: 700;
}

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

  &:focus, &:hover {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }
}

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

.p-app_management_modal__member_list_scroll_button {
  bottom: 24px;
  left: calc(50% - 337px);
  padding-left: 8px;
  position: fixed;
}

@media only screen and (max-width: 767px) {
  .p-app_management_modal__member_list_scroll_button {
    left: 50%;
  }
}

.c-mpim_conversion_modal_header__title .c-sk-modal_title_bar__text {
  width: 100%;

  h3 {
    left: -4px;
    position: relative;
  }
}

.p-mpdm_add_people_modal_content {
  padding: 0 24px;
}

.p-mpdm_add_people_modal_content__select {
  max-width: 100%;
  padding: 16px 0;
  width: 100%;
}

.p-mpdm_add_people_modal_content__select__subtext {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: 8px;
}

.p-degraded_list__loading {
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  display: flex;
  font-size: 10pt;
  height: 96px;
  justify-content: center;
  position: absolute;
  width: 100%;
  z-index: 1;
}

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

.p-large_offline_indicator {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.p-large_offline_indicator__headline {
  font-size: 28px;
  font-weight: 900;
  line-height: 1.2143;
}

.p-inline_offline_indicator, .p-large_offline_indicator__caption {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-inline_offline_indicator {
  align-items: center;
  display: flex;
  height: 96px;
  justify-content: center;
  width: 100%;
}

.c-message_kit__sender {
  font-weight: 900;
}

.c-message_kit__sender--dense .c-custom_status {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-radius: 5px;
  padding: 1px 2px;
}

.c-message_kit__hidden__message__break {
  flex-basis: 100%;
  height: 0;
}

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

.c-message_kit__hidden__message__link {
  margin-bottom: 8px;
}

.c-message_kit__tombstone__text {
  align-items: center;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  flex-wrap: wrap;
  height: 44px;

  .c-message_kit__hidden__message__contents--unhidden {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }

  &.c-message_kit__tombstone__text--hidden_message {
    display: inline;
    height: unset;
  }
}

.c-message_kit__tombstone__text--compact {
  height: auto;
  margin-bottom: 4px;

  &.c-message_kit__tombstone__text--hidden_message {
    display: inline-block;

    > div {
      display: inline-block;
    }
  }
}

.c-message_kit__comment {
  &:after {
    content: '';
    display: block;
    height: 4px;
  }

  .c-message__file_meta {
    display: inline;
  }
}

.c-reaction {
  align-items: center;
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border: none;
  border-radius: 12px;
  display: inline-flex;
  font-size: 11px;
  line-height: 16px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 4px 6px;
  vertical-align: top;

  .emoji-sizer {
    display: block;
    font-size: 16px;
    margin-top: 0;
  }

  &.c-button--focus-visible:focus {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 12px;
  }

  &:focus {
    cursor: pointer;
  }

  &:hover {
    cursor: pointer;
    --saf-0: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: inset 0 0 0 1px var(--saf-0);
  }

  &:active {
    transform: scale(0.94);
  }

  &:disabled {
    pointer-events: none;
  }
}

.c-reaction--reacted {
  --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
  background: #1d9bd11a;
  box-shadow: inset 0 0 0 1px var(--saf-0);

  &:hover {
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    background: #1d9bd11a;
    box-shadow: inset 0 0 0 1px var(--saf-0);
  }

  &.c-reaction--dark {
    background-color: #1264a3;
    border-color: #1264a3;
    box-shadow: none;

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

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .c-reaction--reacted {
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    box-shadow: inset 0 0 0 1.5px var(--saf-0);

    &:hover {
      --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
      box-shadow: inset 0 0 0 1.5px var(--saf-0);
    }
  }
}

.c-reaction--zero {
  opacity: 0.5;
}

.c-reaction__count {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  padding: 0 1px 0 3px;
}

.c-reaction--reacted .c-reaction__count {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  font-weight: 700;
}

.c-reaction .c-emoji:not(:last-child) {
  margin-right: 2px;
}

.c-reaction_add, .c-reaction_expand {
  align-items: center;
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border: none;
  border-radius: 12px;
  display: inline-flex;
  font-size: 11px;
  justify-content: center;
  line-height: 16px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 2px 6px;
  vertical-align: top;
  width: 34px;
}

.c-reaction_add .emoji-sizer, .c-reaction_expand .emoji-sizer {
  display: block;
  font-size: 16px;
  margin-top: 0;
}

.c-reaction_add.c-button--focus-visible:focus, .c-reaction_expand.c-button--focus-visible:focus {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 12px;
}

.c-reaction_add:hover, .c-reaction_expand:hover {
  --saf-0: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  box-shadow: inset 0 0 0 1px var(--saf-0);
}

.c-reaction_add:active {
  transform: scale(0.94);
}

.c-reaction_expand {
  &:active {
    transform: scale(0.94);
  }

  height: 24px;
  overflow: hidden;
  padding: 4px 6px;
  position: relative;
  width: 60px;
}

.c-reaction_expand--collapse {
  width: 64px;
}

.c-reaction_expand--reacted {
  --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
  background: #1d9bd11a;
  box-shadow: inset 0 0 0 1px var(--saf-0);

  &:hover {
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    background: #1d9bd11a;
    box-shadow: inset 0 0 0 1px var(--saf-0);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .c-reaction_expand--reacted {
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    box-shadow: inset 0 0 0 1.5px var(--saf-0);

    &:hover {
      --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
      box-shadow: inset 0 0 0 1.5px var(--saf-0);
    }
  }
}

.c-reaction_expand__overlay {
  align-items: center;
  bottom: 0;
  display: flex;
  font-weight: 700;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.c-reaction_add.c-reaction_add--dark {
  &:focus .c-icon--small-reaction-bg, &:hover .c-icon--small-reaction-bg {
    color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  }

  &:focus .c-icon--small-reaction, &:hover .c-icon--small-reaction {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }
}

.c-reaction_add__container {
  height: 20px;
  position: relative;
  transform: translateX(-1px);
  width: 20px;
}

.c-reaction_add__icon {
  display: block;
  position: absolute;
}

.c-reaction_add__icon--bg {
  color: #0000;
}

.c-reaction_add__icon--fg {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  z-index: 1;
}

.c-reaction_add__note {
  align-items: center;
  background: #f2c74433;
  border: none;
  border-radius: 12px;
  color: #a25f12;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  margin-right: 5px;
  padding: 2px 9px 2px 5px;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: top;

  &:focus, &:hover {
    box-shadow: inset 0 0 0 1px #cc7716;
    text-decoration: none;
  }
}

.c-reaction_add {
  &:focus .c-reaction_add__icon--fg, &:hover .c-reaction_add__icon--fg {
    color: #0009;
  }

  &:focus .c-reaction_add__icon--bg, &:hover .c-reaction_add__icon--bg {
    color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
  }
}

.c-reaction__truncation {
  padding-left: 2px;
  padding-right: 2px;
}

.c-reaction__tip--emoji {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 4px;
  min-height: 32px;

  .c-emoji__large, .c-emoji__larger {
    background-color: #fff;
    border-radius: 4px;
    flex: 0 0 auto;
  }

  .c-emoji__large {
    height: 36px;
    padding: 2px;
    width: 36px;
  }

  .c-emoji__larger {
    height: 64px;
    padding: 4px;
    width: 64px;
  }

  .c-emoji:not(:last-child) {
    margin-right: 4px;
  }
}

.c-reaction__tip_group:not(:last-child) {
  margin-bottom: 16px;
}

.c-reaction__tip_subtitle {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
}

.c-reaction .c-emoji_plain_text {
  padding-left: 1px;
}

.c-message_kit__reaction_bar {
  margin-bottom: 4px;

  .c-reaction, .c-reaction_add {
    margin-bottom: 4px;
    margin-right: 4px;
  }
}

.p-pending_file {
  .c-pillow_file__description {
    margin: -5px;
    padding: 5px;
  }

  .c-pillow_file__title {
    display: block;
    white-space: nowrap;
  }

  .c-pillow_file__meta {
    margin-top: 4px;
  }
}

.p-pending_file--compact {
  min-width: 0;

  .c-pillow_file {
    align-items: center;
    height: 100%;
    justify-content: center;
    padding: 0;
  }

  .c-pillow_file__icon {
    align-self: auto;
    margin-right: 0;

    &:before {
      font-size: 36px;
    }
  }
}

.p-pending_file--drag-layer {
  max-width: 210px;

  .c-pillow_file__header {
    align-items: center;
  }
}

.p-pending_file__medium_file_entity {
  width: 208px;
}

.p-pending_file__audio_player {
  width: 184px;
}

.p-draft_image_file {
  align-items: center;
  display: flex;
  height: 62px;
  justify-content: center;
  width: 62px;

  &:hover {
    .p-draft_image_file__thumbnail {
      filter: brightness(70%);
    }

    .p-draft_image_file__pencil {
      opacity: 1;
    }
  }
}

.p-draft_image_file__thumbnail {
  display: inline-block;
  height: 100%;
  width: 100%;
}

.p-draft_image_file__thumbnail_entity {
  border-radius: 12px;

  &:after {
    border-radius: 12px;
  }
}

.p-draft_image_file__pencil {
  color: #fff;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.p-draft_image_file__img {
  max-height: 225px;
  opacity: 1;
  transition: opacity 0.15s linear;
}

.p-draft_image_file__thumbnail {
  opacity: 1;
  transition: opacity 0.15s linear;
}

.p-draft_image_file__btn {
  &:focus {
    border-radius: 12px;
  }

  transition: transform 125ms ease-out;
}

.p-draft_image_file__btn--hovered-left {
  transform: translateX(6px);
}

.p-draft_image_file__btn--hovered-right {
  transform: translateX(-6px);
}

.p-draft_image_file__dropping_divider {
  background: rgba(var(--sk_highlight, 18, 100, 163), 1);
  display: block;
  height: 100%;
  position: absolute;
  right: -7px;
  top: 0;
  width: 2px;
}

.p-draft_image_file__dropping_divider--left {
  left: -7px;
  right: auto;
}

.p-draft_image_file__dropping_divider--right {
  left: auto;
  right: -7px;
}

.p-draft_image_file__dropping_divider--first {
  left: -2px;
}

.c-pending_files__thumbnail {
  border-radius: 4px;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.c-pending_files__thumbnail--pending {
  opacity: 0.5;
}

.c-file_gallery__compact .c-pending_files__thumbnail {
  left: 0;
  position: absolute;
  top: 0;
}

.c-pending_files__single_video {
  position: relative;
}

.c-pending_files__container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
}

.c-pending_files__file {
  height: 62px;
  margin-right: 12px;
  position: relative;

  .p-pending_file .c-pillow_file__header {
    align-items: center;
  }
}

.c-pending_files__spinner {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 50%;
  position: absolute;
  right: -8px;
  top: -8px;
}

.c-pending_files__spinner--center {
  background: #0000;
  right: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(50%);
}

.c-pending_files__generic_file {
  position: relative;
}

.c-file_gallery__single_file .c-pending_files__generic_file {
  max-width: 426px;
}

.c-file_gallery__mixed_file_format .c-pending_files__generic_file {
  grid-column-end: span 7;
}

.c-pending_files__audio {
  border-radius: 4px;
  height: 100%;
  position: relative;
}

.c-pending_files__audio_aspect {
  opacity: .5;
  padding-top: 56.25%;
}

.c-pending_files__audio_waves {
  height: auto;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.c-pending_files__generic_file--pending {
  opacity: 0.5;
}

.c-file_gallery {
  margin-bottom: 8px;
  max-width: 1000px;

  &.c-file_gallery__single_snippet {
    max-width: none;
  }
}

.c-file_gallery__compact, .c-file_gallery__mixed_file_format, .c-file_gallery__narrow, .c-file_gallery__wide {
  grid-gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, 40px);
  min-width: 88px;
}

.c-file_gallery__compact {
  grid-auto-rows: unset;
  grid-template-columns: 1fr 1fr;

  .c-file_gallery_image_file {
    height: 0;
    padding-top: 100%;
  }

  .p-file_image_thumbnail__wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
}

.c-file_gallery__mixed_file_format {
  .c-file_gallery__message_file {
    grid-column-end: span 7;
  }

  .c-pillow_file__description {
    min-width: 0;
  }

  .c-pillow_file__title {
    display: block;
    white-space: nowrap;
  }

  .c-pillow_file__meta__entry {
    white-space: nowrap;
  }

  &.c-file_gallery__mixed_file_format--compact .c-file_gallery__message_file {
    max-width: 426px;
  }
}

.c-file_gallery__mixed_file_format--compact {
  grid-template-columns: 1fr;

  .c-file_gallery__message_file {
    grid-column-end: span 1;
  }
}

.c-file_gallery_image_file {
  background-color: initial;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px sk_foreground_min_solid;
  position: relative;
}

.c-file_gallery--focus_mode .c-file_gallery_image_file {
  &:focus .c-file__actions, &:focus-within .c-file__actions {
    opacity: 1;
    z-index: 1;
  }
}

.c-file_gallery_image_file {
  &:hover .c-file__actions {
    opacity: 1;
    z-index: 1;
  }

  .p-file_image_thumbnail__wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
  }

  .p-file_image_thumbnail__image {
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
}

.c-file_gallery_image_file__smaller_than_container .p-file_image_thumbnail__image {
  height: auto;
  width: auto;
}

.c-file_gallery_image_file .p-file_image_thumbnail__tiny_thumb_wrapper {
  height: 100%;
  width: 100%;
}

.c-file_gallery_image_file__smaller_than_container .p-file_image_thumbnail__tiny_thumb_wrapper {
  height: auto;
  width: auto;
}

.c-files_container {
  .c-message_kit__file__remove {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
    left: -20px;
    opacity: 0;
    position: absolute;

    &:focus {
      opacity: 1;
    }
  }

  &:focus .c-message_kit__file__remove, &:hover .c-message_kit__file__remove {
    opacity: 1;
  }
}

.c-message_kit__file {
  &:hover > .c-files_container .c-message_kit__file__remove {
    opacity: 1;
  }

  margin-bottom: 8px;
  margin-left: -20px;
  padding-left: 20px;
  position: relative;
}

.c-message_kit__file--collapsed {
  margin-bottom: 4px;
}

.c-message_kit__file__remove {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  height: 1em;
  left: 0;
  opacity: 0;
  position: absolute;
  width: 1em;
}

.c-message_kit__file:hover > .c-message_kit__file__remove, .c-message_kit__file__remove:focus {
  opacity: 1;
}

.c-message_kit__file__meta {
  align-items: center;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  margin-bottom: 4px;
}

.c-message_kit__file__meta__text {
  font-size: 13px;
}

.c-message_kit__file__meta__attribution__link {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);

  &:active, &:focus, &:hover {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
}

.c-message_kit__file__meta__separator {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.33);
}

.c-message_kit__file__meta__name {
  color: inherit;

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

.c-message_kit__file__meta__collapse {
  height: 1em;
  vertical-align: text-top;
  width: 1em;
}

.p-canvas_msg_avatar {
  align-items: center;
  background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.p-canvas_msg_avatar--live {
  background: #1264a3;
  color: #fff;
}

.p-canvas_msg_avatar--scheduled {
  background: #1d9bd11a;
  color: #1264a3;
}

.p-canvas_msg_avatar--small {
  height: 16px;
  width: 16px;

  .c-icon:before {
    font-size: 14px;
  }
}

.p-assistant_thread_avatar {
  align-items: center;
  background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.p-assistant_thread_avatar--small {
  height: 16px;
  width: 16px;

  .c-icon:before {
    font-size: 14px;
  }
}

.p-list_edit_avatar {
  display: flex;
}

.p-list_edit_avatar__icon {
  align-items: center;
  background-color: #1264a3;
  border-radius: 4px;
  color: #fff;
  display: flex;
  height: 20px;
  justify-content: center;
  margin-left: -4px;
  outline: 2px solid rgba(var(--sk_primary_background, 255, 255, 255), 1);
  width: 20px;
  z-index: 2;
}

.c-message_kit__tombstone__icon {
  align-items: center;
  background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 3px;
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  display: flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.c-message_kit__avatar {
  flex-shrink: 0;
}

.p-setup_prog_disc_empty_reply_bar {
  align-items: center;
  background: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border: 2px solid #0000;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  height: 34px;
  line-height: 1.38463;
  max-width: 600px;
  overflow: hidden;

  .c-message__reply_bar_arrow {
    display: none;

    &:before {
      vertical-align: top;
    }
  }

  .p-setup_prog_disc_empty_reply_bar__avatar_and_text {
    align-items: center;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    display: flex;
    flex-grow: 1;
    height: 100%;

    .c-avatar {
      margin-left: 8px;
      margin-right: 8px;
    }
  }

  .p-setup_prog_disc_empty_reply_bar__text {
    animation-delay: .2s, .2s;
    animation-duration: .1s, .2s;
    animation-fill-mode: forwards, forwards;
    animation-name: p-setup_prog_disc_empty_reply_bar__text--opacity, p-setup_prog_disc_empty_reply_bar__text--slide-up;
    animation-timing-function: linear, ease-out;
    color: #fff;
    opacity: 0;
    padding: 0 8px;
    transform: translateY(4px);
  }
}

@keyframes p-setup_prog_disc_empty_reply_bar__text--opacity {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes p-setup_prog_disc_empty_reply_bar__text--slide-up {
  0% {
    transform: translateY(4px);
  }

  to {
    transform: translateY(0);
  }
}

.sk-client-theme--dark .p-setup_prog_disc_empty_reply_bar {
  background-color: #f8f8f8;

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

.c-message_kit__thread_replies.c-message__reply_bar {
  margin-bottom: 4px;
  margin-top: -4px;
}

.c-message_kit__canvas_thread_replies_bar {
  display: flex;
  flex-direction: row;
}

.c-message_kit__broadcast_preamble--dense {
  display: flex;
}

.c-message_kit__broadcast_preamble__inner {
  flex: 1 1 0;
  margin: 0;
}

.c-message_kit__broadcast_preamble--canvas_msg {
  margin-bottom: 4px;
}

.p-preview_message {
  .c-message_kit__gutter, .c-message_kit__tombstone {
    padding: 8px 20px;
  }
}

.p-preview_message--faded {
  opacity: 0.5;
}

.p-preview_message--selectable {
  cursor: pointer;
}

.p-preview_message__timestamp {
  margin: -4px 0;
  text-align: right;
  width: 56px;
}

.p-preview_message__timestamp--light {
  margin-left: -20px;
  width: 56px;
}

.p-preview_message__timestamp--adjacent {
  opacity: 0;
}

.c-message_kit__hover--hovered .p-preview_message__timestamp--adjacent {
  opacity: 1;
}

.p-preview_message__selected_history_divider {
  left: 0;
  position: absolute;
  right: 0;
  transform: translateY(-28px);
  z-index: 2;
}

.p-preview_message--inert-message-elements {
  pointer-events: none;
}

.p-history_preview__label {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin-bottom: 8px;
  padding-left: 4px;
}

.p-history_preview__list_wrapper {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  height: 300px;
  overflow: hidden;
  position: relative;
  width: 100%;

  .c-scrollbar--hidden .c-virtual_list__scroll_container {
    overflow-y: hidden;
  }
}

.p-history_preview__list_wrapper__empty_message {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 15px;
  font-weight: 400;
  left: 50%;
  line-height: 1.46668;
  position: relative;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
}

.p-history_preview__list_wrapper_preview {
  height: 100%;
  position: absolute;
  width: 100%;

  .c-reaction_add {
    display: none;
  }
}

.p-history_preview__list_component {
  height: 100%;
}

.p-history_preview__list_component_divider {
  height: 56px;
}

.p-history_preview__list_component__item--bottom {
  margin-bottom: 16px;
}

[lang] .p-history_preview__list_component--more-messages.c-message_kit__message {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  font-weight: 700;
  height: 56px;
  line-height: 1.38463;
  padding: 15px 0;
  text-align: center;
}

.p-history_preview__list--loading_empty {
  height: 100%;

  .c-message_list__spinner {
    left: 209px;
    padding: 0;
    position: absolute;
    top: 123px;
  }
}

.p-mpdm_select_history_form {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  padding-left: 24px;
  padding-right: 24px;
}

.p-mpdm_select_history_form__radio_group {
  margin-bottom: 0;
  padding: 12px 0;
}

.p-mpdm_select_history_form__select {
  margin-left: 24px;
  margin-top: 8px;
  width: 285px;
}

.p-mpdm_select_history_form__datepicker {
  margin-left: 25px;
  width: 239px;
}

.p-mpdm_history_modal_header {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  padding: 24px 56px 20px 24px;
}

.p-mpdm_history_modal_header__subheader {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding: 0 24px 20px;
}

.p-error_modal {
  padding: 24px 0;
}

.p-mpdm_add_people_modal__footer {
  height: auto;
  padding: 16px 24px;
}

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

.p-mpdm_add_people_modal__footer__warning__icon {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: inline-block;
  font-size: 20px;
  height: 20px;
  margin-right: 4px;
  vertical-align: text-bottom;
  width: 20px;
}

.p-mpdm_add_people_modal .p-too_many_messages_bump .c-modal_speed_bump__heading {
  margin-bottom: 8px;
}

.p-slack_connect_workspace_confirmation_modal--content {
  list-style-type: none;
}

.p-ia_details_popover__members {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-top: 16px;
  width: 100%;
  z-index: 1;
}

.p-ia_details_popover__members_header__title {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  justify-content: space-between;
  margin: 0 20px;
}

.p-ia_details_popover__members_list {
  flex: 1;
}

.p-ia_details_popover__members_list--loading {
  overflow: hidden;

  .p-ia_details_popover__members_list_container {
    display: none;
  }
}

.p-ia_details_popover__members_loading {
  align-items: center;
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  display: flex;
  justify-content: center;
  padding: 32px 0 52px;
}

.p-ia_details_popover__members_list_item {
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  display: flex;
  height: 60px;
  padding: 0 16px;

  &:not(.p-ia_details_popover__members_list_item--no_hover):hover {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    cursor: pointer;

    .p-ia_details_popover__members_list_item_action_menu {
      visibility: visible;
    }
  }

  .c-avatar {
    cursor: pointer;
  }
}

.p-ia_details_popover__members_list_item_anchor {
  height: 1px;
}

.p-ia_details_popover__members_list_item_add {
  align-items: center;
  display: flex;
  font-weight: 700;
  padding: 12px 28px;
}

.p-ia_details_popover__members_list_item_secondary_content {
  align-items: center;
  display: flex;
  margin-right: 24px;
}

.p-ia_details_popover__members_list_item_action {
  font-size: 12px;
  font-weight: 700;
  padding: 0 16px;
}

.p-ia_details_popover__members_list_item_action_menu {
  position: absolute;
  right: 16px;
  visibility: hidden;
}

.p-ia_details_popover__members_list_item_action_menu--visible {
  visibility: visible;
}

.p-ia_details_popover__members_list_item_spinner {
  position: relative;
  top: 2px;
}

.p-ia_details_popover__members_list_item_heading {
  height: auto;
  margin: 0;
  padding: 0 20px 0 28px;

  h3 {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 13px;
    font-weight: 700;
  }
}

.p-ia_details_popover__no_results {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  font-weight: 700;
  padding: 16px 12px;

  .p-ia_details_popover__icon {
    background-color: rgba(var(--sk_foreground_soft_solid, 243, 243, 243), 1);
  }
}

.p-ia_details_popover__members_list_item_heading--out_of_channel {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  padding-top: 16px;
}

.p-ia_details_popover__members_list_item_member--non-channel {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);

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

.p-ia_details_popover__icon {
  border-radius: 4px;
  height: 36px;
  margin-right: 12px;
  width: 36px;

  &:before {
    position: relative;
    right: -1px;
  }
}

.p-ia_details_popover__add_member_icon {
  background: #1d9bd11a;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.p-ia_details_popover__invite_icon {
  background: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
}

.p-ia_details_popover__members_search_input_wrapper {
  display: flex;
  padding: 0 28px 16px;
}

.p-ia_details_popover__members_search_input_wrapper--scrolled {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.p-ia_details_popover__members_header__search_input {
  flex: 1;
}

.p-ia_details_popover__members_list__empty_state {
  height: 60px;
  max-width: 500px;
  position: relative;
  text-align: center;

  &:not(.p-ia_details_popover__members_list__empty_state--entirely):after {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    content: '';
    height: 12px;
    left: 0;
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1;
  }
}

.p-ia_details_popover__members_list__empty_state--entirely {
  height: 118px;
  margin: 0 auto;
  padding-top: 32px;
}

.p-ia_details_popover__members_list__empty_state--ci_experiment {
  max-width: 340px;

  .c-empty_state__title {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.46668;
  }
}

.p-ia_details_popover__members_list__empty_state__heading {
  font-weight: 700;
  margin-top: 20px;
}

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

.p-ia_details_popover__members_list__mpdm_warning_wrapper {
  padding: 0 28px 16px;
}

.p-ia_details_popover__members--non-channel-results {
  .p-ia_details_popover__members_list {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }

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

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

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

.p-ia_details_popover__item_placeholder {
  height: 60px;
  margin-left: 28px;
  position: relative;
}

.p-ia_details_popover__item_placeholder__avatar, .p-ia_details_popover__item_placeholder__name, .p-ia_details_popover__item_placeholder__title {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-radius: 5px;
  position: absolute;
}

.p-ia_details_popover__item_placeholder__avatar {
  height: 36px;
  left: 0;
  top: 12px;
  width: 36px;
}

.p-ia_details_popover__item_placeholder__name, .p-ia_details_popover__item_placeholder__title {
  height: 12px;
  left: 48px;
}

.p-ia_details_popover__item_placeholder__name {
  top: 12px;
  width: 160px;
}

.p-ia_details_popover__item_placeholder__title {
  top: 34px;
  width: 80px;
}

.p-ia_details_popover__channel_manager_indicator {
  background: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
  border-radius: 16px;
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding: 4px 8px;
}

.p-ia_details_popover__filter {
  &:not(.p-ia_details_popover__filter--default) .c-select_button {
    background-color: #1d9bd11a;
    border: 1px solid #1264a3;
    color: #1264a3;

    &:focus {
      border: 1px solid #1d9bd11a;
    }

    .c-select_button__icon {
      color: #1264a3;
    }
  }

  .p-ia_details_popover__filter_icon, .p-ia_details_popover__filter_item_member_count {
    display: none;
  }
}

.p-ia_details_popover__filter_list_overlay {
  height: 100%;
  left: -130px;
  position: absolute;
  top: 12px;
  width: 100%;
  z-index: 1001;

  .c-select_options_list__group_option {
    padding-left: 24px;
  }

  .c-select_options_list__option {
    &.c-select_options_list__divider {
      padding-left: 0;
    }

    line-height: 1.2em;
    padding-left: 24px;
  }

  .c-select_options_list__option--selected:before {
    margin-left: -17px;
  }

  .c-select_options_list__option--active .c-select_options_list__option_label .p-ia_details_popover__filter_item_member_count {
    color: #fff;
  }

  .c-select_options_list__option .p-ia_details_popover__filter_item_member_count {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    text-align: right;
    width: 40px;
  }
}

.p-ia_details_popover__filter_item_team_entity {
  padding: 0;

  .c-base_entity__avatar {
    margin-right: 12px;
  }

  strong {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.46668;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.p-ia_details_popover__loading_text {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
}

.p-ia_details_popover__filter_option_label {
  line-height: 1.2em;
}

.p-slack_connect_channel_modal__description {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-slack_connect_channel_modal__footer {
  display: flex;
  width: 100%;
}

.p-slack_connect_channel_modal__footer_primary {
  margin-left: auto;
}

.p-slack_connect_channel_modal {
  .p-shared_channel_org_list__org_list_container {
    margin: 0 -28px;

    .p-team_row {
      padding: 8px 28px;
    }
  }

  .p-shared_channel_org_list__previous_connections_header {
    font-size: 13px;
    font-weight: 400;
    font-weight: 700;
    line-height: 1.38463;
    margin-top: 16px;
  }
}

.p-delete_channel_modal {
  min-width: 600px;
}

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

.p-manage_org_access_modal {
  min-width: 550px;
}

.p-manage_org_access_modal--input_label {
  font-weight: 700;
  padding: 8px 0;
}

.p-manage_org_access_modal--radio_label {
  padding-bottom: 8px;
}

.p-manage_org_access_modal--workspace_access_heading, .p-manage_org_access_modal--workspace_access_line_item {
  position: relative;
}

.p-manage_org_access_modal--workspace_access_heading {
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  margin-top: 16px;
  padding: 16px 0 0;

  &:first-of-type {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
  }
}

.p-manage_org_access_modal--workspace_access_line_item {
  margin-bottom: 4px;
  margin-left: 1rem;

  &:before {
    content: '•';
    left: -1rem;
    position: absolute;
  }
}

.p-manage_org_access_modal--workspace_access_list {
  align-items: center;
  display: flex;
}

.p-manage_org_access_modal--workspace_access_list_item {
  margin-right: 8px;
}

.p-manage_org_access_modal__workspace_access_list_item_secondary_content {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
  text-align: right;
}

.p-manage_org_access_modal--educational_text {
  margin-bottom: 0;
  padding-top: 16px;
}

.p-manage_org_access_modal--content_text {
  font-size: 15px;
  line-height: 22px;
}

.p-manage_org_access_modal--content_text--wrap {
  word-wrap: break-word;
}

.p-copy_share_link_modal--description {
  flex-basis: 75%;
}

.p-convert_mpim_to_private_channel_modal {
  min-width: 600px;
}

.p-apps_browser__app_limit_meter__color_meter {
  align-items: center;
  display: flex;

  li {
    margin: 0;

    &.hidden {
      display: none;
    }

    &:after, &:before {
      box-sizing: initial;
    }
  }
}

.p-apps_browser__app_limit_meter__app_icon {
  height: 24px;
  width: 24px;
}

.p-apps_browser_container {
  display: flex;
  overflow: hidden;
}

.p-apps_browser_modal {
  .c-fullscreen_modal__body {
    flex-basis: 100%;
    padding-bottom: 0;
  }

  .c-fullscreen_modal__body__content, .p-apps_browser_container {
    height: 100%;
  }
}

.p-apps_browser_links {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  left: 48px;
  position: absolute;
  top: 32px;
}

.p-apps_browser_links__link {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  margin-right: 24px;

  &:active, &:hover, &:link, &:visited {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    cursor: pointer;
  }

  &:focus, &:hover {
    text-decoration: underline;
  }
}

.p-apps_browser_links__link_icon {
  margin-right: 4px;
}

.p-apps_browser {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  margin: 0 0 16px;
  overflow: hidden;
}

.p-apps_browser__filter_container {
  margin-bottom: 20px;
  padding: 10px;
}

.p-apps_browser__filter_header {
  align-items: center;
  display: flex;
  margin-bottom: 2rem;

  h2 {
    flex-grow: 1;
    font-size: 34px;
    font-weight: 900;
    line-height: 41px;
    margin: 0;
  }
}

.p-apps_browser__search_box {
  display: flex;
}

.p-apps_browser__apps_list {
  min-height: 200px;
  overflow-y: auto;
  position: relative;
  transform: translateZ(0);
}

.supports_custom_scrollbar .p-apps_browser__apps_list {
  border-right: 0.25rem solid #0000;

  &::-webkit-scrollbar {
    -webkit-appearance: none;
    position: absolute;
    width: 8px;
  }

  &::-webkit-scrollbar-thumb {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
  }

  &::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
    background: #0000;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
  }

  &::-webkit-scrollbar-thumb {
    background: #0000;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px;
  }

  &::-webkit-scrollbar-corner {
    background: #0000;
  }

  &:hover {
    border-right: 0.25rem solid #0000;

    &::-webkit-scrollbar {
      -webkit-appearance: none;
      position: absolute;
      width: 8px;
    }

    &::-webkit-scrollbar-thumb {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
    }

    &::-webkit-scrollbar-track {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
      background: #0000;
      box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
    }

    &::-webkit-scrollbar-thumb {
      background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.52);
      box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
      min-height: 36px;
    }

    &::-webkit-scrollbar-corner {
      background: #0000;
    }
  }
}

.p-apps_browser__apps_list--loading:before {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background-image: url(./loading_hash_animation_@2x-5ed2431.gif);
  background-position: 50%;
  background-repeat: no-repeat;
  content: '';
}

.p-apps_browser__list_container--loading:before {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background-image: url(./loading_hash_animation_@2x-5ed2431.gif);
  background-position: 50%;
  background-repeat: no-repeat;
  content: '';
  display: block;
  height: 100%;
  width: 100%;
}

.p-apps_browser__apps_list--loading--dark:before, .p-apps_browser__list_container--loading--dark:before {
  background-image: url(./loading_hash_animation_@2x_dark-09714c7.gif);
}

.p-apps_browser__list_container--loading * {
  opacity: 0;
}

.p-apps_browser__spinner {
  fill: #fff;
  display: none;
}

.p-apps_browser__list_container {
  flex: 1;
  min-height: 0;
  overflow: hidden;

  .c-virtual_list--scrollbar .c-virtual_list__scroll_container {
    transform: translateY(1px);
  }
}

.p-apps_browser__apps_list--paginating .p-apps_browser__spinner {
  display: block;
}

.p-apps_browser__category_section {
  padding: 10px;

  &:not(:last-of-type) {
    margin-bottom: 25px;
  }
}

.p-apps_browser__category_section--hidden {
  display: none;
}

.p-apps_browser__category_section--tutorial {
  .p-apps_browser__category_header {
    display: none;
  }

  .p-apps_browser__app--selected {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: 0 0 10px 0 #00000026;
  }
}

.p-apps_browser__category_header {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: .8rem;
  line-height: 1.2rem;
  padding-bottom: 0.5rem;
}

.p-apps_browser__category_header--sticky {
  position: sticky;
  top: 0;
}

.p-apps_browser__app {
  align-items: center;
  border: 1px solid #0000;
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  cursor: pointer;
  display: flex;
  padding: 11px 12px;

  .p-apps_browser__enter_button {
    opacity: 0;
    position: absolute;
  }

  &.p-apps_browser__app--tutorial {
    box-shadow: 0 0 5px 0 #0000000d;
    padding: 12px;
  }
}

.p-apps_browser__app--selected, .p-apps_browser__app.p-apps_browser__app--tutorial {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 1px solid var(--saf-0);
  border-radius: 6px;
}

.p-apps_browser__app--selected {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);

  .p-apps_browser__enter_button {
    opacity: 1;
    position: static;
  }

  + .p-apps_browser__app {
    border-top-color: #0000;
  }
}

.p-apps_browser__enter_button {
  align-items: center;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  flex: 0 0 48px;
  flex-direction: column;
  font-size: 13px;
  font-weight: 400;
  justify-content: flex-end;
  line-height: 1.38463;
  margin: auto;
  position: absolute;
}

.p-apps_browser__app_icon {
  border-radius: .2rem;
  flex: 0 0 auto;
  height: 36px;
  margin-right: 10px;
  width: 36px;
}

.p-apps_browser__app_info {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  flex: 1 1 0;
  font-size: 15px;
  line-height: 1.3rem;
  margin-right: 12px;
  overflow: hidden;
}

.p-apps_browser__app_name {
  display: block;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-apps_browser__app_description {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-apps_browser__no_results {
  align-items: center;
  display: flex;
  height: 100px;
  justify-content: center;
}

.p-apps_browser__app_limit_meter__container {
  display: block;
  margin-bottom: 1.25rem;
  padding: 0 0.625rem 0.625rem;
}

@media screen and (max-width: 718px) {
  .p-apps_browser__app_limit_meter__container {
    display: none;
  }
}

.p-apps_browser__app_limit_meter {
  border: 1px solid #e8e8e8;
  border-radius: .25rem;
  font-size: 1rem;
  max-width: 640px;
  padding: 1rem;

  &.is_ff_and_mac {
    max-width: 621px;
  }

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

  p {
    font-size: 0.9375rem;
  }
}

@supports (-ms-ime-align: auto) {
  .p-apps_browser__app_limit_meter {
    max-width: 624px;
  }
}

.p-apps_browser__app_limit_meter__heading {
  line-height: 1.32em;
}

.p-apps_browser__app_limit_meter__paragraph {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  line-height: 1.5em;
  margin-bottom: 1.35rem;
}

.p-apps_browser__app_limit_meter__apps_container {
  margin-bottom: 0.15rem;
}

.p-apps_browser__app_limit_meter__apps {
  height: 24px;
  margin-left: 2.4rem;
  vertical-align: top;
  width: 24px;

  &.is_ff_and_win {
    margin-left: 2.35rem;
  }

  &.is_ff_and_mac {
    margin-left: 2.4rem;
  }

  &:first-child {
    margin-left: 0;
  }

  img {
    border-radius: 0.2rem;
  }
}

@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .p-apps_browser__app_limit_meter__apps {
    margin-left: 6.5%;
  }
}

@supports (-ms-ime-align: auto) {
  .p-apps_browser__app_limit_meter__apps {
    margin-left: 2.4rem;
  }
}

.p-apps_browser__app_limit_meter__blank_app_box {
  background-color: #f9f9f9;
  border: 1.5px dashed #c7cacd;
  border-radius: 4px;
}

@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .p-apps_browser__app_limit_meter__blank_app_box {
    height: 20px;
    width: 20px;
  }
}

.p-apps_browser__app_limit_meter__color_meter {
  font-size: 0;
  height: 20px;
  list-style-type: none;
  margin: 0;
  max-width: 595px;
  padding: 0 0 0 0.9rem;

  &.is_ff_and_win {
    max-width: 99%;
  }

  li {
    background-color: #e8e8e8;
    border-radius: 4px;
    display: inline-block;
    height: 1px;
    position: relative;
    width: 10.9%;

    &.meter_first_green {
      background-color: #29a979;
    }

    &.meter_second_green {
      background-color: #52b062;
    }

    &.meter_third_green {
      background-color: #8cba41;
    }

    &.meter_fourth_green {
      background-color: #bec225;
    }

    &.meter_yellow {
      background-color: #fc0;
    }

    &.meter_orange {
      background-color: #f58632;
    }

    &.meter_red {
      background-color: #f33d5f;
    }

    &.first, &:first-child {
      width: 9.85%;
    }

    &.first:before, &:first-child:before {
      background-color: #29a979;
      border: 2px solid #fff;
      border-radius: 4px;
      content: '';
      display: block;
      height: 4px;
      left: -6px;
      position: absolute;
      top: -3.5px;
      width: 4px;
    }

    &:nth-child(10) {
      width: 10.77%;
    }

    &:nth-child(7) {
      width: 10.77%;
      width: 11%;
    }

    &:after {
      --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
      background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
      border: 1px solid var(--saf-0);
      border-radius: 3px;
      content: '';
      display: block;
      height: 3px;
      position: absolute;
      right: -6px;
      top: -2px;
      width: 3px;
      z-index: 1;
    }

    &.on:after {
      background-color: inherit;
      border: 2px solid #fff;
      border-radius: 4px;
      height: 4px;
      right: -8px;
      top: -3.5px;
      width: 4px;
    }

    &.off:before {
      background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
      border-radius: 10.5px;
      content: '';
      display: block;
      height: 10.5px;
      position: absolute;
      right: -8.5px;
      top: -5px;
      width: 10.5px;
      z-index: 1;
    }
  }
}

.p-apps_in_channel_contents__modal {
  height: min(65vh, 720px);
  max-width: 520px;
}

.p-apps_in_channel_contents {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.p-apps_in_channel_contents__list_item {
  align-items: center;
  display: flex;

  &:hover {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

.p-apps_in_channel_contents__list_entity_btn {
  flex: 1 1 auto;
  overflow: hidden;
}

.c-button--focus-visible.p-apps_in_channel_contents__list_entity_btn:focus {
  margin: 5px;

  .p-apps_in_channel_contents__list_entity.c-base_list_entity {
    margin: -5px;
  }
}

.p-apps_in_channel_contents__list_entity.c-base_list_entity {
  padding-left: 28px;
  padding-right: 28px;
  width: 100%;

  &.p-apps_in_channel_contents__list_entity--has-remove {
    padding-right: 12px;
  }
}

.p-apps_in_channel_contents__remove_btn {
  margin-right: 28px;
}

.p-apps_in_channel_contents__list .c-virtual_list__item:last-child {
  padding-bottom: 16px;
}

.p-apps_in_channel_contents__search {
  display: flex;
  margin-bottom: 20px;
  padding: 0 28px;
  width: 100%;
}

.p-apps_in_channel_contents__search__input {
  flex: 1;
}

.p-apps_in_channel_contents__search__button {
  flex: 0;
  margin-left: 12px;
}

.p-apps_in_channel_contents__empty_list, .p-apps_in_channel_contents__empty_state {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 16px;
}

.p-apps_in_channel_contents__list {
  flex: 1;
  overflow: hidden;
}

.p-apps_in_channel_contents__list--indicate-top {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.p-apps_in_channel_contents__subtext {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-apps_in_channel_contents__loading {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 13px;
  font-style: italic;
  margin: 16px 0 24px;
  text-align: center;
}

.p-channel_details__title {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
}

.p-channel_details__placeholder {
  display: flex;
  margin-bottom: 2px;
  padding: 12px 20px;
}

.p-channel_details__placeholder_avatar {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-radius: 3px;
  flex: 0 0 36px;
  height: 36px;
  margin-right: 12px;
  width: 36px;
}

.p-channel_details__placeholder_line {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-radius: 6px;
  height: 12px;
  margin-top: 4px;
  width: 240px;

  &:last-child {
    margin-top: 8px;
    width: 120px;
  }
}

.p-channel_details__slack_connect_ctas_button {
  font-size: 18px;
}

.p-channel_details__slack_connect_ctas_button_text {
  font-size: 13px;
}

.p-channel_details__huddles_link_ctas_button_container {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  padding: 0 20px 16px;
}

.p-integrations__icon_container {
  align-items: center;
  background-color: #1d9bd11a;
  border-radius: 4px;
  display: flex;
  height: 36px;
  justify-content: center;
  margin-top: 4px;
  width: 36px;
}

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

.p-integrations__workflow {
  align-items: center;
  display: flex;
}

.p-integrations__list_entity_row {
  &:not(.p-integrations__list_entity_row--disabled):hover {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    cursor: pointer;
  }

  .c-base_list_entity, &.c-base_list_entity {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-avatar {
    cursor: pointer;
  }
}

.p-integrations__app_list .c-virtual_list__item .p-integrations__list_entity_row {
  width: 100%;
}

.p-integrations__list_entity_row--disabled {
  cursor: default;

  .c-avatar {
    cursor: default;
  }
}

.p-integrations__list_entity_row__button_container {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.p-integrations__list_entity_row__button {
  margin-left: 10px;
}

.p-integrations__list_entity_row__options_menu_button {
  padding: 1.6px 8px;
}

.p-channel_email_address_modal {
  .c-sk-modal_header {
    align-items: baseline;
    display: flex;
  }

  .c-sk-modal__close_button {
    top: 16px;
  }
}

.p-channel_email_address_modal__info_text {
  margin-bottom: 12px;
}

.p-channel_email_address_modal__get {
  margin-bottom: 16px;
}

.p-channel_email_address_modal__label {
  display: flex;
  margin-top: 6px;
}

.p-channel_email_address_modal__help_content_section {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  min-height: 430px;
  padding-bottom: 16px;
  padding-top: 16px;
}

.p-channel_email_address_modal__help_content_section--light-mode {
  background: #fef4ea;
}

.p-channel_email_address_modal__body_image_container {
  align-items: center;
  display: flex;
  height: 240px;
  justify-content: center;
  margin-top: 16px;
}

.p-channel_email_address_modal__body_image_container_img {
  height: 240px;
  width: 524px;
}

.p-channel_email_address_modal__help_footer {
  justify-content: flex-start;
}

.p-channel_email_address_modal--updated-width {
  max-width: 580px;
}

.p-channel_email_address_modal__help_container_icon {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  margin-right: 4px;
}

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

.p-channel_email_address_modal__sub_content {
  display: flex;
  padding-bottom: 16px;
}

.p-channel_email_address_modal__sub_content__link {
  margin-right: 16px;
  margin-top: 16px;
}

.p-channel_email_address_modal__label--right {
  justify-content: flex-end;
}

.p-channel_email_address_modal__label__input {
  position: relative;
  width: 100%;

  .c-input_text {
    margin-bottom: 8px;
  }
}

.p-channel_email_address_modal__delete__icon {
  margin-right: 8px;
}

.p-channel_email_address_modal__copy {
  margin-left: 12px;
}

.p-channel_email_address_modal__error {
  margin-bottom: 24px;
}

.p-channel_email_address_modal__help {
  display: flex;
}

.p-channel_email_address_modal__get_body {
  padding-bottom: 24px;
}

.p-channel_email_address_modal__body {
  margin-bottom: 8px;
  margin-top: 16px;
}

.p-channel_email_address_modal__body__container__icon {
  display: inline-block;
  min-width: 32px;
  padding-top: 2px;
}

.p-channel_email_address_modal__body__title_header {
  margin-bottom: 8px;
}

.p-channel_email_address_modal__body__title {
  font-weight: 700;
  margin-bottom: 4px;
}

.p-channel_email_address_modal__body__container {
  display: flex;
}

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

.p-channel_email_address_modal--get .c-sk-modal_footer {
  height: 8px;
  padding-bottom: 4px;
}

.p-channel_email_address_modal__body__footer {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  margin-top: 8px;
}

.p-channel_email_address_modal_list_item .c-menu_item__label {
  flex: none;
}

.p-channel_email_address_modal__body__button_section {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  margin-top: 16px;
  padding-top: 12px;
}

.p-channel_email_address_modal__body_customization_button {
  background: none;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  justify-content: space-between;
  padding-left: 0;
  width: 100%;

  &:disabled, &:hover {
    background: none;
    box-shadow: none;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    padding-left: 0;
  }
}

.p-channel_email_address_modal__body__button__icon {
  text-align: right;
}

.p-channel_email_address_modal__back_button {
  left: 16px;
  position: absolute;
  top: 20px;
  z-index: 1;
}

.p-channel_email_address_modal__body_customize {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}

.p-channel_email_address_modal__body_customize_input {
  margin-left: 4px;
  width: 100%;
}

.p-channel_email_address_modal__body_customize_select {
  margin-right: 4px;
  width: 100%;
}

.p-channel_email_address_modal__body_message_preview {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  display: flex;
  -webkit-mask-image: linear-gradient(180deg, #000 30%, #0000);
  mask-image: linear-gradient(180deg, #000 30%, #0000);
  min-height: 125px;
  padding: 20px;
}

.p-channel_email_address_modal__body_message_preview_title {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 4px;
}

.p-channel_email_address_modal--customize {
  .c-sk-modal_header {
    display: flex;
  }

  .c-multi_pane_modal__back {
    margin-top: 4px;
  }

  .p-channel_email_address_modal__title-bar {
    padding-left: 8px;
  }
}

.p-channel_email_address_modal__body_message_preview__name {
  width: 100%;
}

.p-channel_email_address_modal__body_message_preview__icon {
  align-items: center;
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 8px;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  margin-right: 8px;
  overflow: hidden;
  width: 40px;

  .c-icon:before {
    font-size: 24px;
  }
}

.p-channel_email_address_modal__body_message_preview__img {
  height: 100%;
  width: 100%;
}

.p-channel_email_address_modal__body_message_preview__message {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  height: 36px;
  margin-top: 4px;
}

.p-channel_email_address_modal__body_message_preview_alt {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  display: flex;
  min-height: 288px;
  padding: 28px;
}

.p-channel_email_address_modal__body_message_preview_title_alt {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 8px;
  margin-left: 28px;
  margin-top: 20px;
}

.p-channel_email_address_modal__body_density {
  margin-bottom: 8px;
}

.p-channel_email_address_modal__body_density__sub_text {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 0;
}

.p-channel_email_address_modal__options_overlay_options_list .c-select_options_list__option--active .p-channel_email_address_modal__body_density__sub_text {
  color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
}

.p-channel_email_address_modal__body_message_preview__message_body {
  border-radius: 8px;
  margin-top: 4px;
  width: 416px;
}

.p-image_crop__preview {
  background-repeat: no-repeat;
}

.p-image_crop__cropper--portrait {
  height: -webkit-fill-available;
  height: fill-available;
}

.c-message_kit__tombstone {
  display: flex;

  .c-message_kit__tombstone__icon {
    margin-right: 8px;
  }
}

.c-message_kit__tombstone__right {
  flex: 1 1 0;
  margin: -4px 0;
}

.c-message_kit__footer {
  align-items: center;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.c-message_kit__footer_spacer:before {
  color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  content: '|';
  margin: 0 4px;
}

.c-message_kit__footer_channel {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.c-message_kit__footer_permalink {
  white-space: nowrap;
}

.c-message_kit__footer--no_link {
  .c-message_kit__footer_permalink, .c-message_kit__footer_spacer {
    display: none;
  }
}

.p-channel_insights__highlights_header {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  margin: 16px 0 16px 16px;
}

.p-channel_insights__key_insight_container {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  flex-direction: row;
  gap: 12px;
  justify-content: space-between;
  margin: 16px;
}

.p-channel_insights__key_insight_cell {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.1);
  border: 1px solid var(--saf-0);
  border-radius: 12px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  height: 110px;
  padding: 16px;
  width: 238px;
}

.p-channel_insights__key_insight_cell_title, .p-channel_insights__key_insight_cell_tooltip {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
}

.p-channel_insights__key_insight_cell_body {
  display: flex;
  font-size: 15px;
  font-weight: 400;
  justify-content: space-between;
  line-height: 1.46668;
  margin-bottom: 12px;
}

.p-channel_insights__key_insight_ttfr_caption {
  display: flex;
  flex-direction: row;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-channel_insights__key_insight_ttfr_change_up {
  color: #007a5a;
  display: inline;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-right: 3px;
}

.c-message_stats__section.p-channel_insights___top_replies_section {
  margin: 24px;
  padding-left: 0;
}

.c-message_stats__title.p-channel_insights___top_replies_title {
  margin-bottom: 0;
}

.p-channel_insights__action_open_insights_dash {
  color: #1264a3 !important;
}

.p-channel_insights__action_icon {
  margin-right: 8px;
}

.p-view_header_channel_section_selector {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  flex: 0 0 20px;
  font-size: 14px;
  height: 20px;
  justify-content: center;
  margin: 0 16px 0 8px;
  vertical-align: middle;
  width: 20px;

  &:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }

  .c-icon--star-o {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  }

  .c-icon--star {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
}

.p-view_header_channel_section_selector__emoji {
  height: 12px;
  width: 12px;
}

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

.p-share_dialog_share_locations__section_header {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  padding: 12px 0;
}

.p-share_dialog_share_locations__conversation_entity {
  &.c-base_list_entity--medium {
    padding: 6px;
  }

  .c-base_list_entity__secondary_content, .c-member__details {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    margin-left: 4px;
  }

  .c-channel_entity__name {
    flex-shrink: 0;
  }

  .c-small_channel_entity__inline_name_suffix {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    display: inline-flex;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    margin-right: 4px;
    min-width: -moz-fit-content;
    min-width: fit-content;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .c-base_entity__text {
    width: inherit;
  }

  .c-base_entity--small {
    padding-right: 4px;
  }

  .c-base_entity__text-contents {
    flex-flow: nowrap;
  }
}

.p-share_dialog_share_locations__base_entity .c-base_entity__text-contents {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

.p-share_dialog_share_locations__revoke_button {
  --saf-0: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  border: 1px solid var(--saf-0);
  height: 16px;
  margin-left: 4px;
  width: 16px;

  .c-icon {
    height: 16px;
    width: 16px;

    &:before {
      font-size: 16px;
    }
  }
}

.p-share_dialog_share_locations__add_member_button {
  width: 100%;

  &:hover {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }

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

.p-share_dialog_share_locations__add_member_icon {
  background: #1d9bd11a;
  border-radius: 4px;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  display: inline-flex;
  height: 36px;
  width: 36px;
}

.p-share_dialog_share_locations__add_member_text {
  font-weight: 700;
}

.p-share_dialog_share_locations__org_sharing__option {
  height: 64px;
}

.p-share_dialog_share_locations__org_sharing_title {
  font-weight: 700;
}

.p-share_dialog_share_locations__org_sharing_caption {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  white-space: normal;
}

.p-share_dialog_share_locations__tabs {
  .c-tabs__tab_menu {
    padding-left: 20px;
  }

  .c-tabs__tab_panel {
    height: 290px;
  }

  .c-tabs__tab {
    padding: 12px 0;
  }
}

.p-share_dialog_share_locations__tabs--channels .c-scrollbar, .p-share_dialog_share_locations__tabs--people .c-scrollbar {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.p-share_dialog_share_locations__tabs--channels .c-scrollbar--hidden, .p-share_dialog_share_locations__tabs--people .c-scrollbar--hidden {
  border-bottom: none;
}

.p-share_dialog_share_locations__tabs--settings {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);

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

.p-share_dialog_share_locations__settings {
  padding: 16px 20px;
}

.p-share_dialog_share_locations__settings_group:not(:empty) {
  --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);
  border-radius: 12px;
  padding: 12px;

  &:not(:first-child) {
    margin: 16px 0;
  }
}

.p-share_dialog_share_locations__settings_group_header {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: 8px;
  padding-top: 0;
}

.p-share_dialog_share_locations__settings_slack_connect_text {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-share_dialog_share_locations__more_shares_alert {
  margin: 16px 0;
}

.p-canvas_access_management_select {
  .c-select_button {
    border: 0;
  }

  .c-select_button__icon--small {
    margin-left: 4px;
  }
}

.p-canvas_access_management_select__option--danger {
  &.c-select_options_list__option {
    color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  }

  &.c-select_options_list__option--active {
    background-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    color: #fff;
  }
}

.p-canvas_access_management_select__option--disabled .c-select_options_list__option_label {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  white-space: inherit;
}

.p-contextual_file--list-item {
  max-width: none;
}

.p-shared_files {
  .p-channel_details__shared_files__file .c-pillow_file {
    border: 0;
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;

    &:hover {
      background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    }
  }

  .c-pillow_file__title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    wbr {
      display: none;
    }
  }
}

.p-delete_file_dialog {
  z-index: 1053;
}

@keyframes messagePaneDragOverlayOverlayTransition {
  0% {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 0);
    opacity: 0;
  }

  to {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 0.95);
    opacity: 1;
  }
}

.p-message_pane_drag_overlay {
  align-items: center;
  animation: messagePaneDragOverlayOverlayTransition .12s;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 0.95);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: -1px;
  z-index: 200;
}

.p-message_pane_drag_overlay__info {
  align-items: center;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  padding: 0 16px;
  text-align: center;
}

.p-message_pane_drag_overlay__title {
  font-size: 28px;
  font-weight: 900;
  line-height: 1.2143;
  margin-bottom: 8px;
  margin-top: 16px;
}

.p-message_pane_drag_overlay__subtitle {
  word-wrap: break-word;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  max-width: 100%;
}

.p-message_pane_drag_overlay__anim {
  height: 171px;
  position: relative;
  width: 171px;
}

@keyframes circleAnim {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.p-message_pane_drag_overlay__anim_circle {
  animation: circleAnim .12s ease-in-out forwards;
  background-color: #00000003;
  border-radius: 100%;
  height: 100%;
  position: absolute;
  width: 100%;
}

.p-message_pane_drag_overlay__anim_readonly {
  height: 100%;
  width: 100%;

  &:before {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 50px;
  }
}

@keyframes card3Anim {
  0% {
    transform: scale(0.5) rotate(5deg) translateY(0);
  }

  to {
    transform: scale(1) rotate(0deg) translateY(-30px);
  }
}

.p-message_pane_drag_overlay__anim_card_03 {
  animation: card3Anim .12s ease-in-out forwards;
  background-image: url(./dragdrop_sprites@2x-7dbff43.png);
  background-position: 0 -189px;
  background-repeat: no-repeat;
  background-size: 100px 358px;
  height: 77px;
  left: 35px;
  position: absolute;
  top: 50px;
  width: 92px;
}

@keyframes card2Anim {
  0% {
    transform: scale(0.5) rotate(15deg) translateX(0);
  }

  to {
    transform: scale(1) rotate(0deg) translateX(-20px);
  }
}

.p-message_pane_drag_overlay__anim_card_02 {
  animation: card2Anim .12s ease-in-out forwards;
  background-image: url(./dragdrop_sprites@2x-7dbff43.png);
  background-position: 0 -273px;
  background-repeat: no-repeat;
  background-size: 100px 358px;
  height: 77px;
  left: 25px;
  position: absolute;
  top: 55px;
  width: 92px;
}

@keyframes card1Anim {
  0% {
    transform: scale(0.5) rotate(-10deg) translateX(0);
  }

  to {
    transform: scale(1) rotate(0deg) translateX(30px);
  }
}

.p-message_pane_drag_overlay__anim_card_01 {
  animation: card1Anim .12s ease-in-out forwards;
  background-image: url(./dragdrop_sprites@2x-7dbff43.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100px 358px;
  height: 89px;
  left: 35px;
  position: absolute;
  top: 62px;
  width: 100px;
}

.p-message_pane_drag_overlay--night .p-message_pane_drag_overlay__anim_card_01 {
  background-image: url(./dragdrop_sprites@2x-7dbff43.png);
  background-position: 0 -96px;
  background-repeat: no-repeat;
  background-size: 100px 358px;
}

.p-message_pane_drag_overlay__block_files_esc {
  background-image: url(./emptystate-blockedfiles@1x-3a2e22b.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 89px;
  left: 18px;
  position: absolute;
  top: 48px;
  width: 135px;
}

@keyframes threadTextAnim {
  0% {
    opacity: 0;
    transform: scale(0.85) translateY(0);
  }

  to {
    opacity: 1;
    transform: scale(1) translateY(10px);
  }
}

@keyframes threadCard1Anim {
  0% {
    opacity: 0;
    transform: scale(0.5) rotate(0deg) translateY(0);
  }

  to {
    opacity: 1;
    transform: scale(1) rotate(0deg) translateY(10px);
  }
}

.p-thread_drag_overlay {
  align-items: center;
  animation: threadDragOverlayFadeIn .1s;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 0.95);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: -1px;
  z-index: 200;
}

.p-thread_drag_overlay__info {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 0 50px;
  text-align: center;
}

.p-thread_drag_overlay__anim {
  height: 155px;
  position: relative;
  width: 110px;
}

.p-thread_drag_overlay__anim--locked, .p-thread_drag_overlay__anim--readonly {
  height: 171px;
  position: relative;
  width: 171px;
}

@keyframes threadCircleAnim {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.p-thread_drag_overlay__anim_circle {
  animation: threadCircleAnim .12s ease-in-out forwards;
  background-color: #00000003;
  border-radius: 100%;
  height: 100%;
  position: absolute;
  width: 100%;
}

.p-thread_drag_overlay__anim_readonly, .p-thread_drag_overlay__anim_locked {
  height: 100%;
  width: 100%;

  &:before {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 50px;
  }
}

.p-thread_drag_overlay__anim_text_01 {
  animation: threadTextAnim .12s ease-in-out forwards;
  background-position: 0 0;
  height: 23px;
  top: 3px;
}

.p-thread_drag_overlay__anim_card_01, .p-thread_drag_overlay__anim_text_01 {
  background-image: url(./dragdrop_threads_sprites@2x-42266bd.png);
  background-repeat: no-repeat;
  background-size: 110px 203px;
  position: absolute;
  width: 110px;
}

.p-thread_drag_overlay__anim_card_01 {
  animation: threadCard1Anim .12s ease-in-out forwards;
  background-position: 0 -50px;
  height: 77px;
  left: 10px;
  top: 30px;
}

.p-thread_drag_overlay__anim_text_02 {
  animation: threadTextAnim .12s ease-in-out forwards;
  background-image: url(./dragdrop_threads_sprites@2x-42266bd.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 110px 203px;
  height: 23px;
  position: absolute;
  top: 112px;
  width: 110px;
}

.p-thread_drag_overlay--night .p-thread_drag_overlay__anim_card_01 {
  background-position: 0 -125px;
}

.p-thread_drag_overlay__title {
  font-size: 28px;
  font-weight: 900;
  line-height: 1.2143;
  margin-bottom: 8px;
  margin-top: 8px;
}

.p-thread_drag_overlay__subtitle {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-edit_profile_photo_drag_overlay {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  align-items: center;
  animation: threadDragOverlayFadeIn .1s;
  background: #e8f5fa;
  border: 4px solid var(--saf-0);
  border-radius: 6px;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 200;
}

.sk-client-theme--dark .p-edit_profile_photo_drag_overlay {
  background: #1d1c1d;
}

.p-edit_profile_photo_drag_overlay__info {
  align-items: center;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  padding: 0 16px;
  text-align: center;
}

.p-edit_profile_photo_drag_overlay__title {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  margin-bottom: 8px;
  margin-top: 16px;
}

@keyframes textAnim {
  0% {
    opacity: 0;
    transform: scale(0.85) translateY(0);
  }

  to {
    opacity: 1;
    transform: scale(1) translateY(10px);
  }
}

@keyframes card1Anim {
  0% {
    opacity: 0;
    transform: scale(0.5) rotate(0deg) translateY(0);
  }

  to {
    opacity: 1;
    transform: scale(1) rotate(0deg) translateY(10px);
  }
}

.p-huddle_drag_overlay {
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 0.95);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 200;
}

.p-huddle_drag_overlay__anim {
  height: 155px;
  position: relative;
  width: 110px;
}

.p-huddle_drag_overlay__anim_text_01 {
  animation: textAnim .12s ease-in-out forwards;
  background-position: 0 0;
  height: 23px;
  top: 3px;
}

.p-huddle_drag_overlay__anim_card_01, .p-huddle_drag_overlay__anim_text_01 {
  background-image: url(./dragdrop_threads_sprites@2x-42266bd.png);
  background-repeat: no-repeat;
  background-size: 110px 203px;
  position: absolute;
  width: 110px;
}

.p-huddle_drag_overlay__anim_card_01 {
  animation: card1Anim .12s ease-in-out forwards;
  background-position: 0 -50px;
  height: 77px;
  left: 10px;
  top: 30px;
}

.p-huddle_drag_overlay__anim_text_02 {
  animation: textAnim .12s ease-in-out forwards;
  background-image: url(./dragdrop_threads_sprites@2x-42266bd.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 110px 203px;
  height: 23px;
  position: absolute;
  top: 112px;
  width: 110px;
}

.p-huddle_drag_overlay__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 0 50px;
  text-align: center;
}

.p-huddle_drag_overlay__info {
  margin-bottom: 8px;
  margin-top: 8px;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.2143;
}

.p-huddle_drag_overlay__title {
  font-size: 28px;
  font-weight: 900;
  line-height: 1.2143;
}

.p-huddle_drag_overlay--mini_player {
  background: var(--p-huddle__column_bg);
  color: var(--p-huddle__text_color);

  .p-huddle_drag_overlay__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 16px;
    text-align: center;
    width: 100%;
  }

  .p-huddle_drag_overlay__info {
    align-items: center;
    background: var(--p-huddle__border_color);
    border: 1px dashed var(--p-huddle__text_color);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%;
  }

  .p-huddle_drag_overlay__title {
    font-size: 13px;
    font-weight: 400;
    font-weight: 700;
    line-height: 1.38463;
  }

  .p-huddle_drag_overlay__subtitle {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
  }
}

.p-file_drag_drop__container {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  position: relative;
}

.p-file_drag_drop__container__channel-files {
  min-height: 0;
}

.p-flexpane_header {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  padding: 12px 16px;
}

.p-flexpane--iap1 .p-flexpane_header {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  padding: 0 12px 0 16px;
}

.p-flexpane--ia_details_popover .p-flexpane_header {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-bottom: none;
  box-shadow: 0 1px 0 0 var(--saf-0);
  z-index: 1;
}

.p-flexpane_header__primary {
  align-items: center;
  display: flex;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
}

.p-flexpane--iap1 .p-flexpane_header__primary {
  align-items: center;
  display: flex;
  flex: 1;
  font-size: 15px;
  height: 63px;
  line-height: 1.46668;
  min-width: 0;
}

.p-flexpane--ia_details_popover .p-flexpane_header__primary {
  height: 49px;
}

.p-flexpane_header__primary_content {
  align-items: center;
  display: flex;
  flex: 1;
  margin-right: auto;
  min-width: 0;
}

.p-flexpane_header__secondary {
  margin-top: 8px;
}

.p-flexpane--iap1 .p-flexpane_header__secondary {
  margin-bottom: 8px;
  margin-top: 0;
}

.p-flexpane_header__control {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  cursor: pointer;

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

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

.p-flexpane_header__control--back {
  margin-left: 0;
  margin-right: 8px;
}

.p-flexpane_header.p-flexpane_header--inset {
  border-radius: 0 8px 0 0;
}

.p-flexpane {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
}

.p-flexpane--highlight {
  animation: p-flexpane--highlight 3s forwards;
}

@keyframes p-flexpane--highlight {
  20% {
    background: #f2c74433;
  }

  60% {
    background: #f2c74433;
  }
}

.p-flexpane__title_container {
  min-width: 0;
}

.p-flexpane--ia_details_popover .p-flexpane__title_container {
  align-items: baseline;
  display: flex;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
}

.p-flexpane__title_container.p-flexpane__title_container--ia2022 {
  align-items: normal;
}

.p-flexpane__subtitle {
  font-size: 13px;
  font-weight: 400;
}

.p-flexpane--ia_details_popover .p-flexpane__subtitle {
  margin: 0 8px;
}

.p-flexpane__body {
  flex: 1;
  min-height: 0;
  position: relative;
}

.p-flexpane__footer {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  justify-content: center;
  padding: 16px 0;
}

.p-flexpane__body--empty_loading {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background-image: url(./message_list_placeholders_light-4a40ff7.svg);
  background-position: 16px top;
  background-repeat: repeat-y;
  position: relative;

  &:after {
    background-image: linear-gradient(#0000, rgba(var(--sk_primary_background, 255, 255, 255), 1));
    bottom: 0;
    content: '';
    height: 200px;
    left: 0;
    position: absolute;
    width: 100%;
  }
}

.p-flexpane__body--dark.p-flexpane__body--empty_loading {
  background-image: url(./message_list_placeholders_light--client-theme-dark-87d69ab.svg);
}

.p-flexpane__body--empty {
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding: 0 24px;
  text-align: center;
}

.p-flexpane__body--inset .c-virtual_list--scrollbar {
  border-radius: 0 0 8px;
}

.p-comment_list__comments {
  display: none;

  .p-comment {
    margin-top: 4px;
  }
}

.p-comment_list--expanded .p-comment_list__comments {
  display: block;
}

.p-comment_list__toggle_container {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  justify-content: space-between;
}

.p-comment_list__toggle_count_button {
  align-items: center;
  display: flex;
}

.p-comment_list__toggle_count {
  margin-left: 5px;
  margin-right: 4px;
}

.p-comment_list__toggle_caret {
  margin-top: 1px;
}

.p-comment__timestamp {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 12px;
  margin-left: 4px;
}

.p-comment__body {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-comment__actions {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 12px;
  margin-left: 4px;
  visibility: hidden;
}

.p-comment:hover .p-comment__actions {
  visibility: visible;
}

.p-flexpane_loading {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  font-size: 13px;
  position: absolute;
  text-align: center;
  top: 200px;
  width: 100%;
}

.p-flexpane_loading__spinner {
  margin: 0 16px 8px 8px;
}

.p-message_input_roadblock {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 15px;
  margin: 0 20px 24px;
  min-height: 42px;
  padding: 8px;
  text-align: center;
}

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

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

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

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

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

.p-message_input_roadblock--threads_flexpane {
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 12px;
}

.p-message_input_roadblock--composer_ia {
  align-items: center;
  border-radius: 8px;
  display: flex;

  .p-message_input_roadblock_text {
    flex: 1;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
  }
}

.p-connection_info_icon {
  display: inline-flex;
  flex-shrink: 0;
  font-size: 16px;
  justify-content: flex-end;
}

.p-connection_info_icon__icon + .p-connection_info_icon__icon {
  --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  --saf-1: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  --saf-2: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  box-shadow: -2px 0 0 var(--saf-0), (-2px) 1px 0 var(--saf-0), (-2px) -1px 0 var(--saf-0);
  margin-left: -6px;
}

@keyframes bounceIcons {
  0%, 30%, to {
    transform: translateY(0);
  }

  10% {
    transform: translateY(-3px);
  }
}

@keyframes bounceIcon {
  0%, 30%, 70%, to {
    transform: translateY(0);
  }

  10% {
    transform: translateY(-3px);
  }

  50% {
    transform: translateY(-2px);
  }
}

.p-connection_info_icons--animate i {
  animation-delay: .8s;
  animation-duration: .8s;
  animation-fill-mode: forwards;
  animation-name: bounceIcons;
  animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);

  &:nth-child(2) {
    animation-delay: 0.85s;
  }

  &:nth-child(3) {
    animation-delay: 0.9s;
  }
}

.p-connection_info_icon--animate i {
  animation-delay: .8s;
  animation-duration: .8s;
  animation-fill-mode: forwards;
  animation-name: bounceIcon;
  animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.p-connection_info_text {
  margin-bottom: 0;
}

.p-connection_info {
  align-items: center;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-connection_info__text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-connection_info__icon {
  margin-right: 8px;
}

.p-connection_info--link {
  &:active, &:hover {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    text-decoration: none;
  }

  &:active .p-connection_info__text, &:hover .p-connection_info__text {
    text-decoration: underline;
  }
}

.p-connection_info__link-button.c-link--button {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  text-decoration: none;

  &:hover {
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    text-decoration: underline;
  }
}

.p-context_bar_v2 {
  background: rgba(var(--sk_foreground_soft_solid, 243, 243, 243), 1);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  padding: 12px;
  position: relative;
}

.p-context_bar_v2--teal {
  background: #e7f6f3;
}

.sk-client-theme--dark .p-context_bar_v2--teal {
  background: #44ccbb1f;
}

.p-context_bar_v2--yellow {
  background: #e8912d1a;
}

.sk-client-theme--dark .p-context_bar_v2--yellow {
  background: #e8912d1f;
}

.p-context_bar_v2__filler {
  background: inherit;
  bottom: -6px;
  height: 6px;
  left: 0;
  position: absolute;
  width: 100%;
}

.p-context_bar_v2__icon {
  align-items: center;
  align-self: flex-start;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  flex-shrink: 0;
  font-size: 16px;
  height: 16px;
  justify-content: center;
  margin-right: 12px;
  margin-top: 1px;
  min-width: 16px;

  .p-context_bar_banner__govslack_insert {
    border-color: rgba(var(--sk_foreground_soft_solid, 243, 243, 243), 1);
    margin-right: 12px;
  }
}

.p-context_bar_v2--teal .p-context_bar_v2__icon .p-context_bar_banner__govslack_insert {
  border-color: #e7f6f3;
}

.sk-client-theme--dark .p-context_bar_v2--teal .p-context_bar_v2__icon .p-context_bar_banner__govslack_insert {
  border-color: #44ccbb1f;
}

.p-context_bar_v2__content {
  flex: 1 1 auto;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-share_dialog_message_input {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  margin-bottom: 1px;
  margin-top: 1px;
  transition: border 80ms ease-out, box-shadow 80ms ease-out;

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

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

  &[disabled] {
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border: 1px solid var(--saf-0);
  }
}

[lang] .p-share_dialog_message_input {
  font-size: 15px;
}

[lang=ja-JP] .p-share_dialog_message_input {
  font-size: 14px;
}

[lang] .p-share_dialog_message_input {
  line-height: 1.2;
}

[lang=ja-JP] .p-share_dialog_message_input {
  line-height: 1.3;
}

.p-share_dialog_message_input.ql-disabled {
  background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  cursor: default;
  opacity: 0.6;

  * {
    cursor: default;
  }
}

.p-share_dialog_message_input__context_bar_wrapper {
  z-index: 0;
}

.p-file_upload_dialog {
  overflow-y: auto;

  .c-dialog__body {
    overflow-y: visible;
    padding: 0;
  }
}

.p-file_upload_dialog__section {
  margin: 0 24px;

  .p-share_dialog__alert {
    margin-bottom: 0;
  }

  + .p-file_upload_dialog__section {
    margin-top: 12px;
  }

  &.p-file_upload_dialog__section--broadcast {
    margin-top: 8px;
  }

  input.c-input_text {
    margin-bottom: 0;
  }
}

.p-file_upload_dialog__preview {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  align-items: center;
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  min-height: 120px;
  overflow: hidden;
}

.p-file_upload_dialog__preview_image {
  max-height: 225px;
  max-width: 100%;
  vertical-align: middle;
}

.p-file_upload_dialog__section_file_name {
  margin-left: 19px;
  margin-right: 19px;
}

.p-file-upload_dialog__preview_file_name, .p-file_upload_dialog__file_name_input {
  padding-left: 5px;
  padding-right: 5px;
}

.p-file-upload_dialog__preview_file_name {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  font-size: 13px;
  height: 25px;
  margin-top: -12px;
  opacity: 1;
  overflow: hidden;
  padding-bottom: 4px;
  padding-top: 4px;
  transition: opacity 0.09s ease-out, height 0.1s ease 0.1s, margin-top 0.1s ease 0.1s, padding 0.1s ease 0.1s;
}

.p-file-upload_dialog__preview_file_name--hide {
  height: 0;
  margin-top: 0;
  opacity: 0;
  padding: 0;
}

.p-file-upload_dialog__preview_file_name_text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-file-upload_dialog__preview_file_name_edit {
  margin-left: 2px;
  padding: 0 2px;
}

.p-file_upload_dialog__file_name_input {
  height: 71px;
  opacity: 1;
  overflow: hidden;
  transition: height 0.1s ease 0.1s, opacity 0.2s ease-in 0.2s;
}

.p-file_upload_dialog__file_name_input--hide {
  height: 0;
  opacity: 0;
}

.p-file_upload_dialog__section:last-child {
  margin-bottom: 4px;
}

.p-file_upload_dialog .c-dialog__footer {
  justify-content: flex-end;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 16px;

  .c-dialog__footer_text {
    flex: auto;
    min-width: 1px;
  }
}

.p-file_upload_dialog--multiple .c-dialog__footer .c-dialog__footer_text {
  flex: 0;
  min-width: auto;
}

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

.p-file_upload_dialog__footer_share_inputs .c-input_select {
  margin-bottom: 0;
}

.p-file_upload_dialog .c-label--inline {
  display: inline-flex;
}

.p-file_upload_dialog__section--retention_duration {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
}

.p-file_upload_dialog__thread_label {
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;

  .p-thread_participant_list {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 12px;
    font-weight: 400;
  }
}

.p-file_upload_dialog__broadcast_label {
  font-size: 13px;
  font-weight: 400;
}

.p-file_upload_dialog__broadcast_channel_name {
  font-weight: 700;
}

input.c-input_checkbox.p-file_upload_dialog__broadcast_checkbox {
  margin-right: 8px;
}

.p-snippet_dialog {
  max-height: 750px;
  width: 44rem;

  &.c-dialog__content {
    max-height: 750px;
    width: 44rem;
  }
}

.p-snippet_dialog__broadcast_section {
  margin-top: 8px;
}

.p-snippet_dialog {
  .c-dialog__body {
    padding-bottom: 8px;
  }

  .c-dialog__footer {
    padding-top: 12px;

    .c-dialog__footer_text {
      flex: auto;
      min-width: 1px;
    }
  }
}

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

.p-snippet_dialog__footer_share_inputs .c-input_select {
  margin-bottom: 0;
}

.p-gallery_scroller {
  position: relative;
  white-space: nowrap;
}

.p-gallery_scroller__wrapper {
  margin-top: -8px;
  overflow: hidden;
  padding-top: 8px;
}

.p-gallery_scroller__wrapper--can_scroll {
  overflow-x: scroll;

  &::-webkit-scrollbar {
    display: none;
  }
}

.p-gallery_scroller__content {
  display: block;
  min-width: 100%;
}

.p-gallery_scroller__arrow {
  height: 32px;
  opacity: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transition: all 80ms ease-out;
  width: 32px;

  &:hover:not(.p-gallery_scroller__arrow--hidden) {
    cursor: pointer;
    transform: translateY(-50%) scale(1.1);
  }
}

.p-gallery_scroller__arrow--hidden {
  opacity: 0;
  transform: translateY(-50%) scale(0.8);
}

.p-gallery_scroller__arrow--left {
  left: -12px;

  &.p-gallery_scroller__arrow--inside {
    left: 12px;
  }
}

.p-gallery_scroller__arrow--right {
  right: -12px;

  &.p-gallery_scroller__arrow--inside {
    right: 12px;
  }
}

.p-gallery_scroller__arrow_fill, .p-gallery_scroller__arrow_icon {
  height: 32px;
  position: absolute;
  width: 32px;
}

.p-gallery_scroller__arrow_fill {
  -webkit-text-stroke: 1px rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  font-size: 40px;
  text-shadow: 0 0 4px rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

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

.p-introductions_education__coachmark {
  width: 330px;
}

.p-introductions_education__coachmark_icon_container {
  align-items: center;
  background-color: #e0eee7;
  border-radius: 60px;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  opacity: .9;
  width: 40px;
}

.sk-client-theme--dark .p-introductions_education__coachmark_icon_container {
  background-color: #4cbf9d1a;
}

.p-introductions_education__coachmark_icon_container i {
  font-size: 24px;
}

.p-introductions_education__coachmark_icon {
  font-size: 28px;
}

.p-introductions_education__coachmark_header {
  margin: 12px 1.6px;
}

.p-draft_unfurls {
  display: flex;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding: 12px 0;
}

.p-draft_unfurls__unfurl_container {
  margin-right: 12px;
  position: relative;
  width: 260px;
}

.p-draft_unfurls__unfurl_container--graphic {
  width: 62px;
}

.p-draft_unfurls__unfurl_container--quip {
  min-width: 234px;
  width: auto;
}

.p-draft_unfurls__unfurl_container:last-child {
  margin-right: 0;
}

.p-draft_unfurls__unfurl {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  flex-shrink: 0;
  padding: 12px;
  position: relative;
  width: 260px;
}

.p-draft_unfurls__unfurl--graphic {
  border: none;
  display: flex;
  height: 62px;
  padding: 0;
  width: 62px;

  &:after {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px var(--saf-0);
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }

  .p-draft_unfurls__unfurl_thumbnail {
    border-radius: 4px;
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
}

.p-draft_unfurls__unfurl_header {
  align-items: center;
  display: flex;
}

.p-draft_unfurls__unfurl_icon {
  border-radius: 2px;
  flex-shrink: 0;
  height: 16px;
  margin-right: 8px;
  width: 16px;
}

.p-draft_unfurls__unfurl_icon--preview {
  background-position: 50%;
  background-size: cover;
}

.p-draft_unfurls__unfurl_header_text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-draft_unfurls__unfurl_name {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-weight: 900;
}

.p-draft_unfurls__unfurl_text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-draft_unfurls__unfurl_title {
  font-weight: 700;
}

.p-draft_unfurls__unfurl_subheader {
  border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  margin-left: 4px;
  padding-left: 4px;
}

.p-draft_unfurls__unfurl_document_subheader, .p-draft_unfurls__unfurl_subheader {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  font-size: 12px;
  line-height: 12px;
}

.p-draft_unfurls__unfurl_document_subheader {
  float: right;
}

.p-draft_unfurls__unfurl_title + .p-draft_unfurls__unfurl_description:not(:empty) {
  border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  margin-left: 4px;
  padding-left: 4px;
}

.p-draft_unfurls__unfurl_preview_text > * {
  display: inline;
}

.p-draft_unfurls__unfurl_container .p-draft_unfurls__remove_btn {
  height: 20px;
  opacity: 0;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  z-index: 1;
}

.p-draft_unfurls__remove_btn_circle, .p-draft_unfurls__remove_btn_times {
  position: absolute;
  top: 0;
}

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

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

.p-draft_unfurls__remove_btn:focus {
  opacity: 1;
}

.p-draft_unfurls__unfurl_container {
  &:focus-within .p-draft_unfurls__remove_btn, &:hover .p-draft_unfurls__remove_btn {
    opacity: 1;
  }
}

.p-draft_unfurls__remove_btn:focus:hover .p-draft_unfurls__remove_btn_circle {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-draft_unfurls__unfurl_container {
  &:focus-within .p-draft_unfurls__remove_btn:hover .p-draft_unfurls__remove_btn_circle, &:hover .p-draft_unfurls__remove_btn:hover .p-draft_unfurls__remove_btn_circle {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }
}

.p-draft_unfurls__attachment__access-level-select {
  bottom: 1px;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  padding-bottom: 8px;
  padding-left: 54px;
  position: absolute;
  width: 95%;
}

.p-draft_unfurls__shortcut__container {
  display: flex;
  position: relative;
}

.p-draft_unfurls__shortcut__app_icon {
  border-radius: 4px;
  height: auto;
  margin-right: 12px;
  width: 36px;
}

.p-draft_unfurls__shortcut__title {
  display: block;
  font-size: 13px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
}

.p-draft_unfurls__shortcut__details {
  overflow: hidden;
}

.p-pending_image_file {
  align-items: center;
  display: flex;
  justify-content: center;

  &.p-pending_image_file__thumbnail_container {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    box-shadow: inset 0 0 0 1px var(--saf-0);
    height: 62px;
    width: 62px;
  }
}

.p-pending_image_file__thumbnail {
  background-position: 50% 50%;
  background-size: cover;
  display: inline-block;
  height: 100%;
  width: 100%;
}

.p-pending_image_file__img {
  max-height: 225px;
  opacity: 1;
  transition: opacity 0.15s linear;
}

.p-pending_image_file__thumbnail {
  opacity: 1;
  transition: opacity 0.15s linear;
}

.p-pending_image_file__loading_spinner {
  opacity: 0;
  position: absolute;
  transition: opacity 0.1s linear;
}

.p-pending_image_file__btn:focus .p-pending_image_file__img {
  border-radius: 4px;
}

.p-pending_image_file__loading {
  .p-pending_image_file__loading_spinner {
    opacity: 1;
  }

  .p-pending_image_file__img, .p-pending_image_file__thumbnail {
    opacity: 0;
  }

  .p-pending_image_file__img {
    height: 225px;
  }
}

.p-draft_video_file {
  border-radius: 12px;
  height: 62px;
  overflow: hidden;
  width: 62px;

  &:focus {
    border-radius: 12px;
  }
}

.p-pending_video_file {
  align-items: center;
  border-radius: 12px;
  display: flex;
  height: 62px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 62px;

  &:focus {
    border-radius: 12px;
  }

  &:after {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0);
    border-radius: 12px;
    bottom: 0;
    content: ' ';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}

.p-pending_video_file__video, .p-pending_video_file__video_thumb {
  height: 100%;
  position: absolute;
}

.p-pending_video_file__video_thumb--portrait {
  height: auto;
  width: 100%;
}

.p-pending_video_file__video_thumb_placeholder {
  background: #000;
  height: 100%;
  position: absolute;
  width: 100%;
}

.p-pending_video_file__play_icon {
  color: #fff;
}

.p-multi_file_upload__container {
  min-width: 100%;
}

.p-composer_page .multi_file_upload__container {
  margin-top: -24px;
}

.p-multi_file_upload__container .p-gallery_scroller__content {
  display: inline-flex;
  min-width: auto;
}

.p-file_upload_dialog__section .p-multi_file_upload__container .p-gallery_scroller__wrapper {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border: 1px solid var(--saf-0);
  border-radius: 12px;

  .p-multi_file_upload__file_gallery {
    padding: 12px;
  }
}

.p-multi_file_upload__container--empty {
  display: none;
}

.p-multi_file_upload__file_gallery {
  display: flex;
  min-width: 100%;
  padding: 24px 0;
}

.p-multi_file_upload__file_container {
  line-height: 0;
  position: relative;

  .c-pillow_file_container {
    line-height: 1.46668;
    max-width: inherit;
  }

  &:not(:last-child) {
    margin-right: 12px;
  }
}

.p-pending_file {
  border-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.p-multi_file_upload__container {
  .p-pending_file .c-pillow_file__header {
    align-items: center;
  }

  .c-pillow_file__description {
    overflow: hidden;
  }
}

.p-multi_file_upload__image_file {
  border-radius: 12px;
  box-sizing: initial;
  flex-shrink: 0;
}

.p-multi_file_upload__file_preview_btn.focus-ring .p-pending_image_file__img {
  border-radius: 12px;
}

.p-multi_file_upload__image_file__thumbnail {
  background-repeat: no-repeat;
  border-radius: 12px;
  transition-duration: .1s;
  transition-property: opacity, box-shadow;

  &:after {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border-radius: 12px;
    box-shadow: inset 0 0 0 1px var(--saf-0);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition-duration: .1s;
    transition-property: box-shadow;
    width: 100%;
  }

  &:hover {
    box-shadow: 0 1px 1px #0000000f;

    &:after {
      box-shadow: inset 0 0 0 1px #00000026;
    }
  }
}

.p-multi_file_upload__add_file_btn_container {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin: 4px 0;
}

.p-multi_file_upload__add_file_btn {
  color: #1264a3;
  margin-right: 4px;
}

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

.p-multi_file_upload__container--large {
  .p-gallery_scroller__content {
    display: block;
  }

  .p-gallery_scroller__wrapper {
    overflow: visible;
  }

  .p-multi_file_upload__file_gallery {
    overflow: visible;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    padding: 0;
  }

  .p-pending_image_file {
    border: none;
    height: auto;
    width: auto;
  }

  .p-pending_image_file__img {
    max-height: 225px;
    max-width: 100%;
  }
}

.p-multi_file_upload__container--medium {
  .p-pending_file, .p-pending_image_file {
    height: 62px;
    min-width: 62px;
    width: 62px;
  }
}

.p-multi_file_upload__container--small {
  .p-multi_file_upload__file_gallery {
    margin: 8px;
  }

  .p-multi_file_upload__file_container:not(:last-child) {
    margin-right: 8px;
  }

  .p-pending_file, .p-pending_image_file {
    height: 44px;
    width: 44px;
  }
}

.p-multi_file_upload__remove_btn {
  height: 20px;
  opacity: 0;
  position: absolute;
  right: -7px;
  top: -7px;
  width: 20px;
  z-index: 1;
}

.p-multi_file_upload__remove_btn_circle, .p-multi_file_upload__remove_btn_times {
  position: absolute;
  top: 0;
}

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

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

.p-multi_file_upload__file_container:hover .p-multi_file_upload__remove_btn, .p-multi_file_upload__remove_btn:focus {
  opacity: 1;
}

.p-multi_file_upload__file_container:hover .p-multi_file_upload__remove_btn:hover .p-multi_file_upload__remove_btn_circle, .p-multi_file_upload__remove_btn:focus:hover .p-multi_file_upload__remove_btn_circle {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-multi_file_upload__file_status_btn {
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 50%;
  display: flex;
  height: 22px;
  justify-content: center;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 22px;
  z-index: 1;
}

.p-multi_file_upload__file_status_btn--remove {
  opacity: 0;
}

.p-multi_file_upload__file_container--focused .p-multi_file_upload__file_status_btn--remove, .p-multi_file_upload__file_container:hover .p-multi_file_upload__file_status_btn--remove, .p-multi_file_upload__file_status_btn--remove:focus {
  opacity: 1;
}

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

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

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

.p-setup_suggest_message {
  margin: 8px 0 12px 40px;
}

.p-setup_suggest_message--in-prog-disc-tip {
  margin: 16px 0 1.6px;

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

  .p-setup_suggest_message__btn--primary {
    &:after, &:before {
      display: none;
    }
  }
}

.p-setup_suggest_message_buttons {
  display: flex;
  flex-wrap: wrap;
}

.p-setup_suggest_message__btn {
  align-items: center;
  border-radius: 24px;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
  margin-right: 8px;
}

.p-setup_suggest_message__btn--primary {
  &:after, &:before {
    border: solid #0000;
    content: ' ';
    height: 0;
    left: 36px;
    position: absolute;
    top: 100%;
    width: 0;
  }

  &:after {
    border-top-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-width: 8px;
    margin-left: -8px;
  }

  &:before {
    border-top-color: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
    border-width: 9px;
    margin-left: -9px;
  }
}

.p-setup_suggest_message__btn--soft {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: unset;
  font-weight: 400;
}

.p-setup_suggest_message__btn {
  &:active:after, &:hover:after {
    border-top-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }

  &:active:before, &:hover:before {
    border-top-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.5);
  }
}

.p-setup_suggest_message__btn_text {
  padding-left: 8px;
}

.p-setup_suggest_message__close_icon {
  font-size: 13px;
  margin-left: 36px;
  margin-right: 4px;
  position: relative;
  top: 2px;
}

.p-setup_suggest_message__close_times_icon {
  font-size: 13px;
  margin-bottom: 12px;
}

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

.p-setup_suggest_message__mention_text {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  font-weight: 700;
}

.p-setup_prog_disc_explainer_tip_container {
  animation: p-setup_prog_disc_explainer_tip_container--slideIn .3s;
  animation-fill-mode: forwards;
  background: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

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

.p-setup_prog_disc_explainer_tip {
  animation: p-setup_prog_disc_explainer_tip--slideIn;
  animation-delay: .3s;
  animation-duration: .16s;
  animation-fill-mode: forwards;
  display: flex;
  flex-direction: column;
  opacity: 0;
  padding: 11px 14px;

  .p-setup_prog_disc_explainer_tip_text_and_dismissal {
    display: flex;
  }

  .p-setup_prog_disc_explainer_tip_dismissal {
    margin-left: auto;

    .c-icon_button--size_small {
      height: 20px;
      width: 20px;
    }

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

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

.p-setup_prog_disc_explainer_tip .p-setup_prog_disc_explainer_tip_text {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

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

.p-setup_prog_disc_explainer_tip_container--completed_all {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin: 16px 16px -2px;
  padding-bottom: 4px;
}

@keyframes p-setup_prog_disc_explainer_tip_container--slideIn {
  0% {
    max-height: 0;
  }

  to {
    max-height: 200px;
    transition: max-height 0.3s cubic-bezier(0.36, 0.19, 0.29, 1);
  }
}

@keyframes p-setup_prog_disc_explainer_tip--slideIn {
  0% {
    opacity: 0;
    transform: translateY(20%);
  }

  to {
    opacity: 1;
    transform: translate(0);
    transition: opacity 0.16s linear, transform 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
  }
}

.c-message_kit__contextual_message {
  padding: 16px;
}

.p-champion_suggest_message_container {
  animation: p-champion_suggest_message_container--slideIn .3s;
  animation-fill-mode: forwards;
  background: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.sk-client-theme--dark .p-champion_suggest_message_container {
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  color: #fff;
}

.p-champion_suggest_message {
  animation: p-champion_suggest_message--slideIn;
  animation-delay: .3s;
  animation-duration: .16s;
  animation-fill-mode: forwards;
  display: flex;
  flex-direction: column;
  opacity: 0;
  padding: 12px 13px 15px;

  .p-champion_suggest_message_text_and_dismissal {
    display: flex;
  }

  .p-champion_suggest_message_dismissal {
    margin-left: auto;

    .c-icon_button--size_small {
      height: 20px;
      width: 20px;
    }

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

  .p-champion_suggest_message_text {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.46668;
  }
}

@keyframes p-champion_suggest_message_container--slideIn {
  0% {
    max-height: 0;
  }

  to {
    max-height: 200px;
    transition: max-height 0.3s cubic-bezier(0.36, 0.19, 0.29, 1);
  }
}

@keyframes p-champion_suggest_message--slideIn {
  0% {
    opacity: 0;
    transform: translateY(20%);
  }

  to {
    opacity: 1;
    transform: translate(0);
    transition: opacity 0.16s linear, transform 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
  }
}

.p-champion_suggest_message_buttons {
  display: flex;
  flex-wrap: wrap;
}

.p-champion_suggest_message__btn {
  align-items: center;
  background-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 0.13);
  border-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 0.3);
  border-radius: 24px;
  color: #fff;
  display: flex;
  font-size: unset;
  font-weight: 700;
  margin-right: 8px;
  margin-top: 12px;
}

.sk-client-theme--dark .p-champion_suggest_message__btn {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-color: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
}

.p-champion_suggest_message__btn {
  &:active, &:hover {
    background-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 0.04);
    border-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 0.7);
  }
}

.sk-client-theme--dark .p-champion_suggest_message__btn {
  &:active, &:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    border-color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  }
}

.p-champion_suggest_message__btn_text {
  padding-left: 8px;
}

.p-thread_footer_typing_indicator {
  align-items: center;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: block;
  display: flex;
  font-size: .7em;
  height: 24px;
  overflow: hidden;
  padding-left: 12px;
  padding-top: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  white-space: pre;

  wbr {
    display: none;
  }
}

.p-message_input__input_container_unstyled {
  .p-message_input__attachments .p-multi_file_upload__file_gallery, .p-message_input__files .p-multi_file_upload__file_gallery {
    padding: 8px;
  }

  .p-message_input__attachments .p-gallery_scroller__wrapper, .p-message_input__files .p-gallery_scroller__wrapper {
    background: unset;
    border: unset;
    border-radius: unset;
  }

  .p-message_input__attachments .p-gallery_scroller__content, .p-message_input__files .p-gallery_scroller__content {
    align-items: center;
    display: inline-flex;
  }

  .p-message_input__attachments .p-multi_file_upload__container, .p-message_input__files .p-multi_file_upload__container {
    min-width: unset;
  }

  .p-message_input__attachments .p-draft_unfurls, .p-message_input__files .p-draft_unfurls {
    padding: 8px;
  }

  .p-message_input__attachments .p-composer_attachments__separator, .p-message_input__files .p-composer_attachments__separator {
    border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    height: 62px;
  }

  &:not(.c-wysiwyg_container--with_footer):not(.p-message_input__input_container_unstyled--with_attachments_grid) {
    .ql-editor {
      padding-left: 0;
    }

    .ql-placeholder {
      left: 0;
    }
  }
}

.p-message_input__input_container_unstyled--day1 .c-texty_input_unstyled__container--size_medium .ql-placeholder {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  -ms-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
}

.c-alert.c-alert--inline.c-alert--level_info.c-alert--align_left.p-message_input--unfurls_alert {
  border: none;
  border-radius: 4px 4px 0 0;
}

.p-threads_footer__input_container {
  margin: 12px 16px 0;
  min-height: 82px;
}

.p-threads_footer__input_container--sticky_composer {
  min-height: 114px;
}

.p-threads_view .p-threads_footer__input_container {
  margin: 0 20px;
  min-height: auto;
}

.p-threads_footer__input.p-message_input {
  display: flex;
  position: relative;

  .p-message_input__attachments, .p-message_input__files {
    bottom: 40px;
    left: 1px;
    position: absolute;
    right: 1px;
  }

  .p-message_input__attachments .p-gallery_scroller__wrapper, .p-message_input__files .p-gallery_scroller__wrapper {
    background: unset;
    border: unset;
    border-radius: unset;
  }

  .p-message_input__attachments .p-multi_file_upload__file_gallery, .p-message_input__files .p-multi_file_upload__file_gallery {
    padding: 12px;
  }

  &.p-message_input--attachments-visible .c-texty_input {
    padding-bottom: 122px !important;
  }

  &.p-message_input--disabled {
    .c-texty_input__button, .p-shortcuts_menu_trigger_button {
      opacity: .6;
      pointer-events: none;
    }
  }

  .p-message_input__attachments {
    padding: 0;

    .p-gallery_scroller__content {
      align-items: center;
      display: flex;
    }

    .p-multi_file_upload__container {
      min-width: unset;
    }

    .p-draft_unfurls {
      padding: 12px;
    }

    .p-composer_attachments__separator {
      border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      height: 62px;
      margin-left: 12px;
    }
  }

  &.p-message_input--dark {
    ::selection, ::-moz-selection {
      background-color: #9a9c9e;
    }
  }

  &.p-message_input--day1:not(.p-message_input--disabled) .c-texty_input .ql-placeholder {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    -ms-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
  }
}

.p-threads_footer__input_container {
  &.p-threads_footer__input_container--context_bar_showing {
    margin-top: 0;
  }

  .p-threads_footer__context_bar {
    margin-right: 0;
    margin-top: 0;
    padding-right: 0;
    z-index: 1;
  }
}

.p-threads_footer__input_container__broadcast_controls {
  align-items: flex-start;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  grid-area: broadcast_controls;
  padding-right: 12px;
  padding-top: 8px;

  .p-threads_footer__input_container__broadcast_controls__label {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.50001;
    margin-bottom: 0;
    padding-left: 13.5px;
  }
}

.p-threads_footer__input_container__broadcast_controls__label {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding-left: 12px;
}

.p-threads_footer_alert {
  margin: 16px 12px;
}

.p-threads_footer_join_container {
  margin: 24px 0 16px;
  text-align: center;
}

.p-threads_footer_join_label {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 0;
  margin-top: 8px;
}

.p-threads_view__footer {
  .p-threads_footer_alert, .p-threads_footer_join_container, .p-threads_footer_join_label {
    margin-top: 0;
  }
}

.p-unavailable_channel {
  --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 18px 48px 0 #00000014;
  margin: 96px auto;
  max-width: 528px;
  padding: 48px 64px;
}

.p-unavailable_channel_thread {
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 48px 20px;
  text-align: center;
}

.p-unavailable_channel_image {
  display: block;
  margin: 0 auto 16px;
  max-width: 392px;
  width: 100%;

  &.p-unavailable_channel_image--reload {
    max-width: 260px;
  }
}

.p-unavailable_channel_title {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  margin-bottom: 8px;
}

.p-unavailable_channel_content {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-toggle_lock_thread_dialog__content {
  min-height: 60px;
}

.p-toggle_lock_thread_dialog__footer {
  padding-top: 8px;
}

.p-thread_flexpane_admin_tools .c-menu_item__description {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
  margin-top: -4px;
  padding-bottom: 4px;
}

.p-experiment_client_insights__message {
  margin: 0 0 24px;
}

.p-experiment_client_insights__viewers_by_subtitle {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
}

.p-experiment_client_insights__viewers_by_content {
  border: 1px solid #ddd;
  border-radius: 12px;
  margin-bottom: 24px;
}

.p-experiment_client_insights_key_insight_container {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: space-between;
  margin: 20px 0;
}

.p-experiment_client_insights__menu_item_wrapper {
  position: relative;
  top: -8px;
}

.p-experiment_client_insights_key_insight_container--small {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  margin-top: 12px;
}

.p-experiment_client_insights_key_insight_cell {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.1);
  border: 1px solid var(--saf-0);
  border-radius: 12px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  height: 84px;
  padding: 16px;
  text-align: center;
  width: 106px;
}

.p-experiment_client_insights_cell--secondary_View_Message_Label {
  margin-bottom: 2px;
  margin-top: 4px;
}

.p-experiment_client_insights__menu_item--SVG_wrapper {
  margin-bottom: 4px;
}

.p-experiment_client_insights_key_insight_cell_title {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  text-align: center;
}

.p-experiment_client_insights_key_insight_cell_body {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  text-align: center;
}

.p-experiment_client_insights__activity_over_time_header {
  display: flex;
  justify-content: space-between;
}

.p-experiment_client_insights__activity_over_time_header--button-text {
  margin-left: 6px;
}

.p-experiment_client_insights__test_graph {
  margin: 0 0 24px;

  .c3-axis-x {
    path {
      visibility: hidden;
    }

    text {
      font-size: 13px;
      font-weight: 400;
      font-weight: 700;
      line-height: 1.38463;
    }
  }

  .c3-chart-texts text {
    fill: sk_primary_foreground, !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
  }
}

.p-experiment_client_insights__select {
  margin: 12px;
}

.c-message_stats__section.p-experiment_client_insights__top_replies_section {
  padding-left: 0;
}

.c-message_stats__title.p-experiment_client_insights__top_replies_title {
  margin-bottom: 0;
}

.c-message_stats__title_time {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-weight: 400;
}

.c-message_stats__message_snippet_engagement {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  line-height: 16px;
  margin-top: 8px;
}

.c-message_stats__reaction_count {
  color: inherit;
}

.c-message_stats__replies_count {
  color: inherit;

  .c-icon--comment-alt:before {
    font-size: 17px;
    margin-right: 4px;
    position: relative;
    top: -1px;
  }
}

.c-message_stats__overview_container {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-bottom: 24px;
}

.c-message_stats__content_section {
  padding: 0;
}

.c-message_stats__content_wrapper {
  position: relative;
}

.c-message_stats__content_wrapper__inner--loading {
  opacity: 0.2;
}

.c-message_stats__content_loading {
  left: 50%;
  position: absolute;
  top: 200px;
  transform: translateX(-50%);
}

.c-message_stats__section {
  padding: 0 28px 32px;
}

.c-message_stats__title {
  margin-bottom: 16px;
}

.c-message_stats__header {
  font-size: 18px;
  font-weight: 700;

  .c-message_stats__total_reply_count {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    font-weight: 400;
  }
}

.c-message_stats__snippet_msg {
  margin: 8px 28px 32px;
}

.c-message_stats__msg__nav {
  display: flex;
  margin: 8px 10px 32px;
}

.c-message_stats__msg__nav_next, .c-message_stats__msg__nav_prev {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  flex-grow: 0;
  flex-shrink: 0;
  overflow: hidden;
  width: 18px;
  z-index: 1;
}

.c-message_stats__msg__nav_next:disabled, .c-message_stats__msg__nav_prev:disabled {
  color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.c-message_stats__msg__nav .c-message_stats__snippet_msg {
  flex-grow: 1;
  margin: 0;
}

.c-message_stats__message_snippet_text {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  max-height: 10000px;
  overflow: hidden;
  position: relative;
  transition: max-height .6s ease-out;
  will-change: max-height;
}

.c-message_stats__message_snippet_text--collapsed {
  cursor: pointer;
  max-height: 70px;
}

.c-message_stats__message_snippet_text:after {
  background: linear-gradient(180deg, rgba(var(--sk_primary_background, 255, 255, 255), 0), rgba(var(--sk_primary_background, 255, 255, 255), 1));
  bottom: 0;
  content: '';
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  transition: opacity ease-out;
  transition-duration: inherit;
  will-change: opacity;
}

.c-message_stats__message_snippet_text--collapsed:after {
  opacity: 1;
}

.c-message_stats__top_replies_item {
  display: flex;
}

.c-message_stats__top_reply_msg {
  border: 0;
  margin: 0;
}

.c-message_stats__top_replies_msg {
  border: 0;
  margin: 0;
  padding-left: 0;
}

.c-message_stats__top_replies_number {
  font-size: 15px;
  font-weight: 700;
  padding: 12px 8px 0 0;
}

.c-message_stats__funnel_stats {
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
}

.c-message_stats__funnel_title {
  align-self: flex-start;
  flex-grow: 1;
  margin-right: 32px;
}

.c-message_stats__funnel_stats_jumbo_stat {
  flex-grow: 1;
  text-align: center;
}

.c-message_stats__viewer_coachmark_anchor {
  display: inline;
}

.c-message_stats__viewer_coachmark_button {
  height: 20px;
  width: 20px;

  .c-icon:before {
    font-size: 13px;
  }
}

.c-message_stats__viewer_coachmark .c-coachmark__footer {
  display: none;
}

.c-message_stats__funnel_stats_legend_key_container > {
  * {
    display: inline-block;
    vertical-align: top;
  }

  :not(:last-child) {
    margin-right: 48px;
  }
}

.c-message_stats__legend_item {
  cursor: pointer;
}

.c-message_stats__legend_value {
  text-align: center;
}

.c-message_stats__legend_icon {
  border-radius: 100%;
  display: inline-block;
  height: 8px;
  margin-right: 4px;
  width: 8px;
}

.c-message_stats__views_by_device {
  display: flex;
  padding-left: 48px;
  padding-right: 64px;
}

.c-message_stats__views_by_device_subtitle {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 20px;
}

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

.c-message_stats__views_by_device_row_container {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  padding: 24px 0;
}

.c-message_stats__views_by_device_container {
  display: flex;
  text-align: center;
}

.c-message_stats__views_by_device_icon_container {
  height: 28px;
  margin-right: 8px;
  margin-top: 12px;
  position: relative;
  width: 20px;
}

.c-message_stats__legend_icon--viewed {
  background-color: #4a154b;
}

.c-message_stats__legend_icon--clicked {
  background-color: #1264a3;
}

.c-message_stats__legend_icon--reacted {
  background-color: #007a5a;
}

.c-message_stats__legend_value--viewed {
  color: #4a154b;
}

.c-message_stats__legend_value--clicked {
  color: #1264a3;
}

.c-message_stats__legend_value--reacted {
  color: #007a5a;
}

.c-message_stats__funnel_stats_jumbo_stat_value, .c-message_stats__legend_number {
  font-size: 22px;
}

.c-message_stats__legend_number_percentage {
  font-size: 12px;
}

.c-message_stats__funnel_stats_jumbo_stat_title, .c-message_stats__legend_title {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 12px;
  text-align: center;
}

.c-message_stats__funnel_counts {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  flex-direction: row;
}

.c-message_stats__funnel_counts_jumbo_stat {
  border-right: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  padding-right: 24px;
  text-align: center;
}

.c-message_stats__funnel_counts_jumbo_stat_value {
  color: #007a5a;
  cursor: pointer;
  font-size: 28px;
  line-height: 34px;
}

.c-message_stats__funnel_counts_jumbo_stat_title {
  font-size: 13px;
}

.c-message_stats__funnel_counts_minor_stats {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  line-height: 18px;
  padding-left: 24px;
  text-align: right;

  span {
    cursor: pointer;
  }
}

.c-message_stats__activity_range_option {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  font-size: 12px;
  margin-right: 8px;

  &:visited {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
    font-size: 12px;
    margin-right: 8px;
  }

  &:hover {
    text-decoration: none;
  }
}

.c-message_stats__activity_range_option--selected {
  border-bottom: 1px solid #007a5a;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-weight: 700;
}

.c-message_stats__activity_bar, .c-message_stats__client_summary_bar {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
  padding: 28px;
}

.c-message_stats__activity_item, .c-message_stats__client_summary_item {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.c-message_stats__activity_item_content, .c-message_stats__client_summary_item_content {
  align-items: center;
  align-self: flex-end;
  display: flex;
  flex-direction: row;
  padding: 0 40px;
}

.c-message_stats__activity_icon, .c-message_stats__client_summary_icon {
  cursor: pointer;
  margin-right: 8px;
}

.c-message_stats__activity_item:not(:last-child), .c-message_stats__client_summary_item:not(:last-child) {
  border-right: 1px solid rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.c-message_stats__activity_item__label, .c-message_stats__client_summary_item__label {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  line-height: 1.2;
  text-align: left;
}

.c-message_stats__activity_section__count, .c-message_stats__client_summary_section__count {
  font-weight: 700;
}

.p-message_activity__section_title {
  font-size: 18px;
  font-weight: 900;
  font-weight: 700;
  line-height: 1.33334;
  padding-bottom: 16px;
}

.p-message_activity__message_snippet_container {
  width: 662px;
}

.p-message_activity__message_snippet_text {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  max-height: 10000px;
  overflow: hidden;
  position: relative;
  transition: max-height .6s ease-out;
  will-change: max-height;
}

.p-message_activity__message_snippet_text--collapsed {
  cursor: pointer;
  max-height: 70px;
}

.p-message_activity__message_snippet_text:after {
  background: linear-gradient(180deg, rgba(var(--sk_primary_background, 255, 255, 255), 0), rgba(var(--sk_primary_background, 255, 255, 255), 1));
  bottom: 0;
  content: '';
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  transition: opacity ease-out;
  transition-duration: inherit;
  will-change: opacity;
}

.p-message_activity__message_snippet_text--collapsed:after {
  opacity: 1;
}

.p-message_activity__message_snippet_engagement {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  line-height: 16px;
  margin-top: 8px;

  .c-reaction {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    box-shadow: none;
  }

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

.p-message_activity__message_snippet_section {
  padding-left: 0;
  padding-right: 0;
}

.p-message_activity__message_snippet_reply_count {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;

  &:before {
    color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    content: '|';
    margin: 0 4px;
  }
}

.p-message_activity__msg__nav {
  display: flex;
  margin: 8px 10px 16px;
}

.p-message_activity__msg__nav_next, .p-message_activity__msg__nav_prev {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  flex-grow: 0;
  flex-shrink: 0;
  overflow: hidden;
  width: 18px;
  z-index: 1;
}

.p-message_activity__msg__nav_next:disabled, .p-message_activity__msg__nav_prev:disabled {
  color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.p-message_activity__msg__nav .p-message_activity__snippet_msg {
  flex-grow: 1;
  margin: 0;
}

.p-message_activity__message_snippet_reaction_bar {
  align-items: center;
  display: flex;
}

.p-message_activity__message_snippet_additional_reactions {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  margin-right: 24px;
  padding-bottom: 4px;
}

.p-message_activity__stats_by_org_table-title {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  margin-bottom: 12px;
}

.p-message_activity__stats_by_org_table-container {
  margin-top: 32px;

  .c-data_table__header_row, .c-data_table__row:not(.c-data_table__row--header) {
    border-right: none;
  }
}

.p-message_activity__stats_by_org_table--tool-tip-icon {
  top: -4px;
}

.p-message_activity__stats_by_org_table--hidden-orgs-label {
  position: absolute;
  top: 7px;
}

.p-message_activity__stats_by_org_table--footer-label {
  font-weight: 400;
}

.p-message_activity__stats_by_org_table--footer-text {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  position: relative;
  top: 8px;
}

.p-message_activity__views_by_device {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  padding-left: 48px;
  padding-right: 64px;
}

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

.p-message_activity__views_by_device_row_container {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  padding: 24px 0;
}

.p-message_activity__views_by_device_container {
  display: flex;
  text-align: center;
}

.p-message_activity__views_by_device_icon_container {
  height: 28px;
  margin-right: 8px;
  margin-top: 12px;
  position: relative;
  width: 20px;
}

.p-message_activity__views_by_device_label {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-message_activity__views_by_device_percentage {
  font-size: 15px;
  font-weight: 700;
  font-weight: 400;
  line-height: 1.46668;
}

.p-message_activity__views_over_time_header {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.p-message_activity__time_series_filters {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  .c-select_button__icon {
    margin-left: 4px;
  }

  .c-message_stats__activity_range_options {
    margin-left: 12px;
  }
}

.p-message_activity__viewers_by_department .c-message_stats__section {
  padding-left: 0;
}

.c-message_stats__viewers_by_department_chart {
  width: 100%;

  > svg {
    fill: #0000;
    left: 0;
    margin-bottom: 32px;
    position: relative;
  }

  text {
    fill: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    font-size: 13px;
    font-weight: 700;
  }
}

[lang] .c-message_stats__viewers_by_department_chart text {
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
}

[lang=ja-JP] .c-message_stats__viewers_by_department_chart text {
  font-family: NotoSansJP, Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
}

[lang=ko-KR] .c-message_stats__viewers_by_department_chart text {
  font-family: NotoSansKR, Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
}

[lang=zh-CN] .c-message_stats__viewers_by_department_chart text {
  font-family: NotoSansSC, Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
}

[lang=zh-TW] .c-message_stats__viewers_by_department_chart text {
  font-family: NotoSansTC, Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
}

.c-message_stats__viewers_by_department_chart {
  .c3-axis-x text {
    font-weight: 400;
  }

  .c3-axis path {
    stroke: #0000;
  }

  .c3-bar {
    fill: rgba(var(--sk_highlight, 18, 100, 163), 1) !important;
    stroke: none !important;
  }

  .c3-chart-text .c3-text {
    fill: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7) !important;
    text-anchor: start;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7) !important;
    transform: translateX(6px) !important;
  }

  .c3-grid line {
    stroke: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    stroke-width: 2;
  }
}

.p-add_to_list_dialog__select {
  margin: 4px 0;
}

.p-share_dialog_send_to_huddle {
  padding-top: 0;
}

.p-share_dialog_send_to_huddle__alert {
  font-size: 14px;
  width: 100%;

  .c-alert__message {
    width: 100%;
  }
}

.p-share_dialog_send_to_huddle__text {
  display: flex;
  justify-content: space-between;
}

.p-share_dialog_send_to_huddle__share {
  align-self: center;
  color: #1264a3;
  font-weight: 700;
  margin-left: 16px;
  white-space: nowrap;
}

.p-canvas_access_speedbump {
  .c-modal_speed_bump__text_wrapper {
    padding-bottom: 20px;
  }

  .c-modal_speed_bump__heading {
    padding-bottom: 8px;
  }
}

.p-later_custom_date_time_picker {
  .c-date_time_picker {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
    width: 100%;

    > * {
      padding: 0 8px;
    }
  }

  .c-date_time_picker__date_picker_container {
    flex: 1 1 60%;
    min-width: 300px;
  }

  .c-date_time_picker__time_picker_container {
    flex: 1 1 40%;
    min-width: 200px;
  }

  .c-date_time_picker__date_picker_label, .c-date_time_picker__time_picker_label {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    -webkit-user-select: none;
    user-select: none;
    width: 1px;
  }

  .c-date-time_picker__date_picker_button {
    --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
    align-items: center;
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    font-weight: 400;
    height: 36px;
    margin: 0 0 8px;
    padding: 4px 12px;
    transition: border 80ms ease-out, box-shadow 80ms ease-out;
    width: 100%;

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

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

    &[disabled] {
      --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
      background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
      border: 1px solid var(--saf-0);
    }
  }

  .c-date-time_picker__calendar_icon, .c-date-time_picker__caret_icon {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  }

  .c-date_time_picker__date {
    flex-grow: 1;
    padding: 0 8px;
  }
}

.p-later_custom_modal {
  flex-wrap: nowrap;
  width: 540px;
}

.p-later_custom_modal__error {
  margin: 0 24px 16px;
}

.p-later_custom_modal__time_picker {
  margin: 0;

  &.c-date_time_picker > * {
    padding: 0;
  }

  .c-date_time_picker__date_picker_container {
    margin-right: 15px;
    min-width: auto;
    padding: 0;
  }

  .c-date_time_picker__time_picker_container {
    padding: 0;
    width: 100%;
  }

  .c-date_time_picker__date_picker_container .c-input_text {
    margin-bottom: 0;
  }
}

.p-later_custom_modal__description_text .c-texty_input_unstyled__container .ql-editor p {
  font-weight: 400;
}

.p-later_custom_modal__button_container {
  align-content: baseline;
  display: flex;
  height: 53px;
  justify-content: space-between;
  width: 100%;
}

.p-flag_message_dialog__options_subhead {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: 24px;
}

.p-flag_message_dialog__option {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  margin: 16px 0 0;

  &:hover .p-flag_message_dialog__option_title {
    text-decoration: underline;
  }
}

.p-flag_message_dialog__option_icon {
  padding-right: 16px;
  padding-top: 2px;
  width: 36px;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

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

.p-app_actions_pillow {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  max-height: 128px;
  overflow: hidden;
  padding: 12px 12px 16px;
  position: relative;
}

.p-app_actions_pillow__blocker {
  background: #0000;
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.p-app_actions_pillow.p-app_actions_pillow--gradient {
  padding-bottom: 0;
}

.p-app_actions_pillow--gradient:after {
  background: linear-gradient(180deg, rgba(var(--sk_primary_background, 255, 255, 255), 0), rgba(var(--sk_primary_background, 255, 255, 255), 1));
  border-radius: 0 0 4px 4px;
  bottom: 0;
  content: '';
  height: 40px;
  left: 0;
  position: absolute;
  right: 0;
}

.p-app_actions_pillow__body {
  margin: 4px 0 0;

  a {
    word-break: break-all;
  }
}

.p-app_actions_pillow__attachment {
  display: flex;
  margin-top: 8px;
  max-width: 600px;
}

[lang] .p-app_actions_pillow__attachment {
  font-size: 15px;
}

[lang=ja-JP] .p-app_actions_pillow__attachment {
  font-size: 14px;
}

[lang] .p-app_actions_pillow__attachment {
  line-height: 1.46666667;
}

[lang=ja-JP] .p-app_actions_pillow__attachment {
  line-height: 1.56666667;
}

.p-app_actions_pillow__attachment_body {
  padding: 0 12px;
}

.p-app_actions_dialog {
  width: 480px;
}

.p-app_actions_dialog__overlay.c-dialog {
  align-items: flex-start;
  padding-top: calc(50vh - 320px);
}

.p-app_actions_dialog .c-dialog__body {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.p-app_actions_dialog__loader {
  padding: 32px;
}

.p-app_actions_dialog {
  .c-dialog__footer {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    padding: 7px 24px;
  }

  .c-dialog__footer--has_text {
    justify-content: flex-end;
  }

  .c-dialog__footer_link {
    display: flex;
  }

  a.c-dialog__footer_link {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }

  .c-dialog__footer_icon {
    margin: 0 0 0 6px;
    order: 1;
  }
}

.p-app_actions_dialog__message {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  flex: 0 0 auto;
  overflow: hidden;
  padding: 20px 24px;
}

.p-app_actions_dialog__filter {
  flex: 0 0 auto;

  .c-enhanced_text_input {
    font-size: 15px;
    line-height: 28px;
    margin: 12px 24px;
    padding-bottom: 2px;
    padding-top: 2px;
  }
}

.p-app_actions_dialog_select--open_panel {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 12px 24px 0;
  position: static;
}

.p-app_actions_dialog_select {
  margin: 0 0 12px;
}

.p-app_actions_dialog_options_list {
  border-right: 0;
  -ms-overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
}

.p-app_actions_dialog_container--always-open {
  width: 100% !important;
}

.p-app_actions_dialog_options_list {
  .ReactVirtualized__List {
    width: 100% !important;
  }

  .ReactVirtualized__Grid__innerScrollContainer {
    max-width: 100% !important;
  }
}

.p-app_actions_dialog__option {
  border: 1px solid #0000;
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  line-height: 20px;
  padding: 0;

  .c-menu_item__description {
    font-weight: 400;
  }
}

.p-app_actions_dialog__option--active {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  box-shadow: none;
  color: inherit;

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

  + .p-app_actions_dialog__option {
    border-color: #0000;
  }
}

.p-app_actions_dialog__option:first-child {
  border-color: #0000;
}

.p-app_actions_dialog__option--active:first-child {
  border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.p-app_actions_dialog_option__enter {
  display: none;
}

.p-app_actions_dialog__option--active .p-app_actions_dialog_option__enter {
  display: block;
}

.p-app_actions_dialog_option {
  font-weight: 700;
  padding: 8px 16px;
}

.p-threads_flexpane {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  position: relative;

  .c-message_kit__thread_message--root {
    .c-message_kit__gutter {
      padding-top: 20px;
    }

    .c-message_kit__labels__label {
      margin-bottom: -16px;
    }
  }

  .p-threads_flexpane__marked_as_read_divider {
    display: flex;
    margin: 0 17px;
    pointer-events: none;
  }

  .p-threads_flexpane__marked_as_read_divider__separator {
    background-image: linear-gradient(to right, rgba(var(--sk_raspberry_red, 224, 30, 90), 1) 0, rgba(var(--sk_raspberry_red, 224, 30, 90), 1) 100%);
    background-repeat: repeat-x;
    background-size: 8px 1px;
    border: none;
    flex: 1;
    height: 1px;
    margin: 0 0 -1px;
    position: relative;
    z-index: 1;
  }

  .p-threads_flexpane__marked_as_read_divider__label {
    border: 1px solid #0000;
    border-radius: 4px;
    color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    cursor: default;
    font-size: 13px;
    font-weight: 400;
    font-weight: 700;
    line-height: 1.38463;
    line-height: 0;
    margin: -4px 0 -17px;
    padding: 2px 18px 6px 2px;
    position: relative;
    z-index: 1;
  }

  .p-threads_flexpane__marked_as_read_divider, .p-threads_flexpane__unread_divider {
    margin: 0;
  }

  .p-new_threads_banner {
    background: #1264a3;
    border-radius: 14px;
    color: #fff;
    display: flex;
    flex: 1;
    font-size: 13px;
    font-weight: 700;
    height: 28px;
    line-height: 28px;
    margin-bottom: 4px;
    min-width: 0;
    text-shadow: none;
    z-index: 200;

    &.p-new_threads_banner--no-padding {
      padding-left: 0;
      padding-right: 0;
    }

    > .c-button-unstyled {
      &:first-of-type {
        border-bottom-left-radius: 14px;
        border-top-left-radius: 14px;
        padding-left: 8px;
        padding-right: 8px;
      }

      &:last-of-type {
        border-bottom-right-radius: 14px;
        border-top-right-radius: 14px;
      }

      &:hover {
        background: #0b4c8c;
      }
    }

    .p-threads_flexpane__banner__icon {
      left: auto;
      margin-right: 4px;
      position: relative;
      top: 2px;
    }

    .p-threads_flexpane__unread_banner__close_icon {
      border-bottom-right-radius: 14px;
      border-top-right-radius: 14px;
      height: 28px;
      padding-right: 2px;
      padding-top: 1px;
      text-align: center;
      width: 36px;
    }
  }
}

.p-threads_flexpane_container {
  display: flex;
  flex-direction: column;
}

.p-threads_flexpane {
  .p-comment_list__toggle_container {
    margin: 4px 12px;
  }

  .p-comment {
    margin: 4px 12px 0;
  }
}

.p-threads_flexpane__loading {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  font-size: 13px;
  font-style: italic;
  height: 96px;
  line-height: 96px;
  text-align: center;
}

.p-threads_flexpane__error {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  text-align: center;
}

.p-threads_flexpane__error_header {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  margin-bottom: 4px;
}

.p-threads_flexpane__error_body {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: 16px;
}

.p-threads_flexpane__error_emoji {
  .c-emoji {
    height: 64px;
    margin-bottom: 16px;
    width: 64px;
  }

  .emoji-sizer {
    font-size: 64px;
    margin-bottom: 16px;
  }
}

.p-threads_flexpane__header {
  line-height: 1.33334;

  .p-flexpane_header__children {
    align-items: center;
    display: flex;
  }

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

    &:hover {
      color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    }
  }
}

.p-threads_flexpane__header_permalink {
  display: inline-block;
  position: relative;
  top: 4px;

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

  &:focus:hover, &:hover:hover {
    text-decoration: none;
  }
}

.p-threads_flexpane__header_channel_name {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  cursor: pointer;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-huddle_thread_banner__huddles_banner {
  margin: 16px;
  width: unset;
}

.p-huddle_thread_banner__huddles_banner--not-dismissable .p-upgrades_alert_banner__close_icon {
  display: none;
}

.p-quip_comment_root {
  display: flex;
  padding: 12px 20px 8px 12px;
}

.p-quip_comment_root--border-hidden {
  .p-quip_comment_root__body, &.p-quip_comment_root {
    padding: 0;
  }
}

.p-quip_comment_root__unread {
  background: #f2c74433;

  .c-message_attachment__border {
    background: #f2c744;
  }
}

.p-quip_comment_root__body {
  flex: 1;
  margin-bottom: -4px;
  padding: 0 12px;
  width: 100%;

  .p-avatar_stack__avatar {
    &:last-child {
      z-index: 3;
    }

    &:nth-last-child(2) {
      z-index: 2;
    }

    &:nth-last-child(3) {
      z-index: 1;
    }
  }

  .c-timestamp {
    margin-left: 4px;
  }

  .p-quip_comment_root__timestamp {
    line-height: 1.8750125;
  }

  .p-quip_comment_root__avatars {
    display: flex;
    margin-right: 8px;
  }
}

.p-quip_comment_root__tooltip {
  text-align: center;
}

.p-quip_comment_root__tooltip__subtitle {
  color: #ddd;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-quick_reactions_customization_tooltip_message_actions_container {
  bottom: -35px;
  position: absolute;
  right: 0;
}

.p-quick_reactions_customization_tooltip {
  background: #e8f5fa;
  border-radius: 12px;
  bottom: -6px;
  box-shadow: 0 0 0 1px #0a374b33;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  height: auto;
  line-height: 1.38463;
  margin: 0 0 12px 8px;
  max-width: 254px;
  padding: 8px;
  position: relative;
}

.p-quick_reactions_customization_tooltip--faded {
  opacity: 0.5;
}

.p-quick_reactions_customization_tooltip--dark {
  background: #0b2934;
  box-shadow: 0 0 0 1px #a5d2f533;
}

.p-quick_reactions_customization_tooltip_icon_container {
  font-size: 18px;
  margin: auto;
}

.p-quick_reactions_customization_tooltip_icon_lightbulb {
  height: 18px;
  margin: 3px 8px 0 2px;
  position: relative;
  width: 18px;
}

.p-quick_reactions_customization_tooltip_icon_lightbulb--dark {
  color: #f2c744;
}

.p-quick_reactions_customization_tooltip_copy {
  padding: 2px 0;
  width: 190px;
}

.p-quick_reactions_customization_tooltip_arrow {
  position: absolute;
  z-index: 1;
}

.p-quick_reactions_customization_tooltip_arrow_outer {
  border-left: 10px solid #0000;
  border-right: 10px solid #0000;
  border-top: 10px solid #0a374b33;
  bottom: -10px;
  left: 38px;
}

.p-quick_reactions_customization_tooltip_arrow_outer--dark {
  border-top: 10px solid #a5d2f533;
}

.p-quick_reactions_customization_tooltip_arrow_inner {
  border-left: 10px solid #0000;
  border-right: 10px solid #0000;
  border-top: 10px solid #e8f5fa;
  bottom: -9px;
  left: 38px;
}

.p-quick_reactions_customization_tooltip_arrow_inner--dark {
  border-top: 10px solid #0b2934;
}

.p-quick_reactions_customization_tooltip_dismiss_button {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  margin: 8px 0;
}

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

.p-message_actions_menu__flag.c-menu_item__button--highlighted {
  background-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
}

.p-message_actions_menu .c-menu_item__icon svg {
  font-size: 18px;
}

.c-message_kit__actions .c-message__actions {
  display: block;
}

.c-message_kit__actions--inside .c-message__actions {
  top: 4px;
}

.c-message_kit__actions--above .c-message__actions {
  top: -28px;
}

.c-message_kit__labels__label {
  align-items: baseline;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  font-size: 13px;
  margin-bottom: -4px;
  white-space: nowrap;
}

.c-message_kit__labels__text {
  flex: 1 1 0;
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c-message_kit__labels__link {
  color: inherit;

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

.c-message_kit__labels__icon {
  margin-right: 8px;
  text-align: right;
}

.c-message_kit__labels--pinned .c-message_kit__labels__icon {
  color: #e8912d;
}

.c-message_kit__labels--starred .c-message_kit__labels__icon {
  color: #f2c744;

  .c-icon--bookmark-filled {
    color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  }
}

.c-message_kit__labels--broadcast .c-message_kit__labels__icon, .c-message_kit__labels--custom_response .c-message_kit__labels__icon {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.c-message_kit__labels--reminder .c-message_kit__labels__icon {
  color: #f2c744;
}

.c-message_kit__labels--saved_for_later .c-message_kit__labels__icon {
  color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
}

.c-message_kit__labels--later {
  font-weight: 700;
}

.c-message_kit__labels--file_annotation, .c-message_kit__labels--later {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.c-message_kit__labels__offscreen_message {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  width: 1px;
}

.p-multi_thread_background {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  margin: 0 16px;
}

.p-multi_thread_background--showing_drag_overlay {
  position: relative;
}

.p-multi_thread_background--first {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;

  .c-message_kit__thread_message {
    .c-message_kit__gutter:not(.c-message_kit__gutter--compact), .c-message_kit__tombstone {
      padding-top: 20px;
    }
  }
}

.p-multi_thread_background--last {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.p-multi_thread_background__drag_overlay {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 204;
}

.p-multi_thread_background__drag_overlay--first {
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.p-multi_thread_background__drag_overlay--last {
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.p-canvas_thread_zero_state__container {
  margin-bottom: 8px;
}

.p-canvas_thread_zero_state__header {
  font-weight: 900;
  margin-bottom: 4px;

  svg.is-inline {
    margin-right: 4px;
  }
}

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

.p-ai_thread_zero_state__container {
  margin: 16px;
}

.p-ai_thread_zero_state__header {
  font-weight: 900;
  margin-bottom: 4px;

  svg.is-inline {
    margin-right: 4px;
  }
}

.p-ai_thread_zero_state__body {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.7);

  .c-mrkdwn__quote:before {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.7);
  }
}

.p-list_thread_zero_state__container {
  margin-bottom: 8px;
}

.p-list_thread_zero_state__header {
  font-weight: 900;
  margin-bottom: 4px;

  svg.is-inline {
    margin-right: 4px;
  }
}

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

.c-message_kit__indent {
  padding-left: 8px;
}

.c-message_kit__edit {
  margin-bottom: 8px;
  margin-top: -4px;
}

.p-file_card__container {
  height: 100%;
  position: relative;

  .c-file__actions, .c-message_actions__container {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 1;
  }

  &.p-file_card__container--focus-visible:focus-within .p-file_card__actions, &:hover .p-file_card__actions {
    opacity: 1;
  }

  &.p-file_card__container--embedded {
    --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.1);
    border: 1px solid var(--saf-0);
    border-radius: 12px;
    height: unset;
    overflow: hidden;
  }
}

.p-file_card__container--embedded_box {
  .p-file_card--embedded, .p-file_card__container--embedded {
    height: 100%;
  }

  .p-file_card__preview--embedded {
    height: 100%;
    aspect-ratio: unset;
  }

  .c-aspect_box__inner {
    min-height: 235px;
  }
}

.p-file_card__container {
  &.p-file_card__container--attached {
    border-radius: 12px 12px 0 0;
  }

  .p-file_card__callout_badge {
    background-color: #0b4c8c;
    border-radius: 23px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    position: absolute;
    right: 12px;
    top: 12px;
  }
}

.p-file_card {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 12px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  overflow: hidden;

  &:focus {
    border-radius: 12px;
    outline-style: none;
    outline-width: 0;
  }
}

.p-file_card--embedded_attached {
  border-radius: 12px 12px 0 0;
}

.p-file_card__actions--hover {
  opacity: 1;
}

.p-file_card--clickable {
  cursor: pointer;
}

.p-file_card--focus {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-color: #0000;
  border-radius: 4px;
  border-radius: 12px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  outline: none;
  text-decoration: none;
}

.p-file_card--view {
  cursor: zoom-in;
}

.p-file_card__entity {
  padding: 12px;
}

.p-file_card__preview {
  align-items: center;
  background-color: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
  background-position: top;
  background-size: cover;
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  justify-content: center;
  min-height: 140px;
  position: relative;
  width: 100%;

  &:active, &:focus, &:hover {
    text-decoration: none;
  }
}

.p-file_card__preview--embedded {
  aspect-ratio: 3;
  overflow: hidden;
}

.p-file_card__preview--quip {
  height: 160px;
}

.p-file_card__preview--browser {
  height: 140px;
}

.p-file_card__preview--embedded .c-pillow_file__snippet {
  width: inherit;
}

.p-file_card__preview--broken {
  background-image: url(./broken_image-871454d.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-file_card__preview--broken {
    background-image: url(./broken_image@2x-0765596.png);
  }
}

.p-file_card__preview--placeholder-image {
  background-image: url(./placeholder-image-88e3944.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 56px 44px;
}

.p-file_card__preview--placeholder-text {
  background-image: url(./placeholder-text-6fafd16.svg);
}

.p-file_card__preview--placeholder-email, .p-file_card__preview--placeholder-text {
  background-color: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 56px 44px;
}

.p-file_card__preview--placeholder-email {
  background-image: url(./placeholder-email-1e4c244.svg);
}

.p-file_card__preview--preview-zip {
  background-color: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
  background-image: url(./preview-zip-306f7bd.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 56px 44px;
}

.p-file_card__preview__playable {
  height: 100%;
  width: 100%;

  .p-media_file_thumbnail__thumb {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

  .p-media_file_thumbnail__thumb_bottom {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .p-media_file_thumbnail__play_icon:before {
    font-size: 40px;
  }
}

.p-file_card__content {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  color: inherit;
  cursor: pointer;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  line-height: 1;
  min-height: 60px;
  padding: 16px 16px 12px;

  .c-pillow_file__user {
    font-weight: 400;
  }

  .c-pillow_file__meta__entry {
    margin-top: 0;
  }

  .c-truncate {
    word-break: break-word;
  }
}

.p-file_card__name {
  font-size: 15px;
  font-weight: 700;
}

.p-file_card__name--empty {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
}

.p-file_card__info {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
}

.p-file_card__tooltip_info {
  font-weight: 400;

  .c-pillow_file__user, .c-pillow_file__user_timestamp {
    font-weight: 400;
  }
}

.p-file_card__justification_icon {
  color: #f2c744;
  margin-right: 4px;
}

.p-filepile {
  display: flex;
}

.p-filepile_item {
  margin: 0 2px;
}

.p-filepile_overflow {
  align-items: center;
  background-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  border-radius: 8px;
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  display: flex;
  font-size: 18px;
  font-weight: 900;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  line-height: 1.33334;
  width: 36px;
}

.p-select_field_option {
  border-radius: 4px;
  padding: 2px 6px;
}

.p-select_field_option--gray {
  background-color: var(--dt_color-plt-gray-5);
  color: var(--dt_color-plt-gray-70);
}

.sk-client-theme--dark .p-select_field_option--gray {
  background-color: var(--dt_color-plt-gray-20);
  color: var(--dt_color-plt-gray-70);
}

.p-select_field_option--brown {
  background-color: var(--dt_color-plt-horchata-5);
  color: var(--dt_color-plt-horchata-70);
}

.sk-client-theme--dark .p-select_field_option--brown {
  background-color: var(--dt_color-plt-horchata-10);
  color: var(--dt_color-plt-horchata-70);
}

.p-select_field_option--orange, .sk-client-theme--dark .p-select_field_option--orange {
  background-color: var(--dt_color-plt-campfire-5);
  color: var(--dt_color-plt-campfire-70);
}

.p-select_field_option--yellow {
  background-color: var(--dt_color-plt-sunflower-5);
  color: var(--dt_color-plt-sunflower-70);
}

.sk-client-theme--dark .p-select_field_option--yellow {
  background-color: var(--dt_color-plt-sunflower-5);
  color: var(--dt_color-plt-sunflower-60);
}

.p-select_field_option--green {
  background-color: var(--dt_color-plt-cilantro-5);
  color: var(--dt_color-plt-cilantro-70);
}

.sk-client-theme--dark .p-select_field_option--green {
  background-color: var(--dt_color-plt-cilantro-10);
  color: var(--dt_color-plt-cilantro-70);
}

.p-select_field_option--blue {
  background-color: var(--dt_color-plt-ocean-5);
  color: var(--dt_color-plt-ocean-70);
}

.sk-client-theme--dark .p-select_field_option--blue {
  background-color: var(--dt_color-plt-ocean-10);
  color: var(--dt_color-plt-ocean-70);
}

.p-select_field_option--indigo {
  background-color: var(--dt_color-plt-indigo-5);
  color: var(--dt_color-plt-indigo-70);
}

.sk-client-theme--dark .p-select_field_option--indigo {
  background-color: var(--dt_color-plt-indigo-10);
  color: var(--dt_color-plt-indigo-70);
}

.p-select_field_option--purple {
  background-color: var(--dt_color-plt-aubergine-5);
  color: var(--dt_color-plt-aubergine-70);
}

.sk-client-theme--dark .p-select_field_option--purple {
  background-color: var(--dt_color-plt-aubergine-10);
  color: var(--dt_color-plt-aubergine-60);
}

.p-select_field_option--pink {
  background-color: var(--dt_color-plt-flamingo-5);
  color: var(--dt_color-plt-flamingo-70);
}

.sk-client-theme--dark .p-select_field_option--pink {
  background-color: var(--dt_color-plt-flamingo-5);
  color: var(--dt_color-plt-flamingo-60);
}

.p-select_field_option--red {
  background-color: var(--dt_color-plt-tomato-5);
  color: var(--dt_color-plt-tomato-70);
}

.sk-client-theme--dark .p-select_field_option--red {
  background-color: var(--dt_color-plt-tomato-5);
  color: var(--dt_color-plt-tomato-60);
}

.c-list_edit_unfurl {
  max-width: 594px;
  padding-right: 8px;
  padding-top: 8px;
}

.c-list_edit_unfurl__container {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
  position: relative;
  width: 100%;
}

.c-list_edit_unfurl__field_name {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding-left: 8px;
  padding-top: 8px;
}

.c-list_edit_unfurl__field_changes {
  display: flex;
  flex-wrap: wrap;
  padding: 8px;
}

.c-list_edit_unfurl__field_old_value {
  min-width: -moz-fit-content;
  min-width: fit-content;
  position: relative;

  &:after {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    content: '';
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
  }
}

.p-message_column__main_link {
  display: flex;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);

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

.p-message_column__sender_name {
  font-weight: 700;
  padding-left: 6px;
}

.p-field_renderer__multi_entity_field_container {
  display: flex;
  padding-right: 8px;
}

.p-message_attachment_list_record {
  width: 100%;
}

.p-message_attachment_list_record--compact {
  max-width: 426px;
}

.p-message_attachment_list_record_container {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 12px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  margin-bottom: 12px;
  position: relative;
  width: 100%;

  &:focus, &:hover {
    cursor: pointer;
  }

  &:focus .p-message_attachment_list_record__list_action, &:hover .p-message_attachment_list_record__list_action {
    display: inline;
  }

  &:focus .p-message_attachment_list_record__list_title {
    display: none;
  }

  &:hover {
    .p-message_attachment_list_record__list_title {
      display: none;
    }

    .p-message_attachment_list_record__add_comment {
      --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
      align-items: center;
      background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
      border: 1px solid var(--saf-0);
      border-radius: 24px;
      bottom: 2px;
      box-shadow: 0 1px 3px #00000014;
      display: flex;
      font-size: 13px;
      padding: 7px 12px 7px 10px;
      position: absolute;
      right: 2px;
      z-index: 3;

      .p-message_attachment_list_record__add_comment_text {
        margin-left: 10px;
      }
    }
  }
}

.p-message_attachment_list_record__add_comment, .p-message_attachment_list_record__list_action {
  display: none;
}

.p-message_attachment_list_record_header {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  padding: 12px;

  .c-base_list_entity--medium {
    padding: 4px 0;
  }
}

.p-message_attachment_list_record_body {
  padding: 12px 20px;
}

.p-message_attachment_list_record_subtext {
  width: -moz-fit-content;
  width: fit-content;
}

.p-message_attachment_list_record__list_action, .p-message_attachment_list_record__list_title {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-message_attachment_list_record__list_link {
  &:focus, &:hover {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    text-decoration: none !important;
  }
}

.p-message_attachment_list_record__fields {
  grid-gap: 5px;
  align-items: center;
  display: grid;
  grid-template-columns: auto 1fr;
}

.p-message_attachment_list_record__field_label, .p-message_attachment_list_record__field_value {
  word-break: break-all;
}

.p-message_attachment_list_record__field_label {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-right: 24px;
  max-width: 150px;
}

.p-message_attachment_list_record__field_value {
  .p-member_profile_hover_card {
    margin-left: -6px;
  }

  .c-timestamp__label {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.46668;
  }
}

.p-message_attachment_list_record_meta {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-message_attachment_list_record__replies {
  margin-top: 12px;

  .c-message_kit__thread_replies.c-message__reply_bar {
    margin: 0 auto;
  }
}

.p-message_attachment_list_record__fields_container {
  max-height: 112px;
  min-height: 50px;
  overflow: hidden;
  position: relative;

  &:after {
    background: linear-gradient(180deg, rgba(var(--sk_primary_background, 255, 255, 255), 0), rgba(var(--sk_primary_background, 255, 255, 255), 0.7));
    bottom: 0;
    content: '';
    height: 25px;
    left: 0;
    position: absolute;
    width: 100%;
  }
}

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

.p-thread_compact_gutter_generic {
  margin: -4px 0;
  text-align: right;
  width: 48px;
}

.c-message_kit__message {
  word-wrap: break-word;
  -webkit-user-select: text;
  user-select: text;
}

[lang] .c-message_kit__message {
  font-size: 15px;
}

[lang=ja-JP] .c-message_kit__message {
  font-size: 14px;
}

[lang] .c-message_kit__message {
  line-height: 1.46668;
}

[lang=ja-JP] .c-message_kit__message {
  line-height: 1.56668;
}

.c-message_kit__thread_message {
  .c-message_kit__gutter, .c-message_kit__tombstone {
    padding: 8px 24px 8px 16px;
  }

  .c-message_kit__gutter__right {
    padding-right: 0;
  }

  .c-message_kit__labels__label {
    padding-left: 16px;
    padding-top: 4px;
  }

  .c-message_kit__labels--light .c-message_kit__labels__icon {
    width: 36px;
  }
}

.c-message_kit__thread-message--new_reply {
  background: #1d9bd11a;
}

.c-message_kit__thread_message--root {
  .c-message_kit__gutter, .c-message_kit__tombstone {
    padding-top: 12px;
  }

  .c-message_kit__labels__label {
    margin-bottom: -8px;
    padding-top: 8px;
  }
}

.c-message_kit__resend {
  display: inline;
}

.c-message_kit__resend--has_pending_files, .c-message_kit__resend--with_buttons {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

.c-message_kit__resend__footer {
  align-items: center;
  display: flex;
  font-size: 13px;
  margin-bottom: 4px;
}

.c-message_kit__resend__footer__border {
  background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 2px;
  height: 16px;
  margin-right: 8px;
  width: 4px;
}

.c-message_kit__resend__separator {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
}

.c-message_kit__resend--unprocessed {
  animation: c-message_kit--to-grey 50ms linear 10s forwards;
}

@keyframes c-message_kit--to-grey {
  0% {
    color: inherit;
  }

  to {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  }
}

.p-thread_separator_row_generic {
  margin-bottom: -2px;

  .p-threads_flexpane__separator {
    align-items: center;
    display: flex;
    margin-bottom: 4px;
    margin-top: 4px;
    padding-left: 16px;
    position: relative;
    width: calc(100% - 22px);
  }

  .p-threads_flexpane__separator_count {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    margin-right: 12px;
  }

  .p-threads_flexpane__separator_line {
    border-top-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    flex: 1;
    margin: 1px 0 0;
  }

  .p-threads_flexpane__separator_line__read, .p-threads_flexpane__separator_line__unread {
    border-top-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  }

  &.p-thread_separator_row_generic--ghost .p-threads_flexpane__separator_line__read {
    opacity: .5;
    transition: opacity 0.1s 3s;
  }

  .p-threads_flexpane__read_divider__label, .p-threads_flexpane__unread_divider__label {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: 1px solid #0000;
    border-radius: 4px;
    color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    cursor: default;
    font-size: 12px;
    font-weight: 700;
    line-height: 8px;
    margin-top: 1px;
    padding: 2px 4px 4px;
    transition: color 0.15s ease-out 0;
  }

  .p-threads_flexpane__separator_line--is-unread-appear-active, .p-threads_flexpane__separator_line--is-unread-enter-active {
    --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    box-shadow: 0 0 5px 0 var(--saf-0);
    transition: box-shadow 0.1s ease-out;
  }

  .p-threads_flexpane__separator_line--is-unread-appear-done, .p-threads_flexpane__separator_line--is-unread-enter-done {
    box-shadow: none;
    transition: box-shadow 0.1s ease-out;
  }
}

.p-thread_separator_row_generic--dark {
  .p-threads_flexpane__separator_line__read, .p-threads_flexpane__separator_line__unread {
    border-top-color: #de4e2b;
  }

  .p-threads_flexpane__read_divider__label, .p-threads_flexpane__unread_divider__label {
    color: #de4e2b;
  }

  .p-threads_flexpane__separator_line--is-unread-appear-active, .p-threads_flexpane__separator_line--is-unread-enter-active {
    box-shadow: 0 0 5px 0 #de4e2b, 0 0 5px 0 #de4e2bb3, 0 0 5px 0 #de4e2b4d;
  }
}

.p-media_viewer_threads__root {
  margin: 16px 16px 0;
}

.p-media_viewer_threads__root_spacer {
  height: 16px;
}

.p-media_viewer_controls {
  align-items: center;
  column-gap: 12px;
  display: grid;
  grid-auto-flow: column;
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
}

.p-media_viewer_controls--dark {
  color: #fff;
}

.p-media_viewer_window_button__menu_item_label {
  align-items: center;
  display: flex;
}

.p-media_viewer_window_button__menu_item_label_icon {
  margin-right: 12px;
}

.p-media_viewer_actions {
  align-items: center;
  margin-left: auto;
  z-index: 1;
  column-gap: 12px;
  display: grid;
  grid-auto-flow: column;
}

.p-media_viewer_actions__file_viewer_actions {
  column-gap: 12px;
  display: grid;
  grid-auto-flow: column;
}

.p-media_viewer_slides {
  align-self: center;
  background: #1d1c1d;
  margin-bottom: auto;
  margin-top: auto;
  position: relative;

  .p-slides__slide {
    margin: 0 auto;
  }
}

.p-media_viewer_slides__toggle_play_pause {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.p-media_viewer_slides__progress_bar {
  bottom: 32px;
  opacity: 1;
  transition: 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
  transition-property: bottom;
}

.p-media_viewer_modal__multimedia_video--not_hovering .p-media_viewer_slides__progress_bar {
  bottom: 0;
  transition-delay: 0.16s;
}

.p-image_annotation_item {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 30px 30px 30px 0;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  display: flex;
  justify-content: center;
  pointer-events: all;
  position: absolute;
  transition: opacity .5s ease;
  z-index: 1013;
}

.p-image_annotation_item__new {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 30px 30px 30px 0;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  display: flex;
  justify-content: center;
  pointer-events: all;
  position: absolute;
  transition: opacity .5s ease;
  z-index: 1013;
  z-index: 1014;
}

.p-image_annotation_item--collapsed, .p-image_annotation_item__new--collapsed {
  height: 50px;
  width: 50px;
}

.p-image_annotation_item--expanded, .p-image_annotation_item__new--expanded {
  border-radius: 8px 8px 8px 0;
  height: -moz-fit-content;
  height: fit-content;
  padding: 8px;
  z-index: 1014;
}

.p-image_annotation_item--expanded {
  max-width: 500px;
  width: max-content;
}

.p-image_annotation_item__new--expanded {
  width: 300px;
}

.p-image_annotation_item__input {
  width: 100%;
}

.p-image_annotation_item__avatar {
  border-radius: 18px;
  overflow: hidden;
}

.p-image_annotation_item--faded:not(.p-image_annotation_item--expanded) {
  opacity: 0.25;
}

.p-image_annotation_item__message--hidden {
  display: none;
}

.p-image_annotation_overlay {
  height: 100%;
  position: absolute;
  width: 100%;
}

.p-image_annotation_overlay--no_events {
  pointer-events: none;
}

.p-media_viewer_modal {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  box-shadow: 0 0 0 1px var(--saf-0);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  width: 100%;

  .p-media_viewer__video_container {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center;
    min-height: 0;
    overflow: hidden;
    position: relative;

    &:focus {
      box-shadow: none;
      outline: none;
    }
  }

  .p-media_viewer__video {
    background: #0000;
    display: block;
    height: 100%;
    max-height: 100%;
    position: relative;
    width: 100%;
  }
}

.p-media_viewer_modal__blurry_background {
  background-color: #000;
  background-position: 50%;
  background-size: cover;
  bottom: -100px;
  filter: blur(40px) brightness(0.4);
  left: -100px;
  pointer-events: none;
  position: absolute;
  right: -100px;
  top: -100px;
}

.p-media_viewer_modal__blurry_background--pdf {
  filter: blur(40px) brightness(0.3);
}

.p-media_viewer_modal__blurry_background_overlay {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 0.6);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: background-color 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-media_viewer_modal__flexpane {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  box-shadow: -1px 0 0 var(--saf-0);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  max-width: 400px;
  z-index: 1;

  .p-flexpane_header {
    padding-right: 7px;
  }

  .p-flexpane_body {
    height: 100%;
    overflow-y: scroll;
  }
}

@media screen and (max-width: 1440px) {
  .p-media_viewer_modal__flexpane {
    max-width: 360px;
  }
}

@media screen and (max-width: 1280px) {
  .p-media_viewer_modal__flexpane {
    max-width: 300px;
  }
}

.p-media_viewer_modal__header {
  align-items: center;
  background: #0000;
  border-radius: 8px 8px 0 0;
  box-shadow: none;
  display: flex;
  height: auto;
  padding: 12px 7px 12px 12px;
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
}

.p-media_viewer_modal__header__avatar {
  cursor: pointer;
}

.p-media_viewer_modal__header__info {
  margin-left: 8px;
}

.p-media_viewer_modal__header__name {
  cursor: pointer;
  font-weight: 900;
  margin-right: 8px;
}

.p-media_viewer_modal__header__channel_info {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
}

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

.p-media_viewer_modal__footer {
  align-items: center;
  background: #0000;
  border-radius: 0 0 8px 8px;
  box-shadow: none;
  display: flex;
  height: 52px;
  justify-content: flex-start;
  padding: 8px 12px;
  position: relative;

  .p-file_viewer__header__actions {
    margin-left: 0;
    padding: 0;
  }
}

.p-media_viewer_modal__navigation__button {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 30px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  height: 40px;
  justify-content: center;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;

  &:hover {
    --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 #00000014;
  }
}

.p-media_viewer_modal__navigation__button--previous {
  left: 24px;
}

.p-media_viewer_modal__navigation__button--next {
  right: 24px;
}

.p-media_viewer_modal__footer--slide_over_content {
  left: 0;
  position: absolute;
  right: 0;
}

.p-media_viewer_modal__header--slide_over_content {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.p-media_viewer_modal__footer--slide_over_content {
  bottom: 0;
}

.p-media_viewer_modal__header__gradient {
  background: linear-gradient(#1d1c1d99, #1d1c1d00);
  top: 0;
  z-index: -1;
}

.p-media_viewer_modal__footer__gradient, .p-media_viewer_modal__header__gradient {
  height: 85px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  visibility: hidden;
}

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

.p-media_viewer_modal__footer--slide_over_content .p-media_viewer_modal__footer__gradient, .p-media_viewer_modal__header--slide_over_content .p-media_viewer_modal__header__gradient {
  visibility: visible;
}

.p-media_viewer_modal__footer--slide_over_content, .p-media_viewer_modal__header--slide_over_content, .p-media_viewer_modal__navigation__button, .p-media_viewer_modal__one_click_reactions--slide_over_content, .p-media_viewer_modal__tabs_close--slide_over_content {
  transition-duration: 80ms;
  transition-property: opacity, transform;
}

.p-media_viewer_modal__multimedia_video--not_hovering:not(.p-media_viewer_modal__multimedia_video--has_keyboard_focus):not(.p-media_viewer_modal__multimedia_video--is_paused):not(.p-media_viewer_modal__multimedia_video--menu_open) {
  &.p-media_viewer_modal__multimedia_video--is_playing {
    cursor: none;
  }

  .p-media_viewer_modal__footer--slide_over_content, .p-media_viewer_modal__header--slide_over_content, .p-media_viewer_modal__navigation__button, .p-media_viewer_modal__one_click_reactions--slide_over_content, .p-media_viewer_modal__tabs_close--slide_over_content {
    opacity: 0;
    transition-delay: 0.16s;
  }

  .p-media_viewer_modal__header--slide_over_content, .p-media_viewer_modal__one_click_reactions--slide_over_content, .p-media_viewer_modal__tabs_close--slide_over_content {
    transform: translateY(-20px);
  }

  .p-media_viewer_modal__footer--slide_over_content {
    transform: translateY(20px);
  }
}

.p-media_viewer_modal__messages {
  display: flex;
  flex: 1;
  height: 100%;
  min-height: 0;
  position: relative;

  .p-flexpane_header__primary {
    height: 49px;
  }
}

.p-media_viewer_modal__multimedia_video {
  background: #000000b3;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: 100%;
  min-width: 0;
  position: relative;
  width: 100%;
}

.p-media_viewer_modal--transparency_fix_themed_blur .p-media_viewer_modal__multimedia_video {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
}

.p-media_viewer_modal__multimedia {
  display: flex;
  flex-direction: row;
  height: 100%;

  .p-media_viewer_modal__multimedia_video {
    flex: 1;
  }
}

.p-media_viewer_modal ::cue {
  background-color: #000c;
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  font-size: 24px;
  text-shadow: 0 1px 1px #00000040;
}

.p-media_viewer_modal__embed {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
}

.p-media_viewer_modal {
  .c-message_attachment__video_link, .c-message_attachment__video_play {
    font-size: 2.3rem;
  }
}

.p-media_viewer_modal__zoom_control {
  left: 0;

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

  .p-zoom__slider {
    -webkit-appearance: none;
    appearance: none;
    background: #0000;
    cursor: pointer;
    flex: 1;
    height: 100%;
    margin: 0;
    outline: none;
    overflow: visible;
    width: 100%;

    &::-moz-range-thumb {
      background: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
      box-shadow: none;
    }

    &::-moz-range-track {
      background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    }

    &::-webkit-slider-thumb {
      background: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
      box-shadow: none;
    }

    &::-webkit-slider-runnable-track {
      background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    }

    &::-ms-thumb {
      background: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
      box-shadow: none;
    }

    &::-ms-track {
      background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    }
  }
}

.p-media_viewer_modal__tab_flexpane {
  flex: 1;
}

.p-media_viewer_modal__tabs {
  align-items: stretch;
  display: flex;
  height: 50px;
  padding-left: 12px;

  .c-tabs__tab {
    font-size: 15px;
    font-weight: 400;
    font-weight: 900;
    line-height: 1.46668;
  }

  &.p-media_viewer_modal__tabs--single_tab .c-tabs__tab {
    box-shadow: none;
    cursor: default;
  }
}

.p-media_viewer_modal__tabs_close {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 1;
}

.p-media_viewer_modal__playback_speed_button {
  align-items: center;
  display: flex;
  height: 32px;

  &:hover {
    border-radius: 4px;
  }
}

.p-media_viewer_modal:not(.p-media_viewer_modal--transparency_fix_themed_blur) {
  .p-media_viewer_modal__icon_button:hover, .p-media_viewer_modal__zoom_icon_button.p-zoom__control_group:hover {
    background: #1d1c1dd9;
  }
}

.sk-client-theme--dark .p-media_viewer_modal.p-media_viewer_modal--transparency_fix_themed_blur {
  .p-media_viewer_modal__icon_button:hover, .p-media_viewer_modal__zoom_icon_button.p-zoom__control_group:hover {
    background: #1d1c1dd9;
  }
}

.p-media_viewer_modal:not(.p-media_viewer_modal--transparency_fix_themed_blur), .sk-client-theme--dark .p-media_viewer_modal.p-media_viewer_modal--transparency_fix_themed_blur {
  .p-media_viewer_modal__playback_speed_button {
    color: #ffffffb3;

    .c-select_button__icon {
      color: #ffffffb3;
    }
  }

  .p-media_viewer_modal__zoom_control .p-media_viewer_modal__zoom_icon_button {
    color: #ffffffb3;
  }
}

.p-media_viewer_modal:not(.p-media_viewer_modal--transparency_fix_themed_blur) {
  .p-media_viewer_modal__playback_speed_button {
    .c-select_button__icon:hover, &:hover {
      color: #fff;
    }
  }

  .p-media_viewer_modal__zoom_control .p-media_viewer_modal__zoom_icon_button:hover {
    color: #fff;
  }
}

.sk-client-theme--dark .p-media_viewer_modal.p-media_viewer_modal--transparency_fix_themed_blur {
  .p-media_viewer_modal__playback_speed_button {
    .c-select_button__icon:hover, &:hover {
      color: #fff;
    }
  }

  .p-media_viewer_modal__zoom_control .p-media_viewer_modal__zoom_icon_button:hover {
    color: #fff;
  }
}

.p-media_viewer_modal:not(.p-media_viewer_modal--transparency_fix_themed_blur) .p-media_viewer_modal__playback_speed_button:hover, .sk-client-theme--dark .p-media_viewer_modal.p-media_viewer_modal--transparency_fix_themed_blur .p-media_viewer_modal__playback_speed_button:hover {
  background: #1d1c1dd9;
}

.p-media_viewer_modal {
  &.p-media_viewer_modal--transparency_fix_themed_blur {
    .p-media_viewer_modal__header__gradient {
      background: linear-gradient(rgba(var(--sk_primary_background, 255, 255, 255), 0.6), rgba(var(--sk_primary_background, 255, 255, 255), 0));
      height: 100px;
    }

    .p-media_viewer_modal__footer__gradient {
      background: linear-gradient(rgba(var(--sk_primary_background, 255, 255, 255), 0), rgba(var(--sk_primary_background, 255, 255, 255), 0.6));
      height: 100px;
    }
  }

  &:not(.p-media_viewer_modal--transparency_fix_themed_blur) {
    .p-media_viewer_modal__header {
      .c-icon {
        color: #fff;
      }

      span {
        &.c-channel_entity__name, &.c-timestamp__label {
          color: #fff;
        }
      }
    }

    .p-media_viewer_modal__header__channel_info, .p-media_viewer_modal__header__info .c-icon--hash-medium, .p-media_viewer_modal__header__name, .p-media_viewer_modal__one_click_reactions {
      color: #fff;
    }
  }

  &.p-media_viewer_modal--transparency_fix_themed_blur .p-media_viewer_modal__header span.c-timestamp__label {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }

  &:not(.p-media_viewer_modal--transparency_fix_themed_blur) .p-media_viewer_modal__header__info {
    text-shadow: 1px 1px 4px #1d1c1d66;
  }

  &.p-media_viewer_modal--transparency_fix_themed_blur .p-media_viewer_modal__blurry_background {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    filter: blur(80px) brightness(1);
  }

  &:not(.p-media_viewer_modal--transparency_fix_themed_blur) .p-media_viewer_modal__multimedia_video {
    .c-button--focus-visible:focus, .c-select_button:focus, .p-media_volume_slider__track:focus {
      box-shadow: 0 0 0 1px #fff, 0 0 0 5px #ffffff4d;
    }
  }
}

.p-media_viewer_modal__reactions_reel {
  bottom: 0;
  left: 0;
  padding-bottom: 115px;
  padding-left: 16px;
  position: absolute;
}

.p-media_viewer_modal__reactions_confetti {
  bottom: 115px;
  left: 24px;
  position: absolute;
}

.p-media_viewer_modal__one_click_reactions {
  padding: 0;
  position: absolute;
  right: 48px;
  top: 8px;
  z-index: 1;

  .p-media_reactions_one_click_bar__button {
    border-radius: 4px;
    height: 36px;
    width: 36px;

    &:hover {
      background: #1d1c1dd9;
    }
  }
}

.p-media_viewer_modal__one_click_reactions--thread_open {
  right: 8px;
}

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

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

.p-workflow_trigger_speedbump_modal__header {
  border-bottom: none;
}

.p-workflow_trigger_speedbump_modal__preview_section {
  > .p-workflow_preview {
    margin-top: 4px;
  }

  .p-autoclog__hook {
    display: block;
  }
}

.p-scopes_modal__header {
  border-bottom: none;
}

.p-scopes_modal__description {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: 16px;
}

.p-scopes_modal__subtitle {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 4px;
}

.p-scopes_modal__scopes-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  margin-top: 8px;
}

.p-scopes_modal__scopes-list__item {
  align-items: center;
  display: flex;
  margin-bottom: 4px;
}

.p-scopes_modal__view-workflow-details-link {
  margin-bottom: 16px;
}

.p-oauth_account_picker__container {
  align-items: center;
  display: flex;
}

.p-oauth_account_picker__icon-container {
  align-items: center;
  background-color: rgba(var(--sk_foreground_soft_solid, 243, 243, 243), 1);
  border-radius: 4px;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  margin-right: 12px;
  width: 36px;
}

.p-oauth_account_picker__check-icon-container {
  display: inline-block;
  font-size: 16px;
  margin-left: 4px;
  position: relative;
  top: 2px;
  vertical-align: text-bottom;
}

.p-oauth_account_picker__label-container {
  display: flex;
  flex-direction: column;
  margin-right: 12px;
}

.p-oauth_account_picker__label {
  display: inline;
  font-size: 15px;
  font-weight: 700;
}

.p-oauth_account_picker__sub-label {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 12px;
}

.p-oauth_account_picker__button {
  margin-left: auto;
}

.p-oauth_account_picker__spinner {
  margin-left: 4px;
}

.p-oauth_account_select_modal__list_item {
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);

  &:first-of-type {
    margin-top: 16px;
  }

  &:last-of-type {
    border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    margin-bottom: 16px;
  }
}

.p-third_party_auth__header {
  border-bottom: none;
}

.p-third_party_auth__picker {
  margin-bottom: 16px;
}

.p-missing_context_modal__header {
  border-bottom: none;
}

.p-missing_context_modal__powerful-scopes-list {
  list-style-type: circle;
  margin-bottom: 20px;
}

.p-multi_speedbump_section {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}

.p-multi_speedbump_section__title {
  font-weight: 700;
}

.p-multi_speedbump_section__description {
  margin-top: 4px;
}

.p-multi_speedbump_section__learn-more-btn {
  margin-left: 40px;
  padding-left: 32px;
  padding-right: 32px;
}

.p-multi_speedbump_section__icon {
  margin-left: 4px;
}

.p-full_scopes_modal__header {
  border-bottom: none;
}

.p-full_scopes_modal_section {
  margin-bottom: 8px;
  margin-top: 8px;
}

.p-full_scopes_modal__subtitle {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 4px;
}

.p-default_workflow_speedbump_modal__header {
  border-bottom: none;
}

.p-default_workflow_speedbump_modal__title {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
}

.p-default_workflow_speedbump_modal__caption {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-slide_voice_recorder__waveform_container {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  display: flex;
  height: 48px;
  justify-content: space-between;
  padding-left: 12px;
  padding-right: 12px;
  position: relative;
  width: 220px;
}

.p-slide_voice_recorder__waveforms {
  flex: 1;
}

.p-slide_voice_recorder__cancel {
  --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  align-items: center;
  background-color: rgba(var(--sk_inverted_background, 29, 28, 29), 1);
  border-radius: 50%;
  box-shadow: 0 0 0 4px var(--saf-0);
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  display: flex;
  height: 20px;
  justify-content: center;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
}

.p-slide_voice_recorder__done {
  height: 36px;
  margin-top: 12px;
  min-width: auto;
  width: 36px;
}

.p-slide_voice_over_button__file {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  padding: 8px;
  position: relative;
}

.p-slide_voice_over_button__remove {
  --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  align-items: center;
  background-color: rgba(var(--sk_inverted_background, 29, 28, 29), 1);
  border-radius: 50%;
  box-shadow: 0 0 0 4px var(--saf-0);
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  display: flex;
  height: 20px;
  justify-content: center;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
}

.p-slides__slide {
  height: 400px;
  position: relative;
  width: 660px;

  video {
    max-height: 100%;
    object-fit: contain;
  }
}

.p-slides__element {
  position: absolute;
}

.p-slides__element--text {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.p-slides__element--image {
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.p-slides__element--video {
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden;
  object-fit: cover;
}

.p-slides__element--image {
  object-fit: contain;
}

.p-slides__element--blocks {
  display: flex;
  justify-content: center;
  overflow: hidden;
  width: 100%;

  .p-rich_text_block {
    font-size: 18px;
    line-height: 1.5;
  }
}

.p-slides__element--blocks-centered .p-rich_text_block {
  text-align: center;
}

.p-slides__effect_container {
  display: flex;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}

.p-slides__effect_lottie {
  height: 100%;
  margin: auto;
  width: 100%;
}

.p-slides__modal {
  display: flex;

  + .c-sk-modal__close_button {
    top: 8px;
  }
}

.p-slides__modal_left {
  background: rgba(var(--sk_foreground_soft_solid, 243, 243, 243), 1);
  width: 692px;
}

.p-slides__modal_right {
  border-left: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  flex-grow: 1;
}

.p-slides__header {
  display: flex;
  justify-content: space-between;
}

.p-slides__header--hidden {
  opacity: 0;
  pointer-events: none;
}

.p-slides__header__left {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.8);
  display: flex;
  font-weight: 700;
  padding: 16px;
}

.p-slides__header__save {
  margin: 12px 16px;
}

.p-slides__empty {
  align-items: center;
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  display: flex;
  height: 400px;
  justify-content: center;
  margin: 16px;
  width: 660px;
}

.p-slides__preview {
  box-shadow: 0 1px 3px 0 #00000014;
  margin: 16px;
}

.p-slides__timeline {
  display: flex;
  overflow: scroll;
  width: 100%;
}

.p-slides__timeline__slide_container {
  margin: 16px 0 16px 16px;
  position: relative;
}

.p-slides__timeline__slide {
  box-shadow: 0 1px 3px 0 #00000014;
  display: block;
  flex-shrink: 0;
  height: 100px;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  width: 165px;
}

.p-slides__button_base, .p-slides__timeline__slide {
  transition: scale 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-slides__button_base:active {
  transform: scale(0.95);
}

.p-slides__timeline__slide--current:after {
  box-shadow: inset 0 0 0 3px #1d9bd1cc;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.p-slides__timeline__slide--dragging {
  box-shadow: 0 4px 12px 0 #0000001a;
}

.p-slides__timeline__preview {
  transform: scale(0.25);
  transform-origin: top left;
}

.p-slides__timeline__delete {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  color: #fff;
  opacity: 0;
  overflow: hidden;
  padding: 4px;
  pointer-events: none;
  position: absolute;
  right: -8px;
  top: -8px;
  transform: scale(0.8);
  transition-duration: .16s;
  transition-property: opacity transform;
  transition-timing-function: cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-slides__timeline__slide_container:hover .p-slides__timeline__delete {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);

  &:hover {
    transform: scale(1.15);
  }

  &:active {
    transform: scale(0.9);
  }
}

.p-slides__timeline__add {
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  display: flex;
  justify-content: center;
  margin: 16px;
}

.p-slides__controls_header {
  align-items: center;
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  font-weight: 700;
  height: 52px;
  padding: 0 20px;
}

.p-slides__controls {
  overflow: auto;
  padding: 20px;
}

.p-slides__controls__label {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  display: block;
  font-size: 13px;
  margin-bottom: 8px;
  margin-top: 24px;
}

.p-slides__controls__text {
  display: block;
}

.p-slides__image_picker {
  border-radius: 8px;
  display: block;
  height: 80px;
  overflow: hidden;
  width: 100px;
}

.p-slides__image_picker__image {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.p-slides__image_picker__popover {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  overflow: hidden;
}

.p-slides__image_picker__popover__tab_menu {
  padding: 0 8px;
}

.p-slides__image_picker__target {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  border: 2px dashed var(--saf-0);
  border-radius: 8px;
  display: flex;
  height: 100px;
  justify-content: center;
  margin: 20px;
  padding: 20px;
  text-align: center;
  width: 200px;
}

.p-slides__image_picker__target--overlay {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  position: absolute;
}

.p-slides__image_picker__browse {
  display: flex;
  flex-wrap: wrap;
  height: 300px;
  justify-content: space-evenly;
  overflow: auto;
  width: 300px;
}

.p-slides__image_picker__browse--loading {
  align-items: center;
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  display: flex;
  justify-content: center;
}

.p-slides__image_picker__browse__file {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  height: 120px;
  margin: 12px 0 0;
  overflow: hidden;
  width: 132px;

  &:last-child {
    margin-bottom: 12px;
  }
}

.p-slides__image_picker__browse__file__header {
  border-bottom: 1px solid #0000001a;
  display: flex;
  flex-direction: column;
  height: 40px;
  justify-content: center;
  padding: 4px 8px;
}

.p-slides__image_picker__browse__file__name {
  font-weight: 700;
  display: block;
  font-size: 13px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-slides__image_picker__browse__file__user {
  display: block;
  font-size: 13px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-slides__image_picker__browse__file__preview {
  display: block;
  height: 80px;
  object-fit: cover;
  width: 100%;
}

.p-slides__image_picker__record {
  position: relative;

  .p-video_recorder_canvas__container {
    border-radius: 0;
  }
}

.p-slides__image_picker__record__controls {
  display: flex;

  button {
    flex-grow: 1;
  }
}

.p-slides__image_picker__record__start_stop {
  align-items: center;
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  color: #fff;
  display: flex;
  font-weight: 700;
  justify-content: center;
  padding: 8px;
}

.p-slides__image_picker__record__uploading {
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 0.9);
  bottom: 0;
  display: flex;
  font-weight: 700;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.p-slides__header__title {
  align-items: center;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  margin-top: -2px;
}

.p-slides__header__subtitle {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-slides__header__spinner {
  margin: 0 4px 0 8px;
}

.p-slides__header__spinner_label {
  margin-top: 2px;
}

.p-slides__modal_soundtrack_button {
  align-items: center;
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  font-weight: 700;
  padding: 4px;

  svg {
    height: 20px;
    margin-right: 6px;
    width: 20px;
  }

  &:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }
}

.p-slides__controls_themes {
  display: flex;
}

.p-slides__controls_theme {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  margin-right: 8px;
  padding: 2px 4px;
}

.p-slides__preview_header {
  font-weight: 700;
  margin-left: 16px;
}

.p-slides__template_picker_templates {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  height: 400px;
  justify-content: space-evenly;
  margin: 16px;
  padding: 16px;
  width: 660px;
}

.p-slides__template_picker_button {
  margin: 8px 8px 16px;
  -webkit-user-select: none;
  user-select: none;

  &:hover {
    .p-slides__template_picker_button_label {
      color: #1d9bd1;
    }

    .p-slides__timeline__slide {
      box-shadow: 0 4px 12px 0 #0000001a;
      transform: scale(1.05);
    }
  }
}

.p-slides__header__collaborate {
  height: 28px;
  margin-right: 8px;
  width: 28px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.p-slides__template_description {
  animation: fadeIn .16s;
  margin-top: 84px;
  padding: 16px;
}

.p-slides__template_picker_button_inner {
  display: flex;
  flex-direction: column;
  pointer-events: none;
}

.p-slides__template_picker_button_label {
  align-self: center;
  margin-top: 8px;
}

.p-slides__layout_picker {
  position: relative;
}

.p-slides__layout_picker_layouts {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  height: 400px;
  justify-content: space-evenly;
  margin: 16px;
  overflow: scroll;
  padding: 16px;
  width: 660px;
}

.p-slides__layout_picker_close {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_inverted_background, 29, 28, 29), 1);
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  overflow: hidden;
  padding: 4px;
  position: absolute;
  right: 4px;
  top: -14px;
  transition-duration: 80ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.36, 0.19, 0.29, 1);

  &:active, &:hover {
    transform: scale(1.1);
  }

  svg {
    height: 20px;
    width: 20px;
  }
}

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

.p-slides__controls__texty {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-color: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);

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

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

  .c-wysiwyg_container__footer {
    display: none;
  }
}

.p-file_attachments {
  position: relative;
  width: 100%;
}

.p-file_attachments_container {
  align-items: center;
  display: flex;
  width: 100%;
}

.p-file_attachments__menu .c-menu_item__icon {
  margin-left: -12px;
}

.p-file_attachments__menu_item {
  display: flex;
  margin-bottom: 8px;
  margin-left: 12px;

  &:last-of-type {
    margin-bottom: 2px;
  }
}

.p-file_attachments__remove_button {
  margin-left: auto;
  margin-right: 2px;
}

.p-file_attachments__add_button {
  height: 36px;
  margin-left: 4px;
  width: 36px;
}

.p-file_attachments__spinner {
  margin-left: 4px;
}

.p-file_attachments__files {
  margin-left: 2px;
}

.p-file_attachments__drag_overlay {
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 0.95);
  bottom: 0;
  cursor: grabbing;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 200;
}

.p-file_attachments__drag_overlay_icon {
  background: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
  border-radius: 8px;
  color: #fff;
  height: 36px;
  width: 36px;
}

.p-list_record_modal_info {
  margin: 32px 0 16px;
  overflow: auto;
}

.p-list_record_modal_info__default_field {
  padding: 0 0 0 100px;
  width: 100%;

  &:hover {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

@media screen and (max-width: 768px) {
  .p-list_record_modal_info__default_field {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.p-list_record_modal_info__field_row_container {
  display: flex;

  .p-list_detail__date_field_container, .p-list_detail__date_field_input.c-date_picker__select_input, .p-list_detail__date_range_field {
    padding-left: 0;
  }

  .p-list_detail__date_field_container:hover, .p-list_detail__date_field_input.c-date_picker__select_input:hover, .p-list_detail__date_range_field:hover {
    cursor: pointer;
  }

  &:hover {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);

    .p-list_record_modal_info__field_row_reorder_control {
      visibility: visible;
    }

    .p-list_detail__date_field_input {
      background-color: initial;
    }
  }
}

.p-list_record_modal_info__field_row_reorder_control {
  margin-left: 72px;
  max-width: 128px;
  padding: 6px 8px 6px 0;
  visibility: hidden;
}

@media screen and (max-width: 768px) {
  .p-list_record_modal_info__field_row_reorder_control {
    margin-left: 22px;
    max-width: 78px;
  }
}

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

.p-list_record_modal_info__field {
  padding: 6px 100px 6px 0;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-list_record_modal_info__field {
    padding-right: 50px;
  }
}

.p-list_record_modal_info__field_editable:hover {
  cursor: pointer;
}

.p-list_record_modal_info__field_label {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-list_record_modal_info__field_value {
  align-items: center;
  display: flex;
  flex: 1;
  font-size: 15px;
  min-height: 40px;

  &.p-list_record_modal_info__field_value--large {
    font-size: 21px;
    font-weight: 900;
  }

  .c-basic-select, .c-basic_container, .c-date_picker__select_container, .c-multi-select, .c-search-select {
    width: 100%;
  }

  .c-timestamp__label {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.46668;
    padding-left: 0;
  }

  .c-small_member_list_entity {
    padding-left: 0;
  }
}

.p-list_record_modal_info__field_value_container {
  display: flex;
}

.p-list_record_modal_info__field_value_input_container {
  padding-top: 8px;
  width: 100%;

  .c-basic_container--bordered:focus-within, .c-date_picker_input--focused, .c-multi_select_input--focused, .c-select_input:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border: 1px solid var(--saf-0);
    box-shadow: 0 1px 6px #0000004d;
  }

  .c-date_picker_input--focused {
    border-radius: 4px;
    padding: 0 12px;
  }
}

.p-list_release_tier_badge {
  align-items: center;
  border-radius: 4px;
  display: flex;
  gap: 6px;
  justify-content: space-between;
  margin-left: 12px;
  padding: 4px 8px;
}

.p-list_release_tier_badge__label {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.p-list_release_tier_badge__light {
  background: #e8f5fa;
  color: #0b4c8c;
}

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

.p-list_record_modal_top_bar {
  align-items: center;
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  flex-direction: row;
  height: 69px;
  justify-content: space-between;
  min-height: 69px;
  padding: 0 20px;
}

.p-list_record_modal_top_bar__actions {
  display: flex;
  min-width: 80px;
  padding-right: 0;
}

.p-list_record_modal_top_bar__header {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 900;
  min-width: 140px;
  padding-right: 16px;

  .p-list_record_modal_top_bar__list_title {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    font-size: 13px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.38463;
    margin-left: 16px;
  }
}

.p-list_record_modal_top_bar__link {
  align-items: center;
  display: flex;
  padding: 2px 0 0 12px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);

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

  &:focus:hover, &:hover:hover {
    text-decoration: none;
  }
}

.p-list_record_modal_top_bar__copy_link_action, .p-list_record_modal_top_bar__more_actions_menu, .p-list_record_modal_top_bar__next_record_action, .p-list_record_modal_top_bar__open_in_new_window, .p-list_record_modal_top_bar__share_action {
  margin-right: 8px;
}

@media screen and (max-width: 1024px) {
  .p-list_record_modal_top_bar__share_action {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .p-list_record_modal_top_bar__copy_link_action, .p-list_record_modal_top_bar__next_record_action, .p-list_record_modal_top_bar__prev_record_action {
    display: none;
  }
}

.p-list_record_modal_top_bar__more_actions_copy_link_menu_item .c-menu_item__icon, .p-list_record_modal_top_bar__more_actions_next_record_menu_item .c-menu_item__icon, .p-list_record_modal_top_bar__more_actions_prev_record_menu_item .c-menu_item__icon, .p-list_record_modal_top_bar__more_actions_send_feedback_menu_item .c-menu_item__icon {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-right: 8px;
}

.p-list_record_modal_top_bar__more_actions_next_record_menu_item, .p-list_record_modal_top_bar__more_actions_prev_record_menu_item {
  display: none;
}

@media screen and (max-width: 768px) {
  .p-list_record_modal_top_bar__more_actions_next_record_menu_item, .p-list_record_modal_top_bar__more_actions_prev_record_menu_item {
    display: flex;
  }
}

.p-list_record_modal_top_bar__toggle_record_thread {
  background: #0000;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);

  &[disabled] {
    background-color: initial;
    color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);

    &:hover {
      background-color: initial;
      color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    }
  }

  &[aria-pressed=true] {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);

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

.p-list_record_history__edit {
  padding: 8px 24px 8px 16px;

  .c-message__sender {
    margin-left: 8px;
    margin-right: 6px;
  }

  > .c-avatar {
    transform: translateY(4px);
  }
}

.p-list_record_modal_flexpane {
  border-left: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-width: 300px;
}

.p-list_record_modal_flexpane__top_bar {
  align-items: center;
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  flex-direction: row;
  height: 69px;
  justify-content: space-between;
  min-height: 69px;
  padding: 0 16px;
}

.p-list_record_modal_flexpane__title {
  align-items: baseline;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.5rem;
  margin-right: 4px;
}

.p-list_record_modal_flexpane__view_switcher {
  display: flex;
}

.p-list_record_modal_flexpane__view_switcher_button.p-view_header__big_button {
  width: auto;
}

.p-list_record_modal_flexpane__actions {
  padding-right: 48px;
}

.p-list_record_modal_flexpane__filter_action_badge {
  --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  border: 2px solid var(--saf-0);
  border-radius: 50%;
  height: 10px;
  position: absolute;
  right: 70px;
  top: 24px;
  width: 10px;
}

.p-list_record_nux_banner {
  background-color: #1d9bd11a;
  border: 1px solid #1d9bd166;
  border-radius: 4px;
  margin: 16px;
  padding: 16px 16px 0;

  .c-alert__icon {
    color: #1d9bd1;
  }
}

.p-list_record_nux_banner__button {
  align-self: baseline;
}

.p-list_record_nux_banner__image {
  align-self: flex-end;
  height: -moz-fit-content;
  height: fit-content;
  margin-right: 16px;
}

.p-list_record_nux_banner__text {
  margin-bottom: 16px;
}

.p-list_record_management {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
}

.p-list_record_management__container {
  display: flex;
  flex: 2 2 0;
  flex-direction: column;
  height: 100%;
  position: relative;
  width: 100%;
}

.p-list_record_management__container_content {
  overflow: auto;
}

.p-list_record_management__spinner {
  align-self: center;
  justify-self: center;
  position: absolute;
  top: 50px;
}

.p-list_record_modal {
  height: 100%;
  max-width: 1200px;
  width: 100%;

  .c-sk-modal__close_button {
    top: 16px;
  }
}

.p-window_layout_wrapper {
  animation: fade-in 80ms linear 1;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  height: 100%;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.p-window_layout_wrapper--app {
  height: calc(100% - 36px);

  .p-window_layout_wrapper__primary_view {
    overflow: hidden;
  }
}

.p-window_layout_wrapper {
  &.p-window_layout_wrapper--multi-view, &:not(.p-window_layout_wrapper--canvas, .p-window_layout_wrapper--doc) {
    display: grid;
    grid-template-rows: auto;
    position: relative;
  }
}

.p-window_layout_wrapper--channel, .p-window_layout_wrapper--dm, .p-window_layout_wrapper--mpdm {
  height: calc(100% - 44px);
}

.p-window_layout_wrapper--channel .p-message_pane, .p-window_layout_wrapper--dm .p-message_pane, .p-window_layout_wrapper--mpdm .p-message_pane {
  height: 100%;
}

.p-window_layout_wrapper--channel .p-message_pane--classic-nav, .p-window_layout_wrapper--dm .p-message_pane--classic-nav, .p-window_layout_wrapper--mpdm .p-message_pane--classic-nav {
  top: 0;
}

.p-window_layout_wrapper--channel .p-message_pane--with-bookmarks-bar, .p-window_layout_wrapper--dm .p-message_pane--with-bookmarks-bar, .p-window_layout_wrapper--mpdm .p-message_pane--with-bookmarks-bar {
  top: -8px;
}

.p-window_layout_wrapper--loading {
  display: none;
}

.p-window_layout_wrapper__primary_view {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  overflow: hidden;
}

.p-window_layout_wrapper__secondary {
  border-left: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  overflow: hidden;
  position: relative;
}

.p-window_layout_wrapper__secondary--single-column {
  border-left: none;
}

.p-window_layout_wrapper--multi-view {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0);
  height: calc(100% - 48px);
  margin: 0 4px;
  overflow: hidden;
}

.p-file_upload_banner {
  color: #fff;
  flex: 1 0 auto;
  font-size: 15px;
  font-weight: 700;
  height: 25px;
  position: relative;
  width: 100%;
  z-index: 200;
}

.p-file_upload_banner--fading {
  opacity: 0;
  transition: opacity 0.2s;
}

.p-file_upload_banner__progress {
  align-items: center;
  background: #1264a3;
  border-radius: 6px;
  display: flex;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.p-file_upload_banner__progress--complete {
  background: #0b4c8c;
}

.p-file_upload_banner__progress--canceled {
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
}

.p-file_upload_banner__progress_inner {
  background-image: url(./progress_bar_pattern_ia-f60b2e2.png);
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: 36px 36px;
  border-radius: 6px;
  display: inline-block;
  height: 100%;
  transition: width 0.15s;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-file_upload_banner__progress_inner {
    background-image: url(./progress_bar_pattern_ia@2x-c466672.png);
  }
}

.p-file_upload_banner__progress_inner--animated {
  animation: p-file_upload_banner--progress_bar 1s linear infinite;
  transition: none;
}

@keyframes p-file_upload_banner--progress_bar {
  0% {
    background-position: 0 0;
  }

  to {
    background-position: -36px 0;
  }
}

.p-file_upload_banner__text {
  display: flex;
  height: 25px;
  left: 10px;
  line-height: 25px;
  max-width: 75%;
  position: absolute;
  top: 0;
}

.p-file_upload_banner__text_name {
  display: block;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 228px;

  wbr {
    display: none;
  }
}

.p-file_upload_banner--cancelable .p-file_upload_banner__text_name {
  width: 210px;
}

.p-file_upload_banner__text_percent {
  margin-left: 8px;
}

.p-file_upload_banner__cancel {
  color: #fff;
  font-size: 14px;
  line-height: 1;
  position: absolute;
  right: 10px;
  top: 5px;
}

@keyframes hoverNameFade {
  2% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-huddles_alert_banner {
  display: flex;
  position: relative !important;
  text-align: left;
  z-index: 200;

  .c-banner__text {
    display: flex;
  }
}

.p-huddles_alert_banner__content {
  font-weight: 400;
  margin-bottom: 0;
}

.p-huddles_alert_banner--mini_player {
  left: 0 !important;
}

.p-huddles_alert_banner--baby_window {
  border-radius: 5px;
  margin: 0 4px 4px;
}

.p-huddles_alert_banner--expanded_window {
  text-align: center;

  .c-banner__text {
    align-items: center;
    justify-content: center;
  }

  .p-huddles_alert_banner__song_name {
    display: inline-flex;
  }
}

.p-huddles_alert_banner__icon {
  margin-right: 5px;
}

.p-huddles_alert_banner__song_name {
  display: flex;
  flex-direction: column;
  font-weight: 700;
  padding-right: 12px;
}

.p-huddles_alert_banner__temporary_control_banner {
  background-color: var(--p-huddle__column_bg);
  color: var(--p-huddle__text_color);

  .c-banner__close {
    visibility: hidden;
  }
}

.p-huddles_alert_banner__container--expanded_window {
  display: flex;
  flex-direction: column-reverse;

  .p-huddles_alert_banner--bottom_banner {
    border-radius: 0 0 8px 8px;
  }
}

.p-huddles_alert_banner__inner_container--expanded_window {
  display: flex;
  flex-direction: column;
}

.p-huddles_alert_banner__warning_banner .c-banner__close {
  color: #1d1c1d;

  &:hover {
    color: #1d1c1d;
  }
}

.p-huddles_alert_banner__music_icon_container {
  align-items: center;
  display: flex;
  justify-content: center;

  .p-huddle_lounge_music_icon {
    fill: var(--p-huddle__text_color);
    height: 15px;
    width: 15px;
  }

  .p-huddle_lounge_music_icon--lottie {
    height: 20px;
    width: 20px;
  }
}

.p-huddle_sidebar_footer--ia4 .p-huddles_alert_banner__container--mini_player {
  margin-top: 2px;

  .p-huddles_alert_banner--mini_player {
    border-radius: 8px;
  }
}

.p-huddle_lounge_music_icon {
  fill: var(--p-huddle__text_color);
  height: 10px;
  width: 10px;
}

.p-huddle_lounge_music_icon--lottie path {
  fill: var(--p-huddle__text_color);
  stroke: var(--p-huddle__text_color);
}

.p-huddles_video.flipped {
  transform: scaleX(-1);
}

.p-huddles_video__spinner {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.p-huddle_open_window_button_wrapper {
  display: flex;
  margin: auto;
  position: relative;

  .c-avatar {
    cursor: pointer;
  }
}

.p-presented_items_pane__container {
  align-items: center;
  background-color: var(--p-huddle__column_bg);
  display: flex;
  justify-content: center;
  padding: 8px 16px;
  position: relative;
  text-align: center;
  width: 100%;

  &.p-presented_items_pane__container--padding {
    padding: 8px 16px;
  }

  .p-presented_items_pane__screenshare--no_bottom_radius {
    border-radius: 8px 8px 0 0;
  }

  .p-presented_items_pane__button {
    color: var(--p-huddle__text_color);

    &:hover {
      color: var(--p-huddle__text_color_opacity_hover);
    }
  }

  .p-file_quip__snippet .p-block_kit_renderer {
    transform: scale(0.5);
    transform-origin: 0 0;
    width: 200%;
  }
}

.p-presented_items_pane__container--no_margin {
  margin: 0;
}

.p-presented_items_pane__slider_content {
  display: flex;
  position: relative;
  transition: transform 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-presented_items_pane__slider {
  max-height: 180px;
  overflow: hidden;
}

.p-presented_items_pane__button {
  color: var(--p-huddle__text_color);
  height: 32px;
  width: 28px;
}

.p-presented_items_pane__file {
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.p-presented_items_pane__button--left:before, .p-presented_items_pane__button--right:before {
  background-color: var(--p-huddle__column_bg);
  content: '';
  display: block;
  height: 24px;
  position: absolute;
  width: 24px;
}

.p-presented_items_pane__button--left:before {
  border-radius: 8px 0 0 8px;
}

.p-presented_items_pane__button--right:before {
  border-radius: 0 8px 8px 0;
}

.p-presented_items_pane__file .p-file_image_thumbnail__wrapper {
  pointer-events: none;
}

.p-presented_items_pane__screenshare {
  aspect-ratio: 1.77777778;
  background-color: var(--p-huddle__column_bg);
  border-radius: 8px;
  height: auto;
  max-height: 180px;
  object-fit: cover;
  width: 100%;
}

.p-presented_items_pane--flex_basis {
  display: flex;
  flex: 0 0 100%;
}

.p-presented_items_pane__screenshare_overlay {
  align-items: center;
  background-color: var(--p-huddle__column_bg_opacity_50);
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;

  .p-presented_items_pane__screenshare_overlay__expand_label {
    background-color: var(--p-huddle__column_bg);
    border-radius: 8px;
    color: var(--p-huddle__text_color);
    font-weight: 700;
    line-height: 20px;
    padding: 8px 28px;
  }
}

.p-presented_items_pane__slider:hover .p-presented_items_pane__screenshare_overlay {
  opacity: 1;
}

.p-presented_items_pane__slider_container {
  position: relative;
  width: 100%;
}

.p-presented_items_pane--with_replies {
  position: relative;
}

.p-presented_items_pane__floating_video_container {
  bottom: 4px;
  display: flex;
  left: 4px;
  pointer-events: none;
  position: absolute;

  &.presented_items_pane--unreads {
    bottom: 48px;
  }

  .c-base_icon, .p-presented_items_pane__video {
    border-radius: 8px;

    &.flipped {
      border-radius: 8px;
    }
  }
}

.p-presented_items_pane--cover {
  aspect-ratio: 1;
  object-fit: cover;
}

.p-presented_items_pane__floating_avatar .c-base_icon__width_only_container {
  border-radius: 8px;
}

.p-presented_items_pane__container--in_canvas_window {
  padding: 0 4px 4px;

  .p-presented_items_pane__slider {
    max-height: none;
  }

  .p-presented_items_pane__screenshare {
    border-radius: 8px;
    max-height: none;
  }

  .p-presented_items_pane__floating_video_container {
    bottom: 8px;
    left: 8px;
  }
}

.p-presented_items_pane__left_right_controls {
  bottom: 0;
  position: absolute;
  right: 0;
  z-index: 2;
}

.p-canvas_quick_emoji_picker {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  max-height: none;
  overflow: hidden;
  position: relative;
  width: 360px;
}

.p-canvas_quick_emoji_picker__tab_menu {
  padding: 2px 8px 0;
}

.p-canvas_quick_emoji_picker__tab_panel .c-menu {
  box-shadow: none;

  &.p-emoji_picker {
    box-shadow: none;
  }
}

.p-canvas_quick_emoji_picker__reaction_panel {
  height: 200px;
  overflow: hidden;
}

.p-canvas_quick_emoji_picker__reaction_panel_subtitle {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
  margin-left: 16px;
  padding-top: 8px;
}

.p-canvas_quick_emoji_picker__reaction_grid, .p-canvas_quick_emoji_picker__sticker_grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 8px;
}

.p-canvas_quick_emoji_picker__reaction_grid {
  margin-top: 16px;
}

.p-canvas_quick_emoji_picker__sticker_grid {
  justify-content: start;
  margin-top: 0;
}

.p-canvas_quick_emoji_picker__reaction_button {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
  width: 25%;
}

.p-canvas_quick_emoji_picker__reaction_text {
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
}

.p-canvas_quick_emoji_picker__reaction_emoji_wrapper, .p-canvas_quick_emoji_picker__sticker_emoji_wrapper {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-radius: 28px;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  height: 56px;
  line-height: 1.38463;
  margin-bottom: 6px;
  position: relative;
  width: 56px;
}

.p-canvas_quick_emoji_picker__reaction_emoji_wrapper:hover, .p-canvas_quick_emoji_picker__sticker_emoji_wrapper:hover {
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.p-canvas_quick_emoji_picker__reaction_emoji_wrapper {
  &.p-canvas_quick_emoji_picker__reaction_emoji_wrapper--selected, &.p-canvas_quick_emoji_picker__sticker_emoji_wrapper--selected {
    background-color: #007a5a;
    color: #fff;
  }
}

.p-canvas_quick_emoji_picker__sticker_emoji_wrapper {
  &.p-canvas_quick_emoji_picker__reaction_emoji_wrapper--selected, &.p-canvas_quick_emoji_picker__sticker_emoji_wrapper--selected {
    background-color: #007a5a;
    color: #fff;
  }
}

.p-canvas_quick_emoji_picker__reaction_emoji_wrapper {
  &.p-canvas_quick_emoji_picker__reaction_emoji_wrapper--selected:hover, &.p-canvas_quick_emoji_picker__sticker_emoji_wrapper--selected:hover {
    background-color: #006147;
  }
}

.p-canvas_quick_emoji_picker__sticker_emoji_wrapper {
  &.p-canvas_quick_emoji_picker__reaction_emoji_wrapper--selected:hover, &.p-canvas_quick_emoji_picker__sticker_emoji_wrapper--selected:hover {
    background-color: #006147;
  }

  align-items: center;
  border-radius: 8px;
  display: flex;
  justify-content: start;
  margin-bottom: 0;
  width: 100%;
}

.p-canvas_quick_emoji_picker__reaction_emoji {
  height: 56px;
  padding: 16px;
  width: 56px;
}

.p-canvas_quick_emoji_picker__sticker_emoji {
  height: 24px;
  margin-left: 16px;
  margin-right: 8px;
  width: 24px;
}

.p-canvas_quick_emoji_picker__emoji_picker_content {
  max-height: 200px;
  min-height: 200px;
}

.p-canvas_quick_emoji_picker__emoji_picker_content--reaction-height-without-cta {
  max-height: 168px;
  min-height: 168px;
}

.p-canvas_quick_emoji_picker__emoji_picker_content--message-height-without-cta {
  max-height: 136px;
  min-height: 136px;
}

.p-canvas_quick_emoji_picker__sticker_button {
  padding: 8px;
  width: 50%;
}

.p-canvas_quick_emoji_picker__right_controls {
  position: absolute;
  right: 0;
  top: 2px;
  z-index: 2;
}

.p-huddle_screen_picker {
  margin-bottom: 16px;
  margin-top: 16px;

  &.p-huddle_screen_picker--window-compact-view {
    margin-bottom: 0;
    margin-top: 12px;

    .p-video_recorder_screen_picker_tile {
      height: 92px;
      margin-bottom: 12px;
      padding: 0;
      width: 120px;

      .p-video_recorder_screen_picker_tile__thumb {
        height: 74px;
        margin-bottom: 0;
        width: 120px;
      }
    }
  }
}

.p-huddle_screen_picker__screens_grid {
  grid-gap: 0 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, 136px);
  justify-content: center;
  margin: 0 12px;
}

.p-huddle_screen_picker_modal {
  max-height: 370px;
  max-width: 600px;

  .p-video_recorder_screen_picker_tile {
    place-self: center;

    &.p-video_recorder__new-tile {
      border-radius: 8px;
      max-height: 112px;
      max-width: 100px;
    }
  }

  .p-video_recorder_screen_picker_tile--selected, .p-video_recorder_screen_picker_tile:hover {
    background-color: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    color: #fff;
  }

  .p-video_recorder_screen_picker_tile--selected .p-video_recorder_canvas_screen_picker_tile--no-screen {
    background: #1264a3;
    color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  }

  &.p-huddle_screen_picker_modal--window-compact-view {
    .p-huddle_screen_picker_modal__modal_header--compact {
      min-height: 34px;
    }

    .p-huddle_screen_picker_modal__modal_title_bar--compact {
      min-height: 34px;
      padding: 12px 12px 0;

      .c-sk-modal_title_bar__text h1 {
        font-size: 15px;
        line-height: 22px;
      }
    }

    .c-sk-modal__close_button {
      right: 12px;
      top: 6px;
    }
  }
}

.p-huddle_screen_picker_modal__content {
  flex: 1;
}

.p-huddle_screen_share_button__tooltip_subtitle {
  color: #616061;
}

.p-huddle_screen_share_button__text {
  padding-left: 6px;
}

.p-huddle_screen_share_button--screen-sharing-active {
  background-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.1);
  padding: 0 12px;
}

.p-huddle_education__mini_window {
  border-radius: 4px;
  font-weight: 400;
  margin: 0 4px 4px;
  text-align: left;
}

.p-huddle_education__large_window {
  border-radius: 8px;
  margin-top: 4px;
  text-align: left;
}

.p-huddle_education__connect_with_huddles_canvas {
  font-weight: 400;
}

.p-huddle_education__entrypoint, .p-huddle_education__mini_player {
  border-radius: 8px 8px 0 0;
  font-weight: 400;
  text-align: left;
}

.p-huddle_education__screenshare {
  border-radius: 8px;
  left: -276px;
  margin: -53px auto 0;
  min-width: 600px;
  position: absolute;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;

  &:after {
    background-color: #1264a3;
    bottom: -5px;
    content: '';
    height: 10px;
    left: calc(50% - 5px);
    position: absolute;
    transform: rotate(45deg);
    width: 10px;
  }
}

@media screen and (max-width: 1070px) {
  .p-huddle_education__screenshare--small .p-huddle_education__screenshare {
    left: -176px;
    margin-top: -76px;
    min-width: 400px;
  }
}

.p-huddle_education__screenshare_container {
  position: relative;
}

.p-huddle_education__entrypoint .c-banner__close, .p-huddle_education__large_window .c-banner__close, .p-huddle_education__mini_player .c-banner__close, .p-huddle_education__mini_window .c-banner__close, .p-huddle_education__screenshare .c-banner__close {
  color: #fff;
}

.p-huddle_invite_menu_item--copy {
  display: flex;
  flex-grow: 1;
}

.p-huddle_invite_menu_item--pro_badge {
  align-self: center;
}

.p-huddle_topic_dialog {
  .c-sk-modal_title_bar {
    padding-bottom: 11px;
  }

  .c-sk-modal_content__inner {
    padding-bottom: 5px;
    padding-top: 5px;
  }

  .c-sk-modal_footer {
    padding-top: 15px;
  }
}

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

.c-menu_item__li--highlighted .p-huddle_jukebox_menu--stop {
  color: #fff;
}

.p-huddle_background_menu__category {
  padding-top: 8px;
}

.p-huddle_background_menu__category_label {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  margin: 0 auto;
  width: 88%;
}

.p-huddle_background_menu__preview_image_and_checkbox_container {
  position: relative;
  transition: transform 80ms cubic-bezier(0.36, 0.19, 0.29, 1);

  &:hover {
    transform: scale(1.05);
  }
}

.p-huddle_background_menu__preview_image_checkbox_icon {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 999;
}

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

.p-huddle_background_menu__category_preview_image {
  border-radius: 8px;
  cursor: pointer;
  height: 96px;
  padding: 1.6px;
  width: 143px;
}

.p-huddle_background_menu__category_preview_image--selected {
  box-shadow: 0 1px 3px 0 #00000014, 0 0 0 2px #1264a3;
}

.p-huddle_background_menu__category_previews {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: left;
  margin: 15px 0 15px 25px;
}

.p-huddle_background_menu__category_previews--compact_mode {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
}

.p-huddle_background_menu__category_previews--tooltip_artist_detailed {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  font-weight: 700;
}

.p-huddle_background_dialog {
  .c-sk-modal_footer {
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);

    .p-huddle_background_dialog__footer_copy {
      color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
      margin-bottom: 0;
    }
  }

  .c-sk-modal_footer_actions {
    display: flex;
  }
}

.p-huddle_background_dialog__title_bar--compact_mode {
  padding-right: 0;
}

.p-huddle_background_dialog__content {
  max-height: 600px;
  overflow: auto;
  padding: 0;
}

.p-huddle_video_background_menu__image_and_checkbox_container {
  flex-grow: 1;
  position: relative;
  transition: transform 80ms cubic-bezier(0.36, 0.19, 0.29, 1);

  &:hover {
    transform: scale(1.05);
  }
}

.p-huddle_video_background_menu__category_preview_image {
  border-radius: 8px;
  cursor: pointer;
}

.p-huddle_video_background_menu__category_preview_image--compact_mode {
  margin: 8px;
}

.p-huddle_video_background_menu__category_preview_image--selected {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  box-shadow: 0 1px 3px 0 #00000014, 0 0 0 2px var(--saf-0);
  padding: 2px;
}

.p-huddle_video_background_menu__category_previews {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 10px 0;
  max-height: 320px;
}

.p-huddle_video_background_menu__category_previews--compact_mode {
  gap: 10px;
  margin-left: 35px;

  .p-huddle_video_background_menu__checkbox_icon {
    &:before {
      font-size: 15px;
    }

    right: 13px;
    top: 13px;
  }
}

.p-huddle_video_background_menu__checkbox_icon {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  position: absolute;
  right: 7px;
  top: 7px;
  z-index: 999;
}

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

.p-huddle_video_background_menu__category_preview_image_none {
  align-items: center;
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  display: flex;
  justify-content: center;
}

.p-huddle_video_background_menu__category_preview_image_none--selected {
  background-color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
  border: 2px solid #fff;
  color: #fff;
}

.p-huddle_video_background_menu__category_preview_image_blur {
  align-items: center;
  background: radial-gradient(91.15% 91.15% at 50% 8.85%, #93a699 0, #7f945c 52.06%, #6a6b45 92.19%);
  color: #fff;
  display: flex;
  justify-content: center;
}

.p-huddle_video_background_menu__category_preview_image_blur--selected {
  background: radial-gradient(91.15% 91.15% at 50% 8.85%, #4889af 29.17%, #1a5b7a 92.19%);
  border: 2px solid #fff;
}

.p-huddle_video_background_dialog__video_content {
  min-height: 240px;
  min-width: 240px;
  padding-bottom: 20px;
}

.p-huddle_video_background_dialog__video_content--compact_mode {
  min-height: 200px;
  min-width: 200px;
  padding-bottom: 20px;
}

.p-huddle_video_background_dialog__previews {
  display: flex;
  margin-bottom: 45px;
}

.p-huddle_video_background_dialog__video_stream {
  border-radius: 8px;
  display: flex;
  height: 240px;
  margin: auto;
  width: 240px;
}

.p-huddle_video_background_dialog__video_stream--compact_mode {
  height: 200px;
  width: 200px;
}

.p-huddle_video_background_dialog__video_stream_container {
  align-items: center;
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  display: flex;
  justify-content: center;
}

.p-huddle_video_background_dialog__spinner_container {
  position: absolute;
  z-index: 1;
}

.p-huddle_video_background_dialog__video_container {
  z-index: 2;
}

.p-huddle_reaction_menu_item {
  .c-emoji__small {
    border: none;
  }

  .c-menu_item__icon {
    align-items: center;
    display: flex;
    justify-content: center;
  }

  .p-huddle_reaction_menu_item__emoji {
    height: 16px;
    width: 16px;
  }
}

.p-huddle_schedule_time_picker {
  flex-direction: row;
  flex-wrap: unset;
  margin-left: 0;
  width: unset;

  .c-label {
    padding: 0;
  }

  .c-label__text {
    padding-bottom: 4px;
  }

  #custom-modal-time-label {
    padding-left: 12px;
  }

  .c-date_time_picker__date_picker_container {
    flex: unset;
    max-width: 150px;
    min-width: 150px;
    padding: 0;
    transition: 0.2s;
  }

  .c-date_time_picker__time_picker_container {
    flex: unset;
    max-width: 150px;
    min-width: 150px;
    padding: 0;
    transition: 0.2s;
    margin-left: 8px;
  }

  .c-input_text, .c-select_input {
    border-radius: 4px;
  }

  &.p-huddle_schedule_time_picker--focus_input {
    .c-date_time_picker__date_picker_container, .c-date_time_picker__time_picker_container {
      min-width: 50px;
      transition: 0.2s;
    }

    .c-time_picker__select_input_wrapper {
      border-radius: 4px;
    }

    .c-date_picker__select_input, .c-icon--chevron-medium-down, .c-time_picker__select_input, .c-time_picker__select_input_content {
      display: none;
    }

    .c-input_text_icon {
      --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
      align-items: center;
      border: 1px solid var(--saf-0);
      border-radius: 4px;
      display: flex;
      justify-content: center;
      transition: border 80ms ease-out, box-shadow 80ms ease-out;

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

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

      &[disabled] {
        --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
        background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
        border: 1px solid var(--saf-0);
      }

      .c-input_text_icon__icon {
        margin: unset;
      }
    }
  }
}

.p-huddle_schedule_members_picker {
  display: flex;
  margin: 4px 0;

  .c-icon--user {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    height: 100%;
    left: 0;
    margin-left: 12px;
    position: absolute;
    top: 0;
    width: 15px;

    &:before {
      font-size: 15px;
    }
  }

  .c-multi_select_input {
    border-radius: 4px;

    .c-multi_select_input__token {
      cursor: default;
    }

    .c-token--disabled {
      background: none;
    }
  }

  .c-multi_select_input__input--with-icon, .c-multi_select_input__placeholder--with-icon {
    margin-left: 24px;
  }
}

.p-huddle_schedule_modal__content_section .c-basic_container--bordered {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  border: 1px solid var(--saf-0);
}

.p-huddle_schedule_modal__date_time_topic {
  align-items: center;
  display: flex;
  margin-bottom: 12px;
  margin-top: 12px;

  > :not(:last-child) {
    margin-right: 8px;
  }
}

.p-huddle_schedule_modal__topic_input_container {
  border-radius: 4px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;

  .p-huddle_schedule_modal__topic_input {
    .ql-editor {
      height: 36px;
      max-height: 36px;
      min-height: 36px;

      > p {
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }

    .ql-placeholder {
      color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
      opacity: 1;
    }
  }

  &:focus-within {
    border-radius: 4px;
  }
}

.p-huddle_schedule_modal__footer {
  justify-content: flex-start;
}

.p-huddle_schedule_modal__footer_actions {
  display: flex;
  width: 100%;
}

.p-huddle_schedule_modal__info_msg {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-huddle_schedule_modal__go_button {
  margin-left: auto;
  margin-right: 0;
}

.p-huddle_schedule_menu_item .c-menu_item__icon {
  align-items: center;
  display: flex;
  justify-content: center;
}

.p-huddle_camera_preview_modal__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 4px;
}

.p-huddle_camera_preview_modal__video_stream_container {
  align-items: center;
  aspect-ratio: 1;
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  max-width: 300px;
}

.p-huddle_camera_preview_modal__spinner_container {
  position: absolute;
}

.p-huddle_camera_preview_modal__video_container {
  z-index: 1;
}

.p-huddle_camera_preview_modal__camera_select {
  width: 100%;
}

.p-huddle_camera_preview_modal__video_element {
  border-radius: 4px;
  display: block;
  width: 100%;
}

.p-huddle_camera_preview_modal__camera_select_title {
  align-self: flex-start;
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;
  padding-top: 8px;
}

.p-canvas_more_actions_menu--full-height-and-width {
  height: 100%;
  max-height: none;
  max-width: none;
}

.p-canvas_more_actions_menu--submenu-as-menu-list-item {
  align-items: center;
  display: flex;
  justify-content: space-between;

  .c-menu_item__submenu-indicator {
    padding-right: 4px;
  }
}

.p-canvas_more_actions_menu__menu-header {
  align-items: center;
  display: flex;
  margin-top: -4px;
  padding: 0 16px 0 24px;

  .p-canvas_more_actions_menu__menu-header__label {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    flex: 1;
    font-weight: 700;
  }
}

.p-canvas_more_actions_menu__submenu-as-menu-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: -4px;
  padding: 0 16px;

  .p-canvas_more_actions_menu__submenu-as-menu-header__back-button {
    align-items: center;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    display: flex;
  }
}

@keyframes p-huddle_icon__slash {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes p-video_button_icon--blink {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-huddle_camera_icon {
  &.p-huddle_camera_icon__container {
    display: flex;
    font-size: 15px;
    position: relative;
    text-align: center;
  }

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

  .p-huddle_camera_icon--slash_animated {
    stroke-dasharray: 24;
    stroke-dashoffset: 24;
    animation: p-huddle_icon__slash 175ms cubic-bezier(0.5, 0, 1, 1.25) forwards;
  }

  .p-huddle_camera_icon--dot {
    animation: p-video_button_icon--blink .7s 4 alternate;
    color: #007a5a;
    opacity: 1;
  }
}

.p-huddle_alone_warning_coachmark__clip_button {
  font-weight: 700;
  margin-top: 8px;

  .c-icon {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    transform: translateY(2px);
  }
}

.p-huddle_alone_warning_coachmark__title {
  font-size: 18px;
  font-weight: 900;
  line-height: 24px;
}

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

.p-huddle_alone_warning_coachmark__body__clip {
  text-decoration: underline;
}

.p-huddle_tooltip_device_content .p-huddle_tooltip_device_label {
  opacity: 0.6;
}

@keyframes hoverNameFade {
  2% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-huddle_toolbar__container {
  display: flex;
  width: 100%;

  .p-huddle_toolbar__buttons_left {
    align-items: flex-start;
    align-self: center;
    display: flex;
    flex: 1;
    margin-right: auto;
  }

  .p-huddle_toolbar__buttons_center {
    align-items: center;
    align-self: center;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    justify-content: center;
  }

  .p-huddle_toolbar__buttons_right {
    align-self: center;
    display: flex;
    flex: 1;
    justify-content: flex-end;
    margin-left: auto;
  }

  .p-huddle_toolbar__button {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-radius: 100px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    height: 36px;
    margin: 6px;
    min-height: 36px;
    min-width: 36px;
    width: 36px;
    z-index: 11;

    &.p-huddle_toolbar__button--toggled_on, &:hover:not([disabled]):not(.p-huddle_toolbar__button--toggled_on) {
      background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
      color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    }

    .p-huddle_toolbar__mic_volume_indicator .p-huddle_mic_icon__microphone--input_level {
      color: #007a5a;
    }

    &.p-huddle_toolbar__button--badged {
      clip-path: path('M 0 0 L 30 0 C 30 0 29 11 40 10 L 40 40 L 0 40 z');
    }

    &.p-huddle_toolbar__button--disabled {
      opacity: 0.5;
    }

    &.p-huddle_toolbar__button--education {
      background: #1264a3;
      color: #fff;
    }

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

  &.p-huddle_toolbar__container--dark-theme .p-huddle_toolbar__button {
    &:hover:not([disabled]):not(.p-huddle_toolbar__button--toggled_on) {
      background: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    }

    &.p-huddle_toolbar__button--toggled_on {
      background: #fff;
      color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    }
  }

  &.p-huddle_toolbar__container--compact_mode {
    margin: 0 auto;

    .p-huddle_toolbar__button, .p-huddle_toolbar__leave_button {
      margin: 0 4px 8px;
    }
  }

  .p-huddle_toolbar__buttons_center_drawing_support_container, .p-huddle_toolbar__buttons_left_drawing_support_container, .p-huddle_toolbar__buttons_right_drawing_support_container {
    display: flex;
  }
}

.p-huddle_toolbar__emoji_button {
  .p-huddle_toolbar__emoji_button_hover {
    display: none;
  }

  &:hover {
    .p-huddle_toolbar__emoji_button_resting {
      display: none;
    }

    .p-huddle_toolbar__emoji_button_hover {
      display: flex;
    }
  }
}

.p-huddle_toolbar__thread_toggle_container {
  position: relative;

  .p-huddle_toolbar__thread_toggle_badge {
    background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    border-radius: 50%;
    height: 12px;
    position: absolute;
    right: 0;
    top: -4px;
    width: 12px;
  }
}

.p-huddle_toolbar__leave_button {
  border-radius: 8px;
  font-size: 15px;
  height: 36px;
  margin: 6px 6px 6px 8px;

  &:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border-radius: 4px;
    border-radius: 8px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  }
}

.p-huddle_toolbar__coachmark_selfview {
  padding: 12px 12px 0;
}

.p-huddle_toolbar__coachmark_muted {
  max-width: 300px;
  padding: 12px;
  text-align: center;
}

.p-huddle_toolbar__container--global_toolbar_container {
  height: 65px;
  justify-content: space-between;

  .p-huddle_toolbar__buttons_left {
    position: relative;
    width: 25%;
  }

  .p-huddle_toolbar__buttons_center, .p-huddle_toolbar__buttons_right {
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: 25%;
  }

  .p-huddle_toolbar__invite_topic_container {
    align-items: center;
    display: flex;

    .p-huddle_toolbar__vertical_divider {
      margin: 0 4px;
    }
  }

  .p-huddle_toolbar__invite_topic--global_toolbar--full_bleed {
    .p-huddle_toolbar__vertical_divider {
      display: none;
    }

    .p-canvas_participants_menu_trigger__button--global_toolbar {
      margin-right: 4px;
      --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 0.13);
      background: #1d1c1d;
      box-shadow: inset 0 0 0 0.5px var(--saf-0);
      color: #ffffffb3;
    }

    .p-huddle_topic--global_toolbar {
      --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 0.13);
      background: #1d1c1d;
      box-shadow: inset 0 0 0 0.5px var(--saf-0);
      color: #ffffffb3;
    }

    .p-canvas_participants_menu_trigger__button--global_toolbar:hover, .p-huddle_topic--global_toolbar:hover {
      --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
      background: #1d1c1dcc;
      box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
      color: #fff;
    }
  }

  .p-huddle_toolbar__vertical_divider {
    border-left: 1px solid var(--p-huddle__border_color);
    height: 25px;
    position: relative;
  }

  .p-huddle_toolbar__button--global_toolbar {
    background: var(--p-huddle__border_color);
    border-radius: 100px !important;
    box-shadow: none;
    color: var(--p-huddle__text_color_opacity_70);
    height: 48px !important;
    width: 48px !important;

    &.p-huddle_toolbar__button--toggled_on {
      background: var(--p-huddle__text_color);
      color: var(--p-huddle__column_bg);
    }

    &:hover:not([disabled]):not(.p-huddle_toolbar__button--toggled_on) {
      background: var(--p-huddle__hover_item);
      color: var(--p-huddle__text_color_opacity_70);
    }

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

  .p-huddle_toolbar__button--global_toolbar--full_bleed {
    --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 0.13);
    background: #1d1c1d;
    border-radius: 100px;
    box-shadow: inset 0 0 0 0.5px var(--saf-0);
    color: #fff;
    height: 48px;
    width: 48px;

    &:hover:not([disabled]):not(.p-huddle_toolbar__button--toggled_on) {
      --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
      background: #1d1c1dcc;
      box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
      color: #fff;
    }

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

    &.p-huddle_toolbar__button--toggled_on {
      box-shadow: inset 0 0 0 1px #1d1c1d21;
    }
  }

  .p-huddle_toolbar_thread_button.p-huddle_toolbar__thread_button--global_toolbar--full_bleed {
    --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 0.13);
    background: #1d1c1d;
    box-shadow: inset 0 0 0 0.5px var(--saf-0);
    color: #fff;

    &:hover:not([disabled]):not(.p-huddle_toolbar__button--toggled_on) {
      --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
      background: #1d1c1dcc;
      box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
      color: #fff;
    }
  }

  .p-canvas_notes_button, .p-huddle_toolbar_thread_button {
    background: none;
  }

  .p-huddle_toolbar__button--toggled_on {
    background: var(--p-huddle__text_color);
    color: var(--p-huddle__column_bg);

    .p-huddle_toolbar__emoji_button_resting {
      display: none;
    }

    .p-huddle_toolbar__emoji_button_hover {
      display: flex;
    }
  }

  .p-huddle_toolbar__leave_button--global_toolbar {
    height: 45px;
  }
}

.p-huddle_toolbar_thread_button__container {
  position: relative;

  .p-huddle_toolbar_thread_button {
    background: #fff;
    border: none;
    border-radius: 6px;
    box-shadow: 0 1px 3px #00000014;
    color: #000;
    height: 36px;
    margin: 0 8px;
    min-height: 36px;
    min-width: 36px;
    width: 36px;

    &:hover {
      --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_toolbar_thread_button__badge_circle {
    background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    border-radius: 50%;
    height: 12px;
    position: absolute;
    right: 4px;
    top: -4px;
    width: 12px;
  }
}

.p-huddle_toolbar_thread_button--badged {
  clip-path: path('M 0 0 L 30 0 C 30 0 29 11 40 10 L 40 40 L 0 40 z');
}

.p-huddle_toolbar_thread_button {
  &.p-huddle_toolbar_thread_button--global_toolbar {
    box-shadow: none;
  }

  &.p-huddle_toolbar_thread_button--global_toolbar--closed {
    background: var(--p-huddle__border_color);
    color: var(--p-huddle__text_color_opacity_70);

    &:hover:not([disabled]):not(.p-huddle_toolbar__button--toggled_on) {
      background: var(--p-huddle__hover_item);
    }
  }
}

.p-huddle_toolbar_thread_button__badge_circle.p-huddle_toolbar_thread_button__badge_circle--global-toolbar-toggled-off {
  height: 10px;
  right: 20px;
  top: 12px;
  width: 10px;
}

.p-huddle_topic {
  align-items: center;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 3px #00000014;
  color: #000;
  display: flex;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  margin-left: 0;
  margin-top: 0;
  padding: 8px;

  &:hover {
    background-color: #fff;
    color: #1d1c1d;
    text-decoration: none;
  }
}

.p-huddle_topic__edit_icon {
  margin-right: 4px;
}

.p-huddle_topic--global_toolbar {
  background: none;
  box-shadow: none;
  color: var(--p-huddle__text_color_opacity_50);

  &:hover {
    background: var(--p-huddle__hover_item);
    color: var(--p-huddle__text_color_opacity_50);
  }
}

.p-huddle_topic--global_toolbar-has-topic {
  color: var(--p-huddle__text_color);
  display: block;
  flex: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-canvas_participants_menu_item__pending_display_container {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  gap: 4px;
  line-height: 1.38463;
}

.p-canvas_participants_menu_item__pending {
  opacity: 0.5;
}

.p-canvas_participants_menu__menu_item {
  position: relative;

  .c-base_list_entity--medium {
    padding: 8px 0;
  }

  &.c-menu_item__button {
    line-height: normal;
  }

  &.c-menu_item__button--highlighted .c-base_entity__subtext {
    color: #e8e8e8;
  }
}

.p-canvas_participants_menu__add_user {
  background-color: #e8f5fa;
  border-radius: 4px;
  color: #1264a3;
  height: 36px;
  padding-left: 8px;
  padding-top: 8px;
  width: 36px;
}

.p-canvas_participants_menu__pro_badge {
  margin-left: 4px;
  margin-top: 1.6px;
}

.p-canvas_participants_menu_trigger__button {
  align-items: center;
  display: flex;
  font-size: 15px;
  font-weight: 400;
  justify-content: center;
  line-height: 1.46668;
  margin-left: 12px;
  margin-top: 2px;
  overflow: hidden;

  &:hover {
    text-decoration: underline;
  }

  &.p-canvas_participants_menu_trigger__button--full_window {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 3px #00000014;
    color: #000;
    font-weight: 700;
    height: 36px;
    margin-left: 8px;
    margin-top: 0;
    padding: 8px;

    &:hover {
      --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;
      text-decoration: none;
    }
  }
}

@keyframes p-canvas_participants_menu_trigger--fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes p-canvas_participants_menu_trigger--slide-up {
  0% {
    transform: translateY(20px);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes p-canvas_participants_menu_trigger--slide-down {
  0% {
    transform: translateY(-20px);
  }

  to {
    transform: translateY(0);
  }
}

.p-canvas_participants_menu_trigger__participants_label {
  display: inline-block;
}

.p-canvas_participants_menu_trigger__participants_label--slide_up {
  animation: p-canvas_participants_menu_trigger--fade-in 80ms linear, p-canvas_participants_menu_trigger--slide-up 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-canvas_participants_menu_trigger__participants_label--slide_down {
  animation: p-canvas_participants_menu_trigger--fade-in 80ms linear, p-canvas_participants_menu_trigger--slide-down 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-canvas_participants_menu_trigger__user_icon {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-right: 4px;
}

.p-canvas_participants_menu_trigger__button--global_toolbar {
  background: none;
  border-radius: 6px;
  color: var(--p-huddle__text_color);
  height: 36px;
  margin-top: 0;
  padding: 8px;

  &:hover {
    background: var(--p-huddle__hover_item);
    color: var(--p-huddle__text_color);
    text-decoration: none;
  }
}

.p-canvas_participants_menu_trigger__button--active {
  background: #1264a3;
}

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

  &:hover {
    background: #f8f8f8;
  }
}

.p-canvas_participants_menu_trigger__button--active:hover {
  background: #1264a3;
}

.p-huddle_add_teammates_coachmark {
  background: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 20px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;

  .c-coachmarkv2__close {
    &.c-icon_button--default, &.c-icon_button--light {
      color: #fff;

      &:hover {
        color: #fff;
      }
    }

    &.c-icon_button--default:focus, &.c-icon_button--light:focus {
      box-shadow: none;
    }
  }

  .c-coachmarkv2__title {
    margin: 0;
  }

  .c-coachmarkv2__content {
    color: #fff;
    margin-right: 24px;
    padding: 8px 12px;
  }

  .c-coachmarkv2__body {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
  }

  .c-coachmarkv2__close {
    right: 3px;
    top: 3px;
  }

  &.c-coachmarkv2 {
    &:after, &:before {
      border-width: 8px;
    }
  }

  &.c-coachmark--top {
    &:after, &:before {
      border-top-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    }
  }
}

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

  .c-coachmarkv2__body {
    color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }

  .c-coachmarkv2__close {
    &.c-icon_button--default, &.c-icon_button--light {
      color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);

      &:hover {
        color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
      }
    }
  }

  .c-coachmarkv2__content {
    color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }

  &.c-coachmark--top {
    &:after, &:before {
      border-top-color: #f8f8f8;
    }
  }
}

.p-huddle_drawing_icon {
  &.p-huddle_drawing_icon__container {
    display: flex;
    font-size: 15px;
    position: relative;
    text-align: center;
  }

  .p-huddle_drawing_icon--off:after {
    display: none;
  }

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

  .p-huddle_drawing_icon--disabled {
    opacity: 0.5;
  }
}

@keyframes hoverNameFade {
  2% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-huddles_screenshare_zoom_viewer_container {
  height: 100%;
  width: 100%;
}

.p-huddles_screenshare_zoom_viewer_zoom_container {
  bottom: -6px;
  left: -16px;
  padding-right: 12px;
  position: relative;

  .p-zoom__button--reset {
    padding: 6px;

    &:hover {
      background: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    }
  }

  .p-zoom__control_group {
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-radius: 100px;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    height: 36px;

    .p-zoom__button--zoom_in {
      flex: 0;
      width: auto;
    }

    .p-zoom__button--zoom_out {
      flex: 0;
      width: auto;
      padding: 0 12px 0 8px;
    }

    .p-zoom__button--zoom_in {
      padding: 0 8px 0 12px;
    }

    .c-button-unstyled:hover {
      color: var(--p-huddle__text_color_opacity_30);
    }

    .p-zoom__slider {
      width: 72px;

      &::-moz-range-thumb {
        background: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
        box-shadow: none;
        height: 16px;
        margin-top: -6px;
        width: 16px;
      }

      &::-moz-range-track {
        background: #1d1c1d4d;
        border-radius: 8px;
        height: 4px;
      }

      &::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        background: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
        box-shadow: none;
        height: 16px;
        margin-top: -6px;
        width: 16px;
      }

      &::-webkit-slider-runnable-track {
        background: #1d1c1d4d;
        border-radius: 8px;
        height: 4px;
      }

      &::-ms-thumb {
        background: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
        box-shadow: none;
        height: 16px;
        margin-top: -1px;
        width: 16px;
      }

      &::-ms-track {
        background: #1d1c1d4d;
        border-radius: 8px;
        height: 4px;
      }
    }
  }
}

.p-ia_banner {
  text-align: left;

  .c-banner__text {
    margin: 12px 20px;
  }
}

.p-huddle_banner .c-banner__close {
  color: #1d1c1d;

  &:hover {
    color: #1d1c1d;
  }
}

.p-huddle_banner--bottom {
  bottom: 0;
  position: absolute;
  top: unset;
}

.p-canvas_reaction_bubble {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  border-radius: 24px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  color: #1d1c1d;
  cursor: default;
  display: flex;
  height: 30px;
  justify-content: space-between;
  margin-bottom: 3px;
  width: max-content;
}

.p-canvas_reaction_bubble--small {
  border-radius: 20px;
  height: 24px;
}

.p-canvas_reaction_bubble:hover {
  --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 #00000014;
  cursor: pointer;
}

.p-canvas_reaction_bubble--self_reacted {
  background-color: #e8f5fa !important;
  color: #1264a3 !important;
  cursor: default;

  &:hover {
    background-color: #e8f5fa !important;
    color: #1264a3 !important;
    cursor: default;
  }

  &.c-button--focus-visible, &:hover {
    box-shadow: 0 4px 12px 0 #00000014, 0 0 0 1px #1264a3;
  }
}

.p-canvas_reaction_bubble__text {
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  justify-content: center;
  line-height: 1.38463;
  margin-left: 8px;
  margin-right: 4px;
}

.p-canvas_reaction_bubble__emoji {
  display: flex;
  margin-right: 8px;
}

.p-canvas_reaction_bubble_bg_00 {
  background-color: #ffe0e0;
}

.p-canvas_reaction_bubble_bg_01 {
  background-color: #fcf;
}

.p-canvas_reaction_bubble_bg_02 {
  background-color: #dbeb8d;
}

.p-canvas_reaction_bubble_bg_03 {
  background-color: #b5e0ff;
}

.p-canvas_reaction_bubble_bg_04 {
  background-color: #ffe5b2;
}

.p-canvas_reaction_bubble_bg_05 {
  background-color: #bde595;
}

.p-canvas_reaction_bubble_bg_06 {
  background-color: #d4d5ff;
}

.p-canvas_reaction_bubble_bg_07 {
  background-color: #f9ef6e;
}

.p-canvas_reaction_bubble_bg_08 {
  background-color: #d0f2ed;
}

@keyframes hoverNameFade {
  2% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-canvas_reaction_list {
  align-items: end;
  background: #0000;
  display: flex;
  flex-direction: column;
  position: absolute;
  width: max-content;
}

.p-canvas_reaction_list--modal {
  bottom: 48px;
  padding: 0 2px 20px;
  right: 8px;
  z-index: 1010;
}

.p-canvas_reaction_list--sidebar {
  bottom: 46px;
  right: 16px;

  &.p-canvas_reaction_list--video {
    bottom: 50px;
    right: 20px;
  }
}

.p-canvas_reaction_list__transition-enter {
  animation: p-canvas_reaction_list__enter 0.15s ease forwards;
}

.p-canvas_reaction_list__transition-exit {
  animation: p-canvas_reaction_list__enter 1.5s ease-out forwards;
}

@keyframes p-canvas_reaction_list__enter {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes hoverNameFade {
  2% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-huddle_closed_caption_event__wrapper {
  animation: fadeInHuddleClosedCaptionEvent .16s linear;
  background-color: #1d1c1d;
  border-radius: 6px;
  margin-bottom: 4px;
  padding: 4px 8px;
  pointer-events: all;
  transition: opacity .1s linear;
  width: -moz-fit-content;
  width: fit-content;
}

.p-huddle_closed_caption_event__wrapper_fade_out {
  opacity: 0;
}

@keyframes fadeInHuddleClosedCaptionEvent {
  0% {
    opacity: 0;
    transform: translateY(20%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.p-huddle_closed_caption_event__event_text {
  color: #fff;
  display: inline;
}

.p-huddle_closed_caption_event__member_name {
  color: #fff;
  display: inline;
  font-weight: 700;
  padding-right: 8px;
}

.p-huddle_closed_caption_event__transcription_new {
  text-decoration: underline;
}

@keyframes hoverNameFade {
  2% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-huddle_closed_captions {
  background: #0000;
  bottom: 48px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  left: 0;
  max-width: 50%;
  padding: 0 8px 20px;
  pointer-events: none;
  position: absolute;
  width: max-content;
  z-index: 1010;

  &:hover .p-huddle_closed_caption_event__wrapper {
    opacity: 1;
  }
}

.p-huddle_closed_captions--compact_mode {
  max-width: 100%;

  .p-huddle_closed_caption_event__wrapper {
    &:not(.p-huddle_closed_caption_event__wrapper_fade_out) {
      opacity: 0.8;
    }

    &:hover {
      opacity: 1;
    }
  }
}

.p-canvas_footer {
  display: flex;
  margin-top: auto;
  min-height: 62px;
  padding: 6px 4px;
  position: relative;

  &.p-canvas_footer--compact_mode {
    margin-top: 0;

    .p-canvas_reaction_list--modal, .p-huddle_closed_captions--compact_mode {
      padding: 0 2px;
    }
  }
}

.p-canvas_footer--global_toolbar {
  bottom: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;

  > div {
    pointer-events: auto;
  }
}

.p-canvas_footer--adjust_position_upwards {
  bottom: 35px;
}

.p-canvas_footer__reaction_list_expanded_view {
  margin-bottom: 26px;
}

.p-canvas_footer__reaction_list_focus_view {
  margin-bottom: 120px;
}

.p-canvas_footer__reaction_list--global_toolbar {
  bottom: 0;
  margin-bottom: 0;
}

.p-canvas_footer__reaction_list--global_toolbar--full_bleed {
  margin-bottom: 32px;
}

.p-huddle_popover_reaction__description {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@keyframes hoverNameFade {
  2% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-canvas_peer_tile {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 12px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  cursor: pointer;
  display: flex;
  position: relative;

  &.p-canvas_peer_tile--no_click_target {
    cursor: default;
  }

  &:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border-radius: 4px;
    border-radius: 12px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  }

  .p-canvas_peer_tile__emoji {
    height: 20px;
    overflow: visible;
    width: 20px;
  }

  &:hover {
    .p-canvas_peer_tile__actions_button_container, .p-canvas_peer_tile__invite_status_overlay__hover, .p-canvas_peer_tile__name_overlay {
      opacity: 1 !important;
    }
  }

  &:focus {
    .p-canvas_peer_tile__actions_button, .p-canvas_peer_tile__actions_button_container {
      opacity: 1;
    }
  }

  &:focus-visible {
    .p-canvas_peer_tile__actions_button, .p-canvas_peer_tile__actions_button_container {
      opacity: 1;
    }
  }

  &:focus-within {
    .p-canvas_peer_tile__actions_button, .p-canvas_peer_tile__actions_button_container {
      opacity: 1;
    }
  }

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

  .p-canvas_peer_tile__hidden_user_avatar {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

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

.p-canvas_peer_tile__actions_button_container {
  opacity: 0;
  position: absolute;
  right: 8px;
  top: 8px;
  transition: opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);

  &.p-canvas_peer_tile__actions_button_container--small-tile {
    right: 4px;
    top: 4px;
  }
}

.p-canvas_peer_tile__actions_button {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: #fff !important;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  color: #000 !important;
}

.p-canvas_peer_tile__spinner {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.p-canvas_peer_tile__video_or_avatar_container {
  border-radius: 12px;
  overflow: hidden;
  transform: translateZ(0);
}

.p-canvas_peer_tile__video {
  border-radius: 12px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

.p-canvas_peer_tile__avatar {
  background-color: initial;
  border-radius: 12px;

  .c-base_icon, .c-base_icon__width_only_container, video {
    border-radius: 12px;
  }

  .c-base_icon__width_only_container {
    background-color: initial;
  }

  &.c-avatar {
    cursor: pointer;
  }
}

.p-canvas_peer_tile video {
  aspect-ratio: 1;
  object-fit: cover;
}

.p-canvas_peer_tile__mic_overlay, .p-canvas_peer_tile__name_overlay, .p-canvas_peer_tile__steps_overlay {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background: #fff;
  border-radius: 100px;
  bottom: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  color: #1d1c1d;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  left: 8px;
  line-height: 1.38463;
  margin-right: 12px;
  opacity: 0;
  padding: 4px 8px;
  position: absolute;
  transition: opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-canvas_peer_tile__mic_overlay.p-canvas_peer_tile__mic_overlay, .p-canvas_peer_tile__name_overlay.p-canvas_peer_tile__mic_overlay, .p-canvas_peer_tile__steps_overlay.p-canvas_peer_tile__mic_overlay {
  opacity: 1;
}

.p-canvas_peer_tile__invite_status_overlay {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background: #fff;
  border-radius: 100px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  color: #1d1c1db3;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  left: 8px;
  line-height: 1.38463;
  margin-right: 12px;
  padding: 4px 8px;
  position: absolute;
  top: 8px;
  transition: opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);

  .p-canvas_peer_tile__invite_status_overlay_text {
    padding-left: 4px;
  }
}

.p-canvas_peer_tile__invite_status_overlay__compact {
  align-items: center;
  background-color: var(--p-huddle__column_bg);
  border-radius: 4px 0;
  color: var(--p-huddle__text_color);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  left: 0;
  line-height: 1.38463;
  padding: 4px;
  position: absolute;
  top: 0;
}

.p-canvas_peer_tile__invite_status_overlay__hover {
  opacity: 0;
  transition: opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-canvas_peer_tile__pending_user {
  opacity: 0.5;
}

.p-canvas_peer_tile__steps_overlay {
  align-items: center;
  bottom: auto;
  display: flex;
  gap: 8px;
  opacity: 1;
  top: 12px;
}

.p-canvas_peer_tile__steps_overlay_icon {
  height: 20px;
  margin-left: 4px;
}

.p-canvas_peer_tile__display_pronouns {
  font-weight: 400;
}

.p-canvas_peer_tile__emoji_container, .p-canvas_peer_tile__sticky_emoji_container {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  display: flex;
  height: 32px;
  left: 8px;
  max-width: calc(100% - 24px);
  padding: 5px;
  position: absolute;
  top: 8px;
}

.p-canvas_peer_tile__emoji_container.p-canvas_peer_tile__emoji_container--small_tile, .p-canvas_peer_tile__sticky_emoji_container.p-canvas_peer_tile__emoji_container--small_tile {
  align-items: center;
  border-radius: 2px;
  display: flex;
  height: 28px;
  justify-content: center;
  left: 0;
  margin: 4px;
  padding: 2px;
  top: 0;
  width: 28px;
}

.p-canvas_people_layout__ribbon {
  .p-canvas_peer_tile__emoji_container.p-canvas_peer_tile__emoji_container--small_tile, .p-canvas_peer_tile__sticky_emoji_container.p-canvas_peer_tile__emoji_container--small_tile {
    border-radius: 8px;
  }
}

.p-canvas_peer_tile__active_speaker {
  box-shadow: 0 0 8px 5px #fff;
  outline: 3px solid #fff;

  &.p-canvas_peer_tile__active_speaker_compact {
    box-shadow: 0 0 4px 0 #fff;
    outline: none;

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

.p-canvas_peer_tile__actions_button--small-tile {
  border-radius: 8px;
  height: 28px;
  width: 28px;
}

.p-canvas_screenshare_tile_footer {
  align-items: center;
  background-color: #fff;
  border-radius: 0 0 12px 12px;
  bottom: 0;
  display: flex;
  padding: 12px;
  position: absolute;
  width: 100%;

  .c-hidden_user_avatar {
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  }
}

.p-canvas_screenshare_tile_footer--small {
  padding: 8px;
}

.p-canvas_screenshare_tile_footer__title {
  color: #1d1c1d;
  font-weight: 700;
}

.p-canvas_screenshare_tile_footer--small .p-canvas_screenshare_tile_footer__title {
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
}

.p-canvas_screenshare_tile_footer__sub_title {
  color: #616061;
}

.p-canvas_screenshare_tile_footer--small .p-canvas_screenshare_tile_footer__sub_title {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-canvas_screenshare_tile_footer__text_container {
  display: flex;
  flex-direction: column;
  margin-left: 12px;
}

.p-canvas_screenshare_tile_footer__facepile {
  display: flex;
  margin-left: auto;

  .c-avatar {
    margin-left: 4px;
  }
}

@keyframes hoverNameFade {
  2% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-canvas_screenshare_tile {
  display: flex;
  height: 100%;
  width: 100%;

  &:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border-radius: 4px;
    border-radius: 8px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  }
}

.p-canvas_screenshare_tile__container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  margin: 0;
  max-height: 100%;
  position: relative;
  width: 100%;
}

.p-canvas_screenshare_tile_small_tile_overlay {
  height: 100%;
  position: absolute;
  width: 100%;

  svg {
    background: #1264a3;
    border-radius: 4px;
    bottom: 5px;
    color: #fff;
    height: 28px;
    padding: 4px;
    position: absolute;
    right: 5px;
    width: 28px;
  }
}

.p-canvas_screenshare_tile__video {
  aspect-ratio: 1;
  border-radius: 12px;
  object-fit: cover !important;
}

.p-canvas_screenshare_tile__users {
  display: flex;
  flex-wrap: nowrap;
  height: 160px;
  justify-content: center;
}

.p-canvas_screenshare_tile__users--small {
  height: 60px;
}

.p-canvas_screenshare_tile--with_footer {
  display: flex;
  flex-direction: column;
  position: relative;
}

.p-canvas_screenshare_tile--with_overlay video {
  border-radius: 12px !important;
}

.p-huddle_compact_audio_pane--container {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;

  .p-canvas_people_layout__item {
    .p-canvas_peer_tile {
      border-radius: 4px;
    }

    .p-canvas_peer_tile__avatar {
      border-radius: 4px;

      .c-base_icon, .c-base_icon__width_only_container {
        border-radius: 4px;
      }
    }

    .p-canvas_peer_tile__video_or_avatar_container {
      border-radius: 4px;
    }
  }

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

  .p-huddle_compact_audio_pane--additional_peers {
    bottom: 4px;
    position: absolute;
    right: 4px;
  }
}

.p-huddle_compact_presenter_controls {
  background-color: var(--p-huddle__active_item);
  border-radius: 4px;
  color: var(--p-huddle__active_item_text);
  margin: 0 4px 4px;
  min-height: 108px;
  padding: 12px;

  &.p-huddle_compact_presenter_controls--notes_open {
    border-radius: 12px;
    margin: 0 0 4px;
  }

  .p-huddle_compact_presenter_controls__row_details {
    display: flex;
    min-height: 36px;
  }

  .p-huddle_compact_presenter_controls__screenshare {
    align-items: center;
    display: flex;
    margin-right: 12px;
    width: 48px;

    .p-huddle_compact_presenter_controls__video {
      border-radius: 2px;
      height: 36px;
      object-fit: cover;
    }
  }

  .p-huddle_compact_presenter_controls__metadata {
    display: flex;
    flex: 1;
    flex-direction: column;
    font-size: 13px;
    overflow: hidden;

    .p-huddle_compact_presenter_controls__label_title {
      font-weight: 700;
      line-height: 18px;
    }

    .p-huddle_compact_presenter_controls__label_subtitle {
      color: var(--p-huddle__active_item_text_opacity_70);
      line-height: 18px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }

  .p-huddle_compact_presenter_controls__viewers {
    align-items: center;
    display: flex;

    .c-avatar {
      margin-left: 2px;
    }
  }

  .p-huddle_compact_presenter_controls__row_controls {
    padding-top: 12px;

    .p-huddle_compact_presenter_controls__stop_button {
      align-items: center;
      background-color: #ffffff26;
      border-radius: 4px;
      display: flex;
      font-weight: 700;
      height: 34px;
      justify-content: center;
      width: 100%;

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

      svg {
        margin-right: 4px;
      }
    }
  }
}

.p-huddle_compact_pagination_controls {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: space-between;
  pointer-events: none;
  position: absolute;
  width: 100%;

  .p-huddle_compact_pagination_controls__page_button {
    align-items: center;
    background: #fff;
    border-radius: 100px;
    box-shadow: 0 1px 3px #1d1c1d14;
    color: #1d1c1d;
    display: flex;
    font-weight: 700;
    height: 32px;
    padding: 3px 3px 3px 10px;
    pointer-events: auto;
    width: 41px;
  }

  .p-huddle_compact_pagination_controls__previous_button {
    flex-direction: row-reverse;
    margin-right: auto;
    padding: 3px 10px 3px 3px;
  }

  .p-huddle_compact_pagination_controls__next_button {
    flex-direction: row;
    margin-left: auto;
    padding: 3px 3px 3px 10px;
  }
}

.p-huddle_compact_video_pane--container {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  width: 100%;

  .p-canvas_people_layout__item {
    .p-canvas_peer_tile {
      border-radius: 8px;
    }

    .p-canvas_peer_tile__avatar {
      border-radius: 8px;

      .c-base_icon, .c-base_icon__width_only_container {
        border-radius: 8px;
      }
    }

    .p-canvas_peer_tile__video, .p-canvas_peer_tile__video_or_avatar_container, .p-canvas_screenshare_tile__users {
      border-radius: 8px;
    }
  }

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

  .p-huddle_compact_video_pane--additional_peers {
    bottom: 3px;
    position: absolute;
    right: 4px;
  }
}

.p-huddle_compact_video_pane--flexpane .p-canvas_people_layout_grid {
  position: relative;
}

.p-huddle_compact_video_pane--compact_window .p-huddle_compact_pagination_controls {
  padding: 12px;
}

.p-huddle_compact_av_pane__container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.p-huddle_compact_av_pane {
  display: flex;
  min-height: 127px;
  position: relative;

  .p-huddle_compact_av_pane--content_container {
    height: 100%;
    width: 100%;
  }

  .p-canvas_footer {
    bottom: 0;
    min-height: 44px;
    padding: 0 4px;
    position: absolute;
    width: 100%;
  }

  &.p-huddle_compact_av_pane--footer_below_content {
    display: flex;
    flex-direction: column;
    min-height: 190px;

    .p-huddle_compact_av_pane--content_container {
      flex: 1;
      max-height: 146px;
    }

    .p-canvas_footer {
      bottom: unset;
      position: relative;
    }
  }

  &.p-huddle_compact_av_pane--show_toolbar_on_hover {
    .p-huddle_toolbar__container {
      opacity: 0;
      transition: opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
      z-index: 1;
    }

    &:focus .p-huddle_toolbar__container, &:focus-within .p-huddle_toolbar__container, &:hover .p-huddle_toolbar__container {
      opacity: 1;
    }

    &:not(:focus-within):not(:focus):not(:hover) {
      .p-canvas_reaction_list--modal, .p-huddle_closed_captions--compact_mode {
        bottom: 0;
      }
    }
  }

  &.p-huddle_compact_av_pane--audio_only_view:not(.p-huddle_compact_av_pane--in_flexpane) .p-huddle_toolbar__container .p-huddle_toolbar__button {
    background: var(--p-huddle__column_bg);
    box-shadow: none;
    color: var(--p-huddle__text_color_opacity_70);

    &:focus-within:not([disabled]):not(.p-huddle_toolbar__button--toggled_on), &:focus:not([disabled]):not(.p-huddle_toolbar__button--toggled_on), &:hover:not([disabled]):not(.p-huddle_toolbar__button--toggled_on) {
      background: var(--p-huddle__hover_item);
      color: var(--p-huddle__text_color);
    }

    &.p-huddle_toolbar__button--toggled_on {
      background: var(--p-huddle__text_color);
      color: var(--p-huddle__column_bg);
    }
  }

  &.p-huddle_compact_av_pane--notes_open {
    background: unset;
    border-radius: 8px;
    width: 100%;

    .p-canvas_footer, &:not(.p-huddle_compact_av_pane--audio_only_view) {
      min-height: unset;
    }

    .p-huddle_compact_av_pane--content_container {
      max-height: unset;
    }
  }
}

.p-huddle_compact_av_pane--in_flexpane {
  min-height: unset;
}

.p-huddle_compact_av_pane--audio_only_view--in_flexpane {
  height: 136px;

  .p-huddle_compact_av_pane--content_container {
    position: absolute;
  }
}

.p-toggle_channel_space_action {
  background: #0000;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  margin-left: 8px;

  &[aria-pressed=true] {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);

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

.p-toggle_channel_space_action_button.p-toggle_channel_space_action--overlay {
  height: 28px;
  margin-left: 4px;
  width: 28px;

  img {
    position: relative;
    right: 2px;
    z-index: 3;
  }

  .p-toggle_channel_space_action_overlay_icon_loading {
    opacity: 1;
  }

  .p-toggle_channel_space_action_overlay_icon_loading--animated {
    left: 4px;
    position: absolute;
    top: 4px;
    z-index: 1;
  }
}

.p-toggle_channel_space_action__bg {
  background-color: #fcf4da;
  border-radius: 4px;
  height: 28px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 28px;
}

.sk-client-theme--dark .p-toggle_channel_space_action__bg {
  background-color: #fcf4da33;
}

@keyframes p-toggle_channel_space_action__bg--fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes p-toggle_channel_space_action__bg--bounce-in {
  0% {
    transform: scale(0.5);
  }

  25% {
    transform: scale(1.1);
  }

  50% {
    transform: scale(0.92);
  }

  75% {
    transform: scale(1.05);
  }

  to {
    transform: scale(1);
  }
}

@keyframes p-toggle_channel_space_action__bg--bounce-back {
  0% {
    transform: scale(0.5);
  }

  25% {
    transform: scale(1.1);
  }

  50% {
    transform: scale(0.92);
  }

  75% {
    transform: scale(1.05);
  }

  to {
    transform: scale(1);
  }
}

@keyframes p-toggle_channel_space_action__bg--scale-down {
  0% {
    transform: scale(1);
  }

  to {
    transform: scale(0.75);
  }
}

@keyframes p-toggle_channel_space_action__bg--fade-out {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-toggle_channel_space_action__emoji_button {
  border-radius: 4px;
  padding: 4px;
}

.p-toggle_channel_space_action__message_unread_dot {
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  border-radius: 100%;
  height: 8px;
  position: absolute;
  right: 0;
  top: 0;
  width: 8px;
}

.p-toggle_channel_space_action_button {
  border-radius: 4px;
  box-shadow: none;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  height: 28px;
  line-height: 1.38463;
  margin-left: 8px;
  padding: 6px;
  position: relative;

  &[aria-pressed=true] {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);

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

.p-toggle_channel_space_action_button--active {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  --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;
  box-shadow: none;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-toggle_channel_space_action_button {
  &:hover {
    --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;
    box-shadow: none;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }

  &.p-toggle_channel_space_action_button--active:hover {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.p-toggle_channel_space_action_title {
  margin-left: 3px;
  margin-right: 2px;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-toggle_channel_space_action_nux {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  height: 100%;
  padding: 0;
  text-align: left;

  .c-tooltip__tip__arrow {
    background: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
  }
}

.p-toggle_channel_space_action_overlay_icon--pin {
  color: #de4e2b;
}

.p-toggle_channel_space_action_overlay_icon--bounce-back {
  animation-duration: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}

.p-toggle_channel_space_action_overlay_icon--bounce-in {
  animation-duration: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  animation-name: p-toggle_channel_space_action__bg--bounce-in;
}

.p-toggle_channel_space_action_overlay_icon--bounce-back {
  animation-name: p-toggle_channel_space_action__bg--bounce-back;
}

.p-toggle_channel_space_action_overlay_icon_filled--animated {
  animation-delay: 0s;
  animation-duration: .3s;
  animation-fill-mode: forwards;
  animation-name: p-toggle_channel_space_action__bg--fade-in;
  opacity: 0;

  svg {
    position: relative;
    right: 2px;
  }
}

@keyframes blue-pulse {
  0%, 20% {
    transform: scale(0.75);
  }

  80%, to {
    transform: scale(1);
  }
}

.p-toggle_channel_space_action_overlay_icon--blue-pulse {
  background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  color: #fff;
  display: flex;
  justify-content: center;
  padding: 4px;
  position: relative;
  vertical-align: middle;

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

  &:not(:focus):after {
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.3);
    animation: blue-pulse 1s ease-in-out infinite alternate;
    border-radius: 4px;
    bottom: 0;
    box-shadow: 0 0 0 6px var(--saf-0);
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1;
  }
}

.p-toggle_channel_space_action_overlay_icon--blue-no-animation {
  background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  color: #fff;
  display: flex;
  justify-content: center;
  padding: 4px;
  position: relative;
  vertical-align: middle;

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

  &:not(:focus):after {
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.3);
    border-radius: 4px;
    bottom: 0;
    box-shadow: 0 0 0 6px var(--saf-0);
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1;
  }
}

.p-toggle_channel_space_action_error_modal__overlay {
  z-index: 1053;
}

.p-quip_deleted_state_container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.p-quip_deleted_state {
  margin-top: -90px;
  -webkit-user-select: text;
  user-select: text;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  text-align: center;
}

.p-quip_deleted_state__icon {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  text-align: center;
  display: inline-block;
  font-size: 36px;
}

.p-quip_deleted_state__title {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
}

.p-quip_deleted_state__subtitle {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-top: 8px;
}

.p-quip_inline_comment_container__thread_content {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  position: absolute;
}

.p-quip_inline_comment_container__header {
  align-items: center;
  display: flex;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  padding-left: 16px;
}

.p-quip_inline_comment_container__header_title {
  align-items: center;
  display: flex;
  flex: 1;
  margin-right: auto;
  min-width: 0;
}

.p-quip_inline_comment_container__control {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  cursor: pointer;
  margin-right: 0;
  position: relative;
  right: 8px;

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

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

.p-quip_inline_comment_container__threads {
  height: 340px;
  width: 340px;
}

.p-quip_loading_skeleton {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.p-quip_loading_skeleton__content--small {
  padding: 10px 16px;
}

.p-workspace__secondary_view .p-quip_loading_skeleton__content--small {
  padding: 16px;
}

.p-quip_loading_skeleton__content--medium-small {
  padding: 10px 28px;
}

.p-workspace__secondary_view .p-quip_loading_skeleton__content--medium-small {
  padding: 28px;
}

.p-quip_loading_skeleton__content--medium {
  padding: 12px 39px;
}

.p-workspace__secondary_view .p-quip_loading_skeleton__content--medium {
  padding: 39px;
}

.p-quip_loading_skeleton__content--fixed {
  padding: 60px 85px;
}

.p-workspace__secondary_view .p-quip_loading_skeleton__content--fixed {
  padding: 85px;
}

@keyframes p-quip_loading_skeleton--fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.p-quip_loading_skeleton__content {
  animation: p-quip_loading_skeleton--fade-in 80ms linear;
  margin-left: auto;
  margin-right: auto;
  max-width: 970px;
}

@keyframes p-quip_loading_skeleton--delayed-fade-in {
  0% {
    opacity: 0;
  }

  75% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.p-quip_loading_skeleton__content--delay {
  animation: p-quip_loading_skeleton--delayed-fade-in 0.32s linear;
}

.p-quip_loading_skeleton__header {
  width: 35%;
}

.p-app_external_team_banner {
  background: #1d1c1d;
  display: flex;
  left: 0;
  padding: 8px;
  position: absolute;
  right: 0;
  top: 0;
}

.p-app_external_team_banner__team_name {
  flex-grow: 1;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-app_external_team_banner__team_icon {
  background-clip: padding-box;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  box-shadow: 0 0 0 2px #fff;
  margin: 0 8px;
}

.p-member_profile_hover_card__modal {
  z-index: 999;
}

.p-member_profile_hover_card {
  display: inline-flex;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.p-member_profile_hover_card__popover {
  position: absolute;
  z-index: 1001;
}

.p-member_profile_hover_card__container {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 320px;
}

.p-member_profile_hover_card__secondary {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  padding: 0 16px 16px;
}

.p-member_profile_hover_card__status {
  display: block;
  margin-left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  .c-emoji {
    height: 20px;
    width: 20px;

    img {
      height: 20px;
      width: 20px;
    }
  }
}

.p-member_profile_hover_card__banner {
  align-items: center;
  background: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  border-radius: 8px 8px 0 0;
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  display: flex;
  padding: 8px 16px;
}

.p-member_profile_hover_card__banner_icon {
  margin-right: 4px;
}

.p-member_profile_hover_card__banner_text {
  display: block;
  flex: 1;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }

  font-size: 13px;
}

.p-member_profile_hover_card__share_canvas_banner {
  font-size: 13px;
  align-items: center;
  background-color: #1d9bd11a;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-weight: 400;
  line-height: 1.38463;
}

.p-member_profile_base_entity {
  padding: 16px;
}

.p-member_profile_base_entity__avatar {
  align-self: flex-start;
  height: 72px;
  margin-right: 12px;
  width: 72px;
}

.p-member_profile_base_entity__avatar--cursor {
  cursor: pointer;
}

.p-member_profile_base_entity__name {
  margin-right: 2px;

  &.wrapping {
    margin-right: -1px;
    white-space: break-spaces;
  }

  strong {
    font-size: 15px;
    font-weight: 900;
  }
}

.p-member_profile_base_entity__name--link:hover {
  text-decoration: underline;
}

.p-member_profile_base_entity__title {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-member_profile_base_entity__title--full {
  white-space: normal;
}

.p-member_profile_base_entity__pronouns {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: block;
  font-size: 15px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.46668;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-member_profile_base_entity__time {
  align-items: center;
  display: flex;
  font-size: 15px;
  font-weight: 400;
  margin-top: 4px;
}

.p-member_profile_base_entity__primary .p-app_external_team_banner {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  position: inherit;
}

.p-member_profile_base_entity__celebration-new-hire {
  background-color: #ffebb0;
  background-image: url(./handwave-037d4d8.svg);
  background-position: 100% 100%;
  background-repeat: no-repeat;
}

.sk-client-theme--dark .p-member_profile_base_entity__celebration-new-hire {
  background-color: #4a154b;
}

.p-member_profile_base_entity__celebration-anniversary {
  background-color: #ffebb0;
  background-image: url(./flags-50c692e.svg);
  background-position: 100% 0;
  background-repeat: no-repeat;
}

.sk-client-theme--dark .p-member_profile_base_entity__celebration-anniversary {
  background-color: #4a154b;
}

.p-audio_file__attach {
  align-items: center;
  background: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  line-height: 1.38463;
  padding: 0;
  width: 36px;

  .p-audio_file__attach__icon {
    font-size: 20px;
  }
}

.p-audio_file__cancel {
  align-items: center;
  background: rgba(var(--sk_foreground_soft_solid, 243, 243, 243), 1);
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  line-height: 1.38463;
  padding: 0;
  width: 36px;

  .p-audio_file__cancel__icon {
    font-size: 20px;
  }
}

.p-audio_file__prepend {
  padding-right: 12px;
}

.p-audio_file__append {
  padding-left: 4px;
}

.p-audio_file {
  display: flex;
}

.p-audio_file__strip {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  display: flex;
  flex-wrap: wrap;
  margin-right: 8px;
  padding: 0 16px 0 12px;
  transition: box-shadow 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-audio_file__strip--speedbump {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.p-audio_file__timer {
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin-left: 16px;
}

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

.p-audio_file__pending_file {
  border-color: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3) !important;
  border-radius: 4px;
}

.p-edit_profile--wide {
  max-width: 700px;
}

.p-edit_profile__title {
  align-items: center;
  display: flex;
}

.p-edit_profile__title_progress {
  margin-left: 8px;
}

.p-edit_profile__columns {
  display: flex;
}

.p-edit_profile__column_primary {
  flex: 1;
  margin-right: 32px;
}

.p-edit_profile__column_secondary {
  width: 192px;
}

.p-edit_profile__audio_recorder_component {
  cursor: default;
  margin-bottom: 24px;
}

.p-edit_profile__column_secondary_control {
  margin-top: 8px;
  text-align: center;
  width: 100%;
}

.p-edit_profile__drag_and_drop {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  align-items: center;
  border: 4px dashed var(--saf-0);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  height: 470px;
  justify-content: center;
}

.p-edit_profile__audio_recorder_icon {
  padding: 16px 8px;
}

.p-edit_profile__drag_and_drop_inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}

.p-edit_profile__footer_text {
  flex: 1;
}

.p-edit_profile__photo {
  border-radius: 4px;
  height: 192px;
  overflow: hidden;
  width: 192px;
}

.p-edit_profile__centered {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-edit_profile__centered_primary {
  align-items: center;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  width: 460px;
}

.p-edit_profile__centered_primary--background {
  background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  height: 460px;
}

.p-edit_profile__centered_content {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 200px;
}

.p-edit_profile__centered_content--wide {
  width: 320px;
}

.p-edit_profile__centered_title {
  margin-bottom: 8px;
}

.p-edit_profile__centered_photo {
  max-height: 100%;
  max-width: 100%;
}

.p-edit_profile__cropper {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1) !important;

  &.fixed-height {
    height: 460px;
  }
}

.p-edit_profile__upload_preview {
  margin-top: 24px;
  width: 100%;
}

.p-edit_profile__upload_preview_label {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 16px;
}

.p-edit_profile__upload_preview_photo {
  border-radius: 3px;
}

.p-edit_profile__error_alert {
  margin-bottom: 16px;
  width: 100%;
}

.p-edit_profile__date_button {
  --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  border: 1px solid var(--saf-0);
  font-weight: 400;
  justify-content: left;
  width: 100%;
}

.p-edit_profile__rules {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38461538;
  margin-bottom: 20px;
}

[lang=ru-RU] .p-edit_profile__footer_link {
  flex: 1;
}

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

.p-edit_profile__external_profiles_coachmark_container {
  background-color: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
  border-radius: 8px;
  display: flex;
  margin-top: 20px;
  padding: 16px 24px;
  position: relative;

  .p-edit_profile__external_profiles_coachmark--subtitle {
    margin-bottom: 4px;
  }

  .p-edit_profile__external_profiles_coachmark--body {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.46668;
  }

  .p-edit_profile__external_profiles_coachmark--close_button {
    position: absolute;
    right: 4px;
    top: 4px;
  }

  &:after {
    border-bottom: 12px solid rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
    border-left: 12px solid #0000;
    border-right: 12px solid #0000;
    content: '';
    height: 0;
    left: 24px;
    position: absolute;
    top: -12px;
    width: 0;
  }
}

.p-member_profile_buttons {
  display: flex;
}

.p-member_profile_buttons__button, .p-member_profile_buttons__button_disabled_container {
  flex: 1;
}

.p-member_profile_buttons__button:not(:first-child), .p-member_profile_buttons__button_disabled_container:not(:first-child) {
  margin-left: 8px;
}

.p-member_profile_buttons__button--overflow {
  flex-basis: 0;
  flex-grow: 0;
  min-width: auto;
  padding: 0 8px;
}

.p-member_profile_buttons__button_disabled_container {
  display: inline-flex;

  .p-member_profile_buttons__button {
    width: 100%;
  }
}

.p-member_profile_buttons__button_body {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: auto;
  overflow: hidden;
}

.p-member_profile_buttons__button_body_label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-member_profile_buttons__button_body_icon {
  flex-shrink: 0;
}

.p-member_profile_buttons__button_body_icon--small:before {
  font-size: 18px;
}

.p-member_profile_buttons__button.p-r_member_profile__buttons-icon-only {
  flex: 0;
  min-width: 36px;
  padding: 0;

  .p-member_profile_buttons__button_body_icon {
    margin-left: auto;
    margin-right: auto;
  }
}

.p-member_profile_buttons__button_body_chevron_icon {
  align-items: center;
  display: flex;
  margin-left: auto;
}

[lang=ja-JP] .p-member_profile_buttons__button, [lang=ru-RU] .p-member_profile_buttons__button {
  font-size: 13px;
}

.p-member_profile_buttons__link--rimeto {
  display: block;
  margin: 0 16px;
}

.p-member_profile_buttons_huddle_icon:before {
  color: var(--p-huddle__text_color_opacity_30);
  font-size: 15px;
}

.p-channel_details .p-flexpane__title_container {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-channel_details__contents {
  flex: 1;
}

.p-channel_details__block {
  margin: 20px 16px 0;

  &:last-child {
    margin-bottom: 20px;
  }
}

.p-ia__channel_details__details {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  padding: 16px;
}

.p-channel_details__header {
  margin-bottom: 4px;
  text-align: center;
}

.p-channel_details__header__title {
  margin-top: 16px;
  padding: 0 16px;
  text-align: center;
  width: 100%;

  .p-deprecated_channel_name {
    cursor: default;
    white-space: normal;
  }

  .c-icon--archive {
    margin-right: 2px;
  }
}

.p-channel_details__header__title__presence {
  margin: 0 -8px 0 4px;
}

.p-channel_details__subtitle {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  cursor: default;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }

  .c-icon--archive {
    margin-right: 2px;
  }
}

.p-channel_details__header__avatar {
  height: 120px;
  margin: 28px auto 0;
  width: 120px;
}

.p-channel_details__header__faces {
  margin-bottom: 4px;
  margin-top: 32px;
  padding: 0 20px 0 26px;

  .c-avatar {
    border-radius: 8px;
    margin-right: 8px;
    overflow: hidden;
  }
}

.p-channel_details__header {
  .p-member_profile_picture {
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    padding-top: 100%;
  }

  .c-custom_status {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    display: block;
    font-size: 13px;
    margin: 4px 16px 0;
    word-break: break-word;

    .c-emoji {
      margin-right: 2px;
    }
  }
}

.p-channel_details__header__created {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  line-height: 1.38463;
}

.p-ia__channel_details__prefs {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  padding: 16px;
}

.p-ia__channel_details__prefs_title {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 8px;
  margin-left: 16px;
}

.p-ia__channel_details__prefs_control {
  align-items: center;
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  display: flex;
  margin-bottom: 1px;
  padding: 12px 16px;
  width: 100%;

  &.p-ia__channel_details__prefs_control--with-toggle {
    padding: 5px 12px 5px 16px;
  }
}

.p-ia__channel_details__prefs_control__notifications {
  border-radius: 4px 4px 0 0;
}

.p-ia__channel_details__prefs_control__star {
  border-radius: 0 0 4px 4px;
}

.p-ia__channel_details__prefs_control__content {
  align-items: center;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  margin-left: auto;

  .c-emoji__small {
    margin-right: 8px;
  }
}

.p-ia__channel_details__prefs_control .c-toggle {
  margin-left: auto;
}

.p-ia__channel_details__actions {
  align-items: start;
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  justify-content: center;
  padding-bottom: 16px;
  padding-top: 18px;
}

.p-ia__channel_details__action {
  text-align: center;
  width: 80px;

  &.p-ia__channel_details__action--member_profile {
    text-align: unset;
  }

  &.active .p-ia__channel_details__action_icon {
    background-color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  }
}

.p-ia__channel_details__action_tooltip {
  max-width: 140px;
}

.p-ia__channel_details__action_icon {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-radius: 100%;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  height: 40px;
  margin-bottom: 4px;
  text-align: center;
  transition: background-color 80ms, color 80ms;
  width: 40px;

  &.p-ia__channel_details__action_icon--member_profile {
    align-items: center;
    display: flex;
    justify-content: center;
  }

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

  &:active {
    background-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.15);
  }
}

.p-ia__channel_details__action_label {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;

  &.p-ia__channel_details__action_label--legacy_icon_label {
    padding-left: 4px;
  }
}

.p-ia__channel_details__action {
  &.p-ia__channel_details__action--muted .p-ia__channel_details__action_icon, &.p-ia__channel_details__action--starred .p-ia__channel_details__action_icon {
    background-color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  }
}

.p-local_time {
  align-items: center;
  display: flex;
}

.p-lists_member_profile_access_hover_card_banner {
  align-items: center;
  background-color: #1d9bd11a;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-lists_member_profile_access_hover_card_banner__share_link {
  font-weight: 700;
}

.p-embedded_video_unfurl {
  background: #1d1c1d;
  background-color: #000;
  cursor: -mox-grab;
  cursor: grab;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 150px;
  overflow: hidden;
  position: relative;
  transition-duration: .1s;
  transition-property: border-color, box-shadow;

  &:hover {
    border-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.2);
    box-shadow: 0 1px 1px #0000000f;
  }

  &:active {
    cursor: grabbing;
  }
}

.p-embedded_video_unfurl_box {
  .p-embedded_video_unfurl {
    height: 100%;
    min-height: 235px;
  }

  .c-aspect_box__inner {
    min-height: 235px;
  }

  .p-embedded_video_unfurl .p-video_message_file__poster {
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    margin: unset;
  }
}

.p-embedded_video_unfurl {
  .p-media_viewer__video_container {
    background: #000;
    display: flex;
    justify-content: center;
    margin: 0 auto;
  }

  .p-video_message_file__poster {
    border-radius: 0;
    margin: 0 auto;
    max-height: none;
  }

  .p-media_viewer__video, .p-media_viewer__video_container {
    max-width: 100%;
  }

  .p-media_viewer__video {
    display: block;

    &::cue {
      background-color: #000c;
      font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
      font-size: 18px;
      text-shadow: 0 1px 1px #00000040;
    }
  }

  .p-embedded_video_unfurl__video_container--loading {
    height: 0;
  }

  .p-embedded_video_unfurl__video_container {
    height: 100%;
  }
}

.p-column_editor_label {
  font-weight: 700;
  padding-bottom: 8px;
}

.p-select_column_editor {
  padding: 8px 12px 12px;
}

.p-select_column_editor__header {
  align-items: center;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin-bottom: 12px;
  min-height: 32px;
}

.p-select_column_editor__header_button {
  margin-left: auto;
}

.p-select_column_editor__checkbox {
  padding: 4px 8px;
}

.p-select_column_editor__button {
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  padding: 4px 8px;

  &:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }
}

.p-select_column_editor__button_icon {
  margin-right: 10px;
}

.p-select_column_editor__input {
  margin-bottom: 0;
}

.p-select_column_editor__options {
  margin-left: -4px;
}

.p-select_column_editor__option {
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  padding: 4px;
  width: 100%;

  &:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }
}

.p-select_column_editor__option_grabby {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  cursor: grab;
  margin-right: 6px;
}

.p-select_column_editor__option_arrow {
  align-items: center;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  margin-left: auto;
}

.p-select_column_editor__option_button {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.p-select_column_editor__option--dragging_over:not(.p-select_column_editor__option--dragging) {
  background-color: unset !important;
}

.p-select_column_editor__option--dragging {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1) !important;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  cursor: grabbing !important;
}

.p-select_column_editor__option_label {
  border-radius: 4px;
  padding: 2px 6px;
}

.p-select_column_editor__colors {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}

.p-select_column_editor__color_checkmark {
  align-self: flex-end;
  width: 20px;
}

.p-select_column_editor__color_button {
  border-radius: 4px;
  display: flex;
  padding: 4px 12px 4px 0;

  &:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }
}

.p-select_column_editor__option_menu .c-modal_speed_bump__heading {
  margin-bottom: 12px;
}

.p-select_column_editor__row {
  padding-bottom: 16px;
}

.p-select_column_editor__row_caption {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding-top: 4px;
}

.p-select_column_editor__format_type {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding-top: 8px;
}

.p-rating_column_editor {
  padding: 12px;
}

.p-rating_column_editor__option {
  margin-bottom: 12px;
}

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

.p-number_column_editor {
  padding: 0 12px 12px;
}

.p-number_column_editor__row {
  padding-bottom: 16px;
}

.p-number_column_editor__format_types {
  align-content: space-between;
  display: flex;
  gap: 8px;
}

.p-number_column_editor__format_type_option {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 3px;
  height: 60px;
  padding: 10px 16px;
  width: 87px;
}

.p-number_column_editor__format_type_option--selected {
  --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
  background: #1d9bd11f;
  box-shadow: 0 0 0 1px var(--saf-0);

  &:hover {
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    background: #1d9bd11f;
    box-shadow: 0 0 0 1px var(--saf-0);
  }
}

.p-number_column_editor__format_type_option_symbol {
  font-weight: 700;
}

.p-number_column_editor__format_type_option_label {
  font-size: 13px;
  font-weight: 700;
}

.p-date_column_editor {
  padding: 0 12px 12px;
}

.p-date_column_editor__row {
  padding-bottom: 16px;
}

.p-date_column_editor__format_type {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding-top: 8px;
}

.p-date_column_editor__format_type_option {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 3px;
  height: 60px;
  padding: 10px 16px;
  width: 134px;
}

.p-date_column_editor__format_type_option--selected {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.5);
  box-shadow: none;
}

.p-date_column_editor__format_type_option_symbol {
  font-weight: 700;
}

.p-date_column_editor__format_type_option_label {
  font-size: 13px;
  font-weight: 700;
}

.p-text_column_editor {
  padding: 8px 12px 12px;
}

.p-text_column_editor__row {
  padding-bottom: 16px;
}

.p-text_column_editor__format_type {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}

.p-link_column_editor {
  padding: 12px;
}

.p-link_column_editor__option {
  margin-bottom: 12px;
}

.p-link_column_editor__link_preview {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  margin-top: 8px;
  padding: 8px 12px;
}

.p-link_column_editor__link_preview_label {
  font-size: 13px;
}

.p-entity_column_editor {
  padding: 8px 12px 12px;
}

.p-entity_column_editor__row {
  padding-bottom: 16px;
}

.p-entity_column_editor__show_member_name {
  padding-bottom: 0;
}

.p-entity_column_editor__format_type, .p-entity_column_editor__show_member_name {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding-top: 8px;
}

.p-column_editor {
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.p-column_editor__inputs {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 20px;
}

.p-column_editor__list_item {
  align-items: center;
  display: flex;
}

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

.p-column_editor__list_item_noneditable {
  align-items: center;
  display: flex;
  justify-content: space-between;

  .p-column_editor_label {
    padding-bottom: 0;
  }
}

.p-column_editor__list_item_label {
  margin-left: 12px;
}

.p-column_editor__add_button {
  margin: 12px 12px 12px auto;
  width: auto;
}

.p-column_editor__description {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding: 0 14px;
}

.p-column_editor__list_item_number {
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  height: 20px;
  margin-right: 8px;
  vertical-align: text-top;
  width: 24px;
}

.p-column_editor .c-modal_speed_bump__heading {
  margin-bottom: 12px;
}

.p-column_editor__select_column_type_overlay .c-select_options_list__option {
  padding-left: 24px;
}

.p-thread_indicator__single_reply {
  align-items: center;
  display: flex;
}

.p-thread_indicator__reply_count {
  position: relative;
}

.p-thread_indicator__comment_icon {
  color: #e4e4e4;
  font-size: 26px;
  left: -14px;
  position: absolute;
  top: -13px;
}

.sk-client-theme--dark .p-thread_indicator__comment_icon {
  color: #b6b7b7;
}

.p-thread_indicator__comment_icon.p-thread_indicator__comment_icon--unread {
  color: #ffcf66;
}

.p-thread_indicator__reply_count_value {
  color: #1d1c1d;
  font-size: 11px;
  font-weight: 700;
  left: -12px;
  position: absolute;
  text-align: center;
  top: -8px;
  width: 22px;

  &.p-thread_indicator__reply_count_value--unread {
    color: #1d1c1d;
  }
}

.p-thread_column__wrapper {
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-left: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  height: 100%;
  margin-left: 8px;
  width: 100%;
}

.p-thread_column__wrapper--dragging_over:not(.p-thread_column__wrapper--dragging) {
  background-color: unset !important;
}

.p-thread_column__wrapper--dragging {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1) !important;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  cursor: grabbing !important;
}

.p-thread_column__row_info {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
}

.p-thread_column__row_hover {
  display: flex;
}

.p-thread_column__row_index_label {
  font-size: 13px;
  padding-left: 10px;
}

.p-thread_column__row_expand, .p-thread_column__row_grab, .p-thread_column__row_thread {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: auto;
  position: relative;
  width: 36px;
}

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

.p-thread_column__comment_button {
  margin-left: -2px;
}

.p-thread_column__grab_button {
  cursor: grab;
  opacity: 0;
  position: absolute;
}

.p-thread_column__grab_button--view_only {
  cursor: pointer;
}

.p-thread_column__expand_button {
  opacity: 0;
  position: absolute;
}

.p-thread_column__row_menu_info_container {
  display: flex;
  padding: 0 24px;
}

.p-thread_column__row_menu_last_editor_image {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding-right: 12px;
}

.p-thread_column__row_menu_last_edited_time {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
}

.p-awareness_icon {
  align-items: center;
  border-radius: 50%;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  height: 28px;
  justify-content: center;
  line-height: 1.38463;
  position: absolute;
  right: -14px;
  text-align: center;
  top: -8px;
  width: 28px;
  z-index: 4;
}

.p-awareness_icon--gray {
  background-color: var(--dt_color-plt-gray-20);
  color: var(--dt_color-plt-gray-80);
}

.p-awareness_icon--brown {
  background-color: var(--dt_color-plt-horchata-20);
  color: var(--dt_color-plt-horchata-80);
}

.p-awareness_icon--orange {
  background-color: var(--dt_color-plt-campfire-20);
  color: var(--dt_color-plt-campfire-80);
}

.p-awareness_icon--yellow {
  background-color: var(--dt_color-plt-sunflower-20);
  color: var(--dt_color-plt-sunflower-80);
}

.p-awareness_icon--green {
  background-color: var(--dt_color-plt-cilantro-20);
  color: var(--dt_color-plt-cilantro-80);
}

.p-awareness_icon--blue {
  background-color: var(--dt_color-plt-ocean-20);
  color: var(--dt_color-plt-ocean-80);
}

.p-awareness_icon--indigo {
  background-color: var(--dt_color-plt-indigo-20);
  color: var(--dt_color-plt-indigo-80);
}

.p-awareness_icon--purple {
  background-color: var(--dt_color-plt-aubergine-30);
  color: var(--dt_color-plt-aubergine-80);
}

.p-awareness_icon--pink {
  background-color: var(--dt_color-plt-flamingo-20);
  color: var(--dt_color-plt-grflamingoay-80);
}

.p-awareness_icon--red {
  background-color: var(--dt_color-plt-tomato-20);
  color: var(--dt_color-plt-tomato-80);
}

.p-awareness_key_column {
  display: flex;
  height: 100%;
  position: relative;
  width: 100%;

  > .p-member_profile_hover_card {
    height: 100%;
  }

  &:has(.p-list_detail__multiselect_field) {
    display: block;
  }
}

.p-awareness_key_column--is_aware {
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
}

.p-awareness_key_column.p-awareness_key_column--is_aware {
  &.p-awareness_key_column--is_aware_gray {
    border-color: var(--dt_color-plt-gray-20);
  }

  &.p-awareness_key_column--is_aware_brown {
    border-color: var(--dt_color-plt-horchata-20);
  }

  &.p-awareness_key_column--is_aware_orange {
    border-color: var(--dt_color-plt-campfire-20);
  }

  &.p-awareness_key_column--is_aware_yellow {
    border-color: var(--dt_color-plt-sunflower-20);
  }

  &.p-awareness_key_column--is_aware_green {
    border-color: var(--dt_color-plt-cilantro-20);
  }

  &.p-awareness_key_column--is_aware_blue {
    border-color: var(--dt_color-plt-ocean-20);
  }

  &.p-awareness_key_column--is_aware_indigo {
    border-color: var(--dt_color-plt-indigo-20);
  }

  &.p-awareness_key_column--is_aware_purple {
    border-color: var(--dt_color-plt-aubergine-30);
  }

  &.p-awareness_key_column--is_aware_pink {
    border-color: var(--dt_color-plt-flamingo-20);
  }

  &.p-awareness_key_column--is_aware_red {
    border-color: var(--dt_color-plt-tomato-20);
  }
}

.p-list_message_banner {
  bottom: 0;
  position: absolute;

  a {
    color: #1264a3;
  }
}

.p-list_message_banner__info_override {
  background: #1d9bd11a;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-weight: 500;

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

.p-list_message_banner {
  .c-icon_button {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);

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

  .c-link--button {
    font-size: 15px;
    font-weight: 500;
  }
}

.p-list_message_banner__callout {
  font-weight: 700;
}

:root {
  --dsg-selection-border-radius: 4px;
  --dsg-selection-border-width: 1px;
  --dsg-selection-background-color: #4580e60a;
  --dsg-selection-disabled-border-color: #9da6ab;
  --dsg-selection-disabled-background-color: #0000000a;
  --dsg-corner-indicator-width: 10px;
  --dsg-expand-rows-indicator-width: 7px;
  --dsg-scroll-shadow-width: 7px;
  --dsg-scroll-shadow-color: #0003;
  --dsg-cell-hover-background-color: #dde8ed;
}

.dsg-container {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  box-sizing: border-box;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  -webkit-user-select: none;
  user-select: none;
  will-change: auto !important;

  &.is-horizontally-scrolled .dsg-cell-stick-column-left:not(.dsg-cell-gutter) {
    --saf-0: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    box-shadow: 4px 0 0 0 var(--saf-0);
  }

  &.is-context-menu-opened {
    pointer-events: none;
  }
}

.dsg-corner-indicator {
  border-bottom: var(--dsg-corner-indicator-width) solid rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  border-left: var(--dsg-corner-indicator-width) solid #0000;
  display: none;
  margin: auto;
  width: 0;
}

.dsg-row {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  display: flex;

  input {
    background-color: initial;
  }

  &:hover {
    &:not(.dsg-row-active) {
      .dsg-cell, .dsg-cell-bottom-right .p-awareness_key_column, .dsg-cell-top-right .p-awareness_key_column, .p-thread_column__wrapper {
        background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
      }
    }

    &:not(.dsg-row-header) {
      .p-thread_indicator__reply_count {
        outline-color: #1d9bd11a;
      }

      .dsg-cell-gutter, .dsg-cell-sticky-right {
        z-index: 2;
      }

      .dsg-cell-gutter.dsg-cell-stick-column-left, .dsg-cell-sticky-right.dsg-cell-stick-column-left {
        z-index: 6;
      }

      .dsg-cell-gutter .p-list_detail__sticky_buttons, .dsg-cell-sticky-right .p-list_detail__sticky_buttons {
        background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
        opacity: 1;
      }

      .dsg-cell-gutter .p-thread_column__row_hover, .dsg-cell-sticky-right .p-thread_column__row_hover {
        --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
        align-items: center;
        background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
        border: 1px solid var(--saf-0);
        border-radius: 7px;
        display: flex;
        height: 34px;
        width: 66px;
        z-index: 1;
      }

      .dsg-cell-gutter.dsg-cell-stick-column-left .p-thread_column__row_hover, .dsg-cell-sticky-right.dsg-cell-stick-column-left .p-thread_column__row_hover {
        left: 2px;
        position: relative;
      }

      .dsg-cell-gutter:not(.dsg-cell-stick-column-left) .p-thread_column__row_hover, .dsg-cell-sticky-right:not(.dsg-cell-stick-column-left) .p-thread_column__row_hover {
        position: fixed;
        z-index: 3;
      }

      .dsg-cell-gutter .p-thread_column__row_grab:hover, .dsg-cell-sticky-right .p-thread_column__row_grab:hover {
        background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
        border-radius: 7px 0 0 7px;
        height: 32px;
      }

      .dsg-cell-gutter {
        .p-thread_column__expand_button, .p-thread_column__grab_button {
          opacity: 1;
        }
      }

      .dsg-cell-sticky-right {
        .p-thread_column__expand_button, .p-thread_column__grab_button {
          opacity: 1;
        }
      }

      .dsg-cell-focus input:focus {
        background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
      }
    }
  }
}

.dsg-row-header {
  display: flex;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  position: sticky;
  top: 0;
  z-index: 6;
}

.dsg-row-active {
  .dsg-cell, .p-thread_column__wrapper {
    background-color: #e8f5fa;
  }

  .dsg-cell-bottom-right, .dsg-cell-top-right {
    background-color: unset;
  }

  .dsg-cell-bottom-right .p-awareness_key_column, .dsg-cell-top-right .p-awareness_key_column {
    background-color: #e8f5fa;
  }
}

.dsg-row-active--dark {
  .dsg-cell, .p-thread_column__wrapper {
    background-color: #1c405f;
  }

  .dsg-cell-bottom-right, .dsg-cell-top-right {
    background-color: unset;
  }

  .dsg-cell-bottom-right .p-awareness_key_column, .dsg-cell-top-right .p-awareness_key_column {
    background-color: #1c405f;
  }
}

.dsg-row-active {
  .dsg-cell-gutter, .dsg-cell-sticky-right {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

.dsg-cell {
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-right: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  box-sizing: border-box;
  display: flex;
  position: relative;
}

.dsg-hidden-cell {
  display: none;
}

.dsg-cell-sticky-right {
  z-index: 3;
}

.dsg-cell-disabled {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
}

.dsg-cell-gutter, .dsg-cell-header {
  box-shadow: none;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  transition: color 0;
}

.dsg-cell-header-container {
  height: 100%;
  padding: 0;
  width: 100%;
}

.dsg-cell-header.dsg-cell-gutter {
  border: unset;
}

.dsg-cell.dsg-cell-gutter {
  border-right: unset;
}

.dsg-cell-header.dsg-cell-sticky-right {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  box-shadow: 0 0 var(--saf-0);
}

.dsg-cell-gutter {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-bottom: unset;
  border-top: unset;
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  justify-content: center;
  left: 0;
}

.dsg-cell-gutter-active, .dsg-cell-header-active {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.dsg-active-cell, .dsg-selection-rect {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border: solid var(--dsg-selection-border-width) var(--saf-0);
  border-radius: var(--dsg-selection-border-radius);
  box-sizing: border-box;
  pointer-events: none;
  position: absolute;
  transition: all 0;
  z-index: 1;
}

.dsg-active-cell-focus {
  box-shadow: 0 2px 5px #0000004d;

  &.hide-active-cell-rect {
    border: none;
    box-shadow: none;
  }
}

.dsg-active-cell-disabled, .dsg-selection-rect-disabled {
  border-color: var(--dsg-selection-disabled-border-color);
}

.dsg-selection-rect {
  background: var(--dsg-selection-background-color);
}

.dsg-selection-rect-disabled {
  background: var(--dsg-selection-disabled-background-color);
}

.dsg-scrollable-view-container {
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}

.dsg-scrollable-view {
  box-sizing: border-box;
  position: sticky;
  transition: box-shadow .3s;
  z-index: 1;
}

.dsg-selection-col-marker-container {
  display: none;
  position: absolute;
  top: 0;
}

.dsg-selection-col-marker {
  background: rgba(var(--sk_highlight, 18, 100, 163), 1);
  height: var(--dsg-selection-border-width);
  position: sticky;
  width: 100%;
}

.dsg-selection-row-marker-container {
  display: none;
  left: 0;
  position: absolute;
}

.dsg-selection-row-marker {
  background: rgba(var(--sk_highlight, 18, 100, 163), 1);
  height: 100%;
  position: sticky;
  width: var(--dsg-selection-border-width);
}

.dsg-selection-col-marker, .dsg-selection-col-marker-container, .dsg-selection-row-marker, .dsg-selection-row-marker-container {
  pointer-events: none;
  transition: all 0;
  z-index: 2;
}

.dsg-selection-col-marker-disabled, .dsg-selection-row-marker-disabled {
  background: var(--dsg-selection-disabled-border-color);
}

.dsg-add-row {
  align-items: center;
  color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  display: flex;
  padding: 8px 4px 8px 8px;

  > * {
    margin-right: 10px;
  }
}

.dsg-add-row-btn, .dsg-add-row-input {
  align-items: center;
  background-color: #007a5a;
  border-radius: 4px;
  color: #fff;
  display: flex;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  padding: 7px 10px;
  position: relative;
  transition: all 0.2s;
}

.dsg-add-row-btn {
  font-weight: 700;
  height: 36px;
  min-width: 80px;
}

.dsg-add-row-input {
  display: none;
  width: 55px;
}

.dsg-add-row-btn:hover, .dsg-add-row-input:hover {
  border-color: #c7c7c7;
}

.dsg-add-row-btn:focus, .dsg-add-row-input:focus {
  border-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  outline: none;
}

.dsg-add-row-btn {
  &:before {
    display: inline-block;
    height: 2px;
    width: 10px;
  }

  &:after, &:before {
    background: #9da6ab;
    content: '';
    margin-right: 10px;
  }

  &:after {
    display: block;
    height: 10px;
    left: 14px;
    position: absolute;
    width: 2px;
  }
}

.dsg-input {
  align-self: stretch;
  background: none;
  border: none;
  box-sizing: border-box;
  display: block;
  flex: 1;
  font-size: 15px;
  height: 100%;
  min-width: 0;
  outline: none;
  z-index: 6;

  .c-basic_container__body {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: solid var(--dsg-selection-border-width) var(--saf-0);
    border-radius: 5px;
    box-shadow: 0 1px 6px #0000004d;
    box-sizing: border-box;
    max-height: 150px;
    min-height: 44px;
    min-width: 248px;
    top: -1px;
    width: calc(100% + 2px);
  }
}

.dsg-input-suffix {
  margin-left: -5px;
  opacity: .5;
  padding-right: 10px;
}

.dsg-input-align-right {
  text-align: right;
}

.dsg-checkbox {
  cursor: pointer;
  margin: auto;
}

.dsg-context-menu {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-radius: 6px;
  position: fixed;
  z-index: 10000;
}

.dsg-context-menu-item {
  cursor: default;
  padding: 3px 20px;

  &:hover {
    background: #fafafa;
  }
}

.dsg-expand-rows-indicator {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  box-sizing: border-box;
  cursor: crosshair;
  height: var(--dsg-expand-rows-indicator-width);
  position: absolute;
  transition: all 0;
  width: var(--dsg-expand-rows-indicator-width);
  z-index: 1;
}

.dsg-expand-rows-indicator-disabled {
  border: 1px solid var(--dsg-selection-disabled-border-color);
}

.dsg-expand-rows-rect {
  background: #00000008;
  box-sizing: border-box;
  pointer-events: none;
  position: absolute;
  transition: all 0;
  z-index: 1;

  &.dsg-expand-rows-rect-extend {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border: 1px solid var(--saf-0);
    border-top: unset;
  }
}

.dsg-row-header--draggables {
  display: flex;
}

.dsg-cell-header--dragging {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
}

.dsg-cell-header {
  border-top-width: 0;

  .p-thread_column__wrapper {
    border-left: unset;
    margin-left: 0;
  }
}

.dsg-inner-container {
  display: flex;
  height: 100%;
  width: 100%;

  &.is-editing {
    pointer-events: none;

    .dsg-cell-focus {
      pointer-events: auto;
    }
  }
}

.dsg-body {
  display: flex;
  position: absolute;
}

.dsg-cell-sticky-right {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border: unset;
}

.dsg-row-top {
  .p-awareness_key_column, .p-thread_column__wrapper {
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.dsg-cell-top-left .p-thread_column__wrapper {
  border-top-left-radius: 8px;
}

.dsg-cell-bottom-left .p-thread_column__wrapper {
  border-bottom-left-radius: 8px;
}

.dsg-cell-top-right {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-right: unset;

  .p-awareness_key_column {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-right: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border-top-right-radius: 8px;
  }
}

.dsg-cell-bottom-right {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-bottom: unset;
  border-right: unset;

  .p-awareness_key_column {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border-bottom-right-radius: 8px;
    border-right: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.dsg-cell-stick-column-left {
  position: sticky;
  z-index: 5;

  &:not(.dsg-cell-gutter) {
    border-right: 1px solid rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
    left: 80px;
  }

  &.dsg-cell-focus {
    z-index: 6;
  }
}

.dsg-left-panel {
  left: 0;
  position: sticky;
  z-index: 6;

  .dsg-expand-rows-hide-border-right, .dsg-selection-rect-hide-border-right {
    border-right: none;
  }
}

.dsg-cell-focus .p-list_detail__select_field {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 5px;
  box-shadow: 0 1px 6px #0000004d;
  box-sizing: border-box;
  min-height: 44px;
  min-width: 248px;
  position: relative;
  top: -1px;
  width: calc(100% + 2px);
  z-index: 4;
}

.p-board_view {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: inline-flex;
  overflow-x: auto;
  width: 100%;
}

.p-board_view__column {
  display: flex;
  flex-direction: column;
  margin: 12px;
}

.p-board_view__column_header {
  align-items: center;
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-radius: 12px 12px 0 0;
  display: flex;
  justify-content: center;
}

.p-board_view__column_title {
  flex-grow: 1;
  font-weight: 700;
  padding: 12px 0 0 16px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}

.p-board_view__column_list_wrapper {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border: 2px solid #0000;
  display: flex;
  flex-direction: column;
  transition: border-color .16s ease, opacity .1s ease;
  -webkit-user-select: none;
  user-select: none;
  width: 300px;
}

.p-board_view__column_list_scroller {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 12px 12px 32px;
}

.p-board_view__column_list_drop_zone {
  min-height: 500px;
  padding-bottom: 12px;
}

.p-board_view__column_list_item {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0);
  display: flex;
  flex-direction: column;
  margin: 1px 1px 12px;

  &:hover {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }

  &:focus {
    background-color: #e8f5fa;
  }
}

.p-board_view__column_list_item--dragging {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: #e8f5fa;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
}

.p-board_view__field {
  margin: 0 12px 8px;

  .p-member_profile_hover_card {
    margin-left: -4px;
    margin-top: -4px;
  }

  &:last-child {
    margin-bottom: 12px;
  }

  &:first-child {
    margin-top: 12px;
  }

  .c-member__member-name strong {
    font-weight: 400;
  }
}

.p-board_view__list_footer.p-list_detail__footer {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-top: none;
  bottom: -18px;
  position: sticky;
  z-index: 2;

  .p-list_detail__footer_add_button {
    margin-left: 0;
  }
}

.p-calendar_view {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.p-calendar_view__header {
  align-items: center;
  display: flex;
  height: 42px;
  padding: 0;
}

.p-calendar_view__header_controls {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: 8px;
}

.p-calendar_view__header_month {
  font-weight: 700;
  margin-left: 20px;
}

.p-calendar_view__header_today_button {
  align-items: center;
  border-radius: 4px;
  display: flex;
  height: 36px;
  justify-content: center;
  padding: 0 8px;

  &:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }
}

.p-calendar_view__month {
  border-collapse: collapse;
  border-spacing: 0;
  height: 100%;
  table-layout: fixed;
  width: 100%;
}

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

.p-calendar_view__date {
  border: unset;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;

  &:hover .c-file__actions {
    opacity: 1;
  }
}

.p-calendar_view__date--dragging-over {
  background-color: #1d9bd11a;
}

.p-calendar_view__date--weekend {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
}

.p-calendar_view__date_header {
  align-items: center;
  align-self: flex-end;
  border-radius: 100%;
  display: flex;
  height: 32px;
  justify-content: center;
  margin: 3px;
  min-height: 32px;
  width: 32px;
}

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

.p-calendar_view__date_header--other_month {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
}

.p-calendar_view__add_button {
  left: 0;
  position: absolute;
  top: 3px;
}

.p-calendar_view__date_records {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-top: 8px;
  overflow: auto;
}

.p-calendar_view__date_record_name {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 6px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin: 4px 8px;
  padding: 6px;

  &:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }
}

.p-calendar_view__date_record_name--dragging {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
}

.p-list_view {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  height: 100%;
  position: relative;
  width: 100%;

  .p-list_detail__footer {
    bottom: 0;
    position: absolute;
    width: 100%;
  }
}

.p-list_view__content {
  height: calc(100% - 42px);
  width: 100%;
}

.p-list_view__row {
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  box-shadow: 0 0 0 1px var(--saf-0);
  display: flex;
  min-height: 46px;
  padding: 12px 0 12px 12px;
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);

  &:hover {
    --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;
    cursor: pointer;
  }

  &:not(.p-list_view__row--grouped) {
    border-radius: 12px;
    margin: 12px 12px 0;
  }

  &.p-list_view__row--grouped {
    margin: 0 12px;
  }

  &.p-list_view__row--grouped_first {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }

  &.p-list_view__row--grouped_last {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
  }
}

.p-list_view__field, .p-list_view__row .p-thread_indicator {
  padding-right: 12px;
}

.p-list_view__field .c-member__member-name strong, .p-list_view__row .p-thread_indicator .c-member__member-name strong {
  font-weight: 400;
}

.p-list_view__primary_field {
  flex-grow: 1;
}

.p-list_view__group_header {
  margin: 20px 12px 12px 20px;
}

.p-gallery_view {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;

  .p-list_detail__footer {
    bottom: 0;
    position: absolute;
    width: 100%;
  }
}

.p-gallery_view__content {
  display: grid;
  gap: 12px;
  grid-auto-rows: max-content;
  grid-template-columns: repeat(auto-fill, minmax(237px, 1fr));
  grid-template-rows: max-content;
  height: calc(100% - 42px);
  justify-content: center;
  min-width: 237px;
  overflow: auto;
  padding: 12px;
  width: 100%;
}

.p-gallery_view__card {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 12px;
  box-shadow: 0 0 0 1px var(--saf-0);
  display: flex;
  flex-direction: column;
  width: 100%;
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);

  &:hover {
    --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;
    cursor: pointer;
  }

  .p-file_card__preview {
    border-radius: 12px 12px 0 0;
    margin-bottom: 8px;
  }
}

.p-gallery_view__field {
  margin: 0 12px 8px;

  .p-member_profile_hover_card {
    margin-left: -4px;
    margin-top: -4px;
  }

  &:last-child {
    margin-bottom: 12px;
  }

  &:first-child {
    margin-top: 12px;
  }

  .c-member__member-name strong {
    font-weight: 400;
  }
}

.p-gallery_view__cover_placeholder {
  align-items: center;
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
  min-height: 140px;
  width: 100%;

  .c-icon {
    transform: scale(1.5);
  }
}

.p-view_editor {
  display: flex;
  flex-direction: column;
  padding: 20px 12px 12px;
}

.p-view_editor__types {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.p-view_editor__type_button {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin-bottom: 12px;
  padding: 8px;
  width: 84px;

  &:hover:not(.p-view_editor__type_button--selected):not([disabled]) {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }

  &:disabled {
    color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    cursor: not-allowed;
  }
}

.p-view_editor__type_button--selected {
  background-color: #1d9bd11a;
  border-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.p-view_editor__type_icon_board {
  transform: rotate(90deg);
}

.p-view_editor__add_button {
  align-self: flex-end;
  margin-top: 12px;
}

.p-view_editor__description_coming_soon {
  font-weight: 700;
  text-align: center;
}

.p-view_editor__description {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin: 4px 0;
  min-height: 36px;
}

.p-view_editor__options {
  margin-bottom: 12px;
  margin-top: 12px;
}

.p-view_field_editor {
  display: flex;
  flex-direction: column;
  padding: 20px 12px 12px;
}

.p-view_field_editor__option {
  height: 40px;
  padding: 2px 4px;
}

.p-view_field_editor__option_reorder_disabled {
  padding-left: 34px;
  padding-right: 8px;
}

.p-view_field_editor__header_button {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  font-weight: 400;
  margin-left: auto;
}

.p-view_field_editor__items {
  margin-left: -4px;
  max-height: 500px;
  min-height: 34px;
  overflow-y: auto;
}

.p-view_field_editor__toolbar {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 16px;
}

.p-view_field_editor__toolbar_button {
  margin: 0 8px;
  width: 126px;
}

.p-view_field_editor__visibility_button {
  margin-right: 6px;
}

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

.p-view_field_editor__menu_button_icon {
  margin-right: 10px;
}

.p-view_field_editor__menu_button {
  border-radius: 4px;
  margin-left: -4px;
  padding: 7px 8px 7px 4px;

  &:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }
}

.p-view_grouping_editor {
  display: flex;
  flex-direction: column;
  padding: 20px 12px 12px;
}

.p-sorted_column_list__item {
  align-items: center;
  border-radius: 4px;
  display: flex;
  padding: 6px 0;
  width: 100%;

  &:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }
}

.p-sorted_column_list__list_item {
  align-items: center;
  display: flex;
  flex-direction: row;
}

.p-sorted_column_list__list_item_label {
  margin-left: 12px;
}

.p-sorted_column_list__order_select {
  margin-left: 12px;
  margin-right: 4px;
}

.p-sorted_column_list__item_grabby {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  cursor: grab;
  margin: 0 12px;
}

.p-sorted_column_list__item_delete {
  min-width: 36px;
}

.p-sorted_column_list__item--dragging_over:not(.p-sorted_column_list__item--dragging) {
  background-color: unset !important;
}

.p-sorted_column_list__item--dragging {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1) !important;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  cursor: grabbing !important;
}

.p-sort_editor {
  display: flex;
  flex-direction: column;
  max-width: 464px;
  overflow: hidden;
  padding: 12px 0;
  width: 464px;
}

.p-sort_editor__add_button {
  align-items: center;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  display: flex;
  margin: 10px 0 8px 14px;

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

.p-sort_editor__add_label {
  margin-left: 8px;
}

.p-filter_values_select {
  flex: 1;
  margin-left: 4px;
}

.p-filter_values_select__number, .p-filter_values_select__text {
  margin-bottom: 0;
  width: 100%;
}

.p-filter_column_list__item {
  align-items: start;
  border-radius: 4px;
  display: flex;
  padding: 4px 4px 4px 12px;
  width: 100%;
}

.p-filter_column_list__operator_select {
  margin-left: 4px;
}

.p-filter_column_list__item_delete {
  margin-left: 4px;
  min-width: 36px;
}

.p-filter_column_list__list_item {
  align-items: center;
  display: flex;
  flex-direction: row;
}

.p-filter_column_list__list_item_label {
  margin-left: 12px;
}

.p-filter_editor {
  display: flex;
  flex-direction: column;
  max-width: 600px;
  overflow: hidden;
  padding: 12px 0;
  width: 600px;
}

.p-filter_editor__add_button {
  align-items: center;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  display: flex;
  margin: 12px 0 8px 14px;

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

.p-filter_editor__add_label {
  margin-left: 8px;
}

.p-list_detail {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 203;
}

.p-list_detail--embed {
  background: unset;
}

.p-list_detail__field_value {
  padding: 8px;
}

.p-list_detail__select_field {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;

  .c-select_button {
    border: unset;
    height: 100%;
    width: 100% !important;
  }

  .c-multi_select_input {
    border: none;
    border-radius: 0;
    box-shadow: unset !important;
    overflow: auto;
    padding: 4px 4px 4px 12px;
  }

  .c-select_input {
    border: none;
    box-shadow: unset !important;
  }

  .c-select_input--medium {
    height: 100%;
  }

  .c-select_input__content {
    padding: 4px 4px 4px 12px;
  }

  .c-select_input__content_text {
    padding: 0;
    text-overflow: clip;
  }
}

.p-list_detail__select_field_hidden_member_names .p-member_profile_hover_card {
  padding-right: 8px;
  padding-top: 5px;
}

.p-list_detail__multiselect_field {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  align-items: baseline;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  box-shadow: 0 1px 6px #0000004d;
  min-height: 43px;
  min-width: calc(100% + 2px);
  overflow: auto;
  position: relative;
  top: 0;
  z-index: 1;
}

.p-list_detail__select_active_container {
  padding: 0 12px;
  width: 100%;
}

.p-list_detail__date_field {
  align-items: center;
  display: flex;
  width: 100%;

  .c-date_picker__select_btn, .c-input_text_icon__icon {
    display: none;
  }

  .c-date_picker__select_container {
    margin-top: 3px;
  }

  .c-input_text:disabled {
    background: 0;
    border: 0;
  }
}

.p-list_detail__date_field_input {
  border: 0;

  &.c-date_picker__select_input {
    box-shadow: unset !important;
    margin-bottom: 0;
    padding-left: 12px;
    padding-right: 12px;
  }
}

.p-list_detail__date_field_container {
  padding: 0 12px;
}

.p-list_detail__date_range_field {
  overflow: hidden;
  padding: 0 8px;
  width: 100%;
}

.p-list_detail__date_range_field__popover {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 6px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 5px 10px #0000001f;
  padding: 16px;
}

.p-list_detail__date_range_field__date_picker {
  .c-date_range_picker_calendar {
    margin-top: 16px;
    width: 618px;
  }

  .c-date_range_picker_input {
    width: 618px;
  }

  .c-date_range_picker_calendar .c-calendar_view_header__stepper_btn {
    top: 0;
  }
}

.p-list_detail__attachment_field {
  height: 100%;

  .p-file_attachments__files {
    display: flex;
    flex: 1;
    justify-content: center;
  }

  .p-file_attachments__files--editable {
    margin-left: -40px;
  }

  .p-file_attachments__add_button {
    opacity: 0;
  }

  &:hover .p-file_attachments__add_button {
    opacity: 1;
  }
}

.p-list_detail__sticky_buttons {
  opacity: 0;
}

.p-list_detail__field_header {
  align-items: center;
  display: flex;
  height: 100%;
  width: 100%;

  &:hover {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }
}

.p-list_detail__field_header_name {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  overflow: hidden;
  padding-left: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  display: flex;
  height: 100%;
  width: 100%;
}

.p-list_detail__header_sticky_buttons, .p-list_detail__sticky_buttons {
  align-items: center;
  display: flex;
  height: 100%;
  width: 100%;
}

.p-list_detail__toolbar {
  align-items: center;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  height: 42px;
  line-height: 1.38463;
  position: absolute;
  right: 6px;
  top: 0;
  z-index: 2;
}

.p-list_detail__tab_menu {
  &.c-tabs__tab_menu {
    box-shadow: unset;
    display: flex;
    overflow: auto;
    width: calc(100% - 280px);
  }

  .c-tabs__tab:not(:last-child) {
    margin-right: 0;
  }
}

.p-list_detail__tab_menu--search.c-tabs__tab_menu {
  width: calc(100% - 380px);
}

.p-list_detail__tab {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  white-space: nowrap;
}

.p-list_detail__link_img {
  border-radius: 4px;
  height: 20px;
  margin-right: 6px;
  object-fit: cover;
  width: 20px;
}

.p-list_detail__rating {
  display: flex;
  margin: 0 6px;

  button:not(.p-list_detail__rating_emoji--editable) {
    cursor: default;
  }
}

.p-list_record_modal_info__field_value .p-list_detail__rating {
  display: inline-flex;
  height: 40px;
  margin-left: -6px;
}

.p-list_detail__rating .p-list_detail__rating_emoji {
  .p-list_detail__rating_emoji_icon:not(.p-list_detail__rating_emoji_icon--selected), .p-list_detail__rating_emoji_placeholder {
    opacity: .5;
    padding: 0;
  }
}

.p-list_record_modal_info__field_value .p-list_detail__rating .p-list_detail__rating_emoji {
  .p-list_detail__rating_emoji_icon:not(.p-list_detail__rating_emoji_icon--selected):first-child, .p-list_detail__rating_emoji_placeholder:first-child {
    padding-left: 0;
  }
}

.dsg-row {
  &.dsg-row-active .dsg-cell .p-list_detail__rating .p-list_detail__rating_emoji .p-list_detail__rating_emoji_placeholder, &:hover .dsg-cell .p-list_detail__rating .p-list_detail__rating_emoji .p-list_detail__rating_emoji_placeholder {
    display: flex;
  }
}

.p-list_record_modal_info__field_row_container:hover .p-list_detail__rating .p-list_detail__rating_emoji .p-list_detail__rating_emoji_placeholder {
  display: flex;
}

.p-list_detail__rating:hover .p-list_detail__rating_emoji.p-list_detail__rating_emoji--editable .p-list_detail__rating_emoji_icon {
  display: block;
}

.dsg-row {
  &.dsg-row-active .dsg-cell .p-list_detail__rating:hover .p-list_detail__rating_emoji.p-list_detail__rating_emoji--editable .p-list_detail__rating_emoji_placeholder, &:hover .dsg-cell .p-list_detail__rating:hover .p-list_detail__rating_emoji.p-list_detail__rating_emoji--editable .p-list_detail__rating_emoji_placeholder {
    display: none;
  }
}

.p-list_detail__rating .p-list_detail__rating_emoji.p-list_detail__rating_emoji--editable:hover ~ .p-list_detail__rating_emoji--editable .p-list_detail__rating_emoji_icon:not(.p-list_detail__rating_emoji_icon--selected), .p-list_record_modal_info__field_row_container:hover .p-list_detail__rating:hover .p-list_detail__rating_emoji.p-list_detail__rating_emoji--editable .p-list_detail__rating_emoji_placeholder {
  display: none;
}

.dsg-row {
  &.dsg-row-active .dsg-cell .p-list_detail__rating .p-list_detail__rating_emoji.p-list_detail__rating_emoji--editable:hover ~ .p-list_detail__rating_emoji--editable .p-list_detail__rating_emoji_placeholder, &:hover .dsg-cell .p-list_detail__rating .p-list_detail__rating_emoji.p-list_detail__rating_emoji--editable:hover ~ .p-list_detail__rating_emoji--editable .p-list_detail__rating_emoji_placeholder {
    display: flex;
    filter: grayscale(1);
    opacity: 0.5;
  }
}

.p-list_record_modal_info__field_row_container:hover .p-list_detail__rating .p-list_detail__rating_emoji.p-list_detail__rating_emoji--editable:hover ~ .p-list_detail__rating_emoji--editable .p-list_detail__rating_emoji_placeholder {
  display: flex;
  filter: grayscale(1);
  opacity: 0.5;
}

.p-list_detail__rating_emoji {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 30px;

  &:focus {
    box-shadow: none;

    .p-list_detail__rating_emoji_content_wrapper {
      --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
      align-items: center;
      border-radius: 4px;
      box-shadow: 0 0 1px 1px var(--saf-0);
      display: flex;
      height: 28px;
      justify-content: center;
      width: 28px;
    }
  }

  .p-list_detail__rating_emoji_icon {
    display: none;
  }

  .p-list_detail__rating_emoji_placeholder {
    align-items: center;
    display: none;
    font-size: 6px;
    justify-content: center;
    width: 22px;
  }
}

.p-list_record_modal_info__field_value .p-list_detail__rating_emoji .p-list_detail__rating_emoji_placeholder {
  display: flex;
}

.p-list_detail__rating_emoji .p-list_detail__rating_emoji_icon.p-list_detail__rating_emoji_icon--selected {
  display: block;
  filter: unset;
  opacity: 1;
}

.p-list_detail__rating_placeholder_input {
  border: 0;
  height: 0;
  padding: 0;
  width: 0;
}

.p-list_detail__metadata {
  align-items: center;
  display: flex;

  .c-timestamp__label {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.46668;
    padding-left: 12px;
  }
}

.p-list_detail__toolbar_search_container {
  margin-right: 6px;
}

.p-list_detail__toolbar_search_button {
  height: 28px;
}

.p-list_detail__toolbar_button {
  border-radius: 4px;
  margin-right: 6px;
  padding: 4px;

  &:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);

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

.p-list_detail__toolbar_button_icon {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  height: 20px;
  width: 20px;
}

.p-list_detail__toolbar_counter {
  margin: 0 2px;
}

.p-list_detail__sort--applied {
  background-color: #1d9bd11a;
  font-weight: 700;

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

.p-list_detail__col_header_resize_handle {
  cursor: col-resize;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  right: -3px;
  top: 0;
  width: 6px;
}

.p-list_detail__col_indicator {
  height: 100%;
  width: 3px;

  &.p-list_detail__col_indicator--resizing, &:hover {
    background-color: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    z-index: 999;
  }
}

.p-list_detail__resize_overlay {
  bottom: 0;
  cursor: col-resize;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1000;
}

.p-list_detail__footer_container {
  flex-direction: column;
}

.p-list_detail__footer, .p-list_detail__footer_container {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  height: 48px;
}

.p-list_detail__footer {
  align-items: center;
}

.p-list_detail__footer_add_button {
  margin-left: 12px;
}

.p-list_detail__footer_count {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-left: auto;
  margin-right: 20px;
}

.p-list_detail__text {
  align-items: center;
  display: flex;
  overflow: hidden;
  padding: 0 10px;
  width: 100%;

  .c-truncate {
    width: 100%;
  }
}

.p-list_detail__text--right_aligned {
  justify-content: right;
}

.p-list_detail__text--force_bold {
  font-weight: 700;
}

.p-list_detail__view_button {
  align-items: center;
  display: flex;
  height: 42px;
  margin: -9px 0;
  padding-left: 8px;
  padding-right: 8px;
}

.p-list_detail__sidebar_button {
  transform: scaleX(-1);
}

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

.p-list_detail__field_header_menu_item_stick_column_left:not(.c-menu_item__button--highlighted) {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);

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

.p-list_detail__checkbox {
  cursor: pointer;
  display: flex;
  height: 100%;
  width: 100%;
}

.p-list_detail__checkbox--disabled {
  cursor: default;
}

.p-list_detail__toolbar_add_item {
  margin: 0 4px;
}

.p-embedded_list_unfurl {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-radius: 12px;
  height: 500px;
  overflow: auto;
}

.p-embedded_file_unfurl__embedded_canvas__pillow {
  padding: 0;
}

.p-embedded_file_unfurl__embedded_canvas__container {
  cursor: pointer;
  height: 100%;
  padding: 12px;
  width: 100%;
}

.p-embedded_file_unfurl__embedded_canvas__name {
  margin-left: 4px;
}

.p-embedded_file_unfurl__image {
  &:focus-within .c-file__actions, &:hover .c-file__actions {
    opacity: 1;
  }
}

.p-embedded_file_unfurl__audio_transcript {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  margin: 12px -12px -12px;
  max-width: unset;
  padding: 16px;
}

.p-embedded_expand_more_button_container {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  cursor: pointer;
  padding: 8px 16px;

  &:hover {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

.p-embedded_expand_more_button_container_show_more_button {
  color: #1264a3;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
}

.p-embedded_generic_pins__root {
  border-radius: 12px;
  margin: -1px;
}

.p-embedded_generic_pins__root--empty {
  padding: 12px 16px;
}

.p-embedded_generic_pins__empty_description {
  padding: 24px 32px;
  text-align: center;
}

.p-embedded_generic_pins__message_actions_container {
  padding: 24px 16px 0;
  text-align: center;
}

.p-embedded_generic_pins__message_actions {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: .375em;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  display: inline-flex;
  padding: 2px;
}

.p-embedded_generic_pins__message_action {
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 20px;
  margin: 4px;
  padding: 4px;
}

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

.p-embedded_generic_pins__container {
  display: contents;

  .p-embedded_message_unfurl__container {
    cursor: pointer;

    &:active {
      cursor: pointer;
    }
  }
}

.p-embedded_generic_pins__header {
  align-items: center;
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  cursor: pointer;
  display: flex;
  height: 39px;
  justify-content: space-between;
  padding-left: 16px;
  padding-right: 8px;
}

.collab-root .p-embedded_generic_pins__header {
  box-sizing: initial;
}

.p-embedded_generic_pins__message--expanded {
  .p-embedded_generic_pins__item {
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }

  .p-embedded_expand_more_button_container {
    border-top: none;
  }
}

.p-embedded_generic_pins__message {
  margin: 4px 4px 0;
  position: relative;
}

.p-embedded_generic_pins__message--collapsed_two {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  --saf-1: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  --saf-2: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 0;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 0 var(--saf-1), 0 4px 0 1px var(--saf-0);
  margin-bottom: 4px;

  &:hover {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    --saf-1: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    --saf-2: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 0;
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 0 var(--saf-1), 0 4px 0 1px var(--saf-0);
    margin-bottom: 4px;
  }
}

.p-embedded_generic_pins__message--collapsed_three {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  --saf-1: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  --saf-2: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  --saf-3: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  --saf-4: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 0;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 0 var(--saf-1), 0 5px 0 var(--saf-0), 0 8px 0 var(--saf-1), 0 8px 0 1px var(--saf-0);
  margin-bottom: 8px;

  &:hover {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    --saf-1: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    --saf-2: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    --saf-3: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    --saf-4: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 0;
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 0 var(--saf-1), 0 5px 0 var(--saf-0), 0 8px 0 var(--saf-1), 0 8px 0 1px var(--saf-0);
    margin-bottom: 8px;
  }
}

.p-embedded_generic_pins__collapse {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  height: 28px;
  width: 28px;
}

.p-embedded_generic_pins__title {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-weight: 900;
  width: 100%;
}

.p-embedded_generic_pins__list--transition .c-virtual_list {
  transition: height 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-embedded_generic_pins__list--loading {
  padding: 16px;
}

.p-embedded_generic_pins__list .c-scrollbar__hider {
  width: 100%;
}

.c-message_kit__reaction_condensed {
  align-items: center;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  font-size: 13px;
}

.c-message_kit__reaction_condensed--reactions .c-emoji {
  margin-right: 4px;
}

.c-message_kit__replies_count {
  align-items: center;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  font-size: 13px;

  &:hover {
    text-decoration: none;
  }

  .c-icon--comment-alt:before {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.46668;
    margin-right: 4px;
    position: relative;
    top: -1px;
  }
}

.c-message_kit__reaction_condensed.c-message_kit__reaction_condensed--reactions + .c-message_kit__replies_count {
  margin-left: 24px;
}

.p-pinned_message {
  min-width: auto;
  padding-right: 12px;
}

.p-pinned_message_header {
  align-items: center;
  display: flex;
  height: 28px;
  padding-right: 20px;
}

.p-pinned_message_sender {
  margin-right: 8px;
}

.p-pinned_message_text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }

  * {
    white-space: nowrap;
  }
}

.p-pinned_message_file {
  margin-bottom: 8px;
}

.p-pinned_message_file--isolated {
  margin-top: 4px;
}

.p-pinned_message_meta {
  align-items: center;
  display: flex;
  margin-bottom: 4px;

  &:empty {
    display: none;
  }
}

.p-pinned_message .p-block_kit_renderer__expand_blocks {
  margin-bottom: 4px;
}

.p-pinned_items__remove_item {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  position: absolute;
  right: 10px;
  top: 14px;

  &.c-button--focus-visible:focus, &:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }
}

.p-pinned_items__remove_item--kb_active {
  display: flex;
}

.p-channel_details__pinned_items_section .p-channel_details_section__icon {
  color: #e8912d;
}

.p-pinned_items {
  margin: 0;
}

.p-pinned_items__item {
  margin: 4px 0;
  position: relative;
}

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

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

.p-pinned_items_list__item_click_target:hover {
  cursor: pointer;
}

.p-ia_pins_popover {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  display: flex;
  flex-direction: column;
  max-height: 70vh;
  overflow: hidden;
  width: 400px;
}

.p-ia_pins_popover--position_absolute {
  position: absolute;
}

.p-ia_pins_popover_header {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  box-shadow: 0 1px 0 0 var(--saf-0);
  display: flex;
  font-size: 15px;
  font-weight: 400;
  font-weight: 900;
  justify-content: space-between;
  line-height: 1.46668;
  min-height: 54px;
  padding: 0 20px;
  z-index: 1;
}

.p-ia_pins_popover {
  .p-pinned_message_jump_target {
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
  }

  .p-pinned_items, .p-pinned_items__empty_list--popover {
    flex: 1;
    margin: 16px 0;
    overflow-y: auto;
    padding: 12px 20px;
  }

  .p-pinned_items__empty_list_illustration {
    background-image: url(./pins-empty-e36763a.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 304px;
    width: 100%;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-ia_pins_popover .p-pinned_items__empty_list_illustration {
    background-image: url(./pins-empty@2x-a66ea53.png);
  }
}

.sk-client-theme--dark .p-ia_pins_popover .p-pinned_items__empty_list_illustration {
  background-image: url(./pins-empty-dark-1cd75a0.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .sk-client-theme--dark .p-ia_pins_popover .p-pinned_items__empty_list_illustration {
    background-image: url(./pins-empty-dark@2x-430655d.png);
  }
}

.p-ia_pins_popover {
  .p-pinned_items__empty_list_blurb:focus {
    outline: none;
  }

  .p-pinned_items .c-virtual_list__item {
    width: calc(100% - 90px);

    .p-pinned_items__item {
      width: 100%;
    }
  }

  .p-pinned_items__item {
    .p-pinned_items__remove_item--show_only_if_hovered {
      display: none;
    }

    &:hover .p-pinned_items__remove_item--show_only_if_hovered {
      display: block;
    }
  }
}

.p-ia_pins_popover__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 16px 20px 8px;
}

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

.p-ia_pins_popover__spinner {
  margin: 32px auto 64px;
}

.p-ia_pins_popover {
  .c-pillow_file_container, .p-pinned_items__remove_item {
    z-index: 110;
  }

  .p-pinned_message {
    box-shadow: 0 1px 3px 0 #00000014;
  }

  .p-pinned_message_text {
    overflow: unset;
    text-overflow: unset;
    white-space: unset;

    * {
      white-space: unset;
    }
  }

  .c-message_kit__pillow {
    border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-radius: 8px;
    padding: 8px 16px;
  }

  .p-pinned_message_sender {
    display: inline-flex;
    white-space: nowrap;
  }

  .c-timestamp {
    overflow: hidden;
    white-space: nowrap;
  }

  .c-message__sender_button {
    max-width: 120px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .p-pinned_message_permalink {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    margin-left: 8px;
  }
}

.p-ia_pins_popover_loading {
  padding: 20px 20px 0;
}

.p-ia_pins_popover_placeholder {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 12px 12px 4px;

  &:nth-child(2) {
    opacity: 0.5;
  }

  &:nth-child(3) {
    opacity: 0.3;
  }

  &:nth-child(4) {
    opacity: 0.2;
  }
}

.p-ia_pins_popover_placeholder_header {
  align-items: center;
  display: flex;
  margin-bottom: 12px;
}

.p-ia_pins_popover_placeholder_avatar, .p-ia_pins_popover_placeholder_member, .p-ia_pins_popover_placeholder_message {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-radius: 4px;
  height: 8px;
}

.p-ia_pins_popover_placeholder_avatar {
  height: 16px;
  margin-right: 12px;
  width: 16px;
}

.p-ia_pins_popover_placeholder_member {
  width: 85px;
}

.p-ia_pins_popover_placeholder_message {
  margin-bottom: 8px;

  &:nth-child(3) {
    width: 70%;
  }

  &:nth-child(4) {
    width: 80%;
  }

  &:nth-child(5) {
    width: 30%;
  }
}

.p-bookmarks_bar_container {
  position: relative;
}

.p-bookmarks_bar {
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  contain: strict;
  display: flex;
  overflow: hidden;
  padding-left: 13px;
  padding-right: 16px;
  width: 100%;
  z-index: 201;

  .c-button-unstyled:hover {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }
}

.p-bookmarks_bar--vertical {
  contain: content;
  min-height: 8px;
  padding: 0;

  .p-bookmarks_bar__dnd {
    align-items: start;
    display: block;
    flex-direction: column;
    height: 100%;
    padding-left: 14px;
    padding-right: 12px;
    padding-top: 2px;
    width: 100%;
  }

  .p-bookmarks_bar__bookmark {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-size: 15px;
    font-weight: 400;
    height: 26px;
    justify-content: start;
    line-height: 1.46668;
    margin-bottom: 4px;
    padding: 4px 0;
    width: 100%;
  }

  .p-bookmarks_bar__bookmark__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .p-bookmarks_bar__file_title {
    max-width: 100%;
  }

  .p-bookmarks_bar__bookmark__folder_wrapper_drop_target {
    width: 0;
  }

  .p-bookmarks_bar__add_bookmark_button {
    align-items: center;
    border-left: 2px solid #0000;
    border-radius: 6px;
    border-right: 2px solid #0000;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    display: flex;
    font-size: 13px;
    font-weight: 400;
    height: 26px;
    justify-content: center;
    justify-content: start;
    margin-right: 4px;
    padding: 20px 8px;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;

    &:active {
      background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    }
  }

  .p-bookmarks_bar__bookmark__folder_wrapper_overflow {
    position: relative;
  }

  .p-bookmarks_bar__bookmark__folder_wrapper_horizontal_drop_target {
    position: absolute;
    width: 100%;
  }

  .p-bookmarks_bar__bookmark__folder_wrapper_drop_target--after {
    bottom: 0;
  }

  .p-bookmarks_bar__folder_bookmarks {
    flex-grow: 1;
    height: 100%;
  }

  .p-bookmarks_bar__bookmark__folder_carat {
    flex-grow: 1;
    justify-content: end;
    position: relative;
    right: 4px;
  }

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

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

    &.c-icon--link, &.c-icon--pin-filled {
      margin-right: 6px;
    }
  }

  .p-bookmarks_bar__bookmark__icon--svg {
    display: flex;
    justify-content: center;
    vertical-align: middle;

    svg {
      margin-right: 6px;
    }
  }

  .p-bookmarks_bar__bookmark__folder_carat {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    justify-content: left;
  }

  &.p-bookmarks_bar--dropping {
    border-top: none;

    .p-bookmarks_bar__bookmark {
      box-sizing: border-box;
      height: 26px;
    }

    .p-bookmarks_bar__bookmark--dropping_on_bottom {
      --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
      border-bottom: none !important;
      box-shadow: 0 2px 0 0 var(--saf-0);
    }

    .p-bookmarks_bar__bookmark--dropping_on_top {
      --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
      border-top: none !important;
      box-shadow: 0 -2px 0 0 var(--saf-0);
    }
  }
}

.p-bookmarks_bar_vertical_header {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: space-between;
  margin-bottom: -2px;
  padding-left: 16px;
}

.p-bookmarks_bar_vertical_header__title {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-weight: 900;
}

.p-bookmarks_bar_vertical_header__actions {
  align-items: center;
  display: flex;
  padding-right: 8px;

  button {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1) !important;
    height: 28px;
    width: 28px;
  }
}

.p-bookmarks_bar_vertical_header__actions__add_button {
  left: 8px;
  position: relative;
}

.p-bookmarks_bar_vertical_show_more_container {
  cursor: pointer;
  width: 100%;
}

.p-bookmarks_bar_vertical_show_more_button {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-top: 4px;

  &:hover {
    text-decoration: underline;
  }
}

.p-bookmarks_bar_vertical_empty_state {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;

  .p-bookmarks_bar_vertical_empty_state__text {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    margin: 24px 32px 16px;
  }

  .p-bookmarks_bar_vertical_empty_state__actions {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    font-size: 13px;
    font-weight: 400;
    font-weight: 700;
    line-height: 1.38463;
    margin-bottom: 8px;
  }
}

.p-bookmarks_bar_container--with-canvas {
  display: flex;
  justify-content: center;
}

.p-bookmarks_bar--canvas_bar {
  cursor: pointer;

  &:hover {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);

    .p-bookmarks_bar__expand_canvas_button_icon {
      visibility: visible;
    }
  }
}

.p-bookmarks_bar__expand_canvas_button_icon {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  margin-left: 8px;
  visibility: hidden;
}

.p-bookmarks_bar--canvas_bar {
  &.p-bookmarks_bar--expanded {
    height: 93.5vh !important;
    padding: 0;
    transition: height .2s linear;
    will-change: height;
  }

  &.p-bookmarks_bar--expanded-half {
    height: 50vh !important;
    padding: 0;
    transition: height .2s linear;
    will-change: height;
  }
}

.p-bookmarks_bar__channel_canvas_container {
  height: 100%;
  width: 100%;
}

.p-bookmarks_bar__channel_canvas {
  height: 100%;
  overflow: hidden;
  width: 100%;

  .p-quip_insertion_toolbar {
    bottom: 60px;
  }
}

.p-bookmarks_bar__channel_canvas_title {
  align-items: center;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  height: 100%;
  justify-content: center;
  line-height: 1.38463;
  margin-left: 7px;
  margin-right: 8px;
  white-space: pre;
}

.p-bookmarks_bar__channel_canvas_title--bold {
  font-weight: 700;
}

.p-bookmarks_bar__channel_canvas_title--empty {
  align-items: center;
  border-left: 2px solid #0000;
  border-radius: 6px;
  border-right: 2px solid #0000;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  height: 26px;
  justify-content: center;
  margin-left: 7px;
  margin-right: 4px;
  padding: 3px;
  -webkit-user-select: none;
  user-select: none;

  &:active {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.p-bookmarks_bar__channel_canvas_actions {
  display: flex;
  justify-content: flex-end;
  padding: 8px;
  position: absolute;
  right: 16px;
  z-index: 1;
}

.p-bookmarks_bar__channel_canvas_title__divider {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  height: 70%;
  margin-left: 20px;
  width: 1px;
}

.p-bookmarks_bar__channel_canvas_embed {
  height: 100%;
  width: 100%;
}

.p-bookmarks_bar__expand_canvas_button {
  margin-left: auto;
  margin-right: 0;
}

.p-bookmarks_bar--no-shadow {
  box-shadow: none;
}

.p-bookmarks_bar--with-hide-on-scroll {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  box-shadow: 0 1px 0 0 var(--saf-0);
  position: absolute;
  top: 0;
}

.p-bookmarks_bar--with-hide-on-scroll--ia_details_popover {
  top: 0;
}

.p-bookmarks_bar--open {
  transition: transform .2s linear;
  will-change: transform;
  transform: translateY(0);
}

.p-bookmarks_bar--open_no_animation {
  transform: translateY(0);
}

.p-bookmarks_bar--hidden {
  transition: transform .2s linear;
  will-change: transform;
  transform: translateY(-39px);
}

.p-bookmarks_bar--hidden_no_animation {
  transform: translateY(-39px);
}

.p-bookmarks_bar--dropping {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  z-index: 1054;

  .p-bookmarks_bar__bookmark {
    height: 25px;
  }
}

.p-bookmarks_bar_hidden_hover_field {
  background: #0000;
  contain: strict;
  height: 64px;
  position: absolute;
  top: -50px;
  width: 100%;
  z-index: 204;
}

.p-view_header .p-bookmarks_bar_hidden_hover_field {
  height: 50px;
}

.p-bookmarks_bar_hidden_hover_field--with-gutter {
  width: calc(100% - 40px);
}

.p-bookmarks_bar__dnd {
  align-items: center;
  display: flex;
  flex: 1;
}

.p-bookmarks_bar__context_menu_section {
  display: flex;
  flex: 2;
}

.p-bookmarks_bar__item {
  align-items: center;
  border-left: 2px solid #0000;
  border-radius: 6px;
  border-right: 2px solid #0000;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  height: 26px;
  justify-content: center;
  margin-right: 4px;
  padding: 3px;
  -webkit-user-select: none;
  user-select: none;

  &:active {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.p-bookmarks_bar__item__icon {
  border-radius: 4px;
  flex-shrink: 0;
  height: 16px;
  margin-right: 6px;
  width: 16px;

  &.c-icon--link, &.c-icon--pin-filled {
    margin-right: 3px;
  }
}

.p-bookmarks_bar__bookmark__title, .p-bookmarks_bar__pins_popover_button__label {
  padding-right: 3px;
}

.p-bookmarks_bar__retry {
  align-items: center;
  border-left: 2px solid #0000;
  border-right: 2px solid #0000;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  font-size: 13px;
  justify-content: flex-end;
  margin-right: 4px;
  width: 100%;
}

.p-bookmarks_bar__retry--no-pins {
  justify-content: flex-start;
}

.p-bookmarks_bar__retry__title {
  margin-right: 2px;
}

.p-bookmarks_bar__retry__link, .p-bookmarks_bar__retry__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-bookmarks_bar__bookmark {
  align-items: center;
  border-left: 2px solid #0000;
  border-radius: 6px;
  border-right: 2px solid #0000;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  cursor: pointer !important;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  height: 26px;
  justify-content: center;
  margin-right: 4px;
  padding: 3px;
  -webkit-user-select: none;
  user-select: none;

  &:active {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.p-bookmarks_bar .p-bookmarks_bar__bookmark {
  font-weight: 400;
}

.p-bookmarks_bar__bookmark__ellipses {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-bookmarks_bar__bookmark__max-width {
  max-width: 150px;
}

.p-bookmarks_bar__bookmark--hide, .p-bookmarks_bar__bookmark--loading {
  opacity: 0;
}

.p-bookmarks_bar__bookmark--disabled {
  cursor: default !important;
  background: none !important;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1) !important;
  opacity: 0.5;
}

.p-bookmarks_bar__bookmark--dragging {
  background: none !important;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1) !important;
  opacity: 0.5;
}

.p-bookmarks_bar__bookmark_dropping {
  z-index: 1054;
}

.p-bookmarks_bar__bookmark__icon {
  --saf-0: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  flex-shrink: 0;
  height: 16px;
  margin-right: 6px;
  width: 16px;

  &.c-icon--link, &.c-icon--pin-filled {
    margin-right: 3px;
  }
}

.p-bookmarks_bar__bookmark__icon--svg {
  display: flex;
  justify-content: center;
  vertical-align: middle;
}

.p-bookmarks_bar__bookmark__icon--no-pad {
  margin-right: 0;
}

.p-bookmarks_bar__bookmark__img_icon {
  border-radius: 4px;
  flex-shrink: 0;
  height: 16px;
  margin-right: 6px;
  width: 16px;

  &.c-icon--link, &.c-icon--pin-filled {
    margin-right: 3px;
  }
}

.p-bookmarks_bar__bookmark__img_icon--no-pad {
  margin-right: 0;
}

.p-bookmarks_bar__add_bookmark_menu {
  padding: 16px 0;
}

.p-bookmarks_bar__add_bookmark_button {
  align-items: center;
  border-left: 2px solid #0000;
  border-radius: 6px;
  border-right: 2px solid #0000;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  height: 26px;
  justify-content: center;
  margin-right: 4px;
  padding: 3px;
  -webkit-user-select: none;
  user-select: none;
  width: 26px;

  &:active {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.p-bookmarks_bar__add_bookmark_button--add_new {
  align-items: center;
  border-left: 2px solid #0000;
  border-radius: 6px;
  border-right: 2px solid #0000;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  height: 26px;
  justify-content: center;
  margin-right: 4px;
  overflow: hidden;
  padding: 3px 3px 3px 0;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 100%;

  &:active {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.p-bookmarks_bar__add_bookmark_button--loading {
  opacity: 0;
}

.p-bookmarks_bar__add_bookmark_button__icon {
  font-size: 20px;
}

.p-bookmarks_bar__add_bookmark_button__icon--add_new {
  margin-left: -2px;
  margin-right: 2px;
}

.p-bookmarks_bar__add_bookmark_button__menu_description {
  font-weight: 700;
  margin-bottom: 0;
  margin-left: 20px;
  margin-top: 12px;
}

.p-bookmarks_bar__add_bookmark_button__add_new_bookmark, .p-bookmarks_bar__add_bookmark_button__suggested_bookmark {
  align-items: flex-start;
  padding: 8px 20px;
}

.p-bookmarks_bar__add_bookmark_button__add_new_bookmark .c-menu_item__icon, .p-bookmarks_bar__add_bookmark_button__suggested_bookmark .c-menu_item__icon {
  align-items: center;
  background: #fff;
  border-radius: 4px;
  display: flex;
  height: 32px;
  justify-content: center;
  margin: auto 12px auto 0;
  max-width: 32px;
  min-width: 32px;
}

.p-bookmarks_bar__add_bookmark_button__add_new_bookmark {
  &.c-menu_item__button .c-icon:before, &.c-menu_item__button--highlighted .c-icon:before {
    color: #1d1c1d;
  }
}

.p-bookmarks_bar__add_bookmark_button__suggested_bookmark {
  &.c-menu_item__button .c-icon:before, &.c-menu_item__button--highlighted .c-icon:before {
    color: #1d1c1d;
  }
}

.p-bookmarks_bar__add_bookmark_button__add_new_bookmark {
  .c-menu_item__label {
    font-weight: 700;
  }

  .c-menu_item__description {
    font-weight: 400;
  }
}

.p-bookmarks_bar__add_bookmark_button__suggested_bookmark {
  .c-menu_item__label {
    font-weight: 700;
  }

  .c-menu_item__description {
    font-weight: 400;
  }

  .c-menu_item__icon img {
    border: none;
    border-radius: 3px;
    height: 20px;
    max-width: 20px;
    min-width: 20px;
  }
}

.p-bookmarks_bar__folder_bookmarks .p-bookmarks_bar__bookmark {
  margin-left: 0;
  margin-right: 0;
}

.p-bookmarks_bar__folder_bookmarks_button--hidden {
  visibility: hidden;
}

.p-bookmarks_bar__folder_bookmarks_button--hovering:not(.p-bookmarks_bar__bookmark--disabled) .c-button-unstyled {
  background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-bookmarks_bar__folder_bookmarks_button button {
  align-items: center;
  border-left: 2px solid #0000;
  border-radius: 6px;
  border-right: 2px solid #0000;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  height: 26px;
  justify-content: center;
  margin-left: auto;
  margin-right: 4px;
  padding: 3px;
  -webkit-user-select: none;
  user-select: none;

  &:active {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.p-bookmarks_bar__folder_bookmarks_button--collapsed button {
  align-items: center;
  border-left: 2px solid #0000;
  border-radius: 6px;
  border-right: 2px solid #0000;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  height: 26px;
  justify-content: center;
  margin-left: auto;
  margin-right: 4px;
  padding: 3px;
  -webkit-user-select: none;
  user-select: none;
  width: 26px;

  &:active {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.p-bookmarks_bar__folder_bookmarks_button__item {
  padding-left: 0;
  padding-right: 0;

  &.c-menu_item__button--highlighted .p-bookmarks_bar__bookmark {
    border-radius: 0;
    color: #fff;

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

    &:active {
      background: none;
      border-radius: 6px;
    }
  }
}

.p-bookmarks_bar__folder_bookmarks_add_bookmark {
  &.c-menu_item__button {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 13px;
    padding-left: 12px;
  }

  &.c-menu_item__button--highlighted {
    color: #fff;
  }

  .c-menu_item__icon {
    margin-right: 4px;
  }
}

.p-bookmarks_bar__folder_bookmarks_button__bookmark {
  .p-bookmarks_bar__bookmark {
    border-bottom: 2px solid #0000;
    border-top: 2px solid #0000;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    justify-content: left;
    margin: 0;
    padding: 2px 16px;
    width: 100%;
  }

  .p-bookmarks_bar__bookmark__icon, .p-bookmarks_bar__bookmark__img_icon {
    margin-right: 10px;
  }
}

.p-bookmarks_bar__folder_bookmarks_button__bookmark--grabbed {
  margin-bottom: 2px;
  margin-top: 2px;
}

.p-bookmarks_bar__bookmark--dropping_on_left {
  border-left: 2px solid rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 0;
}

.p-bookmarks_bar__bookmark--dropping_on_right {
  border-radius: 0;
  border-right: 2px solid rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.p-bookmarks_bar__bookmark--dropping_on_bottom {
  border-bottom: 2px solid rgba(var(--sk_highlight, 18, 100, 163), 1) !important;
  border-radius: 0;
}

.p-bookmarks_bar__bookmark--dropping_on_top {
  border-radius: 0;
  border-top: 2px solid rgba(var(--sk_highlight, 18, 100, 163), 1) !important;
}

.p-bookmarks_bar__folder_bookmarks_button__bookmark_pin_option {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  height: 26px;
}

.p-bookmarks_bar__collapsed_bookmarks__add_bookmarks_option {
  padding: 1.6px 16px;

  &.c-menu_item__button--highlighted .p-bookmarks_bar__folder_bookmarks_button__bookmark_pin_option {
    color: #fff;
  }
}

.p-bookmarks_bar__folder_bookmarks_button__bookmark_pin_option__add_icon {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: 3px;
  margin-right: 9px;
  position: relative;
  top: 2px;
  width: 16px;
}

.p-bookmarks_bar__folder_bookmarks_button__bookmark_pin_option__add_title {
  font-size: 13px;
}

.p-bookmarks_bar__bookmark__folder_wrapper {
  display: flex;
}

.p-bookmarks_bar__bookmark__folder_wrapper_overflow {
  display: flex;
  flex-direction: column;
}

.p-bookmarks_bar__bookmark__folder_carat {
  position: relative;
  right: 4px;
}

.p-bookmarks_bar__bookmark__folder_wrapper_drop_target {
  width: 4px;
}

.p-bookmarks_bar__bookmark__folder_wrapper_horizontal_drop_target {
  height: 4px;
}

.p-bookmarks_bar__bookmark_context_menu_item {
  font-size: 13px !important;
}

.p-bookmarks_bar__pins_popover_button {
  align-items: center;
  border-left: 2px solid #0000;
  border-radius: 6px;
  border-right: 2px solid #0000;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  height: 26px;
  justify-content: center;
  margin-right: 4px;
  padding: 3px;
  -webkit-user-select: none;
  user-select: none;

  &:active {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.p-bookmarks_bar__pins_popover_button__icon {
  border-radius: 4px;
  flex-shrink: 0;
  height: 16px;
  margin-right: 6px;
  width: 16px;

  &.c-icon--link, &.c-icon--pin-filled {
    margin-right: 3px;
  }
}

.p-bookmarks_bar__pins_popover_button__label {
  white-space: nowrap;
}

.p-bookmarks_bar__pins_popover_button__length_number {
  margin-bottom: 0;
  margin-right: 4px;
}

.p-bookmarks_bar__pins_popover_button__overflow i {
  margin-right: 10px !important;
}

.p-bookmarks_bar__pins_popover_button__overflow--highlighted {
  color: #fff;
}

.p-bookmarks_bar__file_title {
  display: block;
  max-width: 128px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }

  .c-emoji {
    height: 16px;
    position: relative;
    top: 2px;
    vertical-align: middle;
    width: 16px;

    img {
      height: 16px;
      width: 16px;
    }
  }
}

.p-bookmarks_bar__file_title--wrap-text {
  white-space: normal;
}

.p-bookmarks_bar_modal {
  width: 520px;

  .c-sk-modal_content {
    min-height: 100px;
  }

  .c-label:first {
    margin-bottom: 8px;
  }

  .c-input_text_icon, .c-input_text_image {
    height: 100%;
  }
}

.p-bookmarks_bar_modal__input_section_link {
  .c-input_text_icon {
    display: flex;
    flex-direction: row-reverse;
  }

  .c-input_text--with_icon {
    padding-left: 12px;
    padding-right: 28px;
  }

  .c-input_text_icon__icon {
    margin-right: 6px;
  }
}

.p-bookmarks_bar_modal__input_section_title {
  .c-input_text_image__image {
    border-radius: 6px;
  }

  .c-input_text--with_icon {
    padding-left: 36px;
  }
}

.p-bookmarks_bar_modal__preview {
  --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 0.3);
  align-items: center;
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  box-shadow: 0 0 4px var(--saf-0);
  display: flex;
  height: 60px;
  margin-bottom: 16px;
  padding-left: 8px;
  padding-right: 8px;
}

.p-bookmarks_bar_modal__input_section_title__container {
  display: flex;
}

.p-bookmarks_bar_modal__input_section_title__hint {
  margin-bottom: 2px;
}

.p-bookmarks_bar_modal__input_section_title__container__image {
  align-content: center;
  display: flex;
  margin: 8px;
  position: absolute;

  img {
    border-radius: 6px;
  }
}

.p-bookmarks_bar_modal__input_section_title__container__image__icon {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  height: 20px;
}

.p-bookmarks_bar_modal__input_section_title__container__image__icon--chevron-down {
  display: flex;

  &:after {
    border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    content: ' ';
    display: block;
    height: 20px;
    margin: auto 3px;
  }
}

.p-bookmarks_bar_modal__input_section_title__container__input {
  flex-grow: 1;

  .c-input_text {
    padding-left: 36px;
  }
}

.p-bookmarks_bar_modal__input_section_title__container__input--with-emoji .c-input_text {
  padding-left: 64px;
}

.p-bookmarks_bar_modal__title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
  margin-left: 12px;
}

.p-bookmarks_bar_modal__error {
  margin-bottom: 28px;
}

.p-bookmarks_bar_modal__error--expanded {
  margin-bottom: 0;
}

.p-bookmarks_bar_alert__affordance {
  margin-bottom: 16px;
}

.p-bookmarks_bar_modal__bookmarks_intro {
  align-items: end;
  background: #e8f5fa;
  border-radius: 6px;
  display: flex;
  height: 110px;
  margin-bottom: 32px;
  margin-top: 16px;
  padding: 12px;
}

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

.p-bookmarks_bar_modal__bookmarks_intro__image {
  height: 88px;
  margin-right: 16px;
  margin-top: -4px;
  min-width: 115px;
  width: 115px;
}

.p-bookmarks_bar_modal__bookmarks_intro__text {
  font-size: 13px;
  margin-bottom: 0;
  margin-right: 8px;
  margin-top: 6px;
}

.p-bookmarks_bar_modal__bookmarks_intro__text__bold_title {
  font-weight: 700;
  margin-bottom: 0;
}

.p-bookmarks_bar_modal__bookmarks_intro__close_icon {
  flex-shrink: 0;
  margin-bottom: 0;
}

.p-bookmarks_bar__placeholder_holder {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 30px;
}

.p-bookmarks_bar__placeholder_holder--icon {
  background: #85808521;
  border-radius: 2px;
  height: 16px;
  width: 16px;
}

.p-bookmarks_bar__placeholder_holder--text {
  animation: bookmarkBarLoadingAnimation 1s linear infinite forwards;
  background-color: #85808521;
  background-image: linear-gradient(90deg, #85808521 0, #7a767a21 20%, #85808521 40%, #85808521);
  background-repeat: no-repeat;
  border-radius: 2px;
  height: 5px;
  margin-left: 5px;
  margin-right: 15px;
  width: 78px;
}

@keyframes bookmarkBarLoadingAnimation {
  0% {
    background-position: -78px 0;
  }

  to {
    background-position: 78px 0;
  }
}

.p-bookmarks_bar__bookmarks {
  display: flex;
}

.p-bookmarks_bar__meetings_popover_button {
  align-items: center;
  border-radius: 6px;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  font-size: 13px;
  height: 26px;
  margin-left: -3px;
  margin-right: 8px;
  padding: 5px;
}

.p-bookmarks_bar__meetings_popover_button__icon {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  margin-right: 4px;
}

.p-bookmarks_bar__meetings_popover_button__label {
  font-weight: 700;
  margin-bottom: 0;
  margin-right: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-bookmarks_bar__collapsed_popover {
  margin-top: 8px;
}

.p-bookmarks_bar__calls_button {
  margin-left: auto;
  margin-right: 0;

  button {
    align-items: center;
    border-left: 2px solid #0000;
    border-radius: 6px;
    border-right: 2px solid #0000;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    display: flex;
    font-size: 13px;
    font-weight: 400;
    height: 26px;
    justify-content: center;
    margin-right: 0;
    padding: 3px;
    -webkit-user-select: none;
    user-select: none;

    &:active {
      background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    }
  }
}

.p-bookmarks_bar__ez_subscribe_button {
  align-items: center;
  border-left: 2px solid #0000;
  border-radius: 6px;
  border-right: 2px solid #0000;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  height: 26px;
  justify-content: center;
  margin-right: 4px;
  padding: 3px;
  -webkit-user-select: none;
  user-select: none;

  &:active {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.p-bookmarks_bar__ez_subscribe_button__icon {
  border-radius: 4px;
  flex-shrink: 0;
  height: 16px;
  margin-right: 6px;
  width: 16px;

  &.c-icon--link, &.c-icon--pin-filled {
    margin-right: 3px;
  }
}

.p-bookmarks_bar__ez_subscribe_button__label {
  white-space: nowrap;
}

.p-bookmarks_bar__ez_subscribe_button__length_number {
  margin-bottom: 0;
  margin-right: 4px;
}

.p-bookmarks_bar__ez_subscribe_button__overflow i {
  margin-right: 10px !important;
}

.p-bookmarks_bar__ez_subscribe_button__overflow--highlighted {
  color: #fff;
}

.p-bookmarks_bar__last_updated_indicator {
  background: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 6px;
  height: 6px;
  margin-left: 6px;
  width: 6px;
}

.p-ez_subscribe_subscription_entity {
  align-items: center;
  display: flex;
  padding: 8px 20px;
  width: 100%;
}

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

.p-ez_subscribe_subscription_entity__icon {
  padding-right: 16px;
}

.p-ez_subscribe_subscription_entity__title {
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;
}

.p-ez_subscribe_subscription_entity__metadata {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-ez_subscribe_view_all_modal__container {
  flex: 1;
  height: min(70vh, 820px);
}

.p-ez_subscribe_view_all_modal__filter_input {
  padding: 4px 4px 20px;
}

.p-ez_subscribe_popover {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  display: flex;
  flex-direction: column;
  max-height: 70vh;
  overflow: hidden;
  padding-bottom: 16px;
  width: 400px;
}

.p-ez_subscribe_popover__heading {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;
  margin-bottom: 8px;
  margin-top: 16px;
  padding: 0 20px;
}

.p-ez_subscribe_popover__view_all_link {
  margin-top: 8px;
  padding: 0 20px;
}

.p-embedded_generic_bookmarks {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 12px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  transition-duration: .1s;
  transition-property: border-color, box-shadow;
}

.p-rimeto_profile_tag {
  height: 30px;
  margin: 0 8px 8px 0;
  overflow: hidden;
  padding: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-embedded_user_profile_unfurl_actions {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: unset;
  border-radius: 6px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  display: flex;
  padding: 2px;
  position: absolute;
  right: 12px;
  top: 12px;
  transition: opacity 0.1s;
}

.p-embedded_user_profile_unfurl_actions__hover {
  opacity: 1;
}

.p-embedded_user_profile_unfurl {
  cursor: -mox-grab;
  cursor: grab;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;

  &:active {
    cursor: grabbing;
  }

  .p-embedded_user_profile_unfurl_actions {
    opacity: 0;
  }

  .p-embedded_user_profile_unfurl_actions__hover, &:focus-within .p-embedded_user_profile_unfurl_actions, &:hover .p-embedded_user_profile_unfurl_actions {
    opacity: 1;
  }

  .c-base_entity {
    padding: 12px;
  }
}

.p-embedded_user_profile_unfurl__secondary {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  flex-direction: column;
  padding: 12px;

  .p-local_time__text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    wbr {
      display: none;
    }
  }
}

.p-embedded_user_profile_unfurl__locale {
  display: block;
  display: flex;
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-embedded_no_access_canvas_unfurl {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;

  .p-canvas__preview {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 140px;
    padding: 12px;
  }

  .c-base_entity__text-contents {
    font-weight: 700;
  }

  .p-unfurl_content__text {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    padding-left: 4px;
  }

  .p-unfurl_content__footer {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    width: 100%;
  }

  &.p-embedded_no_access_canvas_unfurl--hovercard {
    border-top: 0;
    padding: 20px;
    width: inherit;

    .p-canvas__preview {
      aspect-ratio: unset;
      background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
      display: block;
      min-height: -moz-fit-content;
      min-height: fit-content;
      padding: 0;
      width: inherit;
    }

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

    .p-unfurl_content__footer {
      align-items: flex-start;
      margin-top: 12px;

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

.p-embedded_canvas_unfurl__container {
  overflow: hidden;

  &:focus-within .p-embedded_canvas_unfurl__actions, &:hover .p-embedded_canvas_unfurl__actions {
    opacity: 1;
  }
}

.p-embedded_canvas_unfurl__container__box {
  .p-embedded_canvas_unfurl__container .p-embedded_canvas_unfurl {
    aspect-ratio: unset;
  }

  .c-aspect_box__inner {
    min-height: 235px;
  }
}

.p-embedded_canvas_unfurl__container {
  .p-embedded_canvas_unfurl {
    aspect-ratio: 3;
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    cursor: unset;
    min-height: 140px;
    padding-bottom: 0;
    width: 100%;

    .p-file_quip__snippet {
      max-height: none;
    }
  }

  &.p-embedded_canvas_unfurl__container--with_fade:after {
    background: linear-gradient(180deg, rgba(var(--sk_primary_background, 255, 255, 255), 1) 0, #fff0 100%);
    border-radius: 12px;
    bottom: 0;
    content: '';
    height: 25%;
    position: absolute;
    transform: rotate(-180deg);
    width: 100%;
    z-index: 1;
  }
}

.p-embedded_canvas_unfurl .c-infinite_spinner {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.p-embedded_canvas_unfurl__actions {
  position: absolute;
  right: 12px;
  top: 12px;
  transition: opacity .1s;
  z-index: 1;
}

.p-embedded_canvas_unfurl__container.p-embedded_canvas_unfurl__container--hovercard {
  border: none;
}

.p-embedded_canvas_unfurl__container--hovercard {
  .p-embedded_canvas_unfurl {
    aspect-ratio: 1;
    border-top: 0;
    padding: 24px;
  }

  .p-embedded_canvas_unfurl_filter {
    height: 100%;
  }

  .p-block_kit_renderer > .p-header_block {
    font-size: 18px;
    font-weight: 900;
    line-height: 1.33334;
    margin-top: 0;
  }

  .p-embedded_canvas_unfurl {
    cursor: default;
  }
}

.p-embedded_canvas_unfurl_filter {
  aspect-ratio: 3;
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 0.95);
  border-radius: 0 0 12px 12px;
  left: 2px;
  min-height: 140px;
  position: absolute;
  width: calc(100% - 4px);
  z-index: 1;

  .c-button {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    svg {
      margin-right: 4px;
    }
  }
}

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

  .c-menu_item__button.selected:not(.c-menu_item__button--highlighted) {
    .c-menu_item__icon, .c-menu_item__label {
      color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    }
  }
}

.p-embedded_link_editor_toolbar {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.p-embedded_link_editor_toolbar__truncated_link {
  align-items: center;
  display: flex;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  padding: 4px 4px 2px 8px;
}

.p-embedded_link_editor_toolbar__spinner {
  margin-left: 4px;
  max-height: 15px;
  max-width: 15px;
}

.p-embedded_link_editor_toolbar__buttons {
  display: flex;
}

.p-embedded_link_editor_toolbar__button {
  height: 28px;
  width: 28px;
}

.p-embedded_unfurl_in_hovercard__link_preview {
  padding: 8px;

  .p-embedded_message_unfurl__container--ephemeral {
    margin-top: 8px;
  }

  .p-embedded_unfurl_in_hovercard__link_preview__app {
    margin: 4px 4px 0;
  }
}

.p-embedded_unfurl_in_hovercard__link_preview__body {
  margin: 0 4px;

  .p-embedded_unfurl_in_hovercard__link_preview__image {
    aspect-ratio: 2.33333333;
    border-radius: 4px;
    object-fit: cover;
    object-position: center center;
    width: 100%;
  }

  .p-embedded_unfurl_in_hovercard__link_preview__body__content, .p-embedded_unfurl_in_hovercard__link_preview__image, .p-embedded_unfurl_in_hovercard__link_preview__media {
    margin: 8px 0 4px;
  }

  .p-embedded_public_link_unfurl__source_entity {
    align-items: baseline;
    display: flex;

    .p-embedded_public_link_unfurl__source_entity__source {
      color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
      font-size: 15px;
      font-weight: 400;
      font-weight: 700;
      line-height: 1.46668;
    }
  }

  .p-embedded_public_link_unfurl__text {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.46668;
    margin: 4px 0;
  }
}

.p-embedded_link_inspector_toolbar {
  align-items: center;
  display: flex;
  justify-content: space-between;
  max-width: 333px;
  padding: 8px;

  &.p-embedded_link_inspector_toolbar--new_link {
    padding: 4px;
    width: 333px;
  }
}

.p-embedded_link_inspector_toolbar__truncated_link {
  align-items: center;
  display: flex;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-left: 8px;
  margin-right: 6px;
}

.p-embedded_link_inspector_toolbar--new_link .p-embedded_link_inspector_toolbar__buttons {
  margin-right: 4px;
}

.p-embedded_link_inspector_toolbar__buttons {
  display: flex;
}

.p-embedded_link_inspector_toolbar__button {
  height: 28px;
  width: 28px;
}

.p-embedded_link_inspector_toolbar__input {
  flex: 1;
  margin-bottom: 0;
  margin-right: 8px;
}

.p-embedded_image_unfurl_placeholder {
  border-radius: 12px;
  display: flex;
  overflow: hidden;

  &.vertical {
    flex-direction: column;
    justify-content: center;
  }
}

.p-embedded_video_unfurl_placeholder_container {
  background-color: #000;
  border-radius: 12px;
  display: flex;
  overflow: hidden;
}

.p-embedded_video_unfurl_placeholder {
  margin: auto;
}

.p-embedded_file_unfurl_placeholder {
  align-items: center;
  display: flex;
  min-height: 160px;
  text-align: center;

  .p-embedded_file_unfurl_placeholder__body {
    padding: 12px;
    width: 100%;
  }

  .p-embedded_file_unfurl_placeholder__title {
    font-size: 15px;
    font-weight: 400;
    font-weight: 900;
    line-height: 1.46668;
  }

  .p-embedded_file_unfurl_placeholder__subtitle_container {
    margin-top: 4px;
  }

  .p-embedded_file_unfurl_placeholder__subtitle {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.46668;
  }

  .p-embedded_file_unfurl_placeholder__button_container {
    margin-top: 16px;
  }
}

.p-audio_recorder_modal {
  bottom: 30px;
  left: 50%;
  position: absolute;
}

.p-audio_recorder_modal__content {
  align-items: center;
  display: flex;
  height: 50px;
  justify-content: center;
}

.p-audio_recorder_modal__strip {
  align-items: center;
  display: flex;
}

.p-audio_recorder_modal__cancel {
  align-items: center;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  justify-content: center;
  padding: 0 8px;

  .p-audio_recorder_modal__cancel__icon {
    font-size: 30px;
  }
}

.p-browse_page_results {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  position: relative;

  .p-bp__grid_container, .p-bp__list_container {
    flex: 1 1 auto;
  }

  .p-bp__grid {
    margin: 0 16px;
  }

  .p-browse_page_skeleton__container {
    margin-top: 0;
  }

  .p-bp__list {
    margin: 0 20px;
  }

  .c-measure_container {
    flex: 1 1 auto;
  }
}

.p-browse_page_results_skeleton_channel-files {
  margin-top: 10px;
  padding: 12px 12px 8px;
}

.p-browse_page_results__scrollto_filters {
  z-index: 1000;
}

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

.p-browse_page_results--low_intent {
  display: flex;
  flex: 1 1 auto;
  margin-top: 20px;

  .p-file_browser_focused_grid .p-bp__grid {
    margin: 0;
  }

  .p-file_browser_unfocused {
    .p-bp__grid, .p-bp__list {
      margin: 0;
    }
  }
}

.p-browse_page_results__empty {
  margin: 56px auto;
  max-width: 360px;
  padding: 0 20px;
  text-align: center;
}

.p-browse_page_results__empty__channel_files {
  left: 50%;
  max-width: 337px;
  padding: 0 20px;
  position: absolute;
  top: 33%;
  transform: translate(-50%, -50%);
}

.p-browse_page_results__error {
  margin: 56px auto;
  max-width: 280px;
  padding: 0 20px;
  text-align: center;
}

.p-browse_page_results__pagination_wrapper {
  margin-bottom: 12px;
  margin-top: 4px;
  padding-right: 100px;
}

.p-browse_page_results__feedback_link {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  float: left;
  margin-bottom: 0;
  padding-left: 24px !important;
  padding-top: 13px;

  .c-link--button {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }
}

.p-browse_page_results__controls.c-virtual_list__item--focus:focus:after {
  border-radius: none;
  bottom: 0;
  box-shadow: none;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.p-bp__grid_container {
  position: relative;
}

.p-bp__grid {
  display: grid;
  justify-content: center;
}

.p-bp__grid_cell {
  padding: 4px;
  position: relative;
}

.p-bp__grid_cell--focus:focus, .p-bp__grid_cell:focus {
  outline-style: none;
  outline-width: 0;
}

.p-bp__grid_cell--focus:after {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  bottom: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  content: '';
  display: block;
  left: 4px;
  pointer-events: none;
  position: absolute;
  right: 4px;
  top: 4px;
}

.p-bp__grid__tab_stop {
  box-shadow: none;
  height: 1px;
  outline: none;
  position: absolute;
  width: 1px;
}

.p-quip_files_page__nux_banner {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  margin: 16px;
  position: relative;
}

.p-quip_files_page__nux_banner--light {
  background-color: #fbf6ef;
}

.p-quip_files_page__nux_banner--dark {
  background-color: #424345;
}

.p-quip_files_page__nux_banner_content {
  column-gap: 20px;
  display: flex;
}

.p-quip_files_page__nux_banner_text {
  align-self: center;
  margin: 40px 0 40px 40px;
}

.p-quip_files_page__nux_banner_text_title {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  padding-bottom: 12px;
}

.p-quip_files_page__nux_banner_text_body {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding-bottom: 24px;
}

.p-quip_files_page__nux_banner_img {
  align-self: flex-end;
  height: auto;
  margin: 40px 40px 0 0;
  max-width: 280px;
}

.p-quip_files_page__nux_banner_dismiss_button {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 1;
}

.p-quip_files_page__nux_banner--minimal_mode {
  .p-quip_files_page__nux_banner_img {
    display: none;
  }

  .p-quip_files_page__nux_banner_text {
    margin-right: 40px;
  }
}

.p-quip_files_page {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  display: flex;
  flex-flow: column;
  height: 100%;

  .c-infinite_spinner--floating {
    top: 50%;
  }
}

.p-quip_files_page_header {
  flex: 0 1 auto;

  &.p-quip_files_page_header--find-page {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin: 16px 20px;
  }
}

.p-quip_files_page_content {
  flex: 1 1 auto;
  position: relative;

  .c-infinite_spinner--floating {
    top: -16px;
  }
}

.p-quip_files_page__load_more_button {
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  display: inline-flex;
  font-size: 13px;
  gap: 4px;
  height: 24px;
  margin-bottom: 10px;
  padding: 8px;
  vertical-align: middle;

  &:active, &:hover {
    box-shadow: 0 1px 3px 0 #00000014;
  }
}

.p-quip_files_page_sort_item {
  padding-left: 36px;
}

.p-quip_files_page_sort_item--selected {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  padding-left: 8px;

  .c-menu_item__icon {
    color: inherit;
    margin-right: 8px;
  }
}

.c-menu_item__button--highlighted.p-quip_files_page_sort_item--selected {
  color: #fff;

  .c-menu_item__icon {
    color: inherit;
  }
}

.p-quip_files_page_controls__button {
  align-items: center;
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: inline-flex;
  font-size: 15px;
  font-weight: 700;
  gap: 4px;
  height: 28px;
  padding: 8px;
  white-space: nowrap;

  &:hover {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.p-quip_files_page_controls__cta_button {
  align-items: center;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  gap: 4px;
  height: 28px;
  padding: 8px;

  &:hover {
    text-decoration: underline;
  }
}

.p-quip_files_page_controls__cta {
  display: inline-block;
  height: 28px;
}

.p-quip_files_page_controls__new_button {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  font-size: 13px;
  gap: 4px;
  height: 28px;
  padding: 8px;
  white-space: nowrap;

  &:hover:not(:disabled) {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }

  &:disabled {
    cursor: default;

    svg {
      margin-left: -20px;
      opacity: 0;
    }
  }
}

.p-quip_files_page_controls__filter {
  display: inline-block;
}

.p-quip_files_page_controls__sort {
  display: inline-block;
  margin-right: 8px;
}

.p-quip_files_page_controls__count {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  padding: 8px 0 0 8px;
}

.p-quip_files_page_controls__tooltip {
  white-space: pre-wrap;
}

.p-quip_files_page-search_input_grid {
  margin: 4px 4px 0;

  .p-browse_page_layout__input_container {
    padding: 0;
  }

  .c-select_input__content_text {
    padding-right: 8px;
    width: 100%;
  }

  .c-select_input__spinner {
    display: none;
  }
}

.p-quip_files_page-search_input_list {
  margin: 16px 16px 0;

  .p-browse_page_layout__input_container {
    padding: 0;
  }

  .c-select_input__content_text {
    padding-right: 8px;
    width: 100%;
  }

  .c-select_input__spinner {
    display: none;
  }
}

.p-quip_files_page-controls_row {
  font-weight: 700;
}

.p-quip_files_page-controls_new_row, .p-quip_files_page-controls_row {
  display: flex;
  font-size: 13px;
  justify-content: space-between;
  margin: 24px 8px 4px 16px;
}

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

.p-quip_files_page_controls__row_title {
  border-radius: 4px;
  font-size: 15px;
  font-weight: 700;
  padding: 8px;
}

.p-quip_files_page-file_grid_item .c-file_entity__text, .p-quip_files_page-file_list_item .c-file_entity__text {
  flex-basis: 100%;
  font-weight: 500;
}

.p-quip_files_page-file_grid_item {
  height: 100%;
}

.p-quip_files_page-file_list_item {
  .c-pillow_file {
    border-radius: unset;
    border-top: unset;
  }

  .c-file_entity__text--first-line {
    margin-top: unset;
  }

  .c-file_entity-user-timestamp .c-member_name {
    margin-right: 2px;
  }
}

.p-quip_files_page-file_list_item--with_notifications {
  .c-file_entity__text {
    font-weight: 700;
  }

  .c-file__callout_badge, .c-file__mention_badge {
    position: absolute;
    right: 10px;
    top: 10px;
  }
}

.p-quip_files_page-file_list_item--first .c-pillow_file {
  border-top: 1px solid rgba(var(--sk_primary_foreground, 29, 28, 29), 0.1);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  margin-top: 4px;
}

.p-quip_files_page-file_list_item--last .c-pillow_file {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  margin-bottom: 4px;
}

.p-quip_files_page-file_list_item--focus {
  z-index: 1;

  .c-file__actions {
    opacity: 1;
  }
}

.p-quip_files_page-empty_state {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-top: 160px;

  p {
    margin-top: 16px;
  }
}

.p-quip_files_page-new_empty_state {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-top: 160px;
  position: absolute;
  text-align: center;
  width: 100%;

  h1 {
    font-size: 15px;
    font-weight: 900;
  }

  p {
    font-size: 13px;
    font-weight: 400;
    margin-top: 1.6px;
    white-space: pre-wrap;
  }
}

.p-quip_files_page-grid_toggle {
  margin-left: 8px;
}

.p-quip_files_page-file_grid_item {
  .c-file_entity-user-timestamp .c-member_name {
    margin-right: 0;
  }

  .p-file_quip__snippet {
    transform: scale(0.8);
    transform-origin: top left;
  }
}

.p-quip_files_page-search_icon {
  left: -1px;
  margin-right: 8px;
  top: 2px;
}

.p-quip_files_page-search_inline_hint {
  display: inline-block;
  margin-left: 4px;
  visibility: hidden;
}

.c-select_options_list__option--active .p-quip_files_page-search_inline_hint {
  visibility: initial;
}

.p-quip_files_page-search-selected {
  display: flex;
  justify-content: space-between;
}

.p-quip_files_page-search-reset {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 14px;
}

.p-quip_files_page-mention {
  .c-base_entity__text-contents {
    flex-direction: row;
  }

  .c-member__primary_conent {
    margin-right: 5px;
  }
}

.p-quip_files_page-skeleton-icon, .p-quip_files_page-skeleton-title {
  padding-top: 5px;
}

.c-search_query_entity__icon {
  margin-right: 8px;
}

.c-search_query_entity__text {
  flex-grow: 0;
  font-weight: 700;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}

.c-search_query_entity__text_contents {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
}

.c-search_query_entity__token {
  background-color: #1d9bd11a;
  border-radius: 4px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: inline-flex;
  height: 20px;
  line-height: 20px;
  margin: 1px 4px 1px 0;
  padding: 0 6px;
  vertical-align: text-top;

  &:not(:first-child) {
    margin-left: 4px;
  }

  + .c-search_query_entity__token {
    margin-left: 0;
  }
}

.c-search_query_entity__token_label_icon {
  margin-top: 1px;
  width: 0.7em;
}

.c-search_query_entity__token_label_icon--suffix {
  margin-left: 4px;
}

.c-search_query_entity__token_label_icon--prefix {
  margin-right: 8px;
}

.c-search_query_entity__token_label {
  align-items: center;
  display: flex;
  font-size: 13px;
  line-height: 20px;
  vertical-align: top;
}

.c-search_query_entity__text--dark .c-search_query_entity__token {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.c-search_query_entity__member_token, .c-search_query_entity__team_token {
  padding-left: 0;
}

.c-search_query_entity__channel_section_token_image {
  line-height: 1;
  margin: 0 2px;
  vertical-align: middle;
}

.c-search_query_entity__channel_section_token_image--useIcon {
  font-size: 14px;
  vertical-align: top;
}

.c-search_query_entity__team_token_image {
  display: inline-block;
  margin-right: 4px;

  .c-team_icon {
    border-radius: 4px 0 0 4px;

    &:after {
      border-radius: 4px 0 0 4px;
    }
  }
}

.c-search_query_entity__member_token_image {
  background-size: 100%;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  display: inline-block;
  height: 20px;
  margin-right: 4px;
  position: relative;
  width: 20px;

  &:after {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    bottom: 0;
    box-shadow: inset 0 0 0 1px #00000014;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}

.c-search_query_entity__member_token--hidden_user {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  filter: grayscale(1);

  .c-search_query_entity__member_token--hidden_user_icon {
    padding-right: 4px;
  }
}

.c-search_query_entity__member_token--deleted .c-search_query_entity__member_token_image {
  filter: grayscale(1);
}

.c-search_query_entity__omniswitcher_hint {
  display: none;
  flex: 1 1 auto;
  font-weight: 400;
  margin-left: 4px;
  white-space: nowrap;
}

.c-search_query_entity__search-cta {
  background-color: #2670aa;
  box-shadow: 0 1px 0 #4c85b1;
  color: #fff;
  margin: -8px 0 -4px;
}

.c-search_query_entity__omniswitcher_hint--switchy {
  display: inline;
}

.c-base_list_entity--highlight-dark {
  .c-search_query_entity__omniswitcher_hint {
    display: inline-block;
  }

  .c-search_query_entity__token {
    background-color: #ffffff14;
    color: #fff;
  }
}

.p-browse_page_layout__container {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  overflow: hidden;
  position: relative;

  .p-browse_page_layout__tip_banner {
    background: linear-gradient(0deg, #f2c7441a, #f2c7441a), #fff;
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    padding: 20px;
  }
}

.p-browse_page_layout__channel_files_back-button {
  margin-left: 24px;
  position: absolute;
  top: 14px;
}

.p-browse_page_layout__channel_files_back_button--details-popover {
  margin-left: 20px;
  top: 7px;
  z-index: 4;
}

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

.p-browse_page_layout__content_wrapper {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  position: relative;
}

.p-browse_page_layout__content {
  display: flex;
  flex: 1 1 auto;
  position: relative;
}

.p-browse_page_layout__input {
  flex: 0 0 auto;

  .c-filter_input__input {
    overflow: hidden;
  }
}

.p-browse_page_layout__input--focused .c-filter_input__input {
  padding-right: 175px;
}

.p-browse_page_layout__input_container {
  padding: 20px 20px 0;
}

.p-browse_page_layout__input_container--bottom_padding {
  padding-bottom: 12px;
}

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

.p-browse_page_layout__input_wrapper {
  position: relative;
}

.p-browse_page_layout__input_hint {
  border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  margin-right: 48px;
  padding-right: 16px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.p-browse_page_layout__results_container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  opacity: 1;
  overflow: hidden;
  padding-right: 0;
  transition: padding-right 0.1s cubic-bezier(0.36, 0.19, 0.29, 1), opacity 0.1s cubic-bezier(0.36, 0.19, 0.29, 1), visibility 0.1s cubic-bezier(0.36, 0.19, 0.29, 1);
  visibility: visible;
}

.p-browse_page_layout__results_container--hidden {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.p-browse_page_layout__results_container--no-transition {
  transition: none;
}

.p-browse_page_layout__extras_container {
  margin-bottom: 20px;
  padding: 0 20px;
}

.p-browse_page_layout__filters_container {
  opacity: 0;
  position: relative;
  transition: opacity 0.1s, width 0.1s cubic-bezier(0.36, 0.19, 0.29, 1);
  visibility: hidden;
  width: 0;
}

.p-browse_page_layout__filters_container--no-transition {
  transition: none;
}

.p-browse_page_layout__filters_container--open {
  min-width: 320px;
  opacity: 1;
  visibility: visible;
  width: 320px;
}

@media screen and (max-width: 1000px) {
  .p-browse_page_layout__filters_container--open {
    min-width: 274px;
    width: 274px;
  }
}

.p-browse_page_layout__filters_container--open--compressed {
  min-width: 274px;
  width: 274px;
}

.p-browse_page_layout__filters_scroll_container {
  height: 100%;
  width: 320px;
}

@media screen and (max-width: 1000px) {
  .p-browse_page_layout__filters_scroll_container {
    width: 274px;
  }
}

.p-browse_page_layout__filters_scroll_container--compressed {
  width: 274px;
}

.p-browse_page_layout__filters_inner {
  padding-left: 4px;
  padding-right: 20px;
}

.p-browse_page_layout__upload_indicator {
  left: 50%;
  position: absolute;
  top: 4px;
  transform: translate(-50%);
  z-index: 1;
}

.p-browse_page_layout__shadow_container {
  display: flex;
  justify-content: space-between;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.p-browse_page_layout__shadow {
  box-shadow: inset 0 0 0 #0000;
  height: 1px;
  opacity: 1;
  transition: opacity 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-browse_page_layout__shadow--inset {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  box-shadow: inset 0 2px 1px var(--saf-0);
}

.p-browse_page_layout__shadow--hidden {
  opacity: 0;
}

.p-browse_page_layout__shadow_left {
  flex: 1 1 auto;
}

.p-browse_page_layout__shadow_right {
  width: 0;
}

.p-browse_page_layout__shadow_right--open {
  margin-left: 16px;
  width: 304px;
}

@media screen and (max-width: 1000px) {
  .p-browse_page_layout__shadow_right--open {
    width: 258px;
  }
}

.p-browse_page_layout__shadow_right--open--compressed {
  width: 258px;
}

.p-browse_page_layout__autocomplete_right {
  margin-right: 14px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.p-browse_page_layout__autocomplete_hint {
  border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  margin-right: 14px;
  padding-right: 16px;
}

.p-browse_page_layout__autocomplete__option.c-select_options_list__option--selected {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);

  &:before {
    display: none;
  }
}

.p-browse_page_layout__autocomplete_reset_button {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  cursor: pointer;
  display: inline-flex;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  padding: 0 4px;
  width: 20px;

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

.p-browse_page_layout__autocomplete_options_list_option_delete--hidden {
  visibility: hidden;
}

.p-browse_page_layout__autocomplete_options_list_option_delete--visible {
  border: 1px solid #0000;
  border-radius: 6px;
  margin-right: 5px;
  opacity: .8;
  visibility: visible;

  &:hover {
    opacity: 1;
  }

  &:focus-within {
    --saf-0: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    border: 1px solid var(--saf-0);
    border-radius: 6px;
    box-sizing: border-box;
    opacity: 1;

    &:active {
      border: 1px solid #0000;
    }
  }
}

.p-browse_page_layout__autocomplete__option.c-select_options_list__option.p-browse_page_layout__autocomplete__option {
  padding: 0 21px;
}

.c-hero_banner_container-wrapper {
  align-items: center;
  display: flex;
  gap: var(--dt_space-125);
  justify-content: center;
  max-width: 1024px;
  width: 100%;
}

.c-hero_banner_container-close-button {
  position: absolute;
  right: var(--dt_space-100);
  top: var(--dt_space-100);
  z-index: 1;
}

.c-hero_banner-wrapper {
  border-color: var(--dt_color-otl-var-2);
  border-style: solid;
  border-width: var(--dt_space-px) var(--dt_space-0);
  display: flex;
  flex-direction: row;
  justify-content: center;
  overflow: hidden;
  padding: var(--dt_space-025);
  position: relative;
}

.c-hero_banner-focus-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;

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

.c-hero_banner-background-horchata {
  background-color: var(--dt_color-plt-horchata-0);
}

.c-hero_banner-background-lagoon {
  background-color: var(--dt_color-plt-lagoon-0);
}

.c-hero_banner-background-mojito {
  background-color: var(--dt_color-plt-mojito-0);
}

.c-hero_banner-background-gray {
  background-color: var(--dt_color-plt-gray-5);
}

.c-hero_banner-background-campfire {
  background-color: var(--dt_color-plt-campfire-0);
}

.c-hero_banner-background-sunflower {
  background-color: var(--dt_color-plt-sunflower-0);
}

.c-hero_banner-cta-wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--dt_space-125);
  padding-top: var(--dt_space-075) var(--dt_space-0);
}

.c-hero_banner-button-icon {
  position: relative;
  top: var(--dt_space-px);
  width: var(--dt_space-125);
}

.c-hero_banner-title-container {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--dt_space-050);
}

.c-hero_banner-title {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  margin-bottom: var(--dt_space-050);
}

.c-hero_banner-content {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.c-hero_banner-left {
  min-height: 200px;
  padding: var(--dt_space-275) 0;
  width: 60%;
}

.c-hero_banner-left--add-padding {
  padding-left: var(--dt_space-275);
}

.c-hero_banner-left--expand {
  padding-right: var(--dt_space-275);
  width: 100%;
}

.c-hero_banner-right {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 400px;
}

.c-hero_banner-right--add-padding {
  padding-right: var(--dt_space-275);
}

.c-hero_banner-primary-img {
  height: 100%;
  max-width: 360px;
}

.c-hero_banner-secondary-img {
  height: 30px;
  width: 30px;
}

.p-slack_tip__icon {
  background-image: url(./lightbulb-1f13342.png);
  background-size: 15px 15px;
  flex-shrink: 0;
  height: 15px;
  margin-right: 12px;
  margin-top: 4px;
  width: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-slack_tip__icon {
    background-image: url(./lightbulb@2x-94e9db4.png);
  }
}

.p-slack_tip__header {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;
  margin-bottom: 4px;
}

.p-slack_tip__body {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.c-search_message__tinyspeck_error_message {
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  color: #fff;
  padding: 24px;
}

.p-media_file_search_justification {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: 0;
  margin-top: 12px;
}

.p-media_file_search_justification__timestamp {
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
}

.c-search_message {
  min-width: 1px;
  padding-right: 26px;
  position: relative;
  -webkit-user-select: text;
  user-select: text;
}

[lang] .c-search_message {
  font-size: 15px;
}

[lang=ja-JP] .c-search_message {
  font-size: 14px;
}

[lang] .c-search_message {
  line-height: 16px;
}

[lang=ja-JP] .c-search_message {
  line-height: 17.6px;
}

.c-search_message__gutter, .c-search_message__label__gutter {
  float: left;
  text-align: right;
}

.c-search_message__gutter .c-timestamp, .c-search_message__label__gutter .c-timestamp {
  -webkit-user-select: none;
  user-select: none;
}

.c-search_message__content {
  margin-right: 20px;
  min-width: 1px;
}

.c-search_message__sender {
  font-weight: 900;
  word-break: break-word;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);

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

.c-search_message__sender_button {
  display: inline-block;
}

.c-search_message__sender .c-custom_status {
  margin-left: 4px;
}

.c-search_message__avatar {
  -webkit-user-select: none;
  user-select: none;
}

.c-search_message__body {
  word-wrap: break-word;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: inline-block;
  width: 100%;
}

[lang] .c-search_message__body {
  line-height: 1.46668;
}

[lang=ja-JP] .c-search_message__body {
  line-height: 1.56668;
}

.c-search_message__actions {
  display: none;
  position: absolute;
  right: 17px;
  top: -16px;
  z-index: 1;
}

.c-search_message--adjacent .c-search_message__actions, .c-search_message--sli_highlight_negative .c-search_message__actions, .c-search_message__actions.c-search_message__actions--dense {
  top: -28px;
}

.c-search_message--focus-within .c-search_message__actions, .c-search_message--hover .c-search_message__actions, .c-search_message:hover .c-search_message__actions, .c-search_message__actions.c-search_message__actions--menu-showing {
  display: block;
}

.c-search_message--light {
  padding: 6px 0;

  &.c-search_message--adjacent {
    padding-top: 2px;
  }

  .c-search_message__gutter, .c-search_message__label__gutter {
    padding-right: 8px;
    width: 44px;
  }

  .c-search_message__content {
    margin-left: 44px;
  }

  .c-search_message__sender .c-search_message__sender_button {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }

  .c-search_message__content_header {
    line-height: 1;
  }

  .c-search_message__body--tombstone {
    line-height: 36px;
  }

  .c-search_message__broadcast_preamble {
    height: 22px;
    line-height: 22px;
  }
}

.c-search_message--dense {
  padding: 3px 40px 6px 0;

  .c-search_message__gutter, .c-search_message__label__gutter {
    margin-right: 12px;
    width: 58px;
  }

  &:not(.c-search_message--adjacent):not(.c-search_message--thread_broadcast) .c-timestamp__label {
    position: relative;
    top: 2px;
  }

  .c-search_message__label {
    margin: 1px 0;
  }

  .c-search_message__content {
    margin-left: 70px;
    padding-left: 0;
  }

  .c-search_message__body--tombstone {
    margin-left: -8px;
  }

  .c-search_message__sender {
    margin-left: -8px;
    flex: none;
    white-space: nowrap;
  }

  .c-search_message__content_header {
    display: inline;
    line-height: 22px;
  }

  &.c-search_message--thread_broadcast .c-search_message__content_header {
    display: flex;
    margin-bottom: 3px;
  }

  .c-search_message__comment:before {
    display: none;
  }

  .c-search_message__content_header .c-custom_status {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0);
    border-radius: 5px;
    padding: 1px 2px;
  }

  .c-search_message__broadcast_preamble {
    height: 22px;
    margin-top: 0;
  }

  &.c-search_message--editing {
    padding-right: 0;
  }
}

.c-search_message--adjacent {
  &.c-search_message--focus .c-search_message__gutter, &.c-search_message--hover .c-search_message__gutter, &:hover .c-search_message__gutter {
    opacity: 1;
  }

  .c-search_message__gutter {
    line-height: 1.46668;
    opacity: 0;
  }

  .c-timestamp {
    line-height: 1.46668;
  }

  .c-search_message__label {
    margin: 2px 0 1px;
  }
}

.c-search_message {
  cursor: pointer;
  line-height: 1.46668;
}

.c-search_message--light {
  padding: 7px 0 6px;
}

.c-search_message__body {
  margin: 4px 0 0;

  &.c-search_message_hidden__body {
    margin: unset;
  }
}

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

.c-search_message__attachments {
  a, pre {
    word-break: break-word;
  }
}

.c-search_message__body {
  a, pre, span {
    word-break: break-word;
  }
}

.c-search_message__file_container {
  display: flex;
  margin-right: -8px;
  overflow: hidden;
  position: relative;

  &:after {
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: inset -63px 0 35px -30px var(--saf-0);
    content: '';
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
  }
}

.c-search_message__media_container {
  display: flex;
  margin-right: -8px;
}

.c-search_message__media_item {
  flex: 1 1 0;
  margin-right: 8px;
}

.c-search_message__media_justification {
  flex: 1 1 0;
  margin-right: 8px;
  max-width: 250px;
}

.c-search_message__file {
  flex: 1 1 0;
}

.c-search_message__file--maxWidth {
  max-width: 300px;
}

.c-search_message__content .p-search_file {
  margin-right: 8px;
  margin-top: 8px;
}

.c-search_message__justification {
  margin-top: 16px;
}

.c-search_message .c-files_container {
  margin-top: 4px;

  .c-pillow_file_container {
    margin-top: 0;
  }
}

.c-search_message__content .p-video_message_file {
  margin-top: 8px;
}

.c-search_message__attachments {
  max-width: 600px;
}

.c-search_message__attachment {
  display: flex;
  margin-top: 8px;
  max-width: 600px;
}

[lang] .c-search_message__attachment {
  font-size: 15px;
}

[lang=ja-JP] .c-search_message__attachment {
  font-size: 14px;
}

[lang] .c-search_message__attachment {
  line-height: 1.46666667;
}

[lang=ja-JP] .c-search_message__attachment {
  line-height: 1.56666667;
}

.c-search_message__attachment_body {
  padding: 0 12px;
}

.c-search_message__reactions {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  line-height: 16px;
  margin-top: 8px;

  .c-emoji {
    margin-right: 4px;
  }
}

.c-search_message__reactions_count {
  &:active, &:hover {
    text-decoration: underline;
  }
}

.c-search_message__replies_count {
  &:active, &:hover {
    text-decoration: underline;
  }
}

a.c-search_message__replies_count {
  color: inherit;
}

.c-search_message__replies_count .c-icon--comment-alt:before {
  font-size: 17px;
  margin-right: 4px;
  position: relative;
  top: -1px;
}

.c-search_message__reactions_count + .c-search_message__replies_count {
  margin-left: 24px;
}

.c-search_message__actions {
  right: 0;
  top: -18px;

  .c-message_actions__button:last-child {
    border-right: none;
  }
}

.c-search_message__actions_container .c-message__actions {
  right: 0;
  top: -20px;
}

.c-search_message .c-message_kit__tombstone__text {
  height: auto;
}

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

.c-search_message__justification_sparkles {
  color: #f2c744;
  margin-right: 4px;
}

.c-search_message__justification_vline {
  border-left: thin solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: inline-block;
  height: 12px;
  margin-left: 12px;
  padding-left: 8px;
  vertical-align: middle;
}

.c-search_message--skeleton__header {
  padding-bottom: 8px;
}

.c-search_message--skeleton__content {
  margin-left: 44px;
  margin-top: -4px;

  .c-missing_text {
    margin-right: 4px;
  }
}

.c-search_message--skeleton__content_header .c-missing_text {
  margin-right: 8px;
}

.c-search_message--skeleton__footer {
  padding-top: 8px;

  .c-missing_text {
    margin-right: 16px;
  }
}

.c-message_group {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  padding: 7px 12px 12px;
}

.c-focus_manage_list__item .c-message_group {
  margin-bottom: 10px;
}

.c-message_group {
  .c-message_group__header--active, .c-message_group__header:focus, &:hover .c-message_group__header {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }

  .c-message_group__header--active a, .c-message_group__header:focus a, &:hover .c-message_group__header a {
    color: inherit;
  }

  .c-message_group__header--active .c-message_group__header_view_label, .c-message_group__header:focus .c-message_group__header_view_label, &:hover .c-message_group__header .c-message_group__header_view_label {
    visibility: visible;
  }

  .c-message_group__header--active {
    .c-message_group__header_date, .p-deprecated_channel_name, .p-deprecated_channel_name__team_name {
      color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    }
  }

  .c-message_group__header:focus {
    .c-message_group__header_date, .p-deprecated_channel_name, .p-deprecated_channel_name__team_name {
      color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    }
  }

  &:hover .c-message_group__header {
    .c-message_group__header_date, .p-deprecated_channel_name, .p-deprecated_channel_name__team_name {
      color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    }
  }

  &:not(:hover) .p-deprecated_channel_name__team_name {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }
}

.c-message_group-first {
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
}

.c-message_group-last {
  border-radius: 0 0 8px 8px;
}

.c-message_group-rest {
  border-bottom: 0;
  border-radius: 0;
}

.c-message_group:hover {
  border-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.15);
  box-shadow: 0 1px 1px #0000000f;
}

.c-message_group__header {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  font-size: 13px;
  line-height: 20px;
  max-width: 100%;
  text-decoration: none;

  &:active, &:hover {
    text-decoration: none;
  }

  a {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }
}

.c-message_group__header_name {
  font-weight: 700;

  .c-file_entity__text {
    margin-right: 0;
  }

  .c-icon--filetype-tiny {
    width: 15px;

    &:before {
      font-size: 18px;
    }
  }
}

.c-message_group__header > * {
  margin-right: 0.5em;
}

.c-focus_manage_list__item:focus {
  outline: none;
}

.c-focus_manage_list__item--focus {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.c-message_group {
  .p-deprecated_channel_name {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    cursor: pointer;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;

    .c-icon {
      height: inherit;
    }
  }

  .p-deprecated_channel_name__team_name {
    font-weight: 400;
  }

  .p-deprecated_channel_name {
    .c-deprecated-icon {
      margin-right: -2px;
      position: relative;
      top: -1px;
    }

    .c-team_icon {
      margin-left: 8px;
      margin-right: 4px;
      position: relative;
      top: 2px;

      &.c-team_icon--default {
        top: -2px;
      }
    }

    .c-deprecated-icon:before {
      font-size: 14px;
      line-height: 12px;
    }
  }

  .c-message_group__header_date {
    flex-shrink: 0;
  }
}

.c-message_group__header_view_label {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  flex-shrink: 0;
  margin-left: 8px;
  margin-right: 45px;
  visibility: hidden;
}

.c-message_group__divider {
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  margin: 8px 0 12px;
  overflow: initial;
  padding: 0 12px 0 0;
  position: relative;
  text-align: initial;
  vertical-align: initial;
  width: 100%;

  &:active, &:focus, &:hover {
    outline: none;
  }
}

.c-message_group__divider_rule {
  margin: 0;
}

.c-message_group__divider_text {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  cursor: pointer;
  font-size: 13px;
  left: 0;
  padding-left: 40px;
  padding-right: 8px;
  position: absolute;
  top: -8px;
}

.p-mixed_results_module_card_row {
  display: flex;
  justify-content: flex-start;
}

.p-mixed_results_module_card {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0);
  outline: none;

  &:active, &:hover {
    --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;
  }

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

  + .p-mixed_results_module_card {
    margin-left: 12px;
  }
}

.p-mixed_results_module_card--see_all {
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background-position: top;
  background-size: cover;
  border-radius: 8px;
  display: flex;
  font-weight: 700;
  justify-content: center;
  min-height: 200px;
  position: relative;

  &:focus, &:hover {
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    text-decoration: none;
  }
}

.p-mixed_results_module_card__text {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  padding: 0 12px;
  text-align: center;
}

.p-mixed_results_module_card__text--focused, .p-mixed_results_module_card__text:hover {
  text-decoration: underline;
}

.p-mixed_results_module__feedback_link .c-link--button {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 12px;
  margin-left: 4px;
  margin-top: 12px;
}

.p-mixed_results_module {
  outline: none;

  .c-base_entity__subtext {
    display: flex;
  }
}

.p-mixed_results_module__title {
  font-weight: 900;
  margin-bottom: 8px;
  margin-left: 4px;
}

.p-mixed_results_module__title--small {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 12px;
  margin-top: 12px;
}

.p-mixed_results_module__file_card.p-file_card {
  border-radius: 8px;
  width: inherit;

  &:focus {
    border-radius: 8px;
  }

  &:hover .p-media_file_thumbnail--jump-to {
    .p-media_file_thumbnail__jump_button {
      display: block;
    }

    .p-media_file_thumbnail__play_icon {
      display: none;
    }
  }
}

.p-mixed_results_module__file_card__media_justification {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-top: 0;
}

.p-mixed_results_module__title_section {
  display: flex;
}

.p-mixed_results_module__title--see_more {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  position: absolute;
  right: 8px;
  top: 4px;
}

.p-mixed_results_module--no-results {
  margin-bottom: 10px;
  margin-left: 4px;
}

.p-mixed_results_module__title--no-results {
  font-size: 15px;
  font-weight: 900;
}

.p-mixed_results_module__description--no-results {
  margin-top: 8px;
}

.p-mixed_results_module--channel_result {
  --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);
  width: 100%;

  + .p-mixed_results_module--channel_result {
    border-top: none;
  }

  .p-browse_page_channel--with-actions {
    .browse_page_channel_join_button, .browse_page_channel_leave_button, .browse_page_channel_view_button, .p-browse_page_channel__inaction_label {
      opacity: 0;
    }
  }

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

    .p-browse_page_channel--with-actions {
      .browse_page_channel_join_button, .browse_page_channel_leave_button, .browse_page_channel_view_button, .p-browse_page_channel__inaction_label {
        opacity: 1;
      }
    }
  }

  &:hover .p-browse_page_channel--with-actions {
    .browse_page_channel_join_button, .browse_page_channel_leave_button, .browse_page_channel_view_button, .p-browse_page_channel__inaction_label {
      opacity: 1;
    }
  }

  &:first-of-type {
    border-radius: 10px 10px 0 0;

    .p-browse_page_channel:hover {
      border-radius: 10px 10px 0 0;
    }
  }

  &:last-of-type {
    border-radius: 0 0 10px 10px;

    .p-browse_page_channel:hover {
      border-radius: 0 0 10px 10px;
    }
  }

  &:only-of-type {
    border-radius: 10px;

    .p-browse_page_channel:hover {
      border-radius: 10px;
    }
  }

  .p-browse_page_channel {
    border-top: none;
    padding: 16px;
  }
}

.p-mixed_results_module--channel_result--all {
  align-items: center;
  display: flex;
  font-weight: 700;
  height: 75px;
  padding: 12px;
}

.p-mixed_results_module--channel_result_label .p-browse_page_channel--with-actions {
  .browse_page_channel_join_button, .browse_page_channel_leave_button, .browse_page_channel_view_button {
    opacity: 1;
  }

  .p-browse_page_channel__inaction_label {
    opacity: 1 !important;
  }
}

.p-browse_page_member_card_entity {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  transition: box-shadow 80ms cubic-bezier(0.36, 0.19, 0.29, 1);

  &:active, &:hover {
    --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-truncate {
    word-break: break-word;
  }
}

.p-browse_page_member_card_entity--has_hover_overlay:hover {
  .p-browse_page_member_card_entity__info {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  .p-browse_page_member_card_entity__avatar--hover_overlay {
    display: block;
  }
}

.p-browse_page_member_card_entity--is-selected {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  box-shadow: 0 0 0 2px var(--saf-0);

  &:active, &:hover {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 2px var(--saf-0);
  }

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

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

.sk-client-theme--dark .p-browse_page_member_card_entity--is-selected .p-browse_page_member_card_entity__select_circle {
  border-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.p-browse_page_member_card_entity--dim {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  -ms-filter: grayscale(1);
  filter: grayscale(1);
}

.p-browse_page_member_card_entity__select_circle {
  --saf-0: rgba(var(--sk_foreground_mid_solid, 187, 186, 187), 1);
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border: 2px solid var(--saf-0);
  border-radius: 50%;
  display: flex;
  height: 24px;
  left: 8px;
  position: absolute;
  top: 8px;
  width: 24px;
  z-index: 1;

  .p-browse_page_member_card_entity__select_circle_icon {
    margin: 0 auto;
  }
}

.sk-client-theme--dark .p-browse_page_member_card_entity__select_circle {
  background: #fff;
  border-color: #ddd;
}

.p-browse_page_member_card_entity__avatar {
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
  border-radius: 8px 8px 0 0;

  .c-avatar--no_image, .c-avatar__image, .c-base_icon {
    border-radius: 8px 8px 0 0;
  }

  .c-avatar {
    cursor: pointer;
    display: block;
  }

  .c-hidden_user_avatar--icon {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

.p-browse_page_member_card_entity__avatar--hover_overlay {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
}

.p-browse_page_member_card_entity__team_icon {
  bottom: 10px;
  position: absolute;
  right: 10px;
}

.p-browse_page_member_card_entity__edit_btn {
  position: absolute;
  right: 10px;
  top: 10px;

  &:hover {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

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

.p-browse_page_member_card_entity__info {
  flex: 1 1 auto;
  min-height: 84px;
  padding: 10px 16px;
}

.p-browse_page_member_card_entity__info__extended {
  min-height: 100px;
}

.p-browse_page_member_card_entity__secondary {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-browse_page_member_card_entity__name_text:not(:last-child) {
  margin-right: 4px;
}

.p-browse_page_member_card_entity__indicator {
  display: inline-block;
  word-break: break-word;

  + .p-browse_page_member_card_entity__indicator {
    margin-left: 4px;
  }
}

.p-browse_page_member_card_entity__tooltip {
  .p-browse_page_member_card_entity__name, .p-browse_page_member_card_entity__subtext {
    display: block;
  }

  .p-browse_page_member_card_entity__info_text, .p-browse_page_member_card_entity__subtext {
    font-weight: 400;
  }

  .p-browse_page_member_card_entity__info_text {
    margin-left: 4px;
  }
}

.p-browse_page_member {
  height: 100%;

  &:focus {
    outline-style: none;
    outline-width: 0;
  }
}

.p-browse_page_member__top_terms_term {
  background: #f2c74466;
}

.sk-client-theme--dark .p-browse_page_member__top_terms_term {
  background: #e8912d66;
  color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
}

.p-browse_page_member__sparkles {
  color: #f2c744;
  margin-right: 4px;
}

.p-browse_page_member__info {
  margin-left: 4px;
}

.p-browse_page_channel {
  align-items: center;
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  display: flex;
  min-height: 72px;
  padding: 16px 12px;
}

.c-virtual_list__item:last-child .p-browse_page_channel {
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.p-browse_page_channel {
  &:active, &:hover {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    cursor: pointer;
  }

  .c-base_list_entity--medium {
    padding: 0;
  }

  .c-base_entity__subtext ~ .c-base_entity__metadata {
    margin-top: 0;
  }
}

.p-browse_page_channel--error {
  display: block;
}

.p-browse_page_channel__connection_info {
  padding: 8px 0 1.6px;
}

.p-browse_page_channel__justification_icon {
  color: #f2c744;
}

.p-browse_page_channel--skeleton {
  height: 72px;
}

.p-browse_page_channel--with-actions {
  .browse_page_channel_view_button_wrapper {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    display: inline-block;
  }

  .c-base_list_entity__secondary_content {
    display: flex;
    justify-content: right;
    opacity: 0;
    position: absolute;
    right: 12px;
    transition: opacity 0s;
  }

  &:hover {
    .c-base_list_entity__secondary_content, .p-browse_page_channel__inaction_label {
      opacity: 1;
    }
  }

  .p-browse_page_channel__inaction_label {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    font-size: 13px;
    line-height: 1.38463;
    margin-top: 2px;
    opacity: 0;
    text-align: right;
    width: 100%;
  }

  .p-browse_page_channel__inaction_label_button {
    cursor: default;
  }
}

.p-browse_page_channel__subtext__contents {
  display: flex;
}

.p-browse_page_channel__purpose {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.c-virtual_list__item--focus .p-browse_page_channel--with-actions {
  .c-base_list_entity__secondary_content, .p-browse_page_channel__inaction_label {
    opacity: 1;
  }
}

.c-virtual_list__item--focus-within .p-browse_page_channel--with-actions {
  .c-base_list_entity__secondary_content, .p-browse_page_channel__inaction_label {
    opacity: 1;
  }
}

.p-flexpane__loader_item {
  padding: 12px 0;
}

.c-pagination_wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
  margin-top: 16px;
}

.c-pagination__container {
  align-items: center;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding: 8px;
}

.c-pagination__numbers_wrap {
  flex: 1;
}

.c-pagination__arrow_btn {
  height: 20px;
  width: 20px;

  &:last-child {
    margin-left: 4px;
  }

  &:disabled {
    color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);

    &:active, &:hover {
      background: none;
      color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    }
  }
}

.c-pagination__page_btn {
  align-items: center;
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: inline-flex;
  height: 20px;
  justify-content: center;
  margin-left: 4px;
  min-width: 20px;
  padding: 0 6px;

  &:not(.c-pagination__page_btn--active) {
    &:focus, &:hover {
      background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
      color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    }
  }
}

.c-pagination__page_btn--active {
  background-color: #007a5a;
  color: #fff;

  &:focus, &:hover {
    background: #148567;
    color: #fff;
  }

  &:active {
    background: #006e51;
    box-shadow: none;
  }
}

.c-channel_search_result {
  position: relative;
}

.c-focus_manage_list__item .c-channel_search_result {
  margin-bottom: 10px;
}

.c-channel_search_result__button {
  width: 100%;
}

.c-channel_search_result__channel {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  padding: 16px;
}

.c-channel_search_result__name_error {
  display: flex;
  margin-bottom: 8px;
}

.c-channel_search_result__channel {
  &:hover {
    box-shadow: 0 1px 1px #0000000f;
    cursor: pointer;
  }

  .c-medium_channel_entity__channel:hover, .c-unified_channel__name_text:hover {
    text-decoration: underline;
  }

  .c-medium_channel_entity__inline_name_suffix, .c-unified_channel__inline_name_suffix {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    display: inline;
    visibility: hidden;
  }
}

.c-channel_search_result--focused.c-channel_search_result--show_suffix {
  .c-medium_channel_entity__inline_name_suffix, .c-unified_channel__inline_name_suffix {
    visibility: visible;
  }
}

.c-channel_search_result--show_suffix .c-channel_search_result__channel:hover {
  .c-medium_channel_entity__inline_name_suffix, .c-unified_channel__inline_name_suffix {
    visibility: visible;
  }
}

.c-focus_manage_list__item:focus .c-channel_search_result--show_suffix {
  .c-medium_channel_entity__inline_name_suffix, .c-unified_channel__inline_name_suffix {
    visibility: visible;
  }
}

.c-channel_search_result {
  .c-medium_channel_entity__inline_name_suffix, .c-unified_channel__inline_name_suffix {
    white-space: nowrap;
  }
}

.c-channel_search_result__metadata {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  line-height: 1.38463;
}

.c-channel_search_result__justification_icon {
  color: #f2c744;
}

.c-channel_search_result__vline {
  border-left: thin solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: inline-block;
  height: 12px;
  margin-left: 12px;
  padding-left: 8px;
  vertical-align: middle;
}

.c-channel_search_result__inaction_label {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: inline-block;
  font-size: 13px;
  line-height: 1.38463;
  opacity: 0;
  text-align: right;
  width: 100%;
}

.c-channel_search_result__inaction_label_button {
  cursor: default;
}

.c-channel_search_result--focused .c-channel_search_result__inaction_label, .c-channel_search_result:hover .c-channel_search_result__inaction_label, .c-focus_manage_list__item:focus .c-channel_search_result__inaction_label {
  opacity: 1;
}

.c-channel_search_result__actions {
  clip: rect(0 0 0 0);
  border: 0;
  display: inline-flex;
  flex-direction: column;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 4px;
  position: absolute;
  right: 12px;
  top: 12px;
  -webkit-user-select: none;
  user-select: none;
  width: 1px;
}

.c-channel_search_result__width_placeholder {
  visibility: hidden;
}

.c-channel_search_result__action_join:hover {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
}

.c-channel_search_result--focused .c-channel_search_result__actions, .c-channel_search_result:hover .c-channel_search_result__actions, .c-focus_manage_list__item:focus .c-channel_search_result__actions {
  clip: auto;
  height: 44px;
  margin: 0;
  width: auto;
}

.c-channel_search_result__action_join, .c-channel_search_result__action_leave, .c-channel_search_result__joined_indicator, .c-channel_search_result__width_placeholder {
  flex: 0 0 auto;
  transition: none;
}

.c-channel_search_result__action_join, .c-channel_search_result__action_leave, .c-channel_search_result__joined_indicator {
  left: 500px;
  position: absolute;
}

.c-channel_search_result__action_leave, .c-channel_search_result__joined_indicator {
  display: none;
}

.c-channel_search_result--focused .c-channel_search_result__action_join, .c-channel_search_result:hover .c-channel_search_result__action_join, .c-focus_manage_list__item:focus .c-channel_search_result__action_join {
  position: static;
}

.c-channel_search_result--can_leave .c-channel_search_result__action_join {
  display: none;
}

.c-channel_search_result--focused {
  .c-channel_search_result__action_leave, .c-channel_search_result__joined_indicator {
    display: none;
  }
}

.c-channel_search_result:hover {
  .c-channel_search_result__action_leave, .c-channel_search_result__joined_indicator {
    display: none;
  }
}

.c-focus_manage_list__item:focus {
  .c-channel_search_result__action_leave, .c-channel_search_result__joined_indicator {
    display: none;
  }
}

.c-channel_search_result--can_leave {
  .c-channel_search_result__action_leave, .c-channel_search_result__joined_indicator {
    display: inline-flex;
  }

  .c-channel_search_result__action_leave:focus, .c-channel_search_result__actions:hover .c-channel_search_result__action_leave, &:hover .c-channel_search_result__joined_indicator {
    display: inline-flex;
    position: static;
  }
}

.c-channel_search_result--focused.c-channel_search_result--can_leave .c-channel_search_result__joined_indicator, .c-focus_manage_list__item:focus .c-channel_search_result--can_leave .c-channel_search_result__joined_indicator {
  display: inline-flex;
  position: static;
}

.c-channel_search_result--can_leave {
  .c-channel_search_result__action_leave:focus + .c-channel_search_result__joined_indicator, .c-channel_search_result__actions:hover .c-channel_search_result__joined_indicator {
    display: none;
  }
}

.c-channel_search_result .c-unified_channel--unknown {
  margin-top: 0;
}

.p-people_search_result {
  position: relative;
}

.c-focus_manage_list__item .p-people_search_result {
  margin-bottom: 10px;
}

.p-people_search_result__person {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: flex-start;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  padding: 16px;
}

.p-people_search_result--non_existent .p-people_search_result__person, .p-people_search_result--unknown .p-people_search_result__person {
  cursor: default;
}

.p-people_search_result__avatar_placeholder {
  border-radius: 7px;
  display: inline-block;
  flex: 0 0 auto;
  height: 70px;
  width: 70px;
}

.p-people_search_result--unknown .p-people_search_result__avatar_placeholder {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

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

.p-people_search_result__avatar {
  flex: 0 0 auto;

  .c-avatar__image, .c-base_icon {
    border-radius: 7px;
  }

  .c-avatar__image {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.p-people_search_result__person--deactivated .p-people_search_result__avatar {
  filter: grayscale(1);
}

.p-people_search_result__body {
  align-self: center;
  flex: 1 1 auto;
  margin: -6px -6px -6px 16px;
  overflow: hidden;
  padding: 6px;
}

.p-people_search_result__body--many_rows {
  align-self: flex-start;
}

.p-people_search_result__name {
  align-items: baseline;
  display: flex;
  flex-direction: row;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
}

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

.p-people_search_result__name strong {
  font-weight: inherit;
}

.p-people_search_result__name_button {
  display: inline-flex;

  &:focus, &:hover {
    text-decoration: underline;
  }
}

.p-people_search_result__label {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-weight: 400;
  margin-left: 4px;
}

.p-people_search_result__title {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

.p-people_search_result__rows {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: 8px;
}

.p-people_search_result__body--no_title .p-people_search_result__rows {
  margin-top: 4px;
}

.p-people_search_result__row {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: break-spaces;
}

.p-people_search_result__row--top_terms {
  margin: -6px;
  padding: 6px;
}

.p-people_search_result__row:first-child + .p-people_search_result__row:last-child, .p-people_search_result__title + .p-people_search_result__rows .p-people_search_result__row:first-child:last-child {
  margin-bottom: -2px;
}

.p-people_search_result__row + .p-people_search_result__row--top_terms {
  margin-top: 8px;
}

.p-people_search_result__show_more {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: 8px;
}

.p-people_search_result__actions {
  margin: 16px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.c-focus_manage_list__item--focus .p-people_search_result__actions, .p-people_search_result--has-focus .p-people_search_result__actions, .p-people_search_result:hover .p-people_search_result__actions, .p-people_search_result__actions:focus {
  opacity: 1;
}

.p-people_search_result__action_button + .p-people_search_result__action_button {
  margin-left: 12px;
}

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

.p-people_search_result__top_terms_link {
  color: inherit;

  &:hover {
    color: inherit;
  }
}

.p-people_search_result__top_terms_term {
  background: #f2c74466;
}

.sk-client-theme--dark .p-people_search_result__top_terms_term {
  background: #e8912d66;
  color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
}

.p-people_search_result__top_terms_sparkles {
  color: #f2c744;
  margin-right: 4px;
}

.p-people_search_result__top_terms_info {
  margin-left: 4px;
}

.p-people_search_result--skeleton__body {
  margin-top: -4px;

  .c-missing_text {
    margin-right: 8px;
  }
}

.p-people_search_result--skeleton__footer {
  margin-top: 8px;
}

.p-search_filter__select {
  position: relative;
}

.p-search_filter__select--separated {
  margin-top: 12px;
}

.p-search_filter__in_channel {
  align-items: center;
  display: flex;

  > {
    .c-icon, .c-presence {
      flex: 0 0 auto;
    }
  }
}

.p-search_filter__option--active .p-search_filter__in_channel > .c-presence {
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
}

.p-search_filter__in_channel {
  .c-deprecated-icon:before {
    font-size: 16px;
  }

  > {
    .c-icon, .c-icon--inline {
      display: inline-block;
      font-size: 17px;
      height: 21px;
      margin-right: 8px;
      width: 18px;
    }
  }

  .p-deprecated_channel_name .p-deprecated_channel_name__text {
    margin-left: 8px;
  }

  .p-deprecated_channel_name__team_name {
    font-weight: 400;
  }
}

.p-search_filter__from_name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-search_filter__in_channel {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  .p-deprecated_channel_name__team_name, .p-deprecated_channel_name__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.p-search_filter__in_member {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-search_filter__from_avatar {
  cursor: inherit;
  margin-right: 8px;
  vertical-align: bottom;
}

.c-search_filter_section .p-file_list__file_type_select {
  border-color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
}

.c-select_options_list__option--active .p-deprecated_channel_name .p-deprecated_channel_name__team_name {
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
}

.p-search_filter__in_channel {
  cursor: pointer;
}

.p-search_filter__close {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  left: calc(100% + 3px);
  position: absolute;
  top: 8px;
}

.p-search_filter__checkbox_label {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 15px;
  font-weight: 400;
  line-height: 1rem;
  margin-bottom: 0.375rem;
}

.p-search_filter__checkbox_label--selected {
  font-weight: 700;
}

.p-search_filter__checkbox_label input[type=checkbox] {
  margin-right: 8px;
}

.p-search_filter__checkbox_label--disabled {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  cursor: not-allowed;
}

.p-search_filter__dates {
  --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
}

.p-search_filter__date {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;

  &:first-child {
    border-bottom: 1px solid rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  }

  .c-icon--times-small {
    margin-right: 10px;
  }
}

.p-search_filter__datepicker_trigger {
  align-items: center;
  display: flex;
  flex-grow: 1;
  font-size: 15px;
  line-height: 24px;
  padding: 8px 10px;

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

@media only screen and (max-width: 1024px) {
  .p-search_filter__datepicker_trigger:not(.p-search_filter__datepicker_trigger--empty) .p-search_filter__date_label {
    display: none;
  }
}

.p-search_filter__date_label {
  flex-grow: 1;
}

.p-search_filter__date_readout {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-weight: 700;
}

.p-search_filter__calendar_icon {
  margin-left: auto;
}

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

.p-search_filter__placeholder_suggestion {
  align-items: center;
  display: flex;
  height: 18px;
  margin-bottom: 8px;
}

.p-search_filter__placeholder_avatar {
  border-radius: 5px;
  height: 18px;
  margin-right: 16px;
  width: 18px;
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: inline-block;
}

.p-search_filter__placeholder_name {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: inline-block;
  border-radius: 10px;
  height: 10px;
}

.p-search_filter__placeholder_name--0 {
  width: 40%;
}

.p-search_filter__placeholder_name--1 {
  width: 50%;
}

.c-channel_filter {
  display: flex;
  text-align: left;
}

.c-channel_filter__text {
  flex: 1 0 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c-channel_filter__icon {
  flex: 0 1 0;
}

.c-channel_filter__item {
  padding-left: 4px;
}

.p-search_filter__workspace_only_team_icon {
  margin: 0 4px 0 8px;
}

.p-search_filter__limit_team_filter_dropdown_item {
  align-items: center;
  display: flex;
}

.p-search_filter__limit_team_filter_icon {
  cursor: inherit;
  margin-right: 8px;
  vertical-align: bottom;
}

.p_search_filter__block_container {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 10px;
  margin-left: -8px;
  margin-top: -8px;
}

.p-search_filter__block_item_wrapper {
  display: flex;
  margin-left: 8px;
  margin-top: 8px;
  position: relative;
}

.p-search_filter__block_item_dropdown_icon {
  font-size: 20px;
  margin-left: 4px;
  transition: transform 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-search_filter__block_item_dropdown_icon--inverted {
  transform: rotate(180deg);
}

.p-search_filter__block_item {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  max-width: 205px;

  .c-avatar--deleted_member {
    filter: grayscale(1);
  }

  .c-member_name__indicator {
    display: none;
  }
}

.p-search_filter__block_item--withCaret {
  padding-right: 4px !important;
}

.p-search_filter__block_item--noMax {
  max-width: none;
}

.p-search_filter__block_item_close {
  height: 16px;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;

  .c-icon {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    height: 16px;
    width: 16px;

    &:before {
      font-size: 15px;
    }
  }
}

.p-search_filter__block_item_full_width {
  width: 100%;
}

.p-search_filter__block_item_icon {
  font-size: 14px;

  &:before {
    color: inherit;
  }
}

.p-search_filter__multi-select-items-wrapper {
  padding: 12px 0 0;
}

.p-search_filter__multi-select-input {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
  margin-top: 4px;
}

[lang=ru-RU] .p-search_filter__multi-select-input .c-select_input {
  font-size: 14px;
}

.p-search_filter__multi-select-input--empty {
  margin-bottom: 16px;
}

.p-search_filter__multi-select-input--hidden {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  width: 1px;
}

.p-search_filter__multi-select-label {
  font-size: 13px;
}

.p-search_filter__select-label--open, .p-search_filter__select-label:hover {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-search_filter__select-label-highlight-sort {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.p-search_filter__select-label-highlight-sort--open, .p-search_filter__select-label-highlight-sort:hover {
  color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
}

.p-search_filter_chevron_icon {
  transition: transform 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-search_filter_chevron_icon--inverted {
  transform: rotate(180deg);
}

.p-search_filter__select-list {
  .c-select_options_list__group_option {
    padding-left: 24px;
  }

  .c-select_options_list__virtual_list {
    padding: 0 0 8px;
  }

  .c-icon:before {
    color: inherit !important;
  }

  .c-member_name--deactivated {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }

  .c-member--deleted .c-avatar {
    filter: grayscale(1);
  }

  .c-base_entity__text strong, .c-base_list_entity strong, .c-channel_entity__name--bold {
    font-weight: 400;
  }

  .c-base_entity--dim {
    color: inherit;
    filter: none;
  }

  .c-select_options_list__option--selected {
    font-weight: 700;

    .c-channel_entity__name--bold, strong {
      font-weight: 700;
    }

    .c-base_inline_entity--dim, .c-icon:before, .c-member_name--deactivated {
      color: inherit;
    }

    &:before {
      content: '\E285';
      font-family: Slack v2;
      font-weight: 400;
      margin: 0 2px 0 -18px;
    }
  }

  .c-select_options_list__option--active .c-base_inline_entity--dim {
    color: inherit;
  }

  .c-select_options_list__clear_option {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    font-size: 13px;
  }

  .c-select_options_list__option--active.c-select_options_list__clear_option {
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  }

  .c-select_options_list__option--empty-state {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
    font-size: 13px;
  }
}

.p-search_filter__select-list--multi .c-select_options_list__option--selected:before {
  content: none;
}

.p-search_filter__panel {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-radius: 6px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 5px 10px #0000001f;
  padding: 16px;
}

.p-search_filter__block_item_avatar-stack {
  height: 16px;
  margin-right: 4px;
}

.p-search_filter__block_non-text-correction {
  margin-top: 1px;
}

.p-search_filter__block_label_wrapper {
  align-items: center;
  display: flex;
  min-width: 0;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;

  &:not(:first-child):not(.p-search_filter__block_label_wrapper--noMargin) {
    margin-left: 6px;
  }

  .c-base_inline_entity {
    min-width: 0;
  }

  .c-base_inline_entity--dim {
    color: inherit;
  }

  .p-search_filter__mpim_avatars {
    margin-top: 1px;
  }
}

.p-search_filter__block_label_wrapper--string {
  display: block;
}

.p-search_filter__list_item {
  align-items: center;
  display: flex;
  line-height: 32px;

  .c-icon:before {
    color: inherit;
  }

  input[type=checkbox].c-input_checkbox {
    margin-top: 1px;
  }

  &:hover {
    font-weight: 700;
  }
}

.p-search_filter__list_item--selected {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  font-weight: 700;
}

.p-search_filter__list_item--active.p-search_filter__list_item--selected {
  color: inherit;
}

.p-search_filter__list_item__truncation_wrapper {
  white-space: normal;
}

.p-search_filter__list_item--active {
  .c-icon:before, .c-member_name--deactivated {
    color: inherit;
  }

  .p-search_filter__mpim_avatars--bottom {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0);
  }
}

.p-search_filter__list_item--checkbox {
  &:before {
    background-image: url(./checkbox_unselected-ceb6467.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    height: 13px;
    margin-right: 12px;
    margin-top: 1px;
    width: 13px;
  }

  &.p-search_filter__list_item--selected:before {
    background-image: url(./checkbox_selected-ff5abe4.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-search_filter__list_item--checkbox:before {
    background-image: url(./checkbox_unselected@2x-3f0f5c2.png);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-search_filter__list_item--checkbox.p-search_filter__list_item--selected:before {
    background-image: url(./checkbox_selected@2x-0068aaf.png);
  }
}

.p-search_filter__list_item_content {
  flex: 1 1 0;
  min-width: 0;

  img {
    vertical-align: text-top;
  }
}

.c-menu_item__button--highlighted .p-search_filter__list_item--selected {
  color: inherit;
}

.p-search_filter__list_item_icon {
  font-size: 20px;
  margin-right: 8px;
}

.p-search_filter__list_item_icon--starred {
  margin-right: 6px;
  width: 20px;
}

.p-search_filter__list_item--team {
  align-items: center;
  display: flex;
}

.p-search_filter__list_item--team-icon {
  display: flex;
  margin-right: 6px;
}

.p-search_filter__date-picker {
  .c-date_range_picker_calendar {
    margin-top: 16px;
    width: 618px;
  }

  .c-date_range_picker_input {
    width: 618px;
  }

  .c-date_range_picker_calendar .c-calendar_view_header__stepper_btn {
    top: 0;
  }
}

.p-search_filter__mpim {
  align-items: center;
  display: flex;
}

.p-search_filter__mpim_avatars {
  flex-shrink: 0;
  height: 18px;
  line-height: 14px;
  margin-right: 8px;
  position: relative;
  width: 18px;

  &:hover .c-avatar {
    cursor: pointer;
  }

  .c-base_icon--image {
    display: block;
  }
}

.p-search_filter__mpim_avatars--top {
  border-radius: 4px;
  left: 0;
  position: absolute !important;
  top: 0;
}

.p-search_filter__mpim_avatars--bottom {
  --saf-0: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0);
  left: 6px;
  position: absolute !important;
  top: 6px;
}

.p-search_filter__channel_section .c-emoji {
  width: 20px;
}

.p-search_filter__date_picker_input {
  margin-bottom: 16px;
}

.p-search_filter__date_picker_buttons {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}

.p-search_filter__modal_divider {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  height: 1px;
  margin: 20px 0;
}

.p-search_filter__modal_columns {
  display: flex;

  > * {
    flex: 1 1 auto;
  }
}

.p-search_filter__modal_checkbox--active {
  font-weight: 700;

  .c-label__text {
    font-weight: 700;
  }
}

.p-search_filter__more_modal_trigger {
  align-self: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-left: 4px;
  padding: 0 1.6px;
}

.p-search_filter__modal_section {
  padding-bottom: 5px;
}

.p-search_filter__modal_reaction_button {
  font-size: 15px;
  height: 36px;
  padding-bottom: 6px;
  padding-left: 12px !important;
  padding-right: 12px !important;
  padding-top: 6px;

  &.active, &:hover {
    background: inherit !important;
  }
}

.p-search_filter__sort .c-select_button__icon {
  display: none;
}

.p-search_filter_menu .c-menu_item__button--checked {
  font-weight: 700;
}

.p-search_filter_menu__multi-select .c-menu_item__checkmark {
  opacity: 0;
}

.p-search_filter_menu--no-max-width {
  max-width: none;
}

.p-search_filter__modal_padding {
  padding: 8px 28px 28px;
}

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

  .p-emoji_picker__input_container {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 6px;
  }

  .p-emoji_picker__icon_search {
    left: 32px;
    top: calc(50% - 4px);
  }

  .p-emoji_picker__row {
    padding-left: 12px;
  }

  .p-emoji_picker__sticky_header .p-emoji_picker__heading {
    padding: 0 19px;
  }
}

.p-search_filter__emoji-picker-option {
  display: inline-block;

  img {
    margin-right: 6px;
    vertical-align: text-bottom;
  }
}

.p-search_filter__reaction-title {
  display: inline-flex;
}

.c-filter-pill {
  padding-left: 7px;
  padding-right: 7px;

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

.c-filter-pill__content {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
  margin-top: 1px;
  max-width: 100%;
  pointer-events: none;
}

.c-filter-pill.active {
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.c-filter-pill--not-bold {
  font-weight: 400;
}

.c-filter-pill--active {
  background: #1264a3;
  border-color: #1264a3;
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);

  &.active, &:hover {
    background: #0b4c8c;
    border-color: #0b4c8c;
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  }

  .p-search_filter__mpim_avatars--bottom {
    box-shadow: 0 0 0 1px #1264a3;
  }
}

.c-filter-pill--dark.c-filter-pill--active {
  background: #1d9bd1;
  border-color: #1d9bd1;
}

.p-limited_history_search_trial_offer_banner {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.p-limited_history_search_trial_offer_banner__icon {
  align-items: center;
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 8px;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: inline-flex;
  height: 36px;
  justify-content: center;
  text-align: center;
  width: 36px;

  .c-icon--info {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }
}

.p-workspace__primary_view--small .p-limited_history_search_trial_offer_banner__icon, .p-workspace__primary_view--tiny .p-limited_history_search_trial_offer_banner__icon {
  display: none;
}

.c-channel_search__new_feature_alert {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: 16px;
  padding: 12px 16px;
}

.c-channel_search__new_feature_icon {
  color: #1d9bd1;
  flex: 0 0 auto;
  margin-right: 12px;
}

.p-browse_page_controls {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  font-weight: 700;
  justify-content: space-between;
  padding: 12px 20px 0;
}

.p-browse_page_controls_grid_view {
  padding: 12px 20px 0 0;
}

.p-browse_page_controls__channel_files_container {
  padding-bottom: 20px;
  top: 0;
}

.p-browse_page_controls__channel_files_container_list_view {
  align-items: center;
  bottom: 32px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  font-weight: 700;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
}

.p-browse_page_controls__channel_files_container_list_view-loading, .p-browse_page_controls__channel_files_container_list_view_empty {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  justify-content: space-between;
  padding: 12px 20px 0;
  top: 0;
}

.p-browse_page_controls__channel_files_container_list_view-loading {
  flex-direction: column;
}

.p-browse_page_controls__channel_files_container_grid_view {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  font-weight: 700;
  justify-content: space-between;
  padding: 12px 20px 0;
}

.p-browse_page_controls__channel_files_container_grid_view-loading {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  font-weight: 700;
  justify-content: space-between;
  padding: 12px 20px 0;
  top: 0;
}

.p-browse_page_controls__search_link {
  position: fixed;
  right: 136px;
}

.p-browse_page_controls__filter_menu-item {
  padding-left: 10px;
}

.p-search_filter__block_item.p-browse_page_controls__filter_pill {
  border-radius: 4px;
}

.p-browse_page_controls__filter_pill {
  &.p-browse_page_controls__filter_pill--default:hover, &.p-browse_page_controls__filter_pill--isOpen {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

.p-search_filter__block_item.p-browse_page_controls__filter_pill--active {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
}

.p-browse_page_controls_channel_files_filter_wrapper {
  align-items: center;
  max-width: 68px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-browse_page_controls__search_link--loading {
  position: fixed;
  right: 86px;
}

.p-browse_page_controls__channel_files_sort {
  font-weight: 400;
  margin-top: 74px;
  position: fixed;
  right: 74px;
}

.p-browse_page_controls__channel_files_sort--loading {
  font-weight: 400;
  margin-top: 75px;
  position: fixed;
  right: 24px;
}

.p-browse_page_controls__filter_item--selected {
  font-weight: 400;
}

.p-browse_page_controls__button_search_link_button {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  font-size: 13px;
  font-weight: 400;
}

.p-browse_page_controls__button.p-browse_page_controls__button_search_link_button {
  --saf-0: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
  border: 1px solid var(--saf-0);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-browse_page_controls__channel_files_container--extended {
  padding-bottom: 40px;
}

.p-browse_page_controls__channel_files {
  display: flex;
  float: left;
  margin: 0 auto;
}

.p-browse_page_controls__toggle_channel_files {
  align-items: center;
  display: inline-flex;
  position: relative;
  white-space: nowrap;
  width: 58px;
}

.c-icon_button {
  &.p-browse_page_controls__toggle_button {
    background: #0000;
    border: none;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    height: 29px;
    width: 29px;

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

  &.p-browse_page_controls__toggle_button--selected:hover {
    --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border: 1px solid var(--saf-0);
    box-shadow: 0 1px 3px #00000029;
  }
}

.p-browse_page_controls__toggle_background {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.p-browse_page_controls__toggle_button_background--left {
  transform: translate(0);
  --saf-0: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  box-shadow: 0 1px 3px #00000014;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 50%;
}

.p-browse_page_controls__toggle_button_background--right {
  --saf-0: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  box-shadow: 0 1px 3px #00000014;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 50%;
  transform: translate(100%);
}

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

.p-browse_page_controls__row {
  align-items: start;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.p-browse_page_controls__row--centered {
  align-items: center;
}

.p-browse_page_controls__row--padding-legacy {
  padding-top: 12px;
}

.p-browse_page_controls__row--padding {
  padding: inherit;
}

.p-browse_page_controls__row--margin-left {
  margin-left: 12px;
}

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

.p-browse_page_controls__channel_files_sort--isOpen, .p-browse_page_controls__total:hover {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-browse_page_controls__total--placeholder {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 8px;
  box-sizing: border-box;
  height: 10px;
  margin: 4px 0 5px 4px;
  width: 65px;
}

.p-browse_page_controls__expander {
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  max-width: 307px;
  transition: flex 70ms cubic-bezier(0.36, 0.19, 0.29, 1);

  .c-icon_button {
    height: 28px;
    width: 28px;
  }
}

@media screen and (max-width: 1000px) {
  .p-browse_page_controls__expander {
    max-width: 261px;
  }
}

.p-browse_page_controls__expander--open--compressed {
  max-width: 261px;
}

.p-browse_page_controls__expander--no-transition {
  transition: none;
}

.p-browse_page_controls__expander--open {
  flex: 1 0 auto;
}

.p-browse_page_controls__button {
  align-items: center;
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  font-weight: 400 !important;
  height: 28px;
  padding: 0 8px;
  white-space: nowrap;

  &:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }
}

.p-browse_page_controls__button__pill {
  background-color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  border-radius: 10px;
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  height: 18px;
  margin-left: 4px;
  padding: 0 8px;
}

.p-browse_page_controls__reset_button {
  font-weight: 400;
  margin-right: 8px;
}

.p-browse_page_controls__icon {
  font-size: 16px;
  margin-right: 4px;
}

.p-browse_page_controls__divider {
  border-right: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  height: 20px;
  margin: 0 8px;
}

.p-browse_page_controls__button_group {
  align-items: center;
  display: flex;
}

.p-browse_page_controls__filters-row {
  display: block;
  padding: 0 20px 12px;
}

.p-browse_page_skeleton__container {
  animation: shimmer 1s ease-in-out infinite;
  display: flex;
  flex: 1 1 auto;
  pointer-events: none;
  width: 100%;
}

@keyframes shimmer {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.65;
  }

  to {
    opacity: 1;
  }
}

.c-search_filter_section {
  font-size: 15px;
  margin-bottom: 20px;
}

.c-search_filter_section__title {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: block;
  font-weight: 700;
  margin-bottom: 8px;
}

.p-search_filter__option {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.p-search_filter__visible_option {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  overflow-x: hidden;
  text-overflow: ellipsis;
  height: 28px;
  margin: 0;
  padding-left: 1px;
}

.p-search_filter__visible_option--selected {
  font-weight: 700;
}

.p-search_filter__option_label {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-search_filter__visible_checkbox {
  margin-right: 8px;
  text-align: right;

  input[type=checkbox] {
    margin: 0;
  }
}

.p-search_filter__more_link {
  margin-top: 8px;
}

.p-search_filter__empty_more_link {
  margin-top: 0;
}

.c-channel_filter {
  border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.c-channel_filter__loading_placeholders {
  padding: 0 24px;
}

.c-channel_filter__item {
  font-size: 15px;
  line-height: 1.8;
  padding-left: 16px;
}

.c-channel_filter__item_header {
  padding-left: 16px;
}

.c-channel_filter__item--selected {
  padding-left: 4px;
}

.c-channel_filter__teams_submenu {
  max-height: 140px;
  overflow-y: auto;
}

.c-channel_filter .c-input_select__selected_value {
  display: block;
}

.c-channel_filter__wrapper .c-input_select_options_list_container {
  padding-bottom: 12px;
  padding-top: 8px;
}

.p-search_filter__select .c-channel_filter .c-input_select__chevron {
  display: block;
}

.p-browse_channels_page__alert {
  margin: 20px 20px 0;
}

.p-browse_channels_page {
  .c-virtual_list__item:not(#browse_page_results__extra_ui) {
    &:active, &:focus {
      --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
      border-radius: 4px;
      box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
    }
  }

  .p-browse_channels_page__add-channel {
    align-self: flex-end;
    margin: 16px 20px 0;
  }
}

.p-browse_page_education_card {
  align-items: flex-start;
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-radius: 12px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  min-width: 180px;
  padding: 20px 0 24px 24px;
  position: relative;
}

.p-browse_page_education_card__content {
  flex: 1 1 0;
  padding-right: 24px;
}

.p-browse_page_education_card__title {
  margin-bottom: 12px;
  padding-right: 24px;
}

.p-browse_page_education_card__title_icon {
  margin-right: 4px;
}

.p-browse_page_education_card__close {
  position: absolute;
  right: 12px;
  top: 12px;
}

.p-browse_page_education_card__body {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;

  p:last-child {
    margin-bottom: 0;
  }
}

.p-browse_page_education_card__actions {
  margin-top: 20px;

  > :not(:first-child) {
    margin-left: 8px;
  }
}

.p-browse_page_education_card__image {
  padding-right: 60px;

  img {
    height: 150px;
  }
}

.p-browse_files_page__file {
  max-width: 100%;
}

.p-browse_files_page__empty_div {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 2px dashed var(--saf-0);
  border-radius: 8px;
  height: 90%;
  margin: 12px 20px;
}

.p-browse_files_page__file_icon {
  width: 40px;
}

.p-browse_files_page_channel_files_header {
  margin-left: 36px;
}

.p-browse_files_page_channel__add-file.margin_left_50 {
  align-self: flex-end;
  margin: 0 20px 8px auto;
}

.p-browse_page_tabs .c-tabs__tab_menu {
  padding-left: 12px;
}

.p-discount_seats_promo_people_banner {
  background-color: #e6dbe9;
  display: flex;
  gap: 8px;
  margin: 16px;
  padding: 16px;
}

.p-discount_seats_promo_people_banner__gift_box_img {
  height: -moz-fit-content;
  height: fit-content;
  width: 55px;
}

.p-discount_seats_promo_people_banner__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

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

.p-browse_people_page__invite {
  align-self: flex-end;
  margin: 16px 20px 0;
  padding: 8px;
}

.p-user_group_member_management__list {
  height: 330px;
}

.p-user_group_member_management__dialog_body {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.p-user_group_member_management__dialog_body--results-mode {
  border-bottom: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.p-user_group_member_management__search {
  padding: 0 24px 12px;
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.p-user_group_member_management__search--no_list_title {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

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

.p-user_group_member_management__row {
  align-items: center;
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  justify-content: space-between;
  padding: 12px 24px;
  width: 100%;
}

.p-user_group_member_management__row_button {
  position: absolute;
  right: 12px;
  top: 18px;
}

.p-user_group_member_management__row_container--active .p-user_group_member_management__row_button {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.p-user_group_member_management__row_member {
  width: 75%;
}

.p-user_group_member_management__empty {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.p-user_group_member_selector_loading_spinner_container {
  height: 148px;
  overflow: hidden;
}

.p-user_group_member_selector {
  margin: 4px 24px 24px;
}

.p-user_group_details__list {
  flex-grow: 1;
}

.p-user_group_details__name {
  word-wrap: break-word;
  font-size: 18px;
  font-weight: 900;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.33334;
}

.p-user_group_details__handle {
  word-wrap: break-word;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin-top: 4px;
}

.p-user_group_details__description {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-user_group_details__section {
  margin: 12px 16px;
  position: relative;
}

.p-user_group_details__actions {
  display: flex;
  justify-content: space-between;
}

.p-user_group_details__button--edit {
  width: 100%;
}

.p-user_group_details__button--options {
  margin-left: 8px;
  min-height: 36px;
  min-width: 36px;
}

.p-user_group_details__tab_container--sonic {
  flex: 1;
}

.p-user_group_details__tab_container--legacy {
  height: 100%;
}

.p-user_group_details__tab_container {
  margin-top: 12px;

  .c-tabs__tab_menu {
    padding: 0 16px;
  }
}

.p-user_group_details__list_item {
  &:not(.p-user_group_base_row__entity) {
    align-items: center;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    display: flex;
    height: 60px;
    justify-content: space-between;
    padding: 0 16px;
    width: 100%;

    &:hover {
      background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    }
  }

  &.c-member--medium {
    background-color: initial;
    border-bottom: none;
  }
}

.p-user_group_details__channel_purpose {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: block;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  overflow: hidden;
  padding-right: 48px;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-user_group_details__list_item_info {
  display: flex;
  flex-direction: column;
  position: relative;
  top: 2px;
  width: 100%;
}

.p-user_group_details__empty_list {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin: auto;
}

.p-user_group_details__empty_list_header {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  margin-bottom: 16px;
}

.p-user_group_details__empty_list_subtext {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: 16px;
  text-align: center;
}

.p-browse_page_user_group_entity__name {
  font-weight: 700;
}

.p-browse_page_user_group_entity__handle {
  margin-left: 8px;
}

.p-browse_page_user_group_entity__subtext {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-browse_page_user_group_entity__subtext__contents {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-browse_page_user_group_entity__subtext wbr, .p-browse_page_user_group_entity__subtext__contents wbr {
  display: none;
}

.p-user_group_base_row__list_item {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  width: 100%;

  &:focus, &:focus-within, &:hover {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

.p-user_group_base_row__list_item_option {
  margin-right: 8px;
  margin-top: 12px;
  position: absolute;
  right: 0;
  top: 0;
}

.p-user_group_base_row__list_btn {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  margin-right: 8px;

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

.p-user_group_base_row--active {
  animation: p-user_group_base_row--highlighter 1s ease-out;
}

@keyframes p-user_group_base_row--highlighter {
  0% {
    background: #0000;
  }

  10% {
    background: #f2c74433;
  }

  to {
    background: #0000;
  }
}

.p-user_group_row {
  padding: 12px 16px;
  width: 100%;

  &:hover {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

.p-user_group_row--inactive {
  cursor: default;

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

.p-user_group_row__handle {
  word-wrap: break-word;
  font-weight: 400;
  font-weight: 700;
  margin-right: 8px;
}

.p-user_group_row__count, .p-user_group_row__handle {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  line-height: 1.38463;
}

.p-user_group_row__count {
  display: inline-block;
  font-weight: 400;
}

.p-user_group_base_row__entity_group {
  cursor: pointer;
}

.p-user_group_list {
  flex: 1;
  font-size: 15px;
  font-weight: 400;
  height: 100%;
  line-height: 1.46668;
  min-height: 0;
}

.p-user_group_list__search {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  padding: 8px 16px;

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

.p-user_group_list__groups {
  height: 100%;
}

.p-user_group_list__context-menu-button:hover {
  color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
}

.p-user_group_list__empty_list {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 85%;
  justify-content: center;
  padding: 0 24px;
}

.p-user_group_list__empty_list_header {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  margin-bottom: 4px;
  max-width: 300px;
}

.p-user_group_list__empty_list_subtext {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: 16px;
  max-width: 300px;
  text-align: center;
}

.p-user_group_list__empty_search_results {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 16px;
}

.p-user_group_list__empty_search_results_subtext {
  word-wrap: break-word;
  margin-bottom: 16px;
  text-align: center;
  width: 100%;
}

.p-user_group_list__loading {
  font-size: 13px;
  font-style: italic;
  margin: 12px 0 24px;
}

.p-user_group_list__empty, .p-user_group_list__loading {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  text-align: center;
}

.p-user_group_list__empty {
  margin-top: 24px;
}

.p-user_group_details__list .c-virtual_list__item .p-user_group_base_row__list_item_option, .p-user_group_list .c-virtual_list__item .p-user_group_base_row__list_item_option {
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
}

.p-user_group_details__list {
  .c-virtual_list__item .p-user_group_row--context_menu_open .p-user_group_base_row__list_item_option, .c-virtual_list__item--focus .p-user_group_base_row__list_item_option, .c-virtual_list__item--focus-within .p-user_group_base_row__list_item_option, .c-virtual_list__item:hover .p-user_group_base_row__list_item_option {
    clip: auto;
    height: auto;
    overflow: visible;
  }
}

.p-user_group_list {
  .c-virtual_list__item .p-user_group_row--context_menu_open .p-user_group_base_row__list_item_option, .c-virtual_list__item--focus .p-user_group_base_row__list_item_option, .c-virtual_list__item--focus-within .p-user_group_base_row__list_item_option, .c-virtual_list__item:hover .p-user_group_base_row__list_item_option {
    clip: auto;
    height: auto;
    overflow: visible;
  }
}

.p-user_groups_flexpane_container {
  display: flex;
  flex-direction: column;
}

.p-user_group__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.p-user_group_create_form .c-lazy_filter_select__input_container.focus-ring {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-color: #0000;
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.p-browse_page_user_group {
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  padding-bottom: 4px;
  padding-top: 4px;

  &:active, &:hover {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    cursor: pointer;
  }
}

.c-virtual_list__item:last-child .p-browse_page_user_group {
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.p-browse_user_groups_page__loader {
  margin: 40px 0;
}

.p-browse_user_groups_page__add-user-group {
  align-self: flex-end;
  margin: 16px 20px 0;
}

.p-lists_new_modal__name_wrapper div {
  width: 100%;
}

.p-lists_new_modal__icon_button {
  --saf-0: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
  align-items: center;
  align-self: stretch;
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  margin-right: 4px;
  padding: 4px 2px;
  width: 40px;
}

.p-lists_new_modal__content.c-sk-modal_content {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.p-lists_new_modal__content_section {
  padding: 0 24px;
}

.p-lists_new_modal__description_wrapper {
  margin-top: 24px;
  --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);
  border-radius: 12px;
  padding: 16px;
}

.p-lists_new_modal__screenshots_wrapper {
  --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);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 24px;
  margin-top: 16px;
}

.p-lists_new_modal__description {
  font-weight: 400;
}

.p-lists_new_modal__screenshots {
  height: 290px;
}

.p-lists_new_modal__screenshots--img {
  border-radius: 8px;
}

.p-lists_new_modal__screenshots--loading {
  align-items: center;
  display: flex;
  height: 290px;
}

.p-lists_import_modal__step {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-lists_import_modal__upload_button_instructions {
  text-align: center;
}

.p-lists_import_modal__content {
  height: 297px;
  width: 100%;
}

.p-lists_import_modal__upload_button {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  border: 2px dashed var(--saf-0);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.p-lists_import_modal__upload_button--uploaded {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 2px solid var(--saf-0);
  cursor: pointer;
}

.p-lists_import_modal__upload_button_title {
  font-size: 18px;
  font-weight: 900;
  font-weight: 700;
  line-height: 1.33334;
}

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

.p-lists_import_modal__upload_button_subtitle {
  margin-top: 12px;
}

.p-lists_import_modal_file_picker {
  height: 100%;
  position: relative;
}

@keyframes overlayAnimation {
  0% {
    opacity: 0;
    transform: scale(0.85);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.p-lists_import_modal__drag_overlay {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 0.95);
  border: 2px solid var(--saf-0);
  border-radius: 8px;
  bottom: 0;
  cursor: grabbing;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 200;
}

.p-lists_import_modal__drag_overlay_icon {
  animation: overlayAnimation 80ms;
  height: 60px;
  width: 60px;
}

.p-lists_import_modal__primary_column_select {
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 4px;
  width: 225px;
}

.p-lists_import_modal__primary_column_rows {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  grid-gap: 1px;
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-radius: 2px;
  display: grid;
  grid-template-columns: auto;
  margin-top: 12px;
}

.p-lists_import_modal__primary_column_row {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  padding: 8px;

  &:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
  }
}

.p-lists_import_modal__primary_column_header_row {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  font-weight: 700;
  padding: 8px;
}

.p-lists_import_modal__step01, .p-lists_import_modal__step02, .p-lists_import_modal__step03, .p-lists_import_modal__step04 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.p-lists_import_modal__column_type_grid_label {
  font-weight: 700;
}

.p-lists_import_modal__column_type_row {
  padding-left: 8px;
}

.p-lists_import_modal__column_type_row_ex {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-lists_import_modal__column_type_row_select {
  margin-bottom: 12px;
  margin-top: 4px;
  width: 225px;
}

.p-lists_import_modal__step03 {
  overflow: auto;
}

.p-lists_import_modal__icon_button {
  --saf-0: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
  align-items: center;
  align-self: stretch;
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  margin-right: 4px;
  padding: 4px 2px;
  width: 40px;
}

.p-lists_import_modal__name_wrapper div {
  width: 100%;
}

.p-lists_import_modal__upload_animation {
  height: 150px;
  margin-top: -40px;
  width: 150px;
}

.p-lists_templates__header {
  text-align: center;
}

.p-lists_templates__title {
  font-weight: 900;
  margin-bottom: 8px;
}

.p-lists_templates__template_item_icon {
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 8px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  height: 36px;
  width: 36px;
}

.p-lists_templates__template {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  display: inline-block;
  height: 220px;
  margin: 8px 16px 8px 1.6px;
  width: 184px;

  &:hover {
    --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 #00000014;
  }
}

.p-lists_templates__template_body {
  padding: 8px 12px;
}

.p-lists_templates__template_content {
  display: flex;
  flex-direction: column;
  height: inherit;
  white-space: normal;
}

.p-lists_templates__template_card {
  display: flex;
}

.p-lists_templates__template_card_image {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.p-lists_templates__template_card_image_loading {
  height: 130px;
}

.p-list_entity {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  width: 100%;

  .c-base_entity__subtext {
    font-size: 13px;
  }
}

.p-list_entity__item_icon {
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 4px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  height: 36px;
  width: 36px;
}

.p-lists_browser_delete_button__item_action_delete.c-message_actions__button {
  color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
}

.p-lists_browser_page_content {
  display: flex;
  flex: 1 1 auto;
  flex-flow: column;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
}

.p-lists_browser_page {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  height: 100%;
}

.p-lists_browser__item {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  cursor: pointer;
  margin-bottom: 12px;
  position: relative;
  transition-duration: .1s;
  transition-property: border-color, box-shadow;
  width: 100%;

  &:hover {
    border-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.15);
    box-shadow: 0 1px 1px #0000000f;

    .p-lists_browser__item_actions {
      opacity: 1;
    }
  }

  .p-list_entity {
    border: none;
  }
}

.p-lists_browser__item_icon {
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 4px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  height: 36px;
  width: 36px;
}

.p-lists_browser__item_actions {
  position: absolute;
  right: 12px;
  top: 12px;

  svg {
    font-size: 20px;
  }
}

.p-lists_browser__nux_banner {
  background-color: #f4ede4;
  border-radius: 8px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.sk-client-theme--dark .p-lists_browser__nux_banner {
  background-color: #424345;
}

.p-lists_browser__nux_banner--text {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 400px;
  padding: 32px 0;

  p {
    font-size: 15px;
    padding-top: 8px;
  }
}

.p-lists_browser__nux_banner--img {
  padding-top: 16px;
}

.p-lists_browser__nux_banner--dismiss-button {
  align-self: start;
  margin-right: 16px;
  margin-top: 16px;
}

.p-lists_browser__nux_banner_content {
  display: flex;
  justify-content: space-between;
  padding: 0 8px 0 32px;
  width: 100%;
}

.p-lists_browser__nux_banner--minimal_mode .p-lists_browser__nux_banner--img {
  display: none;
}

.p-lists_browser__nux_banner_content_img {
  align-items: flex-end;
  display: flex;
}

.p-lists_browser-search_icon {
  left: -1px;
  margin-right: 8px;
  top: 2px;
}

.p-lists_browser-search_inline_hint {
  display: inline-block;
  margin-left: 4px;
  visibility: hidden;
}

.c-select_options_list__option--active .p-lists_browser-search_inline_hint {
  visibility: initial;
}

.p-lists_browser-search_input {
  margin: 20px 0;

  .p-browse_page_layout__input_container {
    padding: 0;
  }

  .c-select_input__content_text {
    padding-right: 8px;
    width: 100%;
  }

  .c-select_input__spinner {
    display: none;
  }
}

.p-lists_browser-search-selected {
  display: flex;
  justify-content: space-between;
}

.p-lists_browser-search-reset {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 15px;
}

.p-lists_browser__search_count {
  height: 28px;
  margin-bottom: 8px;
  padding: 0 8px;
}

.p-lists_browser__controls_row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

.p-lists_browser__controls__button {
  align-items: center;
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  font-weight: 400;
  height: 28px;
  padding: 0 8px;
  white-space: nowrap;

  &:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }
}

.p-lists_browser__controls__menu_item {
  padding-left: 36px;
}

.p-lists_browser__controls__menu_item--selected {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  padding-left: 8px;

  .c-menu_item__icon {
    color: inherit;
    margin-right: 8px;
  }
}

.c-menu_item__button--highlighted.p-lists_browser__controls__menu_item--selected {
  color: #fff;

  .c-menu_item__icon {
    color: inherit;
  }
}

.p-lists_browser__empty_state {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-top: 160px;

  p {
    margin-top: 16px;
  }
}

.p-lists_page_header__container {
  align-items: center;
  display: flex;
}

.p-lists_page_header__feedback_link {
  font-size: 14px;
  font-weight: 400;
  margin-right: 8px;
}

.p-lists_page_header {
  width: 100%;

  .p-list_header {
    padding-left: 0;
    padding-right: 0;
  }
}

.p-lists_new {
  margin-top: 24px;
  padding: 16px;
}

.p-lists_new__header {
  text-align: center;
}

.p-lists_new__templates {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

.p-lists_new__template {
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  display: flex;
  flex-direction: column;
  height: 200px;
  margin: 12px;
  width: 200px;
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);

  &:hover {
    --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 #00000014;
  }
}

.p-lists_new__template_header {
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  width: 100%;
}

.p-lists_new__template_body {
  padding: 12px;
}

.p-opportunities_data_sheet_grid {
  flex-grow: 1;

  .dsg-cell-header-container {
    align-items: center;
    display: flex;
  }

  .dsg-cell {
    padding: 4px;
    transition: background-color 0.2s;
  }
}

.p-opportunities_data_sheet_grid__row_locked {
  .dsg-cell {
    background-color: #fef9eb !important;
  }

  &.dsg-row:hover {
    .dsg-cell, .dsg-cell-active {
      background-color: #fef9eb !important;
    }
  }
}

.p-opportunities_data_sheet_grid__wrapper {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;

  .dsg-input .c-basic_container__body {
    left: -4px;
    top: -4px;
    width: calc(100% + 9px);
  }
}

.p-sales_home_page__icon {
  border-radius: 4px;
  height: 36px;
  margin-right: 8px;
  width: 36px;
}

.container__CkU\+H {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0);
  cursor: pointer;
  display: flex;
  flex-direction: column;
}

.workspaceIcon__UTOFP {
  border-radius: 8px 8px 0 0;

  &:after {
    border-radius: 8px 8px 0 0;
  }
}

.info__KZq9y {
  display: flex;
  flex-direction: column;
  padding: 16px;
  row-gap: 8px;
}

.workspaceName__q2CP2 {
  font-weight: 700;
  margin-bottom: 0;
}

.countEntity__LgEMZ, .hostTeamName__SW04w {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.container__CkU\+H:hover {
  .info__KZq9y {
    border-radius: 0 0 8px 8px;
    background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }

  .workspaceIcon__UTOFP:after {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }
}

.hostTeamName__SW04w, .workspaceName__q2CP2 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hostTeamName__SW04w wbr, .workspaceName__q2CP2 wbr {
  display: none;
}

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

.p-canvas_picker__content {
  .p-quip_files_page {
    min-height: 400px;
  }

  .c-pillow_file--clickable:hover {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }

  .p-quip_files_page-file_list_item--active .c-pillow_file {
    background-color: #1264a3;
    color: #fff;
  }
}

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

.p-canvas_picker__footer .c-sk-modal_footer_actions {
  display: flex;
  margin-left: unset;
  width: 100%;

  :nth-last-child(2) {
    margin-left: auto;
  }
}

.p-quip_insertion_toolbar {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #0000001a;
  display: flex;
  margin: 0 auto 18px;
  padding: 4px;
  transition-delay: .35s;
  transition-duration: .16s;
  transition-property: transform, opacity, visibility;
  transition-timing-function: cubic-bezier(0.36, 0.19, 0.29, 1);

  .p-quip_insertion_toolbar_inner {
    display: flex;
  }

  .p-quip-insertion_toolbar__separator {
    align-self: center;
    background: rgba(var(--sk_foreground_max, 29, 28, 29), 0.25);
    flex-shrink: 0;
    height: 20px;
    margin: 2px 6px;
    width: 1px;
  }

  .c-icon_button {
    height: 30px;
    margin: 5px;
    transition-duration: 80ms;
    transition-property: margin, padding;
    transition-timing-function: cubic-bezier(0.36, 0.19, 0.29, 1);
    width: 30px;

    svg {
      height: 20px;
      width: 20px;
    }
  }
}

@container quip-embed-wrapper (max-width: 600px) {
  .p-quip_insertion_toolbar {
    .c-icon_button {
      margin: 2px;
      padding: 2px;

      svg {
        height: 18px;
        width: 18px;
      }
    }

    .p-quip_insertion_toolbar_insertion_menu_trigger.c-icon_button {
      height: 24px;
      margin: 4px;
      width: 24px;

      svg {
        height: 15px;
        width: 15px;
      }
    }
  }
}

.p-quip_insertion_toolbar--hidden {
  opacity: 0;
  transform: translateY(4px);
  transition-delay: 0ms;
  visibility: hidden;
}

.p-quip_insertion_toolbar_formatting_menu, .p-quip_insertion_toolbar_menu {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #0000001f;
}

.p-quip_insertion_toolbar_formatting_menu .c-menu_item__button .c-menu_item__icon {
  margin-right: 8px;
}

.p-quip_insertion_toolbar_menu .c-menu_item__button {
  .c-menu_item__icon {
    margin-right: 8px;
  }

  padding: 0 24px 0 16px;
}

.p-quip_insertion_toolbar_formatting_menu {
  .c-menu_item__button {
    padding: 0 24px;
  }

  .c-menu_item__button--selected {
    &:not(:hover):not(.c-menu_item__button--highlighted) {
      color: rgba(var(--sk_highlight, 18, 100, 163), 1);

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

    &:before {
      content: '\E285';
      font-family: Slack v2;
      font-weight: 400;
      margin: 0 2px 0 -18px;
    }
  }
}

.p-quip_insertion_toolbar_insertion_menu_trigger.c-icon_button {
  background: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
  border-radius: 50%;
  transform-origin: center center;
  transition-duration: 80ms;
  transition-property: transform, margin, padding;
  transition-timing-function: cubic-bezier(0.36, 0.19, 0.29, 1);

  &:hover {
    background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }

  &:focus {
    border-radius: 50%;
  }

  &.p-quip_insertion_toolbar_insertion_menu_trigger--open {
    background: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
    transform: rotate(45deg);
  }
}

.p-quip_insertion_toolbar_formatting_menu_trigger.c-icon_button {
  &:after {
    background: currentColor;
    border-radius: 9999px;
    bottom: 4px;
    content: '';
    height: 1.5px;
    opacity: 0;
    position: absolute;
    transform: translateY(2px);
    transition: opacity 80ms;
    width: 75%;
  }

  &.p-quip_insertion_toolbar_formatting_menu_trigger--open:after {
    opacity: 1;
    transform: translateY(1px);
  }
}

@keyframes toggle-switch-pulse-inner {
  0%, 5% {
    opacity: 0;
  }

  60% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes toggle-switch-pulse-outer {
  0%, 5% {
    opacity: 0;
    transform: scale(1);
  }

  10%, 50% {
    opacity: 1;
  }

  95% {
    opacity: 0;
  }

  to {
    transform: scaleX(1.2) scaleY(1.3);
  }
}

.p-quip_insertion_toolbar_insertion_menu_trigger_blue_pulse.c-icon_button {
  background: #1264a3;
  color: #fff;

  &:hover {
    background: #1264a3;
    color: #fff;
  }

  &:after {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    border-radius: 32px;
    bottom: 0;
    content: '';
    opacity: 0;
    position: absolute;
    right: 0;
  }

  &:before {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    border-radius: 32px;
    bottom: 0;
    content: '';
    opacity: 0;
    position: absolute;
    right: 0;
    animation-name: toggle-switch-pulse-outer;
    will-change: transform;
  }

  &:after {
    animation-name: toggle-switch-pulse-inner;
    border: 3px solid #1264a3;
    box-shadow: 0 0 4px 4px #1264a34d;
    height: 100%;
    width: 100%;
  }
}

.p-quip_insertion_toolbar_insertion_menu_trigger_blue_pulse_no_animation.c-icon_button {
  background: #1264a3;
  color: #fff;

  &:hover {
    background: #1264a3;
    color: #fff;
  }
}

.p-quip_insertion_toolbar_nux {
  background: #1264a3;

  &.c-coachmark--top {
    &:after, &:before {
      border-top-color: #1264a3;
    }
  }

  &.c-coachmark--bottom-left {
    &:after, &:before {
      border-bottom-color: #1264a3;
    }
  }

  &.c-coachmark--left {
    &:after, &:before {
      border-left-color: #1264a3;
    }
  }

  &.c-coachmark--bottom {
    &:after, &:before {
      border-bottom-color: #1264a3;
    }
  }

  &.c-coachmark--right {
    &:after, &:before {
      border-right-color: #1264a3;
    }
  }

  .c-coachmarkv2__content {
    padding: 8px;
    text-align: center;
  }

  .c-coachmarkv2__title {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
  }
}

.p-quip_floating_formatting_bar {
  left: 0;
  position: absolute;
  top: 0;

  .p-composer__body--floating.p-composer__body--visible {
    animation-duration: .16s;
    animation-fill-mode: forwards;
    animation-name: quipFloatingFormattingBarInAnimation;
    animation-timing-function: cubic-bezier(0.36, 0.19, 0.29, 1);
  }

  .p-composer__button--floating.p-composer__select .c-select_button__icon--small {
    margin-left: 0;
    margin-right: 2px;
  }
}

@keyframes quipFloatingFormattingBarInAnimation {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.p-quip_empty_state {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  width: 100%;

  .p-quip_empty_state--empty_state {
    margin-bottom: 8px;
  }
}

.p-quip_system_messages__container {
  width: 100%;
}

.p-quip_system_messages {
  background-color: rgba(var(--sk_foreground_soft_solid, 243, 243, 243), 1);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

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

.p-quip_system_messages .c-link--button {
  padding: 0 4px;

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

.sk-client-theme--dark {
  .p-quip_system_messages--offline svg, .p-quip_system_messages--quipOffline svg {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }
}

.p-quip_system_messages--channelSpace {
  .p-quip_system_messages {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  .p-connection_info__text {
    white-space: normal;
  }
}

.p-quip_system_messages--slackConnect {
  background-color: #e8f5fa;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);

  .c-banner__text .p-connection_info {
    font-size: 15px;
    font-weight: 400;
    justify-content: center;
    line-height: 1.46668;
  }
}

.sk-client-theme--dark .p-quip_system_messages--slackConnect {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  color: #fff;

  .c-icon_button {
    color: #fff;
  }
}

.p-quip_system_messages__app_notifications_modal {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.p-quip_system_messages__app_notifications {
  display: flex;
  flex-direction: column;
  padding: 20px;
}

.p-quip_system_messages__app_notification {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 12px;
  margin-bottom: 12px;

  &:last-child {
    margin-bottom: 0;
  }
}

.p-quip_system_messages__app_notification__header {
  align-items: center;
  justify-content: center;
  padding: 12px 20px;

  .c-message_kit__gutter__right {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
  }
}

.p-quip_system_messages__app_notification__app_name {
  align-self: center;
  flex-grow: 1;
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;
}

.p-quip_system_messages__app_notification__close_btn {
  align-self: center;
}

.p-quip_system_messages__app_notification__content {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding: 0 20px 12px;

  .c-message_kit__blocks {
    margin-bottom: 0;
  }

  .c-message_attachment, .p-block_kit_renderer__block_wrapper {
    display: block;
  }

  .c-message_attachment .c-message_attachment__body {
    padding: 12px 0 0;
  }

  .c-message_attachment__body, .c-message_attachment__pretext, .p-rich_text_block {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
  }
}

.p-quip_system_messages__app_notification--message_attachment {
  max-width: 100%;

  > .c-message_attachment {
    max-width: 100%;
  }
}

.p-quip_system_messages__app_notifications--empty {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-quip_system_messages__app_notifications--empty_image {
  width: 86px;
}

.p-activity_history__date_divider {
  font-weight: 700;
  padding: 8px 12px;
}

.p-activity_history__time_divider {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-bottom: none;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.p-activity_history__time_continuation, .p-activity_history__time_divider {
  background-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  padding: 12px 20px 8px 12px;
}

.p-activity_history__time_continuation {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 1px solid var(--saf-0);
  border-bottom: none;
}

.p-activity_history__version {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 1px solid var(--saf-0);
  border-bottom: none;
  background-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  border-top: none;
  cursor: pointer;
  display: flex;
}

.p-activity_history__unselected_version {
  display: flex;
  padding: 4px 12px;
  width: 100%;

  &:hover {
    background-color: rgba(var(--sk_foreground_soft_solid, 243, 243, 243), 1);
    border-radius: 6px;
    margin: 0 8px;
    padding: 4px;

    .p-activity_history__author_name {
      text-decoration: underline;
    }

    &:active {
      background-color: #1264a3;
      color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);

      .p-activity_history__author_name {
        text-decoration: none;
      }
    }
  }
}

.p-activity_history__selected_version, .p-activity_history__unselected_version:hover:active .p-activity_history__version_time {
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
}

.p-activity_history__selected_version {
  background-color: #1264a3;
  border-radius: 6px;
  display: flex;
  margin: 0 8px;
  padding: 4px;
  width: 100%;

  .p-activity_history__version_time {
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  }
}

.p-activity_history__version_last {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  padding-bottom: 8px;
}

.p-activity_history__last_divider {
  padding-bottom: 8px;
}

.p-activity_history__author_name {
  font-weight: 700;
  padding-left: 12px;
}

.p-activity_history__version_time {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  margin-left: auto;
  padding-right: 4px;
}

.p-activity_history_header {
  display: flex;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  width: 100%;
}

.p-activity_history_header__info {
  margin-right: 12px;
}

.p-activity_history_header__right {
  align-items: center;
  display: flex;
  justify-content: left;
  margin-left: auto;
}

.p-activity_history__floating_bar {
  width: 100%;
}

.p-activity_history__floating_bar__text {
  margin-bottom: 12px;
  margin-top: 8px;
}

.p-activity_history__floating_bar__button-wrapper, .p-activity_history__floating_bar__locked_text {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -12px;
  margin-top: -12px;
}

.p-activity_history__floating_bar__button-wrapper > *, .p-activity_history__floating_bar__locked_text > * {
  margin-left: 12px;
  margin-top: 12px;
}

.p-activity_history__floating_bar__preview {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 24px 30px;
  text-align: center;
}

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

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

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

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

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

.p-activity_history__floating_bar__toast {
  bottom: 0;
  position: fixed;
  right: 0;
}

.p-activity_history__error {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  text-align: center;
}

.p-activity_history__error_header {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  margin-bottom: 4px;
}

.p-activity_history__error_body {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: 16px;
}

.p-activity_history__error_emoji {
  .c-emoji {
    height: 64px;
    margin-bottom: 16px;
    width: 64px;
  }

  .emoji-sizer {
    font-size: 64px;
    margin-bottom: 16px;
  }
}

.p-quip_find_modal {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 201;
}

.p-quip_find_modal__card {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  box-shadow: 0 0 5px #00000026;
  padding: 12px 14px 9px;
  width: 360px;
}

.p-quip_find_modal__results_text {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  flex-direction: column;
  font-size: 14px;
  justify-content: center;
  margin-right: 5px;
  vertical-align: middle;
}

.p-quip_find_modal__find_query_input {
  position: relative;

  .c-label__text {
    margin-bottom: 3px;
  }

  input {
    margin-bottom: 8px;
    padding-right: 70px;
  }
}

.p-quip_find_modal__navigation_buttons {
  display: flex;
  flex-direction: row;
  position: absolute;
  right: 2px;
  top: 35px;
}

.p-quip_find_modal__results {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
}

.p-quip_find_modal__replace_input {
  margin-top: 8px;
  position: relative;

  .c-label__text {
    margin-bottom: 3px;
  }
}

.p-quip_find_modal__dismiss_replace {
  position: absolute;
  right: -5px;
  top: -7px;
}

.p-quip_find_modal__replace_button_block {
  overflow: auto;
  width: 100%;
}

.p-quip_find_modal_replace_buttons {
  display: flex;
  flex-direction: row;
  float: right;
  margin-bottom: 3px;

  > :not(:last-child) {
    margin-right: 10px;
  }
}

.p-quip_find_modal__close_button {
  position: absolute;
  right: 10px;
  top: 7px;
}

.p-quip_embed {
  --quipBackground: var(--sk_primary_background, 255, 255, 255);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  contain: layout;
  height: 100%;
  width: 100%;
}

[data-optimistic-renders] .p-quip_embed__optimistic_card {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 12px;
  box-shadow: 0 0 0 1px var(--saf-0);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  margin-bottom: 20px;
}

.p-quip_embed__top_banners {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  left: 16px;
  position: absolute;
  right: 16px;
  top: 23px;
  width: calc(100% - 32px);
  z-index: 201;
}

.p-quip_embed__warning-banner {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  min-height: auto;
}

.p-quip_embed__bottom_toolbars {
  bottom: 0;
  display: flex;
  flex-direction: column;
  pointer-events: none;
  position: absolute;
  width: 100%;

  .p-activity_history__floating_bar__preview, .p-quip_insertion_toolbar, .p-quip_system_messages__container {
    pointer-events: auto;
  }
}

.p-quip_embed__wrapper {
  container: quip-embed-wrapper/size;
  height: 100%;
}

.p-quip_title__title_container {
  display: flex;
}

.p-quip_title__title {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.5rem;
  margin-right: 8px;
}

.p-quip_title__subtitle {
  font-size: 13px;
  font-weight: 400;
  margin: 0 8px;
}

.p-quip_title__tooltip {
  text-align: center;
}

.p-quip_title__channel_name {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: block;
  overflow: hidden;
  padding-top: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-quip_title__tooltip__subtitle {
  color: #ddd;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-quip_title__file_viewers {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  border: 1px solid var(--saf-0);
  border-radius: 16px;
  display: flex;
  justify-content: center;
  margin-left: auto;
  padding: 4px;

  .c-avatar {
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 16px;
    box-shadow: 0 0 0 2px var(--saf-0);
    margin-right: -4px;

    &:last-child {
      z-index: 1;
    }

    &:nth-last-child(2) {
      z-index: 2;
    }

    &:nth-last-child(3) {
      z-index: 3;
    }

    &:last-child {
      margin-right: 0;
    }
  }

  .c-base_icon--image {
    border-radius: 100%;
  }
}

.p-quip_title__file_viewers__presence_indicator {
  border-radius: 100%;
  height: 8px;
  margin-left: 6px;
  margin-right: 6px;
  width: 8px;
}

.p-quip_title__file_viewers__additional_users {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 700;
  margin-left: 6px;
  margin-right: 6px;
}

.p-quip_title__file_viewers__user_count {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin-right: 6px;
}

.p-quip_title__shares {
  display: flex;
  overflow: hidden;

  > * {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.p-quip_title__share_locations__additional_count {
  padding-left: 4px;
}

.p-quip_title__actions__divider {
  border-left: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  height: 24px;
  margin: 0 4px;
}

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

.p-quip_title__quip_path_part__permalink {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  top: unset;

  &:active, &:focus, &:hover {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
    text-decoration: none;
  }
}

.p-quip_title__access_indicator_button {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
}

.p-quip_title__access_indicator_menu {
  padding: 4px 24px;

  .c-inline_channel_icon--space {
    margin-right: 0;
  }

  .c-button {
    margin-top: 12px;
    width: 100%;
  }
}

.p-quip_title__access_indicator_locked_edits {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-weight: 400;
  margin-right: 10px;
}

.p-quip_flexpane__header_actions_divider {
  border-left: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  height: 24px;
  margin: 0 4px;
}

.p-quip_flexpane {
  .p-view_header {
    box-shadow: none;
    width: 100%;
  }

  .p-quip_flexpane__title {
    align-items: center;
    display: flex;
    width: 100%;

    .p-quip_flexpane__title__text {
      margin-right: auto;
    }
  }

  .p-flexpane__title_container {
    width: 100%;
  }
}

.p-quip_flexpane--quip_canvas_sideview {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  height: 100%;
  position: relative;
  width: 100%;

  .p-quip_flexpane--quip_canvas_sideview__channel_name {
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    wbr {
      display: none;
    }
  }

  .p-quip_flexpane--quip_canvas_sideview__permalink {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    display: inherit;
    padding: 0 4px;

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

    &:focus:hover, &:hover:hover {
      text-decoration: none;
    }
  }

  .p-quip_flexpane--quip_canvas_sideview__body {
    container: quip-flexpane/size;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    height: 100%;
    position: relative;
  }

  .p-quip_flexpane--quip_canvas_sideview__body__actions {
    position: absolute;
    right: 12px;
    right: 8px;
    top: 12px;
    top: 8px;
    transition: opacity .1s;
    z-index: 1;
  }

  .p-quip_flexpane--quip_canvas_sideview__body:hover .p-quip_flexpane--quip_canvas_sideview__body__actions {
    opacity: 1;
  }

  .parts-screen-body {
    height: 100%;
  }

  .parts-screen {
    border-radius: 8px;
  }

  .p-quip_insertion_toolbar {
    margin-bottom: 24px;
  }

  .p-quip_embed {
    border-radius: 8px;
  }

  .p-bookmarks_bar_container {
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    padding-top: 4px;
    position: relative;
  }

  .p-bookmarks_bar__pins_popover_button_wrapper {
    display: none;
  }
}

.p-quip_flexpane--quip_canvas_alt {
  .p-flexpane_header {
    box-shadow: none;
  }

  .p-quip_insertion_toolbar {
    align-items: center;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 0;
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    bottom: 50px;
    display: flex;
    height: 50px;
    left: 0;
    margin: 0 auto;
    padding: 4px;
    position: relative;
    transform: none;
    width: 100%;

    .p-quip_insertion_toolbar_inner {
      margin-left: auto;
      margin-right: auto;
    }

    .c-icon_button {
      background: none;
      color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
      font-size: 20px;
      margin: 16px;

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

    .p-quip-insertion_toolbar__separator {
      display: none;
    }
  }

  .p-quip_embed--toolbar-visible .parts-screen-body {
    margin-bottom: 50px;
  }
}

.p-quip_flexpane--channel {
  .p-view_header {
    padding-left: 2px;
  }

  .p-flexpane_header__primary {
    height: 50px;
  }

  .p-flexpane_header {
    z-index: 202;
  }
}

.p-quip_flexpane__primary_reduce.c-icon_button {
  margin-left: 8px;
  background: rgba(var(--sk_highlight, 18, 100, 163), 1);
  color: #fff;

  &:hover {
    background: rgba(var(--sk_highlight, 18, 100, 163), 1);
    color: #fff;
  }
}

.p-quip_flexpane__channel {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;

  .p-file_drag_drop__container {
    justify-content: flex-end;
  }
}

.p-quip_flexpane_reverse_icon {
  transform: rotate(90deg);
}

.p-quip_flexpane__comment_stream_icon {
  background: #0000;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);

  &[disabled] {
    background-color: initial;
    color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);

    &:hover {
      background-color: initial;
      color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    }
  }

  &[aria-pressed=true] {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);

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

  > svg {
    height: 20px;
    width: 20px;
  }
}

.p-quip_flexpane__action_items {
  align-items: center;
  display: flex;

  .p-quip_flexpane__share_button {
    margin-right: 8px;
    padding: 0 8px;
  }

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

.p-quip_flexpane__last_updated_reminder {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  font-size: 13px;
}

.p-quip_overflow_actions__app_notifications--container {
  align-items: center;
  display: flex;
  flex-direction: row;
}

.p-quip_overflow_actions__app_notifications--label {
  flex-grow: 1;
}

.p-quip_overflow_actions__menu .c-menu_item__shortcut {
  padding-left: 32px;
}

.p-quip_overflow_actions__a11y_read_only_menu_item {
  .c-menu_item__checkmark {
    top: -16px;
  }

  .c-menu_item__description {
    white-space: normal;
  }
}

.p-quip_presence_facepile {
  display: flex;

  .p-quip_presence_facepile__faces {
    display: flex;
    flex-direction: row-reverse;
  }

  .p-quip_presence_facepile__face {
    align-items: center;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 4px;
    display: flex;
    height: 28px;
    justify-content: center;
    margin-left: -6px;
    width: 28px;
    z-index: 1;

    &:last-child {
      margin-left: 0;
    }
  }

  .p-quip_presence_facepile__count {
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    align-items: center;
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 2px solid var(--saf-0);
    border-radius: 4px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    display: flex;
    flex-direction: column;
    font-size: 13px;
    font-weight: 400;
    font-weight: 700;
    justify-content: center;
    line-height: 1.38463;
    margin-left: -6px;
    min-width: 28px;

    &.p-quip_presence_facepile__count--wide {
      min-width: 38px;
    }
  }

  &.p-quip_presence_facepile--round {
    .c-base_icon__width_only_container, .p-quip_presence_facepile__count, .p-quip_presence_facepile__face {
      border-radius: 24px;
    }
  }
}

.p-canvas_notes {
  border-radius: 8px;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;

  .p-quip_find_modal {
    top: 55px;
  }
}

.p-canvas_notes__buttons {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  display: flex;
  justify-content: space-between;
  left: 16px;
  padding-top: 16px;
  position: absolute;
  top: 0;
  width: calc(100% - 32px);
}

.p-canvas_notes--hide_toolbar .p-quip_insertion_toolbar {
  display: none;
}

.p-canvas_notes__group {
  align-items: center;
  display: flex;
}

.p-file_flexpane__content {
  height: 100%;
}

.p-file_details {
  line-height: 1.4;
  padding: 16px;
  -webkit-user-select: text;
  user-select: text;
}

.p-file_details__preview {
  display: flow-root;
  margin-bottom: 16px;

  .p-file_image_thumbnail__image {
    max-width: 100%;
  }
}

.p-file_details__meta_container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.p-workspace__secondary_view--tiny .p-file_details__meta_container {
  flex-direction: column;

  .c-file__actions {
    align-self: flex-end;
    margin-top: 4px;
  }
}

.p-file_details__name {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: block;
  font-size: 15px;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-file_details__user_meta {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
}

.p-file_details__user_link {
  display: block;
  overflow: hidden;
  padding-right: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }

  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-weight: 700;

  &:link, &:visited {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-weight: 700;
  }
}

.p-file_details__meta {
  min-width: 0;
}

.p-file_details__private, .p-file_details__upload_date {
  flex-basis: 100%;
}

.p-file_details__ip_warning {
  margin-bottom: 8px;
}

.p-file_details__meta--show_filename .p-file_details__upload_date {
  flex-basis: auto;
}

.p-file_details__meta_container {
  .c-file__actions {
    flex-shrink: 0;
    opacity: 1;
  }

  .c-file__action_button {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);

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

    &:after {
      border: none;
    }

    &:active {
      box-shadow: none;
    }
  }

  .active .c-file__action_button {
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
  }
}

.p-file_details__caption {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin: 8px 0;
}

.p-file_details__share_divider {
  display: flex;
  margin-bottom: 12px;

  span {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    flex-shrink: 0;
    font-size: 13px;
    margin-right: 10px;
  }

  hr {
    border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    margin: auto;
    width: 100%;
  }
}

.p-file_details__share {
  margin-bottom: 12px;

  .c-infinite_spinner {
    display: inline-flex;
    left: 4px;
    top: 4px;
  }
}

.p-file_details__share_channel_link {
  flex: 1 1 auto;
  overflow: hidden;

  &:hover {
    text-decoration: none;
  }
}

.p-file_details__share_channel {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: inline-flex;

  &:hover .c-base_entity__text-contents {
    text-decoration: underline;
  }
}

.p-file_details__share_metadata {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: block;
  font-size: 12px;
  margin-left: 28px;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

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

.p-file_details__share_metadata_dot {
  margin: 0 4px;
}

.p-file_details__error, .p-file_details__tombstone {
  margin-top: 40px;
  text-align: center;
}

.p-file_details__error_header {
  font-size: 20px;
  font-weight: 700;
}

.p-file_details__unshare_button {
  flex: 0 0 auto;
  margin-left: 8px;
}

.p-file_details__channel_line {
  display: flex;
}

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

.p-file_details__channel_line .c-small_channel_entity {
  width: 100%;
}

.p-file_details__tombstone_icon {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  display: inline-block;
  font-size: 36px;
  margin-bottom: 12px;
  text-align: center;
}

.p-file_details__comments {
  font-size: 15px;
  margin-bottom: 12px;
  margin-top: 12px;
}

.p-file_details__comment_separator {
  color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.p-file_flexpane {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

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

.p-user_group_list__header {
  display: flex;
}

.p-file_flexpane__body {
  display: flex;
  flex-direction: column;
}

@keyframes hoverNameFade {
  2% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-canvas_participant_detail {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  display: flex;
  flex-direction: column;
  height: 100%;

  [data-qa=member_profile_huddle_btn] {
    display: none;
  }
}

.p-canvas_participant_detail__header {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  box-shadow: 0 1px 0 0 var(--saf-0);
  display: flex;
  height: 52px;
  padding: 0 12px 0 16px;

  .p-canvas_participant_detail__header__content {
    flex: 1;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.33334;
    margin-right: auto;
  }

  .p-canvas_participant_detail__back_button {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    font-size: 20px;
    margin-right: 8px;
  }

  .p-canvas_participant_detail__close_button {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    font-size: 20px;
  }
}

.p-canvas_participant_detail--compact_mode .p-canvas_participant_detail__header {
  height: 46px;
}

.p-canvas_participant_detail__content {
  flex: 1;
}

.c-profile_image__img_container {
  border-radius: 6px;
  margin: 16px;
  max-width: 256px;
  overflow: hidden;
  position: relative;

  &:after {
    border-radius: 6px;
    bottom: 0;
    box-shadow: inset 0 0 0 1px #0000000d;
    content: '';
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
  }
}

.c-profile_image__circle {
  border-radius: 50%;
}

.c-profile_image__img {
  display: block;
  width: 100%;
}

.p-member_profile_restriction {
  align-items: center;
  background-color: #1d1c1de6;
  color: #fff;
  display: flex;
  height: 36px;
  padding: 8px 16px;

  &:active, &:focus, &:hover {
    color: #fff;
  }
}

.p-member_profile_restriction__text {
  display: block;
  flex: 1;
  font-size: 13px;
  font-weight: 900;
  margin-right: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-member_profile_restriction__icon {
  margin-right: 4px;
}

.p-member_profile_restriction__team_icon {
  margin-right: 8px;
}

.p-member_profile_name__title {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  word-break: break-word;
}

.p-member_profile_name__subtitle {
  word-break: break-word;
}

.p-member_profile_name__pronouns {
  margin-bottom: 12px;
}

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

  &:focus {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    text-decoration: underline;
  }

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

.p-member_profile_name__link--with_pronouns, .p-member_profile_name__text {
  padding-right: 12px;
}

.p-member_profile_name__text--no_presence {
  padding-right: 0;
}

.p-member_profile_name__presence {
  display: inline;
}

.p-member_profile_name__on_slack:before {
  color: #4a154b;
  content: '\E506';
  padding: 0 3px 0 0;
}

.p-member_profile_field {
  display: flex;
  padding: 8px 16px;
  position: relative;

  &.p-member_profile_field--keyboard .p-member_profile_field__secondary, &:hover .p-member_profile_field__secondary {
    display: block;
  }

  &.p-member_profile_field__label--hidden {
    padding-top: 0;

    .p-member_profile_field__secondary {
      top: 0;
    }
  }
}

.p-member_profile_field__primary {
  flex: 1;
  min-width: 0;
}

.p-member_profile_field__secondary {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  display: none;
  position: absolute;
  right: 16px;
  top: 16px;
}

.p-member_profile_field__interactable:focus {
  text-decoration: underline;
}

.p-member_profile_field__label {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
}

.p-member_profile_field__value {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-member_profile_field__value--wrap {
  white-space: normal;
}

.p-member_profile_field__status_container {
  max-width: 100%;
}

.p-member_profile_field__status {
  display: block;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-member_profile_field__status_expiration {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 240px;

  wbr {
    display: none;
  }
}

.p-member_profile_field__list {
  margin: 0;
}

.p-member_profile_field__list_item {
  list-style-type: none;
  margin: 0;
}

.p-member_phone_field__menu_open .p-member_profile_field__secondary {
  display: block;
}

.p-member_phone_field__calls_button {
  min-width: auto;
}

.p-ia_member_profile__details {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.p-ia_member_profile__avatar__img_restriction {
  bottom: 0;
  padding-left: 12px;
  position: absolute;
  width: 100%;
}

.p-ia_member_profile__name {
  margin: 0 16px;
  text-align: center;

  .p-member_profile_name__title {
    font-size: 18px;
    font-weight: 900;
    line-height: 1.33334;
    margin-bottom: 2px;
  }
}

.p-ia_member_profile__status__wrapper {
  max-width: 100%;
  overflow-wrap: anywhere;
  padding: 0 36px;
  position: relative;

  &:not(:hover) .p-ia_member_profile__status__clear:not(:focus) {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    -webkit-user-select: none;
    user-select: none;
    width: 1px;
  }
}

.p-ia_member_profile__status {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin: 4px 0;
  text-align: center;
}

.p-ia_member_profile__status__clear {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  position: absolute;
  right: 0;
  top: 40%;
  transform: translateY(-50%);
}

.p-ia_member_profile__fields {
  align-self: stretch;
  margin-top: 16px;
}

.p-ia_member_profile__actions {
  margin: 16px 16px 20px;
}

.p-rimeto_member_profile_field {
  display: flex;
  padding: 8px 0;
  position: relative;

  &:first-child {
    padding-top: 0;
  }

  &:last-child {
    padding-bottom: 0;
  }

  &.p-rimeto_member_profile_field--keyboard .p-rimeto_member_profile_field__secondary, &:hover .p-rimeto_member_profile_field__secondary {
    display: block;
  }

  &.p-rimeto_member_profile_field__label--hidden {
    padding-top: 0;

    .p-rimeto_member_profile_field__secondary {
      top: 0;
    }
  }
}

.p-rimeto_member_profile_field__primary {
  flex: 1;
  min-width: 0;
}

.p-rimeto_member_profile_field__secondary {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  display: none;
  position: absolute;
  right: 16px;
  top: 16px;
}

.p-rimeto_member_profile_field__interactable:focus {
  text-decoration: underline;
}

.p-rimeto_member_profile_field__label {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
}

.p-rimeto_member_profile_field__value {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  white-space: inherit;

  wbr {
    display: none;
  }
}

.p-rimeto_member_profile_field__status_container {
  max-width: 100%;
}

.p-rimeto_member_profile_field__status {
  display: block;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-rimeto_member_profile_field__status_expiration {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 240px;

  wbr {
    display: none;
  }
}

.p-rimeto_member_profile_field__list {
  margin: 0;
}

.p-rimeto_member_profile_field__list_item {
  list-style-type: none;
  margin: 0;
}

.p-rimeto_member_profile_field_key_peoples__label--hidden {
  padding: 0 16px 12px;

  .p-rimeto_member_profile_field__secondary {
    top: 0;
  }
}

.p-rimeto_member_profile_field_key_peoples__label {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  padding: '12px 16px';
}

.p-rimeto_member_profile_field_key_peoples__value {
  display: block;
  max-width: 100%;
  overflow: hidden;
  padding: '0px 0px 10px 16px';
  text-overflow: ellipsis;
  white-space: nowrap;
  white-space: inherit;

  wbr {
    display: none;
  }
}

.p-rimeto_member_profile_field_tags__label {
  margin-bottom: 8px;
}

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

.p-rimeto_member_profile_field__contact_info {
  display: flex;
  overflow-wrap: anywhere;
  padding: 8px 0;
  width: 100%;

  .p-rimeto_member_profile_field {
    padding: 0;
  }

  &:first-child {
    padding-top: 0;
  }

  &:last-child {
    padding-bottom: 0;
  }

  &:hover .p-rimeto_member_profile_field__copy {
    visibility: visible;
  }
}

.p-rimeto_member_profile_field__contact_icon {
  align-self: center;
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-radius: 4px;
  margin-right: 8px;
  padding: 7px 8px;
}

.p-rimeto_member_profile_field__copy {
  align-self: center;
  margin-left: auto;
  visibility: hidden;
}

.p-rimeto_people_celebration_caption {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-r_member_profile__container {
  align-items: center;
  display: flex;
  flex-direction: column;

  &.interaction_disabled {
    pointer-events: none;

    .audio_name_pronunciation, .c-rich_text_expand_button, .profile_tags_element_expand_link {
      pointer-events: auto;
    }
  }
}

.p-r_member_profile__avatar_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 288px;
  padding: 16px 16px 0;
  width: 100%;
}

.p-r_member_profile__avatar__img_container {
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 8px;
  height: 0;
  overflow: hidden;
  padding-top: 100%;
  position: relative;
  width: 100%;

  &:after {
    border-radius: 6px;
    bottom: 0;
    box-shadow: inset 0 0 0 1px #1d1c1d0d;
    content: '';
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
  }

  &.p-r_member_profile_avatar_img_container--hidden_user {
    background-color: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  }
}

.p-r_member_profile__avatar__celebration_wrapper {
  height: 340px;
  position: relative;
  width: 100%;
}

.p-r_member_profile__avatar__celebration_content {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.p-r_member_profile__avatar__celebration_animation {
  display: flex;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}

.p-r_member_profile__avatar__celebration_title {
  color: #4a154b;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33334;
  text-align: center;
}

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

.p-r_member_profile__avatar__anniversary_subtitle {
  color: #4a154b;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  text-align: center;
}

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

.p-r_member_profile__avatar__anniversary_container {
  background-attachment: fixed;
  background-color: #ffebb0;
  background-image: url(./left-flags-b2b9b6a.svg), url(./right-flags-f8f2182.svg), url(./confetti-bd18368.svg);
  background-position: 0 0, 100% 0, 50%;
  background-repeat: no-repeat;
  height: 176px;
  width: 100%;
}

.sk-client-theme--dark .p-r_member_profile__avatar__anniversary_container {
  background-color: #4a154b;
}

.p-r_member_profile__avatar__new_hire_container {
  background-color: #ffebb0;
  background-image: url(./left-hands-d32bdf4.svg), url(./right-hands-7d28f00.svg);
  background-position: 0 100%, 100% 100%;
  background-repeat: no-repeat;
  height: 176px;
  width: 100%;
}

.sk-client-theme--dark .p-r_member_profile__avatar__new_hire_container {
  background-color: #4a154b;
}

.p-r_member_profile__avatar__img--hidden_user {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.p-r_member_profile__avatar__img {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.p-r_member_profile__avatar__img_restriction {
  border-radius: 0 0 6px 6px;
  bottom: 0;
  padding-left: 12px;
  position: absolute;
  width: 100%;
}

.p-r_member_profile__avatar__upload_photo_cta {
  position: absolute;
  right: 8px;
  top: 8px;
}

.p-r_member_profile__name {
  align-items: center;
  display: flex;
  margin-top: -4px;
}

.p-r_member_profile__name__text {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
}

.p-r_member_profile__name__edit {
  font-weight: 700;
  margin-left: auto;
}

.p-r_member_profile__subtitle {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.50001;
  word-break: break-word;
}

.p-r_member_profile__buttons {
  display: flex;
  justify-content: center;
  width: 100%;
}

.p-r_member_profile__buttons-revised-style {
  max-width: 367px;
}

.p-r_member_profile__buttons_vop {
  display: flex;
  justify-content: center;
  margin-top: 16px;
  overflow: inherit;
  width: 100%;
}

.p-r_member_profile_name_pronunciation--unstyled_button {
  height: 30px;
  width: 30px;
}

.p-r_member_profile--link.p-r_member_profile--link {
  background: none;
  color: inherit;
  display: block;
  margin-top: 12px;

  &:first-child {
    margin-top: 0;
  }

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

  img:hover {
    cursor: pointer;
  }

  .c-member__primary_content:hover {
    text-decoration: underline;
  }
}

.p-r_member_profile_channel--link {
  background: none;
  color: inherit;
  display: block;
  margin-top: 6px;

  &:first-child {
    margin-top: 0;
  }

  &:hover {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    text-decoration: none;
  }
}

.p-r_member_profile_scim_people__org_chart_link {
  margin-bottom: 8px;
}

.p-r_member_profile_scim_people__org_chart_button {
  display: block;
  margin-bottom: 16px;
  margin-top: 8px;
}

.p-r_member_profile_section_content .p-r_member_profile_scim_people__org_chart_button:last-child {
  margin-bottom: 0;
}

.p-r_member_profile_channel--name {
  margin-left: 8px;
}

.p-r_member_profile--subsection {
  padding-bottom: 6px;
  padding-top: 10px;

  &:first-child {
    padding-top: 0;
  }
}

.p-r_member_profile_info_icon {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 0.85);
  margin-left: 4px;
}

.p-r_member_profile_section {
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 16px;
  width: 100%;

  &:first-child, &:nth-child(2) {
    border: none;
  }

  &:last-child {
    padding-bottom: 24px;
  }
}

.p-r_member_profile_section_legacy_data {
  padding: 8px 0 0;
}

.p-r_member_profile_centered_section {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
}

.p-r_member_profile_list_entity {
  padding: 0;
}

.p-r_member_profile_section_header {
  align-items: center;
  display: flex;
  font-size: 15px;
  font-weight: 900;
  margin-bottom: 16px;
}

.p-r_member_profile_section_header-app {
  align-items: center;
}

.p-r_member_profile_people_section_header {
  margin-bottom: 8px;
}

.p-r_member_profile_section_content_item {
  display: block;
  margin-top: 8px;

  &:first-child {
    margin-top: 0;
  }
}

.p-r_member_profile_entity__title {
  font-size: 13px;
  white-space: normal;
}

.p-r_member_profile__people_section_list {
  display: flex;
  flex-direction: column;
}

.p-r_member_profile__presence_row {
  display: flex;
}

.p-r_member_profile__status {
  .p-ia_member_profile__status {
    color: unset;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.46668;
    margin: 0;
    text-align: left;

    &.display_flex {
      display: flex;

      .c-emoji--inline {
        &.c-emoji__medium img {
          height: 20px;
          width: 20px;
        }

        img {
          position: static;
        }
      }

      .p-huddle_status_icon {
        margin-bottom: 4px;
      }
    }
  }

  .p-ia_member_profile__status__wrapper {
    padding: 0;
  }
}

.p-r_member_profile__flexpane_header_name-enter {
  transform: translateY(100%);
}

.p-r_member_profile__flexpane_header_name-enter-active {
  transform: translateY(0);
  transition: transform 0.16s;
}

.p-r_member_profile__flexpane_header_name-exit {
  transform: translateY(0);
}

.p-r_member_profile__flexpane_header_name-exit-active {
  transform: translateY(-100%);
  transition: transform 0.16s;
}

.p-r_member_profile_platform_blockkit {
  height: 100%;
  -webkit-user-select: text;
  user-select: text;
  width: 100%;
}

.supports_custom_scrollbar .p-r_member_profile_platform_blockkit {
  border-right: 0.25rem solid #0000;

  &::-webkit-scrollbar {
    -webkit-appearance: none;
    position: absolute;
    width: 8px;
  }

  &::-webkit-scrollbar-thumb {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
  }

  &::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
    background: #0000;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
  }

  &::-webkit-scrollbar-thumb {
    background: #0000;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px;
  }

  &::-webkit-scrollbar-corner {
    background: #0000;
  }

  &:hover {
    border-right: 0.25rem solid #0000;

    &::-webkit-scrollbar {
      -webkit-appearance: none;
      position: absolute;
      width: 8px;
    }

    &::-webkit-scrollbar-thumb {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
    }

    &::-webkit-scrollbar-track {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
      background: #0000;
      box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
    }

    &::-webkit-scrollbar-thumb {
      background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.52);
      box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
      min-height: 36px;
    }

    &::-webkit-scrollbar-corner {
      background: #0000;
    }
  }
}

.p-r_member_profile_platform_app_badge {
  margin-left: 4px;
}

.p-r_member_profile_platform_app_photo {
  margin-right: 4px;
}

.p-r_member_profile_name_pronunciation--volume:hover {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
}

.p-r_member_profile--add-pronunciation-btn {
  color: #1d9bd1;
}

.p-r_member_profile--animated-sound-icon {
  animation: p-animated-sound-icon 1s steps(3) infinite;
  display: flex;
  justify-content: flex-start;
  overflow: hidden;

  .p-r_member_profile--animated-sound-icon-child {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    flex-grow: 0;
    flex-shrink: 0;

    &:hover {
      background: #0000;
      color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    }
  }
}

@keyframes p-animated-sound-icon {
  0%, to {
    justify-content: flex-start;
  }

  33.33% {
    justify-content: center;
  }

  66.66% {
    justify-content: flex-end;
  }
}

.p-r_member_profile__preview-menu {
  background-color: #1d9bd11a;
  padding: 12px 16px;
}

.p-r_member_profile__preview-menu-select-button {
  background: #1264a3;
  border-color: #1264a3;
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  flex: initial;

  &:hover {
    background: #0b4c8c;
    border-color: #0b4c8c;
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  }
}

.p-r_member_profile__preview-view-as-icon {
  margin-top: 2px;

  &.external {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);

    &.is-selected {
      color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    }
  }
}

.c-menu_item__li--highlighted .p-r_member_profile__preview-view-as-icon.external {
  color: #fff;
}

.p-r_member_profile__preview-view-as .c-menu_item__button {
  line-height: 100%;

  .c-menu_item__label {
    overflow: visible;
  }
}

.p-flexpane__preview-mode-overlay {
  background: #1d1c1d;
  height: 100%;
  opacity: .3;
  position: absolute;
  width: 100%;
  z-index: 1000;
}

.p-edit_profile_section_form_pane__curent_location--container:not(:first-child) {
  margin-top: 28px;
}

.p-edit_profile_section_form_pane__curent_location--subtitle {
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;
  margin-bottom: 20px;
  margin-top: 20px;
}

.p-edit_profile_section_form_pane__current_location_city_state--input {
  display: flex;

  .p-edit_profile_section_form_pane__current_location_flex--input:first-child {
    margin-right: 16px;
  }
}

.p-edit_profile_section_form_pane__current_location_flex--input {
  flex: 1;
}

.p-edit_profile_section_form_pane__current_location_clear--div {
  margin: 20px 0;
}

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

  &:hover {
    cursor: pointer;
  }
}

.p-edit_profile_section_form_pane__link--subtitle {
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;
  margin-bottom: 12px;
  margin-top: 0;
}

.p-edit_profile_section_form_pane__modal-content {
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  overflow-y: scroll;
}

.c-wysiwyg_container.p-field-texty-input-error {
  border-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
}

.p-field-texty-input-no-label {
  margin-top: -8px;
}

.c-wysiwyg_container.p-field-texty-input-border {
  border-color: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
}

.p-field_freeform_multi_select__input--token {
  margin-left: 0;
  margin-top: 4px;
  padding: 3px 4px 3px 8px;
  white-space: normal;
}

.p-user_profile_tags_element_token {
  margin: 4px 4px 0 0;
  overflow-wrap: anywhere;
  padding: 4px;
  white-space: normal;
}

.p-user_profile_tags_element_token--background {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.p-user_profile_tags_element_edit__container {
  margin-bottom: 28px;

  &:not(:first-child) {
    margin-top: 28px;
  }

  .c-multi_select_input--initial.c-multi_select_input--large .c-multi_select_input__filter_query {
    margin-top: 4px;
  }
}

.p-user_profile_tags_element_edit__option {
  padding: 0;
}

.p-user_profile_tags_element_edit__option--label {
  padding: 4px 24px;
}

.p-user_profile_tags_element_edit__option_selected--label {
  padding: 4px 24px 4px 4px;
}

.p-user_profile_tags_element_edit__option_selected--icon {
  margin-right: 1.6px;
}

.p-user_profile_tags_element_edit__option--create {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  margin: 0 24px;
}

.p-user_profile_tags_element_edit__option--active {
  color: #fff;
}

.p-user_profile_tags_element_edit__multi_select_input {
  padding: 4px 8px 8px;
}

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

  &:hover {
    cursor: pointer;
  }
}

.p-rimeto_profile_sections__element--edit {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  width: -moz-fit-content;
  width: fit-content;

  &:hover {
    cursor: pointer;
  }
}

.p-rimeto_profile_sections__element--add {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-rimeto_profile_sections__element--long_text {
  overflow-wrap: break-word;
}

.p-rimeto_profile_sections__element--show_more {
  margin-bottom: 24px;
  overflow-wrap: break-word;
}

.p-app_view__loading_spinner {
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: .7;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.p-huddle_event_log__loading {
  margin: 48px;
}

.p-huddle_event_log__base_event {
  display: flex;
  margin: 8px 20px;
}

.p-huddle_event_log__base_event--first {
  margin-top: 16px;
}

.p-huddle_event_log__base_event--last {
  margin-bottom: 16px;
}

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

.p-huddle_event_log__event_content {
  flex-grow: 1;
  margin-left: 12px;
}

.p-huddle_event_log__avatar_container {
  line-height: 0;
  margin-top: 4px;
  position: relative;
}

@keyframes huddle_event_log__active_speaker {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: .4;
    transform: scale(1.1);
  }
}

.p-huddle_event_log__border {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  animation: huddle_event_log__active_speaker .8s ease-out infinite alternate;
  border-radius: 8px;
  bottom: -4px;
  box-shadow: 0 0 0 2.5px var(--saf-0) inset;
  left: -4px;
  position: absolute;
  right: -4px;
  top: -4px;
}

.p-huddle_event_log__member_name {
  font-weight: 700;
}

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

.p-huddle_event_log__transcription_new {
  text-decoration: underline;
}

@keyframes hoverNameFade {
  2% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-canvas_threads .c-virtual_list {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.p-canvas_threads--compact_mode .p-threads_flexpane__list__no-replies .c-scrollbar__hider {
  display: flex;
  flex-direction: column-reverse;
}

@keyframes hoverNameFade {
  2% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-canvas_tabs {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;

  &.p-canvas_tabs--compact_mode.p-canvas_tabs--single_tab .p-canvas_tabs__tab_menu {
    display: none;
  }

  &:not(.p-canvas_tabs--compact_mode).p-canvas_tabs--single_tab {
    flex: 1;
    overflow-x: visible;
    overflow-y: hidden;

    .c-tabs__tab.c-tabs__tab--active {
      box-shadow: none;
    }
  }
}

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

.p-canvas_tabs__tab_menu {
  align-items: stretch;
  display: flex;
  height: 52px;
  padding-left: 16px;

  .c-tabs__tab {
    font-size: 15px;
    font-weight: 400;
    font-weight: 900;
    line-height: 1.46668;
  }
}

.p-canvas_tabs--right_controls {
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 3;

  button {
    margin-left: 12px;

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

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

.p-canvas_tabs__collapse_toggle {
  height: 46px;
  overflow: hidden;
  padding: 12px 64px 12px 16px;
  text-overflow: ellipsis;
  white-space: nowrap;

  .p-canvas_tabs__toggle_text {
    font-size: 15px;
    line-height: 22px;
    opacity: 0.7;
  }

  .p-canvas_tabs__toggle_text_bold {
    font-weight: 700;
  }

  &.p-canvas_tabs__collapse_toggle--expanded {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    box-shadow: inset 0 -1px 0 0 var(--saf-0);
  }

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

.p-canvas_tabs--right_controls {
  top: 8px;
}

.p-canvas_tabs--compact_mode {
  &.p-canvas_tabs--with_unreads.p-canvas_tabs--tabs-collapsed {
    background-color: var(--p-huddle__active_item);
    color: var(--p-huddle__active_item_text);

    .p-canvas_tabs__collapse_toggle {
      .p-canvas_tabs__unread_replies_text {
        align-items: center;
        display: flex;
        font-size: 13px;
        line-height: 18px;
      }

      .p-facepile {
        margin-right: 2px;

        .c-avatar {
          margin-right: 4px;
        }
      }
    }
  }

  .p-canvas_tabs--right_controls {
    align-items: center;
    display: flex;
    height: 46px;
    right: 12px;
    top: 0;
  }

  .p-canvas_tabs__tab_menu {
    height: 46px;
    padding-left: 8px;

    .c-tabs__tab {
      font-weight: 700;
      line-height: 18px;
      margin: 0 8px;
    }
  }
}

.p-canvas_tabs__icon_opacity_30 {
  opacity: 0.3;
}

.p-canvas_tabs__icon_opacity_70 {
  opacity: 0.7;
}

.p-canvas_tabs--notes_open .p-canvas_tabs__tab_menu {
  min-height: 52px;
}

.p-huddle_background__container {
  overflow: hidden;

  &.p-huddle_background__container--full_mode {
    border-radius: 8px;
  }

  &.p-huddle_background__container--compact_mode {
    display: none;
  }
}

.p-huddle_background, .p-huddle_background__container, .p-huddle_background__overlay {
  height: 100%;
  position: absolute;
  width: 100%;
}

.p-huddle_background {
  object-fit: cover;
}

.p-huddle_background__overlay {
  background: #0009;
}

.p-huddle_background__overlay--black {
  background: #000;
}

.p-huddle_background__overlay--dark {
  background: #1a1d21;
}

.p-huddle_compact_av_pane_in_flexpane__container {
  height: 100%;
  position: relative;
  width: 100%;

  .p-huddle_compact_av_pane_in_flexpane__background_container {
    height: 100%;
    position: absolute;
    width: 100%;
  }

  .p-huddle_compact_av_pane__container {
    padding: 12px;
  }
}

@keyframes hoverNameFade {
  2% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-canvas_quip_thread__header {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  align-items: center;
  box-shadow: inset 0 -1px 0 0 var(--saf-0);
  display: flex;
  height: 52px;
  justify-content: space-between;
  padding: 0 8px 0 24px;
}

.p-canvas_quip_thread__file_name {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-left: 8px;
}

.p-canvas_quip_thread__title {
  font-size: 15px;
  font-weight: 900;
}

.p-canvas_quip_thread__comments {
  height: calc(100% - 52px);
}

.p-canvas_quip_thread__comments_container {
  height: 100%;
}

@keyframes hoverNameFade {
  2% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-canvas_flexpane {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 360px;
  min-height: 0;
  width: 360px;

  > * {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  }

  &.p-canvas_flexpane--compact_mode {
    max-width: 100%;
    padding: 0 4px 4px;
    width: 100%;
  }

  &.p-canvas_flexpane--full_mode {
    padding-left: 4px;
  }
}

.p-canvas_flexpane__content {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  height: 100%;
}

.p-canvas_flexpane__content--expanded {
  flex-grow: 1;
  height: 0;
}

.p-canvas_flexpane__top_content {
  background: unset;
  max-height: 0;
  transition: max-height 0.5s ease;
}

.p-canvas_flexpane__top_content--tall {
  margin-bottom: 4px;
  max-height: 350px;
}

.p-huddle_canvas_footer {
  bottom: 0;
  display: flex;
  margin-top: auto;
  position: absolute;
  width: 100%;
}

.p-huddle_canvas_footer__reaction_list {
  bottom: 0;
  margin-bottom: 0;
}

.p-canvas_special_reactions__container {
  display: flex;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}

.p-canvas_special_reactions__lottie {
  height: 100%;
  margin: auto;
  width: 100%;
}

.p-canvas_special_reactions__lottie--25 {
  height: 25%;
  width: 25%;
}

.p-canvas_special_reactions__lottie--50 {
  height: 50%;
  width: 50%;
}

@keyframes hoverNameFade {
  2% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-canvas_tile_list__outer_container {
  max-width: 100%;
  position: relative;
  width: 100%;

  .p-invite_tile__button {
    background: #ffffff21;
    color: #fff;
    margin-top: 12px;
  }
}

.p-canvas_tile_list {
  align-items: start;
  column-gap: 8px;
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  margin: 0 52px;
  overflow: auto;
  scrollbar-width: none;
  transition: height .5s ease;
  width: 100%;
  z-index: 1;

  .p-canvas_peer_tile {
    margin: 12px;
  }

  &::-webkit-scrollbar {
    height: 0;
    width: 0;
  }
}

.p-canvas_tile_list--centered {
  align-items: center;
  display: flex;
  justify-content: center;

  .p-canvas_tile_list {
    justify-content: center;
  }
}

.p-canvas_tile_list:hover .p-canvas_peer_tile__name_overlay {
  animation: hoverNameFade 5s linear;
}

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

.p-huddle_toolbar_media_controls__zoom_control {
  height: 36px;
  left: 0;
  width: auto;

  .p-zoom__control_group {
    background: #ddd;
    border-radius: 100px;
    height: 36px;

    .p-zoom__button--zoom_in {
      flex: 0;
      width: auto;
    }

    .p-zoom__button--zoom_out {
      flex: 0;
      width: auto;
      padding: 0 12px 0 8px;
    }

    .p-zoom__button--zoom_in {
      padding: 0 8px 0 12px;
    }

    .p-zoom__slider {
      width: 72px;

      &::-moz-range-thumb {
        background: rgba(var(--sk_highlight, 18, 100, 163), 1);
        box-shadow: none;
        height: 16px;
        margin-top: -6px;
        width: 16px;
      }

      &::-moz-range-track {
        background: #1d1c1d4d;
        border-radius: 8px;
        height: 4px;
      }

      &::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        background: rgba(var(--sk_highlight, 18, 100, 163), 1);
        box-shadow: none;
        height: 16px;
        margin-top: -6px;
        width: 16px;
      }

      &::-webkit-slider-runnable-track {
        background: #1d1c1d4d;
        border-radius: 8px;
        height: 4px;
      }

      &::-ms-thumb {
        background: rgba(var(--sk_highlight, 18, 100, 163), 1);
        box-shadow: none;
        height: 16px;
        margin-top: -1px;
        width: 16px;
      }

      &::-ms-track {
        background: #1d1c1d4d;
        border-radius: 8px;
        height: 4px;
      }
    }
  }
}

.p-huddle_toolbar_media_controls__video_controls {
  background: linear-gradient(180deg, #1d1c1d00, #1d1c1db3 70%);
  bottom: 0;
  color: #fff;
  display: flex;
  font-weight: 700;
  left: 12px;
  padding-bottom: 6px;
  position: absolute;
}

.p-huddle_toolbar_media_controls__playback_speed_button {
  align-items: center;
  color: #fff;
  display: flex;
  font-weight: 700;
  height: 32px;

  .c-select_button__icon {
    color: #fff;
  }

  &:hover {
    background: #ffffff0d;
    border-radius: 4px;

    .c-select_button__icon {
      color: #fff;
    }
  }
}

.p-huddle_toolbar_media_controls__video_controls .p-media_progress_bar {
  bottom: auto;
  top: -8px;
}

.p-huddle_toolbar_media_controls__video_controls_left {
  align-items: center;
  display: flex;
  flex: 1;
  margin-left: 16px;
}

.p-huddle_toolbar_media_controls__video_controls_right {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: flex-end;
  margin-left: auto;
  margin-right: 16px;
}

.p-canvas_media_viewer {
  position: relative;
}

@keyframes hoverNameFade {
  2% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-canvas_people_layout__container {
  align-items: center;
  display: flex;
  height: calc(100% - 116px);
  justify-content: center;
  position: relative;
  width: 100%;

  .p-canvas_people_layout__container--inherit_dimensions {
    height: inherit;
    width: inherit;
  }
}

.p-canvas_people_layout__outer_container--global_toolbar {
  height: 100%;
  width: 100%;

  .p-canvas_people_layout__page_pagination_container {
    bottom: 16px;
  }
}

.p-canvas_people_layout__container--global_toolbar {
  margin-bottom: 50px;
  margin-top: 50px;
}

.p-canvas_people_layout__page_pagination_container {
  bottom: 0;
  position: absolute;
  width: 100%;

  .p-canvas_people_layout__page_indicator_list {
    bottom: 8px;
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
  }
}

.p-canvas_people_layout__page_button {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1) !important;
  border-radius: 30px;
  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;
  display: flex;
  justify-content: center;
  margin: auto;
  position: absolute;

  &:focus {
    border-radius: 30px;
  }

  &: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);
    }
  }

  svg {
    height: 20px;
    width: 20px;
  }

  .p-canvas_people_layout__avatar_stack_number {
    margin-left: 4px;
  }
}

.p-canvas_people_layout__next_button {
  height: 32px;
  min-width: 48px;
  right: 8px;

  .p-canvas_people_layout__next_button_content {
    align-items: center;
    display: flex;
    justify-content: end;
    min-width: 48px;

    .p-canvas_people_layout__next_button_text {
      margin-left: 12px;
    }

    > svg {
      margin-right: 4px;
      margin-top: 2px;
    }
  }

  > svg {
    margin-right: 4px;
    margin-top: 2px;
  }
}

.p-canvas_people_layout__previous_button {
  height: 32px;
  left: 8px;
  min-width: 48px;

  .p-canvas_people_layout__previous_button_content {
    align-items: center;
    display: flex;
    justify-content: start;
    min-width: 48px;

    .p-canvas_people_layout__previous_button_text {
      margin-right: 12px;
    }

    > svg {
      margin-left: 4px;
      margin-top: 2px;
    }
  }
}

.p-canvas_people_layout__next_button, .p-canvas_people_layout__previous_button {
  bottom: 0;
  z-index: 1020;
}

.p-canvas_tile_list__outer_container {
  .p-canvas_people_layout__next_button, .p-canvas_people_layout__previous_button {
    bottom: unset;
  }
}

.p-canvas_people_layout__page_indicator_list {
  bottom: 8px;
  display: flex;
  position: absolute;
}

.p-canvas_people_layout__page_indicator {
  background-color: #fff;
  border-radius: 50%;
  height: 6px;
  margin: 4px;
  opacity: .6;
  width: 6px;

  &.p-canvas_people_layout__page_indicator--selected {
    opacity: 1;
  }
}

@keyframes nextPageOpacity {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes nextPageTransform {
  0% {
    transform: translate(10em);
  }

  to {
    transform: translate(0);
  }
}

@keyframes prevPageOpacity {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes prevPageTransform {
  0% {
    transform: translate(-10em);
  }

  to {
    transform: translate(0);
  }
}

.p-canvas_people_layout {
  height: 100%;
  width: 100%;
}

.p-canvas_people_layout_grid {
  position: absolute;
}

.p-canvas_people_layout__item {
  display: flex;
}

.p-canvas_people_layout__gallery {
  .p-canvas_people_layout__ribbon .p-canvas_peer_tile {
    .p-canvas_peer_tile__name_overlay {
      align-items: center;
      border-radius: 8px;
      bottom: 4px;
      display: flex;
      height: 28px;
      justify-content: center;
      left: 4px;
      padding: 2px;
      width: 28px;
    }

    .p-canvas_peer_tile__invite_status_overlay__hover, .p-canvas_peer_tile__mic_overlay, .p-canvas_peer_tile__name_overlay--unmuted, .p-canvas_peer_tile__name_overlay_name {
      display: none;
    }
  }

  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin: auto;
  max-height: calc(100% - 116px);
  max-width: 100%;
  overflow: hidden;
  row-gap: 16px;
  width: 100%;
}

.p-canvas_people_layout_screenshare--global_toolbar {
  max-height: 100%;
}

.p-canvas_people_layout__ribbon {
  height: 104px;
  width: 100%;
}

.p-canvas_people_layout--drawable {
  height: 100%;
  width: 100%;
}

.p-canvas_people_layout__active_screenshare__container, .p-canvas_people_layout__media_viewer_content {
  display: flex;
  height: calc(100% - 136px);
  justify-content: center;
  padding: 0 64px;
  width: 100%;
}

.p-canvas_people_layout__active_screenshare__container.p-canvas_people_layout__media_viewer_content--fullscreen, .p-canvas_people_layout__media_viewer_content.p-canvas_people_layout__media_viewer_content--fullscreen {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  padding: 0;
  width: 100%;
}

.p-canvas_people_layout__active_screenshare__container.p-canvas_people_layout__active_screenshare__container--fullscreen, .p-canvas_people_layout__media_viewer_content.p-canvas_people_layout__active_screenshare__container--fullscreen {
  aspect-ratio: unset;
  bottom: 0;
  height: 100%;
  left: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.p-canvas_people_layout__active_screenshare__container.p-canvas_people_layout__media_viewer_content--fullscreen, .p-canvas_people_layout__media_viewer_content.p-canvas_people_layout__media_viewer_content--fullscreen {
  aspect-ratio: 1;
}

.p-canvas_people_layout__active_screenshare__container.p-canvas_people_layout__media_viewer_content--fullscreen .p-file_viewer, .p-canvas_people_layout__media_viewer_content.p-canvas_people_layout__media_viewer_content--fullscreen .p-file_viewer {
  border-radius: 0;
}

.p-canvas_people_layout__active_screenshare__container.p-canvas_people_layout__media_viewer_content--fullscreen .p-huddle_toolbar_media_controls__video_controls, .p-canvas_people_layout__media_viewer_content.p-canvas_people_layout__media_viewer_content--fullscreen .p-huddle_toolbar_media_controls__video_controls {
  left: 12px;
  width: calc(100% - 12px);
}

.p-canvas_people_layout__active_screenshare__container .p-huddle_toolbar_media_controls__video_controls, .p-canvas_people_layout__media_viewer_content .p-huddle_toolbar_media_controls__video_controls {
  left: 76px;
  width: calc(100% - 152px);
}

.p-canvas_people_layout__active_screenshare__container .p-file_viewer, .p-canvas_people_layout__media_viewer_content .p-file_viewer {
  height: 100%;
  width: 100%;
}

.p-canvas_people_layout__active_screenshare__container .p-file_viewer .p-image_viewer__image, .p-canvas_people_layout__media_viewer_content .p-file_viewer .p-image_viewer__image {
  border-radius: 8px;
}

.p-canvas_people_layout__active_screenshare__container {
  .p-media_viewer__video, .p-media_viewer__video_container {
    background-color: #1d1c1dcc;
    border-radius: 8px;
    display: block;
    height: 100%;
    overflow: hidden;
    width: 100%;
  }
}

.p-canvas_people_layout__media_viewer_content {
  .p-media_viewer__video, .p-media_viewer__video_container {
    background-color: #1d1c1dcc;
    border-radius: 8px;
    display: block;
    height: 100%;
    overflow: hidden;
    width: 100%;
  }
}

.p-canvas_people_layout__active_screenshare__container {
  align-content: flex-end;
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
  width: 100%;

  .p-canvas_people_layout__ribbon {
    flex-grow: 0;
    flex-shrink: 0;
    height: 104px;
    margin-top: auto;
    min-height: 0;
    width: 100%;
  }
}

.p-canvas_people_layout__active_screenshare__container--global_toolbar {
  height: 100%;
}

.p-canvas_people_layout__active_screenshare_button {
  align-content: space-around;
  align-items: stretch;
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-wrap: wrap;
  height: auto;
  justify-content: space-between;
  margin: auto;
  max-height: 100%;
  width: auto;
}

.p-canvas_people_layout__active_screenshare {
  align-items: center;
  border-radius: 12px;
  cursor: zoom-in;
  display: flex;
  flex-grow: 1;
  height: 100%;
  justify-content: center;
  margin: 0;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  width: auto;

  .p-file_image_thumbnail__image {
    height: 100%;
    object-fit: contain;
  }

  video {
    background: unset;
    border-radius: 12px;
    height: 100%;
    width: 100%;
  }

  &.p-canvas_people_layout__active_screenshare--fullscreen {
    border-radius: 0;
    cursor: zoom-out;
    max-height: 100%;
    max-width: 100%;

    video {
      border-radius: 0;
    }
  }
}

.p-canvas_people_layout__image_button {
  cursor: zoom-in;
  height: calc(100% - 136px);
  width: 100%;

  .p-canvas_people_layout__media_viewer_content, &.p-canvas_people_layout__image_button--fullscreen {
    height: 100%;
  }

  .p-canvas_people_layout__media_viewer_content--fullscreen {
    cursor: zoom-out;
  }
}

.p-canvas_people_layout__image_button--global_toolbar {
  height: 100%;
}

.p-canvas_people_layout__media_viewer_content {
  padding-top: 12px;
}

.p-canvas_people_layout__media_viewer_content--image {
  aspect-ratio: 1;
}

.p-canvas_people_layout__gallery--expanded {
  height: 100%;
}

.p-canvas_people_layout__gallery_image_viewer--global_toolbar {
  max-height: 100%;
  padding-bottom: 16px;
}

.p-canvas_people_layout__gallery_screenshare--expanded_global_toolbar {
  height: 100%;
  max-height: 100%;
}

.p-canvas_people_layout__gallery--fullscreen {
  max-height: 100%;
}

.p-canvas_people_layout:hover {
  .p-canvas_peer_tile__invite_status_overlay__hover, .p-canvas_peer_tile__name_overlay {
    animation: hoverNameFade 5s linear;
  }
}

.p-canvas_people_layout__note--open {
  display: flex;
}

.p-canvas_people_layout__note {
  border-radius: 12px;
  margin: 12px;
  overflow: hidden;
  width: 100%;
}

.p-canvas_people_layout__media_viewer_content--global_toolbar .p-image_viewer {
  position: absolute;
}

.p-canvas_pagination_avatar_stack {
  cursor: pointer;
  display: flex;
  flex-direction: row-reverse;
  height: 28px;
  margin: 0 0 0 4px;
}

.p-canvas_pagination_avatar_stack__avatar_container {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: -10px;

  &:last-of-type {
    margin-left: 0;
  }
}

.p-canvas_pagination_avatar_stack__avatar {
  cursor: pointer;

  .c-base_icon__width_only_container {
    background-color: unset;
  }

  .c-base_icon {
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: 2px solid var(--saf-0);
    border-radius: 50%;
  }
}

.p-canvas_view_switcher {
  align-items: center;
  align-self: center;
  background: #fff;
  border: 1px solid #00000021;
  border-radius: 4px;
  box-shadow: 0 1px 3px #00000014;
  color: #000;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  gap: 4px;
  height: 36px;
  justify-content: center;
  line-height: 1.38463;
  padding: 4px 8px;

  &: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-canvas_view_item_header {
  align-self: center;
  display: flex;

  .c-avatar {
    cursor: pointer;
    margin-top: 1px;
  }
}

.p-canvas_view_item_header__info {
  margin-left: 12px;
}

.p-canvas_view_item_header__info_title {
  color: #fff;
  font-weight: 700;
}

.p-canvas_view_item_header__info_subtitle {
  color: #ffffffb3;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

@keyframes hoverNameFade {
  2% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-huddle_top_toolbar__container {
  align-items: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: #1d1c1d;
  display: flex;
  height: 36px;
  margin: 8px;
  padding: 0;

  .p-huddle_top_toolbar__button {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);

    &:hover {
      background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
      box-shadow: 0 1px 3px 0 #00000014;
      color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    }
  }

  &.p-huddle_top_toolbar--thread_pane_close {
    margin-right: 0;

    .p-huddle_top_toolbar--right-controls {
      margin-right: 0;
    }
  }

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

  .p-huddle_top_toolbar__gradient {
    background: linear-gradient(#1d1c1d99, #1d1c1d00);
    height: 60px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
}

.p-huddle_top_toolbar--right-controls {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  position: relative;

  button {
    margin-left: 12px;
  }
}

.p-huddle_top_toolbar__container--global_toolbar {
  .p-huddle_top_toolbar--right-controls {
    align-items: baseline;
    background: #1a1d21;
    border-radius: 4px;

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

  .p-huddle_top_toolbar__button--global_toolbar {
    background: #0000;
    color: #ffffffb3;
    margin-left: 0;

    &:hover:not([disabled]) {
      background: #0000;
      color: #ffffff80;
    }
  }

  .p-huddle_top_toolbar_media_controls__zoom_control {
    height: 36px;
    left: 0;
    width: 200px;

    .p-zoom__control_group {
      background: #0000;
      border: none;
      margin-right: 0;
    }

    .p-huddle_toolbar_media_controls__zoom_icon_button {
      border-radius: 4px;
      color: #fff;
      height: 36px;
      margin-left: 0;
      width: 36px;

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

    .p-zoom__button--reset {
      align-items: center;
      display: flex;
      justify-content: center;
      padding: 0;
    }
  }

  .p-huddle_top_toolbar_screenshare_controls__zoom_control {
    width: 150px;

    .p-zoom {
      flex-direction: row-reverse;
      left: -20px;
      width: 170px;
    }

    .p-zoom__control_group {
      color: #fff;

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

    .p-zoom__button--reset {
      left: 12px;
      position: relative;

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

  .p-huddle_top_toolbar__vertical_divider {
    border-left: 1px solid #ffffff4d;
    height: 18px;
    margin: 0 4px;
    position: relative;
    top: 2px;
  }

  &.p-huddle_top_toolbar--thread_pane_close .p-huddle_top_toolbar--right-controls {
    margin-right: 5px;
  }
}

.p-huddle_tile_list__container {
  display: flex;
  flex-direction: column;
  width: 100%;

  .p-huddle_tile_list__tile {
    display: flex;
    justify-content: center;
    margin-bottom: 2px;
    margin-top: 2px;
    position: relative;
    scroll-snap-align: start;
    width: 100%;
  }

  .p-canvas_peer_tile:first-child {
    margin-top: 2px;
  }

  .p-canvas_screenshare_tile {
    height: auto;
  }

  .p-canvas_screenshare_tile__container video {
    object-fit: cover;
  }
}

.p-huddle_tile_list__container--non_scrollable {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: inherit;
}

@keyframes hoverNameFade {
  2% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-huddle_video_strip_container {
  display: flex;
  height: 100%;
  padding-left: 2px;
  width: 160px;

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

.p-huddle_video_strip_container--gradient:after {
  background: linear-gradient(to top, var(--p-huddle__column_bg), #0000);
  border-radius: 10px 10px 0 0;
  bottom: 3px;
  content: '';
  height: 15%;
  pointer-events: none;
  position: absolute;
  width: 160px;
  z-index: 999;
}

@keyframes hoverNameFade {
  2% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-huddle_window_content {
  flex: 1;
  height: 100%;
  position: relative;

  .c-scrollbar__child, .c-sk-modal_content__inner {
    height: 100%;
  }
}

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

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.p-huddle_window_content__background {
  height: 100%;
  object-fit: cover;
  position: absolute;
  width: 100%;

  &.p-huddle_window_content__background--fade {
    animation: fadeIn 0.16s linear;
  }
}

.p-huddle_window_content__container {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}

.p-huddle_window_content__file_upload {
  align-self: center;
  margin: 12px 0 0;
  max-width: 300px;
  position: absolute;
  top: 0;
  width: calc(100% - 16px);
  z-index: 1;
}

.p-huddle_window_content--compact_mode {
  flex-grow: 0;
  min-height: unset;
  width: 100%;
}

.p-huddle_window_content__background--full_mode {
  border-radius: 4px;
}

.p-huddle_window_content__flexpane_container {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.p-huddle_window_content__container_fullscreen_controls_hide {
  .p-canvas_view_item_header, .p-huddle_top_toolbar--right-controls, .p-huddle_top_toolbar__gradient {
    opacity: 0;
    transform: translateY(-108%);
    transition: opacity 0.16s cubic-bezier(0.36, 0.19, 0.29, 1), transform 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
  }

  .p-huddle_toolbar__buttons_center_drawing_support_container, .p-huddle_toolbar__buttons_left_drawing_support_container, .p-huddle_toolbar__buttons_right_drawing_support_container {
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 0.16s cubic-bezier(0.36, 0.19, 0.29, 1), transform 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
  }
}

.p-huddle_window_content__container_fullscreen_controls_show {
  .p-canvas_view_item_header, .p-huddle_top_toolbar--right-controls {
    margin-top: 0;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.16s cubic-bezier(0.36, 0.19, 0.29, 1), transform 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
    z-index: 11;
  }

  .p-huddle_top_toolbar__gradient {
    margin-top: 0;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.16s cubic-bezier(0.36, 0.19, 0.29, 1), transform 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
    z-index: 11;
    margin: -4px;
    width: calc(100% + 8px);
  }

  .p-huddle_toolbar__buttons_center_drawing_support_container, .p-huddle_toolbar__buttons_left_drawing_support_container, .p-huddle_toolbar__buttons_right_drawing_support_container {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.16s cubic-bezier(0.36, 0.19, 0.29, 1), transform 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
    z-index: 11;
  }

  .p-canvas_view_item_header, .p-huddle_top_toolbar--right-controls {
    z-index: 11;
  }

  .p-huddle_top_toolbar__gradient {
    z-index: 10;
  }
}

.p-huddle_education_prompt_tip, .p-huddle_window_titlebar .p-huddle_window_titlebar__control_container .p-huddle_education_prompt_tip {
  background: #1264a3;
  border-radius: 12px;
  font-size: 13px;
  opacity: 1;
  padding: 4px 8px;
  position: absolute;
}

.p-huddle_education_prompt_tip p, .p-huddle_window_titlebar .p-huddle_window_titlebar__control_container .p-huddle_education_prompt_tip p {
  margin-bottom: 0;
}

.p-huddle_education_prompt_tip {
  right: 17px;
  top: 28px;
}

.p-huddle_window_titlebar .p-huddle_window_titlebar__control_container .p-huddle_education_prompt_tip {
  right: 0;
  top: 35px;
}

.p-huddle_education_prompt_tip:before {
  background: #1264a3;
  content: '';
  height: 8px;
  position: absolute;
  right: 11px;
  top: -2px;
  transform: rotate(45deg);
  width: 8px;
}

.p-huddle_education_prompt_tip__container {
  cursor: pointer;
  z-index: 2;
}

.p-huddle_education_prompt_tip__container--mini_window {
  margin: 0 0 0 auto;
}

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

@keyframes hoverNameFade {
  2% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-huddle_window_titlebar {
  background-color: var(--p-huddle__column_bg);
  color: var(--p-huddle__text_color);
  display: flex;
  height: 40px;
  max-width: 100vw;
  min-height: 40px;

  &.p-huddle_window_titlebar--browser .p-huddle_window_titlebar__box, &.p-huddle_window_titlebar--windows .p-huddle_window_titlebar__box {
    align-items: center;
    display: flex;
  }

  &.p-huddle_window_titlebar--browser .p-huddle_window_titlebar__box:first-child > span, &.p-huddle_window_titlebar--windows .p-huddle_window_titlebar__box:first-child > span {
    margin-right: auto;
    width: 12px;
  }

  &.p-huddle_window_titlebar--browser .p-huddle_window_titlebar__box:last-child > span, &.p-huddle_window_titlebar--windows .p-huddle_window_titlebar__box:last-child > span {
    margin-left: auto;
    width: 78px;
  }

  &.p-huddle_window_titlebar--browser .p-huddle_window_titlebar__box.p-huddle_window_titlebar__title_container {
    flex: 1;
    max-width: calc(100% - 90px);
  }

  &.p-huddle_window_titlebar--windows {
    .p-huddle_window_titlebar__box.p-huddle_window_titlebar__title_container {
      flex: 1;
      max-width: calc(100% - 90px);
    }

    height: 40px;
    padding-right: calc(138px * (1 / var(--zoom-factor, 1)));
  }

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

  &.p-huddle_window_titlebar--mac .p-huddle_window_titlebar__box {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center;

    &:first-child > span {
      margin-right: auto;
      width: 86px;
    }

    &:last-child > span {
      margin-left: auto;
      width: 86px;
    }

    &.p-huddle_window_titlebar__title_container {
      max-width: calc(100% - 172px);
    }
  }

  .p-huddle_window_titlebar__title_container {
    font-size: 13px;
    line-height: 22px;

    .p-huddle_window_titlebar_title_icon {
      margin-right: 4px;
    }

    .p-huddle_window_titlebar__title {
      font-weight: 700;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .p-huddle_window_titlebar__subtitle {
      margin-left: 8px;
      opacity: .7;
      white-space: nowrap;
    }
  }

  .p-huddle_window_titlebar__control_container {
    display: flex;
    padding-right: 5px;

    button {
      -webkit-app-region: no-drag;
      font-size: 20px;
      margin: 0 12px 0 auto;
      opacity: 0.7;
    }
  }
}

@keyframes hoverNameFade {
  2% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.p-huddle_window {
  background-color: var(--p-huddle__column_bg);
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 217px;
  min-width: 380px;
  z-index: 3;

  &.p-huddle_window--overflow_clip {
    overflow: clip;
  }

  .p-huddle_top_toolbar--thread_pane_close {
    margin-right: 0;
  }
}

.p-huddle_window__content_container {
  display: flex;
  flex: 1;
  max-width: 100vw;
  overflow: hidden;
  position: relative;
}

.p-huddle_window__content_container--compact_mode {
  flex-direction: column;
}

.p-huddle_window__content_container--content-height {
  flex: 0 0 auto;
}

.p-huddle_window__content_container--full_mode {
  padding: 4px;
}

.p-huddle_window_global_toolbar_fullscreen_controls .p-huddle_toolbar__container--global_toolbar_container {
  bottom: 0;
  position: absolute;
}

.p-huddle_window_global_toolbar_fullscreen_controls--hide .p-huddle_toolbar__container--global_toolbar_container {
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.16s cubic-bezier(0.36, 0.19, 0.29, 1), transform 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-huddle_window_global_toolbar_fullscreen_controls--show .p-huddle_toolbar__container--global_toolbar_container {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.16s cubic-bezier(0.36, 0.19, 0.29, 1), transform 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-huddle_window_global_toolbar_fullscreen_controls--banner-count-0 .p-huddle_toolbar__container--global_toolbar_container {
  bottom: 0;
}

.p-huddle_window_global_toolbar_fullscreen_controls--banner-count-1 .p-huddle_toolbar__container--global_toolbar_container {
  bottom: 48px;
}

.p-huddle_window_global_toolbar_fullscreen_controls--banner-count-2 .p-huddle_toolbar__container--global_toolbar_container {
  bottom: 96px;
}

.p-huddle_window__alert_container--global_toolbar {
  margin: 0 4px;

  .p-huddles_alert_banner--bottom_banner {
    border-radius: 8px;
  }
}

.p-huddle_multi_device_modal {
  .p-multi_device__content_section {
    align-items: center;
    display: flex;
    flex-direction: column;
  }

  .p-huddle_multi_device_modal__title {
    font-size: 22px;
    font-weight: 900;
    line-height: 1.36365;
    margin: 20px 0;
  }

  .p-multi_device__content_section__avatars {
    display: flex;
    flex-direction: row;
  }

  .p-huddle_multi_device_modal__avatar_container {
    display: flex;
    justify-content: center;
    padding: 0 4px;
    position: relative;
  }

  .p-huddle_multi_device_modal__footer {
    justify-content: center;

    .c-sk-modal_footer_actions {
      margin-left: unset;
    }
  }

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

  .p-huddle_multi_device_modal__overflow {
    bottom: 2px;
  }
}

.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;
  max-width: 280px;
  padding: 0;
  z-index: 999;
}

.c-new_locale_toast__content {
  padding: 10px 16px 12px;
}

.c-new_locale_toast__image {
  background-clip: padding-box;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  display: block;
  height: 112px;
  width: 280px;
}

.c-new_locale_toast__close_button.c-toast__close-button {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 4px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: inline-flex;
  height: 36px;
  justify-content: center;
  position: absolute;
  right: 4px;
  top: 4px;
  visibility: visible;
  width: 36px;
}

.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 {
  bottom: 0;
  background: #f2c744;
  position: fixed;
  z-index: 1000;
}

.deprecation-browser-banner {
  background: #f2c744;
  position: fixed;
  z-index: 1000;
}

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

.deprecation-link {
  display: block;
  text-decoration: underline;
}

.p-outdated_modal__header {
  font-size: 22px;
  margin: 24px 0 16px -4px;
}

.p-outdated_modal__content {
  font-size: 15px;
  line-height: 22px;
  margin: 0;
}

.p-download_toast {
  align-items: flex-start;
  padding: 0 12px 0 0;
}

.p-download_toast__content {
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 294px;
}

.p-download_toast a {
  text-decoration: none;
}

.p-download_toast__file {
  border-radius: 6px;
}

.p-download_toast {
  .p-download_controls__actions, .p-download_controls__viewall {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    order: 3;
    transition-duration: .3s;
    transition-property: opacity, height, margin;
  }

  .p-download_controls__actions {
    height: 18px;
    margin: 0 0 12px 60px;
    opacity: 1;
    pointer-events: all;
  }

  .p-download_controls__viewall {
    height: 0;
    margin: 0 0 0 60px;
    opacity: 0;
    pointer-events: none;
  }
}

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

.p-download_toast_item--completed .p-download_controls__actions, .p-download_toast_item--other-completed .p-download_controls__viewall {
  height: 0;
  margin: 0 0 0 60px;
  opacity: 0;
  pointer-events: none;
}

.p-download_toast_item--completed.p-download_toast_item--last-item .p-download_controls__viewall {
  height: 18px;
  margin: 0 0 12px 60px;
  opacity: 1;
  pointer-events: all;
}

.p-download_toast .p-download_controls__button {
  margin-right: 12px;
  position: relative;

  &:hover {
    text-decoration: underline;
  }
}

.p-download_toast__progress_outer {
  background: #ddd;
  border-radius: 3px;
  height: 6px;
  margin: 0 0 12px 60px;
  opacity: 1;
  order: 2;
  width: calc(100% - 24px);
}

.p-download_toast__progress_inner {
  background: #1d9bd1;
  border-radius: 3px;
  height: 6px;
  transition-duration: .15s;
  transition-property: width;
}

.p-download_toast_item--completed {
  .p-download_toast__progress_outer {
    height: 0;
    margin: 0 0 0 60px;
    opacity: 0;
    transition-duration: .3s;
    transition-property: height, opacity, margin;
  }

  .c-pillow_file_meta_icon {
    animation: download_toast_complete_pulse .6s ease-in;
    background-image: linear-gradient(#1d1c1d, #1d1c1d);
    background-position: 5px 6px;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    color: #fff;
    display: block;
    left: 32px;
    opacity: 1;
    position: absolute;
    top: 34px;
    transform: scale(1);
    transition-duration: .3s;
    transition-property: opacity;
    z-index: 2;
  }
}

@keyframes download_toast_complete_pulse {
  0% {
    transform: scale(0.92);
  }

  60% {
    transform: scale(1.08);
  }

  to {
    transform: scale(1);
  }
}

.p-migration_blocker_page__wrapper {
  align-items: center;
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  display: flex;
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  height: 100%;
  justify-content: center;
  position: absolute;
  width: 100%;
}

.p-migration_blocker_page {
  --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}

.p-migration_blocker_page--large {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.11);
  border: 1px solid var(--saf-0);
  box-shadow: 0 20px 30px 0 #0000001a;
  width: 520px;

  .p-migration_blocker_text {
    margin: 40px;

    .p-migration_blocker_page__title {
      font-size: 22px;
      font-weight: 900;
      line-height: 1.36365;
      margin-bottom: 8px;
    }

    .p-migration_blocker_page__description {
      color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
      font-size: 15px;
      font-weight: 400;
      line-height: 1.46668;
      margin-top: 0;
    }
  }

  .p-migration_blocker_page__button {
    padding: 25px 40px;
  }
}

@media only screen and (max-width: 480px) {
  .p-migration_blocker_page--large {
    box-shadow: none;
    width: 100%;
  }
}

.p-migration_blocker_page__button__text {
  display: flex;
  flex-direction: column;
}

.p-migration_blocker_page__button {
  align-items: center;
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-radius: 0 0 8px 8px;
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  padding-bottom: .4rem;
  position: relative;

  &:active, &:hover, &:link, &:visited {
    color: initial;
    text-decoration: none;
  }

  .p-migration_blocker_page__button_icon {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    margin-top: -1px;
    transition: 0.3s ease-in-out;
  }

  .p-migration_blocker_page__button__text {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-items: center;
    margin-top: -2px;

    .p-migration_blocker_page__button__title {
      margin: 0;
    }

    .p-migration_blocker_page__button__subtitle {
      color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
      font-size: 12px;
      margin-bottom: 0;
      margin-top: 3px;
    }
  }

  &:hover {
    .p-migration_blocker_page__button_icon {
      color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
      transform: translate(8px);
    }

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

.p-migration_blocker_page__icon {
  background-image: url(./mig-blocker-asset-c481bee.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 430px 220px;
  height: 200px;
  margin-bottom: 20px;
  width: 100%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-migration_blocker_page__icon {
    background-image: url(./mig-blocker-asset@2x-86aa73a.png);
  }
}

.p-migration_blocker_page__icon--complete {
  background-image: url(./enterprise_welcome-0248be9.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 136px 152px;
  height: 152px;
  margin-bottom: 30px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-migration_blocker_page__icon--complete {
    background-image: url(./enterprise_welcome@2x-a838124.png);
  }
}

.p-upgrades_modal_row {
  display: flex;
}

@media screen and (max-width: 500px) {
  .p-upgrades_modal_row {
    flex-direction: column;
  }
}

.p-upgrades_modal_row--centered {
  flex-direction: column;

  .p-upgrades_modal_row__text {
    margin: auto;
    text-align: center;
  }

  .p-upgrades_modal_row__title {
    padding-bottom: 8px;
  }

  .p-upgrades_modal_row__image {
    margin: auto;
  }
}

.p-upgrades_modal_row--icon {
  margin-bottom: 24px;
}

@media screen and (max-width: 500px) {
  .p-upgrades_modal_row--icon {
    margin: auto;
  }
}

.p-upgrades_modal_row__image {
  height: 120px;
  width: 120px;
}

@media screen and (max-width: 500px) {
  .p-upgrades_modal_row__image {
    margin: auto;
  }
}

.p-upgrades_modal_row__icon {
  width: min-content;
}

@media screen and (max-width: 500px) {
  .p-upgrades_modal_row__icon {
    margin: auto auto 8px;
  }
}

.p-upgrades_modal_row__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 0 0 12px;
  text-align: left;
}

@media screen and (max-width: 500px) {
  .p-upgrades_modal_row__text {
    margin: auto;
    text-align: center;
  }
}

.p-upgrades_modal_row__title {
  font-weight: 700;
  white-space: pre-line;
}

.p-upgrades_modal_row__subtitle {
  color: #616061;
}

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

.p-trial_vhq_base_modal__content_section .p-upgrades_modal__content_section {
  padding: 0 32px;
}

.p-trial_vhq_base_modal__title {
  padding-top: 12px;
}

.p-trial_vhq_base_modal__subtitle {
  padding-bottom: 8px;
}

.p-trial_vhq_base_modal__usage {
  display: flex;
  flex-direction: column;
  margin: 16px auto;
  width: -moz-fit-content;
  width: fit-content;

  .p-upgrades_modal_row__text {
    margin-left: 16px;
  }

  .p-upgrades_modal_row--icon {
    padding: 0 64px;
  }
}

@media screen and (max-width: 500px) {
  .p-trial_vhq_base_modal__usage .p-upgrades_modal_row__text {
    margin: auto;
  }
}

@media screen and (max-width: 500px) {
  .p-trial_vhq_base_modal__usage .p-upgrades_modal_row--icon {
    padding: 0 16px 16px;
  }
}

.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);
  border-radius: 8px;
  margin: 0 16px 16px;
  padding: 24px 24px 0;
  text-align: left;

  .p-upgrades_modal_row {
    margin-top: 16px;
  }
}

@media screen and (max-width: 500px) {
  .p-trial_vhq_base_modal__try_next {
    padding-bottom: 24px;
  }
}

.p-trial_vhq_base_modal__try_next_title {
  font-weight: 700;
  margin-bottom: 16px;
}

@media screen and (max-width: 500px) {
  .p-trial_vhq_base_modal__try_next_title {
    text-align: center;
  }
}

.p-modal_three_column_row_container {
  align-items: baseline;
  display: flex;
  justify-content: space-around;
  padding-bottom: 24px;
}

@media screen and (max-width: 500px) {
  .p-modal_three_column_row_container {
    flex-direction: column;
  }
}

.p-modal_three_column_row_item_container {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 8px;
}

.p-modal_three_column_row_item__text {
  font-size: 13px;
  max-width: 150px;
  text-align: center;
}

.p-modal_three_column_row_item__text--wide {
  max-width: 175px;
}

.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);
  font-weight: 700;
  margin-bottom: 4px;
}

.p-modal_three_column_row_item__img {
  max-width: 140px;
  min-height: 120px;
}

.p-modal_three_column_row__img {
  height: 88px;
  margin: 25px auto;
  width: auto;
}

.p-add_workspaces_to_ssb_modal {
  width: 425px;

  .c-sk-modal_content {
    max-height: 156px;
  }

  .p-add_workspaces_to_ssb_modal__content {
    bottom: 10px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 13px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.38463;
    margin: 0 auto 0 28px;
    position: relative;
    width: 85%;
  }

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

  .p-add_workspaces_to_ssb_modal__workspace_selection {
    align-items: baseline;
    display: flex;
    margin-bottom: 5px;
    margin-top: 15px;
    position: relative;

    .c-label {
      flex-direction: row-reverse;
      justify-content: flex-end;
      max-width: 92%;
      min-width: 92%;

      .c-label__text {
        display: block;
        margin-left: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 75%;

        wbr {
          display: none;
        }
      }

      .c-label__children {
        margin-left: auto;
      }
    }
  }

  .c-sk-modal_footer_actions {
    margin: 0 auto;
  }
}

.p-add_workspaces_to_ssb_email_confirmation_modal {
  .c-sk-modal_image__container {
    background-color: #4a154b;
    display: flex;
    justify-content: center;
    padding: 65px;

    .c-sk-modal_image {
      height: auto;
      position: relative;
      top: 10px;
      width: 150px;
    }
  }

  .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);
    margin-bottom: 1.6px;
  }

  .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-client_desktop--ia-top-nav .p-download_modal {
  height: 100%;
  top: 0;
  z-index: 1054;
}

.p-download_modal .c-fullscreen_modal__button__label {
  display: none;
}

.p-download_modal__body {
  background-color: #f4ede4;

  .c-fullscreen_modal__body__content {
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    min-height: 550px;
  }
}

.p-download_modal__content_text {
  margin-bottom: 20vh;
  margin-left: 64px;
  margin-right: 64px;
  z-index: 1;
}

.p-download_modal__content_text--fullscreen {
  color: #1d1c1d;
  max-width: 700px;
}

.p-download_modal__content_text--banner {
  max-width: 580px;
}

.p-download_modal__content_text {
  .p-download_modal__title {
    font-family: Slack-Larsseit, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
    font-size: 50px;
    letter-spacing: -0.005em;
  }

  .p-download_modal__not_now:hover {
    text-decoration: underline;
  }

  .p-download_modal__instructions {
    margin-top: 32px;

    .p-download_modal__instructions_list {
      margin-left: 32px;
    }
  }

  .p-download_modal__instructions_list_item {
    counter-increment: custom;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.50001;
    margin-bottom: 20px;
    padding-left: 16px;
    position: relative;

    &:before {
      background-color: #4a154b;
      border-radius: 50%;
      color: #fff;
      content: counter(custom) ' ';
      font-weight: 700;
      height: 29px;
      left: -29px;
      position: absolute;
      text-align: center;
      width: 29px;
    }
  }

  .p-download_modal__connect_account_button {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    border-radius: 4px;
    height: 88px;
    max-width: 465px;
  }

  .p-download_modal__connect_account_button--fullscreen {
    background-color: #1d1c1d0a;
  }

  .p-download_modal__try_download_again {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    max-width: 465px;
  }

  .p-download_modal__try_download_again--fullscreen {
    color: #616061;
  }
}

.p-download_modal__close {
  -webkit-app-region: no-drag;
  align-items: center;
  border-radius: 100%;
  box-shadow: none;
  color: #1d1c1d;
  display: flex;
  flex-direction: column;
  font-size: 32px;
  height: 64px;
  justify-content: center;
  margin-left: 16px;
  position: absolute;
  right: 16px;
  text-align: center;
  top: 16px;
  -webkit-transform: translateZ(0);
  transition: opacity .2s ease-out;
  vertical-align: middle;
  width: 64px;

  &:hover {
    background-color: #ddd;
    color: #1d1c1d;
  }

  &:active {
    background-color: #007a5a;
    color: #fff;
  }

  .c-icon--times {
    margin: 0;

    &:before {
      font-size: inherit;
    }
  }
}

.p-download_modal__close-icon {
  font-size: 32px;
  line-height: 1;
}

.p-download-illo {
  bottom: 0;
  display: block;
  height: auto;
  left: 0;
  max-height: 50vh;
  position: absolute;
  width: 100%;
}

@media screen and (min-width: 1440px) {
  .p-download-illo {
    max-height: 60vh;
  }
}

path {
  &.p-download-illo__steam-line-one, &.p-download-illo__steam-line-three, &.p-download-illo__steam-line-two {
    stroke-dasharray: 30;
    stroke-dashoffset: 20;
    animation: p-download-illo__steam-line 3.5s linear infinite forwards;
    opacity: 0;
  }
}

@keyframes p-download-illo__steam-line {
  0% {
    opacity: 0;
    transform: translateY(12px);
  }

  50% {
    opacity: 1;
  }

  85% {
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: 0;
    opacity: 0;
    transform: translateY(0);
  }
}

.p-download-illo__connecting-line {
  stroke-dasharray: 380;
  stroke-dashoffset: 1100;
  animation: p-download-illo__connecting-line 4s linear infinite forwards;
  opacity: 0.5;
}

@keyframes p-download-illo__connecting-line {
  0% {
    stroke-dashoffset: 1100;
  }

  50%, to {
    stroke-dashoffset: 370;
  }
}

.p-download-illo__logo {
  animation: p-download-illo__logo 4s ease-out infinite forwards;
  opacity: 0;
  transform-origin: 82.5% 35%;
}

@keyframes p-download-illo__logo {
  0%, 47.5% {
    opacity: 0;
    transform: scale(0.7);
  }

  55% {
    opacity: 1;
    transform: scale(1.035);
  }

  60% {
    transform: scale(1);
  }

  95% {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(1);
  }
}

.p-download_modal__content_text .p-download_modal__not_now_skip {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  text-decoration: underline;
}

.p-download_modal__content_download_text--fullscreen {
  width: 600px;
}

.c-link--button.p-skip_all_tips__link {
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 0.7);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-left: 16px;
  margin-top: 4px;
  text-decoration: none;
  white-space: nowrap;

  &:focus, &:hover {
    text-decoration: underline;
  }
}

.empty-state-container__mrP93 {
  align-items: center;
  display: flex;
  height: 100vh;
  justify-content: center;
}

.onboarding-modal-content__Q7dY5 {
  margin-top: 80px;

  p {
    text-align: center;
  }
}

.onboarding-image-container__XOQXK {
  height: 330px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.onboarding-modal-title__a-whe {
  justify-content: center;
  padding: 0;

  > div {
    margin-right: 8px;
  }
}

.onboarding-modal-footer__FrjFK {
  justify-content: center;
  margin-bottom: 16px;
  margin-top: 16px;
}

.p-discount_seat_promo_announcement_modal__title {
  display: block;
  padding: 20px 28px;
  text-align: center;
}

.p-discount_seat_promo_announcement_modal__banner {
  margin: 0;
}

.p-presence_dialog__content {
  min-height: 0;
}

[lang=ru-RU] .p-presence_prompt_dialog__footer_actions {
  display: flex;
  margin-left: 8px;
}

.p-app_dialog_elements {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  min-height: 100px;
  padding-bottom: 4px;
  width: 100%;

  form {
    margin-bottom: 0;
  }
}

.p-app_dialog_elements--submitting {
  opacity: 0.4;
}

.p-app_dialog_elements--empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-app_dialog_elements__loading_message {
  text-align: center;
}

.p-app_dialog_elements .c-label:last-child {
  .c-hint, :not([class*='--with_hint']) + .c-alert, [class^=c-input] {
    margin-bottom: 0;
  }
}

.p-app_dialog {
  max-height: 96%;

  &.c-dialog__content--custom-titlebar {
    max-height: calc(96% - 31px);
  }

  &.c-dialog__content--frameless {
    max-height: calc(96% - 22px);
  }
}

[data-gantry][data-app=app-popouts] .p-app_dialog {
  border-radius: 0;
  height: 100vh;
  max-height: 100vh;
  max-width: 100vw;
  width: 100vw;
}

.p-app_dialog__title {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.p-app_dialog__title_icon {
  border-radius: .25rem;
  flex-shrink: 0;
  height: 2.25rem;
  margin-right: 16px;
  width: 2.25rem;
}

.p-app_dialog__title_text {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: block;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;

  wbr {
    display: none;
  }
}

.c-wizard_speed_bump_overlay, .c-wizard_speed_bump_wrapper {
  z-index: 1000;
}

.c-wizard_speed_bump_overlay {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 0.7);
  border-radius: 8px;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: background-color .2s ease-out;
  width: 100%;
}

.c-wizard_speed_bump_overlay--hidden {
  background-color: none;
}

.c-wizard_speed_bump_wrapper {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.c-wizard_speed_bump {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 0 0 8px 8px;
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  padding: 20px 24px;
  transform: translateY(0);
  transition: transform 0.2s ease-in-out;
}

.c-wizard_speed_bump--hidden {
  transform: translateY(100%);
}

.c-wizard_speed_bump__header {
  margin-bottom: 8px;
}

.c-wizard_speed_bump__body {
  margin-bottom: 12px;
}

.c-wizard_speed_bump__button_row {
  display: flex;
  justify-content: flex-end;
}

.c-wizard_speed_bump__button {
  margin-left: 12px;
}

.c-wizard_modal {
  z-index: 1000;

  .c-dialog__footer {
    justify-content: flex-end;
  }
}

.c-wizard_modal__next {
  margin-left: 12px;
}

.p-block_kit_modal {
  max-height: 640px;
  overflow: hidden;
  width: 520px;

  .c-dialog__body {
    min-height: 90px;

    &.c-dialog__body--slack_scrollbar {
      padding: 8px 20px 16px 24px;
    }
  }

  .c-search-select {
    min-width: 190px;
  }

  .c-message_attachment__image {
    box-shadow: none;
  }

  .c-dialog__footer {
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  }

  .p-block_kit_date_picker_button {
    float: none;
  }

  .multi_select_element_container {
    margin: 0;
  }
}

[data-gantry][data-app=app-popouts] .p-block_kit_modal {
  border-radius: 0;
  height: 100vh;
  max-height: 100vh;
  max-width: 100vw;
  width: 100vw;
}

.p-block_kit_modal__title {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.p-block_kit_modal__title_icon {
  border-radius: .25rem;
  flex-shrink: 0;
  height: 2.25rem;
  margin-right: 16px;
  width: 2.25rem;
}

.p-block_kit_modal__title_text {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: block;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;

  wbr {
    display: none;
  }
}

.p-block_kit_modal--loading .c-dialog__body, .p-block_kit_modal--submitting .c-dialog__body {
  opacity: 0.7;
}

.p-block_kit_modal--loading .c-dialog__footer {
  border-top: none;
}

.p-block_kit_modal__spinner {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.p-block_kit_modal .p-block_wrapper--modal_view:not(:first-of-type) {
  margin: 12px 0 0;
}

.p-parsec_command_modal_item {
  cursor: pointer;
  margin-top: 12px;
}

.p-shared_workspace_invitation_actions {
  align-self: center;
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0 0 0 4px;

  > * {
    margin: 0 4px 0 0;
    min-width: auto;
  }

  li:last-child {
    margin-right: 0;
  }
}

.p-shared_workspace_invite_modal--content {
  list-style: none;
}

.p-gov_slack_modal__title_icon {
  color: #1c405f;
}

.p-gov_slack_modal__title_icon--dark {
  color: #f8f8f8;
}

.p-gov_slack_modal__header_img_container {
  background-color: #1c405f;
  text-align: center;
}

.p-gov_slack_modal__header_img {
  height: 200px;
  width: 220px;
}

body.p-client_desktop--custom-titlebar window-chrome {
  height: 31px;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2000;
}

.p-message_attachment_list_view {
  width: 100%;
}

.p-message_attachment_list_view--compact {
  max-width: 426px;
}

.p-message_attachment_list_view_container {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 12px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  margin-bottom: 12px;
  position: relative;
  width: 100%;
}

.p-message_attachment_list_view_subtext {
  width: -moz-fit-content;
  width: fit-content;
}

.p-message_attachment_list_view__list_action, .p-message_attachment_list_view__list_title {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-message_attachment_list_view__list_action {
  display: none;
}

.p-message_attachment_list_view__list_link {
  &:focus, &:hover {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    text-decoration: none !important;
  }
}

.p-message_attachment_list_view_meta {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-message_attachment_list_view_button {
  width: 100%;

  &:focus .p-message_attachment_list_view__list_action, &:hover .p-message_attachment_list_view__list_action {
    display: inline;
  }

  &:focus .p-message_attachment_list_view__list_title, &:hover .p-message_attachment_list_view__list_title {
    display: none;
  }
}

.c-message_attachment_v2 {
  display: flex;
  margin: 0 0 8px;
  position: relative;

  .p-block_kit_renderer--absorb_margin {
    margin-top: 0;
  }
}

.c-message_attachment_v2__body {
  padding-top: 2px;
  width: 100%;

  > div > :first-child {
    margin-top: 0;
  }
}

.c-message_attachment_v2__delete_container {
  bottom: 0;
  left: -20px;
  position: absolute;
  top: 0;
  width: 20px;
}

.c-message_attachment_v2__delete_container--pushed, .c-message_kit__text:empty + .c-message_kit__attachments > .c-message_attachment_v2:first-child .c-message_attachment_v2__delete_container {
  top: 24px;
}

.c-message_attachment_v2__delete {
  background: none;
  border: 0;
  color: inherit;
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  display: inline;
  font: inherit;
  line-height: normal;
  opacity: 0;
  overflow: visible;
  padding: 0;

  &:active, &:focus, &:hover {
    outline: none;
  }

  &:focus, &:hover {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    opacity: 1;
  }
}

.c-message_attachment_v2:hover .c-message_attachment_v2__delete {
  opacity: 1;
}

.c-message_attachment_v2__border {
  margin-right: 12px;
}

.c-message_attachment_v2__attribution {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  padding-top: 4px;
}

[lang] .c-message_attachment_v2__attribution {
  font-size: 12px;
}

[lang=ja-JP] .c-message_attachment_v2__attribution {
  font-size: 11px;
}

[lang] .c-message_attachment_v2__attribution {
  line-height: 1.25;
}

[lang=ja-JP] .c-message_attachment_v2__attribution {
  line-height: 1.35;
}

.c-message_attachment_v2__attribution a {
  color: inherit;

  &:focus {
    text-decoration: none;
  }

  &:hover {
    text-decoration: underline;
  }
}

.c-message_attachment_v2__document_unfurl {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  padding-top: 4px;
}

[lang] .c-message_attachment_v2__document_unfurl {
  font-size: 12px;
}

[lang=ja-JP] .c-message_attachment_v2__document_unfurl {
  font-size: 11px;
}

[lang] .c-message_attachment_v2__document_unfurl {
  line-height: 1.25;
}

[lang=ja-JP] .c-message_attachment_v2__document_unfurl {
  line-height: 1.35;
}

.c-message_attachment_v2__document_unfurl .c-message_attachment_v2__attribution {
  display: inline;
}

.p-message_block_document_unfurl, .p-message_block_document_unfurl_shortcut {
  margin-bottom: 8px;
  margin-top: 8px;
}

.p-collaborators_dialog__overlay {
  z-index: 1053;
}

.p-workflow_profile_card--body {
  display: flex;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin: 4px 16px 8px;
}

.p-member_profile_card {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  width: 300px;
}

.p-member_profile_card__header {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  position: relative;
}

.p-member_profile_card__picture_trigger {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: block;
  overflow: hidden;
  width: 100%;

  &.c-button--focus-visible:focus .p-member_profile_card__picture_hint, &:hover .p-member_profile_card__picture_hint {
    opacity: 1;
  }
}

.p-member_profile_card__picture_hint {
  background: #1d1c1de6;
  border-radius: 8px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  left: 50%;
  line-height: 1.38463;
  opacity: 0;
  padding: 4px 8px;
  position: absolute;
  text-align: center;
  top: 16px;
  transform: translateX(-50%);
  transition: opacity 80ms;
  z-index: 1;
}

.p-member_profile_card__picture {
  height: 260px;
}

.p-member_profile_card__restriction {
  bottom: 0;
  position: absolute;
  width: 100%;
}

.p-member_profile_card__special_text {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  padding: 0 16px 16px;
}

.p-member_profile_card__name {
  padding: 16px;
}

.p-member_profile_card__buttons {
  margin: 4px 16px 0;

  &:last-child {
    padding-bottom: 16px;
  }
}

.p-member_profile_card__context_action_container {
  text-align: center;
}

.p-member_profile_card__context_action {
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  overflow: hidden;
  padding: 10px 16px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);

  &:focus, &:hover {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }

  wbr {
    display: none;
  }
}

.p-member_profile_card__context_action_channel_name {
  cursor: pointer;
}

.p-member_profile_card__profile_only_user_message {
  padding: 16px;
}

.p-app_profile_card {
  padding-bottom: 8px;
}

.p-app_profile_card--has_footer {
  padding-bottom: 0;
}

.p-app_profile_card__direct_message_button {
  margin-bottom: 8px;
}

.p-app_profile_card__container {
  border-radius: 5px;
  box-shadow: 0 5px 10px #0000001f;
  overflow: hidden;
  width: 320px;
}

.p-app_profile_card--loading {
  align-items: center;
  display: flex;
  height: 380px;
  justify-content: center;
  text-align: center;
}

.p-app_profile_card__header {
  background: linear-gradient(136.53deg, #ffffff0d, #fff3), linear-gradient(312.01deg, #616061, #616061bf);
  background-color: #616061;
  border-radius: 5px 5px 0 0;
  color: #fff;
  display: flex;
  padding: 24px;
  position: relative;
}

.p-app_profile_card__header--external {
  background: linear-gradient(136.53deg, #ffffff0d, #fff3), linear-gradient(312.01deg, #616061, #616061bf);
  background-color: #616061;
  border-radius: 5px 5px 0 0;
  color: #fff;
  display: flex;
  padding: 24px;
  position: relative;
  padding-top: 60px;
}

.p-app_profile_card__avatar {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 4px;
  height: 64px;
  max-width: 64px;
  min-width: 64px;
}

.p-app_profile_card__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 8px;
  margin-left: 16px;
  overflow: hidden;
  width: 100%;
}

.p-app_profile_card__description {
  font-size: 15px;
}

.p-app_profile_card__disabled_message.c-menu_item__li {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-style: italic;
  padding: 4px 24px;
}

.p-app_profile_card__installation_summary {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  list-style-type: none;
  margin: 0;
  padding: 4px 24px;
}

.p-app_profile_card__installation_summary--channel_email {
  padding-bottom: 12px;
  padding-top: 12px;
}

.p-app_profile_card__installation_summary:last-child {
  padding-bottom: 8px;
}

.p-app_profile_card__footer {
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  margin-top: 8px;
  max-width: 320px;
  padding: 16px;

  .p-app_profile_card__message_input .ql-placeholder {
    padding: 6px 0.75rem;
  }
}

.p-member_profile_picture {
  background-position: 50%;
  background-size: cover;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
  position: relative;
}

.p-member_profile_picture__img {
  height: auto;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.p-member_profile__picture {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  padding-top: 100%;
}

.p-member_profile__name {
  margin-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
}

.p-member_profile__restriction {
  margin-top: -36px;
  position: sticky;
  top: 0;
  z-index: 1;
}

.p-member_profile__buttons {
  margin: 16px 16px 0;
}

.p-member_organization_entity {
  flex-direction: column;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: 4px;
  display: flex;
  justify-content: space-between;
  min-width: 0;
  width: 100%;
}

.p-member_organization_entity__text-contents {
  display: flex;
  justify-content: space-between;
  min-width: 0;
  width: 100%;
}

.p-member_organization_entity__team_entity {
  margin-bottom: 4px;
}

.p-member_organization_entity__avatar {
  flex: none;
}

.p-member_organization_entity__text {
  min-width: 0;
}

.p-member_organization_entity--has-avatar {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}

.p-member_organization_entity--dim {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  -ms-filter: grayscale(1);
  filter: grayscale(1);
}

.p-member_organization_entity--medium {
  min-height: 36px;

  .p-member_organization_entity__text-contents {
    flex-direction: column;
  }

  &.p-member_organization_entity--has-avatar .p-member_organization_entity__text-contents {
    margin-bottom: -4px;
    margin-top: -4px;
  }

  &.p-member_organization_entity--vertically-center {
    align-items: center;
  }

  .p-member_organization_entity__subtext ~ .p-member_organization_entity__metadata {
    margin-top: 4px;
  }
}

.p-member_organization_entity--small {
  align-items: center;
  display: flex;
  line-height: 20px;

  .p-member_organization_entity__avatar {
    margin-right: 8px;
  }
}

.p-member_organization_entity__subtext {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-member_profile_card__verified_footer {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  padding: 10px 16px;
}

.p-member_profile_card__verified_footer_text {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  white-space: pre-wrap;
}

.p-member_profile_card__verified_footer_icon {
  align-self: start;
  color: #4a154b;
  margin-right: 10px;
}

.p-member_profile_card__full_profile_link {
  display: block;
  margin: -16px 16px 16px;
  padding-top: 16px;
}

.p-member_profile_card__full_profile_link--rimeto {
  margin: 0 16px;
}

.p-slash_commands_autocomplete_menu_heading {
  align-items: center;
  box-sizing: border-box;
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  line-height: 18px;
  width: 100%;
}

.p-slash_commands_autocomplete_menu_heading__icon--highlighted {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1) !important;
}

.p-slash_commands_autocomplete_menu_heading__icon {
  border-radius: 3px;
  height: 16px;
  margin-right: 14px;
  width: 16px;

  &:before {
    font-size: 16px;
  }
}

.p-slash_commands_autocomplete_menu_heading__icon--app {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 1px solid var(--saf-0);
}

.p-announce_only_commands_menu {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 6px;
  box-shadow: 0 4px 12px 0 #0000001f;
  cursor: none;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: auto;
  line-height: 1.4rem;
  max-width: none;
  min-width: 420px;
  overflow: hidden;

  .p-announce_only_commands_menu__heading {
    align-items: center;
    box-sizing: border-box;
    color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
    display: flex;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    padding: 16px 16px 8px;
    width: 100%;
  }

  .p-announce_only_commands_menu__body {
    pointer-events: none;

    .c-scrollbar__hider {
      max-width: 100%;
    }

    .c-scrollbar__child {
      max-width: 100;
    }
  }

  .p-announce_only_commands_menu__container {
    padding: 8px 0;
  }

  .p-announce_only_commands_menu__results {
    margin: 0;
    width: 100%;

    .p-announce_only_commands_menu__container--selected {
      background-color: #1264a3;
      width: 100%;

      * {
        color: #fff;
      }
    }

    .c-base_icon {
      background-color: inherit;
    }

    .c-virtual_list__item {
      height: 60px;
      line-height: 1.4;
      padding: 0;
    }

    .c-virtual_list__item--focus:focus:after {
      box-shadow: none !important;
    }
  }
}

.p-announce_only_commands_menu--cursor {
  cursor: pointer;

  .p-announce_only_commands_menu__body {
    pointer-events: all;
  }
}

.p-announce_only_commands_menu_trigger--button {
  background: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
  border-radius: 50% !important;
  height: 24px;
  position: relative;
  width: 24px;

  &:before {
    bottom: -2px;
    content: '';
    left: -2px;
    position: absolute;
    right: -2px;
    top: -2px;
  }

  &.c-icon_button--default:hover {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.p-announce_only_commands_menu_trigger--circle:before {
  background-color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
  border-radius: 50%;
  content: '';
  height: 7px;
  left: 12px;
  mix-blend-mode: darken;
  position: absolute;
  top: 2px;
  transform: translate(50%, -50%);
  width: 7px;
}

.p-email_link_menu__title {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 8px;
  overflow: hidden;
  padding-left: 24px;
  padding-right: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-dead_end_link_dialog--content {
  max-width: 450px;
}

.p-dnd_button {
  opacity: 0.6;

  &:active, &:focus, &:hover {
    opacity: 1;
  }
}

.p-dnd_menu {
  border-radius: 0 0 6px 6px;
}

.p-dnd_menu_question_button {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  position: absolute;
  right: 15px;
  top: 15px;
}

.p-dnd_menu__schedule_header, .p-dnd_menu__snooze_header {
  align-items: flex-end;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  display: flex;
  justify-content: flex-start;
  max-width: 300px;
}

.p-dnd_menu__schedule_header:before {
  background-repeat: no-repeat;
  content: '';
  height: 101px;
  position: absolute;
  top: 0;
  width: 300px;
}

.p-dnd_menu__snooze_header {
  &:before {
    background-repeat: no-repeat;
    content: '';
    height: 101px;
    position: absolute;
    top: 0;
    width: 300px;
    background-image: url(./dnd_snooze-a095040.svg);
  }

  background-image: linear-gradient(#2d4b9b, #226cc3);
}

.p-dnd_menu__schedule_header {
  background-image: linear-gradient(#1d2537, #372137);

  &:before {
    background-image: url(./dnd_schedule-3d260e1.svg);
  }
}

.p-dnd_menu__header_status {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin: 48px 24px 16px;
}

.p-dnd_menu__new_pill {
  align-items: center;
  background-color: #e8f5fa;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #1d9bd11a;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  display: inline-block;
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  margin-left: 4px;
  padding: 2px 4px;
  position: relative;
  top: -1px;
  vertical-align: middle;
}

.c-menu_item__li--highlighted .p-dnd_menu__new_pill, .sk-client-theme--dark .p-dnd_menu__new_pill {
  background-color: #ffffff14;
  box-shadow: inset 0 0 0 1px #ffffff14;
  color: #ffffffeb;
}

.p-dnd_dialog__date_picker_trigger {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  font-weight: 400;
  height: 36px;
  margin: 2px 0 20px;
  padding: 4px 12px;
  transition: border 80ms ease-out, box-shadow 80ms ease-out;
  width: 100%;

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

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

  &[disabled] {
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border: 1px solid var(--saf-0);
  }
}

.p-dnd_header {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 15px;
  font-weight: 400;
  justify-content: flex-start;
  line-height: 1.46668;
  margin: -8px 0 8px;
}

.p-dnd_header__snooze_background {
  background-image: linear-gradient(#28323f, #324458);
}

.p-dnd_header__schedule_background {
  background-image: linear-gradient(#2b2438, #382239);
}

.p-dnd_header__status {
  margin: 12px 24px;
}

.p-dnd_header__sub_text {
  color: #ffffff85;
}

.p-create_gdoc_dialog__broadcast_section {
  margin-top: 8px;
}

.p-create_gdoc_dialog {
  .c-dialog__body {
    padding-bottom: 8px;
  }

  .c-dialog__footer {
    padding-top: 12px;

    .c-dialog__footer_text {
      flex: auto;
      min-width: 1px;
    }
  }
}

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

.p-create_gdoc_dialog__footer_share_inputs .c-input_select {
  margin-bottom: 0;
}

.p-calls_upgrade_content__link {
  &:active, &:focus, &:hover {
    text-decoration: none;
  }

  &:active .p-calls_upgrade_content__link__text, &:focus .p-calls_upgrade_content__link__text, &:hover .p-calls_upgrade_content__link__text {
    text-decoration: underline;
  }
}

.p-calls_upgrade_modal__title {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
}

.p-member_profile_flexpane .p-member_profile_field {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  padding-top: 12px;
}

.p-member_profile_flexpane--ia .p-member_profile_field__secondary {
  top: 6px;
}

.p-help_search__title {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin: 15px 18px 3px;
}

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

.p-help_search__list {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  overflow: auto;
  width: 100%;

  .hover_styles {
    background-color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    border: 0;
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);

    .p-help_search__file__icon:before {
      color: #fff;
    }

    .p-help_search__list__icon {
      display: inline-block;
    }

    .p-help_search__list__item {
      border: 0;
      text-decoration: none;
    }

    .p-help_search__list__item__title, .p-help_search_category_item__description {
      color: #fff;
    }
  }

  .p-help_search__file__icon {
    display: none;
    margin-right: 14px;

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

  &.p-help_search__list__highlight_first .c-virtual_list__item:first-of-type {
    background-color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    border: 0;
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);

    .p-help_search__file__icon:before {
      color: #fff;
    }

    .p-help_search__list__icon {
      display: inline-block;
    }

    .p-help_search__list__item {
      border: 0;
      text-decoration: none;
    }

    .p-help_search__list__item__title, .p-help_search_category_item__description {
      color: #fff;
    }
  }

  .c-virtual_list__item--focus:after {
    box-shadow: none;
  }

  .c-virtual_list__item {
    &:active, &:focus, &:hover {
      background-color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
      border: 0;
      color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    }

    &:active .p-help_search__file__icon:before, &:focus .p-help_search__file__icon:before, &:hover .p-help_search__file__icon:before {
      color: #fff;
    }

    &:active .p-help_search__list__icon, &:focus .p-help_search__list__icon, &:hover .p-help_search__list__icon {
      display: inline-block;
    }

    &:active .p-help_search__list__item, &:focus .p-help_search__list__item, &:hover .p-help_search__list__item {
      border: 0;
      text-decoration: none;
    }

    &:active {
      .p-help_search__list__item__title, .p-help_search_category_item__description {
        color: #fff;
      }
    }

    &:focus {
      .p-help_search__list__item__title, .p-help_search_category_item__description {
        color: #fff;
      }
    }

    &:hover {
      .p-help_search__list__item__title, .p-help_search_category_item__description {
        color: #fff;
      }
    }
  }

  .p-help_search__list__item {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-height: 45px;
    padding-right: 12px;
    width: 100%;
  }

  .p-help_search__helpcenter__list__item {
    border: 0;
  }

  .p-help_search__list__item_title_description {
    padding: 12px 0;
  }

  .p-help_search__helpcenter_link {
    border: 0;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
  }

  .p-help_search__helpcenter_external_icon {
    font-size: 16px;
    margin-left: 8px;
  }

  .p-help_search__list__icon {
    color: #fff;
    display: none;
  }

  .p-help_search__list__item__title {
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    font-size: 16px;
    font-weight: 700;
  }

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

  .p-help_search__list__container {
    padding: 0 28px;
  }

  .p-help_search__list__item__article {
    border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    padding-left: 20px;
  }

  .p-help_search__list__item__article_title {
    align-items: center;
    display: flex;
    padding-bottom: 5px;
    padding-left: 16px;
    padding-top: 5px;
  }

  .p-help_search__list__item__article_active {
    background-color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    border: 0;
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);

    .p-help_search__file__icon:before {
      color: #fff;
    }

    .p-help_search__list__icon {
      display: inline-block;
    }

    .p-help_search__list__item {
      border: 0;
      text-decoration: none;
    }

    .p-help_search__list__item__title, .p-help_search_category_item__description {
      color: #fff;
    }
  }

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

    &:last-child {
      border: 0;
    }
  }
}

.p-help_search__helpcenter_link_container {
  padding: 16px 28px;
}

.p-help_search__cards_container {
  margin-bottom: 28px;
  margin-top: 10px;
}

.p-help_search__resource_card__container {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  margin-top: 8px;
  padding: 12px;
  width: 100%;

  &:hover {
    --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-help_search__resource_card__container--actionable {
  --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.1);
  background-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.1);
  border: 1px solid var(--saf-0);
}

.p-help_search__resource_card__slack {
  padding: 12px;
}

.p-help_search__resource_card__title {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;
}

.p-help_search__resource_card__text_container {
  align-self: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: -4px;
  margin-top: -4px;
}

.p-help_search__resource_card__text {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  line-height: 1.2;
  margin-top: 3px;
}

.p-help_search__resource_card__image {
  align-items: center;
  border-radius: 7px 0 0 7px;
  display: flex;
  height: 36px;
  justify-content: center;
  margin-right: 12px;
  width: 36px;

  img {
    background-color: #4a154b1a;
    border-radius: 8px;
    padding: 6px;
  }
}

.p-help_search__resource_card__quick_start_guide__image img {
  background-color: #1d9bd1;
}

.p-help_search__resource_card__button_container {
  align-items: center;
  flex-grow: 1;
  justify-content: flex-end;
  padding-right: 12px;
}

.p-help_search__resource_card__dismiss_container {
  flex-grow: 1;
  text-align: right;
}

.p-help_search__resource_card__badge {
  align-items: center;
  display: flex;
  height: 36px;
  margin-right: 12px;
  width: 8px;
}

.p-help_search__resource_card__badge--dot {
  background-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  border: 1px solid #fff;
  border-radius: 50%;
  height: 8px;
  width: 8px;
}

.p-help_search__content__card {
  padding: 0 16px;
}

.p-help_search__content__card__subtitle {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin-bottom: 14px;

  .c-icon {
    height: 14px;
    margin-right: 4px;
    width: 14px;

    &:before {
      font-size: 14px;
    }
  }
}

.p-help_search__content__card__link {
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
}

.p-help_search__content__card__help_center_link {
  display: flex;
  font-size: 13px;
  font-weight: 700;
}

.p-help_search__content__card__quick_start_guide .p-help_search__resource_card__image img {
  background-color: #1d9bd1;
}

.p-help_search__content__card__app_update {
  margin-top: 28px;
  position: relative;

  .p-help_search__resource_card__image img {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    padding: 0;
  }
}

.p-help_search__content__card__app_update_badge {
  margin-left: 7px;
  top: 7px;
}

.p-help_search__content__card__customer_consult_card {
  .p-help_search__resource_card__container {
    border: 1px solid #4a154b;
  }

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

.p-help_search__content__card__live_chat_support_card {
  position: relative;

  .p-help_search__resource_card__container {
    border: 1px solid #b98a09;
  }

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

  .p-help_search__content__card__live_chat_support_card_icon {
    background-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    border-radius: 20px;
    color: #007a5a;
    left: 46px;
    position: absolute;
    top: 37px;

    &:before {
      font-size: 24px;
      position: absolute;
      right: -2px;
      top: -3px;
    }
  }
}

.p-help_search__content__card__slack_connect .p-help_search__resource_card__image img {
  background-color: #1d9bd11a;
}

.p-help_search__badge_small {
  background-color: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
  border-radius: 6px;
  display: inline-block;
  height: 7px;
  margin-bottom: 1px;
  margin-left: 8px;
  width: 6px;
}

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

.p-help_search__badge_small__blue {
  background-color: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
}

.p-live_chat_support__wrapper + .p-help_search__list__inner .p-help_search__content__card {
  margin-top: 0;
}

.c-zoom_slider {
  align-items: center;
  display: flex;
  width: 100%;
}

.c-zoom_slider__inner_container {
  width: 100%;
}

.c-zoom_slider__minus_button, .c-zoom_slider__plus_button {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 24px;
  margin-bottom: 10px;
  padding: 0 10px;
}

.c-zoom_slider__minus_button:hover, .c-zoom_slider__plus_button:hover {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.c-zoom_slider__slider {
  &:focus {
    outline: none;

    &::-webkit-slider-thumb, &::-moz-range-thumb {
      --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
      box-shadow: 0 0 0 1px var(--saf-0);
    }
  }

  &:hover {
    &::-webkit-slider-thumb, &::-moz-range-thumb {
      cursor: pointer;
    }
  }

  -webkit-appearance: none;
  appearance: none;
  background: linear-gradient(90deg, #bbb 100% 100%);
  height: 2px;
  margin: 0 auto;
  opacity: 1;
  outline: none;
  width: 100%;

  &::-webkit-slider-thumb, &::-moz-range-thumb {
    appearance: none;
    -webkit-appearance: none;
    background: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    border-radius: 50%;
    height: 15px;
    margin-top: -17px;
    width: 15px;
  }
}

.c-zoom_slider__option:hover, .c-zoom_slider__slider:hover {
  cursor: pointer;
}

.c-zoom_slider__datalist {
  display: flex;
  justify-content: space-between;
}

.c-zoom_slider__ticker {
  border-right: 2px solid #bbb;
  font-size: 12px;
  height: 1px;
  margin-left: -4px;
  margin-top: -13px;
  width: 0;
}

.c-zoom_slider__current_value {
  -webkit-user-select: none;
  user-select: none;

  > span {
    position: absolute;
    text-align: center;
    top: -45px;
    width: max-content;
  }
}

.p-a11y_prefs_setup_modal {
  width: 520px;
}

.p-a11y_prefs_setup_modal--wide {
  max-width: 763px;
  width: 763px;
}

.p-a11y_prefs_setup_modal .c-radio_button_card__primary_text {
  font-weight: 400;
}

.p-a11y_prefs_setup_modal__hide_overlay:before {
  transition: opacity 0.16s;
}

.p-a11y_prefs_setup_modal__message_pillow {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  padding: 16px;
}

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

.p-a11y_prefs_setup_modal__message_pillow__bordered {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.p-a11y_prefs_setup_modal {
  .p-prefs_modal__message_example__avatar {
    margin-left: 0;
  }

  .c-radio_button_card .c-message {
    white-space: nowrap;
  }
}

.p-a11y_prefs_setup_modal__up_arrow__option {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: start;
  width: 100%;
}

.p-a11y_prefs_setup_modal__up_arrow__option--edit {
  background-color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 0.2);
}

.p-a11y_prefs_setup_modal__up_arrow__cancel_button {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  font-weight: 700;
  padding: 4px 12px;
}

.p-a11y_prefs_setup_modal__up_arrow__save_button {
  background-color: #007a5a;
  border-radius: 4px;
  color: #fff;
  font-weight: 700;
  margin-left: 8px;
  padding: 4px 12px;
}

.p-a11y_prefs_setup_modal__up_arrow__input {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  border-bottom-right-radius: 0;
  border-right: none;
  border-top-right-radius: 0;
  margin-bottom: 8px;
  padding: 8px 4px;

  .cursor {
    border-right: 1px solid rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }
}

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

.p-a11y_prefs_setup_modal {
  .c-fieldset, .c-radiogroup {
    margin: 0;
  }

  .c-label--inline {
    margin-bottom: 0;
  }
}

.p-a11y_prefs_setup_modal_speedbump {
  width: 520px;

  .c-modal_speed_bump__heading {
    margin-bottom: 16px;
  }

  .c-modal_speed_bump__text_wrapper {
    margin-bottom: 8px;
  }
}

.p-a11y_prefs_setup_modal_speedbump--wide {
  max-width: 763px;
  width: 763px;
}

.p-a11y_prefs_setup_modal {
  .c-sk-modal_content {
    height: 100%;
  }

  .c-sk-modal_footer_actions {
    &.categories_footer_actions {
      justify-content: flex-end;
    }

    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}

.c-sk-overlay.p-a11y_prefs_setup_modal__hide_overlay.ReactModal__Overlay--after-open:not(.ReactModal__Overlay--before-close):before {
  opacity: 0;
}

.p-a11y_prefs_setup_modal {
  .c-sk_radio_card__radio {
    max-width: 225px;
  }

  .c-sk_radio_card__radio__title {
    font-weight: 400;
    margin-top: -4px;
  }

  .c-sk-modal_content__inner {
    overflow-x: auto;
  }
}

.c-radio_button_card {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  margin-right: 16px;
  overflow: hidden;
  width: 225px;

  &:hover {
    cursor: pointer;
  }

  &:not(.c-radio_button_card--checked):hover {
    box-shadow: 0 1px 4px #0000004d;
  }

  .c-label__text {
    padding-bottom: 0;
  }

  &:focus-within {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 #00000014;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  }
}

.c-radio_button_card__image_container {
  min-height: 120px;
}

.c-radio_button_card__content {
  display: flex;
  padding: 20px;
}

.c-radio_button_card__text {
  margin-top: -6px;
}

.c-radio_button_card__primary_text {
  font-weight: 700;
  margin-bottom: 4px;
}

.c-radio_button_card__disabled_footer_text {
  background-color: rgba(var(--sk_inverted_background, 29, 28, 29), 0.04);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.c-radio_button_card .c-label__children {
  display: block;
}

.c-radio_button_card__image {
  height: 120px;
  min-height: 120px;
  padding: 0;
  width: 100%;
}

.c-radio_button_card__image--node {
  align-items: center;
  display: flex;
  justify-content: start;
}

.c-sound_prefs__container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.c-sound_prefs__sample_message {
  margin-left: auto;
  margin-right: auto;
  margin-top: 16px;
}

@keyframes c-sound_prefs__sample_message_animation {
  0% {
    transform: translateY(100px);
  }

  to {
    transform: translateY(0);
  }
}

.c-sound_prefs__sample_message--transition {
  animation-duration: .5s;
  animation-name: c-sound_prefs__sample_message_animation;
  animation-timing-function: cubic-bezier(0.36, 0.19, 0.29, 1);
}

.c-sound_prefs__play_button {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 28px;
  display: block;
  height: 28px;
  margin-top: 8px;
  width: 28px;
}

.c-sound_prefs__play_button__icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.c-sound_prefs__play_button__icon--disabled {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

.c-sound_prefs__direct_message_announcement {
  border-radius: 4px;
  width: 100%;
}

.c-sound_prefs__direct_message_announcement__live_region {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  width: 1px;
}

.c-message_with_screenreader_example {
  display: flex;
  flex-direction: column;
}

.c-message_with_screenreader_example__caption_text {
  --saf-0: rgba(var(--sk_inverted_background, 29, 28, 29), 1);
  background-color: rgba(var(--sk_inverted_background, 29, 28, 29), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  font-weight: 700;
  margin-top: 4px;
  padding: 4px 12px;
}

.p-help_home_product_release_card {
  min-width: 288px;
  width: 288px;

  .p-help_flexpane__tour-highlight {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border-radius: 4px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  }

  &.max {
    width: 100%;
  }

  &.disabled {
    opacity: 0.5;
  }
}

.p-help_home_product_release_card__container {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  overflow: hidden;
  position: relative;
  width: 100%;

  &:hover {
    --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-help_home_product_release_card__text_container {
  height: 100%;
  padding: 10px 12px;
  width: 100%;
}

.p-help_home_product_release_card__title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;
  overflow: hidden;
  text-overflow: ellipsis;
}

.p-help_home_product_release_card__text {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-help_home_product_release_card__image {
  border-radius: 0 0 8px 8px;
  height: 140px;
  object-fit: cover;
  width: 100%;

  &.hidden {
    display: none;
  }
}

.p-help_home_product_release_card__badge {
  background-color: #e8f5fa;
  border-radius: 96px;
  bottom: 16px;
  box-shadow: 0 1px 3px 0 #000;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  font-size: 12px;
  font-weight: 700;
  left: 16px;
  padding: 4px 8px;
  position: absolute;
}

.p-help_home_slider {
  position: relative;
}

.p-help_home_slider__arrow {
  --saf-0: rgba(var(--sk_foreground_mid_solid, 187, 186, 187), 1);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 32px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  height: 40px;
  min-width: unset;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  z-index: 1;

  &.disabled {
    display: none;
  }

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

  &:focus-visible {
    opacity: 1;
  }
}

.p-help_home_slider__arrow-right {
  right: 4px;
}

.p-help_home_slider__arrow-left {
  left: 4px;
}

.p-help_home_slider__slide {
  column-gap: 12px;
  display: flex;
  overflow-x: hidden;
  padding: 6px 18px;
}

.p-help_home_slider:hover .p-help_home_slider__arrow {
  opacity: 1;
}

.p-help_home_featured {
  margin: 7px 0 14px;
}

.p-help_home_featured__header {
  align-items: center;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  justify-content: space-between;
  line-height: 1.38463;
  margin: 0 18px 14px;

  .c-icon {
    height: 14px;
    margin-right: 4px;
    width: 14px;

    &:before {
      font-size: 14px;
    }
  }
}

.p-help_home_featured__title {
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
}

.p-help_home_navigation {
  margin: 7px 18px 18px;
}

.p-help_home_navigation__header {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin-bottom: 10px;

  .c-icon {
    height: 14px;
    margin-right: 4px;
    width: 14px;

    &:before {
      font-size: 14px;
    }
  }
}

.p-help_home_navigation__categories {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding: 0 18px;

  .c-link--button {
    align-items: center;
    display: flex;
    height: 26px;

    &:hover {
      text-decoration: none;
    }
  }
}

.p-help_home_navigation__section {
  align-items: center;
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  font-size: 18px;
  font-weight: 400;
  font-weight: 700;
  height: 56px;
  justify-content: left;
  line-height: 1.50001;
  padding: 18px;
  width: 100%;

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

  &:hover {
    text-decoration: none;
  }
}

.p-help_home_navigation__articles {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin: 18px;
  padding-left: 9px;

  .c-link {
    line-height: 28px;
    width: 100%;
  }
}

.p-help_home_navigation__name:hover {
  text-decoration: underline;
}

.p-help_home {
  display: flex;
  flex-direction: column;
  height: 100%;

  .c-fullscreen_modal__body__content {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    width: 740px;
  }

  .c-fullscreen_modal__body {
    padding-bottom: 80px;
  }

  .p-help_modal__footer_contact {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .p-help_modal_title {
    font-size: 36px;
  }

  .p-help_modal__shortcuts__button {
    left: 12px;
    position: absolute;
    top: 12px;
  }

  .p-help_modal__browse {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    font-size: 16px;
    font-weight: 700;

    &:hover {
      color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
      cursor: pointer;
      text-decoration: none;

      .p-help_modal__browse__text {
        text-decoration: underline;
      }
    }
  }
}

.p-help_home__actionables_container {
  margin: 7px 18px 14px;
}

.p-help_home__actionables_title {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin-bottom: 14px;

  .c-icon {
    height: 14px;
    margin-right: 4px;
    width: 14px;

    &:before {
      font-size: 14px;
    }
  }
}

.p-help_home {
  .p-help_recommended {
    margin: 7px 18px 18px;

    .p-help_flexpane__tour-highlight {
      --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
      border-radius: 4px;
      box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
    }
  }

  .p-help_modal__footer {
    align-items: stretch;
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-size: 15px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 1.46668;
    margin-top: auto;
    max-width: 100%;
    padding: 20px 16px;
    width: 100%;
  }

  .p-help_modal__requests:hover {
    cursor: pointer;
    text-decoration: none;

    .p-help_modal__requests__message {
      color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
      text-decoration: none;
    }
  }

  .p-help_modal__requests__message {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    margin-left: 6px;
    vertical-align: initial;

    &.read:not(.p-help_modal__requests__message__redesign) {
      color: #007a5a;
    }
  }

  .p-help_modal__requests_badge {
    border-radius: 11px;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    padding-top: 3px;

    &.read {
      background-color: #007a5a;
      padding-right: 0;
    }

    &.unread {
      background-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
      padding: 3px 8px;
    }

    &.p-help_modal__requests_badge__redesign {
      margin-left: 8px;

      &.read {
        background-color: initial;
        color: rgba(var(--sk_highlight, 18, 100, 163), 1);
      }
    }
  }

  .p-help_modal__contact_us__button {
    margin-left: 16px;
    min-width: 132px;
  }

  .p-help_modal__contact_us__icon {
    padding-left: 5px;
  }

  .p-help_home_scrollable_list {
    height: 100%;
  }

  .c-filter_input {
    height: 47px;
    margin: 11px 16px 7px;
    padding: 12px 8px;
  }

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

@media screen and (max-width: 960px) {
  .p-help_home {
    .p-help_modal__footer {
      flex-direction: column-reverse;
    }

    .p-help_modal__footer_tickets {
      align-self: flex-start;
    }
  }
}

.p-help_flexpane .p-help_search_filter_input__prog_disc_explainer {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border: 2px solid var(--saf-0);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: none;
  margin-top: 0;
}

.sk-client-theme--dark .p-help_flexpane .p-help_search_filter_input__prog_disc_explainer {
  border: 2px solid #f8f8f8;
}

.p-help_flexpane {
  .p-help_search__list {
    margin-top: 10px;

    .p-help_search__list__container {
      padding: 0;
    }

    .p-help_search__list__item__article {
      align-items: center;
      border-bottom: 0;
      display: flex;
      padding: 0;
    }
  }

  .p-help_search__file__icon {
    display: inline-block;
    margin-right: 14px;
  }

  .p-help_search__list__icon {
    display: none !important;
  }

  .p-help_flexpane__whats_new_icon {
    .c-icon_button__badge {
      background-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    }

    &.p-help_flexpane__tour-highlight {
      --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
      border-radius: 4px;
      box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
    }
  }
}

.p-quip_templates {
  margin: auto;
  max-width: 970px;
  padding: 88px;
}

.p-quip_templates__header {
  font-weight: 700;
  margin-bottom: 12px;
}

.p-quip_templates__buttons, .p-quip_templates__header {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 15px;
}

.p-quip_templates__buttons {
  display: flex;
  flex-direction: column;
  margin-left: -8px;

  .c-virtual_list__item#helpcenter_link {
    margin-top: 6px;
  }
}

.p-quip_templates__buttons__button {
  align-items: center;
  display: flex;
  margin-bottom: 8px;
  margin-left: 8px;
  margin-top: 8px;

  svg {
    margin-right: 12px;
  }

  &:hover {
    background: none !important;
    cursor: pointer;
    text-decoration: underline;
  }
}

@container quip-flexpane (max-width: 350px) {
  .p-quip_templates {
    padding: 28px;
  }
}

@container quip-popout (max-width: 350px) {
  .p-quip_templates {
    padding: 28px;
  }
}

@container quip-popout (min-width: 350px) and (max-width: 500px) {
  .p-quip_templates {
    padding: 40px;
  }
}

@container quip-flexpane (min-width: 350px) and (max-width: 500px) {
  .p-quip_templates {
    padding: 40px;
  }
}

.p-quip_embed_with_template_overlay {
  height: 100%;
  width: 100%;
}

.p-quip_embed_with_template_overlay--hidden {
  visibility: hidden;

  .p-quip_embed__wrapper {
    opacity: 0;
  }
}

.image--size-5 {
  width: 5%;
}

.image--size-10 {
  width: 10%;
}

.image--size-15 {
  width: 15%;
}

.image--size-20 {
  width: 20%;
}

.image--size-25 {
  width: 25%;
}

.image--size-30 {
  width: 30%;
}

.image--size-35 {
  width: 35%;
}

.image--size-40 {
  width: 40%;
}

.image--size-45 {
  width: 45%;
}

.image--size-50 {
  width: 50%;
}

.image--size-55 {
  width: 55%;
}

.image--size-60 {
  width: 60%;
}

.image--size-65 {
  width: 65%;
}

.image--size-70 {
  width: 70%;
}

.image--size-75 {
  width: 75%;
}

.image--size-80 {
  width: 80%;
}

.image--size-85 {
  width: 85%;
}

.image--size-90 {
  width: 90%;
}

.image--size-95 {
  width: 95%;
}

.image--size-100 {
  width: 100%;
}

.image--border-round {
  border-radius: 8px;
}

.p-help_article_feedback .c-feedback-button {
  margin: 0 8px;
  min-width: 125px;
}

.p-help_article_copy_link {
  height: 20px;
  margin-left: 4px;
  margin-right: -24px;
  width: 20px;

  .c-icon--link:before {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.46668;
  }
}

.image--size-5 {
  width: 5%;
}

.image--size-10 {
  width: 10%;
}

.image--size-15 {
  width: 15%;
}

.image--size-20 {
  width: 20%;
}

.image--size-25 {
  width: 25%;
}

.image--size-30 {
  width: 30%;
}

.image--size-35 {
  width: 35%;
}

.image--size-40 {
  width: 40%;
}

.image--size-45 {
  width: 45%;
}

.image--size-50 {
  width: 50%;
}

.image--size-55 {
  width: 55%;
}

.image--size-60 {
  width: 60%;
}

.image--size-65 {
  width: 65%;
}

.image--size-70 {
  width: 70%;
}

.image--size-75 {
  width: 75%;
}

.image--size-80 {
  width: 80%;
}

.image--size-85 {
  width: 85%;
}

.image--size-90 {
  width: 90%;
}

.image--size-95 {
  width: 95%;
}

.image--size-100 {
  width: 100%;
}

.image--border-round {
  border-radius: 8px;
}

.p-help_article_flexpane {
  [data-show-locales] {
    display: none;
  }

  .zd-locale-de [data-show-locales*=de], .zd-locale-en-gb [data-show-locales*=en-gb], .zd-locale-en-us [data-show-locales*=en-us], .zd-locale-es [data-show-locales*=es], .zd-locale-es-419 [data-show-locales*=es-419], .zd-locale-fr-fr [data-show-locales*=fr-fr], .zd-locale-it [data-show-locales*=it], .zd-locale-it-it [data-show-locales*=it-it], .zd-locale-ja [data-show-locales*=ja], .zd-locale-jp [data-show-locales*=jp], .zd-locale-ko-kr [data-show-locales*=ko-kr], .zd-locale-pt-br [data-show-locales*=pt-br], .zd-locale-ru [data-show-locales*=ru], .zd-locale-zh-cn [data-show-locales*=zh-cn], .zd-locale-zh-tw [data-show-locales*=zh-tw] {
    display: block;
  }

  .p-flexpane_header {
    display: flex;
    flex-direction: row-reverse;
  }

  .p-flexpane_header__secondary {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
  }

  .p-help_article_flexpane__article {
    padding: 24px;

    &:focus {
      outline: none;
    }
  }

  .p-help_article_flexpane__article--focus-visible:focus:after {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border-radius: 4px;
    bottom: 4px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
    content: '';
    display: block;
    left: 4px;
    pointer-events: none;
    position: absolute;
    right: 4px;
    top: 4px;
  }

  h1 {
    font-size: 22px;
    font-weight: 900;
    line-height: 1.36365;
    margin-bottom: 24px;
  }

  h2 {
    font-size: 22px;
    font-weight: 900;
    line-height: 1.36365;
    margin-bottom: 24px;

    &.strong {
      font-weight: 900;
    }
  }

  h3 {
    font-size: 18px;
    font-weight: 900;
    line-height: 1.33334;
    margin-bottom: 18px;

    strong {
      font-weight: 900;
    }
  }

  table {
    display: flex;
    margin: auto;
    max-width: 1000px;
    width: 100%;
  }

  img {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    display: flex;
    height: auto;
    margin: 12px 0;
    max-width: 500px;
    width: 100%;
  }
}

.p-help_article_flexpane__video_container {
  height: 0;
  overflow: hidden;
  padding-top: 52.46332074%;
  position: relative;
}

.p-help_article_flexpane {
  iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }

  ol {
    img {
      margin: 12px 0;
    }

    &:not(.takeaway) {
      li {
        counter-increment: list;
        list-style: none;
        margin-bottom: 10px;
        margin-left: 40px;
        text-indent: -40px;

        &:before {
          background-color: #007a5a;
          border-radius: 13px;
          color: #fff;
          content: counter(list);
          display: inline-block;
          font-size: 14px;
          font-weight: 700;
          line-height: 24px;
          margin-right: 15px;
          padding-left: 0;
          text-indent: 8px;
          vertical-align: top;
          width: 24px;
        }

        &:nth-child(n+10):nth-child(-n+99):before {
          text-indent: 5px;
        }
      }

      .c-icon {
        text-indent: 0;
      }
    }
  }

  .c-alert {
    margin: 24px 0;
  }

  .c-tabs__tab_panel {
    padding-top: 36px;
  }
}

.p-help_article_flexpane__table_container {
  overflow: scroll;
}

.p-help_article_flexpane {
  .c-keyboard_key {
    text-indent: 0;
  }

  table {
    border-collapse: collapse;
    text-align: left;

    tr {
      &:nth-child(odd) td {
        background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);

        &:first-child {
          border-bottom-left-radius: 6px;
          border-top-left-radius: 6px;
        }

        &:last-child {
          border-bottom-right-radius: 6px;
          border-top-right-radius: 6px;
        }
      }

      &.white td {
        background: none;
      }

      &.grey td {
        background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
      }
    }

    td {
      border-color: #00000012;
      border-style: solid;
      padding: 8px 12px;
    }

    th {
      border-color: #00000012;
      border-style: solid;
      padding: 8px 12px;
      border-width: 1px 0;
      color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
      font-size: 11px;
      font-weight: 400;
      white-space: nowrap;
    }

    td {
      border-width: 0;
      font-size: 1rem;

      &.noborder {
        border-width: 0;
        vertical-align: top;
      }
    }
  }

  .boxed {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    background-clip: padding-box;
    border: 1px solid var(--saf-0);
    border-radius: 6px;
    box-shadow: 0 1px 5px 0 #00000026;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 24px;
    max-width: 100%;
    padding: 16px 18px;

    ul {
      list-style: none;
      margin: 5px 0 0;

      strong {
        color: #007a5a;
      }
    }

    ol {
      margin-bottom: 0;
      margin-left: 0;
    }

    .ts_icon:before {
      color: #868686;
      font-family: Slack v2;
    }

    .ts_icon_user:before {
      content: '\E003';
      margin-right: 5px;
    }

    .ts_icon_flag:before {
      content: '\E141';
      margin-right: 5px;
    }
  }
}

.p-shortcuts_flexpane__shortcut {
  border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-style: solid;
  border-width: 0 0 1px;
  display: flex;
  margin: 0 16px;

  button {
    text-align: start;
  }
}

.p-shortcuts_flexpane__shortcut_title {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  flex-grow: 1;
  font-size: inherit;
  font-weight: inherit;
  line-height: 22px;
  outline: 0;
  padding: 12px 0;
}

.p-shortcuts_flexpane__tip {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  height: 20px;
  margin-left: 5px;
  position: relative;
  width: 20px;
}

.p-shortcuts_flexpane__shortcut_keys {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  font-size: 13px;
  padding: 0;
  white-space: nowrap;
}

.p-workspace__secondary_view--tiny {
  .p-flexpane__subtitle {
    display: none;
  }

  .p-shortcuts_flexpane__shortcut {
    flex-direction: column;
  }

  .p-shortcuts_flexpane__shortcut_title {
    padding-bottom: 0;
  }

  .p-shortcuts_flexpane__shortcut_keys {
    margin-left: -4px;
    padding-bottom: 12px;
  }
}

.p-shortcuts_flexpane__list .c-virtual_list__scroll_container {
  margin: 16px 0 32px;
}

.p-shortcuts_flexpane__shortcut_heading {
  border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-style: solid;
  border-width: 0 0 1px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 18px;
  font-weight: 900;
  margin: 32px 16px 0;
  padding-bottom: 4px;
}

.p-shortcuts_flexpane__shortcut_heading_first {
  margin-top: 24px;
}

.p-keyboard_shortcuts_list__subtitle {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  margin-left: 12px;
}

.p-keyboard_shortcuts_flexpane .p-shortcuts_flexpane__shortcut_sub_heading {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  margin: 4px 16px 0;
}

.p-workspace__secondary_view--large .p-keyboard_shortcuts_flexpane.p-keyboard_shortcuts_flexpane_new {
  .p-flexpane__title_container {
    align-items: center;
    display: flex;
    width: 100%;
  }

  .p-flexpane__subtitle {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
}

.p-whats_new__month_header {
  font-weight: 700;
  margin: 16px;
}

.p-whats_new__entry {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 1px solid var(--saf-0);
  border-radius: 12px;
  margin: 8px 16px;
  padding: 12px;
}

.p-whats_new__header {
  font-weight: 900;
  margin-bottom: 12px;
}

.p-whats_new {
  p {
    margin: 0;
  }

  img {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    display: flex;
    height: auto;
    margin: 12px auto;
    max-width: 500px;
    width: 100%;
  }

  ul {
    margin-left: 28px;
  }
}

.p-xws_education {
  margin: 16px;
}

.p-activity_page__list .c-virtual_list__item--focus .p-xws_education {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.p-xws_education--full {
  border-radius: 0;
  margin: 0;

  .p-browse_page_education_card__close {
    right: 32px;
  }
}

.p-xws_education__icon {
  color: #de4e2b;
}

.p-message_container_error {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  margin: auto;
  text-align: center;

  .c-emoji {
    height: 64px;
    margin-bottom: 24px;
    width: 64px;
  }

  .p-message_container_error__msg {
    margin-bottom: 32px;
  }
}

.p-activity_flexpane__body--error {
  height: 100%;
  padding: 0 24px;
}

.p-notifications_page {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  height: 100%;
}

.p-notifications_page__body {
  display: flex;
  flex-direction: column;
  height: 100%;

  .c-tabs__tab_menu {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    padding: 0 12px;
  }

  .c-tabs__tab_panel--active {
    flex: 1;
  }
}

.p-notifications_page__anchor_hack {
  height: 20px;
}

.p-notifications_page__bundle_count {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin: 8px 0 0;
}

.p-notifications_page__system_notification_content {
  margin: -4px 0 0 8px;
}

.p-notifications_page__item__header--notifications {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.p-notifications_page__list_divider {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin: 24px 28px 12px;
}

.p-notifications_page__title_icon {
  color: #de4e2b;
}

.p-notifications_page__list {
  .c-message__actions {
    right: 32px;
    top: 12px;
  }

  &:not(.p-notifications_page__list--docked) {
    .p-notifications_page__item {
      border-radius: 12px;
      margin: 20px 20px 0;
    }

    .p-notifications_page__item--first_in_section {
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
    }

    .p-notifications_page__item--last_in_section {
      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px;
    }
  }

  &.p-notifications_page__list--docked {
    .c-message__actions {
      right: 16px;
    }

    .p-notifications_page__list_divider {
      margin: 16px 16px 8px;
    }

    .p-notifications_page__item--first_in_section {
      border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    }
  }
}

.p-notifications_page__item {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 0;
  box-shadow: 0 0 0 1px var(--saf-0);
  padding: 10px 12px 14px;

  &:hover {
    cursor: pointer;
  }

  &:focus {
    outline: none;
  }

  .c-member__member-name {
    margin-right: 0;
  }

  .c-member__secondary_content {
    margin-left: 4px;
  }
}

.c-virtual_list__item--focus .p-notifications_page__item {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.p-notifications_page__item--system:not(.p-notifications_page__item--docked) {
  padding-bottom: 10px;
}

.p-notifications_page__item--docked {
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;

  &:hover {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    box-shadow: none;
  }
}

.c-virtual_list__item--focus .p-notifications_page__item--docked {
  border-radius: 4px;
  box-shadow: 0 0 0 1px #fff, 0 0 0 5px #ffffff4d;
}

.p-notifications_page__item--last_in_list {
  margin-bottom: 20px;
}

.p-notifications_page__item--dense .c-files_container {
  margin-left: 14px;
}

.p-notifications_page__item__link {
  color: inherit;
  display: inline-block;

  &:hover {
    text-decoration: underline;
  }
}

.p-notifications_page__item__header {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 8px;
}

.p-notifications_page--ia2022 .p-notifications_page__list:not(.p-notifications_page__list--docked) .p-notifications_page__item {
  border-bottom: 1px solid rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-radius: 0;
  margin: 0;
  padding: 16px;
}

.p-notifications_flexpane {
  .c-virtual_list__item {
    padding: 0;
  }

  .c-tabs__tab_menu {
    padding: 0 8px;
  }

  .p-notifications_page__notification {
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border-radius: 0;
    box-shadow: unset;
    margin: 0;

    &:hover {
      background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    }
  }

  .p-notifications_page__anchor_hack {
    height: 1px;
  }
}

.p-feedback_flexpane_body {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  padding: 24px 16px;
}

.p-feedback_flexpane_body__files {
  display: flex;
  grid-area: attachments;

  .p-multi_file_upload__file_gallery {
    padding: 8px;
  }
}

.p-feedback_flexpane_body {
  .p-file_drag_drop__container {
    justify-content: flex-end;
  }

  .p-feedback_flexpane_body__submitting {
    margin: auto;
  }

  .ql-editor {
    max-height: calc(70vh - 15px);
  }
}

.p-quip_pane_overlay {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  height: 100%;
  margin-top: 1px;
  width: 100%;
}

.p-quip_popout {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  display: flex;
  height: 100%;
  width: 100%;

  > {
    .p-quip_popout__doc {
      flex: 2 2 0;
    }

    .p-quip_popout__flexpane {
      flex: 1 1 0;
    }
  }
}

.p-quip_popout__doc {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  width: 100%;

  > {
    .p-quip_popout__header {
      flex: 0 0 auto;
    }

    .p-quip_popout__embed {
      flex: 1 1 auto;
    }
  }
}

@media screen and (max-width: 630px) {
  .p-quip_popout__doc--has-thread {
    display: none;
  }
}

.p-quip_popout__embed {
  container: quip-popout/size;
  position: relative;
}

.p-quip_popout__header {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  height: 50px;
  z-index: 4;
}

.p-quip_popout__flexpane_header {
  align-items: center;
  display: flex;
  padding: 4px 12px;
}

.p-quip_popout__header {
  align-items: center;
  display: flex;
  padding: 4px 12px;
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  padding: 0 12px;

  > {
    * {
      flex: 0 0 auto;
    }

    .p-quip_popout__title {
      flex: 1 1 auto;
    }
  }
}

.p-quip_popout__title {
  align-items: center;
  display: flex;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  margin-left: 4px;
  padding-right: 12px;
  white-space: nowrap;

  .p-quip_popout__title_button {
    margin-left: 0;

    .p-quip_title__title {
      margin-right: 0;
    }
  }

  .p-quip_title__file_viewers {
    .c-base_icon__width_only_container {
      background-color: unset;
    }

    .p-facepile {
      margin-right: 6px;
    }
  }
}

.p-quip_popout__flexpane {
  border-left: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  flex-direction: column;
  max-width: 360px;
  min-width: 360px;
  overflow: hidden;

  > {
    .p-quip_popout__flexpane_header {
      border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
      flex: 0 0 auto;
    }

    .p-quip_popout__flexpane_content {
      flex: 1 1 auto;
      position: relative;
    }
  }
}

.p-quip_popout__flexpane--huddle {
  height: 100%;
}

.p-quip_popout__flexpane--multi-view {
  border-left: none;
  flex: 1;
  height: 100%;
  max-width: 100%;
  min-width: 0;
}

.p-quip_popout__flexpane_header {
  display: block;
  display: flex;
  font-size: 18px;
  font-weight: 900;
  height: 50px;
  line-height: 1.33334;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }

  .p-quip_popout__comment_flexpane_toolbar {
    align-items: center;
    display: flex;
    width: 100%;

    .p-quip_popout__flexpane_action_buttons {
      margin-left: auto;
      width: -moz-fit-content;
      width: fit-content;
    }
  }

  > {
    .p-quip_popout__flexpane_title {
      flex: 1 1 auto;
    }

    .c-icon_button {
      flex: 0 0 auto;
    }
  }
}

.p-quip_popout__button {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  cursor: pointer;

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

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

.p-quip_popout__button--back {
  margin-left: 0;
  margin-right: 8px;
}

.p-quip_popout_modal {
  height: 100vh;

  .c-sk-modal__close_button {
    top: 16px;
    z-index: 4;
  }
}

@media only screen and (min-width: 1351px) {
  .p-quip_popout_modal {
    max-width: 970px;
    width: 970px;
  }
}

@media only screen and (max-width: 1350px) {
  .p-quip_popout_modal {
    max-width: 80%;
    width: 80%;
  }
}

@media only screen and (max-width: 1024px) {
  .p-quip_popout_modal {
    max-width: 774px;
    width: 774px;
  }
}

@media only screen and (max-width: 824px) {
  .p-quip_popout_modal {
    max-width: 100%;
    width: 100%;
  }
}

@media only screen and (min-width: 1351px) {
  .p-quip_popout_modal--thread_open {
    max-width: 1330px;
    width: 1330px;
  }
}

@media only screen and (max-width: 1350px) {
  .p-quip_popout_modal--thread_open {
    max-width: calc(80% + 360px);
    width: calc(80% + 360px);
  }
}

@media only screen and (max-width: 1024px) {
  .p-quip_popout_modal--thread_open {
    max-width: 1134px;
    width: 1134px;
  }
}

@media only screen and (max-width: 824px) {
  .p-quip_popout_modal--thread_open {
    max-width: 100%;
    width: 100%;
  }
}

.p-quip_popout__flexpane_header--modal, .p-quip_popout__header--modal {
  padding: 16px 20px;
}

.p-quip_popout__flexpane_header--modal {
  margin-right: 36px;
}

.p-quip_popout__embed--with-huddle .p-quip_insertion_toolbar {
  bottom: 210px;
}

.p-quip_popout__last_saved, .p-quip_popout__last_updated {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-quip_popout__last_saved {
  flex: 0 1 auto;
  padding-right: 4px;
}

.p-quip_popout__info_block_label {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  margin-bottom: 0;
}

.p-quip_popout__info_block_data {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 0;
}

.p-quip_popout__missing_history_header {
  margin-left: auto;
}

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

  .c-virtual_list__item:last-of-type {
    padding-bottom: 12px;
  }

  .c-message__actions {
    top: -20px;
  }
}

.p-comments_stream_load_older_message, .p-comments_stream_reply, .p-comments_stream_root {
  cursor: pointer;
}

.p-comments_stream_load_older_message {
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  display: flex;
  height: 32px;
  line-height: 32px;
  padding: 0 0 0 16px;
  width: 100%;

  &:hover {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
  }
}

.p-comments_stream__divider {
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  padding: 12px 16px;
}

.p-comments_stream__empty_screen {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin: auto;
  text-align: center;

  > {
    .p-comments_stream__empty_screen--icon {
      font-size: 32px;
    }

    .p-comments_stream__empty_screen--label {
      font-size: 22px;
      font-weight: 900;
      line-height: 1.36365;
      margin-bottom: 4px;
      margin-top: 4px;
      width: 80%;
    }

    .p-comments_stream__empty_screen--text {
      font-size: 15px;
      font-weight: 400;
      line-height: 1.46668;
      width: 80%;
    }
  }
}

.p-comments_stream {
  .p-comments_stream_root {
    border-bottom: none;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }

  .p-quip_comment_root__unread {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }

  .p-comments_stream_reply {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top: none;
    padding-bottom: 8px;
  }
}

.p-comments_stream__default_background--first {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-bottom: none;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.p-comments_stream .p-comments_stream__default_background--last {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-top: none;
  margin-bottom: 16px;
}

.p-comments_stream__default_background {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-left: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-right: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.p-message_pane_banner__container {
  position: absolute;
  width: 100%;
}

.p-message_pane_banner {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  display: flex;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  position: relative;
  width: 100%;
  z-index: 201;
}

.p-message_pane_banner--default {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  padding: 24px;

  &.p-message_pane_banner--light_purple {
    background-color: #fff;
  }
}

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

.p-message_pane_banner--ephemeral {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  box-shadow: 0 4px 12px #0000001a;
  margin: 16px 16px 0;
  width: auto;
}

.p-message_pane--classic-nav .p-message_pane_banner__container {
  top: 8px;
}

.p-message_pane_banner__heading {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  margin-bottom: 12px;
  margin-right: 24px;
}

.p-message_pane_banner__buttons {
  margin-top: 8px;
}

.p-message_pane_banner__button {
  margin-top: 12px;
  min-width: 105px;

  &:first-child {
    margin-right: 12px;
  }
}

.p-message_pane_banner__close_icon {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  position: absolute;
  right: 12px;
  top: 12px;
}

.p-message_pane_banner__banner_icon {
  margin-right: 16px;
}

.p-workspace__primary_view--small .p-message_pane_banner__banner_icon, .p-workspace__primary_view--tiny .p-message_pane_banner__banner_icon {
  display: none;
}

.p-message_pane_banner__header_icon {
  background-repeat: no-repeat;
  background-size: 25px 25px;
  display: inline-block;
  height: 25px;
  margin-right: 8px;
  vertical-align: bottom;
  width: 25px;
}

.p-message_pane_banner__header_icon--brazil {
  background-image: url(./flag-brazil-9e3101d.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-message_pane_banner__header_icon--brazil {
    background-image: url(./flag-brazil@2x-7c75e5a.png);
  }
}

.p-message_pane_banner__header_icon--india {
  background-image: url(./flag-india-37b560f.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-message_pane_banner__header_icon--india {
    background-image: url(./flag-india@2x-2cc8d91.png);
  }
}

.p-message_pane_banner__header_icon--tenured-team {
  background-image: url(./discount-promo-icon-fc7680d.png);
  background-size: 20px 20px;
  height: 20px;
  margin-bottom: 4px;
  width: 20px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-message_pane_banner__header_icon--tenured-team {
    background-image: url(./discount-promo-icon@2x-f4a9238.png);
  }
}

.p-message_pane_banner__legacy_mount_point {
  left: 0;
  padding-left: 1px;
  position: absolute;
  right: 0;
}

.p-mobile_download_modal {
  max-width: 620px !important;
  text-align: center;
  width: 620px !important;

  h3 {
    bottom: 12px;
    position: relative;
  }

  .c-sk-modal_content__inner {
    padding: 10px;
  }

  .c-sk-modal_content--indicateBottom:after {
    border-bottom: none;
  }

  .c-sk-modal_title_bar {
    justify-content: center;
    padding: 0;
  }

  .p-mobile_download_modal__img_wrapper {
    background-color: #e8f5fa;
    display: flex;
    height: 310px;
    justify-content: center;
    padding: 35px 50px 15px 35px;
    z-index: 201;
  }
}

.sk-client-theme--dark .p-mobile_download_modal .p-mobile_download_modal__img_wrapper {
  background-color: #0b2934;
}

.p-mobile_download_modal .p-mobile_download_modal__header_img {
  height: 185px;
  left: 12px;
  position: relative;
  top: 38px;
}

.p-mobile_download_modal__content_section {
  margin-bottom: 10px;
  margin-top: -10px;
}

.p-mobile_download_modal__qr_code_action .p-mobile_download_modal__qr_code_action_copy--wrapper {
  margin: 0 auto;
  max-width: 400px;
  padding: 5px 10px;
  text-align: center;
}

.p-mobile_download_modal__qr_code_action--wrapper {
  margin: 10px 0;
  text-align: center;

  .p-mobile_download_modal__qr_code_action--image {
    position: relative;
    width: 122px;
  }
}

.p-mobile_awareness_dm_promo {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: #e8f5fa;
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  display: flex;
  margin: 25px;
  padding: 35px 50px 15px 35px;
  position: absolute;
  z-index: 201;

  img {
    display: none;
  }
}

@media screen and (min-width: 700px) {
  .p-mobile_awareness_dm_promo img {
    display: block;
    margin: 0 35px 35px;
  }
}

.sk-client-theme--dark .p-mobile_awareness_dm_promo {
  background: #0b2934;
}

.p-mobile_awareness_dm_promo .p-skip_all_tips__link {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  margin: 0;
}

.p-mobile_awareness_dm_promo__copy {
  max-width: 700px;

  button {
    margin-bottom: 10px;
    margin-right: 15px;
  }
}

.p-mobile_awareness_dm_promo__close {
  position: absolute;
  right: 10px;
  top: 10px;
}

.p-repackaging_announcement_banner__body_line_two {
  display: block;
  margin-top: 16px;
}

.p-banner_channel_foreword {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 0;
  min-height: 550px;
  padding: 48px 64px;
  transition: height 0.25s;

  &:before {
    background: #1d9bd11a;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -34px;
    width: 100%;
  }
}

.p-banner_channel_foreword__background {
  height: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: -34px;
  width: 1000px;

  &:after {
    background: #0000 url(./celebration_tractor-a19624b.svg) scroll no-repeat 100% 100%;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
  }
}

@media screen and (max-width: 880px) {
  .p-banner_channel_foreword__background:after {
    display: none;
  }
}

.p-banner_channel_foreword__channel_icon {
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 4px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  height: 36px;
  justify-content: center;
  margin: 0 0 -36px -44px;
  padding: 12px;
  width: 36px;
  z-index: 1;
}

.p-banner_channel_foreword__description {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  max-width: 490px;
  width: 35%;
  z-index: 0;

  > h2 {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-size: 28px;
    margin-bottom: 16px;

    > .c-inline_channel_entity {
      color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    }
  }
}

@media screen and (max-width: 880px) {
  .p-banner_channel_foreword__description {
    width: 100%;
  }
}

.p-banner_channel_foreword__actions {
  grid-gap: 12px;
  display: flex;
  list-style: none;
  margin-left: 0;
  min-height: 85px;

  > li {
    width: 50%;
  }

  button {
    grid-gap: 8px;
    align-items: flex-start;
    border-color: #1d9bd11a;
    border-radius: 8px;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    display: flex;
    height: 100%;
    justify-content: flex-start;
    min-width: 300px;
    padding: 16px;
    text-align: left;
    white-space: normal;
    width: 100%;

    .action_button__content {
      width: 100%;

      > {
        :last-child {
          color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
          font-weight: 400;
          margin-top: 8px;
        }

        div {
          display: block;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          width: 90%;
        }
      }
    }
  }
}

@media (max-width: 1378px) {
  .p-banner_channel_foreword__actions {
    flex-direction: column;
  }
}

.p-champion_dm_foreword__container {
  margin-bottom: 26px;
  margin-top: 12px;
}

.p-champion_dm_foreword__actions > li {
  width: clamp(460px, 100%, 500px);
}

.p-new_im_foreword-entity__name {
  font-size: 18px;
  font-weight: 900;
  line-height: 27px;
}

.p-new_im_foreword-entity__avatar {
  border-radius: 9px;
}

.p-new_im_foreword-entity__avatar-button {
  height: 102px;
}

.p-new_im_foreword-entity__subtext {
  color: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.p-new_im_foreword-entity__name_button {
  display: flex;
}

.p-members_dialog_item {
  align-items: center;
  display: flex;

  &:hover {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

.p-members_dialog_item__list_btn {
  flex: 1 1 auto;
  overflow: hidden;
}

.c-button--focus-visible.p-members_dialog_item__list_btn:focus {
  margin: 5px;

  .p-members_dialog_item__list_entity.c-base_list_entity {
    margin: -5px;
  }
}

.p-members_dialog_item__list_entity.c-base_list_entity {
  padding-left: 36px;
  padding-right: 36px;
  width: 100%;

  &.p-members_dialog_item__list_entity--has-remove {
    padding-right: 12px;
  }
}

.p-members_dialog_item__remove_btn {
  margin-right: 28px;
}

.p-unfurled_joiners_carousel__channel_members_info {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
  margin-top: 16px;
}

.p-unfurled_joiners_carousel__invite_member_link {
  border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  margin: 0 8px;
  padding: 0 8px;
}

.p-unfurled_joiners_carousel__cards {
  display: flex;
  margin: 2px 0 6px;
}

.p-unfurled_joiners_carousel__card {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  align-self: flex-start;
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  height: 116px;
  max-width: 130px;
  min-width: 130px;

  &:hover {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

.p-unfurled_joiners_carousel__card_japanese {
  height: 134px;
}

.p-unfurled_joiners_carousel__face_pile_card {
  margin: 8px 8px 8px 0;
  padding-bottom: 17px;

  &:hover .p-unfurled_joiners_carousel__face_pile_card_team_icon {
    --saf-0: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border: 2px solid var(--saf-0);
  }
}

.p-unfurled_joiners_carousel__face_pile_card_img_container {
  display: flex;
  position: relative;
}

.p-unfurled_joiners_carousel__face_pile_card_profile_img {
  border-radius: 6px;
  display: block;
  height: 36px;
  margin: 16px auto 3px;
  width: 36px;
}

.p-unfurled_joiners_carousel__face_pile_card_team_icon {
  --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 2px solid var(--saf-0);
  border-radius: 4px;
  position: absolute;
  right: 40px;
  top: 38px;
}

.p-unfurled_joiners_carousel__face_pile_card_member_name {
  display: block;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin: 5px auto 1px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 104px;

  wbr {
    display: none;
  }
}

.p-unfurled_joiners_carousel__face_pile_card_label {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
  margin: 0 auto;
  padding: 0 8px;
  text-align: center;
}

.p-unfurled_joiners_carousel__face_pile_card_team_name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-unfurled_joiners_carousel__action_card {
  margin: 8px 0;
}

.p-unfurled_joiners_carousel__action_card_label {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  padding: 0 8px;
  text-align: center;
}

.p-unfurled_joiners_carousel__view_members_card_label {
  margin: 0 9px;
}

.p-unfurled_joiners_carousel__invite_member_card {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 1px dashed var(--saf-0);
  text-align: center;
}

.p-unfurled_joiners_carousel__invite_member_card_label {
  margin: 4px auto 0;
}

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

.p-unfurled_joiners_company_pile__tile_container {
  display: inline-flex;
}

.p-unfurled_joiners_company_pile__avatar:first-child {
  margin-right: 2px;
}

.p-unfurled_joiners_company_pile__avatar--stacked {
  --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 2px var(--saf-0);
  margin-right: -4px;

  &:first-child {
    z-index: 1;
  }

  &:nth-last-child(2) {
    z-index: 2;
  }

  &:nth-last-child(3) {
    z-index: 3;
  }
}

.p-unfurled_joiners_company_pile__count_tile {
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 16px;
  font-weight: 900;
  height: 40px;
  line-height: 40px;
  min-width: 40px;
  text-align: center;
  width: 40px;
}

.p-unfurled_joiners_company_pile__icon_container {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 10px;
  bottom: 11px;
  height: 18px;
  left: 29px;
  position: relative;
  width: 22px;
  z-index: 4;
}

.p-unfurled_joiners_company_pile__esc_icon {
  bottom: 3px;
  left: 1px;
}

.p-unfurled_joiners_company_pile__wrapper__contextual_banner {
  .p-unfurled_joiners_company_pile__count_tile {
    font-size: 14px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    min-width: 30px;
    width: 30px;
  }

  .p-unfurled_joiners_company_pile__icon_container {
    background-color: #e8f5fa;
    bottom: 9px;
    left: 23px;
    width: 16px;
  }

  .p-unfurled_joiners_company_pile__esc_icon {
    bottom: 6px;
    left: 0;
  }

  .p-unfurled_joiners_company_pile__avatar--stacked {
    box-shadow: 0 0 0 2px #e8f5fa;
  }
}

.p-unfurled_joiners_channel_header__title_channel_name {
  color: #712073;
}

.p-unfurled_joiners_channel_header__title_channel_name--dark {
  color: #db83dc;
}

.p-limited_history_foreword {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  margin: 0 20px 20px;
  width: auto;

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

.p-instant_slack_message_pane__foreword {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 0;
  min-height: 450px;
  padding: 48px 20px 16px 64px;

  &:before {
    background: linear-gradient(180deg, #1d9bd11a, #0000);
    content: '';
    display: block;
    height: 80%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
  }

  &:after {
    background: #0000 url(./celebration-581ef77.svg) scroll no-repeat 100% 0;
    content: '';
    height: 410px;
    -webkit-mask-image: linear-gradient(180deg, #000 50%, #0000);
    mask-image: linear-gradient(180deg, #000 50%, #0000);
    position: absolute;
    right: 0;
    top: 0;
    width: 435px;
    z-index: -1;
  }
}

.p-instant_slack_message_pane__foreword__channel_icon {
  align-items: center;
  background-color: #78d7dd;
  border-radius: 4px;
  color: #1d1c1d;
  display: flex;
  height: 36px;
  justify-content: center;
  margin: 0 0 -36px -44px;
  padding: 12px;
  width: 36px;
}

.p-instant_slack_message_pane__foreword__description {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  padding-right: 435px;

  > h2 {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-size: 28px;
    margin-bottom: 16px;

    > .c-inline_channel_entity {
      color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    }
  }
}

.p-instant_slack_message_pane__foreword__actions {
  grid-gap: 12px;
  display: flex;
  list-style: none;
  margin-left: 0;

  > li {
    width: 33.33333%;
  }

  button {
    grid-gap: 8px;
    align-items: flex-start;
    border-color: #1d9bd11a;
    border-radius: 8px;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    padding: 20px;
    text-align: left;
    white-space: normal;
    width: 100%;

    > :last-child {
      color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
      font-weight: 400;
    }
  }
}

.p-instant_slack_modal__title {
  justify-content: center;
  min-height: 0;
  padding-bottom: 8px;
  padding-left: 76px;
  padding-right: 76px;
}

.p-instant_slack_modal__content {
  text-align: center;
}

.p-chatty_to_channel_message_pane__foreword {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 0;
  min-height: 450px;
  padding: 48px 20px 16px;

  &:before {
    background: #0000 url(./garden-dc48b7c.jpg) scroll no-repeat;
    background-size: 100%;
    content: '';
    height: 75%;
    left: 0;
    -webkit-mask-image: linear-gradient(180deg, rgba(var(--sk_primary_background, 255, 255, 255), 1) 50%, #0000);
    mask-image: linear-gradient(180deg, rgba(var(--sk_primary_background, 255, 255, 255), 1) 50%, #0000);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
  }
}

.p-chatty_to_channel_message_pane__foreword__channel_icon {
  align-items: center;
  background-color: #78d7dd;
  border-radius: 4px;
  color: #1d1c1d;
  display: flex;
  height: 36px;
  justify-content: center;
  margin: 0 0 -36px -44px;
  padding: 12px;
  width: 36px;
}

.p-chatty_to_channel_message_pane__foreword__description {
  padding-right: 435px;

  > h2 {
    font-size: 28px;
    margin-bottom: 16px;
  }
}

.p-chatty_to_channel_message_pane__foreword__actions {
  grid-gap: 12px;
  display: flex;
  list-style: none;
  margin-left: 0;

  button {
    grid-gap: 8px;
    align-items: flex-start;
    border-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.13);
    border-radius: 8px;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    padding: 9px;
    text-align: left;
    white-space: normal;
    width: 100%;
  }
}

.p-chatty_to_channel_modal__title {
  justify-content: center;
  min-height: 0;
  padding-bottom: 8px;
  padding-left: 76px;
  padding-right: 76px;
}

.p-chatty_to_channel_modal {
  background: #0000;
  box-shadow: none;
  justify-content: center;
}

.p-chatty_to_channel_modal__content {
  background: #0000;
  text-align: center;
}

.c-message_kit__broadcast_footer {
  margin: -4px 0 4px;
}

.p-message_pane_message__message {
  .c-message_kit__gutter, .c-message_kit__tombstone {
    padding: 8px 20px;
  }
}

.p-message_pane_message__message--last:not(.p-message_pane_message__message--showing_context_bar) {
  margin-bottom: 16px;
}

.c-message_list--floating .p-message_pane_message__message--last:not(.p-message_pane_message__message--showing_context_bar) {
  margin-bottom: 24px;
}

.p-message_pane_message__message--last.p-message_pane_message__message--showing_context_bar {
  margin-bottom: 8px;
}

.c-message_list--floating .p-message_pane_message__message--last.p-message_pane_message__message--showing_context_bar {
  margin-bottom: 16px;
}

.p-message_pane_message__compact_timestamp {
  margin: -4px 0;
  text-align: right;
  width: 56px;
}

.p-message_pane_message__compact_timestamp--light {
  margin-left: -20px;
  width: 56px;
}

.p-message_pane_message__compact_timestamp--adjacent {
  opacity: 0;
}

.c-message_kit__hover--hovered .p-message_pane_message__compact_timestamp--adjacent {
  opacity: 1;
}

.c-message_kit__labels--light.p-message_pane_message__message_label .c-message_kit__labels__icon {
  width: 36px;
}

.c-message_kit__labels--dense.p-message_pane_message__message_label .c-message_kit__labels__icon {
  width: 56px;
}

.p-message_pane_message__message_label .c-message_kit__labels__label {
  padding-left: 20px;
  padding-top: 4px;
}

.p-message_pane_message__sender--compact {
  margin-left: -8px;
}

.p-jump_to_date_modal__content {
  height: 352px;
  padding: 0 28px;
}

.c-message_list__day_divider {
  padding: 28px 0;
  position: relative;
  -webkit-user-select: text;
  user-select: text;

  .c-message_list__unread_divider__separator {
    margin-right: 0;
  }
}

.c-message_list__day_divider__label {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  cursor: default;
  display: block;
  font-weight: 700;
  height: .1px;
  position: relative;
  text-align: center;
  top: 14px;
  -webkit-user-select: none;
  user-select: none;
}

[lang] .c-message_list__day_divider__label {
  font-size: 14px;
}

[lang=ja-JP] .c-message_list__day_divider__label {
  font-size: 13px;
}

.c-message_list__day_divider__label__pill {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 24px;
  display: inline-block;
  padding: .25rem .75rem;
  position: relative;
  z-index: 201;

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

.c-message_list .c-virtual_list__sticky_container--focus .c-virtual_list__item--focus:focus:after {
  height: 38px;
  margin-top: 5px;
}

.c-message_list__day_divider__label--non_sticky .c-message_list__day_divider__label__pill {
  z-index: 1;
}

.c-message_list__day_divider__label--disabled .c-message_list__day_divider__label__pill:hover {
  cursor: default;
}

.c-message_list__day_divider__line {
  border-bottom: 0;
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  left: 0;
  margin: 0 0 -1px;
  position: relative;
  right: 0;
  top: -1px;
}

.p-client_desktop--ia-top-nav .c-message_list__day_divider, .p-ia4_client .c-message_list__day_divider, .p-window_layout_wrapper .c-message_list__day_divider {
  background: #0000;
  padding: 20px 0;
}

.p-client_desktop--ia-top-nav .c-message_list__day_divider__label, .p-ia4_client .c-message_list__day_divider__label, .p-window_layout_wrapper .c-message_list__day_divider__label {
  height: 9px;
  pointer-events: none;
}

.p-client_desktop--ia-top-nav .c-message_list__day_divider__label__pill, .p-ia4_client .c-message_list__day_divider__label__pill, .p-window_layout_wrapper .c-message_list__day_divider__label__pill {
  --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;
  font-size: 13px;
  height: 28px;
  line-height: 27px;
  padding: 0 16px;
  pointer-events: all;
  z-index: 2;
}

.p-client_desktop--ia-top-nav .c-message_list__day_divider__label__pill.c-button--focus-visible:focus, .p-ia4_client .c-message_list__day_divider__label__pill.c-button--focus-visible:focus, .p-window_layout_wrapper .c-message_list__day_divider__label__pill.c-button--focus-visible:focus {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  border-radius: 24px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.p-client_desktop--ia-top-nav .c-message_list__day_divider__label--jump_to_date .c-message_list__day_divider__label__pill, .p-ia4_client .c-message_list__day_divider__label--jump_to_date .c-message_list__day_divider__label__pill, .p-window_layout_wrapper .c-message_list__day_divider__label--jump_to_date .c-message_list__day_divider__label__pill {
  padding-right: 8px;
}

.p-client_desktop--ia-top-nav .c-message_list__day_divider__label--disabled .c-message_list__day_divider__label__pill, .p-ia4_client .c-message_list__day_divider__label--disabled .c-message_list__day_divider__label__pill, .p-window_layout_wrapper .c-message_list__day_divider__label--disabled .c-message_list__day_divider__label__pill {
  padding-right: 16px;
}

.c-message_list__unread_divider {
  display: flex;
  height: 0;
  pointer-events: none;
}

.c-message_list__unread_divider--ghost .c-message_list__unread_divider__separator {
  opacity: .5;
  transition: opacity 0.1s 3s;
}

.c-message_list__unread_divider__separator {
  background-image: linear-gradient(to right, rgba(var(--sk_raspberry_red, 224, 30, 90), 1) 0, rgba(var(--sk_raspberry_red, 224, 30, 90), 1) 100%);
  background-repeat: repeat-x;
  background-size: 10px 1px;
  border-top: 0;
  flex: 1;
  height: 1px;
  margin: 0 0 -1px;
  position: relative;
  z-index: 1;
}

.c-message_list__unread_divider__separator--is-unread-enter-active .c-message_list__unread_divider__separator {
  --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  box-shadow: 0 0 5px 0 var(--saf-0);
  transition: box-shadow 0.1s ease-out;
}

.c-message_list__unread_divider__separator--is-unread-enter-done .c-message_list__unread_divider__separator {
  box-shadow: none;
  transition: box-shadow 0.1s ease-out;
}

.c-message_list__unread_divider__label {
  color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  cursor: default;
  font-size: 12px;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  height: 19px;
  line-height: 1.50001;
  margin: -10px 15px 0 0;
  padding: 0 4px;
  position: relative;
  z-index: 1;
}

.c-message_list__day_divider .c-message_list__unread_divider {
  margin-top: -1px;
}

.sk-client-theme--dark {
  .c-message_list__unread_divider--unread_threads .c-message_list__unread_divider__separator {
    background-image: linear-gradient(90deg, #de4e2b 0, #de4e2b);
  }

  .c-message_list__unread_divider__separator--is-unread-enter-active .c-message_list__unread_divider--unread_threads .c-message_list__unread_divider__separator {
    box-shadow: 0 0 5px 0 #de4e2b;
    box-shadow: 0 0 5px 0 #de4e2b, 0 0 5px 0 #de4e2bb3, 0 0 5px 0 #de4e2b4d;
  }

  .c-message_list__unread_divider--unread_threads .c-message_list__unread_divider__label {
    color: #de4e2b;
  }
}

.c-message_list__spinner {
  animation: c-message_list__spinner--fade .2s linear .4s 1 normal forwards;
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  opacity: 0;
  padding: 10px 0 40px;
  text-align: center;
}

@keyframes c-message_list__spinner--fade {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.c-message_list .c-virtual_list__item--focus:focus .c-message__actions {
  display: block;
}

.c-message_list__placeholders {
  background-repeat: repeat-y;
  padding-bottom: 8px;
}

.c-message_list__placeholders--light {
  background-image: url(./message_list_placeholders_light-4a40ff7.svg);
  background-position: left 19px bottom 8px;
  height: 2097px;
}

.c-message_list__placeholders--dense {
  background-image: url(./message_list_placeholders_dense-08484d7.svg);
  background-position: left 16px bottom 8px;
  height: 1812px;
}

.c-message_list__placeholders--light.c-message_list__placeholders--client-theme-dark {
  background-image: url(./message_list_placeholders_light--client-theme-dark-87d69ab.svg);
}

.c-message_list__placeholders--dense.c-message_list__placeholders--client-theme-dark {
  background-image: url(./message_list_placeholders_dense--client-theme-dark-1b1d145.svg);
}

.c-message_list--context_bar_showing .c-message--last {
  margin-bottom: 8px;
}

.c-message_list__pill_banner {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 24px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  display: inline-block;
  font-size: 13px;
  padding: 4px 12px;
  position: relative;
  z-index: 2;

  .c-message_list__pill_banner__label {
    align-items: baseline;
    display: flex;
    flex-flow: row nowrap;
  }
}

.c-message_list__pill_banner__label .c-message_list__pill_banner__label_icon {
  margin-right: 4px;
  top: 3px;
}

.p-slack_connect_dm_trial_base_banner {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  position: absolute;
  top: 8px;
  width: 100%;
  z-index: 201;
}

.p-message_input__input_container_unstyled {
  .p-message_input__attachments .p-multi_file_upload__file_gallery, .p-message_input__files .p-multi_file_upload__file_gallery {
    padding: 8px;
  }

  .p-message_input__attachments .p-gallery_scroller__wrapper, .p-message_input__files .p-gallery_scroller__wrapper {
    background: unset;
    border: unset;
    border-radius: unset;
  }

  .p-message_input__attachments .p-gallery_scroller__content, .p-message_input__files .p-gallery_scroller__content {
    align-items: center;
    display: inline-flex;
  }

  .p-message_input__attachments .p-multi_file_upload__container, .p-message_input__files .p-multi_file_upload__container {
    min-width: unset;
  }

  .p-message_input__attachments .p-draft_unfurls, .p-message_input__files .p-draft_unfurls {
    padding: 8px;
  }

  .p-message_input__attachments .p-composer_attachments__separator, .p-message_input__files .p-composer_attachments__separator {
    border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    height: 62px;
  }

  &:not(.c-wysiwyg_container--with_footer):not(.p-message_input__input_container_unstyled--with_attachments_grid) {
    .ql-editor {
      padding-left: 0;
    }

    .ql-placeholder {
      left: 0;
    }
  }
}

.p-message_input__input_container_unstyled--day1 .c-texty_input_unstyled__container--size_medium .ql-placeholder {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  -ms-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
}

.c-alert.c-alert--inline.c-alert--level_info.c-alert--align_left.p-message_input--unfurls_alert {
  border: none;
  border-radius: 4px 4px 0 0;
}

.p-message_pane {
  height: 100%;
  overflow: hidden;
  padding-left: 1px;
  position: absolute;
  width: 100%;
}

.p-message_pane--classic-nav {
  bottom: 0;
  height: auto;
  padding-left: 0;
  top: -8px;
}

.p-message_pane {
  .c-virtual_list__sticky_container {
    padding-bottom: 24px;
  }

  .c-message_list {
    &.c-virtual_list--scrollbar > {
      .c-scrollbar2__hider, .c-scrollbar__hider {
        background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
        z-index: 200;
      }
    }

    &:not(.c-virtual_list--scrollbar) {
      background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
      z-index: 200;
    }

    &.c-virtual_list--scrollbar > {
      .c-scrollbar2__hider:before, .c-scrollbar__hider:before {
        --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 1px 0 var(--saf-0);
        box-sizing: border-box;
        content: '';
        display: block;
        height: 31px;
        left: 0;
        margin-top: -31px;
        position: sticky;
        right: 0;
        top: -24px;
        z-index: 200;
      }
    }

    &:not(.c-virtual_list--scrollbar):before {
      --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 1px 0 var(--saf-0);
      box-sizing: border-box;
      content: '';
      display: block;
      height: 31px;
      left: 0;
      margin-top: -31px;
      position: sticky;
      right: 0;
      top: -24px;
      z-index: 200;
    }
  }
}

.p-message_pane--ie.p-message_pane .c-message_list {
  &.c-virtual_list--scrollbar > {
    .c-scrollbar2__hider, .c-scrollbar__hider {
      top: 8px;
    }
  }

  &:not(.c-virtual_list--scrollbar) {
    top: 8px;
  }

  &.c-virtual_list--scrollbar > {
    .c-scrollbar2__hider:before, .c-scrollbar__hider:before {
      display: none;
    }
  }

  &:not(.c-virtual_list--scrollbar):before {
    display: none;
  }
}

.p-message_pane {
  .c-message_list.c-virtual_list--scrollbar > .c-scrollbar__track {
    top: 12px;
    z-index: 200;
  }

  .c-message_list--context_bar_showing.c-virtual_list--scrollbar > .c-scrollbar__track {
    z-index: 201;
  }

  &.p-message_pane--scrollbar-float-adjustment .c-message_list.c-virtual_list--scrollbar > .c-scrollbar__track {
    bottom: 8px;
  }

  .p-message_pane__top_banners {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    left: 16px;
    position: absolute;
    right: 16px;
    top: 23px;
    z-index: 201;
  }
}

.p-message_pane--with-bookmarks-bar .c-message_list.c-virtual_list--scrollbar > .c-scrollbar__track {
  top: 48px;
}

.p-message_pane_banner__container--inline {
  z-index: 199;
}

body:not(.p-client_desktop--ia-top-nav) .p-message_pane .p-message_pane__top_banners:not(:empty) + div .c-message_list {
  &.c-virtual_list--scrollbar > {
    .c-scrollbar2__hider:before, .c-scrollbar__hider:before {
      --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
      border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      box-shadow: 0 32px var(--saf-0);
      height: 32px;
      margin-top: -32px;
    }
  }

  &:not(.c-virtual_list--scrollbar):before {
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    box-shadow: 0 32px var(--saf-0);
    height: 32px;
    margin-top: -32px;
  }
}

.has_top_messages_banner .p-message_pane__top_banners {
  display: none;
}

.p-message_pane__banner {
  font-size: 10pt;
  height: 26px;

  + .p-message_pane__banner {
    display: none;
  }
}

.p-client_desktop--ia-top-nav {
  .p-archives_banner, .p-message_pane__top_banners, .p-threads_view__bottom_banners, .p-threads_view__top_banners {
    font-weight: 700;
    left: 50%;
    position: absolute;
    right: auto;
    text-shadow: none;
    transform: translateX(-50%);
    width: auto;
  }
}

.p-ia4_client {
  .p-archives_banner, .p-message_pane__top_banners, .p-threads_view__bottom_banners, .p-threads_view__top_banners {
    font-weight: 700;
    left: 50%;
    position: absolute;
    right: auto;
    text-shadow: none;
    transform: translateX(-50%);
    width: auto;
  }
}

.p-window_layout_wrapper {
  .p-archives_banner, .p-message_pane__top_banners, .p-threads_view__bottom_banners, .p-threads_view__top_banners {
    font-weight: 700;
    left: 50%;
    position: absolute;
    right: auto;
    text-shadow: none;
    transform: translateX(-50%);
    width: auto;
  }
}

.p-client_desktop--ia-top-nav .p-threads_view__bottom_banners, .p-ia4_client .p-threads_view__bottom_banners, .p-window_layout_wrapper .p-threads_view__bottom_banners {
  bottom: 8px;
}

.p-client_desktop--ia-top-nav .p-message_pane__banner__icon, .p-ia4_client .p-message_pane__banner__icon, .p-window_layout_wrapper .p-message_pane__banner__icon {
  left: auto;
  margin-right: 4px;
  position: relative;
  top: 2px;
}

.p-client_desktop--ia-top-nav .p-file_upload_banner, .p-ia4_client .p-file_upload_banner, .p-window_layout_wrapper .p-file_upload_banner {
  width: 300px;
}

.p-client_desktop--ia-top-nav {
  .p-file_upload_banner__progress, .p-new_threads_banner {
    border-radius: 14px;
    font-size: 13px;
    font-weight: 700;
    height: 28px;
    line-height: 28px;
    text-shadow: none;
  }
}

.p-ia4_client {
  .p-file_upload_banner__progress, .p-new_threads_banner {
    border-radius: 14px;
    font-size: 13px;
    font-weight: 700;
    height: 28px;
    line-height: 28px;
    text-shadow: none;
  }
}

.p-window_layout_wrapper {
  .p-file_upload_banner__progress, .p-new_threads_banner {
    border-radius: 14px;
    font-size: 13px;
    font-weight: 700;
    height: 28px;
    line-height: 28px;
    text-shadow: none;
  }
}

.p-client_desktop--ia-top-nav .p-file_upload_banner__progress_inner, .p-ia4_client .p-file_upload_banner__progress_inner, .p-window_layout_wrapper .p-file_upload_banner__progress_inner {
  border-radius: 0;
}

.p-client_desktop--ia-top-nav .p-file_upload_banner__text, .p-ia4_client .p-file_upload_banner__text, .p-window_layout_wrapper .p-file_upload_banner__text {
  font-weight: 700;
  height: 28px;
  left: 0;
  line-height: 28px;
  max-width: 100%;
  padding: 0 16px;
  text-align: center;
  text-shadow: none;
  top: 0;
  width: 100%;
}

.p-client_desktop--ia-top-nav .p-file_upload_banner--cancelable .p-file_upload_banner__text, .p-ia4_client .p-file_upload_banner--cancelable .p-file_upload_banner__text, .p-window_layout_wrapper .p-file_upload_banner--cancelable .p-file_upload_banner__text {
  padding-right: 32px;
}

.p-client_desktop--ia-top-nav .p-file_upload_banner__cancel, .p-ia4_client .p-file_upload_banner__cancel, .p-window_layout_wrapper .p-file_upload_banner__cancel {
  top: 4px;
}

.p-client_desktop--ia-top-nav .p-new_threads_banner, .p-ia4_client .p-new_threads_banner, .p-window_layout_wrapper .p-new_threads_banner {
  padding: 0 16px 0 8px;
  width: max-content;
}

.p-client_desktop--ia-top-nav .p-new_threads_banner__icon, .p-ia4_client .p-new_threads_banner__icon, .p-window_layout_wrapper .p-new_threads_banner__icon {
  margin-right: 4px;
  position: relative;
  top: 2px;
}

.p-message_pane__unread_banner {
  background: #1264a3;
  border-radius: 6px;
  color: #fff;
  display: flex;
  flex: 1;
  margin-bottom: 4px;
  min-width: 0;
  z-index: 200;
}

.p-message_pane__unread_banner__banner {
  align-items: center;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  cursor: pointer;
  display: flex;
  flex: 1;
  min-width: 0;

  &:hover {
    background: #0b4c8c;
  }
}

.p-message_pane__unread_banner__close, .p-message_pane__unread_banner__jump {
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.p-message_pane__unread_banner__msg {
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 1;
  font-weight: 900;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  text-shadow: 0 1px #00000026;
  white-space: nowrap;
}

.p-message_pane__unread_banner--with-assistant-thread .p-message_pane__unread_banner__msg {
  overflow: visible;
  width: 100%;
}

.p-message_pane__unread_banner__jump {
  font-weight: 900;
  text-shadow: 0 1px #00000026;
}

.p-message_pane__unread_banner__jump__arrow {
  line-height: 1em;
}

.p-message_pane__unread_banner__close {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  font-weight: 700;
  text-shadow: 0 1px #00000026;

  &:hover {
    background: #0b4c8c;
  }
}

.p-client_desktop--ia-top-nav .p-message_pane__top_banners, .p-ia4_client .p-message_pane__top_banners, .p-window_layout_wrapper .p-message_pane__top_banners {
  top: 14px;
  z-index: 201;
}

.p-client_desktop--ia-top-nav .p-message_pane__top_banners--with-bookmarks-bar, .p-ia4_client .p-message_pane__top_banners--with-bookmarks-bar, .p-window_layout_wrapper .p-message_pane__top_banners--with-bookmarks-bar {
  transition: top .2s linear;
  will-change: top;
}

.p-client_desktop--ia-top-nav .p-message_pane__top_banners--with-bookmarks-bar-open, .p-ia4_client .p-message_pane__top_banners--with-bookmarks-bar-open, .p-window_layout_wrapper .p-message_pane__top_banners--with-bookmarks-bar-open {
  top: 50px;
}

.p-client_desktop--ia-top-nav .p-message_pane__banners_with_bookmarks_bar .p-message_pane_banner__container, .p-ia4_client .p-message_pane__banners_with_bookmarks_bar .p-message_pane_banner__container, .p-window_layout_wrapper .p-message_pane__banners_with_bookmarks_bar .p-message_pane_banner__container {
  transition: top .2s linear;
  will-change: top;
}

.p-client_desktop--ia-top-nav .p-message_pane__banners_with_bookmarks_bar--open .p-message_pane_banner__container, .p-ia4_client .p-message_pane__banners_with_bookmarks_bar--open .p-message_pane_banner__container, .p-window_layout_wrapper .p-message_pane__banners_with_bookmarks_bar--open .p-message_pane_banner__container {
  top: 44px;
}

.p-client_desktop--ia-top-nav .p-message_pane__banner, .p-ia4_client .p-message_pane__banner, .p-window_layout_wrapper .p-message_pane__banner {
  display: block;
  font-size: 13px;
  margin-bottom: 0;
}

.p-client_desktop--ia-top-nav .p-message_pane__banner + .p-message_pane__banner, .p-ia4_client .p-message_pane__banner + .p-message_pane__banner, .p-window_layout_wrapper .p-message_pane__banner + .p-message_pane__banner {
  display: none;
}

.p-client_desktop--ia-top-nav .p-message_pane__unread_banner, .p-ia4_client .p-message_pane__unread_banner, .p-window_layout_wrapper .p-message_pane__unread_banner {
  border-radius: 14px;
  box-shadow: 0 4px 12px 0 #00000014;
  height: 28px;
}

.p-client_desktop--ia-top-nav .p-message_pane__unread_banner__banner, .p-ia4_client .p-message_pane__unread_banner__banner, .p-window_layout_wrapper .p-message_pane__unread_banner__banner {
  border-radius: 14px;
  height: 28px;
}

.p-client_desktop--ia-top-nav .p-message_pane__unread_banner__banner:hover, .p-ia4_client .p-message_pane__unread_banner__banner:hover, .p-window_layout_wrapper .p-message_pane__unread_banner__banner:hover {
  background: #1264a3;
}

.p-client_desktop--ia-top-nav .p-message_pane__unread_banner__msg, .p-ia4_client .p-message_pane__unread_banner__msg, .p-window_layout_wrapper .p-message_pane__unread_banner__msg {
  border-radius: 14px 0 0 14px;
  font-weight: 700;
  height: 28px;
  line-height: 28px;
  padding: 0 16px 0 8px;
  text-shadow: none;
}

.p-client_desktop--ia-top-nav .p-message_pane__unread_banner__msg:hover, .p-ia4_client .p-message_pane__unread_banner__msg:hover, .p-window_layout_wrapper .p-message_pane__unread_banner__msg:hover {
  background: #0b4c8c;
}

.p-client_desktop--ia-top-nav .p-message_pane__unread_banner__close_icon, .p-ia4_client .p-message_pane__unread_banner__close_icon, .p-window_layout_wrapper .p-message_pane__unread_banner__close_icon {
  border-radius: 0 14px 14px 0;
  height: 28px;
  padding-right: 2px;
  padding-top: 1px;
  text-align: center;
  width: 36px;
}

.p-client_desktop--ia-top-nav .p-message_pane__unread_banner__close_icon:hover, .p-ia4_client .p-message_pane__unread_banner__close_icon:hover, .p-window_layout_wrapper .p-message_pane__unread_banner__close_icon:hover {
  background: #0b4c8c;
}

#client-ui.flex_pane_showing .p-message_pane__unread_banner__close__label {
  display: none;
  padding: 5px 10px;
}

.p-message_pane__unread_banner__close--detached {
  background: #1264a3;
  border-left: 1px solid #0b4c8c;
}

.p-message_pane__unread_banner__close__icon {
  line-height: 1em;
}

.p-archives_banner {
  --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  --saf-1: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 4px;
  bottom: 16px;
  box-shadow: -20px 8px var(--saf-0), 20px 8px var(--saf-0);
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  font-size: 14px;
  height: 26px;
  left: 20px;
  line-height: 26px;
  position: absolute;
  right: 20px;
  z-index: 200;
}

.p-archives_banner__date_range {
  display: block;
  flex: 1;
  font-weight: 900;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-archives_banner__jump {
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  line-height: 26px;
  margin-right: 20px;
  overflow: visible;
  padding: 0;

  &:active, &:focus {
    outline: none;
  }

  &:hover {
    outline: none;
    text-decoration: underline;
  }
}

.p-client_desktop--ia-top-nav .p-archives_banner, .p-ia4_client .p-archives_banner, .p-window_layout_wrapper .p-archives_banner {
  background: #1264a3;
  border-radius: 14px;
  bottom: 16px;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  height: 28px;
  padding-left: 8px;
  padding-right: 16px;
  text-shadow: none;
  z-index: 200;
}

.p-client_desktop--ia-top-nav .p-archives_banner:hover, .p-ia4_client .p-archives_banner:hover, .p-window_layout_wrapper .p-archives_banner:hover {
  background: #1264a3;
}

.p-client_desktop--ia-top-nav .p-archives_banner__jump, .p-ia4_client .p-archives_banner__jump, .p-window_layout_wrapper .p-archives_banner__jump {
  font-size: 13px;
  font-weight: 700;
  line-height: 28px;
  margin: 0;
  text-decoration: none;
}

.p-client_desktop--ia-top-nav .p-archives_banner .p-message_pane__banner__icon, .p-ia4_client .p-archives_banner .p-message_pane__banner__icon, .p-window_layout_wrapper .p-archives_banner .p-message_pane__banner__icon {
  top: 0;
}

.p-message_pane__foreword {
  margin: 48px 20px 16px;
}

.p-message_pane__foreword__avatars {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;

  .c-unified_member {
    cursor: pointer;
  }
}

.p-message_pane__foreword__avatar_btn {
  min-width: 0;
}

.p-message_pane__foreword__avatar {
  margin-bottom: 8px;
  margin-right: 8px;
}

.p-message_pane__foreword__title {
  margin-bottom: 8px;
}

.p-message_pane__foreword__description {
  margin-bottom: 16px;

  .p-deprecated_channel_name {
    white-space: unset;
    word-break: break-word;
  }

  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 1.1rem;
  line-height: 1.5;
}

.p-message_pane__limited_history_alert {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 1.1rem;
  line-height: 1.5;
}

.p-message_pane__foreword__description--lighter {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-message_pane__foreword__profile-button {
  margin-bottom: 16px;
}

.p-message_pane__foreword__buttons {
  margin-top: 8px;

  &.p-message_pane__foreword_description__buttons {
    display: flex;
    flex-direction: column;
    margin-left: 44px;
  }
}

.p-message_pane__foreword__button {
  font-size: .9rem;
  margin-right: 16px;

  &.p-message_pane__foreword_description__button {
    font-size: 15px;
    font-weight: 400;
    font-weight: 700;
    line-height: 1.46668;
    margin-bottom: 8px;
  }

  &:hover {
    text-decoration: none;
  }
}

.p-message_pane__foreword__notification_warning {
  background: #f2c74433;
  margin-left: -8px;
  margin-top: 16px;
  padding: 8px;
  width: 100%;
}

.p-message_pane__foreword__notification_setting {
  font-size: 16px;
  margin-top: 8px;
}

.p-message_pane__foreword--with-bookmarks-bar {
  margin-top: 88px;
}

.p-message_pane__foreword--private .p-message_pane__foreword__title {
  margin-left: -6px;
}

.p-message_pane__foreword--slackbot .p-message_pane__foreword__avatar {
  cursor: default;
  flex: none;
  margin-right: 32px;
  margin-top: 4px;
}

.p-message_pane__newxp_foreword {
  align-items: center;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  flex-direction: column;
  min-height: 400px;
}

.p-message_pane__newxp_foreword--start {
  height: 100%;
  position: absolute;
  width: 100%;
}

.p-message_pane__newxp_foreword__header {
  margin: auto;
  padding: 32px;
}

.p-message_pane__newxp_foreword__welcome_text {
  background: url(./welcome_wave-cc965ef.gif) 0 no-repeat;
  font-size: 72px;
  font-weight: 300;
  line-height: 88px;
  padding-left: 82px;
}

.p-message_pane__newxp_foreword__welcome_text--dark {
  background-image: url(./welcome-wave-dark-f31098c.gif);
}

.p-message_pane__newxp_foreword__welcome_message {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.5rem;
  margin: 8px 0 16px;
}

.p-message_pane__newxp_foreword__footer {
  margin-bottom: 32px;
  text-align: center;
}

.p-message_pane__newxp_foreword__explore {
  margin-bottom: 64px;
  margin-top: 64px;
}

.p-message_pane__newxp_foreword__pre_skip {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 0.8rem;
}

.p-message_pane__newxp_foreword__skip_messaging {
  font-size: .8rem;
  text-align: center;
}

.p-message_pane__setup_calendar_banner {
  animation-duration: .3s;
  animation-fill-mode: forwards;
  animation-name: p-message_pane__setup_calendar_banner_slidein;
  background-color: #e6f2ef;
  border: 1px solid #1d1c1d21;
  border-radius: 8px;
  box-shadow: 0 4px 4px #0000001a;
  display: flex;
  margin-top: 20px;
  opacity: 0;

  .c-select_button__placeholder {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-weight: 700;
  }
}

.p-message_pane__setup_calendar_banner--with-delay {
  animation-delay: 2s;
}

.p-message_pane__setup_calendar_banner--exit-animation {
  animation-delay: 1s;
  animation-duration: .2s;
  animation-fill-mode: forwards;
  animation-name: p-message_pane__setup_calendar_banner_fadeout;
  margin-top: 0;
  opacity: 1;
}

@keyframes p-message_pane__setup_calendar_banner_slidein {
  0% {
    margin-top: 20px;
    opacity: 0;
  }

  to {
    margin-top: 0;
    opacity: 1;
  }
}

@keyframes p-message_pane__setup_calendar_banner_fadeout {
  0% {
    margin-top: 0;
    opacity: 1;
  }

  to {
    margin-top: -10px;
    opacity: 0;
  }
}

.p-message_pane__setup_calendar_banner_container {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 16px;
}

.p-message_pane__setup_calendar_banner__left {
  align-items: baseline;
  display: flex;
  flex-basis: 60%;
  flex-direction: column;
  padding: 16px 24px;
}

.p-message_pane__setup_calendar_banner__right {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.p-message_pane__setup_calendar_banner__select_item {
  display: flex;
}

.p-message_pane__setup_calendar_banner__select_item_icon {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  visibility: hidden;
}

.c-select_options_list__option--active .p-message_pane__setup_calendar_banner__select_item_icon {
  visibility: visible;
}

.p-message_pane__setup_calendar_banner__time1 {
  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);
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  flex-grow: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding: 24px 0 4px 8px;
  width: 55%;
}

.p-message_pane__setup_calendar_banner__time2 {
  display: flex;
  flex-grow: 0;

  .p-message_pane__setup_calendar_banner__time2_spacer {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    width: 55%;
  }

  .p-message_pane__setup_calendar_banner__time2_meeting {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-radius: 8px;
    box-shadow: 0 4px 12px #0000001a;
    display: flex;
    margin-bottom: 16px;
    margin-left: 20%;
    width: 140%;
  }

  .p-message_pane__setup_calendar_banner__time2_meeting_spacer {
    background-color: #4a154b;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    width: 8px;
  }

  .p-message_pane__setup_calendar_banner__time2_meeting_text {
    padding: 16px;
  }

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

.p-message_pane__setup_calendar_banner__time3 {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  flex-grow: 1;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding: 4px 0 8px;
  width: 55%;

  .p-message_pane__setup_calendar_banner__time3_text {
    border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    padding-bottom: 4px;
    padding-left: 8px;
  }
}

.sk-client-theme--dark {
  .p-message_pane__setup_calendar_banner {
    background-color: #014231;
  }

  .p-message_pane__setup_calendar_banner__time1, .p-message_pane__setup_calendar_banner__time3_text {
    border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  }
}

.p-message_pane__limited_history_foreword {
  background-color: #f7f7f7;
  background-image: url(./wave-915af80.jpg);
  background-position: 0 100%;
  background-repeat: repeat-x;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  padding: 24px 24px 32px;
  text-align: center;
}

.p-message_pane__limited_history_foreword--dark {
  background-color: #212428;
  background-image: url(./wave-dark-9aaee4b.png);
}

.p-message_pane__limited_history_foreword_headline {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  margin-bottom: 8px;
}

.p-message_pane__limited_history_foreword_subheading {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
  width: 510px;
}

.p-message_pane__limited_history_alert {
  background-color: #f7f7f7;
  background-image: url(./wave-915af80.jpg), url(./wave_top-6363f89.jpg);
  background-position: 0 100%, 0 0;
  background-repeat: repeat-x;
  padding: 30px 80px 30px 96px;
}

.p-message_pane__limited_history_alert--dark {
  background-color: #212428;
  background-image: url(./wave-dark-9aaee4b.png), url(./wave_top-6363f89.jpg);
}

.p-message_pane__limited_history_alert--with-bookmarks-bar {
  margin-top: 36px;
}

.p-message_pane__limited_history_speech_emoji.c-emoji {
  margin: 2px 0;
}

.p-message_pane__foreword_description__container {
  display: flex;
  margin-bottom: 20px;
}

.p-message_pane__foreword_description__container--empty_description {
  align-items: center;
  display: flex;

  > .p-message_pane__foreword_description__container--empty_description_header {
    margin-top: 4px;
  }
}

.p-message_pane__foreword_description__container_icon {
  background-color: #f4ede4;
  border-radius: 4px;
  cursor: default;
  flex: none;
  height: 36px;
  margin-right: 8px;
  margin-top: 4px;
  width: 36px;

  svg {
    border-radius: 4px;
  }
}

.sk-client-theme--dark .p-message_pane__foreword_description__container_icon {
  background-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);

  svg {
    rect:first-of-type {
      fill: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    }

    path:last-of-type {
      stroke: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    }
  }
}

.p-message_pane__foreword_description__container_header {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 15px;
  font-weight: 400;
  font-weight: 900;
  line-height: 1.46668;
}

.p-message_pane__foreword_description__container_body {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;

  .p-message_pane__foreword__notification_setting, .p-message_pane__foreword__notification_warning {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.46668;
    margin: 0;
  }
}

.p-message_pane__foreword_description--slackbot {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-message_pane__foreword_description__edit_profile {
  display: block;
  margin-top: 16px;

  &:hover {
    text-decoration: none;

    .p-message_pane__foreword_description__edit_profile_text {
      text-decoration: underline;
    }
  }

  > .c-icon {
    margin-right: 8px;
  }
}

.p-message_pane__foreword__coachmark {
  width: 280px;
}

.p-message_pane__foreword__coachmark--blue {
  background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  color: #fff;
  font-weight: 700;
  padding: 10px 14px;

  &.c-coachmark--bottom {
    &:after, &:before {
      border-bottom-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    }
  }

  .c-coachmark__close {
    &.c-icon_button--default, &.c-icon_button--light {
      color: #fff;

      &:hover {
        color: #fff;
      }
    }
  }
}

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

  &.c-coachmark--bottom {
    &:after, &:before {
      border-bottom-color: #f8f8f8;
    }
  }

  .c-coachmark__close {
    &.c-icon_button--default, &.c-icon_button--light {
      color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);

      &:hover {
        color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
      }
    }
  }
}

.p-message_pane__search_tip_banner {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

* + .p-message_pane__search_tip_banner {
  margin-top: 8px;
}

.p-message_pane__top_banners > .p-message_pane__search_tip_banner {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  box-shadow: 0 4px 12px #0000001a;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  flex: 0 0 auto;
  padding: 4px 8px 4px 16px;
  pointer-events: none;
  width: max-content;

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

@media only screen and (max-width: 800px) {
  .p-message_pane__search_tip_banner {
    .p-message_pane__search_tip_banner_content {
      margin-left: 8px;
      max-width: -moz-fit-content;
      max-width: fit-content;
    }

    .p-message_pane__search_tip_banner_action {
      margin-right: 12px;
    }
  }
}

.p-message_pane__search_tip_banner_content {
  align-self: center;
  flex: 0 0 auto;
  pointer-events: auto;

  &:focus {
    outline: none;
  }
}

.p-message_pane__search_tip_banner_action {
  align-self: center;
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  height: 36px;
  margin-left: 4px;
  pointer-events: auto;
  text-align: center;
  width: 36px;

  &:focus, &:hover {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

.p-client_desktop--ia-top-nav {
  .p-message_pane__top_banners > .p-message_pane__search_tip_banner {
    border-radius: 14px;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    padding-right: 0;
    width: max-content;
  }

  .p-message_pane__search_tip_banner_action {
    border-radius: 0 14px 14px 0;
    height: 26px;
    padding-right: 2px;
    text-align: center;
    width: 36px;
  }

  .p-message_pane__search_tip_banner_content > .c-keyboard_key.c-keyboard_key--slim {
    margin-left: 0;
    margin-right: 0;
  }
}

.p-message_pane__degraded_banner {
  align-items: center;
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 6px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  font-weight: 900;
  justify-content: center;
  overflow: hidden;
  padding: 0 8px;
  position: relative;
  white-space: nowrap;
  width: 100%;
  z-index: 200;
}

.p-message_pane__degraded_banner__banner_text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-message_pane__degraded_banner__reload_cta {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  margin-left: 8px;
  text-decoration: underline;

  &:hover {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    margin-left: 8px;
    text-decoration: underline;
  }
}

.p-client_desktop--ia-top-nav .p-message_pane__banner.p-message_pane__degraded_banner {
  border-radius: 14px;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  height: 28px;
  padding: 0 16px;
  text-shadow: none;
}

.p-notification_bar {
  align-items: center;
  display: flex;
  height: 24px;
  padding-left: 12px;
  padding-right: 8px;
}

.p-notification_bar--double_decker {
  padding-left: 12px;
}

.p-notification_bar__section {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: .7em;
  height: 1rem;
  line-height: 1rem;
  white-space: nowrap;
}

.p-notification_bar__section--left {
  display: block;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-notification_bar__section--right {
  flex: 0 0 auto;
  margin-left: 4px;
  opacity: 0;
  pointer-events: none;
  text-align: right;
  transition: opacity 0.2s ease-in-out;
}

.p-notification_bar__section--is-visible {
  opacity: 1;
  pointer-events: auto;
}

.p-notification_bar__typing {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

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

.p-notification_bar__offline_icon {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  position: relative;
  top: -1px;

  &:before {
    font-size: 12px;
  }
}

.p-notification_bar__formatting {
  b, code, i, span {
    margin-right: 4px;
  }

  code {
    color: inherit;
    font-size: .6rem;
    padding: 0;
  }

  .p-notification_bar__return {
    margin-right: 0;
  }

  .p-notification_bar__send {
    margin-right: 16px;
  }
}

@media screen and (max-width: 545px) {
  .p-notification_bar .p-notification_bar__formatting {
    display: none;
  }
}

@media screen and (max-width: 920px) {
  .p-notification_bar--flexpane_open .p-notification_bar__formatting {
    display: none;
  }
}

@media screen and (max-width: 837px) {
  .p-notification_bar--typers_showing:not(.p-notification_bar--flexpane_open) .p-notification_bar__section--right {
    display: none;
  }
}

@media screen and (max-width: 1204px) {
  .p-notification_bar--typers_showing.p-notification_bar--flexpane_open .p-notification_bar__section--right {
    display: none;
  }
}

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

.p-context_bar__prog_disc_tip .p-context_bar__prog_disc_tip_flag {
  animation-delay: .2s, .2s;
  animation-duration: .1s, .2s;
  animation-fill-mode: forwards, forwards;
  animation-name: p-context_bar__prog_disc_tip_flag--opacity, p-context_bar__prog_disc_tip_flag--slide-up;
  animation-timing-function: linear, ease-out;
  background: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;
  margin-bottom: -8px;
  opacity: 0;
  padding: 6px 12px 12px;
  transform: translateY(4px);
  width: max-content;

  &:hover {
    cursor: pointer;
  }
}

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

@keyframes p-context_bar__prog_disc_tip_flag--opacity {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes p-context_bar__prog_disc_tip_flag--slide-up {
  0% {
    transform: translateY(4px);
  }

  to {
    transform: translateY(0);
  }
}

.p-context_bar__prog_disc_tip .p-context_bar__prog_disc_tip_flag--exiting {
  animation-delay: 0s;
  animation-duration: .2s;
  animation-fill-mode: forwards;
  animation-name: p-context_bar__prog_disc_tip_flag--slide-down;
  animation-timing-function: ease-out;
  opacity: 1;
  transform: translateY(0);
}

@keyframes p-context_bar__prog_disc_tip_flag--slide-down {
  0% {
    transform: translateY(0);
  }

  to {
    transform: translateY(32px);
  }
}

.p-tenured_team_channel_awareness_banner {
  background-color: #e8f5fa;
  border-radius: 8px;
  color: #1d1c1d;
  font-weight: 400;
  margin: 0 20px 20px 60px;
  position: static;

  .c-banner__text {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 10px 16px;
  }

  .p-tenured_team_channel_awareness_banner__text {
    max-width: 666px;
    padding-right: 16px;
    text-align: left;
  }

  .p-tenured_team_channel_awareness_banner__btn {
    border-radius: 100px;
    min-width: 140px;
  }

  .c-banner__close {
    color: #1d1c1d;

    &:hover {
      color: #1d1c1d;
    }
  }
}

@media screen and (max-width: 768px) {
  .p-tenured_team_channel_awareness_banner .c-banner__text {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .p-tenured_team_channel_awareness_banner .p-tenured_team_channel_awareness_banner__text {
    margin-bottom: 10px;
  }
}

.p-message_pane_input_barriered {
  align-items: center;
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  justify-content: space-between;
  padding: 16px 24px;
  text-align: center;
}

.p-ignore_all_success_modal__title strong {
  font-weight: 900;
}

.p-ignore_all_modal__content {
  min-height: 0;
}

.p-ignore_all_modal__title strong, .p-ignore_this_modal__title strong {
  font-weight: 900;
}

.p-ignore_this_modal__content {
  min-height: 0;

  .c-sk-modal_content__inner {
    padding: 0 28px 8px;
  }
}

.p-ignore_forked_modal__content {
  padding: 0 14px 24px;
}

.p-ignore_forked_modal__button {
  border-radius: 4px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  padding: 12px 14px;

  i {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);

    &:first-of-type {
      padding-left: 1px;
    }
  }

  &.c-button-unstyled:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);

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

.p-ignore_forked_modal__button--icon_container {
  align-items: center;
  display: flex;
  justify-content: center;

  &:first-of-type {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    border-radius: 36px;
    height: 36px;
    width: 36px;
  }

  &:last-of-type {
    margin: auto;
  }
}

.p-ignore_forked_modal__button--label {
  flex: 1;
  padding: 0 16px;
}

.p-ignore_forked_modal__button--text {
  display: flex;
  font-weight: 700;
}

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

.p-message_pane_input__disabled {
  align-items: center;
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  font-size: 1rem;
  justify-content: center;
  max-height: 70px;
  min-height: 66px;
  overflow-y: auto;
  padding: 0 30px;
  text-align: center;
}

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

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

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

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

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

.supports_custom_scrollbar .p-message_pane_input__disabled {
  border-right: 0.25rem solid #0000;

  &::-webkit-scrollbar {
    -webkit-appearance: none;
    position: absolute;
    width: 8px;
  }

  &::-webkit-scrollbar-thumb {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
  }

  &::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
    background: #0000;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
  }

  &::-webkit-scrollbar-thumb {
    background: #0000;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px;
  }

  &::-webkit-scrollbar-corner {
    background: #0000;
  }

  &:hover {
    border-right: 0.25rem solid #0000;

    &::-webkit-scrollbar {
      -webkit-appearance: none;
      position: absolute;
      width: 8px;
    }

    &::-webkit-scrollbar-thumb {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
    }

    &::-webkit-scrollbar-track {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
      background: #0000;
      box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
    }

    &::-webkit-scrollbar-thumb {
      background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.52);
      box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
      min-height: 36px;
    }

    &::-webkit-scrollbar-corner {
      background: #0000;
    }
  }
}

.p-message_pane_input__disabled_hide_outline {
  outline: none;
}

.p-message_pane_input__disabled_button {
  flex: 0 0 auto;
  margin-left: 20px;
}

.p-message_pane_input__disabled_text {
  max-height: inherit;
  padding-bottom: 12px;
  padding-top: 12px;

  .p-deprecated_channel_name {
    white-space: pre-wrap;
    word-break: break-word;
  }
}

.p-message_pane_input__disabled_pending_dm_metadata {
  display: none;
}

.p-message_pane_input__preview {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 24px 30px;
  text-align: center;
}

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

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

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

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

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

.p-message_pane_input__description-text {
  cursor: default;
  max-width: 100%;
  text-align: center;
}

.p-message_pane_input__preview_subtitle {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 18px;
  font-weight: 900;
  font-weight: 400;
  line-height: 1.33334;
  white-space: normal;
}

.p-message_pane_input__preview_metadata {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
  margin-top: 8px;

  &:empty {
    margin-top: 0;
  }
}

.p-message_pane_input__button-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -12px;
  margin-top: -12px;

  > * {
    margin-left: 12px;
    margin-top: 12px;
  }
}

.p-message_pane_input__preview_back_to_channel_browser {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  margin-top: 16px;
  text-decoration: underline;
}

.p-message_pane_input {
  display: flex;
  flex: 1;
  padding: 0 20px;
}

.p-message_pane_input--in-overlay {
  position: relative;
  z-index: 300;
}

.p-message_pane_input_inner {
  flex: 1;
}

.p-message_pane_input_inner_top {
  position: relative;
}

.p-message_pane_input__wrapper--welcome-place {
  background: #e8f5fa;
  padding: 0 20px;
}

.sk-client-theme--dark .p-message_pane_input__wrapper--welcome-place {
  background: #1c2a34;
}

.p-message_pane_input__wrapper--welcome-place .p-message_pane_input {
  display: flex;
  padding: 0;
}

.p-message_pane_input__respond-later-coachmark {
  height: 119px;
  width: 338px;
}

.p-message_container_loading {
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background-image: url(./uv-loader@2x-613c27d.gif);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 200px 200px;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 200;
}

.p-message_container_loading--dark {
  background-image: url(./uv-loader-dark@2x-b6cb005.gif);
}

.p-message_container_loading__msg {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  font-size: 15px;
  font-weight: 700;
  height: 220px;
  text-align: center;
}

.p-unreads_view {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.p-unreads_view__header {
  height: 60px;
  align-items: center;
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  display: flex;
  padding-left: 16px;
  padding-right: 32px;
}

.p-unreads_view__header--new {
  align-items: center;
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  display: flex;
  padding-left: 16px;
  padding-right: 32px;
  height: 48px;
}

.p-unreads_view__header--was_marked {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  box-shadow: inset 0 -1px var(--saf-0);
}

.p-unreads_view__header--was_marked--new {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  box-shadow: inset 0 -1px var(--saf-0);
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
}

.p-unreads_view__header--collapsed {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  box-shadow: inset 0 -1px var(--saf-0);
}

.p-unreads_view__header__channel_name_link {
  font-size: 1.125rem;
  font-weight: 900;
  min-width: 1px;
  color: inherit;

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

.p-unreads_view__header__channel_name_link--new {
  color: inherit;
  font-weight: 900;
  min-width: 1px;
  color: inherit;

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

.p-unreads_view__header__collapse {
  height: 28px;
  margin-right: auto;
  width: 28px;
}

.p-unreads_view__header__collapse_left {
  height: 28px;
  margin-right: 4px;
  width: 20px;
}

.p-unreads_view__header__channel_name {
  cursor: pointer;
  display: block;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.p-unreads_view__header__channel_name--new {
  cursor: pointer;
  display: block;
  height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.p-unreads_view__header__channel_name--margin_right {
  margin-right: 4px;
}

.p-unreads_view__header__mark_read_button, .p-unreads_view__header__message_count, .p-unreads_view__header__new_msgs_button, .p-unreads_view__header__undo_button {
  flex-shrink: 0;
  margin-left: 4px;
}

.p-unreads_view__header__message_count {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-right: 8px;
  padding-left: 4px;
}

.p-unreads_view__header__kb_instructions {
  display: none;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  white-space: nowrap;
}

.p-unreads_view__header__kb_instructions_container--selected .p-unreads_view__header__kb_instructions {
  display: inline;
}

.p-unreads_view__header__new_msgs_button, .p-unreads_view__header__undo_button {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-unreads_view__header__message_count, .p-unreads_view__header__new_msgs_button {
  margin-left: auto;
}

.p-unreads_view__spacer {
  box-sizing: initial;
  height: 20px;
}

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

.p-unreads-view__message {
  .c-message_kit__gutter, .c-message_kit__tombstone {
    padding: 8px 20px;
  }

  .c-message__body {
    margin: 0;
  }
}

.p-unreads_view_compact_timestamp {
  margin: -4px 0;
  text-align: right;
  width: 56px;
}

.p-unreads_view_compact_timestamp--light {
  width: 36px;
}

.p-unreads_view_compact_timestamp--adjacent {
  opacity: 0;
}

.c-message_kit__hover--hovered .p-unreads_view_compact_timestamp--adjacent {
  opacity: 1;
}

.c-message_kit__labels--light.p-unreads-view__message_label .c-message_kit__labels__icon {
  width: 36px;
}

.c-message_kit__labels--dense.p-unreads-view__message_label .c-message_kit__labels__icon {
  width: 56px;
}

.p-unreads-view__message_label .c-message_kit__labels__label {
  padding-left: 20px;
  padding-top: 4px;
}

.p-unreads_view_sender--compact {
  margin-left: -8px;
}

.p-unreads_view__show_newer {
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  display: block;
  padding: 8px 20px;
  width: 100%;
}

.p-unreads_view__jump_to_section_button {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  font-size: .9rem;
  font-weight: 400;
}

.p-unreads_view__jump_to_section_button__inline_channel_section {
  font-weight: 900;
}

.p-unreads_view__footer {
  padding-bottom: 32px;
  padding-top: 32px;
  text-align: center;
}

.p-unreads_view__footer__jump_to_section_button_wrapper {
  margin-top: 12px;
}

.p-unreads_view__empty {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  position: absolute;
  text-align: center;
  width: 100%;
}

.p-unreads_view__empty__message {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  margin-bottom: 20px;
  opacity: 1;
  transition: opacity 0.4s ease;
}

.p-unreads_view__empty--show_new .p-unreads_view__empty__message {
  opacity: 0.5;
}

.p-unreads_view__empty__image {
  filter: none;
  height: 80px;
  margin-bottom: 20px;
  transition: filter .4s ease;
  width: 80px;
}

.p-unreads_view__empty--show_new .p-unreads_view__empty__image {
  filter: grayscale(100%);
}

.p-unreads_view__empty__button_caption {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: 8px;
}

.p-unreads_view__empty__undo {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}

.p-unreads_view__empty__undo_inner {
  background: #616061;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #fff;
  display: inline-block;
  line-height: 1rem;
  padding: 10px;

  &.clear_style {
    background: #0000;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  }
}

.p-unreads_view__empty__undo_button {
  margin-left: 8px;
  text-decoration: underline;
  color: #fff;

  &:active, &:focus, &:hover {
    color: #fff;
  }
}

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

  &:active, &:focus, &:hover {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
}

.p-unreads_view__empty__emoji {
  filter: none;
  height: 32px;
  margin-bottom: 12px;
  transition: filter .4s ease;
  width: 32px;
}

.p-unreads_view__empty__show_all_unreads_button {
  margin-top: 16px;
}

.p-unreads_view__loading_more {
  height: 80px;
  line-height: 80px;
  text-align: center;
}

.p-unreads_view__top_banners {
  display: flex;
  left: 16px;
  position: absolute;
  right: 16px;
  top: 23px;
  z-index: 201;
}

.p-unreads_view__file_upload_banner {
  left: 50%;
  margin: 12px 0 0;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
}

.p-unreads_view__top_banners:not(:empty):before {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  content: '';
  height: 27px;
  position: absolute;
  top: -23px;
  width: 100%;
  z-index: 200;
}

.p-classic_nav__channel_header__title_section {
  display: inline-block;
}

.p-classic_nav__channel_header__refresh_button {
  height: 100%;
}

.p-classic_nav__channel_header__all_unreads_wrapper .p-classic_nav__channel_header__refresh_button {
  margin-top: 1px;
}

.p-classic_nav__channel_header__refresh_button_icon {
  margin-right: 4px;
  margin-top: 1px;
}

.p-classic_nav__channel_header__all_unreads_wrapper {
  display: flex;
  flex-grow: 1;
}

.p-all_unreads_header__header__sort_dropdown {
  align-self: center;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
}

.p-all_unreads_header__header__sort_and_filter {
  display: flex;
}

.p-all_unreads_header__header__refresh_button {
  margin-left: auto;
}

.p-all_unreads_header__header__section_filter {
  margin-right: 4px;
}

.p-scdm_education_launcher {
  align-items: center;
  background-color: #1d9bd11a;
  border-radius: 32px;
  color: #1264a3;
  display: flex;
  overflow: hidden;
  padding: 6px 8px 6px 12px;
  white-space: nowrap;

  &:hover {
    background-color: #e8f5fa;
    color: #0b4c8c;
  }
}

.p-scdm_education_launcher__icon {
  height: 15px;
  margin-right: 4px;
}

.p-scdm_education_launcher__label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-scdm_education_launcher__icon_close {
  border-radius: 20px;
  height: 20px;
  margin-left: 2px;
  width: 20px;

  i {
    color: #1264a3;
  }
}

.sk-client-theme--dark {
  .p-scdm_education_launcher {
    background: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.1);
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);

    &:hover {
      background: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.2);
      color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    }
  }

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

.p-setup_tip__tip--composer {
  margin: 0 auto 44px;
  max-width: 450px;
}

.p-setup_tip__tip--search {
  margin: 0 auto;
  max-width: 340px;
}

.p-setup_tip__header {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  padding: 24px 0;
  width: 100%;
}

.p-setup_tip__suggestions {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding: 16px 28px 12px;
}

.p-setup_tip__suggestons_header {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 4px;
  padding: 4px 0;
}

.p-setup_tip__suggestion {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 4px;
  padding: 4px 0;
}

.p-setup_tip__suggestion_icon {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-radius: 4px;
  font-size: 14px;
  margin-right: 12px;
  width: 20px;
}

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

.c-message_list_preview {
  height: 100%;
  position: absolute;
  width: 100%;
}

.c-message_list_preview__item--bottom {
  margin-bottom: 16px;
}

.c-message_list_preview__list_divider {
  height: 56px;
}

.c-message_list_preview__list_wrapper {
  height: 100%;
}

.p-avatar_stack {
  align-items: center;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  cursor: pointer;
  display: flex;
  font-size: 13px;
  line-height: 24px;
  margin-left: 24px;
  white-space: nowrap;
}

.p-avatar_stack__stack__avatars {
  align-items: center;
  display: flex;
  margin-right: 8px;
}

.p-avatar_stack__avatar {
  --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 2px var(--saf-0);
  margin-right: -4px;
}

.p-avatar_stack--details .p-avatar_stack__avatar {
  border-radius: 3px;
}

.p-avatar_stack__avatar {
  &:nth-last-child(4) {
    z-index: 3;
  }

  &:nth-last-child(3) {
    z-index: 2;
  }

  &:nth-last-child(2) {
    z-index: 1;
  }

  &.c-avatar {
    cursor: pointer;
  }

  > * {
    border-radius: 4px;
  }
}

.p-avatar_stack--details .p-avatar_stack__avatar > * {
  border-radius: 3px;
}

.p-workspace__primary_view--tiny .p-avatar_stack__avatar {
  display: none;
}

.p-avatar_stack__avatar {
  &.c-team_icon--default {
    display: inline-block;
  }

  &.p-avatar_stack__avatar--placeholder {
    background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    display: inline-block;
    height: 22px;
    width: 22px;
  }
}

.p-avatar_stack__stack__user_icon {
  display: none;
}

.p-avatar_stack__tile_icon {
  font-size: 15px;
  margin-left: 4px;
}

.p-avatar_stack__count {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  color: rgba(var(--sk_inverted_background, 29, 28, 29), 1);
  font-weight: 700;
  line-height: 24px;
  padding: 0 8px 0 14px;

  &.p-avatar_stack__count--in_banner {
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: 0 0 0 2px var(--saf-0);
  }
}

.p-workspace__primary_view--tiny .p-avatar_stack__count {
  border-radius: 4px;
  padding-left: 8px;
}

.p-avatar_stack--huddles .p-avatar_stack__count.p-avatar_stack__count--tile_condensed, .p-avatar_stack__count.p-avatar_stack__count--tile_condensed {
  padding: 0 6px 0 4px;
}

.p-avatar_stack__stack {
  &:hover {
    .p-avatar_stack__count {
      background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
      color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);

      &.p-avatar_stack__count--in_banner {
        background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
      }
    }

    .p-avatar_stack__avatar--in_banner, .p-avatar_stack__count.p-avatar_stack__count--in_banner {
      --saf-0: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
      box-shadow: 0 0 0 2px var(--saf-0);
    }
  }

  &:active {
    .p-avatar_stack__count {
      background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);

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

    .p-avatar_stack__avatar--in_banner, .p-avatar_stack__count.p-avatar_stack__count--in_banner {
      --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      box-shadow: 0 0 0 2px var(--saf-0);
    }
  }
}

.p-avatar_stack__add_button {
  margin: 0 8px 0 10px;
}

.p-avatar_stack__add_button--highlight {
  background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  margin-right: 4px;
  padding-left: 4px;

  &:hover {
    background: #2570aa;
  }

  &:active {
    background: #105a93;
  }
}

.p-avatar_stack--details {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0);
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  height: 28px;
  margin-left: 8px;
  padding: 3px 0 3px 3px;

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

    .p-avatar_stack__avatar {
      --saf-0: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
      box-shadow: 0 0 0 2px var(--saf-0);
    }
  }

  &:active {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);

    .p-avatar_stack__avatar {
      --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      box-shadow: 0 0 0 2px var(--saf-0);
    }
  }

  .p-avatar_stack__stack__avatars {
    margin-right: 0;
  }

  .p-avatar_stack__count {
    background-color: initial;
    color: inherit;
    font-size: 13px;
    line-height: 22px;
    padding: 0 8px 0 12px;
  }

  .p-avatar_stack__stack__user_icon {
    font-size: 18px;
  }

  &.p-avatar_stack--active_huddle {
    align-items: center;
    display: flex;
  }
}

.p-workspace__primary_view--small .p-avatar_stack--details, .p-workspace__primary_view--tiny .p-avatar_stack--details {
  align-items: center;
  display: flex;
}

.p-avatar_stack--details.p-avatar_stack--active_huddle .p-avatar_stack__avatar, .p-workspace__primary_view--small .p-avatar_stack--details .p-avatar_stack__avatar, .p-workspace__primary_view--tiny .p-avatar_stack--details .p-avatar_stack__avatar {
  display: none;
}

.p-avatar_stack--details.p-avatar_stack--active_huddle .p-avatar_stack__count, .p-workspace__primary_view--small .p-avatar_stack--details .p-avatar_stack__count, .p-workspace__primary_view--tiny .p-avatar_stack--details .p-avatar_stack__count {
  padding: 0 8px 0 4px;
}

.p-avatar_stack--details.p-avatar_stack--active_huddle .p-avatar_stack__stack__user_icon, .p-workspace__primary_view--small .p-avatar_stack--details .p-avatar_stack__stack__user_icon, .p-workspace__primary_view--tiny .p-avatar_stack--details .p-avatar_stack__stack__user_icon {
  display: inline-block;
  margin-left: 4px;
}

.p-avatar_stack--comprehensible_entry_point {
  box-shadow: none;
  height: auto;
  margin-left: 4px;
  padding: 4px 0;

  &:active, &:hover {
    box-shadow: none;
  }
}

.p-avatar_stack--no-outline {
  box-shadow: none;

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

.p-avatar_stack__with_presence {
  height: 22px;
  position: relative;
}

.p-avatar_stack__presence {
  bottom: -7px;
  position: absolute;
  right: -12px;
  z-index: 3;

  &:before {
    font-size: 15px;
    line-height: 15px;
  }
}

.p-avatar_stack__presence_bg {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  height: 3px;
  left: 17px;
  position: absolute;
  top: 18px;
  width: 4px;
  z-index: 3;
}

.p-avatar_stack__presence_icon--on-avatar-border {
  -webkit-text-stroke-width: 4px;
  -webkit-text-stroke-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
}

.p-avatar_stack--fade-in {
  animation: p-avatar_stack__animation--fade-in 0.3s linear 0s 1 normal forwards;
}

@keyframes p-avatar_stack__animation--fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
    transition: opacity 0.1s linear, transform 0.3s cubic-bezier(0.36, 0.19, 0.29, 1);
  }
}

.p-escape_hatch__group_label {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: block;
  padding-bottom: 4px;
}

.p-escape_hatch__container {
  display: flex;
  padding: 12px 0;
}

.p-escape_hatch__icon {
  align-self: flex-start;
  color: #1264a3;
  margin-right: 8px;
}

.p-escape_hatch__heading {
  display: block;
}

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

.c-select_options_list__option--active {
  .p-escape_hatch__icon, .p-escape_hatch__subheading {
    color: #fff;
  }
}

.p-escape_hatch__group_label {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: block;
  padding-bottom: 4px;
}

.p-escape_hatch__container {
  display: flex;
  padding: 12px 0;
}

.p-escape_hatch__icon {
  align-self: flex-start;
  color: #1264a3;
  margin-right: 8px;
  margin-top: 1.6px;
}

.p-escape_hatch__heading {
  display: block;
}

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

.c-select_options_list__option--active {
  .p-escape_hatch__icon, .p-escape_hatch__subheading {
    color: #fff;
  }
}

.p-huddle_channel_header_button__container {
  --saf-0: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
  align-items: center;
  border: 1px solid var(--saf-0);
  border-radius: 6px;
  display: flex;

  .p-huddle_channel_header_button__divider {
    border-right: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    height: 16px;
  }

  &.p-huddle_channel_header_button--active {
    background: var(--p-channel_sidebar__item-selected-bg);
    border-color: var(--p-channel_sidebar__item-selected-bg);
    color: var(--p-channel_sidebar__item-selected-text);

    .p-huddle_channel_header_button__options_button, .p-huddle_channel_header_button__start_button {
      color: var(--p-channel_sidebar__item-selected-text);
    }

    .p-huddle_channel_header_button__divider {
      border-right: 1px solid var(--p-channel_sidebar__item-selected-text);
      opacity: 30%;
    }
  }

  &.p-huddle_channel_header_button--in_huddle {
    background: var(--p-channel_sidebar__column-bg);
    border-color: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
    color: var(--p-channel_sidebar__computed-text-color);

    .p-huddle_channel_header_button__options_button, .p-huddle_channel_header_button__start_button {
      color: var(--p-channel_sidebar__computed-text-color);
    }

    .p-huddle_channel_header_button__divider {
      border-color: var(--p-channel_sidebar__computed-text-color);
    }
  }

  .p-huddle_channel_header_button__options_button, .p-huddle_channel_header_button__start_button {
    height: 26px;
  }

  .p-huddle_channel_header_button__message, .p-huddle_channel_header_button__start_button {
    padding: 0 8px;
    width: auto;
  }

  .p-huddle_channel_header_button__message.p-huddle_channel_header_button__start_button--joined, .p-huddle_channel_header_button__start_button.p-huddle_channel_header_button__start_button--joined {
    padding-left: 1.6px;
  }

  .p-huddle_channel_header_button__message {
    font-size: 13px;
    height: auto;
  }

  .p-huddle_channel_header_button__options_button {
    width: 20px;
  }

  .p-huddle_channel_header_button__member_count {
    padding-left: 4px;
  }

  .p-huddle_channel_header_button__name {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    padding-left: 4px;
  }

  .p-huddle_channel_header_button__avatar_stack {
    display: flex;
    margin-right: 2px;
  }
}

.p-message_input__input_container_unstyled {
  .p-message_input__attachments .p-multi_file_upload__file_gallery, .p-message_input__files .p-multi_file_upload__file_gallery {
    padding: 8px;
  }

  .p-message_input__attachments .p-gallery_scroller__wrapper, .p-message_input__files .p-gallery_scroller__wrapper {
    background: unset;
    border: unset;
    border-radius: unset;
  }

  .p-message_input__attachments .p-gallery_scroller__content, .p-message_input__files .p-gallery_scroller__content {
    align-items: center;
    display: inline-flex;
  }

  .p-message_input__attachments .p-multi_file_upload__container, .p-message_input__files .p-multi_file_upload__container {
    min-width: unset;
  }

  .p-message_input__attachments .p-draft_unfurls, .p-message_input__files .p-draft_unfurls {
    padding: 8px;
  }

  .p-message_input__attachments .p-composer_attachments__separator, .p-message_input__files .p-composer_attachments__separator {
    border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    height: 62px;
  }

  &:not(.c-wysiwyg_container--with_footer):not(.p-message_input__input_container_unstyled--with_attachments_grid) {
    .ql-editor {
      padding-left: 0;
    }

    .ql-placeholder {
      left: 0;
    }
  }
}

.p-message_input__input_container_unstyled--day1 .c-texty_input_unstyled__container--size_medium .ql-placeholder {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  -ms-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
}

.c-alert.c-alert--inline.c-alert--level_info.c-alert--align_left.p-message_input--unfurls_alert {
  border: none;
  border-radius: 4px 4px 0 0;
}

.p-composer_page {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  width: 100%;
}

.p-composer_page__drag_and_drop {
  height: 100%;
}

.p-composer_page__subheader {
  --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 1px 0 0 var(--saf-0);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 20px;
  z-index: 1;
}

.p-composer_page__subheader--focused {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  box-shadow: 0 1px 0 0 var(--saf-0), 0 4px 12px -2px #00000014;

  .p-composer_page__destination_prefix {
    line-height: 52px;
    z-index: 1;
  }
}

.p-composer_page__body {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.p-composer_page__footer {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-left: 20px;
  margin-right: 20px;
  max-height: 50%;
  min-height: 0;
}

.p-composer_page__destination_input {
  display: flex;
  min-height: 48px;
  position: relative;

  &.p-composer_page__destination_input--tokenize_in_composer {
    flex-wrap: wrap;
  }
}

.p-composer_page__destination {
  align-items: center;
  display: flex;
  min-height: 48px;
}

.p-composer_page__destination_content {
  align-items: center;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  min-width: 0;
}

.p-composer_page__destination_alert {
  margin: 0 0 8px;
}

.p-composer_page__destination .p-composer_page__destination_alert {
  flex-basis: 100%;
  margin: 0 0 8px 8px;
}

.p-composer_page__files_alert {
  margin: 0 0 8px;
}

.p-composer_page__destination__multi_select_input {
  border: none;
  box-shadow: unset;

  &.c-multi_select_input--initial {
    .c-multi_select_input__placeholder {
      top: 7px;
    }

    .c-multi_select_input__filter_query {
      margin-top: 7px;
    }
  }
}

.p-composer_page__destination_text_wrapper {
  align-items: center;
  display: flex;
  height: 52px;
}

.p-composer_page__destination .p-composer_page__destination_text_wrapper {
  flex: 1;
  height: unset;
  margin-left: 4px;
  min-height: 52px;
  min-width: 0;
}

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

.p-composer_page__destination .p-composer_page__destination_prefix {
  align-self: flex-start;
  line-height: 52px;
}

.p-composer_page__destination_text {
  display: block;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;

  wbr {
    display: none;
  }
}

.p-composer_page__destination_text--emphasized {
  font-weight: 700;

  .c-channel_team {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    display: inline-flex;
  }
}

.p-composer_page__destination_text--disabled {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  cursor: default;
}

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

.p-composer_page__destination_select_wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.p-composer_page__destination_select {
  flex: 1;
  margin: 8px 0;
}

.p-composer_page__destination_subtext {
  margin-left: 8px;
  margin-top: 8px;
}

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

.p-composer_page__destination_select_text {
  flex-basis: 100%;

  .c-multi_select_helper_text:last-child {
    padding-bottom: 8px;
  }

  .c-multi_select_helper_text--loading {
    margin-left: -2px;

    .c-multi_select_helper_text__icon_container {
      position: relative;
      top: 3px;
    }
  }
}

.p-composer_page__destination .p-composer_page__destination_select_text {
  margin-left: 8px;
}

.p-composer_page__destination_select_suggestions {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  min-height: 36px;
}

.p-composer_page__destination_select_member_suggestion {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  margin-bottom: 4px;
  margin-left: 8px;
  text-decoration: underline;

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

.p-composer_page__destination_select_email_suggestion {
  align-items: center;
  display: flex;
  min-height: 32px;
}

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

.p-composer_page__destination_options_list .c-select_options_list__group_option {
  padding-left: 24px;
}

.p-composer_page__sending_invites_status {
  align-items: center;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  flex-basis: 100%;
  margin-bottom: 8px;
  margin-left: 8px;
}

.p-composer_page__sending_invites_status_text {
  margin-left: 4px;
}

.p-composer_page__external_email_warning_modal_dont_ask_again_label {
  font-weight: 400;
  margin-bottom: 0;
}

.p-composer_page__message_input_wrapper {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.p-composer_page__message_input_wrapper--animated {
  transition: height 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-composer_page__message_input_unstyled {
  flex: 1;
  min-height: 0;

  .p-message_input__input_container_unstyled {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .c-basic_container__body {
    flex: 1;
    min-height: 0;
  }

  .c-texty_input_unstyled__container {
    min-height: 0;
  }
}

.p-workspace__tiles .p-composer_page__message_input_unstyled .ql-editor {
  max-height: calc(60vh - 80px);
}

.p-composer_page--noncontextual {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);

  .p-composer_page__footer {
    max-height: calc(100% - 68px);
  }
}

.p-composer_page--expanded {
  .p-composer_page__body {
    flex: unset;
  }

  .p-composer_page__footer {
    flex: 1;
    margin-top: 20px;
    max-height: none;
  }
}

.p-composer_page--context_bar_showing {
  .p-composer_page__context_item--bottom {
    margin-bottom: 8px;
  }

  .p-composer_page__footer {
    margin-top: 0;
  }

  .p-composer_page__context_bar {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    margin-right: -20px;
  }

  &.p-composer_page--expanded .p-composer_page__footer {
    margin-top: 9px;
  }

  .p-composer_page__context_list_wrapper .c-virtual_list--scrollbar > .c-scrollbar__track {
    z-index: 201;
  }
}

.p-composer_page--noncontextual .p-composer_page__context_bar {
  background-color: initial;
}

.p-offline_outbox_page {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  display: flex;
  flex-direction: column;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;

  .c-virtual_list__item {
    padding-bottom: 16px;
    padding-left: 20px;
    padding-right: 20px;

    &:first-child {
      padding-top: 20px;
    }
  }

  .c-virtual_list__item--focus:not(.p-drafts_page__draft) {
    &:after {
      border-radius: 12px;
      bottom: 16px;
      left: 20px;
      right: 20px;
      top: 0;
    }

    &.c-virtual_list__item:first-child:after {
      top: 20px;
    }
  }
}

.p-offline_outbox_page__list {
  flex: 1;
  position: relative;
}

.p-app_launcher_filter_menu--selected-item {
  padding-left: 0;
}

.p-app_launcher_filter_menu--icon {
  margin-right: 0;
}

.p-app_launcher_filter_menu--selected-item .c-menu_item__icon {
  margin-right: 0;
  max-width: 24px;
  min-width: 24px;
}

.p-app_launcher_banner {
  margin-bottom: 24px;
  max-width: 1700px;
  padding-left: 20px;
  padding-right: 68px;
  position: relative;

  .c-icon--times {
    display: none;
  }

  &.p-app_launcher_banner--focused, &:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }

  .c-button--focus-visible:focus .c-icon--times, &.p-app_launcher_banner--focused .c-icon--times, &:hover .c-icon--times {
    display: block;
  }
}

.p-app_launcher_banner__container {
  align-items: center;
  display: flex;
}

.p-app_launcher_banner__body {
  font-size: 18px;
  font-weight: 900;
  font-weight: 400;
  line-height: 1.33334;
  max-width: 600px;
  padding-bottom: 20px;
  padding-top: 20px;
}

.p-app_launcher_banner__title {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  margin-bottom: 12px;
}

@media screen and (min-width: 670px) {
  .p-app_launcher_banner__title {
    margin-bottom: 8px;
  }
}

.p-app_launcher_banner__image {
  display: none;
}

@media screen and (min-width: 670px) {
  .p-app_launcher_banner__image {
    display: block;
    height: auto;
    margin-left: 40px;
    max-width: 200px;
    width: 33%;
  }
}

.p-app_launcher_banner__ctas {
  display: block;
  margin-bottom: -12px;
  margin-top: 20px;
}

.p-app_launcher_banner__primary_cta {
  margin-bottom: 12px;
  margin-right: 20px;
}

.p-app_launcher_banner__post_script {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  padding-bottom: 16px;
  padding-top: 16px;
}

.p-app_launcher_banner__close {
  position: absolute;
  right: 12px;
  top: 12px;
}

.p-app_launcher {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  height: 100%;
}

.p-app_launcher--non_ia .c-filter_input:not(.c-filter_input--active) {
  border-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.p-app_launcher__search_filter_container {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  grid-column: 1/span 2;
  justify-content: center;
  margin-bottom: 24px;
  margin-top: 24px;
}

.p-app_launcher__search_filter_container--ia_filters {
  padding: 20px 20px 0;
}

.p-app_launcher__search {
  flex: 1;
}

.p-app_launcher__app_card {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0);
  overflow: hidden;
  padding: 16px;
  width: 100%;

  &: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;
  }

  &:hover {
    --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-app_launcher__app_card__pseudobutton {
      background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
      box-shadow: 0 1px 3px 0 #00000014;
    }
  }

  &:active .p-app_launcher__app_card__pseudobutton {
    background: hsla(0, 0%, 98%, 0.826);
    border-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.5);
    box-shadow: none;
  }
}

.p-app_launcher__app_card__container {
  align-items: center;
  display: flex;
  height: 58px;
}

.p-app_launcher__app_card__icon {
  border-radius: 3px;
  flex-shrink: 0;
  height: 56px;
  margin-right: 16px;
  width: 56px;
}

.p-app_launcher__app_card__title {
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  display: -webkit-box !important;
  font-size: 15px;
  font-weight: 400;
  font-weight: 900;
  line-height: 1.46668;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: break-all;
}

.p-app_launcher__app_card__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.p-app_launcher__app_card__text {
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: -webkit-box !important;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.p-app_launcher__app_card__text--org {
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: -webkit-box !important;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-line-clamp: 1 !important;
}

.p-app_launcher__app_card__pseudobutton {
  margin-top: 16px;
  width: 100%;
}

.p-app_launcher__app_card__pseudobutton__icon {
  position: absolute;
  right: 12px;
}

.p-app_launcher__app_card__org {
  align-items: center;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  font-size: 16px;
}

.p-app_launcher__app_card__org__text {
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin-left: 4px;
}

.p-app_launcher__grid {
  grid-gap: 12px;
  display: grid;
  justify-items: stretch;
  margin: 6px 0;
  padding: 0 20px;
  width: 100%;
}

.p-app_launcher__grid--ia_filters {
  margin: 0;
  padding: 0;
}

.p-app_launcher__category_header {
  display: flex;
  font-size: 13px;
  font-weight: 400;
  justify-content: space-between;
  line-height: 1.38463;
  margin-bottom: 16px;
  margin-top: 16px;
  padding: 0 20px;
}

.p-app_launcher__category_header__title {
  font-weight: 700;
}

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

.p-app_launcher__category_header__link {
  &:active, &:hover, &:link, &:visited {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    cursor: pointer;
  }

  &:focus, &:hover {
    text-decoration: underline;
  }
}

.p-app_launcher__filtered_no_results {
  margin-bottom: 12px;
  padding: 0 20px;
}

.p-app_launcher__no_results {
  margin: 56px auto;
  max-width: 360px;
  padding: 0 20px;
  text-align: center;
}

.p-app_launcher__content {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
}

.p-app_launcher__measure_container {
  display: flex;
  height: 100%;
}

.p-app_launcher__list_container, .p-app_launcher__measure_container {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.p-app_launcher__list_container .c-virtual_list--scrollbar .c-virtual_list__scroll_container {
  transform: translateY(1px);
}

.p-app_launcher__paginator {
  margin-bottom: 12px;
  margin-top: 4px;
}

.p-app_launcher__more_apps_link_container {
  display: flex;

  .p-app_launcher__more_apps_link {
    align-self: flex-end;
    margin: 16px 20px 8px auto;
  }
}

.p-app_launcher_actions {
  display: flex;
}

.p-app_launcher_actions__link {
  align-self: center;
  margin-right: 4px;
}

.p-app_launcher_actions__button_link:hover {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  text-decoration: none;
}

.p-activity_page {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  flex: 1;
  height: 100%;
  width: 100%;

  .c-virtual_list__item--focus:after {
    content: unset;
  }
}

.p-activity_page__title_icon {
  color: #de4e2b;
}

.p-activity_page__list {
  .c-message__actions {
    right: 28px;
    top: 12px;
  }

  &:not(.p-activity_page__list--docked) .p-activity_page__item_background {
    border-radius: 12px;
    margin: 0 16px 16px;
  }

  &.p-activity_page__list--docked .c-message__actions {
    right: 16px;
  }
}

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

.p-activity_page__item {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.13);
  border-radius: 12px;
  box-shadow: 0 0 0 1px var(--saf-0);
  padding: 10px 12px 14px;

  &:hover {
    --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;
    cursor: pointer;
  }

  &:focus {
    outline: none;
  }

  .c-member__member-name {
    margin-right: 0;
  }

  .c-member__secondary_content {
    margin-left: 4px;
  }
}

.c-virtual_list__item--focus .p-activity_page__item {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.p-activity_page__item--first {
  margin-top: 16px;
}

.p-activity_page__item--docked {
  background: #0000;
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;

  &:hover {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    box-shadow: none;
  }
}

.c-virtual_list__item--focus .p-activity_page__item--docked {
  border-radius: 4px;
  box-shadow: 0 0 0 1px #fff, 0 0 0 5px #ffffff4d;
}

.p-activity_page__item--dense .c-files_container {
  margin-left: 14px;
}

.p-activity_page__item__offline {
  margin: 0 16px;
  width: unset;
}

.p-activity_page__item__offline--docked {
  padding: 0 16px;
}

.p-activity_page__item__link {
  color: inherit;
  display: inline-block;

  &:hover {
    text-decoration: underline;
  }

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

.p-activity_page__item__header {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 8px;
}

.p-activity_page__education {
  border-radius: 12px;
  margin: 16px;
}

.c-virtual_list__item--focus .p-activity_page__education {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.p-activity_page__top_anchor_hack_item {
  border-bottom: 1px solid rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
}

.p-activity_page__top_anchor_hack_item--docked {
  border-bottom: 1px solid rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
}

@keyframes unread-highlight {
  0% {
    background: #f2c74433;
  }

  60% {
    background: #f2c74433;
  }
}

.p-saved_page {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  flex: 1;
  height: 100%;
  width: 100%;

  .c-virtual_list__item--focus:after {
    content: unset;
  }
}

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

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

.p-saved_page__list {
  .c-message__actions {
    right: 32px;
    top: 12px;
  }

  &.p-saved_page__list--docked .c-message__actions {
    right: 16px;
  }
}

.p-saved_page__item {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 12px;
  box-shadow: 0 0 0 1px var(--saf-0);
  margin: 0 20px 20px;
  padding: 10px 12px 14px;

  &:hover {
    --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;
    cursor: pointer;
  }

  &:focus {
    outline: none;
  }
}

.c-virtual_list__item--focus .p-saved_page__item {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.p-saved_page__item--first {
  margin-top: 20px;
}

.p-saved_page__item--docked {
  background: #0000;
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;

  &:hover {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    box-shadow: none;
  }
}

.c-virtual_list__item--focus .p-saved_page__item--docked {
  border-radius: 4px;
  box-shadow: 0 0 0 1px #fff, 0 0 0 5px #ffffff4d;
}

.p-saved_page__item--docked .c-pillow_file {
  background: #0000;
}

.p-saved_page__item--dense .c-files_container {
  margin-left: 14px;
}

.p-saved_page__item--education {
  border-radius: 12px;
  margin: 20px;
}

.c-virtual_list__item--focus .p-saved_page__item--education {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.p-saved_page__item--file {
  overflow: hidden;
  padding: 0;

  .c-pillow_file_container {
    max-width: unset;
  }

  .c-pillow_file {
    border: none;
  }

  .c-pillow_file_container--full_width:hover {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  }

  .c-icon--bookmark-filled {
    color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  }
}

.p-saved_page__item--file_comment {
  display: block;
  font-style: inherit;
  text-decoration: none;

  &:hover {
    text-decoration: none;
  }
}

.p-saved_page__item__offline {
  margin: 0 20px;
  width: unset;
}

.p-saved_page__item__link {
  color: inherit;
  display: inline;
  font-weight: 700;

  &:hover {
    text-decoration: underline;
  }
}

.p-saved_page__item__header {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 8px;
}

.p-saved_page__item--tombstone {
  padding-top: 14px;
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);

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

.p-saved_page__item--docked.p-saved_page__item--tombstone {
  border-color: #d0d0d0;
}

.p-saved_page__item__undo {
  margin-left: 4px;
}

.p-setup-step-profile__label .c-label__text {
  font-size: 18px;
  font-weight: 900;
  font-weight: 700;
  line-height: 1.33334;
  margin-bottom: 8px;
}

.p-setup-step-profile__photo {
  height: 112px;
  width: 112px;
}

.c-email_multi_input__input--error {
  margin-bottom: 20px;
}

.c-email_multi_input__input--no-margin {
  margin-bottom: 0;
}

.c-email_multi_input__plus_button {
  min-width: auto;
}

.c-email_invites_form__error {
  margin-bottom: 16px;
  margin-top: 20px;
}

.c-email_invites_form__container .c-multi_select_input__input {
  align-items: baseline;
  min-height: 112px;

  &:not(.c-multi_select_input--initial) .c-multi_select_input__input {
    width: auto;
  }
}

.p-setup-step-invites__email_text {
  bottom: 12px;
}

.p-setup_step_loader {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 120px;
}

.c-sk-modal_content .p-setup_step_loader {
  margin-bottom: 120px;
}

.p-setup_step_loader__header {
  font-family: Slack-Larsseit, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
  font-size: 42px;
  line-height: 30px;
  text-align: center;
}

.p-setup_step_loader__body {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.50001;
  text-align: center;
}

.c-third_party_auth {
  border-width: 2px;
  display: flex;
  padding: 0;

  &:active, &:hover {
    background-color: #fff;
    box-shadow: 0 1px 4px #0000004d;
  }

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

.c-third_party_auth__icon {
  height: 18px;
  margin-right: 12px;
  width: 18px;
}

.p-setup_page {
  height: 100%;
  overflow-y: auto;
}

.p-setup_page__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 820px;
  padding: 32px 80px 64px;

  .p-autoclog__hook {
    display: block;
  }
}

.p-setup_page__content--large-width {
  max-width: 100%;
}

.p-setup_page__content--full-height-flex .p-autoclog__hook {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.p-setup_page__steps_counter {
  flex-grow: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 24px;
}

.p-setup_page__header {
  font-family: Slack-Larsseit, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 56px;
  margin-bottom: 36px;

  .highlight-aubergine {
    color: #4a154b;
  }
}

.p-setup_page__header--has-subheader, .p-setup_page__step_subheader--larger-copy {
  max-width: 820px;
}

.p-setup_page__header--has-subheader {
  margin-bottom: 8px;
}

.p-setup_page__subheader, .p-setup_page__subheader--deprecated-margin {
  margin-bottom: 24px;
}

.p-setup_page__header--no-margin {
  margin-bottom: 0;
}

.p-setup_page__subheader--label {
  font-weight: 700;
  margin-bottom: 8px;
}

.p-setup_page__content_button {
  min-width: 200px;
  transition: none !important;
}

.p-setup_page__content_button--aubergine {
  background-color: #4a154b;

  &:hover {
    background-color: #4a154be6;
  }
}

.p-setup_page__content_button--google {
  background-color: #4285f4;
  padding: 4px 12px 4px 4px;

  &:hover {
    background-color: #4285f4e6;
  }
}

.p-setup_page__content_secondary_link {
  border-bottom: 1px solid #0000;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  margin-left: 32px;

  &:hover {
    border-bottom: 1px solid rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    text-decoration: none;
  }
}

.p-setup_page__content_secondary_button {
  margin-left: 13px;
}

.p-setup_page__shared_invite_link {
  outline: none;

  &:hover {
    cursor: pointer;
  }
}

.p-setup_page__content__contact_api_response_display_section {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  height: 500px;
  margin-bottom: 16px;
  overflow: scroll;
  padding: 4px 16px;
  transition: border 80ms ease-out, box-shadow 80ms ease-out;

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

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

  &[disabled] {
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border: 1px solid var(--saf-0);
  }
}

.p-setup_page__footer {
  flex-grow: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: 16px;
}

.p-setup_page__footer--fixed {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  bottom: 0;
  margin-bottom: 0;
  margin-left: -80px;
  padding: 16px 0 16px 80px;
  position: fixed;
  width: 100%;
  z-index: 1;
}

.p-setup_page__step_people {
  flex-grow: 1;
  margin-left: -20px;
  max-height: 800px;

  .p-browse_page_layout__container {
    height: 100%;
    padding-bottom: 15px;
  }
}

.p-setup_page__step_tada_skip {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 15px;
  line-height: 1.46668;
  margin-top: 16px;
}

.p-setup_page__step_calendar_contact_import {
  display: flex;
  flex-direction: column;
  margin-bottom: 28px;
}

.p-setup_page__header_tagline {
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  margin-bottom: 16px;
}

.p-setup_page__content__select_teammates_step_list {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  list-style: none;
  margin: 0 0 28px;
  overflow: hidden;
  padding: 0;
  transition: border 80ms ease-out, box-shadow 80ms ease-out;

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

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

  &[disabled] {
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border: 1px solid var(--saf-0);
  }
}

.p-setup_page__content__select_teammates_step_list--in-modal {
  margin-bottom: 0;

  .p-setup_page__content__select_teammates_step_list__input, .p-setup_page__content__select_teammates_step_list_item {
    margin-left: 12px;
    margin-right: 12px;
  }
}

.p-setup_page__content__select_teammates_step_list__input {
  margin: 20px 24px 6px;
}

.p-setup_page__content__select_teammates_step_list__teammates {
  height: 332px;

  .c-virtual_list__item:last-child {
    .p-setup_page__content__select_teammates_step_list_item, .p-setup_page__content__select_teammates_step_list_item_invite {
      border-bottom: none;
    }
  }
}

.p-setup_page__content__select_teammates_step_list__loading {
  height: 100%;
  margin: auto;
}

.p-setup_page__content__select_teammates_header_item {
  align-items: center;
  display: flex;
  margin: 8px 24px;
}

.p-setup_page__content__select_teammates_deselect_all_btn {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  margin-left: auto;
  text-decoration: underline;
}

.p-setup_page__content__select_teammates_step_list_share_link {
  margin-top: -12px;
}

.p-setup_page__content__select_teammates_step_list_item {
  align-items: center;
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 0 24px;
  padding: 8px 0;
}

.p-setup_page__content__select_teammates_step_list_item_invite {
  align-items: center;
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  padding: 12px 16px 12px 24px;
  width: 100%;

  &:focus, &:hover {
    background: rgba(var(--sk_highlight, 18, 100, 163), 1);
    color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  }
}

.p-setup_page__content__select_teammates_step_list_item--last_top_contact {
  border-bottom: none;
}

.p-setup_page__content__select_teammates_step_profile_photo {
  border-radius: 4px;
  display: inline-block;
  margin-right: 12px;
}

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

.p-setup_page__content__aubergine_text {
  color: #4a154b;
}

.p-setup_page___google_icon_container {
  align-items: center;
  background-color: #fff;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  margin: 0 12px 0 0;
  padding: 4px;

  .c-third_party_auth__icon {
    height: 26px;
    margin: 0;
    width: 26px;
  }
}

.p-setup_page__step_subheader--larger-copy {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.50001;
}

.p-setup_page__step_welcome_onboarding_welcome_image {
  margin-bottom: 48px;
  max-width: 330px;
}

.sk-client-theme--dark .p-setup_page__content__aubergine_text {
  color: inherit;
}

.p-setup_page__header_highlighted {
  color: #4a154b;
}

.p-setup_page__header_highlighted--bordered {
  border-bottom: 1px dashed rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.sk-client-theme--dark {
  .p-setup_page__header_highlighted {
    color: #fed5be;
  }

  .p-setup_page__header_highlighted--bordered {
    border-bottom: 1px dashed rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  }
}

.p-classic_nav__team_messages_progress_bar_background {
  fill: none;
  stroke: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.p-classic_nav__team_messages_progress_bar_progress {
  fill: none;
  stroke: #007a5a;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.p-classic_nav__team_messages_progress_bar_text {
  fill: currentColor;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
}

[lang=ru-RU] .p-classic_nav__team_messages_progress_bar_text {
  font-size: 11px;
}

.c-menu_item__li--highlighted .p-classic_nav__team_messages_progress_bar_text {
  fill: #fff;
}

.p-truncated_tooltip_wrapper {
  max-width: 100%;
  width: 100%;

  > * {
    pointer-events: none;
  }
}

.p-sidebar_link__icon {
  margin-left: 0;
  margin-right: 8px;
}

.p-sidebar_link__icon--progress {
  margin-left: -2px;
}

.p-sidebar_link__icon {
  &.c-icon--exclamation-circle, &.c-icon--slack {
    margin-left: -2px;
  }

  &.c-icon--hourglass {
    margin-left: -5px;
  }
}

.p-sidebar_link__subtitle {
  padding-left: 8px;
  padding-right: 24px;
  pointer-events: none;
}

.p-sidebar_link__title {
  padding-left: 8px;
  padding-right: 24px;
  pointer-events: none;
  font-size: 15px;
  font-weight: 400;
  font-weight: 900;
  line-height: 1.46668;
  margin-bottom: 0;
}

.p-sidebar_link__subtitle {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 0;
}

.p-channel_sidebar__close_container .p-channel_sidebar__close.p-sidebar_link__close {
  top: auto;
}

.p-sidebar_link__offer_icon {
  margin-left: -3px;
  margin-top: -16px;
}

.p-upgrade_footer {
  margin: 60px 40px;
}

.p-upgrade_footer__heading {
  margin-bottom: 8px;
}

.p-upgrade_footer__subheading {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.7);
  margin: 0 auto 16px;
  max-width: 430px;
}

.p-paid_benefits_header {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.06);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  box-shadow: 0 20px 20px 0 var(--saf-0);
  display: grid;
  font-weight: 400;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 8px;
  min-height: 256px;
  padding: 56px 40px;
  position: relative;
  width: 100%;
}

.p-paid_benefits_header__bg {
  position: absolute;
}

.p-paid_benefits_header__bg--gift {
  background-image: url(./header_bg_gift_confetti-2e1d9f9.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: 0;
  grid-column: 3/span 1;
  height: 249px;
  margin-left: 7%;
  width: 255px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-paid_benefits_header__bg--gift {
    background-image: url(./header_bg_gift_confetti@2x-0ccc926.png);
  }
}

.p-workspace__primary_view--small .p-paid_benefits_header__bg--gift, .p-workspace__primary_view--tiny .p-paid_benefits_header__bg--gift, .p-workspace__tiles--medium .p-paid_benefits_header__bg--gift {
  display: none;
}

.p-paid_benefits_header__bg--collab {
  background-image: url(./header_bg_collaboration-868034e.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  grid-column: 3/span 1;
  height: 270px;
  margin-left: 1%;
  width: 266px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-paid_benefits_header__bg--collab {
    background-image: url(./header_bg_collaboration@2x-1c54fba.png);
  }
}

.p-paid_benefits_header__text {
  grid-column: (1 / span) 2;
}

.p-workspace__primary_view--small .p-paid_benefits_header__text, .p-workspace__primary_view--tiny .p-paid_benefits_header__text, .p-workspace__tiles--medium .p-paid_benefits_header__text {
  grid-column: (1 / span) 3;
}

.p-paid_benefits_header__title {
  font-size: 28px;
  font-weight: 900;
  line-height: 1.2143;
  margin-bottom: 0;
}

.p-paid_benefits_header__subtitle, .p-paid_benefits_header__title {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  max-width: 1000px;
}

.p-paid_benefits_header__subtitle {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  padding: 16px 0;
}

.p-paid_benefits_header__button_container {
  grid-column: (1 / span) 2;
}

.p-workspace__primary_view--small .p-paid_benefits_header__button_container, .p-workspace__primary_view--tiny .p-paid_benefits_header__button_container, .p-workspace__tiles--medium .p-paid_benefits_header__button_container {
  grid-column: (1 / span) 3;
}

.p-paid_benefits_header__button {
  margin: 8px 4px;
  min-width: 150px;
}

.p-trial_persistent_banner__container {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  box-shadow: 0 0 0 1px var(--saf-0);
  display: flex;
  font-size: 15px;
  font-weight: 900;
  justify-content: space-between;
  padding: 20px;
  position: sticky;
  top: 0;
  transition: transform 0.15s cubic-bezier(0.2, 0.3, 0.25, 0.9);
  width: 100%;
  will-change: transform;
  z-index: 100;
}

.p-trial_persistent_banner__container--slide-up {
  transform: translateY(-100%);
}

.p-trial_persistent_banner__button {
  height: auto;
  margin-left: 16px;
  min-height: 36px;
  min-width: 169px;
  white-space: pre-wrap;
}

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

.p-paid_benefits_view__scrollbar .c-scrollbar__child {
  transform: translateZ(0);
}

.p-paid_benefits_view {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  padding-bottom: 48px;
}

.p-paid_benefits_view__loading_spinner {
  top: 40%;
}

.p-paid_benefits_view__body {
  display: flex;
  flex-direction: column;
}

.p-paid_benefits_view__fine_print {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  margin: 32px 40px;
  padding-bottom: 32px;
}

.p-paid_benefits_view__alert_container {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  padding: 16px 16px 0;
}

.p-paid_benefits_view__alert .p-paid_benefits_view__alert-link {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  text-decoration: none;
}

.p-paid_benefits_view__benefits_card_heading {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  margin: 32px auto;
  padding: 0 32px;
}

.p-recent_page {
  align-items: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  outline: none;
  overflow: hidden;
  position: relative;
}

.p-recent_page__new {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  box-shadow: 0 1px 0 0 var(--saf-0);
  display: flex;
  height: 52px;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}

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

.p-recent_page__select {
  flex: 1;
}

.p-recent_page__select__multi_select_input {
  border: none;
  box-shadow: none;

  &.c-multi_select_input--initial {
    .c-multi_select_input__placeholder {
      top: 7px;
    }

    .c-multi_select_input__filter_query {
      margin-top: 7px;
    }
  }
}

.p-recent_page__select_options_list .c-select_options_list__group_option {
  padding-left: 24px;
}

.p-recent_page__list {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  flex: 1;
  min-height: 0;

  .c-virtual_list__item--focus:after {
    left: 16px;
    right: 16px;
  }
}

.p-recent_page__item {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-left: 1px solid #0000001a;
  border-right: 1px solid #0000001a;
  box-shadow: inset 0 -1px #0000001a;
  cursor: pointer;
  margin: 0 16px;
  padding: 12px 16px;

  &:hover {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

.p-recent_page__item--active {
  background: #1d9bd11a;

  &:hover {
    background: #1d9bd11a;
  }
}

.p-recent_page__item--first {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  box-shadow: inset 0 -1px #0000001a, inset 0 1px #0000001a;
}

.p-recent_page__item--last {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.p-recent_page__top_anchor {
  height: 1px;
}

.p-recent_page__bottom_padding {
  height: 20px;
}

.p-recent_page__divider {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin: 0 16px;
  padding: 24px 0 12px 16px;
}

.p-recent_page__conversation {
  align-items: flex-start;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  width: calc(100% - 32px);
}

.p-recent_page__conversation__avatar {
  display: flex;
  flex-shrink: 0;
  margin: 4px 10px 0 0;

  &:empty {
    display: none;
  }

  .c-avatar {
    cursor: pointer;
  }
}

.p-recent_page__conversation__content {
  flex: 1;
  min-width: 0;
}

.p-recent_page__conversation__header {
  align-items: center;
  display: flex;
}

.p-recent_page__conversation__name {
  font-weight: 700;
}

.p-recent_page__item--unread .p-recent_page__conversation__name {
  font-weight: 900;
}

.p-recent_page__timestamp {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-left: auto;
}

.p-recent_page__conversation__sender {
  &:empty {
    display: none;
  }

  &:after {
    content: ': ';
  }
}

.p-recent_page__conversation__secondary {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.p-recent_page__conversation__later {
  align-self: center;
  margin-left: 16px;
}

.p-recent_page__message {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  max-height: 44.0004px;
  min-height: 22.0002px;
  overflow: hidden;

  .c-mrkdwn__br, .c-mrkdwn__pre, .c-mrkdwn__quote {
    display: none;
  }
}

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

.p-recent_page__message .c-message__body--mpdm_move {
  display: inline;
  margin-top: 0;
}

.p-recent_page__message--huddle .c-message__body {
  margin: 0;
}

.p-recent_page__conversation__rich_text {
  display: inline;

  .p-rich_text_section {
    display: inline;
  }
}

.p-recent_page__empty {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  font-size: 18px;
  padding: 88px 16px;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}

.p-recent_page__empty__title {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
}

.p-recent_page__empty__lightbulb {
  color: #f2c744;
  margin-right: 8px;
}

.p-recent_page__empty__text {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  margin: 4px auto 0;
  max-width: 615px;
}

.p-recent_page__avatar {
  margin-right: 12px;
}

.p-recent_page--tile {
  .p-recent_page__divider {
    margin: 0;
  }

  .p-recent_page__item {
    border-left: none;
    border-right: none;
    margin: 0;
  }

  .p-recent_page__item--first, .p-recent_page__item--last {
    border-radius: 0;
  }

  .p-recent_page__conversation {
    width: 100%;
  }

  .p-recent_page__select__multi_select_input .c-multi_select_input__placeholder {
    display: block;
    overflow: hidden;
    right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;

    wbr {
      display: none;
    }
  }
}

.p-lists_access_indicator__button {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
}

.p-lists_access_indicator__menu {
  padding: 4px 24px;
}

.p-lists_new_record_workflow_modal__container {
  display: flex;
}

.p-lists_new_record_workflow_modal__list {
  list-style: none;
}

.p-lists_new_record_workflow_modal__icon {
  font-size: 16px;
  height: 16px;
  margin-right: 6px;
  margin-top: 3px;
}

.p-lists_new_record_workflow_modal__label {
  flex-basis: 100%;
}

.p-lists_new_record_workflow_modal__acl_warning {
  padding-bottom: 15px;
}

.p-status_updated_workflow_modal {
  min-height: 400px;
}

.p-status_updated_workflow_modal__trigger {
  font-size: 18px;

  .c-basic-select {
    display: inline-block;
    margin: 4px;
  }

  .c-select_button--large {
    padding: 0 4px;
  }

  .c-select_button__content {
    text-decoration: underline;
  }

  .c-select_button__placeholder {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  }

  .c-select_button__icon {
    display: none;
  }
}

.p-status_updated_workflow_modal__action {
  font-size: 18px;
  margin: 8px 0 16px;
}

.p-status_updated_workflow_modal__channel_name {
  margin-left: 8px;
  text-decoration: underline;
}

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

.p-lists_about_modal__icon {
  height: 28px;
  margin-right: 6px;
  width: 28px;
}

.p-lists_about_modal__list_name_field_icon {
  margin-right: 4px;
  vertical-align: text-top;
}

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

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

.p-list_header {
  align-items: center;
  display: flex;
  padding: 8px 16px 8px 12px;
  width: 100%;
}

.p-list_header__title {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.3333;
  white-space: nowrap;
}

.p-list_header__list_title, .p-list_header__title {
  align-items: center;
  display: flex;
}

.p-list_header__list_detail_button {
  align-self: center;
  border-radius: 6px;
  margin-left: -8px;
  margin-right: 8px;
  padding: 3px 8px;
  width: 100%;

  &:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }

  &:active {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.p-list_header__list_detail_button_icon {
  margin-right: -12px;
}

.p-list_header__icon {
  margin-right: 6px;
}

.p-list_header__spacer {
  flex: 1 0 8px;
}

.p-list_header__actions {
  align-items: center;
  display: flex;
}

.p-list_header__facepile {
  margin-right: 12px;

  .c-avatar {
    margin: 0 1px;
  }
}

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

.p-icon_avatar-container {
  align-items: center;
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 0.5);
  border-radius: 4px;
  display: flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.p-drafts_page {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  display: flex;
  flex-direction: column;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;

  .c-virtual_list__scroll_container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .c-virtual_list__item {
    .p-drafts_page__draft {
      margin-top: 16px;
    }

    &:last-child .p-drafts_page__draft {
      margin-bottom: 16px;
    }
  }

  .p-drafts_page__draft_list_item {
    &:after {
      border-radius: 8px;
      top: 20px;
    }

    &:last-child:after {
      bottom: 20px;
    }
  }
}

.p-drafts_page__education, .p-drafts_page__sent-education {
  margin-top: 20px;
}

.sk-client-theme--dark .p-drafts_page__sent-education {
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  color: #f8f8f8;
}

.p-drafts_page__sent-education {
  background-color: #f4ede4;

  &.p-browse_page_education_card {
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;

    &.p-drafts_page__sent-education--margins {
      margin-left: 20px;
      margin-right: 20px;
    }
  }

  .p-browse_page_education_card__title {
    margin-bottom: 0;
  }

  .p-browse_page_education_card__content {
    flex: initial;
  }

  .p-browse_page_education_card__image {
    padding-left: 60px;

    img {
      height: 90px;
    }
  }
}

.p-drafts_page__title_icon {
  color: #4a154b;
}

.p-drafts_page__list {
  flex: 1;
  position: relative;
}

.p-drafts_page__list--bordered:before {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  content: '';
  height: 20px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.p-drafts_page__older_drafts {
  margin-left: 12px;
}

.p-drafts_page__older_drafts--surrounded {
  margin-top: 16px;
}

.p-drafts_page__section_header {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-left: 12px;
  margin-top: 8px;
}

.p-drafts_page__older_drafts_label, .p-drafts_page__section_header {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-weight: 700;
}

.p-drafts_page__older_drafts_label:after {
  color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  content: '|';
  display: inline-block;
  font-weight: 400;
  margin: 0 8px;
}

.p-drafts_page__draft {
  cursor: pointer;
  outline: none;

  &:not(.p-drafts_page__draft--sending) {
    &.p-drafts_page__draft--focused .p-drafts_page__draft_actions {
      display: block;
    }

    &.p-drafts_page__draft {
      &:focus .p-drafts_page__draft_actions, &:hover .p-drafts_page__draft_actions {
        display: block;
      }
    }
  }
}

.p-drafts_page__draft_header {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  justify-content: space-between;
}

.p-drafts_page__draft_destination {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  min-width: 0;
}

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

.p-drafts_page__draft_recipients_wrapper {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-drafts_page__draft_meta {
  align-items: center;
  display: flex;
  flex: 0;
  margin-left: 16px;
  position: relative;
  top: 2px;
  white-space: nowrap;

  .p-drafts_page__draft_badge {
    margin-left: 8px;
  }
}

.p-drafts_page__draft_timestamp {
  flex: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
}

.p-drafts_page__draft_timestamp--outbounds {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-drafts_page__draft_badge {
  color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  font-size: 12px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.50001;
}

.sk-client-theme--dark .p-drafts_page__draft_badge {
  color: #e8912d;
}

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

.p-drafts_page__draft--avatar_container {
  display: flex;
}

.p-drafts_page__draft_text_container {
  width: calc(100% - 46px);
}

.p-drafts_page__draft_thread_participants {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-drafts_page__draft_body {
  margin-top: 8px;
}

.p-drafts_page__draft_body--outbounds {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  margin-top: 0;
}

.p-drafts_page__preview {
  word-wrap: break-word;
  max-width: none;
}

.p-drafts_page__draft_actions {
  right: 12px;
}

.p-drafts_page__draft_date_scheduled {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: 4px;
}

.p-drafts_page__draft_date_scheduled--outbounds {
  margin-top: 0;
}

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

.p-drafts_page__draft_files_container {
  display: flex;
  margin-top: 12px;
}

.p-drafts_page__draft_file {
  height: 40px;
  margin-right: 8px;
  min-width: 40px;
  pointer-events: none;
  width: 40px;

  .c-pillow_file {
    align-items: center;
    flex-direction: column;
    padding-top: 9px;
  }

  .p-drafts_page__draft_file__draft_image {
    background-position: 50% 50%;
    background-size: cover;
    display: block;
    height: 40px;
    width: 40px;

    &:after {
      --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
      border-radius: 4px;
      box-shadow: inset 0 0 0 1px var(--saf-0);
      content: '';
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
    }
  }

  &.p-drafts_page__draft_file--image, &.p-drafts_page__draft_file--story {
    border-width: 0;
  }

  &.p-drafts_page__draft_file--image .c-pillow_file, &.p-drafts_page__draft_file--story .c-pillow_file {
    padding: 0;
  }
}

.p-drafts_page__draft_file--story .p-media_file_thumbnail {
  height: 40px;
  width: 40px;
}

.p-drafts_page__draft--editing {
  align-items: baseline;
  display: flex;

  .p-drafts_page__draft {
    flex: 1;
  }
}

.p-drafts_page__edit_header {
  display: flex;
  padding: 20px;

  .p-drafts_page__select_all {
    flex: 1;
    font-weight: 700;
  }

  + .p-drafts_page__list .c-virtual_list__item:first-child {
    padding-top: 1px;
  }
}

.p-drafts_page--scrolled > .p-drafts_page__edit_header {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  box-shadow: 0 1px 0 0 var(--saf-0);
  z-index: 1;
}

.p-drafts_page__edit_buttons {
  display: flex;

  .p-drafts_page__edit_buttons__button {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-weight: 700;

    .c-icon {
      padding-right: 8px;
    }
  }

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

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

  .p-drafts_page__edit_buttons__send--disabled {
    cursor: default;
  }

  .p-drafts_page__edit_buttons__send {
    margin-right: 12px;
  }

  .p-drafts_page__edit_buttons__divider {
    background-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.13);
    display: block;
    height: 22px;
    margin: 0 20px;
    width: 2px;
  }
}

.p-sent_page_item {
  align-items: flex-start;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-left: 1px solid #0000001a;
  border-right: 1px solid #0000001a;
  box-shadow: inset 0 -1px #0000001a;
  cursor: pointer;
  display: flex;
  padding: 12px 16px;
  width: 100%;

  &:hover {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

.p-sent_page_item--first {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  box-shadow: inset 0 -1px #0000001a, inset 0 1px #0000001a;
}

.p-sent_page_item--last {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.p-sent_page_item__avatar {
  display: flex;
  flex-shrink: 0;
  margin: 4px 12px 0 0;

  &:empty {
    display: none;
  }

  .c-avatar {
    cursor: pointer;
  }
}

.p-sent_page_item__content {
  flex: 1;
  min-width: 0;
}

.p-sent_page_item__name {
  font-weight: 700;
}

.p-sent_page_item--unread .p-sent_page_item__name {
  font-weight: 900;
}

.p-sent_page_item__timestamp {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-left: auto;
}

.p-sent_page_item__secondary {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.p-sent_page_item__message {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  max-height: 44.0004px;
  min-height: 22.0002px;
  overflow: hidden;

  .c-mrkdwn__br, .c-mrkdwn__pre, .c-mrkdwn__quote {
    display: none;
  }
}

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

.p-sent_page_item__message .c-message__body--mpdm_move {
  display: inline;
  margin-top: 0;
}

.p-sent_page_item__rich_text {
  display: inline;

  .p-rich_text_section {
    display: inline;
  }
}

.p-sent_page {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;

  .c-virtual_list__scroll_container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .p-sent_page__sent_list_item:after {
    border-radius: 12px;
  }

  .p-sent_page__sent_list_item--education:after {
    top: 20px;
  }
}

.p-sent_page__list {
  flex: 1 1 auto;
}

.p-sent_page__loading {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  display: flex;
  height: 34px;
  justify-content: center;
  left: 50%;
  margin-left: -17px;
  position: absolute;
  top: 60px;
  width: 34px;
  z-index: 1;
}

.p-sent_page__divider {
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin: 0 16px;
  padding: 24px 0 12px;
}

.p-outbox_page__container {
  flex: 1 1 0;
  min-height: 96px;
  overflow: hidden;
  position: relative;
}

.p-outbox_page__tab-menu {
  padding-left: 16px;
}

.p-outbox_page__container .p-recent_page__item {
  margin: 0;
  width: 100%;
}

.p-outbox_link__badge, .p-outbox_link__badge_list {
  align-items: center;
  display: flex;
}

.p-outbox_link__badge {
  font-size: 13px;
  padding-left: 8px;
}

.p-outbox_link__icon {
  padding-right: 1.6px;
}

.p-outbox_link__container {
  flex: 0 0 auto;
  height: inherit;
  overflow: hidden;
}

.p-search_file--skeleton__inner {
  flex-direction: row;
}

.p-search_file--skeleton__body {
  margin-top: 4px;
}

.p-search_file--skeleton__description {
  margin-top: -4px;

  .c-missing_text {
    margin-right: 8px;
  }
}

.p-search_file--audio-player {
  cursor: default;
  overflow: visible;
}

.c-app_action_entity__action_label {
  font-weight: 700;
  margin-left: 4px;
  margin-right: 8px;
}

.c-app_action_entity__app_label {
  font-weight: 400;
}

.c-app_action_entity__avatar_container {
  position: relative;
}

.c-app_action_entity__bolt_icon {
  align-items: center;
  background: #1d1c1d;
  border: 1.5px solid #fff;
  border-radius: 16px;
  bottom: -2px;
  color: #fff;
  display: flex;
  font-size: 8px;
  height: 16px;
  justify-content: center;
  position: absolute;
  right: 2px;
  text-align: center;
  width: 16px;
}

.p-huddle_quick_switcher_icon__info--for-sr-only {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

.c-page_view_entity__icon {
  margin-right: 8px;
}

.c-page_view_entity__text, .c-modal_entity__text {
  font-weight: 700;
}

.c-search_autocomplete {
  padding: 0;
}

.c-search_autocomplete__container {
  margin-top: 12px;
}

.c-search_autocomplete__container--query-ordered {
  margin-top: 8px;
}

.c-search_autocomplete__suggestion_list {
  .c-search_autocomplete__suggestion_item .c-small_mpim_entity__mpim_avatars {
    .c-small_mpim_entity__mpim_counter {
      --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
      box-shadow: 0 0 0 2px var(--saf-0);
    }

    &.c-small_mpim_entity__mpim_avatars--inverted {
      &.c-small_mpim_entity__mpim_avatars--dark .c-small_mpim_entity__mpim_counter {
        box-shadow: 0 0 0 2px #1264a3;
      }

      .c-small_mpim_entity__mpim_counter {
        --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
        background-color: #3e72a7;
        box-shadow: 0 0 0 2px var(--saf-0);
        color: #fff;
      }
    }
  }

  list-style: none;
  margin: 0;
  max-height: 60vh;
  overflow-y: auto;
  padding: 0;
}

.c-search_autocomplete__suggestion_item {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  cursor: pointer;
  display: flex;
  flex-grow: 1;
  line-height: 30px;
  margin: 0;
  min-height: 40px;
  outline: none;
  padding: 4px 28px 4px 8px;

  .c-base_list_entity-profile-only {
    flex: auto;
    margin-left: 2px !important;
    width: 100%;
  }

  .c-base_list_entity--small {
    margin-left: 16px;
    padding-right: 0;
    width: calc(100% - 16px);
  }

  .c-base_list_entity--channel_canvas {
    margin-left: 2px;

    .c-small_channel_entity__icon {
      margin-right: 4px;
    }
  }

  .c-base_entity--small {
    flex-basis: 100%;
  }

  .c-base_list_entity__primary_content {
    display: flex;
  }

  &:last-child {
    margin-bottom: 12px;
  }

  .c-avatar, .c-file_entity__icon, .c-member__hidden-user-icon, .c-modal_entity__icon, .c-page_view_entity__icon, .c-search_autocomplete__workflow__icon, .c-search_query_entity__icon, .c-team_entity__icon {
    margin-right: 12px;
  }

  .c-small_channel_entity__icon {
    margin-right: 14px;
  }
}

@media screen and (max-width: 800px) {
  .c-base_entity__text-contents {
    flex-flow: row wrap;
  }
}

.c-search_autocomplete__suggestion_item--expanded {
  height: 62px;
  line-height: 22px;
}

.c-search_autocomplete__suggestion_item--deletable {
  .c-base_list_entity--small {
    max-width: calc(100% - 44px);
  }

  .c-base_entity--small {
    max-width: calc(100% - 16px);
  }
}

.c-search_autocomplete__member {
  flex: 1 1 auto;
  overflow: hidden;
}

.c-search_autocomplete__hidden_member_icon {
  background-color: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
  margin-right: 12px;
}

.c-search_autocomplete__member_profile_only {
  align-items: center;
  display: flex;
  padding-left: 22px;
  width: 100%;
}

.c-base_list_entity__hidden_user_suggestion, .c-base_list_entity__profile_only_user {
  flex: none;
  padding-left: 12px;
}

.c-base_list_entity__profile_only_user_denotation {
  align-self: flex-end;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  flex: 1 0 auto;
  font-size: .7rem;
  margin-left: 4px;
  text-align: right;
}

.c-search_autocomplete__suggestion_item--selected {
  background: #1264a3;
  color: #fff;

  .c-file_entity__detail, .c-file_entity__icon:before, .c-icon {
    color: #fff;
    opacity: 1;
  }

  .c-search_autocomplete__channel {
    .c-deprecated-icon, .c-icon--shared-channels, .p-deprecated_channel_name__team_name, .p-deprecated_channel_name__text {
      color: #fff;
      opacity: 1;
    }
  }

  .c-search_autocomplete__channel-membership, .c-small_mpim_entity__member {
    color: #fff;
    opacity: 1;
  }

  .c-small_mpim_entity__member--hidden {
    opacity: 0;
  }

  .c-search_autocomplete__icon--query {
    color: #fff;
    opacity: 1;

    &:before {
      color: #fff;
      opacity: 1;
    }
  }

  .c-search_query_entity__omniswitcher_hint {
    display: inline-block;
  }
}

.c-search_autocomplete__unread_count {
  background-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  border-radius: 16px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  margin: auto 0;
  padding: 1px .6rem;
  text-overflow: ellipsis;
  text-shadow: none;
  white-space: nowrap;
}

.c-search_autocomplete__suggestion_item--selected .c-search_autocomplete__unread_count {
  background-color: #fff;
  color: #1264a3;
}

.c-search_autocomplete__suggestion_delete {
  opacity: 0;
}

.c-search_autocomplete__suggestion_item--selected .c-search_autocomplete__suggestion_delete {
  opacity: 0.6;

  &:hover {
    opacity: 1;
  }
}

.c-search_autocomplete__suggestion_item {
  .c-base_list_entity--highlight-dim {
    background: none;

    .c-base_entity--dim {
      color: #fff;
      -ms-filter: grayscale(0);
      filter: grayscale(0);
    }

    .c-small_mpim_entity__count {
      background-color: #fff;
      color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    }
  }

  .c-small_mpim_entity--frozen .c-icon {
    flex-shrink: 0;
    margin-left: -2px;

    &:before {
      font-size: 18px;
    }
  }
}

.c-file_entity__detail, .c-search_autocomplete__channel-membership {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  flex: 1 0 auto;
  font-size: .7rem;
  font-weight: 400;
  margin-left: 4px;
  text-align: right;
}

.c-search_autocomplete__refinement {
  margin-left: 12px;

  .token {
    font-weight: 700;
  }
}

.c-search_autocomplete__create-channel {
  font-weight: 700;
  margin-left: 12px;
}

.c-search_autocomplete__icon--create-channel, .c-search_autocomplete__icon--current-channel {
  height: 30px;
  margin-left: 20px;
  position: relative;
  width: 20px;
}

.c-search_autocomplete__icon--refinement {
  height: 30px;
  margin-left: 20px;
  position: relative;
  width: 20px;
  top: 2px;
}

.c-search_autocomplete__query_wrapper {
  flex: 0 1 auto;
  font-weight: 700;
  height: 30px;
  margin-left: 12px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}

.c-search_autocomplete__query_parts .token {
  background-color: #1d9bd11a;
  border-radius: 4px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin-right: 4px;
  padding: 0 6px;
  vertical-align: text-top;

  .token_label {
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    vertical-align: top;

    .c-icon {
      width: 0.7em;
    }
  }

  .token_label_icon--suffix {
    margin-left: 4px;
  }
}

.c-search_autocomplete__query_parts--dark .token {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.c-search_autocomplete__suggestion_item--selected {
  .c-search_autocomplete__query_parts .token, .c-search_query_entity__token {
    background-color: #ffffff14;
    color: #fff;
  }
}

.c-search_autocomplete__divider {
  border-color: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  margin-bottom: 8px;
  margin-top: 7px;
  opacity: 0.15;
}

.c-search_autocomplete__suggestion_action {
  align-self: center;
  display: grid;
  place-content: center;
  text-align: right;
  white-space: nowrap;
}

.c-search_autocomplete_section_header {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  font-size: 13px;
  line-height: 16px;
  padding: 20px 16px 8px 28px;

  .c-search_autocomplete__header_label {
    display: flex;
    position: relative;
    width: 100%;

    .c-search_autocomplete__header_label_text {
      flex: 0 auto;
      padding-right: 12px;
    }

    .header_label__separator {
      flex: 1 0 auto;
      margin: 0.55rem 0 0;
    }
  }
}

.c-search_autocomplete_section_header--first {
  padding-top: 8px;
}

.c-search_autocomplete footer {
  align-items: stretch;
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 13px;
  line-height: inherit;
  padding: 12px 28px;
  white-space: pre-wrap;

  .c-search_autocomplete__footer_offline_notice {
    flex-grow: 1;
    padding-right: 48px;
  }

  .c-search_autocomplete__footer_feedback, .c-search_autocomplete__footer_feeedback_help_container {
    flex-grow: 1;
    text-align: right;
  }

  .c-search_autocomplete__footer_help_description {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
  }
}

.c-search_autocomplete__guided_search_wrapper {
  margin: 0;

  &:last-child {
    margin-bottom: 12px;
  }
}

.c-search_autocomplete__guided_search_container {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  list-style: none;
  margin: 0 0 -12px;
  padding: 0 28px;

  li {
    display: inline;
    margin-right: 12px;
  }
}

.c-search_autocomplete__guided_search_item {
  align-items: center;
  background-color: #1d9bd11a;
  border: 1px solid #0000;
  border-radius: 6px;
  display: flex;
  flex: 0 0 auto;
  height: 34px;
  margin-bottom: 12px;
  margin-right: 12px;
  padding: 0 12px;
}

.c-search_autocomplete__guided_search_item--hover:hover {
  background-color: #1264a3;
  box-shadow: 0 1px 3px #7a575714;
  color: #fff;
}

.c-search_autocomplete__guided_search_item--dark {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.c-search_autocomplete__guided_search_item--hover.c-search_autocomplete__guided_search_item--dark:hover {
  color: #fff;
}

.c-search_autocomplete__guided_search_item--selected {
  background-color: #1264a3;
  color: #fff;
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;

  &:hover {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border-radius: 4px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  }
}

.c-search_autocomplete__guided_search_item_title {
  font-size: 15px;
  font-weight: 700;
  margin-left: 6px;
}

.c-search_autocomplete__loading_item {
  align-items: center;
  display: flex;
  height: 36px;
  padding: 0 28px;
}

.c-search_autocomplete__loading_item__icon {
  margin-right: 8px;
}

.c-search_autocomplete__icon--help-article {
  height: 30px;
  margin-left: 22px;
  position: relative;
  width: 20px;
}

.c-search_autocomplete__help_article {
  font-weight: 700;
  margin-left: 12px;
}

.c-search_autocomplete__quick_message_item {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  cursor: pointer;
  display: flex;
  flex-grow: 1;
  height: 54px;
  line-height: 30px;
  line-height: normal;
  margin: 0;
  min-height: 40px;
  outline: none;
  padding: 4px 28px 4px 8px;

  .c-base_list_entity-profile-only {
    flex: auto;
    margin-left: 2px !important;
    width: 100%;
  }

  .c-base_list_entity--small {
    margin-left: 16px;
    padding-right: 0;
    width: calc(100% - 16px);
  }

  .c-base_list_entity--channel_canvas {
    margin-left: 2px;

    .c-small_channel_entity__icon {
      margin-right: 4px;
    }
  }

  .c-base_entity--small {
    flex-basis: 100%;
  }

  .c-base_list_entity__primary_content {
    display: flex;
  }

  &:last-child {
    margin-bottom: 12px;
  }

  .c-avatar, .c-file_entity__icon, .c-member__hidden-user-icon, .c-modal_entity__icon, .c-page_view_entity__icon, .c-search_autocomplete__workflow__icon, .c-search_query_entity__icon, .c-team_entity__icon {
    margin-right: 12px;
  }

  .c-small_channel_entity__icon {
    margin-right: 14px;
  }
}

.c-search_autocomplete__quick_message_item__top {
  font-size: 15px;
  margin-top: -2px;

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

.c-search_autocomplete__quick_message_item__extract {
  font-size: 15px;
  margin-top: 2px;
}

.c-search_autocomplete__quick_message_item__metadata {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;

  strong {
    font-weight: 400;
  }
}

.c-search_autocomplete__quick_message_display_name {
  display: inline-flex;
  font-weight: 400;
}

.c-search_autocomplete__quick_message_item__bullet {
  margin: 0 6px;
}

.c-search_autocomplete__quick_message_item--selected {
  background: #1264a3;
  color: #fff;

  .c-file_entity__detail, .c-file_entity__icon:before, .c-icon {
    color: #fff;
    opacity: 1;
  }

  .c-search_autocomplete__channel {
    .c-deprecated-icon, .c-icon--shared-channels, .p-deprecated_channel_name__team_name, .p-deprecated_channel_name__text {
      color: #fff;
      opacity: 1;
    }
  }

  .c-search_autocomplete__channel-membership, .c-small_mpim_entity__member {
    color: #fff;
    opacity: 1;
  }

  .c-small_mpim_entity__member--hidden {
    opacity: 0;
  }

  .c-search_autocomplete__icon--query {
    color: #fff;
    opacity: 1;

    &:before {
      color: #fff;
      opacity: 1;
    }
  }

  .c-search_query_entity__omniswitcher_hint {
    display: inline-block;
  }

  .c-search_autocomplete__query_parts .token, .c-search_query_entity__token {
    background-color: #ffffff14;
    color: #fff;
  }

  .c-search_autocomplete__quick_message_item__metadata {
    color: #fff;

    .c-base_inline_entity--dim, .c-message__sender {
      color: inherit;
    }
  }
}

.c-search_autocomplete__workflow {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.c-search_autocomplete__workflow__badge {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
}

.c-search_autocomplete__suggestion_item--selected .c-search_autocomplete__workflow__badge {
  color: #fff;
}

.c-search_autocomplete__workflow__header {
  align-items: center;
  display: flex;
  margin-left: 20px;
  margin-right: 20px;
}

.c-search_autocomplete__workflow__label {
  display: flex;
  flex-direction: column;
}

.c-search_autocomplete__workflow__label__title {
  font-weight: 700;
  margin-right: 4px;
}

.c-search_autocomplete__workflow__label__description {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
}

.c-search_autocomplete__suggestion_item--selected .c-search_autocomplete__workflow__label__description {
  color: #fff;
}

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

.c-search_autocomplete__suggestion_item--selected .c-search_autocomplete_overrde_inline_channel_entity {
  color: inherit;
}

.search-and-browse__empty-state-ia4 {
  height: 100%;
  margin-top: 25px;
  overflow-y: scroll;

  p.heading {
    margin-left: 30px;

    &:not(.first) {
      margin-top: 36px;
    }
  }
}

.search-and-browse__empty-state-ia4--temp {
  align-items: center;
  display: flex;
  font-size: 18px;
  justify-content: center;
}

.p-browse_container {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;

  .p-client--ia2022 {
    .c-search__container {
      display: flex;
      flex-direction: column;
      text-align: left;
      width: 100%;
    }

    .c-search {
      flex: 1;
    }
  }
}

.p-browse_sidebar {
  height: 100%;
  width: 280px;
}

.p-browse_sidebar__section {
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  padding: 8px;
}

.p-browse_sidebar__item {
  border-radius: 4px;
  font-size: 15px;
  height: 40px;
  line-height: 22px;
  padding: 3px 12px;
  width: 100%;

  &:not(.c-link--disabled) {
    color: inherit;
  }

  &.p-browse_sidebar__item--selected {
    background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    color: rgba(var(--sk_primary_background, 255, 255, 255), 1);

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

  &:hover {
    background-color: rgba(var(--sk_foreground_soft_solid, 243, 243, 243), 1);
    text-decoration: none;
  }
}

.p-browse_main {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

.p-browse_all__container {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  height: 100%;
}

.p-browse_all__cell {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;

  &:hover .p-browse_all__cell_image img {
    width: 48%;
  }
}

.p-browse_all__cell_image {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  position: relative;

  img {
    transition: all .2s ease;
    width: 47%;
  }
}

.p-browse_all__cell_content {
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 0 0 8px 8px;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 20px;
}

.p-browse_all__cell_title {
  font-weight: 900;
  line-height: 22px;
}

.p-browse_all__cell_description {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  line-height: 18px;
}

.p-browse_all__cell_button {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 50%;
  display: flex;
  height: 36px;
  justify-content: center;
  width: 36px;

  svg {
    transform: translate(0);
    transition: all 0.1s ease;
  }

  &:hover svg {
    transform: translate(2px);
  }
}

.p-browse_all__cell_button--create {
  --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 #00000014;
  position: absolute;
  right: 16px;
  top: 16px;

  svg, &:hover svg {
    transform: none;
  }
}

.p-browse_all_sidebar {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

.p-browse_all_sidebar__icon {
  margin-right: 8px;
  vertical-align: middle;
}

.p-browse_all_actions {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  display: flex;
  flex-direction: row;
  padding: 12px;
}

.p-browse_all_action_card {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 6px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  display: flex;
  flex-direction: column;
  margin: 8px;
  max-width: 235px;
  padding: 16px;
  width: 100%;

  &:hover {
    --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 #00000014;
  }
}

.p-browse_all_action_card__icon {
  align-items: center;
  background-color: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
  border-radius: 6px;
  display: flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.p-browse_all_action_card__heading {
  font-weight: 700;
  margin-top: 12px;
}

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

.p-browse_under_construction {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-browse_under_construction__subtitle {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  margin: 20px;
}

.p-function_permissions {
  flex: 1;
  height: 100%;
  overflow-y: auto;
  padding: 20px;
  width: 100%;
}

.p-function_permissions__icon {
  height: 32px;
}

.p-function_permissions__item {
  display: flex;
}

.p-function_permissions__item-description {
  margin: 0 20px 0 8px;

  p {
    margin-bottom: 0;
  }
}

.p-function_permissions__item-action {
  min-width: 310px;

  .c-button:not(:first-child) {
    margin-left: 8px;
  }
}

.p-function_permissions__item-description_text {
  font-size: 13px;
  margin-bottom: 0;
}

.p-upgrades_coachmark {
  background-color: #f4f1f4;
  border: 1px solid #cec0ce;
  box-shadow: 0 18px 48px 0 #00000014;
}

.sk-client-theme--dark .p-upgrades_coachmark {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.p-upgrades_coachmark--top-right:before {
  border-top-color: #cec0ce;
  border-width: 18px;
  margin-left: -18px;
  top: 100%;
}

.sk-client-theme--dark .p-upgrades_coachmark--top-right:before {
  border-top-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.p-upgrades_coachmark--top-right:after {
  border-top-color: #f4f1f4;
  border-width: 16px;
}

.sk-client-theme--dark .p-upgrades_coachmark--top-right:after {
  border-top-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
}

.p-upgrades_coachmark--left:before {
  border-left-color: #cec0ce;
  border-width: 18px;
  margin-top: -18px;
}

.sk-client-theme--dark .p-upgrades_coachmark--left:before {
  border-left-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.p-upgrades_coachmark--left:after {
  border-left-color: #f4f1f4;
}

.sk-client-theme--dark .p-upgrades_coachmark--left:after {
  border-left-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
}

.p-upgrades_coachmark {
  button[data-action-type=primary] {
    height: 26px;
    width: min-content;
  }

  div[class=c-coachmark__footer] {
    margin-top: 10px;
  }
}

.p-upgrades_coachmark__content {
  display: flex;
}

.p-upgrades_coachmark__label {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  flex-grow: 2;
}

.p-upgrades_coachmark__heading {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-weight: 700;
}

.p-slack_connect_manage_menu {
  margin-left: 8px;
}

.p-slack_connect_manage_menu__menu {
  margin-top: 8px;
}

.p-slack_connect_manage_menu__trigger__button {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  white-space: nowrap;
}

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

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

.p-slack_connect_manage_menu__trigger__icon {
  margin-right: 4px;
}

.p-slack_connect_manage_menu__menu .c-icon--external-link {
  left: 8px;
}

.p-slack_connect_trial_offer_modal__video_border {
  border-color: #f2c744;
  border-style: solid;
  border-width: 19px 10px;
}

.p-slack_connect_hub_header__subtitle {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
}

.p-slack_connect_hub_header__button {
  background-clip: padding-box;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;

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

  &:active {
    background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.p-section_header {
  margin: 0 0 16px;
}

.p-section_header--with_background {
  margin: 16px 20px 24px;
}

.p-section_header--with_cta {
  display: grid;
}

.p-section_header__title {
  margin-right: 4px;
}

@media (max-width: 1440px) {
  .p-section_header__title {
    min-width: 100%;
  }
}

.p-section_header__cta {
  grid-column: 2;
  grid-row: 1/span 2;
  margin-left: 24px;
  place-self: start end;
}

.p-shared_channel_member_orgs_modal__teams {
  list-style-type: none;
  margin: 0 -28px;
}

.p-shared_channel_member_orgs_modal__team {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 8px 28px;
}

.p-shared_channel_member_orgs_modal__team_info {
  align-items: center;
  display: flex;
}

.p-shared_channel_member_orgs_modal__team_info_separator {
  color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  margin: 0 8px;
}

.p-shared_channel_member_orgs_modal__team_icon {
  flex: none;
  margin-right: 8px;
}

.p-shared_channel_member_orgs_modal__team_privacy_icon {
  font-size: 15px;
}

.p-shared_channel_member_orgs_modal__team_verified_icon {
  color: #4a154b;
  margin-left: 4px;
}

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

.p-shared_channel_member_orgs_modal__team_additional_info {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  min-height: 18px;
}

.p-shared_channel_member_orgs_modal__footer {
  display: flex;
  width: 100%;
}

.p-shared_channel_member_orgs_modal__modal_close_button {
  margin-left: auto;
}

.p-slack_connect_multi_avatar {
  height: 36px;
  position: relative;
  width: 36px;
}

.p-slack_connect_multi_avatar__icon {
  border-radius: 4px;
  height: 36px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 36px;

  .c-avatar__image, .c-base_icon {
    border-radius: 4px;
  }

  .c-team_icon {
    border-radius: 4px;

    &:after {
      border-radius: 4px;
    }
  }
}

.p-slack_connect_multi_avatar__icon--back, .p-slack_connect_multi_avatar__icon--front {
  border-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 6px;
  border-style: solid;
  border-width: 2px;
  height: 28px;
  width: 28px;
}

.p-slack_connect_channel:hover {
  .p-slack_connect_multi_avatar__icon--back, .p-slack_connect_multi_avatar__icon--front {
    border-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

.p-slack_connect_multi_avatar--clickable:hover {
  .p-slack_connect_multi_avatar__icon--back, .p-slack_connect_multi_avatar__icon--front {
    border-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

.p-slack_connect_multi_avatar__icon--back {
  left: -2px;
  position: absolute;
  top: -2px;
}

.p-slack_connect_multi_avatar__icon--front {
  bottom: -2px;
  position: absolute;
  right: -2px;
}

.p-slack_connect_multi_avatar__icon--multi {
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 12px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.50001;
  line-height: 24px;
  text-align: center;
}

.c-truncated_expandable_text {
  align-items: start;
  display: flex;
}

.c-truncated_expandable_text--expanded {
  display: block;
}

.c-truncated_expandable_text_expanded {
  display: inline;
}

.c-truncated_expandable_text_button {
  display: inline;
  padding-left: 4px;
}

.p-slack_connect_card {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  margin: 8px 16px;
}

.p-slack_connect_card__interactive {
  cursor: pointer;

  &:hover {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }
}

.p-slack_connect_card--focus {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-color: #0000;
  border-radius: 4px;
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  outline: none;
  position: relative;
}

.p-slack_connect_card__header {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding: 8px 16px 4px;
}

.p-slack_connect_card__body, .p-slack_connect_card__header {
  border-left: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-right: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.p-slack_connect_card__body {
  display: flex;
  flex-direction: column;
  padding: 0 16px 12px;

  &:first-child {
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding-top: 12px;
  }

  &:last-child {
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  .c-truncated_expandable_text {
    margin: 16px 0 4px;
  }
}

.p-slack_connect_card__main_row {
  align-items: center;
  display: flex;
  position: relative;
}

.p-slack_connect_card__icon {
  display: flex;
  flex: 0 0 auto;
  margin: 2px 12px 2px 0;
}

.p-slack_connect_card__content {
  flex: 1 1 auto;
  margin-right: 16px;
}

.p-slack_connect_card__primary {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;
}

.p-slack_connect_card__secondary {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-slack_connect_card__actions {
  display: flex;
  flex-direction: row-reverse;
}

.p-slack_connect_card__footer {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding: 8px 16px;
}

.p-slack_connect_card__footer--accepted {
  background-color: #007a5a0d;
  border-color: #007a5a33;
}

.p-slack_connect_card__footer--rejected {
  background-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.05);
  border-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.2);
}

.p-slack_connect_card__footer--error, .p-slack_connect_card__footer--inactive {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.p-slack_connect_select_workspace_modal {
  min-width: 560px;
}

.p-slack_connect_select_workspace_modal__title_bar {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding-right: 72px;
}

.p-slack_connect_select_workspace_modal__title {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
}

.p-slack_connect_select_workspace_modal__subtitle {
  margin-bottom: 8px;
}

.p-slack_connect_select_workspace_modal__workspaces {
  list-style-type: none;
  margin: 0;
  padding: 0;

  li {
    margin-bottom: 0;
  }
}

.p-slack_connect_select_workspace_modal__workspace {
  align-items: center;
  background-clip: padding-box;
  border: 1px solid #0000;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: flex;
  padding: 8px 4px 8px 8px;
  width: 100%;

  &:hover {
    background: #1d9bd126;
    border: 1px solid #1d9bd126;
  }
}

.p-slack_connect_select_workspace_modal__workspace--selected {
  background: #1d9bd11a;
  border: 1px solid #1d9bd11a;
}

.p-slack_connect_select_workspace_modal__workspace_icon {
  flex: 0;
}

.p-slack_connect_select_workspace_modal__workspace_label {
  flex: 1;
  margin-left: 12px;
}

.p-slack_connect_select_workspace_modal__workspace_radio_btn {
  height: 16px;
  width: 20px;
}

.p-slack_connect_confirm_workspace_modal {
  min-width: 560px;
}

.p-slack_connect_confirm_workspace_modal__footer_actions {
  display: flex;
  justify-content: flex-end;
  max-width: 100%;
}

.p-slack_connect_confirm_workspace_modal__cta_button_text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-slack_connect_start_free_trial_modal {
  .c-sk-modal_footer--speedbump {
    padding: unset;
  }

  .c-modal_speed_bump__heading {
    align-items: center;
    display: flex;
    padding-bottom: 20px;
  }

  .c-modal_speed_bump__text_wrapper {
    padding-bottom: 16px;
  }

  .c-sk-modal_title_bar__icon {
    align-items: center;
    display: flex;
  }
}

.p-slack_connect_start_free_trial_modal__image {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  height: 290px;
}

.p-slack_connect_start_free_trial_modal__icon {
  margin-right: 8px;
}

.p-slack_connect_start_free_trial_modal__pro_badge {
  display: inline;
  margin-left: 12px;
}

.p-sponsored_connections_manage_slack_connect_tooltip_container {
  border-left: 1px solid rgba(var(--sk_primary_foreground, 29, 28, 29), 0.13);
  height: 14px;
  margin-left: 8px;
  padding-right: 8px;
}

.p-sponsored_connections_manage_slack_connect_tooltip__info_icon {
  margin-left: 6px;
  top: -4px;

  &:before {
    font-size: 14px;
  }
}

.p-radio_option_panel_box {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  cursor: pointer;
  outline-width: 0;
}

.p-radio_option_panel_box--unselected {
  &:focus, &:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.01);
  }
}

.p-radio_option_panel_box--selected, .p-radio_option_panel_box--selected_only_option {
  cursor: inherit;
  outline-width: 0;
}

.p-radio_option_panel_box--selected {
  &:focus, &:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.01);
  }
}

.p-radio_option_panel_box--disabled {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border: 1px solid var(--saf-0);
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  cursor: inherit;
}

.p-radio_option_panel_container {
  align-items: center;
  display: flex;
  margin: 12px 16px;
}

.p-radio_option_panel_content {
  display: flex;
  flex-direction: column;
  margin-left: 4px;
}

.p-radio_option_panel_content__text {
  display: inline-block;
}

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

.p-radio_option_panel_icon {
  margin-right: 12px;
}

.p-radio_option_panel_icon--selected {
  color: #1264a3;
}

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

.p-radio_option_panel_radio_button--selected_icon_size {
  height: 16px;
  width: 20px;
}

.p-radio_option_panel_choice_image {
  height: 70px;
  width: 70px;
}

.p-slack_connect_accept_channel_invite_modal__channel_name_input {
  margin: 0;
}

.p-slack_connect_accept_channel_invite_modal__channel_name_container .p-channel_name_input__label_error {
  margin-top: 4px;
}

.p-slack_connect_accept_channel_invite_modal__channel_name_container--with_steps {
  .p-channel_name_input__label_error {
    color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    margin-top: 8px;
  }

  .c-hint {
    margin: 8px 0 0;
  }
}

.p-slack_connect_accept_channel_invite_modal__visibility_options_container {
  display: flex;
  justify-content: space-between;
  margin: 0;
}

.p-slack_connect_accept_channel_invite_modal__visibility_options_container--with_steps {
  margin: 0;

  .c-legend {
    margin: 0 0 8px;
  }
}

.p-slack_connect_accept_channel_invite_modal__visibility_option {
  font-weight: 400;
  width: 246px;

  .p-radio_option_panel_container {
    align-items: baseline;
  }
}

.p-slack_connect_accept_channel_invite_modal__visibility_option--with_steps {
  margin-bottom: 0;

  &:not(:last-child) {
    margin-bottom: 8px;
  }
}

.p-slack_connect_accept_channel_invite_modal__trial_banner {
  align-items: center;
  background-color: #f2c74433;
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  margin-top: 24px;
  padding: 16px 28px 0;
}

.sk-client-theme--dark .p-slack_connect_accept_channel_invite_modal__trial_banner {
  background-color: #e8912d1a;
  border-color: #e8912d66;
  color: #e8912d;
}

.p-slack_connect_accept_channel_invite_modal__trial_icon {
  color: #b98a09;
  margin-right: 16px;
  padding-top: 6px;

  &:before {
    font-size: 32px;
  }
}

.sk-client-theme--dark .p-slack_connect_accept_channel_invite_modal__trial_icon {
  color: #e8912d;
}

.p-slack_connect_accept_channel_invite_modal__label:not(:last-child) {
  margin-bottom: 24px;
}

.p-slack_connect_accept_channel_invite_modal__target_workspace {
  align-items: center;
  display: flex;
  margin-bottom: 6px;
}

.p-slack_connect_accept_channel_invite_modal__target_workspace--with_steps {
  font-weight: 400;
  padding: 2px 0 6px;
}

.p-slack_connect_accept_channel_invite_modal__team_selection_escape_hatch {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding-top: 4px;
}

.p-slack_connect_accept_channel_invite_modal__team_selection_escape_hatch_new_window_icon {
  margin-left: 2px;
}

.p-slack_connect_accept_channel_invite_modal__team_icon {
  margin-right: 8px;
}

.p-slack_connect_accept_channel_invite_modal__team_name {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-slack_connect_accept_channel_invite_modal__ctas--with_trial {
  background-color: #f2c74433;
}

.sk-client-theme--dark .p-slack_connect_accept_channel_invite_modal__ctas--with_trial {
  background-color: #e8912d1a;
}

.p-slack_connect_accept_channel_invite_modal__speed_bump {
  padding: 24px 28px;
}

.p-slack_connect_accept_channel_invite_modal__speed_bump_heading {
  font-weight: 700;
  margin-bottom: 8px;
}

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

.p-slack_connect_accept_channel_invite_modal__content_section:last-child {
  padding-bottom: 8px;
}

.p-slack_connect_accept_channel_invite_modal__privacy_warning {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin: 20px 0 0;
}

.p-slack_connect_accept_channel_invite_modal__select_option {
  padding-left: 0;

  .c-base_entity__text-contents {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    wbr {
      display: none;
    }
  }
}

.p-slack_connect_accept_channel_invite_modal__select_option--secondary_content {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.c-select_options_list__option--active .p-slack_connect_accept_channel_invite_modal__select_option--secondary_content {
  color: inherit;
}

.p-slack_connect_accept_channel_invite_modal__free_trial_note {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding: 16px 24px;

  .p-pro_badge {
    margin-right: 12px;
  }

  a {
    margin-left: 4px;
  }
}

.p-slack_connect_upgrade_modal {
  min-width: 560px;
}

.p-slack_connect_pending_in_another_workspace_modal__confirmation_illustration_container {
  background-color: #f5efe8;
}

.p-slack_connect_pending_in_another_workspace_modal__confirmation_illustration {
  background-image: url(./confirmation-9d699ca.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 155px;
  margin-top: 20px;
  width: 100%;
}

.sk-client-theme--dark .p-slack_connect_pending_in_another_workspace_modal__confirmation_illustration {
  background-image: url(./confirmation-dark-f0db418.svg);
}

.p-slack_connect_pending_in_another_workspace_modal__top_content {
  margin-bottom: 20px;
}

.p-slack_connect_pending_in_another_workspace_modal__bottom_content {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  margin: 0 24px 4px;
  padding: 12px 16px;
}

.p-slack_connect_invite_actions__icon_actions {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-self: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  display: flex;
  list-style: none;
  margin: 0;
  opacity: 0;
}

.p-slack_connect_card--focus .p-slack_connect_invite_actions__icon_actions, .p-slack_connect_card--focus-within .p-slack_connect_invite_actions__icon_actions, .p-slack_connect_card:hover .p-slack_connect_invite_actions__icon_actions {
  opacity: 1;
}

.p-slack_connect_invite_actions__icon_action {
  margin: 2px;

  .c-button-unstyled {
    border-radius: 6px;
  }
}

.p-slack_connect_invite_actions__text_actions {
  align-self: center;
  display: flex;
  list-style: none;
  margin: 0 0 0 4px;

  li:last-child {
    margin-right: 0;
  }
}

.p-slack_connect_invite_actions__text_action {
  margin: 0 4px 0 0;
}

.p-slack_connect_invite_actions__overflow_actions {
  align-self: center;
  display: flex;
  list-style: none;
  margin: 0 0 0 4px;
}

.p-slack_connect_invite_actions__overflow_menu_button {
  min-width: auto;
  padding: 4px;
}

.p-slack_connect_confirm_trust_modal {
  min-width: 520px;
}

.p-slack_connect_confirm_trust_modal__header {
  align-items: center;
  background-color: #e8912d1a;
  display: flex;
  flex-direction: column;
  padding: 24px 0;
}

.p-slack_connect_confirm_trust_modal__header--suspicious {
  background-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.1);
}

.p-slack_connect_confirm_trust_modal__suspicious_icon {
  color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  height: 44px;
  width: 44px;

  &:before {
    font-size: 44px;
  }
}

.p-slack_connect_confirm_trust_modal__header_title {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  padding-top: 4px;
}

.p-slack_connect_confirm_trust_modal__header_subtitle {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin: 0 100px;
  text-align: center;
}

.p-slack_connect_confirm_trust_modal__invite_details_container {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 24px 0 8px;
}

.p-slack_connect_confirm_trust_modal__invite_details {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: 4px;
  padding-top: 8px;
}

.p-slack_connect_confirm_trust_modal__email {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-slack_connect_confirm_trust_modal__created_at {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.7);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin: 4px 0 0;
}

.p-slack_connect_sent_email_invite__icon {
  align-items: center;
  border-radius: 4px;
  display: flex;
  font-size: 20px;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.p-slack_connect_sent_email_invite__icon--channel, .p-slack_connect_sent_email_invite__icon--dm {
  background-color: #11a4891a;
  color: #11a489;
}

.p-slack_connect_sent_email_invite__icon--inactive {
  filter: grayscale(1);
}

.p-slack_connect_sent_email_invite__header {
  display: flex;
}

.p-slack_connect_sent_email_invite__channel_link {
  text-decoration: none;

  &:focus, &:hover {
    text-decoration: underline;
  }
}

.p-slack_connect_sent_email_invite__where {
  flex: 2;
  line-height: 2em;
}

.p-slack_connect_sent_email_invite__when {
  flex: 0 1 auto;
  text-align: right;
}

.p-slack_connect_sent_email_invite__footer {
  align-items: baseline;
  display: flex;
}

.p-slack_connect_sent_email_invite__footer_icon {
  margin-right: 4px;
}

.p-slack_connect_sent_email_invite__footer_icon--approved {
  color: #007a5a;
}

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

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

.p-slack_connect_sent_email_invite__footer_separator {
  border-left-style: solid;
  border-left-width: 1px;
  height: 1em;
  margin-left: 8px;
  padding-left: 8px;
}

.p-slack_connect_sent_email_invite__footer_channel_link {
  font-weight: 700;
}

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

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

  &.c-link--button.c-link--focus-visible:focus {
    text-decoration: underline;
  }
}

.p-slack_connect_received_channel_invite__avatar {
  bottom: 2px;
  display: inline-flex;
  margin-right: 3px;
  vertical-align: middle;
}

.p-slack_connect_received_channel_invite__member_entity {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  line-height: 1.2em;

  &:focus, &:hover {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    line-height: 1.2em;
  }

  &.c-link--button.c-link--focus-visible:focus {
    text-decoration: underline;
  }
}

.p-slack_connect_received_channel_invite__avatar--inactive {
  filter: grayscale(1);
}

.p-slack_connect_received_channel_invite__sponsored_connections_info {
  border-right: 1px solid rgba(var(--sk_primary_foreground, 29, 28, 29), 0.13);
  height: 14px;
  margin-right: 8px;
  padding-right: 8px;
  position: relative;
  top: 3px;
}

.p-slack_connect_received_channel_invite__sponsored_connections_info_icon {
  top: -3px;

  &:before {
    font-size: 14px;
  }
}

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

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

.p-slack_connect_received_channel_invite__channel_name_button {
  border-radius: 4px;
  padding: 0 4px;

  &:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }
}

.p-slack_connect_received_dm_invite__icon {
  align-items: center;
  border-radius: 4px;
  display: flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.p-slack_connect_received_dm_invite__icon--dm {
  background-color: #007a5a1a;
  color: #007a5a;
}

.p-slack_connect_received_dm_invite__icon--inactive {
  filter: grayscale(1);
}

.p-slack_connect_received_dm_invite__header {
  display: flex;
}

.p-slack_connect_received_dm_invite__where {
  flex: 2;
}

.p-slack_connect_received_dm_invite__when {
  flex: 0 1 auto;
  text-align: right;
}

.p-slack_connect_received_dm_invite__message {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }

  .c-message_kit__blocks--rich_text {
    margin-bottom: 0;
  }

  .p-rich_text_section {
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    wbr {
      display: none;
    }
  }
}

.p-slack_connect_received_dm_invite__footer {
  align-items: baseline;
  display: flex;
}

.p-slack_connect_received_dm_invite__footer--introduced {
  align-items: center;
  display: flex;
}

.p-slack_connect_received_dm_invite__footer_icon {
  margin-right: 4px;
}

.p-slack_connect_received_dm_invite__footer_icon--approved {
  color: #007a5a;
}

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

.p-slack_connect_received_dm_invite__footer_separator {
  border-left-style: solid;
  border-left-width: 1px;
  height: 1em;
  margin-left: 8px;
  padding-left: 8px;
}

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

.p-slack_connect_received_dm_invite__footer_dm_link {
  font-weight: 700;
}

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

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

  &.c-link--button.c-link--focus-visible:focus {
    text-decoration: underline;
  }
}

.p-hub_skeleton__results_container:not(.hub_skeleton__results_container--no-animation) {
  animation: p-hub--shimmer 1s ease-in-out 0s infinite normal none;
}

@keyframes p-hub--shimmer {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.65;
  }

  to {
    opacity: 1;
  }
}

.p-grid__container {
  grid-template-columns: 1fr;
  display: grid;
  justify-content: space-around;
}

.p-grid__row {
  display: grid;
  justify-content: space-around;
  align-items: start;
  grid-auto-rows: auto;
  justify-items: stretch;
}

.p-org_card {
  background-clip: padding-box;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  min-width: 256px;

  &:not(.p-org_card--loading) {
    &:active, &:hover {
      box-shadow: 0 1px 3px 0 #00000014;
    }
  }
}

.p-org_card__title {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
}

.p-org_card__caption {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-org_card .c-icon--inherit {
  width: 1.2em;
}

.p-actionable_invitations__list {
  --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);
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 #00000014;

  > * {
    margin: 0;
  }
}

.p-actionable_invitations__list_item_wrapper {
  width: 100%;

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

  &:not(:last-child) {
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.p-actionable_invitations__list_item--shared-workspace-top-invite {
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.p-actionable_invitations__list_item {
  background: none;
  border-radius: 0;
  margin: 0;
  padding: 16px 20px;

  .p-slack_connect_card__body, .p-slack_connect_card__footer, .p-slack_connect_card__header {
    background: none;
    border: none;
    padding: 0;
  }
}

.p-actionable_invitations__list_item--footer {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-actionable_invitations__list_item {
  &.p-slack_connect_card > :not(:last-child) {
    &.p-slack_connect_card__header {
      padding-bottom: 4px;
    }

    &.p-slack_connect_card__body {
      padding-bottom: 8px;
    }
  }

  &:first-child {
    border-radius: 8px 8px 0 0;
  }

  &:last-child {
    border-radius: 0 0 8px 8px;
  }

  &.p-slack_connect_card--allow-compact-style {
    .p-slack_connect_card__body, .p-slack_connect_card__header {
      display: none;
    }

    .p-slack_connect_card__footer > * {
      align-items: center;
    }
  }
}

.p-actionable_invitations__badge {
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  border-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  border-radius: 3px;
  border-style: solid;
  height: 6px;
  margin-right: 8px;
  width: 6px;
}

.p-show_all_contacts__copy {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-member_grid__member {
  border-radius: 8px;

  &:focus {
    border-radius: 8px;
  }
}

.p-org_card_cta {
  align-items: center;
  background-clip: padding-box;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  flex-direction: column;
  height: 94px;
  margin: auto;
  padding: 20px;
  width: 100%;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);

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

  &:active, &:hover {
    box-shadow: 0 1px 3px 0 #00000014;
  }
}

.p-org_card_cta--disabled {
  background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background-clip: initial;
  border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.75);
  cursor: default;
  pointer-events: none;
  text-shadow: none;
  transition: all 80ms linear;

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

.p-org_card_cta__icon {
  margin-bottom: 8px;
}

.p-org_card_cta__title {
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;
  margin-bottom: 2px;
}

.p-load_more_button {
  background-clip: padding-box;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;

  &:active, &:hover {
    box-shadow: 0 1px 3px 0 #00000014;
  }
}

.p-lightbulb_icon--dark {
  color: #f2c744;
}

.p-lightbulb_icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  position: relative;
  vertical-align: bottom;
}

.p-lightbulb_icon--inline {
  font-family: inherit;
  font-size: inherit;
  height: auto;
  line-height: inherit;
  width: 20px;

  .p-lightbulb_icon__icon {
    left: 50%;
    margin-left: -50%;
    margin-top: -50%;
    position: absolute;
    top: 50%;
  }

  &:after {
    content: '​';
  }
}

.p-lightbulb_icon--inherit {
  width: 1em;
}

.p-lightbulb_icon__icon {
  height: auto;
  position: relative;
  top: -2px;
  width: 20px;
}

.p-lightbulb_icon--inherit .p-lightbulb_icon__icon {
  width: 1em;
}

.p-lightbulb_icon--inline.p-lightbulb_icon--inherit .p-lightbulb_icon__icon {
  height: 1em;
  margin-left: -.5em;
  margin-top: -.5em;
  width: 1em;
}

.p-slack_connect_edu_modal__step {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 12px;
  margin-top: 12px;
}

.p-slack_connect_edu_modal__content_title {
  font-family: Slack-Larsseit, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  margin-bottom: 4px;
}

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

.p-slack_connect_edu_modal__footer_tip {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-slack_connect_edu_modal__tip_link {
  text-decoration: none;

  &:active, &:visited {
    text-decoration: none;
  }

  &:hover {
    text-decoration: underline;
  }
}

.p-slack_connect_edu_modal {
  .c-sk-modal__close_button {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-radius: 50%;
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);

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

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

.p-slack_connect_edu_modal__image {
  display: block;
  height: 280px;
  position: relative;
  width: 100%;
}

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

.p-slack_connect_edu_modal__banner {
  background-color: #4a154b;
  bottom: 0;
  color: #fff;
  font-family: Slack-Larsseit, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  padding: 9px 28px 7px;
  position: absolute;
  width: 100%;
}

.p-slack_connect_edu_modal__image_container {
  align-items: center;
  display: flex;
  height: 280px;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.p-slack_connect_edu_modal__content--animated {
  .p-slack_connect_edu_modal__animated_image {
    height: auto;
    width: 100%;
  }

  &.p-slack_connect_edu_modal__content--ready .p-slack_connect_edu_modal__animated_image {
    border-radius: 10px;
    box-shadow: 0 18px 48px 0 #0000001a;
  }
}

.p-slack_connect_edu_modal__image_intro--user_hub_v1 {
  height: 200px;
  width: 364px;
}

.p-slack_connect_edu_modal__content--animated.p-slack_connect_edu_modal__content--ready .p-slack_connect_edu_modal__image_intro--user_hub_v1 .p-slack_connect_edu_modal__animated_image {
  box-shadow: none;
}

.p-slack_connect_edu_modal__image_1--user_hub_v1 {
  height: 196px;
  width: 460px;
}

.p-slack_connect_edu_modal__image_2--user_hub_v1 {
  height: 200px;
  width: 368px;
}

.p-slack_connect_edu_modal__image_3--user_hub_v1 {
  height: 164px;
  width: 351px;
}

.p-slack_connect_edu_modal__image_4--user_hub_v1 {
  height: 200px;
  width: 368px;
}

.p-slack_connect_edu_modal__content--animated {
  .p-slack_connect_edu_modal__image {
    align-items: center;
    background-image: none;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    opacity: 0;
    position: relative;
    top: 20px;
    transition: none;
  }

  &.p-slack_connect_edu_modal__content--ready .p-slack_connect_edu_modal__image {
    opacity: 1;
    top: 0;
    transition: opacity 0.25s ease-in-out, top 0.375s;
  }

  transition: background-color 0.375s ease-in-out;
}

.p-slack_connect_edu_modal__content--bg_color_light_green {
  background-color: #e0eee7;
}

.p-slack_connect_edu_modal__content--bg_color_light_blue {
  background-color: #e8f5fa;
}

.p-slack_connect_edu_modal__content--bg_color_light_purple {
  background-color: #ede8ed;
}

.p-slack_connect_edu_modal__content--bg_color_light_yellow {
  background-color: #fcf4da;
}

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

.p-slack_connect_edu_modal__content.p-slack_connect_edu_modal__content--intro, .p-slack_connect_edu_modal__image.p-slack_connect_edu_modal__image_intro--user_hub_v1 {
  background-color: #e0eee7;
}

.sk-client-theme--dark {
  .p-slack_connect_edu_modal__content.p-slack_connect_edu_modal__content--intro, .p-slack_connect_edu_modal__image.p-slack_connect_edu_modal__image_intro--user_hub_v1 {
    background-color: #4cbf9d1a;
  }
}

.p-slack_connect_edu_modal__content_section {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  padding: 20px 28px 0;
  z-index: 2;
}

.p-slack_connect_hub_edu_banner {
  background-color: #e0eee7;
  border: 1px solid #11a4894d;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  margin: 20px 20px 0;
  padding: 20px 24px;
  width: calc(100% - 40px);
  z-index: 1;
}

.sk-client-theme--dark .p-slack_connect_hub_edu_banner {
  background-color: #4cbf9d0a;
}

.p-slack_connect_hub_edu_banner--focus, .p-slack_connect_hub_edu_banner:focus {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  outline: none;
}

.p-slack_connect_hub_edu_banner__image {
  background-image: url(./SC-Hub-Mini-Hero-41e0705.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 0 auto;
  height: 74px;
  margin: 0 8px 0 0;
  width: 96px;
}

@media (max-width: 768px) {
  .p-slack_connect_hub_edu_banner__image {
    display: none;
  }
}

.p-slack_connect_hub_edu_banner__image_icon {
  color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
  min-width: 20px;
}

@media (max-width: 768px) {
  .p-slack_connect_hub_edu_banner__image_icon {
    display: none;
  }
}

.p-slack_connect_hub_edu_banner_contents-text {
  display: flex;
  flex-direction: column;
  margin: auto;
}

.p-slack_connect_hub_edu_banner__header {
  flex-grow: 1;
  font-family: Slack-Larsseit, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  padding: 0 12px;
}

.p-slack_connect_hub_edu_banner__close_wrapper {
  max-height: 20px;
  max-width: 20px;
}

.p-slack_connect_hub_edu_banner__close {
  right: 8px;
  top: -8px;
  z-index: 3;
}

.p-slack_connect_hub_edu_banner__content {
  flex-grow: 1;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: 0;
  padding: 0 12px;
}

.p-slack_connect_hub_edu_banner__link {
  font-weight: 700;
}

.p-hub_search_empty_state {
  margin: 96px auto;
}

.p-hub_search_empty_state__contact_lookup {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 12px;
  margin: 0 20px;
  max-width: none;
  padding: 28px;
  width: calc(100% - 40px);

  > .c-empty_state__description {
    margin: 0 auto;
    max-width: 440px;
  }

  button:not(.p-hub_search_empty_state__link_button) {
    margin: 16px auto 0;
  }
}

.p-hub_search_empty_state__contact_lookup_icon {
  align-items: center;
  background-color: #1d9bd11a;
  border-radius: 20px;
  color: #1264a3;
  display: flex;
  font-size: 20px;
  height: 40px;
  justify-content: center;
  margin: 0 auto 8px;
  width: 40px;
}

.p-hub_search_empty_state__link_button[aria-disabled=true] {
  color: inherit;
  text-decoration: underline;
}

.p-hub_search_empty_state__link_button_spinner {
  margin-left: 8px;
  position: absolute;
  transform: translateY(50%);
}

.p-slack_connect_empty_landing_page__header {
  background-color: #e0eee7;
  height: 300px;
  min-height: 0;
  padding: 0 40px;
  width: 100%;
}

.sk-client-theme--dark .p-slack_connect_empty_landing_page__header {
  background-color: #4cbf9d1a;
}

.p-slack_connect_empty_landing_page__header_content_container {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
}

.p-slack_connect_empty_landing_page__header_container {
  align-items: center;
  display: flex;
  flex: 1 0 auto;
  flex-direction: row;
  height: 100%;
  justify-content: space-between;
  margin: auto;
  max-width: 1000px;
}

.p-workspace__primary_view--small .p-slack_connect_empty_landing_page__header_container, .p-workspace__primary_view--tiny .p-slack_connect_empty_landing_page__header_container {
  justify-content: center;
}

.p-slack_connect_empty_landing_page__header_image {
  background-image: url(./sc_hub_hero-07817aa.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex: 0 1 auto;
  height: 220px;
  width: 220px;
}

.p-slack_connect_empty_landing_page__header_image--user_hub_v1 {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex: 0 1 auto;
  height: 220px;
  width: 220px;
  background-image: url(./SC-Hub-Hero-v1-99dac3e.svg);
}

.p-workspace__primary_view--small .p-slack_connect_empty_landing_page__header_image--user_hub_v1, .p-workspace__primary_view--tiny .p-slack_connect_empty_landing_page__header_image--user_hub_v1 {
  display: none;
}

.p-slack_connect_empty_landing_page__header_text {
  font-family: Slack-Larsseit, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
  font-size: 28px;
  font-size: 32px;
  font-weight: 900;
  font-weight: 700;
  line-height: 1.2143;
  margin: 8px 0;
  max-width: 400px;
  text-align: left;
}

.p-slack_connect_empty_landing_page__header_subtext {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  max-width: 400px;
}

.p-slack_connect_empty_landing_page__security_info {
  text-align: center;
}

.p-slack_connect_empty_landing_page__security_info__description {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  text-align: center;
}

.p-slack_connect_empty_landing_page__learn_more {
  align-items: center;
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border: 1px solid #e0eee71a;
  border-radius: 30px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: 20px;
  padding: 8px 16px;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
}

.sk-client-theme--dark .p-slack_connect_empty_landing_page__learn_more {
  border-color: #4cbf9d1a;
}

.p-slack_connect_empty_landing_page__learn_more {
  &:active, &:focus, &:hover {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: 1px solid #e0eee71a;
    border-radius: 30px;
  }
}

.sk-client-theme--dark .p-slack_connect_empty_landing_page__learn_more {
  &:active, &:focus, &:hover {
    border-color: #4cbf9d1a;
  }
}

.p-slack_connect_empty_landing_page__learn_more__icon_container {
  background-image: url(./lightbulb@2x-94e9db4.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 16px;
  margin-right: 4px;
  width: 16px;
}

.sk-client-theme--dark .p-slack_connect_empty_landing_page__learn_more__icon_container {
  background-image: url(./lightbulb-dark@2x-ee7f751.png);
  height: 20px;
  margin-right: 0;
  width: 20px;
}

.p-slack_connect_empty_landing_page__learn_more__icon_container--hover {
  background-image: url(./lightbulb-lit@2x-cef90a9.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  margin-right: 0;
  width: 20px;
}

.sk-client-theme--dark .p-slack_connect_empty_landing_page__learn_more__icon_container--hover {
  background-image: url(./lightbulblit-dark@2x-05210e2.png);
}

.p-slack_connect_empty_landing_page__shared_workspace_stack {
  align-items: center;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: 40px;
  text-align: center;
}

.p-slack_connect_empty_landing_page__cta_container {
  display: flex;
  justify-content: center;
  margin: 0 20px;

  .p-slack_connect_hub_cta.c-card_container {
    flex: 0 1 auto;
    max-width: 500px;
  }
}

.p-slack_connect_empty_landing_page__cta_container--v1 {
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 40px 52px;

  .p-slack_connect_hub_cta__outer_container--user-hub {
    flex-basis: 50%;
    margin: 4px;
    max-width: 498px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .p-slack_connect_empty_landing_page__cta_container--simple-populated, .p-slack_connect_empty_landing_page__cta_container--v0 {
    flex-flow: column wrap;
  }
}

.p-slack_connect_empty_landing_page__cta_container--simple-populated .p-slack_connect_hub_cta.c-card_container {
  flex-grow: 1;
  width: 100%;
}

.p-slack_connect_empty_landing_page__cta_container--user-hub {
  display: flex;
  justify-content: center;
}

.p-slack_connect_empty_landing_page__cta_container_prompt--user-hub {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: Slack-Larsseit, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-weight: 700;
  justify-content: space-between;
  line-height: 1.50001;
  position: relative;
  text-align: center;
}

.p-slack_connect_empty_landing_page__cta_container_prompt__title {
  display: flex;
  margin-top: 12px;
}

.p-slack_connect_empty_landing_page__cta_container_prompt__link {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin-top: 16px;
}

.p-slack_connect_empty_landing_page__cta_container--simple-populated .p-slack_connect_empty_landing_page__cta.c-card_container {
  flex-grow: 1;
}

.p-slack_connect_empty_landing_page__link_icon {
  background-color: #e8f5fa;
  border-radius: 50%;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  font-weight: 400;
  height: 20px;
  margin-right: 8px;
  transition: color 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
  transition: background-color 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
  width: 20px;
}

.p-slack_connect_empty_landing_page__setup_container_wrapper {
  margin: 0 20px;
}

.p-slack_connect_empty_landing_page__setup_container {
  display: flex;
  justify-content: center;
  margin: 40px auto 28px;
  max-width: 1000px;
}

.p-slack_connect_empty_landing_page__setup_container__content {
  align-self: center;
}

.p-slack_connect_empty_landing_page__setup_container__content__title {
  font-family: Slack-Larsseit, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
}

.p-slack_connect_empty_landing_page__setup_container__content__description {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  width: 80%;
}

.p-slack_connect_empty_landing_page__setup-illo {
  background-image: url(./sc_hub_spot-f222ed7.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex: 0 0 auto;
  height: 80px;
  margin: 0 24px;
  width: 80px;
}

.p-slack_connect_empty_landing_page__setup-illo--admin-user_hub_v1 {
  background-image: url(./SC-Hub-Admin-Spot-Light-630ce22.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex: 0 0 auto;
  height: 84px;
  margin-right: 20px;
  width: 84px;
}

.sk-client-theme--dark .p-slack_connect_empty_landing_page__setup-illo--admin-user_hub_v1 {
  background-image: url(./SC-Hub-Admin-Spot-Dark-4ab5c1e.svg);
}

.p-slack_connect_empty_landing_page__scroll_container {
  flex: 1 1 auto;
  min-height: 0;
  position: relative;

  .c-virtual_list__item--focus:after {
    content: unset;
  }
}

.p-slack_connect_hub_cta.c-card_container {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: none;
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  min-width: 200px;
  padding: 20px;
  transition: box-shadow 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-slack_connect_hub_cta--left.c-card_container {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

@media (max-width: 768px) {
  .p-slack_connect_hub_cta--left.c-card_container {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: block;
  }
}

.p-slack_connect_hub_cta--right.c-card_container {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

@media (max-width: 768px) {
  .p-slack_connect_hub_cta--right.c-card_container {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: block;
  }
}

.p-slack_connect_hub_cta--disabled.c-card_container {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);

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

  .p-slack_connect_hub_cta__disabled_text {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 13px;
    font-weight: 400;
    font-weight: 700;
    line-height: 1.38463;
  }
}

.p-slack_connect_hub_cta {
  &:focus .p-slack_connect_empty_landing_page__link_icon, &:hover .p-slack_connect_empty_landing_page__link_icon {
    background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    color: #e8f5fa;
  }
}

.p-slack_connect_hub_cta__content_container {
  margin: 20px;
}

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

.p-slack_connect_hub_cta__content_container__title {
  font-size: 15px;
  font-weight: 400;
  font-weight: 900;
  line-height: 1.46668;
  margin-bottom: 4px;
}

.p-slack_connect_hub_cta__image {
  margin-bottom: 12px;
}

.p-slack_connect_hub_cta__link_button:focus {
  outline: none;
}

.p-slack_connect_hub_cta--user-hub {
  border: 1px solid #0000;
  display: block;
  height: auto;
  min-width: 344px;
  padding: 0;
  position: relative;
  width: 100%;

  &.p-slack_connect_hub_cta--disabled {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    cursor: not-allowed;
    pointer-events: all;
  }
}

.p-slack_connect_hub_cta__outer_container--user-hub {
  flex-grow: 1;
}

.p-slack_connect_hub_cta__contents {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  display: flex;
  padding: 24px;
  width: 100%;

  &:active {
    border-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
  }
}

.p-slack_connect_hub_cta__icon--hub-next {
  background-color: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
  border-radius: 50%;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  height: 36px;
  margin-right: 12px;
  min-width: 36px;
  width: 36px;
}

.p-slack_connect_hub_cta__icon--disabled, .sk-client-theme--dark .p-slack_connect_hub_cta__icon--disabled {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
}

.p-slack_connect_hub_cta__content_container--user-hub {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: calc(100% - 40px);
}

.p-slack_connect_hub_cta__content_container__title--user-hub {
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;
}

.p-slack_connect_hub_cta__content_container__subtitle--user-hub {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 0;
  width: 100%;
}

.p-slack_connect_hub_cta__content_container__subtitle--user-hub-wrapper {
  display: block;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.p-slack_connect_card_buttons__wrapper {
  margin: 0 20px;
}

.p-slack_connect_card_buttons {
  margin: auto;
  max-width: 1000px;
}

.p-slack_connect_card_buttons__card_button {
  &:focus, &:hover {
    color: inherit;
    text-decoration: none;
  }
}

.p-slack_connect_card_buttons_button:active {
  color: inherit;
  text-decoration: none;
}

.p-slack_connect_card_buttons__card_button_container {
  &:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  &:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  &:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  }
}

.p-slack_connect_card_buttons__card_button {
  display: flex;
  height: 40px;
}

.p-slack_connect_card_buttons__card_button__icon_container {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-radius: 50%;
  flex-shrink: 0;
  height: 40px;
  margin-left: 4px;
  margin-right: 12px;
  text-align: center;
  width: 40px;
}

.p-slack_connect_card_buttons__card_button__content_container {
  flex-grow: 1;

  .c-truncate {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
  }
}

.p-slack_connect_card_buttons__card_button__link_icon_container {
  font-size: 16px;
  margin-right: 12px;
}

.p-slack_connect_card_buttons__card_button__link_icon {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 16px;
  position: relative;
  top: 8px;
}

.p-slack_connect_card_buttons__card_button__icon {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 20px;
  position: relative;
  top: 10px;
}

.p-team_icon_pile {
  display: inline-flex;
  flex-shrink: 0;
  font-size: 16px;
  justify-content: flex-end;
}

.p-team_icon_pile__icon + .p-team_icon_pile__icon {
  --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  --saf-1: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  --saf-2: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  box-shadow: -2px 0 0 var(--saf-0), (-2px) 1px 0 var(--saf-0), (-2px) -1px 0 var(--saf-0);
  margin-left: -6px;
}

.p-slack_connect_social_proof_banner {
  align-items: center;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  justify-content: center;
  line-height: 1.38463;
  margin: 40px 0;
  text-align: center;
}

.p-sync_google_contacts_banner {
  align-items: center;
  background: #1d9bd11a;
  border: 1px solid #1264a34d;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  margin: 20px;
  padding: 24px 32px;
  position: relative;

  &:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border-radius: 4px;
    border-radius: 8px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
    outline: none;
  }
}

@media screen and (max-width: 960px) {
  .p-sync_google_contacts_banner {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media screen and (min-width: 1680px) {
  .p-sync_google_contacts_banner {
    justify-content: space-around;
  }
}

.p-sync_google_contacts_banner__body {
  align-items: center;
  display: flex;

  &:before {
    background-image: url(./sync_contacts_hub-cd4640e.svg);
    content: '';
    height: 91px;
    margin-right: 36px;
    min-width: 91px;
  }
}

@media screen and (max-width: 1024px) {
  .p-sync_google_contacts_banner__body:before {
    display: none;
  }
}

.p-sync_google_contacts_banner__body--no_illo:before {
  display: none;
}

.p-sync_google_contacts_banner__text_container {
  margin-right: 96px;
  max-width: 486px;
}

@media screen and (max-width: 1440px) {
  .p-sync_google_contacts_banner__text_container {
    margin-right: 48px;
  }
}

.p-sync_google_contacts_banner__title {
  font-family: Slack-Larsseit, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
  font-weight: 700;
  margin: 0;
}

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

@media screen and (max-width: 960px) {
  .p-sync_google_contacts_banner__description {
    margin-bottom: 24px;
  }
}

.p-sync_google_contacts_banner__google_btn .c-third_party_auth__icon {
  height: 16px;
  width: 16px;
}

.p-sync_google_contacts_banner__dismiss_btn {
  position: absolute;
  right: 4px;
  top: 4px;
}

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

.p-contacts--with_background {
  --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);
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 #00000014;
  overflow: hidden;
  padding-bottom: 12px;
}

.p-contacts__card_container {
  display: inline-block;
  width: 192px;

  &.c-button-unstyled {
    margin: 8px;
  }

  .p-browse_page_member_card_entity__avatar .c-base_icon__width_only_container {
    position: absolute;
  }
}

.p-contacts__input_container {
  position: relative;

  .c-filter_input__input {
    max-width: calc(100% - 40px);
  }

  &:valid:not(.p-contacts__input_container--submitted) > .c-filter_input--active {
    .c-filter_input__input {
      padding-right: 175px;
    }

    ~ .p-contacts__input_hint {
      visibility: visible;
    }
  }

  small {
    font-size: 13px;
  }
}

.p-contacts__input_hint {
  border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  margin-right: 48px;
  max-width: 151px;
  overflow: hidden;
  padding-right: 16px;
  position: absolute;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  transform: translateY(50%);
  visibility: hidden;
  white-space: nowrap;
}

.p-contacts__input_container--has_error {
  .c-filter_input:not(.c-filter_input--active) {
    border-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  }

  .c-filter_input--active {
    --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    --saf-1: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.3);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
  }
}

.p-contacts__input_error {
  align-items: center;
  display: flex;
  margin-top: 6px;
  position: absolute;

  > :first-child {
    margin-right: 8px;
  }
}

.p-contacts_slack-connect__ia4-find-page-items {
  display: flex;
  justify-content: flex-end;
  margin: 16px 20px -44px;
}

.p-connectable_contacts__coachmark {
  width: 337px;
}

.p-connectable_contacts__banner {
  z-index: 999;
}

.p-connectable_contacts__sync_awareness_coachmark {
  width: 278px;
}

.p-connectable_contacts__subtitle {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
}

.p-connectable_contacts__body, .p-hub_dm_invite_modal__body {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-hub_dm_invite_modal__footer {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  padding: 24px;
}

.p-hub_dm_invite_modal__lightbulb_icon {
  height: 22px;
  width: 18px;
}

.p-featured_contact_card {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  position: relative;

  &:active, &:hover {
    filter: brightness(97%);
  }
}

.p-featured_contact_card__body {
  padding: 12px 16px;
}

.p-featured_contact_card__email, .p-featured_contact_card__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-featured_contact_card__email:empty:after {
  content: '\00a0';
  visibility: hidden;
}

.p-featured_contact_card__name {
  &:empty:after {
    content: '\00a0';
    visibility: hidden;
  }

  font-size: 15px;
  font-weight: 700;
}

.p-featured_contact_card__email {
  color: #868686;
  font-size: 13px;
  margin-bottom: 16px;
}

.p-featured_contact_card__photo {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.p-featured_contact_card__primary_button {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: initial;
  border-radius: inherit;
  box-shadow: 0 0 0 1px var(--saf-0);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: box-shadow 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
  width: 100%;

  &:active, &:focus, &:hover {
    background-color: initial;
  }

  &:active, &:hover {
    --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-featured_contact_card__cta {
  &[aria-disabled=true] {
    pointer-events: all !important;
  }

  > :first-child {
    margin-right: 4px;
  }
}

.p-connectable_contacts__empty_state, .p-connectable_contacts__loading_state {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 #00000014;
  display: flex;
  flex-direction: column;
  height: 415px;
  justify-content: center;
  margin: 0 20px 20px;
  position: relative;
}

.p-connectable_contacts__loading_state_heading {
  font-size: 28px;
  font-weight: 900;
  line-height: 1.2143;
  margin-bottom: 12px;
}

.p-connectable_contacts__empty_state_dismiss_button {
  position: absolute;
  right: 4px;
  top: 4px;
}

.p-connectable_contacts__empty_state_body {
  margin-bottom: 24px;
  max-width: 430px;
}

.p-connectable_contacts__empty_state_icon {
  background-color: #1d9bd11a;
  border-radius: 20px;
  color: #1264a3;
  font-size: 20px;
  height: 40px;
  width: 40px;
}

.p-search_error {
  align-items: center;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: 6px;
  position: absolute;

  > :first-child {
    margin-right: 8px;
  }
}

.p-contact_card {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  padding: 12px;
}

.p-contact_card__subtext {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;

  &:empty:before {
    content: '​';
  }
}

.p-contacts_list__input {
  position: relative;

  .c-filter_input__input {
    max-width: calc(100% - 40px);
  }

  .c-filter_input {
    &:not(.c-filter_input--active) ~ .p-contacts_list__input_hint {
      visibility: hidden;
    }

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

.p-contacts_list__input--showHint .c-filter_input__input:focus {
  padding-right: 175px;
}

.p-contacts_list__input--has_error {
  .c-filter_input:not(.c-filter_input--active) {
    border-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  }

  .c-filter_input--active {
    --saf-0: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    --saf-1: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.3);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
  }
}

.p-contacts_list__input_hint {
  border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  margin-right: 48px;
  padding-right: 16px;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(50%);
}

.p-contacts_list__load_more {
  transition: 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-contacts_list__empty {
  margin-top: 44px;

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

.p-contacts_list__empty_icon {
  background-color: #1d9bd11a;
  border-radius: 20px;
  color: #1264a3;
  font-size: 20px;
  height: 40px;
  width: 40px;
}

.p-contacts_list__switch {
  .c-switch__input {
    height: 19px;
    width: 34px;
  }

  .c-switch__visual {
    &:before {
      font-size: 20px;
      left: 0;
      top: 0;
    }

    &:after {
      height: 13px;
      left: 3px;
      top: 3px;
      width: 13px;
    }
  }

  .c-switch__input:checked + .c-switch__visual:after {
    transform: translate3d(15px, 0, 0);
  }
}

.p-pile {
  display: flex;
  margin-right: 8px;
}

.p-pile_item {
  --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 2px var(--saf-0);
  display: flex;
  margin-right: -4px;

  &:first-child {
    z-index: 1;
  }

  &:nth-child(2) {
    z-index: 2;
  }

  &:nth-child(3) {
    z-index: 3;
  }

  &:nth-child(4) {
    z-index: 4;
  }

  &:nth-child(5) {
    z-index: 5;
  }

  &:nth-child(6) {
    z-index: 6;
  }

  > * {
    border-radius: 4px;
  }
}

.p-pile_item_count {
  align-items: center;
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.p-member_pile {
  align-self: center;
  min-height: 36px;
  min-width: 36px;
  position: relative;

  > .p-pile_item {
    margin: 0;
    position: absolute;

    &:first-child:nth-last-child(2) {
      left: 0;
      top: 0;
    }

    &:nth-child(2):last-child {
      bottom: 0;
      right: 0;
    }
  }
}

.p-contact_card_preview__team {
  color: #ddd;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-latest_message_preview__sender {
  &:empty {
    display: none;
  }

  &:after {
    content: ': ';
  }
}

.p-latest_message_preview__rich_text {
  display: inline;

  .p-rich_text_section {
    display: inline;
  }
}

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

  &:active, &:hover {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    cursor: pointer;
  }

  &:focus {
    border-bottom: 1px solid rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 0;
  }

  &:first-of-type {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

  &:last-of-type {
    border-bottom: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}

.p-conversation_row__caption {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: 1.6px;
}

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

.p-organization__banner {
  background-color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  height: 144px;
  overflow: hidden;
  width: 100%;
}

.p-organization__banner_image {
  background-color: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
  background-position: 50%;
  background-repeat: no-repeat;
  filter: blur(20px);
  height: 144px !important;
  line-height: 120px !important;
  width: 100% !important;
}

.p-organization__title {
  font-size: 28px;
  font-weight: 900;
  line-height: 1.2143;
}

.p-organization__team_icon {
  background-clip: padding-box;
  background-color: rgba(var(--sk_foreground_mid_solid, 187, 186, 187), 1);
  border: 4px solid #fff;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.p-organization__header {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-organizations__conversations {
  background-clip: padding-box;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  min-width: 292px;
}

.p-organization__verified_icon {
  color: #4a154b;

  &:active, &:focus, &:hover, &:link, &:visited {
    text-decoration: none;
  }
}

.p-organization__ia4-find-page-items {
  display: flex;
  justify-content: flex-end;
  margin: 8px 20px -44px;
}

.p-connections__title {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
}

.p-connections_search_no_results {
  margin: 96px auto;
}

.p-connectable_contacts_search_awareness_tip {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border: 1px solid var(--saf-0);
  border-radius: 0 0 4px 4px;
  border-top: 1px solid #0000;
  display: flex;
  font-size: 13px;
  margin-top: -2px;
  padding: 10px 8px 8px;

  > :last-child {
    display: inline-block;
    margin-left: auto;
  }
}

.p-connectable_contacts_search_awareness_tip__callout {
  background-color: #fff;
  border-radius: 10px;
  color: #1d1c1d;
  font-weight: 700;
  line-height: 18px;
  margin-right: 8px;
  padding: 0 8px;
}

.p-slack_connect_sent_channel_link_invite__header {
  display: flex;
}

.p-slack_connect_sent_channel_link_invite__header_text {
  flex: 2;
}

.p-slack_connect_sent_channel_link_invite__when {
  flex: 0 1 auto;
  text-align: right;
}

.p-slack_connect_sent_channel_link_invite__icon {
  align-items: center;
  background-color: #1d9bd11a;
  border-radius: 4px;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  display: flex;
  font-size: 20px;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.p-slack_connect_sent_channel_link_invite__icon--inactive {
  filter: grayscale(1);
}

.p-slack_connect_sent_channel_link_invite__channel_link {
  text-decoration: none;

  &:focus, &:hover {
    text-decoration: underline;
  }
}

.p-slack_connect_sent_channel_link_invite__tooltip {
  cursor: default;
}

.p-slack_connect_sent_channel_link_invite__footer {
  align-items: baseline;
  display: flex;
}

.p-slack_connect_sent_channel_link_invite__footer_icon {
  margin-right: 4px;
}

.p-slack_connect_sent_channel_link_invite__accepted_users_link {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  text-decoration: none;

  &:focus, &:hover {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    text-decoration: none;
  }
}

.p-slack_connect_sent_dm_link_invite__header {
  display: flex;
}

.p-slack_connect_sent_dm_link_invite__header_text {
  flex: 2;
}

.p-slack_connect_sent_dm_link_invite__when {
  flex: 0 1 auto;
  text-align: right;
}

.p-slack_connect_sent_dm_link_invite__icon {
  align-items: center;
  border-radius: 4px;
  display: flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.p-slack_connect_sent_dm_link_invite__icon--dm {
  background-color: #11a4891a;
  color: #11a489;
}

.p-slack_connect_sent_dm_link_invite__icon--inactive {
  filter: grayscale(1);
}

.p-slack_connect_sent_dm_link_invite__footer {
  align-items: baseline;
  display: flex;
}

.p-slack_connect_sent_dm_link_invite__footer_icon {
  margin-right: 4px;
}

.p-slack_connect_sent_dm_link_invite__footer_icon--approved {
  color: #007a5a;
}

.p-slack_connect_sent_dm_link_invite__footer_separator {
  border-left-style: solid;
  border-left-width: 1px;
  height: 1em;
  margin-left: 8px;
  padding-left: 8px;
}

.p-slack_connect_sent_dm_link_invite__footer_channel_link {
  font-weight: 700;
}

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

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

  &:focus {
    text-decoration: underline;
  }
}

.p-trial_slack_connect_hub_trial_offer_banner {
  --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);
  border-radius: 8px;
  font-size: 15px;
  line-height: 1.46668;
  padding: 40px 48px;
  text-align: center;
}

.p-trial_slack_connect_hub_trial_offer_banner__wrapper {
  padding: 0 16px;
}

.p-trial_slack_connect_hub_trial_offer_banner__header_image {
  margin-bottom: 16px;
}

.p-trial_slack_connect_hub_trial_offer_banner__title {
  font-weight: 700;
  margin-bottom: 8px;
}

.p-trial_slack_connect_hub_trial_offer_banner__description {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.7);
  margin-bottom: 24px;
}

.p-trial_slack_connect_hub_in_trial_learn_more_banner {
  --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);
  border-radius: 8px;
  font-size: 15px;
  line-height: 1.46668;
  padding: 40px 48px;
  text-align: center;
}

.p-trial_slack_connect_hub_in_trial_learn_more_banner__wrapper {
  padding: 0 16px;
}

.p-trial_slack_connect_hub_in_trial_learn_more_banner__header_image {
  margin-bottom: 16px;
}

.p-trial_slack_connect_hub_in_trial_learn_more_banner__title {
  font-weight: 700;
  margin-bottom: 8px;
}

.p-trial_slack_connect_hub_in_trial_learn_more_banner__description {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.7);
  margin-bottom: 24px;
}

.p-slack_connect_list {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  flex: 1 1 auto;
  min-height: 0;
  position: relative;

  .c-virtual_list__item--focus:after {
    content: unset;
  }
}

.p-slack_connect_tab_empty_state {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  position: relative;
  right: 0;
}

.p-slack_connect_tab_empty_state--has-footer {
  top: -70px;
}

.p-slack_connect_tab_empty_state__image--sent {
  background-image: url(./SC-Sent-Empty-074dc65.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100px;
  margin-bottom: 18px;
  width: 100px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-slack_connect_tab_empty_state__image--sent {
    background-image: url(./SC-Sent-Empty-074dc65.svg);
  }
}

.sk-client-theme--dark .p-slack_connect_tab_empty_state__image--sent {
  background-image: url(./SC-Sent-Empty-Dark-485f40e.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .sk-client-theme--dark .p-slack_connect_tab_empty_state__image--sent {
    background-image: url(./SC-Sent-Empty-Dark-485f40e.svg);
  }
}

.p-slack_connect_tab_empty_state__image--received {
  background-image: url(./SC-Received-Empty-e1fd6d0.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100px;
  margin-bottom: 18px;
  width: 100px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-slack_connect_tab_empty_state__image--received {
    background-image: url(./SC-Received-Empty-e1fd6d0.svg);
  }
}

.sk-client-theme--dark .p-slack_connect_tab_empty_state__image--received {
  background-image: url(./SC-Received-Empty-Dark-0bb50f0.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .sk-client-theme--dark .p-slack_connect_tab_empty_state__image--received {
    background-image: url(./SC-Received-Empty-Dark-0bb50f0.svg);
  }
}

.p-slack_connect_tab_empty_state__image--connections {
  background-image: url(./SC-Connections-Empty-a403f26.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100px;
  margin-bottom: 18px;
  width: 100px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-slack_connect_tab_empty_state__image--connections {
    background-image: url(./SC-Connections-Empty-a403f26.svg);
  }
}

.sk-client-theme--dark .p-slack_connect_tab_empty_state__image--connections {
  background-image: url(./SC-Connections-Empty-Dark-08357d2.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .sk-client-theme--dark .p-slack_connect_tab_empty_state__image--connections {
    background-image: url(./SC-Connections-Empty-Dark-08357d2.svg);
  }
}

.p-slack_connect_tab_empty_state__title {
  font-size: 22px;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.36365;
  line-height: 36px;
  text-align: center;
}

.p-slack_connect_tab_empty_state__subtitle {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-top: 4px;
  max-width: 400px;
  padding: 0 16px;
  text-align: center;
}

.p-slack_connect_tab_empty_state__divider {
  border-top: 1px solid rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  margin: 24px auto;
  width: 160px;
}

.p-slack_connect_tab_empty_state__sent_steps {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  line-height: 2.6;
  padding: 0 16px;
  text-align: center;
}

.p-slack_connect_tab_empty_state_footer {
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 156px;
  justify-content: center;
  left: 0;
  padding: 40px 0;
  position: absolute;
  right: 0;
}

.p-slack_connect_tab_empty_state_footer__title {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin-bottom: 20px;
}

.p-slack_connect_tab_empty_state_footer__link {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: 20px;
}

.p-slack_connect_tab_empty_state_footer__button__icon_wrapper {
  font-size: 16px;
}

.p-slack_connect_tab_empty_state_footer__button__icon {
  color: #11a489;
  margin-right: 4px;
}

.p-slack_connect_tab_empty_state_footer__button {
  --saf-0: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
  border: 1px solid var(--saf-0);
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  height: 38px;
  line-height: 1.46668;
  padding: 7px 16px 8px;

  &:hover {
    box-shadow: 0 1px 3px 0 #00000014;
  }

  &:active {
    border-color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  }
}

.p-slack_connect_tab_empty_state_footer__link_button {
  padding: 7px 16px 8px;

  &:active, &:hover, &:visited {
    text-decoration: none;
  }
}

.p-slack_connect_tab_empty_state_footer__button_container {
  display: flex;
}

.p-slack_connect_tab_empty_state_footer__button_spacer {
  display: flex;
  margin-right: 12px;
}

.p-unverified_email_received_empty_page {
  align-items: center;
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  padding-bottom: 64px;
  text-align: center;
}

.p-unverified_email_received_empty_page__title {
  font-size: 24px;
  font-weight: 900;
  margin: 16px 0 4px;
}

.p-unverified_email_received_empty_page__subtitle {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 15px;
  max-width: 269px;
}

.p-unverified_email_received_empty_page__image {
  background-image: url(./SC-Received-Empty-e1fd6d0.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100px;
  width: 100px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-unverified_email_received_empty_page__image {
    background-image: url(./SC-Received-Empty-e1fd6d0.svg);
  }
}

.sk-client-theme--dark .p-unverified_email_received_empty_page__image {
  background-image: url(./SC-Received-Empty-Dark-0bb50f0.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .sk-client-theme--dark .p-unverified_email_received_empty_page__image {
    background-image: url(./SC-Received-Empty-Dark-0bb50f0.svg);
  }
}

.p-unverified_email_received_empty_page__alert {
  border-radius: 0;
  border-top: 0;
}

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

.p-unverified_email_received_empty_page__alert .c-link--button {
  color: #1264a3;
  text-decoration: none;
}

.p-slack_connect_tab {
  align-items: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  outline: none;
  overflow: hidden;
  position: relative;
}

.p-slack_connect_tab__loading {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  display: flex;
  height: 34px;
  justify-content: center;
  left: 50%;
  margin-left: -17px;
  position: absolute;
  top: 60px;
  width: 34px;
  z-index: 1;
}

.p-slack_connect_tab__empty {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  justify-content: center;
}

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

.p-empty_page {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  row-gap: 16px;
  text-align: center;
}

.p-empty_page__description {
  margin-bottom: 0;
  max-width: 320px;
}

.p-browse_recent {
  flex: 1 1 auto;
}

.p-browse_recent__section {
  height: auto;
  margin-top: 20px;
  width: 100%;

  &:last-child {
    margin-bottom: 24px;
  }

  .p-gallery_scroller__content {
    margin: 1px;
  }
}

.p-browse_recent__section_title {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 4px;
  margin-left: 24px;
}

.p-browse_recent__card {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 1px solid var(--saf-0);
  border-radius: 12px;
  box-shadow: 0 1px 3px #00000014;
  display: inline-block;
  height: 200px;
  margin: 4px 8px 0;
  vertical-align: top;
  width: 225px;

  .p-file_card {
    box-shadow: none;
  }

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

  .p-file_card__preview {
    justify-content: start;
  }

  &:first-child {
    margin-left: 20px;
  }

  &:last-child {
    margin-right: 20px;
  }
}

.p-browse_recent__card--list .p-file_card__preview {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  background-image: url(./placeholder-image-88e3944.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 56px 44px;
}

.p-browse_recent__card--media {
  .p-file_card__entity {
    display: none;
  }

  .p-file_card__preview--browser {
    height: 100%;
  }
}

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

  &:hover .p-browse_recent__action_card_text {
    text-decoration: underline;
  }
}

.p-browse_recent__action_card_icon {
  align-items: center;
  background-color: #e8f5fa;
  border-radius: 6px;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  display: flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.p-browse_recent__action_card_text {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  font-weight: 700;
  margin-top: 12px;
}

.p-browse_recent__loading_card {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 12px;
}

.p-browse_recent__loading_card--small {
  border-radius: 8px;
  display: flex;
  padding: 12px 16px;
  width: 320px;
}

.p-browse_recent__loading_card_header {
  border: 10px 10px 0 0;
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  display: flex;
  height: 70px;
  padding: 11px;
  width: 100%;
}

.p-browse_recent__section--small {
  align-content: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 16px;
  height: 140px;
  margin: 4px 20px 0;
}

.p-browse_recent__card--workflow {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  box-shadow: 0 1px 3px #00000014;
  cursor: pointer;
  display: inline-block;
  padding: 0 4px;
  width: 320px;

  .c-base_entity__subtext {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
  }
}

.p-browse_recent__workflow_icon {
  height: 36px;
  min-width: 36px;
}

.p-huddles_participants_facepile {
  .c-avatar:not(:last-child) {
    margin-right: 8px;
  }

  .c-avatar__additional_overlay {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    bottom: -4px;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-size: 13px;
    height: 22px;
    left: unset;
    padding: 2px 4px;
    right: -6px;
    top: unset;
  }
}

.p-huddles_active_tile {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 12px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 185px;
  margin: 0 8px 16px;
  overflow: hidden;
  padding: 4px;
  width: 332px;

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

  &.p-huddles_active_tile--joined {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }

  &.p-huddles_active_tile--invited {
    border: 2px solid #fff;
  }
}

.p-huddles_active_tile__header {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  height: 117px;
  width: 100%;

  .p-huddles_active_tile__facepile {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;

    .c-avatar__additional_overlay {
      background: rgba(var(--sk_highlight, 18, 100, 163), 1);
      color: #fff;
    }
  }
}

.p-huddles_active_tile__content {
  align-items: center;
  display: flex;
  padding: 12px 12px 8px;
  width: 100%;
}

.p-huddles_active_tile__primary {
  font-weight: 700;
}

.p-huddles_active_tile__secondary {
  display: flex;
  font-size: 13px;

  .p-huddles_active_tile__elapsed {
    opacity: 80%;
  }
}

.p-huddles_active_tile__channel_name_with_icon {
  align-items: center;
  display: flex;

  .p-huddles_active_tile__channel_icon {
    margin-right: 2px;
  }
}

.p-huddles_active_tile__button_container {
  display: flex;
  flex: 1;
  justify-content: end;
  margin-left: 12px;

  .p-huddles_active_tile__button {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    background-color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    border-radius: 6px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
    display: flex;
    font-size: 15px;
    font-weight: 700;
    padding: 6px 12px;

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

.p-huddles_active_tile--joined {
  .p-huddles_active_tile__secondary .c-timestamp__label {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  }

  .p-huddles_active_tile__button_container .p-huddles_active_tile__button {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    cursor: default;
  }
}

.p-huddles_active_tile--invited .p-huddles_active_tile__button_container .p-huddles_active_tile__button {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.p-huddles_active_section__container {
  display: flex;
  flex-wrap: wrap;
  padding: 0 12px 4px;
}

.p-huddles_active_section__emptystate {
  background: var(--p-channel_sidebar__column-bg);
  border-radius: 12px;
  color: var(--p-channel_sidebar__computed-text-color);
  padding: 16px;
  width: 100%;

  .p-huddles_active_section__emptystate__image {
    display: flex;
    justify-content: center;

    img {
      width: 186px;
    }
  }

  .p-huddles_active_section__emptystate__text {
    display: flex;
    justify-content: center;
    margin-top: 16px;

    .p-huddles_active_section__emptystate__button {
      align-items: center;
      color: var(--p-channel_sidebar__theme-text);
      display: flex;
      font-weight: 700;

      svg {
        margin-left: 2px;
      }
    }
  }
}

.p-huddles_scheduled_list_item__title {
  align-items: center;
  display: flex;
}

.p-huddles_scheduled_list_item__date_start {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-left: 16px;

  &.p-huddles_scheduled_list_item__date_start--empty_topic {
    margin-left: 0;
  }
}

.p-huddles_scheduled_list_item {
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-left: 1px solid #0000001a;
  border-right: 1px solid #0000001a;
  box-shadow: inset 0 -1px #0000001a;
  display: flex;
  height: 56px;
  padding: 10px 12px;

  &.p-huddles_scheduled_list_item__first_item {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    box-shadow: inset 0 -1px #0000001a, inset 0 1px #0000001a;
  }

  &.p-huddles_scheduled_list_item__last_item {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    margin-bottom: 16px;
  }
}

.p-huddles_scheduled_list_item__icon_column {
  margin-right: 12px;

  .p-huddles_scheduled_list_item__icon_background {
    background-color: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
    border-radius: 6px;
    height: 36px;
    padding: 8px;
    width: 36px;
  }
}

.p-huddles_scheduled_list_item__huddle_name_column {
  flex: 1;
  font-size: 15px;
  font-weight: 700;
  margin-right: 24px;

  &.p-huddles_scheduled_list_item__huddle_name_column__with_topic {
    .c-inline_channel_entity {
      font-size: 13px;
      font-weight: 400;
    }

    .c-inline_member_entity, .c-inline_mpim_entity {
      font-size: 13px;
      font-weight: 400;

      strong {
        font-size: 13px;
        font-weight: 400;
      }
    }
  }
}

.p-huddles_scheduled_list_item__participants_column {
  margin-right: 8px;

  .p-huddles_scheduled_list_item__facepile .c-avatar {
    &:not(:last-child) {
      margin-right: -4px;
    }

    &:last-child {
      align-items: center;
      display: inline-flex;
      margin-right: 0;
      width: auto !important;

      .c-avatar__additional_overlay {
        bottom: 0;
        color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
        font-size: 12px;
        left: 2px;
        position: relative;
        right: 0;
        top: 0;
      }
    }
  }
}

.p-huddles_thread_open_button__icon {
  position: relative;
}

.p-huddles_thread_open_button__badge_circle {
  --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  border: 2px solid var(--saf-0);
  border-radius: 8px;
  bottom: 60%;
  height: 10px;
  left: 60%;
  position: absolute;
  width: 10px;
}

.p-huddles_history_list_item {
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-left: 1px solid #0000001a;
  border-right: 1px solid #0000001a;
  box-shadow: inset 0 -1px #0000001a;
  display: flex;
  height: 56px;
  padding: 10px 12px;

  &.p-huddles_history_list_item__first_item {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    box-shadow: inset 0 -1px #0000001a, inset 0 1px #0000001a;
  }

  &.p-huddles_history_list_item__last_item {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    margin-bottom: 16px;
  }
}

.p-huddles_history_list_item__icon_column {
  margin-right: 12px;

  .p-huddles_history_list_item__icon_background {
    background-color: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
    border-radius: 6px;
    height: 36px;
    padding: 8px;
    width: 36px;
  }
}

.p-huddles_history_list_item__huddle_name_column {
  flex: 1;
  font-size: 15px;
  font-weight: 700;
  margin-right: 24px;

  &.p-huddles_history_list_item__huddle_name_column__with_topic {
    .c-inline_channel_entity {
      font-size: 13px;
      font-weight: 400;
    }

    .c-inline_member_entity, .c-inline_mpim_entity {
      font-size: 13px;
      font-weight: 400;

      strong {
        font-size: 13px;
        font-weight: 400;
      }
    }
  }
}

.p-huddles_history_list_item__participants_column {
  margin-right: 8px;

  .p-huddles_history_list_item__facepile .c-avatar {
    &:not(:last-child) {
      margin-right: -4px;
    }

    &:last-child {
      align-items: center;
      display: inline-flex;
      margin-right: 0;
      width: auto !important;

      .c-avatar__additional_overlay {
        bottom: 0;
        color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
        font-size: 12px;
        left: 2px;
        position: relative;
        right: 0;
        top: 0;
      }
    }
  }
}

.p-huddles_history_list_item__notes_column, .p-huddles_history_list_item__thread_column {
  height: 36px;
  margin-left: 4px;
  width: 36px;
}

.p-huddles_history_list_item__notes_column button, .p-huddles_history_list_item__thread_column button {
  align-items: center;
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.p-huddles_history_list_item__notes_column button:hover, .p-huddles_history_list_item__thread_column button:hover {
  background-color: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-huddles_section_list {
  padding: 0 12px 12px;
}

.p-huddles_section_list__divider {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 8px;
  margin-left: 8px;
}

.p-huddles_history_section {
  position: relative;
}

.p-huddles_history_section__loading {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  display: flex;
  height: 34px;
  justify-content: center;
  left: 50%;
  margin-left: -17px;
  position: absolute;
  top: 60px;
  width: 34px;
  z-index: 1;
}

.p-huddles_page {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  height: 100%;
  overflow: scroll;
  width: 100%;
}

.p-huddles_page__section_header {
  align-items: center;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  font-weight: 700;
  margin: 12px 12px 12px 20px;

  .p-huddles_page__section_header__button {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    display: flex;

    svg {
      margin-right: 4px;
      margin-top: 2px;
    }
  }

  .p-huddles_page__section_header__divider {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    flex: 1;
    height: 1px;
    margin-left: 8px;
  }
}

.p-huddles_scheduled_section {
  position: relative;
}

.p-huddles_scheduled_section__loading {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  display: flex;
  height: 34px;
  justify-content: center;
  left: 50%;
  margin-left: -17px;
  position: absolute;
  top: 60px;
  width: 34px;
  z-index: 1;
}

.p-huddles_page_sidebar_link {
  align-items: center;
  display: flex;
  width: 100%;

  .p-channel_sidebar__name {
    margin-right: auto;
  }

  .p-huddle_avatar_stack {
    margin-right: -8px;
  }

  .p-channel_sidebar__badge {
    margin-left: 0;
  }
}

.p-saved_for_later_page__list {
  .p-saved_item {
    --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.13);
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 12px;
    box-shadow: 0 0 0 1px var(--saf-0);
    margin: 16px 16px 0;
    overflow: hidden;
    padding: 0;
    transition: box-shadow 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
    width: calc(100% - 32px);

    &:hover {
      --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;
    }

    &:focus {
      outline: none;
    }
  }

  .c-virtual_list__item--focus .p-saved_item {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border-radius: 4px;
    border-radius: 12px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  }

  .p-saved_item--completed .c-icon--bookmark-filled {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }

  .p-saved_item--message {
    cursor: pointer;
  }

  .p-saved_item__background--highlight {
    animation: p-saved_item--highlight 3s forwards;
  }

  .p-saved_item__undo {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    font-weight: 400;
    margin-left: auto;
    margin-right: 8px;

    &:hover {
      text-decoration: underline;
    }
  }

  .p-saved_item__header {
    align-items: center;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    display: flex;
    flex-direction: row;
    font-weight: 700;
    min-height: 20px;
    padding: 8px 10px 8px 20px;
  }

  .p-saved_item__link {
    display: block;
    font-size: 15px;
    font-weight: 400;
    font-weight: 700;
    line-height: 1.46668;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    wbr {
      display: none;
    }
  }

  .p-saved_item__header__date_due {
    background: #f2c74433;
    border-radius: 16px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    margin-left: 12px;
    padding: 1px 10px;
    white-space: nowrap;
  }

  .p-saved_item__header__date_due--overdue {
    background: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
    color: #1d1c1d;
  }

  .p-saved_item__reminder__avatar {
    margin-right: 8px;
  }

  .p-saved_item__reminder__description {
    padding: 0 20px 16px;

    blockquote {
      margin-bottom: 0;
    }
  }

  .p-saved_item__context_msg {
    padding: 8px 20px 20px;
  }

  .p-saved_item__context_msg--hidden_message {
    padding-bottom: 32px;
  }

  .p-saved_item .c-message__actions {
    position: absolute;
    right: 20px;
    top: 12px;
  }

  .p-saved_item__inline_actions {
    margin-left: auto;
  }

  .p-saved_item__inline_actions__button--mark-done {
    border-color: #007a5a;
    color: #007a5a;
    margin-right: 6px;
    padding-left: 6px;

    &:hover {
      background-color: #007a5a;
      color: #fff;
    }
  }

  .p-saved_item__inline_actions__button--jump {
    transform: scale(-1);
  }

  .p-saved_item--file_preview {
    max-width: 594px;
    padding: 0 20px 20px;

    .c-icon--bookmark-filled {
      color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    }

    .p-file_card__preview {
      min-height: 252px;
    }
  }
}

@keyframes p-saved_item--highlight {
  20% {
    background: #f2c74433;
  }

  60% {
    background: #f2c74433;
  }
}

.c-icon_button--default {
  &.p-saved_item__action--saved, &:hover.p-saved_item__action--saved {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  }
}

.p-saved_for_later_page {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  width: 100%;

  .c-virtual_list__item--focus:after {
    content: unset;
  }

  .c-virtual_list__item:last-child {
    padding-bottom: 16px;
  }

  .c-empty_state {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
  }

  .c-empty_state__image {
    max-height: 200px;
  }
}

.p-saved_for_later_page__list_wrapper {
  flex: 1 1 auto;
}

.p-saved_for_later_page__infinite_spinner {
  height: 100%;
}

.p-saved_for_later_page__link {
  align-items: center;
  display: flex;
  width: 100%;

  .p-channel_sidebar__callout {
    margin-right: -6px;
  }
}

.p-saved_for_later_page__header {
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  display: flex;
  width: 100%;
}

.p-saved_for_later_page__header_controls {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: auto;
}

.p-saved_for_later_page__header_pref[aria-checked=true] {
  padding-left: 12px;
}

.p-saved_for_later_page__list {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.p-saved_for_later_page__footer_spacer {
  height: 16px;
}

.p-saved_for_later_page__list--focus {
  .c-virtual_list__scroll_container {
    display: flex;
    justify-content: center;
  }

  .c-virtual_list__item {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
  }
}

.p-saved_for_later_page__tabs {
  .c-tabs__tab_menu {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    padding-left: 16px;
  }

  .c-tabs__tab {
    margin: 0;
    padding: 9px 12px;
  }

  .c-tabs__tab_panel {
    height: calc(100vh - 129px);
    overflow-y: scroll;
  }

  .c-tabs__tab--highlight {
    animation: tab--highlight 0.5s 2 forwards;
  }
}

@keyframes tab--highlight {
  0% {
    background: #0000;
  }

  50% {
    background: #f2c74433;
  }

  to {
    background: #0000;
  }
}

.p-saved_for_later_page__icon {
  color: #1264a3;
}

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

.p-later_nux__banner_wrapper {
  background: rgba(var(--sk_secondary_highlight, 242, 199, 68), 0.1);
  display: flex;
  height: 252px;
  width: 100%;
}

.p-later_nux__banner {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  flex: 1 1 auto;
  padding: 24px 24px 0 40px;
  width: inherit;
}

.p-later_nux__banner--minimal_mode .p-later_nux__banner--img {
  display: none;
}

.p-later_nux__banner--content {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: inherit;
}

.p-later_nux__banner--text {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.p-later_nux__banner--text--title {
  display: flex;
  flex-shrink: 1;
  font-family: Slack-Larsseit, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -.01em;
  line-height: 40px;
  width: inherit;
}

.p-later_nux__banner--text--body {
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.38463;
  width: inherit;
}

.p-later_nux__banner--text--button {
  align-items: center;
  border-color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  border-radius: 42px;
  display: flex;
  height: 40px;
  width: 130px;
}

.p-later_nux__banner--text--button--text {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  margin-top: 2px;
}

.p-later_nux__banner--text--button:hover {
  --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-later_nux__banner__lightbulb_icon {
  background-image: url(./lightbulb-1f13342.png);
  background-size: 15px 15px;
  height: 15px;
  width: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-later_nux__banner__lightbulb_icon {
    background-image: url(./lightbulb@2x-94e9db4.png);
  }
}

.p-later_nux__banner--img {
  align-items: flex-end;
  display: flex;
  margin-top: 12px;
  min-height: 220px;
  min-width: 220px;

  img {
    max-height: 220px;
    object-fit: contain;
    width: 100%;
  }
}

@media screen and (max-width: 780px) {
  .p-later_nux__banner--img {
    display: none;
  }
}

.p-later_nux__banner--dismiss-button {
  align-self: flex-start;
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);

  &:hover {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }
}

.p-later_nux__coachmark__hero {
  align-items: center;
  background: #ffd57e;
  display: flex;
  justify-content: center;
  padding: 30px 72px 16px;

  img {
    height: 116px;
    object-fit: contain;
    width: 200px;
  }
}

.p-later_nux__coachmark--newUser {
  .c-coachmarkv2__body {
    font-size: 13px;
  }

  .c-coachmarkv2__actions {
    justify-content: center;
    margin-top: 16px;
  }

  .c-coachmarkv2__secondary_button {
    gap: 4px;
    height: 34px;
    padding: 0 11px;
    width: 292px;
  }

  &.c-coachmark--right {
    &:after, &:before {
      border-right-color: #ffd57e;
    }
  }
}

.p-calendar_header {
  display: flex;
  justify-content: flex-start;
  width: 100%;

  .p-calendar_header__navigation {
    flex-grow: 1;
    position: relative;

    i {
      cursor: pointer;

      &:hover {
        background-color: #616061;
        border-radius: 50%;
        color: #fff;
        opacity: 0.4;
      }
    }

    .disappear {
      opacity: 0.2;
    }

    .p-calendar_header__navigation-today {
      cursor: pointer;
      height: 25px;
      left: 45px;
      margin-top: -2px;
      position: absolute;
      width: 25px;

      img {
        height: inherit;
        width: inherit;
      }
    }
  }

  .p-calendar_header__date_section {
    color: #1a73e8;
    flex-grow: 4;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
  }
}

.p-event_info_modal {
  .p-event_info_modal-content {
    padding: 0 20px 20px 28px;
  }

  img {
    height: 48px;
    width: 48px;
  }

  .p-event_info_modal-meeting-provider {
    align-items: center;
    display: flex;
    padding: 20px 0;

    img {
      border-radius: 5px;
      height: 30px;
      width: 30px;
    }

    a {
      margin-left: 10px;
    }
  }

  .p-event_info_modal-inner-container {
    width: 85%;
  }
}

.p-calendar_event {
  border: 1px solid #039be5;
  border-radius: 5px;
  cursor: pointer;
  height: 36px;
  overflow: hidden;
  padding: 2px 10px;
  position: absolute;
  right: 20px;

  &.p-calendar_event__accepted {
    background-color: #039be5;
    color: #fff;
    font-size: 11px;
  }

  &.p-calendar_event__not_accepted {
    background-color: #fff;
    color: #039be5;
    font-size: 12px;
    font-weight: 500;
  }

  &.p-calendar_event__needs_action {
    background-color: #fff;
    border-color: #039be5;
    color: #039be5;
  }

  &.p-calendar_event__rsvp_none {
    background-color: #7986cb;
    border-color: #7986cb;
    color: #fff;
  }

  &.p-calendar_event__past {
    background-color: #b3e1f7;
    border: 1px solid #b3e1f7;
    color: past_event_color;
    font-size: 12px;
  }

  .p-calendar_event__meeting-provider-link {
    display: flex;
    font-size: 15px;
    height: inherit;
    position: absolute;
    right: 10px;
    top: 0;
    width: 20px;

    a {
      margin: auto;
      text-align: center;
      text-decoration: none;
      width: inherit;
    }

    i, img {
      border-radius: 5px;
      height: 20px;
      width: 20px;
    }

    i:not(.p-calendar_event__dm_huddle_link):hover, img:not(.p-calendar_event__dm_huddle_link):hover {
      height: 22px;
      text-decoration: none;
      width: 22px;
    }

    .p-calendar_event__dm_huddle_link {
      height: 10px;
      margin-left: 18px;
      margin-top: -15px;
      width: 10px;

      &:hover {
        text-decoration: none;
      }
    }
  }
}

.p-calendar_event_current_time {
  position: absolute;
  right: 20px;

  .p-calendar_event_current_time_circle {
    background-color: #ea4335;
    border-radius: 50%;
    content: '';
    height: 12px;
    margin-left: -6.5px;
    margin-top: -5px;
    width: 12px;
    z-index: 506;
  }

  .p-calendar_event_current_time_line {
    border: 1px solid #ea4335;
    content: '';
    height: 2px;
    left: 0;
    margin-top: -6.5px;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 506;
  }
}

.p-calendar_event--next {
  position: relative;
}

.p-calendar_day {
  color: #3c4043;
  font-size: 10px;
  justify-content: flex-start;
  max-width: 100%;
  overflow: hidden;
  padding: 0 20px 0 0;
  position: relative;

  .c-infinite_spinner {
    left: 43%;
    position: absolute;
    top: 43%;
  }
}

.p-calendar_day__hour_block {
  display: flex;
}

.p-calendar_day__hour_block--hidden {
  visibility: hidden;
}

.p-calendar_day__hour_block--hour_section {
  flex-basis: 60px;
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 10px;
  margin-top: -8px;
  text-align: right;
}

.p-calendar_day__hour_block--event_section {
  border-bottom: 1px solid #dadce0;
  flex-grow: 10;
}

.p-rimeto_org_chart_page {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
}

.p-rimeto_org_chart_page__header__subtitle {
  font-size: 13px;
  font-weight: 400;
}

.p-rimeto_org_chart_page_row {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 16px;
  position: relative;
  white-space: nowrap;
  transition: all .2s ease;
  transition-property: background-color, margin;

  &.reports {
    transition: all .2s ease;
    transition-property: background-color, margin;
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    margin: 0;
  }
}

.p-rimeto_org_chart_page_row_arrow {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  height: 32px;
  justify-content: center;
  padding: 0 8px;
  position: absolute;
  transition: box-shadow 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
  width: 34px;
  z-index: 2;

  &:active, &:hover {
    --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;
  }

  &.left {
    left: 2px;
    top: 25%;
  }

  &.right {
    right: 2px;
    top: 25%;
  }
}

.p-rimeto_org_chart_page_row_member_cards {
  display: flex;
  gap: 12px;
  justify-content: center;
  position: relative;

  &.reports_container {
    border-top: 2px solid rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
    padding-bottom: 24px;
    width: 100%;
  }

  &.valid_cards {
    border-top: 2px solid rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
    padding-top: 24px;
  }

  &.first {
    border-top: none;
  }

  &.reports {
    grid-gap: 12px;
    display: grid;
    grid-template-columns: repeat(3, 128px);
    padding-top: 24px;
  }
}

.p-rimeto_org_chart_page__item--dummy {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.p-rimeto_org_chart_member_card {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: box-shadow 80ms cubic-bezier(0.36, 0.19, 0.29, 1);

  &:hover {
    --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 #00000014;
  }

  &:active {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    background: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 2px var(--saf-0);
    transition: box-shadow 80ms cubic-bezier(0.36, 0.19, 0.29, 1);

    .p-rimeto_org_chart_member_card_name, .p-rimeto_org_chart_member_card_title {
      color: #fff;
    }

    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    --saf-1: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    box-shadow: 0 0 0 2px var(--saf-0), 0 1px 5px 0 var(--saf-1);

    &:hover {
      --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
      --saf-1: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
      box-shadow: 0 0 0 2px var(--saf-0), 0 1px 5px 0 var(--saf-1);
    }
  }

  .c-truncate {
    word-break: break-word;
  }
}

.p-rimeto_org_chart_member_card_outline {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  box-shadow: 0 0 0 2px var(--saf-0);
  transition: box-shadow 80ms cubic-bezier(0.36, 0.19, 0.29, 1);

  &:active, &:hover {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    --saf-1: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    box-shadow: 0 0 0 2px var(--saf-0), 0 1px 5px 0 var(--saf-1);
  }
}

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

  .p-rimeto_org_chart_member_card_name, .p-rimeto_org_chart_member_card_title {
    color: #fff;
  }
}

.p-rimeto_org_chart_member_card_avatar .c-base_icon {
  border-radius: 0;
}

.p-rimeto_org_chart_member_card_name {
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin: 12px 12px 0;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: break-spaces;
}

.p-rimeto_org_chart_member_card_title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: break-spaces;
  display: -webkit-box;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
  margin: 0 12px;
  overflow: hidden;
}

.p-rimeto_org_chart_member_card_title_skeleton {
  margin: 8px 12px;
}

.p-rimeto_org_chart_member_card_reports_container {
  margin-left: auto;
}

.p-rimeto_org_chart_member_card_reports {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  --saf-1: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 2px 8px 0 var(--saf-1);
  box-sizing: border-box;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  height: 24px;
  justify-content: center;
  line-height: 1.50001;
  margin-right: 8px;
  margin-top: -34px;
  padding: 0 4px;
  position: relative;
  z-index: 2;
}

.p-rimeto_org_chart_member_card_tick {
  border-right: 2px solid rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
  height: 48px;
  margin-top: 2px;
  width: 50%;
}

.p-rimeto_org_chart_member_card_tick_placeholder {
  height: 48px;
  margin-top: 2px;
  width: 50%;
}

.p-rimeto_org_chart_member_card_dim {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  -ms-filter: grayscale(1);
  filter: grayscale(1);
}

.p-rimeto_org_chart_member_card_reports--dummy {
  display: flex;
  height: 20px;
  margin-top: -16px;
}

.p-sfdc_record_modal {
  padding: 5px 15px 0 21px;

  .slds-scope {
    .slds-grid {
      width: 500px;
    }

    .slds-datepicker__filter {
      width: 300px;
    }
  }

  .slds-card {
    border: 0 !important;
  }
}

.p-sales_home_header__subtitle {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
}

@keyframes p-floating_sidebar_coachmark_delay {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.p-floating_sidebar_coachmark {
  animation: p-floating_sidebar_coachmark_delay .15s step-end;
  opacity: 1;

  &:after, &:before {
    left: 28px;
  }
}

.p-floating_sidebar_coachmark__title {
  margin-bottom: 8px;
}

.p-a11y_prefs_setup_coachmark {
  --prefs_setup_coachmark_bg: rgba(var(--sk_highlight, 18, 100, 163), 1);
  --prefs_setup_coachmark_fg: #fff;
}

.sk-client-theme--dark .p-a11y_prefs_setup_coachmark {
  --prefs_setup_coachmark_bg: #f8f8f8;
  --prefs_setup_coachmark_fg: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
}

.p-a11y_prefs_setup_coachmark {
  background: var(--prefs_setup_coachmark_bg, rgba(var(--sk_highlight, 18, 100, 163), 1));
  color: var(--prefs_setup_coachmark_fg, #fff);
  font-size: 15px;
  padding: 20px;
  width: 348px;

  .c-coachmark__close {
    height: 24px;
    left: 7px;
    top: 1px;
    width: 24px;

    .c-icon:before {
      font-size: 20px;
    }

    &.c-icon_button--default, &.c-icon_button--light {
      color: var(--prefs_setup_coachmark_fg, #fff);

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

    &.c-icon_button--default:focus, &.c-icon_button--light:focus {
      border-radius: 4px;
      box-shadow: 0 0 0 1px #fff, 0 0 0 5px #ffffff4d;
      color: var(--prefs_setup_coachmark_fg, #fff);
    }
  }

  &.c-coachmark {
    &:after, &:before {
      border-width: 8px;
    }
  }

  &.c-coachmark--top {
    &:after, &:before {
      border-top-color: var(--prefs_setup_coachmark_bg, rgba(var(--sk_highlight, 18, 100, 163), 1));
    }
  }

  &.c-coachmark--bottom-left {
    &:after, &:before {
      border-bottom-color: var(--prefs_setup_coachmark_bg, rgba(var(--sk_highlight, 18, 100, 163), 1));
    }
  }

  &.c-coachmark--left {
    &:after, &:before {
      border-left-color: var(--prefs_setup_coachmark_bg, rgba(var(--sk_highlight, 18, 100, 163), 1));
    }
  }

  &.c-coachmark--bottom {
    &:after, &:before {
      border-bottom-color: var(--prefs_setup_coachmark_bg, rgba(var(--sk_highlight, 18, 100, 163), 1));
    }
  }

  &.c-coachmark--right {
    &:after, &:before {
      border-right-color: var(--prefs_setup_coachmark_bg, rgba(var(--sk_highlight, 18, 100, 163), 1));
    }
  }
}

.p-a11y_prefs_setup_coachmark__container {
  display: flex;
}

.p-a11y_prefs_setup_coachmark__emoji {
  font-size: 20px;
  height: 20px;
  margin-left: 8px;
  margin-right: 16px;
  width: 20px;

  .p-a11y_prefs_setup_coachmark__emoji__icon {
    font-size: 24px;
    left: 18px;
    position: absolute;
    top: 25px;
  }

  .p-a11y_prefs_setup_coachmark__emoji__orange_circle {
    background-color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
    border-radius: 50%;
    height: 13px;
    left: 24px;
    position: absolute;
    top: 25px;
    width: 12px;
  }
}

.p-a11y_prefs_setup_coachmark__text {
  font-size: 15px;
}

.p-a11y_prefs_setup_coachmark__primary_cta_link {
  color: var(--prefs_setup_coachmark_fg, #fff);
  margin-left: -12px;
  margin-top: 12px;
  padding: 2px 6px 6px 8px;
  width: -moz-fit-content;
  width: fit-content;

  &:hover {
    color: var(--prefs_setup_coachmark_fg, #fff);
    text-decoration: none;
  }

  &:focus {
    border-radius: 4px;
    box-shadow: 0 0 0 1px #fff, 0 0 0 5px #ffffff4d;
    color: var(--prefs_setup_coachmark_fg, #fff);
  }
}

.p-a11y_prefs_setup_coachmark__cta__container {
  border-bottom: 1px solid var(--prefs_setup_coachmark_fg, #fff);
}

.p-a11y_prefs_setup_coachmark__primary_cta_link .c-icon--arrow-right:before {
  font-size: 22px;
  top: 57%;
}

.sk-client-theme--dark .p-a11y_prefs_setup_coachmark {
  ::selection, ::-moz-selection {
    background-color: highlight;
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  }

  .c-coachmark__close {
    &.c-icon_button--default:focus, &.c-icon_button--light:focus {
      --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
      --saf-1: rgba(var(--sk_inverted_foreground, 255, 255, 255), 0.3);
      border-radius: 4px;
      box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
    }
  }

  .p-a11y_prefs_setup_coachmark__primary_cta_link {
    &.c-link--button:focus, &.c-link--focus-visible:focus {
      --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
      --saf-1: rgba(var(--sk_inverted_foreground, 255, 255, 255), 0.3);
      border-radius: 4px;
      box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
    }
  }
}

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

.p-view_header_hover_card__overlay {
  z-index: 999;
}

.p-view_header_hover_card__popover {
  position: absolute;
  transition: opacity 80ms linear;
  z-index: 1000;
}

.p-view_header_hover_card__container {
  display: inline-flex;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  word-break: break-word;
}

.p-view_header_hover_card__popover_arrow {
  background: #0000;
  border-bottom: 14px solid rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
  border-left: 14px solid #0000;
  border-right: 14px solid #0000;
  position: absolute;
  right: 4px;
  top: -8px;
}

.p-toggle_channel_space_preview {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  -ms-overflow-style: none;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  overflow-y: scroll;
  scrollbar-width: none;

  .p-field_group {
    border: none;
    margin: 0;
  }

  .p-field__title {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    margin-left: 0;
    margin-right: 0;
  }

  .p-message_block_document_unfurl {
    position: relative;
  }

  button {
    width: 100%;
  }

  .c-message_actions__container {
    min-width: 32px;
  }

  .c-pillow_file_container {
    margin-bottom: 8px;
  }

  .p-bookmarks_bar__add_bookmark_button {
    display: none;
  }

  .parts-screen {
    border-radius: 8px;
    overflow: hidden;
  }

  .c-file__actions, .p-embedded_message_unfurl_actions, .p-embedded_user_profile_unfurl_actions {
    display: none;
  }

  .p-embedded_generic_pins__collapse {
    width: 32px;
  }

  .p-bookmarks_bar__pins_popover_button_wrapper, &::-webkit-scrollbar {
    display: none;
  }
}

.p-toggle_channel_space_preview__title {
  font-weight: 700;
}

.p-toggle_channel_space_preview__subtitle {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 4px;
  margin-top: 4px;
}

.p-toggle_channel_space_preview__content {
  cursor: pointer;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.p-toggle_channel_space_preview__loading {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  padding: 28px;
}

.p-toggle_channel_space_preview__see_more_button {
  justify-content: center;
  margin-bottom: 8px;
  margin-top: 8px;
}

.p-toggle_channel_space_preview_empty_state {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  -ms-overflow-style: none;
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #00000014;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow-y: scroll;
  padding: 16px 16px 0;
  scrollbar-width: none;

  &::-webkit-scrollbar {
    display: none;
  }
}

.p-toggle_channel_space_preview_empty_state__img_container {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
  margin-top: 8px;
  min-height: 75px;
  width: 100%;
}

.p-toggle_channel_space_preview_empty_state__subtitle {
  font-size: 15px;
  font-weight: 800;
  margin-bottom: 8px;
  width: 100%;
}

.p-toggle_channel_space_preview_empty_state__body {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 15px;
  margin-bottom: 20px;
  text-align: left;
}

.p-toggle_channel_space_preview_empty_state__open_button {
  font-size: 13px;
  height: 28px;
  width: 100%;
}

.p-toggle_channel_space_nux {
  .p-lottie svg {
    border-radius: 8px 8px 0 0;
  }

  .c-coachmarkv2__hero {
    display: block;
  }

  .c-coachmarkv2__actions {
    justify-content: space-between;
  }

  .c-coachmarkv2__secondary_button {
    border: none;
    box-shadow: none;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    padding-left: 0;
  }

  &:before {
    bottom: 99.9%;
  }

  &:after {
    border-bottom-color: #f2c744;
  }

  .c-coachmarkv2__secondary_button:hover {
    background: none;
    box-shadow: none;
    text-decoration: underline;
  }
}

.p-toggle_channel_space_nux__non_animated_hero {
  width: 100%;
}

.p-toggle_channel_space_nux--channel {
  &:after {
    border-bottom-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  }

  .c-coachmarkv2__close {
    color: rgba(var(--sk_inverted_background, 29, 28, 29), 1);
  }
}

.p-view_header {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  box-shadow: 0 1px 0 0 var(--saf-0);
  display: flex;
  flex-shrink: 0;
  height: 49px;
  padding: 0 16px 0 20px;
  z-index: 3;
}

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

.p-view_header--without-bookmarks-bar {
  z-index: 202;
}

.p-view_header--with-bookmarks-bar {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  z-index: 202;
}

.p-view_header--with-channel-canvas {
  padding: 0 12px 0 20px;
}

.p-view_header--with-channel-tabs {
  border: none;
  box-shadow: none;
}

.p-view_header__text {
  align-items: baseline;
  display: flex;
  flex: 1 1 0;
  min-width: 0;
}

.p-view_header__coachmark_anchor {
  flex: 0 1 auto;
  min-width: 0;
}

.p-view_header__big_button {
  border-radius: 6px;
  font-weight: 900;
  margin-left: -8px;
  margin-right: 8px;
  padding: 3px 8px;
  width: 100%;

  &:not(.p-view_header__big_button--inactive) {
    &:hover {
      background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    }

    &:active {
      background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    }
  }
}

.p-view_header__title {
  align-items: baseline;
  display: flex;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
}

.p-view_header__truncated_text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-view_header__custom_status {
  margin-left: 4px;
}

.p-view_header__bell {
  align-self: center;
  font-size: 16px;
  margin-left: 6px;
  margin-right: 2px;
}

.p-view_header__channel_title_icon {
  margin-right: 2px;
  vertical-align: text-bottom;
}

.p-view_header__channel_title_shared_icon {
  align-self: center;
  margin-left: 2px;
  top: .0625em;
  vertical-align: text-bottom;
}

.p-view_header__big_button--app, .p-view_header__big_button--dm {
  margin-left: -4px;
  padding: 3px 8px 3px 3px;
}

.p-view_header__big_button--doc {
  width: -moz-fit-content;
  width: fit-content;
}

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

.p-view_header__big_button--app .p-view_header__title, .p-view_header__big_button--dm .p-view_header__title {
  align-items: center;
}

.p-view_header__avatar {
  height: 24px;
  margin-right: 8px;
  position: relative;

  .c-avatar {
    cursor: pointer;
  }
}

.p-view_header__avatar__presence {
  bottom: -6px;
  position: absolute;
  right: -8px;
}

.p-view_header__avatar__presence--stroke {
  bottom: -6px;
  position: absolute;
  right: -8px;
  -webkit-text-stroke: 4px rgba(var(--sk_primary_background, 255, 255, 255), 1);
  color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
}

.p-view_header__big_button {
  &:hover .p-view_header__avatar__presence--stroke {
    -webkit-text-stroke: 4px rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }

  &:active .p-view_header__avatar__presence--stroke {
    -webkit-text-stroke: 4px rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  }
}

.p-view_header__avatar__presence--stroke.c-presence--away:after {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 100%;
  content: '';
  display: block;
  height: 10px;
  position: absolute;
  top: 6px;
  width: 10px;
}

.p-view_header__big_button {
  &:hover .p-view_header__avatar__presence--stroke.c-presence--away:after {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }

  &:active .p-view_header__avatar__presence--stroke.c-presence--away:after {
    background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  }
}

.p-view_header__app_title_icon {
  margin-right: 8px;
}

.p-view_header__big_button--page {
  margin: 0;
  padding: 0;
  width: 100%;

  .p-view_header__title {
    align-items: center;
  }

  .p-ia__view_header__title {
    align-items: baseline;
    display: flex;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.33334;
    white-space: nowrap;

    > {
      .p-all_unreads_header__header__sort_and_filter, .p-ia__view_header__subtitle {
        align-self: baseline;
        margin-left: 8px;
      }
    }
  }
}

.p-view_header__big_button__tooltip {
  font-weight: 400;
  text-align: initial;
}

.p-view_header__big_button__tooltip_header {
  font-weight: 700;
}

.p-view_header__big_button__tooltip_topic {
  color: #868686;
}

.p-view_header .p-ia__view_header__sidebar_toggle_button {
  margin-left: -2px;
  margin-right: 8px;
}

.p-view_header__topic_container {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  flex: 1 1 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-right: 8px;
  min-width: 96px;

  .p-classic_nav__model__title__info__topic__edit {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    display: none;
    margin-left: 8px;
  }

  &:hover .p-classic_nav__model__title__info__topic__edit {
    display: inline-flex;

    &:hover {
      text-decoration: underline;
    }
  }

  .p-classic_nav__model__title__info__topic--focus-within .p-classic_nav__model__title__info__topic__text, .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text {
    min-width: unset;
  }
}

.p-workspace__tiles .p-view_header__topic_container {
  display: none;
}

.p-workspace__tiles--large .p-view_header__topic_container {
  display: block;
}

.p-view_header__topic_container--dm_topic {
  align-self: center;
}

.p-view_header__topic_container--truncated .p-view_header__topic {
  margin-right: 8px;
  max-width: 540px;
  max-width: min(70%, 540px);
  min-width: 96px;
}

.p-view_header__topic {
  &.p-classic_nav__model__title__info__topic--focus-within .p-classic_nav__model__title__info__topic__text:before, &.p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before {
    bottom: -8px;
    content: none;
    left: -12px;
    right: -12px;
    top: -8px;
  }
}

.p-view_header__topic_container--truncated .p-view_header__topic {
  &.p-classic_nav__model__title__info__topic--focus-within .p-classic_nav__model__title__info__topic__text:before, &.p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before {
    content: '';
  }
}

.p-view_header__actions {
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  display: flex;
  flex: 0 0 auto;
  margin-left: auto;
  z-index: 0;
}

.p-view_header__menu .c-menu_item__button {
  align-items: baseline;
}

.p-view_header__menu_item .c-menu_item__description {
  line-height: 1.38463;
  overflow-x: initial;
  text-overflow: unset;
  white-space: normal;
}

.p-view_header__custom_menu_header {
  .c-menu_item__button, &.c-menu_item__li {
    line-height: unset;
  }

  .c-menu_item__button--highlighted {
    background-color: unset;
    color: unset;
  }
}

.p-view_header__menu {
  .p-about_modal__mpdm_avatars {
    position: relative;
    z-index: 1;
  }

  .p-about_modal__member_name {
    white-space: normal;
  }

  .p-about_modal__mpdm_avatars .p-about_modal__member_avatar img {
    border-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }

  .p-about_modal__member_title {
    line-height: 1.46668;
  }
}

.p-view_header__slack_connect_menu_description {
  margin-bottom: 8px;
}

.p-view_header__slack_connect_team_icons {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;

  .c-team_icon {
    --saf-0: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    box-shadow: 0 0 0 2px var(--saf-0);

    &:not(:last-child) {
      margin-left: -5px;
    }
  }
}

.p-view_header__menu .c-menu_item__button--highlighted .c-team_icon {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  box-shadow: 0 0 0 2px var(--saf-0);
}

.p-view_header .p-ia__view_header__button:not(.p-ia__view_header__button--close_tile):not(.p-ia__view_header__button--detach_window) {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
}

.p-view_header__coachmark {
  max-width: 347px;
}

.p-view_header--stacked {
  height: auto;
  padding: 0;

  .p-view_header__actions {
    position: absolute;
    right: 5px;
    top: 5px;
  }

  .p-view_header__title {
    flex-direction: column;
  }

  .p-ia__view_header__title {
    align-items: center;
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    height: 50px;
    padding: 0 16px 0 20px;
    width: 100%;
  }

  .p-ia__view_header__sub_title {
    align-items: center;
    display: flex;
    font-size: 13px;
    font-weight: 400;
    height: 36px;
    line-height: 1.38463;
    padding: 0 16px 0 20px;
    width: 100%;

    .p-ia__view_header__button {
      margin-left: unset;
    }

    .p-ia__view_header__primary_button {
      color: #1264a3;
      font-weight: 700;
      height: 28px;
      margin-left: unset;
      min-height: unset;
    }

    .p-ia__view_header__button--with_label {
      margin-right: 8px;
    }
  }
}

.p-view_header__avatar_stack_wrapper {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 4px;
  height: 28px;
  position: relative;
  z-index: 300;

  .p-avatar_stack--details {
    margin-left: 0;
  }

  .p-view_header__avatar_stack_coachmark_header {
    font-size: 18px;
    font-weight: 900;
    line-height: 1.33334;
  }
}

.p-view_header__avatar_stack_coachmark {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  left: -297px;
  padding: 20px;
  position: absolute;
  top: 52px;
  width: 350px;
}

.p-ia__view_header__spacer {
  flex: 1 0 8px;
}

.p-ia__view_header__metadata, .p-ia__view_header__subtitle {
  align-self: stretch;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  flex-shrink: 9999;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin: 0;
}

.p-ia__view_header__button {
  align-items: center;
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.38463;
  margin-left: 4px;
  padding: 8px;

  &.p-ia__view_header__button--deprecated-spacing {
    margin-left: 12px;
  }

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

  &:active {
    background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.p-ia__view_header__button--icon_only {
  display: none;
}

.p-ia__view_header__button--with_label .p-ia__view_header__button_icon {
  margin-right: 8px;
}

@media screen and (max-width: 1070px) {
  .p-ia__view_header__button--with_label, .p-ia__view_header__button_text {
    display: none;
  }

  .p-ia__view_header__button--icon_only {
    display: inline;
  }
}

.p-ia__view_header__sidebar_toggle_button {
  align-items: center;
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: inline-flex;
  height: 32px;
  justify-content: center;
  margin-right: 9px;
  min-width: 32px;
  position: relative;
  width: 32px;

  .p-ia__view_header__sidebar_toggle_dot {
    right: -1px;
    top: 0;

    &.p-team_sidebar__unread_dot {
      background-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
      border-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    }
  }

  .p-ia__view_header__sidebar_toggle_dot--mentions.p-team_sidebar__unread_dot {
    background-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  }

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

    .p-ia__view_header__sidebar_toggle_dot.p-team_sidebar__unread_dot {
      border-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    }
  }

  &:active {
    background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);

    .p-ia__view_header__sidebar_toggle_dot.p-team_sidebar__unread_dot {
      border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    }
  }
}

.p-view_header--inset {
  border-radius: 8px 8px 0 0;

  &.p-view_header--inset--secondary_showing {
    border-radius: 8px 0 0 0;
  }
}

.p-ia__view_header_edit_search_link {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-left: 8px;
}

.p-threads_view {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.p-threads_view--showing_drag_overlay {
  overflow: hidden;
}

#client-ui .p-threads_view {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-threads_view_root {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.p-threads_view_reply, .p-threads_view_root {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 1px solid var(--saf-0);
  border-bottom: none;
}

.p-threads_view_reply {
  border-top: none;
}

.p-threads_view_reply--new_reply {
  background: #1d9bd11a;
}

.p-threads_view .c-message_kit__thread_message {
  .c-message_kit__gutter, .c-message_kit__tombstone {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-message_kit__labels__label {
    padding-left: 20px;
  }

  .c-message_kit__gutter--compact, .c-message_kit__labels--dense .c-message_kit__labels__label {
    padding-left: 12px;
  }
}

.p-threads_view_header {
  margin-bottom: 12px;
  margin-left: 24px;
  margin-right: 28px;
}

.p-threads_view_header--first {
  margin-top: 16px;
}

.p-threads_view_header__permalink {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1) !important;
  font-weight: 700;

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

.p-threads_view_header__channel_name {
  cursor: pointer;
  white-space: normal;
}

.p-threads_view_header__participant_list {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: block;
  font-size: 12px;
  margin-left: 4px;
}

.p-threads_view_load_newer_message, .p-threads_view_load_older_message {
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  cursor: pointer;
  display: flex;
  height: 32px;
  line-height: 32px;
  padding-left: 20px;
}

.p-threads_view_load_newer_message:hover, .p-threads_view_load_older_message:hover {
  background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
}

.p-threads_view_load_newer_message:hover .p-threads_view_load_newer_message__text, .p-threads_view_load_older_message:hover {
  text-decoration: underline;
}

.p-threads_view_load_older_message--with-gutter {
  padding-left: 68px;
}

.p-threads_view_load_newer_message--with-gutter {
  padding-left: 50px;
}

.p-threads_view_load_newer_message__blue_dot {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  cursor: default;
  font-size: 20px;
  margin-right: 4px;
  margin-top: -1px;
}

.p-threads_view__divider {
  height: 0;
  margin-bottom: 20px;
  margin-top: 32px;
  position: relative;
  text-align: center;
  transition: all 0.3s ease;
}

.p-threads_view__divider--first {
  margin-top: 40px;
}

.p-threads_view__divider_line {
  border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  height: 0;
  position: absolute;
  top: 50%;
  width: 100%;
}

.p-threads_view__divider_label {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-radius: 1rem;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: inline-block;
  font-weight: 700;
  padding: .25rem .75rem;
  position: relative;
  transform: translateY(-50%);
}

.p-threads_view__divider_spinner {
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
}

.p-threads_view__loading_more_threads {
  margin-bottom: 56px;
  text-align: center;
}

.p-threads_view__unread_divider {
  display: flex;
  margin: 0 17px;
  pointer-events: none;
}

.p-threads_view__footer {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 1px solid var(--saf-0);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-top: none;
  margin-bottom: 8px;
  padding-top: 8px;
  position: relative;
}

.p-threads_view__top_banners {
  display: flex;
  left: 16px;
  position: absolute;
  right: 16px;
  top: 5px;
  z-index: 201;
}

body:not(.p-client_desktop--ia-top-nav) .p-threads_view .p-threads_view__top_banners:not(:empty):before {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  content: '';
  height: 9px;
  position: absolute;
  top: -5px;
  width: 100%;
  z-index: 200;
}

.p-threads_view_sender--compact {
  margin-left: -8px;
}

.p-threads_view .c-message_kit__labels--dense .c-message_kit__labels__label {
  margin-left: 36px;
}

.p-client_desktop--ia-top-nav .p-threads_view .p-new_threads_banner, .p-threads_view .p-new_threads_banner {
  background: #1264a3;
  border-radius: 14px;
  color: #fff;
  display: flex;
  flex: 1;
  font-size: 13px;
  font-weight: 700;
  height: 28px;
  line-height: 28px;
  margin-bottom: 4px;
  min-width: 0;
  text-shadow: none;
  z-index: 200;
}

.p-client_desktop--ia-top-nav .p-threads_view .p-new_threads_banner:not(.p-new_threads_banner--reload), .p-threads_view .p-new_threads_banner:not(.p-new_threads_banner--reload) {
  padding-left: 0;
  padding-right: 0;
}

.p-client_desktop--ia-top-nav .p-threads_view .p-new_threads_banner > .c-button-unstyled:first-of-type, .p-threads_view .p-new_threads_banner > .c-button-unstyled:first-of-type {
  border-bottom-left-radius: 14px;
  border-top-left-radius: 14px;
  padding-left: 8px;
  padding-right: 8px;
}

.p-client_desktop--ia-top-nav .p-threads_view .p-new_threads_banner > .c-button-unstyled:last-of-type, .p-threads_view .p-new_threads_banner > .c-button-unstyled:last-of-type {
  border-bottom-right-radius: 14px;
  border-top-right-radius: 14px;
}

.p-client_desktop--ia-top-nav .p-threads_view .p-new_threads_banner > .c-button-unstyled:hover, .p-threads_view .p-new_threads_banner > .c-button-unstyled:hover {
  background: #0b4c8c;
}

.p-client_desktop--ia-top-nav .p-threads_view .p-new_threads_banner .p-threads_view__banner__icon, .p-threads_view .p-new_threads_banner .p-threads_view__banner__icon {
  left: auto;
  margin-right: 4px;
  position: relative;
  top: 2px;
}

.p-client_desktop--ia-top-nav .p-threads_view .p-new_threads_banner .p-threads_view__unread_banner__close_icon {
  border-bottom-right-radius: 14px;
  border-top-right-radius: 14px;
  height: 28px;
  padding-right: 2px;
  padding-top: 1px;
  text-align: center;
  width: 36px;
}

.p-threads_view {
  .p-new_threads_banner {
    .p-threads_view__unread_banner__close_icon {
      border-bottom-right-radius: 14px;
      border-top-right-radius: 14px;
      height: 28px;
      padding-right: 2px;
      padding-top: 1px;
      text-align: center;
      width: 36px;
    }

    &.p-new_threads_banner--reload {
      padding: 0 16px 0 8px;

      .c-icon--reload-small {
        top: 3px;
      }
    }
  }

  .p-new_threads_banner__cta {
    font-weight: 400;
    margin-left: 4px;
  }
}

.p-threads_view__drag_overlay_container {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.p-threads_view__drag_overlay {
  background: #0000;
}

.p-threads_view .c-virtual_list__item--focus:focus:after {
  left: 16px;
  right: 16px;
}

.p-threads_view--tile {
  .p-threads_view_header {
    margin-left: 12px;
  }

  .p-threads_view_root {
    border-left: none;
    border-radius: 0;
    border-right: none;
  }

  .p-threads_view_reply {
    border: none;
  }

  .p-threads_view__footer {
    border-left: none;
    border-radius: 0;
    border-right: none;
  }

  .p-multi_thread_background {
    margin: 0 16px;
  }

  .c-message_kit__thread_message {
    .c-message_kit__gutter, .c-message_kit__tombstone {
      padding-left: 16px;
    }
  }

  .p-threads_footer__input_container {
    margin-left: 20px;
    margin-right: 20px;
  }
}

.p-tiles__container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.p-tiles__tile {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-width: 0;
  outline: none;
  position: relative;

  .p-flexpane_header__control--close, .p-ia__view_header__button--close_tile {
    margin-left: 0;
  }

  .p-ia__view_header__primary_button--drafts {
    margin-right: 8px;
  }
}

.p-tiles__tile--active:after {
  display: none;
}

.p-tiles__container--has_primary_tile {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  width: 100%;

  .p-tiles__tile {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 4px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #0000001a;
    margin: 12px;
    overflow: hidden;

    &:nth-child(2) {
      margin-left: 0;
    }

    .p-flexpane--iap1 .p-flexpane_header, .p-view_header--tiles:not(.p-view_header--stacked) {
      padding-right: 8px;
    }

    .p-flexpane--iap1 .p-flexpane_header .p-flexpane_header__control--back {
      margin-right: 0;
      position: relative;
      right: 8px;
    }

    .p-view_header--tiles {
      &:not(.p-view_header--stacked) {
        .p-flexpane_header__control--back {
          margin-right: 0;
          position: relative;
          right: 8px;
        }

        height: 51px;
        z-index: 201;
      }

      &:not(.p-view_header--with-bookmarks-bar, .p-view_header--stacked) {
        border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
      }

      &.p-view_header--with-bookmarks-bar {
        z-index: 202;
      }
    }

    .p-flexpane--iap1 .p-flexpane_header__primary {
      height: 50px;
    }
  }
}

.p-tiles__container--multiverse {
  background: var(--p-channel_sidebar__column-bg);

  .p-tiles__tile {
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 0 8px;

    .p-flexpane--iap1 .p-flexpane_header__primary, .p-view_header--tiles:not(.p-view_header--stacked) {
      height: 49px;
    }
  }
}

.p-tiles__minimized {
  bottom: 16px;
  position: absolute;
  right: 16px;
  text-align: right;
  z-index: 1000;
}

.p-tiles__minimized_tile {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: var(--p-channel_sidebar__column-bg);
  border-radius: 30px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 18px 48px 0 #00000014;
  display: inline-flex;
  margin-top: 12px;
  padding: 8px 28px 8px 32px;
}

.p-tiles__minimized_tile__title {
  align-items: center;
  display: flex;
  margin-right: 8px;

  .p-view_header__truncated_text {
    margin-right: 8px;
  }

  .c-icon_button {
    display: none;
  }
}

.p-tiles__heading {
  align-items: center;
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  height: 52px;
  justify-content: space-between;
  min-width: 0;
  padding: 0 12px 0 16px;
}

.p-tiles__title_set {
  align-items: baseline;
  display: flex;
}

.p-tiles__title {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
}

.p-tiles__subtitle {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin: 0 8px;
}

.p-tiles__subtitle_truncated {
  display: inline-flex;
}

.p-tiles__content {
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 0 12px;
  position: absolute;
  right: 0;
  top: 52px;
}

.p-tiles__pins_loading_spinner {
  margin: 32px auto;
}

.p-tiles__pins {
  .p-pinned_items {
    margin-top: 4px;
  }

  .p-pinned_message_text {
    overflow: unset;
    text-overflow: unset;
    white-space: unset;

    * {
      white-space: unset;
    }
  }

  .p-pinned_items__item {
    .p-pinned_items__remove_item--show_only_if_hovered {
      display: none;
    }

    &:hover .p-pinned_items__remove_item--show_only_if_hovered {
      display: block;
    }
  }
}

.p-tiles__content--channel_membership {
  display: flex;
  padding: 0;

  .p-ia_details_popover__members_search_input_wrapper {
    padding: 0 16px 24px;
  }

  .p-ia_details_popover__members_list_item {
    padding-left: 0;
    padding-right: 0;
  }

  .p-ia_details_popover__members_list_item_add {
    padding: 12px 16px;
  }

  .p-ia_details_popover__no_results {
    padding: 16px;
  }

  .c-base_list_entity--medium, .p-ia_details_popover__members_list_item_heading {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.p-tiles__nonexistent {
  height: 100%;
  position: relative;
}

.p-tiles__nonexistent__message {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
}

.p-tiles__nonexistent__lock {
  color: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
  font-size: 48px;
  padding-bottom: 28px;
}

.p-tiles__nonexistent__close_button {
  position: absolute;
  right: 8px;
  top: 8px;
}

.p-app_space {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  width: 100%;
}

.p-app_space__header {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
}

.p-app_space__subheader {
  display: flex;
  font-size: 15px;
  font-weight: 400;
  font-weight: 900;
  justify-content: space-between;
  line-height: 1.46668;
  margin: 0 0 8px;
  padding: 0 20px;
  width: 100%;
}

.p-app_space__subheader__helper {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-app_space_profile {
  height: 100%;
  margin: 4px;
  overflow-y: auto;
  -webkit-user-select: text;
  user-select: text;
}

.supports_custom_scrollbar .p-app_space_profile {
  border-right: 0.25rem solid #0000;

  &::-webkit-scrollbar {
    -webkit-appearance: none;
    position: absolute;
    width: 8px;
  }

  &::-webkit-scrollbar-thumb {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
  }

  &::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
    background: #0000;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
  }

  &::-webkit-scrollbar-thumb {
    background: #0000;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px;
  }

  &::-webkit-scrollbar-corner {
    background: #0000;
  }

  &:hover {
    border-right: 0.25rem solid #0000;

    &::-webkit-scrollbar {
      -webkit-appearance: none;
      position: absolute;
      width: 8px;
    }

    &::-webkit-scrollbar-thumb {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
    }

    &::-webkit-scrollbar-track {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
      background: #0000;
      box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
    }

    &::-webkit-scrollbar-thumb {
      background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.52);
      box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
      min-height: 36px;
    }

    &::-webkit-scrollbar-corner {
      background: #0000;
    }
  }
}

.p-app_space_profile--focus {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
  outline: none;
}

.p-app_space_profile:focus {
  outline: none;
}

.p-app_space_profile__info {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  margin-bottom: 24px;
  padding: 28px 20px 20px;

  .p-app_profile_card__installation_summary {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.46668;
    padding: 0;
  }
}

.p-app_space_profile__side {
  flex: 1 1 0;
  margin-right: 16px;
  max-width: 220px;
  width: 140px;
}

.p-app_space_profile__side__avatar {
  margin-bottom: 12px;

  img {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0);
    width: 100%;
  }
}

.p-app_space_profile__side__links {
  display: flex;
  flex-direction: column;
}

.p-app_space_profile__side_link {
  margin-bottom: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
}

[lang=ru-RU] .p-app_space_profile__side_link {
  font-size: 14px;
}

.p-app_space_profile__side_link:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1279px) {
  .p-app_space_profile__side_link {
    font-size: 12px;
  }
}

.p-app_space_profile__about {
  flex: 3 1 0;
}

.p-app_space_profile__description {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  width: 100%;

  .para_break {
    display: block;
    height: 8px;
  }
}

.p-app_space_profile__disclaimer {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 8px;
  margin-top: 1.6px;
}

.p-app_space_profile__slash_commands {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  margin-bottom: 24px;
}

.p-app_space_profile__slash_command {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  justify-content: space-between;
  padding: 16px 20px;

  &:last-child {
    border: none;
  }

  strong {
    margin-right: 4px;
  }
}

.p-app_space_profile__slash_command_desc {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: 4px;
}

.p-app_space_profile__screenshots {
  align-items: flex-start;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 24px;
  padding: 20px 20px 10px;
}

.p-app_space_profile__screenshots_item {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0);
  display: inline-block;
  height: 112.5px;
  margin: 0 10px 10px 0;
  position: relative;
  transition: box-shadow .2s ease;
  width: 180px;

  &:hover {
    --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 #00000014;
  }

  > img {
    height: 112.5px;
    object-fit: cover;
    width: 180px;
  }
}

.p-app_space_profile__youtube_play_button {
  background-color: #0006;
  border-radius: 35px;
  height: 70px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  text-align: center;
  text-shadow: 0 1px 1px #00000080;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 70px;

  .c-icon {
    color: #fff;
    display: inline;
    font-size: 35px;
    line-height: 65px;
    opacity: 0.7;
  }
}

.p-app_space_profile__privacy_disclaimer {
  color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-top: 16px;
}

.p-app_home {
  display: flex;
  height: 100%;
  margin: 4px 4px 0;
  overflow-y: auto;
  position: relative;
}

.p-app_home_uta {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.p-app_home--focus {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
  outline: none;
}

.p-app_home:focus {
  outline: none;
}

.p-app_home__header {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.3333;
}

.p-app_home__sub_header {
  font-size: 16px;
  font-weight: 900;
  line-height: 1.3333;
}

.p-app_home__info {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  margin-bottom: 8px;
  margin-top: 8px;
  padding: 16px;
  width: 100%;
}

.p-app_home__blockkit_loading_error {
  align-self: center;
  padding: 28px 80px 80px;
  text-align: center;
  width: 100%;
}

.p-app_home__blockkit_loading_error__content {
  margin: 8px auto;
  max-width: 300px;
}

.p-app_home__info_icon {
  background: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  flex: 1;
  height: 100px;
  max-width: 100px;
}

.p-app_home__info_description {
  flex: 2;
  padding-left: 16px;
  padding-right: 16px;
}

.p-app_home__info_dismiss {
  flex: 1;
  height: 100px;
  max-width: 100px;
}

.p-app_home__shortcuts {
  padding: 16px;
}

.p-app_home__shortcuts_card_container {
  display: flex;
}

.p-app_home__shortcuts_card {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  box-shadow: inset 0 -1px 0 0 var(--saf-0);
  cursor: pointer;
  flex: 1;
  margin-right: 10px;
  margin-top: 10px;
  max-width: 300px;
  padding: 8px;
}

.p-app_home__blockkit {
  height: 100%;
  margin-left: 8px;
  padding: 12px 36px 12px 12px;
  -webkit-user-select: text;
  user-select: text;
  width: 100%;
}

.supports_custom_scrollbar .p-app_home__blockkit {
  border-right: 0.25rem solid #0000;

  &::-webkit-scrollbar {
    -webkit-appearance: none;
    position: absolute;
    width: 8px;
  }

  &::-webkit-scrollbar-thumb {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
  }

  &::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
    background: #0000;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
  }

  &::-webkit-scrollbar-thumb {
    background: #0000;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px;
  }

  &::-webkit-scrollbar-corner {
    background: #0000;
  }

  &:hover {
    border-right: 0.25rem solid #0000;

    &::-webkit-scrollbar {
      -webkit-appearance: none;
      position: absolute;
      width: 8px;
    }

    &::-webkit-scrollbar-thumb {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
    }

    &::-webkit-scrollbar-track {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
      background: #0000;
      box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
    }

    &::-webkit-scrollbar-thumb {
      background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.52);
      box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
      min-height: 36px;
    }

    &::-webkit-scrollbar-corner {
      background: #0000;
    }
  }
}

.p-app_home__blockkit_container--stale {
  opacity: 0.7;
}

.p-app_home_spinner {
  left: 50%;
  position: absolute;
  top: 100px;
  transform: translate(-50%, -50%);
}

.p-app_home__org_icon {
  background-size: 20px;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #0000001a;
  display: inline-block;
  height: 20px;
  margin: 4px 8px 0 0;
  vertical-align: top;
  width: 20px;
}

.p-app_settings {
  background: #fff;
  height: 100%;
}

.p-app_settings_container {
  border: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  margin: 16px;
  padding: 16px;
}

.p-app_settings__sub_header {
  flex: 3;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.3334;
}

.p-app_settings_button {
  flex: 1;
}

.p-tabs__about_tab {
  overflow: scroll;
}

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

.p-resizer {
  bottom: 0;
  cursor: col-resize;
  position: absolute;
  top: 45px;
  -webkit-user-select: none;
  user-select: none;
  width: 8px;
  z-index: 1000;

  &:after {
    background-color: initial;
    bottom: 0;
    content: '';
    left: 4px;
    position: absolute;
    top: 0;
    transition: background-color .15s .15s, box-shadow .15s .15s;
    width: 1px;
  }

  &:focus {
    outline: none;
  }

  &.p-resizer--focused:after {
    transition: none;
  }

  &.p-resizer--dragging:after, &.p-resizer--focused:after, &:hover:after {
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    background-color: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    box-shadow: 0 0 0 1px var(--saf-0);
  }

  &.p-resizer--default.p-resizer--dragging:after {
    animation: p-resizer-pulse .5s;
    background-color: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
  }

  &.p-resizer--collapsed {
    cursor: e-resize;
    width: 16px;

    &:after {
      left: 8px;
    }
  }

  &.p-resizer--child-window-secondary {
    top: 1px;
  }
}

.p-resizer__input {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.p-resizer-overlay {
  bottom: 0;
  cursor: col-resize;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
}

@keyframes p-resizer-pulse {
  0% {
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    box-shadow: 0 0 0 1px var(--saf-0);
  }

  50% {
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    box-shadow: 0 0 0 3px var(--saf-0);
  }

  to {
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    box-shadow: 0 0 0 1px var(--saf-0);
  }
}

.p-resizer--inset {
  margin: 4px 0;
  top: 44px;

  &.p-resizer--inspector {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    --saf-1: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    box-shadow: 0 1px var(--saf-0), 0 -1px var(--saf-0);
    width: 11px;

    &:after {
      left: 6px;
    }
  }
}

.p-multi_view_window_title {
  opacity: 0.8;
}

.p-child_window_title_bar {
  align-items: center;
  display: flex;
  height: 44px;
  max-width: 100vw;
  min-height: 44px;
  padding-left: 16px;
  padding-right: 16px;

  &.p-child_window_title_bar--mac, &.p-child_window_title_bar--windows {
    -webkit-app-region: drag;
    -webkit-user-select: none;
    user-select: none;
  }

  &.p-child_window_title_bar--mac {
    padding-left: 90px;
  }
}

.p-window--fullscreen .p-child_window_title_bar.p-child_window_title_bar--mac {
  padding-left: 8px;
}

.p-child_window_title_bar.p-child_window_title_bar--windows {
  height: 44px;
  padding-right: calc(138px * (1 / var(--zoom-factor, 1)));
}

.p-child_window_title_bar__button {
  -webkit-app-region: no-drag;
  height: 26px;
  width: 26px;

  &:not(:last-child) {
    margin-right: 10px;
  }
}

.p-child_window_title_bar__title {
  display: block;
  font-size: 13px;
  font-weight: 700;
  left: 76px;
  overflow: hidden;
  position: absolute;
  right: 76px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-child_window_title_bar--windows .p-child_window_title_bar__title {
  left: 200px;
  right: 200px;
}

.p-child_window_title_bar__title.p-child_window_title_bar__title--small {
  left: 172px;
  right: 172px;
}

.p-window--fullscreen .p-child_window_title_bar--mac .p-child_window_title_bar__title.p-child_window_title_bar__title--small {
  left: 96px;
  right: 96px;
}

.p-child_window_title_bar--windows .p-child_window_title_bar__title.p-child_window_title_bar__title--small {
  left: 200px;
  right: 200px;
}

@media screen and (max-width: 440px) {
  .p-child_window_title_bar--mac .p-child_window_title_bar__title.p-child_window_title_bar__title--small {
    display: none;
  }
}

.c-advanced_search_modal {
  .c-advanced_search_modal__title {
    justify-content: space-between;
    padding-right: 60px;
  }

  .c-advanced_search_modal__date-select-trigger {
    justify-content: space-between;
    width: 100%;

    div {
      justify-content: space-between;
      width: 100%;
    }

    font-weight: 500;
    margin-bottom: 12px;
  }

  .c-advanced_search_modal__date-select-trigger-icon {
    font-size: 22px;
    font-weight: 900;
    line-height: 1.36365;
  }

  .c-advanced_search_modal__keyword-input, .c-advanced_search_modal__select {
    font-weight: 500;
    margin-bottom: 12px;
  }

  .c-advanced_search_modal__label__checkbox {
    margin-bottom: 8px;
    margin-top: 8px;
  }

  .c-advanced_search_modal__label__checkbox--checked .c-label__text {
    font-weight: 600;
  }
}

.c-search__input_box {
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  display: flex;
  flex-grow: 1;
  height: 44px;
  margin: 0;
  min-width: 0;
  padding-right: 16px;
  position: relative;
}

.c-search_autocomplete__header_backdrop {
  height: 100%;
  position: absolute;
  width: 100vw;
  z-index: 1000;
}

.c-search__input_box__mode {
  align-items: center;
  align-self: center;
  background-color: #1d9bd11a;
  border-radius: 6px;
  display: inline-flex;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  height: 26px;
  line-height: 1.38463;
  margin: 0 12px;
  padding: 4px 8px;
}

.c-search__input_box__mode--dark {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.c-search__input_box__mode--active {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  -webkit-appearance: none;
  border-color: #0000;
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  outline: 0;

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

.c-search__input_box__mode--closeable {
  padding: 4px 4px 4px 8px;
}

.c-search__input_box__mode_text {
  padding-bottom: 2px;
}

.c-search__input_box__mode_close {
  border-radius: 4px;
  height: 18px;
  margin-left: 4px;
  position: relative;
  width: 18px;

  &:active, &:hover {
    background-color: #1d9bd11a;
  }

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

.c-search__input_box__mode_close_icon {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);

  &:before {
    font-size: 14px;
  }
}

.c-search__input_box__container {
  flex: 1;
  min-width: 0;
}

.c-search__input_box__clear {
  border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.c-search__input_box__icon {
  margin-left: 28px;
  margin-right: 12px;
  position: relative;
}

.c-search__input_box__clear, .c-search__input_box__icon {
  align-self: center;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
}

.c-search__input_box__clear {
  font-size: 13px;
  padding: 0 16px;

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

  &.c-search__input_box__clear__hidden {
    display: none;
  }
}

.c-search__input_box__filters {
  border-radius: 0;
  height: 20px;
  margin-left: 12px;
  opacity: 1;
  right: -2px;
  top: 9px;
  width: 20px;

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

.p-create_sticker_modal__picker {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}

.p-create_sticker_modal__picker_button {
  border: 2px solid #000;
  border-radius: 50%;
  height: 20px;
  margin: 0 8px;
  width: 20px;
}

.p-create_sticker_modal__picker_button--picked {
  box-shadow: 0 0 0 4px var(--saf-0), 0 4px 12px 0 #00000014;
}

.p-create_sticker_modal__picker--rainbow {
  background: linear-gradient(90deg, #b306a9, #ef2667, #f42e2c, #ffa509, #fdfc00, #55ac2f, #0b13fd, #a804af);
}

.p-create_sticker_modal__picker--blue {
  background: linear-gradient(180deg, #24c0fd 0, #00a);
}

.p-create_sticker_modal__picker--superhero {
  background: linear-gradient(180deg, #fdea00 0, #fdcf00 44%, #fc2700);
}

.p-create_sticker_modal__picker--butter {
  background: linear-gradient(180deg, #ffd662 0, #ff80bf 33%, #ef5097 66%, #6868ac);
}

.p-new_file_menu__gdoc_icon {
  color: #5d8fee;
}

.p-new_file_menu__gsheet_icon {
  color: #50a26b;
}

.p-new_file_menu__gpres_icon {
  color: #edbb44;
}

.p-new_file_menu_source__icon-gradient {
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 1.5s;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
  background: #ddd;
  border-color: #0000;
  color: #0000;
  cursor: progress;
}

@keyframes placeHolderShimmer {
  0%, to {
    opacity: 1;
  }

  50% {
    opacity: 0.4;
  }
}

.p-new_file_menu_source__create_new_moved_notice {
  flex-direction: row-reverse;

  .c-menu_item__icon {
    margin-left: 12px;
    margin-right: 0;
  }
}

.c-menu_item__browsefiles:hover, .c-menu_item__button--highlighted .c-menu_item__browsefiles {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
}

.c-menu_item__addrow {
  float: right;
}

.c-missing_menu_item__button--loading {
  border-radius: 1.1rem;
  display: inline-block;
  height: .7rem;
  width: 50%;
}

.p-new_file_menu_source__loading_icon {
  border-radius: .3rem;
  display: block;
  height: 17px;
  margin-top: 17%;
  width: 18px;
}

.p-new_file_menu_source__widertooltip {
  color: inherit;
  font-weight: inherit;
  max-width: 360px;
  text-align: inherit;
}

.p-new_file_menu_source_slack_connect_label__description {
  line-height: 14.4px;
}

.p-new_file_menu_source_slack_connect_menu__item {
  white-space: normal;
}

.p-new_file_menu_source_header--composer_ia {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 15px;
  font-weight: 400;
  font-weight: 900;
  line-height: 1.46668;
  padding-left: 12px;
}

.p-new_file_menu_source_header--composer_ia_wrapper {
  align-items: center;
  display: grid;
  gap: 4px;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
}

.p-recently_uploaded_files {
  line-height: 22px !important;

  .c-menu_item__label {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    top: 1px;
    white-space: nowrap;

    wbr {
      display: none;
    }
  }

  .c-menu_item__icon {
    height: 36px;
    max-width: 36px;
    min-width: 36px;
  }
}

.p-recently_uploaded_files__menu {
  .c-menu_item__header {
    padding-bottom: 5px;
    padding-top: 5px;
  }

  .c-menu__items {
    padding: 10px 0;
  }
}

.p-recently_uploaded_files, .p-recently_uploaded_files__header {
  height: 48px;
}

.p-recently_uploaded_files__view_all {
  padding-bottom: 10px;
  padding-top: 10px;
}

.p-recently_uploaded_files__img {
  background-clip: padding-box;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  max-height: 36px;
  width: auto;

  img {
    height: auto;
    width: auto;

    &.p-file_thumbnail__document_img {
      height: auto;
      width: 100%;
    }
  }
}

.p-recently_uploaded_files__header {
  align-items: center;
  display: flex;
}

.p-recently_uploaded_files__file_name {
  display: block;
  font-weight: 700;
}

.p-recently_uploaded_files__timestamp {
  display: block;
}

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

.p-recently_uploaded_files {
  &.c-menu_item__button--highlighted .p-recently_uploaded_files__datestamp {
    color: #fff;
  }

  &.p-recently_uploaded_files--disable_highlight.c-menu_item__button.c-menu_item__button--highlighted {
    background: none;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);

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

.c-command_list_entity {
  .c-command_entity__description, .c-command_list_entity__secondary {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }
}

.c-command_list_entity--active {
  .c-command_entity__description, .c-command_list_entity__secondary {
    color: #fff;
  }
}

.p-shortcuts_menu_v2_item__icon {
  border-radius: 4px;
  flex-shrink: 0;
  height: 36px;
  width: 36px;

  &:before {
    font-size: 20px;
  }
}

.p-shortcuts_menu_v2_item {
  background: #0000 !important;
  color: inherit !important;
  padding: 3px;
}

.p-shortcuts_menu_v2_item__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-shortcuts_menu_v2_item__text--primary div .p-shortcuts_menu_v2_item__text--secondary {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

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

  .c-icon:before {
    font-size: 16px;
  }
}

.p-shortcuts_menu_v2_item--active .p-shortcuts_menu_v2_item__text--secondary {
  color: #fff;

  .c-icon:before {
    color: #fff;
  }
}

img.p-shortcuts_menu_v2_item--composer_ia_shortcuts {
  border: none;
  display: inline-flex;
  height: 20px;
  width: 20px;
}

.p-shortcuts_menu_v2_item--composer_ia_item .c-menu_item__icon {
  align-items: center;
  display: flex;
  justify-content: center;
}

.p-shortcuts_menu_v2_heading {
  align-items: center;
  box-sizing: border-box;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  width: 100%;
}

.p-shortcuts_menu_v2_heading__icon {
  border-radius: 3px;
  height: 16px;
  margin-right: 8px;
  width: 16px;

  &:before {
    font-size: 16px;
  }

  &.c-icon--bolt-filled {
    color: #1264a3;
    height: 12px;
    margin-right: 1.6px;
    width: 12px;

    &:before {
      font-size: 12px;
    }
  }
}

.p-shortcuts_menu_v2_heading__icon--app {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 1px solid var(--saf-0);
}

.p-shortcuts_menu_v2_app_icon {
  border-radius: 4px;
}

.p-shortcuts_menu_v2_app_icon--small {
  height: 20px;
  width: 20px;
}

.p-shortcuts_menu_v2_app_icon--medium {
  height: 36px;
  width: 36px;
}

.p-shortcuts_menu_v2_search_input {
  margin: 0;
  padding-left: 36px;
}

.p-shortcuts_menu_v2_search_input_wrapper {
  align-items: center;
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  width: 100%;
  z-index: 1013;

  i {
    font-size: 20px;
    margin-left: 8px;
    padding: 0;
  }

  > div {
    padding: 16px;
    width: 100%;
  }
}

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

.p-shortcuts_menu_v2_search_input__add {
  flex-shrink: 0;
  margin-right: 12px;
  min-width: 0;
}

.p-shortcuts_menu_v2_search_input_back_icon {
  left: 3px;
  position: absolute;
  transform: translate(50%);
}

.p-shortcuts_menu_v2_search_input_close_icon {
  position: absolute;
  right: 5px;
  top: 3px;
  transform: translate(-50%, 50%);
}

.p-shortcuts_menu_v2_search_input_bolt_icon {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  left: 8px;
  pointer-events: none;
  position: absolute;
  transform: translate(100%);
}

.p-shortcuts_menu_v2_search_input--composer_ia {
  padding-right: 36px;
}

.p-shortcuts_menu_v2_search_input_wrapper--composer_ia i {
  margin-left: 0;
}

.p-shortcuts_menu_pushed_view_header {
  align-items: center;
  display: flex;
  font-weight: 900;
  height: 68px;
  width: 100%;
}

.p-shortcuts_menu_v2 {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-radius: 6px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 #0000001f;
  box-sizing: initial;
  display: flex;
  flex-direction: column;
  margin: 0;
  max-height: calc(100vh - 30px);
  max-width: calc(100vw - 30px);
  overflow: hidden;

  .c-select_options_list {
    outline: 0;
  }

  .p-shortcuts_menu_v2--workflows_alert {
    margin-top: 12px;
    width: 300px;
  }

  .p-shortcuts_menu_v2--workflows_affordance {
    margin-bottom: 12px;
    margin-top: 12px;
    width: 300px;
  }

  &.p-shortcuts_menu_v2--end .c-select_options_list__virtual_list {
    padding: 8px 0 !important;
  }

  .c-select_options_list__wrapper {
    border-radius: 0;
    box-shadow: none;
  }

  .c-select_options_list__option {
    padding: 0 24px;
  }

  .c-select_options_list__divider {
    padding: 0;
  }

  .c-select_options_list__option:not(.c-select_options_list__option--active) {
    .p-shortcuts_menu_v2_item__app_container_subtext, .p-shortcuts_menu_v2_item__app_name {
      color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    }
  }
}

.p-shortcuts_menu_v2__action_icon {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  height: 20px;
  margin-right: 8px;
  width: 20px;
}

.c-select_options_list__option--active .p-shortcuts_menu_v2__action_icon {
  color: #fff;
}

.p-shortcuts_menu_v2__empty_wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
}

.p-shortcuts_menu_v2__empty {
  word-wrap: break-word;
  width: 100%;
}

.p-shortcuts_menu_v2__select_options_list_wrapper {
  flex: 1;
  width: 100%;
}

.c-icon.p-shortcuts_menu_v2__external_link_icon {
  height: auto;
  width: auto;

  &:before {
    font-size: 16px;
  }
}

.p-shortcuts_menu_v2 .c-command_list_entity .c-command_entity__description, .p-shortcuts_menu_v2_item__app_container_subtext {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-shortcuts_menu_v2 .c-mrkdwn__highlight {
  background: inherit;
  color: inherit;
  font-weight: 700;
}

.p-shortcuts_menu_trigger_button_left_column {
  bottom: 0;
  display: flex;
  padding-bottom: 1px;
  padding-left: 1px;
  padding-top: 1px;
  position: absolute;
}

.p-shortcuts_menu_trigger_button_container {
  align-self: flex-end;
  border-right: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  height: 24px;
  margin: 8px 0 8px 4px;
  transition: border-color 80ms linear;
  z-index: 200;
}

.p-shortcuts_menu_trigger_button_container--disabled {
  pointer-events: none;
}

.p-shortcuts_menu_trigger_button_container:hover {
  border-color: #0000;
}

.p-shortcuts_menu_trigger_button {
  border-radius: 2px;
  height: 32px;
  margin: -4px 0;
  transition: background 80ms linear, color 80ms linear;
  width: 32px;
  z-index: 200;

  .c-icon:before {
    font-size: 16px;
  }
}

.p-shortcuts_menu_trigger_button--composer_ia .c-icon:before {
  font-size: 18px;
}

.p-shortcuts_menu_trigger_button:not(.p-shortcuts_menu_trigger_button--only_workflows):not(.p-shortcuts_menu_trigger_button--composer_ia) {
  &:active, &:hover {
    background: rgba(var(--sk_highlight, 18, 100, 163), 1) !important;
    color: #fff !important;
  }
}

.p-shortcuts_menu_trigger_button--dark:not(.p-shortcuts_menu_trigger_button--only_workflows):not(.p-shortcuts_menu_trigger_button--composer_ia).p-shortcuts_menu_trigger_button {
  &:active, &:hover {
    background: #1264a3 !important;
  }
}

.p-shortcuts_menu_trigger_button--highlighted:not(.p-shortcuts_menu_trigger_button--only_workflows) {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1) !important;
}

.p-shortcuts_menu_trigger_button_container--composer_ia_icon_button {
  position: relative;
}

.p-shortcuts_menu_trigger_button--composer_ia {
  &.c-icon_button, &.c-wysiwyg_container__button {
    background: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
    border-radius: 50% !important;
    height: 24px;
    position: relative;
    transform-origin: center center;
    transition: background 80ms, transform 80ms;
    width: 24px;
  }

  &.c-icon_button:before, &.c-wysiwyg_container__button:before {
    bottom: -2px;
    content: '';
    left: -2px;
    position: absolute;
    right: -2px;
    top: -2px;
  }

  &.c-icon_button:hover, &.c-wysiwyg_container__button:hover {
    background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }

  &.c-icon_button {
    &.p-shortcuts_menu_trigger_button--composer_ia-open, &:active {
      background: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
    }
  }

  &.c-wysiwyg_container__button {
    &.p-shortcuts_menu_trigger_button--composer_ia-open, &:active {
      background: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
    }
  }

  &.c-icon_button.p-shortcuts_menu_trigger_button--composer_ia-open, &.c-wysiwyg_container__button.p-shortcuts_menu_trigger_button--composer_ia-open {
    transform: rotate(45deg);
  }
}

@keyframes slideInComposer {
  0% {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes slideOutComposer {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  to {
    opacity: 0;
    transform: translateY(-4px);
  }
}

.p-shortcuts_menu_trigger_button_container_unstyled--composer_ia {
  .p-shortcuts_menu_trigger_button--badge {
    animation: slideInComposer 80ms ease-in-out forwards;
    opacity: 0;
    transform: translateY(-4px);
  }

  .p-shortcuts_menu_trigger_button--composer_ia-open + .p-shortcuts_menu_trigger_button--badge {
    animation: slideOutComposer 80ms ease-in-out forwards;
  }
}

@keyframes slideInStandalone {
  0% {
    opacity: 0;
    transform: translate(2px, -8px);
  }

  to {
    opacity: 1;
    transform: translate(2px, -4px);
  }
}

@keyframes slideOutStandalone {
  0% {
    opacity: 1;
    transform: translate(2px, -4px);
  }

  to {
    opacity: 0;
    transform: translate(2px, -8px);
  }
}

.p-shortcuts_menu_trigger_button_container--composer_ia_standalone {
  .p-shortcuts_menu_trigger_button--badge {
    animation: slideInStandalone 80ms ease-in-out forwards;
    opacity: 0;
    transform: translate(2px, -8px);
  }

  .p-shortcuts_menu_trigger_button--composer_ia-open + .p-shortcuts_menu_trigger_button--badge {
    animation: slideOutStandalone 80ms ease-in-out forwards;
  }
}

.p-shortcuts_menu_trigger_button--badge {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  font-size: 10px;
  line-height: 1;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: background 80ms linear, color 80ms linear;
  z-index: 201;
}

.p-aggregation_steps, .p-aggregation_steps__button {
  align-items: center;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
}

.p-aggregation_steps__button--group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

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

.p-aggregation_steps__label--loading_stub {
  background-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-radius: 5px;
  height: 10px;
  width: 120px;
}

.p-aggregation_steps__icon {
  align-items: center;
  display: flex;
  margin-right: 8px;
}

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

.p-workflow_hover_card__overlay {
  z-index: 999;
}

.p-workflow_hover_card__popover {
  position: absolute;
  z-index: 1001;
}

.p-workflow_hover_card__container {
  display: inline-flex;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  word-break: break-word;
}

.p-workflow_hover_card {
  width: 324px;
}

.p-workflow_hover_card__body {
  padding-top: 12px;
}

.p-workflow_hover_card__body__description {
  padding-bottom: 12px;
}

.p-workflow_hover_card__actions {
  display: flex;
  float: none;
  justify-content: end;
  margin-right: 0;
  padding: 0;
}

.p-huddle_sidebar_link_peer_count_badge {
  align-items: center;
  background: var(--p-huddle__active_item);
  border-radius: 40px;
  color: var(--p-huddle__active_item_text);
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  height: 20px;
  justify-content: center;
  min-width: 36px;
  padding: 1.6px 6px;
}

.p-channel_sidebar__channel--selected .p-huddle_sidebar_link_peer_count_badge {
  background: var(--p-huddle__text_color_opacity);
}

.p-huddle_sidebar_link_peer_count_badge__peer_count {
  margin-left: 2px;
}

.p-huddle_sidebar_link_peer_count_badge.p-huddle_sidebar_link_peer_count_badge--other {
  background: var(--p-huddle__active_item_text_opacity);
  color: var(--p-channel_sidebar__theme-text);

  &.p-huddle_sidebar_link_peer_count_badge--ia4 {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.13);
  }
}

.p-channel_sidebar__channel--selected .p-huddle_sidebar_link_peer_count_badge.p-huddle_sidebar_link_peer_count_badge--other {
  background: var(--p-huddle__text_color);
  color: var(--p-huddle__active_item);

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

.p-setup_tada_sparkles {
  path {
    animation: sparkle-twinkle 1.75s ease infinite forwards;
    transform-origin: 50% 50%;
  }

  &.p-setup_tada_parkles--left path:nth-child(2) {
    animation-delay: 0.15s;
  }

  &.p-setup_tada_sparkles--left path:nth-child(3) {
    animation-delay: 0.3s;
  }

  &.p-setup_tada_sparkles--right path {
    &:first-child {
      animation-delay: 0.2s;
    }

    &:nth-child(2) {
      animation-delay: 0.4s;
    }

    &:nth-child(3) {
      animation-delay: 0.6s;
    }
  }

  &.p-setup_tada_sparkles--left {
    transform: rotateY(180deg);
  }
}

@keyframes sparkle-twinkle {
  0%, to {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .5;
    transform: scale(0.975);
  }
}

.p-setup_tada_coachmark__ReactModal__Body--open .p-workspace__primary_view_contents:before {
  background: #0009;
  content: '';
  height: 100%;
  opacity: 1;
  position: absolute;
  top: 0;
  transition: opacity 0ms linear;
  width: 100%;
  z-index: 203 !important;
}

.p-setup_tada_coachmark {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  animation-delay: .6s;
  animation-duration: .4s;
  animation-fill-mode: both;
  animation-name: p-setup_tada_coachmark--slideIn;
  border-radius: 12px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 18px 48px 0 #00000014;
  min-width: 577px;
  opacity: 0;

  .c-coachmark__close, .c-coachmark__footer {
    display: none;
  }
}

.p-setup_tada_coachmark__header {
  font-family: Slack-Larsseit, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -.75px;
  line-height: 35px;
  padding: 0 16px;
  text-align: center;
}

.p-setup_tada_coachmark__channel_icon {
  margin-right: -3px;
  transform: translateY(1px);
}

.p-setup_tada_coachmark__header_channel {
  background: #1d9bd11a;
  border-radius: 4px;
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  display: inline;
  padding: 4px 6px 0 0;
}

.p-setup_tada_coachmark__body {
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
  text-align: center;
  width: 70%;
}

.p-setup_tada_coachmark__footer {
  margin-top: 24px;
}

.p-setup_tada_coachmark__button {
  background-color: #611f69;
  border: none;
  color: #fff;

  &:active, &:hover {
    background-color: #611f69e6;
    border: none;
  }

  &[disabled] {
    background-color: #611f6980;
    color: #fff;
  }
}

@keyframes p-setup_tada_coachmark--slideIn {
  0% {
    opacity: 0;
    transform: translateZ(0) translate(40px, -20%) scaleY(0.85);
  }

  to {
    opacity: 1;
    transform: translateY(-20%) scale(1);
    transition: opacity 0.2s ease-out, transform 0.25s cubic-bezier(0.095, 0.965, 0.55, 1.115);
  }
}

.p-setup_tada_coachmark .p-setup_tada_sparkles {
  flex-shrink: 0;
  margin-bottom: auto;
  padding-top: 8px;
}

.p-toast_animation {
  display: block;
  height: 100%;
  left: 0;
  position: relative;
  top: 18px;
  width: 100%;
}

.p-animated_onboarding_toast_container {
  bottom: 160px;
  height: 100px;
  left: 50%;
  position: fixed;
  transform: translate(-50%);
  width: 600px;
  z-index: 1054;
}

.p-animated_onboarding_toast.c-toast {
  background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  color: #fff;
  left: 50%;
  max-width: 600px;
  transform: translate(-50%);
}

.sk-client-theme--dark .p-animated_onboarding_toast.c-toast {
  background-color: #002f4b;
  box-shadow: 0 4px 12px #0000001a;
}

.p-animated_onboarding_toast.c-toast {
  &.c-toast--fade {
    &.ReactModal__Content {
      animation: c-onboarding-toast-fade-in 0.3s linear 0s 1 normal forwards;
    }

    &.ReactModal__Content--before-close {
      animation: c-onboarding-toast-fade-out 0.2s linear 0s 1 normal forwards;
    }

    &.ReactModal__Overlay--before-close {
      pointer-events: none;
    }
  }

  .c-toast__wrapper .c-toast__icon {
    background-color: #fff;
    border-radius: 14px;
    color: #f2c744;
    height: 28px;
    text-align: center;
    width: 28px;
  }
}

@keyframes c-onboarding-toast-fade-in {
  0% {
    opacity: 0;
    transform: translate(-50%, 50%);
  }

  to {
    opacity: 1;
    transform: translate(-50%);
    transition: opacity 0.1s linear, transform 0.3s cubic-bezier(0.36, 0.19, 0.29, 1);
  }
}

@keyframes c-onboarding-toast-fade-out {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transition: opacity 0.1s linear, transform 0.3s cubic-bezier(0.36, 0.19, 0.29, 1);
  }
}

.p-animated_onboarding_toast_icon {
  background-color: #fff;
  border-radius: 14px;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  margin-right: 4px;
  text-align: center;
  width: 28px;
}

.p-setup_joiner_coachmark {
  min-width: 338px;
  padding: 16px;

  &.c-coachmark {
    &:after, &:before {
      border-width: 8px;
    }
  }

  .c-coachmark__footer {
    margin: 0;
  }
}

.p-setup_joiner_coachmark__body {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.50001;
  padding-right: 48px;
}

.p-setup_joiner_coachmark__body--suggestions {
  padding: 12px;

  h3 {
    padding-bottom: 5px;
  }
}

.p-setup_joiner_coachmark__footer {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin-top: 18px;

  .p-setup_joiner_coachmark__step {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
  }
}

.p-setup_joiner_coachmark_overlay {
  height: 0;
}

.p-section_heading_context_menu__show_section_state {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  max-width: 240px;
  padding-bottom: 4px;
  white-space: normal;
}

.c-menu_item__li--highlighted .p-section_heading_context_menu__show_section_state {
  color: inherit;
}

.p-section_heading_context_menu__unread_icon {
  margin: 0 10px 0 2px;
}

.p-section_heading_context_menu__channel {
  padding: 0;
  white-space: normal;

  .c-small_mpim_entity__mpim_avatars {
    height: 24px;

    .c-small_mpim_entity__mpim_avatars_mpim1 {
      top: 2px;
    }
  }

  .c-small_channel_entity__icon {
    margin-right: 12px;
  }

  .c-member__presence + .c-base_entity__text-contents {
    margin-left: 8px;
  }
}

.p-section_menu {
  max-height: 500px;
}

.p-unreads_simplification_coachmark {
  padding: 0;
  width: 440px;
}

.p-unreads_simplification_coachmark__loading_placeholder {
  height: 248px;
  width: inherit;
}

.p-unreads_simplification_coachmark__hero_container {
  align-items: flex-end;
  background-color: #1d9bd1;
  display: flex;
  height: auto;
  justify-content: center;
  padding: 20px 0 0 45px;
  width: 100%;
}

.sk-client-theme--dark .p-unreads_simplification_coachmark__hero_container {
  background-color: #1264a3;
}

.p-unreads_simplification_coachmark__hero {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: block;
  height: 100%;
  width: 100%;
}

.p-unreads_simplification_coachmark__hero__svg.p-lottie__svg {
  margin-bottom: -12px;
}

.p-unreads_simplification_coachmark__wrapper {
  border-radius: inherit;
  overflow: hidden;
}

.p-unreads_simplification_coachmark__content {
  padding: 20px 20px 0;
}

.p-unreads_simplification_coachmark__content__header {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  margin-bottom: 4px;
}

.p-unreads_simplification_coachmark .c-coachmark__close {
  color: #fff;
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 1;

  &:hover {
    background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    color: #fff;
  }
}

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

.p-unreads_simplification_coachmark {
  .c-coachmark__footer {
    margin: 0 28px 28px;
  }

  &.c-coachmark--refurbish:after {
    border-right-color: #1d9bd1;
  }
}

.sk-client-theme--dark .p-unreads_simplification_coachmark.c-coachmark--refurbish:after {
  border-right-color: #1264a3;
}

.p-tile_drop_target {
  background-color: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.33);
  border-radius: 4px;
  bottom: 11px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: 11px;
  top: 11px;
  transition: opacity .15s;
  width: 128px;
  z-index: 0;

  &.p-tile_drop_target--hovering {
    opacity: 1;
  }
}

.p-drag_layer {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1900;
}

.p-drag_layer__drag_item {
  opacity: .95;
  position: absolute;
  z-index: 1;
}

.p-drag_layer__sidebar_channels_container {
  display: flex;
  justify-content: space-around;
  position: relative;
  width: 0;
}

.p-drag_layer__sidebar_channels {
  --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 0.05);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0);
  display: block;
  overflow: hidden;
  background: var(--p-channel_sidebar__column-bg);
  color: var(--p-channel_sidebar__computed-text-color);
}

.p-drag_layer__sidebar_section_heading {
  background: var(--p-channel_sidebar__column-bg);
  color: var(--p-channel_sidebar__computed-text-color);
}

.p-drag_layer__sidebar_channels--multiple {
  display: flex;
  flex: 0 0 auto;
}

.p-drag_layer__board_item {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  left: 8px;
  max-height: 300px;
  min-width: 65px;
  overflow: hidden;
  padding: 8px;
  position: absolute;
  top: 16px;
  white-space: pre-wrap;

  > .c-icon {
    height: 25px;
    margin-right: 8px;
    width: 25px;
  }
}

.p-drag_layer__board__item__title {
  font-size: 28px;
  font-weight: 900;
  line-height: 1.2143;
}

.p-drag_layer__board__item__subtitle {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
}

.p-drag_layer__board_item--todo {
  display: flex;
}

.p-drag_layer__board_item--todo__checkbox {
  margin-right: 8px;
}

.p-drag_layer__board_item__overflow_footer {
  background: linear-gradient(to top, rgba(var(--sk_primary_background, 255, 255, 255), 1) 10%, rgba(var(--sk_primary_background, 255, 255, 255), 0) 100%);
  bottom: 0;
  height: 30px;
  left: 0;
  position: absolute;
  width: 100%;
}

.p-discount_seat_promo_one_week_left_banner {
  background-color: #e6dbe9;
  color: #1d1c1d;
}

.p-discount_seat_promo_one_week_left_banner__content {
  align-items: center;
  display: flex;
  justify-content: center;

  img {
    margin-right: 16px;
    width: 31px;
  }
}

.c-banner {
  &.p-discount_seat_promo_one_week_left_banner .c-icon_button {
    color: #1d1c1d;
  }

  &.c-banner--neutral.p-discount_seat_promo_one_week_left_banner {
    .c-banner__close.c-button--focus-visible:focus, .c-link--focus-visible:focus {
      box-shadow: 0 0 0 1px #1d1c1d, 0 0 0 5px #1d1c1d4d;
      color: #1d1c1d;
    }
  }
}

.p-mobile_social_proof_banner_lightbulb_image {
  height: 16px;
  margin-right: 2px;
  position: relative;
  top: 2px;
  width: 16px;
}

.p-mobile_social_proof_banner {
  background-color: #1264a3;
  color: #fff;

  .c-icon {
    color: #fff;
  }

  .c-banner__text {
    display: flex;
    justify-content: space-between;
  }
}

.p-mobile_social_proof_banner__close_icon {
  align-self: center;
  cursor: pointer;
  height: 20px;
}

.p-ia__workspace_banner {
  position: relative;
  z-index: 999;
}

.p-huddle_activity {
  align-items: start;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
}

.p-huddle_activity__icon {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 28px;
  justify-content: center;
  position: relative;

  .c-avatar {
    display: flex;
  }
}

@keyframes huddle_active_speaker {
  0% {
    opacity: .4;
    transform: scale(0.9091);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.p-huddle_activity__border {
  animation: huddle_active_speaker .8s ease-out infinite alternate;
  border: 1.5px solid var(--p-huddle__text_color);
  border-radius: 8px;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  will-change: transform, opacity;
}

.p-huddle_activity__headset_container, .p-huddle_activity__joining_avatar_container {
  align-items: center;
  border: none;
  border-radius: 4px;
  display: flex;
  height: 20px;
  justify-content: center;
  width: 20px;
}

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

.p-huddle_activity__headset_icon {
  background: var(--p-huddle__active_item_text_opacity);
  border-radius: 16px;
  color: var(--p-huddle__text_color);
  font-size: 16px;
  height: 20px;
  min-height: 20px;
  min-width: 20px;
  width: 20px;
}

.p-huddle_activity--active .p-huddle_activity__headset_icon {
  background: var(--p-huddle__active_item_text);
  color: var(--p-huddle__active_item);
}

.p-huddle_sidebar_footer__controls .p-huddle_activity__headset_icon {
  background: var(--p-huddle__active_item);
  color: var(--p-huddle__active_item_text);
}

.p-huddle_activity__headset_icon--invert {
  background: var(--p-huddle__active_item_text_opacity);
  color: var(--p-huddle__text_color);
}

.p-huddle_activity--active .p-huddle_activity__headset_icon--invert {
  background: var(--p-huddle__active_item_text);
  color: var(--p-huddle__active_item);
}

.p-huddle_activity__antenna_icon {
  border-radius: 4px;
  padding: 1;
}

.p-huddle_sidebar_footer__controls .p-huddle_activity__antenna_icon, .p-huddle_sidebar_footer__join_active_container .p-huddle_activity__antenna_icon {
  background: var(--p-huddle__active_item);
}

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

.p-huddle_activity__antenna_icon--invert {
  background: var(--p-huddle__active_item_text_opacity);
}

.p-huddle_activity__joining_avatar_container {
  overflow: hidden;
}

@keyframes huddle_join {
  0% {
    opacity: 0;
    transform: scale(0.4444);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 1;
    transform: translateX(0.6666);
  }
}

.p-huddle_activity__joining_avatar {
  animation: huddle_join 0.75s ease-in-out;
}

.p-huddle_activity__description {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.p-huddle_activity__description--interactive {
  transition: opacity 80ms linear;
}

.p-huddle_activity__description--active {
  opacity: 1;
}

.p-huddle_activity__subtext {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-huddle_activity__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--p-huddle__text_color);
  font-weight: 600;
}

.p-huddle_sidebar_footer--join_active .p-huddle_activity__text--join_active_huddle {
  color: var(--p-huddle__active_item_text);
}

.p-huddle_activity__subtext {
  align-items: baseline;
  color: var(--p-huddle__text_color_faded);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: -2px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

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

.p-huddle_activity--invert .p-huddle_activity__subtext {
  color: var(--p-huddle__text_color_faded);
}

.p-huddle_activity--active .p-huddle_activity__subtext {
  color: var(--p-huddle__text_color);
}

.p-huddle_sidebar_footer--join_active .p-huddle_activity__subtext--join_active_huddle {
  color: var(--p-huddle__active_item_text_opacity_70);
}

.p-huddle_activity__member_count_text {
  display: block;
  flex: 1 1 auto;
  margin: 0 4px 0 28px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.p-huddle_activity--mini-panel .p-huddle_activity__member_count_text {
  margin: 0 4px 0 0;
}

.p-huddle_activity__chevron {
  flex-shrink: 0;
  margin-left: 4px;
  transform: translateX(0);
  transition: transform 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-huddle_activity__chevron--active {
  transform: translateX(4px);
}

.p-huddle_activity__reaction {
  position: absolute;
}

.p-huddle_activity__active_avatar_container {
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}

.p-huddle_activity__icon .p-huddle_activity__active_avatar_container {
  justify-content: start;

  &:not(.p-huddle_activity__active_avatar_container--alone) {
    margin-right: 6px;
    width: 22px;
  }
}

.p-huddle_activity__active_avatar_container.p-huddle_activity__active_avatar_container--alone {
  align-items: center;
  justify-content: center;
}

.p-huddle_activity__icon .p-huddle_activity__active_avatar_container.p-huddle_activity__active_avatar_container--alone {
  margin-right: 8px;
}

.p-huddle_activity__second_avatar {
  background-color: var(--p-huddle__active_item);
  border-radius: 12px;
  left: 4px;
  padding: 2px;
  position: absolute;
  top: 6px;
}

.p-huddle_mini_panel {
  -webkit-app-region: drag;
  align-items: center;
  background: var(--p-huddle__column_bg);
  color: var(--p-huddle__text_color);
  display: flex;
  height: 100%;
  padding: 12px;
  width: 100%;

  .p-huddle_activity__headset_container {
    border: 0;
  }

  .p-huddle_activity__subtext {
    margin-top: -4px;
  }
}

.p-huddle_mini_panel__loader {
  display: none;
}

.p-huddle_mini_panel__activity, .p-huddle_mini_panel__hint_message {
  flex-grow: 1;
  padding-left: 0;
  width: 1px;
}

.p-huddle_mini_panel__activity .p-huddle_activity__icon, .p-huddle_mini_panel__hint_message .p-huddle_activity__icon {
  height: 28px;
  width: 28px;
}

.p-huddle_mini_panel__activity {
  .p-huddle_activity__subtext, .p-huddle_activity__text {
    margin-left: 4px;
  }
}

.p-huddle_mini_panel__hint_message {
  .p-huddle_activity__subtext, .p-huddle_activity__text {
    margin-left: 4px;
  }
}

.p-huddle_mini_panel__button {
  -webkit-app-region: no-drag;
  background-color: initial;
  border: 1px solid #0000;
  color: var(--p-huddle__text_color);
  margin-left: 12px;
  min-width: 36px;

  &:hover {
    background-color: var(--p-huddle__hover_item);
    border: 1px solid var(--p-huddle__hover_item);
  }

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

  &.c-button--disabled {
    opacity: 0.3;
  }
}

.p-huddle_mini_panel__button--active {
  background-color: var(--p-huddle__hover_item);
  border: 1px solid #0000;

  &:hover {
    background-color: var(--p-huddle__hover_item);
    border: 1px solid #0000;
  }
}

.p-huddle_mini_panel__button--stop-screen-share-updated {
  background-color: var(--p-huddle__active_item);
  color: var(--p-huddle__active_item_text);

  &:hover {
    background-color: var(--p-huddle__active_item_opacity_70);
  }
}

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

.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;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    position: absolute;
    right: 0;
    top: 40px;
  }
}

.p-message_input__input_container_unstyled {
  .p-message_input__attachments .p-multi_file_upload__file_gallery, .p-message_input__files .p-multi_file_upload__file_gallery {
    padding: 8px;
  }

  .p-message_input__attachments .p-gallery_scroller__wrapper, .p-message_input__files .p-gallery_scroller__wrapper {
    background: unset;
    border: unset;
    border-radius: unset;
  }

  .p-message_input__attachments .p-gallery_scroller__content, .p-message_input__files .p-gallery_scroller__content {
    align-items: center;
    display: inline-flex;
  }

  .p-message_input__attachments .p-multi_file_upload__container, .p-message_input__files .p-multi_file_upload__container {
    min-width: unset;
  }

  .p-message_input__attachments .p-draft_unfurls, .p-message_input__files .p-draft_unfurls {
    padding: 8px;
  }

  .p-message_input__attachments .p-composer_attachments__separator, .p-message_input__files .p-composer_attachments__separator {
    border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    height: 62px;
  }

  &:not(.c-wysiwyg_container--with_footer):not(.p-message_input__input_container_unstyled--with_attachments_grid) {
    .ql-editor {
      padding-left: 0;
    }

    .ql-placeholder {
      left: 0;
    }
  }
}

.p-message_input__input_container_unstyled--day1 .c-texty_input_unstyled__container--size_medium .ql-placeholder {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  -ms-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
}

.c-alert.c-alert--inline.c-alert--level_info.c-alert--align_left.p-message_input--unfurls_alert {
  border: none;
  border-radius: 4px 4px 0 0;
}

.p-workspace-layout {
  display: grid;
  grid-template-rows: auto;
  overflow: visible;
  position: relative;

  .p-workspace__sidebar {
    grid-template-areas: 'p-workspace__channel_sidebar';
    grid-template-rows: auto;
    overflow: hidden;

    &:after {
      z-index: 2;
    }
  }

  .p-workspace__sidebar--collapsed {
    display: none;
    visibility: hidden;
  }

  .p-workspace__sidebar--floating {
    bottom: 0;
    display: grid;
    position: absolute;
    top: 44px;
    transform: translateX(-100%);
    transition: transform .15s ease-in-out, visibility 0s .15s;
    z-index: 204;

    &.p-workspace__sidebar--visible {
      box-shadow: 0 4px 12px 0 #00000014;
      transform: translateX(0);
      transition: visibility 0s 0s;
      visibility: visible;
    }
  }

  .p-workspace__floating_sidebar_curtain {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 203;
  }

  .p-workspace__channel_sidebar {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
  }

  .p-workspace__channel_sidebar_group {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }

  .p-channel_sidebar {
    height: auto;
    min-height: 0;
    width: 100%;
  }

  .p-workspace__primary_view {
    grid-template-areas: 'p-workspace__primary_view_contents';
    grid-template-rows: auto;
  }

  .p-workspace__secondary_view {
    grid-template-areas: 'p-workspace__secondary_view_contents';
    grid-template-rows: auto;
    max-height: calc(100vh - 44px);
    z-index: 202;
  }

  .p-workspace__tiles {
    display: flex;
  }
}

.p-workspace {
  display: grid;
  grid-template-rows: min-content 60px auto;
}

.p-workspace--classic-nav--frameless {
  grid-template-rows: min-content 72px auto;
}

.p-workspace--classic-nav--custom-titlebar {
  grid-template-rows: min-content 91px auto;
}

.p-workspace--context-pane-collapsed {
  grid-template-areas: 'p-workspace__banner p-workspace__banner' 'p-workspace__top_nav p-workspace__top_nav' 'p-workspace__sidebar p-workspace__primary_view';
  grid-template-columns: 220px auto;
}

.p-workspace--context-pane-expanded {
  grid-template-areas: 'p-workspace__banner p-workspace__banner p-workspace__banner' 'p-workspace__top_nav p-workspace__top_nav p-workspace__top_nav' 'p-workspace__sidebar p-workspace__primary_view p-workspace__secondary_view';
  grid-template-columns: 220px auto 312px;
}

.p-workspace--no-header {
  &.p-workspace--context-pane-collapsed {
    grid-template-areas: 'p-workspace__banner p-workspace__banner' 'p-workspace__top_nav p-workspace__primary_view' 'p-workspace__sidebar p-workspace__primary_view';
  }

  &.p-workspace--context-pane-expanded {
    grid-template-areas: 'p-workspace__banner p-workspace__banner p-workspace__banner' 'p-workspace__top_nav p-workspace__primary_view p-workspace__secondary_view' 'p-workspace__sidebar p-workspace__primary_view p-workspace__secondary_view';
  }
}

@media screen and (min-width: 1440px) {
  .p-workspace--context-pane-expanded {
    grid-template-columns: 220px auto 492px;
  }
}

@media screen and (max-width: 1440px) {
  .p-workspace--context-pane-expanded {
    grid-template-columns: 220px auto 442px;
  }
}

@media screen and (max-width: 1366px) {
  .p-workspace--context-pane-expanded {
    grid-template-columns: 220px auto 392px;
  }
}

@media screen and (max-width: 1279px) {
  .p-workspace--context-pane-expanded {
    grid-template-columns: 220px auto 367px;
  }
}

@media screen and (max-width: 1070px) {
  .p-workspace--context-pane-expanded {
    grid-template-columns: 220px auto 337px;
  }
}

@media screen and (max-width: 860px) {
  .p-workspace--context-pane-expanded {
    grid-template-columns: 220px auto 312px;
  }
}

@media screen and (max-width: 556px) {
  .p-workspace--channel-popout .p-workspace__secondary_view {
    left: auto;
    right: 0;
    width: 100vw;
  }
}

.p-workspace__top_nav {
  grid-area: p-workspace__top_nav;
  min-width: 0;
}

.p-workspace__banner {
  grid-area: p-workspace__banner;
}

.p-workspace__sidebar {
  display: grid;
  grid-area: p-workspace__sidebar;
  grid-template-areas: 'p-workspace__sidebar_header' 'p-workspace__channel_sidebar';
  grid-template-columns: auto;
  grid-template-rows: 36px auto;
  position: relative;

  &:after {
    background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    content: '';
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 1px;
  }
}

.p-workspace--classic-nav .p-workspace__sidebar:after, .p-workspace-layout .p-workspace__sidebar:after {
  left: auto;
  right: 0;
}

.p-workspace--classic-nav .p-workspace__sidebar {
  grid-template-areas: 'p-workspace__channel_sidebar';
  grid-template-rows: auto;
}

.p-workspace__sidebar_header {
  display: flex;
  grid-area: p-workspace__sidebar_header;
}

.p-workspace__channel_sidebar {
  grid-area: p-workspace__channel_sidebar;
}

.p-workspace__primary_view {
  display: grid;
  grid-area: p-workspace__primary_view;
  grid-template-areas: 'p-workspace__primary_view_header' 'p-workspace__primary_view_contents';
  grid-template-columns: auto;
  grid-template-rows: 36px auto;
  max-height: calc(100vh - 44px);
}

.p-workspace--classic-nav .p-workspace__primary_view {
  grid-template-areas: 'p-workspace__primary_view_contents';
  grid-template-rows: auto;
}

.p-workspace__primary_view_header {
  display: flex;
  grid-area: p-workspace__primary_view_header;
  height: 36px;
  min-width: 0;
}

.p-workspace__primary_view_contents {
  display: flex;
  flex-direction: column;
  grid-area: p-workspace__primary_view_contents;
}

.p-workspace__primary_view_contents--members_overlay {
  &:before {
    background: #0009;
    content: '';
    height: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: opacity 0ms linear;
    width: 100%;
    z-index: 203 !important;
  }

  .p-bookmarks_bar_container {
    display: none;
  }

  .p-view_header, .p-view_header__actions {
    z-index: auto !important;
  }
}

.p-workspace__primary_view_body {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  box-shadow: 1px 0 var(--saf-0) inset;
  flex: 1;
  min-height: 0;
  position: relative;
}

.p-workspace--classic-nav .p-workspace__primary_view_body, .p-workspace-layout .p-workspace__primary_view_body {
  box-shadow: none;
}

.p-workspace__primary_view_body--with-scroll {
  overflow-y: auto;
}

.p-workspace__primary_view_body--hidden {
  display: none;
}

.p-workspace__primary_view_footer {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  box-shadow: 1px 0 var(--saf-0) inset;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.p-workspace--classic-nav .p-workspace__primary_view_footer, .p-workspace-layout .p-workspace__primary_view_footer {
  box-shadow: none;
}

.p-workspace__primary_view_footer--float {
  background: linear-gradient(to bottom, rgba(var(--sk_primary_background, 255, 255, 255), 0), rgba(var(--sk_primary_background, 255, 255, 255), 1) 8px);
  margin-top: -8px;
  position: relative;
  z-index: 200;
}

.p-workspace__input {
  &.p-message_input {
    display: flex;
    position: relative;

    .p-message_input__attachments, .p-message_input__files {
      bottom: 40px;
      left: 1px;
      position: absolute;
      right: 1px;
    }

    .p-message_input__attachments .p-gallery_scroller__wrapper, .p-message_input__files .p-gallery_scroller__wrapper {
      background: unset;
      border: unset;
      border-radius: unset;
    }

    .p-message_input__attachments .p-multi_file_upload__file_gallery, .p-message_input__files .p-multi_file_upload__file_gallery {
      padding: 12px;
    }

    &.p-message_input--attachments-visible .c-texty_input {
      padding-bottom: 122px !important;
    }

    &.p-message_input--disabled {
      .c-texty_input__button, .p-shortcuts_menu_trigger_button {
        opacity: .6;
        pointer-events: none;
      }
    }

    .p-message_input__attachments {
      padding: 0;

      .p-gallery_scroller__content {
        align-items: center;
        display: flex;
      }

      .p-multi_file_upload__container {
        min-width: unset;
      }

      .p-draft_unfurls {
        padding: 12px;
      }

      .p-composer_attachments__separator {
        border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
        height: 62px;
        margin-left: 12px;
      }
    }

    &.p-message_input--dark {
      ::selection, ::-moz-selection {
        background-color: #9a9c9e;
      }
    }

    &.p-message_input--day1:not(.p-message_input--disabled) .c-texty_input .ql-placeholder {
      color: rgba(var(--sk_highlight, 18, 100, 163), 1);
      -ms-filter: grayscale(0);
      filter: grayscale(0);
      opacity: 1;
    }
  }

  .ql-editor {
    max-height: calc(60vh - 80px);
  }
}

.supports_custom_scrollbar .p-workspace__input .ql-editor {
  border-right: none;

  &::-webkit-scrollbar {
    -webkit-appearance: none;
    position: absolute;
    width: 8px;
  }

  &::-webkit-scrollbar-thumb {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
  }

  &::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: #0000;
    background: #0000;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
  }

  &::-webkit-scrollbar-thumb {
    background: #0000;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px;
  }

  &::-webkit-scrollbar-corner {
    background: #0000;
  }

  &::-webkit-scrollbar {
    width: 16px;
  }

  &::-webkit-scrollbar-thumb, &::-webkit-scrollbar-track {
    border-left: 4px solid #0000;
    border-radius: 6px/4px;
    border-right: 4px solid #0000;
  }

  &:hover {
    border-right: none;

    &::-webkit-scrollbar {
      -webkit-appearance: none;
      position: absolute;
      width: 8px;
    }

    &::-webkit-scrollbar-thumb {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
    }

    &::-webkit-scrollbar-track {
      background-clip: padding-box !important;
      border-radius: 4px;
      color: #0000;
      background: #0000;
      box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
    }

    &::-webkit-scrollbar-thumb {
      background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.52);
      box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
      min-height: 36px;
    }

    &::-webkit-scrollbar-corner {
      background: #0000;
    }

    &::-webkit-scrollbar {
      width: 16px;
    }

    &::-webkit-scrollbar-thumb, &::-webkit-scrollbar-track {
      border-left: 4px solid #0000;
      border-radius: 6px/4px;
      border-right: 4px solid #0000;
    }
  }
}

.p-workspace--context-pane-collapsed .p-workspace__secondary_view {
  display: none;
}

.p-workspace__secondary_view {
  display: grid;
  grid-area: p-workspace__secondary_view;
  grid-template-areas: 'p-workspace__secondary_view_header' 'p-workspace__secondary_view_contents';
  grid-template-columns: auto;
  grid-template-rows: 44px auto;
  overflow: hidden;

  &:not(.p-workspace__secondary_view--primary_collapsed) {
    border-left: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  }
}

.p-workspace__secondary_view--with_canvy_bar {
  border-left: 0 !important;
}

.p-workspace__secondary_view_contents--tiles {
  display: flex;
  flex-direction: column;
}

.p-workspace--classic-nav .p-workspace__secondary_view {
  grid-template-areas: 'p-workspace__secondary_view_contents';
  grid-template-rows: auto;
}

.p-workspace__secondary_view_header {
  display: flex;
  grid-area: p-workspace__secondary_view_header;
  min-width: 0;
}

.p-workspace__secondary_view_contents {
  grid-area: p-workspace__secondary_view_contents;
  min-height: 0;
  min-width: 0;
}

.p-workspace_banner__desktop-download-app .c-banner__text, .p-workspace_banner__desktop-notifications .c-banner__text, .p-workspace_banner__download .c-banner__text {
  white-space: break-spaces;
}

.p-workspace_banner__desktop-download-app .p-workspace_banner__desktop_banner_contents, .p-workspace_banner__desktop-notifications .p-workspace_banner__desktop_banner_contents, .p-workspace_banner__download .p-workspace_banner__desktop_banner_contents {
  display: flex;
}

.p-workspace_banner__desktop-download-app .p-workspace_banner__desktop_banner_main_text, .p-workspace_banner__desktop-notifications .p-workspace_banner__desktop_banner_main_text, .p-workspace_banner__download .p-workspace_banner__desktop_banner_main_text {
  display: flex;
  flex-wrap: wrap;
}

.p-workspace_banner__desktop-download-app .p-workspace_banner__desktop_banner_contrasted_text, .p-workspace_banner__desktop-notifications .p-workspace_banner__desktop_banner_contrasted_text, .p-workspace_banner__download .p-workspace_banner__desktop_banner_contrasted_text {
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 0.7);
}

.p-workspace_banner__desktop-download-app .p-workspace_banner__desktop_banner_dont_ask_again, .p-workspace_banner__desktop-notifications .p-workspace_banner__desktop_banner_dont_ask_again, .p-workspace_banner__download .p-workspace_banner__desktop_banner_dont_ask_again {
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 0.7);
  flex-shrink: 0;
  margin-left: auto;
  margin-top: auto;
  padding-left: 16px;
}

.p-workspace_banner__desktop-download-app .p-workspace_banner__desktop_banner_dont_ask_again .c-link--button, .p-workspace_banner__desktop-notifications .p-workspace_banner__desktop_banner_dont_ask_again .c-link--button, .p-workspace_banner__download .p-workspace_banner__desktop_banner_dont_ask_again .c-link--button {
  text-decoration: none;
}

.p-workspace, .p-workspace__primary_view, .p-workspace__primary_view_contents, .p-workspace__secondary_view, .p-workspace__tiles {
  min-height: 0;
  min-width: 0;
  position: relative;
}

.p-workspace__boot_failure {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  display: flex;
  flex-direction: column;
  margin: 0;
  min-height: 100vh;
  padding: 1rem;
  text-align: center;

  pre {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    margin: 30px auto 0;
    padding: 1rem;
    width: 55vw;
  }
}

.p-workspace__boot_failure_icon {
  height: 40px;
  margin: 150px 0 20px;
  width: 100%;

  &:before {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    font-size: 40px;
  }
}

.p-workspace__boot_failure_title {
  align-self: center;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
}

.p-workspace__boot_failure_description {
  align-self: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-top: 8px;
  max-width: 320px;
  padding: 1rem;

  .c-button {
    display: flex;
    margin: 20px auto 0;
  }
}

@media (max-width: 500px) {
  .p-workspace__boot_failure {
    width: 100%;

    pre {
      width: 100%;
    }
  }
}

.p-workspace_banner__download {
  height: 99px;

  .c-banner__text {
    display: flex;
    margin: auto 28px auto 48px;
  }

  .p-workspace_banner__download_content {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
  }

  .p-workspace_banner__download_content_main {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    max-width: 459px;
  }

  .p-workspace_banner__download_content_actions {
    text-align: right;
  }

  .p-workspace_banner__download_content_link--primary, .p-workspace_banner__download_content_link--secondary {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.46668;
    margin-top: 4px;
    text-decoration: none;
  }

  .p-workspace_banner__download_content_link--primary {
    &:focus, &:hover {
      text-decoration: underline;
    }
  }

  .p-workspace_banner__download_content_link--secondary {
    &:focus, &:hover {
      text-decoration: underline;
    }
  }

  .p-workspace_banner__download_content_link--primary {
    font-weight: 700;

    &:focus {
      color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    }
  }

  .p-workspace_banner__download_content_link--secondary {
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 0.7);
    margin-left: 16px;
    white-space: nowrap;

    &:focus {
      color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 0.7);
    }
  }

  .p-workspace_banner__download_content_download_button {
    text-decoration: none;
  }

  .p-workspace_banner__download_ssb_content_download_button {
    transition: none;
  }
}

@media (max-width: 885px) {
  .p-workspace_banner__download {
    .p-workspace_banner__download_content_main {
      display: block;
      max-width: 350px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;

      wbr {
        display: none;
      }
    }

    .p-workspace_banner__download_content_download_button {
      display: block;
      max-width: 200px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;

      wbr {
        display: none;
      }
    }

    .p-workspace_banner__download_ssb_content_download_button {
      padding-top: 6px;
    }
  }
}

@media (max-width: 765px) {
  .p-workspace_banner__download .p-workspace_banner__download_content_main {
    max-width: 250px;
  }
}

@media (max-width: 670px) {
  .p-workspace_banner__download {
    .p-workspace_banner__download_content_main {
      max-width: 130px;
    }

    .p-workspace_banner__download_content_download_button {
      max-width: 150px;
    }
  }

  @-moz-document url-prefix() {
    .p-workspace_banner__download {
      .p-workspace_banner__download_content_main {
        max-width: 100px;
      }

      .p-workspace_banner__download_content_download_button {
        max-width: 130px;
      }
    }
  }
}

.p-workspace_banner__download_content_icon {
  margin-right: 16px;
}

.p-workspace__primary_view_footer_inner {
  transition: height 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-workspace__primary_view_footer--expanded {
  height: calc(100% - 20px);
  margin-top: 20px;

  .p-message_pane_input {
    height: 100%;
    width: 100%;
  }

  .p-message_pane_input_inner {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
  }

  .p-message_pane_input_inner_top {
    flex-shrink: 0;
  }

  .p-message_pane_input_inner_main {
    flex: 1;
    min-height: 0;
  }

  .p-workspace__input {
    display: flex;
    height: 100%;
    min-height: 0;
  }

  .p-message_input__input_container_unstyled {
    flex: 1;
    min-height: 0;
  }

  .c-basic_container__body {
    height: 100%;
  }

  .p-workspace__input .ql-editor {
    height: 100%;
    max-height: none;
  }
}

.p-workspace--instant-slack {
  .p-resizer, .p-workspace__sidebar:after {
    top: 50px;
  }
}

.p-workspace__primary_view--inset {
  background: var(--p-channel_sidebar__column-bg);
  padding: 4px 4px 4px 0;

  &.p-workspace__primary_view--inset--with_secondary {
    padding: 4px 0;

    .p-workspace__primary_view_contents {
      border-radius: 8px 0 0 8px;
      overflow: hidden;
    }
  }

  .p-workspace__primary_view_body {
    border-radius: 0 0 8px 8px;
  }

  .p-workspace__primary_view_contents {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 8px;
    outline: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    overflow: hidden;
  }

  .p-top_nav__search {
    border-radius: 8px;
  }

  .p-huddle_sidebar_footer__container.p-huddle_sidebar_footer__container--no_survey {
    padding: 0 4px 4px;

    .p-huddle_sidebar_footer__join_non_active_container {
      border-radius: 8px;
    }
  }

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

.p-workspace__secondary_view--inset {
  background-color: var(--p-channel_sidebar__column-bg);
  padding: 4px 4px 4px 0;

  .p-workspace__secondary_view_contents--inset {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    --saf-1: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-radius: 0 8px 8px 0;
    box-shadow: 1px 1px 0 0 var(--saf-0), 0 -1px 0 0 var(--saf-0);
  }

  &:not(.p-workspace__secondary_view--primary_collapsed) {
    border-left: none;
  }
}

.p-workspace__primary_view_footer--inset {
  border-radius: 0 0 8px 8px;

  &.p-workspace__primary_view_footer--inset--with_secondary {
    border-radius: 0 0 0 8px;
  }
}

.p-ent_entity_icon {
  border-radius: 4px;
  cursor: auto;
  overflow: hidden;

  &:after {
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #0000001c;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }

  img {
    border-radius: 4px;
  }
}

.p-workspace_search_options_list_item {
  align-items: center;
  display: flex;
  height: 100%;
  overflow: hidden;
  padding: 0 10px;
  pointer-events: none;
  position: relative;
}

.p-workspace_search_options_list_item__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(100% - 80px);
}

@media only screen and (max-width: 480px) {
  .p-workspace_search_options_list_item__content {
    width: calc(100% - 40px);
  }
}

.p-workspace_search_options_list_item__primary_content {
  display: block;
  font-size: 15px;
  font-weight: 400;
  font-weight: 900;
  line-height: 1.46668;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-workspace_search_options_list_item__secondary_content {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-workspace_search_options_list_item__secondary_content_item {
  border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;

  &:first-child {
    padding-left: 0;
  }

  &:last-child {
    border-right: none;
    padding-right: 0;
  }
}

.p-workspace_search_options_list_item__avatar {
  margin-right: 12px;
}

.p-workspace_search_options_list_item__alternate_content--highlight {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-weight: 700;
}

.p-workspace_search__option--active, .p-workspace_search__option--selected {
  background-color: #1264a3;
  border-radius: 0;
}

.p-workspace_search__option--active {
  .p-workspace_search_options_list_item__alternate_content, .p-workspace_search_options_list_item__alternate_content--highlight, .p-workspace_search_options_list_item__primary_content, .p-workspace_search_options_list_item__secondary_content {
    color: #fff;
  }
}

.p-workspace_search__option--selected {
  .p-workspace_search_options_list_item__alternate_content, .p-workspace_search_options_list_item__alternate_content--highlight, .p-workspace_search_options_list_item__primary_content, .p-workspace_search_options_list_item__secondary_content {
    color: #fff;
  }
}

.p-workspace_search__option--active:after, .p-workspace_search__option--selected:after {
  color: #fff;
  content: '\E302';
  display: block;
  font-family: Slack v2;
  font-size: 18px;
  height: 13px;
  position: absolute;
  right: 23px;
  top: 6px;
  width: 13px;
}

@media only screen and (max-width: 480px) {
  .p-workspace_search__option--active:after, .p-workspace_search__option--selected:after {
    content: '';
  }
}

.p-workspace_search_options_list {
  padding-left: 0;
  padding-right: 0;
}

.p-workspace_search_container--grouped {
  padding: 0;

  .p-workspace_search__option {
    padding: 0;

    .p-workspace_search_options_list_item {
      padding-left: 5px;
    }
  }

  .p-workspace_search__option_group_label {
    align-items: center;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    display: flex;
    padding: 0 20px;
    padding-top: 4px;

    &:after {
      border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
      content: '';
      display: block;
      height: 1px;
      position: absolute;
      top: 40px;
      width: calc(100% - 40px);
    }
  }
}

.p-workspace_search {
  height: 44px;
  margin-bottom: 12px;
  padding: 0;
  position: relative;

  &:before {
    align-items: center;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    content: '\E010';
    cursor: default;
    display: flex;
    font-family: Slack v2;
    font-size: 18px;
    height: 42px;
    justify-content: center;
    left: 4px;
    position: absolute;
    top: 1px;
    width: 40px;
  }
}

.p-workspace-search__select, input.p-workspace-search__select {
  padding: 4px 40px;
}

.p-workspace_search__selected_value {
  display: block;
  margin-left: 40px;
  margin-right: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

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

.p-workspace_search_options_list__empty_state {
  cursor: default;
}

.p-workspace_search__no-results-message {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin: 12px;
  text-align: left;
  white-space: normal;
}

.p-workspace_search__clear-button {
  align-items: center;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 24px;
  z-index: 1;

  &:after {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    content: '\E214';
    cursor: pointer;
    display: block;
    font-family: Slack v2;
    font-size: 18px;
    height: 18px;
    line-height: 1;
    width: 18px;
  }
}

.p-workspace_search__search_icon_wrapper {
  align-items: center;
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  height: 36px;
  justify-content: center;
  margin-right: 12px;
  width: 36px;
}

.p-workspace_directory_card {
  --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.p-workspace_directory_card--large {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.11);
  border: 1px solid var(--saf-0);
  box-shadow: 0 20px 30px 0 #0000001a;
  padding: 56px 64px;
  width: 530px;

  .p-workspace_directory_card__title {
    display: block;
    font-size: 28px;
    font-weight: 900;
    line-height: 1.2143;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    wbr {
      display: none;
    }
  }

  .p-workspace_directory_card__button {
    margin-top: 40px;
  }

  .p-workspace_directory_card__heading {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-left: 24px;
    width: auto;
  }

  .p-workspace_directory_card__subtitle {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.46668;
    margin-top: 4px;
  }

  .p-workspace_directory_card__description {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.46668;
    margin-top: 24px;
  }

  .p-workspace_directory_card__status {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-size: 15px;
    font-weight: 400;
    font-weight: 700;
    line-height: 1.46668;
    margin-top: 24px;
    max-width: 100%;
    width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .p-workspace_directory_card--large .p-workspace_directory_card__title {
    font-size: 22px;
    font-weight: 900;
    line-height: 1.36365;
  }
}

@media only screen and (max-width: 480px) {
  .p-workspace_directory_card--large .p-workspace_directory_card__heading {
    padding-left: 16px;
  }
}

@media only screen and (max-width: 480px) {
  .p-workspace_directory_card--large .p-workspace_directory_card__subtitle {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    margin-top: 2px;
  }
}

@media only screen and (max-width: 480px) {
  .p-workspace_directory_card--large .p-workspace_directory_card__description {
    margin-top: 16px;
  }
}

@media only screen and (max-width: 480px) {
  .p-workspace_directory_card--large {
    .p-workspace_directory_card__status {
      margin-top: 16px;
    }

    box-shadow: none;
    padding: 32px;
    width: 100%;
  }
}

.p-workspace_directory_card__button {
  width: 100%;
}

.p-workspace_directory_card--small {
  box-shadow: 0 1px 3px 0 #0000001c;
  cursor: pointer;
  flex: none;
  height: 218px;
  padding: 36px;
  position: relative;
  width: 328px;

  .p-workspace_directory_card__title {
    display: block;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.33334;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 2;

    wbr {
      display: none;
    }
  }

  .p-workspace_directory_card__button {
    margin-top: 24px;
    z-index: 2;
  }

  .p-workspace_directory_card__heading {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-left: 12px;
    width: auto;
  }

  .p-workspace_directory_card__subtitle {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    margin-top: 2px;
  }

  .p-workspace_directory_card__description {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    margin-top: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .p-workspace_directory_card__status {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-size: 15px;
    font-weight: 400;
    font-weight: 700;
    line-height: 1.46668;
    margin-top: 24px;
    max-width: 100%;
    width: 100%;
  }

  &:after {
    border-radius: 8px;
    box-shadow: 0 8px 16px #0000001c;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .15s ease-in;
    width: 100%;
    z-index: 1;
  }

  &:hover:after {
    opacity: 1;
  }

  &:focus {
    outline: none;
  }
}

@media only screen and (max-width: 480px) {
  .p-workspace_directory_card--small .p-workspace_directory_card__subtitle {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
  }
}

@media only screen and (max-width: 480px) {
  .p-workspace_directory_card--small .p-workspace_directory_card__status {
    margin-top: 16px;
  }
}

@media only screen and (max-width: 480px) {
  .p-workspace_directory_card--small {
    width: 100%;
  }
}

.p-grid_onboarding {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  height: 100vh;
  overflow-y: scroll;
  position: relative;
}

.p-grid_onboarding__pane {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  background-image: url(./onboarding-illo-4f24919.png);
  background-position: 50% 90%;
  background-repeat: no-repeat;
  background-size: 380px;
  border: 1px solid #00000017;
  border-radius: 8px;
  box-shadow: 0 20px 30px 0 #0000001a;
  height: auto;
  height: 580px;
  margin: 0 auto;
  min-width: 300px;
  transform: translate3d(0, 40px, 0);
  transition: margin-top .25s ease-in;
  transition-delay: .2s;
  width: 528px;
}

@media only screen and (max-width: 480px) {
  .p-grid_onboarding__pane {
    border: none;
    border-bottom: 1px solid #00000017;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 32px;
    margin-top: 0;
    width: 100%;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-grid_onboarding__pane {
    background-image: url(./onboarding-illo@2x-b2f8f39.png);
  }
}

@media only screen and (max-width: 480px) {
  .p-grid_onboarding__pane {
    transform: translateZ(0);
  }
}

.p-grid_onboarding__content {
  margin-bottom: 200px;
  padding: 56px 64px;
}

@media only screen and (max-width: 480px) {
  .p-grid_onboarding__content {
    padding: 32px 20px;
  }
}

.p-grid_onboarding__footer {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  font-size: 15px;
  font-weight: 400;
  justify-content: center;
  line-height: 1.46668;
  margin: 80px auto 40px;
  padding: 0 36px;
  width: 528px;
}

@media only screen and (max-width: 480px) {
  .p-grid_onboarding__footer {
    display: none;
  }
}

.p-grid_onboarding__footer_link {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);

  &:link, &:visited {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }
}

.p-grid_onboarding__footer_icon {
  line-height: 1;
}

.p-grid_onboarding__spinner {
  align-items: center;
  display: flex;
  height: 80vh;
}

@media only screen and (max-width: 480px) {
  .p-grid_onboarding__spinner {
    height: 60vh;
  }
}

.p-grid_onboarding__header {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 28px;
  font-weight: 900;
  line-height: 1.2143;
  text-align: left;
}

.p-grid_onboarding__subheader {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: 40px;
  margin-top: 12px;
  text-align: left;

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

@media only screen and (max-width: 480px) {
  .p-grid_onboarding__subheader {
    margin-bottom: 32px;
  }
}

.p-grid_onboarding__body {
  margin-top: 40px;
}

@media only screen and (max-width: 480px) {
  .p-grid_onboarding__body {
    margin-top: 32px;
  }
}

.p-grid_onboarding__button {
  height: 44px;
  width: 100%;
}

.p-grid_onboarding__results {
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  width: 528px;
}

@media only screen and (max-width: 480px) {
  .p-grid_onboarding__results {
    margin-top: 32px;
    min-width: 280px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100vw;
  }
}

.p-grid_onboarding_results__search {
  max-width: 100%;
  width: 100%;
}

.p-grid_onboarding_results__icon {
  margin-right: 8px;
  position: relative;
  top: 4px;
}

.p-grid_onboarding__results_heading_container {
  margin-top: 40px;
}

@media only screen and (max-width: 480px) {
  .p-grid_onboarding__results_heading_container {
    margin-top: 32px;
  }
}

.p-grid_onboarding__results_heading {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
}

.p-grid_onboarding__results_subheading {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-top: 4px;
}

@media only screen and (max-width: 480px) {
  .p-grid_onboarding__results_subheading {
    display: none;
  }
}

.p-grid_onboarding_results__list {
  margin-top: 40px;
}

@media only screen and (max-width: 480px) {
  .p-grid_onboarding_results__list {
    margin-top: 32px;
  }
}

.p-grid_onboarding_results__list_item {
  margin-bottom: 40px;
}

@media only screen and (max-width: 480px) {
  .p-grid_onboarding_results__list_item {
    margin-bottom: 32px;
  }
}

.p-grid_onboarding__card_steps, .p-grid_onboarding__search_by_colleague_screen, .p-grid_onboarding__welcome_screen {
  min-width: 100%;
  transition: all 0.2s ease-in-out;
}

.p-grid_onboarding__results_container {
  transition: opacity .25s ease-in, visibility .25s ease-in;
  transition-delay: 0.2s;
}

@media only screen and (max-width: 480px) {
  .p-grid_onboarding__results_container {
    padding-bottom: 20px;
  }
}

.p-grid_onboarding__welcome_screen {
  z-index: 2;
}

.p-grid_onboarding__search_by_colleague_screen {
  z-index: 1;
}

.p-grid_onboarding__card_steps--active, .p-grid_onboarding__results--active, .p-grid_onboarding__search_by_colleague_screen--active, .p-grid_onboarding__welcome_screen--active {
  opacity: 1;
  transition-delay: .1s;
  visibility: visible;
}

.p-grid_onboarding__card_steps--inactive, .p-grid_onboarding__results--inactive, .p-grid_onboarding__search_by_colleague_screen--inactive, .p-grid_onboarding__welcome_screen--inactive {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.p-grid_onboarding__welcome_screen--active {
  transform: translateZ(0);
}

.p-grid_onboarding__welcome_screen--inactive {
  transform: translate3d(-20px, 0, 0);
}

@media only screen and (max-width: 480px) {
  .p-grid_onboarding__welcome_screen--inactive {
    transform: translate3d(-5px, 0, 0);
  }
}

.p-grid_onboarding__search_by_colleague_screen--active {
  transform: translate3d(-398px, 0, 0);
}

@media only screen and (max-width: 480px) {
  .p-grid_onboarding__search_by_colleague_screen--active {
    transform: translate3d(-100%, 0, 0);
  }
}

.p-grid_onboarding__search_by_colleague_screen--inactive {
  transform: translate3d(-378px, 0, 0);
}

@media only screen and (max-width: 480px) {
  .p-grid_onboarding__search_by_colleague_screen--inactive {
    transform: translate3d(-90%, 0, 0);
  }
}

.p-grid_onboarding__card_steps--active {
  height: 100%;
  transform: translateZ(0);
}

.p-grid_onboarding__card_steps--inactive {
  height: 0;
  transform: translate3d(0, 20px, 0);
}

.p-workspace_directory_dialog {
  .c-dialog__header {
    background: linear-gradient(46.57deg, #1a2129 0, #1d9bd133 100%), rgba(var(--sk_inverted_background, 29, 28, 29), 1);
  }

  .c-dialog__close {
    margin: 0;
    position: absolute;
    right: 16px;
    top: 16px;
  }
}

.p-workspace_directory_dialog--focus_ring {
  a.focus-ring, button.focus-ring {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border-radius: 4px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
    outline: none;
  }
}

.p-workspace_directory_dialog__header {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  margin-top: 24px;
}

.p-workspace_directory_dialog__name {
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  margin-top: 12px;
  text-align: center;
  white-space: normal;
}

.p-workspace_directory_dialog__domain {
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-top: 4px;
}

.p-workspace_directory_dialog__caption {
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 8px;
  margin-top: 28px;
}

.p-workspace_directory_dialog__body {
  margin-top: 16px;
}

.p-workspace_directory_dialog__leave {
  color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  cursor: pointer;
}

.p-workspace_directory_dialog--mobile {
  border: none;
  padding: 0;
}

.p-workspace_directory_dialog__header--mobile {
  background: linear-gradient(46.57deg, #1a2129 0, #1d9bd133 100%), rgba(var(--sk_inverted_background, 29, 28, 29), 1);
  margin: 0;
  padding-bottom: 32px;
  padding-top: 32px;
}

.p-workspace_directory_dialog__contents--mobile {
  margin: 16px 20px;
}

.p-workspace_grid_list__row {
  display: flex;
  margin-bottom: 20px;
  width: 100%;
}

.p-workspace_grid_list__row--one_column {
  justify-content: space-around;
}

.p-workspace_grid_list__cell {
  margin-right: 20px;

  &:last-child {
    margin-right: 0;
  }
}

@media only screen and (max-width: 480px) {
  .p-workspace_grid_list__cell {
    width: 100%;
  }
}

.p-navigation_bar {
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-bottom: 1px solid rgba(var(--sk_primary_foreground, 29, 28, 29), 0.11);
  display: flex;
  height: 68px;
  max-width: 100%;
  padding: 16px 16px 16px 20px;
  position: relative;
  width: 100%;
  z-index: 1000;
}

.p-navigation_bar__left {
  display: flex;
  flex-basis: 50%;
  width: 100%;
}

.p-navigation_bar__center {
  flex-basis: auto;
}

.p-navigation_bar__right {
  display: flex;
  flex-basis: 50%;
  flex-direction: row-reverse;
}

.p-navigation_bar__logo {
  background-image: url(./slack_logo-ebd02d1.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex: 0 0 auto;
  height: 55px;
  top: 2px;
  width: 100px;
}

@media only screen and (max-width: 375px) {
  .p-navigation_bar__logo {
    background-image: url(./slack_logo_mark-01b46d3.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 35px 35px;
    top: 0;
    width: 35px;
  }
}

.p-navigation_bar__heading {
  align-items: center;
  display: flex;
  margin-left: 20px;
  overflow: hidden;

  &:before {
    border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    content: '';
    height: 36px;
    padding-left: 20px;
  }
}

.p-navigation_bar__title {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: block;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-left: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-workspace_directory_header__user_icon {
  line-height: 1;
}

.p-workspace_directory_header__settings {
  align-items: center;
  display: flex;
}

.p-workspace_directory_header__search {
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 12px;
  width: 328px;
}

@media only screen and (max-width: 640px) {
  .p-workspace_directory_header__search {
    display: none;
  }
}

.p-workspace_directory_header__menu {
  max-width: 296px;
  min-width: 220px;
}

.p-workspace_directory_header__manage_org {
  margin-right: 12px;
}

@media only screen and (max-width: 640px) {
  .p-workspace_directory_header__manage_org {
    display: none;
  }
}

.p-workspace_directory_banner {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 6px;
  box-shadow: 0 1px 3px 0 #0000001c;
  display: flex;
  justify-content: space-between;
  max-width: 1024px;
  padding: 20px;
  position: relative;
}

.p-workspace_directory_banner__text {
  flex: 1;
  max-width: 340px;
}

.p-workspace_directory_banner__title {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  margin-bottom: 8px;
}

.p-workspace_directory_banner__description {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-workspace_directory_banner__close_btn {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  cursor: pointer;
  margin: 20px;
  position: absolute;
  right: 0;
  top: 0;

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

.p-workspace_directory__page {
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  height: calc(100vh - 68px);
  overflow: scroll;
  position: relative;
}

@media only screen and (max-width: 480px) {
  .p-workspace_directory__page {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.p-workspace_directory__page--modal_view {
  box-shadow: inset 0 1px 1px #0000001a;
}

.p-workspace_directory__wrapper {
  .p-workspace_directory_card.focus-ring, a.focus-ring, button.focus-ring {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border-radius: 4px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
    outline: none;
  }
}

.p-workspace_directory {
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 1024px;
}

@media only screen and (max-width: 1024px) {
  .p-workspace_directory {
    width: 676px;
  }
}

@media only screen and (max-width: 480px) {
  .p-workspace_directory {
    max-width: 335px;
    min-width: 280px;
    width: 100%;
  }
}

.p-workspace_directory__body {
  padding-top: 0;
  transition: transform .3s ease-in;
  z-index: 1;
}

.p-workspace_directory__body--has_banner {
  padding-top: 48px;
}

.p-workspace_directory__spinner {
  width: 100%;
}

.p-workspace_directory__spinner--fs {
  align-items: center;
  background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  box-shadow: inset 0 1px 1px #0000001a;
  display: flex;
  height: 100%;
  position: absolute;
  z-index: 1;
}

.p-workspace_directory__header_pane {
  display: flex;
  flex-direction: column;
  margin-bottom: 36px;
  margin-top: 48px;
  width: 100%;
}

@media only screen and (max-width: 480px) {
  .p-workspace_directory__header_pane {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}

.p-workspace_directory__title {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-size: 28px;
  font-weight: 900;
  line-height: 1.2143;
}

.p-workspace_directory__search {
  margin-top: 24px;
}

@media only screen and (max-width: 480px) {
  .p-workspace_directory__search {
    display: none;
  }
}

.p-workspace_directory__list_title {
  align-items: center;
  display: flex;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  margin-bottom: 24px;
}

@media only screen and (max-width: 480px) {
  .p-workspace_directory__list_title {
    font-size: 18px;
    font-weight: 900;
    line-height: 1.33334;
    margin-bottom: 20px;
  }
}

.p-workspace_directory__list {
  margin-bottom: 28px;
}

@media only screen and (max-width: 480px) {
  .p-workspace_directory__list {
    margin-bottom: 12px;
  }
}

.p-workspace_directory__list_empty_state_text {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: 80px;
}

.p-workspace_directory__banner {
  opacity: 1;
  transition: opacity 0.15s ease-out;
}

.p-workspace_directory__banner--hidden {
  opacity: 0;
  pointer-events: none;
}

.p-workspace_directory__banner--onboarding {
  background-image: url(./onboarding-banner-illo-3c70ab3.png);
  background-position: 78%;
  background-repeat: no-repeat;
  background-size: 368px;
  position: absolute;
  width: 100%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-workspace_directory__banner--onboarding {
    background-image: url(./onboarding-banner-illo@2x-56afb94.png);
  }
}

@media only screen and (max-width: 1024px) {
  .p-workspace_directory__banner--onboarding {
    background-image: url(./onboarding-banner-illo-3c70ab3.png);
    background-position: 92%;
    background-repeat: no-repeat;
    background-size: 264px;
  }
}

@media only screen and (max-width: 480px) {
  .p-workspace_directory__banner--onboarding {
    background-image: none;
  }
}

.p-workspace_directory__banner--workspace_request {
  background-image: url(./nwr-banner-illo-8ad4a03.png);
  background-position: 80% -20%;
  background-repeat: no-repeat;
  background-size: 230px;
  margin-bottom: 48px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-workspace_directory__banner--workspace_request {
    background-image: url(./nwr-banner-illo@2x-5823e1f.png);
  }
}

@media only screen and (max-width: 1024px) {
  .p-workspace_directory__banner--workspace_request {
    background-image: url(./nwr-banner-illo-8ad4a03.png);
    background-position: 92% -20%;
    background-repeat: no-repeat;
    background-size: 230px;
  }
}

@media only screen and (max-width: 480px) {
  .p-workspace_directory__banner--workspace_request {
    background-image: none;
  }
}

.p-workspace_directory_empty_state {
  --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.11);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  box-shadow: 0 20px 30px 0 #0000001a;
  display: flex;
  flex-direction: column;
  padding: 56px 64px;
  width: 530px;
}

@media only screen and (max-width: 480px) {
  .p-workspace_directory_empty_state {
    box-shadow: none;
    padding: 32px;
    width: 100%;
  }
}

.p-workspace_directory__empty_state_container {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.p-workspace_directory_empty_state__icon {
  display: inline-block;
  margin-right: 12px;
  position: relative;
  top: 4px;
  vertical-align: top;
}

.p-workspace_directory_empty_state__heading {
  font-size: 28px;
  font-weight: 900;
  line-height: 1.2143;
  margin-bottom: 16px;
}

@media only screen and (max-width: 480px) {
  .p-workspace_directory_empty_state__heading {
    font-size: 18px;
    font-weight: 900;
    line-height: 1.33334;
  }
}

.p-workspace_directory_empty_state__body {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: 0;
}

.p-workspace_directory_empty_state__footer {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  font-size: 15px;
  font-size: 13px;
  font-weight: 400;
  justify-content: center;
  line-height: 1.46668;
  line-height: 1.38463;
  margin: 40px auto 0;
  padding: 0 36px;
  width: 528px;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);

  &:link, &:visited {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  }
}

@media only screen and (max-width: 480px) {
  .p-workspace_directory_empty_state__footer {
    width: 100%;
  }
}

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

.p-workspace_directory__modal_body {
  padding-top: 0;
}

.p-get_started_confirmation_code {
  align-items: center;
  display: flex;
  flex-direction: column;

  .c-alert--level_default {
    background-color: initial;
    border-color: #0000;
  }
}

.p-get_started_confirmation_code__input_container {
  max-width: 500px;
  width: 100%;
}

.p-get_started_confirmation_code__input_fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.p-get_started_confirmation_code__hint {
  color: #454245;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 16px;
}

.p-get_started_confirmation_code__hint--gov_slack, .p-get_started_confirmation_code__open--gov_slack .p-get_started__email_app_link {
  color: #fff;
}

.p-refreshed_page {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  max-width: 800px;
  width: 100%;
}

.p-refreshed_page__heading {
  font-family: Slack-Larsseit, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -.75px;
  line-height: 46px;
  margin-bottom: 10px;
  max-width: 700px;
  text-align: center;
}

.p-refreshed_page__heading_highlighted {
  color: #4a154b;
}

.p-refreshed_page__heading_highlighted_redesigned {
  color: #007a5a;
}

.p-refreshed_page__heading_base {
  margin-bottom: 0;
}

.p-refreshed_page__heading_redesigned {
  font-size: 50px;
  font-weight: 700;
  letter-spacing: -.75px;
  line-height: 56px;
  text-align: left;
  word-break: break-word;
}

.p-refreshed_page__subheader {
  margin-bottom: 32px;
  padding-bottom: 32px;
}

.p-refreshed_page__subheader_redesigned {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  font-family: Slack-Circular-Pro, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
  font-size: 20px;
  letter-spacing: -.2px;
  line-height: 28px;
  margin-bottom: 8px;
  text-align: left;
}

.p-refreshed_page__sub_heading {
  color: #454245;
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 32px;
  max-width: 700px;
  text-align: center;
}

.p-refreshed_page__sub_heading_redesigned {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
}

.p-refreshed_page__body, .p-refreshed_page__sub_heading_redesigned {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  max-width: 700px;
  text-align: center;
}

.p-refreshed_page__body {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin-bottom: 32px;
}

.p-refreshed_page__body_redesign {
  margin-bottom: 8px;
  margin-top: 16px;
  text-align: left;
}

.p-refreshed_page__header {
  align-items: center;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 48px 0 40px;
  width: 100%;

  .center-col {
    text-align: center;
  }

  .right-col {
    display: flex;
    justify-content: flex-end;
  }

  .p-confirmed_email_pill {
    margin-left: auto;
    margin-right: 16px;
  }
}

@media screen and (max-width: 480px) {
  .p-refreshed_page__header .right-col {
    display: none;
  }
}

.p-refreshed_page__header--landing .p-confirmed_email_pill {
  background-color: #fffc;
  color: #1d1c1d;

  .email {
    color: #1d1c1d;
  }
}

@media screen and (min-width: 850px) {
  .p-refreshed_page__header--landing {
    padding: 48px 0 32px;

    .p-confirmed_email_pill {
      margin: 12px auto 0;
      max-width: none;
      width: -moz-fit-content;
      width: fit-content;

      .email {
        max-width: 700px;
        padding-right: 5px;
      }
    }
  }
}

@media screen and (max-width: 960px) {
  .p-refreshed_page__header--should_wrap {
    .center-col, .left-col {
      grid-column: span 3;
    }

    .right-col {
      grid-column: span 3;
      margin-top: 16px;
      text-align: center;
    }

    .p-confirmed_email_pill {
      margin-right: auto;
    }

    &.p-refreshed_page__header--landing {
      .right-col {
        margin-top: 0;
      }

      .p-confirmed_email_pill {
        margin-top: 16px;
      }
    }
  }
}

.p-refreshed_page__header--is_horchata_landing_bg {
  background: #f4ede480;
}

.p-refreshed_page__header--no_logo {
  padding: 32px 0 24px;
}

.p-refreshed_page__header--sf_slack_logo {
  background: #f4ede4;
  display: flex;
  height: 120px;
  justify-content: center;
  margin-bottom: 32px;
}

.p-refreshed_page__header--display_warning_banner {
  padding-top: 80px;
}

.p-refreshed_page__header_spacer {
  flex: 1;
}

@media screen and (max-width: 480px) {
  .p-refreshed_page__header_spacer {
    display: none;
    flex: unset;
  }
}

.p-refreshed_page__header_sidelink {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  padding-right: 40px;
  text-align: right;
}

.p-refreshed_page_layout__children--gov_slack {
  align-items: center;
  background-color: #1c405f;
  color: #fff;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100vh;
  height: 100%;
  overflow: auto;
  padding: 0;
  width: 100%;
}

@media only screen and (max-width: 480px) {
  .p-refreshed_page_layout__children--gov_slack {
    height: 100%;
  }
}

.p-refreshed_page__footer_container {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 32px 0;

  .p-app_slack_logo {
    margin-bottom: 16px;
  }
}

.p-refreshed_page__footer_container--gov_slack {
  background-color: #1c405f;
  color: #fff;
  width: 100%;
}

.p-refreshed_page__footer {
  align-content: center;
  border: none;
  display: flex;
  justify-content: center;
  padding: 0;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 480px) {
  .p-refreshed_page__footer {
    flex-direction: column;
  }
}

.p-refreshed_page__footer_link {
  color: #696969;
  font-size: 15px;
  font-weight: 400;
  font-weight: 500;
  letter-spacing: -.2px;
  line-height: 1.46668;
  margin-bottom: 4px;
  margin-right: 16px;

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

.p-refreshed_page__footer_link--main {
  text-align: center;
}

@media screen and (max-width: 480px) {
  .p-refreshed_page__footer_link--main {
    margin: 0 0 16px;
  }
}

.p-refreshed_page__footer_locales {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 18px 48px 0 #00000014;
  margin-left: 24px;
  margin-right: 24px;
  max-width: 600px;
  padding: 24px;
}

body.p-refreshed_page__footer_modal--open {
  min-height: 100%;
  overflow: hidden;
}

.p-refreshed_page__footer_overlay {
  background-color: #0000004d;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}

.p-refreshed_page__footer_link--gov_slack, .p-refreshed_page__header--gov_slack, .p-refreshed_page__layout--gov_slack, .p-refreshed_page__sub_heading--gov_slack {
  color: #fff;
}

.p-refreshed_page__header--gov_slack, .p-refreshed_page__layout--gov_slack {
  background: #1c405f;
}

.p-refreshed_page__footer_link--gov_slack {
  &:active, &:focus, &:hover {
    color: #36c5f0;
  }
}

.p-refreshed_page__full_background {
  background: #f4ede4d9;
}

.p-refreshed_page__two_column_section {
  align-items: center;
  background-color: #f4ede4d9;
  contain: paint;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
}

.p-refreshed_page__two_column_container {
  column-gap: 1%;
  display: grid;
  flex-wrap: wrap-reverse;
  grid-template-columns: 50% 49%;
  justify-items: start;
  max-width: 1000px;
  padding: 0 4vw;
  width: 100%;

  .p-join_form__form_container {
    max-width: 421px;
  }

  .p-refreshed_page__two_column_content {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    max-width: 500px;
    min-width: 280px;
  }

  .p-refreshed_page__video_container {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    margin-top: 80px;
    min-width: 560px;
    position: sticky;
    top: 80px;

    .p-refreshed_page__video {
      max-height: 400px;
      max-width: 700px;
    }
  }
}

@media screen and (max-width: 768px) {
  .p-refreshed_page__two_column_container {
    display: flex;
    flex-direction: row;
    gap: 24px;
  }
}

@media screen and (max-width: 768px) {
  .p-refreshed_page__two_column_container .p-refreshed_page__two_column_content {
    max-width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .p-refreshed_page__two_column_container .p-refreshed_page__video_container {
    align-items: center;
    align-self: flex-start;
    margin-top: 0;
    width: 100%;
  }
}

.p-refreshed_page__full_width_footer {
  background: #f4ede4d9;
  width: 100%;
}

.team-signin-link:hover {
  text-decoration: none;
}

.confirmation_code_span_cell {
  font-size: 15px;
  font-weight: 400;
  vertical-align: middle;
}

.two_factor_input_item {
  --saf-0: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  border: 1px solid var(--saf-0);
  border-color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);

  &:not(:first-child) {
    border-left: none;
  }

  &:first-child {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
  }

  &:last-child {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
  }

  &.focused {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    --saf-1: rgba(var(--sk_highlight, 18, 100, 163), 0.3);
    border: 1px solid var(--saf-0);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 7px var(--saf-1);
  }

  input {
    background: none;
    border: none;
    box-shadow: none;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-size: 50px;
    height: 92px;
    line-height: 56px;
    max-width: 80px;
    text-align: center;
    width: 100%;

    &:active, &:focus, &:hover {
      box-shadow: none;
      outline: none;
    }

    &:disabled {
      background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.14);
    }
  }
}

@media only screen and (max-width: 767px) {
  .two_factor_input_item input {
    font-size: 2rem;
    padding: 0.5rem;
  }
}

@media only screen and (max-width: 400px) {
  .two_factor_input_item input {
    height: auto;
    padding: 0;
  }
}

.confirmation_code[data-state=error] .split_input_item {
  border-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
}

.confirmation_code_checker {
  margin-top: 15px;

  .confirmation_code_state_message {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    text-align: left;

    svg.ts_icon_spinner {
      height: 1.1rem;
      margin-right: 10px;
      width: 1.1rem;
    }
  }
}

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

html {
  height: 100%;
}

#enter_code_app_root {
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.p-enter-code__button {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 250px;
  width: 100%;

  .c-button--outline {
    margin-top: 12px;
  }
}

.p-enter-code__help_button {
  align-items: center;
  color: #696969;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin-top: 12px;
  max-width: 500px;
  width: 100%;

  .c-link--button.p-enter-code__get_help_link {
    background: none;
    border: 0;
    color: #696969;
    cursor: pointer;
    font: inherit;
    line-height: inherit;
    margin: 0 0 10px;
    overflow: initial;
    padding: 0;
    text-align: initial;
    text-decoration: none;
    vertical-align: initial;
  }

  div.send_code_block {
    margin-top: 10px;
  }

  .c-link--button.p-enter-code__get_help_link:hover {
    text-decoration-line: underline;
  }
}

.p-enter-code__logged_in_teams {
  color: #696969;
  display: flex;
  justify-content: space-around;
  margin-top: 24px;
  max-width: 500px;
  width: 100%;

  a, ol, p, ul {
    margin-bottom: 0;
    margin-top: 8px;
  }

  p.small_bottom_margin {
    margin-top: 0;
  }
}

.p-enter-code-app__form_container {
  min-width: 376px;
}

.p-enter-code-app__spinner_container {
  align-items: center;
  display: flex;
  flex-grow: 1;
  margin-bottom: 60px;
}

.p-enter_code_app__view_header {
  font-family: Slack-Larsseit, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 56px;
  margin-bottom: 4px;
  max-width: 700px;
  text-align: center;
}

.p-enter_code_app__view_sub_header {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 32px;
  max-width: 700px;
  text-align: center;
}

.p-enter-code-app__accept_app_view_container {
  align-items: center;
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh;
  padding-top: 24px;
  width: 100%;
}

.p-enter-code-app__accept_app_footer {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-end;
  margin-top: 24px;
}

.p-enter_code_aubergine_button {
  background-color: #4a154b;
  border: none;
  color: #fff;

  &:active, &:hover {
    background-color: #4a154be6;
    border: none;
  }

  &[disabled] {
    background-color: #4a154b80;
    color: #fff;
  }
}

.p-enter_code_aubergine_button--bright {
  background-color: #611f69;
  border: none;
  color: #fff;

  &:active, &:hover {
    background-color: #611f69e6;
    border: none;
  }

  &[disabled] {
    background-color: #611f6980;
    color: #fff;
  }
}

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

.p-enter_code_aubergine_outline_button--bright {
  background-color: #fff;
  color: #611f69;
}

.p-enter_code {
  align-items: center;
  display: flex;
  flex-direction: column;

  .c-alert--level_default {
    background-color: initial;
    border-color: #0000;
  }
}

.p-enter_code__input_container {
  min-width: 300px;
  width: 100%;
}

.p-enter_code__input_fieldset {
  border: #0000;
  margin: 0 0 15px;
  padding: 0;
}

.p-enter_code__hint {
  color: #454245;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 16px;
}

.p-enter-code-error__alert {
  margin-bottom: 32px;
  max-width: 500px;
  width: 100%;
}

.p-team_sidebar {
  align-items: center;
  background: var(--p-team_sidebar__nav-bg);
  display: flex;
  flex-direction: column;
  margin-top: 44px;
  max-height: 100vh;
  outline: none;
  overflow-y: scroll;
  padding-bottom: 20px;
  z-index: 205;

  &::-webkit-scrollbar {
    display: none;
  }
}

.p-team_sidebar--classic_nav {
  box-shadow: inset -1px 0 0 0 #0000001a;
}

.p-client_desktop--ia-top-nav {
  .p-team_sidebar--classic_nav {
    box-shadow: none;
  }

  .p-team_sidebar {
    box-shadow: inset -1px 0 0 0 var(--p-team_sidebar__text-color--mix-10);
  }
}

.p-team_sidebar--custom_titlebar {
  padding-top: 27px;
}

.p-team_sidebar__teams {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.p-team_sidebar--classic_nav .p-team_sidebar__teams {
  flex: 0 0 auto;
}

.c-button-unstyled.p-team_sidebar__item {
  cursor: pointer;
  margin-top: 20px;
  position: relative;
  z-index: 900 !important;

  .p-team_sidebar__item--is_dragging {
    z-index: 901 !important;
  }
}

.p-team_sidebar__icon {
  border-radius: 6px;
  overflow: hidden;
  transition: all 80ms ease-out;

  &.p-team_sidebar__icon--is_dragging {
    box-shadow: unset;
  }

  .c-team_icon:after {
    border-radius: 6px;
  }

  &:hover {
    box-shadow: 0 0 0 3px var(--p-team_sidebar__nav-bg), 0 0 0 6px var(--p-team_sidebar__text-color--opacity-30);
  }
}

.p-team_sidebar__icon--active, .p-team_sidebar__icon:hover {
  opacity: 1;
}

.p-team_sidebar__icon--active {
  box-shadow: 0 0 0 3px var(--p-team_sidebar__nav-bg), 0 0 0 6px var(--p-team_sidebar__text-color);

  &:hover {
    box-shadow: 0 0 0 3px var(--p-team_sidebar__nav-bg), 0 0 0 6px var(--p-team_sidebar__text-color);
  }
}

.p-team_sidebar__item {
  color: var(--p-team_sidebar__text-color);
}

.p-team_sidebar__item--active {
  .p-team_sidebar__unread_dot, &.p-team_sidebar__item--mac .p-team_sidebar__mentions_badge {
    visibility: hidden;
  }
}

.p-team_sidebar__item.c-button--focus-visible:focus {
  border-radius: 6px;
  box-shadow: var(--p-team_sidebar__color-focus-ring);

  .p-team_sidebar__icon--active {
    box-shadow: none;
  }
}

.p-team_sidebar__image {
  display: flex;
  height: 36px;
  width: 36px;
}

.p-team_sidebar__item-keyboard_shortcut {
  margin-top: 4px;
}

.p-team_sidebar__add_button {
  align-items: center;
  align-self: center;
  background: #0000;
  border: 1px solid #0000;
  border-radius: 6px;
  color: var(--p-team_sidebar__text-color--mix-80) !important;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  margin-top: 20px;
  outline: none;
  transition: all 80ms ease-out;
  width: 32px;

  &:active, &:focus, &:hover {
    background: var(--p-team_sidebar__text-color--opacity-10);
    color: var(--p-team_sidebar__text-color--mix-80) !important;
    text-decoration: none;
  }

  &.c-button--focus-visible:focus {
    box-shadow: var(--p-team_sidebar__color-focus-ring);
  }
}

.p-team_sidebar__unread_dot {
  background: var(--p-team_sidebar__text-color);
  border-color: var(--p-team_sidebar__nav-bg);
  border-radius: 7px;
  border-style: solid;
  border-width: 3px;
  height: 14px;
  position: absolute;
  right: -6px;
  top: -6px;
  transition: all 80ms ease-out;
  width: 14px;
}

.p-team_sidebar__shortcut_hint {
  background: rgba(var(--sk_inverted_background, 29, 28, 29), 1);
  border-radius: 4px;
  bottom: 2px;
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  font-size: 10px;
  font-weight: 700;
  height: 13px;
  left: 2px;
  line-height: 12px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  text-align: center;
  transition: opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
  width: 14px;
}

.p-team_sidebar__shortcut_hint--visible {
  opacity: 1;
  transition-delay: 0.67s;
}

.p-team_sidebar__mentions_badge {
  align-items: center;
  background: var(--p-team_sidebar__badge);
  border: 3px solid var(--p-team_sidebar__nav-bg);
  border-radius: 11.5px;
  color: var(--p-team_sidebar__badge-text-color);
  display: flex;
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  height: 23px;
  justify-content: center;
  min-width: 25px;
  padding: 0 5px;
  position: absolute;
  right: -11px;
  top: -10px;
}

.p-team_sidebar__signed_out_badge {
  position: absolute;
}

.p-team_sidebar__signed_out_badge__stroke {
  position: absolute;
  -webkit-text-stroke: 6px var(--p-team_sidebar__nav-bg);
  color: var(--p-team_sidebar__nav-bg);
}

.p-team_sidebar__signed_out_badge {
  color: #f2c744;
  height: 20px;
  right: -10px;
  top: -8px;
  width: 20px;
}

.p-team_sidebar__locked_badge {
  align-items: center;
  background: #f8f8f8;
  border: 3px solid var(--p-team_sidebar__nav-bg);
  border-radius: 50%;
  display: flex;
  height: 22px;
  justify-content: center;
  position: absolute;
  right: -10px;
  top: -8px;
  width: 22px;
}

.p-team_sidebar__govslack_icon {
  background-color: #1c405f;
  border: 2px solid var(--p-team_sidebar__text-color);
  border-radius: 6px;
  bottom: -5px;
  color: #fff;
  font-size: 14px;
  height: 22px;
  position: absolute;
  right: -5px;
  width: 22px;

  &.p-team_sidebar__govslack_icon--active {
    border-radius: 6px 6px 8px;
  }
}

.p-channel_sidebar__setup_channel_container {
  position: relative;
  transition: background-color .2s ease-out;
  width: 100%;

  &:before {
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
  }

  &:focus-within:before {
    animation: sidebar-channel-input-enter .4s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    opacity: 1;
  }

  &:after {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    content: '';
    height: 12px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(150%, -50%) rotate(45deg);
    transition: transform .2s ease-out, opacity .2s ease-out;
    width: 12px;
  }

  &:not(.p-channel_sidebar__setup_channel_container--direct_message):focus-within:after {
    opacity: 1;
    transform: translate(50%, -50%) rotate(45deg);
  }
}

.p-channel_sidebar__setup_channel_container--direct_message .p-channel_sidebar__close {
  &:focus:not(:active):not(:hover) {
    opacity: 0;
  }

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

.p-channel_sidebar__avatar {
  border-radius: 4px;
}

@keyframes sidebar-channel-input-enter {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

.p-channel_sidebar__setup_channel_input::placeholder {
  color: var(--p-channel_sidebar__computed-text-color);
}

.c-input_text.p-channel_sidebar__channel {
  &.p-channel_sidebar__setup_channel_input {
    background: var(--p-channel_sidebar__column-bg);
    border: none;
    display: block;
    font-weight: 900;
    margin-bottom: 0;
    overflow: hidden;
    padding: 0 20px 0 34px;
    text-overflow: ellipsis;
    white-space: nowrap;

    wbr {
      display: none;
    }

    &:active, &:focus {
      box-shadow: none;
      outline: none;
    }
  }

  &.p-channel_sidebar__setup_channel_input--v-with-error {
    &:active, &:focus {
      background-color: rgba(var(--sk_raspberry_red, 224, 30, 90), 0.3);
    }
  }
}

.p-channel_sidebar__setup_channel_error_text {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
  opacity: 0.7;
}

.p-channel_sidebar__setup_channel_icon {
  left: 12px;
  position: absolute;
  top: 4px;
  z-index: 1;
}

.p-channel_sidebar__link--page_pbrowse-people.p-channel_sidebar__link--page_pbrowse-people--setup {
  margin-top: 12px;
}

.setup-caret-right {
  border-bottom: 14px solid #0000;
  border-right: 14px solid rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-top: 14px solid #0000;
  height: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  z-index: 3;
}

.c-virtual_list__item--setup-channel-animated {
  transition: top 0.25s ease-out;
}

.p-channel_sidebar__invite_people {
  .p-channel_sidebar--add-teammates-hint {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    margin: 8px 0;
    padding-left: 40px;
    padding-right: 20px;
  }

  .p-channel_sidebar__close_container {
    &:hover {
      .p-channel_sidebar__close {
        opacity: 1;
      }

      .p-channel_sidebar__channel.p-channel_sidebar__setup_channel_input {
        padding-right: 40px;
      }
    }

    &:focus-within {
      .p-channel_sidebar__close {
        opacity: 0;
      }

      .p-channel_sidebar__channel.p-channel_sidebar__setup_channel_input {
        padding-right: 34px;
      }
    }
  }
}

.p-channel_sidebar__empty_direct_messages_message {
  font-size: 13px;
  opacity: .65;
  padding: 0 16px;
}

.p-channel_sidebar__loading_spacer {
  margin-bottom: 11px;
}

.p-channel_sidebar__loading_spacer_section {
  display: flex;
  flex-direction: column;
  height: 35px;
  justify-content: space-evenly;
}

.p-channel_sidebar__loading_spacer_section--bottom-border {
  border-bottom: 1px solid;
}

.p-channel_sidebar__loading_spacer_section--large {
  height: 85px;
  padding: 8px 0;
}

.p-channel_sidebar__loading_spacer_section--menu {
  height: 58px;
}

.p-channel_sidebar__loading_spacer_section--recent {
  height: 48px;
}

.p-channel_sidebar__loading_spacer_row {
  background-color: #ffffff1a;
  border-radius: 8px;
  height: 15px;
  margin: 0 16px;
  width: 45%;
}

.p-channel_sidebar__loading_spacer_row--short {
  width: 50%;
}

.p-channel_sidebar__loading_spacer_row--long {
  width: 65%;
}

.p-channel_sidebar__section_heading--setup-sidebar:after {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  content: '';
  height: 16px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(150%, -50%) rotate(45deg);
  transition: transform .2s ease-out, opacity .2s ease-out;
  width: 16px;
}

.p-channel_sidebar__section_heading--with-caret {
  position: relative;

  &:after {
    opacity: 1;
    transform: translate(50%, -50%) rotate(45deg);
  }
}

.p-channel_sidebar__section_heading_label--setup-heading-dms, .p-channel_sidebar__section_heading_label--setup-heading-slack-connect {
  display: flex;
}

.p-channel_sidebar__section_heading_label--setup-heading-dms:hover, .p-channel_sidebar__section_heading_label--setup-heading-slack-connect:hover {
  cursor: default;
}

.p-channel_sidebar__section_heading_label--setup-heading-dms .p-setup_sidebar_heading_selected_count, .p-channel_sidebar__section_heading_label--setup-heading-slack-connect .p-setup_sidebar_heading_selected_count {
  margin-left: auto;
}

.p-setup-sidebar_channel_tag_line {
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  font-size: 13px;
  margin-bottom: 8px;
  padding: 0 16px;
}

.p-channel_sidebar__link--setup-sidebar {
  font-weight: 700;
  height: 50px !important;
}

.p-channel_sidebar__section_heading--setup-sidebar-empty-dms {
  height: auto !important;
  min-height: 36px;
  opacity: .6;
  padding-left: 40px !important;

  &:hover {
    cursor: default;
  }
}

.p-channel_sidebar__static_list__item--with-highlight-last-item {
  height: 36px;
}

.p-channel_sidebar__section_heading--setup-sidebar-see-more {
  color: var(--p-channel_sidebar__computed-text-color);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;

  &:hover {
    color: var(--p-channel_sidebar__computed-text-color);
  }
}

.p-channel_sidebar__channel.p-channel_sidebar__channel--setup, .p-channel_sidebar__section_heading--setup-sidebar .p-channel_sidebar__section_heading_expand_container, .p-channel_sidebar__section_heading.p-channel_sidebar__section_heading--setup-sidebar, .p-channel_sidebar__setup_channel_container .p-channel_sidebar__close_container {
  pointer-events: none;
}

.p-setup_sidebar_tip__tooltip {
  background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 13px;
  line-height: 18px;
  margin: 4px 18px 0 12px;
  padding: 10px 4px 10px 10px;
  position: relative;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.3s ease-in-out;

  &.p-setup_sidebar_tip__tooltip--showing {
    transform: scaleY(1);
  }

  .p-setup_sidebar_tip__caret {
    content: '';
    position: absolute;

    &.p-setup_sidebar_tip__caret--bottom {
      border-bottom: 7px solid rgba(var(--sk_highlight, 18, 100, 163), 1);
      border-left: 7px solid #0000;
      border-right: 7px solid #0000;
      top: -7px;
    }

    &.p-setup_sidebar_tip__caret--left {
      border-bottom: 7px solid #0000;
      border-left: 7px solid rgba(var(--sk_highlight, 18, 100, 163), 1);
      border-top: 7px solid #0000;
      right: -7px;
    }

    &.p-setup_sidebar_tip__caret--right {
      border-bottom: 7px solid #0000;
      border-right: 7px solid rgba(var(--sk_highlight, 18, 100, 163), 1);
      border-top: 7px solid #0000;
      left: -7px;
    }

    &.p-setup_sidebar_tip__caret--top {
      border-left: 7px solid #0000;
      border-right: 7px solid #0000;
      border-top: 7px solid rgba(var(--sk_highlight, 18, 100, 163), 1);
      bottom: -7px;
    }
  }
}

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

  .p-setup_sidebar_tip__caret--bottom {
    border-bottom-color: #f8f8f8;
  }

  .p-setup_sidebar_tip__caret--left {
    border-left-color: #f8f8f8;
  }

  .p-setup_sidebar_tip__caret--right {
    border-right-color: #f8f8f8;
  }

  .p-setup_sidebar_tip__caret--top {
    border-top-color: #f8f8f8;
  }

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

.p-setup_sidebar_tip__tooltip .c-icon_button {
  height: 20px;
  margin-left: 10px;
  min-width: 20px;
  width: 20px;
}

.p-setup_prog_disc_sidebar_tip {
  position: relative;
  width: 195px;
}

.p-setup_prog_disc_sidebar_tip__enclose {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border: 2px solid var(--saf-0);
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  margin-left: 5px;
  padding-bottom: 2px;
  padding-left: 8px;
  width: calc(100% - 32px);

  .p-channel_sidebar__link.p-channel_sidebar__link--add-more-items {
    padding: 0;
  }
}

.sk-client-theme--dark .p-setup_prog_disc_sidebar_tip__enclose {
  border: 2px solid #f8f8f8;
}

.p-setup_prog_disc_sidebar_tip__content, .p-setup_prog_disc_sidebar_tip__enclose i.p-channel_sidebar__channel_icon_prefix {
  background: rgba(var(--sk_highlight, 18, 100, 163), 1);
}

.p-setup_prog_disc_sidebar_tip__content {
  border-radius: 0 0 4px 4px;
  border-top: 0;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  margin-left: 5px;
  padding: 4px 4px 4px 19px;
  width: calc(100% - 32px);
}

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

.p-instant_slack_leave_conversation_modal {
  height: 100%;
  top: 48px;
}

.p-instant_slack_leave_conversation_modal__body {
  background-color: #1d9bd11a;
  background-image: url(./hybrid_work-e06df16.svg);
  background-position: bottom 48px right -4px;
  background-repeat: no-repeat;
  display: flex;
  justify-content: left;

  .p-instant_slack_leave_conversation_modal__body_content {
    font-size: 28px;
    font-weight: 900;
    line-height: 1.2143;
    margin-left: 120px;
    max-width: 350px;

    > p {
      color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
      margin-bottom: 36px;
    }
  }
}

.p-instant_slack_you_sidebar_section {
  padding: 0 16px;
}

.p-instant_slack_you_sidebar_section__profile_info {
  align-items: center;
  column-gap: 8px;
  display: grid;
  grid-template-areas: 'image name' 'image you';
  grid-template-columns: min-content auto;
  margin-bottom: 12px;
}

.p-instant_slack_you_sidebar_section__profile_image {
  grid-area: image;
}

.p-instant_slack_you_sidebar_section__profile_name {
  color: var(--p-channel_sidebar__computed-text-color);
  font-weight: 700;
  grid-area: name;
}

.p-instant_slack_you_sidebar_section__profile_you {
  font-size: 12px;
  grid-area: you;
}

.p-instant_slack_you_sidebar_section__ctas {
  display: flex;
}

.p-instant_slack_you_sidebar_section__cta {
  flex-grow: 2;

  &:first-child {
    margin-right: 8px;
  }
}

.p-instant_slack_you_sidebar_section__cta--secondary {
  --base-rgb: 209, 210, 211;
  --saf-0: rgba(var(--base-rgb), 0.3);
  background-color: initial;
  border: 1px solid var(--saf-0);
  color: var(--p-channel_sidebar__computed-text-color);

  &:hover {
    background-color: rgba(var(--base-rgb), 0.1);
    color: var(--p-channel_sidebar__computed-text-color);
  }
}

.p-desktop_nightly_update_banner__container {
  background: #1264a3;
  border: 2px solid #1264a380;
  border-radius: 4px;
  color: #f8f8f8;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  font-size: 13.5px;
  height: 78px;
  margin: 0 8px;
  padding: 8px;
  width: calc(100% - 16px);

  &:hover {
    background: #1264a3f2;
  }

  .p-desktop_nightly_update_banner__icon {
    flex: 0;
    padding-right: 8px;
    padding-top: 2px;
  }

  .p-desktop_nightly_update_banner__info {
    display: flex;
    flex: 1;
    flex-direction: column;
    text-align: left;

    .p-desktop_nightly_update_banner__versionDescription {
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    .p-desktop_nightly_update_banner__versionNumber {
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      line-clamp: 1;
      -webkit-line-clamp: 1;
      font-weight: 700;
    }

    .p-desktop_nightly_update_banner__versionDescription {
      line-clamp: 2;
      -webkit-line-clamp: 2;
      font-weight: 400;
    }
  }
}

.container__zanHz {
  color: var(--p-channel_sidebar__computed-text-color);

  &.isSelected__RyFNk {
    background: var(--p-channel_sidebar__item-selected-bg);
    color: var(--p-channel_sidebar__item-selected-text);
  }
}

.icon__mDvyR {
  margin: 0 8px 0 -4px;
}

.p-discount_seat_promo_reminder_coachmark__hero_container {
  align-items: center;
  background-color: #e6dbe9;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  height: 190px;
  justify-content: center;
  width: 100%;

  img {
    width: 131px;
  }
}

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

.p-channel_sidebar {
  background: var(--p-channel_sidebar__column-bg);
  color: var(--p-channel_sidebar__computed-text-color);
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  padding: 0;
  position: relative;
  width: 220px;
}

[lang] .p-channel_sidebar:not(.p-channel_sidebar--classic_nav) {
  font-size: 16px;
}

[lang=ja-JP] .p-channel_sidebar:not(.p-channel_sidebar--classic_nav) {
  font-size: 15px;
}

.p-channel_sidebar--contain {
  contain: strict;
}

.p-channel_sidebar--classic_nav {
  font-size: 15px;
}

@keyframes p-welcome-place__sidebar_animation {
  0% {
    font-weight: 900;
  }

  50% {
    color: #fff;
    font-weight: 900;
  }

  to {
    color: inherit;
    font-weight: 900;
  }
}

.p-channel_sidebar__list {
  flex: 1;
}

.p-channel_sidebar__channel_sections_edu_coachmark {
  width: 420px;
}

.p-channel_sidebar__channel_sections_edu_coachmark_title {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  margin-bottom: 16px;
}

.p-channel_sidebar__channel_sections_edu_coachmark_content {
  padding-right: 16px;
}

.p-channel_sidebar__section_heading__connect_coachmark_new {
  width: 427px;

  .c-coachmark__footer {
    margin: 0;
  }
}

.p-channel_sidebar__section_heading__connect_coachmark_title {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  margin: 8px 0;
}

.p-channel_sidebar__section_heading__connect_coachmark_callout {
  margin: 0;
}

.p-channel_sidebar__section_heading__connect_coachmark_link {
  font-weight: 700;
  margin-top: 8px;
}

.p-channel_sidebar__static_list, .p-channel_sidebar__virtualized {
  outline: none;
}

.p-channel_sidebar__section_heading--hover .p-channel_sidebar__section_filter_icon {
  opacity: 1;
}

.p-channel_sidebar--channel_dragging {
  .p-channel_sidebar__drop_target_indicator--channel_above {
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
  }

  .p-channel_sidebar__drop_target_indicator--channel_below {
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
  }

  .p-channel_sidebar__drop_target_indicator--ineligible {
    opacity: 0.5;
  }
}

.p-channel_sidebar__section_heading_more_label {
  flex: 1 1 0;
}

.p-channel_sidebar__section_heading_label {
  display: block;
  flex: 1 1 0;
  opacity: 1;
  overflow: hidden;
  padding-right: 8px;
  text-align: left;
  transition: padding-right 0s ease-in-out .3s, color .1s ease-out 0s;
  white-space: nowrap;

  .c-deprecated-icon:before {
    display: inline-block;
    flex-shrink: 0;
    font-family: Slack v2;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    margin: 0 1px 0 -4px;
    opacity: .64;
    vertical-align: middle;
    vertical-align: initial;
    width: 20px;
  }
}

.p-channel_sidebar--classic_nav .p-channel_sidebar__section_heading_label {
  font-weight: 700;
}

.p-channel_sidebar__section_heading_label {
  .p-channel_sidebar__badge {
    flex: 1 0 auto;
    margin-left: 4px;
  }

  .p-channel_sidebar__emoji {
    opacity: .8;
    transition: opacity 0.1s;
  }

  .p-channel_sidebar__emoji--active {
    opacity: 1;
  }
}

.p-channel_sidebar__section_heading_label--ellipsis-or-badge {
  padding-right: 0;
  transition: padding-right 0ms ease-in-out 0ms;
}

.p-channel_sidebar__section_heading_label_overflow {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-channel_sidebar__section_heading--selected .p-channel_sidebar__section_heading_label {
  transition: none;
}

.p-channel_sidebar__badge_ellipsis_container {
  align-items: center;
  display: inline-flex;
  margin-right: 2px;
  position: relative;
  width: 32px;
}

.p-channel_sidebar__badge_plus_container {
  align-items: center;
  display: inline-flex;
  margin-right: 2px;
  position: relative;
  width: 32px;
  display: flex;
  position: static;
}

.p-channel_sidebar__badge_wrapper {
  display: inline-flex;
  position: absolute;
  right: 16px;
  z-index: 1;

  &.p-channel_sidebar__badge_wrapper--hide_plus_button {
    right: 18px;
  }
}

.p-channel_sidebar__badge_wrapper__nudge {
  right: 12px;
}

.p-channel_sidebar__badge:not(.c-mention_badge--transparent) {
  background: var(--p-channel_sidebar__badge-color);
  color: var(--p-channel_sidebar__badge-text-color);
}

.p-channel_sidebar__section_heading_right {
  align-items: center;
  display: flex;
  margin-left: auto;
}

.p-channel_sidebar__section_heading_secondary_content {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
  text-align: center;
  width: 20px;
}

.p-channel_sidebar__section_heading_plus {
  height: 26px;
  line-height: 1;
  margin-left: 8px;
  opacity: 0;
  transition: opacity .1s ease-out;
  width: 26px;
  z-index: 3;

  &:before {
    content: '\E228';
    display: inline-block;
    flex-shrink: 0;
    font-family: Slack v2;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    opacity: .64;
    transition: opacity .1s ease-out;
    vertical-align: middle;
    width: 20px;
  }

  &:hover:before {
    opacity: 1;
  }
}

.p-channel_sidebar__section_heading_plus__nudge {
  margin-left: 12px;
}

.p-channel_sidebar__section_heading:hover .p-channel_sidebar__section_heading_plus, .p-channel_sidebar__section_heading_plus.p-channel_sidebar__section_heading_plus--showing {
  opacity: 1;
  transition: opacity 0.1s ease-out;
}

.p-channel_sidebar__section_heading_right_item + .p-channel_sidebar__section_heading_right_item {
  margin-left: 4px;
}

.p-channel_sidebar__section_heading_tip--short {
  max-width: 200px;
}

.p-channel_sidebar__section_heading__coachmark {
  padding: 24px;
}

.p-channel_sidebar__section_heading__coachmark__title {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  margin-bottom: 4px;
}

.p-channel_sidebar__section_heading__coachmark__description {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
}

.p-channel_sidebar__banner {
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 700;
  left: 6px;
  padding: 5px 0;
  position: absolute;
  right: 6px;
  text-align: center;
  width: calc(100% - 12px);
  z-index: 2;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__banner {
  padding: 6px 0;
}

.p-channel_sidebar__banner--top {
  border-radius: 6px;
  box-shadow: 0 1px 6px #0000001a, inset 0 1px 3px #0000001a;
  top: 0;
}

.p-channel_sidebar__banner--bottom {
  border-radius: 6px 6px 0 0;
  bottom: 0;
  box-shadow: 0 -1px 6px #0000001a, inset 0 -1px 3px #0000001a;
}

.p-channel_sidebar__banner--mentions {
  background: var(--p-channel_sidebar__mentions-banner-bg);
  color: var(--p-channel_sidebar__mentions-banner-color);
}

[lang=de-DE] .p-channel_sidebar__banner--mentions {
  padding-left: 16px;
}

.p-channel_sidebar__banner--unreads {
  background: var(--p-channel_sidebar__unreads-banner-bg);
  color: var(--p-channel_sidebar__unreads-banner-color);
}

[lang=fr-FR] .p-channel_sidebar__banner--unreads {
  padding-left: 16px;
}

.p-channel_sidebar__banner_icon {
  left: 5px;
  position: absolute;
}

.p-channel_sidebar__channel {
  color: var(--p-channel_sidebar__computed-text-color);

  &:hover, &:link, &:visited {
    color: var(--p-channel_sidebar__computed-text-color);
  }
}

.p-channel_sidebar__link {
  color: var(--p-channel_sidebar__computed-text-color);

  &:hover, &:link, &:visited {
    color: var(--p-channel_sidebar__computed-text-color);
  }
}

.p-channel_sidebar__channel.p-channel_sidebar__channel--mpim .p-channel_sidebar__mpim_counter {
  background: var(--p-channel_sidebar__column-bg);
}

.c-virtual_list__item--contextmenu-visible {
  .p-channel_sidebar__channel, .p-channel_sidebar__link {
    color: var(--p-channel_sidebar__computed-text-color);
  }
}

.p-channel_sidebar__section_placeholder {
  color: var(--p-channel_sidebar__computed-text-color);
}

.p-channel_sidebar__channel, .p-channel_sidebar__link, .p-channel_sidebar__section_heading, .p-channel_sidebar__section_placeholder {
  align-items: center;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  height: 26px;
  line-height: 26px;
  padding: 0 12px 0 15px;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}

.p-channel_sidebar--iap1 {
  .p-channel_sidebar__channel, .p-channel_sidebar__link, .p-channel_sidebar__section_heading, .p-channel_sidebar__section_placeholder {
    padding: 0 10px 0 16px;
  }
}

.p-channel_sidebar__channel {
  &:active, &:focus, &:hover, &:link, &:visited {
    text-decoration: none;
  }
}

.p-channel_sidebar__link {
  &:active, &:focus, &:hover, &:link, &:visited {
    text-decoration: none;
  }
}

.p-channel_sidebar__section_heading {
  &:active, &:focus, &:hover, &:link, &:visited {
    text-decoration: none;
  }
}

.p-channel_sidebar__section_placeholder {
  &:active, &:focus, &:hover, &:link, &:visited {
    text-decoration: none;
  }

  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  line-height: 26px;
}

.p-channel_sidebar__section_placeholder_icon {
  display: inline-block;
  flex-shrink: 0;
  font-family: Slack v2;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  opacity: .64;
  top: -1px;
  vertical-align: middle;
  width: 20px;
}

.p-channel_sidebar__section_placeholder_label {
  -webkit-user-select: none;
  user-select: none;
}

.p-channel_sidebar--iap1 {
  .p-channel_sidebar__channel, .p-channel_sidebar__link, .p-channel_sidebar__section_heading, .p-channel_sidebar__section_placeholder {
    height: 28px;
    line-height: 28px;
  }
}

.p-drag_layer {
  .p-channel_sidebar__channel, .p-channel_sidebar__link, .p-channel_sidebar__section_heading, .p-channel_sidebar__section_placeholder {
    height: 28px;
    line-height: 28px;
  }
}

.p-channel_sidebar .p-channel_sidebar__channel.p-channel_sidebar__channel--edit-mode, .p-drag_layer .p-channel_sidebar__channel.p-channel_sidebar__channel--edit-mode {
  padding-left: 10px;
}

.p-channel_sidebar .p-channel_sidebar__channel--setup, .p-drag_layer .p-channel_sidebar__channel--setup {
  padding-left: 16px;
}

.p-channel_sidebar {
  .p-channel_sidebar__link:not(.p-channel_sidebar__link--page):not(.p-channel_sidebar__link--all-threads):not(.p-channel_sidebar__link--add-more-items):not(.p-channel_sidebar_header_link):not(.p-channel_sidebar__link--upgraded-slack):not(.p-channel_sidebar__link--downgraded-slack):not(.p-channel_sidebar__link--canvas):not(.p-channel_sidebar__link--super_section_header):not(.p-channel_sidebar__link--about-workspace), .p-channel_sidebar__section_placeholder {
    padding-left: 34px;
  }
}

.p-drag_layer {
  .p-channel_sidebar__link:not(.p-channel_sidebar__link--page):not(.p-channel_sidebar__link--all-threads):not(.p-channel_sidebar__link--add-more-items):not(.p-channel_sidebar_header_link):not(.p-channel_sidebar__link--upgraded-slack):not(.p-channel_sidebar__link--downgraded-slack):not(.p-channel_sidebar__link--canvas):not(.p-channel_sidebar__link--super_section_header):not(.p-channel_sidebar__link--about-workspace), .p-channel_sidebar__section_placeholder {
    padding-left: 34px;
  }
}

.p-channel_sidebar {
  .p-channel_sidebar__channel--in_super_section, .p-channel_sidebar__link.p-channel_sidebar__link--with_super_sections, .p-channel_sidebar__section-heading--pages-drawer--with_super_sections {
    padding-left: 20px;
  }
}

.p-drag_layer {
  .p-channel_sidebar__channel--in_super_section, .p-channel_sidebar__link.p-channel_sidebar__link--with_super_sections, .p-channel_sidebar__section-heading--pages-drawer--with_super_sections {
    padding-left: 20px;
  }
}

.p-channel_sidebar .p-channel_sidebar__link--super_section_header, .p-drag_layer .p-channel_sidebar__link--super_section_header {
  color: var(--p-channel_sidebar__theme-text);
  font-size: 15px;
  font-weight: 400;
  font-weight: 900;
  line-height: 1.46668;
  margin-top: 8px;
}

.p-channel_sidebar {
  .p-channel_sidebar__link--all-threads, .p-channel_sidebar__link--page {
    padding-left: 16px;
  }
}

.p-drag_layer {
  .p-channel_sidebar__link--all-threads, .p-channel_sidebar__link--page {
    padding-left: 16px;
  }
}

.p-channel_sidebar__link {
  &:after {
    display: inline-block;
    flex-shrink: 0;
    font-family: Slack v2;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    opacity: .64;
    vertical-align: middle;
    width: 20px;
  }

  &:before {
    display: inline-block;
    flex-shrink: 0;
    font-family: Slack v2;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    opacity: .64;
    vertical-align: middle;
    width: 20px;
    margin: 0 1px 0 -4px;
  }

  &:after {
    font-size: 20px;
    margin-left: 4px;
    opacity: 1;
  }
}

.p-channel_sidebar__link_count {
  font-weight: 400;
}

.p-channel_sidebar__link--add-more-items.p-channel_sidebar__link {
  padding-left: 16px;
}

.p-channel_sidebar__link.p-channel_sidebar__link--edit-mode {
  padding-left: 40px;
}

.p-channel_sidebar__channel_icon_prefix {
  align-items: center;
  display: inline-block;
  display: flex;
  justify-content: center;
  margin: 0 8px 0 -4px;
  flex-shrink: 0;
  font-family: Slack v2;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  opacity: .64;
  vertical-align: middle;
  width: 20px;
}

.p-channel_sidebar__channel_icon_suffix {
  flex-shrink: 0;
  font-family: Slack v2;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  opacity: .64;
  vertical-align: middle;
  width: 20px;
  display: inline-block;
  font-size: 18px;
  margin-left: 4px;
  opacity: 1;
}

.p-channel_sidebar__presence_icon {
  &.c-presence {
    flex-shrink: 0;
    margin: 0 8px 0 -4px;
  }

  &.c-presence--away {
    color: var(--p-channel_sidebar__computed-text-color);
    opacity: 0.64;
  }
}

.p-channel_sidebar__channel--im-slackbot .p-channel_sidebar__channel_icon_prefix, .p-channel_sidebar__channel--selected .p-channel_sidebar__presence_icon.c-presence--away {
  opacity: 1;
}

.p-channel_sidebar__channel--draft .p-channel_sidebar__channel_icon_prefix {
  color: inherit;
}

.p-channel_sidebar__channel--muted:not(.p-channel_sidebar__channel--selected) .p-channel_sidebar__presence_icon--dim_enabled, .p-channel_sidebar__channel--suggested:not(.p-channel_sidebar__channel--selected):not(.p-channel_sidebar__channel--suggested_with_join_cta) .p-channel_sidebar__presence_icon--dim_enabled {
  opacity: 0.44;
}

.p-channel_sidebar__channel--muted:not(.p-channel_sidebar__channel--selected) {
  .p-channel_sidebar__badge, .p-channel_sidebar__channel_icon_prefix, .p-channel_sidebar__name, .p-shared_channels_icon {
    opacity: 0.64;
  }
}

.p-channel_sidebar__channel--suggested:not(.p-channel_sidebar__channel--selected) {
  .p-channel_sidebar__badge, .p-channel_sidebar__channel_icon_prefix, .p-channel_sidebar__name, .p-shared_channels_icon {
    opacity: 0.64;
  }
}

.p-channel_sidebar__channel--muted:not(.p-channel_sidebar__channel--selected).p-channel_sidebar__channel .p-channel_sidebar__badge, .p-channel_sidebar__channel--suggested:not(.p-channel_sidebar__channel--selected).p-channel_sidebar__channel .p-channel_sidebar__badge {
  opacity: 1;
}

.p-channel_sidebar--dimming {
  .p-channel_sidebar__channel--muted:not(.p-channel_sidebar__channel--selected) {
    .p-channel_sidebar__channel_icon_prefix, .p-channel_sidebar__name, .p-shared_channels_icon {
      color: var(--p-channel_sidebar__muted-text-color);
      opacity: 1;
    }
  }

  .p-channel_sidebar__channel--suggested:not(.p-channel_sidebar__channel--selected) {
    .p-channel_sidebar__channel_icon_prefix, .p-channel_sidebar__name, .p-shared_channels_icon {
      color: var(--p-channel_sidebar__muted-text-color);
      opacity: 1;
    }
  }
}

.p-channel_sidebar__channel--unread:not(.p-channel_sidebar__channel--muted):not(.p-channel_sidebar__channel--suggested) {
  .p-channel_sidebar__name {
    font-weight: 900;
    opacity: 1;
  }

  &:not(.p-channel_sidebar__channel--typing) .p-channel_sidebar__channel_icon_prefix.c-icon--channel-pane-hash:before {
    content: '';
  }
}

.p-channel_sidebar__channel--selected .p-channel_sidebar__name {
  opacity: 1;
}

.p-channel_sidebar--dimming .p-channel_sidebar__channel--selected .p-channel_sidebar__name {
  color: var(--p-channel_sidebar__text-color);
}

.p-channel_sidebar__channel--selected .p-channel_sidebar__badge {
  background: var(--p-channel_sidebar__active-badge-bg);
  color: var(--p-channel_sidebar__active-badge-text-color);
}

.p-channel_sidebar__channel--draft .p-channel_sidebar__channel_draft_suffix, .p-channel_sidebar__channel--pending .p-channel_sidebar__channel_pending_suffix {
  flex-basis: 20px;
  flex-shrink: 0;
  font-size: 14px;
}

.p-channel_sidebar__channel_icon_prefix {
  &:not(.p-channel_sidebar__channel_icon_prefix--typing) {
    border-radius: 4px;
    height: 20px;
    width: 20px;
  }

  font-size: 18px;
}

@keyframes typing-sprite {
  to {
    background-position: -240px 0;
  }
}

.p-channel_sidebar__channel_icon_prefix--typing {
  animation: typing-sprite 1s steps(15) 0s infinite normal none;
  background-image: url(./typing-sprite-455c812.png);
  background-repeat: no-repeat;
  display: block;
  flex-basis: 11px;
  height: 3px;
  margin: 0 12px 0 1px;
  opacity: 1;
  width: 11px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-channel_sidebar__channel_icon_prefix--typing {
    background-image: url(./typing-sprite@2x-3364974.png);
    background-size: auto 100%;
  }
}

.p-channel_sidebar__name {
  margin-right: 0;
  opacity: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  .c-custom_status {
    float: right;
    opacity: .8;
    position: relative;
    z-index: 1;
  }

  &.p-channel_sidebar__name--away, > .p-channel_sidebar__name--away {
    opacity: 1;
  }
}

.p-channel_sidebar__link .p-channel_sidebar__name {
  margin-right: auto;
}

.p-channel_sidebar__channel_suffix {
  justify-content: flex-end;
}

.p-channel_sidebar__channel_custom_status, .p-channel_sidebar__channel_suffix {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  margin-left: auto;
}

.p-channel_sidebar__channel_suffix--huddle {
  margin-left: 0;
}

.p-channel_sidebar__custom_status {
  margin-right: 6px;
  opacity: 0.8;

  .p-huddle_status_icon {
    margin-top: 5px;
  }
}

.p-channel_sidebar__channel--selected {
  .p-channel_sidebar__name--away, > .p-channel_sidebar__name--away {
    opacity: 1;
  }
}

.p-channel_sidebar__status {
  margin-left: 8px;
}

.p-channel_sidebar__member_label {
  font-weight: 400;
  margin-left: 8px;
  opacity: 0.7;
}

.p-channel_sidebar__icon {
  margin-left: 4px;
  opacity: 1;
}

.p-channel_sidebar__close_container:hover .p-channel_sidebar__icon, .p-channel_sidebar__icon .p-channel_sidebar__close_container:focus {
  display: none;
}

.p-channel_sidebar__button_container {
  width: 100%;
}

.p-channel_sidebar__close_container {
  position: relative;

  .p-channel_sidebar__channel:focus, &:focus .p-channel_sidebar__channel {
    padding-right: 44px;
  }

  &:hover {
    .p-channel_sidebar__channel, .p-channel_sidebar__link {
      padding-right: 44px;
    }
  }
}

.p-channel_sidebar__close {
  opacity: 0;
  position: absolute;
  right: .75rem;
  top: 3px;
  line-height: 1;

  .c-deprecated-icon:before {
    line-height: 1;
  }

  &:focus {
    background: var(--p-channel_sidebar__column-bg);
  }
}

.p-channel_sidebar__channel:focus + .p-channel_sidebar__close {
  opacity: 0.64;
}

.p-channel_sidebar__close_container {
  &:focus .p-channel_sidebar__close, &:hover .p-channel_sidebar__close {
    opacity: 0.64;
  }

  .p-channel_sidebar__close {
    &:focus, &:hover {
      opacity: 1;
    }
  }
}

.p-channel_sidebar__close--circle {
  border-radius: 50%;
}

.p-channel_sidebar__delete_icon:before {
  font-size: 14px;
}

.p-channel_sidebar__reply_icon:before {
  font-size: 16px;
}

.p-channel_sidebar__message_failure_suffix {
  color: var(--p-channel_sidebar__badge-color);
  margin-left: 8px;
  margin-right: 4px;
}

.p-channel_sidebar__story_icon_suffix {
  flex-basis: 28px;
  flex-shrink: 0;
  font-size: 14px;
}

.p-channel_sidebar__channel_suggested_join_cta {
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin-left: 12px;
  margin-right: 32px;
}

.p-channel_sidebar__close_container:hover .p-channel_sidebar__channel_suggested_join_cta {
  margin-right: 12px;
}

.p-channel_sidebar__link--unread .p-channel_sidebar__name {
  font-weight: 900;
  opacity: 1;
}

.p-channel_sidebar__link--all-threads--disabled:hover, .p-channel_sidebar__link--page--disabled:hover {
  background: var(--p-channel_sidebar__column-bg);
  color: var(--p-channel_sidebar__computed-text-color);
}

.p-channel_sidebar__link--selected {
  &.p-channel_sidebar__link--all-threads--disabled, &.p-channel_sidebar__link--page--disabled {
    color: var(--p-channel_sidebar__computed-text-color);
  }

  .p-channel_sidebar__name {
    opacity: 1;
  }
}

.p-channel_sidebar__link--all-unreads:before {
  content: '\E103';
  font-size: 16px;
  margin: 0 0 0 -2px;
}

.p-channel_sidebar__link--search:before {
  content: '\E01B';
  margin: 0 4px 0 -4px;
}

.p-channel_sidebar--iap1 {
  .p-channel_sidebar__link {
    &.p-channel_sidebar__link--browse_dms {
      &:before {
        content: '\E00D';
        font-size: 14px;
      }

      &:not(.p-channel_sidebar__link--dim) .p-channel_sidebar__name {
        font-weight: 900;
        opacity: 1;
      }
    }

    &.p-channel_sidebar__link--invites, &.p-channel_sidebar__link--add-channel {
      padding-left: 34px;

      &:before {
        content: '';
      }

      &:not(.p-channel_sidebar__link--dim) .p-channel_sidebar__name {
        font-weight: 900;
        opacity: 1;
      }
    }
  }

  .c-button-unstyled {
    &.p-channel_sidebar__link--page--disabled, &.p-channel_sidebar__link.p-channel_sidebar__link--all-threads.p-channel_sidebar__link--all-threads--disabled {
      cursor: default;
      opacity: 0.64;
    }
  }

  .p-channel_sidebar__link.p-channel_sidebar__link--add-teammates {
    font-weight: 700;
    padding-left: 36px;

    &:before {
      content: '';
    }
  }
}

.p-channel_sidebar__link--page_pwelcome {
  height: 70px;

  + .p-channel_sidebar__close {
    top: 9px;
  }
}

.p-channel_sidebar__link--add_suggestions {
  background: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  color: #fff;
  display: block;

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

.p-channel_sidebar__link--dismiss_suggestion {
  align-items: center;
  display: flex;
  margin-left: 4px;
  width: 16px;
}

.p-channel_sidebar__link--browse_all_channels {
  padding-left: 10px;
  width: 20px;
}

.p-channel_sidebar__close_container:hover .p-channel_sidebar__link--page_pwelcome {
  padding-right: 12px;
}

.p-channel_sidebar--iap1 {
  .p-channel_sidebar__link--page_pwelcome {
    height: 74px;

    + .p-channel_sidebar__close {
      top: 8px;
    }
  }

  .p-channel_sidebar__close_container:hover .p-channel_sidebar__link--page_pwelcome {
    padding-right: 16px;
  }
}

.p-channel_sidebar__join_container {
  border-radius: 6px;

  &:hover .p-channel_sidebar__channel {
    padding-right: 64px;
  }
}

.p-channel_sidebar__link--add-apps {
  &:before {
    content: '';
  }

  &:not(.p-channel_sidebar__link--dim) .p-channel_sidebar__name {
    font-weight: 900;
    opacity: 1;
  }
}

.p-channel_sidebar__link--page_ppaid-benefits_offer_container > .p-channel_sidebar__link--page_ppaid-benefits {
  height: 61px;

  &:not(.p-channel_sidebar__link--selected) {
    background-color: #ffffff1a;
  }
}

.p-channel_sidebar__setup_prompt {
  bottom: 0;
  font-size: 13px;
  padding: 24px 16px 16px;
  position: relative;

  .c-icon {
    color: var(--p-channel_sidebar__computed-text-color);

    &:before {
      font-size: 15px;
      margin-left: 1.6px;
    }
  }

  img {
    height: 13px;
    margin-right: 8px;
    width: 13px;
  }
}

.p-channel_sidebar__setup_prompt__close_icon {
  position: absolute;
  right: 4px;
  top: 0;
}

.p-channel_sidebar__link__icon {
  align-items: center;
  display: inline-block;
  display: inline-flex;
  flex-shrink: 0;
  font-family: Slack v2;
  font-size: 20px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  justify-content: flex-start;
  margin: 0 0 0 -2px;
  opacity: .64;
  vertical-align: middle;
  width: 20px;
}

.p-channel_sidebar {
  .c-custom_scrollbar__track_vertical {
    display: none;
  }

  &:hover .c-custom_scrollbar__track_vertical {
    display: block;
  }
}

.p-channel_sidebar__navigation_bar {
  display: inline-flex;
  margin: 4px 0 8px 12px;
  width: 196px;
}

.p-channel_sidebar__history_button {
  background: var(--p-channel_sidebar__navigation-bar-color);
  padding: 1px 4px 0;

  &:hover {
    background: var(--p-channel_sidebar__navigation-bar-color--hover);
  }

  &:focus {
    z-index: 1;
  }
}

.p-channel_sidebar__history_button--disabled {
  cursor: default;
  opacity: 0.45;

  &:hover {
    background: var(--p-channel_sidebar__navigation-bar-color);
  }
}

.p-channel_sidebar__history_button-right {
  border-radius: 0 4px 4px 0;
}

.p-channel_sidebar__history_button-left {
  border-radius: 4px 0 0 4px;
  margin-left: 8px;
}

.p-channel_sidebar__compose_button {
  fill: var(--p-channel_sidebar__column-bg);
  align-items: center;
  border-radius: 9999px;
  box-shadow: 0 1px 3px #00000014;
  color: var(--p-channel_sidebar__column-bg);
  display: flex;
  font-size: 18px;
  height: 34px;
  justify-content: center;
  position: absolute;
  right: 16px;
  top: 8px;
  transition-duration: 80ms;
  transition-property: box-shadow, transform, background-color;
  transition-timing-function: cubic-bezier(0.175, 0.875, 0.5, 1.5);
  -webkit-user-select: none;
  user-select: none;
  width: 34px;
  z-index: 3;

  &:focus {
    border-radius: 9999px;
  }

  &:hover {
    box-shadow: 0 4px 8px #0003;
  }

  &:active {
    transform: scale(0.95);
  }
}

.p-channel_sidebar__compose_button--disabled {
  cursor: default;
}

.p-channel_sidebar__compose_button_container {
  height: 50px;
  position: absolute;
  right: 0;
  width: 54px;
  z-index: 1;

  .p-channel_sidebar__compose_button {
    z-index: 2;
  }

  .p-channel_sidebar__compose_button--spaceship {
    transform: translateY(0);
    transition: transform 0.16s cubic-bezier(0.36, 0.19, 0.29, 1), opacity 0.16s;
    z-index: 1;

    .p-channel_sidebar__spaceship_button_icon--launch, &:focus .p-channel_sidebar__spaceship_button_icon--create, &:hover .p-channel_sidebar__spaceship_button_icon--create {
      display: none;
    }

    &:focus .p-channel_sidebar__spaceship_button_icon--launch, &:hover .p-channel_sidebar__spaceship_button_icon--launch {
      display: inline-flex;
    }
  }

  &:focus-within, &:hover {
    height: 100px;
  }

  &:focus-within .p-channel_sidebar__compose_button--spaceship, &:hover .p-channel_sidebar__compose_button--spaceship {
    opacity: 1;
    transform: translateY(50px);
  }
}

.p-channel_sidebar--iap1 .p-channel_sidebar__section_heading_label, .p-drag_layer .p-channel_sidebar__section_heading_label {
  font-weight: 500;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__section_heading, .p-drag_layer .p-channel_sidebar__section_heading {
  background: var(--p-channel_sidebar__column-bg);
}

.p-channel_sidebar--iap1 .p-channel_sidebar__section_heading.p-channel_sidebar__section_heading_channels, .p-drag_layer .p-channel_sidebar__section_heading.p-channel_sidebar__section_heading_channels {
  cursor: auto;
  font-size: 15px;
  height: 28px;
  margin: 0 8px;
  padding: 0 16px;
  width: auto;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__section_heading .p-channel_sidebar__section_heading_label, .p-drag_layer .p-channel_sidebar__section_heading .p-channel_sidebar__section_heading_label {
  display: flex;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__section_heading .p-channel_sidebar__section_heading_chevron, .p-drag_layer .p-channel_sidebar__section_heading .p-channel_sidebar__section_heading_chevron {
  display: none;
  flex: 0 0 auto;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__section_heading {
  .p-channel_sidebar__section_heading_chevron.p-channel_sidebar__section_heading_chevron_section-menu--open, &:hover .p-channel_sidebar__section_heading_chevron {
    display: inline-block;
  }
}

.p-drag_layer .p-channel_sidebar__section_heading {
  .p-channel_sidebar__section_heading_chevron.p-channel_sidebar__section_heading_chevron_section-menu--open, &:hover .p-channel_sidebar__section_heading_chevron {
    display: inline-block;
  }
}

.p-channel_sidebar--iap1 .p-channel_sidebar__section_heading--super_sections, .p-drag_layer .p-channel_sidebar__section_heading--super_sections {
  height: 28px;
  padding-left: 1px;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__section_heading--super_sections .p-channel_sidebar__section_heading_label, .p-drag_layer .p-channel_sidebar__section_heading--super_sections .p-channel_sidebar__section_heading_label {
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__section_heading--super_sections .p-channel_sidebar__emoji, .p-drag_layer .p-channel_sidebar__section_heading--super_sections .p-channel_sidebar__emoji {
  padding-left: 0;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__section_heading--super_sections .p-channel_sidebar__section_heading_expand_container:hover, .p-drag_layer .p-channel_sidebar__section_heading--super_sections .p-channel_sidebar__section_heading_expand_container:hover {
  background: none;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__section_heading_label--muted, .p-drag_layer .p-channel_sidebar__section_heading_label--muted {
  opacity: 0.64;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__section-heading--pages-drawer, .p-drag_layer .p-channel_sidebar__section-heading--pages-drawer {
  color: var(--p-channel_sidebar__computed-text-color);
  cursor: pointer;
  font-size: 15px;
  height: 28px;
  line-height: 32px;
  text-align: initial;
  transition: color 80ms ease-out;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__section-heading--pages-drawer.c-button--focus-visible:focus, .p-drag_layer .p-channel_sidebar__section-heading--pages-drawer.c-button--focus-visible:focus {
  box-shadow: none;
  position: relative;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__section-heading--pages-drawer.c-button--focus-visible:focus:after, .p-drag_layer .p-channel_sidebar__section-heading--pages-drawer.c-button--focus-visible:focus:after {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  bottom: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  box-shadow: var(--p-channel_sidebar__focus-outline-box-shadow);
  content: ' ';
  display: block;
  left: 4px;
  position: absolute;
  right: 4px;
  top: 4px;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__section-heading--pages-drawer--disabled, .p-drag_layer .p-channel_sidebar__section-heading--pages-drawer--disabled {
  cursor: default;
  opacity: 0.64;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__section-heading--pages-drawer--disabled:hover, .p-drag_layer .p-channel_sidebar__section-heading--pages-drawer--disabled:hover {
  color: var(--p-channel_sidebar__computed-text-color);
}

.p-channel_sidebar--iap1 .p-channel_sidebar__badge, .p-drag_layer .p-channel_sidebar__badge {
  margin-right: 2px;
  opacity: 1;
  transition: opacity 0.1s;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__badge.p-channel_sidebar__badge--hide_plus_button, .p-drag_layer .p-channel_sidebar__badge.p-channel_sidebar__badge--hide_plus_button {
  transition: none;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__badge.p-channel_sidebar__link_count, .p-drag_layer .p-channel_sidebar__badge.p-channel_sidebar__link_count {
  margin-right: -6px;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__badge--showing, .p-drag_layer .p-channel_sidebar__badge--showing {
  opacity: 1;
}

.p-channel_sidebar--iap1 {
  .p-channel_sidebar__badge--hover, .p-channel_sidebar__badge--section_menu-open.p-channel_sidebar__badge--hide_plus_button {
    opacity: 0;
  }
}

.p-drag_layer {
  .p-channel_sidebar__badge--hover, .p-channel_sidebar__badge--section_menu-open.p-channel_sidebar__badge--hide_plus_button {
    opacity: 0;
  }
}

.p-channel_sidebar--iap1 .p-channel_sidebar__badge--muted, .p-drag_layer .p-channel_sidebar__badge--muted {
  opacity: 0.64;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__callout, .p-drag_layer .p-channel_sidebar__callout {
  align-self: center;
  background: var(--p-channel_sidebar__computed-text-color);
  border-radius: 16px;
  display: inline-block;
  flex: 0 0 auto;
  font-size: 10px;
  font-weight: 700;
  height: 18px;
  line-height: 18px;
  margin-left: 4px;
  margin-right: -6px;
  padding: 0 9px;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__close, .p-drag_layer .p-channel_sidebar__close {
  border-radius: 4px;
  height: 100%;
  padding: 4px;
  right: 16px;
  top: 0;
}

.p-channel_sidebar--iap1 {
  .p-channel_sidebar__channel--draft .p-channel_sidebar__channel_draft_suffix, .p-channel_sidebar__channel--pending .p-channel_sidebar__channel_pending_suffix {
    flex-basis: 28px;
    width: 28px;
  }
}

.p-drag_layer {
  .p-channel_sidebar__channel--draft .p-channel_sidebar__channel_draft_suffix, .p-channel_sidebar__channel--pending .p-channel_sidebar__channel_pending_suffix {
    flex-basis: 28px;
    width: 28px;
  }
}

.p-channel_sidebar--iap1 .p-channel_sidebar__channel_icon_suffix, .p-drag_layer .p-channel_sidebar__channel_icon_suffix {
  margin-right: 4px;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__section_heading_plus, .p-drag_layer .p-channel_sidebar__section_heading_plus {
  border-radius: 4px;
  padding: 3px;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__section_heading_plus:before, .p-drag_layer .p-channel_sidebar__section_heading_plus:before {
  content: '\E279';
  opacity: 1;
}

.p-channel_sidebar--iap1 {
  .p-channel_sidebar__channel_icon_prefix, .p-channel_sidebar__link:before, .p-channel_sidebar__link__icon, .p-channel_sidebar__section_heading_expand {
    opacity: 1;
  }
}

.p-drag_layer {
  .p-channel_sidebar__channel_icon_prefix, .p-channel_sidebar__link:before, .p-channel_sidebar__link__icon, .p-channel_sidebar__section_heading_expand {
    opacity: 1;
  }
}

.p-channel_sidebar--iap1 .p-channel_sidebar__link--browse_dms:before, .p-drag_layer .p-channel_sidebar__link--browse_dms:before {
  margin: 0 -6px 0 3px;
}

.p-channel_sidebar--iap1 {
  .p-channel_sidebar__link--add-channel:before, .p-channel_sidebar__link--invites:before {
    margin: 0 -5px 0 2px;
  }
}

.p-drag_layer {
  .p-channel_sidebar__link--add-channel:before, .p-channel_sidebar__link--invites:before {
    margin: 0 -5px 0 2px;
  }
}

.p-channel_sidebar--iap1 .p-channel_sidebar__link--add-teammates:before, .p-drag_layer .p-channel_sidebar__link--add-teammates:before {
  margin: 0 -4px 0 3px;
}

.p-channel_sidebar--iap1 {
  .p-channel_sidebar__emoji, .p-channel_sidebar__link:before, .p-channel_sidebar__link__icon:not(.p-channel_sidebar__link--browse_all_channels), .p-channel_sidebar__section_heading_expand {
    font-size: 18px;
    width: 26px;
  }
}

.p-drag_layer {
  .p-channel_sidebar__emoji, .p-channel_sidebar__link:before, .p-channel_sidebar__link__icon:not(.p-channel_sidebar__link--browse_all_channels), .p-channel_sidebar__section_heading_expand {
    font-size: 18px;
    width: 26px;
  }
}

.p-channel_sidebar--iap1 .p-channel_sidebar__team_icon, .p-drag_layer .p-channel_sidebar__team_icon {
  margin: 3px;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__emoji, .p-drag_layer .p-channel_sidebar__emoji {
  padding-left: 5px;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__emoji--with_super_sections, .p-drag_layer .p-channel_sidebar__emoji--with_super_sections {
  width: 18px;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__emoji--with_super_sections img, .p-drag_layer .p-channel_sidebar__emoji--with_super_sections img {
  height: 13px;
  margin-top: -6px;
  width: 13px;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__emoji, .p-drag_layer .p-channel_sidebar__emoji {
  display: flex;
  flex: 0 0 auto;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__link__icon {
  &.c-icon--all-files-alt, &.c-icon--gn-menu, &.c-icon--mentions, &.c-icon--team-directory {
    font-size: 16px;
    left: 1px;
  }
}

.p-drag_layer .p-channel_sidebar__link__icon {
  &.c-icon--all-files-alt, &.c-icon--gn-menu, &.c-icon--mentions, &.c-icon--team-directory {
    font-size: 16px;
    left: 1px;
  }
}

.p-channel_sidebar--iap1 .p-channel_sidebar__link__icon.c-icon--shared-channels-outline, .p-drag_layer .p-channel_sidebar__link__icon.c-icon--shared-channels-outline {
  font-size: 20px;
  left: -1px;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__banner, .p-drag_layer .p-channel_sidebar__banner {
  border-radius: 16px;
  display: block;
  font-size: 13px;
  height: 28px;
  left: 50%;
  margin: auto;
  max-width: calc(100% - 32px);
  overflow: hidden;
  padding: 4px 20px 4px 8px;
  right: auto;
  text-overflow: ellipsis;
  transform: translateX(-50%);
  white-space: nowrap;
  width: auto;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__banner wbr, .p-drag_layer .p-channel_sidebar__banner wbr {
  display: none;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__banner, .p-drag_layer .p-channel_sidebar__banner {
  box-shadow: 0 4px 12px 0 #00000014;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__banner--top, .p-drag_layer .p-channel_sidebar__banner--top {
  top: 6px;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__banner--bottom, .p-drag_layer .p-channel_sidebar__banner--bottom {
  bottom: 8px;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__banner_icon, .p-drag_layer .p-channel_sidebar__banner_icon {
  left: auto;
  margin-right: 4px;
  position: relative;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__list__top_banner_fade, .p-drag_layer .p-channel_sidebar__list__top_banner_fade {
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__list__bottom_banner_fade, .p-drag_layer .p-channel_sidebar__list__bottom_banner_fade {
  bottom: 0;
  height: 24px;
  left: 0;
  position: absolute;
  width: 100%;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__empty_state, .p-drag_layer .p-channel_sidebar__empty_state {
  margin: 40px 30px 0;
  max-width: 600px;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__empty_state .c-empty_state__title, .p-drag_layer .p-channel_sidebar__empty_state .c-empty_state__title {
  font-size: 15px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.46668;
  overflow-wrap: break-word;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__empty_state .c-empty_state__title_icon, .p-drag_layer .p-channel_sidebar__empty_state .c-empty_state__title_icon {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
}

.p-channel_sidebar--iap1 .p-channel_sidebar__empty_state .c-empty_state__description, .p-drag_layer .p-channel_sidebar__empty_state .c-empty_state__description {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-channel_sidebar__callout {
  color: var(--p-channel_sidebar__column-bg);
}

.p-channel_sidebar__edit_mode_checkbox {
  display: inline-block;
  flex-shrink: 0;
  font-family: Slack v2;
  font-size: 20px;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  margin-left: -24px;
  margin-left: 1px;
  margin-right: 4px;
  margin-right: 3px;
  opacity: .64;
  transition: opacity 80ms;
  vertical-align: middle;
  width: 20px;
  width: 26px;
}

.p-channel_sidebar__edit_mode_checkbox--selected {
  opacity: 1;
}

.p-channel_sidebar__section_heading_expand {
  cursor: pointer;
  display: inline-block;
  flex-shrink: 0;
  font-family: Slack v2;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  height: 26px;
  opacity: .64;
  position: relative;
  transform: rotate(90deg) translateY(0);
  transition: transform .1s, opacity .1s;
  vertical-align: middle;
  width: 20px;
}

.p-channel_sidebar__section_heading_expand_container {
  align-items: center;
  border-radius: 4px;
  display: flex;
  height: 26px;
  margin: 0 0 0 -7px;
  width: 26px;

  &.p-channel_sidebar__section_heading_expand_container--with_super_sections {
    margin: 0 1px 0 0;
    width: 18px;

    .p-channel_sidebar__section_heading_expand {
      opacity: 0;
      width: 18px;
    }
  }
}

.p-channel_sidebar__section_heading_expand_container--edit-mode {
  margin: 0 4px 0 -6px;
}

.p-channel_sidebar__section_heading_expand_container.p-channel_sidebar__section_heading_expand_container--has_emoji {
  .p-channel_sidebar__emoji {
    opacity: 1;
    position: absolute;
    transition: opacity 0.1s;
  }

  .p-channel_sidebar__emoji--muted {
    opacity: 0.64;
  }

  .p-channel_sidebar__section_heading_expand {
    opacity: 0;
  }
}

.p-channel_sidebar__section_heading:hover {
  .p-channel_sidebar__section_heading_expand_container--with_super_sections .p-channel_sidebar__section_heading_expand {
    opacity: 1;
    transition-delay: 0ms, 0.2s;
  }

  .p-channel_sidebar__section_heading_expand_container.p-channel_sidebar__section_heading_expand_container--has_emoji {
    .p-channel_sidebar__emoji {
      opacity: 0;
      transition-delay: 0.2s;
    }

    .p-channel_sidebar__section_heading_expand {
      opacity: 1;
      transition-delay: 0ms, 0.2s;
    }
  }
}

.p-channel_sidebar__static_list--keyboard_focus .p-channel_sidebar__static_list__item:focus .p-channel_sidebar__section_heading_expand_container.p-channel_sidebar__section_heading_expand_container--has_emoji {
  .p-channel_sidebar__emoji {
    opacity: 0;
    transition-delay: 0.2s;
  }

  .p-channel_sidebar__section_heading_expand {
    opacity: 1;
    transition-delay: 0ms, 0.2s;
  }
}

.p-channel_sidebar__static_list__item.c-virtual_list__item--focus:focus:after, div[aria-selected=true].p-channel_sidebar__static_list__item:focus:after {
  box-shadow: var(--p-channel_sidebar__focus-outline-box-shadow);
}

.p-channel_sidebar__static_list__item--contain {
  contain: strict;
}

.p-channel_sidebar__pages_list_spacer {
  border-bottom: 1px solid;
  height: inherit;
}

.p-channel_sidebar__section_heading:active .p-channel_sidebar__section_heading_expand_container.p-channel_sidebar__section_heading_expand_container--has_emoji .p-channel_sidebar__emoji, .p-channel_sidebar__section_heading_expand_container.p-channel_sidebar__section_heading_expand_container--has_emoji:hover .p-channel_sidebar__emoji {
  transition: none;
}

.p-channel_sidebar__section_heading:active .p-channel_sidebar__section_heading_expand_container.p-channel_sidebar__section_heading_expand_container--has_emoji .p-channel_sidebar__section_heading_expand, .p-channel_sidebar__section_heading_expand_container.p-channel_sidebar__section_heading_expand_container--has_emoji:hover .p-channel_sidebar__section_heading_expand {
  transition: transform 0.1s;
}

.p-channel_sidebar__section_heading--collapsed {
  .p-channel_sidebar__section_heading_expand {
    transform: rotate(0deg);
    transform: rotate(0deg) translateY(1px);
  }

  .p-channel_sidebar__section_heading_label--unreads {
    font-weight: 900;
    opacity: 1;
  }
}

.p-channel_sidebar__section_heading_ellipsis {
  border-radius: 4px;
  height: 26px;
  left: 6px;
  line-height: 1;
  opacity: 0;
  padding: 3px;
  position: relative;
  transition: opacity .1s ease-out;
  width: 26px;
}

.p-channel_sidebar__section_heading_ellipsis--showing {
  opacity: 1;
  transition: opacity 0.1s;
}

.p-channel_sidebar__section_heading_ellipsis_transition-enter {
  opacity: 0;
}

.p-channel_sidebar__section_heading_ellipsis_transition-enter-active {
  opacity: 1;
  transition: opacity 0.1s ease-in 0.2s;

  &.p-channel_sidebar__section_heading_ellipsis_transition--hide_plus_button {
    transition: none;
  }
}

.p-channel_sidebar__section_heading_ellipsis_transition-exit {
  opacity: 0;
  transition: opacity 0.1s ease-out 0.2s;

  &.p-channel_sidebar__section_heading_ellipsis_transition--hide_plus_button {
    transition: none;
  }
}

.p-channel_sidebar__section_heading_ellipsis_transition-exit-active {
  opacity: 0;
}

.p-channel_sidebar__section_heading {
  &:hover {
    .p-channel_sidebar__badge, .p-channel_sidebar__section_heading_ellipsis {
      transition-delay: 0.2s;
    }

    .p-channel_sidebar__badge {
      &.p-channel_sidebar__badge--hide_plus_button {
        transition-delay: 0ms;
      }

      transition-delay: 0;
    }

    .p-channel_sidebar__section_heading_ellipsis {
      transition-delay: 0;
    }
  }

  &:active {
    .p-channel_sidebar__badge, .p-channel_sidebar__section_heading_ellipsis, .p-channel_sidebar__section_heading_ellipsis_transition-active, .p-channel_sidebar__section_heading_ellipsis_transition-enter, .p-channel_sidebar__section_heading_ellipsis_transition-exit, .p-channel_sidebar__section_heading_ellipsis_transition-exit-active {
      transition: none;
    }
  }

  &:hover .p-channel_sidebar__section_heading_right:hover {
    .p-channel_sidebar__badge, .p-channel_sidebar__section_heading_ellipsis, .p-channel_sidebar__section_heading_ellipsis_transition-active, .p-channel_sidebar__section_heading_ellipsis_transition-enter, .p-channel_sidebar__section_heading_ellipsis_transition-exit, .p-channel_sidebar__section_heading_ellipsis_transition-exit-active {
      transition: none;
    }
  }

  &:active .p-channel_sidebar__section_heading_ellipsis, &:hover .p-channel_sidebar__section_heading_ellipsis {
    opacity: 1;
    transition: opacity 0.1s ease-out;
  }

  &:active .p-channel_sidebar__badge:not(.p-channel_sidebar__badge--hide_plus_button), &:hover .p-channel_sidebar__badge:not(.p-channel_sidebar__badge--hide_plus_button) {
    opacity: 0;
    transition: opacity 0.1s ease-out;
  }
}

.p-channel_sidebar__section_heading_ellipsis_icon {
  display: inline-block;
  flex-shrink: 0;
  font-family: Slack v2;
  font-size: 20px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-top: -1px;
  opacity: .64;
  opacity: 1;
  vertical-align: middle;
  width: 20px;
}

.p-channel_sidebar__section_heading_ellipsis .p-ia_edu_throbber--square {
  height: 108px;
  left: -40px;
  position: absolute;
  top: -40px;
  width: 108px;
}

.p-channel_sidebar__emoji, .p-channel_sidebar__section_heading_button {
  border-radius: 6px;
  display: flex;
  max-width: 100%;
  padding-left: 5px;
}

.p-channel_sidebar__organize_button {
  justify-content: center;
}

.p-channel_sidebar__channel.c-link--focus-visible:focus .p-channel_sidebar__name, .p-channel_sidebar__close.c-button--focus-visible:focus, .p-channel_sidebar__history_button.c-button--focus-visible:focus {
  box-shadow: var(--p-channel_sidebar__focus-outline-box-shadow);
}

.p-channel_sidebar__link {
  &.c-button--focus-visible:focus .p-channel_sidebar__name, &.c-link--focus-visible:focus .p-channel_sidebar__name {
    box-shadow: var(--p-channel_sidebar__focus-outline-box-shadow);
  }
}

.p-channel_sidebar__organize_action.c-button--focus-visible:focus, .p-channel_sidebar__organize_selection_action.c-link--focus-visible:focus, .p-channel_sidebar__section_heading_label--clickable.c-button--focus-visible:focus, .p-channel_sidebar__section_heading_plus.c-button--focus-visible:focus {
  box-shadow: var(--p-channel_sidebar__focus-outline-box-shadow);
}

.p-channel_sidebar__navigation_bar .p-channel_sidebar__organize_button {
  padding-bottom: 4px;
}

.p-channel_sidebar__organize_button--disabled {
  cursor: default;
  opacity: 0.64;
}

.p-channel_sidebar__channel_section_select_menu {
  margin-right: 0;
  min-width: 196px;
}

.p-channel_sidebar__remove_section_modal_spacing {
  margin-top: 12px;
}

.p-channel_sidebar__placeholder {
  display: inline-block;
  width: 20px;
}

.p-channel_sidebar__channel_section_select_menu_item {
  display: block;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-channel_sidebar__channel_section_menu_item__callout {
  margin-right: 16px;
}

.p-channel_sidebar__channel_section_menu_submenu_label {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
}

.p-channel_sidebar__channel_section_menu_submenu_label__secondary_text {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.50001;
  margin-left: 16px;
  margin-right: 8px;
  position: relative;
  top: -1px;
}

.c-menu_item__li--highlighted .p-channel_sidebar__channel_section_menu_submenu_label__secondary_text {
  color: #fff;
}

.p-channel_sidebar__channel_section_menu_submenu__link.c-menu_item__button {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding: 8px 24px 4px;
  -webkit-user-select: text;
  user-select: text;

  &.c-menu_item__button--highlighted .sk_highlight {
    color: #fff;
  }
}

.p-channel_sidebar__static_list__item__row_container {
  border-radius: 6px;
  cursor: pointer;
  padding: 0 8px;

  .p-channel_sidebar__channel--selected, .p-channel_sidebar__link, .p-channel_sidebar__link--add-more-items, .p-channel_sidebar__link:hover, .p-channel_sidebar__section-heading--pages-drawer:hover {
    border-radius: 6px;
  }

  &:hover {
    .p-channel_sidebar__channel, .p-channel_sidebar__section-heading--pages-drawer {
      border-radius: 6px;
    }
  }

  .p-channel_sidebar__drop_target_indicator--channel_sides {
    &.p-channel_sidebar__channel--selected, &.p-channel_sidebar__channel:hover, &.p-channel_sidebar__link {
      border-radius: initial;
    }
  }

  .p-channel_sidebar__link--unread {
    .p-channel_sidebar__badge, .p-channel_sidebar__callout {
      margin-right: -6px;
    }
  }
}

.p-channel_sidebar__channel_section_menu_icon--unreads_simplification {
  .c-menu_item__icon {
    color: inherit;
    display: flex;
    height: auto;
    margin-right: 0;
    text-align: initial;

    .p-channel_sidebar__channel_icon_prefix {
      font-size: 25px;
    }
  }

  .c-base_entity__text-contents {
    margin-left: 5px;
  }

  &.p-channel_sidebar__channel--muted:not(.c-menu_item__button--highlighted) {
    opacity: 0.64;
  }
}

.p-channel_sidebar__organize_mode_menu {
  border-top: 1px solid var(--p-channel_sidebar__theme-text--opacity-11);
  padding: 16px 16px 24px;

  &:before {
    border-top-style: solid;
    border-top-width: 1px;
    content: ' ';
    opacity: 0.64;
  }
}

.p-channel_sidebar__organize_mode_count {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin: 0 0 16px;
}

.p-channel_sidebar__organize_mode_actions {
  display: flex;
  justify-content: space-around;
}

.p-channel_sidebar__organize_action {
  border: none;
  display: block;
  flex: 1 0 0;
  min-width: 50px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }

  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--primary {
  background-color: var(--p-channel_sidebar__theme-text);
  color: var(--p-channel_sidebar__column-bg);

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

.p-channel_sidebar__organize_action + .p-channel_sidebar__organize_action {
  margin-left: 8px;
}

.p-channel_sidebar__channel:focus, .p-channel_sidebar__link:focus {
  outline: none;
}

.p-channel_sidebar__channel.c-link--focus-visible:focus {
  border-radius: 0;
  box-shadow: none;
}

.p-channel_sidebar__link {
  &.c-button--focus-visible:focus, &.c-link--focus-visible:focus {
    border-radius: 0;
    box-shadow: none;
  }
}

.p-channel_sidebar__channel.c-link--focus-visible:focus .p-channel_sidebar__name {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.p-channel_sidebar__link {
  &.c-button--focus-visible:focus .p-channel_sidebar__name, &.c-link--focus-visible:focus .p-channel_sidebar__name {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border-radius: 4px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  }
}

.p-channel_sidebar__static_list__item:focus {
  outline: none;
}

.p-channel_sidebar__close.c-button--focus-visible:focus, .p-channel_sidebar__section_heading_plus.c-button--focus-visible:focus {
  border-radius: 10px;
}

.p-channel_sidebar__static_list--keyboard_focus div[aria-selected=true].p-channel_sidebar__static_list__item:focus:after {
  --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 4px;
  bottom: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
  content: '';
  display: block;
  left: 4px;
  position: absolute;
  right: 4px;
  top: 4px;
}

.p-channel_sidebar__custom_sections_alert {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  align-items: flex-start;
  border: 1px solid var(--saf-0);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  height: 112px;
  max-height: 168px;
  overflow: hidden;
  padding: 24px 20px 0;
}

.p-channel_sidebar__custom_sections_image_container {
  height: inherit;
  width: 17%;
}

.p-channel_sidebar__custom_sections_image {
  align-self: baseline;
  display: block;
  position: relative;
  width: 100%;
}

.p-channel_sidebar__custom_sections_copy_container {
  display: flex;
  flex-direction: column;
  margin: 0 20px;
  max-height: inherit;
  width: 66%;

  .p-channel_sidebar__custom_sections_copy_container__description {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    overflow: hidden;
    word-break: break-word;
  }
}

.p-channel_sidebar__custom_sections_copy_header {
  display: block;
  padding-bottom: 4px;
}

.p-channel_sidebar__custom_sections_copy_header__heading .p-channel_sidebar__custom_sections_copy_header__heading__text {
  display: inline;
  font-size: 15px;
  font-weight: 700;
}

.p-channel_sidebar__custom_sections_learn_more_link {
  display: inline;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  white-space: nowrap;
}

.p-channel_sidebar__custom_sections_create_button_container {
  height: inherit;
  margin: 0 4px 0 auto;
  position: relative;
  top: 12px;
}

.p-channel_sidebar__custom_sections_create_button {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

@media only screen and (max-width: 1050px) {
  .p-channel_sidebar__custom_sections_alert {
    height: max-content;
    max-height: 168px;
  }
}

@media only screen and (max-width: 700px) {
  .p-channel_sidebar__custom_sections_create_button, .p-channel_sidebar__custom_sections_create_button_container, .p-channel_sidebar__custom_sections_image, .p-channel_sidebar__custom_sections_image_container {
    display: none;
  }
}

.p-channel_sidebar__link__saved--toasting {
  animation-duration: 1s;
  animation-name: p-channel_sidebar__saved__toast_fade;
  animation-timing-function: ease-out;
}

.p-channel_sidebar__saved__toast {
  animation-duration: 1s;
  animation-name: p-channel_sidebar__saved__toast;
  animation-timing-function: cubic-bezier(0.59, 0.52, 0.62, 1.49);
  font-size: 20px;
  height: 20px;
  left: 17px;
  margin: 0 1px 0 -4px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 3px;
  transform: scale(0);
  transform-origin: center;
  width: 20px;
}

@keyframes p-channel_sidebar__saved__toast {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  15% {
    opacity: 1;
  }

  30% {
    opacity: 1;
    transform: scale(1);
  }

  85% {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(0);
  }
}

@keyframes p-channel_sidebar__saved__toast_fade {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  15% {
    opacity: 0;
    transform: scale(0);
  }

  85% {
    opacity: 0;
    transform: scale(0);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

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

.p-channel_sidebar__activity__toast {
  animation-duration: 3s;
  animation-name: p-channel_sidebar__activity__toast;
  animation-timing-function: cubic-bezier(0.59, 0.52, 0.62, 1.49);
  font-size: 20px;
  height: 20px;
  left: 17px;
  margin: 0 1px 0 -4px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: scale(0);
  width: 20px;
}

@keyframes p-channel_sidebar__activity__toast {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  5% {
    opacity: 1;
  }

  10% {
    opacity: 1;
    transform: scale(1);
  }

  95% {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(0);
  }
}

@keyframes p-channel_sidebar__activity__toast_fade {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  5% {
    opacity: 0;
    transform: scale(0);
  }

  95% {
    opacity: 0;
    transform: scale(0);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

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

.p-channel_sidebar__link__activity {
  transform-origin: 10px 10px;
  transition: opacity 0.15s ease-out, transform 0.15s ease-out;
}

.p-channel_sidebar__link__activity--hide {
  animation-name: none;
  opacity: 0;
  transform: scale(0);
}

.p-channel_sidebar__activity__toast--with-tooltip {
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: unset;
  justify-content: center;
  left: 12px;
  margin: 0;
  pointer-events: auto;
  top: 0;
  transition: opacity 0.15s cubic-bezier(0.59, 0.52, 0.62, 1.49), transform 0.15s cubic-bezier(0.59, 0.52, 0.62, 1.49);
  width: 22px;
}

.p-channel_sidebar__activity__toast--paused {
  animation-name: none;
  opacity: 1;
  transform: scale(1);
}

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

.p-channel_sidebar__ia_edu_pages_throbber {
  position: absolute;
  right: 20px;
  top: 85px;
}

.p-channel_sidebar__compose_button .p-channel_sidebar__ia_edu_compose_throbber {
  height: 120px;
  left: -42px;
  position: absolute;
  top: -42px;
  width: 120px;
}

.p-channel_sidebar__create_modal--no-flash {
  transition: none;
}

.p-channel_sidebar__section_heading_icon {
  margin: 0;
}

.p-channel_sidebar__user_avatar {
  height: 20px;
  margin: 0 8px 0 -4px;
  position: relative;
  width: 20px;

  &:hover .c-avatar {
    cursor: pointer;
  }

  .p-channel_sidebar__presence_icon.c-presence--away {
    opacity: 1;
  }

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

.p-channel_sidebar__user_avatar--away {
  opacity: 0.64;
}

.p-channel_sidebar__user_avatar--hide-presence {
  .p-channel_sidebar__presence_icon--on-avatar, .p-channel_sidebar__user_avatar_presence_bg {
    display: none;
  }
}

.p-channel_sidebar__mpim_avatars {
  flex-shrink: 0;
  height: 22px;
  line-height: 14px;
  margin: 0 8px 0 -4px;
  position: relative;
  width: 20px;

  &:hover .c-avatar {
    cursor: pointer;
  }

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

.p-channel_sidebar__mpim_avatars_mpim1 {
  left: 0;
  position: absolute;
  top: 0;
}

.p-channel_sidebar__mpim_avatars_mpim2 {
  left: 8px;
  position: absolute;
  top: 8px;
}

.p-channel_sidebar__mpim_counter {
  left: 8px;
  position: absolute;
  top: 8px;
  border-radius: 4px;
  height: 14px;
  width: 14px;
}

.p-channel_sidebar__mpim_avatars_mpim2 {
  .c-avatar__image, .c-base_icon {
    box-shadow: 0 0 0 2px var(--p-channel_sidebar__column-bg);
  }
}

.p-channel_sidebar__mpim_counter {
  box-shadow: 0 0 0 2px var(--p-channel_sidebar__column-bg);
}

.p-channel_sidebar__mpim_counter_inner {
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  height: 14px;
  text-align: center;
  width: 14px;
}

.p-channel_sidebar__user_avatar_presence_bg {
  background: var(--p-channel_sidebar__column-bg);
  height: 3px;
  left: 17px;
  position: absolute;
  top: 15px;
  width: 3px;
}

.p-channel_sidebar__presence_icon {
  &.p-channel_sidebar__presence_icon--on-avatar {
    left: 9px;
    margin: 0;
    position: absolute;
    top: 6px;

    &:before {
      font-size: 15px;
      line-height: 15px;
    }

    &.c-icon--presence-ura-dnd, &.c-icon--presence-ura-dnd-offline, &.c-icon--presence-ura-offline, &.c-icon--presence-ura-online {
      left: 7px;
    }
  }

  &.p-channel_sidebar__presence_icon--on-avatar-border {
    -webkit-text-stroke-width: 4px;
    -webkit-text-stroke-color: var(--p-channel_sidebar__column-bg);
  }
}

.p-channel_sidebar__more_menu {
  .c-menu_item__button {
    padding: 0 24px 0 16px;
  }

  .c-menu_item__icon {
    margin-right: 4px;
  }

  .p-channel_sidebar__more_menu__customize_item {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    margin-bottom: -4px;
    padding: 0 24px;

    &.c-menu_item__button--highlighted .sk_highlight {
      color: inherit;
    }
  }

  .p-channel_sidebar__more_menu__icon {
    font-size: 18px;
    position: relative;
  }
}

.p-channel_sidebar.p-channel_sidebar--inset .p-channel_sidebar__section_heading {
  bottom: 0;
  position: absolute;
}

.p-channel_sidebar__list.p-channel_sidebar__list--inset {
  border-top: 1px solid var(--p-channel_sidebar__navigation-bar-color);
}

.p-sidebar_simplification_coachmark {
  padding: 0;
  width: 280px;
}

.p-sidebar_simplification_coachmark__hero_container {
  align-items: flex-end;
  background-color: #1d9bd1;
  display: flex;
  height: auto;
  justify-content: center;
  padding: 32px 64px 0;
  width: 100%;
}

.sk-client-theme--dark .p-sidebar_simplification_coachmark__hero_container {
  background-color: #1264a3;
}

.p-sidebar_simplification_coachmark__hero {
  background-color: #3f0e40;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: block;
  height: 109px;
  width: 154px;
}

.sk-client-theme--dark .p-sidebar_simplification_coachmark__hero {
  background-color: #19171c;
}

.p-sidebar_simplification_coachmark__wrapper {
  border-radius: inherit;
  overflow: hidden;
}

.p-sidebar_simplification_coachmark__content {
  padding: 20px 24px 24px;
}

.p-sidebar_simplification_coachmark .c-coachmark__close {
  color: #fff;
  position: absolute;
  right: 4px;
  top: 4px;

  &:hover {
    background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    color: #fff;
  }
}

.p-setup-page-shared-invite-link__link {
  flex-basis: 30%;
  margin: 0 8px;
}

.p-setup_joiner_banner_modal__content_section {
  padding-bottom: 5px;
}

.p-setup_joiner_banner_modal__iframe_wrapper {
  height: 293px;
  margin-left: -28px;
  position: relative;
  width: 520px;
}

.p-setup_joiner_banner_modal__iframe_btn_overlay {
  height: 100%;
  position: absolute;
  width: 100%;

  &.c-button--focus-visible:focus {
    border-radius: 0;
  }

  &:hover {
    cursor: pointer;
  }
}

.p-setup_joiner_banner_modal__iframe {
  height: 100%;
  width: 100%;
}

.p-setup_banner__container {
  position: relative;
  width: 100%;
  z-index: 202;
}

.p-setup_banner {
  padding: 48px 56px 32px;
  width: 100%;
}

.p-setup_banner__full_page {
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
}

.p-setup_banner--dm, .p-setup_banner--page {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}

.p-setup_banner__header {
  display: flex;
  position: absolute;
  right: 12px;
  top: 12px;

  .p-ia__view_header__button {
    flex-direction: row-reverse;
    font-weight: 400;
    margin-right: 16px;
  }
}

@media (min-width: 1070px) {
  .p-setup_banner__header .p-ia__view_header__button .p-ia__view_header__button_icon {
    margin-left: 8px;
  }
}

.p-setup_banner__heading-comp {
  align-items: baseline;
  display: flex;

  .c-emoji {
    flex-shrink: 0;
  }
}

.p-setup_banner__heading, .p-setup_banner__heading--joiner_banner {
  display: block;
  font-family: Slack-Larsseit, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -.25px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-setup_banner__heading wbr, .p-setup_banner__heading--joiner_banner wbr {
  display: none;
}

.p-setup_banner__text {
  margin-bottom: 28px;
}

.p-setup_banner__cta_text {
  color: #616061;
  font-size: 13px;
  margin-bottom: 12px;
}

.p-setup_banner__btn_container {
  display: flex;
  flex-wrap: wrap;
}

.p-setup_banner__full_page__btn_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 16px;
}

.p-setup_banner__btn {
  align-items: center;
  border-radius: 24px;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
  margin-right: 12px;

  &:hover {
    --saf-0: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: 1px solid var(--saf-0);
  }
}

.p-setup_banner__btn--completed {
  background: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border: 1px solid #0000;
  box-shadow: none;
}

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

.p-setup_banner__invite_container {
  display: flex;
  max-width: 750px;
}

.p-setup_banner__email_input {
  margin-right: 12px;
  width: 100%;
}

.p-setup_banner__email_btn {
  min-width: 120px;
}

.p-setup_banner__email_input > .c-email_tokenizer_input__multi_select_input {
  min-height: 36px;
}

.p-setup_banner__invite_link {
  outline: none;

  &:hover {
    cursor: pointer;
  }
}

.p-setup_banner__wave_icon {
  background-image: url(./hand-wave-1b548bb.png);
  background-size: 30px 30px;
  height: 30px;
  width: 30px;
}

.p-setup_banner__lightbulb_icon {
  background-image: url(./lightbulb-1f13342.png);
  background-size: 15px 15px;
  height: 15px;
  width: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-setup_banner__lightbulb_icon {
    background-image: url(./lightbulb@2x-94e9db4.png);
  }
}

.p-setup_banner__app_icon {
  --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  height: 15px;
  width: 15px;
}

.p-setup_banner--channel_joiner_banner, .p-setup_banner--people_joiner_banner {
  align-items: center;
  background: rgba(var(--sk_secondary_highlight, 242, 199, 68), 0.1);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.p-setup_banner__heading--joiner_banner {
  font-family: Slack-Larsseit, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
  max-width: 500px;
  white-space: break-spaces;
}

.p-setup_banner__text--joiner_banner {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  margin-bottom: 16px;
  max-width: 500px;
  white-space: break-spaces;
}

.p-setup_banner__full_page--quip_banner {
  flex-direction: column;
  flex-wrap: nowrap;
  height: inherit;
  justify-content: center;
  padding-bottom: 58px;
}

.p-setup_banner--quip_banner, .p-setup_banner__full_page--quip_banner {
  align-items: center;
  background: rgba(var(--sk_secondary_highlight, 242, 199, 68), 0.1);
  display: flex;
}

.p-setup_banner--quip_banner {
  border-color: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-style: solid;
  border-width: 1px 0;
  flex-direction: row;
  gap: 24px;
  height: 220px;
  isolation: isolate;
  justify-content: space-between;
  padding: 0 16px 0 48px;
}

.p-setup_banner__btn--quip {
  border-color: #4a154b;
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.p-setup_banner__full_page__heading--quip_banner {
  font-size: 28px;
  line-height: 34px;
  max-width: 620px;
  text-align: center;
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  font-style: normal;
  font-weight: 900;
}

.p-setup_banner__heading--quip_banner {
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  max-width: 408px;
}

.p-setup_banner__text--quip_banner {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 16px;
  margin-top: 4px;
  max-width: 408px;
}

.p-setup_banner__full_page__text--quip_banner, .p-setup_banner__text--quip_banner {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.p-setup_banner__full_page__text--quip_banner {
  font-size: 18px;
  line-height: 27px;
  margin-top: 10px;
  max-width: 620px;
  text-align: center;
}

.p-setup_banner__image--quip_banner {
  flex: none;
  flex-grow: 0;
  height: 190px;
  margin: 30px 16px 0 0;
  order: 3;
  width: 316.37px;
  z-index: 3;
}

.p-setup_banner__image--quip_banner--minimal_mode {
  display: none;
}

.p-setup_banner__heading--quip_canvas_icon {
  color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
  padding-top: 2px;
}

.p-setup_banner__btn_container--quip {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.p-setup_banner__help_btn--quip {
  padding-left: 8px;
}

.p-setup_banner__full_page__animation--quip {
  max-height: 348px;
  max-width: 580px;
}

.p-edit_mode_info_modal__content {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
}

.p-edit_mode_info_modal__content__body {
  margin-bottom: 0;
}

.p-edit_mode_info_modal__image_container {
  flex: 0 1 auto;
  padding-right: 8px;
  padding-top: 2px;
}

.p-edit_mode_info_modal__image {
  flex: 1 0 auto;
}

.p-edit_mode_info_modal .c-sk-modal_footer {
  padding-bottom: 16px;
  padding-top: 0;
}

.p-rename_team_modal_edit_url_link {
  display: flex;
  flex-wrap: wrap;
}

.p-rename_team_modal_icon {
  color: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  display: inline;
  margin-left: 4px;
}

.p-rename_team_modal_icon_container {
  white-space: nowrap;
}

.p-switch_workspaces_submenu__icon {
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #0000001a;
  display: inline-block;
  margin: 4px 8px 0 0;
  text-align: center;
  vertical-align: top;
}

.p-classic_nav__team_menu__blurb {
  padding: 20px 24px 12px;
  display: flex;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  line-height: 1.2;
  -webkit-user-select: text;
  user-select: text;
}

.p-classic_nav__team_menu__blurb_submenu {
  display: flex;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  line-height: 1.2;
  -webkit-user-select: text;
  user-select: text;
  padding: 20px 24px 12px 0;
}

.p-classic_nav__team_menu__blurb__icon {
  flex-shrink: 0;
  margin-right: 12px;
}

.p-classic_nav__team_menu__blurb__right {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: space-around;
  min-width: 0;
}

.p-classic_nav__team_menu__blurb__name, .p-classic_nav__team_menu__blurb__sub {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-classic_nav__team_menu__blurb__name wbr, .p-classic_nav__team_menu__blurb__sub wbr {
  display: none;
}

.p-classic_nav__team_menu__blurb__name {
  font-weight: 900;
}

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

.c-menu_item__li--highlighted .p-classic_nav__team_menu__blurb__sub {
  color: #fff;
}

.p-client_desktop--ia-top-nav .p-classic_nav__team_menu__blurb__sub {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-classic_nav__team_menu__blurb_plan {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  margin: 0 16px 8px 0;
  padding: 0 24px;
  -webkit-user-select: text;
  user-select: text;
}

.p-classic_nav__team_menu__blurb_plan--has_local_discount {
  font-weight: 700;

  &:before {
    background-size: 22px 22px;
    content: '';
    display: inline-block;
    height: 22px;
    margin-right: 4px;
    vertical-align: top;
    width: 22px;
  }
}

.p-classic_nav__team_menu__blurb_plan--has_local_discount_india:before {
  background-image: url(./flag-india-37b560f.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-classic_nav__team_menu__blurb_plan--has_local_discount_india:before {
    background-image: url(./flag-india@2x-2cc8d91.png);
  }
}

.p-classic_nav__team_menu__blurb_plan--has_local_discount_brazil:before {
  background-image: url(./flag-brazil-9e3101d.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-classic_nav__team_menu__blurb_plan--has_local_discount_brazil:before {
    background-image: url(./flag-brazil@2x-7c75e5a.png);
  }
}

.p-classic_nav__team_menu__blurb__name--gov_slack_icon {
  color: #1c405f;
  margin-right: 8px;
}

.p-classic_nav__team_menu__blurb__name--gov_slack_icon--dark {
  color: #f8f8f8;
}

.p-info_blurb__container {
  font-size: 15px;
  line-height: 1.46668;
  white-space: normal;
}

.p-info_blurb {
  padding: 8px 24px 0;
  -webkit-user-select: text;
  user-select: text;
}

.p-info_blurb--clickable {
  padding-left: 0;
  padding-right: 0;
}

.p-info_blurb__container {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin: 0 16px 8px 0;
  width: 100%;
}

.p-info_blurb__link {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  font-weight: 700;
}

.p-info_blurb__link--highlighted {
  color: #fff;
  text-decoration: underline;
}

.p-info_blurb__sub_text {
  color: #616061;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  white-space: normal;
}

.sk-client-theme--dark .p-info_blurb__sub_text {
  color: #8d8c8d;
}

.p-info_blurb__sub_text--highlighted {
  color: #fff;
}

.c-menu_item__button--highlighted {
  .c-link, .c-link--button {
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    text-decoration: underline;
  }
}

.p-trial_info:before {
  background-image: url(./trial-rocket-icon-1439f96.png);
  background-size: 18px 18px;
  content: '';
  display: inline-block;
  height: 18px;
  margin-right: 4px;
  vertical-align: top;
  width: 18px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-trial_info:before {
    background-image: url(./trial-rocket-icon@2x-ce5a32b.png);
  }
}

.p-limited_history_countdown {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding: 8px 24px;
  -webkit-user-select: text;
  user-select: text;
  white-space: normal;
}

.p-limited_history_countdown--clickable {
  padding-left: 0;
  padding-right: 0;
}

.p-limited_history_countdown__body {
  padding-top: 8px;
}

.p-limited_history_countdown__link {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  font-weight: 700;
}

.p-limited_history_countdown__link--highlighted {
  color: #fff;
  text-decoration: underline;
}

.p-discount_promo:before {
  background-image: url(./discount-gift-icon-4b79f48.png);
  background-repeat: no-repeat;
  background-size: 17px 18px;
  content: '';
  display: inline-block;
  height: 18px;
  margin-right: 4px;
  vertical-align: top;
  width: 17px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-discount_promo:before {
    background-image: url(./discount-gift-icon@2x-d3433aa.png);
  }
}

.p-discount_promo--local_discount_rupee:before {
  background-image: url(./flag-india-37b560f.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-discount_promo--local_discount_rupee:before {
    background-image: url(./flag-india@2x-2cc8d91.png);
  }
}

.p-discount_promo--local_discount_real:before {
  background-image: url(./flag-brazil-9e3101d.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-discount_promo--local_discount_real:before {
    background-image: url(./flag-brazil@2x-7c75e5a.png);
  }
}

.p-pro_price_lockin_secondary_info__clock_icon:before {
  background-image: url(./alarm_clock-e45d436.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .p-pro_price_lockin_secondary_info__clock_icon:before {
    background-image: url(./alarm_clock@2x-0098b5c.png);
  }
}

.p-qr_code_signin_modal {
  max-width: 520px !important;
  width: 520px !important;

  .p-qr_code_signin_modal__title {
    padding: 20px 24px;
  }

  .p-qr_code_signin_modal__qr_code_wrapper {
    align-items: center;
    background-color: #f4ede4;
    display: flex;
    flex-direction: column;
    height: 300px;
    justify-content: center;
    z-index: 201;
  }
}

.sk-client-theme--dark .p-qr_code_signin_modal .p-qr_code_signin_modal__qr_code_wrapper {
  background-color: #261c10;
}

.p-qr_code_signin_modal {
  .p-qr_code_signin_modal__qr_code_wrapper {
    .p-qr_code_signin_modal__qr_code_image--wrapper {
      background: #fff;
      border-radius: 8px 8px 0 0;
      padding: 6px 15px;

      .p-qr_code_signin_modal__qr_code--image {
        padding: 5px;
        vertical-align: middle;
        width: 138px;
      }
    }

    .p-qr_code_signin_modal__qr_code_workspace_name {
      background-color: #4a154b;
      border-radius: 0 0 8px 8px;
      color: #fff;
      font-weight: 700;
      padding: 6px;
      text-align: center;
      width: 168px;
    }
  }

  .p-qr_code_signin_modal__qr_code--error {
    height: 100%;

    .p-mobile_download_modal__robot_img {
      height: 174px;
      vertical-align: bottom;
      width: 135px;
    }

    .p-qr_code_signin_modal__error_container {
      margin: 80px 20px 30px;
      padding-top: 20px;
    }
  }

  .p-qr_code_signin_modal__content_section {
    padding: 0 24px 20px;

    ol li {
      counter-increment: list;
      list-style: none;
      margin-bottom: 10px;
      margin-left: 40px;
      text-indent: -40px;

      &:before {
        background-color: #007a5a;
        border-radius: 13px;
        color: #fff;
        content: counter(list);
        display: inline-block;
        font-size: 14px;
        font-weight: 700;
        line-height: 24px;
        margin-right: 15px;
        padding-left: 0;
        text-indent: 8px;
        vertical-align: top;
        width: 24px;
      }
    }
  }
}

.p-dhq_channel_table {
  .p-dhq_channel_manager_title {
    padding-bottom: 20px;
  }

  .p-dhq_channel_manager_table {
    .c-data_table__header_row {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
    }

    .c-data_table__body {
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
    }
  }
}

.p-digital_hq_for_sales_sidebar {
  background-color: #3f0e40;
  display: flex;
  flex-direction: column;
  min-width: 200px;

  .p-menu_item {
    align-items: center;
    border: 0;
    color: #fff;
    display: flex;
    flex-direction: row;
    height: 28px;
    line-height: 28px;
    margin-bottom: 8px;
    opacity: .7;
    width: 184px;

    &.is_active {
      background: #3f0e40;
      border: 0;
      opacity: 1;
    }

    &.is_hidden {
      display: none;
    }

    &:not(.is_active):hover {
      background-color: #3f0e40;
      color: #fff;
    }
  }

  .p-menu_item_text {
    font-size: 15px;
    margin-left: 8px;
  }

  .p-menu_header_img {
    align-self: center;
    height: 78px;
    margin-bottom: 16px;
    margin-top: 40px;
    width: 78px;
  }

  .p-menu_header {
    align-self: center;
    color: #fff;
    font-size: 18px;
    margin-bottom: 42px;
  }

  .p-selected_indicator {
    background: #1d9bd1;
    border-bottom-right-radius: 50px 50px;
    border-top-right-radius: 50px 50px;
    height: inherit;
    margin-left: -8px;
    margin-right: 16px;
    width: 3px;
  }
}

.p-admin_settings_channel_select {
  margin: 12px 0 12px 24px;
}

.p-troops_trigger_modal_subtitle {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-family: Lato;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.p-troops_trigger_modal .p-admin_settings_channel_select {
  margin-left: 0;
  margin-top: 0;
}

.p-data_sources_info_modal--alert {
  margin: 8px 28px 16px;
}

@media only screen and (max-width: 640px) {
  .p-data_sources_info_modal--alert {
    margin-left: 16px;
    margin-right: 16px;
  }
}

.p-data_sources_info_modal--oauth_picker {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  margin-bottom: 16px;
  padding: 16px 28px;
}

@media only screen and (max-width: 640px) {
  .p-data_sources_info_modal--oauth_picker {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.p-connect_salesforce_data_source--container {
  align-items: center;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 12px;
  display: flex;
  gap: 16px;
  margin: 32px 0;
  padding: 16px;
}

.p-connect_salesforce_data_source--container_text {
  flex: 1 1 auto;
}

.p-connect_salesforce_data_source--container_icon {
  height: 44px;
  width: 44px;
}

.c-deal_suppport_banner {
  background-color: #1d9bd11a;
  border: 1px solid #1d9bd166;
  border-radius: 4px;
  margin-bottom: 1em;
  padding: 1em;

  .c-alert__icon {
    color: #1d9bd1;
  }
}

.c-dsr-channel-create-private-check .c-label__subtext, .c-dsr-section-subtitle {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38461538;
}

.p-channel-mode-select {
  display: inline-flex;
}

.p-connect_data_source--container {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-radius: 8px;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 24px 36px;
}

.p-connect_data_source--img {
  max-height: 120px;
  width: 180px;
}

.p-data_sources_table--container {
  .c-data_table__header_row {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

  .c-data_table__body {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}

.p-manage_data_sources_page--header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.p-digital_hq_for_sales {
  background-color: #f4ede4;
  display: flex;
  flex-direction: row;
  min-height: 1200px;
  overflow: auto;
  width: 1150px;
}

.sk-client-theme--dark .p-digital_hq_for_sales {
  background-color: unset;
}

.p-digital_hq_for_sales {
  .p-main_content {
    padding: 50px 30px;
    width: 940px;
  }

  .p-digital_hq_for_sales_banner {
    border-radius: 8px;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
  }

  .p-digital_hq_for_sales_banner--light {
    background-color: #5e543214;
  }

  .p-digital_hq_for_sales_banner--text {
    max-width: 500px;
    padding-top: 32px;

    p {
      font-size: 16px;
      padding-right: 60px;
      padding-top: 8px;
    }
  }

  .p-digital_hq_for_sales_banner--img {
    margin-bottom: 30px;
    margin-right: -30px;
    width: 350px;
  }

  .p-digital_hq_for_sales_banner--dismiss-button {
    align-self: start;
    margin-right: 16px;
    margin-top: 16px;
  }

  .p-digital_hq_for_sales_banner_content {
    display: flex;
    margin-left: 30px;
    margin-right: 30px;
  }

  .p-sidebar_section_title {
    margin-top: 32px;
  }

  .p-dhq_getting_started {
    max-height: 700px;
    overflow: auto;
  }

  .p-team_channel {
    display: grid;
    gap: 12px;
    grid-template-columns: 285px 285px 285px;
  }

  .p-team_channel--columns {
    display: grid;
    flex: 1;
    justify-content: center;

    &:nth-child(3n+1) {
      justify-content: flex-start;
    }

    &:nth-child(3n+3) {
      justify-content: flex-end;
    }

    .p-create_account_channels {
      background-color: #2f8ab7;
    }

    .p-celebrate_wins {
      background-color: #ff898c;
    }

    .p-custom_alerts {
      background-color: #78dbc1;
    }

    .p-group-by-keyword {
      background-color: pink;
    }

    .p-account-sets {
      background-color: #0abab5;
    }

    .p-organize-by-salesforce {
      background-color: #53aff4;
    }
  }

  .p-team_channel--columns_header {
    border-radius: 6px 6px 0 0;
  }

  .p-team_channel--columns_body {
    border: 1px solid #80808038;
    border-radius: 6px;
    cursor: pointer;
    margin: 0 auto;
    width: 285px;
  }

  .p-team_channel--columns_content {
    background-color: #fff;
    border-radius: 0 0 6px 6px;
    padding: 10px;
  }

  .p-team_channel--columns_content_sidebar {
    background-color: #fff;
    border-radius: 0 0 6px 6px;
    height: 150px;
    padding: 10px;
  }

  .p-team_channel--columns_title {
    font-size: 15px;
  }

  .p-team_channel--columns_desc {
    color: #1d1c1db3;
    font-size: 12px;
  }

  .p-team_channel--img-sidebar {
    width: 260px;
  }
}

.p-ia__main_menu {
  .c-menu_separator__li:first-of-type, > .c-menu__items_scroller > .c-menu__items {
    padding-top: 0;
  }

  .c-menu_item__icon {
    margin-right: 8px;
    max-width: 20px;
    min-width: 20px;
  }
}

.p-ia__main_menu__user {
  align-items: center;
  display: flex;
  padding: 8px 20px 12px 24px;
  width: 100%;
}

.p-ia__main_menu__user__details {
  flex: 1 1 auto;
  margin-left: 12px;
  min-width: 0;
}

.p-ia__main_menu__user__name_container {
  align-items: center;
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  display: flex;
  position: relative;
  z-index: 1;
}

.p-ia__main_menu__user__name {
  display: block;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-ia__main_menu__user__presence {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  font-size: 13px;
  line-height: 1.38463;
  margin: -4px 0 -4px -6px;
  padding: 4px 0;
  position: relative;
  z-index: 1;
}

.p-ia__main_menu__dnd_label {
  margin-right: 8px;
}

.p-ia__main_menu__open_slack_app_item.c-menu_item__button {
  padding-right: 16px;
}

.p-ia__main_menu__open_slack_app_icon {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: #fff;
  border-radius: 13px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
  padding: 2px;

  img {
    height: 18px;
    width: 18px;
  }
}

.p-ia__main_menu__open_native_app_copy {
  display: block;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 230px;

  wbr {
    display: none;
  }
}

.p-ia__main_menu__open_native_app_icon {
  float: right;
  height: 26px;
  margin: 2px 1px 1px 0;
  text-align: center;
  width: 26px;
}

.p-ia__main_menu__instant_slack_li {
  &.c-menu_item__button--highlighted .c-alert {
    color: #fff;
  }

  .c-menu_item__label {
    overflow: visible;
    top: 0;
  }

  .c-alert {
    margin: 8px -16px;
    white-space: normal;
  }

  .c-icon {
    display: none;
  }
}

.p-ia__main_menu__instant_slack_li__callout-wrapper {
  position: absolute;
  right: 0;
  top: 24px;
}

.p-upgrade_menu_item__icon {
  position: relative;
  top: 2px;
}

.p-upgrades_button {
  align-items: center;
  background-color: initial;
  border-radius: 7px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  height: min-content;
  padding: 4px 9px;

  &:hover {
    background-color: var(--p-channel_sidebar__navigation-bar-color--hover);
  }

  &:active {
    background-color: var(--p-channel_sidebar__navigation-bar-color--active);
  }
}

.p-upgrades_button__rocket {
  color: var(--p-channel_sidebar__top-nav-text--opacity-80);
  font-size: 20px;
  margin-right: 5px;
}

.p-upgrades_button__label {
  color: inherit;
  font-size: 13px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
}

.p-upgrades_button--sidebar {
  &.c-button {
    border-color: inherit;
    color: inherit;
    margin: 0 16px;
  }

  .p-upgrades_button__rocket {
    color: var(--p-channel_sidebar__computed-text-color);
  }

  &:hover .p-upgrades_button__rocket {
    color: inherit;
  }
}

.p-champion_automatic_welcome_dm_coachmark__hero-img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
}

.p-champion_automatic_welcome_dm_coachmark__anchor {
  overflow-x: hidden;
}

.p-ia__sidebar_header {
  align-items: stretch;
  background: var(--p-channel_sidebar__column-bg);
  display: flex;
  flex-direction: column;
  min-height: 64px;
  position: relative;

  .c-button--focus-visible:focus {
    box-shadow: var(--p-channel_sidebar__focus-outline-box-shadow);
  }

  .p-ia__sidebar_header__mode {
    background: var(--p-channel_sidebar__column-bg);
  }

  &.p-ia__sidebar_header--top-nav:not(.p-ia__sidebar_header--creator-setup):hover {
    background-color: var(--p-channel_sidebar__column-bg);

    .p-ia__sidebar_header__button {
      cursor: auto;
    }
  }
}

.p-ia__sidebar_header--instant_slack {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-bottom: 1px solid rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  display: flex;
  justify-content: center;
  padding-left: 12px;
  pointer-events: none;

  > :first-child {
    height: 20px;
  }

  &.p-ia__sidebar_header--dark {
    border-color: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
  }
}

.p-ia__sidebar_header--ia_details_popover {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  min-height: 50px;
}

.p-ia__sidebar_header__button, .p-ia__sidebar_header__mode {
  align-items: center;
  background-clip: padding-box;
  border-bottom: 1px solid #0000001a;
  display: flex;
  flex: 1;
  flex-direction: row-reverse;
  min-height: inherit;
  min-width: 0;
  padding: 0 19px 0 16px;
  position: relative;
  transition-duration: 80ms;
  transition-property: background-color, border-color;
  transition-timing-function: cubic-bezier(0.36, 0.19, 0.29, 1);
  z-index: 1;
}

.p-ia__sidebar_header--no_border {
  .p-ia__sidebar_header__button, .p-ia__sidebar_header__mode {
    border: none;
  }
}

.p-ia__sidebar_header:not(.p-ia__sidebar_header--top-nav) {
  .p-ia__sidebar_header__button:hover, .p-ia__sidebar_header__mode:hover {
    border-color: #00000026;
  }
}

.p-ia__sidebar_header__button :not(.p-ia__sidebar_header__mode:hover), .p-ia__sidebar_header__mode :not(.p-ia__sidebar_header__mode:hover) {
  border-color: #00000026;
}

.p-ia__sidebar_header__button {
  &:not(.p-ia__sidebar_header__button--creator-setup) {
    cursor: pointer;
    padding-right: 54px;
  }

  outline: none;
}

.p-ia__sidebar_header__user {
  align-items: center;
  display: flex;
  margin-right: 8px;
}

.p-ia__sidebar_header__mode__state {
  align-items: center;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-ia__sidebar_header__user__presence {
  height: 12px;
  margin: 0 4px 0 -1px;
  width: 12px;

  &.c-presence--away {
    color: var(--p-channel_sidebar__computed-text-color);
  }
}

@keyframes p-ia__sidebar_header__user__status_toast {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  50% {
    opacity: 1;
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.p-ia__sidebar_header__user__status {
  height: 16px;
  margin: 0 0 0 8px;
  opacity: 1;
  transform: scale(1);
  transition: transform 80ms cubic-bezier(0.36, 0.19, 0.29, 1);

  .c-emoji {
    &:after {
      display: none;
    }

    img {
      margin: 0;
      position: static;
    }
  }
}

.p-ia__sidebar_header__button {
  &.active .p-ia__sidebar_header__user__status, &:hover .p-ia__sidebar_header__user__status {
    transform: scale(1.1);
  }
}

.p-ia__sidebar_header__user__status--animate {
  animation-duration: .29s;
  animation-name: p-ia__sidebar_header__user__status_toast;
  animation-timing-function: cubic-bezier(0.34, 0.52, 0.62, 1.73);
}

.p-ia__sidebar_header__info {
  flex: 1;
  min-width: 0;
  order: 1;
}

.p-ia__sidebar_header__team_name {
  align-items: center;
  border-radius: 6px;
  display: flex;
  margin-left: -4px;
  max-width: 100%;
  padding: 4px 4px 4px 8px;
}

.p-ia__sidebar_header__team_name_gov_slack_icon {
  margin-right: 8px;
}

.p-ia__sidebar_header__mode__name, .p-ia__sidebar_header__team_name_text {
  display: block;
  font-weight: 900;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-ia__sidebar_header__mode__name wbr, .p-ia__sidebar_header__team_name_text wbr {
  display: none;
}

.p-ia__sidebar_header__menu_icon {
  flex-shrink: 0;
  width: 20px;
}

.p-ia__sidebar_header__menu_icon--offline {
  margin-left: 4px;
  opacity: .7;
  transform: translateY(1px);
}

.p-ia__sidebar_header__user__name {
  display: block;
  flex-shrink: 1;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  min-width: 0;
  opacity: .8;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-ia__sidebar_header__button {
  &.active:not(.p-ia__sidebar_header__button--creator-setup) .p-ia__sidebar_header__user__name, &:not(.p-ia__sidebar_header__button--creator-setup):hover .p-ia__sidebar_header__user__name {
    opacity: 1;
  }
}

.p-ia__sidebar_header__mode__state_clear {
  opacity: 0.8;

  &:hover {
    opacity: 0.8;
  }
}

.p-ia__sidebar_header__mode__state_separator {
  opacity: 0.8;
  border-left-style: solid;
  border-left-width: 1px;
  height: 1em;
  margin-left: 8px;
  margin-right: 8px;
}

.p-ia__sidebar_header.p-ia__sidebar_header--v-team-creation-view {
  .p-ia__sidebar_header__button {
    align-items: flex-start;
    padding-top: 8px;

    &.p-ia__sidebar_header__button--setup_team_name {
      padding-top: 12px;
    }
  }

  .setup-caret-right {
    top: 50%;
    transform: translateY(-50%);
  }
}

.p-ia__sidebar_header__subtext {
  animation: p-ia_sidebar_subtext_fade_in .5s;
  animation-timing-function: ease-in;
  display: flex;
  font-size: 13px;
}

@keyframes p-ia_sidebar_subtext_fade_in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.p-ia__sidebar_header__mode__info_button {
  border: thin solid #0000;
  border-radius: 4px;
  flex: 0 0 auto;
  margin: 0 4px;
  padding: 2px 6px;
}

.p-ia__sidebar_header__mode__filter_container {
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 1;
  transition: flex-grow 0.3s;
}

.p-ia__sidebar_header__mode__filter_container--active {
  flex-grow: 1;
}

.p-ia__sidebar_header__mode__find_button {
  align-items: baseline;
  background-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 0.004);
  border-radius: 4px;
  display: block;
  flex: 0 1 auto;
  font-size: 13px;
  font-weight: 400;
  justify-content: space-evenly;
  line-height: 1.38463;
  overflow: hidden;
  padding: 4px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }

  .c-icon.c-icon--filter {
    margin-right: 4px;
  }
}

.p-ia__sidebar_header__mode__filter_input {
  background-color: initial;
  border-radius: 4px;
  display: flex;
  flex-grow: 1;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  width: 100%;

  .c-filter_input__input[type=text][placeholder] {
    display: block;
    margin-left: 8px;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: inherit;

    wbr {
      display: none;
    }
  }

  .c-filter_input__reset_button {
    margin-left: 4px;
    padding-right: 4px;
  }

  &.c-filter_input .c-icon {
    padding-left: 4px;
    width: 1em;

    &:before {
      font-size: inherit;
    }
  }
}

.p-ia__sidebar_header__upgrade_cta {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 12px;
}

.p-ia__sidebar_header--inset {
  padding-top: 4px;

  .p-ia__sidebar_header__button.p-ia__sidebar_header__button--inset {
    border: none;
  }

  .p-channel_sidebar__compose_button {
    top: 12px;
  }
}

.p-flexpane_subheader {
  border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  display: flex;
  justify-content: flex-end;
  padding: 12px 16px;
}

.p-files_flexpane_prototype .p-flexpane__body {
  display: flex;
  flex-direction: column;
}

.p-huddles_captions {
  height: 100%;
  max-width: 100%;
  width: 100%;
}

.p-huddles_captions_flexpane__subtitle {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-contact_profile_flexpane__slack_status_card {
  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  font-weight: 400;
  gap: 8px;
  line-height: 1.38463;
  padding: 8px;
  position: relative;

  &:before {
    background-image: url(./slack_logo_mark-01b46d3.svg);
    background-size: 100% 100%;
    content: '';
    height: 16px;
    width: 16px;
  }
}

.p-contact_profile_flexpane__name {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  word-break: break-word;
}

.p-lists_flexpane {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.p-lists_flexpane__container {
  padding: 16px;
}

.p-lists_flexpane__grouping {
  margin-bottom: 12px;

  .c-label--inline {
    margin-top: 16px;

    .c-label__text {
      font-weight: 700;
    }
  }
}

.p-lists_flexpane__updated {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 16px;
}

.p-lists_flexpane__header_permalink {
  display: inline-block;
  position: relative;
  top: 4px;

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

  &:focus:hover, &:hover:hover {
    text-decoration: none;
  }
}

.p-lists_flexpane__header_list_name {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  cursor: pointer;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-lists_flexpane__file_attachments--editable {
  margin-left: -12px;
}

.p-performance_monitor {
  ul {
    list-style-type: '';
    margin-left: 0;
  }

  strong {
    float: left;
    margin-right: 5px;
  }

  span {
    float: right;
  }
}

.p-huddle_invite_window_avatar {
  border-radius: 4px;
  display: flex;
  position: relative;

  .p-huddle_invite_window_avatar__avatar_container.p-huddle_invite_window_avatar__avatar_container--pending {
    opacity: 0.5;
  }

  .p-huddle_invite_window_avatar__status_overlay {
    background: var(--p-huddle__column_bg);
    border-radius: 2px 0;
    color: var(--p-huddle__text_color);
    left: 0;
    padding: 2px;
    position: absolute;
    top: 0;
  }

  .p-huddle_invite_window_avatar__additional_overlay {
    background-color: var(--p-huddle__column_bg);
    border-radius: 2px;
    bottom: 0;
    color: var(--p-huddle__text_color);
    font-size: 13px;
    font-weight: 700;
    height: 22px;
    padding: 2px 4px;
    position: absolute;
    right: 0;
  }
}

.p-huddle_invite_window_text__primary_text {
  font-size: 18px;
  font-weight: 700;
}

.p-huddle_invite_window_text__secondary_text {
  font-size: 13px;
  font-weight: 700;
  opacity: 0.8;
}

.p-huddle_invite_window_text .c-missing_channel--private {
  background: var(--p-huddle__text_color_opacity);
  color: inherit;
  display: inline;
}

.p-huddle_invite_window_text__truncate_tooltip {
  color: #fff;
  font-size: 13px;
  font-weight: 700;

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

.p-huddle_invite_window_content {
  background: var(--p-huddle__column_bg);
  display: flex;
  flex: 1;
  flex-direction: column;
}

.p-huddle_invite_window_content__body {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding: 8px;
}

.p-huddle_invite_window_content__facepile_container {
  margin-bottom: 4px;
  width: 100%;
}

.p-huddle_invite_window_content_facepile {
  display: flex;
  gap: 8px;
  justify-content: center;

  .c-avatar__additional_overlay {
    background-color: var(--p-huddle__column_bg);
    bottom: -4px;
    color: var(--p-huddle__text_color);
    font-size: 13px;
    height: 22px;
    left: unset;
    padding: 2px 4px;
    right: -6px;
    top: unset;
  }
}

.p-huddle_invite_window_content__invite_text {
  color: var(--p-huddle__text_color);
  text-align: center;
}

.p-huddle_invite_window_content__footer {
  padding: 0 4px 4px;
}

.p-huddle_invite_window_content__buttons {
  display: flex;

  &.p-huddle_invite_window_content__buttons--with_pending_invites {
    gap: 24px;
    justify-content: center;
    margin-bottom: 8px;

    .p-huddle_invite_window_content__button {
      background: var(--p-huddle__border_color);
      border-radius: 100px;
      color: var(--p-huddle__text_color_opacity_70);
      height: 48px;
      min-height: 48px;
      min-width: 48px;
      width: 48px;

      &:hover {
        background: var(--p-huddle__text_color);
        color: var(--p-huddle__column_bg);
      }
    }

    .p-huddle_invite_window_content__button--join {
      background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
      border: 1px solid var(--p-huddle__text_color_opacity);
      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 {
  align-items: center;
  display: flex;
  flex-direction: column;

  .p-huddle_invite_window_content__button_label {
    color: var(--p-huddle__text_color_faded);
    margin-top: 4px;
  }
}

.p-huddle_invite_window_content__button {
  + .p-huddle_invite_window_content__button {
    margin-left: 6px;
  }

  border-radius: 4px;
  flex: 1;
  font-weight: 700;
  height: 42px;
}

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

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

  .p-huddle_invite_window_content__icon {
    margin-right: 4px;
  }
}

@keyframes c-huddle-invite-window-toast-fade-in {
  0% {
    opacity: 0;
    transform: translate(-50%);
  }

  to {
    opacity: 1;
    transform: translate(-50%, 4px);
  }
}

@keyframes c-huddle-invite-window-toast-fade-out {
  0% {
    opacity: 1;
    transform: translate(-50%, 4px);
  }

  to {
    opacity: 0;
    transform: translate(-50%);
  }
}

.p-huddle_invite_window_content__toast {
  left: 50%;
  transform: translate(-50%);
  width: max-content;

  &.c-toast--fade {
    &.ReactModal__Content {
      animation: c-huddle-invite-window-toast-fade-in 80ms cubic-bezier(0.36, 0.19, 0.29, 1) 0s 1 normal forwards;
    }

    &.ReactModal__Content--before-close {
      animation: c-huddle-invite-window-toast-fade-out 80ms cubic-bezier(0.36, 0.19, 0.29, 1) 0s 1 normal forwards;
    }

    &.ReactModal__Overlay--before-close {
      pointer-events: none;
    }
  }

  .p-huddle_invite_window_content__toast_content {
    align-items: center;
    display: flex;
  }
}

.p-huddle_invite_window_titlebar {
  background-color: var(--p-huddle__column_bg);
  color: var(--p-huddle__text_color);
  display: flex;
  height: 40px;
  max-width: 100vw;
  min-height: 40px;

  &.p-huddle_invite_window_titlebar--browser .p-huddle_invite_window_titlebar__box, &.p-huddle_invite_window_titlebar--windows .p-huddle_invite_window_titlebar__box {
    align-items: center;
    display: flex;
  }

  &.p-huddle_invite_window_titlebar--browser .p-huddle_invite_window_titlebar__box:first-child > span, &.p-huddle_invite_window_titlebar--windows .p-huddle_invite_window_titlebar__box:first-child > span {
    margin-right: auto;
    width: 12px;
  }

  &.p-huddle_invite_window_titlebar--browser .p-huddle_invite_window_titlebar__box:last-child > span, &.p-huddle_invite_window_titlebar--windows .p-huddle_invite_window_titlebar__box:last-child > span {
    margin-left: auto;
    width: 78px;
  }

  &.p-huddle_invite_window_titlebar--browser .p-huddle_invite_window_titlebar__box.p-huddle_invite_window_titlebar__title_container {
    flex: 1;
    max-width: calc(100% - 90px);
  }

  &.p-huddle_invite_window_titlebar--windows {
    .p-huddle_invite_window_titlebar__box.p-huddle_invite_window_titlebar__title_container {
      flex: 1;
      max-width: calc(100% - 90px);
    }

    -webkit-app-region: drag;
    height: calc(40px * (1 / var(--zoom-factor, 1)));
    padding-right: calc(138px * (1 / var(--zoom-factor, 1)));
    -webkit-user-select: none;
    user-select: none;
  }

  &.p-huddle_invite_window_titlebar--mac {
    -webkit-app-region: drag;
    -webkit-user-select: none;
    user-select: none;

    .p-huddle_invite_window_titlebar__box {
      align-items: center;
      display: flex;
      flex: 1;
      justify-content: center;

      &:first-child > span {
        margin-right: auto;
        width: 86px;
      }

      &:last-child > span {
        margin-left: auto;
        width: 86px;
      }

      &.p-huddle_invite_window_titlebar__title_container {
        max-width: calc(100% - 172px);
      }
    }
  }

  .p-huddle_invite_window_titlebar__title_container {
    font-size: 13px;
    line-height: 22px;

    .p-huddle_invite_window_titlebar__title_icon {
      margin-right: 4px;
    }

    .p-huddle_invite_window_titlebar__title_text {
      align-items: center;
      display: flex;
      font-weight: 700;
      overflow: hidden;
      white-space: nowrap;
    }
  }
}

.p-huddle_invite_window {
  display: flex;
  flex-direction: column;
}

.p-huddle_popover_header {
  align-self: center;
  flex-grow: 1;
  overflow: hidden;
}

.p-huddle_popover_header__title {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33334;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  * {
    white-space: nowrap;
  }
}

.p-huddle_popover_header__topic {
  color: rgba(var(--sk_highlight, 18, 100, 163), 1);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

.p-huddle_popover_avatar {
  flex-basis: 92px;
  margin: auto;
  padding: 16px 4px;
  width: 92px;
}

.p-huddle_popover_avatar__avatar_container, .p-huddle_popover_avatar__avatar_outer_container {
  display: inline-flex;
  position: relative;
}

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

  .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);
  animation: huddle_active_speaker .8s ease-out infinite alternate;
  border: 2px solid var(--saf-0);
  border-radius: 8px;
  bottom: -6px;
  left: -6px;
  position: absolute;
  right: -6px;
  top: -6px;
}

.p-huddle_popover_avatar__mic_container {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 4px 4px 8px 4px;
  bottom: -4px;
  padding: 4px;
  position: absolute;
  right: -4px;
}

.p-huddle_popover_avatar__not_a_channel_member_flag {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 10px;
  box-shadow: 0 0 0 2px #fff;
  cursor: pointer;
  height: 15px;
  left: -4px;
  position: absolute;
  top: -4px;
}

.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, .p-huddle_popover_avatar__waiting {
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin-top: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.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__waiting {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-weight: 400;
  margin-top: 0;
}

.p-huddle_popover_avatar__self_mic_button .c-avatar {
  cursor: pointer;
}

.p-huddle_popover_avatar_grid {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  margin: 0;
  text-align: center;

  .p-huddle_popover_avatar_wrapper {
    flex-basis: 108px;
    margin-top: 5px;
    text-align: center;
    width: 108px;
  }

  .p-huddle_popover_avatar_grid__inner_wrapper .p-bp__grid_cell {
    text-align: center;
  }
}

.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);
  border-radius: 8px;
  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;
  display: flex;
  flex-direction: column;
  max-height: min(440px, calc(100vh - @huddle_popover_vertical_bound));
  opacity: 1;
  overflow-y: hidden;
  padding: .1px 0;
  pointer-events: auto;
  transition: opacity .3s linear;
  width: 350px;
}

[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_popover.p-huddle_popover--with-transcription {
  min-height: min(440px, calc(100vh - @huddle_popover_vertical_bound));
}

@keyframes p-huddle_popover__scale {
  0% {
    transform: scale(1) translateX(0);
  }

  to {
    transform: scale(0.8) translateX(-20px);
  }
}

.p-huddle_popover--fade {
  animation: p-huddle_popover__scale .3s ease-in;
  opacity: 0;
  transform-origin: bottom left;
}

.p-huddle_popover__modal_header {
  min-height: 0;
}

.p-huddle_popover__header {
  align-items: flex-start;
  display: flex;
  padding: 20px 20px 8px;

  > button {
    flex: 0 0 auto;
  }

  &.p-huddle_popover__header--with-transcription {
    padding-bottom: 0;
  }
}

.p-huddle_popover__tabs {
  width: 100%;
}

.p-huddle_popover__tab_menu {
  padding: 0 12px;
}

.p-huddle_popover__event_log_container {
  flex-grow: 1;
}

.p-huddle_popover__people_container {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: -8px;
  padding-bottom: 8px;

  .p-huddle_screen_share_tile {
    border-radius: 8px;
    margin-bottom: 16px;
    width: 70%;
  }
}

.p-huddle_popover__people_container--with-transcription {
  margin-top: 0;
}

.p-huddle_popover__channel_link:focus {
  text-decoration: none;
}

.p-huddle_popover__channel_link--focus-visible:focus {
  text-decoration: underline;
}

.p-huddle_popover_trigger__overlay {
  z-index: 1000;
}

.p-huddle_popover_trigger__overlay--auto-open {
  pointer-events: none;
  z-index: 1041;
}

.p-huddle_popover_trigger__overlay--modal-open {
  z-index: 999;
}

.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(--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(--p-huddle__column_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));
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  color: var(--prog_disc_huddles_flag_fg, #fff);
  cursor: pointer;
  display: flex;
  font-size: 15px;
  padding: 10px;
}

.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);
  }

  &:focus {
    text-decoration: underline;
  }
}

.p-setup_prog_disc_huddles_flag_tip_dismissal {
  margin-left: auto;

  .c-icon_button--size_small {
    height: 20px;
    width: 20px;
  }

  .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: p-setup_prog_disc_huddles_explainer_tip_container--slide_in .3s;
  animation-fill-mode: forwards;
  background: var(--p-channel_sidebar__column-bg);
}

.p-setup_prog_disc_huddles_explainer_tip {
  animation: p-setup_prog_disc_huddles_explainer_tip--slide_in;
  animation-delay: .3s;
  animation-duration: .16s;
  animation-fill-mode: forwards;
  background: rgba(var(--sk_highlight, 18, 100, 163), 1);
  border-radius: 12px 12px 0 0;
  display: flex;
  flex-direction: column;
  opacity: 0;
  padding: 2px;
}

.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_text_and_dismissal {
    display: flex;
    padding: 10px 10px 14px;
  }

  .p-setup_prog_disc_huddles_explainer_tip_dismissal {
    margin-left: auto;

    .c-icon_button--size_small {
      height: 20px;
      width: 20px;
    }

    .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;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  padding: 0 4px;
}

.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(--p-huddle__column_bg);
  }
}

.p-setup_prog_disc_huddles_explainer_tip_link {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}

.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;
    font-weight: 700;
    text-decoration: underline;
  }
}

.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);
  }
}

@keyframes p-setup_prog_disc_huddles_explainer_tip_container--slide_in {
  0% {
    max-height: 0;
  }

  to {
    max-height: 400px;
    transition: max-height 0.3s cubic-bezier(0.36, 0.19, 0.29, 1);
  }
}

@keyframes p-setup_prog_disc_huddles_explainer_tip--slide_in {
  0% {
    opacity: 0;
    transform: translateY(20%);
  }

  to {
    opacity: 1;
    transform: translate(0);
    transition: opacity 0.16s linear, transform 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
  }
}

.p-huddle_switch {
  display: inline-block;
  line-height: 0;
  position: relative;
}

.p-huddle_switch__input {
  --saf-0: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 18px;
  cursor: pointer;
  height: 30px;
  margin: 0;
  outline: none;
  transition: background-color .1s ease-in;
  width: 54px;
}

.p-huddle_switch__visual {
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;

  &:before {
    content: '\E704';
    display: inline-block;
    font-family: Slack v2;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    left: 2px;
    line-height: 1;
    opacity: 0;
    position: absolute;
    top: 2px;
    transition: opacity 0.1s ease-in;
  }

  &:after {
    background-color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    border-radius: 100%;
    content: '';
    height: 20px;
    left: 6px;
    position: absolute;
    top: 5px;
    transform: translateZ(0);
    transform-origin: center;
    transition: transform .1s ease-in, background-color .1s ease-in;
    width: 20px;
  }
}

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

    + .p-huddle_switch__visual {
      &:before {
        color: #fff;
        opacity: 1;
        position: absolute;
      }

      &:after {
        background-color: #fff;
        transform: translate3d(22px, 0, 0);
      }
    }
  }

  &:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    -webkit-appearance: none;
    border-color: #0000;
    border-radius: 4px;
    border-radius: 18px;
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #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;
  cursor: not-allowed;

  + .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);
    }
  }
}

.p-huddle_switch__visual.p-huddle_switch--hide-checkmark:before {
  display: none;
}

.p-huddle_switch__input {
  background-color: var(--p-huddle__column_bg);
  border: 1px solid var(--p-huddle__text_color_opacity_50);
  height: 24px;
  width: 48px;

  &:hover {
    background-color: var(--p-huddle__column_bg);
    border: 1px solid var(--p-huddle__text_color_opacity_50);
    height: 24px;
    width: 48px;
  }
}

.p-huddle_sidebar_footer--join_active .p-huddle_switch__input {
  background-color: var(--p-huddle__active_item);
  border: 1px solid var(--p-huddle__active_item_text_opacity_50);

  &:hover {
    background-color: 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(--p-huddle__text_color_opacity_70);

  &:hover {
    border: 1px solid var(--p-huddle__text_color_opacity_70);
  }
}

.p-huddle_sidebar_footer--join_active:hover {
  .p-huddle_switch__input {
    border: 1px solid var(--p-huddle__active_item_text_opacity_70);

    &:hover {
      border: 1px solid var(--p-huddle__active_item_text_opacity_70);
    }
  }

  .p-huddle_switch__input--trial_card_refresh {
    border-color: var(--p-huddle__text_color);

    &:hover {
      border-color: 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(--p-huddle__text_color);

  &:hover {
    border-color: var(--p-huddle__text_color);
  }
}

.p-huddle_switch__input:checked {
  background-color: var(--p-huddle__active_item);
  border: 1px solid var(--p-huddle__active_item);

  + .p-huddle_switch__visual:before {
    display: none;
  }
}

.p-huddle_switch__visual {
  &:before {
    display: none;
  }

  &:after {
    background-color: var(--p-huddle__text_color_opacity_50);
    height: 14px;
    width: 14px;
  }
}

.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(--p-huddle__text_color);
  }
}

.p-huddle_sidebar_footer--join_non_active:hover .p-huddle_switch__visual:after {
  background-color: var(--p-huddle__text_color);
}

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

  .p-huddle_switch__visual--trial_card_refresh:after {
    background-color: 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(--p-huddle__text_color);
}

@keyframes p-huddle_switch__toggle_on {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
    transform: translateX(21px) scale(2);
  }
}

@keyframes p-huddle_switch__toggle_off {
  0% {
    opacity: 1;
  }

  to {
    opacity: 1;
    transform: translateX(-21px) scale(0.5);
  }
}

.p-huddle_switch__input {
  &:checked {
    + .p-huddle_switch__visual:after {
      transform: none;
    }

    + {
      .p-huddle_switch__visual:after {
        background-color: var(--p-huddle__active_item_text);
        border: 1px solid var(--p-huddle__active_item_opacity_13);
        height: 28px;
        left: 21px;
        top: -2px;
        width: 28px;
      }

      .p-huddle_switch_button__toggle_animation-enter {
        opacity: 0;
      }

      .p-huddle_switch_button__toggle_animation-enter-active.p-huddle_switch__visual:after {
        animation: p-huddle_switch__toggle_on 0.25s ease;
      }
    }
  }

  + .p-huddle_switch_button__toggle_animation-exit.p-huddle_switch__visual:after {
    background-color: var(--p-huddle__active_item_text);
    border: 1px solid var(--p-huddle__active_item_opacity_13);
    height: 28px;
    left: 21px;
    top: -2px;
    width: 28px;
  }

  + .p-huddle_switch_button__toggle_animation-exit-active.p-huddle_switch__visual:after {
    animation: p-huddle_switch__toggle_off 0.16s ease;
  }
}

.p-huddle_switch__headphones_icon {
  color: var(--p-huddle__text_color_opacity_50);
  height: 15px;
  left: 35px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
}

.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 {
  &:before {
    font-size: 15px;
  }

  &.p-huddle_switch__headphones_icon--toggled {
    color: 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(--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(--p-huddle__text_color_opacity_50);
}

.p-huddle_sidebar_footer--join_active:hover {
  .p-huddle_switch:hover .p-huddle_switch__headphones_icon {
    color: var(--p-huddle__active_item_text);
  }

  .p-huddle_switch__headphones_icon {
    color: var(--p-huddle__active_item_text_opacity_70);
  }
}

.p-huddle_switch__headphones_icon--trial_card_refresh {
  color: var(--p-huddle__text_color);
}

.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 {
  animation: p-huddle_switch__headphones_icon__shake .2s ease-out 4;
  color: var(--p-huddle__text_color);
}

@keyframes p-huddle_switch__headphones_icon__shake {
  50% {
    transform: translate(-50%, -50%) rotate(10deg);
  }

  to {
    transform: translate(-50%, -50%) rotate(-10deg);
  }
}

.p-huddle_switch__input--pulse {
  display: inline-block;
  position: relative;

  &:after {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    border-radius: 12px;
    bottom: -1px;
    content: '';
    opacity: 0;
    position: absolute;
    right: -1px;
  }

  &:before {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    border-radius: 12px;
    bottom: -1px;
    content: '';
    opacity: 0;
    position: absolute;
    right: -1px;
    animation-name: toggle-switch-pulse-outer;
    will-change: transform;
  }

  &:after {
    animation-name: toggle-switch-pulse-inner;
    border: 1px solid var(--p-huddle__text_color);
    box-shadow: 0 0 4px 4px fade(var(--p-huddle__text_color), 30%);
    height: 24px;
    width: 48px;
  }
}

@keyframes toggle-switch-pulse-inner {
  0%, 5% {
    opacity: 0;
  }

  60% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes toggle-switch-pulse-outer {
  0%, 5% {
    opacity: 0;
    transform: scale(1);
  }

  10%, 50% {
    opacity: 1;
  }

  95% {
    opacity: 0;
  }

  to {
    transform: scaleX(1.2) scaleY(1.3);
  }
}

.p-huddle_switch__visual--pulse:after {
  animation: toggle-switch-visual-pulse 2s infinite;
}

@keyframes toggle-switch-visual-pulse {
  0%, 5% {
    background-color: var(--p-huddle__text_color_opacity_30);
  }

  60% {
    background-color: var(--p-huddle__text_color);
  }

  95%, to {
    background-color: var(--p-huddle__text_color_opacity_30);
  }
}

.p-huddle_switch__headphones_icon--pulse {
  animation: headphones-icon-pulse 2s infinite;
}

@keyframes headphones-icon-pulse {
  0%, 5% {
    color: var(--p-huddle__text_color_opacity_30);
  }

  60% {
    color: var(--p-huddle__text_color);
  }

  95%, to {
    color: var(--p-huddle__text_color_opacity_30);
  }
}

.p-huddle_start_split_button__container {
  border: 1px solid var(--p-huddle__text_color_opacity_30);
  border-radius: 20px;
  color: var(--p-huddle__text_color_opacity_70);

  &.p-huddle_start_split_button--nux {
    animation: p-huddle_start_split_button--pulse 2s infinite;
    border: 2px solid var(--p-huddle__active_item);
  }

  &:hover .p-huddle_start_split_button__start_button:after {
    opacity: 0;
  }

  &.p-huddle_start_split_button--active_huddle {
    background: var(--p-huddle__active_item);
    border: 1px solid var(--p-huddle__active_item_text_opacity_25);
    color: var(--p-huddle__text_color_opacity_70);

    .p-huddle_start_split_button__options_button > svg, .p-huddle_start_split_button__start_button > svg {
      stroke-width: .5px;
      stroke: var(--p-huddle__active_item_text_opacity_70);
      color: var(--p-huddle__active_item_text_opacity_70);
    }

    .p-huddle_start_split_button__options_button:hover {
      background: var(--p-huddle__active_item_text_opacity_25);
    }

    .p-huddle_start_split_button__start_button {
      &:after, &:hover {
        background: var(--p-huddle__active_item_text_opacity_25);
      }
    }
  }

  .p-huddle_start_split_button__options_button, .p-huddle_start_split_button__start_button {
    height: 30px;
  }

  .p-huddle_start_split_button__options_button > svg, .p-huddle_start_split_button__start_button > svg {
    stroke-width: .5px;
    stroke: var(--p-huddle__text_color_opacity_70);
    color: var(--p-huddle__text_color_opacity_70);
    height: 14px;
    width: 14px;
  }

  .p-huddle_start_split_button__options_button:hover {
    background: var(--p-huddle__hover_item);
  }

  .p-huddle_start_split_button__start_button {
    &:hover {
      background: var(--p-huddle__hover_item);
    }

    border-radius: 19px 0 0 19px;
    width: 36px;

    &:after {
      background: var(--p-huddle__text_color_opacity_30);
      content: '';
      height: calc(100% - 10px);
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 1px;
    }
  }

  .p-huddle_start_split_button__options_button {
    border-radius: 0 19px 19px 0;
    padding: 0 8px 0 6px;
    width: auto;
  }
}

@keyframes p-huddle_start_split_button--pulse {
  0% {
    box-shadow: 0 0 0 0 var(--p-huddle__active_item);
  }

  70% {
    box-shadow: 0 0 0 10px #f000;
  }

  to {
    box-shadow: 0 0 0 0 #f000;
  }
}

.p-huddle_toggle_button {
  align-self: stretch;
  background-color: initial;
  border: none;
  color: var(--p-huddle__text_color_faded);
  display: flex;
  font-weight: 900;
  height: auto;
  margin: 4px 12px 4px auto;
  padding: 4px;
  transition: none;

  &.c-icon_button {
    align-self: stretch;
    background-color: initial;
    border: none;
    color: var(--p-huddle__text_color_faded);
    display: flex;
    font-weight: 900;
    height: auto;
    margin: 4px 12px 4px auto;
    padding: 4px;
    transition: none;

    &.p-huddle_sidebar_footer__button--join_active {
      margin: 12px 4px 12px auto;
    }
  }

  &.p-huddle_sidebar_footer__button--join_active {
    margin: 12px 4px 12px auto;
  }

  &.c-icon_button:hover, &:hover {
    background: var(--p-huddle__hover_item);
    border: none;
    color: var(--p-huddle__text_color);
  }
}

.p-huddle_toggle_button--disabled {
  cursor: not-allowed;
  opacity: 0.3;

  &.c-button--disabled {
    pointer-events: unset;
  }
}

.p-huddle_toggle_button__toggle_container {
  bottom: 0;
  display: flex;
  height: 50px;
  padding-right: 16px;
  position: absolute;
  right: 0;

  .p-huddle_toggle_button--leave_button {
    border-radius: 8px;
    height: 26px;
    min-width: 56px;
    padding: 0;
    width: 56px;
  }
}

.p-huddle_toggle_button__tooltip_toggle_container {
  align-items: center;
  display: flex;
}

.p-huddle_sidebar_footer_buttons__inner .p-huddle_toggle_button__tooltip_toggle_container {
  flex: unset;
  margin-left: auto;
  padding: 0;
}

.p-huddle_toggle_button__placeholder_toggle {
  align-items: flex-end;
  display: flex;
  height: 24px;
  margin-left: auto;
  margin-right: 16px;
  min-height: 24px;
  min-width: 48px;
  padding: 0;
  width: 48px;

  &.p-huddle_toggle_button__placeholder_toggle--huddle_later {
    min-width: 66px;
  }
}

.p-huddle_toggle_button__tooltip .c-keyboard_keys--title {
  width: 100%;
}

.p-huddle_toggle_button__tip_text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-huddle_toggle_button__toggle_container.p-huddle_toggle_button__toggle_container--inset {
  bottom: 4px;
}

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

.p-huddle_sidebar_footer_buttons__outer {
  max-width: 100%;
}

.p-huddle_sidebar_footer__container--no_survey .p-huddle_sidebar_footer_buttons__outer:not(.p-huddle_sidebar_footer_buttons__join_active) {
  height: 50px;
}

.p-huddle_sidebar_footer_buttons__inner {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  height: 100%;
  justify-content: end;
  min-width: 100%;
  padding: 0 12px 12px;

  > * {
    flex: 0 0 auto;
  }
}

.p-huddle_sidebar_footer_buttons__join_active .p-huddle_sidebar_footer_buttons__inner > *, .p-huddle_sidebar_footer_buttons__join_non_active .p-huddle_sidebar_footer_buttons__inner > * {
  flex: unset;
}

.p-huddle_sidebar_footer__container--no_survey .p-huddle_sidebar_footer_buttons__inner {
  height: 100%;
  padding: 0 0 0 16px;
  padding-left: 16px;
}

.p-huddle_sidebar_footer_buttons__join_active .p-huddle_sidebar_footer_buttons__inner, .p-huddle_sidebar_footer_buttons__join_non_active .p-huddle_sidebar_footer_buttons__inner {
  height: 100%;
  padding: 0;
  width: 100%;
}

.p-huddle_sidebar_footer__container--no_survey .p-huddle_sidebar_footer_buttons__inner {
  padding-left: 4px;
}

.p-huddle_sidebar_footer_buttons__button {
  background-color: initial;
  border: none;
  color: var(--p-huddle__text_color);
  display: flex;
  font-weight: 900;
  margin-right: 4px;
  transition: none;

  &.c-button, &.c-icon_button {
    background-color: initial;
    border: none;
    color: var(--p-huddle__text_color);
    display: flex;
    font-weight: 900;
    margin-right: 4px;
    transition: none;
  }

  &.c-button:hover, &.c-icon_button:hover, &:hover {
    background-color: var(--p-huddle__hover_item);
    border: none;
    color: var(--p-huddle__text_color);
  }

  &.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);
    border-radius: 96px;
    opacity: .7;
    pointer-events: 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 > * {
    opacity: 0;
  }
}

@keyframes p-huddle_sidebar_footer_buttons__pop {
  0% {
    transform: scale(1);
  }

  67% {
    transform: scale(1.03);
  }

  to {
    transform: scale(1);
  }
}

.p-huddle_sidebar_footer_buttons__button--animated {
  transition: border-radius 0.4s cubic-bezier(0.36, 0.19, 0.29, 1), opacity 0.4s linear;

  &.c-icon_button {
    transition: border-radius 0.4s cubic-bezier(0.36, 0.19, 0.29, 1), opacity 0.4s linear;

    > * {
      opacity: 1;
      transition: opacity 0.4s linear;
    }

    &.p-huddle_sidebar_footer_buttons__button--animate-on-start {
      animation: huddle_sidebar_footer_buttons__pop 0.4s ease-in-out;
    }
  }

  > * {
    opacity: 1;
    transition: opacity 0.4s linear;
  }

  &.p-huddle_sidebar_footer_buttons__button--animate-on-start {
    animation: huddle_sidebar_footer_buttons__pop 0.4s ease-in-out;
  }

  &.c-icon_button:first-child, &: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: .12s;
    transition-delay: 0.12s;

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

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

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

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

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

.p-huddle_sidebar_footer_buttons__button--no_label {
  min-width: 36px;
  padding-left: 0;
  padding-right: 0;
}

.p-huddle_sidebar_footer_buttons__button--mic {
  padding: 0;
}

.p-huddle_sidebar_footer_buttons__button.p-huddle_sidebar_footer_buttons__button--screen-share-active {
  background: #0000;
  color: var(--p-huddle__text_color);

  &:not(.p-huddle_sidebar_footer_buttons__button--loading) {
    background: none;

    &:hover {
      background: var(--p-huddle__badge_hover);
      color: var(--p-huddle__badge_text);
    }
  }
}

.p-huddle_sidebar_footer_buttons__button--fade {
  opacity: 0.13;
}

.p-huddle_sidebar_footer_buttons__button--screen-share {
  min-width: auto;
  padding: 0 8px;

  &.c-button--disabled {
    pointer-events: unset;
  }
}

.p-huddle_sidebar_footer_buttons__button--faded {
  background: none;
  cursor: unset;
  opacity: 0.3;
}

.p-huddle_sidebar_footer_buttons__close_button--survey {
  margin-left: auto;
}

.p-huddle_sidebar_footer_buttons__controls--canvas_exp {
  .p-huddle_sidebar_footer_buttons__button {
    color: var(--p-huddle__text_color_opacity_70);

    &.c-button, &.c-icon_button {
      color: var(--p-huddle__text_color_opacity_70);
    }

    &.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: var(--p-huddle__text_color);
        border-radius: 100px;
        color: var(--p-huddle__column_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: var(--p-huddle__text_color);
        border-radius: 100px;
        color: var(--p-huddle__column_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: var(--p-huddle__text_color);
      border-radius: 100px;
      color: var(--p-huddle__column_bg);
    }

    &.c-button:hover, &.c-icon_button:hover, &:hover {
      --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
      border-radius: 100px;
      box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
    }
  }

  .p-huddle_sidebar_footer_buttons__button--small {
    height: 30px;
    margin-right: 6px;
    min-width: auto;
    width: 30px;
  }
}

.p-huddle_sidebar_footer_buttons__button--emoji {
  .p-huddle_sidebar_footer_buttons__button--emoji_hover {
    display: none;
  }

  &:hover {
    .p-huddle_sidebar_footer_buttons__button--emoji_resting {
      display: none;
    }

    .p-huddle_sidebar_footer_buttons__button--emoji_hover {
      display: flex;
    }
  }
}

.p-huddle_trial_pro_banner {
  background-color: var(--p-huddle__column_bg);
  border-top: 1px solid var(--p-huddle__text_color_opacity);
  color: var(--p-huddle__text_color);
  display: flex;
  font-size: 13px;
  justify-content: center;
  padding: 8px 20px;
}

.p-huddle_trial_pro_banner__pro_badge {
  align-self: flex-start;
  margin-right: 8px;
  margin-top: 4px;
}

.p-huddle_trial_pro_banner__icon {
  font-size: 15px;
  margin-right: 8px;
}

.p-huddle_trial_pro_banner__text {
  display: inline-block;
  max-height: 100px;
  overflow-y: auto;
  word-break: break-word;
}

.p-huddle_trial_pro_banner__learn_more_link {
  color: var(--p-huddle__text_color);
  text-decoration: underline;

  &:focus, &:hover {
    color: var(--p-huddle__text_color);
  }
}

.p-invite_tile__button {
  align-items: center;
  background: var(--p-huddle__border_color);
  border-radius: 4px;
  display: flex;
  height: 48px;
  justify-content: center;
  margin: 0 12px;
  min-width: 48px;
  width: 48px;
}

.p-invite_tile__button__tooltip {
  max-width: 238px;
}

.p-huddle_overflow_tooltip {
  display: flex;
  flex-direction: column;

  .c-avatar {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 4px;
    box-shadow: 0 0 0 2px #1d1c1d;
    margin-right: -4px;
  }
}

.p-huddle_overflow_tooltip__section {
  margin-top: 8px;
}

.p-huddle_overflow_button {
  align-items: center;
  background-color: #1d1c1d;
  border-radius: 4px;
  bottom: 8px;
  color: #fff;
  display: flex;
  height: 24px;
  justify-content: center;
  padding: 4px;
  position: absolute;
  right: 8px;
  z-index: 1;
}

.p-peer_tile__video {
  border-radius: 12px;
  height: 48px;
  object-fit: cover;
  width: 48px;
}

.p-peer_tile__avatar {
  .c-base_icon {
    border-radius: 4px;
  }

  .c-base_icon__width_only_container {
    background: unset;
  }
}

@keyframes p-peer_tile_active {
  0% {
    border-radius: 4px;
    opacity: .4;
    transform: scale(0.9091);
  }

  to {
    border-radius: 8px;
    opacity: 1;
    transform: scale(1);
  }
}

.p-peer_tile__active_speaker--animated {
  animation: p-peer_tile_active .8s ease-out infinite alternate;
  border: 1.5px solid var(--p-huddle__text_color);
  bottom: 0;
  left: 0;
  margin: -4px;
  position: absolute;
  right: 0;
  top: 0;
  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 {
  display: flex;

  &:after {
    background: #1d1c1d33;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }

  &:hover:after {
    opacity: 1;
  }
}

.p-peer_tile__container {
  border-radius: 4px;
  display: flex;
  margin: 4px;
  position: relative;

  .p-peer_tile__avatar_mic_icon {
    background-color: var(--p-huddle__column_bg);
    border-radius: 0 4px 0 0;
    bottom: 0;
    color: var(--p-huddle__text_color);
    display: flex;
    height: 25%;
    left: 0;
    min-height: 20px;
    min-width: 20px;
    position: absolute;
    width: 25%;
  }

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

  .c-base_icon__width_only_container, .p-peer_tile__video {
    border-radius: 4px;
  }
}

.p-peer_tile__mic_icon {
  height: 100%;
  width: 100%;
}

.p-peer_tile__overflow_container {
  align-items: center;
  border-radius: 12px;
  display: flex;
  justify-content: center;
}

.p-peer_tile__overflow_text {
  align-items: center;
  background-color: #1d1c1d80;
  border-radius: 4px;
  bottom: 0;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 900;
  justify-content: center;
  padding: 2px 4px;
  position: absolute;
  right: 0;
  z-index: 1;
}

.p-peer_tile__sticky_reaction {
  background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 2px;
  height: 20px;
  margin: 2px;
  padding: 1.6px;
  position: absolute;
  width: 20px;
}

.p-peer_tile__sticky_reaction--large {
  height: 26px;
  width: 26px;
}

.p-peer_tile__button {
  display: flex;

  .c-avatar {
    cursor: pointer;
  }
}

.p-peer_tile__overflow_button {
  bottom: 2px;
  right: 2px;
}

.p-peer_tile__pending_user {
  opacity: 0.5;
}

.p-peer_tile__invite_status_overlay {
  align-items: center;
  background-color: var(--p-huddle__column_bg);
  border-radius: 4px 0;
  color: var(--p-huddle__text_color);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  left: 0;
  line-height: 1.38463;
  padding: 4px;
  pointer-events: none;
  position: absolute;
  top: 0;
}

.p-peer_tile_list {
  align-items: center;
  display: flex;
  justify-content: center;
}

.p-peer_tile_list__item {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 4px;
  position: relative;

  &.p-peer_tile_list--screensharing {
    bottom: 0;
    position: absolute;
  }
}

.p-huddle_av_video_pane__container {
  align-items: center;
  background-color: var(--p-huddle__column_bg);
  display: flex;
  justify-content: center;
  margin-bottom: 0;
  margin-top: 4px;
  position: relative;
  text-align: center;
}

.p-huddle_av_video_pane__main_tile {
  padding: 4px;
}

.p-huddle_av_video_pane__side_by_side_tiles {
  display: flex;
}

.p-huddle_av_video_pane__main_tile .p-huddle_av_video_pane__side_by_side_tiles .c-avatar .c-base_icon {
  border-radius: unset;
}

.p-huddle_av_video_pane__side_by_side_avatar, .p-huddle_av_video_pane__side_by_side_video {
  background-color: var(--p-huddle__column_bg);
  height: auto;
  max-height: 180px;
  max-width: 180px;
}

.p-huddle_av_video_pane {
  display: flex;
  flex-direction: column;
  width: 100%;

  .p-peer_tile__container {
    margin: 0;

    &:not(:first-child) {
      margin-left: 4px;
    }
  }

  .p-huddle_av_video_pane__side_by_side_tiles {
    display: flex;
  }
}

.p-huddle_av_video_pane__main_tile {
  display: flex;
  position: relative;

  .c-base_icon {
    border-radius: 8px;
  }
}

.p-huddle_av_video_pane__overflow_text {
  align-items: center;
  background-color: #1d1c1d80;
  border-radius: 8px;
  bottom: 8px;
  color: #fff;
  display: flex;
  height: 24px;
  justify-content: center;
  padding: 4px;
  position: absolute;
  right: 4px;
  z-index: 1;
}

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

.p-huddle_details {
  margin-right: 16px;

  .p-huddle_details__channel_name--hidden {
    display: none;
  }
}

.p-huddle_details__channel_name {
  align-items: center;
  display: flex;
  justify-content: center;
  color: var(--p-huddle__text_color_opacity_70);
}

.p-huddle_details__topic {
  color: var(--p-huddle__text_color_opacity_70);
}

.p-huddle_details__channel_name:hover, .p-huddle_details__topic:hover {
  color: var(--p-huddle__text_color);
  text-decoration: underline;
}

.p-huddle_details__channel_icon_prefix {
  margin-right: 10px;
}

.p-huddle_open_window_onboarding_tip_container {
  align-items: center;
  background: #1264a3;
  border-radius: 20px;
  color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  display: flex;
  position: absolute;
  right: 11px;
  top: 40px;
  z-index: 2;
}

.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 {
  padding: 8px 0 8px 12px;
  position: relative;
}

.p-huddle_open_window_onboarding_tip_text {
  margin-bottom: 0;
}

.p-huddle_open_window_onboarding_tip_close:after {
  border: 6px solid;
  border-color: #0000 #0000 #1264a3;
  bottom: 100%;
  content: '';
  left: 80%;
  margin-left: -22px;
  position: absolute;
}

.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;
  border-radius: 100px;
  height: 30px;
  margin-left: 4px;
  min-height: 30px;
  min-width: 30px;
  width: 30px;

  &.p-huddle_open_window_button--overrides {
    color: var(--p-huddle__text_color_opacity_70);

    &:hover {
      --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
      background-color: var(--p-huddle__hover_item);
      border: none;
      box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
      color: var(--p-huddle__text_color);
    }

    > svg {
      height: 20px;
      width: 20px;
    }
  }

  &.p-huddle_open_window_button--highlight {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: 2px solid #1264a3;
    border-radius: 20px;
    color: #1264a3;
    margin: 0;
    opacity: 1;
    padding: 2px 5px;
    position: relative;
  }

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

.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 {
  align-items: center;
  background-color: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
  border: 1px solid var(--p-huddle__text_color_opacity);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  font-weight: 700;
  justify-content: center;
  margin: 8px 16px;
  padding: 16px;
  position: relative;
  width: calc(100% - 32px);
}

.p-huddle_placeholder_for_child_window__link {
  color: var(--p-huddle__text_color);
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin-top: 4px;

  &:active, &:focus, &:hover {
    color: var(--p-huddle__text_color);
  }
}

.p-huddle_placeholder_for_child_window__text {
  color: var(--p-huddle__text_color_opacity_70);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  text-align: center;
}

.p-huddle_placeholder_for_child_window__icon {
  align-items: center;
  background: var(--p-huddle__active_item_text);
  border-radius: 6px;
  color: var(--p-huddle__column_bg);
  display: flex;
  height: 24px;
  justify-content: center;
  min-width: 24px;
  position: absolute;
  right: -4px;
  top: -4px;
  width: 24px;
  z-index: 1;
}

.p-huddle_thread_button__container {
  margin-left: auto;
  position: relative;

  .p-huddle_thread_button {
    background: #0000;
    border: none;
    border-radius: 6px;
    color: var(--p-huddle__text_color_opacity_70);
    height: 30px;
    min-height: 30px;
    min-width: 30px;
    width: 30px;

    &:hover {
      --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
      background-color: var(--p-huddle__hover_item);
      border: none;
      border-radius: 100px;
      box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 #00000014;
      color: var(--p-huddle__text_color);
    }

    &.p-huddle_thread_button--badged {
      color: var(--p-huddle__text_color);
    }
  }

  .p-huddle_thread_button__badge_circle {
    background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
    border-radius: 50%;
    color: var(--p-huddle__text_color);
    height: 8px;
    position: absolute;
    right: 6px;
    top: 4px;
    width: 8px;
  }
}

.p-huddle_av_pane {
  width: 100%;
}

.p-huddle_av_pane__header {
  align-items: center;
  display: flex;
  justify-content: left;
  margin-bottom: 4px;
  padding: 0 16px 0 14px;
  width: 100%;

  .p-huddle_av_pane__notes_button {
    background: var(--p-huddle__column_bg);
    box-shadow: none;
    color: var(--p-huddle__text_color_opacity_70);
  }
}

.p-huddle_av_pane__tiles {
  align-items: center;
  display: flex;
  justify-content: center;
}

.p-huddle_av_pane__measure {
  width: 100%;
}

.p-huddle_av_pane__container {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 8px;
  position: relative;
}

.p-huddle_av_pane__canvas_button {
  align-items: center;
  background: var(--p-huddle__border_color);
  border-radius: 4px;
  display: flex;
  height: 48px;
  justify-content: center;
  min-width: 48px;
  width: 48px;
}

.p-huddle_discovery_sidebar_footer_banner {
  border-radius: 8px 8px 0 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  line-height: 18px;
  padding-bottom: 0;
  padding-top: 8px;
  text-align: left;

  .p-huddle_discovery_sidebar_footer_banner__highlight_text {
    background: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    border-radius: 4px;
    padding: 0 4px;
  }

  .p-huddle_discovery_sidebar_footer_banner__header {
    font-weight: 900;
    margin-bottom: 12px;
  }

  .p-huddle_discovery_sidebar_footer_banner__description {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;

    &:after {
      background-color: #1264a3;
      bottom: 45px;
      content: '';
      height: 16px;
      position: absolute;
      right: 30px;
      transform: rotate(45deg);
      width: 16px;
    }
  }
}

@keyframes p-huddle_spinner__rotate {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

.p-huddle_spinner {
  animation: p-huddle_spinner__rotate 7s linear 0.6s infinite;
}

.p-huddle_spinner__red_circle {
  stroke-dasharray: 106.81415022;
  stroke-dashoffset: 0;
  stroke-width: 4;
  stroke: #e01e5a;
  animation: p-huddle_spinner__draw_red 4.6s ease-in;
  transform-origin: center;
}

@keyframes p-huddle_spinner__draw_red {
  0% {
    stroke-dashoffset: 106.81415022;
    transform: rotate(-90deg);
  }

  13.043478260869568% {
    stroke-dashoffset: 0;
    transform: rotate(0deg);
  }

  to {
    stroke-dashoffset: 0;
    transform: rotate(0deg);
  }
}

.p-huddle_spinner__yellow_circle {
  stroke-dasharray: 106.81415022;
  stroke-dashoffset: 26.70353756;
  stroke-width: 4;
  stroke: #ecb22e;
  animation: p-huddle_spinner__draw_yellow 4.66s ease-in;
  transform-origin: center;
}

@keyframes p-huddle_spinner__draw_yellow {
  0% {
    stroke-dashoffset: 106.81415022;
    transform: rotate(-90deg);
  }

  1.2875536480686696% {
    stroke-dashoffset: 106.81415022;
    transform: rotate(-90deg);
  }

  14.163090128755362% {
    stroke-dashoffset: 37.38495258;
    transform: rotate(0deg);
  }

  to {
    stroke-dashoffset: 26.70353756;
    transform: rotate(0deg);
  }
}

.p-huddle_spinner__green_circle {
  stroke-dasharray: 106.81415022;
  stroke-dashoffset: 53.40707511;
  stroke-width: 4;
  stroke: #2eb67d;
  animation: p-huddle_spinner__draw_green 4.72s ease-in;
  transform-origin: center;
}

@keyframes p-huddle_spinner__draw_green {
  0% {
    stroke-dashoffset: 106.81415022;
    transform: rotate(-90deg);
  }

  2.5423728813559325% {
    stroke-dashoffset: 106.81415022;
    transform: rotate(-90deg);
  }

  15.254237288135597% {
    stroke-dashoffset: 42.72566009;
    transform: rotate(0deg);
  }

  to {
    stroke-dashoffset: 53.40707511;
    transform: rotate(0deg);
  }
}

.p-huddle_spinner__blue_circle {
  stroke-dasharray: 106.81415022;
  stroke-dashoffset: 74.76990516;
  stroke-width: 4;
  stroke: #36c5f0;
  animation: p-huddle_spinner__draw_blue 4.72s ease-in;
  transform-origin: center;
}

@keyframes p-huddle_spinner__draw_blue {
  0% {
    stroke-dashoffset: 106.81415022;
    transform: rotate(-90deg);
  }

  2.5423728813559325% {
    stroke-dashoffset: 106.81415022;
    transform: rotate(-90deg);
  }

  15.254237288135597% {
    stroke-dashoffset: 64.08849013;
    transform: rotate(0deg);
  }

  to {
    stroke-dashoffset: 74.76990516;
    transform: rotate(0deg);
  }
}

.p-huddle_loading {
  align-items: center;
  display: flex;
  height: 72px;
  padding: 12px;
}

.p-huddle_loading__spinner {
  align-items: center;
  border-radius: 4px;
  display: flex;
  flex: 0 0 auto;
  height: 36px;
  justify-content: center;
  margin-right: 12px;
  width: 36px;
}

.p-huddle_loading__loading_text {
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

.p-instant_slack_huddles_tip__body {
  background-clip: padding-box;
  background-color: #1264a3;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: #fff;
  padding: 12px 36px 12px 16px;
}

.p-instant_slack_huddles_tip__help_link {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;

  &:hover {
    color: #fff;
  }
}

.p-instant_slack_huddles_tip__close_button {
  position: absolute;
  right: 4px;
  top: 4px;
}

.p-huddle_sidebar_footer {
  align-items: stretch;
  background-color: var(--p-huddle__column_bg);
  box-shadow: none;
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  position: relative;

  &:hover {
    .p-huddle_details__channel_name {
      display: flex;
    }

    .p-huddle_details__topic {
      display: none;
    }
  }
}

.p-huddle_sidebar_footer--ia4_hidden {
  visibility: hidden;
}

.p-huddle_sidebar_footer__coachmark {
  background: var(--p-channel_sidebar__column-bg);
}

.p-huddle_sidebar_footer--trial-feature {
  border-top: 2px solid var(--p-huddle__text_color_opacity_30);

  &:hover {
    border-top: 2px solid var(--p-huddle__text_color);
  }
}

.p-huddle_sidebar_footer--trial-card-refresh {
  overflow: visible;
}

@keyframes p-huddle_sidebar_footer__diagonal {
  0% {
    opacity: 0;
    transform: translateX(20px) scale(0.8);
  }

  33% {
    opacity: 0;
    transform: translateX(20px) scale(0.8);
  }

  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

@keyframes p-huddle_sidebar_footer__up {
  0% {
    opacity: 0;
  }

  1% {
    opacity: 0;
    transform: translateY(80%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.p-huddle_sidebar_footer__slide_animation-exit {
  opacity: 1;
  transform: translateY(0);
}

.p-huddle_sidebar_footer__slide_animation-exit-active {
  opacity: 0;
  transform: translateY(64px);
}

.p-huddle_sidebar_footer__slide_animation-enter {
  opacity: 0;
}

.p-huddle_sidebar_footer__slide_animation-enter-active {
  animation: p-huddle_sidebar_footer__up 303ms ease-in-out;
  opacity: 1;
}

.p-huddle_sidebar_footer__slide_animation-exit-active {
  transition: opacity 0.16s, transform 0.16s;
}

@keyframes p-huddle_sidebar_footer__up_always_on {
  0% {
    opacity: 0;
  }

  0.1% {
    opacity: 0;
    transform: translateY(48px);
  }

  0.2% {
    opacity: 1;
    transform: translateY(48px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.p-huddle_sidebar_footer__controls--animated-up-always-on-exp {
  animation: p-huddle_sidebar_footer__up_always_on 0.3s ease-in-out;
}

.p-huddle_sidebar_footer__container {
  border-radius: 8px;
  margin: 0 8px 8px;

  &.p-huddle_sidebar_footer__container--no_survey {
    border: none;
    border-radius: unset;
    margin: 0;
  }

  .p-active_speaker--video_enabled {
    height: auto;
    position: relative;
    width: auto;
  }
}

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

.p-huddle_sidebar_footer__popover_container {
  color: var(--p-huddle__text_color);
  width: 100%;

  &.p-huddle_sidebar_footer__popover_container--join_active {
    background-color: var(--p-huddle__hover_item);
  }

  .p-huddle_sidebar_footer_buttons__join_non_active {
    height: 50px;
  }
}

.p-huddle_sidebar_footer__popover_trigger_container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -4px;
  padding: 0;
}

.p-huddle_sidebar_footer__flex_pane_button {
  align-items: center;
  display: flex;
  flex-grow: 1;
  max-width: 100%;
  padding: 4px 8px 0 4px;
}

.p-huddle_sidebar_footer__join_active_container .p-huddle_sidebar_footer__flex_pane_button {
  height: 72px;
  overflow: hidden;
  padding: 0 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

.p-huddle_sidebar_footer__survey_text {
  padding: 12px 12px 8px;
}

.p-huddle_sidebar_footer__loading_text {
  flex: 1 1 auto;
}

.p-huddle_sidebar_footer__join_active_container {
  align-items: center;
  background-color: var(--p-huddle__active_item);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  display: flex;
  height: 71px;
  width: 100%;
}

.p-huddle_sidebar_footer__button--join, .p-huddle_sidebar_footer__button.c-icon_button {
  background-color: initial;
  border: none;
  color: var(--p-huddle__text_color);
  display: flex;
  font-weight: 900;
  margin-left: auto;
  margin-right: 8px;
  transition: none;
}

.p-huddle_sidebar_footer__button--join:hover, .p-huddle_sidebar_footer__button.c-icon_button:hover {
  background: var(--p-huddle__hover_item);
  border: none;
}

.p-huddle_sidebar_footer__button--join_active {
  color: var(--p-huddle__text_color_faded);

  &:hover {
    background-color: var(--p-huddle__active_item_text_opacity);
  }
}

.p-huddle_sidebar_footer__join_non_active_container {
  align-items: center;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  color: var(--p-huddle__text_color_faded);
  display: flex;
  height: 50px;
  overflow: hidden;
  padding-left: 20px;
}

.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(--p-huddle__text_color);
}

.p-huddle_sidebar_footer__button__headphones_icon {
  font-size: 18px;
  height: 14px;
  margin-right: 10px;
  min-height: 14px;
  min-width: 14px;
  width: 14px;
}

.p-huddle_sidebar_footer__button__channel_name, .p-huddle_sidebar_footer__button__compose_trigger {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-huddle_sidebar_footer__button__antenna_icon, .p-huddle_sidebar_footer__button__mic_icon {
  margin-right: 10px;
}

.p-huddle_sidebar_footer__button__antenna_icon {
  font-size: 18px;
  height: 1em;
  min-height: 18px;
  min-width: 18px;
  width: 1em;
}

.p-huddle_sidebar_footer__join_non_active_container .p-huddle_sidebar_footer__button__antenna_icon {
  margin-right: 9px;
}

.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(--p-huddle__text_color_opacity);
}

.p-huddle_sidebar_footer__controls {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;

  &.p-huddle_sidebar_footer--join_active {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
}

.p-huddle_sidebar_footer__join_active_container.p-huddle_sidebar_footer--join_active, .p-huddle_sidebar_footer__join_non_active_container.p-huddle_sidebar_footer--join_active {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.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(--p-huddle__text_color_faded);
  margin-left: auto;
}

.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(--p-huddle__text_color);
}

.p-huddle_sidebar_footer__channel_name__menu_container {
  border-radius: 6px;
  display: flex;
  padding: 2px 8px;

  &:hover {
    background: var(--p-huddle__hover_item);
  }
}

.p-huddle_sidebar_footer__trial_feature_border_active {
  border-top: 2px solid 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 {
  align-self: center;
  background-color: initial;
  border: none;
  color: var(--p-huddle__text_color_faded);
  display: flex;
  font-size: 20px;
  font-weight: 900;
  transition: none;
}

.p-huddle_sidebar_footer__container.p-huddle_sidebar_footer__container--inset {
  padding: 0 4px 4px;
}

.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(--p-huddle__text_color_opacity);
  border-radius: 8px;
}

.p-huddle_sidebar_footer_toast_icon {
  background-color: #fff;
  border-radius: 14px;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  margin-right: 4px;
  text-align: center;
  width: 28px;
}

.p-huddle_base_card {
  background-color: #fcf4da;
  border: 4px solid var(--p-huddle__active_item);
  color: #1d1c1d;
  display: flex;
  flex-direction: column;
  min-height: 150px;
  padding: 12px 4px 12px 16px;
  position: relative;
}

.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(--p-huddle__active_item);
    border-top: 4px solid var(--p-huddle__active_item);
    content: '';
    height: 16px;
    margin-top: -18px;
    position: absolute;
    right: 36px;
    top: 4px;
    transform: rotate(-45deg);
    transform-origin: top right;
    width: 16px;
  }

  .p-huddle_base_card__close_button {
    color: #1d1c1d;
    margin-left: auto;
    padding: 12px;
  }
}

.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);
  -webkit-appearance: none;
  border-color: #0000;
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #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_base_card__body {
  margin: 8px auto 24px;
}

.p-huddle_base_card__header_container {
  align-items: baseline;
  display: flex;
  flex-direction: row;
}

.p-huddle_base_card__header {
  font-weight: 700;
  margin-right: 4px;
}

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

  .p-huddle_base_card__header {
    margin-right: 9px;
  }

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

.p-huddle_education_coachmark__learn_more_link {
  font-weight: 700;
}

.p-huddle_education_coachmark__footer_button_container {
  padding-right: 16px;
}

.p-huddle_schedule_nux {
  font-weight: 400;
  text-align: left;
}

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

  .p-huddle_base_card__header {
    margin-right: 9px;
  }

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

.p-huddle_trial_card__footer_button_container {
  display: flex;
  justify-content: flex-end;
  padding-right: 4px;
}

.p-huddle_education_connect_with_huddles_coachmark {
  animation: slideUp .3s;
  animation-fill-mode: forwards;
}

.p-huddle_education_connect_with_huddles_coachmark--dismissed {
  animation: slideDown .2s;
  animation-fill-mode: forwards;
}

.p-huddle_education_connect_with_huddles_follow_up, .p-huddle_education_connect_with_huddles_initial {
  font-weight: 400;
  text-align: left;
}

.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 {
  border-radius: 12px;
  margin: 12px;
}

.p-huddle_education_connect_with_huddles_initial__img {
  border-radius: 12px;
  margin-bottom: 6px;
  width: 100%;
}

.p-huddle_education_connect_with_huddles_initial__buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}

.p-huddle_education_connect_with_huddles_initial__button--show_me {
  background-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  border-radius: 8px;
  color: #1264a3;
  font-weight: 700;
  margin-right: 4px;
  text-align: center;
  width: 100%;
}

.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);
  border-radius: 8px;
  color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
  font-weight: 700;
  margin-left: 4px;
  text-align: center;
  width: 100%;
}

.p-huddle_education_connect_with_huddles_follow_up {
  border-radius: 12px 12px 0 0;
}

.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);
}

@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(50%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.1s linear, transform 0.3s cubic-bezier(0.36, 0.19, 0.29, 1);
  }
}

@keyframes slideDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(50%);
    transition: opacity 0.1s linear, transform 0.3s cubic-bezier(0.36, 0.19, 0.29, 1);
  }
}

.p-incoming_call {
  color: #fff;
  position: relative;
  text-align: center;
}

.p-incoming_call__external_team_banner {
  background-color: #616061;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  font-weight: 900;
  left: calc(50% - 100px);
  line-height: 1.50001;
  max-width: 200px;
  padding: 6px 9px 6px 12px;
  position: absolute;
  top: 0;
  width: 100%;
}

.p-incoming_call__external_team_name {
  display: block;
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-incoming_call__external_team_icon {
  border: 2px solid #fff;
  border-radius: 4px;
  margin-left: auto;
}

.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;
  height: 200px;
  width: 200px;
}

.p-incoming_call__info {
  margin: 0 auto;
  max-width: 200px;
  padding: 10px 12px 12px;
}

.p-incoming_call__member_name_wrapper {
  color: #fff;
  display: flex;
  font-size: 18px;
  font-weight: 900;
  justify-content: center;
  line-height: 1.33334;
  margin-bottom: 2px;
}

.p-incoming_call__member_name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-incoming_call__user_caption {
  color: #ddd;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-bottom: 8px;
}

.p-incoming_call__button_container {
  display: flex;

  .p-incoming_call__button_decline {
    margin-right: 8px;
  }
}

.p-incoming_call__button {
  width: 84px;

  &:focus {
    border-radius: 4px;
    box-shadow: 0 0 0 1px #fff, 0 0 0 5px #ffffff4d;
  }
}

.p-browser_incoming_call {
  background: #000;
  border-radius: 3px;
  box-shadow: 0 7px 40px #00000080;
  overflow: hidden;
}

.p-browser_incoming_call--shroud {
  align-items: center;
  background: #00000080;
  display: flex;
  height: 100%;
  justify-content: space-around;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.p-modal_more_history_menu__content {
  height: 500px;
  padding: 0;
}

.p-modal_more_history_menu__container {
  margin-bottom: 16px;
  max-height: 640px;
}

.p-modal_more_history_menu__clear {
  justify-content: center;
  margin-left: 12px;
}

.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);
    margin: 8px 0;
  }

  .p-modal_more_history_menu__list__header {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    padding: 4px 24px;
  }

  .p-history_menu__entry {
    padding-left: 28px;
    padding-right: 24px;

    &:hover {
      background-color: #1264a3;
      color: #fff;
      cursor: pointer;
    }
  }
}

.p-history_menu {
  .p-deprecated_channel_name {
    margin-left: -2px;
  }

  .c-presence {
    margin-left: -3px;
  }

  .c-menu_item__button--highlighted .c-presence {
    color: #fff;
  }
}

.p-history_menu__entry {
  align-items: center;
  display: flex;
}

.p-history_menu__entry__label {
  display: block;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-history_menu__entry__truncated-label {
  white-space: normal;
}

.p-history_menu__list_entity {
  text-overflow: clip;
  white-space: normal;
}

.p-history_menu__entry__label > .p-history_menu__list_entity {
  padding: 6px 0;
}

.p-history_menu__entry__icon {
  margin-right: 8px;
}

.p-history_menu__entry--page {
  align-items: center;
  display: flex;
  font-weight: 700;
  line-height: 20px;
  padding: 6px 0;
}

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

.p-setup_prog_disc_user_flag_tip {
  align-items: center;
  border-radius: 5px;
  display: inline-flex;
  height: 28px;
  justify-content: flex-end;
}

.p-setup_prog_disc_user_flag_tip__text {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.50001;
  margin-left: 8px;
  margin-right: 8px;
  opacity: 0;
  transform: translateY(4px);
  white-space: nowrap;
}

.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__content {
  display: none;
  height: 100%;
  margin-right: -4px;
  overflow: hidden;
  padding-right: 4px;
}

.p-setup_prog_disc_user_flag_tip--visible {
  animation-delay: 0s, .1s;
  animation-duration: .2s, .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-radius: 5px;
  border-right-width: 1px;
  transform: translateX(100%);
}

.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__content {
    display: block;
  }

  .p-setup_prog_disc_user_flag_tip__wrapper {
    align-items: center;
    animation-delay: 0s;
    animation-duration: .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);
    display: flex;
    height: 100%;
    margin-right: -4px;
    overflow: hidden;
    padding: 2px 0 2px 2px;
  }
}

.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: .7s, .7s;
    animation-duration: .1s, .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;
    opacity: 0;
    transform: translateY(4px);
  }

  &.p-setup_prog_disc_user_flag_tip--exiting .p-setup_prog_disc_user_flag_tip__wrapper {
    animation-delay: 0s;
    animation-duration: .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: .1s, .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;
  opacity: 1;
  transform: translateY(0);
  white-space: nowrap;
}

.p-setup_prog_disc_user_flag_tip--exiting.p-setup_prog_disc_user_flag_tip {
  animation-delay: 0s;
  animation-duration: .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);
  transform: translateX(0);
}

.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--width {
  0% {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes prog_disc_user_flag_tip--text-opacity {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes prog_disc_user_flag_tip--text-slide-up {
  0% {
    transform: translateY(4px);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes prog_disc_user_flag_tip--text-fade-out {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes prog_disc_user_flag_tip--text-slide-down {
  0% {
    transform: translateY(0);
  }

  to {
    transform: translateY(4px);
  }
}

@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;
    padding: 16px 12px 16px 24px;

    .p-setup_prog_disc_user_menu_explainer_tip__text {
      color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
      font-size: 13px;
      font-weight: 400;
      line-height: 1.38463;
      padding-right: 16px;
    }
  }

  &.p-setup_prog_disc_user_menu_explainer_tip--status {
    background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border-radius: 4px;
    margin-bottom: 8px;
    margin-left: 24px;
    margin-right: 24px;

    .p-ia__main_menu__custom_status_item {
      padding: 2px;
    }

    .p-setup_prog_disc_user_menu_explainer_tip__text {
      color: #fff;
      padding-bottom: 8px;
      padding-left: 10px;
      padding-top: 8px;
    }
  }
}

.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 {
  padding: 0 6px;

  :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_item {
  padding: 0 24px 8px;
  width: 100%;
}

.p-ia__main_menu__custom_status_button {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border: 1px solid var(--saf-0);
  border-radius: 4px;
  display: flex;
  line-height: 20px;
  padding: 7px;
  width: 100%;
}

.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;
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px #1d9bd14d;
}

.p-ia__main_menu__custom_status_icon {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  margin-right: 16px;
  position: relative;
  width: 20px;
}

.p-ia__main_menu__custom_status_icon__part {
  height: 20px;
  opacity: 1;
  position: absolute;
  transition: opacity 80ms ease-out;
  width: 20px;
}

.p-ia__main_menu__custom_status_button:hover .p-ia__main_menu__custom_status_icon__part, .p-ia__main_menu__custom_status_icon__hover, .p-ia__main_menu__custom_status_item--highlighted-kb .p-ia__main_menu__custom_status_icon__part {
  opacity: 0;
}

.p-ia__main_menu__custom_status_button:hover .p-ia__main_menu__custom_status_icon__hover, .p-ia__main_menu__custom_status_item--highlighted-kb .p-ia__main_menu__custom_status_icon__hover {
  opacity: 1;
}

.p-ia__main_menu__custom_status_emoji {
  padding: 2px;
}

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

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

.p-ia__main_menu__custom_status_text {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-reminders_custom_modal {
  width: 540px;

  .c-sk-modal_content {
    min-height: 400px;
  }
}

.p-reminders_custom_modal__error {
  margin-bottom: 28px;
}

.p-reminders_custom__time_picker {
  margin-bottom: 8px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 5px;

  .c-date_time_picker__date_picker_container {
    min-width: auto;
    padding: 0;
  }

  .c-date_time_picker__time_picker_container {
    min-width: auto;
    padding: 0;
    padding-left: 12px;
  }
}

.p-ia__user_menu__blurb {
  align-items: center;
  display: flex;
  padding: 4px 24px;

  .p-ia__nav__user {
    flex-shrink: 0;
  }
}

.p-ia__user_menu__blurb__info {
  flex: 1;
  min-width: 0;
}

.p-ia__user_menu__blurb__name {
  font-weight: 900;
}

.p-ia__user_menu__blurb__status {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-calendar_icon {
  background-color: #fff;
  color: #1d1c1d;
  padding: 20px;

  .p-calendar_icon__caption {
    font-weight: 700;
    margin-bottom: 10px;
  }
}

.p-top_nav {
  -webkit-app-region: drag;
  align-items: center;
  background: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.07);
  color: var(--p-channel_sidebar__top-nav-text);
  display: flex;
  grid-area: p-top_nav;
  justify-content: center;
  min-width: 0;
  position: relative;
  z-index: 203;
}

.p-client--show-team-sidebar .p-top_nav {
  margin-left: -60px;
  width: calc(100% + 60px);
  z-index: 206;
}

.p-top_nav {
  a, button {
    -webkit-app-region: no-drag;
  }
}

.p-client--blurred_window .p-top_nav > * {
  opacity: 0.66;
}

.p-top_nav--windows:after {
  -webkit-app-region: no-drag;
  content: '';
  height: 4px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.p-client_desktop--draggable-region-hacks .p-top_nav button {
  cursor: default;
}

.p-top_nav__button {
  align-items: center;
  border-radius: 4px;
  display: flex;
  flex-shrink: 0;
  height: 26px;
  justify-content: center;
  opacity: .8;
  width: 26px;
  color: var(--p-channel_sidebar__top-nav-text);

  &:hover {
    color: var(--p-channel_sidebar__top-nav-text);
    background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    opacity: 1;
  }
}

.p-top_nav__sidebar {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: flex-end;
  min-width: 128px;
  padding-left: 16px;
  padding-right: 20px;
}

.p-top_nav {
  .p-channel_sidebar__history_button {
    &.p-channel_sidebar__history_button-left, &.p-channel_sidebar__history_button-right {
      align-items: center;
      background: none;
      border-radius: 4px;
      color: var(--p-channel_sidebar__top-nav-text);
      display: flex;
      flex-shrink: 0;
      height: 26px;
      justify-content: center;
      margin: 0;
      opacity: .8;
      padding: 0;
      width: 26px;
    }
  }

  .p-top_nav__help, .p-top_nav__history_menu, .p-top_nav__toggle_org_unified {
    align-items: center;
    background: none;
    border-radius: 4px;
    color: var(--p-channel_sidebar__top-nav-text);
    display: flex;
    flex-shrink: 0;
    height: 26px;
    justify-content: center;
    margin: 0;
    opacity: .8;
    padding: 0;
    width: 26px;
  }

  .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(--p-channel_sidebar__top-nav-text);
      opacity: 1;
    }
  }

  .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(--p-channel_sidebar__top-nav-text);
    opacity: 1;
  }

  .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__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-left, &.p-channel_sidebar__history_button-right {
      margin-right: 10px;
    }

    &.p-channel_sidebar__history_button--disabled {
      &.p-channel_sidebar__history_button-left, &.p-channel_sidebar__history_button-right {
        opacity: 0.45;
      }

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

  .p-top_nav__history_menu {
    margin-left: 0;
  }

  .p-top_nav__toggle_org_unified {
    margin-right: 10px;
  }
}

.p-top_nav__search {
  --saf-0: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
  align-items: center;
  background: var(--p-channel_sidebar__top-nav-text--opacity-20);
  border-radius: 6px;
  color: var(--p-channel_sidebar__top-nav-text);
  display: flex;
  flex: 5;
  flex-direction: row-reverse;
  height: 24px;
  justify-content: space-between;
  max-width: 732px;
  min-width: 0;
  padding: 0 8px;
  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-top_nav__search--toggle-larger-top-nav-bar {
  height: 26px;
}

.p-top_nav__search--mac {
  flex-direction: row;
  justify-content: center;
}

.p-top_nav__search--windows-linux {
  border-radius: 4px;

  .p-top_nav__search__icon--advanced-search {
    opacity: .6;
    transform: translateY(-1px);
  }
}

.p-top_nav__search__text {
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  margin-right: auto;
  overflow: hidden;
  padding-right: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-top_nav__search__text--has-filters {
  padding-right: 44px;
}

.p-top_nav__search--mac .p-top_nav__search__text {
  margin-right: 0;
  padding-left: 8px;
}

.p-top_nav__search--windows-linux.p-top_nav__search--with-query .p-top_nav__search__icon {
  display: none;
}

.p-top_nav__search__container {
  display: flex;
  flex: 2;
  max-width: 732px;
  min-width: 0;
  position: relative;
}

.p-top_nav__search__clear, .p-top_nav__search__filters {
  align-items: center;
  color: var(--p-channel_sidebar__top-nav-text);
  display: flex;
  height: 24px;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
}

.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);
  opacity: 1;

  &: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 {
  border-radius: 0;
  height: 18px;
  margin-right: 2px;
  top: 4px;

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

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

.p-top_nav__search__filters--has-query {
  right: 24px;
}

.p-top_nav__search__filters--is-windows-linux {
  right: 26px;
}

.p-top_nav__search__clear--toggle-larger-top-nav-bar {
  height: 26px;
  width: 26px;
}

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

  .c-search__input_box__container {
    border-radius: 6px;
  }

  .c-search__input_box__icon {
    align-self: center;
    margin-left: 12px;
    margin-right: 8px;
  }

  .c-search__input_box__clear {
    padding: 0 12px;
  }

  .c-texty_input_unstyled__container--size_medium {
    .ql-editor {
      font-size: 13px;
      font-weight: 400;
      height: 26px;
      line-height: 1.38463;
      max-height: 26px;
      min-height: 26px;
      padding: 4px 0;
    }

    .ql-placeholder {
      font-size: 13px;
      font-weight: 400;
      line-height: 1.38463;
      top: 4px;
    }
  }
}

.p-top_nav__right {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: flex-end;
  min-width: 128px;
  padding-left: 32px;
  padding-right: 16px;
  position: relative;
}

@media screen and (min-width: 860px) {
  .p-top_nav__right, .p-top_nav__sidebar {
    min-width: 220px;
  }
}

@media screen and (min-width: 1080px) {
  .p-top_nav__right, .p-top_nav__sidebar {
    min-width: 260px;
  }
}

@media screen and (max-width: 859px) {
  .p-top_nav__right, .p-top_nav__sidebar {
    min-width: 200px;
    padding-left: 16px;
  }

  .p-client_desktop--ia-top-nav:not(.p-client_desktop--frameless-macos, .p-client_desktop--custom-titlebar) {
    .p-top_nav__right, .p-top_nav__sidebar {
      min-width: auto;
    }
  }

  .p-client--show-team-sidebar .p-top_nav__sidebar {
    min-width: 260px;
  }
}

@media screen and (min-width: 860px) {
  .p-client--show-team-sidebar .p-top_nav__sidebar {
    min-width: 280px;
  }
}

@media screen and (min-width: 1080px) {
  .p-client--show-team-sidebar .p-top_nav__sidebar {
    min-width: 320px;
  }
}

@media screen and (max-width: 1440px) {
  .p-top_nav__right, .p-top_nav__sidebar {
    flex-grow: 0;
  }

  .p-top_nav__search, .p-top_nav__search__container {
    max-width: none;
  }
}

@media screen and (max-width: 840px) {
  .p-top_nav__right {
    margin-left: auto;
    min-width: auto;
  }

  .p-top_nav--windows.p-top_nav__right--user_onboarding_experiment_showing {
    .p-top_nav__search, .p-top_nav__search__container {
      max-width: 200px;
    }
  }

  .p-top_nav__right--user_onboarding_experiment_showing {
    .p-top_nav__search, .p-top_nav__search__container {
      max-width: 260px;
    }
  }
}

.p-top_nav__windows_menu_placeholder, .p-top_nav_windows_controls {
  -webkit-app-region: no-drag;
  flex: 0 0 auto;
  height: 100%;
}

.p-top_nav__windows_menu_placeholder {
  width: 46px;
}

.p-top_nav_windows_controls {
  width: calc(138px * (1 / var(--zoom-factor, 1)));
}

.p-ia_edu_cta {
  background: var(--p-channel_sidebar__badge-color);

  &:hover {
    background: var(--p-channel_sidebar__badge-color);
  }
}

.p-top_nav .p-ia_edu_cta {
  border-radius: 4px;
  height: 24px;
  margin-right: 12px;
  padding: 0 8px;
}

.p-top_nav__ia_edu_throbber {
  left: 0;
  position: absolute;
  top: -27px;

  circle {
    fill: var(--p-channel_sidebar__top-nav-text);
  }
}

@media screen and (max-width: 850px) {
  .p-top_nav:not(.p-top_nav--windows) .p-ia_edu_cta--full {
    display: none;
  }
}

@media screen and (min-width: 851px) {
  .p-top_nav:not(.p-top_nav--windows) .p-ia_edu_cta--mini {
    display: none;
  }
}

@media screen and (max-width: 1320px) {
  .p-top_nav.p-top_nav--windows .p-ia_edu_cta--full {
    display: none;
  }
}

@media screen and (min-width: 1321px) {
  .p-top_nav.p-top_nav--windows .p-ia_edu_cta--mini {
    display: none;
  }
}

.p-top_nav__windows_controls_container {
  position: relative;
}

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

.p-top_nav__help__badge {
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  border-radius: 8px;
  color: #fff;
  font-size: 9px;
  padding: 0 4px;
  position: absolute;
  right: -2px;
  top: -2px;
}

.p-top_nav__help__badge--dot {
  background: var(--p-channel_sidebar__top-nav-text);
  height: 8px;
  right: 0;
  top: 0;
  width: 8px;
}

.p-top_nav__help__app_update {
  overflow: hidden;

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

  .c-mention_badge {
    background-color: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    color: #0000;
    height: 7px;
    margin: 0 9px;
    padding: 0;
    width: 7px;
  }
}

.p-top_nav__help__banner_shown .c-menu__items {
  padding-top: 0;
}

.p-top_nav__help__banner {
  align-items: center;
  background-color: #1d9bd11a;
  display: flex;
  flex-direction: column;
  height: 80px;
  justify-content: center;
  margin-bottom: 12px;

  .p-top_nav__help__banner__title {
    font-size: 13px;
    font-weight: 700;
  }

  .p-top_nav__help__banner__description {
    font-size: 12px;
  }

  .p-top_nav__help__banner__description_link {
    align-items: center;
    display: flex;
  }
}

.p-top_nav--detached {
  .p-top_nav__search__container {
    flex: 0 0 auto;
    margin-left: auto;
  }

  .p-top_nav__search {
    background: none;
    box-shadow: none;
    margin-right: 4px;

    &:hover {
      background: none;

      .p-top_nav__search__icon {
        opacity: 1;
      }
    }
  }

  .p-top_nav__search__icon {
    opacity: 0.8;
  }

  .p-top_nav__right, .p-top_nav__search__clear, .p-top_nav__search__filters, .p-top_nav__search__text {
    display: none;
  }
}

.p-top_nav {
  .p-ia__nav__user__svg_presence {
    font-size: 20px;
  }

  .p-ia__nav__user__presence--stroke {
    -webkit-text-stroke: 6px rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  }

  .p-ia__nav__user__svg_presence--stroke {
    color: var(--p-channel_sidebar__top-nav-bg);
    font-size: 32px;
  }

  .p-ia__nav__user__button {
    height: 28px;
    width: 28px;
  }

  .p-ia__nav__user__button--toggle-larger-top-nav-bar {
    height: 26px;
    width: 26px;
  }

  .p-ia__nav__user__presence, .p-ia__nav__user__presence--stroke {
    bottom: -6px;
    position: absolute;
    right: -8px;
  }

  .p-ia__nav__user__presence.c-presence--away {
    color: var(--p-channel_sidebar__top-nav-text);
  }

  .p-ia__nav__user__svg_presence.p-ia__nav__user__svg_presence--stroke {
    bottom: -12px;
    color: var(--p-channel_sidebar__top-nav-bg);
    position: absolute;
    right: -14px;
  }

  .p-ia__nav__user__button {
    opacity: 1;

    .p-ia__nav__user__avatar {
      transition: border-radius 80ms cubic-bezier(0.36, 0.19, 0.29, 1);

      .c-avatar__image {
        transition: border-radius 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
      }
    }

    &:hover .p-ia__nav__user__avatar:after {
      background: #ffffff21;
      bottom: 0;
      content: '';
      display: block;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
    }

    &:focus {
      z-index: 1;
    }
  }

  .p-ia__sidebar_header__user__status:focus {
    z-index: 1;
  }

  .p-ia__nav__user__button--has_status {
    border-radius: 0 4px 4px 0;

    .p-ia__nav__user__avatar {
      border-radius: 0 4px 4px 0;

      .c-avatar__image, .c-base_icon, .c-base_icon__width_only_container {
        border-radius: 0 4px 4px 0;
      }
    }
  }

  .p-ia__sidebar_header__user__status {
    border-radius: 4px 0 0 4px;
    height: 28px;
    margin: 0;
    width: 28px;

    .c-custom_status {
      display: inline-block;
      height: 28px;
      margin: 0;
      padding: 6px;
    }

    &.p-ia__sidebar_header__user__status--toggle-larger-top-nav-bar {
      height: 26px;

      .c-custom_status {
        height: 26px;
      }
    }
  }

  .p-ia__nav__user__button--has_progressive_disclosure_flag {
    width: auto;
  }
}

.p-peek_trigger__overlay_content {
  position: absolute;
  z-index: 1000;
}

@keyframes p-peek_card__slide_in {
  0% {
    transform: translateX(-8px);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes p-peek_card__fade_in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.p-peek_card--as-card {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-radius: 12px;
  box-shadow: 0 0 0 1px var(--saf-0), 0 18px 48px 0 #0000001a;
  display: flex;
  flex-direction: column;
  height: 380px;
  overflow: hidden;
  width: 360px;
}

.p-peek_card--animate-in {
  animation: p-peek_card__slide_in 0.16s cubic-bezier(0.25, 1, 0.5, 1), p-peek_card__fade_in 0.16s cubic-bezier(0.33, 1, 0.68, 1);
}

.p-peek_card__header {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  box-shadow: 0 1px 0 0 var(--saf-0);
  display: flex;
  flex-direction: row;
  font-size: 15px;
  font-weight: 400;
  font-weight: 900;
  height: 44px;
  line-height: 1.46668;
  padding: 0 16px;
  z-index: 1;
}

.p-peek_card__content {
  flex: 1;
}

.p-peek_card--dms {
  .p-recent_page {
    height: 100%;
  }

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

  .p-recent_page__message .c-truncate {
    --lines: 1 !important;
  }

  .p-dm_browser_modal__list_row_badge {
    background: var(--p-channel_sidebar__badge-color);
    color: var(--p-channel_sidebar__badge-text-color);
  }
}

.p-peek_card--activity {
  .p-activity_ia2022_sidebar--list--full-width {
    .p-activity_ia2022_page__divider, .p-activity_ia2022_page__item_container {
      margin: 0;
    }
  }

  .p-activity_page {
    background: none;
  }

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

  .p-activity_ia2022_page__divider {
    display: none;
  }

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

  .p-activity_ia2022_page__list.p-activity_page__list .c-virtual_list__item .p-activity_ia2022_page__item {
    border: none;
  }
}

.p-peek_card--later {
  .p-saved_for_later_page__list_wrapper {
    height: 100%;
  }

  .p-saved_for_later_page__list {
    .p-saved_item {
      border-radius: 0;
      margin: 0;
      width: 100%;
    }

    .p-saved_item__inline_actions {
      display: none;
    }

    .p-saved_item__header {
      font-size: 13px;
      font-weight: 400;
      font-weight: 700;
      line-height: 1.38463;
      padding: 16px 16px 8px;
    }

    .p-saved_item--file_preview, .p-saved_item__context_msg, .p-saved_item__reminder__description {
      padding: 0 16px 16px;
    }

    .c-message_kit__actions .c-message__actions.c-message_actions__container, .c-message_kit__attachments {
      display: none;
    }
  }
}

.p-peek_card--browse {
  height: auto;

  .p-peek_card__content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 8px;
  }

  .p-browse-section-button {
    align-items: center;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;

    &:hover {
      background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    }

    &:disabled {
      cursor: default;
      opacity: 0.2;

      &:hover {
        background: none;
      }
    }
  }

  .p-browse-section-button__icon {
    background: var(--p-view_switcher__bg);
    border-radius: 8px;
    color: var(--p-view_switcher__text);
    font-size: 24px;
    padding: 12px;
  }

  .p-browse-section-button__label {
    font-size: 13px;
    font-weight: 400;
    font-weight: 700;
    line-height: 1.38463;
  }
}

.p-account_switcher {
  align-items: center;
  border-radius: 12px 8px 8px 12px;
  column-gap: 8px;
  display: inline-flex;
  padding: 4px;
  position: relative;

  &:hover {
    background: #ffffff40;
  }

  .c-icon {
    margin-left: -4px;
  }

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

.p-account_switcher__current_team_name {
  font-size: 15px;
  font-weight: 400;
  font-weight: 900;
  line-height: 1.46668;
}

.p-account_switcher__team_icon {
  border-radius: 8px;
  outline: 2px solid #0000;
}

.p-account_switcher__team_icon--unread {
  border-radius: 8px;
  margin-right: -12px;
}

.p-account_switcher__header, .p-account_switcher__row {
  padding: 0 16px;
}

.p-account_switcher__header, .p-account_switcher__row .c-menu_item__label {
  align-items: center;
  column-gap: 8px;
  display: flex;
  height: 48px;
  line-height: 22px;
}

.p-account_switcher__header .c-team_icon, .p-account_switcher__row .c-menu_item__label .c-team_icon {
  border-radius: 8px;

  &:after {
    border-radius: 8px;
  }
}

.p-account_switcher__row_name {
  display: block;
  font-weight: 700;
  max-width: 186px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-account_switcher__row_url {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  max-width: 186px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-account_switcher__header {
  padding-bottom: 8px;

  .p-account_switcher__row_url {
    max-width: 100%;
  }
}

.p-account_switcher__row_unread_counts {
  margin-left: auto;
}

.p-account_switcher__row_unread_dot {
  background: rgba(var(--sk_raspberry_red, 224, 30, 90), 1);
  border-radius: 8px;
  height: 8px;
  margin-right: 8px;
  width: 8px;
}

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

.p-account_switcher__unread-dot {
  border-radius: 50%;
  height: 8px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
}

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

@keyframes p-activity_toast_ia2022__activity__toast {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  5% {
    opacity: 1;
  }

  10% {
    opacity: 1;
    transform: scale(1);
  }

  95% {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(0);
  }
}

@keyframes p-activity_toast_ia2022__activity__toast_fade {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  5% {
    opacity: 0;
    transform: scale(0);
  }

  95% {
    opacity: 0;
    transform: scale(0);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.p-activity_toast_ia2022__activity__toast--with-tooltip {
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: unset;
  justify-content: center;
  left: 12px;
  margin: 0;
  pointer-events: auto;
  top: 0;
  transition: opacity 0.15s cubic-bezier(0.59, 0.52, 0.62, 1.49), transform 0.15s cubic-bezier(0.59, 0.52, 0.62, 1.49);
  width: 22px;
}

.p-activity_toast_ia2022__activity__toast--paused {
  animation-name: none;
  opacity: 1;
  transform: scale(1);
}

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

.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);
  font-size: 20px;
  height: 20px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  transform: scale(0);
  width: 20px;
}

.p-activity_toast_ia2022__link__icon {
  align-items: center;
  display: inline-block;
  display: inline-flex;
  flex-shrink: 0;
  font-family: Slack v2;
  font-size: 20px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  justify-content: flex-start;
  margin: 0 0 0 -2px;
  vertical-align: middle;
  width: 20px;
}

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

.p-activity_toast_ia2022__link__activity {
  transform-origin: 10px 10px;
  transition: opacity 0.15s ease-out, transform 0.15s ease-out;
}

.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;
  opacity: 0;
  transform: scale(0);
}

div {
  &.p-activity_ia4_page__item--selected--dm {
    background-color: #1d9bd11a;

    &:hover {
      background-color: #1d9bd11a;
    }
  }

  &.p-activity_ia4_page__item--read--activity {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);

    .c-message__sender_button {
      color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
      font-weight: 700;
    }
  }

  &.p-activity_ia4_page__item--selected--activity {
    background-color: #1d9bd11a;

    &:hover {
      background-color: #1d9bd11a;
    }
  }
}

.sk-client-theme--dark div.p-activity_ia4_page__item--selected--activity {
  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_ia4_page__item {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  border-radius: 0;
  padding: 16px;

  &:hover {
    background: rgba(var(--sk_foreground_soft_solid, 243, 243, 243), 1);
    cursor: pointer;
  }

  .p-message_pane_message__message_label .c-message_kit__labels__label {
    padding-left: 0;

    .c-message_kit__labels__icon {
      width: 10px;
    }
  }

  .p-activity_ia4_page__list.p-activity_page__list .c-virtual_list__item + .c-virtual_list__item .p-activity_ia4_page__item {
    border-top: none;
  }
}

.p-activity_ia4_page__item__header {
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  justify-content: space-between;
  line-height: 1.38463;
  margin-bottom: 8px;
}

.p-activity_ia4_page__item__header--read {
  font-weight: 400;
}

.p-activity_ia4_page__item__header--unread {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-weight: 700;
}

.p-activity_ia4_page__item__header__primary {
  align-items: flex-start;
  display: flex;
  margin-right: 4px;
}

.p-activity_ia4_page__item__header__primary__icon {
  display: flex;
  margin: 2px 4px 0 0;
}

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

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

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

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

.p-activity_ia4_page__item__header__secondary {
  flex: 0 0 auto;
}

.p-activity_ia4_page__item__link {
  display: inline;
}

.p-activity_ia4_page__item__link--unread {
  color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
  font-weight: 900;
}

.p-activity_ia4_page__item__link--read {
  font-weight: 400;
}

.p-activity_ia4_page__item__senders {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.p-activity_ia4_page__item__senders__primary {
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  font-weight: 700;
}

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

.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 {
  background: var(--p-channel_sidebar__badge-color);
  border-radius: 6px;
  display: inline-block;
  height: 12px;
  margin-left: 12px;
  width: 12px;
}

.p-activity_ia4_page__item__filter--unread-dot {
  content: '\E506';
  position: absolute;
  right: 6px;
  top: 9px;
}

.p-activity_ia4_page__item__thread_container {
  align-items: baseline;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  font-size: 13px;

  .p-rich_text_block {
    font-size: 13px;
  }
}

.p-activity_ia4_page__item__replied_to {
  flex-basis: 60px;
  flex-shrink: 0;
}

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

  .p-rich_text_block {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
  }
}

.p-activity_ia4_page__item__activity_subtext {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-activity_ia4_page__item__reactions_bar {
  margin-top: 8px;
}

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

  &:hover {
    background: #f8f6f9;
    cursor: pointer;
  }
}

.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 .p-message_pane_message__message_label .c-message_kit__labels__label {
  padding-left: 0;

  .c-message_kit__labels__icon {
    width: 10px;
  }
}

.p-activity_ia2022_page__list.p-activity_page__list .c-virtual_list__item + .c-virtual_list__item {
  .p-activity_ia2022_page__item {
    border: none;
  }

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

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

.p-activity_ia2022_page__header {
  display: flex;
  justify-content: space-between;
}

.p-activity_ia2022_page__header__icon {
  display: flex;
  margin: 2px 4px 0 0;
}

.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__channel_details {
  align-items: flex-start;
  display: flex;
  margin-right: 4px;
}

.p-activity_ia2022_page__timestamp {
  flex: 0 0 auto;
}

.p-activity_ia2022_page__item__link {
  display: inline;
}

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

.p-activity_ia2022_page__item__avatar_container {
  height: 36px;
  position: relative;
  width: 36px;

  .c-avatar {
    position: absolute;

    &:nth-child(2) {
      bottom: 0;
      right: 0;
    }
  }
}

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

.p-activity_ia2022_page__divider {
  background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
  border: none;
  box-shadow: none;
  font-size: 13px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.38463;
  margin: 0;
  padding: 16px 0 12px 16px;

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

.p-activity_ia2022_page__tab_menu {
  padding-left: 12px;
}

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

.p-activity_ia2022_page__banner_container {
  background: var(--p-channel_sidebar__unreads-banner-bg);
  border-radius: 16px;
  box-shadow: 0 1px 6px #0000001a, inset 0 1px 3px #0000001a;
  color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin: 0 auto;
  padding: 5px 0;
  position: absolute;
  text-align: center;
  top: 45px;
  width: 150px;
  z-index: 2;
}

.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(--p-channel_sidebar__badge-color);
  border-radius: 6px;
  display: inline-block;
  height: 12px;
  margin-left: 12px;
  width: 12px;
}

.p-activity_ia2022_page__timestamp--unread {
  background: var(--p-channel_sidebar__badge-color);
  border-radius: 12px;
  color: #fff;
  height: min-content;
  padding: 2px 8px;
}

.p-activity_ia2022_page__filter--unread-dot {
  content: '\E506';
  position: absolute;
  right: 6px;
  top: 9px;
}

.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 {
  align-items: baseline;
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  display: flex;
  font-size: 13px;

  .p-rich_text_block {
    font-size: 13px;
  }
}

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

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

  .p-rich_text_block {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
  }
}

.p-activity_ia2022_page__activity_subtext {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
}

.p-activity_ia2022_page__reactions_bar {
  margin-top: 8px;
}

.p-top_anchor {
  height: 1px;
}

.p-bottom_padding {
  height: 20px;
}

.p-huddle_view_switcher_button {
  align-items: center;
  background: #fff3;
  border-radius: 18px;
  display: flex;
  font-size: 20px;
  height: 36px;
  justify-content: center;
  margin: 0;
  opacity: 1;
  padding: 0;
  width: 36px;

  &.p-huddle_view_switcher_button--highlighted {
    background: #1264a3;
    color: #fff;

    &.p-huddle_view_switcher_button--pulsing {
      animation: p-huddle_view_switcher_button--pulse_highlighted 2s infinite;
      border: 2px solid #fff3;
    }
  }
}

@keyframes p-huddle_view_switcher_button--pulse_highlighted {
  0% {
    box-shadow: 0 0 0 0 #fff3;
  }

  70% {
    box-shadow: 0 0 0 10px #f000;
  }

  to {
    box-shadow: 0 0 0 0 #f000;
  }
}

.p-view_switcher {
  align-items: center;
  color: var(--p-view_switcher__text);
  display: flex;
  flex-direction: column;
  grid-area: p-view_switcher;
  overflow: hidden;
  padding-top: 8px;
  position: relative;
  row-gap: 8px;
  width: 76px;
  z-index: 1000;
}

body:not(.ReactModal__Body--open) .p-view_switcher {
  -webkit-app-region: drag;

  > * {
    -webkit-app-region: no-drag;
  }
}

.p-view_switcher {
  .p-ia__nav__user__button {
    display: block;
  }

  .p-ia__nav__user__avatar {
    cursor: pointer;
    display: block;

    .c-base_icon {
      border-radius: 8px;
    }

    .c-base_icon__width_only_container {
      background-color: initial;
    }
  }

  .p-ia__nav__user__status_icon {
    align-items: center;
    background: var(--p-view_switcher__emoji-status-bg);
    border-radius: 10px;
    bottom: -8px;
    display: flex;
    font-size: 12px;
    height: 20px;
    justify-content: center;
    margin-left: 0;
    position: absolute;
    right: -8px;
    width: 20px;

    .c-emoji__small {
      display: flex;
      height: 12px;
      width: 12px;

      img {
        height: 12px;
        margin-top: -6px;
        width: 12px;
      }
    }
  }

  .p-ia__nav__user__presence {
    bottom: -4px;
    height: 18px;
    position: absolute;
    right: -5px;
    width: 18px;
  }

  .p-ia__nav__user__presence--stroke {
    bottom: -4px;
    height: 18px;
    position: absolute;
    right: -5px;
    width: 18px;

    &.c-icon:before {
      font-size: 18px;
    }
  }

  .p-ia__nav__user__presence.c-icon:before {
    font-size: 18px;
  }

  .p-ia__nav__user__presence--stroke {
    -webkit-text-stroke: 6px;
    -webkit-text-stroke-color: var(--p-view_switcher__bg);
  }

  .p-ia__nav__user__svg_presence--stroke {
    color: var(--p-view_switcher__bg);
  }

  .p-view_switcher__user__status {
    margin-bottom: -14px;
    text-align: center;
    width: 52px;
  }

  .p-account_switcher {
    border-radius: 8px;
    column-gap: 0;
    height: 36px;
    justify-content: center;
    margin: 0 0 12px;
    padding: 0;
    width: 58px;

    &:hover {
      background: #0000;
    }
  }

  .p-account_switcher__team_icon {
    outline-color: var(--p-view_switcher__bg);
  }

  .p-account_switcher__team_icon--unread {
    margin-right: -8px;
  }

  .p-account_switcher__unread-dot {
    background: var(--p-view_switcher__text);
    margin-left: -38px;
  }
}

.p-view_switcher__view_button {
  align-items: center;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  font-size: 11px;
  font-weight: 700;
  height: 58px;
  justify-content: center;
  opacity: .8;
  position: relative;
  row-gap: 2px;
  width: 58px;

  .c-icon {
    &:before {
      font-size: 24px;
    }

    flex-shrink: 0;
    height: 24px;
    width: 24px;
  }

  svg {
    font-size: 24px;
  }

  .p-activity_toast_ia2022__link__icon {
    height: 24px;
    justify-content: center;
    margin: 0;
    width: 24px;
  }

  .p-activity_toast_ia2022__link__activity {
    transform-origin: center;
  }

  &:hover {
    background: var(--p-view_switcher__text--opacity-20);
  }

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

  .p-view_switcher__mention_badge {
    background: var(--p-view_switcher__text--opacity-90);
    color: var(--p-view_switcher__bg);
    font-size: 11px;
    opacity: .8;
    padding: 0 6px;
    position: absolute;
    right: -2px;
    top: -2px;
    transition: opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
  }

  &.p-view_switcher__view_button--active {
    background: var(--p-view_switcher__text--opacity-20);
    opacity: 1;
  }
}

.p-peek_trigger--is-peek-visible .p-view_switcher__view_button {
  background: var(--p-view_switcher__text--opacity-20);
}

.p-view_switcher__view_button_sublabel {
  display: none;
}

.p-view_switcher__view_button {
  transition: background 80ms ease-out;
}

.p-view_switcher__create_button {
  align-items: center;
  background: var(--p-tab_rail__text--opacity-70);
  border-radius: 18px;
  display: flex;
  height: 36px;
  justify-content: center;
  margin: 0;
  transform-origin: center;
  transition: transform .16s;
  width: 36px;

  &.c-icon_button--default {
    color: var(--p-tab_rail__bg);

    &:hover {
      background: var(--p-tab_rail__text--opacity-90);
      color: var(--p-tab_rail__bg);
      transform: scale(1.1);
    }
  }

  &.p-view_switcher__create_button--active {
    background: var(--p-tab_rail__text--opacity-90);
    color: var(--p-tab_rail__bg);
    transform: scale(1.1);
    transform: scale(1.1) rotate(45deg);
  }
}

.p-view_switcher__bottom {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: end;
  margin-top: auto;
  padding: 20px 0;
  row-gap: 16px;
}

.p-workspace_filter_menu__item {
  align-items: center;
  display: flex;
}

.p-workspace_filter_menu__icon {
  position: relative;
  top: 1px;
}

.p-workspace_filter_menu__label {
  display: block;
  margin-left: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-workspace_filter_menu__label--selected {
  color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
  font-weight: 700;
}

.p-workspace_filter_menu__check {
  color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
  margin-left: auto;
  margin-right: 10px;
}

.p-workspace_filter_menu__menu {
  position: relative;
  top: 4px;
  width: 241px;
}

.p-home_header {
  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
  align-items: center;
  box-shadow: 0 1px 0 0 var(--saf-0);
  display: flex;
  flex-direction: row;
  font-size: 18px;
  font-weight: 900;
  height: 49px;
  justify-content: space-between;
  line-height: 1.33334;
  min-height: 49px;
  padding: 0 16px 0 20px;
  z-index: 1;
}

.p-home_header__controls {
  margin-left: auto;
}

.p-home_header__filter_button {
  align-items: center;
  border-radius: 4px;
  color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
  display: flex;
  font-size: 13px;
  font-weight: 400;
  margin: 0 4px;
  padding: 4px;
  white-space: nowrap;
}

.p-home_header__filter_button--active, .p-home_header__filter_button:hover {
  background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
}

.p-dms_page_header__search {
  display: flex;
  width: 100%;
}

.p-dms_page_header__icon {
  align-self: center;
  flex: 0 0 auto;
}

.p-dms_page_header__search_input {
  border: none;
  flex-grow: 1;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46668;
  min-width: 0;
  outline: 0;
  padding-left: 20px;
  padding-right: 8px;
}

.p-dms_page_header__clear {
  align-self: center;
  border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
  color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38463;
  padding-right: 8px;

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

.p-dms_page_header__close {
  flex: 0 0 auto;

  &:hover.c-icon_button--default.c-button-unstyled {
    background: inherit;
  }
}

.p-dms_page_banner {
  background-color: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
  border-radius: 8px;
  display: flex;
  margin: 8px;
  padding: 10px 12px;
}

.p-dms_page_banner__contents {
  flex: 1 1 auto;
}

.p-dms_page_banner__close_button {
  flex: 0 0 auto;
  height: 18px;
  width: 18px;
}

.p-view_sidebar {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  height: 100%;
  padding: 20px;

  h4 {
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 24px;
  }

  .p-recent_page__list {
    background: none;
  }

  .p-recent_page {
    height: 100%;
  }

  .p-recent_page__item {
    border-left: none;
    border-radius: 0 !important;
    border-right: none;
    margin: 0;
  }

  .p-recent_page__conversation {
    width: 100%;
  }

  .p-channel_sidebar__link {
    &:not(.p-channel_sidebar__link--selected) {
      color: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    }

    height: 28px;
    line-height: 28px;
  }
}

.p-view_sidebar--list {
  padding: 0;
}

.p-view_sidebar__tabs {
  padding-left: 8px;
}

.p-theme_background {
  background: conic-gradient(from 45deg at 50% 50%, var(--p-theme_background__end) 0, var(--p-theme_background__middle) 12.5%, var(--p-theme_background__start) 25%, var(--p-theme_background__end) 50%, var(--p-theme_background__middle) 62.5%, var(--p-theme_background__start) 75%, var(--p-theme_background__end) 100%);
  height: 100vh;
  position: absolute;
  width: 100vw;
  z-index: -1;
}

.p-desktop_nav_bar {
  align-items: center;
  display: flex;
  grid-area: p-desktop_grab_bar;
  height: 32px;

  &:not(.p-desktop_nav_bar--windows) {
    padding-left: 76px;
  }
}

body:not(.ReactModal__Body--open) .p-desktop_nav_bar {
  -webkit-app-region: drag;

  > * {
    -webkit-app-region: no-drag;
  }
}

.p-desktop_nav_bar {
  .p-channel_sidebar__history_button {
    background: #0000;
    border-radius: 6px;
    color: var(--p-view_switcher__text);
    cursor: pointer;
    height: 30px;
    margin: 0;
    padding: 0 6px;

    &:hover {
      background: var(--p-view_switcher__text--opacity-20);
    }
  }

  .p-channel_sidebar__history_button-left {
    margin-left: 10px;
  }

  .p-desktop_nav_bar__placeholder {
    -webkit-app-region: no-drag;
    height: 32px;

    &:first-child {
      width: 76px;
    }

    &:last-child {
      margin-left: auto;
      width: 138px;
    }
  }
}

.p-workspace_filter_pill {
  align-items: center;
  background: rgba(var(--sk_foreground_soft, 29, 28, 29), 0.06);
  border-radius: 8px;
  display: flex;
  height: 40px;
  margin: 8px;
}

.p-workspace_filter_pill__container {
  background: var(--p-channel_sidebar__column-bg);
}

.p-workspace_filter_pill__icon {
  margin-left: 6px;
}

.p-workspace_filter_pill__name {
  display: block;
  font-size: 13px;
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  wbr {
    display: none;
  }
}

.p-workspace_filter_pill__dismiss {
  margin-left: auto;
  margin-right: 10px;
}

.p-splash_screen_participant {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  width: 100vw;
}

.p-splash_screen_participant__text {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36365;
  max-width: 260px;
  text-align: center;
}

.p-sidecar_client {
  height: 100vh;
  width: 100vw;
}

.p-sidecar_client__tabs {
  display: flex;
  flex-direction: column;
  height: 100vh;

  .c-tabs__tab_menu {
    padding: 0 8px;
  }

  .c-tabs__tab_panel {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: auto;
  }
}

.p-sidecar_client__member_row {
  max-width: 100%;
}

.p-ia4_history_buttons {
  align-items: center;
  display: flex;
  margin-left: 12px;
}

.p-ia4_history_buttons__button {
  color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  padding: 4px;

  &[aria-disabled=true] {
    cursor: default;
    opacity: 0.45;
  }
}

.p-tab_rail {
  align-items: center;
  color: var(--p-tab_rail__text);
  display: flex;
  flex-direction: column;
  grid-area: p-tab-rail;
  overflow: hidden;
  padding-top: 12px;
  position: relative;
  row-gap: 8px;
  width: 76px;
  z-index: 1000;

  &.p-tab_rail__desktop {
    padding-top: 44px;
  }

  .p-ia__nav__user__button {
    display: block;
  }

  .p-ia__nav__user__avatar {
    cursor: pointer;
    display: block;

    .c-base_icon {
      border-radius: 8px;
    }
  }

  .p-ia__nav__user__status_icon {
    align-items: center;
    background: var(--p-tab_rail__emoji-status-bg);
    border-radius: 10px;
    bottom: -8px;
    display: flex;
    font-size: 12px;
    height: 20px;
    justify-content: center;
    margin-left: 0;
    position: absolute;
    right: -8px;
    width: 20px;

    .c-emoji__small {
      display: flex;
      height: 12px;
      width: 12px;

      img {
        height: 12px;
        margin-top: -6px;
        width: 12px;
      }
    }
  }

  .p-ia__nav__user__presence {
    bottom: -4px;
    height: 18px;
    position: absolute;
    right: -5px;
    width: 18px;
  }

  .p-ia__nav__user__presence--stroke {
    bottom: -4px;
    height: 18px;
    position: absolute;
    right: -5px;
    width: 18px;

    &.c-icon:before {
      font-size: 18px;
    }
  }

  .p-ia__nav__user__presence.c-icon:before {
    font-size: 18px;
  }

  .p-ia__nav__user__presence--stroke {
    -webkit-text-stroke: 6px;
    -webkit-text-stroke-color: var(--p-tab_rail__bg);
  }

  .p-ia__nav__user__svg_presence--stroke {
    color: var(--p-tab_rail__bg);
  }

  .p-account_switcher {
    border-radius: 8px;
    column-gap: 0;
    height: 36px;
    justify-content: center;
    margin: 0 0 12px;
    padding: 0;
    width: 58px;

    &:hover {
      background: #0000;
    }
  }

  .p-account_switcher__team_icon {
    outline-color: var(--p-tab_rail__bg);
  }

  .p-account_switcher__team_icon--unread {
    margin-right: -8px;
  }

  .p-account_switcher__unread-dot {
    background: var(--p-tab_rail__text);
    margin-left: -38px;
  }
}

.p-tab_rail__button {
  align-items: center;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  font-size: 11px;
  font-weight: 700;
  height: 58px;
  justify-content: center;
  opacity: .8;
  position: relative;
  row-gap: 2px;
  width: 58px;

  .c-icon {
    &:before {
      font-size: 24px;
    }

    flex-shrink: 0;
    height: 24px;
    width: 24px;
  }

  svg {
    font-size: 24px;
  }

  .p-activity_toast_ia2022__link__icon {
    height: 24px;
    justify-content: center;
    margin: 0;
    width: 24px;
  }

  .p-activity_toast_ia2022__link__activity {
    transform-origin: center;
  }

  &:hover {
    background: var(--p-tab_rail__text--opacity-20);
  }

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

  .p-tab_rail__mention_badge {
    background: var(--p-tab_rail__text--opacity-90);
    color: var(--p-tab_rail__bg);
    font-size: 11px;
    opacity: .8;
    padding: 0 6px;
    position: absolute;
    right: -2px;
    top: -2px;
    transition: opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
  }

  &.p-tab_rail__button--active {
    background: var(--p-tab_rail__text--opacity-20);
    opacity: 1;
  }
}

.p-peek_trigger--is-peek-visible .p-tab_rail__button {
  background: var(--p-tab_rail__text--opacity-20);
}

.p-tab_rail__button {
  transition: background 80ms ease-out;
}

.p-tab_rail__circle_button {
  transition: background 80ms ease-out;
  align-items: center;
  background: var(--p-tab_rail__text--opacity-20);
  border-radius: 18px;
  display: flex;
  height: 36px;
  justify-content: center;
  margin: 0;
  width: 36px;
}

.p-tab_rail__bottom {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: end;
  margin-top: auto;
  padding: 24px 0;
  row-gap: 16px;

  .p-huddle_top_nav_button {
    border-radius: 20px;
    font-size: 20px;
    height: 40px;
    justify-content: center;
    margin: 0;
    opacity: 1;
    padding: 0;
    width: 40px;
  }

  .p-huddle_top_nav_button__text {
    display: none;
  }
}

.p-ia4_client {
  background: #0000;
  display: grid;
  grid-template-areas: 'p-tab-rail p-client-workspace';
  grid-template-columns: 76px auto;
  height: 100vh;
  width: 100vw;

  .p-client_workspace {
    display: grid;
    grid-area: p-client-workspace;
    grid-template-areas: 'p-ia4_top_nav' 'p-client_workspace__layout';
    grid-template-columns: auto;
    grid-template-rows: 32px auto;
    padding-bottom: 4px;
    padding-right: 4px;
  }

  .p-ia4_top_nav {
    -webkit-app-region: drag;
    align-items: center;
    display: flex;
    height: 100%;
    width: 100%;

    > * {
      -webkit-app-region: no-drag;
    }
  }

  .p-ia4_top_nav__windows_controls {
    -webkit-app-region: no-drag;
    height: 32px;
    margin-left: auto;
    width: 138px;
  }

  .p-client_workspace__layout {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 4px;
    display: grid;
    grid-area: p-client_workspace__layout;
    overflow: hidden;
  }

  .p-view_contents {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    position: relative;
  }

  .p-view_contents--sidebar {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    grid-area: p-view_contents--sidebar;
    z-index: 0;
  }

  .p-view_contents--primary {
    grid-area: p-view_contents--primary;
    z-index: 1;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: 0 4px #0000000d, 0 0 20px #0000001a;
    max-height: 100vh;
  }

  .p-view_contents--secondary {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: 0 4px #0000000d, 0 0 20px #0000001a;
    max-height: 100vh;
    grid-area: p-view_contents--secondary;
    z-index: 2;
  }
}

.p-ia4_client--browser .p-client_workspace {
  grid-template-areas: 'p-ia4_top_nav' 'p-client_workspace__layout';
  grid-template-rows: 4px auto;
}

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

  .p-huddle_sidebar_footer {
    border-radius: 8px;
    padding: 0;
  }

  .p-huddle_sidebar_footer--ia4 {
    bottom: 10px;
    left: 80px;
    max-width: 272px;
    min-width: 272px;
    position: absolute;
    z-index: 999;
  }

  .p-huddle_sidebar_footer__controls, .p-huddle_sidebar_footer__join_active_container, .p-huddle_sidebar_footer__join_non_active_container {
    border-radius: 6px;
    border-top: none;
  }
}

.p-client, body, html {
  overflow: hidden;
}

.p-client {
  background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
  display: grid;
  grid-template-areas: 'p-client__workspace' 'p-client__banners';
  grid-template-columns: auto;
  grid-template-rows: auto min-content;
  height: 100vh;
  width: 100vw;
}

.p-client--custom-titlebar {
  height: 100vh;
  margin-top: 0;
}

.p-client--show-team-sidebar {
  grid-template-areas: 'p-client--iap1__top_nav p-client--iap1__top_nav' 'p-client__team_sidebar p-client__workspace' 'p-client__banners p-client__banners';
  grid-template-columns: 60px auto;

  .c-banner {
    left: 60px;
  }
}

.p-client {
  &.p-client--topnav-removed {
    grid-template-areas: 'p-client__workspace' 'p-client__banners';
    grid-template-rows: auto min-content;
  }

  &.p-client--show-team-sidebar {
    grid-template-areas: 'p-client__team_sidebar p-client__workspace' 'p-client__banners p-client__banners';
  }
}

.p-client__team_sidebar {
  grid-area: p-client__team_sidebar;
}

.p-workspace {
  grid-area: p-client__workspace;
}

.p-client__banners {
  grid-area: p-client__banners;
}

.p-client--ia2022 {
  background: #0000;
  min-width: 900px;
  padding: 0;

  .p-workspace-layout {
    gap: 0;
    grid-template-areas: 'p-desktop_grab_bar p-desktop_grab_bar p-desktop_grab_bar' 'p-view_switcher p-workspace__sidebar p-workspace__view_wrapper';
    grid-template-columns: 76px 300px auto;
    grid-template-rows: 0 auto;
    padding: 4px 4px 4px 0;
  }

  &.p-client--ia2022--desktop .p-workspace-layout {
    grid-template-rows: 32px auto;
    padding-top: 0;
  }

  .p-workspace__primary_view, .p-workspace__secondary_view {
    max-height: 100vh;
  }

  .p-workspace-layout--no-sidebar {
    grid-template-areas: 'p-desktop_grab_bar p-desktop_grab_bar p-desktop_grab_bar' 'p-view_switcher p-workspace__view_wrapper p-workspace__view_wrapper';
    grid-template-columns: 76px auto;

    .p-workspace__sidebar {
      display: none;
    }
  }

  .p-workspace-layout--bigger-sidebar {
    grid-template-columns: 76px 480px auto;

    .c-search__tabs .c-search__tabs-list-find-ia4 {
      overflow-x: scroll;
      white-space: nowrap;
    }

    .p_search_filter__block_container.p_search_filter__block_container--find-tab-ia4 {
      flex-flow: nowrap;
      overflow-x: scroll;
      white-space: nowrap;
    }
  }

  .p-workspace-layout--full-width-sidebar {
    grid-template-columns: 76px auto 0;

    .p-workspace__sidebar {
      border-radius: 6px;
    }
  }

  .p-workspace-layout--two-thirds-sidebar {
    grid-template-columns: 76px calc(60% - 38px) auto;
  }

  .p-workspace-layout--half-width-sidebar {
    grid-template-columns: 76px calc(50% - 38px) auto;
  }

  .p-workspace-layout--forty-percent-sidebar {
    grid-template-columns: 76px calc(40% - 38px) auto;
  }

  .p-workspace-layout--sidebar-with-secondary-view.p-workspace--context-pane-expanded {
    .p-workspace__view_wrapper {
      grid-template-columns: auto auto;
    }

    .p-workspace__secondary_view {
      width: 100%;
    }
  }

  .p-workspace--context-pane-expanded .p-workspace__view_wrapper {
    grid-template-areas: 'p-workspace__primary_view p-workspace__secondary_view';
    grid-template-columns: auto 392px;
  }

  .p-workspace__tiles {
    grid-area: p-workspace__secondary_view;

    .p-tiles__container {
      background: none;
      border-left: none;

      .p-tiles__tile {
        border-radius: 8px;
        box-shadow: none;
        margin: 0;
      }
    }
  }

  .p-channel_sidebar--iap1 .p-channel_sidebar__section_heading {
    background: #0000;
  }

  .p-workspace__view_wrapper {
    border-radius: 0 6px 6px 0;
    display: flex;
    grid-area: p-workspace__view_wrapper;
    margin: 0;
    overflow: hidden;

    &.p-workspace__view_wrapper--full-width {
      display: block;
    }
  }

  .p-workspace__sidebar {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 6px 0 0 6px;
    margin-bottom: 0;
    overflow: hidden;
  }

  .p-workspace--context-pane-expanded .p-workspace__primary_view:after, .p-workspace__sidebar:after {
    bottom: 0;
    box-shadow: 0 0 8px 4px #00000014;
    content: ' ';
    left: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
  }

  .p-workspace__primary_view {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    height: 100%;
    overflow: hidden;
    width: 100%;
    z-index: 998;
  }

  .p-workspace__secondary_view {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    height: 100%;
    min-width: 392px;
    overflow: visible;
  }

  .p-workspace__secondary_view_contents {
    border-radius: 0 6px 6px 0;
    overflow: hidden;
  }

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

  .p-huddle_sidebar_footer {
    border-radius: 8px;
    padding: 0;
  }

  .p-huddle_sidebar_footer--ia4 {
    bottom: 8px;
    left: 80px;
    max-width: 292px;
    min-width: 292px;
    position: absolute;
    z-index: 999;
  }

  .p-huddle_sidebar_footer__controls, .p-huddle_sidebar_footer__join_active_container, .p-huddle_sidebar_footer__join_non_active_container {
    border-radius: 6px;
    border-top: none;
  }

  .c-avatar {
    .c-base_icon__width_only_container {
      background: #0000;
    }

    .c-base_icon {
      border-radius: 8px;
    }
  }
}