/* [project]/UIKit/packages/components/Layout/Layout.module.scss.module.css [app-client] (css) */
.Layout-module-scss-module__ik6X4W__LayoutInner {
  --layout-max-width: 1280px;
  --layout-bleed: max(var(--view-padding-page-inline), calc((100vw - var(--layout-max-width)) / 2 + var(--view-padding-page-inline)));
  z-index: 2;
  padding-inline: 3.6rem;
  flex: 1 0 auto;
  width: 100%;
  min-width: 0;
  max-width: 1280px;
  padding-top: 10.8rem;
  padding-bottom: 3.6rem;
  position: relative;
  overflow: visible;
}

@media (max-width: 767.98px) {
  .Layout-module-scss-module__ik6X4W__LayoutInner {
    --layout-max-width: 768px;
    padding-inline: 1.6rem;
    max-width: 768px;
    padding-top: 10.8rem;
  }
}

.Layout-module-scss-module__ik6X4W__LayoutMain {
  min-width: 0;
}

.Layout-module-scss-module__ik6X4W__LayoutSidebar, .Layout-module-scss-module__ik6X4W__LayoutToc {
  display: none;
}

@media (min-width: 768px) {
  .Layout-module-scss-module__ik6X4W__LayoutInnerWithSidebar {
    grid-template-columns: minmax(24rem, 32rem) minmax(0, 1fr);
    align-items: start;
    gap: 3.6rem;
    display: grid !important;
  }

  .Layout-module-scss-module__ik6X4W__LayoutSidebar {
    width: 100%;
    height: calc(100dvh - 14.4rem);
    min-height: 0;
    display: flex;
    position: sticky;
    top: 10.8rem;
  }

  .Layout-module-scss-module__ik6X4W__LayoutInnerWithToc {
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: start;
    gap: 3.6rem;
    display: grid !important;
  }

  .Layout-module-scss-module__ik6X4W__LayoutInnerWithSidebar.Layout-module-scss-module__ik6X4W__LayoutInnerWithToc {
    grid-template-columns: minmax(24rem, 32rem) minmax(0, 1fr) max-content;
  }

  .Layout-module-scss-module__ik6X4W__LayoutToc {
    align-self: start;
    display: flex;
    position: sticky;
    top: 10.8rem;
  }
}

.Layout-module-scss-module__ik6X4W__LayoutTitleWrapper {
  min-width: 0;
  opacity: var(--layout-title-handoff-opacity, 1);
  filter: blur(var(--layout-title-handoff-blur, 0));
  transform: translateY(var(--layout-title-handoff-y, 0));
  will-change: opacity,filter,transform;
}

.Layout-module-scss-module__ik6X4W__LayoutTitleText {
  word-break: keep-all;
  overflow-wrap: anywhere;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: block;
  white-space: normal !important;
}

.Layout-module-scss-module__ik6X4W__LayoutTitleMobileOnly {
  display: none !important;
}

@media (max-width: 767.98px) {
  .Layout-module-scss-module__ik6X4W__LayoutTitleMobileOnly {
    display: flex !important;
  }
}

.Layout-module-scss-module__ik6X4W__LayoutGrid {
  --layout-grid-ratio: minmax(0, 1fr) minmax(0, 1fr);
  --layout-grid-active-ratio: var(--layout-grid-ratio);
  gap: 4.8rem;
  width: 100%;
}

.Layout-module-scss-module__ik6X4W__LayoutGrid .Layout-module-scss-module__ik6X4W__LayoutGridGroup {
  gap: 3.6rem;
}

@media (max-width: 767.98px) {
  .Layout-module-scss-module__ik6X4W__LayoutGrid {
    --layout-grid-active-ratio: minmax(0, 1fr);
    gap: 3.2rem;
  }

  .Layout-module-scss-module__ik6X4W__LayoutGrid .Layout-module-scss-module__ik6X4W__LayoutGridGroup {
    gap: 3.2rem;
    display: contents !important;
  }
}

.Layout-module-scss-module__ik6X4W__LayoutGridGroup {
  width: 100%;
  min-width: 0;
}

/*# sourceMappingURL=UIKit_packages_components_Layout_Layout_module_scss_module_1v45wiy.css.map*/