body{--infront-theme-red-bg:var(--infront-color-palette-2);--infront-theme-navy-blue-bg:var(--infront-color-palette-1);--infront-theme-orange-bg:var(--infront-color-palette-8);--infront-theme-purple-bg:var(--infront-color-palette-9);--infront-theme-light-red-bg:var(--infront-color-palette-10);--infront-theme-light-blue-bg:var(--infront-color-palette-12);--infront-theme-light-orange-bg:var(--infront-color-palette-11);--infront-theme-light-purple-bg:var(--infront-color-palette-13);--infront-theme-dark-grey-bg:var(--infront-color-palette-4);--infront-theme-mid-grey-bg:var(--infront-color-palette-5);--infront-theme-light-grey-bg:var(--infront-color-palette-6);--infront-theme-red-text:var(--infront-color-palette-7);--infront-theme-navy-blue-text:var(--infront-color-palette-7);--infront-theme-orange-text:var(--infront-color-palette-7);--infront-theme-purple-text:var(--infront-color-palette-7);--infront-theme-light-red-text:var(--infront-color-palette-14);--infront-theme-light-blue-text:var(--infront-color-palette-14);--infront-theme-light-orange-text:var(--infront-color-palette-14);--infront-theme-light-purple-text:var(--infront-color-palette-14);--infront-theme-dark-grey-text:var(--infront-color-palette-7);--infront-theme-mid-grey-text:var(--infront-color-palette-7);--infront-theme-light-grey-text:var(--infront-color-palette-14)}
.socialmedia__base{display:flex;align-items:center;gap:16px}
.socialmedia__title{color:var(--infront-color-text-tiny-body);font-family:var(--infront-font-family-tiny-body);font-weight:var(--infront-font-weight-tiny-body);font-display:swap}
@media only screen and (max-width:767px){.socialmedia__title{font-size:var(--infront-font-size-tiny-body-mobile);line-height:var(--infront-line-height-tiny-body-mobile)}
}
@media only screen and (min-width:768px){.socialmedia__title{font-size:var(--infront-font-size-tiny-body-desktop);line-height:var(--infront-line-height-tiny-body-desktop)}
}
.socialmedia__list{align-items:center;display:flex;gap:20px}
.socialmedia__link{display:flex}
.socialmedia__link svg{fill:var(--infront-color-socialmedia-icon);filter:none}
.socialmedia__link:hover svg{fill:var(--infront-color-socialmedia-icon-hover)}