96 lines
2.4 KiB
CSS
96 lines
2.4 KiB
CSS
@media (max-width: 768px) {
|
|
.cmplz-cookiebanner {
|
|
width: 100%;
|
|
}
|
|
.cmplz-cookiebanner .cmplz-buttons {
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
@media (max-width: 1023px) {
|
|
.cmplz-cookiebanner {
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 1023px) {
|
|
.cmplz-cookiebanner {
|
|
transform: translateX(-50%);
|
|
bottom: 0;
|
|
top: initial;
|
|
}
|
|
}
|
|
@media (min-width: 1024px) {
|
|
.cmplz-cookiebanner {
|
|
margin: 10px;
|
|
width: calc(100% - 20px);
|
|
grid-column-gap: 10px;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
bottom: 0;
|
|
left: initial;
|
|
top: initial;
|
|
transform: initial;
|
|
}
|
|
.cmplz-cookiebanner.cmplz-categories-type-save-preferences .cmplz-body > div {
|
|
width: 49%;
|
|
}
|
|
.cmplz-cookiebanner.cmplz-categories-visible .cmplz-body > div {
|
|
width: 49%;
|
|
}
|
|
.cmplz-cookiebanner .cmplz-body {
|
|
grid-column: span 2;
|
|
display: flex;
|
|
gap: 10px;
|
|
}
|
|
.cmplz-cookiebanner .cmplz-message,
|
|
.cmplz-cookiebanner .cmplz-categories,
|
|
.cmplz-cookiebanner .cmplz-links,
|
|
.cmplz-cookiebanner .cmplz-buttons {
|
|
grid-column: inherit;
|
|
}
|
|
.cmplz-cookiebanner .cmplz-description {
|
|
grid-column-start: 1;
|
|
}
|
|
.cmplz-cookiebanner.optin .cmplz-categories,
|
|
.cmplz-cookiebanner.optout .cmplz-categories {
|
|
width: 85vw;
|
|
grid-column-start: 2;
|
|
}
|
|
.cmplz-cookiebanner .cmplz-buttons {
|
|
grid-column-start: 3;
|
|
grid-row-start: 3;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
|
|
min-width: 250px;
|
|
width: 100%;
|
|
}
|
|
.cmplz-cookiebanner .cmplz-links.cmplz-documents {
|
|
grid-column-end: 3;
|
|
}
|
|
.cmplz-cookiebanner .cmplz-links.cmplz-information {
|
|
grid-column-start: 3;
|
|
grid-column-end: 4;
|
|
grid-row-start: 5;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
.cmplz-cookiebanner .cmplz-links.cmplz-documents {
|
|
grid-column-start: 1;
|
|
grid-row-start: 5;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
}
|
|
.cmplz-cookiebanner .cmplz-categories.cmplz-tcf {
|
|
height: 160px;
|
|
}
|
|
.cmplz-cookiebanner.cmplz-categories-type-view-preferences .cmplz-buttons,
|
|
.cmplz-cookiebanner.cmplz-categories-type-no .cmplz-buttons {
|
|
flex-direction: initial;
|
|
}
|
|
.cmplz-cookiebanner.cmplz-categories-type-view-preferences.cmplz-categories-visible .cmplz-buttons,
|
|
.cmplz-cookiebanner.cmplz-categories-type-no.cmplz-categories-visible .cmplz-buttons {
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
/*# sourceMappingURL=bottom.css.map */ |