@font-face {
    font-family: 'NotoSans-Bold';
    src: url('../font/NotoSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'NotoSans-Medium';
    src: url('../font/NotoSans-Medium.ttf') format('truetype');
}

/* Class for the original sticky bar (position: fixed at bottom) */
.pagelocator--desktop-bottom--sticky {
    position: fixed !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 45 !important;
}

/* Class for bars that should NOT be sticky (position: static) */
.pagelocator--desktop-bottom--static {
    position: static !important;
}

/* Class to hide the original sticky bar when it overlaps with cloned bar */
.pagelocator--desktop-bottom--hidden {
    display: none !important;
}

.pagelocator__header__title {
    font-family: 'NotoSans-Bold';
    margin-bottom: 4px;
}
.pagelocator__header__text span {
    font-family: 'NotoSans-Medium';
}
.pagelocator--desktop-bottom--visible {
    border-top: 2px solid #CE0058;
}

.pagelocator--desktop-bottom .pagelocator__header {
    display: flex;
    overflow: hidden;

    max-height: 0;

    -webkit-transition: max-height 200ms ease-in;
       -moz-transition: max-height 200ms ease-in;
        -ms-transition: max-height 200ms ease-in;
         -o-transition: max-height 200ms ease-in;
            transition: max-height 200ms ease-in;
}

.pagelocator--desktop-bottom .pagelocator__header--action {
    max-height: 200px;
}

.pagelocator--desktop-bottom .pagelocator__header__current {
    padding-right: 12px;
    padding-left: 0;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    flex-basis: 0;
    -webkit-flex-basis: 0;
    align-self: center;
}

.pagelocator--desktop-bottom .pagelocator__action {
    padding: 12px 0;
    display: block;
}