/*!
 * VILLAGE v0.0.3 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
 */
@charset "UTF-8";

/* ¯¯¯¯¯¯¯¯¯ *\
  CONNECT
\* ˍˍˍˍˍˍˍˍˍ */
.village-connect {
  position: relative;
  padding: 0.625em 0.75em 0.625em 4em;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 0.75rem;

  --underline-img: none;
  --hover-tint: var(--hover);
  --active-tint: var(--active);
  --external-link-content: none;
  background-color: var(--background-action-high-village-primary);

  --idle: transparent;
  --hover: var(--background-action-high-village-primary-hover);
  --active: var(--background-action-high-village-primary-active);
  color: var(--text-inverted-village-primary);
}

.village-connect:hover {
  background-color: var(--hover-tint);
}

.village-connect:active {
  background-color: var(--active-tint);
}

.village-connect::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  bottom: 0.25em;
  left: 0.75em;
  width: 2.5em;
  height: 3em;
  margin-top: -1.5em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='256' height='256' id='svg2' sodipodi:version='0.32' inkscape:version='0.47 r22583' sodipodi:docname='openid.svg' version='1.0' inkscape:output_extension='org.inkscape.output.svg.inkscape'%3E %3Ctitle   id='title2910'%3Efacebook web%3C/title%3E %3Cdefs   id='defs4'%3E  %3Cinkscape:perspective     sodipodi:type='inkscape:persp3d'     inkscape:vp_x='0 : 128 : 1'     inkscape:vp_y='0 : 1000 : 0'     inkscape:vp_z='256 : 128 : 1'     inkscape:persp3d-origin='128 : 85.333333 : 1'     id='perspective17' /%3E  %3ClinearGradient     inkscape:collect='always'     id='linearGradient2555'%3E    %3Cstop       style='stop-color: rgb(255, 255, 255); stop-opacity: 1;'       offset='0'       id='stop2557' /%3E    %3Cstop       style='stop-color: rgb(255, 255, 255); stop-opacity: 0;'       offset='1'       id='stop2559' /%3E  %3C/linearGradient%3E  %3ClinearGradient     inkscape:collect='always'     xlink:href='%23linearGradient2555'     id='linearGradient2449'     gradientUnits='userSpaceOnUse'     gradientTransform='matrix(-0.5914584,0,0,0.5914584,210.02161,142.23241)'     x1='-344.15295'     y1='274.711'     x2='-395.84943'     y2='425.39993' /%3E %3C/defs%3E %3Cg   inkscape:label='Layer 1'   inkscape:groupmode='layer'   id='layer1'   transform='translate(-373.642,-318.344)'%3E  %3Crect     inkscape:export-ydpi='7.7063322'     inkscape:export-xdpi='7.7063322'     inkscape:export-filename='C:\documents and SettingsMolumenÞsktoppath3511111.png'     transform='scale(-1,1)'     ry='35.487503'     rx='35.487503'     y='328.34399'     x='-619.64203'     height='236'     width='236'     id='rect1942'     style='fill:%23ebebee;fill-opacity:1;fill-rule:evenodd;stroke:%23000000;stroke-width:0.5;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.5,1;stroke-dashoffset:0;stroke-opacity:1' /%3E  %3Cpath     inkscape:export-ydpi='7.7063322'     inkscape:export-xdpi='7.7063322'     inkscape:export-filename='C:\documents and SettingsMolumenÞsktoppath3511111.png'     sodipodi:nodetypes='ccccsssc'     id='path1950'     d='M 557.29062,338.43314 L 445.99327,338.43314 C 416.53255,338.43314 392.81507,362.34527 392.81507,392.04777 L 392.81507,500.64007 C 393.76867,523.8254 397.43678,509.16812 404.41887,483.49194 C 412.53354,453.65102 438.96056,427.56963 471.144,408.02312 C 495.7086,393.10398 523.20395,383.5772 573.25282,382.6709 C 601.63697,382.15694 599.13112,345.83025 557.29062,338.43314 z'     style='opacity:0.98283262;fill:url(%23linearGradient2449);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.87500000000000000;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.87500000000000000, 1.75000000000000000;stroke-dashoffset:0;stroke-opacity:1' /%3E  %3Cpath     style='fill:%23ff8e00;fill-opacity:1;stroke:none'     d='m 488.0825,538.40564 26.93006,-19.41471 -1.2525,-154.06511 -25.67756,20.04099 0,153.43883 z'     id='path25468' /%3E  %3Cpath     style='fill:%23626262;fill-opacity:1;stroke:none'     d='M 488.39564,538.40564 C 387.66591,522.39153 384.79535,434.69468 487.76935,415.65457 l 0.31315,18.16215 c -73.04418,12.17854 -63.78999,77.70661 0,87.36619 l 0.31314,17.22273 z'     id='path25470'     sodipodi:nodetypes='ccccc' /%3E  %3Cpath     style='fill:%23626262;fill-opacity:1;stroke:none'     d='m 514.69946,433.19044 c 12.45669,0.0847 23.30841,5.78683 34.13233,11.58619 l -15.97017,11.89934 51.04191,0 0.3131,-34.75859 -15.97018,11.89934 c -16.16175,-8.16308 -31.01691,-17.95941 -53.54699,-18.16215 l 0,17.53587 z'     id='path25472'     sodipodi:nodetypes='cccccccc' /%3E %3C/g%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 2.5em 3em;
}

.village-connect__login,
.village-connect__brand {
  line-height: 1;
  z-index: 1;
  white-space: nowrap;
}

.village-connect__login {
  font-size: 1.0625em;
}

.village-connect__brand {
  font-weight: bold;
  font-size: 1.125em;
}

.village-connect--plus {
  padding-right: 3em;
}

.village-connect--plus::after {
  content: "+";
  display: block;
  position: absolute;
  right: 0.25em;
  bottom: 0;
  font-size: 3em;
  font-weight: bold;
  line-height: 1;
  transform: translate(5%, -17%);
}

.village-connect-group {
  --text-spacing: 0 0 1rem 0;
}

.village-connect-group p {
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: var(--text-mention-grey);
}

.village-connect-group .village-connect + p a {
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: var(--text-action-high-village-primary);
}

.village-connect:disabled,
a.village-connect:not([href]) {
  background-color: var(--background-disabled-grey);

  --idle: transparent;
  --hover: var(--background-disabled-grey-hover);
  --active: var(--background-disabled-grey-active);
  color: var(--text-disabled-grey);
}
@media (min-width: 36em) {
  /*! media sm */
}
@media (min-width: 48em) {
  /*! media md */
}
@media (min-width: 62em) {
  /*! media lg */
}
@media (min-width: 78em) {
  /*! media xl */
}