/*
  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. */
.propertyPaneTitleBarBox,
.propertyPaneTitleBarExpanded {
  top: 0;
  overflow-x: hidden;
}

.propertyPaneTitleBarBox {
  width: 100%;
}

.propertyPaneTitleBarExpanded {
  padding-left: 39px;
  padding-right: 39px;
}

.propertyPaneTitleBar {
  padding: 16px 20px;
  display: flex;
}

.propertyPanePageTitle {
  font-weight: 600;
  font-size: "[theme:xLargeFontSize, default: 20px]";
  color: "[theme:neutralPrimary, default: #323130]";
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
}
:global(.spDeThemeContentPanel) .propertyPanePageTitle {
  color: var(--colorNeutralForeground1);
}

.propertyPaneClose {
  background-color: transparent;
  border: none;
  color: "[theme:neutralPrimary, default: #323130]";
  cursor: pointer;
  font-size: 20px;
  padding: 0;
  min-width: 0;
}
[dir=ltr] .propertyPaneClose {
  margin-right: -8px;
}
[dir=rtl] .propertyPaneClose {
  margin-left: -8px;
}
[dir=ltr] .propertyPaneClose {
  margin-left: auto;
}
[dir=rtl] .propertyPaneClose {
  margin-right: auto;
}
.propertyPaneClose:hover {
  background-color: "[theme:neutralLighter, default: #f3f2f1]";
}
:global(.spDeThemeContentPanel) .propertyPaneClose {
  color: var(--colorNeutralForeground1);
}
:global(.spDeThemeContentPanel) .propertyPaneClose:hover {
  background-color: var(--colorNeutralBackground1Hover);
}

.propertyPaneBack {
  background-color: transparent;
  border: none;
  color: "[theme:neutralPrimary, default: #323130]";
  cursor: pointer;
  font-size: 20px;
  padding: 0;
  min-width: 0;
  margin-right: 12px;
}
.propertyPaneBack:hover {
  background-color: "[theme:neutralLighter, default: #f3f2f1]";
}
:global(.spDeThemeContentPanel) .propertyPaneBack {
  color: var(--colorNeutralForeground1);
}
:global(.spDeThemeContentPanel) .propertyPaneBack:hover {
  background-color: var(--colorNeutralBackground1Hover);
}