.activenow-table-container .filter-component {
  --filter-component-height: 42px;

  position: relative;
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #E5E5E5;
  min-height: var(--filter-component-height);
  min-width: 0;
  color: #939299;
  background-color: #fff;
  font-size: 14px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  -moz-appearance: none;
       appearance: none;
  background-image: none;
}

.activenow-table-container .filter-component.hidden {
  display: none;
}

.activenow-table-container .filter-component.disabled {
  background-color: #F9FAFB;
}

.activenow-table-container .filter-component .svg-icon {
  background-color: #000;
  margin-right: 0;
  margin-left: auto;
  flex-shrink: 0;
}

.activenow-table-container .filter-component .svg-icon.hidden {
  display: none;
}

.activenow-table-container .filter-component .filter-component-select {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: var(--filter-component-height);
  padding: 0px 12px;
  text-align: left;
  cursor: pointer;
}

.activenow-table-container .filter-component.disabled .filter-component-select {
  cursor: default;
}

.activenow-table-container .filter-component .filter-component-select .filter-component-label {
  margin: 0;
  flex: 0 1 auto;
  width: auto;
  min-width: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

#activenow-table-container .filter-component .filter-component-select .filter-component-label {
  margin: 0;
}

.activenow-table-container .filter-component .filter-component-select .filter-component-counter {
  display: none;
  font-weight: 400;
  font-size: 12px;
  color: #4464B9;
  background-color: #CCE6FF;
  border-radius: 9999px;
  padding: 0 7px;
  margin-left: 6px;
}

.activenow-table-container .filter-component .filter-component-options {
  --filter-dropdown-vertical-padding: 4px;
  --filter-dropdown-offset: -1px;

  display: none;
  flex-direction: column;
  position: absolute;
  left: var(--filter-dropdown-offset);
  right: auto;
  width: 100%;
  min-width: 250px;
  max-height: 250px;
  top: 100%;
  box-sizing: content-box;
  padding: var(--filter-dropdown-vertical-padding) 0;
  z-index: 20;
  background: #fff;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  overflow-y: auto;
  overflow-x: hidden;
}

.activenow-table-container .filters > .filter-component:not(.hidden):last-child .filter-component-options {
  left: auto;
  right: var(--filter-dropdown-offset);
}

.activenow-table-container .filter-component .filter-component-options.open {
  display: flex;
}

.activenow-table-container .filter-component .filter-component-options .filter-checkbox {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  margin: 0;
  color: #000;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.activenow-table-container .filter-component .filter-component-options .filter-checkbox.hidden {
  display: none;
}

.activenow-table-container .filter-component .filter-component-options .filter-checkbox input {
  display: block;
  margin-right: 8px;
  margin-top: 4px;
  margin-bottom: auto;
  border-color: #939299;
  border-radius: .25rem;
  width: 13px;
  height: 13px;
  min-width: 13px;
  min-height: 13px;
  flex-shrink: 0;
  padding: 0;
  box-sizing: content-box;
  cursor: pointer;
  -moz-appearance: auto;
       appearance: auto;
  -webkit-appearance: auto;
}

.activenow-table-container .filter-component .filter-component-options .filter-checkbox input:focus {
  box-shadow: none;
  outline: 2px solid #4464B9;
  outline-offset: 2px;
}

.activenow-table-container .filter-component .filter-component-options .filter-checkbox input:focus:not(:focus-visible) {
  outline: none;
}

.activenow-table-container .filter-component .filter-component-options .filter-checkbox .filter-checkbox-text {
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
}

.activenow-table-container .filter-component .filter-component-options .filter-component-search-container {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-bottom: 1px solid #E5E5E5;
  margin-top: calc(-1 * var(--filter-dropdown-vertical-padding));
  margin-bottom: var(--filter-dropdown-vertical-padding);
}

.activenow-table-container .filter-component .filter-component-options .filter-component-search-container.hidden {
  display: none;
}

.activenow-table-container .filter-component .filter-component-options .filter-component-search-container .svg-icon {
  background-color: #939299;
  margin-right: 8px;
}

