:host {
  display: block;
}

  :host * {
    box-sizing: border-box;
  }

.swirl-list {
  line-height: var(--s-line-height-base);
}

.swirl-list ul,
  .swirl-list ol {
    margin: 0;
    padding: 0;
    list-style-position: outside;
    list-style-type: none;
  }

.swirl-list ul li {
      padding-left: 1.5rem;
    }

.swirl-list ul li:before {
        display: inline-block;
        width: 1.5rem;
        margin-left: -1.5rem;
        text-align: center;
        content: "•";
      }

.swirl-list ol {
    counter-reset: item;
  }

.swirl-list ol ol {
      counter-reset: letter;
    }

.swirl-list ol ol li:before {
          content: counter(letter, lower-alpha) ".";
          counter-increment: letter;
        }

.swirl-list ol li {
      padding-left: 1.5rem;
    }

.swirl-list ol li:before {
        display: inline-block;
        min-width: 1.5rem;
        margin-left: -1.5rem;
        padding-right: var(--s-space-8);
        text-align: right;
        content: counter(item) ".";
        counter-increment: item;
        font-variant-numeric: tabular-nums;
      }

@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px) {

.swirl-list {
    font-size: var(--s-font-size-sm);
    line-height: var(--s-line-height-sm)
}
  }