/* 
    Created on : 05.04.2023, 12:12:26
    Author     : Alex
*/

.sharer .sharer-wrapper {
  position: relative;
  overflow: hidden;
  height: 100px;
}

.sharer .sharer-wrapper .button-wrapper {
  position: absolute;
}

.sharer .sharer-wrapper .share-buttons {
  position: absolute;
  left: -326px;
  width: 326px;
  transition: all .3s ease-in-out;
  height: 18px;
  padding: 19.5px 0 19.5px;
}

.button-wrapper:hover + .share-buttons,
.sharer .sharer-wrapper .share-buttons:hover {
  left: 0px;
}

.share-button_link {
  font-size: 0;
  margin-left: 31px;
}

.share-button_link {
  transition: fill .3s ease-in-out;
}

.share-buttons .mastodon {
  display: inline-block;
}

.mastodon-overlay {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.42);
  transition: opacity 0.5s ease 0s, visibility 0s ease 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

.mastodon-overlay.active {
  opacity: 1;
  visibility: visible;
}

.mastodon-window {
  background: #fff;
  max-width: 292px;
  height: auto;
  padding: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 292px;
  clip-path: polygon(0px 0px, 326px 0, 326px 246px, 0px 273px);
}

.mastodon-window-content {

}

.close-mastodon {
  float: right;
  cursor: pointer;
  border: 0;
  background: none;
  font-size: 13px;
}

p.mastodon-title {
  font-size: 30px;
  line-height: 40px;
  padding-bottom: 0;
}

p.mastodon-subtitle {
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 8.5px;
}

input.mastodon-form {
  position: relative;
  display: flex;
  width: 285px;
  border: 1px solid #07262d;
  box-shadow: none;
  box-sizing: border-box;
  padding: 12.5px 19px;
  margin: 5px 0 0 0;
  font-family: inherit;
  font-size: 18px;
  line-height: 22px;
  color: #07262d;
}