/*
=========================================================
WayzAway Member Group V1
Preview route:
  /groups?wz-group-theme=1
=========================================================
*/

body.wz-member-group {
  background:
    linear-gradient(
      180deg,
      #fff 0,
      #fff 82px,
      #fff8fa 220px,
      #faf7f8 100%
    );
}

/* ------------------------------------------------------
   PAGE SHELL
------------------------------------------------------ */

body.wz-member-group .page-title-container {
  max-width: 1180px;
  margin:
    10px auto 18px;
}

body.wz-member-group
  .page-title-container
  h2 {
  font-size: 1.72rem !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em;
}

body.wz-member-group
  .page-title-container
  p {
  margin-top: 4px !important;
  font-size: 0.91rem !important;
  line-height: 1.4 !important;
}

body.wz-member-group
  .page-title-container
  .v-btn {
  border-radius: 12px !important;
}

body.wz-member-group
  .page-title-container
  .mdi-arrow-left
  + * {
  border-radius: inherit;
}

body.wz-member-group
  .wz-group-page-content {
  max-width: 1180px;
  margin:
    0 auto 40px;
}

/* ------------------------------------------------------
   COLLECTION SELECTOR
------------------------------------------------------ */

body.wz-member-group
  .wz-group-selector {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;

  margin:
    0 0 22px !important;

  padding:
    10px !important;

  background:
    rgba(255, 255, 255, 0.92);

  border:
    1px solid rgba(29, 33, 41, 0.075);

  border-radius:
    17px;

  box-shadow:
    0 7px 24px rgba(31, 22, 25, 0.055);

  backdrop-filter:
    blur(10px);
}

body.wz-member-group
  .wz-group-selector
  > .v-chip {
  min-height:
    35px !important;

  height:
    35px !important;

  border-radius:
    10px !important;

  padding-inline:
    11px !important;

  font-size:
    0.82rem !important;

  font-weight:
    600 !important;

  letter-spacing:
    0 !important;

  box-shadow:
    none !important;

  transition:
    transform 150ms ease,
    box-shadow 150ms ease,
    border-color 150ms ease;
}

body.wz-member-group
  .wz-group-selector
  > .v-chip--variant-outlined {
  background:
    #fff !important;

  border-color:
    rgba(26, 29, 36, 0.10) !important;
}

body.wz-member-group
  .wz-group-selector
  > .v-chip--variant-flat {
  box-shadow:
    0 4px 12px rgba(20, 23, 29, 0.10) !important;
}

@media (hover:hover) {
  body.wz-member-group
    .wz-group-selector
    > .v-chip:hover {
    transform:
      translateY(-1px);
  }
}

body.wz-member-group
  .wz-group-selector
  .mdi-dots-vertical {
  opacity:
    0.72;
}

/* ------------------------------------------------------
   EVENT GRID / CARDS
------------------------------------------------------ */

body.wz-member-group
  .event-card-sheet {
  position:
    relative;

  overflow:
    hidden !important;

  border:
    1px solid rgba(24, 28, 34, 0.07) !important;

  border-radius:
    18px !important;

  background:
    #fff !important;

  box-shadow:
    0 7px 22px rgba(28, 22, 24, 0.07) !important;

  transition:
    transform 160ms ease,
    box-shadow 160ms ease;
}

@media (hover:hover) {
  body.wz-member-group
    .event-card-sheet:hover {
    transform:
      translateY(-2px);

    box-shadow:
      0 11px 28px rgba(28, 22, 24, 0.10) !important;
  }
}

body.wz-member-group
  .event-card-sheet
  > .v-img {
  position:
    relative;

  width:
    100%;

  aspect-ratio:
    1.48 / 1;

  min-height:
    0 !important;

  overflow:
    hidden;
}

body.wz-member-group
  .event-card-sheet
  > .v-img
  .v-img__img {
  object-fit:
    cover !important;
}

body.wz-member-group
  .event-card-sheet
  > .d-flex.align-center.position-relative.clickable.pa-2 {
  min-height:
    52px;

  padding:
    8px 48px 8px 11px !important;

  background:
    #fff;
}

body.wz-member-group
  .event-card-sheet
  .pa-4,
body.wz-member-group
  .event-card-sheet
  .v-card-text {
  padding:
    11px 13px 13px !important;
}

body.wz-member-group
  .event-card-sheet
  h2,
body.wz-member-group
  .event-card-sheet
  h3,
body.wz-member-group
  .event-card-sheet
  h4,
body.wz-member-group
  .event-card-sheet
  .text-h5,
body.wz-member-group
  .event-card-sheet
  .text-h6,
body.wz-member-group
  .event-card-sheet
  .v-card-title {
  margin:
    3px 0 6px !important;

  font-size:
    1.04rem !important;

  line-height:
    1.2 !important;

  letter-spacing:
    -0.012em !important;
}

body.wz-member-group
  .event-card-sheet
  .text-body-1,
body.wz-member-group
  .event-card-sheet
  .text-body-2,
