.bel.newsletter-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity visibility ease-in-out}.bel.newsletter-popup[aria-hidden=false]{opacity:1;visibility:visible}.bel.newsletter-popup .newsletter-popup__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.bel.newsletter-popup .newsletter-popup__container{position:relative;background-color:var(--base-off-white);max-width:33.4375rem;width:calc(100% - 1.75rem);max-height:82dvh;overflow-y:auto;display:flex;flex-direction:column;z-index:1}@media screen and (min-width:768px){.bel.newsletter-popup .newsletter-popup__container{flex-direction:row;width:calc(100% - 5rem);max-width:56.25rem;max-height:85vh}}.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__close{position:absolute;top:1rem;right:1rem;z-index:10;background:none;border:none;padding:.25rem .375rem .3125rem 0rem;cursor:pointer;color:var(--web-green);display:none;align-items:center;justify-content:center;transition:opacity .3s ease-in-out}@media screen and (min-width:768px){.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__close{display:flex}}.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__close:hover{opacity:.7}.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__close svg{width:.925rem;height:.925rem}.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__image-wrapper{width:100%;flex-shrink:0}@media screen and (min-width:768px){.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__image-wrapper{width:48.8%}}.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__image-wrapper .newsletter-popup__image-figure{margin:0;width:100%;display:block;padding:.75rem .75rem 0}@media screen and (min-width:768px){.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__image-wrapper .newsletter-popup__image-figure{padding:.75rem}}@media screen and (min-width:1024px){.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__image-wrapper .newsletter-popup__image-figure{padding:1.1875rem}}.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__image-wrapper .newsletter-popup__image-figure .aspect-box{--aspect-ratio: 280 / 224}@media screen and (min-width:768px){.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__image-wrapper .newsletter-popup__image-figure .aspect-box{--aspect-ratio: 550 / 440}}.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__content{padding-top:.625rem;padding:.6875rem 2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}@media screen and (min-width:768px){.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__content{width:55%;padding:3.75rem 3.75rem 3.75rem 2.5rem;align-items:flex-start;text-align:left;justify-content:center}}.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__content .newsletter-popup__heading{color:var(--web-green-shade);width:100%;margin-bottom:.5rem}@media screen and (min-width:768px){.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__content .newsletter-popup__heading{margin-bottom:1rem}}.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__content .newsletter-popup__description{color:var(--web-brown);margin-bottom:.5625rem;width:17.5rem}@media screen and (min-width:768px){.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__content .newsletter-popup__description{margin-bottom:1.625rem;width:100%}}.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__content .newsletter-popup__form{width:100%;margin-bottom:1rem}@media screen and (min-width:768px){.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__content .newsletter-popup__form{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:0}}.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__content .newsletter-popup__form .newsletter-popup__input-wrapper{width:100%;max-width:25rem;position:relative;margin-bottom:1.5rem}@media screen and (min-width:768px){.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__content .newsletter-popup__form .newsletter-popup__input-wrapper{max-width:28.125rem}}.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__content .newsletter-popup__form .newsletter-popup__input{padding:.3125rem 2.5rem .3125rem .375rem}@media screen and (min-width:768px){.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__content .newsletter-popup__form .newsletter-popup__input{padding:.3125rem 2.5rem .4375rem 0rem}}.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__content .newsletter-popup__form .newsletter-popup__button{width:100%}.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__content .newsletter-popup__close-link{background:none;border:none;color:var(--web-green);cursor:pointer;text-decoration:none;margin-top:.5rem;transition:color .3s ease-in-out}@media screen and (min-width:768px){.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__content .newsletter-popup__close-link{display:none}}.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__content .newsletter-popup__close-link:hover{color:var(--web-green-shade)}.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__success{padding:1rem 4rem;margin-bottom:.75rem;background-color:var(--web-green-light-tint);border:.0625rem solid var(--web-green);border-radius:.25rem;color:var(--web-green);font-family:"aktiv-grotesk",sans-serif;font-size:.875rem;line-height:1.25rem;text-align:center}@media screen and (min-width:768px){.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__success{padding:1.25rem .625rem}}@media screen and (min-width:1024px){.bel.newsletter-popup .newsletter-popup__container .newsletter-popup__success{margin-bottom:1.5rem;padding:1.25rem 5.625rem;font-size:1rem;line-height:1.5rem}}.bel.newsletter-popup .newsletter-popup__container:has(iframe){width:auto;height:auto}@media screen and (max-width:479px){.bel.newsletter-popup .newsletter-popup__container iframe{width:25rem;transform:scale(0.9)}}@media screen and (max-width: 390px){.bel.newsletter-popup .newsletter-popup__container iframe{width:22.5rem}}
