.app,.app--view{width:100%}.spinner-component{display:inline-block;border-radius:100vmax;height:calc(1.5rem - 6px);width:calc(1.5rem - 6px)}.spinner-component:before{border:3px solid var(--color-text);border-radius:100vmax;content:"";height:100%;left:0;opacity:.25;position:absolute;top:0;width:100%}.spinner-component:after{animation-duration:.8s;animation-name:spinner-component-animation;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;border:3px solid transparent;border-top-color:var(--color-text);border-radius:100vmax;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes spinner-component-animation{0%{rotate:0deg}50%{rotate:180deg}to{rotate:360deg}}.button-component{background-color:var(--color-primary);border:none;border-radius:.75rem;color:var(--color-text);cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.75rem 1.25rem}.button-component__unit{padding-left:.75rem;padding-right:.75rem}.admin-view{--i-admin-view--menu-offset: unset;display:grid;grid-template-columns:[menu-start view-start] 1fr [menu-end view-end];grid-template-rows:[view-start] 1fr [view-end menu-start] var(--i-admin-view--menu-offset, 5rem) [menu-end];height:100dvh;width:100dvw}.admin-view--view{grid-area:view}.admin-view--menu{grid-area:menu;overflow:auto hidden}.admin-view--menu--list{display:flex;gap:.5rem;height:100%;justify-content:space-around;min-width:100%;padding:.5rem .75rem;width:-moz-max-content;width:max-content}.admin-view--menu--list--link{align-items:center;border-radius:.75rem;color:var(--color-text);display:inline-flex;flex-direction:column;padding:.5rem 1.5rem;text-decoration:none}.admin-view--menu--list--link--label{font-size:.875rem;font-weight:500;max-width:7.5rem}@media screen and (min-width: 992px){.admin-view{grid-template-columns:[menu-start] var(--i-admin-view--menu-offset, 22.5rem) [menu-end view-start] 1fr [view-end];grid-template-rows:[menu-start view-start] 1fr [menu-end view-end]}.admin-view--menu--list{flex-direction:column;padding:1rem 1.5rem;height:-moz-max-content;height:max-content;width:100%}.admin-view--menu--list--link{flex-direction:row;gap:.5rem}.admin-view--menu--list--link--label{flex-grow:1;font-size:1rem;max-width:unset}}.admin-view--menu--list--link:hover{background-color:var(--color-surface)}.admin-view--menu--list--link.router-link-active{color:var(--color-primary)}.admin-view--menu--list--link.router-link-active .admin-view--menu--list--link--label{font-weight:700}.admin-view__menu-disabled{--i-admin-view--menu-offset: 0px}.admin-view__menu-disabled .admin-view--menu{overflow:hidden}.auth-view{display:grid;grid-template-columns:[form-start illustration-start] 1fr [form-end illustration-end];grid-template-rows:[illustration-start] min(30rem,100dvh) [illustration-end form-start] 1fr [form-end];min-height:100dvh}.auth-view--illustration{background-color:var(--color-surface);border-radius:.75rem;grid-area:illustration;margin:2.5rem auto;max-width:40rem;width:calc(100% - 5rem);overflow:hidden}.auth-view--illustration--image{display:inline-block;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%}.auth-view--form{grid-area:form;margin:1.5rem auto;max-width:40rem;width:calc(100% - 3rem)}@media screen and (min-width: 992px){.auth-view{grid-template-columns:[illustration-start] 2fr [illustration-end form-start] min(40rem,40%) [form-end];grid-template-rows:[form-start illustration-start] 100dvh [form-end illustration-end]}.auth-view--illustration{margin:2.5rem;max-width:calc(100% - 5rem)}.auth-view--form{margin:2.5rem 4.5rem 2.5rem 2rem;max-width:calc(100% - 7.5rem)}}