/* A26 Picker / Pop-up Choice · v1.0.0-alpha.0012 */
@layer a26.components {
  .a26-picker { display: grid; gap: 6px; color: var(--a26-text-primary); }
  .a26-picker__label { font: var(--a26-font-footnote); color: var(--a26-text-secondary); }
  .a26-picker__control { min-height: var(--a26-control-hit-min); display: flex; align-items: center; }
  .a26-picker select { width: 100%; min-height: var(--a26-picker-height); padding: 0 34px 0 12px; border: 1px solid var(--a26-text-field-border); border-radius: var(--a26-picker-radius); background: var(--a26-picker-bg); color: var(--a26-text-primary); font: var(--a26-font-callout); appearance: none; background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%); background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }
  .a26-picker select:focus-visible { outline: 3px solid color-mix(in srgb, var(--a26-focus-ring-color) 60%, transparent); outline-offset: 2px; }
}