@layer components{.category-browser{background-color:var(--color-surface-secondary);min-height:60vh;display:flex}.category-sidebar{width:258px;min-width:258px;overflow-x:clip}.category-sidebar-item{text-overflow:ellipsis;white-space:nowrap;padding-block:calc(var(--spacing,.25rem)*3);padding-right:calc(var(--spacing,.25rem)*4);padding-left:calc(var(--spacing,.25rem)*6);font-size:var(--type-body-default-size);line-height:var(--type-body-default-line-height);font-weight:var(--type-body-default-weight);transition-duration:var(--duration-standard);transition-timing-function:var(--ease-standard);text-align:left;width:100%;color:var(--color-text-tertiary);cursor:pointer;display:block;overflow:hidden}@media (hover:hover) and (pointer:fine){.category-sidebar-item:not([data-active=true]):hover{background-color:var(--color-surface-tertiary)}}.category-sidebar-item[data-active=true]{font-size:var(--type-label-large-size);line-height:var(--type-label-large-line-height);font-weight:var(--type-label-large-weight);color:var(--color-text-default);background-color:var(--color-surface-default);box-shadow:var(--shadow-high)}.category-sidebar-item[data-active=true]:focus-visible{box-shadow:var(--shadow-focus-ring),var(--shadow-high)}.category-content{background-color:var(--color-surface-default);flex:1;min-width:0}.category-content-header{padding-block:calc(var(--spacing,.25rem)*4);padding-right:calc(var(--spacing,.25rem)*4);padding-left:calc(var(--spacing,.25rem)*6);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.category-content-title{font-size:var(--type-title-section-sm-size);line-height:var(--type-title-section-sm-line-height);font-weight:var(--type-title-section-sm-weight);color:var(--color-text-strong)}.category-content-more{font-size:var(--type-label-default-size);line-height:var(--type-label-default-line-height);font-weight:var(--type-label-default-weight);transition-duration:var(--duration-micro);color:var(--color-text-tertiary);cursor:pointer;flex-shrink:0;-webkit-text-decoration-line:underline;text-decoration-line:underline;transition-timing-function:ease-in-out}@media (hover:hover) and (pointer:fine){.category-content-more:hover{color:var(--color-text-default)}}.category-sub-list{flex-direction:column;display:flex}.category-sub-item{padding-block:calc(var(--spacing,.25rem)*3);padding-right:calc(var(--spacing,.25rem)*4);padding-left:calc(var(--spacing,.25rem)*6);font-size:var(--type-label-large-size);line-height:var(--type-label-large-line-height);font-weight:var(--type-label-large-weight);transition-duration:var(--duration-micro);color:var(--color-text-secondary);cursor:pointer;justify-content:space-between;align-items:center;transition-timing-function:ease-in-out;display:flex}@media (hover:hover) and (pointer:fine){.category-sub-item:hover{color:var(--color-text-default)}}.category-sub-item-arrow{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5);color:var(--color-text-disabled);flex-shrink:0}}