.announcement{position:relative;a{color:#22c55e}a:hover{color:#16a34a}&:before{content:"";display:block;position:absolute;top:-1px;width:1rem;transform:translateX(-390%);height:1rem;background-color:#e5e7eb;border-radius:50%}&:first-child{&:before{background-color:#00d639}}&.pinned{&:before{content:"";display:none}}}@media screen and (max-width:320px){.announcement:before{left:-31px;background-color:#e5e7eb}}[data-theme=light]{.announcement{a{color:#047857}a:hover{color:#10b981}&:before{background-color:#334155}&:first-child{&:before{background-color:#007e45}}}}.announcements-timeline{position:relative;&:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:4px;background-color:#52525b;@media screen and (max-width:320px){width:2px}}}