.CookieBar{background:var(--color-bg-light);margin:var(--static-spacing-small);max-inline-size:calc(100% - 2 * var(--static-spacing-small));border:none}.CookieBar::backdrop{background:#0009}@media (prefers-reduced-motion:no-preference){.CookieBar{transition:var(--transition-timing) ease-out allow-discrete;translate:0 calc(-100% - var(--static-spacing-small));transition-property:opacity,translate,overlay,display}.CookieBar[open]{translate:0}.CookieBar::backdrop{opacity:0;transition:var(--transition-timing) allow-discrete;transition-property:opacity,overlay,display}.CookieBar[open]::backdrop{opacity:1}}body:has(.CookieBar[open]){overflow:hidden}.CookieBar-wrap{padding:var(--static-spacing-small);flex-direction:column;display:flex}.CookieBar-text{flex-grow:1}.CookieBar-buttons{gap:var(--static-spacing-small);white-space:nowrap;flex-direction:row;justify-content:center;display:flex}@media (width<64rem){.CookieBar-buttons{padding-top:var(--static-spacing-small);flex-wrap:wrap}}@media (width>=64rem){.CookieBar-wrap{padding:var(--static-spacing-large) calc(var(--static-spacing-large) * 2);flex-direction:row;align-items:center}.CookieBar-text{padding-right:calc(var(--static-spacing-large) * 2)}}