.activenow-table-container .filter-component .filter-component-options .filter-component-search-container input {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  width: 100%;
  height: auto;
  color: #000;
  background: transparent;
  box-shadow: none;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

/* TAILWIND CONTEXT */
body[data-style-context="tailwind"] .activenow-table-container .filter-component .filter-component-select .filter-component-counter {
  color: #6541B0;
  background-color: #E9DEFF;
}

body[data-style-context="tailwind"] .activenow-table-container .filter-component .filter-component-options .filter-checkbox input {
  accent-color: #6541B0;
}

body[data-style-context="tailwind"] .activenow-table-container .filter-component .filter-component-options .filter-checkbox input:focus {
  outline-color: #6541B0;
}
/* TAILWIND CONTEXT END */
.activenow-table-container .filter-toggle-component {
  --toggle-width: 44px;
  --toggle-height: 24px;
  --toggle-thumb-size: 18px;
  --toggle-offset: 3px;
  --toggle-travel: calc(var(--toggle-width) - var(--toggle-thumb-size) - var(--toggle-offset) - var(--toggle-offset));

  display: flex;
  align-items: center;
  font-weight: 600;
  -webkit-tap-highlight-color: transparent;
}

.activenow-table-container .filter-toggle-component .filter-toggle-label {
  margin: 0;
  margin-right: 8px;
  font-size: 14px;
  font-weight: 400;
  text-transform: inherit;
  color: #939299;
  transition: color 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.activenow-table-container .filter-toggle-component.active .filter-toggle-label {
  color: #000;
}

.activenow-table-container .filter-toggle-component .filter-toggle-switch {
  position: relative;
  width: var(--toggle-width);
  height: var(--toggle-height);
  background-color: #D1D5DB;
  border-radius: 999px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}

.activenow-table-container .filter-toggle-component.active .filter-toggle-switch {
  background-color: #2F69FD;
}

.activenow-table-container .filter-toggle-component .filter-toggle-switch-inner {
  position: absolute;
  width: var(--toggle-thumb-size);
  height: var(--toggle-thumb-size);
  background-color: #fff;
  border-radius: 999px;
  top: var(--toggle-offset);
  left: var(--toggle-offset);
  transition: transform 0.2s ease-in-out;
}

.activenow-table-container .filter-toggle-component.active .filter-toggle-switch-inner {
  transform: translateX(var(--toggle-travel));
}

/* TAILWIND CONTEXT */
body[data-style-context="tailwind"] .activenow-table-container .filter-toggle-component.active .filter-toggle-switch {
  background-color: #6541B0;
}
/* TAILWIND CONTEXT END */

@supports(container-type: inline-size) {
  @container activenow-table-container (max-width: 768px) {
    .activenow-table-container .filter-toggle-component {
      width: 100%;
      justify-content: space-between;
    }

    .activenow-table-container .filter-toggle-component .filter-toggle-label {
      margin-right: auto;
    }
  }
}

@supports not (container-type: inline-size) {
  @media(max-width: 800px) {
    .activenow-table-container .filter-toggle-component {
      width: 100%;
      justify-content: space-between;
    }

    .activenow-table-container .filter-toggle-component .filter-toggle-label {
      margin-right: auto;
    }
  }
}

.activenow-table-container .filtering-badges-section {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.activenow-table-container .filtering-badges-section .filter-badge {
  display: flex;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
  padding: 4px 8px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 400;
  color: #4464B9;
  background-color: #CCE6FF;
}

.activenow-table-container .filtering-badges-section .filter-badge .svg-icon {
  margin-left: 4px;
  background-color: currentColor;
  cursor: pointer;
  flex-shrink: 0;
}

/* TAILWIND CONTEXT */
body[data-style-context="tailwind"] .activenow-table-container .filtering-badges-section .filter-badge {
  color: #6541B0;
  background-color: #E9DEFF;
}
/* TAILWIND CONTEXT END */
.activenow-table-container .selected-filters-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.activenow-table-container .filters.hidden + .selected-filters-container {
  display: none;
}

.activenow-table-container .mobile-filters-buttons {
  display: none;
  justify-content: space-between;
  margin-bottom: 16px;
}

.activenow-table-container .mobile-filters-buttons.hidden {
  display: none;
}

.activenow-table-container:has(.filters.hidden) .mobile-filters-buttons,
.activenow-table-container:has(.filters[style*="display: none"]) .mobile-filters-buttons {
  display: none;
}

.activenow-table-container .mobile-filters-buttons .filters-button {
  font-family: "Open Sans";
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-transform: uppercase;
  padding: 12px 16px;
  border-radius: 5px;
  border: 1px solid #2F69FD;
  background-color: #FFF;
  height: 42px;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 400;
  font-size: 12px;
  color: #2F69FD;
  line-height: 0;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.activenow-table-container .mobile-filters-buttons .filters-button:hover {
  background-color: #F0F4FF;
  border-color: #1E50E2;
  cursor: pointer;
  text-decoration: none;
}

.activenow-table-container .mobile-filters-buttons .filters-button .svg-icon {
  background-color: #2F69FD;
}

.activenow-table-container .mobile-filters-buttons .filters-button .filter-counter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background-color: #CCE6FF;
  color: #2F69FD;
  font-weight: 700;
  font-size: 12px;
}

.activenow-table-container .mobile-filters-buttons .filters-button .filter-counter.hidden {
  display: none;
}

.activenow-table-container .mobile-filters-buttons .filters-button .filters-button-hide.hidden,
.activenow-table-container .mobile-filters-buttons .filters-button .filters-button-show.hidden {
  display: none;
}

.activenow-table-container .mobile-filters-buttons .clear-filters-button {
  font-family: "Open Sans";
  text-transform: uppercase;
  border: none;
  background-color: transparent;
  height: 42px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0px;
  font-weight: 400;
  font-size: 12px;
  color: #2F69FD;
  line-height: 0;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.activenow-table-container .mobile-filters-buttons .clear-filters-button:hover {
  color: #1E50E2;
  cursor: pointer;
  text-decoration: none;
}

.activenow-table-container .mobile-filters-buttons .clear-filters-button.hidden {
  display: none;
}

/* TAILWIND CONTEXT */
body[data-style-context="tailwind"] .activenow-table-container .mobile-filters-buttons .filters-button .svg-icon {
  background-color: #6541B0;
}

body[data-style-context="tailwind"] .activenow-table-container .clear-filters-mobile-button,
body[data-style-context="tailwind"] .activenow-table-container .clear-filters-desktop-button,
body[data-style-context="tailwind"] .activenow-table-container .mobile-filters-buttons .filters-button {
  color: #6541B0;
  border-color: #6541B0;
}

body[data-style-context="tailwind"] .activenow-table-container .clear-filters-mobile-button:hover,
body[data-style-context="tailwind"] .activenow-table-container .clear-filters-desktop-button:hover,
body[data-style-context="tailwind"] .activenow-table-container .mobile-filters-buttons .filters-button:hover {
  background-color: #F9F6FE;
  border-color: #7638F2;
}

body[data-style-context="tailwind"] .activenow-table-container .mobile-filters-buttons .clear-filters-button {
  color: #6541B0;
}

body[data-style-context="tailwind"] .activenow-table-container .mobile-filters-buttons .clear-filters-button:hover {
  color: #7638F2;
}

body[data-style-context="tailwind"] .activenow-table-container .mobile-filters-buttons .filters-button .filter-counter {
  color: #6541B0;
  background-color: #E9DEFF;
}
/* TAILWIND CONTEXT END */

@supports(container-type: inline-size) {
  @container activenow-table-container (max-width: 768px) {
    .activenow-table-container .filters.mobile-filters-closed {
      display: none;
    }

    .activenow-table-container .mobile-filters-buttons {
      display: flex;
    }
  }
}

@supports not (container-type: inline-size) {
  @media(max-width: 800px) {
    .activenow-table-container .filters.mobile-filters-closed {
      display: none;
    }

    .activenow-table-container .mobile-filters-buttons {
      display: flex;
    }
  }
}

#activenow-table-container .activenow-form-field.activenow-checkbox-component {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 100%;
}

#activenow-table-container .activenow-form-field.activenow-checkbox-component label.activenow-checkbox-component-checkbox {
  display: flex;
  margin: 0;
  margin-top: 16px;
  color: #1E1435;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

#activenow-table-container .activenow-form-field.activenow-checkbox-component .activenow-checkbox-component-checkbox input[type="checkbox"] {
  display: block;
  margin-right: 8px;
  margin-left: 0;
  margin-top: 2px;
  margin-bottom: auto;
  border: 1px solid #939299;
  outline: none;
  border-radius: .25rem;
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
  flex-shrink: 0;
  padding: 0;
  box-sizing: content-box;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

#activenow-table-container .activenow-form-field.activenow-checkbox-component .activenow-checkbox-component-checkbox input[type="checkbox"]:checked {
  background-color: #2E69FD;
  border-color: #2E69FD;
}

#activenow-table-container .activenow-form-field.activenow-checkbox-component .activenow-checkbox-component-checkbox input[type="checkbox"]:checked::after {
  content: '';
  display: block;
  width: 4px;
  height: 7px;
  border: 2px solid white;
  border-top: none;
  border-left: none;
  transform: rotate(45deg) translate(1px, 1px);
  margin: auto;
  box-sizing: content-box;
}

#activenow-table-container .activenow-form-field.activenow-checkbox-component .activenow-checkbox-component-checkbox input[type="checkbox"].activenow-error-active {
  border-color: #CA101B;
}

