@import colors

.pool-navigator-container
    padding: 0 0.50em 0 0.50em
    margin: 0 auto

    .pool-info-wrapper
        box-sizing: border-box
        width: 100%
        max-width: 40em
        margin: 0 0 1em 0
        display: flex
        padding: 0.5em 1em
        border: 1px solid $pool-navigator-border-color
        background: $pool-navigator-background-color
        &.active
            font-weight: bold

        .pool-name
            flex: 1 1;
            text-align: center;
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;

        .prev, .next
            flex: 0 1;
            margin: 0 .25em;
            white-space: nowrap;


.darktheme .pool-navigator-container
    background: $pool-navigator-header-background-color-darktheme