/*!
 * VILLAGE v0.0.3 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
 */
@media (min-width: 36em) {
  /*! media sm */
}
@media (min-width: 48em) {
  /*! media md */
}
@media (min-width: 62em) {
  /*! media lg */
}
@media (min-width: 78em) {
  /*! media xl */
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .village-share__group > li {
    list-style: none;
  }

  .village-share .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg) .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::before,
  .village-share .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg) .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-share .village-btn--facebook::before {
    background-image: url("../../icons/logo/facebook-circle-line.svg");
  }

  .village-share .village-btn--linkedin::before {
    background-image: url("../../icons/logo/linkedin-box-line.svg");
  }

  .village-share .village-btn--mastodon::before {
    background-image: url("../../icons/logo/mastodon-line.svg");
  }

  .village-share .village-btn--threads::before {
    background-image: url("../../icons/logo/threads-line.svg");
  }

  .village-share .village-btn--twitter::before {
    background-image: url("../../icons/logo/twitter-line.svg");
  }

  .village-share .village-btn--twitter-x::before {
    background-image: url("../../icons/logo/twitter-x-line.svg");
  }

  .village-share .village-btn--mail::before {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../../icons/business/mail-line.svg");
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-share .village-btn--copy::before {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../../icons/business/links-fill.svg");
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-share .village-btn {
    background-color: transparent;
    color: hsl(180, 75%, 25%);
    box-shadow: inset 0 0 0 1px #ddd;
  }

  .village-share .village-btn:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-share .village-btn:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-share .village-btn:disabled,
  .village-share a.village-btn:not([href]) {
    color: #929292;
    box-shadow: inset 0 0 0 1px #e5e5e5;
    background-color: transparent;
  }

  .village-share .village-btn:disabled:hover,
  .village-share a.village-btn:not([href]):hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-share .village-btn:disabled:active,
  .village-share a.village-btn:not([href]):active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-share__text {
    color: #666;
  }

  .village-share__link {
    background-color: transparent;
    color: hsl(180, 75%, 25%);
    box-shadow: inset 0 0 0 1px #ddd;
  }

  .village-share__link:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-share__link:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-share__link:disabled,
  a.village-share__link:not([href]) {
    color: #929292;
    box-shadow: inset 0 0 0 1px #e5e5e5;
    background-color: transparent;
  }

  .village-share__link:disabled:hover,
  a.village-share__link:not([href]):hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-share__link:disabled:active,
  a.village-share__link:not([href]):active {
    background-color: rgba(0, 0, 0, 0.1);
  }
}
