sticky-social{--sticky-social-size: 1.3rem;--sticky-button-size: 2rem;--sticky-social-inset: 0px;--sticky-social-offset: calc(var(--close-button-width));--close-button-width: calc(var(--sticky-button-size) * 1.2);--close-button-hit: .5rem;position:fixed;bottom:var(--sticky-social-offset);right:var(--sticky-social-inset);z-index:5;color:rgb(var(--theme-brand));opacity:0;visibility:hidden;transition:opacity .4s ease-in-out,visibility 0s linear .4s}@media screen and (min-width:1025px){sticky-social{--sticky-social-offset: calc(var(--gutter) * .5 + var(--close-button-width));--sticky-social-inset: calc(var(--gutter) * .5)}}sticky-social:not(:defined){display:none}sticky-social.isShown{opacity:1;visibility:visible;transition:opacity .4s ease-in-out,visibility 0s}sticky-social>button{position:absolute;top:100%;left:calc(50% - var(--close-button-width) * .5);display:grid;place-items:center;width:var(--close-button-width);height:var(--close-button-width);padding:0;border:none;background:none;color:currentColor;font-size:var(--sticky-button-size);line-height:var(--lh100);cursor:pointer;transition:all .2s ease-in-out}sticky-social>button:before{content:"\d7"}sticky-social>button:after{content:"";position:absolute;inset:calc(var(--close-button-hit) * -1)}sticky-social>button:hover{color:rgb(var(--theme-accent))}sticky-social .stickySocial__links{translate:0 0;display:flex;flex-direction:column;gap:1em;padding:.5em;border-radius:5em;background:rgba(var(--theme-body),.9);color:rgb(var(--theme-brand));transition:translate .4s ease-in-out,visibility 0s;box-shadow:0 0 .5em rgba(var(--theme-typo),.2)}sticky-social .stickySocial__links a{display:block;color:currentColor;width:var(--sticky-social-size);height:var(--sticky-social-size);transition:all .2s ease-in-out}sticky-social .stickySocial__links a:hover{color:rgb(var(--theme-accent))}sticky-social .stickySocial__links a.noIcon{width:auto;height:auto;font-size:.75em}sticky-social.isClosed>button{background:rgb(var(--theme-body));box-shadow:0 0 .5em rgba(var(--theme-typo),.2);border-radius:5em}sticky-social.isClosed>button:before{content:"\2039"}sticky-social.isClosed .stickySocial__links{translate:calc(100% + var(--sticky-social-inset)) 0;visibility:hidden;transition:translate .4s ease-in-out,visibility 0s linear .4s}
/*# sourceMappingURL=/cdn/shop/t/67/assets/component-sticky-social.css.map */