@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
#cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #000;
  color: #fff;
  text-align: center;
  padding: 10px;
  z-index: 1000; /* Zorgt ervoor dat het boven andere elementen blijft */
}

.gm-cookies {
  width: calc(100% - 20px);
  max-width: 600px;
  padding: 10px;
  display: block;
  box-sizing: border-box;
  position: fixed;
  bottom: 10px;
  left: 50%;
  z-index: 9999;
  transform: translateX(-50%);
  background-color: var(--backgroundColor, #fff);
  border-radius: var(--borderRadius, 10px);
  font-family: var(--mainFontFamily, "Inter"), sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.gm-cookies * {
  box-sizing: border-box;
}
.gm-cookies__main {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
  gap: 10px;
}
.gm-cookies--self .gm-cookies__main {
  display: none;
}
.gm-cookies__main--self {
  display: none;
}
.gm-cookies--self .gm-cookies__main--self {
  display: flex;
}
.gm-cookies__title {
  font-weight: bold;
  font-family: var(--titleFontFamily, "Inter"), sans-serif;
  font-size: var(--titleFontSize, 18px);
  line-height: var(--titleLineHeight, round(up, var(--titleFontSize, 18px) * 1.4, 1px));
  color: var(--titleColor, #000);
}
.gm-cookies__content {
  font-family: var(--textFontFamily, "Inter"), sans-serif;
  font-weight: var(--textFontWeight, 400);
  font-size: var(--textFontSize, 12px);
  line-height: var(--textLineHeight, round(up, var(--textFontSize, 12px) * 1.2, 1px));
}
.gm-cookies__content p {
  padding: 0;
  margin: 0;
}
.gm-cookies__content--checklist {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: stretch;
  width: 100%;
  gap: 10px;
}
.gm-cookies__content--checklist--item {
  width: calc(50% - 5px);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: stretch;
  gap: 10px;
}
.gm-cookies__content--checklist--item--input input {
  margin: 0;
  border: 1px solid #000;
}
.gm-cookies__content--checklist--item--label {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  gap: 5px;
  font-size: 10px;
  line-height: 12px;
}
.gm-cookies__content--checklist--item--label label {
  font-weight: bold;
}
.gm-cookies__actions {
  line-height: 12px;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .gm-cookies__actions {
    flex-direction: column;
  }
}
.gm-cookies__actions button {
  min-width: 90px;
  padding: 0;
  margin: 0;
  display: inline-block;
  padding: 4px 10px;
  border-radius: var(--buttonBorderradius, 6px);
  border: 1px solid var(--colorPrimary, #000);
  cursor: pointer;
  font-family: var(--buttonFontFamily, "Inter");
  font-size: var(--buttonFontsize, 10px);
  line-height: var(--buttonLineHeight, round(up, var(--buttonFontsize, 10px) * 2, 1px));
}
@media screen and (max-width: 768px) {
  .gm-cookies__actions button {
    width: 100%;
  }
}
.gm-cookies__actions button span {
  font-size: var(--buttonFontsize, 10px);
  line-height: var(--buttonLineHeight, round(up, var(--buttonFontsize, 10px) * 2, 1px));
}
.gm-cookies__actions .gm-cookies__button {
  transition: all ease 0.15s;
}
.gm-cookies__actions .gm-cookies__button--primary {
  font-family: var(--buttonPrimaryFontFamily, "Inter"), sans-serif;
  border-radius: var(--buttonPrimaryBorderradius, 6px);
  background-color: var(--buttonPrimaryBackgroundcolor, var(--colorPrimary, #000));
  color: var(--buttonPrimaryColor, var(--colorSecundary, #fff));
  font-size: var(--buttonPrimaryFontsize, 10px);
  line-height: var(--buttonPrimaryLineHeight, round(up, var(--buttonPrimaryFontsize, 10px) * 2, 1px));
}
.gm-cookies__actions .gm-cookies__button--primary:hover {
  background-color: var(--buttonPrimaryBackgroundcolorHover, var(--colorSecundary, #fff));
  color: var(--buttonPrimaryColorHover, var(--colorPrimary, #000));
}
.gm-cookies__actions .gm-cookies__button--primary span {
  font-size: var(--buttonPrimaryFontsize, 10px);
  line-height: var(--buttonPrimaryLineHeight, round(up, var(--buttonPrimaryFontsize, 10px) * 2, 1px));
}
.gm-cookies__actions .gm-cookies__button--secundary {
  border: 1px solid var(--buttonSecundaryColor, var(--colorPrimary, #000));
  font-family: var(--buttonSecundaryFontFamily, "Inter"), sans-serif;
  border-radius: var(--buttonSecundaryBorderradius, 6px);
  background-color: var(--buttonSecundaryBackgroundcolor, var(--colorSecundary, #fff));
  color: var(--buttonSecundaryColor, var(--colorPrimary, #000));
  font-size: var(--buttonSecundaryFontsize, 10px);
  line-height: var(--buttonSecundaryLineHeight, round(up, var(--buttonSecundaryFontsize, 10px) * 2, 1px));
}
.gm-cookies__actions .gm-cookies__button--secundary:hover {
  background-color: var(--buttonSecundaryBackgroundcolorHover, var(--colorPrimary, #000));
  color: var(--buttonSecundaryColorHover, var(--colorSecundary, #fff));
}
.gm-cookies__actions .gm-cookies__button--secundary span {
  font-size: var(--buttonSecundaryFontsize, 10px);
  line-height: var(--buttonSecundaryLineHeight, round(up, var(--buttonSecundaryFontsize, 10px) * 2, 1px));
}

/*# sourceMappingURL=gmcookiemanager.css.map */