/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

:host([layout="large-icon"]) {
  --box-icon-size: var(--icon-size-xlarge);

  .text-content.has-icon.has-description {
    grid-template-areas:
      "icon label"
      "icon description";
  }
}

.box-container {
  padding: var(--box-padding);
  display: flex;
  align-items: center;
  gap: var(--space-small);
  font-size: inherit;
  text-align: start;
}

.box-content {
  flex: 1 1 auto;
}