@prozorro/prozorro-ui 0.0.6-beta → 0.0.7-beta

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.
Files changed (42) hide show
  1. package/dist/app/assets/{Color-FRDS63T2-Bw_aC6xw.js → Color-FRDS63T2-D7DceWd3.js} +1 -1
  2. package/dist/app/assets/{Colors.stories-B0HD3yzi.js → Colors.stories-oSXYJENR.js} +1 -1
  3. package/dist/app/assets/{DocsRenderer-LL677BLK-HfkRY1rq.js → DocsRenderer-LL677BLK-CSnojeph.js} +9 -9
  4. package/dist/app/assets/{Grid.stories-BxFJTZq8.js → Grid.stories-Bs3kySs1.js} +1 -1
  5. package/dist/app/assets/{PzGrid.stories-BDlU9tgI.js → PzGrid.stories-DHYDe1eo.js} +1 -1
  6. package/dist/app/assets/PzIcon-CyZkl7-f.css +1 -0
  7. package/dist/app/assets/PzIcon.stories-DnSfvny_.js +63 -0
  8. package/dist/app/assets/PzImage-BNrbMHP9.css +1 -0
  9. package/dist/app/assets/PzImage.stories-3xf5vq8I.js +57 -0
  10. package/dist/app/assets/{PzText-DlvXMwwn.js → PzText-B1cefxtz.js} +1 -1
  11. package/dist/app/assets/{PzText.stories-ZTf0LcVq.js → PzText.stories-BFfwzgRO.js} +1 -1
  12. package/dist/app/assets/{Spacing.stories-DgW1yBGY.js → Spacing.stories-DhCjLNK2.js} +1 -1
  13. package/dist/app/assets/{Typography.stories-sQsBS8qV.js → Typography.stories-CSj6NWZS.js} +1 -1
  14. package/dist/app/assets/{WithTooltip-65CFNBJE-D9-o59O_.js → WithTooltip-65CFNBJE-CXtzAlgs.js} +1 -1
  15. package/dist/app/assets/formatter-EIJCOSYU-BiTxXm4h.js +1 -0
  16. package/dist/app/assets/{iframe-DDO2S8nh.js → iframe-AHEBgGuT.js} +66 -66
  17. package/dist/app/assets/iframe-C7ls-B1-.css +1 -0
  18. package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-seAhcrC2.js → syntaxhighlighter-OH4MV7E3-C5g7sJvt.js} +1 -1
  19. package/dist/app/iframe.html +3 -3
  20. package/dist/app/index.html +1 -1
  21. package/dist/app/index.json +1 -1
  22. package/dist/app/project.json +1 -1
  23. package/dist/app/sb-addons/storybook-2/manager-bundle.js +1 -1
  24. package/dist/app/sb-manager/globals-runtime.js +1 -1
  25. package/dist/components/PzIcon/PzIcon.vue.d.ts +7 -0
  26. package/dist/components/PzIcon/configs.d.ts +2 -0
  27. package/dist/components/PzIcon/index.d.ts +2 -0
  28. package/dist/components/PzIcon/types.d.ts +9 -0
  29. package/dist/components/PzImage/PzImage.vue.d.ts +7 -0
  30. package/dist/components/PzImage/configs.d.ts +3 -0
  31. package/dist/components/PzImage/index.d.ts +2 -0
  32. package/dist/components/PzImage/types.d.ts +10 -0
  33. package/dist/components/PzText/configs.d.ts +1 -1
  34. package/dist/index.d.ts +2 -0
  35. package/dist/package.json +1 -1
  36. package/dist/prozorro-ui.cjs +1 -1
  37. package/dist/prozorro-ui.js +91 -41
  38. package/dist/style.css +1 -1
  39. package/package.json +1 -1
  40. package/src/styles/vendors/_google-material-icons.scss +6 -3
  41. package/dist/app/assets/formatter-EIJCOSYU-Yh903Rmh.js +0 -1
  42. package/dist/app/assets/iframe-DIUjqeYQ.css +0 -1
@@ -1 +1 @@
1
- {"generatedAt":1775574171753,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"knownPackages":{"stylingPackages":{"sass":"^1.92.1"}},"hasRouterPackage":false,"packageManager":{"type":"npm","agent":"npm","nodeLinker":"node_modules"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/vue3-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/vue3","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"10.3.4","storybookVersionSpecifier":"^10.3.4","language":"typescript","storybookPackages":{"@storybook/vue3-vite":{"version":"10.3.4"},"storybook":{}},"addons":{"@storybook/addon-docs":{"version":"10.3.4"}},"packageJsonType":"module"}
1
+ {"generatedAt":1775723361991,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"knownPackages":{"stylingPackages":{"sass":"^1.92.1"}},"hasRouterPackage":false,"packageManager":{"type":"npm","agent":"npm","nodeLinker":"node_modules"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/vue3-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/vue3","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"10.3.5","storybookVersionSpecifier":"^10.3.4","language":"typescript","storybookPackages":{"@storybook/vue3-vite":{"version":"10.3.5"},"storybook":{}},"addons":{"@storybook/addon-docs":{"version":"10.3.5"}},"packageJsonType":"module"}
@@ -1,3 +1,3 @@
1
1
  try{
2
- (()=>{var h=__STORYBOOK_API__,{ActiveTabs:T,Consumer:g,ManagerContext:y,Provider:O,RequestResponseError:b,Tag:v,addons:a,combineParameters:P,controlOrMetaKey:k,controlOrMetaSymbol:x,eventMatchesShortcut:f,eventToShortcut:A,experimental_MockUniversalStore:C,experimental_UniversalStore:M,experimental_getStatusStore:R,experimental_getTestProviderStore:E,experimental_requestResponse:I,experimental_useStatusStore:G,experimental_useTestProviderStore:K,experimental_useUniversalStore:U,internal_checklistStore:B,internal_fullStatusStore:L,internal_fullTestProviderStore:N,internal_universalChecklistStore:D,internal_universalStatusStore:H,internal_universalTestProviderStore:Y,isMacLike:q,isShortcutTaken:z,keyToSymbol:$,merge:w,mockChannel:V,optionOrAltSymbol:W,shortcutMatchesShortcut:j,shortcutToAriaKeyshortcuts:F,shortcutToHumanString:J,types:Q,useAddonState:X,useArgTypes:Z,useArgs:ee,useChannel:te,useGlobalTypes:re,useGlobals:oe,useParameter:ae,useSharedState:se,useStoryPrepared:ne,useStorybookApi:le,useStorybookState:ie}=__STORYBOOK_API__;var _e=__STORYBOOK_THEMING__,{CacheProvider:de,ClassNames:pe,Global:he,ThemeProvider:Te,background:ge,color:ye,convert:Oe,create:n,createCache:be,createGlobal:ve,createReset:Pe,css:ke,darken:xe,ensure:fe,getPreferredColorScheme:Ae,ignoreSsrWarning:Ce,isPropValid:Me,jsx:Re,keyframes:Ee,lighten:Ie,srOnlyStyles:Ge,styled:Ke,themes:Ue,tokens:Be,typography:Le,useTheme:Ne,withTheme:De}=__STORYBOOK_THEMING__;a.register("TitleAddon",l=>{let s="Prozorro UI",i=()=>{let e=null;try{e=l.getCurrentStoryData()}catch(u){console.error(u)}document.title=e!==null&&e.title?`${e.title.replace(/\//g," / ")} - ${e.name} \u22C5 ${s}`:s};return new MutationObserver(()=>{document.title.endsWith("Storybook")&&i()}).observe(document.querySelector("title"),{childList:!0,subtree:!0,characterData:!0})});a.setConfig({theme:n({base:"light",brandTitle:"Prozorro UI",brandImage:"/prozorro_logo.png",brandTarget:"_self"})});})();
2
+ (()=>{var h=__STORYBOOK_API__,{ActiveTabs:T,Consumer:g,ManagerContext:y,Provider:O,RequestResponseError:P,Tag:b,addons:e,combineParameters:v,controlOrMetaKey:k,controlOrMetaSymbol:x,eventMatchesShortcut:f,eventToShortcut:A,experimental_MockUniversalStore:C,experimental_UniversalStore:M,experimental_getStatusStore:R,experimental_getTestProviderStore:E,experimental_requestResponse:I,experimental_useStatusStore:G,experimental_useTestProviderStore:K,experimental_useUniversalStore:U,internal_checklistStore:B,internal_fullStatusStore:L,internal_fullTestProviderStore:N,internal_universalChecklistStore:D,internal_universalStatusStore:H,internal_universalTestProviderStore:Y,isMacLike:z,isShortcutTaken:q,keyToSymbol:$,merge:w,mockChannel:V,optionOrAltSymbol:W,shortcutMatchesShortcut:j,shortcutToAriaKeyshortcuts:F,shortcutToHumanString:J,types:Q,useAddonState:X,useArgTypes:Z,useArgs:ee,useChannel:te,useGlobalTypes:re,useGlobals:oe,useParameter:se,useSharedState:ae,useStoryPrepared:ne,useStorybookApi:le,useStorybookState:ie}=__STORYBOOK_API__;var me=__STORYBOOK_THEMING__,{CacheProvider:_e,ClassNames:pe,Global:he,ThemeProvider:Te,background:ge,color:ye,convert:Oe,create:l,createCache:Pe,createGlobal:be,createReset:ve,css:ke,darken:xe,ensure:fe,getPreferredColorScheme:Ae,ignoreSsrWarning:Ce,isPropValid:Me,jsx:Re,keyframes:Ee,lighten:Ie,srOnlyStyles:Ge,styled:Ke,themes:Ue,tokens:Be,typography:Le,useTheme:Ne,withTheme:De}=__STORYBOOK_THEMING__;e.register("TitleAddon",a=>{let n="Prozorro UI",i=()=>{let t=null;try{t=a.getCurrentStoryData()}catch(u){console.error(u)}document.title=t?.title?`${t.title.replace(/\//g," / ")} - ${t.name} \u22C5 ${n}`:n};return new MutationObserver(()=>{document.title.endsWith("Storybook")&&i()}).observe(document.querySelector("title"),{childList:!0,subtree:!0,characterData:!0})});e.setConfig({panelPosition:"right",selectedPanel:"addon-controls",theme:l({base:"light",brandTitle:"Prozorro UI",brandImage:"/prozorro_logo.png",brandTarget:"_self"})});e.register("prozorro-ui/default-layout",a=>{a.setOptions({panelPosition:"right",selectedPanel:"addon-controls"})});})();
3
3
  }catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); }
@@ -60530,7 +60530,7 @@ init_dist();
60530
60530
  var import_memoizerific9 = __toESM(require_memoizerific(), 1), import_semver = __toESM(require_semver2(), 1);
60531
60531
 
60532
60532
  // src/manager-api/version.ts
60533
- var version = "10.3.4";
60533
+ var version = "10.3.5";
60534
60534
 
60535
60535
  // src/manager-api/modules/versions.ts
