@watermarkinsights/ripple 0.0.1 → 0.1.0-alpha.1

package/dist/ripple/p-35db9386.entry.js

@@ -0,0 +1 @@
+import{r as n,c as e,h as i,H as t,g as a}from"./p-83c3db60.js";import{c as r,p as s}from"./p-ebe9f38c.js";import{l as o,e as l}from"./p-683264db.js";import{c as g,s as c}from"./p-6e3c2bbc.js";import{j as v}from"./p-9c5c591b.js";const m=class{constructor(i){n(this,i),this.wmChartStackHighlighted=e(this,"wmChartStackHighlighted",7),this.legendData=[],this.stackTotals=new Map,this.measurePending=!1,this.config=void 0,this.data=void 0,this.printMode=void 0,this.patternMode=void 0,this.subinfo=void 0,this.processedStacks=new Map,this.isKeying=!1,this.hasHiddenValues=!1,this.userIsPrinting=!1}get colorPalette(){var n;return"semantic"===(null===(n=this.config)||void 0===n?void 0:n.colors)?r.stackSemantic:r.discrete}get showLegend(){var n;return(null===(n=this.config)||void 0===n?void 0:n.showLegend)||"none"}get showGrid(){var n,e;return null!==(e=null===(n=this.config)||void 0===n?void 0:n.showGrid)&&void 0!==e&&e}get valueFormat(){var n;return(null===(n=this.config)||void 0===n?void 0:n.valueFormat)||"percentage"}get isPrintMode(){var n,e,i;return null!==(i=null!==(n=this.printMode)&&void 0!==n?n:null===(e=this.config)||void 0===e?void 0:e.printMode)&&void 0!==i&&i||this.userIsPrinting}get isPatternMode(){var n,e,i;return null!==(i=null!==(n=this.patternMode)&&void 0!==n?n:null===(e=this.config)||void 0===e?void 0:e.patternMode)&&void 0!==i&&i}get subinfoText(){var n;return this.subinfo||(null===(n=this.config)||void 0===n?void 0:n.subinfo)||""}get isSingleStack(){return 1===this.processedStacks.size}get flattenedData(){return[...this.processedStacks.values()].flat()}get segmentWrappers(){return this.el.shadowRoot.querySelectorAll(".segment-wrapper")}getPatternClass(n){var e;return this.isPatternMode&&null!==(e=s[n.color])&&void 0!==e?e:""}componentDidLoad(){new ResizeObserver((()=>this.updateHiddenValues())).observe(this.stacksEl),this.config&&this.data&&this.handleConfigDataChange()}componentDidRender(){this.measurePending&&(this.measurePending=!1,this.updateHiddenValues())}handleConfigDataChange(){this.config&&this.data?(this.processedStacks=this.buildProcessedStacks(),this.stackTotals=this.countStackTotals(this.processedStacks),this.legendData=this.buildLegendData(),this.propagateExternalLegendData(),this.measurePending=!0):(this.processedStacks=new Map,this.stackTotals=new Map,this.legendData=[],this.propagateExternalLegendData(),this.hasHiddenValues=!1)}buildProcessedStacks(){if(!this.data)return new Map;const n=new Map,e=this.colorPalette,i=new Map;this.data.forEach((n=>{i.has(n.legend)||i.set(n.legend,e[i.size]||"wmcolor-dataviz-discrete-01")}));const t=new Map;return this.data.forEach((n=>{t.has(n.stackName)||t.set(n.stackName,[]),t.get(n.stackName).push(n)})),t.forEach(((e,t)=>{const a=e.reduce(((n,e)=>n+e.amount),0),r=e.map((n=>{const e=n.color||i.get(n.legend),r=o(n.amount,a,"percentage",0);return{barLegend:n.legend,amount:n.amount,gridPercent:a>0?n.amount/a*100:0,displayValue:r,printValue:r,color:e,popoverTitle:n.popoverTitle,popoverText:n.popoverText,popoverButtonText:n.popoverButtonText,groupName:t}}));n.set(t,r)})),n}buildLegendData(){const n=new Set,e=[];return this.processedStacks.forEach((i=>{i.forEach((i=>{n.has(i.barLegend)||(n.add(i.barLegend),e.push(Object.assign(Object.assign({},i),{printValue:""})))}))})),e}countStackTotals(n){const e=new Map;return n.forEach(((n,i)=>{const t=n.reduce(((n,e)=>n+e.amount),0);e.set(i,t)})),e}propagateExternalLegendData(){document.querySelectorAll("wm-chart-legend").forEach((n=>{n.chartIds.split(" ").includes(this.el.id)&&(n.processedData=this.legendData,n.patternMode=this.isPatternMode?"horizontal":void 0)}))}handleChartKeyDown(n){switch(n.key){case"ArrowDown":case"ArrowRight":n.preventDefault(),this.el.shadowRoot.activeElement===this.componentWrapperEl&&this.focusSegment(0,0);break;case"Tab":this.clearFocus();break;case"Escape":n.preventDefault(),n.stopPropagation(),this.popoverEl.open&&(this.popoverEl.open=!1)}}handleSegmentKeyDown(n,e,i){const t=this.segmentCount(e),a=this.processedStacks.size;switch(n.key){case"ArrowLeft":n.preventDefault(),this.focusSegment(e,(i-1+t)%t);break;case"ArrowRight":n.preventDefault(),this.focusSegment(e,(i+1)%t);break;case"ArrowUp":n.preventDefault(),this.focusSegment((e-1+a)%a,0);break;case"ArrowDown":n.preventDefault(),this.focusSegment((e+1)%a,0);break;case"Enter":if(this.popoverEl.open){const n=this.popoverEl.querySelector("button");n&&n.click()}}}handleSegmentClick(n,e){this.highlightSegment(e),this.openPopover(e,{x:n.clientX,y:n.clientY})}handleLegendItemClick(n){var e;if("WM-CHART-LEGEND"===n.target.nodeName&&n.target.chartIds.includes(this.el.id))if(-1===n.detail.idx)this.clearHighlights();else{const i=null===(e=this.legendData[n.detail.idx])||void 0===e?void 0:e.barLegend;i&&this.highlightSegmentsByLegend(i)}}handleDocumentClick(n){this.popoverEl.open||this.clearHighlights()}handleUserIsKeying(){this.isKeying=!0}handleUserIsNotKeying(){this.isKeying=!1}handleBeforePrint(){this.userIsPrinting=!0,this.measurePending=!0}handleAfterPrint(){this.userIsPrinting=!1,this.measurePending=!0}handleComponentBlur(n){v(this.el,n.relatedTarget)||this.clearFocus()}segmentCount(n){var e,i;return null!==(i=null===(e=[...this.processedStacks.values()][n])||void 0===e?void 0:e.length)&&void 0!==i?i:0}segmentAt(n,e){var i;return null===(i=[...this.processedStacks.values()][n])||void 0===i?void 0:i[e]}focusSegment(n,e){const i=this.el.shadowRoot.querySelector(`.segment[data-stack-index="${n}"][data-segment-index="${e}"]`),t=this.segmentAt(n,e);if(!i||!t)return;i.focus(),this.highlightSegment(t);const a=i.getBoundingClientRect();this.openPopover(t,{x:a.left+12,y:a.top+12})}openPopover(n,e){var i,t;if(!this.data||!this.config)return;const a=this.data.find((e=>e.legend===n.barLegend&&e.stackName===n.groupName));if(!a)return;const r=null!==(t=this.stackTotals.get(null!==(i=n.groupName)&&void 0!==i?i:""))&&void 0!==t?t:0,s=a.popoverButtonText||this.config.popoverButtonText||"";this.componentWrapperEl.classList.toggle("hide-focus-ring",!!s),this.popoverEl.chartData=Object.assign(Object.assign({},a),{barLegend:a.legend}),this.popoverEl.header=a.popoverTitle||this.config.popoverTitle||`${a.amount}/${r}`,this.popoverEl.text=a.popoverText||this.config.popoverText||a.legend,this.popoverEl.buttonText=s,this.popoverEl.coords=e,window.setTimeout((()=>{this.popoverEl.open=!0,this.popoverEl.announceContents()}),30)}handlePopoverToggled(n){setTimeout((()=>{if(this.popoverEl.open){const n=this.popoverEl.chartData,e=this.flattenedData.find((e=>e.barLegend===(null==n?void 0:n.barLegend)&&e.groupName===(null==n?void 0:n.groupName)));e&&this.highlightSegment(e)}else this.clearHighlights()}),30)}highlightSegment(n){var e;const i=this.flattenedData.indexOf(n),t=this.segmentWrappers;t.forEach((n=>n.classList.add("faded"))),null===(e=t[i])||void 0===e||e.classList.remove("faded");const a=this.legendData.findIndex((e=>e.barLegend===n.barLegend));this.wmChartStackHighlighted.emit({idx:a})}highlightSegmentsByLegend(n){this.segmentWrappers.forEach(((e,i)=>{var t;e.classList.toggle("faded",(null===(t=this.flattenedData[i])||void 0===t?void 0:t.barLegend)!==n)}))}clearHighlights(){this.segmentWrappers.forEach((n=>n.classList.remove("faded"))),this.wmChartStackHighlighted.emit({idx:-1})}clearFocus(){this.popoverEl.open&&(this.popoverEl.open=!1),this.clearHighlights()}updateHiddenValues(){let n=!1;this.segmentWrappers.forEach((e=>{const i=e.querySelector(".value");if(!i)return;const t=i.scrollWidth<=e.clientWidth;i.classList.toggle("hidden",!t),t||(n=!0)})),this.hasHiddenValues!==n&&(this.hasHiddenValues=n)}renderValue(n){return i("div",{class:"value"},i("span",{class:"percent"},n.displayValue))}renderSegment(n,e,t){var a,r;return i("div",{class:"segment-wrapper",style:{"--segment-width":`${n.gridPercent}%`},key:`${e}-${t}`},(this.isPrintMode||"percentage"===this.valueFormat)&&this.renderValue(n),i("div",{class:`segment horizontal ${this.getPatternClass(n)}`,style:{"--segment-color":`var(--${n.color})`},tabindex:"-1",role:"img","aria-label":`${n.groupName}, ${n.displayValue}. ${n.amount}/${null!==(r=this.stackTotals.get(null!==(a=n.groupName)&&void 0!==a?a:""))&&void 0!==r?r:0} ${n.barLegend}`,"data-stack-index":e,"data-segment-index":t,onClick:e=>this.handleSegmentClick(e,n),onKeyDown:n=>this.handleSegmentKeyDown(n,e,t)}))}renderStacks(){const n=[...this.processedStacks.keys()],e=this.isPrintMode?2:1;return n.map(((n,t)=>{const a=this.processedStacks.get(n)||[],r=""+(t*e+1);return[!this.isSingleStack&&i("div",{class:"stack-label",key:`label-${n}`,style:{"--stack-grid-row":r}},i("span",{class:"stack-name"},n)),i("div",{class:"stack-bar",key:`bar-${n}`,style:{"--stack-grid-row":r}},a.map(((n,e)=>this.renderSegment(n,t,e)))),this.isPrintMode&&i("div",{class:"print-table-cell",key:`table-${n}`,style:{"--stack-grid-row":""+(t*e+2)}},this.renderPrintTable(n,a))]}))}renderPrintTable(n,e){var t;const a=null!==(t=this.stackTotals.get(n))&&void 0!==t?t:0;return i("div",{class:"print-table","aria-hidden":"true"},e.map((e=>{var t,r,s;return i("div",{class:"print-row",key:`row-${n}-${e.barLegend}`},i("div",{class:"print-legend"},i("div",{class:`swatch horizontal ${this.getPatternClass(e)}`,style:{"--segment-color":`var(--${e.color})`}}),i("span",{class:"print-legend-name"},e.barLegend)),i("span",{class:"print-percent"},e.displayValue),i("span",{class:"print-fraction"},e.amount,"/",a),i("span",{class:"print-text"},null!==(s=null!==(t=e.popoverText)&&void 0!==t?t:null===(r=this.config)||void 0===r?void 0:r.popoverText)&&void 0!==s?s:""))})))}renderLegend(n){return this.isPrintMode?null:i("div",{class:`legend --${n} --${this.showLegend}`},i("wm-chart-legend",{orientation:n,chartIds:this.el.id,processedData:this.legendData,printMode:this.isPrintMode,patternMode:this.isPatternMode?"horizontal":void 0,onWmLegendItemClick:n=>this.handleLegendItemClick(n),onWmLegendItemHover:n=>this.handleLegendItemClick(n)}))}render(){var n,e,a,r;const s=this.processedStacks.size*(this.isPrintMode?2:1)+1;return i(t,{key:"a02be9b6a7e8a570d12fc471ab0899c1d6bff609"},i("div",{key:"27a456aca42c248c767a3d44d4fca43e27342113",class:"popover-wrapper"},i("priv-chart-popover",{key:"710e6b9ed574358949d86736991a94ff23033e1b",ref:n=>this.popoverEl=n,onIntChartPopoverToggled:n=>this.handlePopoverToggled(n)})),i("div",{key:"c696620647c3a4bf69b8cbfdfd88fe0d56c0e9e4",ref:n=>this.componentWrapperEl=n,class:`component-wrapper ${this.isPrintMode?"print-mode":""} ${this.isPatternMode?"pattern-mode":""}`,tabindex:"0",role:"application",onKeyDown:n=>this.handleChartKeyDown(n),onBlur:n=>this.handleComponentBlur(n),"aria-roledescription":g.interactiveChart,"aria-describedby":"chart-instructions","aria-label":null===(n=this.config)||void 0===n?void 0:n.label},(null===(a=null===(e=this.config)||void 0===e?void 0:e.showLabel)||void 0===a||a)&&i("label",{key:"7bcc1cdcf20e17af7078d5ddec312accafb0ee2a",id:"label",class:"label"},i("span",{key:"4b1e5090ccbaf485a5efd543575056f77ecc3af8",class:"label-text"},null===(r=this.config)||void 0===r?void 0:r.label),this.subinfoText&&i("span",{key:"4eba44204c943e58e16a0edd2787315d44ae2f23",class:"subinfo"},this.subinfoText)),"top"===this.showLegend&&this.renderLegend("horizontal"),i("div",{key:"c11932585eb98bc5b12ead052e6965d954d28b0f",class:"chart-body"},"left"===this.showLegend&&this.renderLegend("vertical"),i("div",{key:"772c6c62d2ff5ef996ca6e72bd18f174a5357dc3",class:`stacks ${this.isKeying?"user-is-keying":""} ${this.showGrid?"show-grid":""} ${this.isSingleStack?"single-stack":""}`,ref:n=>this.stacksEl=n,style:{"--grid-line-row":`${s}`}},this.showGrid&&i("div",{key:"85170b43d60832f82fca6588c39e0ccbcc00cede",class:"vertical-grid-line"}),this.renderStacks(),this.showGrid&&i("div",{key:"ac782af53cf46f6797bb1a564fdbbc221fd8ea43",class:"x-axis"},i("div",{key:"f6175cb9012164eda83c920edc9746c25753bc1e",class:"x-axis-line"}),i("div",{key:"d218b9ce3d734dd6e218f16d944e93199ac52580",class:"x-axis-ticks"},i("span",{key:"eff3d60abf1a6ca2cbaf0247996d891d3cbfadad",class:"tick zero"},"0%"),i("span",{key:"8767b56809d269272bdc1ef9ccd4d194e6c79070",class:"tick end"},"100%")))),"right"===this.showLegend&&this.renderLegend("vertical")),"bottom"===this.showLegend&&this.renderLegend("horizontal"),!this.isPrintMode&&i("div",{key:"1d9a5524f1669987d19daa5d5fff5dcde93fe4ba",class:"hidden-values-warning "+(this.hasHiddenValues?"":"hidden")},c.hiddenValues),l()))}static get delegatesFocus(){return!0}get el(){return a(this)}static get watchers(){return{config:["handleConfigDataChange"],data:["handleConfigDataChange"]}}};m.style="/* --------------------------------------\n   1. Box-shadow\n   -------------------------------------- */\n/* --------------------------------------\n   2. Border-radius\n   -------------------------------------- */\n/* --------------------------------------\n   3. Transforms\n   -------------------------------------- */\n/* --------------------------------------\n   4. Button Focus\n   -------------------------------------- */\n/* --------------------------------------\n   5. Flex\n   -------------------------------------- */\n/* --------------------------------------\n   7. Screen Reader Only\n   -------------------------------------- */\n/* --------------------------------------\n   8. Label styles\n   this mixin includes all the styles for the label\n   + flex rules on the parent container to switch between top and left position\n   + srOnly when label is hidden\n   Assumes the following markup:\n   div.wrapper[.label-left.invalid] > div.label-wrapper > label.label > span.required\n   .wrapper is for the flex rules\n   .label-wrapper is to set the height of the label when positioned left so it's the same height as\n   the input. It can't be done directly on .label because of possible line wrapping.\n   When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements\n   (they can't be aligned on the baseline because of possible description text and error message)\n   -------------------------------------- */\n:host .component-wrapper {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  gap: 1.5rem;\n}\n:host .component-wrapper:focus-visible {\n  outline: none;\n  outline: 3px solid var(--wmcolor-interactive-focus);\n  outline-offset: 3px;\n}\n:host .component-wrapper:not(.hide-focus-ring) .bar-area.user-is-keying .bar:focus {\n  outline: none;\n  outline: 3px solid var(--wmcolor-interactive-focus);\n  outline-offset: 3px;\n}\n:host .label {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n}\n:host .label .label-text {\n  display: block;\n  font-weight: 600;\n  font-size: 1.125rem;\n}\n:host .label .subinfo {\n  display: block;\n  font-weight: normal;\n  font-style: italic;\n  inset-block-end: 0.25rem;\n  width: 100%;\n  color: var(--wmcolor-chart-subinfo-text);\n}\n:host .legend.--vertical {\n  max-width: 12.5rem;\n}\n:host .value {\n  --offset: 0px;\n  font-size: 0.875rem;\n  white-space: nowrap;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n}\n:host .value.vertical {\n  inset-block-end: var(--offset);\n  flex-direction: column;\n}\n:host .value.horizontal {\n  inset-inline-start: var(--offset);\n  flex-direction: row;\n  gap: 0.25rem;\n}\n:host .value .supplemental-value {\n  display: none;\n  font-size: 0.875rem;\n  font-style: italic;\n  font-weight: 400;\n}\n:host .axis-label-text {\n  text-align: center;\n  font-size: 0.875rem;\n  font-weight: 600;\n}\n:host .group-legend,\n:host .bar-legend {\n  font-size: 1rem;\n  font-weight: 500;\n  word-break: break-word;\n}\n:host .tick {\n  font-size: 0.875rem;\n  font-weight: 400;\n}\n:host .chart-left-side {\n  display: flex;\n  flex: 0 1 0%;\n  gap: 0.75rem;\n}\n:host .chart-left-side:empty {\n  display: none;\n}\n:host .chart-right-side:empty {\n  display: none;\n}\n:host .left-axis-label {\n  max-width: 9.375rem;\n  flex-basis: min-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n@container chart-measure (max-width: 414px) {\n  :host .left-axis-label {\n    display: none;\n  }\n}\n:host .bottom-axis-label {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n:host .bar-wrapper.faded {\n  opacity: 0.3;\n}\n:host .bar-wrapper .bar {\n  background-color: var(--bar-color);\n  border: 1px solid var(--bar-color);\n  box-sizing: border-box;\n  background-repeat: repeat;\n}\n:host .bar-wrapper .bar.pattern-discrete-03 {\n  background-image: radial-gradient(circle at 1.5px 1.5px, var(--wmcolor-dataviz-discrete-03) 1.5px, var(--wmcolor-tobiasblue-10) 1.5px);\n  background-size: 6px 5px;\n  background-position: 1px 1px;\n}\n:host .bar-wrapper .bar.pattern-discrete-03.horizontal {\n  background-size: 5px 6px;\n}\n:host .bar-wrapper .bar.pattern-discrete-05 {\n  background-image: radial-gradient(circle at 4px 4px, var(--wmcolor-orangutan-10) 2px, var(--wmcolor-dataviz-discrete-05) 2px, var(--wmcolor-dataviz-discrete-05) 4px, var(--wmcolor-orangutan-10) 4px);\n  background-size: 9px 9px;\n  background-position: -1px 0px;\n}\n:host .bar-wrapper .bar.pattern-discrete-05.horizontal {\n  background-position: 0px -1px;\n}\n:host .bar-wrapper .bar.pattern-discrete-06 {\n  background-image: radial-gradient(circle at 3px 3px, var(--wmcolor-dataviz-discrete-06) 3px, #ffe7e4 3px);\n  background-size: 8px 9px;\n}\n:host .bar-wrapper .bar.pattern-discrete-06.horizontal {\n  background-size: 9px 8px;\n}\n:host .bar-wrapper .bar.pattern-discrete-07 {\n  --pattern-angle: 180deg;\n  background-image: linear-gradient(var(--pattern-angle), transparent 0px, transparent 3px, var(--wmcolor-dataviz-discrete-07) 3px, var(--wmcolor-dataviz-discrete-07) 5px, transparent 5px), radial-gradient(circle at 4px 4px, var(--wmcolor-dataviz-discrete-07) 3px, #a1d4f5 3px);\n  background-size: 8px 14px;\n}\n:host .bar-wrapper .bar.pattern-discrete-07.horizontal {\n  --pattern-angle: 90deg;\n  background-size: 14px 8px;\n}\n:host .bar-wrapper .bar.pattern-semantic-positive-02 {\n  background-image: repeating-linear-gradient(45deg, var(--wmcolor-dataviz-semantic-positive-02) 0px, var(--wmcolor-dataviz-semantic-positive-02) 3px, transparent 3px, transparent 7px), repeating-linear-gradient(135deg, var(--wmcolor-dataviz-semantic-positive-02) 0px, var(--wmcolor-dataviz-semantic-positive-02) 3px, var(--wmcolor-cyan-10) 3px, var(--wmcolor-cyan-10) 7px);\n}\n:host .bar-wrapper .bar.pattern-semantic-negative-01 {\n  --pattern-angle: 135deg;\n  background-image: repeating-linear-gradient(var(--pattern-angle), var(--wmcolor-dataviz-semantic-negative-01) 0px, var(--wmcolor-dataviz-semantic-negative-01) 2px, #ffe7e4 2px, #ffe7e4 8px);\n}\n:host .bar-wrapper .bar.pattern-semantic-negative-01.horizontal {\n  --pattern-angle: 45deg;\n}\n:host .bar-wrapper .bar.pattern-semantic-negative-02 {\n  --pattern-angle: 135deg;\n  background-image: repeating-linear-gradient(var(--pattern-angle), #ffe7e4 0px, #ffe7e4 2px, var(--wmcolor-dataviz-semantic-negative-02) 2px, var(--wmcolor-dataviz-semantic-negative-02) 8px);\n}\n:host .bar-wrapper .bar.pattern-semantic-negative-02.horizontal {\n  --pattern-angle: 45deg;\n}\n:host .bar-wrapper .bar.pattern-semantic-neutral-01 {\n  --pattern-angle: 0deg;\n  background-image: repeating-linear-gradient(var(--pattern-angle), var(--wmcolor-periwinkle-10) 0px, var(--wmcolor-periwinkle-10) 2px, var(--wmcolor-dataviz-semantic-neutral-01) 2px, var(--wmcolor-dataviz-semantic-neutral-01) 8px);\n}\n:host .bar-wrapper .bar.pattern-semantic-neutral-01.horizontal {\n  --pattern-angle: 90deg;\n}\n:host .bar-wrapper .bar.pattern-semantic-neutral-03 {\n  --pattern-angle: 0deg;\n  background-image: repeating-linear-gradient(var(--pattern-angle), var(--wmcolor-periwinkle-10) 0px, var(--wmcolor-periwinkle-10) 3px, var(--wmcolor-dataviz-semantic-neutral-03) 3px, var(--wmcolor-dataviz-semantic-neutral-03) 5px);\n}\n:host .bar-wrapper .bar.pattern-semantic-neutral-03.horizontal {\n  --pattern-angle: 90deg;\n}\n:host .bar-wrapper .bar.pattern-semantic-unspecified {\n  background-image: repeating-linear-gradient(45deg, var(--wmcolor-dataviz-semantic-unspecified) 0px, var(--wmcolor-dataviz-semantic-unspecified) 1px, transparent 1px, transparent 7px), repeating-linear-gradient(135deg, var(--wmcolor-dataviz-semantic-unspecified) 0px, var(--wmcolor-dataviz-semantic-unspecified) 1px, var(--wmcolor-gray-20) 1px, var(--wmcolor-gray-20) 7px);\n}\n:host .bar-wrapper .bar:hover {\n  -webkit-box-shadow: 0px 4px 15px 0px rgba(92, 59, 59, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12);\n  -moz-box-shadow: 0px 4px 15px 0px rgba(92, 59, 59, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12);\n  box-shadow: 0px 4px 15px 0px rgba(92, 59, 59, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12);\n}\n:host .component-wrapper.print-mode .value {\n  font-size: 1rem;\n  font-weight: 700;\n}\n:host .component-wrapper.print-mode .supplemental-value {\n  display: unset;\n}\n@media print {\n  :host .component-wrapper .value {\n    font-size: 1rem;\n    font-weight: 700;\n  }\n  :host .component-wrapper .supplemental-value {\n    display: unset;\n  }\n}\n\n.svg-icon {\n  display: block;\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n}\n.svg-icon.horizontal {\n  transform: scaleX(-1);\n}\n.svg-icon.vertical {\n  transform: scaleY(-1);\n}\n.svg-icon.svg-add:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-add:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-archive:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-archive:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.54 5.23L19.15 3.55C18.88 3.21 18.47 3 18 3H6C5.53 3 5.12 3.21 4.84 3.55L3.46 5.23C3.17 5.57 3 6.02 3 6.5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V6.5C21 6.02 20.83 5.57 20.54 5.23ZM12 17.5L6.5 12H10V10H14V12H17.5L12 17.5ZM5.12 5L5.93 4H17.93L18.87 5H5.12Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.54 5.23L19.15 3.55C18.88 3.21 18.47 3 18 3H6C5.53 3 5.12 3.21 4.84 3.55L3.46 5.23C3.17 5.57 3 6.02 3 6.5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V6.5C21 6.02 20.83 5.57 20.54 5.23ZM12 17.5L6.5 12H10V10H14V12H17.5L12 17.5ZM5.12 5L5.93 4H17.93L18.87 5H5.12Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-add-person:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-add-person:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M6,10V7H4V10H1V12H4V15H6V12H9V10M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M6,10V7H4V10H1V12H4V15H6V12H9V10M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-add-outline:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-add-outline:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-ai:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-ai:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,1L9,9L1,12L9,15L12,23L15,15L23,12L15,9L12,1Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,1L9,9L1,12L9,15L12,23L15,15L23,12L15,9L12,1Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-ai-sparkles:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-ai-sparkles:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11.0834 0.583328L10.3484 2.18749L8.75004 2.91666L10.3484 3.65166L11.0834 5.25L11.8125 3.65166L13.4167 2.91666L11.8125 2.18749M5.25004 2.33333L3.79171 5.54166L0.583374 7L3.79171 8.45833L5.25004 11.6667L6.70837 8.45833L9.91671 7L6.70837 5.54166M11.0834 8.75L10.3484 10.3483L8.75004 11.0833L10.3484 11.8125L11.0834 13.4167L11.8125 11.8125L13.4167 11.0833L11.8125 10.3483'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11.0834 0.583328L10.3484 2.18749L8.75004 2.91666L10.3484 3.65166L11.0834 5.25L11.8125 3.65166L13.4167 2.91666L11.8125 2.18749M5.25004 2.33333L3.79171 5.54166L0.583374 7L3.79171 8.45833L5.25004 11.6667L6.70837 8.45833L9.91671 7L6.70837 5.54166M11.0834 8.75L10.3484 10.3483L8.75004 11.0833L10.3484 11.8125L11.0834 13.4167L11.8125 11.8125L13.4167 11.0833L11.8125 10.3483'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-ai-chat:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-ai-chat:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19 1.5H5C3.9 1.5 3 2.4 3 3.5V17.5C3 18.6 3.9 19.5 5 19.5H9L12 22.5L15 19.5H19C20.1 19.5 21 18.6 21 17.5V3.5C21 2.4 20.1 1.5 19 1.5ZM19 17.5H14.17L12 19.67L9.83 17.5H5V3.5H19V17.5ZM12 16.5L13.88 12.38L18 10.5L13.88 8.62L12 4.5L10.12 8.62L6 10.5L10.12 12.38L12 16.5Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19 1.5H5C3.9 1.5 3 2.4 3 3.5V17.5C3 18.6 3.9 19.5 5 19.5H9L12 22.5L15 19.5H19C20.1 19.5 21 18.6 21 17.5V3.5C21 2.4 20.1 1.5 19 1.5ZM19 17.5H14.17L12 19.67L9.83 17.5H5V3.5H19V17.5ZM12 16.5L13.88 12.38L18 10.5L13.88 8.62L12 4.5L10.12 8.62L6 10.5L10.12 12.38L12 16.5Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-api-connected:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-api-connected:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.88 6.85 7.75 5.43 9.63 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20M6.5 18H18.5Q19.55 18 20.27 17.27 21 16.55 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 9.93 6 8.46 7.46 7 8.93 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18M12 12Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.88 6.85 7.75 5.43 9.63 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20M6.5 18H18.5Q19.55 18 20.27 17.27 21 16.55 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 9.93 6 8.46 7.46 7 8.93 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18M12 12Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-api-disconnected:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-api-disconnected:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19.8 22.6L17.15 20H6.5Q4.2 20 2.6 18.4T1 14.5Q1 12.58 2.19 11.08 3.38 9.57 5.25 9.15 5.33 8.95 5.4 8.76 5.5 8.57 5.55 8.35L1.4 4.2L2.8 2.8L21.2 21.2M6.5 18H15.15L7.1 9.95Q7.05 10.23 7.03 10.5 7 10.73 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18M11.13 14M21.6 18.75L20.15 17.35Q20.58 17 20.79 16.54 21 16.08 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 11.33 6 10.7 6.16 10.07 6.33 9.5 6.68L8.05 5.23Q8.93 4.63 9.91 4.31 10.9 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 16.5 22.63 17.31 22.25 18.15 21.6 18.75M14.83 12.03Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19.8 22.6L17.15 20H6.5Q4.2 20 2.6 18.4T1 14.5Q1 12.58 2.19 11.08 3.38 9.57 5.25 9.15 5.33 8.95 5.4 8.76 5.5 8.57 5.55 8.35L1.4 4.2L2.8 2.8L21.2 21.2M6.5 18H15.15L7.1 9.95Q7.05 10.23 7.03 10.5 7 10.73 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18M11.13 14M21.6 18.75L20.15 17.35Q20.58 17 20.79 16.54 21 16.08 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 11.33 6 10.7 6.16 10.07 6.33 9.5 6.68L8.05 5.23Q8.93 4.63 9.91 4.31 10.9 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 16.5 22.63 17.31 22.25 18.15 21.6 18.75M14.83 12.03Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-attach:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-attach:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.5,6V17.5A4,4 0 0,1 12.5,21.5A4,4 0 0,1 8.5,17.5V5A2.5,2.5 0 0,1 11,2.5A2.5,2.5 0 0,1 13.5,5V15.5A1,1 0 0,1 12.5,16.5A1,1 0 0,1 11.5,15.5V6H10V15.5A2.5,2.5 0 0,0 12.5,18A2.5,2.5 0 0,0 15,15.5V5A4,4 0 0,0 11,1A4,4 0 0,0 7,5V17.5A5.5,5.5 0 0,0 12.5,23A5.5,5.5 0 0,0 18,17.5V6H16.5Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.5,6V17.5A4,4 0 0,1 12.5,21.5A4,4 0 0,1 8.5,17.5V5A2.5,2.5 0 0,1 11,2.5A2.5,2.5 0 0,1 13.5,5V15.5A1,1 0 0,1 12.5,16.5A1,1 0 0,1 11.5,15.5V6H10V15.5A2.5,2.5 0 0,0 12.5,18A2.5,2.5 0 0,0 15,15.5V5A4,4 0 0,0 11,1A4,4 0 0,0 7,5V17.5A5.5,5.5 0 0,0 12.5,23A5.5,5.5 0 0,0 18,17.5V6H16.5Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-back:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-back:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-close:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-close:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-copy:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-copy:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-checkbox-selected:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-checkbox-selected:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-checkbox-blank:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-checkbox-blank:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-collapsed:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-collapsed:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M10,17L15,12L10,7V17Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M10,17L15,12L10,7V17Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-date:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-date:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M17,12H12V17H17V12Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M17,12H12V17H17V12Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-delete:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-delete:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-download:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-download:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-drilldown:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-drilldown:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M2,3h14v4H2V3 M2,10h20v4H2V10 M2,17h8v4H2V17z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M2,3h14v4H2V3 M2,10h20v4H2V10 M2,17h8v4H2V17z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-edit:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-edit:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-error:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-error:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-expand-less:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-expand-less:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-expand-more:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-expand-more:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-expanded:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-expanded:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7,10L12,15L17,10H7Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7,10L12,15L17,10H7Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-filter:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-filter:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M14,12V19.88C14.04,20.18 13.94,20.5 13.71,20.71C13.32,21.1 12.69,21.1 12.3,20.71L10.29,18.7C10.06,18.47 9.96,18.16 10,17.87V12H9.97L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L14.03,12H14Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M14,12V19.88C14.04,20.18 13.94,20.5 13.71,20.71C13.32,21.1 12.69,21.1 12.3,20.71L10.29,18.7C10.06,18.47 9.96,18.16 10,17.87V12H9.97L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L14.03,12H14Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-forward:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-forward:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-help-center:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-help-center:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-hide:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-hide:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-info:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-info:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-locked:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-locked:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-menu:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-menu:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-more-options:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-more-options:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-move-down:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-move-down:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-move-up:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-move-up:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-navigator-icon:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-navigator-icon:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' fill-rule='evenodd' clip-rule='evenodd' d='M21.9,11.5c0,5.5-4.4,9.9-9.9,9.9c-5.5,0-9.9-4.4-9.9-9.9C2.1,6,6.5,1.6,12,1.6 C17.5,1.6,21.9,6,21.9,11.5z M22.5,11.5C22.5,17.3,17.8,22,12,22C6.2,22,1.5,17.3,1.5,11.5C1.5,5.7,6.2,1,12,1 C17.8,1,22.5,5.7,22.5,11.5z M7.7,15.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3s0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S7.4,15.6,7.7,15.8z M11.2,15.8c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S10.9,15.6,11.2,15.8z M14.7,15.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S14.4,15.6,14.7,15.8z M7.7,12.3c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S7.4,12.1,7.7,12.3z M11.2,12.3c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S10.9,12.1,11.2,12.3z M14.7,12.3c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S14.4,12.1,14.7,12.3z M7.7,8.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3S9.7,8.3,9.7,8S9.6,7.4,9.3,7.2S8.8,6.8,8.5,6.8 S7.9,6.9,7.7,7.2S7.3,7.7,7.3,8S7.4,8.6,7.7,8.8z M11.2,8.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8 s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S10.9,8.6,11.2,8.8z M14.7,8.8 c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3 c-0.2,0.2-0.3,0.5-0.3,0.8S14.4,8.6,14.7,8.8z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' fill-rule='evenodd' clip-rule='evenodd' d='M21.9,11.5c0,5.5-4.4,9.9-9.9,9.9c-5.5,0-9.9-4.4-9.9-9.9C2.1,6,6.5,1.6,12,1.6 C17.5,1.6,21.9,6,21.9,11.5z M22.5,11.5C22.5,17.3,17.8,22,12,22C6.2,22,1.5,17.3,1.5,11.5C1.5,5.7,6.2,1,12,1 C17.8,1,22.5,5.7,22.5,11.5z M7.7,15.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3s0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S7.4,15.6,7.7,15.8z M11.2,15.8c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S10.9,15.6,11.2,15.8z M14.7,15.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S14.4,15.6,14.7,15.8z M7.7,12.3c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S7.4,12.1,7.7,12.3z M11.2,12.3c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S10.9,12.1,11.2,12.3z M14.7,12.3c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S14.4,12.1,14.7,12.3z M7.7,8.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3S9.7,8.3,9.7,8S9.6,7.4,9.3,7.2S8.8,6.8,8.5,6.8 S7.9,6.9,7.7,7.2S7.3,7.7,7.3,8S7.4,8.6,7.7,8.8z M11.2,8.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8 s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S10.9,8.6,11.2,8.8z M14.7,8.8 c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3 c-0.2,0.2-0.3,0.5-0.3,0.8S14.4,8.6,14.7,8.8z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-next:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-next:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-notifications:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-notifications:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-open-in-new:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-open-in-new:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-pending:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-pending:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.3,19.3l1.1,1.8c-1,0.5-2.1,0.8-3.3,0.9v-2.1C13.8,19.8,14.6,19.6,15.3,19.3z M3.6,12.6H1.5 c0.1,1.2,0.4,2.3,0.9,3.3l1.8-1.1C3.9,14.1,3.7,13.3,3.6,12.6z M15.3,3.7l1.1-1.8c-1-0.5-2.1-0.8-3.3-0.9v2.1 C13.8,3.2,14.6,3.4,15.3,3.7z M20.4,10.4h2.1c-0.1-1.2-0.4-2.3-0.9-3.3l-1.8,1.1C20.1,8.9,20.3,9.7,20.4,10.4z M8.7,19.3l-1.1,1.8 c1,0.5,2.1,0.8,3.3,0.9v-2.1C10.2,19.8,9.4,19.6,8.7,19.3z M10.9,3.1V1C9.8,1.1,8.7,1.4,7.7,1.9l1.1,1.8C9.4,3.4,10.2,3.2,10.9,3.1 z M18.7,6.4l1.8-1.1c-0.7-0.9-1.5-1.7-2.4-2.4l-1.1,1.8C17.7,5.3,18.2,5.8,18.7,6.4z M4.2,8.2L2.4,7.2c-0.5,1-0.8,2.1-0.9,3.3h2.1 C3.7,9.7,3.9,8.9,4.2,8.2z M20.4,12.6c-0.1,0.8-0.3,1.5-0.6,2.2l1.8,1.1c0.5-1,0.8-2.1,0.9-3.3H20.4z M17.1,18.2l1.1,1.8 c0.9-0.7,1.7-1.5,2.4-2.4l-1.8-1.1C18.2,17.2,17.7,17.7,17.1,18.2z M6.9,4.8L5.8,2.9C4.9,3.6,4.1,4.4,3.5,5.3l1.8,1.1 C5.8,5.8,6.3,5.3,6.9,4.8z M5.3,16.6l-1.8,1.1c0.7,0.9,1.5,1.7,2.4,2.4l1.1-1.8C6.3,17.7,5.8,17.2,5.3,16.6z M13.1,6.2h-2.1v5.7 l4.5,4.5L17,15l-3.9-3.9V6.2z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.3,19.3l1.1,1.8c-1,0.5-2.1,0.8-3.3,0.9v-2.1C13.8,19.8,14.6,19.6,15.3,19.3z M3.6,12.6H1.5 c0.1,1.2,0.4,2.3,0.9,3.3l1.8-1.1C3.9,14.1,3.7,13.3,3.6,12.6z M15.3,3.7l1.1-1.8c-1-0.5-2.1-0.8-3.3-0.9v2.1 C13.8,3.2,14.6,3.4,15.3,3.7z M20.4,10.4h2.1c-0.1-1.2-0.4-2.3-0.9-3.3l-1.8,1.1C20.1,8.9,20.3,9.7,20.4,10.4z M8.7,19.3l-1.1,1.8 c1,0.5,2.1,0.8,3.3,0.9v-2.1C10.2,19.8,9.4,19.6,8.7,19.3z M10.9,3.1V1C9.8,1.1,8.7,1.4,7.7,1.9l1.1,1.8C9.4,3.4,10.2,3.2,10.9,3.1 z M18.7,6.4l1.8-1.1c-0.7-0.9-1.5-1.7-2.4-2.4l-1.1,1.8C17.7,5.3,18.2,5.8,18.7,6.4z M4.2,8.2L2.4,7.2c-0.5,1-0.8,2.1-0.9,3.3h2.1 C3.7,9.7,3.9,8.9,4.2,8.2z M20.4,12.6c-0.1,0.8-0.3,1.5-0.6,2.2l1.8,1.1c0.5-1,0.8-2.1,0.9-3.3H20.4z M17.1,18.2l1.1,1.8 c0.9-0.7,1.7-1.5,2.4-2.4l-1.8-1.1C18.2,17.2,17.7,17.7,17.1,18.2z M6.9,4.8L5.8,2.9C4.9,3.6,4.1,4.4,3.5,5.3l1.8,1.1 C5.8,5.8,6.3,5.3,6.9,4.8z M5.3,16.6l-1.8,1.1c0.7,0.9,1.5,1.7,2.4,2.4l1.1-1.8C6.3,17.7,5.8,17.2,5.3,16.6z M13.1,6.2h-2.1v5.7 l4.5,4.5L17,15l-3.9-3.9V6.2z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-previous:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-previous:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-remove:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-remove:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-remove-tag:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-remove-tag:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-reset:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-reset:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,5V1L7,6L12,11V7A6,6 0 0,1 18,13A6,6 0 0,1 12,19A6,6 0 0,1 6,13H4A8,8 0 0,0 12,21A8,8 0 0,0 20,13A8,8 0 0,0 12,5Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,5V1L7,6L12,11V7A6,6 0 0,1 18,13A6,6 0 0,1 12,19A6,6 0 0,1 6,13H4A8,8 0 0,0 12,21A8,8 0 0,0 20,13A8,8 0 0,0 12,5Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-restore:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-restore:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13.5,8H12V13L16.28,15.54L17,14.33L13.5,12.25V8M13,3A9,9 0 0,0 4,12H1L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13.5,8H12V13L16.28,15.54L17,14.33L13.5,12.25V8M13,3A9,9 0 0,0 4,12H1L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-rotate-right:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-rotate-right:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-save:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-save:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-search:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-search:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-shape-circle:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-shape-circle:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z '/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z '/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-shape-pentagon:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-shape-pentagon:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,2.5L2,9.8L5.8,21.5H18.2L22,9.8L12,2.5Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,2.5L2,9.8L5.8,21.5H18.2L22,9.8L12,2.5Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-shape-rhombus:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-shape-rhombus:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12 2C11.5 2 11 2.19 10.59 2.59L2.59 10.59C1.8 11.37 1.8 12.63 2.59 13.41L10.59 21.41C11.37 22.2 12.63 22.2 13.41 21.41L21.41 13.41C22.2 12.63 22.2 11.37 21.41 10.59L13.41 2.59C13 2.19 12.5 2 12 2Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12 2C11.5 2 11 2.19 10.59 2.59L2.59 10.59C1.8 11.37 1.8 12.63 2.59 13.41L10.59 21.41C11.37 22.2 12.63 22.2 13.41 21.41L21.41 13.41C22.2 12.63 22.2 11.37 21.41 10.59L13.41 2.59C13 2.19 12.5 2 12 2Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-shape-star:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-shape-star:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-shape-square:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-shape-square:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M3,3V21H21V3'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M3,3V21H21V3'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-shape-triangle:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-shape-triangle:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M1,21H23L12,2'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M1,21H23L12,2'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-shape-triangle-inverted:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-shape-triangle-inverted:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M1 3H23L12 22'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M1 3H23L12 22'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-show:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-show:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-sort-a-to-z:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-sort-a-to-z:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-sort-column:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-sort-column:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-sort-z-to-a:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-sort-z-to-a:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19 15L17.59 13.59L13 18.17V2H11V18.17L6.41 13.58L5 15L12 22L19 15Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19 15L17.59 13.59L13 18.17V2H11V18.17L6.41 13.58L5 15L12 22L19 15Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-spotlight:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-spotlight:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M10.9902 0.5C16.7959 0.500127 21.5 5.20361 21.5 11C21.5 16.7964 16.7959 21.4999 10.9902 21.5C5.19344 21.5 0.5 16.7955 0.5 11C0.5 5.20451 5.19344 0.5 10.9902 0.5ZM15.23 17L11 14.45L6.76997 17L7.88997 12.19L4.15997 8.96L9.07997 8.54L11 4L12.92 8.53L17.84 8.95L14.11 12.18L15.23 17Z'/%3E%3C/svg%3E\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M10.9902 0.5C16.7959 0.500127 21.5 5.20361 21.5 11C21.5 16.7964 16.7959 21.4999 10.9902 21.5C5.19344 21.5 0.5 16.7955 0.5 11C0.5 5.20451 5.19344 0.5 10.9902 0.5ZM15.23 17L11 14.45L6.76997 17L7.88997 12.19L4.15997 8.96L9.07997 8.54L11 4L12.92 8.53L17.84 8.95L14.11 12.18L15.23 17Z'/%3E%3C/svg%3E\");\n}\n.svg-icon.svg-success:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-success:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-time:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-time:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M17 13.9L16.3 15.2L11 12.3V7H12.5V11.4L17 13.9Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M17 13.9L16.3 15.2L11 12.3V7H12.5V11.4L17 13.9Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-undo:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-undo:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12.5,8C9.85,8 7.45,9 5.6,10.6L2,7V16H11L7.38,12.38C8.77,11.22 10.54,10.5 12.5,10.5C16.04,10.5 19.05,12.81 20.1,16L22.47,15.22C21.08,11.03 17.15,8 12.5,8Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12.5,8C9.85,8 7.45,9 5.6,10.6L2,7V16H11L7.38,12.38C8.77,11.22 10.54,10.5 12.5,10.5C16.04,10.5 19.05,12.81 20.1,16L22.47,15.22C21.08,11.03 17.15,8 12.5,8Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-upload:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-upload:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-wrong:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-wrong:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z'/%3E%3C/svg%3E%0A\");\n}\n\n:host {\n  display: block;\n}\n\n.component-wrapper {\n  gap: 1rem;\n}\n\n.chart-body {\n  display: flex;\n  gap: 0.75rem;\n}\n\n.stacks {\n  --bar-height: 1.875rem;\n  flex: 1;\n  display: grid;\n  grid-template-columns: minmax(0, max-content) 1fr;\n  column-gap: 0.75rem;\n  row-gap: 0.75rem;\n  min-width: 0;\n}\n.stacks.single-stack {\n  grid-template-columns: 1fr;\n}\n.stacks.single-stack .stack-bar,\n.stacks.single-stack .vertical-grid-line,\n.stacks.single-stack .x-axis,\n.stacks.single-stack .print-table-cell {\n  grid-column: 1;\n}\n\n.stack-label {\n  grid-column: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-end;\n  text-align: end;\n  max-inline-size: 12.5rem;\n  min-block-size: var(--bar-height);\n  align-self: end;\n}\n.stack-label .stack-name {\n  font-size: 1rem;\n  font-weight: 500;\n  word-break: break-word;\n}\n\n.stack-bar {\n  grid-column: 2;\n  min-inline-size: 0;\n  display: flex;\n  align-items: flex-end;\n  gap: 0.125rem;\n}\n\n.print-table-cell {\n  grid-column: 2;\n  min-inline-size: 0;\n  container-type: inline-size;\n}\n\n.stack-bar,\n.stack-label,\n.print-table-cell {\n  grid-row: var(--stack-grid-row);\n}\n\n.segment-wrapper {\n  flex: 0 1 var(--segment-width, 0%);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  min-inline-size: 0;\n}\n.segment-wrapper.faded {\n  opacity: 0.3;\n}\n\n.value {\n  justify-content: center;\n  margin-block-end: 0.25rem;\n}\n.value.hidden {\n  visibility: hidden;\n}\n\n.segment {\n  inline-size: 100%;\n  block-size: var(--bar-height);\n  background-color: var(--segment-color);\n  border: 1px solid var(--segment-color);\n  cursor: pointer;\n  outline: none;\n  box-sizing: border-box;\n  print-color-adjust: exact;\n  -webkit-print-color-adjust: exact;\n  background-repeat: repeat;\n}\n.segment.pattern-discrete-03 {\n  background-image: radial-gradient(circle at 1.5px 1.5px, var(--wmcolor-dataviz-discrete-03) 1.5px, var(--wmcolor-tobiasblue-10) 1.5px);\n  background-size: 6px 5px;\n  background-position: 1px 1px;\n}\n.segment.pattern-discrete-03.horizontal {\n  background-size: 5px 6px;\n}\n.segment.pattern-discrete-05 {\n  background-image: radial-gradient(circle at 4px 4px, var(--wmcolor-orangutan-10) 2px, var(--wmcolor-dataviz-discrete-05) 2px, var(--wmcolor-dataviz-discrete-05) 4px, var(--wmcolor-orangutan-10) 4px);\n  background-size: 9px 9px;\n  background-position: -1px 0px;\n}\n.segment.pattern-discrete-05.horizontal {\n  background-position: 0px -1px;\n}\n.segment.pattern-discrete-06 {\n  background-image: radial-gradient(circle at 3px 3px, var(--wmcolor-dataviz-discrete-06) 3px, #ffe7e4 3px);\n  background-size: 8px 9px;\n}\n.segment.pattern-discrete-06.horizontal {\n  background-size: 9px 8px;\n}\n.segment.pattern-discrete-07 {\n  --pattern-angle: 180deg;\n  background-image: linear-gradient(var(--pattern-angle), transparent 0px, transparent 3px, var(--wmcolor-dataviz-discrete-07) 3px, var(--wmcolor-dataviz-discrete-07) 5px, transparent 5px), radial-gradient(circle at 4px 4px, var(--wmcolor-dataviz-discrete-07) 3px, #a1d4f5 3px);\n  background-size: 8px 14px;\n}\n.segment.pattern-discrete-07.horizontal {\n  --pattern-angle: 90deg;\n  background-size: 14px 8px;\n}\n.segment.pattern-semantic-positive-02 {\n  background-image: repeating-linear-gradient(45deg, var(--wmcolor-dataviz-semantic-positive-02) 0px, var(--wmcolor-dataviz-semantic-positive-02) 3px, transparent 3px, transparent 7px), repeating-linear-gradient(135deg, var(--wmcolor-dataviz-semantic-positive-02) 0px, var(--wmcolor-dataviz-semantic-positive-02) 3px, var(--wmcolor-cyan-10) 3px, var(--wmcolor-cyan-10) 7px);\n}\n.segment.pattern-semantic-negative-01 {\n  --pattern-angle: 135deg;\n  background-image: repeating-linear-gradient(var(--pattern-angle), var(--wmcolor-dataviz-semantic-negative-01) 0px, var(--wmcolor-dataviz-semantic-negative-01) 2px, #ffe7e4 2px, #ffe7e4 8px);\n}\n.segment.pattern-semantic-negative-01.horizontal {\n  --pattern-angle: 45deg;\n}\n.segment.pattern-semantic-negative-02 {\n  --pattern-angle: 135deg;\n  background-image: repeating-linear-gradient(var(--pattern-angle), #ffe7e4 0px, #ffe7e4 2px, var(--wmcolor-dataviz-semantic-negative-02) 2px, var(--wmcolor-dataviz-semantic-negative-02) 8px);\n}\n.segment.pattern-semantic-negative-02.horizontal {\n  --pattern-angle: 45deg;\n}\n.segment.pattern-semantic-neutral-01 {\n  --pattern-angle: 0deg;\n  background-image: repeating-linear-gradient(var(--pattern-angle), var(--wmcolor-periwinkle-10) 0px, var(--wmcolor-periwinkle-10) 2px, var(--wmcolor-dataviz-semantic-neutral-01) 2px, var(--wmcolor-dataviz-semantic-neutral-01) 8px);\n}\n.segment.pattern-semantic-neutral-01.horizontal {\n  --pattern-angle: 90deg;\n}\n.segment.pattern-semantic-neutral-03 {\n  --pattern-angle: 0deg;\n  background-image: repeating-linear-gradient(var(--pattern-angle), var(--wmcolor-periwinkle-10) 0px, var(--wmcolor-periwinkle-10) 3px, var(--wmcolor-dataviz-semantic-neutral-03) 3px, var(--wmcolor-dataviz-semantic-neutral-03) 5px);\n}\n.segment.pattern-semantic-neutral-03.horizontal {\n  --pattern-angle: 90deg;\n}\n.segment.pattern-semantic-unspecified {\n  background-image: repeating-linear-gradient(45deg, var(--wmcolor-dataviz-semantic-unspecified) 0px, var(--wmcolor-dataviz-semantic-unspecified) 1px, transparent 1px, transparent 7px), repeating-linear-gradient(135deg, var(--wmcolor-dataviz-semantic-unspecified) 0px, var(--wmcolor-dataviz-semantic-unspecified) 1px, var(--wmcolor-gray-20) 1px, var(--wmcolor-gray-20) 7px);\n}\n.segment:hover {\n  -webkit-box-shadow: 0px 4px 15px 0px rgba(92, 59, 59, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12);\n  -moz-box-shadow: 0px 4px 15px 0px rgba(92, 59, 59, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12);\n  box-shadow: 0px 4px 15px 0px rgba(92, 59, 59, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12);\n}\n\n.component-wrapper:not(.hide-focus-ring) .stacks.user-is-keying .segment:focus {\n  outline: none;\n  outline: 3px solid var(--wmcolor-interactive-focus);\n  outline-offset: 3px;\n  z-index: 1;\n}\n\n.vertical-grid-line {\n  grid-row: 1/var(--grid-line-row);\n  grid-column: 2;\n  block-size: calc(100% + var(--x-axis-vertical-offset));\n  border-inline-start: 1px solid var(--wmcolor-border);\n  box-sizing: border-box;\n  pointer-events: none;\n  transform: translateX(var(--x-axis-horizontal-offset));\n}\n\n.stacks.show-grid {\n  --x-axis-vertical-offset: 0.25rem;\n  --x-axis-horizontal-offset: -0.125rem;\n}\n\n.x-axis {\n  grid-row: var(--grid-line-row);\n  grid-column: 2;\n  transform: translate(var(--x-axis-horizontal-offset), calc(var(--x-axis-vertical-offset) * -1 - 0.25rem));\n  inline-size: calc(100% - var(--x-axis-horizontal-offset));\n}\n.x-axis .x-axis-line {\n  block-size: 0.25rem;\n  border-block-start: 1px solid var(--wmcolor-border);\n  border-inline: 1px solid var(--wmcolor-border);\n}\n.x-axis .x-axis-ticks {\n  display: flex;\n  justify-content: space-between;\n  font-size: 0.75rem;\n  font-weight: 400;\n  padding-block-start: 0.25rem;\n}\n\n.hidden-values-warning {\n  font-size: 0.75rem;\n  font-style: italic;\n  max-inline-size: 100%;\n}\n.hidden-values-warning.hidden {\n  display: none;\n}\n@media print {\n  .hidden-values-warning {\n    display: none;\n  }\n}\n\n.print-mode .stacks {\n  --bar-height: 1rem;\n}\n.print-mode .value .percent {\n  font-size: 1rem;\n  font-weight: 700;\n}\n.print-mode .stacks {\n  row-gap: 0.5rem;\n}\n.print-mode .stack-bar ~ .stack-bar {\n  margin-block-start: 0.5rem;\n}\n\n.print-table {\n  display: grid;\n  grid-template-columns: auto auto auto 1fr;\n  column-gap: 1rem;\n  row-gap: 0.125rem;\n  align-items: start;\n  font-size: 0.875rem;\n  padding-inline-start: 0.25rem;\n  white-space: normal;\n}\n.print-table .print-row {\n  display: contents;\n}\n.print-table .print-legend {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  min-inline-size: 0;\n  inline-size: fit-content;\n}\n.print-table .print-percent {\n  inline-size: fit-content;\n}\n.print-table .print-legend-name {\n  word-break: break-word;\n}\n.print-table .print-text {\n  white-space: normal;\n}\n.print-table .swatch {\n  flex: none;\n  inline-size: 0.75rem;\n  block-size: 0.75rem;\n  background-color: var(--segment-color);\n  border: 1px solid var(--segment-color);\n  box-sizing: border-box;\n  print-color-adjust: exact;\n  -webkit-print-color-adjust: exact;\n  background-repeat: repeat;\n}\n.print-table .swatch.pattern-discrete-03 {\n  background-image: radial-gradient(circle at 1.5px 1.5px, var(--wmcolor-dataviz-discrete-03) 1.5px, var(--wmcolor-tobiasblue-10) 1.5px);\n  background-size: 6px 5px;\n  background-position: 1px 1px;\n}\n.print-table .swatch.pattern-discrete-03.horizontal {\n  background-size: 5px 6px;\n}\n.print-table .swatch.pattern-discrete-05 {\n  background-image: radial-gradient(circle at 4px 4px, var(--wmcolor-orangutan-10) 2px, var(--wmcolor-dataviz-discrete-05) 2px, var(--wmcolor-dataviz-discrete-05) 4px, var(--wmcolor-orangutan-10) 4px);\n  background-size: 9px 9px;\n  background-position: -1px 0px;\n}\n.print-table .swatch.pattern-discrete-05.horizontal {\n  background-position: 0px -1px;\n}\n.print-table .swatch.pattern-discrete-06 {\n  background-image: radial-gradient(circle at 3px 3px, var(--wmcolor-dataviz-discrete-06) 3px, #ffe7e4 3px);\n  background-size: 8px 9px;\n}\n.print-table .swatch.pattern-discrete-06.horizontal {\n  background-size: 9px 8px;\n}\n.print-table .swatch.pattern-discrete-07 {\n  --pattern-angle: 180deg;\n  background-image: linear-gradient(var(--pattern-angle), transparent 0px, transparent 3px, var(--wmcolor-dataviz-discrete-07) 3px, var(--wmcolor-dataviz-discrete-07) 5px, transparent 5px), radial-gradient(circle at 4px 4px, var(--wmcolor-dataviz-discrete-07) 3px, #a1d4f5 3px);\n  background-size: 8px 14px;\n}\n.print-table .swatch.pattern-discrete-07.horizontal {\n  --pattern-angle: 90deg;\n  background-size: 14px 8px;\n}\n.print-table .swatch.pattern-semantic-positive-02 {\n  background-image: repeating-linear-gradient(45deg, var(--wmcolor-dataviz-semantic-positive-02) 0px, var(--wmcolor-dataviz-semantic-positive-02) 3px, transparent 3px, transparent 7px), repeating-linear-gradient(135deg, var(--wmcolor-dataviz-semantic-positive-02) 0px, var(--wmcolor-dataviz-semantic-positive-02) 3px, var(--wmcolor-cyan-10) 3px, var(--wmcolor-cyan-10) 7px);\n}\n.print-table .swatch.pattern-semantic-negative-01 {\n  --pattern-angle: 135deg;\n  background-image: repeating-linear-gradient(var(--pattern-angle), var(--wmcolor-dataviz-semantic-negative-01) 0px, var(--wmcolor-dataviz-semantic-negative-01) 2px, #ffe7e4 2px, #ffe7e4 8px);\n}\n.print-table .swatch.pattern-semantic-negative-01.horizontal {\n  --pattern-angle: 45deg;\n}\n.print-table .swatch.pattern-semantic-negative-02 {\n  --pattern-angle: 135deg;\n  background-image: repeating-linear-gradient(var(--pattern-angle), #ffe7e4 0px, #ffe7e4 2px, var(--wmcolor-dataviz-semantic-negative-02) 2px, var(--wmcolor-dataviz-semantic-negative-02) 8px);\n}\n.print-table .swatch.pattern-semantic-negative-02.horizontal {\n  --pattern-angle: 45deg;\n}\n.print-table .swatch.pattern-semantic-neutral-01 {\n  --pattern-angle: 0deg;\n  background-image: repeating-linear-gradient(var(--pattern-angle), var(--wmcolor-periwinkle-10) 0px, var(--wmcolor-periwinkle-10) 2px, var(--wmcolor-dataviz-semantic-neutral-01) 2px, var(--wmcolor-dataviz-semantic-neutral-01) 8px);\n}\n.print-table .swatch.pattern-semantic-neutral-01.horizontal {\n  --pattern-angle: 90deg;\n}\n.print-table .swatch.pattern-semantic-neutral-03 {\n  --pattern-angle: 0deg;\n  background-image: repeating-linear-gradient(var(--pattern-angle), var(--wmcolor-periwinkle-10) 0px, var(--wmcolor-periwinkle-10) 3px, var(--wmcolor-dataviz-semantic-neutral-03) 3px, var(--wmcolor-dataviz-semantic-neutral-03) 5px);\n}\n.print-table .swatch.pattern-semantic-neutral-03.horizontal {\n  --pattern-angle: 90deg;\n}\n.print-table .swatch.pattern-semantic-unspecified {\n  background-image: repeating-linear-gradient(45deg, var(--wmcolor-dataviz-semantic-unspecified) 0px, var(--wmcolor-dataviz-semantic-unspecified) 1px, transparent 1px, transparent 7px), repeating-linear-gradient(135deg, var(--wmcolor-dataviz-semantic-unspecified) 0px, var(--wmcolor-dataviz-semantic-unspecified) 1px, var(--wmcolor-gray-20) 1px, var(--wmcolor-gray-20) 7px);\n}\n\n.pattern-mode .print-table .swatch {\n  inline-size: 1rem;\n  block-size: 1rem;\n}\n\n@container (max-width: 414px) {\n  .print-table {\n    grid-template-columns: 1fr;\n    row-gap: 0.5rem;\n  }\n  .print-table .print-row,\n  .print-table .print-percent,\n  .print-table .print-fraction,\n  .print-table .print-text {\n    display: block;\n  }\n}\n#chart-instructions {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  border: 0 !important;\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  clip-path: inset(50%) !important;\n  white-space: nowrap !important;\n  margin: -1px !important;\n}";export{m as wm_chart_stack}

