@layer components{ul.activities{background:linear-gradient(to right, transparent 24px, var(--foreground-secondary) 25px, transparent 26px)}.activity-item{& .top{background-color:var(--background-panel);border-top-left-radius:var(--rounding);border-top-right-radius:var(--rounding);border:var(--border);text-overflow:ellipsis;white-space:nowrap;border-bottom:none;flex-direction:row;align-items:center;gap:.2rem;padding:.625rem 1rem;font-size:.875rem;display:flex;position:relative;overflow:hidden;&:after{content:"";background:linear-gradient(to right, transparent, var(--background-panel) 50%);width:2rem;position:absolute;top:0;bottom:0;right:0}& a{text-decoration:none;&:hover{text-decoration:underline}}& time,& .verb,& .preposition{color:var(--foreground-secondary)}@media (width<=400px){& .verb{display:none}}}& ul{padding-left:0;& li :is(a,.card){border-top-left-radius:0;border-top-right-radius:0}}}}