/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./styles/components/component-brand-card.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/.brand-card{align-items:center;aspect-ratio:2;border-color:rgba(var(--color-border));border-radius:var(--brand-card-corner-radius);border-style:solid;border-width:var(--brand-card-border-width);display:flex;height:100%;justify-content:center;padding:var(--brand-card-padding);position:relative;text-align:var(--brand-card-text-alignment);transition:background-color var(--transition-duration) var(--transition-timing)}.brand-card .media{max-width:80px}.brand-card:hover{background-color:rgba(var(--color-foreground)/.05)}@media screen and (width >= 1024px){.brand-card{aspect-ratio:1.7}}