.privacy-module {

  --privacy-module-font-size: 0.875rem;

  --privacy-module-font-weight: 400;

  --privacy-module-line-height: 1.3;

  --privacy-module-gutter-x: 0.75rem;

  --privacy-module-gutter-y: 0.75rem;

  --privacy-module-bg: #003e7e;

  --privacy-module-padding-x: 1.5rem;

  --privacy-module-padding-y: var(--privacy-module-padding-x);

  --privacy-module-padding: var(--privacy-module-padding-y) var(--privacy-module-padding-x);

  --privacy-module-border-width: 0px;

  --privacy-module-border-color: rgba(0, 0, 0, 0.175);

  --privacy-btn-font-size: var(--privacy-module-font-size);

  --privacy-btn-font-weight: 400;

  --privacy-btn-line-height: 1.5;

  --privacy-btn-padding-x: 0.75rem;

  --privacy-btn-padding-y: 0.375rem;

  --privacy-btn-padding: var(--privacy-btn-padding-y) var(--privacy-btn-padding-x);

  --privacy-btn-border-radius: 0px;

}

.privacy-module,

.privacy-module ::before,

.privacy-module ::after {

  box-sizing: border-box;

}

.privacy-module .privacy-dialog {

  max-width: var(--privacy-module-width);

  padding: var(--privacy-module-padding);

  border: var(--privacy-module-border-width) solid var(--privacy-module-border-color);

  border-radius: var(--privacy-module-border-radius);

  flex-grow: 1;

  position: relative;

  z-index: 5;

  box-shadow: 0 0 5px #70595f;

}

.privacy-module article {

  font-size: var(--privacy-module-font-size);

  font-weight: var(--privacy-module-font-weight);

  line-height: var(--privacy-module-line-height);

  margin-bottom: var(--privacy-module-gutter-y);

  color: #fff;

}

.privacy-module h2{

  text-align: center;

  color: #fff;

}

.privacy-module article > :last-child {

  margin-bottom: 0 !important;

}

.privacy-module article:empty {

  display: none !important;

}

.privacy-module .row {

  --gutter-x: var(--privacy-module-gutter-x);

  --gutter-y: var(--privacy-module-gutter-y);

}

.privacy-module .privacy-btn {

  font-size: var(--privacy-btn-font-size);

  font-weight: var(--privacy-btn-font-weight);

  text-align: center;

  text-decoration: none;

  color: var(--privacy-btn-color);

  line-height: var(--privacy-btn-line-height);

  display: inline-block;

  background-color: var(--privacy-btn-bg);

  padding: var(--privacy-btn-padding);

  border-radius: var(--privacy-btn-border-radius);

  vertical-align: middle;

  transition: color 0.15s ease, background-color 0.15s ease;

}

.privacy-module .privacy-btn:hover {

  color: var(--privacy-btn-color-hover);

  background-color: var(--privacy-btn-bg-hover);

}

.privacy-module .privacy-accept {

  --privacy-btn-color: #FFF;

  --privacy-btn-color-hover: #FFF;

  --privacy-btn-bg: #1D8562;

  --privacy-btn-bg-hover: #157347;

}

.privacy-module .privacy-refusal {

  --privacy-btn-color: #FFF;

  --privacy-btn-color-hover: #FFF;

  --privacy-btn-bg: #E03B39;

  --privacy-btn-bg-hover: #BB2D3B;

}

.privacy-module .privacy-information {

  --privacy-btn-color: #fff;

  --privacy-btn-color-hover: #fff;

  --privacy-btn-bg: #007CC2;

  --privacy-btn-bg-hover: #169cd9;

  position: relative;

}

.privacy-module .privacy-information:after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  background-color: #169cd9;

  height: 10px;

  width: 10px;

}



#privacy-top {

  top: 0;

}



#privacy-bottom {

  bottom: 0;

}



#privacy-top,

#privacy-bottom {

  --privacy-module-width: 48.75rem;

  --privacy-module-bg: rgba(255,255,255,0.9);

  --privacy-module-border-radius: 0px;

  display: flex;

  width: 100%;

  background-color: var(--privacy-module-bg);

  align-items: center;

  justify-content: center;

  position: fixed;

  left: 0;

  z-index: 1055;

}



#privacy-modal {

  --privacy-module-width: 25rem;

  --privacy-module-border-radius: 0px;

  --privacy-module-backdrop: #000;

  --privacy-module-backdrop-opacity: 0.5;

  display: flex;

  width: 100%;

  height: 100%;

  align-items: center;

  justify-content: center;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 1055;

}

#privacy-modal::before {

  content: "";

  display: block;

  width: 100%;

  height: 100%;

  background-color: var(--privacy-module-backdrop);

  opacity: var(--privacy-module-backdrop-opacity);

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

}

#privacy-modal .privacy-dialog {

  background-color: var(--privacy-module-bg);

}