.share-action-button{background-color:#eee;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.share-action-button.float{background-color:#fff}.share-action-modal .action-item{flex-shrink:0}.share-action-modal .action-item>a{width:100%;height:100%;display:block}@media screen and (min-width:960px){.share-action-button{background-color:#eee;width:.83333rem;height:.83333rem;position:relative}.share-action-button img{width:.66667rem;height:.66667rem;display:block}.share-action-button.float{margin-right:.25rem;box-shadow:-.125rem 0 .41667rem #0000001a}.share-action-button.float img{width:.66667rem;height:.66667rem}.share-action-button.float .share-action-modal{opacity:0;transform-origin:100%;margin:0 .33333rem 0 0;transition:transform 50ms .5s,opacity .3s .5s;top:50%;right:100%;transform:translateY(-50%)scale(0)}.share-action-button.float .share-action-modal:before{border-left-color:#0000;border-right-color:#fff;top:50%;right:0;transform:translate(50%,-50%)rotate(45deg)}.share-action-button.float:hover .share-action-modal{opacity:1;transform:translateY(-50%)scale(1)}.share-action-button:hover .share-action-modal{transition-delay:0s;transform:scale(1)}.share-action-button .actions-title{text-align:center;font-size:.29167rem;font-weight:500;line-height:.3125rem}.share-action-button .share-action-modal{z-index:10;transform-origin:81% -7%;background-color:#fff;margin-top:.0625rem;padding:.25rem .41667rem .4375rem;transition:transform .15s ease-in-out .3s;position:absolute;top:100%;right:-1.04167rem;transform:scale(0);box-shadow:0 0 .625rem #0000001a}.share-action-button .share-action-modal:before{content:"";transform-origin:50%;border:.125rem solid #0000;border-color:#fff #0000 #0000 #fff;position:absolute;top:-.08333rem;right:1.33333rem;transform:rotate(45deg)}.share-action-button .actions-group{margin-top:.25rem;display:flex}.share-action-button .action-item img{width:.625rem;height:.625rem;display:block}.share-action-button .action-item+.action-item{margin-left:.41667rem}}@media screen and (max-width:959.98px){.share-action-button{background-color:#eee;width:1.33333rem;height:1.33333rem;position:relative}.share-action-button.float{background-color:#fff;width:1.66667rem;height:1.66667rem}.share-action-button.float img{width:1.33333rem;height:1.33333rem}.share-action-button img{width:1rem;height:1rem;display:block}.share-action-modal{z-index:1001;background-color:#fff;width:100%;transition:transform .2s;position:fixed;bottom:0;left:0;transform:translateY(100%)}.share-action-modal.action-visible{transform:translateY(0)}.actions-title{text-align:center;padding:.625rem 0;font-size:.625rem;font-weight:600;line-height:.77083rem}.actions-group{box-sizing:border-box;-webkit-overflow-scrolling:touch;width:100%;padding:0 .83333rem 2.04167rem;display:flex;overflow-x:scroll}.actions-group img{width:2.29167rem;height:2.29167rem;display:block}.share-action-modal .action-item>a{color:#000;flex-direction:column;align-items:center;display:flex}.share-action-modal .action-item+.action-item{margin-left:1.16667rem}.action-item-title{margin-top:.33333rem;font-size:.41667rem;font-weight:400;line-height:.54167rem}.action-cancel{color:#000;background:#f5f5f5;border:none;outline:none;width:14.375rem;height:1.875rem;margin-bottom:.83333rem;margin-left:.625rem;font-size:.58333rem;font-weight:600}}