.cookiedisallow-overlay {
height: auto;
width: 48rem;
max-width: 90vw;
position: fixed;
display: flex;
justify-content: center;
align-items: center;
z-index: 99999999;
animation: fadeInUp 0.3s ease-out forwards;
}
.cookiedisallow-fixed-banner {
animation: fadeInUp 0.3s ease-out forwards;
}
.cookiedisallow-overlay.is-hiding,
.cookiedisallow-fixed-banner.is-hiding {
animation: fadeOutDown 0.3s ease-in forwards;
}
.cookiedisallow-overlay.left-position,
.cookiedisallow-overlay.right-position,
.cookiedisallow-overlay.center-position {
border-radius: 0.3125rem;
background-color: transparent;
}
.cookiedisallow-overlay.left-position {
left: 1rem;
bottom: 1rem;
}
.cookiedisallow-overlay.right-position {
right: 1rem;
bottom: 1rem;
}
.cookiedisallow-modal {
z-index: 99998;
visibility: hidden;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
box-sizing: border-box;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
border-radius: 0.3125rem; }
.cookiedisallow-modal.cookiedisallow-modal-show {
opacity: 1;
visibility: visible;
}
.cookiedisallow-modal-content {
background: #f7f7f7;
position: relative;
z-index: 99998;
border-radius: 0.3125rem;
color: #333333;
padding: 2rem;
font-size: 1rem;
line-height: 1.2;
}
.cookiedisallow-modal-content.cookiedisallow-modal-content-full {
padding-right: 0.55rem;
}
.cookiedisallow-title {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin: 0 0 1rem;
}
.cookiedisallow-overlay-warning .cookiedisallow-title,
.cookiedisallow-modal-descr .cookiedisallow-title,
#cookiedisallow-wrap-mini_window .cookiedisallow-title { align-items: center;
}
.cookiedisallow-cookie-logo {
max-width: 12.5rem;
max-height: 4rem;
width: auto;
margin: 0 auto 1rem;
}
#cookiedisallow-wrap-mini_window .cookiedisallow-cookie-logo {
margin-bottom: 1rem;
}
#cookiedisallow-wrap-mini_window .cookiedisallow-title {
margin-bottom: 0;
}
.cookiedisallow-title h3 {
font-size: 1.5rem;
line-height: 1.3;
font-weight: 700;
color: #333344;
padding: 0;
margin: 0;
}
.cookiedisallow-title.cookiedisallow-icon-top,
.cookiedisallow-title.cookiedisallow-icon-bottom {
flex-direction: column;
}
.cookiedisallow-title.cookiedisallow-icon-bottom picture {
-ms-flex-order: 1;
order: 1;
}
.cookiedisallow-title.cookiedisallow-icon-bottom .cookiedisallow-cookie-logo {
margin-bottom: 1rem;
}
.cookiedisallow-title.cookiedisallow-icon-left {
flex-direction: row;
} .cookiedisallow-title.cookiedisallow-icon-left .cookiedisallow-cookie-logo {
margin: 0 1.5rem 0 0;
}
.cookiedisallow-title.cookiedisallow-icon-left h3 {
width: auto;
}
.cookiedisallow-title.cookiedisallow-icon-bottom h3,
.cookiedisallow-title.cookiedisallow-icon-top h3 {
text-align: center;
}
.cookiedisallow-title.cookiedisallow-icon-bottom h3 {
margin-bottom: 1rem;
}
.cookiedisallow-info {
margin-bottom: 1rem;
}
.cookiedisallow-modal-content a {
cursor: pointer;
}
.cookiedisallow-modal-content fieldset.cookiedisallow-options {
display: flex;
justify-content: space-around;
align-items: flex-start;
margin: 0 0 1rem;
padding: 0;
border: none;
background: transparent;
}
.cookiedisallow-options .cookiedisallow-checkbox,
.cookiedisallow-options-item .cookiedisallow-checkbox {
cursor: pointer;
display: block;
padding-left: 1.5625rem;
line-height: 1.7;
position: relative;
margin: 0.25rem 0;
font-weight: bold;
}
.cookiedisallow-modal-content
.cookiedisallow-options
.cookiedisallow-checkbox
input,
.cookiedisallow-options-item .cookiedisallow-checkbox input {
position: absolute;
opacity: 0;
z-index: -1;
}
.cookiedisallow-checkbox .cookiedisallow-checkbox-indicator {
background-color: #fff;
border-color: #000;
border-style: solid;
border-width: 1px;
padding: 0;
position: absolute;
left: 0;
top: 0;
height: 1.25rem;
width: 1.25rem;
transition: 0.25s;
}
.cookiedisallow-checkbox .cookiedisallow-checkbox-indicator:after {
content: "";
display: none;
border-style: solid;
border-width: 0 2px 2px 0;
border-radius: 1px;
position: absolute;
left: 0.375rem;
top: 0.125rem;
height: 0.6875rem;
width: 0.375rem;
box-sizing: border-box;
transform: rotate(45deg);
}
.cookiedisallow-checkbox input:disabled ~ .cookiedisallow-checkbox-indicator {
background-color: #e6e6e6;
border-color: #e6e6e6;
}
.cookiedisallow-checkbox input:checked ~ .cookiedisallow-checkbox-indicator {
background-color: #118e05;
border-color: #118e05;
}
.cookiedisallow-checkbox
input:checked
~ .cookiedisallow-checkbox-indicator:after {
border-color: #fff;
display: block;
}
.cookiedisallow-btn {
border: none;
margin: 0.625rem 0;
line-height: 2.14rem;
padding: 0.3125rem 1rem;
color: #fff;
font-size: 0.875rem;
font-weight: 500;
cursor: pointer;
display: inline-block;
text-transform: none;
text-decoration: none;
text-align: center;
border-radius: 0.125rem;
transition: opacity 0.5s;
}
.cookiedisallow-btn:hover,
.cookiedisallow-btn:focus {
text-decoration: none;
}
.cookiedisallow-btn:focus-visible {
outline: 2px solid #2271b1;
outline-offset: 2px;
}
.cookiedisallow-accept {
display: flex;
justify-content: space-between;
}
.cookiedisallow-accept .cookiedisallow-btn {
display: block;
flex-basis: 49%;
box-sizing: border-box;
}
.cookiedisallow-accept.no_deny_mode .cookiedisallow-btn {
flex-basis: 100%;
}
.text-center {
text-align: center;
} .disallow_link {
text-align: center;
display: block;
margin: 0.625rem 0 0.1875rem;
text-decoration: underline;
cursor: pointer;
}
@media (max-width: 479px) {
.cookiedisallow-accept {
flex-wrap: wrap;
}
.cookiedisallow-accept .cookiedisallow-btn {
flex-basis: 100%;
}
}
.cookiedisallow-btn-accept,
.cookiedisallow-btn-customize {
background-color: #000;
}
.cookiedisallow-btn-save {
background-color: #666;
}
.cookiedisallow-manage {
text-align: center;
font-size: 0.75rem;
margin: 1rem 0;
}
.cookiedisallow-legal {
display: flex;
justify-content: center;
font-size: 0.75rem;
}
.cookiedisallow-legal a {
margin: 0 0.625rem;
}
.cookiedisallow-horizontal-bar .cookiedisallow-legal-desktop {
display: none;
}
.cookiedisallow-horizontal-bar .cookiedisallow-legal-mobile {
display: flex;
margin-top: 0.5rem;
}
.cookiedisallow-foot-info {
display: flex;
justify-content: space-between;
align-items: center;
}
.cookiedisallow-foot-info .cookiedisallow-legal {
display: block;
}
.cookiedisallow-foot-info .cookiedisallow-legal a {
margin: 0 0 0 1rem;
}
.powered-by-msg {
font-size: 0.75rem;
}
.powered-by-msg img {
vertical-align: baseline;
width: 1rem;
height: 0.625rem;
}
@media only screen and (max-width: 767px) {
.cookiedisallow-foot-info {
justify-content: center;
flex-direction: column-reverse;
flex-wrap: wrap;
}
.cookiedisallow-foot-info .cookiedisallow-legal a {
margin: 0 0.625rem 0.625rem;
display: inline-block;
}
} .cookiedisallow-fixed-banner {
background: #f7f7f7;
z-index: 99998;
border-radius: 0.5rem;
color: #333;
padding: 1.5rem;
font-size: 0.875rem;
line-height: 1.2;
position: fixed;
width: 50%;
max-width: 42rem;
box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
}
@media (max-width: 767px) {
.cookiedisallow-fixed-banner {
width: calc(100% - 1.25rem);
padding: 1rem;
}
}
.cookiedisallow-fixed-banner .disallow_link {
text-decoration: none;
}
.cookiedisallow-fixed-banner .cookiedisallow-btn {
font-size: 0.75rem;
}
.cookiedisallow-fixed-banner h3 {
margin: 0 0 0.625rem;
font-size: 1.125rem;
}
.cookiedisallow-fixed-banner p {
margin-bottom: 0.625rem;
}
.cookiedisallow-buttons-block {
display: flex;
justify-content: center;
column-gap: 1em;
}
.cookiedisallow-buttons-block .cookiedisallow-btn {
line-height: 1.2rem;
padding: 0.3125rem 1rem;
font-size: 0.875rem;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
}
.cookiedisallow-buttons-wrap {
display: flex;
}
.cookiedisallow-buttons-wrap .cookiedisallow-btn:first-child {
margin-right: 0.5rem;
}
.cookiedisallow-buttons-wrap .cookiedisallow-btn:last-child {
margin-left: 0.5rem;
}
.cookiedisallowoverlay-close,
.cookiedisallow-description-back {
width: 1.875rem;
height: 1.875rem;
position: absolute;
top: 0;
padding: 0;
padding-top: 0.1875rem;
display: block;
cursor: pointer;
background: none;
border: none;
}
.cookiedisallowoverlay-close:focus-visible,
.cookiedisallow-description-back:focus-visible {
outline: 2px solid #2271b1;
outline-offset: 2px;
border-radius: 2px;
}
.cookiedisallowoverlay-close.horizontal-close {
top: 0;
}
.cookiedisallowoverlay-close {
right: 0.325rem;
}
.cookiedisallow-fixed-banner .cookiedisallowoverlay-close {
right: 0;
}
.cookiedisallow-horizontal-bar.buttons-bottom
.cookiedisallowoverlay-close.horizontal-close {
top: 0.375rem;
right: 0.375rem;
}
.cookiedisallow-description-back,
.cookiedisallowoverlay-close-left.cookiedisallowoverlay-close {
left: 0.625rem;
right: auto;
}
.cookiedisallowoverlay-close:hover svg,
.cookiedisallow-description-back:hover svg {
fill: #ff0000;
}
.cookiedisallow-description {
text-align: center;
padding: 0.625rem 0 1rem;
margin: 0;
color: #333;
text-decoration: none;
}
#cookiedisallow-wrap-mini_window .cookiedisallow-description {
text-align: center;
display: block;
margin: 0.625rem 0 0.1875rem;
text-decoration: underline;
cursor: pointer;
background: none;
border: none;
padding: 0;
font-size: inherit;
font-weight: normal;
line-height: inherit;
text-transform: none;
}
#cookiedisallow-wrap-mini_window .cookiedisallow-description:hover,
#cookiedisallow-wrap-mini_window .cookiedisallow-description:focus {
text-decoration: underline;
}
.cookiedisallow-description-window,
.disallow_link {
color: #333;
text-decoration: none;
display: inline-flex;
align-content: center;
cursor: pointer;
}
.cookiedisallow-description-window:focus-visible,
.disallow_link:focus-visible,
.bar_disallow_link:focus-visible {
outline: 2px solid #2271b1;
outline-offset: 2px;
border-radius: 2px;
}
.cookiedisallow-description-window {
font-size: 1.0625rem;
}
.cookiedisallow-description-window.bar_disallow_link {
font-size: inherit;
}
.cookiedisallow-description-window svg,
.disallow_link svg,
.bar_disallow_link svg {
fill: #333;
margin: 0.125rem 0.3125rem 0.125rem 0;
width: 1rem;
height: 1rem;
}
#cookiedisallow-wrap-button.cookiedisallow-mode-button svg,
#cookiedisallow-wrap-recall svg,
#cookiedisallow-callback_button svg {
margin: 0 0.3125rem 0 0;
}
#cookiedisallow-wrap-button.cookiedisallow-mode-button svg,
.disallow_link svg,
.bar_disallow_link svg {
width: 0.875rem;
height: 0.875rem;
}
.bar_disallow_link svg {
margin: 0 0.3125rem;
}
.bar_disallow_link {
white-space: nowrap;
display: inline-flex;
align-items: baseline;
margin: 0.3125rem 0.5rem;
cursor: pointer;
text-decoration: none;
font-weight: 500;
}
.bar_disallow_link:hover {
text-decoration: underline;
}
@media (max-width: 767px) {
.bar_disallow_link {
display: flex;
text-align: center;
justify-content: center;
margin-top: 1em;
margin-bottom: 1em;
}
}
.cookiedisallow-options-item-show {
max-height: 0;
border-radius: 0.5rem;
overflow: hidden;
background-color: #ffffff;
padding: 0;
margin-top: 0;
transition: all 0.5s;
}
.cookiedisallow-options-item-show.active {
max-height: 100000px;
padding: 0.5rem 0;
margin-top: 0.75rem;
} .cookiedisallow-options-item-show table.cookiedisallow-options-item-data {
border-bottom: none;
border-radius: 0.5rem;
margin-bottom: 1.5rem;
padding-bottom: 1rem;
background: #f9fafb;
} .cookiedisallow-options-item-show
table.cookiedisallow-options-item-data:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.cookiedisallow-modal-content a:not(.cookiedisallow-description-window),
.cookiedisallow-modal-content a:hover,
.cookiedisallow-modal-content a:focus,
.cookiedisallow-modal-content a.active {
background: transparent;
}
.cookiedisallow-options-item {
background-color: transparent;
padding: 0.75rem 0;
border-top: 1px solid #e5e7eb;
}
.cookiedisallow-options-item label.cookiedisallow-checkbox {
font-weight: 600;
font-size: inherit;
padding-left: 0;
padding-right: 2rem;
margin: 0 0 0.5rem;
}
.cookiedisallow-options-item-data label.cookiedisallow-checkbox {
margin-bottom: 0;
}
.cookiedisallow-options-item
.cookiedisallow-checkbox
.cookiedisallow-checkbox-indicator {
left: auto;
right: 0;
}
.cookiedisallow-options-item
.cookiedisallow-checkbox
input:disabled
~ .cookiedisallow-checkbox-indicator {
background-color: #666;
border-color: #fff;
cursor: not-allowed;
}
.cookiedisallow-options-item > p {
margin-bottom: 0.5rem;
position: relative;
}
.cookiedisallow-options-item-turn {
display: flex;
align-items: center;
text-decoration: none;
color: #135e96;
cursor: pointer;
padding: 0;
background: none;
border: none;
}
.cookiedisallow-options-item-turn:focus-visible {
outline: 2px solid #2271b1;
outline-offset: 2px;
border-radius: 2px;
}
.cookiedisallow-options-item-turn span {
display: inline-block;
padding-bottom: 0.125rem;
font-size: 1rem;
font-weight: 500;
}
.cookiedisallow-options-item-turn svg {
padding-left: 0.3125rem;
fill: #135e96;
transition: transform 0.5s;
}
.cookiedisallow-options-item-turn.active,
.cookiedisallow-options-item-turn:hover {
color: #0a4b78;
}
.cookiedisallow-options-item-turn.active svg {
transform: rotateX(180deg);
}
table.cookiedisallow-options-item-data {
width: 100%;
font-size: 0.875rem;
margin-bottom: 1rem;
border-collapse: collapse;
}
.cookiedisallow-options-item-data th {
font-weight: 600;
color: #111928;
letter-spacing: 0;
text-transform: none;
min-width: 100px;
width: 30%;
text-align: left;
padding: 0.5rem 1rem;
border-bottom: 1px solid #e5e7eb;
vertical-align: top;
}
.cookiedisallow-options-item-data th,
.cookiedisallow-options-item-data td {
border-width: 0;
padding: 0.5rem 1rem;
text-align: left;
}
.cookiedisallow-options-item-data td {
word-break: break-word;
hyphens: auto;
text-align: left;
padding: 0.5rem 1rem;
}
.cookiedisallow-options-item-data .empty-row > * {
line-height: 0.5rem;
height: 0.5rem;
padding: 0;
background-color: #fff;
}
.cookiedisallow-fixed-banner.mini-banner {
width: auto;
margin: 0;
} .cookiedisallow-nested-cookie-data {
margin-left: 1.5rem;
background-color: #f1f1f1;
border-radius: 0.5rem;
padding: 0.75rem;
margin-top: 0.5rem;
display: flex;
}
.cookiedisallow-nested-cookie-data tr.nested-separator td {
padding: 0;
}
.cookiedisallow-nested-cookie-data tr.nested-separator div {
height: 1px;
background-color: #e5e7eb;
margin: 0.75rem 0;
}
.cookiedisallow-nested-cookie-data tr.nested-separator:last-child {
display: none;
} @media screen and (min-width: 768px) {
.cookiedisallow-overlay,
.cookiedisallow-modal {
width: 48rem;
}
.cookiedisallow-overlay {
left: calc(50vw - 24rem);
}
.cookiedisallow-overlay.right-position {
right: 1rem;
left: auto;
}
.cookiedisallow-overlay.left-position {
left: 1rem;
}
.cookiedisallow-fixed-banner.left_bottom {
bottom: 0.625rem;
left: 0.625rem;
}
.cookiedisallow-fixed-banner.right_bottom {
bottom: 0.625rem;
right: 0.625rem;
}
.cookiedisallow-fixed-banner.left_top {
top: 0.625rem;
left: 0.625rem;
}
.cookiedisallow-fixed-banner.right_top {
top: 0.625rem;
right: 0.625rem;
}
.cookiedisallow-fixed-banner.mini-banner.left_bottom {
bottom: 0.625rem;
left: 0.625rem;
}
.cookiedisallow-fixed-banner.mini-banner.right_bottom {
bottom: 0.625rem;
right: 0.625rem;
}
.cookiedisallow-fixed-banner.mini-banner.left_top {
top: 0.625rem;
left: 0.625rem;
}
.cookiedisallow-fixed-banner.mini-banner.right_top {
top: 0.625rem;
right: 0.625rem;
}
}
@media screen and (max-width: 767px) {
.cookiedisallow-overlay,
.cookiedisallow-modal {
width: 90vw;
}
.cookiedisallow-overlay {
left: 5vw;
}
.cookiedisallow-fixed-banner.left_bottom {
bottom: 0.625rem;
left: 0.625rem;
}
.cookiedisallow-fixed-banner.right_bottom {
bottom: 0.625rem;
right: 0.625rem;
}
.cookiedisallow-fixed-banner.left_top {
top: 0.625rem;
left: 0.625rem;
}
.cookiedisallow-fixed-banner.right_top {
top: 0.625rem;
right: 0.625rem;
}
.cookiedisallow-legal {
margin-top: 1em;
}
}
@media screen and (min-width: 575px) and (max-width: 767px) {
.cookiedisallow-overlay,
.cookiedisallow-modal {
width: 500px;
}
.cookiedisallow-overlay {
left: calc(55vw - 250px);
}
}
@media screen and (max-width: 574px) {
.cookiedisallow-modal-content {
padding: 1.5rem 1rem;
}
.cookiedisallow-overlay.cookiedisallow-overlay,
.left-position,
.cookiedisallow-overlay.right-position,
.cookiedisallow-overlay.center-position {
max-width: calc(100vw - 2rem);
width: calc(100vw - 2rem);
left: 1rem;
right: 1rem;
margin: 0;
}
.cookiedisallow-modal {
width: 100%;
}
.cookiedisallow-modal-content fieldset.cookiedisallow-options {
flex-wrap: wrap;
}
.cookiedisallow-modal-content .cookiedisallow-options > div {
width: 50%;
}
.cookiedisallow-modal-content
.cookiedisallow-options
.cookiedisallow-checkbox {
margin: 1rem 0.5rem 1rem 0;
}
}
@media (max-width: 400px) {
.cookiedisallow-options-item-data {
font-size: 0.875rem;
}
.cookiedisallow-options-item-data th,
.cookiedisallow-options-item-data td {
padding: 0.5rem 0.375rem 0.625rem;
}
.cookiedisallow-options-item-data th {
hyphens: auto;
min-width: 90px;
}
}
.cookiedisallow-info {
margin-bottom: 1.25rem;
} .cookiedisallow-cube-spinner {
margin: 0.625rem auto;
width: 3.75rem;
height: 3.75rem;
position: relative;
}
.cookiedisallow-cube1,
.cookiedisallow-cube2 {
background-color: #333;
width: 1rem;
height: 1rem;
position: absolute;
top: 0;
left: 0;
-webkit-animation: cookiedisallow-sk-cubemove 1.8s infinite ease-in-out;
animation: cookiedisallow-sk-cubemove 1.8s infinite ease-in-out;
}
.cookiedisallow-cube2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
@-webkit-keyframes cookiedisallow-sk-cubemove {
25% {
-webkit-transform: translateX(2.625rem) rotate(-90deg) scale(0.5);
}
50% {
-webkit-transform: translateX(2.625rem) translateY(2.625rem) rotate(-180deg);
}
75% {
-webkit-transform: translateX(0px) translateY(2.625rem) rotate(-270deg)
scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes cookiedisallow-sk-cubemove {
25% {
transform: translateX(2.625rem) rotate(-90deg) scale(0.5);
-webkit-transform: translateX(2.625rem) rotate(-90deg) scale(0.5);
}
50% {
transform: translateX(2.625rem) translateY(2.625rem) rotate(-179deg);
-webkit-transform: translateX(2.625rem) translateY(2.625rem) rotate(-179deg);
}
50.1% {
transform: translateX(2.625rem) translateY(2.625rem) rotate(-180deg);
-webkit-transform: translateX(2.625rem) translateY(2.625rem) rotate(-180deg);
}
75% {
transform: translateX(0px) translateY(2.625rem) rotate(-270deg) scale(0.5);
-webkit-transform: translateX(0px) translateY(2.625rem) rotate(-270deg)
scale(0.5);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
} .cookiedisallow-popup .cookiedisallow-modal-descr {
overflow-y: scroll;
padding-right: 0.6375rem;
box-sizing: border-box;
}  @supports not selector(::-webkit-scrollbar) {
.cookiedisallow-popup .cookiedisallow-modal-descr {
scrollbar-width: thin;
scrollbar-color: #333 #fff;
}
}
.cookiedisallow-popup .cookiedisallow-modal-descr::-webkit-scrollbar {
width: 0.75rem;
}
.cookiedisallow-popup .cookiedisallow-modal-descr::-webkit-scrollbar-track {
background: #fff;
}
.cookiedisallow-popup .cookiedisallow-modal-descr::-webkit-scrollbar-thumb {
background-color: #333;
border-radius: 1.25rem;
border: 3px solid #fff;
} .cookiedisallow-fixed-banner.cookiedisallow_position-bottom,
.cookiedisallow-fixed-banner.cookiedisallow_position-top {
left: 0;
width: 100%;
max-width: 100%;
padding: 0.5rem 0;
text-align: center;
animation-duration: 2s;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
border-radius: 0;
}
.cookiedisallow-fixed-banner.cookiedisallow-horizontal-bar.cookiedisallow_position-bottom,
.cookiedisallow-fixed-banner.cookiedisallow-horizontal-bar.cookiedisallow_position-top {
animation-duration: 0.3s;
}
.cookiedisallow-fixed-banner.cookiedisallow_position-bottom
#cookiedisallow_notice-text,
.cookiedisallow-fixed-banner.cookiedisallow_position-top
#cookiedisallow_notice-text {
padding: 0.25rem 1.85rem;
}
.cookiedisallow-fixed-banner.cookiedisallow-horizontal-bar.cookiedisallow_position-bottom
> div,
.cookiedisallow-fixed-banner.cookiedisallow-horizontal-bar.cookiedisallow_position-top
> div {
padding: 0 0.75rem;
}
.cookiedisallow-fixed-banner.cookiedisallow_position-bottom.buttons-bottom,
.cookiedisallow-fixed-banner.cookiedisallow_position-top.buttons-bottom {
flex-direction: column;
}
@media (max-width: 991px) {
.cookiedisallow-fixed-banner.cookiedisallow_position-bottom,
.cookiedisallow-fixed-banner.cookiedisallow_position-top {
padding-bottom: 0.75rem;
}
.cookiedisallow-fixed-banner.cookiedisallow_position-bottom
#cookiedisallow_notice-text,
.cookiedisallow-fixed-banner.cookiedisallow_position-top
#cookiedisallow_notice-text {
padding: 0.4375rem 2.14rem 0.1875rem;
}
.cookiedisallowoverlay-close.horizontal-close {
top: 0.3125rem;
}
}
@media (min-width: 992px) {
.cookiedisallow-fixed-banner.cookiedisallow-horizontal-bar.cookiedisallow_position-bottom.buttons-right,
.cookiedisallow-fixed-banner.cookiedisallow-horizontal-bar.cookiedisallow_position-top.buttons-right {
flex-wrap: nowrap;
justify-content: center;
text-align: left;
}
.cookiedisallow-fixed-banner.cookiedisallow-horizontal-bar.cookiedisallow_position-bottom.buttons-right
> div,
.cookiedisallow-fixed-banner.cookiedisallow-horizontal-bar.cookiedisallow_position-top.buttons-right
> div {
display: flex;
align-items: center;
}
.cookiedisallow-fixed-banner.cookiedisallow-horizontal-bar.cookiedisallow_position-bottom.buttons-right
.cookiedisallow-bar-buttons-row,
.cookiedisallow-fixed-banner.cookiedisallow-horizontal-bar.cookiedisallow_position-top.buttons-right
.cookiedisallow-bar-buttons-row {
display: flex;
align-items: center;
}
.cookiedisallow-fixed-banner.cookiedisallow-horizontal-bar.buttons-right #cookiedisallow_notice-text {
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
}
.cookiedisallow-fixed-banner.cookiedisallow-horizontal-bar.buttons-right .cookiedisallow-legal-desktop {
display: flex;
margin-top: 0.5rem;
justify-content: flex-start;
}
.cookiedisallow-fixed-banner.cookiedisallow-horizontal-bar.buttons-right .cookiedisallow-legal-mobile {
display: none;
}
.cookiedisallow-horizontal-bar .cookiedisallow-legal-desktop {
display: none;
}
.cookiedisallow-horizontal-bar .cookiedisallow-legal-mobile {
display: flex;
margin-top: 0.5rem;
}
.cookiedisallow-mini-window .cookiedisallow-legal {
margin-top: 1rem;
}
.cookiedisallow-horizontal-bar.buttons-right
.cookiedisallowoverlay-close.horizontal-close {
position: relative;
padding: 0.1875rem 0;
margin-left: 0.5rem;
}
}
.cookiedisallow-fixed-banner.cookiedisallow_position-bottom {
bottom: 0;
}
.cookiedisallow-fixed-banner.cookiedisallow_position-top {
top: 0;
}
.cookiedisallow-fixed-banner.cookiedisallow_position-bottom .cookiedisallow-btn,
.cookiedisallow-fixed-banner.cookiedisallow_position-top .cookiedisallow-btn {
margin: 0.3125rem 0.5rem;
line-height: 1.7;
white-space: nowrap;
} .cookiedisallow-mode-button.shape-circle,
#cookiedisallow-callback_button.shape-circle,
#cookiedisallow-wrap-recall.shape-circle {
border-radius: 50%;
padding: 0;
overflow: hidden;
}
.cookiedisallow-mode-button.shape-circle:before,
#cookiedisallow-callback_button.shape-circle:before,
#cookiedisallow-wrap-recall.shape-circle:before {
content: "";
display: block;
height: 0;
width: 0;
padding-bottom: 100%;
z-index: -1;
}
.cookiedisallow-mode-button.shape-circle > div,
.cookiedisallow-mode-button.shape-circle img,
#cookiedisallow-callback_button.shape-circle > div,
#cookiedisallow-callback_button.shape-circle img,
#cookiedisallow-wrap-recall.shape-circle > div,
#cookiedisallow-wrap-recall.shape-circle img {
position: absolute;
top: 0.3125rem;
left: 0.3125rem;
bottom: 0.3125rem;
right: 0.3125rem;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.cookiedisallow-mode-button.shape-circle img,
#cookiedisallow-callback_button.shape-circle img,
#cookiedisallow-wrap-recall.shape-circle img {
width: calc(100% - 0.625rem);
height: calc(100% - 0.625rem);
object-fit: cover;
} .cookiedisallow-privacy-url {
word-break: break-word;
max-width: 100%;
} @keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 20px, 0);
}
}
@media (prefers-reduced-motion: reduce) {
.cookiedisallow-overlay,
.cookiedisallow-modal,
.cookiedisallow-fixed-banner,
.cookiedisallow-options-item-show,
.cookiedisallow-options-item-turn svg,
.cookiedisallow-btn,
.cookie-slider,
.cookie-slider:before {
animation: none !important;
transition: none !important;
}
} .cookiedisallow_inline_button {
display: inline-block;
cursor: pointer;
}
.cookiedisallow_text-underline {
text-decoration: underline;
}
.cookiedisallow-options .cookiedisallow-checkbox.cookie-toggle-label,
.cookiedisallow-options-item .cookiedisallow-checkbox.cookie-toggle-label {
padding-left: 0;
padding-right: 0;
display: flex;
align-items: center;
}
.cookiedisallow-options-item .cookiedisallow-checkbox.cookie-toggle-label {
justify-content: space-between;
font-size: 1.125rem;
}
.cookie-toggle {
position: relative;
display: inline-block;
width: 2.75rem;
height: 1.5rem;
margin-right: 0.5rem;
}
.cookiedisallow-options-item
.cookiedisallow-checkbox.cookie-toggle-label
.cookie-toggle {
margin-right: 0;
} .cookie-toggle input {
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.cookie-toggle input:focus-visible + .cookie-slider {
outline: 2px solid #2271b1;
outline-offset: 2px;
} .cookie-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #e5e7eb;
transition: 0.4s;
border-radius: 1.5rem;
} .cookie-slider:before {
position: absolute;
content: "";
height: 1.25rem;
width: 1.25rem;
left: 0.125rem;
bottom: 0.125rem;
background-color: white;
transition: 0.4s;
border-radius: 50%;
} input:checked + .cookie-slider {
background-color: #000;
}
input[disabled] + .cookie-slider {
background-color: #999;
opacity: 0.8;
cursor: not-allowed;
} input:checked + .cookie-slider:before {
transform: translateX(1.25rem);
} fieldset.cookiedisallow-fieldset {
padding: 0;
margin: 0;
border: none;
display: block;
background: transparent;
} .cookiedisallow-skip-link {
position: absolute;
top: -40px;
left: 0;
background: #2271b1;
color: #fff;
padding: 8px 16px;
text-decoration: none;
z-index: 1000000;
border-radius: 0 0 4px 0;
}
.cookiedisallow-skip-link:focus {
top: 0;
outline: 2px solid #fff;
outline-offset: 2px;
} .cookiedisallow-modal-content,
.cookiedisallow-fixed-banner {
color: #1d2327;
}
.cookiedisallow-modal-content a:not(.cookiedisallow-description-window),
.cookiedisallow-fixed-banner a {
color: #135e96;
}
.cookiedisallow-modal-content a:not(.cookiedisallow-description-window):hover,
.cookiedisallow-modal-content a:not(.cookiedisallow-description-window):focus,
.cookiedisallow-fixed-banner a:hover,
.cookiedisallow-fixed-banner a:focus {
color: #0a4b78;
}
.cookiedisallow-btn {
color: #fff;
background-color: #2271b1;
}
.cookiedisallow-btn:hover,
.cookiedisallow-btn:focus {
background-color: #135e96;
color: #fff;
}
.cookiedisallow-active-animation .cookiedisallow-modal-content,
#cookiedisallow-wrap-horizontal_bar.cookiedisallow-active-animation,
#cookiedisallow-wrap-mini_window.cookiedisallow-active-animation {
animation: pulse 1s;
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
} .cookiedisallow-media-overlay-container {
position: relative;
display: block;
width: auto;
max-width: 100%;
overflow: hidden;
height: auto;
clear: both;
} .wp-block-embed__wrapper > .cookiedisallow-media-overlay-container,
.wp-block-embed .cookiedisallow-media-overlay-container,
.wp-block-video .cookiedisallow-media-overlay-container,
.wp-embed-aspect-16-9 > .cookiedisallow-media-overlay-container,
.wp-has-aspect-ratio > .cookiedisallow-media-overlay-container,
.fluid-width-video-wrapper > .cookiedisallow-media-overlay-container,
.elementor-widget-video .cookiedisallow-media-overlay-container,
.elementor-video-wrapper .cookiedisallow-media-overlay-container,
div[style*="padding-bottom"] > .cookiedisallow-media-overlay-container,
div[style*="height: 0"] > .cookiedisallow-media-overlay-container,
div[style*="height:0"] > .cookiedisallow-media-overlay-container,
div[style*="height"] > .cookiedisallow-media-overlay-container {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100% !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}
.cookiedisallow-media-overlay-container iframe {
border: none;
position: relative;
z-index: 1;
} div[style*="padding-bottom"] > .cookiedisallow-media-overlay-container iframe,
div[style*="height: 0"] > .cookiedisallow-media-overlay-container iframe,
div[style*="height:0"] > .cookiedisallow-media-overlay-container iframe,
div[style*="height"] > .cookiedisallow-media-overlay-container iframe {
position: absolute;
top: 0;
left: 0;
} div[style*="padding-bottom"]
> .cookiedisallow-media-overlay-container
.cookiedisallow-media-overlay,
div[style*="height: 0"]
> .cookiedisallow-media-overlay-container
.cookiedisallow-media-overlay,
div[style*="height:0"]
> .cookiedisallow-media-overlay-container
.cookiedisallow-media-overlay,
div[style*="height"]
> .cookiedisallow-media-overlay-container
.cookiedisallow-media-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
} .cookiedisallow-media-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 1.5rem;
box-sizing: border-box;
text-align: center;
z-index: 100;
min-height: 0;
background-color: inherit;
} .cookiedisallow-media-overlay,
.cookiedisallow-media-overlay-container iframe,
.cookiedisallow-media-overlay-container
> div:not(.cookiedisallow-media-overlay) {
transition:
opacity 0.4s ease-in-out,
transform 0.4s ease-in-out;
backface-visibility: hidden;
} .cookiedisallow-media-overlay-content {
width: 100%;
max-width: 100%;
display: flex;
flex-direction: column;
gap: 1rem;
min-height: 0;
flex-shrink: 1;
overflow: visible;
box-sizing: border-box;
}
.cookiedisallow-media-overlay-title {
font-size: 1.25rem;
font-weight: 700;
margin: 0 0 0.5rem;
line-height: 1.4;
flex-shrink: 0;
}
.cookiedisallow-media-overlay-description {
font-size: 1rem;
line-height: 1.5;
margin: 0 0 1rem;
flex-shrink: 1;
min-height: 0;
}
.cookiedisallow-media-overlay-description a {
text-decoration: underline;
}
.cookiedisallow-media-overlay-button {
padding: 0.75rem 1.5rem;
font-size: 1rem;
font-weight: 600;
border: none;
cursor: pointer;
transition: all 0.2s ease;
margin: 0 0 0.5rem;
display: inline-block;
text-align: center;
flex-shrink: 0;
}
.cookiedisallow-media-hidden {
opacity: 0 !important;
pointer-events: none;
transform: scale(0.98);
}
.cookiedisallow-media-overlay-button:hover {
opacity: 0.9;
transform: translateY(-1px);
}
.cookiedisallow-media-overlay-button:focus {
outline: 2px solid currentColor;
outline-offset: 2px;
} .cookiedisallow-media-overlay-container[data-vendor-id="bluesky"]
.bluesky-embed,
.cookiedisallow-media-overlay-container[data-vendor-id="mastodon"]
.mastodon-embed,
.cookiedisallow-media-overlay-container[data-vendor-id="tiktok"] .tiktok-embed {
max-width: 100%;
width: 100%;
margin: 0 auto;
}
.cookiedisallow-media-overlay-container[data-vendor-id="bluesky"]
.bluesky-embed {
max-width: 600px;
}
.cookiedisallow-media-overlay-container[data-vendor-id="mastodon"]
.mastodon-embed {
max-width: 540px;
min-width: 270px;
}
.cookiedisallow-media-overlay-container[data-vendor-id="tiktok"] .tiktok-embed {
max-width: 605px;
min-width: 325px;
} .cookiedisallow-media-overlay-container[data-vendor-id="spotify"]
.cookiedisallow-media-overlay-content {
min-height: 80px;
}
.cookiedisallow-media-overlay-checkbox-wrapper {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
font-size: 0.9rem;
flex-shrink: 0;
}
.cookiedisallow-media-overlay-checkbox-wrapper input[type="checkbox"] {
width: 1.125rem;
height: 1.125rem;
cursor: pointer;
flex-shrink: 0;
}
.cookiedisallow-media-overlay-checkbox-wrapper label {
cursor: pointer;
margin: 0;
line-height: 1.4;
text-align: left;
} @media (max-height: 400px) {
.cookiedisallow-media-overlay {
padding: 0.75rem;
}
.cookiedisallow-media-overlay-content {
gap: 0.5rem;
}
.cookiedisallow-media-overlay-title {
font-size: 1rem;
margin: 0 0 0.25rem;
line-height: 1.2;
}
.cookiedisallow-media-overlay-description {
font-size: 0.875rem;
margin: 0 0 0.5rem;
line-height: 1.3;
}
.cookiedisallow-media-overlay-button {
padding: 0.5rem 1rem;
font-size: 0.875rem;
margin: 0 0 0.25rem;
}
.cookiedisallow-media-overlay-checkbox-wrapper {
font-size: 0.8rem;
gap: 0.375rem;
}
}
@media (max-height: 300px) {
.cookiedisallow-media-overlay {
padding: 0.5rem;
}
.cookiedisallow-media-overlay-content {
gap: 0.375rem;
}
.cookiedisallow-media-overlay-title {
font-size: 0.875rem;
margin: 0 0 0.125rem;
line-height: 1.2;
}
.cookiedisallow-media-overlay-description {
font-size: 0.75rem;
margin: 0 0 0.375rem;
line-height: 1.2;
}
.cookiedisallow-media-overlay-button {
padding: 0.375rem 0.75rem;
font-size: 0.75rem;
margin: 0 0 0.125rem;
}
.cookiedisallow-media-overlay-checkbox-wrapper {
font-size: 0.7rem;
gap: 0.25rem;
}
.cookiedisallow-media-overlay-checkbox-wrapper input[type="checkbox"] {
width: 0.875rem;
height: 0.875rem;
}
}
@media (prefers-reduced-motion: reduce) {
.cookiedisallow-media-overlay-button {
transition: none;
}
.cookiedisallow-media-overlay-button:hover {
transform: none;
}
} @media screen and (min-width: 768px) and (max-width: 1024px) {
.cookiedisallow-fixed-banner {
width: 60%;
}
.cookiedisallow-legal {
margin-top: 1em;
}
} .cookiedisallow-mini-window .disallow_link {
display: inline-flex;
align-items: center;
justify-content: center;
}
.cookiedisallow-mini-window .disallow_link svg {
float: none;
margin-right: 6px;
}