.smtprl{display:grid;grid-template-columns:200px minmax(0,1fr) 200px;gap:28px;align-items:start;margin:0 auto}
@media (min-width:1200px){.smtprl.smtprl-wide{width:calc(100vw - 48px);max-width:1680px;margin-left:max(calc(50% - 50vw + 24px),calc(50% - 840px));margin-right:0}}
.smtprl-main{min-width:0}
.smtprl-rail{position:sticky;top:96px;height:calc(100vh - 120px);max-height:900px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%)}
.smtprl-track{display:flex;flex-direction:column;animation:smtprl-v var(--smtprl-d,60s) linear infinite;will-change:transform}
.smtprl-b{animation-direction:reverse}
.smtprl-set{display:flex;flex-direction:column}
.smtprl-rail:hover .smtprl-track,.smtprl-rail:focus-within .smtprl-track{animation-play-state:paused}
@keyframes smtprl-v{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes smtprl-h{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.smtprl-card{display:flex;flex-direction:column;gap:6px;margin:0 0 12px;padding:14px 14px 12px;background:#fff;border:1px solid #e6e8ef;border-radius:14px;text-decoration:none!important;color:#1f2433!important;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:border-color .15s,box-shadow .15s,transform .15s}
.smtprl-card:hover,.smtprl-card:focus-visible{border-color:#c9c2f5;box-shadow:0 6px 18px rgba(83,63,191,.12);transform:translateY(-1px)}
.smtprl-tag{align-self:flex-start;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1;padding:4px 7px;border-radius:999px;background:#eef0f5;color:#4a5165}
.smtprl-t-transactional{background:#e6f0ff;color:#1d5bd8}
.smtprl-t-automation{background:#f1ecff;color:#5b3fd0}
.smtprl-t-ecommerce{background:#e5f7ee;color:#147a4a}
.smtprl-t-crm{background:#fff0e5;color:#b2540f}
.smtprl-t-newsletter{background:#e5f6f8;color:#0e7282}
.smtprl-t-creator{background:#fde9f3;color:#b0306f}
.smtprl-t-agency{background:#fff6dc;color:#8a6200}
.smtprl-t-events{background:#eaf3e2;color:#4d7a1f}
.smtprl-top{display:flex;align-items:center;gap:10px}
.smtprl-card img{width:36px!important;height:36px!important;object-fit:contain;border-radius:8px;background:#f6f7fa;padding:4px;flex:0 0 36px}
.smtprl-name{font-weight:700;font-size:14px;line-height:1.25}
.smtprl-line{font-size:12px;line-height:1.4;color:#5b6275}
.smtprl-deal{font-size:11.5px;line-height:1.35;color:#4b33c4;background:#f2effe;border-radius:8px;padding:5px 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.smtprl-go{font-size:12px;font-weight:600;color:#4b33c4;margin-top:2px}
.smtprl-go:after{content:" \2192"}
.smtprl-cmp{background:#1f2433;border-color:#1f2433;color:#fff!important}
.smtprl-cmp .smtprl-line{color:#c9cddb}
.smtprl-cmp .smtprl-go{color:#fff}
.smtprl-cmp:hover{border-color:#4b33c4}
@media (max-width:1199px){
.smtprl{display:flex;flex-direction:column;gap:18px}
.smtprl-rail{position:relative;top:auto;height:auto;max-height:none;width:100%;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%)}
.smtprl-rail-l{order:0}.smtprl-main{order:1;width:100%}.smtprl-rail-r{order:2}
.smtprl-track{flex-direction:row;width:max-content;animation-name:smtprl-h}
.smtprl-set{flex-direction:row;align-items:flex-start}
.smtprl-card{width:230px;margin:0 10px 0 0;flex:0 0 auto;padding:10px 12px;gap:4px}
.smtprl-card img{width:28px!important;height:28px!important;flex-basis:28px}
.smtprl-line,.smtprl-go{display:none}
.smtprl-cmp .smtprl-line,.smtprl-cmp .smtprl-go{display:block}
.smtprl-deal{-webkit-line-clamp:1;padding:3px 7px}
}
@media (prefers-reduced-motion:reduce){
.smtprl-track{animation:none!important}
.smtprl-rail{overflow:auto}
.smtprl-set[aria-hidden="true"]{display:none}
}