.joy-share-button-wrap{position:relative;display:inline-flex;align-items:stretch;justify-content:stretch}.joy-share-button{display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;padding:0;border:inherit;border-radius:inherit;background:inherit;color:inherit;font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.joy-share-button:disabled{cursor:not-allowed;opacity:.65}.joy-action-button__image{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.joy-action-button__text{min-width:0;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.joy-share-button__panel{position:absolute;z-index:20;left:50%;bottom:calc(100% + 10px);width:220px;box-sizing:border-box;padding:12px;border-radius:8px;box-shadow:0 8px 24px #00000024;color:#18191c;transform:translate(-50%)}.joy-share-button__panel.is-bottom{top:calc(100% + 10px);bottom:auto}.joy-share-button__panel.is-left{right:calc(100% + 10px);bottom:50%;left:auto;transform:translateY(50%)}.joy-share-button__panel.is-right{right:auto;bottom:50%;left:calc(100% + 10px);transform:translateY(50%)}.joy-share-button__pc-content{min-height:34px}.joy-share-button__close{min-width:0;height:32px;border:0;border-radius:6px;background:#f4f4f4;color:#18191c;font:inherit;font-size:12px;cursor:pointer}.joy-share-button__close:hover{background:#e3f6ff;color:#23ade5}.joy-share-button__close{width:100%;margin-top:10px;background:#23ade5;color:#fff}.joy-share-button__close:hover{background:#1f9ace;color:#fff}.joy-share-button__guide{position:fixed;z-index:40;inset:0;display:flex;align-items:flex-start;justify-content:flex-end;padding:18px;background:#00000085}.joy-share-button__guide-content{max-width:180px;padding:10px 12px;border-radius:8px;background:#fff;color:#18191c;font-size:14px;line-height:20px}