.shop-locationswitcher {
    pointer-events: auto;

    dt {
        color: $color-primary;
        font-weight: 400;
        line-height: 1;
        font-size: rem(12px);
    }
    dd {
        color: $color-secondary;

        svg {
            display: inline-block;
            width: 14px;
            height: 14px;
            margin-right: 4px;

            @include bp (sm) {
                width: 18px;
                height: 18px;
            }
        }
        select {
            background: none;
            border: none;
            font-size: rem(18px);
            color: $color-secondary;
            font-family: $font-serif;
            cursor: pointer;
            appearance: none;

            @include bp (sm) {
                font-size: rem(24px);
            }
        }
    }

    // Overlaid
    &.is-over {
        dt {
            color: #fff;
        }
    }
}