.gcc-consent-root[hidden] {
display: none !important;
}
.gcc-consent-root {
position: fixed;
inset: 0;
z-index: 99999;
font-family: Arial, sans-serif;
pointer-events: none;
line-height: 1.5;
text-align: left;
text-transform: none;
letter-spacing: normal;
word-spacing: normal;
font-kerning: auto;
}
.gcc-consent-root-visible {
display: block;
pointer-events: all;
}
.gcc-consent-root,
.gcc-consent-root *,
.gcc-consent-root *::before,
.gcc-consent-root *::after,
.gcc-revisit-button,
.gcc-revisit-button *,
.gcc-revisit-button *::before,
.gcc-revisit-button *::after {
box-sizing: border-box !important;
}
.gcc-consent-root button,
.gcc-consent-root input,
.gcc-consent-root label,
.gcc-consent-root a,
.gcc-consent-root strong,
.gcc-consent-root span,
.gcc-consent-root p,
.gcc-consent-root h2,
.gcc-consent-root img,
.gcc-consent-root svg,
.gcc-revisit-button,
.gcc-revisit-button button,
.gcc-revisit-button span,
.gcc-revisit-button img,
.gcc-revisit-button svg {
font-family: inherit !important;
max-width: none;
}
.gcc-consent-root button,
.gcc-consent-root input,
.gcc-consent-root a,
.gcc-revisit-button,
.gcc-revisit-button button,
.gcc-revisit-button a {
text-transform: none !important;
letter-spacing: normal !important;
text-indent: 0 !important;
text-shadow: none !important;
filter: none !important;
}
.gcc-consent-root .gcc-consent-backdrop {
position: absolute;
inset: 0;
background: rgba(17, 24, 39, 0.58);
}
.gcc-consent-root .gcc-consent-modal {
position: absolute;
left: 50%;
top: 50%;
width: min(840px, calc(100% - 48px));
transform: translate(-50%, -50%);
background: var(--gcc-modal-bg);
color: var(--gcc-body-text);
border-radius: 6px;
box-shadow: 0 24px 48px rgba(15, 23, 42, 0.22);
padding: 32px 32px 24px;
max-height: calc(100vh - 48px);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background-image: none !important;
border: 0 !important;
}
.gcc-consent-root .gcc-consent-content .gcc-consent-title {
margin: 0;
font-size: 2rem;
line-height: 1.1;
color: var(--gcc-heading-text);
font-weight: 700;
}
.gcc-consent-root .gcc-consent-content p {
margin: 8px 0 0;
font-size: 1.05rem;
line-height: 1.65;
color: var(--gcc-body-text-muted);
}
.gcc-consent-root .gcc-consent-content[data-gcc-panel="customize"] > p {
margin: 8px 0 16px;
}
.gcc-consent-root .gcc-consent-content a {
color: var(--gcc-body-text-muted);
font-weight: 700;
text-decoration: underline;
cursor: pointer;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.gcc-consent-root .gcc-consent-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 28px;
}
.gcc-consent-root .gcc-consent-powered-by {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 6px;
margin-top: 22px;
font-size: 0.78rem;
font-weight: 600;
color: var(--gcc-body-text-muted);
width: 100%;
}
.gcc-consent-root .gcc-consent-powered-by a {
display: inline-flex;
align-items: center;
text-decoration: none;
color: var(--gcc-heading-text);
cursor: pointer;
}
.gcc-consent-root .gcc-consent-powered-by img {
display: block;
height: 24px;
width: auto;
}
.gcc-consent-root .gcc-btn {
appearance: none;
-webkit-appearance: none;
font-family: Arial, sans-serif;
line-height: 1.2;
text-decoration: none;
box-sizing: border-box;
background-image: none;
box-shadow: none;
border: 2px solid transparent;
border-radius: 2px;
padding: 14px 28px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: opacity 0.2s ease, transform 0.2s ease;
margin: 0 !important;
min-height: 0 !important;
min-width: 0 !important;
float: none !important;
background-clip: padding-box !important;
}
.gcc-consent-root .gcc-btn:hover,
.gcc-consent-root .gcc-btn:focus-visible,
.gcc-revisit-button:hover,
.gcc-revisit-button:focus-visible {
opacity: 0.92;
}
.gcc-consent-root .gcc-btn:focus-visible,
.gcc-revisit-button:focus-visible,
.gcc-consent-root .gcc-consent-content a:focus-visible,
.gcc-consent-root .gcc-consent-powered-by a:focus-visible {
outline: 2px solid #111827;
outline-offset: 3px;
}
.gcc-consent-root .gcc-btn-customize {
background: var(--gcc-customize-bg) !important;
border-color: var(--gcc-customize-text) !important;
color: var(--gcc-customize-text) !important;
}
.gcc-consent-root .gcc-btn-reject {
background: var(--gcc-reject-bg) !important;
border-color: transparent !important;
color: var(--gcc-reject-text) !important;
}
.gcc-consent-root .gcc-btn-accept {
background: var(--gcc-primary-bg) !important;
border-color: transparent !important;
color: var(--gcc-primary-text) !important;
}
.gcc-consent-root .gcc-consent-content-hidden {
display: none !important;
}
.gcc-consent-root .gcc-consent-category {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 18px 0;
border-top: 1px solid rgba(17, 24, 39, 0.12);
}
.gcc-consent-root .gcc-consent-category > * {
flex-shrink: 0;
}
.gcc-consent-root .gcc-consent-category > :first-child {
flex: 1 1 auto;
min-width: 0;
}
.gcc-consent-root .gcc-consent-category:first-of-type {
border-top: 0;
}
.gcc-consent-root .gcc-consent-categories {
min-height: 0;
position: relative;
}
.gcc-consent-root .gcc-consent-category p {
font-size: 0.98rem;
line-height: 1.55;
margin-top: 4px;
color: var(--gcc-body-text-muted);
}
.gcc-consent-root .gcc-consent-category strong {
color: var(--gcc-heading-text);
}
.gcc-consent-root .gcc-switch {
position: relative;
display: inline-flex;
width: 56px;
height: 32px;
flex: 0 0 auto;
cursor: pointer;
}
.gcc-consent-root .gcc-switch input {
position: absolute;
opacity: 0;
pointer-events: none;
margin: 0 !important;
}
.gcc-consent-root .gcc-switch span {
position: absolute;
inset: 0;
background: #d1d5db;
border-radius: 999px;
transition: background 0.2s ease;
cursor: pointer;
}
.gcc-consent-root .gcc-switch span::after {
content: "";
position: absolute;
top: 4px;
left: 4px;
width: 24px;
height: 24px;
background: #fff;
border-radius: 50%;
transition: transform 0.2s ease;
}
.gcc-consent-root .gcc-switch input:checked + span {
background: #111827;
}
.gcc-consent-root .gcc-switch input:focus-visible + span {
outline: 2px solid #111827;
outline-offset: 3px;
}
.gcc-consent-root .gcc-switch input:checked + span::after {
transform: translateX(24px);
}
.gcc-consent-root .gcc-switch input:disabled + span {
background: #9ca3af;
}
.gcc-revisit-button,
.gcc-revisit-button[type="button"] {
position: fixed;
left: 20px;
bottom: 20px;
z-index: 9999;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 56px !important;
height: 56px !important;
min-width: 56px !important;
min-height: 56px !important;
max-width: 56px !important;
max-height: 56px !important;
margin: 0 !important;
padding: 0 !important;
appearance: none !important;
-webkit-appearance: none !important;
box-sizing: border-box !important;
font: inherit !important;
font-size: 0 !important;
font-weight: 400 !important;
line-height: 1 !important;
text-decoration: none !important;
background-image: none !important;
background-color: var(--gcc-revisit-icon-bg) !important;
border: 0 !important;
border-width: 0 !important;
border-style: none !important;
border-color: transparent !important;
border-radius: 50% !important;
background: var(--gcc-revisit-icon-bg) !important;
color: var(--gcc-revisit-icon-color) !important;
cursor: pointer !important;
box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18) !important;
flex: 0 0 56px;
text-align: center !important;
vertical-align: middle !important;
overflow: visible !important;
animation: none !important;
outline: none !important;
float: none !important;
background-clip: padding-box !important;
}
.gcc-revisit-button::before,
.gcc-revisit-button::after,
.gcc-revisit-button[type="button"]::before,
.gcc-revisit-button[type="button"]::after {
content: none !important;
animation: none !important;
}
.gcc-revisit-button .gcc-revisit-button__icon {
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
width: 24px;
height: 25px;
flex: 0 0 24px;
}
.gcc-revisit-button .gcc-revisit-button__icon svg {
display: block;
width: 24px;
height: 25px;
}
.gcc-revisit-button .gcc-revisit-button__tooltip {
position: absolute;
left: calc(100% + 12px);
top: 50%;
transform: translateY(-50%);
background: var(--gcc-revisit-bg);
color: var(--gcc-revisit-text);
padding: 8px 12px;
border-radius: 2px;
font-size: 0.9rem;
font-weight: 600;
line-height: 1.2;
white-space: nowrap;
opacity: 0;
pointer-events: none;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0.2s ease;
}
.gcc-revisit-button .gcc-revisit-button__tooltip::after {
content: "";
position: absolute;
top: 50%;
right: 100%;
transform: translateY(-50%);
border-width: 6px 6px 6px 0;
border-style: solid;
border-color: transparent var(--gcc-revisit-bg) transparent transparent;
}
.gcc-revisit-button:hover .gcc-revisit-button__tooltip,
.gcc-revisit-button:focus-visible .gcc-revisit-button__tooltip {
opacity: 1;
visibility: visible;
}
body.gcc-consent-open {
overflow: hidden;
}
@media (max-width: 767px) {
.gcc-consent-root .gcc-consent-modal {
width: calc(100% - 32px);
top: 16px;
left: 16px;
right: 16px;
transform: none;
padding: 24px 16px 16px;
max-height: 80dvh;
overflow: hidden;
}
.gcc-consent-root .gcc-consent-content .gcc-consent-title {
font-size: 1.6rem;
}
.gcc-consent-root .gcc-consent-content p {
font-size: 0.875rem;
}
.gcc-consent-root .gcc-consent-category strong {
font-size: 1rem;
}
.gcc-consent-root .gcc-consent-category p {
font-size: 0.875rem;
}
.gcc-consent-root .gcc-consent-actions {
flex-direction: column;
}
.gcc-consent-root .gcc-btn {
width: 100%;
}
.gcc-consent-root .gcc-consent-powered-by {
margin-top: 18px;
font-size: 0.74rem;
}
.gcc-consent-root .gcc-consent-powered-by img {
height: 20px;
}
.gcc-consent-root .gcc-consent-category {
align-items: flex-start;
}
.gcc-consent-root .gcc-consent-content[data-gcc-panel="customize"] {
display: flex;
flex-direction: column;
height: calc(80dvh - 40px);
max-height: calc(80dvh - 40px);
min-height: 0;
}
.gcc-consent-root .gcc-consent-content[data-gcc-panel="customize"] .gcc-consent-categories {
flex: 1 1 auto;
max-height: 100%;
min-height: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding-right: 2px;
box-shadow: inset 0 -18px 16px -16px rgba(15, 23, 42, 0.32);
}
.gcc-consent-root .gcc-consent-content[data-gcc-panel="customize"] .gcc-consent-categories::after {
content: "";
position: sticky;
left: 0;
right: 0;
bottom: 0;
display: block;
height: 18px;
margin-top: -18px;
pointer-events: none;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--gcc-modal-bg));
}
.gcc-consent-root .gcc-consent-content[data-gcc-panel="customize"] .gcc-consent-actions,
.gcc-consent-root .gcc-consent-content[data-gcc-panel="customize"] .gcc-consent-powered-by {
flex: 0 0 auto;
}
.gcc-revisit-button {
left: 16px;
bottom: 16px;
width: 56px;
height: 56px;
min-width: 56px;
min-height: 56px;
max-width: 56px;
max-height: 56px;
}
.gcc-revisit-button .gcc-revisit-button__icon {
width: 20px;
height: 20px;
flex: 0 0 20px;
align-items: center;
justify-content: center;
}
.gcc-revisit-button .gcc-revisit-button__icon svg {
width: 20px;
height: 20px;
}
.gcc-revisit-button .gcc-revisit-button__tooltip {
display: none;
}
}