@media (max-width: 767px) {
  .xb-mobile-selection{display:grid;min-height:0;gap:12px}
  .xb-mobile-selection__search{box-sizing:border-box;width:calc(100% - 16px);min-height:48px;margin-inline:auto;padding:0 16px;border:1px solid var(--xb-color-outline-variant);border-radius:16px;background:var(--xb-color-surface);color:var(--xb-color-on-surface);font:inherit}
  .xb-mobile-selection__options{display:grid;gap:4px}
  .xb-mobile-selection__group{margin:16px 18px 4px;color:var(--xb-color-on-surface-variant);font-size:14px;font-weight:700;line-height:20px}
  .xb-mobile-selection__option{display:flex;width:100%;min-height:56px;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border:0;border-radius:16px;background:transparent;color:var(--xb-color-on-surface);font-size:16px;font-weight:500;line-height:22px;text-align:left}
  .xb-mobile-selection__option.is-selected{background:var(--xb-color-primary-container);color:var(--xb-color-on-primary-container)}
  .xb-mobile-selection__option svg{flex:0 0 24px;width:24px;height:24px}
  .xb-mobile-selection__empty{margin:24px 18px;color:var(--xb-color-on-surface-variant)}
  .xb-mobile-date-picker{display:grid;width:calc(100% - 24px);max-width:520px;margin-inline:auto;gap:8px}
  .xb-mobile-date-picker__navigation{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px}
  .xb-mobile-date-picker__navigation button,.xb-mobile-date-picker__today{min-height:44px;border:0;border-radius:14px;background:transparent;color:var(--xb-color-primary)}
  .xb-mobile-date-picker__navigation strong{color:var(--xb-color-on-surface);font-size:18px;line-height:24px;text-align:center}
  .xb-mobile-date-picker__calendar .flatpickr-calendar{width:100%;max-width:none;background:var(--xb-color-surface-container-high);color:var(--xb-color-on-surface);box-shadow:none}
  .xb-mobile-date-picker__calendar .flatpickr-months{display:none}
  .xb-mobile-date-picker__calendar .flatpickr-rContainer,.xb-mobile-date-picker__calendar .flatpickr-days,.xb-mobile-date-picker__calendar .dayContainer{width:100%;max-width:none}
  .xb-mobile-date-picker__calendar .flatpickr-day{max-width:none;color:var(--xb-color-on-surface);border-color:transparent}
  .xb-mobile-date-picker__calendar .flatpickr-day.selected{background:var(--xb-color-primary);border-color:var(--xb-color-primary);color:var(--xb-color-on-primary)}
}