/*!*******************************************************************************************************************************************************************************************!*\
  !*** 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/PreHeader/style.css ***!
  \*******************************************************************************************************************************************************************************************/
/**
 * 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='PreHeader'] {
  padding-block: 12px;
}

@media screen and (width < 1024px) {

[name='PreHeader'] {
    display: none;
}
  }

[name='PreHeader'] .container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 40px;
  }

[name='PreHeader'] .socials {
    align-items: center;
    display: inline-flex;
    margin-inline-start: auto;
    flex-wrap: wrap;
    gap: 12px;
  }

:is([name='PreHeader'] .socials) svg {
      aspect-ratio: 1 / 1;
      width: 18px;
      color: var(--clr-grey-dark-muted);
    }


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