.cookie-banner{position:fixed;max-width:26dvw;bottom:var(--margin-xl);left:var(--margin-xl);display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;z-index:999;transition:all 1s cubic-bezier(0.52, 0.02, 0.08, 0.99)}.cookie-banner.hidden{pointer-events:none;transform:translate(calc(-100% - var(--margin-xl) * 2), 0);transition:all 0.4s cubic-bezier(0.68, 0.01, 1, 0.29)}.cookie-banner .cookie-banner-inner{position:relative;width:calc(100% - var(--padding-xl) * 2);height:calc(100% - var(--padding-xl) * 2);padding:var(--padding-xl);display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--gap-m);box-shadow:var(--shadow);background:var(--bg-inverted);border-radius:var(--border-radius-xxl);overflow:hidden}.cookie-banner .cookie-banner-inner .cookie-banner-background{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0.4;z-index:1}.cookie-banner .cookie-banner-inner .cookie-banner-background>img{width:100%;height:100%;object-fit:cover}.cookie-banner .cookie-banner-inner .cookie-banner-title{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-shrink:0;gap:var(--gap-s);z-index:2}.cookie-banner .cookie-banner-inner .cookie-banner-title>span{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--text-invert)}.cookie-banner .cookie-banner-inner .cookie-banner-title>svg{width:32px;height:32px;color:var(--text-invert);flex-shrink:0}.cookie-banner .cookie-banner-inner .cookie-banner-text{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:wrap;gap:var(--gap-s);color:var(--text-invert);z-index:2}.cookie-banner .cookie-banner-inner .cookie-banner-text span{font-size:var(--font-s);font-weight:var(--font-weight-normal)}.cookie-banner .cookie-banner-inner .cookie-banner-text span:nth-child(2){font-size:var(--font-xxs);font-weight:var(--font-weight-light);opacity:0.6}.cookie-banner .cookie-banner-inner .cookie-banner-actions{width:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:row;gap:var(--gap-s);z-index:2}.cookie-banner .cookie-banner-inner .cookie-banner-actions button{padding:var(--padding-s) var(--padding-l);border-radius:999px;transition:all 0.2s cubic-bezier(0.31, 0.02, 0.06, 0.99)}.cookie-banner .cookie-banner-inner .cookie-banner-actions #reject-cookies{background:var(--bg-lighter-inverted);color:var(--text-static-light);font-size:var(--font-m);font-weight:var(--font-weight-medium)}.cookie-banner .cookie-banner-inner .cookie-banner-actions #reject-cookies:hover{background:var(--bg-light-inverted)}.cookie-banner .cookie-banner-inner .cookie-banner-actions #accept-cookies{background:var(--main);color:var(--text-static-light);font-size:var(--font-m);font-weight:var(--font-weight-medium)}.cookie-banner .cookie-banner-inner .cookie-banner-actions #accept-cookies:hover{background:var(--main-dark)}@media (max-width: 1600px){.cookie-banner{max-width:36dvw}}@media (max-width: 800px){.cookie-banner{max-width:60dvw}}@media (max-width: 500px){.cookie-banner{bottom:0;left:0;max-width:100dvw}.cookie-banner .cookie-banner-inner{border-radius:var(--border-radius-xxl) var(--border-radius-xxl) 0 0}.cookie-banner.hidden{pointer-events:none;transform:translate(0, 100%);transition:all 0.4s cubic-bezier(0.68, 0.01, 1, 0.29)}}