.sme-cookie-banner {
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 10000;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   gap: 1em;
   padding: 1em 1.5em;
   background-color: var(--main-bg-color, rgb(16, 63, 84));
   color: var(--color-0, rgb(255, 255, 255));
   font: var(--font_0, normal normal normal 28px/1.4em in-next-w01-light, sans-serif);
   box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.35);
}

.sme-cookie-banner.is-hidden {
   display: none;
}

.sme-cookie-banner__content {
   flex: 1 1 280px;
   min-width: 0;
}

.sme-cookie-banner__title {
   margin: 0 0 0.35em;
   font-size: 1em;
   font-weight: bold;
}

.sme-cookie-banner__text {
   margin: 0;
   font-size: 0.75em;
   line-height: 1.4;
}

.sme-cookie-banner__actions {
   display: flex;
   flex-wrap: wrap;
   gap: 0.75em;
   flex: 0 0 auto;
}

.sme-cookie-banner__btn {
   border: 1px solid var(--color-0, rgb(255, 255, 255));
   background: transparent;
   color: var(--color-0, rgb(255, 255, 255));
   padding: 0.55em 1.2em;
   font: inherit;
   font-size: 0.65em;
   cursor: pointer;
   min-width: 120px;
}

.sme-cookie-banner__btn:hover {
   background-color: rgba(255, 255, 255, 0.12);
}

.sme-cookie-banner__btn--accept {
   background-color: var(--color-12, rgb(32, 126, 169));
   border-color: var(--color-12, rgb(32, 126, 169));
}

.sme-cookie-banner__btn--accept:hover {
   background-color: rgb(42, 146, 189);
}

.sme-cookie-auth-blocked {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   padding: 2em;
   max-width: 640px;
   margin: 2em auto;
   color: var(--color-0, rgb(255, 255, 255));
   font: var(--font_0, normal normal normal 28px/1.4em in-next-w01-light, sans-serif);
}

.sme-cookie-auth-blocked p {
   margin: 0;
   font-size: 0.85em;
   line-height: 1.5;
}

.sme-cookie-settings-link {
   text-decoration: none;
   color: inherit;
}

.sme-cookie-settings-link--inline {
   text-decoration: underline;
   cursor: pointer;
}

.sme-cookie-settings-bar {
   text-align: center;
   padding: 0.75em 1em 1.5em;
}

.sme-cookie-settings-bar .foot-text-link {
   display: inline-block;
   cursor: pointer;
   text-decoration: underline;
}

@media (max-width: 600px) {
   .sme-cookie-banner {
      flex-direction: column;
      align-items: stretch;
   }

   .sme-cookie-banner__actions {
      width: 100%;
   }

   .sme-cookie-banner__btn {
      flex: 1 1 45%;
   }
}