/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./components/static/ProductArchive/style.css ***!
  \************************************************************************************************************************************************************************************************/
:root {
  --clr-primary: #61ae30;
  --clr-primary-muted: #61ae3080;
  --clr-primary-rgb: 97, 174, 48;
  --clr-secondary: #ef7d05;
  --clr-accent: #f7f7f7;
  --clr-grey: #d1d5db;
  --clr-grey-200: #ddd;
  --clr-grey-500: #cfcfcf;
  --clr-grey-900: #585f65;
  --clr-grey-dark: #373d42;
  --clr-grey-dark-muted: #898989;
  --clr-error: #e56b6b;
  --clr-success: #9ade31;
  --clr-warning: #dedc31;
  --clr-info: #319bde;
  --clr-white: #fff;
  --clr-black: #000;
  --clr-bkack-rgb: 0, 0, 0;
  --clr-muted: #dddfe4;
  --clr-muted-transparent: var(--clr-grey);
  --clr-border: transparent;
  --clr-list-marker: var(--clr-primary);
  --clr-marker: var(--clr-primary);
  --clr-headline: var(--clr-text);
  --clr-text: var(--clr-grey-dark);
  --clr-text-secondary: var(--clr-white);
  --clr-text-muted: var(--clr-grey-dark-muted);
  --clr-link: var(--clr-text);
  --clr-divider: var(--clr-secondary);
  --clr-label: var(--clr-text);
  --bg-clr-page: var(--clr-white);
  --bg-clr-one: var(--clr-accent);
  --bg-clr-two: var(--clr-primary);
  --bg-clr-three: var(--clr-grey-dark);
  --bg-clr-input: var(--clr-white);
  --clr-input: var(--clr-grey-500);
  --border-clr-input: var(--clr-grey-500);
  --underline-color: var(--clr-primary);
}

/** Checkbox and Radio Mixins */

/**
 * Custom Media Queries
 * Works like Custom Properties, except for media queries.
 *
 * @link: https://drafts.csswg.org/mediaqueries-5/#custom-mq
 * @link: https://github.com/postcss/postcss-custom-media
 **/

/* Min-Width */

/* Customize based on project */

/* Max-Width */

/* Customize based on project */

/* Min-Max-Width */

[name='ProductArchive'] {
  overflow-x: clip;
}

[name='ProductArchive'] .product-filter {
    inset: var(--wp-admin--admin-bar--height, 0) 0 0;
    margin-inline-start: auto;
    pointer-events: none;
    position: fixed;
    transform: translateX(calc(100% + 50px));
    transition: transform 0.3s ease-in-out;
    width: 100%;
    z-index: 2;
    display: flex;
    flex-direction: row-reverse;
  }

[name='ProductArchive'] .product-filter.is-open {
    pointer-events: auto;
    transform: translateX(0);
    z-index: 100;
  }

[name='ProductArchive'] .filter-overlay {
    background-color: var(--clr-grey-dark-muted);
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    transition: opacity 0.3s ease-in-out;
  }

[name='ProductArchive'] .product-filter.is-open .filter-overlay {
    opacity: 0.8;
    pointer-events: auto;
  }

[name='ProductArchive'] .filter-content {
    background: var(--clr-white);
    display: flex;
    flex-direction: column;
    height: calc(100dvh - 60px);
    padding-block: 16px 32px;
    position: relative;
    z-index: 2;
    box-shadow: 10px 10px 50px 3px rgb(0 59 113 / 10%);
    width: 350px;
    top: 60px;
  }

@media screen and (width >= 768px) {

[name='ProductArchive'] .filter-content {
      width: 430px;
  }
    }

[name='ProductArchive'] #filter-title {
    color: #363c42;
    font-size: 32px;
    line-height: normal;
    padding-inline: 24px;
    text-transform: uppercase;
    margin-block: 0;
  }

[name='ProductArchive'] .filter-close {
    background-color: var(--clr-primary);
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M5.26018 17.1784H9.13767L11.7998 14.5414L14.4619 17.1784H18.3394H19.4057L14.365 12.1852L19.5996 7L14.6558 7L11.7998 9.82907L8.94379 7L4 7L9.2346 12.1852L4.19387 17.1784H5.26018Z%27 fill=%27white%27/%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: grid;
    height: 44px;
    left: -50px;
    padding: 8px;
    place-items: center;
    position: absolute;
    top: 0;
    transition: background-color var(--transition-duration)
      var(--transition-timing-function);
    width: 50px;
  }

:is([name='ProductArchive'] .filter-close):hover,:is([name='ProductArchive'] .filter-close):focus {
      background-color: var(--clr-grey-900);
    }

[name='ProductArchive'] .filter-form {
    flex: 1;
    overflow-y: auto;
    padding: 0;
  }

[name='ProductArchive'] .filter-group {
    border-bottom: 1px solid #ddd;
  }

[name='ProductArchive'] .filter-accordion-trigger {
    align-items: center;
    background: transparent;
    border: none;
    color: var(--clr-grey-dark);
    cursor: pointer;
    display: flex;
    font-size: 20px;
    font-weight: var(--fw-semibold);
    justify-content: space-between;
    padding: 24px;
    text-align: left;
    transition: background-color 0.2s ease;
    width: 100%;
  }

@media screen and (width >= 1280px) {
      :is([name='ProductArchive'] .filter-accordion-trigger):hover,:is([name='ProductArchive'] .filter-accordion-trigger):focus-visible {
        background-color: var(--clr-primary-muted);
      }
    }

:is(.is-open:is([name='ProductArchive'] .filter-accordion-trigger) .accordion-icon) svg {
          transform: rotateX(180deg);
        }

