/* Start:/bitrix/components/sprint.editor/blocks/templates/.default/_style.css?17543027533267*/
/* Общие стили для блоков */
.sp-block-table table {
    width: 100%;
    border-collapse: collapse;
}

.sp-block-table table tr {
    background: #f7f7f7;
    color: #8a8a8a;
}

.sp-block-table table tr:nth-child(odd) {
    background: #e7e6e6;
}

.sp-block-table table tr:hover {
    background: #d4d4d4;
    color: #000;
}

.sp-block-table table td {
    text-align: left;
    border: 1px solid #ccc;
    padding: 5px;
}

.sp-image img {
    width: 100%;
}

.sp-image-text {
    background: #eee;
    margin: 10px 0 10px;
    min-height: 250px;
}

.sp-image-text img {
    float: left;
    width: 320px;
    margin: 0 10px 10px 0;
}

.sp-iblock-elements {
    width: 350px;
    background: #ddd;
    padding: 10px;
}

.sp-properties {
    width: 400px;
    border-collapse: collapse;
}

.sp-properties_title {
    border: 1px solid #ccc;
    padding: 0 5px;
    font-weight: bold;
}

.sp-properties_text {
    border: 1px solid #ccc;
    padding: 0 5px;
}

.sp-gallery-items {
    overflow: hidden;
}

.sp-gallery-item {
    float: left;
    height: 220px;
    padding: 5px;
    /*width: 20%;*/
}

.sp-gallery-item-img-wrapper {
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    display: block;
    color: inherit;
}

.sp-gallery-item img {
    display: block;
    max-width: 100%;
    left: 50%;
    max-height: 100%;
    max-width: none;
    position: relative;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) translateZ(0);
    -moz-transform: translate(-50%, -50%) translateZ(0);
    -o-transform: translate(-50%, -50%) translateZ(0);
    -ms-transform: translate(-50%, -50%) translateZ(0);
    transform: translate(-50%, -50%) translateZ(0);
}

.sp-gallery-item-text {
    background-color: rgba(255, 255, 255, .7);
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    width: 100%;
}

.sp-gallery-item-text:hover {
    opacity: 1;
}

.sp-gallery-item-text::after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.sp-gallery-item-text-content {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
}

.sp-button_link,
.sp-button_link:link,
.sp-button_link:visited {
    display: inline-block;
    padding: 10px 20px;
    margin: 10px 0;
    border-radius: 20px;
    text-decoration: none;
    background: #ccc;
    color: #333;
}

.sp-button_link:hover {
    text-decoration: none;
    background: #333;
    color: #ccc;
}