body.wz-member-group
  .event-card-sheet
  .text-caption,
body.wz-member-group
  .event-card-sheet
  .v-card-subtitle,
body.wz-member-group
  .event-card-sheet
  p,
body.wz-member-group
  .event-card-sheet
  small {
  font-size:
    0.81rem !important;

  line-height:
    1.35 !important;
}

body.wz-member-group
  .event-card-sheet
  .mb-3 {
  margin-bottom:
    7px !important;
}

body.wz-member-group
  .event-card-sheet
  .mb-2 {
  margin-bottom:
    5px !important;
}

/* ------------------------------------------------------
   CATEGORY OVER IMAGE
------------------------------------------------------ */

body.wz-member-group
  .event-card-sheet
  .wz-group-image-category-host {
  position:
    relative !important;
}

body.wz-member-group
  .event-card-sheet
  .wz-group-image-category {
  position:
    absolute !important;

  left:
    10px !important;

  bottom:
    10px !important;

  z-index:
    4 !important;

  height:
    26px !important;

  min-height:
    26px !important;

  max-width:
    calc(100% - 20px);

  padding:
    0 10px !important;

  background:
    rgba(22, 24, 29, 0.72) !important;

  color:
    #fff !important;

  border:
    1px solid rgba(255, 255, 255, 0.16) !important;

  border-radius:
    8px !important;

  box-shadow:
    0 3px 12px rgba(0, 0, 0, 0.18) !important;

  backdrop-filter:
    blur(8px) saturate(115%);

  -webkit-backdrop-filter:
    blur(8px) saturate(115%);
}

body.wz-member-group
  .event-card-sheet
  .wz-group-image-category
  .v-chip__underlay {
  opacity:
    0 !important;
}

body.wz-member-group
  .event-card-sheet
  .wz-group-image-category
  .v-chip__content {
  display:
    inline-flex;

  align-items:
    center;

  gap:
    7px;

  overflow:
    hidden;

  max-width:
    100%;

  color:
    #fff !important;

  font-size:
    0.73rem !important;

  font-weight:
    600 !important;

  line-height:
    1 !important;

  white-space:
    nowrap;

  text-overflow:
    ellipsis;
}

body.wz-member-group
  .event-card-sheet
  .wz-group-image-category
  .v-chip__content::before {
  content:
    "";

  flex:
    0 0 auto;

  width:
    5px;

  height:
    5px;

  border-radius:
    999px;

  background:
    #ec0052;

  box-shadow:
    0 0 0 2px rgba(236, 0, 82, 0.16);
}

body.wz-member-group
  .event-card-sheet
  .wz-group-category-row-empty {
  display:
    none !important;
}

/* ------------------------------------------------------
   CARD MENU
------------------------------------------------------ */

body.wz-member-group
  .event-card-sheet
  .wz-group-card-menu {
  position:
    absolute !important;

  top:
    0 !important;

  right:
    0 !important;

  bottom:
    auto !important;

  left:
    auto !important;

  inset:
    0 0 auto auto !important;

  transform:
    none !important;

  width:
    40px !important;

  min-width:
    40px !important;

  height:
    40px !important;

  min-height:
    40px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  border-radius:
    0 18px 0 12px !important;

  box-shadow:
    0 2px 7px rgba(20, 24, 32, 0.14) !important;

  z-index:
    5 !important;
}

/* ------------------------------------------------------
   INLINE VIEW EVENT
------------------------------------------------------ */

body.wz-member-group
  .event-card-sheet
  .wz-group-meta-action-row {
  display:
    flex !important;

  align-items:
    center !important;

  width:
    100%;

  min-width:
    0;

  gap:
    7px !important;
}

body.wz-member-group
  .event-card-sheet
  .wz-group-meta-action-row
  > span {
  min-width:
    0;

  overflow:
    hidden;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;
}

body.wz-member-group
  .event-card-sheet
  .wz-group-event-action {
  flex:
    0 0 auto !important;

  min-width:
    0 !important;

  width:
    auto !important;

  height:
    auto !important;

  min-height:
    0 !important;

  margin:
    0 0 0 auto !important;

  padding:
    2px 0 2px 8px !important;

  background:
    transparent !important;

  color:
    #e40046 !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  box-shadow:
    none !important;

  font-size:
    0.78rem !important;

  font-weight:
    700 !important;

  letter-spacing:
    0 !important;

  text-transform:
    none !important;
}

body.wz-member-group
  .event-card-sheet
  .wz-group-event-action
  .v-btn__overlay,
body.wz-member-group
  .event-card-sheet
  .wz-group-event-action
  .v-btn__underlay {
  display:
    none !important;
}

body.wz-member-group
  .event-card-sheet
  .wz-group-original-action-row:empty {
  display:
    none !important;
}

/* ------------------------------------------------------
   DIALOGS
------------------------------------------------------ */