#activenow-table-container .activenow-form-field.activenow-checkbox-component .activenow-checkbox-component-checkbox .activenow-checkbox-component-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.005em;
  text-align: left;
  color: #1E1435;
}

#activenow-table-container .activenow-form-field.activenow-checkbox-component .activenow-checkbox-component-checkbox .activenow-checkbox-component-text a:link {
  color: #2E69FD;
  text-decoration: underline;
  cursor: pointer;
}

#activenow-table-container .activenow-form-field.activenow-checkbox-component .activenow-error {
  margin-left: 24px;
}

#activenow-table-container .activenow-discount-code-component {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  margin-bottom: 16px;
}

#activenow-table-container .activenow-discount-code-component .activenow-discount-code-component-controls {
  display: flex;
  align-items: center;
  width: 100%;
}

#activenow-table-container .activenow-discount-code-component button.activenow-discount-code-component-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
  font-size: 10px;
  font-weight: 600;
  line-height: normal;
  color: #2E69FD;
  background-color: #fff;
  padding: 10px 12px;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border: 1px solid #2E69FD;
  border-radius: 4px;
  margin-top: auto;
  margin-bottom: 0;
  text-transform: uppercase;
  opacity: 1;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

#activenow-table-container .activenow-discount-code-component button.activenow-discount-code-component-button:hover {
  background: none;
  background-color: #EAF0FF;
  border-color: #0049FF;
}

#activenow-table-container .activenow-discount-code-component button.activenow-discount-code-component-button:focus {
  outline: none;
  animation: discountCodeButtonFocus 0.3s ease-in-out;
}

#activenow-table-container .activenow-discount-code-component p.discount-code-error {
  align-self: start;
  color: #CA101B;
  font-weight: 600;
  font-size: 12px;
  margin: 0;
}

#activenow-table-container .activenow-discount-code-component .activenow-form-field.activenow-text-input-component {
  margin-top: 0;
}

