.content-news-list-02 {
  background-color: var(--content-news-list-02--block--background-color);
  padding-top: var(--content-news-list-02--block--padding-y);
  padding-bottom: var(--content-news-list-02--block--padding-y);
}
.content-news-list-02.mt-space-block {
  margin-top: var(--content-news-list-02--block--margin-top);
}
.content-news-list-02 .side-bar .legend {
  padding: var(--content-news-list-02--side-bar-legend--padding-y) var(--content-news-list-02--side-bar-legend--padding-x);
}
.content-news-list-02 .side-bar .container {
  background-color: var(--content-news-list-02--side-bar-container--background-color);
  border-radius: var(--content-news-list-02--side-bar-container--border-radius);
  padding-left: var(--content-news-list-02--side-bar-container--padding-x);
  padding-right: var(--content-news-list-02--side-bar-container--padding-x);
}
.content-news-list-02 .side-bar .container .legend {
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  gap: 0.5rem;
  border-bottom-color: var(--content-news-list-02--side-bar-legend--border-color);
  border-bottom-width: var(--content-news-list-02--side-bar-legend--border-width);
  color: var(--content-news-list-02--side-bar-legend--color);
  font-size: var(--content-news-list-02--side-bar-legend--font-size);
  text-transform: var(--content-news-list-02--side-bar-legend--text-transform);
}
.content-news-list-02 .side-bar .container .legend span {
  flex-grow: 1;
}
.content-news-list-02 .side-bar .container .legend svg {
  height: 1rem;
  flex-shrink: 0;
}
.content-news-list-02 .side-bar .container .legend.closed svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.content-news-list-02 .side-bar .products-filter-handler .container {
  padding-left: var(--theme--spacing--grid--margin);
  padding-right: var(--theme--spacing--grid--margin);
}
.content-news-list-02 .list-filter-handler {
  background-color: var(--content-news-list-02--filter-handler--background-color);
  border-top-color: var(--content-news-list-02--filter-handler--border-color);
  border-top-width: var(--content-news-list-02--filter-handler--border-width);
  box-shadow: var(--content-news-list-02--filter-handler--box-shadow);
  padding-top: var(--content-news-list-02--filter-handler--padding-y);
  padding-bottom: var(--content-news-list-02--filter-handler--padding-y);
}
.content-news-list-02 .list-filter-handler .container {
  padding-left: var(--theme--spacing--grid--margin);
  padding-right: var(--theme--spacing--grid--margin);
}
.content-news-list-02 .list-filter-handler .btn {
  background-color: var(--content-news-list-02--filter-handler-btn--background-color);
  border-color: var(--content-news-list-02--filter-handler-btn--border-color);
  border-radius: var(--content-news-list-02--filter-handler-btn--border-radius);
  color: var(--content-news-list-02--filter-handler-btn--color);
}
.content-news-list-02 .list-filter-handler .icon-text svg {
  height: 1rem;
  width: 1rem;
}
.content-news-list-02 .paging {
  margin-top: var(--content-news-list-02--paging--margin-top);
}
.content-news-list-02 .paging .nav-paging {
  justify-content: var(--content-news-list-02--paging--justify-content);
}
.content-news-list-02 .paging .nav-paging-item {
  background-color: var(--content-news-list-02--paging-item--background-color);
  border-color: var(--content-news-list-02--paging-item--border-color);
  border-width: var(--content-news-list-02--paging-item--border-width);
  border-radius: var(--content-news-list-02--paging-item--border-radius);
  color: var(--content-news-list-02--paging-item--color);
}
.content-news-list-02 .paging .nav-paging-item:hover:not(.active):not(.disabled) {
  background-color: var(--content-news-list-02--paging-item-hover--background-color);
  border-color: var(--content-news-list-02--paging-item-hover--border-color);
  color: var(--content-news-list-02--paging-item-hover--color);
}
.content-news-list-02 .paging .nav-paging-item.active {
  background-color: var(--content-news-list-02--paging-item-active--background-color);
  border-color: var(--content-news-list-02--paging-item-active--border-color);
  color: var(--content-news-list-02--paging-item-active--color);
}
.content-news-list-02 .side-bar .list-filter-options .form-label {
  color: var(--content-news-list-02--list-filter-option--color);
}
.content-news-list-02 .item-wrapper {
  background-color: var(--content-news-list-02--item--background-color);
  border-color: var(--content-news-list-02--item--border-color);
  border-bottom-width: var(--content-news-list-02--item--border-bottom-width);
  border-left-width: var(--content-news-list-02--item--border-left-width);
  border-right-width: var(--content-news-list-02--item--border-right-width);
  border-top-width: var(--content-news-list-02--item--border-top-width);
  border-radius: var(--content-news-list-02--item--border-radius);
  box-shadow: var(--content-news-list-02--item--box-shadow);
  color: var(--content-news-list-02--item-text--color);
  padding-bottom: var(--content-news-list-02--item--padding-y);
  padding-left: var(--content-news-list-02--item--padding-x);
  padding-right: var(--content-news-list-02--item--padding-x);
  padding-top: var(--content-news-list-02--item--padding-y);
}
.content-news-list-02 .item-wrapper .item-heading {
  color: var(--content-news-list-02--item-heading--color);
  font-size: var(--content-news-list-02--item-heading--font-size);
  line-height: var(--content-news-list-02--item-heading--line-height);
  letter-spacing: var(--content-news-list-02--item-heading--letter-spacing);
  text-transform: var(--content-news-list-02--item-heading--text-transform);
}
.content-news-list-02 .item-wrapper .item-heading a {
  color: inherit;
}
.content-news-list-02 .item-wrapper .item-text {
  color: var(--content-news-list-02--item-text--color);
  font-size: var(--content-news-list-02--item-text--font-size);
}
.content-news-list-02 .item-wrapper .item-author {
  color: var(--content-news-list-02--item-author--color);
  display: var(--content-news-list-02--item-author--display);
  font-size: var(--content-news-list-02--item-author--font-size);
  letter-spacing: var(--content-news-list-02--item-author--letter-spacing);
  text-transform: var(--content-news-list-02--item-author--text-transform);
}
.content-news-list-02 .item-wrapper .item-date {
  color: var(--content-news-list-02--item-date--color);
  display: var(--content-news-list-02--item-date--display);
  font-size: var(--content-news-list-02--item-date--font-size);
  font-weight: var(--content-news-list-02--item-date--font-weight);
}
.content-news-list-02 .item-wrapper .item-button {
  text-align: var(--content-news-list-02--item-button--text-align);
}
@media (max-width: 1023px) {
  body:has(.content-news-list-02 .side-bar > .open) #layout-main,
  body:has(.content-news-list-02 .side-bar > .open) #layout-content {
    z-index: 30;
  }
  .content-news-list-02 .side-bar > .open {
    top: 0px;
    z-index: 30;
  }
  .content-news-list-02 .side-bar > .open .list-filter.open {
    display: block;
    background-color: var(--content-news-list-02--side-bar-open--background-color);
  }
  .content-news-list-02 .side-bar > .open .list-filter.open .container {
    padding-left: var(--theme--spacing--grid--margin);
    padding-right: var(--theme--spacing--grid--margin);
  }
}
@media (min-width: 1024px) {
  .content-news-list-02 .side-bar {
    width: 15rem;
    flex-shrink: 0;
    margin-right: calc(var(--theme--spacing--grid--margin) * 2);
  }
  .content-news-list-02 .side-bar.open {
    height: auto;
  }
  .content-news-list-02 .side-bar .legend {
    padding-top: 0px;
    padding-bottom: var(--content-news-list-02--side-bar-legend--padding-y);
  }
}