.storefront-modal.storefront-login-modal[data-v-d4036c1c]{display:grid;grid-template-columns:minmax(0,1fr);max-height:calc(100vh - 32px);overflow:hidden;padding:0;width:min(100%,420px)}.storefront-login-modal__showcase[data-v-d4036c1c]{box-sizing:border-box;display:none;height:100%;padding:10px}.storefront-login-modal__form[data-v-d4036c1c]{align-content:start;display:grid;overflow-y:auto;padding:var(--storefront-space-8) var(--storefront-space-7)}.storefront-login-modal__photo[data-v-d4036c1c]{align-content:start;background:url(../img/login-showcase.png) 50%/cover no-repeat;border-radius:var(--storefront-radius-md);box-sizing:border-box;display:grid;height:100%;overflow:hidden;padding:var(--storefront-space-6);position:relative}.storefront-login-modal__photo[data-v-d4036c1c]:after{background:linear-gradient(180deg,#ffffffad,#fff0 45%);content:"";inset:0;pointer-events:none;position:absolute}.storefront-login-modal__copy[data-v-d4036c1c]{display:grid;gap:var(--storefront-space-2);position:relative;z-index:1}.storefront-login-modal__headline[data-v-d4036c1c]{color:var(--storefront-color-ink);font-family:var(--storefront-font-display);font-size:var(--storefront-font-size-xl);font-weight:500;line-height:var(--storefront-line-height-tight);margin:0}.storefront-login-modal__headline em[data-v-d4036c1c]{color:var(--storefront-color-secondary);font-style:italic}.storefront-login-modal__text[data-v-d4036c1c]{color:var(--storefront-color-ink-muted);font-size:var(--storefront-font-size-sm);line-height:var(--storefront-line-height-body);margin:0}@media(min-width:760px){.storefront-modal.storefront-login-modal[data-v-d4036c1c]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(100%,820px)}.storefront-login-modal__showcase[data-v-d4036c1c]{display:block}}@media(max-width:560px){.storefront-modal.storefront-login-modal[data-v-d4036c1c]{max-height:calc(100vh - 24px);width:100%}.storefront-login-modal__form[data-v-d4036c1c]{padding:var(--storefront-space-7) var(--storefront-space-5)}}