body.page-id-7.sp-home-exit-open { overflow: hidden !important; } body.page-id-7 .sp-home-exit[hidden] { display: none !important; } body.page-id-7 .sp-home-exit { position: fixed; inset: 0; z-index: 120000; display: grid; place-items: center; padding: 1.5rem; background: rgba(5, 30, 47, .76); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); } body.page-id-7 .sp-home-exit__dialog { position: relative; width: min(620px, 100%); max-height: calc(100dvh - 3rem); overflow: auto; box-sizing: border-box; padding: clamp(1.8rem, 5vw, 3rem); border: 1px solid rgba(255,255,255,.78); border-top: 5px solid #ff6f61; border-radius: 18px; color: #0f344d; background: linear-gradient(rgba(84,146,182,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(84,146,182,.055) 1px, transparent 1px), #f7fbfd; background-size: 32px 32px; box-shadow: 0 36px 90px rgba(3, 22, 35, .46); } body.page-id-7 .sp-home-exit__eyebrow { display: inline-flex; align-items: center; gap: .5rem; padding-right: 3rem; color: #245f82; font: 900 .75rem/1.2 "Inter", Arial, sans-serif; letter-spacing: .045em; text-transform: uppercase; } body.page-id-7 .sp-home-exit__eyebrow::before { content: ""; width: .58rem; height: .58rem; border-radius: 50%; background: #ff6f61; box-shadow: 0 0 0 5px rgba(255,111,97,.14); } body.page-id-7 .sp-home-exit__dialog h2 { max-width: 530px; margin: 1.1rem 0 0; color: #0f344d !important; font-family: "Londrina Solid", Impact, "Arial Black", sans-serif !important; font-size: clamp(3rem, 6vw, 4.5rem) !important; font-weight: 400 !important; line-height: .92 !important; letter-spacing: -.025em !important; } body.page-id-7 .sp-home-exit__dialog > p { max-width: 520px; margin: 1.25rem 0 0; color: #607481; font: 500 1rem/1.62 "Inter", Arial, sans-serif; } body.page-id-7 .sp-home-exit__close { position: absolute; top: 1rem; right: 1rem; display: grid; place-items: center; width: 2.75rem; height: 2.75rem; padding: 0; border: 1px solid rgba(15,52,77,.18); border-radius: 50%; color: #0f344d; background: rgba(255,255,255,.82); box-shadow: none; cursor: pointer; } body.page-id-7 .sp-home-exit__close svg { width: 1.15rem; height: 1.15rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; } body.page-id-7 .sp-home-exit__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.2rem; margin-top: 1.7rem; } body.page-id-7 .sp-home-exit__primary { display: inline-flex; align-items: center; justify-content: center; min-height: 3.25rem; padding: .85rem 1.2rem; border: 0; border-radius: .7rem; color: #0f344d !important; -webkit-text-fill-color: #0f344d !important; background: #ff6f61 !important; box-shadow: 0 14px 34px rgba(255,111,97,.25); font: 900 .9rem/1 "Inter", Arial, sans-serif; cursor: pointer; } body.page-id-7 .sp-home-exit__secondary { min-height: 2.75rem; padding: .5rem .1rem; border: 0; color: #245f82 !important; -webkit-text-fill-color: #245f82 !important; background: transparent !important; box-shadow: none; font: 800 .86rem/1 "Inter", Arial, sans-serif; cursor: pointer; } body.page-id-7 .sp-home-exit button:focus-visible { outline: 3px solid #159eca; outline-offset: 3px; } @media (max-width: 520px) { body.page-id-7 .sp-home-exit { padding: .8rem; } body.page-id-7 .sp-home-exit__dialog { max-height: calc(100dvh - 1.6rem); padding: 1.55rem 1.25rem 1.4rem; border-radius: 14px; } body.page-id-7 .sp-home-exit__dialog h2 { padding-right: 1.2rem; font-size: clamp(2.65rem, 13vw, 3.5rem) !important; } body.page-id-7 .sp-home-exit__dialog > p { font-size: .93rem; } body.page-id-7 .sp-home-exit__actions { align-items: stretch; } body.page-id-7 .sp-home-exit__primary { width: 100%; } body.page-id-7 .sp-home-exit__secondary { width: 100%; } }