.pdx-cookie-container,
.pdx-cookie-container * {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  background-color: transparent;
  border-radius: 0;
  color: inherit;
  font-family: Arial, sans-serif;
  font-size: 100%;
  font-style: normal;
  font-weight: inherit;
  line-height: inherit;
  text-align: left;
  text-decoration: none;
}

.pdx-cookie-container::before,
.pdx-cookie-container::after,
.pdx-cookie-container *::before,
.pdx-cookie-container *::after {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pdx-cookie-container {
  background: rgba(16, 15, 15, 0.3);
}

.pdx-cookie-container input,
.pdx-cookie-container textarea,
.pdx-cookie-container select {
  appearance: textfield;
}

.pdx-cookie-container button {
  box-sizing: border-box;
  cursor: pointer;
}

.pdx-cookie-container select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.pdx-cookie-container input::-webkit-search-cancel-button,
.pdx-cookie-container input::-webkit-outer-spin-button,
.pdx-cookie-container input::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}

.pdx-cookie-container input::-ms-reveal {
  display: none;
}

.pdx-cookie-container input::-ms-clear {
  display: none;
}

.pdxcontainer input::-webkit-input-placeholder {
  opacity: 1;
}

.pdxcontainer input::-moz-placeholder {
  opacity: 1;
}

.pdxcontainer input:-ms-input-placeholder {
  opacity: 1;
}

.pdx-cookie-container {
  position: fixed;
  z-index: 9999;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
}

.pdx-cookie-container.--active {
  top: 0;
}

.pdx-cookie-container .pdx-cookie-bottom-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 2.5rem;
  border-top: 1px solid rgba(16, 15, 15, 0.15);
  background: #fff;
  color: #100f0f;
}

@media screen and (max-width: 60em) {
  .pdx-cookie-container .pdx-cookie-bottom-bar {
    display: block;
    padding: 0.9375rem;
  }
}

.pdx-cookie-container .pdx-cookie-bottom-bar__content {
  width: 70%;
}

@media screen and (max-width: 60em) {
  .pdx-cookie-container .pdx-cookie-bottom-bar__content {
    width: 100%;
  }
}

.pdx-cookie-container .pdx-cookie-bottom-bar__content h2 {
  padding-bottom: 0.9375rem;
  font-weight: 700;
}

.pdx-cookie-container .pdx-cookie-bottom-bar__content p {
  color: rgba(16, 15, 15, 0.6);
  font-size: 0.875em;
  line-height: 1.6;
}

.pdx-cookie-container .pdx-cookie-bottom-bar__action {
  width: 30%;
  font-weight: 700;
  text-align: right;
}

@media screen and (max-width: 60em) {
  .pdx-cookie-container .pdx-cookie-bottom-bar__action {
    width: 100%;
    padding-top: 1.875rem;
    text-align: center;
  }
}

.pdx-cookie-container .pdx-cookie-bottom-bar__action .pdx-cookie--toggle {
  padding: 0.5rem 0.9375rem;
  cursor: pointer;
  font-size: 0.875em;
}

.pdx-cookie-container .pdx-cookie-bottom-bar__action .pdx-cookie--toggle:focus {
  outline: 5px auto Highlight;
}

.pdx-cookie-container .pdx-cookie-bottom-bar__action .pdx-cookie--accept {
  display: inline-block;
  padding: 0.5rem 0.9375rem;
  border: 1px solid #189b1a;
  border-radius: 999em;
  color: #189b1a;
  cursor: pointer;
  font-size: 0.75em;
  text-transform: uppercase;
}

.pdx-cookie-container .pdx-cookie-bottom-bar__action .pdx-cookie--accept:hover {
  background: #189b1a;
  color: #fff;
}

.pdx-cookie-container
  .pdx-cookie-bottom-bar__action
  .pdx-cookie--accept.--invert {
  background: #189b1a;
  color: #fff;
}

.pdx-cookie-container
  .pdx-cookie-bottom-bar__action
  .pdx-cookie--accept.--invert:hover {
  background: transparent;
  color: #189b1a;
}

.pdx-cookie-container .pdx-cookie-bottom-bar__action .pdx-cookie--accept:focus {
  outline: 5px auto Highlight;
}

