@use '@gear-js/ui/headings' as *;
@use '@/shared/assets/styles/_shared.scss' as *;
@use '@/shared/assets/styles/_variables.scss' as *;

.fieldset {
  background: $gray003;
  border-radius: $borderRadius;
  border: none;
  padding: toRem(24);

  .legend {
    @extend %headingFont;
    color: $textColor;
    font-size: $fontSize;
    padding: 0 5px;
    font-weight: 500;
    line-height: toRem(20);
  }

  & > *:not(legend):not(:last-child) {
    margin-bottom: $margin;
  }
}