+
+ .signup-link {
+ display: inline-block;
+ }
+ }
+
+ .instance-information {
+ @include margin-left(10px);
+ @include margin-right(10px);
+
+ max-width: 600px;
+ min-width: 350px;
+ margin-bottom: 40px;
+ }
+
+ .terms-anchor {
+ display: inline;
+ }
+
+ .terms-link {
+ display: none;
+ }
+}
+
+@mixin column-reverse-display {
+ flex-direction: column-reverse;
+
+ .login-form-and-externals,
+ .instance-information {
+ @include margin-left(0);
+ @include margin-right(0);
+
+ width: 100%;
+ max-width: 450px;
+ min-width: unset;
+ align-self: center;
+ }
+
+ .instance-information {
+ ::ng-deep .accordion {
+ display: none;
+ }
+ }
+
+ .terms-anchor {
+ display: none;
+ }
+
+ .terms-link {
+ display: inline;
+ }
+}
+
+@media screen and (max-width: breakpoint(md)) {
+ .wrapper {
+ @include column-reverse-display();
+ }
+}
+
+@media screen and (max-width: breakpoint(md) + $menu-width) {
+ :host-context(.main-col:not(.expanded)) {
+ .wrapper {
+ @include column-reverse-display();
+ }