/* The footer builder on /blog/unsubscribe-footer/. */
.fb{margin:40px 0;padding:24px;border:1px solid #d5eede;border-radius:24px;background:#fff}
.article .fb-head h2,.fb-head h2{margin:0;padding:0;font-size:30px;line-height:36px}
.fb-head p{margin:8px 0 0;font-size:16px;line-height:24px;color:#3c6b58}
.fb-grid{display:grid;gap:24px;margin-top:24px}
.fb-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fb-form>label,.fb-form legend{display:grid;gap:4px;font-size:14px;line-height:20px;font-weight:600;color:#143d2e}
.fb-form input:not([type=radio]),.fb-form select{width:100%;box-sizing:border-box;padding:8px 12px;border:1px solid #d5eede;border-radius:12px;background:#fff;color:#143d2e;font:400 16px/24px 'Instrument Sans',sans-serif}
.fb-form input:focus-visible,.fb-form select:focus-visible{outline:2px solid #17805a;outline-offset:2px}
.fb-form fieldset{border:0;margin:0;padding:0}
.fb-swatches{display:flex;gap:8px;margin-top:8px}
.fb-swatches input{position:absolute;opacity:0}
.fb-swatches i{display:block;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.fb-swatches input:checked+i{box-shadow:0 0 0 2px #fff,0 0 0 4px #143d2e}
.fb-swatches input:focus-visible+i{outline:2px solid #17805a;outline-offset:4px}
.fb-out{display:grid;gap:16px;min-width:0}
.fb-mail{border:1px solid #d5eede;border-radius:16px;overflow:hidden;background:#fff}
.fb-top{display:flex;gap:12px;align-items:center;padding:16px;font-size:14px;line-height:20px;color:#222}
.fb-top a{margin-inline-start:4px;font-size:12px;text-decoration:underline;color:#5f6368}
.fb-top small{font-size:12px;color:#5f6368}
.fb-av{display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:50%;background:#143d2e;color:#fff;font-weight:600}
.fb-body{display:grid;gap:8px;padding:8px 16px 24px}
.fb-body span{height:12px;border-radius:4px;background:#eef2ef}
.fb-body .short{width:60%}
.fb-foot{padding:24px 16px;border-top:1px solid #e6e6e6;background:#fafafa;text-align:center;font-family:Arial,sans-serif;font-size:14px;line-height:20px;color:#4a4a4a}
.fb-foot p{margin:0 0 8px}.fb-foot p:last-child{margin:0}
.fb-checks{display:grid;gap:4px;margin:0;padding:0;list-style:none;font-size:14px;line-height:20px;color:#143d2e}
.fb-checks li{position:relative;margin:0;padding-inline-start:24px}
.fb-checks li::before{content:"";position:absolute;inset-inline-start:0;top:4px;width:12px;height:12px;border-radius:50%;background:#17805a}
.fb-checks li.no::before{background:#c0392b}
.fb-tabs{display:flex;gap:4px}
.fb-tabs button{padding:8px 12px;border:1px solid #d5eede;border-radius:12px;background:#fff;color:#143d2e;font:600 14px/20px 'Instrument Sans',sans-serif;cursor:pointer;transition:opacity .3s cubic-bezier(.22,1,.36,1)}
.fb-tabs button[aria-selected=true]{background:#143d2e;border-color:#143d2e;color:#fff}
.fb-tabs button:focus-visible{outline:2px solid #17805a;outline-offset:2px}
.fb-code{max-height:240px;margin:0;padding:16px;overflow:auto;border-radius:16px;background:#0f2d22;color:#e4f3ea;font-size:12px;line-height:16px;white-space:pre}
.fb .btn{justify-self:start;border:0;cursor:pointer}
@media (max-width:600px){.fb{padding:16px}.fb-form{grid-template-columns:minmax(0,1fr)}}