@keyframes discountCodeButtonFocus {
  0% {border-color: #0049FF;}
  50% {border-color: #2554CA;}
  100% {border-color: #0049FF;}
}

#activenow-table-container .activenow-form-field.activenow-select-input-component {
  --activenow-select-input-component-border-radius: 4px;

  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component.hidden {
  display: none;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component.disabled {
  background-color: #F9FAFB;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component .svg-icon {
  background-color: #1E1435;
  margin-right: 0;
  margin-left: auto;
  flex-shrink: 0;
  height: 16px;
  width: 16px;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component .svg-icon.hidden {
  display: none;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component .activenow-select-input-component-select {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 36px;
  background-color: #fff;
  color: #939299;
  padding: 0 8px;
  text-align: left;
  border-radius: var(--activenow-select-input-component-border-radius);
  border: 1px solid #E5E5E5;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  -moz-appearance: none;
       appearance: none;
  background-image: none;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component.disabled .activenow-select-input-component-select {
  cursor: default;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component input.activenow-error-active ~ .activenow-select-input-component-select {
  border-color: #CA101B;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component .activenow-select-input-component-label {
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  text-transform: uppercase;
  align-self: start;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component .activenow-select-input-component-select .activenow-select-input-component-placeholder {
  margin: 0;
  flex: 0 1 auto;
  width: auto;
  min-width: 0;
  font-size: 12px;
  font-weight: 400;
  color: #919097;
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component .activenow-select-input-component-select .activenow-select-input-component-placeholder.option-selected {
  color: #1E1435;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component .activenow-select-input-component-options {
  display: none;
  flex-direction: column;
  position: absolute;
  left: 0;
  right: auto;
  width: calc(100% - 2px);
  max-height: 250px;
  top: calc(100% - 1px);
  box-sizing: content-box;
  padding: 0;
  z-index: 20;
  background: #fff;
  border: 1px solid #E5E5E5;
  border-radius: 0 0 var(--activenow-select-input-component-border-radius) var(--activenow-select-input-component-border-radius);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  overflow-y: auto;
  overflow-x: hidden;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component.open .activenow-select-input-component-select {
  border-radius: var(--activenow-select-input-component-border-radius) var(--activenow-select-input-component-border-radius) 0 0;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component.open .activenow-select-input-component-options {
  display: flex;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component .activenow-select-input-component-options .activenow-select-input-component-option {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 8px 12px;
  margin: 0;
  min-height: 18px;
  color: #1E1435;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component .activenow-select-input-component-options .activenow-select-input-component-option:hover {
  background-color: #F9FAFB;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component .activenow-select-input-component-options .activenow-select-input-component-option.selected {
  color: #6541b0;
  background-color: #f9f6fe;
}

#activenow-table-container .activenow-form-field.activenow-text-input-component {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 16px;
}

#activenow-table-container .activenow-form-field.activenow-text-input-component .activenow-text-input-component-label {
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 5px;
  color: #1E1435;
  text-transform: uppercase;
  align-self: start;
}

#activenow-table-container .activenow-form-field.activenow-text-input-component input {
  display: block;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 36px;
  min-height: 36px;
  max-height: 36px;
  padding: 8px;
  margin: 0;
  border-radius: 4px;
  border: 1px solid #E5E5E5;
  background-color: #fff;
  box-shadow: none;
  color: #1E1435;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: -0.005em;
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#activenow-table-container .activenow-form-field.activenow-text-input-component input.activenow-error-active {
  border-color: #CA101B;
}

#activenow-table-container .activenow-form-field.activenow-text-input-component input::-moz-placeholder {
  font-family: 'Open Sans';
  color: #919097;
  font-weight: 400;
}

#activenow-table-container .activenow-form-field.activenow-text-input-component input::placeholder {
  font-family: 'Open Sans';
  color: #919097;
  font-weight: 400;
}

#activenow-table-container .activenow-form-field.activenow-toggle-input-component {
  --toggle-width: 37px;
  --toggle-height: 21px;
  --toggle-thumb-size: 15px;
  --toggle-offset: 3px;
  --toggle-travel: calc(var(--toggle-width) - var(--toggle-thumb-size) - var(--toggle-offset) - var(--toggle-offset));

  display: flex;
  flex-direction: column;
  margin-top: 16px;
  -webkit-tap-highlight-color: transparent;
}

#activenow-table-container .activenow-form-field.activenow-toggle-input-component.hidden {
  display: none;
}

#activenow-table-container .activenow-form-field.activenow-toggle-input-component .activenow-toggle-input-component-cont {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

#activenow-table-container .activenow-form-field.activenow-toggle-input-component .activenow-toggle-input-component-label {
  margin: 0;
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  text-transform: inherit;
  color: #939299;
  transition: color 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

#activenow-table-container .activenow-form-field.activenow-toggle-input-component.active .activenow-toggle-input-component-label {
  color: #1E1435;
}

#activenow-table-container .activenow-form-field.activenow-toggle-input-component .activenow-toggle-input-component-switch {
  position: relative;
  width: var(--toggle-width);
  height: var(--toggle-height);
  margin-top: 0;
  margin-bottom: auto;
  background-color: #D1D5DB;
  border-radius: 999px;
  flex-shrink: 0;
  transition: background-color 0.2s ease-in-out;
}

#activenow-table-container .activenow-form-field.activenow-toggle-input-component.active .activenow-toggle-input-component-switch {
  background-color: #2E69FD;
}

#activenow-table-container .activenow-form-field.activenow-toggle-input-component .activenow-toggle-input-component-switch-inner {
  position: absolute;
  width: var(--toggle-thumb-size);
  height: var(--toggle-thumb-size);
  background-color: #fff;
  border-radius: 999px;
  top: var(--toggle-offset);
  left: var(--toggle-offset);
  transition: transform 0.2s ease-in-out;
}

#activenow-table-container .activenow-form-field.activenow-toggle-input-component.active .activenow-toggle-input-component-switch-inner {
  transform: translateX(var(--toggle-travel));
}

#activenow-table-container .activenow-form-class-description .activenow-class-row {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #E5E5E5;
  padding: 10px 0;
  border-radius: 0;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row:first-child {
  padding-top: 0;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-label {
  position: relative;
  float: left;
  width: 50%;
  min-width: 0;
  padding-right: 15px;
  font-size: 10px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: -0.005em;
  text-transform: uppercase;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value-holder {
  display: flex;
  align-items: center;
  width: 50%;
  min-width: 0;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.005em;
  min-width: 0;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value .red-text {
  color: #CA101B;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value .activenow-discount-note {
  font-size: 12px;
  letter-spacing: -0.005em;
  line-height: 18px;
  font-weight: 400;
  color: #2E69FD;
  margin: 0;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value .activenow-billable-period-class {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  letter-spacing: -0.005em;
  line-height: 18px;
  font-weight: 400;
  color: #919097;
  position: relative;
  top: -2px;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value .activenow-monthly-pricing-class,
#activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value .activenow-custom-billing-schedule-class {
  display: inline-block;
  font-weight: 600;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value:has(.activenow-billable-period-class) {
  margin-bottom: -2px;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value:has(.activenow-monthly-pricing-class),
#activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value:has(.activenow-custom-billing-schedule-class) {
  line-height: 24px;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row *,
#activenow-table-container .activenow-form-class-description .activenow-class-row *:before,
#activenow-table-container .activenow-form-class-description .activenow-class-row *:after {
  box-sizing: border-box;
}

/* TAILWIND CONTEXT */
body[data-style-context="tailwind"] #activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value .activenow-discount-note {
  color: #6541B0;
}
/* TAILWIND CONTEXT END */

@media (max-width: 767px) {
  #activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-label {
    width: 40%;
  }

  #activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value-holder {
    width: 60%;
  }
}

.activenow-instructors-component {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 7px;
  line-height: 15px;
}

.activenow-instructors-component .activenow-instructors-component-instructor {
  display: flex;
  align-items: flex-start;
  gap: 7px;
}

.activenow-instructors-component .activenow-instructors-component-instructor-details {
  display: flex;
  flex-direction: column;
  margin-top: 2px;
  gap: 2px;
}

.activenow-instructors-component .activenow-instructors-component-date {
  font-size: 12px;
  font-weight: 400;
  color: #919097;
}

.activenow-instructors-component .activenow-instructors-component-instructor img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.activenow-timing-component-excluded-dates {
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: -0.005em;
  color: #1E1435;
  margin-top: 8px;
}

.activenow-timing-component-excluded-dates .activenow-timing-component-excluded-dates-title {
  font-weight: 600;
}

.activenow-venue-component {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #1E1435;
  line-height: 15px;
  letter-spacing: 0.005em;
  font-weight: 400;
}

.activenow-venue-component-name {
  font-size: 14px;
}

.activenow-venue-component-secondary-text {
  font-size: 12px;
}

#activenow-table-container .activenow-venue-component .activenow-venue-component-secondary-text a {
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  color: #2E69FD;
  text-decoration: underline;
  cursor: pointer;
}

/* TAILWIND CONTEXT */
body[data-style-context="tailwind"] #activenow-table-container .activenow-venue-component .activenow-venue-component-secondary-text a {
  color: #6541B0;
}
/* TAILWIND CONTEXT END */
.activenow-table-column {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
}

.activenow-table-column .svg-icon {
  min-width: 20px;
  min-height: 20px;
  margin-right: 1ch;
}

.activenow-table-column .svg-icon.bg-gray {
  background-color: #374957;
}

.activenow-table-color-strip-mobile {
  display: none;
  margin-right: 12px;
  min-width: 4px;
  align-self: stretch;
}

.activenow-table-color-strip-mobile.top {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

.activenow-table-color-strip-mobile.bottom {
  margin-top: -0.5px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.activenow-table-column:has(.activenow-table-event) {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.activenow-table-event {
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
}

.activenow-table-venue-name {
  text-wrap: wrap;
  overflow-wrap: break-word;
}

.activenow-table-event-hour {
  font-weight: 600;
  min-height: 24px;
  font-size: 16px;
  line-height: normal;
  display: inline-block;
  max-width: 100%;
  overflow-wrap: break-word;
}

.activenow-table-event-day,
.activenow-table-event-age-group {
  white-space: normal;
  font-weight: 600;
  line-height: normal;
  font-size: 10px;
  color: #87898B;
}

.activenow-table-event-dot {
  display: none;
}

.activenow-table-event-timezone {
  display: block;
}

.activenow-table-name,
.activenow-table-event-hour,
.activenow-table-proficiency-name {
  white-space: normal;
}

.activenow-table-event-age-group {
  display: block;
  position: absolute;
  bottom: 100%;
  white-space: nowrap;
}

.activenow-table-duration-mobile {
  display: none;
}

.activenow-table-duration-desktop {
  white-space: normal;
}

.activenow-table-name,
.activenow-table-duration-desktop,
.activenow-table-duration-mobile,
.activenow-table-venue-name,
.activenow-table-unit-price,
.activenow-table-event-count,
.activenow-table-price,
.activenow-table-eventable-size,
.activenow-table-proficiency-name {
  font-weight: 400;
  font-size: 14px;
}

.activenow-table-unit-price-item-period {
  display: block;
  font-size: 10px;
}

.activenow-table-column:has(.activenow-table-name-container) {
  min-width: 30px;
  max-width: 100%;
}

.activenow-table-column:has(.activenow-table-unit-price),
.activenow-table-column:has(.activenow-table-price) {
  min-width: -moz-min-content;
  min-width: min-content;
}

.activenow-table-name-container {
  position: relative;
  min-width: 0;
}

.activenow-table-name {
  overflow: hidden;
  text-overflow: ellipsis;
}

.activenow-table-color-strip-desktop {
  min-width: 3px;
  height: 100%;
  min-height: 79px;
  border-radius: 8px;
  margin-left: 24px;
  margin-right: 12px;
}

@container activenow-table-container (min-width: 768px) and (max-width: 900px) {
  .activenow-table-duration-mobile {
    display: none;
  }

  .activenow-table-color-strip-desktop {
    margin-left: 20px;
  }
}

@container activenow-table-container (max-width: 768px) {
  .activenow-table-duration-desktop {
    display: none;
  }

  .activenow-table-duration-mobile {
    display: block;
  }

  .activenow-table-column {
    align-items: flex-start;
  }

  .activenow-table-color-strip-mobile {
    display: block;
  }

  .activenow-table-column:has(
    .activenow-table-duration-desktop,
    .activenow-table-duration-mobile,
    .activenow-table-venue-name,
    .activenow-table-unit-price,
    .activenow-table-event-count,
    .activenow-table-price,
    .activenow-table-eventable-size,
    .activenow-table-proficiency-name) {
    margin-top: 16px;
  }

  .activenow-table-color-strip-desktop {
    display: none;
  }

  .activenow-table-row .svg-icon {
    margin-top: 1px;
  }

  .activenow-table-column:has(.activenow-table-name-container) {
    order: -1;
  }

  .activenow-table-column:has(.activenow-table-event) {
    justify-content: normal;
    width: auto;
  }

  .activenow-table-name {
    font-weight: 600;
    font-size: 16px;
  }

  .activenow-table-event-age-group {
    position: static;
    white-space: normal;
  }

  .activenow-table-event {
    display: grid;
    grid-template-columns: repeat(3, auto);
  }

  .activenow-table-event-hour,
  .activenow-table-event-day,
  .activenow-table-event-dot {
    font-weight: 600;
    font-size: 14px;
    color: rgba(73,73,77,.6156862745);
  }

  .activenow-table-event-dot {
    display: inline-block;
  }

  .activenow-table-event-timezone {
    display: inline;
  }
}

@supports not (container-type: inline-size) {
  @media (min-width: 801px) and (max-width: 1050px) {
    .activenow-table-duration-mobile {
      display: none;
    }

    .activenow-table-color-strip-desktop {
      margin-left: 20px;
    }
  }

  @media (max-width: 800px) {
    .activenow-table-duration-desktop {
      display: none;
    }

    .activenow-table-duration-mobile {
      display: block;
    }

    .activenow-table-column {
      align-items: flex-start;
    }

    .activenow-table-color-strip-mobile {
      display: block;
    }

    .activenow-table-column:has(
      .activenow-table-duration-desktop,
      .activenow-table-duration-mobile,
      .activenow-table-venue-name,
      .activenow-table-unit-price,
      .activenow-table-event-count,
      .activenow-table-price,
      .activenow-table-eventable-size,
      .activenow-table-proficiency-name) {
      margin-top: 16px;
    }

    .activenow-table-color-strip-desktop {
      display: none;
    }

    .activenow-table-row .svg-icon {
      margin-top: 1px;
    }

    .activenow-table-column:has(.activenow-table-name-container) {
      order: -1;
    }

    .activenow-table-column:has(.activenow-table-event) {
      justify-content: normal;
      width: auto;
    }

    .activenow-table-name {
      font-weight: 600;
      font-size: 16px;
    }

    .activenow-table-event-age-group {
      position: static;
      white-space: normal;
    }

    .activenow-table-event {
      display: grid;
      grid-template-columns: repeat(3, auto);
    }

    .activenow-table-event-hour,
    .activenow-table-event-day,
    .activenow-table-event-dot {
      font-weight: 600;
      font-size: 14px;
      color: rgba(73,73,77,.6156862745);
    }

    .activenow-table-event-dot {
      display: inline-block;
    }

    .activenow-table-event-timezone {
      display: inline;
    }
  }
}

#activenow-table-container .activenow-form-class-description {
  width: auto;
  padding: 16px;
  background-color: #EAF0FF;
  border-radius: 5px;
  color: #1E1435;
  margin-bottom: 12px;
}

#activenow-table-container #activenow-form-eventable-description-holder {
  display: flex;
  flex-direction: column;
}

#activenow-table-container #activenow-form-eventable-description-holder > .activenow-form-class-description:not(.additional-information) {
  order: 1;
}

#activenow-table-container #activenow-form-eventable-description-holder > .activenow-discount-code-holder {
  order: 2;
}

