/* Copyright 2026 The Chromium Authors
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

/* #css_wrapper_metadata_start
 * #type=style-lit
 * #import=//resources/cr_elements/cr_shared_style_lit.css.js
 * #import=./shared_style.css.js
 * #import=./shared_vars.css.js
 * #scheme=relative
 * #include=cr-shared-style-lit shared-style
 * #css_wrapper_metadata_end */

:host {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0 var(--page-padding) 0 var(--page-padding);
}

#discoverCategories {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0 0 0;
}

skills-carousel {
  margin-bottom: 14px;
}

skill-card.skill-with-image {
  --skills-card-height: 308px;
}