.cookie-header {
  display: flex;
  align-items: center;
  margin-bottom: 15px; }
  .cookie-header .button-container .back-button {
    position: sticky;
    left: 0;
    display: flex;
    height: 3em;
    width: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    letter-spacing: 1px;
    transition: all 0.2s linear;
    padding: 0;
    cursor: pointer;
    border: none;
    background-color: var(--cg-cookie-back-button-bg-color, transparent); }
    .cookie-header .button-container .back-button:hover > svg {
      font-size: 1.2em;
      transform: translateX(-5px); }
    .cookie-header .button-container .back-button > svg {
      fill: var(--cg-cookie-back-button-color, white);
      margin-right: 5px;
      margin-left: 5px;
      font-size: 20px;
      transition: all 0.4s ease-in; }
    .cookie-header .button-container .back-button:hover {
      transform: translateY(-2px); }
  .cookie-header .title-container {
    text-align: center;
    flex-grow: 1; }

.cookie-buttons {
  display: flex;
  text-align: center;
  text-align: -webkit-center;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; }
  .cookie-buttons .button {
    height: auto;
    box-shadow: none;
    margin: 10px;
    overflow: hidden;
    position: relative;
    font-weight: 400;
    text-shadow: none;
    line-height: 25px;
    text-transform: none;
    padding-top: 20px;
    cursor: pointer;
    border-radius: 5px;
    padding: 10px 14px; }
    .cookie-buttons .button-secondary {
      background: var(--cg-cookie-secondary-buttons-bg-color, transparent);
      border: 1px solid var(--cg-cookie-secondary-buttons-border-color, #f3910b);
      color: var(--cg-cookie-secondary-buttons-text-color, white); }
      .cookie-buttons .button-secondary:hover {
        box-shadow: none; }
    .cookie-buttons .button.cookie-btn-manageSettings {
      background: transparent;
      text-decoration: underline;
      text-underline-offset: 5px;
      border: none;
      color: var(--cg-cookie-secondary-buttons-text-color, white);
      margin: 0px;
      padding: 0px;
      text-underline-offset: 5px; }
    .cookie-buttons .button-primary {
      font-weight: 800;
      background: var(--cg-cookie-primary-buttons-bg-color, #f3910b);
      border: 1px solid var(--cg-cookie-primary-buttons-border-color, #f3910b);
      color: var(--cg-cookie-primary-buttons-text-color, white); }
      .cookie-buttons .button-primary:hover {
        box-shadow: none;
        background: white;
        color: var(--cg-cookie-primary-buttons-text-color-hover, black); }

.cookie-option {
  margin-bottom: 25px;
  display: flex;
  align-items: center; }
  .cookie-option input {
    width: 100%;
    font-family: Jost, sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    padding: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #a6a6a6;
    border-radius: 50px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out; }
    .cookie-option input[type=checkbox] {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
      flex: 0 0 40px;
      width: 40px;
      height: 20px;
      position: relative;
      border: 0;
      padding: 0;
      font-size: 0;
      line-height: 0;
      color: rgba(138, 138, 138, 0);
      background-color: rgba(138, 138, 138, 0);
      vertical-align: middle;
      cursor: pointer; }
      .cookie-option input[type=checkbox]:checked:before {
        background-color: var(--cg-cookie-toogle-color, #f3910b); }
      .cookie-option input[type=checkbox]:before {
        content: "";
        width: 40px;
        height: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        background-color: #cecece;
        border-radius: 20px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out; }
      .cookie-option input[type=checkbox]:checked:after {
        left: 21px; }
      .cookie-option input[type=checkbox]:after {
        content: "";
        width: 18px;
        height: 18px;
        position: absolute;
        top: 50%;
        left: 1px;
        background-color: #fff;
        border-radius: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out; }
  .cookie-option .content {
    flex: 1;
    margin-right: 10px; }
    .cookie-option .content p {
      margin: 0; }
      .cookie-option .content p:last-child {
        color: var(--cg-cookie-subtext-color, white);
        font-size: 14px; }

.cookie-wrapper {
  text-align: left;
  font-size: 18px;
  line-height: 26px;
  display: none;
  position: fixed;
  padding: 15px 25px 22px;
  transition: bottom 0.3s ease;
  background: var(--cg-cookie-wrapper-bg-color, #4c6222);
  border-radius: 15px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999999;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .cookie-wrapper::-webkit-scrollbar {
    display: none; }
  @media screen and (max-width: 1024px) {
    .cookie-wrapper {
      width: 90%;
      height: fit-content;
      max-height: 90%;
      overflow-y: scroll;
      font-size: 14px;
      line-height: 20px; } }
  .cookie-wrapper .h2 {
    font-size: 26px;
    line-height: 28px; }
  .cookie-wrapper .cookie-data-basic p {
    margin-bottom: 0px; }
    .cookie-wrapper .cookie-data-basic p a {
      color: var(--cg-cookie-text-color, white); }
  .cookie-wrapper .h2, .cookie-wrapper p, .cookie-wrapper i {
    color: var(--cg-cookie-text-color, white); }
  .cookie-wrapper[data-mode="basic"] .back-button, .cookie-wrapper[data-mode="basic"] .title-advanced, .cookie-wrapper[data-mode="basic"] #cookie-acceptSelectedBtn, .cookie-wrapper[data-mode="basic"] #cookie-rejectNonEssentialBtn {
    display: none; }
  .cookie-wrapper[data-mode="basic"] .cookie-data-advanced {
    display: none; }
  .cookie-wrapper[data-mode="advanced"] .title-basic, .cookie-wrapper[data-mode="advanced"] #cookie-manageSettingsBtn {
    display: none; }
  .cookie-wrapper[data-mode="advanced"] .cookie-data-basic {
    display: none; }
  .cookie-wrapper[data-mode="advanced"] .cookie-buttons {
    justify-content: space-between; }
    .cookie-wrapper[data-mode="advanced"] .cookie-buttons .button {
      margin: 10px 5px;
      width: 100%;
      justify-content: center;
      display: flex; }
      .cookie-wrapper[data-mode="advanced"] .cookie-buttons .button-secondary {
        min-width: 0px;
        width: 45%; }
      .cookie-wrapper[data-mode="advanced"] .cookie-buttons .button.cookie-btn-manageSettings {
        background: transparent;
        text-decoration: underline;
        text-underline-offset: 5px;
        border: none;
        color: var(--cg-cookie-secondary-buttons-text-color, white);
        margin: 0px;
        padding: 0px;
        text-underline-offset: 5px; }
      .cookie-wrapper[data-mode="advanced"] .cookie-buttons .button-primary {
        font-weight: 800;
        background: var(--cg-cookie-primary-buttons-bg-color, #f3910b);
        border: 1px solid var(--cg-cookie-primary-buttons-border-color, #f3910b);
        color: var(--cg-cookie-primary-buttons-text-color, white); }
        .cookie-wrapper[data-mode="advanced"] .cookie-buttons .button-primary:hover {
          box-shadow: none;
          background: white;
          color: var(--cg-cookie-primary-buttons-text-color-hover, black); }

.bx--cookie {
  display: inline-block;
  width: 3em;
  height: 3em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21.598 11.064a1.006 1.006 0 0 0-.854-.172A2.938 2.938 0 0 1 20 11c-1.654 0-3-1.346-3.003-2.937c.005-.034.016-.136.017-.17a.998.998 0 0 0-1.254-1.006A2.963 2.963 0 0 1 15 7c-1.654 0-3-1.346-3-3c0-.217.031-.444.099-.716a1 1 0 0 0-1.067-1.236A9.956 9.956 0 0 0 2 12c0 5.514 4.486 10 10 10s10-4.486 10-10c0-.049-.003-.097-.007-.16a1.004 1.004 0 0 0-.395-.776M12 20c-4.411 0-8-3.589-8-8a7.962 7.962 0 0 1 6.006-7.75A5.006 5.006 0 0 0 15 9l.101-.001a5.007 5.007 0 0 0 4.837 4C19.444 16.941 16.073 20 12 20'/%3E%3Ccircle cx='12.5' cy='11.5' r='1.5' fill='%23000'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5' fill='%23000'/%3E%3Ccircle cx='7.5' cy='12.5' r='1.5' fill='%23000'/%3E%3Ccircle cx='15.5' cy='15.5' r='1.5' fill='%23000'/%3E%3Ccircle cx='10.5' cy='16.5' r='1.5' fill='%23000'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%; }