/***BEGIN Dialog.css***/
.bolt-dialog-callout-content {
  margin: 16px;
  border-radius: 6px;
  overflow: hidden; }
  @media (forced-colors: active) {
    .bolt-dialog-callout-content {
      border: solid 1px; } }
  .bolt-dialog-callout-content.bolt-callout-shadow {
    box-shadow: 0px 25.6px 57.6px rgba(0, 0, 0, .22), 0px 4.8px 14.4px rgba(0, 0, 0, .18);
    box-shadow: 0px 25.6px 57.6px var(--panel-shadow-color,rgba(0, 0, 0, .22)), 0px 4.8px 14.4px var(--panel-shadow-secondary-color,rgba(0, 0, 0, .18)); }
    body.ms-vss-web-vsts-theme-hc-dark .bolt-dialog-callout-content.bolt-callout-shadow {
      box-shadow: none;
      border: 2px solid rgba(0, 120, 212, 1);
      border: 2px solid var(--focus-border-color,rgba(0, 120, 212, 1)); }
    body.ms-vss-web-vsts-theme-hc-light .bolt-dialog-callout-content.bolt-callout-shadow {
      box-shadow: none;
      border: 2px solid rgba(0, 120, 212, 1);
      border: 2px solid var(--focus-border-color,rgba(0, 120, 212, 1)); }
  .bolt-dialog-callout-content.bolt-dialog-mobile {
    margin-left: 32px;
    margin-right: 32px;
    min-width: 0px; }

.bolt-lower-right-corner-dialog-content {
  width: 420px; }
  @media only screen and (max-width: 600px) {
    .bolt-lower-right-corner-dialog-content {
      width: 240px; } }

.bolt-dialog .bolt-panel-footer {
  padding: 16px 20px; }

.bolt-dialog-content {
  padding-bottom: 4px; }

.bolt-dialog-content-bottom-padding {
  padding-bottom: 32px; }

.bolt-dialog-content {
  overflow: auto;
  position: relative; }

.bolt-dialog-callout.no-events {
  pointer-events: none; }

.bolt-dialog {
  pointer-events: auto; }

.bolt-dialog-resize-icon {
  margin-left: auto;
  padding-right: 4px;
  cursor: se-resize; }

.bolt-dialog .bolt-dialog-resizable-footer {
  padding-bottom: 0;
  min-height: 48px; }

.bolt-dialog-overlay {
  background-color: rgba(255, 255, 255, 0.86);
  background-color: var(--callout-filtered-background-color,rgba(255, 255, 255, 0.86)); }
  @media (forced-colors: active) {
    .bolt-dialog-overlay {
      background: transparent; } }
/***END Dialog.css***/

/***BEGIN Panel.css***/
.bolt-panel-callout-content {
  margin: 16px;
  border-radius: 6px;
  overflow: hidden;
  transition-property: transform, opacity;
  transition: transform 200ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
  /* &.in {
        @include in();
    }

    &.out {
        @include out();
    } */ }
  @media (forced-colors: active) {
    .bolt-panel-callout-content {
      border: solid 1px; } }
  .bolt-panel-callout-content.bolt-callout-shadow {
    box-shadow: 0px 25.6px 57.6px rgba(0, 0, 0, .22), 0px 4.8px 14.4px rgba(0, 0, 0, .18);
    box-shadow: 0px 25.6px 57.6px var(--panel-shadow-color,rgba(0, 0, 0, .22)), 0px 4.8px 14.4px var(--panel-shadow-secondary-color,rgba(0, 0, 0, .18)); }
    body.ms-vss-web-vsts-theme-hc-dark .bolt-panel-callout-content.bolt-callout-shadow {
      border: 2px solid rgba(0, 120, 212, 1);
      border: 2px solid var(--focus-border-color,rgba(0, 120, 212, 1)); }
    body.ms-vss-web-vsts-theme-hc-light .bolt-panel-callout-content.bolt-callout-shadow {
      border: 2px solid rgba(0, 120, 212, 1);
      border: 2px solid var(--focus-border-color,rgba(0, 120, 212, 1)); }
  .bolt-panel-callout-content.bolt-panel-fullscreen {
    margin: 0px;
    max-height: none;
    max-width: none;
    height: auto;
    width: auto;
    border-radius: 0px; }

