/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./components/blocks/contact-items/styles/src/contact-items.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
:root{
  --color-red-primary:var(--color-red-700);
  --color-orange-primary:var(--color-orage-500);
  --color-pink-primary:var(--color-pink-600);
  --color-teal-primary:var(--color-teal-600);
  --color-purple-primary:var(--color-purple-800);
  --color-grey-primary:var(--color-grey-950);
  --max-width:1285px;
  --max-width-content:55rem;
  --border-radius-s:0.5rem;
  --border-radius-m:0.75rem;
  --fast-out-back:cubic-bezier(0.37, 0.38, 0.03, 1.23);
  --smooth-ease:cubic-bezier(0.65, -0.01, 0, 1);
}

.contact-items{
  align-items:center;
  display:flex;
  flex-flow:row wrap;
  gap:4rem;
  justify-content:center;
  margin-top:10rem;
}

.contact-item{
  font-size:1.25rem;
}
.contact-item a{
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:.25rem;
  justify-content:center;
}
.contact-item img,.contact-item span{
  transition:transform .4s var(--smooth-ease);
}
.contact-item img{
  height:2em;
  width:auto;
}
.contact-item:hover img{
  transform:scale(1.25);
}
.contact-item:hover span{
  transform:scale(.98) translateY(-.25rem);
}

.leaflet-container{
  border-radius:var(--border-radius-m);
  height:35rem;
  margin-block:6rem;
  overflow:hidden;
}
.leaflet-container .leaflet-control-attribution{
  opacity:.1;
  transition:opacity .3s linear;
}
.leaflet-container .leaflet-control-attribution:hover{
  opacity:.6;
}

/*! Add Soul */
/*# sourceMappingURL=contact-items.css.map*/