body.wz-member-group
  .v-dialog
  .v-card {
  border-radius:
    18px !important;

  overflow:
    hidden;

  box-shadow:
    0 20px 60px rgba(22, 24, 29, 0.20) !important;
}

body.wz-member-group
  .v-dialog
  .v-card-title {
  font-size:
    1.14rem !important;

  font-weight:
    700 !important;
}

body.wz-member-group
  .v-dialog
  .v-text-field,
body.wz-member-group
  .v-dialog
  .v-textarea,
body.wz-member-group
  .v-dialog
  .v-select {
  border-radius:
    12px;
}

/* ------------------------------------------------------
   EMPTY STATE
------------------------------------------------------ */

body.wz-member-group
  .wz-group-page-content
  .v-alert {
  max-width:
    620px;

  margin:
    24px auto !important;

  border-radius:
    16px !important;
}

/* ------------------------------------------------------
   MOBILE
------------------------------------------------------ */

@media (max-width: 640px) {

  body.wz-member-group {
    background:
      #faf7f8;
  }

  body.wz-member-group
    .page-title-container {
    margin:
      3px 4px 13px;
  }

  body.wz-member-group
    .page-title-container
    h2 {
    font-size:
      1.43rem !important;
  }

  body.wz-member-group
    .page-title-container
    p {
    font-size:
      0.84rem !important;
  }

  body.wz-member-group
    .wz-group-page-content {
    margin-bottom:
      28px;
  }

  body.wz-member-group
    .wz-group-selector {
    gap:
      6px !important;

    margin:
      0 2px 15px !important;

    padding:
      8px !important;

    border-radius:
      14px;
  }

  body.wz-member-group
    .wz-group-selector
    > .v-chip {
    height:
      32px !important;

    min-height:
      32px !important;

    padding-inline:
      9px !important;

    border-radius:
      9px !important;

    font-size:
      0.76rem !important;
  }

  body.wz-member-group
    .event-card-sheet {
    border-radius:
      16px !important;
  }

  body.wz-member-group
    .event-card-sheet
    > .v-img {
    aspect-ratio:
      1.44 / 1;
  }

  body.wz-member-group
    .event-card-sheet
    > .d-flex.align-center.position-relative.clickable.pa-2 {
    min-height:
      48px;

    padding:
      7px 44px 7px 10px !important;
  }

  body.wz-member-group
    .event-card-sheet
    .pa-4,
  body.wz-member-group
    .event-card-sheet
    .v-card-text {
    padding:
      9px 11px 11px !important;
  }

  body.wz-member-group
    .event-card-sheet
    h2,
  body.wz-member-group
    .event-card-sheet
    h3,
  body.wz-member-group
    .event-card-sheet
    h4,
  body.wz-member-group
    .event-card-sheet
    .text-h5,
  body.wz-member-group
    .event-card-sheet
    .text-h6,
  body.wz-member-group
    .event-card-sheet
    .v-card-title {
    font-size:
      0.99rem !important;
  }

  body.wz-member-group
    .event-card-sheet
    .wz-group-image-category {
    left:
      9px !important;

    bottom:
      9px !important;

    height:
      25px !important;

    min-height:
      25px !important;

    border-radius:
      7px !important;
  }

  body.wz-member-group
    .event-card-sheet
    .wz-group-image-category
    .v-chip__content {
    font-size:
      0.71rem !important;
  }

  body.wz-member-group
    .event-card-sheet
    .wz-group-card-menu {
    width:
      38px !important;

    min-width:
      38px !important;

    height:
      38px !important;

    min-height:
      38px !important;

    border-radius:
      0 16px 0 11px !important;
  }

  body.wz-member-group
    .event-card-sheet
    .wz-group-event-action {
    padding-left:
      6px !important;

    font-size:
      0.75rem !important;
  }
}


/*
=========================================================
WayzAway Member Group V2
Focused polish pass
=========================================================
*/

/* ------------------------------------------------------
   REDUCE EXCESS VERTICAL SPACE
------------------------------------------------------ */

body.wz-member-group
  .page-title-container {
  margin-bottom:
    14px;
}

body.wz-member-group
  .wz-group-selector {
  margin-bottom:
    12px !important;

  padding:
    8px 9px !important;

  border-color:
    rgba(29, 33, 41, 0.065);

  box-shadow:
    0 4px 16px rgba(31, 22, 25, 0.04);
}

/* ------------------------------------------------------
   COLLECTION CHIP REFINEMENT
------------------------------------------------------ */

body.wz-member-group
  .wz-group-selector
  > .v-chip {
  min-height:
    34px !important;

  height:
    34px !important;
}

body.wz-member-group
  .wz-group-selector
  .v-chip
  .mdi-dots-vertical {
  margin-left:
    3px;

  margin-right:
    -2px;

  opacity:
    0.62;
}

/* ------------------------------------------------------
   MODERNISED EVENT DATE BADGE
------------------------------------------------------ */

