/* NOTE: 641 px is tablet default breakpoint from vanilla-cookieconsent */
#cc-main {
  --cc-font-family: "Chillax" sans-serif;
 /* font */
 /* Consent Modal */
  --cc-modal-border-radius: 24px;
  --cc-bg: var(--color-base-surface-primary);
 /* background */
  --cc-separator-border-color: transparent;
  pointer-events: auto;
 /* To be interactive when other modals are open */
 /* Preferences Modal */
}
#cc-main .cm--box .cm__texts {
  padding-top: 16px;
}
#cc-main .cm--box .cm__texts .cm__title {
  padding-inline: 16px !important;
  line-height: 24px;
  word-break: break-word;
  font-size: 16px;
  font-weight: 500;
  color: var(--color-base-content-top);
}
@media (min-width: 1200px) {
  #cc-main .cm--box .cm__texts .cm__title {
    padding-inline: 32px !important;
 }
}
#cc-main .cm--box .cm__texts .cm__desc {
  margin-top: 16px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--color-base-content-secondary);
}
@media (min-width: 1200px) {
  #cc-main .cm--box .cm__texts .cm__desc {
    padding: 0 32px;
 }
}
@media (min-width: 1200px) {
  #cc-main .cm--box .cm__texts {
    padding-top: 32px;
 }
}
#cc-main .cm--box .cm__btns {
  padding: 8px 16px 20px !important;
}
#cc-main .cm--box .cm__btns .cm__btn-group {
  display: flex;
  gap: 12px;
  align-items: baseline;
  justify-content: flex-end;
  margin-bottom: 0 !important;
 /* all button */
 /* necessary button */
 /* preferences button */
}
#cc-main .cm--box .cm__btns .cm__btn-group .cm__btn {
  flex: 1;
  border: 0;
  border-radius: 999px;
  padding: 10px 0;
  min-height: unset;
  line-height: 20px;
  word-break: break-word;
  font-size: 14px;
  font-weight: 500;
}
#cc-main .cm--box .cm__btns .cm__btn-group [data-role='all'] {
  --cc-btn-primary-bg: var(--color-base-action-primary-default);
  --cc-btn-primary-color: var(--color-base-surface-primary);
  --cc-btn-primary-hover-bg: var(--color-base-action-primary-hover);
  --cc-btn-primary-hover-color: var(--color-inverse-content-primary);
  width: 100%;
}
#cc-main .cm--box .cm__btns .cm__btn-group [data-role='necessary'] {
  --cc-btn-primary-bg: var(--color-base-action-secondary-default);
  --cc-btn-primary-color: var(--color-base-content-secondary);
  --cc-btn-primary-hover-bg: var(--color-base-action-secondary-hover);
  --cc-btn-primary-hover-color: var(--color-base-content-primary);
  margin-bottom: 0 !important;
  width: 100%;
}
#cc-main .cm--box .cm__btns .cm__btn-group [data-role='show'] {
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: var(--color-base-action-primary-default);
  --cc-btn-secondary-hover-bg: transparent;
  --cc-btn-secondary-hover-color: var(--color-base-action-primary-default);
  flex: unset;
  margin-bottom: 24px !important;
  padding: 0;
  width: fit-content;
  min-height: unset;
}
@media (width >= 641px) {
  #cc-main .cm--box .cm__btns .cm__btn-group {
    flex-direction: row-reverse;
 }
}
@media (min-width: 1200px) {
  #cc-main .cm--box .cm__btns {
    padding: 8px 32px 20px !important;
 }
}
@media (width >= 641px) {
  #cc-main .cm--box {
    min-width: 395px;
 }
}
#cc-main .pm--box {
  --cc-cookie-category-block-bg: var(--color-base-surface-secondary);
  --cc-cookie-category-block-border: transparent;
  --cc-cookie-category-block-hover-bg: var(--color-base-surface-secondary);
  --cc-cookie-category-block-hover-border: transparent;
  --cc-cookie-category-expanded-block-bg: var(--color-base-surface-secondary);
  --cc-cookie-category-expanded-block-hover-bg: var(--color-base-surface-secondary);
  --cc-toggle-readonly-bg: var(--color-base-action-secondary-default);
 /* background of switcher */
  --cc-toggle-readonly-knob-bg: var(--color-inverse-content-top);
 /* white dot of switcher */
  --cc-toggle-on-bg: var(--color-base-content-top);
 /* background of switcher when is selected */
  --cc-toggle-off-bg: var(--color-base-action-secondary-default);
 /* background of switcher when is not selected */
}
#cc-main .pm--box .pm__header {
  padding: 16px !important;
}
#cc-main .pm--box .pm__header .pm__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: var(--color-base-content-top);
}
#cc-main .pm--box .pm__header .pm__close-btn {
  display: none;
}
@media (width >= 641px) {
  #cc-main .pm--box .pm__header {
    padding: 24px 24px 16px !important;
 }
}
@media (min-width: 1200px) {
  #cc-main .pm--box .pm__header {
    padding: 32px 32px 16px !important;
 }
}
#cc-main .pm--box .pm__body {
  padding: 0 16px !important;
}
#cc-main .pm--box .pm__body .pm__section-toggles .pm__section--toggle {
  margin-bottom: 8px;
  border-radius: 16px;
}
#cc-main .pm--box .pm__body .pm__section-toggles .pm__section--toggle .pm__section-title-wrapper .pm__section-title {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 64px;
  min-height: 64px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: var(--color-base-content-secondary);
}
#cc-main .pm--box .pm__body .pm__section-toggles .pm__section--toggle .pm__section-title-wrapper .pm__section-arrow {
  width: 32px;
  height: 32px;
}
#cc-main .pm--box .pm__body .pm__section-toggles .pm__section--toggle .pm__section-title-wrapper .section__toggle-wrapper .toggle__icon svg {
  display: none;
}
#cc-main .pm--box .pm__body .pm__section-toggles .pm__section--toggle .pm__section-desc-wrapper .pm__section-desc {
  padding: 0 16px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-base-content-tertiary);
}
@media (width >= 641px) {
  #cc-main .pm--box .pm__body {
    padding: 0 24px !important;
 }
}
@media (min-width: 1200px) {
  #cc-main .pm--box .pm__body {
    padding: 0 32px !important;
 }
}
#cc-main .pm--box .pm__footer {
  gap: 12px;
  padding: 16px !important;
}
#cc-main .pm--box .pm__footer .pm__btn-group {
  gap: 12px;
  margin-bottom: 0 !important;
 /* all button */
 /* necessary button */
 /* save button */
}
#cc-main .pm--box .pm__footer .pm__btn-group:first-child {
  flex: 2;
}
#cc-main .pm--box .pm__footer .pm__btn-group:last-child {
  flex: 1;
}
#cc-main .pm--box .pm__footer .pm__btn-group .pm__btn {
  flex: 1;
  margin-bottom: 0 !important;
  border: 0;
  border-radius: 999px;
  padding: 10px 0;
  min-height: unset;
  line-height: 20px;
  word-break: break-word;
  font-size: 14px;
  font-weight: 500;
}
#cc-main .pm--box .pm__footer .pm__btn-group [data-role='all'] {
  --cc-btn-primary-bg: var(--color-base-action-primary-default);
  --cc-btn-primary-color: var(--color-base-surface-primary);
  --cc-btn-primary-hover-bg: var(--color-base-action-primary-hover);
  --cc-btn-primary-hover-color: var(--color-inverse-content-primary);
}
#cc-main .pm--box .pm__footer .pm__btn-group [data-role='necessary'] {
  --cc-btn-primary-bg: var(--color-base-action-secondary-default);
  --cc-btn-primary-color: var(--color-base-content-secondary);
  --cc-btn-primary-hover-bg: var(--color-base-action-secondary-hover);
  --cc-btn-primary-hover-color: var(--color-base-content-primary);
}
#cc-main .pm--box .pm__footer .pm__btn-group [data-role='save'] {
  --cc-btn-secondary-bg: var(--color-base-action-secondary-default);
  --cc-btn-secondary-color: var(--color-base-content-secondary);
  --cc-btn-secondary-hover-bg: var(--color-base-action-secondary-hover);
  --cc-btn-secondary-hover-color: var(--color-base-content-primary);
}
@media (width >= 641px) {
  #cc-main .pm--box .pm__footer {
    padding: 16px 24px !important;
 }
}
@media (min-width: 1200px) {
  #cc-main .pm--box .pm__footer {
    padding: 16px 32px !important;
 }
}
@media (width >= 641px) {
  #cc-main .pm--box {
    height: 588px;
 }
}