:root {
  --surface-warm: #1f6b4a;
  --tone-warm: #fbfcfa;
  --ink-base: #eef3ee;
  --ink-deep: #141d19;
  --ease-nav: ease;
  --line-light: #1b2621;
}

body{margin:0;padding:0;font-family:"Playfair Display", sans-serif;box-sizing:border-box;}
*,*::before,*::after{box-sizing:border-box;}
.cookies {
        position: fixed;
        left: 1.42rem;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1200
    }
.cookies .quiet-headline {
        width: min(22rem, calc(100vw - 1.42rem * 2));
        display: flex;
        flex-direction: column;
        gap: calc(1.5rem * .75);
        padding: 1.5rem;
        border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
        background: #f5f5f5;
        color: #0a0f1a;
        box-shadow: 0 12px 30px rgba(0,0,0,0.11)
    }
.cookies strong {
        font-size: calc(15.5px * 1.35);
        line-height: 1.12
    }
.cookies p {
        margin: 0 0 calc(1.5rem * .75);
        color: #2a3040;
        line-height: 1.89
    }
.cookies button {
        border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
        border-radius: 0.26rem;
        background: #fff;
        color: #0a0f1a;
        font: inherit;
        padding: calc(1.5rem * .75);
        cursor: pointer;
        text-align: left
    }
.cookies button.cookie-accept {
        background: var(--surface-warm);
        color: #f4faf6;
        border-color: var(--surface-warm)
    }
@media (max-width: 620px) {
        .cookies {
            top: auto;
            right: 1.42rem;
            bottom: 1.5rem;
            transform: none
        }

        .cookies .quiet-headline {
            width: auto
        }
    }