.optin-container{max-width:820px;margin:0 auto;padding:0 20px 60px}.optin .display-h2{color:var(--color-red-dark);padding-bottom:20px}.optin-section{padding-top:30px;font-weight:700}.optin-channel{border:1px solid var(--color-grey-super-light);border-radius:8px;margin:20px 0;padding:20px}.optin-channel .btn+.btn{margin-left:10px}.optin-channel__header{justify-content:space-between;align-items:center;gap:10px;display:flex}.optin-channel__header .display-h5{font-weight:700}.optin-channel__text{white-space:pre-line;margin:10px 0;font-size:14px}.optin-channel__until{margin-bottom:10px;font-size:14px;font-style:italic}.optin-status{white-space:nowrap;font-size:14px}.optin-status--given{color:#2e7d32}.optin-status--refused,.optin-status--expired,.optin-status--none{color:#757575}.optin-message{background:#e8f5e9;border-radius:8px;margin:15px 0;padding:15px}.optin-message--error{background:#fdecea}.optin-faq{border-bottom:1px solid var(--color-grey-super-light);padding:15px 0}.optin-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;font-weight:700;list-style:none;display:flex}.optin-faq summary::-webkit-details-marker{display:none}.optin-faq summary:after{content:"";border-bottom:2px solid;border-right:2px solid;flex-shrink:0;width:8px;height:8px;transition:transform .2s;transform:rotate(45deg)}.optin-faq[open] summary{color:var(--color-red-dark);margin-bottom:15px}.optin-faq[open] summary:after{transform:rotate(-135deg)}.optin-faq p{font-size:14px}.optin-faq__next{color:#757575;font-style:italic}.optin-forms{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.optin-forms__item{border-left:4px solid var(--color-red-dark);background:var(--color-background-grey,#f5f5f5);border-radius:8px;align-items:center;gap:15px;padding:12px 15px;display:flex}.optin-forms__date{background:var(--color-red-dark);color:#fff;border-radius:20px;flex-shrink:0;padding:4px 10px;font-size:13px;font-weight:700}.optin-forms__type{font-weight:600}