:host{display:block}.onto-dropdown{position:relative;width:fit-content}.onto-dropdown.closed .onto-dropdown-menu{display:none}.onto-dropdown.open .onto-dropdown-button{background-color:var(--gw-button-primary-background);border-color:var(--gw-button-primary-border-color);color:var(--gw-button-primary-color)}.onto-dropdown.open .onto-dropdown-button .button-icon{color:var(--gw-button-primary-icon-color)}.onto-dropdown.open .onto-dropdown-button:hover{background-color:var(--gw-button-primary-hover-background);border-color:var(--gw-button-primary-hover-border-color);color:var(--gw-button-primary-hover-color)}.onto-dropdown .onto-dropdown-button{align-items:center;background-color:var(--gw-button-secondary-background);border:1px solid var(--gw-button-secondary-border-color);color:var(--gw-button-secondary-color);display:flex;flex-direction:row;font-size:1rem;font-weight:400;gap:.3em;line-height:1.5;outline:none;padding:.4em 1rem;transition:all .15s ease-out}.onto-dropdown .onto-dropdown-button .button-icon{color:var(--gw-button-secondary-icon-color)}.onto-dropdown .onto-dropdown-button .ri-arrow-down-s-line{font-size:1.1em;transition:all .2s ease-in}.onto-dropdown .onto-dropdown-button:hover{background-color:var(--gw-button-secondary-hover-background);border:1px solid var(--gw-button-secondary-hover-border-color);color:var(--gw-button-secondary-hover-color)}.onto-dropdown .onto-dropdown-menu{background-color:var(--gw-tieredmenu-background);border:1px solid var(--gw-tieredmenu-border-color);box-shadow:var(--gw-tieredmenu-shadow-1-offset-x) var(--gw-tieredmenu-shadow-1-offset-y) var(--gw-tieredmenu-shadow-1-blur) var(--gw-tieredmenu-shadow-1-spread) var(--gw-tieredmenu-shadow-1-color);color:var(--gw-tieredmenu-color);margin:0;max-height:340px;min-width:100%;overflow-y:auto;padding:0;position:absolute;z-index:1001}.onto-dropdown .onto-dropdown-menu-item{background-color:var(--gw-tieredmenu-background);border:none;color:var(--gw-tieredmenu-item-color);display:block;font-size:1rem;font-weight:400;outline:none;padding:.5em 1.2em;text-align:left;text-decoration:none;white-space:nowrap;width:100%}.onto-dropdown .onto-dropdown-menu-item:hover{background-color:var(--gw-tieredmenu-item-focus-background);color:var(--gw-tieredmenu-item-focus-color);cursor:pointer}.onto-dropdown .onto-dropdown-menu-item:hover .item-icon{transform:scale(1.2)}.onto-dropdown .onto-dropdown-button:hover{cursor:pointer}.onto-dropdown .onto-dropdown-button:hover .button-icon{transform:scale(1.2)}.onto-dropdown .onto-dropdown-option-icon{margin-right:.2em}.onto-dropdown .onto-dropdown-option-image-icon{margin-right:.4em}.onto-dropdown .onto-dropdown-right-item-alignment{left:auto;right:0}