@prozorro/prozorro-ui 0.0.7-beta → 0.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app/assets/{Color-FRDS63T2-D7DceWd3.js → Color-FRDS63T2-C5bQ2Iuy.js} +1 -1
- package/dist/app/assets/{Colors.stories-oSXYJENR.js → Colors.stories-B6EPF0nC.js} +1 -1
- package/dist/app/assets/{DocsRenderer-LL677BLK-CSnojeph.js → DocsRenderer-LL677BLK-6m2x0Slf.js} +200 -200
- package/dist/app/assets/{Grid.stories-Bs3kySs1.js → Grid.stories-DCpTvq1h.js} +1 -1
- package/dist/app/assets/PzArrayClamp-K4ObvvOV.css +1 -0
- package/dist/app/assets/PzArrayClamp.stories-DYjTyM_w.js +148 -0
- package/dist/app/assets/PzBreadcrumb-Dcs3weae.css +1 -0
- package/dist/app/assets/PzBreadcrumb.stories-b4V3GARM.js +120 -0
- package/dist/app/assets/PzBtn-Brjbpw1b.js +1 -0
- package/dist/app/assets/PzBtn-CzokGN-c.css +1 -0
- package/dist/app/assets/PzBtn-L_RpjK-U.css +1 -0
- package/dist/app/assets/PzBtn.stories-Bu5qPhtp.js +84 -0
- package/dist/app/assets/PzDomHandler-CRMzxUFs.css +1 -0
- package/dist/app/assets/PzDomHandler.stories-DqW3Mfem.js +170 -0
- package/dist/app/assets/PzDropdown-BnwR1ooa.css +1 -0
- package/dist/app/assets/PzDropdown.stories-CPjzWBvH.js +59 -0
- package/dist/app/assets/{PzGrid.stories-DHYDe1eo.js → PzGrid.stories-C1Y3nz5O.js} +2 -2
- package/dist/app/assets/PzHint-BSVVXtVq.css +1 -0
- package/dist/app/assets/PzHint-BwKGDkUu.js +1 -0
- package/dist/app/assets/PzHint-kEBemRXE.css +1 -0
- package/dist/app/assets/PzHint.stories-B6l3Ocr8.js +75 -0
- package/dist/app/assets/PzIcon-Don8TXO3.js +1 -0
- package/dist/app/assets/PzIcon.stories-DE4e2be_.js +63 -0
- package/dist/app/assets/{PzImage.stories-3xf5vq8I.js → PzImage.stories-DoGwhzIO.js} +2 -2
- package/dist/app/assets/PzInfoHint-CtK7BZOs.css +1 -0
- package/dist/app/assets/PzInfoHint.stories-CWDV-k9d.js +38 -0
- package/dist/app/assets/PzLink-BkfNrG4H.js +1 -0
- package/dist/app/assets/PzLink-CLsit3uW.css +1 -0
- package/dist/app/assets/PzLink-pGUmpCAv.css +1 -0
- package/dist/app/assets/PzLink.stories-D1DLILnY.js +99 -0
- package/dist/app/assets/PzModal-X71wpoOT.css +1 -0
- package/dist/app/assets/PzModal.stories-GJIUTcxR.js +168 -0
- package/dist/app/assets/PzNav-DRAXqlz0.css +1 -0
- package/dist/app/assets/PzNav.stories-vqArvp6y.js +197 -0
- package/dist/app/assets/PzPagination-DJVeW9lu.css +1 -0
- package/dist/app/assets/PzPagination.stories-D-kZtPzf.js +83 -0
- package/dist/app/assets/PzRouterLink.stories-CRcNmODE.js +54 -0
- package/dist/app/assets/PzScrollTo-GAEPiQFO.css +1 -0
- package/dist/app/assets/PzScrollTo.stories-C0m8oG4O.js +81 -0
- package/dist/app/assets/PzStatus-DlvKjmG7.css +1 -0
- package/dist/app/assets/PzStatus.stories-u5QAVco_.js +95 -0
- package/dist/app/assets/PzTabs-Cko9ewqz.css +1 -0
- package/dist/app/assets/PzTabs.stories-CEoVVF4Z.js +594 -0
- package/dist/app/assets/PzTag-rwtmuhv6.css +1 -0
- package/dist/app/assets/PzTag.stories-B2WKURWu.js +70 -0
- package/dist/app/assets/{PzText-B1cefxtz.js → PzText-LfRr6NF7.js} +1 -1
- package/dist/app/assets/{PzText.stories-BFfwzgRO.js → PzText.stories-CJhqWJtS.js} +6 -6
- package/dist/app/assets/PzTextClamp-BnSHv0R0.css +1 -0
- package/dist/app/assets/PzTextClamp.stories-B-2pPs9u.js +149 -0
- package/dist/app/assets/PzValidatorXSS-B6WBrYex.css +1 -0
- package/dist/app/assets/PzValidatorXSS.stories-DqA_mla7.js +163 -0
- package/dist/app/assets/{Spacing.stories-DhCjLNK2.js → Spacing.stories-55zVSJ08.js} +1 -1
- package/dist/app/assets/{Typography.stories-CSj6NWZS.js → Typography.stories-DEgPTqUk.js} +1 -1
- package/dist/app/assets/{WithTooltip-65CFNBJE-CXtzAlgs.js → WithTooltip-65CFNBJE-D3ytr0gE.js} +1 -1
- package/dist/app/assets/floating-vue-ydzBnlRK.js +1 -0
- package/dist/app/assets/formatter-EIJCOSYU-Ca5EM9Pa.js +1 -0
- package/dist/app/assets/iframe-B97zFSkg.css +1 -0
- package/dist/app/assets/iframe-XnrfGA2g.js +1115 -0
- package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-C5g7sJvt.js → syntaxhighlighter-OH4MV7E3-meijqKce.js} +1 -1
- package/dist/app/iframe.html +2 -2
- package/dist/app/index.json +1 -1
- package/dist/app/project.json +1 -1
- package/dist/components/PzArrayClamp/PzArrayClamp.vue.d.ts +36 -0
- package/dist/components/PzArrayClamp/index.d.ts +2 -0
- package/dist/components/PzArrayClamp/types.d.ts +8 -0
- package/dist/components/PzBreadcrumb/PzBreadcrumb.vue.d.ts +35 -0
- package/dist/components/PzBreadcrumb/constants.d.ts +4 -0
- package/dist/components/PzBreadcrumb/index.d.ts +2 -0
- package/dist/components/PzBreadcrumb/types.d.ts +8 -0
- package/dist/components/PzBtn/PzBtn.vue.d.ts +24 -0
- package/dist/components/PzBtn/configs.d.ts +3 -0
- package/dist/components/PzBtn/index.d.ts +2 -0
- package/dist/components/PzBtn/types.d.ts +7 -0
- package/dist/components/PzDropdown/PzDropdown.vue.d.ts +18 -0
- package/dist/components/PzDropdown/index.d.ts +2 -0
- package/dist/components/PzDropdown/types.d.ts +1 -0
- package/dist/components/PzGrid/PzGrid.vue.d.ts +1 -1
- package/dist/components/PzGrid/PzGridItem.vue.d.ts +1 -1
- package/dist/components/PzGrid/configs.d.ts +2 -2
- package/dist/components/PzHint/PzHint.vue.d.ts +24 -0
- package/dist/components/PzHint/index.d.ts +2 -0
- package/dist/components/PzHint/types.d.ts +8 -0
- package/dist/components/PzIcon/PzIcon.vue.d.ts +1 -1
- package/dist/components/PzImage/configs.d.ts +1 -1
- package/dist/components/PzInfoHint/PzInfoHint.vue.d.ts +7 -0
- package/dist/components/PzInfoHint/index.d.ts +2 -0
- package/dist/components/PzInfoHint/types.d.ts +12 -0
- package/dist/components/PzLink/PzLink.vue.d.ts +29 -0
- package/dist/components/PzLink/configs.d.ts +2 -0
- package/dist/components/PzLink/constants.d.ts +1 -0
- package/dist/components/PzLink/index.d.ts +2 -0
- package/dist/components/PzLink/types.d.ts +13 -0
- package/dist/components/PzModal/PzModal.vue.d.ts +36 -0
- package/dist/components/PzModal/configs.d.ts +1 -0
- package/dist/components/PzModal/constants.d.ts +10 -0
- package/dist/components/PzModal/index.d.ts +2 -0
- package/dist/components/PzModal/types.d.ts +11 -0
- package/dist/components/PzNav/PzNav.vue.d.ts +23 -0
- package/dist/components/PzNav/index.d.ts +2 -0
- package/dist/components/PzNav/types.d.ts +9 -0
- package/dist/components/PzPagination/PzPagination.vue.d.ts +9 -0
- package/dist/components/PzPagination/index.d.ts +2 -0
- package/dist/components/PzPagination/types.d.ts +6 -0
- package/dist/components/PzRouterLink/PzRouterLink.vue.d.ts +30 -0
- package/dist/components/PzRouterLink/index.d.ts +2 -0
- package/dist/components/PzRouterLink/types.d.ts +7 -0
- package/dist/components/PzStatus/PzStatus.vue.d.ts +21 -0
- package/dist/components/PzStatus/configs.d.ts +2 -0
- package/dist/components/PzStatus/constants.d.ts +2 -0
- package/dist/components/PzStatus/index.d.ts +2 -0
- package/dist/components/PzStatus/types.d.ts +6 -0
- package/dist/components/PzTabs/PzTab.vue.d.ts +22 -0
- package/dist/components/PzTabs/PzTabs.vue.d.ts +21 -0
- package/dist/components/PzTabs/configs.d.ts +1 -0
- package/dist/components/PzTabs/constants.d.ts +5 -0
- package/dist/components/PzTabs/index.d.ts +3 -0
- package/dist/components/PzTabs/types.d.ts +14 -0
- package/dist/components/PzTag/PzTag.vue.d.ts +23 -0
- package/dist/components/PzTag/configs.d.ts +2 -0
- package/dist/components/PzTag/index.d.ts +2 -0
- package/dist/components/PzTag/types.d.ts +6 -0
- package/dist/components/PzText/configs.d.ts +1 -1
- package/dist/components/PzTextClamp/PzTextClamp.vue.d.ts +36 -0
- package/dist/components/PzTextClamp/constants.d.ts +2 -0
- package/dist/components/PzTextClamp/index.d.ts +2 -0
- package/dist/components/PzTextClamp/types.d.ts +10 -0
- package/dist/floating-vue.d.ts +1 -0
- package/dist/index.d.ts +18 -0
- package/dist/package.json +8 -2
- package/dist/prozorro-ui.cjs +1 -1
- package/dist/prozorro-ui.js +3379 -75
- package/dist/style.css +1 -1
- package/dist/utils/PzDomHandler/PzDomHandler.d.ts +19 -0
- package/dist/utils/PzDomHandler/constants.d.ts +1 -0
- package/dist/utils/PzDomHandler/index.d.ts +2 -0
- package/dist/utils/PzDomHandler/types.d.ts +4 -0
- package/dist/utils/PzScrollTo/PzScrollTo.d.ts +9 -0
- package/dist/utils/PzScrollTo/configs.d.ts +1 -0
- package/dist/utils/PzScrollTo/constants.d.ts +3 -0
- package/dist/utils/PzScrollTo/index.d.ts +2 -0
- package/dist/utils/PzScrollTo/types.d.ts +8 -0
- package/dist/utils/PzValidatorXSS/PzValidatorXSS.d.ts +20 -0
- package/dist/utils/PzValidatorXSS/index.d.ts +2 -0
- package/dist/utils/PzValidatorXSS/types.d.ts +1 -0
- package/package.json +8 -2
- package/src/styles/abstract/_variables.scss +8 -2
- package/src/styles/main.scss +1 -0
- package/src/styles/vendors/_floating-vue.scss +59 -0
- package/dist/app/assets/PzIcon.stories-DnSfvny_.js +0 -63
- package/dist/app/assets/formatter-EIJCOSYU-BiTxXm4h.js +0 -1
- package/dist/app/assets/iframe-AHEBgGuT.js +0 -1107
- package/dist/app/assets/iframe-C7ls-B1-.css +0 -1
|
@@ -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")}.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%}.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}}
|