@media all and (min-width: 1064px) {
}.applicable-groups {
  background: var(--theme--neutral00);
}
.applicable-groups .community-layout .content,
.applicable-groups.has-cover .content {
  margin-top: 0;
}
.applicable-groups .community-layout .custom-logo img,
.applicable-groups.has-cover .custom-logo img {
  top: -60px;
  border-color: '@secondary-color';
}
.applicable-groups .action-buttons .signin {
  position: absolute;
  top: 32px;
  right: 32px;
  box-shadow: 0 0 12px 0 rgba(15, 28, 68, 0.4);
}
.applicable-groups .action-buttons .join {
  position: absolute;
  top: 32px;
  right: 200px;
  box-shadow: 0 0 12px 0 rgba(15, 28, 68, 0.4);
}
.applicable-groups .organization-header {
  position: relative;
  background: var(--theme--neutral00);
  padding-top: 60px;
  text-align: center;
  color: var(--theme--neutral100);
}
.applicable-groups .organization-header .title {
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 16px;
}
.applicable-groups .groups-layout {
  min-height: 400px;
  flex-wrap: wrap;
  padding: 30px 25px;
  background-color: '@secondary-color';
}
.applicable-groups .groups-layout .title {
  padding-top: 40px;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  color: var(--theme--neutral00);
  margin-bottom: 8px;
}
.applicable-groups .groups-layout .subtitle {
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: var(--theme--neutral00);
  margin-bottom: 32px;
}
.applicable-groups .groups-layout .groups {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 32px;
  padding: 0;
  list-style: none;
  text-align: center;
  margin: 0 auto;
  max-width: 920px;
}
.applicable-groups .groups-layout .groups .group {
  width: 129px;
  height: 164px;
  padding: 16px;
  text-align: center;
  background: var(--theme--neutral00);
  margin-right: 12px;
  margin-left: 12px;
  margin-bottom: 24px;
  border-radius: 4px;
}
.applicable-groups .groups-layout .groups .group:hover {
  cursor: pointer;
  background-color: #f7f7f7;
}
.applicable-groups .groups-layout .groups .group .group-logo img,
.applicable-groups .groups-layout .groups .group .group-logo .default-group-logo {
  height: 64px;
  width: 64px;
  border-radius: 20px;
  margin: auto;
}
.applicable-groups .groups-layout .groups .group .group-name {
  margin-top: 8px;
  height: 35px;
  font-weight: 600;
  font-size: 12px;
  color: var(--theme--neutral100);
}
.applicable-groups .groups-layout .groups .group .member-count {
  padding-top: 8px;
  font-size: 12px;
  color: var(--theme--neutral100);
}
.applicable-groups .explanation {
  padding-top: 32px;
  padding-bottom: 32px;
  background-color: var(--theme--neutral05);
}
.applicable-groups .explanation .title {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  color: var(--theme--neutral100);
  padding-bottom: 32px;
}
.applicable-groups .explanation .actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.applicable-groups .explanation .actions .actions-pair {
  display: flex;
  justify-content: center;
}
.applicable-groups .explanation .actions .actions-pair .action-frame {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.applicable-groups .explanation .actions .actions-pair .action-frame:not(:last-child) {
  margin-right: 32px;
}
.applicable-groups .explanation .actions .actions-pair .action-frame .action-logo {
  height: 60px;
  width: 60px;
  border-radius: 20px;
  margin-bottom: 16px;
  background-color: var(--theme--neutral00);
  text-align: center;
}
.applicable-groups .explanation .actions .actions-pair .action-frame .action-logo .mob-action-activity {
  width: 34px;
  height: 34px;
  margin-top: 12px;
  fill: '@primary-color';
}
.applicable-groups .explanation .actions .actions-pair .action-frame .action-logo .mob-action-phone {
  width: 21px;
  height: 34px;
  margin-top: 12px;
  fill: '@primary-color';
}
.applicable-groups .explanation .actions .actions-pair .action-frame .action-logo .mob-action-chat {
  width: 30px;
  height: 30px;
  margin-top: 15px;
  fill: '@primary-color';
}
.applicable-groups .explanation .actions .actions-pair .action-frame .action-logo .mob-action-meet {
  width: 30px;
  height: 30px;
  margin-top: 15px;
  fill: '@primary-color';
}
.applicable-groups .explanation .actions .actions-pair .action-frame .action-name {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: var(--theme--neutral100);
  margin-bottom: 8px;
}
.applicable-groups .explanation .actions .actions-pair .action-frame .action-desc {
  font-size: 13px;
  text-align: center;
  color: var(--theme--neutral100);
  max-width: 200px;
}
.applicable-groups .app-section {
  text-align: center;
  background-color: var(--theme--neutral00);
}
.applicable-groups .app-section .title {
  margin-top: 32px;
  font-size: 20px;
  padding-bottom: 16px;
  color: var(--theme--neutral100);
}
.applicable-groups .app-section .subtitle {
  color: var(--theme--neutral100);
  font-size: 13px;
}
.applicable-groups .app-section .send-link {
  padding-top: 16px;
  display: flex;
  justify-content: center;
}
.applicable-groups .app-section .send-link input {
  border-radius: 4px;
  margin-right: 16px;
}
.applicable-groups .app-store-buttons {
  position: absolute;
  bottom: 0px;
  right: 16px;
  display: flex;
  flex-direction: column;
}
.applicable-groups .app-store-buttons .mob-appstore-link,
.applicable-groups .app-store-buttons .mob-googleplay-link {
  height: 32px;
  width: 109px;
}


/*# sourceMappingURL=applicableGroups.css.map*/