/* ==========================================================================
   CONTENT Newsletter
   ========================================================================== */
.iduid-newsletter-offers,
.iduid-newsletter-abo,
.iduid-newsletter-list,
.iduid-newsletter-exclusive-list,
.iduid-inner-container {
    gap: var(--iduid--spacer--md);
}

.iduid-newsletter {
    gap: var(--iduid--spacer--4xl);
}

.iduid-newsletter p {
    font-size: var(--iduid--FontSize--sm);
}

.iduid-newsletter-exclusive-list {
    grid-template-columns: repeat(auto-fill, minmax(146px, 1fr));
}

.iduid-list-exclusive-name {
    word-break: break-word;
}

.iduid-list-exclusive-item {
    display: block;
    position: relative;
}

/** transition from display: none to display: block, it will work just in Chrome**/
.iduid-list-exclusive-item.initially-hidden {
    transition: opacity 0.5s, display 0.5s;
    opacity: 1;
    @starting-style {
        opacity: 0;
    }
}

.iduid-list-exclusive-item.initially-hidden.hidden {
    display: none;
    opacity: 0;
}

.iduid-list-exclusive-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--iduid--spacer--md);
    text-align: center;
    & img {
        margin-top: 10px;
    }
}

.iduid-show-more-list-wrapper {
    gap: var(--iduid--spacer--md);
}

/** NEWSLETTER TOGGLE **/
.iduid-newsletter-toggle {
    padding: 5px;
}

.iduid-newsletter-toggle input {
    display: none;
}

.iduid-newsletter-toggle label {
    background: var(--iduid--color--light-gray2);
    border-radius: 15px;
    cursor: pointer;
    display: block;
    height: 25px;
    padding: 6px;
    transition: 0.3s;
    width: 42px;
}

.iduid-newsletter-toggle label::after {
    background: var(--iduid--color--white);
    border-radius: 12px;
    content: "";
    display: inherit;
    height: 13px;
    width: 13px;
    transition: 0.3s;
}

.iduid-newsletter-toggle label.active {
    background: var(--iduid--color--blue);
}

.iduid-newsletter-toggle label.active::after {
    translate: 18px 0;
}

/* ==========================================================================
   Newsletter Dialog
   ========================================================================== */

.iduid-dialog-newsletter {
    width: 378px;
    padding: var(--iduid--spacer--xl);
}

/* ==========================================================================
   Newsletter Abo
   ========================================================================== */
.iduid-newsletter-text-info-container {
     display: flex;
     flex-direction: column;
     gap: var(--iduid--spacer--2xs);
     width: 100%;
 }

.iduid-newsletter-text-info {
     display: grid;
     grid-auto-flow: column;
     & img {
         justify-self: end;
     }
 }

.iduid-newsletter-actions {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.iduid-newsletter .iduid-client-logo {
    flex-shrink: 0;
}

/** Account list item error **/
.iduid-newsletter-information img {
    height: auto;
    margin: var(--iduid--spacer--lg) auto 0;
    max-width: 234px;
}