.signin-shell{width:100%;container-type:inline-size}.signin,.signin-left,.signin-shell{display:flex;flex:1;flex-direction:column}.signin-left{gap:16px;padding:24px}.signin-bare .signin-left{padding:0}.signin-form-wrap{display:flex;flex:1;align-items:center;justify-content:center}.signin-form{display:flex;width:100%;max-width:340px;flex-direction:column;gap:24px}.signin-panel{position:relative;display:none;overflow:hidden;background:var(--muted);--s:1}.signin-panel-grid{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(var(--background) 1px,transparent 1px),linear-gradient(90deg,var(--background) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 0,transparent 78%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 0,transparent 78%)}.signin-panel-inner{position:relative;z-index:2;display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:calc(36px*var(--s));padding:48px 40px}.signin-quote{margin:0;text-align:center}@container (min-width: 64rem){.signin{display:grid;grid-template-columns:1fr 1fr}.signin-left{padding:40px}.signin-panel{display:block}}@container (min-width: 64rem) and (max-width: 80rem){.signin-panel{--s:.85}}