@peax/consent-banner-theme 0.1.0 → 0.3.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/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer peax-consent{.pxc-wrapper{box-sizing:border-box;z-index:var(--pxc-z-index);inset-inline:0;pointer-events:none;width:100%;min-width:320px;padding:var(--pxc-spacing-lg);padding-bottom:calc(var(--pxc-spacing-lg) + env(safe-area-inset-bottom,0px));position:fixed;bottom:0}@media (width>=768px){.pxc-wrapper{width:fit-content;max-width:800px}.pxc-wrapper--left{margin-right:auto}.pxc-wrapper--right{margin-left:auto}.pxc-wrapper--center{margin-inline:auto}}@media (prefers-reduced-motion:reduce){.pxc-wrapper{transform:none!important}}.pxc-container{pointer-events:auto;overflow-wrap:anywhere;align-items:center;gap:var(--pxc-spacing-md);padding:var(--pxc-spacing-md);color:var(--pxc-color-text);background-color:var(--pxc-color-surface);border-radius:var(--pxc-radius-xl);flex-flow:wrap;display:flex}[data-theme=light]>.pxc-wrapper>.pxc-container{border:1px solid var(--pxc-color-surface-secondary);box-shadow:0 8px 24px #0000002e,0 2px 6px #0000001f}@media (prefers-color-scheme:light){[data-theme=auto]>.pxc-wrapper>.pxc-container{border:1px solid var(--pxc-color-surface-secondary);box-shadow:0 8px 24px #0000002e,0 2px 6px #0000001f}}.pxc-container__content{align-items:center;gap:var(--pxc-spacing-md);flex:999999 1 0;min-width:min(100%,12rem);display:flex}.pxc-container__actions{justify-content:flex-end;gap:var(--pxc-spacing-lg) var(--pxc-spacing-md);flex-wrap:wrap;flex:1 0 auto;max-width:100%;display:flex}.pxc-container--with-actions,.pxc-container--preferences{box-sizing:border-box;max-block-size:calc(100dvh - 2 * var(--pxc-spacing-lg) - env(safe-area-inset-bottom,0px));overflow-y:auto}.pxc-container--with-actions{row-gap:var(--pxc-spacing-xl);scroll-padding-block:calc(var(--pxc-font-size) * var(--pxc-line-height))}@media (width<=767px){.pxc-container__content{flex:none;align-items:flex-start}.pxc-container__actions{flex:none}.pxc-container--with-actions{flex-flow:column;align-items:stretch}}[data-banner-variant=compact]>.pxc-wrapper{width:100%}[data-banner-variant=stacked] .pxc-container:not(.pxc-container--preferences){padding:var(--pxc-spacing-xl) var(--pxc-spacing-xl) var(--pxc-spacing-lg);flex-flow:column;align-items:stretch}[data-banner-variant=stacked] :is(.pxc-container__content,.pxc-container__actions){flex-flow:column;flex:none;align-items:stretch;min-inline-size:0}[data-banner-variant=stacked] .pxc-container__content{gap:var(--pxc-spacing-lg)}[data-banner-variant] .pxc-container--with-actions{container-type:inline-size}.pxc-banner__heading{align-items:center;gap:var(--pxc-spacing-md);display:flex}.pxc-banner__choices{gap:var(--pxc-spacing-md);flex-wrap:wrap;display:flex}.pxc-banner__choices>.pxc-button{flex:1 1 calc(50% - var(--pxc-spacing-md) / 2);white-space:normal;min-inline-size:fit-content}[data-banner-variant=compact] .pxc-container__actions,[data-banner-variant=compact] .pxc-banner__choices{reading-flow:flex-visual;flex-flow:row-reverse wrap}[data-banner-variant=compact] .pxc-banner__choices{flex:1 1 max-content;min-inline-size:0}[data-banner-variant=compact] .pxc-banner__choices>.pxc-button{flex-basis:0}.pxc-banner__preferences{justify-items:center;display:grid}[data-banner-variant=compact] .pxc-banner__preferences{flex:999999 0 var(--_pxc-icon-button-size);justify-items:start;container:pxc-preferences/inline-size}.pxc-banner__preferences span{display:none}.pxc-button{--_pxc-button-padding-block:var(--pxc-spacing-xs);box-sizing:border-box;min-inline-size:24px;max-inline-size:100%;min-block-size:max(2.5rem, var(--pxc-control-size));padding:var(--_pxc-button-padding-block) calc(var(--pxc-spacing-md) + var(--pxc-spacing-sm));font:inherit;font-family:var(--pxc-font-family);font-size:calc(var(--pxc-font-size) * var(--_pxc-font-scale,1));font-weight:500;line-height:max(1.1, calc(var(--pxc-line-height) - .25));letter-spacing:inherit;text-align:center;white-space:nowrap;cursor:pointer;border-radius:var(--pxc-radius-lg);transition:color .2s var(--pxc-ease-in-out), background-color .2s var(--pxc-ease-in-out);border:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pxc-button--primary,.pxc-button--secondary{--_pxc-button-padding-block:var(--pxc-spacing-md)}.pxc-button--primary{color:var(--pxc-color-action-text);background-color:var(--pxc-color-action)}.pxc-button--secondary{color:var(--pxc-color-text);background-color:var(--pxc-color-surface-secondary)}.pxc-button--inline{min-block-size:24px;inline-size:fit-content;padding:var(--pxc-spacing-xs) var(--pxc-spacing-sm);color:color-mix(in srgb, var(--pxc-color-text-muted) 90%, var(--pxc-color-text));white-space:normal;overflow-wrap:anywhere;background-color:#0000;align-self:center}.pxc-banner__preferences,.pxc-button--iconed{--_pxc-icon-size:calc(var(--pxc-icon-size) * 1.125);--_pxc-icon-button-size:max(2.5rem, var(--pxc-control-size), calc(var(--_pxc-icon-size) + 2 * var(--pxc-spacing-xs)))}.pxc-button--iconed{inline-size:var(--_pxc-icon-button-size);block-size:var(--_pxc-icon-button-size);padding-inline:var(--pxc-spacing-xs);color:var(--pxc-color-text-muted);background-color:#0000}.pxc-button--iconed>svg{inline-size:var(--_pxc-icon-size);block-size:var(--_pxc-icon-size);flex-shrink:0}.pxc-button:focus-visible,.pxc-switch:focus-visible,.pxc-preferences__body:focus-visible{outline:2px solid var(--pxc-color-focus-ring)}.pxc-button:focus-visible{outline-offset:2px}.pxc-button--primary:active:not(:where(:disabled,[data-disabled],[aria-disabled=true])){background-color:var(--pxc-color-action-hover)}:is(.pxc-button--secondary,.pxc-button--iconed):active:not(:where(:disabled,[data-disabled],[aria-disabled=true])){background-color:color-mix(in srgb, var(--pxc-color-surface-secondary) 85%, var(--pxc-color-text))}:is(.pxc-button--iconed,.pxc-button--inline):active:not(:where(:disabled,[data-disabled],[aria-disabled=true])){color:var(--pxc-color-text)}.pxc-button:is(:disabled,[data-disabled],[aria-disabled=true]){color:var(--pxc-color-text-muted);background-color:color-mix(in srgb, var(--pxc-color-surface-secondary) 55%, var(--pxc-color-surface));cursor:default}@media (hover:hover){:is(.pxc-button--inline,.pxc-button--iconed):hover:not(:where(:disabled,[data-disabled],[aria-disabled=true])){color:var(--pxc-color-text)}.pxc-button--primary:hover:not(:where(:disabled,[data-disabled],[aria-disabled=true])){background-color:var(--pxc-color-action-hover)}.pxc-button--secondary:hover:not(:where(:active,:disabled,[data-disabled],[aria-disabled=true])){background-color:color-mix(in srgb, var(--pxc-color-surface-secondary) 90%, var(--pxc-color-text))}.pxc-button--iconed:hover:not(:where(:active,:disabled,[data-disabled],[aria-disabled=true])){background-color:var(--pxc-color-surface-secondary)}}@container pxc-preferences (inline-size=100cqi){.pxc-button{block-size:auto;inline-size:fit-content;padding-inline:var(--pxc-spacing-sm);color:color-mix(in srgb, var(--pxc-color-text-muted) 90%, var(--pxc-color-text));justify-self:center}.pxc-button>span{display:inline}.pxc-button>svg{display:none}.pxc-button:is(:hover,:active):not(:where(:disabled,[data-disabled],[aria-disabled=true])){background-color:#0000}}@media (prefers-reduced-motion:no-preference){.pxc-button:active:not(:where(:disabled,[data-disabled],[aria-disabled=true])){padding-block:calc(var(--_pxc-button-padding-block) + 1px) calc(var(--_pxc-button-padding-block) - 1px)}}@media (prefers-reduced-motion:reduce){.pxc-button{transition:none}}@media (forced-colors:active){.pxc-button,.pxc-button:is(:hover,:active){color:buttontext;background-color:buttonface}.pxc-button:focus-visible,.pxc-switch:focus-visible,.pxc-preferences__body:focus-visible{outline-color:highlight}.pxc-button:is(:disabled,[data-disabled],[aria-disabled=true]){color:graytext;background-color:buttonface}}.pxc-container--preferences{flex-flow:column;align-items:stretch;gap:0;padding:0;overflow:hidden}@media (width>=768px){[data-banner-variant=stacked]>.pxc-wrapper{width:calc(420px + 2 * var(--pxc-spacing-lg));max-width:100%}.pxc-wrapper:has(>.pxc-container--preferences){width:calc(420px + 2 * var(--pxc-spacing-lg));max-width:100%}}.pxc-preferences{min-block-size:0;max-block-size:inherit;font-size:calc(var(--pxc-font-size) * var(--_pxc-font-scale,1));flex-direction:column;display:flex}.pxc-preferences__header,.pxc-preferences__footer{justify-content:space-between;align-items:center;gap:var(--pxc-spacing-md);padding:var(--pxc-spacing-lg) var(--pxc-spacing-xl);flex:none;display:flex}.pxc-preferences__header{padding-block:var(--pxc-spacing-md);border-block-end:1px solid var(--pxc-color-surface-secondary);padding-inline-end:var(--pxc-spacing-md)}.pxc-preferences__scroll-area{flex-direction:column;min-block-size:0;display:flex;position:relative}.pxc-preferences__body{overscroll-behavior:contain;min-block-size:0;scroll-padding-block:var(--pxc-spacing-lg)}.pxc-preferences__body:focus-visible{outline-offset:-2px}.pxc-preferences__content{padding-inline:var(--pxc-spacing-md);display:flow-root}.pxc-preferences__scrollbar{box-sizing:border-box;inline-size:max(24px, var(--pxc-spacing-xl));padding-block:var(--pxc-spacing-xs)}.pxc-preferences__scroll-thumb{inline-size:100%;position:relative}.pxc-preferences__scroll-indicator{inline-size:var(--pxc-spacing-xs);border-radius:var(--pxc-radius-lg);background-color:var(--pxc-color-text-muted);position:absolute;inset-block:0;inset-inline-end:var(--pxc-spacing-xs)}.pxc-preferences__scrollbar:is(:hover,:active) .pxc-preferences__scroll-indicator{background-color:var(--pxc-color-text)}.pxc-preferences__section{gap:var(--pxc-spacing-sm);padding:var(--pxc-spacing-xl) var(--pxc-spacing-md);flex-direction:column;display:flex}.pxc-preferences__introduction{padding:var(--pxc-spacing-lg);border-radius:var(--pxc-radius-lg);background-color:color-mix(in srgb, var(--pxc-color-surface) 80%, black)}.pxc-preferences__section+.pxc-preferences__section{border-block-start:1px solid var(--pxc-color-surface-secondary)}.pxc-preferences__section-heading{justify-content:space-between;align-items:center;gap:var(--pxc-spacing-lg);display:flex}.pxc-preferences__footer{border-block-start:1px solid var(--pxc-color-surface-secondary);flex-flow:row-reverse wrap}.pxc-preferences__footer>.pxc-button{white-space:normal}.pxc-preferences__policy{min-inline-size:0;padding-block:var(--pxc-spacing-xs);border-radius:var(--pxc-radius-lg);line-height:var(--pxc-line-height)}@media (width<=767px){.pxc-preferences__footer{flex-flow:column;align-items:stretch}.pxc-preferences__footer>.pxc-button{inline-size:100%}.pxc-preferences__policy{text-align:center;align-self:center;max-inline-size:100%}}.pxc-switch{box-sizing:border-box;background-color:color-mix(in srgb, var(--pxc-color-control-track) 95%, var(--pxc-color-border));cursor:pointer;block-size:1.5rem;inline-size:2.5rem;transition:background-color .2s var(--pxc-ease-in-out);border-radius:999px;flex:none;align-items:center;padding:.25rem;display:inline-flex}.pxc-switch__thumb{border-radius:inherit;background-color:color-mix(in srgb, var(--pxc-color-control-thumb) 90%, var(--pxc-color-text));block-size:1rem;inline-size:1rem;transition:transform .2s var(--pxc-ease-in-out)}.pxc-switch[data-checked]{background-color:var(--pxc-color-action)}.pxc-switch[data-checked]>.pxc-switch__thumb{background-color:var(--pxc-color-action-text);transform:translate(1rem)}.pxc-switch:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))[data-checked]>.pxc-switch__thumb{transform:translate(-1rem)}.pxc-switch[data-disabled]{cursor:not-allowed;opacity:.65}.pxc-switch:focus-visible{outline-offset:3px}@media (prefers-reduced-motion:reduce){.pxc-switch,.pxc-switch__thumb{transition:none}}@media (forced-colors:active){.pxc-preferences__scroll-indicator,.pxc-preferences__scrollbar:is(:hover,:active) .pxc-preferences__scroll-indicator{background-color:canvastext}.pxc-switch{border:1px solid buttontext}.pxc-switch[data-checked]{background-color:highlight}.pxc-switch__thumb,.pxc-switch[data-checked]>.pxc-switch__thumb{background-color:buttontext}.pxc-switch[data-disabled]{opacity:1;border-color:graytext}}.pxc{--pxc-z-index:1000;--pxc-color-surface:var(--_pxc-color-surface,oklch(26.0325% 0 0));--pxc-color-surface-secondary:var(--_pxc-color-surface-secondary,oklch(34.6057% .000792 106.521));--pxc-color-text:var(--_pxc-color-text,oklch(90.3314% .00594 106.521));--pxc-color-text-muted:var(--_pxc-color-text-muted,oklch(63.4022% .003452 106.521));--pxc-color-border:var(--_pxc-color-border,oklch(76.0427% .00462 106.521));--pxc-color-focus-ring:var(--_pxc-color-focus-ring,oklch(97.4757% .006601 106.521));--pxc-color-action:var(--_pxc-color-action,oklch(90.7921% .098163 158.085));--pxc-color-action-hover:var(--_pxc-color-action-hover,oklch(84% .098163 158.085));--pxc-color-action-text:var(--_pxc-color-action-text,oklch(20.5481% .003921 286.049));--pxc-color-control-track:var(--_pxc-color-control-track,oklch(53.5428% .002541 106.521));--pxc-color-control-thumb:var(--_pxc-color-control-thumb,oklch(84.6159% .005412 106.521));--pxc-spacing-xs:.25rem;--pxc-spacing-sm:.5rem;--pxc-spacing-md:.75rem;--pxc-spacing-lg:1rem;--pxc-spacing-xl:1.5rem;--pxc-radius-sm:.25rem;--pxc-radius-lg:.5rem;--pxc-radius-xl:.75rem;--pxc-radius-collapsed:var(--pxc-radius-xl);--pxc-font-size:14px;--pxc-line-height:1.5;--_pxc-font-scale:1;container-type:inline-size}@media (width<=767px){.pxc{--_pxc-font-scale:.95}}.pxc{--pxc-font-family:inherit;--pxc-font-family-headings:var(--pxc-font-family);--pxc-ease-in-out:cubic-bezier(.4, 0, .2, 1);--pxc-icon-size:clamp(1rem, var(--pxc-spacing-lg), 1.25rem);--pxc-control-size:max(2rem, calc(var(--pxc-spacing-lg) + var(--pxc-spacing-sm) + var(--pxc-spacing-xs)))}:where([data-theme=light],[data-theme=auto]){--_pxc-color-surface:initial;--_pxc-color-surface-secondary:initial;--_pxc-color-text:initial;--_pxc-color-text-muted:initial;--_pxc-color-border:initial;--_pxc-color-focus-ring:initial;--_pxc-color-action:initial;--_pxc-color-action-hover:initial;--_pxc-color-action-text:initial;--_pxc-color-control-track:initial;--_pxc-color-control-thumb:initial}:where([data-theme=dark]){--_pxc-color-surface:oklch(91.279% 0 0);--_pxc-color-surface-secondary:oklch(82.7913% .00047 286.049);--_pxc-color-text:oklch(27.6212% .003528 286.049);--_pxc-color-text-muted:oklch(50.6319% .002253 286.049);--_pxc-color-border:oklch(41.7674% .002744 286.049);--_pxc-color-focus-ring:oklch(20.5481% .003921 286.049);--_pxc-color-action:oklch(49% .098163 158.085);--_pxc-color-action-hover:oklch(46.2597% .086383 158.085);--_pxc-color-action-text:oklch(97.4757% .006601 106.521);--_pxc-color-control-track:oklch(60.31% .001716 286.049);--_pxc-color-control-thumb:oklch(33.2797% .003215 286.049)}@media (prefers-color-scheme:dark){:where([data-theme=auto]){--_pxc-color-surface:oklch(91.279% 0 0);--_pxc-color-surface-secondary:oklch(82.7913% .00047 286.049);--_pxc-color-text:oklch(27.6212% .003528 286.049);--_pxc-color-text-muted:oklch(50.6319% .002253 286.049);--_pxc-color-border:oklch(41.7674% .002744 286.049);--_pxc-color-focus-ring:oklch(20.5481% .003921 286.049);--_pxc-color-action:oklch(49% .098163 158.085);--_pxc-color-action-hover:oklch(46.2597% .086383 158.085);--_pxc-color-action-text:oklch(97.4757% .006601 106.521);--_pxc-color-control-track:oklch(60.31% .001716 286.049);--_pxc-color-control-thumb:oklch(33.2797% .003215 286.049)}}}.pxc-banner__heading>.pxc-lead-icon{background-color:#0000;block-size:20px;inline-size:20px;padding:0}.pxc-banner__heading>.pxc-lead-icon>svg{block-size:100%;inline-size:100%}.pxc-preferences__header>h3:focus{outline:none}.pxc-preferences .pxc-preferences__introduction{margin-block-start:var(--pxc-spacing-md)}.pxc-preferences__description,.pxc-preferences .pxc-preferences__policy{color:color-mix(in srgb, var(--pxc-color-text-muted) 90%, var(--pxc-color-text))}.pxc-preferences__footer>.pxc-button{margin-inline-start:auto}:where([data-theme=light],[data-theme=auto]){--_pxc-lead-icon-color:var(--pxc-color-action)}:where([data-theme=dark]){--_pxc-lead-icon-color:var(--pxc-color-text)}@media (prefers-color-scheme:dark){:where([data-theme=auto]){--_pxc-lead-icon-color:var(--pxc-color-text)}}.pxc-lead-icon{box-sizing:border-box;inline-size:max(2.5rem, var(--pxc-control-size));block-size:max(2.5rem, var(--pxc-control-size));padding:var(--pxc-spacing-sm);color:var(--_pxc-lead-icon-color,var(--pxc-color-action));background-color:var(--pxc-color-surface-secondary);border-radius:var(--pxc-radius-xl);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pxc-lead-icon>svg{block-size:1.25rem;inline-size:1.25rem}.pxc-text--h2,.pxc-text--h3,.pxc-text--h4,.pxc-text--label,.pxc-text--paragraph{--_pxc-text-font-size:calc(var(--pxc-font-size) * var(--_pxc-font-scale,1))}.pxc-text--h2{font-size:calc(var(--_pxc-text-font-size) * 1.5);line-height:max(1.1, calc(var(--pxc-line-height) - .3))}.pxc-text--h3{font-size:calc(var(--_pxc-text-font-size) * 1.25);line-height:max(1.1, calc(var(--pxc-line-height) - .2))}.pxc-text--h4{font-size:calc(var(--_pxc-text-font-size) * 1.125);line-height:max(1.1, calc(var(--pxc-line-height) - .1))}.pxc-text--label,.pxc-text--paragraph{font-size:var(--_pxc-text-font-size);line-height:var(--pxc-line-height)}.pxc-text--paragraph{margin:0}.pxc-link{color:var(--pxc-color-text);text-underline-offset:.15em;transition:color .2s var(--pxc-ease-in-out);-webkit-text-decoration:underline;text-decoration:underline}@media (hover:hover){.pxc-link:hover{color:var(--pxc-color-action)}}@media (prefers-reduced-motion:reduce){.pxc-link{transition:none}}.pxc-link:focus-visible{outline:2px solid var(--pxc-color-focus-ring);outline-offset:2px}.pxc-banner__heading>:is(.pxc-text--h2,.pxc-text--h3),.pxc-preferences__header>h3,.pxc-preferences__section-heading>h4{min-inline-size:0;font-family:var(--pxc-font-family-headings,var(--pxc-font-family));margin:0}
|
|
1
|
+
@layer peax-consent{.pxc-wrapper{box-sizing:border-box;z-index:var(--pxc-z-index);inset-inline:0;pointer-events:none;width:100%;min-width:320px;padding:var(--pxc-spacing-lg);padding-bottom:calc(var(--pxc-spacing-lg) + env(safe-area-inset-bottom,0px));position:fixed;bottom:0}@media (width>=768px){.pxc-wrapper{width:fit-content;max-width:800px}.pxc-wrapper--left{margin-right:auto}.pxc-wrapper--right{margin-left:auto}.pxc-wrapper--center{margin-inline:auto}}@media (prefers-reduced-motion:reduce){.pxc-wrapper{transform:none!important}}.pxc-container{pointer-events:auto;overflow-wrap:anywhere;align-items:center;gap:var(--pxc-spacing-md);padding:var(--pxc-spacing-md);color:var(--pxc-color-text);background-color:var(--pxc-color-surface);border-radius:var(--pxc-radius-xl);flex-flow:wrap;display:flex}[data-theme=light]>.pxc-wrapper>.pxc-container{border:1px solid var(--pxc-color-surface-secondary);box-shadow:0 8px 24px #0000002e,0 2px 6px #0000001f}@media (prefers-color-scheme:light){[data-theme=auto]>.pxc-wrapper>.pxc-container{border:1px solid var(--pxc-color-surface-secondary);box-shadow:0 8px 24px #0000002e,0 2px 6px #0000001f}}.pxc-container__content{align-items:center;gap:var(--pxc-spacing-md);flex:999999 1 0;min-width:min(100%,12rem);display:flex}.pxc-container__actions{justify-content:flex-end;gap:var(--pxc-spacing-lg) var(--pxc-spacing-md);flex-wrap:wrap;flex:1 0 auto;max-width:100%;display:flex}.pxc-container--with-actions,.pxc-container--preferences{box-sizing:border-box;max-block-size:calc(100dvh - 2 * var(--pxc-spacing-lg) - env(safe-area-inset-bottom,0px));overflow-y:auto}.pxc-container--with-actions{row-gap:var(--pxc-spacing-xl);scroll-padding-block:calc(var(--pxc-font-size) * var(--pxc-line-height))}@media (width<=767px){.pxc-container__content{flex:none;align-items:flex-start}.pxc-container__actions{flex:none}.pxc-container--with-actions{flex-flow:column;align-items:stretch}}[data-banner-variant=compact]>.pxc-wrapper{width:100%}[data-banner-variant=stacked] .pxc-container:not(.pxc-container--preferences){padding:var(--pxc-spacing-xl) var(--pxc-spacing-xl) var(--pxc-spacing-lg);flex-flow:column;align-items:stretch}[data-banner-variant=stacked] :is(.pxc-container__content,.pxc-container__actions){flex-flow:column;flex:none;align-items:stretch;min-inline-size:0}[data-banner-variant=stacked] .pxc-container__content{gap:var(--pxc-spacing-lg)}[data-banner-variant] .pxc-container--with-actions{container-type:inline-size}.pxc-banner__heading{align-items:center;gap:var(--pxc-spacing-md);display:flex}.pxc-banner__choices{gap:var(--pxc-spacing-md);flex-wrap:wrap;display:flex}.pxc-banner__choices>.pxc-button{flex:1 1 calc(50% - var(--pxc-spacing-md) / 2);white-space:normal;min-inline-size:fit-content}[data-banner-variant=compact] .pxc-container__actions,[data-banner-variant=compact] .pxc-banner__choices{reading-flow:flex-visual;flex-flow:row-reverse wrap}[data-banner-variant=compact] .pxc-banner__choices{flex:1 1 max-content;min-inline-size:0}[data-banner-variant=compact] .pxc-banner__choices>.pxc-button{flex-basis:0}.pxc-banner__preferences{justify-items:center;display:grid}[data-banner-variant=compact] .pxc-banner__preferences{flex:999999 0 var(--_pxc-icon-button-size);justify-items:start;container:pxc-preferences/inline-size}.pxc-banner__preferences span{display:none}.pxc-button{--_pxc-button-padding-block:var(--pxc-spacing-xs);box-sizing:border-box;min-inline-size:24px;max-inline-size:100%;min-block-size:max(2.5rem, var(--pxc-control-size));padding:var(--_pxc-button-padding-block) calc(var(--pxc-spacing-md) + var(--pxc-spacing-sm));font:inherit;font-family:var(--pxc-font-family);font-size:calc(var(--pxc-font-size) * var(--_pxc-font-scale,1));font-weight:500;line-height:max(1.1, calc(var(--pxc-line-height) - .25));letter-spacing:inherit;text-align:center;white-space:nowrap;cursor:pointer;border-radius:var(--pxc-radius-lg);transition:color .2s var(--pxc-ease-in-out), background-color .2s var(--pxc-ease-in-out);border:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pxc-button--primary,.pxc-button--secondary{--_pxc-button-padding-block:var(--pxc-spacing-md)}.pxc-button--primary{color:var(--pxc-color-action-text);background-color:var(--pxc-color-action)}.pxc-button--secondary{color:var(--pxc-color-text);background-color:var(--pxc-color-surface-secondary)}.pxc-button--inline{min-block-size:24px;inline-size:fit-content;padding:var(--pxc-spacing-xs) var(--pxc-spacing-sm);color:color-mix(in srgb, var(--pxc-color-text-muted) 90%, var(--pxc-color-text));white-space:normal;overflow-wrap:anywhere;background-color:#0000;align-self:center}.pxc-banner__preferences,.pxc-button--iconed{--_pxc-icon-size:calc(var(--pxc-icon-size) * 1.125);--_pxc-icon-button-size:max(2.5rem, var(--pxc-control-size), calc(var(--_pxc-icon-size) + 2 * var(--pxc-spacing-xs)))}.pxc-button--iconed{inline-size:var(--_pxc-icon-button-size);block-size:var(--_pxc-icon-button-size);padding-inline:var(--pxc-spacing-xs);color:var(--pxc-color-text-muted);background-color:#0000}.pxc-button--iconed>svg{inline-size:var(--_pxc-icon-size);block-size:var(--_pxc-icon-size);flex-shrink:0}.pxc-button:focus-visible,.pxc-switch:focus-visible,.pxc-preferences__body:focus-visible{outline:2px solid var(--pxc-color-focus-ring)}.pxc-button:focus-visible{outline-offset:2px}.pxc-button--primary:active:not(:where(:disabled,[data-disabled],[aria-disabled=true])){background-color:var(--pxc-color-action-hover)}:is(.pxc-button--secondary,.pxc-button--iconed):active:not(:where(:disabled,[data-disabled],[aria-disabled=true])){background-color:color-mix(in srgb, var(--pxc-color-surface-secondary) 85%, var(--pxc-color-text))}:is(.pxc-button--iconed,.pxc-button--inline):active:not(:where(:disabled,[data-disabled],[aria-disabled=true])){color:var(--pxc-color-text)}.pxc-button:is(:disabled,[data-disabled],[aria-disabled=true]){color:var(--pxc-color-text-muted);background-color:color-mix(in srgb, var(--pxc-color-surface-secondary) 55%, var(--pxc-color-surface));cursor:default}@media (hover:hover){:is(.pxc-button--inline,.pxc-button--iconed):hover:not(:where(:disabled,[data-disabled],[aria-disabled=true])){color:var(--pxc-color-text)}.pxc-button--primary:hover:not(:where(:disabled,[data-disabled],[aria-disabled=true])){background-color:var(--pxc-color-action-hover)}.pxc-button--secondary:hover:not(:where(:active,:disabled,[data-disabled],[aria-disabled=true])){background-color:color-mix(in srgb, var(--pxc-color-surface-secondary) 90%, var(--pxc-color-text))}.pxc-button--iconed:hover:not(:where(:active,:disabled,[data-disabled],[aria-disabled=true])){background-color:var(--pxc-color-surface-secondary)}}@container pxc-preferences (inline-size=100cqi){.pxc-button{block-size:auto;inline-size:fit-content;padding-inline:var(--pxc-spacing-sm);color:color-mix(in srgb, var(--pxc-color-text-muted) 90%, var(--pxc-color-text));justify-self:center}.pxc-button>span{display:inline}.pxc-button>svg{display:none}.pxc-button:is(:hover,:active):not(:where(:disabled,[data-disabled],[aria-disabled=true])){background-color:#0000}}@media (prefers-reduced-motion:no-preference){.pxc-button:active:not(:where(:disabled,[data-disabled],[aria-disabled=true])){padding-block:calc(var(--_pxc-button-padding-block) + 1px) calc(var(--_pxc-button-padding-block) - 1px)}}@media (prefers-reduced-motion:reduce){.pxc-button{transition:none}}@media (forced-colors:active){.pxc-button,.pxc-button:is(:hover,:active){color:buttontext;background-color:buttonface}.pxc-button:focus-visible,.pxc-switch:focus-visible,.pxc-preferences__body:focus-visible{outline-color:highlight}.pxc-button:is(:disabled,[data-disabled],[aria-disabled=true]){color:graytext;background-color:buttonface}}.pxc-floating-button{--_pxc-icon-size:calc(var(--pxc-icon-size) * 1.5);--_pxc-icon-button-size:max(3rem, var(--pxc-control-size), calc(var(--_pxc-icon-size) + 2 * var(--pxc-spacing-sm)));z-index:var(--pxc-z-index);bottom:calc(var(--pxc-spacing-lg) + env(safe-area-inset-bottom,0px));border-radius:var(--pxc-radius-xl);color:var(--pxc-color-text);background-color:var(--pxc-color-surface);position:fixed}.pxc-floating-button--left{left:calc(var(--pxc-spacing-lg) + env(safe-area-inset-left,0px))}.pxc-floating-button--right{right:calc(var(--pxc-spacing-lg) + env(safe-area-inset-right,0px))}@media (forced-colors:active){.pxc-floating-button{color:buttontext;background-color:buttonface}}.pxc-container--preferences{flex-flow:column;align-items:stretch;gap:0;padding:0;overflow:hidden}@media (width>=768px){[data-banner-variant=stacked]>.pxc-wrapper{width:calc(420px + 2 * var(--pxc-spacing-lg));max-width:100%}.pxc-wrapper:has(>.pxc-container--preferences){width:calc(420px + 2 * var(--pxc-spacing-lg));max-width:100%}}.pxc-preferences{min-block-size:0;max-block-size:inherit;font-size:calc(var(--pxc-font-size) * var(--_pxc-font-scale,1));flex-direction:column;display:flex}.pxc-preferences__header,.pxc-preferences__footer{justify-content:space-between;align-items:center;gap:var(--pxc-spacing-md);padding:var(--pxc-spacing-lg) var(--pxc-spacing-xl);flex:none;display:flex}.pxc-preferences__header{padding-block:var(--pxc-spacing-md);border-block-end:1px solid var(--pxc-color-surface-secondary);padding-inline-end:var(--pxc-spacing-md)}.pxc-preferences__scroll-area{flex-direction:column;min-block-size:0;display:flex;position:relative}.pxc-preferences__body{overscroll-behavior:contain;min-block-size:0;scroll-padding-block:var(--pxc-spacing-lg)}.pxc-preferences__body:focus-visible{outline-offset:-2px}.pxc-preferences__content{padding-inline:var(--pxc-spacing-md);display:flow-root}.pxc-preferences__scrollbar{box-sizing:border-box;inline-size:max(24px, var(--pxc-spacing-xl));padding-block:var(--pxc-spacing-xs)}.pxc-preferences__scroll-thumb{inline-size:100%;position:relative}.pxc-preferences__scroll-indicator{inline-size:var(--pxc-spacing-xs);border-radius:var(--pxc-radius-lg);background-color:var(--pxc-color-text-muted);position:absolute;inset-block:0;inset-inline-end:var(--pxc-spacing-xs)}.pxc-preferences__scrollbar:is(:hover,:active) .pxc-preferences__scroll-indicator{background-color:var(--pxc-color-text)}.pxc-preferences__section{gap:var(--pxc-spacing-sm);padding:var(--pxc-spacing-xl) var(--pxc-spacing-md);flex-direction:column;display:flex}.pxc-preferences__introduction{padding:var(--pxc-spacing-lg);border-radius:var(--pxc-radius-lg);background-color:color-mix(in srgb, var(--pxc-color-surface) 80%, black)}.pxc-preferences__section+.pxc-preferences__section{border-block-start:1px solid var(--pxc-color-surface-secondary)}.pxc-preferences__section-heading{justify-content:space-between;align-items:center;gap:var(--pxc-spacing-lg);display:flex}.pxc-preferences__footer{border-block-start:1px solid var(--pxc-color-surface-secondary);flex-flow:row-reverse wrap}.pxc-preferences__footer>.pxc-button{white-space:normal}.pxc-preferences__policy{min-inline-size:0;padding-block:var(--pxc-spacing-xs);border-radius:var(--pxc-radius-lg);line-height:var(--pxc-line-height)}@media (width<=767px){.pxc-preferences__footer{flex-flow:column;align-items:stretch}.pxc-preferences__footer>.pxc-button{inline-size:100%}.pxc-preferences__policy{text-align:center;align-self:center;max-inline-size:100%}}.pxc-switch{box-sizing:border-box;background-color:color-mix(in srgb, var(--pxc-color-control-track) 95%, var(--pxc-color-border));cursor:pointer;block-size:1.5rem;inline-size:2.5rem;transition:background-color .2s var(--pxc-ease-in-out);border:0;border-radius:999px;flex:none;align-items:center;padding:.25rem;display:inline-flex}.pxc-switch__thumb{border-radius:inherit;background-color:color-mix(in srgb, var(--pxc-color-control-thumb) 90%, var(--pxc-color-text));block-size:1rem;inline-size:1rem;transition:transform .2s var(--pxc-ease-in-out)}.pxc-switch[data-checked]{background-color:var(--pxc-color-action)}.pxc-switch[data-checked]>.pxc-switch__thumb{background-color:var(--pxc-color-action-text);transform:translate(1rem)}.pxc-switch:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))[data-checked]>.pxc-switch__thumb{transform:translate(-1rem)}.pxc-switch[data-disabled]{cursor:not-allowed;opacity:.65}.pxc-switch:focus-visible{outline-offset:3px}@media (prefers-reduced-motion:reduce){.pxc-switch,.pxc-switch__thumb{transition:none}}@media (forced-colors:active){.pxc-preferences__scroll-indicator,.pxc-preferences__scrollbar:is(:hover,:active) .pxc-preferences__scroll-indicator{background-color:canvastext}.pxc-switch{border:1px solid buttontext}.pxc-switch[data-checked]{background-color:highlight}.pxc-switch__thumb,.pxc-switch[data-checked]>.pxc-switch__thumb{background-color:buttontext}.pxc-switch[data-disabled]{opacity:1;border-color:graytext}}.pxc{--pxc-z-index:1000;--pxc-color-surface:var(--_pxc-color-surface,oklch(26.0325% 0 0));--pxc-color-surface-secondary:var(--_pxc-color-surface-secondary,oklch(34.6057% .000792 106.521));--pxc-color-text:var(--_pxc-color-text,oklch(90.3314% .00594 106.521));--pxc-color-text-muted:var(--_pxc-color-text-muted,oklch(63.4022% .003452 106.521));--pxc-color-border:var(--_pxc-color-border,oklch(76.0427% .00462 106.521));--pxc-color-focus-ring:var(--_pxc-color-focus-ring,oklch(97.4757% .006601 106.521));--pxc-color-action:var(--_pxc-color-action,oklch(90.7921% .098163 158.085));--pxc-color-action-hover:var(--_pxc-color-action-hover,oklch(84% .098163 158.085));--pxc-color-action-text:var(--_pxc-color-action-text,oklch(20.5481% .003921 286.049));--pxc-color-control-track:var(--_pxc-color-control-track,oklch(53.5428% .002541 106.521));--pxc-color-control-thumb:var(--_pxc-color-control-thumb,oklch(84.6159% .005412 106.521));--pxc-spacing-xs:.25rem;--pxc-spacing-sm:.5rem;--pxc-spacing-md:.75rem;--pxc-spacing-lg:1rem;--pxc-spacing-xl:1.5rem;--pxc-radius-sm:.25rem;--pxc-radius-lg:.5rem;--pxc-radius-xl:.75rem;--pxc-radius-collapsed:var(--pxc-radius-xl);--pxc-font-size:14px;--pxc-line-height:1.5;--_pxc-font-scale:1;container-type:inline-size}@media (width<=767px){.pxc{--_pxc-font-scale:.95}}.pxc{--pxc-font-family:inherit;--pxc-font-family-headings:var(--pxc-font-family);--pxc-ease-in-out:cubic-bezier(.4, 0, .2, 1);--pxc-icon-size:clamp(1rem, var(--pxc-spacing-lg), 1.25rem);--pxc-control-size:max(2rem, calc(var(--pxc-spacing-lg) + var(--pxc-spacing-sm) + var(--pxc-spacing-xs)))}:where([data-theme=light],[data-theme=auto]){--_pxc-color-surface:initial;--_pxc-color-surface-secondary:initial;--_pxc-color-text:initial;--_pxc-color-text-muted:initial;--_pxc-color-border:initial;--_pxc-color-focus-ring:initial;--_pxc-color-action:initial;--_pxc-color-action-hover:initial;--_pxc-color-action-text:initial;--_pxc-color-control-track:initial;--_pxc-color-control-thumb:initial}:where([data-theme=dark]){--_pxc-color-surface:oklch(91.279% 0 0);--_pxc-color-surface-secondary:oklch(82.7913% .00047 286.049);--_pxc-color-text:oklch(27.6212% .003528 286.049);--_pxc-color-text-muted:oklch(50.6319% .002253 286.049);--_pxc-color-border:oklch(41.7674% .002744 286.049);--_pxc-color-focus-ring:oklch(20.5481% .003921 286.049);--_pxc-color-action:oklch(49% .098163 158.085);--_pxc-color-action-hover:oklch(46.2597% .086383 158.085);--_pxc-color-action-text:oklch(97.4757% .006601 106.521);--_pxc-color-control-track:oklch(60.31% .001716 286.049);--_pxc-color-control-thumb:oklch(33.2797% .003215 286.049)}@media (prefers-color-scheme:dark){:where([data-theme=auto]){--_pxc-color-surface:oklch(91.279% 0 0);--_pxc-color-surface-secondary:oklch(82.7913% .00047 286.049);--_pxc-color-text:oklch(27.6212% .003528 286.049);--_pxc-color-text-muted:oklch(50.6319% .002253 286.049);--_pxc-color-border:oklch(41.7674% .002744 286.049);--_pxc-color-focus-ring:oklch(20.5481% .003921 286.049);--_pxc-color-action:oklch(49% .098163 158.085);--_pxc-color-action-hover:oklch(46.2597% .086383 158.085);--_pxc-color-action-text:oklch(97.4757% .006601 106.521);--_pxc-color-control-track:oklch(60.31% .001716 286.049);--_pxc-color-control-thumb:oklch(33.2797% .003215 286.049)}}}.pxc-banner__heading>.pxc-lead-icon{background-color:#0000;block-size:20px;inline-size:20px;padding:0}.pxc-banner__heading>.pxc-lead-icon>svg{block-size:100%;inline-size:100%}.pxc-preferences__header>h3:focus{outline:none}.pxc-preferences .pxc-preferences__introduction{margin-block-start:var(--pxc-spacing-md)}.pxc-preferences__description,.pxc-preferences .pxc-preferences__policy{color:color-mix(in srgb, var(--pxc-color-text-muted) 90%, var(--pxc-color-text))}.pxc-preferences__footer>.pxc-button{margin-inline-start:auto}:where([data-theme=light],[data-theme=auto]){--_pxc-lead-icon-color:var(--pxc-color-action)}:where([data-theme=dark]){--_pxc-lead-icon-color:var(--pxc-color-text)}@media (prefers-color-scheme:dark){:where([data-theme=auto]){--_pxc-lead-icon-color:var(--pxc-color-text)}}.pxc-lead-icon{box-sizing:border-box;inline-size:max(2.5rem, var(--pxc-control-size));block-size:max(2.5rem, var(--pxc-control-size));padding:var(--pxc-spacing-sm);color:var(--_pxc-lead-icon-color,var(--pxc-color-action));background-color:var(--pxc-color-surface-secondary);border-radius:var(--pxc-radius-xl);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pxc-lead-icon>svg{block-size:1.25rem;inline-size:1.25rem}.pxc-text--h2,.pxc-text--h3,.pxc-text--h4,.pxc-text--label,.pxc-text--paragraph{--_pxc-text-font-size:calc(var(--pxc-font-size) * var(--_pxc-font-scale,1))}.pxc-text--h2{font-size:calc(var(--_pxc-text-font-size) * 1.5);line-height:max(1.1, calc(var(--pxc-line-height) - .3))}.pxc-text--h3{font-size:calc(var(--_pxc-text-font-size) * 1.25);line-height:max(1.1, calc(var(--pxc-line-height) - .2))}.pxc-text--h4{font-size:calc(var(--_pxc-text-font-size) * 1.125);line-height:max(1.1, calc(var(--pxc-line-height) - .1))}.pxc-text--label,.pxc-text--paragraph{font-size:var(--_pxc-text-font-size);line-height:var(--pxc-line-height)}.pxc-text--paragraph{margin:0}.pxc-link{color:var(--pxc-color-text);text-underline-offset:.15em;transition:color .2s var(--pxc-ease-in-out);-webkit-text-decoration:underline;text-decoration:underline}@media (hover:hover){.pxc-link:hover{color:var(--pxc-color-action)}}@media (prefers-reduced-motion:reduce){.pxc-link{transition:none}}.pxc-link:focus-visible{outline:2px solid var(--pxc-color-focus-ring);outline-offset:2px}.pxc-banner__heading>:is(.pxc-text--h2,.pxc-text--h3),.pxc-preferences__header>h3,.pxc-preferences__section-heading>h4{min-inline-size:0;font-family:var(--pxc-font-family-headings,var(--pxc-font-family));margin:0}
|
|
2
2
|
/*$vite$:1*/
|