.cookie-popup {
    background: #fff;
    bottom: 1rem;
    box-shadow: 0 0 12px rgba(0, 0, 0, .15);
    left: 1rem;
    right: 1rem;
    max-width: 480px;
    padding: 1.333333rem;
    position: fixed;
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .8s ease 0s;
    transition: -webkit-transform .8s ease 0s;
    -o-transition: transform .8s ease 0s;
    transition: transform .8s ease 0s;
    will-change: transform;
    z-index: 1000;
}

.cookie-popup a {
}

.cookie-popup a:hover {
    text-decoration: underline;
}

.cookie-popup h5 {
    margin-top: 0 !important;
    padding-top: 0;
}

.cookie-popup--uses-badge {
    bottom: .6rem;
    height: 2rem;
    padding: 0;
    -webkit-transition: all .24s ease-out;
    transition: all .24s ease-out;
    width: 6rem
}

.cookie-popup--uses-badge:hover {
    bottom: 2rem
}

.cookie-popup--uses-badge > form, .cookie-popup--uses-badge > h5, .cookie-popup--uses-badge > p {
    display: none
}

.cookie-popup--is-sticky {
    transform: translateY(0);
    transition: transform .8s ease 0s
}

.cookie-popup--uses-badge.cookie-popup--is-sticky {
    background: #ffffff;
    bottom: 1rem;
    height: auto;
    padding: 1.333333rem;
    width: 100%
}

.cookie-popup--uses-badge.cookie-popup--is-sticky:hover {
    bottom: 1rem
}

.cookie-popup--uses-badge.cookie-popup--is-sticky > form, .cookie-popup--uses-badge.cookie-popup--is-sticky > h5, .cookie-popup--uses-badge.cookie-popup--is-sticky > p {
    display: block
}

.cookie-popup.cookie-popup--uses-link {
    bottom: 0
}

.cookie-popup--is-sticky.cookie-popup--uses-link {
    transform: translateY(-1rem)
}

.cookie-popup > h5 {
    margin: 0
}

.cookie-popup > p {
    margin: .53333rem 0 0
}

.cookie-popup input[type=checkbox] {
    position: relative;
    display: inline-block;
    width: auto;
}

.cookie-popup input[type=checkbox] + label {
    color: #696a65;
    margin-right: .53333rem;
    white-space: nowrap
}

.cookie-popup input[type=checkbox] + label::before {
    height: 20px;
    line-height: 20px;
    width: 20px;
    margin-right: .26667rem
}

.cookie-popup input[type=checkbox] + label::before {
    content: "";
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8'%3e%3cpolygon points='9.53 0 4.4 5.09 1.47 2.18 0 3.64 2.93 6.54 4.4 8 5.87 6.54 11 1.46 9.53 0' fill='%23ff0000'/%3e%3c/svg%3e")
}

.btn.cookie-popup__save {
    padding: 12px 20px 14px;
}

.cookie-popup > form, .cookie-popup__save-wrapper {
    margin-top: 1.06667rem
}

.cookie-popup__save:active, .cookie-popup__save:hover {
    opacity: .85;
    cursor: pointer;
}

.cookie-popup-label {
    color: #ffffff;
    cursor: pointer;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    white-space: nowrap
}

.cookie-popup--is-sticky .cookie-popup-label {
    display: none
}

.cookie-popup a:active, .cookie-popup a:focus, .cookie-popup a:hover {
}

.post__entry a, .post__entry a:active, .post__entry a:focus, .post__entry a:hover {
}

.post__nav__link:hover h5 {
}

.footer__nav-item > a:active, .footer__nav-item > a:focus, .footer__nav-item > a:hover {
}

.cookie-popup, .cookie-popup__save {
}

.cookie-popup--uses-badge.cookie-popup--is-sticky {
    width: auto;
    height: 70px;
    overflow-y: hidden;
    transition: height 0.25s;
}

.cookie-popup--uses-badge.cookie-popup--is-sticky.maximized {
    height: 290px;
}

.cookie-popup--uses-badge.cookie-popup--is-sticky h5 {
    cursor: pointer;
    margin-bottom: 20px;
    font-size: 18px;
}

.cookie-popup--uses-badge.cookie-popup--is-sticky h5:after {
    position: relative;
    top: 2px;
    float: right;
    font-family: "FontAwesome";
    font-size: 14px;
    font-weight: 900;
    content: "\f077";
    transition: all 0.25s;
}

.cookie-popup--uses-badge.cookie-popup--is-sticky.maximized h5:after {
    transform: rotate(180deg);
}

.cookie-popup--uses-badge {
    width: auto;
}

@media (max-width: 575px) {

    .cookie-popup--uses-badge.cookie-popup--is-sticky.maximized {
        height: 350px;
    }

}
