.layout{display:flex;flex:1 1;width:100%;max-width:90rem;margin:0 auto}.colors-table{display:flex;flex-direction:column;gap:2rem;.palette-section{display:flex;flex-direction:column;gap:.75rem;.palette-information{display:flex;gap:.5rem;align-items:center;.palette-name{margin:0;font-size:.875rem;font-weight:500;text-transform:capitalize}.palette-count{padding:.125rem .5rem;font-size:.6875rem;color:light-dark(var(--jarl-colors-gray-600),var(--jarl-colors-gray-300));background-color:light-dark(var(--jarl-colors-gray-100),var(--jarl-colors-gray-800));border-radius:999px}}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:.5rem}}}.sidebar{flex-shrink:0;width:13.75rem;margin-block-start:1.5rem;border-right:1px solid light-dark(var(--jarl-colors-gray-100),var(--jarl-colors-gray-800));.sidebar__content{position:sticky;top:calc(var(--jarl-header-height) + 1.5rem);display:grid;.sidebar__sections{display:flex;flex-direction:column;gap:1.5rem;padding:0;margin:0;list-style:none;.sidebar__item{padding:.75rem .75rem 0;.sidebar__item-title{font-size:.875rem;font-weight:700;text-transform:uppercase}.sidebar__subsections{display:flex;flex-direction:column;gap:.25rem;padding:0;margin-block-start:.5rem;list-style:none;.sidebar__subsection-item{padding:.25rem .25rem .25rem .625rem;font-size:.875rem;.sidebar__subsection-item-link{text-decoration:none}&.sidebar__subsection-item--active{font-weight:700;border-left:2px solid light-dark(var(--jarl-colors-blue-500),var(--jarl-colors-blue-300));.sidebar__subsection-item-link{color:light-dark(var(--jarl-colors-blue-500),var(--jarl-colors-blue-300))}}}}}}}}@media screen and (max-width:56.25rem){.sidebar{display:none}}