html[data-theme=light] main#unauthenticated:before,html[data-theme=light] main#unauthenticated:after{filter:brightness(.1)}main#unauthenticated{background-color:var(--surface-1);min-height:100dvh;display:grid;position:relative;overflow:hidden}main#unauthenticated:before,main#unauthenticated:after{content:"";aspect-ratio:1/1.5;opacity:.15;background-image:url(../../../images/flowers_brand.svg);background-repeat:no-repeat;background-size:100%;position:absolute}main#unauthenticated:before{width:20rem;bottom:0;right:-8rem;transform:rotate(-45deg)}main#unauthenticated:after{width:20rem;top:-15rem;left:-5rem;transform:rotate(145deg)}main#unauthenticated button#theme-toggle{cursor:pointer;padding:var(--size-fluid-2);position:absolute;right:0}main#unauthenticated form{grid-gap:var(--size-3);gap:var(--size-3);margin:var(--size-7) auto;z-index:1;place-self:center;width:25rem;max-width:90vw;display:grid}main#unauthenticated form .logo{height:var(--size-fluid-7);margin-left:auto;margin-right:auto}main#unauthenticated form>h1{margin-top:var(--size-fluid-1);font-weight:100}main#unauthenticated form>label{display:grid}main#unauthenticated form>label>input{background-color:var(--surface-2);border-radius:var(--radius-conditional-2);box-shadow:var(--shadow-2);padding:var(--size-1) var(--size-2);border:none}main#unauthenticated form .error-message{margin-top:var(--size-1)}