.whatsapp-channel-section{--channel-art-ink:#30313b;--channel-art-paper:#fff9ec;--channel-art-mint:#a8d9c5;--channel-art-yellow:#f3df72;--channel-art-lilac:#c9b8ee;--channel-art-peach:#f3b09a;--channel-art-green:#176b53}.channel-preview-logo{color:var(--channel-art-paper)}.host-channels{--host-section-slate:#343e4b;--host-whatsapp-green:#176b53;--host-chat-bubble:#d9efcb;--host-art-ink:#30313b;--host-art-paper:#fff9ec;--host-art-peach:#f5a58e;--host-art-yellow:#f3df72;--host-art-mint:#bbdaca;--host-art-lilac:#b7a0dc;--host-whatsapp-paper:#a8d9c5;--host-form-paper:#c9b8ee;--host-instagram-paper:#f3b09a;color:var(--on-deep);background:var(--pine-deepest)}html[data-theme=dark] .host-channels{background:var(--host-section-slate)}.host-channel{color:var(--host-art-ink);--action:var(--host-art-ink);--on-action:var(--host-art-paper);--action-hover:var(--host-art-paper);--on-action-hover:var(--host-art-ink)}.host-channel--whatsapp{background:var(--host-whatsapp-paper)}.host-channel--form{background:var(--host-form-paper)}.host-channel--instagram{background:var(--host-instagram-paper)}.host-channel .host-channel-cta{background:transparent;border-color:var(--host-art-ink);color:var(--host-art-ink)}.host-channel .host-channel-cta:hover{background:var(--host-art-paper);border-color:var(--host-art-ink);color:var(--host-art-ink)}.host-channel-art{width:100%;height:250px;margin-block:6px 12px}.host-art-icon{color:var(--host-art-ink)}.host-art-main{transition:translate .24s ease-out}@media (hover:hover) and (prefers-reduced-motion:no-preference){.host-channel:hover .host-art-main{translate:0 -5px}}@media (min-width:640px) and (max-width:1023px){.host-channel{display:grid;grid-template-columns:1fr 1fr}.host-channel>div:first-child{grid-column:1/-1}.host-channel-art{grid-column:1}.host-channel>div:last-child{grid-column:2;justify-content:center;padding-top:24px}}.host-art-white-icon{color:var(--host-art-paper)}.host-channel--form .host-channel-art{transform:translateY(12px)}.host-channel--whatsapp .host-channel-art{transform:translateY(-10px)}