.ys-select{position:relative;display:block}.ys-select__native{display:none}.ys-select__btn{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;cursor:pointer;text-align:left;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-s,.5rem);padding:.6rem .75rem;font:inherit;font-size:var(--text-s,.875rem);line-height:1.3;transition:border-color 0.15s ease,box-shadow 0.15s ease}.ys-select__btn:hover{border-color:color-mix(in srgb,var(--primary) 55%,var(--border))}.ys-select__btn[aria-expanded="true"],.ys-select__btn:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-20,color-mix(in srgb,var(--primary) 20%,transparent))}.ys-select__btn:disabled{opacity:.5;cursor:not-allowed}.ys-select__label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ys-select__caret{flex:0 0 auto;width:1rem;height:1rem;opacity:.7;transition:transform 0.2s ease}.ys-select__btn[aria-expanded="true"] .ys-select__caret{transform:rotate(180deg)}.ys-select__menu{position:absolute;z-index:50;top:calc(100% + 6px);left:0;right:0;min-width:100%;margin:0;padding:.3rem;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m,.75rem);box-shadow:0 16px 40px hsl(0 0% 0% / .45);max-height:16rem;overflow-y:auto}.ys-select__menu[hidden]{display:none}.ys-select__option{position:relative;padding:.5rem 1.6rem .5rem .6rem;border-radius:var(--radius-s,.4rem);font-size:var(--text-s,.875rem);color:var(--text-muted);cursor:pointer}.ys-select__option:hover,.ys-select__option.is-active{background:var(--primary-10,color-mix(in srgb,var(--primary) 10%,transparent));color:var(--text)}.ys-select__option.is-selected{color:var(--primary);font-weight:600}.ys-select__option.is-selected::after{content:"\2713";position:absolute;right:.6rem;top:50%;transform:translateY(-50%)}.ys-select--inline{display:inline-block}.ys-select--inline .ys-select__btn{width:auto;height:2rem;padding:0 .65rem;font-size:var(--text-xs,.75rem);border-radius:8px}.ys-select--inline .ys-select__menu{left:0;right:auto}.ys-select__label:has(.ys-select__flag),.ys-select__option:has(.ys-select__flag){display:inline-flex;align-items:center;gap:.4rem}.ys-select__option:has(.ys-select__flag){display:flex}.ys-select__flag{flex:none;width:1rem;height:.75rem;object-fit:cover;border-radius:1px}.ys-select__short{text-transform:uppercase;letter-spacing:.05em}