.sharing-link{display:flex;flex-direction:column;gap:10px;margin-top:15px}.sharing-link__link{background:var(--color-label);border-radius:8px;color:var(--color-primary);cursor:pointer;font-family:var(--font);font-size:12px;font-weight:500;max-width:213px;overflow:hidden;padding:17px 10px;text-overflow:ellipsis;transition:opacity .4s cubic-bezier(.2,0,0,1);white-space:nowrap}@media (any-hover:hover) and (pointer:fine){.sharing-link__link:hover{opacity:.8}}.sharing-link__button.button{color:var(--color-primary);font-size:12px;justify-content:flex-start}@media (any-hover:hover) and (pointer:fine){.sharing-link__button.button:hover{color:var(--color-primary-hover)}}.sharing-link__button.button.is-copied{color:var(--color-secondary);pointer-events:none}.sharing-link__button.button.is-copied .button__icon{max-width:13px}.sharing-block-fade-enter-active{transition:opacity .3s cubic-bezier(.2,0,0,1),transform .5s cubic-bezier(.05,.7,.1,1)}.sharing-block-fade-leave-active{transition:opacity .3s cubic-bezier(.2,0,0,1),transform .3s cubic-bezier(.2,0,0,1)}.sharing-block-fade-enter-from,.sharing-block-fade-leave-to{opacity:0;transform:translate3d(0,16px,0)}.sharing-block-wrapper{position:relative}.sharing-block{background:var(--color-white);border-radius:20px;box-shadow:0 13px 31px #7f7f7f40;padding:15px 15px 20px;position:absolute;right:0;top:calc(100% + 5px);will-change:transform;z-index:1}.sharing-block__socials-wrapper{display:flex;gap:20px}.sharing-block__social{align-items:center;display:flex;flex-direction:column;gap:8px}.sharing-block__label{color:var(--color-on-surface)}
