/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/template-filter-product-vxe/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-tbs-block-template-filter-product-vxe {
  border: none;
  padding-inline: unset !important;
  margin: unset !important;
}
.wp-block-tbs-block-template-filter-product-vxe .template-filter-product-vxe-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.wp-block-tbs-block-template-filter-product-vxe .filter-group-list {
  display: flex;
  justify-content: space-around;
  gap: 20px;
  font-size: 0.9rem;
}
.wp-block-tbs-block-template-filter-product-vxe .filter-group-list .filter-group {
  flex: 1;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
}
.wp-block-tbs-block-template-filter-product-vxe .filter-group-list .filter-group label:has(input:checked) {
  color: var(--wp--preset--color--secondary);
}
.wp-block-tbs-block-template-filter-product-vxe .filter-group-list .filter-group label:has(input:checked)::before {
  color: currentColor !important;
}
.wp-block-tbs-block-template-filter-product-vxe .filter-group-list .filter-group .filter-group-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  font-weight: bold;
}
.wp-block-tbs-block-template-filter-product-vxe .filter-group-list .filter-group .filter-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
  overflow-y: scroll;
  height: 10rem;
}
.wp-block-tbs-block-template-filter-product-vxe .products-table-container {
  background-color: #ffffff;
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
}
.wp-block-tbs-block-template-filter-product-vxe .products-table-container .vxe-grid {
  border-top: 4px solid var(--wp--preset--color--secondary);
}
.wp-block-tbs-block-template-filter-product-vxe .products-table-container .vxe-grid .vxe-grid--layout-body-wrapper {
  z-index: 0;
}
.wp-block-tbs-block-template-filter-product-vxe .products-table-container .vxe-grid .vxe-grid--layout-body-wrapper .vxe-grid--layout-body-content-wrapper {
  overflow: hidden !important;
}
.wp-block-tbs-block-template-filter-product-vxe .products-table-container .vxe-grid .vxe-grid--layout-body-wrapper .vxe-grid--layout-body-content-wrapper .vxe-body--row.row--level-0 {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.wp-block-tbs-block-template-filter-product-vxe .products-table-container .vxe-grid .vxe-grid--layout-body-wrapper .vxe-grid--layout-body-content-wrapper .vxe-body--row.row--level-0:has(.is--active) {
  background-color: #fad2d3;
}
.wp-block-tbs-block-template-filter-product-vxe .products-table-container .vxe-grid .vxe-grid--layout-body-wrapper .vxe-grid--layout-body-content-wrapper .vxe-body--row.row--level-1 {
  background-color: var(--vxe-ui-table-column-to-row-background-color);
}
.wp-block-tbs-block-template-filter-product-vxe .products-table-container .vxe-grid .vxe-grid--layout-body-wrapper .vxe-grid--layout-body-content-wrapper .header {
  display: flex;
  flex-direction: column;
}
.wp-block-tbs-block-template-filter-product-vxe .products-table-container::after {
  content: "* 上方产品参数仅供参考，详细技术参数请以技术规格书为准";
  display: block;
  margin-top: 10px;
  float: right;
  font-size: 12px;
}
.product-attachments {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  white-space: nowrap;
  justify-content: center;
}
.product-attachments .pro-spirite {
  display: inline-block;
  background-image: url(../images/pro-spirite.5cc7db7c.png);
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  margin: 0 auto;
  scale: 0.8;
}
.product-attachments .pro-spirite.certificate-bg {
  display: inline-block;
  width: 25px;
  height: 25px;
}
.product-attachments .pro-spirite.certificate-bg.ce-bg {
  background-position: -20px -383px;
}
.product-attachments .pro-spirite.certificate-bg.cb-bg {
  background-position: -73px -383px;
}
.product-attachments .pro-spirite.certificate-bg.ul-bg {
  background-position: -270px -383px;
  scale: 1;
}
.product-attachments .pro-spirite.certificate-bg.ccc-bg {
  background-position: -122px -383px;
}
.product-attachments .pro-spirite.certificate-bg.cqc-bg {
  background-position: -170px -383px;
}
.product-attachments .pro-spirite.certificate-bg.rohs-bg {
  background-position: -220px -383px;
}
.product-attachments .pro-spirite.resource-download {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 3px;
}
.product-attachments .pro-spirite.resource-download.three-download {
  background-position: -25px -430px;
}
.product-attachments .pro-spirite.resource-download.pcb-download {
  background-position: -125px -430px;
}
.product-attachments .pro-spirite.resource-download.sd-download {
  background-position: -75px -430px;
}
.product-attachments .pro-spirite.resource-download.app-download {
  background-position: -25px -504px;
}
.product-attachments .pro-spirite.resource-download.tech-download {
  background-position: -75px -504px;
}
.product-attachments .pro-spirite.pdf-bg {
  background-position: -176px -220px;
}
.attachment-item a {
  display: inline-block;
  text-decoration: none;
  color: #0073aa;
  font-size: 16px;
  padding: 2px;
}
.attachment-item a:hover {
  color: #005a87;
  transform: scale(1.1);
}
.attachment-item .dashicons {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.no-attachment {
  color: #999;
  font-style: italic;
}

/*# sourceMappingURL=style-index.css.map*/