@charset "utf-8";

[_nghost-ng-c1838781987] { display: flex; flex-flow: column; min-height: 100%; }

.wrapper[_ngcontent-ng-c1838781987] { display: flex; flex-grow: 1; flex-direction: column; padding-top: var(--stb-header-height); position: relative; }

.wrapper[_ngcontent-ng-c1838781987]::before { position: absolute; inset: 0px; z-index: -1; background-color: rgb(254, 238, 212); background-image: var(--stb-bg-primary); background-size: 225px auto; background-repeat: repeat; pointer-events: none; content: ""; }

@media screen and (min-resolution: 2dppx), screen and (min-resolution: 192dpi) {
  .wrapper[_ngcontent-ng-c1838781987]::before { background-image: var(--stb-bg-primary-2x); }
}

.main[_ngcontent-ng-c1838781987] { display: contents; }

.content[_ngcontent-ng-c1838781987] { --stb-sidebar-current-width: var(--stb-sidebar-expanded-width); display: flex; flex-grow: 1; flex-direction: column; }

@media screen and (min-width: 1280px) {
  .content[_ngcontent-ng-c1838781987] { margin-inline-start: var(--stb-sidebar-expanded-width); will-change: transform; transition: transform var(--stb-transition-time); }
  .content--collapsed[_ngcontent-ng-c1838781987] { --stb-sidebar-current-width: var(--stb-sidebar-collapsed-width); --stb-content-collapsed-translateX: calc( -1 * (var(--stb-sidebar-expanded-width) - var(--stb-sidebar-collapsed-width)) / 2 ); transform: translate(var(--stb-content-collapsed-translateX)); }
  html[dir="rtl"][_nghost-ng-c1838781987] .content--collapsed[_ngcontent-ng-c1838781987], html[dir="rtl"] [_nghost-ng-c1838781987] .content--collapsed[_ngcontent-ng-c1838781987] { --stb-content-collapsed-translateX: calc( (var(--stb-sidebar-expanded-width) - var(--stb-sidebar-collapsed-width)) / 2 ); }
}

.footer-wrapper[_ngcontent-ng-c1838781987] { margin-block-start: auto; background-color: var(--stb-bg-contrast-primary); }

@media screen and (min-width: 1280px) {
  .footer-wrapper[_ngcontent-ng-c1838781987] { display: grid; grid-template-columns: minmax(0px, 1fr); }
  .footer-wrapper[_ngcontent-ng-c1838781987]::before { grid-area: 1 / 1 / -1 / -1; margin-right: calc(-1 * (100vw - 100% - var(--stb-sidebar-current-width)) / 2); margin-left: calc(-1 * (100vw - 100% - var(--stb-sidebar-current-width)) / 2); background-color: var(--stb-bg-contrast-primary); background-image: var(--stb-gradient-rainbow); background-position: left top; background-size: 100% 9px; background-repeat: no-repeat; content: ""; }
  .footer-wrapper__inner[_ngcontent-ng-c1838781987] { grid-area: 1 / 1 / -1 / -1; }
}