.login-view{--login-card-width: 28rem;display: flex;justify-content: center;align-items: center;padding: var(--vaadin-padding-m);min-height: 100dvh;box-sizing: border-box}.login-card{width: min(100%,var(--login-card-width));max-width: var(--login-card-width);height: fit-content;flex: none;box-sizing: border-box;gap: var(--vaadin-gap-s)}@media (max-width: 600px){.login-card{width: 100%;max-width: 100%}}@supports (padding: env(safe-area-inset-top)){.login-view{padding-top: max(var(--vaadin-padding-m),env(safe-area-inset-top));padding-bottom: max(var(--vaadin-padding-m),env(safe-area-inset-bottom));padding-left: max(var(--vaadin-padding-m),env(safe-area-inset-left));padding-right: max(var(--vaadin-padding-m),env(safe-area-inset-right))}}