.an-cookie-consent :is(h1, h2, h3, h4, h5, h6) {
margin: 0px;
}
.an-cookies-content-default {
font-size: 16px;
margin: 0 0 5px 0;
max-height: calc(100vh - 200px);
overflow: auto;
}
.an-cookies-title-default,
.an-cookies-content-default h3 {
font-size: 20px;
margin: 0 0 5px 0;
}
.an-button-cookie.an-accept-cookies,
.an-button-cookie.an-reject-cookies {
float: left;
width: calc(50% - 4px);
font-size: 16px !important;
margin: 2px !important;
-webkit-appearance: none;
-moz-appearance: none;
border: none;
border-radius: 0;
color: #fff;
cursor: pointer;
padding: 5px 10px;
text-align: center;
text-decoration: none;
text-transform: none;
border-radius: 5px;
}
.an-button-cookie.an-accept-cookies {
background: #006ec5;
}
.an-button-cookie.an-reject-cookies {
color: #6d6d6d;
background: #e8e8e8;
}
.an-button-cookie.an-manage-cookies {
float: left;
width: calc(70%);
font-size: 14px !important;
margin: 4px 15% !important;
-webkit-appearance: none;
-moz-appearance: none;
border: none;
border-radius: 0;
color: #535353;
cursor: pointer;
padding: 5px 10px;
text-align: center;
text-decoration: underline;
text-transform: none;
border-radius: 5px;
background: transparent;
} .an-manage-content {
max-height: calc(100vh - 120px);
display: flex;
flex-direction: column;
}
.an-manage-scrollable {
flex: 1;
overflow-y: auto;
overflow-x: hidden;
}
.an-manage-title {
font-size: 24px;
font-weight: 700;
color: #111827;
margin: 0 0 16px;
}
.an-manage-description {
color: #4b5563;
font-size: 15px;
line-height: 1.6;
padding: 5px;
margin: 0 0 24px;
}
.an-manage-categories {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 24px;
}
.an-manage-category {
border: 1px solid #e5e7eb;
border-radius: 8px;
overflow: hidden;
transition: border-color 0.2s;
min-height: 56px;
}
.an-manage-category:hover {
border-color: #d1d5db;
}
.an-manage-category-header {
display: flex;
align-items: center;
gap: 12px;
padding: 16px;
background: #f9fafb;
}
.an-manage-expand {
background: none;
border: none;
cursor: pointer;
padding: 4px;
display: flex;
transition: transform 0.2s;
}
.an-manage-icon {
width: 16px;
height: 16px;
fill: #6b7280;
transform: rotate(90deg);
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.an-manage-expand.active .an-manage-icon {
transform: rotate(180deg);
}
.an-manage-category-title {
flex: 1;
font-weight: 600;
color: #111827;
font-size: 16px;
}
.an-manage-toggle-wrapper {
display: flex;
align-items: center;
gap: 8px;
}
.an-manage-required {
font-size: 12px;
color: #6b7280;
font-weight: 500;
}
.an-manage-toggle {
position: relative;
display: inline-block;
width: 48px;
height: 24px;
}
.an-manage-toggle input {
opacity: 0;
width: 0;
height: 0;
}
.an-manage-slider {
position: absolute;
cursor: pointer;
inset: 0;
background: #d1d5db;
border-radius: 24px;
transition: background 0.3s;
}
.an-manage-slider:before {
content: "";
position: absolute;
height: 18px;
width: 18px;
left: 3px;
bottom: 3px;
background: white;
border-radius: 50%;
transition: transform 0.3s;
}
.an-manage-toggle input:checked + .an-manage-slider {
background: #a7ceaf;
}
.an-manage-toggle input:checked + .an-manage-slider:before {
transform: translateX(24px);
}
.an-manage-toggle-disabled .an-manage-slider {
background: #a7ceaf;
cursor: not-allowed;
opacity: 0.7;
}
.an-manage-category-body {
overflow: hidden;
max-height: 0;
opacity: 0;
transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1),
padding 0.4s cubic-bezier(0.4, 0, 0.2, 1);
padding: 0 16px;
}
.an-manage-category-body.active {
max-height: 800px;
opacity: 1;
padding: 16px;
border-top: 1px solid #e5e7eb;
}
.an-manage-category-body p {
color: #6b7280;
font-size: 14px;
line-height: 1.6;
margin: 0;
}
.an-manage-footer {
display: flex;
gap: 12px;
justify-content: flex-end;
padding-top: 20px;
border-top: 1px solid #e5e7eb;
flex-shrink: 0;
}
.an-manage-button-cookie {
float: left;
width: calc(50% - 4px);
font-size: 16px !important;
margin: 2px !important;
-webkit-appearance: none;
-moz-appearance: none;
border: none;
border-radius: 0;
color: #fff;
cursor: pointer;
padding: 5px 10px;
text-align: center;
text-decoration: none;
text-transform: none;
border-radius: 5px;
}
.an-manage-button-cookie.an-reject-cookies {
color: #6d6d6d;
background: #e8e8e8;
}
.an-manage-button-cookie.an-save-preferences {
background: #a7ceaf;
color: white;
}
.an-manage-button-cookie.an-accept-cookies {
background: #006ec5;
color: white;
}
.an-manage-cookies-container {
max-height: 100vh;
overflow: auto;
}
.an-design-an_manage_cookies_design .an-close-container .an-close-button {
color: rgb(0, 0, 0);
background-color: rgb(240, 242, 245);
width: 30px;
height: 30px;
margin: 4px;
padding: 4px;
border-radius: 20px;
}
@media (max-width: 600px) {
.an-manage-cookies-container {
max-height: calc(100vh - 80px);
}
.an-manage-footer {
flex-direction: column;
}
.an-manage-button-cookie {
width: 100%;
}
.an-manage-btn {
width: 100%;
}
}