.share-wrap .hidden{display:none}.share-wrap svg{width:20px;height:20px;margin-right:7px}.share-wrap button,.share-wrap .button{display:block;align-items:center;justify-content:center;height:auto;padding-top:8px;padding-bottom:8px;color:#333;text-align:center;font-size:14px;font-weight:500;line-height:1.1;text-transform:capitalize;text-decoration:none;white-space:nowrap;border-radius:0;border:1px solid #ddd;cursor:pointer}.share-wrap button.copy-link{width:100%}.share-wrap button:hover,.share-wrap .button:hover{border-color:rgb(170 47 47 / .5)}.share-wrap .share-button{float:right}.share-wrap .share-button,.share-wrap .copy-link{padding-left:30px;padding-right:30px}.share-wrap .share-button,.share-wrap .share-dialog{margin:0 auto;display:block}.share-wrap .share-dialog{display:none;width:200px;box-shadow:0 8px 16px rgb(62 62 62 / .2);z-index:-1;border:1px solid #ddd;padding:10px;background-color:#fff;position:absolute;top:10px;right:10px}.share-wrap .share-dialog.is-open{display:block;z-index:2}.share-wrap header{display:flex;justify-content:space-between;margin-bottom:10px}.share-wrap .targets{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;grid-gap:10px;margin-bottom:10px}.share-wrap .close-button{background-color:#fff0;border:none;padding:0}.share-wrap .close-button svg{margin-right:0}.share-wrap .link{display:block;justify-content:center;align-items:center;padding:10px;border-radius:4px;background-color:#eee;font-size:8px}.share-wrap .pen-url{margin-right:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:5px;opacity:0}.share-wrap.top-wrap{display:block;position:relative;float:right;margin-top:-70px}.shr-button{padding:2px}.shr-button .fa{font-size:12px;line-height:1rem}.shr-button:hover .fa{color:#fff}