@charset "utf-8";

.m-cookie-banner { box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; box-sizing: border-box; flex-wrap: nowrap; font-size: 16px; line-height: 1.5em; overflow: hidden; position: fixed; z-index: 9999; bottom: 1rem; display: none; }

.m-cookie-banner__message { display: block; margin-bottom: 1em; }

@media (min-width: 768px) {
  .m-cookie-banner__message { font-size: 1.125rem; line-height: 1.75rem; }
}

.m-cookie-banner--bottom .m-cookie-banner__message { flex: 1 1 auto; margin-right: 1rem; margin-bottom: 0px; max-width: 100%; }

@media (max-width: 767px) {
  .m-cookie-banner--bottom .m-cookie-banner__message { margin-bottom: 15px; }
}

.m-cookie-banner__learn-more { display: inline-block; opacity: 0.8; padding: 0.2em; text-decoration: underline; }

.m-cookie-banner__learn-more:hover { opacity: 1; }

.m-cookie-banner--black { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); }

.m-cookie-banner--white { color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); }

.m-cookie-banner--bottom { left: 0px; bottom: 0px; right: 0px; padding: 1em 1.8em; }

@media (max-width: 767px) {
  .m-cookie-banner--bottom { flex-direction: column; padding: 1.5rem 1rem; }
}

.m-cookie-banner--bottom-left { flex-direction: column; left: 1rem; border-radius: 0.25rem; max-width: 26rem; padding: 2rem; }

.m-cookie-banner--bottom-right { right: 1rem; border-radius: 0.25rem; max-width: 26rem; padding: 2rem; flex-direction: column; }

.m-cookie-banner--bottom-left .cookie-action--accept, .m-cookie-banner--bottom-right .cookie-action--accept { flex: 1 1 0%; }

.m-cookie-banner--bottom-left .cookie-action--decline, .m-cookie-banner--bottom-right .cookie-action--decline { flex: 0 0 auto; margin-right: 1.5rem; padding-left: 0px; padding-right: 0px; }

@media (max-width: 767px) {
  .m-cookie-banner--bottom-left, .m-cookie-banner--bottom-right { left: 1rem; right: 1rem; padding: 1.5rem 1rem; }
}

.m-cookie-banner__buttons { display: flex; align-items: center; }

.m-cookie-banner__buttons > button { border-style: solid; border-width: 2px; display: block; font-size: 0.9em; font-weight: 700; padding: 0.4em 0.8em; text-align: center; white-space: nowrap; color: rgb(0, 0, 0); border-color: rgba(0, 0, 0, 0); background-color: rgb(255, 255, 255); }

.m-cookie-banner__buttons > button + button { margin-left: 0.5em; }

.m-cookie-banner__buttons .cookie-action--accept { border-radius: 0.25rem; }

.m-cookie-banner__buttons .cookie-action--decline:hover { text-decoration: underline; }

.m-cookie-banner--black .m-cookie-banner__buttons .cookie-action--decline { background-color: rgba(0, 0, 0, 0); color: rgb(255, 255, 255); }

.m-cookie-banner--white .m-cookie-banner__buttons .cookie-action--accept { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }

@media (max-width: 767px) {
  .m-cookie-banner--bottom .m-cookie-banner__buttons { justify-content: flex-end; }
}