@media screen and (max-width: 767px) {

  /* List Position */

  .tcb-post-content>ul:not(.legal-highlight):not(.legal-faq-description):not(.legal-list-image):not( .mc-list-howto ):not( .mc-list-tile-icons ):not([style]),
  .tcb-post-content>ol:not(.legal-faq-description):not( .mc-list-howto ):not( .mc-list-tile-icons )
  {
    margin-left: 0.5rem;
  }
}

@media screen and (min-width: 768px) {
  /* Display */

  .tcb-post-content .legal-list-2,
  .tcb-post-content .legal-list-3,
  .tcb-post-content .legal-list-4 {
    display: flex;
    flex-wrap: wrap;
  }

  /* Width and Height */

  .tcb-post-content .legal-list-2 li {
    width: calc(50% - (24px + 14px + 18px));
  }

  .tcb-post-content .legal-list-3:not( .legal-list-image-in-border ):not( .mc-list-tile-icons ) li {
    width: calc(33.333% - (24px + 14px + 18px));
  }

  .tcb-post-content .legal-list-4:not( .legal-list-image-in-border ):not( .mc-list-tile-icons ) li {
    width: calc(25% - (24px + 14px + 18px));
  }

  /* List Position */

  .tcb-post-content>ul:not(.legal-highlight):not(.legal-faq-description):not(.legal-list-image):not( .mc-list-howto ):not( .mc-list-tile-icons ):not([style]),
  .tcb-post-content>ol:not(.legal-faq-description):not( .mc-list-howto ):not( .mc-list-tile-icons )
  {
    margin-left: var(--Spacing-06);
  }

}

/* List Display */

.tcb-post-content ol:not(.menu__box) {
  list-style: none;
  counter-reset: legal-counter;
}

.tcb-post-content ol[style*="list-style-type: upper-alpha;"] {
  list-style: none !important;
  counter-reset: legal-counter-alpha;
}

.tcb-post-content ol:not(.menu__box)>li {
  counter-increment: legal-counter;
}

.tcb-post-content ol[style*="list-style-type: upper-alpha;"] li {
  counter-increment: legal-counter-alpha;
}

.tcb-post-content ol:not(.menu__box)>li::before {
  content: counter(legal-counter);
  display: inline-block;
}

.tcb-post-content ol[style*="list-style-type: upper-alpha;"] li::before {
  content: counter(legal-counter-alpha, upper-alpha);
}

.tcb-post-content ul {
  list-style: none;
  list-style-type: none;
}

.tcb-post-content li>br {
  display: block;
}

.legal-bonus ul:not(.legal-sitemap),
.legal-bonus ol,
.billet-mega ul:not(.legal-sitemap),
.billet-mega ol {
  margin-top: 0px;
}

.legal-bonus ul:not(.legal-sitemap):not( :last-child ),
.legal-bonus ol:not( :last-child ),
.billet-mega ul:not(.legal-sitemap):not( :last-child ),
.billet-mega ol:not( :last-child ) {
  margin-bottom: var( --Spacing-04 );
}

.legal-bonus ul:not(.legal-sitemap):last-child,
.legal-bonus ol:last-child,
.billet-mega ul:not(.legal-sitemap):last-child,
.billet-mega ol:last-child {
  margin-bottom: 0px;
}

.tcb-post-content>ul:not(.legal-highlight):not(.legal-faq-description):not(.legal-list-image):not( .mc-list-howto ):not( .mc-list-tile-icons ):not([style]),
.tcb-post-content>ol:not(.legal-faq-description):not( .mc-list-howto ):not( .mc-list-tile-icons )
{
  margin-top: var( --Spacing-06 );
  margin-bottom: var( --Spacing-06 );
}

.tcb-post-content>ul:not([style]):not(.legal-list-image),
.tcb-post-content>ol {
  padding-left: 0px;
}

.tcb-post-content>.legal-list-image:not(.compilation-link) {
  padding-left: 0px;
  padding-bottom: 24px;
}

.tcb-post-content ul li,
.tcb-post-content ol li {
  position: relative;
}

.tcb-post-content :not( .mc-list-tile-icons ) li:not( .legal-list-image-in-border li ):not( .mc-list-tile-icons li )::before
{
  position: absolute;
  left: 0px;
}

.tcb-post-content>ul:not([style]):not(.legal-list-image):not( .mc-list-howto ):not( .mc-list-tile-icons ) li,
.tcb-post-content>ol:not( .mc-list-howto ):not( .mc-list-tile-icons ) li
{
  padding-left: calc( 24px + 12px );
}

.tcb-post-content>.legal-list-image:not(.compilation-link):not( .legal-list-image-in-border ):not( .mc-list-tile-icons li ) li {
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: calc( 24px + 14px );
}

