@keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}

@keyframes slide-up {
    0% {
        transform: translateY(110vh);
    }
    100% {
        transform: translateY(0);
    }
}

.fade-in {
    animation: fade-in 1s forwards;
}

.slide-up {
    animation: slide-up 1s forwards;
}

#cookieman-modal {
    position: fixed;
    inset: 0;
    background-color: rgba(0,0,0,0.3);
    z-index: calc(infinity);
}

#bannercontent {
    position: fixed;
    z-index: calc(infinity);

    animation: slide-up 1s forwards;

    max-height: 100dvh;
    overflow: scroll;
    overscroll-behavior: contain;
}

#bannercontent .modal-content {
    @media (min-width: 996px) {
        width: 66%;
    }

    margin-inline: auto;
    padding: 40px;
    border-radius: 8px 8px 0px 0px;

    background-color: white;

    box-shadow: 0px 1px 2px 0px #0000000F, 0px 1px 3px 0px #0000001A;
}

#bannercontent .checkbox-wrapper {
    text-align: right;
    margin: -25px 4px 5px 0;
}

#bannercontent .checkbox [type="checkbox"] {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    position: absolute;
    margin: 0;
    width: 24px;
    height: 24px;
}

#bannercontent .checkbox input ~ .cookieman-label-inactive {
    display: inline;
}

#bannercontent .checkbox input ~ .cookieman-label-active {
    display: none;
}

#bannercontent .checkbox :checked ~ .cookieman-label-inactive {
    display: none;
}

#bannercontent .checkbox :checked ~ .cookieman-label-active {
    display: inline;
}

#bannercontent .checkbox .cookieman-check-icon {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-right: 5px;
    position: relative;
    width: 24px;
    height: 24px;
    font-family: FontAwesome;
    font-size: 1.8em;
    color: #E55A05;
    margin-right: 0;
}

#bannercontent .checkbox .cookieman-check-block {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "\f0c8";
    border: 2px solid #E55A05;
    border-radius: 8px;
}

/* Cookie consent specific checkbox styling */
#cookieman-modal .form-check-input[type="checkbox"] {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0;
    vertical-align: middle;
    align-self: center;
}

#cookieman-modal .form-check {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

#cookieman-modal .form-check-label {
    margin-bottom: 0;
    line-height: 1.5rem;
    display: flex;
    align-items: center;
}

/* Uniform button width for cookie consent */
#cookieman-modal .d-flex.flex-column.gap-3 .btn,
#cookieman-modal .d-flex.flex-column.gap-3 .btn-outlined {
    width: 100%;
    min-width: 200px;
}