.new-subscription-container{position:absolute;top:5rem;right:0;z-index:40;width:100%}@media (min-width:460px){.new-subscription-container{width:269px}}@media (min-width:640px){.new-subscription-container{right:10px}}@media(min-width:768px)and (max-width:1024px){.new-subscription-container{top:7rem}}.close-button{position:absolute;top:.5rem;right:.25rem;z-index:50;display:flex;height:1.5rem;width:1.5rem;cursor:pointer;align-items:center;justify-content:center}.close-button svg{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.subscription-card{min-height:125px;background-image:radial-gradient(circle at 25% 25%,rgba(5,198,117,.05) 2px,transparent 0),radial-gradient(circle at 75% 75%,rgba(35,223,167,.05) 2px,transparent 0);background-size:20px 20px}.subscription-form{overflow:hidden;border-radius:10px;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.75rem 1rem;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.subscription-form .form-header{margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.subscription-form .form-header .envelope-icon{flex-shrink:0}.subscription-form .form-header h3{font-size:.75rem;line-height:1rem;font-weight:600;line-height:1.25;--tw-text-opacity:1;color:rgb(24 24 24/var(--tw-text-opacity))}.subscription-form .email-form>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.subscription-form .email-form .input-group{position:relative}.subscription-form .email-form .input-group .email-input{height:36px;width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));padding:.5rem;font-size:.75rem;line-height:1rem}.subscription-form .email-form .input-group .email-input::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.subscription-form .email-form .input-group .email-input{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.subscription-form .email-form .input-group .email-input:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity))}.subscription-form .email-form .input-group .email-input.error{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.subscription-form .email-form .input-group .email-input.error:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity))}.subscription-form .email-form .input-group .error-message{margin-top:.25rem;display:block;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.subscription-form .email-form .subscribe-button{height:32px;border-radius:12px;--tw-bg-opacity:1;background-color:rgb(21 50 48/var(--tw-bg-opacity));padding-left:.75rem;padding-right:.75rem;font-size:.75rem;line-height:1rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.subscription-form .email-form .subscribe-button,.subscription-form .email-form .subscribe-button:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.subscription-form .email-form .subscribe-button:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;--tw-bg-opacity:1;background-color:rgb(0 209 159/var(--tw-bg-opacity))}.subscription-form .email-form .subscribe-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity));--tw-ring-offset-width:2px}.subscription-form .email-form .subscribe-button:disabled{transform:none;cursor:not-allowed;opacity:.5}.success-message{display:flex;align-items:center;justify-content:flex-start;column-gap:.5rem;border-radius:8px;--tw-bg-opacity:1;background-color:rgb(0 209 121/var(--tw-bg-opacity));padding:.75rem .5rem;transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.success-message h3{margin-bottom:0;font-size:.75rem;line-height:1rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.subscription-form,.success-message{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:459px){.subscription-card{min-height:100px}.subscription-form{padding:.75rem}.subscription-form .form-header h3{font-size:.75rem;line-height:1rem}.success-message{padding:.75rem}.success-message h3{font-size:1rem;line-height:1.5rem}}