.share-link{position:relative;display:inline-flex;justify-content:center}.share-link__button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:4.4rem;padding:0 2.4rem;border:1px solid currentColor;background:transparent;color:inherit;font:inherit;font-size:1.3rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.share-link--icon .share-link__button{width:4.4rem;padding:0}.share-link__button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.share-link__icons{position:relative;flex:none;width:1.8rem;height:1.8rem}.share-link__icon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:opacity .25s ease,transform .45s cubic-bezier(.34,1.56,.64,1)}.share-link__icon--check{opacity:0;transform:scale(.4) rotate(-25deg)}.share-link__button:hover .share-link__icon--link{transform:rotate(-15deg)}.share-link.is-copied .share-link__icon--link{opacity:0;transform:scale(.4) rotate(45deg)}.share-link.is-copied .share-link__icon--check{opacity:1;transform:none}.share-link__toast{position:absolute;top:calc(100% + 1rem);left:50%;z-index:3;display:flex;flex-direction:column;align-items:center;gap:.2rem;max-width:min(40rem,calc(100vw - 4rem));padding:.8rem 1.6rem;border-radius:1.2rem;background:#1a1b18;color:#fff;line-height:1.3;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,-.8rem) scale(.94);transition:opacity .3s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}.share-link.is-copied .share-link__toast{opacity:1;transform:translate(-50%) scale(1)}.share-link__message{font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase}.share-link__url{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:1.3rem;opacity:.75}.share-link.is-copied .share-link__url{animation:share-link-url .5s ease .18s both}.share-link:not(.share-link--icon) .share-link__button{position:relative;overflow:hidden;transition:color .35s ease}.share-link:not(.share-link--icon) .share-link__button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1b18;transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.65,0,.35,1)}.share-link:not(.share-link--icon).is-copied .share-link__button{color:#fff}.share-link:not(.share-link--icon).is-copied .share-link__button:before{transform:scaleX(1)}.share-link:not(.share-link--icon) .share-link__icons,.share-link__labels{position:relative}.share-link__labels{display:grid;overflow:hidden}.share-link__label{grid-area:1 / 1;transition:opacity .3s ease,transform .45s cubic-bezier(.65,0,.35,1)}.share-link__label--copied{opacity:0;transform:translateY(100%)}.share-link.is-copied .share-link__label:not(.share-link__label--copied){opacity:0;transform:translateY(-100%)}.share-link.is-copied .share-link__label--copied{opacity:1;transform:none}.share-link:not(.share-link--icon) .share-link__toast{top:calc(100% + .8rem);padding:0;border-radius:0;background:none;color:inherit;transform:translate(-50%,-.4rem);transition:opacity .35s ease .2s,transform .35s ease .2s}.share-link:not(.share-link--icon).is-copied .share-link__toast{transform:translate(-50%)}.share-link:not(.share-link--icon) .share-link__message{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.share-link:not(.share-link--icon) .share-link__url{font-size:1.2rem;letter-spacing:.04em;opacity:.6}.share-link:not(.share-link--icon).is-copied .share-link__url{animation:none}@keyframes share-link-url{0%{opacity:0;transform:translateY(.4rem)}to{opacity:.75;transform:none}}@media(prefers-reduced-motion:reduce){.share-link__icon,.share-link__toast,.share-link__label,.share-link:not(.share-link--icon) .share-link__button,.share-link:not(.share-link--icon) .share-link__button:before,.share-link:not(.share-link--icon) .share-link__toast{transition:none}.share-link__button:hover .share-link__icon--link{transform:none}.share-link.is-copied .share-link__url{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-share-link.css.map */