html{box-sizing:border-box;}
body{margin:0;padding:0;font-family:"Quicksand", sans-serif;}
*,*::before,*::after{box-sizing:inherit;}
:root {
  --paint-accent: #FFFFFF;
  --tone-extra-18: #1F3A40;
  --ink-panel: #0E5C6B;
  --depth-button: 0 14px 24px rgba(0,0,0,0.13);
  --ink-page: #EAF1F1;
  --tone-extra-25: calc(var(--gap-wide) * .75);
  --paint-page: #0E5C6B;
  --tone-card: #0B2A33;
  --measure-nav: 1.15rem;
  --curve-image: 0.2rem;
  --ink-primary: #FFFFFF;
  --type-nav: calc(15.3px * 1.35);
  --gap-wide: 1.5rem;
  --ink-clear: #0F8A6E;
  --label-base: 1.83;
  --ease-panel: cubic-bezier(0.22,1,0.36,1);
  --ink-soft: #FFFFFF;
  --surface-cool: #D6E1E2;
  --line-base: #F2F6F6;
  --line-card: #FFFFFF;
  --line-inverse: linear-gradient(135deg, #0E5C6B 0%, #0F8A6E 100%);
  --tone-accent: #F7FAFA;
  --surface-main: #0B2A33;
  --paint-dark: #0B2A33;
}

a{color:inherit;}
.cookies {
        position: fixed;
        left: var(--measure-nav);
        top: 50%;
        transform: translateY(-50%);
        z-index: 1200
    }
.cookies .steady-media {
        width: min(22rem, calc(100vw - var(--measure-nav) * 2));
        display: flex;
        flex-direction: column;
        gap: var(--tone-extra-25);
        padding: var(--gap-wide);
        border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
        background: #f5f5f5;
        color: #0a0f1a;
        box-shadow: var(--depth-button)
    }
.cookies strong {
        font-size: var(--type-nav);
        line-height: 1.12
    }
.cookies p {
        margin: 0 0 var(--tone-extra-25);
        color: #2a3040;
        line-height: var(--label-base)
    }
.cookies button {
        border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
        border-radius: var(--curve-image);
        background: #fff;
        color: #0a0f1a;
        font: inherit;
        padding: var(--tone-extra-25);
        cursor: pointer;
        text-align: left
    }
.cookies button.cookie-accept {
        background: var(--ink-panel);
        color: var(--ink-soft);
        border-color: var(--ink-panel)
    }
@media (max-width: 620px) {
        .cookies {
            top: auto;
            right: var(--measure-nav);
            bottom: var(--gap-wide);
            transform: none
        }

        .cookies .steady-media {
            width: auto
        }
    }