:root{--sm-radius: 8px;--sm-shadow: 0 10px 30px rgba(0, 0, 0, .08);--sm-border: #e5e7eb;--sm-text: #374151;--sm-text-strong: #111827;--sm-hover: #f9fafb;--sm-duration: .16s;--sm-ease: cubic-bezier(.16, 1, .3, 1);--sm-gap: 6px;--sm-item-h: 38px;--sm-border-hover: #d1d5db;--sm-transition: all var(--sm-duration) var(--sm-ease);--sm-focus-ring: 2px solid #3b82f6}.sm-item{position:relative}.sm-item:after,.sm-dropdown--nested:before{content:"";position:absolute}.sm-item:after{inset-inline:0;top:100%;height:12px}.sm-dropdown--nested:before{inset-block:0;width:12px}[dir=ltr] .sm-dropdown--nested:before{left:-12px}[dir=rtl] .sm-dropdown--nested:before{right:-12px}.sm-dropdown{position:absolute;top:100%;width:max-content;min-width:120px;max-width:300px;margin-top:var(--sm-gap);padding-block:1px;background:#fff;border:1px solid var(--sm-border);border-radius:var(--sm-radius);box-shadow:var(--sm-shadow);z-index:100;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity var(--sm-duration) var(--sm-ease),transform var(--sm-duration) var(--sm-ease),visibility 0s linear var(--sm-duration)}[dir=ltr] .sm-dropdown{left:0}[dir=rtl] .sm-dropdown{right:0}.sm-item:hover>.sm-dropdown,.sm-item:focus-within>.sm-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:none}.sm-dropdown--nested{top:-6px;margin-top:0}[dir=ltr] .sm-dropdown--nested{left:100%;margin-left:var(--sm-gap);transform:translate(-6px)}[dir=rtl] .sm-dropdown--nested{right:100%;margin-right:var(--sm-gap);transform:translate(6px)}.sm-item:hover>.sm-dropdown--nested,.sm-item:focus-within>.sm-dropdown--nested{transform:none}[dir=ltr] .sm-dropdown--nested.sm-flip{left:auto;right:100%;margin:0 var(--sm-gap) 0 0}[dir=rtl] .sm-dropdown--nested.sm-flip{right:auto;left:100%;margin:0 0 0 var(--sm-gap)}.sm-dropdown a,.sm-dropdown .sm-trigger{display:flex;align-items:center;justify-content:space-between;border-radius:6px;color:var(--sm-text);height:var(--sm-item-h);padding-inline:12px;font-weight:500;text-decoration:none;outline:none}.sm-dropdown a:hover,.sm-dropdown .sm-trigger:hover{background:var(--sm-hover);color:var(--sm-text-strong)}.sm-dropdown hr{border:0;border-top:1px solid var(--sm-border);margin:4px}[dir=rtl] .sm-dropdown .sm-chevron,[dir=rtl] .sm-item:hover>.sm-trigger>.sm-chevron,[dir=rtl] .sm-dropdown .sm-item>.sm-trigger>.sm-chevron{transform:rotate(180deg)}[dir=ltr] .sm-dropdown .sm-item>.sm-trigger>.sm-chevron{transform:none}