body.wz-member-group
  .event-card-sheet
  .wz-group-date-badge {
  overflow:
    hidden !important;

  border:
    1px solid rgba(255, 255, 255, 0.42) !important;

  border-radius:
    9px !important;

  box-shadow:
    0 4px 14px rgba(21, 24, 29, 0.14) !important;

  backdrop-filter:
    blur(7px);

  -webkit-backdrop-filter:
    blur(7px);
}

body.wz-member-group
  .event-card-sheet
  .wz-group-date-badge
  > * {
  min-height:
    36px !important;
}

/* soften the white month/year portion where present */
body.wz-member-group
  .event-card-sheet
  .wz-group-date-badge
  > :not(:first-child) {
  background:
    rgba(255, 255, 255, 0.94) !important;
}

/* ------------------------------------------------------
   NO-IMAGE EVENT TREATMENT
------------------------------------------------------ */

body.wz-member-group
  .event-card-sheet
  > .v-img.wz-group-no-image {
  background:
    linear-gradient(
      145deg,
      #f7f2f4 0%,
      #f3eef0 55%,
      #f8f5f6 100%
    ) !important;
}

body.wz-member-group
  .event-card-sheet
  > .v-img.wz-group-no-image
  .v-icon,
body.wz-member-group
  .event-card-sheet
  > .v-img.wz-group-no-image
  [class*="mdi-calendar"] {
  opacity:
    0.45 !important;

  transform:
    scale(0.82);
}

/* ------------------------------------------------------
   MOBILE ADD COLLECTION BUTTON
------------------------------------------------------ */

@media (max-width: 640px) {

  body.wz-member-group
    .page-title-container {
    margin-bottom:
      10px;
  }

  body.wz-member-group
    .wz-group-selector {
    margin-bottom:
      12px !important;

    padding:
      7px !important;
  }

  body.wz-member-group
    .wz-group-add-button {
    width:
      50px !important;

    min-width:
      50px !important;

    height:
      50px !important;

    min-height:
      50px !important;

    border-radius:
      14px !important;
  }

  body.wz-member-group
    .wz-group-add-button
    .v-icon {
    font-size:
      24px !important;
  }
}


/*
=========================================================
WayzAway Member Group V3
Collection controls / dialogs / sharing
=========================================================
*/

/* ------------------------------------------------------
   COLLECTION MENUS
------------------------------------------------------ */

body.wz-member-group
  .wz-group-actions-menu {
  min-width:
    166px !important;
}

body.wz-member-group
  .wz-group-actions-menu
  .v-list,
body.wz-member-group
  .wz-group-page-menu
  .v-list {
  padding:
    6px !important;

  border:
    1px solid rgba(24, 28, 34, 0.07);

  border-radius:
    14px !important;

  background:
    rgba(255, 255, 255, 0.98) !important;

  box-shadow:
    0 12px 34px rgba(24, 19, 22, 0.14) !important;

  overflow:
    hidden;
}

body.wz-member-group
  .wz-group-actions-menu
  .v-list-item,
body.wz-member-group
  .wz-group-page-menu
  .v-list-item {
  min-height:
    40px !important;

  margin:
    1px 0;

  padding-inline:
    11px !important;

  border-radius:
    9px !important;

  font-size:
    0.86rem !important;
}

body.wz-member-group
  .wz-group-actions-menu
  .v-list-item:hover,
body.wz-member-group
  .wz-group-page-menu
  .v-list-item:hover {
  background:
    rgba(236, 0, 82, 0.055) !important;
}

body.wz-member-group
  .wz-group-actions-menu
  .text-primary {
  color:
    #e40046 !important;
}

body.wz-member-group
  .wz-group-actions-menu
  .text-error {
  color:
    #c62828 !important;
}

/* ------------------------------------------------------
   CREATE / EDIT COLLECTION DIALOG
------------------------------------------------------ */

body.wz-member-group
  .wz-group-editor-overlay {
  width:
    min(92vw, 520px) !important;

  max-width:
    520px !important;
}

body.wz-member-group
  .wz-group-editor-dialog {
  overflow:
    hidden !important;

  border:
    1px solid rgba(24, 28, 34, 0.07) !important;

  border-radius:
    20px !important;

  background:
    #fff !important;

  box-shadow:
    0 22px 65px rgba(24, 18, 21, 0.22) !important;
}

body.wz-member-group
  .wz-group-editor-dialog
  .v-card-title {
  padding:
    21px 22px 13px !important;

  font-size:
    1.18rem !important;

  font-weight:
    750 !important;

  line-height:
    1.2 !important;

  letter-spacing:
    -0.018em !important;
}

body.wz-member-group
  .wz-group-editor-dialog
  .v-card-text {
  padding:
    8px 22px 17px !important;
}

body.wz-member-group
  .wz-group-editor-dialog
  .v-field {
  overflow:
    hidden;

  border:
    1px solid rgba(25, 29, 36, 0.095) !important;

  border-radius:
    12px !important;

  background:
    #faf9fa !important;

  box-shadow:
    none !important;
}

