@layer components{.seq-workbench{align-items:start}.seq-workbench .lib-customize form>.lib-field-help{grid-column:1/-1}.seq-editor{min-width:0}.seq-intro>span{align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.seq-intro>p{color:var(--muted);max-width:65ch;margin:14px 0 25px;font-size:13px;line-height:1.8}.seq-timeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid;position:relative}.seq-timeline:before{content:"";z-index:-1;border-top:2px solid #c5d0ef;position:absolute;top:20px;left:20px;right:calc(33.333% - 4px)}.seq-timeline>a{color:var(--ink);justify-items:start;gap:10px;min-width:0;padding:0 0 16px;text-decoration:none;display:grid}.seq-timeline>a>span{background:var(--cloud);border:1px solid #b6c5f0;border-radius:30px;padding:8px 14px;font-size:12px;font-weight:700}.seq-timeline>a>strong{max-width:15ch;font-size:13px;line-height:1.5}.seq-timeline>a[aria-selected=true]>span{background:var(--blue);border-color:var(--blue);color:#fff}.seq-timeline>a[aria-selected=true]>strong{text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:5px}.seq-stop-strip{background:var(--lavender);border-radius:9px 9px 0 0;align-items:flex-start;gap:9px;padding:14px 17px;display:flex}.seq-stop-strip svg{flex-shrink:0;margin-top:2px}.seq-stop-strip p{font-size:12px;line-height:1.8}.seq-stop-strip a{color:var(--ink);text-underline-offset:3px}.seq-email{border:1px solid var(--line);background:#fff;border-top:0;border-radius:0 0 12px 12px;min-width:0;padding:28px 30px}.seq-email[hidden]{display:none}.seq-email-heading>span{color:var(--muted);font-size:11px}.seq-email-heading h3{margin:5px 0 22px;font-size:25px}.seq-subject{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:8px 16px;padding-bottom:20px;display:grid}.seq-subject>span{color:var(--muted);grid-column:1/-1;font-size:11px}.seq-subject>strong{overflow-wrap:anywhere;font-size:14px;line-height:1.65}.seq-subject .text-button{align-self:start;margin:0;font-size:11px}.seq-email pre{font:14px/1.85 var(--font-body);white-space:pre-wrap;overflow-wrap:anywhere;margin:24px 0}.seq-email-actions{flex-wrap:wrap;align-items:center;gap:14px 24px;display:flex}.seq-email-actions .text-button{margin:0;font-size:12px}.seq-message-note{color:var(--muted);margin-top:20px;font-size:11px;line-height:1.8}.seq-pack{flex-wrap:wrap;align-items:center;gap:18px;padding:25px 0 0;display:flex}.seq-pack>div{flex:100%}.seq-pack h3{font-size:24px}.seq-pack p{color:var(--muted);margin-top:7px;font-size:13px}.seq-pack .text-button{margin:0;font-size:12px}.seq-copy-fallback label{margin-bottom:10px;font-size:13px;font-weight:700;display:block}.seq-copy-fallback textarea{width:100%;font:13px/1.8 var(--font-body);border:1px solid #b6c5f0;border-radius:8px;padding:15px}.seq-setup{padding-bottom:60px}.seq-start{background:var(--cloud);border-radius:14px;grid-template-columns:1fr 1.5fr;gap:35px;margin-bottom:50px;padding:32px;display:grid}.seq-start h2,.seq-rules h2,.seq-tests h2{font-size:34px}.seq-start p,.seq-rules>p,.seq-tests>p{color:var(--muted);max-width:66ch;font-size:14px;line-height:1.9}.seq-rules>p,.seq-tests>p{margin:16px 0 25px}.seq-setup dl{margin:0}.seq-setup dl>div{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:35px;padding:20px 0;display:grid}.seq-setup dt{font-size:15px;font-weight:700;line-height:1.75}.seq-setup dd{color:var(--muted);margin:0;font-size:13px;line-height:1.85}.seq-automation{background:var(--lavender);border-radius:12px;margin:30px 0 45px;padding:24px 28px}.seq-automation summary{cursor:pointer;font-size:15px;font-weight:700}.seq-automation p,.seq-automation li{max-width:80ch;font-size:13px;line-height:1.9}.seq-automation p{margin-top:18px}.seq-automation ol{gap:14px;margin-top:18px;padding-left:22px;display:grid}.seq-automation a{color:var(--ink);text-underline-offset:3px}@media (width<=760px){.seq-start{grid-template-columns:minmax(0,1fr);gap:18px}.seq-workbench .lib-customize form>.button{grid-row:auto}}@media (width<=520px){.seq-timeline{gap:9px}.seq-timeline>a>span{padding:7px 12px}.seq-timeline>a>strong{font-size:11px}.seq-email{padding:23px 20px}.seq-email-heading h3{font-size:24px}.seq-subject{grid-template-columns:minmax(0,1fr)}.seq-subject .text-button{justify-self:start}.seq-start{margin-bottom:35px;padding:25px}.seq-start h2,.seq-rules h2,.seq-tests h2{font-size:30px}.seq-setup dl>div{grid-template-columns:minmax(0,1fr);gap:9px;padding:18px 0}.seq-automation{padding:22px}.seq-setup{padding-bottom:40px}}}