:root{--DropdownMenu-z-index:1;--DropdownMenu-onFocus-outlineColor:var(--color-focus-clarity)}.spui-DropdownMenu{width:fit-content;position:relative}.spui-DropdownMenu-menu{background-color:var(--color-surface-primary);box-sizing:border-box;width:256px;z-index:var(--DropdownMenu-z-index);border-radius:12px;margin:0;padding:12px 0;list-style:none;animation:.3s spui-DropdownMenu-fade-in;position:absolute;box-shadow:0 11px 28px #08121a1f}.spui-DropdownMenu-menu.is-fade-out{opacity:0;animation:.3s spui-DropdownMenu-fade-out}.spui-DropdownMenu-menu--topCenter,.spui-DropdownMenu-menu--topLeft,.spui-DropdownMenu-menu--topRight{margin-bottom:8px}.spui-DropdownMenu-menu--bottomCenter,.spui-DropdownMenu-menu--bottomLeft,.spui-DropdownMenu-menu--bottomRight{margin-top:8px}.spui-DropdownMenu-menu--bottomLeft,.spui-DropdownMenu-menu--topLeft{left:0}.spui-DropdownMenu-menu--bottomRight,.spui-DropdownMenu-menu--topRight{right:0}.spui-DropdownMenu-menu--rightBottom,.spui-DropdownMenu-menu--rightCenter,.spui-DropdownMenu-menu--rightTop{right:-264px}.spui-DropdownMenu-menu--leftBottom,.spui-DropdownMenu-menu--leftCenter,.spui-DropdownMenu-menu--leftTop{left:-264px}.spui-DropdownMenu-menu--leftTop,.spui-DropdownMenu-menu--rightTop{top:0}.spui-DropdownMenu-menu--leftBottom,.spui-DropdownMenu-menu--rightBottom{bottom:0}.spui-DropdownMenu-menuButton{background-color:var(--color-surface-primary);border:none;align-items:center;width:100%;font-size:1em;transition:background-color .3s;display:flex;position:relative}.spui-DropdownMenu-menu--text .spui-DropdownMenu-menuButton,.spui-DropdownMenu-menu--textWithIcon .spui-DropdownMenu-menuButton{padding:10px 16px}.spui-DropdownMenu-menu--headWithIcon .spui-DropdownMenu-menuButton{padding:16px}.spui-DropdownMenu-menu--headWithIconAndCaption .spui-DropdownMenu-menuButton{padding:14px 16px}.spui-DropdownMenu-menuButton:hover{background-color:var(--color-surface-secondary)}.spui-DropdownMenu-menuButton:focus-visible{outline:2px solid var(--DropdownMenu-onFocus-outlineColor);z-index:var(--DropdownMenu-z-index)}.spui-DropdownMenu-menuItem .spui-DropdownMenu-menuButton:before{background-color:var(--color-border-low-emphasis);content:"";width:calc(100% - 32px);height:1px;position:absolute;top:0}.spui-DropdownMenu-menuItem:first-child .spui-DropdownMenu-menuButton:before{height:0}.spui-DropdownMenu-iconContainer{color:var(--color-object-high-emphasis);margin-right:16px;font-size:1.5em;display:flex}.spui-DropdownMenu-textContainer{text-align:left}.spui-DropdownMenu-title{color:var(--color-text-high-emphasis);margin:0;font-size:1em;line-height:1.3}.spui-DropdownMenu-caption{color:var(--color-text-low-emphasis);margin:4px 0 0;font-size:.75em;line-height:1.4}@keyframes spui-DropdownMenu-fade-in{0%{opacity:0}to{opacity:1}}@keyframes spui-DropdownMenu-fade-out{0%{opacity:1}to{opacity:0}}@media screen and (max-width:768px){.spui-DropdownMenu-menu--rightBottom,.spui-DropdownMenu-menu--rightCenter,.spui-DropdownMenu-menu--rightTop{margin-top:8px;bottom:auto;left:0;top:auto!important}.spui-DropdownMenu-menu--leftBottom,.spui-DropdownMenu-menu--leftCenter,.spui-DropdownMenu-menu--leftTop{margin-top:8px;bottom:auto;left:auto;right:0;top:auto!important}}@media (prefers-reduced-motion:reduce){.spui-DropdownMenu-menu{animation:spui-DropdownMenu-fade-in}.spui-DropdownMenu-menu.is-fade-out{animation:spui-DropdownMenu-fade-out}}