@import '~terriajs-variables';
//@import '../../../../Sass/common/mixins';

.share-panel {
  font-size: 0.9rem;
}

.dropdown-inner {
  width: $share-panel-width;
  @include transform-origin(50%, top);
}

.heading-label {

}

.btn--share {
  composes: btn--share from '../../../../Sass/common/_buttons.scss';
}

.img--share {
  width: 100%;
  height: $share-panel-width / 4*3;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@include empty-module('link-wrapper');

.link {
  composes: link from '../../../../Sass/common/_base.scss';
}

.paragraph {
  margin: $padding 0;
  display: block;
}

.field {
  composes: field from '../../../../Sass/common/_form.scss';

  color: #ddd;
  background: $overlay;
}

.shorten-url {
  button {
    text-align: left;
    border: 0px;
    background: transparent;
  }
  svg{
    display: inline;
    padding-right: 5px;
    fill: #fff;
    height: 14px;
    width: 14px;
  }
}