[name='ProductArchive'] .accordion-icon {
    color: var(--clr-primary);
    flex-shrink: 0;
    height: 24px;
    position: relative;
    width: 24px;
  }

:is([name='ProductArchive'] .accordion-icon) svg {
      transition: transform var(--transition-duration)
        var(--transition-timing-function);
    }

[name='ProductArchive'] .filter-accordion-content {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: grid-template-rows var(--transition-duration)
      var(--transition-timing-function);
  }

.is-open:is([name='ProductArchive'] .filter-accordion-content) {
      grid-template-rows: 1fr;
    }

.is-open:is([name='ProductArchive'] .filter-accordion-content) .filter-options {
        padding-block: 0 24px;
      }

[name='ProductArchive'] .filter-options {
    overflow: hidden;
    padding-inline: 24px;
    transition: padding var(--transition-duration)
      var(--transition-timing-function);
  }

[name='ProductArchive'] .filter-option {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-bottom: 0.75rem;
    position: relative;
  }

[name='ProductArchive'] .filter-option:last-child {
    margin-bottom: 0;
  }

[name='ProductArchive'] .filter-option input[type='checkbox'] {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0;
  }

[name='ProductArchive'] .checkmark {
    border: 2px solid #ddd;
    border-radius: 2px;
    flex-shrink: 0;
    height: 18px;
    margin-right: 0.75rem;
    position: relative;
    transition: all 0.2s ease;
    width: 18px;
  }

[name='ProductArchive'] .filter-option:hover .checkmark {
    border-color: var(--clr-secondary);
  }

[name='ProductArchive'] .filter-option input[type='checkbox']:checked ~ .checkmark {
    background-color: var(--clr-secondary);
    border-color: var(--clr-secondary);
  }

[name='ProductArchive'] .checkmark::after {
    border: solid var(--clr-white);
    border-width: 0 1px 1px 0;
    content: '';
    display: none;
    height: 8px;
    left: 5px;
    position: absolute;
    top: 2px;
    transform: rotate(45deg);
    width: 4px;
  }

[name='ProductArchive'] .filter-option input[type='checkbox']:checked ~ .checkmark::after {
    display: block;
  }

[name='ProductArchive'] .filter-option input[type='checkbox']:focus ~ .checkmark {
    outline: 2px solid #8bc34a;
    outline-offset: 2px;
  }

[name='ProductArchive'] .label-text {
    color: #666;
    font-size: 0.875rem;
    line-height: 1.4;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

[name='ProductArchive'] .filter-actions {
    background: #fff;
    padding: 1.5rem;
  }

[name='ProductArchive'] .no-results {
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    margin-top: 2rem;
    padding: 3rem 1.5rem;
    text-align: center;
  }

[name='ProductArchive'] .no-results h3 {
    color: #495057;
    font-size: 1.25rem;
    margin: 0 0 1rem;
  }

[name='ProductArchive'] .no-results p {
    color: #6c757d;
    line-height: 1.5;
    margin: 0 0 1.5rem;
  }

/* Responsive Design */

@media screen and (width < 375px) {
    [name='ProductArchive'] .product-filter {
      right: 0;
      width: 100%;
    }

    [name='ProductArchive'] .filter-content {
      width: 100%;
    }
  }

body .main-content > :first-child:is(devslab-component[name='ProductArchive']) {
  padding-block-start: calc(var(--header-height) + 90px);
}

:is([name='ProductArchive'] .intro)  > :first-child {
    margin-block-start: 0;
    padding-block-start: 0;
  }

:is([name='ProductArchive'] .intro)  > :last-child:not([class*='button']) {
    margin-block-end: 0;
    padding-block-end: 0;
  }

:is([name='ProductArchive'] .intro)  > h2,:is([name='ProductArchive'] .intro)  > h3,:is([name='ProductArchive'] .intro)  > h4,:is([name='ProductArchive'] .intro)  > h5,:is([name='ProductArchive'] .intro)  > h6 {
    margin-block-start: 0;
  }

[name='ProductArchive'] .intro {

    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-block-end: 48px;
  }

:is([name='ProductArchive'] .intro) h1 {
      margin-block-end: 0;
    }

[name='ProductArchive'] .filter-button {
    margin-inline-start: auto;
  }

[name='ProductArchive'] .category-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--gutter);
    margin-block-start: 40px;
  }

[name='ProductArchive'] .grid {
    grid-template-columns: 1fr;
  }

@media screen and (width >= 512px) {

[name='ProductArchive'] .grid {
      grid-template-columns: 1fr 1fr;
  }
    }

@media screen and (width >= 1280px) {

[name='ProductArchive'] .grid {
      grid-template-columns: 1fr 1fr 1fr;
  }
    }

[name='ProductArchive'] .category {
    border-left: 2px solid var(--clr-primary);
    padding-inline-start: 24px;
  }

:is([name='ProductArchive'] .category)  > :first-child {
    margin-block-start: 0;
    padding-block-start: 0;
  }

:is([name='ProductArchive'] .category)  > :last-child:not([class*='button']) {
    margin-block-end: 0;
    padding-block-end: 0;
  }

:is([name='ProductArchive'] .category)  > h2,:is([name='ProductArchive'] .category)  > h3,:is([name='ProductArchive'] .category)  > h4,:is([name='ProductArchive'] .category)  > h5,:is([name='ProductArchive'] .category)  > h6 {
    margin-block-start: 0;
  }

:is([name='ProductArchive'] .category)  > :first-child {
      font-size: 32px;
      font-weight: var(--fw-extra-bold);
      text-transform: uppercase;
    }


/*# sourceMappingURL=style.min.css.map*/