@layer reset;@layer base{.case-hero--mailing-list{background:radial-gradient(circle at 82% 18%,#62b79738,#0000 32%),linear-gradient(145deg,#f4faf7 0%,#eef6f2 48%,#fff 100%)}.case-hero--mailing-list .eyebrow{color:#235a50}.case-hero--mailing-list .case-hero__copy h1{max-width:19ch}}@layer layout;@layer components{.mailing-demo{--mailing-bg:#edf4f1;--mailing-panel:#fff;--mailing-soft:#f6faf8;--mailing-line:#cbdad4;--mailing-text:#172721;--mailing-muted:#64736e;--mailing-green:#235a50;--mailing-green-dark:#173f38;--mailing-green-soft:#def0e8;--mailing-blue:#315f87;--mailing-blue-soft:#e6eff7;--mailing-red:#a44848;--mailing-red-soft:#f8e9e8;color:var(--mailing-text);background:linear-gradient(135deg, #235a500f, transparent 38%), var(--mailing-bg);border:.0625rem solid var(--mailing-line);border-radius:1.5rem;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;overflow:hidden;box-shadow:0 1.5rem 4rem #173f381f;container:mailing/inline-size}.mailing-demo :is(button,input){font:inherit}.mailing-demo button{-webkit-tap-highlight-color:transparent}.mailing-demo button:focus-visible{outline-offset:.125rem;outline:.1875rem solid #d6952a}.mailing-demo__toolbar{background:var(--mailing-panel);border-bottom:.0625rem solid var(--mailing-line);grid-template-columns:minmax(15rem,1fr) auto auto;align-items:center;gap:1.5rem;min-height:5.5rem;padding:1.125rem 1.5rem;display:grid}.mailing-demo__identity{align-items:center;gap:.875rem;min-width:0;display:flex}.mailing-demo__identity div{gap:.1875rem;min-width:0;display:grid}.mailing-demo__identity strong,.mailing-demo__identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mailing-demo__identity strong{letter-spacing:-.01em;font-size:1rem}.mailing-demo__identity small,.mailing-demo__period{color:var(--mailing-muted)}.mailing-demo__mark{background:var(--mailing-green);border-radius:.875rem;flex:none;place-items:center;width:2.75rem;height:2.75rem;display:grid;position:relative;overflow:hidden}.mailing-demo__mark i{transform-origin:0;background:#f7c75f;border-radius:999px;width:1.35rem;height:.2rem;display:block;position:absolute}.mailing-demo__mark i:first-child{transform:translate(-.05rem,-.48rem)rotate(36deg)}.mailing-demo__mark i:nth-child(2){transform:translate(-.05rem)rotate(0)}.mailing-demo__mark i:nth-child(3){transform:translate(-.05rem,.48rem)rotate(-36deg)}.mailing-demo__period{white-space:nowrap;margin:0}.mailing-demo__status{color:var(--mailing-green-dark);white-space:nowrap;background:var(--mailing-green-soft);border-radius:999px;align-items:center;gap:.5rem;margin:0;padding:.625rem .875rem;font-weight:750;display:inline-flex}.mailing-demo__status>span{background:#2f8c6f;border:.125rem solid #fff;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 .0625rem #2f8c6f}.mailing-demo__summary{background:var(--mailing-soft);border-bottom:.0625rem solid var(--mailing-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding:1rem 1.5rem;display:grid}.mailing-demo__summary>div{background:var(--mailing-panel);border:.0625rem solid var(--mailing-line);border-radius:1rem;align-items:center;gap:.75rem;min-width:0;padding:.875rem;display:flex}.mailing-demo__summary-icon{width:2.25rem;height:2.25rem;color:var(--mailing-blue);background:var(--mailing-blue-soft);border-radius:.75rem;flex:none;place-items:center;font-size:.75rem;font-weight:850;display:grid}.mailing-demo__summary-icon--success{color:var(--mailing-green-dark);background:var(--mailing-green-soft);font-size:1.25rem}.mailing-demo__summary-icon--removed{color:var(--mailing-red);background:var(--mailing-red-soft);font-size:1.25rem}.mailing-demo__summary dl,.mailing-demo__summary dt,.mailing-demo__summary dd{min-width:0;margin:0}.mailing-demo__summary dl{gap:.1875rem;display:grid}.mailing-demo__summary dt{color:var(--mailing-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.mailing-demo__summary dd{white-space:nowrap;font-size:1rem;font-weight:820}.mailing-demo__workspace{grid-template-columns:minmax(0,1.08fr) minmax(20rem,.92fr);min-height:33rem;display:grid}.mailing-demo__queue,.mailing-demo__details{min-width:0;padding:1.5rem}.mailing-demo__queue{background:var(--mailing-panel);border-right:.0625rem solid var(--mailing-line)}.mailing-demo__details{background:var(--mailing-soft)}.mailing-demo__head,.mailing-demo__detail-title{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.mailing-demo__head>strong{color:var(--mailing-blue);white-space:nowrap;background:var(--mailing-blue-soft);border-radius:999px;padding:.4375rem .6875rem;font-size:.75rem}.mailing-demo__kicker{color:var(--mailing-green);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .3125rem;font-size:.72rem;font-weight:850}.mailing-demo h3,.mailing-demo__detail-title p{margin:0}.mailing-demo h3{font-size:1.125rem;line-height:1.3}.mailing-demo__filters{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 1rem;display:flex}.mailing-demo__filters button{min-height:2.5rem;color:var(--mailing-text);background:var(--mailing-soft);border:.0625rem solid var(--mailing-line);cursor:pointer;border-radius:999px;padding:.5rem .875rem;font-weight:720;transition:color .16s,background-color .16s,border-color .16s,transform .16s}.mailing-demo__filters button:hover{border-color:var(--mailing-green);transform:translateY(-.0625rem)}.mailing-demo__filters button:active{transform:translateY(.0625rem)}.mailing-demo__filters button.is-active{color:#fff;background:var(--mailing-green);border-color:var(--mailing-green)}.mailing-demo__contacts{gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.mailing-demo__contacts li[hidden]{display:none}.mailing-demo__contact{width:100%;min-height:4.75rem;color:var(--mailing-text);text-align:left;background:var(--mailing-panel);border:.0625rem solid var(--mailing-line);cursor:pointer;border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.875rem;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s;display:grid}.mailing-demo__contact:hover{border-color:#7ca69a;transform:translateY(-.0625rem)}.mailing-demo__contact:active{transform:translateY(.0625rem)}.mailing-demo__contact.is-selected{background:var(--mailing-green-soft);border-color:var(--mailing-green);box-shadow:inset .25rem 0 var(--mailing-green)}.mailing-demo__avatar{width:2.5rem;height:2.5rem;color:var(--mailing-green-dark);background:#f4d689;border-radius:.8rem;place-items:center;font-size:.75rem;font-weight:850;display:grid}.mailing-demo__contact>span:nth-child(2){gap:.25rem;min-width:0;display:grid}.mailing-demo__contact strong,.mailing-demo__contact small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mailing-demo__contact small{color:var(--mailing-muted)}.mailing-demo__contact b{color:var(--mailing-green-dark);background:var(--mailing-green-soft);border-radius:999px;padding:.4rem .6rem;font-size:.72rem}.mailing-demo__contacts li[data-kind=exclude] .mailing-demo__contact b{color:var(--mailing-red);background:var(--mailing-red-soft)}.mailing-demo__detail-title{margin-bottom:1.25rem}.mailing-demo__detail-title>div{min-width:0}.mailing-demo__detail-title p{overflow-wrap:anywhere;color:var(--mailing-muted);margin-top:.25rem}.mailing-demo__detail-title>span{color:var(--mailing-green-dark);background:var(--mailing-green-soft);border-radius:999px;flex:none;padding:.5rem .75rem;font-size:.75rem;font-weight:820}.mailing-demo__detail-title>span.is-exclude{color:var(--mailing-red);background:var(--mailing-red-soft)}.mailing-demo__facts{gap:.625rem;margin:0;display:grid}.mailing-demo__facts div{background:var(--mailing-panel);border:.0625rem solid var(--mailing-line);border-radius:.875rem;grid-template-columns:minmax(7rem,.42fr) minmax(0,1fr);gap:.75rem;padding:.75rem .875rem;display:grid}.mailing-demo__facts dt,.mailing-demo__facts dd{margin:0}.mailing-demo__facts dt{color:var(--mailing-muted)}.mailing-demo__facts dd{overflow-wrap:anywhere;min-width:0;font-weight:740}.mailing-demo__rule{background:var(--mailing-green-soft);border-radius:.875rem;gap:.75rem;margin:1rem 0;padding:.875rem;display:flex}.mailing-demo__rule>span{color:#fff;background:var(--mailing-green);border-radius:50%;flex:none;place-items:center;width:1.75rem;height:1.75rem;font-weight:900;display:grid}.mailing-demo__rule strong,.mailing-demo__rule p{margin:0}.mailing-demo__rule p{color:var(--mailing-muted);margin-top:.25rem;line-height:1.45}.mailing-demo__sync{color:#fff;background:var(--mailing-green);cursor:pointer;border:0;border-radius:.875rem;width:100%;min-height:3rem;padding:.75rem 1rem;font-weight:820;transition:background-color .16s,transform .16s,box-shadow .16s}.mailing-demo__sync:not(:disabled):hover{background:var(--mailing-green-dark);transform:translateY(-.0625rem);box-shadow:0 .75rem 1.5rem #173f3829}.mailing-demo__sync:active{transform:translateY(.0625rem)}.mailing-demo__sync:disabled{cursor:default;opacity:.72}.mailing-demo__message{min-height:2.75rem;color:var(--mailing-muted);text-align:center;background:#ffffffad;border-radius:.75rem;margin:.75rem 0 0;padding:.75rem}.mailing-demo__message.is-success{color:var(--mailing-green-dark);background:var(--mailing-green-soft);font-weight:740}.mailing-demo__caption{color:#68736f;text-align:center;margin:1rem 0 0;font-size:.875rem}.value-formula--mailing-list{align-self:stretch}}@layer responsive{@container mailing (inline-size<58rem){.mailing-demo__toolbar{grid-template-columns:1fr auto}.mailing-demo__period{display:none}.mailing-demo__summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mailing-demo__workspace{grid-template-columns:1fr}.mailing-demo__queue{border-right:0;border-bottom:.0625rem solid var(--mailing-line)}}@media (width<=42rem){.case-hero--mailing-list .case-hero__copy h1{overflow-wrap:anywhere;max-width:none;font-size:clamp(2rem,10vw,3.35rem)}.mailing-demo{border-radius:1rem}.mailing-demo__toolbar,.mailing-demo__summary,.mailing-demo__queue,.mailing-demo__details{padding:1rem}.mailing-demo__toolbar{grid-template-columns:1fr;gap:.75rem}.mailing-demo__status{justify-self:start}.mailing-demo__summary{grid-template-columns:1fr}.mailing-demo__summary>div{min-height:4rem}.mailing-demo__contact{grid-template-columns:auto minmax(0,1fr)}.mailing-demo__contact b{grid-column:2;justify-self:start}.mailing-demo__facts div{grid-template-columns:1fr;gap:.25rem}.mailing-demo__head,.mailing-demo__detail-title{align-items:flex-start}}@media (pointer:coarse){.mailing-demo :is(button,input){min-height:2.75rem}}@media (prefers-reduced-motion:reduce){.mailing-demo__filters button,.mailing-demo__contact,.mailing-demo__sync{transition:none}}@media (forced-colors:active){.mailing-demo__filters button.is-active,.mailing-demo__contact.is-selected,.mailing-demo__summary-icon,.mailing-demo__rule>span{border:.125rem solid canvastext}}html[data-capture=card],html[data-capture=card] body{background:var(--mailing-bg,#edf4f1);width:1800px;min-width:1800px;height:873px;min-height:873px;overflow:hidden}html[data-capture=card] .skip-link,html[data-capture=card] .case-header,html[data-capture=card] .case-footer,html[data-capture=card] article>section:not(.case-preview-section),html[data-capture=card] .case-preview-section .section-heading,html[data-capture=card] .mailing-demo__caption{display:none}html[data-capture=card] main,html[data-capture=card] article,html[data-capture=card] .case-preview-section,html[data-capture=card] .case-preview-section .case-container{width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:0}html[data-capture=card] .case-preview-section .case-container{padding:4.5rem 0;display:block}html[data-capture=card] .mailing-demo{border-radius:1.75rem;width:1528px;max-width:none;margin-left:68px;font-size:15px;box-shadow:0 2.25rem 5.5rem #173f3833}html[data-capture=card] .mailing-demo__workspace{min-height:31rem}}