60536
60536
  var { VERSIONCHECK } = scope, getVersionCheckData = (0, import_memoizerific9.default)(1)(() => {
@@ -0,0 +1,7 @@
1
+ import { PzIconProps } from './types';
2
+ declare const _default: import('vue').DefineComponent<PzIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PzIconProps> & Readonly<{}>, {
3
+ variant: import('./types').PzIconVariant;
4
+ size: import('./types').PzIconSize;
5
+ label: string;
6
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
7
+ export default _default;
@@ -0,0 +1,2 @@
1
+ export declare const pzIconVariantOptions: ("filled" | "outlined")[];
2
+ export declare const pzIconSizeOptions: ("12" | "16" | "18" | "20" | "24" | "32" | "44")[];
@@ -0,0 +1,2 @@
1
+ export { default as PzIcon } from './PzIcon.vue';
2
+ export type { PzIconName, PzIconProps, PzIconSize, PzIconVariant } from './types';
@@ -0,0 +1,9 @@
1
+ export type PzIconName = string;
2
+ export type PzIconVariant = "filled" | "outlined";
3
+ export type PzIconSize = "12" | "16" | "18" | "20" | "24" | "32" | "44";
4
+ export interface PzIconProps {
5
+ name: PzIconName;
6
+ variant?: PzIconVariant;
7
+ size?: PzIconSize;
8
+ label?: string;
9
+ }
@@ -0,0 +1,7 @@
1
+ import { PzImageProps } from './types';
2
+ declare const _default: import('vue').DefineComponent<PzImageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PzImageProps> & Readonly<{}>, {
3
+ fit: import('./types').PzImageFit;
4
+ loading: import('./types').PzImageLoading;
5
+ decoding: import('./types').PzImageDecoding;
6
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLImageElement>;
7
+ export default _default;
@@ -0,0 +1,3 @@
1
+ export declare const pzImageFitOptions: ("fill" | "contain" | "cover" | "none" | "scale-down")[];
2
+ export declare const pzImageLoadingOptions: ("eager" | "lazy")[];
3
+ export declare const pzImageDecodingOptions: ("auto" | "async" | "sync")[];
@@ -0,0 +1,2 @@
1
+ export { default as PzImage } from './PzImage.vue';
2
+ export type { PzImageDecoding, PzImageFit, PzImageLoading, PzImageProps } from './types';
@@ -0,0 +1,10 @@
1
+ export type PzImageFit = "contain" | "cover" | "fill" | "none" | "scale-down";
2
+ export type PzImageLoading = "eager" | "lazy";
3
+ export type PzImageDecoding = "auto" | "async" | "sync";
4
+ export interface PzImageProps {
5
+ src: string;
6
+ alt: string;
7
+ fit?: PzImageFit;
8
+ loading?: PzImageLoading;
9
+ decoding?: PzImageDecoding;
10
+ }
@@ -1,2 +1,2 @@
1
1
  export declare const pzTextVariantOptions: ("link" | "h1-bold" | "h1-regular" | "h2-bold" | "h3-bold" | "h3-regular" | "h4-regular" | "h4-semibold" | "h4-bold" | "subtitle" | "body-regular" | "body-semibold" | "body-bold" | "capitalized" | "hint" | "line-through" | "small-regular" | "small-semibold" | "small-bold" | "document")[];
2
- export declare const pzTextTagOptions: ("div" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "a" | "label")[];
2
+ export declare const pzTextTagOptions: ("div" | "span" | "label" | "a" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p")[];
package/dist/index.d.ts CHANGED
@@ -1,2 +1,4 @@
1
1
  export { PzGrid, PzGridItem, type PzGridProps, type PzGridTag, type PzGridColumnSpan, type PzGridColumnStart, type PzGridItemProps, } from './components/PzGrid';
2
+ export { PzIcon, type PzIconName, type PzIconProps, type PzIconSize, type PzIconVariant } from './components/PzIcon';
3
+ export { PzImage, type PzImageDecoding, type PzImageFit, type PzImageLoading, type PzImageProps, } from './components/PzImage';
2
4
  export { PzText, type PzTextProps, type PzTextVariant, type PzTextTag } from './components/PzText';
package/dist/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@prozorro/prozorro-ui",
3
3
  "private": false,
4
- "version": "0.0.6-beta",
4
+ "version": "0.0.7-beta",
5
5
  "description": "Official Prozorro UI Library",
6
6
  "author": "Dmytro Rybachek",
7
7
  "license": "MIT",
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=t.defineComponent({name:"PzGrid",__name:"PzGrid",props:{as:{default:"div"},container:{type:Boolean,default:!1},fluid:{type:Boolean,default:!1},grid:{type:Boolean,default:!0},fit:{type:Boolean,default:!1},dense:{type:Boolean,default:!1}},setup(s){const e=s,a=t.computed(()=>[{"pz-container":e.container&&!e.fluid,"pz-container-fluid":e.container&&e.fluid,"pz-grid":e.grid,"pz-grid-fit":e.grid&&e.fit,"pz-grid-dense":e.grid&&e.dense}]);return(l,d)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.as),{class:t.normalizeClass(a.value)},{default:t.withCtx(()=>[t.renderSlot(l.$slots,"default")]),_:3},8,["class"]))}}),i=t.defineComponent({name:"PzGridItem",__name:"PzGridItem",props:{as:{default:"div"},span:{default:void 0},sm:{default:void 0},md:{default:void 0},lg:{default:void 0},xl:{default:void 0},xxl:{default:void 0},start:{default:void 0},startSm:{default:void 0},startMd:{default:void 0},startLg:{default:void 0},startXl:{default:void 0},startXxl:{default:void 0}},setup(s){const e=s,a=(o,n)=>n?n==="full"?`pz-col-${o}full`:`pz-col-${o}${n}`:null,l=(o,n)=>n?`pz-start-${o}${n}`:null,d=t.computed(()=>["pz-grid-item",a("",e.span),a("sm-",e.sm),a("md-",e.md),a("lg-",e.lg),a("xl-",e.xl),a("xxl-",e.xxl),l("",e.start),l("sm-",e.startSm),l("md-",e.startMd),l("lg-",e.startLg),l("xl-",e.startXl),l("xxl-",e.startXxl)]);return(o,n)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.as),{class:t.normalizeClass(d.value)},{default:t.withCtx(()=>[t.renderSlot(o.$slots,"default")]),_:3},8,["class"]))}}),u=t.defineComponent({name:"PzText",__name:"PzText",props:{variant:{},as:{default:void 0}},setup(s){const e={"h1-bold":"h1","h1-regular":"h1","h2-bold":"h2","h3-bold":"h3","h3-regular":"h3","h4-regular":"h4","h4-semibold":"h4","h4-bold":"h4",subtitle:"p","body-regular":"p","body-semibold":"p","body-bold":"p",capitalized:"span",hint:"span","line-through":"span","small-regular":"span","small-semibold":"span","small-bold":"span",link:"a",document:"p"},a=s,l=t.computed(()=>a.as??e[a.variant]??"span");return(d,o)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(l.value),{class:t.normalizeClass(["pz-text",`pz-text--${s.variant}`])},{default:t.withCtx(()=>[t.renderSlot(d.$slots,"default",{},void 0,!0)]),_:3},8,["class"]))}}),c=(s,e)=>{const a=s.__vccOpts||s;for(const[l,d]of e)a[l]=d;return a},p=c(u,[["__scopeId","data-v-bd3b2150"]]);exports.PzGrid=r;exports.PzGridItem=i;exports.PzText=p;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=t.defineComponent({name:"PzGrid",__name:"PzGrid",props:{as:{default:"div"},container:{type:Boolean,default:!1},fluid:{type:Boolean,default:!1},grid:{type:Boolean,default:!0},fit:{type:Boolean,default:!1},dense:{type:Boolean,default:!1}},setup(o){const e=o,a=t.computed(()=>[{"pz-container":e.container&&!e.fluid,"pz-container-fluid":e.container&&e.fluid,"pz-grid":e.grid,"pz-grid-fit":e.grid&&e.fit,"pz-grid-dense":e.grid&&e.dense}]);return(l,n)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.as),{class:t.normalizeClass(a.value)},{default:t.withCtx(()=>[t.renderSlot(l.$slots,"default")]),_:3},8,["class"]))}}),c=t.defineComponent({name:"PzGridItem",__name:"PzGridItem",props:{as:{default:"div"},span:{default:void 0},sm:{default:void 0},md:{default:void 0},lg:{default:void 0},xl:{default:void 0},xxl:{default:void 0},start:{default:void 0},startSm:{default:void 0},startMd:{default:void 0},startLg:{default:void 0},startXl:{default:void 0},startXxl:{default:void 0}},setup(o){const e=o,a=(s,d)=>d?d==="full"?`pz-col-${s}full`:`pz-col-${s}${d}`:null,l=(s,d)=>d?`pz-start-${s}${d}`:null,n=t.computed(()=>["pz-grid-item",a("",e.span),a("sm-",e.sm),a("md-",e.md),a("lg-",e.lg),a("xl-",e.xl),a("xxl-",e.xxl),l("",e.start),l("sm-",e.startSm),l("md-",e.startMd),l("lg-",e.startLg),l("xl-",e.startXl),l("xxl-",e.startXxl)]);return(s,d)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.as),{class:t.normalizeClass(n.value)},{default:t.withCtx(()=>[t.renderSlot(s.$slots,"default")]),_:3},8,["class"]))}}),u=["role","aria-hidden","aria-label"],p=t.defineComponent({name:"PzIcon",__name:"PzIcon",props:{name:{},variant:{default:"outlined"},size:{default:"16"},label:{default:void 0}},setup(o){const e=o,a=t.computed(()=>({"--pz-icon-size":`var(--pz-font-size-${e.size})`})),l=t.computed(()=>e.label?"img":void 0),n=t.computed(()=>e.label?void 0:"true");return(s,d)=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass([{outlined:e.variant==="outlined"},"pz-icon pz-material-icon"]),style:t.normalizeStyle(a.value),role:l.value,"aria-hidden":n.value,"aria-label":e.label},t.toDisplayString(e.name),15,u))}}),m=["src","alt","loading","decoding"],f=t.defineComponent({name:"PzImage",__name:"PzImage",props:{src:{},alt:{},fit:{default:"contain"},loading:{default:void 0},decoding:{default:"async"}},setup(o){const e=o,a=t.computed(()=>({"--pz-image-fit":e.fit}));return(l,n)=>(t.openBlock(),t.createElementBlock("img",{class:"pz-image",src:e.src,alt:e.alt,loading:e.loading,decoding:e.decoding,style:t.normalizeStyle(a.value)},null,12,m))}}),i=(o,e)=>{const a=o.__vccOpts||o;for(const[l,n]of e)a[l]=n;return a},z=i(f,[["__scopeId","data-v-33d59ff0"]]),g=t.defineComponent({name:"PzText",__name:"PzText",props:{variant:{},as:{default:void 0}},setup(o){const e={"h1-bold":"h1","h1-regular":"h1","h2-bold":"h2","h3-bold":"h3","h3-regular":"h3","h4-regular":"h4","h4-semibold":"h4","h4-bold":"h4",subtitle:"p","body-regular":"p","body-semibold":"p","body-bold":"p",capitalized:"span",hint:"span","line-through":"span","small-regular":"span","small-semibold":"span","small-bold":"span",link:"a",document:"p"},a=o,l=t.computed(()=>a.as??e[a.variant]??"span");return(n,s)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(l.value),{class:t.normalizeClass(["pz-text",`pz-text--${o.variant}`])},{default:t.withCtx(()=>[t.renderSlot(n.$slots,"default",{},void 0,!0)]),_:3},8,["class"]))}}),v=i(g,[["__scopeId","data-v-bd3b2150"]]);exports.PzGrid=r;exports.PzGridItem=c;exports.PzIcon=p;exports.PzImage=z;exports.PzText=v;
@@ -1,5 +1,5 @@
1
- import { defineComponent as r, computed as n, openBlock as i, createBlock as u, resolveDynamicComponent as p, normalizeClass as c, withCtx as f, renderSlot as m } from "vue";
2
- const z = /* @__PURE__ */ r({
1
+ import { defineComponent as i, computed as d, openBlock as r, createBlock as u, resolveDynamicComponent as p, normalizeClass as c, withCtx as f, renderSlot as m, createElementBlock as g, normalizeStyle as _, toDisplayString as v } from "vue";
2
+ const $ = /* @__PURE__ */ i({
3
3
  name: "PzGrid",
4
4
  __name: "PzGrid",
5
5
  props: {
@@ -11,17 +11,17 @@ const z = /* @__PURE__ */ r({
11
11
  dense: { type: Boolean, default: !1 }
12
12
  },
13
13
  setup(l) {
14
- const t = l, a = n(() => [
14
+ const a = l, t = d(() => [
15
15
  {
16
- "pz-container": t.container && !t.fluid,
17
- "pz-container-fluid": t.container && t.fluid,
18
- "pz-grid": t.grid,
19
- "pz-grid-fit": t.grid && t.fit,
20
- "pz-grid-dense": t.grid && t.dense
16
+ "pz-container": a.container && !a.fluid,
17
+ "pz-container-fluid": a.container && a.fluid,
18
+ "pz-grid": a.grid,
19
+ "pz-grid-fit": a.grid && a.fit,
20
+ "pz-grid-dense": a.grid && a.dense
21
21
  }
22
22
  ]);
23
- return (e, o) => (i(), u(p(t.as), {
24
- class: c(a.value)
23
+ return (e, s) => (r(), u(p(a.as), {
24
+ class: c(t.value)
25
25
  }, {
26
26
  default: f(() => [
27
27
  m(e.$slots, "default")
@@ -29,7 +29,7 @@ const z = /* @__PURE__ */ r({
29
29
  _: 3
30
30
  }, 8, ["class"]));
31
31
  }
32
- }), _ = /* @__PURE__ */ r({
32
+ }), I = /* @__PURE__ */ i({
33
33
  name: "PzGridItem",
34
34
  __name: "PzGridItem",
35
35
  props: {
@@ -48,31 +48,84 @@ const z = /* @__PURE__ */ r({
48
48
  startXxl: { default: void 0 }
49
49
  },
50
50
  setup(l) {
51
- const t = l, a = (s, d) => d ? d === "full" ? `pz-col-${s}full` : `pz-col-${s}${d}` : null, e = (s, d) => d ? `pz-start-${s}${d}` : null, o = n(() => [
51
+ const a = l, t = (n, o) => o ? o === "full" ? `pz-col-${n}full` : `pz-col-${n}${o}` : null, e = (n, o) => o ? `pz-start-${n}${o}` : null, s = d(() => [
52
52
  "pz-grid-item",
53
- a("", t.span),
54
- a("sm-", t.sm),
55
- a("md-", t.md),
56
- a("lg-", t.lg),
57
- a("xl-", t.xl),
58
- a("xxl-", t.xxl),
59
- e("", t.start),
60
- e("sm-", t.startSm),
61
- e("md-", t.startMd),
62
- e("lg-", t.startLg),
63
- e("xl-", t.startXl),
64
- e("xxl-", t.startXxl)
53
+ t("", a.span),
54
+ t("sm-", a.sm),
55
+ t("md-", a.md),
56
+ t("lg-", a.lg),
57
+ t("xl-", a.xl),
58
+ t("xxl-", a.xxl),
59
+ e("", a.start),
60
+ e("sm-", a.startSm),
61
+ e("md-", a.startMd),
62
+ e("lg-", a.startLg),
63
+ e("xl-", a.startXl),
64
+ e("xxl-", a.startXxl)
65
65
  ]);
66
- return (s, d) => (i(), u(p(t.as), {
67
- class: c(o.value)
66
+ return (n, o) => (r(), u(p(a.as), {
67
+ class: c(s.value)
68
68
  }, {
69
69
  default: f(() => [
70
- m(s.$slots, "default")
70
+ m(n.$slots, "default")
71
71
  ]),
72
72
  _: 3
73
73
  }, 8, ["class"]));
74
74
  }
75
- }), v = /* @__PURE__ */ r({
75
+ }), h = ["role", "aria-hidden", "aria-label"], B = /* @__PURE__ */ i({
76
+ name: "PzIcon",
77
+ __name: "PzIcon",
78
+ props: {
79
+ name: {},
80
+ variant: { default: "outlined" },
81
+ size: { default: "16" },
82
+ label: { default: void 0 }
83
+ },
84
+ setup(l) {
85
+ const a = l, t = d(
86
+ () => ({
87
+ "--pz-icon-size": `var(--pz-font-size-${a.size})`
88
+ })
89
+ ), e = d(() => a.label ? "img" : void 0), s = d(() => a.label ? void 0 : "true");
90
+ return (n, o) => (r(), g("span", {
91
+ class: c([{ outlined: a.variant === "outlined" }, "pz-icon pz-material-icon"]),
92
+ style: _(t.value),
93
+ role: e.value,
94
+ "aria-hidden": s.value,
95
+ "aria-label": a.label
96
+ }, v(a.name), 15, h));
97
+ }
98
+ }), x = ["src", "alt", "loading", "decoding"], b = /* @__PURE__ */ i({
99
+ name: "PzImage",
100
+ __name: "PzImage",
101
+ props: {
102
+ src: {},
103
+ alt: {},
104
+ fit: { default: "contain" },
105
+ loading: { default: void 0 },
106
+ decoding: { default: "async" }
107
+ },
108
+ setup(l) {
109
+ const a = l, t = d(
110
+ () => ({
111
+ "--pz-image-fit": a.fit
112
+ })
113
+ );
114
+ return (e, s) => (r(), g("img", {
115
+ class: "pz-image",
116
+ src: a.src,
117
+ alt: a.alt,
118
+ loading: a.loading,
119
+ decoding: a.decoding,
120
+ style: _(t.value)
121
+ }, null, 12, x));
122
+ }
123
+ }), z = (l, a) => {
124
+ const t = l.__vccOpts || l;
125
+ for (const [e, s] of a)
126
+ t[e] = s;
127
+ return t;
128
+ }, C = /* @__PURE__ */ z(b, [["__scopeId", "data-v-33d59ff0"]]), y = /* @__PURE__ */ i({
76
129
  name: "PzText",
77
130
  __name: "PzText",
78
131
  props: {
@@ -80,7 +133,7 @@ const z = /* @__PURE__ */ r({
80
133
  as: { default: void 0 }
81
134
  },
82
135
  setup(l) {
83
- const t = {
136
+ const a = {
84
137
  "h1-bold": "h1",
85
138
  "h1-regular": "h1",
86
139
  "h2-bold": "h2",
@@ -101,24 +154,21 @@ const z = /* @__PURE__ */ r({
101
154
  "small-bold": "span",
102
155
  link: "a",
103
156
  document: "p"
104
- }, a = l, e = n(() => a.as ?? t[a.variant] ?? "span");
105
- return (o, s) => (i(), u(p(e.value), {
157
+ }, t = l, e = d(() => t.as ?? a[t.variant] ?? "span");
158
+ return (s, n) => (r(), u(p(e.value), {
106
159
  class: c(["pz-text", `pz-text--${l.variant}`])
107
160
  }, {
108
161
  default: f(() => [
109
- m(o.$slots, "default", {}, void 0, !0)
162
+ m(s.$slots, "default", {}, void 0, !0)
110
163
  ]),
111
164
  _: 3
112
165
  }, 8, ["class"]));
113
166
  }
114
- }), g = (l, t) => {
115
- const a = l.__vccOpts || l;
116
- for (const [e, o] of t)
117
- a[e] = o;
118
- return a;
119
- }, x = /* @__PURE__ */ g(v, [["__scopeId", "data-v-bd3b2150"]]);
167
+ }), S = /* @__PURE__ */ z(y, [["__scopeId", "data-v-bd3b2150"]]);
120
168
  export {
121
- z as PzGrid,
122
- _ as PzGridItem,
123
- x as PzText
169
+ $ as PzGrid,
170
+ I as PzGridItem,
171
+ B as PzIcon,
172
+ C as PzImage,
173
+ S as PzText
124
174
  };
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- :root{--pz-color-white: #fff;--pz-color-black-90: #242638;--pz-color-grey-20: #f5f5f5;--pz-color-grey-30: #d6dade;--pz-color-grey-40: #c0c0c0;--pz-color-grey-60: #6d6d6d;--pz-color-blue-10: #f0f4f5;--pz-color-blue-30: #c2d8de;--pz-color-blue-50: #2070d1;--pz-color-blue-60: #014da8;--pz-color-red-30: #f7dcdc;--pz-color-red-40: #e85d57;--pz-color-red-50: #ff3800;--pz-color-red-60: #d70c17;--pz-color-orange-50: #ff831a;--pz-color-orange-60: #e86a00;--pz-color-green-20: #e2f7dc;--pz-color-green-30: #89db33;--pz-color-green-50: #599a4f;--pz-color-green-60: #4c8344;--pz-color-gradient-blue: #0082fc;--pz-color-gradient-green: #599a4f;--pz-color-gradient-orange: #ff831a;--pz-gradient-blue: linear-gradient(90deg, var(--pz-color-gradient-blue) 0%, var(--pz-color-white) 100%);--pz-gradient-green: linear-gradient(90deg, var(--pz-color-gradient-green) 0%, var(--pz-color-white) 100%);--pz-gradient-orange: linear-gradient(90deg, var(--pz-color-gradient-orange) 0%, var(--pz-color-white) 100%);--pz-color-text-primary: var(--pz-color-black-90);--pz-color-text-secondary: var(--pz-color-grey-60);--pz-color-text-link: var(--pz-color-blue-50);--pz-color-text-link-hover: var(--pz-color-blue-60);--pz-color-text-link-disabled: var(--pz-color-grey-40);--pz-color-button-danger: var(--pz-color-red-50);--pz-color-button-danger-hover: var(--pz-color-red-60);--pz-color-button-primary: var(--pz-color-blue-50);--pz-color-button-primary-hover: var(--pz-color-blue-60);--pz-color-button-success-light: var(--pz-color-green-30);--pz-color-button-success: var(--pz-color-green-50);--pz-color-button-success-hover: var(--pz-color-green-60);--pz-color-button-alert: var(--pz-color-orange-50);--pz-color-button-alert-hover: var(--pz-color-orange-60);--pz-color-button-disabled: var(--pz-color-grey-40);--pz-color-status-inactive: var(--pz-color-red-50);--pz-color-status-hidden: var(--pz-color-orange-50);--pz-color-status-active: var(--pz-color-green-50);--pz-color-status-monitoring: var(--pz-color-green-30);--pz-color-status-disabled: var(--pz-color-grey-40);--pz-color-status-progress: var(--pz-color-blue-50);--pz-gradient-status-auction-progress: var(--pz-gradient-blue);--pz-gradient-status-auction-waiting: var(--pz-gradient-orange);--pz-gradient-status-auction-success: var(--pz-gradient-green);--pz-color-background-primary: var(--pz-color-white);--pz-color-background-frame: var(--pz-color-grey-20);--pz-color-background-hover: var(--pz-color-blue-10);--pz-color-tag-green: var(--pz-color-green-20);--pz-color-tag-grey: var(--pz-color-grey-30);--pz-color-tag-blue: var(--pz-color-blue-30);--pz-color-tag-red: var(--pz-color-red-30);--pz-color-stroke-red: var(--pz-color-red-60);--pz-color-stroke-grey: var(--pz-color-grey-30);--pz-color-icon-primary: var(--pz-color-blue-50);--pz-color-icon-hover: var(--pz-color-blue-60);--pz-color-icon-danger: var(--pz-color-red-50);--pz-color-icon-danger-hover: var(--pz-color-red-60);--pz-color-icon-success-light: var(--pz-color-green-30);--pz-color-icon-success: var(--pz-color-green-50);--pz-color-icon-success-hover: var(--pz-color-green-60);--pz-color-icon-alert: var(--pz-color-orange-50);--pz-color-icon-alert-hover: var(--pz-color-orange-60);--pz-color-icon-disabled: var(--pz-color-grey-40);--pz-color-auction-red-text: var(--pz-color-red-40);--pz-font-size-44: 44px;--pz-font-size-32: 32px;--pz-font-size-24: 24px;--pz-font-size-20: 20px;--pz-font-size-18: 18px;--pz-font-size-16: 16px;--pz-font-size-14: 14px;--pz-font-size-12: 12px;--pz-space-0: 0;--pz-space-4: 4px;--pz-space-8: 8px;--pz-space-16: 16px;--pz-space-20: 20px;--pz-space-24: 24px;--pz-space-32: 32px;--pz-space-40: 40px;--pz-space-44: 44px;--pz-space-60: 60px;--pz-grid-columns-mobile: 4;--pz-grid-columns-tablet: 8;--pz-grid-columns-desktop: 12;--pz-grid-gutter-mobile: 16px;--pz-grid-gutter-tablet: 24px;--pz-grid-gutter-desktop: 24px;--pz-grid-margin-mobile: 16px;--pz-grid-margin-tablet: 32px;--pz-grid-margin-desktop: 80px;--pz-grid-frame-max-width-mobile: 100%;--pz-grid-frame-max-width-tablet: 768px;--pz-grid-frame-max-width-desktop: 1440px;--pz-grid-columns: var(--pz-grid-columns-mobile);--pz-grid-gutter: var(--pz-grid-gutter-mobile);--pz-grid-margin: var(--pz-grid-margin-mobile);--pz-grid-frame-max-width: var(--pz-grid-frame-max-width-mobile)}@media (width >= 768px){:root{--pz-grid-columns: var(--pz-grid-columns-tablet);--pz-grid-gutter: var(--pz-grid-gutter-tablet);--pz-grid-margin: var(--pz-grid-margin-tablet);--pz-grid-frame-max-width: var(--pz-grid-frame-max-width-tablet)}}@media (width >= 1200px){:root{--pz-grid-columns: var(--pz-grid-columns-desktop);--pz-grid-gutter: var(--pz-grid-gutter-desktop);--pz-grid-margin: var(--pz-grid-margin-desktop);--pz-grid-frame-max-width: var(--pz-grid-frame-max-width-desktop)}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */*{box-sizing:border-box}html{line-height:1.15;text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v85/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format("woff2")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconsoutlined/v56/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcel5euIg.woff2) format("woff2")}.material-icons{font-family:Material Icons,sans-serif;font-weight:400;font-style:normal;font-size:var(--pz-font-size-16);line-height:inherit;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:"liga";text-decoration:none!important;-webkit-font-smoothing:antialiased}.material-icons.outlined{font-family:Material Icons Outlined,sans-serif}.material-icons:hover{text-decoration:none!important}.pz-text-white{color:var(--pz-color-white)}.pz-bg-white{background-color:var(--pz-color-white)}.pz-text-black-90{color:var(--pz-color-black-90)}.pz-bg-black-90{background-color:var(--pz-color-black-90)}.pz-text-grey-20{color:var(--pz-color-grey-20)}.pz-bg-grey-20{background-color:var(--pz-color-grey-20)}.pz-text-grey-30{color:var(--pz-color-grey-30)}.pz-bg-grey-30{background-color:var(--pz-color-grey-30)}.pz-text-grey-40{color:var(--pz-color-grey-40)}.pz-bg-grey-40{background-color:var(--pz-color-grey-40)}.pz-text-grey-60{color:var(--pz-color-grey-60)}.pz-bg-grey-60{background-color:var(--pz-color-grey-60)}.pz-text-blue-10{color:var(--pz-color-blue-10)}.pz-bg-blue-10{background-color:var(--pz-color-blue-10)}.pz-text-blue-30{color:var(--pz-color-blue-30)}.pz-bg-blue-30{background-color:var(--pz-color-blue-30)}.pz-text-blue-50{color:var(--pz-color-blue-50)}.pz-bg-blue-50{background-color:var(--pz-color-blue-50)}.pz-text-blue-60{color:var(--pz-color-blue-60)}.pz-bg-blue-60{background-color:var(--pz-color-blue-60)}.pz-text-red-30{color:var(--pz-color-red-30)}.pz-bg-red-30{background-color:var(--pz-color-red-30)}.pz-text-red-40{color:var(--pz-color-red-40)}.pz-bg-red-40{background-color:var(--pz-color-red-40)}.pz-text-red-50{color:var(--pz-color-red-50)}.pz-bg-red-50{background-color:var(--pz-color-red-50)}.pz-text-red-60{color:var(--pz-color-red-60)}.pz-bg-red-60{background-color:var(--pz-color-red-60)}.pz-text-orange-50{color:var(--pz-color-orange-50)}.pz-bg-orange-50{background-color:var(--pz-color-orange-50)}.pz-text-orange-60{color:var(--pz-color-orange-60)}.pz-bg-orange-60{background-color:var(--pz-color-orange-60)}.pz-text-green-20{color:var(--pz-color-green-20)}.pz-bg-green-20{background-color:var(--pz-color-green-20)}.pz-text-green-30{color:var(--pz-color-green-30)}.pz-bg-green-30{background-color:var(--pz-color-green-30)}.pz-text-green-50{color:var(--pz-color-green-50)}.pz-bg-green-50{background-color:var(--pz-color-green-50)}.pz-text-green-60{color:var(--pz-color-green-60)}.pz-bg-green-60{background-color:var(--pz-color-green-60)}.pz-text-gradient-blue{color:var(--pz-color-gradient-blue)}.pz-bg-gradient-blue{background-color:var(--pz-color-gradient-blue)}.pz-text-gradient-green{color:var(--pz-color-gradient-green)}.pz-bg-gradient-green{background-color:var(--pz-color-gradient-green)}.pz-text-gradient-orange{color:var(--pz-color-gradient-orange)}.pz-bg-gradient-orange{background-color:var(--pz-color-gradient-orange)}.pz-text-text-primary{color:var(--pz-color-text-primary)}.pz-bg-text-primary{background-color:var(--pz-color-text-primary)}.pz-text-text-secondary{color:var(--pz-color-text-secondary)}.pz-bg-text-secondary{background-color:var(--pz-color-text-secondary)}.pz-text-text-link{color:var(--pz-color-text-link)}.pz-bg-text-link{background-color:var(--pz-color-text-link)}.pz-text-text-link-hover{color:var(--pz-color-text-link-hover)}.pz-bg-text-link-hover{background-color:var(--pz-color-text-link-hover)}.pz-text-text-link-disabled{color:var(--pz-color-text-link-disabled)}.pz-bg-text-link-disabled{background-color:var(--pz-color-text-link-disabled)}.pz-text-button-danger{color:var(--pz-color-button-danger)}.pz-bg-button-danger{background-color:var(--pz-color-button-danger)}.pz-text-button-danger-hover{color:var(--pz-color-button-danger-hover)}.pz-bg-button-danger-hover{background-color:var(--pz-color-button-danger-hover)}.pz-text-button-primary{color:var(--pz-color-button-primary)}.pz-bg-button-primary{background-color:var(--pz-color-button-primary)}.pz-text-button-primary-hover{color:var(--pz-color-button-primary-hover)}.pz-bg-button-primary-hover{background-color:var(--pz-color-button-primary-hover)}.pz-text-button-success-light{color:var(--pz-color-button-success-light)}.pz-bg-button-success-light{background-color:var(--pz-color-button-success-light)}.pz-text-button-success{color:var(--pz-color-button-success)}.pz-bg-button-success{background-color:var(--pz-color-button-success)}.pz-text-button-success-hover{color:var(--pz-color-button-success-hover)}.pz-bg-button-success-hover{background-color:var(--pz-color-button-success-hover)}.pz-text-button-alert{color:var(--pz-color-button-alert)}.pz-bg-button-alert{background-color:var(--pz-color-button-alert)}.pz-text-button-alert-hover{color:var(--pz-color-button-alert-hover)}.pz-bg-button-alert-hover{background-color:var(--pz-color-button-alert-hover)}.pz-text-button-disabled{color:var(--pz-color-button-disabled)}.pz-bg-button-disabled{background-color:var(--pz-color-button-disabled)}.pz-text-status-inactive{color:var(--pz-color-status-inactive)}.pz-bg-status-inactive{background-color:var(--pz-color-status-inactive)}.pz-text-status-hidden{color:var(--pz-color-status-hidden)}.pz-bg-status-hidden{background-color:var(--pz-color-status-hidden)}.pz-text-status-active{color:var(--pz-color-status-active)}.pz-bg-status-active{background-color:var(--pz-color-status-active)}.pz-text-status-monitoring{color:var(--pz-color-status-monitoring)}.pz-bg-status-monitoring{background-color:var(--pz-color-status-monitoring)}.pz-text-status-disabled{color:var(--pz-color-status-disabled)}.pz-bg-status-disabled{background-color:var(--pz-color-status-disabled)}.pz-text-status-progress{color:var(--pz-color-status-progress)}.pz-bg-status-progress{background-color:var(--pz-color-status-progress)}.pz-text-background-primary{color:var(--pz-color-background-primary)}.pz-bg-background-primary{background-color:var(--pz-color-background-primary)}.pz-text-background-frame{color:var(--pz-color-background-frame)}.pz-bg-background-frame{background-color:var(--pz-color-background-frame)}.pz-text-background-hover{color:var(--pz-color-background-hover)}.pz-bg-background-hover{background-color:var(--pz-color-background-hover)}.pz-text-tag-green{color:var(--pz-color-tag-green)}.pz-bg-tag-green{background-color:var(--pz-color-tag-green)}.pz-text-tag-grey{color:var(--pz-color-tag-grey)}.pz-bg-tag-grey{background-color:var(--pz-color-tag-grey)}.pz-text-tag-blue{color:var(--pz-color-tag-blue)}.pz-bg-tag-blue{background-color:var(--pz-color-tag-blue)}.pz-text-tag-red{color:var(--pz-color-tag-red)}.pz-bg-tag-red{background-color:var(--pz-color-tag-red)}.pz-text-stroke-red{color:var(--pz-color-stroke-red)}.pz-bg-stroke-red{background-color:var(--pz-color-stroke-red)}.pz-text-stroke-grey{color:var(--pz-color-stroke-grey)}.pz-bg-stroke-grey{background-color:var(--pz-color-stroke-grey)}.pz-text-icon-primary{color:var(--pz-color-icon-primary)}.pz-bg-icon-primary{background-color:var(--pz-color-icon-primary)}.pz-text-icon-hover{color:var(--pz-color-icon-hover)}.pz-bg-icon-hover{background-color:var(--pz-color-icon-hover)}.pz-text-icon-danger{color:var(--pz-color-icon-danger)}.pz-bg-icon-danger{background-color:var(--pz-color-icon-danger)}.pz-text-icon-danger-hover{color:var(--pz-color-icon-danger-hover)}.pz-bg-icon-danger-hover{background-color:var(--pz-color-icon-danger-hover)}.pz-text-icon-success-light{color:var(--pz-color-icon-success-light)}.pz-bg-icon-success-light{background-color:var(--pz-color-icon-success-light)}.pz-text-icon-success{color:var(--pz-color-icon-success)}.pz-bg-icon-success{background-color:var(--pz-color-icon-success)}.pz-text-icon-success-hover{color:var(--pz-color-icon-success-hover)}.pz-bg-icon-success-hover{background-color:var(--pz-color-icon-success-hover)}.pz-text-icon-alert{color:var(--pz-color-icon-alert)}.pz-bg-icon-alert{background-color:var(--pz-color-icon-alert)}.pz-text-icon-alert-hover{color:var(--pz-color-icon-alert-hover)}.pz-bg-icon-alert-hover{background-color:var(--pz-color-icon-alert-hover)}.pz-text-icon-disabled{color:var(--pz-color-icon-disabled)}.pz-bg-icon-disabled{background-color:var(--pz-color-icon-disabled)}.pz-text-auction-red-text{color:var(--pz-color-auction-red-text)}.pz-bg-auction-red-text{background-color:var(--pz-color-auction-red-text)}.pz-bg-gradient-blue{background-image:var(--pz-gradient-blue)}.pz-bg-gradient-green{background-image:var(--pz-gradient-green)}.pz-bg-gradient-orange{background-image:var(--pz-gradient-orange)}.pz-bg-status-auction-progress{background-image:var(--pz-gradient-status-auction-progress)}.pz-bg-status-auction-waiting{background-image:var(--pz-gradient-status-auction-waiting)}.pz-bg-status-auction-success{background-image:var(--pz-gradient-status-auction-success)}.pz-m-0{margin:var(--pz-space-0)}.pz-m-4{margin:var(--pz-space-4)}.pz-m-8{margin:var(--pz-space-8)}.pz-m-16{margin:var(--pz-space-16)}.pz-m-20{margin:var(--pz-space-20)}.pz-m-24{margin:var(--pz-space-24)}.pz-m-32{margin:var(--pz-space-32)}.pz-m-40{margin:var(--pz-space-40)}.pz-m-44{margin:var(--pz-space-44)}.pz-m-60{margin:var(--pz-space-60)}.pz-mt-0{margin-top:var(--pz-space-0)}.pz-mt-4{margin-top:var(--pz-space-4)}.pz-mt-8{margin-top:var(--pz-space-8)}.pz-mt-16{margin-top:var(--pz-space-16)}.pz-mt-20{margin-top:var(--pz-space-20)}.pz-mt-24{margin-top:var(--pz-space-24)}.pz-mt-32{margin-top:var(--pz-space-32)}.pz-mt-40{margin-top:var(--pz-space-40)}.pz-mt-44{margin-top:var(--pz-space-44)}.pz-mt-60{margin-top:var(--pz-space-60)}.pz-mr-0{margin-right:var(--pz-space-0)}.pz-mr-4{margin-right:var(--pz-space-4)}.pz-mr-8{margin-right:var(--pz-space-8)}.pz-mr-16{margin-right:var(--pz-space-16)}.pz-mr-20{margin-right:var(--pz-space-20)}.pz-mr-24{margin-right:var(--pz-space-24)}.pz-mr-32{margin-right:var(--pz-space-32)}.pz-mr-40{margin-right:var(--pz-space-40)}.pz-mr-44{margin-right:var(--pz-space-44)}.pz-mr-60{margin-right:var(--pz-space-60)}.pz-mb-0{margin-bottom:var(--pz-space-0)}.pz-mb-4{margin-bottom:var(--pz-space-4)}.pz-mb-8{margin-bottom:var(--pz-space-8)}.pz-mb-16{margin-bottom:var(--pz-space-16)}.pz-mb-20{margin-bottom:var(--pz-space-20)}.pz-mb-24{margin-bottom:var(--pz-space-24)}.pz-mb-32{margin-bottom:var(--pz-space-32)}.pz-mb-40{margin-bottom:var(--pz-space-40)}.pz-mb-44{margin-bottom:var(--pz-space-44)}.pz-mb-60{margin-bottom:var(--pz-space-60)}.pz-ml-0{margin-left:var(--pz-space-0)}.pz-ml-4{margin-left:var(--pz-space-4)}.pz-ml-8{margin-left:var(--pz-space-8)}.pz-ml-16{margin-left:var(--pz-space-16)}.pz-ml-20{margin-left:var(--pz-space-20)}.pz-ml-24{margin-left:var(--pz-space-24)}.pz-ml-32{margin-left:var(--pz-space-32)}.pz-ml-40{margin-left:var(--pz-space-40)}.pz-ml-44{margin-left:var(--pz-space-44)}.pz-ml-60{margin-left:var(--pz-space-60)}.pz-mx-0{margin-inline:var(--pz-space-0)}.pz-mx-4{margin-inline:var(--pz-space-4)}.pz-mx-8{margin-inline:var(--pz-space-8)}.pz-mx-16{margin-inline:var(--pz-space-16)}.pz-mx-20{margin-inline:var(--pz-space-20)}.pz-mx-24{margin-inline:var(--pz-space-24)}.pz-mx-32{margin-inline:var(--pz-space-32)}.pz-mx-40{margin-inline:var(--pz-space-40)}.pz-mx-44{margin-inline:var(--pz-space-44)}.pz-mx-60{margin-inline:var(--pz-space-60)}.pz-my-0{margin-block:var(--pz-space-0)}.pz-my-4{margin-block:var(--pz-space-4)}.pz-my-8{margin-block:var(--pz-space-8)}.pz-my-16{margin-block:var(--pz-space-16)}.pz-my-20{margin-block:var(--pz-space-20)}.pz-my-24{margin-block:var(--pz-space-24)}.pz-my-32{margin-block:var(--pz-space-32)}.pz-my-40{margin-block:var(--pz-space-40)}.pz-my-44{margin-block:var(--pz-space-44)}.pz-my-60{margin-block:var(--pz-space-60)}.pz-p-0{padding:var(--pz-space-0)}.pz-p-4{padding:var(--pz-space-4)}.pz-p-8{padding:var(--pz-space-8)}.pz-p-16{padding:var(--pz-space-16)}.pz-p-20{padding:var(--pz-space-20)}.pz-p-24{padding:var(--pz-space-24)}.pz-p-32{padding:var(--pz-space-32)}.pz-p-40{padding:var(--pz-space-40)}.pz-p-44{padding:var(--pz-space-44)}.pz-p-60{padding:var(--pz-space-60)}.pz-pt-0{padding-top:var(--pz-space-0)}.pz-pt-4{padding-top:var(--pz-space-4)}.pz-pt-8{padding-top:var(--pz-space-8)}.pz-pt-16{padding-top:var(--pz-space-16)}.pz-pt-20{padding-top:var(--pz-space-20)}.pz-pt-24{padding-top:var(--pz-space-24)}.pz-pt-32{padding-top:var(--pz-space-32)}.pz-pt-40{padding-top:var(--pz-space-40)}.pz-pt-44{padding-top:var(--pz-space-44)}.pz-pt-60{padding-top:var(--pz-space-60)}.pz-pr-0{padding-right:var(--pz-space-0)}.pz-pr-4{padding-right:var(--pz-space-4)}.pz-pr-8{padding-right:var(--pz-space-8)}.pz-pr-16{padding-right:var(--pz-space-16)}.pz-pr-20{padding-right:var(--pz-space-20)}.pz-pr-24{padding-right:var(--pz-space-24)}.pz-pr-32{padding-right:var(--pz-space-32)}.pz-pr-40{padding-right:var(--pz-space-40)}.pz-pr-44{padding-right:var(--pz-space-44)}.pz-pr-60{padding-right:var(--pz-space-60)}.pz-pb-0{padding-bottom:var(--pz-space-0)}.pz-pb-4{padding-bottom:var(--pz-space-4)}.pz-pb-8{padding-bottom:var(--pz-space-8)}.pz-pb-16{padding-bottom:var(--pz-space-16)}.pz-pb-20{padding-bottom:var(--pz-space-20)}.pz-pb-24{padding-bottom:var(--pz-space-24)}.pz-pb-32{padding-bottom:var(--pz-space-32)}.pz-pb-40{padding-bottom:var(--pz-space-40)}.pz-pb-44{padding-bottom:var(--pz-space-44)}.pz-pb-60{padding-bottom:var(--pz-space-60)}.pz-pl-0{padding-left:var(--pz-space-0)}.pz-pl-4{padding-left:var(--pz-space-4)}.pz-pl-8{padding-left:var(--pz-space-8)}.pz-pl-16{padding-left:var(--pz-space-16)}.pz-pl-20{padding-left:var(--pz-space-20)}.pz-pl-24{padding-left:var(--pz-space-24)}.pz-pl-32{padding-left:var(--pz-space-32)}.pz-pl-40{padding-left:var(--pz-space-40)}.pz-pl-44{padding-left:var(--pz-space-44)}.pz-pl-60{padding-left:var(--pz-space-60)}.pz-px-0{padding-inline:var(--pz-space-0)}.pz-px-4{padding-inline:var(--pz-space-4)}.pz-px-8{padding-inline:var(--pz-space-8)}.pz-px-16{padding-inline:var(--pz-space-16)}.pz-px-20{padding-inline:var(--pz-space-20)}.pz-px-24{padding-inline:var(--pz-space-24)}.pz-px-32{padding-inline:var(--pz-space-32)}.pz-px-40{padding-inline:var(--pz-space-40)}.pz-px-44{padding-inline:var(--pz-space-44)}.pz-px-60{padding-inline:var(--pz-space-60)}.pz-py-0{padding-block:var(--pz-space-0)}.pz-py-4{padding-block:var(--pz-space-4)}.pz-py-8{padding-block:var(--pz-space-8)}.pz-py-16{padding-block:var(--pz-space-16)}.pz-py-20{padding-block:var(--pz-space-20)}.pz-py-24{padding-block:var(--pz-space-24)}.pz-py-32{padding-block:var(--pz-space-32)}.pz-py-40{padding-block:var(--pz-space-40)}.pz-py-44{padding-block:var(--pz-space-44)}.pz-py-60{padding-block:var(--pz-space-60)}.pz-m-auto{margin:auto}.pz-mx-auto{margin-inline:auto}.pz-my-auto{margin-block:auto}.pz-ml-auto{margin-left:auto}.pz-mr-auto{margin-right:auto}.pz-container{width:min(100%,var(--pz-grid-frame-max-width));padding-inline:var(--pz-grid-margin);margin-inline:auto}.pz-container-fluid{width:100%;padding-inline:var(--pz-grid-margin);margin-inline:auto}.pz-grid{display:grid;grid-template-columns:repeat(var(--pz-grid-columns),minmax(0,1fr));gap:var(--pz-grid-gutter)}.pz-grid-dense{grid-auto-flow:dense}.pz-grid-fit{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.pz-grid-item{min-width:0}.pz-col-full{grid-column:1/-1}.pz-col-1{grid-column:span 1}.pz-start-1{grid-column-start:1}.pz-col-2{grid-column:span 2}.pz-start-2{grid-column-start:2}.pz-col-3{grid-column:span 3}.pz-start-3{grid-column-start:3}.pz-col-4{grid-column:span 4}.pz-start-4{grid-column-start:4}.pz-col-5{grid-column:span 5}.pz-start-5{grid-column-start:5}.pz-col-6{grid-column:span 6}.pz-start-6{grid-column-start:6}.pz-col-7{grid-column:span 7}.pz-start-7{grid-column-start:7}.pz-col-8{grid-column:span 8}.pz-start-8{grid-column-start:8}.pz-col-9{grid-column:span 9}.pz-start-9{grid-column-start:9}.pz-col-10{grid-column:span 10}.pz-start-10{grid-column-start:10}.pz-col-11{grid-column:span 11}.pz-start-11{grid-column-start:11}.pz-col-12{grid-column:span 12}.pz-start-12{grid-column-start:12}@media (min-width: 576px){.pz-col-sm-full{grid-column:1/-1}.pz-col-sm-1{grid-column:span 1}.pz-start-sm-1{grid-column-start:1}.pz-col-sm-2{grid-column:span 2}.pz-start-sm-2{grid-column-start:2}.pz-col-sm-3{grid-column:span 3}.pz-start-sm-3{grid-column-start:3}.pz-col-sm-4{grid-column:span 4}.pz-start-sm-4{grid-column-start:4}.pz-col-sm-5{grid-column:span 5}.pz-start-sm-5{grid-column-start:5}.pz-col-sm-6{grid-column:span 6}.pz-start-sm-6{grid-column-start:6}.pz-col-sm-7{grid-column:span 7}.pz-start-sm-7{grid-column-start:7}.pz-col-sm-8{grid-column:span 8}.pz-start-sm-8{grid-column-start:8}.pz-col-sm-9{grid-column:span 9}.pz-start-sm-9{grid-column-start:9}.pz-col-sm-10{grid-column:span 10}.pz-start-sm-10{grid-column-start:10}.pz-col-sm-11{grid-column:span 11}.pz-start-sm-11{grid-column-start:11}.pz-col-sm-12{grid-column:span 12}.pz-start-sm-12{grid-column-start:12}}@media (min-width: 768px){.pz-col-md-full{grid-column:1/-1}.pz-col-md-1{grid-column:span 1}.pz-start-md-1{grid-column-start:1}.pz-col-md-2{grid-column:span 2}.pz-start-md-2{grid-column-start:2}.pz-col-md-3{grid-column:span 3}.pz-start-md-3{grid-column-start:3}.pz-col-md-4{grid-column:span 4}.pz-start-md-4{grid-column-start:4}.pz-col-md-5{grid-column:span 5}.pz-start-md-5{grid-column-start:5}.pz-col-md-6{grid-column:span 6}.pz-start-md-6{grid-column-start:6}.pz-col-md-7{grid-column:span 7}.pz-start-md-7{grid-column-start:7}.pz-col-md-8{grid-column:span 8}.pz-start-md-8{grid-column-start:8}.pz-col-md-9{grid-column:span 9}.pz-start-md-9{grid-column-start:9}.pz-col-md-10{grid-column:span 10}.pz-start-md-10{grid-column-start:10}.pz-col-md-11{grid-column:span 11}.pz-start-md-11{grid-column-start:11}.pz-col-md-12{grid-column:span 12}.pz-start-md-12{grid-column-start:12}}@media (min-width: 1024px){.pz-col-lg-full{grid-column:1/-1}.pz-col-lg-1{grid-column:span 1}.pz-start-lg-1{grid-column-start:1}.pz-col-lg-2{grid-column:span 2}.pz-start-lg-2{grid-column-start:2}.pz-col-lg-3{grid-column:span 3}.pz-start-lg-3{grid-column-start:3}.pz-col-lg-4{grid-column:span 4}.pz-start-lg-4{grid-column-start:4}.pz-col-lg-5{grid-column:span 5}.pz-start-lg-5{grid-column-start:5}.pz-col-lg-6{grid-column:span 6}.pz-start-lg-6{grid-column-start:6}.pz-col-lg-7{grid-column:span 7}.pz-start-lg-7{grid-column-start:7}.pz-col-lg-8{grid-column:span 8}.pz-start-lg-8{grid-column-start:8}.pz-col-lg-9{grid-column:span 9}.pz-start-lg-9{grid-column-start:9}.pz-col-lg-10{grid-column:span 10}.pz-start-lg-10{grid-column-start:10}.pz-col-lg-11{grid-column:span 11}.pz-start-lg-11{grid-column-start:11}.pz-col-lg-12{grid-column:span 12}.pz-start-lg-12{grid-column-start:12}}@media (min-width: 1200px){.pz-col-xl-full{grid-column:1/-1}.pz-col-xl-1{grid-column:span 1}.pz-start-xl-1{grid-column-start:1}.pz-col-xl-2{grid-column:span 2}.pz-start-xl-2{grid-column-start:2}.pz-col-xl-3{grid-column:span 3}.pz-start-xl-3{grid-column-start:3}.pz-col-xl-4{grid-column:span 4}.pz-start-xl-4{grid-column-start:4}.pz-col-xl-5{grid-column:span 5}.pz-start-xl-5{grid-column-start:5}.pz-col-xl-6{grid-column:span 6}.pz-start-xl-6{grid-column-start:6}.pz-col-xl-7{grid-column:span 7}.pz-start-xl-7{grid-column-start:7}.pz-col-xl-8{grid-column:span 8}.pz-start-xl-8{grid-column-start:8}.pz-col-xl-9{grid-column:span 9}.pz-start-xl-9{grid-column-start:9}.pz-col-xl-10{grid-column:span 10}.pz-start-xl-10{grid-column-start:10}.pz-col-xl-11{grid-column:span 11}.pz-start-xl-11{grid-column-start:11}.pz-col-xl-12{grid-column:span 12}.pz-start-xl-12{grid-column-start:12}}@media (min-width: 1400px){.pz-col-xxl-full{grid-column:1/-1}.pz-col-xxl-1{grid-column:span 1}.pz-start-xxl-1{grid-column-start:1}.pz-col-xxl-2{grid-column:span 2}.pz-start-xxl-2{grid-column-start:2}.pz-col-xxl-3{grid-column:span 3}.pz-start-xxl-3{grid-column-start:3}.pz-col-xxl-4{grid-column:span 4}.pz-start-xxl-4{grid-column-start:4}.pz-col-xxl-5{grid-column:span 5}.pz-start-xxl-5{grid-column-start:5}.pz-col-xxl-6{grid-column:span 6}.pz-start-xxl-6{grid-column-start:6}.pz-col-xxl-7{grid-column:span 7}.pz-start-xxl-7{grid-column-start:7}.pz-col-xxl-8{grid-column:span 8}.pz-start-xxl-8{grid-column-start:8}.pz-col-xxl-9{grid-column:span 9}.pz-start-xxl-9{grid-column-start:9}.pz-col-xxl-10{grid-column:span 10}.pz-start-xxl-10{grid-column-start:10}.pz-col-xxl-11{grid-column:span 11}.pz-start-xxl-11{grid-column-start:11}.pz-col-xxl-12{grid-column:span 12}.pz-start-xxl-12{grid-column-start:12}}body{box-sizing:border-box;padding:0;margin:0;color:var(--pz-color-text-primary);font-size:var(--pz-font-size-16)}html{scroll-behavior:smooth}*{font-family:Open Sans,Arial,sans-serif;box-sizing:inherit}*:before,*:after{box-sizing:inherit}img{max-width:100%;max-height:100%}.pz-text[data-v-bd3b2150]{margin:0;padding:0}.pz-text--h1-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-44);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h1-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-24);font-weight:700;line-height:1.5}}.pz-text--h1-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-44);font-weight:400;line-height:1.5}@media (max-width: 575.98px){.pz-text--h1-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-24);font-weight:400;line-height:1.5}}.pz-text--h2-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-32);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h2-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-20);font-weight:700;line-height:1.5}}.pz-text--h3-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-24);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h3-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-18);font-weight:700;line-height:1.5}}.pz-text--h3-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-24);font-weight:400;line-height:1.5}@media (max-width: 575.98px){.pz-text--h3-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-18);font-weight:400;line-height:1.5}}.pz-text--h4-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-18);font-weight:400;line-height:1.5}@media (max-width: 575.98px){.pz-text--h4-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-16);font-weight:400;line-height:1.5}}.pz-text--h4-semibold[data-v-bd3b2150]{font-size:var(--pz-font-size-18);font-weight:600;line-height:1.5}@media (max-width: 575.98px){.pz-text--h4-semibold[data-v-bd3b2150]{font-size:var(--pz-font-size-16);font-weight:600;line-height:1.5}}.pz-text--h4-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-18);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h4-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-16);font-weight:700;line-height:1.5}}.pz-text--subtitle[data-v-bd3b2150]{font-size:var(--pz-font-size-16);font-weight:600;line-height:1.5}.pz-text--body-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-text--body-semibold[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:600;line-height:1.5}.pz-text--body-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:700;line-height:1.5}.pz-text--capitalized[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5;text-transform:uppercase;letter-spacing:.05em}.pz-text--hint[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5;color:var(--pz-color-text-secondary)}.pz-text--line-through[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5;text-decoration:line-through}.pz-text--small-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-text--small-semibold[data-v-bd3b2150]{font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-text--small-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-12);font-weight:700;line-height:1.5}.pz-text--link[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5;color:var(--pz-color-text-link);text-decoration:underline;cursor:pointer}.pz-text--link[data-v-bd3b2150]:hover{color:var(--pz-color-text-link-hover)}.pz-text--document[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}
1
+ :root{--pz-color-white: #fff;--pz-color-black-90: #242638;--pz-color-grey-20: #f5f5f5;--pz-color-grey-30: #d6dade;--pz-color-grey-40: #c0c0c0;--pz-color-grey-60: #6d6d6d;--pz-color-blue-10: #f0f4f5;--pz-color-blue-30: #c2d8de;--pz-color-blue-50: #2070d1;--pz-color-blue-60: #014da8;--pz-color-red-30: #f7dcdc;--pz-color-red-40: #e85d57;--pz-color-red-50: #ff3800;--pz-color-red-60: #d70c17;--pz-color-orange-50: #ff831a;--pz-color-orange-60: #e86a00;--pz-color-green-20: #e2f7dc;--pz-color-green-30: #89db33;--pz-color-green-50: #599a4f;--pz-color-green-60: #4c8344;--pz-color-gradient-blue: #0082fc;--pz-color-gradient-green: #599a4f;--pz-color-gradient-orange: #ff831a;--pz-gradient-blue: linear-gradient(90deg, var(--pz-color-gradient-blue) 0%, var(--pz-color-white) 100%);--pz-gradient-green: linear-gradient(90deg, var(--pz-color-gradient-green) 0%, var(--pz-color-white) 100%);--pz-gradient-orange: linear-gradient(90deg, var(--pz-color-gradient-orange) 0%, var(--pz-color-white) 100%);--pz-color-text-primary: var(--pz-color-black-90);--pz-color-text-secondary: var(--pz-color-grey-60);--pz-color-text-link: var(--pz-color-blue-50);--pz-color-text-link-hover: var(--pz-color-blue-60);--pz-color-text-link-disabled: var(--pz-color-grey-40);--pz-color-button-danger: var(--pz-color-red-50);--pz-color-button-danger-hover: var(--pz-color-red-60);--pz-color-button-primary: var(--pz-color-blue-50);--pz-color-button-primary-hover: var(--pz-color-blue-60);--pz-color-button-success-light: var(--pz-color-green-30);--pz-color-button-success: var(--pz-color-green-50);--pz-color-button-success-hover: var(--pz-color-green-60);--pz-color-button-alert: var(--pz-color-orange-50);--pz-color-button-alert-hover: var(--pz-color-orange-60);--pz-color-button-disabled: var(--pz-color-grey-40);--pz-color-status-inactive: var(--pz-color-red-50);--pz-color-status-hidden: var(--pz-color-orange-50);--pz-color-status-active: var(--pz-color-green-50);--pz-color-status-monitoring: var(--pz-color-green-30);--pz-color-status-disabled: var(--pz-color-grey-40);--pz-color-status-progress: var(--pz-color-blue-50);--pz-gradient-status-auction-progress: var(--pz-gradient-blue);--pz-gradient-status-auction-waiting: var(--pz-gradient-orange);--pz-gradient-status-auction-success: var(--pz-gradient-green);--pz-color-background-primary: var(--pz-color-white);--pz-color-background-frame: var(--pz-color-grey-20);--pz-color-background-hover: var(--pz-color-blue-10);--pz-color-tag-green: var(--pz-color-green-20);--pz-color-tag-grey: var(--pz-color-grey-30);--pz-color-tag-blue: var(--pz-color-blue-30);--pz-color-tag-red: var(--pz-color-red-30);--pz-color-stroke-red: var(--pz-color-red-60);--pz-color-stroke-grey: var(--pz-color-grey-30);--pz-color-icon-primary: var(--pz-color-blue-50);--pz-color-icon-hover: var(--pz-color-blue-60);--pz-color-icon-danger: var(--pz-color-red-50);--pz-color-icon-danger-hover: var(--pz-color-red-60);--pz-color-icon-success-light: var(--pz-color-green-30);--pz-color-icon-success: var(--pz-color-green-50);--pz-color-icon-success-hover: var(--pz-color-green-60);--pz-color-icon-alert: var(--pz-color-orange-50);--pz-color-icon-alert-hover: var(--pz-color-orange-60);--pz-color-icon-disabled: var(--pz-color-grey-40);--pz-color-auction-red-text: var(--pz-color-red-40);--pz-font-size-44: 44px;--pz-font-size-32: 32px;--pz-font-size-24: 24px;--pz-font-size-20: 20px;--pz-font-size-18: 18px;--pz-font-size-16: 16px;--pz-font-size-14: 14px;--pz-font-size-12: 12px;--pz-space-0: 0;--pz-space-4: 4px;--pz-space-8: 8px;--pz-space-16: 16px;--pz-space-20: 20px;--pz-space-24: 24px;--pz-space-32: 32px;--pz-space-40: 40px;--pz-space-44: 44px;--pz-space-60: 60px;--pz-grid-columns-mobile: 4;--pz-grid-columns-tablet: 8;--pz-grid-columns-desktop: 12;--pz-grid-gutter-mobile: 16px;--pz-grid-gutter-tablet: 24px;--pz-grid-gutter-desktop: 24px;--pz-grid-margin-mobile: 16px;--pz-grid-margin-tablet: 32px;--pz-grid-margin-desktop: 80px;--pz-grid-frame-max-width-mobile: 100%;--pz-grid-frame-max-width-tablet: 768px;--pz-grid-frame-max-width-desktop: 1440px;--pz-grid-columns: var(--pz-grid-columns-mobile);--pz-grid-gutter: var(--pz-grid-gutter-mobile);--pz-grid-margin: var(--pz-grid-margin-mobile);--pz-grid-frame-max-width: var(--pz-grid-frame-max-width-mobile)}@media (width >= 768px){:root{--pz-grid-columns: var(--pz-grid-columns-tablet);--pz-grid-gutter: var(--pz-grid-gutter-tablet);--pz-grid-margin: var(--pz-grid-margin-tablet);--pz-grid-frame-max-width: var(--pz-grid-frame-max-width-tablet)}}@media (width >= 1200px){:root{--pz-grid-columns: var(--pz-grid-columns-desktop);--pz-grid-gutter: var(--pz-grid-gutter-desktop);--pz-grid-margin: var(--pz-grid-margin-desktop);--pz-grid-frame-max-width: var(--pz-grid-frame-max-width-desktop)}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */*{box-sizing:border-box}html{line-height:1.15;text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v85/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format("woff2")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconsoutlined/v56/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcel5euIg.woff2) format("woff2")}.pz-material-icon{font-family:Material Icons,sans-serif;font-weight:400;font-style:normal;font-size:var(--pz-icon-size, var(--pz-font-size-16));line-height:1;color:var(--pz-icon-color, currentColor);vertical-align:middle;-webkit-user-select:none;user-select:none;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:"liga";text-decoration:none!important;-webkit-font-smoothing:antialiased}.pz-material-icon.outlined{font-family:Material Icons Outlined,sans-serif}.pz-material-icon:hover{text-decoration:none!important}.pz-text-white{color:var(--pz-color-white)}.pz-bg-white{background-color:var(--pz-color-white)}.pz-text-black-90{color:var(--pz-color-black-90)}.pz-bg-black-90{background-color:var(--pz-color-black-90)}.pz-text-grey-20{color:var(--pz-color-grey-20)}.pz-bg-grey-20{background-color:var(--pz-color-grey-20)}.pz-text-grey-30{color:var(--pz-color-grey-30)}.pz-bg-grey-30{background-color:var(--pz-color-grey-30)}.pz-text-grey-40{color:var(--pz-color-grey-40)}.pz-bg-grey-40{background-color:var(--pz-color-grey-40)}.pz-text-grey-60{color:var(--pz-color-grey-60)}.pz-bg-grey-60{background-color:var(--pz-color-grey-60)}.pz-text-blue-10{color:var(--pz-color-blue-10)}.pz-bg-blue-10{background-color:var(--pz-color-blue-10)}.pz-text-blue-30{color:var(--pz-color-blue-30)}.pz-bg-blue-30{background-color:var(--pz-color-blue-30)}.pz-text-blue-50{color:var(--pz-color-blue-50)}.pz-bg-blue-50{background-color:var(--pz-color-blue-50)}.pz-text-blue-60{color:var(--pz-color-blue-60)}.pz-bg-blue-60{background-color:var(--pz-color-blue-60)}.pz-text-red-30{color:var(--pz-color-red-30)}.pz-bg-red-30{background-color:var(--pz-color-red-30)}.pz-text-red-40{color:var(--pz-color-red-40)}.pz-bg-red-40{background-color:var(--pz-color-red-40)}.pz-text-red-50{color:var(--pz-color-red-50)}.pz-bg-red-50{background-color:var(--pz-color-red-50)}.pz-text-red-60{color:var(--pz-color-red-60)}.pz-bg-red-60{background-color:var(--pz-color-red-60)}.pz-text-orange-50{color:var(--pz-color-orange-50)}.pz-bg-orange-50{background-color:var(--pz-color-orange-50)}.pz-text-orange-60{color:var(--pz-color-orange-60)}.pz-bg-orange-60{background-color:var(--pz-color-orange-60)}.pz-text-green-20{color:var(--pz-color-green-20)}.pz-bg-green-20{background-color:var(--pz-color-green-20)}.pz-text-green-30{color:var(--pz-color-green-30)}.pz-bg-green-30{background-color:var(--pz-color-green-30)}.pz-text-green-50{color:var(--pz-color-green-50)}.pz-bg-green-50{background-color:var(--pz-color-green-50)}.pz-text-green-60{color:var(--pz-color-green-60)}.pz-bg-green-60{background-color:var(--pz-color-green-60)}.pz-text-gradient-blue{color:var(--pz-color-gradient-blue)}.pz-bg-gradient-blue{background-color:var(--pz-color-gradient-blue)}.pz-text-gradient-green{color:var(--pz-color-gradient-green)}.pz-bg-gradient-green{background-color:var(--pz-color-gradient-green)}.pz-text-gradient-orange{color:var(--pz-color-gradient-orange)}.pz-bg-gradient-orange{background-color:var(--pz-color-gradient-orange)}.pz-text-text-primary{color:var(--pz-color-text-primary)}.pz-bg-text-primary{background-color:var(--pz-color-text-primary)}.pz-text-text-secondary{color:var(--pz-color-text-secondary)}.pz-bg-text-secondary{background-color:var(--pz-color-text-secondary)}.pz-text-text-link{color:var(--pz-color-text-link)}.pz-bg-text-link{background-color:var(--pz-color-text-link)}.pz-text-text-link-hover{color:var(--pz-color-text-link-hover)}.pz-bg-text-link-hover{background-color:var(--pz-color-text-link-hover)}.pz-text-text-link-disabled{color:var(--pz-color-text-link-disabled)}.pz-bg-text-link-disabled{background-color:var(--pz-color-text-link-disabled)}.pz-text-button-danger{color:var(--pz-color-button-danger)}.pz-bg-button-danger{background-color:var(--pz-color-button-danger)}.pz-text-button-danger-hover{color:var(--pz-color-button-danger-hover)}.pz-bg-button-danger-hover{background-color:var(--pz-color-button-danger-hover)}.pz-text-button-primary{color:var(--pz-color-button-primary)}.pz-bg-button-primary{background-color:var(--pz-color-button-primary)}.pz-text-button-primary-hover{color:var(--pz-color-button-primary-hover)}.pz-bg-button-primary-hover{background-color:var(--pz-color-button-primary-hover)}.pz-text-button-success-light{color:var(--pz-color-button-success-light)}.pz-bg-button-success-light{background-color:var(--pz-color-button-success-light)}.pz-text-button-success{color:var(--pz-color-button-success)}.pz-bg-button-success{background-color:var(--pz-color-button-success)}.pz-text-button-success-hover{color:var(--pz-color-button-success-hover)}.pz-bg-button-success-hover{background-color:var(--pz-color-button-success-hover)}.pz-text-button-alert{color:var(--pz-color-button-alert)}.pz-bg-button-alert{background-color:var(--pz-color-button-alert)}.pz-text-button-alert-hover{color:var(--pz-color-button-alert-hover)}.pz-bg-button-alert-hover{background-color:var(--pz-color-button-alert-hover)}.pz-text-button-disabled{color:var(--pz-color-button-disabled)}.pz-bg-button-disabled{background-color:var(--pz-color-button-disabled)}.pz-text-status-inactive{color:var(--pz-color-status-inactive)}.pz-bg-status-inactive{background-color:var(--pz-color-status-inactive)}.pz-text-status-hidden{color:var(--pz-color-status-hidden)}.pz-bg-status-hidden{background-color:var(--pz-color-status-hidden)}.pz-text-status-active{color:var(--pz-color-status-active)}.pz-bg-status-active{background-color:var(--pz-color-status-active)}.pz-text-status-monitoring{color:var(--pz-color-status-monitoring)}.pz-bg-status-monitoring{background-color:var(--pz-color-status-monitoring)}.pz-text-status-disabled{color:var(--pz-color-status-disabled)}.pz-bg-status-disabled{background-color:var(--pz-color-status-disabled)}.pz-text-status-progress{color:var(--pz-color-status-progress)}.pz-bg-status-progress{background-color:var(--pz-color-status-progress)}.pz-text-background-primary{color:var(--pz-color-background-primary)}.pz-bg-background-primary{background-color:var(--pz-color-background-primary)}.pz-text-background-frame{color:var(--pz-color-background-frame)}.pz-bg-background-frame{background-color:var(--pz-color-background-frame)}.pz-text-background-hover{color:var(--pz-color-background-hover)}.pz-bg-background-hover{background-color:var(--pz-color-background-hover)}.pz-text-tag-green{color:var(--pz-color-tag-green)}.pz-bg-tag-green{background-color:var(--pz-color-tag-green)}.pz-text-tag-grey{color:var(--pz-color-tag-grey)}.pz-bg-tag-grey{background-color:var(--pz-color-tag-grey)}.pz-text-tag-blue{color:var(--pz-color-tag-blue)}.pz-bg-tag-blue{background-color:var(--pz-color-tag-blue)}.pz-text-tag-red{color:var(--pz-color-tag-red)}.pz-bg-tag-red{background-color:var(--pz-color-tag-red)}.pz-text-stroke-red{color:var(--pz-color-stroke-red)}.pz-bg-stroke-red{background-color:var(--pz-color-stroke-red)}.pz-text-stroke-grey{color:var(--pz-color-stroke-grey)}.pz-bg-stroke-grey{background-color:var(--pz-color-stroke-grey)}.pz-text-icon-primary{color:var(--pz-color-icon-primary)}.pz-bg-icon-primary{background-color:var(--pz-color-icon-primary)}.pz-text-icon-hover{color:var(--pz-color-icon-hover)}.pz-bg-icon-hover{background-color:var(--pz-color-icon-hover)}.pz-text-icon-danger{color:var(--pz-color-icon-danger)}.pz-bg-icon-danger{background-color:var(--pz-color-icon-danger)}.pz-text-icon-danger-hover{color:var(--pz-color-icon-danger-hover)}.pz-bg-icon-danger-hover{background-color:var(--pz-color-icon-danger-hover)}.pz-text-icon-success-light{color:var(--pz-color-icon-success-light)}.pz-bg-icon-success-light{background-color:var(--pz-color-icon-success-light)}.pz-text-icon-success{color:var(--pz-color-icon-success)}.pz-bg-icon-success{background-color:var(--pz-color-icon-success)}.pz-text-icon-success-hover{color:var(--pz-color-icon-success-hover)}.pz-bg-icon-success-hover{background-color:var(--pz-color-icon-success-hover)}.pz-text-icon-alert{color:var(--pz-color-icon-alert)}.pz-bg-icon-alert{background-color:var(--pz-color-icon-alert)}.pz-text-icon-alert-hover{color:var(--pz-color-icon-alert-hover)}.pz-bg-icon-alert-hover{background-color:var(--pz-color-icon-alert-hover)}.pz-text-icon-disabled{color:var(--pz-color-icon-disabled)}.pz-bg-icon-disabled{background-color:var(--pz-color-icon-disabled)}.pz-text-auction-red-text{color:var(--pz-color-auction-red-text)}.pz-bg-auction-red-text{background-color:var(--pz-color-auction-red-text)}.pz-bg-gradient-blue{background-image:var(--pz-gradient-blue)}.pz-bg-gradient-green{background-image:var(--pz-gradient-green)}.pz-bg-gradient-orange{background-image:var(--pz-gradient-orange)}.pz-bg-status-auction-progress{background-image:var(--pz-gradient-status-auction-progress)}.pz-bg-status-auction-waiting{background-image:var(--pz-gradient-status-auction-waiting)}.pz-bg-status-auction-success{background-image:var(--pz-gradient-status-auction-success)}.pz-m-0{margin:var(--pz-space-0)}.pz-m-4{margin:var(--pz-space-4)}.pz-m-8{margin:var(--pz-space-8)}.pz-m-16{margin:var(--pz-space-16)}.pz-m-20{margin:var(--pz-space-20)}.pz-m-24{margin:var(--pz-space-24)}.pz-m-32{margin:var(--pz-space-32)}.pz-m-40{margin:var(--pz-space-40)}.pz-m-44{margin:var(--pz-space-44)}.pz-m-60{margin:var(--pz-space-60)}.pz-mt-0{margin-top:var(--pz-space-0)}.pz-mt-4{margin-top:var(--pz-space-4)}.pz-mt-8{margin-top:var(--pz-space-8)}.pz-mt-16{margin-top:var(--pz-space-16)}.pz-mt-20{margin-top:var(--pz-space-20)}.pz-mt-24{margin-top:var(--pz-space-24)}.pz-mt-32{margin-top:var(--pz-space-32)}.pz-mt-40{margin-top:var(--pz-space-40)}.pz-mt-44{margin-top:var(--pz-space-44)}.pz-mt-60{margin-top:var(--pz-space-60)}.pz-mr-0{margin-right:var(--pz-space-0)}.pz-mr-4{margin-right:var(--pz-space-4)}.pz-mr-8{margin-right:var(--pz-space-8)}.pz-mr-16{margin-right:var(--pz-space-16)}.pz-mr-20{margin-right:var(--pz-space-20)}.pz-mr-24{margin-right:var(--pz-space-24)}.pz-mr-32{margin-right:var(--pz-space-32)}.pz-mr-40{margin-right:var(--pz-space-40)}.pz-mr-44{margin-right:var(--pz-space-44)}.pz-mr-60{margin-right:var(--pz-space-60)}.pz-mb-0{margin-bottom:var(--pz-space-0)}.pz-mb-4{margin-bottom:var(--pz-space-4)}.pz-mb-8{margin-bottom:var(--pz-space-8)}.pz-mb-16{margin-bottom:var(--pz-space-16)}.pz-mb-20{margin-bottom:var(--pz-space-20)}.pz-mb-24{margin-bottom:var(--pz-space-24)}.pz-mb-32{margin-bottom:var(--pz-space-32)}.pz-mb-40{margin-bottom:var(--pz-space-40)}.pz-mb-44{margin-bottom:var(--pz-space-44)}.pz-mb-60{margin-bottom:var(--pz-space-60)}.pz-ml-0{margin-left:var(--pz-space-0)}.pz-ml-4{margin-left:var(--pz-space-4)}.pz-ml-8{margin-left:var(--pz-space-8)}.pz-ml-16{margin-left:var(--pz-space-16)}.pz-ml-20{margin-left:var(--pz-space-20)}.pz-ml-24{margin-left:var(--pz-space-24)}.pz-ml-32{margin-left:var(--pz-space-32)}.pz-ml-40{margin-left:var(--pz-space-40)}.pz-ml-44{margin-left:var(--pz-space-44)}.pz-ml-60{margin-left:var(--pz-space-60)}.pz-mx-0{margin-inline:var(--pz-space-0)}.pz-mx-4{margin-inline:var(--pz-space-4)}.pz-mx-8{margin-inline:var(--pz-space-8)}.pz-mx-16{margin-inline:var(--pz-space-16)}.pz-mx-20{margin-inline:var(--pz-space-20)}.pz-mx-24{margin-inline:var(--pz-space-24)}.pz-mx-32{margin-inline:var(--pz-space-32)}.pz-mx-40{margin-inline:var(--pz-space-40)}.pz-mx-44{margin-inline:var(--pz-space-44)}.pz-mx-60{margin-inline:var(--pz-space-60)}.pz-my-0{margin-block:var(--pz-space-0)}.pz-my-4{margin-block:var(--pz-space-4)}.pz-my-8{margin-block:var(--pz-space-8)}.pz-my-16{margin-block:var(--pz-space-16)}.pz-my-20{margin-block:var(--pz-space-20)}.pz-my-24{margin-block:var(--pz-space-24)}.pz-my-32{margin-block:var(--pz-space-32)}.pz-my-40{margin-block:var(--pz-space-40)}.pz-my-44{margin-block:var(--pz-space-44)}.pz-my-60{margin-block:var(--pz-space-60)}.pz-p-0{padding:var(--pz-space-0)}.pz-p-4{padding:var(--pz-space-4)}.pz-p-8{padding:var(--pz-space-8)}.pz-p-16{padding:var(--pz-space-16)}.pz-p-20{padding:var(--pz-space-20)}.pz-p-24{padding:var(--pz-space-24)}.pz-p-32{padding:var(--pz-space-32)}.pz-p-40{padding:var(--pz-space-40)}.pz-p-44{padding:var(--pz-space-44)}.pz-p-60{padding:var(--pz-space-60)}.pz-pt-0{padding-top:var(--pz-space-0)}.pz-pt-4{padding-top:var(--pz-space-4)}.pz-pt-8{padding-top:var(--pz-space-8)}.pz-pt-16{padding-top:var(--pz-space-16)}.pz-pt-20{padding-top:var(--pz-space-20)}.pz-pt-24{padding-top:var(--pz-space-24)}.pz-pt-32{padding-top:var(--pz-space-32)}.pz-pt-40{padding-top:var(--pz-space-40)}.pz-pt-44{padding-top:var(--pz-space-44)}.pz-pt-60{padding-top:var(--pz-space-60)}.pz-pr-0{padding-right:var(--pz-space-0)}.pz-pr-4{padding-right:var(--pz-space-4)}.pz-pr-8{padding-right:var(--pz-space-8)}.pz-pr-16{padding-right:var(--pz-space-16)}.pz-pr-20{padding-right:var(--pz-space-20)}.pz-pr-24{padding-right:var(--pz-space-24)}.pz-pr-32{padding-right:var(--pz-space-32)}.pz-pr-40{padding-right:var(--pz-space-40)}.pz-pr-44{padding-right:var(--pz-space-44)}.pz-pr-60{padding-right:var(--pz-space-60)}.pz-pb-0{padding-bottom:var(--pz-space-0)}.pz-pb-4{padding-bottom:var(--pz-space-4)}.pz-pb-8{padding-bottom:var(--pz-space-8)}.pz-pb-16{padding-bottom:var(--pz-space-16)}.pz-pb-20{padding-bottom:var(--pz-space-20)}.pz-pb-24{padding-bottom:var(--pz-space-24)}.pz-pb-32{padding-bottom:var(--pz-space-32)}.pz-pb-40{padding-bottom:var(--pz-space-40)}.pz-pb-44{padding-bottom:var(--pz-space-44)}.pz-pb-60{padding-bottom:var(--pz-space-60)}.pz-pl-0{padding-left:var(--pz-space-0)}.pz-pl-4{padding-left:var(--pz-space-4)}.pz-pl-8{padding-left:var(--pz-space-8)}.pz-pl-16{padding-left:var(--pz-space-16)}.pz-pl-20{padding-left:var(--pz-space-20)}.pz-pl-24{padding-left:var(--pz-space-24)}.pz-pl-32{padding-left:var(--pz-space-32)}.pz-pl-40{padding-left:var(--pz-space-40)}.pz-pl-44{padding-left:var(--pz-space-44)}.pz-pl-60{padding-left:var(--pz-space-60)}.pz-px-0{padding-inline:var(--pz-space-0)}.pz-px-4{padding-inline:var(--pz-space-4)}.pz-px-8{padding-inline:var(--pz-space-8)}.pz-px-16{padding-inline:var(--pz-space-16)}.pz-px-20{padding-inline:var(--pz-space-20)}.pz-px-24{padding-inline:var(--pz-space-24)}.pz-px-32{padding-inline:var(--pz-space-32)}.pz-px-40{padding-inline:var(--pz-space-40)}.pz-px-44{padding-inline:var(--pz-space-44)}.pz-px-60{padding-inline:var(--pz-space-60)}.pz-py-0{padding-block:var(--pz-space-0)}.pz-py-4{padding-block:var(--pz-space-4)}.pz-py-8{padding-block:var(--pz-space-8)}.pz-py-16{padding-block:var(--pz-space-16)}.pz-py-20{padding-block:var(--pz-space-20)}.pz-py-24{padding-block:var(--pz-space-24)}.pz-py-32{padding-block:var(--pz-space-32)}.pz-py-40{padding-block:var(--pz-space-40)}.pz-py-44{padding-block:var(--pz-space-44)}.pz-py-60{padding-block:var(--pz-space-60)}.pz-m-auto{margin:auto}.pz-mx-auto{margin-inline:auto}.pz-my-auto{margin-block:auto}.pz-ml-auto{margin-left:auto}.pz-mr-auto{margin-right:auto}.pz-container{width:min(100%,var(--pz-grid-frame-max-width));padding-inline:var(--pz-grid-margin);margin-inline:auto}.pz-container-fluid{width:100%;padding-inline:var(--pz-grid-margin);margin-inline:auto}.pz-grid{display:grid;grid-template-columns:repeat(var(--pz-grid-columns),minmax(0,1fr));gap:var(--pz-grid-gutter)}.pz-grid-dense{grid-auto-flow:dense}.pz-grid-fit{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.pz-grid-item{min-width:0}.pz-col-full{grid-column:1/-1}.pz-col-1{grid-column:span 1}.pz-start-1{grid-column-start:1}.pz-col-2{grid-column:span 2}.pz-start-2{grid-column-start:2}.pz-col-3{grid-column:span 3}.pz-start-3{grid-column-start:3}.pz-col-4{grid-column:span 4}.pz-start-4{grid-column-start:4}.pz-col-5{grid-column:span 5}.pz-start-5{grid-column-start:5}.pz-col-6{grid-column:span 6}.pz-start-6{grid-column-start:6}.pz-col-7{grid-column:span 7}.pz-start-7{grid-column-start:7}.pz-col-8{grid-column:span 8}.pz-start-8{grid-column-start:8}.pz-col-9{grid-column:span 9}.pz-start-9{grid-column-start:9}.pz-col-10{grid-column:span 10}.pz-start-10{grid-column-start:10}.pz-col-11{grid-column:span 11}.pz-start-11{grid-column-start:11}.pz-col-12{grid-column:span 12}.pz-start-12{grid-column-start:12}@media (min-width: 576px){.pz-col-sm-full{grid-column:1/-1}.pz-col-sm-1{grid-column:span 1}.pz-start-sm-1{grid-column-start:1}.pz-col-sm-2{grid-column:span 2}.pz-start-sm-2{grid-column-start:2}.pz-col-sm-3{grid-column:span 3}.pz-start-sm-3{grid-column-start:3}.pz-col-sm-4{grid-column:span 4}.pz-start-sm-4{grid-column-start:4}.pz-col-sm-5{grid-column:span 5}.pz-start-sm-5{grid-column-start:5}.pz-col-sm-6{grid-column:span 6}.pz-start-sm-6{grid-column-start:6}.pz-col-sm-7{grid-column:span 7}.pz-start-sm-7{grid-column-start:7}.pz-col-sm-8{grid-column:span 8}.pz-start-sm-8{grid-column-start:8}.pz-col-sm-9{grid-column:span 9}.pz-start-sm-9{grid-column-start:9}.pz-col-sm-10{grid-column:span 10}.pz-start-sm-10{grid-column-start:10}.pz-col-sm-11{grid-column:span 11}.pz-start-sm-11{grid-column-start:11}.pz-col-sm-12{grid-column:span 12}.pz-start-sm-12{grid-column-start:12}}@media (min-width: 768px){.pz-col-md-full{grid-column:1/-1}.pz-col-md-1{grid-column:span 1}.pz-start-md-1{grid-column-start:1}.pz-col-md-2{grid-column:span 2}.pz-start-md-2{grid-column-start:2}.pz-col-md-3{grid-column:span 3}.pz-start-md-3{grid-column-start:3}.pz-col-md-4{grid-column:span 4}.pz-start-md-4{grid-column-start:4}.pz-col-md-5{grid-column:span 5}.pz-start-md-5{grid-column-start:5}.pz-col-md-6{grid-column:span 6}.pz-start-md-6{grid-column-start:6}.pz-col-md-7{grid-column:span 7}.pz-start-md-7{grid-column-start:7}.pz-col-md-8{grid-column:span 8}.pz-start-md-8{grid-column-start:8}.pz-col-md-9{grid-column:span 9}.pz-start-md-9{grid-column-start:9}.pz-col-md-10{grid-column:span 10}.pz-start-md-10{grid-column-start:10}.pz-col-md-11{grid-column:span 11}.pz-start-md-11{grid-column-start:11}.pz-col-md-12{grid-column:span 12}.pz-start-md-12{grid-column-start:12}}@media (min-width: 1024px){.pz-col-lg-full{grid-column:1/-1}.pz-col-lg-1{grid-column:span 1}.pz-start-lg-1{grid-column-start:1}.pz-col-lg-2{grid-column:span 2}.pz-start-lg-2{grid-column-start:2}.pz-col-lg-3{grid-column:span 3}.pz-start-lg-3{grid-column-start:3}.pz-col-lg-4{grid-column:span 4}.pz-start-lg-4{grid-column-start:4}.pz-col-lg-5{grid-column:span 5}.pz-start-lg-5{grid-column-start:5}.pz-col-lg-6{grid-column:span 6}.pz-start-lg-6{grid-column-start:6}.pz-col-lg-7{grid-column:span 7}.pz-start-lg-7{grid-column-start:7}.pz-col-lg-8{grid-column:span 8}.pz-start-lg-8{grid-column-start:8}.pz-col-lg-9{grid-column:span 9}.pz-start-lg-9{grid-column-start:9}.pz-col-lg-10{grid-column:span 10}.pz-start-lg-10{grid-column-start:10}.pz-col-lg-11{grid-column:span 11}.pz-start-lg-11{grid-column-start:11}.pz-col-lg-12{grid-column:span 12}.pz-start-lg-12{grid-column-start:12}}@media (min-width: 1200px){.pz-col-xl-full{grid-column:1/-1}.pz-col-xl-1{grid-column:span 1}.pz-start-xl-1{grid-column-start:1}.pz-col-xl-2{grid-column:span 2}.pz-start-xl-2{grid-column-start:2}.pz-col-xl-3{grid-column:span 3}.pz-start-xl-3{grid-column-start:3}.pz-col-xl-4{grid-column:span 4}.pz-start-xl-4{grid-column-start:4}.pz-col-xl-5{grid-column:span 5}.pz-start-xl-5{grid-column-start:5}.pz-col-xl-6{grid-column:span 6}.pz-start-xl-6{grid-column-start:6}.pz-col-xl-7{grid-column:span 7}.pz-start-xl-7{grid-column-start:7}.pz-col-xl-8{grid-column:span 8}.pz-start-xl-8{grid-column-start:8}.pz-col-xl-9{grid-column:span 9}.pz-start-xl-9{grid-column-start:9}.pz-col-xl-10{grid-column:span 10}.pz-start-xl-10{grid-column-start:10}.pz-col-xl-11{grid-column:span 11}.pz-start-xl-11{grid-column-start:11}.pz-col-xl-12{grid-column:span 12}.pz-start-xl-12{grid-column-start:12}}@media (min-width: 1400px){.pz-col-xxl-full{grid-column:1/-1}.pz-col-xxl-1{grid-column:span 1}.pz-start-xxl-1{grid-column-start:1}.pz-col-xxl-2{grid-column:span 2}.pz-start-xxl-2{grid-column-start:2}.pz-col-xxl-3{grid-column:span 3}.pz-start-xxl-3{grid-column-start:3}.pz-col-xxl-4{grid-column:span 4}.pz-start-xxl-4{grid-column-start:4}.pz-col-xxl-5{grid-column:span 5}.pz-start-xxl-5{grid-column-start:5}.pz-col-xxl-6{grid-column:span 6}.pz-start-xxl-6{grid-column-start:6}.pz-col-xxl-7{grid-column:span 7}.pz-start-xxl-7{grid-column-start:7}.pz-col-xxl-8{grid-column:span 8}.pz-start-xxl-8{grid-column-start:8}.pz-col-xxl-9{grid-column:span 9}.pz-start-xxl-9{grid-column-start:9}.pz-col-xxl-10{grid-column:span 10}.pz-start-xxl-10{grid-column-start:10}.pz-col-xxl-11{grid-column:span 11}.pz-start-xxl-11{grid-column-start:11}.pz-col-xxl-12{grid-column:span 12}.pz-start-xxl-12{grid-column-start:12}}body{box-sizing:border-box;padding:0;margin:0;color:var(--pz-color-text-primary);font-size:var(--pz-font-size-16)}html{scroll-behavior:smooth}*{font-family:Open Sans,Arial,sans-serif;box-sizing:inherit}*:before,*:after{box-sizing:inherit}img{max-width:100%;max-height:100%}.pz-image[data-v-33d59ff0]{display:inline-block;width:100%;max-width:100%;height:auto;object-fit:var(--pz-image-fit, contain);border-radius:var(--pz-image-radius, 0);background:var(--pz-image-background, transparent);box-shadow:var(--pz-image-shadow, none);vertical-align:middle}.pz-text[data-v-bd3b2150]{margin:0;padding:0}.pz-text--h1-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-44);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h1-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-24);font-weight:700;line-height:1.5}}.pz-text--h1-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-44);font-weight:400;line-height:1.5}@media (max-width: 575.98px){.pz-text--h1-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-24);font-weight:400;line-height:1.5}}.pz-text--h2-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-32);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h2-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-20);font-weight:700;line-height:1.5}}.pz-text--h3-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-24);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h3-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-18);font-weight:700;line-height:1.5}}.pz-text--h3-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-24);font-weight:400;line-height:1.5}@media (max-width: 575.98px){.pz-text--h3-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-18);font-weight:400;line-height:1.5}}.pz-text--h4-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-18);font-weight:400;line-height:1.5}@media (max-width: 575.98px){.pz-text--h4-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-16);font-weight:400;line-height:1.5}}.pz-text--h4-semibold[data-v-bd3b2150]{font-size:var(--pz-font-size-18);font-weight:600;line-height:1.5}@media (max-width: 575.98px){.pz-text--h4-semibold[data-v-bd3b2150]{font-size:var(--pz-font-size-16);font-weight:600;line-height:1.5}}.pz-text--h4-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-18);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h4-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-16);font-weight:700;line-height:1.5}}.pz-text--subtitle[data-v-bd3b2150]{font-size:var(--pz-font-size-16);font-weight:600;line-height:1.5}.pz-text--body-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-text--body-semibold[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:600;line-height:1.5}.pz-text--body-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:700;line-height:1.5}.pz-text--capitalized[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5;text-transform:uppercase;letter-spacing:.05em}.pz-text--hint[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5;color:var(--pz-color-text-secondary)}.pz-text--line-through[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5;text-decoration:line-through}.pz-text--small-regular[data-v-bd3b2150]{font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-text--small-semibold[data-v-bd3b2150]{font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-text--small-bold[data-v-bd3b2150]{font-size:var(--pz-font-size-12);font-weight:700;line-height:1.5}.pz-text--link[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5;color:var(--pz-color-text-link);text-decoration:underline;cursor:pointer}.pz-text--link[data-v-bd3b2150]:hover{color:var(--pz-color-text-link-hover)}.pz-text--document[data-v-bd3b2150]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@prozorro/prozorro-ui",
3
3
  "private": false,
4
- "version": "0.0.6-beta",
4
+ "version": "0.0.7-beta",
5
5
  "description": "Official Prozorro UI Library",
6
6
  "author": "Dmytro Rybachek",
7
7
  "license": "MIT",
@@ -16,12 +16,15 @@
16
16
  format("woff2");
17
17
  }
18
18
 
19
- .material-icons {
19
+ .pz-material-icon {
20
20
  font-family: "Material Icons", sans-serif;
21
21
  font-weight: normal;
22
22
  font-style: normal;
23
- font-size: var(--pz-font-size-16);
24
- line-height: inherit;
23
+ font-size: var(--pz-icon-size, var(--pz-font-size-16));
24
+ line-height: 1;
25
+ color: var(--pz-icon-color, currentColor);
26
+ vertical-align: middle;
27
+ user-select: none;
25
28
  letter-spacing: normal;
26
29
  text-transform: none;
27
30
  display: inline-block;
@@ -1 +0,0 @@
1
- import{d as i,a as m}from"./DocsRenderer-LL677BLK-HfkRY1rq.js";import{b as a}from"./iframe-DDO2S8nh.js";import"./preload-helper-C1FmrZbK.js";var o=a(m(),1),d=(0,o.default)(2)(async(e,r)=>e===!1?r:i(r));export{d as formatter};
@@ -1 +0,0 @@
1
- :root{--pz-color-white: #fff;--pz-color-black-90: #242638;--pz-color-grey-20: #f5f5f5;--pz-color-grey-30: #d6dade;--pz-color-grey-40: #c0c0c0;--pz-color-grey-60: #6d6d6d;--pz-color-blue-10: #f0f4f5;--pz-color-blue-30: #c2d8de;--pz-color-blue-50: #2070d1;--pz-color-blue-60: #014da8;--pz-color-red-30: #f7dcdc;--pz-color-red-40: #e85d57;--pz-color-red-50: #ff3800;--pz-color-red-60: #d70c17;--pz-color-orange-50: #ff831a;--pz-color-orange-60: #e86a00;--pz-color-green-20: #e2f7dc;--pz-color-green-30: #89db33;--pz-color-green-50: #599a4f;--pz-color-green-60: #4c8344;--pz-color-gradient-blue: #0082fc;--pz-color-gradient-green: #599a4f;--pz-color-gradient-orange: #ff831a;--pz-gradient-blue: linear-gradient(90deg, var(--pz-color-gradient-blue) 0%, var(--pz-color-white) 100%);--pz-gradient-green: linear-gradient(90deg, var(--pz-color-gradient-green) 0%, var(--pz-color-white) 100%);--pz-gradient-orange: linear-gradient(90deg, var(--pz-color-gradient-orange) 0%, var(--pz-color-white) 100%);--pz-color-text-primary: var(--pz-color-black-90);--pz-color-text-secondary: var(--pz-color-grey-60);--pz-color-text-link: var(--pz-color-blue-50);--pz-color-text-link-hover: var(--pz-color-blue-60);--pz-color-text-link-disabled: var(--pz-color-grey-40);--pz-color-button-danger: var(--pz-color-red-50);--pz-color-button-danger-hover: var(--pz-color-red-60);--pz-color-button-primary: var(--pz-color-blue-50);--pz-color-button-primary-hover: var(--pz-color-blue-60);--pz-color-button-success-light: var(--pz-color-green-30);--pz-color-button-success: var(--pz-color-green-50);--pz-color-button-success-hover: var(--pz-color-green-60);--pz-color-button-alert: var(--pz-color-orange-50);--pz-color-button-alert-hover: var(--pz-color-orange-60);--pz-color-button-disabled: var(--pz-color-grey-40);--pz-color-status-inactive: var(--pz-color-red-50);--pz-color-status-hidden: var(--pz-color-orange-50);--pz-color-status-active: var(--pz-color-green-50);--pz-color-status-monitoring: var(--pz-color-green-30);--pz-color-status-disabled: var(--pz-color-grey-40);--pz-color-status-progress: var(--pz-color-blue-50);--pz-gradient-status-auction-progress: var(--pz-gradient-blue);--pz-gradient-status-auction-waiting: var(--pz-gradient-orange);--pz-gradient-status-auction-success: var(--pz-gradient-green);--pz-color-background-primary: var(--pz-color-white);--pz-color-background-frame: var(--pz-color-grey-20);--pz-color-background-hover: var(--pz-color-blue-10);--pz-color-tag-green: var(--pz-color-green-20);--pz-color-tag-grey: var(--pz-color-grey-30);--pz-color-tag-blue: var(--pz-color-blue-30);--pz-color-tag-red: var(--pz-color-red-30);--pz-color-stroke-red: var(--pz-color-red-60);--pz-color-stroke-grey: var(--pz-color-grey-30);--pz-color-icon-primary: var(--pz-color-blue-50);--pz-color-icon-hover: var(--pz-color-blue-60);--pz-color-icon-danger: var(--pz-color-red-50);--pz-color-icon-danger-hover: var(--pz-color-red-60);--pz-color-icon-success-light: var(--pz-color-green-30);--pz-color-icon-success: var(--pz-color-green-50);--pz-color-icon-success-hover: var(--pz-color-green-60);--pz-color-icon-alert: var(--pz-color-orange-50);--pz-color-icon-alert-hover: var(--pz-color-orange-60);--pz-color-icon-disabled: var(--pz-color-grey-40);--pz-color-auction-red-text: var(--pz-color-red-40);--pz-font-size-44: 44px;--pz-font-size-32: 32px;--pz-font-size-24: 24px;--pz-font-size-20: 20px;--pz-font-size-18: 18px;--pz-font-size-16: 16px;--pz-font-size-14: 14px;--pz-font-size-12: 12px;--pz-space-0: 0;--pz-space-4: 4px;--pz-space-8: 8px;--pz-space-16: 16px;--pz-space-20: 20px;--pz-space-24: 24px;--pz-space-32: 32px;--pz-space-40: 40px;--pz-space-44: 44px;--pz-space-60: 60px;--pz-grid-columns-mobile: 4;--pz-grid-columns-tablet: 8;--pz-grid-columns-desktop: 12;--pz-grid-gutter-mobile: 16px;--pz-grid-gutter-tablet: 24px;--pz-grid-gutter-desktop: 24px;--pz-grid-margin-mobile: 16px;--pz-grid-margin-tablet: 32px;--pz-grid-margin-desktop: 80px;--pz-grid-frame-max-width-mobile: 100%;--pz-grid-frame-max-width-tablet: 768px;--pz-grid-frame-max-width-desktop: 1440px;--pz-grid-columns: var(--pz-grid-columns-mobile);--pz-grid-gutter: var(--pz-grid-gutter-mobile);--pz-grid-margin: var(--pz-grid-margin-mobile);--pz-grid-frame-max-width: var(--pz-grid-frame-max-width-mobile)}@media (width >= 768px){:root{--pz-grid-columns: var(--pz-grid-columns-tablet);--pz-grid-gutter: var(--pz-grid-gutter-tablet);--pz-grid-margin: var(--pz-grid-margin-tablet);--pz-grid-frame-max-width: var(--pz-grid-frame-max-width-tablet)}}@media (width >= 1200px){:root{--pz-grid-columns: var(--pz-grid-columns-desktop);--pz-grid-gutter: var(--pz-grid-gutter-desktop);--pz-grid-margin: var(--pz-grid-margin-desktop);--pz-grid-frame-max-width: var(--pz-grid-frame-max-width-desktop)}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */*{box-sizing:border-box}html{line-height:1.15;text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v85/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format("woff2")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconsoutlined/v56/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcel5euIg.woff2) format("woff2")}.material-icons{font-family:Material Icons,sans-serif;font-weight:400;font-style:normal;font-size:var(--pz-font-size-16);line-height:inherit;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:"liga";text-decoration:none!important;-webkit-font-smoothing:antialiased}.material-icons.outlined{font-family:Material Icons Outlined,sans-serif}.material-icons:hover{text-decoration:none!important}.pz-text-white{color:var(--pz-color-white)}.pz-bg-white{background-color:var(--pz-color-white)}.pz-text-black-90{color:var(--pz-color-black-90)}.pz-bg-black-90{background-color:var(--pz-color-black-90)}.pz-text-grey-20{color:var(--pz-color-grey-20)}.pz-bg-grey-20{background-color:var(--pz-color-grey-20)}.pz-text-grey-30{color:var(--pz-color-grey-30)}.pz-bg-grey-30{background-color:var(--pz-color-grey-30)}.pz-text-grey-40{color:var(--pz-color-grey-40)}.pz-bg-grey-40{background-color:var(--pz-color-grey-40)}.pz-text-grey-60{color:var(--pz-color-grey-60)}.pz-bg-grey-60{background-color:var(--pz-color-grey-60)}.pz-text-blue-10{color:var(--pz-color-blue-10)}.pz-bg-blue-10{background-color:var(--pz-color-blue-10)}.pz-text-blue-30{color:var(--pz-color-blue-30)}.pz-bg-blue-30{background-color:var(--pz-color-blue-30)}.pz-text-blue-50{color:var(--pz-color-blue-50)}.pz-bg-blue-50{background-color:var(--pz-color-blue-50)}.pz-text-blue-60{color:var(--pz-color-blue-60)}.pz-bg-blue-60{background-color:var(--pz-color-blue-60)}.pz-text-red-30{color:var(--pz-color-red-30)}.pz-bg-red-30{background-color:var(--pz-color-red-30)}.pz-text-red-40{color:var(--pz-color-red-40)}.pz-bg-red-40{background-color:var(--pz-color-red-40)}.pz-text-red-50{color:var(--pz-color-red-50)}.pz-bg-red-50{background-color:var(--pz-color-red-50)}.pz-text-red-60{color:var(--pz-color-red-60)}.pz-bg-red-60{background-color:var(--pz-color-red-60)}.pz-text-orange-50{color:var(--pz-color-orange-50)}.pz-bg-orange-50{background-color:var(--pz-color-orange-50)}.pz-text-orange-60{color:var(--pz-color-orange-60)}.pz-bg-orange-60{background-color:var(--pz-color-orange-60)}.pz-text-green-20{color:var(--pz-color-green-20)}.pz-bg-green-20{background-color:var(--pz-color-green-20)}.pz-text-green-30{color:var(--pz-color-green-30)}.pz-bg-green-30{background-color:var(--pz-color-green-30)}.pz-text-green-50{color:var(--pz-color-green-50)}.pz-bg-green-50{background-color:var(--pz-color-green-50)}.pz-text-green-60{color:var(--pz-color-green-60)}.pz-bg-green-60{background-color:var(--pz-color-green-60)}.pz-text-gradient-blue{color:var(--pz-color-gradient-blue)}.pz-bg-gradient-blue{background-color:var(--pz-color-gradient-blue)}.pz-text-gradient-green{color:var(--pz-color-gradient-green)}.pz-bg-gradient-green{background-color:var(--pz-color-gradient-green)}.pz-text-gradient-orange{color:var(--pz-color-gradient-orange)}.pz-bg-gradient-orange{background-color:var(--pz-color-gradient-orange)}.pz-text-text-primary{color:var(--pz-color-text-primary)}.pz-bg-text-primary{background-color:var(--pz-color-text-primary)}.pz-text-text-secondary{color:var(--pz-color-text-secondary)}.pz-bg-text-secondary{background-color:var(--pz-color-text-secondary)}.pz-text-text-link{color:var(--pz-color-text-link)}.pz-bg-text-link{background-color:var(--pz-color-text-link)}.pz-text-text-link-hover{color:var(--pz-color-text-link-hover)}.pz-bg-text-link-hover{background-color:var(--pz-color-text-link-hover)}.pz-text-text-link-disabled{color:var(--pz-color-text-link-disabled)}.pz-bg-text-link-disabled{background-color:var(--pz-color-text-link-disabled)}.pz-text-button-danger{color:var(--pz-color-button-danger)}.pz-bg-button-danger{background-color:var(--pz-color-button-danger)}.pz-text-button-danger-hover{color:var(--pz-color-button-danger-hover)}.pz-bg-button-danger-hover{background-color:var(--pz-color-button-danger-hover)}.pz-text-button-primary{color:var(--pz-color-button-primary)}.pz-bg-button-primary{background-color:var(--pz-color-button-primary)}.pz-text-button-primary-hover{color:var(--pz-color-button-primary-hover)}.pz-bg-button-primary-hover{background-color:var(--pz-color-button-primary-hover)}.pz-text-button-success-light{color:var(--pz-color-button-success-light)}.pz-bg-button-success-light{background-color:var(--pz-color-button-success-light)}.pz-text-button-success{color:var(--pz-color-button-success)}.pz-bg-button-success{background-color:var(--pz-color-button-success)}.pz-text-button-success-hover{color:var(--pz-color-button-success-hover)}.pz-bg-button-success-hover{background-color:var(--pz-color-button-success-hover)}.pz-text-button-alert{color:var(--pz-color-button-alert)}.pz-bg-button-alert{background-color:var(--pz-color-button-alert)}.pz-text-button-alert-hover{color:var(--pz-color-button-alert-hover)}.pz-bg-button-alert-hover{background-color:var(--pz-color-button-alert-hover)}.pz-text-button-disabled{color:var(--pz-color-button-disabled)}.pz-bg-button-disabled{background-color:var(--pz-color-button-disabled)}.pz-text-status-inactive{color:var(--pz-color-status-inactive)}.pz-bg-status-inactive{background-color:var(--pz-color-status-inactive)}.pz-text-status-hidden{color:var(--pz-color-status-hidden)}.pz-bg-status-hidden{background-color:var(--pz-color-status-hidden)}.pz-text-status-active{color:var(--pz-color-status-active)}.pz-bg-status-active{background-color:var(--pz-color-status-active)}.pz-text-status-monitoring{color:var(--pz-color-status-monitoring)}.pz-bg-status-monitoring{background-color:var(--pz-color-status-monitoring)}.pz-text-status-disabled{color:var(--pz-color-status-disabled)}.pz-bg-status-disabled{background-color:var(--pz-color-status-disabled)}.pz-text-status-progress{color:var(--pz-color-status-progress)}.pz-bg-status-progress{background-color:var(--pz-color-status-progress)}.pz-text-background-primary{color:var(--pz-color-background-primary)}.pz-bg-background-primary{background-color:var(--pz-color-background-primary)}.pz-text-background-frame{color:var(--pz-color-background-frame)}.pz-bg-background-frame{background-color:var(--pz-color-background-frame)}.pz-text-background-hover{color:var(--pz-color-background-hover)}.pz-bg-background-hover{background-color:var(--pz-color-background-hover)}.pz-text-tag-green{color:var(--pz-color-tag-green)}.pz-bg-tag-green{background-color:var(--pz-color-tag-green)}.pz-text-tag-grey{color:var(--pz-color-tag-grey)}.pz-bg-tag-grey{background-color:var(--pz-color-tag-grey)}.pz-text-tag-blue{color:var(--pz-color-tag-blue)}.pz-bg-tag-blue{background-color:var(--pz-color-tag-blue)}.pz-text-tag-red{color:var(--pz-color-tag-red)}.pz-bg-tag-red{background-color:var(--pz-color-tag-red)}.pz-text-stroke-red{color:var(--pz-color-stroke-red)}.pz-bg-stroke-red{background-color:var(--pz-color-stroke-red)}.pz-text-stroke-grey{color:var(--pz-color-stroke-grey)}.pz-bg-stroke-grey{background-color:var(--pz-color-stroke-grey)}.pz-text-icon-primary{color:var(--pz-color-icon-primary)}.pz-bg-icon-primary{background-color:var(--pz-color-icon-primary)}.pz-text-icon-hover{color:var(--pz-color-icon-hover)}.pz-bg-icon-hover{background-color:var(--pz-color-icon-hover)}.pz-text-icon-danger{color:var(--pz-color-icon-danger)}.pz-bg-icon-danger{background-color:var(--pz-color-icon-danger)}.pz-text-icon-danger-hover{color:var(--pz-color-icon-danger-hover)}.pz-bg-icon-danger-hover{background-color:var(--pz-color-icon-danger-hover)}.pz-text-icon-success-light{color:var(--pz-color-icon-success-light)}.pz-bg-icon-success-light{background-color:var(--pz-color-icon-success-light)}.pz-text-icon-success{color:var(--pz-color-icon-success)}.pz-bg-icon-success{background-color:var(--pz-color-icon-success)}.pz-text-icon-success-hover{color:var(--pz-color-icon-success-hover)}.pz-bg-icon-success-hover{background-color:var(--pz-color-icon-success-hover)}.pz-text-icon-alert{color:var(--pz-color-icon-alert)}.pz-bg-icon-alert{background-color:var(--pz-color-icon-alert)}.pz-text-icon-alert-hover{color:var(--pz-color-icon-alert-hover)}.pz-bg-icon-alert-hover{background-color:var(--pz-color-icon-alert-hover)}.pz-text-icon-disabled{color:var(--pz-color-icon-disabled)}.pz-bg-icon-disabled{background-color:var(--pz-color-icon-disabled)}.pz-text-auction-red-text{color:var(--pz-color-auction-red-text)}.pz-bg-auction-red-text{background-color:var(--pz-color-auction-red-text)}.pz-bg-gradient-blue{background-image:var(--pz-gradient-blue)}.pz-bg-gradient-green{background-image:var(--pz-gradient-green)}.pz-bg-gradient-orange{background-image:var(--pz-gradient-orange)}.pz-bg-status-auction-progress{background-image:var(--pz-gradient-status-auction-progress)}.pz-bg-status-auction-waiting{background-image:var(--pz-gradient-status-auction-waiting)}.pz-bg-status-auction-success{background-image:var(--pz-gradient-status-auction-success)}.pz-m-0{margin:var(--pz-space-0)}.pz-m-4{margin:var(--pz-space-4)}.pz-m-8{margin:var(--pz-space-8)}.pz-m-16{margin:var(--pz-space-16)}.pz-m-20{margin:var(--pz-space-20)}.pz-m-24{margin:var(--pz-space-24)}.pz-m-32{margin:var(--pz-space-32)}.pz-m-40{margin:var(--pz-space-40)}.pz-m-44{margin:var(--pz-space-44)}.pz-m-60{margin:var(--pz-space-60)}.pz-mt-0{margin-top:var(--pz-space-0)}.pz-mt-4{margin-top:var(--pz-space-4)}.pz-mt-8{margin-top:var(--pz-space-8)}.pz-mt-16{margin-top:var(--pz-space-16)}.pz-mt-20{margin-top:var(--pz-space-20)}.pz-mt-24{margin-top:var(--pz-space-24)}.pz-mt-32{margin-top:var(--pz-space-32)}.pz-mt-40{margin-top:var(--pz-space-40)}.pz-mt-44{margin-top:var(--pz-space-44)}.pz-mt-60{margin-top:var(--pz-space-60)}.pz-mr-0{margin-right:var(--pz-space-0)}.pz-mr-4{margin-right:var(--pz-space-4)}.pz-mr-8{margin-right:var(--pz-space-8)}.pz-mr-16{margin-right:var(--pz-space-16)}.pz-mr-20{margin-right:var(--pz-space-20)}.pz-mr-24{margin-right:var(--pz-space-24)}.pz-mr-32{margin-right:var(--pz-space-32)}.pz-mr-40{margin-right:var(--pz-space-40)}.pz-mr-44{margin-right:var(--pz-space-44)}.pz-mr-60{margin-right:var(--pz-space-60)}.pz-mb-0{margin-bottom:var(--pz-space-0)}.pz-mb-4{margin-bottom:var(--pz-space-4)}.pz-mb-8{margin-bottom:var(--pz-space-8)}.pz-mb-16{margin-bottom:var(--pz-space-16)}.pz-mb-20{margin-bottom:var(--pz-space-20)}.pz-mb-24{margin-bottom:var(--pz-space-24)}.pz-mb-32{margin-bottom:var(--pz-space-32)}.pz-mb-40{margin-bottom:var(--pz-space-40)}.pz-mb-44{margin-bottom:var(--pz-space-44)}.pz-mb-60{margin-bottom:var(--pz-space-60)}.pz-ml-0{margin-left:var(--pz-space-0)}.pz-ml-4{margin-left:var(--pz-space-4)}.pz-ml-8{margin-left:var(--pz-space-8)}.pz-ml-16{margin-left:var(--pz-space-16)}.pz-ml-20{margin-left:var(--pz-space-20)}.pz-ml-24{margin-left:var(--pz-space-24)}.pz-ml-32{margin-left:var(--pz-space-32)}.pz-ml-40{margin-left:var(--pz-space-40)}.pz-ml-44{margin-left:var(--pz-space-44)}.pz-ml-60{margin-left:var(--pz-space-60)}.pz-mx-0{margin-inline:var(--pz-space-0)}.pz-mx-4{margin-inline:var(--pz-space-4)}.pz-mx-8{margin-inline:var(--pz-space-8)}.pz-mx-16{margin-inline:var(--pz-space-16)}.pz-mx-20{margin-inline:var(--pz-space-20)}.pz-mx-24{margin-inline:var(--pz-space-24)}.pz-mx-32{margin-inline:var(--pz-space-32)}.pz-mx-40{margin-inline:var(--pz-space-40)}.pz-mx-44{margin-inline:var(--pz-space-44)}.pz-mx-60{margin-inline:var(--pz-space-60)}.pz-my-0{margin-block:var(--pz-space-0)}.pz-my-4{margin-block:var(--pz-space-4)}.pz-my-8{margin-block:var(--pz-space-8)}.pz-my-16{margin-block:var(--pz-space-16)}.pz-my-20{margin-block:var(--pz-space-20)}.pz-my-24{margin-block:var(--pz-space-24)}.pz-my-32{margin-block:var(--pz-space-32)}.pz-my-40{margin-block:var(--pz-space-40)}.pz-my-44{margin-block:var(--pz-space-44)}.pz-my-60{margin-block:var(--pz-space-60)}.pz-p-0{padding:var(--pz-space-0)}.pz-p-4{padding:var(--pz-space-4)}.pz-p-8{padding:var(--pz-space-8)}.pz-p-16{padding:var(--pz-space-16)}.pz-p-20{padding:var(--pz-space-20)}.pz-p-24{padding:var(--pz-space-24)}.pz-p-32{padding:var(--pz-space-32)}.pz-p-40{padding:var(--pz-space-40)}.pz-p-44{padding:var(--pz-space-44)}.pz-p-60{padding:var(--pz-space-60)}.pz-pt-0{padding-top:var(--pz-space-0)}.pz-pt-4{padding-top:var(--pz-space-4)}.pz-pt-8{padding-top:var(--pz-space-8)}.pz-pt-16{padding-top:var(--pz-space-16)}.pz-pt-20{padding-top:var(--pz-space-20)}.pz-pt-24{padding-top:var(--pz-space-24)}.pz-pt-32{padding-top:var(--pz-space-32)}.pz-pt-40{padding-top:var(--pz-space-40)}.pz-pt-44{padding-top:var(--pz-space-44)}.pz-pt-60{padding-top:var(--pz-space-60)}.pz-pr-0{padding-right:var(--pz-space-0)}.pz-pr-4{padding-right:var(--pz-space-4)}.pz-pr-8{padding-right:var(--pz-space-8)}.pz-pr-16{padding-right:var(--pz-space-16)}.pz-pr-20{padding-right:var(--pz-space-20)}.pz-pr-24{padding-right:var(--pz-space-24)}.pz-pr-32{padding-right:var(--pz-space-32)}.pz-pr-40{padding-right:var(--pz-space-40)}.pz-pr-44{padding-right:var(--pz-space-44)}.pz-pr-60{padding-right:var(--pz-space-60)}.pz-pb-0{padding-bottom:var(--pz-space-0)}.pz-pb-4{padding-bottom:var(--pz-space-4)}.pz-pb-8{padding-bottom:var(--pz-space-8)}.pz-pb-16{padding-bottom:var(--pz-space-16)}.pz-pb-20{padding-bottom:var(--pz-space-20)}.pz-pb-24{padding-bottom:var(--pz-space-24)}.pz-pb-32{padding-bottom:var(--pz-space-32)}.pz-pb-40{padding-bottom:var(--pz-space-40)}.pz-pb-44{padding-bottom:var(--pz-space-44)}.pz-pb-60{padding-bottom:var(--pz-space-60)}.pz-pl-0{padding-left:var(--pz-space-0)}.pz-pl-4{padding-left:var(--pz-space-4)}.pz-pl-8{padding-left:var(--pz-space-8)}.pz-pl-16{padding-left:var(--pz-space-16)}.pz-pl-20{padding-left:var(--pz-space-20)}.pz-pl-24{padding-left:var(--pz-space-24)}.pz-pl-32{padding-left:var(--pz-space-32)}.pz-pl-40{padding-left:var(--pz-space-40)}.pz-pl-44{padding-left:var(--pz-space-44)}.pz-pl-60{padding-left:var(--pz-space-60)}.pz-px-0{padding-inline:var(--pz-space-0)}.pz-px-4{padding-inline:var(--pz-space-4)}.pz-px-8{padding-inline:var(--pz-space-8)}.pz-px-16{padding-inline:var(--pz-space-16)}.pz-px-20{padding-inline:var(--pz-space-20)}.pz-px-24{padding-inline:var(--pz-space-24)}.pz-px-32{padding-inline:var(--pz-space-32)}.pz-px-40{padding-inline:var(--pz-space-40)}.pz-px-44{padding-inline:var(--pz-space-44)}.pz-px-60{padding-inline:var(--pz-space-60)}.pz-py-0{padding-block:var(--pz-space-0)}.pz-py-4{padding-block:var(--pz-space-4)}.pz-py-8{padding-block:var(--pz-space-8)}.pz-py-16{padding-block:var(--pz-space-16)}.pz-py-20{padding-block:var(--pz-space-20)}.pz-py-24{padding-block:var(--pz-space-24)}.pz-py-32{padding-block:var(--pz-space-32)}.pz-py-40{padding-block:var(--pz-space-40)}.pz-py-44{padding-block:var(--pz-space-44)}.pz-py-60{padding-block:var(--pz-space-60)}.pz-m-auto{margin:auto}.pz-mx-auto{margin-inline:auto}.pz-my-auto{margin-block:auto}.pz-ml-auto{margin-left:auto}.pz-mr-auto{margin-right:auto}.pz-container{width:min(100%,var(--pz-grid-frame-max-width));padding-inline:var(--pz-grid-margin);margin-inline:auto}.pz-container-fluid{width:100%;padding-inline:var(--pz-grid-margin);margin-inline:auto}.pz-grid{display:grid;grid-template-columns:repeat(var(--pz-grid-columns),minmax(0,1fr));gap:var(--pz-grid-gutter)}.pz-grid-dense{grid-auto-flow:dense}.pz-grid-fit{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.pz-grid-item{min-width:0}.pz-col-full{grid-column:1/-1}.pz-col-1{grid-column:span 1}.pz-start-1{grid-column-start:1}.pz-col-2{grid-column:span 2}.pz-start-2{grid-column-start:2}.pz-col-3{grid-column:span 3}.pz-start-3{grid-column-start:3}.pz-col-4{grid-column:span 4}.pz-start-4{grid-column-start:4}.pz-col-5{grid-column:span 5}.pz-start-5{grid-column-start:5}.pz-col-6{grid-column:span 6}.pz-start-6{grid-column-start:6}.pz-col-7{grid-column:span 7}.pz-start-7{grid-column-start:7}.pz-col-8{grid-column:span 8}.pz-start-8{grid-column-start:8}.pz-col-9{grid-column:span 9}.pz-start-9{grid-column-start:9}.pz-col-10{grid-column:span 10}.pz-start-10{grid-column-start:10}.pz-col-11{grid-column:span 11}.pz-start-11{grid-column-start:11}.pz-col-12{grid-column:span 12}.pz-start-12{grid-column-start:12}@media (min-width: 576px){.pz-col-sm-full{grid-column:1/-1}.pz-col-sm-1{grid-column:span 1}.pz-start-sm-1{grid-column-start:1}.pz-col-sm-2{grid-column:span 2}.pz-start-sm-2{grid-column-start:2}.pz-col-sm-3{grid-column:span 3}.pz-start-sm-3{grid-column-start:3}.pz-col-sm-4{grid-column:span 4}.pz-start-sm-4{grid-column-start:4}.pz-col-sm-5{grid-column:span 5}.pz-start-sm-5{grid-column-start:5}.pz-col-sm-6{grid-column:span 6}.pz-start-sm-6{grid-column-start:6}.pz-col-sm-7{grid-column:span 7}.pz-start-sm-7{grid-column-start:7}.pz-col-sm-8{grid-column:span 8}.pz-start-sm-8{grid-column-start:8}.pz-col-sm-9{grid-column:span 9}.pz-start-sm-9{grid-column-start:9}.pz-col-sm-10{grid-column:span 10}.pz-start-sm-10{grid-column-start:10}.pz-col-sm-11{grid-column:span 11}.pz-start-sm-11{grid-column-start:11}.pz-col-sm-12{grid-column:span 12}.pz-start-sm-12{grid-column-start:12}}@media (min-width: 768px){.pz-col-md-full{grid-column:1/-1}.pz-col-md-1{grid-column:span 1}.pz-start-md-1{grid-column-start:1}.pz-col-md-2{grid-column:span 2}.pz-start-md-2{grid-column-start:2}.pz-col-md-3{grid-column:span 3}.pz-start-md-3{grid-column-start:3}.pz-col-md-4{grid-column:span 4}.pz-start-md-4{grid-column-start:4}.pz-col-md-5{grid-column:span 5}.pz-start-md-5{grid-column-start:5}.pz-col-md-6{grid-column:span 6}.pz-start-md-6{grid-column-start:6}.pz-col-md-7{grid-column:span 7}.pz-start-md-7{grid-column-start:7}.pz-col-md-8{grid-column:span 8}.pz-start-md-8{grid-column-start:8}.pz-col-md-9{grid-column:span 9}.pz-start-md-9{grid-column-start:9}.pz-col-md-10{grid-column:span 10}.pz-start-md-10{grid-column-start:10}.pz-col-md-11{grid-column:span 11}.pz-start-md-11{grid-column-start:11}.pz-col-md-12{grid-column:span 12}.pz-start-md-12{grid-column-start:12}}@media (min-width: 1024px){.pz-col-lg-full{grid-column:1/-1}.pz-col-lg-1{grid-column:span 1}.pz-start-lg-1{grid-column-start:1}.pz-col-lg-2{grid-column:span 2}.pz-start-lg-2{grid-column-start:2}.pz-col-lg-3{grid-column:span 3}.pz-start-lg-3{grid-column-start:3}.pz-col-lg-4{grid-column:span 4}.pz-start-lg-4{grid-column-start:4}.pz-col-lg-5{grid-column:span 5}.pz-start-lg-5{grid-column-start:5}.pz-col-lg-6{grid-column:span 6}.pz-start-lg-6{grid-column-start:6}.pz-col-lg-7{grid-column:span 7}.pz-start-lg-7{grid-column-start:7}.pz-col-lg-8{grid-column:span 8}.pz-start-lg-8{grid-column-start:8}.pz-col-lg-9{grid-column:span 9}.pz-start-lg-9{grid-column-start:9}.pz-col-lg-10{grid-column:span 10}.pz-start-lg-10{grid-column-start:10}.pz-col-lg-11{grid-column:span 11}.pz-start-lg-11{grid-column-start:11}.pz-col-lg-12{grid-column:span 12}.pz-start-lg-12{grid-column-start:12}}@media (min-width: 1200px){.pz-col-xl-full{grid-column:1/-1}.pz-col-xl-1{grid-column:span 1}.pz-start-xl-1{grid-column-start:1}.pz-col-xl-2{grid-column:span 2}.pz-start-xl-2{grid-column-start:2}.pz-col-xl-3{grid-column:span 3}.pz-start-xl-3{grid-column-start:3}.pz-col-xl-4{grid-column:span 4}.pz-start-xl-4{grid-column-start:4}.pz-col-xl-5{grid-column:span 5}.pz-start-xl-5{grid-column-start:5}.pz-col-xl-6{grid-column:span 6}.pz-start-xl-6{grid-column-start:6}.pz-col-xl-7{grid-column:span 7}.pz-start-xl-7{grid-column-start:7}.pz-col-xl-8{grid-column:span 8}.pz-start-xl-8{grid-column-start:8}.pz-col-xl-9{grid-column:span 9}.pz-start-xl-9{grid-column-start:9}.pz-col-xl-10{grid-column:span 10}.pz-start-xl-10{grid-column-start:10}.pz-col-xl-11{grid-column:span 11}.pz-start-xl-11{grid-column-start:11}.pz-col-xl-12{grid-column:span 12}.pz-start-xl-12{grid-column-start:12}}@media (min-width: 1400px){.pz-col-xxl-full{grid-column:1/-1}.pz-col-xxl-1{grid-column:span 1}.pz-start-xxl-1{grid-column-start:1}.pz-col-xxl-2{grid-column:span 2}.pz-start-xxl-2{grid-column-start:2}.pz-col-xxl-3{grid-column:span 3}.pz-start-xxl-3{grid-column-start:3}.pz-col-xxl-4{grid-column:span 4}.pz-start-xxl-4{grid-column-start:4}.pz-col-xxl-5{grid-column:span 5}.pz-start-xxl-5{grid-column-start:5}.pz-col-xxl-6{grid-column:span 6}.pz-start-xxl-6{grid-column-start:6}.pz-col-xxl-7{grid-column:span 7}.pz-start-xxl-7{grid-column-start:7}.pz-col-xxl-8{grid-column:span 8}.pz-start-xxl-8{grid-column-start:8}.pz-col-xxl-9{grid-column:span 9}.pz-start-xxl-9{grid-column-start:9}.pz-col-xxl-10{grid-column:span 10}.pz-start-xxl-10{grid-column-start:10}.pz-col-xxl-11{grid-column:span 11}.pz-start-xxl-11{grid-column-start:11}.pz-col-xxl-12{grid-column:span 12}.pz-start-xxl-12{grid-column-start:12}}body{box-sizing:border-box;padding:0;margin:0;color:var(--pz-color-text-primary);font-size:var(--pz-font-size-16)}html{scroll-behavior:smooth}*{font-family:Open Sans,Arial,sans-serif;box-sizing:inherit}*:before,*:after{box-sizing:inherit}img{max-width:100%;max-height:100%}.sb-show-main,.sb-main-padded,#storybook-root{min-height:100vh}.sb-main-padded{padding:0!important}body{background:radial-gradient(circle at top left,color-mix(in srgb,var(--pz-color-blue-50) 12%,transparent),transparent 28%),radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-60) 8%,transparent),transparent 24%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 100%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 14%,var(--pz-color-white)))}.sb-prototype{position:relative;min-height:100vh;padding:32px;overflow:hidden;color:var(--pz-color-text-primary)}.sb-prototype:before{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:32px 32px;content:"";-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 92%);pointer-events:none}.sb-prototype-chrome,.sb-prototype-board{position:relative;z-index:1}.sb-prototype-chrome{display:flex;align-items:center;gap:18px;margin:0 auto 24px;padding:18px 22px;max-width:1440px;border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 60%,transparent);border-radius:24px;background:color-mix(in srgb,var(--pz-color-white) 78%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 60px color-mix(in srgb,var(--pz-color-black-90) 10%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 95%,transparent)}.sb-prototype-traffic{display:inline-flex;gap:8px}.sb-prototype-traffic-dot{width:10px;height:10px;border-radius:999px}.sb-prototype-traffic-dot-red{background:var(--pz-color-status-inactive)}.sb-prototype-traffic-dot-amber{background:var(--pz-color-status-hidden)}.sb-prototype-traffic-dot-green{background:var(--pz-color-status-active)}.sb-prototype-meta{display:grid;gap:2px}.sb-prototype-eyebrow,.sb-prototype-label{font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:var(--pz-color-text-link-hover)}.sb-prototype-title{font-size:16px;font-weight:700;line-height:1.4}.sb-prototype-path,.sb-prototype-copy{font-size:13px;line-height:1.6;color:var(--pz-color-text-secondary)}.sb-prototype-board{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:24px;margin:0 auto;max-width:1440px}.sb-prototype-rail{display:grid;align-content:start;gap:16px}.sb-prototype-rail-block{padding:18px;border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 56%,transparent);border-radius:22px;background:color-mix(in srgb,var(--pz-color-white) 74%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 40px color-mix(in srgb,var(--pz-color-black-90) 6%,transparent)}.sb-prototype-surface{min-height:720px;padding:28px;border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 60%,transparent);border-radius:32px;background:linear-gradient(135deg,color-mix(in srgb,var(--pz-color-white) 96%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 10%,var(--pz-color-white))),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-blue-50) 3%,transparent),transparent 28%);box-shadow:0 28px 100px color-mix(in srgb,var(--pz-color-black-90) 14%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 98%,transparent)}@media (width <= 1024px){.sb-prototype{padding:20px}.sb-prototype-board{grid-template-columns:1fr}.sb-prototype-surface{min-height:auto;padding:20px}}@media (width <= 640px){.sb-prototype-chrome{padding:16px 18px;border-radius:18px}.sb-prototype-surface{border-radius:24px}}