html { // Mobile & Tablet &:not(.is-desktop) { // Small Device @media screen and (max-width: 62rem) { .pi-layout { &.pi-layout__00-authentication { &.pi-layout__00-authentication--auth { // Panel in authentication layout .pi-panel { .pi-panel-content__left { display: none; } .pi-panel-content__right { padding-top: var(--pi-spacing-xxx-large); @media screen and (max-height: 41.6875rem) { transform: scale(0.95); &.pi-wrapper { &.pi-wrapper__gap--xl { gap: unset; } } } } } // Headline in authentication layout .pi-headline { &.pi-headline__type--logo { & > figure { max-width: 5.75rem; } } } } // Panel in Root auth form &.pi-layout__00-authentication--root-org { // Panel in authentication layout .pi-panel { .pi-panel-content__center { .pi-wrapper { &:first-child { margin-top: var(--pi-spacing-medium); } } } } } } } } } // Tablet & Desktop &:not(.is-mobile) { // Large Device @media screen and (min-width: 62rem) { .pi-layout { &.pi-layout__00-authentication { &.pi-layout__00-authentication--auth { // Panel in authentication layout .pi-panel { .pi-panel-content__left { display: grid; grid-template-rows: repeat(2, 1fr); & > *:nth-child(n + 1) { align-self: end; } } } // Headline in authentication layout .pi-headline { &.pi-headline__type--logo { & > figure { max-width: 4.6875rem; } } } } } } } } }