@use '../../../../mx-core/src/base/shape';
@use '../../../../mx-core/src/base/typography';

.mx-fieldset {
  @extend .rounded-x-sm;
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px;
  padding: 20px 20px 16px;
  min-inline-size: auto;
  margin-inline-start: 0;
  margin-inline-end: 0;

  &--has-legend {
    padding-top: 12px;
  }

  &__legend {
    @extend .gl-title-sm;
    padding: 2px 8px;
  }
}