.block-newsletter .newsletter-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.block-newsletter .newsletter-select::-ms-expand {
    display: none;
}

.block-newsletter .newsletter-select-field .icon {
    pointer-events: none;
}

@media (min-width: 768px) {
    .block-newsletter .wrapper,
    .homepage .block-newsletter .wrapper {
        align-items: flex-start;
    }
}

.block-newsletter .img-box {
    width: 100%;
    aspect-ratio: 3 / 2;
    flex-shrink: 0;
    max-width: 220px;
    transition: max-width .45s cubic-bezier(.48,.04,.25,1);
}

.block-newsletter .img-box img {
    object-fit: contain !important;
    object-position: center center !important;
}

.block-newsletter .txt-box {
    max-width: 100%;
}

.block-newsletter .newsletter-form {
    width: 100%;
    max-width: 460px;
}

.block-newsletter .newsletter-form > * {
    margin-bottom: 24px;
}

.block-newsletter .newsletter-form > *:last-child {
    margin-bottom: 0;
}

.block-newsletter .newsletter-form:not(.is-expanded) .newsletter-extra-fields {
    display: none;
}

.block-newsletter .newsletter-form .newsletter-extra-fields > * {
    margin-bottom: 24px;
}

.block-newsletter .newsletter-form .newsletter-extra-fields-top > * {
    margin-bottom: 32px;
}

.block-newsletter .newsletter-form .newsletter-extra-fields > *:last-child {
    margin-bottom: 0;
}

.block-newsletter .newsletter-form .input-item .input-field {
    padding: 14px 20px;
    font-size: 1.6rem !important;
}

.block-newsletter .newsletter-form .input-item .field-wrapper.has-icon .input-field,
.block-newsletter .newsletter-form .input-item .field-wrapper.has-icon .input-field-style {
    padding-right: 52px;
}

.block-newsletter .newsletter-form .input-item .field-wrapper.has-icon .icon {
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

@media (min-width: 768px) {
    .block-newsletter .img-box {
        aspect-ratio: 3 / 2;
        max-width: 320px;
    }

    .block-newsletter .newsletter-form .input-item .input-field {
        padding: 16px 24px;
        font-size: 1.8rem !important;
    }
}

@media (min-width: 992px) {
    .block-newsletter .txt-box,
    .homepage .block-newsletter .txt-box {
        max-width: 500px;
    }

    .block-newsletter .img-box,
    .homepage .block-newsletter .img-box {
        aspect-ratio: 3 / 2;
        max-width: 520px;
    }

    .block-newsletter .newsletter-form > *,
    .block-newsletter .newsletter-form .newsletter-extra-fields > * {
        margin-bottom: 32px;
    }

    .block-newsletter .newsletter-form .newsletter-extra-fields-top > * {
        margin-bottom: 40px;
    }

    .block-newsletter .newsletter-form .input-item .input-field {
        padding: 16px 24px;
        font-size: 2rem !important;
    }
}

@media (min-width: 1200px) {
    .block-newsletter .txt-box,
    .homepage .block-newsletter .txt-box {
        max-width: 520px;
    }

    .block-newsletter .img-box,
    .homepage .block-newsletter .img-box {
        max-width: 560px;
    }
}

.block-newsletter.newsletter-is-expanded .img-box {
    aspect-ratio: 240 / 342;
    max-width: 240px;
}

.block-newsletter.newsletter-is-expanded .img-box img {
    object-fit: cover !important;
    object-position: center top !important;
}

@media (min-width: 768px) {
    .block-newsletter.newsletter-is-expanded .img-box {
        aspect-ratio: 367 / 457;
        max-width: 367px;
    }
}

@media (min-width: 992px) {
    .block-newsletter.newsletter-is-expanded .img-box,
    .homepage .block-newsletter.newsletter-is-expanded .img-box {
        aspect-ratio: 676 / 867;
        max-width: 676px;
    }
}

@media (min-width: 1200px) {
    .block-newsletter.newsletter-is-expanded .img-box,
    .homepage .block-newsletter.newsletter-is-expanded .img-box {
        max-width: 720px;
    }
}