.list-social{display:flex;flex-wrap:wrap;justify-content:flex-end}@media only screen and (max-width:749px){.list-social{justify-content:center}}.list-social__item .icon{height:2.2rem;width:2.2rem}.list-social__link{align-items:center;display:flex;padding:1.1rem;color:rgb(var(--color-foreground))}.utility-bar .list-social__link{padding:0 .8rem;height:3.8rem}.list-social__link:hover .icon{transform:scale(1.07)}.list-social{gap:1rem}.list-social .list-social__item a.list-social__link[class*=list-social__link--]{width:3.8rem;height:3.8rem;padding:0;justify-content:center;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:50%;background:rgba(var(--color-foreground),.04);color:rgb(var(--color-foreground));transition:background-color var(--duration-short) ease,border-color var(--duration-short) ease,color var(--duration-short) ease,transform var(--duration-short) ease}.list-social .list-social__item a.list-social__link[class*=list-social__link--]:hover{border-color:var(--social-color, rgb(var(--color-foreground)));background:var(--social-color, rgb(var(--color-foreground)));color:var(--social-hover-text, rgb(255, 255, 255));transform:translateY(-.2rem)}.list-social .list-social__item a.list-social__link[class*=list-social__link--] .svg-wrapper,.list-social .list-social__item a.list-social__link[class*=list-social__link--] .icon{width:1.7rem;height:1.7rem}.list-social .list-social__item a.list-social__link[class*=list-social__link--]:hover .icon{transform:none}.list-social__link--facebook{--social-color: #1877f2}.list-social__link--instagram{--social-color: #e1306c}.list-social__link--youtube{--social-color: #ff0000}.list-social__link--pinterest{--social-color: #e60023}.list-social__link--tumblr{--social-color: #36465d}.list-social__link--vimeo{--social-color: #1ab7ea}.list-social__link--tiktok,.list-social__link--twitter,.list-social__link--snapchat{--social-hover-text: rgb(var(--color-background))}.footer .list-social .list-social__item a.list-social__link[class*=list-social__link--]{color:#fff}.footer .list-social .list-social__item a.list-social__link[class*=list-social__link--]:hover{color:var(--social-hover-text, rgb(255, 255, 255))}.menu-drawer .list-social{margin-left:0}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-list-social.css.map */