.in4-consent,
.in4-consent__reopen,
.in4-map-placeholder,
.in4-consent__noscript {
font-family: inherit;
}
.in4-consent[hidden],
.in4-consent [hidden],
.in4-consent__reopen[hidden],
.in4-map-placeholder[hidden],
iframe[data-in4-map-src][hidden] {
display: none !important;
}
.in4-consent {
position: fixed;
z-index: 2147483646;
inset: auto 0 0;
background: #fff;
border-top: 1px solid #c8d0d4;
color: #222;
font-size: 14px;
line-height: 1.45;
max-height: 85vh;
max-height: 85dvh;
overflow-y: auto;
}
.in4-consent__inner {
margin: 0 auto;
max-width: 1440px;
padding: 16px 24px max(16px, env(safe-area-inset-bottom));
}
.in4-consent__summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px 28px;
}
.in4-consent__copy {
min-width: 0;
max-width: 76ch;
}
.in4-consent h2 {
color: #222;
font-family: inherit;
font-size: 17px;
font-weight: 700;
line-height: 1.3;
margin: 0 0 5px;
}
.in4-consent p,
.in4-map-placeholder p {
color: inherit;
font-size: inherit;
line-height: inherit;
margin: 0;
}
.in4-consent a {
color: #006c9f;
text-decoration: underline;
text-underline-offset: 2px;
}
.in4-consent__actions,
.in4-consent__options {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}
.in4-consent__actions {
flex: 0 0 auto;
}
.in4-consent button,
.in4-consent__reopen,
.in4-map-placeholder button {
background: #fff;
border: 1px solid #006c9f;
border-radius: 0;
color: #005d89;
cursor: pointer;
font-family: inherit;
font-size: 14px;
font-weight: 600;
line-height: 1.2;
min-height: 44px;
padding: 10px 14px;
text-align: center;
text-transform: none;
white-space: nowrap;
}
.in4-consent button:hover,
.in4-consent__reopen:hover,
.in4-map-placeholder button:hover {
background: #edf5f8;
color: #003f5d;
}
.in4-consent button:focus-visible,
.in4-consent a:focus-visible,
.in4-consent input:focus-visible,
.in4-consent__reopen:focus-visible,
.in4-map-placeholder button:focus-visible {
outline: 3px solid #005d89;
outline-offset: 2px;
}
.in4-consent__options {
border-top: 1px solid #dce2e5;
margin-top: 14px;
padding-top: 14px;
gap: 10px 20px;
}
.in4-consent__options p {
flex-basis: 100%;
}
.in4-consent__options label {
align-items: center;
display: inline-flex;
gap: 7px;
margin: 0;
min-height: 44px;
}
.in4-consent__options input {
accent-color: #006c9f;
height: 18px;
margin: 0;
width: 18px;
}
.in4-consent__error {
color: #9d1d1d !important;
margin-top: 10px !important;
}
.in4-consent__reopen {
position: fixed;
z-index: 2147483645;
bottom: max(12px, env(safe-area-inset-bottom));
left: 12px;
}
.in4-map-placeholder {
background: #f7f9fb;
color: #222;
padding: 20px;
text-align: center;
}
.in4-map-placeholder p {
margin-bottom: 12px;
}
.in4-consent__noscript {
background: #fff;
color: #222;
padding: 12px 24px;
}
@media (max-width: 900px) {
.in4-consent__summary {
align-items: flex-start;
flex-direction: column;
}
.in4-consent__inner {
padding-inline: 16px;
}
}