body.wz-member-group
  .wz-group-editor-dialog
  .v-field--focused {
  border-color:
    rgba(228, 0, 70, 0.46) !important;

  background:
    #fff !important;

  box-shadow:
    0 0 0 3px rgba(228, 0, 70, 0.075) !important;
}

body.wz-member-group
  .wz-group-editor-dialog
  .v-field__overlay {
  opacity:
    0 !important;
}

body.wz-member-group
  .wz-group-editor-dialog
  label.text-body-2 {
  color:
    #383b42 !important;

  font-size:
    0.80rem !important;

  font-weight:
    650 !important;
}

body.wz-member-group
  .wz-group-editor-dialog
  .v-card-actions {
  min-height:
    68px;

  padding:
    11px 18px 17px !important;

  border-top:
    1px solid rgba(25, 29, 36, 0.055);
}

body.wz-member-group
  .wz-group-editor-dialog
  .v-card-actions
  .v-btn {
  min-height:
    39px !important;

  border-radius:
    11px !important;

  font-size:
    0.84rem !important;

  font-weight:
    700 !important;

  letter-spacing:
    0 !important;

  text-transform:
    none !important;
}

body.wz-member-group
  .wz-group-editor-dialog
  .v-card-actions
  .v-btn--variant-flat {
  padding-inline:
    18px !important;

  box-shadow:
    0 5px 14px rgba(228, 0, 70, 0.18) !important;
}

/* icon / colour choices */

body.wz-member-group
  .wz-group-editor-dialog
  .v-card-text
  .v-btn {
  border-radius:
    10px !important;
}

/* ------------------------------------------------------
   DELETE COLLECTION DIALOG
------------------------------------------------------ */

body.wz-member-group
  .wz-group-delete-overlay {
  width:
    min(92vw, 430px) !important;

  max-width:
    430px !important;
}

body.wz-member-group
  .wz-group-delete-dialog {
  overflow:
    hidden !important;

  border:
    1px solid rgba(198, 40, 40, 0.10) !important;

  border-radius:
    19px !important;

  box-shadow:
    0 22px 60px rgba(24, 18, 21, 0.21) !important;
}

body.wz-member-group
  .wz-group-delete-dialog
  .v-card-title {
  padding:
    21px 21px 10px !important;

  color:
    #24262c;

  font-size:
    1.15rem !important;

  font-weight:
    750 !important;

  letter-spacing:
    -0.015em !important;
}

body.wz-member-group
  .wz-group-delete-dialog
  .v-card-text {
  padding:
    6px 21px 19px !important;

  color:
    #63666d !important;

  font-size:
    0.88rem !important;

  line-height:
    1.52 !important;
}

body.wz-member-group
  .wz-group-delete-dialog
  .v-card-actions {
  padding:
    11px 17px 17px !important;

  border-top:
    1px solid rgba(25, 29, 36, 0.055);
}

body.wz-member-group
  .wz-group-delete-dialog
  .v-btn {
  min-height:
    39px !important;

  border-radius:
    10px !important;

  font-size:
    0.84rem !important;

  font-weight:
    700 !important;

  letter-spacing:
    0 !important;

  text-transform:
    none !important;
}

body.wz-member-group
  .wz-group-delete-dialog
  .v-btn.bg-error,
body.wz-member-group
  .wz-group-delete-dialog
  .v-btn.text-error {
  box-shadow:
    0 5px 14px rgba(198, 40, 40, 0.16) !important;
}

/* ------------------------------------------------------
   SHARE COLLECTION
------------------------------------------------------ */

body.wz-member-group
  .wz-group-share-overlay {
  background:
    rgba(18, 20, 25, 0.48) !important;

  backdrop-filter:
    blur(3px);

  -webkit-backdrop-filter:
    blur(3px);
}

body.wz-member-group
  .wz-group-share-dialog {
  width:
    min(92vw, 520px) !important;

  max-width:
    520px !important;

  max-height:
    min(86vh, 720px);

  overflow:
    auto;

  border:
    1px solid rgba(255, 255, 255, 0.40);

  border-radius:
    20px !important;

  background:
    #fff !important;

  box-shadow:
    0 24px 75px rgba(12, 15, 20, 0.28) !important;
}

body.wz-member-group
  .wz-group-share-header {
  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    space-between;

  gap:
    18px;

  padding:
    21px 22px 15px !important;

  border-bottom:
    1px solid rgba(25, 29, 36, 0.065);
}

body.wz-member-group
  .wz-group-share-title {
  margin:
    0 !important;

  color:
    #24262c;

  font-size:
    1.18rem !important;

  font-weight:
    750 !important;

  line-height:
    1.2 !important;

  letter-spacing:
    -0.018em;
}

body.wz-member-group
  .wz-group-share-name {
  margin:
    4px 0 0 !important;

  color:
    #73767d;

  font-size:
    0.82rem !important;

  line-height:
    1.35;
}

