@layer components{.dropdown-menu{position:relative}.dropdown-menu__trigger{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:.875rem;font-weight:600;transition:background-color .2s;&:hover{background:var(--color-hover)}}.dropdown-menu__trigger-icon{width:.875rem;height:.875rem}.dropdown-menu__panel{position:absolute;top:calc(100% + .25rem);min-width:10rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 20px 25px -5px rgb(0 0 0/10%),0 8px 10px -6px rgb(0 0 0/10%);padding:.25rem 0;z-index:50}.dropdown-menu__panel--left{left:0}.dropdown-menu__panel--right{right:0}.dropdown-menu__item{display:block;width:100%;padding:.5rem 1rem;border:0;background:transparent;color:var(--color-text);font-size:.75rem;font-weight:500;text-align:left;transition:background-color .2s;&:hover{background:var(--color-hover)}}.dropdown-menu__item--danger{color:var(--color-danger);&:hover{background:rgb(220 38 38/8%)}}}