.asos-notify-with-phone>.form-field{display:flex;flex-direction:column;gap:calc(var(--font-body-size) * 1.15)}.asos-notify-with-phone .asos-notify-phone-field{width:100%;display:grid;gap:calc(var(--font-body-size) * .5)}.halo-notifyMe .asos-notify-with-phone .form-input{width:100%;min-height:calc(var(--font-body-size) * 3.2);padding:.8em 1.1em;font-size:var(--font-body-size);border-radius:calc(var(--btn-1-border-radius) * .35)}.halo-notifyMe .asos-notify-with-phone .asos-notify-phone-field .form-label{margin:0;text-align:left;font-size:var(--font-body-size);font-weight:var(--font-weight-normal);line-height:1.5}.halo-notifyMe .asos-notify-with-phone .button{width:100%;margin:0;min-height:calc(var(--font-body-size) * 3.2);padding:.8em 1.1em;font-size:var(--font-body-size);border-radius:calc(var(--btn-1-border-radius) * .35)}#halo-notify-popup{max-width:min(calc(100vw - 2em),calc(var(--font-body-size) * 34));border-radius:calc(var(--btn-1-border-radius) * .35)}#halo-notify-popup .halo-popup-wrapper{padding:calc(var(--font-body-size) * 2);display:flex;flex-direction:column;max-height:calc(100vh - 2em);max-height:calc(100dvh - 2em)}#halo-notify-popup .halo-popup-header{padding:0;margin-bottom:calc(var(--font-body-size) * 1.25)}#halo-notify-popup .halo-popup-title{font-size:calc(var(--font-body-size) * 1.4);line-height:1.35;text-transform:none;padding-inline:1em;display:block;overflow:visible;-webkit-line-clamp:unset;white-space:normal;text-overflow:clip;overflow-wrap:anywhere}#halo-notify-popup .halo-popup-header{flex-shrink:0}#halo-notify-popup .halo-popup-content{padding:0;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}#halo-notify-popup .alertBox--success{padding:calc(var(--font-body-size) * 1.25);border-radius:calc(var(--btn-1-border-radius) * .35);color:var(--color-text);background-color:var(--color-success-bg);background-color:color-mix(in srgb,var(--color-success-bg) 35%,var(--color-background, white));border:1px solid var(--color-success-bg)}#halo-notify-popup .alertBox--success .alertBox-message{font-size:var(--font-body-size);font-weight:var(--font-weight-normal);line-height:1.65;text-align:center;margin:0}#halo-notify-popup .form-message{margin:0}#halo-notify-popup .asos-notify-with-phone>.form-field>.form-label{margin:0;font-size:var(--font-body-size);line-height:1.6;font-weight:var(--font-weight-normal)}
/*# sourceMappingURL=/cdn/shop/t/23/assets/asos-notify-phone.css.map */