.popup-background.cookie-background         { z-index: 10000; }

.cookie-policy                              { font-family: 'Open Sans', sans-serif; position: fixed; height: 100vh; width: 90%; max-width: 500px; left: 0; top: 0; right: 100%; bottom: 0; background: #fff; z-index: 100000; transform: translateX(0); transition: transform .6s; will-change: transform; backface-visibility: hidden; perspective: 1000; animation: opacity-show .4s forwards; }
.cookie-policy.left                         { left: 0; right: 100%; }
.cookie-policy.right                        { right: 0; left: 100%; }
.cookie-policy.bottom                       { right: 0; left: 0; bottom: 0; max-width: 100%; width: 100%; height: 100px; top: initial; }
.cookie-policy.hide                         { transform: translateX(-100%); animation: opacity-hide .4s forwards; }
.cookie-content                             { top: 0; left: 0; bottom: 0; right: 0; position: absolute; padding: 2rem 2rem 6rem 2rem; overflow-y: auto; background-color: #E8E8E8; }
.cookie-policy.bottom .cookie-content       { display: flex; align-items: center; overflow-y: hidden; padding: 0 2rem; justify-content: space-between; gap: 32px; }
.cookie-policy.bottom .cookie-content p     { padding: 0; width: 100%; flex: 1; }
.cookie-content h2                          { margin: 1rem 0; line-height: 1.5; }
.cookie-content h3                          { margin: 1rem 0; line-height: 1.5; }
.cookie-content p                           { margin: 1rem 0; line-height: 1.5; }
.cookie-content .button-container           { margin-top: 2rem; }
.cookie-content .button-container button    { line-height: 1.5; }
.cookie-policy.bottom .button-container     { margin-top: 0; }
.cookie-section                             { position: relative; }

.switch                                     { position: absolute; top: -6px; right: 0; display: inline-block; width: 82px; height: 34px; }
.switch input                               { opacity: 0; width: 0; height: 0; }
.switch .slider                             { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.switch .slider:before                      { position: absolute; content: ""; height: 26px; width: 36px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; z-index: 1; }
.switch input:checked + .slider             { background-color: #304e58; }
.switch input:focus + .slider               { box-shadow: 0 0 1px #304e58; }
.switch input:checked + .slider:before      { -webkit-transform: translateX(38px); -ms-transform: translateX(38px); transform: translateX(38px); z-index: 1; }
.switch .slider.round                       { border-radius: 34px; }
.switch .slider.round:before                { border-radius: 25px; }
.switch .slider.round > span                { position: absolute; top: 9px; color: white; font-size: 0.875rem; user-select: none; }
.switch .slider.round .on                   { left: 13px; }
.switch .slider.round .off                  { right: 13px; color: #666; }

button[name=toggle_cookie_policy]           { position: fixed; left: 0; bottom: 0; padding: 0; border: 0; z-index: 100000; line-height: 0; min-width: 0; background-color: transparent; display: inline-block; height: 80px; width: 80px; overflow: hidden; }
button[name=toggle_cookie_policy] span      { position: fixed; bottom: 16px; left: 15px; color: white; font-size: 1.25rem; }
/* button[name=toggle_cookie_policy] svg       { position: absolute; top: 24px; transform: scale(0.75); left: -20px; } */
button.accept-cookies                       { background-color: #304e58; padding: 0.5rem 1rem; border: 0; border-radius: 8px; color: #fff; min-width: 0; font-size: 1rem; }

@media only screen and (max-width: 500px)
{
    /*.cookie-policy                          { left: 0; right: 0; top: 0; transform: translateY(0); width: 100%; }
    .cookie-policy.hide                     { transform: translateY(-100%); }*/
	.cookie-policy.left						{ max-width: 80%; }
	.cookie-policy.left div.cookie-content	{ padding: 1.5rem 1rem 5rem 1rem; }

}

@keyframes opacity-show {
    0% { opacity: 0; }
    99% { opacity: 1; }
    100% { opacity: 1; }
}

@keyframes opacity-hide {
    0% { opacity: 1; }
    99% { opacity: 1; }
    100% { opacity: 0; }
}