.bolt-panel-description {
  margin-right: 36px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }

.bolt-panel-footer {
  min-height: 64px;
  overflow: hidden;
  padding-bottom: 16px;
  padding-top: 16px; }

.bolt-panel-footer-buttons {
  justify-content: flex-end;
  font-size: 0.875rem; }

.bolt-panel-content {
  position: relative;
  min-height: 64px; }

.bolt-panel-separator {
  height: 1px;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ); }

.bolt-panel-overlay {
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--callout-background-color,rgba(255, 255, 255, 1));
  opacity: 0.7; }
/***END Panel.css***/

/***BEGIN Toast.css***/
.bolt-toast {
  border-radius: 4px;
  margin-bottom: 16px;
  pointer-events: none; }
  @media screen and (max-width: 1023px) {
    .bolt-toast {
      margin-bottom: 8px; } }
  body.ms-vss-web-vsts-theme-hc-dark .bolt-toast {
    border: 2px solid rgba(0, 120, 212, 1);
    border: 2px solid var(--focus-border-color,rgba(0, 120, 212, 1)); }
  body.ms-vss-web-vsts-theme-hc-light .bolt-toast {
    border: 2px solid rgba(0, 120, 212, 1);
    border: 2px solid var(--focus-border-color,rgba(0, 120, 212, 1)); }

@keyframes slideInFromBottom {
  0% {
    opacity: 0;
    transform: translate(0px, 40px); }
  100% {
    opacity: 1;
    transform: translate(0px, 0px); } }

@keyframes slideOutToBottom {
  0% {
    opacity: 1;
    transform: translate(0px, 0px); }
  100% {
    opacity: 0;
    transform: translate(0px, 40px); } }

.bolt-toast-content {
  width: 356px;
  background-color: rgba( 51, 51, 51 ,  0.95 );
  background-color: rgba( var(--palette-neutral-80,51, 51, 51) ,  0.95 );
  border-radius: 4px;
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  padding: 8px 20px;
  pointer-events: auto;
  animation: slideInFromBottom 0.5s; }
  @media screen and (max-width: 599px) {
    .bolt-toast-content {
      width: auto;
      flex-grow: 1;
      margin-left: 8px;
      margin-right: 8px; } }
  body.ms-vss-web-vsts-theme-hc-dark .bolt-toast-content {
    background-color: rgba(0, 120, 212, 1);
    background-color: var(--communication-background,rgba(0, 120, 212, 1));
    color: rgba(0, 90, 158, 1);
    color: var(--communication-foreground,rgba(0, 90, 158, 1)); }
  body.ms-vss-web-vsts-theme-hc-light .bolt-toast-content {
    background-color: rgba(0, 120, 212, 1);
    background-color: var(--communication-background,rgba(0, 120, 212, 1));
    color: rgba(0, 90, 158, 1);
    color: var(--communication-foreground,rgba(0, 90, 158, 1)); }
  .bolt-toast-content.fade-out {
    animation: slideOutToBottom 0.5s forwards; }
  .bolt-toast-content.one-line .bolt-toast-message:not(:last-child) {
    margin-right: 20px; }
  .bolt-toast-content.one-line .bolt-toast-separator {
    width: 1px;
    margin-right: 8px; }
  .bolt-toast-content.one-line .bolt-toast-call-to-action-container {
    align-items: center; }
  .bolt-toast-content.multi-line .bolt-toast-message {
    margin-bottom: 8px; }
  .bolt-toast-content.multi-line .bolt-toast-separator {
    height: 1px;
    margin-bottom: 8px; }
  .bolt-toast-content.multi-line .bolt-toast-call-to-action-container {
    justify-content: flex-end; }

.bolt-toast-message {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  word-break: break-word; }

.bolt-toast-separator {
  background-color: rgba( 255, 255, 255 ,  0.38 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  0.38 );
  justify-content: stretch; }

.bolt-toast-call-to-action-container {
  display: inline-flex;
  margin-right: -12px; }

.bolt-button.bolt-toast-call-to-action {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  white-space: nowrap; }
  .bolt-button.bolt-toast-call-to-action:hover {
    background-color: transparent; }
/***END Toast.css***/

