/* [project]/phi-shared-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 {
  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 {
  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 {
  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 {
  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) {
  --phi-region-background: var(--phi-region-background-light, var(--ant-color-bg-container));
  --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, var(--ant-color-bg-container));
  --phi-region-color: var(--phi-region-color-dark, var(--ant-color-text));
}

/*# sourceMappingURL=phi-shared-ui_styles_shell_1p-kjrj.css.map*/