.frank_sharer{position:relative;width:56px;height:56px;transform:scale(1);transition:all .2s ease-in-out}.frank_sharer-wrapper{border-radius:28px;position:absolute;background-color:#fff;box-shadow:0 1px 5px rgba(51,51,51,.35);top:0;right:0;width:56px;max-height:56px;overflow:hidden;transition:all .3s ease-in-out .15s}.frank_sharer--inactive{transform:scale(0)}.frank_sharer-toggle{outline:none;border:none;width:56px;height:56px;padding:17px 17px 15px 15px;background-color:transparent;cursor:pointer;z-index:2;position:absolute;top:0;right:0;transition:all .15s ease-in-out}.frank_sharer-toggle:focus{background-color:rgba(0,0,0,.05)}.frank_sharer-toggle .frank_sharer-toggle-content{width:20px;fill:#848484;margin:0 auto;display:block}.frank_sharer-toggle .frank_sharer-toggle-content--active{opacity:0;font-size:19px;color:#848484;transform:translateY(-22px) translateX(0);display:block;text-align:left;transition:all .15s ease-in-out}.frank_sharer-toggle .frank_sharer-toggle-content--inactive{opacity:1;transition:all .3s ease-in-out .2s}.frank_sharer-active_block{position:relative;width:180px;right:0;visibility:hidden;opacity:0;padding:0 0 20px;box-sizing:border-box;transition:all .3s ease-in-out}.frank_sharer-active_block .frank_sharer-sharing-list{padding:0;list-style:none;margin:0}.frank_sharer-active_block .frank_sharer-sharing-list a{line-height:36px;font-size:rem(15);color:#848484;display:block;padding:0 20px}.frank_sharer-active_block .frank_sharer-sharing-list a:focus{background-color:rgba(0,0,0,.05);outline:0}.frank_sharer-active_block .frank_sharer-sharing-list a svg{fill:#848484;max-height:17px;max-width:20px;margin-right:13px;transform:translateY(3px)}.frank_sharer-active_block-title{color:#848484}.frank_sharer--active .frank_sharer-wrapper{width:180px;max-height:250px}.frank_sharer--active .frank_sharer-toggle,.frank_sharer--active .frank_sharer-wrapper{border-radius:0;transition:all .15s ease-in-out}.frank_sharer--active .frank_sharer-toggle .frank_sharer-toggle-content--active{opacity:1;transition:all .15s ease-in-out 75ms}.frank_sharer--active .frank_sharer-toggle .frank_sharer-toggle-content--inactive{opacity:0;transition:all 75ms ease-in-out}.frank_sharer--active .frank_sharer-active_block{max-height:300px;transition:all .15s ease-in-out 75ms;visibility:visible;opacity:1}