#activenow-table-container #activenow-form-eventable-description-holder > .additional-information {
  order: 3;
}

#activenow-table-container .activenow-form-class-description.additional-information img {
  max-width: 100%;
}

#activenow-table-container .activenow-form-class-description:has(+ .activenow-form-class-description.additional-information) {
  margin-bottom: 20px;
}

#activenow-table-container .activenow-form-class-description .activenow-form-description-header {
  font-family: "Fira Sans";
  color: #2E69FD;
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 10px;
}

#activenow-table-container .activenow-form-class-description.additional-information .activenow-form-description-header {
  color: #1E1435;
}

#activenow-table-container .activenow-form-class-description .activenow-form-description-subheader {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
}

#activenow-table-container .activenow-form-class-description .activenow-form-description-subheader .activenow-form-description-divider {
  margin-top: 4px;
}

#activenow-table-container .activenow-form-class-description .activenow-form-description-text {
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
}

#activenow-table-container .activenow-form-class-description:has(.activenow-full-class) {
  padding-top: 24px;
  padding-bottom: 24px;
  text-align: center;
}

#activenow-table-container .activenow-form-class-description .activenow-full-class .activenow-form-description-header {
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.011em;
}

#activenow-table-container .activenow-form-class-description .activenow-full-class .activenow-form-description-subheader {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
}