body.wz-member-group
  .wz-group-share-close {
  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  flex:
    0 0 auto;

  width:
    36px;

  height:
    36px;

  padding:
    0;

  border:
    0;

  border-radius:
    10px;

  background:
    #f6f3f4;

  color:
    #555960;

  cursor:
    pointer;

  font-size:
    1.45rem;

  line-height:
    1;

  transition:
    background 140ms ease,
    color 140ms ease;
}

body.wz-member-group
  .wz-group-share-close:hover {
  background:
    #f1eaed;

  color:
    #e40046;
}

body.wz-member-group
  .wz-group-share-close:focus-visible {
  outline:
    3px solid rgba(228, 0, 70, 0.16);

  outline-offset:
    2px;
}

body.wz-member-group
  .wz-group-share-body {
  padding:
    19px 22px 22px !important;
}

body.wz-member-group
  .wz-group-share-copy {
  margin:
    0 0 17px !important;

  color:
    #666970;

  font-size:
    0.86rem !important;

  line-height:
    1.5 !important;
}

body.wz-member-group
  .wz-group-share-loading {
  margin:
    8px 0 !important;

  color:
    #74777d;

  font-size:
    0.87rem;
}

body.wz-member-group
  .wz-group-share-fields {
  display:
    grid;

  gap:
    14px;
}

body.wz-member-group
  .wz-group-share-dialog
  label {
  display:
    flex;

  flex-direction:
    column;

  gap:
    7px;

  color:
    #3b3e44;

  font-size:
    0.80rem;

  font-weight:
    650;
}

body.wz-member-group
  .wz-group-share-input,
body.wz-member-group
  .wz-group-share-dialog
  input {
  width:
    100%;

  min-height:
    44px;

  box-sizing:
    border-box;

  padding:
    9px 12px;

  border:
    1px solid rgba(25, 29, 36, 0.13);

  border-radius:
    11px;

  outline:
    none;

  background:
    #faf9fa;

  color:
    #282b30;

  font:
    inherit;

  font-size:
    0.86rem;

  transition:
    border-color 140ms ease,
    box-shadow 140ms ease,
    background 140ms ease;
}

body.wz-member-group
  .wz-group-share-input:focus,
body.wz-member-group
  .wz-group-share-dialog
  input:focus {
  border-color:
    rgba(228, 0, 70, 0.48);

  background:
    #fff;

  box-shadow:
    0 0 0 3px rgba(228, 0, 70, 0.075);
}

body.wz-member-group
  .wz-group-share-dialog
  input[readonly] {
  background:
    #f5f3f4;

  color:
    #5e6269;
}

body.wz-member-group
  .wz-group-share-status {
  min-height:
    0;

  margin:
    10px 0;

  border-radius:
    9px;

  font-size:
    0.80rem;

  line-height:
    1.4;
}

body.wz-member-group
  .wz-group-share-status:not(:empty) {
  padding:
    9px 11px;
}

body.wz-member-group
  .wz-group-share-status.is-error {
  background:
    #fff2f2;

  color:
    #b3261e;
}

body.wz-member-group
  .wz-group-share-status.is-success {
  background:
    #eef8f0;

  color:
    #2e6b39;
}

body.wz-member-group
  .wz-group-share-actions {
  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-end;

  flex-wrap:
    wrap;

  gap:
    9px;

  margin-top:
    19px;
}

body.wz-member-group
  .wz-group-share-dialog
  button {
  min-height:
    40px;

  padding:
    8px 15px;

  border-radius:
    10px;

  font-family:
    inherit;

  font-size:
    0.83rem;

  font-weight:
    700;

  cursor:
    pointer;

  transition:
    transform 120ms ease,
    box-shadow 120ms ease,
    opacity 120ms ease;
}

body.wz-member-group
  .wz-group-share-dialog
  button:disabled {
  cursor:
    default;

  opacity:
    0.52;
}

body.wz-member-group
  .wz-group-share-primary {
  border:
    1px solid #e40046 !important;

  background:
    #e40046 !important;

  color:
    #fff !important;

  box-shadow:
    0 5px 14px rgba(228, 0, 70, 0.19);
}

body.wz-member-group
  .wz-group-share-primary:hover:not(:disabled) {
  transform:
    translateY(-1px);

  box-shadow:
    0 7px 17px rgba(228, 0, 70, 0.23);
}

body.wz-member-group
  .wz-group-share-danger {
  border:
    1px solid rgba(198, 40, 40, 0.15) !important;

  background:
    #fff4f4 !important;

  color:
    #b3261e !important;
}

/* Copy/share-link controls generated by sharing module */

body.wz-member-group
  .wz-group-share-dialog
  [class*="link"] {
  min-width:
    0;
}

body.wz-member-group
  .wz-group-share-dialog
  [class*="link"]
  input {
  min-width:
    0;
}

body.wz-member-group
  .wz-group-share-dialog
  [class*="copy"]
  button,
body.wz-member-group
  .wz-group-share-dialog
  button[class*="copy"] {
  border:
    1px solid rgba(228, 0, 70, 0.13);

  background:
    #fff5f8;

  color:
    #d60042;
}

