.brand-picker { margin: 26px 0 18px; min-width: 0; text-align: left; }
.brand-picker__brands, .brand-picker__offers { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.brand-picker__object { display: inline-flex; align-items: center; gap: 3px; max-width: 100%; }
.brand-picker .brand-picker__remove { display: grid; place-items: center; width: 28px; height: 32px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #777; font: 20px/1 Inter,sans-serif; cursor: pointer; }
.brand-picker .brand-picker__remove:hover { background: #eee; color: #111; }
.brand-picker__legacy { flex-basis: 100%; min-width: 0; }
.brand-picker__legacy > summary { cursor: pointer; }
.brand-picker .brand-picker__chip { appearance: none; min-height: 46px; max-width: 100%; padding: 12px 19px; border: 1px solid #d9d5cf; border-radius: 15px; background: #fff; color: #37332f; font: 600 14px/1.35 Inter, sans-serif; text-align: left; overflow-wrap: anywhere; cursor: pointer; transition: background-color 140ms ease, border-color 140ms ease; }
.brand-picker__brands .brand-picker__chip:not(.brand-picker__chip--add) { font-size: 19px; min-height: 55px; padding: 13px 24px; }
.brand-picker .brand-picker__chip.is-selected { color: #fff; background: #242321; border-color: #242321; }
.brand-picker__brands .brand-picker__chip.is-selected { box-shadow: inset 0 -3px #f9b34e; }
.brand-picker .brand-picker__chip--add { color: #746d64; border-style: dashed; background: transparent; font-size: 12px; font-weight: 500; }
.brand-picker .brand-picker__chip:disabled { opacity: .5; cursor: wait; }
.brand-picker .brand-picker__label { color: #746d64; margin: 19px 0 9px; font: 600 12px/1.5 Inter, sans-serif; }
.brand-picker .brand-picker__note { margin: 10px 0 0; color: #746d64; font: 400 12px/1.5 Inter, sans-serif; }
.brand-picker--composer { padding: 17px; margin: 0 0 22px; background: #f9f8f5; border: 1px solid #e6e1da; border-radius: 18px; }
.brand-picker--composer .brand-picker__label { margin-top: 0; }
.brand-picker .brand-picker__chip:focus-visible { outline: 3px solid #a47a3d; outline-offset: 3px; }
@media (hover: hover) { .brand-picker .brand-picker__chip:not(:disabled):not(.is-selected):hover { background: #efebe5; border-color: #a49b90; } }
@media (max-width: 600px) { .brand-picker { margin-top: 18px; } .brand-picker__brands { gap: 8px; } .brand-picker__brands .brand-picker__chip:not(.brand-picker__chip--add) { min-height: 50px; font-size: 17px; padding: 12px 18px; } .brand-picker .brand-picker__offers .brand-picker__chip { min-height: 42px; padding: 10px 13px; font-size: 12px; } .brand-picker .brand-picker__offers .brand-picker__chip--add { font-size: 11px; } }
@media (prefers-reduced-motion: reduce) { .brand-picker .brand-picker__chip { transition: none; } }
.brand-chat__family-choices { display: flex; flex-wrap: wrap; gap: 8px; }