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