.numbered-grid__title,.numbered-grid__title:before{
  margin-bottom:.5rem;
}

.numbered-grid__body{
  margin-bottom:1rem;
}

.numbered-grid__item{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:180px;
  padding:1.5rem;
  --tw-text-opacity:1;
  animation-duration:.3s;
  color:rgb(255, 255, 255, var(--tw-text-opacity, 1));
  counter-increment:numbered-grid__counter;
  transition-duration:.15s;
  transition-duration:.3s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.numbered-grid__link a{
  align-items:center;
  border-color:hsl(var(--input));
  border-radius:calc(var(--radius) - 2px);
  border-width:0;
  display:inline-flex;
  gap:.5rem;
  height:2.5rem;
  justify-content:center;
  white-space:nowrap;
  width:-moz-fit-content;
  width:fit-content;
  --tw-bg-opacity:1;
  background-color:rgb(255, 255, 255, var(--tw-bg-opacity, 1));
  padding:.375rem 1rem;
  --tw-text-opacity:1;
  color:rgb(193, 39, 45, var(--tw-text-opacity, 1));
  --tw-ring-offset-color:hsl(var(--background));
  text-transform:uppercase;
  transition-duration:.15s;
  transition-property:transform;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.numbered-grid__items{
  border-radius:1rem;
  counter-reset:numbered-grid__counter;
  display:grid;
  gap:0;
  grid-template-columns:repeat(1, minmax(0, 1fr));
  overflow:hidden;
}

.numbered-grid__item:nth-child(8){
  --tw-bg-opacity:1;
  background-color:rgb(26, 26, 26, var(--tw-bg-opacity, 1));
}

.numbered-grid__item:nth-child(7){
  --tw-bg-opacity:1;
  background-color:rgb(43, 43, 43, var(--tw-bg-opacity, 1));
}

.numbered-grid__item:nth-child(6){
  --tw-bg-opacity:1;
  background-color:rgb(60, 60, 60, var(--tw-bg-opacity, 1));
}

.numbered-grid__item:nth-child(5){
  --tw-bg-opacity:1;
  background-color:rgb(74, 74, 74, var(--tw-bg-opacity, 1));
}

.numbered-grid__item:nth-child(4){
  --tw-bg-opacity:1;
  background-color:rgb(90, 90, 90, var(--tw-bg-opacity, 1));
}

.numbered-grid__item:nth-child(3){
  --tw-bg-opacity:1;
  background-color:rgb(166, 31, 36, var(--tw-bg-opacity, 1));
}

.numbered-grid__item:nth-child(2){
  --tw-bg-opacity:1;
  background-color:rgb(193, 39, 45, var(--tw-bg-opacity, 1));
}

.numbered-grid__item:first-child{
  --tw-bg-opacity:1;
  background-color:rgb(217, 68, 73, var(--tw-bg-opacity, 1));
}

.numbered-grid__title:before{
  content:counter(numbered-grid__counter) ".";
  display:block;
  font-size:2rem;
}

.numbered-grid__title{
  font-size:1rem;
  line-height:1.5rem;
  line-height:1.25;
}

.numbered-grid__body,.numbered-grid__link a{
  font-size:.75rem;
  line-height:1rem;
}

.numbered-grid__link a,.numbered-grid__title,.numbered-grid__title:before{
  font-weight:700;
}

.numbered-grid__body,.numbered-grid__title:before{
  opacity:.9;
}

.numbered-grid__link a:hover{
  --tw-bg-opacity:1;
  background-color:rgb(254, 242, 242, var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(0, 0, 0, var(--tw-text-opacity, 1));
}

.numbered-grid__item:hover{
  --tw-brightness:brightness(1.1);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.numbered-grid__link a:focus-visible{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
  --tw-ring-color:hsl(var(--ring));
  --tw-ring-offset-width:2px;
}

.numbered-grid__link a:disabled{
  opacity:.5;
  pointer-events:none;
}

.numbered-grid__item:hover .numbered-grid__link a,.numbered-grid__link .numbered-grid__item:hover a{
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width:1024px){
  .numbered-grid__item:nth-child(3),.numbered-grid__item:nth-child(4),.numbered-grid__item:nth-child(5),.numbered-grid__item:nth-child(6){
    grid-column:span 1 / span 1;
  }
  .numbered-grid--length-4 .numbered-grid__item:nth-child(3),.numbered-grid--length-4 .numbered-grid__item:nth-child(4),.numbered-grid--length-5 .numbered-grid__item:nth-child(5),.numbered-grid__item:first-child,.numbered-grid__item:nth-child(2),.numbered-grid__item:nth-child(7),.numbered-grid__item:nth-child(8){
    grid-column:span 2 / span 2;
  }
  .numbered-grid--length-4 .numbered-grid__item:nth-child(3),.numbered-grid--length-4 .numbered-grid__item:nth-child(4),.numbered-grid--length-5 .numbered-grid__item:nth-child(5),.numbered-grid__item:nth-child(3),.numbered-grid__item:nth-child(4),.numbered-grid__item:nth-child(5),.numbered-grid__item:nth-child(6){
    grid-row:span 1 / span 1;
  }
  .numbered-grid__item:first-child,.numbered-grid__item:nth-child(2),.numbered-grid__item:nth-child(7),.numbered-grid__item:nth-child(8){
    grid-row:span 2 / span 2;
  }
  .numbered-grid__items{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
  .numbered-grid__item{
    padding:2rem;
  }
  .numbered-grid__title{
    font-size:1.125rem;
    line-height:1.75rem;
  }
  .numbered-grid__body,.numbered-grid__link a{
    font-size:.875rem;
    line-height:1.25rem;
  }
}
.numbered-grid__link a svg{
  flex-shrink:0;
  height:1rem;
  pointer-events:none;
  width:1rem;
}
/*# sourceMappingURL=numbered-grid.css.map */