/*
  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license
*/
/** Imports all theming-related SASS files. */
/** THIS FILE IS AUTOGENERATED do not modify it manually. See generateDefaultThemeSassFiles.js. New slots should be added to the appropriate interfaces and defaults files. */
/* @deprecated */
/* @deprecated */
/* @deprecated */
/* @deprecated */
/* @deprecated */
/** THIS FILE IS AUTOGENERATED do not modify it manually. See generateDefaultThemeSassFiles.js. New slots should be added to the appropriate interfaces and defaults files. */
/** THIS FILE IS AUTOGENERATED do not modify it manually. See generateDefaultThemeSassFiles.js. New slots should be added to the appropriate interfaces and defaults files. */
/*
  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license
*/
.propertyPane, .propertyPaneNarrow,
.propertyPaneExpanded {
  font-size: 14px;
  font-weight: 400;
  top: 0;
  bottom: 0;
  position: absolute;
  background-color: "[theme:bodyBackground, default: #ffffff]";
  -webkit-font-smoothing: antialiased;
  max-width: 100%;
}
[dir=ltr] .propertyPane, [dir=ltr] .propertyPaneNarrow,
[dir=ltr] .propertyPaneExpanded {
  border-left-width: 1px;
}
[dir=rtl] .propertyPane, [dir=rtl] .propertyPaneNarrow,
[dir=rtl] .propertyPaneExpanded {
  border-right-width: 1px;
}
[dir=ltr] .propertyPane, [dir=ltr] .propertyPaneNarrow,
[dir=ltr] .propertyPaneExpanded {
  border-left-style: solid;
}
[dir=rtl] .propertyPane, [dir=rtl] .propertyPaneNarrow,
[dir=rtl] .propertyPaneExpanded {
  border-right-style: solid;
}
[dir=ltr] .propertyPane, [dir=ltr] .propertyPaneNarrow,
[dir=ltr] .propertyPaneExpanded {
  border-left-color: "[theme:neutralLight, default: #edebe9]";
}
[dir=rtl] .propertyPane, [dir=rtl] .propertyPaneNarrow,
[dir=rtl] .propertyPaneExpanded {
  border-right-color: "[theme:neutralLight, default: #edebe9]";
}
:global(.spDeThemeContentPanel) .propertyPane, :global(.spDeThemeContentPanel) .propertyPaneNarrow,
:global(.spDeThemeContentPanel) .propertyPaneExpanded {
  border-left-color: var(--colorNeutralBackground1Selected);
  background-color: unset;
}
[dir=ltr] .propertyPane, [dir=ltr] .propertyPaneNarrow,
[dir=ltr] .propertyPaneExpanded {
  right: 0;
}
[dir=rtl] .propertyPane, [dir=rtl] .propertyPaneNarrow,
[dir=rtl] .propertyPaneExpanded {
  left: 0;
}

.propertyPane, .propertyPaneNarrow {
  width: 340px;
}

.propertyPaneExpanded {
  width: 100%;
}

.propertyPaneExpanded.propertyPaneElevation {
  width: calc(100% - 24px);
}

:global(body:has([class*="SPContentPanelView-container"]:not([class*="hidden"]))) .propertyPaneExpanded.propertyPaneElevation {
  width: calc(100% - 12px);
}

.propertyPaneNarrow {
  width: 320px !important;
}

.propertyPaneDescription {
  padding: 0 20px;
  color: "[theme:neutralPrimary, default: #323130]";
  font-size: 14px;
}
:global(.spDeThemeContentPanel) .propertyPaneDescription {
  color: var(--colorNeutralForeground1);
}

.propertyPaneScreenReaderOnly {
  position: absolute;
  text-indent: -9999px;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  border: 0;
}

.twoRowFooter {
  bottom: 125px;
}

.oneRowFooter {
  bottom: 72px;
}

.overlay,
.propertyPaneExpandedOverlay {
  height: 100%;
  z-index: 1;
}

.overlay {
  width: 340px;
}

.propertyPaneExpandedOverlay {
  width: 100%;
}

.spinner {
  top: 50%;
  position: relative;
}

[dir=ltr] .propertyPaneElevation {
  border-left-width: 0;
}
[dir=rtl] .propertyPaneElevation {
  border-right-width: 0;
}
[dir=ltr] .propertyPaneElevation {
  border-left-style: none;
}
[dir=rtl] .propertyPaneElevation {
  border-right-style: none;
}
[dir=ltr] .propertyPaneElevation {
  border-left-color: transparent;
}
[dir=rtl] .propertyPaneElevation {
  border-right-color: transparent;
}

:global(.spPropertyPaneContainer) .propertyPaneElevation {
  margin: 12px 12px 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}

:global(body:has([class*="SPContentPanelView-container"]:not([class*="hidden"]))) :global(.spPropertyPaneContainer) .propertyPaneElevation {
  margin-right: 0;
  border-top-right-radius: 0;
}