/* Generated by vite-plugin-svg-spritemap */
.label-forklift {
  position: relative;
  background-color: #1a1a1a;
  clip-path: polygon(0 0, calc(100% - 0.6875rem) 0, 100% 0.5rem, 100% 100%, 0 100%);
}
.label-forklift::before {
  content: "";
  position: absolute;
  inset: 0rem;
  background-color: #1a1a1a;
  z-index: -1;
  clip-path: polygon(0 0, calc(100% - calc(0.6875rem - 0rem)) 0, 100% calc(0.5rem - 0rem), 100% 100%, 0 100%);
}
.label-forklift {
  display: inline-flex;
  align-items: center;
  padding: 1.125rem 1.875rem;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #1a1a1a;
}
.pagination {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
}
.pagination {
  position: relative;
}
.pagination__decor {
  position: absolute !important;
  inset: 0rem;
  border-radius: 0.1875rem;
}
.pagination__decor::before {
  content: "";
  transition: background-color 0.3s;
}
.pagination__decor {
  position: relative;
  background-color: #e5e5e5;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 1.0625rem 100%, 0 calc(100% - 1.0625rem));
}
.pagination__decor::before {
  content: "";
  position: absolute;
  inset: 0.0625rem;
  background-color: #fff;
  border-radius: 0.1875rem;
  z-index: -1;
  clip-path: polygon(0 0, 100% 0, 100% 100%, calc(1.0625rem - 0.0625rem * 0.414) 100%, 0 calc(100% - calc(1.0625rem - 0.0625rem * 0.414)));
}
.pagination__button {
  flex: 0 0 3.25rem;
  width: 3.25rem;
  height: 3.25rem;
  padding-inline: 0.625rem;
  text-align: center;
}
.pagination__button::before, .pagination__button::after {
  display: none;
}
.pagination__button._pagination-active-page .pagination__decor[class]::before {
  content: "";
  background-color: #ea3e42;
}
.pagination__button._pagination-active-page .pagination__decor[class] {
  position: relative;
  background-color: #ea3e42;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 1.0625rem 100%, 0 calc(100% - 1.0625rem));
}
.pagination__button._pagination-active-page .pagination__decor[class]::before {
  content: "";
  position: absolute;
  inset: 0rem;
  background-color: #ea3e42;
  border-radius: 0.1875rem;
  z-index: -1;
  clip-path: polygon(0 0, 100% 0, 100% 100%, calc(1.0625rem - 0rem * 0.414) 100%, 0 calc(100% - calc(1.0625rem - 0rem * 0.414)));
}
.pagination__button._pagination-active-page {
  color: #fff;
}
.pagination__button_arrow svg {
  flex: 0 0 1rem;
}
.pagination__button_arrow {
  position: relative;
  background-color: #f5f5f5;
  clip-path: polygon(1.0625rem 0, 100% 0, 100% calc(100% - 1.0625rem), calc(100% - 1.0625rem) 100%, 0 100%, 0 1.0625rem);
}
.pagination__button_arrow::before {
  content: "";
  position: absolute;
  inset: 0rem;
  background-color: #fff;
  z-index: -1;
  border-radius: 0.1875rem;
  clip-path: polygon(calc(1.0625rem - 0rem / 2) 0, 100% 0, 100% calc(100% - calc(1.0625rem - 0rem / 2)), calc(100% - calc(1.0625rem - 0rem / 2)) 100%, 0 100%, 0 calc(1.0625rem - 0rem / 2));
}
.pagination__button_arrow-prev {
  transform: rotate(90deg);
}
.pagination__button_arrow-prev svg {
  transform: rotate(-90deg);
}
.pagination__button_arrow-next svg {
  transform: rotate(180deg);
}
.pagination__button_also {
  position: relative;
  background-color: #f5f5f5;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.0625rem), calc(100% - 1.0625rem) 100%, 0 100%);
}
.pagination__button_also::before {
  content: "";
  position: absolute;
  inset: 0rem;
  background-color: #fff;
  z-index: -1;
  border-radius: 0.1875rem;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - calc(1.0625rem - 0rem * 0.414)), calc(100% - calc(1.0625rem - 0rem * 0.414)) 100%, 0 100%);
}
.pagination__button_also {
  flex: 0 0 10.25rem;
  font-size: 0.875rem;
}
.pagination__button svg path {
  transition: stroke 0.3s;
}
.pagination__text {
  position: relative;
  font-weight: 500;
  font-size: 1rem;
  line-height: 135%;
  transform: translateY(-0.1875rem);
  transition: color 0.3s, background-color 0.3s;
}
@media (width <= 78.125em) {
  .pagination {
    gap: 0.75rem;
  }
}
@media (width <= 56.25rem) {
  .pagination__button_degrees:nth-child(n+7) {
    display: none;
  }
}
@media (width <= 48em) {
  .pagination {
    column-gap: 0.3125rem;
    row-gap: 0.9375rem;
  }
  .pagination__button_degrees:nth-child(n+5) {
    display: none;
  }
}
@media (width <= 35em) and (width > 35em) {
  .pagination {
    width: 23.75rem;
  }
}
@media (width <= 35em) and (width <= 23.75em) {
  .pagination {
    width: 21.25rem;
  }
}
@media (width <= 35em) {
  .pagination {
    margin-top: 1.25rem;
  }
  .pagination {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-inline: auto;
  }
  .pagination__button_dots {
    display: none;
  }
  .pagination__button_also {
    flex: 1 0 100%;
  }
}
@media (width <= 35em) and (width > 23.75em) and (width <= 35em) {
  .pagination {
    width: clamp( 21.25rem , 15.972222222225rem  +  22.2222222222vw , 23.75rem );
  }
}
@media (width > 35em) and (width <= 84.375em) {
  .pagination {
    margin-top: clamp( 1.25rem , -0.07911392405rem  +  3.7974683544vw , 3.125rem );
  }
}
@media (width > 78.125em) and (width <= 84.375em) {
  .pagination {
    gap: clamp( 0.75rem , -1.59375rem  +  3vw , 0.9375rem );
  }
}
@media (width > 84.375em) {
  .pagination {
    margin-top: 3.125rem;
  }
  .pagination {
    gap: 0.9375rem;
  }
}
@media (any-hover: hover) {
  .pagination__button:not(.pagination__button_arrow):hover {
    background-color: initial;
  }
  .pagination__button._pagination-active-page:hover .pagination__decor[class]::before {
    background-color: #c62c2f;
  }
  .pagination__button_degrees:hover .pagination__decor {
    position: relative;
    background-color: #161616;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 1.0625rem 100%, 0 calc(100% - 1.0625rem));
  }
  .pagination__button_degrees:hover .pagination__decor::before {
    content: "";
    position: absolute;
    inset: 0rem;
    background-color: #161616;
    border-radius: 0.1875rem;
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, calc(1.0625rem - 0rem * 0.414) 100%, 0 calc(100% - calc(1.0625rem - 0rem * 0.414)));
  }
  .pagination__button_dots:hover .pagination__decor {
    position: relative;
    background-color: #161616;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 1.0625rem 100%, 0 calc(100% - 1.0625rem));
  }
  .pagination__button_dots:hover .pagination__decor::before {
    content: "";
    position: absolute;
    inset: 0rem;
    background-color: #161616;
    border-radius: 0.1875rem;
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, calc(1.0625rem - 0rem * 0.414) 100%, 0 calc(100% - calc(1.0625rem - 0rem * 0.414)));
  }
  .pagination__button_also[class]:hover {
    background-color: #161616;
  }
  .pagination__button:hover svg path {
    stroke: #fff;
  }
  .pagination__button:hover .pagination__text {
    color: #fff;
  }
  .pagination__button:hover .pagination__decor::before {
    background-color: #161616;
  }
}
@media (any-hover: none) {
  .pagination__button:not(.pagination__button_arrow):active {
    background-color: initial;
  }
  .pagination__button_degrees:active .pagination__decor {
    position: relative;
    background-color: #161616;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 1.0625rem 100%, 0 calc(100% - 1.0625rem));
  }
  .pagination__button_degrees:active .pagination__decor::before {
    content: "";
    position: absolute;
    inset: 0rem;
    background-color: #161616;
    border-radius: 0.1875rem;
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, calc(1.0625rem - 0rem * 0.414) 100%, 0 calc(100% - calc(1.0625rem - 0rem * 0.414)));
  }
  .pagination__button_dots:active .pagination__decor {
    position: relative;
    background-color: #161616;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 1.0625rem 100%, 0 calc(100% - 1.0625rem));
  }
  .pagination__button_dots:active .pagination__decor::before {
    content: "";
    position: absolute;
    inset: 0rem;
    background-color: #161616;
    border-radius: 0.1875rem;
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, calc(1.0625rem - 0rem * 0.414) 100%, 0 calc(100% - calc(1.0625rem - 0rem * 0.414)));
  }
  .pagination__button:active .pagination__text {
    color: #fff;
  }
  .pagination__button:active .pagination__decor::before {
    background-color: #161616;
  }
}