/* ------------------------------------------------------
   MOBILE DIALOGS
------------------------------------------------------ */

@media (max-width: 640px) {

  body.wz-member-group
    .wz-group-editor-overlay,
  body.wz-member-group
    .wz-group-delete-overlay {
    width:
      calc(100vw - 24px) !important;

    max-width:
      none !important;

    margin:
      12px;
  }

  body.wz-member-group
    .wz-group-editor-dialog,
  body.wz-member-group
    .wz-group-delete-dialog,
  body.wz-member-group
    .wz-group-share-dialog {
    border-radius:
      17px !important;
  }

  body.wz-member-group
    .wz-group-editor-dialog
    .v-card-title {
    padding:
      18px 17px 11px !important;

    font-size:
      1.08rem !important;
  }

  body.wz-member-group
    .wz-group-editor-dialog
    .v-card-text {
    padding:
      7px 17px 14px !important;
  }

  body.wz-member-group
    .wz-group-editor-dialog
    .v-card-actions {
    padding:
      10px 13px 14px !important;
  }

  body.wz-member-group
    .wz-group-delete-dialog
    .v-card-title {
    padding:
      18px 17px 9px !important;
  }

  body.wz-member-group
    .wz-group-delete-dialog
    .v-card-text {
    padding:
      5px 17px 16px !important;
  }

  body.wz-member-group
    .wz-group-delete-dialog
    .v-card-actions {
    padding:
      10px 13px 14px !important;
  }

  body.wz-member-group
    .wz-group-share-dialog {
    width:
      calc(100vw - 24px) !important;

    max-width:
      none !important;

    max-height:
      calc(100vh - 28px);

    border-radius:
      17px !important;
  }

  body.wz-member-group
    .wz-group-share-header {
    padding:
      17px 17px 13px !important;
  }

  body.wz-member-group
    .wz-group-share-title {
    font-size:
      1.08rem !important;
  }

  body.wz-member-group
    .wz-group-share-body {
    padding:
      16px 17px 18px !important;
  }

  body.wz-member-group
    .wz-group-share-actions {
    align-items:
      stretch;

    flex-direction:
      column;
  }

  body.wz-member-group
    .wz-group-share-actions
    button {
    width:
      100%;
  }
}


/*
=========================================================
WayzAway Group Preview V1
Group-specific additions
=========================================================
*/

/* ------------------------------------------------------
   GROUP SELECTOR
------------------------------------------------------ */

body.wz-member-group
  .wz-group-selector {
  margin-bottom:
    12px !important;
}

/* give member count a quieter treatment */

body.wz-member-group
  .wz-group-selector
  > .v-chip
  span.ml-1 {
  opacity:
    0.68;

  font-size:
    0.75rem;
}

/* ------------------------------------------------------
   GROUP ACTION MENU
------------------------------------------------------ */

body.wz-member-group
  .wz-group-actions-menu {
  min-width:
    184px !important;
}

body.wz-member-group
  .wz-group-actions-menu
  .v-list {
  padding:
    6px !important;

  border:
    1px solid rgba(24, 28, 34, 0.07);

  border-radius:
    14px !important;

  background:
    rgba(255, 255, 255, 0.985) !important;

  box-shadow:
    0 12px 34px rgba(24, 19, 22, 0.14) !important;
}

body.wz-member-group
  .wz-group-actions-menu
  .v-list-item {
  min-height:
    40px !important;

  margin:
    1px 0;

  padding-inline:
    11px !important;

  border-radius:
    9px !important;

  font-size:
    0.86rem !important;
}

body.wz-member-group
  .wz-group-actions-menu
  .v-list-item:hover {
  background:
    rgba(236, 0, 82, 0.055) !important;
}

/* ------------------------------------------------------
   MANAGE MEMBERS DIALOG
------------------------------------------------------ */

body.wz-member-group
  .wz-group-members-overlay {
  width:
    min(94vw, 560px) !important;

  max-width:
    560px !important;
}

body.wz-member-group
  .wz-group-members-dialog {
  overflow:
    hidden !important;

  border:
    1px solid rgba(24, 28, 34, 0.07) !important;

  border-radius:
    20px !important;

  background:
    #fff !important;

  box-shadow:
    0 22px 65px rgba(24, 18, 21, 0.22) !important;
}

body.wz-member-group
  .wz-group-members-dialog
  .v-card-title {
  padding:
    21px 22px 12px !important;

  font-size:
    1.18rem !important;

  font-weight:
    750 !important;

  line-height:
    1.2 !important;

  letter-spacing:
    -0.018em !important;
}

body.wz-member-group
  .wz-group-members-dialog
  .v-card-text {
  padding:
    7px 22px 18px !important;
}

/* Group name and member count */

body.wz-member-group
  .wz-group-members-dialog
  .text-h6 {
  margin-bottom:
    2px !important;

  color:
    #282b30;

  font-size:
    1rem !important;

  font-weight:
    700 !important;
}

