#mcs-consent-v2.mcs-consent-v2 {
--mcs-font-family: Arial, Helvetica, sans-serif;
--mcs-font-size-base: 14px;
--mcs-font-size-title: 16px;
--mcs-font-size-weight: normal;
--mcs-overlay-bg: rgba(255, 255, 255, 0.55);
--mcs-card-max-width: 620px;
--mcs-card-width-mobile-gap: 24px;
--mcs-card-bg: rgba(255, 255, 255, 0.86);
--mcs-card-border: 1px solid rgba(0, 0, 0, 0.08);
--mcs-card-radius: 12px;
--mcs-card-radius-mobile: 10px;
--mcs-card-shadow: 0 12px 24px rgba(0, 0, 0, 0.16);
--mcs-card-padding: 20px 20px 5px;
--mcs-card-blur: 8px;
--mcs-spacing-title-bottom: 10px;
--mcs-spacing-desc-bottom: 16px;
--mcs-desc-lines: inherit;
--mcs-more-margin-top: -8px;
--mcs-more-margin-bottom: 12px;
--mcs-actions-gap: 10px;
--mcs-btn-padding-y: 10px;
--mcs-btn-padding-x: 15px;
--mcs-btn-radius: 4px;
--mcs-btn-settings-bg: #0d6efd;
--mcs-btn-settings-border: #0d6efd;
--mcs-btn-settings-text: #fff;
--mcs-btn-settings-bg-hover: #0b5ed7;
--mcs-btn-settings-border-hover: #0a58ca;
--mcs-btn-reject-bg: #e9ecef;
--mcs-btn-reject-border: #ced4da;
--mcs-btn-reject-text: #212529;
--mcs-btn-reject-bg-hover: #dde2e6;
--mcs-btn-reject-border-hover: #c3c9cf;
--mcs-btn-accept-bg: #198754;
--mcs-btn-accept-border: #198754;
--mcs-btn-accept-text: #fff;
--mcs-btn-accept-bg-hover: #157347;
--mcs-btn-accept-border-hover: #146c43;
--mcs-panel-border: 1px solid rgba(0, 0, 0, 0.12);
--mcs-panel-padding-top: 14px;
--mcs-panel-margin-top: 16px;
--mcs-row-margin-bottom: 10px;
--mcs-panel-max-height: 52vh;
--mcs-powered-by-margin-top: 14px;
--mcs-powered-by-font-size: 12px;
--mcs-powered-by-color: #6c757d;
position: fixed;
inset: 0;
z-index: 2147483000;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--mcs-font-family), sans-serif;
font-size: var(--mcs-font-size-base);
}
#mcs-consent-v2.mcs-consent-v2,
#mcs-consent-v2.mcs-consent-v2 * {
box-sizing: border-box;
}
#mcs-consent-v2.mcs-consent-v2 button,
#mcs-consent-v2.mcs-consent-v2 input,
#mcs-consent-v2.mcs-consent-v2 label,
#mcs-consent-v2.mcs-consent-v2 p,
#mcs-consent-v2.mcs-consent-v2 h3,
#mcs-consent-v2.mcs-consent-v2 span {
font-family: var(--mcs-font-family), sans-serif !important;
letter-spacing: normal !important;
text-transform: none !important;
}
html.mcs-consent-v2-lock-scroll,
body.mcs-consent-v2-lock-scroll {
overflow: hidden !important;
}
#mcs-consent-v2.mcs-consent-v2[hidden] {
display: none !important;
}
#mcs-consent-v2:not([hidden]) + #mcs-consent-v2-revisit {
opacity: 0;
pointer-events: none;
}
#mcs-consent-v2.mcs-consent-v2 a,
#mcs-consent-v2.mcs-consent-v2 button,
#mcs-consent-v2.mcs-consent-v2 .button {
cursor: pointer;
}
.mcs-consent-v2__overlay {
position: absolute;
inset: 0;
background: var(--mcs-overlay-bg);
}
.mcs-consent-v2__card {
position: relative;
max-width: var(--mcs-card-max-width);
width: min(var(--mcs-card-max-width), calc(100vw - var(--mcs-card-width-mobile-gap)));
margin: 0;
background: var(--mcs-card-bg);
border: var(--mcs-card-border);
backdrop-filter: blur(var(--mcs-card-blur));
-webkit-backdrop-filter: blur(var(--mcs-card-blur));
border-radius: var(--mcs-card-radius);
box-shadow: var(--mcs-card-shadow);
padding: var(--mcs-card-padding);
}
.mcs-consent-v2__title {
margin: 0 0 var(--mcs-spacing-title-bottom);
font-size: var(--mcs-font-size-title);
font-family: var(--mcs-font-family), sans-serif;
font-weight: var(--mcs-font-size-weight);
}
.mcs-consent-v2__desc {
margin: 0 0 var(--mcs-spacing-desc-bottom);
line-height: 1.5;
font-family: var(--mcs-font-family), sans-serif;
display: -webkit-box;
-webkit-line-clamp: var(--mcs-desc-lines);
-webkit-box-orient: vertical;
overflow: hidden;
}
.mcs-consent-v2__policy-link {
color: #000 !important;
text-decoration: underline !important;
}
.mcs-consent-v2__more {
margin: var(--mcs-more-margin-top) 0 var(--mcs-more-margin-bottom);
padding: 0;
border: 0;
background: transparent;
color: var(--mcs-btn-reject-text);
font-family: var(--mcs-font-family), sans-serif;
font-size: var(--mcs-font-size-base);
text-decoration: underline;
cursor: pointer;
}
.mcs-consent-v2__actions {
display: flex;
gap: var(--mcs-actions-gap);
flex-wrap: wrap;
}
.mcs-consent-v2__actions .button {
font-family: var(--mcs-font-family), sans-serif;
font-size: var(--mcs-font-size-base);
padding: var(--mcs-btn-padding-y) var(--mcs-btn-padding-x);
border-radius: var(--mcs-btn-radius);
border: 1px solid transparent !important;
box-shadow: none !important;
text-decoration: none !important;
font-weight: 500 !important;
line-height: 1.3 !important;
cursor: pointer;
transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .12s ease;
}
.mcs-consent-v2__actions .button[data-consent-settings] {
background: var(--mcs-btn-settings-bg) !important;
border-color: var(--mcs-btn-settings-border) !important;
color: var(--mcs-btn-settings-text) !important;
}
.mcs-consent-v2__actions .button[data-consent-settings]:hover,
.mcs-consent-v2__actions .button[data-consent-settings]:focus-visible {
background: var(--mcs-btn-settings-bg-hover) !important;
border-color: var(--mcs-btn-settings-border-hover) !important;
}
.mcs-consent-v2__actions .button[data-consent-reject] {
background: var(--mcs-btn-reject-bg) !important;
border-color: var(--mcs-btn-reject-border) !important;
color: var(--mcs-btn-reject-text) !important;
}
.mcs-consent-v2__actions .button[data-consent-reject]:hover,
.mcs-consent-v2__actions .button[data-consent-reject]:focus-visible {
background: var(--mcs-btn-reject-bg-hover) !important;
border-color: var(--mcs-btn-reject-border-hover) !important;
}
.mcs-consent-v2__actions .button[data-consent-accept],
.mcs-consent-v2__actions .button[data-consent-save] {
background: var(--mcs-btn-accept-bg) !important;
border-color: var(--mcs-btn-accept-border) !important;
color: var(--mcs-btn-accept-text) !important;
}
.mcs-consent-v2__actions .button[data-consent-accept]:hover,
.mcs-consent-v2__actions .button[data-consent-accept]:focus-visible,
.mcs-consent-v2__actions .button[data-consent-save]:hover,
.mcs-consent-v2__actions .button[data-consent-save]:focus-visible {
background: var(--mcs-btn-accept-bg-hover) !important;
border-color: var(--mcs-btn-accept-border-hover) !important;
}
.mcs-consent-v2__actions .button:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(13, 110, 253, .25);
}
.mcs-consent-v2__actions .button:active {
transform: translateY(1px);
}
.mcs-consent-v2__panel {
margin-top: var(--mcs-panel-margin-top);
padding-top: var(--mcs-panel-padding-top);
border-top: var(--mcs-panel-border);
max-height: var(--mcs-panel-max-height);
overflow-y: auto;
padding-right: 6px;
}
.mcs-consent-v2__category {
border-top: 1px solid rgba(0, 0, 0, 0.08);
padding: 10px 0;
}
.mcs-consent-v2__category-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
#mcs-consent-v2 .mcs-consent-v2__cat-toggle,
#mcs-consent-v2 button.mcs-consent-v2__cat-toggle,
#mcs-consent-v2 [type="button"].mcs-consent-v2__cat-toggle {
border: 0 !important;
background: transparent !important;
background-color: transparent !important;
color: #1f2937 !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 0 !important;
min-height: 0 !important;
height: auto !important;
width: auto !important;
max-width: 100% !important;
appearance: none !important;
-webkit-appearance: none !important;
font-family: var(--mcs-font-family), sans-serif;
font-size: var(--mcs-font-size-base);
font-weight: 600;
line-height: 1.3;
text-align: left;
display: inline-flex;
align-items: center;
gap: 8px;
cursor: pointer;
box-shadow: none !important;
}
#mcs-consent-v2 .mcs-consent-v2__cat-toggle:hover,
#mcs-consent-v2 .mcs-consent-v2__cat-toggle:active,
#mcs-consent-v2 .mcs-consent-v2__cat-toggle:focus,
#mcs-consent-v2 .mcs-consent-v2__cat-toggle:focus-visible,
#mcs-consent-v2 button.mcs-consent-v2__cat-toggle:hover,
#mcs-consent-v2 button.mcs-consent-v2__cat-toggle:active,
#mcs-consent-v2 button.mcs-consent-v2__cat-toggle:focus,
#mcs-consent-v2 button.mcs-consent-v2__cat-toggle:focus-visible {
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
outline: none !important;
box-shadow: none !important;
color: #1f2937 !important;
text-decoration: none !important;
}
#mcs-consent-v2 .mcs-consent-v2__cat-toggle *,
#mcs-consent-v2 .mcs-consent-v2__cat-toggle *:hover,
#mcs-consent-v2 .mcs-consent-v2__cat-toggle *:active,
#mcs-consent-v2 .mcs-consent-v2__cat-toggle *:focus,
#mcs-consent-v2 .mcs-consent-v2__cat-toggle *:focus-visible {
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
box-shadow: none !important;
outline: none !important;
text-decoration: none !important;
}
.mcs-consent-v2__switch input:focus,
.mcs-consent-v2__switch input:focus-visible,
.mcs-consent-v2__switch input:active {
outline: none !important;
box-shadow: none !important;
}
.mcs-consent-v2__chevron {
font-size: 20px;
line-height: 1;
color: #6c757d;
transition: transform .2s ease;
}
.mcs-consent-v2__cat-toggle[aria-expanded="true"] .mcs-consent-v2__chevron {
transform: rotate(90deg);
}
.mcs-consent-v2__badge {
background: transparent !important;
color: #1f2937;
padding: 0;
border-radius: 0;
font-weight: 600;
display: inline;
}
.mcs-consent-v2__always-on {
color: #198754;
font-weight: 600;
font-size: 13px;
}
.mcs-consent-v2__switch {
position: relative;
display: inline-block;
width: 46px;
height: 26px;
}
.mcs-consent-v2__switch input {
opacity: 0;
width: 0;
height: 0;
}
.mcs-consent-v2__slider {
position: absolute;
inset: 0;
background: #cfd4da;
border-radius: 999px;
transition: .2s ease;
}
.mcs-consent-v2__slider::before {
content: "";
position: absolute;
width: 20px;
height: 20px;
left: 3px;
top: 3px;
background: #fff;
border-radius: 50%;
transition: .2s ease;
}
.mcs-consent-v2__switch input:checked + .mcs-consent-v2__slider {
background: #0d6efd;
}
.mcs-consent-v2__switch input:checked + .mcs-consent-v2__slider::before {
transform: translateX(20px);
}
.mcs-consent-v2__category-body {
padding: 2px;
}
.mcs-consent-v2__category-desc {
font-size: 13px;
line-height: 1.45;
margin-bottom: 8px;
}
.mcs-consent-v2__table-wrap {
overflow-x: auto;
}
.mcs-consent-v2__table {
width: 100%;
border-collapse: collapse;
font-size: 12px;
}
.mcs-consent-v2__table th,
.mcs-consent-v2__table td {
border: 1px solid rgba(0, 0, 0, 0.12);
padding: 6px;
vertical-align: top;
text-align: left;
}
.mcs-consent-v2__powered-by {
margin-top: var(--mcs-powered-by-margin-top);
font-size: var(--mcs-powered-by-font-size);
color: var(--mcs-powered-by-color);
font-family: var(--mcs-font-family), sans-serif;
}
.mcs-consent-v2__powered-by a {
color: inherit;
text-decoration: underline;
text-align: right;
}
#mcs-consent-v2-revisit {
position: fixed;
left: 12px;
bottom: 12px;
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.12);
background: #fff;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
z-index: 2147483001;
cursor: pointer;
}
#mcs-consent-v2-revisit img {
max-width: 24px;
max-height: 24px;
display: block;
}
@media (max-width: 767px) {
.mcs-consent-v2__card {
border-radius: var(--mcs-card-radius-mobile);
min-height: auto;
max-width: 100%;
}
}