:has(>.pattern-top-item){
  counter-reset:topItem;
}

.pattern-top-item{
  counter-increment:topItem;
}
.pattern-top-item .wp-block-columns{
  gap:0;
}
.pattern-top-item .wp-block-columns .pattern-top-item__text{
  background-color:var(--wp--preset--color--base);
  z-index:5;
}
.pattern-top-item .wp-block-columns .pattern-top-item__text:before{
  content:counter(topItem, decimal-leading-zero);
  display:block;
  margin-block-end:-.2em;
  font-size:var(--wp--preset--font-size--huge);
  font-weight:800;
  color:var(--wp--preset--color--accent-1);
  line-height:1;
}
.pattern-top-item .wp-block-columns .pattern-top-item__text>:first-child{
  margin-block-start:var(--wp--preset--spacing--50);
}
.pattern-top-item .wp-block-columns .pattern-top-item__media{
  margin-inline:calc(var(--wp--style--root--padding-left)*-1) calc(var(--wp--style--root--padding-right)*-1);
}
@media (min-width:783px){
  .pattern-top-item:nth-child(2n of .pattern-top-item) .wp-block-columns{
    flex-direction:row-reverse;
  }
  .pattern-top-item:nth-child(2n of .pattern-top-item) .wp-block-columns .pattern-top-item__text{
    padding-inline:var(--wp--preset--spacing--50) 0;
  }
  .pattern-top-item:nth-child(2n of .pattern-top-item) .wp-block-columns .pattern-top-item__media{
    margin-inline:calc(var(--wp--style--root--padding-left)*-1) 0;
  }
  .pattern-top-item:nth-child(2n of .pattern-top-item) .wp-block-columns .pattern-top-item__media figcaption{
    left:0;
    right:auto;
    text-align:left;
  }
  .pattern-top-item .wp-block-columns .pattern-top-item__text{
    padding-inline-end:var(--wp--preset--spacing--50);
  }
  .pattern-top-item .wp-block-columns .pattern-top-item__media{
    min-width:calc(50% + var(--wp--style--root--padding-right)/2);
    margin-inline-start:0;
  }
}
@media (min-width:1200px){
  .pattern-top-item:nth-child(2n of .pattern-top-item) .wp-block-columns .pattern-top-item__media{
    margin-inline:calc(var(--wp--style--root--padding-left)*-1) calc(var(--wp--preset--spacing--70)*-1);
  }
  .pattern-top-item .wp-block-columns .pattern-top-item__text{
    padding-block:var(--wp--preset--spacing--60);
  }
  .pattern-top-item .wp-block-columns .pattern-top-item__media{
    min-width:calc(50% + var(--wp--style--root--padding-right)/2 + var(--wp--preset--spacing--70));
    margin-inline-start:calc(var(--wp--preset--spacing--70)*-1);
  }
  .pattern-top-item .wp-block-columns .pattern-top-item__media .wp-block-image{
    position:relative;
  }
  .pattern-top-item .wp-block-columns .pattern-top-item__media figcaption{
    max-width:calc(100% - var(--wp--preset--spacing--50)*3 - var(--wp--preset--spacing--70));
  }
}
@media (max-width:782px){
  .pattern-top-item .wp-block-columns .pattern-top-item__text{
    order:-1;
    padding:0 var(--wp--preset--spacing--50) var(--wp--preset--spacing--50);
    margin-block-end:calc(var(--wp--preset--spacing--50)*-1);
  }
}
/*# sourceMappingURL=top-item.css.map */