#pixelmate-banner,
#pixelmate-banner *,
#pixelmate-overlay,
.pixelmate-settings-modal,
.pixelmate-settings-modal *,
.pixelmate-settings-modal-overlay,
#pixelmate-revoke-button {
box-sizing: border-box !important;
margin: 0 !important;
padding: 0 !important;
} #pixelmate-banner { position: fixed ;
z-index: 999999 ;
font-family: inherit ; pointer-events: auto ; overflow: visible ; max-height: 100vh ;
overflow-y: scroll ; text-align: left ;
direction: ltr ;
unicode-bidi: normal ; -webkit-font-smoothing: antialiased ;
-moz-osx-font-smoothing: grayscale ;
} .pixelmate-banner-inner {
width: 100% ;
position: relative ;
} #pixelmate-banner .pixelmate-title,
#pixelmate-banner .pixelmate-text,
#pixelmate-banner .pixelmate-extended-text,
#pixelmate-banner .pixelmate-category-name {
overflow-wrap: anywhere ;
word-break: break-word ;
} #pixelmate-banner .pixelmate-banner-inner,
#pixelmate-banner .pixelmate-text {
scrollbar-width: thin ;
}
#pixelmate-banner .pixelmate-banner-inner::-webkit-scrollbar,
#pixelmate-banner .pixelmate-text::-webkit-scrollbar {
width: 8px ;
}
#pixelmate-banner .pixelmate-banner-inner::-webkit-scrollbar-thumb,
#pixelmate-banner .pixelmate-text::-webkit-scrollbar-thumb {
background-color: rgba(128, 128, 128, 0.5) ;
border-radius: 4px ;
} #pixelmate-banner a,
.pixelmate-settings-modal a {
color: inherit !important;
text-decoration: inherit !important;
border: none !important;
box-shadow: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
}
#pixelmate-banner a:hover,
#pixelmate-banner a:focus,
#pixelmate-banner a:active,
#pixelmate-banner a:visited,
.pixelmate-settings-modal a:hover,
.pixelmate-settings-modal a:focus,
.pixelmate-settings-modal a:active,
.pixelmate-settings-modal a:visited {
color: inherit !important;
text-decoration: inherit !important;
border: none !important;
box-shadow: none !important;
background: none !important;
outline: 2px solid currentColor ;
outline-offset: 2px ;
} #pixelmate-banner button,
.pixelmate-settings-modal button,
#pixelmate-revoke-button {
box-sizing: border-box !important;
line-height: normal !important;
height: auto !important; outline: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important; cursor: pointer !important; -webkit-user-select: none ;
-moz-user-select: none ;
-ms-user-select: none ;
user-select: none ; background-image: none !important;
box-shadow: none !important;
text-shadow: none !important;
} #pixelmate-banner button::before,
#pixelmate-banner button::after,
.pixelmate-settings-modal button::before,
.pixelmate-settings-modal button::after,
#pixelmate-revoke-button::before,
#pixelmate-revoke-button::after {
display: none !important;
content: none !important;
background: none !important;
background-image: none !important;
} #pixelmate-banner button:hover,
.pixelmate-settings-modal button:hover,
#pixelmate-revoke-button:hover {
opacity: 0.9 ;
transform: translateY(-1px) ;
background-image: none !important;
box-shadow: none !important;
}
#pixelmate-banner button:active,
.pixelmate-settings-modal button:active,
#pixelmate-revoke-button:active {
transform: translateY(0) ;
}
#pixelmate-banner button:focus,
.pixelmate-settings-modal button:focus,
#pixelmate-revoke-button:focus {
outline: 2px solid currentColor ;
outline-offset: 2px ;
} #pixelmate-banner h1,
#pixelmate-banner h2,
#pixelmate-banner h3,
#pixelmate-banner h4,
#pixelmate-banner h5,
#pixelmate-banner h6,
.pixelmate-settings-modal h1,
.pixelmate-settings-modal h2,
.pixelmate-settings-modal h3,
.pixelmate-settings-modal h4,
.pixelmate-settings-modal h5,
.pixelmate-settings-modal h6 {
font-family: inherit !important;
font-size: inherit ;
font-weight: inherit ;
line-height: inherit ;
color: inherit ;
margin: inherit ;
padding: 0 !important;
border: none !important;
background: none !important;
text-transform: none ;
letter-spacing: normal ;
} #pixelmate-overlay { position: fixed ;
pointer-events: none ;
z-index: 999998 ;
} @media (max-width: 768px) {
#pixelmate-banner { max-width: calc(100vw - 40px) ;
max-height: calc(100vh - 40px) ;
} #pixelmate-banner .pixelmate-buttons {
flex-direction: column ;
gap: 8px ;
}
#pixelmate-banner button {
width: 100% ;
text-align: center ;
} #pixelmate-banner .pixelmate-banner-inner {
flex-direction: column ;
text-align: center ;
} .pixelmate-settings-modal .pixelmate-modal-footer {
flex-direction: column !important;
}
.pixelmate-settings-modal .pixelmate-modal-footer button {
width: 100% !important;
} #pixelmate-banner .pixelmate-banner-content {
width: 100% ;
overflow-y: auto ;
} #pixelmate-banner .pixelmate-bar-columns {
flex-direction: column !important;
}
#pixelmate-banner .pixelmate-bar-col {
width: 100% !important;
overflow-y: visible !important;
}
} @media (max-width: 480px) {
#pixelmate-banner {
font-size: 13px ;
line-height: 1.4 ;
}
} @media print {
#pixelmate-banner,
#pixelmate-overlay {
display: none ;
}
} @media (prefers-contrast: high) {
#pixelmate-banner {
border: 2px solid currentColor ;
}
#pixelmate-banner button {
border: 2px solid currentColor ;
}
} @media (prefers-reduced-motion: reduce) {
#pixelmate-banner,
#pixelmate-banner *,
#pixelmate-overlay {
animation-duration: 0.01ms ;
animation-iteration-count: 1 ;
transition-duration: 0.01ms ;
scroll-behavior: auto ;
}
} @media (prefers-color-scheme: dark) {
#pixelmate-banner {
color: #ffffff ;
background-color: #2d3748 ;
} #pixelmate-banner[style*="background-color: #ffffff"] {
background-color: #2d3748 ;
}
#pixelmate-banner[style*="color: #333333"] {
color: #ffffff ;
}
} @container (max-width: 280px) {
.pixelmate-content-banner-consent-option,
.pixelmate-content-banner-link {
display: none ;
}
}
@container (max-width: 200px) { .pixelmate-content-banner-title,
.pixelmate-content-banner-text {
display: none ;
}
} .pixelmate-turnstile-modal-overlay {
position: fixed ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 100% ;
background: rgba(0, 0, 0, 0.6) ;
z-index: 1000000 ;
opacity: 0 ;
transition: opacity 0.2s ease ;
}
.pixelmate-turnstile-modal-overlay.pixelmate-turnstile-modal-visible {
opacity: 1 ;
}
.pixelmate-turnstile-modal {
position: fixed ;
top: 50% ;
left: 50% ;
transform: translate(-50%, -50%) scale(0.95) ;
width: 90% ;
max-width: 420px ;
background: #ffffff ;
color: #333333 ;
border-radius: 8px ;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3) ;
padding: 24px ;
z-index: 1000001 ;
opacity: 0 ;
transition: opacity 0.2s ease, transform 0.2s ease ;
box-sizing: border-box ;
}
.pixelmate-turnstile-modal.pixelmate-turnstile-modal-visible {
opacity: 1 ;
transform: translate(-50%, -50%) scale(1) ;
}
.pixelmate-turnstile-modal-title {
margin: 0 0 12px 0 ;
font-size: 18px ;
font-weight: 600 ;
}
.pixelmate-turnstile-modal-text {
margin: 0 0 16px 0 ;
font-size: 14px ;
line-height: 1.5 ;
}
.pixelmate-turnstile-modal-status {
font-size: 13px ;
color: #666 ;
min-height: 18px ;
margin-bottom: 8px ;
}
.pixelmate-turnstile-modal-widget {
display: flex ;
justify-content: center ;
margin-bottom: 8px ;
}
.pixelmate-turnstile-modal-actions {
display: flex ;
justify-content: flex-end ;
gap: 12px ;
margin-top: 8px ;
}
.pixelmate-turnstile-modal-btn {
border: none ;
padding: 10px 18px ;
font-size: 14px ;
font-weight: 600 ;
border-radius: 4px ;
cursor: pointer ;
white-space: nowrap ;
}
.pixelmate-turnstile-modal-btn-primary {
background: #0073aa ;
color: #ffffff ;
}
.pixelmate-turnstile-modal-btn-secondary {
background: transparent ;
color: #666 ;
} #pixelmate-banner button:focus:not(:focus-visible) {
outline: none ;
}
#pixelmate-banner button:focus-visible {
outline: 2px solid currentColor ;
outline-offset: 2px ;
}