.socs-strip{margin:var(--socs-margin-top,0) 0 var(--socs-margin-bottom,24px);width:100%;padding:18px;background:color-mix(in srgb, var(--socs-wrap-bg, transparent) calc(var(--socs-wrap-bg-opacity, 1) * 100%), transparent);border-radius:var(--socs-wrap-bg-radius,0);box-sizing:border-box}
.socs-strip__inner{display:flex;flex-wrap:wrap;justify-content:var(--socs-justify,center);gap:14px;width:100%}
.socs-strip__intro{width:100%;font-size:14px;line-height:1.4}
.socs-item{position:relative;display:inline-flex;align-items:center;justify-content:center;width:calc(var(--socs-size,34px) + 18px);height:calc(var(--socs-size,34px) + 18px);border-radius:var(--socs-radius,12px);background:var(--socs-bg,transparent);text-decoration:none;transition:transform .28s ease-in-out,opacity .28s ease-in-out,background-color .28s ease-in-out;opacity:var(--socs-opacity,1)}
.socs-item:hover{transform:translateY(calc(var(--socs-hover-lift,0px) * -1)) rotate(var(--socs-hover-rotate,0deg)) scale(var(--socs-hover-scale,1));opacity:var(--socs-hover-opacity,1)}
.socs-item__img,.socs-item__mask,.socs-item__hover-mask{position:relative;display:block;width:var(--socs-size,34px);height:var(--socs-size,34px)}
.socs-item__img img{display:block;width:100%;height:100%;object-fit:contain}
.socs-item__mask,.socs-item__hover-mask{-webkit-mask-image:var(--socs-icon);mask-image:var(--socs-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.socs-item__mask{background:var(--socs-item-color,#111)}
.socs-item__hover-mask{position:absolute;inset:9px;background:var(--socs-item-hover,#cf3d01);opacity:0;transition:opacity .28s ease-in-out}
.socs-item--img:hover .socs-item__hover-mask{opacity:1}
.socs-item--mask .socs-item__mask{transition:background-color .28s ease-in-out}
.socs-item--mask:hover .socs-item__mask{background:var(--socs-item-hover,#cf3d01)}