body{margin:0;padding:0;font-family:"Source Sans 3", sans-serif;}
a{color:inherit;}
*,*::before,*::after{box-sizing:border-box;}
.cookies {
        position: fixed;
        left: 0.93rem;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1200
    }
:root {
  --ease-slow: cubic-bezier(0.16,1,0.3,1);
  --tone-accent: #3E2C20;
  --ink-deep: #2A1A12;
  --line-accent: #FBF3E4;
  --tone-base: #F3E7D2;
  --tone-panel: #B22A1F;
}

.cookies .contact-surface {
        width: min(22rem, calc(100vw - 0.93rem * 2));
        display: flex;
        flex-direction: column;
        gap: calc(0.58rem * .75);
        padding: 0.58rem;
        border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
        background: #f5f5f5;
        color: #0a0f1a;
        box-shadow: 0 12px 24px rgba(0,0,0,0.13)
    }
.cookies strong {
        font-size: calc(14.4px * 1.35);
        line-height: 1.12
    }
.cookies p {
        margin: 0 0 calc(0.58rem * .75);
        color: #2a3040;
        line-height: 1.32
    }
.cookies button {
        border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
        border-radius: 0.19rem;
        background: #fff;
        color: #0a0f1a;
        font: inherit;
        padding: calc(0.58rem * .75);
        cursor: pointer;
        text-align: left
    }
.cookies button.cookie-accept {
        background: var(--tone-panel);
        color: #FFF7EC;
        border-color: var(--tone-panel)
    }
@media (max-width: 620px) {
        .cookies {
            top: auto;
            right: 0.93rem;
            bottom: 0.58rem;
            transform: none
        }

        .cookies .contact-surface {
            width: auto
        }
    }