@kubex/zinc 1.1.1 → 1.1.2
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/custom-elements.json +92 -74
- package/dist/vscode.html-custom-data.json +11 -11
- package/dist/web-types.json +23 -23
- package/dist/zn.d.ts +4 -0
- package/dist/zn.min.css +1 -1
- package/dist/zn.min.js +9 -9
- package/package.json +1 -1
- package/scss/shared/_table.scss +2 -2
- package/src/components/data-table/data-table.scss +2 -2
- package/src/components/expanding-action/expanding-action.component.ts +38 -0
- package/src/components/expanding-action/expanding-action.scss +17 -9
- package/src/components/navbar/navbar.scss +4 -6
package/dist/zn.min.js
CHANGED
|
@@ -112,7 +112,7 @@ function print() { __p += __j.call(arguments, '') }
|
|
|
112
112
|
aria-label="tooltip">
|
|
113
113
|
<slot name="content">${this.content}</slot>
|
|
114
114
|
</div>
|
|
115
|
-
</zn-popup>`}};pa.styles=Q(xde),_([ce("slot:not([name])")],pa.prototype,"defaultSlot",2),_([ce(".tooltip__body")],pa.prototype,"body",2),_([ce("zn-popup")],pa.prototype,"popup",2),_([w()],pa.prototype,"content",2),_([w()],pa.prototype,"placement",2),_([w({type:Boolean,reflect:!0})],pa.prototype,"disabled",2),_([w({type:Number})],pa.prototype,"distance",2),_([w({type:Boolean,reflect:!0})],pa.prototype,"open",2),_([w({type:Number})],pa.prototype,"skidding",2),_([w()],pa.prototype,"trigger",2),_([w({type:Boolean})],pa.prototype,"hoist",2),_([Be("open",{waitUntilFirstUpdate:!0})],pa.prototype,"handleOpenChange",1),_([Be(["content","distance","hoist","placement","skidding"])],pa.prototype,"handleOptionsChange",1),_([Be("disabled")],pa.prototype,"handleDisabledChange",1);var ms=pa;pa.define("zn-tooltip");var wde=J`:host,html,body{color:rgba(var(--zn-text),var(--zn-text-opacity));font-family:var(--zn-font-family-sans);font-feature-settings:normal;font-variation-settings:normal;font-size:var(--zn-text-paragraph-font-size);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tab-size:4;-o-tab-size:4;tab-size:4;margin:0}html,body{background-color:rgba(var(--zn-body),var(--zn-bg-opacity));container-type:size;min-height:100%;height:100%}.inline-container{container-type:inline-size}.app-container{container-type:inline-size;display:flex;flex:1;flex-direction:column;position:relative;max-height:100%;height:100%;width:100%;max-width:100%}.inline-app-container,.app-container.inline-app-container,[inline-container] .app-container{display:block;height:auto;flex:unset}hr{height:0;border:none;border-top:1px solid rgb(var(--zn-border-color))}code,kbd,samp,pre,.mono{font-family:var(--zn-font-family-mono);font-size:1em}small{font-size:80%}.hidden{display:none !important}.visibility-hidden{visibility:hidden}p{font-size:var(--zn-text-paragraph-font-size);line-height:var(--zn-text-paragraph-line-height);font-weight:var(--zn-text-paragraph-font-weight)}h1,h2,h3,h4,h5,h6{color:rgb(var(--zn-text-heading))}h1{font-size:var(--zn-text-h1-font-size);line-height:var(--zn-text-h1-line-height);font-weight:var(--zn-text-h1-font-weight)}h2{font-size:var(--zn-text-h2-font-size);line-height:var(--zn-text-h2-line-height);font-weight:var(--zn-text-h2-font-weight)}h3,h4,h5,h6{font-size:var(--zn-text-h3-font-size);line-height:var(--zn-text-h3-line-height);font-weight:var(--zn-text-h3-font-weight)}kbd{font-family:monospace;background-color:#eee;color:#333;border:1px solid rgb(var(--zn-border-color));border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(255,255,255,0.5) inset;display:inline-block;font-size:13px;line-height:20px;padding:1px 6px;white-space:nowrap;min-width:15px;color:rgba(0,0,0,0.5)}[t=dark] kbd{background-color:rgb(25,25,25);box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(110,110,110,0.5) inset;color:#eee}[tab]{cursor:pointer}.zn-link:hover{--zn-text:rgb(var(--zn-primary));--icon-color:rgb(var(--zn-primary));--zn-text-heading:rgb(var(--zn-primary));--property-color:rgb(var(--zn-primary));opacity:1}.grow{flex-grow:1}.no-grow{flex-grow:0}.shrink{flex-shrink:1}.no-shrink{flex-shrink:0}.block{display:block}.flex{display:flex}.flex-wrap{display:flex;flex-wrap:wrap}.flex-col{display:flex;flex-direction:column}.flex-mid{display:flex;align-items:center}.flex-jc{justify-content:center}.flex-between{display:flex;justify-content:space-between}.flex-end{display:flex;justify-content:flex-end}.flex-bottom{display:flex;align-items:flex-end}.equal{flex-basis:50%}.m-auto{margin:auto}.mt-auto{margin-top:auto}.zn-pad{padding:var(--zn-base-gap,0)}.zn-pad-y,.zn-py{padding-top:15px;padding-bottom:15px}.zn-pad-x,.zn-px{padding-left:15px;padding-right:15px}.zn-pr{padding-right:15px}.zn-pl{padding-left:15px}.zn-pt{padding-top:15px}.zn-pb{padding-bottom:15px}.zn-margin{margin:15px}.zn-mx{margin-left:15px;margin-right:15px}.zn-my{margin-top:15px;margin-bottom:15px}.zn-mt{margin-top:15px}.zn-mb{margin-bottom:15px}.zn-ml{margin-left:15px}.zn-mr{margin-right:15px}.zn-mxa{margin-left:auto;margin-right:auto}.zn-mya{margin-top:auto;margin-bottom:auto}.zn-mta{margin-top:auto}.zn-mba{margin-bottom:auto}.zn-mla{margin-left:auto}.zn-mra{margin-right:auto}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}@keyframes act-vanish{from{transform:scale(1);opacity:1;max-height:100%}to{transform:scale(0.8);opacity:0;max-height:0}}.act-vanish{animation:ease-in act-vanish 600ms forwards;transform-origin:top center;background-color:rgba(var(--zn-color-error),0.3);display:block;overflow:hidden}.h-full{height:100%}.w-full{width:100%}.zn-panel-bg{--zn-page-surface-background:var(--zn-panel);background-color:rgba(var(--zn-panel),var(--zn-panel-opacity))}.zn-panel{background-color:rgba(var(--zn-panel),var(--zn-panel-opacity));border:1px solid rgb(var(--zn-border-color));border-radius:var(--zn-border-radius);--zn-page-surface-background:var(--zn-panel)}.zn-container{display:flex;flex-direction:column;flex-grow:1;max-height:100%;overflow:hidden}.tar{text-align:right}.tal{text-align:left}.tac{text-align:center}.zn-empty-hide:empty{display:none}.ml-auto{margin-left:auto}.zn-b-dash{border-style:dashed}.zn-b-dotted{border-style:dotted}.zn-border{border-style:solid;border-width:1px !important}.zn-bt{border-top-style:solid;border-top-width:1px !important}.zn-bb{border-bottom-style:solid;border-bottom-width:1px !important}.zn-bl{border-left-style:solid;border-left-width:1px !important}.zn-br{border-right-style:solid;border-right-width:1px !important}.unifi-action{display:flex;gap:10px;padding:10px 0;align-items:center}.zn-panel-bar{border-bottom:1px solid rgb(var(--zn-border-color));background-color:rgba(var(--zn-panel),0.9);padding:var(--zn-base-px);gap:var(--zn-base-px);display:flex;flex-wrap:wrap;align-items:center;z-index:1}.zn-panel-bar--pill{border-radius:var(--zn-border-radius);border:1px solid rgb(var(--zn-border-color))}.zn-panel-bar--large{padding:var(--zn-base-px) calc(var(--zn-base-gap) + var(--zn-gutter));gap:var(--zn-base-px);height:50px}.scroll-container{overflow:auto;flex-grow:1;position:relative;display:flex;flex-direction:column;max-height:100%}.zn-divide{display:flex;flex-direction:column}.zn-divide>*:not(:first-child){border-top:1px solid rgb(var(--zn-border-color))}.zn-divide>div:empty+div:not(:first-child){border-top:0}.zn-divide-y{display:flex;flex-direction:row}.zn-divide-y>*:not(:first-child):not(:empty){border-left:1px solid rgb(var(--zn-border-color))}.zn-c-pad{--zn-pad-spacing:var(--zn-spacing-large)}.zn-c-pad-x>*{padding-left:var(--zn-pad-spacing);padding-right:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:first-child){padding-top:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:last-child){padding-bottom:var(--zn-pad-spacing)}.zn-nav.zn-transparent{background:transparent}.zn-nav{background:rgba(var(--zn-panel),var(--zn-panel-opacity));border-right:1px solid rgb(var(--zn-border-color));max-width:320px;height:100%;padding-top:5px}.zn-nav ul{list-style:none;padding-bottom:10px;margin:0;display:flex;flex-direction:column;position:relative}.zn-nav ul:after{content:"";height:1px;left:18px;right:18px;bottom:0;position:absolute;background:rgb(var(--zn-border-color))}.zn-nav ul li a{text-decoration:none;color:rgb(var(--zn-text));display:block;font-weight:500;cursor:pointer}.zn-nav ul li a:hover,.zn-nav ul li a.zn-tb-active{background:rgb(var(--zn-body))}.zn-nav ul li a.zn-tb-active{color:rgb(var(--zn-purple-text))}.zn-nav ul:last-child:after{display:none}.zn-nav strong,.zn-nav li a{padding:10px 20px}.zn-nav strong{display:block;margin-top:10px;font-size:13px;letter-spacing:0.93px;color:rgb(var(--zn-text-heading));font-weight:600;padding-bottom:5px;text-transform:uppercase}@keyframes shimmer-text-sweep{0%{background-position:100% center}100%{background-position:0% center}}@media (prefers-reduced-motion:no-preference){.shimmer-text{--shimmer-base:rgb(var(--zn-text));--shimmer-highlight:rgb(var(--zn-text-heading));--shimmer-core:0.5ch;--shimmer-spread:1.5ch;--shimmer-duration:1.5s;display:inline-block;width:-moz-fit-content;width:fit-content;max-width:100%;background-image:linear-gradient(90deg,transparent calc(50% - var(--shimmer-spread)),var(--shimmer-highlight) calc(50% - var(--shimmer-core)),var(--shimmer-highlight) calc(50% + var(--shimmer-core)),transparent calc(50% + var(--shimmer-spread))),linear-gradient(var(--shimmer-base),var(--shimmer-base));background-size:250% 100%,auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent !important;color:transparent !important;animation:var(--shimmer-duration) linear infinite shimmer-text-sweep}.shimmer-text.zn-error{--shimmer-base:rgb(var(--zn-color-error));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-error)) 55%,white)}.shimmer-text.zn-success{--shimmer-base:rgb(var(--zn-color-success));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-success)) 55%,white)}.shimmer-text.zn-info{--shimmer-base:rgb(var(--zn-color-info));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-info)) 55%,white)}.shimmer-text.zn-warning{--shimmer-base:rgb(var(--zn-color-warning));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-warning)) 55%,white)}.shimmer-text.zn-primary{--shimmer-base:rgb(var(--zn-primary));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-primary)) 55%,white)}.shimmer-text.zn-accent{--shimmer-base:rgb(var(--zn-accent));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-accent)) 55%,white)}}@media (prefers-reduced-motion:reduce){.shimmer-text{color:rgb(var(--zn-text))}.shimmer-text.zn-error{color:rgb(var(--zn-color-error)) !important}.shimmer-text.zn-success{color:rgb(var(--zn-color-success)) !important}.shimmer-text.zn-info{color:rgb(var(--zn-color-info)) !important}.shimmer-text.zn-warning{color:rgb(var(--zn-color-warning)) !important}.shimmer-text.zn-primary{color:rgb(var(--zn-primary)) !important}.shimmer-text.zn-accent{color:rgb(var(--zn-accent)) !important}}*,*::before,*::after{box-sizing:border-box}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}b{font-weight:600}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:inline-block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}button,.zn-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}button:hover:not([disabled]),.zn-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{display:block;width:100%;border-radius:5px;border-style:solid;border-width:1px !important;border-color:rgb(var(--zn-border-color));background-color:rgb(var(--zn-input-bg));outline:none}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,input[type=file]:focus,input[list]:focus,textarea:focus,select:focus{border-color:rgb(var(--zn-primary));box-shadow:0 0 0 3px rgba(var(--zn-primary),0.3)}input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=file]::-moz-placeholder, input[list]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,input[type=week]::placeholder,input[type=file]::placeholder,input[list]::placeholder,textarea::placeholder,select::placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}@media (min-width:360px){input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{padding:10px}}label{font-weight:600;font-size:rgb(var(--zn-font-size-medium));line-height:var(--zn-spacing-medium);color:rgb(var(--zn-text-heading));display:block;margin-bottom:5px;margin-top:15px}input[type=checkbox],input[type=radio]{border-radius:5px}input[type=radio]{border-radius:50%}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;background-color:rgb(var(--zn-border-color));height:10px;accent-color:rgb(var(--zn-primary));width:100%;max-width:768px}fieldset{border-color:rgba(var(--zn-primary),20%);border-width:2px;padding:0 15px 15px}select option{padding:5px}select>option:checked{background-color:rgba(var(--zn-primary),20%);border-radius:5px}fieldset>legend{padding:5px}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=button]:hover:not([disabled]),input[type=submit]:hover:not([disabled]),button[type=submit]:not(.button):hover:not([disabled]),button[type=button]:not(.button):hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){width:auto}div+button{margin-top:15px}input[type=file]::-webkit-file-upload-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=file]::-webkit-file-upload-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=file]::-webkit-file-upload-button{margin-right:10px}input::-webkit-calendar-picker-indicator{cursor:pointer;padding:10px}input[list]::-webkit-calendar-picker-indicator{padding:10px 5px}.input--with-icon{position:relative}.input--with-icon zn-icon{padding:14px;position:absolute;top:50%;pointer-events:none;transform:translateY(-50%);left:10px;background-color:rgb(var(--zn-primary));color:rgb(var(--zn-text));border-radius:50%}.input--with-icon input{padding-left:40px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:rgb(var(--zn-text));-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px rgba(35,35,35,0.1607843137)}select{height:43px}.no-border{border:none !important}table:not(.remarkd-table){border-collapse:separate !important;border-spacing:0;width:100%;max-width:100%;table-layout:auto;text-align:left;font-size:var(--zn-text-table-content-font-size);line-height:var(--zn-text-table-content-line-height);font-weight:var(--zn-text-table-content-font-weight)}table:not(.remarkd-table) thead{font-weight:var(--zn-font-weight-medium)}table:not(.remarkd-table) tbody a{cursor:pointer;color:rgb(var(--zn-primary))}table:not(.remarkd-table) tbody tr td{border-top:1px solid rgb(var(--zn-border-color)) !important}table:not(.remarkd-table) tbody tr:first-of-type td{border-top:0 !important}table:not(.remarkd-table) tbody tr:nth-of-type(even){background-color:rgba(var(--zn-body))}table:not(.remarkd-table) thead tr th:first-of-type,table:not(.remarkd-table) tbody tr td:first-of-type{padding-left:14px}table:not(.remarkd-table) thead tr th:last-of-type,table:not(.remarkd-table) tbody tr td:last-of-type{padding-right:14px}table:not(.remarkd-table) th,table:not(.remarkd-table) td{padding:15px;min-width:90px;white-space:nowrap}table:not(.remarkd-table) th:first-child,table:not(.remarkd-table) td:first-child{padding-left:0}table:not(.remarkd-table) td>span{white-space:normal}table:not(.remarkd-table) th{padding-bottom:0;border-bottom:1px solid rgb(var(--zn-border-color))}.zn-table-fixed{table-layout:fixed}thead tr:last-of-type th{border-bottom:0}.opacity-100{opacity:1}.opacity-90{opacity:0.9}.opacity-80{opacity:0.8}.opacity-60{opacity:0.6}.opacity-50{opacity:0.5}.opacity-40{opacity:0.4}.opacity-10{opacity:0.1}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:inline-block;position:relative;width:auto;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host button,:host a{width:100%}.button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}.button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}.button{--btn-color:var(--zn-primary);--notification-color:rgb(var(--zn-color-error));border-width:var(--zn-button-border-width,1px);border-top-width:var(--zn-button-border-top-width,var(--zn-button-border-width,1px));border-right-width:var(--zn-button-border-right-width,var(--zn-button-border-width,1px));border-bottom-width:var(--zn-button-border-bottom-width,var(--zn-button-border-width,1px));border-left-width:var(--zn-button-border-left-width,var(--zn-button-border-width,1px));border-color:var(--zn-button-border-color,transparent);display:inline-flex;position:relative}.button.button--info{--btn-color:var(--zn-color-info)}.button.button--error{--btn-color:var(--zn-color-error)}.button.button--warning{--btn-color:var(--zn-color-warning)}.button.button--success{--btn-color:var(--zn-color-success)}.button__label--hidden{visibility:hidden}.button.button--muted-notification{--notification-color:rgb(var(--zn-color-info))}.button--has-notification{position:relative;overflow:visible}.button--has-notification::after{content:attr(data-notification);position:absolute;display:flex;justify-content:center;align-items:center;top:-4px;left:auto;inset-inline-end:-4px;box-sizing:border-box;min-width:13px;height:13px;padding:0 3px;border-radius:999px;font-size:var(--zn-text-notification-font-size);font-weight:var(--zn-text-notification-font-weight);line-height:var(--zn-text-notification-line-height);color:var(--zn-text-notification-color);background-color:var(--notification-color)}.button--has-notification.button--notification-dot::after{content:"";min-width:0;width:8px;height:8px;padding:0;border-radius:50%}.button::-moz-focus-inner{border:0}.button:focus{outline:none}.button:focus-visible{outline:2px solid rgb(var(--btn-color));outline-offset:2px}[disabled]{cursor:not-allowed;opacity:0.5}[disabled] *{pointer-events:none}.button--standard.button--secondary{background-color:var(--zn-color-neutral-50);border-color:var(--zn-button-border-color,var(--zn-color-neutral-50));color:rgb(var(--zn-primary))}.button--standard.button--secondary:hover:not([disabled]){background-color:var(--zn-color-neutral-100)}.button--standard.button--secondary:active:not([disabled]){background-color:var(--zn-color-neutral-100)}.button--standard{background-color:rgba(var(--btn-color),0.85);border-color:var(--zn-button-border-color,rgb(var(--btn-color)));color:rgba(255,255,255,0.9)}.button--standard:hover:not([disabled]){background-color:rgba(var(--btn-color),0.8)}.button--standard:active:not([disabled]){background-color:rgba(var(--btn-color))}.button--outline{background:none;border-width:var(--zn-button-border-width,1px);border-top-width:var(--zn-button-border-top-width,var(--zn-button-border-width,1px));border-right-width:var(--zn-button-border-right-width,var(--zn-button-border-width,1px));border-bottom-width:var(--zn-button-border-bottom-width,var(--zn-button-border-width,1px));border-left-width:var(--zn-button-border-left-width,var(--zn-button-border-width,1px));border-color:var(--zn-button-border-color,rgb(var(--btn-color)));color:rgb(var(--btn-color))}.button--outline:hover:not([disabled]),.button--outline:active:not([disabled]){background-color:rgb(var(--btn-color));color:white}.button--outline.button--secondary{border-color:var(--zn-button-border-color,var(--zn-color-neutral-100))}.button--outline.button--secondary:hover:not([disabled]),.button--outline.button--secondary:active:not([disabled]){background-color:var(--zn-color-neutral-100);color:rgb(var(--btn-color))}.button--text{background:none;color:rgb(var(--btn-color))}.button--text:hover:not([disabled]),.button--text:active:not([disabled]){background-color:rgba(var(--btn-color),0.1)}.button--text.button--secondary{font-weight:normal}.button--grow{width:100%}.button--with-icon.button--with-content:not(.button--icon-button).button--icon-left zn-icon{margin-right:var(--zn-base-px)}.button--with-icon.button--with-content:not(.button--icon-button).button--icon-right zn-icon{margin-left:var(--zn-base-px)}.button--square{border-radius:0}.button--transparent{background-color:transparent;border-color:var(--zn-button-border-color,transparent) !important;color:inherit}.button--transparent:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.1)}.button--transparent:active:not([disabled]){background-color:rgba(var(--zn-primary),0.2)}.button--star{--btn-color:var(--zn-orange);background-color:rgb(var(--btn-color));border-color:var(--zn-button-border-color,rgb(var(--btn-color)));color:white;opacity:1 !important}.button--star:hover:not([disabled]){background-color:rgb(var(--btn-color))}.button--star:active{background-color:rgb(var(--btn-color))}.button--star.button--outline{background-color:transparent;border-color:var(--zn-button-border-color,rgb(var(--btn-color)));color:rgb(var(--btn-color))}.button--star.button--outline:hover:not([disabled]),.button--star.button--outline:active:not([disabled]){background-color:rgba(var(--btn-color));color:white}.button.button--icon-button{--icon-button-color:rgb(var(--zn-text));--icon-button-hover-color:rgb(var(--zn-primary));width:40px;min-width:40px;height:36px;min-height:36px;max-height:36px;padding:6px;margin:0;background:rgb(var(--zn-panel));border-color:var(--zn-button-border-color,rgb(var(--zn-border-color))) !important;border-radius:var(--zn-border-radius);color:var(--icon-button-color);font-weight:inherit;line-height:0}.button.button--icon-button zn-icon,.button.button--icon-button ::slotted(zn-icon){--icon-color:currentColor;color:inherit;line-height:0}.button.button--icon-button:hover:not([disabled]),.button.button--icon-button:active:not([disabled]){background:rgba(var(--zn-color-tab),0.5)}.button.button--icon-button.button--icon-button-small{width:36px;min-width:36px}.button.button--icon-button.button--icon-button-round{width:36px;min-width:36px;padding:8px;background:rgb(var(--zn-color-tab));border-color:var(--zn-button-border-color,transparent) !important;border-radius:var(--zn-border-radius-circle)}.button.button--icon-button.button--icon-button-round:hover:not([disabled]),.button.button--icon-button.button--icon-button-round:active:not([disabled]){background:rgb(var(--zn-color-border))}.button.button--icon-button.button--plain{background:transparent;border-color:var(--zn-button-border-color,transparent) !important}.button.button--icon-button.button--plain:hover:not([disabled]),.button.button--icon-button.button--plain:active:not([disabled]){background:rgb(var(--zn-color-tab))}.button.button--icon-button.button--no-hover:hover:not([disabled]),.button.button--icon-button.button--no-hover:active:not([disabled]){background:rgb(var(--zn-panel))}.button.button--icon-button.button--no-hover.button--plain:hover:not([disabled]),.button.button--icon-button.button--no-hover.button--plain:active:not([disabled]){background:transparent}.button.button--icon-button.button--has-notification::after{--icon-inset:calc((100% - var(--notification-icon-size,20px)) / 2);top:calc(var(--icon-inset) - 4px);inset-inline-end:calc(var(--icon-inset) - 4px);transform:translate(50%,-50%)}.button--loading-bg-transparent{background-color:transparent}.button--loading-fill{pointer-events:none;position:absolute;z-index:1;background-color:rgba(var(--btn-color),0.85);border-radius:inherit;transition:width 0s;animation:loading-fill-grow var(--loading-duration,2s) linear forwards;inset:-1px}.button--loading-fill-transparent{background-color:rgba(var(--zn-primary),0.1)}.button--loading-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.button--loading-text{z-index:5;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:inherit;font-weight:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;pointer-events:none;color:inherit}.button--loading-text .loading-countdown{margin-left:3px}.button--loading-text-left{justify-content:flex-start;padding-inline-start:7px}.button--loading-text-right{justify-content:flex-end;padding-inline-end:7px}.button--relative-wrapper{position:relative;display:inline-flex;height:100%;width:100%}@keyframes loading-fill-grow{from{width:0}to{width:100%}}:host([vertical-align=center]){align-self:center}:host([vertical-align=end]){align-self:end}:host([vertical-align=start]){align-self:start}:host([grow]){width:100%}:host([grow]) button{width:100%}:host([data-zn-button-group__button--grow]){flex-grow:1;flex-basis:0}:host([data-zn-button-group__button--inner]) .button{border-radius:0 !important;border-left:0 !important;border-right:0 !important}:host([data-zn-button-group__button]:not([data-zn-button-group__button--first]):not(:hover)) .button:after{content:"";position:absolute;top:0;inset-inline-start:0;bottom:0;border-left:solid 1px;mix-blend-mode:multiply;color:rgb(var(--zn-border-color))}:host([data-zn-button-group__button--first]:not([data-zn-button-group__button--last])) .button{border-radius:5px 0 0 5px !important;border-right:0 !important}:host([data-zn-button-group__button--last]:not([data-zn-button-group__button--first])) .button{border-radius:0 5px 5px 0 !important;border-left:0 !important}.button--panel-bg{background:rgb(var(--zn-panel))}`;var dt=class extends X{constructor(){super(...arguments);this.formControlController=new lt(this);this.hasSlotController=new Je(this,"[default]");this._loadingState={countdown:null,interval:void 0};this.color="default";this.text=!1;this.outline=!1;this.disabled=!1;this.grow=!1;this.square=!1;this.iconButton=!1;this.plain=!1;this.noHover=!1;this.panelBackground=!1;this.dropdownCloser=!1;this.mutedNotifications=!1;this.content="";this.icon="";this.gaid="";this.iconPosition="left";this.rel="noreferrer noopener";this.autoClick=!1;this.autoClickDelay=2e3;this.loadingText="Loading...";this.loadingTextPosition="center";this.loading=!1;this.handleClick=()=>{if(!this.disabled){if(this.dropdownCloser){let t=null,i=this,n=0,o=30;for(;i&&n<o;){if(i instanceof Gn){t=i;break}i=i.parentElement||(i.getRootNode()instanceof ShadowRoot?i.getRootNode().host:null),n++}t==null||t.hide()}this.type==="submit"&&this.formControlController.submit()}}}get validity(){return this._isButton()&&this.button?this.button.validity:ka}get validationMessage(){return this._isButton()&&this.button?this.button.validationMessage:""}firstUpdated(){this._isButton()&&this.formControlController.updateValidity()}disconnectedCallback(){super.disconnectedCallback(),this.teardownAutoClick()}async handleAutoClickChange(t,i){i?(await this.updateComplete,this.setupAutoClick()):this.teardownAutoClick()}updated(t){if(super.updated(t),this.button){let i=this.button.querySelector(".button--loading-fill");if(i&&i.remove(),this.loading){let n=`${this.autoClickDelay/1e3}s`,o=document.createElement("div");o.classList.add("button--loading-fill"),o.setAttribute("style",`--loading-duration: ${n}`),this.button.classList.contains("button--transparent")&&(o.classList.add("button--loading-fill-transparent"),this.button.classList.add("button--loading-bg-transparent")),this.button.prepend(o),this.button.classList.add("button--loading-bg")}else this.button.classList.remove("button--loading-bg"),this.button.classList.remove("button--loading-bg-transparent");this.updateCountdownText()}}checkValidity(){return this._isButton()&&this.button?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this._isButton()&&this.button?this.button.reportValidity():!0}setCustomValidity(t){this._isButton()&&(this.button.setCustomValidity(t),this.formControlController.updateValidity())}click(){this.handleClick()}_isLink(){return this.href!==void 0}_isButton(){return!this._isLink()}getIconButtonColor(t){switch(t){case void 0:case"":case"default":return"rgb(var(--zn-text))";case"primary":return"rgb(var(--zn-primary))";case"secondary":return"rgb(var(--zn-text))";case"error":return"rgb(var(--zn-color-error))";case"info":return"rgb(var(--zn-color-info))";case"success":return"rgb(var(--zn-color-success))";case"warning":return"rgb(var(--zn-color-warning))";case"transparent":return"inherit";case"star":return"rgb(var(--zn-orange))";default:return t}}setupAutoClick(){this.button&&(this._autoClickTimeout&&(window.clearTimeout(this._autoClickTimeout),this._autoClickTimeout=void 0),this._loadingState.interval&&(window.clearInterval(this._loadingState.interval),this._loadingState.interval=void 0),this.loading=!0,this._loadingState.countdown=Math.ceil(this.autoClickDelay/1e3),this.updateCountdownText(),this._loadingState.interval=window.setInterval(()=>{this._loadingState.countdown&&this._loadingState.countdown>0&&(this._loadingState.countdown--,this.updateCountdownText())},1e3),this._autoClickTimeout=window.setTimeout(()=>{var t;this.loading=!1,this._loadingState.countdown=null,this.updateCountdownText(),this._loadingState.interval&&(window.clearInterval(this._loadingState.interval),this._loadingState.interval=void 0),(t=this.button)==null||t.click()},this.autoClickDelay))}updateCountdownText(){let t=this._loadingState.countdown&&this._loadingState.countdown>0?` (${this._loadingState.countdown}s)`:"";if(this.countdownContainer)for(let i of this.countdownContainer)i.textContent=t}teardownAutoClick(){this._autoClickTimeout&&(window.clearTimeout(this._autoClickTimeout),this._autoClickTimeout=void 0),this._loadingState.interval&&(window.clearInterval(this._loadingState.interval),this._loadingState.interval=void 0),this.loading=!1,this._loadingState.countdown=null,this.button&&(this.button.style.width="")}render(){let t=this._isLink(),i=this.loading&&this.autoClick,n=this.icon&&!this.loading?Jr`
|
|
115
|
+
</zn-popup>`}};pa.styles=Q(xde),_([ce("slot:not([name])")],pa.prototype,"defaultSlot",2),_([ce(".tooltip__body")],pa.prototype,"body",2),_([ce("zn-popup")],pa.prototype,"popup",2),_([w()],pa.prototype,"content",2),_([w()],pa.prototype,"placement",2),_([w({type:Boolean,reflect:!0})],pa.prototype,"disabled",2),_([w({type:Number})],pa.prototype,"distance",2),_([w({type:Boolean,reflect:!0})],pa.prototype,"open",2),_([w({type:Number})],pa.prototype,"skidding",2),_([w()],pa.prototype,"trigger",2),_([w({type:Boolean})],pa.prototype,"hoist",2),_([Be("open",{waitUntilFirstUpdate:!0})],pa.prototype,"handleOpenChange",1),_([Be(["content","distance","hoist","placement","skidding"])],pa.prototype,"handleOptionsChange",1),_([Be("disabled")],pa.prototype,"handleDisabledChange",1);var ms=pa;pa.define("zn-tooltip");var wde=J`:host,html,body{color:rgba(var(--zn-text),var(--zn-text-opacity));font-family:var(--zn-font-family-sans);font-feature-settings:normal;font-variation-settings:normal;font-size:var(--zn-text-paragraph-font-size);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tab-size:4;-o-tab-size:4;tab-size:4;margin:0}html,body{background-color:rgba(var(--zn-body),var(--zn-bg-opacity));container-type:size;min-height:100%;height:100%}.inline-container{container-type:inline-size}.app-container{container-type:inline-size;display:flex;flex:1;flex-direction:column;position:relative;max-height:100%;height:100%;width:100%;max-width:100%}.inline-app-container,.app-container.inline-app-container,[inline-container] .app-container{display:block;height:auto;flex:unset}hr{height:0;border:none;border-top:1px solid rgb(var(--zn-border-color))}code,kbd,samp,pre,.mono{font-family:var(--zn-font-family-mono);font-size:1em}small{font-size:80%}.hidden{display:none !important}.visibility-hidden{visibility:hidden}p{font-size:var(--zn-text-paragraph-font-size);line-height:var(--zn-text-paragraph-line-height);font-weight:var(--zn-text-paragraph-font-weight)}h1,h2,h3,h4,h5,h6{color:rgb(var(--zn-text-heading))}h1{font-size:var(--zn-text-h1-font-size);line-height:var(--zn-text-h1-line-height);font-weight:var(--zn-text-h1-font-weight)}h2{font-size:var(--zn-text-h2-font-size);line-height:var(--zn-text-h2-line-height);font-weight:var(--zn-text-h2-font-weight)}h3,h4,h5,h6{font-size:var(--zn-text-h3-font-size);line-height:var(--zn-text-h3-line-height);font-weight:var(--zn-text-h3-font-weight)}kbd{font-family:monospace;background-color:#eee;color:#333;border:1px solid rgb(var(--zn-border-color));border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(255,255,255,0.5) inset;display:inline-block;font-size:13px;line-height:20px;padding:1px 6px;white-space:nowrap;min-width:15px;color:rgba(0,0,0,0.5)}[t=dark] kbd{background-color:rgb(25,25,25);box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(110,110,110,0.5) inset;color:#eee}[tab]{cursor:pointer}.zn-link:hover{--zn-text:rgb(var(--zn-primary));--icon-color:rgb(var(--zn-primary));--zn-text-heading:rgb(var(--zn-primary));--property-color:rgb(var(--zn-primary));opacity:1}.grow{flex-grow:1}.no-grow{flex-grow:0}.shrink{flex-shrink:1}.no-shrink{flex-shrink:0}.block{display:block}.flex{display:flex}.flex-wrap{display:flex;flex-wrap:wrap}.flex-col{display:flex;flex-direction:column}.flex-mid{display:flex;align-items:center}.flex-jc{justify-content:center}.flex-between{display:flex;justify-content:space-between}.flex-end{display:flex;justify-content:flex-end}.flex-bottom{display:flex;align-items:flex-end}.equal{flex-basis:50%}.m-auto{margin:auto}.mt-auto{margin-top:auto}.zn-pad{padding:var(--zn-base-gap,0)}.zn-pad-y,.zn-py{padding-top:15px;padding-bottom:15px}.zn-pad-x,.zn-px{padding-left:15px;padding-right:15px}.zn-pr{padding-right:15px}.zn-pl{padding-left:15px}.zn-pt{padding-top:15px}.zn-pb{padding-bottom:15px}.zn-margin{margin:15px}.zn-mx{margin-left:15px;margin-right:15px}.zn-my{margin-top:15px;margin-bottom:15px}.zn-mt{margin-top:15px}.zn-mb{margin-bottom:15px}.zn-ml{margin-left:15px}.zn-mr{margin-right:15px}.zn-mxa{margin-left:auto;margin-right:auto}.zn-mya{margin-top:auto;margin-bottom:auto}.zn-mta{margin-top:auto}.zn-mba{margin-bottom:auto}.zn-mla{margin-left:auto}.zn-mra{margin-right:auto}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}@keyframes act-vanish{from{transform:scale(1);opacity:1;max-height:100%}to{transform:scale(0.8);opacity:0;max-height:0}}.act-vanish{animation:ease-in act-vanish 600ms forwards;transform-origin:top center;background-color:rgba(var(--zn-color-error),0.3);display:block;overflow:hidden}.h-full{height:100%}.w-full{width:100%}.zn-panel-bg{--zn-page-surface-background:var(--zn-panel);background-color:rgba(var(--zn-panel),var(--zn-panel-opacity))}.zn-panel{background-color:rgba(var(--zn-panel),var(--zn-panel-opacity));border:1px solid rgb(var(--zn-border-color));border-radius:var(--zn-border-radius);--zn-page-surface-background:var(--zn-panel)}.zn-container{display:flex;flex-direction:column;flex-grow:1;max-height:100%;overflow:hidden}.tar{text-align:right}.tal{text-align:left}.tac{text-align:center}.zn-empty-hide:empty{display:none}.ml-auto{margin-left:auto}.zn-b-dash{border-style:dashed}.zn-b-dotted{border-style:dotted}.zn-border{border-style:solid;border-width:1px !important}.zn-bt{border-top-style:solid;border-top-width:1px !important}.zn-bb{border-bottom-style:solid;border-bottom-width:1px !important}.zn-bl{border-left-style:solid;border-left-width:1px !important}.zn-br{border-right-style:solid;border-right-width:1px !important}.unifi-action{display:flex;gap:10px;padding:10px 0;align-items:center}.zn-panel-bar{border-bottom:1px solid rgb(var(--zn-border-color));background-color:rgba(var(--zn-panel),0.9);padding:var(--zn-base-px);gap:var(--zn-base-px);display:flex;flex-wrap:wrap;align-items:center;z-index:1}.zn-panel-bar--pill{border-radius:var(--zn-border-radius);border:1px solid rgb(var(--zn-border-color))}.zn-panel-bar--large{padding:var(--zn-base-px) calc(var(--zn-base-gap) + var(--zn-gutter));gap:var(--zn-base-px);height:50px}.scroll-container{overflow:auto;flex-grow:1;position:relative;display:flex;flex-direction:column;max-height:100%}.zn-divide{display:flex;flex-direction:column}.zn-divide>*:not(:first-child){border-top:1px solid rgb(var(--zn-border-color))}.zn-divide>div:empty+div:not(:first-child){border-top:0}.zn-divide-y{display:flex;flex-direction:row}.zn-divide-y>*:not(:first-child):not(:empty){border-left:1px solid rgb(var(--zn-border-color))}.zn-c-pad{--zn-pad-spacing:var(--zn-spacing-large)}.zn-c-pad-x>*{padding-left:var(--zn-pad-spacing);padding-right:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:first-child){padding-top:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:last-child){padding-bottom:var(--zn-pad-spacing)}.zn-nav.zn-transparent{background:transparent}.zn-nav{background:rgba(var(--zn-panel),var(--zn-panel-opacity));border-right:1px solid rgb(var(--zn-border-color));max-width:320px;height:100%;padding-top:5px}.zn-nav ul{list-style:none;padding-bottom:10px;margin:0;display:flex;flex-direction:column;position:relative}.zn-nav ul:after{content:"";height:1px;left:18px;right:18px;bottom:0;position:absolute;background:rgb(var(--zn-border-color))}.zn-nav ul li a{text-decoration:none;color:rgb(var(--zn-text));display:block;font-weight:500;cursor:pointer}.zn-nav ul li a:hover,.zn-nav ul li a.zn-tb-active{background:rgb(var(--zn-body))}.zn-nav ul li a.zn-tb-active{color:rgb(var(--zn-purple-text))}.zn-nav ul:last-child:after{display:none}.zn-nav strong,.zn-nav li a{padding:10px 20px}.zn-nav strong{display:block;margin-top:10px;font-size:13px;letter-spacing:0.93px;color:rgb(var(--zn-text-heading));font-weight:600;padding-bottom:5px;text-transform:uppercase}@keyframes shimmer-text-sweep{0%{background-position:100% center}100%{background-position:0% center}}@media (prefers-reduced-motion:no-preference){.shimmer-text{--shimmer-base:rgb(var(--zn-text));--shimmer-highlight:rgb(var(--zn-text-heading));--shimmer-core:0.5ch;--shimmer-spread:1.5ch;--shimmer-duration:1.5s;display:inline-block;width:-moz-fit-content;width:fit-content;max-width:100%;background-image:linear-gradient(90deg,transparent calc(50% - var(--shimmer-spread)),var(--shimmer-highlight) calc(50% - var(--shimmer-core)),var(--shimmer-highlight) calc(50% + var(--shimmer-core)),transparent calc(50% + var(--shimmer-spread))),linear-gradient(var(--shimmer-base),var(--shimmer-base));background-size:250% 100%,auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent !important;color:transparent !important;animation:var(--shimmer-duration) linear infinite shimmer-text-sweep}.shimmer-text.zn-error{--shimmer-base:rgb(var(--zn-color-error));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-error)) 55%,white)}.shimmer-text.zn-success{--shimmer-base:rgb(var(--zn-color-success));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-success)) 55%,white)}.shimmer-text.zn-info{--shimmer-base:rgb(var(--zn-color-info));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-info)) 55%,white)}.shimmer-text.zn-warning{--shimmer-base:rgb(var(--zn-color-warning));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-warning)) 55%,white)}.shimmer-text.zn-primary{--shimmer-base:rgb(var(--zn-primary));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-primary)) 55%,white)}.shimmer-text.zn-accent{--shimmer-base:rgb(var(--zn-accent));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-accent)) 55%,white)}}@media (prefers-reduced-motion:reduce){.shimmer-text{color:rgb(var(--zn-text))}.shimmer-text.zn-error{color:rgb(var(--zn-color-error)) !important}.shimmer-text.zn-success{color:rgb(var(--zn-color-success)) !important}.shimmer-text.zn-info{color:rgb(var(--zn-color-info)) !important}.shimmer-text.zn-warning{color:rgb(var(--zn-color-warning)) !important}.shimmer-text.zn-primary{color:rgb(var(--zn-primary)) !important}.shimmer-text.zn-accent{color:rgb(var(--zn-accent)) !important}}*,*::before,*::after{box-sizing:border-box}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}b{font-weight:600}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:inline-block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}button,.zn-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}button:hover:not([disabled]),.zn-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{display:block;width:100%;border-radius:5px;border-style:solid;border-width:1px !important;border-color:rgb(var(--zn-border-color));background-color:rgb(var(--zn-input-bg));outline:none}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,input[type=file]:focus,input[list]:focus,textarea:focus,select:focus{border-color:rgb(var(--zn-primary));box-shadow:0 0 0 3px rgba(var(--zn-primary),0.3)}input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=file]::-moz-placeholder, input[list]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,input[type=week]::placeholder,input[type=file]::placeholder,input[list]::placeholder,textarea::placeholder,select::placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}@media (min-width:360px){input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{padding:10px}}label{font-weight:600;font-size:rgb(var(--zn-font-size-medium));line-height:var(--zn-spacing-medium);color:rgb(var(--zn-text-heading));display:block;margin-bottom:5px;margin-top:15px}input[type=checkbox],input[type=radio]{border-radius:5px}input[type=radio]{border-radius:50%}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;background-color:rgb(var(--zn-border-color));height:10px;accent-color:rgb(var(--zn-primary));width:100%;max-width:768px}fieldset{border-color:rgba(var(--zn-primary),20%);border-width:2px;padding:0 15px 15px}select option{padding:5px}select>option:checked{background-color:rgba(var(--zn-primary),20%);border-radius:5px}fieldset>legend{padding:5px}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=button]:hover:not([disabled]),input[type=submit]:hover:not([disabled]),button[type=submit]:not(.button):hover:not([disabled]),button[type=button]:not(.button):hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){width:auto}div+button{margin-top:15px}input[type=file]::-webkit-file-upload-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=file]::-webkit-file-upload-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=file]::-webkit-file-upload-button{margin-right:10px}input::-webkit-calendar-picker-indicator{cursor:pointer;padding:10px}input[list]::-webkit-calendar-picker-indicator{padding:10px 5px}.input--with-icon{position:relative}.input--with-icon zn-icon{padding:14px;position:absolute;top:50%;pointer-events:none;transform:translateY(-50%);left:10px;background-color:rgb(var(--zn-primary));color:rgb(var(--zn-text));border-radius:50%}.input--with-icon input{padding-left:40px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:rgb(var(--zn-text));-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px rgba(35,35,35,0.1607843137)}select{height:43px}.no-border{border:none !important}table:not(.remarkd-table){border-collapse:separate !important;border-spacing:0;width:100%;max-width:100%;table-layout:auto;text-align:left;font-size:var(--zn-text-table-content-font-size);line-height:var(--zn-text-table-content-line-height);font-weight:var(--zn-text-table-content-font-weight)}table:not(.remarkd-table) thead{font-weight:var(--zn-font-weight-medium)}table:not(.remarkd-table) tbody a{cursor:pointer;color:rgb(var(--zn-primary))}table:not(.remarkd-table) tbody tr td{border-top:1px solid rgb(var(--zn-border-color)) !important}table:not(.remarkd-table) tbody tr:first-of-type td{border-top:0 !important}table:not(.remarkd-table) tbody tr:nth-of-type(even){background-color:rgba(var(--zn-body))}table:not(.remarkd-table) thead tr th:first-of-type,table:not(.remarkd-table) tbody tr td:first-of-type{padding-left:var(--zn-base-gap,14px)}table:not(.remarkd-table) thead tr th:last-of-type,table:not(.remarkd-table) tbody tr td:last-of-type{padding-right:var(--zn-base-gap,14px)}table:not(.remarkd-table) th,table:not(.remarkd-table) td{padding:15px;min-width:90px;white-space:nowrap}table:not(.remarkd-table) th:first-child,table:not(.remarkd-table) td:first-child{padding-left:0}table:not(.remarkd-table) td>span{white-space:normal}table:not(.remarkd-table) th{padding-bottom:0;border-bottom:1px solid rgb(var(--zn-border-color))}.zn-table-fixed{table-layout:fixed}thead tr:last-of-type th{border-bottom:0}.opacity-100{opacity:1}.opacity-90{opacity:0.9}.opacity-80{opacity:0.8}.opacity-60{opacity:0.6}.opacity-50{opacity:0.5}.opacity-40{opacity:0.4}.opacity-10{opacity:0.1}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:inline-block;position:relative;width:auto;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host button,:host a{width:100%}.button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}.button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}.button{--btn-color:var(--zn-primary);--notification-color:rgb(var(--zn-color-error));border-width:var(--zn-button-border-width,1px);border-top-width:var(--zn-button-border-top-width,var(--zn-button-border-width,1px));border-right-width:var(--zn-button-border-right-width,var(--zn-button-border-width,1px));border-bottom-width:var(--zn-button-border-bottom-width,var(--zn-button-border-width,1px));border-left-width:var(--zn-button-border-left-width,var(--zn-button-border-width,1px));border-color:var(--zn-button-border-color,transparent);display:inline-flex;position:relative}.button.button--info{--btn-color:var(--zn-color-info)}.button.button--error{--btn-color:var(--zn-color-error)}.button.button--warning{--btn-color:var(--zn-color-warning)}.button.button--success{--btn-color:var(--zn-color-success)}.button__label--hidden{visibility:hidden}.button.button--muted-notification{--notification-color:rgb(var(--zn-color-info))}.button--has-notification{position:relative;overflow:visible}.button--has-notification::after{content:attr(data-notification);position:absolute;display:flex;justify-content:center;align-items:center;top:-4px;left:auto;inset-inline-end:-4px;box-sizing:border-box;min-width:13px;height:13px;padding:0 3px;border-radius:999px;font-size:var(--zn-text-notification-font-size);font-weight:var(--zn-text-notification-font-weight);line-height:var(--zn-text-notification-line-height);color:var(--zn-text-notification-color);background-color:var(--notification-color)}.button--has-notification.button--notification-dot::after{content:"";min-width:0;width:8px;height:8px;padding:0;border-radius:50%}.button::-moz-focus-inner{border:0}.button:focus{outline:none}.button:focus-visible{outline:2px solid rgb(var(--btn-color));outline-offset:2px}[disabled]{cursor:not-allowed;opacity:0.5}[disabled] *{pointer-events:none}.button--standard.button--secondary{background-color:var(--zn-color-neutral-50);border-color:var(--zn-button-border-color,var(--zn-color-neutral-50));color:rgb(var(--zn-primary))}.button--standard.button--secondary:hover:not([disabled]){background-color:var(--zn-color-neutral-100)}.button--standard.button--secondary:active:not([disabled]){background-color:var(--zn-color-neutral-100)}.button--standard{background-color:rgba(var(--btn-color),0.85);border-color:var(--zn-button-border-color,rgb(var(--btn-color)));color:rgba(255,255,255,0.9)}.button--standard:hover:not([disabled]){background-color:rgba(var(--btn-color),0.8)}.button--standard:active:not([disabled]){background-color:rgba(var(--btn-color))}.button--outline{background:none;border-width:var(--zn-button-border-width,1px);border-top-width:var(--zn-button-border-top-width,var(--zn-button-border-width,1px));border-right-width:var(--zn-button-border-right-width,var(--zn-button-border-width,1px));border-bottom-width:var(--zn-button-border-bottom-width,var(--zn-button-border-width,1px));border-left-width:var(--zn-button-border-left-width,var(--zn-button-border-width,1px));border-color:var(--zn-button-border-color,rgb(var(--btn-color)));color:rgb(var(--btn-color))}.button--outline:hover:not([disabled]),.button--outline:active:not([disabled]){background-color:rgb(var(--btn-color));color:white}.button--outline.button--secondary{border-color:var(--zn-button-border-color,var(--zn-color-neutral-100))}.button--outline.button--secondary:hover:not([disabled]),.button--outline.button--secondary:active:not([disabled]){background-color:var(--zn-color-neutral-100);color:rgb(var(--btn-color))}.button--text{background:none;color:rgb(var(--btn-color))}.button--text:hover:not([disabled]),.button--text:active:not([disabled]){background-color:rgba(var(--btn-color),0.1)}.button--text.button--secondary{font-weight:normal}.button--grow{width:100%}.button--with-icon.button--with-content:not(.button--icon-button).button--icon-left zn-icon{margin-right:var(--zn-base-px)}.button--with-icon.button--with-content:not(.button--icon-button).button--icon-right zn-icon{margin-left:var(--zn-base-px)}.button--square{border-radius:0}.button--transparent{background-color:transparent;border-color:var(--zn-button-border-color,transparent) !important;color:inherit}.button--transparent:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.1)}.button--transparent:active:not([disabled]){background-color:rgba(var(--zn-primary),0.2)}.button--star{--btn-color:var(--zn-orange);background-color:rgb(var(--btn-color));border-color:var(--zn-button-border-color,rgb(var(--btn-color)));color:white;opacity:1 !important}.button--star:hover:not([disabled]){background-color:rgb(var(--btn-color))}.button--star:active{background-color:rgb(var(--btn-color))}.button--star.button--outline{background-color:transparent;border-color:var(--zn-button-border-color,rgb(var(--btn-color)));color:rgb(var(--btn-color))}.button--star.button--outline:hover:not([disabled]),.button--star.button--outline:active:not([disabled]){background-color:rgba(var(--btn-color));color:white}.button.button--icon-button{--icon-button-color:rgb(var(--zn-text));--icon-button-hover-color:rgb(var(--zn-primary));width:40px;min-width:40px;height:36px;min-height:36px;max-height:36px;padding:6px;margin:0;background:rgb(var(--zn-panel));border-color:var(--zn-button-border-color,rgb(var(--zn-border-color))) !important;border-radius:var(--zn-border-radius);color:var(--icon-button-color);font-weight:inherit;line-height:0}.button.button--icon-button zn-icon,.button.button--icon-button ::slotted(zn-icon){--icon-color:currentColor;color:inherit;line-height:0}.button.button--icon-button:hover:not([disabled]),.button.button--icon-button:active:not([disabled]){background:rgba(var(--zn-color-tab),0.5)}.button.button--icon-button.button--icon-button-small{width:36px;min-width:36px}.button.button--icon-button.button--icon-button-round{width:36px;min-width:36px;padding:8px;background:rgb(var(--zn-color-tab));border-color:var(--zn-button-border-color,transparent) !important;border-radius:var(--zn-border-radius-circle)}.button.button--icon-button.button--icon-button-round:hover:not([disabled]),.button.button--icon-button.button--icon-button-round:active:not([disabled]){background:rgb(var(--zn-color-border))}.button.button--icon-button.button--plain{background:transparent;border-color:var(--zn-button-border-color,transparent) !important}.button.button--icon-button.button--plain:hover:not([disabled]),.button.button--icon-button.button--plain:active:not([disabled]){background:rgb(var(--zn-color-tab))}.button.button--icon-button.button--no-hover:hover:not([disabled]),.button.button--icon-button.button--no-hover:active:not([disabled]){background:rgb(var(--zn-panel))}.button.button--icon-button.button--no-hover.button--plain:hover:not([disabled]),.button.button--icon-button.button--no-hover.button--plain:active:not([disabled]){background:transparent}.button.button--icon-button.button--has-notification::after{--icon-inset:calc((100% - var(--notification-icon-size,20px)) / 2);top:calc(var(--icon-inset) - 4px);inset-inline-end:calc(var(--icon-inset) - 4px);transform:translate(50%,-50%)}.button--loading-bg-transparent{background-color:transparent}.button--loading-fill{pointer-events:none;position:absolute;z-index:1;background-color:rgba(var(--btn-color),0.85);border-radius:inherit;transition:width 0s;animation:loading-fill-grow var(--loading-duration,2s) linear forwards;inset:-1px}.button--loading-fill-transparent{background-color:rgba(var(--zn-primary),0.1)}.button--loading-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.button--loading-text{z-index:5;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:inherit;font-weight:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;pointer-events:none;color:inherit}.button--loading-text .loading-countdown{margin-left:3px}.button--loading-text-left{justify-content:flex-start;padding-inline-start:7px}.button--loading-text-right{justify-content:flex-end;padding-inline-end:7px}.button--relative-wrapper{position:relative;display:inline-flex;height:100%;width:100%}@keyframes loading-fill-grow{from{width:0}to{width:100%}}:host([vertical-align=center]){align-self:center}:host([vertical-align=end]){align-self:end}:host([vertical-align=start]){align-self:start}:host([grow]){width:100%}:host([grow]) button{width:100%}:host([data-zn-button-group__button--grow]){flex-grow:1;flex-basis:0}:host([data-zn-button-group__button--inner]) .button{border-radius:0 !important;border-left:0 !important;border-right:0 !important}:host([data-zn-button-group__button]:not([data-zn-button-group__button--first]):not(:hover)) .button:after{content:"";position:absolute;top:0;inset-inline-start:0;bottom:0;border-left:solid 1px;mix-blend-mode:multiply;color:rgb(var(--zn-border-color))}:host([data-zn-button-group__button--first]:not([data-zn-button-group__button--last])) .button{border-radius:5px 0 0 5px !important;border-right:0 !important}:host([data-zn-button-group__button--last]:not([data-zn-button-group__button--first])) .button{border-radius:0 5px 5px 0 !important;border-left:0 !important}.button--panel-bg{background:rgb(var(--zn-panel))}`;var dt=class extends X{constructor(){super(...arguments);this.formControlController=new lt(this);this.hasSlotController=new Je(this,"[default]");this._loadingState={countdown:null,interval:void 0};this.color="default";this.text=!1;this.outline=!1;this.disabled=!1;this.grow=!1;this.square=!1;this.iconButton=!1;this.plain=!1;this.noHover=!1;this.panelBackground=!1;this.dropdownCloser=!1;this.mutedNotifications=!1;this.content="";this.icon="";this.gaid="";this.iconPosition="left";this.rel="noreferrer noopener";this.autoClick=!1;this.autoClickDelay=2e3;this.loadingText="Loading...";this.loadingTextPosition="center";this.loading=!1;this.handleClick=()=>{if(!this.disabled){if(this.dropdownCloser){let t=null,i=this,n=0,o=30;for(;i&&n<o;){if(i instanceof Gn){t=i;break}i=i.parentElement||(i.getRootNode()instanceof ShadowRoot?i.getRootNode().host:null),n++}t==null||t.hide()}this.type==="submit"&&this.formControlController.submit()}}}get validity(){return this._isButton()&&this.button?this.button.validity:ka}get validationMessage(){return this._isButton()&&this.button?this.button.validationMessage:""}firstUpdated(){this._isButton()&&this.formControlController.updateValidity()}disconnectedCallback(){super.disconnectedCallback(),this.teardownAutoClick()}async handleAutoClickChange(t,i){i?(await this.updateComplete,this.setupAutoClick()):this.teardownAutoClick()}updated(t){if(super.updated(t),this.button){let i=this.button.querySelector(".button--loading-fill");if(i&&i.remove(),this.loading){let n=`${this.autoClickDelay/1e3}s`,o=document.createElement("div");o.classList.add("button--loading-fill"),o.setAttribute("style",`--loading-duration: ${n}`),this.button.classList.contains("button--transparent")&&(o.classList.add("button--loading-fill-transparent"),this.button.classList.add("button--loading-bg-transparent")),this.button.prepend(o),this.button.classList.add("button--loading-bg")}else this.button.classList.remove("button--loading-bg"),this.button.classList.remove("button--loading-bg-transparent");this.updateCountdownText()}}checkValidity(){return this._isButton()&&this.button?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this._isButton()&&this.button?this.button.reportValidity():!0}setCustomValidity(t){this._isButton()&&(this.button.setCustomValidity(t),this.formControlController.updateValidity())}click(){this.handleClick()}_isLink(){return this.href!==void 0}_isButton(){return!this._isLink()}getIconButtonColor(t){switch(t){case void 0:case"":case"default":return"rgb(var(--zn-text))";case"primary":return"rgb(var(--zn-primary))";case"secondary":return"rgb(var(--zn-text))";case"error":return"rgb(var(--zn-color-error))";case"info":return"rgb(var(--zn-color-info))";case"success":return"rgb(var(--zn-color-success))";case"warning":return"rgb(var(--zn-color-warning))";case"transparent":return"inherit";case"star":return"rgb(var(--zn-orange))";default:return t}}setupAutoClick(){this.button&&(this._autoClickTimeout&&(window.clearTimeout(this._autoClickTimeout),this._autoClickTimeout=void 0),this._loadingState.interval&&(window.clearInterval(this._loadingState.interval),this._loadingState.interval=void 0),this.loading=!0,this._loadingState.countdown=Math.ceil(this.autoClickDelay/1e3),this.updateCountdownText(),this._loadingState.interval=window.setInterval(()=>{this._loadingState.countdown&&this._loadingState.countdown>0&&(this._loadingState.countdown--,this.updateCountdownText())},1e3),this._autoClickTimeout=window.setTimeout(()=>{var t;this.loading=!1,this._loadingState.countdown=null,this.updateCountdownText(),this._loadingState.interval&&(window.clearInterval(this._loadingState.interval),this._loadingState.interval=void 0),(t=this.button)==null||t.click()},this.autoClickDelay))}updateCountdownText(){let t=this._loadingState.countdown&&this._loadingState.countdown>0?` (${this._loadingState.countdown}s)`:"";if(this.countdownContainer)for(let i of this.countdownContainer)i.textContent=t}teardownAutoClick(){this._autoClickTimeout&&(window.clearTimeout(this._autoClickTimeout),this._autoClickTimeout=void 0),this._loadingState.interval&&(window.clearInterval(this._loadingState.interval),this._loadingState.interval=void 0),this.loading=!1,this._loadingState.countdown=null,this.button&&(this.button.style.width="")}render(){let t=this._isLink(),i=this.loading&&this.autoClick,n=this.icon&&!this.loading?Jr`
|
|
116
116
|
<zn-icon part="icon" src="${this.icon}" id="xy2" size="${this.iconSize?this.iconSize:20}"
|
|
117
117
|
color="${ue(this.iconColor)}" fill="${ue(this.iconFill)}"
|
|
118
118
|
library="${ue(this.iconLibrary)}"></zn-icon>`:"",o=t?od`a`:od`button`,s=this.iconButton?{"--icon-button-color":this.getIconButtonColor(this.color),"--icon-button-hover-color":this.getIconButtonColor(this.hoverColor||"primary")}:{},l=Jr`
|
|
@@ -631,7 +631,7 @@ function print() { __p += __j.call(arguments, '') }
|
|
|
631
631
|
</div>`}handleClick(t){var c;let i=["menuitem","menuitemcheckbox"],n=t.composedPath(),o=n.find(f=>{var p;return i.includes(((p=f==null?void 0:f.getAttribute)==null?void 0:p.call(f,"role"))||"")});if(!o)return;let s=n.find(f=>{var p;return((p=f==null?void 0:f.getAttribute)==null?void 0:p.call(f,"role"))==="menu"});if(s!==this)return;let d=o;d.type==="checkbox"&&(d.checked=!d.checked),(c=s==null?void 0:s.closest("zn-dropdown"))==null||c.hide(),this.emit("zn-select",{detail:{item:d}})}handleKeyDown(t){if(t.key==="Enter"||t.key===" "){let i=this.getCurrentItem();t.preventDefault(),t.stopPropagation(),i==null||i.click()}else if(["ArrowDown","ArrowUp","Home","End"].includes(t.key)){let i=this.getAllItems(),n=this.getCurrentItem(),o=n?i.indexOf(n):0;i.length>0&&(t.preventDefault(),t.stopPropagation(),t.key==="ArrowDown"?o++:t.key==="ArrowUp"?o--:t.key==="Home"?o=0:t.key==="End"&&(o=i.length-1),o<0&&(o=i.length-1),o>i.length-1&&(o=0),this.setCurrentItem(i[o]),i[o].focus())}}handleMouseDown(t){let i=t.target;this.isMenuItem(i)&&this.setCurrentItem(i)}handleSlotChange(){let t=this.getAllItems();t.length>0&&(this.setCurrentItem(t[0]),this.emit("zn-menu-ready")),this.propagateVariant()}updated(t){super.updated(t),t.has("variant")&&this.propagateVariant()}get itemVariant(){return this.variant==="shell"?"shell":"dropdown"}propagateVariant(){this.getAllItems().forEach(t=>t.setAttribute("variant",this.itemVariant))}isMenuItem(t){var i;return t.tagName.toLowerCase()==="zn-menu-item"||["menuitem","menuitemcheckbox","menuitemradio"].includes((i=t.getAttribute("role"))!=null?i:"")}};_s.styles=Q(Ace),_s.dependencies={"zn-confirm":L0,"zn-dropdown":Gn,"zn-icon":tr,"zn-menu-item":Cp,"zn-tooltip":ms},_([ce("slot")],_s.prototype,"defaultSlot",2),_([w({attribute:"actions",type:Array})],_s.prototype,"actions",2),_([w({reflect:!0})],_s.prototype,"variant",2);var cd=_s;_s.define("zn-menu");var Ece=J`:host{--skeleton-speed:3s;--skeleton-width:100%;--skeleton-height:20px;--skeleton-border-radius:4px}.skeleton{height:var(--skeleton-height);width:var(--skeleton-width);border-radius:var(--skeleton-border-radius);background-color:lightgrey}@media (prefers-reduced-motion:reduce){.skeleton{background-repeat:no-repeat;background-color:lightgrey}}@media (prefers-reduced-motion:no-preference){.skeleton{background-repeat:no-repeat;background-image:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0) 100%);background-size:200% 100%;background-position:-150% 0;animation:loading var(--skeleton-speed) infinite linear both}}@keyframes loading{from{background-position:250% 0}to{background-position:-250% 0}}`;var ys=class extends X{constructor(){super(...arguments);this.speed="3s";this.width="100%";this.height="20px";this.radius="4px"}render(){return C`
|
|
632
632
|
<div class="skeleton"
|
|
633
633
|
style=${us({"--skeleton-speed":`${this.speed}`,"--skeleton-width":`${this.width}`,"--skeleton-height":`${this.height}`,"--skeleton-border-radius":`${this.radius}`})}
|
|
634
|
-
></div>`}};ys.styles=Q(Ece),_([w({attribute:"speed",type:String})],ys.prototype,"speed",2),_([w({attribute:"width",type:String})],ys.prototype,"width",2),_([w({attribute:"height",type:String})],ys.prototype,"height",2),_([w({attribute:"radius",type:String})],ys.prototype,"radius",2);var d9=ys;ys.define("zn-skeleton");var Lce=J`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}`;var Ir=class extends X{constructor(){super(...arguments);this.localize=new ei(this);this.color="";this.border=!1;this.error=!1;this.success=!1;this.info=!1;this.warning=!1;this.primary=!1;this.accent=!1;this.center=!1;this.display=null;this.font="";this.width="";this.height="";this.pad="";this.margin="";this.gutter=!1;this.autoMargin=""}connectedCallback(){super.connectedCallback();let t=this.display||"contents";if(this.gutter&&(this.classList.add("zn-gutter"),t==="contents"&&(t="block")),this.color===""&&(this.error?this.color="error":this.success?this.color="success":this.info?this.color="info":this.warning?this.color="warning":this.primary?this.color="primary":this.accent&&(this.color="accent")),this.color&&this.classList.toggle("zn-"+this.color,!0),this.center&&(t="flex",this.classList.toggle("flex-mid",!0),this.classList.toggle("flex-jc",!0)),this.font&&this.font==="mono"&&this.classList.toggle("zn-mono",!0),this.width==="f"&&this.classList.toggle("w-full",!0),this.height==="f"&&this.classList.toggle("h-full",!0),this.border&&(t="inline-block",this.classList.toggle("zn-border",!0)),this.pad){t="inline-block",this.style.display="inline-block";for(let i of this.pad)switch(i){case"a":this.classList.toggle("zn-pad",!0);break;case"l":this.classList.toggle("zn-pl",!0);break;case"r":this.classList.toggle("zn-pr",!0);break;case"t":this.classList.toggle("zn-pt",!0);break;case"b":this.classList.toggle("zn-pb",!0);break;case"x":this.classList.toggle("zn-px",!0);break;case"y":this.classList.toggle("zn-py",!0);break}}if(this.margin){t="inline-block";for(let i of this.margin)switch(i){case"a":this.classList.toggle("zn-margin",!0);break;case"l":this.classList.toggle("zn-ml",!0);break;case"r":this.classList.toggle("zn-mr",!0);break;case"t":this.classList.toggle("zn-mt",!0);break;case"b":this.classList.toggle("zn-mb",!0);break;case"x":this.classList.toggle("zn-mx",!0);break;case"y":this.classList.toggle("zn-my",!0);break}}if(this.autoMargin){t="inline-block";for(let i of this.autoMargin)switch(i){case"a":this.classList.toggle("m-auto",!0);break;case"t":this.classList.toggle("zn-mta",!0);break;case"b":this.classList.toggle("zn-mba",!0);break;case"l":this.classList.toggle("zn-mla",!0);break;case"r":this.classList.toggle("zn-mra",!0);break;case"x":this.classList.toggle("zn-mra",!0),this.classList.toggle("zn-mla",!0);break;case"y":this.classList.toggle("zn-mta",!0),this.classList.toggle("zn-mba",!0);break}}this.display&&(t=this.display),this.style.display=t}createRenderRoot(){return this}};Ir.styles=Q(Lce),_([w()],Ir.prototype,"color",2),_([w({type:Boolean})],Ir.prototype,"border",2),_([w({type:Boolean})],Ir.prototype,"error",2),_([w({type:Boolean})],Ir.prototype,"success",2),_([w({type:Boolean})],Ir.prototype,"info",2),_([w({type:Boolean})],Ir.prototype,"warning",2),_([w({type:Boolean})],Ir.prototype,"primary",2),_([w({type:Boolean})],Ir.prototype,"accent",2),_([w({type:Boolean})],Ir.prototype,"center",2),_([w({type:String})],Ir.prototype,"display",2),_([w()],Ir.prototype,"font",2),_([w()],Ir.prototype,"width",2),_([w()],Ir.prototype,"height",2),_([w()],Ir.prototype,"pad",2),_([w()],Ir.prototype,"margin",2),_([w({type:Boolean})],Ir.prototype,"gutter",2),_([w({attribute:"a-margin"})],Ir.prototype,"autoMargin",2);var c9=Ir;Ir.define("zn-style");var Dce=J`@charset "UTF-8";@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:root,[t=light],.theme-light{color-scheme:light;--zn-color-gray-100:hsl(240,13%,95%);--zn-color-gray-300:hsl(260,21%,89%);--zn-color-gray-400:hsl(251,17%,76%);--zn-color-gray-500:hsl(254,17%,66%);--zn-color-gray-800:hsl(259,13%,42%);--zn-color-gray-900:hsl(262,12%,35%);--zn-color-red-500:hsl(0 84.2% 60.2%);--zn-color-red-600:hsl(0 72.2% 50.6%);--zn-color-orange-500:hsl(24.6 95% 53.1%);--zn-color-amber-400:hsl(43.3 96.4% 56.3%);--zn-color-yellow-400:hsl(51,100%,53%);--zn-color-green-500:hsl(142.1 70.6% 45.3%);--zn-color-blue-500:hsl(217.2 91.2% 59.8%);--zn-color-indigo-400:hsl(234.5 89.5% 73.9%);--zn-color-indigo-500:hsl(238.7 83.5% 66.7%);--zn-color-violet-500:hsl(258.3 89.5% 66.3%);--zn-color-violet-600:hsl(262.1 83.3% 57.8%);--zn-color-purple-50:hsl(249,100%,97%);--zn-color-purple-100:hsl(245,100%,95%);--zn-color-purple-200:hsl(244,100%,92%);--zn-color-purple-600:hsl(256,91%,59%);--zn-color-pink-400:hsl(328.6 85.5% 70.2%);--zn-color-pink-500:hsl(330.4 81.2% 60.4%);--zn-color-primary-50:var(--zn-color-purple-50);--zn-color-primary-100:var(--zn-color-purple-100);--zn-color-primary-200:var(--zn-color-purple-200);--zn-color-primary-300:hsl(246,100%,85%);--zn-color-primary-400:hsl(249,100%,76%);--zn-color-primary-500:hsl(252,98%,66%);--zn-color-primary-600:var(--zn-color-purple-600);--zn-color-primary-700:hsl(257,76%,50%);--zn-color-primary-800:hsl(257,76%,42%);--zn-color-primary-900:hsl(257,73%,35%);--zn-color-success-50:hsl(138.5 76.5% 96.7%);--zn-color-success-200:rgb(var(--zn-green));--zn-color-success-300:hsl(141.7 76.6% 73.1%);--zn-color-success-400:hsl(141.9 69.2% 58%);--zn-color-success-500:var(--zn-color-green-500);--zn-color-success-600:hsl(142.1 76.2% 36.3%);--zn-color-success-700:hsl(142.4 71.8% 29.2%);--zn-color-warning-50:hsl(48 100% 96.1%);--zn-color-warning-400:var(--zn-color-amber-400);--zn-color-warning-500:hsl(37.7 92.1% 50.2%);--zn-color-warning-600:hsl(32.1 94.6% 43.7%);--zn-color-danger-50:hsl(0 85.7% 97.3%);--zn-color-danger-100:rgb(var(--zn-red));--zn-color-danger-200:rgb(var(--zn-red));--zn-color-danger-300:hsl(0 93.5% 81.8%);--zn-color-danger-500:var(--zn-color-red-500);--zn-color-danger-600:var(--zn-color-red-600);--zn-color-danger-700:rgb(var(--zn-red));--zn-color-danger-800:hsl(0 70% 35.3%);--zn-color-neutral-50:hsl(255,33%,98%);--zn-color-neutral-100:var(--zn-color-gray-100);--zn-color-neutral-200:hsl(255,12%,94%);--zn-color-neutral-300:var(--zn-color-gray-300);--zn-color-neutral-400:var(--zn-color-gray-400);--zn-color-neutral-500:var(--zn-color-gray-500);--zn-color-neutral-600:hsl(258,15%,58%);--zn-color-neutral-700:hsl(259,13%,54%);--zn-color-neutral-800:var(--zn-color-gray-800);--zn-color-neutral-900:var(--zn-color-gray-900);--zn-color-neutral-0:hsl(0,0%,100%);--zn-color-neutral-1000:hsl(0,0%,0%);--zn-border-radius:6px;--zn-border-radius-small:2px;--zn-border-radius-circle:50%;--zn-border-radius-pill:9999px;--zn-shadow-x-small:0 1px 4px rgba(0,0,0,0.10);--zn-shadow-small:0 3px 9px rgba(0,0,0,0.15);--zn-shadow-medium:0 6px 18px rgba(0,0,0,0.15);--zn-shadow-large:0 6px 20px rgba(0,0,0,0.15);--zn-shadow-x-large:0 6px 20px rgba(0,0,0,0.25);--zn-container:var(--zn-container-hd);--zn-container-default:100%;--zn-container-sm:360px;--zn-container-smp:480px;--zn-container-ph:600px;--zn-container-md:768px;--zn-container-lg:1100px;--zn-container-hd:1400px;--zn-container-3k:1960px;--zn-container-4k:2560px;--zn-transition-x-slow:1000ms;--zn-transition-slow:500ms;--zn-transition-medium:250ms;--zn-transition-fast:150ms;--zn-transition-x-fast:50ms;--zn-gap:var(--zn-base-gap,var(--zn-spacing-medium,4px));--zn-font-mono:'Roboto Mono',SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;--zn-font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';--zn-font-serif:'Roboto Slab',Georgia,'Times New Roman',serif;--zn-font-size-2x-small:0.625rem;--zn-font-size-x-small:0.75rem;--zn-font-size-small:0.929rem;--zn-font-size-medium:1rem;--zn-font-size-large:1.15rem;--zn-font-size-x-large:1.25rem;--zn-font-size-2x-large:2.25rem;--zn-font-size-3x-large:3rem;--zn-font-size-4x-large:4.5rem;--zn-font-weight-light:300;--zn-font-weight-normal:400;--zn-font-weight-medium:500;--zn-font-weight-semibold:600;--zn-font-weight-bold:700;--zn-letter-spacing-normal:normal;--zn-letter-spacing-loose:0.5px;--zn-line-height-denser:1;--zn-line-height-dense:1.5;--zn-line-height-normal:2;--zn-line-height-loose:2.5;--zn-line-height-looser:3;--zn-focus-ring-color:var(--zn-color-primary-600);--zn-focus-ring-style:solid;--zn-focus-ring-width-x-small:1px;--zn-focus-ring-width:3px;--zn-focus-ring:var(--zn-focus-ring-style) var(--zn-focus-ring-width) var(--zn-focus-ring-color);--zn-focus-ring-offset:1px;--zn-input-height-x-small:24px;--zn-input-height-small:30px;--zn-input-height-medium:36px;--zn-input-height-large:40px;--zn-input-background-color:var(--zn-color-neutral-50);--zn-input-background-color-hover:var(--zn-color-neutral-100);--zn-input-background-color-focus:var(--zn-color-neutral-100);--zn-input-background-color-disabled:var(--zn-color-neutral-400);--zn-input-border-color:var(--zn-color-neutral-300);--zn-input-border-color-hover:var(--zn-color-neutral-400);--zn-input-border-color-focus:var(--zn-color-primary-500);--zn-input-border-color-disabled:var(--zn-color-neutral-300);--zn-input-border-width:1px;--zn-input-required-content:'*';--zn-input-required-content-offset:-2px;--zn-input-required-content-color:var(--zn-input-label-color);--zn-input-border-radius-x-small:var(--zn-border-radius);--zn-input-border-radius-small:var(--zn-border-radius);--zn-input-border-radius-medium:var(--zn-border-radius);--zn-input-border-radius-large:var(--zn-border-radius);--zn-input-font-family:var(--zn-font-sans);--zn-input-font-weight:var(--zn-text-input-content-font-weight);--zn-input-font-size-x-small:var(--zn-font-size-x-small);--zn-input-font-size-small:var(--zn-font-size-small);--zn-input-font-size-medium:var(--zn-text-input-content-font-size);--zn-input-font-size-large:var(--zn-font-size-large);--zn-input-line-height:var(--zn-text-input-content-line-height);--zn-input-letter-spacing:var(--zn-letter-spacing-normal);--zn-input-color:var(--zn-text-input-content-color);--zn-input-color-hover:var(--zn-color-neutral-800);--zn-input-color-focus:var(--zn-color-neutral-700);--zn-input-color-disabled:var(--zn-color-neutral-800);--zn-input-icon-color:var(--zn-color-neutral-500);--zn-input-icon-color-hover:var(--zn-color-neutral-600);--zn-input-icon-color-focus:var(--zn-color-neutral-600);--zn-input-placeholder-color:var(--zn-text-input-placeholder-color);--zn-input-placeholder-color-disabled:var(--zn-color-neutral-600);--zn-input-spacing-small:var(--zn-spacing-small);--zn-input-spacing-medium:var(--zn-spacing-medium);--zn-input-spacing-large:var(--zn-spacing-large);--zn-input-focus-ring-color:hsl(256 91% 59%/40%);--zn-input-focus-ring-offset:0;--zn-input-label-font-size-small:var(--zn-font-size-small);--zn-input-label-font-size-medium:var(--zn-text-input-label-font-size);--zn-input-label-font-size-large:var(--zn-font-size-large);--zn-input-label-font-weight:var(--zn-text-input-label-font-weight);--zn-input-label-line-height:var(--zn-text-input-label-line-height);--zn-input-label-color:var(--zn-text-input-label-color);--zn-input-help-text-font-size-small:var(--zn-font-size-x-small);--zn-input-help-text-font-size-medium:var(--zn-font-size-small);--zn-input-help-text-font-size-large:var(--zn-font-size-medium);--zn-input-help-text-color:var(--zn-color-neutral-500);--zn-toggle-size-small:0.875rem;--zn-toggle-size-medium:1.125rem;--zn-toggle-size-large:1.375rem;--zn-overlay-background-color:hsl(none 0% 0%/0.7);--zn-panel-background-color:var(--zn-color-neutral-0);--zn-panel-border-color:var(--zn-color-neutral-200);--zn-panel-border-width:1px;--zn-tooltip-border-radius:var(--zn-border-radius);--zn-tooltip-background-color:var(--zn-color-neutral-900);--zn-tooltip-color:var(--zn-color-neutral-0);--zn-tooltip-font-family:var(--zn-font-sans);--zn-tooltip-font-weight:var(--zn-font-weight-normal);--zn-tooltip-font-size:var(--zn-font-size-small);--zn-tooltip-line-height:var(--zn-line-height-dense);--zn-tooltip-padding:var(--zn-spacing-x-small) var(--zn-spacing-small);--zn-tooltip-arrow-size:6px;--zn-z-index-page-nav:500;--zn-z-index-drawer:700;--zn-z-index-dialog:800;--zn-z-index-dropdown:900;--zn-z-index-toast:950;--zn-z-index-tooltip:1000;--zn-z-index-editor-action:1000000}[t=dark],.theme-dark{color-scheme:dark;--zn-color-gray-50:hsl(258,15%,23%);--zn-color-gray-100:hsl(262,12%,35%);--zn-color-gray-200:hsl(259,13%,42%);--zn-color-gray-300:hsl(259,13%,54%);--zn-color-gray-400:hsl(258,15%,58%);--zn-color-gray-500:hsl(254,17%,66%);--zn-color-gray-600:hsl(251,17%,76%);--zn-color-gray-700:hsl(260,21%,89%);--zn-color-gray-800:hsl(255,12%,94%);--zn-color-gray-900:hsl(240,13%,95%);--zn-color-gray-950:hsl(255,33%,98%);--zn-color-red-50:hsl(0 56% 23.9%);--zn-color-red-100:hsl(0.6 60% 33.9%);--zn-color-red-200:hsl(0.9 67.2% 37.1%);--zn-color-red-300:hsl(1.1 71.3% 43.7%);--zn-color-red-400:hsl(1 76% 52.5%);--zn-color-red-500:hsl(0.7 89.6% 57.2%);--zn-color-red-600:hsl(0 98.6% 67.9%);--zn-color-red-700:hsl(0 100% 72.3%);--zn-color-red-800:hsl(0 100% 85.6%);--zn-color-red-900:hsl(0 100% 90.3%);--zn-color-red-950:hsl(0 100% 95.9%);--zn-color-orange-50:hsl(15 64.2% 23.3%);--zn-color-orange-100:hsl(15.1 70.9% 31.1%);--zn-color-orange-200:hsl(15.3 75.7% 35.5%);--zn-color-orange-300:hsl(17.1 83.5% 42.7%);--zn-color-orange-400:hsl(20.1 88% 50.8%);--zn-color-orange-500:hsl(24.3 100% 50.5%);--zn-color-orange-600:hsl(27.2 100% 57.7%);--zn-color-orange-700:hsl(31.3 100% 68.7%);--zn-color-orange-800:hsl(33.8 100% 79.3%);--zn-color-orange-900:hsl(38.9 100% 87.7%);--zn-color-orange-950:hsl(46.2 100% 95%);--zn-color-amber-50:hsl(21.9 66.3% 21.1%);--zn-color-amber-100:hsl(21.5 73.6% 29.7%);--zn-color-amber-200:hsl(22.3 77.6% 33.3%);--zn-color-amber-300:hsl(25.4 84.2% 39.6%);--zn-color-amber-400:hsl(31.4 87.4% 46.7%);--zn-color-amber-500:hsl(37 96.6% 48.3%);--zn-color-amber-600:hsl(43.3 100% 53.4%);--zn-color-amber-700:hsl(46.5 100% 61.1%);--zn-color-amber-800:hsl(49.3 100% 73%);--zn-color-amber-900:hsl(51.8 100% 85%);--zn-color-amber-950:hsl(60 100% 94.6%);--zn-color-yellow-50:hsl(34,86%,14%);--zn-color-yellow-100:hsl(36,74%,26%);--zn-color-yellow-200:hsl(40,82%,29%);--zn-color-yellow-300:hsl(43,94%,33%);--zn-color-yellow-400:hsl(48,98%,40%);--zn-color-yellow-500:hsl(53,95%,47%);--zn-color-yellow-600:hsl(51,100%,53%);--zn-color-yellow-700:hsl(54,100%,63%);--zn-color-yellow-800:hsl(61,100%,77%);--zn-color-yellow-900:hsl(63,100%,88%);--zn-color-yellow-950:hsl(63,92%,95%);--zn-color-lime-50:hsl(86.5 54.4% 18%);--zn-color-lime-100:hsl(87.6 56.8% 23.3%);--zn-color-lime-200:hsl(85.8 63.2% 24.5%);--zn-color-lime-300:hsl(86.1 72% 29.4%);--zn-color-lime-400:hsl(85.5 76.8% 37.3%);--zn-color-lime-500:hsl(84.3 74.2% 42.1%);--zn-color-lime-600:hsl(82.8 81.5% 52.6%);--zn-color-lime-700:hsl(82 89.9% 64%);--zn-color-lime-800:hsl(80.9 97.9% 76.6%);--zn-color-lime-900:hsl(77.9 100% 85.8%);--zn-color-lime-950:hsl(69.5 100% 93.8%);--zn-color-green-50:hsl(144.3 53.6% 16%);--zn-color-green-100:hsl(143.2 55.4% 23.5%);--zn-color-green-200:hsl(141.5 58.2% 26.3%);--zn-color-green-300:hsl(140.8 64.2% 31.8%);--zn-color-green-400:hsl(140.3 68% 39.2%);--zn-color-green-500:hsl(141.1 64.9% 43%);--zn-color-green-600:hsl(141.6 72.4% 55.2%);--zn-color-green-700:hsl(141.7 82.7% 70.1%);--zn-color-green-800:hsl(141 90.9% 82.1%);--zn-color-green-900:hsl(142 100% 89.1%);--zn-color-green-950:hsl(144 100% 95.5%);--zn-color-emerald-50:hsl(164.3 75% 13.5%);--zn-color-emerald-100:hsl(163.5 72.6% 20.1%);--zn-color-emerald-200:hsl(162.1 73.7% 22.4%);--zn-color-emerald-300:hsl(161.3 77.3% 27.6%);--zn-color-emerald-400:hsl(159.6 77.1% 34.3%);--zn-color-emerald-500:hsl(159.1 73.5% 37.9%);--zn-color-emerald-600:hsl(157.8 66.8% 48.9%);--zn-color-emerald-700:hsl(156.2 76.1% 63.8%);--zn-color-emerald-800:hsl(152.4 84.4% 77.4%);--zn-color-emerald-900:hsl(149.3 100% 87%);--zn-color-emerald-950:hsl(158.6 100% 94.8%);--zn-color-teal-50:hsl(176.5 51.5% 15.4%);--zn-color-teal-100:hsl(175.9 54.7% 22.3%);--zn-color-teal-200:hsl(175.9 60.7% 23.9%);--zn-color-teal-300:hsl(174.5 67.3% 28.8%);--zn-color-teal-400:hsl(174.4 71.9% 34.9%);--zn-color-teal-500:hsl(173.1 71% 38.3%);--zn-color-teal-600:hsl(172.3 68.2% 48.1%);--zn-color-teal-700:hsl(170.5 81.3% 61.5%);--zn-color-teal-800:hsl(168.4 92.1% 75.2%);--zn-color-teal-900:hsl(168.3 100% 86%);--zn-color-teal-950:hsl(180 100% 95.5%);--zn-color-cyan-50:hsl(197.1 53.8% 20.3%);--zn-color-cyan-100:hsl(196.8 57.3% 27.2%);--zn-color-cyan-200:hsl(195.3 62.7% 29.4%);--zn-color-cyan-300:hsl(193.5 71.3% 34.1%);--zn-color-cyan-400:hsl(192.5 76.8% 40.6%);--zn-color-cyan-500:hsl(189.4 78.6% 42.6%);--zn-color-cyan-600:hsl(188.2 89.1% 51.7%);--zn-color-cyan-700:hsl(187 98.6% 66.2%);--zn-color-cyan-800:hsl(184.9 100% 78.3%);--zn-color-cyan-900:hsl(180 100% 86.6%);--zn-color-cyan-950:hsl(180 100% 94.8%);--zn-color-sky-50:hsl(203 63.8% 20.9%);--zn-color-sky-100:hsl(203.4 70.4% 28%);--zn-color-sky-200:hsl(202.7 75.8% 30.8%);--zn-color-sky-300:hsl(203.1 80.4% 36.1%);--zn-color-sky-400:hsl(202.1 80.5% 44.3%);--zn-color-sky-500:hsl(199.7 85.9% 47.7%);--zn-color-sky-600:hsl(198.7 97.9% 57.2%);--zn-color-sky-700:hsl(198.7 100% 70.5%);--zn-color-sky-800:hsl(198.8 100% 82.5%);--zn-color-sky-900:hsl(198.5 100% 89.9%);--zn-color-sky-950:hsl(186 100% 95.5%);--zn-color-blue-50:hsl(227.1 49.5% 22.7%);--zn-color-blue-100:hsl(225.8 58.9% 36.8%);--zn-color-blue-200:hsl(227.7 64.4% 42.9%);--zn-color-blue-300:hsl(226.1 72.7% 51.2%);--zn-color-blue-400:hsl(222.6 86.5% 56.3%);--zn-color-blue-500:hsl(217.8 95.8% 57.4%);--zn-color-blue-600:hsl(213.3 100% 65%);--zn-color-blue-700:hsl(210.9 100% 74.8%);--zn-color-blue-800:hsl(211.5 100% 83.4%);--zn-color-blue-900:hsl(211 100% 88.9%);--zn-color-blue-950:hsl(201.8 100% 95.3%);--zn-color-indigo-50:hsl(243.5 40.8% 27%);--zn-color-indigo-100:hsl(242.9 45.7% 37.6%);--zn-color-indigo-200:hsl(244.7 52.7% 43.1%);--zn-color-indigo-300:hsl(245.3 60.5% 52.4%);--zn-color-indigo-400:hsl(244.1 79.2% 60.4%);--zn-color-indigo-500:hsl(239.6 88.7% 63.8%);--zn-color-indigo-600:hsl(234.5 96.7% 70.9%);--zn-color-indigo-700:hsl(229.4 100% 78.3%);--zn-color-indigo-800:hsl(227.1 100% 85%);--zn-color-indigo-900:hsl(223.8 100% 89.9%);--zn-color-indigo-950:hsl(220 100% 95.1%);--zn-color-violet-50:hsl(265.1 57.3% 25.4%);--zn-color-violet-100:hsl(263.5 63.8% 39.4%);--zn-color-violet-200:hsl(263.4 66.2% 44.1%);--zn-color-violet-300:hsl(263.7 72.8% 52.4%);--zn-color-violet-400:hsl(262.5 87.3% 59.8%);--zn-color-violet-500:hsl(258.3 95.1% 63.2%);--zn-color-violet-600:hsl(255.1 100% 67.2%);--zn-color-violet-700:hsl(253 100% 81.5%);--zn-color-violet-800:hsl(251.7 100% 87.9%);--zn-color-violet-900:hsl(254.1 100% 91.7%);--zn-color-violet-950:hsl(257.1 100% 96.1%);--zn-color-purple-50:hsl(255,79%,23%);--zn-color-purple-100:hsl(257,73%,35%);--zn-color-purple-200:hsl(257,76%,42%);--zn-color-purple-300:hsl(257,76%,50%);--zn-color-purple-400:hsl(256,91%,59%);--zn-color-purple-500:hsl(252,98%,66%);--zn-color-purple-600:hsl(249,100%,76%);--zn-color-purple-700:hsl(246,100%,85%);--zn-color-purple-800:hsl(244,100%,92%);--zn-color-purple-900:hsl(245,100%,95%);--zn-color-purple-950:hsl(249,100%,97%);--zn-color-fuchsia-50:hsl(297.1 51.2% 18.6%);--zn-color-fuchsia-100:hsl(296.7 59.5% 31.5%);--zn-color-fuchsia-200:hsl(295.4 65.4% 35.1%);--zn-color-fuchsia-300:hsl(294.6 67.4% 42.2%);--zn-color-fuchsia-400:hsl(293.3 68.7% 51.2%);--zn-color-fuchsia-500:hsl(292.1 88.4% 57.7%);--zn-color-fuchsia-600:hsl(292 98.5% 59.5%);--zn-color-fuchsia-700:hsl(292.4 100% 79.5%);--zn-color-fuchsia-800:hsl(292.9 100% 86.8%);--zn-color-fuchsia-900:hsl(300 100% 91.5%);--zn-color-fuchsia-950:hsl(300 100% 96.3%);--zn-color-pink-50:hsl(336.2 59.6% 20%);--zn-color-pink-100:hsl(336.8 63.9% 34%);--zn-color-pink-200:hsl(336.8 68.7% 37.6%);--zn-color-pink-300:hsl(336.1 71.8% 44.5%);--zn-color-pink-400:hsl(333.9 74.9% 53.1%);--zn-color-pink-500:hsl(330.7 86.3% 57.7%);--zn-color-pink-600:hsl(328.6 91.5% 67.2%);--zn-color-pink-700:hsl(327.4 97.6% 78.7%);--zn-color-pink-800:hsl(325.1 100% 86.6%);--zn-color-pink-900:hsl(322.1 100% 91.3%);--zn-color-pink-950:hsl(315 100% 95.9%);--zn-color-rose-50:hsl(342.3 62.9% 21.5%);--zn-color-rose-100:hsl(342.8 68.9% 34.2%);--zn-color-rose-200:hsl(344.8 72.6% 37.3%);--zn-color-rose-300:hsl(346.9 75.8% 43.7%);--zn-color-rose-400:hsl(348.2 80.1% 52.7%);--zn-color-rose-500:hsl(350.4 94.8% 57.5%);--zn-color-rose-600:hsl(351.2 100% 58.1%);--zn-color-rose-700:hsl(352.3 100% 78.1%);--zn-color-rose-800:hsl(352 100% 86.2%);--zn-color-rose-900:hsl(354.5 100% 90.7%);--zn-color-rose-950:hsl(353.3 100% 95.7%);--zn-color-neutral-0:hsl(0,0%,0%);--zn-color-neutral-1000:hsl(0,0%,100%);--zn-shadow-x-small:0 1px 4px rgba(0,0,0,0.18);--zn-shadow-small:0 3px 9px rgba(0,0,0,0.24);--zn-shadow-medium:0 6px 18px rgba(0,0,0,0.24);--zn-shadow-large:0 6px 20px rgba(0,0,0,0.24);--zn-shadow-x-large:0 6px 20px rgba(0,0,0,0.34);--zn-input-background-color:rgb(var(--zn-color-body));--zn-input-background-color-hover:rgb(var(--zn-color-body));--zn-input-background-color-focus:hsl(252,15%,13%);--zn-input-background-color-disabled:hsl(280,6%,9%);--zn-input-border-color:rgb(var(--zn-color-border));--zn-input-border-color-hover:rgb(var(--zn-color-border-active));--zn-input-border-color-focus:var(--zn-color-primary-500);--zn-input-border-color-disabled:hsl(280,6%,9%);--zn-focus-ring-color:var(--zn-color-primary-700);--zn-overlay-background-color:hsl(0 0% 0%/43%);--zn-panel-background-color:rgb(var(--zn-panel));--zn-tooltip-background-color:var(--zn-color-neutral-800)}:root{--zn-spacing-unit:8px;--zn-spacing-3x-small:2px;--zn-spacing-2x-small:4px;--zn-spacing-x-small:8px;--zn-spacing-small:16px;--zn-spacing-medium:24px;--zn-spacing-large:32px;--zn-spacing-x-large:40px;--zn-spacing-2x-large:48px;--zn-spacing-3x-large:56px;--zn-spacing-4x-large:72px;--zn-spacing-narrow-bar:45px;--zn-spacing-bar:60px;--zn-spacing-tile:80px;--zn-spacing-sidenav:320px;--zn-spacing-small-panel:200px;--zn-spacing-medium-panel:320px;--zn-spacing-panel:360px;--zn-spacing-lside:460px}:root{--zn-text-color:rgb(var(--zn-color-text));--zn-text-color-muted:rgb(var(--zn-color-muted-text));--zn-text-paragraph-font-size:14px;--zn-text-paragraph-line-height:21px;--zn-text-paragraph-spacing:21px;--zn-text-paragraph-font-weight:var(--zn-font-weight-normal);--zn-text-paragraph-color:var(--zn-text-color);--zn-text-paragraph-transform:none;--zn-text-table-content-font-size:14px;--zn-text-table-content-line-height:16px;--zn-text-table-content-spacing:15px;--zn-text-table-content-font-weight:var(--zn-font-weight-normal);--zn-text-table-content-color:var(--zn-text-color);--zn-text-table-content-transform:none;--zn-text-chat-font-size:16px;--zn-text-chat-line-height:24px;--zn-text-chat-spacing:15px;--zn-text-chat-font-weight:var(--zn-font-weight-normal);--zn-text-chat-color:var(--zn-text-color);--zn-text-chat-transform:none;--zn-text-h1-font-size:16px;--zn-text-h1-line-height:16px;--zn-text-h1-spacing:18px;--zn-text-h1-font-weight:var(--zn-font-weight-semibold);--zn-text-h1-color:var(--zn-text-color);--zn-text-h1-transform:none;--zn-text-h2-font-size:14px;--zn-text-h2-line-height:16px;--zn-text-h2-spacing:15px;--zn-text-h2-font-weight:var(--zn-font-weight-semibold);--zn-text-h2-color:var(--zn-text-color);--zn-text-h2-transform:none;--zn-text-h3-font-size:11px;--zn-text-h3-line-height:16px;--zn-text-h3-spacing:15px;--zn-text-h3-font-weight:var(--zn-font-weight-semibold);--zn-text-h3-color:var(--zn-text-color);--zn-text-h3-transform:none;--zn-text-subheading-font-size:14px;--zn-text-subheading-line-height:16px;--zn-text-subheading-spacing:15px;--zn-text-subheading-font-weight:var(--zn-font-weight-normal);--zn-text-subheading-color:var(--zn-text-color-muted);--zn-text-subheading-transform:none;--zn-text-subheading-small-font-size:13px;--zn-text-subheading-small-line-height:16px;--zn-text-subheading-small-spacing:15px;--zn-text-subheading-small-font-weight:var(--zn-font-weight-normal);--zn-text-subheading-small-color:var(--zn-text-color-muted);--zn-text-subheading-small-transform:none;--zn-text-input-placeholder-font-size:14px;--zn-text-input-placeholder-line-height:24px;--zn-text-input-placeholder-spacing:18px;--zn-text-input-placeholder-font-weight:var(--zn-font-weight-normal);--zn-text-input-placeholder-color:var(--zn-text-color-muted);--zn-text-input-placeholder-transform:none;--zn-text-input-content-font-size:14px;--zn-text-input-content-line-height:24px;--zn-text-input-content-spacing:18px;--zn-text-input-content-font-weight:var(--zn-font-weight-normal);--zn-text-input-content-color:var(--zn-text-color);--zn-text-input-content-transform:none;--zn-text-input-label-font-size:14px;--zn-text-input-label-line-height:16px;--zn-text-input-label-spacing:15px;--zn-text-input-label-font-weight:var(--zn-font-weight-semibold);--zn-text-input-label-color:var(--zn-text-color);--zn-text-input-label-transform:none;--zn-text-chart-minor-font-size:14px;--zn-text-chart-minor-line-height:16px;--zn-text-chart-minor-spacing:15px;--zn-text-chart-minor-font-weight:var(--zn-font-weight-semibold);--zn-text-chart-minor-color:var(--zn-text-color-muted);--zn-text-chart-minor-transform:none;--zn-text-chart-major-font-size:21px;--zn-text-chart-major-line-height:16px;--zn-text-chart-major-spacing:18px;--zn-text-chart-major-font-weight:var(--zn-font-weight-normal);--zn-text-chart-major-color:var(--zn-text-color);--zn-text-chart-major-transform:none;--zn-text-button-label-font-size:13px;--zn-text-button-label-line-height:16px;--zn-text-button-label-spacing:18px;--zn-text-button-label-font-weight:var(--zn-font-weight-semibold);--zn-text-button-label-color:var(--zn-text-color);--zn-text-button-label-transform:uppercase;--zn-text-chip-font-size:10px;--zn-text-chip-line-height:16px;--zn-text-chip-spacing:15px;--zn-text-chip-font-weight:var(--zn-font-weight-semibold);--zn-text-chip-color:var(--zn-text-color);--zn-text-chip-transform:uppercase;--zn-text-navbar-link-font-size:16px;--zn-text-navbar-link-line-height:16px;--zn-text-navbar-link-spacing:18px;--zn-text-navbar-link-font-weight:var(--zn-font-weight-semibold);--zn-text-navbar-link-color:var(--zn-text-color-muted);--zn-text-navbar-link-transform:none;--zn-text-tab-link-font-size:14px;--zn-text-tab-link-line-height:16px;--zn-text-tab-link-spacing:15px;--zn-text-tab-link-font-weight:var(--zn-font-weight-semibold);--zn-text-tab-link-color:var(--zn-text-color-muted);--zn-text-tab-link-transform:none;--zn-text-tab-link-active-font-size:14px;--zn-text-tab-link-active-line-height:16px;--zn-text-tab-link-active-spacing:15px;--zn-text-tab-link-active-font-weight:var(--zn-font-weight-semibold);--zn-text-tab-link-active-color:var(--zn-text-color);--zn-text-tab-link-active-transform:none;--zn-text-menu-link-font-size:14px;--zn-text-menu-link-line-height:16px;--zn-text-menu-link-spacing:15px;--zn-text-menu-link-font-weight:var(--zn-font-weight-normal);--zn-text-menu-link-color:var(--zn-text-color-muted);--zn-text-menu-link-transform:none;--zn-text-notification-font-size:9px;--zn-text-notification-line-height:11px;--zn-text-notification-spacing:0;--zn-text-notification-font-weight:var(--zn-font-weight-semibold);--zn-text-notification-color:#fff;--zn-text-notification-transform:none}@supports (scrollbar-gutter:stable){.zn-scroll-lock{scrollbar-gutter:stable !important;overflow:hidden !important}}@supports not (scrollbar-gutter:stable){.zn-scroll-lock{padding-right:var(--zn-scroll-lock-size) !important;overflow:hidden !important}}.zn-toast-stack{position:fixed;bottom:0;inset-inline-end:0;z-index:var(--zn-z-index-toast);width:28rem;max-width:100%;max-height:100%;overflow:auto}.zn-toast-stack zn-alert{margin:var(--zn-spacing-medium)}.zn-toast-stack zn-alert::part(base){box-shadow:var(--zn-shadow-large)}@media screen and (min-width:768px){.zn-toast-stack zn-alert{margin:var(--zn-spacing-large)}}.zn-gutter{margin:0 var(--zn-gutter)}.zn-gap{gap:var(--zn-gap,0);padding:var(--zn-base-gap,0);display:flex;flex-wrap:wrap}.zn-gap-in{gap:var(--zn-gap,0);display:flex;flex-wrap:wrap}.zn-gap-in-sm{--zn-gap:var(--zn-spacing-small,0);gap:var(--zn-gap,0)}.zn-gap-md{gap:15px}.zn-gap-inner{gap:var(--zn-gap,0)}.zn-gap-ism{gap:var(--zn-gap,0);--zn-gap:10px}.zn-gap-ixs{gap:var(--zn-gap,0);--zn-gap:5px}.zn-max-hide{max-height:100%;overflow:hidden}.zn-hide-empty:empty{display:none}.zn-nopoint{pointer-events:none}.form-spacing{display:grid;grid-template-columns:1fr;gap:var(--zn-spacing-medium) var(--zn-spacing-small)}@media (min-width:768px){.form-spacing{grid-template-columns:repeat(6,1fr)}}.form-spacing~.form-spacing{margin-top:var(--zn-base-gap)}zn-form-group~zn-form-group{margin-top:var(--zn-base-gap);padding-top:var(--zn-base-gap);border-top:1px solid rgb(var(--zn-border-color))}.form-spacing>*{grid-column:span 6/span 6}@media (min-width:768px){.form-spacing>*[span="1"]{grid-column:span 1/span 1}}@media (min-width:768px){.form-spacing>*[span="2"]{grid-column:span 2/span 2}}@media (min-width:768px){.form-spacing>*[span="3"]{grid-column:span 3/span 3}}@media (min-width:768px){.form-spacing>*[span="4"]{grid-column:span 4/span 4}}@media (min-width:768px){.form-spacing>*[span="5"]{grid-column:span 5/span 5}}:root{--zn-base-px:8px;--zn-base-gap:calc(var(--zn-base-px) * 2);--zn-gutter:2px;--zn-default-margin:0 auto 0 0;--zn-icon-size:20px;--zn-button-gutter:2px;--zn-font-family-sans:'Inter',sans-serif;--zn-font-family-serif:'Roboto Slab',serif;--zn-font-family-mono:'Roboto Mono',monospace}:root,[t=light],.theme-light{--zn-backdrop-color:rgba(0,0,0,0.5);--zn-color-text:33,33,33;--zn-color-muted-text:125,119,146;--zn-color-base:255,255,255;--zn-color-body:248,247,252;--zn-color-navigation:var(--zn-color-base);--zn-color-navigation-hightlight:248,249,252;--zn-color-border:219,217,236;--zn-color-border-active:209,207,226;--zn-color-tab:236,235,249;--zn-color-panel:255,255,255;--zn-color-primary:105,54,245;--zn-color-info:53,104,195;--zn-color-success:98,177,121;--zn-color-warning:241,168,80;--zn-color-error:236,68,91;--zn-color-disabled:181,181,181}[t=dark],.theme-dark{--zn-backdrop-color:rgba(0,0,0,0.85);--zn-color-text:215,215,215;--zn-color-muted-text:145,145,145;--zn-color-base:0,0,0;--zn-color-body:23,23,23;--zn-color-navigation:var(--zn-color-base);--zn-color-navigation-hightlight:10,10,10;--zn-color-border:38,38,38;--zn-color-border-active:80,80,80;--zn-color-tab:5,5,5;--zn-color-panel:30,30,30;--zn-color-primary:105,54,245;--zn-color-info:53,104,195;--zn-color-success:98,177,121;--zn-color-warning:241,168,80;--zn-color-error:236,68,91;--zn-color-disabled:181,181,181}@media (min-width:1200px){:root{--zn-base-gap:calc(var(--zn-base-px) * 3)}}@media (min-width:2500px){:root{--zn-default-margin:0 auto}}:root{--zn-primary:var(--zn-color-primary);--zn-red:237,84,109;--zn-blue:100,117,242;--zn-green:43,192,145;--zn-orange:255,136,0;--zn-yellow:255,193,7;--zn-indigo:63,81,181;--zn-violet:156,39,176;--zn-pink:255,108,156;--zn-grey:158,158,158;--zn-accent:71,214,214;--zn-size-bar:60px;--zn-size-tile:80px;--zn-size-sidenav:320px;--zn-size-spanel:170px;--zn-size-mpanel:320px;--zn-size-panel:360px;--zn-size-lside:460px;--zn-bg-opacity:1;--zn-text-opacity:1;--base:255,255,255;--inverse-base:0,0,0}.zn-mono{font-family:var(--zn-font-family-mono,"monospace")}:root,[t=light],.theme-light,[t=dark],.theme-dark{--zn-body:var(--zn-color-body);--zn-text:var(--zn-color-text);--zn-text-heading:var(--zn-color-text);--zn-text-page-title:var(--zn-color-text);--zn-text-panel-title:var(--zn-color-text);--zn-panel:var(--zn-color-panel);--zn-border-color:var(--zn-color-border);--zn-input-bg:var(--zn-color-body)}[t=light],.theme-light{--zn-panel-opacity:1;--zn-shadow:236,235,249;--zn-panel-secondary:246 246 246;--zn-panel-highlight:248,249,252;--zn-panel-highlight-opacity:1;--zn-input-bg-accent:237,235,245;--zn-bright-bg:255,255,255;--zn-light-text:123,112,151;--zn-dark-text:56,39,104;--zn-purple-text:104,54,245}[t=light] .zn-primary,.theme-light .zn-primary{color:rgb(var(--zn-color-primary))}[t=dark],.theme-dark{--zn-shadow:10,10,10;--zn-panel-secondary:27,27,30;--zn-panel-opacity:1;--zn-panel-highlight:25,27,32;--zn-panel-highlight-opacity:0.1;--zn-input-bg-accent:72,84,102;--zn-bright-bg:225,225,225;--zn-light-text:173,163,192;--zn-dark-text:201,201,201;--zn-purple-text:129,140,249;--zn-accent:15,165,234;--zn-primary:137,103,239;--base:0,0,0;--inverse-base:255,255,255}[t=dark] .zn-primary,.theme-dark .zn-primary{color:#8967ef !important}.ml-px{margin-left:1px}.mr-px{margin-right:1px}.mt-px{margin-top:1px}.mb-px{margin-bottom:1px}.mx-px{margin-left:1px;margin-right:1px}.my-px{margin-top:1px;margin-bottom:1px}.m-px{margin:1px}.ml-xxs{margin-left:3px}.mr-xxs{margin-right:3px}.mt-xxs{margin-top:3px}.mb-xxs{margin-bottom:3px}.mx-xxs{margin-left:3px;margin-right:3px}.my-xxs{margin-top:3px;margin-bottom:3px}.m-xxs{margin:3px}.ml-xs{margin-left:5px}.mr-xs{margin-right:5px}.mt-xs{margin-top:5px}.mb-xs{margin-bottom:5px}.mx-xs{margin-left:5px;margin-right:5px}.my-xs{margin-top:5px;margin-bottom:5px}.m-xs{margin:5px}.ml-sm{margin-left:10px}.mr-sm{margin-right:10px}.mt-sm{margin-top:10px}.mb-sm{margin-bottom:10px}.mx-sm{margin-left:10px;margin-right:10px}.my-sm{margin-top:10px;margin-bottom:10px}.m-sm{margin:10px}.ml-md{margin-left:15px}.mr-md{margin-right:15px}.mt-md{margin-top:15px}.mb-md{margin-bottom:15px}.mx-md{margin-left:15px;margin-right:15px}.my-md{margin-top:15px;margin-bottom:15px}.m-md{margin:15px}.ml-lg{margin-left:20px}.mr-lg{margin-right:20px}.mt-lg{margin-top:20px}.mb-lg{margin-bottom:20px}.mx-lg{margin-left:20px;margin-right:20px}.my-lg{margin-top:20px;margin-bottom:20px}.m-lg{margin:20px}.ml-xl{margin-left:25px}.mr-xl{margin-right:25px}.mt-xl{margin-top:25px}.mb-xl{margin-bottom:25px}.mx-xl{margin-left:25px;margin-right:25px}.my-xl{margin-top:25px;margin-bottom:25px}.m-xl{margin:25px}.zn-red{color:rgb(var(--zn-red))}.zn-blue{color:rgb(var(--zn-blue))}.zn-green{color:rgb(var(--zn-green))}.zn-orange{color:rgb(var(--zn-orange))}.zn-yellow{color:rgb(var(--zn-yellow))}.zn-indigo{color:rgb(var(--zn-indigo))}.zn-violet{color:rgb(var(--zn-violet))}.zn-pink{color:rgb(var(--zn-pink))}.zn-grey{color:rgb(var(--zn-grey))}.zn-primary{color:rgb(var(--zn-primary))}.zn-accent{color:rgb(var(--zn-accent))}.zn-info{color:rgb(var(--zn-color-info))}.zn-warning{color:rgb(var(--zn-color-warning))}.zn-error{color:rgb(var(--zn-color-error))}.zn-success{color:rgb(var(--zn-color-success))}ul.gap li{margin:5px 0}ul.circle,ul.decimal,ul.disc,ul.square{padding:5px 0 5px 15px}ul.circle{list-style-type:circle}ul.decimal{list-style-type:decimal}ul.disc{list-style-type:disc}ul.square{list-style-type:square}:host,html,body{color:rgba(var(--zn-text),var(--zn-text-opacity));font-family:var(--zn-font-family-sans);font-feature-settings:normal;font-variation-settings:normal;font-size:var(--zn-text-paragraph-font-size);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tab-size:4;-o-tab-size:4;tab-size:4;margin:0}html,body{background-color:rgba(var(--zn-body),var(--zn-bg-opacity));container-type:size;min-height:100%;height:100%}.inline-container{container-type:inline-size}.app-container{container-type:inline-size;display:flex;flex:1;flex-direction:column;position:relative;max-height:100%;height:100%;width:100%;max-width:100%}.inline-app-container,.app-container.inline-app-container,[inline-container] .app-container{display:block;height:auto;flex:unset}hr{height:0;border:none;border-top:1px solid rgb(var(--zn-border-color))}code,kbd,samp,pre,.mono{font-family:var(--zn-font-family-mono);font-size:1em}small{font-size:80%}.hidden{display:none !important}.visibility-hidden{visibility:hidden}p{font-size:var(--zn-text-paragraph-font-size);line-height:var(--zn-text-paragraph-line-height);font-weight:var(--zn-text-paragraph-font-weight)}h1,h2,h3,h4,h5,h6{color:rgb(var(--zn-text-heading))}h1{font-size:var(--zn-text-h1-font-size);line-height:var(--zn-text-h1-line-height);font-weight:var(--zn-text-h1-font-weight)}h2{font-size:var(--zn-text-h2-font-size);line-height:var(--zn-text-h2-line-height);font-weight:var(--zn-text-h2-font-weight)}h3,h4,h5,h6{font-size:var(--zn-text-h3-font-size);line-height:var(--zn-text-h3-line-height);font-weight:var(--zn-text-h3-font-weight)}kbd{font-family:monospace;background-color:#eee;color:#333;border:1px solid rgb(var(--zn-border-color));border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(255,255,255,0.5) inset;display:inline-block;font-size:13px;line-height:20px;padding:1px 6px;white-space:nowrap;min-width:15px;color:rgba(0,0,0,0.5)}[t=dark] kbd{background-color:rgb(25,25,25);box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(110,110,110,0.5) inset;color:#eee}[tab]{cursor:pointer}.zn-link:hover{--zn-text:rgb(var(--zn-primary));--icon-color:rgb(var(--zn-primary));--zn-text-heading:rgb(var(--zn-primary));--property-color:rgb(var(--zn-primary));opacity:1}.grow{flex-grow:1}.no-grow{flex-grow:0}.shrink{flex-shrink:1}.no-shrink{flex-shrink:0}.block{display:block}.flex{display:flex}.flex-wrap{display:flex;flex-wrap:wrap}.flex-col{display:flex;flex-direction:column}.flex-mid{display:flex;align-items:center}.flex-jc{justify-content:center}.flex-between{display:flex;justify-content:space-between}.flex-end{display:flex;justify-content:flex-end}.flex-bottom{display:flex;align-items:flex-end}.equal{flex-basis:50%}.m-auto{margin:auto}.mt-auto{margin-top:auto}.zn-pad{padding:var(--zn-base-gap,0)}.zn-pad-y,.zn-py{padding-top:15px;padding-bottom:15px}.zn-pad-x,.zn-px{padding-left:15px;padding-right:15px}.zn-pr{padding-right:15px}.zn-pl{padding-left:15px}.zn-pt{padding-top:15px}.zn-pb{padding-bottom:15px}.zn-margin{margin:15px}.zn-mx{margin-left:15px;margin-right:15px}.zn-my{margin-top:15px;margin-bottom:15px}.zn-mt{margin-top:15px}.zn-mb{margin-bottom:15px}.zn-ml{margin-left:15px}.zn-mr{margin-right:15px}.zn-mxa{margin-left:auto;margin-right:auto}.zn-mya{margin-top:auto;margin-bottom:auto}.zn-mta{margin-top:auto}.zn-mba{margin-bottom:auto}.zn-mla{margin-left:auto}.zn-mra{margin-right:auto}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}@keyframes act-vanish{from{transform:scale(1);opacity:1;max-height:100%}to{transform:scale(0.8);opacity:0;max-height:0}}.act-vanish{animation:ease-in act-vanish 600ms forwards;transform-origin:top center;background-color:rgba(var(--zn-color-error),0.3);display:block;overflow:hidden}.h-full{height:100%}.w-full{width:100%}.zn-panel-bg{--zn-page-surface-background:var(--zn-panel);background-color:rgba(var(--zn-panel),var(--zn-panel-opacity))}.zn-panel{background-color:rgba(var(--zn-panel),var(--zn-panel-opacity));border:1px solid rgb(var(--zn-border-color));border-radius:var(--zn-border-radius);--zn-page-surface-background:var(--zn-panel)}.zn-container{display:flex;flex-direction:column;flex-grow:1;max-height:100%;overflow:hidden}.tar{text-align:right}.tal{text-align:left}.tac{text-align:center}.zn-empty-hide:empty{display:none}.ml-auto{margin-left:auto}.zn-b-dash{border-style:dashed}.zn-b-dotted{border-style:dotted}.zn-border{border-style:solid;border-width:1px !important}.zn-bt{border-top-style:solid;border-top-width:1px !important}.zn-bb{border-bottom-style:solid;border-bottom-width:1px !important}.zn-bl{border-left-style:solid;border-left-width:1px !important}.zn-br{border-right-style:solid;border-right-width:1px !important}.unifi-action{display:flex;gap:10px;padding:10px 0;align-items:center}.zn-panel-bar{border-bottom:1px solid rgb(var(--zn-border-color));background-color:rgba(var(--zn-panel),0.9);padding:var(--zn-base-px);gap:var(--zn-base-px);display:flex;flex-wrap:wrap;align-items:center;z-index:1}.zn-panel-bar--pill{border-radius:var(--zn-border-radius);border:1px solid rgb(var(--zn-border-color))}.zn-panel-bar--large{padding:var(--zn-base-px) calc(var(--zn-base-gap) + var(--zn-gutter));gap:var(--zn-base-px);height:50px}.scroll-container{overflow:auto;flex-grow:1;position:relative;display:flex;flex-direction:column;max-height:100%}.zn-divide{display:flex;flex-direction:column}.zn-divide>*:not(:first-child){border-top:1px solid rgb(var(--zn-border-color))}.zn-divide>div:empty+div:not(:first-child){border-top:0}.zn-divide-y{display:flex;flex-direction:row}.zn-divide-y>*:not(:first-child):not(:empty){border-left:1px solid rgb(var(--zn-border-color))}.zn-c-pad{--zn-pad-spacing:var(--zn-spacing-large)}.zn-c-pad-x>*{padding-left:var(--zn-pad-spacing);padding-right:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:first-child){padding-top:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:last-child){padding-bottom:var(--zn-pad-spacing)}.zn-nav.zn-transparent{background:transparent}.zn-nav{background:rgba(var(--zn-panel),var(--zn-panel-opacity));border-right:1px solid rgb(var(--zn-border-color));max-width:320px;height:100%;padding-top:5px}.zn-nav ul{list-style:none;padding-bottom:10px;margin:0;display:flex;flex-direction:column;position:relative}.zn-nav ul:after{content:"";height:1px;left:18px;right:18px;bottom:0;position:absolute;background:rgb(var(--zn-border-color))}.zn-nav ul li a{text-decoration:none;color:rgb(var(--zn-text));display:block;font-weight:500;cursor:pointer}.zn-nav ul li a:hover,.zn-nav ul li a.zn-tb-active{background:rgb(var(--zn-body))}.zn-nav ul li a.zn-tb-active{color:rgb(var(--zn-purple-text))}.zn-nav ul:last-child:after{display:none}.zn-nav strong,.zn-nav li a{padding:10px 20px}.zn-nav strong{display:block;margin-top:10px;font-size:13px;letter-spacing:0.93px;color:rgb(var(--zn-text-heading));font-weight:600;padding-bottom:5px;text-transform:uppercase}@keyframes shimmer-text-sweep{0%{background-position:100% center}100%{background-position:0% center}}@media (prefers-reduced-motion:no-preference){.shimmer-text{--shimmer-base:rgb(var(--zn-text));--shimmer-highlight:rgb(var(--zn-text-heading));--shimmer-core:0.5ch;--shimmer-spread:1.5ch;--shimmer-duration:1.5s;display:inline-block;width:-moz-fit-content;width:fit-content;max-width:100%;background-image:linear-gradient(90deg,transparent calc(50% - var(--shimmer-spread)),var(--shimmer-highlight) calc(50% - var(--shimmer-core)),var(--shimmer-highlight) calc(50% + var(--shimmer-core)),transparent calc(50% + var(--shimmer-spread))),linear-gradient(var(--shimmer-base),var(--shimmer-base));background-size:250% 100%,auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent !important;color:transparent !important;animation:var(--shimmer-duration) linear infinite shimmer-text-sweep}.shimmer-text.zn-error{--shimmer-base:rgb(var(--zn-color-error));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-error)) 55%,white)}.shimmer-text.zn-success{--shimmer-base:rgb(var(--zn-color-success));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-success)) 55%,white)}.shimmer-text.zn-info{--shimmer-base:rgb(var(--zn-color-info));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-info)) 55%,white)}.shimmer-text.zn-warning{--shimmer-base:rgb(var(--zn-color-warning));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-warning)) 55%,white)}.shimmer-text.zn-primary{--shimmer-base:rgb(var(--zn-primary));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-primary)) 55%,white)}.shimmer-text.zn-accent{--shimmer-base:rgb(var(--zn-accent));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-accent)) 55%,white)}}@media (prefers-reduced-motion:reduce){.shimmer-text{color:rgb(var(--zn-text))}.shimmer-text.zn-error{color:rgb(var(--zn-color-error)) !important}.shimmer-text.zn-success{color:rgb(var(--zn-color-success)) !important}.shimmer-text.zn-info{color:rgb(var(--zn-color-info)) !important}.shimmer-text.zn-warning{color:rgb(var(--zn-color-warning)) !important}.shimmer-text.zn-primary{color:rgb(var(--zn-primary)) !important}.shimmer-text.zn-accent{color:rgb(var(--zn-accent)) !important}}*,*::before,*::after{box-sizing:border-box}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}b{font-weight:600}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:inline-block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}button,.zn-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}button:hover:not([disabled]),.zn-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{display:block;width:100%;border-radius:5px;border-style:solid;border-width:1px !important;border-color:rgb(var(--zn-border-color));background-color:rgb(var(--zn-input-bg));outline:none}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,input[type=file]:focus,input[list]:focus,textarea:focus,select:focus{border-color:rgb(var(--zn-primary));box-shadow:0 0 0 3px rgba(var(--zn-primary),0.3)}input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=file]::-moz-placeholder, input[list]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,input[type=week]::placeholder,input[type=file]::placeholder,input[list]::placeholder,textarea::placeholder,select::placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}@media (min-width:360px){input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{padding:10px}}label{font-weight:600;font-size:rgb(var(--zn-font-size-medium));line-height:var(--zn-spacing-medium);color:rgb(var(--zn-text-heading));display:block;margin-bottom:5px;margin-top:15px}input[type=checkbox],input[type=radio]{border-radius:5px}input[type=radio]{border-radius:50%}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;background-color:rgb(var(--zn-border-color));height:10px;accent-color:rgb(var(--zn-primary));width:100%;max-width:768px}fieldset{border-color:rgba(var(--zn-primary),20%);border-width:2px;padding:0 15px 15px}select option{padding:5px}select>option:checked{background-color:rgba(var(--zn-primary),20%);border-radius:5px}fieldset>legend{padding:5px}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=button]:hover:not([disabled]),input[type=submit]:hover:not([disabled]),button[type=submit]:not(.button):hover:not([disabled]),button[type=button]:not(.button):hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){width:auto}div+button{margin-top:15px}input[type=file]::-webkit-file-upload-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=file]::-webkit-file-upload-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=file]::-webkit-file-upload-button{margin-right:10px}input::-webkit-calendar-picker-indicator{cursor:pointer;padding:10px}input[list]::-webkit-calendar-picker-indicator{padding:10px 5px}.input--with-icon{position:relative}.input--with-icon zn-icon{padding:14px;position:absolute;top:50%;pointer-events:none;transform:translateY(-50%);left:10px;background-color:rgb(var(--zn-primary));color:rgb(var(--zn-text));border-radius:50%}.input--with-icon input{padding-left:40px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:rgb(var(--zn-text));-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px rgba(35,35,35,0.1607843137)}select{height:43px}.no-border{border:none !important}table:not(.remarkd-table){border-collapse:separate !important;border-spacing:0;width:100%;max-width:100%;table-layout:auto;text-align:left;font-size:var(--zn-text-table-content-font-size);line-height:var(--zn-text-table-content-line-height);font-weight:var(--zn-text-table-content-font-weight)}table:not(.remarkd-table) thead{font-weight:var(--zn-font-weight-medium)}table:not(.remarkd-table) tbody a{cursor:pointer;color:rgb(var(--zn-primary))}table:not(.remarkd-table) tbody tr td{border-top:1px solid rgb(var(--zn-border-color)) !important}table:not(.remarkd-table) tbody tr:first-of-type td{border-top:0 !important}table:not(.remarkd-table) tbody tr:nth-of-type(even){background-color:rgba(var(--zn-body))}table:not(.remarkd-table) thead tr th:first-of-type,table:not(.remarkd-table) tbody tr td:first-of-type{padding-left:14px}table:not(.remarkd-table) thead tr th:last-of-type,table:not(.remarkd-table) tbody tr td:last-of-type{padding-right:14px}table:not(.remarkd-table) th,table:not(.remarkd-table) td{padding:15px;min-width:90px;white-space:nowrap}table:not(.remarkd-table) th:first-child,table:not(.remarkd-table) td:first-child{padding-left:0}table:not(.remarkd-table) td>span{white-space:normal}table:not(.remarkd-table) th{padding-bottom:0;border-bottom:1px solid rgb(var(--zn-border-color))}.zn-table-fixed{table-layout:fixed}thead tr:last-of-type th{border-bottom:0}.opacity-100{opacity:1}.opacity-90{opacity:0.9}.opacity-80{opacity:0.8}.opacity-60{opacity:0.6}.opacity-50{opacity:0.5}.opacity-40{opacity:0.4}.opacity-10{opacity:0.1}.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7,var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:0.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7,var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3,1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4,1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:0.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,var(--adp-time-track-color),var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size) / 2 * -1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}.air-datepicker{--adp-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92,196,239,.1);--adp-background-color-in-range-focused:rgba(92,196,239,.2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92,196,239,0.1);--adp-cell-background-color-in-range-hover:rgba(92,196,239,0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0,0,0,.3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,0.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0,0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%,calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%,-50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size) / 2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size) / 2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}.air-datepicker{--adp-color:rgba(var(--zn-text),var(--zn-text-opacity));--adp-nav-color-secondary:rgb(var(--zn-purple-text));--adp-day-name-color:var(--zn-color-primary-600);--adp-day-name-color-hover:var(--zn-color-primary-700);--adp-cell-background-color-selected:var(--zn-color-primary-600);--adp-cell-background-color-selected-hover:var(--zn-color-primary-700);--adp-color-current-date:var(--zn-color-primary-600);--adp-background-color:var(--zn-input-background-color);--adp-background-color-hover:var(--zn-input-background-color-hover);--adp-background-color-active:var(--zn-input-background-color-hover);--adp-background-color-selected-other-month:var(--zn-color-primary-300);--adp-background-color-in-range:var(--zn-color-primary-100);--adp-border-color:rgb(var(--zn-border-color));--adp-border-color-inline:rgb(var(--zn-border-color));--adp-border-color-inner:rgb(var(--zn-border-color));--adp-cell-background-color-in-range:var(--zn-color-primary-100);--adp-cell-background-color-in-range-hover:var(--zn-color-primary-200)}.air-datepicker--pointer:after{background-color:var(--zn-input-background-color)}.air-datepicker-global-container{z-index:1000000}.air-datepicker-button{border:none;padding:var(--zn-spacing-2x-small) var(--zn-spacing-x-small);border-radius:var(--adp-border-radius);font-family:var(--adp-font-family),sans-serif;font-size:var(--zn-font-size-medium);font-weight:var(--zn-font-weight-normal);cursor:pointer;color:rgba(var(--zn-text),var(--zn-text-opacity))}.air-datepicker-button:hover{background-color:var(--zn-input-background-color-hover) !important}.zn-cloak:has(:not(:defined)){animation:2s step-end zn-cloak}@keyframes zn-cloak{from{opacity:0}to{opacity:1}}:host{display:block}:host ::-webkit-scrollbar{width:5px;height:5px}:host{}:host ::-webkit-scrollbar-track{background:transparent}:host{}:host ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}:host{}:host ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}.table-container{overflow:auto}table{border-collapse:separate !important;border-spacing:0;width:100%;max-width:100%;table-layout:auto;text-align:left;font-size:var(--zn-text-table-content-font-size);line-height:var(--zn-text-table-content-line-height);font-weight:var(--zn-text-table-content-font-weight)}table tbody tr:nth-of-type(even){background-color:unset}table tbody tr.table__row--data.table__row--odd:not(.table__row--selected) td{background-color:rgba(var(--zn-body))}table tbody tr.table__row--details td{background-color:rgb(var(--zn-shadow))}table.table--standalone{background-color:rgb(var(--zn-panel));border-radius:var(--zn-border-radius);border:1px solid rgb(var(--zn-border-color));overflow:hidden}table thead{color:rgb(var(--zn-text-heading));font-weight:var(--zn-font-weight-medium)}table thead tr th{border-bottom:1px solid rgb(var(--zn-border-color)) !important}table.with-hover tbody tr.table__row--data:not(.table__row--selected):hover td{background-color:rgba(var(--zn-primary),0.05) !important;cursor:pointer}table.with-hover tbody tr.table__row--details:hover{background-color:inherit;cursor:default}table tbody tr td{border-top:1px solid rgb(var(--zn-border-color)) !important}table tbody tr:first-of-type td{border-top:0 !important}table thead tr th:first-of-type,table tbody tr td:first-of-type{padding-left:14px}table thead tr th:last-of-type,table tbody tr td:last-of-type{padding-right:14px}table th,table td{padding:var(--zn-spacing-medium);min-width:90px;white-space:nowrap}table th span,table td span{white-space:normal}table th:first-child,table td:first-child{padding-left:0}table th{padding-bottom:0;border-bottom:1px solid rgb(var(--zn-border-color))}.zn-table-fixed{table-layout:fixed}.table tr th{padding-top:var(--zn-spacing-large);padding-bottom:var(--zn-spacing-large)}.table tr th,.table tr td{min-width:50px}.table tr th>div,.table tr td>div{display:flex;flex-direction:row;align-items:center;width:100%;gap:var(--zn-spacing-x-small)}.table tr th>div>code,.table tr td>div>code{font-size:10px;display:block;max-width:420px;float:right;max-height:100px;white-space:pre;overflow-x:scroll}.table tr th:first-of-type>div:has(zn-checkbox),.table tr td:first-of-type>div:has(zn-checkbox){justify-content:center}.table tr th:first-of-type>div:has(zn-checkbox) zn-checkbox,.table tr td:first-of-type>div:has(zn-checkbox) zn-checkbox{margin:0}.table__head:hover .table__head__sort{opacity:1}.table__head__sort{margin-left:var(--zn-spacing-small);opacity:0;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.table__head__sort--active{opacity:1 !important}.table__head--wide{width:100%}.table__head--last div{flex-direction:row-reverse !important}.table__head--left div{justify-content:flex-start}.table__head--right div{justify-content:flex-end}.table__head--center div{justify-content:center}.table__head--hidden>div{visibility:hidden}.table__head--expander{width:28px;min-width:28px;padding-right:0}.table__cell--wide{width:100%}.table__cell--last div{justify-content:flex-end}.table__cell--left div{justify-content:flex-start}.table__cell--right div{justify-content:flex-end}.table__cell--center div{justify-content:center}.table__cell--actions{width:25px;min-width:25px}.table__cell .caption{flex-grow:1;flex-direction:column}.table__cell .caption span{display:block}.table__cell .caption .title:empty,.table__cell .caption .summary:empty{display:none}.table__cell .caption .title{font-weight:var(--zn-font-weight-semibold);color:rgb(var(--zn-text-heading));font-size:var(--zn-text-table-content-font-size);text-decoration:none}.table__cell .caption a.title{color:rgb(var(--zn-primary))}.table__cell .caption .summary{font-size:90%;text-wrap:initial;color:rgb(var(--zn-text))}.table__cell .caption--icon{display:flex;flex-direction:row;gap:var(--zn-spacing-small)}.table__cell--expander{width:28px;min-width:28px}.table__header{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;padding-block:var(--zn-spacing-small);gap:var(--zn-spacing-small)}.table__header__actions,.table__header__query-builder{display:flex;flex-direction:row;align-items:baseline;gap:var(--zn-spacing-small)}.table__header__right{display:flex;flex-direction:row;align-items:center;gap:var(--zn-spacing-x-small);margin-left:auto}.table__footer{display:flex;flex-direction:row;justify-content:space-between;padding:var(--zn-spacing-medium) var(--zn-spacing-medium)}.table__footer__right,.table__footer__left{display:flex;flex-direction:row;align-items:center;gap:var(--zn-spacing-large)}.table__footer__rows-per-page{display:flex;flex-direction:row;align-items:center;opacity:0.8;gap:var(--zn-spacing-x-small)}.table__footer__rows-per-page zn-select[name=rowPerPage]{max-width:75px}.table__footer__pagination-buttons{display:flex;flex-direction:row;align-items:center;gap:var(--zn-spacing-x-small)}.table__footer__pagination-buttons button{border:1px solid rgb(var(--zn-border-color));border-radius:5px;padding:var(--zn-spacing-x-small)}.table__footer__pagination-buttons button[disabled]{cursor:not-allowed;opacity:0.5}.table__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--zn-spacing-x-large) !important}.table__details__item{display:flex;flex-direction:column;gap:var(--zn-spacing-2x-small,4px)}.table__details__label{font-size:12px;color:rgb(var(--zn-text-subtle,var(--zn-text)));opacity:0.8}.table__details__value{font-size:var(--zn-text-table-content-font-size)}.reduced-opacity .table tbody{opacity:0.5}.hidden{display:none}.dropdown__query-builder{display:block;position:relative;padding:var(--zn-spacing-large);border-width:1px;border-radius:5px;width:-moz-fit-content;width:fit-content;min-width:var(--zn-spacing-small-panel);max-height:650px;overflow:auto;overscroll-behavior:none;filter:drop-shadow(0 5px 4px rgba(0,0,0,0.04)) drop-shadow(0 4px 3px rgba(0,0,0,0.1));background-color:rgb(var(--zn-panel,255,255,255))}table tbody tr.table__row--selected{background-color:var(--zn-color-purple-100)}table tbody tr.table__row--selected:hover{background-color:var(--zn-color-purple-200) !important}table tbody tr.table__row--selected td{border-top:1px solid var(--zn-color-purple-600) !important;border-bottom:1px solid var(--zn-color-purple-600) !important}table tbody tr.table__row--selected td:first-of-type{border-left:1px solid var(--zn-color-purple-600)}table tbody tr.table__row--selected td:last-of-type{border-right:1px solid var(--zn-color-purple-600)}table tbody tr.table__row--selected:last-of-type td:first-of-type{border-bottom-left-radius:var(--zn-border-radius)}table tbody tr.table__row--selected:last-of-type td:last-of-type{border-bottom-right-radius:var(--zn-border-radius)}table tbody tr.table__row--selected+tr.table__row--selected td{border-top:0 !important}table tbody tr.table__row--selected+tr.table__row--selected td:first-of-type{border-top-left-radius:0}table tbody tr.table__row--selected+tr.table__row--selected td:last-of-type{border-top-right-radius:0}table tbody tr.table__row--selected:has(+tr.table__row--selected) td{border-bottom:0 !important}table tbody tr.table__row--selected:first-of-type td{border-top:0 !important}table tbody tr.table__row--selected:has(+tr.table__row--selected) td:first-of-type{border-bottom-left-radius:0}table tbody tr.table__row--selected:has(+tr.table__row--selected) td:last-of-type{border-bottom-right-radius:0}table tbody tr.table__row--selected.table__row--odd{background-color:hsla(from var(--zn-color-purple-200) h s l/0.8)}table:has(tbody tr:first-of-type.table__row--selected) thead tr th{border-bottom-color:var(--zn-color-purple-600) !important}.table-group__title{font-weight:var(--zn-font-weight-semibold);font-size:var(--zn-font-size-large);color:rgba(var(--zn-text-panel-title),100%);line-height:var(--zn-line-height-looser);padding-left:var(--zn-spacing-medium);margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}`;var Rce=1,Oce=10;var $t=class extends X{constructor(){super(...arguments);this.sortDirection="asc";this.localSort=!1;this.filter="";this.search="";this.key="id";this.headers={};this.hiddenHeaders="{}";this.hiddenColumns="{}";this.unsortableHeaders="{}";this.unsortable=!1;this.standalone=!1;this.emptyStateIcon="data_alert";this.filters=[];this.method="POST";this.noInitialLoad=!1;this.groupBy="";this.groups="";this._initialLoad=!0;this._lastTableContent=C``;this.resizeObserver=new Or(this,{target:null,callback:()=>{this.tableContainer&&this.tableContainer.scrollIntoView({behavior:"smooth",block:"nearest"})}});this.itemsPerPage=Oce;this.page=Rce;this._rows=[];this.numberOfRowsSelected=0;this.selectedRows=[];this.hasSlotController=new Je(this,"[default]","search".valueOf(),"delete-action".valueOf(),"modify-action".valueOf(),"create-action".valueOf(),"filter".valueOf(),"sort".valueOf(),"inputs".valueOf(),"empty-state");this._dataTask=new E0(this,{task:async([t,i],{signal:n})=>{if(t===void 0||this.noInitialLoad&&this._initialLoad)return{rows:[],page:1,perPage:this.itemsPerPage,total:0};this.groupBy&&(this.itemsPerPage=1e3);let o={page:this.page,perPage:this.itemsPerPage,sortColumn:this.sortColumn,sortDirection:this.sortDirection,filter:this.filter,search:this.search},s=this.hasSlotController.getSlots("inputs".valueOf()),l={};s&&(s.forEach(c=>{if(["zn-input","zn-select","zn-query-builder","zn-multiselect","zn-params-select","zn-datepicker","input","select","textarea"].includes(c.tagName.toLowerCase())){let p=c.value||c.getAttribute("value"),h=c.name||c.getAttribute("name");h&&(l[h]=p)}}),Object.assign(o,l)),i&&typeof i=="object"&&Object.assign(o,i);let d=await fetch(t,{method:this.method,headers:{"x-kx-fetch-style":"zn-data-table"},signal:n,credentials:"same-origin",body:this.method==="POST"?JSON.stringify(o):void 0});if(!d.ok)throw new Error(d.statusText);return d.json()},args:()=>[this.dataUri,this.requestParams]});this.rowHasActions=!1;this._expandedRows=new Set;this._hiddenCells=new Map;this.requestParams={};this.filterChangeListener=t=>{t.target instanceof r9&&(this.filter=t.target.value,this._dataTask.run().then(i=>i))};this.searchChangeListener=t=>{let i=t.target;if(i&&i.tagName==="ZN-DATA-TABLE-SEARCH"){if(this.search=i.value,t.detail){let{formData:n,searchUri:o}=t.detail;if(n&&typeof n=="object"&&(this.requestParams=he(he({},this.requestParams),n)),o){let s=this.dataUri;this.dataUri=o,this._dataTask.run().then(()=>{this.dataUri=s});return}}this._dataTask.run().then(n=>n)}}}refresh(){this._initialLoad=!1,this._dataTask.run().then(t=>t)}render(){let t;this.noInitialLoad&&this._initialLoad?t=C`
|
|
634
|
+
></div>`}};ys.styles=Q(Ece),_([w({attribute:"speed",type:String})],ys.prototype,"speed",2),_([w({attribute:"width",type:String})],ys.prototype,"width",2),_([w({attribute:"height",type:String})],ys.prototype,"height",2),_([w({attribute:"radius",type:String})],ys.prototype,"radius",2);var d9=ys;ys.define("zn-skeleton");var Lce=J`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}`;var Ir=class extends X{constructor(){super(...arguments);this.localize=new ei(this);this.color="";this.border=!1;this.error=!1;this.success=!1;this.info=!1;this.warning=!1;this.primary=!1;this.accent=!1;this.center=!1;this.display=null;this.font="";this.width="";this.height="";this.pad="";this.margin="";this.gutter=!1;this.autoMargin=""}connectedCallback(){super.connectedCallback();let t=this.display||"contents";if(this.gutter&&(this.classList.add("zn-gutter"),t==="contents"&&(t="block")),this.color===""&&(this.error?this.color="error":this.success?this.color="success":this.info?this.color="info":this.warning?this.color="warning":this.primary?this.color="primary":this.accent&&(this.color="accent")),this.color&&this.classList.toggle("zn-"+this.color,!0),this.center&&(t="flex",this.classList.toggle("flex-mid",!0),this.classList.toggle("flex-jc",!0)),this.font&&this.font==="mono"&&this.classList.toggle("zn-mono",!0),this.width==="f"&&this.classList.toggle("w-full",!0),this.height==="f"&&this.classList.toggle("h-full",!0),this.border&&(t="inline-block",this.classList.toggle("zn-border",!0)),this.pad){t="inline-block",this.style.display="inline-block";for(let i of this.pad)switch(i){case"a":this.classList.toggle("zn-pad",!0);break;case"l":this.classList.toggle("zn-pl",!0);break;case"r":this.classList.toggle("zn-pr",!0);break;case"t":this.classList.toggle("zn-pt",!0);break;case"b":this.classList.toggle("zn-pb",!0);break;case"x":this.classList.toggle("zn-px",!0);break;case"y":this.classList.toggle("zn-py",!0);break}}if(this.margin){t="inline-block";for(let i of this.margin)switch(i){case"a":this.classList.toggle("zn-margin",!0);break;case"l":this.classList.toggle("zn-ml",!0);break;case"r":this.classList.toggle("zn-mr",!0);break;case"t":this.classList.toggle("zn-mt",!0);break;case"b":this.classList.toggle("zn-mb",!0);break;case"x":this.classList.toggle("zn-mx",!0);break;case"y":this.classList.toggle("zn-my",!0);break}}if(this.autoMargin){t="inline-block";for(let i of this.autoMargin)switch(i){case"a":this.classList.toggle("m-auto",!0);break;case"t":this.classList.toggle("zn-mta",!0);break;case"b":this.classList.toggle("zn-mba",!0);break;case"l":this.classList.toggle("zn-mla",!0);break;case"r":this.classList.toggle("zn-mra",!0);break;case"x":this.classList.toggle("zn-mra",!0),this.classList.toggle("zn-mla",!0);break;case"y":this.classList.toggle("zn-mta",!0),this.classList.toggle("zn-mba",!0);break}}this.display&&(t=this.display),this.style.display=t}createRenderRoot(){return this}};Ir.styles=Q(Lce),_([w()],Ir.prototype,"color",2),_([w({type:Boolean})],Ir.prototype,"border",2),_([w({type:Boolean})],Ir.prototype,"error",2),_([w({type:Boolean})],Ir.prototype,"success",2),_([w({type:Boolean})],Ir.prototype,"info",2),_([w({type:Boolean})],Ir.prototype,"warning",2),_([w({type:Boolean})],Ir.prototype,"primary",2),_([w({type:Boolean})],Ir.prototype,"accent",2),_([w({type:Boolean})],Ir.prototype,"center",2),_([w({type:String})],Ir.prototype,"display",2),_([w()],Ir.prototype,"font",2),_([w()],Ir.prototype,"width",2),_([w()],Ir.prototype,"height",2),_([w()],Ir.prototype,"pad",2),_([w()],Ir.prototype,"margin",2),_([w({type:Boolean})],Ir.prototype,"gutter",2),_([w({attribute:"a-margin"})],Ir.prototype,"autoMargin",2);var c9=Ir;Ir.define("zn-style");var Dce=J`@charset "UTF-8";@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:root,[t=light],.theme-light{color-scheme:light;--zn-color-gray-100:hsl(240,13%,95%);--zn-color-gray-300:hsl(260,21%,89%);--zn-color-gray-400:hsl(251,17%,76%);--zn-color-gray-500:hsl(254,17%,66%);--zn-color-gray-800:hsl(259,13%,42%);--zn-color-gray-900:hsl(262,12%,35%);--zn-color-red-500:hsl(0 84.2% 60.2%);--zn-color-red-600:hsl(0 72.2% 50.6%);--zn-color-orange-500:hsl(24.6 95% 53.1%);--zn-color-amber-400:hsl(43.3 96.4% 56.3%);--zn-color-yellow-400:hsl(51,100%,53%);--zn-color-green-500:hsl(142.1 70.6% 45.3%);--zn-color-blue-500:hsl(217.2 91.2% 59.8%);--zn-color-indigo-400:hsl(234.5 89.5% 73.9%);--zn-color-indigo-500:hsl(238.7 83.5% 66.7%);--zn-color-violet-500:hsl(258.3 89.5% 66.3%);--zn-color-violet-600:hsl(262.1 83.3% 57.8%);--zn-color-purple-50:hsl(249,100%,97%);--zn-color-purple-100:hsl(245,100%,95%);--zn-color-purple-200:hsl(244,100%,92%);--zn-color-purple-600:hsl(256,91%,59%);--zn-color-pink-400:hsl(328.6 85.5% 70.2%);--zn-color-pink-500:hsl(330.4 81.2% 60.4%);--zn-color-primary-50:var(--zn-color-purple-50);--zn-color-primary-100:var(--zn-color-purple-100);--zn-color-primary-200:var(--zn-color-purple-200);--zn-color-primary-300:hsl(246,100%,85%);--zn-color-primary-400:hsl(249,100%,76%);--zn-color-primary-500:hsl(252,98%,66%);--zn-color-primary-600:var(--zn-color-purple-600);--zn-color-primary-700:hsl(257,76%,50%);--zn-color-primary-800:hsl(257,76%,42%);--zn-color-primary-900:hsl(257,73%,35%);--zn-color-success-50:hsl(138.5 76.5% 96.7%);--zn-color-success-200:rgb(var(--zn-green));--zn-color-success-300:hsl(141.7 76.6% 73.1%);--zn-color-success-400:hsl(141.9 69.2% 58%);--zn-color-success-500:var(--zn-color-green-500);--zn-color-success-600:hsl(142.1 76.2% 36.3%);--zn-color-success-700:hsl(142.4 71.8% 29.2%);--zn-color-warning-50:hsl(48 100% 96.1%);--zn-color-warning-400:var(--zn-color-amber-400);--zn-color-warning-500:hsl(37.7 92.1% 50.2%);--zn-color-warning-600:hsl(32.1 94.6% 43.7%);--zn-color-danger-50:hsl(0 85.7% 97.3%);--zn-color-danger-100:rgb(var(--zn-red));--zn-color-danger-200:rgb(var(--zn-red));--zn-color-danger-300:hsl(0 93.5% 81.8%);--zn-color-danger-500:var(--zn-color-red-500);--zn-color-danger-600:var(--zn-color-red-600);--zn-color-danger-700:rgb(var(--zn-red));--zn-color-danger-800:hsl(0 70% 35.3%);--zn-color-neutral-50:hsl(255,33%,98%);--zn-color-neutral-100:var(--zn-color-gray-100);--zn-color-neutral-200:hsl(255,12%,94%);--zn-color-neutral-300:var(--zn-color-gray-300);--zn-color-neutral-400:var(--zn-color-gray-400);--zn-color-neutral-500:var(--zn-color-gray-500);--zn-color-neutral-600:hsl(258,15%,58%);--zn-color-neutral-700:hsl(259,13%,54%);--zn-color-neutral-800:var(--zn-color-gray-800);--zn-color-neutral-900:var(--zn-color-gray-900);--zn-color-neutral-0:hsl(0,0%,100%);--zn-color-neutral-1000:hsl(0,0%,0%);--zn-border-radius:6px;--zn-border-radius-small:2px;--zn-border-radius-circle:50%;--zn-border-radius-pill:9999px;--zn-shadow-x-small:0 1px 4px rgba(0,0,0,0.10);--zn-shadow-small:0 3px 9px rgba(0,0,0,0.15);--zn-shadow-medium:0 6px 18px rgba(0,0,0,0.15);--zn-shadow-large:0 6px 20px rgba(0,0,0,0.15);--zn-shadow-x-large:0 6px 20px rgba(0,0,0,0.25);--zn-container:var(--zn-container-hd);--zn-container-default:100%;--zn-container-sm:360px;--zn-container-smp:480px;--zn-container-ph:600px;--zn-container-md:768px;--zn-container-lg:1100px;--zn-container-hd:1400px;--zn-container-3k:1960px;--zn-container-4k:2560px;--zn-transition-x-slow:1000ms;--zn-transition-slow:500ms;--zn-transition-medium:250ms;--zn-transition-fast:150ms;--zn-transition-x-fast:50ms;--zn-gap:var(--zn-base-gap,var(--zn-spacing-medium,4px));--zn-font-mono:'Roboto Mono',SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;--zn-font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';--zn-font-serif:'Roboto Slab',Georgia,'Times New Roman',serif;--zn-font-size-2x-small:0.625rem;--zn-font-size-x-small:0.75rem;--zn-font-size-small:0.929rem;--zn-font-size-medium:1rem;--zn-font-size-large:1.15rem;--zn-font-size-x-large:1.25rem;--zn-font-size-2x-large:2.25rem;--zn-font-size-3x-large:3rem;--zn-font-size-4x-large:4.5rem;--zn-font-weight-light:300;--zn-font-weight-normal:400;--zn-font-weight-medium:500;--zn-font-weight-semibold:600;--zn-font-weight-bold:700;--zn-letter-spacing-normal:normal;--zn-letter-spacing-loose:0.5px;--zn-line-height-denser:1;--zn-line-height-dense:1.5;--zn-line-height-normal:2;--zn-line-height-loose:2.5;--zn-line-height-looser:3;--zn-focus-ring-color:var(--zn-color-primary-600);--zn-focus-ring-style:solid;--zn-focus-ring-width-x-small:1px;--zn-focus-ring-width:3px;--zn-focus-ring:var(--zn-focus-ring-style) var(--zn-focus-ring-width) var(--zn-focus-ring-color);--zn-focus-ring-offset:1px;--zn-input-height-x-small:24px;--zn-input-height-small:30px;--zn-input-height-medium:36px;--zn-input-height-large:40px;--zn-input-background-color:var(--zn-color-neutral-50);--zn-input-background-color-hover:var(--zn-color-neutral-100);--zn-input-background-color-focus:var(--zn-color-neutral-100);--zn-input-background-color-disabled:var(--zn-color-neutral-400);--zn-input-border-color:var(--zn-color-neutral-300);--zn-input-border-color-hover:var(--zn-color-neutral-400);--zn-input-border-color-focus:var(--zn-color-primary-500);--zn-input-border-color-disabled:var(--zn-color-neutral-300);--zn-input-border-width:1px;--zn-input-required-content:'*';--zn-input-required-content-offset:-2px;--zn-input-required-content-color:var(--zn-input-label-color);--zn-input-border-radius-x-small:var(--zn-border-radius);--zn-input-border-radius-small:var(--zn-border-radius);--zn-input-border-radius-medium:var(--zn-border-radius);--zn-input-border-radius-large:var(--zn-border-radius);--zn-input-font-family:var(--zn-font-sans);--zn-input-font-weight:var(--zn-text-input-content-font-weight);--zn-input-font-size-x-small:var(--zn-font-size-x-small);--zn-input-font-size-small:var(--zn-font-size-small);--zn-input-font-size-medium:var(--zn-text-input-content-font-size);--zn-input-font-size-large:var(--zn-font-size-large);--zn-input-line-height:var(--zn-text-input-content-line-height);--zn-input-letter-spacing:var(--zn-letter-spacing-normal);--zn-input-color:var(--zn-text-input-content-color);--zn-input-color-hover:var(--zn-color-neutral-800);--zn-input-color-focus:var(--zn-color-neutral-700);--zn-input-color-disabled:var(--zn-color-neutral-800);--zn-input-icon-color:var(--zn-color-neutral-500);--zn-input-icon-color-hover:var(--zn-color-neutral-600);--zn-input-icon-color-focus:var(--zn-color-neutral-600);--zn-input-placeholder-color:var(--zn-text-input-placeholder-color);--zn-input-placeholder-color-disabled:var(--zn-color-neutral-600);--zn-input-spacing-small:var(--zn-spacing-small);--zn-input-spacing-medium:var(--zn-spacing-medium);--zn-input-spacing-large:var(--zn-spacing-large);--zn-input-focus-ring-color:hsl(256 91% 59%/40%);--zn-input-focus-ring-offset:0;--zn-input-label-font-size-small:var(--zn-font-size-small);--zn-input-label-font-size-medium:var(--zn-text-input-label-font-size);--zn-input-label-font-size-large:var(--zn-font-size-large);--zn-input-label-font-weight:var(--zn-text-input-label-font-weight);--zn-input-label-line-height:var(--zn-text-input-label-line-height);--zn-input-label-color:var(--zn-text-input-label-color);--zn-input-help-text-font-size-small:var(--zn-font-size-x-small);--zn-input-help-text-font-size-medium:var(--zn-font-size-small);--zn-input-help-text-font-size-large:var(--zn-font-size-medium);--zn-input-help-text-color:var(--zn-color-neutral-500);--zn-toggle-size-small:0.875rem;--zn-toggle-size-medium:1.125rem;--zn-toggle-size-large:1.375rem;--zn-overlay-background-color:hsl(none 0% 0%/0.7);--zn-panel-background-color:var(--zn-color-neutral-0);--zn-panel-border-color:var(--zn-color-neutral-200);--zn-panel-border-width:1px;--zn-tooltip-border-radius:var(--zn-border-radius);--zn-tooltip-background-color:var(--zn-color-neutral-900);--zn-tooltip-color:var(--zn-color-neutral-0);--zn-tooltip-font-family:var(--zn-font-sans);--zn-tooltip-font-weight:var(--zn-font-weight-normal);--zn-tooltip-font-size:var(--zn-font-size-small);--zn-tooltip-line-height:var(--zn-line-height-dense);--zn-tooltip-padding:var(--zn-spacing-x-small) var(--zn-spacing-small);--zn-tooltip-arrow-size:6px;--zn-z-index-page-nav:500;--zn-z-index-drawer:700;--zn-z-index-dialog:800;--zn-z-index-dropdown:900;--zn-z-index-toast:950;--zn-z-index-tooltip:1000;--zn-z-index-editor-action:1000000}[t=dark],.theme-dark{color-scheme:dark;--zn-color-gray-50:hsl(258,15%,23%);--zn-color-gray-100:hsl(262,12%,35%);--zn-color-gray-200:hsl(259,13%,42%);--zn-color-gray-300:hsl(259,13%,54%);--zn-color-gray-400:hsl(258,15%,58%);--zn-color-gray-500:hsl(254,17%,66%);--zn-color-gray-600:hsl(251,17%,76%);--zn-color-gray-700:hsl(260,21%,89%);--zn-color-gray-800:hsl(255,12%,94%);--zn-color-gray-900:hsl(240,13%,95%);--zn-color-gray-950:hsl(255,33%,98%);--zn-color-red-50:hsl(0 56% 23.9%);--zn-color-red-100:hsl(0.6 60% 33.9%);--zn-color-red-200:hsl(0.9 67.2% 37.1%);--zn-color-red-300:hsl(1.1 71.3% 43.7%);--zn-color-red-400:hsl(1 76% 52.5%);--zn-color-red-500:hsl(0.7 89.6% 57.2%);--zn-color-red-600:hsl(0 98.6% 67.9%);--zn-color-red-700:hsl(0 100% 72.3%);--zn-color-red-800:hsl(0 100% 85.6%);--zn-color-red-900:hsl(0 100% 90.3%);--zn-color-red-950:hsl(0 100% 95.9%);--zn-color-orange-50:hsl(15 64.2% 23.3%);--zn-color-orange-100:hsl(15.1 70.9% 31.1%);--zn-color-orange-200:hsl(15.3 75.7% 35.5%);--zn-color-orange-300:hsl(17.1 83.5% 42.7%);--zn-color-orange-400:hsl(20.1 88% 50.8%);--zn-color-orange-500:hsl(24.3 100% 50.5%);--zn-color-orange-600:hsl(27.2 100% 57.7%);--zn-color-orange-700:hsl(31.3 100% 68.7%);--zn-color-orange-800:hsl(33.8 100% 79.3%);--zn-color-orange-900:hsl(38.9 100% 87.7%);--zn-color-orange-950:hsl(46.2 100% 95%);--zn-color-amber-50:hsl(21.9 66.3% 21.1%);--zn-color-amber-100:hsl(21.5 73.6% 29.7%);--zn-color-amber-200:hsl(22.3 77.6% 33.3%);--zn-color-amber-300:hsl(25.4 84.2% 39.6%);--zn-color-amber-400:hsl(31.4 87.4% 46.7%);--zn-color-amber-500:hsl(37 96.6% 48.3%);--zn-color-amber-600:hsl(43.3 100% 53.4%);--zn-color-amber-700:hsl(46.5 100% 61.1%);--zn-color-amber-800:hsl(49.3 100% 73%);--zn-color-amber-900:hsl(51.8 100% 85%);--zn-color-amber-950:hsl(60 100% 94.6%);--zn-color-yellow-50:hsl(34,86%,14%);--zn-color-yellow-100:hsl(36,74%,26%);--zn-color-yellow-200:hsl(40,82%,29%);--zn-color-yellow-300:hsl(43,94%,33%);--zn-color-yellow-400:hsl(48,98%,40%);--zn-color-yellow-500:hsl(53,95%,47%);--zn-color-yellow-600:hsl(51,100%,53%);--zn-color-yellow-700:hsl(54,100%,63%);--zn-color-yellow-800:hsl(61,100%,77%);--zn-color-yellow-900:hsl(63,100%,88%);--zn-color-yellow-950:hsl(63,92%,95%);--zn-color-lime-50:hsl(86.5 54.4% 18%);--zn-color-lime-100:hsl(87.6 56.8% 23.3%);--zn-color-lime-200:hsl(85.8 63.2% 24.5%);--zn-color-lime-300:hsl(86.1 72% 29.4%);--zn-color-lime-400:hsl(85.5 76.8% 37.3%);--zn-color-lime-500:hsl(84.3 74.2% 42.1%);--zn-color-lime-600:hsl(82.8 81.5% 52.6%);--zn-color-lime-700:hsl(82 89.9% 64%);--zn-color-lime-800:hsl(80.9 97.9% 76.6%);--zn-color-lime-900:hsl(77.9 100% 85.8%);--zn-color-lime-950:hsl(69.5 100% 93.8%);--zn-color-green-50:hsl(144.3 53.6% 16%);--zn-color-green-100:hsl(143.2 55.4% 23.5%);--zn-color-green-200:hsl(141.5 58.2% 26.3%);--zn-color-green-300:hsl(140.8 64.2% 31.8%);--zn-color-green-400:hsl(140.3 68% 39.2%);--zn-color-green-500:hsl(141.1 64.9% 43%);--zn-color-green-600:hsl(141.6 72.4% 55.2%);--zn-color-green-700:hsl(141.7 82.7% 70.1%);--zn-color-green-800:hsl(141 90.9% 82.1%);--zn-color-green-900:hsl(142 100% 89.1%);--zn-color-green-950:hsl(144 100% 95.5%);--zn-color-emerald-50:hsl(164.3 75% 13.5%);--zn-color-emerald-100:hsl(163.5 72.6% 20.1%);--zn-color-emerald-200:hsl(162.1 73.7% 22.4%);--zn-color-emerald-300:hsl(161.3 77.3% 27.6%);--zn-color-emerald-400:hsl(159.6 77.1% 34.3%);--zn-color-emerald-500:hsl(159.1 73.5% 37.9%);--zn-color-emerald-600:hsl(157.8 66.8% 48.9%);--zn-color-emerald-700:hsl(156.2 76.1% 63.8%);--zn-color-emerald-800:hsl(152.4 84.4% 77.4%);--zn-color-emerald-900:hsl(149.3 100% 87%);--zn-color-emerald-950:hsl(158.6 100% 94.8%);--zn-color-teal-50:hsl(176.5 51.5% 15.4%);--zn-color-teal-100:hsl(175.9 54.7% 22.3%);--zn-color-teal-200:hsl(175.9 60.7% 23.9%);--zn-color-teal-300:hsl(174.5 67.3% 28.8%);--zn-color-teal-400:hsl(174.4 71.9% 34.9%);--zn-color-teal-500:hsl(173.1 71% 38.3%);--zn-color-teal-600:hsl(172.3 68.2% 48.1%);--zn-color-teal-700:hsl(170.5 81.3% 61.5%);--zn-color-teal-800:hsl(168.4 92.1% 75.2%);--zn-color-teal-900:hsl(168.3 100% 86%);--zn-color-teal-950:hsl(180 100% 95.5%);--zn-color-cyan-50:hsl(197.1 53.8% 20.3%);--zn-color-cyan-100:hsl(196.8 57.3% 27.2%);--zn-color-cyan-200:hsl(195.3 62.7% 29.4%);--zn-color-cyan-300:hsl(193.5 71.3% 34.1%);--zn-color-cyan-400:hsl(192.5 76.8% 40.6%);--zn-color-cyan-500:hsl(189.4 78.6% 42.6%);--zn-color-cyan-600:hsl(188.2 89.1% 51.7%);--zn-color-cyan-700:hsl(187 98.6% 66.2%);--zn-color-cyan-800:hsl(184.9 100% 78.3%);--zn-color-cyan-900:hsl(180 100% 86.6%);--zn-color-cyan-950:hsl(180 100% 94.8%);--zn-color-sky-50:hsl(203 63.8% 20.9%);--zn-color-sky-100:hsl(203.4 70.4% 28%);--zn-color-sky-200:hsl(202.7 75.8% 30.8%);--zn-color-sky-300:hsl(203.1 80.4% 36.1%);--zn-color-sky-400:hsl(202.1 80.5% 44.3%);--zn-color-sky-500:hsl(199.7 85.9% 47.7%);--zn-color-sky-600:hsl(198.7 97.9% 57.2%);--zn-color-sky-700:hsl(198.7 100% 70.5%);--zn-color-sky-800:hsl(198.8 100% 82.5%);--zn-color-sky-900:hsl(198.5 100% 89.9%);--zn-color-sky-950:hsl(186 100% 95.5%);--zn-color-blue-50:hsl(227.1 49.5% 22.7%);--zn-color-blue-100:hsl(225.8 58.9% 36.8%);--zn-color-blue-200:hsl(227.7 64.4% 42.9%);--zn-color-blue-300:hsl(226.1 72.7% 51.2%);--zn-color-blue-400:hsl(222.6 86.5% 56.3%);--zn-color-blue-500:hsl(217.8 95.8% 57.4%);--zn-color-blue-600:hsl(213.3 100% 65%);--zn-color-blue-700:hsl(210.9 100% 74.8%);--zn-color-blue-800:hsl(211.5 100% 83.4%);--zn-color-blue-900:hsl(211 100% 88.9%);--zn-color-blue-950:hsl(201.8 100% 95.3%);--zn-color-indigo-50:hsl(243.5 40.8% 27%);--zn-color-indigo-100:hsl(242.9 45.7% 37.6%);--zn-color-indigo-200:hsl(244.7 52.7% 43.1%);--zn-color-indigo-300:hsl(245.3 60.5% 52.4%);--zn-color-indigo-400:hsl(244.1 79.2% 60.4%);--zn-color-indigo-500:hsl(239.6 88.7% 63.8%);--zn-color-indigo-600:hsl(234.5 96.7% 70.9%);--zn-color-indigo-700:hsl(229.4 100% 78.3%);--zn-color-indigo-800:hsl(227.1 100% 85%);--zn-color-indigo-900:hsl(223.8 100% 89.9%);--zn-color-indigo-950:hsl(220 100% 95.1%);--zn-color-violet-50:hsl(265.1 57.3% 25.4%);--zn-color-violet-100:hsl(263.5 63.8% 39.4%);--zn-color-violet-200:hsl(263.4 66.2% 44.1%);--zn-color-violet-300:hsl(263.7 72.8% 52.4%);--zn-color-violet-400:hsl(262.5 87.3% 59.8%);--zn-color-violet-500:hsl(258.3 95.1% 63.2%);--zn-color-violet-600:hsl(255.1 100% 67.2%);--zn-color-violet-700:hsl(253 100% 81.5%);--zn-color-violet-800:hsl(251.7 100% 87.9%);--zn-color-violet-900:hsl(254.1 100% 91.7%);--zn-color-violet-950:hsl(257.1 100% 96.1%);--zn-color-purple-50:hsl(255,79%,23%);--zn-color-purple-100:hsl(257,73%,35%);--zn-color-purple-200:hsl(257,76%,42%);--zn-color-purple-300:hsl(257,76%,50%);--zn-color-purple-400:hsl(256,91%,59%);--zn-color-purple-500:hsl(252,98%,66%);--zn-color-purple-600:hsl(249,100%,76%);--zn-color-purple-700:hsl(246,100%,85%);--zn-color-purple-800:hsl(244,100%,92%);--zn-color-purple-900:hsl(245,100%,95%);--zn-color-purple-950:hsl(249,100%,97%);--zn-color-fuchsia-50:hsl(297.1 51.2% 18.6%);--zn-color-fuchsia-100:hsl(296.7 59.5% 31.5%);--zn-color-fuchsia-200:hsl(295.4 65.4% 35.1%);--zn-color-fuchsia-300:hsl(294.6 67.4% 42.2%);--zn-color-fuchsia-400:hsl(293.3 68.7% 51.2%);--zn-color-fuchsia-500:hsl(292.1 88.4% 57.7%);--zn-color-fuchsia-600:hsl(292 98.5% 59.5%);--zn-color-fuchsia-700:hsl(292.4 100% 79.5%);--zn-color-fuchsia-800:hsl(292.9 100% 86.8%);--zn-color-fuchsia-900:hsl(300 100% 91.5%);--zn-color-fuchsia-950:hsl(300 100% 96.3%);--zn-color-pink-50:hsl(336.2 59.6% 20%);--zn-color-pink-100:hsl(336.8 63.9% 34%);--zn-color-pink-200:hsl(336.8 68.7% 37.6%);--zn-color-pink-300:hsl(336.1 71.8% 44.5%);--zn-color-pink-400:hsl(333.9 74.9% 53.1%);--zn-color-pink-500:hsl(330.7 86.3% 57.7%);--zn-color-pink-600:hsl(328.6 91.5% 67.2%);--zn-color-pink-700:hsl(327.4 97.6% 78.7%);--zn-color-pink-800:hsl(325.1 100% 86.6%);--zn-color-pink-900:hsl(322.1 100% 91.3%);--zn-color-pink-950:hsl(315 100% 95.9%);--zn-color-rose-50:hsl(342.3 62.9% 21.5%);--zn-color-rose-100:hsl(342.8 68.9% 34.2%);--zn-color-rose-200:hsl(344.8 72.6% 37.3%);--zn-color-rose-300:hsl(346.9 75.8% 43.7%);--zn-color-rose-400:hsl(348.2 80.1% 52.7%);--zn-color-rose-500:hsl(350.4 94.8% 57.5%);--zn-color-rose-600:hsl(351.2 100% 58.1%);--zn-color-rose-700:hsl(352.3 100% 78.1%);--zn-color-rose-800:hsl(352 100% 86.2%);--zn-color-rose-900:hsl(354.5 100% 90.7%);--zn-color-rose-950:hsl(353.3 100% 95.7%);--zn-color-neutral-0:hsl(0,0%,0%);--zn-color-neutral-1000:hsl(0,0%,100%);--zn-shadow-x-small:0 1px 4px rgba(0,0,0,0.18);--zn-shadow-small:0 3px 9px rgba(0,0,0,0.24);--zn-shadow-medium:0 6px 18px rgba(0,0,0,0.24);--zn-shadow-large:0 6px 20px rgba(0,0,0,0.24);--zn-shadow-x-large:0 6px 20px rgba(0,0,0,0.34);--zn-input-background-color:rgb(var(--zn-color-body));--zn-input-background-color-hover:rgb(var(--zn-color-body));--zn-input-background-color-focus:hsl(252,15%,13%);--zn-input-background-color-disabled:hsl(280,6%,9%);--zn-input-border-color:rgb(var(--zn-color-border));--zn-input-border-color-hover:rgb(var(--zn-color-border-active));--zn-input-border-color-focus:var(--zn-color-primary-500);--zn-input-border-color-disabled:hsl(280,6%,9%);--zn-focus-ring-color:var(--zn-color-primary-700);--zn-overlay-background-color:hsl(0 0% 0%/43%);--zn-panel-background-color:rgb(var(--zn-panel));--zn-tooltip-background-color:var(--zn-color-neutral-800)}:root{--zn-spacing-unit:8px;--zn-spacing-3x-small:2px;--zn-spacing-2x-small:4px;--zn-spacing-x-small:8px;--zn-spacing-small:16px;--zn-spacing-medium:24px;--zn-spacing-large:32px;--zn-spacing-x-large:40px;--zn-spacing-2x-large:48px;--zn-spacing-3x-large:56px;--zn-spacing-4x-large:72px;--zn-spacing-narrow-bar:45px;--zn-spacing-bar:60px;--zn-spacing-tile:80px;--zn-spacing-sidenav:320px;--zn-spacing-small-panel:200px;--zn-spacing-medium-panel:320px;--zn-spacing-panel:360px;--zn-spacing-lside:460px}:root{--zn-text-color:rgb(var(--zn-color-text));--zn-text-color-muted:rgb(var(--zn-color-muted-text));--zn-text-paragraph-font-size:14px;--zn-text-paragraph-line-height:21px;--zn-text-paragraph-spacing:21px;--zn-text-paragraph-font-weight:var(--zn-font-weight-normal);--zn-text-paragraph-color:var(--zn-text-color);--zn-text-paragraph-transform:none;--zn-text-table-content-font-size:14px;--zn-text-table-content-line-height:16px;--zn-text-table-content-spacing:15px;--zn-text-table-content-font-weight:var(--zn-font-weight-normal);--zn-text-table-content-color:var(--zn-text-color);--zn-text-table-content-transform:none;--zn-text-chat-font-size:16px;--zn-text-chat-line-height:24px;--zn-text-chat-spacing:15px;--zn-text-chat-font-weight:var(--zn-font-weight-normal);--zn-text-chat-color:var(--zn-text-color);--zn-text-chat-transform:none;--zn-text-h1-font-size:16px;--zn-text-h1-line-height:16px;--zn-text-h1-spacing:18px;--zn-text-h1-font-weight:var(--zn-font-weight-semibold);--zn-text-h1-color:var(--zn-text-color);--zn-text-h1-transform:none;--zn-text-h2-font-size:14px;--zn-text-h2-line-height:16px;--zn-text-h2-spacing:15px;--zn-text-h2-font-weight:var(--zn-font-weight-semibold);--zn-text-h2-color:var(--zn-text-color);--zn-text-h2-transform:none;--zn-text-h3-font-size:11px;--zn-text-h3-line-height:16px;--zn-text-h3-spacing:15px;--zn-text-h3-font-weight:var(--zn-font-weight-semibold);--zn-text-h3-color:var(--zn-text-color);--zn-text-h3-transform:none;--zn-text-subheading-font-size:14px;--zn-text-subheading-line-height:16px;--zn-text-subheading-spacing:15px;--zn-text-subheading-font-weight:var(--zn-font-weight-normal);--zn-text-subheading-color:var(--zn-text-color-muted);--zn-text-subheading-transform:none;--zn-text-subheading-small-font-size:13px;--zn-text-subheading-small-line-height:16px;--zn-text-subheading-small-spacing:15px;--zn-text-subheading-small-font-weight:var(--zn-font-weight-normal);--zn-text-subheading-small-color:var(--zn-text-color-muted);--zn-text-subheading-small-transform:none;--zn-text-input-placeholder-font-size:14px;--zn-text-input-placeholder-line-height:24px;--zn-text-input-placeholder-spacing:18px;--zn-text-input-placeholder-font-weight:var(--zn-font-weight-normal);--zn-text-input-placeholder-color:var(--zn-text-color-muted);--zn-text-input-placeholder-transform:none;--zn-text-input-content-font-size:14px;--zn-text-input-content-line-height:24px;--zn-text-input-content-spacing:18px;--zn-text-input-content-font-weight:var(--zn-font-weight-normal);--zn-text-input-content-color:var(--zn-text-color);--zn-text-input-content-transform:none;--zn-text-input-label-font-size:14px;--zn-text-input-label-line-height:16px;--zn-text-input-label-spacing:15px;--zn-text-input-label-font-weight:var(--zn-font-weight-semibold);--zn-text-input-label-color:var(--zn-text-color);--zn-text-input-label-transform:none;--zn-text-chart-minor-font-size:14px;--zn-text-chart-minor-line-height:16px;--zn-text-chart-minor-spacing:15px;--zn-text-chart-minor-font-weight:var(--zn-font-weight-semibold);--zn-text-chart-minor-color:var(--zn-text-color-muted);--zn-text-chart-minor-transform:none;--zn-text-chart-major-font-size:21px;--zn-text-chart-major-line-height:16px;--zn-text-chart-major-spacing:18px;--zn-text-chart-major-font-weight:var(--zn-font-weight-normal);--zn-text-chart-major-color:var(--zn-text-color);--zn-text-chart-major-transform:none;--zn-text-button-label-font-size:13px;--zn-text-button-label-line-height:16px;--zn-text-button-label-spacing:18px;--zn-text-button-label-font-weight:var(--zn-font-weight-semibold);--zn-text-button-label-color:var(--zn-text-color);--zn-text-button-label-transform:uppercase;--zn-text-chip-font-size:10px;--zn-text-chip-line-height:16px;--zn-text-chip-spacing:15px;--zn-text-chip-font-weight:var(--zn-font-weight-semibold);--zn-text-chip-color:var(--zn-text-color);--zn-text-chip-transform:uppercase;--zn-text-navbar-link-font-size:16px;--zn-text-navbar-link-line-height:16px;--zn-text-navbar-link-spacing:18px;--zn-text-navbar-link-font-weight:var(--zn-font-weight-semibold);--zn-text-navbar-link-color:var(--zn-text-color-muted);--zn-text-navbar-link-transform:none;--zn-text-tab-link-font-size:14px;--zn-text-tab-link-line-height:16px;--zn-text-tab-link-spacing:15px;--zn-text-tab-link-font-weight:var(--zn-font-weight-semibold);--zn-text-tab-link-color:var(--zn-text-color-muted);--zn-text-tab-link-transform:none;--zn-text-tab-link-active-font-size:14px;--zn-text-tab-link-active-line-height:16px;--zn-text-tab-link-active-spacing:15px;--zn-text-tab-link-active-font-weight:var(--zn-font-weight-semibold);--zn-text-tab-link-active-color:var(--zn-text-color);--zn-text-tab-link-active-transform:none;--zn-text-menu-link-font-size:14px;--zn-text-menu-link-line-height:16px;--zn-text-menu-link-spacing:15px;--zn-text-menu-link-font-weight:var(--zn-font-weight-normal);--zn-text-menu-link-color:var(--zn-text-color-muted);--zn-text-menu-link-transform:none;--zn-text-notification-font-size:9px;--zn-text-notification-line-height:11px;--zn-text-notification-spacing:0;--zn-text-notification-font-weight:var(--zn-font-weight-semibold);--zn-text-notification-color:#fff;--zn-text-notification-transform:none}@supports (scrollbar-gutter:stable){.zn-scroll-lock{scrollbar-gutter:stable !important;overflow:hidden !important}}@supports not (scrollbar-gutter:stable){.zn-scroll-lock{padding-right:var(--zn-scroll-lock-size) !important;overflow:hidden !important}}.zn-toast-stack{position:fixed;bottom:0;inset-inline-end:0;z-index:var(--zn-z-index-toast);width:28rem;max-width:100%;max-height:100%;overflow:auto}.zn-toast-stack zn-alert{margin:var(--zn-spacing-medium)}.zn-toast-stack zn-alert::part(base){box-shadow:var(--zn-shadow-large)}@media screen and (min-width:768px){.zn-toast-stack zn-alert{margin:var(--zn-spacing-large)}}.zn-gutter{margin:0 var(--zn-gutter)}.zn-gap{gap:var(--zn-gap,0);padding:var(--zn-base-gap,0);display:flex;flex-wrap:wrap}.zn-gap-in{gap:var(--zn-gap,0);display:flex;flex-wrap:wrap}.zn-gap-in-sm{--zn-gap:var(--zn-spacing-small,0);gap:var(--zn-gap,0)}.zn-gap-md{gap:15px}.zn-gap-inner{gap:var(--zn-gap,0)}.zn-gap-ism{gap:var(--zn-gap,0);--zn-gap:10px}.zn-gap-ixs{gap:var(--zn-gap,0);--zn-gap:5px}.zn-max-hide{max-height:100%;overflow:hidden}.zn-hide-empty:empty{display:none}.zn-nopoint{pointer-events:none}.form-spacing{display:grid;grid-template-columns:1fr;gap:var(--zn-spacing-medium) var(--zn-spacing-small)}@media (min-width:768px){.form-spacing{grid-template-columns:repeat(6,1fr)}}.form-spacing~.form-spacing{margin-top:var(--zn-base-gap)}zn-form-group~zn-form-group{margin-top:var(--zn-base-gap);padding-top:var(--zn-base-gap);border-top:1px solid rgb(var(--zn-border-color))}.form-spacing>*{grid-column:span 6/span 6}@media (min-width:768px){.form-spacing>*[span="1"]{grid-column:span 1/span 1}}@media (min-width:768px){.form-spacing>*[span="2"]{grid-column:span 2/span 2}}@media (min-width:768px){.form-spacing>*[span="3"]{grid-column:span 3/span 3}}@media (min-width:768px){.form-spacing>*[span="4"]{grid-column:span 4/span 4}}@media (min-width:768px){.form-spacing>*[span="5"]{grid-column:span 5/span 5}}:root{--zn-base-px:8px;--zn-base-gap:calc(var(--zn-base-px) * 2);--zn-gutter:2px;--zn-default-margin:0 auto 0 0;--zn-icon-size:20px;--zn-button-gutter:2px;--zn-font-family-sans:'Inter',sans-serif;--zn-font-family-serif:'Roboto Slab',serif;--zn-font-family-mono:'Roboto Mono',monospace}:root,[t=light],.theme-light{--zn-backdrop-color:rgba(0,0,0,0.5);--zn-color-text:33,33,33;--zn-color-muted-text:125,119,146;--zn-color-base:255,255,255;--zn-color-body:248,247,252;--zn-color-navigation:var(--zn-color-base);--zn-color-navigation-hightlight:248,249,252;--zn-color-border:219,217,236;--zn-color-border-active:209,207,226;--zn-color-tab:236,235,249;--zn-color-panel:255,255,255;--zn-color-primary:105,54,245;--zn-color-info:53,104,195;--zn-color-success:98,177,121;--zn-color-warning:241,168,80;--zn-color-error:236,68,91;--zn-color-disabled:181,181,181}[t=dark],.theme-dark{--zn-backdrop-color:rgba(0,0,0,0.85);--zn-color-text:215,215,215;--zn-color-muted-text:145,145,145;--zn-color-base:0,0,0;--zn-color-body:23,23,23;--zn-color-navigation:var(--zn-color-base);--zn-color-navigation-hightlight:10,10,10;--zn-color-border:38,38,38;--zn-color-border-active:80,80,80;--zn-color-tab:5,5,5;--zn-color-panel:30,30,30;--zn-color-primary:105,54,245;--zn-color-info:53,104,195;--zn-color-success:98,177,121;--zn-color-warning:241,168,80;--zn-color-error:236,68,91;--zn-color-disabled:181,181,181}@media (min-width:1200px){:root{--zn-base-gap:calc(var(--zn-base-px) * 3)}}@media (min-width:2500px){:root{--zn-default-margin:0 auto}}:root{--zn-primary:var(--zn-color-primary);--zn-red:237,84,109;--zn-blue:100,117,242;--zn-green:43,192,145;--zn-orange:255,136,0;--zn-yellow:255,193,7;--zn-indigo:63,81,181;--zn-violet:156,39,176;--zn-pink:255,108,156;--zn-grey:158,158,158;--zn-accent:71,214,214;--zn-size-bar:60px;--zn-size-tile:80px;--zn-size-sidenav:320px;--zn-size-spanel:170px;--zn-size-mpanel:320px;--zn-size-panel:360px;--zn-size-lside:460px;--zn-bg-opacity:1;--zn-text-opacity:1;--base:255,255,255;--inverse-base:0,0,0}.zn-mono{font-family:var(--zn-font-family-mono,"monospace")}:root,[t=light],.theme-light,[t=dark],.theme-dark{--zn-body:var(--zn-color-body);--zn-text:var(--zn-color-text);--zn-text-heading:var(--zn-color-text);--zn-text-page-title:var(--zn-color-text);--zn-text-panel-title:var(--zn-color-text);--zn-panel:var(--zn-color-panel);--zn-border-color:var(--zn-color-border);--zn-input-bg:var(--zn-color-body)}[t=light],.theme-light{--zn-panel-opacity:1;--zn-shadow:236,235,249;--zn-panel-secondary:246 246 246;--zn-panel-highlight:248,249,252;--zn-panel-highlight-opacity:1;--zn-input-bg-accent:237,235,245;--zn-bright-bg:255,255,255;--zn-light-text:123,112,151;--zn-dark-text:56,39,104;--zn-purple-text:104,54,245}[t=light] .zn-primary,.theme-light .zn-primary{color:rgb(var(--zn-color-primary))}[t=dark],.theme-dark{--zn-shadow:10,10,10;--zn-panel-secondary:27,27,30;--zn-panel-opacity:1;--zn-panel-highlight:25,27,32;--zn-panel-highlight-opacity:0.1;--zn-input-bg-accent:72,84,102;--zn-bright-bg:225,225,225;--zn-light-text:173,163,192;--zn-dark-text:201,201,201;--zn-purple-text:129,140,249;--zn-accent:15,165,234;--zn-primary:137,103,239;--base:0,0,0;--inverse-base:255,255,255}[t=dark] .zn-primary,.theme-dark .zn-primary{color:#8967ef !important}.ml-px{margin-left:1px}.mr-px{margin-right:1px}.mt-px{margin-top:1px}.mb-px{margin-bottom:1px}.mx-px{margin-left:1px;margin-right:1px}.my-px{margin-top:1px;margin-bottom:1px}.m-px{margin:1px}.ml-xxs{margin-left:3px}.mr-xxs{margin-right:3px}.mt-xxs{margin-top:3px}.mb-xxs{margin-bottom:3px}.mx-xxs{margin-left:3px;margin-right:3px}.my-xxs{margin-top:3px;margin-bottom:3px}.m-xxs{margin:3px}.ml-xs{margin-left:5px}.mr-xs{margin-right:5px}.mt-xs{margin-top:5px}.mb-xs{margin-bottom:5px}.mx-xs{margin-left:5px;margin-right:5px}.my-xs{margin-top:5px;margin-bottom:5px}.m-xs{margin:5px}.ml-sm{margin-left:10px}.mr-sm{margin-right:10px}.mt-sm{margin-top:10px}.mb-sm{margin-bottom:10px}.mx-sm{margin-left:10px;margin-right:10px}.my-sm{margin-top:10px;margin-bottom:10px}.m-sm{margin:10px}.ml-md{margin-left:15px}.mr-md{margin-right:15px}.mt-md{margin-top:15px}.mb-md{margin-bottom:15px}.mx-md{margin-left:15px;margin-right:15px}.my-md{margin-top:15px;margin-bottom:15px}.m-md{margin:15px}.ml-lg{margin-left:20px}.mr-lg{margin-right:20px}.mt-lg{margin-top:20px}.mb-lg{margin-bottom:20px}.mx-lg{margin-left:20px;margin-right:20px}.my-lg{margin-top:20px;margin-bottom:20px}.m-lg{margin:20px}.ml-xl{margin-left:25px}.mr-xl{margin-right:25px}.mt-xl{margin-top:25px}.mb-xl{margin-bottom:25px}.mx-xl{margin-left:25px;margin-right:25px}.my-xl{margin-top:25px;margin-bottom:25px}.m-xl{margin:25px}.zn-red{color:rgb(var(--zn-red))}.zn-blue{color:rgb(var(--zn-blue))}.zn-green{color:rgb(var(--zn-green))}.zn-orange{color:rgb(var(--zn-orange))}.zn-yellow{color:rgb(var(--zn-yellow))}.zn-indigo{color:rgb(var(--zn-indigo))}.zn-violet{color:rgb(var(--zn-violet))}.zn-pink{color:rgb(var(--zn-pink))}.zn-grey{color:rgb(var(--zn-grey))}.zn-primary{color:rgb(var(--zn-primary))}.zn-accent{color:rgb(var(--zn-accent))}.zn-info{color:rgb(var(--zn-color-info))}.zn-warning{color:rgb(var(--zn-color-warning))}.zn-error{color:rgb(var(--zn-color-error))}.zn-success{color:rgb(var(--zn-color-success))}ul.gap li{margin:5px 0}ul.circle,ul.decimal,ul.disc,ul.square{padding:5px 0 5px 15px}ul.circle{list-style-type:circle}ul.decimal{list-style-type:decimal}ul.disc{list-style-type:disc}ul.square{list-style-type:square}:host,html,body{color:rgba(var(--zn-text),var(--zn-text-opacity));font-family:var(--zn-font-family-sans);font-feature-settings:normal;font-variation-settings:normal;font-size:var(--zn-text-paragraph-font-size);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tab-size:4;-o-tab-size:4;tab-size:4;margin:0}html,body{background-color:rgba(var(--zn-body),var(--zn-bg-opacity));container-type:size;min-height:100%;height:100%}.inline-container{container-type:inline-size}.app-container{container-type:inline-size;display:flex;flex:1;flex-direction:column;position:relative;max-height:100%;height:100%;width:100%;max-width:100%}.inline-app-container,.app-container.inline-app-container,[inline-container] .app-container{display:block;height:auto;flex:unset}hr{height:0;border:none;border-top:1px solid rgb(var(--zn-border-color))}code,kbd,samp,pre,.mono{font-family:var(--zn-font-family-mono);font-size:1em}small{font-size:80%}.hidden{display:none !important}.visibility-hidden{visibility:hidden}p{font-size:var(--zn-text-paragraph-font-size);line-height:var(--zn-text-paragraph-line-height);font-weight:var(--zn-text-paragraph-font-weight)}h1,h2,h3,h4,h5,h6{color:rgb(var(--zn-text-heading))}h1{font-size:var(--zn-text-h1-font-size);line-height:var(--zn-text-h1-line-height);font-weight:var(--zn-text-h1-font-weight)}h2{font-size:var(--zn-text-h2-font-size);line-height:var(--zn-text-h2-line-height);font-weight:var(--zn-text-h2-font-weight)}h3,h4,h5,h6{font-size:var(--zn-text-h3-font-size);line-height:var(--zn-text-h3-line-height);font-weight:var(--zn-text-h3-font-weight)}kbd{font-family:monospace;background-color:#eee;color:#333;border:1px solid rgb(var(--zn-border-color));border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(255,255,255,0.5) inset;display:inline-block;font-size:13px;line-height:20px;padding:1px 6px;white-space:nowrap;min-width:15px;color:rgba(0,0,0,0.5)}[t=dark] kbd{background-color:rgb(25,25,25);box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(110,110,110,0.5) inset;color:#eee}[tab]{cursor:pointer}.zn-link:hover{--zn-text:rgb(var(--zn-primary));--icon-color:rgb(var(--zn-primary));--zn-text-heading:rgb(var(--zn-primary));--property-color:rgb(var(--zn-primary));opacity:1}.grow{flex-grow:1}.no-grow{flex-grow:0}.shrink{flex-shrink:1}.no-shrink{flex-shrink:0}.block{display:block}.flex{display:flex}.flex-wrap{display:flex;flex-wrap:wrap}.flex-col{display:flex;flex-direction:column}.flex-mid{display:flex;align-items:center}.flex-jc{justify-content:center}.flex-between{display:flex;justify-content:space-between}.flex-end{display:flex;justify-content:flex-end}.flex-bottom{display:flex;align-items:flex-end}.equal{flex-basis:50%}.m-auto{margin:auto}.mt-auto{margin-top:auto}.zn-pad{padding:var(--zn-base-gap,0)}.zn-pad-y,.zn-py{padding-top:15px;padding-bottom:15px}.zn-pad-x,.zn-px{padding-left:15px;padding-right:15px}.zn-pr{padding-right:15px}.zn-pl{padding-left:15px}.zn-pt{padding-top:15px}.zn-pb{padding-bottom:15px}.zn-margin{margin:15px}.zn-mx{margin-left:15px;margin-right:15px}.zn-my{margin-top:15px;margin-bottom:15px}.zn-mt{margin-top:15px}.zn-mb{margin-bottom:15px}.zn-ml{margin-left:15px}.zn-mr{margin-right:15px}.zn-mxa{margin-left:auto;margin-right:auto}.zn-mya{margin-top:auto;margin-bottom:auto}.zn-mta{margin-top:auto}.zn-mba{margin-bottom:auto}.zn-mla{margin-left:auto}.zn-mra{margin-right:auto}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}@keyframes act-vanish{from{transform:scale(1);opacity:1;max-height:100%}to{transform:scale(0.8);opacity:0;max-height:0}}.act-vanish{animation:ease-in act-vanish 600ms forwards;transform-origin:top center;background-color:rgba(var(--zn-color-error),0.3);display:block;overflow:hidden}.h-full{height:100%}.w-full{width:100%}.zn-panel-bg{--zn-page-surface-background:var(--zn-panel);background-color:rgba(var(--zn-panel),var(--zn-panel-opacity))}.zn-panel{background-color:rgba(var(--zn-panel),var(--zn-panel-opacity));border:1px solid rgb(var(--zn-border-color));border-radius:var(--zn-border-radius);--zn-page-surface-background:var(--zn-panel)}.zn-container{display:flex;flex-direction:column;flex-grow:1;max-height:100%;overflow:hidden}.tar{text-align:right}.tal{text-align:left}.tac{text-align:center}.zn-empty-hide:empty{display:none}.ml-auto{margin-left:auto}.zn-b-dash{border-style:dashed}.zn-b-dotted{border-style:dotted}.zn-border{border-style:solid;border-width:1px !important}.zn-bt{border-top-style:solid;border-top-width:1px !important}.zn-bb{border-bottom-style:solid;border-bottom-width:1px !important}.zn-bl{border-left-style:solid;border-left-width:1px !important}.zn-br{border-right-style:solid;border-right-width:1px !important}.unifi-action{display:flex;gap:10px;padding:10px 0;align-items:center}.zn-panel-bar{border-bottom:1px solid rgb(var(--zn-border-color));background-color:rgba(var(--zn-panel),0.9);padding:var(--zn-base-px);gap:var(--zn-base-px);display:flex;flex-wrap:wrap;align-items:center;z-index:1}.zn-panel-bar--pill{border-radius:var(--zn-border-radius);border:1px solid rgb(var(--zn-border-color))}.zn-panel-bar--large{padding:var(--zn-base-px) calc(var(--zn-base-gap) + var(--zn-gutter));gap:var(--zn-base-px);height:50px}.scroll-container{overflow:auto;flex-grow:1;position:relative;display:flex;flex-direction:column;max-height:100%}.zn-divide{display:flex;flex-direction:column}.zn-divide>*:not(:first-child){border-top:1px solid rgb(var(--zn-border-color))}.zn-divide>div:empty+div:not(:first-child){border-top:0}.zn-divide-y{display:flex;flex-direction:row}.zn-divide-y>*:not(:first-child):not(:empty){border-left:1px solid rgb(var(--zn-border-color))}.zn-c-pad{--zn-pad-spacing:var(--zn-spacing-large)}.zn-c-pad-x>*{padding-left:var(--zn-pad-spacing);padding-right:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:first-child){padding-top:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:last-child){padding-bottom:var(--zn-pad-spacing)}.zn-nav.zn-transparent{background:transparent}.zn-nav{background:rgba(var(--zn-panel),var(--zn-panel-opacity));border-right:1px solid rgb(var(--zn-border-color));max-width:320px;height:100%;padding-top:5px}.zn-nav ul{list-style:none;padding-bottom:10px;margin:0;display:flex;flex-direction:column;position:relative}.zn-nav ul:after{content:"";height:1px;left:18px;right:18px;bottom:0;position:absolute;background:rgb(var(--zn-border-color))}.zn-nav ul li a{text-decoration:none;color:rgb(var(--zn-text));display:block;font-weight:500;cursor:pointer}.zn-nav ul li a:hover,.zn-nav ul li a.zn-tb-active{background:rgb(var(--zn-body))}.zn-nav ul li a.zn-tb-active{color:rgb(var(--zn-purple-text))}.zn-nav ul:last-child:after{display:none}.zn-nav strong,.zn-nav li a{padding:10px 20px}.zn-nav strong{display:block;margin-top:10px;font-size:13px;letter-spacing:0.93px;color:rgb(var(--zn-text-heading));font-weight:600;padding-bottom:5px;text-transform:uppercase}@keyframes shimmer-text-sweep{0%{background-position:100% center}100%{background-position:0% center}}@media (prefers-reduced-motion:no-preference){.shimmer-text{--shimmer-base:rgb(var(--zn-text));--shimmer-highlight:rgb(var(--zn-text-heading));--shimmer-core:0.5ch;--shimmer-spread:1.5ch;--shimmer-duration:1.5s;display:inline-block;width:-moz-fit-content;width:fit-content;max-width:100%;background-image:linear-gradient(90deg,transparent calc(50% - var(--shimmer-spread)),var(--shimmer-highlight) calc(50% - var(--shimmer-core)),var(--shimmer-highlight) calc(50% + var(--shimmer-core)),transparent calc(50% + var(--shimmer-spread))),linear-gradient(var(--shimmer-base),var(--shimmer-base));background-size:250% 100%,auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent !important;color:transparent !important;animation:var(--shimmer-duration) linear infinite shimmer-text-sweep}.shimmer-text.zn-error{--shimmer-base:rgb(var(--zn-color-error));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-error)) 55%,white)}.shimmer-text.zn-success{--shimmer-base:rgb(var(--zn-color-success));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-success)) 55%,white)}.shimmer-text.zn-info{--shimmer-base:rgb(var(--zn-color-info));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-info)) 55%,white)}.shimmer-text.zn-warning{--shimmer-base:rgb(var(--zn-color-warning));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-warning)) 55%,white)}.shimmer-text.zn-primary{--shimmer-base:rgb(var(--zn-primary));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-primary)) 55%,white)}.shimmer-text.zn-accent{--shimmer-base:rgb(var(--zn-accent));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-accent)) 55%,white)}}@media (prefers-reduced-motion:reduce){.shimmer-text{color:rgb(var(--zn-text))}.shimmer-text.zn-error{color:rgb(var(--zn-color-error)) !important}.shimmer-text.zn-success{color:rgb(var(--zn-color-success)) !important}.shimmer-text.zn-info{color:rgb(var(--zn-color-info)) !important}.shimmer-text.zn-warning{color:rgb(var(--zn-color-warning)) !important}.shimmer-text.zn-primary{color:rgb(var(--zn-primary)) !important}.shimmer-text.zn-accent{color:rgb(var(--zn-accent)) !important}}*,*::before,*::after{box-sizing:border-box}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}b{font-weight:600}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:inline-block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}button,.zn-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}button:hover:not([disabled]),.zn-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{display:block;width:100%;border-radius:5px;border-style:solid;border-width:1px !important;border-color:rgb(var(--zn-border-color));background-color:rgb(var(--zn-input-bg));outline:none}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,input[type=file]:focus,input[list]:focus,textarea:focus,select:focus{border-color:rgb(var(--zn-primary));box-shadow:0 0 0 3px rgba(var(--zn-primary),0.3)}input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=file]::-moz-placeholder, input[list]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,input[type=week]::placeholder,input[type=file]::placeholder,input[list]::placeholder,textarea::placeholder,select::placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}@media (min-width:360px){input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{padding:10px}}label{font-weight:600;font-size:rgb(var(--zn-font-size-medium));line-height:var(--zn-spacing-medium);color:rgb(var(--zn-text-heading));display:block;margin-bottom:5px;margin-top:15px}input[type=checkbox],input[type=radio]{border-radius:5px}input[type=radio]{border-radius:50%}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;background-color:rgb(var(--zn-border-color));height:10px;accent-color:rgb(var(--zn-primary));width:100%;max-width:768px}fieldset{border-color:rgba(var(--zn-primary),20%);border-width:2px;padding:0 15px 15px}select option{padding:5px}select>option:checked{background-color:rgba(var(--zn-primary),20%);border-radius:5px}fieldset>legend{padding:5px}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=button]:hover:not([disabled]),input[type=submit]:hover:not([disabled]),button[type=submit]:not(.button):hover:not([disabled]),button[type=button]:not(.button):hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){width:auto}div+button{margin-top:15px}input[type=file]::-webkit-file-upload-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=file]::-webkit-file-upload-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=file]::-webkit-file-upload-button{margin-right:10px}input::-webkit-calendar-picker-indicator{cursor:pointer;padding:10px}input[list]::-webkit-calendar-picker-indicator{padding:10px 5px}.input--with-icon{position:relative}.input--with-icon zn-icon{padding:14px;position:absolute;top:50%;pointer-events:none;transform:translateY(-50%);left:10px;background-color:rgb(var(--zn-primary));color:rgb(var(--zn-text));border-radius:50%}.input--with-icon input{padding-left:40px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:rgb(var(--zn-text));-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px rgba(35,35,35,0.1607843137)}select{height:43px}.no-border{border:none !important}table:not(.remarkd-table){border-collapse:separate !important;border-spacing:0;width:100%;max-width:100%;table-layout:auto;text-align:left;font-size:var(--zn-text-table-content-font-size);line-height:var(--zn-text-table-content-line-height);font-weight:var(--zn-text-table-content-font-weight)}table:not(.remarkd-table) thead{font-weight:var(--zn-font-weight-medium)}table:not(.remarkd-table) tbody a{cursor:pointer;color:rgb(var(--zn-primary))}table:not(.remarkd-table) tbody tr td{border-top:1px solid rgb(var(--zn-border-color)) !important}table:not(.remarkd-table) tbody tr:first-of-type td{border-top:0 !important}table:not(.remarkd-table) tbody tr:nth-of-type(even){background-color:rgba(var(--zn-body))}table:not(.remarkd-table) thead tr th:first-of-type,table:not(.remarkd-table) tbody tr td:first-of-type{padding-left:var(--zn-base-gap,14px)}table:not(.remarkd-table) thead tr th:last-of-type,table:not(.remarkd-table) tbody tr td:last-of-type{padding-right:var(--zn-base-gap,14px)}table:not(.remarkd-table) th,table:not(.remarkd-table) td{padding:15px;min-width:90px;white-space:nowrap}table:not(.remarkd-table) th:first-child,table:not(.remarkd-table) td:first-child{padding-left:0}table:not(.remarkd-table) td>span{white-space:normal}table:not(.remarkd-table) th{padding-bottom:0;border-bottom:1px solid rgb(var(--zn-border-color))}.zn-table-fixed{table-layout:fixed}thead tr:last-of-type th{border-bottom:0}.opacity-100{opacity:1}.opacity-90{opacity:0.9}.opacity-80{opacity:0.8}.opacity-60{opacity:0.6}.opacity-50{opacity:0.5}.opacity-40{opacity:0.4}.opacity-10{opacity:0.1}.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7,var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:0.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7,var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3,1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4,1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:0.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,var(--adp-time-track-color),var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size) / 2 * -1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}.air-datepicker{--adp-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92,196,239,.1);--adp-background-color-in-range-focused:rgba(92,196,239,.2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92,196,239,0.1);--adp-cell-background-color-in-range-hover:rgba(92,196,239,0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0,0,0,.3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,0.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0,0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%,calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%,-50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size) / 2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size) / 2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}.air-datepicker{--adp-color:rgba(var(--zn-text),var(--zn-text-opacity));--adp-nav-color-secondary:rgb(var(--zn-purple-text));--adp-day-name-color:var(--zn-color-primary-600);--adp-day-name-color-hover:var(--zn-color-primary-700);--adp-cell-background-color-selected:var(--zn-color-primary-600);--adp-cell-background-color-selected-hover:var(--zn-color-primary-700);--adp-color-current-date:var(--zn-color-primary-600);--adp-background-color:var(--zn-input-background-color);--adp-background-color-hover:var(--zn-input-background-color-hover);--adp-background-color-active:var(--zn-input-background-color-hover);--adp-background-color-selected-other-month:var(--zn-color-primary-300);--adp-background-color-in-range:var(--zn-color-primary-100);--adp-border-color:rgb(var(--zn-border-color));--adp-border-color-inline:rgb(var(--zn-border-color));--adp-border-color-inner:rgb(var(--zn-border-color));--adp-cell-background-color-in-range:var(--zn-color-primary-100);--adp-cell-background-color-in-range-hover:var(--zn-color-primary-200)}.air-datepicker--pointer:after{background-color:var(--zn-input-background-color)}.air-datepicker-global-container{z-index:1000000}.air-datepicker-button{border:none;padding:var(--zn-spacing-2x-small) var(--zn-spacing-x-small);border-radius:var(--adp-border-radius);font-family:var(--adp-font-family),sans-serif;font-size:var(--zn-font-size-medium);font-weight:var(--zn-font-weight-normal);cursor:pointer;color:rgba(var(--zn-text),var(--zn-text-opacity))}.air-datepicker-button:hover{background-color:var(--zn-input-background-color-hover) !important}.zn-cloak:has(:not(:defined)){animation:2s step-end zn-cloak}@keyframes zn-cloak{from{opacity:0}to{opacity:1}}:host{display:block}:host ::-webkit-scrollbar{width:5px;height:5px}:host{}:host ::-webkit-scrollbar-track{background:transparent}:host{}:host ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}:host{}:host ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}.table-container{overflow:auto}table{border-collapse:separate !important;border-spacing:0;width:100%;max-width:100%;table-layout:auto;text-align:left;font-size:var(--zn-text-table-content-font-size);line-height:var(--zn-text-table-content-line-height);font-weight:var(--zn-text-table-content-font-weight)}table tbody tr:nth-of-type(even){background-color:unset}table tbody tr.table__row--data.table__row--odd:not(.table__row--selected) td{background-color:rgba(var(--zn-body))}table tbody tr.table__row--details td{background-color:rgb(var(--zn-shadow))}table.table--standalone{background-color:rgb(var(--zn-panel));border-radius:var(--zn-border-radius);border:1px solid rgb(var(--zn-border-color));overflow:hidden}table thead{color:rgb(var(--zn-text-heading));font-weight:var(--zn-font-weight-medium)}table thead tr th{border-bottom:1px solid rgb(var(--zn-border-color)) !important}table.with-hover tbody tr.table__row--data:not(.table__row--selected):hover td{background-color:rgba(var(--zn-primary),0.05) !important;cursor:pointer}table.with-hover tbody tr.table__row--details:hover{background-color:inherit;cursor:default}table tbody tr td{border-top:1px solid rgb(var(--zn-border-color)) !important}table tbody tr:first-of-type td{border-top:0 !important}table thead tr th:first-of-type,table tbody tr td:first-of-type{padding-left:var(--zn-base-gap,14px)}table thead tr th:last-of-type,table tbody tr td:last-of-type{padding-right:var(--zn-base-gap,14px)}table th,table td{padding:var(--zn-spacing-medium);min-width:90px;white-space:nowrap}table th span,table td span{white-space:normal}table th:first-child,table td:first-child{padding-left:0}table th{padding-bottom:0;border-bottom:1px solid rgb(var(--zn-border-color))}.zn-table-fixed{table-layout:fixed}.table tr th{padding-top:var(--zn-spacing-large);padding-bottom:var(--zn-spacing-large)}.table tr th,.table tr td{min-width:50px}.table tr th>div,.table tr td>div{display:flex;flex-direction:row;align-items:center;width:100%;gap:var(--zn-spacing-x-small)}.table tr th>div>code,.table tr td>div>code{font-size:10px;display:block;max-width:420px;float:right;max-height:100px;white-space:pre;overflow-x:scroll}.table tr th:first-of-type>div:has(zn-checkbox),.table tr td:first-of-type>div:has(zn-checkbox){justify-content:center}.table tr th:first-of-type>div:has(zn-checkbox) zn-checkbox,.table tr td:first-of-type>div:has(zn-checkbox) zn-checkbox{margin:0}.table__head:hover .table__head__sort{opacity:1}.table__head__sort{margin-left:var(--zn-spacing-small);opacity:0;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.table__head__sort--active{opacity:1 !important}.table__head--wide{width:100%}.table__head--last div{flex-direction:row-reverse !important}.table__head--left div{justify-content:flex-start}.table__head--right div{justify-content:flex-end}.table__head--center div{justify-content:center}.table__head--hidden>div{visibility:hidden}.table__head--expander{width:28px;min-width:28px;padding-right:0}.table__cell--wide{width:100%}.table__cell--last div{justify-content:flex-end}.table__cell--left div{justify-content:flex-start}.table__cell--right div{justify-content:flex-end}.table__cell--center div{justify-content:center}.table__cell--actions{width:25px;min-width:25px}.table__cell .caption{flex-grow:1;flex-direction:column}.table__cell .caption span{display:block}.table__cell .caption .title:empty,.table__cell .caption .summary:empty{display:none}.table__cell .caption .title{font-weight:var(--zn-font-weight-semibold);color:rgb(var(--zn-text-heading));font-size:var(--zn-text-table-content-font-size);text-decoration:none}.table__cell .caption a.title{color:rgb(var(--zn-primary))}.table__cell .caption .summary{font-size:90%;text-wrap:initial;color:rgb(var(--zn-text))}.table__cell .caption--icon{display:flex;flex-direction:row;gap:var(--zn-spacing-small)}.table__cell--expander{width:28px;min-width:28px}.table__header{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;padding-block:var(--zn-spacing-small);gap:var(--zn-spacing-small)}.table__header__actions,.table__header__query-builder{display:flex;flex-direction:row;align-items:baseline;gap:var(--zn-spacing-small)}.table__header__right{display:flex;flex-direction:row;align-items:center;gap:var(--zn-spacing-x-small);margin-left:auto}.table__footer{display:flex;flex-direction:row;justify-content:space-between;padding:var(--zn-spacing-medium) var(--zn-spacing-medium)}.table__footer__right,.table__footer__left{display:flex;flex-direction:row;align-items:center;gap:var(--zn-spacing-large)}.table__footer__rows-per-page{display:flex;flex-direction:row;align-items:center;opacity:0.8;gap:var(--zn-spacing-x-small)}.table__footer__rows-per-page zn-select[name=rowPerPage]{max-width:75px}.table__footer__pagination-buttons{display:flex;flex-direction:row;align-items:center;gap:var(--zn-spacing-x-small)}.table__footer__pagination-buttons button{border:1px solid rgb(var(--zn-border-color));border-radius:5px;padding:var(--zn-spacing-x-small)}.table__footer__pagination-buttons button[disabled]{cursor:not-allowed;opacity:0.5}.table__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--zn-spacing-x-large) !important}.table__details__item{display:flex;flex-direction:column;gap:var(--zn-spacing-2x-small,4px)}.table__details__label{font-size:12px;color:rgb(var(--zn-text-subtle,var(--zn-text)));opacity:0.8}.table__details__value{font-size:var(--zn-text-table-content-font-size)}.reduced-opacity .table tbody{opacity:0.5}.hidden{display:none}.dropdown__query-builder{display:block;position:relative;padding:var(--zn-spacing-large);border-width:1px;border-radius:5px;width:-moz-fit-content;width:fit-content;min-width:var(--zn-spacing-small-panel);max-height:650px;overflow:auto;overscroll-behavior:none;filter:drop-shadow(0 5px 4px rgba(0,0,0,0.04)) drop-shadow(0 4px 3px rgba(0,0,0,0.1));background-color:rgb(var(--zn-panel,255,255,255))}table tbody tr.table__row--selected{background-color:var(--zn-color-purple-100)}table tbody tr.table__row--selected:hover{background-color:var(--zn-color-purple-200) !important}table tbody tr.table__row--selected td{border-top:1px solid var(--zn-color-purple-600) !important;border-bottom:1px solid var(--zn-color-purple-600) !important}table tbody tr.table__row--selected td:first-of-type{border-left:1px solid var(--zn-color-purple-600)}table tbody tr.table__row--selected td:last-of-type{border-right:1px solid var(--zn-color-purple-600)}table tbody tr.table__row--selected:last-of-type td:first-of-type{border-bottom-left-radius:var(--zn-border-radius)}table tbody tr.table__row--selected:last-of-type td:last-of-type{border-bottom-right-radius:var(--zn-border-radius)}table tbody tr.table__row--selected+tr.table__row--selected td{border-top:0 !important}table tbody tr.table__row--selected+tr.table__row--selected td:first-of-type{border-top-left-radius:0}table tbody tr.table__row--selected+tr.table__row--selected td:last-of-type{border-top-right-radius:0}table tbody tr.table__row--selected:has(+tr.table__row--selected) td{border-bottom:0 !important}table tbody tr.table__row--selected:first-of-type td{border-top:0 !important}table tbody tr.table__row--selected:has(+tr.table__row--selected) td:first-of-type{border-bottom-left-radius:0}table tbody tr.table__row--selected:has(+tr.table__row--selected) td:last-of-type{border-bottom-right-radius:0}table tbody tr.table__row--selected.table__row--odd{background-color:hsla(from var(--zn-color-purple-200) h s l/0.8)}table:has(tbody tr:first-of-type.table__row--selected) thead tr th{border-bottom-color:var(--zn-color-purple-600) !important}.table-group__title{font-weight:var(--zn-font-weight-semibold);font-size:var(--zn-font-size-large);color:rgba(var(--zn-text-panel-title),100%);line-height:var(--zn-line-height-looser);padding-left:var(--zn-spacing-medium);margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}`;var Rce=1,Oce=10;var $t=class extends X{constructor(){super(...arguments);this.sortDirection="asc";this.localSort=!1;this.filter="";this.search="";this.key="id";this.headers={};this.hiddenHeaders="{}";this.hiddenColumns="{}";this.unsortableHeaders="{}";this.unsortable=!1;this.standalone=!1;this.emptyStateIcon="data_alert";this.filters=[];this.method="POST";this.noInitialLoad=!1;this.groupBy="";this.groups="";this._initialLoad=!0;this._lastTableContent=C``;this.resizeObserver=new Or(this,{target:null,callback:()=>{this.tableContainer&&this.tableContainer.scrollIntoView({behavior:"smooth",block:"nearest"})}});this.itemsPerPage=Oce;this.page=Rce;this._rows=[];this.numberOfRowsSelected=0;this.selectedRows=[];this.hasSlotController=new Je(this,"[default]","search".valueOf(),"delete-action".valueOf(),"modify-action".valueOf(),"create-action".valueOf(),"filter".valueOf(),"sort".valueOf(),"inputs".valueOf(),"empty-state");this._dataTask=new E0(this,{task:async([t,i],{signal:n})=>{if(t===void 0||this.noInitialLoad&&this._initialLoad)return{rows:[],page:1,perPage:this.itemsPerPage,total:0};this.groupBy&&(this.itemsPerPage=1e3);let o={page:this.page,perPage:this.itemsPerPage,sortColumn:this.sortColumn,sortDirection:this.sortDirection,filter:this.filter,search:this.search},s=this.hasSlotController.getSlots("inputs".valueOf()),l={};s&&(s.forEach(c=>{if(["zn-input","zn-select","zn-query-builder","zn-multiselect","zn-params-select","zn-datepicker","input","select","textarea"].includes(c.tagName.toLowerCase())){let p=c.value||c.getAttribute("value"),h=c.name||c.getAttribute("name");h&&(l[h]=p)}}),Object.assign(o,l)),i&&typeof i=="object"&&Object.assign(o,i);let d=await fetch(t,{method:this.method,headers:{"x-kx-fetch-style":"zn-data-table"},signal:n,credentials:"same-origin",body:this.method==="POST"?JSON.stringify(o):void 0});if(!d.ok)throw new Error(d.statusText);return d.json()},args:()=>[this.dataUri,this.requestParams]});this.rowHasActions=!1;this._expandedRows=new Set;this._hiddenCells=new Map;this.requestParams={};this.filterChangeListener=t=>{t.target instanceof r9&&(this.filter=t.target.value,this._dataTask.run().then(i=>i))};this.searchChangeListener=t=>{let i=t.target;if(i&&i.tagName==="ZN-DATA-TABLE-SEARCH"){if(this.search=i.value,t.detail){let{formData:n,searchUri:o}=t.detail;if(n&&typeof n=="object"&&(this.requestParams=he(he({},this.requestParams),n)),o){let s=this.dataUri;this.dataUri=o,this._dataTask.run().then(()=>{this.dataUri=s});return}}this._dataTask.run().then(n=>n)}}}refresh(){this._initialLoad=!1,this._dataTask.run().then(t=>t)}render(){let t;this.noInitialLoad&&this._initialLoad?t=C`
|
|
635
635
|
<slot name="empty-state"></slot>`:t=this._dataTask.render({pending:()=>this._initialLoad?C`
|
|
636
636
|
<div>${this.loadingTable()}</div>`:C`
|
|
637
637
|
<div class="reduced-opacity">${this._lastTableContent}</div>`,complete:o=>(this._initialLoad=!1,this._lastTableContent=C`
|
|
@@ -1168,7 +1168,7 @@ function print() { __p += __j.call(arguments, '') }
|
|
|
1168
1168
|
:host {
|
|
1169
1169
|
--max-width: 100%;
|
|
1170
1170
|
}
|
|
1171
|
-
</style>${c}`:c}};Ua.styles=Q(N2e),_([w({attribute:"full-location"})],Ua.prototype,"fullLocation",2),_([w({attribute:"entity-id"})],Ua.prototype,"entityId",2),_([w({attribute:"entity-id-show",type:Boolean})],Ua.prototype,"entityIdShow",2),_([w({type:Boolean})],Ua.prototype,"transparent",2),_([w()],Ua.prototype,"caption",2),_([w()],Ua.prototype,"icon",2),_([w({type:Array})],Ua.prototype,"navigation",2),_([w({attribute:"full-width",type:Boolean})],Ua.prototype,"fullWidth",2),_([w({attribute:"previous-path"})],Ua.prototype,"previousPath",2),_([w({attribute:"previous-target"})],Ua.prototype,"previousTarget",2),_([w({attribute:"hide-breadcrumb",type:Boolean})],Ua.prototype,"hideBreadcrumb",2),_([Be("navigation",{waitUntilFirstUpdate:!0})],Ua.prototype,"updateNav",1);var LA=Ua;Ua.define("zn-header");var B2e=J`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}@container (width > 1024px){:host{--zn-gutter:16px}}@container (width > 1400px){:host{--zn-gutter:24px}}@container (width > 1500px){:host{--zn-gutter:32px}}:host{display:block;--navbar-active-colour:var(--zn-active-nav-background,var(--zn-page-content-background,var(--zn-page-surface-background,var(--zn-body))))}:host ul.navbar{padding:0;margin-inline:var(--zn-spacing-small)}:host ul.navbar--color-body{background-color:rgb(var(--zn-color-body))}:host([gutter]) ul.navbar{margin:0 calc(var(--zn-gutter,0) + var(--zn-base-gap,0))}:host([hover]){position:absolute;transform:translateY(-100%)}:host([hover]) ul.navbar{background-color:rgb(var(--zn-body))}:host([hover]) ul.navbar li{z-index:2}:host([hover]) ul.navbar{position:relative}:host([hover]) ul.navbar::after{z-index:1;content:"";position:absolute;inset:0;background-color:rgb(var(--zn-body))}:host([hover]) ul.navbar::before{z-index:1;content:"";position:absolute;top:-2px;right:-2px;left:-2px;bottom:0;border-radius:3px;backdrop-filter:blur(2px) opacity(0.8)}:host([icon-only]) ul.navbar li{padding:0;width:36px;min-width:36px;justify-content:center}:host([icon-only]) ul.navbar li:hover:not(.active):not(.zn-tb-active):not(.more)::after{display:none}.navbar__container{display:flex;flex-direction:row;position:relative;justify-content:space-between}.navbar{margin:0}:host:not([stacked]) .navbar{margin:0 0 0 calc(var(--zn-gutter,0) + var(--zn-base-gap,0));padding-left:0}:host:not([stacked]) .navbar--flush{padding:0}ul.navbar li{padding-top:0;font-size:var(--zn-text-tab-link-font-size);line-height:var(--zn-text-tab-link-line-height);font-weight:var(--zn-text-tab-link-font-weight);white-space:nowrap;color:var(--zn-text-tab-link-color)}ul.navbar li a{text-decoration:none;color:inherit}:host([baseless]) .navbar__container{border-bottom:none}:host([stacked]){width:unset;height:100%;margin:0 0}:host([stacked]) .navbar__container{border-bottom:none;height:100%}:host([stacked]) ul.navbar.navbar--no-pad li{padding:0 !important}:host([stacked]) ul.navbar{padding:0;margin:0;flex-direction:column;gap:0}:host([stacked]) ul.navbar li{border-bottom:1px solid rgb(var(--zn-border-color));padding:var(--zn-base-px)}:host([stacked]) ul.navbar li.active:before,:host([stacked]) ul.navbar li.zn-tb-active:before{display:none}:host([stacked]) ul.navbar li.zn-tb-active{background-color:rgb(var(--zn-color-navigation))}:host([stacked]) ul.navbar li:hover:before{left:0;right:0}:host([stacked][slot=left]) ul.navbar--border{border-right:1px solid rgb(var(--zn-border-color))}:host([stacked][slot=right]) ul.navbar--border{border-left:1px solid rgb(var(--zn-border-color))}:host([panel]){background:rgb(var(--zn-panel))}:host([icon-bar]) ul.navbar{display:flex;flex-direction:row;gap:5px;padding:5px;border-radius:10px;margin:0;background:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));flex-basis:100%;min-height:50px}:host([icon-bar]) ul.navbar li{flex-direction:column;border-radius:6px;flex-basis:100%;padding:5px 10px}:host([icon-bar]) ul.navbar li:before{display:none !important}:host([icon-bar]) ul.navbar li.active,:host([icon-bar]) ul.navbar li.zn-tb-active{background:rgba(0,0,0,0.03);color:rgb(var(--zn-primary))}:host([icon-bar]) ul.navbar li:hover{color:rgb(var(--zn-primary))}:host([icon-bar]) .navbar__container{border-bottom:0}.navbar__container--stacked.navbar__container--icon-bar{display:inline}ul.navbar.navbar--stacked.navbar--icon-bar{flex-direction:column;padding:0;gap:0}ul.navbar.navbar--stacked.navbar--icon-bar li{border-radius:0;align-items:flex-start;padding:8px}:host(:not([stacked]):not([icon-bar])) ul.navbar{height:40px;align-self:end}:host(:not([stacked]):not([icon-bar]):not([icon-only])) ul.navbar{min-width:180px}:host([icon-only]:not([stacked]):not([icon-bar])) ul.navbar{height:36px}:host([pad]) ul.navbar{padding:var(--zn-spacing-medium) var(--zn-spacing-medium) 0}:host(:not([stacked])) ul.navbar>li{border-right-width:1px;border-top-width:1px}:host(:not([stacked])) ul.navbar>li:first-of-type{border-left-width:1px;border-top-left-radius:6px}:host(:not([stacked])) ul.navbar>li:last-of-type{border-top-right-radius:6px}:host(:not([stacked])) ul.navbar>li.active,:host(:not([stacked])) ul.navbar>li.zn-tb-active{color:var(--zn-text-tab-link-active-color);border-bottom:1px solid rgb(var(--navbar-active-colour))}:host(:not([stacked])) ul.navbar:not(.has-hidden)>li.last-visible{border-top-right-radius:6px}:host(:not([stacked])) ul.navbar.has-hidden>li.more{border-top-right-radius:6px}:host(:not([stacked])) ul.navbar.more-only>li.more{border-left-width:1px;border-top-left-radius:6px}:host{display:block;width:100%}:host .navbar__container{border-bottom:1px solid rgb(var(--zn-border-color))}:host ul.navbar{display:flex;flex-basis:fit-content;gap:0;list-style:none}:host ul.navbar li.more{display:none}:host ul.navbar.has-hidden li.more{display:flex}:host ul.navbar li.hidden{visibility:hidden;position:absolute;pointer-events:none}:host ul.navbar li .closer{display:none}:host ul.navbar li{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:var(--zn-text-tab-link-font-weight);padding:0 calc(var(--zn-base-px,8px) * 2);background:rgb(var(--zn-color-tab));transition:background-color 100ms ease-in-out;position:relative}:host ul.navbar li:hover{background:rgba(var(--zn-color-tab),0.5)}:host ul.navbar li:hover::after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgb(var(--navbar-active-colour));z-index:-1}:host ul.navbar li{display:flex;align-items:center;justify-content:center;gap:3px;cursor:pointer}:host ul.navbar li zn-icon,:host ul.navbar li zn-tooltip{pointer-events:none}:host ul.navbar li#dropdown-item{flex-grow:1;justify-content:flex-start;padding:0}:host ul.navbar li#dropdown-item zn-dropdown{height:100%}:host ul.navbar li#dropdown-item zn-dropdown zn-button{height:100%}:host ul.navbar li::before{content:"";left:50%;right:50%;bottom:-2px;position:absolute;background-color:rgb(var(--navbar-active-colour));transition:all 300ms ease-in-out;height:1px}:host ul.navbar li:hover:before:not(#dropdown-item){left:-2px;right:-2px}:host ul.navbar li.active,:host ul.navbar li.zn-tb-active{background:rgb(var(--navbar-active-colour));font-size:var(--zn-text-tab-link-active-font-size);line-height:var(--zn-text-tab-link-active-line-height);font-weight:var(--zn-text-tab-link-active-font-weight);color:var(--zn-text-tab-link-active-color)}:host ul.navbar li.active::before,:host ul.navbar li.zn-tb-active::before{left:0;right:0}:host ul.navbar li[closable] .closer{display:block;margin-left:10px;pointer-events:all;opacity:0.8}:host ul.navbar li[closable] .closer:hover{opacity:1}:host([small]){width:unset}:host([small]) ul.navbar{padding:0;gap:0;border-radius:5px}:host([small]) ul.navbar li{border-left:1px solid rgb(var(--zn-border-color));border-radius:0}:host([small]) ul.navbar li:first-of-type{border-left:none}button[popovertarget]{display:flex;justify-content:center;align-items:center}:host([highlight]){margin:0 0}:host([highlight]) .navbar__container{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgb(var(--zn-border-color));height:40px}:host([highlight]):host([dropdown]) li{border-bottom:0}:host([highlight]) ul.navbar{gap:0;overflow:initial}:host([highlight]) ul.navbar li{padding-left:var(--zn-spacing-medium);padding-right:var(--zn-spacing-medium);padding-top:var(--zn-spacing-small);position:relative}:host([highlight]) ul.navbar li:hover::before,:host([highlight]) ul.navbar li::before:not(.active):not(#dropdown-item){display:none}:host([highlight]) ul.navbar li.active{border-right:1px solid rgb(var(--zn-border-color))}:host([highlight]) ul.navbar li.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background-color:rgb(var(--navbar-active-colour))}:host([highlight]) .active{background-color:rgb(var(--navbar-active-colour))}:host([dropdown]) ul.navbar li{border-bottom:1px solid rgb(var(--zn-border-color));border-right:1px solid rgb(var(--zn-border-color));border-right:1px solid rgb(var(--zn-border-color));border-left:0}:host([dropdown]) ul.navbar li.active{border-bottom:0}:host([dropdown]) ul.navbar li:before{display:none}:host([dropdown]) ul.navbar li#dropdown-item{border-right:0}.expandables{flex-grow:0;flex-shrink:0;margin:0;display:flex;gap:var(--zn-spacing-x-small);padding-right:calc(var(--zn-gutter,0) + var(--zn-base-gap,0))}.expandables:empty{display:none}:host ul.navbar li.more{padding:0;width:40px;min-width:40px}:host ul.navbar li.more zn-dropdown,:host ul.navbar li.more zn-button[slot=trigger]{height:100%;width:100%}:host ul.navbar li.more zn-button[slot=trigger] zn-icon{transition:transform 200ms ease-in-out;--icon-color:var(--zn-text-tab-link-color)}:host ul.navbar li.more zn-dropdown[open] zn-button[slot=trigger] zn-icon{transform:rotate(90deg);--icon-color:var(--zn-text-tab-link-active-color)}:host ul.navbar li.more:has(zn-dropdown[open]){background:rgb(var(--zn-panel))}:host ul.navbar li.more:has(zn-dropdown[open])::after{content:"";position:absolute;inset:auto 0 -1px 0;height:1px;border-radius:0;background:rgb(var(--zn-panel));z-index:1}:host ul.navbar li.more zn-button::part(base){height:100%;padding-left:0;padding-right:0;outline:none}:host ul.navbar li.more zn-button::part(base):hover{background-color:transparent}:host ul.navbar li.more ul#extended-menu{--navbar-more-trigger-width:40px;box-shadow:0 4px 8px -4px rgba(33,33,33,0.1);border:1px solid rgb(var(--zn-border-color));border-top:0;border-radius:0 0 var(--zn-border-radius) var(--zn-border-radius);overflow:hidden;position:relative;inset-inline-end:-1px}:host ul.navbar li.more ul#extended-menu::before{content:"";position:absolute;inset:0 calc(var(--navbar-more-trigger-width) - 2px) auto 0;height:1px;background:rgb(var(--zn-border-color));z-index:2}:host ul.navbar li.more ul#extended-menu{background:rgb(var(--zn-panel));display:flex;flex-direction:column;height:auto;width:-moz-fit-content;width:fit-content;min-width:var(--zn-size-spanel);margin:-1px 0 0;padding:1px}:host ul.navbar li.more ul#extended-menu li{justify-content:left;background:rgb(var(--zn-panel));font-size:var(--zn-text-menu-link-font-size);line-height:var(--zn-text-menu-link-line-height);font-weight:var(--zn-text-menu-link-font-weight);color:var(--zn-text-menu-link-color);padding:var(--zn-spacing-small) var(--zn-spacing-medium)}:host ul.navbar li.more ul#extended-menu li:hover{background:linear-gradient(rgba(0,0,0,0.06),rgba(0,0,0,0.06)),rgb(var(--zn-panel))}:host ul.navbar li.more ul#extended-menu li.active,:host ul.navbar li.more ul#extended-menu li.zn-tb-active{font-weight:var(--zn-text-tab-link-font-weight);color:var(--zn-text-tab-link-color)}:host ul.navbar li.more ul#extended-menu li.active::before,:host ul.navbar li.more ul#extended-menu li.zn-tb-active::before{left:0;right:0}`;var WFe=200,pr=class extends X{constructor(){super();this.navigation=[];this.flush=!1;this.gutter=!1;this.dropdown=[];this.manualAddItems=!1;this.isolated=!1;this.storeKey="";this.storeTtl=0;this._expanding=[];this._openedTabs=[];this._itemsObserver=new vr(this,{target:null,config:{childList:!0},callback:()=>this._updateVisibility()});this._navItems=null;this._expandable=null;this._extendedMenu=null;this._cloneSources=new WeakMap;this._navItemsGap=0;this._expandableMargin=0;this._totalItemWidth=0;this._resizeFrame=null;this._expandingActionObserver=new vr(this,{target:null,config:{attributes:!0,attributeFilter:["open","method","basis"]},callback:()=>this._scheduleResize()});this._scheduleResize=()=>{this._resizeFrame!==null&&cancelAnimationFrame(this._resizeFrame),this._resizeFrame=requestAnimationFrame(()=>{this._resizeFrame=null,this.handleResize()})};this._updateVisibility=()=>{if(this._expanding.length>0){this.style.display="";return}let t=this.itemCount();t===0||t<2&&this.hideOne?this.style.display="none":this.style.display=""};this.handleResize=()=>{var m,v,b,x,y;if(this._extendedMenu===null||this.iconBar||this.stacked)return;let t=this._resolveAvailableWidth(),i=this._getExpandableWidth(t);if(this._totalItemWidth=this._measureTotalItemWidth(),this._totalItemWidth===0)return;let n=(((m=this._navItems)==null?void 0:m.querySelectorAll("li.hidden").length)||0)>0,o=this._navItems?this._getHorizontalSpacing(this._navItems):0,l=Math.max(t-i,WFe)-o;if(!n&&this._totalItemWidth<=l){(v=this._navItems)==null||v.classList.toggle("has-hidden",!1),this._syncLastVisibleItem();return}let d=this._getMoreItemWidth(),c=l-d,f=0,p=!1,h=((b=this._navItems)==null?void 0:b.querySelectorAll(":scope > li"))||[];this._extendedMenu.innerHTML="";for(let z of h){if(z.classList.contains("more")||!(z instanceof HTMLElement))continue;let M=this._getItemWidth(z);if(p||M+f>c){let S=z.cloneNode(!0);S.classList.remove("hidden"),this._cloneSources.set(S,z),S.addEventListener("click",()=>{var T,E;z.click(),(E=((T=this.shadowRoot)==null?void 0:T.querySelector("#extended-dropdown"))||null)==null||E.hide()}),(x=this._extendedMenu)==null||x.appendChild(S),z.classList.add("hidden"),n=!0,p=!0}else z.classList.remove("hidden"),f+=M}(y=this._navItems)==null||y.classList.toggle("has-hidden",n&&p),this._syncLastVisibleItem()};this._syncExtendedActive=()=>{var i;let t=((i=this._extendedMenu)==null?void 0:i.querySelectorAll(":scope > li"))||[];for(let n of t){let o=this._cloneSources.get(n);o&&(n.classList.toggle("active",o.classList.contains("active")),n.classList.toggle("zn-tb-active",o.classList.contains("zn-tb-active")))}};this.handleClick=t=>{let i=t.composedPath(),n=this.isolated?"data-tab":"tab",o=i.find(s=>s instanceof HTMLElement&&s.tagName==="LI"&&(s.hasAttribute(n)||s.hasAttribute("tab-uri")));o&&(t.stopPropagation(),this.emit("zn-select",{detail:{item:o}}))};this._resizeController=new Or(this,{callback:()=>this._scheduleResize()}),new vr(this,{config:{childList:!0},callback:t=>this._adoptNewLightItems(t)})}appendItem(t){this._appended=[...this._appended||[],t]}addExpandingAction(t){this._expanding.includes(t)||(this._expanding=[...this._expanding,t]),t.parentElement!==this&&this.appendChild(t),this.requestUpdate(),this._updateVisibility(),this._observeExpandingAction(t),this._scheduleResize()}_observeExpandingAction(t){this._expandingActionObserver.observe(t),this._resizeController.observe(t)}_adoptNewLightItems(t){var o;let i=(o=this.shadowRoot)==null?void 0:o.querySelector("ul");if(!i)return;let n=i.querySelector("li.more");for(let s of t)for(let l of Array.from(s.addedNodes)){if(l instanceof Element&&l.tagName==="ZN-EXPANDING-ACTION"){this.addExpandingAction(l);continue}l instanceof HTMLLIElement&&(l.hasAttribute("suffix")||(n?i.insertBefore(l,n):i.appendChild(l)))}}connectedCallback(){super.connectedCallback(),this._preItems=this.querySelectorAll("li:not([suffix])"),this._postItems=this.querySelectorAll("li[suffix]"),this._expanding=Array.from(this.querySelectorAll("zn-expanding-action")),this.masterId||(this.masterId=this.storeKey||Math.floor(Math.random()*1e6).toString()),this.storeKey&&this.storeTtl===0&&(this.storeTtl=300),this._store=new pn(this.localStorage?window.localStorage:window.sessionStorage,"znnav:",this.storeTtl)}itemCount(){var i;return(((i=this._navItems)==null?void 0:i.querySelectorAll(":scope > li:not(.more):not(#dropdown-item)"))||[]).length}_resolveAvailableWidth(){let t=this.parentElement,i=this.offsetWidth||(t==null?void 0:t.offsetWidth)||0;for(;i===0&&(t!=null&&t.parentElement);)t=t.parentElement,i=t.offsetWidth||0;return i}_measureTotalItemWidth(){var n;let t=((n=this._navItems)==null?void 0:n.querySelectorAll(":scope > li"))||[],i=0;for(let o of t)o.classList.contains("more")||!(o instanceof HTMLElement)||(i+=this._getItemWidth(o));return i}_getItemWidth(t){return(t.getBoundingClientRect().width||t.offsetWidth||0)+this._navItemsGap+5}_getHorizontalSpacing(t){let i=getComputedStyle(t);return(parseFloat(i.paddingLeft)||0)+(parseFloat(i.paddingRight)||0)}_getMoreItemWidth(){var o;let t=(o=this._navItems)==null?void 0:o.querySelector(":scope > li.more");if(!t||!this._navItems)return 0;let i=this._getItemWidth(t);if(i>0)return i;let n=this._navItems.classList.contains("has-hidden");return this._navItems.classList.add("has-hidden"),i=this._getItemWidth(t),this._navItems.classList.toggle("has-hidden",n),i}_syncLastVisibleItem(){var n,o;let t=((n=this._navItems)==null?void 0:n.querySelectorAll(":scope > li"))||[],i=null;for(let s of t)s.classList.remove("last-visible"),!(s.classList.contains("more")||s.classList.contains("hidden")||s.id==="dropdown-item")&&(i=s);i==null||i.classList.add("last-visible"),(o=this._navItems)==null||o.classList.toggle("more-only",!i&&this._navItems.classList.contains("has-hidden"))}_getExpandableWidth(t){var o,s,l;let i=this._expandableMargin+(((o=this._expandable)==null?void 0:o.getBoundingClientRect().width)||((s=this._expandable)==null?void 0:s.offsetWidth)||0),n=0;for(let d of this._expanding){if(!(d instanceof HTMLElement))continue;let c=d.method||d.getAttribute("method")||"drop",f=!!(d.open||d.hasAttribute("open"));if(c!=="fill"||!f)continue;let p=(l=d.shadowRoot)==null?void 0:l.querySelector(".expanding-action--fill"),h=(p==null?void 0:p.getBoundingClientRect().width)||0;n=Math.max(n,h,Math.min(t,800))}return Math.max(i,n)}addItem(t,i=!0){var l,d,c;let n=t.getAttribute("tab-uri");if(typeof n!="string"||this._openedTabs.includes(n))return;this._openedTabs.push(n);let o=(l=this.shadowRoot)==null?void 0:l.querySelector("ul"),s=(d=this.shadowRoot)==null?void 0:d.querySelector('[id="dropdown-item"]');i&&s&&((c=s.querySelector("zn-dropdown"))==null||c.hide(),this._saveTabToStorage({uri:n,title:t.innerText})),s?o==null||o.insertBefore(t,s):o==null||o.appendChild(t),this._updateVisibility()}firstUpdated(t){var i,n,o,s,l,d;if(super.firstUpdated(t),this._extendedMenu=((i=this.shadowRoot)==null?void 0:i.querySelector("#extended-menu"))||null,(o=(n=this.shadowRoot)==null?void 0:n.querySelector("#extended-dropdown"))==null||o.addEventListener("zn-show",this._syncExtendedActive),this._expandable=((s=this.shadowRoot)==null?void 0:s.querySelector(".navbar__container > div.expandables"))||null,this._expandable){let c=getComputedStyle(this._expandable);this._expandableMargin=(parseFloat(c.marginLeft)||0)+(parseFloat(c.marginRight)||0),this._resizeController.observe(this._expandable)}if(this._navItems=((l=this.shadowRoot)==null?void 0:l.querySelector(".navbar__container > ul"))||null,this._navItems){let c=getComputedStyle(this._navItems);this._navItemsGap=parseFloat(c.columnGap)||0,this._resizeController.observe(this._navItems),this._navItems.addEventListener("click",f=>{let p=f.target.closest("li[tab-uri]");if(p&&this.storeKey){let h=p.getAttribute("tab-uri");h&&this._store.set(this.storeKey+":active",h)}})}if(this._loadStoredTabs(),this._navItems&&this._itemsObserver.observe(this._navItems),this._expanding.forEach(c=>this._observeExpandingAction(c)),this._updateVisibility(),setTimeout(()=>{this.handleResize()},100),this.dropdown.length>0){let c=(d=this.shadowRoot)==null?void 0:d.querySelector("zn-menu");c&&c.addEventListener("zn-menu-select",f=>{if(this.manualAddItems)return;if(f.detail.element.hasAttribute("data-path")){let h=document.createElement("li");h.setAttribute("tab-uri",f.detail.element.getAttribute("data-path")),h.innerText=f.detail.value,this.addItem(h,!0),setTimeout(()=>{h.click()},300)}})}}_loadStoredTabs(){if(!this.storeKey||!this._store)return;let t=this._store.get(this.storeKey),i=this._store.get(this.storeKey+":active");if(t)try{let n=JSON.parse(t);Array.isArray(n)&&n.forEach(o=>{if(o.uri&&o.title){let s=document.createElement("li");s.setAttribute("tab-uri",o.uri),s.innerText=o.title,this.addItem(s,!1),i&&o.uri===i&&setTimeout(()=>{s.click()},100)}})}catch(n){console.warn("ZnNavbar: Failed to load stored tabs",n)}}_saveTabToStorage(t){if(!(!this.storeKey||!this._store))try{let i=this._store.get(this.storeKey),n=[];i&&(n=JSON.parse(i)),n.some(o=>o.uri===t.uri)||(n.push(t),this._store.set(this.storeKey,JSON.stringify(n)))}catch(i){console.warn("ZnNavbar: Failed to save tab",i)}}updated(t){super.updated(t),(t.has("hideOne")||t.has("navigation")||t.has("_appended"))&&this._updateVisibility()}render(){var t;return this.navigation||(this.navigation=[]),C`
|
|
1171
|
+
</style>${c}`:c}};Ua.styles=Q(N2e),_([w({attribute:"full-location"})],Ua.prototype,"fullLocation",2),_([w({attribute:"entity-id"})],Ua.prototype,"entityId",2),_([w({attribute:"entity-id-show",type:Boolean})],Ua.prototype,"entityIdShow",2),_([w({type:Boolean})],Ua.prototype,"transparent",2),_([w()],Ua.prototype,"caption",2),_([w()],Ua.prototype,"icon",2),_([w({type:Array})],Ua.prototype,"navigation",2),_([w({attribute:"full-width",type:Boolean})],Ua.prototype,"fullWidth",2),_([w({attribute:"previous-path"})],Ua.prototype,"previousPath",2),_([w({attribute:"previous-target"})],Ua.prototype,"previousTarget",2),_([w({attribute:"hide-breadcrumb",type:Boolean})],Ua.prototype,"hideBreadcrumb",2),_([Be("navigation",{waitUntilFirstUpdate:!0})],Ua.prototype,"updateNav",1);var LA=Ua;Ua.define("zn-header");var B2e=J`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}@container (width > 1024px){:host{--zn-gutter:16px}}@container (width > 1400px){:host{--zn-gutter:24px}}@container (width > 1500px){:host{--zn-gutter:32px}}:host{display:block;--navbar-active-colour:var(--zn-active-nav-background,var(--zn-page-content-background,var(--zn-page-surface-background,var(--zn-body))))}:host ul.navbar{padding:0;margin-inline:var(--zn-spacing-small)}:host ul.navbar--color-body{background-color:rgb(var(--zn-color-body))}:host([gutter]) ul.navbar{margin:0 calc(var(--zn-gutter,0) + var(--zn-base-gap,0))}:host([hover]){position:absolute;transform:translateY(-100%)}:host([hover]) ul.navbar{position:relative}:host([hover]) ul.navbar li{z-index:2}:host([hover]) ul.navbar::after{z-index:1;content:"";position:absolute;inset:0;border-radius:6px 6px 0 0;background-color:rgb(var(--zn-body))}:host([hover]) ul.navbar::before{z-index:1;content:"";position:absolute;top:-2px;right:-2px;left:-2px;bottom:0;border-radius:10px;backdrop-filter:blur(2px) opacity(0.8)}:host([icon-only]) ul.navbar li{padding:0;width:36px;min-width:36px;justify-content:center}:host([icon-only]) ul.navbar li:hover:not(.active):not(.zn-tb-active):not(.more)::after{display:none}.navbar__container{display:flex;flex-direction:row;position:relative;justify-content:space-between}.navbar{margin:0}:host:not([stacked]) .navbar{margin:0 0 0 calc(var(--zn-gutter,0) + var(--zn-base-gap,0));padding-left:0}:host:not([stacked]) .navbar--flush{padding:0}ul.navbar li{padding-top:0;font-size:var(--zn-text-tab-link-font-size);line-height:var(--zn-text-tab-link-line-height);font-weight:var(--zn-text-tab-link-font-weight);white-space:nowrap;color:var(--zn-text-tab-link-color)}ul.navbar li a{text-decoration:none;color:inherit}:host([baseless]) .navbar__container{border-bottom:none}:host([stacked]){width:unset;height:100%;margin:0 0}:host([stacked]) .navbar__container{border-bottom:none;height:100%}:host([stacked]) ul.navbar.navbar--no-pad li{padding:0 !important}:host([stacked]) ul.navbar{padding:0;margin:0;flex-direction:column;gap:0}:host([stacked]) ul.navbar li{border-bottom:1px solid rgb(var(--zn-border-color));padding:var(--zn-base-px)}:host([stacked]) ul.navbar li.active:before,:host([stacked]) ul.navbar li.zn-tb-active:before{display:none}:host([stacked]) ul.navbar li.zn-tb-active{background-color:rgb(var(--zn-color-navigation))}:host([stacked]) ul.navbar li:hover:before{left:0;right:0}:host([stacked][slot=left]) ul.navbar--border{border-right:1px solid rgb(var(--zn-border-color))}:host([stacked][slot=right]) ul.navbar--border{border-left:1px solid rgb(var(--zn-border-color))}:host([panel]){background:rgb(var(--zn-panel))}:host([icon-bar]) ul.navbar{display:flex;flex-direction:row;gap:5px;padding:5px;border-radius:10px;margin:0;background:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));flex-basis:100%;min-height:50px}:host([icon-bar]) ul.navbar li{flex-direction:column;border-radius:6px;flex-basis:100%;padding:5px 10px}:host([icon-bar]) ul.navbar li:before{display:none !important}:host([icon-bar]) ul.navbar li.active,:host([icon-bar]) ul.navbar li.zn-tb-active{background:rgba(0,0,0,0.03);color:rgb(var(--zn-primary))}:host([icon-bar]) ul.navbar li:hover{color:rgb(var(--zn-primary))}:host([icon-bar]) .navbar__container{border-bottom:0}.navbar__container--stacked.navbar__container--icon-bar{display:inline}ul.navbar.navbar--stacked.navbar--icon-bar{flex-direction:column;padding:0;gap:0}ul.navbar.navbar--stacked.navbar--icon-bar li{border-radius:0;align-items:flex-start;padding:8px}:host(:not([stacked]):not([icon-bar])) ul.navbar{height:40px;align-self:end}:host(:not([stacked]):not([icon-bar]):not([icon-only])) ul.navbar{min-width:180px}:host([icon-only]:not([stacked]):not([icon-bar])) ul.navbar{height:36px}:host([pad]) ul.navbar{padding:var(--zn-spacing-medium) var(--zn-spacing-medium) 0}:host(:not([stacked])) ul.navbar>li{border-right-width:1px;border-top-width:1px}:host(:not([stacked])) ul.navbar>li:first-of-type{border-left-width:1px;border-top-left-radius:6px}:host(:not([stacked])) ul.navbar>li:last-of-type{border-top-right-radius:6px}:host(:not([stacked])) ul.navbar>li.active,:host(:not([stacked])) ul.navbar>li.zn-tb-active{color:var(--zn-text-tab-link-active-color)}:host(:not([stacked])) ul.navbar:not(.has-hidden)>li.last-visible{border-top-right-radius:6px}:host(:not([stacked])) ul.navbar.has-hidden>li.more{border-top-right-radius:6px}:host(:not([stacked])) ul.navbar.more-only>li.more{border-left-width:1px;border-top-left-radius:6px}:host{display:block;width:100%}:host .navbar__container{border-bottom:1px solid rgb(var(--zn-border-color))}:host ul.navbar{display:flex;flex-basis:fit-content;gap:0;list-style:none}:host ul.navbar li.more{display:none}:host ul.navbar.has-hidden li.more{display:flex}:host ul.navbar li.hidden{visibility:hidden;position:absolute;pointer-events:none}:host ul.navbar li .closer{display:none}:host ul.navbar li{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:var(--zn-text-tab-link-font-weight);padding:0 calc(var(--zn-base-px,8px) * 2);background:rgb(var(--zn-color-tab));transition:background-color 100ms ease-in-out;position:relative}:host ul.navbar li:hover{background:rgba(var(--zn-color-tab),0.5)}:host ul.navbar li:hover::after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgb(var(--navbar-active-colour));z-index:-1}:host ul.navbar li{display:flex;align-items:center;justify-content:center;gap:3px;cursor:pointer}:host ul.navbar li zn-icon,:host ul.navbar li zn-tooltip{pointer-events:none}:host ul.navbar li#dropdown-item{flex-grow:1;justify-content:flex-start;padding:0}:host ul.navbar li#dropdown-item zn-dropdown{height:100%}:host ul.navbar li#dropdown-item zn-dropdown zn-button{height:100%}:host ul.navbar li::before{content:"";left:50%;right:50%;bottom:-1px;position:absolute;background-color:rgb(var(--navbar-active-colour));transition:all 300ms ease-in-out;height:1px}:host ul.navbar li:hover:before:not(#dropdown-item){left:-2px;right:-2px}:host ul.navbar li.active,:host ul.navbar li.zn-tb-active{background:rgb(var(--navbar-active-colour));font-size:var(--zn-text-tab-link-active-font-size);line-height:var(--zn-text-tab-link-active-line-height);font-weight:var(--zn-text-tab-link-active-font-weight);color:var(--zn-text-tab-link-active-color)}:host ul.navbar li.active::before,:host ul.navbar li.zn-tb-active::before{left:0;right:0}:host ul.navbar li[closable] .closer{display:block;margin-left:10px;pointer-events:all;opacity:0.8}:host ul.navbar li[closable] .closer:hover{opacity:1}:host([small]){width:unset}:host([small]) ul.navbar{padding:0;gap:0;border-radius:5px}:host([small]) ul.navbar li{border-left:1px solid rgb(var(--zn-border-color));border-radius:0}:host([small]) ul.navbar li:first-of-type{border-left:none}button[popovertarget]{display:flex;justify-content:center;align-items:center}:host([highlight]){margin:0 0}:host([highlight]) .navbar__container{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgb(var(--zn-border-color));height:40px}:host([highlight]):host([dropdown]) li{border-bottom:0}:host([highlight]) ul.navbar{gap:0;overflow:initial}:host([highlight]) ul.navbar li{padding-left:var(--zn-spacing-medium);padding-right:var(--zn-spacing-medium);padding-top:var(--zn-spacing-small);position:relative}:host([highlight]) ul.navbar li:hover::before,:host([highlight]) ul.navbar li::before:not(.active):not(#dropdown-item){display:none}:host([highlight]) ul.navbar li.active{border-right:1px solid rgb(var(--zn-border-color))}:host([highlight]) ul.navbar li.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background-color:rgb(var(--navbar-active-colour))}:host([highlight]) .active{background-color:rgb(var(--navbar-active-colour))}:host([dropdown]) ul.navbar li{border-bottom:1px solid rgb(var(--zn-border-color));border-right:1px solid rgb(var(--zn-border-color));border-right:1px solid rgb(var(--zn-border-color));border-left:0}:host([dropdown]) ul.navbar li.active{border-bottom:0}:host([dropdown]) ul.navbar li:before{display:none}:host([dropdown]) ul.navbar li#dropdown-item{border-right:0}.expandables{flex-grow:0;flex-shrink:0;margin:0;display:flex;gap:var(--zn-spacing-x-small);padding-right:calc(var(--zn-gutter,0) + var(--zn-base-gap,0))}.expandables:empty{display:none}:host ul.navbar li.more{padding:0;width:40px;min-width:40px}:host ul.navbar li.more zn-dropdown,:host ul.navbar li.more zn-button[slot=trigger]{height:100%;width:100%}:host ul.navbar li.more zn-button[slot=trigger] zn-icon{transition:transform 200ms ease-in-out;--icon-color:var(--zn-text-tab-link-color)}:host ul.navbar li.more zn-dropdown[open] zn-button[slot=trigger] zn-icon{transform:rotate(90deg);--icon-color:var(--zn-text-tab-link-active-color)}:host ul.navbar li.more:has(zn-dropdown[open]){background:rgb(var(--zn-panel))}:host ul.navbar li.more:has(zn-dropdown[open])::after{content:"";position:absolute;inset:auto 0 -1px 0;height:1px;border-radius:0;background:rgb(var(--zn-panel));z-index:1}:host ul.navbar li.more zn-button::part(base){height:100%;padding-left:0;padding-right:0;outline:none}:host ul.navbar li.more zn-button::part(base):hover{background-color:transparent}:host ul.navbar li.more ul#extended-menu{--navbar-more-trigger-width:40px;box-shadow:0 4px 8px -4px rgba(33,33,33,0.1);border:1px solid rgb(var(--zn-border-color));border-top:0;border-radius:0 0 var(--zn-border-radius) var(--zn-border-radius);overflow:hidden;position:relative;inset-inline-end:-1px}:host ul.navbar li.more ul#extended-menu::before{content:"";position:absolute;inset:0 calc(var(--navbar-more-trigger-width) - 2px) auto 0;height:1px;background:rgb(var(--zn-border-color));z-index:2}:host ul.navbar li.more ul#extended-menu{background:rgb(var(--zn-panel));display:flex;flex-direction:column;height:auto;width:-moz-fit-content;width:fit-content;min-width:var(--zn-size-spanel);margin:-1px 0 0;padding:1px}:host ul.navbar li.more ul#extended-menu li{justify-content:left;background:rgb(var(--zn-panel));font-size:var(--zn-text-menu-link-font-size);line-height:var(--zn-text-menu-link-line-height);font-weight:var(--zn-text-menu-link-font-weight);color:var(--zn-text-menu-link-color);padding:var(--zn-spacing-small) var(--zn-spacing-medium)}:host ul.navbar li.more ul#extended-menu li:hover{background:linear-gradient(rgba(0,0,0,0.06),rgba(0,0,0,0.06)),rgb(var(--zn-panel))}:host ul.navbar li.more ul#extended-menu li.active,:host ul.navbar li.more ul#extended-menu li.zn-tb-active{font-weight:var(--zn-text-tab-link-font-weight);color:var(--zn-text-tab-link-color)}:host ul.navbar li.more ul#extended-menu li.active::before,:host ul.navbar li.more ul#extended-menu li.zn-tb-active::before{left:0;right:0}`;var WFe=200,pr=class extends X{constructor(){super();this.navigation=[];this.flush=!1;this.gutter=!1;this.dropdown=[];this.manualAddItems=!1;this.isolated=!1;this.storeKey="";this.storeTtl=0;this._expanding=[];this._openedTabs=[];this._itemsObserver=new vr(this,{target:null,config:{childList:!0},callback:()=>this._updateVisibility()});this._navItems=null;this._expandable=null;this._extendedMenu=null;this._cloneSources=new WeakMap;this._navItemsGap=0;this._expandableMargin=0;this._totalItemWidth=0;this._resizeFrame=null;this._expandingActionObserver=new vr(this,{target:null,config:{attributes:!0,attributeFilter:["open","method","basis"]},callback:()=>this._scheduleResize()});this._scheduleResize=()=>{this._resizeFrame!==null&&cancelAnimationFrame(this._resizeFrame),this._resizeFrame=requestAnimationFrame(()=>{this._resizeFrame=null,this.handleResize()})};this._updateVisibility=()=>{if(this._expanding.length>0){this.style.display="";return}let t=this.itemCount();t===0||t<2&&this.hideOne?this.style.display="none":this.style.display=""};this.handleResize=()=>{var m,v,b,x,y;if(this._extendedMenu===null||this.iconBar||this.stacked)return;let t=this._resolveAvailableWidth(),i=this._getExpandableWidth(t);if(this._totalItemWidth=this._measureTotalItemWidth(),this._totalItemWidth===0)return;let n=(((m=this._navItems)==null?void 0:m.querySelectorAll("li.hidden").length)||0)>0,o=this._navItems?this._getHorizontalSpacing(this._navItems):0,l=Math.max(t-i,WFe)-o;if(!n&&this._totalItemWidth<=l){(v=this._navItems)==null||v.classList.toggle("has-hidden",!1),this._syncLastVisibleItem();return}let d=this._getMoreItemWidth(),c=l-d,f=0,p=!1,h=((b=this._navItems)==null?void 0:b.querySelectorAll(":scope > li"))||[];this._extendedMenu.innerHTML="";for(let z of h){if(z.classList.contains("more")||!(z instanceof HTMLElement))continue;let M=this._getItemWidth(z);if(p||M+f>c){let S=z.cloneNode(!0);S.classList.remove("hidden"),this._cloneSources.set(S,z),S.addEventListener("click",()=>{var T,E;z.click(),(E=((T=this.shadowRoot)==null?void 0:T.querySelector("#extended-dropdown"))||null)==null||E.hide()}),(x=this._extendedMenu)==null||x.appendChild(S),z.classList.add("hidden"),n=!0,p=!0}else z.classList.remove("hidden"),f+=M}(y=this._navItems)==null||y.classList.toggle("has-hidden",n&&p),this._syncLastVisibleItem()};this._syncExtendedActive=()=>{var i;let t=((i=this._extendedMenu)==null?void 0:i.querySelectorAll(":scope > li"))||[];for(let n of t){let o=this._cloneSources.get(n);o&&(n.classList.toggle("active",o.classList.contains("active")),n.classList.toggle("zn-tb-active",o.classList.contains("zn-tb-active")))}};this.handleClick=t=>{let i=t.composedPath(),n=this.isolated?"data-tab":"tab",o=i.find(s=>s instanceof HTMLElement&&s.tagName==="LI"&&(s.hasAttribute(n)||s.hasAttribute("tab-uri")));o&&(t.stopPropagation(),this.emit("zn-select",{detail:{item:o}}))};this._resizeController=new Or(this,{callback:()=>this._scheduleResize()}),new vr(this,{config:{childList:!0},callback:t=>this._adoptNewLightItems(t)})}appendItem(t){this._appended=[...this._appended||[],t]}addExpandingAction(t){this._expanding.includes(t)||(this._expanding=[...this._expanding,t]),t.parentElement!==this&&this.appendChild(t),this.requestUpdate(),this._updateVisibility(),this._observeExpandingAction(t),this._scheduleResize()}_observeExpandingAction(t){this._expandingActionObserver.observe(t),this._resizeController.observe(t)}_adoptNewLightItems(t){var o;let i=(o=this.shadowRoot)==null?void 0:o.querySelector("ul");if(!i)return;let n=i.querySelector("li.more");for(let s of t)for(let l of Array.from(s.addedNodes)){if(l instanceof Element&&l.tagName==="ZN-EXPANDING-ACTION"){this.addExpandingAction(l);continue}l instanceof HTMLLIElement&&(l.hasAttribute("suffix")||(n?i.insertBefore(l,n):i.appendChild(l)))}}connectedCallback(){super.connectedCallback(),this._preItems=this.querySelectorAll("li:not([suffix])"),this._postItems=this.querySelectorAll("li[suffix]"),this._expanding=Array.from(this.querySelectorAll("zn-expanding-action")),this.masterId||(this.masterId=this.storeKey||Math.floor(Math.random()*1e6).toString()),this.storeKey&&this.storeTtl===0&&(this.storeTtl=300),this._store=new pn(this.localStorage?window.localStorage:window.sessionStorage,"znnav:",this.storeTtl)}itemCount(){var i;return(((i=this._navItems)==null?void 0:i.querySelectorAll(":scope > li:not(.more):not(#dropdown-item)"))||[]).length}_resolveAvailableWidth(){let t=this.parentElement,i=this.offsetWidth||(t==null?void 0:t.offsetWidth)||0;for(;i===0&&(t!=null&&t.parentElement);)t=t.parentElement,i=t.offsetWidth||0;return i}_measureTotalItemWidth(){var n;let t=((n=this._navItems)==null?void 0:n.querySelectorAll(":scope > li"))||[],i=0;for(let o of t)o.classList.contains("more")||!(o instanceof HTMLElement)||(i+=this._getItemWidth(o));return i}_getItemWidth(t){return(t.getBoundingClientRect().width||t.offsetWidth||0)+this._navItemsGap+5}_getHorizontalSpacing(t){let i=getComputedStyle(t);return(parseFloat(i.paddingLeft)||0)+(parseFloat(i.paddingRight)||0)}_getMoreItemWidth(){var o;let t=(o=this._navItems)==null?void 0:o.querySelector(":scope > li.more");if(!t||!this._navItems)return 0;let i=this._getItemWidth(t);if(i>0)return i;let n=this._navItems.classList.contains("has-hidden");return this._navItems.classList.add("has-hidden"),i=this._getItemWidth(t),this._navItems.classList.toggle("has-hidden",n),i}_syncLastVisibleItem(){var n,o;let t=((n=this._navItems)==null?void 0:n.querySelectorAll(":scope > li"))||[],i=null;for(let s of t)s.classList.remove("last-visible"),!(s.classList.contains("more")||s.classList.contains("hidden")||s.id==="dropdown-item")&&(i=s);i==null||i.classList.add("last-visible"),(o=this._navItems)==null||o.classList.toggle("more-only",!i&&this._navItems.classList.contains("has-hidden"))}_getExpandableWidth(t){var o,s,l;let i=this._expandableMargin+(((o=this._expandable)==null?void 0:o.getBoundingClientRect().width)||((s=this._expandable)==null?void 0:s.offsetWidth)||0),n=0;for(let d of this._expanding){if(!(d instanceof HTMLElement))continue;let c=d.method||d.getAttribute("method")||"drop",f=!!(d.open||d.hasAttribute("open"));if(c!=="fill"||!f)continue;let p=(l=d.shadowRoot)==null?void 0:l.querySelector(".expanding-action--fill"),h=(p==null?void 0:p.getBoundingClientRect().width)||0;n=Math.max(n,h,Math.min(t,800))}return Math.max(i,n)}addItem(t,i=!0){var l,d,c;let n=t.getAttribute("tab-uri");if(typeof n!="string"||this._openedTabs.includes(n))return;this._openedTabs.push(n);let o=(l=this.shadowRoot)==null?void 0:l.querySelector("ul"),s=(d=this.shadowRoot)==null?void 0:d.querySelector('[id="dropdown-item"]');i&&s&&((c=s.querySelector("zn-dropdown"))==null||c.hide(),this._saveTabToStorage({uri:n,title:t.innerText})),s?o==null||o.insertBefore(t,s):o==null||o.appendChild(t),this._updateVisibility()}firstUpdated(t){var i,n,o,s,l,d;if(super.firstUpdated(t),this._extendedMenu=((i=this.shadowRoot)==null?void 0:i.querySelector("#extended-menu"))||null,(o=(n=this.shadowRoot)==null?void 0:n.querySelector("#extended-dropdown"))==null||o.addEventListener("zn-show",this._syncExtendedActive),this._expandable=((s=this.shadowRoot)==null?void 0:s.querySelector(".navbar__container > div.expandables"))||null,this._expandable){let c=getComputedStyle(this._expandable);this._expandableMargin=(parseFloat(c.marginLeft)||0)+(parseFloat(c.marginRight)||0),this._resizeController.observe(this._expandable)}if(this._navItems=((l=this.shadowRoot)==null?void 0:l.querySelector(".navbar__container > ul"))||null,this._navItems){let c=getComputedStyle(this._navItems);this._navItemsGap=parseFloat(c.columnGap)||0,this._resizeController.observe(this._navItems),this._navItems.addEventListener("click",f=>{let p=f.target.closest("li[tab-uri]");if(p&&this.storeKey){let h=p.getAttribute("tab-uri");h&&this._store.set(this.storeKey+":active",h)}})}if(this._loadStoredTabs(),this._navItems&&this._itemsObserver.observe(this._navItems),this._expanding.forEach(c=>this._observeExpandingAction(c)),this._updateVisibility(),setTimeout(()=>{this.handleResize()},100),this.dropdown.length>0){let c=(d=this.shadowRoot)==null?void 0:d.querySelector("zn-menu");c&&c.addEventListener("zn-menu-select",f=>{if(this.manualAddItems)return;if(f.detail.element.hasAttribute("data-path")){let h=document.createElement("li");h.setAttribute("tab-uri",f.detail.element.getAttribute("data-path")),h.innerText=f.detail.value,this.addItem(h,!0),setTimeout(()=>{h.click()},300)}})}}_loadStoredTabs(){if(!this.storeKey||!this._store)return;let t=this._store.get(this.storeKey),i=this._store.get(this.storeKey+":active");if(t)try{let n=JSON.parse(t);Array.isArray(n)&&n.forEach(o=>{if(o.uri&&o.title){let s=document.createElement("li");s.setAttribute("tab-uri",o.uri),s.innerText=o.title,this.addItem(s,!1),i&&o.uri===i&&setTimeout(()=>{s.click()},100)}})}catch(n){console.warn("ZnNavbar: Failed to load stored tabs",n)}}_saveTabToStorage(t){if(!(!this.storeKey||!this._store))try{let i=this._store.get(this.storeKey),n=[];i&&(n=JSON.parse(i)),n.some(o=>o.uri===t.uri)||(n.push(t),this._store.set(this.storeKey,JSON.stringify(n)))}catch(i){console.warn("ZnNavbar: Failed to save tab",i)}}updated(t){super.updated(t),(t.has("hideOne")||t.has("navigation")||t.has("_appended"))&&this._updateVisibility()}render(){var t;return this.navigation||(this.navigation=[]),C`
|
|
1172
1172
|
<div part="container" class="${ie({navbar__container:!0,"navbar__container--stacked":this.stacked,"navbar__container--icon-bar":this.iconBar})}">
|
|
1173
1173
|
<ul @click="${this.handleClick}" part="navbar" class="${ie({navbar:!0,"navbar--slim":this.slim,"navbar--border":this.border,"navbar--flush":this.flush,"navbar--no-pad":this.noPad,"navbar--stacked":this.stacked,"navbar--icon-bar":this.iconBar,[`navbar--color-${this.color}`]:!!this.color})}">
|
|
1174
1174
|
${this._preItems}
|
|
@@ -1211,7 +1211,7 @@ function print() { __p += __j.call(arguments, '') }
|
|
|
1211
1211
|
`:""}
|
|
1212
1212
|
</div>
|
|
1213
1213
|
<slot name="bottom" part="bottom"></slot>`}};pr.styles=Q(B2e),pr.dependencies={"zn-dropdown":Gn},_([w({attribute:"navigation",type:Array})],pr.prototype,"navigation",2),_([w({attribute:"full-width",type:Boolean,reflect:!0})],pr.prototype,"fullWidth",2),_([w({attribute:"icon-bar",type:Boolean,reflect:!0})],pr.prototype,"iconBar",2),_([w({attribute:"slim",type:Boolean,reflect:!0})],pr.prototype,"slim",2),_([w({attribute:"border",type:Boolean,reflect:!0})],pr.prototype,"border",2),_([w({attribute:"hide-one",type:Boolean,reflect:!0})],pr.prototype,"hideOne",2),_([w({attribute:"flush",type:Boolean,reflect:!0})],pr.prototype,"flush",2),_([w({attribute:"gutter",type:Boolean,reflect:!0})],pr.prototype,"gutter",2),_([w({type:Boolean})],pr.prototype,"stacked",2),_([w({type:Array})],pr.prototype,"dropdown",2),_([w({attribute:"no-pad",type:Boolean})],pr.prototype,"noPad",2),_([w({attribute:"manual-add-items",type:Boolean})],pr.prototype,"manualAddItems",2),_([w({type:Boolean})],pr.prototype,"isolated",2),_([w({reflect:!0})],pr.prototype,"color",2),_([w({attribute:"master-id",reflect:!0})],pr.prototype,"masterId",2),_([w({attribute:"store-key",type:String})],pr.prototype,"storeKey",2),_([w({attribute:"store-ttl",type:Number,reflect:!0})],pr.prototype,"storeTtl",2),_([w({attribute:"local-storage",type:Boolean,reflect:!0})],pr.prototype,"localStorage",2),_([w()],pr.prototype,"_appended",2);var DA=pr;pr.define("zn-navbar");function Qw(a){function r(Te,Ae){return Te<<Ae|Te>>>32-Ae}function t(Te,Ae){let et,Z,R,F,P;return R=Te&2147483648,F=Ae&2147483648,et=Te&1073741824,Z=Ae&1073741824,P=(Te&1073741823)+(Ae&1073741823),et&&Z?P^2147483648^R^F:et||Z?P?P^3221225472^R^F:P^1073741824^R^F:P^R^F}function i(Te,Ae,et){return Te&Ae|~Te&et}function n(Te,Ae,et){return Te&et|Ae&~et}function o(Te,Ae,et){return Te^Ae^et}function s(Te,Ae,et){return Ae^(Te|~et)}function l(Te,Ae,et,Z,R,F,P){return Te=t(Te,t(t(i(Ae,et,Z),R),P)),t(r(Te,F),Ae)}function d(Te,Ae,et,Z,R,F,P){return Te=t(Te,t(t(n(Ae,et,Z),R),P)),t(r(Te,F),Ae)}function c(Te,Ae,et,Z,R,F,P){return Te=t(Te,t(t(o(Ae,et,Z),R),P)),t(r(Te,F),Ae)}function f(Te,Ae,et,Z,R,F,P){return Te=t(Te,t(t(s(Ae,et,Z),R),P)),t(r(Te,F),Ae)}function p(Te){for(var Ae,et=Te.length,Z=et+8,R=(Z-Z%64)/64,F=(R+1)*16,P=Array(F-1),W=0,j=0;j<et;)Ae=(j-j%4)/4,W=j%4*8,P[Ae]=P[Ae]|Te.charCodeAt(j)<<W,j++;return Ae=(j-j%4)/4,W=j%4*8,P[Ae]=P[Ae]|128<<W,P[F-2]=et<<3,P[F-1]=et>>>29,P}function h(Te){var Ae="",et="",Z,R;for(R=0;R<=3;R++)Z=Te>>>R*8&255,et="0"+Z.toString(16),Ae=Ae+et.substr(et.length-2,2);return Ae}function m(Te){Te=Te.replace(/\r\n/g,`
|
|
1214
|
-
`);let Ae="";for(let et=0;et<Te.length;et++){let Z=Te.charCodeAt(et);Z<128?Ae+=String.fromCharCode(Z):Z>127&&Z<2048?(Ae+=String.fromCharCode(Z>>6|192),Ae+=String.fromCharCode(Z&63|128)):(Ae+=String.fromCharCode(Z>>12|224),Ae+=String.fromCharCode(Z>>6&63|128),Ae+=String.fromCharCode(Z&63|128))}return Ae}let v,b,x,y,z,M,S,T,E,L,q=7,B=12,H=17,V=22,K=5,U=9,te=14,ne=20,le=4,_e=11,ye=16,ze=23,Oe=6,Ve=10,ke=15,We=21;for(a=m(a),v=p(a),S=1732584193,T=4023233417,E=2562383102,L=271733878,b=0;b<v.length;b+=16)x=S,y=T,z=E,M=L,S=l(S,T,E,L,v[b+0],q,3614090360),L=l(L,S,T,E,v[b+1],B,3905402710),E=l(E,L,S,T,v[b+2],H,606105819),T=l(T,E,L,S,v[b+3],V,3250441966),S=l(S,T,E,L,v[b+4],q,4118548399),L=l(L,S,T,E,v[b+5],B,1200080426),E=l(E,L,S,T,v[b+6],H,2821735955),T=l(T,E,L,S,v[b+7],V,4249261313),S=l(S,T,E,L,v[b+8],q,1770035416),L=l(L,S,T,E,v[b+9],B,2336552879),E=l(E,L,S,T,v[b+10],H,4294925233),T=l(T,E,L,S,v[b+11],V,2304563134),S=l(S,T,E,L,v[b+12],q,1804603682),L=l(L,S,T,E,v[b+13],B,4254626195),E=l(E,L,S,T,v[b+14],H,2792965006),T=l(T,E,L,S,v[b+15],V,1236535329),S=d(S,T,E,L,v[b+1],K,4129170786),L=d(L,S,T,E,v[b+6],U,3225465664),E=d(E,L,S,T,v[b+11],te,643717713),T=d(T,E,L,S,v[b+0],ne,3921069994),S=d(S,T,E,L,v[b+5],K,3593408605),L=d(L,S,T,E,v[b+10],U,38016083),E=d(E,L,S,T,v[b+15],te,3634488961),T=d(T,E,L,S,v[b+4],ne,3889429448),S=d(S,T,E,L,v[b+9],K,568446438),L=d(L,S,T,E,v[b+14],U,3275163606),E=d(E,L,S,T,v[b+3],te,4107603335),T=d(T,E,L,S,v[b+8],ne,1163531501),S=d(S,T,E,L,v[b+13],K,2850285829),L=d(L,S,T,E,v[b+2],U,4243563512),E=d(E,L,S,T,v[b+7],te,1735328473),T=d(T,E,L,S,v[b+12],ne,2368359562),S=c(S,T,E,L,v[b+5],le,4294588738),L=c(L,S,T,E,v[b+8],_e,2272392833),E=c(E,L,S,T,v[b+11],ye,1839030562),T=c(T,E,L,S,v[b+14],ze,4259657740),S=c(S,T,E,L,v[b+1],le,2763975236),L=c(L,S,T,E,v[b+4],_e,1272893353),E=c(E,L,S,T,v[b+7],ye,4139469664),T=c(T,E,L,S,v[b+10],ze,3200236656),S=c(S,T,E,L,v[b+13],le,681279174),L=c(L,S,T,E,v[b+0],_e,3936430074),E=c(E,L,S,T,v[b+3],ye,3572445317),T=c(T,E,L,S,v[b+6],ze,76029189),S=c(S,T,E,L,v[b+9],le,3654602809),L=c(L,S,T,E,v[b+12],_e,3873151461),E=c(E,L,S,T,v[b+15],ye,530742520),T=c(T,E,L,S,v[b+2],ze,3299628645),S=f(S,T,E,L,v[b+0],Oe,4096336452),L=f(L,S,T,E,v[b+7],Ve,1126891415),E=f(E,L,S,T,v[b+14],ke,2878612391),T=f(T,E,L,S,v[b+5],We,4237533241),S=f(S,T,E,L,v[b+12],Oe,1700485571),L=f(L,S,T,E,v[b+3],Ve,2399980690),E=f(E,L,S,T,v[b+10],ke,4293915773),T=f(T,E,L,S,v[b+1],We,2240044497),S=f(S,T,E,L,v[b+8],Oe,1873313359),L=f(L,S,T,E,v[b+15],Ve,4264355552),E=f(E,L,S,T,v[b+6],ke,2734768916),T=f(T,E,L,S,v[b+13],We,1309151649),S=f(S,T,E,L,v[b+4],Oe,4149444226),L=f(L,S,T,E,v[b+11],Ve,3174756917),E=f(E,L,S,T,v[b+2],ke,718787259),T=f(T,E,L,S,v[b+9],We,3951481745),S=t(S,x),T=t(T,y),E=t(E,z),L=t(L,M);var Pe=h(S)+h(T)+h(E)+h(L);return Pe.toLowerCase()}var H2e=J`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:block}.expanding-action--fill{padding-inline:var(--zn-spacing-medium);padding-bottom:var(--zn-spacing-2x-small);position:absolute;top:0;left:auto;right:0;bottom:0;background-color:rgb(var(--zn-panel));width:0;transition:width var(--zn-transition-slow) cubic-bezier(0.62,0.16,0.13,1.01),opacity var(--zn-transition-slow) cubic-bezier(0.62,0.16,0.13,1.01),display var(--zn-transition-slow) ease-in-out allow-discrete}@starting-style {.expanding-action--fill.expanding-action--open{width:0}}.expanding-action--fill.expanding-action--open{display:flex;flex-direction:row;align-items:center;gap:10px;height:100%;width:min(100%,800px);overflow:hidden;z-index:100;max-width:800px}.expanding-action--fill.expanding-action--open::before{content:"";position:absolute;left:calc(var(--zn-spacing-medium) * -1);right:calc(var(--zn-spacing-medium) * -1);bottom:6px;background-color:rgb(var(--zn-primary));height:2px}.expanding-action--fill.expanding-action--open>zn-icon{display:block;color:rgb(var(--zn-primary))}.expanding-action--fill.expanding-action--closed{display:none;opacity:0}@starting-style {.expanding-action--fill .expanding-action__content{opacity:0}}.expanding-action--fill .expanding-action__content{opacity:1;width:100%;display:flex;flex-direction:column;justify-content:center;padding:0}.expanding-action--drop,.expanding-action--drop .expanding-action__dropdown,.expanding-action--drop .expanding-action__dropdown zn-button[slot=trigger]{height:100%}.expanding-action--drop .expanding-action__content{--expanding-action-trigger-width:36px;position:relative;min-width:300px;width:var(--expanding-action-basis,var(--zn-container-smp,320px));max-width:80vw;max-height:min(60vh,var(--expanding-action-max-height,var(--auto-size-available-height,50vh)));background-color:rgb(var(--zn-panel));box-shadow:0 8px 16px -6px rgba(33,33,33,0.18);border:solid 1px rgb(var(--zn-border-color));border-top:0;border-radius:0 0 var(--zn-border-radius) var(--zn-border-radius);padding:0;height:100%;overflow:hidden;overflow-y:auto}.expanding-action--drop .expanding-action__content::before{content:"";position:absolute;inset:0 calc(var(--expanding-action-trigger-width) - 2px) auto 0;z-index:2;height:1px;background:rgb(var(--zn-border-color))}:host([open]) .expanding-action__dropdown zn-button[slot=trigger]{position:relative;z-index:calc(var(--zn-z-index-dropdown) + 1)}:host([open]) .expanding-action__dropdown zn-button[slot=trigger]::before{content:"";position:absolute;inset:0;z-index:-1;background:rgb(var(--zn-panel));border:solid 1px rgb(var(--zn-border-color));border-bottom-color:rgb(var(--zn-panel));border-radius:var(--zn-border-radius) var(--zn-border-radius) 0 0}:host([open]) .expanding-action__dropdown zn-button[slot=trigger]::part(base):hover,:host([open]) .expanding-action__dropdown zn-button[slot=trigger]::part(base):active{background:transparent}`;var Ga=class extends X{constructor(){super();this.method="drop";this.prefetch=!1;this.basis="300";this.open=!1;this.fetchStyle="";this.noPrefetch=!1;this._knownUri=new Map;this._actions=[];this._preload=!0;this._metaObserved=!1;this._countObserver=new vr(this,{target:null,config:{subtree:!0,attributes:!0,attributeFilter:["content"],childList:!0},callback:()=>{var s,l;let t=dr("app-content",this,"")[0],i=(s=t==null?void 0:t.shadowRoot)==null?void 0:s.querySelector('meta[name="count"]');if(!i)return;let n=i.getAttribute("content"),o=(l=this.shadowRoot)==null?void 0:l.querySelector(".expanding-action__dropdown zn-button");n&&o&&o.setAttribute("notification",n)}});this._colorObserver=new vr(this,{target:null,config:{subtree:!0,attributes:!0,attributeFilter:["content"],childList:!0},callback:()=>{var o;let t=dr("app-content",this,"")[0],i=(o=t==null?void 0:t.shadowRoot)==null?void 0:o.querySelector('meta[name="color"]');if(!i)return;let n=i.getAttribute("content");n&&(this.color=n)}});this.handleIconClicked=()=>{this.open=!this.open};this.handleIconCloseClicked=()=>{this.open=!1};this._panels=new Map}async connectedCallback(){var t;super.connectedCallback(),this.masterId||(this.masterId=Math.floor(Math.random()*1e6).toString()),this._preload=!this.noPrefetch,await this.updateComplete,this._panel=(t=this.shadowRoot)==null?void 0:t.querySelector("#content")}firstUpdated(t){super.firstUpdated(t),setTimeout(()=>{this._registerActions()},10),this.contextUri&&setTimeout(()=>{this.fetchContextHeaders().then(i=>i)},10)}_observeMetaData(){if(this._metaObserved)return;let t=dr("app-content",this,"")[0],i=t==null?void 0:t.shadowRoot;i&&(this._countObserver.observe(i),this._colorObserver.observe(i),this._metaObserved=!0)}_registerActions(){dr("[action-uri]",this,"zn-expanding-action").forEach(t=>{t.getAttribute("action-uri")===""&&(t.setAttribute("action",""),t.removeAttribute("action-uri")),this._addAction(t)})}_addAction(t){this._actions.includes(t)||(this._actions.push(t),this._preload&&t.addEventListener("mouseover",this.fetchUri.bind(this,t)),t.addEventListener("click",this._handleClick.bind(this)))}_uriToId(t){return"action-"+Qw(t).substr(0,8)+"-"+this.masterId}_handleClick(t){var n;let i=(n=t.relatedTarget)!=null?n:t.target;i&&this.clickAction(i)}_createUriPanel(t,i,n){if(t.hasAttribute("action")||t.setAttribute("action",n),this._knownUri.has(i)||this._knownUri.set(i,n),this._panels.has(n)&&this._panels.get(n)!==void 0)return this._panels.get(n)[0];let o=document.createElement("div");return o.setAttribute("id",n),this.fetchStyle!==""&&o.setAttribute("data-fetch-style",this.fetchStyle),o.setAttribute("data-self-uri",i),o.setAttribute("data-fetch-style","expanding-action"),o.textContent="Loading ...",this._panel instanceof HTMLElement&&(this._panel.appendChild(o),this._panels.set(n,[o])),document.dispatchEvent(new CustomEvent("zn-new-element",{detail:{element:o,source:t}})),o}fetchUri(t){var i;if(!t.hasAttribute("action")&&t.hasAttribute("action-uri")){let n=(i=t.getAttribute("action-uri"))!=null?i:"";this._createUriPanel(t,n,this._uriToId(n)),this._observeMetaData()}}async fetchContextHeaders(){try{let t=await fetch(this.contextUri,{credentials:"same-origin",method:"head",headers:{"x-requested-with":"XMLHttpRequest"}}),i=t.headers.get("x-kubex-count");i&&(this.count=i);let n=t.headers.get("x-kubex-color");n&&(this.color=n)}catch(t){}}clickAction(t){this.fetchUri(t)}render(){return C`
|
|
1214
|
+
`);let Ae="";for(let et=0;et<Te.length;et++){let Z=Te.charCodeAt(et);Z<128?Ae+=String.fromCharCode(Z):Z>127&&Z<2048?(Ae+=String.fromCharCode(Z>>6|192),Ae+=String.fromCharCode(Z&63|128)):(Ae+=String.fromCharCode(Z>>12|224),Ae+=String.fromCharCode(Z>>6&63|128),Ae+=String.fromCharCode(Z&63|128))}return Ae}let v,b,x,y,z,M,S,T,E,L,q=7,B=12,H=17,V=22,K=5,U=9,te=14,ne=20,le=4,_e=11,ye=16,ze=23,Oe=6,Ve=10,ke=15,We=21;for(a=m(a),v=p(a),S=1732584193,T=4023233417,E=2562383102,L=271733878,b=0;b<v.length;b+=16)x=S,y=T,z=E,M=L,S=l(S,T,E,L,v[b+0],q,3614090360),L=l(L,S,T,E,v[b+1],B,3905402710),E=l(E,L,S,T,v[b+2],H,606105819),T=l(T,E,L,S,v[b+3],V,3250441966),S=l(S,T,E,L,v[b+4],q,4118548399),L=l(L,S,T,E,v[b+5],B,1200080426),E=l(E,L,S,T,v[b+6],H,2821735955),T=l(T,E,L,S,v[b+7],V,4249261313),S=l(S,T,E,L,v[b+8],q,1770035416),L=l(L,S,T,E,v[b+9],B,2336552879),E=l(E,L,S,T,v[b+10],H,4294925233),T=l(T,E,L,S,v[b+11],V,2304563134),S=l(S,T,E,L,v[b+12],q,1804603682),L=l(L,S,T,E,v[b+13],B,4254626195),E=l(E,L,S,T,v[b+14],H,2792965006),T=l(T,E,L,S,v[b+15],V,1236535329),S=d(S,T,E,L,v[b+1],K,4129170786),L=d(L,S,T,E,v[b+6],U,3225465664),E=d(E,L,S,T,v[b+11],te,643717713),T=d(T,E,L,S,v[b+0],ne,3921069994),S=d(S,T,E,L,v[b+5],K,3593408605),L=d(L,S,T,E,v[b+10],U,38016083),E=d(E,L,S,T,v[b+15],te,3634488961),T=d(T,E,L,S,v[b+4],ne,3889429448),S=d(S,T,E,L,v[b+9],K,568446438),L=d(L,S,T,E,v[b+14],U,3275163606),E=d(E,L,S,T,v[b+3],te,4107603335),T=d(T,E,L,S,v[b+8],ne,1163531501),S=d(S,T,E,L,v[b+13],K,2850285829),L=d(L,S,T,E,v[b+2],U,4243563512),E=d(E,L,S,T,v[b+7],te,1735328473),T=d(T,E,L,S,v[b+12],ne,2368359562),S=c(S,T,E,L,v[b+5],le,4294588738),L=c(L,S,T,E,v[b+8],_e,2272392833),E=c(E,L,S,T,v[b+11],ye,1839030562),T=c(T,E,L,S,v[b+14],ze,4259657740),S=c(S,T,E,L,v[b+1],le,2763975236),L=c(L,S,T,E,v[b+4],_e,1272893353),E=c(E,L,S,T,v[b+7],ye,4139469664),T=c(T,E,L,S,v[b+10],ze,3200236656),S=c(S,T,E,L,v[b+13],le,681279174),L=c(L,S,T,E,v[b+0],_e,3936430074),E=c(E,L,S,T,v[b+3],ye,3572445317),T=c(T,E,L,S,v[b+6],ze,76029189),S=c(S,T,E,L,v[b+9],le,3654602809),L=c(L,S,T,E,v[b+12],_e,3873151461),E=c(E,L,S,T,v[b+15],ye,530742520),T=c(T,E,L,S,v[b+2],ze,3299628645),S=f(S,T,E,L,v[b+0],Oe,4096336452),L=f(L,S,T,E,v[b+7],Ve,1126891415),E=f(E,L,S,T,v[b+14],ke,2878612391),T=f(T,E,L,S,v[b+5],We,4237533241),S=f(S,T,E,L,v[b+12],Oe,1700485571),L=f(L,S,T,E,v[b+3],Ve,2399980690),E=f(E,L,S,T,v[b+10],ke,4293915773),T=f(T,E,L,S,v[b+1],We,2240044497),S=f(S,T,E,L,v[b+8],Oe,1873313359),L=f(L,S,T,E,v[b+15],Ve,4264355552),E=f(E,L,S,T,v[b+6],ke,2734768916),T=f(T,E,L,S,v[b+13],We,1309151649),S=f(S,T,E,L,v[b+4],Oe,4149444226),L=f(L,S,T,E,v[b+11],Ve,3174756917),E=f(E,L,S,T,v[b+2],ke,718787259),T=f(T,E,L,S,v[b+9],We,3951481745),S=t(S,x),T=t(T,y),E=t(E,z),L=t(L,M);var Pe=h(S)+h(T)+h(E)+h(L);return Pe.toLowerCase()}var H2e=J`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:block}.expanding-action--fill{padding-inline:var(--zn-spacing-medium);padding-bottom:var(--zn-spacing-2x-small);position:absolute;top:0;left:auto;right:0;bottom:0;background-color:rgb(var(--zn-panel));width:0;transition:width var(--zn-transition-slow) cubic-bezier(0.62,0.16,0.13,1.01),opacity var(--zn-transition-slow) cubic-bezier(0.62,0.16,0.13,1.01),display var(--zn-transition-slow) ease-in-out allow-discrete}@starting-style {.expanding-action--fill.expanding-action--open{width:0}}.expanding-action--fill.expanding-action--open{display:flex;flex-direction:row;align-items:center;gap:10px;height:100%;width:min(100%,800px);overflow:hidden;z-index:100;max-width:800px}.expanding-action--fill.expanding-action--open::before{content:"";position:absolute;left:calc(var(--zn-spacing-medium) * -1);right:calc(var(--zn-spacing-medium) * -1);bottom:6px;background-color:rgb(var(--zn-primary));height:2px}.expanding-action--fill.expanding-action--open>zn-icon{display:block;color:rgb(var(--zn-primary))}.expanding-action--fill.expanding-action--closed{display:none;opacity:0}@starting-style {.expanding-action--fill .expanding-action__content{opacity:0}}.expanding-action--fill .expanding-action__content{opacity:1;width:100%;display:flex;flex-direction:column;justify-content:center;padding:0}.expanding-action--drop,.expanding-action--drop .expanding-action__dropdown,.expanding-action--drop .expanding-action__dropdown zn-button[slot=trigger]{height:100%}.expanding-action--drop .expanding-action__content{--expanding-action-trigger-width:36px;position:relative;min-width:300px;width:var(--expanding-action-basis,var(--zn-container-smp,320px));max-width:80vw;background-color:rgb(var(--zn-panel));box-shadow:0 8px 16px -6px rgba(33,33,33,0.18);border:solid 1px rgb(var(--zn-border-color));border-radius:var(--zn-border-radius) 0 var(--zn-border-radius) var(--zn-border-radius);padding:0;height:100%}.expanding-action--drop .expanding-action__content::before{content:"";position:absolute;top:-1px;left:calc(100% - var(--expanding-action-trigger-width) + 2px);right:0;z-index:1;height:2px;background:rgb(var(--zn-panel))}:host([data-trigger-side=left]) .expanding-action--drop .expanding-action__content{border-radius:0 var(--zn-border-radius) var(--zn-border-radius) var(--zn-border-radius)}:host([data-trigger-side=left]) .expanding-action--drop .expanding-action__content::before{left:0;right:calc(100% - var(--expanding-action-trigger-width) + 2px)}:host([open]) .expanding-action__dropdown zn-button[slot=trigger]{position:relative;z-index:calc(var(--zn-z-index-dropdown) + 1)}:host([open]) .expanding-action__dropdown zn-button[slot=trigger]::before{content:"";position:absolute;inset:0;z-index:-1;height:41px;background:rgb(var(--zn-panel));border:solid 1px rgb(var(--zn-border-color));border-bottom-color:rgb(var(--zn-panel));border-radius:var(--zn-border-radius) var(--zn-border-radius) 0 0}:host([open]) .expanding-action__dropdown zn-button[slot=trigger]::part(base):hover,:host([open]) .expanding-action__dropdown zn-button[slot=trigger]::part(base):active{background:transparent}`;var Ga=class extends X{constructor(){super();this.method="drop";this.prefetch=!1;this.basis="300";this.open=!1;this.fetchStyle="";this.noPrefetch=!1;this._knownUri=new Map;this._actions=[];this._preload=!0;this._metaObserved=!1;this._countObserver=new vr(this,{target:null,config:{subtree:!0,attributes:!0,attributeFilter:["content"],childList:!0},callback:()=>{var s,l;let t=dr("app-content",this,"")[0],i=(s=t==null?void 0:t.shadowRoot)==null?void 0:s.querySelector('meta[name="count"]');if(!i)return;let n=i.getAttribute("content"),o=(l=this.shadowRoot)==null?void 0:l.querySelector(".expanding-action__dropdown zn-button");n&&o&&o.setAttribute("notification",n)}});this._colorObserver=new vr(this,{target:null,config:{subtree:!0,attributes:!0,attributeFilter:["content"],childList:!0},callback:()=>{var o;let t=dr("app-content",this,"")[0],i=(o=t==null?void 0:t.shadowRoot)==null?void 0:o.querySelector('meta[name="color"]');if(!i)return;let n=i.getAttribute("content");n&&(this.color=n)}});this.handleIconClicked=()=>{this.open=!this.open};this.handleIconCloseClicked=()=>{this.open=!1};this._updateTriggerSide=()=>{var d,c;let t=(d=this.shadowRoot)==null?void 0:d.querySelector('.expanding-action__dropdown zn-button[slot="trigger"]'),i=(c=this.shadowRoot)==null?void 0:c.querySelector("#content");if(!t||!i)return;let n=t.getBoundingClientRect(),o=i.getBoundingClientRect();if(o.width===0)return;let s=(n.left+n.right)/2,l=(o.left+o.right)/2;this.setAttribute("data-trigger-side",s>l?"right":"left")};this._panels=new Map}async connectedCallback(){var t;super.connectedCallback(),this.masterId||(this.masterId=Math.floor(Math.random()*1e6).toString()),this._preload=!this.noPrefetch,await this.updateComplete,this._panel=(t=this.shadowRoot)==null?void 0:t.querySelector("#content")}firstUpdated(t){super.firstUpdated(t),setTimeout(()=>{this._registerActions()},10),this.contextUri&&setTimeout(()=>{this.fetchContextHeaders().then(i=>i)},10)}_observeMetaData(){if(this._metaObserved)return;let t=dr("app-content",this,"")[0],i=t==null?void 0:t.shadowRoot;i&&(this._countObserver.observe(i),this._colorObserver.observe(i),this._metaObserved=!0)}_registerActions(){dr("[action-uri]",this,"zn-expanding-action").forEach(t=>{t.getAttribute("action-uri")===""&&(t.setAttribute("action",""),t.removeAttribute("action-uri")),this._addAction(t)})}_addAction(t){this._actions.includes(t)||(this._actions.push(t),this._preload&&t.addEventListener("mouseover",this.fetchUri.bind(this,t)),t.addEventListener("click",this._handleClick.bind(this)))}_uriToId(t){return"action-"+Qw(t).substr(0,8)+"-"+this.masterId}_handleClick(t){var n;let i=(n=t.relatedTarget)!=null?n:t.target;i&&this.clickAction(i)}_createUriPanel(t,i,n){if(t.hasAttribute("action")||t.setAttribute("action",n),this._knownUri.has(i)||this._knownUri.set(i,n),this._panels.has(n)&&this._panels.get(n)!==void 0)return this._panels.get(n)[0];let o=document.createElement("div");return o.setAttribute("id",n),this.fetchStyle!==""&&o.setAttribute("data-fetch-style",this.fetchStyle),o.setAttribute("data-self-uri",i),o.setAttribute("data-fetch-style","expanding-action"),o.textContent="Loading ...",this._panel instanceof HTMLElement&&(this._panel.appendChild(o),this._panels.set(n,[o])),document.dispatchEvent(new CustomEvent("zn-new-element",{detail:{element:o,source:t}})),o}fetchUri(t){var i;if(!t.hasAttribute("action")&&t.hasAttribute("action-uri")){let n=(i=t.getAttribute("action-uri"))!=null?i:"";this._createUriPanel(t,n,this._uriToId(n)),this._observeMetaData()}}async fetchContextHeaders(){try{let t=await fetch(this.contextUri,{credentials:"same-origin",method:"head",headers:{"x-requested-with":"XMLHttpRequest"}}),i=t.headers.get("x-kubex-count");i&&(this.count=i);let n=t.headers.get("x-kubex-color");n&&(this.color=n)}catch(t){}}clickAction(t){this.fetchUri(t)}_observePlacement(){var n,o;let t=(n=this.shadowRoot)==null?void 0:n.querySelector(".expanding-action__dropdown"),i=(o=t==null?void 0:t.shadowRoot)==null?void 0:o.querySelector(".dropdown");if(!i){requestAnimationFrame(()=>this._observePlacement());return}this._updateTriggerSide(),!this._placementObserver&&(this._placementObserver=new MutationObserver(this._updateTriggerSide),this._placementObserver.observe(i,{attributes:!0,attributeFilter:["data-current-placement"]}))}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._placementObserver)==null||t.disconnect(),this._placementObserver=void 0}render(){return C`
|
|
1215
1215
|
${this.method==="fill"?C`
|
|
1216
1216
|
<zn-button class="expanding-action__button"
|
|
1217
1217
|
@click="${this.handleIconClicked}"
|
|
@@ -1228,7 +1228,7 @@ function print() { __p += __j.call(arguments, '') }
|
|
|
1228
1228
|
</div>`}renderDropdown(){return C`
|
|
1229
1229
|
<zn-dropdown class="expanding-action__dropdown"
|
|
1230
1230
|
placement="bottom-end"
|
|
1231
|
-
@zn-show="${()=>{this.open=!0}}"
|
|
1231
|
+
@zn-show="${()=>{this.open=!0,this._observePlacement()}}"
|
|
1232
1232
|
@zn-hide="${()=>{this.open=!1}}">
|
|
1233
1233
|
<zn-button slot="trigger"
|
|
1234
1234
|
class="expanding-action__button"
|
|
@@ -1253,7 +1253,7 @@ function print() { __p += __j.call(arguments, '') }
|
|
|
1253
1253
|
@click="${this.handleIconCloseClicked}"
|
|
1254
1254
|
icon="close"
|
|
1255
1255
|
icon-size="20">
|
|
1256
|
-
</zn-button>`}};Ga.styles=Q(H2e),_([w()],Ga.prototype,"icon",2),_([w()],Ga.prototype,"method",2),_([w({attribute:"context-uri",reflect:!0})],Ga.prototype,"contextUri",2),_([w({reflect:!0})],Ga.prototype,"count",2),_([w({reflect:!0})],Ga.prototype,"color",2),_([w({type:Boolean})],Ga.prototype,"prefetch",2),_([w()],Ga.prototype,"basis",2),_([w({attribute:"max-height"})],Ga.prototype,"maxHeight",2),_([w({reflect:!0,type:Boolean})],Ga.prototype,"open",2),_([w({attribute:"master-id",reflect:!0})],Ga.prototype,"masterId",2),_([w({attribute:"fetch-style",type:String,reflect:!0})],Ga.prototype,"fetchStyle",2),_([w({attribute:"no-prefetch",type:Boolean,reflect:!0})],Ga.prototype,"noPrefetch",2);var RA=Ga;Ga.define("zn-expanding-action");var F2e=J`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:contents;height:100%}`;var Vs=class extends X{constructor(){super(...arguments);this.selected=!1}render(){return C`<slot></slot>`}};Vs.styles=Q(F2e),_([w()],Vs.prototype,"caption",2),_([w({type:Number})],Vs.prototype,"priority",2),_([w()],Vs.prototype,"uri",2),_([w({type:Boolean,reflect:!0})],Vs.prototype,"selected",2);var OA=Vs;Vs.define("zn-tab");var V2e=J`@charset "UTF-8";@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:root,[t=light],.theme-light{color-scheme:light;--zn-color-gray-100:hsl(240,13%,95%);--zn-color-gray-300:hsl(260,21%,89%);--zn-color-gray-400:hsl(251,17%,76%);--zn-color-gray-500:hsl(254,17%,66%);--zn-color-gray-800:hsl(259,13%,42%);--zn-color-gray-900:hsl(262,12%,35%);--zn-color-red-500:hsl(0 84.2% 60.2%);--zn-color-red-600:hsl(0 72.2% 50.6%);--zn-color-orange-500:hsl(24.6 95% 53.1%);--zn-color-amber-400:hsl(43.3 96.4% 56.3%);--zn-color-yellow-400:hsl(51,100%,53%);--zn-color-green-500:hsl(142.1 70.6% 45.3%);--zn-color-blue-500:hsl(217.2 91.2% 59.8%);--zn-color-indigo-400:hsl(234.5 89.5% 73.9%);--zn-color-indigo-500:hsl(238.7 83.5% 66.7%);--zn-color-violet-500:hsl(258.3 89.5% 66.3%);--zn-color-violet-600:hsl(262.1 83.3% 57.8%);--zn-color-purple-50:hsl(249,100%,97%);--zn-color-purple-100:hsl(245,100%,95%);--zn-color-purple-200:hsl(244,100%,92%);--zn-color-purple-600:hsl(256,91%,59%);--zn-color-pink-400:hsl(328.6 85.5% 70.2%);--zn-color-pink-500:hsl(330.4 81.2% 60.4%);--zn-color-primary-50:var(--zn-color-purple-50);--zn-color-primary-100:var(--zn-color-purple-100);--zn-color-primary-200:var(--zn-color-purple-200);--zn-color-primary-300:hsl(246,100%,85%);--zn-color-primary-400:hsl(249,100%,76%);--zn-color-primary-500:hsl(252,98%,66%);--zn-color-primary-600:var(--zn-color-purple-600);--zn-color-primary-700:hsl(257,76%,50%);--zn-color-primary-800:hsl(257,76%,42%);--zn-color-primary-900:hsl(257,73%,35%);--zn-color-success-50:hsl(138.5 76.5% 96.7%);--zn-color-success-200:rgb(var(--zn-green));--zn-color-success-300:hsl(141.7 76.6% 73.1%);--zn-color-success-400:hsl(141.9 69.2% 58%);--zn-color-success-500:var(--zn-color-green-500);--zn-color-success-600:hsl(142.1 76.2% 36.3%);--zn-color-success-700:hsl(142.4 71.8% 29.2%);--zn-color-warning-50:hsl(48 100% 96.1%);--zn-color-warning-400:var(--zn-color-amber-400);--zn-color-warning-500:hsl(37.7 92.1% 50.2%);--zn-color-warning-600:hsl(32.1 94.6% 43.7%);--zn-color-danger-50:hsl(0 85.7% 97.3%);--zn-color-danger-100:rgb(var(--zn-red));--zn-color-danger-200:rgb(var(--zn-red));--zn-color-danger-300:hsl(0 93.5% 81.8%);--zn-color-danger-500:var(--zn-color-red-500);--zn-color-danger-600:var(--zn-color-red-600);--zn-color-danger-700:rgb(var(--zn-red));--zn-color-danger-800:hsl(0 70% 35.3%);--zn-color-neutral-50:hsl(255,33%,98%);--zn-color-neutral-100:var(--zn-color-gray-100);--zn-color-neutral-200:hsl(255,12%,94%);--zn-color-neutral-300:var(--zn-color-gray-300);--zn-color-neutral-400:var(--zn-color-gray-400);--zn-color-neutral-500:var(--zn-color-gray-500);--zn-color-neutral-600:hsl(258,15%,58%);--zn-color-neutral-700:hsl(259,13%,54%);--zn-color-neutral-800:var(--zn-color-gray-800);--zn-color-neutral-900:var(--zn-color-gray-900);--zn-color-neutral-0:hsl(0,0%,100%);--zn-color-neutral-1000:hsl(0,0%,0%);--zn-border-radius:6px;--zn-border-radius-small:2px;--zn-border-radius-circle:50%;--zn-border-radius-pill:9999px;--zn-shadow-x-small:0 1px 4px rgba(0,0,0,0.10);--zn-shadow-small:0 3px 9px rgba(0,0,0,0.15);--zn-shadow-medium:0 6px 18px rgba(0,0,0,0.15);--zn-shadow-large:0 6px 20px rgba(0,0,0,0.15);--zn-shadow-x-large:0 6px 20px rgba(0,0,0,0.25);--zn-container:var(--zn-container-hd);--zn-container-default:100%;--zn-container-sm:360px;--zn-container-smp:480px;--zn-container-ph:600px;--zn-container-md:768px;--zn-container-lg:1100px;--zn-container-hd:1400px;--zn-container-3k:1960px;--zn-container-4k:2560px;--zn-transition-x-slow:1000ms;--zn-transition-slow:500ms;--zn-transition-medium:250ms;--zn-transition-fast:150ms;--zn-transition-x-fast:50ms;--zn-gap:var(--zn-base-gap,var(--zn-spacing-medium,4px));--zn-font-mono:'Roboto Mono',SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;--zn-font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';--zn-font-serif:'Roboto Slab',Georgia,'Times New Roman',serif;--zn-font-size-2x-small:0.625rem;--zn-font-size-x-small:0.75rem;--zn-font-size-small:0.929rem;--zn-font-size-medium:1rem;--zn-font-size-large:1.15rem;--zn-font-size-x-large:1.25rem;--zn-font-size-2x-large:2.25rem;--zn-font-size-3x-large:3rem;--zn-font-size-4x-large:4.5rem;--zn-font-weight-light:300;--zn-font-weight-normal:400;--zn-font-weight-medium:500;--zn-font-weight-semibold:600;--zn-font-weight-bold:700;--zn-letter-spacing-normal:normal;--zn-letter-spacing-loose:0.5px;--zn-line-height-denser:1;--zn-line-height-dense:1.5;--zn-line-height-normal:2;--zn-line-height-loose:2.5;--zn-line-height-looser:3;--zn-focus-ring-color:var(--zn-color-primary-600);--zn-focus-ring-style:solid;--zn-focus-ring-width-x-small:1px;--zn-focus-ring-width:3px;--zn-focus-ring:var(--zn-focus-ring-style) var(--zn-focus-ring-width) var(--zn-focus-ring-color);--zn-focus-ring-offset:1px;--zn-input-height-x-small:24px;--zn-input-height-small:30px;--zn-input-height-medium:36px;--zn-input-height-large:40px;--zn-input-background-color:var(--zn-color-neutral-50);--zn-input-background-color-hover:var(--zn-color-neutral-100);--zn-input-background-color-focus:var(--zn-color-neutral-100);--zn-input-background-color-disabled:var(--zn-color-neutral-400);--zn-input-border-color:var(--zn-color-neutral-300);--zn-input-border-color-hover:var(--zn-color-neutral-400);--zn-input-border-color-focus:var(--zn-color-primary-500);--zn-input-border-color-disabled:var(--zn-color-neutral-300);--zn-input-border-width:1px;--zn-input-required-content:'*';--zn-input-required-content-offset:-2px;--zn-input-required-content-color:var(--zn-input-label-color);--zn-input-border-radius-x-small:var(--zn-border-radius);--zn-input-border-radius-small:var(--zn-border-radius);--zn-input-border-radius-medium:var(--zn-border-radius);--zn-input-border-radius-large:var(--zn-border-radius);--zn-input-font-family:var(--zn-font-sans);--zn-input-font-weight:var(--zn-text-input-content-font-weight);--zn-input-font-size-x-small:var(--zn-font-size-x-small);--zn-input-font-size-small:var(--zn-font-size-small);--zn-input-font-size-medium:var(--zn-text-input-content-font-size);--zn-input-font-size-large:var(--zn-font-size-large);--zn-input-line-height:var(--zn-text-input-content-line-height);--zn-input-letter-spacing:var(--zn-letter-spacing-normal);--zn-input-color:var(--zn-text-input-content-color);--zn-input-color-hover:var(--zn-color-neutral-800);--zn-input-color-focus:var(--zn-color-neutral-700);--zn-input-color-disabled:var(--zn-color-neutral-800);--zn-input-icon-color:var(--zn-color-neutral-500);--zn-input-icon-color-hover:var(--zn-color-neutral-600);--zn-input-icon-color-focus:var(--zn-color-neutral-600);--zn-input-placeholder-color:var(--zn-text-input-placeholder-color);--zn-input-placeholder-color-disabled:var(--zn-color-neutral-600);--zn-input-spacing-small:var(--zn-spacing-small);--zn-input-spacing-medium:var(--zn-spacing-medium);--zn-input-spacing-large:var(--zn-spacing-large);--zn-input-focus-ring-color:hsl(256 91% 59%/40%);--zn-input-focus-ring-offset:0;--zn-input-label-font-size-small:var(--zn-font-size-small);--zn-input-label-font-size-medium:var(--zn-text-input-label-font-size);--zn-input-label-font-size-large:var(--zn-font-size-large);--zn-input-label-font-weight:var(--zn-text-input-label-font-weight);--zn-input-label-line-height:var(--zn-text-input-label-line-height);--zn-input-label-color:var(--zn-text-input-label-color);--zn-input-help-text-font-size-small:var(--zn-font-size-x-small);--zn-input-help-text-font-size-medium:var(--zn-font-size-small);--zn-input-help-text-font-size-large:var(--zn-font-size-medium);--zn-input-help-text-color:var(--zn-color-neutral-500);--zn-toggle-size-small:0.875rem;--zn-toggle-size-medium:1.125rem;--zn-toggle-size-large:1.375rem;--zn-overlay-background-color:hsl(none 0% 0%/0.7);--zn-panel-background-color:var(--zn-color-neutral-0);--zn-panel-border-color:var(--zn-color-neutral-200);--zn-panel-border-width:1px;--zn-tooltip-border-radius:var(--zn-border-radius);--zn-tooltip-background-color:var(--zn-color-neutral-900);--zn-tooltip-color:var(--zn-color-neutral-0);--zn-tooltip-font-family:var(--zn-font-sans);--zn-tooltip-font-weight:var(--zn-font-weight-normal);--zn-tooltip-font-size:var(--zn-font-size-small);--zn-tooltip-line-height:var(--zn-line-height-dense);--zn-tooltip-padding:var(--zn-spacing-x-small) var(--zn-spacing-small);--zn-tooltip-arrow-size:6px;--zn-z-index-page-nav:500;--zn-z-index-drawer:700;--zn-z-index-dialog:800;--zn-z-index-dropdown:900;--zn-z-index-toast:950;--zn-z-index-tooltip:1000;--zn-z-index-editor-action:1000000}[t=dark],.theme-dark{color-scheme:dark;--zn-color-gray-50:hsl(258,15%,23%);--zn-color-gray-100:hsl(262,12%,35%);--zn-color-gray-200:hsl(259,13%,42%);--zn-color-gray-300:hsl(259,13%,54%);--zn-color-gray-400:hsl(258,15%,58%);--zn-color-gray-500:hsl(254,17%,66%);--zn-color-gray-600:hsl(251,17%,76%);--zn-color-gray-700:hsl(260,21%,89%);--zn-color-gray-800:hsl(255,12%,94%);--zn-color-gray-900:hsl(240,13%,95%);--zn-color-gray-950:hsl(255,33%,98%);--zn-color-red-50:hsl(0 56% 23.9%);--zn-color-red-100:hsl(0.6 60% 33.9%);--zn-color-red-200:hsl(0.9 67.2% 37.1%);--zn-color-red-300:hsl(1.1 71.3% 43.7%);--zn-color-red-400:hsl(1 76% 52.5%);--zn-color-red-500:hsl(0.7 89.6% 57.2%);--zn-color-red-600:hsl(0 98.6% 67.9%);--zn-color-red-700:hsl(0 100% 72.3%);--zn-color-red-800:hsl(0 100% 85.6%);--zn-color-red-900:hsl(0 100% 90.3%);--zn-color-red-950:hsl(0 100% 95.9%);--zn-color-orange-50:hsl(15 64.2% 23.3%);--zn-color-orange-100:hsl(15.1 70.9% 31.1%);--zn-color-orange-200:hsl(15.3 75.7% 35.5%);--zn-color-orange-300:hsl(17.1 83.5% 42.7%);--zn-color-orange-400:hsl(20.1 88% 50.8%);--zn-color-orange-500:hsl(24.3 100% 50.5%);--zn-color-orange-600:hsl(27.2 100% 57.7%);--zn-color-orange-700:hsl(31.3 100% 68.7%);--zn-color-orange-800:hsl(33.8 100% 79.3%);--zn-color-orange-900:hsl(38.9 100% 87.7%);--zn-color-orange-950:hsl(46.2 100% 95%);--zn-color-amber-50:hsl(21.9 66.3% 21.1%);--zn-color-amber-100:hsl(21.5 73.6% 29.7%);--zn-color-amber-200:hsl(22.3 77.6% 33.3%);--zn-color-amber-300:hsl(25.4 84.2% 39.6%);--zn-color-amber-400:hsl(31.4 87.4% 46.7%);--zn-color-amber-500:hsl(37 96.6% 48.3%);--zn-color-amber-600:hsl(43.3 100% 53.4%);--zn-color-amber-700:hsl(46.5 100% 61.1%);--zn-color-amber-800:hsl(49.3 100% 73%);--zn-color-amber-900:hsl(51.8 100% 85%);--zn-color-amber-950:hsl(60 100% 94.6%);--zn-color-yellow-50:hsl(34,86%,14%);--zn-color-yellow-100:hsl(36,74%,26%);--zn-color-yellow-200:hsl(40,82%,29%);--zn-color-yellow-300:hsl(43,94%,33%);--zn-color-yellow-400:hsl(48,98%,40%);--zn-color-yellow-500:hsl(53,95%,47%);--zn-color-yellow-600:hsl(51,100%,53%);--zn-color-yellow-700:hsl(54,100%,63%);--zn-color-yellow-800:hsl(61,100%,77%);--zn-color-yellow-900:hsl(63,100%,88%);--zn-color-yellow-950:hsl(63,92%,95%);--zn-color-lime-50:hsl(86.5 54.4% 18%);--zn-color-lime-100:hsl(87.6 56.8% 23.3%);--zn-color-lime-200:hsl(85.8 63.2% 24.5%);--zn-color-lime-300:hsl(86.1 72% 29.4%);--zn-color-lime-400:hsl(85.5 76.8% 37.3%);--zn-color-lime-500:hsl(84.3 74.2% 42.1%);--zn-color-lime-600:hsl(82.8 81.5% 52.6%);--zn-color-lime-700:hsl(82 89.9% 64%);--zn-color-lime-800:hsl(80.9 97.9% 76.6%);--zn-color-lime-900:hsl(77.9 100% 85.8%);--zn-color-lime-950:hsl(69.5 100% 93.8%);--zn-color-green-50:hsl(144.3 53.6% 16%);--zn-color-green-100:hsl(143.2 55.4% 23.5%);--zn-color-green-200:hsl(141.5 58.2% 26.3%);--zn-color-green-300:hsl(140.8 64.2% 31.8%);--zn-color-green-400:hsl(140.3 68% 39.2%);--zn-color-green-500:hsl(141.1 64.9% 43%);--zn-color-green-600:hsl(141.6 72.4% 55.2%);--zn-color-green-700:hsl(141.7 82.7% 70.1%);--zn-color-green-800:hsl(141 90.9% 82.1%);--zn-color-green-900:hsl(142 100% 89.1%);--zn-color-green-950:hsl(144 100% 95.5%);--zn-color-emerald-50:hsl(164.3 75% 13.5%);--zn-color-emerald-100:hsl(163.5 72.6% 20.1%);--zn-color-emerald-200:hsl(162.1 73.7% 22.4%);--zn-color-emerald-300:hsl(161.3 77.3% 27.6%);--zn-color-emerald-400:hsl(159.6 77.1% 34.3%);--zn-color-emerald-500:hsl(159.1 73.5% 37.9%);--zn-color-emerald-600:hsl(157.8 66.8% 48.9%);--zn-color-emerald-700:hsl(156.2 76.1% 63.8%);--zn-color-emerald-800:hsl(152.4 84.4% 77.4%);--zn-color-emerald-900:hsl(149.3 100% 87%);--zn-color-emerald-950:hsl(158.6 100% 94.8%);--zn-color-teal-50:hsl(176.5 51.5% 15.4%);--zn-color-teal-100:hsl(175.9 54.7% 22.3%);--zn-color-teal-200:hsl(175.9 60.7% 23.9%);--zn-color-teal-300:hsl(174.5 67.3% 28.8%);--zn-color-teal-400:hsl(174.4 71.9% 34.9%);--zn-color-teal-500:hsl(173.1 71% 38.3%);--zn-color-teal-600:hsl(172.3 68.2% 48.1%);--zn-color-teal-700:hsl(170.5 81.3% 61.5%);--zn-color-teal-800:hsl(168.4 92.1% 75.2%);--zn-color-teal-900:hsl(168.3 100% 86%);--zn-color-teal-950:hsl(180 100% 95.5%);--zn-color-cyan-50:hsl(197.1 53.8% 20.3%);--zn-color-cyan-100:hsl(196.8 57.3% 27.2%);--zn-color-cyan-200:hsl(195.3 62.7% 29.4%);--zn-color-cyan-300:hsl(193.5 71.3% 34.1%);--zn-color-cyan-400:hsl(192.5 76.8% 40.6%);--zn-color-cyan-500:hsl(189.4 78.6% 42.6%);--zn-color-cyan-600:hsl(188.2 89.1% 51.7%);--zn-color-cyan-700:hsl(187 98.6% 66.2%);--zn-color-cyan-800:hsl(184.9 100% 78.3%);--zn-color-cyan-900:hsl(180 100% 86.6%);--zn-color-cyan-950:hsl(180 100% 94.8%);--zn-color-sky-50:hsl(203 63.8% 20.9%);--zn-color-sky-100:hsl(203.4 70.4% 28%);--zn-color-sky-200:hsl(202.7 75.8% 30.8%);--zn-color-sky-300:hsl(203.1 80.4% 36.1%);--zn-color-sky-400:hsl(202.1 80.5% 44.3%);--zn-color-sky-500:hsl(199.7 85.9% 47.7%);--zn-color-sky-600:hsl(198.7 97.9% 57.2%);--zn-color-sky-700:hsl(198.7 100% 70.5%);--zn-color-sky-800:hsl(198.8 100% 82.5%);--zn-color-sky-900:hsl(198.5 100% 89.9%);--zn-color-sky-950:hsl(186 100% 95.5%);--zn-color-blue-50:hsl(227.1 49.5% 22.7%);--zn-color-blue-100:hsl(225.8 58.9% 36.8%);--zn-color-blue-200:hsl(227.7 64.4% 42.9%);--zn-color-blue-300:hsl(226.1 72.7% 51.2%);--zn-color-blue-400:hsl(222.6 86.5% 56.3%);--zn-color-blue-500:hsl(217.8 95.8% 57.4%);--zn-color-blue-600:hsl(213.3 100% 65%);--zn-color-blue-700:hsl(210.9 100% 74.8%);--zn-color-blue-800:hsl(211.5 100% 83.4%);--zn-color-blue-900:hsl(211 100% 88.9%);--zn-color-blue-950:hsl(201.8 100% 95.3%);--zn-color-indigo-50:hsl(243.5 40.8% 27%);--zn-color-indigo-100:hsl(242.9 45.7% 37.6%);--zn-color-indigo-200:hsl(244.7 52.7% 43.1%);--zn-color-indigo-300:hsl(245.3 60.5% 52.4%);--zn-color-indigo-400:hsl(244.1 79.2% 60.4%);--zn-color-indigo-500:hsl(239.6 88.7% 63.8%);--zn-color-indigo-600:hsl(234.5 96.7% 70.9%);--zn-color-indigo-700:hsl(229.4 100% 78.3%);--zn-color-indigo-800:hsl(227.1 100% 85%);--zn-color-indigo-900:hsl(223.8 100% 89.9%);--zn-color-indigo-950:hsl(220 100% 95.1%);--zn-color-violet-50:hsl(265.1 57.3% 25.4%);--zn-color-violet-100:hsl(263.5 63.8% 39.4%);--zn-color-violet-200:hsl(263.4 66.2% 44.1%);--zn-color-violet-300:hsl(263.7 72.8% 52.4%);--zn-color-violet-400:hsl(262.5 87.3% 59.8%);--zn-color-violet-500:hsl(258.3 95.1% 63.2%);--zn-color-violet-600:hsl(255.1 100% 67.2%);--zn-color-violet-700:hsl(253 100% 81.5%);--zn-color-violet-800:hsl(251.7 100% 87.9%);--zn-color-violet-900:hsl(254.1 100% 91.7%);--zn-color-violet-950:hsl(257.1 100% 96.1%);--zn-color-purple-50:hsl(255,79%,23%);--zn-color-purple-100:hsl(257,73%,35%);--zn-color-purple-200:hsl(257,76%,42%);--zn-color-purple-300:hsl(257,76%,50%);--zn-color-purple-400:hsl(256,91%,59%);--zn-color-purple-500:hsl(252,98%,66%);--zn-color-purple-600:hsl(249,100%,76%);--zn-color-purple-700:hsl(246,100%,85%);--zn-color-purple-800:hsl(244,100%,92%);--zn-color-purple-900:hsl(245,100%,95%);--zn-color-purple-950:hsl(249,100%,97%);--zn-color-fuchsia-50:hsl(297.1 51.2% 18.6%);--zn-color-fuchsia-100:hsl(296.7 59.5% 31.5%);--zn-color-fuchsia-200:hsl(295.4 65.4% 35.1%);--zn-color-fuchsia-300:hsl(294.6 67.4% 42.2%);--zn-color-fuchsia-400:hsl(293.3 68.7% 51.2%);--zn-color-fuchsia-500:hsl(292.1 88.4% 57.7%);--zn-color-fuchsia-600:hsl(292 98.5% 59.5%);--zn-color-fuchsia-700:hsl(292.4 100% 79.5%);--zn-color-fuchsia-800:hsl(292.9 100% 86.8%);--zn-color-fuchsia-900:hsl(300 100% 91.5%);--zn-color-fuchsia-950:hsl(300 100% 96.3%);--zn-color-pink-50:hsl(336.2 59.6% 20%);--zn-color-pink-100:hsl(336.8 63.9% 34%);--zn-color-pink-200:hsl(336.8 68.7% 37.6%);--zn-color-pink-300:hsl(336.1 71.8% 44.5%);--zn-color-pink-400:hsl(333.9 74.9% 53.1%);--zn-color-pink-500:hsl(330.7 86.3% 57.7%);--zn-color-pink-600:hsl(328.6 91.5% 67.2%);--zn-color-pink-700:hsl(327.4 97.6% 78.7%);--zn-color-pink-800:hsl(325.1 100% 86.6%);--zn-color-pink-900:hsl(322.1 100% 91.3%);--zn-color-pink-950:hsl(315 100% 95.9%);--zn-color-rose-50:hsl(342.3 62.9% 21.5%);--zn-color-rose-100:hsl(342.8 68.9% 34.2%);--zn-color-rose-200:hsl(344.8 72.6% 37.3%);--zn-color-rose-300:hsl(346.9 75.8% 43.7%);--zn-color-rose-400:hsl(348.2 80.1% 52.7%);--zn-color-rose-500:hsl(350.4 94.8% 57.5%);--zn-color-rose-600:hsl(351.2 100% 58.1%);--zn-color-rose-700:hsl(352.3 100% 78.1%);--zn-color-rose-800:hsl(352 100% 86.2%);--zn-color-rose-900:hsl(354.5 100% 90.7%);--zn-color-rose-950:hsl(353.3 100% 95.7%);--zn-color-neutral-0:hsl(0,0%,0%);--zn-color-neutral-1000:hsl(0,0%,100%);--zn-shadow-x-small:0 1px 4px rgba(0,0,0,0.18);--zn-shadow-small:0 3px 9px rgba(0,0,0,0.24);--zn-shadow-medium:0 6px 18px rgba(0,0,0,0.24);--zn-shadow-large:0 6px 20px rgba(0,0,0,0.24);--zn-shadow-x-large:0 6px 20px rgba(0,0,0,0.34);--zn-input-background-color:rgb(var(--zn-color-body));--zn-input-background-color-hover:rgb(var(--zn-color-body));--zn-input-background-color-focus:hsl(252,15%,13%);--zn-input-background-color-disabled:hsl(280,6%,9%);--zn-input-border-color:rgb(var(--zn-color-border));--zn-input-border-color-hover:rgb(var(--zn-color-border-active));--zn-input-border-color-focus:var(--zn-color-primary-500);--zn-input-border-color-disabled:hsl(280,6%,9%);--zn-focus-ring-color:var(--zn-color-primary-700);--zn-overlay-background-color:hsl(0 0% 0%/43%);--zn-panel-background-color:rgb(var(--zn-panel));--zn-tooltip-background-color:var(--zn-color-neutral-800)}:root{--zn-spacing-unit:8px;--zn-spacing-3x-small:2px;--zn-spacing-2x-small:4px;--zn-spacing-x-small:8px;--zn-spacing-small:16px;--zn-spacing-medium:24px;--zn-spacing-large:32px;--zn-spacing-x-large:40px;--zn-spacing-2x-large:48px;--zn-spacing-3x-large:56px;--zn-spacing-4x-large:72px;--zn-spacing-narrow-bar:45px;--zn-spacing-bar:60px;--zn-spacing-tile:80px;--zn-spacing-sidenav:320px;--zn-spacing-small-panel:200px;--zn-spacing-medium-panel:320px;--zn-spacing-panel:360px;--zn-spacing-lside:460px}:root{--zn-text-color:rgb(var(--zn-color-text));--zn-text-color-muted:rgb(var(--zn-color-muted-text));--zn-text-paragraph-font-size:14px;--zn-text-paragraph-line-height:21px;--zn-text-paragraph-spacing:21px;--zn-text-paragraph-font-weight:var(--zn-font-weight-normal);--zn-text-paragraph-color:var(--zn-text-color);--zn-text-paragraph-transform:none;--zn-text-table-content-font-size:14px;--zn-text-table-content-line-height:16px;--zn-text-table-content-spacing:15px;--zn-text-table-content-font-weight:var(--zn-font-weight-normal);--zn-text-table-content-color:var(--zn-text-color);--zn-text-table-content-transform:none;--zn-text-chat-font-size:16px;--zn-text-chat-line-height:24px;--zn-text-chat-spacing:15px;--zn-text-chat-font-weight:var(--zn-font-weight-normal);--zn-text-chat-color:var(--zn-text-color);--zn-text-chat-transform:none;--zn-text-h1-font-size:16px;--zn-text-h1-line-height:16px;--zn-text-h1-spacing:18px;--zn-text-h1-font-weight:var(--zn-font-weight-semibold);--zn-text-h1-color:var(--zn-text-color);--zn-text-h1-transform:none;--zn-text-h2-font-size:14px;--zn-text-h2-line-height:16px;--zn-text-h2-spacing:15px;--zn-text-h2-font-weight:var(--zn-font-weight-semibold);--zn-text-h2-color:var(--zn-text-color);--zn-text-h2-transform:none;--zn-text-h3-font-size:11px;--zn-text-h3-line-height:16px;--zn-text-h3-spacing:15px;--zn-text-h3-font-weight:var(--zn-font-weight-semibold);--zn-text-h3-color:var(--zn-text-color);--zn-text-h3-transform:none;--zn-text-subheading-font-size:14px;--zn-text-subheading-line-height:16px;--zn-text-subheading-spacing:15px;--zn-text-subheading-font-weight:var(--zn-font-weight-normal);--zn-text-subheading-color:var(--zn-text-color-muted);--zn-text-subheading-transform:none;--zn-text-subheading-small-font-size:13px;--zn-text-subheading-small-line-height:16px;--zn-text-subheading-small-spacing:15px;--zn-text-subheading-small-font-weight:var(--zn-font-weight-normal);--zn-text-subheading-small-color:var(--zn-text-color-muted);--zn-text-subheading-small-transform:none;--zn-text-input-placeholder-font-size:14px;--zn-text-input-placeholder-line-height:24px;--zn-text-input-placeholder-spacing:18px;--zn-text-input-placeholder-font-weight:var(--zn-font-weight-normal);--zn-text-input-placeholder-color:var(--zn-text-color-muted);--zn-text-input-placeholder-transform:none;--zn-text-input-content-font-size:14px;--zn-text-input-content-line-height:24px;--zn-text-input-content-spacing:18px;--zn-text-input-content-font-weight:var(--zn-font-weight-normal);--zn-text-input-content-color:var(--zn-text-color);--zn-text-input-content-transform:none;--zn-text-input-label-font-size:14px;--zn-text-input-label-line-height:16px;--zn-text-input-label-spacing:15px;--zn-text-input-label-font-weight:var(--zn-font-weight-semibold);--zn-text-input-label-color:var(--zn-text-color);--zn-text-input-label-transform:none;--zn-text-chart-minor-font-size:14px;--zn-text-chart-minor-line-height:16px;--zn-text-chart-minor-spacing:15px;--zn-text-chart-minor-font-weight:var(--zn-font-weight-semibold);--zn-text-chart-minor-color:var(--zn-text-color-muted);--zn-text-chart-minor-transform:none;--zn-text-chart-major-font-size:21px;--zn-text-chart-major-line-height:16px;--zn-text-chart-major-spacing:18px;--zn-text-chart-major-font-weight:var(--zn-font-weight-normal);--zn-text-chart-major-color:var(--zn-text-color);--zn-text-chart-major-transform:none;--zn-text-button-label-font-size:13px;--zn-text-button-label-line-height:16px;--zn-text-button-label-spacing:18px;--zn-text-button-label-font-weight:var(--zn-font-weight-semibold);--zn-text-button-label-color:var(--zn-text-color);--zn-text-button-label-transform:uppercase;--zn-text-chip-font-size:10px;--zn-text-chip-line-height:16px;--zn-text-chip-spacing:15px;--zn-text-chip-font-weight:var(--zn-font-weight-semibold);--zn-text-chip-color:var(--zn-text-color);--zn-text-chip-transform:uppercase;--zn-text-navbar-link-font-size:16px;--zn-text-navbar-link-line-height:16px;--zn-text-navbar-link-spacing:18px;--zn-text-navbar-link-font-weight:var(--zn-font-weight-semibold);--zn-text-navbar-link-color:var(--zn-text-color-muted);--zn-text-navbar-link-transform:none;--zn-text-tab-link-font-size:14px;--zn-text-tab-link-line-height:16px;--zn-text-tab-link-spacing:15px;--zn-text-tab-link-font-weight:var(--zn-font-weight-semibold);--zn-text-tab-link-color:var(--zn-text-color-muted);--zn-text-tab-link-transform:none;--zn-text-tab-link-active-font-size:14px;--zn-text-tab-link-active-line-height:16px;--zn-text-tab-link-active-spacing:15px;--zn-text-tab-link-active-font-weight:var(--zn-font-weight-semibold);--zn-text-tab-link-active-color:var(--zn-text-color);--zn-text-tab-link-active-transform:none;--zn-text-menu-link-font-size:14px;--zn-text-menu-link-line-height:16px;--zn-text-menu-link-spacing:15px;--zn-text-menu-link-font-weight:var(--zn-font-weight-normal);--zn-text-menu-link-color:var(--zn-text-color-muted);--zn-text-menu-link-transform:none;--zn-text-notification-font-size:9px;--zn-text-notification-line-height:11px;--zn-text-notification-spacing:0;--zn-text-notification-font-weight:var(--zn-font-weight-semibold);--zn-text-notification-color:#fff;--zn-text-notification-transform:none}@supports (scrollbar-gutter:stable){.zn-scroll-lock{scrollbar-gutter:stable !important;overflow:hidden !important}}@supports not (scrollbar-gutter:stable){.zn-scroll-lock{padding-right:var(--zn-scroll-lock-size) !important;overflow:hidden !important}}.zn-toast-stack{position:fixed;bottom:0;inset-inline-end:0;z-index:var(--zn-z-index-toast);width:28rem;max-width:100%;max-height:100%;overflow:auto}.zn-toast-stack zn-alert{margin:var(--zn-spacing-medium)}.zn-toast-stack zn-alert::part(base){box-shadow:var(--zn-shadow-large)}@media screen and (min-width:768px){.zn-toast-stack zn-alert{margin:var(--zn-spacing-large)}}.zn-gutter{margin:0 var(--zn-gutter)}.zn-gap{gap:var(--zn-gap,0);padding:var(--zn-base-gap,0);display:flex;flex-wrap:wrap}.zn-gap-in{gap:var(--zn-gap,0);display:flex;flex-wrap:wrap}.zn-gap-in-sm{--zn-gap:var(--zn-spacing-small,0);gap:var(--zn-gap,0)}.zn-gap-md{gap:15px}.zn-gap-inner{gap:var(--zn-gap,0)}.zn-gap-ism{gap:var(--zn-gap,0);--zn-gap:10px}.zn-gap-ixs{gap:var(--zn-gap,0);--zn-gap:5px}.zn-max-hide{max-height:100%;overflow:hidden}.zn-hide-empty:empty{display:none}.zn-nopoint{pointer-events:none}.form-spacing{display:grid;grid-template-columns:1fr;gap:var(--zn-spacing-medium) var(--zn-spacing-small)}@media (min-width:768px){.form-spacing{grid-template-columns:repeat(6,1fr)}}.form-spacing~.form-spacing{margin-top:var(--zn-base-gap)}zn-form-group~zn-form-group{margin-top:var(--zn-base-gap);padding-top:var(--zn-base-gap);border-top:1px solid rgb(var(--zn-border-color))}.form-spacing>*{grid-column:span 6/span 6}@media (min-width:768px){.form-spacing>*[span="1"]{grid-column:span 1/span 1}}@media (min-width:768px){.form-spacing>*[span="2"]{grid-column:span 2/span 2}}@media (min-width:768px){.form-spacing>*[span="3"]{grid-column:span 3/span 3}}@media (min-width:768px){.form-spacing>*[span="4"]{grid-column:span 4/span 4}}@media (min-width:768px){.form-spacing>*[span="5"]{grid-column:span 5/span 5}}:root{--zn-base-px:8px;--zn-base-gap:calc(var(--zn-base-px) * 2);--zn-gutter:2px;--zn-default-margin:0 auto 0 0;--zn-icon-size:20px;--zn-button-gutter:2px;--zn-font-family-sans:'Inter',sans-serif;--zn-font-family-serif:'Roboto Slab',serif;--zn-font-family-mono:'Roboto Mono',monospace}:root,[t=light],.theme-light{--zn-backdrop-color:rgba(0,0,0,0.5);--zn-color-text:33,33,33;--zn-color-muted-text:125,119,146;--zn-color-base:255,255,255;--zn-color-body:248,247,252;--zn-color-navigation:var(--zn-color-base);--zn-color-navigation-hightlight:248,249,252;--zn-color-border:219,217,236;--zn-color-border-active:209,207,226;--zn-color-tab:236,235,249;--zn-color-panel:255,255,255;--zn-color-primary:105,54,245;--zn-color-info:53,104,195;--zn-color-success:98,177,121;--zn-color-warning:241,168,80;--zn-color-error:236,68,91;--zn-color-disabled:181,181,181}[t=dark],.theme-dark{--zn-backdrop-color:rgba(0,0,0,0.85);--zn-color-text:215,215,215;--zn-color-muted-text:145,145,145;--zn-color-base:0,0,0;--zn-color-body:23,23,23;--zn-color-navigation:var(--zn-color-base);--zn-color-navigation-hightlight:10,10,10;--zn-color-border:38,38,38;--zn-color-border-active:80,80,80;--zn-color-tab:5,5,5;--zn-color-panel:30,30,30;--zn-color-primary:105,54,245;--zn-color-info:53,104,195;--zn-color-success:98,177,121;--zn-color-warning:241,168,80;--zn-color-error:236,68,91;--zn-color-disabled:181,181,181}@media (min-width:1200px){:root{--zn-base-gap:calc(var(--zn-base-px) * 3)}}@media (min-width:2500px){:root{--zn-default-margin:0 auto}}:root{--zn-primary:var(--zn-color-primary);--zn-red:237,84,109;--zn-blue:100,117,242;--zn-green:43,192,145;--zn-orange:255,136,0;--zn-yellow:255,193,7;--zn-indigo:63,81,181;--zn-violet:156,39,176;--zn-pink:255,108,156;--zn-grey:158,158,158;--zn-accent:71,214,214;--zn-size-bar:60px;--zn-size-tile:80px;--zn-size-sidenav:320px;--zn-size-spanel:170px;--zn-size-mpanel:320px;--zn-size-panel:360px;--zn-size-lside:460px;--zn-bg-opacity:1;--zn-text-opacity:1;--base:255,255,255;--inverse-base:0,0,0}.zn-mono{font-family:var(--zn-font-family-mono,"monospace")}:root,[t=light],.theme-light,[t=dark],.theme-dark{--zn-body:var(--zn-color-body);--zn-text:var(--zn-color-text);--zn-text-heading:var(--zn-color-text);--zn-text-page-title:var(--zn-color-text);--zn-text-panel-title:var(--zn-color-text);--zn-panel:var(--zn-color-panel);--zn-border-color:var(--zn-color-border);--zn-input-bg:var(--zn-color-body)}[t=light],.theme-light{--zn-panel-opacity:1;--zn-shadow:236,235,249;--zn-panel-secondary:246 246 246;--zn-panel-highlight:248,249,252;--zn-panel-highlight-opacity:1;--zn-input-bg-accent:237,235,245;--zn-bright-bg:255,255,255;--zn-light-text:123,112,151;--zn-dark-text:56,39,104;--zn-purple-text:104,54,245}[t=light] .zn-primary,.theme-light .zn-primary{color:rgb(var(--zn-color-primary))}[t=dark],.theme-dark{--zn-shadow:10,10,10;--zn-panel-secondary:27,27,30;--zn-panel-opacity:1;--zn-panel-highlight:25,27,32;--zn-panel-highlight-opacity:0.1;--zn-input-bg-accent:72,84,102;--zn-bright-bg:225,225,225;--zn-light-text:173,163,192;--zn-dark-text:201,201,201;--zn-purple-text:129,140,249;--zn-accent:15,165,234;--zn-primary:137,103,239;--base:0,0,0;--inverse-base:255,255,255}[t=dark] .zn-primary,.theme-dark .zn-primary{color:#8967ef !important}.ml-px{margin-left:1px}.mr-px{margin-right:1px}.mt-px{margin-top:1px}.mb-px{margin-bottom:1px}.mx-px{margin-left:1px;margin-right:1px}.my-px{margin-top:1px;margin-bottom:1px}.m-px{margin:1px}.ml-xxs{margin-left:3px}.mr-xxs{margin-right:3px}.mt-xxs{margin-top:3px}.mb-xxs{margin-bottom:3px}.mx-xxs{margin-left:3px;margin-right:3px}.my-xxs{margin-top:3px;margin-bottom:3px}.m-xxs{margin:3px}.ml-xs{margin-left:5px}.mr-xs{margin-right:5px}.mt-xs{margin-top:5px}.mb-xs{margin-bottom:5px}.mx-xs{margin-left:5px;margin-right:5px}.my-xs{margin-top:5px;margin-bottom:5px}.m-xs{margin:5px}.ml-sm{margin-left:10px}.mr-sm{margin-right:10px}.mt-sm{margin-top:10px}.mb-sm{margin-bottom:10px}.mx-sm{margin-left:10px;margin-right:10px}.my-sm{margin-top:10px;margin-bottom:10px}.m-sm{margin:10px}.ml-md{margin-left:15px}.mr-md{margin-right:15px}.mt-md{margin-top:15px}.mb-md{margin-bottom:15px}.mx-md{margin-left:15px;margin-right:15px}.my-md{margin-top:15px;margin-bottom:15px}.m-md{margin:15px}.ml-lg{margin-left:20px}.mr-lg{margin-right:20px}.mt-lg{margin-top:20px}.mb-lg{margin-bottom:20px}.mx-lg{margin-left:20px;margin-right:20px}.my-lg{margin-top:20px;margin-bottom:20px}.m-lg{margin:20px}.ml-xl{margin-left:25px}.mr-xl{margin-right:25px}.mt-xl{margin-top:25px}.mb-xl{margin-bottom:25px}.mx-xl{margin-left:25px;margin-right:25px}.my-xl{margin-top:25px;margin-bottom:25px}.m-xl{margin:25px}.zn-red{color:rgb(var(--zn-red))}.zn-blue{color:rgb(var(--zn-blue))}.zn-green{color:rgb(var(--zn-green))}.zn-orange{color:rgb(var(--zn-orange))}.zn-yellow{color:rgb(var(--zn-yellow))}.zn-indigo{color:rgb(var(--zn-indigo))}.zn-violet{color:rgb(var(--zn-violet))}.zn-pink{color:rgb(var(--zn-pink))}.zn-grey{color:rgb(var(--zn-grey))}.zn-primary{color:rgb(var(--zn-primary))}.zn-accent{color:rgb(var(--zn-accent))}.zn-info{color:rgb(var(--zn-color-info))}.zn-warning{color:rgb(var(--zn-color-warning))}.zn-error{color:rgb(var(--zn-color-error))}.zn-success{color:rgb(var(--zn-color-success))}ul.gap li{margin:5px 0}ul.circle,ul.decimal,ul.disc,ul.square{padding:5px 0 5px 15px}ul.circle{list-style-type:circle}ul.decimal{list-style-type:decimal}ul.disc{list-style-type:disc}ul.square{list-style-type:square}:host,html,body{color:rgba(var(--zn-text),var(--zn-text-opacity));font-family:var(--zn-font-family-sans);font-feature-settings:normal;font-variation-settings:normal;font-size:var(--zn-text-paragraph-font-size);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tab-size:4;-o-tab-size:4;tab-size:4;margin:0}html,body{background-color:rgba(var(--zn-body),var(--zn-bg-opacity));container-type:size;min-height:100%;height:100%}.inline-container{container-type:inline-size}.app-container{container-type:inline-size;display:flex;flex:1;flex-direction:column;position:relative;max-height:100%;height:100%;width:100%;max-width:100%}.inline-app-container,.app-container.inline-app-container,[inline-container] .app-container{display:block;height:auto;flex:unset}hr{height:0;border:none;border-top:1px solid rgb(var(--zn-border-color))}code,kbd,samp,pre,.mono{font-family:var(--zn-font-family-mono);font-size:1em}small{font-size:80%}.hidden{display:none !important}.visibility-hidden{visibility:hidden}p{font-size:var(--zn-text-paragraph-font-size);line-height:var(--zn-text-paragraph-line-height);font-weight:var(--zn-text-paragraph-font-weight)}h1,h2,h3,h4,h5,h6{color:rgb(var(--zn-text-heading))}h1{font-size:var(--zn-text-h1-font-size);line-height:var(--zn-text-h1-line-height);font-weight:var(--zn-text-h1-font-weight)}h2{font-size:var(--zn-text-h2-font-size);line-height:var(--zn-text-h2-line-height);font-weight:var(--zn-text-h2-font-weight)}h3,h4,h5,h6{font-size:var(--zn-text-h3-font-size);line-height:var(--zn-text-h3-line-height);font-weight:var(--zn-text-h3-font-weight)}kbd{font-family:monospace;background-color:#eee;color:#333;border:1px solid rgb(var(--zn-border-color));border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(255,255,255,0.5) inset;display:inline-block;font-size:13px;line-height:20px;padding:1px 6px;white-space:nowrap;min-width:15px;color:rgba(0,0,0,0.5)}[t=dark] kbd{background-color:rgb(25,25,25);box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(110,110,110,0.5) inset;color:#eee}[tab]{cursor:pointer}.zn-link:hover{--zn-text:rgb(var(--zn-primary));--icon-color:rgb(var(--zn-primary));--zn-text-heading:rgb(var(--zn-primary));--property-color:rgb(var(--zn-primary));opacity:1}.grow{flex-grow:1}.no-grow{flex-grow:0}.shrink{flex-shrink:1}.no-shrink{flex-shrink:0}.block{display:block}.flex{display:flex}.flex-wrap{display:flex;flex-wrap:wrap}.flex-col{display:flex;flex-direction:column}.flex-mid{display:flex;align-items:center}.flex-jc{justify-content:center}.flex-between{display:flex;justify-content:space-between}.flex-end{display:flex;justify-content:flex-end}.flex-bottom{display:flex;align-items:flex-end}.equal{flex-basis:50%}.m-auto{margin:auto}.mt-auto{margin-top:auto}.zn-pad{padding:var(--zn-base-gap,0)}.zn-pad-y,.zn-py{padding-top:15px;padding-bottom:15px}.zn-pad-x,.zn-px{padding-left:15px;padding-right:15px}.zn-pr{padding-right:15px}.zn-pl{padding-left:15px}.zn-pt{padding-top:15px}.zn-pb{padding-bottom:15px}.zn-margin{margin:15px}.zn-mx{margin-left:15px;margin-right:15px}.zn-my{margin-top:15px;margin-bottom:15px}.zn-mt{margin-top:15px}.zn-mb{margin-bottom:15px}.zn-ml{margin-left:15px}.zn-mr{margin-right:15px}.zn-mxa{margin-left:auto;margin-right:auto}.zn-mya{margin-top:auto;margin-bottom:auto}.zn-mta{margin-top:auto}.zn-mba{margin-bottom:auto}.zn-mla{margin-left:auto}.zn-mra{margin-right:auto}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}@keyframes act-vanish{from{transform:scale(1);opacity:1;max-height:100%}to{transform:scale(0.8);opacity:0;max-height:0}}.act-vanish{animation:ease-in act-vanish 600ms forwards;transform-origin:top center;background-color:rgba(var(--zn-color-error),0.3);display:block;overflow:hidden}.h-full{height:100%}.w-full{width:100%}.zn-panel-bg{--zn-page-surface-background:var(--zn-panel);background-color:rgba(var(--zn-panel),var(--zn-panel-opacity))}.zn-panel{background-color:rgba(var(--zn-panel),var(--zn-panel-opacity));border:1px solid rgb(var(--zn-border-color));border-radius:var(--zn-border-radius);--zn-page-surface-background:var(--zn-panel)}.zn-container{display:flex;flex-direction:column;flex-grow:1;max-height:100%;overflow:hidden}.tar{text-align:right}.tal{text-align:left}.tac{text-align:center}.zn-empty-hide:empty{display:none}.ml-auto{margin-left:auto}.zn-b-dash{border-style:dashed}.zn-b-dotted{border-style:dotted}.zn-border{border-style:solid;border-width:1px !important}.zn-bt{border-top-style:solid;border-top-width:1px !important}.zn-bb{border-bottom-style:solid;border-bottom-width:1px !important}.zn-bl{border-left-style:solid;border-left-width:1px !important}.zn-br{border-right-style:solid;border-right-width:1px !important}.unifi-action{display:flex;gap:10px;padding:10px 0;align-items:center}.zn-panel-bar{border-bottom:1px solid rgb(var(--zn-border-color));background-color:rgba(var(--zn-panel),0.9);padding:var(--zn-base-px);gap:var(--zn-base-px);display:flex;flex-wrap:wrap;align-items:center;z-index:1}.zn-panel-bar--pill{border-radius:var(--zn-border-radius);border:1px solid rgb(var(--zn-border-color))}.zn-panel-bar--large{padding:var(--zn-base-px) calc(var(--zn-base-gap) + var(--zn-gutter));gap:var(--zn-base-px);height:50px}.scroll-container{overflow:auto;flex-grow:1;position:relative;display:flex;flex-direction:column;max-height:100%}.zn-divide{display:flex;flex-direction:column}.zn-divide>*:not(:first-child){border-top:1px solid rgb(var(--zn-border-color))}.zn-divide>div:empty+div:not(:first-child){border-top:0}.zn-divide-y{display:flex;flex-direction:row}.zn-divide-y>*:not(:first-child):not(:empty){border-left:1px solid rgb(var(--zn-border-color))}.zn-c-pad{--zn-pad-spacing:var(--zn-spacing-large)}.zn-c-pad-x>*{padding-left:var(--zn-pad-spacing);padding-right:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:first-child){padding-top:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:last-child){padding-bottom:var(--zn-pad-spacing)}.zn-nav.zn-transparent{background:transparent}.zn-nav{background:rgba(var(--zn-panel),var(--zn-panel-opacity));border-right:1px solid rgb(var(--zn-border-color));max-width:320px;height:100%;padding-top:5px}.zn-nav ul{list-style:none;padding-bottom:10px;margin:0;display:flex;flex-direction:column;position:relative}.zn-nav ul:after{content:"";height:1px;left:18px;right:18px;bottom:0;position:absolute;background:rgb(var(--zn-border-color))}.zn-nav ul li a{text-decoration:none;color:rgb(var(--zn-text));display:block;font-weight:500;cursor:pointer}.zn-nav ul li a:hover,.zn-nav ul li a.zn-tb-active{background:rgb(var(--zn-body))}.zn-nav ul li a.zn-tb-active{color:rgb(var(--zn-purple-text))}.zn-nav ul:last-child:after{display:none}.zn-nav strong,.zn-nav li a{padding:10px 20px}.zn-nav strong{display:block;margin-top:10px;font-size:13px;letter-spacing:0.93px;color:rgb(var(--zn-text-heading));font-weight:600;padding-bottom:5px;text-transform:uppercase}@keyframes shimmer-text-sweep{0%{background-position:100% center}100%{background-position:0% center}}@media (prefers-reduced-motion:no-preference){.shimmer-text{--shimmer-base:rgb(var(--zn-text));--shimmer-highlight:rgb(var(--zn-text-heading));--shimmer-core:0.5ch;--shimmer-spread:1.5ch;--shimmer-duration:1.5s;display:inline-block;width:-moz-fit-content;width:fit-content;max-width:100%;background-image:linear-gradient(90deg,transparent calc(50% - var(--shimmer-spread)),var(--shimmer-highlight) calc(50% - var(--shimmer-core)),var(--shimmer-highlight) calc(50% + var(--shimmer-core)),transparent calc(50% + var(--shimmer-spread))),linear-gradient(var(--shimmer-base),var(--shimmer-base));background-size:250% 100%,auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent !important;color:transparent !important;animation:var(--shimmer-duration) linear infinite shimmer-text-sweep}.shimmer-text.zn-error{--shimmer-base:rgb(var(--zn-color-error));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-error)) 55%,white)}.shimmer-text.zn-success{--shimmer-base:rgb(var(--zn-color-success));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-success)) 55%,white)}.shimmer-text.zn-info{--shimmer-base:rgb(var(--zn-color-info));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-info)) 55%,white)}.shimmer-text.zn-warning{--shimmer-base:rgb(var(--zn-color-warning));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-warning)) 55%,white)}.shimmer-text.zn-primary{--shimmer-base:rgb(var(--zn-primary));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-primary)) 55%,white)}.shimmer-text.zn-accent{--shimmer-base:rgb(var(--zn-accent));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-accent)) 55%,white)}}@media (prefers-reduced-motion:reduce){.shimmer-text{color:rgb(var(--zn-text))}.shimmer-text.zn-error{color:rgb(var(--zn-color-error)) !important}.shimmer-text.zn-success{color:rgb(var(--zn-color-success)) !important}.shimmer-text.zn-info{color:rgb(var(--zn-color-info)) !important}.shimmer-text.zn-warning{color:rgb(var(--zn-color-warning)) !important}.shimmer-text.zn-primary{color:rgb(var(--zn-primary)) !important}.shimmer-text.zn-accent{color:rgb(var(--zn-accent)) !important}}*,*::before,*::after{box-sizing:border-box}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}b{font-weight:600}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:inline-block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}button,.zn-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}button:hover:not([disabled]),.zn-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{display:block;width:100%;border-radius:5px;border-style:solid;border-width:1px !important;border-color:rgb(var(--zn-border-color));background-color:rgb(var(--zn-input-bg));outline:none}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,input[type=file]:focus,input[list]:focus,textarea:focus,select:focus{border-color:rgb(var(--zn-primary));box-shadow:0 0 0 3px rgba(var(--zn-primary),0.3)}input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=file]::-moz-placeholder, input[list]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,input[type=week]::placeholder,input[type=file]::placeholder,input[list]::placeholder,textarea::placeholder,select::placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}@media (min-width:360px){input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{padding:10px}}label{font-weight:600;font-size:rgb(var(--zn-font-size-medium));line-height:var(--zn-spacing-medium);color:rgb(var(--zn-text-heading));display:block;margin-bottom:5px;margin-top:15px}input[type=checkbox],input[type=radio]{border-radius:5px}input[type=radio]{border-radius:50%}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;background-color:rgb(var(--zn-border-color));height:10px;accent-color:rgb(var(--zn-primary));width:100%;max-width:768px}fieldset{border-color:rgba(var(--zn-primary),20%);border-width:2px;padding:0 15px 15px}select option{padding:5px}select>option:checked{background-color:rgba(var(--zn-primary),20%);border-radius:5px}fieldset>legend{padding:5px}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=button]:hover:not([disabled]),input[type=submit]:hover:not([disabled]),button[type=submit]:not(.button):hover:not([disabled]),button[type=button]:not(.button):hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){width:auto}div+button{margin-top:15px}input[type=file]::-webkit-file-upload-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=file]::-webkit-file-upload-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=file]::-webkit-file-upload-button{margin-right:10px}input::-webkit-calendar-picker-indicator{cursor:pointer;padding:10px}input[list]::-webkit-calendar-picker-indicator{padding:10px 5px}.input--with-icon{position:relative}.input--with-icon zn-icon{padding:14px;position:absolute;top:50%;pointer-events:none;transform:translateY(-50%);left:10px;background-color:rgb(var(--zn-primary));color:rgb(var(--zn-text));border-radius:50%}.input--with-icon input{padding-left:40px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:rgb(var(--zn-text));-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px rgba(35,35,35,0.1607843137)}select{height:43px}.no-border{border:none !important}table:not(.remarkd-table){border-collapse:separate !important;border-spacing:0;width:100%;max-width:100%;table-layout:auto;text-align:left;font-size:var(--zn-text-table-content-font-size);line-height:var(--zn-text-table-content-line-height);font-weight:var(--zn-text-table-content-font-weight)}table:not(.remarkd-table) thead{font-weight:var(--zn-font-weight-medium)}table:not(.remarkd-table) tbody a{cursor:pointer;color:rgb(var(--zn-primary))}table:not(.remarkd-table) tbody tr td{border-top:1px solid rgb(var(--zn-border-color)) !important}table:not(.remarkd-table) tbody tr:first-of-type td{border-top:0 !important}table:not(.remarkd-table) tbody tr:nth-of-type(even){background-color:rgba(var(--zn-body))}table:not(.remarkd-table) thead tr th:first-of-type,table:not(.remarkd-table) tbody tr td:first-of-type{padding-left:14px}table:not(.remarkd-table) thead tr th:last-of-type,table:not(.remarkd-table) tbody tr td:last-of-type{padding-right:14px}table:not(.remarkd-table) th,table:not(.remarkd-table) td{padding:15px;min-width:90px;white-space:nowrap}table:not(.remarkd-table) th:first-child,table:not(.remarkd-table) td:first-child{padding-left:0}table:not(.remarkd-table) td>span{white-space:normal}table:not(.remarkd-table) th{padding-bottom:0;border-bottom:1px solid rgb(var(--zn-border-color))}.zn-table-fixed{table-layout:fixed}thead tr:last-of-type th{border-bottom:0}.opacity-100{opacity:1}.opacity-90{opacity:0.9}.opacity-80{opacity:0.8}.opacity-60{opacity:0.6}.opacity-50{opacity:0.5}.opacity-40{opacity:0.4}.opacity-10{opacity:0.1}.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7,var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:0.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7,var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3,1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4,1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:0.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,var(--adp-time-track-color),var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size) / 2 * -1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}.air-datepicker{--adp-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92,196,239,.1);--adp-background-color-in-range-focused:rgba(92,196,239,.2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92,196,239,0.1);--adp-cell-background-color-in-range-hover:rgba(92,196,239,0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0,0,0,.3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,0.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0,0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%,calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%,-50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size) / 2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size) / 2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}.air-datepicker{--adp-color:rgba(var(--zn-text),var(--zn-text-opacity));--adp-nav-color-secondary:rgb(var(--zn-purple-text));--adp-day-name-color:var(--zn-color-primary-600);--adp-day-name-color-hover:var(--zn-color-primary-700);--adp-cell-background-color-selected:var(--zn-color-primary-600);--adp-cell-background-color-selected-hover:var(--zn-color-primary-700);--adp-color-current-date:var(--zn-color-primary-600);--adp-background-color:var(--zn-input-background-color);--adp-background-color-hover:var(--zn-input-background-color-hover);--adp-background-color-active:var(--zn-input-background-color-hover);--adp-background-color-selected-other-month:var(--zn-color-primary-300);--adp-background-color-in-range:var(--zn-color-primary-100);--adp-border-color:rgb(var(--zn-border-color));--adp-border-color-inline:rgb(var(--zn-border-color));--adp-border-color-inner:rgb(var(--zn-border-color));--adp-cell-background-color-in-range:var(--zn-color-primary-100);--adp-cell-background-color-in-range-hover:var(--zn-color-primary-200)}.air-datepicker--pointer:after{background-color:var(--zn-input-background-color)}.air-datepicker-global-container{z-index:1000000}.air-datepicker-button{border:none;padding:var(--zn-spacing-2x-small) var(--zn-spacing-x-small);border-radius:var(--adp-border-radius);font-family:var(--adp-font-family),sans-serif;font-size:var(--zn-font-size-medium);font-weight:var(--zn-font-weight-normal);cursor:pointer;color:rgba(var(--zn-text),var(--zn-text-opacity))}.air-datepicker-button:hover{background-color:var(--zn-input-background-color-hover) !important}.zn-cloak:has(:not(:defined)){animation:2s step-end zn-cloak}@keyframes zn-cloak{from{opacity:0}to{opacity:1}}:host ::-webkit-scrollbar{width:5px;height:5px}:host{}:host ::-webkit-scrollbar-track{background:transparent}:host{}:host ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}:host{}:host ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}:host{display:contents}#mid,#content{flex:1;display:flex;flex-direction:column;overflow:hidden}.tabs{flex:1;display:flex;flex-direction:column;overflow:hidden;height:100%;min-height:100%;max-height:100%;width:100%}h1,h2{padding:0;margin:0}#mid{container-type:inline-size;flex-direction:row}#content{flex:1;max-height:100%;min-height:15px;padding:var(--zn-base-gap,0)}#content ::-webkit-scrollbar{width:5px;height:5px}#content{}#content ::-webkit-scrollbar-track{background:transparent}#content{}#content ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}#content{}#content ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}#content{display:flex;align-items:normal;overflow:auto}#content>::slotted(div),#content>div{max-height:100%}:host([no-scroll]) #content{overflow:hidden}:host([no-scroll]) #content>div{max-height:100%}:host([no-scroll]) #content>::slotted(div){max-height:100%}:host([flush]) #content{padding:0}:host([flush-x]) #content{padding-left:0;padding-right:0}#content.contents-slot slot{display:contents}#content ::slotted([selected]),#content>[selected]{flex-grow:1}#content ::slotted(:not([selected])),#content>:not([selected]):not(slot){display:none !important}:host #header~slot[name=top]::slotted(zn-navbar){padding-top:0}:host #header:not(:empty){display:flex;align-items:center;padding:var(--zn-spacing-medium);gap:var(--zn-spacing-medium)}:host #header:not(:empty) #actions ::slotted(*:not(.zn-tb-active)){display:none}:host #header:not(:empty) #actions{display:flex;overflow:visible}:host #header:not(:empty) h1,:host #header:not(:empty) h2{flex-grow:1}:host h2{font-weight:var(--zn-font-weight-bold);flex-grow:1;font-size:var(--zn-font-size-medium);color:rgba(var(--zn-text-panel-title),100%);padding:0;margin:0}::slotted(div[ref-tab]:not(.zn-tb-active)){display:none}`;var sr=class extends X{constructor(){super();this.defaultUri="";this._current="";this._splitMin=60;this.primaryCaption="Navigation";this.secondaryCaption="Content";this.noPrefetch=!1;this.noCache=!1;this.storeTtl=0;this.padded=!1;this.fetchStyle="";this.fullWidth=!1;this.paddedRight=!1;this.preload=!0;this._activeClicks=0;this._activeTab=null;this._tabs=[];this._actions=[];this._knownUri=new Map;this.hasSlotController=new Je(this,"[default]","bottom","right","left","top","actions");this._domObserver=new vr(this,{target:null,config:{childList:!0,subtree:!0},callback:t=>{t.forEach(i=>{i.type==="childList"&&(i.addedNodes.length>0&&this._registerTabs(),i.removedNodes.length>0&&i.removedNodes.forEach(n=>{let o=n instanceof HTMLElement?n.id:"";o&&this.removeTabAndPanel(o)}))})}});this._monitorObserver=new vr(this,{target:null,config:{childList:!0,subtree:!0},callback:t=>{t.forEach(i=>{i.type==="childList"&&i.addedNodes.forEach(n=>{if(n instanceof HTMLElement&&n.id===this.monitor){this.reRegisterTabs();let o=this._store.get(this.storeKey);o!==null&&(this._prepareTab(o),this.setActiveTab(o,!1,!1))}})})}});this.reRegisterTabs=()=>{this._registerTabs()};this._registerTabs=()=>{dr("[tab]",this,"zn-tabs").forEach(t=>{this._addTab(t)}),dr("[tab-uri]",this,"zn-tabs").forEach(t=>{t.getAttribute("tab-uri")===""&&(t.setAttribute("tab",""),t.removeAttribute("tab-uri")),this._addTab(t)}),dr("[ref-tab-uri]",this,"zn-tabs").forEach(t=>{t.hasAttribute("ref-tab")||(t.setAttribute("ref-tab",this._uriToId(t.getAttribute("ref-tab-uri"))),t.removeAttribute("ref-tab-uri"),this._actions.push(t))})};this._panels=new Map}async connectedCallback(){var i;super.connectedCallback(),this.masterId||(this.masterId=this.storeKey||Math.floor(Math.random()*1e6).toString()),this.preload=!this.noPrefetch&&!this.noCache,await this.updateComplete,this._panel=(i=this.shadowRoot)==null?void 0:i.querySelector("#content"),this.observerDom(),this._registerTabs(),this.storeKey&&this.storeTtl===0&&(this.storeTtl=300);let t=this.defaultUri?this._uriToId(this.defaultUri):"";this._store=new pn(this.localStorage?window.localStorage:window.sessionStorage,"zntab:",this.storeTtl),Array.from(this.children).forEach(n=>{n.slot===""&&this._panels.set(n.getAttribute("id")||t,[n])}),this.observerDom(),this.monitorDom()}monitorDom(){this.monitor&&this._monitorObserver.observe(this)}_addPanel(t){this._panels.has(t.getAttribute("id"))||this._panels.set(t.getAttribute("id"),[t])}_addTab(t){this._tabs.includes(t)||(this._tabs.push(t),this.preload&&t.addEventListener("mouseover",this.fetchUriTab.bind(this,t)),t.addEventListener("click",this._handleClick.bind(this)))}firstUpdated(t){super.firstUpdated(t),setTimeout(()=>{this._registerTabs();let i=this._store.get(this.storeKey);if(i!==null){this._prepareTab(i),this.setActiveTab(i,!1,!1);return}let n=this._current||"";if(!this._panels.has(n)&&this._tabs.length>0&&this._tabs[0].getAttribute("tab-uri")){this.clickTab(this._tabs[0],!1);return}this.setActiveTab(n,!1,!1)},10),this.addEventListener("zn-menu-select",()=>{setTimeout(this.reRegisterTabs,200)},{passive:!0})}switchTab(t){let i=this._panels.size;if(i<2)return;let o=Array.from(this._panels.keys()).indexOf(this._current)+t;o<0?o=i-1:o>=i&&(o=0);let s=Array.from(this._panels.keys())[o];this.setActiveTab(s,!0,!1)}nextTab(){this.switchTab(1)}previousTab(){this.switchTab(-1)}_prepareTab(t){for(let i of this._tabs)if(i.getAttribute("tab")===t)return;for(let i of dr("[tab-uri]",this,"")){let n=i.getAttribute("tab-uri"),o=this._uriToId(n);o===t&&this._createUriPanel(i,n,o)}}_uriToId(t){return"tab-"+Qw(t).substr(0,8)+"-"+this.masterId}_createUriPanel(t,i,n){var s;if(t.hasAttribute("tab")||(t.setAttribute("tab",n),this._setTabEleActive(t,this._current===n)),this._knownUri.has(i)||this._knownUri.set(i,n),this._panels.has(n)&&this._panels.get(n)!==void 0)return this._panels.get(n)[0];let o=document.createElement("div");return o.setAttribute("id",n),this.fetchStyle!==""?o.setAttribute("data-fetch-style",this.fetchStyle):t.hasAttribute("data-fetch-style")&&o.setAttribute("data-fetch-style",(s=t.getAttribute("data-fetch-style"))!=null?s:""),o.setAttribute("data-self-uri",i),o.textContent="Loading ...",this._panel instanceof HTMLElement&&(this._panel.appendChild(o),this._panels.set(n,[o])),document.dispatchEvent(new CustomEvent("zn-new-element",{detail:{element:o,source:t}})),o}_handleClick(t){var n;let i=(n=t.relatedTarget)!=null?n:t.target;i&&("startViewTransition"in document?document.startViewTransition(()=>this.clickTab(i,t.altKey)):this.clickTab(i,t.altKey))}fetchUriTab(t){var i;if(!t.hasAttribute("tab")&&t.hasAttribute("tab-uri")){let n=(i=t.getAttribute("tab-uri"))!=null?i:"";this._createUriPanel(t,n,this._uriToId(n)),t.setAttribute("tab-id",this._uriToId(n))}}clickTab(t,i){let n=t.getAttribute("tab-uri"),o=!!n&&this._panels.has(this._uriToId(n));if(this.fetchUriTab(t),t.hasAttribute("tab")){let s=i||this.noCache&&o;setTimeout(()=>{this.setActiveTab(t.getAttribute("tab")||"",!0,s,this.getRefTab(t))},10)}}getRefTab(t){var n;let i=t;for(;i;){if(i===this)return null;if(i.hasAttribute("ref-tab"))return i.getAttribute("ref-tab");i=(i==null?void 0:i.parentElement)||((n=i==null?void 0:i.getRootNode())==null?void 0:n.host)}return null}setActiveTab(t,i,n,o=null){let s=!1;this._tabs.forEach(l=>{l.hasAttribute("tab-uri")&&this._knownUri.has(l.getAttribute("tab-uri"))&&l.setAttribute("tab",this._knownUri.get(l.getAttribute("tab-uri")));let d=t===l.getAttribute("tab");!d&&o&&!this.getRefTab(l)&&(d=o===l.getAttribute("tab")),s=s||d,this._setTabEleActive(l,d)}),!s&&this._tabs.length>0&&this._setTabEleActive(this._tabs[0],!0),this._actions.forEach(l=>this._setTabEleActive(l,l.getAttribute("ref-tab")===(o||t))),this.selectTab(t,n),i&&this._store!==null&&this._store.set(this.storeKey,t)}_setTabEleActive(t,i){i&&(this._activeTab=t),t.classList.toggle("zn-tb-active",i),t.classList.toggle("active",i)}selectTab(t,i){if(t&&!this._panels.has(t))return!1;this._current===t?(this._activeClicks++,this._activeClicks>2&&(i=!0,this._activeClicks=0)):this._activeClicks=0;let o=!0;return this._panels.forEach((l,d)=>{let c=d===t;l.forEach(f=>{if(c&&f.parentNode!==this&&(o=!1),f.toggleAttribute("selected",c),c&&i){let p="",h="";this._activeTab&&this._activeTab.hasAttribute("tab-uri")&&(p=this._activeTab.getAttribute("tab-uri"),h=this._activeTab.getAttribute("gaid")),document.dispatchEvent(new CustomEvent("zn-refresh-element",{detail:{element:f,uri:p,gaid:h}}))}})}),this._panel&&this._panel.classList.toggle("contents-slot",!o),this._current=t,!0}getActiveTab(){return this._panels.get(this._current)||[]}observerDom(){this._domObserver.observe(this)}removeTabAndPanel(t){var i;this._current===t&&this.setActiveTab("",!0,!1);for(let n of this._tabs)if(n.getAttribute("tab")===t){if(n.hasAttribute("tab-uri")){let o=n.getAttribute("tab-uri");this._knownUri.has(o)&&this._knownUri.delete(o)}(i=n.parentElement)==null||i.removeChild(n),this._tabs.splice(this._tabs.indexOf(n),1)}if(this._panels.has(t)){let n=this._panels.get(t);n instanceof HTMLElement?n.remove():n instanceof Array&&n.forEach(o=>{o instanceof HTMLElement&&o.remove()}),this._panels.delete(t)}}render(){let t=this.hasSlotController.test("actions"),i=this.caption&&this.caption.length>0,n=this.description&&this.description.length>0,o=i||t||n;if(this._split>0){let s=this.storeKey;s&&(s+="-split");let l="secondary";return this.querySelectorAll('[slot="right"]').length>0&&(l="primary"),C`
|
|
1256
|
+
</zn-button>`}};Ga.styles=Q(H2e),_([w()],Ga.prototype,"icon",2),_([w()],Ga.prototype,"method",2),_([w({attribute:"context-uri",reflect:!0})],Ga.prototype,"contextUri",2),_([w({reflect:!0})],Ga.prototype,"count",2),_([w({reflect:!0})],Ga.prototype,"color",2),_([w({type:Boolean})],Ga.prototype,"prefetch",2),_([w()],Ga.prototype,"basis",2),_([w({attribute:"max-height"})],Ga.prototype,"maxHeight",2),_([w({reflect:!0,type:Boolean})],Ga.prototype,"open",2),_([w({attribute:"master-id",reflect:!0})],Ga.prototype,"masterId",2),_([w({attribute:"fetch-style",type:String,reflect:!0})],Ga.prototype,"fetchStyle",2),_([w({attribute:"no-prefetch",type:Boolean,reflect:!0})],Ga.prototype,"noPrefetch",2);var RA=Ga;Ga.define("zn-expanding-action");var F2e=J`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:contents;height:100%}`;var Vs=class extends X{constructor(){super(...arguments);this.selected=!1}render(){return C`<slot></slot>`}};Vs.styles=Q(F2e),_([w()],Vs.prototype,"caption",2),_([w({type:Number})],Vs.prototype,"priority",2),_([w()],Vs.prototype,"uri",2),_([w({type:Boolean,reflect:!0})],Vs.prototype,"selected",2);var OA=Vs;Vs.define("zn-tab");var V2e=J`@charset "UTF-8";@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:root,[t=light],.theme-light{color-scheme:light;--zn-color-gray-100:hsl(240,13%,95%);--zn-color-gray-300:hsl(260,21%,89%);--zn-color-gray-400:hsl(251,17%,76%);--zn-color-gray-500:hsl(254,17%,66%);--zn-color-gray-800:hsl(259,13%,42%);--zn-color-gray-900:hsl(262,12%,35%);--zn-color-red-500:hsl(0 84.2% 60.2%);--zn-color-red-600:hsl(0 72.2% 50.6%);--zn-color-orange-500:hsl(24.6 95% 53.1%);--zn-color-amber-400:hsl(43.3 96.4% 56.3%);--zn-color-yellow-400:hsl(51,100%,53%);--zn-color-green-500:hsl(142.1 70.6% 45.3%);--zn-color-blue-500:hsl(217.2 91.2% 59.8%);--zn-color-indigo-400:hsl(234.5 89.5% 73.9%);--zn-color-indigo-500:hsl(238.7 83.5% 66.7%);--zn-color-violet-500:hsl(258.3 89.5% 66.3%);--zn-color-violet-600:hsl(262.1 83.3% 57.8%);--zn-color-purple-50:hsl(249,100%,97%);--zn-color-purple-100:hsl(245,100%,95%);--zn-color-purple-200:hsl(244,100%,92%);--zn-color-purple-600:hsl(256,91%,59%);--zn-color-pink-400:hsl(328.6 85.5% 70.2%);--zn-color-pink-500:hsl(330.4 81.2% 60.4%);--zn-color-primary-50:var(--zn-color-purple-50);--zn-color-primary-100:var(--zn-color-purple-100);--zn-color-primary-200:var(--zn-color-purple-200);--zn-color-primary-300:hsl(246,100%,85%);--zn-color-primary-400:hsl(249,100%,76%);--zn-color-primary-500:hsl(252,98%,66%);--zn-color-primary-600:var(--zn-color-purple-600);--zn-color-primary-700:hsl(257,76%,50%);--zn-color-primary-800:hsl(257,76%,42%);--zn-color-primary-900:hsl(257,73%,35%);--zn-color-success-50:hsl(138.5 76.5% 96.7%);--zn-color-success-200:rgb(var(--zn-green));--zn-color-success-300:hsl(141.7 76.6% 73.1%);--zn-color-success-400:hsl(141.9 69.2% 58%);--zn-color-success-500:var(--zn-color-green-500);--zn-color-success-600:hsl(142.1 76.2% 36.3%);--zn-color-success-700:hsl(142.4 71.8% 29.2%);--zn-color-warning-50:hsl(48 100% 96.1%);--zn-color-warning-400:var(--zn-color-amber-400);--zn-color-warning-500:hsl(37.7 92.1% 50.2%);--zn-color-warning-600:hsl(32.1 94.6% 43.7%);--zn-color-danger-50:hsl(0 85.7% 97.3%);--zn-color-danger-100:rgb(var(--zn-red));--zn-color-danger-200:rgb(var(--zn-red));--zn-color-danger-300:hsl(0 93.5% 81.8%);--zn-color-danger-500:var(--zn-color-red-500);--zn-color-danger-600:var(--zn-color-red-600);--zn-color-danger-700:rgb(var(--zn-red));--zn-color-danger-800:hsl(0 70% 35.3%);--zn-color-neutral-50:hsl(255,33%,98%);--zn-color-neutral-100:var(--zn-color-gray-100);--zn-color-neutral-200:hsl(255,12%,94%);--zn-color-neutral-300:var(--zn-color-gray-300);--zn-color-neutral-400:var(--zn-color-gray-400);--zn-color-neutral-500:var(--zn-color-gray-500);--zn-color-neutral-600:hsl(258,15%,58%);--zn-color-neutral-700:hsl(259,13%,54%);--zn-color-neutral-800:var(--zn-color-gray-800);--zn-color-neutral-900:var(--zn-color-gray-900);--zn-color-neutral-0:hsl(0,0%,100%);--zn-color-neutral-1000:hsl(0,0%,0%);--zn-border-radius:6px;--zn-border-radius-small:2px;--zn-border-radius-circle:50%;--zn-border-radius-pill:9999px;--zn-shadow-x-small:0 1px 4px rgba(0,0,0,0.10);--zn-shadow-small:0 3px 9px rgba(0,0,0,0.15);--zn-shadow-medium:0 6px 18px rgba(0,0,0,0.15);--zn-shadow-large:0 6px 20px rgba(0,0,0,0.15);--zn-shadow-x-large:0 6px 20px rgba(0,0,0,0.25);--zn-container:var(--zn-container-hd);--zn-container-default:100%;--zn-container-sm:360px;--zn-container-smp:480px;--zn-container-ph:600px;--zn-container-md:768px;--zn-container-lg:1100px;--zn-container-hd:1400px;--zn-container-3k:1960px;--zn-container-4k:2560px;--zn-transition-x-slow:1000ms;--zn-transition-slow:500ms;--zn-transition-medium:250ms;--zn-transition-fast:150ms;--zn-transition-x-fast:50ms;--zn-gap:var(--zn-base-gap,var(--zn-spacing-medium,4px));--zn-font-mono:'Roboto Mono',SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;--zn-font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';--zn-font-serif:'Roboto Slab',Georgia,'Times New Roman',serif;--zn-font-size-2x-small:0.625rem;--zn-font-size-x-small:0.75rem;--zn-font-size-small:0.929rem;--zn-font-size-medium:1rem;--zn-font-size-large:1.15rem;--zn-font-size-x-large:1.25rem;--zn-font-size-2x-large:2.25rem;--zn-font-size-3x-large:3rem;--zn-font-size-4x-large:4.5rem;--zn-font-weight-light:300;--zn-font-weight-normal:400;--zn-font-weight-medium:500;--zn-font-weight-semibold:600;--zn-font-weight-bold:700;--zn-letter-spacing-normal:normal;--zn-letter-spacing-loose:0.5px;--zn-line-height-denser:1;--zn-line-height-dense:1.5;--zn-line-height-normal:2;--zn-line-height-loose:2.5;--zn-line-height-looser:3;--zn-focus-ring-color:var(--zn-color-primary-600);--zn-focus-ring-style:solid;--zn-focus-ring-width-x-small:1px;--zn-focus-ring-width:3px;--zn-focus-ring:var(--zn-focus-ring-style) var(--zn-focus-ring-width) var(--zn-focus-ring-color);--zn-focus-ring-offset:1px;--zn-input-height-x-small:24px;--zn-input-height-small:30px;--zn-input-height-medium:36px;--zn-input-height-large:40px;--zn-input-background-color:var(--zn-color-neutral-50);--zn-input-background-color-hover:var(--zn-color-neutral-100);--zn-input-background-color-focus:var(--zn-color-neutral-100);--zn-input-background-color-disabled:var(--zn-color-neutral-400);--zn-input-border-color:var(--zn-color-neutral-300);--zn-input-border-color-hover:var(--zn-color-neutral-400);--zn-input-border-color-focus:var(--zn-color-primary-500);--zn-input-border-color-disabled:var(--zn-color-neutral-300);--zn-input-border-width:1px;--zn-input-required-content:'*';--zn-input-required-content-offset:-2px;--zn-input-required-content-color:var(--zn-input-label-color);--zn-input-border-radius-x-small:var(--zn-border-radius);--zn-input-border-radius-small:var(--zn-border-radius);--zn-input-border-radius-medium:var(--zn-border-radius);--zn-input-border-radius-large:var(--zn-border-radius);--zn-input-font-family:var(--zn-font-sans);--zn-input-font-weight:var(--zn-text-input-content-font-weight);--zn-input-font-size-x-small:var(--zn-font-size-x-small);--zn-input-font-size-small:var(--zn-font-size-small);--zn-input-font-size-medium:var(--zn-text-input-content-font-size);--zn-input-font-size-large:var(--zn-font-size-large);--zn-input-line-height:var(--zn-text-input-content-line-height);--zn-input-letter-spacing:var(--zn-letter-spacing-normal);--zn-input-color:var(--zn-text-input-content-color);--zn-input-color-hover:var(--zn-color-neutral-800);--zn-input-color-focus:var(--zn-color-neutral-700);--zn-input-color-disabled:var(--zn-color-neutral-800);--zn-input-icon-color:var(--zn-color-neutral-500);--zn-input-icon-color-hover:var(--zn-color-neutral-600);--zn-input-icon-color-focus:var(--zn-color-neutral-600);--zn-input-placeholder-color:var(--zn-text-input-placeholder-color);--zn-input-placeholder-color-disabled:var(--zn-color-neutral-600);--zn-input-spacing-small:var(--zn-spacing-small);--zn-input-spacing-medium:var(--zn-spacing-medium);--zn-input-spacing-large:var(--zn-spacing-large);--zn-input-focus-ring-color:hsl(256 91% 59%/40%);--zn-input-focus-ring-offset:0;--zn-input-label-font-size-small:var(--zn-font-size-small);--zn-input-label-font-size-medium:var(--zn-text-input-label-font-size);--zn-input-label-font-size-large:var(--zn-font-size-large);--zn-input-label-font-weight:var(--zn-text-input-label-font-weight);--zn-input-label-line-height:var(--zn-text-input-label-line-height);--zn-input-label-color:var(--zn-text-input-label-color);--zn-input-help-text-font-size-small:var(--zn-font-size-x-small);--zn-input-help-text-font-size-medium:var(--zn-font-size-small);--zn-input-help-text-font-size-large:var(--zn-font-size-medium);--zn-input-help-text-color:var(--zn-color-neutral-500);--zn-toggle-size-small:0.875rem;--zn-toggle-size-medium:1.125rem;--zn-toggle-size-large:1.375rem;--zn-overlay-background-color:hsl(none 0% 0%/0.7);--zn-panel-background-color:var(--zn-color-neutral-0);--zn-panel-border-color:var(--zn-color-neutral-200);--zn-panel-border-width:1px;--zn-tooltip-border-radius:var(--zn-border-radius);--zn-tooltip-background-color:var(--zn-color-neutral-900);--zn-tooltip-color:var(--zn-color-neutral-0);--zn-tooltip-font-family:var(--zn-font-sans);--zn-tooltip-font-weight:var(--zn-font-weight-normal);--zn-tooltip-font-size:var(--zn-font-size-small);--zn-tooltip-line-height:var(--zn-line-height-dense);--zn-tooltip-padding:var(--zn-spacing-x-small) var(--zn-spacing-small);--zn-tooltip-arrow-size:6px;--zn-z-index-page-nav:500;--zn-z-index-drawer:700;--zn-z-index-dialog:800;--zn-z-index-dropdown:900;--zn-z-index-toast:950;--zn-z-index-tooltip:1000;--zn-z-index-editor-action:1000000}[t=dark],.theme-dark{color-scheme:dark;--zn-color-gray-50:hsl(258,15%,23%);--zn-color-gray-100:hsl(262,12%,35%);--zn-color-gray-200:hsl(259,13%,42%);--zn-color-gray-300:hsl(259,13%,54%);--zn-color-gray-400:hsl(258,15%,58%);--zn-color-gray-500:hsl(254,17%,66%);--zn-color-gray-600:hsl(251,17%,76%);--zn-color-gray-700:hsl(260,21%,89%);--zn-color-gray-800:hsl(255,12%,94%);--zn-color-gray-900:hsl(240,13%,95%);--zn-color-gray-950:hsl(255,33%,98%);--zn-color-red-50:hsl(0 56% 23.9%);--zn-color-red-100:hsl(0.6 60% 33.9%);--zn-color-red-200:hsl(0.9 67.2% 37.1%);--zn-color-red-300:hsl(1.1 71.3% 43.7%);--zn-color-red-400:hsl(1 76% 52.5%);--zn-color-red-500:hsl(0.7 89.6% 57.2%);--zn-color-red-600:hsl(0 98.6% 67.9%);--zn-color-red-700:hsl(0 100% 72.3%);--zn-color-red-800:hsl(0 100% 85.6%);--zn-color-red-900:hsl(0 100% 90.3%);--zn-color-red-950:hsl(0 100% 95.9%);--zn-color-orange-50:hsl(15 64.2% 23.3%);--zn-color-orange-100:hsl(15.1 70.9% 31.1%);--zn-color-orange-200:hsl(15.3 75.7% 35.5%);--zn-color-orange-300:hsl(17.1 83.5% 42.7%);--zn-color-orange-400:hsl(20.1 88% 50.8%);--zn-color-orange-500:hsl(24.3 100% 50.5%);--zn-color-orange-600:hsl(27.2 100% 57.7%);--zn-color-orange-700:hsl(31.3 100% 68.7%);--zn-color-orange-800:hsl(33.8 100% 79.3%);--zn-color-orange-900:hsl(38.9 100% 87.7%);--zn-color-orange-950:hsl(46.2 100% 95%);--zn-color-amber-50:hsl(21.9 66.3% 21.1%);--zn-color-amber-100:hsl(21.5 73.6% 29.7%);--zn-color-amber-200:hsl(22.3 77.6% 33.3%);--zn-color-amber-300:hsl(25.4 84.2% 39.6%);--zn-color-amber-400:hsl(31.4 87.4% 46.7%);--zn-color-amber-500:hsl(37 96.6% 48.3%);--zn-color-amber-600:hsl(43.3 100% 53.4%);--zn-color-amber-700:hsl(46.5 100% 61.1%);--zn-color-amber-800:hsl(49.3 100% 73%);--zn-color-amber-900:hsl(51.8 100% 85%);--zn-color-amber-950:hsl(60 100% 94.6%);--zn-color-yellow-50:hsl(34,86%,14%);--zn-color-yellow-100:hsl(36,74%,26%);--zn-color-yellow-200:hsl(40,82%,29%);--zn-color-yellow-300:hsl(43,94%,33%);--zn-color-yellow-400:hsl(48,98%,40%);--zn-color-yellow-500:hsl(53,95%,47%);--zn-color-yellow-600:hsl(51,100%,53%);--zn-color-yellow-700:hsl(54,100%,63%);--zn-color-yellow-800:hsl(61,100%,77%);--zn-color-yellow-900:hsl(63,100%,88%);--zn-color-yellow-950:hsl(63,92%,95%);--zn-color-lime-50:hsl(86.5 54.4% 18%);--zn-color-lime-100:hsl(87.6 56.8% 23.3%);--zn-color-lime-200:hsl(85.8 63.2% 24.5%);--zn-color-lime-300:hsl(86.1 72% 29.4%);--zn-color-lime-400:hsl(85.5 76.8% 37.3%);--zn-color-lime-500:hsl(84.3 74.2% 42.1%);--zn-color-lime-600:hsl(82.8 81.5% 52.6%);--zn-color-lime-700:hsl(82 89.9% 64%);--zn-color-lime-800:hsl(80.9 97.9% 76.6%);--zn-color-lime-900:hsl(77.9 100% 85.8%);--zn-color-lime-950:hsl(69.5 100% 93.8%);--zn-color-green-50:hsl(144.3 53.6% 16%);--zn-color-green-100:hsl(143.2 55.4% 23.5%);--zn-color-green-200:hsl(141.5 58.2% 26.3%);--zn-color-green-300:hsl(140.8 64.2% 31.8%);--zn-color-green-400:hsl(140.3 68% 39.2%);--zn-color-green-500:hsl(141.1 64.9% 43%);--zn-color-green-600:hsl(141.6 72.4% 55.2%);--zn-color-green-700:hsl(141.7 82.7% 70.1%);--zn-color-green-800:hsl(141 90.9% 82.1%);--zn-color-green-900:hsl(142 100% 89.1%);--zn-color-green-950:hsl(144 100% 95.5%);--zn-color-emerald-50:hsl(164.3 75% 13.5%);--zn-color-emerald-100:hsl(163.5 72.6% 20.1%);--zn-color-emerald-200:hsl(162.1 73.7% 22.4%);--zn-color-emerald-300:hsl(161.3 77.3% 27.6%);--zn-color-emerald-400:hsl(159.6 77.1% 34.3%);--zn-color-emerald-500:hsl(159.1 73.5% 37.9%);--zn-color-emerald-600:hsl(157.8 66.8% 48.9%);--zn-color-emerald-700:hsl(156.2 76.1% 63.8%);--zn-color-emerald-800:hsl(152.4 84.4% 77.4%);--zn-color-emerald-900:hsl(149.3 100% 87%);--zn-color-emerald-950:hsl(158.6 100% 94.8%);--zn-color-teal-50:hsl(176.5 51.5% 15.4%);--zn-color-teal-100:hsl(175.9 54.7% 22.3%);--zn-color-teal-200:hsl(175.9 60.7% 23.9%);--zn-color-teal-300:hsl(174.5 67.3% 28.8%);--zn-color-teal-400:hsl(174.4 71.9% 34.9%);--zn-color-teal-500:hsl(173.1 71% 38.3%);--zn-color-teal-600:hsl(172.3 68.2% 48.1%);--zn-color-teal-700:hsl(170.5 81.3% 61.5%);--zn-color-teal-800:hsl(168.4 92.1% 75.2%);--zn-color-teal-900:hsl(168.3 100% 86%);--zn-color-teal-950:hsl(180 100% 95.5%);--zn-color-cyan-50:hsl(197.1 53.8% 20.3%);--zn-color-cyan-100:hsl(196.8 57.3% 27.2%);--zn-color-cyan-200:hsl(195.3 62.7% 29.4%);--zn-color-cyan-300:hsl(193.5 71.3% 34.1%);--zn-color-cyan-400:hsl(192.5 76.8% 40.6%);--zn-color-cyan-500:hsl(189.4 78.6% 42.6%);--zn-color-cyan-600:hsl(188.2 89.1% 51.7%);--zn-color-cyan-700:hsl(187 98.6% 66.2%);--zn-color-cyan-800:hsl(184.9 100% 78.3%);--zn-color-cyan-900:hsl(180 100% 86.6%);--zn-color-cyan-950:hsl(180 100% 94.8%);--zn-color-sky-50:hsl(203 63.8% 20.9%);--zn-color-sky-100:hsl(203.4 70.4% 28%);--zn-color-sky-200:hsl(202.7 75.8% 30.8%);--zn-color-sky-300:hsl(203.1 80.4% 36.1%);--zn-color-sky-400:hsl(202.1 80.5% 44.3%);--zn-color-sky-500:hsl(199.7 85.9% 47.7%);--zn-color-sky-600:hsl(198.7 97.9% 57.2%);--zn-color-sky-700:hsl(198.7 100% 70.5%);--zn-color-sky-800:hsl(198.8 100% 82.5%);--zn-color-sky-900:hsl(198.5 100% 89.9%);--zn-color-sky-950:hsl(186 100% 95.5%);--zn-color-blue-50:hsl(227.1 49.5% 22.7%);--zn-color-blue-100:hsl(225.8 58.9% 36.8%);--zn-color-blue-200:hsl(227.7 64.4% 42.9%);--zn-color-blue-300:hsl(226.1 72.7% 51.2%);--zn-color-blue-400:hsl(222.6 86.5% 56.3%);--zn-color-blue-500:hsl(217.8 95.8% 57.4%);--zn-color-blue-600:hsl(213.3 100% 65%);--zn-color-blue-700:hsl(210.9 100% 74.8%);--zn-color-blue-800:hsl(211.5 100% 83.4%);--zn-color-blue-900:hsl(211 100% 88.9%);--zn-color-blue-950:hsl(201.8 100% 95.3%);--zn-color-indigo-50:hsl(243.5 40.8% 27%);--zn-color-indigo-100:hsl(242.9 45.7% 37.6%);--zn-color-indigo-200:hsl(244.7 52.7% 43.1%);--zn-color-indigo-300:hsl(245.3 60.5% 52.4%);--zn-color-indigo-400:hsl(244.1 79.2% 60.4%);--zn-color-indigo-500:hsl(239.6 88.7% 63.8%);--zn-color-indigo-600:hsl(234.5 96.7% 70.9%);--zn-color-indigo-700:hsl(229.4 100% 78.3%);--zn-color-indigo-800:hsl(227.1 100% 85%);--zn-color-indigo-900:hsl(223.8 100% 89.9%);--zn-color-indigo-950:hsl(220 100% 95.1%);--zn-color-violet-50:hsl(265.1 57.3% 25.4%);--zn-color-violet-100:hsl(263.5 63.8% 39.4%);--zn-color-violet-200:hsl(263.4 66.2% 44.1%);--zn-color-violet-300:hsl(263.7 72.8% 52.4%);--zn-color-violet-400:hsl(262.5 87.3% 59.8%);--zn-color-violet-500:hsl(258.3 95.1% 63.2%);--zn-color-violet-600:hsl(255.1 100% 67.2%);--zn-color-violet-700:hsl(253 100% 81.5%);--zn-color-violet-800:hsl(251.7 100% 87.9%);--zn-color-violet-900:hsl(254.1 100% 91.7%);--zn-color-violet-950:hsl(257.1 100% 96.1%);--zn-color-purple-50:hsl(255,79%,23%);--zn-color-purple-100:hsl(257,73%,35%);--zn-color-purple-200:hsl(257,76%,42%);--zn-color-purple-300:hsl(257,76%,50%);--zn-color-purple-400:hsl(256,91%,59%);--zn-color-purple-500:hsl(252,98%,66%);--zn-color-purple-600:hsl(249,100%,76%);--zn-color-purple-700:hsl(246,100%,85%);--zn-color-purple-800:hsl(244,100%,92%);--zn-color-purple-900:hsl(245,100%,95%);--zn-color-purple-950:hsl(249,100%,97%);--zn-color-fuchsia-50:hsl(297.1 51.2% 18.6%);--zn-color-fuchsia-100:hsl(296.7 59.5% 31.5%);--zn-color-fuchsia-200:hsl(295.4 65.4% 35.1%);--zn-color-fuchsia-300:hsl(294.6 67.4% 42.2%);--zn-color-fuchsia-400:hsl(293.3 68.7% 51.2%);--zn-color-fuchsia-500:hsl(292.1 88.4% 57.7%);--zn-color-fuchsia-600:hsl(292 98.5% 59.5%);--zn-color-fuchsia-700:hsl(292.4 100% 79.5%);--zn-color-fuchsia-800:hsl(292.9 100% 86.8%);--zn-color-fuchsia-900:hsl(300 100% 91.5%);--zn-color-fuchsia-950:hsl(300 100% 96.3%);--zn-color-pink-50:hsl(336.2 59.6% 20%);--zn-color-pink-100:hsl(336.8 63.9% 34%);--zn-color-pink-200:hsl(336.8 68.7% 37.6%);--zn-color-pink-300:hsl(336.1 71.8% 44.5%);--zn-color-pink-400:hsl(333.9 74.9% 53.1%);--zn-color-pink-500:hsl(330.7 86.3% 57.7%);--zn-color-pink-600:hsl(328.6 91.5% 67.2%);--zn-color-pink-700:hsl(327.4 97.6% 78.7%);--zn-color-pink-800:hsl(325.1 100% 86.6%);--zn-color-pink-900:hsl(322.1 100% 91.3%);--zn-color-pink-950:hsl(315 100% 95.9%);--zn-color-rose-50:hsl(342.3 62.9% 21.5%);--zn-color-rose-100:hsl(342.8 68.9% 34.2%);--zn-color-rose-200:hsl(344.8 72.6% 37.3%);--zn-color-rose-300:hsl(346.9 75.8% 43.7%);--zn-color-rose-400:hsl(348.2 80.1% 52.7%);--zn-color-rose-500:hsl(350.4 94.8% 57.5%);--zn-color-rose-600:hsl(351.2 100% 58.1%);--zn-color-rose-700:hsl(352.3 100% 78.1%);--zn-color-rose-800:hsl(352 100% 86.2%);--zn-color-rose-900:hsl(354.5 100% 90.7%);--zn-color-rose-950:hsl(353.3 100% 95.7%);--zn-color-neutral-0:hsl(0,0%,0%);--zn-color-neutral-1000:hsl(0,0%,100%);--zn-shadow-x-small:0 1px 4px rgba(0,0,0,0.18);--zn-shadow-small:0 3px 9px rgba(0,0,0,0.24);--zn-shadow-medium:0 6px 18px rgba(0,0,0,0.24);--zn-shadow-large:0 6px 20px rgba(0,0,0,0.24);--zn-shadow-x-large:0 6px 20px rgba(0,0,0,0.34);--zn-input-background-color:rgb(var(--zn-color-body));--zn-input-background-color-hover:rgb(var(--zn-color-body));--zn-input-background-color-focus:hsl(252,15%,13%);--zn-input-background-color-disabled:hsl(280,6%,9%);--zn-input-border-color:rgb(var(--zn-color-border));--zn-input-border-color-hover:rgb(var(--zn-color-border-active));--zn-input-border-color-focus:var(--zn-color-primary-500);--zn-input-border-color-disabled:hsl(280,6%,9%);--zn-focus-ring-color:var(--zn-color-primary-700);--zn-overlay-background-color:hsl(0 0% 0%/43%);--zn-panel-background-color:rgb(var(--zn-panel));--zn-tooltip-background-color:var(--zn-color-neutral-800)}:root{--zn-spacing-unit:8px;--zn-spacing-3x-small:2px;--zn-spacing-2x-small:4px;--zn-spacing-x-small:8px;--zn-spacing-small:16px;--zn-spacing-medium:24px;--zn-spacing-large:32px;--zn-spacing-x-large:40px;--zn-spacing-2x-large:48px;--zn-spacing-3x-large:56px;--zn-spacing-4x-large:72px;--zn-spacing-narrow-bar:45px;--zn-spacing-bar:60px;--zn-spacing-tile:80px;--zn-spacing-sidenav:320px;--zn-spacing-small-panel:200px;--zn-spacing-medium-panel:320px;--zn-spacing-panel:360px;--zn-spacing-lside:460px}:root{--zn-text-color:rgb(var(--zn-color-text));--zn-text-color-muted:rgb(var(--zn-color-muted-text));--zn-text-paragraph-font-size:14px;--zn-text-paragraph-line-height:21px;--zn-text-paragraph-spacing:21px;--zn-text-paragraph-font-weight:var(--zn-font-weight-normal);--zn-text-paragraph-color:var(--zn-text-color);--zn-text-paragraph-transform:none;--zn-text-table-content-font-size:14px;--zn-text-table-content-line-height:16px;--zn-text-table-content-spacing:15px;--zn-text-table-content-font-weight:var(--zn-font-weight-normal);--zn-text-table-content-color:var(--zn-text-color);--zn-text-table-content-transform:none;--zn-text-chat-font-size:16px;--zn-text-chat-line-height:24px;--zn-text-chat-spacing:15px;--zn-text-chat-font-weight:var(--zn-font-weight-normal);--zn-text-chat-color:var(--zn-text-color);--zn-text-chat-transform:none;--zn-text-h1-font-size:16px;--zn-text-h1-line-height:16px;--zn-text-h1-spacing:18px;--zn-text-h1-font-weight:var(--zn-font-weight-semibold);--zn-text-h1-color:var(--zn-text-color);--zn-text-h1-transform:none;--zn-text-h2-font-size:14px;--zn-text-h2-line-height:16px;--zn-text-h2-spacing:15px;--zn-text-h2-font-weight:var(--zn-font-weight-semibold);--zn-text-h2-color:var(--zn-text-color);--zn-text-h2-transform:none;--zn-text-h3-font-size:11px;--zn-text-h3-line-height:16px;--zn-text-h3-spacing:15px;--zn-text-h3-font-weight:var(--zn-font-weight-semibold);--zn-text-h3-color:var(--zn-text-color);--zn-text-h3-transform:none;--zn-text-subheading-font-size:14px;--zn-text-subheading-line-height:16px;--zn-text-subheading-spacing:15px;--zn-text-subheading-font-weight:var(--zn-font-weight-normal);--zn-text-subheading-color:var(--zn-text-color-muted);--zn-text-subheading-transform:none;--zn-text-subheading-small-font-size:13px;--zn-text-subheading-small-line-height:16px;--zn-text-subheading-small-spacing:15px;--zn-text-subheading-small-font-weight:var(--zn-font-weight-normal);--zn-text-subheading-small-color:var(--zn-text-color-muted);--zn-text-subheading-small-transform:none;--zn-text-input-placeholder-font-size:14px;--zn-text-input-placeholder-line-height:24px;--zn-text-input-placeholder-spacing:18px;--zn-text-input-placeholder-font-weight:var(--zn-font-weight-normal);--zn-text-input-placeholder-color:var(--zn-text-color-muted);--zn-text-input-placeholder-transform:none;--zn-text-input-content-font-size:14px;--zn-text-input-content-line-height:24px;--zn-text-input-content-spacing:18px;--zn-text-input-content-font-weight:var(--zn-font-weight-normal);--zn-text-input-content-color:var(--zn-text-color);--zn-text-input-content-transform:none;--zn-text-input-label-font-size:14px;--zn-text-input-label-line-height:16px;--zn-text-input-label-spacing:15px;--zn-text-input-label-font-weight:var(--zn-font-weight-semibold);--zn-text-input-label-color:var(--zn-text-color);--zn-text-input-label-transform:none;--zn-text-chart-minor-font-size:14px;--zn-text-chart-minor-line-height:16px;--zn-text-chart-minor-spacing:15px;--zn-text-chart-minor-font-weight:var(--zn-font-weight-semibold);--zn-text-chart-minor-color:var(--zn-text-color-muted);--zn-text-chart-minor-transform:none;--zn-text-chart-major-font-size:21px;--zn-text-chart-major-line-height:16px;--zn-text-chart-major-spacing:18px;--zn-text-chart-major-font-weight:var(--zn-font-weight-normal);--zn-text-chart-major-color:var(--zn-text-color);--zn-text-chart-major-transform:none;--zn-text-button-label-font-size:13px;--zn-text-button-label-line-height:16px;--zn-text-button-label-spacing:18px;--zn-text-button-label-font-weight:var(--zn-font-weight-semibold);--zn-text-button-label-color:var(--zn-text-color);--zn-text-button-label-transform:uppercase;--zn-text-chip-font-size:10px;--zn-text-chip-line-height:16px;--zn-text-chip-spacing:15px;--zn-text-chip-font-weight:var(--zn-font-weight-semibold);--zn-text-chip-color:var(--zn-text-color);--zn-text-chip-transform:uppercase;--zn-text-navbar-link-font-size:16px;--zn-text-navbar-link-line-height:16px;--zn-text-navbar-link-spacing:18px;--zn-text-navbar-link-font-weight:var(--zn-font-weight-semibold);--zn-text-navbar-link-color:var(--zn-text-color-muted);--zn-text-navbar-link-transform:none;--zn-text-tab-link-font-size:14px;--zn-text-tab-link-line-height:16px;--zn-text-tab-link-spacing:15px;--zn-text-tab-link-font-weight:var(--zn-font-weight-semibold);--zn-text-tab-link-color:var(--zn-text-color-muted);--zn-text-tab-link-transform:none;--zn-text-tab-link-active-font-size:14px;--zn-text-tab-link-active-line-height:16px;--zn-text-tab-link-active-spacing:15px;--zn-text-tab-link-active-font-weight:var(--zn-font-weight-semibold);--zn-text-tab-link-active-color:var(--zn-text-color);--zn-text-tab-link-active-transform:none;--zn-text-menu-link-font-size:14px;--zn-text-menu-link-line-height:16px;--zn-text-menu-link-spacing:15px;--zn-text-menu-link-font-weight:var(--zn-font-weight-normal);--zn-text-menu-link-color:var(--zn-text-color-muted);--zn-text-menu-link-transform:none;--zn-text-notification-font-size:9px;--zn-text-notification-line-height:11px;--zn-text-notification-spacing:0;--zn-text-notification-font-weight:var(--zn-font-weight-semibold);--zn-text-notification-color:#fff;--zn-text-notification-transform:none}@supports (scrollbar-gutter:stable){.zn-scroll-lock{scrollbar-gutter:stable !important;overflow:hidden !important}}@supports not (scrollbar-gutter:stable){.zn-scroll-lock{padding-right:var(--zn-scroll-lock-size) !important;overflow:hidden !important}}.zn-toast-stack{position:fixed;bottom:0;inset-inline-end:0;z-index:var(--zn-z-index-toast);width:28rem;max-width:100%;max-height:100%;overflow:auto}.zn-toast-stack zn-alert{margin:var(--zn-spacing-medium)}.zn-toast-stack zn-alert::part(base){box-shadow:var(--zn-shadow-large)}@media screen and (min-width:768px){.zn-toast-stack zn-alert{margin:var(--zn-spacing-large)}}.zn-gutter{margin:0 var(--zn-gutter)}.zn-gap{gap:var(--zn-gap,0);padding:var(--zn-base-gap,0);display:flex;flex-wrap:wrap}.zn-gap-in{gap:var(--zn-gap,0);display:flex;flex-wrap:wrap}.zn-gap-in-sm{--zn-gap:var(--zn-spacing-small,0);gap:var(--zn-gap,0)}.zn-gap-md{gap:15px}.zn-gap-inner{gap:var(--zn-gap,0)}.zn-gap-ism{gap:var(--zn-gap,0);--zn-gap:10px}.zn-gap-ixs{gap:var(--zn-gap,0);--zn-gap:5px}.zn-max-hide{max-height:100%;overflow:hidden}.zn-hide-empty:empty{display:none}.zn-nopoint{pointer-events:none}.form-spacing{display:grid;grid-template-columns:1fr;gap:var(--zn-spacing-medium) var(--zn-spacing-small)}@media (min-width:768px){.form-spacing{grid-template-columns:repeat(6,1fr)}}.form-spacing~.form-spacing{margin-top:var(--zn-base-gap)}zn-form-group~zn-form-group{margin-top:var(--zn-base-gap);padding-top:var(--zn-base-gap);border-top:1px solid rgb(var(--zn-border-color))}.form-spacing>*{grid-column:span 6/span 6}@media (min-width:768px){.form-spacing>*[span="1"]{grid-column:span 1/span 1}}@media (min-width:768px){.form-spacing>*[span="2"]{grid-column:span 2/span 2}}@media (min-width:768px){.form-spacing>*[span="3"]{grid-column:span 3/span 3}}@media (min-width:768px){.form-spacing>*[span="4"]{grid-column:span 4/span 4}}@media (min-width:768px){.form-spacing>*[span="5"]{grid-column:span 5/span 5}}:root{--zn-base-px:8px;--zn-base-gap:calc(var(--zn-base-px) * 2);--zn-gutter:2px;--zn-default-margin:0 auto 0 0;--zn-icon-size:20px;--zn-button-gutter:2px;--zn-font-family-sans:'Inter',sans-serif;--zn-font-family-serif:'Roboto Slab',serif;--zn-font-family-mono:'Roboto Mono',monospace}:root,[t=light],.theme-light{--zn-backdrop-color:rgba(0,0,0,0.5);--zn-color-text:33,33,33;--zn-color-muted-text:125,119,146;--zn-color-base:255,255,255;--zn-color-body:248,247,252;--zn-color-navigation:var(--zn-color-base);--zn-color-navigation-hightlight:248,249,252;--zn-color-border:219,217,236;--zn-color-border-active:209,207,226;--zn-color-tab:236,235,249;--zn-color-panel:255,255,255;--zn-color-primary:105,54,245;--zn-color-info:53,104,195;--zn-color-success:98,177,121;--zn-color-warning:241,168,80;--zn-color-error:236,68,91;--zn-color-disabled:181,181,181}[t=dark],.theme-dark{--zn-backdrop-color:rgba(0,0,0,0.85);--zn-color-text:215,215,215;--zn-color-muted-text:145,145,145;--zn-color-base:0,0,0;--zn-color-body:23,23,23;--zn-color-navigation:var(--zn-color-base);--zn-color-navigation-hightlight:10,10,10;--zn-color-border:38,38,38;--zn-color-border-active:80,80,80;--zn-color-tab:5,5,5;--zn-color-panel:30,30,30;--zn-color-primary:105,54,245;--zn-color-info:53,104,195;--zn-color-success:98,177,121;--zn-color-warning:241,168,80;--zn-color-error:236,68,91;--zn-color-disabled:181,181,181}@media (min-width:1200px){:root{--zn-base-gap:calc(var(--zn-base-px) * 3)}}@media (min-width:2500px){:root{--zn-default-margin:0 auto}}:root{--zn-primary:var(--zn-color-primary);--zn-red:237,84,109;--zn-blue:100,117,242;--zn-green:43,192,145;--zn-orange:255,136,0;--zn-yellow:255,193,7;--zn-indigo:63,81,181;--zn-violet:156,39,176;--zn-pink:255,108,156;--zn-grey:158,158,158;--zn-accent:71,214,214;--zn-size-bar:60px;--zn-size-tile:80px;--zn-size-sidenav:320px;--zn-size-spanel:170px;--zn-size-mpanel:320px;--zn-size-panel:360px;--zn-size-lside:460px;--zn-bg-opacity:1;--zn-text-opacity:1;--base:255,255,255;--inverse-base:0,0,0}.zn-mono{font-family:var(--zn-font-family-mono,"monospace")}:root,[t=light],.theme-light,[t=dark],.theme-dark{--zn-body:var(--zn-color-body);--zn-text:var(--zn-color-text);--zn-text-heading:var(--zn-color-text);--zn-text-page-title:var(--zn-color-text);--zn-text-panel-title:var(--zn-color-text);--zn-panel:var(--zn-color-panel);--zn-border-color:var(--zn-color-border);--zn-input-bg:var(--zn-color-body)}[t=light],.theme-light{--zn-panel-opacity:1;--zn-shadow:236,235,249;--zn-panel-secondary:246 246 246;--zn-panel-highlight:248,249,252;--zn-panel-highlight-opacity:1;--zn-input-bg-accent:237,235,245;--zn-bright-bg:255,255,255;--zn-light-text:123,112,151;--zn-dark-text:56,39,104;--zn-purple-text:104,54,245}[t=light] .zn-primary,.theme-light .zn-primary{color:rgb(var(--zn-color-primary))}[t=dark],.theme-dark{--zn-shadow:10,10,10;--zn-panel-secondary:27,27,30;--zn-panel-opacity:1;--zn-panel-highlight:25,27,32;--zn-panel-highlight-opacity:0.1;--zn-input-bg-accent:72,84,102;--zn-bright-bg:225,225,225;--zn-light-text:173,163,192;--zn-dark-text:201,201,201;--zn-purple-text:129,140,249;--zn-accent:15,165,234;--zn-primary:137,103,239;--base:0,0,0;--inverse-base:255,255,255}[t=dark] .zn-primary,.theme-dark .zn-primary{color:#8967ef !important}.ml-px{margin-left:1px}.mr-px{margin-right:1px}.mt-px{margin-top:1px}.mb-px{margin-bottom:1px}.mx-px{margin-left:1px;margin-right:1px}.my-px{margin-top:1px;margin-bottom:1px}.m-px{margin:1px}.ml-xxs{margin-left:3px}.mr-xxs{margin-right:3px}.mt-xxs{margin-top:3px}.mb-xxs{margin-bottom:3px}.mx-xxs{margin-left:3px;margin-right:3px}.my-xxs{margin-top:3px;margin-bottom:3px}.m-xxs{margin:3px}.ml-xs{margin-left:5px}.mr-xs{margin-right:5px}.mt-xs{margin-top:5px}.mb-xs{margin-bottom:5px}.mx-xs{margin-left:5px;margin-right:5px}.my-xs{margin-top:5px;margin-bottom:5px}.m-xs{margin:5px}.ml-sm{margin-left:10px}.mr-sm{margin-right:10px}.mt-sm{margin-top:10px}.mb-sm{margin-bottom:10px}.mx-sm{margin-left:10px;margin-right:10px}.my-sm{margin-top:10px;margin-bottom:10px}.m-sm{margin:10px}.ml-md{margin-left:15px}.mr-md{margin-right:15px}.mt-md{margin-top:15px}.mb-md{margin-bottom:15px}.mx-md{margin-left:15px;margin-right:15px}.my-md{margin-top:15px;margin-bottom:15px}.m-md{margin:15px}.ml-lg{margin-left:20px}.mr-lg{margin-right:20px}.mt-lg{margin-top:20px}.mb-lg{margin-bottom:20px}.mx-lg{margin-left:20px;margin-right:20px}.my-lg{margin-top:20px;margin-bottom:20px}.m-lg{margin:20px}.ml-xl{margin-left:25px}.mr-xl{margin-right:25px}.mt-xl{margin-top:25px}.mb-xl{margin-bottom:25px}.mx-xl{margin-left:25px;margin-right:25px}.my-xl{margin-top:25px;margin-bottom:25px}.m-xl{margin:25px}.zn-red{color:rgb(var(--zn-red))}.zn-blue{color:rgb(var(--zn-blue))}.zn-green{color:rgb(var(--zn-green))}.zn-orange{color:rgb(var(--zn-orange))}.zn-yellow{color:rgb(var(--zn-yellow))}.zn-indigo{color:rgb(var(--zn-indigo))}.zn-violet{color:rgb(var(--zn-violet))}.zn-pink{color:rgb(var(--zn-pink))}.zn-grey{color:rgb(var(--zn-grey))}.zn-primary{color:rgb(var(--zn-primary))}.zn-accent{color:rgb(var(--zn-accent))}.zn-info{color:rgb(var(--zn-color-info))}.zn-warning{color:rgb(var(--zn-color-warning))}.zn-error{color:rgb(var(--zn-color-error))}.zn-success{color:rgb(var(--zn-color-success))}ul.gap li{margin:5px 0}ul.circle,ul.decimal,ul.disc,ul.square{padding:5px 0 5px 15px}ul.circle{list-style-type:circle}ul.decimal{list-style-type:decimal}ul.disc{list-style-type:disc}ul.square{list-style-type:square}:host,html,body{color:rgba(var(--zn-text),var(--zn-text-opacity));font-family:var(--zn-font-family-sans);font-feature-settings:normal;font-variation-settings:normal;font-size:var(--zn-text-paragraph-font-size);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tab-size:4;-o-tab-size:4;tab-size:4;margin:0}html,body{background-color:rgba(var(--zn-body),var(--zn-bg-opacity));container-type:size;min-height:100%;height:100%}.inline-container{container-type:inline-size}.app-container{container-type:inline-size;display:flex;flex:1;flex-direction:column;position:relative;max-height:100%;height:100%;width:100%;max-width:100%}.inline-app-container,.app-container.inline-app-container,[inline-container] .app-container{display:block;height:auto;flex:unset}hr{height:0;border:none;border-top:1px solid rgb(var(--zn-border-color))}code,kbd,samp,pre,.mono{font-family:var(--zn-font-family-mono);font-size:1em}small{font-size:80%}.hidden{display:none !important}.visibility-hidden{visibility:hidden}p{font-size:var(--zn-text-paragraph-font-size);line-height:var(--zn-text-paragraph-line-height);font-weight:var(--zn-text-paragraph-font-weight)}h1,h2,h3,h4,h5,h6{color:rgb(var(--zn-text-heading))}h1{font-size:var(--zn-text-h1-font-size);line-height:var(--zn-text-h1-line-height);font-weight:var(--zn-text-h1-font-weight)}h2{font-size:var(--zn-text-h2-font-size);line-height:var(--zn-text-h2-line-height);font-weight:var(--zn-text-h2-font-weight)}h3,h4,h5,h6{font-size:var(--zn-text-h3-font-size);line-height:var(--zn-text-h3-line-height);font-weight:var(--zn-text-h3-font-weight)}kbd{font-family:monospace;background-color:#eee;color:#333;border:1px solid rgb(var(--zn-border-color));border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(255,255,255,0.5) inset;display:inline-block;font-size:13px;line-height:20px;padding:1px 6px;white-space:nowrap;min-width:15px;color:rgba(0,0,0,0.5)}[t=dark] kbd{background-color:rgb(25,25,25);box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(110,110,110,0.5) inset;color:#eee}[tab]{cursor:pointer}.zn-link:hover{--zn-text:rgb(var(--zn-primary));--icon-color:rgb(var(--zn-primary));--zn-text-heading:rgb(var(--zn-primary));--property-color:rgb(var(--zn-primary));opacity:1}.grow{flex-grow:1}.no-grow{flex-grow:0}.shrink{flex-shrink:1}.no-shrink{flex-shrink:0}.block{display:block}.flex{display:flex}.flex-wrap{display:flex;flex-wrap:wrap}.flex-col{display:flex;flex-direction:column}.flex-mid{display:flex;align-items:center}.flex-jc{justify-content:center}.flex-between{display:flex;justify-content:space-between}.flex-end{display:flex;justify-content:flex-end}.flex-bottom{display:flex;align-items:flex-end}.equal{flex-basis:50%}.m-auto{margin:auto}.mt-auto{margin-top:auto}.zn-pad{padding:var(--zn-base-gap,0)}.zn-pad-y,.zn-py{padding-top:15px;padding-bottom:15px}.zn-pad-x,.zn-px{padding-left:15px;padding-right:15px}.zn-pr{padding-right:15px}.zn-pl{padding-left:15px}.zn-pt{padding-top:15px}.zn-pb{padding-bottom:15px}.zn-margin{margin:15px}.zn-mx{margin-left:15px;margin-right:15px}.zn-my{margin-top:15px;margin-bottom:15px}.zn-mt{margin-top:15px}.zn-mb{margin-bottom:15px}.zn-ml{margin-left:15px}.zn-mr{margin-right:15px}.zn-mxa{margin-left:auto;margin-right:auto}.zn-mya{margin-top:auto;margin-bottom:auto}.zn-mta{margin-top:auto}.zn-mba{margin-bottom:auto}.zn-mla{margin-left:auto}.zn-mra{margin-right:auto}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}@keyframes act-vanish{from{transform:scale(1);opacity:1;max-height:100%}to{transform:scale(0.8);opacity:0;max-height:0}}.act-vanish{animation:ease-in act-vanish 600ms forwards;transform-origin:top center;background-color:rgba(var(--zn-color-error),0.3);display:block;overflow:hidden}.h-full{height:100%}.w-full{width:100%}.zn-panel-bg{--zn-page-surface-background:var(--zn-panel);background-color:rgba(var(--zn-panel),var(--zn-panel-opacity))}.zn-panel{background-color:rgba(var(--zn-panel),var(--zn-panel-opacity));border:1px solid rgb(var(--zn-border-color));border-radius:var(--zn-border-radius);--zn-page-surface-background:var(--zn-panel)}.zn-container{display:flex;flex-direction:column;flex-grow:1;max-height:100%;overflow:hidden}.tar{text-align:right}.tal{text-align:left}.tac{text-align:center}.zn-empty-hide:empty{display:none}.ml-auto{margin-left:auto}.zn-b-dash{border-style:dashed}.zn-b-dotted{border-style:dotted}.zn-border{border-style:solid;border-width:1px !important}.zn-bt{border-top-style:solid;border-top-width:1px !important}.zn-bb{border-bottom-style:solid;border-bottom-width:1px !important}.zn-bl{border-left-style:solid;border-left-width:1px !important}.zn-br{border-right-style:solid;border-right-width:1px !important}.unifi-action{display:flex;gap:10px;padding:10px 0;align-items:center}.zn-panel-bar{border-bottom:1px solid rgb(var(--zn-border-color));background-color:rgba(var(--zn-panel),0.9);padding:var(--zn-base-px);gap:var(--zn-base-px);display:flex;flex-wrap:wrap;align-items:center;z-index:1}.zn-panel-bar--pill{border-radius:var(--zn-border-radius);border:1px solid rgb(var(--zn-border-color))}.zn-panel-bar--large{padding:var(--zn-base-px) calc(var(--zn-base-gap) + var(--zn-gutter));gap:var(--zn-base-px);height:50px}.scroll-container{overflow:auto;flex-grow:1;position:relative;display:flex;flex-direction:column;max-height:100%}.zn-divide{display:flex;flex-direction:column}.zn-divide>*:not(:first-child){border-top:1px solid rgb(var(--zn-border-color))}.zn-divide>div:empty+div:not(:first-child){border-top:0}.zn-divide-y{display:flex;flex-direction:row}.zn-divide-y>*:not(:first-child):not(:empty){border-left:1px solid rgb(var(--zn-border-color))}.zn-c-pad{--zn-pad-spacing:var(--zn-spacing-large)}.zn-c-pad-x>*{padding-left:var(--zn-pad-spacing);padding-right:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:first-child){padding-top:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:last-child){padding-bottom:var(--zn-pad-spacing)}.zn-nav.zn-transparent{background:transparent}.zn-nav{background:rgba(var(--zn-panel),var(--zn-panel-opacity));border-right:1px solid rgb(var(--zn-border-color));max-width:320px;height:100%;padding-top:5px}.zn-nav ul{list-style:none;padding-bottom:10px;margin:0;display:flex;flex-direction:column;position:relative}.zn-nav ul:after{content:"";height:1px;left:18px;right:18px;bottom:0;position:absolute;background:rgb(var(--zn-border-color))}.zn-nav ul li a{text-decoration:none;color:rgb(var(--zn-text));display:block;font-weight:500;cursor:pointer}.zn-nav ul li a:hover,.zn-nav ul li a.zn-tb-active{background:rgb(var(--zn-body))}.zn-nav ul li a.zn-tb-active{color:rgb(var(--zn-purple-text))}.zn-nav ul:last-child:after{display:none}.zn-nav strong,.zn-nav li a{padding:10px 20px}.zn-nav strong{display:block;margin-top:10px;font-size:13px;letter-spacing:0.93px;color:rgb(var(--zn-text-heading));font-weight:600;padding-bottom:5px;text-transform:uppercase}@keyframes shimmer-text-sweep{0%{background-position:100% center}100%{background-position:0% center}}@media (prefers-reduced-motion:no-preference){.shimmer-text{--shimmer-base:rgb(var(--zn-text));--shimmer-highlight:rgb(var(--zn-text-heading));--shimmer-core:0.5ch;--shimmer-spread:1.5ch;--shimmer-duration:1.5s;display:inline-block;width:-moz-fit-content;width:fit-content;max-width:100%;background-image:linear-gradient(90deg,transparent calc(50% - var(--shimmer-spread)),var(--shimmer-highlight) calc(50% - var(--shimmer-core)),var(--shimmer-highlight) calc(50% + var(--shimmer-core)),transparent calc(50% + var(--shimmer-spread))),linear-gradient(var(--shimmer-base),var(--shimmer-base));background-size:250% 100%,auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent !important;color:transparent !important;animation:var(--shimmer-duration) linear infinite shimmer-text-sweep}.shimmer-text.zn-error{--shimmer-base:rgb(var(--zn-color-error));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-error)) 55%,white)}.shimmer-text.zn-success{--shimmer-base:rgb(var(--zn-color-success));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-success)) 55%,white)}.shimmer-text.zn-info{--shimmer-base:rgb(var(--zn-color-info));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-info)) 55%,white)}.shimmer-text.zn-warning{--shimmer-base:rgb(var(--zn-color-warning));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-warning)) 55%,white)}.shimmer-text.zn-primary{--shimmer-base:rgb(var(--zn-primary));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-primary)) 55%,white)}.shimmer-text.zn-accent{--shimmer-base:rgb(var(--zn-accent));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-accent)) 55%,white)}}@media (prefers-reduced-motion:reduce){.shimmer-text{color:rgb(var(--zn-text))}.shimmer-text.zn-error{color:rgb(var(--zn-color-error)) !important}.shimmer-text.zn-success{color:rgb(var(--zn-color-success)) !important}.shimmer-text.zn-info{color:rgb(var(--zn-color-info)) !important}.shimmer-text.zn-warning{color:rgb(var(--zn-color-warning)) !important}.shimmer-text.zn-primary{color:rgb(var(--zn-primary)) !important}.shimmer-text.zn-accent{color:rgb(var(--zn-accent)) !important}}*,*::before,*::after{box-sizing:border-box}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}b{font-weight:600}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:inline-block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}button,.zn-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}button:hover:not([disabled]),.zn-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{display:block;width:100%;border-radius:5px;border-style:solid;border-width:1px !important;border-color:rgb(var(--zn-border-color));background-color:rgb(var(--zn-input-bg));outline:none}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,input[type=file]:focus,input[list]:focus,textarea:focus,select:focus{border-color:rgb(var(--zn-primary));box-shadow:0 0 0 3px rgba(var(--zn-primary),0.3)}input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=file]::-moz-placeholder, input[list]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,input[type=week]::placeholder,input[type=file]::placeholder,input[list]::placeholder,textarea::placeholder,select::placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}@media (min-width:360px){input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{padding:10px}}label{font-weight:600;font-size:rgb(var(--zn-font-size-medium));line-height:var(--zn-spacing-medium);color:rgb(var(--zn-text-heading));display:block;margin-bottom:5px;margin-top:15px}input[type=checkbox],input[type=radio]{border-radius:5px}input[type=radio]{border-radius:50%}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;background-color:rgb(var(--zn-border-color));height:10px;accent-color:rgb(var(--zn-primary));width:100%;max-width:768px}fieldset{border-color:rgba(var(--zn-primary),20%);border-width:2px;padding:0 15px 15px}select option{padding:5px}select>option:checked{background-color:rgba(var(--zn-primary),20%);border-radius:5px}fieldset>legend{padding:5px}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=button]:hover:not([disabled]),input[type=submit]:hover:not([disabled]),button[type=submit]:not(.button):hover:not([disabled]),button[type=button]:not(.button):hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){width:auto}div+button{margin-top:15px}input[type=file]::-webkit-file-upload-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=file]::-webkit-file-upload-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=file]::-webkit-file-upload-button{margin-right:10px}input::-webkit-calendar-picker-indicator{cursor:pointer;padding:10px}input[list]::-webkit-calendar-picker-indicator{padding:10px 5px}.input--with-icon{position:relative}.input--with-icon zn-icon{padding:14px;position:absolute;top:50%;pointer-events:none;transform:translateY(-50%);left:10px;background-color:rgb(var(--zn-primary));color:rgb(var(--zn-text));border-radius:50%}.input--with-icon input{padding-left:40px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:rgb(var(--zn-text));-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px rgba(35,35,35,0.1607843137)}select{height:43px}.no-border{border:none !important}table:not(.remarkd-table){border-collapse:separate !important;border-spacing:0;width:100%;max-width:100%;table-layout:auto;text-align:left;font-size:var(--zn-text-table-content-font-size);line-height:var(--zn-text-table-content-line-height);font-weight:var(--zn-text-table-content-font-weight)}table:not(.remarkd-table) thead{font-weight:var(--zn-font-weight-medium)}table:not(.remarkd-table) tbody a{cursor:pointer;color:rgb(var(--zn-primary))}table:not(.remarkd-table) tbody tr td{border-top:1px solid rgb(var(--zn-border-color)) !important}table:not(.remarkd-table) tbody tr:first-of-type td{border-top:0 !important}table:not(.remarkd-table) tbody tr:nth-of-type(even){background-color:rgba(var(--zn-body))}table:not(.remarkd-table) thead tr th:first-of-type,table:not(.remarkd-table) tbody tr td:first-of-type{padding-left:var(--zn-base-gap,14px)}table:not(.remarkd-table) thead tr th:last-of-type,table:not(.remarkd-table) tbody tr td:last-of-type{padding-right:var(--zn-base-gap,14px)}table:not(.remarkd-table) th,table:not(.remarkd-table) td{padding:15px;min-width:90px;white-space:nowrap}table:not(.remarkd-table) th:first-child,table:not(.remarkd-table) td:first-child{padding-left:0}table:not(.remarkd-table) td>span{white-space:normal}table:not(.remarkd-table) th{padding-bottom:0;border-bottom:1px solid rgb(var(--zn-border-color))}.zn-table-fixed{table-layout:fixed}thead tr:last-of-type th{border-bottom:0}.opacity-100{opacity:1}.opacity-90{opacity:0.9}.opacity-80{opacity:0.8}.opacity-60{opacity:0.6}.opacity-50{opacity:0.5}.opacity-40{opacity:0.4}.opacity-10{opacity:0.1}.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7,var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:0.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7,var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3,1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4,1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:0.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,var(--adp-time-track-color),var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size) / 2 * -1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}.air-datepicker{--adp-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92,196,239,.1);--adp-background-color-in-range-focused:rgba(92,196,239,.2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92,196,239,0.1);--adp-cell-background-color-in-range-hover:rgba(92,196,239,0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0,0,0,.3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,0.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0,0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%,calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%,-50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size) / 2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size) / 2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}.air-datepicker{--adp-color:rgba(var(--zn-text),var(--zn-text-opacity));--adp-nav-color-secondary:rgb(var(--zn-purple-text));--adp-day-name-color:var(--zn-color-primary-600);--adp-day-name-color-hover:var(--zn-color-primary-700);--adp-cell-background-color-selected:var(--zn-color-primary-600);--adp-cell-background-color-selected-hover:var(--zn-color-primary-700);--adp-color-current-date:var(--zn-color-primary-600);--adp-background-color:var(--zn-input-background-color);--adp-background-color-hover:var(--zn-input-background-color-hover);--adp-background-color-active:var(--zn-input-background-color-hover);--adp-background-color-selected-other-month:var(--zn-color-primary-300);--adp-background-color-in-range:var(--zn-color-primary-100);--adp-border-color:rgb(var(--zn-border-color));--adp-border-color-inline:rgb(var(--zn-border-color));--adp-border-color-inner:rgb(var(--zn-border-color));--adp-cell-background-color-in-range:var(--zn-color-primary-100);--adp-cell-background-color-in-range-hover:var(--zn-color-primary-200)}.air-datepicker--pointer:after{background-color:var(--zn-input-background-color)}.air-datepicker-global-container{z-index:1000000}.air-datepicker-button{border:none;padding:var(--zn-spacing-2x-small) var(--zn-spacing-x-small);border-radius:var(--adp-border-radius);font-family:var(--adp-font-family),sans-serif;font-size:var(--zn-font-size-medium);font-weight:var(--zn-font-weight-normal);cursor:pointer;color:rgba(var(--zn-text),var(--zn-text-opacity))}.air-datepicker-button:hover{background-color:var(--zn-input-background-color-hover) !important}.zn-cloak:has(:not(:defined)){animation:2s step-end zn-cloak}@keyframes zn-cloak{from{opacity:0}to{opacity:1}}:host ::-webkit-scrollbar{width:5px;height:5px}:host{}:host ::-webkit-scrollbar-track{background:transparent}:host{}:host ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}:host{}:host ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}:host{display:contents}#mid,#content{flex:1;display:flex;flex-direction:column;overflow:hidden}.tabs{flex:1;display:flex;flex-direction:column;overflow:hidden;height:100%;min-height:100%;max-height:100%;width:100%}h1,h2{padding:0;margin:0}#mid{container-type:inline-size;flex-direction:row}#content{flex:1;max-height:100%;min-height:15px;padding:var(--zn-base-gap,0)}#content ::-webkit-scrollbar{width:5px;height:5px}#content{}#content ::-webkit-scrollbar-track{background:transparent}#content{}#content ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}#content{}#content ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}#content{display:flex;align-items:normal;overflow:auto}#content>::slotted(div),#content>div{max-height:100%}:host([no-scroll]) #content{overflow:hidden}:host([no-scroll]) #content>div{max-height:100%}:host([no-scroll]) #content>::slotted(div){max-height:100%}:host([flush]) #content{padding:0}:host([flush-x]) #content{padding-left:0;padding-right:0}#content.contents-slot slot{display:contents}#content ::slotted([selected]),#content>[selected]{flex-grow:1}#content ::slotted(:not([selected])),#content>:not([selected]):not(slot){display:none !important}:host #header~slot[name=top]::slotted(zn-navbar){padding-top:0}:host #header:not(:empty){display:flex;align-items:center;padding:var(--zn-spacing-medium);gap:var(--zn-spacing-medium)}:host #header:not(:empty) #actions ::slotted(*:not(.zn-tb-active)){display:none}:host #header:not(:empty) #actions{display:flex;overflow:visible}:host #header:not(:empty) h1,:host #header:not(:empty) h2{flex-grow:1}:host h2{font-weight:var(--zn-font-weight-bold);flex-grow:1;font-size:var(--zn-font-size-medium);color:rgba(var(--zn-text-panel-title),100%);padding:0;margin:0}::slotted(div[ref-tab]:not(.zn-tb-active)){display:none}`;var sr=class extends X{constructor(){super();this.defaultUri="";this._current="";this._splitMin=60;this.primaryCaption="Navigation";this.secondaryCaption="Content";this.noPrefetch=!1;this.noCache=!1;this.storeTtl=0;this.padded=!1;this.fetchStyle="";this.fullWidth=!1;this.paddedRight=!1;this.preload=!0;this._activeClicks=0;this._activeTab=null;this._tabs=[];this._actions=[];this._knownUri=new Map;this.hasSlotController=new Je(this,"[default]","bottom","right","left","top","actions");this._domObserver=new vr(this,{target:null,config:{childList:!0,subtree:!0},callback:t=>{t.forEach(i=>{i.type==="childList"&&(i.addedNodes.length>0&&this._registerTabs(),i.removedNodes.length>0&&i.removedNodes.forEach(n=>{let o=n instanceof HTMLElement?n.id:"";o&&this.removeTabAndPanel(o)}))})}});this._monitorObserver=new vr(this,{target:null,config:{childList:!0,subtree:!0},callback:t=>{t.forEach(i=>{i.type==="childList"&&i.addedNodes.forEach(n=>{if(n instanceof HTMLElement&&n.id===this.monitor){this.reRegisterTabs();let o=this._store.get(this.storeKey);o!==null&&(this._prepareTab(o),this.setActiveTab(o,!1,!1))}})})}});this.reRegisterTabs=()=>{this._registerTabs()};this._registerTabs=()=>{dr("[tab]",this,"zn-tabs").forEach(t=>{this._addTab(t)}),dr("[tab-uri]",this,"zn-tabs").forEach(t=>{t.getAttribute("tab-uri")===""&&(t.setAttribute("tab",""),t.removeAttribute("tab-uri")),this._addTab(t)}),dr("[ref-tab-uri]",this,"zn-tabs").forEach(t=>{t.hasAttribute("ref-tab")||(t.setAttribute("ref-tab",this._uriToId(t.getAttribute("ref-tab-uri"))),t.removeAttribute("ref-tab-uri"),this._actions.push(t))})};this._panels=new Map}async connectedCallback(){var i;super.connectedCallback(),this.masterId||(this.masterId=this.storeKey||Math.floor(Math.random()*1e6).toString()),this.preload=!this.noPrefetch&&!this.noCache,await this.updateComplete,this._panel=(i=this.shadowRoot)==null?void 0:i.querySelector("#content"),this.observerDom(),this._registerTabs(),this.storeKey&&this.storeTtl===0&&(this.storeTtl=300);let t=this.defaultUri?this._uriToId(this.defaultUri):"";this._store=new pn(this.localStorage?window.localStorage:window.sessionStorage,"zntab:",this.storeTtl),Array.from(this.children).forEach(n=>{n.slot===""&&this._panels.set(n.getAttribute("id")||t,[n])}),this.observerDom(),this.monitorDom()}monitorDom(){this.monitor&&this._monitorObserver.observe(this)}_addPanel(t){this._panels.has(t.getAttribute("id"))||this._panels.set(t.getAttribute("id"),[t])}_addTab(t){this._tabs.includes(t)||(this._tabs.push(t),this.preload&&t.addEventListener("mouseover",this.fetchUriTab.bind(this,t)),t.addEventListener("click",this._handleClick.bind(this)))}firstUpdated(t){super.firstUpdated(t),setTimeout(()=>{this._registerTabs();let i=this._store.get(this.storeKey);if(i!==null){this._prepareTab(i),this.setActiveTab(i,!1,!1);return}let n=this._current||"";if(!this._panels.has(n)&&this._tabs.length>0&&this._tabs[0].getAttribute("tab-uri")){this.clickTab(this._tabs[0],!1);return}this.setActiveTab(n,!1,!1)},10),this.addEventListener("zn-menu-select",()=>{setTimeout(this.reRegisterTabs,200)},{passive:!0})}switchTab(t){let i=this._panels.size;if(i<2)return;let o=Array.from(this._panels.keys()).indexOf(this._current)+t;o<0?o=i-1:o>=i&&(o=0);let s=Array.from(this._panels.keys())[o];this.setActiveTab(s,!0,!1)}nextTab(){this.switchTab(1)}previousTab(){this.switchTab(-1)}_prepareTab(t){for(let i of this._tabs)if(i.getAttribute("tab")===t)return;for(let i of dr("[tab-uri]",this,"")){let n=i.getAttribute("tab-uri"),o=this._uriToId(n);o===t&&this._createUriPanel(i,n,o)}}_uriToId(t){return"tab-"+Qw(t).substr(0,8)+"-"+this.masterId}_createUriPanel(t,i,n){var s;if(t.hasAttribute("tab")||(t.setAttribute("tab",n),this._setTabEleActive(t,this._current===n)),this._knownUri.has(i)||this._knownUri.set(i,n),this._panels.has(n)&&this._panels.get(n)!==void 0)return this._panels.get(n)[0];let o=document.createElement("div");return o.setAttribute("id",n),this.fetchStyle!==""?o.setAttribute("data-fetch-style",this.fetchStyle):t.hasAttribute("data-fetch-style")&&o.setAttribute("data-fetch-style",(s=t.getAttribute("data-fetch-style"))!=null?s:""),o.setAttribute("data-self-uri",i),o.textContent="Loading ...",this._panel instanceof HTMLElement&&(this._panel.appendChild(o),this._panels.set(n,[o])),document.dispatchEvent(new CustomEvent("zn-new-element",{detail:{element:o,source:t}})),o}_handleClick(t){var n;let i=(n=t.relatedTarget)!=null?n:t.target;i&&("startViewTransition"in document?document.startViewTransition(()=>this.clickTab(i,t.altKey)):this.clickTab(i,t.altKey))}fetchUriTab(t){var i;if(!t.hasAttribute("tab")&&t.hasAttribute("tab-uri")){let n=(i=t.getAttribute("tab-uri"))!=null?i:"";this._createUriPanel(t,n,this._uriToId(n)),t.setAttribute("tab-id",this._uriToId(n))}}clickTab(t,i){let n=t.getAttribute("tab-uri"),o=!!n&&this._panels.has(this._uriToId(n));if(this.fetchUriTab(t),t.hasAttribute("tab")){let s=i||this.noCache&&o;setTimeout(()=>{this.setActiveTab(t.getAttribute("tab")||"",!0,s,this.getRefTab(t))},10)}}getRefTab(t){var n;let i=t;for(;i;){if(i===this)return null;if(i.hasAttribute("ref-tab"))return i.getAttribute("ref-tab");i=(i==null?void 0:i.parentElement)||((n=i==null?void 0:i.getRootNode())==null?void 0:n.host)}return null}setActiveTab(t,i,n,o=null){let s=!1;this._tabs.forEach(l=>{l.hasAttribute("tab-uri")&&this._knownUri.has(l.getAttribute("tab-uri"))&&l.setAttribute("tab",this._knownUri.get(l.getAttribute("tab-uri")));let d=t===l.getAttribute("tab");!d&&o&&!this.getRefTab(l)&&(d=o===l.getAttribute("tab")),s=s||d,this._setTabEleActive(l,d)}),!s&&this._tabs.length>0&&this._setTabEleActive(this._tabs[0],!0),this._actions.forEach(l=>this._setTabEleActive(l,l.getAttribute("ref-tab")===(o||t))),this.selectTab(t,n),i&&this._store!==null&&this._store.set(this.storeKey,t)}_setTabEleActive(t,i){i&&(this._activeTab=t),t.classList.toggle("zn-tb-active",i),t.classList.toggle("active",i)}selectTab(t,i){if(t&&!this._panels.has(t))return!1;this._current===t?(this._activeClicks++,this._activeClicks>2&&(i=!0,this._activeClicks=0)):this._activeClicks=0;let o=!0;return this._panels.forEach((l,d)=>{let c=d===t;l.forEach(f=>{if(c&&f.parentNode!==this&&(o=!1),f.toggleAttribute("selected",c),c&&i){let p="",h="";this._activeTab&&this._activeTab.hasAttribute("tab-uri")&&(p=this._activeTab.getAttribute("tab-uri"),h=this._activeTab.getAttribute("gaid")),document.dispatchEvent(new CustomEvent("zn-refresh-element",{detail:{element:f,uri:p,gaid:h}}))}})}),this._panel&&this._panel.classList.toggle("contents-slot",!o),this._current=t,!0}getActiveTab(){return this._panels.get(this._current)||[]}observerDom(){this._domObserver.observe(this)}removeTabAndPanel(t){var i;this._current===t&&this.setActiveTab("",!0,!1);for(let n of this._tabs)if(n.getAttribute("tab")===t){if(n.hasAttribute("tab-uri")){let o=n.getAttribute("tab-uri");this._knownUri.has(o)&&this._knownUri.delete(o)}(i=n.parentElement)==null||i.removeChild(n),this._tabs.splice(this._tabs.indexOf(n),1)}if(this._panels.has(t)){let n=this._panels.get(t);n instanceof HTMLElement?n.remove():n instanceof Array&&n.forEach(o=>{o instanceof HTMLElement&&o.remove()}),this._panels.delete(t)}}render(){let t=this.hasSlotController.test("actions"),i=this.caption&&this.caption.length>0,n=this.description&&this.description.length>0,o=i||t||n;if(this._split>0){let s=this.storeKey;s&&(s+="-split");let l="secondary";return this.querySelectorAll('[slot="right"]').length>0&&(l="primary"),C`
|
|
1257
1257
|
<slot name="top"></slot>
|
|
1258
1258
|
<div id="mid">
|
|
1259
1259
|
<zn-split-pane
|
|
@@ -1923,7 +1923,7 @@ function print() { __p += __j.call(arguments, '') }
|
|
|
1923
1923
|
${i?C`
|
|
1924
1924
|
<slot name="footer" class="panel__footer"></slot>`:null}
|
|
1925
1925
|
</div>
|
|
1926
|
-
</div>`}};Tr.styles=Q(sye),_([w({attribute:"basis-px",type:Number})],Tr.prototype,"basis",2),_([w()],Tr.prototype,"caption",2),_([w()],Tr.prototype,"icon",2),_([w({type:Boolean})],Tr.prototype,"tabbed",2),_([w({attribute:"header-borderless",type:Boolean})],Tr.prototype,"headerBorderless",2),_([w({type:Boolean})],Tr.prototype,"cosmic",2),_([w({type:Boolean})],Tr.prototype,"flush",2),_([w({attribute:"flush-x",type:Boolean})],Tr.prototype,"flushX",2),_([w({attribute:"flush-y",type:Boolean})],Tr.prototype,"flushY",2),_([w({attribute:"flush-footer",type:Boolean})],Tr.prototype,"flushFooter",2),_([w({type:Boolean})],Tr.prototype,"transparent",2),_([w({type:Boolean})],Tr.prototype,"shadow",2);var tVe=Tr;Tr.define("zn-panel");var lye=J`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}table:not(.remarkd-table){border-collapse:separate !important;border-spacing:0;width:100%;max-width:100%;table-layout:auto;text-align:left;font-size:var(--zn-text-table-content-font-size);line-height:var(--zn-text-table-content-line-height);font-weight:var(--zn-text-table-content-font-weight)}table:not(.remarkd-table) thead{font-weight:var(--zn-font-weight-medium)}table:not(.remarkd-table) tbody a{cursor:pointer;color:rgb(var(--zn-primary))}table:not(.remarkd-table) tbody tr td{border-top:1px solid rgb(var(--zn-border-color)) !important}table:not(.remarkd-table) tbody tr:first-of-type td{border-top:0 !important}table:not(.remarkd-table) tbody tr:nth-of-type(even){background-color:rgba(var(--zn-body))}table:not(.remarkd-table) thead tr th:first-of-type,table:not(.remarkd-table) tbody tr td:first-of-type{padding-left:14px}table:not(.remarkd-table) thead tr th:last-of-type,table:not(.remarkd-table) tbody tr td:last-of-type{padding-right:14px}table:not(.remarkd-table) th,table:not(.remarkd-table) td{padding:15px;min-width:90px;white-space:nowrap}table:not(.remarkd-table) th:first-child,table:not(.remarkd-table) td:first-child{padding-left:0}table:not(.remarkd-table) td>span{white-space:normal}table:not(.remarkd-table) th{padding-bottom:0;border-bottom:1px solid rgb(var(--zn-border-color))}.zn-table-fixed{table-layout:fixed}thead tr:last-of-type th{border-bottom:0}:host ::-webkit-scrollbar{width:5px;height:5px}:host{}:host ::-webkit-scrollbar-track{background:transparent}:host{}:host ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}:host{}:host ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}:host{display:block}.table-wrapper{max-width:100%;width:100%;overflow:hidden;position:relative}zn-checkbox{padding:0}zn-menu{position:absolute}zn-icon[src=more_vert]{cursor:pointer}thead{color:rgb(var(--zn-text-heading));font-weight:600;font-size:14px}.table-wrapper{width:100%;max-width:100%;overflow-x:auto;display:block}table,thead,tbody,tr,td,th{box-sizing:border-box}tr td{min-height:40px;height:52px}tr.with-summary td{min-height:80px;height:80px}.table-row.table-row--error{color:rgb(var(--zn-color-error));border-color:rgb(var(--zn-color-error));background:rgba(var(--zn-color-error),0.1)}.table-row.table-row--info{color:rgb(var(--zn-color-info));border-color:rgb(var(--zn-color-info));background:rgba(var(--zn-color-info),0.1)}.table-row.table-row--warning{color:rgb(var(--zn-color-warning));border-color:rgb(var(--zn-color-warning));background:rgba(var(--zn-color-warning),0.1)}.table-row.table-row--success{color:rgb(var(--zn-color-success)) !important;border-color:rgb(var(--zn-color-success));background:rgba(var(--zn-color-success),0.1)}.table-row.table-row--nested td:first-of-type{padding-left:var(--zn-spacing-medium)}.table-row.table-row--nested td:first-of-type zn-icon{--icon-color:rgb(var(--zn-text-heading))}th.wide-column{width:60%}td.capcol .actions:empty{display:none}td.capcol .actions button{display:flex;padding:0;margin:0;background:transparent;border:transparent;color:rgb(var(--zn-text))}td.capcol>div{display:flex;-moz-column-gap:var(--zn-spacing-small);column-gap:var(--zn-spacing-small);align-items:center}td.capcol>div div{display:flex;justify-items:center}td.capcol>div div.capd{flex-grow:1;flex-direction:column}td.capcol>div div.capd span{display:block}td.capcol>div div.capd .caption:empty,td.capcol>div div.capd .summary:empty{display:none}td.capcol>div div.capd .caption{font-weight:600;color:rgb(var(--zn-text-heading));font-size:14px;text-decoration:none}td.capcol>div div.capd .caption a{color:inherit;text-decoration:inherit}td.capcol>div div.capd .summary{font-size:90%;text-wrap:initial}.table--last-right tr td:last-of-type,.table--last-right tr th:last-of-type{text-align:right}zn-table[fixed-first]{--capcol-width:250px}zn-table[fixed-first] tbody tr:nth-of-type(even) td.capcol{background-color:rgba(var(--zn-body))}zn-table[fixed-first] thead th:first-of-type,zn-table[fixed-first] td.capcol{position:sticky;left:0;top:0;overflow:hidden;background-color:rgba(var(--zn-panel));min-width:var(--capcol-width);max-width:var(--capcol-width);border-right:1px solid rgb(var(--zn-border-color))}zn-table[borders] tr,zn-table[borders] td{margin:0}zn-table[borders] tbody tr td:last-of-type{border-right-width:1px !important}zn-table[borders] tbody tr td:first-of-type{border-left-width:1px !important}zn-table[borders] tbody tr:first-of-type td{border-top-width:1px !important}zn-table[borders] tbody tr:last-of-type td{border-bottom-width:1px !important}zn-table[cborders] tbody tr td{border-left-width:1px !important}zn-table[fixed] table{table-layout:fixed}`;var so=class extends X{constructor(){super(...arguments);this.fixedFirst=!1;this.hasActions=!1;this.headless=!1;this.allLeft=!1;this.boolIcons=!1;this.columns=[];this.columnDisplay=[];this.wideColumn=[];this.rows=[];this.resizeObserver=new Or(this,{target:null,callback:()=>this.resizing()})}resizing(){}connectedCallback(){if(this.fixedFirst&&this.parentElement&&this.resizeObserver.observe(this.parentElement),(this.data===null||this.data===void 0)&&this.childNodes.length>0&&this.childNodes[0].nodeType===3){let t=this.childNodes,i="";for(let n of t)i+=n.textContent;i=i.replace(/\n/g,"");try{this.data=JSON.parse(i),this.innerText=""}catch(n){console.error("Error parsing JSON",n)}}if(this.data!==null&&this.data!==void 0&&(this.data.hasOwnProperty("header")&&this.data.header.forEach(t=>{typeof t=="string"&&(t={name:t}),this.columns.push(t.hasOwnProperty("name")?t.name:""),this.columnDisplay.push(t.hasOwnProperty("display")?t.display:""),this.wideColumn.push(t.hasOwnProperty("wide")?t.wide:"")}),this.data.hasOwnProperty("items")&&this.data.items!=null&&(this.rows=this.data.items),this.rows.length==0&&this.columns.length==0)){this.columns.push("");for(let t in this.data){for(let i in this.data[t]){let n=i.replace(/([A-Z]+)/g," $1").replace(/([A-Z][a-z])/g," $1");this.columns.includes(n)||this.columns.push(n)}this.rows.push({data:Object.values(this.data[t])})}}return super.connectedCallback()}_handleMenu(t){t.target.closest(".actions").querySelector("zn-menu").toggleAttribute("hidden")}menuClick(t){let i=t.target.closest(".actions").querySelector("zn-menu");i.style.top=t.clientY-this.clientTop+"px",i.style.left=t.clientX-this.clientLeft+"px"}tableHead(){if(this.headless)return;let t=[];return this.columns.forEach((i,n)=>{if(i==="")return;i==="_"&&(i="");let o=this.columnDisplay[n];if(n==0)t.push(C`
|
|
1926
|
+
</div>`}};Tr.styles=Q(sye),_([w({attribute:"basis-px",type:Number})],Tr.prototype,"basis",2),_([w()],Tr.prototype,"caption",2),_([w()],Tr.prototype,"icon",2),_([w({type:Boolean})],Tr.prototype,"tabbed",2),_([w({attribute:"header-borderless",type:Boolean})],Tr.prototype,"headerBorderless",2),_([w({type:Boolean})],Tr.prototype,"cosmic",2),_([w({type:Boolean})],Tr.prototype,"flush",2),_([w({attribute:"flush-x",type:Boolean})],Tr.prototype,"flushX",2),_([w({attribute:"flush-y",type:Boolean})],Tr.prototype,"flushY",2),_([w({attribute:"flush-footer",type:Boolean})],Tr.prototype,"flushFooter",2),_([w({type:Boolean})],Tr.prototype,"transparent",2),_([w({type:Boolean})],Tr.prototype,"shadow",2);var tVe=Tr;Tr.define("zn-panel");var lye=J`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}table:not(.remarkd-table){border-collapse:separate !important;border-spacing:0;width:100%;max-width:100%;table-layout:auto;text-align:left;font-size:var(--zn-text-table-content-font-size);line-height:var(--zn-text-table-content-line-height);font-weight:var(--zn-text-table-content-font-weight)}table:not(.remarkd-table) thead{font-weight:var(--zn-font-weight-medium)}table:not(.remarkd-table) tbody a{cursor:pointer;color:rgb(var(--zn-primary))}table:not(.remarkd-table) tbody tr td{border-top:1px solid rgb(var(--zn-border-color)) !important}table:not(.remarkd-table) tbody tr:first-of-type td{border-top:0 !important}table:not(.remarkd-table) tbody tr:nth-of-type(even){background-color:rgba(var(--zn-body))}table:not(.remarkd-table) thead tr th:first-of-type,table:not(.remarkd-table) tbody tr td:first-of-type{padding-left:var(--zn-base-gap,14px)}table:not(.remarkd-table) thead tr th:last-of-type,table:not(.remarkd-table) tbody tr td:last-of-type{padding-right:var(--zn-base-gap,14px)}table:not(.remarkd-table) th,table:not(.remarkd-table) td{padding:15px;min-width:90px;white-space:nowrap}table:not(.remarkd-table) th:first-child,table:not(.remarkd-table) td:first-child{padding-left:0}table:not(.remarkd-table) td>span{white-space:normal}table:not(.remarkd-table) th{padding-bottom:0;border-bottom:1px solid rgb(var(--zn-border-color))}.zn-table-fixed{table-layout:fixed}thead tr:last-of-type th{border-bottom:0}:host ::-webkit-scrollbar{width:5px;height:5px}:host{}:host ::-webkit-scrollbar-track{background:transparent}:host{}:host ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}:host{}:host ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}:host{display:block}.table-wrapper{max-width:100%;width:100%;overflow:hidden;position:relative}zn-checkbox{padding:0}zn-menu{position:absolute}zn-icon[src=more_vert]{cursor:pointer}thead{color:rgb(var(--zn-text-heading));font-weight:600;font-size:14px}.table-wrapper{width:100%;max-width:100%;overflow-x:auto;display:block}table,thead,tbody,tr,td,th{box-sizing:border-box}tr td{min-height:40px;height:52px}tr.with-summary td{min-height:80px;height:80px}.table-row.table-row--error{color:rgb(var(--zn-color-error));border-color:rgb(var(--zn-color-error));background:rgba(var(--zn-color-error),0.1)}.table-row.table-row--info{color:rgb(var(--zn-color-info));border-color:rgb(var(--zn-color-info));background:rgba(var(--zn-color-info),0.1)}.table-row.table-row--warning{color:rgb(var(--zn-color-warning));border-color:rgb(var(--zn-color-warning));background:rgba(var(--zn-color-warning),0.1)}.table-row.table-row--success{color:rgb(var(--zn-color-success)) !important;border-color:rgb(var(--zn-color-success));background:rgba(var(--zn-color-success),0.1)}.table-row.table-row--nested td:first-of-type{padding-left:var(--zn-spacing-medium)}.table-row.table-row--nested td:first-of-type zn-icon{--icon-color:rgb(var(--zn-text-heading))}th.wide-column{width:60%}td.capcol .actions:empty{display:none}td.capcol .actions button{display:flex;padding:0;margin:0;background:transparent;border:transparent;color:rgb(var(--zn-text))}td.capcol>div{display:flex;-moz-column-gap:var(--zn-spacing-small);column-gap:var(--zn-spacing-small);align-items:center}td.capcol>div div{display:flex;justify-items:center}td.capcol>div div.capd{flex-grow:1;flex-direction:column}td.capcol>div div.capd span{display:block}td.capcol>div div.capd .caption:empty,td.capcol>div div.capd .summary:empty{display:none}td.capcol>div div.capd .caption{font-weight:600;color:rgb(var(--zn-text-heading));font-size:14px;text-decoration:none}td.capcol>div div.capd .caption a{color:inherit;text-decoration:inherit}td.capcol>div div.capd .summary{font-size:90%;text-wrap:initial}.table--last-right tr td:last-of-type,.table--last-right tr th:last-of-type{text-align:right}zn-table[fixed-first]{--capcol-width:250px}zn-table[fixed-first] tbody tr:nth-of-type(even) td.capcol{background-color:rgba(var(--zn-body))}zn-table[fixed-first] thead th:first-of-type,zn-table[fixed-first] td.capcol{position:sticky;left:0;top:0;overflow:hidden;background-color:rgba(var(--zn-panel));min-width:var(--capcol-width);max-width:var(--capcol-width);border-right:1px solid rgb(var(--zn-border-color))}zn-table[borders] tr,zn-table[borders] td{margin:0}zn-table[borders] tbody tr td:last-of-type{border-right-width:1px !important}zn-table[borders] tbody tr td:first-of-type{border-left-width:1px !important}zn-table[borders] tbody tr:first-of-type td{border-top-width:1px !important}zn-table[borders] tbody tr:last-of-type td{border-bottom-width:1px !important}zn-table[cborders] tbody tr td{border-left-width:1px !important}zn-table[fixed] table{table-layout:fixed}`;var so=class extends X{constructor(){super(...arguments);this.fixedFirst=!1;this.hasActions=!1;this.headless=!1;this.allLeft=!1;this.boolIcons=!1;this.columns=[];this.columnDisplay=[];this.wideColumn=[];this.rows=[];this.resizeObserver=new Or(this,{target:null,callback:()=>this.resizing()})}resizing(){}connectedCallback(){if(this.fixedFirst&&this.parentElement&&this.resizeObserver.observe(this.parentElement),(this.data===null||this.data===void 0)&&this.childNodes.length>0&&this.childNodes[0].nodeType===3){let t=this.childNodes,i="";for(let n of t)i+=n.textContent;i=i.replace(/\n/g,"");try{this.data=JSON.parse(i),this.innerText=""}catch(n){console.error("Error parsing JSON",n)}}if(this.data!==null&&this.data!==void 0&&(this.data.hasOwnProperty("header")&&this.data.header.forEach(t=>{typeof t=="string"&&(t={name:t}),this.columns.push(t.hasOwnProperty("name")?t.name:""),this.columnDisplay.push(t.hasOwnProperty("display")?t.display:""),this.wideColumn.push(t.hasOwnProperty("wide")?t.wide:"")}),this.data.hasOwnProperty("items")&&this.data.items!=null&&(this.rows=this.data.items),this.rows.length==0&&this.columns.length==0)){this.columns.push("");for(let t in this.data){for(let i in this.data[t]){let n=i.replace(/([A-Z]+)/g," $1").replace(/([A-Z][a-z])/g," $1");this.columns.includes(n)||this.columns.push(n)}this.rows.push({data:Object.values(this.data[t])})}}return super.connectedCallback()}_handleMenu(t){t.target.closest(".actions").querySelector("zn-menu").toggleAttribute("hidden")}menuClick(t){let i=t.target.closest(".actions").querySelector("zn-menu");i.style.top=t.clientY-this.clientTop+"px",i.style.left=t.clientX-this.clientLeft+"px"}tableHead(){if(this.headless)return;let t=[];return this.columns.forEach((i,n)=>{if(i==="")return;i==="_"&&(i="");let o=this.columnDisplay[n];if(n==0)t.push(C`
|
|
1927
1927
|
<th>${i}</th>`);else{let s="";o!=""&&o!=null&&(s="hidden "+o+":table-cell"),this.wideColumn[n]&&(s+=" wide-column"),t.push(C`
|
|
1928
1928
|
<th class="${s}">${i}</th>`)}}),C`
|
|
1929
1929
|
<thead>
|
|
@@ -3329,7 +3329,7 @@ button {
|
|
|
3329
3329
|
data-format-type="${this.uri}"
|
|
3330
3330
|
data-toolbar-key="${this.key}"
|
|
3331
3331
|
aria-label="${this.label}"></zn-button>
|
|
3332
|
-
<div class="${this.handler}"></div>`}};_([w()],is.prototype,"uri",2),_([w()],is.prototype,"label",2),_([w()],is.prototype,"key",2),_([w()],is.prototype,"icon",2),_([w()],is.prototype,"handler",2);is.define("zn-editor-tool");var YL=is;is.define("zn-editor-tool");var k5e=J`@charset "UTF-8";:root,[t=light],.theme-light{color-scheme:light;--zn-color-gray-100:hsl(240,13%,95%);--zn-color-gray-300:hsl(260,21%,89%);--zn-color-gray-400:hsl(251,17%,76%);--zn-color-gray-500:hsl(254,17%,66%);--zn-color-gray-800:hsl(259,13%,42%);--zn-color-gray-900:hsl(262,12%,35%);--zn-color-red-500:hsl(0 84.2% 60.2%);--zn-color-red-600:hsl(0 72.2% 50.6%);--zn-color-orange-500:hsl(24.6 95% 53.1%);--zn-color-amber-400:hsl(43.3 96.4% 56.3%);--zn-color-yellow-400:hsl(51,100%,53%);--zn-color-green-500:hsl(142.1 70.6% 45.3%);--zn-color-blue-500:hsl(217.2 91.2% 59.8%);--zn-color-indigo-400:hsl(234.5 89.5% 73.9%);--zn-color-indigo-500:hsl(238.7 83.5% 66.7%);--zn-color-violet-500:hsl(258.3 89.5% 66.3%);--zn-color-violet-600:hsl(262.1 83.3% 57.8%);--zn-color-purple-50:hsl(249,100%,97%);--zn-color-purple-100:hsl(245,100%,95%);--zn-color-purple-200:hsl(244,100%,92%);--zn-color-purple-600:hsl(256,91%,59%);--zn-color-pink-400:hsl(328.6 85.5% 70.2%);--zn-color-pink-500:hsl(330.4 81.2% 60.4%);--zn-color-primary-50:var(--zn-color-purple-50);--zn-color-primary-100:var(--zn-color-purple-100);--zn-color-primary-200:var(--zn-color-purple-200);--zn-color-primary-300:hsl(246,100%,85%);--zn-color-primary-400:hsl(249,100%,76%);--zn-color-primary-500:hsl(252,98%,66%);--zn-color-primary-600:var(--zn-color-purple-600);--zn-color-primary-700:hsl(257,76%,50%);--zn-color-primary-800:hsl(257,76%,42%);--zn-color-primary-900:hsl(257,73%,35%);--zn-color-success-50:hsl(138.5 76.5% 96.7%);--zn-color-success-200:rgb(var(--zn-green));--zn-color-success-300:hsl(141.7 76.6% 73.1%);--zn-color-success-400:hsl(141.9 69.2% 58%);--zn-color-success-500:var(--zn-color-green-500);--zn-color-success-600:hsl(142.1 76.2% 36.3%);--zn-color-success-700:hsl(142.4 71.8% 29.2%);--zn-color-warning-50:hsl(48 100% 96.1%);--zn-color-warning-400:var(--zn-color-amber-400);--zn-color-warning-500:hsl(37.7 92.1% 50.2%);--zn-color-warning-600:hsl(32.1 94.6% 43.7%);--zn-color-danger-50:hsl(0 85.7% 97.3%);--zn-color-danger-100:rgb(var(--zn-red));--zn-color-danger-200:rgb(var(--zn-red));--zn-color-danger-300:hsl(0 93.5% 81.8%);--zn-color-danger-500:var(--zn-color-red-500);--zn-color-danger-600:var(--zn-color-red-600);--zn-color-danger-700:rgb(var(--zn-red));--zn-color-danger-800:hsl(0 70% 35.3%);--zn-color-neutral-50:hsl(255,33%,98%);--zn-color-neutral-100:var(--zn-color-gray-100);--zn-color-neutral-200:hsl(255,12%,94%);--zn-color-neutral-300:var(--zn-color-gray-300);--zn-color-neutral-400:var(--zn-color-gray-400);--zn-color-neutral-500:var(--zn-color-gray-500);--zn-color-neutral-600:hsl(258,15%,58%);--zn-color-neutral-700:hsl(259,13%,54%);--zn-color-neutral-800:var(--zn-color-gray-800);--zn-color-neutral-900:var(--zn-color-gray-900);--zn-color-neutral-0:hsl(0,0%,100%);--zn-color-neutral-1000:hsl(0,0%,0%);--zn-border-radius:6px;--zn-border-radius-small:2px;--zn-border-radius-circle:50%;--zn-border-radius-pill:9999px;--zn-shadow-x-small:0 1px 4px rgba(0,0,0,0.10);--zn-shadow-small:0 3px 9px rgba(0,0,0,0.15);--zn-shadow-medium:0 6px 18px rgba(0,0,0,0.15);--zn-shadow-large:0 6px 20px rgba(0,0,0,0.15);--zn-shadow-x-large:0 6px 20px rgba(0,0,0,0.25);--zn-container:var(--zn-container-hd);--zn-container-default:100%;--zn-container-sm:360px;--zn-container-smp:480px;--zn-container-ph:600px;--zn-container-md:768px;--zn-container-lg:1100px;--zn-container-hd:1400px;--zn-container-3k:1960px;--zn-container-4k:2560px;--zn-transition-x-slow:1000ms;--zn-transition-slow:500ms;--zn-transition-medium:250ms;--zn-transition-fast:150ms;--zn-transition-x-fast:50ms;--zn-gap:var(--zn-base-gap,var(--zn-spacing-medium,4px));--zn-font-mono:'Roboto Mono',SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;--zn-font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';--zn-font-serif:'Roboto Slab',Georgia,'Times New Roman',serif;--zn-font-size-2x-small:0.625rem;--zn-font-size-x-small:0.75rem;--zn-font-size-small:0.929rem;--zn-font-size-medium:1rem;--zn-font-size-large:1.15rem;--zn-font-size-x-large:1.25rem;--zn-font-size-2x-large:2.25rem;--zn-font-size-3x-large:3rem;--zn-font-size-4x-large:4.5rem;--zn-font-weight-light:300;--zn-font-weight-normal:400;--zn-font-weight-medium:500;--zn-font-weight-semibold:600;--zn-font-weight-bold:700;--zn-letter-spacing-normal:normal;--zn-letter-spacing-loose:0.5px;--zn-line-height-denser:1;--zn-line-height-dense:1.5;--zn-line-height-normal:2;--zn-line-height-loose:2.5;--zn-line-height-looser:3;--zn-focus-ring-color:var(--zn-color-primary-600);--zn-focus-ring-style:solid;--zn-focus-ring-width-x-small:1px;--zn-focus-ring-width:3px;--zn-focus-ring:var(--zn-focus-ring-style) var(--zn-focus-ring-width) var(--zn-focus-ring-color);--zn-focus-ring-offset:1px;--zn-input-height-x-small:24px;--zn-input-height-small:30px;--zn-input-height-medium:36px;--zn-input-height-large:40px;--zn-input-background-color:var(--zn-color-neutral-50);--zn-input-background-color-hover:var(--zn-color-neutral-100);--zn-input-background-color-focus:var(--zn-color-neutral-100);--zn-input-background-color-disabled:var(--zn-color-neutral-400);--zn-input-border-color:var(--zn-color-neutral-300);--zn-input-border-color-hover:var(--zn-color-neutral-400);--zn-input-border-color-focus:var(--zn-color-primary-500);--zn-input-border-color-disabled:var(--zn-color-neutral-300);--zn-input-border-width:1px;--zn-input-required-content:'*';--zn-input-required-content-offset:-2px;--zn-input-required-content-color:var(--zn-input-label-color);--zn-input-border-radius-x-small:var(--zn-border-radius);--zn-input-border-radius-small:var(--zn-border-radius);--zn-input-border-radius-medium:var(--zn-border-radius);--zn-input-border-radius-large:var(--zn-border-radius);--zn-input-font-family:var(--zn-font-sans);--zn-input-font-weight:var(--zn-text-input-content-font-weight);--zn-input-font-size-x-small:var(--zn-font-size-x-small);--zn-input-font-size-small:var(--zn-font-size-small);--zn-input-font-size-medium:var(--zn-text-input-content-font-size);--zn-input-font-size-large:var(--zn-font-size-large);--zn-input-line-height:var(--zn-text-input-content-line-height);--zn-input-letter-spacing:var(--zn-letter-spacing-normal);--zn-input-color:var(--zn-text-input-content-color);--zn-input-color-hover:var(--zn-color-neutral-800);--zn-input-color-focus:var(--zn-color-neutral-700);--zn-input-color-disabled:var(--zn-color-neutral-800);--zn-input-icon-color:var(--zn-color-neutral-500);--zn-input-icon-color-hover:var(--zn-color-neutral-600);--zn-input-icon-color-focus:var(--zn-color-neutral-600);--zn-input-placeholder-color:var(--zn-text-input-placeholder-color);--zn-input-placeholder-color-disabled:var(--zn-color-neutral-600);--zn-input-spacing-small:var(--zn-spacing-small);--zn-input-spacing-medium:var(--zn-spacing-medium);--zn-input-spacing-large:var(--zn-spacing-large);--zn-input-focus-ring-color:hsl(256 91% 59%/40%);--zn-input-focus-ring-offset:0;--zn-input-label-font-size-small:var(--zn-font-size-small);--zn-input-label-font-size-medium:var(--zn-text-input-label-font-size);--zn-input-label-font-size-large:var(--zn-font-size-large);--zn-input-label-font-weight:var(--zn-text-input-label-font-weight);--zn-input-label-line-height:var(--zn-text-input-label-line-height);--zn-input-label-color:var(--zn-text-input-label-color);--zn-input-help-text-font-size-small:var(--zn-font-size-x-small);--zn-input-help-text-font-size-medium:var(--zn-font-size-small);--zn-input-help-text-font-size-large:var(--zn-font-size-medium);--zn-input-help-text-color:var(--zn-color-neutral-500);--zn-toggle-size-small:0.875rem;--zn-toggle-size-medium:1.125rem;--zn-toggle-size-large:1.375rem;--zn-overlay-background-color:hsl(none 0% 0%/0.7);--zn-panel-background-color:var(--zn-color-neutral-0);--zn-panel-border-color:var(--zn-color-neutral-200);--zn-panel-border-width:1px;--zn-tooltip-border-radius:var(--zn-border-radius);--zn-tooltip-background-color:var(--zn-color-neutral-900);--zn-tooltip-color:var(--zn-color-neutral-0);--zn-tooltip-font-family:var(--zn-font-sans);--zn-tooltip-font-weight:var(--zn-font-weight-normal);--zn-tooltip-font-size:var(--zn-font-size-small);--zn-tooltip-line-height:var(--zn-line-height-dense);--zn-tooltip-padding:var(--zn-spacing-x-small) var(--zn-spacing-small);--zn-tooltip-arrow-size:6px;--zn-z-index-page-nav:500;--zn-z-index-drawer:700;--zn-z-index-dialog:800;--zn-z-index-dropdown:900;--zn-z-index-toast:950;--zn-z-index-tooltip:1000;--zn-z-index-editor-action:1000000}[t=dark],.theme-dark{color-scheme:dark;--zn-color-gray-50:hsl(258,15%,23%);--zn-color-gray-100:hsl(262,12%,35%);--zn-color-gray-200:hsl(259,13%,42%);--zn-color-gray-300:hsl(259,13%,54%);--zn-color-gray-400:hsl(258,15%,58%);--zn-color-gray-500:hsl(254,17%,66%);--zn-color-gray-600:hsl(251,17%,76%);--zn-color-gray-700:hsl(260,21%,89%);--zn-color-gray-800:hsl(255,12%,94%);--zn-color-gray-900:hsl(240,13%,95%);--zn-color-gray-950:hsl(255,33%,98%);--zn-color-red-50:hsl(0 56% 23.9%);--zn-color-red-100:hsl(0.6 60% 33.9%);--zn-color-red-200:hsl(0.9 67.2% 37.1%);--zn-color-red-300:hsl(1.1 71.3% 43.7%);--zn-color-red-400:hsl(1 76% 52.5%);--zn-color-red-500:hsl(0.7 89.6% 57.2%);--zn-color-red-600:hsl(0 98.6% 67.9%);--zn-color-red-700:hsl(0 100% 72.3%);--zn-color-red-800:hsl(0 100% 85.6%);--zn-color-red-900:hsl(0 100% 90.3%);--zn-color-red-950:hsl(0 100% 95.9%);--zn-color-orange-50:hsl(15 64.2% 23.3%);--zn-color-orange-100:hsl(15.1 70.9% 31.1%);--zn-color-orange-200:hsl(15.3 75.7% 35.5%);--zn-color-orange-300:hsl(17.1 83.5% 42.7%);--zn-color-orange-400:hsl(20.1 88% 50.8%);--zn-color-orange-500:hsl(24.3 100% 50.5%);--zn-color-orange-600:hsl(27.2 100% 57.7%);--zn-color-orange-700:hsl(31.3 100% 68.7%);--zn-color-orange-800:hsl(33.8 100% 79.3%);--zn-color-orange-900:hsl(38.9 100% 87.7%);--zn-color-orange-950:hsl(46.2 100% 95%);--zn-color-amber-50:hsl(21.9 66.3% 21.1%);--zn-color-amber-100:hsl(21.5 73.6% 29.7%);--zn-color-amber-200:hsl(22.3 77.6% 33.3%);--zn-color-amber-300:hsl(25.4 84.2% 39.6%);--zn-color-amber-400:hsl(31.4 87.4% 46.7%);--zn-color-amber-500:hsl(37 96.6% 48.3%);--zn-color-amber-600:hsl(43.3 100% 53.4%);--zn-color-amber-700:hsl(46.5 100% 61.1%);--zn-color-amber-800:hsl(49.3 100% 73%);--zn-color-amber-900:hsl(51.8 100% 85%);--zn-color-amber-950:hsl(60 100% 94.6%);--zn-color-yellow-50:hsl(34,86%,14%);--zn-color-yellow-100:hsl(36,74%,26%);--zn-color-yellow-200:hsl(40,82%,29%);--zn-color-yellow-300:hsl(43,94%,33%);--zn-color-yellow-400:hsl(48,98%,40%);--zn-color-yellow-500:hsl(53,95%,47%);--zn-color-yellow-600:hsl(51,100%,53%);--zn-color-yellow-700:hsl(54,100%,63%);--zn-color-yellow-800:hsl(61,100%,77%);--zn-color-yellow-900:hsl(63,100%,88%);--zn-color-yellow-950:hsl(63,92%,95%);--zn-color-lime-50:hsl(86.5 54.4% 18%);--zn-color-lime-100:hsl(87.6 56.8% 23.3%);--zn-color-lime-200:hsl(85.8 63.2% 24.5%);--zn-color-lime-300:hsl(86.1 72% 29.4%);--zn-color-lime-400:hsl(85.5 76.8% 37.3%);--zn-color-lime-500:hsl(84.3 74.2% 42.1%);--zn-color-lime-600:hsl(82.8 81.5% 52.6%);--zn-color-lime-700:hsl(82 89.9% 64%);--zn-color-lime-800:hsl(80.9 97.9% 76.6%);--zn-color-lime-900:hsl(77.9 100% 85.8%);--zn-color-lime-950:hsl(69.5 100% 93.8%);--zn-color-green-50:hsl(144.3 53.6% 16%);--zn-color-green-100:hsl(143.2 55.4% 23.5%);--zn-color-green-200:hsl(141.5 58.2% 26.3%);--zn-color-green-300:hsl(140.8 64.2% 31.8%);--zn-color-green-400:hsl(140.3 68% 39.2%);--zn-color-green-500:hsl(141.1 64.9% 43%);--zn-color-green-600:hsl(141.6 72.4% 55.2%);--zn-color-green-700:hsl(141.7 82.7% 70.1%);--zn-color-green-800:hsl(141 90.9% 82.1%);--zn-color-green-900:hsl(142 100% 89.1%);--zn-color-green-950:hsl(144 100% 95.5%);--zn-color-emerald-50:hsl(164.3 75% 13.5%);--zn-color-emerald-100:hsl(163.5 72.6% 20.1%);--zn-color-emerald-200:hsl(162.1 73.7% 22.4%);--zn-color-emerald-300:hsl(161.3 77.3% 27.6%);--zn-color-emerald-400:hsl(159.6 77.1% 34.3%);--zn-color-emerald-500:hsl(159.1 73.5% 37.9%);--zn-color-emerald-600:hsl(157.8 66.8% 48.9%);--zn-color-emerald-700:hsl(156.2 76.1% 63.8%);--zn-color-emerald-800:hsl(152.4 84.4% 77.4%);--zn-color-emerald-900:hsl(149.3 100% 87%);--zn-color-emerald-950:hsl(158.6 100% 94.8%);--zn-color-teal-50:hsl(176.5 51.5% 15.4%);--zn-color-teal-100:hsl(175.9 54.7% 22.3%);--zn-color-teal-200:hsl(175.9 60.7% 23.9%);--zn-color-teal-300:hsl(174.5 67.3% 28.8%);--zn-color-teal-400:hsl(174.4 71.9% 34.9%);--zn-color-teal-500:hsl(173.1 71% 38.3%);--zn-color-teal-600:hsl(172.3 68.2% 48.1%);--zn-color-teal-700:hsl(170.5 81.3% 61.5%);--zn-color-teal-800:hsl(168.4 92.1% 75.2%);--zn-color-teal-900:hsl(168.3 100% 86%);--zn-color-teal-950:hsl(180 100% 95.5%);--zn-color-cyan-50:hsl(197.1 53.8% 20.3%);--zn-color-cyan-100:hsl(196.8 57.3% 27.2%);--zn-color-cyan-200:hsl(195.3 62.7% 29.4%);--zn-color-cyan-300:hsl(193.5 71.3% 34.1%);--zn-color-cyan-400:hsl(192.5 76.8% 40.6%);--zn-color-cyan-500:hsl(189.4 78.6% 42.6%);--zn-color-cyan-600:hsl(188.2 89.1% 51.7%);--zn-color-cyan-700:hsl(187 98.6% 66.2%);--zn-color-cyan-800:hsl(184.9 100% 78.3%);--zn-color-cyan-900:hsl(180 100% 86.6%);--zn-color-cyan-950:hsl(180 100% 94.8%);--zn-color-sky-50:hsl(203 63.8% 20.9%);--zn-color-sky-100:hsl(203.4 70.4% 28%);--zn-color-sky-200:hsl(202.7 75.8% 30.8%);--zn-color-sky-300:hsl(203.1 80.4% 36.1%);--zn-color-sky-400:hsl(202.1 80.5% 44.3%);--zn-color-sky-500:hsl(199.7 85.9% 47.7%);--zn-color-sky-600:hsl(198.7 97.9% 57.2%);--zn-color-sky-700:hsl(198.7 100% 70.5%);--zn-color-sky-800:hsl(198.8 100% 82.5%);--zn-color-sky-900:hsl(198.5 100% 89.9%);--zn-color-sky-950:hsl(186 100% 95.5%);--zn-color-blue-50:hsl(227.1 49.5% 22.7%);--zn-color-blue-100:hsl(225.8 58.9% 36.8%);--zn-color-blue-200:hsl(227.7 64.4% 42.9%);--zn-color-blue-300:hsl(226.1 72.7% 51.2%);--zn-color-blue-400:hsl(222.6 86.5% 56.3%);--zn-color-blue-500:hsl(217.8 95.8% 57.4%);--zn-color-blue-600:hsl(213.3 100% 65%);--zn-color-blue-700:hsl(210.9 100% 74.8%);--zn-color-blue-800:hsl(211.5 100% 83.4%);--zn-color-blue-900:hsl(211 100% 88.9%);--zn-color-blue-950:hsl(201.8 100% 95.3%);--zn-color-indigo-50:hsl(243.5 40.8% 27%);--zn-color-indigo-100:hsl(242.9 45.7% 37.6%);--zn-color-indigo-200:hsl(244.7 52.7% 43.1%);--zn-color-indigo-300:hsl(245.3 60.5% 52.4%);--zn-color-indigo-400:hsl(244.1 79.2% 60.4%);--zn-color-indigo-500:hsl(239.6 88.7% 63.8%);--zn-color-indigo-600:hsl(234.5 96.7% 70.9%);--zn-color-indigo-700:hsl(229.4 100% 78.3%);--zn-color-indigo-800:hsl(227.1 100% 85%);--zn-color-indigo-900:hsl(223.8 100% 89.9%);--zn-color-indigo-950:hsl(220 100% 95.1%);--zn-color-violet-50:hsl(265.1 57.3% 25.4%);--zn-color-violet-100:hsl(263.5 63.8% 39.4%);--zn-color-violet-200:hsl(263.4 66.2% 44.1%);--zn-color-violet-300:hsl(263.7 72.8% 52.4%);--zn-color-violet-400:hsl(262.5 87.3% 59.8%);--zn-color-violet-500:hsl(258.3 95.1% 63.2%);--zn-color-violet-600:hsl(255.1 100% 67.2%);--zn-color-violet-700:hsl(253 100% 81.5%);--zn-color-violet-800:hsl(251.7 100% 87.9%);--zn-color-violet-900:hsl(254.1 100% 91.7%);--zn-color-violet-950:hsl(257.1 100% 96.1%);--zn-color-purple-50:hsl(255,79%,23%);--zn-color-purple-100:hsl(257,73%,35%);--zn-color-purple-200:hsl(257,76%,42%);--zn-color-purple-300:hsl(257,76%,50%);--zn-color-purple-400:hsl(256,91%,59%);--zn-color-purple-500:hsl(252,98%,66%);--zn-color-purple-600:hsl(249,100%,76%);--zn-color-purple-700:hsl(246,100%,85%);--zn-color-purple-800:hsl(244,100%,92%);--zn-color-purple-900:hsl(245,100%,95%);--zn-color-purple-950:hsl(249,100%,97%);--zn-color-fuchsia-50:hsl(297.1 51.2% 18.6%);--zn-color-fuchsia-100:hsl(296.7 59.5% 31.5%);--zn-color-fuchsia-200:hsl(295.4 65.4% 35.1%);--zn-color-fuchsia-300:hsl(294.6 67.4% 42.2%);--zn-color-fuchsia-400:hsl(293.3 68.7% 51.2%);--zn-color-fuchsia-500:hsl(292.1 88.4% 57.7%);--zn-color-fuchsia-600:hsl(292 98.5% 59.5%);--zn-color-fuchsia-700:hsl(292.4 100% 79.5%);--zn-color-fuchsia-800:hsl(292.9 100% 86.8%);--zn-color-fuchsia-900:hsl(300 100% 91.5%);--zn-color-fuchsia-950:hsl(300 100% 96.3%);--zn-color-pink-50:hsl(336.2 59.6% 20%);--zn-color-pink-100:hsl(336.8 63.9% 34%);--zn-color-pink-200:hsl(336.8 68.7% 37.6%);--zn-color-pink-300:hsl(336.1 71.8% 44.5%);--zn-color-pink-400:hsl(333.9 74.9% 53.1%);--zn-color-pink-500:hsl(330.7 86.3% 57.7%);--zn-color-pink-600:hsl(328.6 91.5% 67.2%);--zn-color-pink-700:hsl(327.4 97.6% 78.7%);--zn-color-pink-800:hsl(325.1 100% 86.6%);--zn-color-pink-900:hsl(322.1 100% 91.3%);--zn-color-pink-950:hsl(315 100% 95.9%);--zn-color-rose-50:hsl(342.3 62.9% 21.5%);--zn-color-rose-100:hsl(342.8 68.9% 34.2%);--zn-color-rose-200:hsl(344.8 72.6% 37.3%);--zn-color-rose-300:hsl(346.9 75.8% 43.7%);--zn-color-rose-400:hsl(348.2 80.1% 52.7%);--zn-color-rose-500:hsl(350.4 94.8% 57.5%);--zn-color-rose-600:hsl(351.2 100% 58.1%);--zn-color-rose-700:hsl(352.3 100% 78.1%);--zn-color-rose-800:hsl(352 100% 86.2%);--zn-color-rose-900:hsl(354.5 100% 90.7%);--zn-color-rose-950:hsl(353.3 100% 95.7%);--zn-color-neutral-0:hsl(0,0%,0%);--zn-color-neutral-1000:hsl(0,0%,100%);--zn-shadow-x-small:0 1px 4px rgba(0,0,0,0.18);--zn-shadow-small:0 3px 9px rgba(0,0,0,0.24);--zn-shadow-medium:0 6px 18px rgba(0,0,0,0.24);--zn-shadow-large:0 6px 20px rgba(0,0,0,0.24);--zn-shadow-x-large:0 6px 20px rgba(0,0,0,0.34);--zn-input-background-color:rgb(var(--zn-color-body));--zn-input-background-color-hover:rgb(var(--zn-color-body));--zn-input-background-color-focus:hsl(252,15%,13%);--zn-input-background-color-disabled:hsl(280,6%,9%);--zn-input-border-color:rgb(var(--zn-color-border));--zn-input-border-color-hover:rgb(var(--zn-color-border-active));--zn-input-border-color-focus:var(--zn-color-primary-500);--zn-input-border-color-disabled:hsl(280,6%,9%);--zn-focus-ring-color:var(--zn-color-primary-700);--zn-overlay-background-color:hsl(0 0% 0%/43%);--zn-panel-background-color:rgb(var(--zn-panel));--zn-tooltip-background-color:var(--zn-color-neutral-800)}:root{--zn-spacing-unit:8px;--zn-spacing-3x-small:2px;--zn-spacing-2x-small:4px;--zn-spacing-x-small:8px;--zn-spacing-small:16px;--zn-spacing-medium:24px;--zn-spacing-large:32px;--zn-spacing-x-large:40px;--zn-spacing-2x-large:48px;--zn-spacing-3x-large:56px;--zn-spacing-4x-large:72px;--zn-spacing-narrow-bar:45px;--zn-spacing-bar:60px;--zn-spacing-tile:80px;--zn-spacing-sidenav:320px;--zn-spacing-small-panel:200px;--zn-spacing-medium-panel:320px;--zn-spacing-panel:360px;--zn-spacing-lside:460px}:root{--zn-text-color:rgb(var(--zn-color-text));--zn-text-color-muted:rgb(var(--zn-color-muted-text));--zn-text-paragraph-font-size:14px;--zn-text-paragraph-line-height:21px;--zn-text-paragraph-spacing:21px;--zn-text-paragraph-font-weight:var(--zn-font-weight-normal);--zn-text-paragraph-color:var(--zn-text-color);--zn-text-paragraph-transform:none;--zn-text-table-content-font-size:14px;--zn-text-table-content-line-height:16px;--zn-text-table-content-spacing:15px;--zn-text-table-content-font-weight:var(--zn-font-weight-normal);--zn-text-table-content-color:var(--zn-text-color);--zn-text-table-content-transform:none;--zn-text-chat-font-size:16px;--zn-text-chat-line-height:24px;--zn-text-chat-spacing:15px;--zn-text-chat-font-weight:var(--zn-font-weight-normal);--zn-text-chat-color:var(--zn-text-color);--zn-text-chat-transform:none;--zn-text-h1-font-size:16px;--zn-text-h1-line-height:16px;--zn-text-h1-spacing:18px;--zn-text-h1-font-weight:var(--zn-font-weight-semibold);--zn-text-h1-color:var(--zn-text-color);--zn-text-h1-transform:none;--zn-text-h2-font-size:14px;--zn-text-h2-line-height:16px;--zn-text-h2-spacing:15px;--zn-text-h2-font-weight:var(--zn-font-weight-semibold);--zn-text-h2-color:var(--zn-text-color);--zn-text-h2-transform:none;--zn-text-h3-font-size:11px;--zn-text-h3-line-height:16px;--zn-text-h3-spacing:15px;--zn-text-h3-font-weight:var(--zn-font-weight-semibold);--zn-text-h3-color:var(--zn-text-color);--zn-text-h3-transform:none;--zn-text-subheading-font-size:14px;--zn-text-subheading-line-height:16px;--zn-text-subheading-spacing:15px;--zn-text-subheading-font-weight:var(--zn-font-weight-normal);--zn-text-subheading-color:var(--zn-text-color-muted);--zn-text-subheading-transform:none;--zn-text-subheading-small-font-size:13px;--zn-text-subheading-small-line-height:16px;--zn-text-subheading-small-spacing:15px;--zn-text-subheading-small-font-weight:var(--zn-font-weight-normal);--zn-text-subheading-small-color:var(--zn-text-color-muted);--zn-text-subheading-small-transform:none;--zn-text-input-placeholder-font-size:14px;--zn-text-input-placeholder-line-height:24px;--zn-text-input-placeholder-spacing:18px;--zn-text-input-placeholder-font-weight:var(--zn-font-weight-normal);--zn-text-input-placeholder-color:var(--zn-text-color-muted);--zn-text-input-placeholder-transform:none;--zn-text-input-content-font-size:14px;--zn-text-input-content-line-height:24px;--zn-text-input-content-spacing:18px;--zn-text-input-content-font-weight:var(--zn-font-weight-normal);--zn-text-input-content-color:var(--zn-text-color);--zn-text-input-content-transform:none;--zn-text-input-label-font-size:14px;--zn-text-input-label-line-height:16px;--zn-text-input-label-spacing:15px;--zn-text-input-label-font-weight:var(--zn-font-weight-semibold);--zn-text-input-label-color:var(--zn-text-color);--zn-text-input-label-transform:none;--zn-text-chart-minor-font-size:14px;--zn-text-chart-minor-line-height:16px;--zn-text-chart-minor-spacing:15px;--zn-text-chart-minor-font-weight:var(--zn-font-weight-semibold);--zn-text-chart-minor-color:var(--zn-text-color-muted);--zn-text-chart-minor-transform:none;--zn-text-chart-major-font-size:21px;--zn-text-chart-major-line-height:16px;--zn-text-chart-major-spacing:18px;--zn-text-chart-major-font-weight:var(--zn-font-weight-normal);--zn-text-chart-major-color:var(--zn-text-color);--zn-text-chart-major-transform:none;--zn-text-button-label-font-size:13px;--zn-text-button-label-line-height:16px;--zn-text-button-label-spacing:18px;--zn-text-button-label-font-weight:var(--zn-font-weight-semibold);--zn-text-button-label-color:var(--zn-text-color);--zn-text-button-label-transform:uppercase;--zn-text-chip-font-size:10px;--zn-text-chip-line-height:16px;--zn-text-chip-spacing:15px;--zn-text-chip-font-weight:var(--zn-font-weight-semibold);--zn-text-chip-color:var(--zn-text-color);--zn-text-chip-transform:uppercase;--zn-text-navbar-link-font-size:16px;--zn-text-navbar-link-line-height:16px;--zn-text-navbar-link-spacing:18px;--zn-text-navbar-link-font-weight:var(--zn-font-weight-semibold);--zn-text-navbar-link-color:var(--zn-text-color-muted);--zn-text-navbar-link-transform:none;--zn-text-tab-link-font-size:14px;--zn-text-tab-link-line-height:16px;--zn-text-tab-link-spacing:15px;--zn-text-tab-link-font-weight:var(--zn-font-weight-semibold);--zn-text-tab-link-color:var(--zn-text-color-muted);--zn-text-tab-link-transform:none;--zn-text-tab-link-active-font-size:14px;--zn-text-tab-link-active-line-height:16px;--zn-text-tab-link-active-spacing:15px;--zn-text-tab-link-active-font-weight:var(--zn-font-weight-semibold);--zn-text-tab-link-active-color:var(--zn-text-color);--zn-text-tab-link-active-transform:none;--zn-text-menu-link-font-size:14px;--zn-text-menu-link-line-height:16px;--zn-text-menu-link-spacing:15px;--zn-text-menu-link-font-weight:var(--zn-font-weight-normal);--zn-text-menu-link-color:var(--zn-text-color-muted);--zn-text-menu-link-transform:none;--zn-text-notification-font-size:9px;--zn-text-notification-line-height:11px;--zn-text-notification-spacing:0;--zn-text-notification-font-weight:var(--zn-font-weight-semibold);--zn-text-notification-color:#fff;--zn-text-notification-transform:none}@supports (scrollbar-gutter:stable){.zn-scroll-lock{scrollbar-gutter:stable !important;overflow:hidden !important}}@supports not (scrollbar-gutter:stable){.zn-scroll-lock{padding-right:var(--zn-scroll-lock-size) !important;overflow:hidden !important}}.zn-toast-stack{position:fixed;bottom:0;inset-inline-end:0;z-index:var(--zn-z-index-toast);width:28rem;max-width:100%;max-height:100%;overflow:auto}.zn-toast-stack zn-alert{margin:var(--zn-spacing-medium)}.zn-toast-stack zn-alert::part(base){box-shadow:var(--zn-shadow-large)}@media screen and (min-width:768px){.zn-toast-stack zn-alert{margin:var(--zn-spacing-large)}}.zn-gutter{margin:0 var(--zn-gutter)}.zn-gap{gap:var(--zn-gap,0);padding:var(--zn-base-gap,0);display:flex;flex-wrap:wrap}.zn-gap-in{gap:var(--zn-gap,0);display:flex;flex-wrap:wrap}.zn-gap-in-sm{--zn-gap:var(--zn-spacing-small,0);gap:var(--zn-gap,0)}.zn-gap-md{gap:15px}.zn-gap-inner{gap:var(--zn-gap,0)}.zn-gap-ism{gap:var(--zn-gap,0);--zn-gap:10px}.zn-gap-ixs{gap:var(--zn-gap,0);--zn-gap:5px}.zn-max-hide{max-height:100%;overflow:hidden}.zn-hide-empty:empty{display:none}.zn-nopoint{pointer-events:none}.form-spacing{display:grid;grid-template-columns:1fr;gap:var(--zn-spacing-medium) var(--zn-spacing-small)}@media (min-width:768px){.form-spacing{grid-template-columns:repeat(6,1fr)}}.form-spacing~.form-spacing{margin-top:var(--zn-base-gap)}zn-form-group~zn-form-group{margin-top:var(--zn-base-gap);padding-top:var(--zn-base-gap);border-top:1px solid rgb(var(--zn-border-color))}.form-spacing>*{grid-column:span 6/span 6}@media (min-width:768px){.form-spacing>*[span="1"]{grid-column:span 1/span 1}}@media (min-width:768px){.form-spacing>*[span="2"]{grid-column:span 2/span 2}}@media (min-width:768px){.form-spacing>*[span="3"]{grid-column:span 3/span 3}}@media (min-width:768px){.form-spacing>*[span="4"]{grid-column:span 4/span 4}}@media (min-width:768px){.form-spacing>*[span="5"]{grid-column:span 5/span 5}}@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:root{--zn-base-px:8px;--zn-base-gap:calc(var(--zn-base-px) * 2);--zn-gutter:2px;--zn-default-margin:0 auto 0 0;--zn-icon-size:20px;--zn-button-gutter:2px;--zn-font-family-sans:'Inter',sans-serif;--zn-font-family-serif:'Roboto Slab',serif;--zn-font-family-mono:'Roboto Mono',monospace}:root,[t=light],.theme-light{--zn-backdrop-color:rgba(0,0,0,0.5);--zn-color-text:33,33,33;--zn-color-muted-text:125,119,146;--zn-color-base:255,255,255;--zn-color-body:248,247,252;--zn-color-navigation:var(--zn-color-base);--zn-color-navigation-hightlight:248,249,252;--zn-color-border:219,217,236;--zn-color-border-active:209,207,226;--zn-color-tab:236,235,249;--zn-color-panel:255,255,255;--zn-color-primary:105,54,245;--zn-color-info:53,104,195;--zn-color-success:98,177,121;--zn-color-warning:241,168,80;--zn-color-error:236,68,91;--zn-color-disabled:181,181,181}[t=dark],.theme-dark{--zn-backdrop-color:rgba(0,0,0,0.85);--zn-color-text:215,215,215;--zn-color-muted-text:145,145,145;--zn-color-base:0,0,0;--zn-color-body:23,23,23;--zn-color-navigation:var(--zn-color-base);--zn-color-navigation-hightlight:10,10,10;--zn-color-border:38,38,38;--zn-color-border-active:80,80,80;--zn-color-tab:5,5,5;--zn-color-panel:30,30,30;--zn-color-primary:105,54,245;--zn-color-info:53,104,195;--zn-color-success:98,177,121;--zn-color-warning:241,168,80;--zn-color-error:236,68,91;--zn-color-disabled:181,181,181}@media (min-width:1200px){:root{--zn-base-gap:calc(var(--zn-base-px) * 3)}}@media (min-width:2500px){:root{--zn-default-margin:0 auto}}:root{--zn-primary:var(--zn-color-primary);--zn-red:237,84,109;--zn-blue:100,117,242;--zn-green:43,192,145;--zn-orange:255,136,0;--zn-yellow:255,193,7;--zn-indigo:63,81,181;--zn-violet:156,39,176;--zn-pink:255,108,156;--zn-grey:158,158,158;--zn-accent:71,214,214;--zn-size-bar:60px;--zn-size-tile:80px;--zn-size-sidenav:320px;--zn-size-spanel:170px;--zn-size-mpanel:320px;--zn-size-panel:360px;--zn-size-lside:460px;--zn-bg-opacity:1;--zn-text-opacity:1;--base:255,255,255;--inverse-base:0,0,0}.zn-mono{font-family:var(--zn-font-family-mono,"monospace")}:root,[t=light],.theme-light,[t=dark],.theme-dark{--zn-body:var(--zn-color-body);--zn-text:var(--zn-color-text);--zn-text-heading:var(--zn-color-text);--zn-text-page-title:var(--zn-color-text);--zn-text-panel-title:var(--zn-color-text);--zn-panel:var(--zn-color-panel);--zn-border-color:var(--zn-color-border);--zn-input-bg:var(--zn-color-body)}[t=light],.theme-light{--zn-panel-opacity:1;--zn-shadow:236,235,249;--zn-panel-secondary:246 246 246;--zn-panel-highlight:248,249,252;--zn-panel-highlight-opacity:1;--zn-input-bg-accent:237,235,245;--zn-bright-bg:255,255,255;--zn-light-text:123,112,151;--zn-dark-text:56,39,104;--zn-purple-text:104,54,245}[t=light] .zn-primary,.theme-light .zn-primary{color:rgb(var(--zn-color-primary))}[t=dark],.theme-dark{--zn-shadow:10,10,10;--zn-panel-secondary:27,27,30;--zn-panel-opacity:1;--zn-panel-highlight:25,27,32;--zn-panel-highlight-opacity:0.1;--zn-input-bg-accent:72,84,102;--zn-bright-bg:225,225,225;--zn-light-text:173,163,192;--zn-dark-text:201,201,201;--zn-purple-text:129,140,249;--zn-accent:15,165,234;--zn-primary:137,103,239;--base:0,0,0;--inverse-base:255,255,255}[t=dark] .zn-primary,.theme-dark .zn-primary{color:#8967ef !important}.ml-px{margin-left:1px}.mr-px{margin-right:1px}.mt-px{margin-top:1px}.mb-px{margin-bottom:1px}.mx-px{margin-left:1px;margin-right:1px}.my-px{margin-top:1px;margin-bottom:1px}.m-px{margin:1px}.ml-xxs{margin-left:3px}.mr-xxs{margin-right:3px}.mt-xxs{margin-top:3px}.mb-xxs{margin-bottom:3px}.mx-xxs{margin-left:3px;margin-right:3px}.my-xxs{margin-top:3px;margin-bottom:3px}.m-xxs{margin:3px}.ml-xs{margin-left:5px}.mr-xs{margin-right:5px}.mt-xs{margin-top:5px}.mb-xs{margin-bottom:5px}.mx-xs{margin-left:5px;margin-right:5px}.my-xs{margin-top:5px;margin-bottom:5px}.m-xs{margin:5px}.ml-sm{margin-left:10px}.mr-sm{margin-right:10px}.mt-sm{margin-top:10px}.mb-sm{margin-bottom:10px}.mx-sm{margin-left:10px;margin-right:10px}.my-sm{margin-top:10px;margin-bottom:10px}.m-sm{margin:10px}.ml-md{margin-left:15px}.mr-md{margin-right:15px}.mt-md{margin-top:15px}.mb-md{margin-bottom:15px}.mx-md{margin-left:15px;margin-right:15px}.my-md{margin-top:15px;margin-bottom:15px}.m-md{margin:15px}.ml-lg{margin-left:20px}.mr-lg{margin-right:20px}.mt-lg{margin-top:20px}.mb-lg{margin-bottom:20px}.mx-lg{margin-left:20px;margin-right:20px}.my-lg{margin-top:20px;margin-bottom:20px}.m-lg{margin:20px}.ml-xl{margin-left:25px}.mr-xl{margin-right:25px}.mt-xl{margin-top:25px}.mb-xl{margin-bottom:25px}.mx-xl{margin-left:25px;margin-right:25px}.my-xl{margin-top:25px;margin-bottom:25px}.m-xl{margin:25px}.zn-red{color:rgb(var(--zn-red))}.zn-blue{color:rgb(var(--zn-blue))}.zn-green{color:rgb(var(--zn-green))}.zn-orange{color:rgb(var(--zn-orange))}.zn-yellow{color:rgb(var(--zn-yellow))}.zn-indigo{color:rgb(var(--zn-indigo))}.zn-violet{color:rgb(var(--zn-violet))}.zn-pink{color:rgb(var(--zn-pink))}.zn-grey{color:rgb(var(--zn-grey))}.zn-primary{color:rgb(var(--zn-primary))}.zn-accent{color:rgb(var(--zn-accent))}.zn-info{color:rgb(var(--zn-color-info))}.zn-warning{color:rgb(var(--zn-color-warning))}.zn-error{color:rgb(var(--zn-color-error))}.zn-success{color:rgb(var(--zn-color-success))}ul.gap li{margin:5px 0}ul.circle,ul.decimal,ul.disc,ul.square{padding:5px 0 5px 15px}ul.circle{list-style-type:circle}ul.decimal{list-style-type:decimal}ul.disc{list-style-type:disc}ul.square{list-style-type:square}:host,html,body{color:rgba(var(--zn-text),var(--zn-text-opacity));font-family:var(--zn-font-family-sans);font-feature-settings:normal;font-variation-settings:normal;font-size:var(--zn-text-paragraph-font-size);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tab-size:4;-o-tab-size:4;tab-size:4;margin:0}html,body{background-color:rgba(var(--zn-body),var(--zn-bg-opacity));container-type:size;min-height:100%;height:100%}.inline-container{container-type:inline-size}.app-container{container-type:inline-size;display:flex;flex:1;flex-direction:column;position:relative;max-height:100%;height:100%;width:100%;max-width:100%}.inline-app-container,.app-container.inline-app-container,[inline-container] .app-container{display:block;height:auto;flex:unset}hr{height:0;border:none;border-top:1px solid rgb(var(--zn-border-color))}code,kbd,samp,pre,.mono{font-family:var(--zn-font-family-mono);font-size:1em}small{font-size:80%}.hidden{display:none !important}.visibility-hidden{visibility:hidden}p{font-size:var(--zn-text-paragraph-font-size);line-height:var(--zn-text-paragraph-line-height);font-weight:var(--zn-text-paragraph-font-weight)}h1,h2,h3,h4,h5,h6{color:rgb(var(--zn-text-heading))}h1{font-size:var(--zn-text-h1-font-size);line-height:var(--zn-text-h1-line-height);font-weight:var(--zn-text-h1-font-weight)}h2{font-size:var(--zn-text-h2-font-size);line-height:var(--zn-text-h2-line-height);font-weight:var(--zn-text-h2-font-weight)}h3,h4,h5,h6{font-size:var(--zn-text-h3-font-size);line-height:var(--zn-text-h3-line-height);font-weight:var(--zn-text-h3-font-weight)}kbd{font-family:monospace;background-color:#eee;color:#333;border:1px solid rgb(var(--zn-border-color));border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(255,255,255,0.5) inset;display:inline-block;font-size:13px;line-height:20px;padding:1px 6px;white-space:nowrap;min-width:15px;color:rgba(0,0,0,0.5)}[t=dark] kbd{background-color:rgb(25,25,25);box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(110,110,110,0.5) inset;color:#eee}[tab]{cursor:pointer}.zn-link:hover{--zn-text:rgb(var(--zn-primary));--icon-color:rgb(var(--zn-primary));--zn-text-heading:rgb(var(--zn-primary));--property-color:rgb(var(--zn-primary));opacity:1}.grow{flex-grow:1}.no-grow{flex-grow:0}.shrink{flex-shrink:1}.no-shrink{flex-shrink:0}.block{display:block}.flex{display:flex}.flex-wrap{display:flex;flex-wrap:wrap}.flex-col{display:flex;flex-direction:column}.flex-mid{display:flex;align-items:center}.flex-jc{justify-content:center}.flex-between{display:flex;justify-content:space-between}.flex-end{display:flex;justify-content:flex-end}.flex-bottom{display:flex;align-items:flex-end}.equal{flex-basis:50%}.m-auto{margin:auto}.mt-auto{margin-top:auto}.zn-pad{padding:var(--zn-base-gap,0)}.zn-pad-y,.zn-py{padding-top:15px;padding-bottom:15px}.zn-pad-x,.zn-px{padding-left:15px;padding-right:15px}.zn-pr{padding-right:15px}.zn-pl{padding-left:15px}.zn-pt{padding-top:15px}.zn-pb{padding-bottom:15px}.zn-margin{margin:15px}.zn-mx{margin-left:15px;margin-right:15px}.zn-my{margin-top:15px;margin-bottom:15px}.zn-mt{margin-top:15px}.zn-mb{margin-bottom:15px}.zn-ml{margin-left:15px}.zn-mr{margin-right:15px}.zn-mxa{margin-left:auto;margin-right:auto}.zn-mya{margin-top:auto;margin-bottom:auto}.zn-mta{margin-top:auto}.zn-mba{margin-bottom:auto}.zn-mla{margin-left:auto}.zn-mra{margin-right:auto}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}@keyframes act-vanish{from{transform:scale(1);opacity:1;max-height:100%}to{transform:scale(0.8);opacity:0;max-height:0}}.act-vanish{animation:ease-in act-vanish 600ms forwards;transform-origin:top center;background-color:rgba(var(--zn-color-error),0.3);display:block;overflow:hidden}.h-full{height:100%}.w-full{width:100%}.zn-panel-bg{--zn-page-surface-background:var(--zn-panel);background-color:rgba(var(--zn-panel),var(--zn-panel-opacity))}.zn-panel{background-color:rgba(var(--zn-panel),var(--zn-panel-opacity));border:1px solid rgb(var(--zn-border-color));border-radius:var(--zn-border-radius);--zn-page-surface-background:var(--zn-panel)}.zn-container{display:flex;flex-direction:column;flex-grow:1;max-height:100%;overflow:hidden}.tar{text-align:right}.tal{text-align:left}.tac{text-align:center}.zn-empty-hide:empty{display:none}.ml-auto{margin-left:auto}.zn-b-dash{border-style:dashed}.zn-b-dotted{border-style:dotted}.zn-border{border-style:solid;border-width:1px !important}.zn-bt{border-top-style:solid;border-top-width:1px !important}.zn-bb{border-bottom-style:solid;border-bottom-width:1px !important}.zn-bl{border-left-style:solid;border-left-width:1px !important}.zn-br{border-right-style:solid;border-right-width:1px !important}.unifi-action{display:flex;gap:10px;padding:10px 0;align-items:center}.zn-panel-bar{border-bottom:1px solid rgb(var(--zn-border-color));background-color:rgba(var(--zn-panel),0.9);padding:var(--zn-base-px);gap:var(--zn-base-px);display:flex;flex-wrap:wrap;align-items:center;z-index:1}.zn-panel-bar--pill{border-radius:var(--zn-border-radius);border:1px solid rgb(var(--zn-border-color))}.zn-panel-bar--large{padding:var(--zn-base-px) calc(var(--zn-base-gap) + var(--zn-gutter));gap:var(--zn-base-px);height:50px}.scroll-container{overflow:auto;flex-grow:1;position:relative;display:flex;flex-direction:column;max-height:100%}.zn-divide{display:flex;flex-direction:column}.zn-divide>*:not(:first-child){border-top:1px solid rgb(var(--zn-border-color))}.zn-divide>div:empty+div:not(:first-child){border-top:0}.zn-divide-y{display:flex;flex-direction:row}.zn-divide-y>*:not(:first-child):not(:empty){border-left:1px solid rgb(var(--zn-border-color))}.zn-c-pad{--zn-pad-spacing:var(--zn-spacing-large)}.zn-c-pad-x>*{padding-left:var(--zn-pad-spacing);padding-right:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:first-child){padding-top:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:last-child){padding-bottom:var(--zn-pad-spacing)}.zn-nav.zn-transparent{background:transparent}.zn-nav{background:rgba(var(--zn-panel),var(--zn-panel-opacity));border-right:1px solid rgb(var(--zn-border-color));max-width:320px;height:100%;padding-top:5px}.zn-nav ul{list-style:none;padding-bottom:10px;margin:0;display:flex;flex-direction:column;position:relative}.zn-nav ul:after{content:"";height:1px;left:18px;right:18px;bottom:0;position:absolute;background:rgb(var(--zn-border-color))}.zn-nav ul li a{text-decoration:none;color:rgb(var(--zn-text));display:block;font-weight:500;cursor:pointer}.zn-nav ul li a:hover,.zn-nav ul li a.zn-tb-active{background:rgb(var(--zn-body))}.zn-nav ul li a.zn-tb-active{color:rgb(var(--zn-purple-text))}.zn-nav ul:last-child:after{display:none}.zn-nav strong,.zn-nav li a{padding:10px 20px}.zn-nav strong{display:block;margin-top:10px;font-size:13px;letter-spacing:0.93px;color:rgb(var(--zn-text-heading));font-weight:600;padding-bottom:5px;text-transform:uppercase}@keyframes shimmer-text-sweep{0%{background-position:100% center}100%{background-position:0% center}}@media (prefers-reduced-motion:no-preference){.shimmer-text{--shimmer-base:rgb(var(--zn-text));--shimmer-highlight:rgb(var(--zn-text-heading));--shimmer-core:0.5ch;--shimmer-spread:1.5ch;--shimmer-duration:1.5s;display:inline-block;width:-moz-fit-content;width:fit-content;max-width:100%;background-image:linear-gradient(90deg,transparent calc(50% - var(--shimmer-spread)),var(--shimmer-highlight) calc(50% - var(--shimmer-core)),var(--shimmer-highlight) calc(50% + var(--shimmer-core)),transparent calc(50% + var(--shimmer-spread))),linear-gradient(var(--shimmer-base),var(--shimmer-base));background-size:250% 100%,auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent !important;color:transparent !important;animation:var(--shimmer-duration) linear infinite shimmer-text-sweep}.shimmer-text.zn-error{--shimmer-base:rgb(var(--zn-color-error));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-error)) 55%,white)}.shimmer-text.zn-success{--shimmer-base:rgb(var(--zn-color-success));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-success)) 55%,white)}.shimmer-text.zn-info{--shimmer-base:rgb(var(--zn-color-info));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-info)) 55%,white)}.shimmer-text.zn-warning{--shimmer-base:rgb(var(--zn-color-warning));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-warning)) 55%,white)}.shimmer-text.zn-primary{--shimmer-base:rgb(var(--zn-primary));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-primary)) 55%,white)}.shimmer-text.zn-accent{--shimmer-base:rgb(var(--zn-accent));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-accent)) 55%,white)}}@media (prefers-reduced-motion:reduce){.shimmer-text{color:rgb(var(--zn-text))}.shimmer-text.zn-error{color:rgb(var(--zn-color-error)) !important}.shimmer-text.zn-success{color:rgb(var(--zn-color-success)) !important}.shimmer-text.zn-info{color:rgb(var(--zn-color-info)) !important}.shimmer-text.zn-warning{color:rgb(var(--zn-color-warning)) !important}.shimmer-text.zn-primary{color:rgb(var(--zn-primary)) !important}.shimmer-text.zn-accent{color:rgb(var(--zn-accent)) !important}}*,*::before,*::after{box-sizing:border-box}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}b{font-weight:600}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:inline-block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}button,.zn-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}button:hover:not([disabled]),.zn-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{display:block;width:100%;border-radius:5px;border-style:solid;border-width:1px !important;border-color:rgb(var(--zn-border-color));background-color:rgb(var(--zn-input-bg));outline:none}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,input[type=file]:focus,input[list]:focus,textarea:focus,select:focus{border-color:rgb(var(--zn-primary));box-shadow:0 0 0 3px rgba(var(--zn-primary),0.3)}input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=file]::-moz-placeholder, input[list]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,input[type=week]::placeholder,input[type=file]::placeholder,input[list]::placeholder,textarea::placeholder,select::placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}@media (min-width:360px){input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{padding:10px}}label{font-weight:600;font-size:rgb(var(--zn-font-size-medium));line-height:var(--zn-spacing-medium);color:rgb(var(--zn-text-heading));display:block;margin-bottom:5px;margin-top:15px}input[type=checkbox],input[type=radio]{border-radius:5px}input[type=radio]{border-radius:50%}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;background-color:rgb(var(--zn-border-color));height:10px;accent-color:rgb(var(--zn-primary));width:100%;max-width:768px}fieldset{border-color:rgba(var(--zn-primary),20%);border-width:2px;padding:0 15px 15px}select option{padding:5px}select>option:checked{background-color:rgba(var(--zn-primary),20%);border-radius:5px}fieldset>legend{padding:5px}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=button]:hover:not([disabled]),input[type=submit]:hover:not([disabled]),button[type=submit]:not(.button):hover:not([disabled]),button[type=button]:not(.button):hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){width:auto}div+button{margin-top:15px}input[type=file]::-webkit-file-upload-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=file]::-webkit-file-upload-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=file]::-webkit-file-upload-button{margin-right:10px}input::-webkit-calendar-picker-indicator{cursor:pointer;padding:10px}input[list]::-webkit-calendar-picker-indicator{padding:10px 5px}.input--with-icon{position:relative}.input--with-icon zn-icon{padding:14px;position:absolute;top:50%;pointer-events:none;transform:translateY(-50%);left:10px;background-color:rgb(var(--zn-primary));color:rgb(var(--zn-text));border-radius:50%}.input--with-icon input{padding-left:40px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:rgb(var(--zn-text));-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px rgba(35,35,35,0.1607843137)}select{height:43px}.no-border{border:none !important}table:not(.remarkd-table){border-collapse:separate !important;border-spacing:0;width:100%;max-width:100%;table-layout:auto;text-align:left;font-size:var(--zn-text-table-content-font-size);line-height:var(--zn-text-table-content-line-height);font-weight:var(--zn-text-table-content-font-weight)}table:not(.remarkd-table) thead{font-weight:var(--zn-font-weight-medium)}table:not(.remarkd-table) tbody a{cursor:pointer;color:rgb(var(--zn-primary))}table:not(.remarkd-table) tbody tr td{border-top:1px solid rgb(var(--zn-border-color)) !important}table:not(.remarkd-table) tbody tr:first-of-type td{border-top:0 !important}table:not(.remarkd-table) tbody tr:nth-of-type(even){background-color:rgba(var(--zn-body))}table:not(.remarkd-table) thead tr th:first-of-type,table:not(.remarkd-table) tbody tr td:first-of-type{padding-left:14px}table:not(.remarkd-table) thead tr th:last-of-type,table:not(.remarkd-table) tbody tr td:last-of-type{padding-right:14px}table:not(.remarkd-table) th,table:not(.remarkd-table) td{padding:15px;min-width:90px;white-space:nowrap}table:not(.remarkd-table) th:first-child,table:not(.remarkd-table) td:first-child{padding-left:0}table:not(.remarkd-table) td>span{white-space:normal}table:not(.remarkd-table) th{padding-bottom:0;border-bottom:1px solid rgb(var(--zn-border-color))}.zn-table-fixed{table-layout:fixed}thead tr:last-of-type th{border-bottom:0}.opacity-100{opacity:1}.opacity-90{opacity:0.9}.opacity-80{opacity:0.8}.opacity-60{opacity:0.6}.opacity-50{opacity:0.5}.opacity-40{opacity:0.4}.opacity-10{opacity:0.1}.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7,var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:0.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7,var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3,1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4,1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:0.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,var(--adp-time-track-color),var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size) / 2 * -1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}.air-datepicker{--adp-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92,196,239,.1);--adp-background-color-in-range-focused:rgba(92,196,239,.2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92,196,239,0.1);--adp-cell-background-color-in-range-hover:rgba(92,196,239,0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0,0,0,.3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,0.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0,0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%,calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%,-50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size) / 2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size) / 2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}.air-datepicker{--adp-color:rgba(var(--zn-text),var(--zn-text-opacity));--adp-nav-color-secondary:rgb(var(--zn-purple-text));--adp-day-name-color:var(--zn-color-primary-600);--adp-day-name-color-hover:var(--zn-color-primary-700);--adp-cell-background-color-selected:var(--zn-color-primary-600);--adp-cell-background-color-selected-hover:var(--zn-color-primary-700);--adp-color-current-date:var(--zn-color-primary-600);--adp-background-color:var(--zn-input-background-color);--adp-background-color-hover:var(--zn-input-background-color-hover);--adp-background-color-active:var(--zn-input-background-color-hover);--adp-background-color-selected-other-month:var(--zn-color-primary-300);--adp-background-color-in-range:var(--zn-color-primary-100);--adp-border-color:rgb(var(--zn-border-color));--adp-border-color-inline:rgb(var(--zn-border-color));--adp-border-color-inner:rgb(var(--zn-border-color));--adp-cell-background-color-in-range:var(--zn-color-primary-100);--adp-cell-background-color-in-range-hover:var(--zn-color-primary-200)}.air-datepicker--pointer:after{background-color:var(--zn-input-background-color)}.air-datepicker-global-container{z-index:1000000}.air-datepicker-button{border:none;padding:var(--zn-spacing-2x-small) var(--zn-spacing-x-small);border-radius:var(--adp-border-radius);font-family:var(--adp-font-family),sans-serif;font-size:var(--zn-font-size-medium);font-weight:var(--zn-font-weight-normal);cursor:pointer;color:rgba(var(--zn-text),var(--zn-text-opacity))}.air-datepicker-button:hover{background-color:var(--zn-input-background-color-hover) !important}.zn-cloak:has(:not(:defined)){animation:2s step-end zn-cloak}@keyframes zn-cloak{from{opacity:0}to{opacity:1}}.toolbar{display:flex;flex-wrap:wrap;align-items:center}.toolbar__group{display:flex;align-items:center;position:relative}.toolbar__group--overflow{display:none}.toolbar__group--empty{display:none}.toolbar__group{}.toolbar__group:not(.toolbar__group--empty):not(.toolbar__group--hidden)+.toolbar__group::before{content:"";display:inline-block;width:1px;height:18px;background-color:var(--zn-color-gray-300);opacity:0.8;margin-inline:var(--zn-spacing-2x-small);border-radius:10px}.toolbar__group{}.toolbar__group--has-prev-visible::before{content:"";display:inline-block;width:1px;height:18px;background-color:var(--zn-color-gray-300);opacity:0.8;margin-inline:var(--zn-spacing-2x-small);border-radius:10px}.toolbar__dropdown-trigger::part(icon){margin-left:4px}.color-icon{width:18px;height:18px;display:block;border-radius:100%;flex-shrink:0}.color-icon--red{background-color:var(--zn-color-red-500)}.color-icon--blue{background-color:var(--zn-color-blue-500)}.color-icon--orange{background-color:var(--zn-color-orange-500)}.color-icon--yellow{background-color:var(--zn-color-yellow-400)}.color-icon--indigo{background-color:var(--zn-color-indigo-500)}.color-icon--violet{background-color:var(--zn-color-violet-500)}.color-icon--green{background-color:var(--zn-color-green-500)}.color-icon--pink{background-color:var(--zn-color-pink-500)}.color-icon--gray{background-color:var(--zn-color-gray-500)}`;var Wl=class extends X{constructor(){super(...arguments);this._featureConfig={};this._resizeId=null;this._resizeObserver=new Or(this,{callback:()=>this.handleResize()});this._movedContent=new Map;this.handleResize=()=>{this.containerWidth=this.getToolbarWidth(),this._resizeId!==null&&cancelAnimationFrame(this._resizeId),this._resizeId=requestAnimationFrame(()=>{this.calculateOverflow(),this._resizeId=null})}}connectedCallback(){super.connectedCallback(),this.containerWidth=this.offsetWidth,this.parentElement&&this._resizeObserver.observe(this.parentElement)}disconnectedCallback(){super.disconnectedCallback(),this._resizeId!==null&&(cancelAnimationFrame(this._resizeId),this._resizeId=null),this.restoreMovedContent()}firstUpdated(t){var n;super.firstUpdated(t),this.containerWidth=this.getToolbarWidth(),this.updateEmptyGroups();let i=(n=this.renderRoot)==null?void 0:n.querySelector("slot");i==null||i.addEventListener("slotchange",()=>this.calculateOverflow()),this.updateComplete.then(()=>this.calculateOverflow())}configureToolbar(t){this._featureConfig=t}getToolbarWidth(){var n;let t=this,i=((n=t.getBoundingClientRect)==null?void 0:n.call(t).width)||t.offsetWidth||0;return(!i||i<=0)&&this._toolbarEl&&(i=this._toolbarEl.getBoundingClientRect().width),i}getOverflowGroupWidth(){let t=50,i=this._overflowGroup;if(!i)return t;let n=i.style.display,o=i.style.visibility;return i.style.display="flex",i.style.visibility="hidden",t=i.offsetWidth||t,i.style.visibility=o,i.style.display=n||"none",t}restoreMovedContent(){this._movedContent.forEach(({placeholder:t,originalParent:i},n)=>{t.parentNode?(i.insertBefore(n,t),t.parentNode.removeChild(t)):i.appendChild(n)}),this._movedContent.clear()}moveContentTo(t,i){if(this._movedContent.has(t)){t.parentElement!==i&&i.appendChild(t);return}let n=t.parentElement;if(!n)return;let o=document.createComment("toolbar-overflow-placeholder");n.insertBefore(o,t),i.appendChild(t),this._movedContent.set(t,{placeholder:o,originalParent:n})}isGroupEmpty(t){let i=t.querySelector("slot");return i?i.assignedElements({flatten:!0}).length===0:t.childElementCount===0}updateEmptyGroups(){Array.from(this._groups||[]).forEach(i=>{let n=this.isGroupEmpty(i);i.classList.toggle("toolbar__group--empty",n)})}_updateDividerClasses(){let t=Array.from(this._groups||[]),i=!1;t.forEach(n=>{let o=n.classList.contains("toolbar__group--empty"),s=n.style.display==="none",l=!o&&!s;n.classList.toggle("toolbar__group--has-prev-visible",l&&i),l&&(i=!0)})}calculateOverflow(){let t=Array.from(this._groups||[]);if(!t.length)return;this.restoreMovedContent(),this.updateEmptyGroups();let i=t.filter(c=>!c.classList.contains("toolbar__group--overflow")&&!c.classList.contains("toolbar__group--empty"));i.forEach(c=>{c.style.display="flex",c.classList.remove("toolbar__group--hidden","toolbar__group--has-prev-visible")}),this._overflowGroup&&(this._overflowGroup.style.display="none",this._overflowGroup.classList.remove("toolbar__group--hidden","toolbar__group--has-prev-visible"));let n=this.getToolbarWidth();if(!n||n<=0){i.forEach(c=>c.style.display="flex"),this._overflowGroup&&(this._overflowGroup.style.display="none"),this.restoreMovedContent(),this._overflowMenu&&(this._overflowMenu.innerHTML=""),this._updateDividerClasses(),this._dispatchOverflowEvent();return}let o=0,s=0;for(let c of i){let f=c.offsetWidth;if(o+f<=n)o+=f,s++;else break}if(s>=i.length){i.forEach(c=>c.style.display="flex"),this._overflowGroup&&(this._overflowGroup.style.display="none"),this.restoreMovedContent(),this._overflowMenu&&(this._overflowMenu.innerHTML=""),this._updateDividerClasses(),this._dispatchOverflowEvent();return}let l=this.getOverflowGroupWidth();o=0,s=0;for(let c of i){let f=c.offsetWidth;if(o+f+l<=n)o+=f,s++;else break}i.forEach((c,f)=>{c.style.display=f<s?"flex":"none"}),i.forEach((c,f)=>{let p=f>=s;c.classList.toggle("toolbar__group--hidden",p)}),this._overflowGroup&&(this._overflowGroup.style.display="flex"),this._updateDividerClasses();let d=i.slice(s);this.populateOverflowMenu(d),this._dispatchOverflowEvent()}_dispatchOverflowEvent(){this.dispatchEvent(new CustomEvent("zn-toolbar-overflow-updated",{bubbles:!0,composed:!0}))}populateOverflowMenu(t){let i=this._overflowMenu;if(!i)return;this.restoreMovedContent(),i.innerHTML="";let n=(c,f,p,h,m={})=>{let v=document.createElement("zn-menu-item");if(v.innerText=f,Object.keys(m).forEach(b=>v.setAttribute(b,m[b])),p){let b=document.createElement("zn-icon");b.setAttribute("src",p),b.setAttribute("size","18"),b.setAttribute("slot","prefix"),v.appendChild(b)}return h&&v.addEventListener("click",b=>{b.preventDefault(),b.stopPropagation(),h()}),c.appendChild(v),v},o=c=>{let f=document.createElement("zn-menu-item");for(let p of c.attributes)p.name!=="id"&&f.setAttribute(p.name,p.value);return f.innerHTML=c.innerHTML,f},s=c=>{let f=c.querySelector('zn-button[slot="trigger"]'),p=f==null?void 0:f.querySelector("zn-icon"),h=p==null?void 0:p.getAttribute("src");if(!h)return h!=null?h:void 0;let m=p==null?void 0:p.getAttribute("library");return m?`${h}@${m}`:h},l={bold:"Bold",italic:"Italic",underline:"Underline",undo:"Undo",redo:"Redo"},d={"toolbar__header-dropdown":"Text","toolbar__format-dropdown":"Format","toolbar__color-dropdown":"Color","toolbar__list-dropdown":"Lists","toolbar__file-dropdown":"Insert","toolbar__emoji-dropdown":"Emoji","toolbar__date-dropdown":"Date"};t.forEach(c=>{if(Array.from(c.querySelectorAll("zn-dropdown")).forEach(m=>{let v="";for(let M in d)if(m.classList.contains(M)){v=d[M];break}v||(v=m.getAttribute("aria-label")||m.getAttribute("title")||"More");let b=s(m)||"",x=n(i,v,b);m.classList.contains("toolbar__date-dropdown")&&x.setAttribute("data-overflow-source","date");let y=document.createElement("zn-menu");y.setAttribute("slot","submenu"),y.setAttribute("variant","shell");let z=m.querySelectorAll("zn-menu-item");if(z.length)z.forEach(M=>{let S=o(M);y.appendChild(S)});else{let M=Array.from(m.children).filter(T=>{let E=T.getAttribute("slot")==="trigger"||T instanceof ua,L=T instanceof cd||T instanceof Cp;return!E&&!L}),S=document.createElement("div");S.className="toolbar__submenu-content",M.forEach(T=>this.moveContentTo(T,S)),y.appendChild(S)}x.appendChild(y)}),c.querySelectorAll("zn-button.toolbar__format-button, zn-button.toolbar__action-button").forEach(m=>{var M,S,T,E,L,q,B,H;let v=(M=m.getAttribute("icon"))!=null?M:"",b=(S=m.getAttribute("data-format"))!=null?S:"",x=(B=(T=m.getAttribute("data-text"))!=null?T:l[b])!=null?B:b?b.charAt(0).toUpperCase()+b.slice(1):(q=(L=m.getAttribute("aria-label"))!=null?L:(E=m.textContent)==null?void 0:E.trim())!=null?q:"Action",y={"data-format":b},z=(H=m.getAttribute("data-format-type"))!=null?H:"";z&&(y["data-format-type"]=z),v&&(y["data-icon"]=v),x&&(y["data-text"]=x),n(i,x,v,void 0,y)}),Array.from(c.querySelectorAll("zn-menu-item")).filter(m=>!m.closest("zn-dropdown")).forEach(m=>{let v=o(m);i.appendChild(v)}),c.querySelector("slot")){let m=c.querySelector("slot"),v=m?m.assignedElements({flatten:!0}):[];if(!v.length)return;v.forEach(b=>{if(b instanceof YL){let x=b.icon,y=b.label,z=b.handler||"dialog",M=b.uri||"",S=b.key||"",T={"data-format":z};M&&(T["data-format-type"]=M),S&&(T["data-toolbar-key"]=S),x&&(T["data-icon"]=x),y&&(T["data-text"]=y),n(i,y,x,void 0,T)}})}})}render(){let t=this._featureConfig.dividersEnabled||this._featureConfig.linksEnabled||this._featureConfig.attachmentsEnabled||this._featureConfig.imagesEnabled||this._featureConfig.videosEnabled,i=t||this._featureConfig.datesEnabled||this._featureConfig.emojisEnabled;return C`
|
|
3332
|
+
<div class="${this.handler}"></div>`}};_([w()],is.prototype,"uri",2),_([w()],is.prototype,"label",2),_([w()],is.prototype,"key",2),_([w()],is.prototype,"icon",2),_([w()],is.prototype,"handler",2);is.define("zn-editor-tool");var YL=is;is.define("zn-editor-tool");var k5e=J`@charset "UTF-8";:root,[t=light],.theme-light{color-scheme:light;--zn-color-gray-100:hsl(240,13%,95%);--zn-color-gray-300:hsl(260,21%,89%);--zn-color-gray-400:hsl(251,17%,76%);--zn-color-gray-500:hsl(254,17%,66%);--zn-color-gray-800:hsl(259,13%,42%);--zn-color-gray-900:hsl(262,12%,35%);--zn-color-red-500:hsl(0 84.2% 60.2%);--zn-color-red-600:hsl(0 72.2% 50.6%);--zn-color-orange-500:hsl(24.6 95% 53.1%);--zn-color-amber-400:hsl(43.3 96.4% 56.3%);--zn-color-yellow-400:hsl(51,100%,53%);--zn-color-green-500:hsl(142.1 70.6% 45.3%);--zn-color-blue-500:hsl(217.2 91.2% 59.8%);--zn-color-indigo-400:hsl(234.5 89.5% 73.9%);--zn-color-indigo-500:hsl(238.7 83.5% 66.7%);--zn-color-violet-500:hsl(258.3 89.5% 66.3%);--zn-color-violet-600:hsl(262.1 83.3% 57.8%);--zn-color-purple-50:hsl(249,100%,97%);--zn-color-purple-100:hsl(245,100%,95%);--zn-color-purple-200:hsl(244,100%,92%);--zn-color-purple-600:hsl(256,91%,59%);--zn-color-pink-400:hsl(328.6 85.5% 70.2%);--zn-color-pink-500:hsl(330.4 81.2% 60.4%);--zn-color-primary-50:var(--zn-color-purple-50);--zn-color-primary-100:var(--zn-color-purple-100);--zn-color-primary-200:var(--zn-color-purple-200);--zn-color-primary-300:hsl(246,100%,85%);--zn-color-primary-400:hsl(249,100%,76%);--zn-color-primary-500:hsl(252,98%,66%);--zn-color-primary-600:var(--zn-color-purple-600);--zn-color-primary-700:hsl(257,76%,50%);--zn-color-primary-800:hsl(257,76%,42%);--zn-color-primary-900:hsl(257,73%,35%);--zn-color-success-50:hsl(138.5 76.5% 96.7%);--zn-color-success-200:rgb(var(--zn-green));--zn-color-success-300:hsl(141.7 76.6% 73.1%);--zn-color-success-400:hsl(141.9 69.2% 58%);--zn-color-success-500:var(--zn-color-green-500);--zn-color-success-600:hsl(142.1 76.2% 36.3%);--zn-color-success-700:hsl(142.4 71.8% 29.2%);--zn-color-warning-50:hsl(48 100% 96.1%);--zn-color-warning-400:var(--zn-color-amber-400);--zn-color-warning-500:hsl(37.7 92.1% 50.2%);--zn-color-warning-600:hsl(32.1 94.6% 43.7%);--zn-color-danger-50:hsl(0 85.7% 97.3%);--zn-color-danger-100:rgb(var(--zn-red));--zn-color-danger-200:rgb(var(--zn-red));--zn-color-danger-300:hsl(0 93.5% 81.8%);--zn-color-danger-500:var(--zn-color-red-500);--zn-color-danger-600:var(--zn-color-red-600);--zn-color-danger-700:rgb(var(--zn-red));--zn-color-danger-800:hsl(0 70% 35.3%);--zn-color-neutral-50:hsl(255,33%,98%);--zn-color-neutral-100:var(--zn-color-gray-100);--zn-color-neutral-200:hsl(255,12%,94%);--zn-color-neutral-300:var(--zn-color-gray-300);--zn-color-neutral-400:var(--zn-color-gray-400);--zn-color-neutral-500:var(--zn-color-gray-500);--zn-color-neutral-600:hsl(258,15%,58%);--zn-color-neutral-700:hsl(259,13%,54%);--zn-color-neutral-800:var(--zn-color-gray-800);--zn-color-neutral-900:var(--zn-color-gray-900);--zn-color-neutral-0:hsl(0,0%,100%);--zn-color-neutral-1000:hsl(0,0%,0%);--zn-border-radius:6px;--zn-border-radius-small:2px;--zn-border-radius-circle:50%;--zn-border-radius-pill:9999px;--zn-shadow-x-small:0 1px 4px rgba(0,0,0,0.10);--zn-shadow-small:0 3px 9px rgba(0,0,0,0.15);--zn-shadow-medium:0 6px 18px rgba(0,0,0,0.15);--zn-shadow-large:0 6px 20px rgba(0,0,0,0.15);--zn-shadow-x-large:0 6px 20px rgba(0,0,0,0.25);--zn-container:var(--zn-container-hd);--zn-container-default:100%;--zn-container-sm:360px;--zn-container-smp:480px;--zn-container-ph:600px;--zn-container-md:768px;--zn-container-lg:1100px;--zn-container-hd:1400px;--zn-container-3k:1960px;--zn-container-4k:2560px;--zn-transition-x-slow:1000ms;--zn-transition-slow:500ms;--zn-transition-medium:250ms;--zn-transition-fast:150ms;--zn-transition-x-fast:50ms;--zn-gap:var(--zn-base-gap,var(--zn-spacing-medium,4px));--zn-font-mono:'Roboto Mono',SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;--zn-font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';--zn-font-serif:'Roboto Slab',Georgia,'Times New Roman',serif;--zn-font-size-2x-small:0.625rem;--zn-font-size-x-small:0.75rem;--zn-font-size-small:0.929rem;--zn-font-size-medium:1rem;--zn-font-size-large:1.15rem;--zn-font-size-x-large:1.25rem;--zn-font-size-2x-large:2.25rem;--zn-font-size-3x-large:3rem;--zn-font-size-4x-large:4.5rem;--zn-font-weight-light:300;--zn-font-weight-normal:400;--zn-font-weight-medium:500;--zn-font-weight-semibold:600;--zn-font-weight-bold:700;--zn-letter-spacing-normal:normal;--zn-letter-spacing-loose:0.5px;--zn-line-height-denser:1;--zn-line-height-dense:1.5;--zn-line-height-normal:2;--zn-line-height-loose:2.5;--zn-line-height-looser:3;--zn-focus-ring-color:var(--zn-color-primary-600);--zn-focus-ring-style:solid;--zn-focus-ring-width-x-small:1px;--zn-focus-ring-width:3px;--zn-focus-ring:var(--zn-focus-ring-style) var(--zn-focus-ring-width) var(--zn-focus-ring-color);--zn-focus-ring-offset:1px;--zn-input-height-x-small:24px;--zn-input-height-small:30px;--zn-input-height-medium:36px;--zn-input-height-large:40px;--zn-input-background-color:var(--zn-color-neutral-50);--zn-input-background-color-hover:var(--zn-color-neutral-100);--zn-input-background-color-focus:var(--zn-color-neutral-100);--zn-input-background-color-disabled:var(--zn-color-neutral-400);--zn-input-border-color:var(--zn-color-neutral-300);--zn-input-border-color-hover:var(--zn-color-neutral-400);--zn-input-border-color-focus:var(--zn-color-primary-500);--zn-input-border-color-disabled:var(--zn-color-neutral-300);--zn-input-border-width:1px;--zn-input-required-content:'*';--zn-input-required-content-offset:-2px;--zn-input-required-content-color:var(--zn-input-label-color);--zn-input-border-radius-x-small:var(--zn-border-radius);--zn-input-border-radius-small:var(--zn-border-radius);--zn-input-border-radius-medium:var(--zn-border-radius);--zn-input-border-radius-large:var(--zn-border-radius);--zn-input-font-family:var(--zn-font-sans);--zn-input-font-weight:var(--zn-text-input-content-font-weight);--zn-input-font-size-x-small:var(--zn-font-size-x-small);--zn-input-font-size-small:var(--zn-font-size-small);--zn-input-font-size-medium:var(--zn-text-input-content-font-size);--zn-input-font-size-large:var(--zn-font-size-large);--zn-input-line-height:var(--zn-text-input-content-line-height);--zn-input-letter-spacing:var(--zn-letter-spacing-normal);--zn-input-color:var(--zn-text-input-content-color);--zn-input-color-hover:var(--zn-color-neutral-800);--zn-input-color-focus:var(--zn-color-neutral-700);--zn-input-color-disabled:var(--zn-color-neutral-800);--zn-input-icon-color:var(--zn-color-neutral-500);--zn-input-icon-color-hover:var(--zn-color-neutral-600);--zn-input-icon-color-focus:var(--zn-color-neutral-600);--zn-input-placeholder-color:var(--zn-text-input-placeholder-color);--zn-input-placeholder-color-disabled:var(--zn-color-neutral-600);--zn-input-spacing-small:var(--zn-spacing-small);--zn-input-spacing-medium:var(--zn-spacing-medium);--zn-input-spacing-large:var(--zn-spacing-large);--zn-input-focus-ring-color:hsl(256 91% 59%/40%);--zn-input-focus-ring-offset:0;--zn-input-label-font-size-small:var(--zn-font-size-small);--zn-input-label-font-size-medium:var(--zn-text-input-label-font-size);--zn-input-label-font-size-large:var(--zn-font-size-large);--zn-input-label-font-weight:var(--zn-text-input-label-font-weight);--zn-input-label-line-height:var(--zn-text-input-label-line-height);--zn-input-label-color:var(--zn-text-input-label-color);--zn-input-help-text-font-size-small:var(--zn-font-size-x-small);--zn-input-help-text-font-size-medium:var(--zn-font-size-small);--zn-input-help-text-font-size-large:var(--zn-font-size-medium);--zn-input-help-text-color:var(--zn-color-neutral-500);--zn-toggle-size-small:0.875rem;--zn-toggle-size-medium:1.125rem;--zn-toggle-size-large:1.375rem;--zn-overlay-background-color:hsl(none 0% 0%/0.7);--zn-panel-background-color:var(--zn-color-neutral-0);--zn-panel-border-color:var(--zn-color-neutral-200);--zn-panel-border-width:1px;--zn-tooltip-border-radius:var(--zn-border-radius);--zn-tooltip-background-color:var(--zn-color-neutral-900);--zn-tooltip-color:var(--zn-color-neutral-0);--zn-tooltip-font-family:var(--zn-font-sans);--zn-tooltip-font-weight:var(--zn-font-weight-normal);--zn-tooltip-font-size:var(--zn-font-size-small);--zn-tooltip-line-height:var(--zn-line-height-dense);--zn-tooltip-padding:var(--zn-spacing-x-small) var(--zn-spacing-small);--zn-tooltip-arrow-size:6px;--zn-z-index-page-nav:500;--zn-z-index-drawer:700;--zn-z-index-dialog:800;--zn-z-index-dropdown:900;--zn-z-index-toast:950;--zn-z-index-tooltip:1000;--zn-z-index-editor-action:1000000}[t=dark],.theme-dark{color-scheme:dark;--zn-color-gray-50:hsl(258,15%,23%);--zn-color-gray-100:hsl(262,12%,35%);--zn-color-gray-200:hsl(259,13%,42%);--zn-color-gray-300:hsl(259,13%,54%);--zn-color-gray-400:hsl(258,15%,58%);--zn-color-gray-500:hsl(254,17%,66%);--zn-color-gray-600:hsl(251,17%,76%);--zn-color-gray-700:hsl(260,21%,89%);--zn-color-gray-800:hsl(255,12%,94%);--zn-color-gray-900:hsl(240,13%,95%);--zn-color-gray-950:hsl(255,33%,98%);--zn-color-red-50:hsl(0 56% 23.9%);--zn-color-red-100:hsl(0.6 60% 33.9%);--zn-color-red-200:hsl(0.9 67.2% 37.1%);--zn-color-red-300:hsl(1.1 71.3% 43.7%);--zn-color-red-400:hsl(1 76% 52.5%);--zn-color-red-500:hsl(0.7 89.6% 57.2%);--zn-color-red-600:hsl(0 98.6% 67.9%);--zn-color-red-700:hsl(0 100% 72.3%);--zn-color-red-800:hsl(0 100% 85.6%);--zn-color-red-900:hsl(0 100% 90.3%);--zn-color-red-950:hsl(0 100% 95.9%);--zn-color-orange-50:hsl(15 64.2% 23.3%);--zn-color-orange-100:hsl(15.1 70.9% 31.1%);--zn-color-orange-200:hsl(15.3 75.7% 35.5%);--zn-color-orange-300:hsl(17.1 83.5% 42.7%);--zn-color-orange-400:hsl(20.1 88% 50.8%);--zn-color-orange-500:hsl(24.3 100% 50.5%);--zn-color-orange-600:hsl(27.2 100% 57.7%);--zn-color-orange-700:hsl(31.3 100% 68.7%);--zn-color-orange-800:hsl(33.8 100% 79.3%);--zn-color-orange-900:hsl(38.9 100% 87.7%);--zn-color-orange-950:hsl(46.2 100% 95%);--zn-color-amber-50:hsl(21.9 66.3% 21.1%);--zn-color-amber-100:hsl(21.5 73.6% 29.7%);--zn-color-amber-200:hsl(22.3 77.6% 33.3%);--zn-color-amber-300:hsl(25.4 84.2% 39.6%);--zn-color-amber-400:hsl(31.4 87.4% 46.7%);--zn-color-amber-500:hsl(37 96.6% 48.3%);--zn-color-amber-600:hsl(43.3 100% 53.4%);--zn-color-amber-700:hsl(46.5 100% 61.1%);--zn-color-amber-800:hsl(49.3 100% 73%);--zn-color-amber-900:hsl(51.8 100% 85%);--zn-color-amber-950:hsl(60 100% 94.6%);--zn-color-yellow-50:hsl(34,86%,14%);--zn-color-yellow-100:hsl(36,74%,26%);--zn-color-yellow-200:hsl(40,82%,29%);--zn-color-yellow-300:hsl(43,94%,33%);--zn-color-yellow-400:hsl(48,98%,40%);--zn-color-yellow-500:hsl(53,95%,47%);--zn-color-yellow-600:hsl(51,100%,53%);--zn-color-yellow-700:hsl(54,100%,63%);--zn-color-yellow-800:hsl(61,100%,77%);--zn-color-yellow-900:hsl(63,100%,88%);--zn-color-yellow-950:hsl(63,92%,95%);--zn-color-lime-50:hsl(86.5 54.4% 18%);--zn-color-lime-100:hsl(87.6 56.8% 23.3%);--zn-color-lime-200:hsl(85.8 63.2% 24.5%);--zn-color-lime-300:hsl(86.1 72% 29.4%);--zn-color-lime-400:hsl(85.5 76.8% 37.3%);--zn-color-lime-500:hsl(84.3 74.2% 42.1%);--zn-color-lime-600:hsl(82.8 81.5% 52.6%);--zn-color-lime-700:hsl(82 89.9% 64%);--zn-color-lime-800:hsl(80.9 97.9% 76.6%);--zn-color-lime-900:hsl(77.9 100% 85.8%);--zn-color-lime-950:hsl(69.5 100% 93.8%);--zn-color-green-50:hsl(144.3 53.6% 16%);--zn-color-green-100:hsl(143.2 55.4% 23.5%);--zn-color-green-200:hsl(141.5 58.2% 26.3%);--zn-color-green-300:hsl(140.8 64.2% 31.8%);--zn-color-green-400:hsl(140.3 68% 39.2%);--zn-color-green-500:hsl(141.1 64.9% 43%);--zn-color-green-600:hsl(141.6 72.4% 55.2%);--zn-color-green-700:hsl(141.7 82.7% 70.1%);--zn-color-green-800:hsl(141 90.9% 82.1%);--zn-color-green-900:hsl(142 100% 89.1%);--zn-color-green-950:hsl(144 100% 95.5%);--zn-color-emerald-50:hsl(164.3 75% 13.5%);--zn-color-emerald-100:hsl(163.5 72.6% 20.1%);--zn-color-emerald-200:hsl(162.1 73.7% 22.4%);--zn-color-emerald-300:hsl(161.3 77.3% 27.6%);--zn-color-emerald-400:hsl(159.6 77.1% 34.3%);--zn-color-emerald-500:hsl(159.1 73.5% 37.9%);--zn-color-emerald-600:hsl(157.8 66.8% 48.9%);--zn-color-emerald-700:hsl(156.2 76.1% 63.8%);--zn-color-emerald-800:hsl(152.4 84.4% 77.4%);--zn-color-emerald-900:hsl(149.3 100% 87%);--zn-color-emerald-950:hsl(158.6 100% 94.8%);--zn-color-teal-50:hsl(176.5 51.5% 15.4%);--zn-color-teal-100:hsl(175.9 54.7% 22.3%);--zn-color-teal-200:hsl(175.9 60.7% 23.9%);--zn-color-teal-300:hsl(174.5 67.3% 28.8%);--zn-color-teal-400:hsl(174.4 71.9% 34.9%);--zn-color-teal-500:hsl(173.1 71% 38.3%);--zn-color-teal-600:hsl(172.3 68.2% 48.1%);--zn-color-teal-700:hsl(170.5 81.3% 61.5%);--zn-color-teal-800:hsl(168.4 92.1% 75.2%);--zn-color-teal-900:hsl(168.3 100% 86%);--zn-color-teal-950:hsl(180 100% 95.5%);--zn-color-cyan-50:hsl(197.1 53.8% 20.3%);--zn-color-cyan-100:hsl(196.8 57.3% 27.2%);--zn-color-cyan-200:hsl(195.3 62.7% 29.4%);--zn-color-cyan-300:hsl(193.5 71.3% 34.1%);--zn-color-cyan-400:hsl(192.5 76.8% 40.6%);--zn-color-cyan-500:hsl(189.4 78.6% 42.6%);--zn-color-cyan-600:hsl(188.2 89.1% 51.7%);--zn-color-cyan-700:hsl(187 98.6% 66.2%);--zn-color-cyan-800:hsl(184.9 100% 78.3%);--zn-color-cyan-900:hsl(180 100% 86.6%);--zn-color-cyan-950:hsl(180 100% 94.8%);--zn-color-sky-50:hsl(203 63.8% 20.9%);--zn-color-sky-100:hsl(203.4 70.4% 28%);--zn-color-sky-200:hsl(202.7 75.8% 30.8%);--zn-color-sky-300:hsl(203.1 80.4% 36.1%);--zn-color-sky-400:hsl(202.1 80.5% 44.3%);--zn-color-sky-500:hsl(199.7 85.9% 47.7%);--zn-color-sky-600:hsl(198.7 97.9% 57.2%);--zn-color-sky-700:hsl(198.7 100% 70.5%);--zn-color-sky-800:hsl(198.8 100% 82.5%);--zn-color-sky-900:hsl(198.5 100% 89.9%);--zn-color-sky-950:hsl(186 100% 95.5%);--zn-color-blue-50:hsl(227.1 49.5% 22.7%);--zn-color-blue-100:hsl(225.8 58.9% 36.8%);--zn-color-blue-200:hsl(227.7 64.4% 42.9%);--zn-color-blue-300:hsl(226.1 72.7% 51.2%);--zn-color-blue-400:hsl(222.6 86.5% 56.3%);--zn-color-blue-500:hsl(217.8 95.8% 57.4%);--zn-color-blue-600:hsl(213.3 100% 65%);--zn-color-blue-700:hsl(210.9 100% 74.8%);--zn-color-blue-800:hsl(211.5 100% 83.4%);--zn-color-blue-900:hsl(211 100% 88.9%);--zn-color-blue-950:hsl(201.8 100% 95.3%);--zn-color-indigo-50:hsl(243.5 40.8% 27%);--zn-color-indigo-100:hsl(242.9 45.7% 37.6%);--zn-color-indigo-200:hsl(244.7 52.7% 43.1%);--zn-color-indigo-300:hsl(245.3 60.5% 52.4%);--zn-color-indigo-400:hsl(244.1 79.2% 60.4%);--zn-color-indigo-500:hsl(239.6 88.7% 63.8%);--zn-color-indigo-600:hsl(234.5 96.7% 70.9%);--zn-color-indigo-700:hsl(229.4 100% 78.3%);--zn-color-indigo-800:hsl(227.1 100% 85%);--zn-color-indigo-900:hsl(223.8 100% 89.9%);--zn-color-indigo-950:hsl(220 100% 95.1%);--zn-color-violet-50:hsl(265.1 57.3% 25.4%);--zn-color-violet-100:hsl(263.5 63.8% 39.4%);--zn-color-violet-200:hsl(263.4 66.2% 44.1%);--zn-color-violet-300:hsl(263.7 72.8% 52.4%);--zn-color-violet-400:hsl(262.5 87.3% 59.8%);--zn-color-violet-500:hsl(258.3 95.1% 63.2%);--zn-color-violet-600:hsl(255.1 100% 67.2%);--zn-color-violet-700:hsl(253 100% 81.5%);--zn-color-violet-800:hsl(251.7 100% 87.9%);--zn-color-violet-900:hsl(254.1 100% 91.7%);--zn-color-violet-950:hsl(257.1 100% 96.1%);--zn-color-purple-50:hsl(255,79%,23%);--zn-color-purple-100:hsl(257,73%,35%);--zn-color-purple-200:hsl(257,76%,42%);--zn-color-purple-300:hsl(257,76%,50%);--zn-color-purple-400:hsl(256,91%,59%);--zn-color-purple-500:hsl(252,98%,66%);--zn-color-purple-600:hsl(249,100%,76%);--zn-color-purple-700:hsl(246,100%,85%);--zn-color-purple-800:hsl(244,100%,92%);--zn-color-purple-900:hsl(245,100%,95%);--zn-color-purple-950:hsl(249,100%,97%);--zn-color-fuchsia-50:hsl(297.1 51.2% 18.6%);--zn-color-fuchsia-100:hsl(296.7 59.5% 31.5%);--zn-color-fuchsia-200:hsl(295.4 65.4% 35.1%);--zn-color-fuchsia-300:hsl(294.6 67.4% 42.2%);--zn-color-fuchsia-400:hsl(293.3 68.7% 51.2%);--zn-color-fuchsia-500:hsl(292.1 88.4% 57.7%);--zn-color-fuchsia-600:hsl(292 98.5% 59.5%);--zn-color-fuchsia-700:hsl(292.4 100% 79.5%);--zn-color-fuchsia-800:hsl(292.9 100% 86.8%);--zn-color-fuchsia-900:hsl(300 100% 91.5%);--zn-color-fuchsia-950:hsl(300 100% 96.3%);--zn-color-pink-50:hsl(336.2 59.6% 20%);--zn-color-pink-100:hsl(336.8 63.9% 34%);--zn-color-pink-200:hsl(336.8 68.7% 37.6%);--zn-color-pink-300:hsl(336.1 71.8% 44.5%);--zn-color-pink-400:hsl(333.9 74.9% 53.1%);--zn-color-pink-500:hsl(330.7 86.3% 57.7%);--zn-color-pink-600:hsl(328.6 91.5% 67.2%);--zn-color-pink-700:hsl(327.4 97.6% 78.7%);--zn-color-pink-800:hsl(325.1 100% 86.6%);--zn-color-pink-900:hsl(322.1 100% 91.3%);--zn-color-pink-950:hsl(315 100% 95.9%);--zn-color-rose-50:hsl(342.3 62.9% 21.5%);--zn-color-rose-100:hsl(342.8 68.9% 34.2%);--zn-color-rose-200:hsl(344.8 72.6% 37.3%);--zn-color-rose-300:hsl(346.9 75.8% 43.7%);--zn-color-rose-400:hsl(348.2 80.1% 52.7%);--zn-color-rose-500:hsl(350.4 94.8% 57.5%);--zn-color-rose-600:hsl(351.2 100% 58.1%);--zn-color-rose-700:hsl(352.3 100% 78.1%);--zn-color-rose-800:hsl(352 100% 86.2%);--zn-color-rose-900:hsl(354.5 100% 90.7%);--zn-color-rose-950:hsl(353.3 100% 95.7%);--zn-color-neutral-0:hsl(0,0%,0%);--zn-color-neutral-1000:hsl(0,0%,100%);--zn-shadow-x-small:0 1px 4px rgba(0,0,0,0.18);--zn-shadow-small:0 3px 9px rgba(0,0,0,0.24);--zn-shadow-medium:0 6px 18px rgba(0,0,0,0.24);--zn-shadow-large:0 6px 20px rgba(0,0,0,0.24);--zn-shadow-x-large:0 6px 20px rgba(0,0,0,0.34);--zn-input-background-color:rgb(var(--zn-color-body));--zn-input-background-color-hover:rgb(var(--zn-color-body));--zn-input-background-color-focus:hsl(252,15%,13%);--zn-input-background-color-disabled:hsl(280,6%,9%);--zn-input-border-color:rgb(var(--zn-color-border));--zn-input-border-color-hover:rgb(var(--zn-color-border-active));--zn-input-border-color-focus:var(--zn-color-primary-500);--zn-input-border-color-disabled:hsl(280,6%,9%);--zn-focus-ring-color:var(--zn-color-primary-700);--zn-overlay-background-color:hsl(0 0% 0%/43%);--zn-panel-background-color:rgb(var(--zn-panel));--zn-tooltip-background-color:var(--zn-color-neutral-800)}:root{--zn-spacing-unit:8px;--zn-spacing-3x-small:2px;--zn-spacing-2x-small:4px;--zn-spacing-x-small:8px;--zn-spacing-small:16px;--zn-spacing-medium:24px;--zn-spacing-large:32px;--zn-spacing-x-large:40px;--zn-spacing-2x-large:48px;--zn-spacing-3x-large:56px;--zn-spacing-4x-large:72px;--zn-spacing-narrow-bar:45px;--zn-spacing-bar:60px;--zn-spacing-tile:80px;--zn-spacing-sidenav:320px;--zn-spacing-small-panel:200px;--zn-spacing-medium-panel:320px;--zn-spacing-panel:360px;--zn-spacing-lside:460px}:root{--zn-text-color:rgb(var(--zn-color-text));--zn-text-color-muted:rgb(var(--zn-color-muted-text));--zn-text-paragraph-font-size:14px;--zn-text-paragraph-line-height:21px;--zn-text-paragraph-spacing:21px;--zn-text-paragraph-font-weight:var(--zn-font-weight-normal);--zn-text-paragraph-color:var(--zn-text-color);--zn-text-paragraph-transform:none;--zn-text-table-content-font-size:14px;--zn-text-table-content-line-height:16px;--zn-text-table-content-spacing:15px;--zn-text-table-content-font-weight:var(--zn-font-weight-normal);--zn-text-table-content-color:var(--zn-text-color);--zn-text-table-content-transform:none;--zn-text-chat-font-size:16px;--zn-text-chat-line-height:24px;--zn-text-chat-spacing:15px;--zn-text-chat-font-weight:var(--zn-font-weight-normal);--zn-text-chat-color:var(--zn-text-color);--zn-text-chat-transform:none;--zn-text-h1-font-size:16px;--zn-text-h1-line-height:16px;--zn-text-h1-spacing:18px;--zn-text-h1-font-weight:var(--zn-font-weight-semibold);--zn-text-h1-color:var(--zn-text-color);--zn-text-h1-transform:none;--zn-text-h2-font-size:14px;--zn-text-h2-line-height:16px;--zn-text-h2-spacing:15px;--zn-text-h2-font-weight:var(--zn-font-weight-semibold);--zn-text-h2-color:var(--zn-text-color);--zn-text-h2-transform:none;--zn-text-h3-font-size:11px;--zn-text-h3-line-height:16px;--zn-text-h3-spacing:15px;--zn-text-h3-font-weight:var(--zn-font-weight-semibold);--zn-text-h3-color:var(--zn-text-color);--zn-text-h3-transform:none;--zn-text-subheading-font-size:14px;--zn-text-subheading-line-height:16px;--zn-text-subheading-spacing:15px;--zn-text-subheading-font-weight:var(--zn-font-weight-normal);--zn-text-subheading-color:var(--zn-text-color-muted);--zn-text-subheading-transform:none;--zn-text-subheading-small-font-size:13px;--zn-text-subheading-small-line-height:16px;--zn-text-subheading-small-spacing:15px;--zn-text-subheading-small-font-weight:var(--zn-font-weight-normal);--zn-text-subheading-small-color:var(--zn-text-color-muted);--zn-text-subheading-small-transform:none;--zn-text-input-placeholder-font-size:14px;--zn-text-input-placeholder-line-height:24px;--zn-text-input-placeholder-spacing:18px;--zn-text-input-placeholder-font-weight:var(--zn-font-weight-normal);--zn-text-input-placeholder-color:var(--zn-text-color-muted);--zn-text-input-placeholder-transform:none;--zn-text-input-content-font-size:14px;--zn-text-input-content-line-height:24px;--zn-text-input-content-spacing:18px;--zn-text-input-content-font-weight:var(--zn-font-weight-normal);--zn-text-input-content-color:var(--zn-text-color);--zn-text-input-content-transform:none;--zn-text-input-label-font-size:14px;--zn-text-input-label-line-height:16px;--zn-text-input-label-spacing:15px;--zn-text-input-label-font-weight:var(--zn-font-weight-semibold);--zn-text-input-label-color:var(--zn-text-color);--zn-text-input-label-transform:none;--zn-text-chart-minor-font-size:14px;--zn-text-chart-minor-line-height:16px;--zn-text-chart-minor-spacing:15px;--zn-text-chart-minor-font-weight:var(--zn-font-weight-semibold);--zn-text-chart-minor-color:var(--zn-text-color-muted);--zn-text-chart-minor-transform:none;--zn-text-chart-major-font-size:21px;--zn-text-chart-major-line-height:16px;--zn-text-chart-major-spacing:18px;--zn-text-chart-major-font-weight:var(--zn-font-weight-normal);--zn-text-chart-major-color:var(--zn-text-color);--zn-text-chart-major-transform:none;--zn-text-button-label-font-size:13px;--zn-text-button-label-line-height:16px;--zn-text-button-label-spacing:18px;--zn-text-button-label-font-weight:var(--zn-font-weight-semibold);--zn-text-button-label-color:var(--zn-text-color);--zn-text-button-label-transform:uppercase;--zn-text-chip-font-size:10px;--zn-text-chip-line-height:16px;--zn-text-chip-spacing:15px;--zn-text-chip-font-weight:var(--zn-font-weight-semibold);--zn-text-chip-color:var(--zn-text-color);--zn-text-chip-transform:uppercase;--zn-text-navbar-link-font-size:16px;--zn-text-navbar-link-line-height:16px;--zn-text-navbar-link-spacing:18px;--zn-text-navbar-link-font-weight:var(--zn-font-weight-semibold);--zn-text-navbar-link-color:var(--zn-text-color-muted);--zn-text-navbar-link-transform:none;--zn-text-tab-link-font-size:14px;--zn-text-tab-link-line-height:16px;--zn-text-tab-link-spacing:15px;--zn-text-tab-link-font-weight:var(--zn-font-weight-semibold);--zn-text-tab-link-color:var(--zn-text-color-muted);--zn-text-tab-link-transform:none;--zn-text-tab-link-active-font-size:14px;--zn-text-tab-link-active-line-height:16px;--zn-text-tab-link-active-spacing:15px;--zn-text-tab-link-active-font-weight:var(--zn-font-weight-semibold);--zn-text-tab-link-active-color:var(--zn-text-color);--zn-text-tab-link-active-transform:none;--zn-text-menu-link-font-size:14px;--zn-text-menu-link-line-height:16px;--zn-text-menu-link-spacing:15px;--zn-text-menu-link-font-weight:var(--zn-font-weight-normal);--zn-text-menu-link-color:var(--zn-text-color-muted);--zn-text-menu-link-transform:none;--zn-text-notification-font-size:9px;--zn-text-notification-line-height:11px;--zn-text-notification-spacing:0;--zn-text-notification-font-weight:var(--zn-font-weight-semibold);--zn-text-notification-color:#fff;--zn-text-notification-transform:none}@supports (scrollbar-gutter:stable){.zn-scroll-lock{scrollbar-gutter:stable !important;overflow:hidden !important}}@supports not (scrollbar-gutter:stable){.zn-scroll-lock{padding-right:var(--zn-scroll-lock-size) !important;overflow:hidden !important}}.zn-toast-stack{position:fixed;bottom:0;inset-inline-end:0;z-index:var(--zn-z-index-toast);width:28rem;max-width:100%;max-height:100%;overflow:auto}.zn-toast-stack zn-alert{margin:var(--zn-spacing-medium)}.zn-toast-stack zn-alert::part(base){box-shadow:var(--zn-shadow-large)}@media screen and (min-width:768px){.zn-toast-stack zn-alert{margin:var(--zn-spacing-large)}}.zn-gutter{margin:0 var(--zn-gutter)}.zn-gap{gap:var(--zn-gap,0);padding:var(--zn-base-gap,0);display:flex;flex-wrap:wrap}.zn-gap-in{gap:var(--zn-gap,0);display:flex;flex-wrap:wrap}.zn-gap-in-sm{--zn-gap:var(--zn-spacing-small,0);gap:var(--zn-gap,0)}.zn-gap-md{gap:15px}.zn-gap-inner{gap:var(--zn-gap,0)}.zn-gap-ism{gap:var(--zn-gap,0);--zn-gap:10px}.zn-gap-ixs{gap:var(--zn-gap,0);--zn-gap:5px}.zn-max-hide{max-height:100%;overflow:hidden}.zn-hide-empty:empty{display:none}.zn-nopoint{pointer-events:none}.form-spacing{display:grid;grid-template-columns:1fr;gap:var(--zn-spacing-medium) var(--zn-spacing-small)}@media (min-width:768px){.form-spacing{grid-template-columns:repeat(6,1fr)}}.form-spacing~.form-spacing{margin-top:var(--zn-base-gap)}zn-form-group~zn-form-group{margin-top:var(--zn-base-gap);padding-top:var(--zn-base-gap);border-top:1px solid rgb(var(--zn-border-color))}.form-spacing>*{grid-column:span 6/span 6}@media (min-width:768px){.form-spacing>*[span="1"]{grid-column:span 1/span 1}}@media (min-width:768px){.form-spacing>*[span="2"]{grid-column:span 2/span 2}}@media (min-width:768px){.form-spacing>*[span="3"]{grid-column:span 3/span 3}}@media (min-width:768px){.form-spacing>*[span="4"]{grid-column:span 4/span 4}}@media (min-width:768px){.form-spacing>*[span="5"]{grid-column:span 5/span 5}}@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:root{--zn-base-px:8px;--zn-base-gap:calc(var(--zn-base-px) * 2);--zn-gutter:2px;--zn-default-margin:0 auto 0 0;--zn-icon-size:20px;--zn-button-gutter:2px;--zn-font-family-sans:'Inter',sans-serif;--zn-font-family-serif:'Roboto Slab',serif;--zn-font-family-mono:'Roboto Mono',monospace}:root,[t=light],.theme-light{--zn-backdrop-color:rgba(0,0,0,0.5);--zn-color-text:33,33,33;--zn-color-muted-text:125,119,146;--zn-color-base:255,255,255;--zn-color-body:248,247,252;--zn-color-navigation:var(--zn-color-base);--zn-color-navigation-hightlight:248,249,252;--zn-color-border:219,217,236;--zn-color-border-active:209,207,226;--zn-color-tab:236,235,249;--zn-color-panel:255,255,255;--zn-color-primary:105,54,245;--zn-color-info:53,104,195;--zn-color-success:98,177,121;--zn-color-warning:241,168,80;--zn-color-error:236,68,91;--zn-color-disabled:181,181,181}[t=dark],.theme-dark{--zn-backdrop-color:rgba(0,0,0,0.85);--zn-color-text:215,215,215;--zn-color-muted-text:145,145,145;--zn-color-base:0,0,0;--zn-color-body:23,23,23;--zn-color-navigation:var(--zn-color-base);--zn-color-navigation-hightlight:10,10,10;--zn-color-border:38,38,38;--zn-color-border-active:80,80,80;--zn-color-tab:5,5,5;--zn-color-panel:30,30,30;--zn-color-primary:105,54,245;--zn-color-info:53,104,195;--zn-color-success:98,177,121;--zn-color-warning:241,168,80;--zn-color-error:236,68,91;--zn-color-disabled:181,181,181}@media (min-width:1200px){:root{--zn-base-gap:calc(var(--zn-base-px) * 3)}}@media (min-width:2500px){:root{--zn-default-margin:0 auto}}:root{--zn-primary:var(--zn-color-primary);--zn-red:237,84,109;--zn-blue:100,117,242;--zn-green:43,192,145;--zn-orange:255,136,0;--zn-yellow:255,193,7;--zn-indigo:63,81,181;--zn-violet:156,39,176;--zn-pink:255,108,156;--zn-grey:158,158,158;--zn-accent:71,214,214;--zn-size-bar:60px;--zn-size-tile:80px;--zn-size-sidenav:320px;--zn-size-spanel:170px;--zn-size-mpanel:320px;--zn-size-panel:360px;--zn-size-lside:460px;--zn-bg-opacity:1;--zn-text-opacity:1;--base:255,255,255;--inverse-base:0,0,0}.zn-mono{font-family:var(--zn-font-family-mono,"monospace")}:root,[t=light],.theme-light,[t=dark],.theme-dark{--zn-body:var(--zn-color-body);--zn-text:var(--zn-color-text);--zn-text-heading:var(--zn-color-text);--zn-text-page-title:var(--zn-color-text);--zn-text-panel-title:var(--zn-color-text);--zn-panel:var(--zn-color-panel);--zn-border-color:var(--zn-color-border);--zn-input-bg:var(--zn-color-body)}[t=light],.theme-light{--zn-panel-opacity:1;--zn-shadow:236,235,249;--zn-panel-secondary:246 246 246;--zn-panel-highlight:248,249,252;--zn-panel-highlight-opacity:1;--zn-input-bg-accent:237,235,245;--zn-bright-bg:255,255,255;--zn-light-text:123,112,151;--zn-dark-text:56,39,104;--zn-purple-text:104,54,245}[t=light] .zn-primary,.theme-light .zn-primary{color:rgb(var(--zn-color-primary))}[t=dark],.theme-dark{--zn-shadow:10,10,10;--zn-panel-secondary:27,27,30;--zn-panel-opacity:1;--zn-panel-highlight:25,27,32;--zn-panel-highlight-opacity:0.1;--zn-input-bg-accent:72,84,102;--zn-bright-bg:225,225,225;--zn-light-text:173,163,192;--zn-dark-text:201,201,201;--zn-purple-text:129,140,249;--zn-accent:15,165,234;--zn-primary:137,103,239;--base:0,0,0;--inverse-base:255,255,255}[t=dark] .zn-primary,.theme-dark .zn-primary{color:#8967ef !important}.ml-px{margin-left:1px}.mr-px{margin-right:1px}.mt-px{margin-top:1px}.mb-px{margin-bottom:1px}.mx-px{margin-left:1px;margin-right:1px}.my-px{margin-top:1px;margin-bottom:1px}.m-px{margin:1px}.ml-xxs{margin-left:3px}.mr-xxs{margin-right:3px}.mt-xxs{margin-top:3px}.mb-xxs{margin-bottom:3px}.mx-xxs{margin-left:3px;margin-right:3px}.my-xxs{margin-top:3px;margin-bottom:3px}.m-xxs{margin:3px}.ml-xs{margin-left:5px}.mr-xs{margin-right:5px}.mt-xs{margin-top:5px}.mb-xs{margin-bottom:5px}.mx-xs{margin-left:5px;margin-right:5px}.my-xs{margin-top:5px;margin-bottom:5px}.m-xs{margin:5px}.ml-sm{margin-left:10px}.mr-sm{margin-right:10px}.mt-sm{margin-top:10px}.mb-sm{margin-bottom:10px}.mx-sm{margin-left:10px;margin-right:10px}.my-sm{margin-top:10px;margin-bottom:10px}.m-sm{margin:10px}.ml-md{margin-left:15px}.mr-md{margin-right:15px}.mt-md{margin-top:15px}.mb-md{margin-bottom:15px}.mx-md{margin-left:15px;margin-right:15px}.my-md{margin-top:15px;margin-bottom:15px}.m-md{margin:15px}.ml-lg{margin-left:20px}.mr-lg{margin-right:20px}.mt-lg{margin-top:20px}.mb-lg{margin-bottom:20px}.mx-lg{margin-left:20px;margin-right:20px}.my-lg{margin-top:20px;margin-bottom:20px}.m-lg{margin:20px}.ml-xl{margin-left:25px}.mr-xl{margin-right:25px}.mt-xl{margin-top:25px}.mb-xl{margin-bottom:25px}.mx-xl{margin-left:25px;margin-right:25px}.my-xl{margin-top:25px;margin-bottom:25px}.m-xl{margin:25px}.zn-red{color:rgb(var(--zn-red))}.zn-blue{color:rgb(var(--zn-blue))}.zn-green{color:rgb(var(--zn-green))}.zn-orange{color:rgb(var(--zn-orange))}.zn-yellow{color:rgb(var(--zn-yellow))}.zn-indigo{color:rgb(var(--zn-indigo))}.zn-violet{color:rgb(var(--zn-violet))}.zn-pink{color:rgb(var(--zn-pink))}.zn-grey{color:rgb(var(--zn-grey))}.zn-primary{color:rgb(var(--zn-primary))}.zn-accent{color:rgb(var(--zn-accent))}.zn-info{color:rgb(var(--zn-color-info))}.zn-warning{color:rgb(var(--zn-color-warning))}.zn-error{color:rgb(var(--zn-color-error))}.zn-success{color:rgb(var(--zn-color-success))}ul.gap li{margin:5px 0}ul.circle,ul.decimal,ul.disc,ul.square{padding:5px 0 5px 15px}ul.circle{list-style-type:circle}ul.decimal{list-style-type:decimal}ul.disc{list-style-type:disc}ul.square{list-style-type:square}:host,html,body{color:rgba(var(--zn-text),var(--zn-text-opacity));font-family:var(--zn-font-family-sans);font-feature-settings:normal;font-variation-settings:normal;font-size:var(--zn-text-paragraph-font-size);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tab-size:4;-o-tab-size:4;tab-size:4;margin:0}html,body{background-color:rgba(var(--zn-body),var(--zn-bg-opacity));container-type:size;min-height:100%;height:100%}.inline-container{container-type:inline-size}.app-container{container-type:inline-size;display:flex;flex:1;flex-direction:column;position:relative;max-height:100%;height:100%;width:100%;max-width:100%}.inline-app-container,.app-container.inline-app-container,[inline-container] .app-container{display:block;height:auto;flex:unset}hr{height:0;border:none;border-top:1px solid rgb(var(--zn-border-color))}code,kbd,samp,pre,.mono{font-family:var(--zn-font-family-mono);font-size:1em}small{font-size:80%}.hidden{display:none !important}.visibility-hidden{visibility:hidden}p{font-size:var(--zn-text-paragraph-font-size);line-height:var(--zn-text-paragraph-line-height);font-weight:var(--zn-text-paragraph-font-weight)}h1,h2,h3,h4,h5,h6{color:rgb(var(--zn-text-heading))}h1{font-size:var(--zn-text-h1-font-size);line-height:var(--zn-text-h1-line-height);font-weight:var(--zn-text-h1-font-weight)}h2{font-size:var(--zn-text-h2-font-size);line-height:var(--zn-text-h2-line-height);font-weight:var(--zn-text-h2-font-weight)}h3,h4,h5,h6{font-size:var(--zn-text-h3-font-size);line-height:var(--zn-text-h3-line-height);font-weight:var(--zn-text-h3-font-weight)}kbd{font-family:monospace;background-color:#eee;color:#333;border:1px solid rgb(var(--zn-border-color));border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(255,255,255,0.5) inset;display:inline-block;font-size:13px;line-height:20px;padding:1px 6px;white-space:nowrap;min-width:15px;color:rgba(0,0,0,0.5)}[t=dark] kbd{background-color:rgb(25,25,25);box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(110,110,110,0.5) inset;color:#eee}[tab]{cursor:pointer}.zn-link:hover{--zn-text:rgb(var(--zn-primary));--icon-color:rgb(var(--zn-primary));--zn-text-heading:rgb(var(--zn-primary));--property-color:rgb(var(--zn-primary));opacity:1}.grow{flex-grow:1}.no-grow{flex-grow:0}.shrink{flex-shrink:1}.no-shrink{flex-shrink:0}.block{display:block}.flex{display:flex}.flex-wrap{display:flex;flex-wrap:wrap}.flex-col{display:flex;flex-direction:column}.flex-mid{display:flex;align-items:center}.flex-jc{justify-content:center}.flex-between{display:flex;justify-content:space-between}.flex-end{display:flex;justify-content:flex-end}.flex-bottom{display:flex;align-items:flex-end}.equal{flex-basis:50%}.m-auto{margin:auto}.mt-auto{margin-top:auto}.zn-pad{padding:var(--zn-base-gap,0)}.zn-pad-y,.zn-py{padding-top:15px;padding-bottom:15px}.zn-pad-x,.zn-px{padding-left:15px;padding-right:15px}.zn-pr{padding-right:15px}.zn-pl{padding-left:15px}.zn-pt{padding-top:15px}.zn-pb{padding-bottom:15px}.zn-margin{margin:15px}.zn-mx{margin-left:15px;margin-right:15px}.zn-my{margin-top:15px;margin-bottom:15px}.zn-mt{margin-top:15px}.zn-mb{margin-bottom:15px}.zn-ml{margin-left:15px}.zn-mr{margin-right:15px}.zn-mxa{margin-left:auto;margin-right:auto}.zn-mya{margin-top:auto;margin-bottom:auto}.zn-mta{margin-top:auto}.zn-mba{margin-bottom:auto}.zn-mla{margin-left:auto}.zn-mra{margin-right:auto}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}@keyframes act-vanish{from{transform:scale(1);opacity:1;max-height:100%}to{transform:scale(0.8);opacity:0;max-height:0}}.act-vanish{animation:ease-in act-vanish 600ms forwards;transform-origin:top center;background-color:rgba(var(--zn-color-error),0.3);display:block;overflow:hidden}.h-full{height:100%}.w-full{width:100%}.zn-panel-bg{--zn-page-surface-background:var(--zn-panel);background-color:rgba(var(--zn-panel),var(--zn-panel-opacity))}.zn-panel{background-color:rgba(var(--zn-panel),var(--zn-panel-opacity));border:1px solid rgb(var(--zn-border-color));border-radius:var(--zn-border-radius);--zn-page-surface-background:var(--zn-panel)}.zn-container{display:flex;flex-direction:column;flex-grow:1;max-height:100%;overflow:hidden}.tar{text-align:right}.tal{text-align:left}.tac{text-align:center}.zn-empty-hide:empty{display:none}.ml-auto{margin-left:auto}.zn-b-dash{border-style:dashed}.zn-b-dotted{border-style:dotted}.zn-border{border-style:solid;border-width:1px !important}.zn-bt{border-top-style:solid;border-top-width:1px !important}.zn-bb{border-bottom-style:solid;border-bottom-width:1px !important}.zn-bl{border-left-style:solid;border-left-width:1px !important}.zn-br{border-right-style:solid;border-right-width:1px !important}.unifi-action{display:flex;gap:10px;padding:10px 0;align-items:center}.zn-panel-bar{border-bottom:1px solid rgb(var(--zn-border-color));background-color:rgba(var(--zn-panel),0.9);padding:var(--zn-base-px);gap:var(--zn-base-px);display:flex;flex-wrap:wrap;align-items:center;z-index:1}.zn-panel-bar--pill{border-radius:var(--zn-border-radius);border:1px solid rgb(var(--zn-border-color))}.zn-panel-bar--large{padding:var(--zn-base-px) calc(var(--zn-base-gap) + var(--zn-gutter));gap:var(--zn-base-px);height:50px}.scroll-container{overflow:auto;flex-grow:1;position:relative;display:flex;flex-direction:column;max-height:100%}.zn-divide{display:flex;flex-direction:column}.zn-divide>*:not(:first-child){border-top:1px solid rgb(var(--zn-border-color))}.zn-divide>div:empty+div:not(:first-child){border-top:0}.zn-divide-y{display:flex;flex-direction:row}.zn-divide-y>*:not(:first-child):not(:empty){border-left:1px solid rgb(var(--zn-border-color))}.zn-c-pad{--zn-pad-spacing:var(--zn-spacing-large)}.zn-c-pad-x>*{padding-left:var(--zn-pad-spacing);padding-right:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:first-child){padding-top:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:last-child){padding-bottom:var(--zn-pad-spacing)}.zn-nav.zn-transparent{background:transparent}.zn-nav{background:rgba(var(--zn-panel),var(--zn-panel-opacity));border-right:1px solid rgb(var(--zn-border-color));max-width:320px;height:100%;padding-top:5px}.zn-nav ul{list-style:none;padding-bottom:10px;margin:0;display:flex;flex-direction:column;position:relative}.zn-nav ul:after{content:"";height:1px;left:18px;right:18px;bottom:0;position:absolute;background:rgb(var(--zn-border-color))}.zn-nav ul li a{text-decoration:none;color:rgb(var(--zn-text));display:block;font-weight:500;cursor:pointer}.zn-nav ul li a:hover,.zn-nav ul li a.zn-tb-active{background:rgb(var(--zn-body))}.zn-nav ul li a.zn-tb-active{color:rgb(var(--zn-purple-text))}.zn-nav ul:last-child:after{display:none}.zn-nav strong,.zn-nav li a{padding:10px 20px}.zn-nav strong{display:block;margin-top:10px;font-size:13px;letter-spacing:0.93px;color:rgb(var(--zn-text-heading));font-weight:600;padding-bottom:5px;text-transform:uppercase}@keyframes shimmer-text-sweep{0%{background-position:100% center}100%{background-position:0% center}}@media (prefers-reduced-motion:no-preference){.shimmer-text{--shimmer-base:rgb(var(--zn-text));--shimmer-highlight:rgb(var(--zn-text-heading));--shimmer-core:0.5ch;--shimmer-spread:1.5ch;--shimmer-duration:1.5s;display:inline-block;width:-moz-fit-content;width:fit-content;max-width:100%;background-image:linear-gradient(90deg,transparent calc(50% - var(--shimmer-spread)),var(--shimmer-highlight) calc(50% - var(--shimmer-core)),var(--shimmer-highlight) calc(50% + var(--shimmer-core)),transparent calc(50% + var(--shimmer-spread))),linear-gradient(var(--shimmer-base),var(--shimmer-base));background-size:250% 100%,auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent !important;color:transparent !important;animation:var(--shimmer-duration) linear infinite shimmer-text-sweep}.shimmer-text.zn-error{--shimmer-base:rgb(var(--zn-color-error));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-error)) 55%,white)}.shimmer-text.zn-success{--shimmer-base:rgb(var(--zn-color-success));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-success)) 55%,white)}.shimmer-text.zn-info{--shimmer-base:rgb(var(--zn-color-info));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-info)) 55%,white)}.shimmer-text.zn-warning{--shimmer-base:rgb(var(--zn-color-warning));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-warning)) 55%,white)}.shimmer-text.zn-primary{--shimmer-base:rgb(var(--zn-primary));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-primary)) 55%,white)}.shimmer-text.zn-accent{--shimmer-base:rgb(var(--zn-accent));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-accent)) 55%,white)}}@media (prefers-reduced-motion:reduce){.shimmer-text{color:rgb(var(--zn-text))}.shimmer-text.zn-error{color:rgb(var(--zn-color-error)) !important}.shimmer-text.zn-success{color:rgb(var(--zn-color-success)) !important}.shimmer-text.zn-info{color:rgb(var(--zn-color-info)) !important}.shimmer-text.zn-warning{color:rgb(var(--zn-color-warning)) !important}.shimmer-text.zn-primary{color:rgb(var(--zn-primary)) !important}.shimmer-text.zn-accent{color:rgb(var(--zn-accent)) !important}}*,*::before,*::after{box-sizing:border-box}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}b{font-weight:600}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:inline-block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}button,.zn-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}button:hover:not([disabled]),.zn-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{display:block;width:100%;border-radius:5px;border-style:solid;border-width:1px !important;border-color:rgb(var(--zn-border-color));background-color:rgb(var(--zn-input-bg));outline:none}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,input[type=file]:focus,input[list]:focus,textarea:focus,select:focus{border-color:rgb(var(--zn-primary));box-shadow:0 0 0 3px rgba(var(--zn-primary),0.3)}input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=file]::-moz-placeholder, input[list]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,input[type=week]::placeholder,input[type=file]::placeholder,input[list]::placeholder,textarea::placeholder,select::placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}@media (min-width:360px){input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{padding:10px}}label{font-weight:600;font-size:rgb(var(--zn-font-size-medium));line-height:var(--zn-spacing-medium);color:rgb(var(--zn-text-heading));display:block;margin-bottom:5px;margin-top:15px}input[type=checkbox],input[type=radio]{border-radius:5px}input[type=radio]{border-radius:50%}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;background-color:rgb(var(--zn-border-color));height:10px;accent-color:rgb(var(--zn-primary));width:100%;max-width:768px}fieldset{border-color:rgba(var(--zn-primary),20%);border-width:2px;padding:0 15px 15px}select option{padding:5px}select>option:checked{background-color:rgba(var(--zn-primary),20%);border-radius:5px}fieldset>legend{padding:5px}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=button]:hover:not([disabled]),input[type=submit]:hover:not([disabled]),button[type=submit]:not(.button):hover:not([disabled]),button[type=button]:not(.button):hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){width:auto}div+button{margin-top:15px}input[type=file]::-webkit-file-upload-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=file]::-webkit-file-upload-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=file]::-webkit-file-upload-button{margin-right:10px}input::-webkit-calendar-picker-indicator{cursor:pointer;padding:10px}input[list]::-webkit-calendar-picker-indicator{padding:10px 5px}.input--with-icon{position:relative}.input--with-icon zn-icon{padding:14px;position:absolute;top:50%;pointer-events:none;transform:translateY(-50%);left:10px;background-color:rgb(var(--zn-primary));color:rgb(var(--zn-text));border-radius:50%}.input--with-icon input{padding-left:40px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:rgb(var(--zn-text));-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px rgba(35,35,35,0.1607843137)}select{height:43px}.no-border{border:none !important}table:not(.remarkd-table){border-collapse:separate !important;border-spacing:0;width:100%;max-width:100%;table-layout:auto;text-align:left;font-size:var(--zn-text-table-content-font-size);line-height:var(--zn-text-table-content-line-height);font-weight:var(--zn-text-table-content-font-weight)}table:not(.remarkd-table) thead{font-weight:var(--zn-font-weight-medium)}table:not(.remarkd-table) tbody a{cursor:pointer;color:rgb(var(--zn-primary))}table:not(.remarkd-table) tbody tr td{border-top:1px solid rgb(var(--zn-border-color)) !important}table:not(.remarkd-table) tbody tr:first-of-type td{border-top:0 !important}table:not(.remarkd-table) tbody tr:nth-of-type(even){background-color:rgba(var(--zn-body))}table:not(.remarkd-table) thead tr th:first-of-type,table:not(.remarkd-table) tbody tr td:first-of-type{padding-left:var(--zn-base-gap,14px)}table:not(.remarkd-table) thead tr th:last-of-type,table:not(.remarkd-table) tbody tr td:last-of-type{padding-right:var(--zn-base-gap,14px)}table:not(.remarkd-table) th,table:not(.remarkd-table) td{padding:15px;min-width:90px;white-space:nowrap}table:not(.remarkd-table) th:first-child,table:not(.remarkd-table) td:first-child{padding-left:0}table:not(.remarkd-table) td>span{white-space:normal}table:not(.remarkd-table) th{padding-bottom:0;border-bottom:1px solid rgb(var(--zn-border-color))}.zn-table-fixed{table-layout:fixed}thead tr:last-of-type th{border-bottom:0}.opacity-100{opacity:1}.opacity-90{opacity:0.9}.opacity-80{opacity:0.8}.opacity-60{opacity:0.6}.opacity-50{opacity:0.5}.opacity-40{opacity:0.4}.opacity-10{opacity:0.1}.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7,var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:0.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7,var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3,1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4,1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:0.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,var(--adp-time-track-color),var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size) / 2 * -1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}.air-datepicker{--adp-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92,196,239,.1);--adp-background-color-in-range-focused:rgba(92,196,239,.2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92,196,239,0.1);--adp-cell-background-color-in-range-hover:rgba(92,196,239,0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0,0,0,.3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,0.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0,0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%,calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%,-50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size) / 2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size) / 2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}.air-datepicker{--adp-color:rgba(var(--zn-text),var(--zn-text-opacity));--adp-nav-color-secondary:rgb(var(--zn-purple-text));--adp-day-name-color:var(--zn-color-primary-600);--adp-day-name-color-hover:var(--zn-color-primary-700);--adp-cell-background-color-selected:var(--zn-color-primary-600);--adp-cell-background-color-selected-hover:var(--zn-color-primary-700);--adp-color-current-date:var(--zn-color-primary-600);--adp-background-color:var(--zn-input-background-color);--adp-background-color-hover:var(--zn-input-background-color-hover);--adp-background-color-active:var(--zn-input-background-color-hover);--adp-background-color-selected-other-month:var(--zn-color-primary-300);--adp-background-color-in-range:var(--zn-color-primary-100);--adp-border-color:rgb(var(--zn-border-color));--adp-border-color-inline:rgb(var(--zn-border-color));--adp-border-color-inner:rgb(var(--zn-border-color));--adp-cell-background-color-in-range:var(--zn-color-primary-100);--adp-cell-background-color-in-range-hover:var(--zn-color-primary-200)}.air-datepicker--pointer:after{background-color:var(--zn-input-background-color)}.air-datepicker-global-container{z-index:1000000}.air-datepicker-button{border:none;padding:var(--zn-spacing-2x-small) var(--zn-spacing-x-small);border-radius:var(--adp-border-radius);font-family:var(--adp-font-family),sans-serif;font-size:var(--zn-font-size-medium);font-weight:var(--zn-font-weight-normal);cursor:pointer;color:rgba(var(--zn-text),var(--zn-text-opacity))}.air-datepicker-button:hover{background-color:var(--zn-input-background-color-hover) !important}.zn-cloak:has(:not(:defined)){animation:2s step-end zn-cloak}@keyframes zn-cloak{from{opacity:0}to{opacity:1}}.toolbar{display:flex;flex-wrap:wrap;align-items:center}.toolbar__group{display:flex;align-items:center;position:relative}.toolbar__group--overflow{display:none}.toolbar__group--empty{display:none}.toolbar__group{}.toolbar__group:not(.toolbar__group--empty):not(.toolbar__group--hidden)+.toolbar__group::before{content:"";display:inline-block;width:1px;height:18px;background-color:var(--zn-color-gray-300);opacity:0.8;margin-inline:var(--zn-spacing-2x-small);border-radius:10px}.toolbar__group{}.toolbar__group--has-prev-visible::before{content:"";display:inline-block;width:1px;height:18px;background-color:var(--zn-color-gray-300);opacity:0.8;margin-inline:var(--zn-spacing-2x-small);border-radius:10px}.toolbar__dropdown-trigger::part(icon){margin-left:4px}.color-icon{width:18px;height:18px;display:block;border-radius:100%;flex-shrink:0}.color-icon--red{background-color:var(--zn-color-red-500)}.color-icon--blue{background-color:var(--zn-color-blue-500)}.color-icon--orange{background-color:var(--zn-color-orange-500)}.color-icon--yellow{background-color:var(--zn-color-yellow-400)}.color-icon--indigo{background-color:var(--zn-color-indigo-500)}.color-icon--violet{background-color:var(--zn-color-violet-500)}.color-icon--green{background-color:var(--zn-color-green-500)}.color-icon--pink{background-color:var(--zn-color-pink-500)}.color-icon--gray{background-color:var(--zn-color-gray-500)}`;var Wl=class extends X{constructor(){super(...arguments);this._featureConfig={};this._resizeId=null;this._resizeObserver=new Or(this,{callback:()=>this.handleResize()});this._movedContent=new Map;this.handleResize=()=>{this.containerWidth=this.getToolbarWidth(),this._resizeId!==null&&cancelAnimationFrame(this._resizeId),this._resizeId=requestAnimationFrame(()=>{this.calculateOverflow(),this._resizeId=null})}}connectedCallback(){super.connectedCallback(),this.containerWidth=this.offsetWidth,this.parentElement&&this._resizeObserver.observe(this.parentElement)}disconnectedCallback(){super.disconnectedCallback(),this._resizeId!==null&&(cancelAnimationFrame(this._resizeId),this._resizeId=null),this.restoreMovedContent()}firstUpdated(t){var n;super.firstUpdated(t),this.containerWidth=this.getToolbarWidth(),this.updateEmptyGroups();let i=(n=this.renderRoot)==null?void 0:n.querySelector("slot");i==null||i.addEventListener("slotchange",()=>this.calculateOverflow()),this.updateComplete.then(()=>this.calculateOverflow())}configureToolbar(t){this._featureConfig=t}getToolbarWidth(){var n;let t=this,i=((n=t.getBoundingClientRect)==null?void 0:n.call(t).width)||t.offsetWidth||0;return(!i||i<=0)&&this._toolbarEl&&(i=this._toolbarEl.getBoundingClientRect().width),i}getOverflowGroupWidth(){let t=50,i=this._overflowGroup;if(!i)return t;let n=i.style.display,o=i.style.visibility;return i.style.display="flex",i.style.visibility="hidden",t=i.offsetWidth||t,i.style.visibility=o,i.style.display=n||"none",t}restoreMovedContent(){this._movedContent.forEach(({placeholder:t,originalParent:i},n)=>{t.parentNode?(i.insertBefore(n,t),t.parentNode.removeChild(t)):i.appendChild(n)}),this._movedContent.clear()}moveContentTo(t,i){if(this._movedContent.has(t)){t.parentElement!==i&&i.appendChild(t);return}let n=t.parentElement;if(!n)return;let o=document.createComment("toolbar-overflow-placeholder");n.insertBefore(o,t),i.appendChild(t),this._movedContent.set(t,{placeholder:o,originalParent:n})}isGroupEmpty(t){let i=t.querySelector("slot");return i?i.assignedElements({flatten:!0}).length===0:t.childElementCount===0}updateEmptyGroups(){Array.from(this._groups||[]).forEach(i=>{let n=this.isGroupEmpty(i);i.classList.toggle("toolbar__group--empty",n)})}_updateDividerClasses(){let t=Array.from(this._groups||[]),i=!1;t.forEach(n=>{let o=n.classList.contains("toolbar__group--empty"),s=n.style.display==="none",l=!o&&!s;n.classList.toggle("toolbar__group--has-prev-visible",l&&i),l&&(i=!0)})}calculateOverflow(){let t=Array.from(this._groups||[]);if(!t.length)return;this.restoreMovedContent(),this.updateEmptyGroups();let i=t.filter(c=>!c.classList.contains("toolbar__group--overflow")&&!c.classList.contains("toolbar__group--empty"));i.forEach(c=>{c.style.display="flex",c.classList.remove("toolbar__group--hidden","toolbar__group--has-prev-visible")}),this._overflowGroup&&(this._overflowGroup.style.display="none",this._overflowGroup.classList.remove("toolbar__group--hidden","toolbar__group--has-prev-visible"));let n=this.getToolbarWidth();if(!n||n<=0){i.forEach(c=>c.style.display="flex"),this._overflowGroup&&(this._overflowGroup.style.display="none"),this.restoreMovedContent(),this._overflowMenu&&(this._overflowMenu.innerHTML=""),this._updateDividerClasses(),this._dispatchOverflowEvent();return}let o=0,s=0;for(let c of i){let f=c.offsetWidth;if(o+f<=n)o+=f,s++;else break}if(s>=i.length){i.forEach(c=>c.style.display="flex"),this._overflowGroup&&(this._overflowGroup.style.display="none"),this.restoreMovedContent(),this._overflowMenu&&(this._overflowMenu.innerHTML=""),this._updateDividerClasses(),this._dispatchOverflowEvent();return}let l=this.getOverflowGroupWidth();o=0,s=0;for(let c of i){let f=c.offsetWidth;if(o+f+l<=n)o+=f,s++;else break}i.forEach((c,f)=>{c.style.display=f<s?"flex":"none"}),i.forEach((c,f)=>{let p=f>=s;c.classList.toggle("toolbar__group--hidden",p)}),this._overflowGroup&&(this._overflowGroup.style.display="flex"),this._updateDividerClasses();let d=i.slice(s);this.populateOverflowMenu(d),this._dispatchOverflowEvent()}_dispatchOverflowEvent(){this.dispatchEvent(new CustomEvent("zn-toolbar-overflow-updated",{bubbles:!0,composed:!0}))}populateOverflowMenu(t){let i=this._overflowMenu;if(!i)return;this.restoreMovedContent(),i.innerHTML="";let n=(c,f,p,h,m={})=>{let v=document.createElement("zn-menu-item");if(v.innerText=f,Object.keys(m).forEach(b=>v.setAttribute(b,m[b])),p){let b=document.createElement("zn-icon");b.setAttribute("src",p),b.setAttribute("size","18"),b.setAttribute("slot","prefix"),v.appendChild(b)}return h&&v.addEventListener("click",b=>{b.preventDefault(),b.stopPropagation(),h()}),c.appendChild(v),v},o=c=>{let f=document.createElement("zn-menu-item");for(let p of c.attributes)p.name!=="id"&&f.setAttribute(p.name,p.value);return f.innerHTML=c.innerHTML,f},s=c=>{let f=c.querySelector('zn-button[slot="trigger"]'),p=f==null?void 0:f.querySelector("zn-icon"),h=p==null?void 0:p.getAttribute("src");if(!h)return h!=null?h:void 0;let m=p==null?void 0:p.getAttribute("library");return m?`${h}@${m}`:h},l={bold:"Bold",italic:"Italic",underline:"Underline",undo:"Undo",redo:"Redo"},d={"toolbar__header-dropdown":"Text","toolbar__format-dropdown":"Format","toolbar__color-dropdown":"Color","toolbar__list-dropdown":"Lists","toolbar__file-dropdown":"Insert","toolbar__emoji-dropdown":"Emoji","toolbar__date-dropdown":"Date"};t.forEach(c=>{if(Array.from(c.querySelectorAll("zn-dropdown")).forEach(m=>{let v="";for(let M in d)if(m.classList.contains(M)){v=d[M];break}v||(v=m.getAttribute("aria-label")||m.getAttribute("title")||"More");let b=s(m)||"",x=n(i,v,b);m.classList.contains("toolbar__date-dropdown")&&x.setAttribute("data-overflow-source","date");let y=document.createElement("zn-menu");y.setAttribute("slot","submenu"),y.setAttribute("variant","shell");let z=m.querySelectorAll("zn-menu-item");if(z.length)z.forEach(M=>{let S=o(M);y.appendChild(S)});else{let M=Array.from(m.children).filter(T=>{let E=T.getAttribute("slot")==="trigger"||T instanceof ua,L=T instanceof cd||T instanceof Cp;return!E&&!L}),S=document.createElement("div");S.className="toolbar__submenu-content",M.forEach(T=>this.moveContentTo(T,S)),y.appendChild(S)}x.appendChild(y)}),c.querySelectorAll("zn-button.toolbar__format-button, zn-button.toolbar__action-button").forEach(m=>{var M,S,T,E,L,q,B,H;let v=(M=m.getAttribute("icon"))!=null?M:"",b=(S=m.getAttribute("data-format"))!=null?S:"",x=(B=(T=m.getAttribute("data-text"))!=null?T:l[b])!=null?B:b?b.charAt(0).toUpperCase()+b.slice(1):(q=(L=m.getAttribute("aria-label"))!=null?L:(E=m.textContent)==null?void 0:E.trim())!=null?q:"Action",y={"data-format":b},z=(H=m.getAttribute("data-format-type"))!=null?H:"";z&&(y["data-format-type"]=z),v&&(y["data-icon"]=v),x&&(y["data-text"]=x),n(i,x,v,void 0,y)}),Array.from(c.querySelectorAll("zn-menu-item")).filter(m=>!m.closest("zn-dropdown")).forEach(m=>{let v=o(m);i.appendChild(v)}),c.querySelector("slot")){let m=c.querySelector("slot"),v=m?m.assignedElements({flatten:!0}):[];if(!v.length)return;v.forEach(b=>{if(b instanceof YL){let x=b.icon,y=b.label,z=b.handler||"dialog",M=b.uri||"",S=b.key||"",T={"data-format":z};M&&(T["data-format-type"]=M),S&&(T["data-toolbar-key"]=S),x&&(T["data-icon"]=x),y&&(T["data-text"]=y),n(i,y,x,void 0,T)}})}})}render(){let t=this._featureConfig.dividersEnabled||this._featureConfig.linksEnabled||this._featureConfig.attachmentsEnabled||this._featureConfig.imagesEnabled||this._featureConfig.videosEnabled,i=t||this._featureConfig.datesEnabled||this._featureConfig.emojisEnabled;return C`
|
|
3333
3333
|
<div class="toolbar">
|
|
3334
3334
|
<div class="toolbar__group">${this._textOptions()}</div>
|
|
3335
3335
|
<div class="toolbar__group">${this._formatOptions()}</div>
|
|
@@ -4643,7 +4643,7 @@ button {
|
|
|
4643
4643
|
</div>
|
|
4644
4644
|
`}
|
|
4645
4645
|
</div>
|
|
4646
|
-
`}};In.styles=Q(vze),_([ce('slot[name="keys"]')],In.prototype,"keysSlot",2),_([ce("slot:not([name])")],In.prototype,"defaultSlot",2),_([w()],In.prototype,"position",2),_([w()],In.prototype,"target",2),_([w({attribute:"item-selector"})],In.prototype,"itemSelector",2),_([w({attribute:"filter-attribute"})],In.prototype,"filterAttribute",2),_([w({attribute:"no-scroll",type:Boolean})],In.prototype,"noScroll",2);var qet=In;In.define("zn-key-container");var bze=J`:host,html,body{color:rgba(var(--zn-text),var(--zn-text-opacity));font-family:var(--zn-font-family-sans);font-feature-settings:normal;font-variation-settings:normal;font-size:var(--zn-text-paragraph-font-size);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tab-size:4;-o-tab-size:4;tab-size:4;margin:0}html,body{background-color:rgba(var(--zn-body),var(--zn-bg-opacity));container-type:size;min-height:100%;height:100%}.inline-container{container-type:inline-size}.app-container{container-type:inline-size;display:flex;flex:1;flex-direction:column;position:relative;max-height:100%;height:100%;width:100%;max-width:100%}.inline-app-container,.app-container.inline-app-container,[inline-container] .app-container{display:block;height:auto;flex:unset}hr{height:0;border:none;border-top:1px solid rgb(var(--zn-border-color))}code,kbd,samp,pre,.mono{font-family:var(--zn-font-family-mono);font-size:1em}small{font-size:80%}.hidden{display:none !important}.visibility-hidden{visibility:hidden}p{font-size:var(--zn-text-paragraph-font-size);line-height:var(--zn-text-paragraph-line-height);font-weight:var(--zn-text-paragraph-font-weight)}h1,h2,h3,h4,h5,h6{color:rgb(var(--zn-text-heading))}h1{font-size:var(--zn-text-h1-font-size);line-height:var(--zn-text-h1-line-height);font-weight:var(--zn-text-h1-font-weight)}h2{font-size:var(--zn-text-h2-font-size);line-height:var(--zn-text-h2-line-height);font-weight:var(--zn-text-h2-font-weight)}h3,h4,h5,h6{font-size:var(--zn-text-h3-font-size);line-height:var(--zn-text-h3-line-height);font-weight:var(--zn-text-h3-font-weight)}kbd{font-family:monospace;background-color:#eee;color:#333;border:1px solid rgb(var(--zn-border-color));border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(255,255,255,0.5) inset;display:inline-block;font-size:13px;line-height:20px;padding:1px 6px;white-space:nowrap;min-width:15px;color:rgba(0,0,0,0.5)}[t=dark] kbd{background-color:rgb(25,25,25);box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(110,110,110,0.5) inset;color:#eee}[tab]{cursor:pointer}.zn-link:hover{--zn-text:rgb(var(--zn-primary));--icon-color:rgb(var(--zn-primary));--zn-text-heading:rgb(var(--zn-primary));--property-color:rgb(var(--zn-primary));opacity:1}.grow{flex-grow:1}.no-grow{flex-grow:0}.shrink{flex-shrink:1}.no-shrink{flex-shrink:0}.block{display:block}.flex{display:flex}.flex-wrap{display:flex;flex-wrap:wrap}.flex-col{display:flex;flex-direction:column}.flex-mid{display:flex;align-items:center}.flex-jc{justify-content:center}.flex-between{display:flex;justify-content:space-between}.flex-end{display:flex;justify-content:flex-end}.flex-bottom{display:flex;align-items:flex-end}.equal{flex-basis:50%}.m-auto{margin:auto}.mt-auto{margin-top:auto}.zn-pad{padding:var(--zn-base-gap,0)}.zn-pad-y,.zn-py{padding-top:15px;padding-bottom:15px}.zn-pad-x,.zn-px{padding-left:15px;padding-right:15px}.zn-pr{padding-right:15px}.zn-pl{padding-left:15px}.zn-pt{padding-top:15px}.zn-pb{padding-bottom:15px}.zn-margin{margin:15px}.zn-mx{margin-left:15px;margin-right:15px}.zn-my{margin-top:15px;margin-bottom:15px}.zn-mt{margin-top:15px}.zn-mb{margin-bottom:15px}.zn-ml{margin-left:15px}.zn-mr{margin-right:15px}.zn-mxa{margin-left:auto;margin-right:auto}.zn-mya{margin-top:auto;margin-bottom:auto}.zn-mta{margin-top:auto}.zn-mba{margin-bottom:auto}.zn-mla{margin-left:auto}.zn-mra{margin-right:auto}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}@keyframes act-vanish{from{transform:scale(1);opacity:1;max-height:100%}to{transform:scale(0.8);opacity:0;max-height:0}}.act-vanish{animation:ease-in act-vanish 600ms forwards;transform-origin:top center;background-color:rgba(var(--zn-color-error),0.3);display:block;overflow:hidden}.h-full{height:100%}.w-full{width:100%}.zn-panel-bg{--zn-page-surface-background:var(--zn-panel);background-color:rgba(var(--zn-panel),var(--zn-panel-opacity))}.zn-panel{background-color:rgba(var(--zn-panel),var(--zn-panel-opacity));border:1px solid rgb(var(--zn-border-color));border-radius:var(--zn-border-radius);--zn-page-surface-background:var(--zn-panel)}.zn-container{display:flex;flex-direction:column;flex-grow:1;max-height:100%;overflow:hidden}.tar{text-align:right}.tal{text-align:left}.tac{text-align:center}.zn-empty-hide:empty{display:none}.ml-auto{margin-left:auto}.zn-b-dash{border-style:dashed}.zn-b-dotted{border-style:dotted}.zn-border{border-style:solid;border-width:1px !important}.zn-bt{border-top-style:solid;border-top-width:1px !important}.zn-bb{border-bottom-style:solid;border-bottom-width:1px !important}.zn-bl{border-left-style:solid;border-left-width:1px !important}.zn-br{border-right-style:solid;border-right-width:1px !important}.unifi-action{display:flex;gap:10px;padding:10px 0;align-items:center}.zn-panel-bar{border-bottom:1px solid rgb(var(--zn-border-color));background-color:rgba(var(--zn-panel),0.9);padding:var(--zn-base-px);gap:var(--zn-base-px);display:flex;flex-wrap:wrap;align-items:center;z-index:1}.zn-panel-bar--pill{border-radius:var(--zn-border-radius);border:1px solid rgb(var(--zn-border-color))}.zn-panel-bar--large{padding:var(--zn-base-px) calc(var(--zn-base-gap) + var(--zn-gutter));gap:var(--zn-base-px);height:50px}.scroll-container{overflow:auto;flex-grow:1;position:relative;display:flex;flex-direction:column;max-height:100%}.zn-divide{display:flex;flex-direction:column}.zn-divide>*:not(:first-child){border-top:1px solid rgb(var(--zn-border-color))}.zn-divide>div:empty+div:not(:first-child){border-top:0}.zn-divide-y{display:flex;flex-direction:row}.zn-divide-y>*:not(:first-child):not(:empty){border-left:1px solid rgb(var(--zn-border-color))}.zn-c-pad{--zn-pad-spacing:var(--zn-spacing-large)}.zn-c-pad-x>*{padding-left:var(--zn-pad-spacing);padding-right:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:first-child){padding-top:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:last-child){padding-bottom:var(--zn-pad-spacing)}.zn-nav.zn-transparent{background:transparent}.zn-nav{background:rgba(var(--zn-panel),var(--zn-panel-opacity));border-right:1px solid rgb(var(--zn-border-color));max-width:320px;height:100%;padding-top:5px}.zn-nav ul{list-style:none;padding-bottom:10px;margin:0;display:flex;flex-direction:column;position:relative}.zn-nav ul:after{content:"";height:1px;left:18px;right:18px;bottom:0;position:absolute;background:rgb(var(--zn-border-color))}.zn-nav ul li a{text-decoration:none;color:rgb(var(--zn-text));display:block;font-weight:500;cursor:pointer}.zn-nav ul li a:hover,.zn-nav ul li a.zn-tb-active{background:rgb(var(--zn-body))}.zn-nav ul li a.zn-tb-active{color:rgb(var(--zn-purple-text))}.zn-nav ul:last-child:after{display:none}.zn-nav strong,.zn-nav li a{padding:10px 20px}.zn-nav strong{display:block;margin-top:10px;font-size:13px;letter-spacing:0.93px;color:rgb(var(--zn-text-heading));font-weight:600;padding-bottom:5px;text-transform:uppercase}@keyframes shimmer-text-sweep{0%{background-position:100% center}100%{background-position:0% center}}@media (prefers-reduced-motion:no-preference){.shimmer-text{--shimmer-base:rgb(var(--zn-text));--shimmer-highlight:rgb(var(--zn-text-heading));--shimmer-core:0.5ch;--shimmer-spread:1.5ch;--shimmer-duration:1.5s;display:inline-block;width:-moz-fit-content;width:fit-content;max-width:100%;background-image:linear-gradient(90deg,transparent calc(50% - var(--shimmer-spread)),var(--shimmer-highlight) calc(50% - var(--shimmer-core)),var(--shimmer-highlight) calc(50% + var(--shimmer-core)),transparent calc(50% + var(--shimmer-spread))),linear-gradient(var(--shimmer-base),var(--shimmer-base));background-size:250% 100%,auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent !important;color:transparent !important;animation:var(--shimmer-duration) linear infinite shimmer-text-sweep}.shimmer-text.zn-error{--shimmer-base:rgb(var(--zn-color-error));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-error)) 55%,white)}.shimmer-text.zn-success{--shimmer-base:rgb(var(--zn-color-success));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-success)) 55%,white)}.shimmer-text.zn-info{--shimmer-base:rgb(var(--zn-color-info));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-info)) 55%,white)}.shimmer-text.zn-warning{--shimmer-base:rgb(var(--zn-color-warning));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-warning)) 55%,white)}.shimmer-text.zn-primary{--shimmer-base:rgb(var(--zn-primary));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-primary)) 55%,white)}.shimmer-text.zn-accent{--shimmer-base:rgb(var(--zn-accent));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-accent)) 55%,white)}}@media (prefers-reduced-motion:reduce){.shimmer-text{color:rgb(var(--zn-text))}.shimmer-text.zn-error{color:rgb(var(--zn-color-error)) !important}.shimmer-text.zn-success{color:rgb(var(--zn-color-success)) !important}.shimmer-text.zn-info{color:rgb(var(--zn-color-info)) !important}.shimmer-text.zn-warning{color:rgb(var(--zn-color-warning)) !important}.shimmer-text.zn-primary{color:rgb(var(--zn-primary)) !important}.shimmer-text.zn-accent{color:rgb(var(--zn-accent)) !important}}*,*::before,*::after{box-sizing:border-box}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}b{font-weight:600}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:inline-block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}button,.zn-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}button:hover:not([disabled]),.zn-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{display:block;width:100%;border-radius:5px;border-style:solid;border-width:1px !important;border-color:rgb(var(--zn-border-color));background-color:rgb(var(--zn-input-bg));outline:none}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,input[type=file]:focus,input[list]:focus,textarea:focus,select:focus{border-color:rgb(var(--zn-primary));box-shadow:0 0 0 3px rgba(var(--zn-primary),0.3)}input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=file]::-moz-placeholder, input[list]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,input[type=week]::placeholder,input[type=file]::placeholder,input[list]::placeholder,textarea::placeholder,select::placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}@media (min-width:360px){input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{padding:10px}}label{font-weight:600;font-size:rgb(var(--zn-font-size-medium));line-height:var(--zn-spacing-medium);color:rgb(var(--zn-text-heading));display:block;margin-bottom:5px;margin-top:15px}input[type=checkbox],input[type=radio]{border-radius:5px}input[type=radio]{border-radius:50%}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;background-color:rgb(var(--zn-border-color));height:10px;accent-color:rgb(var(--zn-primary));width:100%;max-width:768px}fieldset{border-color:rgba(var(--zn-primary),20%);border-width:2px;padding:0 15px 15px}select option{padding:5px}select>option:checked{background-color:rgba(var(--zn-primary),20%);border-radius:5px}fieldset>legend{padding:5px}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=button]:hover:not([disabled]),input[type=submit]:hover:not([disabled]),button[type=submit]:not(.button):hover:not([disabled]),button[type=button]:not(.button):hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){width:auto}div+button{margin-top:15px}input[type=file]::-webkit-file-upload-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=file]::-webkit-file-upload-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=file]::-webkit-file-upload-button{margin-right:10px}input::-webkit-calendar-picker-indicator{cursor:pointer;padding:10px}input[list]::-webkit-calendar-picker-indicator{padding:10px 5px}.input--with-icon{position:relative}.input--with-icon zn-icon{padding:14px;position:absolute;top:50%;pointer-events:none;transform:translateY(-50%);left:10px;background-color:rgb(var(--zn-primary));color:rgb(var(--zn-text));border-radius:50%}.input--with-icon input{padding-left:40px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:rgb(var(--zn-text));-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px rgba(35,35,35,0.1607843137)}select{height:43px}.no-border{border:none !important}table:not(.remarkd-table){border-collapse:separate !important;border-spacing:0;width:100%;max-width:100%;table-layout:auto;text-align:left;font-size:var(--zn-text-table-content-font-size);line-height:var(--zn-text-table-content-line-height);font-weight:var(--zn-text-table-content-font-weight)}table:not(.remarkd-table) thead{font-weight:var(--zn-font-weight-medium)}table:not(.remarkd-table) tbody a{cursor:pointer;color:rgb(var(--zn-primary))}table:not(.remarkd-table) tbody tr td{border-top:1px solid rgb(var(--zn-border-color)) !important}table:not(.remarkd-table) tbody tr:first-of-type td{border-top:0 !important}table:not(.remarkd-table) tbody tr:nth-of-type(even){background-color:rgba(var(--zn-body))}table:not(.remarkd-table) thead tr th:first-of-type,table:not(.remarkd-table) tbody tr td:first-of-type{padding-left:14px}table:not(.remarkd-table) thead tr th:last-of-type,table:not(.remarkd-table) tbody tr td:last-of-type{padding-right:14px}table:not(.remarkd-table) th,table:not(.remarkd-table) td{padding:15px;min-width:90px;white-space:nowrap}table:not(.remarkd-table) th:first-child,table:not(.remarkd-table) td:first-child{padding-left:0}table:not(.remarkd-table) td>span{white-space:normal}table:not(.remarkd-table) th{padding-bottom:0;border-bottom:1px solid rgb(var(--zn-border-color))}.zn-table-fixed{table-layout:fixed}thead tr:last-of-type th{border-bottom:0}.opacity-100{opacity:1}.opacity-90{opacity:0.9}.opacity-80{opacity:0.8}.opacity-60{opacity:0.6}.opacity-50{opacity:0.5}.opacity-40{opacity:0.4}.opacity-10{opacity:0.1}:host{display:inline-block;cursor:pointer}:host([disabled]){cursor:wait}.animated-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}.animated-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}.animated-button{position:relative;overflow:hidden;min-width:150px;min-height:40px;gap:8px;transition:transform var(--zn-transition-fast) ease,opacity var(--zn-transition-fast) ease;border:none;font-size:1rem;font-family:inherit;cursor:pointer}.animated-button:hover:not(:disabled){opacity:0.9}.animated-button:active:not(:disabled){transform:scale(0.98)}.animated-button:disabled{cursor:wait}.animated-button:focus-visible{outline:2px solid rgb(var(--zn-primary));outline-offset:2px}.animated-button__content{display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:1}.animated-button__text{font-weight:600;line-height:1}.animated-button__icon{display:inline-flex;flex-shrink:0}.animated-button__spinner{display:inline-flex;flex-shrink:0;animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.animated-button__shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}100%{left:100%}}.animated-button--idle{background-color:rgb(var(--zn-primary)) !important}.animated-button--processing{background-color:rgb(var(--zn-primary)) !important;cursor:wait}.animated-button--success{background-color:rgb(var(--zn-primary)) !important;cursor:default}.animated-button--success::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--zn-color-success));animation:successFill var(--zn-transition-slow) ease-out forwards;z-index:0}.animated-button--success .animated-button__content{z-index:1}.animated-button--success .animated-button__icon--success{opacity:0;animation:iconFadeIn 0.3s ease-out 0.4s forwards}.animated-button--success .animated-button__tick{stroke-dasharray:30;stroke-dashoffset:30;animation:tickSwoosh 0.5s ease-out 0.4s forwards}@keyframes successFill{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes iconFadeIn{to{opacity:1}}@keyframes tickSwoosh{0%{stroke-dashoffset:30}100%{stroke-dashoffset:0}}.animated-button--failure{background-color:rgb(var(--zn-color-error)) !important;cursor:not-allowed}.animated-button--failure .animated-button__icon--failure{animation:failureShake var(--zn-transition-medium) ease-out}@keyframes failureShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.animated-button{transition:none}.animated-button--success::before{animation:none;transform:translateY(0)}.animated-button__shimmer{animation:none;display:none}.animated-button__spinner{animation:none}.animated-button__icon--success{animation:none;opacity:1}.animated-button__tick{animation:none;stroke-dashoffset:0}.animated-button__icon--failure{animation:none}}`;var Ra=class extends X{constructor(){super(...arguments);this.currentState="idle";this.errorMessage="";this.idleText="Purchase";this.processingText="Purchasing";this.successText="Success";this.failureText="Failed";this.redirectUrl="";this.redirectDelay=1500;this.failureResetDelay=2e3;this.disabled=!1;this.name="";this.value=""}disconnectedCallback(){super.disconnectedCallback(),this.clearTimeouts()}clearTimeouts(){this.resetTimeout&&(clearTimeout(this.resetTimeout),this.resetTimeout=void 0),this.redirectTimeout&&(clearTimeout(this.redirectTimeout),this.redirectTimeout=void 0)}purchase(){this.currentState!=="idle"||this.disabled||this.handlePurchase()}setSuccess(){this.clearTimeouts(),this.currentState="success",this.scheduleRedirect()}setFailure(t=""){this.clearTimeouts(),this.errorMessage=t,this.currentState="failure",this.scheduleReset()}reset(){this.clearTimeouts(),this.currentState="idle",this.errorMessage=""}handlePurchase(){this.clearTimeouts(),this.currentState="processing",this.emit("zn-purchase",{cancelable:!0,detail:{value:this.value,setSuccess:()=>this.setSuccess(),setFailure:i=>this.setFailure(i)}}).defaultPrevented&&(this.currentState="idle")}scheduleRedirect(){this.redirectTimeout=window.setTimeout(()=>{this.redirectUrl&&(window.location.href=this.redirectUrl),this.emit("zn-redirect",{detail:{url:this.redirectUrl}})},this.redirectDelay)}scheduleReset(){this.resetTimeout=window.setTimeout(()=>{this.reset()},this.failureResetDelay)}handleClick(){this.currentState==="idle"&&!this.disabled&&this.handlePurchase()}render(){let t=this.disabled||this.currentState!=="idle",i=this.currentState==="processing",n=this.currentState==="success",o=this.currentState==="failure",s={"animated-button":!0,"animated-button--idle":this.currentState==="idle","animated-button--processing":this.currentState==="processing","animated-button--success":this.currentState==="success","animated-button--failure":this.currentState==="failure"},l=this.idleText;return this.currentState==="processing"&&(l=this.processingText),this.currentState==="success"&&(l=this.successText),this.currentState==="failure"&&(l=this.failureText),C`
|
|
4646
|
+
`}};In.styles=Q(vze),_([ce('slot[name="keys"]')],In.prototype,"keysSlot",2),_([ce("slot:not([name])")],In.prototype,"defaultSlot",2),_([w()],In.prototype,"position",2),_([w()],In.prototype,"target",2),_([w({attribute:"item-selector"})],In.prototype,"itemSelector",2),_([w({attribute:"filter-attribute"})],In.prototype,"filterAttribute",2),_([w({attribute:"no-scroll",type:Boolean})],In.prototype,"noScroll",2);var qet=In;In.define("zn-key-container");var bze=J`:host,html,body{color:rgba(var(--zn-text),var(--zn-text-opacity));font-family:var(--zn-font-family-sans);font-feature-settings:normal;font-variation-settings:normal;font-size:var(--zn-text-paragraph-font-size);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tab-size:4;-o-tab-size:4;tab-size:4;margin:0}html,body{background-color:rgba(var(--zn-body),var(--zn-bg-opacity));container-type:size;min-height:100%;height:100%}.inline-container{container-type:inline-size}.app-container{container-type:inline-size;display:flex;flex:1;flex-direction:column;position:relative;max-height:100%;height:100%;width:100%;max-width:100%}.inline-app-container,.app-container.inline-app-container,[inline-container] .app-container{display:block;height:auto;flex:unset}hr{height:0;border:none;border-top:1px solid rgb(var(--zn-border-color))}code,kbd,samp,pre,.mono{font-family:var(--zn-font-family-mono);font-size:1em}small{font-size:80%}.hidden{display:none !important}.visibility-hidden{visibility:hidden}p{font-size:var(--zn-text-paragraph-font-size);line-height:var(--zn-text-paragraph-line-height);font-weight:var(--zn-text-paragraph-font-weight)}h1,h2,h3,h4,h5,h6{color:rgb(var(--zn-text-heading))}h1{font-size:var(--zn-text-h1-font-size);line-height:var(--zn-text-h1-line-height);font-weight:var(--zn-text-h1-font-weight)}h2{font-size:var(--zn-text-h2-font-size);line-height:var(--zn-text-h2-line-height);font-weight:var(--zn-text-h2-font-weight)}h3,h4,h5,h6{font-size:var(--zn-text-h3-font-size);line-height:var(--zn-text-h3-line-height);font-weight:var(--zn-text-h3-font-weight)}kbd{font-family:monospace;background-color:#eee;color:#333;border:1px solid rgb(var(--zn-border-color));border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(255,255,255,0.5) inset;display:inline-block;font-size:13px;line-height:20px;padding:1px 6px;white-space:nowrap;min-width:15px;color:rgba(0,0,0,0.5)}[t=dark] kbd{background-color:rgb(25,25,25);box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(110,110,110,0.5) inset;color:#eee}[tab]{cursor:pointer}.zn-link:hover{--zn-text:rgb(var(--zn-primary));--icon-color:rgb(var(--zn-primary));--zn-text-heading:rgb(var(--zn-primary));--property-color:rgb(var(--zn-primary));opacity:1}.grow{flex-grow:1}.no-grow{flex-grow:0}.shrink{flex-shrink:1}.no-shrink{flex-shrink:0}.block{display:block}.flex{display:flex}.flex-wrap{display:flex;flex-wrap:wrap}.flex-col{display:flex;flex-direction:column}.flex-mid{display:flex;align-items:center}.flex-jc{justify-content:center}.flex-between{display:flex;justify-content:space-between}.flex-end{display:flex;justify-content:flex-end}.flex-bottom{display:flex;align-items:flex-end}.equal{flex-basis:50%}.m-auto{margin:auto}.mt-auto{margin-top:auto}.zn-pad{padding:var(--zn-base-gap,0)}.zn-pad-y,.zn-py{padding-top:15px;padding-bottom:15px}.zn-pad-x,.zn-px{padding-left:15px;padding-right:15px}.zn-pr{padding-right:15px}.zn-pl{padding-left:15px}.zn-pt{padding-top:15px}.zn-pb{padding-bottom:15px}.zn-margin{margin:15px}.zn-mx{margin-left:15px;margin-right:15px}.zn-my{margin-top:15px;margin-bottom:15px}.zn-mt{margin-top:15px}.zn-mb{margin-bottom:15px}.zn-ml{margin-left:15px}.zn-mr{margin-right:15px}.zn-mxa{margin-left:auto;margin-right:auto}.zn-mya{margin-top:auto;margin-bottom:auto}.zn-mta{margin-top:auto}.zn-mba{margin-bottom:auto}.zn-mla{margin-left:auto}.zn-mra{margin-right:auto}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}@keyframes act-vanish{from{transform:scale(1);opacity:1;max-height:100%}to{transform:scale(0.8);opacity:0;max-height:0}}.act-vanish{animation:ease-in act-vanish 600ms forwards;transform-origin:top center;background-color:rgba(var(--zn-color-error),0.3);display:block;overflow:hidden}.h-full{height:100%}.w-full{width:100%}.zn-panel-bg{--zn-page-surface-background:var(--zn-panel);background-color:rgba(var(--zn-panel),var(--zn-panel-opacity))}.zn-panel{background-color:rgba(var(--zn-panel),var(--zn-panel-opacity));border:1px solid rgb(var(--zn-border-color));border-radius:var(--zn-border-radius);--zn-page-surface-background:var(--zn-panel)}.zn-container{display:flex;flex-direction:column;flex-grow:1;max-height:100%;overflow:hidden}.tar{text-align:right}.tal{text-align:left}.tac{text-align:center}.zn-empty-hide:empty{display:none}.ml-auto{margin-left:auto}.zn-b-dash{border-style:dashed}.zn-b-dotted{border-style:dotted}.zn-border{border-style:solid;border-width:1px !important}.zn-bt{border-top-style:solid;border-top-width:1px !important}.zn-bb{border-bottom-style:solid;border-bottom-width:1px !important}.zn-bl{border-left-style:solid;border-left-width:1px !important}.zn-br{border-right-style:solid;border-right-width:1px !important}.unifi-action{display:flex;gap:10px;padding:10px 0;align-items:center}.zn-panel-bar{border-bottom:1px solid rgb(var(--zn-border-color));background-color:rgba(var(--zn-panel),0.9);padding:var(--zn-base-px);gap:var(--zn-base-px);display:flex;flex-wrap:wrap;align-items:center;z-index:1}.zn-panel-bar--pill{border-radius:var(--zn-border-radius);border:1px solid rgb(var(--zn-border-color))}.zn-panel-bar--large{padding:var(--zn-base-px) calc(var(--zn-base-gap) + var(--zn-gutter));gap:var(--zn-base-px);height:50px}.scroll-container{overflow:auto;flex-grow:1;position:relative;display:flex;flex-direction:column;max-height:100%}.zn-divide{display:flex;flex-direction:column}.zn-divide>*:not(:first-child){border-top:1px solid rgb(var(--zn-border-color))}.zn-divide>div:empty+div:not(:first-child){border-top:0}.zn-divide-y{display:flex;flex-direction:row}.zn-divide-y>*:not(:first-child):not(:empty){border-left:1px solid rgb(var(--zn-border-color))}.zn-c-pad{--zn-pad-spacing:var(--zn-spacing-large)}.zn-c-pad-x>*{padding-left:var(--zn-pad-spacing);padding-right:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:first-child){padding-top:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:last-child){padding-bottom:var(--zn-pad-spacing)}.zn-nav.zn-transparent{background:transparent}.zn-nav{background:rgba(var(--zn-panel),var(--zn-panel-opacity));border-right:1px solid rgb(var(--zn-border-color));max-width:320px;height:100%;padding-top:5px}.zn-nav ul{list-style:none;padding-bottom:10px;margin:0;display:flex;flex-direction:column;position:relative}.zn-nav ul:after{content:"";height:1px;left:18px;right:18px;bottom:0;position:absolute;background:rgb(var(--zn-border-color))}.zn-nav ul li a{text-decoration:none;color:rgb(var(--zn-text));display:block;font-weight:500;cursor:pointer}.zn-nav ul li a:hover,.zn-nav ul li a.zn-tb-active{background:rgb(var(--zn-body))}.zn-nav ul li a.zn-tb-active{color:rgb(var(--zn-purple-text))}.zn-nav ul:last-child:after{display:none}.zn-nav strong,.zn-nav li a{padding:10px 20px}.zn-nav strong{display:block;margin-top:10px;font-size:13px;letter-spacing:0.93px;color:rgb(var(--zn-text-heading));font-weight:600;padding-bottom:5px;text-transform:uppercase}@keyframes shimmer-text-sweep{0%{background-position:100% center}100%{background-position:0% center}}@media (prefers-reduced-motion:no-preference){.shimmer-text{--shimmer-base:rgb(var(--zn-text));--shimmer-highlight:rgb(var(--zn-text-heading));--shimmer-core:0.5ch;--shimmer-spread:1.5ch;--shimmer-duration:1.5s;display:inline-block;width:-moz-fit-content;width:fit-content;max-width:100%;background-image:linear-gradient(90deg,transparent calc(50% - var(--shimmer-spread)),var(--shimmer-highlight) calc(50% - var(--shimmer-core)),var(--shimmer-highlight) calc(50% + var(--shimmer-core)),transparent calc(50% + var(--shimmer-spread))),linear-gradient(var(--shimmer-base),var(--shimmer-base));background-size:250% 100%,auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent !important;color:transparent !important;animation:var(--shimmer-duration) linear infinite shimmer-text-sweep}.shimmer-text.zn-error{--shimmer-base:rgb(var(--zn-color-error));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-error)) 55%,white)}.shimmer-text.zn-success{--shimmer-base:rgb(var(--zn-color-success));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-success)) 55%,white)}.shimmer-text.zn-info{--shimmer-base:rgb(var(--zn-color-info));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-info)) 55%,white)}.shimmer-text.zn-warning{--shimmer-base:rgb(var(--zn-color-warning));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-warning)) 55%,white)}.shimmer-text.zn-primary{--shimmer-base:rgb(var(--zn-primary));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-primary)) 55%,white)}.shimmer-text.zn-accent{--shimmer-base:rgb(var(--zn-accent));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-accent)) 55%,white)}}@media (prefers-reduced-motion:reduce){.shimmer-text{color:rgb(var(--zn-text))}.shimmer-text.zn-error{color:rgb(var(--zn-color-error)) !important}.shimmer-text.zn-success{color:rgb(var(--zn-color-success)) !important}.shimmer-text.zn-info{color:rgb(var(--zn-color-info)) !important}.shimmer-text.zn-warning{color:rgb(var(--zn-color-warning)) !important}.shimmer-text.zn-primary{color:rgb(var(--zn-primary)) !important}.shimmer-text.zn-accent{color:rgb(var(--zn-accent)) !important}}*,*::before,*::after{box-sizing:border-box}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}b{font-weight:600}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:inline-block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}button,.zn-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}button:hover:not([disabled]),.zn-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{display:block;width:100%;border-radius:5px;border-style:solid;border-width:1px !important;border-color:rgb(var(--zn-border-color));background-color:rgb(var(--zn-input-bg));outline:none}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,input[type=file]:focus,input[list]:focus,textarea:focus,select:focus{border-color:rgb(var(--zn-primary));box-shadow:0 0 0 3px rgba(var(--zn-primary),0.3)}input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=file]::-moz-placeholder, input[list]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,input[type=week]::placeholder,input[type=file]::placeholder,input[list]::placeholder,textarea::placeholder,select::placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}@media (min-width:360px){input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{padding:10px}}label{font-weight:600;font-size:rgb(var(--zn-font-size-medium));line-height:var(--zn-spacing-medium);color:rgb(var(--zn-text-heading));display:block;margin-bottom:5px;margin-top:15px}input[type=checkbox],input[type=radio]{border-radius:5px}input[type=radio]{border-radius:50%}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;background-color:rgb(var(--zn-border-color));height:10px;accent-color:rgb(var(--zn-primary));width:100%;max-width:768px}fieldset{border-color:rgba(var(--zn-primary),20%);border-width:2px;padding:0 15px 15px}select option{padding:5px}select>option:checked{background-color:rgba(var(--zn-primary),20%);border-radius:5px}fieldset>legend{padding:5px}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=button]:hover:not([disabled]),input[type=submit]:hover:not([disabled]),button[type=submit]:not(.button):hover:not([disabled]),button[type=button]:not(.button):hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){width:auto}div+button{margin-top:15px}input[type=file]::-webkit-file-upload-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=file]::-webkit-file-upload-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=file]::-webkit-file-upload-button{margin-right:10px}input::-webkit-calendar-picker-indicator{cursor:pointer;padding:10px}input[list]::-webkit-calendar-picker-indicator{padding:10px 5px}.input--with-icon{position:relative}.input--with-icon zn-icon{padding:14px;position:absolute;top:50%;pointer-events:none;transform:translateY(-50%);left:10px;background-color:rgb(var(--zn-primary));color:rgb(var(--zn-text));border-radius:50%}.input--with-icon input{padding-left:40px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:rgb(var(--zn-text));-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px rgba(35,35,35,0.1607843137)}select{height:43px}.no-border{border:none !important}table:not(.remarkd-table){border-collapse:separate !important;border-spacing:0;width:100%;max-width:100%;table-layout:auto;text-align:left;font-size:var(--zn-text-table-content-font-size);line-height:var(--zn-text-table-content-line-height);font-weight:var(--zn-text-table-content-font-weight)}table:not(.remarkd-table) thead{font-weight:var(--zn-font-weight-medium)}table:not(.remarkd-table) tbody a{cursor:pointer;color:rgb(var(--zn-primary))}table:not(.remarkd-table) tbody tr td{border-top:1px solid rgb(var(--zn-border-color)) !important}table:not(.remarkd-table) tbody tr:first-of-type td{border-top:0 !important}table:not(.remarkd-table) tbody tr:nth-of-type(even){background-color:rgba(var(--zn-body))}table:not(.remarkd-table) thead tr th:first-of-type,table:not(.remarkd-table) tbody tr td:first-of-type{padding-left:var(--zn-base-gap,14px)}table:not(.remarkd-table) thead tr th:last-of-type,table:not(.remarkd-table) tbody tr td:last-of-type{padding-right:var(--zn-base-gap,14px)}table:not(.remarkd-table) th,table:not(.remarkd-table) td{padding:15px;min-width:90px;white-space:nowrap}table:not(.remarkd-table) th:first-child,table:not(.remarkd-table) td:first-child{padding-left:0}table:not(.remarkd-table) td>span{white-space:normal}table:not(.remarkd-table) th{padding-bottom:0;border-bottom:1px solid rgb(var(--zn-border-color))}.zn-table-fixed{table-layout:fixed}thead tr:last-of-type th{border-bottom:0}.opacity-100{opacity:1}.opacity-90{opacity:0.9}.opacity-80{opacity:0.8}.opacity-60{opacity:0.6}.opacity-50{opacity:0.5}.opacity-40{opacity:0.4}.opacity-10{opacity:0.1}:host{display:inline-block;cursor:pointer}:host([disabled]){cursor:wait}.animated-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}.animated-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}.animated-button{position:relative;overflow:hidden;min-width:150px;min-height:40px;gap:8px;transition:transform var(--zn-transition-fast) ease,opacity var(--zn-transition-fast) ease;border:none;font-size:1rem;font-family:inherit;cursor:pointer}.animated-button:hover:not(:disabled){opacity:0.9}.animated-button:active:not(:disabled){transform:scale(0.98)}.animated-button:disabled{cursor:wait}.animated-button:focus-visible{outline:2px solid rgb(var(--zn-primary));outline-offset:2px}.animated-button__content{display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:1}.animated-button__text{font-weight:600;line-height:1}.animated-button__icon{display:inline-flex;flex-shrink:0}.animated-button__spinner{display:inline-flex;flex-shrink:0;animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.animated-button__shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}100%{left:100%}}.animated-button--idle{background-color:rgb(var(--zn-primary)) !important}.animated-button--processing{background-color:rgb(var(--zn-primary)) !important;cursor:wait}.animated-button--success{background-color:rgb(var(--zn-primary)) !important;cursor:default}.animated-button--success::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--zn-color-success));animation:successFill var(--zn-transition-slow) ease-out forwards;z-index:0}.animated-button--success .animated-button__content{z-index:1}.animated-button--success .animated-button__icon--success{opacity:0;animation:iconFadeIn 0.3s ease-out 0.4s forwards}.animated-button--success .animated-button__tick{stroke-dasharray:30;stroke-dashoffset:30;animation:tickSwoosh 0.5s ease-out 0.4s forwards}@keyframes successFill{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes iconFadeIn{to{opacity:1}}@keyframes tickSwoosh{0%{stroke-dashoffset:30}100%{stroke-dashoffset:0}}.animated-button--failure{background-color:rgb(var(--zn-color-error)) !important;cursor:not-allowed}.animated-button--failure .animated-button__icon--failure{animation:failureShake var(--zn-transition-medium) ease-out}@keyframes failureShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.animated-button{transition:none}.animated-button--success::before{animation:none;transform:translateY(0)}.animated-button__shimmer{animation:none;display:none}.animated-button__spinner{animation:none}.animated-button__icon--success{animation:none;opacity:1}.animated-button__tick{animation:none;stroke-dashoffset:0}.animated-button__icon--failure{animation:none}}`;var Ra=class extends X{constructor(){super(...arguments);this.currentState="idle";this.errorMessage="";this.idleText="Purchase";this.processingText="Purchasing";this.successText="Success";this.failureText="Failed";this.redirectUrl="";this.redirectDelay=1500;this.failureResetDelay=2e3;this.disabled=!1;this.name="";this.value=""}disconnectedCallback(){super.disconnectedCallback(),this.clearTimeouts()}clearTimeouts(){this.resetTimeout&&(clearTimeout(this.resetTimeout),this.resetTimeout=void 0),this.redirectTimeout&&(clearTimeout(this.redirectTimeout),this.redirectTimeout=void 0)}purchase(){this.currentState!=="idle"||this.disabled||this.handlePurchase()}setSuccess(){this.clearTimeouts(),this.currentState="success",this.scheduleRedirect()}setFailure(t=""){this.clearTimeouts(),this.errorMessage=t,this.currentState="failure",this.scheduleReset()}reset(){this.clearTimeouts(),this.currentState="idle",this.errorMessage=""}handlePurchase(){this.clearTimeouts(),this.currentState="processing",this.emit("zn-purchase",{cancelable:!0,detail:{value:this.value,setSuccess:()=>this.setSuccess(),setFailure:i=>this.setFailure(i)}}).defaultPrevented&&(this.currentState="idle")}scheduleRedirect(){this.redirectTimeout=window.setTimeout(()=>{this.redirectUrl&&(window.location.href=this.redirectUrl),this.emit("zn-redirect",{detail:{url:this.redirectUrl}})},this.redirectDelay)}scheduleReset(){this.resetTimeout=window.setTimeout(()=>{this.reset()},this.failureResetDelay)}handleClick(){this.currentState==="idle"&&!this.disabled&&this.handlePurchase()}render(){let t=this.disabled||this.currentState!=="idle",i=this.currentState==="processing",n=this.currentState==="success",o=this.currentState==="failure",s={"animated-button":!0,"animated-button--idle":this.currentState==="idle","animated-button--processing":this.currentState==="processing","animated-button--success":this.currentState==="success","animated-button--failure":this.currentState==="failure"},l=this.idleText;return this.currentState==="processing"&&(l=this.processingText),this.currentState==="success"&&(l=this.successText),this.currentState==="failure"&&(l=this.failureText),C`
|
|
4647
4647
|
<button
|
|
4648
4648
|
class=${ie(s)}
|
|
4649
4649
|
?disabled=${t}
|