dialog.a4-su{position:fixed;top:0;right:0;bottom:0;left:0;width:480px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:24px 28px 28px;border:1px solid var(--a4-rule);border-radius:0;background:var(--a4-ink-1);color:var(--a4-fg);box-shadow:none;overflow:auto;font-family:var(--a4-font);font-size:16px;line-height:1.6;overscroll-behavior:contain}dialog.a4-su:not([open]){display:none}dialog.a4-su::backdrop{background:#0c0c0bbd}dialog.a4-su:focus{outline:none}html.a4-su-open{overflow:hidden}.a4-su__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.a4-su .a4-su__h{margin:0;padding-top:8px;font-size:24px;line-height:1.2;letter-spacing:-.01em;font-weight:400;color:var(--a4-fg)}.a4-su__close{flex:none;margin:-4px -14px 0 0}.a4-su__close .a4-i{width:20px;height:20px}.a4-su__lead{margin-top:12px;font-size:15px;line-height:1.55;color:var(--a4-fg-2)}.a4-su__lead p{margin:0}.a4-su__lead p+p{margin-top:0}.a4-su__ends{display:inline}.a4-su__lead>p:first-child{display:inline}.a4-su__lead>p:first-child:after{content:" "}.a4-su__form{margin:20px 0 0}.a4-su__fields{margin-top:20px}.a4-su__consent{margin-top:10px}.a4-su__done{margin-top:18px}.a4-su__done .a4-ok span span{color:var(--a4-fg)}.a4-su__done-btn{margin-top:18px}.a4-su__or{display:flex;align-items:center;gap:12px;margin:26px 0 22px;font-size:13px;line-height:1.5;color:var(--a4-fg-3)}.a4-su__or:before,.a4-su__or:after{content:"";flex:1;height:1px;background:var(--a4-rule)}.a4-su .a4-su__h3{margin:0;font-size:17px;line-height:1.35;font-weight:500;color:var(--a4-fg)}.a4-su__signin .a4-su__lead{margin-top:6px}.a4-su__signin-btn{margin-top:14px}.a4-su__last{margin-top:16px}html[data-sale-phase=bf] .a4-su-nbf,html:not([data-sale-phase=bf]) .a4-su-bf,html:not([data-sale-phase=before]):not([data-sale-phase=ea]) .a4-su-sale{display:none!important}@media(max-width:759px){dialog.a4-su{padding:20px 16px 24px}.a4-su__close{margin-right:-8px}.a4-su .a4-su__h{font-size:22px}.a4-su__signin-btn{width:100%}}@media(max-width:759px)and (min-width:375px){.a4-su .a4-field-row{flex-direction:row}.a4-su .a4-field-row .a4-field{flex:1}.a4-su .a4-field-row .a4-btn{width:auto;flex:none;padding:0 16px}}@media(prefers-reduced-motion:reduce){dialog.a4-su{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/a4-signup.css.map */
