.newsletter-widget {
    display: flex;
    border-radius: 24px;
    gap: 24px;
}

.newsletter-widget.newsletter-type-bright {
    background-color: white;
    flex-direction: row;
    padding: 72px 97px;
    justify-content: space-between;
}

.newsletter-widget.newsletter-type-darke {
    background: var(--Gray-Gray-100, #161616);
    flex-direction: column;
    padding: 48px;
    width: 752px;
}

.newsletter-widget.newsletter-type-slim {
    background-color: white;
    flex-direction: column;
    padding: 36px;
    width: 364px;
}

.newsletter-widget .message,.newsletter-widget .newsletter-form {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.newsletter-widget.newsletter-type-bright .message,.newsletter-widget.newsletter-type-bright .newsletter-form {
    width: 47%;
}

.newsletter-widget.newsletter-type-slim .message {
    padding-left: 0 !important;
}

.newsletter-widget .newsletter-form {
    justify-content: center;
}

.newsletter-widget .newsletter-heading {
    font-family: "Hanken Grotesk";
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin: 0;
}

.newsletter-widget.newsletter-type-bright .newsletter-heading {
    color: var(--Default-Black, #000);
}

.newsletter-widget.newsletter-type-darke .newsletter-heading {
    color: var(--Default-White, #FFF);
}

.newsletter-widget.newsletter-type-slim .newsletter-heading {
    color: var(--Default-Black, #000);
    font-size: 32px;
}

.newsletter-widget .newsletter-message {
    font-family: "Hanken Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.newsletter-widget.newsletter-type-bright .newsletter-message {
    color: var(--Gray-Gray-500, #606060);
}

.newsletter-widget.newsletter-type-darke .newsletter-message {
    color: var(--Default-White, #DDD);
}

.newsletter-widget.newsletter-type-slim .newsletter-message {
    color: var(--Gray-Gray-500, #606060);
    font-size: 16px;
    font-weight: 700;
}

.newsletter-widget .success-icon {
    display: none;
    position: absolute;
    left: 0;
}

.newsletter-widget.newsletter-type-slim .success-icon {
    display: none;
    position: relative;
    width: 48px;
    margin-bottom: 12px;
}

.newsletter-widget form{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.newsletter-widget .newsletter-form .hs-form-field {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.newsletter-widget .newsletter-form label {
    font-family: "Hanken Grotesk";
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.newsletter-widget.newsletter-type-bright .newsletter-form label {
    color: var(--Default-Black, #000);
    font-size: 20px;
}

.newsletter-widget.newsletter-type-darke .newsletter-form label {
    color: var(--Default-White, #FFF);
    font-size: 16px;
}

.newsletter-widget.newsletter-type-slim .newsletter-form label {
    color: var(--Default-Black, #000);
    font-size: 16px;
}

.newsletter-widget .newsletter-form .hs-form-checkbox label {
    display: flex;
    gap: 8px;
    font-family: "Hanken Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.newsletter-widget.newsltter-type-bright .newsletter-form .hs-form-checkbox label {
    color: var(--Gray-Gray-500, #606060);
}

.newsletter-widget.newsltter-type-darke .newsletter-form .hs-form-checkbox label {
    color: var(--Gray-Gray-700, #DDD);
}

.newsletter-widget.newsltter-type-slim .newsletter-form .hs-form-checkbox label {
    color: var(--Gray-Gray-500, #606060);
}

.newsletter-widget .newsletter-form ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
    align-items: center;
}

.newsletter-widget.newsletter-type-slim .newsletter-form ul {
    flex-direction: column;
}

.newsletter-widget .newsletter-form input {
    color: var(--Gray-Gray-600, #999);
    font-family: "Hanken Grotesk";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    border-radius: 8px;
    border: none;
}

.newsletter-widget.newsletter-type-bright .newsletter-form input {
    background: var(--Gray-Gray-800, #EEE);
    padding: 20px 32px;
}

.newsletter-widget.newsletter-type-darke .newsletter-form input {
    background-color: var(--Gray-Gray-200, #242424);
    padding: 12px 24px;
}

.newsletter-widget.newsletter-type-slim .newsletter-form input {
    background: var(--Gray-Gray-800, #EEE);
    padding: 12px 24px;
}   

.newsletter-widget .newsletter-form input.error {
    position: relative;
    padding-right: 35px;
}

.newsletter-widget.newsletter-type-slim .newsletter-form input.error {
    padding-right: 35px;
}

.newsletter-widget.newsletter-type-bright .newsletter-form input.error,
.newsletter-widget.newsletter-type-slim .newsletter-form input.error {
    background: var(--Color-Palette-Red-Red-100, #FFEBEB);
    border: 1px solid var(--Color-Palette-Red-Red-500, #FF4647);
}

.newsletter-widget.newsletter-type-darke .newsletter-form input.error {
    border: 1px solid var(--Color-Palette-Red-Red-300, #FF999A);
    background: var(--Color-Palette-Red-Red-900, #4D0F0F);
}

.newsletter-widget .newsletter-form .input:has(input.error)::after {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 35px;
    pointer-events: none;
}

.newsletter-widget.newsletter-type-bright .newsletter-form .input:has(input.error)::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M10.9996 21.25C5.97963 21.25 3.46963 21.25 1.95963 19.86C1.12963 19.09 0.559631 18.1 0.329631 16.98C-0.0903688 14.96 1.16963 12.74 3.66963 8.32C6.16963 3.88 7.42963 1.66 9.35963 1.02C10.4296 0.66 11.5596 0.66 12.6396 1.02C14.5696 1.66 15.8296 3.89 18.3296 8.32C20.8296 12.75 22.0896 14.97 21.6696 16.99C21.4396 18.11 20.8696 19.1 20.0396 19.87C18.5296 21.26 16.0096 21.26 10.9996 21.26V21.25ZM4.97963 9.05C2.73963 13.03 1.49963 15.21 1.80963 16.67C1.97963 17.48 2.37963 18.2 2.98963 18.75C4.06963 19.74 6.53963 19.74 11.0196 19.74C15.4996 19.74 17.9696 19.74 19.0496 18.75C19.6496 18.2 20.0596 17.48 20.2196 16.67C20.5196 15.21 19.2896 13.02 17.0496 9.06C14.7996 5.08 13.5696 2.9 12.1796 2.44C11.4196 2.19 10.6096 2.19 9.84963 2.44C8.46963 2.9 7.22963 5.09 4.98963 9.05H4.97963Z" fill="%23ff0000"/><path d="M10.9996 16C10.4496 16 9.99963 15.55 9.99963 15C9.99963 14.45 10.4396 14 10.9996 14C11.5496 14 11.9996 14.45 11.9996 15C11.9996 15.55 11.5496 16 10.9996 16Z" fill="%23ff0000"/><path d="M10.9996 12.75C10.5896 12.75 10.2496 12.41 10.2496 12V8C10.2496 7.59 10.5896 7.25 10.9996 7.25C11.4096 7.25 11.7496 7.59 11.7496 8V12C11.7496 12.41 11.4096 12.75 10.9996 12.75Z" fill="%23ff0000"/></svg>');
    top: 24px;
}

.newsletter-widget.newsletter-type-darke .newsletter-form .input:has(input.error)::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M10.9996 21.25C5.97963 21.25 3.46963 21.25 1.95963 19.86C1.12963 19.09 0.559631 18.1 0.329631 16.98C-0.0903688 14.96 1.16963 12.74 3.66963 8.32C6.16963 3.88 7.42963 1.66 9.35963 1.02C10.4296 0.66 11.5596 0.66 12.6396 1.02C14.5696 1.66 15.8296 3.89 18.3296 8.32C20.8296 12.75 22.0896 14.97 21.6696 16.99C21.4396 18.11 20.8696 19.1 20.0396 19.87C18.5296 21.26 16.0096 21.26 10.9996 21.26V21.25ZM4.97963 9.05C2.73963 13.03 1.49963 15.21 1.80963 16.67C1.97963 17.48 2.37963 18.2 2.98963 18.75C4.06963 19.74 6.53963 19.74 11.0196 19.74C15.4996 19.74 17.9696 19.74 19.0496 18.75C19.6496 18.2 20.0596 17.48 20.2196 16.67C20.5196 15.21 19.2896 13.02 17.0496 9.06C14.7996 5.08 13.5696 2.9 12.1796 2.44C11.4196 2.19 10.6096 2.19 9.84963 2.44C8.46963 2.9 7.22963 5.09 4.98963 9.05H4.97963Z" fill="%23FF4647"/><path d="M10.9996 16C10.4496 16 9.99963 15.55 9.99963 15C9.99963 14.45 10.4396 14 10.9996 14C11.5496 14 11.9996 14.45 11.9996 15C11.9996 15.55 11.5496 16 10.9996 16Z" fill="%23FF4647"/><path d="M10.9996 12.75C10.5896 12.75 10.2496 12.41 10.2496 12V8C10.2496 7.59 10.5896 7.25 10.9996 7.25C11.4096 7.25 11.7496 7.59 11.7496 8V12C11.7496 12.41 11.4096 12.75 10.9996 12.75Z" fill="%23FF4647"/></svg>');
    top: 38px;
}

.newsletter-widget.newsletter-type-slim .newsletter-form .input:has(input.error)::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M10.9996 21.25C5.97963 21.25 3.46963 21.25 1.95963 19.86C1.12963 19.09 0.559631 18.1 0.329631 16.98C-0.0903688 14.96 1.16963 12.74 3.66963 8.32C6.16963 3.88 7.42963 1.66 9.35963 1.02C10.4296 0.66 11.5596 0.66 12.6396 1.02C14.5696 1.66 15.8296 3.89 18.3296 8.32C20.8296 12.75 22.0896 14.97 21.6696 16.99C21.4396 18.11 20.8696 19.1 20.0396 19.87C18.5296 21.26 16.0096 21.26 10.9996 21.26V21.25ZM4.97963 9.05C2.73963 13.03 1.49963 15.21 1.80963 16.67C1.97963 17.48 2.37963 18.2 2.98963 18.75C4.06963 19.74 6.53963 19.74 11.0196 19.74C15.4996 19.74 17.9696 19.74 19.0496 18.75C19.6496 18.2 20.0596 17.48 20.2196 16.67C20.5196 15.21 19.2896 13.02 17.0496 9.06C14.7996 5.08 13.5696 2.9 12.1796 2.44C11.4196 2.19 10.6096 2.19 9.84963 2.44C8.46963 2.9 7.22963 5.09 4.98963 9.05H4.97963Z" fill="%23ff0000"/><path d="M10.9996 16C10.4496 16 9.99963 15.55 9.99963 15C9.99963 14.45 10.4396 14 10.9996 14C11.5496 14 11.9996 14.45 11.9996 15C11.9996 15.55 11.5496 16 10.9996 16Z" fill="%23ff0000"/><path d="M10.9996 12.75C10.5896 12.75 10.2496 12.41 10.2496 12V8C10.2496 7.59 10.5896 7.25 10.9996 7.25C11.4096 7.25 11.7496 7.59 11.7496 8V12C11.7496 12.41 11.4096 12.75 10.9996 12.75Z" fill="%23ff0000"/></svg>');
    top: 15px;
    right: 24px;
}

.newsletter-widget .newsletter-form div.actions [type=submit] {
    background-color: var(--Color-Palette-Yellow-Yellow-500, #FFC432);
    color: var(--Default-Black, #000);
    font-family: "Hanken Grotesk";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    border-radius: 27px;
    padding: 12px 32px;
    border: none;
    transition: 0.3s;
}

.newsletter-widget .newsletter-form div.actions {
    width: fit-content;
    cursor: pointer;
}

.newsletter-widget .newsletter-form div.actions:hover [type=submit] {
    background-color: var(--e-global-color-f598829);
    transition: 0.3s;
}

.newsletter-widget .newsletter-form ul.no-list.hs-error-msgs {
    list-style: none;
    padding-left: 0;
}

.newsletter-widget .newsletter-form label.hs-error-msg {
    font-size: 15px;
    margin-top: 12px
}

.newsletter-widget .newsletter-form div.actions:after {
    content: "->";
    background: var(--e-global-color-62e1cb5);
    padding: 14px;
    border-radius: 50%;
    color: black;
    transition: 0.3s;
}

.newsletter-widget .newsletter-form div.actions:hover:after {
    background: var(--e-global-color-f598829);
    transition: 0.3s;
}

.newsletter-widget .newsletter-form div.actions:hover .hs-submit [type=submit] {
    background-color: var(--e-global-color-f598829);
}

.newsletter-widget .newsletter-form .hs-form-field {
  position: relative;
}

.newsletter-widget .newsletter-form .hs_email{
    gap: 0px;
}

.newsletter-widget .newsletter-form .hs_interest{
    padding-top: 16px;
}

.newsletter-widget .newsletter-form .hs_interest ul {
    flex-wrap: wrap;
}

.newsletter-widget.newsletter-type-darke .newsletter-form .hs_interest ul {
    gap: 16px 24px;
}

.newsletter-widget .newsletter-form li {
    width: 45%;
}

.newsletter-widget.newsletter-type-slim .newsletter-form li {
    width: auto;
}

.newsletter-widget .newsletter-form ul.hs-error-msgs li {
    width: auto;
}

.newsletter-widget.newsletter-type-darke .newsletter-form .hs_interest ul li {
    width: auto;
}

.newsletter-widget .newsletter-form .form-waiting{
    color: #888;
    margin: 0;
}

@media (max-width: 1200px) and (min-width: 769px) {
    .newsletter-widget.newsletter-type-bright {
        padding: 36px 64px;
    }
    .newsletter-widget.newsletter-type-bright .newsletter-form input {
        padding: 14px 24px;
    }
    .newsletter-widget .newsletter-form .input:has(input.error)::after {
        right: 22px;
    }
    .newsletter-widget.newsletter-type-bright .newsletter-form .input:has(input.error)::after {
        top: 17px;
    }
}

@media (max-width: 768px) {
    .newsletter-widget.newsletter-type-bright {
        padding: 24px;
        flex-direction: column;
    }
    .newsletter-widget.newsletter-type-darke {
        width: 100%;
        padding: 24px;
    }
    .newsletter-widget.newsletter-type-slim {
        width: auto;
        padding: 24px;
    }
    .newsletter-widget.newsletter-type-bright .message, .newsletter-widget.newsletter-type-bright .newsletter-form {
        width: 100%;
    }
    .newsletter-widget .success-icon {
        width: 40px;
        height: 40px;
    }
    .newsletter-widget .newsletter-heading, .newsletter-widget.newsletter-type-slim .newsletter-heading {
        font-size: 26px;
    }
    .newsletter-widget .newsletter-form .hs-form-field {
        gap: 24px;
    }
    .newsletter-widget .newsletter-form .hs-form-field {
        gap: 0px;
    }
    .newsletter-widget .newsletter-form ul{
        flex-direction: column;
        gap: 12px;
    }
    .newsletter-widget .newsletter-form .hs-form-field input {
        padding: 12px 16px;
    }
    .newsletter-widget .newsletter-form .hs-fieldtype-checkbox > label:first-of-type {
        margin-bottom: 12px;
    }
    .newsletter-widget .newsletter-form .hs-form-checkbox label {
    font-size: var(--e-global-typography-f9793af-font-size);
    }
    .newsletter-widget .newsletter-form .input:has(input.error)::after {
      width: 26px;
      height: 26px;
      right: 16px;
      top: 16px;
    }
    .newsletter-widget.newsletter-type-bright .newsletter-form .input:has(input.error)::after,
    .newsletter-widget.newsletter-type-slim .newsletter-form .input:has(input.error)::after {
        top: 14px;
    }
    .newsletter-widget .newsletter-form li {
        width: auto;
    }
    .newsletter-widget .newsletter-form label.hs-error-msg {
        margin: 12px 0;
    }
}