#activenow-table-container .activenow-waiting-list-badge {
  display: inline-block;
  background-color: #F5E1E1;
  color: #CA101B;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.011em;
  line-height: 150%;
  padding: 4px 12px;
  margin: 0;
  margin-bottom: 10px;
  border-radius: 24px;
}

/* TAILWIND CONTEXT */
body[data-style-context="tailwind"] #activenow-table-container .activenow-form-class-description .activenow-form-description-header {
  color: #6541B0;
}

body[data-style-context="tailwind"] #activenow-table-container .activenow-form-class-description {
  background-color: #F9F6FE;
}

body[data-style-context="tailwind"] #activenow-table-container .activenow-form-class-description.additional-information .activenow-form-description-header {
  color: #1E1435;
}
/* TAILWIND CONTEXT END */

@supports(container-type: inline-size) {
  @container activenow-table-container (max-width: 768px) {
    #activenow-table-container #activenow-form-eventable-description-holder > .activenow-discount-code-holder {
      order: 3;
    }

    #activenow-table-container #activenow-form-eventable-description-holder > .additional-information {
      order: 2;
    }

    #activenow-table-container .activenow-form-class-description .activenow-full-class .activenow-form-description-header {
      font-size: 20px;
      line-height: 30px;
    }

    #activenow-table-container .activenow-form-class-description:has(.activenow-full-class) {
      text-align: left;
    }
  }
}

@supports not (container-type: inline-size) {
  @media (max-width: 768px) {
    #activenow-table-container #activenow-form-eventable-description-holder > .activenow-discount-code-holder {
      order: 3;
    }

    #activenow-table-container #activenow-form-eventable-description-holder > .additional-information {
      order: 2;
    }

    #activenow-table-container .activenow-form-class-description .activenow-full-class .activenow-form-description-header {
      font-size: 20px;
      line-height: 30px;
    }

    #activenow-table-container .activenow-form-class-description:has(.activenow-full-class) {
      text-align: left;
    }
  }
}

