/* https://www.smashingmagazine.com/2022/10/fluid-typography-clamp-sass-functions/
 * Expects all incoming values to be pixels
 */
.sharebar {
  margin-bottom: 1rem;
}
.sharebar .twitter, .sharebar .facebook, .sharebar .google, .sharebar .email {
  display: inline-block;
  vertical-align: top;
  padding-right: 0.5rem;
}
.sharebar .email {
  height: 20px;
}
.sharebar .email svg {
  height: 20px;
  fill: #c5c5c5;
}

.sharebutton {
  position: realtive;
  margin-bottom: 1rem;
}
.sharebutton .share-button-pointer {
  padding-bottom: 10px;
}
.sharebutton .share-button-pointer button {
  margin-bottom: 0;
}
.sharebutton .share-buttons {
  position: absolute;
  background-color: #dddddd;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-radius: 5px;
  margin-left: -5000px;
  z-index: 20;
}
.sharebutton .share-buttons .container {
  display: table;
}
.sharebutton .share-buttons .facebook, .sharebutton .share-buttons .twitter, .sharebutton .share-buttons .google, .sharebutton .share-buttons .email {
  display: table-cell;
  vertical-align: top;
  padding-right: 1rem;
}
.sharebutton .share-buttons .email {
  height: 20px;
  padding-right: 0;
}
.sharebutton .share-buttons .email svg {
  height: 20px;
  fill: #c5c5c5;
}

.sharebutton.open .share-button-pointer {
  background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23dddddd%22%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2011%22%3E%3Cpolygon%20points%3D%221%2011%207%201%2013%2011%201%2011%22%2F%3E%3C%2Fsvg%3E");
  background-size: 12px 10px;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.sharebutton.open .share-buttons {
  margin-left: auto;
}

.sharebutton .share-buttons.right {
  right: 0px;
  float: none;
}

/*# sourceMappingURL=sharebar.css.map */