.shareable-link{position:relative;width:100%}.shareable-link__label{position:absolute;color:#008dca;top:-6px;left:11px;white-space:nowrap;overflow:hidden;max-width:calc(100% - 34px);text-overflow:ellipsis;font-size:12px;line-height:14px;background-color:#fff;padding:0 4px;border-radius:4px}.shareable-link__field{height:48px;border:none;border-bottom:1px solid #008dca;font:400 16px/21px Roboto,sans-serif;width:100%;margin:0;padding:14px 49px 14px 16px;border-radius:4px 4px 0 0;text-overflow:ellipsis;background-color:#f7f6f4}.shareable-link__field::-moz-placeholder{color:#000}.shareable-link__field,.shareable-link__field::placeholder{color:#000}.shareable-link__hint{font:400 12px/15px Roboto,sans-serif;color:#7e7e7e;display:block;margin-left:8px;top:2px;position:relative}.shareable-link__hint--left{float:left;text-align:left}.shareable-link__hint--right{float:right}.shareable-link__time{font:400 12px/15px Roboto,sans-serif;color:#7e7e7e;display:inline;text-align:right;top:2px;margin-bottom:10px}.shareable-link__icon{position:absolute;top:3px;margin:9px 12px;width:24px;height:24px;text-align:center;font-size:24px;cursor:pointer}.shareable-link__icon:hover{color:#008dca}.shareable-link__icon--first,.shareable-link__icon--last{right:0}