@opendesign-plus/components 0.0.1-rc.103 → 0.0.1-rc.105

package/dist/treeshaking/components/cookie-notice/OCookieNotice.vue2.mjs

@@ -1,367 +0,0 @@
-import { defineComponent, computed, ref, onMounted, watch, openBlock, createBlock, withCtx, Teleport, unref, createElementBlock, createElementVNode, normalizeClass, Fragment, createVNode, createTextVNode, toDisplayString, createCommentVNode, nextTick } from "vue";
-import _sfc_main$1 from "../common/ClientOnly.vue.mjs";
-import { useScreen } from "@opendesign-plus/composables";
-import { useI18n } from "../../i18n/index.mjs";
-import { OIcon, OIconClose, OButton, ODialog, OSwitch } from "@opensig/opendesign";
-import { useVModel } from "@vueuse/core";
-const _hoisted_1 = { class: "cookie-notice-content" };
-const _hoisted_2 = ["type"];
-const _hoisted_3 = { class: "cookie-title" };
-const _hoisted_4 = {
-  style: { "transform": "rotate(180deg)" },
-  xmlns: "http://www.w3.org/2000/svg",
-  version: "1.1",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24"
-};
-const _hoisted_5 = {
-  class: "cookie-zh-title",
-  style: { "margin-top": "0" }
-};
-const _hoisted_6 = ["href"];
-const _hoisted_7 = {
-  key: 1,
-  class: "cookie-en-title"
-};
-const _hoisted_8 = {
-  key: 0,
-  class: "cookie-en-content"
-};
-const _hoisted_9 = { class: "cookie-en-desc" };
-const _hoisted_10 = ["href"];
-const _hoisted_11 = { class: "cookie-notice-right" };
-const _hoisted_12 = { class: "cookie-dlg-title" };
-const _hoisted_13 = { class: "cookie-dlg-content" };
-const _hoisted_14 = { class: "content-item" };
-const _hoisted_15 = { class: "item-header" };
-const _hoisted_16 = { class: "item-title" };
-const _hoisted_17 = { class: "item-extra" };
-const _hoisted_18 = { class: "item-detail" };
-const _hoisted_19 = { class: "content-item" };
-const _hoisted_20 = { class: "item-header" };
-const _hoisted_21 = { class: "item-title" };
-const _hoisted_22 = { class: "item-extra" };
-const _hoisted_23 = { class: "item-detail" };
-const NOT_SIGNED = "0";
-const ALL_AGREED = "1";
-const NECCESSARY_AGREED = "2";
-const NOT_SHOW_BUT_AGREED = "3";
-const COOKIE_KEY_ZH = "agreed-cookiepolicy-zh";
-const COOKIE_KEY_EN = "agreed-cookiepolicy-en";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "OCookieNotice",
-  props: {
-    visible: { type: Boolean },
-    community: {},
-    detailUrl: {},
-    wrapper: {},
-    cookieDomain: {}
-  },
-  emits: ["update:visible"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { lePadV, leLaptop, isPhone } = useScreen();
-    const { locale, t } = useI18n();
-    const isZh = computed(() => locale.value === "zh");
-    const cookieNoticeRef = ref();
-    const enableGrid = computed(() => {
-      if (cookieNoticeRef.value) {
-        return !!getComputedStyle(cookieNoticeRef.value).getPropertyValue("--grid-content-width");
-      }
-      return false;
-    });
-    const cookieKey = computed(() => isZh.value ? COOKIE_KEY_ZH : COOKIE_KEY_EN);
-    const analysisAllowed = ref(false);
-    const visibleVmodel = useVModel(props, "visible", emit, { defaultValue: false });
-    const getCookie = (key) => {
-      const cookie = document.cookie.split(";").find((row) => row.split("=")[0].trim() === encodeURIComponent(key));
-      if (!cookie) {
-        return null;
-      }
-      return decodeURIComponent(cookie.split("=")[1]);
-    };
-    const setCookie = (key, value, days, domain) => {
-      const maxAge = `; max-age=${days * 24 * 60 * 60}`;
-      document.cookie = `${encodeURIComponent(key)}=${encodeURIComponent(value)}${maxAge}; path=/; domain=${domain}`;
-    };
-    const removeCookie = (key, domain) => {
-      document.cookie = `${encodeURIComponent(key)}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; domain=${domain}`;
-    };
-    const toggleNoticeVisible = (val) => {
-      if (typeof val === "boolean") {
-        visibleVmodel.value = val;
-      } else {
-        visibleVmodel.value = !visibleVmodel.value;
-      }
-      nextTick(() => {
-        if (!visibleVmodel.value && isZh.value && getCookie(cookieKey.value) !== NOT_SHOW_BUT_AGREED) {
-          setCookie(cookieKey.value, NOT_SHOW_BUT_AGREED, 180, props.cookieDomain ?? location.hostname);
-        }
-      });
-    };
-    const isDlgVisible = ref(false);
-    const toggleDlgVisible = (val) => {
-      if (typeof val === "boolean") {
-        isDlgVisible.value = val;
-      } else {
-        isDlgVisible.value = !isDlgVisible.value;
-      }
-    };
-    const isNotSigned = () => {
-      if (isZh.value) {
-        return getCookie(cookieKey.value) !== NOT_SHOW_BUT_AGREED;
-      }
-      return (getCookie(cookieKey.value) ?? "0") === NOT_SIGNED;
-    };
-    const isAllAgreed = () => {
-      if (isZh.value) {
-        return getCookie(cookieKey.value) === NOT_SHOW_BUT_AGREED;
-      }
-      return getCookie(cookieKey.value) === ALL_AGREED;
-    };
-    onMounted(() => {
-      if (isNotSigned()) {
-        toggleNoticeVisible(true);
-      }
-    });
-    watch(locale, () => {
-      toggleNoticeVisible(isNotSigned());
-    });
-    const acceptAll = () => {
-      analysisAllowed.value = true;
-      removeCookie(cookieKey.value, props.cookieDomain ?? location.hostname);
-      setCookie(cookieKey.value, ALL_AGREED, 180, props.cookieDomain ?? location.hostname);
-      toggleNoticeVisible(false);
-    };
-    const rejectAll = () => {
-      analysisAllowed.value = false;
-      removeCookie(cookieKey.value, props.cookieDomain ?? location.hostname);
-      setCookie(cookieKey.value, NECCESSARY_AGREED, 180, props.cookieDomain ?? location.hostname);
-      toggleNoticeVisible(false);
-    };
-    const dlgActions = computed(() => {
-      if (isPhone.value) {
-        return [
-          {
-            id: "save",
-            label: t("cookie.saveSetting"),
-            variant: "text",
-            onClick: () => {
-              if (analysisAllowed.value) {
-                acceptAll();
-              } else {
-                rejectAll();
-              }
-              toggleDlgVisible(false);
-            }
-          },
-          {
-            id: "allowAll",
-            label: t("cookie.acceptAll"),
-            variant: "text",
-            onClick: () => {
-              analysisAllowed.value = true;
-              acceptAll();
-              toggleDlgVisible(false);
-            }
-          }
-        ];
-      }
-      return [
-        {
-          id: "save",
-          color: "primary",
-          label: t("cookie.saveSetting"),
-          variant: "outline",
-          size: "medium",
-          round: "pill",
-          onClick: () => {
-            if (analysisAllowed.value) {
-              acceptAll();
-            } else {
-              rejectAll();
-            }
-            toggleDlgVisible(false);
-          }
-        },
-        {
-          id: "allowAll",
-          color: "primary",
-          label: t("cookie.acceptAll"),
-          variant: "outline",
-          size: "medium",
-          round: "pill",
-          onClick: () => {
-            analysisAllowed.value = true;
-            acceptAll();
-            toggleDlgVisible(false);
-          }
-        }
-      ];
-    });
-    const onDlgChange = (val) => {
-      if (val) {
-        analysisAllowed.value = isAllAgreed();
-      }
-    };
-    __expose({
-      check() {
-        const agreed = isAllAgreed();
-        if (agreed === visibleVmodel.value) {
-          toggleNoticeVisible();
-        }
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, null, {
-        default: withCtx(() => [
-          (openBlock(), createBlock(Teleport, {
-            to: __props.wrapper || "#app"
-          }, [
-            unref(visibleVmodel) ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              ref_key: "cookieNoticeRef",
-              ref: cookieNoticeRef,
-              class: "cookie-notice"
-            }, [
-              createElementVNode("div", _hoisted_1, [
-                createElementVNode("div", {
-                  type: unref(locale),
-                  class: normalizeClass({ "cookie-notice-wrap-grid": enableGrid.value, "cookie-notice-wrap": !enableGrid.value })
-                }, [
-                  createElementVNode("div", _hoisted_3, [
-                    isZh.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                      createVNode(unref(OIcon), { style: { "display": "inline-block", "font-size": "24px", "margin-right": "4px" } }, {
-                        default: withCtx(() => [
-                          (openBlock(), createElementBlock("svg", _hoisted_4, [..._cache[4] || (_cache[4] = [
-                            createElementVNode("path", {
-                              fill: "var(--o-color-primary1)",
-                              d: "M21 12c0 4.971-4.029 9-9 9s-9-4.029-9-9c0-4.971 4.029-9 9-9s9 4.029 9 9z"
-                            }, null, -1),
-                            createElementVNode("path", {
-                              fill: "#fff",
-                              d: "M12 9.4c0.552 0 1-0.448 1-1s-0.448-1-1-1c-0.552 0-1 0.448-1 1s0.448 1 1 1zM12.492 10.943c-0.042-0.233-0.246-0.41-0.492-0.41-0.276 0-0.5 0.224-0.5 0.5v5.5l0.008 0.090c0.042 0.233 0.246 0.41 0.492 0.41 0.276 0 0.5-0.224 0.5-0.5v-5.5l-0.008-0.090z"
-                            }, null, -1)
-                          ])]))
-                        ]),
-                        _: 1
-                      }),
-                      createElementVNode("p", _hoisted_5, [
-                        createTextVNode(toDisplayString(unref(t)("cookie.desc")) + " ", 1),
-                        createElementVNode("a", {
-                          href: __props.detailUrl,
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }, toDisplayString(unref(t)("cookie.about")), 9, _hoisted_6)
-                      ])
-                    ], 64)) : (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(unref(t)("cookie.title", [__props.community])), 1)),
-                    createVNode(unref(OIcon), {
-                      class: "cookie-notice-close",
-                      onClick: _cache[0] || (_cache[0] = ($event) => toggleNoticeVisible(false))
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(unref(OIconClose))
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  !isZh.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
-                    createElementVNode("p", _hoisted_9, [
-                      createTextVNode(toDisplayString(unref(t)("cookie.desc")) + " ", 1),
-                      createElementVNode("a", {
-                        href: __props.detailUrl,
-                        target: "_blank",
-                        rel: "noopener noreferrer"
-                      }, toDisplayString(unref(t)("cookie.about")), 9, _hoisted_10),
-                      _cache[5] || (_cache[5] = createTextVNode(". ", -1))
-                    ]),
-                    createElementVNode("div", _hoisted_11, [
-                      createVNode(unref(OButton), {
-                        round: "pill",
-                        variant: "outline",
-                        color: "primary",
-                        onClick: acceptAll
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(unref(t)("cookie.acceptAll")), 1)
-                        ]),
-                        _: 1
-                      }),
-                      createVNode(unref(OButton), {
-                        round: "pill",
-                        variant: "outline",
-                        color: "primary",
-                        onClick: rejectAll
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(unref(t)("cookie.rejectAll")), 1)
-                        ]),
-                        _: 1
-                      }),
-                      createVNode(unref(OButton), {
-                        round: "pill",
-                        variant: "outline",
-                        color: "primary",
-                        onClick: _cache[1] || (_cache[1] = ($event) => toggleDlgVisible(true))
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(unref(t)("cookie.manage")), 1)
-                        ]),
-                        _: 1
-                      })
-                    ])
-                  ])) : createCommentVNode("", true)
-                ], 10, _hoisted_2)
-              ]),
-              createVNode(unref(ODialog), {
-                visible: isDlgVisible.value,
-                "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => isDlgVisible.value = $event),
-                size: unref(leLaptop) ? "medium" : "large",
-                "phone-half-full": unref(lePadV),
-                "main-class": enableGrid.value ? "o-cookie-notice-dlg-main" : "",
-                class: "cookie-dlg",
-                actions: dlgActions.value,
-                onChange: onDlgChange,
-                style: { "--dlg-radius": "4px" }
-              }, {
-                header: withCtx(() => [
-                  createElementVNode("span", _hoisted_12, toDisplayString(unref(t)("cookie.manage")), 1)
-                ]),
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_13, [
-                    createElementVNode("div", _hoisted_14, [
-                      createElementVNode("div", _hoisted_15, [
-                        createElementVNode("span", _hoisted_16, toDisplayString(unref(t)("cookie.necessaryCookie")), 1),
-                        createElementVNode("span", _hoisted_17, toDisplayString(unref(t)("cookie.alwaysOn")), 1)
-                      ]),
-                      createElementVNode("div", _hoisted_18, toDisplayString(unref(t)("cookie.necessaryCookieDetail")), 1)
-                    ]),
-                    createElementVNode("div", _hoisted_19, [
-                      createElementVNode("div", _hoisted_20, [
-                        createElementVNode("span", _hoisted_21, toDisplayString(unref(t)("cookie.analyticalCookie")), 1),
-                        createElementVNode("span", _hoisted_22, [
-                          createVNode(unref(OSwitch), {
-                            modelValue: analysisAllowed.value,
-                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => analysisAllowed.value = $event)
-                          }, null, 8, ["modelValue"])
-                        ])
-                      ]),
-                      createElementVNode("div", _hoisted_23, toDisplayString(unref(t)("cookie.analyticalCookieDetail")), 1)
-                    ])
-                  ])
-                ]),
-                _: 1
-              }, 8, ["visible", "size", "phone-half-full", "main-class", "actions"])
-            ], 512)) : createCommentVNode("", true)
-          ], 8, ["to"]))
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/treeshaking/components/cookie-notice/OCookieNotice2.css

