/* [project]/phis-ui/styles/shell.css [app-client] (css) */
.shell-sider-full {
  min-width: 0;
  min-height: var(--phi-shell-content-min-height, 100dvh);
  grid-template: "sider header_top header_top"
                 "sider header_main header_main"
                 "sider header_bottom header_bottom"
                 "sider hero hero"
                 "sider content sider_right" minmax(0, 1fr)
                 "sider footer_top footer_top"
                 "sider footer_main footer_main"
                 "sider footer_bottom footer_bottom"
                 / auto minmax(0, 1fr) auto;
  gap: 0;
  height: auto;
  display: grid;
  container: phi-render-viewport / inline-size;
}

.shell-sider-embedded {
  container: phi-render-viewport / inline-size;
}

@container phi-render-viewport not (min-width: 768px) {
  :where([data-phi-viewport-flags="2"], [data-phi-viewport-flags="4"], [data-phi-viewport-flags="6"]) {
    display: none !important;
  }
}

@container phi-render-viewport (768px <= width < 1200px) {
  :where([data-phi-viewport-flags="1"], [data-phi-viewport-flags="4"], [data-phi-viewport-flags="5"]) {
    display: none !important;
  }
}

@container phi-render-viewport (min-width: 1200px) {
  :where([data-phi-viewport-flags="1"], [data-phi-viewport-flags="2"], [data-phi-viewport-flags="3"]) {
    display: none !important;
  }
}

.shell-sider-full .sider_left {
  height: var(--phi-shell-content-min-height, 100dvh);
  grid-area: sider;
  align-self: start;
  min-width: 0;
  position: sticky;
  top: 0;
  overflow: hidden auto;
}

.shell-sider-full .phi-shell-region.header_top {
  grid-area: header_top;
}

.shell-sider-full .phi-shell-region.header_main {
  grid-area: header_main;
}

.shell-sider-full .phi-shell-region.header_bottom {
  grid-area: header_bottom;
}

.shell-sider-full .phi-shell-region.hero {
  isolation: isolate;
  grid-area: hero;
}

.shell-sider-full .phi-shell-region, .shell-sider-embedded .phi-shell-region {
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  display: flex;
}

.shell-sider-full .phi-shell-region > *, .shell-sider-embedded .phi-shell-region > * {
  flex-direction: column;
  flex: auto;
  min-width: 0;
  min-height: 0;
  display: flex;
}

.shell-sider-full .phi-shell-content-main {
  isolation: isolate;
  flex-direction: column;
  grid-area: content;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: visible;
}

.shell-sider-full .phi-shell-content-main > * {
  flex: auto;
  min-width: 0;
  min-height: 0;
}

.shell-sider-full .sider_right {
  grid-area: sider_right;
  align-self: start;
  min-width: 0;
  min-height: 0;
}

.shell-sider-full .phi-shell-region.footer_top {
  grid-area: footer_top;
}

.shell-sider-full .phi-shell-region.footer_main {
  grid-area: footer_main;
}

.shell-sider-full .phi-shell-region.footer_bottom {
  grid-area: footer_bottom;
}

