.layout-component{justify-items:center;height:100dvh;position:relative;overflow:hidden}.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:80px}.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);background-color:var(--nai-color-primary);flex-direction:column;height:calc(100dvh - 148px);display:flex;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{grid-template-columns:300px 1fr;display:grid}.layout-component .layout-component__main .layout-component__main--children{height:calc(100dvh - 80px)}}
#toolbar-component{background-color:var(--nai-color-secondary);-webkit-user-select:none;user-select:none;width:100%;min-width:270px;box-shadow:var(--nai-box-shadow-primary);border-radius:var(--nai-spacing-md)var(--nai-spacing-md)0 0;align-items:center;display:flex;position:fixed;bottom:0}#toolbar-component .toolbar-component__button-wrapper{width:100%;padding:var(--nai-spacing-md)0;justify-content:center;align-items:flex-start;display:flex}#toolbar-component .toolbar-component__button-wrapper .button-wrapper__button{cursor:pointer;background-color:#0000;border:none}#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{width:auto;height:20px}#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);padding:var(--nai-spacing-md);border-bottom:1px solid var(--nai-border-primary);box-shadow:var(--nai-box-shadow-quaternary);min-height:80px;max-height:fit-content;display:flex;position:fixed;top:0;left:0;right:0;overflow-x:visible}.layout-component__navbar .navbar__inner{gap:var(--nai-spacing-sm);grid-template-columns:1fr auto 1fr;justify-content:space-between;align-items:center;width:100%;display:grid}.layout-component__navbar .navbar__inner .navbar__primary-element{align-items:center;gap:var(--nai-spacing-sm);display:flex}.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{align-items:center;gap:var(--nai-spacing-sm);cursor:pointer;justify-self:flex-end;display:flex}.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);text-wrap:nowrap;color:var(--nai-color-primary);font-family:Roboto Italic}.layout-component__navbar .navbar__inner .navbar__text-wrapper .text-wrapper__bold{font-family:Roboto Bold}.layout-component__navbar .navbar__inner .navbar__logo-wrapper{align-self:center;position:relative;left:-16px}.layout-component__navbar .navbar__inner .navbar__logo-wrapper [alt=nai\ logo]{width:192px;height:auto;position:absolute;bottom:50%;transform:translateY(50%)}.layout-component__navbar .navbar__inner .navbar__self-register{justify-content:flex-end;display:flex}.layout-component__navbar .navbar__inner .navbar__self-register .self-register__button{width:fit-content}