.cookie-bar { display: flex; flex-direction: column; gap:20px; justify-content: center; align-items: center; padding: 40px; position: fixed; 
    z-index: 100000000; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 20px; box-sizing: border-box; background: #fff;}

.cookie-bar>p { margin: 0 auto 0 0; padding: 0; font-size: 14px; }
.cookie-mini { position: fixed; z-index: 100000; bottom: 0; left: 0; width: 50px; height: 50px; border-radius: 0 50px 0 0; background: #303b42 url(../images/cookies/cog-white.svg) no-repeat left 7px bottom 7px; box-shadow: 0px 0px 8px #00000029; background-size: 50%; }

.cookie-bar h4{font-size: 36px; color: #252626; font-weight: bold; display: flex; align-items: center; gap:7px; padding: 0;}
.cookie-bar h4::before{content: ""; height: 30px; width: 30px; background: url(../images/cookies/bx-cookie.svg) center no-repeat;}
.cookie-bar p{font-size: 20px; color: #707070; line-height: 27px; text-align: center;}
.cookie-bar .cookie-buttons{display: flex; gap:20px;}
.cookie-bar .cookie-buttons a{font-size: 14px; font-weight: bold; padding:10px 25px; border: 1px solid; border-radius: 3px;}
.cookie-bar .cookie-buttons a.cookies-accept-all{color: #303B42; border-color:#C4D82D; background:#C4D82D; }
.cookie-bar .cookie-buttons a.cookies-close{border-color: #959594; color: #959594; }
.cookie-bar .cookie-buttons a.cookies-settings{border-color: #959594; color: #959594; display: flex; align-items: center; gap:8px;} 
.cookie-bar .cookie-buttons a.cookies-settings::before{content: ""; height: 18px; width: 18px; background: url(../images/cookies/cog.svg) no-repeat center; }

.cookie-window-overlay { position: absolute; top: 0; left: 0; right: 0; min-height: 100%; background: rgba(12, 35, 76, .5); z-index: 1000000001; display: none; }
.cookie-window-overlay-no-settings { position: fixed; top: 0; left: 0; right: 0; min-height: 100%; background: rgba(0, 0, 0, .7); z-index: 10000000; display: none; }
.cookie-window-overlay.active { display: flex; }
.cookie-window { width: 0px; background: #fff; height: 100%; box-shadow: 3px -3px 8px rgba(0, 0, 0, 0.16); transition: all 0.3s ease-in-out; }
.cookie-window a { color: #303b42; }
.cookie-window-overlay.active .cookie-window { width: 380px; }
.cookie-back { font-size: 14px; font-weight: bold; }
.cookie-header { background: #fff; border-bottom: 1px solid #303b42; display: flex; position: relative; align-items: center; justify-content: center; height: 80px; }
.cookie-header a { display: block; width: 30px; height: 30px; background: url(../images/cookies/times-solid.svg) no-repeat center; background-size: 50%; position: absolute; top: 10px; right: 10px; }
.cookie-body { padding: 10px; }
.cookie-h1 { font-weight: bold; font-size: 20px; line-height: 40px; }
.cookie-body p { font-size: 13px; margin: 0; padding: 10px 10px 10px 0; line-height: 20px; }
.cookie-consent { margin: 5px 0 20px; }
.cookie-consent>div:nth-child(1) { display: flex; font-size: 16px; align-items: center; }
.cookie-consent>div:nth-child(1)>div:nth-child(2) { display: flex; align-items: center; color: #36AC88; margin-left: auto; }
.cookie-toggle { height: 24px; width: 44px; background: #e4e4e4; border-radius: 12px; padding: 2px; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-end; transition: all 0.3s ease-in-out; cursor: pointer; border: 1px solid #c3c3c3; }
.cookie-toggle>div { width: 20px; height: 20px; border-radius: 50%; background: #c3c3c3; transition: all 0.3s ease-in-out; }
.cookie-toggle.active { justify-content: flex-start; background: #cbdaf5; border-color: #6188CE; }
.cookie-toggle.active>div { background: #6188CE; }
.cookie-actions { margin: 20px 0 0; display: flex; align-items: center; width: 100%; }
.cookie-actions a { height: 40px; display: flex; align-items: center; justify-content: center; color: #fff; background: #303b42; width: 0; flex: auto; margin: 0 5px; font-size: 16px; border-radius: 4px; }
.cookie-details { background: #F4F4F4; padding: 5px; margin: 5px 0; }
.cookie-details>div { display: flex; align-items: flex-start; color: #494A4C; font-size: 13px; line-height: 21px; }
.cookie-details>div>div:first-child { width: 90px; flex: 0 0 auto; }
.cookie-details>div>div:nth-child(2) { width: 0px; flex: auto; }
.cookie-loader { display: block; width: 64px; height: 64px; margin: 20px auto; }
.cookie-loader:after { content: " "; display: block; width: 26px; height: 26px; margin: 1px; border-radius: 50%; border: 5px solid #303b42; border-color: #303b42 transparent #303b42 transparent; animation: lds-dual-ring 1.2s linear infinite; }
@keyframes lds-dual-ring {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@media (min-width:992px) and (max-width:1199px) {
    .cookie-bar{padding: 20px;}
    .cookie-bar h4 {font-size: 30px;}
    .cookie-bar p{font-size: 18px;}
    .cookie-bar .cookie-buttons{gap:10px;}
    .cookie-bar .cookie-buttons a {padding: 10px 20px;}
}
@media (min-width:768px) and (max-width:991px) {
    .cookie-bar{padding: 20px 15px;}
    .cookie-bar h4 {font-size: 30px;}
    .cookie-bar p{font-size: 18px;}
    .cookie-bar .cookie-buttons{gap:10px;}
    .cookie-bar .cookie-buttons a {padding: 10px 7px; font-size: 12px;}
    .cookie-window-overlay.active .cookie-window { width: 450px; }
}
@media (max-width:767px) {
    .cookie-window-overlay.active .cookie-window { width: 100%; }
    .cookie-bar{padding: 20px 12px; width: calc(100% - 20px);}
    .cookie-bar h4 {font-size: 30px;}
    .cookie-bar p{font-size: 16px;}
    .cookie-bar .cookie-buttons{gap:10px; flex-direction: column;}
    .cookie-bar .cookie-buttons a {text-align: center;}
}