.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:84px}.layout-component .layout-component__main.space-nav.default-layout{padding-top:0}.layout-component .layout-component__main.space-nav.default-layout .layout-component__main--children{padding-top:84px}.layout-component .layout-component__main.space-toolbar{height:calc(100dvh - 68px)}.layout-component .layout-component__main .layout-component__main--children{background-color:var(--nai-color-primary);padding-left:var(--nai-spacing-md);padding-right:var(--nai-spacing-md);flex-direction:column;display:flex;overflow:auto}.layout-component .layout-component__main .layout-component__main--children.space-toolbar-children{height:100%;overflow:auto}@media only screen and (min-width:48rem){.layout-component .layout-component__main.default-layout{grid-template-columns:auto 1fr;height:100dvh;display:grid}.layout-component .layout-component__main .layout-component__main--children{height:100%;min-height:0;padding-left:var(--nai-spacing-md);padding-right:var(--nai-spacing-md);padding-bottom:var(--nai-spacing-xl);flex:1;overflow:hidden auto}}
#toolbar-component{background-color:var(--nai-color-tertiary);-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;height:68px;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.isInUse{border-radius:var(--nai-radius-sm);padding:var(--nai-spacing-xs)var(--nai-spacing-sm);background-color:#ffffff26}#toolbar-component .toolbar-component__button-wrapper .button-wrapper__button.isInactivated{cursor:not-allowed;opacity:.4}#toolbar-component .toolbar-component__button-wrapper .button-wrapper__button.isInactivated:hover{opacity:.4}#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;padding:12px var(--nai-spacing-md);pointer-events:none;background:0 0;position:fixed;top:0;left:0;right:0;overflow-x:visible}.layout-component__navbar .navbar__inner{gap:var(--nai-spacing-sm);max-width:960px;height:60px;padding:0 var(--nai-spacing-lg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--nai-color-septenary);border-radius:var(--nai-radius-xl);pointer-events:all;background-color:#ffffffeb;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);justify-content:space-between;align-items:center;margin:0 auto;display:grid;box-shadow:0 4px 24px #00000014}.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);font-size:var(--nai-font-size-sm);font-weight:500}.layout-component__navbar .navbar__inner .navbar__secondary-element{align-items:center;gap:var(--nai-spacing-xs);cursor:pointer;color:var(--nai-color-nonary);font-size:var(--nai-font-size-sm);justify-self:flex-end;font-weight:500;transition:color .2s;display:flex}.layout-component__navbar .navbar__inner .navbar__secondary-element:hover{color:var(--nai-color-tertiary)}.layout-component__navbar .navbar__inner .navbar__secondary-element .secondary-element{color:inherit}.layout-component__navbar .navbar__inner .navbar__text-wrapper{font-size:var(--nai-font-size-md);text-wrap:nowrap;color:var(--nai-color-nonary);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__credentials{flex-direction:column;justify-self:flex-end;align-items:flex-end;min-width:0;line-height:1.3;display:flex;overflow:hidden}.layout-component__navbar .navbar__inner .navbar__credentials .credentials__name{font-size:var(--nai-font-size-sm);color:var(--nai-color-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:600;overflow:hidden}.layout-component__navbar .navbar__inner .navbar__credentials .credentials__role{font-size:var(--nai-font-size-xs);color:var(--nai-color-quinary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-style:italic;overflow:hidden}.layout-component__navbar .navbar__inner .navbar__logo-wrapper{align-items:center;min-width:0;display:flex;overflow:hidden}.layout-component__navbar .navbar__inner .navbar__logo-wrapper [alt=nai\ logo]{flex-shrink:1;width:clamp(80px,14vw,160px);height:auto;display:block}.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}