package/dist/ripple/p-38a987ac.entry.js

@@ -0,0 +1 @@
+import{r as i,c as n,h as e,H as t,g as r}from"./p-83c3db60.js";import{c as s,p as a}from"./p-ebe9f38c.js";import{o,p as l,l as g,s as v,q as c,t as h,u as m,e as w,v as d,w as C}from"./p-683264db.js";import{c as p}from"./p-6e3c2bbc.js";import{j as b}from"./p-9c5c591b.js";const u=class{constructor(e){i(this,e),this.wmChartBarHighlighted=n(this,"wmChartBarHighlighted",7),this.gridMax=0,this.isGrouped=!1,this.legendData=[],this.config=void 0,this.data=void 0,this.printMode=void 0,this.patternMode=void 0,this.subinfo=void 0,this.processedData=new Map,this.gridInfo=void 0,this.isKeying=!1}get colorPalette(){var i;let n=(null===(i=this.config)||void 0===i?void 0:i.colors)||(this.isGrouped?"discrete":"wmcolor-dataviz-discrete-01"),e=[];return"semantic"===n?e=s.semantic:"discrete"===n?e=s.discrete:n.startsWith("wmcolor")&&(e=[n]),e}get sort(){var i;return(null===(i=this.config)||void 0===i?void 0:i.sort)||"none"}get showLegend(){var i;return(null===(i=this.config)||void 0===i?void 0:i.showLegend)||"none"}get subinfoText(){var i;return this.subinfo||(null===(i=this.config)||void 0===i?void 0:i.subinfo)||""}get gridVisible(){var i,n,e;return!!this.gridInfo&&null!=(null===(i=this.config)||void 0===i?void 0:i.gridMax)&&(null===(e=null===(n=this.config)||void 0===n?void 0:n.showGrid)||void 0===e||e)}get flattenedData(){return[...this.processedData.values()].flat()}componentDidLoad(){new ResizeObserver((()=>{this.processedData&&(this.gridInfo=this.calculateGridInfo())})).observe(this.barAreaEl),this.config&&this.data&&this.handleConfigDataChange()}handleConfigDataChange(){if(this.config&&this.data){const i=Math.max(...this.data.map((i=>i.amount)));this.gridMax="auto"==this.config.gridMax?o(i):this.config.gridMax?this.config.gridMax:1,this.isGrouped=this.data.some((i=>i.groupName)),this.processedData=this.buildProcessedData(),this.legendData=this.isGrouped?l(this.processedData).map((i=>Object.assign(Object.assign({},i),{printValue:""}))):l(this.processedData),this.propagateExternalLegendData(),this.gridInfo=this.calculateGridInfo()}}buildProcessedData(){var i,n,e,t;if(!this.data)return new Map;let r=[];const s=this.data.reduce(((i,n)=>i+n.amount),0),a=(null===(i=this.config)||void 0===i?void 0:i.valueFormat)||"amount",o=(null===(n=this.config)||void 0===n?void 0:n.printModeFormat)||"amount",l=null!==(t=null===(e=this.config)||void 0===e?void 0:e.decimalPlaces)&&void 0!==t?t:0,h=new Map;if(this.isGrouped){let i=0;this.data.forEach((n=>{h.has(n.barLegend)||(h.set(n.barLegend,i),i++)}))}return r=this.data.map(((i,n)=>{const e=this.isGrouped?h.get(i.barLegend)||0:n,t=i.color?i.color:1===this.colorPalette.length?this.colorPalette[0]:this.colorPalette[e]||"wmcolor-dataviz-discrete-01",r=l>0?parseFloat(i.amount.toFixed(l)):i.amount;return{barLegend:i.barLegend,amount:r,gridPercent:r/this.gridMax*100,displayValue:g(r,s,a,l),printValue:g(r,s,o,l),color:t,popoverTitle:i.popoverTitle,popoverText:i.popoverText,popoverButtonText:i.popoverButtonText,groupName:i.groupName}})),this.isGrouped?r=v(r):"ascending"===this.sort?r.sort(((i,n)=>i.amount-n.amount)):"descending"===this.sort&&r.sort(((i,n)=>n.amount-i.amount)),c(r)}propagateExternalLegendData(){document.querySelectorAll("wm-chart-legend").forEach((i=>{var n,e;i.chartIds.split(" ").includes(this.el.id)&&(i.processedData=this.legendData,i.patternMode=(null!==(n=this.patternMode)&&void 0!==n?n:null===(e=this.config)||void 0===e?void 0:e.patternMode)?"horizontal":void 0)}))}calculateGridInfo(){var i,n;const e=this.barAreaEl.getBoundingClientRect().width,t=e>0?d(e):1,{numIntervals:r,interval:s}=h(t,this.gridMax),a=[];for(let e=1;e<=r;e++){const t=e*s,r=null!==(n=null===(i=this.config)||void 0===i?void 0:i.decimalPlaces)&&void 0!==n?n:C(t);a.push(m(t,r))}return{numTicks:r,interval:s,backgroundSize:100/r+"%",tickLabels:a}}handleChartKeyDown(i){switch(i.key){case"ArrowDown":case"ArrowRight":i.preventDefault(),this.el.shadowRoot.activeElement===this.componentWrapperEl&&this.focusBar(0);break;case"Tab":this.clearFocus();break;case"Escape":i.preventDefault(),i.stopPropagation(),this.popoverEl.open&&(this.popoverEl.open=!1)}}handleBarKeyDown(i,n){const e=this.flattenedData.indexOf(n);switch(i.key){case"ArrowUp":case"ArrowLeft":i.preventDefault(),this.focusBar(e-1);break;case"ArrowDown":case"ArrowRight":i.preventDefault(),this.focusBar(e+1);break;case"Enter":if(this.popoverEl.open){const i=this.popoverEl.querySelector("button");i&&i.click()}}}handleBarClick(i,n){this.openPopover(n,{x:i.clientX,y:i.clientY}),this.highlightBar(n)}handleLegendItemClick(i){var n;if("WM-CHART-LEGEND"===i.target.nodeName&&i.target.chartIds.includes(this.el.id))if(-1==i.detail.idx)this.clearHighlights();else{const e=null===(n=this.legendData[i.detail.idx])||void 0===n?void 0:n.barLegend;e&&this.highlightBarsByLegend(e)}}handleDocumentClick(i){this.popoverEl.open||this.clearHighlights()}handleUserIsKeying(){this.isKeying=!0}handleUserIsNotKeying(){this.isKeying=!1}handleComponentBlur(i){b(this.el,i.relatedTarget)||this.clearFocus()}focusBar(i){const n=this.el.shadowRoot.querySelectorAll(".bar"),e=(i%n.length+n.length)%n.length,t=n[e];t.focus();const r=this.flattenedData[e];if(r){this.highlightBar(r);const i=12;this.openPopover(r,{x:t.getBoundingClientRect().left+i,y:t.getBoundingClientRect().top+i})}}handlePopoverToggled(i){setTimeout((()=>{if(this.popoverEl.open){const i=this.popoverEl.chartData,n=this.flattenedData.find((n=>n.barLegend===(null==i?void 0:i.barLegend)&&n.groupName===(null==i?void 0:i.groupName)));n&&this.highlightBar(n)}else this.clearHighlights()}),30)}openPopover(i,n){if(!this.data||!this.config)return;let e=this.data.find((n=>n.barLegend===i.barLegend&&n.groupName===i.groupName));if(e){const i=e.popoverButtonText||this.config.popoverButtonText||"";this.componentWrapperEl.classList.toggle("hide-focus-ring",!!i),this.popoverEl.chartData=e,this.popoverEl.header=e.popoverTitle||this.config.popoverTitle||"",this.popoverEl.text=e.popoverText||this.config.popoverText||"",this.popoverEl.buttonText=i,this.popoverEl.coords=n,window.setTimeout((()=>{this.popoverEl.open=!0,this.popoverEl.announceContents()}),30)}}clearHighlights(){this.el.shadowRoot.querySelectorAll(".bar-wrapper").forEach((i=>{i.classList.remove("faded")})),this.wmChartBarHighlighted.emit({idx:-1})}highlightBar(i){const n=this.flattenedData.indexOf(i),e=this.el.shadowRoot.querySelectorAll(".bar-wrapper");e.forEach((i=>{i.classList.add("faded")})),e[n].classList.remove("faded");const t=this.legendData.findIndex((n=>n.barLegend===i.barLegend));this.wmChartBarHighlighted.emit({idx:t})}highlightBarsByLegend(i){this.el.shadowRoot.querySelectorAll(".bar-wrapper").forEach(((n,e)=>{var t;n.classList.toggle("faded",(null===(t=this.flattenedData[e])||void 0===t?void 0:t.barLegend)!==i)}))}clearFocus(){this.popoverEl.open&&(this.popoverEl.open=!1),this.clearHighlights()}renderBarValue(i,n){var t,r,s;return e("div",{class:"value horizontal",style:{"--offset":`${n}%`}},e("span",null,i.displayValue),"percentage"===(null===(t=this.config)||void 0===t?void 0:t.valueFormat)&&this.isGrouped&&e("span",{class:"supplemental-value"},"(",i.amount.toFixed(null!==(s=null===(r=this.config)||void 0===r?void 0:r.decimalPlaces)&&void 0!==s?s:0),")"))}renderBarLegends(){const i=[];return this.processedData.forEach((n=>{n.forEach((n=>{i.push(e("div",{key:`legend-${n.barLegend}`,class:"bar-legend"},n.barLegend))}))})),i}renderBar(i,n){var t,r,s,o;const l=n>0?i.amount/n*100:0;let g="";return(null!==(t=this.patternMode)&&void 0!==t?t:null===(r=this.config)||void 0===r?void 0:r.patternMode)&&(g=null!==(s=a[i.color])&&void 0!==s?s:""),e("div",{key:`bar-${i.groupName}-${i.barLegend}`,class:"bar-wrapper"},e("div",{class:`bar horizontal ${g}`,style:{"--bar-length":`${l}%`,"--bar-color":`var(--${i.color})`},onClick:n=>this.handleBarClick(n,i),onKeyDown:n=>this.handleBarKeyDown(n,i),tabindex:"-1","aria-label":`${null===(o=this.config)||void 0===o?void 0:o.categoryAxisLabel}, ${i.groupName?`${i.groupName},`:""} ${i.barLegend} ${i.displayValue}`}),this.renderBarValue(i,l))}renderBars(){if(!this.gridInfo||!this.processedData)return;const i=this.gridInfo.numTicks*this.gridInfo.interval,n=[];return this.processedData.forEach((e=>{e.forEach((e=>{n.push(this.renderBar(e,i))}))})),n}renderGroupLegends(){const i=[];return this.processedData.forEach(((n,t)=>{i.push(e("div",{key:`legend-${t}`,class:"group-legend"},t))})),i}renderGroupedBars(){if(!this.gridInfo||!this.processedData)return;const i=this.gridInfo.numTicks*this.gridInfo.interval,n=[];return this.processedData.forEach(((t,r)=>{n.push(e("div",{key:`group-${r}`,class:"group-bars"},t.map((n=>this.renderBar(n,i)))))})),n}renderXAxis(){var i;return e("div",{class:"x-axis","aria-hidden":"true"},e("div",{class:"tick zero"},e("span",null,"0")),null===(i=this.gridInfo)||void 0===i?void 0:i.tickLabels.map((i=>e("div",{class:"tick",key:i},e("span",null,i)))))}renderGrid(){var i;const n=null===(i=this.gridInfo)||void 0===i?void 0:i.backgroundSize;return e("div",{class:"grid-lines",style:{"--background-size":n}})}renderLegend(i){var n,t,r,s,a;return e("div",{class:`legend --${i} --${this.showLegend}`},e("wm-chart-legend",{orientation:i,chartIds:this.el.id,processedData:this.legendData,printMode:null!==(r=null!==(n=this.printMode)&&void 0!==n?n:null===(t=this.config)||void 0===t?void 0:t.printMode)&&void 0!==r&&r,patternMode:(null!==(s=this.patternMode)&&void 0!==s?s:null===(a=this.config)||void 0===a?void 0:a.patternMode)?"horizontal":void 0,onWmLegendItemClick:i=>this.handleLegendItemClick(i),onWmLegendItemHover:i=>this.handleLegendItemClick(i)}))}render(){var i,n,r,s,a,o,l,g,v,c;const h=(this.isGrouped?this.processedData.size:null===(i=this.processedData.get(null))||void 0===i?void 0:i.length)||1;return e(t,{key:"a25775e30b2232f51642600e8e08654771f10080"},e("div",{key:"4c64407cce556bb37e35b7a131a806d9def2b914",class:"popover-wrapper"},e("priv-chart-popover",{key:"6d65bcfbd8b24deff60d228ff836b747dd3d6c86",ref:i=>this.popoverEl=i,onIntChartPopoverToggled:i=>this.handlePopoverToggled(i)})),e("div",{key:"3e1d1fe143f9ec973603c0afc1cbef53e9b660d5",ref:i=>this.componentWrapperEl=i,class:"component-wrapper "+((null!==(n=this.printMode)&&void 0!==n?n:null===(r=this.config)||void 0===r?void 0:r.printMode)?"print-mode":""),tabindex:"0",role:"application",onKeyDown:i=>this.handleChartKeyDown(i),onBlur:i=>this.handleComponentBlur(i),"aria-roledescription":p.interactiveChart,"aria-describedby":"chart-instructions","aria-label":null===(s=this.config)||void 0===s?void 0:s.label},(null===(o=null===(a=this.config)||void 0===a?void 0:a.showLabel)||void 0===o||o)&&e("label",{key:"e9db06b762219abeef90aa6d2174238e75ffc5d7",id:"label",class:"label"},e("span",{key:"dcae615b6ad3aad4e333bb3caf279c3b60c16c5a",class:"label-text"},null===(l=this.config)||void 0===l?void 0:l.label),this.subinfoText?e("span",{class:"subinfo"},this.subinfoText):""),"top"===this.showLegend&&this.renderLegend("horizontal"),e("div",{key:"26888544e48c9b5e722b4bd0623e1d9397b364bf",class:"chart-wrapper"},e("div",{key:"f90fa68d4060cecbe4c2001887d141f156e838ba",class:"chart-left-side"},"left"===this.showLegend&&this.renderLegend("vertical"),e("div",{key:"bbdcc865c67bd878ae606cc305e5a43943fa181d",class:"left-axis-label"},e("span",{key:"8a10637386b33369784a2332e373e012e2512872",class:"axis-label-text"},null===(g=this.config)||void 0===g?void 0:g.categoryAxisLabel))),e("div",{key:"76f1b3ee1be4ebb6f0e4dd5c8621d50cb805abc8",class:"chart-center"},e("div",{key:"d70ee90082f88a611a2b95cbc6dab6e6d88a4577",class:"chart-area",style:{"--row-count":h.toString()}},this.processedData&&(this.isGrouped?this.renderGroupLegends():this.renderBarLegends()),e("div",{key:"314bfa33d7fdd9cabb092dbfb8b977e46226c525",class:`bar-area ${this.isKeying?"user-is-keying":""} ${this.isGrouped?"grouped":""}`,ref:i=>this.barAreaEl=i},this.gridVisible&&this.renderGrid(),null!=(null===(v=this.config)||void 0===v?void 0:v.gridMax)&&(this.isGrouped?this.renderGroupedBars():this.renderBars()))),e("div",{key:"18ebf5e67f030a017822fb4aac9d530ba615ff5a",class:"bottom-axis-label"},e("span",{key:"a9d7adf4eb823b8f9f1d7f5848fb9088acbf4957",class:"axis-label-text"},null===(c=this.config)||void 0===c?void 0:c.valueAxisLabel)),this.gridVisible&&this.renderXAxis()),e("div",{key:"54f0f4dad217156d37cc7dc187b78eb9a5c0bef4",class:"chart-right-side"},"right"===this.showLegend&&this.renderLegend("vertical"))),"bottom"===this.showLegend&&this.renderLegend("horizontal"),w()))}static get delegatesFocus(){return!0}get el(){return r(this)}static get watchers(){return{config:["handleConfigDataChange"],data:["handleConfigDataChange"]}}};u.style="/* --------------------------------------\n   1. Box-shadow\n   -------------------------------------- */\n/* --------------------------------------\n   2. Border-radius\n   -------------------------------------- */\n/* --------------------------------------\n   3. Transforms\n   -------------------------------------- */\n/* --------------------------------------\n   4. Button Focus\n   -------------------------------------- */\n/* --------------------------------------\n   5. Flex\n   -------------------------------------- */\n/* --------------------------------------\n   7. Screen Reader Only\n   -------------------------------------- */\n/* --------------------------------------\n   8. Label styles\n   this mixin includes all the styles for the label\n   + flex rules on the parent container to switch between top and left position\n   + srOnly when label is hidden\n   Assumes the following markup:\n   div.wrapper[.label-left.invalid] > div.label-wrapper > label.label > span.required\n   .wrapper is for the flex rules\n   .label-wrapper is to set the height of the label when positioned left so it's the same height as\n   the input. It can't be done directly on .label because of possible line wrapping.\n   When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements\n   (they can't be aligned on the baseline because of possible description text and error message)\n   -------------------------------------- */\n:host .component-wrapper {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  gap: 1.5rem;\n}\n:host .component-wrapper:focus-visible {\n  outline: none;\n  outline: 3px solid var(--wmcolor-interactive-focus);\n  outline-offset: 3px;\n}\n:host .component-wrapper:not(.hide-focus-ring) .bar-area.user-is-keying .bar:focus {\n  outline: none;\n  outline: 3px solid var(--wmcolor-interactive-focus);\n  outline-offset: 3px;\n}\n:host .label {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n}\n:host .label .label-text {\n  display: block;\n  font-weight: 600;\n  font-size: 1.125rem;\n}\n:host .label .subinfo {\n  display: block;\n  font-weight: normal;\n  font-style: italic;\n  inset-block-end: 0.25rem;\n  width: 100%;\n  color: var(--wmcolor-chart-subinfo-text);\n}\n:host .legend.--vertical {\n  max-width: 12.5rem;\n}\n:host .value {\n  --offset: 0px;\n  font-size: 0.875rem;\n  white-space: nowrap;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n}\n:host .value.vertical {\n  inset-block-end: var(--offset);\n  flex-direction: column;\n}\n:host .value.horizontal {\n  inset-inline-start: var(--offset);\n  flex-direction: row;\n  gap: 0.25rem;\n}\n:host .value .supplemental-value {\n  display: none;\n  font-size: 0.875rem;\n  font-style: italic;\n  font-weight: 400;\n}\n:host .axis-label-text {\n  text-align: center;\n  font-size: 0.875rem;\n  font-weight: 600;\n}\n:host .group-legend,\n:host .bar-legend {\n  font-size: 1rem;\n  font-weight: 500;\n  word-break: break-word;\n}\n:host .tick {\n  font-size: 0.875rem;\n  font-weight: 400;\n}\n:host .chart-left-side {\n  display: flex;\n  flex: 0 1 0%;\n  gap: 0.75rem;\n}\n:host .chart-left-side:empty {\n  display: none;\n}\n:host .chart-right-side:empty {\n  display: none;\n}\n:host .left-axis-label {\n  max-width: 9.375rem;\n  flex-basis: min-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n@container chart-measure (max-width: 414px) {\n  :host .left-axis-label {\n    display: none;\n  }\n}\n:host .bottom-axis-label {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n:host .bar-wrapper.faded {\n  opacity: 0.3;\n}\n:host .bar-wrapper .bar {\n  background-color: var(--bar-color);\n  border: 1px solid var(--bar-color);\n  box-sizing: border-box;\n  background-repeat: repeat;\n}\n:host .bar-wrapper .bar.pattern-discrete-03 {\n  background-image: radial-gradient(circle at 1.5px 1.5px, var(--wmcolor-dataviz-discrete-03) 1.5px, var(--wmcolor-tobiasblue-10) 1.5px);\n  background-size: 6px 5px;\n  background-position: 1px 1px;\n}\n:host .bar-wrapper .bar.pattern-discrete-03.horizontal {\n  background-size: 5px 6px;\n}\n:host .bar-wrapper .bar.pattern-discrete-05 {\n  background-image: radial-gradient(circle at 4px 4px, var(--wmcolor-orangutan-10) 2px, var(--wmcolor-dataviz-discrete-05) 2px, var(--wmcolor-dataviz-discrete-05) 4px, var(--wmcolor-orangutan-10) 4px);\n  background-size: 9px 9px;\n  background-position: -1px 0px;\n}\n:host .bar-wrapper .bar.pattern-discrete-05.horizontal {\n  background-position: 0px -1px;\n}\n:host .bar-wrapper .bar.pattern-discrete-06 {\n  background-image: radial-gradient(circle at 3px 3px, var(--wmcolor-dataviz-discrete-06) 3px, #ffe7e4 3px);\n  background-size: 8px 9px;\n}\n:host .bar-wrapper .bar.pattern-discrete-06.horizontal {\n  background-size: 9px 8px;\n}\n:host .bar-wrapper .bar.pattern-discrete-07 {\n  --pattern-angle: 180deg;\n  background-image: linear-gradient(var(--pattern-angle), transparent 0px, transparent 3px, var(--wmcolor-dataviz-discrete-07) 3px, var(--wmcolor-dataviz-discrete-07) 5px, transparent 5px), radial-gradient(circle at 4px 4px, var(--wmcolor-dataviz-discrete-07) 3px, #a1d4f5 3px);\n  background-size: 8px 14px;\n}\n:host .bar-wrapper .bar.pattern-discrete-07.horizontal {\n  --pattern-angle: 90deg;\n  background-size: 14px 8px;\n}\n:host .bar-wrapper .bar.pattern-semantic-positive-02 {\n  background-image: repeating-linear-gradient(45deg, var(--wmcolor-dataviz-semantic-positive-02) 0px, var(--wmcolor-dataviz-semantic-positive-02) 3px, transparent 3px, transparent 7px), repeating-linear-gradient(135deg, var(--wmcolor-dataviz-semantic-positive-02) 0px, var(--wmcolor-dataviz-semantic-positive-02) 3px, var(--wmcolor-cyan-10) 3px, var(--wmcolor-cyan-10) 7px);\n}\n:host .bar-wrapper .bar.pattern-semantic-negative-01 {\n  --pattern-angle: 135deg;\n  background-image: repeating-linear-gradient(var(--pattern-angle), var(--wmcolor-dataviz-semantic-negative-01) 0px, var(--wmcolor-dataviz-semantic-negative-01) 2px, #ffe7e4 2px, #ffe7e4 8px);\n}\n:host .bar-wrapper .bar.pattern-semantic-negative-01.horizontal {\n  --pattern-angle: 45deg;\n}\n:host .bar-wrapper .bar.pattern-semantic-negative-02 {\n  --pattern-angle: 135deg;\n  background-image: repeating-linear-gradient(var(--pattern-angle), #ffe7e4 0px, #ffe7e4 2px, var(--wmcolor-dataviz-semantic-negative-02) 2px, var(--wmcolor-dataviz-semantic-negative-02) 8px);\n}\n:host .bar-wrapper .bar.pattern-semantic-negative-02.horizontal {\n  --pattern-angle: 45deg;\n}\n:host .bar-wrapper .bar.pattern-semantic-neutral-01 {\n  --pattern-angle: 0deg;\n  background-image: repeating-linear-gradient(var(--pattern-angle), var(--wmcolor-periwinkle-10) 0px, var(--wmcolor-periwinkle-10) 2px, var(--wmcolor-dataviz-semantic-neutral-01) 2px, var(--wmcolor-dataviz-semantic-neutral-01) 8px);\n}\n:host .bar-wrapper .bar.pattern-semantic-neutral-01.horizontal {\n  --pattern-angle: 90deg;\n}\n:host .bar-wrapper .bar.pattern-semantic-neutral-03 {\n  --pattern-angle: 0deg;\n  background-image: repeating-linear-gradient(var(--pattern-angle), var(--wmcolor-periwinkle-10) 0px, var(--wmcolor-periwinkle-10) 3px, var(--wmcolor-dataviz-semantic-neutral-03) 3px, var(--wmcolor-dataviz-semantic-neutral-03) 5px);\n}\n:host .bar-wrapper .bar.pattern-semantic-neutral-03.horizontal {\n  --pattern-angle: 90deg;\n}\n:host .bar-wrapper .bar.pattern-semantic-unspecified {\n  background-image: repeating-linear-gradient(45deg, var(--wmcolor-dataviz-semantic-unspecified) 0px, var(--wmcolor-dataviz-semantic-unspecified) 1px, transparent 1px, transparent 7px), repeating-linear-gradient(135deg, var(--wmcolor-dataviz-semantic-unspecified) 0px, var(--wmcolor-dataviz-semantic-unspecified) 1px, var(--wmcolor-gray-20) 1px, var(--wmcolor-gray-20) 7px);\n}\n:host .bar-wrapper .bar:hover {\n  -webkit-box-shadow: 0px 4px 15px 0px rgba(92, 59, 59, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12);\n  -moz-box-shadow: 0px 4px 15px 0px rgba(92, 59, 59, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12);\n  box-shadow: 0px 4px 15px 0px rgba(92, 59, 59, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12);\n}\n:host .component-wrapper.print-mode .value {\n  font-size: 1rem;\n  font-weight: 700;\n}\n:host .component-wrapper.print-mode .supplemental-value {\n  display: unset;\n}\n@media print {\n  :host .component-wrapper .value {\n    font-size: 1rem;\n    font-weight: 700;\n  }\n  :host .component-wrapper .supplemental-value {\n    display: unset;\n  }\n}\n\n.svg-icon {\n  display: block;\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n}\n.svg-icon.horizontal {\n  transform: scaleX(-1);\n}\n.svg-icon.vertical {\n  transform: scaleY(-1);\n}\n.svg-icon.svg-add:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-add:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-archive:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-archive:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.54 5.23L19.15 3.55C18.88 3.21 18.47 3 18 3H6C5.53 3 5.12 3.21 4.84 3.55L3.46 5.23C3.17 5.57 3 6.02 3 6.5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V6.5C21 6.02 20.83 5.57 20.54 5.23ZM12 17.5L6.5 12H10V10H14V12H17.5L12 17.5ZM5.12 5L5.93 4H17.93L18.87 5H5.12Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.54 5.23L19.15 3.55C18.88 3.21 18.47 3 18 3H6C5.53 3 5.12 3.21 4.84 3.55L3.46 5.23C3.17 5.57 3 6.02 3 6.5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V6.5C21 6.02 20.83 5.57 20.54 5.23ZM12 17.5L6.5 12H10V10H14V12H17.5L12 17.5ZM5.12 5L5.93 4H17.93L18.87 5H5.12Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-add-person:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-add-person:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M6,10V7H4V10H1V12H4V15H6V12H9V10M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M6,10V7H4V10H1V12H4V15H6V12H9V10M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-add-outline:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-add-outline:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-ai:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-ai:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,1L9,9L1,12L9,15L12,23L15,15L23,12L15,9L12,1Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,1L9,9L1,12L9,15L12,23L15,15L23,12L15,9L12,1Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-ai-sparkles:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-ai-sparkles:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11.0834 0.583328L10.3484 2.18749L8.75004 2.91666L10.3484 3.65166L11.0834 5.25L11.8125 3.65166L13.4167 2.91666L11.8125 2.18749M5.25004 2.33333L3.79171 5.54166L0.583374 7L3.79171 8.45833L5.25004 11.6667L6.70837 8.45833L9.91671 7L6.70837 5.54166M11.0834 8.75L10.3484 10.3483L8.75004 11.0833L10.3484 11.8125L11.0834 13.4167L11.8125 11.8125L13.4167 11.0833L11.8125 10.3483'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11.0834 0.583328L10.3484 2.18749L8.75004 2.91666L10.3484 3.65166L11.0834 5.25L11.8125 3.65166L13.4167 2.91666L11.8125 2.18749M5.25004 2.33333L3.79171 5.54166L0.583374 7L3.79171 8.45833L5.25004 11.6667L6.70837 8.45833L9.91671 7L6.70837 5.54166M11.0834 8.75L10.3484 10.3483L8.75004 11.0833L10.3484 11.8125L11.0834 13.4167L11.8125 11.8125L13.4167 11.0833L11.8125 10.3483'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-ai-chat:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-ai-chat:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19 1.5H5C3.9 1.5 3 2.4 3 3.5V17.5C3 18.6 3.9 19.5 5 19.5H9L12 22.5L15 19.5H19C20.1 19.5 21 18.6 21 17.5V3.5C21 2.4 20.1 1.5 19 1.5ZM19 17.5H14.17L12 19.67L9.83 17.5H5V3.5H19V17.5ZM12 16.5L13.88 12.38L18 10.5L13.88 8.62L12 4.5L10.12 8.62L6 10.5L10.12 12.38L12 16.5Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19 1.5H5C3.9 1.5 3 2.4 3 3.5V17.5C3 18.6 3.9 19.5 5 19.5H9L12 22.5L15 19.5H19C20.1 19.5 21 18.6 21 17.5V3.5C21 2.4 20.1 1.5 19 1.5ZM19 17.5H14.17L12 19.67L9.83 17.5H5V3.5H19V17.5ZM12 16.5L13.88 12.38L18 10.5L13.88 8.62L12 4.5L10.12 8.62L6 10.5L10.12 12.38L12 16.5Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-api-connected:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-api-connected:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.88 6.85 7.75 5.43 9.63 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20M6.5 18H18.5Q19.55 18 20.27 17.27 21 16.55 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 9.93 6 8.46 7.46 7 8.93 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18M12 12Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.88 6.85 7.75 5.43 9.63 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20M6.5 18H18.5Q19.55 18 20.27 17.27 21 16.55 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 9.93 6 8.46 7.46 7 8.93 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18M12 12Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-api-disconnected:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-api-disconnected:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19.8 22.6L17.15 20H6.5Q4.2 20 2.6 18.4T1 14.5Q1 12.58 2.19 11.08 3.38 9.57 5.25 9.15 5.33 8.95 5.4 8.76 5.5 8.57 5.55 8.35L1.4 4.2L2.8 2.8L21.2 21.2M6.5 18H15.15L7.1 9.95Q7.05 10.23 7.03 10.5 7 10.73 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18M11.13 14M21.6 18.75L20.15 17.35Q20.58 17 20.79 16.54 21 16.08 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 11.33 6 10.7 6.16 10.07 6.33 9.5 6.68L8.05 5.23Q8.93 4.63 9.91 4.31 10.9 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 16.5 22.63 17.31 22.25 18.15 21.6 18.75M14.83 12.03Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19.8 22.6L17.15 20H6.5Q4.2 20 2.6 18.4T1 14.5Q1 12.58 2.19 11.08 3.38 9.57 5.25 9.15 5.33 8.95 5.4 8.76 5.5 8.57 5.55 8.35L1.4 4.2L2.8 2.8L21.2 21.2M6.5 18H15.15L7.1 9.95Q7.05 10.23 7.03 10.5 7 10.73 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18M11.13 14M21.6 18.75L20.15 17.35Q20.58 17 20.79 16.54 21 16.08 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 11.33 6 10.7 6.16 10.07 6.33 9.5 6.68L8.05 5.23Q8.93 4.63 9.91 4.31 10.9 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 16.5 22.63 17.31 22.25 18.15 21.6 18.75M14.83 12.03Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-attach:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-attach:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.5,6V17.5A4,4 0 0,1 12.5,21.5A4,4 0 0,1 8.5,17.5V5A2.5,2.5 0 0,1 11,2.5A2.5,2.5 0 0,1 13.5,5V15.5A1,1 0 0,1 12.5,16.5A1,1 0 0,1 11.5,15.5V6H10V15.5A2.5,2.5 0 0,0 12.5,18A2.5,2.5 0 0,0 15,15.5V5A4,4 0 0,0 11,1A4,4 0 0,0 7,5V17.5A5.5,5.5 0 0,0 12.5,23A5.5,5.5 0 0,0 18,17.5V6H16.5Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.5,6V17.5A4,4 0 0,1 12.5,21.5A4,4 0 0,1 8.5,17.5V5A2.5,2.5 0 0,1 11,2.5A2.5,2.5 0 0,1 13.5,5V15.5A1,1 0 0,1 12.5,16.5A1,1 0 0,1 11.5,15.5V6H10V15.5A2.5,2.5 0 0,0 12.5,18A2.5,2.5 0 0,0 15,15.5V5A4,4 0 0,0 11,1A4,4 0 0,0 7,5V17.5A5.5,5.5 0 0,0 12.5,23A5.5,5.5 0 0,0 18,17.5V6H16.5Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-back:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-back:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-close:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-close:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-copy:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-copy:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-checkbox-selected:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-checkbox-selected:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-checkbox-blank:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-checkbox-blank:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-collapsed:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-collapsed:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M10,17L15,12L10,7V17Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M10,17L15,12L10,7V17Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-date:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-date:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M17,12H12V17H17V12Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M17,12H12V17H17V12Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-delete:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-delete:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-download:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-download:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-drilldown:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-drilldown:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M2,3h14v4H2V3 M2,10h20v4H2V10 M2,17h8v4H2V17z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M2,3h14v4H2V3 M2,10h20v4H2V10 M2,17h8v4H2V17z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-edit:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-edit:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-error:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-error:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-expand-less:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-expand-less:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-expand-more:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-expand-more:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-expanded:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-expanded:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7,10L12,15L17,10H7Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7,10L12,15L17,10H7Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-filter:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-filter:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M14,12V19.88C14.04,20.18 13.94,20.5 13.71,20.71C13.32,21.1 12.69,21.1 12.3,20.71L10.29,18.7C10.06,18.47 9.96,18.16 10,17.87V12H9.97L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L14.03,12H14Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M14,12V19.88C14.04,20.18 13.94,20.5 13.71,20.71C13.32,21.1 12.69,21.1 12.3,20.71L10.29,18.7C10.06,18.47 9.96,18.16 10,17.87V12H9.97L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L14.03,12H14Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-forward:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-forward:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-help-center:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-help-center:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-hide:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-hide:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-info:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-info:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-locked:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-locked:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-menu:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-menu:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-more-options:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-more-options:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-move-down:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-move-down:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-move-up:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-move-up:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-navigator-icon:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-navigator-icon:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' fill-rule='evenodd' clip-rule='evenodd' d='M21.9,11.5c0,5.5-4.4,9.9-9.9,9.9c-5.5,0-9.9-4.4-9.9-9.9C2.1,6,6.5,1.6,12,1.6 C17.5,1.6,21.9,6,21.9,11.5z M22.5,11.5C22.5,17.3,17.8,22,12,22C6.2,22,1.5,17.3,1.5,11.5C1.5,5.7,6.2,1,12,1 C17.8,1,22.5,5.7,22.5,11.5z M7.7,15.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3s0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S7.4,15.6,7.7,15.8z M11.2,15.8c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S10.9,15.6,11.2,15.8z M14.7,15.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S14.4,15.6,14.7,15.8z M7.7,12.3c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S7.4,12.1,7.7,12.3z M11.2,12.3c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S10.9,12.1,11.2,12.3z M14.7,12.3c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S14.4,12.1,14.7,12.3z M7.7,8.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3S9.7,8.3,9.7,8S9.6,7.4,9.3,7.2S8.8,6.8,8.5,6.8 S7.9,6.9,7.7,7.2S7.3,7.7,7.3,8S7.4,8.6,7.7,8.8z M11.2,8.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8 s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S10.9,8.6,11.2,8.8z M14.7,8.8 c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3 c-0.2,0.2-0.3,0.5-0.3,0.8S14.4,8.6,14.7,8.8z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' fill-rule='evenodd' clip-rule='evenodd' d='M21.9,11.5c0,5.5-4.4,9.9-9.9,9.9c-5.5,0-9.9-4.4-9.9-9.9C2.1,6,6.5,1.6,12,1.6 C17.5,1.6,21.9,6,21.9,11.5z M22.5,11.5C22.5,17.3,17.8,22,12,22C6.2,22,1.5,17.3,1.5,11.5C1.5,5.7,6.2,1,12,1 C17.8,1,22.5,5.7,22.5,11.5z M7.7,15.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3s0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S7.4,15.6,7.7,15.8z M11.2,15.8c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S10.9,15.6,11.2,15.8z M14.7,15.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S14.4,15.6,14.7,15.8z M7.7,12.3c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S7.4,12.1,7.7,12.3z M11.2,12.3c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S10.9,12.1,11.2,12.3z M14.7,12.3c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S14.4,12.1,14.7,12.3z M7.7,8.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3S9.7,8.3,9.7,8S9.6,7.4,9.3,7.2S8.8,6.8,8.5,6.8 S7.9,6.9,7.7,7.2S7.3,7.7,7.3,8S7.4,8.6,7.7,8.8z M11.2,8.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8 s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S10.9,8.6,11.2,8.8z M14.7,8.8 c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3 c-0.2,0.2-0.3,0.5-0.3,0.8S14.4,8.6,14.7,8.8z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-next:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-next:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-notifications:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-notifications:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-open-in-new:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-open-in-new:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-pending:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-pending:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.3,19.3l1.1,1.8c-1,0.5-2.1,0.8-3.3,0.9v-2.1C13.8,19.8,14.6,19.6,15.3,19.3z M3.6,12.6H1.5 c0.1,1.2,0.4,2.3,0.9,3.3l1.8-1.1C3.9,14.1,3.7,13.3,3.6,12.6z M15.3,3.7l1.1-1.8c-1-0.5-2.1-0.8-3.3-0.9v2.1 C13.8,3.2,14.6,3.4,15.3,3.7z M20.4,10.4h2.1c-0.1-1.2-0.4-2.3-0.9-3.3l-1.8,1.1C20.1,8.9,20.3,9.7,20.4,10.4z M8.7,19.3l-1.1,1.8 c1,0.5,2.1,0.8,3.3,0.9v-2.1C10.2,19.8,9.4,19.6,8.7,19.3z M10.9,3.1V1C9.8,1.1,8.7,1.4,7.7,1.9l1.1,1.8C9.4,3.4,10.2,3.2,10.9,3.1 z M18.7,6.4l1.8-1.1c-0.7-0.9-1.5-1.7-2.4-2.4l-1.1,1.8C17.7,5.3,18.2,5.8,18.7,6.4z M4.2,8.2L2.4,7.2c-0.5,1-0.8,2.1-0.9,3.3h2.1 C3.7,9.7,3.9,8.9,4.2,8.2z M20.4,12.6c-0.1,0.8-0.3,1.5-0.6,2.2l1.8,1.1c0.5-1,0.8-2.1,0.9-3.3H20.4z M17.1,18.2l1.1,1.8 c0.9-0.7,1.7-1.5,2.4-2.4l-1.8-1.1C18.2,17.2,17.7,17.7,17.1,18.2z M6.9,4.8L5.8,2.9C4.9,3.6,4.1,4.4,3.5,5.3l1.8,1.1 C5.8,5.8,6.3,5.3,6.9,4.8z M5.3,16.6l-1.8,1.1c0.7,0.9,1.5,1.7,2.4,2.4l1.1-1.8C6.3,17.7,5.8,17.2,5.3,16.6z M13.1,6.2h-2.1v5.7 l4.5,4.5L17,15l-3.9-3.9V6.2z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.3,19.3l1.1,1.8c-1,0.5-2.1,0.8-3.3,0.9v-2.1C13.8,19.8,14.6,19.6,15.3,19.3z M3.6,12.6H1.5 c0.1,1.2,0.4,2.3,0.9,3.3l1.8-1.1C3.9,14.1,3.7,13.3,3.6,12.6z M15.3,3.7l1.1-1.8c-1-0.5-2.1-0.8-3.3-0.9v2.1 C13.8,3.2,14.6,3.4,15.3,3.7z M20.4,10.4h2.1c-0.1-1.2-0.4-2.3-0.9-3.3l-1.8,1.1C20.1,8.9,20.3,9.7,20.4,10.4z M8.7,19.3l-1.1,1.8 c1,0.5,2.1,0.8,3.3,0.9v-2.1C10.2,19.8,9.4,19.6,8.7,19.3z M10.9,3.1V1C9.8,1.1,8.7,1.4,7.7,1.9l1.1,1.8C9.4,3.4,10.2,3.2,10.9,3.1 z M18.7,6.4l1.8-1.1c-0.7-0.9-1.5-1.7-2.4-2.4l-1.1,1.8C17.7,5.3,18.2,5.8,18.7,6.4z M4.2,8.2L2.4,7.2c-0.5,1-0.8,2.1-0.9,3.3h2.1 C3.7,9.7,3.9,8.9,4.2,8.2z M20.4,12.6c-0.1,0.8-0.3,1.5-0.6,2.2l1.8,1.1c0.5-1,0.8-2.1,0.9-3.3H20.4z M17.1,18.2l1.1,1.8 c0.9-0.7,1.7-1.5,2.4-2.4l-1.8-1.1C18.2,17.2,17.7,17.7,17.1,18.2z M6.9,4.8L5.8,2.9C4.9,3.6,4.1,4.4,3.5,5.3l1.8,1.1 C5.8,5.8,6.3,5.3,6.9,4.8z M5.3,16.6l-1.8,1.1c0.7,0.9,1.5,1.7,2.4,2.4l1.1-1.8C6.3,17.7,5.8,17.2,5.3,16.6z M13.1,6.2h-2.1v5.7 l4.5,4.5L17,15l-3.9-3.9V6.2z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-previous:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-previous:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-remove:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-remove:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-remove-tag:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-remove-tag:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-reset:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-reset:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,5V1L7,6L12,11V7A6,6 0 0,1 18,13A6,6 0 0,1 12,19A6,6 0 0,1 6,13H4A8,8 0 0,0 12,21A8,8 0 0,0 20,13A8,8 0 0,0 12,5Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,5V1L7,6L12,11V7A6,6 0 0,1 18,13A6,6 0 0,1 12,19A6,6 0 0,1 6,13H4A8,8 0 0,0 12,21A8,8 0 0,0 20,13A8,8 0 0,0 12,5Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-restore:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-restore:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13.5,8H12V13L16.28,15.54L17,14.33L13.5,12.25V8M13,3A9,9 0 0,0 4,12H1L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13.5,8H12V13L16.28,15.54L17,14.33L13.5,12.25V8M13,3A9,9 0 0,0 4,12H1L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-rotate-right:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-rotate-right:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-save:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-save:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-search:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-search:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-shape-circle:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-shape-circle:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z '/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z '/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-shape-pentagon:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-shape-pentagon:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,2.5L2,9.8L5.8,21.5H18.2L22,9.8L12,2.5Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,2.5L2,9.8L5.8,21.5H18.2L22,9.8L12,2.5Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-shape-rhombus:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-shape-rhombus:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12 2C11.5 2 11 2.19 10.59 2.59L2.59 10.59C1.8 11.37 1.8 12.63 2.59 13.41L10.59 21.41C11.37 22.2 12.63 22.2 13.41 21.41L21.41 13.41C22.2 12.63 22.2 11.37 21.41 10.59L13.41 2.59C13 2.19 12.5 2 12 2Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12 2C11.5 2 11 2.19 10.59 2.59L2.59 10.59C1.8 11.37 1.8 12.63 2.59 13.41L10.59 21.41C11.37 22.2 12.63 22.2 13.41 21.41L21.41 13.41C22.2 12.63 22.2 11.37 21.41 10.59L13.41 2.59C13 2.19 12.5 2 12 2Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-shape-star:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-shape-star:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-shape-square:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-shape-square:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M3,3V21H21V3'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M3,3V21H21V3'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-shape-triangle:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-shape-triangle:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M1,21H23L12,2'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M1,21H23L12,2'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-shape-triangle-inverted:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-shape-triangle-inverted:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M1 3H23L12 22'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M1 3H23L12 22'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-show:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-show:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-sort-a-to-z:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-sort-a-to-z:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-sort-column:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-sort-column:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-sort-z-to-a:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-sort-z-to-a:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19 15L17.59 13.59L13 18.17V2H11V18.17L6.41 13.58L5 15L12 22L19 15Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19 15L17.59 13.59L13 18.17V2H11V18.17L6.41 13.58L5 15L12 22L19 15Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-spotlight:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-spotlight:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M10.9902 0.5C16.7959 0.500127 21.5 5.20361 21.5 11C21.5 16.7964 16.7959 21.4999 10.9902 21.5C5.19344 21.5 0.5 16.7955 0.5 11C0.5 5.20451 5.19344 0.5 10.9902 0.5ZM15.23 17L11 14.45L6.76997 17L7.88997 12.19L4.15997 8.96L9.07997 8.54L11 4L12.92 8.53L17.84 8.95L14.11 12.18L15.23 17Z'/%3E%3C/svg%3E\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M10.9902 0.5C16.7959 0.500127 21.5 5.20361 21.5 11C21.5 16.7964 16.7959 21.4999 10.9902 21.5C5.19344 21.5 0.5 16.7955 0.5 11C0.5 5.20451 5.19344 0.5 10.9902 0.5ZM15.23 17L11 14.45L6.76997 17L7.88997 12.19L4.15997 8.96L9.07997 8.54L11 4L12.92 8.53L17.84 8.95L14.11 12.18L15.23 17Z'/%3E%3C/svg%3E\");\n}\n.svg-icon.svg-success:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-success:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-time:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-time:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M17 13.9L16.3 15.2L11 12.3V7H12.5V11.4L17 13.9Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M17 13.9L16.3 15.2L11 12.3V7H12.5V11.4L17 13.9Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-undo:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-undo:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12.5,8C9.85,8 7.45,9 5.6,10.6L2,7V16H11L7.38,12.38C8.77,11.22 10.54,10.5 12.5,10.5C16.04,10.5 19.05,12.81 20.1,16L22.47,15.22C21.08,11.03 17.15,8 12.5,8Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12.5,8C9.85,8 7.45,9 5.6,10.6L2,7V16H11L7.38,12.38C8.77,11.22 10.54,10.5 12.5,10.5C16.04,10.5 19.05,12.81 20.1,16L22.47,15.22C21.08,11.03 17.15,8 12.5,8Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-upload:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-upload:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z'/%3E%3C/svg%3E%0A\");\n}\n.svg-icon.svg-wrong:before {\n  content: \"\";\n  display: block;\n  background-color: var(--icon-fill, currentColor);\n  width: var(--icon-size, 0.875rem);\n  height: var(--icon-size, 0.875rem);\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n}\n.svg-icon.svg-wrong:before {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z'/%3E%3C/svg%3E%0A\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z'/%3E%3C/svg%3E%0A\");\n}\n\n:host {\n  display: block;\n}\n\n.chart-wrapper {\n  display: flex;\n  container: chart-measure/inline-size;\n  gap: 0.75rem;\n}\n\n.chart-center {\n  display: grid;\n  flex-grow: 1;\n  grid-template-columns: minmax(0, max-content) auto 1fr;\n  grid-template-rows: 1fr;\n  margin-right: 3rem;\n  row-gap: 0.75rem;\n}\n\n.bottom-axis-label {\n  grid-column: 3;\n  grid-row: 3/3;\n  max-width: 100%;\n}\n\n.chart-area {\n  display: grid;\n  grid-template-columns: subgrid;\n  grid-column: 2/-1;\n  row-gap: 0.75rem;\n  align-items: center;\n  grid-template-rows: repeat(var(--row-count), minmax(1.5rem, 1fr)) 0;\n}\n\n.bar-legend,\n.group-legend {\n  grid-column: 1;\n  text-align: end;\n  max-width: 12.5rem;\n  margin-inline-end: 0.75rem;\n}\n\n.bar-area {\n  position: relative;\n  grid-column: 2;\n  grid-row: 1/-1;\n  display: grid;\n  grid-template-rows: subgrid;\n  align-items: center;\n}\n.bar-area.grouped {\n  gap: 2rem;\n}\n\n.group-bars {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.grid-lines {\n  print-color-adjust: exact;\n  -webkit-print-color-adjust: exact;\n  container-name: grid-lines;\n  container-type: inline-size;\n  position: absolute;\n  block-size: 100%;\n  inline-size: 100%;\n  background-image: linear-gradient(90deg, var(--wmcolor-chart-gridline, #e0e0e0) 1px, transparent 1px);\n  background-position: -1px;\n  border-inline-start: 1px solid var(--wmcolor-chart-gridline, #e0e0e0);\n  border-block-end: 1px solid var(--wmcolor-chart-gridline, #e0e0e0);\n  background-size: var(--background-size);\n}\n@container chart-measure (max-width: 414px) {\n  .grid-lines {\n    background-size: 100%;\n  }\n}\n\n.bar-wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.bar {\n  flex-basis: var(--bar-length, 100%);\n  block-size: 1.5rem;\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n  print-color-adjust: exact;\n  -webkit-print-color-adjust: exact;\n}\n\n.value {\n  position: absolute;\n  inset-inline-start: 0;\n  padding-inline-start: 0.5rem;\n}\n\n.x-axis {\n  grid-column: 3;\n  display: flex;\n  justify-content: space-between;\n  font-size: 0.75rem;\n}\n@container chart-measure (max-width: 414px) {\n  .x-axis .tick:not(:first-of-type):not(:last-of-type) {\n    visibility: hidden;\n  }\n}\n.x-axis .tick {\n  text-align: center;\n}\n.x-axis .tick.zero {\n  text-align: start;\n  transform: translateX(-50%);\n}\n.x-axis .tick:last-child {\n  text-align: end;\n}\n\n#chart-instructions {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  border: 0 !important;\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  clip-path: inset(50%) !important;\n  white-space: nowrap !important;\n  margin: -1px !important;\n}\n\n.component-wrapper.print-mode .group-bars {\n  gap: 0.125rem;\n}\n@media print {\n  .component-wrapper .group-bars {\n    gap: 0.125rem;\n  }\n}";export{u as wm_chart_bar}