.pdx-cookie-container .pdx-cookie-bottom-bar__toggle {
  position: absolute;
  top: -2.25rem;
  left: 2.5rem;
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: rgba(16, 15, 15, 0.15);
  background-color: #fff;
  background-image: url('/images/cookies.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 75%;
  border-radius: 0.3125rem 0.3125rem 0 0;
  cursor: pointer;
}

@media screen and (max-width: 60em) {
  .pdx-cookie-container .pdx-cookie-bottom-bar__toggle {
    left: 1.25rem;
  }
}

@media screen and (max-width: 40em) {
  .pdx-cookie-container .pdx-cookie-bottom-bar__toggle {
    left: 0.625rem;
  }
}

.pdx-cookie-container .pdx-cookie-bottom-bar__toggle.--inactive {
  cursor: default;
}

.pdx-cookie-container .pdx-cookie-form {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2.5rem 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(50%, #1d1b1b),
    to(#100f0f)
  );
  background: linear-gradient(to bottom, #1d1b1b 50%, #100f0f 100%);
  opacity: 0;
  overflow-y: auto;
  transition: opacity 0.2s ease-in, top 0.3s ease-in;
}

.pdx-cookie-container .pdx-cookie-form.--active {
  top: 0;
  opacity: 1;
}

.pdx-cookie-container .pdx-cookie-form__content {
  max-width: 80%;
  margin: 0 auto;
  color: #fff;
}

@media screen and (max-width: 60em) {
  .pdx-cookie-container .pdx-cookie-form__content {
    max-width: 90%;
  }
}

.pdx-cookie-container .pdx-cookie-form__content h2,
.pdx-cookie-container .pdx-cookie-form__content h3 {
  display: inline-block;
  font-family: Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
}

.pdx-cookie-container .pdx-cookie-form__content h2 {
  font-size: 2em;
}

@media screen and (max-width: 60em) {
  .pdx-cookie-container .pdx-cookie-form__content h2 {
    font-size: 1.5em;
  }
}

.pdx-cookie-container .pdx-cookie-form__content p {
  margin: 0.9375rem 0 1.875rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.875em;
  line-height: 1.6;
}

.pdx-cookie-container .pdx-cookie-form__content p:not(.pdx-cookie-styled-p) {
  padding-top: 0.9375rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.pdx-cookie-container .pdx-cookie-form__content .pdx-cookie--accept {
  display: inline-block;
  padding: 0.9375rem 1.5625rem;
  margin-top: 2.5rem;
  background: #189b1a;
  border-radius: 999em;
  font-size: 0.75em;
  font-weight: bold;
  text-transform: uppercase;
}

.pdx-cookie-container .pdx-cookie-form__content .pdx-cookie--accept:focus {
  outline: 5px auto Highlight;
}

.pdx-cookie-container .pdx-cookie-form__content .pdx-cookie-form-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 -0.1875rem 0.625rem;
}

.pdx-cookie-container
  .pdx-cookie-form__content
  .pdx-cookie-form-checkbox
  input {
  display: block;
  width: 2.125rem;
  height: 0.9375rem;
  border: none;
  appearance: none;
  background-color: #fe0642;
  background-image: none;
  border-radius: 999em;
  box-shadow: none;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
}

.pdx-cookie-container
  .pdx-cookie-form__content
  .pdx-cookie-form-checkbox
  input:focus {
  outline: 5px auto Highlight;
}

.pdx-cookie-container
  .pdx-cookie-form__content
  .pdx-cookie-form-checkbox
  input::after {
  position: absolute;
  top: 0;
  left: calc(100% + 6px);
  display: inline-block;
  color: rgba(255, 255, 255, 0.6);
  content: 'Off';
  font-size: 0.75rem;
}

.pdx-cookie-container
  .pdx-cookie-form__content
  .pdx-cookie-form-checkbox
  input:checked {
  background-color: #189b1a;
}

.pdx-cookie-container
  .pdx-cookie-form__content
  .pdx-cookie-form-checkbox
  input:checked::after {
  content: 'On';
}

.pdx-cookie-container
  .pdx-cookie-form__content
  .pdx-cookie-form-checkbox
  input:checked
  ~ .trigger {
  right: 0.1875rem;
  left: auto;
}

.pdx-cookie-container
  .pdx-cookie-form__content
  .pdx-cookie-form-checkbox
  .trigger {
  position: absolute;
  top: 0.125rem;
  left: 0.1875rem;
  display: block;
  width: 0.625rem;
  height: 0.625rem;
  background: #fff;
  border-radius: 999em;
  pointer-events: none;
}

.pdx-cookie-container .pdx-cookie-form__accordion {
  margin-left: 1.25rem;
}

@media screen and (max-width: 60em) {
  .pdx-cookie-container .pdx-cookie-form__accordion {
    margin-left: 0.625rem;
  }
}

.pdx-cookie-container .pdx-cookie-form__accordion button {
  display: inline-block;
  margin-bottom: 2.5rem;
  color: #fff;
  cursor: pointer;
  font-size: 0.875em;
  opacity: 0.8;
}

.pdx-cookie-container .pdx-cookie-form__accordion button:hover {
  opacity: 0.5;
}

.pdx-cookie-container .pdx-cookie-form__accordion button svg {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-bottom: -0.1875rem;
}

.pdx-cookie-container .pdx-cookie-form__accordion .pdx-cookie-form-list {
  display: none;
  list-style: none;
}

.pdx-cookie-container
  .pdx-cookie-form__accordion
  .pdx-cookie-form-list.--active {
  display: block;
}

.pdx-cookie-container .pdx-cookie-form__accordion .pdx-cookie-form-list h3 {
  font-size: 0.75em;
}

.pdx-cookie-container .pdx-cookie-form__accordion .pdx-cookie-form-list p {
  font-size: 0.875em;
}

.pdx-cookie-container {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease-in-out;
}

.pdx-cookie-form.pdx-cookie--container,
button[data-target='pdx-cookie-container'].hidden,
.pdx-cookie-container.hidden,
.pdx-cookie-bottom-bar {
  opacity: 0;
  visibility: hidden;
}

.pdx-cookie-form.pdx-cookie--container.--active,
button[data-target='pdx-cookie-container'].visible,
.pdx-cookie-container.--active .pdx-cookie-bottom-bar {
  opacity: 1;
  visibility: visible;
}