.stmobi-cookie-notice {
    position: fixed;
    left: 1.5rem;
    bottom: max(1.5rem, env(safe-area-inset-bottom));
    z-index: 210;
    width: 425px;
    max-width: calc(100% - 3rem);
    max-height: calc(100dvh - 3rem);
    overflow-y: auto;
    padding: 1.5rem;
    border: 1px solid #dee2e6;
    border-radius: .625rem;
    box-shadow: 0 8px 16px rgba(0, 47, 89, .06);
}
.stmobi-cookie-notice[hidden] { display: none; }
.stmobi-cookie-heading { display: flex; align-items: center; gap: .75rem; padding: 0 1.25rem 1rem 0; margin-bottom: 1rem; }
.stmobi-cookie-heading svg { width: 1.75rem; height: 1.75rem; flex: 0 0 1.75rem; fill: none; stroke: currentColor; stroke-width: 1.5; }
.stmobi-cookie-links { display: flex; flex-direction: column; gap: .5rem; margin-top: 1rem; }
.stmobi-cookie-accept { width: 100%; min-height: 2.75rem; margin-top: 1rem; }
.stmobi-cookie-close { position: absolute; top: .5rem; right: .5rem; display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; padding: 0; cursor: pointer; transition: color .15s; }
.stmobi-cookie-close svg { width: 1.125rem; height: 1.125rem; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; }
.stmobi-cookie-close:hover { color: #1e88e5; }
.stmobi-cookie-notice :focus-visible { outline: 2px solid #1e88e5; outline-offset: 3px; }
@media (max-width: 760px) {
    .stmobi-cookie-notice {
        left: 0;
        bottom: 0;
        width: 100%;
        max-width: none;
        max-height: 100dvh;
        padding: 1rem;
        padding-right: max(1rem, env(safe-area-inset-right));
        padding-bottom: max(1rem, env(safe-area-inset-bottom));
        padding-left: max(1rem, env(safe-area-inset-left));
        border: 0;
        border-top: 1px solid #dee2e6;
        border-radius: 0;
    }
}