#cc-main {
        --oxi-black: #010101;
        --oxi-white: #f1f1f1;
        --oxi-ink: #111111;
        --oxi-muted: #010101a6;
        --oxi-faint: #01010159;
        --oxi-line: #01010122;
        --oxi-line-soft: #01010112;
        --oxi-mono: "Fragment Mono", "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

        --cc-font-family: "Work Sans Variable", "Work Sans", Arial, sans-serif;
        --cc-bg: var(--oxi-white);
        --cc-primary-color: var(--oxi-ink);
        --cc-secondary-color: var(--oxi-muted);
        --cc-separator-border-color: var(--oxi-line);
        --cc-link-color: var(--oxi-black);

        --cc-btn-primary-bg: var(--oxi-black);
        --cc-btn-primary-color: var(--oxi-white);
        --cc-btn-primary-border-color: var(--oxi-black);
        --cc-btn-primary-hover-bg: #2a2a2a;
        --cc-btn-primary-hover-color: var(--oxi-white);
        --cc-btn-primary-hover-border-color: #2a2a2a;

        --cc-btn-secondary-bg: #0000;
        --cc-btn-secondary-color: var(--oxi-ink);
        --cc-btn-secondary-border-color: var(--oxi-faint);
        --cc-btn-secondary-hover-bg: #0101010a;
        --cc-btn-secondary-hover-color: var(--oxi-black);
        --cc-btn-secondary-hover-border-color: var(--oxi-black);

        --cc-cookie-category-block-bg: #0000;
        --cc-cookie-category-block-border: #0000;
        --cc-cookie-category-block-hover-bg: #0000;
        --cc-cookie-category-block-hover-border: #0000;
        --cc-cookie-category-expanded-block-bg: #0000;
        --cc-cookie-category-expanded-block-hover-bg: #0000;

        --cc-toggle-on-bg: var(--oxi-black);
        --cc-toggle-off-bg: #01010133;
        --cc-toggle-on-knob-bg: var(--oxi-white);
        --cc-toggle-off-knob-bg: var(--oxi-white);
        --cc-toggle-readonly-bg: #01010114;
        --cc-toggle-readonly-knob-bg: var(--oxi-white);
        --cc-toggle-readonly-knob-icon-color: #01010173;
        --cc-toggle-enabled-icon-color: var(--oxi-black);
        --cc-toggle-disabled-icon-color: var(--oxi-white);
        --cc-pm-toggle-border-radius: 4em;

        --cc-footer-bg: #0000;
        --cc-footer-color: var(--oxi-muted);
        --cc-footer-border-color: var(--oxi-line);

        --cc-overlay-bg: #010101c7;
        --cc-btn-border-radius: 4px;
        --cc-modal-border-radius: 4px;
        --cc-modal-margin: 20px;
        --cc-modal-transition-duration: .28s;

        font-size: 15px;
        letter-spacing: -.012em;
        -webkit-font-smoothing: antialiased;
      }

      #cc-main .cm__btn+.cm__btn,
      #cc-main .pm__btn+.pm__btn,
      #cc-main .cm__btn-group+.cm__btn-group,
      #cc-main .pm__btn-group+.pm__btn-group {
        margin: 0 !important;
      }

      #cc-main .cm__btn,
      #cc-main .pm__btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 44px;
        min-height: 0;
        min-width: 0;
        flex: none;
        margin: 0 !important;
        border-radius: 4px;
        padding: 0 22px;
        font-size: .76em;
        font-weight: 500;
        line-height: 1;
        letter-spacing: -.05em;
        text-transform: uppercase;
        white-space: nowrap;
        transition: background-color .3s, border-color .3s, color .3s;
      }

      #cc-main .cm__btn[data-role="show"],
      #cc-main .pm__btn[data-role="show"] {
        background: #0000;
        border-color: #0000;
        color: var(--oxi-ink);
        padding: 0 2px;
        text-decoration: underline;
        text-underline-offset: 5px;
        text-decoration-thickness: 1px;
        text-decoration-color: var(--oxi-faint);
      }

      #cc-main .cm__btn[data-role="show"]:hover,
      #cc-main .pm__btn[data-role="show"]:hover {
        background: #0000;
        border-color: #0000;
        color: var(--oxi-black);
        text-decoration-color: var(--oxi-black);
      }

      #cc-main .cm {
        max-width: 560px !important;
        width: calc(100% - 2 * var(--cc-modal-margin));
        border: 1px solid var(--oxi-line);
        box-shadow: 0 20px 50px #0101012e;
      }

      #cc-main .cm__body {
        padding: 22px 24px 18px;
      }

      #cc-main .cm__texts {
        padding: 0;
      }

      #cc-main .cm__desc {
        padding: 0 !important;
        max-height: none;
        font-size: .93em;
        font-weight: 400;
        line-height: 1.4;
        color: var(--oxi-ink);
      }

      #cc-main .cm__btns {
        padding: 16px 0 0 !important;
        margin-top: 16px;
        border-top: 1px solid var(--oxi-line-soft) !important;
        display: flex;
        flex-direction: row !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        min-width: 0 !important;
        max-width: none !important;
      }

      #cc-main .cm__btn-group {
        display: contents;
      }

      #cc-main .cm__btn[data-role="show"] {
        order: 1;
        margin-right: auto !important;
      }

      #cc-main .cm__btn[data-role="necessary"] {
        order: 2;
      }

      #cc-main .cm__btn[data-role="all"] {
        order: 3;
      }

      #cc-main .pm--box {
        height: auto;
        max-height: calc(100vh - 40px);
      }

      #cc-main .pm__body {
        scrollbar-width: none;
      }

      #cc-main .pm__body::-webkit-scrollbar {
        display: none;
      }

      #cc-main .pm {
        max-width: 560px !important;
        border: 1px solid var(--oxi-line);
        box-shadow: 0 24px 64px #01010147;
      }

      #cc-main .pm__header {
        padding: 20px 24px !important;
        border-bottom: 1px solid var(--oxi-line);
      }

      #cc-main .pm__title {
        font-size: 1.08em;
        font-weight: 500;
        letter-spacing: -.035em;
        margin-right: 1em;
      }

      #cc-main .pm__close-btn {
        width: 36px;
        height: 36px;
        border-radius: 4px;
        border: 1px solid var(--oxi-line);
        background: #0000;
        transition: border-color .3s, background-color .3s;
      }

      #cc-main .pm__close-btn:hover {
        background: #0101010a;
        border-color: var(--oxi-black);
      }

      #cc-main .pm__close-btn svg {
        stroke: var(--oxi-ink);
        stroke-width: 1.6;
        transform: scale(.5);
      }

      #cc-main .pm__body {
        padding: 6px 24px 22px !important;
      }

      #cc-main .pm__section {
        border: 0;
        border-radius: 0;
        padding: 18px 0;
        background: #0000;
      }

      #cc-main .pm__body>.pm__section:first-child {
        padding-top: 16px;
      }

      #cc-main .pm__section-toggles+.pm__section {
        margin-top: 8px;
        border-top: 1px solid var(--oxi-line);
        padding-top: 20px;
      }

      #cc-main .pm__section:not(.pm__section--toggle) .pm__section-title {
        font-size: .95em;
        font-weight: 500;
        letter-spacing: -.03em;
        color: var(--oxi-ink);
      }

      #cc-main .pm__section-desc {
        font-size: .9em;
        font-weight: 400;
        line-height: 1.4;
        color: var(--oxi-muted);
      }

      #cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper {
        margin-top: 6px;
      }

      #cc-main .pm__section-toggles {
        border-top: 1px solid var(--oxi-line);
      }

      #cc-main .pm__section--toggle {
        padding: 0;
        margin: 0;
        border: 0;
        border-bottom: 1px solid var(--oxi-line-soft);
        border-radius: 0;
      }

      #cc-main .pm__section--toggle:last-child {
        border-bottom: 0;
      }

      #cc-main .pm__section--toggle .pm__section-title {
        min-height: 0;
        padding: 17px 76px 17px 30px !important;
        border: 0;
        border-radius: 0;
        background: #0000 !important;
        font-size: .95em;
        font-weight: 500;
        letter-spacing: -.03em;
        color: var(--oxi-ink);
        justify-content: flex-start;
        gap: 10px;
      }

      #cc-main .pm__section--expandable .pm__section-arrow {
        left: 0;
        width: 18px;
        height: 18px;
        background: #0000;
        border-radius: 0;
      }

      #cc-main .pm__section--expandable .pm__section-arrow svg {
        stroke: var(--oxi-muted);
        transform: scale(.5);
        transition: transform .25s;
      }

      #cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg {
        transform: scale(.5) rotate(180deg);
      }

      #cc-main .section__toggle-wrapper {
        right: 0;
      }

      #cc-main .pm__badge {
        display: flex;
        height: 20px;
        margin-left: 0;
        padding: 0 7px;
        min-width: 0;
        border-radius: 3px;
        background: #0101010d;
        font-family: var(--oxi-mono);
        font-size: .68em;
        font-weight: 400;
        letter-spacing: 0;
        text-transform: lowercase;
        color: var(--oxi-muted);
      }

      #cc-main .pm__section--toggle .pm__section-desc-wrapper {
        border: 0 !important;
        border-radius: 0;
        background: #0000;
        overflow: visible;
        padding: 0 0 6px 30px;
      }

      #cc-main .pm__section-desc-wrapper> :not(:last-child) {
        border-bottom: 1px solid var(--oxi-line-soft);
      }

      #cc-main .pm__section--toggle .pm__section-desc {
        padding: 0 0 14px;
      }

      #cc-main .pm__service {
        padding: 11px 0;
        border: 0;
        background: #0000 !important;
      }

      #cc-main .pm__service-header {
        gap: 10px;
      }

      #cc-main .pm__service-title {
        font-family: var(--oxi-mono);
        font-size: .8em;
        font-weight: 400;
        letter-spacing: 0;
        color: var(--oxi-ink);
      }

      #cc-main .pm__service-icon {
        display: none;
      }

      #cc-main .pm__service-header {
        padding-left: 0;
        margin-right: 0;
        width: 100%;
      }

      #cc-main .toggle__icon-off {
        display: none;
      }

      #cc-main .pm__service .toggle__icon-on {
        display: none;
      }

      #cc-main .pm__footer {
        padding: 16px 24px !important;
        border-top: 1px solid var(--oxi-line);
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
      }

      #cc-main .pm__btn-group {
        display: contents;
      }

      #cc-main .pm__btn[data-role="necessary"] {
        order: 1;
        margin-right: auto !important;
      }

      #cc-main .pm__btn[data-role="save"] {
        order: 2;
      }

      #cc-main .pm__btn[data-role="all"] {
        order: 3;
      }

      #cc-main .pm__btn[hidden] {
        display: none !important;
      }

      #cc-main a {
        color: var(--oxi-black);
        font-weight: 500;
        text-decoration: underline;
        text-underline-offset: 3px;
        text-decoration-thickness: 1px;
        text-decoration-color: var(--oxi-faint);
        transition: text-decoration-color .25s;
      }

      #cc-main a:hover {
        text-decoration-color: var(--oxi-black);
      }

      .oxi-cc-lite #cc-main .cm {
        max-width: 380px !important;
      }

      .oxi-cc-lite #cc-main .cm__body {
        display: flex;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center;
        justify-content: flex-end;
        gap: 10px 12px;
        padding: 10px 10px 10px 20px;
      }

      .oxi-cc-lite #cc-main .cm__texts {
        flex: 1 1 auto;
        min-width: 0;
      }

      .oxi-cc-lite #cc-main .cm__desc {
        white-space: nowrap;
        overflow: visible !important;
      }

      .oxi-cc-lite #cc-main .cm__btns {
        flex: 0 0 auto;
        flex-wrap: nowrap;
        gap: 6px;
        margin: 0;
        padding: 0 !important;
        border-top: 0 !important;
      }

      .oxi-cc-lite #cc-main .cm__btn {
        flex: 0 0 auto !important;
        height: 32px;
        padding: 0 14px;
        font-size: .72em;
      }

      .oxi-cc-lite #cc-main .cm__btn[data-role="show"] {
        order: 1;
        margin-right: 0 !important;
        padding: 0 14px;
        background: var(--cc-btn-secondary-bg);
        border: 1px solid var(--cc-btn-secondary-border-color);
        text-decoration: none;
      }

      .oxi-cc-lite #cc-main .cm__btn[data-role="show"]:hover {
        border-color: var(--oxi-black);
        background: var(--cc-btn-secondary-hover-bg);
      }

      .oxi-cc-lite #cc-main .cm__btn[data-role="all"] {
        order: 2;
        padding: 0 12px;
        min-width: 44px;
      }

      @media (max-width: 640px) {
        #cc-main .cm {
          width: calc(100% - 20px) !important;
          left: 10px !important;
          right: 10px !important;
          bottom: 10px !important;
          transform: none !important;
        }

        #cc-main .cm__body {
          padding: 20px 20px 16px !important;
        }

        #cc-main .cm__desc {
          padding: 0 !important;
        }

        #cc-main .cm__btns {
          padding: 16px 0 0 !important;
          flex-direction: row !important;
          flex-wrap: wrap !important;
          gap: 8px !important;
        }

        #cc-main .cm__btn-group {
          display: contents !important;
        }

        #cc-main .cm__btn {
          flex: 1 1 0 !important;
          margin: 0 !important;
        }

        #cc-main .cm__btn[data-role="show"] {
          order: 3;
          flex: 1 1 100% !important;
          margin: 0 !important;
          padding: 0 22px !important;
          background: var(--cc-btn-secondary-bg);
          border: 1px solid var(--cc-btn-secondary-border-color);
          text-decoration: none;
        }

        #cc-main .cm__btn[data-role="show"]:hover {
          border-color: var(--oxi-black);
          background: var(--cc-btn-secondary-hover-bg);
        }

        #cc-main .pm__footer {
          flex-direction: row !important;
          flex-wrap: wrap !important;
          gap: 8px !important;
        }

        #cc-main .pm__btn-group {
          display: contents !important;
        }

        #cc-main .pm__btn {
          flex: 1 1 100% !important;
          width: 100% !important;
          margin: 0 !important;
        }

        #cc-main .pm__btn[data-role="necessary"] {
          order: 3;
          margin-right: 0 !important;
        }

        #cc-main .pm__btn[data-role="all"] {
          order: 1;
        }

        #cc-main .pm__btn[data-role="save"] {
          order: 2;
        }

        #cc-main .pm__section--toggle .pm__section-title {
          padding-right: 64px !important;
        }

        #cc-main .pm__header {
          padding: 18px 20px !important;
        }

        #cc-main .pm__body {
          padding: 4px 20px 18px !important;
        }

        #cc-main .pm__footer {
          padding: 14px 20px !important;
        }

        #cc-main .pm {
          top: 0 !important;
          bottom: 0 !important;
          height: 100% !important;
          max-height: 100% !important;
          border-radius: 0 !important;
        }

        #cc-main .pm__body {
          flex: 1 1 auto !important;
        }

        #cc-main .pm__footer {
          flex: 0 0 auto !important;
          padding-bottom: max(14px, env(safe-area-inset-bottom)) !important;
        }

        .oxi-cc-lite #cc-main .cm__body {
          flex-direction: row !important;
          gap: 8px 10px;
          padding: 8px 8px 8px 14px !important;
        }

        .oxi-cc-lite #cc-main .cm__desc {
          font-size: .86em;
        }

        .oxi-cc-lite #cc-main .cm__btns {
          flex-wrap: nowrap !important;
          gap: 6px !important;
        }

        .oxi-cc-lite #cc-main .cm__btn {
          flex: 0 0 auto !important;
          height: 32px;
          font-size: .68em;
        }

        .oxi-cc-lite #cc-main .cm__btn[data-role="show"] {
          order: 1;
          flex: 0 0 auto !important;
          padding: 0 10px !important;
        }

        .oxi-cc-lite #cc-main .cm__btn[data-role="all"] {
          order: 2;
          padding: 0 10px !important;
        }
      }

      @media (max-width: 767px) {
        .oxi-cc-lite #cc-main .cm {
          top: var(--oxi-cc-top, 72px) !important;
          bottom: auto !important;
          left: 0 !important;
          right: 0 !important;
          width: calc(100% - 30px) !important;
          max-width: 380px !important;
          margin: 0 auto !important;
          transform: none !important;
        }
      }

      .oxi-cc-lite.oxi-cc-tight #cc-main .cm__body {
        gap: 6px 8px;
        padding: 8px 6px 8px 10px !important;
      }

      .oxi-cc-lite.oxi-cc-tight #cc-main .cm__desc {
        font-size: .8em;
      }

      .oxi-cc-lite.oxi-cc-tight #cc-main .cm__btns {
        gap: 4px !important;
      }

      .oxi-cc-lite.oxi-cc-tight #cc-main .cm__btn[data-role="show"] {
        padding: 0 8px !important;
      }

      .oxi-cc-lite.oxi-cc-tight #cc-main .cm__btn[data-role="all"] {
        padding: 0 8px !important;
        min-width: 40px;
      }

      .oxi-cc-lite.oxi-cc-stack #cc-main .cm__body {
        flex-direction: column !important;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 12px 10px !important;
      }

      .oxi-cc-lite.oxi-cc-stack #cc-main .cm__texts {
        flex: 0 0 auto;
        width: 100%;
      }

      .oxi-cc-lite.oxi-cc-stack #cc-main .cm__desc {
        font-size: .86em;
        text-align: center;
        white-space: normal;
      }

      .oxi-cc-lite.oxi-cc-stack #cc-main .cm__btns {
        justify-content: center;
      }

      .oxi-cc-lite.oxi-cc-stack #cc-main .cm__btn[data-role="show"] {
        padding: 0 12px !important;
      }

      .oxi-cc-lite.oxi-cc-stack #cc-main .cm__btn[data-role="all"] {
        padding: 0 12px !important;
      }