.brand-select{position:relative;display:inline-flex;min-width:0;font-family:Quicksand,sans-serif}.brand-select>select[hidden]{display:none}.brand-select-trigger{display:flex;align-items:center;gap:9px;border:0;padding:0;background:transparent;color:inherit;font:inherit}.brand-select-trigger::after{content:"";width:6px;height:6px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);margin:-3px 3px 0}.brand-select-menu{position:absolute;top:calc(100% + 12px);right:0;z-index:200;min-width:180px;max-height:55vh;overflow-y:auto;padding:6px;background:#fff;color:#242330;border:1px solid #eadfe6;border-radius:12px;box-shadow:0 12px 40px #24233020;font-family:Quicksand,sans-serif}.brand-select-menu[hidden]{display:none}.brand-select-menu button{display:block;min-width:100%;text-align:left;border:0;border-radius:7px;background:transparent;color:inherit;padding:9px 12px;white-space:nowrap;font:500 .9rem Quicksand,sans-serif}.brand-select-menu button:focus,.brand-select-menu button:hover,.brand-select-menu button[aria-selected=true]{background:#fbedf3;outline:none}.brand-select-menu button:disabled{opacity:.5}

.brand-select{width:100%}.brand-select-trigger{width:100%;justify-content:space-between;padding:8px 10px;border:1px solid var(--border,#eadfe6);border-radius:10px;font-size:inherit;background:var(--surface,#fff);color:inherit}.brand-select-menu{background:var(--surface,#fff);color:var(--text,#242330)}