.list-box{opacity:0;background:rgb(var(--colour-elevation-2,255, 255, 255));width:100%;max-width:24rem;box-shadow:0px 0px 0px 1px rgba(var(--colour-neutral-4,204, 204, 204), .24), 0px 4px 8px 0px rgba(var(--colour-static-black,17, 17, 17), .14);outline:1px solid rgba(var(--colour-neutral-7,17, 17, 17), .07);z-index:100;border-radius:8px;flex-direction:column;transition-property:opacity;transition-duration:.1s;transition-timing-function:cubic-bezier(.9,0,1,1);display:block;position:absolute;overflow:hidden}.list-box .list-view-item:hover{background-color:rgba(var(--colour-interactive-primary-bg-default,17, 17, 17), .05)}.list-box--open{opacity:1;transition:none}.list-box--closed{display:none}.list-box--top{bottom:100%}.list-box--right{right:0}.list-box__trigger{display:inline-block;position:relative}.list-box__trigger .list-box{width:max-content;margin-block:.5rem}.list-box__body{box-sizing:border-box;max-height:18rem;padding-block:.5rem;overflow:auto}.list-box__footer{border-top:1px rgb(var(--colour-neutral-3,223, 223, 223)) solid;grid-auto-columns:minmax(max-content,1fr);grid-auto-flow:column;gap:1rem;padding:1rem 1.5rem;display:grid}.list-box__group{padding:1rem 1.5rem .5rem;list-style-type:none}.menu-item{box-sizing:border-box;cursor:pointer;color:rgb(var(--colour-text-and-icon-1,17, 17, 17));justify-content:space-between;align-items:center;min-height:3rem;padding:.5rem 1.5rem;padding-inline-end:3.5rem;transition:background-color .2s ease-in-out;display:flex;position:relative}.menu-item:hover{background-color:rgb(var(--colour-neutral-3,223, 223, 223))}.menu-item--active,.menu-item:focus-visible{box-shadow:inset 0 0 0 2px rgb(var(--colour-neutral-7,17, 17, 17))}.menu-item--hidden{display:none}.menu-item__leading-content{flex-shrink:0;margin-inline-end:1rem}.menu-item__title{color:rgb(var(--colour-text-and-icon-1,17, 17, 17));flex-grow:1}.menu-item__trailing-content{color:rgb(var(--colour-text-and-icon-2,72, 72, 72));flex-shrink:0;margin-inline-start:1rem}.menu-item__selected-icon{position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.menu-item--disabled{pointer-events:none}.menu-item--disabled .menu-item__leading-content,.menu-item--disabled .menu-item__title,.menu-item--disabled .menu-item__trailing-content{color:rgb(var(--colour-interactive-disabled-1,204, 204, 204))}[dir=rtl] .menu-item__selected-icon{left:1rem;right:auto}