/*!
 * 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-btn::before,
  .village-btn::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
  }

  .village-btn[href] {
    text-decoration: none;
  }

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

  .village-btn--sm::before,
  .village-btn--sm::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 0.75rem;
    height: 0.75rem;
  }

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

  .village-btn--lg::before,
  .village-btn--lg::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
  }

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

  .village-btn--close::before,
  .village-btn--close::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../../icons/system/close-line.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-btn--tooltip::before,
  .village-btn--tooltip::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../../icons/system/question-line.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-btn--fullscreen::before,
  .village-btn--fullscreen::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../../icons/media/fullscreen-line.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-btn--display::before,
  .village-btn--display::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../../icons/system/village--theme-fill.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-btn--briefcase::before,
  .village-btn--briefcase::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../../icons/business/briefcase-fill.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-btn--account::before,
  .village-btn--account::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../../icons/user/account-circle-fill.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-btn--team::before,
  .village-btn--team::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../../icons/user/team-line.svg");
    width: 1rem;
    height: 1rem;
  }

  ul.village-btns-group {
    list-style-type: none;
  }

  ol.village-btns-group {
    list-style-type: none;
  }

  ul.village-btns-group,
  ol.village-btns-group {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

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

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

  .village-btn {
    background-color: hsl(180, 75%, 25%);
    color: hsl(180, 80%, 98%);
  }

  .village-btn:hover {
    background-color: hsl(180, 60%, 20%);
  }

  .village-btn:active {
    background-color: hsl(180, 40%, 15%);
  }

  .village-btn:disabled,
  a.village-btn:not([href]) {
    color: #929292;
    background-color: #e5e5e5;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .village-btn--tertiary-no-outline,
  .village-btn--close,
  .village-btn--display,
  .village-btn--fullscreen,
  .village-btn--tooltip,
  .village-btn--briefcase,
  .village-btn--team {
    background-color: transparent;
    color: hsl(180, 75%, 25%);
  }

  .village-btn--tertiary-no-outline:hover,
  .village-btn--close:hover,
  .village-btn--display:hover,
  .village-btn--fullscreen:hover,
  .village-btn--tooltip:hover,
  .village-btn--briefcase:hover,
  .village-btn--team:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-btn--tertiary-no-outline:active,
  .village-btn--close:active,
  .village-btn--display:active,
  .village-btn--fullscreen:active,
  .village-btn--tooltip:active,
  .village-btn--briefcase:active,
  .village-btn--team:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-btn--tertiary-no-outline:disabled,
  a.village-btn--tertiary-no-outline:not([href]),
  a.village-btn--close:not([href]),
  a.village-btn--display:not([href]),
  a.village-btn--fullscreen:not([href]),
  a.village-btn--tooltip:not([href]),
  a.village-btn--briefcase:not([href]),
  a.village-btn--team:not([href]),
  .village-btn--close:disabled,
  .village-btn--display:disabled,
  .village-btn--fullscreen:disabled,
  .village-btn--tooltip:disabled,
  .village-btn--briefcase:disabled,
  .village-btn--team:disabled {
    color: #929292;
    background-color: transparent;
  }

  .village-btn--tertiary-no-outline:disabled:hover,
  a.village-btn--tertiary-no-outline:not([href]):hover,
  a.village-btn--close:not([href]):hover,
  a.village-btn--display:not([href]):hover,
  a.village-btn--fullscreen:not([href]):hover,
  a.village-btn--tooltip:not([href]):hover,
  a.village-btn--briefcase:not([href]):hover,
  a.village-btn--team:not([href]):hover,
  .village-btn--close:disabled:hover,
  .village-btn--display:disabled:hover,
  .village-btn--fullscreen:disabled:hover,
  .village-btn--tooltip:disabled:hover,
  .village-btn--briefcase:disabled:hover,
  .village-btn--team:disabled:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-btn--tertiary-no-outline:disabled:active,
  a.village-btn--tertiary-no-outline:not([href]):active,
  a.village-btn--close:not([href]):active,
  a.village-btn--display:not([href]):active,
  a.village-btn--fullscreen:not([href]):active,
  a.village-btn--tooltip:not([href]):active,
  a.village-btn--briefcase:not([href]):active,
  a.village-btn--team:not([href]):active,
  .village-btn--close:disabled:active,
  .village-btn--display:disabled:active,
  .village-btn--fullscreen:disabled:active,
  .village-btn--tooltip:disabled:active,
  .village-btn--briefcase:disabled:active,
  .village-btn--team:disabled:active {
    background-color: rgba(0, 0, 0, 0.1);
  }
}
