#tracking-trigger
{
    DISPLAY: none;
}

#tracking
{
    ALIGN-ITEMS: center;
    BACKGROUND-COLOR: #000000;
    BOTTOM: 0;
    COLOR: #ffffff;
    DISPLAY: flex;
    FONT-SIZE: 18px;
    JUSTIFY-CONTENT: space-between;
    LEFT: 0;
    LINE-HEIGHT: 150%;
    MARGIN-LEFT: -15px;
    PADDING: 10px 17px 5px;
    POSITION: fixed;
    RIGHT: 0;
    Z-INDEX: 650;
    TRANSITION: transform 0.5s, -moz-transform 0.5s, -webkit-transform 0.5s;
    -MOZ-TRANSITION: transform 0.5s, -moz-transform 0.5s, -webkit-transform 0.5s;
    -WEBKIT-TRANSITION: transform 0.5s, -moz-transform 0.5s, -webkit-transform 0.5s;
}

#tracking > *
{
    MARGIN: 0 0 5px 15px;
}

#tracking-off,
#tracking A
{
    BORDER-BOTTOM: 1px dotted #ffffff;
    COLOR: #ffffff;
    DISPLAY: inline-block;
    TEXT-DECORATION: none;
}

#tracking-ok
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: none;
    COLOR: #000000;
    FONT-WEIGHT: bold;
    PADDING: 5px 20px;
    WHITE-SPACE: nowrap;
}

@keyframes tracking-hide
{
    from { OPACITY: 1; }
    to   { OPACITY: 1; }
}

#tracking-trigger:checked ~ #tracking
{
    OPACITY: 0;
    POINTER-EVENTS: none;
    ANIMATION: cookie-info-hide 0.5s;
    TRANSFORM: translateY(100%);
    -MOZ-TRANSFORM: translateY(100%);
    -WEBKIT-TRANSFORM: translateY(100%);
}

@media (max-width: 640px)
{
    #tracking
    {
        FLEX-WRAP: wrap;
        JUSTIFY-CONTENT: center;
    }
}