.FabricTypesSection {
  margin: 20px 0;
  padding: 48px 40px;
  background-color: #EBF6FF; }
  @media screen and (max-width: 762px) {
    .FabricTypesSection {
      padding: 16px; } }
  .FabricTypesSection .section_title {
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    border-bottom: 0px !important; }
  .FabricTypesSection .category_tabs {
    display: flex;
    margin-bottom: 20px;
    border-bottom: 1px solid #bcd3e6; }
    @media screen and (max-width: 762px) {
      .FabricTypesSection .category_tabs {
        margin-bottom: 24px; } }
    .FabricTypesSection .category_tabs button {
      background: none;
      border: none;
      padding: 6px 16px;
      margin-bottom: -1px;
      white-space: nowrap;
      color: #5882a6;
      font-size: 16px;
      font-weight: 600;
      font-family: inherit;
      line-height: 150%;
      border: 1px solid transparent;
      border-radius: 6px 6px 0 0;
      background: linear-gradient(180deg, transparent, transparent);
      cursor: pointer;
      transition: all 0.5s ease;
      position: relative; }
      @media screen and (max-width: 762px) {
        .FabricTypesSection .category_tabs button {
          padding: 6px 10px;
          font-size: 14px; } }
      .FabricTypesSection .category_tabs button.active {
        color: #004680;
        border-color: #bcd3e6;
        border-bottom-color: #EBF6FF;
        background: linear-gradient(180deg, rgba(0, 70, 128, 0.1), transparent); }
  .FabricTypesSection .category_panels .category_panel {
    display: none; }
    .FabricTypesSection .category_panels .category_panel.active {
      display: block; }
  .FabricTypesSection .category_panels .category_header {
    display: flex;
    gap: 40px;
    margin-bottom: 40px;
    align-items: flex-start; }
    @media screen and (min-width: 763px) and (max-width: 978px) {
      .FabricTypesSection .category_panels .category_header {
        gap: 24px; } }
    @media screen and (max-width: 762px) {
      .FabricTypesSection .category_panels .category_header {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 32px; } }
    .FabricTypesSection .category_panels .category_header .category_info {
      flex: 1; }
      .FabricTypesSection .category_panels .category_header .category_info .category_summary {
        color: #555;
        font-size: 15px;
        line-height: 1.7; }
        .FabricTypesSection .category_panels .category_header .category_info .category_summary p {
          font-size: 1em !important;
          margin: 0 0 1em 0; }
          .FabricTypesSection .category_panels .category_header .category_info .category_summary p:last-child {
            margin-bottom: 0; }
    .FabricTypesSection .category_panels .category_header .category_image_wrapper {
      flex-shrink: 0;
      max-width: 50%; }
      @media screen and (max-width: 762px) {
        .FabricTypesSection .category_panels .category_header .category_image_wrapper {
          max-width: 100%;
          width: 100%; } }
      .FabricTypesSection .category_panels .category_header .category_image_wrapper img {
        display: block;
        width: 100%;
        height: auto; }
  .FabricTypesSection .category_panels .versions_list .version_block {
    margin-bottom: 32px; }
    .FabricTypesSection .category_panels .versions_list .version_block:last-child {
      margin-bottom: 0; }
    @media screen and (max-width: 762px) {
      .FabricTypesSection .category_panels .versions_list .version_block {
        margin-bottom: 28px; } }
  .FabricTypesSection .category_panels .versions_list .version_title {
    color: #222;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 8px 0; }
  .FabricTypesSection .category_panels .versions_list .version_summary {
    color: #555;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 16px;
    max-width: 600px; }
    .FabricTypesSection .category_panels .versions_list .version_summary p {
      font-size: 1em !important;
      margin: 0 0 0.75em 0; }
      .FabricTypesSection .category_panels .versions_list .version_summary p:last-child {
        margin-bottom: 0; }
  .FabricTypesSection .category_panels .versions_list .colors_grid {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none; }
    @media screen and (min-width: 1439px) {
      .FabricTypesSection .category_panels .versions_list .colors_grid {
        grid-template-columns: repeat(8, 1fr); }
        .FabricTypesSection .category_panels .versions_list .colors_grid:has(.color_item:nth-child(n+9)) + .color_grid_toggle {
          display: inline-flex; } }
    @media screen and (min-width: 1209px) and (max-width: 1438px) {
      .FabricTypesSection .category_panels .versions_list .colors_grid {
        grid-template-columns: repeat(8, 1fr); }
        .FabricTypesSection .category_panels .versions_list .colors_grid:has(.color_item:nth-child(n+9)) + .color_grid_toggle {
          display: inline-flex; } }
    @media screen and (min-width: 979px) and (max-width: 1208px) {
      .FabricTypesSection .category_panels .versions_list .colors_grid {
        grid-template-columns: repeat(6, 1fr); }
        .FabricTypesSection .category_panels .versions_list .colors_grid:has(.color_item:nth-child(n+7)) + .color_grid_toggle {
          display: inline-flex; } }
    @media screen and (min-width: 763px) and (max-width: 978px) {
      .FabricTypesSection .category_panels .versions_list .colors_grid {
        grid-template-columns: repeat(6, 1fr); }
        .FabricTypesSection .category_panels .versions_list .colors_grid:has(.color_item:nth-child(n+7)) + .color_grid_toggle {
          display: inline-flex; } }
    @media screen and (max-width: 762px) {
      .FabricTypesSection .category_panels .versions_list .colors_grid {
        grid-template-columns: repeat(4, 1fr); }
        .FabricTypesSection .category_panels .versions_list .colors_grid:has(.color_item:nth-child(n+5)) + .color_grid_toggle {
          display: inline-flex; } }
    .FabricTypesSection .category_panels .versions_list .colors_grid .color_item {
      overflow: hidden;
      text-align: center;
      transition: all 0.5s ease;
      interpolate-size: allow-keywords; }
      .FabricTypesSection .category_panels .versions_list .colors_grid .color_item .color_link {
        display: block;
        text-decoration: none; }
        .FabricTypesSection .category_panels .versions_list .colors_grid .color_item .color_link:hover .color_swatch_wrapper::before, .FabricTypesSection .category_panels .versions_list .colors_grid .color_item .color_link:hover .color_swatch_wrapper::after {
          opacity: 1; }
      .FabricTypesSection .category_panels .versions_list .colors_grid .color_item .color_swatch_wrapper {
        overflow: hidden;
        position: relative;
        margin-bottom: 8px;
        border-radius: 4px;
        isolation: isolate; }
        .FabricTypesSection .category_panels .versions_list .colors_grid .color_item .color_swatch_wrapper::before, .FabricTypesSection .category_panels .versions_list .colors_grid .color_item .color_swatch_wrapper::after {
          opacity: 0;
          pointer-events: none; }
          @media screen and (max-width: 762px) {
            .FabricTypesSection .category_panels .versions_list .colors_grid .color_item .color_swatch_wrapper::before, .FabricTypesSection .category_panels .versions_list .colors_grid .color_item .color_swatch_wrapper::after {
              opacity: 1; } }
        .FabricTypesSection .category_panels .versions_list .colors_grid .color_item .color_swatch_wrapper::before {
          content: '';
          position: absolute;
          inset: 0;
          z-index: 10;
          transition: all 0.5s ease; }
        .FabricTypesSection .category_panels .versions_list .colors_grid .color_item .color_swatch_wrapper::after {
          content: '';
          position: absolute;
          inset: auto 2px 2px auto;
          z-index: 20;
          width: 28px;
          height: 28px;
          border-radius: 4px;
          box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
          background-color: rgba(255, 255, 255, 0.9);
          background-position: center;
          background-repeat: no-repeat;
          background-size: 75% auto;
          background-image: url("data:image/svg+xml,%3Csvg width='1200pt' height='1200pt' version='1.1' viewBox='0 0 1200 1200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m518.87 710.8c-18.348 0-33.277-14.93-33.277-33.277l0.003906-124.25h-124.26c-18.348 0-33.277-14.93-33.277-33.277s14.93-33.277 33.277-33.277h124.26v-124.26c0-18.348 14.93-33.277 33.277-33.277s33.277 14.93 33.277 33.277v124.25h124.25c18.348 0 33.277 14.93 33.277 33.277s-14.93 33.277-33.277 33.277h-124.24v124.26c0 18.348-14.941 33.277-33.289 33.277z' fill='%2316598f'/%3E%3Cpath d='m518.87 699.06c-11.879 0-21.539-9.6602-21.539-21.539v-136h-135.98c-11.879 0-21.539-9.6602-21.539-21.539s9.6602-21.539 21.539-21.539h136v-135.98c0-11.879 9.6602-21.539 21.539-21.539s21.539 9.6602 21.539 21.539v136h136c11.879 0 21.539 9.6602 21.539 21.539s-9.6602 21.539-21.539 21.539h-136.01v135.98c0 11.879-9.6602 21.539-21.539 21.539z' fill='%2316598f'/%3E%3Cpath d='m1109.2 1140c-10.98 0-20.27-3.5156-24.238-6.793l-265.11-265.05-8.9883 7.3906c-81.875 67.355-185.5 104.44-291.78 104.44-253.64 0-460-206.35-460-460 0.003906-253.63 206.26-459.98 459.77-459.98 253.64 0 460 206.35 460 459.98 0 106.26-37.176 209.95-104.66 292.01l-7.4023 8.9883 264.31 264.31c12.984 12.984 13.066 34.164 0.16797 47.23-4.7539 4.8125-12.59 7.4766-22.07 7.4766zm-590.11-1012.8c-216.7 0-392.99 176.2-392.99 392.76 0 216.57 176.29 392.77 392.99 392.77 216.57 0 392.77-176.2 392.77-392.77-0.015625-216.57-176.21-392.76-392.77-392.76z' fill='%2316598f'/%3E%3Cpath d='m1109.2 1128.3c-9 0-15.434-3.0117-16.766-4.1172l-271.8-271.84-17.219 14.172c-79.766 65.617-180.73 101.76-284.32 101.76-247.18 0-448.26-201.09-448.26-448.26 0-247.16 200.99-448.25 448.03-448.25 247.18 0 448.26 201.09 448.26 448.25 0 103.54-36.215 204.6-101.99 284.54l-14.172 17.219 271.85 271.84c8.4375 8.4375 8.4844 22.199 0.10938 30.684-2.4609 2.5117-7.5977 4-13.73 4zm-590.1-1012.8c-223.18 0-404.74 181.46-404.74 404.5 0 223.04 181.56 404.51 404.73 404.51 223.04 0 404.51-181.45 404.51-404.51 0.003907-223.03-181.46-404.5-404.5-404.5z' fill='%2316598f'/%3E%3C/svg%3E");
          transition: all 0.5s ease; }
        @media screen and (max-width: 762px) {
          .FabricTypesSection .category_panels .versions_list .colors_grid .color_item .color_swatch_wrapper::after {
            inset: auto 1px 1px auto;
            width: 24px;
            height: 24px; } }
      .FabricTypesSection .category_panels .versions_list .colors_grid .color_item .color_swatch {
        display: block;
        width: 100%;
        aspect-ratio: 1;
        object-fit: cover;
        transition: all 0.5s ease; }
      .FabricTypesSection .category_panels .versions_list .colors_grid .color_item .color_name {
        color: #000;
        font-size: 12px;
        font-weight: 500;
        line-height: 130%; }
    @media screen and (min-width: 1439px) {
      .FabricTypesSection .category_panels .versions_list .colors_grid.collapsed .color_item:nth-child(n+9) {
        display: none; } }
    @media screen and (min-width: 1209px) and (max-width: 1438px) {
      .FabricTypesSection .category_panels .versions_list .colors_grid.collapsed .color_item:nth-child(n+9) {
        display: none; } }
    @media screen and (min-width: 979px) and (max-width: 1208px) {
      .FabricTypesSection .category_panels .versions_list .colors_grid.collapsed .color_item:nth-child(n+7) {
        display: none; } }
    @media screen and (min-width: 763px) and (max-width: 978px) {
      .FabricTypesSection .category_panels .versions_list .colors_grid.collapsed .color_item:nth-child(n+7) {
        display: none; } }
    @media screen and (max-width: 762px) {
      .FabricTypesSection .category_panels .versions_list .colors_grid.collapsed .color_item:nth-child(n+5) {
        display: none; } }
    .FabricTypesSection .category_panels .versions_list .colors_grid.collapsed + .color_grid_toggle::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M5.63281 0.100586V4.78809H10.2988V5.6123H5.63281V10.2998H4.76562V5.6123H0.0996094V4.78809H4.76562V0.100586H5.63281Z' fill='%23336B98' stroke='%23336B98' stroke-width='0.2'/%3E%3C/svg%3E"); }
  .FabricTypesSection .category_panels .versions_list .color_grid_toggle {
    display: none;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin-top: 16px;
    color: #336B98;
    font-family: Raleway;
    font-size: 14px;
    font-weight: 500;
    line-height: 170%; }
    .FabricTypesSection .category_panels .versions_list .color_grid_toggle::before {
      content: '';
      width: 10px;
      height: 10px;
      display: block;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='2' viewBox='0 0 11 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2988 0.100586V0.924805H0.0996094V0.100586H10.2988Z' fill='%23336B98' stroke='%23336B98' stroke-width='0.2'/%3E%3C/svg%3E%0A"); }

/*# sourceMappingURL=fabrictypessection.default.scss.map */