* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  overflow-x: hidden !important;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
input,
button,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  /* margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  box-sizing: border-box; */
  font-family: Inter, sans-serif !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}

.ui.dimmer.modals.page.transition.visible.active {
  z-index: 10000001;
}

.ui.modal.create_listing_wizard,
.ui.modal.create_listing_form_wizard .ui.modal.view_external_event_modal {
  max-width: 1442px;
  min-width: 588px;
  /* width: auto; */
  width: 588px;
  box-sizing: border-box;
  transition: width 0.3s ease;
  top: 10%;
}

@media screen and (max-width: 970px) {
  .ui.modal.create_listing_wizard,
  .ui.modal.create_listing_form_wizard,
  .ui.modal.view_external_event_modal {
    width: 95%;
    max-width: 95%;
    min-width: 95%;
  }
}

.ui.modal.create_listing_wizard .description,
.ui.modal.create_listing_form_wizard
  .description
  .ui.modal.view_external_event_modal
  .description {
  max-width: 100%;
  padding: 0 !important;
}

@media screen and (max-width: 767.98px) {
  .ui.modal > .content > .description {
    padding-top: 0px !important;
  }
}

.ui.modal.create_listing_wizard .header,
.ui.modal.create_listing_form_wizard .header,
.ui.modal.view_external_event_modal .header {
  background-color: #000;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
  /* height: 116px; */
  max-width: 100%;
  display: flex;
  align-items: flex-end;
}

.ui.modal.create_listing_form_wizard .scrolling.content,
.ui.modal.view_external_event_modal .scrolling.content {
  padding: 0 !important;
}

.ui.modal.create_listing_form_wizard .scrolling.content,
.ui.modal.create_listing_wizard .scrolling.content,
.ui.modal.view_external_event_modal .scrolling.content {
  max-height: calc(80vh - 1rem) !important;
}

#step0 {
  --width: auto;
  /* --header-height: 420px;  */
  --header-height: 100%;
  --header-background-image: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/color-bg.png");
  --min-height: 140px;
  --max-height: 140px;
  padding: 8px;
}

#step1 {
  --width: 588px;
  /* --height: 510px; */
  --header-height: 116px;
  --header-background-image: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/sh_logo.svg");
  --header-background-color: var(--Blue, #187dfd);
  --background-size: 218px 32px;
  --background-repeat: no-repeat;
  --background-position: center;
  --background-color: transparent;
  --min-height: 116px;
  --max-height: 116px;
  --border-radius: 0px;
  display: none;
  background-color: var(--background-color);
  width: var(--width);
  margin: 0 auto !important;
}

#step2 {
  --width: 588px;
  /* --height: 510px; */
  --header-height: 116px;
  --header-background-image: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/modal_header_bg.png");
  --header-background-image: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/sh_logo.svg");
  --header-background-color: var(--Blue, #187dfd);
  --background-size: 218px 32px;
  --background-repeat: no-repeat;
  --background-position: center;
  --background-color: transparent;
  --min-height: 116px;
  --max-height: 116px;
  --border-radius: 0px;
  display: none;
  background-color: var(--background-color);
  width: var(--width);
  margin: 0 auto !important;
}

