.timplicity-cn {
display: none;
position: fixed;
bottom: 0;
left: 0;
max-width: 400px;
background-color: var(--tcn-background-color);
color: var(--tcn-color);
padding: 15px 20px;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
font-size: 14px;
}
.timplicity-cn a {
color: var(--tcn-links-color);
text-decoration: underline;
}
.timplicity-cn a:hover {
color: var(--tcn-links-hover-color);
text-decoration: underline;
}
.timplicity-cn button {
background-color: var(--tcn-btn-background-color);
color: var(--tcn-btn-color);
border: none;
padding: 8px 15px;
margin-left: 10px;
cursor: pointer;
font-size: 14px;
line-height: 16px;
float: left;
}
.timplicity-cn button.timplicity-cn-show-settings {
background-color: var(--tcn-setting-btn-background-color);
color: var(--tcn-setting-btn-color);
margin-left: 0;
padding: 5.5px 10px;
}
.timplicity-cn button.timplicity-cn-reject-all {
background-color: var(--tcn-reject-btn-background-color);
color: var(--tcn-reject-btn-color);
}
.timplicity-cn button.timplicity-cn-reject-all:hover {
background-color: var(--tcn-reject-btn-hover-background-color);
color: var(--tcn-reject-btn-hover-color);
}
.timplicity-cn .cn-cookie-notice-buttons {
overflow: hidden;
}
.timplicity-cn button:hover {
background-color: var(--tcn-btn-hover-background-color);
color: var(--tcn-btn-hover-color);
}
.timplicity-cn button.timplicity-cn-show-settings:hover {
background-color: var(--tcn-setting-btn-hover-background-color);
color: var(--tcn-setting-btn-hover-color);
}
.timplicity-cn-settings {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 600px;
background-color: var(--tcn-popup-background-color);
color: var(--tcn-popup-color);
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
.timplicity-cn-settings a {
color: var(--tcn-popup-links-color);
text-decoration: underline;
}
.timplicity-cn-settings a:hover {
color: var(--tcn-popup-links-hover-color);
text-decoration: underline;
}
.timplicity-cn-settings .timplicity-cn-close-notice {
float: right;
cursor: pointer;
}
.timplicity-cn-settings h3 {
margin-top: 0;
margin-bottom: 20px;
font-size: 18px;
}
.timplicity-cn-settings p {
margin-bottom: 15px;
font-size: 14px;
}
.timplicity-cn-settings label {
display: block;
margin-bottom: 10px;
font-size: 14px;
}
.timplicity-cn-settings input[type="checkbox"] {
margin-right: 10px;
}
.timplicity-cn-settings button:not(:first-of-type) {
margin-left: 10px;
}
.timplicity-cn-settings button {
background-color: var(--tcn-popup-btn-save-background-color);
color: var(--tcn-popup-btn-color);
border: none;
padding: 10px 20px;
cursor: pointer;
font-size: 14px;
}
.timplicity-cn-settings button:hover {
background-color: var(--tcn-popup-btn-save-background-hover-color);
color: var(--tcn-popup-btn-hover-color);
}
.timplicity-cn-settings button:first-of-type {
background-color: var(--tcn-popup-btn-background-color);
color: var(--tcn-popup-btn-color);
border: none;
padding: 10px 20px;
cursor: pointer;
font-size: 14px;
}
.timplicity-cn-settings button:first-of-type:hover {
background-color: var(--tcn-popup-btn-background-hover-color);
color: var(--tcn-popup-btn-hover-color);
}
.tcn-preferences-show {
display: none;
}
@media only screen and (max-width: 640px) {
.timplicity-cn-settings {
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 10px;
overflow: auto;
}
}
@media only screen and (max-width: 480px) {
.timplicity-cn {
max-width: 100%;
}
.timplicity-cn button {
margin-bottom: 5px;
}
}