:export{colorPrimary:#3245ff;colorSecondary:#bc52ee;colorTextPrimary:#111827;colorTextSecondary:#4b5563}.notes{--stagger-dur:.5s;--stagger-distance:12px;--stagger-stagger:40ms;--stagger-blur:3px;--stagger-ease:cubic-bezier(.22, 1, .36, 1);flex:1;padding:68px 24px 24px}@media (width<=1024px){.notes{padding:16px}}.notes__container{width:100%;max-width:800px;margin:0 auto}.notes__header{flex-direction:column;gap:4px;width:100%;max-width:608px;margin-bottom:48px;display:flex}@media (width<=1024px){.notes__header{margin-bottom:16px}}.notes__title{letter-spacing:-.015em;color:#111827;margin:0;font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;font-size:20px;font-weight:500;line-height:1.5}.notes__description{letter-spacing:-.015em;color:#4b5563;margin:0;font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;font-size:16px;font-weight:500;line-height:24px}.notes__list{flex-direction:column;gap:24px;width:100%;max-width:608px;margin:0;padding:0;list-style:none;display:flex}@media (width<=1024px){.notes__list{gap:16px}}.notes__item{border-bottom:1px solid #0000001a;padding-bottom:16px}.notes__item:last-child{border-bottom:none}.notes__link{text-decoration:none;transition:opacity .3s;display:block}.notes__link:hover{opacity:.7}.notes__item-title{letter-spacing:-.015em;color:#111827;margin:0 0 8px;font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;font-size:16px;font-weight:500;line-height:1.25}.notes__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notes__date{letter-spacing:-.015em;color:#111827;opacity:.5;font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;font-size:13px;font-weight:500;line-height:24px}.notes__separator{color:#111827;opacity:.5;font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;font-size:13px}.notes__tags{flex-wrap:wrap;gap:8px;display:flex}.notes__tag{letter-spacing:-.015em;color:#111827;opacity:.5;font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;font-size:13px;font-weight:500;line-height:24px}.notes__loading,.notes__empty,.notes__error{color:#4b5563;text-align:center;width:100%;max-width:608px;padding:32px;font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;font-size:16px}.notes__error{color:#d83333}.notes__observer-target{justify-content:center;align-items:center;min-height:50px;padding:16px;display:flex}.notes__loading-more{color:#4b5563;opacity:.7;font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;font-size:16px}.notes__end{text-align:center;margin-top:16px;padding:24px}.notes__end-text{color:#4b5563;opacity:.7;margin:0;font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;font-size:13px}.notes .t-stagger{--stagger-base-delay:.22s}.notes .t-stagger-line{opacity:0;transform:translateY(var(--stagger-distance));filter:blur(var(--stagger-blur));transition:opacity var(--stagger-dur) var(--stagger-ease), transform var(--stagger-dur) var(--stagger-ease), filter var(--stagger-dur) var(--stagger-ease);transition-delay:var(--stagger-delay,var(--stagger-base-delay));will-change:transform, opacity, filter}.notes__header.t-stagger-line{--stagger-delay:var(--stagger-base-delay)}.notes__item.t-stagger-line{--stagger-delay:calc(var(--stagger-base-delay) + var(--stagger-stagger) * 3)}.notes__item.t-stagger-line:nth-child(2){--stagger-delay:calc(var(--stagger-base-delay) + var(--stagger-stagger) * 4)}.notes__item.t-stagger-line:nth-child(3){--stagger-delay:calc(var(--stagger-base-delay) + var(--stagger-stagger) * 5)}.notes__item.t-stagger-line:nth-child(4){--stagger-delay:calc(var(--stagger-base-delay) + var(--stagger-stagger) * 6)}.notes__item.t-stagger-line:nth-child(5){--stagger-delay:calc(var(--stagger-base-delay) + var(--stagger-stagger) * 7)}.notes__item.t-stagger-line:nth-child(n+6){--stagger-delay:calc(var(--stagger-base-delay) + var(--stagger-stagger) * 8)}.notes .t-stagger.is-shown .t-stagger-line{opacity:1;filter:blur();transform:translateY(0)}.notes .t-stagger.is-hiding .t-stagger-line{opacity:0;filter:blur();transition:opacity .2s,transform linear,filter linear;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.notes .t-stagger-line{opacity:1;filter:none;transform:none;transition:none!important}}
