@charset "UTF-8";
/**
 * MatchPress BP Member Swipe "card stack"
 */
@font-face {
  font-family: "matchpress";
  src: url("../fonts/matchpress.ttf?2s2mnn") format("truetype"), url("../fonts/matchpress.woff?2s2mnn") format("woff"), url("../fonts/matchpress.svg?2s2mnn#matchpress") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

:root {
  --matchpress-icon-font-family: 'matchpress';
  --matchpress-icon-like: "";
  --matchpress-icon-like-font-family: var(--matchpress-icon-font-family);
  --matchpress-icon-super-like: "";
  --matchpress-icon-super-like-font-family: var(--matchpress-icon-font-family);
  --matchpress-icon-skip: "";
  --matchpress-icon-skip-font-family: var(--matchpress-icon-font-family);
  --matchpress-icon-like-smile: "";
  --matchpress-icon-like-smile-font-family: var(--matchpress-icon-font-family);
  --matchpress-icon-super-like-smile: "";
  --matchpress-icon-super-like-smile-font-family: var(--matchpress-icon-font-family);
  --matchpress-icon-skip-smile: "";
  --matchpress-icon-skip-smile-font-family: var(--matchpress-icon-font-family);
  --matchpress-icon-like-person: "";
  --matchpress-icon-like-person-font-family: var(--matchpress-icon-font-family);
  --matchpress-icon-super-like-person: "";
  --matchpress-icon-super-like-person-font-family: var(--matchpress-icon-font-family);
  --matchpress-icon-skip-person: "";
  --matchpress-icon-skip-person-font-family: var(--matchpress-icon-font-family);
  --matchpress-icon-like-thumb: "";
  --matchpress-icon-like-thumb-font-family: var(--matchpress-icon-font-family);
  --matchpress-icon-skip-thumb: "";
  --matchpress-icon-skip-thumb-font-family: var(--matchpress-icon-font-family);
  --matchpress-icon-like-add: "";
  --matchpress-icon-like-add-font-family: var(--matchpress-icon-font-family);
  --matchpress-icon-skip-add: "";
  --matchpress-icon-skip-add-font-family: var(--matchpress-icon-font-family);
  --matchpress-icon-like-check: "";
  --matchpress-icon-like-check-font-family: var(--matchpress-icon-font-family);
}

:root {
  --matchpress-like-color: #4CCC92;
  --matchpress-super-like-color: #2DB3C9;
  --matchpress-skip-color: #FC6B6B;
  --matchpress-match-color: #FD267D;
  --matchpress-action-icon-margin-right: .25rem;
  --matchpress-card-stack-spacing-y: 8vw;
}

div#buddypress div.action a[disabled],
div#buddypress .member-header-actions a[disabled],
div#buddypress #members-list div.action a[disabled],
div#buddypress #friend-list div.action a[disabled],
div#buddypress div#item-header #profile-header div#item-buttons.action a[disabled] {
  opacity: .4;
  cursor: default;
}

div#buddypress div.action .like a.like-button,
div#buddypress .member-header-actions .like a.like-button,
div#buddypress #members-list div.action .like a.like-button,
div#buddypress #friend-list div.action .like a.like-button,
div#buddypress div#item-header #profile-header div#item-buttons.action .like a.like-button {
  color: var(--matchpress-like-color);
}

div#buddypress div.action .like a.like-button:before,
div#buddypress .member-header-actions .like a.like-button:before,
div#buddypress #members-list div.action .like a.like-button:before,
div#buddypress #friend-list div.action .like a.like-button:before,
div#buddypress div#item-header #profile-header div#item-buttons.action .like a.like-button:before {
  font-family: var(--matchpress-icon-like-font-family) !important;
  content: var(--matchpress-icon-like);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: var(--matchpress-action-icon-margin-right);
}

.matchpress--buttons-icons-smile div#buddypress div.action .like a.like-button:before, .matchpress--buttons-icons-smile
div#buddypress .member-header-actions .like a.like-button:before, .matchpress--buttons-icons-smile
div#buddypress #members-list div.action .like a.like-button:before, .matchpress--buttons-icons-smile
div#buddypress #friend-list div.action .like a.like-button:before, .matchpress--buttons-icons-smile
div#buddypress div#item-header #profile-header div#item-buttons.action .like a.like-button:before {
  font-family: var(--matchpress-icon-like-smile-font-family) !important;
  content: var(--matchpress-icon-like-smile);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.matchpress--buttons-icons-thumb div#buddypress div.action .like a.like-button:before, .matchpress--buttons-icons-thumb
