@layer su-tema-base{
:where(#MainContent .newsletter) button:not([disabled]){cursor: pointer;}
:where(#MainContent .newsletter) .color-background-2,.color-background-2{--color-foreground: var(--color-base-text); --color-background: var(--color-base-background-2); --gradient-background: var(--gradient-base-background-2); --accent-color: var(--color-base-accent-1);}
:where(#MainContent .newsletter) .color-background-2,.color-background-2{--color-link: var(--color-foreground); --alpha-link: .7; --color-button: var(--color-foreground); --color-button-text: var(--color-background); --color-badge-background: var(--color-background); --color-badge-border: var(--color-background); --alpha-badge-border: 1;}
:where(#MainContent .newsletter) .color-background-2,.color-background-2{--color-card-hover: var(--color-base-text);}
:where(#MainContent .newsletter) .content-container{--border-radius: var(--text-boxes-radius); --border-width: var(--text-boxes-border-width); --border-opacity: var(--text-boxes-border-opacity); --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset); --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset); --shadow-blur-radius: var(--text-boxes-shadow-blur-radius); --shadow-opacity: var(--text-boxes-shadow-opacity); --shadow-visible: var(--text-boxes-shadow-visible);}
.page-width:where(.page-width--narrow){max-width: var(--page-width); margin: 0px auto; padding: 0px 1.5rem;}
:where(#MainContent .newsletter) .isolate{position: relative; z-index: 0;}
:where(#MainContent .newsletter) .color-background-2,.color-background-2{color: rgba(var(--color-foreground),.9); background-color: rgb(var(--color-background));}
.h0,:where(#MainContent .newsletter) .h1{font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-heading-weight); letter-spacing: calc(var(--font-heading-scale) * var(--font-heading-letter-spacing)); color: rgb(var(--color-foreground)); line-height: calc(1 + var(--font-heading-line-height) / max(1,var(--font-heading-scale))); word-break: break-word;}
.h0{font-size: calc(var(--font-heading-scale) * 3.25rem);}
:where(#MainContent .newsletter) .h1{font-size: calc(var(--font-heading-scale) * 2.25rem);}
@media only screen and (min-width: 750px){.h0{font-size: calc(var(--font-heading-scale) * 4.25rem);}}
@media only screen and (min-width: 750px){:where(#MainContent .newsletter) .h1{font-size: calc(var(--font-heading-scale) * 3rem);}}
:where(#MainContent .newsletter) .field__input{font-size: 1.3rem; line-height: calc(1 + .5 / var(--font-body-scale)); letter-spacing: 0.04rem;}
.center:where(#MainContent .newsletter){text-align: center;}
:where(.page-width--narrow) .rte::after,:where(#MainContent .newsletter) .rte::after{clear: both; content: ""; display: block;}
:where(#MainContent .newsletter) .rte > p:first-child{margin-top: 0px;}
:where(.page-width--narrow) .rte > p:last-child,:where(#MainContent .newsletter) .rte > p:last-child{margin-bottom: 0px;}
.rte ol,.rte ul{list-style-position: inside; padding-left: 2rem;}
.rte li{list-style: inherit;}
.rte li:last-child{margin-bottom: 0px;}
:where(.page-width--narrow) .rte a{color: rgba(var(--color-link),var(--alpha-link)); text-underline-offset: 0.3rem; text-decoration-thickness: 0.1rem; transition: text-decoration-thickness var(--duration-short) ease;}
:where(.page-width--narrow) .rte a:hover{color: rgb(var(--color-link)); text-decoration-thickness: 0.2rem;}
:where(#MainContent .newsletter) .title-with-highlight{--hightlight-color: rgb(var(--accent-color));}
.main-page-title,.page-title{text-align: center;}
@media screen and (min-width: 750px){.page-width:where(.page-width--narrow){padding: 0px 5rem;}}
@media screen and (min-width: 750px){.page-width--narrow{padding: 0px 9rem;}}
@media screen and (min-width: 990px){.page-width--narrow{max-width: 72.6rem; padding: 0px;}}
:where(#MainContent .newsletter) .button{--shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset); --shadow-vertical-offset: var(--buttons-shadow-vertical-offset); --shadow-blur-radius: var(--buttons-shadow-blur-radius); --shadow-opacity: var(--buttons-shadow-opacity); --shadow-visible: var(--buttons-shadow-visible); --border-offset: var(--buttons-border-offset); --border-opacity: calc(1 - var(--buttons-border-opacity)); border-radius: var(--buttons-radius-outset); position: relative; font-weight: 700;}
:where(#MainContent .newsletter) .button{min-width: calc(12rem + var(--buttons-border-width) * 2); min-height: calc(4.5rem + var(--buttons-border-width) * 2); font-weight: 700;}
:where(#MainContent .newsletter) .button{display: inline-flex; justify-content: center; align-items: center; border: 0px; padding: 0px 3rem; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; text-decoration: none; color: rgb(var(--color-button-text)); transition: box-shadow var(--duration-short) ease; appearance: none; background-color: rgba(var(--color-button),var(--alpha-button-background)); font-weight: 700; z-index: 0;}
:where(#MainContent .newsletter) .button::before{content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: var(--buttons-radius-outset); box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity));}
:where(#MainContent .newsletter) .button::after{content: ""; position: absolute; top: var(--buttons-border-width); right: var(--buttons-border-width); bottom: var(--buttons-border-width); left: var(--buttons-border-width); z-index: 1; border-radius: var(--buttons-radius); box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background)); transition: box-shadow var(--duration-short) ease;}
:where(#MainContent .newsletter) .button:not([disabled]):hover::after{--border-offset: 1.3px; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button),var(--alpha-button-background));}
:where(#MainContent .newsletter) .button:focus{outline: 0px; box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5),0 0 .5rem .4rem rgba(var(--color-foreground),.3);}
:where(#MainContent .newsletter) .button:focus:not(:focus-visible):not(.focused){box-shadow: inherit;}
:where(#MainContent .newsletter) .button::selection{background-color: rgba(var(--color-button-text),.3);}
:where(#MainContent .newsletter) .button{font-size: 1.6rem; letter-spacing: 0.1rem; line-height: calc(1 + .2 / var(--font-body-scale));}
:where(#MainContent .newsletter) .button--full-width{display: flex; width: 100%;}
@media (hover: hover){:where(#MainContent .newsletter) .action-btns--center button.button:not([disabled], [disabled="true"], .button--tertiary)::before{--alpha-button-background: 1; background: none; z-index: -2; box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity)),inset 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),inset 0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background));}}
@media (hover: hover){:where(#MainContent .newsletter) .action-btns--center button.button:not([disabled], [disabled="true"], .button--tertiary){--transition-duration: .3s; background-color: transparent; transition: color var(--transition-duration);}}
@media (hover: hover){:where(#MainContent .newsletter) .action-btns--center button.button:not([disabled], [disabled="true"], .button--tertiary)::after{background-color: rgba(var(--color-button),var(--alpha-button-background)); z-index: -1; transition: transform var(--transition-duration); box-shadow: none;}}
@media (hover: hover){:where(#MainContent .newsletter) .action-btns--center button.button:not([disabled], [disabled="true"], .button--secondary, .button--tertiary)::after{inset: 0px;}}
@media (hover: hover){:where(#MainContent .newsletter) .action-btns--center button.button:not([disabled], [disabled="true"], .button--tertiary):hover{color: rgb(var(--color-button));}}
@media (hover: hover){:where(#MainContent .newsletter) .action-btns--center button.button:not([disabled], [disabled="true"], .button--tertiary):hover::after{transform: scaleX(0);}}
:where(#MainContent .newsletter) .field::after{pointer-events: none; content: ""; position: absolute; top: var(--inputs-border-width); right: var(--inputs-border-width); bottom: var(--inputs-border-width); left: var(--inputs-border-width); border: 0.1rem solid transparent; border-radius: var(--inputs-radius); box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity)); transition: box-shadow var(--duration-short) ease; z-index: 1;}
:where(#MainContent .newsletter) .field{position: relative; width: 100%;}
:where(#MainContent .newsletter) .field__input{appearance: none; background-color: rgb(var(--color-background)); color: rgb(var(--color-foreground)); font-size: 1.6rem; width: 100%; box-sizing: border-box; transition: box-shadow var(--duration-short) ease; border-radius: var(--inputs-radius); height: 4.5rem; min-height: calc(var(--inputs-border-width) * 2); min-width: calc(7rem + (var(--inputs-border-width) * 2)); position: relative; border: 0px;}
:where(#MainContent .newsletter) .field::before{pointer-events: none; content: ""; position: absolute; inset: 0px; border-radius: var(--inputs-radius-outset); box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-base-text),var(--inputs-shadow-opacity)); z-index: -1;}
:where(#MainContent .newsletter) .field:hover.field::after{box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-hover-border-opacity)); outline: 0px; border-radius: var(--inputs-radius);}
:where(#MainContent .newsletter) .field__input:focus{box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-hover-border-opacity)); outline: 0px; border-radius: var(--inputs-radius);}
:where(#MainContent .newsletter) .field{display: flex; transition: box-shadow var(--duration-short) ease;}
:where(#MainContent .newsletter) .field__input{flex-grow: 1; text-align: left; padding: 1.5rem; margin: var(--inputs-border-width); transition: box-shadow var(--duration-short) ease;}
:where(#MainContent .newsletter) .field__label{font-size: 1.6rem; left: calc(var(--inputs-border-width) + 2rem); top: calc(1rem + var(--inputs-border-width)); margin-bottom: 0px; pointer-events: none; position: absolute; transition: top var(--duration-short) ease,font-size var(--duration-short) ease; color: rgba(var(--color-foreground),.9); letter-spacing: 0.1rem; line-height: 1.5;}
:where(#MainContent .newsletter) .field__input:-webkit-autofill ~ .field__label,:where(#MainContent .newsletter) .field__input:focus ~ .field__label,:where(#MainContent .newsletter) .field__input:not(:placeholder-shown) ~ .field__label{font-size: 1rem; top: calc(var(--inputs-border-width) + .5rem); left: calc(var(--inputs-border-width) + 2rem); letter-spacing: 0.04rem;}
:where(#MainContent .newsletter) .field__input:-webkit-autofill,:where(#MainContent .newsletter) .field__input:focus,:where(#MainContent .newsletter) .field__input:not(:placeholder-shown){padding: 2.2rem 1.5rem 0.8rem 2rem; margin: var(--inputs-border-width);}
:where(#MainContent .newsletter) .field__input::-webkit-search-cancel-button{display: none;}
:where(#MainContent .newsletter) .field__input::placeholder{opacity: 0;}
:where(#MainContent .newsletter) .field__input:-webkit-autofill ~ .field__label{color: rgb(0, 0, 0);}
:where(#MainContent .newsletter) .gradient{background: var(--gradient-background);}
@media screen and (min-width: 750px){:where(#MainContent .newsletter) .gradient{background-attachment: fixed;}}
:where(#MainContent .newsletter) .content-container{border-radius: var(--text-boxes-radius); border: var(--text-boxes-border-width) solid rgba(var(--color-foreground),var(--text-boxes-border-opacity)); position: relative;}
:where(#MainContent .newsletter) .content-container::after{content: ""; position: absolute; top: calc(var(--text-boxes-border-width) * -1); right: calc(var(--text-boxes-border-width) * -1); bottom: calc(var(--text-boxes-border-width) * -1); left: calc(var(--text-boxes-border-width) * -1); border-radius: var(--text-boxes-radius); box-shadow: var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity)); z-index: -1;}
:where(#MainContent .newsletter) .content-container--full-width::after{left: 0px; right: 0px; border-radius: 0px;}
:where(#MainContent .newsletter) .content-container--full-width{border-radius: 0px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right-width: medium; border-right-style: none; border-right-color: currentcolor;}
@media (forced-colors: active){:where(#MainContent .newsletter) .button{border: 1px solid transparent;}}
@media (forced-colors: active){:where(#MainContent .newsletter) .button:focus{outline: transparent solid 1px;}}
@media (forced-colors: active){:where(#MainContent .newsletter) .field__input:focus{outline: transparent solid 1px;}}
.page-title{margin-top: 0px;}
.main-page-title{margin-bottom: 3rem;}
@media screen and (min-width: 750px){.main-page-title{margin-bottom: 4rem;}}
:where(#MainContent .newsletter) .newsletter-form{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; position: relative;}
@media screen and (min-width: 750px){:where(#MainContent .newsletter) .newsletter-form{align-items: flex-start; margin: 0px auto; max-width: 36rem;}}
:where(#MainContent .newsletter) .newsletter-form__field-wrapper{width: 100%;}
:where(#MainContent .newsletter) .newsletter-form__field-wrapper .field__input{padding-right: 5rem;}
:where(#MainContent .newsletter) .newsletter-form__field-wrapper .field{z-index: 0;}
:where(#MainContent .newsletter) .newsletter__solid-btn{margin-top: 1rem;}
.newsletter__wrapper{padding-right: calc(3rem / var(--font-body-scale)); padding-left: calc(3rem / var(--font-body-scale));}
@media screen and (min-width: 750px){.newsletter__wrapper{padding-right: 9rem; padding-left: 9rem;}}
.newsletter__wrapper > *{margin-top: 0px; margin-bottom: 0px;}
.newsletter__wrapper > * + *{margin-top: 2rem;}
.newsletter__subheading{max-width: 70rem; margin-left: auto; margin-right: auto;}
.newsletter__wrapper .newsletter-form__field-wrapper{max-width: 36rem;}
:where(#MainContent .newsletter) .field:hover.field::after{box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity));}
}
.page-width--narrow .rte a{color:rgb(var(--color-foreground));text-decoration:underline}
.page-width--narrow .rte a:hover{color:rgb(var(--color-foreground))}