.root
    font: var(--font-size-sm)/var(--line-height-sm) var(--font-primary)
    margin: var(--spacing-xs) 0
    background: var(--color-back)
    border-radius: 2em
    border: 1px solid var(--color-subtle)
    padding-right: 1em
    display: inline-flex
    max-width: 300px

.input
    font: inherit
    background: transparent
    padding: 0.5em 1em
    margin: 0 0 0.25rem 0.25rem
    flex: 100%

.button
    font: bold var(--font-size-lg)/var(--line-height-md) var(--font-secondary)
    text-transform: uppercase
    color: var(--color-theme)
    white-space: nowrap
