:root {
  --measure-panel: 2.04rem;
  --speed-soft: cubic-bezier(0.16,1,0.3,1);
  --ink-dark: #D4A373;
  --ink-primary: #E8F0EC;
  --lift-strong: 0 8px 28px rgba(0,0,0,0.1);
  --ink-cool: #1A2421;
  --space-extra-26: 1.5rem;
  --paint-muted: #FFFFFF;
  --font-meta: calc(15.4px * 1.35);
  --tone-extra-13: #FFFFFF;
  --surface-page: #0F2A3A;
  --tone-extra-10: linear-gradient(135deg, #0F2A3A 0%, #1A4A5A 50%, #2E8B8B 100%);
  --line-secondary: #2C3A36;
  --line-accent: #2E8B8B;
  --tone-deep: #1A2421;
  --paint-primary: #FFFFFF;
  --tone-extra-11: #FFFFFF;
  --line-strong: #F7F9F8;
  --ink-clear: #D1DCD8;
  --tone-extra-24: calc(var(--space-extra-26) * .75);
  --surface-secondary: #1A2421;
  --tone-light: #2E8B8B;
  --copy-heading: 1.76;
  --space-list: 980px;
}

body{margin:0;padding:0;font-family:"IBM Plex Sans", sans-serif;box-sizing:border-box;}
*{box-sizing:border-box;}
.cookies {
        position: fixed;
        left: var(--measure-panel);
        right: var(--measure-panel);
        bottom: var(--space-extra-26);
        z-index: 1200
    }
.cookies .offer-details {
        max-width: var(--space-list);
        margin: 0 auto;
        display: flex;
        gap: 1px;
        background: #d8dde6;
        color: #0a0f1a;
        border: 1px solid #d8dde6;
        box-shadow: var(--lift-strong)
    }
.cookies .offer-details div {
        width: 50%;
    }
.cookies .offer-details > * {
        min-width: 0;
    }
.cookies .offer-details > * {
        background: #fff;
        color: #0a0f1a;
        padding: var(--space-extra-26)
    }
.cookies strong {
        font-size: var(--font-meta);
        line-height: 1.12
    }
.cookies p {
        margin: var(--tone-extra-24) 0 0;
        color: #2a3040;
        line-height: var(--copy-heading)
    }
.cookies button {
        border: 0;
        font: inherit;
        cursor: pointer
    }
.cookies button.cookie-accept {
        background: var(--tone-light);
        color: var(--paint-primary)
    }
@media (max-width: 760px) {
        .cookies .offer-details {
            display: block
        }

        .cookies .offer-details > * {
            display: block;
            width: 100%;
            text-align: left;
            border-bottom: 1px solid #d8dde6
        }
    }