.jj-social-slider{--ss-svg-size:1.5rem;--ss-padding:10px;--ss-translate-left:translateX(calc(-100% - var(--ss-svg-size)*-1 - var(--ss-padding)*2*-1));--ss-translate-right:translateX(calc(100% - var(--ss-svg-size) - var(--ss-padding)*2));list-style:none;margin:0;padding:0;position:fixed;z-index:9999}.jj-social-slider,.jj-social-slider>*{box-sizing:border-box}.jj-social-slider.left{left:0;transform:var(--ss-translate-left)}.jj-social-slider.right{right:0;transform:var(--ss-translate-right)}.jj-social-slider.middle{display:flex;flex-direction:column;height:100vh;justify-content:center;top:0}.jj-social-slider a{align-items:center;display:flex;flex-direction:var(--ss-flex-direction);justify-content:space-between;margin-bottom:.2rem;opacity:var(--ss-opacity);padding:var(--ss-padding);text-decoration:none;transition:all var(--ss-transaction-speed) var(--ss-transaction-ease)}.jj-social-slider a:focus,.jj-social-slider a:hover{border:0;opacity:1;outline:0;transform:var(--ss-translate-right);transition:all var(--ss-transaction-speed) var(--ss-transaction-ease)}.jj-social-slider.right a:focus,.jj-social-slider.right a:hover{transform:var(--ss-translate-left)}.jj-social-slider svg{max-height:var(--ss-svg-size);width:var(--ss-svg-size)}