@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.is-rail .xb-mobile-selection__group{display:flex;align-items:center;gap:12px;margin:20px 18px 6px;color:var(--xb-color-primary);font-size:14px;font-weight:700;letter-spacing:.04em;line-height:20px;text-transform:uppercase}
  .xb-mobile-selection.is-rail .xb-mobile-selection__group::before{display:block;flex:0 0 5px;inline-size:5px;block-size:26px;border-radius:1px;background:var(--xb-color-primary);content:""}
  .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)}
}