div.newsletter-popup[role=dialog]{overscroll-behavior:contain;border:0;border-radius:1.25rem;gap:0;max-block-size:calc(100dvh - 2rem);inline-size:calc(100% - 2rem);max-inline-size:27rem;padding:0;overflow:hidden auto}.newsletter-popup.marketing-theme{background:hsl(var(--card))}.newsletter-popup-image{object-fit:cover;object-position:center 20%;block-size:clamp(10rem,32dvh,16rem);inline-size:100%;display:block}.newsletter-popup-content{text-align:center;min-inline-size:0;padding:1.75rem 1.75rem 2rem}.newsletter-popup[role=dialog] [data-overlay-title].newsletter-popup-title{color:hsl(var(--primary));letter-spacing:-.025em;text-align:center;text-wrap:balance;padding:0;font-size:2.5rem;font-weight:400;line-height:1.1}.newsletter-popup .newsletter-popup-title:focus{outline:none}.newsletter-popup[role=dialog] .newsletter-popup-description{color:hsl(var(--foreground) / .75);text-align:center;text-wrap:pretty;margin-block-start:.875rem;font-size:1rem;line-height:1.5}.newsletter-popup-discount{background:hsl(var(--highlight));inline-size:fit-content;max-inline-size:100%;color:hsl(var(--primary));border-radius:999px;margin:0 auto .875rem;padding:.375rem 1rem;font-size:1.25rem;font-weight:500;line-height:1.3;display:block}.newsletter-popup-form{gap:.75rem;margin-block-start:1.5rem;display:grid}.newsletter-popup[role=dialog] .newsletter-popup-email{min-block-size:3.25rem;font-size:1.125rem}.newsletter-popup[role=dialog] .newsletter-popup-email[data-pointer-focus=true]:focus{box-shadow:none;outline:none}.newsletter-popup .newsletter-popup-submit{border-radius:999px;min-block-size:3.25rem;inline-size:100%;font-size:1rem}.newsletter-popup[role=dialog]>button{color:#fff;opacity:1;block-size:2.75rem;inline-size:2.75rem;box-shadow:none;background:0 0;border-radius:0;inset-block-start:.75rem;inset-inline-end:.75rem}.newsletter-popup[role=dialog]>button:focus-visible{outline-color:#fff}@media (width<=30rem){.newsletter-popup-image{block-size:clamp(10rem,30dvh,16rem)}.newsletter-popup-content{padding:1.5rem 1.25rem 1.75rem}.newsletter-popup[role=dialog] [data-overlay-title].newsletter-popup-title{font-size:2.125rem}}@media (height<=40rem){.newsletter-popup-image{block-size:clamp(6rem,20dvh,8rem)}}