.tcb-post-content ul:not(.legal-highlight):not(.legal-faq-description):not([style]):not(.legal-list-image):not( .mc-list-howto ):not( .mc-list-tile-icons ) li:not( :last-child),
.tcb-post-content ol:not(.legal-faq-description):not( .mc-list-howto ):not( .mc-list-tile-icons ) li:not( :last-child),
.bonus-content>ul li:not(:last-child),
.billet-description>ul li:not(:last-child),
.bonus-content>ol li:not(:last-child),
.billet-description>ol li:not(:last-child)
{
  margin-bottom: var( --Spacing-04 );
}

.legal-billet ul,
.legal-billet ol {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 0px;
}

.tcb-post-content .legal-highlight {
  padding-top: 15px;
}

.billet-description>ul:not(.legal-override):not([style]):last-child,
.billet-description>ol:not(.legal-override):last-child {
  padding-bottom: 12px;
  padding-left: 0px;
}

.bonus-content>ul li,
.billet-description>ul li,
.bonus-content>ol li,
.billet-description>ol li {
  padding-left: calc( 24px + 12px );
}

.tcb-post-content li>ul,
.tcb-post-content li>ol {
  margin-top: var( --Spacing-04 );
  margin-left: calc( 28px - ( 24px + 12px ) );
  padding-left: 0px;
  
}

.tcb-post-content ul.legal-highlight li {
  padding-bottom: 0px;
}

.tcb-post-content li>br {
  margin-top: 8px;
}

/* List Width and Height */

.tcb-post-content ol:not( .mc-list-howto ):not( .mc-list-tile-icons ) > li::before
{
  width: 24px;
  height: 24px;
}

/* List Background */

.tcb-post-content ol[style*="list-style-type: upper-alpha;"] li:before {
  background-color: var( --Primitives-blue-40 );
  border-radius: 50%;
}

/* Typography */

.tcb-post-content ul>li,
.tcb-post-content ol li,
.tcb-post-content ol:not(.menu__box)>li::before {
  font-family: var( --legal-font-primary );
  font-style: normal;
}

.tcb-post-content ul>li,
.tcb-post-content ol li,
.tcb-post-content ol:not(.menu__box)>li::before,
.tcb-post-content ol[style*="list-style-type: upper-alpha;"] li:before {
  color: var( --Base-base-09 );
}

.tcb-post-content>ul:not(.legal-highlight):not(.legal-faq-description):not(.mc-list-tile-icons):not([style]) li,
.tcb-post-content>ol li,
.bonus-content>ul li,
.billet-description>ul li,
.bonus-content>ol li,
.billet-description>ol li {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625rem;
}

.tcb-post-content ul:not( .mc-list-howto ):not( .mc-list-tile-icons ):not( .legal-list-image ) > li:before
{
  font-family: var( --legal-font-icons );
  font-size: 24px;
  line-height: 24px;
}

.tcb-post-content ol:not(.menu__box):not( .mc-list-howto ):not( .mc-list-tile-icons ) > li::before
{
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
}

.tcb-post-content>ul:not(.legal-list-image):not(.legal-list-pros):not(.legal-list-cons):not( .mc-list-howto ):not( .mc-list-tile-icons ) > li:before,
.tcb-post-content>ul:not(.legal-list-image):not(.legal-list-pros):not(.legal-list-cons):not( .mc-list-howto ):not( .mc-list-tile-icons ) ul > li:before,
.tcb-post-content>ol ul:not(.legal-list-image):not(.legal-list-pros):not(.legal-list-cons):not( .mc-list-howto ):not( .mc-list-tile-icons ) li:before,
.legal-billet ul:not(.legal-list-image):not( .mc-list-howto ):not( .mc-list-tile-icons ) li:before,
.legal-bonus ul:not(.legal-list-image):not( .mc-list-howto ):not( .mc-list-tile-icons ) li:before,
.billet ul:not(.legal-list-image):not( .mc-list-howto ):not( .mc-list-tile-icons ) li:before,
.billet-mega-content>ul:not(.legal-list-image):not(.legal-list-pros):not(.legal-list-cons):not( .mc-list-howto ):not( .mc-list-tile-icons ) li:before
{
  content: '\F107';
}

.tcb-post-content>.legal-list-pros li:before,
.billet-mega-content>.legal-list-pros li:before {
  content: '\F10D';
}

.tcb-post-content>.legal-list-cons li:before,
.billet-mega-content>.legal-list-cons li:before {
  content: '\F10E';
  color: var( --Base-base-05 );
}

.tcb-post-content .legal-list-image li::before {
  font-family: var( --legal-font-icons-sport );
  font-style: normal;
}