@@ -1,309 +0,0 @@
-.hover-icon-rotate .o-icon[data-v-f4e92a4b] {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-f4e92a4b] {
-    transform: rotate(-180deg);
-}
-}
-.o-btn[data-v-f4e92a4b] {
-  --btn-bd-color-hover: var(--o-color-primary2);
-  --btn-bd-color-active: var(--o-color-primary3);
-  --btn-color-hover: var(--o-color-primary2);
-  --btn-color-active: var(--o-color-primary3);
-  --btn-bg-color-hover: transparent;
-  --btn-bg-color-active: transparent;
-}
-.cookie-notice[data-v-f4e92a4b] {
-  position: fixed;
-  bottom: 0;
-  z-index: 999;
-  width: 100%;
-}
-.cookie-notice .o-button[data-v-f4e92a4b] {
-  --o-button-font-size-mini: 14px;
-}
-.cookie-notice .o-button + .o-button[data-v-f4e92a4b] {
-  margin-left: 16px;
-}
-@media (max-width: 840px) {
-.cookie-notice .o-button + .o-button[data-v-f4e92a4b] {
-    margin-left: 0;
-    margin-top: 12px;
-}
-}
-.cookie-notice-content[data-v-f4e92a4b] {
-  background-color: rgba(var(--o-grey-1), 0.9);
-  backdrop-filter: blur(5px);
-  box-shadow: var(--o-shadow-1);
-}
-.cookie-notice-wrap[data-v-f4e92a4b] {
-  position: relative;
-  margin: 0 auto;
-  padding: 16px var(--layout-content-padding);
-  max-width: var(--layout-content-max-width);
-}
-@media (1680px >= width >= 1201px) {
-.cookie-notice-wrap[data-v-f4e92a4b] {
-    padding: 12px var(--layout-content-padding);
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.cookie-notice-wrap[data-v-f4e92a4b] {
-    padding: 8px var(--layout-content-padding);
-}
-}
-@media (max-width: 840px) {
-.cookie-notice-wrap[data-v-f4e92a4b] {
-    padding: 16px var(--layout-content-padding);
-}
-}
-@media (max-width: 600px) {
-.cookie-notice-wrap[data-v-f4e92a4b] {
-    padding: 16px var(--layout-content-padding);
-}
-}
-@media (max-width: 840px) {
-.cookie-notice-wrap[data-v-f4e92a4b]:not([type=zh]) {
-    flex-direction: column;
-}
-}
-.cookie-notice-wrap-grid[data-v-f4e92a4b] {
-  width: var(--grid-content-width);
-  padding: 16px 0;
-  margin: 0 auto;
-}
-@media (1680px >= width >= 1201px) {
-.cookie-notice-wrap-grid[data-v-f4e92a4b] {
-    padding: 12px 0;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.cookie-notice-wrap-grid[data-v-f4e92a4b] {
-    padding: 8px 0;
-}
-}
-@media (max-width: 840px) {
-.cookie-notice-wrap-grid[data-v-f4e92a4b] {
-    padding: 16px 0;
-}
-}
-@media (max-width: 600px) {
-.cookie-notice-wrap-grid[data-v-f4e92a4b] {
-    padding: 16px 0;
-}
-}
-@media (max-width: 840px) {
-.cookie-notice-wrap-grid[data-v-f4e92a4b]:not([type=zh]) {
-    padding: 16px 0;
-    flex-direction: column;
-}
-}
-.cookie-title[data-v-f4e92a4b] {
-  display: flex;
-  font-size: 16px;
-  line-height: calc(1em + 8px);
-  color: var(--o-color-info1);
-  font-weight: 500;
-}
-@media (max-width: 1680px) {
-.cookie-title[data-v-f4e92a4b] {
-    font-size: 14px;
-}
-}
-@media (max-width: 840px) {
-.cookie-title[data-v-f4e92a4b] {
-    text-align: center;
-}
-}
-@media (max-width: 840px) {
-.cookie-en-title[data-v-f4e92a4b] {
-    margin-left: auto;
-}
-}
-.cookie-zh-title[data-v-f4e92a4b] {
-  font-size: 14px;
-  line-height: 22px;
-  margin-right: 8px;
-  text-align: start;
-}
-@media (max-width: 840px) {
-.cookie-zh-title[data-v-f4e92a4b] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.cookie-en-content[data-v-f4e92a4b] {
-  display: flex;
-  width: 100%;
-  margin-top: 8px;
-}
-@media (max-width: 840px) {
-.cookie-en-content[data-v-f4e92a4b] {
-    flex-direction: column;
-}
-}
-.cookie-en-desc[data-v-f4e92a4b] {
-  font-size: 12px;
-  line-height: 18px;
-  color: var(--o-color-info2);
-}
-@media (min-width: 1681px) {
-.cookie-en-desc[data-v-f4e92a4b] {
-    margin-right: 48px;
-}
-}
-@media (1680px >= width >= 1201px) {
-.cookie-en-desc[data-v-f4e92a4b] {
-    margin-right: 40px;
-}
-}
-@media (min-width: 601px) and (max-width: 1200px) {
-.cookie-en-desc[data-v-f4e92a4b] {
-    margin-right: 24px;
-}
-}
-@media (max-width: 840px) {
-.cookie-en-desc[data-v-f4e92a4b] {
-    margin: 0;
-}
-}
-.cookie-notice-right[data-v-f4e92a4b] {
-  display: flex;
-  margin-left: auto;
-}
-.cookie-notice-right .o-btn[data-v-f4e92a4b]:not(:first-child) {
-  margin-left: 16px;
-}
-@media (1680px >= width >= 1201px) {
-.cookie-notice-right .o-btn[data-v-f4e92a4b]:not(:first-child) {
-    margin-left: 12px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.cookie-notice-right .o-btn[data-v-f4e92a4b]:not(:first-child) {
-    margin-left: 8px;
-}
-}
-@media (min-width: 841px) {
-.cookie-notice-right .o-btn[data-v-f4e92a4b]:not(:first-child) {
-    margin-left: 12px;
-}
-}
-@media (max-width: 840px) {
-.cookie-notice-right[data-v-f4e92a4b] {
-    margin-top: 16px;
-    width: 100%;
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    grid-template-rows: auto auto;
-    gap: 12px;
-}
-.cookie-notice-right .o-btn[data-v-f4e92a4b] {
-    margin: 0;
-}
-.cookie-notice-right .o-btn[data-v-f4e92a4b]:nth-child(1) {
-    grid-column: 1;
-    grid-row: 1;
-}
-.cookie-notice-right .o-btn[data-v-f4e92a4b]:nth-child(2) {
-    grid-column: 2;
-    grid-row: 1;
-}
-.cookie-notice-right .o-btn[data-v-f4e92a4b]:nth-child(3) {
-    grid-column: 1/span 2;
-    grid-row: 2;
-}
-}
-.cookie-notice-close[data-v-f4e92a4b] {
-  display: block;
-  overflow: visible !important;
-  margin-left: auto;
-  cursor: pointer;
-  color: var(--o-color-info1);
-  font-size: 24px;
-}
-.cookie-notice-close[data-v-f4e92a4b]:hover {
-  color: var(--o-color-primary2);
-}
-.cookie-notice-close[data-v-f4e92a4b] {
-  overflow: hidden;
-}
-.cookie-notice-close svg[data-v-f4e92a4b] {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.cookie-notice-close:hover svg[data-v-f4e92a4b] {
-    transform: rotate(180deg);
-}
-}
-.cookie-dlg-content .content-item + .content-item[data-v-f4e92a4b] {
-  margin-top: 24px;
-}
-@media (1680px >= width >= 1201px) {
-.cookie-dlg-content .content-item + .content-item[data-v-f4e92a4b] {
-    margin-top: 16px;
-}
-}
-@media (max-width: 1200px) {
-.cookie-dlg-content .content-item + .content-item[data-v-f4e92a4b] {
-    margin-top: 12px;
-}
-}
-.cookie-dlg-content .content-item .item-header[data-v-f4e92a4b] {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.cookie-dlg-content .content-item .item-header .item-title[data-v-f4e92a4b] {
-  font-size: 20px;
-  line-height: calc(1em + 8px);
-  color: var(--o-color-info1);
-  font-weight: 500;
-}
-@media (1680px >= width >= 1201px) {
-.cookie-dlg-content .content-item .item-header .item-title[data-v-f4e92a4b] {
-    font-size: 18px;
-}
-}
-@media (max-width: 1200px) {
-.cookie-dlg-content .content-item .item-header .item-title[data-v-f4e92a4b] {
-    font-size: 16px;
-}
-}
-.cookie-dlg-content .content-item .item-header .item-extra[data-v-f4e92a4b] {
-  font-size: 14px;
-  color: var(--o-color-info3);
-  margin-left: 24px;
-}
-@media (max-width: 1200px) {
-.cookie-dlg-content .content-item .item-header .item-extra[data-v-f4e92a4b] {
-    font-size: 12px;
-}
-}
-.cookie-dlg-content .content-item .item-detail[data-v-f4e92a4b] {
-  font-size: 16px;
-  line-height: calc(1em + 8px);
-  color: var(--o-color-info2);
-  margin-top: 16px;
-}
-@media (max-width: 1680px) {
-.cookie-dlg-content .content-item .item-detail[data-v-f4e92a4b] {
-    margin-top: 12px;
-    font-size: 14px;
-}
-}
-@media (max-width: 1200px) {
-.cookie-dlg-content .content-item .item-detail[data-v-f4e92a4b] {
-    margin-top: 8px;
-}
-}
-@media (max-width: 840px) {
-.cookie-dlg-content .content-item .item-detail[data-v-f4e92a4b] {
-    margin-top: 8px;
-}
-}
-.cookie-dlg-content .content-item:nth-child(2) .item-detail[data-v-f4e92a4b] {
-  font-size: 16px !important;
-  line-height: calc(1em + 8px);
-}