.dx-cc {
position: fixed;
z-index: 999999;
box-sizing: border-box;
font-family: inherit;
opacity: 0;
transform: translateY(12px);
transition: opacity 0.35s ease, transform 0.35s ease;
pointer-events: none;
}
.dx-cc *,
.dx-cc *::before,
.dx-cc *::after {
box-sizing: border-box;
}
.dx-cc--visible {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.dx-cc[hidden] {
display: none;
} .dx-cc__box {
position: relative;
background: var(--dx-cc-bg, #ffffff);
color: var(--dx-cc-text, #3a3a3a);
border-radius: 14px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.08);
padding: 22px 24px;
max-width: 380px;
width: 100%;
}
.dx-cc__logo {
display: block;
max-height: 40px;
width: auto;
margin: 0 0 12px;
}
.dx-cc__text {
margin: 0 0 16px;
font-size: 14px;
line-height: 1.55;
color: var(--dx-cc-text, #3a3a3a);
}
.dx-cc__text a {
color: inherit;
text-decoration: underline;
} .dx-cc__actions {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: 10px;
}
.dx-cc__policy {
margin-right: auto;
font-size: 13px;
color: var(--dx-cc-link, #3a3a3a);
text-underline-offset: 3px;
transition: opacity 0.2s ease, color 0.2s ease, transform 0.15s ease;
}
.dx-cc__policy:hover,
.dx-cc__policy:focus {
color: var(--dx-cc-link-hover, #1a1a1a);
} .dx-cc__policy--underline {
text-decoration: underline;
}
.dx-cc__policy--italic {
font-style: italic;
text-decoration: none;
}
.dx-cc__policy--plain {
text-decoration: none;
} .dx-cc__policy--button {
margin-right: 0;
background: var(--dx-cc-btn-bg, #1a1a1a);
color: var(--dx-cc-btn-text, #ffffff);
border-radius: 999px;
padding: 10px 22px;
font-size: 14px;
font-weight: 600;
line-height: 1;
text-decoration: none;
}
.dx-cc__policy--button:hover,
.dx-cc__policy--button:focus {
color: var(--dx-cc-btn-text, #ffffff);
opacity: 0.88;
transform: translateY(-1px);
}
.dx-cc__btn {
display: inline-block;
border: 0;
border-radius: 999px;
padding: 10px 22px;
font-size: 14px;
font-weight: 600;
line-height: 1;
cursor: pointer;
transition: opacity 0.2s ease, transform 0.15s ease;
-webkit-appearance: none;
appearance: none;
}
.dx-cc__btn:hover {
opacity: 0.88;
transform: translateY(-1px);
}
.dx-cc__btn:focus-visible {
outline: 2px solid var(--dx-cc-btn-bg, #1a1a1a);
outline-offset: 2px;
}
.dx-cc__btn--accept {
background: var(--dx-cc-btn-bg, #1a1a1a);
color: var(--dx-cc-btn-text, #ffffff);
}
.dx-cc__btn--decline {
background: transparent;
color: var(--dx-cc-text, #3a3a3a);
box-shadow: inset 0 0 0 1px currentColor;
opacity: 0.75;
} .dx-cc--bottom-right {
right: 24px;
bottom: 24px;
left: auto;
}
.dx-cc--bottom-left {
left: 24px;
bottom: 24px;
right: auto;
}
.dx-cc--bottom-center {
left: 50%;
bottom: 24px;
transform: translate(-50%, 12px);
width: calc(100% - 48px);
max-width: 860px;
}
.dx-cc--bottom-center.dx-cc--visible {
transform: translate(-50%, 0);
}
.dx-cc--bottom-center .dx-cc__box {
max-width: none;
display: flex;
align-items: center;
gap: 20px;
padding: 18px 24px;
}
.dx-cc--bottom-center .dx-cc__logo {
margin: 0;
flex-shrink: 0;
}
.dx-cc--bottom-center .dx-cc__text {
margin: 0;
flex: 1;
}
.dx-cc--bottom-center .dx-cc__actions {
flex-shrink: 0;
}
.dx-cc--bottom-center .dx-cc__policy {
margin-right: 0;
}
.dx-cc--center {
inset: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
transform: none;
}
.dx-cc--center .dx-cc__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.45);
}
.dx-cc--center .dx-cc__box {
max-width: 440px;
text-align: center;
padding: 28px 30px;
}
.dx-cc--center .dx-cc__logo {
margin-left: auto;
margin-right: auto;
}
.dx-cc--center .dx-cc__actions {
justify-content: center;
flex-direction: column-reverse;
}
.dx-cc--center .dx-cc__policy {
margin-right: 0;
} @media (max-width: 600px) {
.dx-cc--bottom-right,
.dx-cc--bottom-left,
.dx-cc--bottom-center {
left: 12px;
right: 12px;
bottom: 12px;
width: auto;
transform: translateY(12px);
}
.dx-cc--bottom-right.dx-cc--visible,
.dx-cc--bottom-left.dx-cc--visible,
.dx-cc--bottom-center.dx-cc--visible {
transform: translateY(0);
}
.dx-cc__box,
.dx-cc--bottom-center .dx-cc__box {
max-width: none;
display: block;
padding: 18px 20px;
}
.dx-cc--bottom-center .dx-cc__text {
margin: 0 0 14px;
}
.dx-cc--bottom-center .dx-cc__logo {
margin: 0 0 12px;
}
} #dx-cookie-consent .dx-cc__box {
background: var(--dx-cc-bg, #ffffff) !important;
}
#dx-cookie-consent .dx-cc__text,
#dx-cookie-consent .dx-cc__text a {
color: var(--dx-cc-text, #3a3a3a) !important;
} #dx-cookie-consent .dx-cc__policy--underline,
#dx-cookie-consent .dx-cc__policy--italic,
#dx-cookie-consent .dx-cc__policy--plain {
color: var(--dx-cc-link, #3a3a3a) !important;
background: none !important;
}
#dx-cookie-consent .dx-cc__policy--underline:hover,
#dx-cookie-consent .dx-cc__policy--underline:focus,
#dx-cookie-consent .dx-cc__policy--italic:hover,
#dx-cookie-consent .dx-cc__policy--italic:focus,
#dx-cookie-consent .dx-cc__policy--plain:hover,
#dx-cookie-consent .dx-cc__policy--plain:focus {
color: var(--dx-cc-link-hover, #1a1a1a) !important;
} #dx-cookie-consent .dx-cc__btn--accept,
#dx-cookie-consent .dx-cc__policy--button {
background: var(--dx-cc-btn-bg, #1a1a1a) !important;
color: var(--dx-cc-btn-text, #ffffff) !important;
}
#dx-cookie-consent .dx-cc__btn--accept:hover,
#dx-cookie-consent .dx-cc__btn--accept:focus,
#dx-cookie-consent .dx-cc__policy--button:hover,
#dx-cookie-consent .dx-cc__policy--button:focus {
color: var(--dx-cc-btn-text, #ffffff) !important;
} #dx-cookie-consent .dx-cc__btn--decline {
background: transparent !important;
color: var(--dx-cc-text, #3a3a3a) !important;
} @media (prefers-reduced-motion: reduce) {
.dx-cc {
transition: opacity 0.2s ease;
transform: none;
}
.dx-cc--bottom-center {
transform: translateX(-50%);
}
.dx-cc--bottom-center.dx-cc--visible {
transform: translateX(-50%);
}
}