/* [project]/src/components/events/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__FBDTDq__eventsPage .styles-module-scss-module__FBDTDq__th {
  font-weight: 800;
}

.styles-module-scss-module__FBDTDq__tabNav {
  border-bottom: 1px solid var(--chakra-colors-border);
  gap: 0;
  margin-bottom: 16px;
  display: flex;
}

.styles-module-scss-module__FBDTDq__tab {
  cursor: pointer;
  color: var(--chakra-colors-fg-muted);
  background: none;
  border: none;
  border-bottom: 2px solid #0000;
  padding: 12px 24px;
  font-size: .938rem;
  font-weight: 500;
  transition: color .2s, border-color .2s;
}

.styles-module-scss-module__FBDTDq__tab:hover {
  color: var(--chakra-colors-fg);
}

.styles-module-scss-module__FBDTDq__activeTab {
  color: var(--chakra-colors-fg);
  border-bottom-color: var(--color-brand-accent);
}

.styles-module-scss-module__FBDTDq__scrollToTop {
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  background: var(--chakra-colors-bg-panel);
  border: 1px solid var(--chakra-colors-border);
  transition: opacity .3s, transform .3s;
  position: fixed;
  bottom: 24px;
  right: 24px;
  transform: translateY(8px);
  box-shadow: 0 4px 12px #00000026;
}

.styles-module-scss-module__FBDTDq__scrollToTop.styles-module-scss-module__FBDTDq__visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

@media (max-width: 768px) {
  .styles-module-scss-module__FBDTDq__scrollToTop {
    bottom: calc(var(--nav-bar-height) + env(safe-area-inset-bottom, 0px) + 16px);
  }
}

/* [project]/src/components/common/page-title/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__y9O6Rq__pageTitle {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.styles-module-scss-module__y9O6Rq__pageTitle .styles-module-scss-module__y9O6Rq__titleWithBack {
  align-items: center;
  gap: 4px;
  display: flex;
}

.styles-module-scss-module__y9O6Rq__pageTitle .styles-module-scss-module__y9O6Rq__actions {
  align-items: center;
  height: fit-content;
}

@media (max-width: 768px) {
  .styles-module-scss-module__y9O6Rq__pageTitle .styles-module-scss-module__y9O6Rq__actions {
    gap: 4px;
  }

  .styles-module-scss-module__y9O6Rq__pageTitle .styles-module-scss-module__y9O6Rq__actions button {
    padding: 4px 8px;
    font-size: .75rem;
  }
}

@media (max-width: 480px) {
  .styles-module-scss-module__y9O6Rq__pageTitle {
    flex-direction: column;
    align-items: flex-start;
  }

  .styles-module-scss-module__y9O6Rq__pageTitle .styles-module-scss-module__y9O6Rq__actions {
    justify-content: flex-start;
    width: 100%;
  }
}

.styles-module-scss-module__y9O6Rq__h1 {
  padding: 32px 0 22px;
  font-size: 32px;
  font-weight: 600;
}

@media (max-width: 768px) {
  .styles-module-scss-module__y9O6Rq__h1 {
    padding: 16px 0 12px;
    font-size: 24px;
  }
}

.styles-module-scss-module__y9O6Rq__h2 {
  padding: 12px 0;
  font-size: 26px;
  font-weight: 600;
}

@media (max-width: 768px) {
  .styles-module-scss-module__y9O6Rq__h2 {
    padding: 8px 0;
    font-size: 20px;
  }
}

.styles-module-scss-module__y9O6Rq__h3 {
  padding: 8px 0;
  font-size: 20px;
  font-weight: 600;
}

@media (max-width: 768px) {
  .styles-module-scss-module__y9O6Rq__h3 {
    padding: 4px 0;
    font-size: 16px;
  }
}

/* [project]/src/components/events/components/search-bar/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__cDyRXG__searchBar {
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.styles-module-scss-module__cDyRXG__searchBar .styles-module-scss-module__cDyRXG__mobileSearchIcon {
  display: none;
}

.styles-module-scss-module__cDyRXG__searchBar .styles-module-scss-module__cDyRXG__search {
  width: 65%;
}

.styles-module-scss-module__cDyRXG__searchBar .styles-module-scss-module__cDyRXG__search input {
  border-radius: 32px;
}

.styles-module-scss-module__cDyRXG__searchBar .styles-module-scss-module__cDyRXG__actions {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  width: 35%;
  display: flex;
}

.styles-module-scss-module__cDyRXG__searchBar .styles-module-scss-module__cDyRXG__datePicker {
  align-items: center;
  gap: 4px;
  display: flex;
  position: relative;
}

.styles-module-scss-module__cDyRXG__searchBar .styles-module-scss-module__cDyRXG__dateInput {
  border: 1px solid var(--chakra-colors-border);
  background-color: var(--chakra-colors-bg-subtle);
  color: var(--chakra-colors-fg);
  cursor: pointer;
  border-radius: 32px;
  height: 32px;
  padding: 6px 12px;
  font-size: 14px;
}

.styles-module-scss-module__cDyRXG__searchBar .styles-module-scss-module__cDyRXG__dateInput:focus {
  border-color: var(--chakra-colors-border-emphasized);
  outline: none;
}

.styles-module-scss-module__cDyRXG__searchBar .styles-module-scss-module__cDyRXG__dateInput::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: .7;
}

.styles-module-scss-module__cDyRXG__searchBar .styles-module-scss-module__cDyRXG__clearDateButton {
  position: absolute;
  right: 28px;
}

.styles-module-scss-module__cDyRXG__searchBar.styles-module-scss-module__cDyRXG__compact {
  gap: 8px;
  width: auto;
}

.styles-module-scss-module__cDyRXG__searchBar.styles-module-scss-module__cDyRXG__compact .styles-module-scss-module__cDyRXG__search {
  width: auto;
}

.styles-module-scss-module__cDyRXG__searchBar.styles-module-scss-module__cDyRXG__compact .styles-module-scss-module__cDyRXG__search input {
  background-color: var(--chakra-colors-bg-subtle);
}

.styles-module-scss-module__cDyRXG__searchBar.styles-module-scss-module__cDyRXG__compact .styles-module-scss-module__cDyRXG__actions {
  width: auto;
}

@media (max-width: 768px) {
  .styles-module-scss-module__cDyRXG__searchBar {
    flex-direction: column;
    gap: 16px;
  }

  .styles-module-scss-module__cDyRXG__searchBar .styles-module-scss-module__cDyRXG__mobileSearchIcon {
    min-width: 44px;
    min-height: 44px;
    display: flex;
  }

  .styles-module-scss-module__cDyRXG__searchBar .styles-module-scss-module__cDyRXG__hiddenOnMobile {
    display: none;
  }

  .styles-module-scss-module__cDyRXG__searchBar .styles-module-scss-module__cDyRXG__search {
    width: 100%;
  }

  .styles-module-scss-module__cDyRXG__searchBar .styles-module-scss-module__cDyRXG__actions {
    justify-content: flex-start;
    width: 100%;
  }

  .styles-module-scss-module__cDyRXG__searchBar.styles-module-scss-module__cDyRXG__compact {
    flex-direction: row;
  }

  .styles-module-scss-module__cDyRXG__searchBar.styles-module-scss-module__cDyRXG__compact .styles-module-scss-module__cDyRXG__search, .styles-module-scss-module__cDyRXG__searchBar.styles-module-scss-module__cDyRXG__compact .styles-module-scss-module__cDyRXG__actions {
    width: auto;
  }
}

/* [project]/src/components/events/components/filter-popover/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__vAk7BW__desktopButton {
  display: flex;
}

@media (max-width: 768px) {
  .styles-module-scss-module__vAk7BW__desktopButton {
    display: none;
  }
}

.styles-module-scss-module__vAk7BW__mobileButton {
  min-width: 44px;
  min-height: 44px;
  display: none;
}

@media (max-width: 768px) {
  .styles-module-scss-module__vAk7BW__mobileButton {
    display: flex;
  }

  .styles-module-scss-module__vAk7BW__popoverPositioner {
    width: auto !important;
    left: 8px !important;
    right: 8px !important;
    top: calc(var(--nav-bar-height) + 8px) !important;
    transform: none !important;
  }
}

.styles-module-scss-module__vAk7BW__eventTypeGrid {
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
  display: grid;
}

@media (max-width: 768px) {
  .styles-module-scss-module__vAk7BW__distanceSection {
    display: none;
  }
}

/* [project]/src/components/events/components/sort-popover/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__joiWcG__desktopButton {
  display: flex;
}

@media (max-width: 768px) {
  .styles-module-scss-module__joiWcG__desktopButton {
    display: none;
  }
}

.styles-module-scss-module__joiWcG__mobileButton {
  min-width: 44px;
  min-height: 44px;
  display: none;
}

@media (max-width: 768px) {
  .styles-module-scss-module__joiWcG__mobileButton {
    display: flex;
  }
}

/* [project]/src/components/common/event-detail-rows/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__vB4m2q__detailRow {
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.styles-module-scss-module__vB4m2q__detailRow.styles-module-scss-module__vB4m2q__compact {
  gap: 6px;
}

.styles-module-scss-module__vB4m2q__detailIcon {
  color: var(--chakra-colors-fg-muted, #999);
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 18px;
}

.styles-module-scss-module__vB4m2q__detailIcon.styles-module-scss-module__vB4m2q__compactIcon {
  font-size: 14px;
}

.styles-module-scss-module__vB4m2q__descriptionText {
  white-space: pre-line;
  max-height: 150px;
  overflow-y: auto;
}

.styles-module-scss-module__vB4m2q__descriptionText.styles-module-scss-module__vB4m2q__fullHeight {
  max-height: none;
  overflow-y: visible;
}

.styles-module-scss-module__vB4m2q__linkText {
  color: var(--chakra-colors-blue-500, #3182ce);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  text-decoration: none;
  overflow: hidden;
}

.styles-module-scss-module__vB4m2q__linkText:hover {
  text-decoration: underline;
}

.styles-module-scss-module__vB4m2q__dateContent {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.styles-module-scss-module__vB4m2q__seeMoreDates {
  color: var(--chakra-colors-blue-500, #3182ce);
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  padding: 0;
  font-size: 12px;
}

.styles-module-scss-module__vB4m2q__seeMoreDates:hover {
  text-decoration: underline;
}

.styles-module-scss-module__vB4m2q__expandedDates {
  border-left: 2px solid var(--chakra-colors-border, #e2e8f0);
  flex-direction: column;
  gap: 4px;
  margin-left: 28px;
  padding-left: 8px;
  display: flex;
}

/* [project]/src/components/common/share-event-dialog/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__tn8w2q__buttonIcon {
  width: 16px;
  height: 16px;
}

.styles-module-scss-module__tn8w2q__overlay {
  z-index: 100;
  background: #00000080;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.styles-module-scss-module__tn8w2q__dialog {
  background: var(--chakra-colors-bg);
  border: 1px solid var(--chakra-colors-border);
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  max-height: 80vh;
  margin: 16px;
  display: flex;
}

.styles-module-scss-module__tn8w2q__dialogHeader {
  border-bottom: 1px solid var(--chakra-colors-border);
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  display: flex;
}

.styles-module-scss-module__tn8w2q__dialogTitle {
  color: var(--chakra-colors-fg);
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}

.styles-module-scss-module__tn8w2q__closeBtn {
  cursor: pointer;
  color: var(--chakra-colors-fg-muted);
  background: none;
  border: none;
  align-items: center;
  padding: 4px;
  display: flex;
}

.styles-module-scss-module__tn8w2q__closeBtn:hover {
  color: var(--chakra-colors-fg);
}

.styles-module-scss-module__tn8w2q__dialogContent {
  flex: 1;
  overflow-y: auto;
}

.styles-module-scss-module__tn8w2q__shareOptions {
  flex-direction: column;
  padding: 8px;
  display: flex;
}

.styles-module-scss-module__tn8w2q__shareOption {
  cursor: pointer;
  color: var(--chakra-colors-fg);
  text-align: left;
  background: none;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  padding: 12px;
  transition: background-color .15s;
  display: flex;
}

.styles-module-scss-module__tn8w2q__shareOption:hover {
  background-color: var(--chakra-colors-bg-muted);
}

.styles-module-scss-module__tn8w2q__optionIcon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.styles-module-scss-module__tn8w2q__optionLabel {
  font-size: .875rem;
  font-weight: 500;
}

.styles-module-scss-module__tn8w2q__backBtn {
  cursor: pointer;
  color: var(--chakra-colors-fg-muted);
  text-align: left;
  background: none;
  border: none;
  padding: 8px 16px;
  font-size: .875rem;
}

.styles-module-scss-module__tn8w2q__backBtn:hover {
  color: var(--chakra-colors-fg);
}

.styles-module-scss-module__tn8w2q__friendsList {
  flex-direction: column;
  display: flex;
}

.styles-module-scss-module__tn8w2q__friendItem {
  border-bottom: 1px solid var(--chakra-colors-border);
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  transition: background-color .15s;
  display: flex;
}

.styles-module-scss-module__tn8w2q__friendItem:last-child {
  border-bottom: none;
}

.styles-module-scss-module__tn8w2q__friendItem:hover {
  background-color: var(--chakra-colors-bg-muted);
}

.styles-module-scss-module__tn8w2q__friendInfo {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.styles-module-scss-module__tn8w2q__friendName {
  color: var(--chakra-colors-fg);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .875rem;
  font-weight: 500;
  overflow: hidden;
}

.styles-module-scss-module__tn8w2q__friendHandle {
  color: var(--chakra-colors-fg-muted);
  font-size: .75rem;
}

.styles-module-scss-module__tn8w2q__actionBtn {
  border: 1px solid var(--chakra-colors-border);
  cursor: pointer;
  color: var(--chakra-colors-fg);
  background: none;
  border-radius: 6px;
  flex-shrink: 0;
  margin-left: 8px;
  padding: 6px 12px;
  font-size: .75rem;
  font-weight: 500;
  transition: background-color .15s, border-color .15s;
}

.styles-module-scss-module__tn8w2q__actionBtn:hover {
  background-color: var(--chakra-colors-bg-muted);
  border-color: var(--chakra-colors-border-emphasized);
}

.styles-module-scss-module__tn8w2q__actionBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.styles-module-scss-module__tn8w2q__sentLabel {
  color: var(--chakra-colors-green-500);
  flex-shrink: 0;
  margin-left: 8px;
  font-size: .75rem;
  font-weight: 500;
}

.styles-module-scss-module__tn8w2q__emptyState, .styles-module-scss-module__tn8w2q__loadingState {
  text-align: center;
  color: var(--chakra-colors-fg-muted);
  padding: 32px 16px;
  font-size: .875rem;
}

/* [project]/src/components/events/components/events-display/card/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__MlqbuG__card {
  width: 100%;
}

.styles-module-scss-module__MlqbuG__coverImageContainer {
  width: 100%;
  height: 160px;
  position: relative;
  overflow: hidden;
}

.styles-module-scss-module__MlqbuG__coverImage {
  object-fit: cover;
}

.styles-module-scss-module__MlqbuG__placeholderImage {
  background-color: var(--chakra-colors-bg-muted, #f5f5f5);
  width: 100%;
  height: 100%;
  color: var(--chakra-colors-fg-muted, #999);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.styles-module-scss-module__MlqbuG__clubBadge {
  text-transform: uppercase;
  background: var(--chakra-colors-color-palette-solid);
  color: var(--chakra-colors-color-palette-contrast);
  border-radius: 4px;
  max-width: fit-content;
  margin-bottom: 4px;
  padding: 2px 6px;
  font-size: .625rem;
  font-weight: 600;
  display: inline-block;
}

/* [project]/src/components/maps/create-event-form/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__gNGz6W__form {
  flex-direction: column;
  max-height: 80vh;
  display: flex;
}

@media (max-width: 768px) {
  .styles-module-scss-module__gNGz6W__form {
    max-height: 100vh;
  }
}

.styles-module-scss-module__gNGz6W__formContent {
  flex: 1;
  padding: 16px 16px 24px;
  overflow-y: auto;
}

.styles-module-scss-module__gNGz6W__formContent input, .styles-module-scss-module__gNGz6W__formContent textarea, .styles-module-scss-module__gNGz6W__formContent select {
  color: var(--chakra-colors-fg) !important;
  background: #ffffff1a !important;
  border-color: #ffffff4d !important;
}

.styles-module-scss-module__gNGz6W__formContent input::placeholder, .styles-module-scss-module__gNGz6W__formContent textarea::placeholder, .styles-module-scss-module__gNGz6W__formContent select::placeholder {
  color: #ffffff80;
}

.styles-module-scss-module__gNGz6W__formContent input:focus, .styles-module-scss-module__gNGz6W__formContent textarea:focus, .styles-module-scss-module__gNGz6W__formContent select:focus {
  background: #ffffff26 !important;
  border-color: #d2ff00 !important;
}

.styles-module-scss-module__gNGz6W__formContent input option, .styles-module-scss-module__gNGz6W__formContent textarea option, .styles-module-scss-module__gNGz6W__formContent select option {
  background: var(--chakra-colors-bg-panel);
  color: var(--chakra-colors-fg);
}

.styles-module-scss-module__gNGz6W__formFooter {
  border-top: 1px solid var(--chakra-colors-border);
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  display: flex;
}

.styles-module-scss-module__gNGz6W__imageUpload {
  cursor: pointer;
  border: 2px dashed var(--chakra-colors-border);
  border-radius: 12px;
  width: 100%;
  transition: border-color .2s;
  display: block;
  overflow: hidden;
}

.styles-module-scss-module__gNGz6W__imageUpload:hover {
  border-color: var(--chakra-colors-fg-muted);
}

.styles-module-scss-module__gNGz6W__hiddenInput {
  display: none;
}

.styles-module-scss-module__gNGz6W__imagePlaceholder {
  color: var(--chakra-colors-fg-muted);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 32px;
  display: flex;
}

@media (max-width: 768px) {
  .styles-module-scss-module__gNGz6W__imagePlaceholder {
    padding: 16px;
  }
}

.styles-module-scss-module__gNGz6W__imagePreview {
  object-fit: cover;
  width: 100%;
  height: 180px;
  display: block;
}

.styles-module-scss-module__gNGz6W__checkboxLabel {
  cursor: pointer;
  align-items: center;
  gap: 8px;
  display: flex;
}

.styles-module-scss-module__gNGz6W__locationSearch {
  width: 100%;
  position: relative;
}

.styles-module-scss-module__gNGz6W__locationInputRow {
  align-items: center;
  gap: 8px;
  display: flex;
}

.styles-module-scss-module__gNGz6W__pinDropButton {
  white-space: nowrap;
  flex-shrink: 0;
}

.styles-module-scss-module__gNGz6W__locationResults {
  background: var(--chakra-colors-bg);
  border: 1px solid var(--chakra-colors-border);
  z-index: 10;
  border-radius: 6px;
  max-height: 200px;
  margin-top: 4px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow-y: auto;
}

.styles-module-scss-module__gNGz6W__locationResultItem {
  text-align: left;
  cursor: pointer;
  width: 100%;
  color: inherit;
  background: none;
  border: none;
  padding: 8px 12px;
  font-size: 14px;
  display: block;
}

.styles-module-scss-module__gNGz6W__locationResultItem:hover {
  background: var(--chakra-colors-bg-subtle);
}

.styles-module-scss-module__gNGz6W__locationResultItem + .styles-module-scss-module__gNGz6W__locationResultItem {
  border-top: 1px solid var(--chakra-colors-border);
}

.styles-module-scss-module__gNGz6W__openingHoursRow {
  align-items: center;
  gap: 8px;
  display: flex;
}

.styles-module-scss-module__gNGz6W__dayLabel {
  flex-shrink: 0;
  min-width: 80px;
}

.styles-module-scss-module__gNGz6W__timeInputs {
  flex: 1;
  align-items: center;
  gap: 4px;
  display: flex;
}

.styles-module-scss-module__gNGz6W__closedText {
  flex: 1;
}

.styles-module-scss-module__gNGz6W__closedToggle {
  cursor: pointer;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  display: flex;
}

.styles-module-scss-module__gNGz6W__waypointList {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.styles-module-scss-module__gNGz6W__waypointItem {
  background: var(--chakra-colors-bg-subtle);
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
}

.styles-module-scss-module__gNGz6W__waypointIcon {
  color: var(--chakra-colors-fg-muted);
  flex-shrink: 0;
}

.styles-module-scss-module__gNGz6W__waypointName {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.styles-module-scss-module__gNGz6W__waypointRemove {
  color: var(--chakra-colors-fg-muted);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
}

.styles-module-scss-module__gNGz6W__waypointRemove:hover {
  background: var(--chakra-colors-bg);
  color: var(--chakra-colors-fg-error);
}

.styles-module-scss-module__gNGz6W__waypointSearch {
  flex-direction: column;
  gap: 8px;
  display: flex;
  position: relative;
}

.styles-module-scss-module__gNGz6W__waypointButtons {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.styles-module-scss-module__gNGz6W__customDatesList {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.styles-module-scss-module__gNGz6W__customDateItem {
  background: var(--chakra-colors-bg-subtle);
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  display: flex;
}

.styles-module-scss-module__gNGz6W__customDateRemove {
  color: var(--chakra-colors-fg-muted);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
}

.styles-module-scss-module__gNGz6W__customDateRemove:hover {
  background: var(--chakra-colors-bg);
  color: var(--chakra-colors-fg-error);
}

.styles-module-scss-module__gNGz6W__customDateAdd {
  align-items: center;
  gap: 8px;
  display: flex;
}

/* [project]/src/components/image-position-editor/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__qn8tMW__overlay {
  z-index: 1000;
  background: #000c;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex;
  position: fixed;
  inset: 0;
}

.styles-module-scss-module__qn8tMW__modal {
  background: var(--chakra-colors-bg);
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  max-width: 600px;
  max-height: 90vh;
  display: flex;
  overflow: hidden;
}

.styles-module-scss-module__qn8tMW__header {
  border-bottom: 1px solid var(--chakra-colors-border);
  padding: 16px;
}

.styles-module-scss-module__qn8tMW__cropContainer {
  background: #000;
  width: 100%;
  height: 300px;
  position: relative;
}

@media (max-width: 768px) {
  .styles-module-scss-module__qn8tMW__cropContainer {
    height: 250px;
  }
}

.styles-module-scss-module__qn8tMW__controls {
  border-bottom: 1px solid var(--chakra-colors-border);
  padding: 16px;
}

.styles-module-scss-module__qn8tMW__zoomControl {
  align-items: center;
  gap: 12px;
  display: flex;
}

.styles-module-scss-module__qn8tMW__zoomSlider {
  appearance: none;
  background: var(--chakra-colors-border);
  cursor: pointer;
  border-radius: 2px;
  flex: 1;
  height: 4px;
}

.styles-module-scss-module__qn8tMW__zoomSlider::-webkit-slider-thumb {
  appearance: none;
  background: var(--chakra-colors-primary-500);
  cursor: pointer;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

.styles-module-scss-module__qn8tMW__zoomSlider::-moz-range-thumb {
  background: var(--chakra-colors-primary-500);
  cursor: pointer;
  border: none;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

.styles-module-scss-module__qn8tMW__footer {
  justify-content: flex-end;
  gap: 8px;
  padding: 16px;
  display: flex;
}

/*# sourceMappingURL=src_components_0thtyf-._.css.map*/