:root{--social-icon-size: 2.2rem;--social-padding: 1.1rem;--social-utility-padding: .8rem;--social-utility-height: 3.8rem;--duration-short: .3s;--duration-medium: .6s;--animation-delay-increment: .1s;--background-gradient: linear-gradient(135deg, #f5f7fa 0%, #e0e7ff 100%)}.list-social{display:flex;flex-wrap:wrap;justify-content:flex-end;background:var(--background-gradient);border-radius:.5rem;box-shadow:0 .25rem 1rem #0000001a;padding:.5rem;transition:transform var(--duration-short) ease,box-shadow var(--duration-short) ease}.list-social:hover{transform:translateY(-.25rem);box-shadow:0 .5rem 1.5rem #00000026}@media only screen and (max-width: 749px){.list-social{justify-content:center;padding:.75rem}}.list-social__item{display:flex;align-items:center;opacity:0;transform:scale(.8);animation:fadeScaleIn var(--duration-medium) ease forwards}.list-social__item:nth-child(1){animation-delay:0ms}.list-social__item:nth-child(2){animation-delay:calc(1 * var(--animation-delay-increment))}.list-social__item:nth-child(3){animation-delay:calc(2 * var(--animation-delay-increment))}.list-social__item:nth-child(4){animation-delay:calc(3 * var(--animation-delay-increment))}.list-social__item:nth-child(5){animation-delay:calc(4 * var(--animation-delay-increment))}.list-social__link{align-items:center;display:flex;padding:var(--social-padding);color:rgb(var(--color-foreground));transition:color var(--duration-short) ease,background-color var(--duration-short) ease}.utility-bar .list-social__link{padding:0 var(--social-utility-padding);height:var(--social-utility-height)}.list-social__item .icon{height:var(--social-icon-size);width:var(--social-icon-size);transition:transform var(--duration-short) ease,filter var(--duration-short) ease}.list-social__link:hover{color:rgba(var(--color-foreground),.8);background-color:rgba(var(--color-foreground),.05);border-radius:50%}.list-social__link:hover .icon{transform:scale(1.15);filter:drop-shadow(0 .2rem .3rem rgba(0,0,0,.2))}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.list-social__item{animation:none;opacity:1;transform:scale(1)}.list-social:hover{transform:none;box-shadow:0 .25rem 1rem #0000001a}.list-social__link:hover .icon{transform:scale(1);filter:none}}@media screen and (max-width: 750px){.list-social__link{padding:.8rem}.list-social__item .icon{height:2rem;width:2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-list-social.css.map */