@yoobic/yobi 8.5.0-1 → 8.5.0-4

package/dist/collection/feature-platform/login/login/login.css

@@ -396,6 +396,7 @@ svg:not(:root) {
   width: 100%;
   margin: 0;
   text-align: left;
+  background: linear-gradient(var(--main-color), var(--main-color)), linear-gradient(var(--light-80, rgba(255, 255, 255, 0.8)), var(--light-80, rgba(255, 255, 255, 0.8)));
 }
 .outer-login-container #error-alert .error-content {
   display: flex;
@@ -489,19 +490,19 @@ svg:not(:root) {
   .outer-login-container:not(.emulated) .header .login-main-title {
     display: none;
   }
-  .outer-login-container:not(.emulated) #error-alert {
+  .outer-login-container:not(.emulated) #error-alert:not(.mobile) {
     top: 7.5rem;
     width: 41.5rem;
     margin: 0 calc((100% - 41.5rem) / 2);
   }
-  .outer-login-container:not(.emulated)[is-whitelabel] #error-alert {
+  .outer-login-container:not(.emulated)[is-whitelabel] #error-alert:not(.mobile) {
     top: 9rem;
   }
   .outer-login-container:not(.emulated)[logo-shape=square] .header img {
     height: var(--logo-08, 6rem);
     max-height: var(--logo-08, 6rem);
   }
-  .outer-login-container:not(.emulated)[logo-shape=square] #error-alert {
+  .outer-login-container:not(.emulated)[logo-shape=square] #error-alert:not(.mobile) {
     top: 11rem;
   }
   .outer-login-container:not(.emulated).tablet #error-alert {
@@ -589,31 +590,57 @@ svg:not(:root) {
   }
 }
 @media screen and (max-height: 799px) {
-  .outer-login-container:not([is-whitelabel]).keyboard-closed:not(.emulated) .header img {
+  .outer-login-container.keyboard-closed:not(.emulated) .header img {
     margin-top: var(--spacing-32, 2rem);
   }
+  .outer-login-container.keyboard-closed:not(.emulated)[logo-shape=square] .header img {
+    margin-top: var(--spacing-48, 3rem);
+  }
 }
-@media screen and (max-height: 739px) {
-  .outer-login-container:not([is-whitelabel]).keyboard-closed:not(.emulated) .header img {
+@media screen and (max-height: 749px) {
+  .outer-login-container.keyboard-closed:not(.emulated) .header img {
     margin-top: var(--spacing-16, 1rem);
   }
+  .outer-login-container.keyboard-closed:not(.emulated)[logo-shape=square] .header img {
+    margin-top: var(--spacing-32, 2rem);
+  }
+  .outer-login-container.keyboard-closed:not(.emulated) #error-alert:not(.mobile):not(.tablet) {
+    top: 6rem;
+  }
 }
 @media screen and (max-height: 699px) {
-  .outer-login-container:not([is-whitelabel]).keyboard-closed:not(.emulated) .header img {
+  .outer-login-container.keyboard-closed:not(.emulated) .header img {
     margin-top: var(--spacing-08, 0.5rem);
     margin-bottom: var(--spacing-08, 0.5rem);
   }
+  .outer-login-container.keyboard-closed:not(.emulated)[logo-shape=square] .header img {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .outer-login-container.keyboard-closed:not(.emulated) #error-alert:not(.mobile):not(.tablet) {
+    top: 4.5rem;
+  }
 }
 @media screen and (max-height: 649px) {
-  .outer-login-container:not([is-whitelabel]).keyboard-closed:not(.emulated) .header .login-main-title {
+  .outer-login-container.keyboard-closed:not(.emulated) .header .login-main-title {
+    display: none;
+  }
+  .outer-login-container.keyboard-closed:not(.emulated)[logo-shape=square] .header img {
     display: none;
   }
+  .outer-login-container.keyboard-closed:not(.emulated) #error-alert:not(.mobile):not(.tablet) {
+    top: 3rem;
+  }
 }
 @media screen and (max-height: 599px) {
   .outer-login-container.keyboard-closed:not(.emulated) .header .login-main-title,
 .outer-login-container.keyboard-closed:not(.emulated) .header img {
     display: none;
   }
+
+  .outer-login-container:not([is-whitelabel]).keyboard-closed:not(.emulated) #error-alert:not(.mobile):not(.tablet) {
+    top: 0.5rem;
+  }
 }
 @media screen and (max-height: 500px) {
   .outer-login-container.keyboard-open:not(.emulated) .header {