html body #eucc-overlay {
position: fixed !important;
inset: 0 !important;
background: rgba(0, 0, 0, 0.55) !important;
z-index: 999998 !important;
}
html body #eucc-banner {
position: fixed !important;
z-index: 999999 !important;
left: 0 !important;
right: 0 !important;
margin: 0 auto !important;
background: var(--eucc-bg, #1d1d1d) !important;
color: var(--eucc-text, #ffffff) !important;
box-sizing: border-box !important;
max-width: 100% !important;
}
html body #eucc-banner.eucc-position-bottom {
bottom: 0 !important;
width: 100% !important;
border-radius: 12px 12px 0 0 !important;
}
html body #eucc-banner.eucc-position-center {
top: 50% !important;
transform: translateY(-50%) !important;
width: 520px !important;
border-radius: 12px !important;
}
html body #eucc-banner .eucc-inner {
padding: 24px !important;
}
html body #eucc-banner h2 {
margin: 0 0 10px !important;
font-size: 20px !important;
color: var(--eucc-text, #ffffff) !important;
}
html body #eucc-banner p {
margin: 0 0 14px !important;
font-size: 14px !important;
line-height: 1.5 !important;
color: var(--eucc-text, #ffffff) !important;
}
html body #eucc-banner .eucc-links {
margin-bottom: 14px !important;
}
html body #eucc-banner .eucc-links a {
color: var(--eucc-primary, #4da3ff) !important;
text-decoration: underline !important;
margin-right: 16px !important;
font-size: 13px !important;
}
html body #eucc-banner .eucc-categories {
margin: 10px 0 16px !important;
max-height: 260px !important;
overflow-y: auto !important;
}
html body #eucc-banner .eucc-category-row {
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
padding: 10px 0 !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}
html body #eucc-banner .eucc-category-text strong {
color: var(--eucc-text, #ffffff) !important;
display: block !important;
margin-bottom: 4px !important;
}
html body #eucc-banner .eucc-category-text p {
margin: 0 !important;
font-size: 12px !important;
opacity: 0.85 !important;
} html body #eucc-banner .eucc-switch {
position: relative !important;
display: inline-block !important;
width: 42px !important;
height: 24px !important;
flex-shrink: 0 !important;
}
html body #eucc-banner .eucc-switch input {
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
}
html body #eucc-banner .eucc-slider {
position: absolute !important;
cursor: pointer !important;
inset: 0 !important;
background-color: #666 !important;
border-radius: 24px !important;
transition: 0.2s !important;
}
html body #eucc-banner .eucc-slider::before {
content: "" !important;
position: absolute !important;
height: 18px !important;
width: 18px !important;
left: 3px !important;
bottom: 3px !important;
background-color: #fff !important;
border-radius: 50% !important;
transition: 0.2s !important;
}
html body #eucc-banner input:checked + .eucc-slider {
background-color: var(--eucc-primary, #2271b1) !important;
}
html body #eucc-banner input:checked + .eucc-slider::before {
transform: translateX(18px) !important;
}
html body #eucc-banner input:disabled + .eucc-slider {
background-color: var(--eucc-primary, #2271b1) !important;
opacity: 0.6 !important;
cursor: not-allowed !important;
} html body #eucc-banner .eucc-buttons {
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
justify-content: flex-end !important;
}
html body #eucc-banner .eucc-btn {
appearance: none !important;
border: none !important;
border-radius: 6px !important;
padding: 10px 18px !important;
font-size: 14px !important;
cursor: pointer !important;
font-weight: 600 !important;
}
html body #eucc-banner .eucc-btn-primary {
background: var(--eucc-primary, #2271b1) !important;
color: #ffffff !important;
}
html body #eucc-banner .eucc-btn-ghost {
background: transparent !important;
color: var(--eucc-text, #ffffff) !important;
border: 1px solid rgba(255, 255, 255, 0.4) !important;
} html body .eucc-reopen-btn {
position: fixed !important;
bottom: 16px !important;
left: 16px !important;
z-index: 999997 !important;
width: 46px !important;
height: 46px !important;
border-radius: 50% !important;
background: var(--eucc-primary, #2271b1) !important;
color: #fff !important;
border: none !important;
font-size: 20px !important;
cursor: pointer !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
} html body .eucc-embed-placeholder {
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #111 !important;
color: #fff !important;
min-height: 200px !important;
width: 100% !important;
text-align: center !important;
padding: 20px !important;
box-sizing: border-box !important;
}
html body .eucc-embed-placeholder button {
background: var(--eucc-primary, #2271b1) !important;
color: #fff !important;
border: none !important;
border-radius: 6px !important;
padding: 10px 16px !important;
cursor: pointer !important;
font-size: 14px !important;
}
@media (max-width: 600px) {
html body #eucc-banner.eucc-position-center {
width: 92% !important;
}
html body #eucc-banner .eucc-buttons {
justify-content: stretch !important;
flex-direction: column !important;
}
html body #eucc-banner .eucc-btn {
width: 100% !important;
}
}