div#buddypress .member-header-actions .like a.like-button:before, .matchpress--buttons-icons-thumb
div#buddypress #members-list div.action .like a.like-button:before, .matchpress--buttons-icons-thumb
div#buddypress #friend-list div.action .like a.like-button:before, .matchpress--buttons-icons-thumb
div#buddypress div#item-header #profile-header div#item-buttons.action .like a.like-button:before {
  font-family: var(--matchpress-icon-like-thumb-font-family) !important;
  content: var(--matchpress-icon-like-thumb);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.matchpress--buttons-icons-person div#buddypress div.action .like a.like-button:before, .matchpress--buttons-icons-person
div#buddypress .member-header-actions .like a.like-button:before, .matchpress--buttons-icons-person
div#buddypress #members-list div.action .like a.like-button:before, .matchpress--buttons-icons-person
div#buddypress #friend-list div.action .like a.like-button:before, .matchpress--buttons-icons-person
div#buddypress div#item-header #profile-header div#item-buttons.action .like a.like-button:before {
  font-family: var(--matchpress-icon-like-person-font-family) !important;
  content: var(--matchpress-icon-like-person);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.matchpress--buttons-icons-add div#buddypress div.action .like a.like-button:before, .matchpress--buttons-icons-add
div#buddypress .member-header-actions .like a.like-button:before, .matchpress--buttons-icons-add
div#buddypress #members-list div.action .like a.like-button:before, .matchpress--buttons-icons-add
div#buddypress #friend-list div.action .like a.like-button:before, .matchpress--buttons-icons-add
div#buddypress div#item-header #profile-header div#item-buttons.action .like a.like-button:before {
  font-family: var(--matchpress-icon-like-add-font-family) !important;
  content: var(--matchpress-icon-like-add);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.matchpress--buttons-icons-check div#buddypress div.action .like a.like-button:before, .matchpress--buttons-icons-check
div#buddypress .member-header-actions .like a.like-button:before, .matchpress--buttons-icons-check
div#buddypress #members-list div.action .like a.like-button:before, .matchpress--buttons-icons-check
div#buddypress #friend-list div.action .like a.like-button:before, .matchpress--buttons-icons-check
div#buddypress div#item-header #profile-header div#item-buttons.action .like a.like-button:before {
  font-family: var(--matchpress-icon-like-check-font-family) !important;
  content: var(--matchpress-icon-like-check);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div#buddypress div.action .like a.like-button.already_matched,
div#buddypress .member-header-actions .like a.like-button.already_matched,
div#buddypress #members-list div.action .like a.like-button.already_matched,
div#buddypress #friend-list div.action .like a.like-button.already_matched,
div#buddypress div#item-header #profile-header div#item-buttons.action .like a.like-button.already_matched {
  color: var(--matchpress-match-color);
  opacity: 1;
  font-weight: bold;
}

div#buddypress div.action .super-like a.super-like-button,
div#buddypress .member-header-actions .super-like a.super-like-button,
div#buddypress #members-list div.action .super-like a.super-like-button,
div#buddypress #friend-list div.action .super-like a.super-like-button,
div#buddypress div#item-header #profile-header div#item-buttons.action .super-like a.super-like-button {
  color: var(--matchpress-super-like-color);
}

div#buddypress div.action .super-like a.super-like-button:before,
div#buddypress .member-header-actions .super-like a.super-like-button:before,
div#buddypress #members-list div.action .super-like a.super-like-button:before,
div#buddypress #friend-list div.action .super-like a.super-like-button:before,
div#buddypress div#item-header #profile-header div#item-buttons.action .super-like a.super-like-button:before {
  font-family: var(--matchpress-icon-super-like-font-family) !important;
  content: var(--matchpress-icon-super-like);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: var(--matchpress-action-icon-margin-right);
}

.matchpress--buttons-icons-smile div#buddypress div.action .super-like a.super-like-button:before, .matchpress--buttons-icons-smile
div#buddypress .member-header-actions .super-like a.super-like-button:before, .matchpress--buttons-icons-smile
div#buddypress #members-list div.action .super-like a.super-like-button:before, .matchpress--buttons-icons-smile
div#buddypress #friend-list div.action .super-like a.super-like-button:before, .matchpress--buttons-icons-smile
div#buddypress div#item-header #profile-header div#item-buttons.action .super-like a.super-like-button:before {
  font-family: var(--matchpress-icon-super-like-smile-font-family) !important;
  content: var(--matchpress-icon-super-like-smile);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.matchpress--buttons-icons-person div#buddypress div.action .super-like a.super-like-button:before, .matchpress--buttons-icons-person
