campaign-notify-dialog{display:block;font-family:Figtree,Figtree-Regular,OPPOSans,sans-serif}campaign-notify-dialog *,campaign-notify-dialog *:before,campaign-notify-dialog *:after{box-sizing:border-box}campaign-notify-dialog [hidden]{display:none!important}campaign-notify-dialog .campaign-notify__dialog{width:calc(100% - 40px);max-width:620px;max-height:90vh;max-height:90dvh;margin:auto;padding:36px 20px 24px;border:0;border-radius:16px;background:#fff;color:#101820;overflow-y:auto;overscroll-behavior:contain;text-align:center}.campaign-notify__dialog::backdrop{background:#0008}campaign-notify-dialog button,campaign-notify-dialog input{font:inherit}campaign-notify-dialog button{cursor:pointer}campaign-notify-dialog svg{display:block;width:100%;height:100%}campaign-notify-dialog .campaign-notify__close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:40px;height:40px;padding:10px;background:transparent;border:0;color:#737e8f}.campaign-notify__bell{display:grid;place-items:center;width:clamp(100px,24vw,128px);aspect-ratio:1;margin:0 auto clamp(14px,3vw,22px);border:clamp(10px,2.5vw,14px) solid color-mix(in srgb,var(--notify-brand) 7%,white);border-radius:50%;background:var(--notify-brand, #0071e3);box-shadow:inset 0 0 0 clamp(9px,2vw,12px) color-mix(in srgb,var(--notify-brand) 14%,white);color:#fff}.campaign-notify__bell svg{width:54%;height:54%}campaign-notify-dialog .campaign-notify__title{margin:0;font-family:Figtree-SemiBold,Figtree,OPPOSans,sans-serif;font-size:clamp(22px,5.5vw,34px);font-weight:700;line-height:1.15;letter-spacing:-.02em;overflow-wrap:anywhere}campaign-notify-dialog .campaign-notify__description{margin:clamp(12px,3vw,18px) 0 clamp(22px,5vw,28px);color:#737e8f;font-size:clamp(16px,4vw,22px);line-height:1.4;overflow-wrap:anywhere}.campaign-notify__form{margin:0}.campaign-notify__input-wrap{display:flex;align-items:center;gap:12px;min-height:54px;padding:0 14px;border:1px solid #dce0e5;border-radius:7px;background:#fff;color:#737e8f}.campaign-notify__input-wrap>svg{flex:0 0 24px;width:24px;height:24px}.campaign-notify__input-wrap:focus-within{border-color:var(--notify-brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--notify-brand) 18%,transparent)}campaign-notify-dialog .campaign-notify__input-wrap input{width:100%;min-width:0;min-height:52px;padding:10px 0;margin:0;border:0;outline:none;box-shadow:none;border-radius:0;color:#101820;background:transparent;font-size:clamp(14px,3.5vw,19px)}.campaign-notify__input-wrap input::placeholder{color:#99a2b1;opacity:1}campaign-notify-dialog .campaign-notify__legal{margin:clamp(14px,3vw,18px) 0;color:#94a3b8;font-size:clamp(11px,2.8vw,14px);line-height:1.5}.campaign-notify__legal a{color:#737e8f;text-decoration:underline;text-underline-offset:2px}campaign-notify-dialog .campaign-notify__submit{display:block;width:100%;min-height:52px;padding:12px 20px;border:0;border-radius:7px;background:var(--notify-brand, #0071e3);color:#fff;font-family:Figtree-SemiBold,Figtree,OPPOSans,sans-serif;font-size:clamp(18px,4.5vw,26px);font-weight:600;line-height:1.2}.campaign-notify__submit:hover:not(:disabled){filter:brightness(.94)}.campaign-notify__submit:disabled{opacity:.65;cursor:wait}campaign-notify-dialog button:focus-visible,.campaign-notify__legal a:focus-visible{outline:2px solid var(--notify-brand);outline-offset:3px}campaign-notify-dialog .campaign-notify__status{margin:14px 0 0;font-size:clamp(13px,3vw,15px);line-height:1.4;color:var(--notify-brand);overflow-wrap:anywhere}campaign-notify-dialog .campaign-notify__status.is-error{color:#c62828}@media(min-width:750px){campaign-notify-dialog .campaign-notify__dialog{padding:32px 30px 28px}campaign-notify-dialog .campaign-notify__close{top:12px;right:12px;width:44px;height:44px}.campaign-notify__input-wrap{min-height:60px;padding-inline:18px;gap:16px}campaign-notify-dialog .campaign-notify__input-wrap input{min-height:58px}campaign-notify-dialog .campaign-notify__submit{min-height:60px}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/campaign-notify-dialog.css.map */