/** Shopify CDN: Minification failed

Line 21:2 Unexpected "{"
Line 21:3 Expected identifier but found "%"
Line 37:2 Unexpected "{"
Line 37:3 Expected identifier but found "%"
Line 51:12 Expected identifier but found whitespace
Line 51:14 Unexpected "{"
Line 51:23 Expected ":"

**/



.tabs_container .product-tab-carousel:not(.active),
.tabs_container .dt-sc-tabs-content-Details:not(.active) {opacity: 0; pointer-events: none;display: none;}


  .tabs .tablinks .tab-count { display: none; visibility: hidden; }
  
  {% if section.settings.enable_tab_count %}  
  .tabs .tablinks .tab-count {
    font-size: 60%;
    width: 25px;
    height: 25px;
    position: relative;
    top: -15px;
    left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: visible; 
    border-radius: 50%;
    background-color: var(--color-base-accent-2);
      color: var(--color-base-background-1);
        }
  {% endif %}

/* .tabs_container .dt-sc-tabs-content:not(.active) {
    opacity: 0;
    pointer-events: none;
} */


  .product-tab-wrapper .collection .grid__item > .media .image-block-heading {
    background: none;
  }
  .product-tab-wrapper .collection .grid__item > .media .image-block-heading:before {
    content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;
    
    opacity: {{ section.settings.image_block_overlay_transparency }};
    z-index: -1;
  }
  .product-tab-wrapper .collection .grid__item > .media .image-block-heading > *:not(.button) {
    color: var(--color-foreground);
      }
 .product-tab-wrapper .collection .grid__item > .media .image-block-heading > .button {
    color: var(--color-base-background-1);
      }
  .product-tab-wrapper .collection .grid__item > .media .image-block-heading:not(.color-text) > .button:not(:hover) {
    background-color: var(--color-foreground);
      color: var(--color-base-background-1);
        box-shadow: 0 0 0 .2rem var(--color-foreground);
          }
  .product-tab-wrapper .collection .grid__item > .media .image-block-heading.color-inverse > .button:not(:hover) {
    color: var(--color-base-outline-button-labels);
      }