:root{--spt-pink:#d40f7d;--spt-pink-light:#fce8f4;--spt-pink-border:#f4b3d8;--spt-teal:#00b2a9;--spt-teal-light:#e0f7f6;--spt-teal-border:#80d8d4;--spt-white:#fff;--spt-grey-50:#f8f8f8;--spt-grey-100:#f0f0f0;--spt-grey-200:#e2e2e2;--spt-grey-400:#a0a0a0;--spt-grey-700:#4a4a4a;--spt-grey-900:#1a1a1a;--spt-shadow:0 2px 8px rgba(0,0,0,.06),0 8px 28px rgba(0,0,0,.07);--spt-radius:14px;--spt-radius-sm:7px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.demo-container{margin:0;max-width:1560px;padding-left:2rem}.tldr-card{background:var(--spt-white);border:1px solid var(--spt-grey-200);border-radius:var(--spt-radius);box-shadow:var(--spt-shadow);overflow:hidden;position:relative}.tldr-card:before{animation:gradientShift 4s ease-in-out infinite;background:linear-gradient(90deg,var(--spt-pink) 0,var(--spt-teal) 33%,var(--spt-pink) 66%,var(--spt-teal) 100%);background-size:200% 100%;content:"";display:block;height:7px}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.tldr-inner{padding:1.5rem 1.75rem 1.6rem}.tldr-header{align-items:center;display:inline-block;gap:10px}.tldr-badge{background:var(--spt-pink-light);border:1px solid var(--spt-pink-border);border-radius:5px;color:var(--spt-pink);flex-shrink:0;font-size:10px;font-weight:500;letter-spacing:.13em;padding:3px 9px;text-transform:uppercase;white-space:nowrap}.tldr-title{color:var(--spt-grey-900);font-size:20px;font-weight:600;line-height:1.3;padding-top:1.25rem;padding:10px 0 15px!important}.tldr-divider{background:var(--spt-grey-200);height:1px;margin-bottom:1rem}.tldr-body{color:var(--spt-grey-700);font-size:15px;line-height:1.75;min-height:1.4em}.tldr-cursor{animation:blink .85s step-end infinite;background:var(--spt-teal);border-radius:1px;display:inline-block;height:1em;margin-left:1px;vertical-align:middle;width:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.tldr-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:1.5rem}.tldr-tag{align-items:center;background:var(--spt-grey-100);border:1px solid var(--spt-grey-200);border-radius:20px;color:var(--spt-grey-700);display:inline-flex;font-size:12px;font-weight:400;gap:5px;padding:4px 12px;text-decoration:none;transition:border-color .18s,color .18s,background .18s}.tldr-tag:hover{background:var(--spt-teal-light);border-color:var(--spt-teal);color:var(--spt-teal)}.tldr-tag i{font-size:13px}.tldr-meta{align-items:center;border-top:1px solid var(--spt-grey-200);color:var(--spt-grey-400);display:flex;flex-wrap:wrap;font-size:12px;gap:6px;margin-top:1.1rem;padding-top:.85rem}.tldr-meta i{font-size:13px;vertical-align:-1px}.tldr-meta-dot{background:var(--spt-grey-200);border-radius:50%;height:3px;width:3px}.tldr-meta a{color:var(--spt-teal);font-weight:500;text-decoration:none}.tldr-meta a:hover{text-decoration:underline}