.wpcg-settings-widget {
background: transparent;
border: none;
border-radius: 0;
padding: 20px;
margin: 20px 0;
box-shadow: none;
} .wpcg-settings-widget h3 {
margin-top: 0;
margin-bottom: 15px;
font-size: 18px;
color: var(--wpcg-text-color, #D2C8BC);
padding-bottom: 10px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400;
} .wpcg-consent-category {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(210, 200, 188, 0.2);
}
.wpcg-consent-category:last-child {
border-bottom: none;
} .wpcg-consent-category label {
display: block;
margin-bottom: 5px;
font-weight: 400;
cursor: pointer;
color: var(--wpcg-text-color, #D2C8BC);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.wpcg-consent-category input[type="checkbox"] {
margin-right: 8px;
vertical-align: middle;
} .wpcg-category-description {
font-size: 13px;
color: var(--wpcg-text-color, #D2C8BC);
line-height: 1.5;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400;
} .wpcg-save-settings {
background: transparent;
border: none;
color: var(--wpcg-text-color, #D2C8BC);
padding: 8px 15px;
border-radius: 0;
cursor: pointer;
font-size: 14px;
margin-top: 10px;
transition: background-color 0.2s;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400;
}
.wpcg-save-settings:hover {
background-color: rgba(210, 200, 188, 0.5);
}
.wpcg-save-settings:active {
transform: none;
} .wpcg-notification {
margin-top: 15px;
padding: 10px;
border-radius: 0;
font-size: 14px;
background: transparent;
color: var(--wpcg-text-color, #D2C8BC);
border: 1px solid rgba(210, 200, 188, 0.2);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400;
}
.wpcg-success {
background: transparent;
color: var(--wpcg-text-color, #D2C8BC);
border: 1px solid rgba(210, 200, 188, 0.2);
}
.wpcg-error {
background: transparent;
color: var(--wpcg-text-color, #D2C8BC);
border: 1px solid rgba(210, 200, 188, 0.2);
}  #wpcg-settings-modal,
.wpcg-modal {
display: none;
position: fixed;
z-index: 3000;
left: 0;
top: 0;
width: 100%;
height: 100%; opacity: 0;
transition: opacity 0.3s ease-in-out; }  #wpcg-settings-modal,
.wpcg-modal.wpcg-cookie-modal-wrapper {
backdrop-filter: blur(var(--wpcg-cookie-modal-bg-blur, 10px));
-webkit-backdrop-filter: blur(var(--wpcg-cookie-modal-bg-blur, 10px));
} .wpcg-modal.wpcg-cookie-modal {
backdrop-filter: blur(var(--wpcg-cookie-modal-bg-blur, 10px));
-webkit-backdrop-filter: blur(var(--wpcg-cookie-modal-bg-blur, 10px));
} .wpcg-modal.wpcg-cookie-modal {
backdrop-filter: blur(var(--wpcg-modal-bg-blur, 3px));
-webkit-backdrop-filter: blur(var(--wpcg-modal-bg-blur, 3px));
}
#wpcg-settings-modal.active,
.wpcg-modal.active {
display: block !important;
opacity: 1;
} .wpcg-cookie-modal-content {
position: relative;
background: var(--wpcg-cookie-modal-bg-rgba, rgba(0, 0, 0, 0.85));
color: var(--wpcg-cookie-modal-text-color, #D2C8BC);
width: 800px;
height: 80vh;
margin: calc(10vh) auto 0;
padding: 0;
border-radius: var(--wpcg-cookie-modal-border-radius, 0px);
box-shadow: none;
transform: translateY(20px);
opacity: 0;
transition: transform 0.3s ease-out, opacity 0.3s ease-out;
overflow: hidden;
display: flex;
flex-direction: column;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
.wpcg-modal.active .wpcg-cookie-modal-content {
transform: translateY(0);
opacity: 1;
} .wpcg-modal-content {
position: relative;
background: var(--wpcg-cookie-modal-bg-rgba, rgba(0, 0, 0, 0.85));
color: var(--wpcg-cookie-modal-text-color, #D2C8BC);
width: 800px;
height: 80vh;
margin: calc(10vh) auto 0;
padding: 0;
border-radius: var(--wpcg-cookie-modal-border-radius, 0px);
box-shadow: none;
transform: translateY(20px);
opacity: 0;
transition: transform 0.3s ease-out, opacity 0.3s ease-out;
overflow: hidden;
display: flex;
flex-direction: column;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
.wpcg-modal.active .wpcg-modal-content {
transform: translateY(0);
opacity: 1;
} .wpcg-close {
position: absolute;
right: 15px;
top: 15px;
background: none;
border: none;
font-size: 20px;
cursor: pointer;
color: var(--wpcg-text-color, #D2C8BC);
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
transition: none;
z-index: 10;
}
.wpcg-close:hover {
color: #E7E1DB;
background: none;
} .wpcg-modal h3,
#wpcg-modal-title {
margin: 0;
font-size: 36px;
font-weight: 400;
color: var(--wpcg-text-color, #D2C8BC);
background: transparent;
position: relative;
flex-shrink: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
} .wpcg-modal-scroll-area {
flex: 1;
overflow-y: auto;
padding: 0;
margin: 0 25px;
min-height: 0;
}  .wpcg-modal-description {
margin: 0;
padding: 0px 35px;
background: transparent;
border: none;
}
.wpcg-modal-description-wrapp {
font-size: 16px;
line-height: 1.6;
color: var(--wpcg-text-color, #D2C8BC);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400;
border-bottom: 1px solid var(--wpcg-text-color, #D2C8BC);
padding: 20px 0 20px 0;
border-bottom: 1px solid var(--wpcg-text-color, #D2C8BC);
border-radius: 0;
background: transparent;
transition: none;
}
.wpcg-modal-description p {
margin: 0 0 10px 0;
}
.wpcg-modal-description p:last-child {
margin-bottom: 0;
}
.wpcg-modal-description a {
color: #B8A082;
text-decoration: none;
}
.wpcg-modal-description a:hover {
text-decoration: underline;
color: var(--wpcg-text-color, #D2C8BC);
} .wpcg-settings-form {
display: flex;
flex-direction: column;
padding: 0px 35px;
flex: 1;
min-height: 0;
} .wpcg-category-item {
padding: 20px 0 20px 0;
border-bottom: 1px solid var(--wpcg-text-color, #D2C8BC);
border-radius: 0;
background: transparent;
transition: none;
}
.wpcg-category-item:hover {
background: transparent;
}
.wpcg-category-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0px;
}
.wpcg-category-title {
font-weight: 400;
font-size: 24px;
color: var(--wpcg-text-color, #D2C8BC);
margin: 0;
display: flex;
align-items: center;
gap: 8px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.wpcg-required {
color: var(--wpcg-text-color, #D2C8BC);
font-weight: 400;
}
.wpcg-category-description {
font-size: 16px;
color: var(--wpcg-text-color, #D2C8BC);
line-height: 1.5;
margin-top: 20px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400;
} .wpcg-category-status {
margin-bottom: 12px;
}
.wpcg-status-text {
font-size: 14px;
font-weight: 400;
padding: 0;
border-radius: 0;
display: inline-block;
transition: none;
background: transparent;
color: var(--wpcg-text-color, #D2C8BC);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.wpcg-status-text.enabled {
color: var(--wpcg-text-color, #D2C8BC);
background: transparent;
}
.wpcg-status-text.disabled {
color: var(--wpcg-text-color, #D2C8BC);
background: transparent;
}
.wpcg-category-ttl {
font-size: 14px;
color: var(--wpcg-text-color, #D2C8BC);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400;
} .wpcg-toggle {
position: relative;
display: inline-block;
width: 50px;
height: 24px;
}
.wpcg-toggle input {
opacity: 0;
width: 0;
height: 0;
}
.wpcg-toggle-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #4D4D4D;
transition: background-color 0.4s ease;
border-radius: 34px;
}
.wpcg-toggle-slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 4px;
bottom: 4px;
background-color: #000000;
transition: transform 0.4s ease, background-color 0.4s ease;
border-radius: 50%;
box-shadow: none;
}
.wpcg-toggle input:checked+.wpcg-toggle-slider {
background-color: var(--wpcg-text-color, #D2C8BC);
}
.wpcg-toggle input:checked+.wpcg-toggle-slider:before {
transform: translateX(26px);
background-color: #746553;
}
.wpcg-toggle input:disabled+.wpcg-toggle-slider {
cursor: not-allowed;
}
.wpcg-toggle input:disabled+.wpcg-toggle-slider:before {
background-color: #746553;
} .wpcg-toggle-slider.wpcg-toggle-active {
background-color: #D2C8BC !important;
}
.wpcg-toggle-slider.wpcg-toggle-active:before {
transform: translateX(26px) !important;
background-color: #746553 !important;
} .wpcg-modal-buttons {
display: flex;
justify-content: center;
gap: 20px;
padding: 30px 40px;
background: transparent;
flex-shrink: 0;
} .wpcg-btn,
.wpcg-toggle input,
.wpcg-toggle-slider,
.wpcg-close {
outline: none !important;
-webkit-tap-highlight-color: transparent !important;
}
.wpcg-btn:focus,
.wpcg-btn:active,
.wpcg-toggle input:focus,
.wpcg-toggle input:active,
.wpcg-toggle-slider:focus,
.wpcg-toggle-slider:active,
.wpcg-close:focus,
.wpcg-close:active {
outline: none !important;
box-shadow: none !important;
}
.wpcg-btn {
padding: 24px 24px;
border-radius: 0;
border: 1px solid #D2C8BC;
font-size: 16px;
font-weight: 400;
cursor: pointer;
text-decoration: none;
transition: background-color 0.2s ease;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 140px;
height: 44px;
background: transparent;
color: var(--wpcg-text-color, #D2C8BC);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
line-height: 1;
transform: translateY(-1px);
}
.wpcg-btn-primary {
background: transparent;
color: var(--wpcg-text-color, #D2C8BC);
border: 1px solid #D2C8BC;
}
.wpcg-btn-primary:hover {
background-color: rgba(210, 200, 188, 0.1);
}
.wpcg-btn-primary:active {
background-color: rgba(210, 200, 188, 0.5);
}
.wpcg-btn-secondary {
background: transparent;
color: var(--wpcg-text-color, #D2C8BC);
border: 1px solid #D2C8BC;
}
.wpcg-btn-secondary:hover {
background-color: rgba(210, 200, 188, 0.1);
}
.wpcg-btn-secondary:active {
background-color: rgba(210, 200, 188, 0.5);
} .wpcg-btn:focus,
.wpcg-toggle input:focus+.wpcg-toggle-slider,
.wpcg-close:focus {
outline: 2px solid #B8A082;
outline-offset: 2px;
} @media (max-width: 500px) {
.wpcg-cookie-modal-content {
width: calc(100% - 20px);
height: 80vh;
margin: 10vh auto;
}
.wpcg-cookie-modal-content h2 {
font-size: 24px;
padding: 20px 20px;
} .wpcg-category-header {
padding: 0px 0px 20px;
}
.wpcg-category-title {
font-size: 20px;
}
.wpcg-modal-scroll-area {
margin: 0px 20px;
}
.wpcg-modal h2,
#wpcg-modal-title {
font-size: 24px !important;
padding: 20px 20px;
}
.wpcg-modal h3,
#wpcg-modal-title {
font-size: 24px !important;
}
.wpcg-modal-body h3 {
font-size: 20px;
}
.wpcg-modal-description {
padding: 20px 30px 15px;
}
.wpcg-modal-buttons {
padding: 20px 30px;
flex-direction: column;
gap: 12px;
}
.wpcg-btn {
width: 100%;
min-width: auto;
}
.wpcg-category-header {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.wpcg-modal-content {
width: calc(100% - 20px);
height: 80vh;
margin: 10vh auto;
border-radius: 0;
}
.wpcg-settings-form {
padding: 0px;
}
.wpcg-modal-buttons {
padding: 20px 20px;
}
.wpcg-category-item {
padding: 15px 0px;
}
} @media (prefers-reduced-motion: reduce) {
.wpcg-modal,
.wpcg-modal-content,
.wpcg-btn,
.wpcg-toggle-slider {
transition: none;
}
}  .wpcg-modal:not(.active) .wpcg-toggle-slider,
.wpcg-modal:not(.active) .wpcg-toggle-slider:before {
transition: opacity 0.3s ease-out !important;
opacity: 0 !important;
} .wpcg-modal:not(.active) .wpcg-toggle,
.wpcg-modal:not(.active) .wpcg-category-item {
transition: opacity 0.3s ease-out !important;
opacity: 0 !important;
} .wpcg-modal.active .wpcg-toggle-slider {
transition: background-color 0.4s ease !important;
}
.wpcg-modal.active .wpcg-toggle-slider:before {
transition: transform 0.4s ease, background-color 0.4s ease !important;
}   .wpcg-modal-scroll-area::-webkit-scrollbar,
.wpcg-cookie-modal-content *::-webkit-scrollbar,
.wpcg-modal-content *::-webkit-scrollbar {
width: 6px !important;
height: 6px !important;
background: transparent !important;
}
.wpcg-modal-scroll-area::-webkit-scrollbar-track,
.wpcg-cookie-modal-content *::-webkit-scrollbar-track,
.wpcg-modal-content *::-webkit-scrollbar-track {
background: rgba(210, 200, 188, 0.5) !important;
border-radius: 3px !important;
border: none !important;
box-shadow: none !important;
} .wpcg-modal-scroll-area::-webkit-scrollbar-thumb,
.wpcg-modal-scroll-area::-webkit-scrollbar-thumb:hover,
.wpcg-modal-scroll-area::-webkit-scrollbar-thumb:active,
.wpcg-cookie-modal-content *::-webkit-scrollbar-thumb,
.wpcg-cookie-modal-content *::-webkit-scrollbar-thumb:hover,
.wpcg-cookie-modal-content *::-webkit-scrollbar-thumb:active,
.wpcg-modal-content *::-webkit-scrollbar-thumb,
.wpcg-modal-content *::-webkit-scrollbar-thumb:hover,
.wpcg-modal-content *::-webkit-scrollbar-thumb:active {
background: var(--wpcg-cookie-modal-scrollbar-color, #D2C8BC) !important;
opacity: 1 !important;
border: none !important;
box-shadow: none !important;
border-radius: 2px !important;
min-height: 20px !important; transition: none !important;
transform: none !important;
filter: none !important;
animation: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
-webkit-transform: none !important;
-webkit-transition: none !important;
-webkit-animation: none !important;
-webkit-appearance: none !important;
outline: none !important;
cursor: default !important;
} .wpcg-modal-scroll-area::-webkit-scrollbar-thumb:window-inactive,
.wpcg-cookie-modal-content *::-webkit-scrollbar-thumb:window-inactive,
.wpcg-modal-content *::-webkit-scrollbar-thumb:window-inactive {
background: var(--wpcg-cookie-modal-scrollbar-color, #D2C8BC) !important;
opacity: 1 !important;
} .wpcg-modal-scroll-area::-webkit-scrollbar-button,
.wpcg-modal-scroll-area::-webkit-scrollbar-corner,
.wpcg-modal-scroll-area::-webkit-scrollbar-track-piece,
.wpcg-cookie-modal-content *::-webkit-scrollbar-button,
.wpcg-cookie-modal-content *::-webkit-scrollbar-corner,
.wpcg-cookie-modal-content *::-webkit-scrollbar-track-piece,
.wpcg-modal-content *::-webkit-scrollbar-button,
.wpcg-modal-content *::-webkit-scrollbar-corner,
.wpcg-modal-content *::-webkit-scrollbar-track-piece {
display: none !important;
background: transparent !important;
} .wpcg-modal-scroll-area,
.wpcg-modal-content * {
scrollbar-width: thin !important;
scrollbar-color: var(--wpcg-modal-scrollbar-color, #D2C8BC) var(--wpcg-background-rgba, rgba(210, 200, 188, 0.5)) !important;
scrollbar-track-color: rgba(210, 200, 188, 0.5) !important;
} .wpcg-modal-scroll-area { transform: translateZ(0);
backface-visibility: hidden;
perspective: 1000;
}
.wpcg-modal-content * { scrollbar-color: unset !important;
scrollbar-width: unset !important;
}