.ex-stay-comparison {
  --cmp-ink: #203f33;
  --cmp-muted: #637363;
  --cmp-paper: #f8f6ee;
  --cmp-line: #dce2d5;
  width: min(1110px, calc(100vw - 44px));
  max-width: none;
  max-height: calc(100dvh - 44px);
  padding: 0;
  border: 1px solid #e5e9dc;
  border-radius: 19px;
  background: var(--cmp-paper);
  color: var(--cmp-ink);
  box-shadow: 0 28px 110px #071d1780;
  overflow: hidden;
  font: 14px/1.5 Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.ex-stay-comparison::backdrop {background: #0a241ccc;backdrop-filter: blur(8px);}
.ex-stay-comparison *, .ex-stay-comparison *::before, .ex-stay-comparison *::after {box-sizing: border-box;}
.ex-stay-comparison [hidden] {display: none !important;}
.ex-stay-comparison h2, .ex-stay-comparison h3, .ex-stay-comparison p {margin: 0;}
.ex-stay-comparison button, .ex-stay-comparison select {font: inherit;}
.ex-stay-comparison button {cursor: pointer;touch-action: manipulation;}
.ex-stay-comparison button:disabled {cursor: default;opacity: .48;}
.ex-stay-comparison :is(button, select, .ex-cmp-scroll):focus-visible {outline: 3px solid #9d752e;outline-offset: 3px;}
.ex-stay-comparison .ex-cmp-shell {display: flex;flex-direction: column;max-height: calc(100dvh - 44px);}
.ex-stay-comparison .ex-cmp-header {display: flex;align-items: flex-start;justify-content: space-between;gap: 24px;padding: 27px 29px 21px;flex: 0 0 auto;}
.ex-stay-comparison .ex-cmp-heading {min-width: 0;}
.ex-stay-comparison .ex-cmp-eyebrow {font-size: 10px;letter-spacing: .14em;text-transform: uppercase;color: #876b34;font-weight: 600;margin-bottom: 6px;}
.ex-stay-comparison .ex-cmp-heading h2 {font: 400 31px/1.1 Georgia, "Times New Roman", serif;letter-spacing: -.025em;}
.ex-stay-comparison .ex-cmp-intro {font-size: 12px;color: var(--cmp-muted);margin-top: 9px;}
.ex-stay-comparison .ex-cmp-icon {display: inline-flex;align-items: center;justify-content: center;width: 19px;height: 19px;flex: 0 0 auto;}
.ex-stay-comparison .ex-cmp-icon svg {width: 100%;height: 100%;}
.ex-stay-comparison .ex-cmp-close {display: inline-flex;align-items: center;justify-content: center;width: 42px;height: 42px;flex: 0 0 auto;border: 1px solid #ccd7c6;border-radius: 50%;background: transparent;color: var(--cmp-ink);}
.ex-stay-comparison .ex-cmp-close:hover {background: #e7ebdf;}
.ex-stay-comparison .ex-cmp-picker {display: grid;grid-template-columns: 1fr 1.45fr auto;align-items: end;gap: 13px;padding: 17px 29px;background: #edf0e5;border-block: 1px solid var(--cmp-line);}
.ex-stay-comparison .ex-cmp-field {display: flex;flex-direction: column;gap: 6px;min-width: 0;font-size: 11px;font-weight: 600;}
.ex-stay-comparison .ex-cmp-field select {min-width: 0;max-width: 100%;width: 100%;min-height: 43px;padding: 9px 30px 9px 12px;border: 1px solid #c7d1c0;border-radius: 7px;color: var(--cmp-ink);background: var(--cmp-paper);font-size: 13px;font-weight: 400;text-overflow: ellipsis;}
.ex-stay-comparison .ex-cmp-add {min-height: 43px;padding: 11px 17px;border: 1px solid #254d39;border-radius: 7px;background: #254d39;color: #fffef5;font-size: 12px;font-weight: 600;}
.ex-stay-comparison .ex-cmp-add:not(:disabled):hover {background: #386448;}
.ex-stay-comparison .ex-cmp-status {min-height: 38px;padding: 11px 29px 8px;font-size: 11px;color: var(--cmp-muted);flex: 0 0 auto;}
.ex-stay-comparison .ex-cmp-scroll-hint {display: none;}
.ex-stay-comparison .ex-cmp-scroll {overflow: auto;overscroll-behavior: contain;min-height: 90px;flex: 1 1 auto;padding: 0 15px;scrollbar-color: #a8b59a #edf0e6;scrollbar-width: thin;}
.ex-stay-comparison .ex-cmp-table {width: 100%;min-width: calc(142px + var(--comparison-columns) * 245px);table-layout: fixed;border-collapse: separate;border-spacing: 0;font-size: 12px;}
.ex-stay-comparison .ex-cmp-table th, .ex-stay-comparison .ex-cmp-table td {text-align: left;vertical-align: top;padding: 17px;border-bottom: 1px solid var(--cmp-line);overflow-wrap: anywhere;}
.ex-stay-comparison .ex-cmp-table td {border-left: 1px solid var(--cmp-line);}
.ex-stay-comparison .ex-cmp-table thead th {position: sticky;top: 0;z-index: 2;background: var(--cmp-paper);border-bottom-color: #c7d2bd;}
.ex-stay-comparison .ex-cmp-table .ex-cmp-label-column {width: 142px;position: sticky;left: 0;z-index: 3;font-size: 10px;font-weight: 600;color: var(--cmp-muted);padding-top: 24px;}
.ex-stay-comparison .ex-cmp-table .ex-cmp-row-label {position: sticky;left: 0;z-index: 1;background: var(--cmp-paper);font-size: 11px;font-weight: 600;color: var(--cmp-muted);}
.ex-stay-comparison .ex-cmp-table .ex-cmp-stay-heading {padding: 20px 48px 16px 17px;border-left: 1px solid var(--cmp-line);}
.ex-stay-comparison .ex-cmp-stay-heading h3 {font: 400 22px/1.13 Georgia, "Times New Roman", serif;letter-spacing: -.015em;}
.ex-stay-comparison .ex-cmp-location {font-size: 10px;font-weight: 400;color: var(--cmp-muted);margin-top: 8px;line-height: 1.45;}
.ex-stay-comparison .ex-cmp-record {display: block;font-size: 10px;font-weight: 400;color: var(--cmp-muted);margin-top: 5px;}
.ex-stay-comparison .ex-cmp-remove {position: absolute;top: 13px;right: 7px;width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;border: 0;border-radius: 50%;background: transparent;color: #71816a;}
.ex-stay-comparison .ex-cmp-remove:hover {background: #e7ebdf;color: #274633;}
.ex-stay-comparison .ex-cmp-remove .ex-cmp-icon {width: 16px;height: 16px;}
.ex-stay-comparison .ex-cmp-photo {display: block;position: relative;width: 100%;height: 176px;border: 0;border-radius: 8px;overflow: hidden;background: #e3e8da;padding: 0;color: #5e7659;}
.ex-stay-comparison .ex-cmp-photo img {display: block;width: 100%;height: 100%;object-fit: cover;opacity: 0;transition: opacity .2s;}
.ex-stay-comparison .ex-cmp-photo.is-loaded img {opacity: 1;}
.ex-stay-comparison .ex-cmp-photo-fallback {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 12px;font-size: 11px;font-weight: 400;}
.ex-stay-comparison .ex-cmp-photo-fallback .ex-cmp-icon {width: 32px;height: 32px;}
.ex-stay-comparison .ex-cmp-photo.is-loaded .ex-cmp-photo-fallback {visibility: hidden;}
.ex-stay-comparison .ex-cmp-photo-count {position: absolute;bottom: 8px;right: 8px;display: inline-flex;align-items: center;gap: 4px;padding: 5px 7px;border-radius: 5px;background: #17392dda;color: #fffdf0;font-size: 10px;font-weight: 400;}
.ex-stay-comparison .ex-cmp-photo-count .ex-cmp-icon {width: 13px;height: 13px;}
.ex-stay-comparison .ex-cmp-photo.is-unavailable .ex-cmp-photo-count {display: none;}
.ex-stay-comparison .ex-cmp-description {line-height: 1.7;}
.ex-stay-comparison .ex-cmp-text-button {display: inline-flex;align-items: center;gap: 4px;min-height: 36px;padding: 6px 0;border: 0;background: transparent;color: #355a37;font-size: 11px;font-weight: 600;text-decoration: underline;text-underline-offset: 4px;}
.ex-stay-comparison .ex-cmp-map {display: flex;align-items: flex-start;flex-direction: column;gap: 4px;}
.ex-stay-comparison .ex-cmp-coordinates {font-size: 11px;font-variant-numeric: tabular-nums;color: var(--cmp-muted);}
.ex-stay-comparison .ex-cmp-map .ex-cmp-icon {width: 15px;height: 15px;}
.ex-stay-comparison .ex-cmp-save {display: inline-flex;align-items: center;justify-content: center;min-height: 43px;padding: 9px 13px;border: 1px solid #a9bba0;border-radius: 7px;background: transparent;color: var(--cmp-ink);font-size: 11px;font-weight: 600;}
.ex-stay-comparison .ex-cmp-save[aria-pressed="true"] {background: #e4eadc;border-color: #8aa07c;}
.ex-stay-comparison .ex-cmp-save:hover {background: #e5ebdb;}
.ex-stay-comparison .ex-cmp-muted {color: var(--cmp-muted);}
.ex-stay-comparison .ex-cmp-footer {padding: 16px 29px 19px;flex: 0 0 auto;font-size: 10px;color: var(--cmp-muted);border-top: 1px solid var(--cmp-line);}
.ex-stay-comparison .ex-cmp-empty {display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;max-width: 440px;min-height: 245px;margin: 0 auto;padding: 30px 18px;gap: 13px;}
.ex-stay-comparison .ex-cmp-empty > .ex-cmp-icon {width: 37px;height: 37px;color: #8e9c72;}
.ex-stay-comparison .ex-cmp-empty h3 {font: 400 25px/1.15 Georgia, "Times New Roman", serif;}
.ex-stay-comparison .ex-cmp-empty p {font-size: 12px;line-height: 1.8;color: var(--cmp-muted);}
.ex-stay-comparison .ex-cmp-sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
@media (max-width: 650px) {
  .ex-stay-comparison {width: calc(100vw - 20px);max-height: calc(100dvh - 20px);border-radius: 13px;}
  .ex-stay-comparison .ex-cmp-shell {max-height: calc(100dvh - 20px);}
  .ex-stay-comparison .ex-cmp-header {padding: 19px 18px 16px;gap: 12px;}
  .ex-stay-comparison .ex-cmp-heading h2 {font-size: 26px;}
  .ex-stay-comparison .ex-cmp-intro {font-size: 11px;line-height: 1.6;}
  .ex-stay-comparison .ex-cmp-picker {grid-template-columns: 1fr 1fr;padding: 13px 18px;gap: 10px;}
  .ex-stay-comparison .ex-cmp-field select {font-size: 16px;min-height: 44px;}
  .ex-stay-comparison .ex-cmp-add {grid-column: 1 / -1;min-height: 44px;}
  .ex-stay-comparison .ex-cmp-status {padding: 9px 18px 6px;font-size: 11px;}
  .ex-stay-comparison .ex-cmp-scroll-hint {display: block;font-size: 10px;line-height: 1.5;color: var(--cmp-muted);padding: 0 18px 9px;}
  .ex-stay-comparison .ex-cmp-scroll {padding: 0 8px;}
  .ex-stay-comparison .ex-cmp-table {min-width: calc(104px + var(--comparison-columns) * 230px);}
  .ex-stay-comparison .ex-cmp-table .ex-cmp-label-column {width: 104px;}
  .ex-stay-comparison .ex-cmp-table th, .ex-stay-comparison .ex-cmp-table td {padding: 13px;}
  .ex-stay-comparison .ex-cmp-table .ex-cmp-stay-heading {padding-left: 13px;}
  .ex-stay-comparison .ex-cmp-stay-heading h3 {font-size: 20px;}
  .ex-stay-comparison .ex-cmp-remove {width: 44px;height: 44px;right: 0;top: 7px;}
  .ex-stay-comparison .ex-cmp-photo {height: 153px;}
  .ex-stay-comparison .ex-cmp-text-button {min-height: 44px;}
  .ex-stay-comparison .ex-cmp-footer {padding: 12px 18px;}
}
@media (max-height: 630px) {
  .ex-stay-comparison .ex-cmp-header {padding-block: 13px;}
  .ex-stay-comparison .ex-cmp-heading h2 {font-size: 24px;}
  .ex-stay-comparison .ex-cmp-intro {display: none;}
  .ex-stay-comparison .ex-cmp-picker {padding-block: 10px;}
  .ex-stay-comparison .ex-cmp-scroll-hint {display: none;}
  .ex-stay-comparison .ex-cmp-footer {padding-block: 10px;}
}
@media (prefers-reduced-motion: reduce) {
  .ex-stay-comparison *, .ex-stay-comparison *::before, .ex-stay-comparison *::after {animation: none !important;transition: none !important;}
}