.autocurr .autocurr-currency-trigger {
    appearance: none; display: inline; min-width: 0; min-height: 0; width: auto; height: auto; vertical-align: baseline; padding: 0; margin: 0; border: 0;
    background: transparent; color: inherit; font: inherit; line-height: inherit;
    letter-spacing: inherit; text-transform: none; text-decoration: none;
    border-radius: 0; box-shadow: none; cursor: pointer;
}
.autocurr-currency-trigger::after {
    content: "◈"; display: inline-block; position: relative; top: -.65em;
    font-size: .55em; line-height: 0; margin-left: .12em;
    color: inherit; opacity: .55;
}
.autocurr-currency-trigger:hover::after,
.autocurr-currency-trigger:focus-visible::after { opacity: .85; }
.autocurr .autocurr-currency-trigger:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.autocurr-currency-popover {
    position: fixed; z-index: 100000; box-sizing: border-box;
    width: 17rem; max-width: calc(100vw - 16px); max-height: calc(100vh - 16px);
    overflow: auto; padding: .75rem; border: 1px solid currentColor;
    background: Canvas; color: CanvasText; font: inherit;
}
.autocurr-currency-popover[hidden] { display: none; }
.autocurr-currency-popover input, .autocurr-currency-popover .autocurr-currency-choices {
    display: block; box-sizing: border-box; width: 100%; margin-bottom: .5rem; font: inherit;
}
.autocurr-currency-popover button { font: inherit; margin-right: .5rem; }

.autocurr-currency-choices { max-height: 12rem; overflow-y: auto; }
.autocurr-currency-choices button { display: block; width: 100%; text-align: start; margin: 0; }