body.wz-member-group
  .wz-group-members-dialog
  .text-medium-emphasis {
  color:
    #777a81 !important;

  font-size:
    0.80rem !important;
}

/* Search */

body.wz-member-group
  .wz-group-members-dialog
  .v-field {
  overflow:
    hidden;

  border:
    1px solid rgba(25, 29, 36, 0.095) !important;

  border-radius:
    12px !important;

  background:
    #faf9fa !important;

  box-shadow:
    none !important;
}

body.wz-member-group
  .wz-group-members-dialog
  .v-field--focused {
  border-color:
    rgba(228, 0, 70, 0.46) !important;

  background:
    #fff !important;

  box-shadow:
    0 0 0 3px rgba(228, 0, 70, 0.075) !important;
}

body.wz-member-group
  .wz-group-members-dialog
  .v-field__overlay {
  opacity:
    0 !important;
}

/* available friends/current members */

body.wz-member-group
  .wz-group-members-dialog
  .v-list {
  padding:
    4px !important;

  border:
    1px solid rgba(25, 29, 36, 0.06);

  border-radius:
    13px;

  background:
    #fbfafb;
}

body.wz-member-group
  .wz-group-members-dialog
  .v-list-item {
  min-height:
    52px !important;

  margin:
    2px 0;

  padding:
    5px 7px !important;

  border-radius:
    10px !important;
}

body.wz-member-group
  .wz-group-members-dialog
  .v-list-item:hover {
  background:
    #fff4f7 !important;
}

/* role chips */

body.wz-member-group
  .wz-group-members-dialog
  .v-chip {
  height:
    27px !important;

  min-height:
    27px !important;

  border-radius:
    8px !important;

  font-size:
    0.70rem !important;

  font-weight:
    700 !important;
}

/* plus/remove member icon buttons */

body.wz-member-group
  .wz-group-members-dialog
  .v-btn {
  border-radius:
    10px !important;
}

body.wz-member-group
  .wz-group-members-dialog
  .mdi-plus {
  color:
    #e40046 !important;
}

/* divider */

body.wz-member-group
  .wz-group-members-dialog
  .v-divider {
  opacity:
    0.55;

  margin-block:
    16px !important;
}

/* footer */

body.wz-member-group
  .wz-group-members-dialog
  .v-card-actions {
  min-height:
    65px;

  padding:
    10px 18px 16px !important;

  border-top:
    1px solid rgba(25, 29, 36, 0.055);
}

body.wz-member-group
  .wz-group-members-dialog
  .v-card-actions
  .v-btn {
  min-height:
    39px !important;

  padding-inline:
    18px !important;

  border-radius:
    11px !important;

  font-size:
    0.84rem !important;

  font-weight:
    700 !important;

  letter-spacing:
    0 !important;

  text-transform:
    none !important;

  box-shadow:
    0 5px 14px rgba(228, 0, 70, 0.17) !important;
}

/* ------------------------------------------------------
   GROUP CREATE / EDIT
------------------------------------------------------ */

body.wz-member-group
  .wz-group-editor-dialog
  .v-card-title {
  position:
    relative;
}

body.wz-member-group
  .wz-group-editor-dialog
  .v-card-title::after {
  content:
    "";

  position:
    absolute;

  right:
    22px;

  bottom:
    0;

  left:
    22px;

  height:
    1px;

  background:
    rgba(25, 29, 36, 0.055);
}

/* ------------------------------------------------------
   DELETE GROUP
------------------------------------------------------ */

body.wz-member-group
  .wz-group-delete-dialog
  .v-card-text {
  max-width:
    390px;
}

/* ------------------------------------------------------
   EMPTY GROUP STATES
------------------------------------------------------ */

body.wz-member-group
  .wz-group-page-content
  .v-alert {
  max-width:
    620px;

  margin:
    24px auto !important;

  border-radius:
    16px !important;
}

/* ------------------------------------------------------
   MOBILE
------------------------------------------------------ */

@media (max-width: 640px) {

  body.wz-member-group
    .wz-group-members-overlay {
    width:
      calc(100vw - 24px) !important;

    max-width:
      none !important;

    margin:
      12px;
  }

  body.wz-member-group
    .wz-group-members-dialog {
    max-height:
      calc(100vh - 26px);

    overflow-y:
      auto !important;

    border-radius:
      17px !important;
  }

  body.wz-member-group
    .wz-group-members-dialog
    .v-card-title {
    padding:
      18px 17px 10px !important;

    font-size:
      1.08rem !important;
  }

  body.wz-member-group
    .wz-group-members-dialog
    .v-card-text {
    padding:
      7px 17px 15px !important;
  }

  body.wz-member-group
    .wz-group-members-dialog
    .v-card-actions {
    padding:
      10px 13px 14px !important;
  }

  body.wz-member-group
    .wz-group-members-dialog
    .v-list-item {
    min-height:
      50px !important;
  }
}