.dr-privacy-tools {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.75rem 1.25rem;
padding: 0.8rem 1rem 1rem;
color: #fff;
background: #1e73be;
font-size: 0.9rem;
}
.dr-privacy-tools a,
.dr-privacy-tools button {
border: 0;
padding: 0;
color: #fff;
background: transparent;
font: inherit;
text-decoration: underline;
text-underline-offset: 0.18em;
cursor: pointer;
}
.dr-privacy-consent {
position: fixed;
z-index: 2147483000;
right: max(1rem, env(safe-area-inset-right));
bottom: max(1rem, env(safe-area-inset-bottom));
left: max(1rem, env(safe-area-inset-left));
max-width: 44rem;
margin-inline: auto;
padding: clamp(1rem, 3vw, 1.5rem);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 1rem;
color: #f7fafc;
background: rgba(10, 26, 40, 0.98);
box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.42);
}
.dr-privacy-consent[hidden] {
display: none;
}
.dr-privacy-consent h2 {
margin: 0 0 0.55rem;
color: #fff;
font-size: clamp(1.25rem, 3vw, 1.55rem);
line-height: 1.25;
}
.dr-privacy-consent p {
margin: 0;
color: #e7edf2;
font-size: 1rem;
line-height: 1.55;
}
.dr-privacy-consent .dr-privacy-consent__details {
margin-top: 0.65rem;
color: #c8d5df;
font-size: 0.88rem;
}
.dr-privacy-consent__policy {
display: inline-block;
margin-top: 0.7rem;
color: #9fdbff;
font-weight: 650;
text-decoration: underline;
text-underline-offset: 0.18em;
}
.dr-privacy-consent__actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.75rem;
margin-top: 1.1rem;
}
.dr-privacy-consent__actions button {
min-height: 2.9rem;
border: 2px solid #72c6ff;
border-radius: 999px;
padding: 0.65rem 1rem;
color: #071723;
background: #72c6ff;
font: inherit;
font-weight: 700;
line-height: 1.2;
cursor: pointer;
}
.dr-privacy-consent__actions button:hover {
border-color: #b5e4ff;
background: #b5e4ff;
}
.dr-privacy-consent__actions button:focus-visible,
.dr-privacy-consent__policy:focus-visible,
.dr-privacy-tools a:focus-visible,
.dr-privacy-tools button:focus-visible {
outline: 3px solid #fff;
outline-offset: 3px;
}
@media (max-width: 35rem) {
.dr-privacy-consent__actions {
grid-template-columns: 1fr;
}
}
@media (forced-colors: active) {
.dr-privacy-consent,
.dr-privacy-consent__actions button {
border: 2px solid CanvasText;
}
}