/*
  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
*/
/*
  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);
}

.propertyPanePageContent,
.propertyPanePageContentExpandedOld,
.propertyPanePageContentExpanded {
  position: absolute;
  top: 56px;
  bottom: 0;
}

.propertyPanePageContent {
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}

.propertyPanePageContentExpandedOld {
  padding-left: 39px;
  padding-right: 39px;
  top: 120px;
  overflow: hidden;
  right: 0px;
  left: 0px;
}

.propertyPanePageContentExpanded {
  padding-left: 39px;
  padding-right: 39px;
  top: 120px;
  overflow: hidden;
  right: 0px;
  left: 0px;
  margin-top: 24px;
}

.propertyPanePageContentNoTitleBar {
  top: 0;
}

.propertyPanePageDescription {
  font-size: 15px;
  font-weight: 400;
  color: "[theme:neutralPrimary, default: #333333]";
  font-size: 14px;
}
:global(.spDeThemeContentPanel) .propertyPanePageDescription {
  color: var(--colorNeutralForeground1);
}

.propertyPanePageDescription,
.propertyPanePageDescriptionExpanded {
  padding: 0 20px 16px 20px;
}

.propertyPanePageMultiColumnContainer {
  display: flex;
  flex-direction: row;
  width: 100%;
  min-height: 50%;
  position: relative;
}

.propertyPanePageExpandedContainer {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.propertyPanePageMultiColumnContainer > div {
  flex: 1;
}

.propertyPanePageScrollHide,
.propertyPanePageScrollShow {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}

.propertyPanePageScrollHide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.propertyPanePageScrollHide::-webkit-scrollbar {
  display: none;
}