.shell-sider-full [data-phi-sider-collapsed="true"] .ant-menu-inline-collapsed, .shell-sider-embedded [data-phi-sider-collapsed="true"] .ant-menu-inline-collapsed {
  box-sizing: border-box;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.shell-sider-embedded {
  min-width: 0;
  min-height: var(--phi-shell-content-min-height, 100dvh);
  grid-template: "header_top header_top header_top"
                 "header_main header_main header_main"
                 "sider header_bottom header_bottom"
                 "sider hero hero"
                 "sider content sider_right" minmax(0, 1fr)
                 "footer_top footer_top footer_top"
                 "footer_main footer_main footer_main"
                 "footer_bottom footer_bottom footer_bottom"
                 / auto minmax(0, 1fr) auto;
  gap: 0;
  display: grid;
}

.shell-sider-embedded--no-sider {
  grid-template-columns: 0 minmax(0, 1fr) auto;
  grid-template-areas: "header_top header_top header_top"
                       "header_main header_main header_main"
                       "sider header_bottom header_bottom"
                       "sider hero hero"
                       "sider content sider_right"
                       "footer_top footer_top footer_top"
                       "footer_main footer_main footer_main"
                       "footer_bottom footer_bottom footer_bottom";
}

.shell-sider-embedded .phi-shell-region.header_top {
  grid-area: header_top;
}

.shell-sider-embedded .phi-shell-region.header_main {
  grid-area: header_main;
}

.shell-sider-embedded .phi-shell-region.header_bottom {
  grid-area: header_bottom;
}

.shell-sider-embedded .phi-shell-region.hero {
  isolation: isolate;
  grid-area: hero;
}

.shell-sider-embedded .sider_left {
  height: 100%;
  max-height: var(--phi-shell-content-min-height, 100dvh);
  grid-area: sider;
  align-self: start;
  min-width: 0;
  position: sticky;
  top: 0;
  overflow: hidden auto;
}

.shell-sider-embedded .content, .shell-sider-embedded .phi-shell-content-main {
  isolation: isolate;
  flex-direction: column;
  grid-area: content;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: visible;
}

.shell-sider-embedded .phi-shell-content-main > * {
  flex: auto;
  min-width: 0;
  min-height: 0;
}

.shell-sider-embedded .sider_right {
  grid-area: sider_right;
  align-self: start;
  min-width: 0;
  min-height: 0;
}

.shell-sider-embedded--no-sider .content, .shell-sider-embedded--no-sider .phi-shell-content-main {
  width: 100%;
}

.shell-sider-embedded .phi-shell-region.footer_top {
  grid-area: footer_top;
}

.shell-sider-embedded .phi-shell-region.footer_main {
  grid-area: footer_main;
}

.shell-sider-embedded .phi-shell-region.footer_bottom {
  grid-area: footer_bottom;
}

:where(.phi-cms-region-shell) {
  background: var(--phi-region-background);
  --phi-region-background: var(--phi-region-background-light, transparent);
  --phi-region-color: var(--phi-region-color-light, var(--ant-color-text));
}

:where([data-phi-theme-mode="dark"]) :where(.phi-cms-region-shell) {
  --phi-region-background: var(--phi-region-background-dark, transparent);
  --phi-region-color: var(--phi-region-color-dark, var(--ant-color-text));
}

:where([data-phi-root-layout="true"]) {
  --phi-shell-chrome-image: var(--phi-shell-chrome-image-light, none);
  --phi-shell-chrome-size: var(--phi-shell-chrome-size-light, auto);
  --phi-shell-chrome-position: var(--phi-shell-chrome-position-light, 0 0);
  --phi-shell-chrome-repeat: var(--phi-shell-chrome-repeat-light, repeat);
  --phi-shell-chrome-color: var(--phi-shell-chrome-color-light, transparent);
  --phi-shell-chrome-filter: var(--phi-shell-chrome-filter-light, none);
}

:where([data-phi-root-layout="true"][data-phi-theme-mode="dark"]) {
  --phi-shell-chrome-image: var(--phi-shell-chrome-image-dark, none);
  --phi-shell-chrome-size: var(--phi-shell-chrome-size-dark, auto);
  --phi-shell-chrome-position: var(--phi-shell-chrome-position-dark, 0 0);
  --phi-shell-chrome-repeat: var(--phi-shell-chrome-repeat-dark, repeat);
  --phi-shell-chrome-color: var(--phi-shell-chrome-color-dark, transparent);
  --phi-shell-chrome-filter: var(--phi-shell-chrome-filter-dark, none);
}

:where(.phi-cms-region-shell[data-phi-shell-chrome="true"]) {
  --phi-region-background: var(--phi-region-chrome-color, transparent);
}

.phi-shell-chrome-pane {
  pointer-events: none;
  z-index: 50;
}

.shell-sider-full .phi-shell-chrome-pane--header {
  grid-area: header_top-start / header_top-start / header_bottom-end / header_top-end;
}

.shell-sider-full .phi-shell-chrome-pane--sider {
  height: var(--phi-shell-content-min-height, 100dvh);
  grid-area: sider;
  align-self: start;
  position: sticky;
  top: 0;
}

.shell-sider-full .phi-shell-chrome-pane--footer {
  grid-area: footer_top-start / footer_top-start / footer_bottom-end / footer_top-end;
}

.shell-sider-full .phi-shell-chrome-pane--sider-right {
  grid-area: sider_right;
}

.shell-sider-embedded .phi-shell-chrome-pane--header {
  grid-area: header_top-start / header_top-start / header_main-end / header_top-end;
}

.shell-sider-embedded .phi-shell-chrome-pane--header-bottom {
  grid-area: header_bottom;
}

.shell-sider-embedded .phi-shell-chrome-pane--sider {
  height: 100%;
  max-height: var(--phi-shell-content-min-height, 100dvh);
  grid-area: sider;
  align-self: start;
  position: sticky;
  top: 0;
}

.shell-sider-embedded .phi-shell-chrome-pane--footer {
  grid-area: footer_top-start / footer_top-start / footer_bottom-end / footer_top-end;
}

.shell-sider-embedded .phi-shell-chrome-pane--sider-right {
  grid-area: sider_right;
}

:where([data-phi-root-layout="true"]) {
  --phi-region-chrome-image: var(--phi-shell-chrome-image, none);
  --phi-region-chrome-size: var(--phi-shell-chrome-size, auto);
  --phi-region-chrome-position: var(--phi-shell-chrome-position, 0 0);
  --phi-region-chrome-repeat: var(--phi-shell-chrome-repeat, repeat);
  --phi-region-chrome-color: var(--phi-shell-chrome-color, transparent);
  --phi-region-chrome-filter: var(--phi-shell-chrome-filter, none);
  --phi-region-chrome-attachment: fixed;
}

:where([data-phi-shell-chrome-panes="true"]) {
  --phi-region-chrome-image: none;
  --phi-region-chrome-color: transparent;
  --phi-region-chrome-filter: none;
  --phi-region-chrome-attachment: scroll;
}

/*# sourceMappingURL=phis-ui_styles_shell_0_y8446.css.map*/