.external-event-detail {
  --width: 1398px;
  /* --header-height: 420px;  */
  --header-height: 100%;
  /* --header-background-image: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/hero_screen.png"); */
  --min-height: 500px;
  --max-height: 100%;
  /* --background-repeat: no-repeat;
  --background-position: center;
  --background-size: cover; */
  --background-color: var(--Black, #000);
  background: var(--Deep-Grey, #1b1e21);
  display: none;
  background-color: var(--background-color);
  /* background-repeat: var(--background-repeat);
  background-position: var(--background-position);
  background-size: var(--background-size); */
  width: var(--width);
  margin: 0 auto;
  --border-radius: 0px;
  padding-bottom: 24px;
}

.event-submitted, .delete-event-confirmation {
  --width: 466px;
  width: var(--width);
  min-height: 254px;
  border-radius: 16px;
  display: none;
  background-color: #fff;
  margin: 0 auto !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 32px;
}

.event-submitted .check-icon-wrapper {
  background: var(--Green, #02c29a);
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}

.event-submitted .check-icon-wrapper .icon {
  color: #fff;
  font-size: 22px;
  margin-right: 0;
}

.event-submitted h3 {
  color: var(--Black, #000);
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.72px;
}

.event-submitted .ui.button {
  width: 100%;
  height: 50px;
  color: var(--light-text-color, #fff);
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.42857rem;
  letter-spacing: 0.05143rem;
  text-transform: uppercase;
}

.delete-event-confirmation .delete-icon-wrapper {
  background: var(--SM-Light-Red, #ffeaeb);
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}

.delete-event-confirmation .delete-icon-wrapper .icon {
  color: red;
  font-size: 22px;
  margin-right: 0;
}

.delete-event-confirmation h3 {
  color: var(--Black, #000);
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.72px;
}

.delete-event-confirmation p {
  color: var(--Black, #000);
  text-align: center;

  /* Small Text */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}

.delete-event-confirmation .ui.button {
  width: 100%;
  height: 50px;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.42857rem;
  letter-spacing: 0.05143rem;
  text-transform: uppercase;
}

.delete-event-confirmation .ui.button.delete_btn {
  color: var(--light-text-color, #fff);
}

.delete-event-confirmation .ui.button.cancel_btn {
  background: transparent;
}

.external-event-detail .wizard_header {
  height: 100%;
  min-height: 500px;
  /*  background-image: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/hero_screen.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; */
  background-color: var(--Deep-Grey, #1b1e21) !important;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

@media screen and (max-width: 720px) {
  .external-event-detail .wizard_header {
    max-height: 100% !important;
  }
}

.external-event-detail .event_page_main_wrapper {
  display: flex;
  width: 100%;
  padding: 32px;
  gap: 100px;
  position: relative;
}

.external-event-detail .event_page_main_wrapper .preview-toast-wrapper {
  border-radius: 6px;
  background: var(--Purple, #8e53e8);

  box-shadow: 0 32px 64px 0 rgba(0, 0, 0, 0.16);
  display: inline-flex;
  align-items: center;
  gap: 16px;
  justify-content: center;
  position: fixed;
  left: 0%;
  bottom: -5%;
  color: var(--White, #fff);
  padding: 8px 16px;
  width: 100%;
  z-index: 1000;
}

@media screen and (max-width: 720px) {
  .external-event-detail .event_page_main_wrapper .preview-toast-wrapper {
    bottom: -10%;
  }
}

.external-event-detail
  .event_page_main_wrapper
  .preview-toast-wrapper
  .preview-toast-message-wrapper {
  display: flex;
  gap: 8px;
}

.external-event-detail
  .event_page_main_wrapper
  .preview-toast-wrapper
  .view-icon {
  display: flex;
  align-items: center;
}

.external-event-detail
  .event_page_main_wrapper
  .preview-toast-wrapper
  .edit-link {
  text-decoration: underline;
  cursor: pointer;
}

.external-event-detail
  .event_page_main_wrapper
  .preview-toast-wrapper
  .close-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
}

@media screen and (max-width: 720px) {
  #step1,
  #step2,
  .external-event-detail {
    --width: 100%;
    width: 100%;
  }
  .external-event-detail .event_page_main_wrapper {
    padding: 16px !important;
  }

  .external-event-detail .event_page_main_wrapper .preview-toast-wrapper {
    left: 0%;
    justify-content: center;
    width: 100%;
    font-size: 12px;
  }

  .external-event-detail
    .event_page_main_wrapper
    .preview-toast-wrapper
    .preview-toast-message-wrapper {
    flex-direction: column;
    gap: 4px;
  }

  .event-submitted {
    --width: 95%;
    width: 100%;
    padding: 16px;
  }

  .event-submitted h3 {
    color: var(--Black, #000);
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.69px;
  }

  .event-submitted .check-icon-wrapper {
    width: 40px;
    height: 40px;
  }
}

#step2 .poster_upload,
.external-event-detail .poster_upload {
  position: relative; /* Needed for positioning the delete buttons */
  margin-bottom: 24px;
}

#step2 .poster_upload .upload_area,
.external-event-detail .poster_upload .upload_area {
  width: 100%;
  max-width: 300px;
  aspect-ratio: 1/1.414; /* A4 aspect ratio */
  background: var(--Light-grey, #eff0f5);
  border: 2px dashed #e7e9f1;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.step3_modal_hero_section {
  display: flex;
  width: 100%;
}

@media screen and (max-width: 970px) {
  #step2 .poster_upload .upload_area,
  .external-event-detail .poster_upload .upload_area {
    max-width: 100%;
  }
}

#step2 .poster_upload .upload_area:hover,
.external-event-detail .poster_upload .upload_area:hover {
  border-color: #187dfd;
}

#step2 .poster_upload .upload_area .upload_content,
.external-event-detail .poster_upload .upload_area .upload_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px;
}

#step2 #previewImage,
#step2 #urlPreviewImage,
.external-event-detail #previewImage,
.external-event-detail #urlPreviewImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

#step2 #deleteButton,
#step2 #removeUrlButton,
.external-event-detail #deleteButton,
.external-event-detail #removeUrlButton {
  /* position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10; */
  margin-bottom: 24px;
}

#step2 .poster_upload .upload_area .upload_content svg,
.external-event-detail .poster_upload .upload_area .upload_content svg {
  color: #187dfd;
  margin-bottom: 12px;
}

#step2 .poster_upload .upload_area .upload_content .upload_text,
.external-event-detail
  .poster_upload
  .upload_area
  .upload_content
  .upload_text {
  color: #187dfd;
  font-weight: 500;
  margin-bottom: 8px;
}

#step2 .poster_upload .upload_area .upload_content .upload_hint,
.external-event-detail
  .poster_upload
  .upload_area
  .upload_content
  .upload_hint {
  font-size: 16px;
  color: var(--Grey-text, #7f86a4);
  text-align: center;
  font-style: normal;
  font-weight: 400;
}

#step2 #previewImage,
.external-event-detail #previewImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#step2 .ql-container,
.external-event-detail .ql-container {
  font-family: inherit !important;
  font-size: 14px !important;
  height: 324px !important;
  border-top: 1px solid !important;
}

#step2 .ql-toolbar,
.external-event-detail .ql-toolbar {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-color: var(--Medium-grey, #e7e9f1) !important;
  background-color: #fff !important;
  margin-bottom: 8px;
}

#step2 .ql-container,
.external-event-detail .ql-container {
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  border-color: var(--Medium-grey, #e7e9f1) !important;
  background-color: var(--Light-grey, #eff0f5) !important;
}

#step2 .ql-editor,
.external-event-detail .ql-editor {
  min-height: 200px;
}

#step2 #editor.error {
  border-color: #e0b4b4 !important;
  background-color: #fff6f6 !important;
  color: #9f3a38;
}

.checkbox_group {
  display: flex;
  align-items: center;
  gap: 8px;
}

.checkbox_group label {
  margin: 0 !important;
}

#step2 ui.field.checkbox_group input[type="checkbox"],
.external-event-detail ui.field.checkbox_group input[type="checkbox"] {
  width: 16px;
  height: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  cursor: pointer;
}

.create_events_wizard .content,
.view_external_event .content {
  padding: 24px !important;
}

#step1 .form-wrapper,
#step2 .form-wrapper,
.external-event-detail .form-wrapper {
  padding: 24px;
  background-color: #fff;
}

@media screen and (max-width: 720px) {
  #step1 .form-wrapper,
  #step2 .form-wrapper,
  .external-event-detail .form-wrapper {
    padding: 24px 16px;
  }
}

#step2 .nav_buttons_wrapper {
  margin-top: 40px;
}

.external-event-detail .nav_buttons_wrapper {
  margin-top: 32px;
  width: 100%;
  padding-left: 32px;
  padding-right: 32px;
}

@media screen and (max-width: 720px) {
  .external-event-detail .nav_buttons_wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.external-event-detail .event_page_main_content_block_title {
  /* color: var(--Black, #000); */

  color: var(--White, #fff);
  font-family: Inter;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -0.72px;
}

.external-event-detail .event_page_main_content_wrapper {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

@media screen and (max-width: 720px) {
  .external-event-detail .event_page_main_content_wrapper {
    flex-direction: column;
    gap: 32px;
  }
}

.external-event-detail
  .event_page_main_content_wrapper
  .event_page_main_content_info_block {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.external-event-detail .event_page_main_content_about_block_description {
  /* color: var(--Black, #000); */
  color: var(--White, #fff);
  /* Text */
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 160% */
}

#step1 .header {
  border-radius: 8px 8px 0px 0px;
  height: 116px;
  min-height: 116px;
  background-image: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/sh_logo.svg");
  background-color: var(--Blue, #187dfd);
  background-repeat: no-repeat;
  background-size: 218px 32px;
  background-position: center;
}

.create_events_wizard,
.view_external_event {
  padding: 0px;
}

.view_external_event_detail_page .view_external_event {
  padding: 68px 0;
}

@media screen and (max-width: 970px) {
  .create_events_wizard .content,
  .view_external_event {
    padding: 24px 14px !important;
  }
}

.create_events_wizard .header_text,
.create_events_wizard .bottom_section_header,
.view_external_event .bottom_section_header,
.view_external_event .header_text {
  margin-bottom: 16px;
  color: var(--Black, #000);

  /* Small Header */
  font-family: Inter;
  font-size: 1.71429rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.42857rem; /* 141.667% */
  letter-spacing: -0.03429rem;
}

@media screen and (max-width: 970px) {
  .create_events_wizard .header_text,
  .view_external_event .header_text {
    /* Small Header */
    font-size: 1.71429rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.42857rem; /* 141.667% */
    letter-spacing: -0.03429rem;
  }
}

.create_events_wizard .ui.form .field {
  margin-bottom: 16px;
}

.create_events_wizard .ui.form label {
  margin-bottom: 8px !important;
  color: var(--Black, #000);
  /* Small Text */
  font-family: Inter;
  font-size: 1.14286rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 1.6rem */
}

.create_events_wizard .ui.form .field_input {
  border-radius: 6px;
  border: 1px solid var(--Medium-grey, #e7e9f1);
  background: var(--Light-grey, #eff0f5);
  height: 50px;
}

.create_events_wizard .ui.form .ui.input.error .field_input {
  border-color: #e0b4b4;
  background-color: #fff6f6;
  color: #9f3a38;
}

.create_events_wizard .ui.form .char_count {
  color: var(--Grey-text, #7f86a4);
  text-align: right;
  /* Caption */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  display: block;
  margin-bottom: 16px;
}

.create_events_wizard .error_message {
  text-align: right;
  display: none;
  margin-top: 8px;
  color: #9f3a38 !important;
}

.create_events_wizard .ui.input.error .error_message {
  display: block;
}

.create_events_wizard .ui.form .form_group_header {
  color: var(--Black, #000);
  /* Small Header */
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px; /* 141.667% */
  letter-spacing: -0.48px;
}

.create_events_wizard .ui.form .selection.dropdown {
  height: 50px;
  display: flex;
  align-items: center;
  border-radius: 6px;
  border: 1px solid var(--Medium-grey, #e7e9f1);
  background: var(--Light-grey, #eff0f5);
}

.create_events_wizard .ui.form .selection.dropdown.error {
  border-color: #e0b4b4;
  background-color: #fff6f6;
  color: #9f3a38;
}

.create_events_wizard .ui.form .dropdown .icon {
  top: 1.3em;
}

.text-muted {
  color: var(--Grey-text, #7f86a4);
}

.borderless {
  border: none !important;
  box-shadow: none !important;
}

.add_button {
  color: #187dfd !important;
  font-size: 16px;
  font-weight: normal;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;

  cursor: pointer;
}

.add_button .text {
  color: var(--Blue, #187dfd);
  /* Small Text */
  font-family: Inter;
  font-size: 1.14286rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 1.6rem */
}

.add_button .icon_wrapper {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #187dfd;
  display: flex;
  justify-content: center;
  align-items: center;
}

.add_button .icon_wrapper .icon {
  color: #fff;
  margin: 0;
  font-size: 12px;
}

.field_button_group {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.field_button_group > .ui.button {
  margin-right: 0;
}

.field_button_group > input.field_input {
  margin-right: 16px !important;
  flex-grow: 1;
}

@media screen and (max-width: 970px) {
  .field_button_group > input.field_input {
    margin-right: 16px !important;
  }
}

.selected_tags {
  display: flex;
  flex-wrap: wrap;
}

.selected_tags .ui.label {
  border-radius: 20px;
  padding: 8px 16px;
  font-weight: normal;
  margin-bottom: 6px;
  background-color: #e7e9f1;
}

.stepper-navigation .stepper_next_button {
  margin-top: 56px !important;
  font-weight: normal !important;
  color: var(--White, #fff);
  text-align: center;
  font-family: inherit;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.84px;
  text-transform: uppercase;
}

.stepper-navigation .stepper_prev_button {
  margin-top: 24px;
  background: transparent;
  font-weight: normal;
  color: var(--Blue, #187dfd);
  text-align: center;

  font-family: inherit;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 20px !important; /* 142.857% */
  letter-spacing: 0.84px !important;
  text-transform: uppercase !important;
}

.stepper-navigation .stepper_prev_button:hover,
.stepper-navigation .stepper_prev_button:active {
  background-color: transparent;
  color: var(--Blue, #187dfd);
}

.primary_button {
  background-color: #187dfd !important;
  color: #fff !important;
}

.create_events_wizard-h-0,
.create_events_wizard-h-1 {
  display: none;
}

.wizard .steps {
  display: none;
}

.modal_header_content {
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: end;
  height: 100%;
}

.modal_event_name {
  color: var(--White, #fff);

  font-family: Inter;
  font-size: 60px;
  font-style: normal;
  font-weight: 900;
  line-height: 72px; /* 120% */
  letter-spacing: -1.2px;
}

.modal_hero_section {
  position: relative;
  transition: min-height 0.3s ease-in-out;
  overflow: hidden;
}

.modal_hero_section .modal_hero_section_content {
  position: relative;
  z-index: 10;
  padding: 32px 24px;
  display: flex;
  align-items: flex-end;
  /* gap: 70px; */
  width: 100%;
  max-width: 100%;
  justify-content: space-between;
}

@media screen and (max-width: 970px) {
  .modal_hero_section .modal_hero_section_content {
    flex-direction: column;
    align-items: flex-start;
  }
}

.modal_hero_section .modal_hero_section_content_main {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  width: 100%;
}

@media screen and (max-width: 720px) {
  .modal_hero_section .modal_hero_section_content_main {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

.external-event-detail .modal_hero_section_content_info {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}

.external-event-detail .modal_hero_section_content_info .event-details {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.modal_hero_section .event_manage_buttons {
  display: none;
  flex-wrap: wrap;
  gap: 8px;
  /* margin-bottom: 50px; */
}

.modal_hero_section .event_manage_buttons .button {
  display: flex;
  height: 50px;
  padding: 15px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 60px;
  text-transform: uppercase;
  cursor: pointer;

  text-align: center;

  /* Rubricator */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.84px;
  text-transform: uppercase;
}

.modal_hero_section .event_manage_buttons .button.edit-event-button {
  border: 2px solid var(--Blue, #187dfd);
  background: var(--Blue, #187dfd);

  /* Medium Shadow */
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.16);
  color: white;
}

.modal_hero_section .event_manage_buttons .button.delete-event-button {
  background: var(--SH-Light-Red, #f8d9d8);
  color: var(--Red, #ff4b53);
  /* Medium Shadow */
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.16);
}

.modal_hero_section .modal_hero_section_content_tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  /* margin-bottom: 24px; */
  max-width: 600px;
}

@media screen and (max-width: 720px) {
  .modal_hero_section .event_manage_buttons {
    order: 1;
  }
  .modal_hero_section .modal_hero_section_content_tags {
    order: 2;
  }
}

.modal_hero_section .modal_hero_section_content_tags .tag {
  display: flex;
  padding: 8px 16px;
  align-items: center;
  gap: 8px;
  border-radius: 20px;
  border: 1px solid var(--Medium-grey, #d4d9ec);
  background: var(--Medium-grey, #d4d9ec);

  color: var(--Black, #000);

  /* Small Text */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}

.modal_hero_section .modal_hero_section_content_tags_container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

@media screen and (max-width: 720px) {
  .modal_hero_section .modal_hero_section_content_tags_container {
    flex-direction: column;
    gap: 22px;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.modal_hero_section .modal_hero_section_content_title_container {
  margin-bottom: 0;
}

.modal_hero_section .modal_hero_section_content_title_container .title {
  color: white;
  font-size: 36px;
  font-weight: bold;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;

  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 3.2em;
  transition: max-height 0.3s ease-out;
  margin: 0;
  padding: 0;
}

.modal_hero_section
  .modal_hero_section_content_title_container
  .title.expanded {
  -webkit-line-clamp: unset;
  max-height: 1000px;
}

.modal_hero_section
  .modal_hero_section_content_title_container
  .modal_hero_section_content_read_more {
  background: none;
  border: none;
  color: white;
  padding: 0;
  font-size: 16px;
  cursor: pointer;
  margin-top: 8px;

  display: inline-block;
}

.modal_hero_section
  .modal_hero_section_content_title_container
  .modal_hero_section_content_read_more:hover {
  text-decoration: underline;
}

.modal_hero_section .modal_hero_section_content .share-section {
  display: flex;
  align-items: center;
  gap: 16px;
  /* margin-right: 248px; */
  /* flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end; */
}

.modal_hero_section .modal_hero_section_content .share-section .share-text {
  color: var(--White, #fff);
  text-align: center;

  /* Text Header */
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 19.8px */
  letter-spacing: -0.36px;
}

.modal_hero_section .modal_hero_section_content .share-section .share-buttons {
  display: flex;
  gap: 8px;
}

.modal_hero_section
  .modal_hero_section_content
  .share-section
  .share-buttons
  .share-button {
  background-color: white;
  border: 1px solid var(--Grey, #afb5d1);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s;
}

.modal_hero_section
  .modal_hero_section_content
  .share-section
  .share-buttons
  .share-button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.modal_hero_section
  .modal_hero_section_content
  .share-section
  .share-buttons
  .share-button
  svg {
  width: 20px;
  height: 20px;
  color: black;
}

@media (min-width: 768px) {
  .modal_hero_section .modal_hero_section_content {
    padding: 32px;
  }

  .modal_hero_section .modal_hero_section_content_title_container .title {
    font-size: 48px;
  }
}

@media (min-width: 1024px) {
  .modal_hero_section .modal_hero_section_content_title_container .title {
    font-size: 60px;
    color: var(--White, #fff);
    font-family: Inter;
    font-size: 60px;
    font-style: normal;
    font-weight: 900;
    line-height: 72px;
    letter-spacing: -1.2px;
  }
}

.event_page_main_location .marker {
  background: black;
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
}

.event_page_main_location_text .event_page_main_location_name {
  color: var(--Black, #000);
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 160% */
}

.event_page_media_wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.event_page_media_wrapper .event_page_event_poster_img {
  background: lightgray 50% / cover no-repeat;
  border-radius: 16px;
  width: 100%;
  /* height: 487px; */
  /* max-width: 344px;
  min-width: 344px; */
  max-width: 274px;
  min-width: 274px;
  height: 388px;
}

@media screen and (max-width: 720px) {
  .event_page_media_wrapper .event_page_event_poster_img {
    /* max-width: 100%;
    min-width: 100%; */
    max-width: 160px;
    min-width: 231px;
  }
}

.external-event-detail .event_page_main_content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  width: 100%;
}

.external-event-detail .event_dates_section {
  /* margin: 56px 0; */
}

.external-event-detail .event_dates_section .event_date_cards {
  display: flex;
  gap: 22px;
  /* margin-top: 24px; */
}

.external-event-detail .event_dates_section .event_date_cards .event_date_card {
  /* background: #fff; */
  /* border-radius: 16px; */
  /* border: 1px solid #e5e7eb; */
  min-width: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  overflow: hidden;

  border-radius: 8px;
  border: 1px solid var(--Grey, #afb5d1);
  background: transparent;
}

.external-event-detail
  .event_dates_section
  .event_date_cards
  .event_date_card
  .event_date_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  width: 100%;
}

.external-event-detail
  .event_dates_section
  .event_date_cards
  .event_date_card
  .event_date_content
  .month {
  /* color: var(--Black, #000); */
  text-align: center;

  /* Rubricator */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.84px;
  text-transform: uppercase;

  color: var(--White, #fff);
}

.external-event-detail
  .event_dates_section
  .event_date_cards
  .event_date_card
  .event_date_content
  .day {
  /* color: var(--Black, #000); */
  text-align: center;

  /* Medium Header */
  font-family: Inter;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px; /* 111.111% */
  letter-spacing: -0.72px;

  color: var(--White, #fff);
}

.external-event-detail
  .event_dates_section
  .event_date_cards
  .event_date_card
  .event_date_content
  .weekday {
  /* color: var(--Black, #000); */
  text-align: center;

  /* Small Text */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */

  color: var(--White, #fff);
}

.external-event-detail
  .event_dates_section
  .event_date_cards
  .event_date_card
  .time {
  color: var(--Black, #000);
  text-align: center;

  /* Rubricator */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.84px;
  text-transform: uppercase;
  width: 100%;
  padding: 12px;
  /* background: var(--Medium-grey, #e7e9f1); */

  background: var(--Medium-grey, #d4d9ec);
}

.external-event-detail .events_description_section p {
  /* color: var(--Black, #000); */
  color: var(--White, #fff);

  /* Text */
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 160% */
  margin-top: 24px;
}

@media (max-width: 768px) {
  .external-event-detail
    .event_dates_section
    .event_date_cards
    .event_date_card {
    min-width: 100px;
  }

  .external-event-detail
    .event_dates_section
    .event_date_cards
    .event_date_card
    .event_date_content {
    padding: 12px;
  }

  .external-event-detail
    .event_dates_section
    .event_date_cards
    .event_date_card
    .event_date_content
    .month {
    font-size: 14px;
  }

  .external-event-detail
    .event_dates_section
    .event_date_cards
    .event_date_card
    .event_date_content
    .day {
    font-size: 32px;
  }

  .external-event-detail
    .event_dates_section
    .event_date_cards
    .event_date_card
    .event_date_content
    .weekday {
    font-size: 14px;
  }

  .external-event-detail
    .event_dates_section
    .event_date_cards
    .event_date_card
    .time {
    padding: 10px;
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .external-event-detail
    .event_dates_section
    .event_date_cards
    .event_date_card {
    min-width: 100px;
  }

  .external-event-detail
    .event_dates_section
    .event_date_cards
    .event_date_card
    .event_date_content {
    padding: 8px;
  }

  .external-event-detail
    .event_dates_section
    .event_date_cards
    .event_date_card
    .event_date_content
    .month {
    font-size: 12px;
  }

  .external-event-detail
    .event_dates_section
    .event_date_cards
    .event_date_card
    .event_date_content
    .day {
    font-size: 24px;
  }

  .external-event-detail
    .event_dates_section
    .event_date_cards
    .event_date_card
    .event_date_content
    .weekday {
    font-size: 12px;
  }

  .external-event-detail
    .event_dates_section
    .event_date_cards
    .event_date_card
    .time {
    padding: 8px;
    font-size: 14px;
  }
}

.external-event-detail .modal_hero_section_content_actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 840px;
}

.external-event-detail
  .modal_hero_section_content_actions
  .buy_tickets_button_wrapper {
  height: 50px;
  flex-shrink: 0;
  width: 380px;
}

@media screen and (max-width: 720px) {
  .external-event-detail .modal_hero_section_content_actions {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 22px;
  }

  .external-event-detail
    .modal_hero_section_content_actions
    .buy_tickets_button_wrapper {
    width: 100%;
  }
  .modal_hero_section .modal_hero_section_content .share-section {
    margin: 0;
  }
}

@media screen and (max-width: 970px) {
  .create_events_wizard .event_page_main_wrapper,
  .view_external_event .event_page_main_wrapper {
    padding: 0;
    flex-direction: column;
    gap: 48px;
  }
}

.intl-tel-input,
.iti {
  width: 100%;
}

.phone_number_input {
  padding-left: 100px !important;
  width: 100% !important;
}

.iti__search-input {
  width: 100% !important;
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: var(--Light-grey, #eff0f5) !important;
}

.map_preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.discoverability_section {
  margin-top: 56px;
}

.add_events_dates_section {
  margin-top: 56px;
}

.add_events_dates_section .dates_list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background-color: var(--Light-grey, #eff0f5);
}

.add_events_dates_section .date_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  background-color: #fff;
}

.add_events_dates_section .date_item .date_item_wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
}

.add_events_dates_section .date_item .date_item_wrapper .date,
.add_events_dates_section .date_item .date_item_wrapper .time {
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.28571rem; /* 128.571% */
}

.add_events_dates_section .date_item .delete_menu_wrapper {
  width: 24px;
  height: 24px;
  background: var(--Light-grey, #eff0f5);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
}

.add_events_dates_section .date_item .delete_menu_wrapper .icon {
  color: #7f86a4;
  margin: 0;
  font-size: 12px;
}

.add_events_dates_section .date_item .dropdown-menu {
  position: absolute;
  right: 0px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
  padding: 8px 0;
  min-width: 120px;
  z-index: 1000;
  display: none;
}

.add_events_dates_section .date_item .menu-container {
  position: relative;
}

.add_events_dates_section .date_item .dropdown-menu.show {
  display: block;
}

.add_events_dates_section .date_item .dropdown-menu-item {
  padding: 8px 16px;
  cursor: pointer;
  color: #ef4444;
  font-size: 14px;
}

.add_events_dates_section .date_item .dropdown-menu-item:hover {
  background-color: #f3f4f6;
}

.add_events_dates_section .add_date_section h2 {
  color: var(--Black, #000);

  /* Small Header */
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px; /* 141.667% */
  letter-spacing: -0.48px;
  margin-bottom: 16px;
}

.required {
  color: #ef4444;
  margin-left: 2px;
}

.add_events_dates_section .add_date_button_wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

.add_events_dates_section .add_date_button_wrapper .add_date_button {
  width: 222px !important;
  height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.add_events_dates_section .add_date_button_wrapper .add_date_button .icon {
  color: #fff;
}

.add_events_dates_section .add_date_button_wrapper .add_date_button .text {
  color: var(--White, #fff);
  text-align: center;

  /* Rubricator */
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.42857rem; /* 142.857% */
  letter-spacing: 0.06rem;
  text-transform: uppercase;
}

.add_events_dates_section .add_date_button:disabled {
  background-color: var(--Light-grey, #eff0f5);
  cursor: not-allowed;
}

.add_events_dates_section .date_options_menu {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid var(--Medium-grey, #e7e9f1) !important;
  border-radius: 6px;
  box-shadow: 0 4px 6px -1px rgb(0 0 0/0.1);
  z-index: 10000002;
}

.menu_item {
  padding: 8px 16px;
  cursor: pointer;
  font-size: 14px;
}

.menu_item:hover {
  background-color: #f3f4f6;
}

.menu_item.delete {
  color: #ef4444;
}

.flatpickr-calendar {
  border-radius: 6px !important;
}

.flatpickr-day.selected {
  background: #4477ff !important;
  border-color: #4477ff !important;
}

.fields_grid {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
}

.fields_grid .field {
  flex: 1;
}

.accessibility_ticket_description {
  display: none;
}

@media only screen and (max-width: 991.98px) {
  .ui.modal > .close {
    color: #fff;
  }
}

.nav_links_wrapper {
  /* width: 100%; */
  display: flex;
  justify-content: center;
  flex: 1;
  /* margin-left: -120px; */
}

@media screen and (max-width: 970px) {
  .nav_links_wrapper {
    display: none;
  }
}

.nav_links_wrapper .nav_links {
  display: flex;
  gap: 16px;
}

.nav_links_wrapper .nav_link a {
  color: var(--White, #fff);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.84px;
  text-transform: uppercase;
}

.step0_modal_header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 !important;
}

.step0_modal_header .modal_hero_header_logo_lg {
  background: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/showshappening_logo.svg")
    no-repeat;
  background-position: center;
  background-size: contain;
  width: auto;
  /* width: 480px; */
  height: 76px;
  align-self: center;
  margin: auto;
}

.step0_modal_header .modal_hero_header_logo_lg_wrapper {
  width: 354px;
}

.step0_modal_header .modal_hero_header_logo_sm_wrapper {
  display: none;
}

@media screen and (max-width: 970px) {
  .step0_modal_header .modal_hero_header_logo_lg_wrapper {
    display: none;
  }

  .step0_modal_header .modal_hero_header_logo_sm_wrapper {
    display: block;
  }

  .step0_modal_header .modal_hero_header_logo_sm {
    background: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/showsmanager_logo_small.svg")
      no-repeat;
    background-position: center;
    width: 210px;
    height: 33.462px;
  }
}

#step0 .section_content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 28px;
}

#step0 .section_content .section_content_item {
  display: flex;
  align-items: center;
  gap: 16px;
}

#step0
  .section_content
  .section_content_item
  .section_content_item_icon_wrapper {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background-color: var(--Medium-grey, #e7e9f1);
  border-radius: 999px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#step0
  .section_content
  .section_content_item
  .section_content_item_icon_wrapper
  i {
  display: inline-block;
  width: 24px;
  height: 24px;
}

#step0
  .section_content
  .section_content_item
  .section_content_item_icon_wrapper
  .ticket_icon {
  background: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/ticket.svg")
    no-repeat center;
}

#step0
  .section_content
  .section_content_item
  .section_content_item_icon_wrapper
  .settings_icon {
  background: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/settings.svg")
    no-repeat center;
}

#step0
  .section_content
  .section_content_item
  .section_content_item_icon_wrapper
  .metrics_icon {
  background: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/metrics.svg")
    no-repeat center;
}

#step0
  .section_content
  .section_content_item
  .section_content_item_icon_wrapper
  .clock_icon {
  background: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/clock.svg")
    no-repeat center;
}

#step0 .section_content .section_content_item .section_content_item_text {
  color: var(--Black, #000);

  /* Small Text */
  font-family: Inter;
  font-size: 1.14286rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 1.6rem */
}

@media screen and (max-width: 970px) {
  #step0 .section_content .section_content_item .section_content_item_text {
    font-size: 1.14286rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 1.6rem */
  }
}

#step0 .top_section_footer {
  display: flex;
  justify-content: center;
  align-items: center;
}

#step0 .top_section_footer .top_section_footer_buttons {
  display: flex;
  align-items: center;
  gap: 40px;
}

#step0 .top_section_footer .top_section_footer_buttons button {
  color: var(--White, #fff);
  text-align: center;

  /* Rubricator */
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.42857rem; /* 142.857% */
  letter-spacing: 0.06rem;
  text-transform: uppercase;
}

#step0 .top_section_footer .top_section_footer_buttons .cancel_button {
  color: var(--Grey-text, #707696);

  /* Text Header */
  font-family: Inter;
  font-size: 1.28571rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 1.41429rem */
  letter-spacing: -0.02571rem;

  cursor: pointer;
}

@media screen and (max-width: 970px) {
  #step0 .top_section_footer .top_section_footer_buttons {
    flex-direction: column;
    justify-content: center;
    gap: 24px;
    width: 100%;
  }

  #step0 .top_section_footer .top_section_footer_buttons button {
    width: 100%;
    margin-right: 0 !important;
  }

  #step0 .top_section_footer .top_section_footer_buttons .cancel_button {
    margin-left: 0 !important;
  }
}

#step0 hr {
  margin: 24px 0;
  border: 1px solid #e7e9f1;
}

#step .bottom_section .bottom_section_header {
  color: var(--Black, #000);

  /* Small Header */
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px; /* 141.667% */
  letter-spacing: -0.48px;
  margin-bottom: 24px;
}

#step0 .bottom_section_footer .bottom_section_footer_buttons {
  display: flex;
  justify-content: center;
}

#step0 .bottom_section_footer .bottom_section_footer_buttons button {
  color: var(--Blue, #187dfd);

  /* Text Header */
  font-family: inherit;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 130% */
  letter-spacing: -0.4px;
}

@media screen and (max-width: 970px) {
  #step0 .bottom_section_footer .bottom_section_footer_buttons button {
    font-size: 14px;
  }
}

#step0 .bottom_section_footer .bottom_section_footer_buttons button:hover {
  text-decoration: none;
  box-shadow: none;
}

.remove-category-button {
  display: flex;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 16px;
  cursor: pointer;
  padding: 0;
  font-size: 16px;
  gap: 8px;

  color: var(--Blue, #187dfd);
  font-family: Inter;
  font-size: 1.14286rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.remove-category-button .icon_wrapper {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #187dfd;
  display: flex;
  justify-content: center;
  align-items: center;
}

.remove-category-button .icon_wrapper .icon {
  color: #187dfd;
  margin: 0;
  font-size: 12px;
}

.remove-category-button .text {
  color: var(--Blue, #187dfd);
  font-family: Inter;
  font-size: 1.14286rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.secondary-categories {
  margin-top: 16px;
}

.secondary-categories .secondary-category:last-of-type {
  margin-bottom: 0;
}

.tags-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 32px;

  display: none;
}

.tags-container .tag {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #3b82f6;
  padding: 8px 16px;
  border-radius: 20px;
}

.tags-container .tag .text {
  color: var(--White, #fff);

  /* Small Text */
  font-family: Inter;
  font-size: 1.14286rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 1.6rem */
}

.tags-input-wrapper {
  margin-bottom: 16px;
}

.tags-list.visible {
  display: block;
}

.create_events_listing_wizard {
  padding: 68px 0;
}

@media screen and (max-width: 720px) {
  .create_events_listing_wizard {
    padding: 68px 16px;
  }
}

.back-button,
.prev_button {
  display: flex;
  align-items: center;
  color: var(--Blue, #187dfd);
  text-align: center;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.42857rem;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  gap: 8px;
  margin-bottom: 8px;
}

.tags-input-container {
  display: flex;
  margin-bottom: 16px;
}

.tags-input {
  flex-grow: 1;
  margin-right: 12px;
}

.tags-container .tag .remove-tag {
  cursor: pointer;
  display: flex;
  align-items: center;
}

.tags-container .tag .remove-tag .icon {
  color: #fff;
  font-size: 12px;
  margin: 0;
}

.tags-list-title {
  color: var(--Grey-text, #707696);

  /* Rubricator Tab */
  font-family: Inter;
  font-size: 0.85714rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 1.02857rem */
  letter-spacing: 0.05143rem;
  text-transform: uppercase;
  margin-bottom: 12px;
  letter-spacing: 0.05em;
}

.tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.tag-option {
  border-radius: 20px;
  border: 1px solid var(--Medium-grey, #d4d9ec);
  background: var(--Medium-grey, #d4d9ec);
  color: #111827;
  padding: 8px 16px;
  color: var(--Black, #000);

  /* Small Text */
  font-family: Inter;
  font-size: 1.14286rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 1.6rem */
  cursor: pointer;
  transition: background-color 0.2s;
}

.tag-option:hover {
  background-color: #d1d5db;
}

/* Responsive adjustments */
@media (max-width: 640px) {
  .tags-input-container {
    flex-direction: column;
  }

  .tags-input {
    margin-right: 0;
    margin-bottom: 12px;
  }
}

.add-tag-btn {
  border-radius: 6px;
  width: auto;
  flex-shrink: 0;

  color: var(--light-text-color, #fff);
  text-align: center;

  /* Rubricator */
  font-family: Inter !important;
  font-size: 0.85714rem !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.42857rem !important; /* 166.667% */
  letter-spacing: 0.05143rem !important;
  text-transform: uppercase !important;
}

.event_title_field {
  margin-bottom: 8px !important;
}

.ui.form .divider {
  width: 100%;
  background: #d4d9ec;
  height: 1px;
  margin: 24px 0 40px 0px;
}

.ui.form .next_button,
.ui.form .previous_button,
.external-event-detail .next_button,
.external-event-detail .buy_tickets_button {
  width: 100%;
  height: 50px;
  color: var(--White, #fff);
  text-align: center;

  /* Rubricator */
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.42857rem; /* 142.857% */
  letter-spacing: 0.06rem;
  text-transform: uppercase;
}

.external-event-detail .buy_tickets_button.preview-mode {
  background-color: #d4d9ec !important;
  color: var(--Grey-text, #707696) !important;
  text-align: center !important;

  /* Rubricator */
  font-family: Inter !important;
  font-size: 0.85714rem !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.42857rem !important; /* 166.667% */
  letter-spacing: 0.05143rem !important;
  text-transform: uppercase !important;
}

.autocomplete {
  position: relative;
  width: 100%;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #e5e7eb;
  border-bottom: none;
  z-index: 1050;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 200px;
  overflow-y: auto;
  border-radius: 0 0 8px 8px;
  background-color: white;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  color: #000;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857rem; /* 142.857% */
}

.autocomplete-items div {
  padding: 10px 15px;
  cursor: pointer;
  background-color: white;
  border-bottom: 1px solid #e5e7eb;
}

.autocomplete-items div:hover {
  background-color: #f3f4f6;
}

.autocomplete-active {
  background-color: #e5e7eb !important;
}

.map-container {
  width: 100%;
  height: 118px;
  margin-top: 12px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

#map {
  width: 100%;
  height: 100%;
}

.nav_buttons_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}

.previous_button_wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}
.previous_button_wrapper .back-button {
  margin: 0;
}

.ticket_sales_link label {
  color: var(--Deep-Grey, #1b1e21) !important;

  /* Small text link */
  font-family: Inter;
  font-size: 1.14286rem !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 130% !important; /* 1.48571rem */
  letter-spacing: -0.02286rem !important;
}

.links_section .links .field label {
  margin-left: 40px !important;
}

.field .input_wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}

#step2 .icon_wrapper .icon,
.external-event-detail .icon_wrapper .icon {
  width: 24px;
  height: 24px;
  display: flex;
  margin: 0;
}

#step2 .icon_wrapper .globe-icon,
.external-event-detail .icon_wrapper .globe-icon {
  background: url("./assets/icons/globe-icon.svg") no-repeat center;
}

#step2 .icon_wrapper .facebook-icon,
.external-event-detail .icon_wrapper .facebook-icon {
  background: url("./assets/icons/facebook-icon.svg") no-repeat center;
}

#step2 .icon_wrapper .instagram-icon,
.external-event-detail .icon_wrapper .instagram-icon {
  background: url("./assets/icons/instagram-icon.svg") no-repeat center;
}

#step2 .icon_wrapper .youtube-icon,
.external-event-detail .icon_wrapper .youtube-icon {
  background: url("./assets/icons/youtube-icon.svg") no-repeat center;
}

#step2 .icon_wrapper .plus-icon,
.external-event-detail .icon_wrapper .plus-icon {
  background: url("./assets/icons/plus-icon.svg") no-repeat center;
}

.event_page_main_content_info_block_item_content .contact_buttons {
  display: flex;
  gap: 8px;
  padding-top: 8px;
}

.event_page_main_content_info_block_item_content
  .contact_buttons
  .icon_wrapper
  .globe-icon {
  background: url("./assets/icons/globe-icon-40px.svg") no-repeat center;
}
.event_page_main_content_info_block_item_content
  .contact_buttons
  .icon_wrapper
  .facebook-icon {
  background: url("./assets/icons/facebook-icon-40px.svg") no-repeat center;
}
.event_page_main_content_info_block_item_content
  .contact_buttons
  .icon_wrapper
  .instagram-icon {
  background: url("./assets/icons/instagram-icon-40px.svg") no-repeat center;
}

.event_page_main_content_info_block_item_content
  .contact_buttons
  .icon_wrapper {
  width: 40px;
  height: 40px;
}

.event_page_main_content_info_block_item_content
  .contact_buttons
  .icon_wrapper
  .icon {
  width: 100%;
  height: 100%;
}

.external-event-detail .ui.large.form {
  margin-top: 32px;
}

.external-event-detail .checkbox-container {
  margin-top: 32px;
}

.external-event-detail .event_page_main_content_info_block_item_title {
  /* color: var(--Black, #000); */
  color: var(--White, #fff);
  /* Text Header */
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 130% */
  letter-spacing: -0.4px;
}

.external-event-detail .event_page_main_content_info_block_item_content {
  color: var(--Black, #000);
  /* Text */
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 160% */
}

.external-event-detail .event_page_main_content_info_block_item_content a {
  color: #187dfd;
}

.external-event-detail .terms-text {
  margin-top: 24px;
}

.external-event-detail .terms-text {
  text-align: center;
  margin: 24px 0 10px 0;
  color: var(--Black, #000);
  text-align: center;

  /* Small Text */
  font-family: Inter;
  font-size: 1.14286rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 1.6rem */
}

.external-event-detail .terms-text a {
  color: var(--Blue, #187dfd);
  text-decoration: none;
}

.external-event-detail .password-requirements {
  display: flex;
  gap: 0.5rem;
  margin-top: 8px;
  margin-bottom: 1rem;
}

.external-event-detail .requirement {
  padding: 0.3rem 0.7rem;
  font-size: 0.8rem;

  border-radius: 4px;
  background: var(--Medium-grey, #d4d9ec);
  backdrop-filter: blur(10px);

  color: var(--Grey-text, #707696);

  /* Caption */
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.28571rem; /* 128.571% */
}

.external-event-detail .login-section {
  text-align: center;
  gap: 16px;
  background-color: #000;
  color: white;
  height: 148px;
  padding: 1.5rem;
  background: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/login-section-bg.svg")
    no-repeat center;
  background-size: cover;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.external-event-detail .login-section button {
  display: flex;
  width: 222px;
  padding: 15px 40px;
  align-items: center;
  gap: 10px;
  height: 89px;
  justify-content: center;
  text-align: center;

  /* Rubricator */
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.42857rem; /* 142.857% */
  letter-spacing: 0.06rem;
  text-transform: uppercase;
}

.external-event-detail .login-section p {
  color: var(--white, #fff);
  text-align: center;

  /* Small Text */
  font-family: Inter;
  font-size: 1.14286rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 1.6rem */
}

.external-event-detail .guest-section {
  border-radius: 0px 0px 8px 8px;
  background: var(--Blue, #187dfd);
  color: white;
  padding: 1.5rem;
  text-align: center;

  display: flex;
  flex-direction: column;
  width: 588px;
  padding: 30.5px 0px;
  justify-content: center;
  align-items: center;
}

.external-event-detail .guest-section p {
  color: var(--white, #fff);
  text-align: center;

  /* Small Text */
  font-family: Inter;
  font-size: 1.14286rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 1.6rem */

  margin-bottom: 16px;

  width: 420px;
}

.external-event-detail .ui.button.guest-button {
  background-color: white;
  width: 100%;
  max-width: 400px;

  color: var(--Blue, #187dfd);
  text-align: center;

  /* Rubricator */
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.42857rem; /* 142.857% */
  letter-spacing: 0.06rem;
  text-transform: uppercase;

  display: flex;
  width: 466px;
  padding: 15px 40px;
  flex-direction: column;
  align-items: center;
  gap: 10px;

  border-radius: 6px;
}

@media screen and (max-width: 720px) {
  .external-event-detail .guest-section {
    width: 100%;
  }
  .external-event-detail .ui.button.guest-button {
    width: auto;
  }
  .external-event-detail .guest-section p {
    width: auto;
  }
}

.skeleton-div {
  position: relative;
  overflow: hidden;
  background-color: var(--Light-grey, #eff0f5);
  border-radius: 4px;

  height: 50px;
  width: 100%;
}

.skeleton-div::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.2) 20%,
    rgba(255, 255, 255, 0.5) 60%,
    rgba(255, 255, 255, 0)
  );
  animation: shimmer 2s infinite;
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

#step1 .tags-list-wrapper.secondary-tags {
  margin-top: 16px;
}

#tags-input {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.block {
  display: block !important;
}

.flex {
  display: flex !important;
}

.justify-center {
  justify-content: center !important;
}

.column {
  flex-direction: column !important;
}

.external_events_wrapper {
  width: 100%;
  min-height: fit-content;
  display: flex;
  gap: 22px;
}

.external_event_card {
  /* height: 100%; */
  cursor: pointer;
}

.external_event_card .image-wrapper {
  position: relative;
}

.external_event_card .external_event_link {
  position: absolute;
  left: 6px;
  bottom: 12px;
  min-width: 30px;
  min-height: 20px;
  width: 30px;
  height: 20px;
  z-index: 99999999;
  background-color: #fff;
  padding: 6px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

  text-decoration: none;
  overflow: hidden;
}

.external_event_card .external_event_link .link-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}

.external_event_card .external_event_link svg {
  min-width: 16px;
  min-height: 16px;
  width: 16px;
  height: 16px;
}

.external_event_card .external_event_link_text {
  color: var(--Grey-text, #707696);
  text-align: right;

  /* Caption */
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.28571rem; /* 128.571% */
  flex: 1;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  opacity: 0;
  transform: translateX(-10px);
  /* transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.1s; */
}

.external_event_card .external_event_link:hover {
  gap: 4px;
  width: auto;
  max-width: 210px;
}

.external_event_card .external_event_link:focus {
  outline-offset: 1px;
  width: 210px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

.external_event_card .external_event_link:active {
  transform: scale(0.95);
}

.external_event_card .external_event_link:hover .external_event_link_text,
.external_event_card .external_event_link:focus .external_event_link_text {
  opacity: 1;
  transform: translateX(0);
}

.external_event_card .external_event_edit_button {
  display: inline-flex;
  height: 50px;
  padding: 15px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 60px;
  border: 2px solid var(--Blue, #187dfd);
  background: var(--Blue, #187dfd);
  color: var(--White, #fff);
  text-align: center;

  /* Rubricator */
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.42857rem; /* 142.857% */
  letter-spacing: 0.06rem;
  text-transform: uppercase;

  /* Medium Shadow */
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.16);
  text-transform: uppercase;
  position: absolute;
  bottom: 12px;
  width: 80%;
  left: 20px;

  display: none;
}

.ui.modal .close.icon {
  font-size: 24px;
}

.profile_setting_page_loader {
  margin-top: 20vh !important;
}

.delete-btn-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}