@layer screens{.ds-log-in{background-image:var(--background-screen);min-block-size:100dvh;display:flex}.ds-log-in__main{min-inline-size:0;box-shadow:var(--elevation-raised);flex-direction:column;flex:1;align-items:center;display:flex}.ds-log-in__container{--ds-container-direction:column;--ds-container-gap:var(--spacing-32);--ds-container-justify:center;--ds-container-items:center;--ds-container-pad-block:var(--spacing-40);flex:1}.ds-log-in__block{align-items:center;gap:var(--spacing-32);inline-size:100%;max-inline-size:462px;padding:var(--spacing-56) var(--spacing-32) var(--spacing-32);border-radius:var(--corner-radius-24);background:var(--colour-background-neutral-base);box-shadow:var(--elevation-floating);flex-direction:column;display:flex}.ds-log-in__graphic{padding:var(--spacing-32);border-radius:var(--corner-radius-full);background-image:linear-gradient(45deg, var(--ds-halo-from) 0%, var(--ds-halo-to) 100%);display:flex;overflow:hidden}.ds-log-in__intro{align-items:center;gap:var(--spacing-20);flex-direction:column;inline-size:100%;display:flex}.ds-log-in__section,.ds-log-in__buttons{flex-direction:column;inline-size:100%;display:flex}.ds-log-in__section{gap:var(--spacing-16)}.ds-log-in__section[hidden]{display:none}.ds-log-in__form[data-step="2"]{gap:var(--spacing-24)}.ds-log-in__buttons{gap:var(--spacing-12)}.ds-log-in__buttons>.ds-log-in__button{inline-size:100%}.ds-log-in__graphic[data-tone=purple]{--ds-halo-from:var(--colour-background-supportive-purple-soft);--ds-halo-to:var(--colour-background-supportive-purple-medium)}.ds-log-in__graphic[data-tone=orange]{--ds-halo-from:var(--colour-background-supportive-orange-soft);--ds-halo-to:var(--colour-background-supportive-orange-medium)}.ds-log-in__graphic[data-tone=amber]{--ds-halo-from:var(--colour-background-supportive-amber-soft);--ds-halo-to:var(--colour-background-supportive-amber-medium)}.ds-log-in__graphic[data-tone=red]{--ds-halo-from:var(--colour-background-supportive-red-soft);--ds-halo-to:var(--colour-background-supportive-red-medium)}.ds-log-in__graphic[data-tone=blue]{--ds-halo-from:var(--colour-background-supportive-blue-soft);--ds-halo-to:var(--colour-background-supportive-blue-medium)}.ds-log-in__texts{gap:var(--spacing-8);flex-direction:column;inline-size:100%;display:flex}.ds-log-in__heading{text-align:center;color:var(--colour-text-neutral-strong);font-family:var(--title-lg-medium-font-family);font-weight:var(--title-lg-medium-font-weight,400);font-size:var(--title-lg-medium-font-size);line-height:var(--title-lg-medium-line-height,normal);letter-spacing:var(--title-lg-medium-letter-spacing,normal);margin:0}.ds-log-in__description{text-align:center;color:var(--colour-text-neutral-medium);font-family:var(--body-md-regular-font-family);font-weight:var(--body-md-regular-font-weight,400);font-size:var(--body-md-regular-font-size);line-height:var(--body-md-regular-line-height,normal);letter-spacing:var(--body-md-regular-letter-spacing,normal);margin:0}.ds-log-in__form{gap:var(--spacing-16);--ds-field-width:100%;flex-direction:column;inline-size:100%;display:flex}}