.layout-component{position:relative;justify-items:center;overflow-y:hidden;overflow-x:hidden;height:100dvh}.layout-component .layout-component-wrapper{width:100%;height:100dvh;overflow-y:scroll}@-moz-document url-prefix(){.layout-component .layout-component-wrapper{width:auto}}.layout-component .layout-component__main.space-nav{padding-top:60px}.layout-component .layout-component__main.space-toolbar{height:calc(100dvh - 64px)}.layout-component .layout-component__main .layout-component__main--children{padding:var(--nai-spacing-md);height:calc(100dvh - 128px);background-color:var(--nai-color-primary);display:flex;flex-direction:column;overflow:auto}.layout-component .layout-component__main.space-footer .layout-component__main--children{height:100%}@media only screen and (min-width:48rem){.layout-component .layout-component__main.default-layout{display:grid;grid-template-columns:300px 1fr}.layout-component .layout-component__main .layout-component__main--children{height:calc(100dvh - 60px)}}#toolbar-component{position:fixed;bottom:0;width:100%;display:flex;background-color:var(--nai-color-secondary);align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:270px;box-shadow:var(--nai-box-shadow-primary);border-radius:var(--nai-spacing-md) var(--nai-spacing-md) 0 0}#toolbar-component .toolbar-component__button-wrapper{display:flex;justify-content:center;width:100%;align-items:flex-start;padding:var(--nai-spacing-md) 0}#toolbar-component .toolbar-component__button-wrapper .button-wrapper__button{background-color:rgba(0,0,0,0);border:none;cursor:pointer}#toolbar-component .toolbar-component__button-wrapper .button-wrapper__button.isInactivated{cursor:not-allowed}#toolbar-component .toolbar-component__button-wrapper .button-wrapper__button.isInactivated:hover{opacity:1}#toolbar-component .toolbar-component__button-wrapper .button-wrapper__button .button__icon{height:20px;width:auto}#toolbar-component .toolbar-component__button-wrapper .button-wrapper__button .button__text{color:var(--nai-color-primary);text-wrap:nowrap;font-size:var(--nai-font-size-xs)}.layout-component__navbar{z-index:99;background-color:var(--nai-color-senary);overflow-x:visible;position:fixed;left:0;right:0;top:0;padding:var(--nai-spacing-md);border-bottom:1px solid var(--nai-border-primary);box-shadow:var(--nai-box-shadow-quaternary);min-height:60px;max-height:60px}.layout-component__navbar .navbar__inner{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:var(--nai-spacing-sm);gap:var(--nai-spacing-sm);justify-content:space-between;align-items:center}.layout-component__navbar .navbar__inner .navbar__primary-element{display:flex;align-items:center;gap:var(--nai-spacing-sm)}.layout-component__navbar .navbar__inner .navbar__primary-element .primary-element__text{text-wrap:nowrap;color:var(--nai-color-secondary)}.layout-component__navbar .navbar__inner .navbar__secondary-element{display:flex;align-items:center;gap:var(--nai-spacing-sm);justify-self:flex-end;cursor:pointer}.layout-component__navbar .navbar__inner .navbar__secondary-element .secondary-element{color:var(--nai-color-secondary)}.layout-component__navbar .navbar__inner .navbar__text-wrapper{font-size:var(--nai-font-size-lg);font-family:Roboto Italic;text-wrap:nowrap;color:var(--nai-color-primary)}.layout-component__navbar .navbar__inner .navbar__text-wrapper .text-wrapper__bold{font-family:Roboto Bold}.layout-component__navbar .navbar__inner .navbar__logo-wrapper{position:relative}.layout-component__navbar .navbar__inner .navbar__logo-wrapper [alt="nai logo"]{position:absolute;width:192px;height:auto;top:-16px;left:-16px}