:root{--card-gap:8px;--card-size:316px;--exclude:208px;--grid-3:calc(var(--card-size) * 3 + 2 * var(--card-gap));--grid-4:calc(var(--card-size) * 4 + 3 * var(--card-gap))}@layer components{.content-section{gap:var(--card-gap);width:100%;padding-inline:var(--card-gap);flex-direction:column;margin:24px auto 0;display:flex}@media (width>=1513px){.content-section{--offset:min(48px, calc((100vw - var(--exclude) - var(--grid-4)) / 2))}}.content-section:first-child{margin-top:0}@media (width>=1513px){.content-section:first-child{margin-top:var(--offset)}}.content-section:last-child{margin-bottom:var(--card-gap)}@media (width>=1513px){.content-section:last-child{margin-bottom:var(--offset)}}.content-section__content{width:100%;max-width:var(--grid-4);gap:var(--card-gap);flex-direction:column;margin:0 auto;display:flex}.content-section__content--overflow{overflow-x:auto}.content-section__content--overflow .table{min-width:max-content}.content-section__divider{background-color:var(--border);flex-grow:1;height:1px}.content-section__header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:color-mix(in oklab, var(--background) 90%, transparent);margin-inline:-8px;gap:8px;height:44px;margin-bottom:-8px;padding-inline:12px;display:flex;position:sticky;top:0;container-type:scroll-state}@media (width>=1513px){.content-section__header{margin-inline:0;padding-inline:0}}.content-section__header-inner{width:100%;max-width:var(--grid-4);align-items:center;gap:12px;margin:0 auto;display:flex}.content-section__header-underline{opacity:0;background-color:var(--border);width:100%;height:1px;transition:opacity .1s ease-out;position:absolute;bottom:-1px;left:0}@media (width>=1337px){.content-section--full .content-section__header{margin-inline:0;padding-inline:0}}.content-section--wide .content-section__content,.content-section--wide .content-section__header-inner{max-width:none}@media (width>=1337px){.content-section--wide .content-section__header{margin-inline:0;padding-inline:0}}@media (width>=1185px){.content-section--small:first-child{margin-top:min(48px, calc((100vw - var(--exclude) - var(--grid-3)) / 2))}}@media (width>=1185px){.content-section--small:last-child{margin-bottom:min(48px, calc((100vw - var(--exclude) - var(--grid-3)) / 2))}}.content-section--small .content-section__content{max-width:var(--grid-3)}@media (width>=1185px){.content-section--small .content-section__header{margin-inline:0;padding-inline:0}}.content-section--small .content-section__header-inner{max-width:var(--grid-3)}@container scroll-state(stuck:top){.content-section__header{background-color:color-mix(in oklab, var(--surface) 90%, transparent)}.content-section__header-underline{opacity:1}}}