.activenow-table-row {
  padding: 24px;
  display: flex;
  justify-content: space-between;
  grid-column: 1/-1;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  height: auto;
  box-sizing: border-box;
}

.activenow-table-row.hidden {
  display: none;
}

.activenow-table-signup-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.activenow-table-signup {
  text-transform: uppercase;
  background-color: #2F69FD;
  border-radius: 4px;
  padding: 12px 16px;
  font-weight: 700;
  font-size: 12px;
  color: #FFF;
  border: none;
  width: -moz-fit-content;
  width: fit-content;
  transition: background-color 0.2s ease-in-out;
}

.activenow-table-signup:hover {
  background-color: #1E50E2;
  cursor: pointer;
}

@supports (grid-template-columns: subgrid) {
  .activenow-table-row {
    display: grid;
    grid-template-columns: subgrid;
  }
}

/* TAILWIND CONTEXT */
body[data-style-context="tailwind"] .activenow-table-container .activenow-table-signup {
  background-color: #6541B0;
}

body[data-style-context="tailwind"] .activenow-table-container .activenow-table-signup:hover {
  background-color: #7638F2;
}
/* TAILWIND CONTEXT END */

@container activenow-table-container (max-width: 768px) {
  .activenow-table-row {
    display: flex;
    flex-direction: column;
    height: auto;
    gap: 0;
  }

  .activenow-table-signup-container {
    margin-top: 16px;
    width: 100%;
  }

  .activenow-table-signup {
    width: 100%;
  }
}

@supports not (container-type: inline-size) {
  @media (max-width: 800px) {
    .activenow-table-row {
      display: flex;
      flex-direction: column;
      height: auto;
      gap: 0;
    }

    .activenow-table-signup-container {
      margin-top: 16px;
      width: 100%;
    }

    .activenow-table-signup {
      width: 100%;
    }
  }
}

.activenow-signup-form-step.hidden,
.activenow-signup-summary-step.hidden {
  display: none;
}

.activenow-breadcrumbs {
  --breadcrumb-height: 38px;
  --arrow-width: 12px;
  --arrow-separator-width: 2px;

  display: flex;
  width: 100%;
  overflow: hidden;
}

.activenow-breadcrumbs.hidden {
  display: none;
}

.activenow-breadcrumbs-content {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px 4px 12px;
  background: #919097;
  color: white;
  position: relative;
  cursor: default;
}

.activenow-breadcrumbs-content .activenow-breadcrumb-text {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
}

.activenow-breadcrumbs-content.active {
  background: #2E69FD;
  color: #fff;
}

.activenow-breadcrumbs-content.active.js-signup-table-crumb {
  cursor: pointer;
}

.activenow-breadcrumbs-content:not(:last-child)::before {
  content: '';
  position: absolute;
  right: calc(-1 * var(--arrow-width) - var(--arrow-separator-width));
  top: -4px;
  z-index: 2;
  border-top: calc(var(--breadcrumb-height) / 2) solid transparent;
  border-bottom: calc(var(--breadcrumb-height) / 2) solid transparent;
  border-left: var(--arrow-width) solid white;
}

.activenow-breadcrumbs-content:not(:last-child)::after {
  content: '';
  position: absolute;
  right: calc(-1 * var(--arrow-width));
  top: -4px;
  z-index: 3;
  border-top: calc(var(--breadcrumb-height) / 2) solid transparent;
  border-bottom: calc(var(--breadcrumb-height) / 2) solid transparent;
  border-left: var(--arrow-width) solid #919097;
}

.activenow-breadcrumbs-content.active:not(:last-child)::after {
  border-left-color: #2E69FD;
  visibility: visible;
}

#activenow-table-container button.activenow-table-step-button {
  font-family: "Open Sans";
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  gap: 2px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 10px;
  line-height: 18px;
  letter-spacing: 0.005em;
  color: #2E69FD;
  background-color: transparent;
  border: none;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  margin: 0;
  margin-left: -5px;
  margin-bottom: 24px;
  cursor: pointer;
  padding: 8px 0;
}

#activenow-table-container button.activenow-table-step-button .svg-icon {
  background-color: #2E69FD;
  margin: 0;
  flex-shrink: 0;
  height: 16px;
  width: 16px;
}

#activenow-table-container button.activenow-table-step-button:hover {
  text-decoration: underline;
}

/* TAILWIND CONTEXT */
body[data-style-context="tailwind"] .activenow-table-container .activenow-breadcrumbs {
  margin-left: 0;
  margin-right: 0;
}

body[data-style-context="tailwind"] .activenow-table-container .activenow-breadcrumbs-content.active,
body[data-style-context="tailwind"] #activenow-table-container button.activenow-table-step-button .svg-icon {
  background-color: #6541B0;
}

body[data-style-context="tailwind"] .activenow-table-container .activenow-breadcrumbs-content.active:not(:last-child)::after {
  border-left-color: #6541B0;
}

body[data-style-context="tailwind"] #activenow-table-container button.activenow-table-step-button {
  color: #6541B0;
}
/* TAILWIND CONTEXT END */

@container activenow-table-container (max-width: 768px) {
  .activenow-breadcrumbs {
    --mobile-position-offset: 5px;
    --mobile-container-padding: 16px;

    width: auto;
    margin-left: calc(-1 * var(--mobile-container-padding));
    margin-right: calc(-1 * var(--mobile-container-padding));
  }

  .activenow-breadcrumbs-content:not(:last-child)::before {
    right: calc(-1 * var(--arrow-width) - var(--arrow-separator-width) + var(--mobile-position-offset));
  }

  .activenow-breadcrumbs-content:not(:last-child)::after {
    right: calc(-1 * var(--arrow-width) + var(--mobile-position-offset));
  }

  .activenow-breadcrumbs-content .activenow-breadcrumb-text {
    font-size: 10px;
  }

  button.activenow-table-step-button {
    margin-bottom: 16px;
  }
}

