.BlogList-module__13TaCa__filters{z-index:5;scrollbar-width:none;background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.5);width:fit-content;max-width:100%;box-shadow:inset 0 0 0 1px var(--hair);border-radius:999px;gap:4px;margin-top:clamp(40px,7vh,72px);padding:4px;display:flex;position:sticky;top:86px;overflow-x:auto}.BlogList-module__13TaCa__filters::-webkit-scrollbar{display:none}.BlogList-module__13TaCa__filter{font-family:var(--font-display);color:var(--muted);transition:background-color .25s ease, color .25s ease, scale .16s var(--ease-out);border-radius:999px;flex:none;align-items:center;gap:8px;padding:9px 14px;font-size:15px;font-weight:600;display:inline-flex}.BlogList-module__13TaCa__filter span{opacity:.7;font-size:10px}.BlogList-module__13TaCa__filter:hover{color:var(--fg)}.BlogList-module__13TaCa__filter[aria-selected=true]{background:var(--fg);color:var(--bg)}.BlogList-module__13TaCa__filter:active{scale:.95}.BlogList-module__13TaCa__pill{box-shadow:inset 0 0 0 1px var(--hair);border-radius:999px;flex:none;padding:4px 9px}.BlogList-module__13TaCa__list{border-top:1px solid var(--hair);margin-top:clamp(20px,3vh,32px);padding:0;list-style:none}.BlogList-module__13TaCa__list li{border-bottom:1px solid var(--hair)}.BlogList-module__13TaCa__list li[hidden]{display:none}.BlogList-module__13TaCa__row{grid-template-columns:56px minmax(0,1fr) auto 40px;align-items:center;gap:20px;padding:clamp(20px,3.4vh,32px) 4px;transition:opacity .3s;display:grid}.BlogList-module__13TaCa__num{color:var(--muted)}.BlogList-module__13TaCa__text{gap:8px;display:grid}.BlogList-module__13TaCa__name{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;transition:translate .45s var(--ease-out), color .3s ease;font-size:clamp(24px,3vw,42px);font-weight:600;line-height:1.04}.BlogList-module__13TaCa__line{max-width:620px;color:var(--muted)}.BlogList-module__13TaCa__meta{color:var(--muted);align-items:center;gap:16px;display:flex}.BlogList-module__13TaCa__arrow{background:var(--fg);width:40px;height:40px;color:var(--bg);opacity:0;transition:scale .4s var(--ease-spring), opacity .2s ease;border-radius:50%;justify-self:end;place-items:center;display:grid;scale:.4}@media (hover:hover) and (pointer:fine){.BlogList-module__13TaCa__list:hover .BlogList-module__13TaCa__row:not(:hover){opacity:.35}.BlogList-module__13TaCa__row:hover .BlogList-module__13TaCa__name{color:var(--accent);translate:12px}.BlogList-module__13TaCa__row:hover .BlogList-module__13TaCa__arrow{opacity:1;scale:1}}.BlogList-module__13TaCa__row:focus-visible .BlogList-module__13TaCa__arrow{opacity:1;scale:1}.BlogList-module__13TaCa__row:active .BlogList-module__13TaCa__name{scale:.98}@media (max-width:900px),(hover:none){.BlogList-module__13TaCa__row{grid-template-columns:32px minmax(0,1fr) 40px;align-items:start;gap:12px}.BlogList-module__13TaCa__num{padding-top:6px}.BlogList-module__13TaCa__text{display:contents}.BlogList-module__13TaCa__name{grid-column:2}.BlogList-module__13TaCa__line,.BlogList-module__13TaCa__meta{grid-column:2/-1}.BlogList-module__13TaCa__arrow{opacity:1;grid-area:1/3;scale:1}}@media (max-width:760px){.BlogList-module__13TaCa__filters{margin-inline:-4px;position:static}}@media (prefers-reduced-motion:reduce){.BlogList-module__13TaCa__filter,.BlogList-module__13TaCa__row,.BlogList-module__13TaCa__name,.BlogList-module__13TaCa__arrow{transition:none}}@media (max-width:760px){.BlogList-module__13TaCa__filter span{font-size:12px}.BlogList-module__13TaCa__line{display:none}.BlogList-module__13TaCa__row{row-gap:10px;padding-block:18px}.BlogList-module__13TaCa__list li:nth-child(7n of :not([hidden])){padding-block:14px}.BlogList-module__13TaCa__list li:nth-child(7n of :not([hidden])) .BlogList-module__13TaCa__row{color:var(--paper-ink);background:var(--paper);box-shadow:0 0 0 1px var(--paper-line), 0 30px 60px -40px var(--paper-shadow);transition:opacity .3s ease, scale .5s var(--ease-spring);border-radius:22px;row-gap:12px;padding:22px 18px 20px;position:relative;overflow:hidden}.BlogList-module__13TaCa__list li:nth-child(7n of :not([hidden])) .BlogList-module__13TaCa__row:before{content:"";background:radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--sky-top) 55%, transparent), transparent 60%);opacity:.7;pointer-events:none;position:absolute;inset:0}.BlogList-module__13TaCa__list li:nth-child(7n of :not([hidden])) .BlogList-module__13TaCa__row>*{position:relative}.BlogList-module__13TaCa__list li:nth-child(7n of :not([hidden])) .BlogList-module__13TaCa__name{font-size:28px}.BlogList-module__13TaCa__list li:nth-child(7n of :not([hidden])) .BlogList-module__13TaCa__line{color:var(--paper-muted);display:block}.BlogList-module__13TaCa__list li:nth-child(7n of :not([hidden])) :is(.BlogList-module__13TaCa__num,.BlogList-module__13TaCa__meta){color:var(--paper-muted)}.BlogList-module__13TaCa__list li:nth-child(7n of :not([hidden])) .BlogList-module__13TaCa__pill{box-shadow:inset 0 0 0 1px var(--paper-line)}.BlogList-module__13TaCa__list li:nth-child(7n of :not([hidden])) .BlogList-module__13TaCa__arrow{background:var(--paper-ink);color:var(--paper)}.BlogList-module__13TaCa__list li:nth-child(7n of :not([hidden])) .BlogList-module__13TaCa__row:active{transition-duration:.3s,.12s;scale:.98}}@media (pointer:coarse){.BlogList-module__13TaCa__arrow{transition:scale .4s var(--ease-spring), opacity .2s ease, translate .3s var(--ease-out)}.BlogList-module__13TaCa__row:active .BlogList-module__13TaCa__arrow{translate:4px}}
