/* Generated from ui/styles/event-pricing.css. Edit the source, then npm run build:styles. */

.ep-backdrop { position: fixed; inset: 0; display: grid; overflow-y: auto; place-items: center; padding: var(--ui-dialog-gutter); background: var(--ui-backdrop); backdrop-filter: none; z-index: var(--ui-layer-index,var(--ui-layer-dialog)); }
.ep-dialog { width: min(720px, 100%); overflow: auto; color: var(--ui-color-ink); outline: none; max-height: calc(100dvh - 2 * var(--ui-dialog-gutter)); background: var(--ui-surface-light); border-radius: var(--ui-radius-card); border: var(--ui-border-default); box-shadow: var(--ui-shadow-dialog); font: var(--ui-type-body); letter-spacing: normal; }
.ep-dialog__head { display: flex; align-items: start; justify-content: space-between; border-bottom: 1px solid var(--ui-color-line); gap: var(--ui-group-gap); padding: var(--ui-dialog-inset); }
.ep-dialog__head span { display: block; margin-bottom: var(--ui-space-7); color: var(--ui-color-accent); text-transform: uppercase; font: var(--ui-type-eyebrow); letter-spacing: .08em; }
.ep-dialog__head h2 { margin: 0; font: var(--ui-type-dialog); letter-spacing: -.015em; }
.ep-dialog__head p { max-width: 520px; margin: var(--ui-space-11) 0 0; color: var(--ui-paint-e66ca95bb5); font: var(--ui-type-support); letter-spacing: normal; }
.ep-dialog__close { display: grid; flex: 0 0 48px; place-items: center; }
.ep-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--ui-group-gap); padding: var(--ui-dialog-inset); }
.ep-form label, .ep-field { position: relative; display: grid; min-width: 0; color: var(--ui-paint-e66ca95bb5); gap: var(--ui-field-gap); font: var(--ui-type-label); letter-spacing: normal; }
.ep-form input:not([type="hidden"]) { font: var(--ui-type-field-compact); letter-spacing: normal; }
.ep-address__control { position: relative; display: block; }
.ep-address__control input { padding-right: var(--ui-space-54) !important; }
.ep-address__clear { position: absolute; top: 50%; right: 11px; display: grid; width: 32px; height: 32px; place-items: center; padding: 0; color: var(--ui-paint-ee0c81e123); background: transparent; border: 0; border-radius: var(--ui-radius-round); cursor: pointer; transform: translateY(-50%); transition: color .18s ease, background-color .18s ease, opacity .18s ease; }
.ep-address__clear:hover { color: var(--ui-color-ink); background: var(--ui-paint-750290dfa3); }
.ep-address__clear:focus-visible { color: var(--ui-color-ink);   }
.ep-address__control input:placeholder-shown + .ep-address__clear { visibility: hidden; opacity: 0; pointer-events: none; }
.ep-select { position: relative; }
.ep-select.is-open { z-index: 6; }
.ep-select__trigger { display: flex; width: 100%; min-height: 54px; align-items: center; justify-content: space-between; gap: var(--ui-space-16); padding: 0 var(--ui-space-10) 0 var(--ui-space-15); color: var(--ui-color-ink); background: var(--ui-color-surface); border: 1px solid var(--ui-color-line); border-radius: var(--ui-radius-13); cursor: pointer; text-align: left; }
.ep-select__trigger > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: var(--ui-type-field-compact); letter-spacing: normal; }
.ep-select__trigger i { position: relative; width: 34px; height: 34px; flex: 0 0 34px; background: transparent; border: 0; border-radius: var(--ui-radius-round); transition: background-color .2s ease,border-color .2s ease; }
.ep-select.is-open .ep-select__trigger { border-color: var(--ui-color-ink); border-radius: var(--ui-radius-13); }
.ep-select.is-open .ep-select__trigger i { background: transparent; border: 0; }
.ep-select__menu { position: absolute; top: calc(100% + 8px); right: 0; left: 0; z-index: 7; display: grid; max-height: 264px; overflow-y: auto; gap: var(--ui-space-6); padding: var(--ui-space-8); background: var(--ui-color-surface); border: 1px solid var(--ui-color-ink); border-radius: var(--ui-radius-control); box-shadow: var(--ui-shadow-menu); }
.ep-select__menu[hidden] { display: none; }
.ep-select__menu button { display: block; width: 100%; padding: var(--ui-space-12); color: var(--ui-paint-e66ca95bb5); background: transparent; border: 1px solid transparent; border-radius: var(--ui-radius-10); cursor: pointer; text-align: left; font: var(--ui-type-field); letter-spacing: normal; }
.ep-select__menu button:hover, .ep-select__menu button[aria-selected="true"] { color: var(--ui-color-ink); background: var(--ui-paint-750290dfa3); }
.ep-select__menu button[aria-selected="true"] { border-color: var(--ui-color-line); }
.ep-select.is-drop-up .ep-select__trigger { border-radius: var(--ui-radius-13); }
.ep-select.is-drop-up .ep-select__menu { top: auto; bottom: calc(100% + 8px); border-radius: var(--ui-radius-control); box-shadow: var(--ui-shadow-menu); }
.ep-form__wide, .ep-form__error, .ep-form footer { grid-column: 1 / -1; }
.ep-address small { min-height: 20px; font: var(--ui-type-caption); letter-spacing: normal; }
.ep-suggestions { position: absolute; top: calc(100% - 17px); left: 0; right: 0; z-index: 4; display: none; overflow: hidden; background: var(--ui-color-surface); border: 1px solid var(--ui-color-line); border-radius: var(--ui-radius-control); box-shadow: var(--ui-shadow-menu); }
.ep-suggestions.is-open { display: grid; }
.ep-suggestions > p { margin: 0; padding: var(--ui-space-10) var(--ui-space-15) var(--ui-space-7); color: var(--ui-paint-e66ca95bb5); font: var(--ui-type-caption); letter-spacing: normal; }
.ep-suggestions button { display: grid; gap: var(--ui-space-2); padding: var(--ui-space-13) var(--ui-space-15); color: var(--ui-color-ink); background: transparent; border: 0; border-bottom: 1px solid var(--ui-paint-668d4c69fd); cursor: pointer; text-align: left; font: var(--ui-type-field-compact); letter-spacing: normal; }
.ep-suggestions button span { font-weight: var(--ui-font-weight-400); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ep-suggestions button small { overflow: hidden; color: var(--ui-paint-e66ca95bb5); text-overflow: ellipsis; white-space: nowrap; font: var(--ui-type-caption); letter-spacing: normal; }
.ep-suggestions button:last-child { border-bottom: 0; }
.ep-suggestions button:hover { background: var(--ui-paint-750290dfa3); }
.ep-form__error { min-height: 22px; margin: 0; color: var(--ui-paint-13c05f54c3); font: var(--ui-type-error); letter-spacing: normal; }
.ep-form footer { display: grid; grid-template-columns: minmax(130px,.45fr) minmax(220px,1fr); gap: var(--ui-control-gap); }

@media (max-width: 600px) {
  .ep-backdrop { align-items: end; }
  .ep-dialog__close { flex-basis: 44px; }
  .ep-form { grid-template-columns: 1fr; }
  .ep-form__wide, .ep-form__error, .ep-form footer { grid-column: auto; }
  .ep-form footer { grid-template-columns: 1fr; }
  .ep-button--primary { grid-row: 1; }
}