/* Theme-specific styles are loaded after each component's layout rules. */
.category-picture{display:contents}
/* Reference screenshot converted from its display profile to sRGB: #fdd957. */
[data-icon-theme=yellow] .category-round-image img,[data-icon-theme=yellow] .category-overview-image img{filter:grayscale(1) contrast(1.3)}
[data-icon-theme=yellow] .category-round-image,[data-icon-theme=yellow] .category-overview-image{border-radius:20px}
[data-icon-theme=yellow] .category-round.is-selected .category-round-image{background:#fdd957;border-color:#fdd957;transform:translateY(-3px) scale(1.04);animation:category-yellow-select .25s ease-out both}
[data-icon-theme=yellow] .category-round.is-selected:hover .category-round-image{background:#fdd957;border-color:#fdd957}
[data-icon-theme=yellow] .category-round.is-selected strong{color:#14151a}
[data-icon-theme=yellow] .category-overview-link:hover .category-overview-image,[data-icon-theme=yellow] .category-overview-link:focus-visible .category-overview-image{background:#fdd957;border-color:#fdd957;transform:translateY(-3px) scale(1.04)}
@keyframes category-yellow-select{from{transform:translateY(0) scale(1)}to{transform:translateY(-3px) scale(1.04)}}
@media(prefers-reduced-motion:reduce){[data-icon-theme=yellow] .category-round.is-selected .category-round-image{animation:none}}