.enlivy-kit-mentor-sessions-user-subscription-management [data-enlivy-kit-notification] {
  margin: 0 0 var(--enlivy-kit-spacing-md) 0;
}
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-active-state .subscription-status:not(:last-child),
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-inactive-state .subscription-status:not(:last-child) {
  margin-bottom: var(--enlivy-kit-spacing-md);
}
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-active-state .subscription-status .subscription-badge,
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-inactive-state .subscription-status .subscription-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: var(--enlivy-kit-general-border-radius);
  font-size: var(--enlivy-kit-text-medium-font-size);
  font-weight: var(--enlivy-kit-text-bold-font-weight);
}
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-active-state .subscription-status .subscription-badge[data-status=active],
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-inactive-state .subscription-status .subscription-badge[data-status=active] {
  background: var(--enlivy-kit-status-success-background-color);
  color: var(--enlivy-kit-status-success-color);
}
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-active-state .subscription-status .subscription-badge[data-status=active] svg,
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-inactive-state .subscription-status .subscription-badge[data-status=active] svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-active-state .subscription-status .subscription-badge[data-status=inactive],
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-inactive-state .subscription-status .subscription-badge[data-status=inactive] {
  background: var(--enlivy-kit-status-neutral-background-color);
  color: var(--enlivy-kit-text-secondary-color);
}
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-active-state .subscription-status .subscription-status-description,
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-inactive-state .subscription-status .subscription-status-description {
  font-size: var(--enlivy-kit-text-small-font-size);
  color: var(--enlivy-kit-text-secondary-color);
  margin: 0;
}
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-active-state .subscription-status .subscription-status-description:not(:first-child),
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-inactive-state .subscription-status .subscription-status-description:not(:first-child) {
  margin-top: var(--enlivy-kit-spacing-sm);
}
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-active-state .subscription-controls {
  display: flex;
  flex-direction: column;
  gap: var(--enlivy-kit-spacing-md);
}
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-active-state .subscription-controls .email-notifications-control .email-notifications-toggle {
  display: inline-flex;
  align-items: center;
  gap: var(--enlivy-kit-spacing-sm);
  padding: var(--enlivy-kit-spacing-sm);
  background: var(--enlivy-kit-primary-background-color);
  border: 1px solid var(--enlivy-kit-layout-primary-border-color);
  border-radius: var(--enlivy-kit-general-border-radius);
  cursor: pointer;
  transition: var(--enlivy-kit-transition);
  font-size: var(--enlivy-kit-text-medium-font-size);
  color: var(--enlivy-kit-text-primary-color);
}
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-active-state .subscription-controls .email-notifications-control .email-notifications-toggle:hover {
  border-color: var(--enlivy-kit-primary-color);
}
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-active-state .subscription-controls .email-notifications-control .email-notifications-toggle .toggle-indicator {
  position: relative;
  width: 44px;
  height: 24px;
  background: var(--enlivy-kit-layout-secondary-background-color);
  border-radius: 12px;
  transition: var(--enlivy-kit-transition);
  flex-shrink: 0;
}
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-active-state .subscription-controls .email-notifications-control .email-notifications-toggle .toggle-indicator::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background: var(--enlivy-kit-white-color);
  border-radius: 50%;
  transition: var(--enlivy-kit-transition);
  box-shadow: 0 2px 4px rgba(var(--enlivy-kit-black-color-rgb), 0.2);
}
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-active-state .subscription-controls .email-notifications-control .email-notifications-toggle[data-is-enabled="1"] .toggle-indicator {
  background: var(--enlivy-kit-status-success-color);
}
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-active-state .subscription-controls .email-notifications-control .email-notifications-toggle[data-is-enabled="1"] .toggle-indicator::after {
  left: 22px;
}
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-active-state .subscription-controls .email-notifications-control .email-notifications-toggle .toggle-label {
  font-weight: var(--enlivy-kit-text-regular-font-weight);
  flex: 1;
}
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-active-state .subscription-controls .email-notifications-control .toggle-help-text {
  font-size: var(--enlivy-kit-text-small-font-size);
  color: var(--enlivy-kit-text-secondary-color);
  margin: 0;
}
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-active-state .subscription-controls .email-notifications-control .toggle-help-text:not(:first-child) {
  margin-top: var(--enlivy-kit-spacing-sm);
}
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-active-state .subscription-controls > button[data-enlivy-kit-button] {
  align-self: flex-start;
}
.enlivy-kit-mentor-sessions-user-subscription-management .subscription-inactive-state > button[data-enlivy-kit-button]:not(:first-child) {
  margin-top: var(--enlivy-kit-spacing-md);
}

#enlivy-kit-popup-wrapper.enlivy-kit-mentor-session-user-subscription-management-popup {
  max-width: 640px !important;
}
#enlivy-kit-popup-wrapper.enlivy-kit-mentor-session-user-subscription-management-popup .enlivy-kit-popup-footer {
  justify-content: center;
  justify-items: center;
}