@supports not (container-type: inline-size) {
  @media (max-width: 800px) {
    .activenow-breadcrumbs {
      --mobile-position-offset: 5px;
      --mobile-container-padding: 16px;

      width: auto;
      margin-left: calc(-1 * var(--mobile-container-padding));
      margin-right: calc(-1 * var(--mobile-container-padding));
    }

    .activenow-breadcrumbs-content:not(:last-child)::before {
      right: calc(-1 * var(--arrow-width) - var(--arrow-separator-width) + var(--mobile-position-offset));
    }

    .activenow-breadcrumbs-content:not(:last-child)::after {
      right: calc(-1 * var(--arrow-width) + var(--mobile-position-offset));
    }

    .activenow-breadcrumbs-content .activenow-breadcrumb-text {
      font-size: 10px;
    }

    button.activenow-table-step-button {
      margin-bottom: 16px;
    }
  }
}

#activenow-table-container .activenow-form-after-submit-class-section {
  --section-gap: 32px;

  display: flex;
  gap: var(--section-gap);
}

#activenow-table-container .activenow-form-after-submit-class-section > .activenow-form-after-submit-info,
#activenow-table-container .activenow-form-after-submit-class-section > #activenow-form-eventable-description-holder {
  width: calc(50% - var(--section-gap) / 2);
}

#activenow-table-container .activenow-form-after-submit-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: -0.005em;
  color: #1E1435;
}

#activenow-table-container .activenow-form-after-submit-info .activenow-form-after-submit-info-title {
  font-family: "Fira Sans";
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.011em;
}

#activenow-table-container .activenow-form-after-submit-info .activenow-form-after-submit-info-button {
  font-family: "Open Sans";
  display: block;
  box-sizing: border-box;
  width: 100%;
  background-color: #2E69FD;
  font-size: 12px;
  font-weight: 600;
  line-height: 150%;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  border: none;
  padding: 12px 24px;
  margin: 24px 0 0;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}

#activenow-table-container .activenow-form-after-submit-info .activenow-form-after-submit-info-button:hover {
  background-color: #0049FF;
}

#activenow-table-container .activenow-form-after-submit-info .activenow-form-after-submit-info-button:focus {
  outline: none;
  animation: activenow-signup-summary-button-focus 0.3s ease-in-out;
}

@keyframes activenow-signup-summary-button-focus {
  0% { background: #0049FF; }
  50% { background: #2554CA; }
  100% { background: #0049FF; }
}

@supports(container-type: inline-size) {
  @container activenow-table-container (max-width: 768px) {
    #activenow-table-container .activenow-form-after-submit-class-section {
      flex-direction: column;
    }

    #activenow-table-container .activenow-form-after-submit-class-section > .activenow-form-after-submit-info,
    #activenow-table-container .activenow-form-after-submit-class-section > #activenow-form-eventable-description-holder {
      width: 100%;
    }

    #activenow-table-container .activenow-form-after-submit-info {
      text-align: left;
    }
  }
}

@supports not (container-type: inline-size) {
  @media (max-width: 768px) {
    #activenow-table-container .activenow-form-after-submit-class-section {
      flex-direction: column;
    }

    #activenow-table-container .activenow-form-after-submit-class-section > .activenow-form-after-submit-info,
    #activenow-table-container .activenow-form-after-submit-class-section > #activenow-form-eventable-description-holder {
      width: 100%;
    }

    #activenow-table-container .activenow-form-after-submit-info {
      text-align: left;
    }
  }
}

.activenow-no-events-found.hidden {
  display: none
}

.activenow-no-events-found {
  font-weight: 400;
  margin-top: 32px;
}

.activenow-no-events-found-with-filters {
  font-weight: 400;
  margin-top: 32px;
}

.activenow-no-events-found-with-filters.hidden {
  display: none
}

.activenow-no-events-found:not(.hidden) + .activenow-no-events-found-with-filters {
  display: none;
}

.activenow-table-grid {
  display: grid;
  grid-template-columns: max-content 1.25fr repeat(calc(var(--activenow-table-grid-columns-count) - 2), 1fr) max-content;
  row-gap: 8px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  white-space: nowrap;
}

.activenow-table-grid.hidden {
  display: none;
}

.activenow-table-grid.activenow-table-grid-no-extra-columns {
  grid-template-columns: max-content 1.25fr max-content;
}

.activenow-table-day-header-container {
  grid-column: 1 / span 2;
}

.activenow-table-day-header {
  font-weight: 700;
  font-size: 16px;
  margin: 8px 0;
  text-transform: uppercase;
  width: -moz-fit-content;
  width: fit-content;
}

.activenow-table {
  display: contents;
}

.activenow-signup-table-step.hidden {
  display: none;
}

@supports(container-type: inline-size) {
  @container activenow-table-container (min-width: 768px) and (max-width: 900px) {
    .activenow-table-five-columns {
      grid-template-columns: max-content 1fr repeat(calc(var(--activenow-table-grid-columns-count) - 3), 1fr) max-content
    }

    .activenow-table-five-columns .activenow-table-column:nth-child(4) {
      display: none
    }
  }

  @container activenow-table-container (max-width: 768px) {
    .activenow-table-grid {
      display: flex;
      flex-direction: column;
    }
  }
}

@supports not (container-type: inline-size) {
  @media(min-width: 801px)and (max-width: 1050px) {
    .activenow-table-grid.activenow-table-five-columns {
      grid-template-columns: max-content 1fr repeat(calc(var(--activenow-table-grid-columns-count) - 3), 1fr) max-content
    }

    .activenow-table-five-columns .activenow-table-column:nth-child(4) {
      display: none
    }
  }

  @media(max-width: 800px) {
    .activenow-table-grid {
      display: flex;
      flex-direction: column
    }
  }
}