@c15t/browser 3.0.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AGENTS.md +64 -0
- package/CHANGELOG.md +27 -0
- package/README.md +128 -0
- package/dist/861.js +1079 -0
- package/dist/925.js +649 -0
- package/dist/c15t.css +213 -0
- package/dist/c15t.devtools.js +1 -0
- package/dist/c15t.headless.js +1 -0
- package/dist/c15t.iab.css +190 -0
- package/dist/c15t.iab.js +221 -0
- package/dist/c15t.js +30 -0
- package/dist/devtools.js +11 -0
- package/dist/headless.js +17 -0
- package/dist/iab.js +784 -0
- package/dist/index.js +17 -0
- package/dist-types/auto-init.d.ts +42 -0
- package/dist-types/client.d.ts +51 -0
- package/dist-types/deferred.d.ts +13 -0
- package/dist-types/devtools.d.ts +32 -0
- package/dist-types/entries/cdn-devtools.d.ts +13 -0
- package/dist-types/entries/cdn-headless.d.ts +8 -0
- package/dist-types/entries/cdn-iab.d.ts +1 -0
- package/dist-types/entries/cdn.d.ts +8 -0
- package/dist-types/gated-scripts.d.ts +35 -0
- package/dist-types/generated/iab-styles.d.ts +144 -0
- package/dist-types/generated/styles.d.ts +137 -0
- package/dist-types/global.d.ts +112 -0
- package/dist-types/headless.d.ts +41 -0
- package/dist-types/iab/mount.d.ts +8 -0
- package/dist-types/iab/preferences.d.ts +9 -0
- package/dist-types/iab/styles.d.ts +2 -0
- package/dist-types/iab/surface.d.ts +4 -0
- package/dist-types/iab/vendor-disclosures.d.ts +14 -0
- package/dist-types/iab.d.ts +20 -0
- package/dist-types/index.d.ts +43 -0
- package/dist-types/transports/manifest.d.ts +62 -0
- package/dist-types/transports/offline.d.ts +18 -0
- package/dist-types/types.d.ts +290 -0
- package/dist-types/ui/actions.d.ts +29 -0
- package/dist-types/ui/banner.d.ts +13 -0
- package/dist-types/ui/branding.d.ts +25 -0
- package/dist-types/ui/copy.d.ts +28 -0
- package/dist-types/ui/dialog.d.ts +14 -0
- package/dist-types/ui/dom.d.ts +48 -0
- package/dist-types/ui/mount.d.ts +27 -0
- package/dist-types/ui/surface.d.ts +43 -0
- package/dist-types/ui/trigger.d.ts +14 -0
- package/dist-types/ui/widget.d.ts +27 -0
- package/dist-types/version.d.ts +1 -0
- package/docs/README.md +64 -0
- package/docs/frameworks/javascript/script-loader.md +47 -0
- package/docs/frameworks/javascript/script-tag.md +375 -0
- package/docs/integrations/adobe-analytics.md +294 -0
- package/docs/integrations/ahrefs-analytics.md +291 -0
- package/docs/integrations/amplitude.md +292 -0
- package/docs/integrations/building-integrations.md +47 -0
- package/docs/integrations/clearbit.md +291 -0
- package/docs/integrations/cloudflare-web-analytics.md +292 -0
- package/docs/integrations/crisp.md +294 -0
- package/docs/integrations/databuddy.md +311 -0
- package/docs/integrations/fathom-analytics.md +293 -0
- package/docs/integrations/google-maps.md +384 -0
- package/docs/integrations/google-tag-manager.md +306 -0
- package/docs/integrations/google-tag.md +305 -0
- package/docs/integrations/heap.md +292 -0
- package/docs/integrations/hightouch.md +293 -0
- package/docs/integrations/hotjar.md +292 -0
- package/docs/integrations/intercom.md +285 -0
- package/docs/integrations/linkedin-insights.md +291 -0
- package/docs/integrations/logrocket.md +293 -0
- package/docs/integrations/matomo-analytics.md +316 -0
- package/docs/integrations/meta-pixel.md +285 -0
- package/docs/integrations/microsoft-clarity.md +292 -0
- package/docs/integrations/microsoft-uet.md +291 -0
- package/docs/integrations/mixpanel-analytics.md +295 -0
- package/docs/integrations/openai-pixel.md +441 -0
- package/docs/integrations/overview.md +111 -0
- package/docs/integrations/pirsch.md +295 -0
- package/docs/integrations/plausible-analytics.md +295 -0
- package/docs/integrations/posthog.md +397 -0
- package/docs/integrations/promptwatch.md +291 -0
- package/docs/integrations/reddit-pixel.md +294 -0
- package/docs/integrations/rudderstack.md +328 -0
- package/docs/integrations/rybbit-analytics.md +296 -0
- package/docs/integrations/segment.md +292 -0
- package/docs/integrations/snapchat-pixel.md +293 -0
- package/docs/integrations/tiktok-pixel.md +291 -0
- package/docs/integrations/umami-analytics.md +295 -0
- package/docs/integrations/vercel-analytics.md +293 -0
- package/docs/integrations/x-pixel.md +291 -0
- package/docs/integrations/youtube.md +405 -0
- package/package.json +117 -0
- package/readme.json +44 -0
package/dist/iab.js
ADDED
|
@@ -0,0 +1,784 @@
|
|
|
1
|
+
import { createIAB, destroyIABStub, iab, initializeIABStub } from "@c15t/iab";
|
|
2
|
+
import { resolveIABBannerSummary, resolveIABDialogDisplayModel } from "@c15t/iab/headless";
|
|
3
|
+
import { setupFocusTrap, setupScrollLock } from "@c15t/ui/utils";
|
|
4
|
+
import { copy_resolveCopy, actions_resolveActions, dom_h, surface_renderLegalLinks, branding_renderBranding, mountConsentUI as mount_mountConsentUI, dom_cx, actions_renderActionFooter, classes as styles_classes } from "./861.js";
|
|
5
|
+
import { client_createConsentClient } from "./925.js";
|
|
6
|
+
const stylesheet = "/* default theme tokens (generated from defaultTheme) */\n:root, :host, .c15t-theme-root {\n--c15t-border: hsl(0, 0%, 90%);\n--c15t-border-hover: hsl(0, 0%, 85%);\n--c15t-duration-fast: 80ms;\n--c15t-duration-normal: 150ms;\n--c15t-duration-slow: 200ms;\n--c15t-easing: cubic-bezier(0.4, 0, 0.2, 1);\n--c15t-easing-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);\n--c15t-easing-out: cubic-bezier(0.215, 0.61, 0.355, 1);\n--c15t-easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);\n--c15t-font-family: system-ui, -apple-system, sans-serif;\n--c15t-font-size-base: 1rem;\n--c15t-font-size-lg: 1.125rem;\n--c15t-font-size-sm: 0.875rem;\n--c15t-font-weight-medium: 500;\n--c15t-font-weight-normal: 400;\n--c15t-font-weight-semibold: 600;\n--c15t-line-height-normal: 1.5;\n--c15t-line-height-relaxed: 1.75;\n--c15t-line-height-tight: 1.25;\n--c15t-overlay: hsla(0, 0%, 0%, 0.5);\n--c15t-primary: hsl(228, 100%, 60%);\n--c15t-primary-hover: hsl(228, 100%, 55%);\n--c15t-radius-full: 9999px;\n--c15t-radius-lg: 0.75rem;\n--c15t-radius-md: 0.5rem;\n--c15t-radius-sm: 0.25rem;\n--c15t-shadow-lg: 0 8px 24px hsla(0, 0%, 0%, 0.12);\n--c15t-shadow-md: 0 4px 12px hsla(0, 0%, 0%, 0.08);\n--c15t-shadow-sm: 0 1px 2px hsla(0, 0%, 0%, 0.05);\n--c15t-space-lg: 1.5rem;\n--c15t-space-md: 1rem;\n--c15t-space-sm: 0.5rem;\n--c15t-space-xl: 2rem;\n--c15t-space-xs: 0.25rem;\n--c15t-surface: hsl(0, 0%, 100%);\n--c15t-surface-hover: hsl(0, 0%, 98%);\n--c15t-switch-thumb: hsl(0, 0%, 100%);\n--c15t-switch-track: hsl(0, 0%, 85%);\n--c15t-switch-track-active: hsl(228, 100%, 60%);\n--c15t-text: hsl(0, 0%, 10%);\n--c15t-text-muted: hsl(0, 0%, 40%);\n--c15t-text-on-primary: hsl(0, 0%, 100%);\n}\n\n:root.dark, :host(.dark), .dark .c15t-theme-root, :root.c15t-dark, :host(.c15t-dark), .c15t-dark .c15t-theme-root {\n--c15t-border: hsl(0, 0%, 20%);\n--c15t-border-hover: hsl(0, 0%, 25%);\n--c15t-duration-fast: 80ms;\n--c15t-duration-normal: 150ms;\n--c15t-duration-slow: 200ms;\n--c15t-easing: cubic-bezier(0.4, 0, 0.2, 1);\n--c15t-easing-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);\n--c15t-easing-out: cubic-bezier(0.215, 0.61, 0.355, 1);\n--c15t-easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);\n--c15t-font-family: system-ui, -apple-system, sans-serif;\n--c15t-font-size-base: 1rem;\n--c15t-font-size-lg: 1.125rem;\n--c15t-font-size-sm: 0.875rem;\n--c15t-font-weight-medium: 500;\n--c15t-font-weight-normal: 400;\n--c15t-font-weight-semibold: 600;\n--c15t-line-height-normal: 1.5;\n--c15t-line-height-relaxed: 1.75;\n--c15t-line-height-tight: 1.25;\n--c15t-overlay: hsla(0, 0%, 0%, 0.7);\n--c15t-primary: hsl(228, 100%, 70%);\n--c15t-primary-hover: hsl(228, 100%, 65%);\n--c15t-radius-full: 9999px;\n--c15t-radius-lg: 0.75rem;\n--c15t-radius-md: 0.5rem;\n--c15t-radius-sm: 0.25rem;\n--c15t-shadow-lg: 0 8px 24px hsla(0, 0%, 0%, 0.12);\n--c15t-shadow-md: 0 4px 12px hsla(0, 0%, 0%, 0.08);\n--c15t-shadow-sm: 0 1px 2px hsla(0, 0%, 0%, 0.05);\n--c15t-space-lg: 1.5rem;\n--c15t-space-md: 1rem;\n--c15t-space-sm: 0.5rem;\n--c15t-space-xl: 2rem;\n--c15t-space-xs: 0.25rem;\n--c15t-surface: hsl(0, 0%, 7%);\n--c15t-surface-hover: hsl(0, 0%, 10%);\n--c15t-switch-thumb: hsl(0, 0%, 93%);\n--c15t-switch-track: hsl(0, 0%, 25%);\n--c15t-switch-track-active: hsl(228, 100%, 70%);\n--c15t-text: hsl(0, 0%, 93%);\n--c15t-text-muted: hsl(0, 0%, 60%);\n--c15t-text-on-primary: hsl(0, 0%, 100%);\n}\n\n/*\n * Utility class to disable transitions during theme switching.\n * Apply this class to the root element before switching themes,\n * then remove it after a short delay to prevent flash of\n * animated content during the color scheme change.\n *\n * Example usage:\n * document.documentElement.classList.add('c15t-no-transitions');\n * // Switch theme...\n * requestAnimationFrame(() => {\n * document.documentElement.classList.remove('c15t-no-transitions');\n * });\n */\n.c15t-no-transitions,\n.c15t-no-transitions *,\n.c15t-no-transitions *::before,\n.c15t-no-transitions *::after {\n transition: none !important;\n animation: none !important;\n}\n\n/* primitives/button vars */\n:root, :host{--button-primary:var(--c15t-primary);--button-primary-dark:var(--c15t-primary);--button-primary-hover:var(--c15t-primary-hover);--button-primary-hover-dark:var(--c15t-primary-hover);--button-neutral:var(--c15t-text-muted);--button-neutral-dark:var(--c15t-text-muted);--button-neutral-hover:var(--c15t-text);--button-neutral-hover-dark:var(--c15t-text);--button-neutral-soft:var(--c15t-surface-hover);--button-neutral-soft-dark:var(--c15t-surface-hover);--button-focus-ring:var(--c15t-primary);--button-focus-ring-dark:var(--c15t-primary);--button-text:var(--c15t-text);--button-text-dark:var(--c15t-text);--button-text-hover:var(--c15t-text);--button-text-hover-dark:var(--c15t-text);--button-background-color:var(--c15t-surface);--button-background-color-dark:var(--c15t-surface);--button-border:var(--c15t-border);--button-border-dark:var(--c15t-border);--button-hover-overlay:var(--c15t-surface-hover);--button-hover-overlay-dark:var(--c15t-surface-hover);--button-primary-hover-tint:color-mix(in srgb, var(--c15t-primary) 10%, transparent);--button-neutral-hover-tint:color-mix(in srgb, var(--c15t-text) 10%, transparent);--button-font:var(--c15t-font-family);--button-border-width:1px;--button-border-style:solid;--button-border-color:var(--c15t-border);--button-border-radius:var(--c15t-radius-md);--button-font-weight:var(--c15t-font-weight-medium);--button-font-size:var(--c15t-font-size-sm);--button-line-height:var(--c15t-line-height-tight);--button-transition:opacity var(--c15t-duration-fast) var(--c15t-easing), transform var(--c15t-duration-fast) var(--c15t-easing);--button-hover-transition-color:background-color var(--c15t-duration-fast) var(--c15t-easing);--button-hover-transition-full:background-color var(--c15t-duration-fast) var(--c15t-easing), box-shadow var(--c15t-duration-fast) var(--c15t-easing), color var(--c15t-duration-fast) var(--c15t-easing);--button-cursor:pointer;--button-shadow:var(--c15t-shadow-sm);--button-shadow-dark:var(--c15t-shadow-sm);--button-shadow-primary-focus:0 0 0 2px var(--button-focus-ring);--button-shadow-neutral-focus:0 0 0 2px var(--button-focus-ring);--button-shadow-primary-focus-dark:0 0 0 2px var(--button-focus-ring-dark);--button-shadow-neutral-focus-dark:0 0 0 2px var(--button-focus-ring-dark);--button-shadow-primary:var(--button-shadow), inset 0 0 0 1px var(--button-primary);--button-shadow-primary-dark:var(--button-shadow-dark), inset 0 0 0 1px var(--button-primary-dark);--button-shadow-primary-hover:none;--button-shadow-primary-hover-dark:none;--button-shadow-neutral:var(--button-shadow), inset 0 0 0 1px var(--button-neutral-soft);--button-shadow-neutral-dark:var(--button-shadow-dark), inset 0 0 0 1px var(--button-neutral-soft-dark);--button-shadow-neutral-hover:none;--button-shadow-neutral-hover-dark:none}\n\n/* primitives/collapsible vars */\n:root, :host{--collapsible-duration:var(--c15t-duration-normal);--collapsible-ease:var(--c15t-easing);--collapsible-content-color:var(--c15t-text-muted);--collapsible-gap:0}\n\n/* primitives/legal-links vars */\n:root, :host{--legal-links-gap:.75rem;--legal-links-font-size:.875rem;--legal-links-transition:text-decoration .2s ease;--legal-links-text-decoration:none;--legal-links-text-decoration-hover:underline;--legal-links-outline:2px solid currentColor;--legal-links-outline-offset:2px;--legal-links-color:#476cff;--legal-links-focus-color:#476cff;--legal-links-focus-color-dark:#2547d0}\n\n/* primitives/preference-item vars */\n:root, :host{--preference-item-gap:.75rem;--preference-item-leading-gap:.5rem;--preference-item-content-color:var(--c15t-text-muted);--preference-item-duration:var(--c15t-duration-normal);--preference-item-ease:var(--c15t-easing);--preference-item-focus-ring:var(--c15t-primary)}\n\n/* primitives/tabs vars */\n:root, :host{--tabs-list-background:var(--c15t-surface);--tabs-list-border:var(--c15t-border);--tabs-trigger-color:var(--c15t-text-muted);--tabs-trigger-active-color:var(--c15t-text);--tabs-trigger-active-background:var(--c15t-surface-hover);--tabs-focus-ring:var(--c15t-primary)}\n\n/* components/iab-panel vars */\n@keyframes spin{to{transform:rotate(360deg)}}\n:root, :host{--c15t-spin-animation:spin 1s linear infinite}\n:root, :host{--iab-cd-font-family:var(--c15t-font-family);--iab-cd-line-height:var(--c15t-line-height-tight);--iab-cd-title-font-size:1.125rem;--iab-cd-title-font-weight:var(--c15t-font-weight-semibold);--iab-cd-description-font-size:.75rem;--iab-cd-description-line-height:var(--c15t-line-height-normal);--iab-cd-background-color:var(--c15t-surface);--iab-cd-background-color-dark:var(--c15t-surface);--iab-cd-text-color:var(--c15t-text);--iab-cd-text-color-dark:var(--c15t-text);--iab-cd-text-muted-color:var(--c15t-text-muted);--iab-cd-text-muted-color-dark:var(--c15t-text-muted);--iab-cd-border-color:var(--c15t-border);--iab-cd-border-color-dark:var(--c15t-border);--iab-cd-overlay-background:var(--c15t-overlay);--iab-cd-overlay-background-dark:var(--c15t-overlay);--iab-cd-primary-color:var(--c15t-primary);--iab-cd-primary-color-dark:var(--c15t-primary);--iab-cd-surface-hover:var(--c15t-surface-hover);--iab-cd-surface-hover-dark:var(--c15t-surface-hover);--iab-cd-max-width:48rem;--iab-cd-max-height:85vh;--iab-cd-border-radius:var(--c15t-radius-lg);--iab-cd-z-index:999999;--iab-cd-overlay-z-index:999998;--iab-cd-padding:var(--c15t-space-md);--iab-cd-padding-sm:var(--c15t-space-sm);--iab-cd-gap:var(--c15t-space-sm);--iab-cd-animation-duration:var(--c15t-duration-normal);--iab-cd-animation-timing:ease-out;--iab-cd-shadow:var(--c15t-shadow-xl)}\n\n/* components/iab-prompt vars */\n@keyframes iabConsentBannerEnter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}\n@keyframes iabConsentBannerExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}\n:root, :host{--c15t-iab-consent-banner-enter-animation:iabConsentBannerEnter var(--c15t-duration-fast) var(--c15t-easing);--c15t-iab-consent-banner-exit-animation:iabConsentBannerExit var(--c15t-duration-fast) var(--c15t-easing)}\n:root, :host{--iab-consent-banner-font-family:var(--c15t-font-family);--iab-consent-banner-line-height:var(--c15t-line-height-normal);--iab-consent-banner-text-size-adjust:100%;--iab-consent-banner-tab-size:4;--iab-consent-banner-border-radius-sm:var(--c15t-radius-sm);--iab-consent-banner-border-radius:var(--c15t-radius-lg);--iab-consent-banner-max-width:560px;--iab-consent-banner-animation-duration:var(--c15t-duration-fast);--iab-consent-banner-animation-timing:var(--c15t-easing);--iab-consent-banner-entry-animation:var(--c15t-iab-consent-banner-enter-animation);--iab-consent-banner-exit-animation:var(--c15t-iab-consent-banner-exit-animation);--iab-consent-banner-border-width:1px;--iab-consent-banner-border-width-hairline:1px;--iab-consent-banner-shadow:var(--c15t-shadow-lg);--iab-consent-banner-shadow-dark:var(--c15t-shadow-lg);--iab-consent-banner-background-color:var(--c15t-surface);--iab-consent-banner-background-color-dark:var(--c15t-surface);--iab-consent-banner-footer-background-color:var(--c15t-surface-hover);--iab-consent-banner-footer-background-color-dark:var(--c15t-surface-hover);--iab-consent-banner-text-color:var(--c15t-text);--iab-consent-banner-text-color-dark:var(--c15t-text);--iab-consent-banner-border-color:var(--c15t-border);--iab-consent-banner-border-color-dark:var(--c15t-border);--iab-consent-banner-title-color:var(--c15t-text);--iab-consent-banner-title-color-dark:var(--c15t-text);--iab-consent-banner-description-color:var(--c15t-text-muted);--iab-consent-banner-description-color-dark:var(--c15t-text-muted);--iab-consent-banner-overlay-background-color:var(--c15t-overlay);--iab-consent-banner-overlay-background-color-dark:var(--c15t-overlay);--iab-consent-banner-link-color:var(--c15t-primary);--iab-consent-banner-link-color-dark:var(--c15t-primary)}\n@media only screen and (resolution>=192dpi){:root, :host{--iab-consent-banner-border-width-hairline:.5px}}\n\n@layer components {\n /* primitives/accordion */\n.c15t-ui-root-RhSvQ{&>:not([hidden])~:not([hidden]){--space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--space-y-reverse)));margin-bottom:calc(1rem * var(--space-y-reverse))}}.c15t-ui-item-v83OH{padding:var(--accordion-padding,var(--c15t-space-md));background-color:var(--accordion-background-color,var(--c15t-surface));box-shadow:inset 0 0 0 1px var(--accordion-border-color,var(--c15t-border));transition:background-color var(--accordion-duration,var(--c15t-duration-normal)) var(--accordion-ease,var(--c15t-easing)), box-shadow var(--accordion-duration,var(--c15t-duration-normal)) var(--accordion-ease,var(--c15t-easing));border-radius:var(--accordion-radius,var(--c15t-radius-md));position:relative;overflow:visible}.c15t-dark .c15t-ui-item-v83OH{background-color:var(--accordion-background-color-dark,var(--c15t-surface));box-shadow:inset 0 0 0 1px var(--accordion-border-color-dark,var(--c15t-border))}.c15t-ui-item-v83OH:is(:hover,[data-state=open]){background-color:var(--accordion-background-hover,var(--c15t-surface-hover));box-shadow:inset 0 0 0 1px var(--accordion-border-color,var(--c15t-border))}.c15t-dark .c15t-ui-item-v83OH:is(:hover,[data-state=open]){background-color:var(--accordion-background-hover-dark,var(--c15t-surface-hover));box-shadow:inset 0 0 0 1px var(--accordion-border-color-dark,var(--c15t-border))}.c15t-ui-item-v83OH:focus-within:not(:has(.c15t-ui-triggerInner-lwGP6:focus-visible)){background-color:var(--accordion-background-hover,var(--c15t-surface-hover));box-shadow:inset 0 0 0 1px var(--accordion-border-color,var(--c15t-border))}.c15t-dark .c15t-ui-item-v83OH:focus-within:not(:has(.c15t-ui-triggerInner-lwGP6:focus-visible)){background-color:var(--accordion-background-hover-dark,var(--c15t-surface-hover));box-shadow:inset 0 0 0 1px var(--accordion-border-color-dark,var(--c15t-border))}.c15t-ui-item-v83OH:has(.c15t-ui-triggerInner-lwGP6:focus-visible){box-shadow:var(--accordion-focus-shadow,0 0 0 2px var(--accordion-focus-ring,var(--c15t-primary)))}.c15t-dark .c15t-ui-item-v83OH:has(.c15t-ui-triggerInner-lwGP6:focus-visible){box-shadow:var(--accordion-focus-shadow-dark,0 0 0 2px var(--accordion-focus-ring-dark,var(--c15t-primary)))}.c15t-ui-trigger-uhpMT{justify-content:space-between;align-items:center;width:100%;display:flex;position:relative;overflow:visible}.c15t-ui-triggerInner-lwGP6{letter-spacing:-.006em;text-align:left;width:100%;color:var(--accordion-text-color,var(--c15t-text));cursor:pointer;border-radius:var(--accordion-radius,var(--c15t-radius-md));z-index:1;touch-action:manipulation;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:.625rem;margin:0;padding:0;font-size:.875rem;font-weight:500;line-height:1.25rem;display:flex;position:relative}.c15t-ui-triggerInner-lwGP6 [data-slot=accordion-arrow]{margin-inline-start:auto}.c15t-dark .c15t-ui-triggerInner-lwGP6{color:var(--accordion-text-color-dark,var(--c15t-text))}.c15t-ui-triggerInner-lwGP6:focus-visible{outline:none}.c15t-ui-icon-X1brh{width:var(--accordion-icon-size,1.25rem);height:var(--accordion-icon-size,1.25rem);color:var(--accordion-icon-color,var(--c15t-text-muted));flex-shrink:0}.c15t-dark .c15t-ui-icon-X1brh{color:var(--accordion-icon-color-dark,var(--c15t-text-muted))}.c15t-ui-arrowOpen-yE84x,.c15t-ui-arrowClose-QjqQt{width:var(--accordion-icon-size,1.25rem);height:var(--accordion-icon-size,1.25rem);transition:color var(--accordion-duration,var(--c15t-duration-normal)) var(--accordion-ease,var(--c15t-easing));flex-shrink:0;display:block}.c15t-ui-arrowOpen-yE84x{color:var(--accordion-arrow-color,var(--c15t-text-muted))}.c15t-dark .c15t-ui-arrowOpen-yE84x{color:var(--accordion-arrow-color-dark,var(--c15t-text-muted))}.c15t-ui-item-v83OH:hover .c15t-ui-arrowOpen-yE84x{color:var(--accordion-icon-color,var(--c15t-text-muted))}.c15t-dark .c15t-ui-item-v83OH:hover .c15t-ui-arrowOpen-yE84x{color:var(--accordion-icon-color-dark,var(--c15t-text-muted))}.c15t-ui-arrowClose-QjqQt{color:var(--accordion-icon-color,var(--c15t-text-muted));display:none}.c15t-dark .c15t-ui-arrowClose-QjqQt{color:var(--accordion-icon-color-dark,var(--c15t-text-muted))}.c15t-ui-item-v83OH[data-state=open] .c15t-ui-arrowOpen-yE84x{display:none}.c15t-ui-item-v83OH[data-state=open] .c15t-ui-arrowClose-QjqQt{display:block}.c15t-ui-content-YJGot{transition:grid-template-rows var(--accordion-duration,var(--c15t-duration-normal)) var(--accordion-ease,var(--c15t-easing));grid-template-rows:0fr;display:grid;overflow:hidden}.c15t-ui-content-YJGot[data-state=open]{grid-template-rows:1fr}.c15t-ui-content-YJGot[data-state=closed]{pointer-events:none}.c15t-ui-content-YJGot>[data-slot=accordion-content-viewport]{min-height:0;overflow:hidden}.c15t-ui-contentInner-lPIUe{letter-spacing:-.006em;color:var(--accordion-content-color,var(--c15t-text-muted));opacity:1;transition:opacity calc(var(--accordion-duration,var(--c15t-duration-normal)) * .35) ease-out, transform calc(var(--accordion-duration,var(--c15t-duration-normal)) * .35) ease-out;will-change:opacity, transform;padding-top:.75rem;font-size:.875rem;line-height:1.25rem;transform:translateY(0)}.c15t-ui-content-YJGot[data-state=closed] .c15t-ui-contentInner-lPIUe{opacity:0;transform:translateY(-.125rem)}.c15t-dark .c15t-ui-contentInner-lPIUe{color:var(--accordion-content-color-dark,var(--c15t-text-muted))}@media (prefers-reduced-motion:reduce){.c15t-ui-item-v83OH,.c15t-ui-content-YJGot,.c15t-ui-arrowOpen-yE84x,.c15t-ui-arrowClose-QjqQt{transition:none}}@media (hover:none){.c15t-ui-item-v83OH:hover{background-color:var(--accordion-background-color,var(--c15t-surface))}.c15t-ui-item-v83OH:hover .c15t-ui-arrowOpen-yE84x{color:var(--accordion-arrow-color,var(--c15t-text-muted))}}\n\n /* primitives/button */\n.c15t-ui-button-Lo5cc{text-wrap:nowrap;border-radius:var(--button-border-radius);font-weight:var(--button-font-weight);transition:var(--button-transition);cursor:var(--button-cursor);border:var(--button-border-width) var(--button-border-style) var(--button-border-color);font-size:var(--button-font-size);line-height:var(--button-line-height);color:var(--button-text);font-family:var(--button-font);touch-action:manipulation;justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.c15t-ui-button-Lo5cc:focus-visible{box-shadow:var(--button-shadow-primary-focus);outline:none}.c15t-dark .c15t-ui-button-Lo5cc:focus-visible{box-shadow:var(--button-shadow-primary-focus-dark)}.c15t-dark .c15t-ui-button-Lo5cc{color:var(--button-text-dark)}.c15t-ui-button-Lo5cc:disabled{opacity:.5;cursor:not-allowed}.c15t-ui-button-Lo5cc:active:not(:disabled){transform:scale(.97)}.c15t-ui-button-medium-zdZk5{font-size:var(--button-font-size);line-height:var(--button-line-height);padding:.625rem 1rem}.c15t-ui-button-small-nclev{font-size:var(--button-font-size);line-height:var(--button-line-height);padding:.5rem .75rem}.c15t-ui-button-xsmall-xj0Fq{font-size:var(--button-font-size);line-height:var(--button-line-height);padding:.375rem .625rem}.c15t-ui-button-xxsmall-qDcpO{font-size:var(--button-font-size);line-height:var(--button-line-height);padding:.25rem .5rem}.c15t-ui-button-primary-filled-u895k{background-color:var(--button-primary);color:var(--button-background-color)}.c15t-ui-button-primary-filled-u895k:focus-visible{box-shadow:var(--button-shadow-primary-focus)}.c15t-dark .c15t-ui-button-primary-filled-u895k{background-color:var(--button-primary-dark);color:var(--button-background-color-dark)}.c15t-ui-button-primary-filled-u895k:hover:not(:disabled){background-color:var(--button-primary-hover);transition:var(--button-hover-transition-color)}.c15t-dark .c15t-ui-button-primary-filled-u895k:hover:not(:disabled){background-color:var(--button-primary-hover-dark);transition:var(--button-hover-transition-color)}.c15t-ui-button-primary-stroke-rMkBn{background-color:var(--button-background-color);color:var(--button-primary);box-shadow:var(--button-shadow-primary)}.c15t-dark .c15t-ui-button-primary-stroke-rMkBn{background-color:var(--button-background-color-dark);color:var(--button-primary-dark);box-shadow:var(--button-shadow-primary-dark)}.c15t-ui-button-primary-stroke-rMkBn:hover:not(:disabled){background-color:var(--button-primary-hover-tint);box-shadow:var(--button-shadow-primary-hover);transition:var(--button-hover-transition-full)}.c15t-dark .c15t-ui-button-primary-stroke-rMkBn:hover:not(:disabled){background-color:var(--button-primary-hover-tint);box-shadow:var(--button-shadow-primary-hover-dark);transition:var(--button-hover-transition-full)}.c15t-ui-button-primary-lighter-pa1_G{background-color:color-mix(in srgb, var(--button-primary) 10%, transparent);color:color-mix(in srgb, var(--button-primary) 85%, black)}.c15t-dark .c15t-ui-button-primary-lighter-pa1_G{background-color:color-mix(in srgb, var(--button-primary-dark) 10%, transparent);color:var(--button-primary-dark)}.c15t-ui-button-primary-lighter-pa1_G:hover:not(:disabled){background-color:color-mix(in srgb, var(--button-primary) 20%, transparent);transition:var(--button-hover-transition-color)}.c15t-dark .c15t-ui-button-primary-lighter-pa1_G:hover:not(:disabled){background-color:color-mix(in srgb, var(--button-primary-dark) 20%, transparent);transition:var(--button-hover-transition-color)}.c15t-ui-button-primary-ghost-gUXbr{color:var(--button-primary)}.c15t-dark .c15t-ui-button-primary-ghost-gUXbr{color:var(--button-primary-dark)}.c15t-ui-button-primary-ghost-gUXbr:hover:not(:disabled),.c15t-dark .c15t-ui-button-primary-ghost-gUXbr:hover:not(:disabled){background-color:var(--button-primary-hover-tint);transition:var(--button-hover-transition-color)}.c15t-ui-button-neutral-filled-iBUdt{background-color:var(--button-neutral);color:var(--button-background-color)}.c15t-ui-button-neutral-filled-iBUdt:focus-visible{box-shadow:var(--button-shadow-neutral-focus)}.c15t-dark .c15t-ui-button-neutral-filled-iBUdt{background-color:var(--button-neutral-dark);color:var(--button-background-color-dark)}.c15t-ui-button-neutral-filled-iBUdt:hover:not(:disabled){background-color:var(--button-neutral-hover);box-shadow:none;transition:var(--button-hover-transition-color)}.c15t-dark .c15t-ui-button-neutral-filled-iBUdt:hover:not(:disabled){background-color:var(--button-neutral-hover-dark);box-shadow:none;transition:var(--button-hover-transition-color)}.c15t-ui-button-neutral-stroke-FNAAx{background-color:var(--button-background-color);box-shadow:var(--button-shadow-neutral)}.c15t-dark .c15t-ui-button-neutral-stroke-FNAAx{background-color:var(--button-background-color-dark);box-shadow:var(--button-shadow-neutral-dark)}.c15t-ui-button-neutral-stroke-FNAAx:hover:not(:disabled){background-color:var(--button-neutral-hover-tint);box-shadow:none;color:var(--button-text-hover);transition:var(--button-hover-transition-full)}.c15t-dark .c15t-ui-button-neutral-stroke-FNAAx:hover:not(:disabled){background-color:var(--button-neutral-hover-tint);box-shadow:none;color:var(--button-text-hover-dark);transition:var(--button-hover-transition-full)}.c15t-ui-button-neutral-lighter-CHsDA{background-color:color-mix(in srgb, var(--button-neutral) 10%, transparent);color:var(--button-neutral)}.c15t-dark .c15t-ui-button-neutral-lighter-CHsDA{background-color:color-mix(in srgb, var(--button-neutral-dark) 10%, transparent);color:var(--button-neutral-dark)}.c15t-ui-button-neutral-lighter-CHsDA:hover:not(:disabled){background-color:color-mix(in srgb, var(--button-neutral) 20%, transparent);transition:var(--button-hover-transition-color)}.c15t-dark .c15t-ui-button-neutral-lighter-CHsDA:hover:not(:disabled){background-color:color-mix(in srgb, var(--button-neutral-dark) 20%, transparent);transition:var(--button-hover-transition-color)}.c15t-ui-button-neutral-ghost-a6Cdw{color:var(--button-neutral)}.c15t-dark .c15t-ui-button-neutral-ghost-a6Cdw{color:var(--button-neutral-dark)}.c15t-ui-button-neutral-ghost-a6Cdw:hover:not(:disabled),.c15t-dark .c15t-ui-button-neutral-ghost-a6Cdw:hover:not(:disabled){background-color:var(--button-neutral-hover-tint);box-shadow:none;transition:var(--button-hover-transition-color)}.c15t-ui-button-icon-JD5sB{justify-content:center;align-items:center;display:inline-flex}@media (prefers-reduced-motion:reduce){.c15t-ui-button-Lo5cc,.c15t-ui-button-primary-filled-u895k:hover:not(:disabled),.c15t-ui-button-primary-stroke-rMkBn:hover:not(:disabled),.c15t-ui-button-primary-lighter-pa1_G:hover:not(:disabled),.c15t-ui-button-primary-ghost-gUXbr:hover:not(:disabled),.c15t-ui-button-neutral-filled-iBUdt:hover:not(:disabled),.c15t-ui-button-neutral-stroke-FNAAx:hover:not(:disabled),.c15t-ui-button-neutral-lighter-CHsDA:hover:not(:disabled),.c15t-ui-button-neutral-ghost-a6Cdw:hover:not(:disabled){transition:none}}@media (hover:none){.c15t-ui-button-primary-filled-u895k:hover:not(:disabled){background-color:var(--button-primary)}.c15t-ui-button-primary-stroke-rMkBn:hover:not(:disabled){background-color:var(--button-background-color);box-shadow:var(--button-shadow-primary)}.c15t-ui-button-primary-lighter-pa1_G:hover:not(:disabled){background-color:color-mix(in srgb, var(--button-primary) 10%, transparent)}.c15t-ui-button-primary-ghost-gUXbr:hover:not(:disabled){background-color:#0000}.c15t-ui-button-neutral-filled-iBUdt:hover:not(:disabled){background-color:var(--button-neutral)}.c15t-ui-button-neutral-stroke-FNAAx:hover:not(:disabled){background-color:var(--button-background-color);box-shadow:var(--button-shadow-neutral)}.c15t-ui-button-neutral-lighter-CHsDA:hover:not(:disabled){background-color:color-mix(in srgb, var(--button-neutral) 10%, transparent)}.c15t-ui-button-neutral-ghost-a6Cdw:hover:not(:disabled){background-color:#0000}}\n\n /* primitives/collapsible */\n.c15t-ui-root-l7ccU{row-gap:var(--collapsible-gap);transition:row-gap var(--collapsible-duration) var(--collapsible-ease);width:100%;display:grid}.c15t-ui-root-l7ccU[data-state=closed]{row-gap:0}.c15t-ui-trigger-YLS2g{color:var(--c15t-text);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:.5rem;padding:0;display:inline-flex}.c15t-ui-trigger-YLS2g:focus-visible{outline:2px solid var(--c15t-primary);outline-offset:2px}.c15t-ui-content-Yjdia{transition:grid-template-rows var(--collapsible-duration) var(--collapsible-ease);grid-template-rows:0fr;display:grid;overflow:hidden}.c15t-ui-content-Yjdia[data-state=open]{grid-template-rows:1fr}.c15t-ui-content-Yjdia[data-state=closed]{pointer-events:none}.c15t-ui-contentViewport-L7bt7{min-height:0;overflow:hidden}.c15t-ui-contentInner-zoLX2{color:var(--collapsible-content-color);opacity:1;transition:opacity calc(var(--collapsible-duration) * .35) ease-out, transform calc(var(--collapsible-duration) * .35) ease-out;will-change:opacity, transform;transform:translateY(0)}.c15t-ui-content-Yjdia[data-state=closed] .c15t-ui-contentInner-zoLX2{opacity:0;transform:translateY(-.125rem)}@media (prefers-reduced-motion:reduce){.c15t-ui-root-l7ccU,.c15t-ui-content-Yjdia,.c15t-ui-contentInner-zoLX2{transition:none}}\n\n /* primitives/legal-links */\n.c15t-ui-legalLinks-xVTMr{gap:var(--legal-links-gap);flex-wrap:wrap;align-items:center;display:flex}.c15t-ui-legalLink-YVZqO{color:var(--legal-links-color);-webkit-text-decoration:var(--legal-links-text-decoration);-webkit-text-decoration:var(--legal-links-text-decoration);text-decoration:var(--legal-links-text-decoration);font-size:var(--legal-links-font-size);transition:var(--legal-links-transition)}.c15t-dark .c15t-ui-legalLink-YVZqO{color:var(--legal-links-focus-color-dark)}.c15t-ui-legalLink-YVZqO:hover{-webkit-text-decoration:var(--legal-links-text-decoration-hover);-webkit-text-decoration:var(--legal-links-text-decoration-hover);text-decoration:var(--legal-links-text-decoration-hover)}.c15t-ui-legalLink-YVZqO:focus{outline:none;text-decoration:underline}@media (prefers-reduced-motion:reduce){.c15t-ui-legalLink-YVZqO{transition:none}}\n\n /* primitives/preference-item */\n.c15t-ui-root-uVKV9{align-items:start;column-gap:var(--preference-item-gap);grid-template-columns:minmax(0,1fr) auto;row-gap:0;width:100%;display:grid}.c15t-ui-trigger-KE13P{align-items:flex-start;gap:var(--preference-item-leading-gap);width:100%;min-width:0;font:inherit;text-align:left;color:var(--c15t-text);cursor:pointer;background:0 0;border:0;padding:0;display:flex}.c15t-ui-trigger-KE13P:focus-visible{outline:2px solid var(--preference-item-focus-ring);outline-offset:2px}.c15t-ui-leading-R7F08{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.c15t-ui-header-OUsAl{flex-direction:column;flex:1;min-width:0;display:flex}.c15t-ui-title-D6JTo{color:var(--c15t-text);font:inherit;min-width:0;margin:0}.c15t-ui-meta-G2S5Z{color:var(--c15t-text-muted);font:inherit;margin:0}.c15t-ui-auxiliary-jJSI7{flex-wrap:wrap;align-items:center;gap:.375rem;min-width:0;display:flex}.c15t-ui-control-Dg8Bo{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.c15t-ui-content-VkWDD{transition:grid-template-rows var(--preference-item-duration) var(--preference-item-ease);grid-column:1/-1;grid-template-rows:0fr;display:grid;overflow:hidden}.c15t-ui-content-VkWDD[data-state=open]{grid-template-rows:1fr}.c15t-ui-content-VkWDD[data-state=closed]{pointer-events:none}.c15t-ui-contentViewport-BOKhf{min-height:0;overflow:hidden}.c15t-ui-contentInner-m2ifM{color:var(--preference-item-content-color)}@media (prefers-reduced-motion:reduce){.c15t-ui-content-VkWDD{transition:none}}\n\n /* primitives/switch */\n.c15t-ui-root-Pd0rf{--switch-height:1.25rem;--switch-width:2rem;--switch-padding:.125rem;--switch-duration:var(--c15t-duration-normal);--switch-ease:var(--c15t-easing);--switch-thumb-size:.75rem;--switch-thumb-size-disabled:.625rem;--switch-thumb-translate:calc(var(--switch-width) - var(--switch-thumb-size) - 2 * var(--switch-padding));--switch-background-color:var(--c15t-switch-track);--switch-background-color-dark:var(--c15t-switch-track);--switch-background-color-hover:var(--c15t-surface-hover);--switch-background-color-hover-dark:var(--c15t-surface-hover);--switch-background-color-checked:var(--c15t-switch-track-active);--switch-background-color-checked-dark:var(--c15t-switch-track-active);--switch-background-color-disabled:var(--c15t-border);--switch-background-color-disabled-dark:var(--c15t-border);--switch-thumb-background-color:var(--c15t-switch-thumb);--switch-thumb-background-color-dark:var(--c15t-switch-thumb);--switch-thumb-background-color-disabled:var(--c15t-surface-hover);--switch-thumb-background-color-disabled-dark:var(--c15t-surface-hover);--switch-shadow-thumb:0 0 0 1px var(--c15t-border);--switch-shadow-thumb-dark:0 0 0 1px var(--c15t-border);--switch-focus-ring:var(--c15t-primary);--switch-focus-ring-dark:var(--c15t-primary);--switch-focus-shadow:0 0 0 2px var(--switch-focus-ring);--switch-focus-shadow-dark:0 0 0 2px var(--switch-focus-ring-dark);height:var(--switch-height);width:var(--switch-width);box-sizing:border-box;white-space:nowrap;touch-action:manipulation;background:0 0;border:0;border-radius:9999px;outline:none;flex-shrink:0;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;display:block}.c15t-ui-track-kWz9_{box-sizing:border-box;width:100%;height:100%;padding:var(--switch-padding);background-color:var(--switch-background-color);transition:background-color var(--switch-duration) var(--switch-ease);border-radius:9999px;outline:none;align-items:center;display:flex;position:relative;overflow:hidden}.c15t-dark .c15t-ui-track-kWz9_{background-color:var(--switch-background-color-dark)}.c15t-ui-track-kWz9_:hover{background-color:var(--switch-background-color-hover)}.c15t-dark .c15t-ui-track-kWz9_:hover{background-color:var(--switch-background-color-hover-dark)}.c15t-ui-track-kWz9_:focus-visible{background-color:var(--switch-background-color-hover)}.c15t-dark .c15t-ui-track-kWz9_:focus-visible{background-color:var(--switch-background-color-hover-dark)}.c15t-ui-track-kWz9_:active{background-color:var(--switch-background-color)}.c15t-dark .c15t-ui-track-kWz9_:active{background-color:var(--switch-background-color-dark)}.c15t-ui-root-Pd0rf[data-state=checked] .c15t-ui-track-kWz9_{background-color:var(--switch-background-color-checked)}.c15t-dark .c15t-ui-root-Pd0rf[data-state=checked] .c15t-ui-track-kWz9_{background-color:var(--switch-background-color-checked-dark)}.c15t-ui-root-Pd0rf[data-state=checked]:hover .c15t-ui-track-kWz9_{background-color:var(--switch-background-color-checked)}.c15t-dark .c15t-ui-root-Pd0rf[data-state=checked]:hover .c15t-ui-track-kWz9_{background-color:var(--switch-background-color-checked-dark)}.c15t-ui-root-Pd0rf[data-disabled]{cursor:not-allowed}.c15t-ui-root-Pd0rf:focus,.c15t-dark .c15t-ui-root-Pd0rf:focus{outline:none}.c15t-ui-track-disabled-VxwND{background-color:var(--switch-background-color-disabled);opacity:.4;box-shadow:inset 0 0 0 1px #ebebeb}.c15t-dark .c15t-ui-track-disabled-VxwND{background-color:var(--switch-background-color-disabled-dark)}.c15t-ui-root-Pd0rf[data-state=checked] .c15t-ui-track-disabled-VxwND{background-color:var(--switch-background-color-checked);opacity:.4;box-shadow:none}.c15t-dark .c15t-ui-root-Pd0rf[data-state=checked] .c15t-ui-track-disabled-VxwND{background-color:var(--switch-background-color-checked-dark)}.c15t-ui-thumb-mP7_o{box-sizing:border-box;pointer-events:none;width:var(--switch-thumb-size);height:var(--switch-thumb-size);transition:transform var(--switch-duration) var(--switch-ease);display:block;position:relative;transform:translate(0)}.c15t-ui-thumb-mP7_o:before{content:\"\";box-sizing:border-box;background-color:var(--switch-thumb-background-color);inset-block:0;border-radius:9999px;width:100%;position:absolute;left:0;mask:radial-gradient(circle farthest-side,#0000 1.95px,#000 2.05px 100%) 50%/100% 100% no-repeat}.c15t-dark .c15t-ui-thumb-mP7_o:before{background-color:var(--switch-thumb-background-color-dark)}.c15t-ui-thumb-mP7_o:after{content:\"\";box-sizing:border-box;width:100%;box-shadow:var(--switch-shadow-thumb);inset-block:0;border-radius:9999px;position:absolute;left:0}.c15t-dark .c15t-ui-thumb-mP7_o:after{box-shadow:var(--switch-shadow-thumb-dark)}.c15t-ui-root-Pd0rf[data-state=checked] .c15t-ui-thumb-mP7_o{transform:translateX(var(--switch-thumb-translate))}.c15t-ui-root-Pd0rf[dir=rtl][data-state=checked] .c15t-ui-thumb-mP7_o{transform:translateX(calc(-1 * var(--switch-thumb-translate)))}.c15t-ui-track-kWz9_:active .c15t-ui-thumb-mP7_o{transform:scale(.833)}.c15t-ui-thumb-disabled-fwQIy{box-shadow:none}.c15t-ui-root-Pd0rf[data-state=checked] .c15t-ui-thumb-disabled-fwQIy{transform:translateX(var(--switch-thumb-translate))}.c15t-ui-root-small-n0CMO{--switch-height:1rem;--switch-width:1.75rem;--switch-padding:.125rem;--switch-thumb-size:.625rem;--switch-thumb-size-disabled:.5rem;--switch-thumb-translate:calc(var(--switch-width) - var(--switch-thumb-size) - 2 * var(--switch-padding))}.c15t-ui-track-small-Ie8K6{width:100%;height:100%}.c15t-ui-thumb-small-uBOCk{width:var(--switch-thumb-size);height:var(--switch-thumb-size)}.c15t-ui-root-Pd0rf:focus-visible{outline:none}.c15t-ui-root-Pd0rf:focus-visible .c15t-ui-track-kWz9_{outline:2px solid var(--switch-focus-ring);outline-offset:2px}.c15t-dark .c15t-ui-root-Pd0rf:focus-visible .c15t-ui-track-kWz9_{outline-color:var(--switch-focus-ring-dark)}@media (prefers-reduced-motion:reduce){.c15t-ui-track-kWz9_,.c15t-ui-thumb-mP7_o{transition:none}}@media (hover:none){.c15t-ui-track-kWz9_:hover{background-color:var(--switch-background-color)}.c15t-ui-root-Pd0rf[data-state=checked] .c15t-ui-track-kWz9_:hover{background-color:var(--switch-background-color-checked)}}\n\n /* primitives/tabs */\n.c15t-ui-root-S5pMJ{gap:1rem;width:100%;display:grid}.c15t-ui-list-BZaPj{background:var(--tabs-list-background);border:1px solid var(--tabs-list-border);border-radius:var(--c15t-radius-md);grid-auto-flow:column;align-items:center;gap:.25rem;width:fit-content;padding:.25rem;display:inline-grid}.c15t-ui-list-vertical-cP2o0{grid-auto-flow:row}.c15t-ui-trigger-U8k4E{border-radius:calc(var(--c15t-radius-md) - .25rem);color:var(--tabs-trigger-color);cursor:pointer;font:inherit;transition:background-color var(--c15t-duration-fast) ease, color var(--c15t-duration-fast) ease;background:0 0;border:0;padding:.625rem .875rem;font-weight:500}.c15t-ui-trigger-U8k4E[data-state=active]{background:var(--tabs-trigger-active-background);color:var(--tabs-trigger-active-color)}.c15t-ui-trigger-U8k4E:focus-visible{outline:2px solid var(--tabs-focus-ring);outline-offset:2px}.c15t-ui-content-Iyncb{color:var(--c15t-text)}\n\n /* components/iab-panel */\n.c15t-ui-root-pWvoN{box-sizing:border-box;isolation:isolate;font-family:var(--iab-cd-font-family);line-height:var(--iab-cd-line-height);-webkit-text-size-adjust:100%;tab-size:4;padding:var(--iab-cd-padding);z-index:var(--iab-cd-z-index);background:0 0;border:0;justify-content:center;align-items:center;margin:0;display:flex;position:fixed;inset:0}.c15t-ui-dialogVisible-ZcQux{opacity:1;transition:opacity var(--iab-cd-animation-duration) var(--iab-cd-animation-timing)}.c15t-ui-dialogHidden-QOLab{opacity:0;transition:opacity var(--iab-cd-animation-duration) var(--iab-cd-animation-timing)}.c15t-ui-contentVisible-oIYEE{opacity:1;transition:opacity var(--iab-cd-animation-duration) var(--iab-cd-animation-timing), transform var(--iab-cd-animation-duration) cubic-bezier(.34, 1.56, .64, 1);transform:scale(1)}.c15t-ui-contentHidden-dppgu{opacity:0;transition:opacity var(--iab-cd-animation-duration) var(--iab-cd-animation-timing), transform var(--iab-cd-animation-duration) var(--iab-cd-animation-timing);transform:scale(.95)}.c15t-ui-overlay-LyBwJ{background-color:var(--iab-cd-overlay-background);z-index:var(--iab-cd-overlay-z-index);position:fixed;inset:0}.c15t-ui-overlayVisible-HyYf_{opacity:1;transition:opacity var(--iab-cd-animation-duration) var(--iab-cd-animation-timing)}.c15t-ui-overlayHidden-G8kpl{opacity:0;transition:opacity var(--iab-cd-animation-duration) var(--iab-cd-animation-timing)}.c15t-dark .c15t-ui-overlay-LyBwJ{background-color:var(--iab-cd-overlay-background-dark)}.c15t-ui-card-DTFr5{width:min(100%, var(--iab-cd-max-width));max-height:var(--iab-cd-max-height);border-radius:var(--iab-cd-border-radius);border:1px solid var(--iab-cd-border-color);background-color:var(--iab-cd-background-color);min-height:0;box-shadow:var(--iab-cd-shadow);flex-direction:column;display:flex;position:relative;overflow:visible}.c15t-dark .c15t-ui-card-DTFr5{background-color:var(--iab-cd-background-color-dark);border-color:var(--iab-cd-border-color-dark)}.c15t-ui-header-wVNlq{border-bottom:1px solid var(--iab-cd-border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.c15t-dark .c15t-ui-header-wVNlq{border-color:var(--iab-cd-border-color-dark)}@media (width>=768px){.c15t-ui-header-wVNlq{padding:1rem}}.c15t-ui-headerContent-djclo{flex:1}.c15t-ui-title-PNS3O{font-size:var(--iab-cd-title-font-size);font-weight:var(--iab-cd-title-font-weight);color:var(--iab-cd-text-color);margin:0;line-height:1.25}.c15t-dark .c15t-ui-title-PNS3O{color:var(--iab-cd-text-color-dark)}.c15t-ui-description-kGL5G{font-size:var(--iab-cd-description-font-size);color:var(--iab-cd-text-muted-color);line-height:var(--iab-cd-description-line-height);margin:.25rem 0 0}.c15t-dark .c15t-ui-description-kGL5G{color:var(--iab-cd-text-muted-color-dark)}.c15t-ui-closeButton-LDT86{border-radius:var(--c15t-radius-md);cursor:pointer;color:var(--iab-cd-text-muted-color);background:0 0;border:none;justify-content:center;align-items:center;padding:.375rem;transition:background-color .15s;display:flex}.c15t-ui-closeButton-LDT86:hover{background-color:var(--iab-cd-surface-hover)}.c15t-dark .c15t-ui-closeButton-LDT86{color:var(--iab-cd-text-muted-color-dark)}.c15t-dark .c15t-ui-closeButton-LDT86:hover{background-color:var(--iab-cd-surface-hover-dark)}.c15t-ui-body-IFzVC{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.c15t-ui-tabsContainer-CGMHA{flex-shrink:0;padding:.75rem .75rem 0}@media (width>=768px){.c15t-ui-tabsContainer-CGMHA{padding:1rem 1rem 0}}.c15t-ui-tabsList-w5OMX{isolation:isolate;border-radius:var(--c15t-radius-lg,.625rem);background-color:var(--iab-cd-surface-hover);grid-auto-columns:1fr;grid-auto-flow:column;gap:.25rem;padding:.25rem;display:grid;position:relative}.c15t-dark .c15t-ui-tabsList-w5OMX{background-color:var(--iab-cd-surface-hover-dark)}.c15t-ui-tabButton-TaxQK{z-index:10;white-space:nowrap;border-radius:var(--c15t-radius-md,.375rem);height:2rem;color:var(--iab-cd-text-muted-color);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;gap:.375rem;padding:0 .75rem;font-size:.8125rem;font-weight:500;transition:color .15s cubic-bezier(.33,1,.68,1),background-color .15s cubic-bezier(.33,1,.68,1);display:flex;position:relative}.c15t-ui-tabButton-TaxQK:hover{color:var(--iab-cd-text-color)}.c15t-ui-tabButton-TaxQK:focus-visible{outline:2px solid var(--iab-cd-primary-color);outline-offset:2px}.c15t-ui-tabButton-TaxQK[data-state=active]{color:var(--iab-cd-text-color)}.c15t-dark .c15t-ui-tabButton-TaxQK{color:var(--iab-cd-text-muted-color-dark)}.c15t-dark .c15t-ui-tabButton-TaxQK:hover,.c15t-dark .c15t-ui-tabButton-TaxQK[data-state=active]{color:var(--iab-cd-text-color-dark)}.c15t-ui-tabIndicator-ipeu4{z-index:0;border-radius:var(--c15t-radius-md,.375rem);background-color:var(--iab-cd-background-color);transition:transform var(--c15t-duration-slow) cubic-bezier(.33, 1, .68, 1), width var(--c15t-duration-slow) cubic-bezier(.33, 1, .68, 1);position:absolute;inset-block:.25rem;box-shadow:0 1px 2px #0000000f,0 1px 3px #0000001a}.c15t-dark .c15t-ui-tabIndicator-ipeu4{background-color:var(--iab-cd-background-color-dark);box-shadow:0 1px 2px #0003,0 1px 3px #0000004d}.c15t-ui-tabIndicator-ipeu4[data-active-tab=purposes]{width:calc(50% - .125rem);left:.25rem;transform:translate(0)}.c15t-ui-tabIndicator-ipeu4[data-active-tab=vendors]{width:calc(50% - .125rem);left:.125rem;transform:translate(100%)}.c15t-ui-content-tpKyG{flex:auto;min-height:0;padding:.75rem;overflow:hidden auto}@media (width>=768px){.c15t-ui-content-tpKyG{padding:1rem}}.c15t-ui-purposeItem-ycHg8{border-radius:var(--c15t-radius-md);border:1px solid var(--iab-cd-border-color);background-color:var(--iab-cd-background-color);margin-bottom:.5rem}.c15t-dark .c15t-ui-purposeItem-ycHg8{border-color:var(--iab-cd-border-color-dark);background-color:var(--iab-cd-background-color-dark)}.c15t-ui-purposeHeader-dtjf3{justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.c15t-ui-purposeTrigger-RYEFG{text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:.5rem;min-width:0;padding:0;display:flex}.c15t-ui-purposeArrow-O8n8H{width:1rem;height:1rem;color:var(--iab-cd-text-muted-color);flex-shrink:0}.c15t-dark .c15t-ui-purposeArrow-O8n8H{color:var(--iab-cd-text-muted-color-dark)}.c15t-ui-purposeInfo-wahTP{flex:1;min-width:0}.c15t-ui-purposeName-QJMF_{color:var(--iab-cd-text-color);align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:500;display:flex}.c15t-dark .c15t-ui-purposeName-QJMF_{color:var(--iab-cd-text-color-dark)}.c15t-ui-lockIcon-i8SD3{width:.75rem;height:.75rem;color:var(--iab-cd-text-muted-color)}.c15t-dark .c15t-ui-lockIcon-i8SD3{color:var(--iab-cd-text-muted-color-dark)}.c15t-ui-purposeMeta-OC9IY{color:var(--iab-cd-text-muted-color);margin:.125rem 0 0;font-size:.75rem}.c15t-dark .c15t-ui-purposeMeta-OC9IY{color:var(--iab-cd-text-muted-color-dark)}.c15t-ui-legitimateInterestBadge-t0cqx{color:var(--iab-cd-text-muted-color);align-items:center;gap:.25rem;margin-top:.25rem;font-size:.625rem;font-weight:500;display:inline-flex}.c15t-ui-legitimateInterestIcon-Pvt34{width:.75rem;height:.75rem}.c15t-ui-srOnly-n1PBG{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.c15t-ui-purposeContent-teoEc{border-top:1px solid var(--iab-cd-border-color);margin-top:.75rem;padding:.75rem}.c15t-dark .c15t-ui-purposeContent-teoEc{border-color:var(--iab-cd-border-color-dark)}.c15t-ui-purposeDescription-eLaj6{color:var(--iab-cd-text-muted-color);margin:0;font-size:.75rem;line-height:1.5}.c15t-dark .c15t-ui-purposeDescription-eLaj6{color:var(--iab-cd-text-muted-color-dark)}.c15t-ui-examplesToggle-UKJ4l{color:var(--iab-cd-text-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;margin-top:.75rem;padding:0;font-size:.75rem;font-weight:500;display:flex}.c15t-ui-examplesToggle-UKJ4l:hover{color:var(--iab-cd-primary-color)}.c15t-dark .c15t-ui-examplesToggle-UKJ4l{color:var(--iab-cd-text-color-dark)}.c15t-dark .c15t-ui-examplesToggle-UKJ4l:hover{color:var(--iab-cd-primary-color-dark)}.c15t-ui-examplesList-Jgu0V{margin:.375rem 0 0;padding-left:1rem;list-style-type:disc}.c15t-ui-examplesList-Jgu0V li{color:var(--iab-cd-text-muted-color);font-size:.75rem;line-height:1.5}.c15t-dark .c15t-ui-examplesList-Jgu0V li{color:var(--iab-cd-text-muted-color-dark)}.c15t-ui-vendorsToggle-iiROe{color:var(--iab-cd-text-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;margin-top:.75rem;padding:0;font-size:.75rem;font-weight:500;display:flex}.c15t-ui-vendorsToggle-iiROe:hover{color:var(--iab-cd-primary-color)}.c15t-dark .c15t-ui-vendorsToggle-iiROe{color:var(--iab-cd-text-color-dark)}.c15t-ui-vendorSection-Xotxt{z-index:1;margin-top:.375rem;position:relative}.c15t-ui-vendorSectionTitle-fDzFC{color:var(--iab-cd-text-muted-color);text-transform:uppercase;letter-spacing:.05em;margin:.5rem 0 .375rem;font-size:.625rem;font-weight:500}.c15t-dark .c15t-ui-vendorSectionTitle-fDzFC{color:var(--iab-cd-text-muted-color-dark)}.c15t-ui-vendorSectionTitleLi-_EU2B{color:var(--iab-cd-text-muted-color);align-items:center;gap:.25rem;display:flex}.c15t-ui-vendorRow-MdJwv{border-radius:var(--c15t-radius-sm);background-color:var(--iab-cd-surface-hover);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.375rem;padding:.5rem;display:flex}.c15t-dark .c15t-ui-vendorRow-MdJwv{background-color:var(--iab-cd-surface-hover-dark)}.c15t-ui-vendorRowLi-TR3to{background-color:var(--iab-cd-surface-hover);border:1px solid var(--iab-cd-border-color)}.c15t-ui-vendorInfo-cLXjo{flex:1;min-width:0}.c15t-ui-vendorName-U5tbA{color:var(--iab-cd-text-color);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.375rem;padding:0;font-size:.75rem;font-weight:500;display:flex}.c15t-ui-vendorName-U5tbA:hover{color:var(--iab-cd-primary-color)}.c15t-dark .c15t-ui-vendorName-U5tbA{color:var(--iab-cd-text-color-dark)}.c15t-ui-customVendorIcon-xE8uf{width:.75rem;height:.75rem;color:var(--iab-cd-primary-color)}.c15t-dark .c15t-ui-customVendorIcon-xE8uf{color:var(--iab-cd-primary-color-dark)}.c15t-ui-vendorDetails-nJLMH{flex-wrap:wrap;gap:.5rem;margin-top:.125rem;display:flex}.c15t-ui-vendorDetail-qWyPR{color:var(--iab-cd-text-muted-color);font-size:.625rem}.c15t-dark .c15t-ui-vendorDetail-qWyPR{color:var(--iab-cd-text-muted-color-dark)}.c15t-ui-vendorDetailLi-HiywZ{color:var(--iab-cd-text-muted-color);font-weight:500}.c15t-ui-stackItem-Z6dCC{border-radius:var(--c15t-radius-md);border:1px solid var(--iab-cd-border-color);background-color:var(--iab-cd-background-color);margin-bottom:.5rem}.c15t-dark .c15t-ui-stackItem-Z6dCC{border-color:var(--iab-cd-border-color-dark);background-color:var(--iab-cd-background-color-dark)}.c15t-ui-stackHeader-TkNdL{justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.c15t-ui-stackTrigger-Kqeyy{text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:.5rem;min-width:0;padding:0;display:flex}.c15t-ui-stackInfo-JH0ue{flex:1;min-width:0}.c15t-ui-stackName-yNHhd{color:var(--iab-cd-text-color);margin:0;font-size:.875rem;font-weight:500;line-height:1.25}.c15t-dark .c15t-ui-stackName-yNHhd{color:var(--iab-cd-text-color-dark)}.c15t-ui-stackMeta-Il_rX{color:var(--iab-cd-text-muted-color);margin:.25rem 0 0;font-size:.75rem}.c15t-dark .c15t-ui-stackMeta-Il_rX{color:var(--iab-cd-text-muted-color-dark)}.c15t-ui-stackControls-kBZON{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.c15t-ui-partialIndicator-U9dt6{background-color:var(--iab-cd-primary-color);border-radius:50%;width:.375rem;height:.375rem}.c15t-ui-stackDescription-occgV{color:var(--iab-cd-text-muted-color);margin:0 0 0 1.5rem;padding-bottom:.75rem;font-size:.75rem}.c15t-ui-stackDescription-occgV p{margin:0}.c15t-ui-stackDescription-occgV p+p{margin-top:.25rem}.c15t-dark .c15t-ui-stackDescription-occgV{color:var(--iab-cd-text-muted-color-dark)}.c15t-ui-stackContent-wu6FF{border-top:1px solid var(--iab-cd-border-color);background-color:var(--iab-cd-surface-hover);padding:.5rem}.c15t-dark .c15t-ui-stackContent-wu6FF{border-color:var(--iab-cd-border-color-dark);background-color:var(--iab-cd-surface-hover-dark)}.c15t-ui-specialPurposesSection-y9Pqu{border-radius:var(--c15t-radius-md);border:1px solid var(--iab-cd-border-color);background-color:var(--iab-cd-background-color);margin-bottom:.5rem}.c15t-dark .c15t-ui-specialPurposesSection-y9Pqu{border-color:var(--iab-cd-border-color-dark);background-color:var(--iab-cd-background-color-dark)}.c15t-ui-specialPurposesHeader-Rq1Tg{justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.c15t-ui-specialPurposesTitle-tcftu{color:var(--iab-cd-text-color);align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:500;display:flex}.c15t-dark .c15t-ui-specialPurposesTitle-tcftu{color:var(--iab-cd-text-color-dark)}.c15t-ui-infoIcon-Egw87{width:.875rem;height:.875rem;color:var(--iab-cd-text-muted-color);cursor:help}.c15t-dark .c15t-ui-infoIcon-Egw87{color:var(--iab-cd-text-muted-color-dark)}.c15t-ui-tooltip-XjaZq{background-color:var(--iab-cd-background-color);border:1px solid var(--iab-cd-border-color);border-radius:var(--c15t-radius-md);width:16rem;box-shadow:var(--c15t-shadow-lg);color:var(--iab-cd-text-color);z-index:10;opacity:0;visibility:hidden;padding:.5rem;font-size:.75rem;transition:opacity .15s,visibility .15s;position:absolute;top:1.5rem;right:0}.c15t-ui-tooltipVisible-saaoQ{opacity:1;visibility:visible}.c15t-dark .c15t-ui-tooltip-XjaZq{background-color:var(--iab-cd-background-color-dark);border-color:var(--iab-cd-border-color-dark);color:var(--iab-cd-text-color-dark)}.c15t-ui-vendorListHeader-Hfxxu{background-color:var(--iab-cd-background-color);z-index:10;margin-top:0;padding-top:0;padding-bottom:.375rem;position:sticky;top:0}@media (width>=768px){.c15t-ui-vendorListHeader-Hfxxu{margin-top:0;padding-top:0;top:0}}.c15t-dark .c15t-ui-vendorListHeader-Hfxxu{background-color:var(--iab-cd-background-color-dark)}.c15t-ui-searchContainer-uyKJB{position:relative}.c15t-ui-searchIcon-NhyW4{width:.875rem;height:.875rem;color:var(--iab-cd-text-muted-color);position:absolute;top:50%;left:.625rem;transform:translateY(-50%)}.c15t-dark .c15t-ui-searchIcon-NhyW4{color:var(--iab-cd-text-muted-color-dark)}.c15t-ui-searchInput-cLLuO{border-radius:var(--c15t-radius-md);border:1px solid var(--iab-cd-border-color);background-color:var(--iab-cd-background-color);width:100%;color:var(--iab-cd-text-color);padding:.5rem .75rem .5rem 2rem;font-size:.875rem}.c15t-ui-searchInput-cLLuO:focus{border-color:var(--iab-cd-primary-color);outline:none;box-shadow:0 0 0 2px #3b82f633}.c15t-dark .c15t-ui-searchInput-cLLuO{background-color:var(--iab-cd-background-color-dark);border-color:var(--iab-cd-border-color-dark);color:var(--iab-cd-text-color-dark)}.c15t-ui-vendorCount-s4d6i{color:var(--iab-cd-text-muted-color);margin-top:.25rem;font-size:.75rem}.c15t-dark .c15t-ui-vendorCount-s4d6i{color:var(--iab-cd-text-muted-color-dark)}.c15t-ui-selectedVendorBanner-S6KCv{border-radius:var(--c15t-radius-md);z-index:100;isolation:isolate;background-color:#dbeafe;border:1px solid #3b82f64d;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem .625rem;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000000d}.c15t-dark .c15t-ui-selectedVendorBanner-S6KCv{background-color:#1e3a8a;border-color:#3b82f666}.c15t-ui-selectedVendorText-jjIQi{color:var(--iab-cd-primary-color);flex:1;font-size:.75rem}.c15t-ui-clearSelectionButton-yz3Zx{color:var(--iab-cd-primary-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:0;font-size:.75rem;display:flex}.c15t-ui-clearSelectionButton-yz3Zx:hover{opacity:.8}.c15t-ui-clearIcon-sTZC2{width:.75rem;height:.75rem}.c15t-ui-vendorListItem-NwBiX{z-index:1;border:1px solid var(--iab-cd-border-color);border-radius:var(--c15t-radius-md);margin-bottom:.375rem;scroll-margin-top:6rem;position:relative;overflow:hidden}.c15t-dark .c15t-ui-vendorListItem-NwBiX{border-color:var(--iab-cd-border-color-dark)}.c15t-ui-vendorListItemHeader-fBe_O{align-items:center;gap:.5rem;padding:.625rem;display:flex}.c15t-ui-vendorConsentControl-VC70A{border-radius:var(--c15t-radius-sm);flex-shrink:0;justify-content:center;align-items:center;min-width:2.25rem;min-height:2.25rem;padding:.375rem;display:inline-flex}.c15t-ui-vendorConsentControl-VC70A:hover{background-color:var(--iab-cd-surface-hover)}.c15t-dark .c15t-ui-vendorConsentControl-VC70A:hover{background-color:var(--iab-cd-surface-hover-dark)}.c15t-ui-vendorConsentSwitch-wEFf8{flex-shrink:0;display:block}.c15t-ui-vendorListTrigger-TG_0F{text-align:left;cursor:pointer;background:0 0;border:none;flex:1;justify-content:space-between;align-items:center;min-width:0;padding:0;display:flex}.c15t-ui-vendorListTrigger-TG_0F:hover{color:var(--iab-cd-primary-color)}.c15t-ui-vendorListInfo-BSgBB{flex:1;min-width:0}.c15t-ui-vendorListName-II_BV{color:var(--iab-cd-text-color);align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:500;display:flex}.c15t-dark .c15t-ui-vendorListName-II_BV{color:var(--iab-cd-text-color-dark)}.c15t-ui-vendorListMeta-wa6UC{flex-wrap:wrap;align-items:center;gap:.375rem;margin-top:.125rem;display:flex}.c15t-ui-vendorListMetaText-MS_cF{color:var(--iab-cd-text-muted-color);font-size:.75rem}.c15t-dark .c15t-ui-vendorListMetaText-MS_cF{color:var(--iab-cd-text-muted-color-dark)}.c15t-ui-vendorListLiBadge-_Uq0L{color:var(--iab-cd-text-muted-color);align-items:center;gap:.125rem;font-size:.625rem;font-weight:500;display:inline-flex}.c15t-ui-vendorListContent-CtRTw{border-top:1px solid var(--iab-cd-border-color);background-color:var(--iab-cd-surface-hover);padding:0 .625rem .625rem}.c15t-dark .c15t-ui-vendorListContent-CtRTw{border-color:var(--iab-cd-border-color-dark);background-color:var(--iab-cd-surface-hover-dark)}.c15t-ui-vendorLinks-pxq9Z{padding-top:.5rem}.c15t-ui-tabPanel-PJKhk{min-width:0;overflow-x:hidden}.c15t-ui-vendorLink-htHQn{color:var(--iab-cd-primary-color);align-items:center;gap:.25rem;margin-right:.75rem;font-size:.75rem;text-decoration:none;display:inline-flex}.c15t-ui-vendorLink-htHQn:hover{text-decoration:underline}.c15t-ui-vendorLinkIcon-UjIy5{width:.75rem;height:.75rem}.c15t-ui-vendorBadges-SED5E{flex-wrap:wrap;gap:.5rem;margin-top:.375rem;display:flex}.c15t-ui-vendorBadge-Pu0Hs{border-radius:var(--c15t-radius-sm);background-color:var(--iab-cd-surface-hover);color:var(--iab-cd-text-muted-color);padding:.125rem .375rem;font-size:.625rem}.c15t-dark .c15t-ui-vendorBadge-Pu0Hs{background-color:var(--iab-cd-surface-hover-dark);color:var(--iab-cd-text-muted-color-dark)}.c15t-ui-vendorPurposesList-CtEFC{margin-top:.5rem}.c15t-ui-vendorPurposesTitle-2hGY4{color:var(--iab-cd-text-color);align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:.75rem;font-weight:500;display:flex}.c15t-dark .c15t-ui-vendorPurposesTitle-2hGY4{color:var(--iab-cd-text-color-dark)}.c15t-ui-vendorPurposesItems-VKo31{margin:0;padding:0;list-style:none}.c15t-ui-vendorPurposeItem-TmnWw{color:var(--iab-cd-text-muted-color);border-left:2px solid var(--iab-cd-border-color);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.125rem;padding-left:.5rem;font-size:.75rem;display:flex}.c15t-dark .c15t-ui-vendorPurposeItem-TmnWw{color:var(--iab-cd-text-muted-color-dark);border-color:var(--iab-cd-border-color-dark)}.c15t-ui-vendorPurposeItemLi-rO_6B{border-color:var(--iab-cd-text-muted-color);color:var(--iab-cd-text-muted-color)}.c15t-ui-vendorRetention-TTJ2U{opacity:.7;font-size:.625rem}.c15t-ui-footer-YF32K{border-top:1px solid var(--iab-cd-border-color);background-color:var(--iab-cd-surface-hover);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.c15t-dark .c15t-ui-footer-YF32K{border-color:var(--iab-cd-border-color-dark);background-color:var(--iab-cd-surface-hover-dark)}.c15t-ui-consentNotice-PEEG3{text-align:center;padding-top:1.5rem}.c15t-dark .c15t-ui-consentNotice-PEEG3{border-color:var(--iab-cd-border-color-dark)}.c15t-ui-consentNoticeText-MhMCM{color:var(--iab-cd-text-muted-color);margin-block:0;font-size:.625rem}.c15t-dark .c15t-ui-consentNoticeText-MhMCM{color:var(--iab-cd-text-muted-color-dark)}.c15t-ui-loadingContainer-iW124{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;height:100%;display:flex}.c15t-ui-loadingSpinner-W8iiY{border:2px solid var(--iab-cd-border-color);border-top-color:var(--iab-cd-primary-color);width:1.75rem;height:1.75rem;animation:var(--c15t-spin-animation);border-radius:50%}.c15t-ui-loadingText-o2XqJ{color:var(--iab-cd-text-muted-color);font-size:.875rem}.c15t-dark .c15t-ui-loadingText-o2XqJ{color:var(--iab-cd-text-muted-color-dark)}.c15t-ui-emptyState-nmTzy{text-align:center;padding:2rem}.c15t-ui-emptyStateText-HuJtF{color:var(--iab-cd-text-muted-color);margin:0;font-size:.875rem}.c15t-dark .c15t-ui-emptyStateText-HuJtF{color:var(--iab-cd-text-muted-color-dark)}.c15t-ui-vendorSection-Xotxt{z-index:1;margin-top:.25rem;margin-bottom:1rem;position:relative}.c15t-ui-vendorSectionHeading-s4i73{text-transform:uppercase;letter-spacing:.05em;color:var(--iab-cd-text-muted-color);background:var(--iab-cd-surface-hover-color);border-bottom:1px solid var(--iab-cd-border-color);align-items:center;gap:.5rem;margin:0;padding:.375rem 0 .25rem;font-size:.75rem;font-weight:600;display:flex}.c15t-dark .c15t-ui-vendorSectionHeading-s4i73{color:var(--iab-cd-text-muted-color-dark);background:var(--iab-cd-surface-hover-color-dark);border-color:var(--iab-cd-border-color-dark)}.c15t-ui-vendorSectionIcon-Cc99v{flex-shrink:0;width:1rem;height:1rem}.c15t-ui-iabVendorSectionHeader-YsNA5{background-color:var(--iab-cd-background-color);border-bottom:1px solid var(--iab-cd-border-color);z-index:10;padding:.25rem 0;position:relative}.c15t-dark .c15t-ui-iabVendorSectionHeader-YsNA5{border-color:var(--iab-cd-border-color-dark);background-color:var(--iab-cd-background-color-dark)}.c15t-ui-iabVendorSectionHeader-YsNA5 .c15t-ui-vendorSectionHeading-s4i73{border-bottom:none;padding-bottom:.25rem}.c15t-ui-iabVendorNotice-WnMMx{color:var(--iab-cd-text-muted-color);margin:0;font-size:.6875rem}.c15t-dark .c15t-ui-iabVendorNotice-WnMMx{color:var(--iab-cd-text-muted-color-dark)}.c15t-ui-customVendorSectionHeader-Sy8yM{background-color:var(--iab-cd-background-color);border-bottom:1px solid var(--iab-cd-border-color);z-index:10;padding:.5rem 0;position:relative}.c15t-dark .c15t-ui-customVendorSectionHeader-Sy8yM{border-color:var(--iab-cd-border-color-dark);background-color:var(--iab-cd-background-color-dark)}.c15t-ui-customVendorSectionHeader-Sy8yM .c15t-ui-vendorSectionHeading-s4i73{background:0 0;border-bottom:none;padding-bottom:.25rem}.c15t-ui-customVendorNotice-NgBsE{color:var(--iab-cd-text-muted-color);margin:0;padding:.25rem 0 1rem;font-size:.6875rem}.c15t-dark .c15t-ui-customVendorNotice-NgBsE{color:var(--iab-cd-text-muted-color-dark)}.c15t-ui-customVendorItem-QF5C7{border-left:3px solid var(--iab-cd-primary-color)}.c15t-dark .c15t-ui-customVendorItem-QF5C7{border-left-color:var(--iab-cd-primary-color-dark)}.c15t-ui-customVendorPurposeSection-zFEUM{border-top:1px solid var(--iab-cd-border-color);margin-top:.75rem;padding-top:.75rem}.c15t-dark .c15t-ui-customVendorPurposeSection-zFEUM{border-color:var(--iab-cd-border-color-dark)}.c15t-ui-vendorSectionTitleCustom-JjHzO{text-transform:uppercase;letter-spacing:.05em;color:var(--iab-cd-primary-color);align-items:center;gap:.375rem;margin:0 0 .5rem;font-size:.625rem;font-weight:600;display:flex}.c15t-dark .c15t-ui-vendorSectionTitleCustom-JjHzO{color:var(--iab-cd-primary-color-dark)}.c15t-ui-objectButton-S0x1H{border-radius:var(--c15t-radius-sm);border:1px solid var(--iab-cd-border-color);color:var(--iab-cd-text-muted-color);cursor:pointer;white-space:nowrap;background-color:#0000;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;transition:background-color .15s,border-color .15s,color .15s}.c15t-ui-objectButton-S0x1H:hover{border-color:var(--iab-cd-text-muted-color);color:var(--iab-cd-text-color)}.c15t-ui-objectButton-S0x1H[data-active],.c15t-ui-objectButtonActive-AlNLv{background-color:var(--iab-cd-text-muted-color);border-color:var(--iab-cd-text-muted-color);color:var(--iab-cd-background-color)}.c15t-ui-objectButton-S0x1H[data-active]:hover,.c15t-ui-objectButtonActive-AlNLv:hover{opacity:.9}.c15t-dark .c15t-ui-objectButton-S0x1H{border-color:var(--iab-cd-border-color-dark);color:var(--iab-cd-text-muted-color-dark)}.c15t-dark .c15t-ui-objectButton-S0x1H:hover{border-color:var(--iab-cd-text-muted-color-dark);color:var(--iab-cd-text-color-dark)}.c15t-dark .c15t-ui-objectButton-S0x1H[data-active],.c15t-dark .c15t-ui-objectButtonActive-AlNLv{background-color:var(--iab-cd-text-muted-color-dark);border-color:var(--iab-cd-text-muted-color-dark);color:var(--iab-cd-background-color-dark)}.c15t-ui-liExplanation-_r6Zx{color:var(--iab-cd-text-muted-color);background-color:var(--iab-cd-surface-hover);font-size:.6875rem;font-style:italic}.c15t-dark .c15t-ui-liExplanation-_r6Zx{color:var(--iab-cd-text-muted-color-dark);background-color:var(--iab-cd-surface-hover-dark);border-color:var(--iab-cd-text-muted-color-dark)}.c15t-ui-vendorLiSection-sqzvi{border-top:1px solid var(--iab-cd-border-color);margin-top:.75rem;padding-top:.75rem}.c15t-dark .c15t-ui-vendorLiSection-sqzvi{border-color:var(--iab-cd-border-color-dark)}.c15t-ui-vendorLiSectionHeader-fsKUh{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.375rem;display:flex}.c15t-ui-vendorLiSectionHeader-fsKUh .c15t-ui-vendorPurposesTitle-2hGY4{align-items:center;margin:0;display:flex}.c15t-ui-purposeLiSection-YbwuC{background-color:var(--iab-cd-surface-hover);border-radius:var(--c15t-radius-sm);border:1px solid var(--iab-cd-border-color);margin:.75rem 0;padding:.75rem}.c15t-dark .c15t-ui-purposeLiSection-YbwuC{background-color:var(--iab-cd-surface-hover-dark);border-color:var(--iab-cd-border-color-dark)}.c15t-ui-purposeLiSectionHeader-cSbP3{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.c15t-ui-purposeLiInfo-Rpryr{color:var(--iab-cd-text-color);align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;display:flex}.c15t-dark .c15t-ui-purposeLiInfo-Rpryr{color:var(--iab-cd-text-color-dark)}.c15t-ui-purposeLiInfo-Rpryr .c15t-ui-legitimateInterestIcon-Pvt34{flex-shrink:0}@media (prefers-reduced-motion:reduce){.c15t-ui-dialogVisible-ZcQux,.c15t-ui-dialogHidden-QOLab,.c15t-ui-contentVisible-oIYEE,.c15t-ui-contentHidden-dppgu,.c15t-ui-overlayVisible-HyYf_,.c15t-ui-overlayHidden-G8kpl,.c15t-ui-closeButton-LDT86,.c15t-ui-tabButton-TaxQK,.c15t-ui-tooltip-XjaZq,.c15t-ui-objectButton-S0x1H{transition:none}.c15t-ui-loadingSpinner-W8iiY{animation:none}}@media (hover:none){.c15t-ui-closeButton-LDT86:hover{background-color:#0000}.c15t-ui-tabButton-TaxQK:hover{color:var(--iab-cd-text-muted-color)}.c15t-ui-objectButton-S0x1H:hover{border-color:var(--iab-cd-border-color);color:var(--iab-cd-text-muted-color)}}\n\n /* components/iab-prompt */\n.c15t-ui-root-wCtZ2{box-sizing:border-box;z-index:999998;font-family:var(--iab-consent-banner-font-family);line-height:var(--iab-consent-banner-line-height);-webkit-text-size-adjust:var(--iab-consent-banner-text-size-adjust);-webkit-font-smoothing:antialiased;tab-size:var(--iab-consent-banner-tab-size);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.c15t-ui-bannerVisible-uqQdb{opacity:1;transition:opacity var(--iab-consent-banner-animation-duration) var(--iab-consent-banner-animation-timing), transform var(--iab-consent-banner-animation-duration) cubic-bezier(.34, 1.56, .64, 1);transform:scale(1)}.c15t-ui-bannerHidden-KVkXf{opacity:0;transition:opacity var(--iab-consent-banner-animation-duration) var(--iab-consent-banner-animation-timing), transform var(--iab-consent-banner-animation-duration) var(--iab-consent-banner-animation-timing);transform:scale(.95)}@media (width>=640px){.c15t-ui-root-wCtZ2{padding:1.5rem}}.c15t-ui-cardShell-pmM71{width:min(100%, var(--iab-consent-banner-max-width));flex-direction:column;display:flex}.c15t-ui-card-lJZdN{border-radius:var(--iab-consent-banner-border-radius);border-width:var(--iab-consent-banner-border-width);border-style:solid;border-color:var(--iab-consent-banner-border-color);background-color:var(--iab-consent-banner-background-color);width:100%;box-shadow:var(--iab-consent-banner-shadow);position:relative;overflow:hidden}.c15t-dark .c15t-ui-card-lJZdN{background-color:var(--iab-consent-banner-background-color-dark);border-color:var(--iab-consent-banner-border-color-dark);box-shadow:var(--iab-consent-banner-shadow-dark)}.c15t-ui-card-lJZdN[data-state=open]{animation:var(--iab-consent-banner-entry-animation)}.c15t-ui-card-lJZdN[data-state=closed]{animation:var(--iab-consent-banner-exit-animation)}.c15t-ui-card-lJZdN>:not([hidden])~:not([hidden]){border-top-width:var(--iab-consent-banner-border-width);border-top-style:solid;border-color:var(--iab-consent-banner-border-color)}.c15t-dark .c15t-ui-card-lJZdN>:not([hidden])~:not([hidden]){border-color:var(--iab-consent-banner-border-color-dark)}.c15t-ui-card-lJZdN:not(.headless):focus{outline:none}.c15t-ui-header-WMRYy{color:var(--iab-consent-banner-text-color);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.c15t-dark .c15t-ui-header-WMRYy{color:var(--iab-consent-banner-text-color-dark)}@media (width>=640px){.c15t-ui-header-WMRYy{padding:1.5rem}}.c15t-ui-title-iMdl2{letter-spacing:-.011em;color:var(--iab-consent-banner-title-color);margin:0;font-size:1.125rem;font-weight:600;line-height:1.5rem}.c15t-dark .c15t-ui-title-iMdl2{color:var(--iab-consent-banner-title-color-dark)}.c15t-ui-description-_ZLiC{letter-spacing:-.006em;color:var(--iab-consent-banner-description-color);margin:0;font-size:.875rem;font-weight:400;line-height:1.5}.c15t-dark .c15t-ui-description-_ZLiC{color:var(--iab-consent-banner-description-color-dark)}.c15t-ui-partnersLink-yKsgB{color:var(--iab-consent-banner-link-color);cursor:pointer;font-weight:500;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:none}.c15t-ui-partnersLink-yKsgB:hover{text-decoration:underline}.c15t-dark .c15t-ui-partnersLink-yKsgB{color:var(--iab-consent-banner-link-color-dark)}.c15t-ui-purposeList-Qz2Eo{color:var(--iab-consent-banner-description-color);margin:.5rem 0 0;padding-left:1.25rem;font-size:.875rem;line-height:1.5;list-style-type:disc}.c15t-ui-purposeList-Qz2Eo li{margin-bottom:.25rem}.c15t-ui-purposeMore-aANSf{opacity:.8;font-style:italic;list-style-type:none}.c15t-dark .c15t-ui-purposeList-Qz2Eo{color:var(--iab-consent-banner-description-color-dark)}.c15t-ui-legitimateInterestNotice-QtcwV{color:var(--iab-consent-banner-description-color);margin-top:.25rem;font-size:.8125rem;line-height:1.5}.c15t-dark .c15t-ui-legitimateInterestNotice-QtcwV{color:var(--iab-consent-banner-description-color-dark)}.c15t-ui-privacyLink-RYh_l{color:var(--iab-consent-banner-link-color);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:none}.c15t-ui-privacyLink-RYh_l:hover{text-decoration:underline}.c15t-dark .c15t-ui-privacyLink-RYh_l{color:var(--iab-consent-banner-link-color-dark)}.c15t-ui-footer-danOO{background-color:var(--iab-consent-banner-footer-background-color);flex-direction:column;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;display:flex}.c15t-dark .c15t-ui-footer-danOO{background-color:var(--iab-consent-banner-footer-background-color-dark)}@media (width>=640px){.c15t-ui-footer-danOO{flex-direction:row;padding:1rem}}.c15t-ui-overlay-OPamO{background-color:var(--iab-consent-banner-overlay-background-color);z-index:999997;position:fixed;inset:0}.c15t-ui-overlayVisible-JAO1l{opacity:1;transition:opacity var(--iab-consent-banner-animation-duration) var(--iab-consent-banner-animation-timing)}.c15t-ui-overlayHidden-zfbJA{opacity:0;transition:opacity var(--iab-consent-banner-animation-duration) var(--iab-consent-banner-animation-timing)}.c15t-dark .c15t-ui-overlay-OPamO{background-color:var(--iab-consent-banner-overlay-background-color-dark)}@media (prefers-reduced-motion:reduce){.c15t-ui-bannerVisible-uqQdb,.c15t-ui-bannerHidden-KVkXf,.c15t-ui-overlayVisible-JAO1l,.c15t-ui-overlayHidden-zfbJA{transition:none}.c15t-ui-card-lJZdN[data-state=open],.c15t-ui-card-lJZdN[data-state=closed]{animation:none}}\n}\n";
|
|
7
|
+
const classes = {
|
|
8
|
+
banner: {
|
|
9
|
+
root: "c15t-ui-root-wCtZ2",
|
|
10
|
+
bannerVisible: "c15t-ui-bannerVisible-uqQdb",
|
|
11
|
+
bannerHidden: "c15t-ui-bannerHidden-KVkXf",
|
|
12
|
+
cardShell: "c15t-ui-cardShell-pmM71",
|
|
13
|
+
card: "c15t-ui-card-lJZdN",
|
|
14
|
+
header: "c15t-ui-header-WMRYy",
|
|
15
|
+
title: "c15t-ui-title-iMdl2",
|
|
16
|
+
description: "c15t-ui-description-_ZLiC",
|
|
17
|
+
partnersLink: "c15t-ui-partnersLink-yKsgB",
|
|
18
|
+
purposeList: "c15t-ui-purposeList-Qz2Eo",
|
|
19
|
+
purposeMore: "c15t-ui-purposeMore-aANSf",
|
|
20
|
+
legitimateInterestNotice: "c15t-ui-legitimateInterestNotice-QtcwV",
|
|
21
|
+
privacyLink: "c15t-ui-privacyLink-RYh_l",
|
|
22
|
+
footer: "c15t-ui-footer-danOO",
|
|
23
|
+
overlay: "c15t-ui-overlay-OPamO",
|
|
24
|
+
overlayVisible: "c15t-ui-overlayVisible-JAO1l",
|
|
25
|
+
overlayHidden: "c15t-ui-overlayHidden-zfbJA"
|
|
26
|
+
},
|
|
27
|
+
dialog: {
|
|
28
|
+
root: "c15t-ui-root-pWvoN",
|
|
29
|
+
dialogVisible: "c15t-ui-dialogVisible-ZcQux",
|
|
30
|
+
dialogHidden: "c15t-ui-dialogHidden-QOLab",
|
|
31
|
+
contentVisible: "c15t-ui-contentVisible-oIYEE",
|
|
32
|
+
contentHidden: "c15t-ui-contentHidden-dppgu",
|
|
33
|
+
overlay: "c15t-ui-overlay-LyBwJ",
|
|
34
|
+
overlayVisible: "c15t-ui-overlayVisible-HyYf_",
|
|
35
|
+
overlayHidden: "c15t-ui-overlayHidden-G8kpl",
|
|
36
|
+
card: "c15t-ui-card-DTFr5",
|
|
37
|
+
header: "c15t-ui-header-wVNlq",
|
|
38
|
+
headerContent: "c15t-ui-headerContent-djclo",
|
|
39
|
+
title: "c15t-ui-title-PNS3O",
|
|
40
|
+
description: "c15t-ui-description-kGL5G",
|
|
41
|
+
closeButton: "c15t-ui-closeButton-LDT86",
|
|
42
|
+
body: "c15t-ui-body-IFzVC",
|
|
43
|
+
tabsContainer: "c15t-ui-tabsContainer-CGMHA",
|
|
44
|
+
tabsList: "c15t-ui-tabsList-w5OMX",
|
|
45
|
+
tabButton: "c15t-ui-tabButton-TaxQK",
|
|
46
|
+
tabIndicator: "c15t-ui-tabIndicator-ipeu4",
|
|
47
|
+
content: "c15t-ui-content-tpKyG",
|
|
48
|
+
purposeItem: "c15t-ui-purposeItem-ycHg8",
|
|
49
|
+
purposeHeader: "c15t-ui-purposeHeader-dtjf3",
|
|
50
|
+
purposeTrigger: "c15t-ui-purposeTrigger-RYEFG",
|
|
51
|
+
purposeArrow: "c15t-ui-purposeArrow-O8n8H",
|
|
52
|
+
purposeInfo: "c15t-ui-purposeInfo-wahTP",
|
|
53
|
+
purposeName: "c15t-ui-purposeName-QJMF_",
|
|
54
|
+
lockIcon: "c15t-ui-lockIcon-i8SD3",
|
|
55
|
+
purposeMeta: "c15t-ui-purposeMeta-OC9IY",
|
|
56
|
+
legitimateInterestBadge: "c15t-ui-legitimateInterestBadge-t0cqx",
|
|
57
|
+
legitimateInterestIcon: "c15t-ui-legitimateInterestIcon-Pvt34",
|
|
58
|
+
srOnly: "c15t-ui-srOnly-n1PBG",
|
|
59
|
+
purposeContent: "c15t-ui-purposeContent-teoEc",
|
|
60
|
+
purposeDescription: "c15t-ui-purposeDescription-eLaj6",
|
|
61
|
+
examplesToggle: "c15t-ui-examplesToggle-UKJ4l",
|
|
62
|
+
examplesList: "c15t-ui-examplesList-Jgu0V",
|
|
63
|
+
vendorsToggle: "c15t-ui-vendorsToggle-iiROe",
|
|
64
|
+
vendorSection: "c15t-ui-vendorSection-Xotxt",
|
|
65
|
+
vendorSectionTitle: "c15t-ui-vendorSectionTitle-fDzFC",
|
|
66
|
+
vendorSectionTitleLi: "c15t-ui-vendorSectionTitleLi-_EU2B",
|
|
67
|
+
vendorRow: "c15t-ui-vendorRow-MdJwv",
|
|
68
|
+
vendorRowLi: "c15t-ui-vendorRowLi-TR3to",
|
|
69
|
+
vendorInfo: "c15t-ui-vendorInfo-cLXjo",
|
|
70
|
+
vendorName: "c15t-ui-vendorName-U5tbA",
|
|
71
|
+
customVendorIcon: "c15t-ui-customVendorIcon-xE8uf",
|
|
72
|
+
vendorDetails: "c15t-ui-vendorDetails-nJLMH",
|
|
73
|
+
vendorDetail: "c15t-ui-vendorDetail-qWyPR",
|
|
74
|
+
vendorDetailLi: "c15t-ui-vendorDetailLi-HiywZ",
|
|
75
|
+
stackItem: "c15t-ui-stackItem-Z6dCC",
|
|
76
|
+
stackHeader: "c15t-ui-stackHeader-TkNdL",
|
|
77
|
+
stackTrigger: "c15t-ui-stackTrigger-Kqeyy",
|
|
78
|
+
stackInfo: "c15t-ui-stackInfo-JH0ue",
|
|
79
|
+
stackName: "c15t-ui-stackName-yNHhd",
|
|
80
|
+
stackMeta: "c15t-ui-stackMeta-Il_rX",
|
|
81
|
+
stackControls: "c15t-ui-stackControls-kBZON",
|
|
82
|
+
partialIndicator: "c15t-ui-partialIndicator-U9dt6",
|
|
83
|
+
stackDescription: "c15t-ui-stackDescription-occgV",
|
|
84
|
+
stackContent: "c15t-ui-stackContent-wu6FF",
|
|
85
|
+
specialPurposesSection: "c15t-ui-specialPurposesSection-y9Pqu",
|
|
86
|
+
specialPurposesHeader: "c15t-ui-specialPurposesHeader-Rq1Tg",
|
|
87
|
+
specialPurposesTitle: "c15t-ui-specialPurposesTitle-tcftu",
|
|
88
|
+
infoIcon: "c15t-ui-infoIcon-Egw87",
|
|
89
|
+
tooltip: "c15t-ui-tooltip-XjaZq",
|
|
90
|
+
tooltipVisible: "c15t-ui-tooltipVisible-saaoQ",
|
|
91
|
+
vendorListHeader: "c15t-ui-vendorListHeader-Hfxxu",
|
|
92
|
+
searchContainer: "c15t-ui-searchContainer-uyKJB",
|
|
93
|
+
searchIcon: "c15t-ui-searchIcon-NhyW4",
|
|
94
|
+
searchInput: "c15t-ui-searchInput-cLLuO",
|
|
95
|
+
vendorCount: "c15t-ui-vendorCount-s4d6i",
|
|
96
|
+
selectedVendorBanner: "c15t-ui-selectedVendorBanner-S6KCv",
|
|
97
|
+
selectedVendorText: "c15t-ui-selectedVendorText-jjIQi",
|
|
98
|
+
clearSelectionButton: "c15t-ui-clearSelectionButton-yz3Zx",
|
|
99
|
+
clearIcon: "c15t-ui-clearIcon-sTZC2",
|
|
100
|
+
vendorListItem: "c15t-ui-vendorListItem-NwBiX",
|
|
101
|
+
vendorListItemHeader: "c15t-ui-vendorListItemHeader-fBe_O",
|
|
102
|
+
vendorConsentControl: "c15t-ui-vendorConsentControl-VC70A",
|
|
103
|
+
vendorConsentSwitch: "c15t-ui-vendorConsentSwitch-wEFf8",
|
|
104
|
+
vendorListTrigger: "c15t-ui-vendorListTrigger-TG_0F",
|
|
105
|
+
vendorListInfo: "c15t-ui-vendorListInfo-BSgBB",
|
|
106
|
+
vendorListName: "c15t-ui-vendorListName-II_BV",
|
|
107
|
+
vendorListMeta: "c15t-ui-vendorListMeta-wa6UC",
|
|
108
|
+
vendorListMetaText: "c15t-ui-vendorListMetaText-MS_cF",
|
|
109
|
+
vendorListLiBadge: "c15t-ui-vendorListLiBadge-_Uq0L",
|
|
110
|
+
vendorListContent: "c15t-ui-vendorListContent-CtRTw",
|
|
111
|
+
vendorLinks: "c15t-ui-vendorLinks-pxq9Z",
|
|
112
|
+
tabPanel: "c15t-ui-tabPanel-PJKhk",
|
|
113
|
+
vendorLink: "c15t-ui-vendorLink-htHQn",
|
|
114
|
+
vendorLinkIcon: "c15t-ui-vendorLinkIcon-UjIy5",
|
|
115
|
+
vendorBadges: "c15t-ui-vendorBadges-SED5E",
|
|
116
|
+
vendorBadge: "c15t-ui-vendorBadge-Pu0Hs",
|
|
117
|
+
vendorPurposesList: "c15t-ui-vendorPurposesList-CtEFC",
|
|
118
|
+
vendorPurposesTitle: "c15t-ui-vendorPurposesTitle-2hGY4",
|
|
119
|
+
vendorPurposesItems: "c15t-ui-vendorPurposesItems-VKo31",
|
|
120
|
+
vendorPurposeItem: "c15t-ui-vendorPurposeItem-TmnWw",
|
|
121
|
+
vendorPurposeItemLi: "c15t-ui-vendorPurposeItemLi-rO_6B",
|
|
122
|
+
vendorRetention: "c15t-ui-vendorRetention-TTJ2U",
|
|
123
|
+
footer: "c15t-ui-footer-YF32K",
|
|
124
|
+
consentNotice: "c15t-ui-consentNotice-PEEG3",
|
|
125
|
+
consentNoticeText: "c15t-ui-consentNoticeText-MhMCM",
|
|
126
|
+
loadingContainer: "c15t-ui-loadingContainer-iW124",
|
|
127
|
+
loadingSpinner: "c15t-ui-loadingSpinner-W8iiY",
|
|
128
|
+
loadingText: "c15t-ui-loadingText-o2XqJ",
|
|
129
|
+
emptyState: "c15t-ui-emptyState-nmTzy",
|
|
130
|
+
emptyStateText: "c15t-ui-emptyStateText-HuJtF",
|
|
131
|
+
vendorSectionHeading: "c15t-ui-vendorSectionHeading-s4i73",
|
|
132
|
+
vendorSectionIcon: "c15t-ui-vendorSectionIcon-Cc99v",
|
|
133
|
+
iabVendorSectionHeader: "c15t-ui-iabVendorSectionHeader-YsNA5",
|
|
134
|
+
iabVendorNotice: "c15t-ui-iabVendorNotice-WnMMx",
|
|
135
|
+
customVendorSectionHeader: "c15t-ui-customVendorSectionHeader-Sy8yM",
|
|
136
|
+
customVendorNotice: "c15t-ui-customVendorNotice-NgBsE",
|
|
137
|
+
customVendorItem: "c15t-ui-customVendorItem-QF5C7",
|
|
138
|
+
customVendorPurposeSection: "c15t-ui-customVendorPurposeSection-zFEUM",
|
|
139
|
+
vendorSectionTitleCustom: "c15t-ui-vendorSectionTitleCustom-JjHzO",
|
|
140
|
+
objectButton: "c15t-ui-objectButton-S0x1H",
|
|
141
|
+
objectButtonActive: "c15t-ui-objectButtonActive-AlNLv",
|
|
142
|
+
liExplanation: "c15t-ui-liExplanation-_r6Zx",
|
|
143
|
+
vendorLiSection: "c15t-ui-vendorLiSection-sqzvi",
|
|
144
|
+
vendorLiSectionHeader: "c15t-ui-vendorLiSectionHeader-fsKUh",
|
|
145
|
+
purposeLiSection: "c15t-ui-purposeLiSection-YbwuC",
|
|
146
|
+
purposeLiSectionHeader: "c15t-ui-purposeLiSectionHeader-cSbP3",
|
|
147
|
+
purposeLiInfo: "c15t-ui-purposeLiInfo-Rpryr"
|
|
148
|
+
}
|
|
149
|
+
};
|
|
150
|
+
const adapterStyles = `
|
|
151
|
+
[data-testid="iab-consent-banner-root"], [data-testid="iab-consent-dialog-root"] { pointer-events: none; }
|
|
152
|
+
[data-testid="iab-consent-banner-card"], [data-testid="iab-consent-dialog-card"] { pointer-events: auto; }
|
|
153
|
+
[data-testid="iab-consent-banner-root"][data-variant="floating"][data-position^="top"] { align-items: flex-start; }
|
|
154
|
+
[data-testid="iab-consent-banner-root"][data-variant="floating"][data-position^="bottom"] { align-items: flex-end; }
|
|
155
|
+
[data-testid="iab-consent-banner-root"][data-variant="floating"][data-position$="left"] { justify-content: flex-start; }
|
|
156
|
+
[data-testid="iab-consent-banner-root"][data-variant="floating"][data-position$="right"] { justify-content: flex-end; }
|
|
157
|
+
[data-testid="iab-consent-banner-root"][data-variant="bar"] { --iab-consent-banner-max-width: 100%; align-items: flex-end; }
|
|
158
|
+
[data-testid="iab-consent-banner-root"][data-variant="bar"][data-position="top"] { align-items: flex-start; }
|
|
159
|
+
[data-testid="iab-consent-banner-card"] { max-height: calc(100dvh - 4rem); overflow-y: auto; }
|
|
160
|
+
[data-c15t-iab-disclosure] > summary { box-sizing: border-box; min-height: 44px; cursor: pointer; list-style: none; justify-content: flex-start; align-items: center; }
|
|
161
|
+
[data-c15t-iab-disclosure] > summary > :last-child { flex: 1; }
|
|
162
|
+
[data-c15t-iab-disclosure] > summary::-webkit-details-marker { display: none; }
|
|
163
|
+
[data-c15t-iab-chevron] { display: inline-block; color: var(--c15t-text-muted); }
|
|
164
|
+
[data-c15t-iab-disclosure][open] > summary [data-c15t-iab-chevron] { transform: rotate(90deg); }
|
|
165
|
+
[data-testid^="iab-consent-"] button { min-height: 44px; touch-action: manipulation; }
|
|
166
|
+
[data-c15t-iab-toggle] { width: 44px; height: 44px; padding: 12px 6px; }
|
|
167
|
+
[data-c15t-iab-vendor-details] { display: block; padding: 0 0.75rem 0.75rem; font-size: 0.875rem; line-height: 1.5; }
|
|
168
|
+
[data-c15t-iab-vendor-details] h3 { margin: 1rem 0 0.375rem; font-size: 0.875rem; font-weight: 600; }
|
|
169
|
+
[data-c15t-iab-vendor-details] p { margin: 0.5rem 0; }
|
|
170
|
+
[data-c15t-iab-vendor-details] ul { margin: 0.375rem 0; padding-inline-start: 1.25rem; }
|
|
171
|
+
[data-testid^="iab-consent-"] summary:focus-visible { outline: 2px solid var(--c15t-primary); outline-offset: 2px; }
|
|
172
|
+
[data-testid="iab-consent-dialog-root"] input[type="search"] { font-size: 16px; }
|
|
173
|
+
`;
|
|
174
|
+
const duration = (value)=>'number' == typeof value && Number.isFinite(value) && value >= 0 ? value : void 0;
|
|
175
|
+
const safeUrl = (value)=>{
|
|
176
|
+
if (!value) return;
|
|
177
|
+
try {
|
|
178
|
+
const url = new URL(value);
|
|
179
|
+
return 'https:' === url.protocol || 'http:' === url.protocol ? url.href : void 0;
|
|
180
|
+
} catch {
|
|
181
|
+
return;
|
|
182
|
+
}
|
|
183
|
+
};
|
|
184
|
+
const createStorageDisclosures = (vendor, copy, standardRetention)=>{
|
|
185
|
+
const content = document.createDocumentFragment();
|
|
186
|
+
const t = copy.t.iab.preferenceCenter.vendorList;
|
|
187
|
+
if (vendor.usesCookies) content.append(dom_h('p', {}, t.usesCookies));
|
|
188
|
+
const seconds = duration(vendor.cookieMaxAgeSeconds);
|
|
189
|
+
if (void 0 !== seconds) {
|
|
190
|
+
const age = t.maxAge.replace('{days}', String(Math.ceil(seconds / 86400)));
|
|
191
|
+
const refreshes = 'cookieRefresh' in vendor && vendor.cookieRefresh ? t.maxAgeRefreshes : void 0;
|
|
192
|
+
content.append(dom_h('p', {}, refreshes ? `${age} ${refreshes}` : age));
|
|
193
|
+
}
|
|
194
|
+
if (vendor.usesNonCookieAccess) content.append(dom_h('p', {}, t.nonCookieAccess));
|
|
195
|
+
if (void 0 !== standardRetention) content.append(dom_h('p', {}, t.retention.replace('{days}', String(standardRetention))));
|
|
196
|
+
return content;
|
|
197
|
+
};
|
|
198
|
+
const createPolicyLinks = (vendor, copy)=>{
|
|
199
|
+
const content = document.createDocumentFragment();
|
|
200
|
+
const t = copy.t.iab.preferenceCenter.vendorList;
|
|
201
|
+
const appendLink = (href, label)=>{
|
|
202
|
+
const safe = safeUrl(href);
|
|
203
|
+
if (safe) content.append(dom_h('p', {}, dom_h('a', {
|
|
204
|
+
href: safe,
|
|
205
|
+
rel: 'noopener noreferrer',
|
|
206
|
+
target: '_blank'
|
|
207
|
+
}, label)));
|
|
208
|
+
};
|
|
209
|
+
if ('privacyPolicyUrl' in vendor) appendLink(vendor.privacyPolicyUrl, t.privacyPolicy);
|
|
210
|
+
else {
|
|
211
|
+
const language = (copy.language ?? 'en').toLowerCase();
|
|
212
|
+
const [languageBase] = language.split('-');
|
|
213
|
+
const urls = [
|
|
214
|
+
...vendor.urls ?? []
|
|
215
|
+
].sort((left, right)=>{
|
|
216
|
+
const rank = (lang)=>{
|
|
217
|
+
if (lang.toLowerCase() === language) return 0;
|
|
218
|
+
if (lang.toLowerCase() === languageBase) return 1;
|
|
219
|
+
return 'en' === lang.toLowerCase() ? 2 : 3;
|
|
220
|
+
};
|
|
221
|
+
return rank(left.langId) - rank(right.langId);
|
|
222
|
+
});
|
|
223
|
+
appendLink(urls.map((url)=>safeUrl(url.privacy)).find(Boolean), t.privacyPolicy);
|
|
224
|
+
appendLink(urls.map((url)=>safeUrl(url.legIntClaim)).find(Boolean), t.legitimateInterest);
|
|
225
|
+
appendLink(vendor.deviceStorageDisclosureUrl, t.storageDisclosure);
|
|
226
|
+
}
|
|
227
|
+
return content;
|
|
228
|
+
};
|
|
229
|
+
const createVendorDisclosures = (snapshot, vendor, copy)=>{
|
|
230
|
+
const content = document.createDocumentFragment();
|
|
231
|
+
const t = copy.t.iab.preferenceCenter.vendorList;
|
|
232
|
+
const gvl = snapshot.iab?.gvl;
|
|
233
|
+
const standardRetention = duration('privacyPolicyUrl' in vendor ? vendor.dataRetentionDays : vendor.dataRetention?.stdRetention);
|
|
234
|
+
const retention = 'dataRetention' in vendor ? vendor.dataRetention : void 0;
|
|
235
|
+
content.append(createPolicyLinks(vendor, copy));
|
|
236
|
+
const appendGroup = (title, ids, names, retentionById, fallbackRetention)=>{
|
|
237
|
+
if (!ids.length) return;
|
|
238
|
+
content.append(dom_h('h3', {}, title), dom_h('ul', {}, ...ids.map((id)=>{
|
|
239
|
+
const item = names?.[id];
|
|
240
|
+
const days = duration(retentionById?.[id]) ?? fallbackRetention;
|
|
241
|
+
return dom_h('li', {}, dom_h('span', {}, item?.name ?? String(id)), item?.description ? dom_h('p', {}, item.description) : null, void 0 === days ? null : dom_h('p', {}, (t.retainedDays ?? t.retention).replace('{days}', String(days))));
|
|
242
|
+
})));
|
|
243
|
+
};
|
|
244
|
+
appendGroup(t.purposes, vendor.purposes, gvl?.purposes, retention?.purposes, standardRetention);
|
|
245
|
+
appendGroup(t.legitimateInterest, vendor.legIntPurposes ?? [], gvl?.purposes, retention?.purposes, standardRetention);
|
|
246
|
+
appendGroup(t.specialPurposes, 'specialPurposes' in vendor ? vendor.specialPurposes : [], gvl?.specialPurposes, retention?.specialPurposes, standardRetention);
|
|
247
|
+
appendGroup(t.features, vendor.features ?? [], gvl?.features);
|
|
248
|
+
appendGroup(t.specialFeatures, vendor.specialFeatures ?? [], gvl?.specialFeatures);
|
|
249
|
+
appendGroup(t.dataCategories, vendor.dataCategories ?? [], gvl?.dataCategories);
|
|
250
|
+
content.append(createStorageDisclosures(vendor, copy, standardRetention));
|
|
251
|
+
return content;
|
|
252
|
+
};
|
|
253
|
+
const createIABPreferences = (ctx, vendorsFirst, moreVendorsText = 'Show more partners')=>{
|
|
254
|
+
const { client, noStyle } = ctx;
|
|
255
|
+
const snapshot = client.getSnapshot();
|
|
256
|
+
const copy = copy_resolveCopy(snapshot);
|
|
257
|
+
const t = copy.t.iab;
|
|
258
|
+
const model = resolveIABDialogDisplayModel(snapshot.iab);
|
|
259
|
+
const styles = classes.dialog;
|
|
260
|
+
const css = (value)=>noStyle ? '' : value;
|
|
261
|
+
const updates = [];
|
|
262
|
+
const element = dom_h('div', {
|
|
263
|
+
class: css(styles.body)
|
|
264
|
+
});
|
|
265
|
+
const purposes = dom_h('div', {
|
|
266
|
+
'aria-labelledby': 'c15t-iab-purposes-tab',
|
|
267
|
+
class: css(styles.tabPanel),
|
|
268
|
+
id: 'c15t-iab-purposes',
|
|
269
|
+
role: 'tabpanel'
|
|
270
|
+
});
|
|
271
|
+
const vendors = dom_h('div', {
|
|
272
|
+
'aria-labelledby': 'c15t-iab-vendors-tab',
|
|
273
|
+
class: css(styles.tabPanel),
|
|
274
|
+
id: 'c15t-iab-vendors',
|
|
275
|
+
role: 'tabpanel'
|
|
276
|
+
});
|
|
277
|
+
const toggle = (label, testId, read, write, subject, isMixed)=>{
|
|
278
|
+
const button = dom_h('button', {
|
|
279
|
+
'aria-label': `${subject}: ${label}`,
|
|
280
|
+
class: css(styles_classes["switch"].root),
|
|
281
|
+
'data-c15t-iab-toggle': '',
|
|
282
|
+
'data-testid': testId,
|
|
283
|
+
id: testId,
|
|
284
|
+
onclick: ()=>write(!read(client.getSnapshot())),
|
|
285
|
+
role: isMixed ? 'checkbox' : 'switch',
|
|
286
|
+
type: 'button'
|
|
287
|
+
}, dom_h('span', {
|
|
288
|
+
class: css(styles_classes["switch"].track)
|
|
289
|
+
}, dom_h('span', {
|
|
290
|
+
class: css(styles_classes["switch"].thumb)
|
|
291
|
+
})));
|
|
292
|
+
const partial = dom_h('span', {
|
|
293
|
+
'aria-hidden': 'true',
|
|
294
|
+
class: css(styles.partialIndicator)
|
|
295
|
+
}, noStyle ? '−' : '');
|
|
296
|
+
const update = (current)=>{
|
|
297
|
+
const checked = read(current);
|
|
298
|
+
const mixed = isMixed?.(current) ?? false;
|
|
299
|
+
partial.hidden = !mixed;
|
|
300
|
+
button.setAttribute('aria-checked', mixed ? 'mixed' : String(checked));
|
|
301
|
+
button.setAttribute('data-state', checked ? 'checked' : 'unchecked');
|
|
302
|
+
};
|
|
303
|
+
updates.push(update);
|
|
304
|
+
update(snapshot);
|
|
305
|
+
return dom_h('div', {
|
|
306
|
+
class: css(styles.purposeHeader)
|
|
307
|
+
}, dom_h('label', {
|
|
308
|
+
for: testId
|
|
309
|
+
}, label), ...isMixed ? [
|
|
310
|
+
partial
|
|
311
|
+
] : [], button);
|
|
312
|
+
};
|
|
313
|
+
const readConsent = (row, value)=>Boolean('special-feature' === row.toggle ? value.iab?.specialFeatureOptIns[row.id] : value.iab?.purposeConsents[row.id]);
|
|
314
|
+
const writeConsent = (row, value)=>{
|
|
315
|
+
const handle = client.runtime.iab;
|
|
316
|
+
if (row.locked || !handle) return;
|
|
317
|
+
if ('special-feature' === row.toggle) handle.setSpecialFeatureOptIn(row.id, value);
|
|
318
|
+
else handle.setPurposeConsent(row.id, value);
|
|
319
|
+
for (const vendor of row.vendors)if (!vendor.usesLegitimateInterest && Boolean(client.getSnapshot().iab?.vendorConsents[String(vendor.id)]) !== value) handle.setVendorConsent(vendor.id, value);
|
|
320
|
+
};
|
|
321
|
+
const renderPurpose = (row)=>{
|
|
322
|
+
const details = dom_h('details', {
|
|
323
|
+
class: css(styles.purposeItem),
|
|
324
|
+
'data-c15t-iab-disclosure': '',
|
|
325
|
+
'data-testid': row.testId
|
|
326
|
+
}, dom_h('summary', {
|
|
327
|
+
class: css(styles.purposeHeader)
|
|
328
|
+
}, dom_h('span', {
|
|
329
|
+
'aria-hidden': 'true',
|
|
330
|
+
'data-c15t-iab-chevron': ''
|
|
331
|
+
}, '›'), dom_h('span', {
|
|
332
|
+
class: css(styles.purposeName)
|
|
333
|
+
}, row.name)));
|
|
334
|
+
const body = dom_h('div', {
|
|
335
|
+
class: css(styles.purposeContent)
|
|
336
|
+
}, dom_h('p', {
|
|
337
|
+
class: css(styles.purposeDescription)
|
|
338
|
+
}, row.description));
|
|
339
|
+
for (const illustration of row.illustrations)body.append(dom_h('p', {}, illustration));
|
|
340
|
+
if (row.locked) body.append(dom_h('p', {}, t.preferenceCenter.vendorList.requiredNotice));
|
|
341
|
+
else {
|
|
342
|
+
body.append(toggle(t.preferenceCenter.purposeItem.withYourPermission, `${row.testId}-consent`, (value)=>readConsent(row, value), (value)=>writeConsent(row, value), row.name));
|
|
343
|
+
if ('purpose' === row.kind && row.vendors.some((vendor)=>vendor.usesLegitimateInterest)) body.append(dom_h('p', {}, t.preferenceCenter.purposeItem.rightToObject), toggle(t.preferenceCenter.purposeItem.legitimateInterest, `${row.testId}-li`, (value)=>Boolean(value.iab?.purposeLegitimateInterests[row.id]), (value)=>{
|
|
344
|
+
const handle = client.runtime.iab;
|
|
345
|
+
handle?.setPurposeLegitimateInterest(row.id, value);
|
|
346
|
+
for (const vendor of row.vendors)if (vendor.usesLegitimateInterest) handle?.setVendorLegitimateInterest(vendor.id, value);
|
|
347
|
+
}, row.name));
|
|
348
|
+
}
|
|
349
|
+
body.append(dom_h('p', {}, t.preferenceCenter.purposeItem.partners.replace('{count}', String(row.vendors.length))));
|
|
350
|
+
const partners = dom_h('ul');
|
|
351
|
+
for (const vendor of row.vendors)partners.append(dom_h('li', {}, vendor.name));
|
|
352
|
+
body.append(partners);
|
|
353
|
+
details.append(body);
|
|
354
|
+
return details;
|
|
355
|
+
};
|
|
356
|
+
for (const row of model.consentRows)if ('stack' === row.kind) purposes.append(dom_h('details', {
|
|
357
|
+
class: css(styles.stackItem),
|
|
358
|
+
'data-c15t-iab-disclosure': '',
|
|
359
|
+
'data-testid': row.testId
|
|
360
|
+
}, dom_h('summary', {
|
|
361
|
+
class: css(styles.stackHeader)
|
|
362
|
+
}, dom_h('span', {
|
|
363
|
+
'aria-hidden': 'true',
|
|
364
|
+
'data-c15t-iab-chevron': ''
|
|
365
|
+
}, '›'), dom_h('span', {
|
|
366
|
+
class: css(styles.stackName)
|
|
367
|
+
}, row.name)), dom_h('p', {}, row.description), toggle(t.preferenceCenter.purposeItem.withYourPermission, `${row.testId}-consent`, (value)=>row.purposes.every((purpose)=>readConsent(purpose, value)), (value)=>{
|
|
368
|
+
for (const purpose of row.purposes)writeConsent(purpose, value);
|
|
369
|
+
}, row.name, (value)=>row.purposes.some((purpose)=>readConsent(purpose, value)) && !row.purposes.every((purpose)=>readConsent(purpose, value))), ...row.purposes.map(renderPurpose)));
|
|
370
|
+
else purposes.append(renderPurpose(row));
|
|
371
|
+
if (model.essentialRows.length) purposes.append(dom_h('section', {}, dom_h('h3', {}, t.preferenceCenter.specialPurposes.title), ...model.essentialRows.map(renderPurpose)));
|
|
372
|
+
purposes.append(dom_h('p', {
|
|
373
|
+
class: css(styles.consentNotice)
|
|
374
|
+
}, t.preferenceCenter.footer.consentStorage));
|
|
375
|
+
const vendorRows = [
|
|
376
|
+
...Object.values(snapshot.iab?.gvl?.vendors ?? {}),
|
|
377
|
+
...snapshot.iab?.customVendors ?? []
|
|
378
|
+
];
|
|
379
|
+
const list = dom_h('div', {
|
|
380
|
+
class: css(styles.vendorListContent)
|
|
381
|
+
});
|
|
382
|
+
const search = dom_h('input', {
|
|
383
|
+
'aria-label': t.preferenceCenter.vendorList.search,
|
|
384
|
+
class: css(styles.searchInput),
|
|
385
|
+
placeholder: t.preferenceCenter.vendorList.search,
|
|
386
|
+
type: 'search'
|
|
387
|
+
});
|
|
388
|
+
const count = dom_h('p', {
|
|
389
|
+
'aria-live': 'polite'
|
|
390
|
+
});
|
|
391
|
+
let limit = 50;
|
|
392
|
+
let vendorUpdatesStart = updates.length;
|
|
393
|
+
const more = dom_h('button', {
|
|
394
|
+
class: css(styles_classes.button.button),
|
|
395
|
+
type: 'button'
|
|
396
|
+
}, moreVendorsText);
|
|
397
|
+
const renderVendors = ()=>{
|
|
398
|
+
updates.splice(vendorUpdatesStart);
|
|
399
|
+
list.replaceChildren();
|
|
400
|
+
const query = search.value.trim().toLocaleLowerCase();
|
|
401
|
+
const filtered = vendorRows.filter((vendor)=>vendor.name.toLocaleLowerCase().includes(query));
|
|
402
|
+
count.textContent = t.preferenceCenter.vendorList.showingCount.replace('{filtered}', String(Math.min(limit, filtered.length))).replace('{total}', String(filtered.length));
|
|
403
|
+
more.hidden = filtered.length <= limit;
|
|
404
|
+
for (const vendor of filtered.slice(0, limit)){
|
|
405
|
+
const id = String(vendor.id);
|
|
406
|
+
const custom = snapshot.iab?.customVendors.some((entry)=>String(entry.id) === id);
|
|
407
|
+
const details = dom_h('details', {
|
|
408
|
+
class: css(styles.vendorListItem),
|
|
409
|
+
'data-c15t-iab-disclosure': '',
|
|
410
|
+
'data-testid': `iab-vendor-${id}`
|
|
411
|
+
}, dom_h('summary', {
|
|
412
|
+
class: css(styles.vendorListItemHeader)
|
|
413
|
+
}, dom_h('span', {
|
|
414
|
+
'aria-hidden': 'true',
|
|
415
|
+
'data-c15t-iab-chevron': ''
|
|
416
|
+
}, '›'), dom_h('span', {
|
|
417
|
+
class: css(styles.vendorListName)
|
|
418
|
+
}, vendor.name)));
|
|
419
|
+
const body = dom_h('div', {
|
|
420
|
+
class: css(styles.vendorDetails),
|
|
421
|
+
'data-c15t-iab-vendor-details': ''
|
|
422
|
+
});
|
|
423
|
+
if (custom) body.append(dom_h('p', {}, t.common.customPartner));
|
|
424
|
+
if (vendor.purposes.length) body.append(toggle(t.preferenceCenter.purposeItem.withYourPermission, `iab-vendor-${id}-consent`, (value)=>Boolean(value.iab?.vendorConsents[id]), (value)=>client.runtime.iab?.setVendorConsent(id, value), vendor.name));
|
|
425
|
+
if (vendor.legIntPurposes?.length) body.append(toggle(t.preferenceCenter.purposeItem.legitimateInterest, `iab-vendor-${id}-li`, (value)=>Boolean(value.iab?.vendorLegitimateInterests[id]), (value)=>client.runtime.iab?.setVendorLegitimateInterest(id, value), vendor.name));
|
|
426
|
+
body.append(createVendorDisclosures(snapshot, vendor, copy));
|
|
427
|
+
details.append(body);
|
|
428
|
+
list.append(details);
|
|
429
|
+
}
|
|
430
|
+
for (const update of updates)update(client.getSnapshot());
|
|
431
|
+
};
|
|
432
|
+
more.addEventListener('click', ()=>{
|
|
433
|
+
limit += 50;
|
|
434
|
+
renderVendors();
|
|
435
|
+
});
|
|
436
|
+
search.addEventListener('input', ()=>{
|
|
437
|
+
limit = 50;
|
|
438
|
+
renderVendors();
|
|
439
|
+
});
|
|
440
|
+
vendors.append(dom_h('div', {
|
|
441
|
+
class: css(styles.searchContainer)
|
|
442
|
+
}, search), count, list, more);
|
|
443
|
+
let vendorsRendered = false;
|
|
444
|
+
const tabs = dom_h('div', {
|
|
445
|
+
'aria-label': t.preferenceCenter.title,
|
|
446
|
+
class: css(styles.tabsList),
|
|
447
|
+
role: 'tablist'
|
|
448
|
+
});
|
|
449
|
+
const purposeTab = dom_h('button', {
|
|
450
|
+
'aria-controls': purposes.id,
|
|
451
|
+
class: css(styles.tabButton),
|
|
452
|
+
id: 'c15t-iab-purposes-tab',
|
|
453
|
+
role: 'tab',
|
|
454
|
+
type: 'button'
|
|
455
|
+
}, `${t.preferenceCenter.tabs.purposes} (${model.purposeTabCount})`);
|
|
456
|
+
const vendorTab = dom_h('button', {
|
|
457
|
+
'aria-controls': vendors.id,
|
|
458
|
+
class: css(styles.tabButton),
|
|
459
|
+
id: 'c15t-iab-vendors-tab',
|
|
460
|
+
role: 'tab',
|
|
461
|
+
type: 'button'
|
|
462
|
+
}, `${t.preferenceCenter.tabs.vendors} (${model.vendorTabCount})`);
|
|
463
|
+
const select = (showVendors)=>{
|
|
464
|
+
if (showVendors && !vendorsRendered) {
|
|
465
|
+
vendorUpdatesStart = updates.length;
|
|
466
|
+
renderVendors();
|
|
467
|
+
vendorsRendered = true;
|
|
468
|
+
}
|
|
469
|
+
purposes.hidden = showVendors;
|
|
470
|
+
vendors.hidden = !showVendors;
|
|
471
|
+
for (const [tab, selected] of [
|
|
472
|
+
[
|
|
473
|
+
purposeTab,
|
|
474
|
+
!showVendors
|
|
475
|
+
],
|
|
476
|
+
[
|
|
477
|
+
vendorTab,
|
|
478
|
+
showVendors
|
|
479
|
+
]
|
|
480
|
+
]){
|
|
481
|
+
tab.setAttribute('aria-selected', String(selected));
|
|
482
|
+
tab.setAttribute('data-state', selected ? 'active' : 'inactive');
|
|
483
|
+
tab.tabIndex = selected ? 0 : -1;
|
|
484
|
+
}
|
|
485
|
+
};
|
|
486
|
+
purposeTab.addEventListener('click', ()=>select(false));
|
|
487
|
+
vendorTab.addEventListener('click', ()=>select(true));
|
|
488
|
+
tabs.addEventListener('keydown', (event)=>{
|
|
489
|
+
if (![
|
|
490
|
+
'ArrowLeft',
|
|
491
|
+
'ArrowRight',
|
|
492
|
+
'Home',
|
|
493
|
+
'End'
|
|
494
|
+
].includes(event.key)) return;
|
|
495
|
+
event.preventDefault();
|
|
496
|
+
const showVendors = 'End' === event.key || 'Home' !== event.key && document.activeElement !== vendorTab && 0 !== vendorTab.tabIndex;
|
|
497
|
+
select(showVendors);
|
|
498
|
+
(showVendors ? vendorTab : purposeTab).focus();
|
|
499
|
+
});
|
|
500
|
+
tabs.append(purposeTab, vendorTab);
|
|
501
|
+
element.append(dom_h('div', {
|
|
502
|
+
class: css(styles.tabsContainer)
|
|
503
|
+
}, tabs), dom_h('div', {
|
|
504
|
+
class: css(styles.content)
|
|
505
|
+
}, purposes, vendors));
|
|
506
|
+
select(vendorsFirst);
|
|
507
|
+
return {
|
|
508
|
+
element,
|
|
509
|
+
sync: (value)=>{
|
|
510
|
+
for (const update of updates)update(value);
|
|
511
|
+
}
|
|
512
|
+
};
|
|
513
|
+
};
|
|
514
|
+
const createIABSurface = (ctx, options)=>{
|
|
515
|
+
const { client, noStyle } = ctx;
|
|
516
|
+
const bannerOptions = 'object' == typeof options.banner ? options.banner : {};
|
|
517
|
+
const dialogOptions = 'object' == typeof options.dialog ? options.dialog : {};
|
|
518
|
+
const { loadErrorText = 'Unable to load privacy settings. Reload the page to try again.', saveErrorText = 'Unable to save your privacy settings. Try again.', moreVendorsText } = options.iab ?? {};
|
|
519
|
+
const css = (...values)=>noStyle ? '' : dom_cx(...values);
|
|
520
|
+
let root = null;
|
|
521
|
+
let overlay = null;
|
|
522
|
+
let preferences = null;
|
|
523
|
+
let release = [];
|
|
524
|
+
let disposed = false;
|
|
525
|
+
let ready = false;
|
|
526
|
+
let loadFailed = false;
|
|
527
|
+
let busy = false;
|
|
528
|
+
let saveFailed = false;
|
|
529
|
+
let vendorsFirst = false;
|
|
530
|
+
let rendered = null;
|
|
531
|
+
let status = null;
|
|
532
|
+
const clear = ()=>{
|
|
533
|
+
for (const cleanup of release)cleanup();
|
|
534
|
+
release = [];
|
|
535
|
+
root?.remove();
|
|
536
|
+
overlay?.remove();
|
|
537
|
+
root = null;
|
|
538
|
+
overlay = null;
|
|
539
|
+
preferences = null;
|
|
540
|
+
rendered = null;
|
|
541
|
+
};
|
|
542
|
+
const updateFeedback = ()=>{
|
|
543
|
+
if (!root) return;
|
|
544
|
+
root.setAttribute('aria-busy', String(busy));
|
|
545
|
+
for (const control of root.querySelectorAll('[data-action]'))control.disabled = busy || !ready;
|
|
546
|
+
if (status) {
|
|
547
|
+
status.textContent = saveFailed ? saveErrorText : '';
|
|
548
|
+
status.hidden = !saveFailed;
|
|
549
|
+
}
|
|
550
|
+
};
|
|
551
|
+
const perform = async (action)=>{
|
|
552
|
+
if (busy) return;
|
|
553
|
+
if ('customize' === action) {
|
|
554
|
+
vendorsFirst = false;
|
|
555
|
+
client.openDialog();
|
|
556
|
+
return;
|
|
557
|
+
}
|
|
558
|
+
busy = true;
|
|
559
|
+
saveFailed = false;
|
|
560
|
+
updateFeedback();
|
|
561
|
+
const save = {
|
|
562
|
+
accept: client.acceptAll,
|
|
563
|
+
dismiss: client.saveIAB,
|
|
564
|
+
reject: client.rejectAll,
|
|
565
|
+
save: client.saveIAB
|
|
566
|
+
};
|
|
567
|
+
const result = await save[action]();
|
|
568
|
+
busy = false;
|
|
569
|
+
saveFailed = !result.ok;
|
|
570
|
+
client.ui?.update();
|
|
571
|
+
updateFeedback();
|
|
572
|
+
};
|
|
573
|
+
const build = (snapshot, dialog)=>{
|
|
574
|
+
const { t: all, dir, language } = copy_resolveCopy(snapshot);
|
|
575
|
+
const t = all.iab;
|
|
576
|
+
const styles = dialog ? classes.dialog : classes.banner;
|
|
577
|
+
const actions = actions_resolveActions(snapshot, dialog ? 'preferences' : 'prompt', client.options.presentation, dialog ? void 0 : {
|
|
578
|
+
scrollLock: bannerOptions.scrollLock,
|
|
579
|
+
trapFocus: bannerOptions.trapFocus
|
|
580
|
+
});
|
|
581
|
+
let { position } = actions;
|
|
582
|
+
if ('rtl' === dir && 'default' === actions.positionSource) {
|
|
583
|
+
if (position.endsWith('-left')) position = position.replace('-left', '-right');
|
|
584
|
+
else if (position.endsWith('-right')) position = position.replace('-right', '-left');
|
|
585
|
+
}
|
|
586
|
+
const prefix = dialog ? 'iab-consent-dialog' : 'iab-consent-banner';
|
|
587
|
+
const surfaceOptions = dialog ? dialogOptions : bannerOptions;
|
|
588
|
+
const title = dialog ? t.preferenceCenter.title : bannerOptions.title ?? t.banner.title;
|
|
589
|
+
const content = dom_h('div', {
|
|
590
|
+
'aria-labelledby': `${prefix}-title`,
|
|
591
|
+
'aria-modal': actions.blocking ? 'true' : void 0,
|
|
592
|
+
class: css(styles.card),
|
|
593
|
+
'data-testid': `${prefix}-card`,
|
|
594
|
+
role: dialog || actions.blocking ? 'dialog' : 'region',
|
|
595
|
+
tabindex: '-1'
|
|
596
|
+
});
|
|
597
|
+
const headerCopy = dom_h('div', {
|
|
598
|
+
class: dialog ? css(classes.dialog.headerContent) : ''
|
|
599
|
+
}, dom_h('h2', {
|
|
600
|
+
class: css(styles.title),
|
|
601
|
+
id: `${prefix}-title`
|
|
602
|
+
}, title));
|
|
603
|
+
const header = dom_h('div', {
|
|
604
|
+
class: css(styles.header)
|
|
605
|
+
}, headerCopy);
|
|
606
|
+
content.append(header);
|
|
607
|
+
if (dialog) {
|
|
608
|
+
header.append(dom_h('button', {
|
|
609
|
+
'aria-label': all.common.close,
|
|
610
|
+
class: css(classes.dialog.closeButton),
|
|
611
|
+
onclick: ()=>client.closeDialog(),
|
|
612
|
+
type: 'button'
|
|
613
|
+
}, all.common.close));
|
|
614
|
+
content.addEventListener('keydown', (event)=>{
|
|
615
|
+
if ('Escape' === event.key) {
|
|
616
|
+
event.preventDefault();
|
|
617
|
+
client.closeDialog();
|
|
618
|
+
}
|
|
619
|
+
});
|
|
620
|
+
}
|
|
621
|
+
if (ready) if (dialog) {
|
|
622
|
+
headerCopy.append(dom_h('p', {
|
|
623
|
+
class: css(styles.description)
|
|
624
|
+
}, t.preferenceCenter.description));
|
|
625
|
+
preferences = createIABPreferences(ctx, vendorsFirst, moreVendorsText);
|
|
626
|
+
content.append(dom_h('div', {
|
|
627
|
+
class: css(classes.dialog.body)
|
|
628
|
+
}, preferences.element));
|
|
629
|
+
} else {
|
|
630
|
+
const summary = resolveIABBannerSummary(snapshot.iab);
|
|
631
|
+
headerCopy.append(dom_h('p', {
|
|
632
|
+
class: css(styles.description)
|
|
633
|
+
}, (bannerOptions.description ?? t.banner.description).replace('{partnerCount}', String(summary.vendorCount))));
|
|
634
|
+
headerCopy.append(dom_h('button', {
|
|
635
|
+
class: css(classes.banner.partnersLink),
|
|
636
|
+
'data-testid': 'iab-consent-banner-partners-link',
|
|
637
|
+
onclick: ()=>{
|
|
638
|
+
vendorsFirst = true;
|
|
639
|
+
client.openDialog();
|
|
640
|
+
},
|
|
641
|
+
type: 'button'
|
|
642
|
+
}, t.banner.partnersLink.replace('{count}', String(summary.vendorCount))));
|
|
643
|
+
headerCopy.append(dom_h('ul', {
|
|
644
|
+
class: css(classes.banner.purposeList)
|
|
645
|
+
}, ...summary.displayItems.map((name)=>dom_h('li', {}, name)), summary.remainingCount ? dom_h('li', {}, t.banner.andMore.replace('{count}', String(summary.remainingCount))) : null));
|
|
646
|
+
headerCopy.append(dom_h('p', {
|
|
647
|
+
class: css(classes.banner.legitimateInterestNotice)
|
|
648
|
+
}, t.banner.legitimateInterestNotice, ' ', t.banner.scopeServiceSpecific));
|
|
649
|
+
}
|
|
650
|
+
else headerCopy.append(dom_h('p', {
|
|
651
|
+
role: loadFailed ? 'alert' : 'status'
|
|
652
|
+
}, loadFailed ? loadErrorText : t.common.loading));
|
|
653
|
+
headerCopy.append(...surface_renderLegalLinks({
|
|
654
|
+
keys: surfaceOptions.legalLinks,
|
|
655
|
+
labels: all.legalLinks,
|
|
656
|
+
legalLinks: ctx.legalLinks,
|
|
657
|
+
noStyle,
|
|
658
|
+
testIdPrefix: `${prefix}-legal-link`
|
|
659
|
+
}));
|
|
660
|
+
status = dom_h('p', {
|
|
661
|
+
hidden: true,
|
|
662
|
+
role: 'alert'
|
|
663
|
+
});
|
|
664
|
+
content.append(status);
|
|
665
|
+
const labels = {
|
|
666
|
+
accept: dialog ? t.common.acceptAll : bannerOptions.acceptButtonText ?? t.common.acceptAll,
|
|
667
|
+
customize: bannerOptions.customizeButtonText ?? t.common.customize,
|
|
668
|
+
dismiss: all.common.dismiss,
|
|
669
|
+
reject: dialog ? t.common.rejectAll : bannerOptions.rejectButtonText ?? t.common.rejectAll,
|
|
670
|
+
save: t.common.saveSettings
|
|
671
|
+
};
|
|
672
|
+
content.append(actions_renderActionFooter({
|
|
673
|
+
actions,
|
|
674
|
+
buttonTestId: (action)=>`${prefix}-${action}-button`,
|
|
675
|
+
footerClassName: styles.footer,
|
|
676
|
+
label: (action)=>labels[action],
|
|
677
|
+
noStyle,
|
|
678
|
+
onAction: (action)=>{
|
|
679
|
+
perform(action);
|
|
680
|
+
},
|
|
681
|
+
subGroupTestId: `${prefix}-footer-group`,
|
|
682
|
+
testId: `${prefix}-footer`
|
|
683
|
+
}));
|
|
684
|
+
const branding = branding_renderBranding({
|
|
685
|
+
branding: snapshot.branding,
|
|
686
|
+
hide: dialog && (dialogOptions.hideBranding ?? false),
|
|
687
|
+
noStyle,
|
|
688
|
+
securedBy: all.common.securedBy,
|
|
689
|
+
testId: `${prefix}-branding`,
|
|
690
|
+
variant: dialog ? 'dialog-tag' : 'banner-tag'
|
|
691
|
+
});
|
|
692
|
+
if (dialog) {
|
|
693
|
+
if (branding) content.append(branding);
|
|
694
|
+
root = dom_h('div', {
|
|
695
|
+
class: css(classes.dialog.root, classes.dialog.dialogVisible),
|
|
696
|
+
'data-testid': `${prefix}-root`,
|
|
697
|
+
dir,
|
|
698
|
+
lang: language
|
|
699
|
+
}, content);
|
|
700
|
+
} else root = dom_h('div', {
|
|
701
|
+
class: css(classes.banner.root, classes.banner.bannerVisible),
|
|
702
|
+
'data-blocking': String(actions.blocking),
|
|
703
|
+
'data-position': position,
|
|
704
|
+
'data-testid': `${prefix}-root`,
|
|
705
|
+
'data-variant': actions.variant,
|
|
706
|
+
dir,
|
|
707
|
+
lang: language
|
|
708
|
+
}, dom_h('div', {
|
|
709
|
+
class: css(classes.banner.cardShell)
|
|
710
|
+
}, branding, content));
|
|
711
|
+
if (actions.blocking) {
|
|
712
|
+
overlay = dom_h('div', {
|
|
713
|
+
'aria-hidden': 'true',
|
|
714
|
+
class: css(styles.overlay, styles.overlayVisible),
|
|
715
|
+
'data-testid': `${prefix}-overlay`,
|
|
716
|
+
role: 'presentation'
|
|
717
|
+
});
|
|
718
|
+
ctx.root.append(overlay);
|
|
719
|
+
}
|
|
720
|
+
ctx.root.append(root);
|
|
721
|
+
if (actions.blocking) release.push(setupScrollLock(), setupFocusTrap(content));
|
|
722
|
+
updateFeedback();
|
|
723
|
+
};
|
|
724
|
+
const sync = function(snapshot) {
|
|
725
|
+
if (disposed) return;
|
|
726
|
+
const ui = busy && 'none' === snapshot.activeUI && rendered ? rendered.ui : snapshot.activeUI;
|
|
727
|
+
if ('iab' !== snapshot.policyRule.model || !ui || 'none' === ui || 'banner' === ui && false === options.banner || 'dialog' === ui && false === options.dialog) return void clear();
|
|
728
|
+
if (rendered && rendered.ui === ui && rendered.ready === ready && rendered.loadFailed === loadFailed && rendered.snapshot.iab?.gvl === snapshot.iab?.gvl && rendered.snapshot.translations === snapshot.translations && rendered.snapshot.policyRule === snapshot.policyRule && rendered.snapshot.branding === snapshot.branding) return void preferences?.sync(snapshot);
|
|
729
|
+
clear();
|
|
730
|
+
build(snapshot, 'dialog' === ui);
|
|
731
|
+
rendered = {
|
|
732
|
+
loadFailed,
|
|
733
|
+
ready,
|
|
734
|
+
snapshot,
|
|
735
|
+
ui
|
|
736
|
+
};
|
|
737
|
+
};
|
|
738
|
+
const watch = (handle)=>{
|
|
739
|
+
ready = false;
|
|
740
|
+
loadFailed = false;
|
|
741
|
+
if (!handle) return void sync(client.getSnapshot());
|
|
742
|
+
(async ()=>{
|
|
743
|
+
try {
|
|
744
|
+
await handle.whenReady?.();
|
|
745
|
+
if (!disposed && client.runtime.iab === handle) ready = Boolean(client.getSnapshot().iab?.gvl);
|
|
746
|
+
} catch {
|
|
747
|
+
if (!disposed && client.runtime.iab === handle) loadFailed = true;
|
|
748
|
+
}
|
|
749
|
+
sync(client.getSnapshot());
|
|
750
|
+
})();
|
|
751
|
+
};
|
|
752
|
+
const unsubscribe = client.runtime.onIABChange(watch);
|
|
753
|
+
watch(client.runtime.iab);
|
|
754
|
+
return {
|
|
755
|
+
destroy: ()=>{
|
|
756
|
+
disposed = true;
|
|
757
|
+
unsubscribe();
|
|
758
|
+
clear();
|
|
759
|
+
},
|
|
760
|
+
sync
|
|
761
|
+
};
|
|
762
|
+
};
|
|
763
|
+
const mountIABConsentUI = (client, options = {})=>mount_mountConsentUI(client, options, {
|
|
764
|
+
createSurfaces: (ctx)=>[
|
|
765
|
+
createIABSurface(ctx, options)
|
|
766
|
+
],
|
|
767
|
+
stylesheet: `${stylesheet}\n${adapterStyles}`
|
|
768
|
+
});
|
|
769
|
+
const createConsentClient = (options = {})=>client_createConsentClient(options, {
|
|
770
|
+
createIAB: createIAB,
|
|
771
|
+
mountUI: mountIABConsentUI,
|
|
772
|
+
onStart: ()=>{
|
|
773
|
+
if (false !== options.iab && options.iab?.enabled !== false) initializeIABStub();
|
|
774
|
+
return destroyIABStub;
|
|
775
|
+
},
|
|
776
|
+
pkg: '@c15t/browser/iab'
|
|
777
|
+
});
|
|
778
|
+
const init = (options = {})=>{
|
|
779
|
+
const client = createConsentClient(options);
|
|
780
|
+
client.start();
|
|
781
|
+
return client;
|
|
782
|
+
};
|
|
783
|
+
export { custom, hosted, manifest, offline, version } from "./925.js";
|
|
784
|
+
export { createConsentClient, iab, init, mountIABConsentUI };
|