/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties;
.categoriese_box {
  overflow: hidden;
  border-radius: var(--radius-xl, 0.75rem);
  background-color: var(--color-primary-50, #eff6fe);
  @media (width >= 64rem) {
    border-radius: var(--radius-2xl, 1rem);
  }
  @media (width >= 80rem) {
    border-radius: var(--radius-3xl, 1.5rem);
  }
  .cateList {
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 2);
    li {
      a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: var(--text-2xl, 1.5rem);
        line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
        --tw-leading: var(--leading-relaxed, 1.625);
        line-height: var(--leading-relaxed, 1.625);
        --tw-font-weight: var(--font-weight-bold, 700);
        font-weight: var(--font-weight-bold, 700);
        color: var(--color-primary-500, #042e5a);
        &.active {
          color: var(--color-secondary, #d9251b);
        }
      }
    }
  }
}
.product_grid {
  .item {
    height: auto;
    .products_info {
      display: block;
      height: 100%;
      overflow: hidden;
      border-radius: var(--radius-xl, 0.75rem);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
      background-color: var(--color-white, #fff);
      &:hover {
        @media (hover: hover) {
          --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
      }
      @media (width >= 64rem) {
        border-radius: var(--radius-2xl, 1rem);
      }
      @media (width >= 80rem) {
        border-radius: var(--radius-3xl, 1.5rem);
      }
      .img_box {
        margin-bottom: calc(var(--spacing, 0.25rem) * 2);
      }
      .cont_box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        overflow: hidden;
        border-radius: var(--radius-xl, 0.75rem);
        background-color: var(--color-primary-50, #eff6fe);
        padding: calc(var(--spacing, 0.25rem) * 3);
        @media (width >= 64rem) {
          border-radius: var(--radius-2xl, 1rem);
        }
        @media (width >= 64rem) {
          padding: calc(var(--spacing, 0.25rem) * 8);
        }
        @media (width >= 80rem) {
          border-radius: var(--radius-3xl, 1.5rem);
        }
        .box {
          .title {
            margin-bottom: calc(var(--spacing, 0.25rem) * 1);
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            font-size: var(--text-lg, 1.125rem);
            line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
            --tw-font-weight: var(--font-weight-bold, 700);
            font-weight: var(--font-weight-bold, 700);
            color: var(--color-primary-500, #042e5a);
            @media (width >= 64rem) {
              font-size: var(--text-2xl, 1.5rem);
              line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
            }
          }
          .desc {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            font-size: var(--text-sm, 0.875rem);
            line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
            color: var(--color-gray-400, oklch(70.7% 0.022 261.325));
          }
        }
        i {
          margin-left: calc(var(--spacing, 0.25rem) * 1);
          display: none;
          font-size: var(--text-4xl, 2.25rem);
          line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
          color: var(--color-primary-500, #042e5a);
          @media (width >= 48rem) {
            display: block;
          }
        }
      }
    }
  }
}
#page_products {
  main {
    position: relative;
    min-height: calc(var(--spacing, 0.25rem) * 60);
    @media (width >= 96rem) {
      min-height: 498px;
    }
    &::before {
      position: absolute;
      top: calc(var(--spacing, 0.25rem) * 0);
      left: calc(var(--spacing, 0.25rem) * 0);
      z-index: calc(1 * -1);
      display: block;
      height: calc(var(--spacing, 0.25rem) * 60);
      width: 100%;
      background-image: url('../images/product/banner.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      --tw-content: '';
      content: var(--tw-content);
      @media (width >= 96rem) {
        height: 498px;
      }
    }
    #box_1 {
      position: relative;
      padding-block: calc(var(--spacing, 0.25rem) * 0);
      h2 {
        display: flex;
        height: calc(var(--spacing, 0.25rem) * 30);
        align-items: center;
        justify-content: center;
        font-family: 'Montserrat';
        font-size: var(--text-3xl, 1.875rem);
        line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
        --tw-font-weight: var(--font-weight-bold, 700);
        font-weight: var(--font-weight-bold, 700);
        color: var(--color-white, #fff);
        @media (width >= 96rem) {
          height: 260px;
        }
        @media (width >= 40rem) {
          font-size: var(--text-4xl, 2.25rem);
          line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
        }
        @media (width >= 48rem) {
          font-size: var(--text-5xl, 3rem);
          line-height: var(--tw-leading, var(--text-5xl--line-height, 1));
        }
        @media (width >= 64rem) {
          font-size: var(--text-6xl, 3.75rem);
          line-height: var(--tw-leading, var(--text-6xl--line-height, 1));
        }
        @media (width >= 80rem) {
          font-size: var(--text-7xl, 4.5rem);
          line-height: var(--tw-leading, var(--text-7xl--line-height, 1));
        }
        @media (width >= 96rem) {
          font-size: 88px;
        }
      }
      .categoriese_box {
        padding: calc(var(--spacing, 0.25rem) * 3);
        @media (width >= 64rem) {
          padding: calc(var(--spacing, 0.25rem) * 10);
        }
        @media (width >= 96rem) {
          height: 300px;
        }
        @media (width >= 96rem) {
          padding: calc(var(--spacing, 0.25rem) * 15);
        }
        .cateList {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          @media (width >= 64rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          @media (width >= 80rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
          }
          li {
            a {
              overflow: hidden;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 1;
              font-size: var(--text-xl, 1.25rem);
              line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
              --tw-leading: var(--leading-relaxed, 1.625);
              line-height: var(--leading-relaxed, 1.625);
              --tw-font-weight: var(--font-weight-bold, 700);
              font-weight: var(--font-weight-bold, 700);
              color: var(--color-primary-500, #042e5a);
              @media (width >= 96rem) {
                font-size: var(--text-2xl, 1.5rem);
                line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
              }
              &.active {
                color: var(--color-secondary, #d9251b);
              }
            }
          }
        }
      }
    }
    #box_2 {
      padding-top: calc(var(--spacing, 0.25rem) * 5);
      .product_grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        gap: calc(var(--spacing, 0.25rem) * 3);
        @media (width >= 64rem) {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        @media (width >= 64rem) {
          gap: calc(var(--spacing, 0.25rem) * 4);
        }
        @media (width >= 80rem) {
          grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        @media (width >= 80rem) {
          gap: calc(var(--spacing, 0.25rem) * 5);
        }
      }
    }
  }
}
#page_productinfo {
  main {
    position: relative;
    min-height: calc(var(--spacing, 0.25rem) * 60);
    padding-top: calc(var(--spacing, 0.25rem) * 60);
    @media (width >= 64rem) {
      min-height: calc(var(--spacing, 0.25rem) * 80);
    }
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing, 0.25rem) * 24);
    }
    @media (width >= 96rem) {
      min-height: 415px;
    }
    @media (width >= 96rem) {
      padding-top: 260px;
    }
    &::before {
      position: absolute;
      top: calc(var(--spacing, 0.25rem) * 0);
      left: calc(var(--spacing, 0.25rem) * 0);
      z-index: calc(1 * -1);
      display: block;
      height: calc(var(--spacing, 0.25rem) * 60);
      width: 100%;
      background-image: url('../images/product/banner.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      --tw-content: '';
      content: var(--tw-content);
      @media (width >= 64rem) {
        height: calc(var(--spacing, 0.25rem) * 40);
      }
      @media (width >= 96rem) {
        height: 415px;
      }
    }
    &>.container {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      @media (width >= 64rem) {
        flex-direction: row;
      }
      .categoriese_box {
        padding: calc(var(--spacing, 0.25rem) * 3);
        @media (width >= 64rem) {
          padding: calc(var(--spacing, 0.25rem) * 10);
        }
        @media (width >= 96rem) {
          padding: calc(var(--spacing, 0.25rem) * 15);
        }
        .cateList {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          @media (width >= 64rem) {
            grid-template-columns: repeat(1, minmax(0, 1fr));
          }
          li {
            a {
              overflow: hidden;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 1;
              font-size: var(--text-lg, 1.125rem);
              line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
              --tw-leading: var(--leading-relaxed, 1.625);
              line-height: var(--leading-relaxed, 1.625);
              --tw-font-weight: var(--font-weight-bold, 700);
              font-weight: var(--font-weight-bold, 700);
              color: var(--color-primary-500, #042e5a);
              @media (width >= 96rem) {
                font-size: var(--text-2xl, 1.5rem);
                line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
              }
              &.active {
                color: var(--color-secondary, #d9251b);
              }
            }
          }
        }
      }
      #box_1, #box_2, #box_3, #box_4, #box_5 {
        margin-bottom: calc(var(--spacing, 0.25rem) * 6);
        padding: calc(var(--spacing, 0.25rem) * 0);
        @media (width >= 64rem) {
          margin-bottom: calc(var(--spacing, 0.25rem) * 12);
        }
      }
      #box_1 .container, #box_2 .container, #box_3 .container, #box_4 .container, #box_5 .container {
        padding-inline: calc(var(--spacing, 0.25rem) * 0);
      }
      #box_1 {
        padding-bottom: calc(var(--spacing, 0.25rem) * 0);
        @media (width >= 64rem) {
          padding-top: calc(var(--spacing, 0.25rem) * 0);
        }
      }
      .box_header {
        margin-bottom: calc(var(--spacing, 0.25rem) * 6);
        display: none;
        height: calc(var(--spacing, 0.25rem) * 20);
        @media (width >= 64rem) {
          display: flex;
        }
        @media (width >= 96rem) {
          margin-bottom: calc(var(--spacing, 0.25rem) * 12);
        }
        @media (width >= 96rem) {
          height: 155px;
        }
        .title_box {
          font-family: 'Montserrat';
          font-size: var(--text-2xl, 1.5rem);
          line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
          --tw-font-weight: var(--font-weight-bold, 700);
          font-weight: var(--font-weight-bold, 700);
          color: var(--color-primary-500, #042e5a);
          color: var(--color-white, #fff);
          @media (width >= 96rem) {
            font-size: 66px;
          }
        }
      }
      .title_h1 {
        margin-bottom: calc(var(--spacing, 0.25rem) * 6);
        font-family: 'Arial';
        font-size: var(--text-xl, 1.25rem);
        line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
        --tw-font-weight: var(--font-weight-bold, 700);
        font-weight: var(--font-weight-bold, 700);
        color: var(--color-primary-500, #042e5a);
        text-transform: uppercase;
        @media (width >= 64rem) {
          margin-bottom: calc(var(--spacing, 0.25rem) * 10);
        }
        @media (width >= 64rem) {
          font-size: var(--text-3xl, 1.875rem);
          line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
        }
      }
      #box_1 {
        .main_box {
          overflow: hidden;
          border-radius: var(--radius-xl, 0.75rem);
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
          padding: calc(var(--spacing, 0.25rem) * 5);
          @media (width >= 64rem) {
            border-radius: var(--radius-2xl, 1rem);
          }
          @media (width >= 80rem) {
            border-radius: var(--radius-3xl, 1.5rem);
          }
          .layout_row {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            @media (width >= 64rem) {
              flex-direction: row;
            }
            #proinfo_show {
              margin-bottom: calc(var(--spacing, 0.25rem) * 5);
              width: 100%;
              @media (width >= 64rem) {
                margin-bottom: calc(var(--spacing, 0.25rem) * 0);
              }
              @media (width >= 64rem) {
                width: 55%;
              }
              @media (width >= 64rem) {
                padding-right: 5%;
              }
              .gallery-top {
                .search_mask {
                  pointer-events: none;
                  position: absolute;
                  right: calc(var(--spacing, 0.25rem) * 1);
                  bottom: calc(var(--spacing, 0.25rem) * 1);
                  z-index: 9;
                  display: flex;
                  height: 50px;
                  width: 50px;
                  align-items: center;
                  justify-content: center;
                  background-color: color-mix(in srgb, #000 30%, transparent);
                  @supports (color: color-mix(in lab, red, red)) {
                    background-color: color-mix(in oklab, var(--color-black, #000) 30%, transparent);
                  }
                  color: var(--color-white, #fff);
                  i {
                    font-size: var(--text-2xl, 1.5rem);
                    line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
                  }
                }
                .imgbox {
                  display: block;
                  background-color: var(--color-white, #fff);
                  img {
                    height: 100%;
                    width: 100%;
                    object-fit: contain;
                  }
                }
              }
            }
            #proinfo_cont {
              width: 100%;
              @media (width >= 64rem) {
                width: 45%;
              }
              .desc_box {
                margin-bottom: calc(var(--spacing, 0.25rem) * 8);
                overflow: hidden;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 5;
                font-size: var(--text-lg, 1.125rem);
                line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
                --tw-leading: var(--leading-relaxed, 1.625);
                line-height: var(--leading-relaxed, 1.625);
                color: var(--color-gray-400, oklch(70.7% 0.022 261.325));
              }
              .btns_box {
                .btns_up {
                  margin-bottom: calc(var(--spacing, 0.25rem) * 6);
                  .btn_0 {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: var(--radius-xl, 0.75rem);
                    background-color: var(--color-primary-500, #042e5a);
                    padding-inline: calc(var(--spacing, 0.25rem) * 3);
                    padding-block: calc(var(--spacing, 0.25rem) * 4);
                    font-size: var(--text-lg, 1.125rem);
                    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
                    color: color-mix(in srgb, #fff 60%, transparent);
                    @supports (color: color-mix(in lab, red, red)) {
                      color: color-mix(in oklab, var(--color-white, #fff) 60%, transparent);
                    }
                    text-transform: uppercase;
                    &:hover {
                      @media (hover: hover) {
                        background-color: var(--color-secondary, #d9251b);
                      }
                    }
                    @media (width >= 64rem) {
                      border-radius: var(--radius-2xl, 1rem);
                    }
                    @media (width >= 80rem) {
                      border-radius: var(--radius-3xl, 1.5rem);
                    }
                  }
                }
                .btns_down {
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  justify-content: space-between;
                  gap: calc(var(--spacing, 0.25rem) * 2);
                  @media (width >= 48rem) {
                    flex-direction: row;
                  }
                  @media (width >= 64rem) {
                    flex-direction: column;
                  }
                  @media (width >= 96rem) {
                    flex-direction: row;
                  }
                  .btn_1, .btn_2 {
                    display: flex;
                    align-items: center;
                    color: var(--color-primary-500, #042e5a);
                    &:hover {
                      @media (hover: hover) {
                        color: var(--color-secondary, #d9251b);
                      }
                    }
                    i {
                      margin-right: calc(var(--spacing, 0.25rem) * 1);
                      font-size: var(--text-3xl, 1.875rem);
                      line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
                    }
                    span {
                      font-family: 'Montserrat';
                      font-size: var(--text-xl, 1.25rem);
                      line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
                      --tw-font-weight: var(--font-weight-bold, 700);
                      font-weight: var(--font-weight-bold, 700);
                    }
                  }
                }
              }
            }
          }
        }
      }
      #box_2 {
        .main_box {
          overflow: hidden;
          border-radius: var(--radius-xl, 0.75rem);
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
          padding: calc(var(--spacing, 0.25rem) * 3);
          @media (width >= 64rem) {
            padding: calc(var(--spacing, 0.25rem) * 10);
          }
          @media (width >= 80rem) {
            padding: calc(var(--spacing, 0.25rem) * 15);
          }
          @media (width >= 64rem) {
            border-radius: var(--radius-2xl, 1rem);
          }
          @media (width >= 80rem) {
            border-radius: var(--radius-3xl, 1.5rem);
          }
        }
      }
      #box_3 {
        .main_box {
          overflow: hidden;
          border-radius: var(--radius-xl, 0.75rem);
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
          padding: calc(var(--spacing, 0.25rem) * 3);
          @media (width >= 64rem) {
            padding: calc(var(--spacing, 0.25rem) * 10);
          }
          @media (width >= 80rem) {
            padding: calc(var(--spacing, 0.25rem) * 15);
          }
          @media (width >= 64rem) {
            border-radius: var(--radius-2xl, 1rem);
          }
          @media (width >= 80rem) {
            border-radius: var(--radius-3xl, 1.5rem);
          }
        }
      }
      #box_4 {
        .main_box {
          overflow: hidden;
          border-radius: var(--radius-xl, 0.75rem);
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
          padding: calc(var(--spacing, 0.25rem) * 3);
          @media (width >= 64rem) {
            padding: calc(var(--spacing, 0.25rem) * 10);
          }
          @media (width >= 80rem) {
            padding: calc(var(--spacing, 0.25rem) * 15);
          }
          @media (width >= 64rem) {
            border-radius: var(--radius-2xl, 1rem);
          }
          @media (width >= 80rem) {
            border-radius: var(--radius-3xl, 1.5rem);
          }
          .advantage_list {
            ul {
              display: grid;
              grid-template-columns: repeat(1, minmax(0, 1fr));
              gap: calc(var(--spacing, 0.25rem) * 5);
              padding-block: calc(var(--spacing, 0.25rem) * 5);
              @media (width >= 64rem) {
                grid-template-columns: repeat(2, minmax(0, 1fr));
              }
              @media (width >= 64rem) {
                gap: calc(var(--spacing, 0.25rem) * 10);
              }
              @media (width >= 80rem) {
                gap: calc(var(--spacing, 0.25rem) * 20);
              }
              li {
                display: flex;
                align-items: center;
                gap: calc(var(--spacing, 0.25rem) * 6);
                .icon_circle {
                  display: flex;
                  height: calc(var(--spacing, 0.25rem) * 16);
                  width: calc(var(--spacing, 0.25rem) * 16);
                  flex-shrink: 0;
                  align-items: center;
                  justify-content: center;
                  border-radius: calc(infinity * 1px);
                  background-color: var(--color-primary-300, #16497e);
                  color: var(--color-white, #fff);
                  @media (width >= 80rem) {
                    height: calc(var(--spacing, 0.25rem) * 32);
                  }
                  @media (width >= 80rem) {
                    width: calc(var(--spacing, 0.25rem) * 32);
                  }
                  i {
                    font-size: var(--text-3xl, 1.875rem);
                    line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
                    @media (width >= 80rem) {
                      font-size: var(--text-6xl, 3.75rem);
                      line-height: var(--tw-leading, var(--text-6xl--line-height, 1));
                    }
                  }
                }
                .text_box {
                  display: flex;
                  flex-direction: column;
                  gap: calc(var(--spacing, 0.25rem) * 2);
                  .title {
                    font-family: 'Montserrat';
                    font-size: var(--text-lg, 1.125rem);
                    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
                    --tw-leading: var(--leading-tight, 1.25);
                    line-height: var(--leading-tight, 1.25);
                    --tw-font-weight: var(--font-weight-bold, 700);
                    font-weight: var(--font-weight-bold, 700);
                    color: var(--color-primary-300, #16497e);
                    text-transform: uppercase;
                    @media (width >= 80rem) {
                      font-size: var(--text-2xl, 1.5rem);
                      line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
                    }
                    @media (width >= 80rem) {
                      --tw-leading: var(--leading-relaxed, 1.625);
                      line-height: var(--leading-relaxed, 1.625);
                    }
                  }
                  .desc {
                    font-size: var(--text-base, 1rem);
                    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
                    --tw-leading: var(--leading-tight, 1.25);
                    line-height: var(--leading-tight, 1.25);
                    color: var(--color-gray-400, oklch(70.7% 0.022 261.325));
                    @media (width >= 80rem) {
                      font-size: var(--text-lg, 1.125rem);
                      line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
                    }
                    @media (width >= 80rem) {
                      --tw-leading: var(--leading-relaxed, 1.625);
                      line-height: var(--leading-relaxed, 1.625);
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-content: "";
    }
  }
}