div#buddypress .member-header-actions .super-like a.super-like-button:before, .matchpress--buttons-icons-person
div#buddypress #members-list div.action .super-like a.super-like-button:before, .matchpress--buttons-icons-person
div#buddypress #friend-list div.action .super-like a.super-like-button:before, .matchpress--buttons-icons-person
div#buddypress div#item-header #profile-header div#item-buttons.action .super-like a.super-like-button:before {
  font-family: var(--matchpress-icon-super-like-person-font-family) !important;
  content: var(--matchpress-icon-super-like-person);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div#buddypress div.action .skip-member a.skip-member-button,
div#buddypress .member-header-actions .skip-member a.skip-member-button,
div#buddypress #members-list div.action .skip-member a.skip-member-button,
div#buddypress #friend-list div.action .skip-member a.skip-member-button,
div#buddypress div#item-header #profile-header div#item-buttons.action .skip-member a.skip-member-button {
  color: var(--matchpress-skip-color);
}

div#buddypress div.action .skip-member a.skip-member-button:before,
div#buddypress .member-header-actions .skip-member a.skip-member-button:before,
div#buddypress #members-list div.action .skip-member a.skip-member-button:before,
div#buddypress #friend-list div.action .skip-member a.skip-member-button:before,
div#buddypress div#item-header #profile-header div#item-buttons.action .skip-member a.skip-member-button:before {
  font-family: var(--matchpress-icon-skip-font-family) !important;
  content: var(--matchpress-icon-skip);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: var(--matchpress-action-icon-margin-right);
}

.matchpress--buttons-icons-smile div#buddypress div.action .skip-member a.skip-member-button:before, .matchpress--buttons-icons-smile
div#buddypress .member-header-actions .skip-member a.skip-member-button:before, .matchpress--buttons-icons-smile
div#buddypress #members-list div.action .skip-member a.skip-member-button:before, .matchpress--buttons-icons-smile
div#buddypress #friend-list div.action .skip-member a.skip-member-button:before, .matchpress--buttons-icons-smile
div#buddypress div#item-header #profile-header div#item-buttons.action .skip-member a.skip-member-button:before {
  font-family: var(--matchpress-icon-skip-smile-font-family) !important;
  content: var(--matchpress-icon-skip-smile);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.matchpress--buttons-icons-person div#buddypress div.action .skip-member a.skip-member-button:before, .matchpress--buttons-icons-person
div#buddypress .member-header-actions .skip-member a.skip-member-button:before, .matchpress--buttons-icons-person
div#buddypress #members-list div.action .skip-member a.skip-member-button:before, .matchpress--buttons-icons-person
div#buddypress #friend-list div.action .skip-member a.skip-member-button:before, .matchpress--buttons-icons-person
div#buddypress div#item-header #profile-header div#item-buttons.action .skip-member a.skip-member-button:before {
  font-family: var(--matchpress-icon-skip-person-font-family) !important;
  content: var(--matchpress-icon-skip-person);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.matchpress--buttons-icons-add div#buddypress div.action .skip-member a.skip-member-button:before, .matchpress--buttons-icons-add
div#buddypress .member-header-actions .skip-member a.skip-member-button:before, .matchpress--buttons-icons-add
div#buddypress #members-list div.action .skip-member a.skip-member-button:before, .matchpress--buttons-icons-add
div#buddypress #friend-list div.action .skip-member a.skip-member-button:before, .matchpress--buttons-icons-add
div#buddypress div#item-header #profile-header div#item-buttons.action .skip-member a.skip-member-button:before {
  font-family: var(--matchpress-icon-skip-add-font-family) !important;
  content: var(--matchpress-icon-skip-add);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.matchpress--buttons-icons-thumb div#buddypress div.action .skip-member a.skip-member-button:before, .matchpress--buttons-icons-thumb
div#buddypress .member-header-actions .skip-member a.skip-member-button:before, .matchpress--buttons-icons-thumb
div#buddypress #members-list div.action .skip-member a.skip-member-button:before, .matchpress--buttons-icons-thumb
div#buddypress #friend-list div.action .skip-member a.skip-member-button:before, .matchpress--buttons-icons-thumb
div#buddypress div#item-header #profile-header div#item-buttons.action .skip-member a.skip-member-button:before {
  font-family: var(--matchpress-icon-skip-thumb-font-family) !important;
  content: var(--matchpress-icon-skip-thumb);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.directory.members .buddypress-member-swipe-wrapper {
  overflow: visible;
  margin: 0;
}

.directory.members .buddypress-member-swipe-wrapper .buddypress-member-swipe-content {
  margin: var(--matchpress-card-stack-spacing-y) 0 !important;
}

.directory.members .buddypress-member-swipe-wrapper div.bp-member-swipe-card__action .generic-button:not([class*="skip"]):not([class*="like"]) {
  display: none !important;
}

.matchpress-member-super-liked-me-tooltip {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 9;
  display: flex;
  align-items: center;
}

