.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:center;justify-content:center}.popup-container{display:flex;width:52.5rem;border-radius:1rem;overflow:hidden;position:relative;background-size:cover;background-position:50%;background-repeat:no-repeat}.popup-image{width:26.25rem;height:26.25rem;flex-shrink:0}.order3{order:3}.popup-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:1;gap:1rem;order:2;padding:4rem 2.5rem}.popup-content>:last-child{margin-bottom:0!important}.popup-content form{display:flex;flex-direction:column;width:100%;flex-shrink:0}.popup-title{width:100%;font-weight:600;font-size:1.5rem;line-height:1.333;color:#1e1e1e}.popup-description,.popup-title{font-family:CrealitySans,sans-serif;text-align:center}.popup-description{font-weight:400;font-size:.875rem;line-height:1.571;color:#5a5c62;margin:0}.subs-input-box{position:relative;margin-bottom:1rem}.subs-input{width:100%;height:2.5rem;border:.0625rem solid #ebedf5;border-radius:.5rem;padding:.5rem 1rem;background:transparent;background-color:#ffffff;outline:none;font-family:CrealitySans,sans-serif;font-size:.875rem;color:#1e1e1e}.subs-input:focus{border:.0625rem solid #17cc5f}.subs-input.error,.subs-input.error:focus{border:.0625rem solid #e73c3c}.subs-input::-moz-placeholder{color:#98999e}.subs-input::placeholder{color:#98999e}.subs-input-box:last-child{margin-bottom:0}.error-message{font-family:CrealitySans,sans-serif;font-weight:400;font-size:.75rem;line-height:1.4;color:#e73c3c;position:absolute;top:100%;left:0;margin-top:.25rem;z-index:1;min-height:1rem}.input-with-button{display:flex;width:100%;height:3rem;border:1px solid #ebedf5;border-radius:.5rem;overflow:visible;align-items:center}.input-with-button.error{border:.0625rem solid #e73c3c}.input-with-button.error:focus-within{border:.0625rem solid #e73c3c}.input-with-button .subs-input{height:2.75rem;flex:1;border:none;padding:0 1rem;outline:none;font-family:CrealitySans,sans-serif;font-size:.875rem;color:#1e1e1e;margin-bottom:0;border-radius:.5rem 0 0 .5rem}.input-with-button .subs-button{width:7.5rem;height:2.875rem;border-radius:0 .5rem .5rem 0;font-weight:400;margin:0}.input-with-button .subs-button,.subscribe-button{border:1px solid transparent;color:#ffffff;font-family:CrealitySans,sans-serif;font-size:.875rem;cursor:pointer;transition:background-color .3s ease;box-sizing:border-box}.subscribe-button{width:21.25rem;height:2.5rem;border-radius:2.75rem;font-weight:600}.subscribe-button:last-child{margin-bottom:0}.text-button{background:transparent;border:none;color:#1e1e1e;font-weight:600;font-size:.875rem;cursor:pointer;transition:background-color .3s ease;text-decoration:underline;margin:0 auto;display:block}.terms-text,.text-button{font-family:CrealitySans,sans-serif}.terms-text{font-weight:400;font-size:.75rem;line-height:1.667;color:#98999e;margin:0}.close-button{position:absolute;top:.625rem;right:.625rem;width:2rem;height:2rem;background:#f5f6fa;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.close-button:hover{background:#e8e9ed}.close-button i{color:#98999e}.popup-container[data-theme=dark] .close-button{background:rgba(255,255,255,.2)}.popup-container[data-theme=dark] .close-button:hover{background:rgba(255,255,255,.3)}.popup-container[data-theme=dark] .close-button i{color:#ffffff}.closeIcon{width:.599375rem;height:.599375rem;color:#000000}@media (max-width:48rem){.popup-container{width:100%;max-width:25rem;height:auto;flex-direction:column}.popup-image{width:21.4375rem;height:11.25rem;flex-shrink:0}.popup-content{padding:1.5rem 1.25rem}.popup-title{font-size:1.25rem}}.count-down{display:flex;align-items:center;justify-content:center;gap:.40625rem;margin:0 auto;min-height:4rem;flex-shrink:0;flex-grow:0}.popup-container.template-background-countdown .count-down{margin-bottom:1rem}.countdown-item{gap:.25rem}.countdown-box,.countdown-item{display:flex;flex-direction:column;align-items:center;justify-content:center}.countdown-box{padding:.75rem;width:3rem;height:3rem;border:1px solid rgba(30,30,30,.2);border-radius:.5rem}.countdown-number{font-weight:600;font-size:1.25rem;line-height:1.4;color:#1e1e1e}.countdown-label,.countdown-number{font-family:CrealitySans,sans-serif;text-align:center}.countdown-label{font-weight:300;font-size:.75rem;line-height:1;color:#98999e;width:2.5rem}.countdown-separator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;font-family:HarmonyOS Sans SC,sans-serif;font-weight:700;font-size:1rem;line-height:1;letter-spacing:-.0625em;color:rgba(30,30,30,.2)}.count-down[data-theme=dark] .countdown-box{background:rgba(255,255,255,.2);border:none}.count-down[data-theme=dark] .countdown-number{color:#ffffff}.count-down[data-theme=dark] .countdown-label{color:#f5f6fa}.count-down[data-theme=dark] .countdown-separator{color:rgba(255,255,255,.2)}@media (max-width:48rem){.count-down{gap:.125rem}.countdown-box{width:2.5rem;height:2.5rem;padding:.5rem}.countdown-number{font-size:1rem}.countdown-label{font-size:.625rem;width:2rem}.countdown-separator{font-size:.875rem;padding:0 .125rem .75rem}.popup-container.template-background-countdown .count-down{margin-bottom:.5rem}}.popup-container.subscription-null-img{width:37.5rem;height:auto;min-height:25rem;border-radius:1rem;padding:4rem 5rem;display:flex;flex-direction:column;align-items:center;position:relative;overflow:visible}.popup-container.subscription-null-img .popup-content{width:100%;display:flex;flex-direction:column;align-items:center;padding:0;background:transparent;order:unset}.popup-container.template-no-image-subscription .popup-content{gap:1.5rem;padding:0}.popup-container.subscription-null-img .popup-content>:last-child{margin-bottom:0}.popup-container.subscription-null-img .popup-title{font-family:CrealitySans,sans-serif;font-weight:600;font-size:1.5rem;line-height:1.333;color:#1e1e1e;margin:0;text-align:center}.popup-container.subscription-null-img .popup-description{font-family:CrealitySans,sans-serif;font-weight:400;font-size:.875rem;line-height:1.571;color:#5a5c62;margin:0;text-align:center;width:100%}.popupContainer.subscription-null-img .input-with-button{width:100%;display:flex;border:1px solid #ebedf5;border-radius:.5rem;overflow:hidden;height:3rem}.popupContainer.subscription-null-img .input-with-button:focus-within{border:1px solid #17cc5f}.popup-container.subscription-null-img .input-with-button .subs-input{flex:1;border:none;border-radius:0;padding:0 1rem;outline:none;font-family:CrealitySans,sans-serif;font-size:.875rem;color:#1e1e1e;height:3rem}.popup-container.subscription-null-img .input-with-button .subs-input::-moz-placeholder{color:#98999e}.popup-container.subscription-null-img .input-with-button .subs-input::placeholder{color:#98999e}.popupContainer.subscription-null-img .input-with-button .subscribe-button{width:7.5rem;height:3rem;background:#1e1e1e;border:1px solid transparent;border-radius:0 .5rem .5rem 0;color:#ffffff;font-family:CrealitySans,sans-serif;font-weight:400;font-size:.875rem;cursor:pointer;transition:background-color .3s ease;margin:0}.popup-container.subscription-null-img .close-button{position:absolute;top:.625rem;right:.625rem;width:2rem;height:2rem;background:#f5f6fa;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.popup-container.subscription-null-img .close-button:hover{background:#e8e9ed}.popup-container.subscription-null-img .close-button i{color:#98999e}.popupContainer.subscription-null-img .no-thanks-button{background:transparent;border:none;color:#1e1e1e;font-family:CrealitySans,sans-serif;font-weight:600;font-size:.875rem;line-height:1.571;cursor:pointer;text-decoration:underline;padding:0;margin:0;transition:color .3s ease}@media (max-width:48rem){.popup-container.subscription-null-img{width:100%;max-width:25rem;padding:2.5rem 1.25rem}.popup-container.subscription-null-img .popup-title{font-size:1.25rem}.popup-container.subscription-null-img .popup-description{font-size:.8125rem}.popup-container.subscription-null-img .input-with-button{height:2.75rem}.popup-container.subscription-null-img .input-with-button .subs-input{height:2.5rem;font-size:.8125rem}.popup-container.subscription-null-img .input-with-button .subscribe-button{width:6.25rem;height:2.75rem;font-size:.8125rem}}.popupBGimg{width:100%;height:100%}.popup-container.template-image-subscription{width:52.5rem;display:flex;background:#ffffff;background-size:cover;border-radius:1rem;overflow:hidden;position:relative}.popup-container.template-image-subscription .popup-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1;padding:0 2.5rem;order:2}.popup-container.template-image-subscription .popup-content>:last-child{margin-bottom:0}.popup-container.template-image-subscription .popup-description{text-align:left}.popup-container.template-image-subscription .popup-content .popup-description{align-self:center;text-align:center}.popup-container.template-image-subscription .subscribe-button{width:21.25rem;height:2.5rem;border:1px solid transparent;border-radius:2.75rem;color:#ffffff;font-family:CrealitySans,sans-serif;font-weight:600;font-size:.875rem;cursor:pointer;transition:background-color .3s ease;margin:0 auto;box-sizing:border-box}.popup-container.template-image-subscription[data-template-type=countdownLeftBg] .subscribe-button{width:16.25rem}.popup-container.template-image-subscription .subscribe-button:last-child{margin-bottom:0}.popup-container.template-no-image-subscription{width:37.5rem;height:auto;background:#ffffff;border-radius:1rem;padding:4rem 5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;overflow:visible}.popup-container.template-background-countdown{width:28.75rem;height:35rem;display:flex;background:#ffffff;background-size:cover;border-radius:1rem;overflow:hidden;position:relative;align-items:flex-start}.popup-container.template-background-countdown .subscribe-button{width:16.25rem;height:2.5rem;border:1px solid transparent;border-radius:2.75rem;color:#ffffff;font-family:CrealitySans,sans-serif;font-weight:600;font-size:.875rem;cursor:pointer;transition:background-color .3s ease;margin:0 auto;box-sizing:border-box}.popup-container.template-background-countdown .subscribe-button:last-child{margin-bottom:0}.popup-container.template-background-countdown .popup-content{display:flex;flex-direction:column;justify-content:fles-start;align-items:center;flex:1;padding:4rem 2.5rem 0;order:2;text-align:center}.popup-container.template-background-countdown .popup-content>:last-child{margin-bottom:0}.popup-container.template-gradient-countdown{width:28rem;height:26.375rem;display:flex;background-size:cover;border-radius:1rem;overflow:hidden;position:relative;align-items:center;justify-content:center}.popup-container.template-gradient-countdown .popup-content{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;text-align:center;gap:1.5rem}.popup-container.template-gradient-countdown .popup-content>:last-child{margin-bottom:0}.popup-container.template-gradient-countdown .subscribe-button{width:16.25rem;height:2.5rem;border:1px solid transparent;border-radius:2.75rem;color:#ffffff;font-family:CrealitySans,sans-serif;font-weight:600;font-size:.875rem;cursor:pointer;transition:background-color .3s ease;margin:0 auto;box-sizing:border-box}.popup-container.template-gradient-countdown .subscribe-button:last-child{margin-bottom:0}.popup-container.template-default{width:52.5rem;display:flex;background:#ffffff;border-radius:1rem;overflow:hidden;position:relative}@media (max-width:48rem){.popup-container.template-default,.popup-container.template-image-subscription{width:21.4375rem;max-width:25rem;max-height:80vh;min-height:-moz-fit-content;min-height:fit-content;flex-direction:column;display:flex}.popup-container.template-image-subscription .popup-content{padding:2rem 1.5rem;text-align:center;align-items:center;justify-content:flex-start;flex:1;overflow-y:auto;box-sizing:border-box;display:flex;flex-direction:column;min-height:0}.popup-container.template-image-subscription .popup-content .popup-description{text-align:center;align-self:center}.popup-container.template-image-subscription[data-template-type=drainage] .popup-content .popup-description,.popup-container.template-image-subscription[data-template-type=subscriptionLeftImg] .popup-content .popup-description,.popup-container.template-image-subscription[data-template-type=subscriptionRightImg] .popup-content .popup-description{text-align:left;align-self:flex-start}.popup-container.template-image-subscription .subscribe-button{width:100%;height:2.5rem;margin:0 auto;box-sizing:border-box;flex-shrink:0;flex-grow:0}.popup-container.template-image-subscription .subscribe-button:last-child{margin-bottom:0}.popup-container.template-background-countdown{width:21.4375rem;max-height:80vh;min-height:-moz-fit-content;min-height:fit-content;flex-direction:column;align-items:center;display:flex}.popup-container.template-background-countdown .popup-content{width:100%;padding:3.25rem 1.5rem 0;text-align:center;align-items:center;justify-content:flex-start;flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.popup-container.template-background-countdown .subscribe-button{width:100%;max-width:16.25rem;height:2.5rem;margin:0 auto;box-sizing:border-box;flex-shrink:0;flex-grow:0}.popup-container.template-background-countdown .subscribe-button:last-child{margin-bottom:0}.popup-container.template-gradient-countdown{width:100%;max-width:20rem;height:22.625rem;max-height:80vh;min-height:-moz-fit-content;min-height:fit-content;flex-direction:column;align-items:center;justify-content:center;display:flex}.popup-container.template-gradient-countdown .popup-content{text-align:center;align-items:center;justify-content:flex-start;flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0;gap:1rem;padding:3.25rem 1.5rem 0}.popup-container.template-gradient-countdown .popup-content .popup-title{width:18.4375rem;font-family:CrealitySans;font-size:1.25rem;font-style:normal;font-weight:600;line-height:1.75rem;text-align:center}.popup-container.template-gradient-countdown .subscribe-button{width:100%;max-width:16.25rem;height:2.5rem;margin:0 auto;box-sizing:border-box;flex-shrink:0;flex-grow:0}.popup-container.template-gradient-countdown .subscribe-button:last-child{margin-bottom:0}.popup-container.template-no-image-subscription{width:100%;max-width:21.4375rem;max-height:80vh;padding:3.25rem 1.25rem;display:flex;flex-direction:column}.popup-container.template-no-image-subscription .popup-content{width:295px;flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0;padding:0;gap:.5rem}}.terms-text{text-align:left}.showAfterPopup{position:fixed;top:1rem;right:1rem;z-index:9999;background-color:#1e1e1e;color:white;border:none;border-radius:.5rem;padding:.5rem 1rem;font-family:CrealitySans,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .3s ease;box-shadow:0 .125rem .5rem rgba(0,0,0,.1)}.showAfterPopup:hover{background-color:#333333}@media (max-width:23.375rem){.popup-container,.popup-container.template-background-countdown,.popup-container.template-default,.popup-container.template-gradient-countdown,.popup-container.template-image-subscription,.popup-container.template-no-image-subscription{width:calc(100vw - (100vw * .04267 * 2));max-width:calc(100vw - (100vw * .04267 * 2));margin:0 calc(100vw * .04267);transform:scale(calc(100vw / 375));transform-origin:center}.popup-content,.popup-image{width:100%;max-width:100%;box-sizing:border-box}.popup-image{height:auto}.input-with-button,.subs-form,.subs-input,.subs-input-box,.subscribe-button{width:100%;max-width:100%;box-sizing:border-box}.popup-description,.popup-title{word-wrap:break-word;overflow-wrap:break-word}.count-down,.popup-description,.popup-title{width:100%;max-width:100%;box-sizing:border-box}.countdown-item{flex-shrink:1;min-width:0}.terms-text{width:100%;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}.close-button{position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;flex-shrink:0}}