/*
  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
*/
[id^=spPropertyPaneContainer].showPane {
  width: 340px;
}

:global(body.chromeElevated) [id^=spPropertyPaneContainer].showPane {
  width: 364px;
}

:global(body:has([class*="SPContentPanelView-container"]:not([class*="hidden"]))) [id^=spPropertyPaneContainer].showPane {
  width: 352px;
}

[id^=spPropertyPaneContainer].showPaneNarrow {
  width: 320px;
}

:global(body.chromeElevated) [id^=spPropertyPaneContainer].showPaneNarrow {
  width: 344px;
}

:global(body:has([class*="SPContentPanelView-container"]:not([class*="hidden"]))) [id^=spPropertyPaneContainer].showPaneNarrow {
  width: 332px;
}

[id^=spPropertyPaneContainer].showPaneWide {
  width: 28%;
  min-width: 320px;
}
@media (max-width: 720px) {
  [id^=spPropertyPaneContainer].showPaneWide {
    width: 100% !important;
    min-width: 100%;
  }
}

:global(body.chromeElevated) [id^=spPropertyPaneContainer].showPaneWide {
  width: calc(28% + 24px);
  min-width: 344px;
}

:global(body:has([class*="SPContentPanelView-container"]:not([class*="hidden"]))) [id^=spPropertyPaneContainer].showPaneWide {
  width: calc(28% + 12px);
  min-width: 332px;
}

[dir=ltr] [id^=spPropertyPaneContainerNoFlexbox].showPane {
  right: 0;
}
[dir=rtl] [id^=spPropertyPaneContainerNoFlexbox].showPane {
  left: 0;
}

[dir=ltr] [id^=spPropertyPaneContainerNoFlexbox].showPaneNarrow {
  right: 0;
}
[dir=rtl] [id^=spPropertyPaneContainerNoFlexbox].showPaneNarrow {
  left: 0;
}

[dir=ltr] [id^=spPropertyPaneContainerNoFlexbox].showPaneWide {
  right: 0;
}
[dir=rtl] [id^=spPropertyPaneContainerNoFlexbox].showPaneWide {
  left: 0;
}

[dir=ltr] [id^=spPageChromeAppDiv].shrinkContent {
  right: 340px;
}
[dir=rtl] [id^=spPageChromeAppDiv].shrinkContent {
  left: 340px;
}

[dir=ltr] [id^=workbenchPageContent].shrinkContent {
  right: 340px;
}
[dir=rtl] [id^=workbenchPageContent].shrinkContent {
  left: 340px;
}

[dir=ltr] [id^=workbenchCommandBar].shrinkContent {
  padding-right: 340px;
}
[dir=rtl] [id^=workbenchCommandBar].shrinkContent {
  padding-left: 340px;
}

[id^=spPropertyPaneContainer].spPropertyPaneContainerExpanded {
  width: 1104px !important;
}