/*accordion*/
.sp-accordion {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.sp-accordion-title {
    border-top: 1px solid #ccc;
    color: #444;
    cursor: pointer;
    padding: 10px;
    text-align: left;
}

.sp-accordion-title:first-child {
    border-top: none;
}

.sp-accordion-container {
    padding: 0 10px 10px;
    display: none;
    overflow: hidden;
}

.sp-accordion-title:after {
    content: '\02795';
    font-size: 12px;
    color: #777;
    float: right;
    margin: 2px 5px;
}

.sp-accordion-title__active:after {
    content: "\2796";
}

/* End */


/* Start:/local/templates/html/assets/components-template/catalog-targets/style.css?17543027677120*/
.catalog-targets {
  margin-bottom: 1.2rem;
  position: relative; }
  @media (max-width: 1199px) {
    .catalog-targets {
      margin-bottom: 26px; } }
  .catalog-targets .catalog-targets__link {
    background-color: #ffffff; }
  .catalog-targets__toggle {
    position: absolute;
    right: 0; }
  .catalog-targets__list {
    display: flex;
    overflow: hidden; }
    .catalog-targets__list.active {
      flex-wrap: wrap; }
      .catalog-targets__list.active .catalog-targets__toggle {
        position: static;
        transform: none; }
        .catalog-targets__list.active .catalog-targets__toggle:before {
          display: none; }
      .catalog-targets__list.active .catalog-targets__link {
        opacity: 1; }
    @media (max-width: 1199px) {
      .catalog-targets__list {
        flex-wrap: nowrap;
        overflow: auto;
        padding-bottom: 6px; }
        .catalog-targets__list::-webkit-scrollbar {
          width: 13px;
          height: 13px; }
        .catalog-targets__list::-webkit-scrollbar-thumb {
          background-image: -webkit-linear-gradient(right, transparent, transparent 8px, #000000 8px, #000000 10px, transparent 10px);
          background-image: linear-gradient(to right, transparent, transparent 8px, #000000 8px, #000000 10px, transparent 10px); }
        .catalog-targets__list::-webkit-scrollbar-thumb:hover {
          background-image: -webkit-linear-gradient(right, transparent, transparent 4px, #000 10px, #000 10px, transparent 10px);
          background-image: linear-gradient(to right, transparent, transparent 6px, #000 8px, #000 10px, transparent 10px); }
        .catalog-targets__list::-webkit-scrollbar-thumb:horizontal {
          background-image: -webkit-linear-gradient(bottom, transparent, transparent 8px, #000000 8px, #000000 10px, transparent 10px);
          background-image: linear-gradient(to bottom, transparent, transparent 8px, #000000 8px, #000000 10px, transparent 10px); }
        .catalog-targets__list::-webkit-scrollbar-thumb:horizontal:hover {
          background-image: -webkit-linear-gradient(bottom, transparent, transparent 4px, #000 10px, #000 10px, transparent 10px);
          background-image: linear-gradient(to bottom, transparent, transparent 6px, #000 8px, #000 10px, transparent 10px); } }
  .catalog-targets__link {
    padding: 1.2rem 2.4rem;
    transition: color 0.3s ease, background-color 0.3s ease;
    color: #000;
    margin-right: 2.4rem;
    white-space: nowrap;
    border-radius: 2px;
    position: relative;
    border: 1px solid #D4DBDF;
    display: flex;
    align-items: flex-start;
    margin-bottom: 2.4rem;
    gap: 4px; }
    .catalog-targets__link.invisible {
      opacity: 0; }
    .catalog-targets__link span:last-child {
      font-size: 12px; }
    @media (max-width: 1199px) {
      .catalog-targets__link {
        padding: 5.5px 12px;
        margin-right: 16px;
        margin-bottom: 0px; } }
    @media (min-width: 1024px) {
      .catalog-targets__link:hover {
        cursor: pointer;
        border-color: #000; }
        .catalog-targets__link:hover:before {
          right: 0; } }
    .catalog-targets__link.active {
      box-shadow: inset 0px 0px 0px 1px #000;
      border-color: #000;
      pointer-events: none; }
  .catalog-targets--inner .catalog-targets__list {
    flex-wrap: wrap; }
    @media (max-width: 1199px) {
      .catalog-targets--inner .catalog-targets__list {
        overflow: auto;
        flex-wrap: nowrap; } }
  .catalog-targets__toggle {
    padding: 1.2rem 2.4rem 1.5rem;
    opacity: 0;
    visibility: hidden;
    align-self: flex-start;
    background-color: #fff;
    border: 1px solid #fff; }
    .catalog-targets__toggle:before {
      pointer-events: none;
      position: absolute;
      content: "";
      top: -1px;
      bottom: -1px;
      right: 100%;
      width: 100px;
      background: linear-gradient(270deg, #ffffff 24.51%, rgba(255, 255, 255, 0.734375) 43%, rgba(255, 255, 255, 0) 88.78%); }
    .catalog-targets__toggle.visible {
      opacity: 1;
      visibility: visible; }
      @media (max-width: 1199px) {
        .catalog-targets__toggle.visible {
          display: none; } }
    .catalog-targets__toggle.active .icon {
      transform: rotate(180deg); }
  .catalog-targets--on-image {
    margin-bottom: 1.9rem; }
    .catalog-targets--on-image.visible {
      opacity: 1; }
      @media (max-width: 1199px) {
        .catalog-targets--on-image.visible {
          margin-right: calc(((100vw - 100%) / 2 - var(--scrollWidth) / 2) * -1);
          margin-bottom: 26px; } }
      @media (max-width: 767px) {
        .catalog-targets--on-image.visible {
          margin-right: calc(((100vw - 100%) / 2 ) * -1); } }
    .catalog-targets--on-image .catalog-targets__toggle {
      background-color: transparent;
      border-color: transparent;
      color: #000;
      fill: #000; }
      @media (max-width: 1199px) {
        .catalog-targets--on-image .catalog-targets__toggle {
          display: none; } }
      .catalog-targets--on-image .catalog-targets__toggle .btn--dashed:before, .catalog-targets--on-image .catalog-targets__toggle .btn--dashed:after {
        border-color: #000; }
      .catalog-targets--on-image .catalog-targets__toggle:before {
        display: none; }
    .catalog-targets--on-image .catalog-targets__link {
      background: #FFFFFF;
      backdrop-filter: blur(34px);
      -webkit-backdrop-filter: blur(34px);
      color: #000000; }
      .catalog-targets--on-image .catalog-targets__link.active {
        color: #000;
        background-color: #FFF;
        pointer-events: none; }

.choice_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 24px; }
  .choice_list .link-reset {
    margin-top: 8px;
    display: flex;
    align-items: center;
    color: #aaaaaa;
    fill: #aaaaaa; }
    @media (min-width: 1024px) {
      .choice_list .link-reset:hover {
        cursor: pointer;
        color: var(--theme-base-color);
        fill: var(--theme-base-color); } }
    .choice_list .link-reset .icon {
      transition: all 0.3s ease;
      margin-left: 8px; }

.filtered-list__item {
  padding: 4px 8px;
  display: flex;
  align-items: center;
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  margin-right: 8px;
  margin-top: 8px; }
  .filtered-list__item span:first-child {
    color: #aaaaaa;
    padding-right: 3px; }
  @media (min-width: 1024px) {
    .filtered-list__item:hover {
      cursor: pointer;
      color: var(--theme-base-color);
      text-decoration: line-through; }
      .filtered-list__item:hover .icon {
        fill: var(--theme-base-color); } }
  .filtered-list__item .icon {
    margin-left: 8px; }

.image-page-header .catalog-targets__link {
  color: #000000; }
  @media (min-width: 768px) {
    .image-page-header .catalog-targets__link:hover {
      cursor: pointer;
      color: #000;
      background-color: #b5d7e3;
      border-color: #fff; } }

.image-page-header .catalog-targets__link.active {
  border-color: #1789A1;
  background-color: #1789A1;
  color: #FFFFFF;
  box-shadow: inset 0px 0px 0px 1px #1789A1; }

/* End */
/* /bitrix/components/sprint.editor/blocks/templates/.default/_style.css?17543027533267 */
/* /local/templates/html/assets/components-template/catalog-targets/style.css?17543027677120 */