/**
  d8888b. d8888b.      .d8888. db   db  .d8b.  d8888b. d88888b
  88  `8D VP  `8D      88'  YP 88   88 d8' `8b 88  `8D 88'
  88oooY'   oooY'      `8bo.   88ooo88 88ooo88 88oobY' 88ooooo
  88~~~b.   ~~~b.        `Y8b. 88~~~88 88~~~88 88`8b   88~~~~~
  88   8D db   8D      db   8D 88   88 88   88 88 `88. 88.
  Y8888P' Y8888P'      `8888Y' YP   YP YP   YP 88   YD Y88888P
*/
/* line 12, ../../../../packages/modules/b3-share/css/b3-share.scss */
.b3-share {
  position: relative;
  display: inline-block;
  padding: 4px 11px;
  text-transform: uppercase;
}
/* line 22, ../../../../packages/modules/b3-share/css/b3-share.scss */
.b3-share .share-inner {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  background-color: #a8a8a8;
}
/* line 35, ../../../../packages/modules/b3-share/css/b3-share.scss */
.b3-share .share-text {
  position: relative;
  z-index: 2;
  margin-bottom: 0;
}
/* line 41, ../../../../packages/modules/b3-share/css/b3-share.scss */
.b3-share .share-text i {
  -webkit-transition-duration: 0.1s !important;
  transition-duration: 0.1s !important;
  position: relative;
  top: -2px;
  display: inline-block;
  margin-left: 19px;
  *zoom: 1;
}
/* line 52, ../../../../packages/modules/b3-share/css/b3-share.scss */
.no-touch .b3-share:hover .share-inner {
  top: -6px;
  padding: 6px 11px 6px 100%;
  max-width: none;
  background-color: #373334;
}
/* line 59, ../../../../packages/modules/b3-share/css/b3-share.scss */
.no-touch .b3-share:hover .social-btns {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
/* line 65, ../../../../packages/modules/b3-share/css/b3-share.scss */
.no-touch .b3-share:hover .share-text i {
  opacity: 0;
}
/* line 72, ../../../../packages/modules/b3-share/css/b3-share.scss */
.no-touch.no-opacity .b3-share:hover .share-text i {
  visibility: hidden;
}
/* line 76, ../../../../packages/modules/b3-share/css/b3-share.scss */
.no-touch.no-opacity .b3-share:hover .social-btns {
  visibility: visible;
}
/* line 83, ../../../../packages/modules/b3-share/css/b3-share.scss */
.touch .b3-share.is-active .share-inner {
  top: -6px;
  padding: 6px 11px 6px 100%;
  max-width: none;
  background-color: #373334;
}
/* line 90, ../../../../packages/modules/b3-share/css/b3-share.scss */
.touch .b3-share.is-active .social-btns {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
/* line 96, ../../../../packages/modules/b3-share/css/b3-share.scss */
.touch .b3-share.is-active .share-text i {
  opacity: 0;
}
/* line 101, ../../../../packages/modules/b3-share/css/b3-share.scss */
.b3-share .social-btns {
  opacity: 0;
  -webkit-transform: translate(120%, 0);
  -ms-transform: translate(120%, 0);
  transform: translate(120%, 0);
  -webkit-transform: translate3d(120%, 0, 0);
  transform: translate3d(120%, 0, 0);
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  padding-top: 1px;
  white-space: nowrap;
}
/* line 1342, ../../../../packages/common/css/_base/_mixins.scss */
.no-opacity .b3-share .social-btns {
  visibility: hidden;
}
/* line 110, ../../../../packages/modules/b3-share/css/b3-share.scss */
.b3-share .btn-social {
  margin-right: 4px;
  margin-bottom: 0;
}
/* line 115, ../../../../packages/modules/b3-share/css/b3-share.scss */
.b3-share .btn-social:last-child {
  margin-right: 0;
}