.matchpress-member-super-liked-me-tooltip:after {
  font-family: var(--matchpress-icon-super-like-font-family) !important;
  content: var(--matchpress-icon-super-like);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: #fff;
  background: var(--matchpress-super-like-color);
  border-radius: 500px;
  pointer-events: none;
}

.matchpress-member-super-liked-me-tooltip > .matchpress-member-super-liked-me-tooltip-content {
  display: none;
  background: var(--matchpress-super-like-color);
  padding: 2px 18px 2px 15px;
  color: #ffffff;
  font-size: 0.8rem;
  margin-right: -8px;
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
}

.matchpress-member-super-liked-me-tooltip:hover > .matchpress-member-super-liked-me-tooltip-content {
  display: inline-block;
}

#matchpress-match-popup-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
}

#matchpress-match-popup-container #matchpress-match-popup {
  position: relative;
  background: #fff;
  padding: 2rem;
}

#matchpress-match-popup-container #matchpress-match-popup .matchpres-match-popup-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background: transparent;
}

#matchpress-match-popup-container #matchpress-match-popup .matchpres-match-popup-close:before {
  font-family: var(--matchpress-icon-skip-font-family) !important;
  content: var(--matchpress-icon-skip);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#matchpress-match-popup-container #matchpress-match-popup .matchpress-match-popup-header {
  margin-bottom: 2rem;
}

#matchpress-match-popup-container #matchpress-match-popup .matchpress-match-popup-content {
  margin-bottom: 2rem;
}

#matchpress-match-popup-container #matchpress-match-popup .matchpress-match-popup-content .matchpress-match-avatars {
  display: flex;
  position: relative;
}

#matchpress-match-popup-container #matchpress-match-popup .matchpress-match-popup-content .matchpress-match-avatars .matchpress-match-avatar img {
  width: 100%;
  height: auto;
  max-width: 200px;
}

#matchpress-match-popup-container #matchpress-match-popup .matchpress-match-popup-content .matchpress-match-avatars .matchpress-match-avatar.matchpress-match-avatar-me {
  margin-right: .5rem;
}

#matchpress-match-popup-container #matchpress-match-popup .matchpress-match-popup-content .matchpress-match-avatars .matchpress-match-avatar.matchpress-match-avatar-me:after {
  font-family: var(--matchpress-icon-like-font-family) !important;
  content: var(--matchpress-icon-like);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 50%;
  margin-right: -50px;
  margin-top: -50px;
  width: 100px;
  height: 100px;
  font-size: 70px;
  color: var(--matchpress-match-color);
  z-index: 1;
}

.matchpress--buttons-icons-smile #matchpress-match-popup-container #matchpress-match-popup .matchpress-match-popup-content .matchpress-match-avatars .matchpress-match-avatar.matchpress-match-avatar-me:after {
  font-family: var(--matchpress-icon-like-smile-font-family) !important;
  content: var(--matchpress-icon-like-smile);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.matchpress--buttons-icons-thumb #matchpress-match-popup-container #matchpress-match-popup .matchpress-match-popup-content .matchpress-match-avatars .matchpress-match-avatar.matchpress-match-avatar-me:after {
  font-family: var(--matchpress-icon-like-thumb-font-family) !important;
  content: var(--matchpress-icon-like-thumb);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.matchpress--buttons-icons-person #matchpress-match-popup-container #matchpress-match-popup .matchpress-match-popup-content .matchpress-match-avatars .matchpress-match-avatar.matchpress-match-avatar-me:after {
  font-family: var(--matchpress-icon-like-person-font-family) !important;
  content: var(--matchpress-icon-like-person);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.matchpress--buttons-icons-add #matchpress-match-popup-container #matchpress-match-popup .matchpress-match-popup-content .matchpress-match-avatars .matchpress-match-avatar.matchpress-match-avatar-me:after {
  font-family: var(--matchpress-icon-like-add-font-family) !important;
  content: var(--matchpress-icon-like-add);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.matchpress--buttons-icons-check #matchpress-match-popup-container #matchpress-match-popup .matchpress-match-popup-content .matchpress-match-avatars .matchpress-match-avatar.matchpress-match-avatar-me:after {
  font-family: var(--matchpress-icon-like-check-font-family) !important;
  content: var(--matchpress-icon-like-check);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#matchpress-match-popup-container #matchpress-match-popup .matchpress-match-popup-content .matchpress-match-avatars .matchpress-match-avatar.matchpress-match-avatar-other {
  margin-left: .5rem;
}

#matchpress-match-popup-container #matchpress-match-popup .matchpress-match-popup-footer .matchpress-match-message-button {
  width: 100%;
}