@react-magma/charts 12.0.0-next.4 → 12.0.0-next.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/charts.js +1 -1
  2. package/dist/charts.js.map +1 -1
  3. package/dist/charts.modern.module.js +1 -1
  4. package/dist/charts.modern.module.js.map +1 -1
  5. package/dist/charts.umd.js +1 -1
  6. package/dist/charts.umd.js.map +1 -1
  7. package/dist/components/CarbonChart/CarbonChart.d.ts +0 -1
  8. package/dist/components/CarbonChart/embeddedStyles.d.ts +1 -0
  9. package/package.json +10 -8
  10. package/src/components/CarbonChart/CarbonChart.tsx +51 -12
  11. package/src/components/CarbonChart/embeddedStyles.ts +24880 -0
  12. package/src/components/LineChart/ChartDataTable.tsx +1 -2
  13. package/dist/charts +0 -390
  14. package/dist/charts.css +0 -20
  15. package/dist/charts.css.map +0 -1
  16. package/dist/charts.map +0 -1
  17. package/src/components/CarbonChart/styles.min.css +0 -24790
package/dist/charts.js CHANGED
@@ -1,2 +1,2 @@
1
- var e=require("react"),n=require("@emotion/react"),t=require("react-magma-dom"),r=require("react-magma-icons"),o=require("react/jsx-runtime"),a=require("@emotion/styled"),i=require("victory"),s=require("@carbon/charts-react");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}}),n.default=e,n}var d=/*#__PURE__*/c(e),u=/*#__PURE__*/l(a);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(null,arguments)}function p(e,n){if(null==e)return{};var t={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==n.indexOf(r))continue;t[r]=e[r]}return t}function h(e,n){return n||(n=e.slice(0)),e.raw=n,e}function m(e){return e.toLowerCase().replace(/[^a-z 0-9]/gi,"").replace(/(?:^\w|[A-Z]|\b\w)/g,function(e,n){return 0===n?e.toLowerCase():e.toUpperCase()}).replace(/\s+/g,"")}var b,g,v,x,y,k,w=function(e){var n=e.data,r=void 0===n?[]:n,a=e.xData,i=a.keyValue,s=a.label,l=a.tickFormat,c=a.tickValues,u=e.yData,p=u.keyValue,h=u.tickFormat,b=d.useState({columns:[],rows:[]}),g=b[0],v=b[1];return d.useEffect(function(){var e,n,t;v((e=m(i||s||"x"),n=r.reduce(function(e,n){return n.data.forEach(function(n){var t=n.x||i&&n[i];!e.includes(t)&&e.push(t)}),e},[]),t={columns:n.length>0?[{field:e,header:s||i||"X",isRowHeader:!0}]:[],rows:n.reduce(function(t,r,o){var a,i=c&&"number"==typeof r&&c.length===n.length?l&&"function"==typeof l?l(c[r-1]):c[r-1]:l&&Array.isArray(l)?l[r-1]:l&&"function"==typeof l?l(r):r;return t.push(((a={})[e]=i,a.id=o,a)),t},[])},r.reduce(function(e,n){var r=n.name,o=n.data,a=m(r);return e.columns.push({field:a,header:r}),o.forEach(function(n,r){var o,i=n.y||0===n.y?n.y:p&&n[p];e.rows[r]=f({},e.rows[r],((o={id:t.rows.length>0?r+1:r})[a]=h&&"function"==typeof h?h(i):i,o))}),e},t)))},[r]),/*#__PURE__*/o.jsx(t.Card,{children:g.rows.length>0?/*#__PURE__*/o.jsx(t.Datagrid,{hasPagination:!1,columns:g.columns,rows:g.rows}):/*#__PURE__*/o.jsx(t.Spinner,{})})},I=["events"],S=function(e){var n=e.events,t=p(e,I);/*#__PURE__*/return o.jsxs("g",{children:[/*#__PURE__*/o.jsx(i.LineSegment,f({},t,{events:n,style:{strokeWidth:"50px",stroke:"transparent"}})),/*#__PURE__*/o.jsx(i.LineSegment,f({},t,{events:n,style:{strokeWidth:"1px",stroke:"black",strokeOpacity:"0.2"}}))]})},j=["datum","index","lineIndex","pointRefArray","registerPoint","unregisterPoint"],C=["lineIndex","pointRefArray","pointIndex","registerPoint","unregisterPoint"],P=function(e){var n=e.datum,t=e.index,r=e.lineIndex,a=e.pointRefArray,s=e.registerPoint,l=e.unregisterPoint,c=p(e,j);/*#__PURE__*/return o.jsx(i.Point,f({},c,{ariaLabel:n.label,pathComponent:/*#__PURE__*/o.jsx(L,{lineIndex:r,pointIndex:t,pointRefArray:a,registerPoint:s,unregisterPoint:l}),role:"button",tabIndex:0}))},L=function(e){var n=e.lineIndex,r=e.pointRefArray,a=e.pointIndex,i=e.registerPoint,s=e.unregisterPoint,l=p(e,C),c=t.useForceUpdate(),u=d.useRef(null);return d.useEffect(function(){return i(r,u),c(),function(){return s(r,u)}},[]),/*#__PURE__*/o.jsx("path",f({ref:u,"data-line-index":n,"data-point-index":a},l))},z=u.default(t.StyledTooltip)(b||(b=h(["\n background: ",";\n border: 1px solid ",";\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);\n box-sizing: border-box;\n color: ",";\n font-size: ",";\n font-weight: normal;\n line-height: ",";\n margin: 0;\n padding: 8px;\n width: fit-content;\n div {\n margin-bottom: 8px;\n display: flex;\n align-items: flex-start;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n"])),function(e){return e.theme.colors.neutral100},function(e){return e.theme.colors.neutral300},function(e){return e.theme.colors.neutral},function(e){return e.theme.typeScale.size02.fontSize},function(e){return e.theme.typeScale.size02.lineHeight}),F=u.default.span(g||(g=h(["\n background: ",";\n border: ",";\n border-radius: 4px;\n height: 20px;\n width: 20px;\n margin-right: 8px;\n"])),function(e){return e.color},function(e){return e.color?"none":"3px solid black"}),A=function(e){var n=e.datum,r=e.index,a=e.showTooltip,i=e.x,s=e.y,l=d.useContext(t.ThemeContext);return a===r+"-"+n.index?/*#__PURE__*/o.jsx("g",{style:{pointerEvents:"none"},children:/*#__PURE__*/o.jsx("foreignObject",{x:i,y:s,width:"275",height:"100%",children:/*#__PURE__*/o.jsxs(z,{position:t.TooltipPosition.top,role:"tooltip",theme:l,children:[/*#__PURE__*/o.jsxs("div",{children:[/*#__PURE__*/o.jsx(F,{color:l.iterableColors[r]}),/*#__PURE__*/o.jsx("span",{children:n.label})]}),/*#__PURE__*/o.jsx(t.TooltipArrow,{theme:l})]})})}):null},E=function(e){var n=e.x,r=e.y,a=e.activePoints,i=e.hiddenData,s=Array.from(Array(e.dataLength-0),function(e,n){return n+0}).filter(function(e){return!i.includes(e)}),l=d.useContext(t.ThemeContext);/*#__PURE__*/return o.jsx("g",{style:{pointerEvents:"none"},children:/*#__PURE__*/o.jsx("foreignObject",{x:n,y:r,width:"275",height:"100%",children:/*#__PURE__*/o.jsxs(z,{"data-testid":"axis-tooltip",position:t.TooltipPosition.top,role:"tooltip",theme:l,children:[a.map(function(e,n){/*#__PURE__*/return o.jsxs("div",{children:[/*#__PURE__*/o.jsx(F,{color:l.iterableColors[s[n]]}),/*#__PURE__*/o.jsx("span",{children:e.label})]},n)}),/*#__PURE__*/o.jsx(t.TooltipArrow,{theme:l})]})})})},T=["children","color","dataIndex","isHidden","onClick","name","focusCurrentLine","resetLineFocus"],O=/*#__PURE__*/d.forwardRef(function(e,n){var r=e.color,a=e.dataIndex,i=e.isHidden,s=e.onClick,l=e.name,c=e.focusCurrentLine,u=e.resetLineFocus,h=p(e,T);function m(){i||c&&"function"==typeof c&&c(a)}var b=d.useContext(t.ThemeContext);/*#__PURE__*/return o.jsx("div",{style:{display:"inline-flex"},onMouseEnter:m,onMouseLeave:u,children:/*#__PURE__*/o.jsx(t.Checkbox,f({checked:!i,color:r,containerStyle:{alignItems:"center",border:"0",boxShadow:"0 0 0",color:b.colors.neutral,display:"inline-flex",margin:"0 36px 20px 0",padding:"0"},inputStyle:{border:r?"none":"2px solid "+b.colors.neutral800,borderRadius:"4px"},labelText:l,onBlur:u,onClick:function(){s&&"function"==typeof s&&s(a),i||u&&"function"==typeof u&&u()},onFocus:m,ref:n,theme:b},h))})}),R=["#00507A","#8F0033","#B84900","#255200","#711E6E","#005249"],D="#8F8F8F",W="#3F3F3F",q="pink",H={width:350,height:350,padding:50},_={fontFamily:'"Work Sans",Helvetica,sans-serif',fontSize:12,letterSpacing:"normal",padding:8,fill:W,stroke:"transparent",strokeWidth:0},V=f({textAnchor:"middle"},_),B="round",M="round",G={area:f({style:{data:{fill:q},labels:_}},H),axis:f({style:{axis:{fill:"transparent",stroke:D,strokeWidth:1,strokeLinecap:B,strokeLinejoin:M},axisLabel:f({},V,{padding:8,stroke:"transparent"}),grid:{fill:"none",stroke:"#dfdfdf",strokeLinecap:B,strokeLinejoin:M,pointerEvents:"painted"},ticks:{fill:"transparent",size:0,stroke:D,strokeWidth:0,strokeLinecap:B,strokeLinejoin:M},tickLabels:f({},_,{fill:W})}},H),polarDependentAxis:{style:{ticks:{fill:"transparent",size:1,stroke:"transparent"}}},bar:f({style:{data:{fill:W,padding:8,strokeWidth:0},labels:_}},H),boxplot:f({style:{max:{padding:8,stroke:W,strokeWidth:1},maxLabels:f({},_,{padding:3}),median:{padding:8,stroke:W,strokeWidth:1},medianLabels:f({},_,{padding:3}),min:{padding:8,stroke:W,strokeWidth:1},minLabels:f({},_,{padding:3}),q1:{padding:8,fill:W},q1Labels:f({},_,{padding:3}),q3:{padding:8,fill:W},q3Labels:f({},_,{padding:3})},boxWidth:20},H),candlestick:f({style:{data:{stroke:W},labels:f({},_,{padding:5})},candleColors:{positive:"#ffffff",negative:W}},H),chart:H,errorbar:f({borderWidth:8,style:{data:{fill:"transparent",opacity:1,stroke:W,strokeWidth:2},labels:_}},H),group:f({colorScale:R},H),histogram:f({style:{data:{fill:W,stroke:q,strokeWidth:2},labels:_}},H),legend:{colorScale:R,gutter:10,orientation:"vertical",titleOrientation:"top",style:{data:{type:"circle"},labels:_,title:f({},_,{padding:5})}},line:f({style:{data:{fill:"transparent",opacity:1,stroke:W,strokeWidth:2},labels:_}},H),pie:f({colorScale:R,style:{data:{padding:8,stroke:"#DFDFDF",strokeWidth:1},labels:f({},_,{padding:20})}},H),scatter:f({style:{data:{fill:W,opacity:1,stroke:"transparent",strokeWidth:0},labels:_}},H),stack:f({colorScale:R},H),tooltip:{style:f({},_,{padding:0,pointerEvents:"none"}),flyoutStyle:{stroke:q,strokeWidth:1,fill:"#f0f0f0",pointerEvents:"none"},flyoutPadding:5,cornerRadius:5,pointerLength:10},voronoi:f({style:{data:{fill:"transparent",stroke:"transparent",strokeWidth:0},labels:f({},_,{padding:5,pointerEvents:"none"}),flyout:{stroke:q,strokeWidth:1,fill:"#f0f0f0",pointerEvents:"none"}}},H)},$=["axisLabel","tickLabels"],K=["style"],Y=["axisLabel","tickLabels"],N=["style"],U=u.default.div(v||(v=h(["\n max-height: 600px;\n max-width: 800px;\n svg {\n overflow: visible;\n }\n"]))),X=u.default.div(x||(x=h([""]))),Z=u.default.div(y||(y=h(["\n padding-bottom: 24px;\n"]))),J=u.default.p(k||(k=h(["\n color: ",";\n font-size: ",";\n"])),function(e){return e.theme.colors.neutral},function(e){return e.theme.typeScale.size02.fontSize});function Q(e){var n=e.componentProps,r=void 0===n?{}:n,a=r.chart,s=void 0===a?{}:a,l=r.line,c=void 0===l?{}:l,u=r.scatter,h=void 0===u?{}:u,m=r.xAxis,b=void 0===m?{style:{}}:m,g=b.style,v=void 0===g?{}:g,x=v.axisLabel,y=void 0===x?void 0:x,k=v.tickLabels,w=void 0===k?void 0:k,I=p(v,$),j=p(b,K),C=r.yAxis,L=void 0===C?{style:{}}:C,z=L.style,F=void 0===z?{}:z,T=F.axisLabel,R=void 0===T?void 0:T,D=F.tickLabels,W=void 0===D?void 0:D,q=p(F,Y),H=p(L,N),_=e.data,V=void 0===_?[]:_,B=e.lastFocusedScatterPoint,M=e.pointRefArray,Q=e.registerPoint,ee=e.unregisterPoint,ne=e.tabRef,te=e.x,re=e.y,oe=d.useContext(t.ThemeContext),ae=d.useContext(t.I18nContext),ie=d.useState([]),se=ie[0],le=ie[1],ce=d.useState(800),de=ce[0],ue=ce[1],fe=d.useState(null),pe=fe[0],he=fe[1],me=d.useState(null),be=me[0],ge=me[1],ve=d.useState(!0),xe=ve[0],ye=ve[1],ke=d.useState(!1),we=ke[0],Ie=ke[1],Se=d.useRef(null),je=d.useRef(null);d.useEffect(function(){return ze(),window.addEventListener("resize",ze),window.addEventListener("keydown",Fe),function(){window.removeEventListener("resize",ze),window.removeEventListener("keydown",Fe)}},[]),d.useEffect(function(){return window.addEventListener("mousemove",Ae),function(){window.removeEventListener("mousemove",Ae)}},[be]);var Ce=V.map(function(e,n){return"scatter-"+n}),Pe=f({tickLabels:f({color:"#3f3f3f",fontSize:12},w),axisLabel:f({color:"#3f3f3f",padding:44,fontSize:14,fontWeight:"bold"},y)},I),Le=f({tickLabels:f({fontSize:12},W),axisLabel:f({color:"#3f3f3f",padding:64,fontSize:14,fontWeight:"bold"},R)},q);function ze(){Se.current&&ue(Se.current.clientWidth)}function Fe(e){"Escape"===e.key&&(ge(null),ye(!1))}function Ae(){!be&&ye(!0)}function Ee(e){return null===pe||pe===e?1:.1}function Te(e){se.includes(e)?le(se.filter(function(n){return n!==e})):le(se.concat([e]))}function Oe(e){he(e)}function Re(){he(null)}var De=function(e,n){if(n.current){var t=parseInt(n.current.getAttribute("data-line-index"),10);!e.includes(t)&&e.push(parseInt(n.current.getAttribute("data-line-index"),10))}return e},We=function(e){var n=parseInt(e.current.getAttribute("data-line-index"),10),t=parseInt(e.current.getAttribute("data-point-index"),10),r=M.current.reduce(De,[]);return{currentLineIndex:n,currentPointIndex:t,lineIndexes:r,lowestLineIndex:r[0],highestLineIndex:r[r.length-1]}},qe=function(e,n){return function(t){return t.current&&parseInt(t.current.getAttribute("data-line-index"),10)===e&&parseInt(t.current.getAttribute("data-point-index"),10)===n}};function He(e){"Tab"===e.key&&e.shiftKey&&B&&B.current&&M.current.find(function(e){return e.current===B.current})&&(e.preventDefault(),B.current.focus())}/*#__PURE__*/return o.jsxs(U,{ref:Se,children:[/*#__PURE__*/o.jsx(X,{onKeyDown:function(e){var n=e.shiftKey;switch(e.key){case"Tab":e.preventDefault(),B.current=M.current.find(function(e){return e.current===document.activeElement}).current,n?ne.current&&ne.current.focus():je.current&&je.current.focus();break;case"ArrowRight":var t,r=M.current.findIndex(function(e){return e.current===document.activeElement});void 0!==r&&(r===M.current.length-1?null==(t=M.current[0])||null==(t=t.current)||t.focus():M.current[r+1].current.focus());break;case"ArrowLeft":var o=M.current.findIndex(function(e){return e.current===document.activeElement});void 0!==o&&(0===o?M.current[M.current.length-1].current.focus():M.current[o-1].current.focus());break;case"ArrowUp":e.preventDefault();var a=M.current.find(function(e){return e.current===document.activeElement});if(a&&a.current){var i=We(a),s=i.currentLineIndex,l=i.currentPointIndex,c=i.lineIndexes;if(s===i.lowestLineIndex)M.current.find(qe(i.highestLineIndex,l)).current.focus();else{var d=c[c.indexOf(s)-1];M.current.find(qe(d,l)).current.focus()}}break;case"ArrowDown":e.preventDefault();var u=M.current.find(function(e){return e.current===document.activeElement});if(u&&u.current){var f=We(u),p=f.currentLineIndex,h=f.currentPointIndex,m=f.lineIndexes;if(p===f.highestLineIndex)M.current.find(qe(f.lowestLineIndex,h)).current.focus();else{var b=m[m.indexOf(p)+1];M.current.find(qe(b,h)).current.focus()}}}},children:/*#__PURE__*/o.jsxs(i.VictoryChart,f({domainPadding:32,height:400,padding:{top:0,left:80,right:0,bottom:62},theme:G,width:de,containerComponent:/*#__PURE__*/o.jsx(i.VictoryVoronoiContainer,{name:"xAxisGroupLabel",voronoiBlacklist:Ce,voronoiDimension:"x",labels:we&&xe?function(){return" "}:void 0,labelComponent:xe?/*#__PURE__*/o.jsx(i.VictoryTooltip,{flyoutComponent:/*#__PURE__*/o.jsx(E,{dataLength:V.length,hiddenData:se})}):void 0,role:"presentation",voronoiPadding:32})},s,{children:[/*#__PURE__*/o.jsx(i.VictoryAxis,f({},H,{dependentAxis:!0,style:Le})),V.map(function(e,n){var t=e.data;return!se.includes(n)&&/*#__PURE__*/o.jsx(i.VictoryLine,f({style:{data:{opacity:Ee(n),stroke:oe.iterableColors[n],strokeWidth:"3"},parent:{border:oe.colors.neutral400}},data:t,labelComponent:/*#__PURE__*/o.jsx(o.Fragment,{}),x:te,y:re},c),"line"+n)}),/*#__PURE__*/o.jsx(i.VictoryAxis,f({},j,{style:Pe,gridComponent:/*#__PURE__*/o.jsx(S,{events:{onMouseEnter:function(){return Ie(!0)},onMouseLeave:function(){return Ie(!1)}}})})),V.map(function(e,n){var t=e.data;return!se.includes(n)&&/*#__PURE__*/o.jsx(i.VictoryScatter,f({name:"scatter-"+n,events:[{target:"data",eventHandlers:{onBlur:function(){return ye(!0),ge(null),[{target:"labels",mutation:function(){return{active:void 0}}}]},onClick:function(){return[{target:"labels",mutation:function(e){return ge(e.datum.lineIndex+"-"+e.datum.index),{active:!0}}}]},onFocus:function(){return ye(!1),[{target:"labels",mutation:function(e){return ge(e.datum.lineIndex+"-"+e.datum.index),{active:!0}}}]},onMouseEnter:function(){return ye(!1),[{target:"labels",mutation:function(e){return ge(e.datum.lineIndex+"-"+e.datum.index),{active:!0}}}]},onMouseLeave:function(){ge(null),ye(!0)}}}],style:{data:{fill:oe.colors.neutral100,opacity:Ee(n),stroke:oe.iterableColors[n],strokeWidth:2}},size:5,data:t.map(function(e,t){return f({index:t,lineIndex:n},e)}),dataComponent:/*#__PURE__*/o.jsx(P,{lineIndex:n,pointRefArray:M,registerPoint:Q,unregisterPoint:ee}),labels:function(){return""},labelComponent:/*#__PURE__*/o.jsx(i.VictoryTooltip,{text:"",flyoutComponent:/*#__PURE__*/o.jsx(A,{index:n,showTooltip:be})}),x:te,y:re},h),"scatter"+n)})]}))}),/*#__PURE__*/o.jsxs(Z,{children:[/*#__PURE__*/o.jsx(J,{theme:oe,children:ae.charts.line.dataLegendsLabel}),V.map(function(e,n){var t=e.name,r=ae.charts.line.legendButtonAriaLabel.replace(/\{name\}/g,t);/*#__PURE__*/return o.jsx(O,{"aria-label":r,color:oe.iterableColors[n],dataIndex:n,isHidden:se.includes(n),name:t,onClick:Te,onKeyDown:0===n?He:void 0,focusCurrentLine:Oe,ref:0===n?je:void 0,resetLineFocus:Re},n)})]})]})}var ee,ne,te,re,oe,ae,ie=["description","title","testId","type"],se=t.styled.span(ee||(ee=h(["\n color: ",";\n font-size: ",";\n font-weight: 600;\n font-family: ",";\n line-height: ",";\n margin: 0 0 12px 0;\n"])),function(e){return e.theme.colors.neutral},function(e){return e.theme.typeScale.size04.fontSize},function(e){return e.theme.bodyFont},function(e){return e.theme.typeScale.size04.lineHeight}),le=t.styled(t.Paragraph)(ne||(ne=h(["\n font-size: ",";\n margin: 0 0 18px 0;\n"])),function(e){return e.theme.typeScale.size02.fontSize}),ce=t.styled(t.TabsContainer)(te||(te=h(["\n width: 800px;\n ul {\n box-shadow: inset 0 -1px 0 ",";\n }\n"])),function(e){return e.theme.colors.neutral300}),de=t.styled(t.TabPanel)(re||(re=h(["\n padding: 22px 0;\n"]))),ue=t.styled(t.Card)(oe||(oe=h(["\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n display: ",";\n right: ",";\n max-height: ",";\n opacity: ",";\n outline: 0;\n overflow-y: auto;\n padding: ","\n ",";\n position: absolute;\n transition: opacity 0.3s;\n white-space: nowrap;\n z-index: 2;\n\n ","\n"])),function(e){return e.isOpen?"block":"none"},function(e){return e.theme.spaceScale.spacing02},function(e){return e.maxHeight?e.maxHeight:e.theme.dropdown.content.maxHeight},function(e){return e.isOpen?"1":"0"},function(e){return e.theme.spaceScale.spacing05},function(e){return e.theme.spaceScale.spacing05},function(e){return e.width&&n.css(ae||(ae=h(["\n white-space: normal;\n width: ",";\n "])),e.width)});function fe(e,n){var a,i,s,l=e.description,c=e.title,u=e.type,h=p(e,ie),m=d.useRef(null),b=d.useRef(null),g=d.useContext(t.ThemeContext),v=d.useContext(t.I18nContext),x=t.useDescendants(),y=x[0],k=x[1],I=x[2],S=d.useState(!1),j=S[0],C=S[1];/*#__PURE__*/return o.jsxs("div",{ref:n,children:[/*#__PURE__*/o.jsx(se,{theme:g,children:c}),l&&/*#__PURE__*/o.jsx(le,{theme:g,visualStyle:t.TypographyVisualStyle.bodySmall,children:l}),/*#__PURE__*/o.jsxs(ce,{theme:g,children:[/*#__PURE__*/o.jsxs(t.Tabs,{children:[/*#__PURE__*/o.jsx(t.Tab,{children:v.charts.line.chartTabLabel}),/*#__PURE__*/o.jsx(t.Tab,{children:v.charts.line.dataTabLabel}),/*#__PURE__*/o.jsxs("div",{onBlur:function(){C(!1)},style:{display:"inline-block",marginLeft:"auto"},children:[/*#__PURE__*/o.jsx(t.Tooltip,{content:v.charts.line.keyboardInstructionsTooltip,ref:m,children:/*#__PURE__*/o.jsx(t.IconButton,{"aria-controls":"keyboardInstructions","aria-label":v.charts.line.keyboardInstructionsTooltip,"aria-expanded":Boolean(j),icon:/*#__PURE__*/o.jsx(r.KeyboardIcon,{}),onClick:function(){C(function(e){return!e})},onKeyDown:function(e){var n=e.shiftKey;switch(e.key){case"Escape":C(!1);break;case"Tab":!n&&b&&b.current&&y.current.find(function(e){return e.current===b.current})&&(e.preventDefault(),b.current.focus())}},variant:t.ButtonVariant.link})}),/*#__PURE__*/o.jsx(t.Announce,{children:/*#__PURE__*/o.jsxs(ue,{id:"keyboardInstructions",isOpen:j,theme:g,width:"350px",children:[/*#__PURE__*/o.jsx(t.Paragraph,{visualStyle:t.TypographyVisualStyle.headingXSmall,style:{margin:"0 0 16px"},children:v.charts.line.keyboardInstructionsHeader}),v.charts.line.keyboardInstructions]})})]})]}),/*#__PURE__*/o.jsxs(t.TabPanelsContainer,{children:[/*#__PURE__*/o.jsx(de,{theme:g,children:"line"===u&&/*#__PURE__*/o.jsx(Q,f({},h,{lastFocusedScatterPoint:b,pointRefArray:y,registerPoint:k,tabRef:m,unregisterPoint:I}))}),/*#__PURE__*/o.jsx(de,{theme:g,children:/*#__PURE__*/o.jsx(w,{data:h.data,xData:{keyValue:h.x,label:null==(a=h.componentProps)||null==(a=a.xAxis)?void 0:a.label,tickFormat:null==(i=h.componentProps)||null==(i=i.xAxis)?void 0:i.tickFormat},yData:{keyValue:h.y,tickFormat:null==(s=h.componentProps)||null==(s=s.yAxis)?void 0:s.tickFormat}})})]})]})]})}var pe=/*#__PURE__*/d.forwardRef(fe);function he(){return he=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},he.apply(null,arguments)}function me(e,n){return me=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,n){return e.__proto__=n,e},me(e,n)}function be(e){return be=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},be(e)}function ge(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(ge=function(){return!!e})()}function ve(e){var n="function"==typeof Map?new Map:void 0;return ve=function(e){if(null===e||!function(e){try{return-1!==Function.toString.call(e).indexOf("[native code]")}catch(n){return"function"==typeof e}}(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(e))return n.get(e);n.set(e,t)}function t(){return function(e,n,t){if(ge())return Reflect.construct.apply(null,arguments);var r=[null];r.push.apply(r,n);var o=new(e.bind.apply(e,r));return t&&me(o,t.prototype),o}(e,arguments,be(this).constructor)}return t.prototype=Object.create(e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),me(t,e)},ve(e)}var xe={1:"Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).\n\n",2:"Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).\n\n",3:"Passed an incorrect argument to a color function, please pass a string representation of a color.\n\n",4:"Couldn't generate valid rgb string from %s, it returned %s.\n\n",5:"Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\n\n",6:"Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\n\n",7:"Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\n\n",8:"Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\n\n",9:"Please provide a number of steps to the modularScale helper.\n\n",10:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",11:'Invalid value passed as base to modularScale, expected number or em string but got "%s"\n\n',12:'Expected a string ending in "px" or a number passed as the first argument to %s(), got "%s" instead.\n\n',13:'Expected a string ending in "px" or a number passed as the second argument to %s(), got "%s" instead.\n\n',14:'Passed invalid pixel value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',15:'Passed invalid base value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',16:"You must provide a template to this method.\n\n",17:"You passed an unsupported selector state to this method.\n\n",18:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",19:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",20:"expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",21:"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",22:"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",23:"fontFace expects a name of a font-family.\n\n",24:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",25:"fontFace expects localFonts to be an array.\n\n",26:"fontFace expects fileFormats to be an array.\n\n",27:"radialGradient requries at least 2 color-stops to properly render.\n\n",28:"Please supply a filename to retinaImage() as the first argument.\n\n",29:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",30:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",31:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\n\n",32:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\n\n",33:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\n\n",34:"borderRadius expects a radius value as a string or number as the second argument.\n\n",35:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',36:"Property must be a string value.\n\n",37:"Syntax Error at %s.\n\n",38:"Formula contains a function that needs parentheses at %s.\n\n",39:"Formula is missing closing parenthesis at %s.\n\n",40:"Formula has too many closing parentheses at %s.\n\n",41:"All values in a formula must have the same unit or be unitless.\n\n",42:"Please provide a number of steps to the modularScale helper.\n\n",43:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",44:"Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\n\n",45:"Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\n\n",46:"Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\n\n",47:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",48:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",49:"Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",50:"Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\n\n",51:"Expects the first argument object to have the properties prop, fromSize, and toSize.\n\n",52:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",53:"fontFace expects localFonts to be an array.\n\n",54:"fontFace expects fileFormats to be an array.\n\n",55:"fontFace expects a name of a font-family.\n\n",56:"linearGradient requries at least 2 color-stops to properly render.\n\n",57:"radialGradient requries at least 2 color-stops to properly render.\n\n",58:"Please supply a filename to retinaImage() as the first argument.\n\n",59:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",60:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",61:"Property must be a string value.\n\n",62:"borderRadius expects a radius value as a string or number as the second argument.\n\n",63:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',64:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\n\n",65:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\n\n",66:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\n\n",67:"You must provide a template to this method.\n\n",68:"You passed an unsupported selector state to this method.\n\n",69:'Expected a string ending in "px" or a number passed as the first argument to %s(), got %s instead.\n\n',70:'Expected a string ending in "px" or a number passed as the second argument to %s(), got %s instead.\n\n',71:'Passed invalid pixel value %s to %s(), please pass a value like "12px" or 12.\n\n',72:'Passed invalid base value %s to %s(), please pass a value like "12px" or 12.\n\n',73:"Please provide a valid CSS variable.\n\n",74:"CSS variable not found and no default was provided.\n\n",75:"important requires a valid style object, got a %s instead.\n\n",76:"fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n\n",77:'remToPx expects a value in "rem" but you provided it in "%s".\n\n',78:'base must be set in "px" or "%" but you set it in "%s".\n'};function ye(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];var r,o=n[0],a=[];for(r=1;r<n.length;r+=1)a.push(n[r]);return a.forEach(function(e){o=o.replace(/%[a-z]/,e)}),o}var ke=/*#__PURE__*/function(e){var n,t;function r(n){var t;if("production"===process.env.NODE_ENV)t=e.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+n+" for more information.")||this;else{for(var r=arguments.length,o=new Array(r>1?r-1:0),a=1;a<r;a++)o[a-1]=arguments[a];t=e.call(this,ye.apply(void 0,[xe[n]].concat(o)))||this}return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}return t=e,(n=r).prototype=Object.create(t.prototype),n.prototype.constructor=n,me(n,t),r}(/*#__PURE__*/ve(Error));function we(e){return Math.round(255*e)}function Ie(e,n,t){return we(e)+","+we(n)+","+we(t)}function Se(e,n,t,r){if(void 0===r&&(r=Ie),0===n)return r(t,t,t);var o=(e%360+360)%360/60,a=(1-Math.abs(2*t-1))*n,i=a*(1-Math.abs(o%2-1)),s=0,l=0,c=0;o>=0&&o<1?(s=a,l=i):o>=1&&o<2?(s=i,l=a):o>=2&&o<3?(l=a,c=i):o>=3&&o<4?(l=i,c=a):o>=4&&o<5?(s=i,c=a):o>=5&&o<6&&(s=a,c=i);var d=t-a/2;return r(s+d,l+d,c+d)}var je={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},Ce=/^#[a-fA-F0-9]{6}$/,Pe=/^#[a-fA-F0-9]{8}$/,Le=/^#[a-fA-F0-9]{3}$/,ze=/^#[a-fA-F0-9]{4}$/,Fe=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,Ae=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,Ee=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,Te=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,Oe=function(e){return 7===e.length&&e[1]===e[2]&&e[3]===e[4]&&e[5]===e[6]?"#"+e[1]+e[3]+e[5]:e};function Re(e){var n=e.toString(16);return 1===n.length?"0"+n:n}var De,We,qe,He=function e(n,t,r){return function(){var o=r.concat(Array.prototype.slice.call(arguments));return o.length>=t?n.apply(this,o):e(n,t,o)}}(De=function(e,n){if("transparent"===n)return n;var t,r=function(e){if("string"!=typeof e)throw new ke(3);var n=function(e){if("string"!=typeof e)return e;var n=e.toLowerCase();return je[n]?"#"+je[n]:e}(e);if(n.match(Ce))return{red:parseInt(""+n[1]+n[2],16),green:parseInt(""+n[3]+n[4],16),blue:parseInt(""+n[5]+n[6],16)};if(n.match(Pe)){var t=parseFloat((parseInt(""+n[7]+n[8],16)/255).toFixed(2));return{red:parseInt(""+n[1]+n[2],16),green:parseInt(""+n[3]+n[4],16),blue:parseInt(""+n[5]+n[6],16),alpha:t}}if(n.match(Le))return{red:parseInt(""+n[1]+n[1],16),green:parseInt(""+n[2]+n[2],16),blue:parseInt(""+n[3]+n[3],16)};if(n.match(ze)){var r=parseFloat((parseInt(""+n[4]+n[4],16)/255).toFixed(2));return{red:parseInt(""+n[1]+n[1],16),green:parseInt(""+n[2]+n[2],16),blue:parseInt(""+n[3]+n[3],16),alpha:r}}var o=Fe.exec(n);if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10)};var a=Ae.exec(n.substring(0,50));if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10),alpha:parseFloat(""+a[4])>1?parseFloat(""+a[4])/100:parseFloat(""+a[4])};var i=Ee.exec(n);if(i){var s="rgb("+Se(parseInt(""+i[1],10),parseInt(""+i[2],10)/100,parseInt(""+i[3],10)/100)+")",l=Fe.exec(s);if(!l)throw new ke(4,n,s);return{red:parseInt(""+l[1],10),green:parseInt(""+l[2],10),blue:parseInt(""+l[3],10)}}var c=Te.exec(n.substring(0,50));if(c){var d="rgb("+Se(parseInt(""+c[1],10),parseInt(""+c[2],10)/100,parseInt(""+c[3],10)/100)+")",u=Fe.exec(d);if(!u)throw new ke(4,n,d);return{red:parseInt(""+u[1],10),green:parseInt(""+u[2],10),blue:parseInt(""+u[3],10),alpha:parseFloat(""+c[4])>1?parseFloat(""+c[4])/100:parseFloat(""+c[4])}}throw new ke(5)}(n);return function(e){if("object"==typeof e)return e.alpha>=1?function(e,n,t){if("number"==typeof e&&"number"==typeof n&&"number"==typeof t)return Oe("#"+Re(e)+Re(n)+Re(t));if("object"==typeof e&&void 0===n&&void 0===t)return Oe("#"+Re(e.red)+Re(e.green)+Re(e.blue));throw new ke(6)}(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")";throw new ke(7)}(he({},r,{alpha:(t=+(100*("number"==typeof r.alpha?r.alpha:1)-100*parseFloat(e)).toFixed(2)/100,Math.max(0,Math.min(1,t)))}))},De.length,[]),_e=["testId","isInverse","type","dataSet","options"];exports.CarbonChartType=void 0,(qe=exports.CarbonChartType||(exports.CarbonChartType={})).area="area",qe.areaStacked="areaStacked",qe.bar="bar",qe.barGrouped="barGrouped",qe.barStacked="barStacked",qe.boxplot="boxplot",qe.bubble="bubble",qe.bullet="bullet",qe.donut="donut",qe.gauge="gauge",qe.histogram="histogram",qe.line="line",qe.lollipop="lollipop",qe.meter="meter",qe.pie="pie",qe.radar="radar",qe.scatter="scatter",qe.combo="combo";var Ve,Be=u.default.div(We||(We=h(["\n .cds--data-table thead tr th {\n background: "," !important;\n }\n .cds--data-table td,\n .cds--data-table tbody th {\n color: ",";\n }\n .cds--data-table tbody tr,\n .cds--data-table tbody tr td,\n .cds--data-table tbody tr th {\n color: ",";\n }\n .cds--data-table tr {\n block-size: 2.5rem;\n }\n\n .cds--cc--tooltip .content-box .datapoint-tooltip p {\n font-size: ",";\n padding: ",";\n color: ",";\n max-width: 142px;\n white-space: normal;\n }\n\n .cds--modal-container {\n clip-path: inset(0% 0% 0% 0% round ",");\n background: ",";\n .cds--data-table th {\n background: ",";\n }\n .cds--data-table td {\n border-top: 1px solid\n ",";\n border-bottom: 1px solid\n ",";\n background: ",";\n }\n .cds--data-table tr:hover td {\n background: ",";\n }\n }\n\n p,\n div,\n text,\n .cds--cc--axes g.axis .axis-title,\n .cds--cc--title p.title,\n .cds--cc--axes g.axis g.tick text {\n font-family: "," !important;\n color: ",";\n }\n\n .cds--cc--axes {\n overflow: visible;\n }\n\n div.cds--cc--legend {\n div.legend-item {\n div.checkbox {\n background: ",";\n border: none;\n width: ",";\n height: ",";\n svg {\n left: 2px;\n position: relative;\n }\n }\n p {\n font-size: ",";\n margin: 0 "," 0 0;\n }\n }\n }\n div.cds--cc--legend.has-deactivated-items {\n div.legend-item {\n div.checkbox {\n border: 1px solid\n ",";\n }\n div.checkbox.active {\n border: 1px solid transparent;\n }\n }\n }\n .chart-holder {\n .cds--cc--axes g.axis g.tick text {\n fill: ",";\n }\n .cds--cc--axes g.axis path.domain {\n stroke: ",";\n }\n .cds--cc--grid g.x.grid g.tick line,\n .cds--cc--grid g.y.grid g.tick line {\n stroke: ",";\n }\n .cds--cc--grid rect.chart-grid-backdrop.stroked {\n stroke: ",";\n }\n .cds--cc--skeleton .shimmer-effect-lines {\n filter: ",";\n }\n /* .chart-holder.cds--chart-holder.filled,\n .cds--cc--skeleton rect.chart-skeleton-backdrop,\n .cds--cc--grid rect.chart-grid-backdrop {\n } */\n\n .cds--cc--grid rect.chart-grid-backdrop {\n fill: transparent;\n }\n .cds--cc--scatter circle.dot.hovered {\n padding: 10px;\n }\n .cds--cc--scatter-stacked circle.dot.hovered,\n .cds--cc--scatter-stacked circle.dot.unfilled,\n .cds--cc--scatter circle.dot.unfilled {\n stroke-width: 6px;\n transition: 0.1s all linear;\n }\n .cds--cc--scatter circle.dot.hovered {\n stroke-width: 0.5em;\n transition: 0.1s all linear;\n filter: drop-shadow(\n 1px 0px 0px\n ","\n )\n drop-shadow(\n -1px 0px 0px\n ","\n )\n drop-shadow(\n 0px 1px 0px\n ","\n )\n drop-shadow(\n 0px -1px 0px\n ","\n );\n }\n .cds--cc--lollipop circle.dot.filled,\n .cds--cc--lollipop circle.dot.hovered {\n stroke-width: 15px;\n }\n .cds--cc--scatter-stacked circle.dot.hovered,\n .cds--cc--scatter-stacked circle.dot.unfilled,\n .cds--cc--scatter circle.dot.unfilled,\n .cds--cc--lollipop circle.dot.filled,\n .cds--cc--lollipop circle.dot.hovered {\n transition: 0.1s all linear;\n filter: drop-shadow(\n 1px 0px 0px\n ","\n )\n drop-shadow(\n -1px 0px 0px\n ","\n )\n drop-shadow(\n 0px 1px 0px\n ","\n )\n drop-shadow(\n 0px -1px 0px\n ","\n );\n }\n .cds--cc--lollipop .cds--cc--scatter circle.dot.hovered {\n transition: 0.1s all linear;\n stroke-width: 1.1em;\n }\n \n .cds--cc--tooltip {\n ","\n\n .cds--overflow-menu-options__btn:focus {\n outline-color: ",";\n }\n\n .cds--btn {\n min-height: auto;\n display: flex;\n flex: 0 auto;\n align-items: center;\n text-align: center;\n padding: 20px;\n margin: 0;\n line-height: ",";\n margin: 0;\n min-width: ",";\n overflow: hidden;\n padding:;\n position: relative;\n right: ",";\n text-align: center;\n height: 40px;\n font-family: ",";\n font-size: ",";\n border-radius: ",";\n font-weight: 500;\n }\n\n .cds--btn--primary {\n background: ",";\n color: ",";\n }\n\n *:focus {\n outline: 2px solid\n "," !important;\n outline-offset: 0;\n }\n .cds--overflow-menu-options__btn:focus,\n .cds--overflow-menu:focus,\n .cds--overflow-menu__trigger:focus,\n .toolbar-control:focus {\n outline: 2px solid\n "," !important;\n }\n div.cds--cc--legend.clickable\n div.legend-item:not(.additional):focus\n div.checkbox,\n div.cds--cc--legend.clickable\n div.legend-item:not(.additional):hover\n div.checkbox {\n border: ",";\n }\n div.cds--cc--legend.clickable\n div.legend-item:not(.additional):hover\n div.checkbox {\n box-shadow: 0 0 0 2px\n "," !important;\n }\n\n .cds--btn--primary {\n &:focus {\n outline: 2px solid\n ",";\n }\n outline-offset: 2px;\n border: none;\n box-shadow: none;\n }\n .cds--modal-header {\n background: ",";\n margin-bottom: 0;\n border-bottom: 1px solid\n ",";\n }\n .cds--modal-header__heading {\n font-weight: 600;\n }\n\n .cds--modal-close {\n position: absolute;\n top: 0;\n right: 0;\n &:focus {\n outline: 2px solid\n ",";\n border-color: none;\n }\n outline-offset: 0;\n border: none;\n }\n }\n\n .cds--modal-footer.cds--modal-footer {\n display: flex;\n align-items: center;\n border-top: 1px solid\n ",";\n background: "," !important;\n }\n .layout-child.header {\n height: auto !important;\n p {\n text-overflow: inherit;\n overflow: auto;\n white-space: normal;\n }\n }\n\n svg:not(:root) {\n overflow: visible;\n }\n\n .cds--cc--chart-wrapper text {\n font-size: ",";\n }\n\n g.center text,\n .pie-label {\n fill: ",";\n }\n\n // Zoom responsive tweaks\n\n @media screen and (max-width: 760px) {\n .cds--modal-container {\n overflow-y: auto;\n }\n .cds--chart-holder .cds--modal .cds--modal-container .cds--modal-content {\n overflow: visible;\n }\n .cds--chart-holder\n .cds--modal\n .cds--modal-container\n .cds--modal-content\n table\n th {\n position: relative;\n }\n }\n"])),function(e){return e.isInverse?e.theme.colors.primary700:""},function(e){return e.theme.colors.neutral700},function(e){return e.isInverse?e.theme.colors.neutral100:""},function(e){return e.theme.typeScale.size02.fontSize},function(e){return e.theme.spaceScale.spacing02},function(e){return e.isInverse?e.theme.colors.neutral100:e.theme.colors.neutral700},function(e){return e.theme.borderRadius},function(e){return e.isInverse?e.theme.colors.primary700:""},function(e){return e.isInverse?e.theme.colors.primary600:""},function(e){return e.isInverse?He(.8,e.theme.colors.neutral100):"inherit"},function(e){return e.isInverse?He(.8,e.theme.colors.neutral100):"inherit"},function(e){return e.isInverse?"#202565":""},function(e){return e.isInverse?e.theme.colors.primary600:""},function(e){return e.theme.bodyFont},function(e){return e.isInverse?e.theme.colors.neutral100:e.theme.colors.neutral700},function(e){return e.isInverse?e.theme.colors.neutral900:e.theme.colors.neutral100},function(e){return e.theme.spaceScale.spacing05},function(e){return e.theme.spaceScale.spacing05},function(e){return e.theme.typeScale.size03.fontSize},function(e){return e.theme.spaceScale.spacing03},function(e){return e.isInverse?e.theme.colors.neutral100:e.theme.colors.neutral900},function(e){return e.isInverse?e.theme.colors.neutral100:""},function(e){return e.isInverse?e.theme.colors.neutral100:""},function(e){return e.isInverse?He(.5,e.theme.colors.neutral100):""},function(e){return e.isInverse?e.theme.colors.neutral100:""},function(e){return e.isInverse?"invert(1)":""},function(e){return e.isInverse?e.theme.colors.primary600:e.theme.colors.neutral100},function(e){return e.isInverse?e.theme.colors.primary600:e.theme.colors.neutral100},function(e){return e.isInverse?e.theme.colors.primary600:e.theme.colors.neutral100},function(e){return e.isInverse?e.theme.colors.primary600:e.theme.colors.neutral100},function(e){return e.isInverse?e.theme.colors.primary600:e.theme.colors.neutral100},function(e){return e.isInverse?e.theme.colors.primary600:e.theme.colors.neutral100},function(e){return e.isInverse?e.theme.colors.primary600:e.theme.colors.neutral100},function(e){return e.isInverse?e.theme.colors.primary600:e.theme.colors.neutral100},function(e){return((e.isInverse?e.theme.chartColorsInverse:e.theme.chartColors)||[]).reduce(function(n,t,r){return n+".tooltip-"+e.groupsLength+"-1-"+(r+1)+" { background-color: "+t+"; }"},"")},function(e){return e.isInverse?e.theme.colors.focusInverse:""},function(e){return e.theme.typeScale.size03.lineHeight},function(e){return e.theme.spaceScale.spacing13},function(e){return e.theme.spaceScale.spacing04},function(e){return e.theme.bodyFont},function(e){return e.theme.typeScale.size03.fontSize},function(e){return e.theme.borderRadius},function(e){return e.isInverse?e.theme.colors.tertiary500:e.theme.colors.primary},function(e){return e.isInverse?e.theme.colors.neutral900:""},function(e){return e.isInverse?e.theme.colors.focusInverse:e.theme.colors.focus},function(e){return e.isInverse?e.theme.colors.focusInverse:e.theme.colors.focus},function(e){return e.isInverse?"1px solid "+e.theme.colors.focusInverse:""},function(e){return e.isInverse?e.theme.colors.focusInverse:e.theme.colors.focus},function(e){return e.isInverse?e.theme.colors.focusInverse:e.theme.colors.focus},function(e){return e.isInverse?e.theme.colors.primary600:e.theme.colors.neutral100},function(e){return e.isInverse?He(.8,e.theme.colors.neutral100):e.theme.colors.neutral300},function(e){return e.isInverse?e.theme.colors.focusInverse:e.theme.colors.focus},function(e){return e.isInverse?He(.8,e.theme.colors.neutral100):e.theme.colors.neutral300},function(e){return e.isInverse?e.theme.colors.primary600:e.theme.colors.neutral100},function(e){return e.theme.typeScale.size02.fontSize},function(e){return e.isInverse?e.theme.colors.neutral100:""});!function(e){e.WHITE="white",e.G100="g100",e.G90="g90",e.G10="g10"}(Ve||(Ve={})),exports.CarbonChart=/*#__PURE__*/d.forwardRef(function(e,n){var r=e.testId,a=e.isInverse,i=e.type,l=e.dataSet,c=e.options,u=p(e,_e),h=d.useContext(t.ThemeContext),m=t.useIsInverse(a),b={area:s.AreaChart,areaStacked:s.StackedAreaChart,bar:s.SimpleBarChart,barGrouped:s.GroupedBarChart,barStacked:s.StackedBarChart,donut:s.DonutChart,line:s.LineChart,lollipop:s.LollipopChart,pie:s.PieChart,radar:s.RadarChart,boxplot:s.BoxplotChart,bubble:s.BubbleChart,bullet:s.BulletChart,gauge:s.GaugeChart,histogram:s.HistogramChart,meter:s.MeterChart,scatter:s.ScatterChart,combo:s.ComboChart};function g(){var e={},n=l.map(function(e){return"group"in e?e.group:null}),t=n.filter(function(e,t){return n.indexOf(e)===t}),r=c.colors||[],o=[].concat(r,h.chartColors),a=[].concat(r,h.chartColorsInverse);return t.forEach(function(n,r){return t.length<=o.length?e[n||"null"]=m?a[r]:o[r]:{}}),e}var v=f({},c,{theme:m?Ve.G100:Ve.WHITE,color:{scale:g()},tooltip:f({},(null==c?void 0:c.tooltip)||{},{truncation:{type:"none"}})}),x=b[i];d.useEffect(function(){document.querySelectorAll(".graph-frame ").forEach(function(e){e.setAttribute("aria-label","Interactive chart")})});var y=Object.keys(g()).length;/*#__PURE__*/return o.jsx(Be,f({"data-testid":r,ref:n,isInverse:m,theme:h,className:"carbon-chart-wrapper",groupsLength:y<6?y:14},u,{children:/*#__PURE__*/o.jsx(x,{data:l,options:v})}))}),exports.Chart=pe;
1
+ var n=require("react"),e=require("@emotion/react"),c=require("react-magma-dom"),t=require("react-magma-icons"),r=require("react/jsx-runtime"),s=require("@emotion/styled"),o=require("victory"),d=require("@carbon/charts-react");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function i(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach(function(c){if("default"!==c){var t=Object.getOwnPropertyDescriptor(n,c);Object.defineProperty(e,c,t.get?t:{enumerable:!0,get:function(){return n[c]}})}}),e.default=n,e}var l=/*#__PURE__*/i(n),p=/*#__PURE__*/a(s);function b(){return b=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var c=arguments[e];for(var t in c)({}).hasOwnProperty.call(c,t)&&(n[t]=c[t])}return n},b.apply(null,arguments)}function f(n,e){if(null==n)return{};var c={};for(var t in n)if({}.hasOwnProperty.call(n,t)){if(-1!==e.indexOf(t))continue;c[t]=n[t]}return c}function h(n,e){return e||(e=n.slice(0)),n.raw=e,n}function u(n){return n.toLowerCase().replace(/[^a-z 0-9]/gi,"").replace(/(?:^\w|[A-Z]|\b\w)/g,function(n,e){return 0===e?n.toLowerCase():n.toUpperCase()}).replace(/\s+/g,"")}var g,m,v,_,w,x,k=function(n){var e=n.data,t=void 0===e?[]:e,s=n.xData,o=s.keyValue,d=s.label,a=s.tickFormat,i=s.tickValues,p=n.yData,f=p.keyValue,h=p.tickFormat,g=l.useState({columns:[],rows:[]}),m=g[0],v=g[1];return l.useEffect(function(){var n,e,c;v((n=u(o||d||"x"),e=t.reduce(function(n,e){return e.data.forEach(function(e){var c=e.x||o&&e[o];!n.includes(c)&&n.push(c)}),n},[]),c={columns:e.length>0?[{field:n,header:d||o||"X",isRowHeader:!0}]:[],rows:e.reduce(function(c,t,r){var s,o=i&&"number"==typeof t&&i.length===e.length?a&&"function"==typeof a?a(i[t-1]):i[t-1]:a&&Array.isArray(a)?a[t-1]:a&&"function"==typeof a?a(t):t;return c.push(((s={})[n]=o,s.id=r,s)),c},[])},t.reduce(function(n,e){var t=e.name,r=e.data,s=u(t);return n.columns.push({field:s,header:t}),r.forEach(function(e,t){var r,o=void 0!==e.y?e.y:f&&e[f];n.rows[t]=b({},n.rows[t],((r={id:c.rows.length>0?t+1:t})[s]=h&&"function"==typeof h?h(o):o,r))}),n},c)))},[t]),/*#__PURE__*/r.jsx(c.Card,{children:m.rows.length>0?/*#__PURE__*/r.jsx(c.Datagrid,{hasPagination:!1,columns:m.columns,rows:m.rows}):/*#__PURE__*/r.jsx(c.Spinner,{})})},y=["events"],z=function(n){var e=n.events,c=f(n,y);/*#__PURE__*/return r.jsxs("g",{children:[/*#__PURE__*/r.jsx(o.LineSegment,b({},c,{events:e,style:{strokeWidth:"50px",stroke:"transparent"}})),/*#__PURE__*/r.jsx(o.LineSegment,b({},c,{events:e,style:{strokeWidth:"1px",stroke:"black",strokeOpacity:"0.2"}}))]})},S=["datum","index","lineIndex","pointRefArray","registerPoint","unregisterPoint"],F=["lineIndex","pointRefArray","pointIndex","registerPoint","unregisterPoint"],q=function(n){var e=n.datum,c=n.index,t=n.lineIndex,s=n.pointRefArray,d=n.registerPoint,a=n.unregisterPoint,i=f(n,S);/*#__PURE__*/return r.jsx(o.Point,b({},i,{ariaLabel:e.label,pathComponent:/*#__PURE__*/r.jsx(j,{lineIndex:t,pointIndex:c,pointRefArray:s,registerPoint:d,unregisterPoint:a}),role:"button",tabIndex:0}))},j=function(n){var e=n.lineIndex,t=n.pointRefArray,s=n.pointIndex,o=n.registerPoint,d=n.unregisterPoint,a=f(n,F),i=c.useForceUpdate(),p=l.useRef(null);return l.useEffect(function(){return o(t,p),i(),function(){return d(t,p)}},[]),/*#__PURE__*/r.jsx("path",b({ref:p,"data-line-index":e,"data-point-index":s},a))},T=p.default(c.StyledTooltip)(g||(g=h(["\n background: ",";\n border: 1px solid ",";\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);\n box-sizing: border-box;\n color: ",";\n font-size: ",";\n font-weight: normal;\n line-height: ",";\n margin: 0;\n padding: 8px;\n width: fit-content;\n div {\n margin-bottom: 8px;\n display: flex;\n align-items: flex-start;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n"])),function(n){return n.theme.colors.neutral100},function(n){return n.theme.colors.neutral300},function(n){return n.theme.colors.neutral},function(n){return n.theme.typeScale.size02.fontSize},function(n){return n.theme.typeScale.size02.lineHeight}),B=p.default.span(m||(m=h(["\n background: ",";\n border: ",";\n border-radius: 4px;\n height: 20px;\n width: 20px;\n margin-right: 8px;\n"])),function(n){return n.color},function(n){return n.color?"none":"3px solid black"}),R=function(n){var e=n.datum,t=n.index,s=n.showTooltip,o=n.x,d=n.y,a=l.useContext(c.ThemeContext);return s===t+"-"+e.index?/*#__PURE__*/r.jsx("g",{style:{pointerEvents:"none"},children:/*#__PURE__*/r.jsx("foreignObject",{x:o,y:d,width:"275",height:"100%",children:/*#__PURE__*/r.jsxs(T,{position:c.TooltipPosition.top,role:"tooltip",theme:a,children:[/*#__PURE__*/r.jsxs("div",{children:[/*#__PURE__*/r.jsx(B,{color:a.iterableColors[t]}),/*#__PURE__*/r.jsx("span",{children:e.label})]}),/*#__PURE__*/r.jsx(c.TooltipArrow,{theme:a})]})})}):null},I=function(n){var e=n.x,t=n.y,s=n.activePoints,o=n.hiddenData,d=Array.from(Array(n.dataLength-0),function(n,e){return e+0}).filter(function(n){return!o.includes(n)}),a=l.useContext(c.ThemeContext);/*#__PURE__*/return r.jsx("g",{style:{pointerEvents:"none"},children:/*#__PURE__*/r.jsx("foreignObject",{x:e,y:t,width:"275",height:"100%",children:/*#__PURE__*/r.jsxs(T,{"data-testid":"axis-tooltip",position:c.TooltipPosition.top,role:"tooltip",theme:a,children:[s.map(function(n,e){/*#__PURE__*/return r.jsxs("div",{children:[/*#__PURE__*/r.jsx(B,{color:a.iterableColors[d[e]]}),/*#__PURE__*/r.jsx("span",{children:n.label})]},e)}),/*#__PURE__*/r.jsx(c.TooltipArrow,{theme:a})]})})})},M=["children","color","dataIndex","isHidden","onClick","name","focusCurrentLine","resetLineFocus"],N=/*#__PURE__*/l.forwardRef(function(n,e){var t=n.color,s=n.dataIndex,o=n.isHidden,d=n.onClick,a=n.name,i=n.focusCurrentLine,p=n.resetLineFocus,h=f(n,M);function u(){o||i&&"function"==typeof i&&i(s)}var g=l.useContext(c.ThemeContext);/*#__PURE__*/return r.jsx("div",{style:{display:"inline-flex"},onMouseEnter:u,onMouseLeave:p,children:/*#__PURE__*/r.jsx(c.Checkbox,b({checked:!o,color:t,containerStyle:{alignItems:"center",border:"0",boxShadow:"0 0 0",color:g.colors.neutral,display:"inline-flex",margin:"0 36px 20px 0",padding:"0"},inputStyle:{border:t?"none":"2px solid "+g.colors.neutral800,borderRadius:"4px"},labelText:a,onBlur:p,onClick:function(){d&&"function"==typeof d&&d(s),o||p&&"function"==typeof p&&p()},onFocus:u,ref:e,theme:g},h))})}),C=["#00507A","#8F0033","#B84900","#255200","#711E6E","#005249"],L="#8F8F8F",H="#3F3F3F",W="pink",P={width:350,height:350,padding:50},E={fontFamily:'"Work Sans",Helvetica,sans-serif',fontSize:12,letterSpacing:"normal",padding:8,fill:H,stroke:"transparent",strokeWidth:0},A=b({textAnchor:"middle"},E),D="round",O="round",Y={area:b({style:{data:{fill:W},labels:E}},P),axis:b({style:{axis:{fill:"transparent",stroke:L,strokeWidth:1,strokeLinecap:D,strokeLinejoin:O},axisLabel:b({},A,{padding:8,stroke:"transparent"}),grid:{fill:"none",stroke:"#dfdfdf",strokeLinecap:D,strokeLinejoin:O,pointerEvents:"painted"},ticks:{fill:"transparent",size:0,stroke:L,strokeWidth:0,strokeLinecap:D,strokeLinejoin:O},tickLabels:b({},E,{fill:H})}},P),polarDependentAxis:{style:{ticks:{fill:"transparent",size:1,stroke:"transparent"}}},bar:b({style:{data:{fill:H,padding:8,strokeWidth:0},labels:E}},P),boxplot:b({style:{max:{padding:8,stroke:H,strokeWidth:1},maxLabels:b({},E,{padding:3}),median:{padding:8,stroke:H,strokeWidth:1},medianLabels:b({},E,{padding:3}),min:{padding:8,stroke:H,strokeWidth:1},minLabels:b({},E,{padding:3}),q1:{padding:8,fill:H},q1Labels:b({},E,{padding:3}),q3:{padding:8,fill:H},q3Labels:b({},E,{padding:3})},boxWidth:20},P),candlestick:b({style:{data:{stroke:H},labels:b({},E,{padding:5})},candleColors:{positive:"#ffffff",negative:H}},P),chart:P,errorbar:b({borderWidth:8,style:{data:{fill:"transparent",opacity:1,stroke:H,strokeWidth:2},labels:E}},P),group:b({colorScale:C},P),histogram:b({style:{data:{fill:H,stroke:W,strokeWidth:2},labels:E}},P),legend:{colorScale:C,gutter:10,orientation:"vertical",titleOrientation:"top",style:{data:{type:"circle"},labels:E,title:b({},E,{padding:5})}},line:b({style:{data:{fill:"transparent",opacity:1,stroke:H,strokeWidth:2},labels:E}},P),pie:b({colorScale:C,style:{data:{padding:8,stroke:"#DFDFDF",strokeWidth:1},labels:b({},E,{padding:20})}},P),scatter:b({style:{data:{fill:H,opacity:1,stroke:"transparent",strokeWidth:0},labels:E}},P),stack:b({colorScale:C},P),tooltip:{style:b({},E,{padding:0,pointerEvents:"none"}),flyoutStyle:{stroke:W,strokeWidth:1,fill:"#f0f0f0",pointerEvents:"none"},flyoutPadding:5,cornerRadius:5,pointerLength:10},voronoi:b({style:{data:{fill:"transparent",stroke:"transparent",strokeWidth:0},labels:b({},E,{padding:5,pointerEvents:"none"}),flyout:{stroke:W,strokeWidth:1,fill:"#f0f0f0",pointerEvents:"none"}}},P)},X=["axisLabel","tickLabels"],U=["style"],G=["axisLabel","tickLabels"],V=["style"],$=p.default.div(v||(v=h(["\n max-height: 600px;\n max-width: 800px;\n svg {\n overflow: visible;\n }\n"]))),K=p.default.div(_||(_=h([""]))),Z=p.default.div(w||(w=h(["\n padding-bottom: 24px;\n"]))),J=p.default.p(x||(x=h(["\n color: ",";\n font-size: ",";\n"])),function(n){return n.theme.colors.neutral},function(n){return n.theme.typeScale.size02.fontSize});function Q(n){var e=n.componentProps,t=void 0===e?{}:e,s=t.chart,d=void 0===s?{}:s,a=t.line,i=void 0===a?{}:a,p=t.scatter,h=void 0===p?{}:p,u=t.xAxis,g=void 0===u?{style:{}}:u,m=g.style,v=void 0===m?{}:m,_=v.axisLabel,w=void 0===_?void 0:_,x=v.tickLabels,k=void 0===x?void 0:x,y=f(v,X),S=f(g,U),F=t.yAxis,j=void 0===F?{style:{}}:F,T=j.style,B=void 0===T?{}:T,M=B.axisLabel,C=void 0===M?void 0:M,L=B.tickLabels,H=void 0===L?void 0:L,W=f(B,G),P=f(j,V),E=n.data,A=void 0===E?[]:E,D=n.lastFocusedScatterPoint,O=n.pointRefArray,Q=n.registerPoint,nn=n.unregisterPoint,en=n.tabRef,cn=n.x,tn=n.y,rn=l.useContext(c.ThemeContext),sn=l.useContext(c.I18nContext),on=l.useState([]),dn=on[0],an=on[1],ln=l.useState(800),pn=ln[0],bn=ln[1],fn=l.useState(null),hn=fn[0],un=fn[1],gn=l.useState(null),mn=gn[0],vn=gn[1],_n=l.useState(!0),wn=_n[0],xn=_n[1],kn=l.useState(!1),yn=kn[0],zn=kn[1],Sn=l.useRef(null),Fn=l.useRef(null);l.useEffect(function(){return Bn(),window.addEventListener("resize",Bn),window.addEventListener("keydown",Rn),function(){window.removeEventListener("resize",Bn),window.removeEventListener("keydown",Rn)}},[]),l.useEffect(function(){return window.addEventListener("mousemove",In),function(){window.removeEventListener("mousemove",In)}},[mn]);var qn=A.map(function(n,e){return"scatter-"+e}),jn=b({tickLabels:b({color:"#3f3f3f",fontSize:12},k),axisLabel:b({color:"#3f3f3f",padding:44,fontSize:14,fontWeight:"bold"},w)},y),Tn=b({tickLabels:b({fontSize:12},H),axisLabel:b({color:"#3f3f3f",padding:64,fontSize:14,fontWeight:"bold"},C)},W);function Bn(){Sn.current&&bn(Sn.current.clientWidth)}function Rn(n){"Escape"===n.key&&(vn(null),xn(!1))}function In(){!mn&&xn(!0)}function Mn(n){return null===hn||hn===n?1:.1}function Nn(n){dn.includes(n)?an(dn.filter(function(e){return e!==n})):an(dn.concat([n]))}function Cn(n){un(n)}function Ln(){un(null)}var Hn=function(n,e){if(e.current){var c=parseInt(e.current.getAttribute("data-line-index"),10);!n.includes(c)&&n.push(parseInt(e.current.getAttribute("data-line-index"),10))}return n},Wn=function(n){var e=parseInt(n.current.getAttribute("data-line-index"),10),c=parseInt(n.current.getAttribute("data-point-index"),10),t=O.current.reduce(Hn,[]);return{currentLineIndex:e,currentPointIndex:c,lineIndexes:t,lowestLineIndex:t[0],highestLineIndex:t[t.length-1]}},Pn=function(n,e){return function(c){return c.current&&parseInt(c.current.getAttribute("data-line-index"),10)===n&&parseInt(c.current.getAttribute("data-point-index"),10)===e}};function En(n){"Tab"===n.key&&n.shiftKey&&D&&D.current&&O.current.find(function(n){return n.current===D.current})&&(n.preventDefault(),D.current.focus())}/*#__PURE__*/return r.jsxs($,{ref:Sn,children:[/*#__PURE__*/r.jsx(K,{onKeyDown:function(n){var e=n.shiftKey;switch(n.key){case"Tab":n.preventDefault(),D.current=O.current.find(function(n){return n.current===document.activeElement}).current,e?en.current&&en.current.focus():Fn.current&&Fn.current.focus();break;case"ArrowRight":var c,t=O.current.findIndex(function(n){return n.current===document.activeElement});void 0!==t&&(t===O.current.length-1?null==(c=O.current[0])||null==(c=c.current)||c.focus():O.current[t+1].current.focus());break;case"ArrowLeft":var r=O.current.findIndex(function(n){return n.current===document.activeElement});void 0!==r&&(0===r?O.current[O.current.length-1].current.focus():O.current[r-1].current.focus());break;case"ArrowUp":n.preventDefault();var s=O.current.find(function(n){return n.current===document.activeElement});if(s&&s.current){var o=Wn(s),d=o.currentLineIndex,a=o.currentPointIndex,i=o.lineIndexes;if(d===o.lowestLineIndex)O.current.find(Pn(o.highestLineIndex,a)).current.focus();else{var l=i[i.indexOf(d)-1];O.current.find(Pn(l,a)).current.focus()}}break;case"ArrowDown":n.preventDefault();var p=O.current.find(function(n){return n.current===document.activeElement});if(p&&p.current){var b=Wn(p),f=b.currentLineIndex,h=b.currentPointIndex,u=b.lineIndexes;if(f===b.highestLineIndex)O.current.find(Pn(b.lowestLineIndex,h)).current.focus();else{var g=u[u.indexOf(f)+1];O.current.find(Pn(g,h)).current.focus()}}}},children:/*#__PURE__*/r.jsxs(o.VictoryChart,b({domainPadding:32,height:400,padding:{top:0,left:80,right:0,bottom:62},theme:Y,width:pn,containerComponent:/*#__PURE__*/r.jsx(o.VictoryVoronoiContainer,{name:"xAxisGroupLabel",voronoiBlacklist:qn,voronoiDimension:"x",labels:yn&&wn?function(){return" "}:void 0,labelComponent:wn?/*#__PURE__*/r.jsx(o.VictoryTooltip,{flyoutComponent:/*#__PURE__*/r.jsx(I,{dataLength:A.length,hiddenData:dn})}):void 0,role:"presentation",voronoiPadding:32})},d,{children:[/*#__PURE__*/r.jsx(o.VictoryAxis,b({},P,{dependentAxis:!0,style:Tn})),A.map(function(n,e){var c=n.data;return!dn.includes(e)&&/*#__PURE__*/r.jsx(o.VictoryLine,b({style:{data:{opacity:Mn(e),stroke:rn.iterableColors[e],strokeWidth:"3"},parent:{border:rn.colors.neutral400}},data:c,labelComponent:/*#__PURE__*/r.jsx(r.Fragment,{}),x:cn,y:tn},i),"line"+e)}),/*#__PURE__*/r.jsx(o.VictoryAxis,b({},S,{style:jn,gridComponent:/*#__PURE__*/r.jsx(z,{events:{onMouseEnter:function(){return zn(!0)},onMouseLeave:function(){return zn(!1)}}})})),A.map(function(n,e){var c=n.data;return!dn.includes(e)&&/*#__PURE__*/r.jsx(o.VictoryScatter,b({name:"scatter-"+e,events:[{target:"data",eventHandlers:{onBlur:function(){return xn(!0),vn(null),[{target:"labels",mutation:function(){return{active:void 0}}}]},onClick:function(){return[{target:"labels",mutation:function(n){return vn(n.datum.lineIndex+"-"+n.datum.index),{active:!0}}}]},onFocus:function(){return xn(!1),[{target:"labels",mutation:function(n){return vn(n.datum.lineIndex+"-"+n.datum.index),{active:!0}}}]},onMouseEnter:function(){return xn(!1),[{target:"labels",mutation:function(n){return vn(n.datum.lineIndex+"-"+n.datum.index),{active:!0}}}]},onMouseLeave:function(){vn(null),xn(!0)}}}],style:{data:{fill:rn.colors.neutral100,opacity:Mn(e),stroke:rn.iterableColors[e],strokeWidth:2}},size:5,data:c.map(function(n,c){return b({index:c,lineIndex:e},n)}),dataComponent:/*#__PURE__*/r.jsx(q,{lineIndex:e,pointRefArray:O,registerPoint:Q,unregisterPoint:nn}),labels:function(){return""},labelComponent:/*#__PURE__*/r.jsx(o.VictoryTooltip,{text:"",flyoutComponent:/*#__PURE__*/r.jsx(R,{index:e,showTooltip:mn})}),x:cn,y:tn},h),"scatter"+e)})]}))}),/*#__PURE__*/r.jsxs(Z,{children:[/*#__PURE__*/r.jsx(J,{theme:rn,children:sn.charts.line.dataLegendsLabel}),A.map(function(n,e){var c=n.name,t=sn.charts.line.legendButtonAriaLabel.replace(/\{name\}/g,c);/*#__PURE__*/return r.jsx(N,{"aria-label":t,color:rn.iterableColors[e],dataIndex:e,isHidden:dn.includes(e),name:c,onClick:Nn,onKeyDown:0===e?En:void 0,focusCurrentLine:Cn,ref:0===e?Fn:void 0,resetLineFocus:Ln},e)})]})]})}var nn,en,cn,tn,rn,sn,on=["description","title","testId","type"],dn=c.styled.span(nn||(nn=h(["\n color: ",";\n font-size: ",";\n font-weight: 600;\n font-family: ",";\n line-height: ",";\n margin: 0 0 12px 0;\n"])),function(n){return n.theme.colors.neutral},function(n){return n.theme.typeScale.size04.fontSize},function(n){return n.theme.bodyFont},function(n){return n.theme.typeScale.size04.lineHeight}),an=c.styled(c.Paragraph)(en||(en=h(["\n font-size: ",";\n margin: 0 0 18px 0;\n"])),function(n){return n.theme.typeScale.size02.fontSize}),ln=c.styled(c.TabsContainer)(cn||(cn=h(["\n width: 800px;\n ul {\n box-shadow: inset 0 -1px 0 ",";\n }\n"])),function(n){return n.theme.colors.neutral300}),pn=c.styled(c.TabPanel)(tn||(tn=h(["\n padding: 22px 0;\n"]))),bn=c.styled(c.Card)(rn||(rn=h(["\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n display: ",";\n right: ",";\n max-height: ",";\n opacity: ",";\n outline: 0;\n overflow-y: auto;\n padding: ","\n ",";\n position: absolute;\n transition: opacity 0.3s;\n white-space: nowrap;\n z-index: 2;\n\n ","\n"])),function(n){return n.isOpen?"block":"none"},function(n){return n.theme.spaceScale.spacing02},function(n){return n.maxHeight?n.maxHeight:n.theme.dropdown.content.maxHeight},function(n){return n.isOpen?"1":"0"},function(n){return n.theme.spaceScale.spacing05},function(n){return n.theme.spaceScale.spacing05},function(n){return n.width&&e.css(sn||(sn=h(["\n white-space: normal;\n width: ",";\n "])),n.width)});function fn(n,e){var s,o,d,a=n.description,i=n.title,p=n.type,h=f(n,on),u=l.useRef(null),g=l.useRef(null),m=l.useContext(c.ThemeContext),v=l.useContext(c.I18nContext),_=c.useDescendants(),w=_[0],x=_[1],y=_[2],z=l.useState(!1),S=z[0],F=z[1];/*#__PURE__*/return r.jsxs("div",{ref:e,children:[/*#__PURE__*/r.jsx(dn,{theme:m,children:i}),a&&/*#__PURE__*/r.jsx(an,{theme:m,visualStyle:c.TypographyVisualStyle.bodySmall,children:a}),/*#__PURE__*/r.jsxs(ln,{theme:m,children:[/*#__PURE__*/r.jsxs(c.Tabs,{children:[/*#__PURE__*/r.jsx(c.Tab,{children:v.charts.line.chartTabLabel}),/*#__PURE__*/r.jsx(c.Tab,{children:v.charts.line.dataTabLabel}),/*#__PURE__*/r.jsxs("div",{onBlur:function(){F(!1)},style:{display:"inline-block",marginLeft:"auto"},children:[/*#__PURE__*/r.jsx(c.Tooltip,{content:v.charts.line.keyboardInstructionsTooltip,ref:u,children:/*#__PURE__*/r.jsx(c.IconButton,{"aria-controls":"keyboardInstructions","aria-label":v.charts.line.keyboardInstructionsTooltip,"aria-expanded":Boolean(S),icon:/*#__PURE__*/r.jsx(t.KeyboardIcon,{}),onClick:function(){F(function(n){return!n})},onKeyDown:function(n){var e=n.shiftKey;switch(n.key){case"Escape":F(!1);break;case"Tab":!e&&g&&g.current&&w.current.find(function(n){return n.current===g.current})&&(n.preventDefault(),g.current.focus())}},variant:c.ButtonVariant.link})}),/*#__PURE__*/r.jsx(c.Announce,{children:/*#__PURE__*/r.jsxs(bn,{id:"keyboardInstructions",isOpen:S,theme:m,width:"350px",children:[/*#__PURE__*/r.jsx(c.Paragraph,{visualStyle:c.TypographyVisualStyle.headingXSmall,style:{margin:"0 0 16px"},children:v.charts.line.keyboardInstructionsHeader}),v.charts.line.keyboardInstructions]})})]})]}),/*#__PURE__*/r.jsxs(c.TabPanelsContainer,{children:[/*#__PURE__*/r.jsx(pn,{theme:m,children:"line"===p&&/*#__PURE__*/r.jsx(Q,b({},h,{lastFocusedScatterPoint:g,pointRefArray:w,registerPoint:x,tabRef:u,unregisterPoint:y}))}),/*#__PURE__*/r.jsx(pn,{theme:m,children:/*#__PURE__*/r.jsx(k,{data:h.data,xData:{keyValue:h.x,label:null==(s=h.componentProps)||null==(s=s.xAxis)?void 0:s.label,tickFormat:null==(o=h.componentProps)||null==(o=o.xAxis)?void 0:o.tickFormat},yData:{keyValue:h.y,tickFormat:null==(d=h.componentProps)||null==(d=d.yAxis)?void 0:d.tickFormat}})})]})]})]})}var hn=/*#__PURE__*/l.forwardRef(fn);function un(){return un=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var c=arguments[e];for(var t in c)({}).hasOwnProperty.call(c,t)&&(n[t]=c[t])}return n},un.apply(null,arguments)}function gn(n,e){return gn=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,e){return n.__proto__=e,n},gn(n,e)}function mn(n){return mn=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(n){return n.__proto__||Object.getPrototypeOf(n)},mn(n)}function vn(){try{var n=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(n){}return(vn=function(){return!!n})()}function _n(n){var e="function"==typeof Map?new Map:void 0;return _n=function(n){if(null===n||!function(n){try{return-1!==Function.toString.call(n).indexOf("[native code]")}catch(e){return"function"==typeof n}}(n))return n;if("function"!=typeof n)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(n))return e.get(n);e.set(n,c)}function c(){return function(n,e,c){if(vn())return Reflect.construct.apply(null,arguments);var t=[null];t.push.apply(t,e);var r=new(n.bind.apply(n,t));return c&&gn(r,c.prototype),r}(n,arguments,mn(this).constructor)}return c.prototype=Object.create(n.prototype,{constructor:{value:c,enumerable:!1,writable:!0,configurable:!0}}),gn(c,n)},_n(n)}var wn={1:"Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).\n\n",2:"Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).\n\n",3:"Passed an incorrect argument to a color function, please pass a string representation of a color.\n\n",4:"Couldn't generate valid rgb string from %s, it returned %s.\n\n",5:"Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\n\n",6:"Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\n\n",7:"Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\n\n",8:"Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\n\n",9:"Please provide a number of steps to the modularScale helper.\n\n",10:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",11:'Invalid value passed as base to modularScale, expected number or em string but got "%s"\n\n',12:'Expected a string ending in "px" or a number passed as the first argument to %s(), got "%s" instead.\n\n',13:'Expected a string ending in "px" or a number passed as the second argument to %s(), got "%s" instead.\n\n',14:'Passed invalid pixel value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',15:'Passed invalid base value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',16:"You must provide a template to this method.\n\n",17:"You passed an unsupported selector state to this method.\n\n",18:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",19:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",20:"expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",21:"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",22:"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",23:"fontFace expects a name of a font-family.\n\n",24:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",25:"fontFace expects localFonts to be an array.\n\n",26:"fontFace expects fileFormats to be an array.\n\n",27:"radialGradient requries at least 2 color-stops to properly render.\n\n",28:"Please supply a filename to retinaImage() as the first argument.\n\n",29:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",30:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",31:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\n\n",32:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\n\n",33:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\n\n",34:"borderRadius expects a radius value as a string or number as the second argument.\n\n",35:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',36:"Property must be a string value.\n\n",37:"Syntax Error at %s.\n\n",38:"Formula contains a function that needs parentheses at %s.\n\n",39:"Formula is missing closing parenthesis at %s.\n\n",40:"Formula has too many closing parentheses at %s.\n\n",41:"All values in a formula must have the same unit or be unitless.\n\n",42:"Please provide a number of steps to the modularScale helper.\n\n",43:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",44:"Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\n\n",45:"Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\n\n",46:"Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\n\n",47:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",48:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",49:"Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",50:"Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\n\n",51:"Expects the first argument object to have the properties prop, fromSize, and toSize.\n\n",52:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",53:"fontFace expects localFonts to be an array.\n\n",54:"fontFace expects fileFormats to be an array.\n\n",55:"fontFace expects a name of a font-family.\n\n",56:"linearGradient requries at least 2 color-stops to properly render.\n\n",57:"radialGradient requries at least 2 color-stops to properly render.\n\n",58:"Please supply a filename to retinaImage() as the first argument.\n\n",59:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",60:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",61:"Property must be a string value.\n\n",62:"borderRadius expects a radius value as a string or number as the second argument.\n\n",63:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',64:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\n\n",65:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\n\n",66:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\n\n",67:"You must provide a template to this method.\n\n",68:"You passed an unsupported selector state to this method.\n\n",69:'Expected a string ending in "px" or a number passed as the first argument to %s(), got %s instead.\n\n',70:'Expected a string ending in "px" or a number passed as the second argument to %s(), got %s instead.\n\n',71:'Passed invalid pixel value %s to %s(), please pass a value like "12px" or 12.\n\n',72:'Passed invalid base value %s to %s(), please pass a value like "12px" or 12.\n\n',73:"Please provide a valid CSS variable.\n\n",74:"CSS variable not found and no default was provided.\n\n",75:"important requires a valid style object, got a %s instead.\n\n",76:"fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n\n",77:'remToPx expects a value in "rem" but you provided it in "%s".\n\n',78:'base must be set in "px" or "%" but you set it in "%s".\n'};function xn(){for(var n=arguments.length,e=new Array(n),c=0;c<n;c++)e[c]=arguments[c];var t,r=e[0],s=[];for(t=1;t<e.length;t+=1)s.push(e[t]);return s.forEach(function(n){r=r.replace(/%[a-z]/,n)}),r}var kn=/*#__PURE__*/function(n){var e,c;function t(e){var c;if("production"===process.env.NODE_ENV)c=n.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+e+" for more information.")||this;else{for(var t=arguments.length,r=new Array(t>1?t-1:0),s=1;s<t;s++)r[s-1]=arguments[s];c=n.call(this,xn.apply(void 0,[wn[e]].concat(r)))||this}return function(n){if(void 0===n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}(c)}return c=n,(e=t).prototype=Object.create(c.prototype),e.prototype.constructor=e,gn(e,c),t}(/*#__PURE__*/_n(Error));function yn(n){return Math.round(255*n)}function zn(n,e,c){return yn(n)+","+yn(e)+","+yn(c)}function Sn(n,e,c,t){if(void 0===t&&(t=zn),0===e)return t(c,c,c);var r=(n%360+360)%360/60,s=(1-Math.abs(2*c-1))*e,o=s*(1-Math.abs(r%2-1)),d=0,a=0,i=0;r>=0&&r<1?(d=s,a=o):r>=1&&r<2?(d=o,a=s):r>=2&&r<3?(a=s,i=o):r>=3&&r<4?(a=o,i=s):r>=4&&r<5?(d=o,i=s):r>=5&&r<6&&(d=s,i=o);var l=c-s/2;return t(d+l,a+l,i+l)}var Fn={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},qn=/^#[a-fA-F0-9]{6}$/,jn=/^#[a-fA-F0-9]{8}$/,Tn=/^#[a-fA-F0-9]{3}$/,Bn=/^#[a-fA-F0-9]{4}$/,Rn=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,In=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,Mn=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,Nn=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,Cn=function(n){return 7===n.length&&n[1]===n[2]&&n[3]===n[4]&&n[5]===n[6]?"#"+n[1]+n[3]+n[5]:n};function Ln(n){var e=n.toString(16);return 1===e.length?"0"+e:e}var Hn,Wn,Pn,En,An=function n(e,c,t){return function(){var r=t.concat(Array.prototype.slice.call(arguments));return r.length>=c?e.apply(this,r):n(e,c,r)}}(Hn=function(n,e){if("transparent"===e)return e;var c,t=function(n){if("string"!=typeof n)throw new kn(3);var e=function(n){if("string"!=typeof n)return n;var e=n.toLowerCase();return Fn[e]?"#"+Fn[e]:n}(n);if(e.match(qn))return{red:parseInt(""+e[1]+e[2],16),green:parseInt(""+e[3]+e[4],16),blue:parseInt(""+e[5]+e[6],16)};if(e.match(jn)){var c=parseFloat((parseInt(""+e[7]+e[8],16)/255).toFixed(2));return{red:parseInt(""+e[1]+e[2],16),green:parseInt(""+e[3]+e[4],16),blue:parseInt(""+e[5]+e[6],16),alpha:c}}if(e.match(Tn))return{red:parseInt(""+e[1]+e[1],16),green:parseInt(""+e[2]+e[2],16),blue:parseInt(""+e[3]+e[3],16)};if(e.match(Bn)){var t=parseFloat((parseInt(""+e[4]+e[4],16)/255).toFixed(2));return{red:parseInt(""+e[1]+e[1],16),green:parseInt(""+e[2]+e[2],16),blue:parseInt(""+e[3]+e[3],16),alpha:t}}var r=Rn.exec(e);if(r)return{red:parseInt(""+r[1],10),green:parseInt(""+r[2],10),blue:parseInt(""+r[3],10)};var s=In.exec(e.substring(0,50));if(s)return{red:parseInt(""+s[1],10),green:parseInt(""+s[2],10),blue:parseInt(""+s[3],10),alpha:parseFloat(""+s[4])>1?parseFloat(""+s[4])/100:parseFloat(""+s[4])};var o=Mn.exec(e);if(o){var d="rgb("+Sn(parseInt(""+o[1],10),parseInt(""+o[2],10)/100,parseInt(""+o[3],10)/100)+")",a=Rn.exec(d);if(!a)throw new kn(4,e,d);return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)}}var i=Nn.exec(e.substring(0,50));if(i){var l="rgb("+Sn(parseInt(""+i[1],10),parseInt(""+i[2],10)/100,parseInt(""+i[3],10)/100)+")",p=Rn.exec(l);if(!p)throw new kn(4,e,l);return{red:parseInt(""+p[1],10),green:parseInt(""+p[2],10),blue:parseInt(""+p[3],10),alpha:parseFloat(""+i[4])>1?parseFloat(""+i[4])/100:parseFloat(""+i[4])}}throw new kn(5)}(e);return function(n){if("object"==typeof n)return n.alpha>=1?function(n,e,c){if("number"==typeof n&&"number"==typeof e&&"number"==typeof c)return Cn("#"+Ln(n)+Ln(e)+Ln(c));if("object"==typeof n&&void 0===e&&void 0===c)return Cn("#"+Ln(n.red)+Ln(n.green)+Ln(n.blue));throw new kn(6)}(n.red,n.green,n.blue):"rgba("+n.red+","+n.green+","+n.blue+","+n.alpha+")";throw new kn(7)}(un({},t,{alpha:(c=+(100*("number"==typeof t.alpha?t.alpha:1)-100*parseFloat(n)).toFixed(2)/100,Math.max(0,Math.min(1,c)))}))},Hn.length,[]),Dn=e.css(Wn||(Wn=h(["\n .cds--css-grid,\n .cds--subgrid {\n display: grid;\n grid-template-columns: repeat(var(--cds-grid-columns), minmax(0, 1fr));\n }\n .carbon-chart-wrapper ol,\n .carbon-chart-wrapper ul,\n .cds--accordion {\n list-style: none;\n }\n .cds--accordion.cds--skeleton .cds--accordion__heading:hover::before,\n .cds--accordion__heading[disabled]:hover::before {\n background-color: transparent;\n }\n .cds--breadcrumb-item [aria-current='page']:hover,\n .cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link:hover,\n .cds--link {\n text-decoration: none;\n }\n .cds--breadcrumb.cds--skeleton .cds--link::before,\n .cds--btn.cds--skeleton::before {\n animation: 3s ease-in-out infinite skeleton;\n will-change: transform-origin, transform, opacity;\n }\n .cds--btn-set .cds--btn:first-of-type:not(:focus),\n .cds--btn-set .cds--btn:focus + .cds--btn,\n .cds--btn-set--stacked .cds--btn:first-of-type:not(:focus) {\n box-shadow: inherit;\n }\n .cds--breadcrumb .cds--link,\n .cds--checkbox {\n white-space: nowrap;\n }\n .cds--dropdown__wrapper--inline .cds--form-requirement,\n .cds--list-box__wrapper--inline .cds--form-requirement {\n grid-column: 2;\n }\n .carbon-chart-wrapper table,\n .cds--data-table,\n .cds--structured-list {\n border-spacing: 0;\n border-collapse: collapse;\n }\n .cds--cc--axes g.axis path.domain,\n .cds--cc--zero-line line.domain,\n .cds--cc--zoom-bar path.zoom-bg-baseline {\n stroke: var(--cds-border-strong-01, #8d8d8d);\n }\n .cds--cc--axes g.axis g.tick text,\n div.cds--cc--legend div.legend-item p {\n fill: var(--cds-text-secondary, #525252);\n }\n .cds--cc--bubble g.lines path.line,\n .cds--cc--scatter g.lines path.line {\n mix-blend-mode: multiply;\n }\n .cds--chart-holder,\n .cds--chart-holder[data-carbon-theme='g100'],\n .cds--chart-holder[data-carbon-theme='g90'] {\n --cds-charts-2-2-1: #8a3ffc;\n --cds-charts-2-2-1-hovered: #751cfb;\n --cds-charts-14-1-5: #fa4d56;\n --cds-charts-14-1-5-hovered: #f92a35;\n --cds-charts-mono-1-1: #ffffff;\n --cds-charts-mono-1-1-hovered: #ededed;\n --cds-charts-mono-1-2: #f6f2ff;\n --cds-charts-mono-1-2-hovered: #ddceff;\n --cds-charts-mono-1-3: #e8daff;\n --cds-charts-mono-1-3-hovered: #d2b6ff;\n --cds-charts-mono-1-4: #d4bbff;\n --cds-charts-mono-1-4-hovered: #bd97ff;\n --cds-charts-mono-1-5: #be95ff;\n --cds-charts-mono-1-5-hovered: #a871ff;\n --cds-charts-mono-1-6: #a56eff;\n --cds-charts-mono-1-6-hovered: #8f4aff;\n --cds-charts-mono-1-7: #8a3ffc;\n --cds-charts-mono-1-7-hovered: #751cfb;\n --cds-charts-mono-1-8: #6929c4;\n --cds-charts-mono-1-8-hovered: #5923a6;\n --cds-charts-mono-1-9: #491d8b;\n --cds-charts-mono-1-9-hovered: #39176d;\n --cds-charts-mono-1-10: #31135e;\n --cds-charts-mono-1-10-hovered: #220d40;\n --cds-charts-mono-1-11: #1c0f30;\n --cds-charts-mono-1-11-hovered: #0c0715;\n --cds-charts-mono-2-1: #ffffff;\n --cds-charts-mono-2-1-hovered: #ededed;\n --cds-charts-mono-2-2: #edf5ff;\n --cds-charts-mono-2-2-hovered: #c9e1ff;\n --cds-charts-mono-2-3: #d0e2ff;\n --cds-charts-mono-2-3-hovered: #acccff;\n --cds-charts-mono-2-4: #a6c8ff;\n --cds-charts-mono-2-4-hovered: #82b2ff;\n --cds-charts-mono-2-5: #78a9ff;\n --cds-charts-mono-2-5-hovered: #5492ff;\n --cds-charts-mono-2-6: #4589ff;\n --cds-charts-mono-2-6-hovered: #2172ff;\n --cds-charts-mono-2-7: #0f62fe;\n --cds-charts-mono-2-7-hovered: #0151e8;\n --cds-charts-mono-2-8: #0043ce;\n --cds-charts-mono-2-8-hovered: #0037aa;\n --cds-charts-mono-2-9: #002d9c;\n --cds-charts-mono-2-9-hovered: #002378;\n --cds-charts-mono-2-10: #001d6c;\n --cds-charts-mono-2-10-hovered: #001348;\n --cds-charts-mono-2-11: #001141;\n --cds-charts-mono-2-11-hovered: #00081d;\n --cds-charts-mono-3-1: #ffffff;\n --cds-charts-mono-3-1-hovered: #ededed;\n --cds-charts-mono-3-2: #e5f6ff;\n --cds-charts-mono-3-2-hovered: #c1eaff;\n --cds-charts-mono-3-3: #bae6ff;\n --cds-charts-mono-3-3-hovered: #96d9ff;\n --cds-charts-mono-3-4: #82cfff;\n --cds-charts-mono-3-4-hovered: #5ec1ff;\n --cds-charts-mono-3-5: #33b1ff;\n --cds-charts-mono-3-5-hovered: #0fa3ff;\n --cds-charts-mono-3-6: #1192e8;\n --cds-charts-mono-3-6-hovered: #0f7dc7;\n --cds-charts-mono-3-7: #0072c3;\n --cds-charts-mono-3-7-hovered: #005d9f;\n --cds-charts-mono-3-8: #00539a;\n --cds-charts-mono-3-8-hovered: #004076;\n --cds-charts-mono-3-9: #003a6d;\n --cds-charts-mono-3-9-hovered: #002749;\n --cds-charts-mono-3-10: #012749;\n --cds-charts-mono-3-10-hovered: #011426;\n --cds-charts-mono-3-11: #061727;\n --cds-charts-mono-3-11-hovered: #010508;\n --cds-charts-mono-4-1: #ffffff;\n --cds-charts-mono-4-1-hovered: #ededed;\n --cds-charts-mono-4-2: #d9fbfb;\n --cds-charts-mono-4-2-hovered: #b9f8f8;\n --cds-charts-mono-4-3: #9ef0f0;\n --cds-charts-mono-4-3-hovered: #7febeb;\n --cds-charts-mono-4-4: #3ddbd9;\n --cds-charts-mono-4-4-hovered: #26cecc;\n --cds-charts-mono-4-5: #08bdba;\n --cds-charts-mono-4-5-hovered: #079b98;\n --cds-charts-mono-4-6: #009d9a;\n --cds-charts-mono-4-6-hovered: #007977;\n --cds-charts-mono-4-7: #007d79;\n --cds-charts-mono-4-7-hovered: #005956;\n --cds-charts-mono-4-8: #005d5d;\n --cds-charts-mono-4-8-hovered: #003939;\n --cds-charts-mono-4-9: #004144;\n --cds-charts-mono-4-9-hovered: #001f20;\n --cds-charts-mono-4-10: #022b30;\n --cds-charts-mono-4-10-hovered: #010c0e;\n --cds-charts-mono-4-11: #081a1c;\n --cds-charts-mono-4-11-hovered: black;\n --cds-charts-diverge-1-1: #750e13;\n --cds-charts-diverge-1-1-hovered: #550a0e;\n --cds-charts-diverge-1-2: #a2191f;\n --cds-charts-diverge-1-2-hovered: #831419;\n --cds-charts-diverge-1-3: #da1e28;\n --cds-charts-diverge-1-3-hovered: #bb1a22;\n --cds-charts-diverge-1-4: #fa4d56;\n --cds-charts-diverge-1-4-hovered: #f92a35;\n --cds-charts-diverge-1-5: #ff8389;\n --cds-charts-diverge-1-5-hovered: #ff5f67;\n --cds-charts-diverge-1-6: #ffb3b8;\n --cds-charts-diverge-1-6-hovered: #ff8f97;\n --cds-charts-diverge-1-7: #ffd7d9;\n --cds-charts-diverge-1-7-hovered: #ffb3b7;\n --cds-charts-diverge-1-8: #fff1f1;\n --cds-charts-diverge-1-8-hovered: #ffcdcd;\n --cds-charts-diverge-1-9: #ffffff;\n --cds-charts-diverge-1-9-hovered: #ededed;\n --cds-charts-diverge-1-10: #e5f6ff;\n --cds-charts-diverge-1-10-hovered: #c1eaff;\n --cds-charts-diverge-1-11: #bae6ff;\n --cds-charts-diverge-1-11-hovered: #96d9ff;\n --cds-charts-diverge-1-12: #82cfff;\n --cds-charts-diverge-1-12-hovered: #5ec1ff;\n --cds-charts-diverge-1-13: #33b1ff;\n --cds-charts-diverge-1-13-hovered: #0fa3ff;\n --cds-charts-diverge-1-14: #1192e8;\n --cds-charts-diverge-1-14-hovered: #0f7dc7;\n --cds-charts-diverge-1-15: #0072c3;\n --cds-charts-diverge-1-15-hovered: #005d9f;\n --cds-charts-diverge-1-16: #00539a;\n --cds-charts-diverge-1-16-hovered: #004076;\n --cds-charts-diverge-1-17: #003a6d;\n --cds-charts-diverge-1-17-hovered: #002749;\n --cds-charts-diverge-2-1: #491d8b;\n --cds-charts-diverge-2-1-hovered: #39176d;\n --cds-charts-diverge-2-2: #6929c4;\n --cds-charts-diverge-2-2-hovered: #5923a6;\n --cds-charts-diverge-2-3: #8a3ffc;\n --cds-charts-diverge-2-3-hovered: #751cfb;\n --cds-charts-diverge-2-4: #a56eff;\n --cds-charts-diverge-2-4-hovered: #8f4aff;\n --cds-charts-diverge-2-5: #be95ff;\n --cds-charts-diverge-2-5-hovered: #a871ff;\n --cds-charts-diverge-2-6: #d4bbff;\n --cds-charts-diverge-2-6-hovered: #bd97ff;\n --cds-charts-diverge-2-7: #e8daff;\n --cds-charts-diverge-2-7-hovered: #d2b6ff;\n --cds-charts-diverge-2-8: #f6f2ff;\n --cds-charts-diverge-2-8-hovered: #ddceff;\n --cds-charts-diverge-2-9: #ffffff;\n --cds-charts-diverge-2-9-hovered: #ededed;\n --cds-charts-diverge-2-10: #d9fbfb;\n --cds-charts-diverge-2-10-hovered: #b9f8f8;\n --cds-charts-diverge-2-11: #9ef0f0;\n --cds-charts-diverge-2-11-hovered: #7febeb;\n --cds-charts-diverge-2-12: #3ddbd9;\n --cds-charts-diverge-2-12-hovered: #26cecc;\n --cds-charts-diverge-2-13: #08bdba;\n --cds-charts-diverge-2-13-hovered: #079b98;\n --cds-charts-diverge-2-14: #009d9a;\n --cds-charts-diverge-2-14-hovered: #007977;\n --cds-charts-diverge-2-15: #007d79;\n --cds-charts-diverge-2-15-hovered: #005956;\n --cds-charts-diverge-2-16: #005d5d;\n --cds-charts-diverge-2-16-hovered: #003939;\n --cds-charts-diverge-2-17: #004144;\n --cds-charts-diverge-2-17-hovered: #001f20;\n }\n .cds--chart-holder,\n .cds--chart-holder[data-carbon-theme='g10'],\n html[data-carbon-theme='g10'] {\n --cds-null-state: none;\n --cds-spacing-01: 0.125rem;\n --cds-spacing-02: 0.25rem;\n --cds-spacing-03: 0.5rem;\n --cds-spacing-04: 0.75rem;\n --cds-spacing-05: 1rem;\n --cds-spacing-06: 1.5rem;\n --cds-spacing-07: 2rem;\n --cds-spacing-08: 2.5rem;\n --cds-spacing-09: 3rem;\n --cds-spacing-10: 4rem;\n --cds-spacing-11: 5rem;\n --cds-spacing-12: 6rem;\n --cds-spacing-13: 10rem;\n --cds-fluid-spacing-01: 0;\n --cds-fluid-spacing-02: 2vw;\n --cds-fluid-spacing-03: 5vw;\n --cds-fluid-spacing-04: 10vw;\n --cds-label-01-font-size: 0.75rem;\n --cds-label-01-font-weight: 400;\n --cds-label-01-line-height: 1.33333;\n --cds-label-01-letter-spacing: 0.32px;\n --cds-label-02-font-size: 0.875rem;\n --cds-label-02-font-weight: 400;\n --cds-label-02-line-height: 1.28572;\n --cds-label-02-letter-spacing: 0.16px;\n --cds-helper-text-01-font-size: 0.75rem;\n --cds-helper-text-01-line-height: 1.33333;\n --cds-helper-text-01-letter-spacing: 0.32px;\n --cds-helper-text-02-font-size: carbon--type-scale(2);\n --cds-helper-text-02-font-weight: carbon--font-weight('regular');\n --cds-helper-text-02-line-height: 1.28572;\n --cds-helper-text-02-letter-spacing: 0.16px;\n --cds-body-short-01-font-size: 0.875rem;\n --cds-body-short-01-font-weight: 400;\n --cds-body-short-01-line-height: 1.28572;\n --cds-body-short-01-letter-spacing: 0.16px;\n --cds-body-short-02-font-size: 1rem;\n --cds-body-short-02-font-weight: 400;\n --cds-body-short-02-line-height: 1.375;\n --cds-body-short-02-letter-spacing: 0;\n --cds-body-long-01-font-size: 0.875rem;\n --cds-body-long-01-font-weight: 400;\n --cds-body-long-01-line-height: 1.42857;\n --cds-body-long-01-letter-spacing: 0.16px;\n --cds-body-long-02-font-size: 1rem;\n --cds-body-long-02-font-weight: 400;\n --cds-body-long-02-line-height: 1.5;\n --cds-body-long-02-letter-spacing: 0;\n --cds-code-01-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular',\n monospace;\n --cds-code-01-font-size: 0.75rem;\n --cds-code-01-font-weight: 400;\n --cds-code-01-line-height: 1.33333;\n --cds-code-01-letter-spacing: 0.32px;\n --cds-code-02-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular',\n monospace;\n --cds-code-02-font-size: 0.875rem;\n --cds-code-02-font-weight: 400;\n --cds-code-02-line-height: 1.42857;\n --cds-code-02-letter-spacing: 0.32px;\n --cds-heading-01-font-size: 0.875rem;\n --cds-heading-01-font-weight: 600;\n --cds-heading-01-line-height: 1.42857;\n --cds-heading-01-letter-spacing: 0.16px;\n --cds-heading-02-font-size: 1rem;\n --cds-heading-02-font-weight: 600;\n --cds-heading-02-line-height: 1.5;\n --cds-heading-02-letter-spacing: 0;\n --cds-productive-heading-01-font-size: 0.875rem;\n --cds-productive-heading-01-font-weight: 600;\n --cds-productive-heading-01-line-height: 1.28572;\n --cds-productive-heading-01-letter-spacing: 0.16px;\n --cds-productive-heading-02-font-size: 1rem;\n --cds-productive-heading-02-font-weight: 600;\n --cds-productive-heading-02-line-height: 1.375;\n --cds-productive-heading-02-letter-spacing: 0;\n --cds-productive-heading-03-font-size: 1.25rem;\n --cds-productive-heading-03-font-weight: 400;\n --cds-productive-heading-03-line-height: 1.4;\n --cds-productive-heading-03-letter-spacing: 0;\n --cds-productive-heading-04-font-size: 1.75rem;\n --cds-productive-heading-04-font-weight: 400;\n --cds-productive-heading-04-line-height: 1.28572;\n --cds-productive-heading-04-letter-spacing: 0;\n --cds-productive-heading-05-font-size: 2rem;\n --cds-productive-heading-05-font-weight: 400;\n --cds-productive-heading-05-line-height: 1.25;\n --cds-productive-heading-05-letter-spacing: 0;\n --cds-productive-heading-06-font-size: 2.625rem;\n --cds-productive-heading-06-font-weight: 300;\n --cds-productive-heading-06-line-height: 1.199;\n --cds-productive-heading-06-letter-spacing: 0;\n --cds-productive-heading-07-font-size: 3.375rem;\n --cds-productive-heading-07-font-weight: 300;\n --cds-productive-heading-07-line-height: 1.19;\n --cds-productive-heading-07-letter-spacing: 0;\n --cds-expressive-paragraph-01-font-size: 1.5rem;\n --cds-expressive-paragraph-01-font-weight: 300;\n --cds-expressive-paragraph-01-line-height: 1.334;\n --cds-expressive-paragraph-01-letter-spacing: 0;\n --cds-expressive-heading-01-font-size: 0.875rem;\n --cds-expressive-heading-01-font-weight: 600;\n --cds-expressive-heading-01-line-height: 1.42857;\n --cds-expressive-heading-01-letter-spacing: 0.16px;\n --cds-expressive-heading-02-font-size: 1rem;\n --cds-expressive-heading-02-font-weight: 600;\n --cds-expressive-heading-02-line-height: 1.5;\n --cds-expressive-heading-02-letter-spacing: 0;\n --cds-expressive-heading-03-font-size: 1.25rem;\n --cds-expressive-heading-03-font-weight: 400;\n --cds-expressive-heading-03-line-height: 1.4;\n --cds-expressive-heading-03-letter-spacing: 0;\n --cds-expressive-heading-04-font-size: 1.75rem;\n --cds-expressive-heading-04-font-weight: 400;\n --cds-expressive-heading-04-line-height: 1.28572;\n --cds-expressive-heading-04-letter-spacing: 0;\n --cds-expressive-heading-05-font-size: 2rem;\n --cds-expressive-heading-05-font-weight: 400;\n --cds-expressive-heading-05-line-height: 1.25;\n --cds-expressive-heading-05-letter-spacing: 0;\n --cds-expressive-heading-06-font-size: 2rem;\n --cds-expressive-heading-06-font-weight: 600;\n --cds-expressive-heading-06-line-height: 1.25;\n --cds-expressive-heading-06-letter-spacing: 0;\n --cds-quotation-01-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size: 1.25rem;\n --cds-quotation-01-font-weight: 400;\n --cds-quotation-01-line-height: 1.3;\n --cds-quotation-01-letter-spacing: 0;\n --cds-quotation-02-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size: 2rem;\n --cds-quotation-02-font-weight: 300;\n --cds-quotation-02-line-height: 1.25;\n --cds-quotation-02-letter-spacing: 0;\n --cds-display-01-font-size: 2.625rem;\n --cds-display-01-font-weight: 300;\n --cds-display-01-line-height: 1.19;\n --cds-display-01-letter-spacing: 0;\n --cds-display-02-font-size: 2.625rem;\n --cds-display-02-font-weight: 600;\n --cds-display-02-line-height: 1.19;\n --cds-display-02-letter-spacing: 0;\n --cds-display-03-font-size: 2.625rem;\n --cds-display-03-font-weight: 300;\n --cds-display-03-line-height: 1.19;\n --cds-display-03-letter-spacing: 0;\n --cds-display-04-font-size: 2.625rem;\n --cds-display-04-font-weight: 300;\n --cds-display-04-line-height: 1.19;\n --cds-display-04-letter-spacing: 0;\n --cds-legal-01-font-size: 0.75rem;\n --cds-legal-01-font-weight: 400;\n --cds-legal-01-line-height: 1.33333;\n --cds-legal-01-letter-spacing: 0.32px;\n --cds-legal-02-font-size: 0.875rem;\n --cds-legal-02-font-weight: 400;\n --cds-legal-02-line-height: 1.28572;\n --cds-legal-02-letter-spacing: 0.16px;\n --cds-body-compact-01-font-size: 0.875rem;\n --cds-body-compact-01-font-weight: 400;\n --cds-body-compact-01-line-height: 1.28572;\n --cds-body-compact-01-letter-spacing: 0.16px;\n --cds-body-compact-02-font-size: 1rem;\n --cds-body-compact-02-font-weight: 400;\n --cds-body-compact-02-line-height: 1.375;\n --cds-body-compact-02-letter-spacing: 0;\n --cds-heading-compact-01-font-size: 0.875rem;\n --cds-heading-compact-01-font-weight: 600;\n --cds-heading-compact-01-line-height: 1.28572;\n --cds-heading-compact-01-letter-spacing: 0.16px;\n --cds-heading-compact-02-font-size: 1rem;\n --cds-heading-compact-02-font-weight: 600;\n --cds-heading-compact-02-line-height: 1.375;\n --cds-heading-compact-02-letter-spacing: 0;\n --cds-body-01-font-size: 0.875rem;\n --cds-body-01-font-weight: 400;\n --cds-body-01-line-height: 1.42857;\n --cds-body-01-letter-spacing: 0.16px;\n --cds-body-02-font-size: 1rem;\n --cds-body-02-font-weight: 400;\n --cds-body-02-line-height: 1.5;\n --cds-body-02-letter-spacing: 0;\n --cds-heading-03-font-size: 1.25rem;\n --cds-heading-03-font-weight: 400;\n --cds-heading-03-line-height: 1.4;\n --cds-heading-03-letter-spacing: 0;\n --cds-heading-04-font-size: 1.75rem;\n --cds-heading-04-font-weight: 400;\n --cds-heading-04-line-height: 1.28572;\n --cds-heading-04-letter-spacing: 0;\n --cds-heading-05-font-size: 2rem;\n --cds-heading-05-font-weight: 400;\n --cds-heading-05-line-height: 1.25;\n --cds-heading-05-letter-spacing: 0;\n --cds-heading-06-font-size: 2.625rem;\n --cds-heading-06-font-weight: 300;\n --cds-heading-06-line-height: 1.199;\n --cds-heading-06-letter-spacing: 0;\n --cds-heading-07-font-size: 3.375rem;\n --cds-heading-07-font-weight: 300;\n --cds-heading-07-line-height: 1.19;\n --cds-heading-07-letter-spacing: 0;\n --cds-fluid-heading-03-font-size: 1.25rem;\n --cds-fluid-heading-03-font-weight: 400;\n --cds-fluid-heading-03-line-height: 1.4;\n --cds-fluid-heading-03-letter-spacing: 0;\n --cds-fluid-heading-04-font-size: 1.75rem;\n --cds-fluid-heading-04-font-weight: 400;\n --cds-fluid-heading-04-line-height: 1.28572;\n --cds-fluid-heading-04-letter-spacing: 0;\n --cds-fluid-heading-05-font-size: 2rem;\n --cds-fluid-heading-05-font-weight: 400;\n --cds-fluid-heading-05-line-height: 1.25;\n --cds-fluid-heading-05-letter-spacing: 0;\n --cds-fluid-heading-06-font-size: 2rem;\n --cds-fluid-heading-06-font-weight: 600;\n --cds-fluid-heading-06-line-height: 1.25;\n --cds-fluid-heading-06-letter-spacing: 0;\n --cds-fluid-paragraph-01-font-size: 1.5rem;\n --cds-fluid-paragraph-01-font-weight: 300;\n --cds-fluid-paragraph-01-line-height: 1.334;\n --cds-fluid-paragraph-01-letter-spacing: 0;\n --cds-fluid-quotation-01-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size: 1.25rem;\n --cds-fluid-quotation-01-font-weight: 400;\n --cds-fluid-quotation-01-line-height: 1.3;\n --cds-fluid-quotation-01-letter-spacing: 0;\n --cds-fluid-quotation-02-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size: 2rem;\n --cds-fluid-quotation-02-font-weight: 300;\n --cds-fluid-quotation-02-line-height: 1.25;\n --cds-fluid-quotation-02-letter-spacing: 0;\n --cds-fluid-display-01-font-size: 2.625rem;\n --cds-fluid-display-01-font-weight: 300;\n --cds-fluid-display-01-line-height: 1.19;\n --cds-fluid-display-01-letter-spacing: 0;\n --cds-fluid-display-02-font-size: 2.625rem;\n --cds-fluid-display-02-font-weight: 600;\n --cds-fluid-display-02-line-height: 1.19;\n --cds-fluid-display-02-letter-spacing: 0;\n --cds-fluid-display-03-font-size: 2.625rem;\n --cds-fluid-display-03-font-weight: 300;\n --cds-fluid-display-03-line-height: 1.19;\n --cds-fluid-display-03-letter-spacing: 0;\n --cds-fluid-display-04-font-size: 2.625rem;\n --cds-fluid-display-04-font-weight: 300;\n --cds-fluid-display-04-line-height: 1.19;\n --cds-fluid-display-04-letter-spacing: 0;\n }\n .carbon-chart-wrapper a,\n .carbon-chart-wrapper abbr,\n .carbon-chart-wrapper acronym,\n .carbon-chart-wrapper address,\n .carbon-chart-wrapper applet,\n .carbon-chart-wrapper article,\n .carbon-chart-wrapper aside,\n .carbon-chart-wrapper audio,\n .carbon-chart-wrapper b,\n .carbon-chart-wrapper big,\n .carbon-chart-wrapper blockquote,\n .carbon-chart-wrapper body,\n .carbon-chart-wrapper canvas,\n .carbon-chart-wrapper caption,\n .carbon-chart-wrapper center,\n .carbon-chart-wrapper cite,\n .carbon-chart-wrapper code,\n .carbon-chart-wrapper dd,\n .carbon-chart-wrapper del,\n .carbon-chart-wrapper details,\n .carbon-chart-wrapper dfn,\n .carbon-chart-wrapper div,\n .carbon-chart-wrapper dl,\n .carbon-chart-wrapper dt,\n .carbon-chart-wrapper em,\n .carbon-chart-wrapper embed,\n .carbon-chart-wrapper fieldset,\n .carbon-chart-wrapper figcaption,\n .carbon-chart-wrapper figure,\n .carbon-chart-wrapper footer,\n .carbon-chart-wrapper form,\n .carbon-chart-wrapper h1,\n .carbon-chart-wrapper h2,\n .carbon-chart-wrapper h3,\n .carbon-chart-wrapper h4,\n .carbon-chart-wrapper h5,\n .carbon-chart-wrapper h6,\n .carbon-chart-wrapper header,\n .carbon-chart-wrapper hgroup,\n .carbon-chart-wrapper html,\n .carbon-chart-wrapper i,\n .carbon-chart-wrapper iframe,\n .carbon-chart-wrapper img,\n .carbon-chart-wrapper ins,\n .carbon-chart-wrapper kbd,\n .carbon-chart-wrapper label,\n .carbon-chart-wrapper legend,\n .carbon-chart-wrapper li,\n .carbon-chart-wrapper mark,\n .carbon-chart-wrapper menu,\n .carbon-chart-wrapper nav,\n .carbon-chart-wrapper object,\n .carbon-chart-wrapper ol,\n .carbon-chart-wrapper output,\n .carbon-chart-wrapper p,\n .carbon-chart-wrapper pre,\n .carbon-chart-wrapper q,\n .carbon-chart-wrapper ruby,\n .carbon-chart-wrapper s,\n .carbon-chart-wrapper samp,\n .carbon-chart-wrapper section,\n .carbon-chart-wrapper small,\n .carbon-chart-wrapper span,\n .carbon-chart-wrapper strike,\n .carbon-chart-wrapper strong,\n .carbon-chart-wrapper sub,\n .carbon-chart-wrapper summary,\n .carbon-chart-wrapper sup,\n .carbon-chart-wrapper table,\n .carbon-chart-wrapper tbody,\n .carbon-chart-wrapper td,\n .carbon-chart-wrapper tfoot,\n .carbon-chart-wrapper th,\n .carbon-chart-wrapper thead,\n .carbon-chart-wrapper time,\n .carbon-chart-wrapper tr,\n .carbon-chart-wrapper tt,\n .carbon-chart-wrapper u,\n .carbon-chart-wrapper ul,\n .carbon-chart-wrapper var,\n .carbon-chart-wrapper video {\n padding: 0;\n border: 0;\n margin: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n }\n .carbon-chart-wrapper body,\n .cds--actionable-notification body,\n .cds--breadcrumb body,\n .cds--checkbox-group body,\n .cds--checkbox-label body,\n .cds--content-switcher-btn body,\n .cds--copy-btn body,\n .cds--dropdown body,\n .cds--dropdown-list body,\n .cds--fieldset body,\n .cds--file--label body,\n .cds--form-requirement body,\n .cds--inline-notification body,\n .cds--label body,\n .cds--label-description body,\n .cds--list-box body,\n .cds--number body,\n .cds--number__controls body,\n .cds--overflow-menu body,\n .cds--overflow-menu-options body,\n .cds--overflow-menu-options__option body,\n .cds--overflow-menu__trigger body,\n .cds--pagination-nav body,\n .cds--snippet body,\n .cds--snippet--inline body,\n .cds--structured-list body,\n .cds--structured-list-td body,\n .cds--structured-list-th body,\n .cds--tabs body,\n .cds--text-input body,\n .cds--toast-notification body {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n }\n .carbon-chart-wrapper article,\n .carbon-chart-wrapper aside,\n .carbon-chart-wrapper details,\n .carbon-chart-wrapper figcaption,\n .carbon-chart-wrapper figure,\n .carbon-chart-wrapper footer,\n .carbon-chart-wrapper header,\n .carbon-chart-wrapper hgroup,\n .carbon-chart-wrapper menu,\n .carbon-chart-wrapper nav,\n .carbon-chart-wrapper section {\n display: block;\n }\n .carbon-chart-wrapper body {\n background-color: var(--cds-background, #fff);\n color: var(--cds-text-primary, #161616);\n line-height: 1;\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .carbon-chart-wrapper blockquote,\n .carbon-chart-wrapper q {\n quotes: none;\n }\n .carbon-chart-wrapper blockquote::after,\n .carbon-chart-wrapper blockquote::before,\n .carbon-chart-wrapper q::after,\n .carbon-chart-wrapper q::before {\n content: '';\n content: none;\n }\n .carbon-chart-wrapper html {\n box-sizing: border-box;\n font-size: 100%;\n }\n .carbon-chart-wrapper *,\n .carbon-chart-wrapper ::after,\n .carbon-chart-wrapper ::before {\n box-sizing: inherit;\n }\n .carbon-chart-wrapper code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .carbon-chart-wrapper strong {\n font-weight: 600;\n }\n .carbon-chart-wrapper h1 {\n font-size: var(--cds-heading-06-font-size, 2.625rem);\n font-weight: var(--cds-heading-06-font-weight, 300);\n line-height: var(--cds-heading-06-line-height, 1.199);\n letter-spacing: var(--cds-heading-06-letter-spacing, 0);\n }\n .carbon-chart-wrapper h2 {\n font-size: var(--cds-heading-05-font-size, 2rem);\n font-weight: var(--cds-heading-05-font-weight, 400);\n line-height: var(--cds-heading-05-line-height, 1.25);\n letter-spacing: var(--cds-heading-05-letter-spacing, 0);\n }\n .carbon-chart-wrapper h3 {\n font-size: var(--cds-heading-04-font-size, 1.75rem);\n font-weight: var(--cds-heading-04-font-weight, 400);\n line-height: var(--cds-heading-04-line-height, 1.28572);\n letter-spacing: var(--cds-heading-04-letter-spacing, 0);\n }\n .carbon-chart-wrapper h4 {\n font-size: var(--cds-heading-03-font-size, 1.25rem);\n font-weight: var(--cds-heading-03-font-weight, 400);\n line-height: var(--cds-heading-03-line-height, 1.4);\n letter-spacing: var(--cds-heading-03-letter-spacing, 0);\n }\n .carbon-chart-wrapper h5 {\n font-size: var(--cds-heading-02-font-size, 1rem);\n font-weight: var(--cds-heading-02-font-weight, 600);\n line-height: var(--cds-heading-02-line-height, 1.5);\n letter-spacing: var(--cds-heading-02-letter-spacing, 0);\n }\n .carbon-chart-wrapper h6 {\n font-size: var(--cds-heading-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-01-font-weight, 600);\n line-height: var(--cds-heading-01-line-height, 1.42857);\n letter-spacing: var(--cds-heading-01-letter-spacing, 0.16px);\n }\n .carbon-chart-wrapper p {\n font-size: var(--cds-body-02-font-size, 1rem);\n font-weight: var(--cds-body-02-font-weight, 400);\n line-height: var(--cds-body-02-line-height, 1.5);\n letter-spacing: var(--cds-body-02-letter-spacing, 0);\n }\n .carbon-chart-wrapper a {\n color: var(--cds-link-primary, #0062fe);\n }\n .carbon-chart-wrapper em,\n div.container.tutorial .hljs-emphasis {\n font-style: italic;\n }\n .carbon-chart-wrapper :root {\n --cds-grid-gutter: 2rem;\n --cds-grid-columns: 4;\n --cds-grid-margin: 0;\n }\n @media (min-width: 42rem) {\n .carbon-chart-wrapper :root {\n --cds-grid-columns: 8;\n --cds-grid-margin: 1rem;\n }\n }\n .cds--css-grid {\n --cds-grid-gutter-start: calc(var(--cds-grid-gutter) / 2);\n --cds-grid-gutter-end: calc(var(--cds-grid-gutter) / 2);\n --cds-grid-column-hang: calc(var(--cds-grid-gutter) / 2);\n width: 100%;\n max-width: 99rem;\n padding-right: var(--cds-grid-margin);\n padding-left: var(--cds-grid-margin);\n margin-right: auto;\n margin-left: auto;\n }\n .cds--css-grid--full-width {\n max-width: 100%;\n }\n .cds--btn,\n .cds--btn-set .cds--btn.cds--btn--expressive {\n max-width: 20rem;\n }\n .cds--css-grid-column {\n --cds-grid-mode-start: var(--cds-grid-gutter-start);\n --cds-grid-mode-end: var(--cds-grid-gutter-end);\n margin-right: var(--cds-grid-gutter-end);\n margin-left: var(--cds-grid-gutter-start);\n }\n [dir='rtl'] .cds--css-grid-column {\n margin-right: var(--cds-grid-gutter-start);\n margin-left: var(--cds-grid-gutter-end);\n }\n .cds--css-grid--narrow {\n --cds-grid-gutter-start: 0;\n }\n .cds--css-grid--condensed {\n --cds-grid-gutter: 0.0625rem;\n --cds-grid-column-hang: 0.96875rem;\n }\n .cds--subgrid {\n margin-right: calc(var(--cds-grid-mode-end) * -1);\n margin-left: calc(var(--cds-grid-mode-start) * -1);\n }\n [dir='rtl'] .cds--subgrid {\n margin-right: calc(var(--cds-grid-mode-start) * -1);\n margin-left: calc(var(--cds-grid-mode-end) * -1);\n }\n .cds--subgrid--wide {\n --cds-grid-gutter-start: 1rem;\n --cds-grid-gutter-end: 1rem;\n --cds-grid-column-hang: 0;\n }\n .cds--subgrid--narrow {\n --cds-grid-gutter-start: 0;\n --cds-grid-gutter-end: 1rem;\n --cds-grid-column-hang: 1rem;\n }\n .cds--subgrid--condensed {\n --cds-grid-gutter-start: 0.03125rem;\n --cds-grid-gutter-end: 0.03125rem;\n --cds-grid-column-hang: 0.96875rem;\n }\n .cds--grid-column-hang {\n margin-left: var(--cds-grid-column-hang);\n }\n .cds--accordion,\n .cds--accordion__heading {\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n width: 100%;\n }\n [dir='rtl'] .cds--grid-column-hang {\n margin-right: var(--cds-grid-column-hang);\n margin-left: initial;\n }\n .cds--col-span-0 {\n display: none;\n }\n .cds--col-span-1 {\n --cds-grid-columns: 1;\n display: block;\n grid-column: span 1 / span 1;\n }\n .cds--col-span-2 {\n --cds-grid-columns: 2;\n display: block;\n grid-column: span 2 / span 2;\n }\n .cds--col-span-3 {\n --cds-grid-columns: 3;\n display: block;\n grid-column: span 3 / span 3;\n }\n .cds--col-span-4 {\n --cds-grid-columns: 4;\n display: block;\n grid-column: span 4 / span 4;\n }\n .cds--col-span-5 {\n --cds-grid-columns: 5;\n display: block;\n grid-column: span 5 / span 5;\n }\n .cds--col-span-6 {\n --cds-grid-columns: 6;\n display: block;\n grid-column: span 6 / span 6;\n }\n .cds--col-span-7 {\n --cds-grid-columns: 7;\n display: block;\n grid-column: span 7 / span 7;\n }\n .cds--col-span-8 {\n --cds-grid-columns: 8;\n display: block;\n grid-column: span 8 / span 8;\n }\n .cds--col-span-9 {\n --cds-grid-columns: 9;\n display: block;\n grid-column: span 9 / span 9;\n }\n .cds--col-span-10 {\n --cds-grid-columns: 10;\n display: block;\n grid-column: span 10 / span 10;\n }\n .cds--col-span-11 {\n --cds-grid-columns: 11;\n display: block;\n grid-column: span 11 / span 11;\n }\n .cds--col-span-12 {\n --cds-grid-columns: 12;\n display: block;\n grid-column: span 12 / span 12;\n }\n .cds--col-span-13 {\n --cds-grid-columns: 13;\n display: block;\n grid-column: span 13 / span 13;\n }\n .cds--col-span-14 {\n --cds-grid-columns: 14;\n display: block;\n grid-column: span 14 / span 14;\n }\n .cds--col-span-15 {\n --cds-grid-columns: 15;\n display: block;\n grid-column: span 15 / span 15;\n }\n .cds--col-span-16 {\n --cds-grid-columns: 16;\n display: block;\n grid-column: span 16 / span 16;\n }\n .cds--sm:col-span-0 {\n display: none;\n }\n .cds--sm:col-span-1 {\n --cds-grid-columns: 1;\n display: block;\n grid-column: span 1 / span 1;\n }\n .cds--sm:col-span-2 {\n --cds-grid-columns: 2;\n display: block;\n grid-column: span 2 / span 2;\n }\n .cds--sm:col-span-3 {\n --cds-grid-columns: 3;\n display: block;\n grid-column: span 3 / span 3;\n }\n .cds--sm:col-span-4 {\n --cds-grid-columns: 4;\n display: block;\n grid-column: span 4 / span 4;\n }\n .cds--sm:col-span-auto {\n grid-column: auto;\n }\n .cds--sm:col-span-100 {\n grid-column: 1/-1;\n }\n .cds--sm:col-span-75 {\n --cds-grid-columns: 3;\n grid-column: span 3 / span 3;\n }\n .cds--sm:col-span-50 {\n --cds-grid-columns: 2;\n grid-column: span 2 / span 2;\n }\n .cds--sm:col-span-25 {\n --cds-grid-columns: 1;\n grid-column: span 1 / span 1;\n }\n @media (min-width: 42rem) {\n .cds--md:col-span-0 {\n display: none;\n }\n .cds--md:col-span-1 {\n --cds-grid-columns: 1;\n display: block;\n grid-column: span 1 / span 1;\n }\n .cds--md:col-span-2 {\n --cds-grid-columns: 2;\n display: block;\n grid-column: span 2 / span 2;\n }\n .cds--md:col-span-3 {\n --cds-grid-columns: 3;\n display: block;\n grid-column: span 3 / span 3;\n }\n .cds--md:col-span-4 {\n --cds-grid-columns: 4;\n display: block;\n grid-column: span 4 / span 4;\n }\n .cds--md:col-span-5 {\n --cds-grid-columns: 5;\n display: block;\n grid-column: span 5 / span 5;\n }\n .cds--md:col-span-6 {\n --cds-grid-columns: 6;\n display: block;\n grid-column: span 6 / span 6;\n }\n .cds--md:col-span-7 {\n --cds-grid-columns: 7;\n display: block;\n grid-column: span 7 / span 7;\n }\n .cds--md:col-span-8 {\n --cds-grid-columns: 8;\n display: block;\n grid-column: span 8 / span 8;\n }\n .cds--md:col-span-auto {\n grid-column: auto;\n }\n .cds--md:col-span-100 {\n grid-column: 1/-1;\n }\n .cds--md:col-span-75 {\n --cds-grid-columns: 6;\n grid-column: span 6 / span 6;\n }\n .cds--md:col-span-50 {\n --cds-grid-columns: 4;\n grid-column: span 4 / span 4;\n }\n .cds--md:col-span-25 {\n --cds-grid-columns: 2;\n grid-column: span 2 / span 2;\n }\n }\n @media (min-width: 66rem) {\n .carbon-chart-wrapper :root {\n --cds-grid-columns: 16;\n }\n .cds--lg:col-span-0 {\n display: none;\n }\n .cds--lg:col-span-1 {\n --cds-grid-columns: 1;\n display: block;\n grid-column: span 1 / span 1;\n }\n .cds--lg:col-span-2 {\n --cds-grid-columns: 2;\n display: block;\n grid-column: span 2 / span 2;\n }\n .cds--lg:col-span-3 {\n --cds-grid-columns: 3;\n display: block;\n grid-column: span 3 / span 3;\n }\n .cds--lg:col-span-4 {\n --cds-grid-columns: 4;\n display: block;\n grid-column: span 4 / span 4;\n }\n .cds--lg:col-span-5 {\n --cds-grid-columns: 5;\n display: block;\n grid-column: span 5 / span 5;\n }\n .cds--lg:col-span-6 {\n --cds-grid-columns: 6;\n display: block;\n grid-column: span 6 / span 6;\n }\n .cds--lg:col-span-7 {\n --cds-grid-columns: 7;\n display: block;\n grid-column: span 7 / span 7;\n }\n .cds--lg:col-span-8 {\n --cds-grid-columns: 8;\n display: block;\n grid-column: span 8 / span 8;\n }\n .cds--lg:col-span-9 {\n --cds-grid-columns: 9;\n display: block;\n grid-column: span 9 / span 9;\n }\n .cds--lg:col-span-10 {\n --cds-grid-columns: 10;\n display: block;\n grid-column: span 10 / span 10;\n }\n .cds--lg:col-span-11 {\n --cds-grid-columns: 11;\n display: block;\n grid-column: span 11 / span 11;\n }\n .cds--lg:col-span-12 {\n --cds-grid-columns: 12;\n display: block;\n grid-column: span 12 / span 12;\n }\n .cds--lg:col-span-13 {\n --cds-grid-columns: 13;\n display: block;\n grid-column: span 13 / span 13;\n }\n .cds--lg:col-span-14 {\n --cds-grid-columns: 14;\n display: block;\n grid-column: span 14 / span 14;\n }\n .cds--lg:col-span-15 {\n --cds-grid-columns: 15;\n display: block;\n grid-column: span 15 / span 15;\n }\n .cds--lg:col-span-16 {\n --cds-grid-columns: 16;\n display: block;\n grid-column: span 16 / span 16;\n }\n .cds--lg:col-span-auto {\n grid-column: auto;\n }\n .cds--lg:col-span-100 {\n grid-column: 1/-1;\n }\n .cds--lg:col-span-75 {\n --cds-grid-columns: 12;\n grid-column: span 12 / span 12;\n }\n .cds--lg:col-span-50 {\n --cds-grid-columns: 8;\n grid-column: span 8 / span 8;\n }\n .cds--lg:col-span-25 {\n --cds-grid-columns: 4;\n grid-column: span 4 / span 4;\n }\n }\n @media (min-width: 82rem) {\n .cds--xlg:col-span-0 {\n display: none;\n }\n .cds--xlg:col-span-1 {\n --cds-grid-columns: 1;\n display: block;\n grid-column: span 1 / span 1;\n }\n .cds--xlg:col-span-2 {\n --cds-grid-columns: 2;\n display: block;\n grid-column: span 2 / span 2;\n }\n .cds--xlg:col-span-3 {\n --cds-grid-columns: 3;\n display: block;\n grid-column: span 3 / span 3;\n }\n .cds--xlg:col-span-4 {\n --cds-grid-columns: 4;\n display: block;\n grid-column: span 4 / span 4;\n }\n .cds--xlg:col-span-5 {\n --cds-grid-columns: 5;\n display: block;\n grid-column: span 5 / span 5;\n }\n .cds--xlg:col-span-6 {\n --cds-grid-columns: 6;\n display: block;\n grid-column: span 6 / span 6;\n }\n .cds--xlg:col-span-7 {\n --cds-grid-columns: 7;\n display: block;\n grid-column: span 7 / span 7;\n }\n .cds--xlg:col-span-8 {\n --cds-grid-columns: 8;\n display: block;\n grid-column: span 8 / span 8;\n }\n .cds--xlg:col-span-9 {\n --cds-grid-columns: 9;\n display: block;\n grid-column: span 9 / span 9;\n }\n .cds--xlg:col-span-10 {\n --cds-grid-columns: 10;\n display: block;\n grid-column: span 10 / span 10;\n }\n .cds--xlg:col-span-11 {\n --cds-grid-columns: 11;\n display: block;\n grid-column: span 11 / span 11;\n }\n .cds--xlg:col-span-12 {\n --cds-grid-columns: 12;\n display: block;\n grid-column: span 12 / span 12;\n }\n .cds--xlg:col-span-13 {\n --cds-grid-columns: 13;\n display: block;\n grid-column: span 13 / span 13;\n }\n .cds--xlg:col-span-14 {\n --cds-grid-columns: 14;\n display: block;\n grid-column: span 14 / span 14;\n }\n .cds--xlg:col-span-15 {\n --cds-grid-columns: 15;\n display: block;\n grid-column: span 15 / span 15;\n }\n .cds--xlg:col-span-16 {\n --cds-grid-columns: 16;\n display: block;\n grid-column: span 16 / span 16;\n }\n .cds--xlg:col-span-auto {\n grid-column: auto;\n }\n .cds--xlg:col-span-100 {\n grid-column: 1/-1;\n }\n .cds--xlg:col-span-75 {\n --cds-grid-columns: 12;\n grid-column: span 12 / span 12;\n }\n .cds--xlg:col-span-50 {\n --cds-grid-columns: 8;\n grid-column: span 8 / span 8;\n }\n .cds--xlg:col-span-25 {\n --cds-grid-columns: 4;\n grid-column: span 4 / span 4;\n }\n }\n @media (min-width: 99rem) {\n .carbon-chart-wrapper :root {\n --cds-grid-margin: 1.5rem;\n }\n .cds--max:col-span-0 {\n display: none;\n }\n .cds--max:col-span-1 {\n --cds-grid-columns: 1;\n display: block;\n grid-column: span 1 / span 1;\n }\n .cds--max:col-span-2 {\n --cds-grid-columns: 2;\n display: block;\n grid-column: span 2 / span 2;\n }\n .cds--max:col-span-3 {\n --cds-grid-columns: 3;\n display: block;\n grid-column: span 3 / span 3;\n }\n .cds--max:col-span-4 {\n --cds-grid-columns: 4;\n display: block;\n grid-column: span 4 / span 4;\n }\n .cds--max:col-span-5 {\n --cds-grid-columns: 5;\n display: block;\n grid-column: span 5 / span 5;\n }\n .cds--max:col-span-6 {\n --cds-grid-columns: 6;\n display: block;\n grid-column: span 6 / span 6;\n }\n .cds--max:col-span-7 {\n --cds-grid-columns: 7;\n display: block;\n grid-column: span 7 / span 7;\n }\n .cds--max:col-span-8 {\n --cds-grid-columns: 8;\n display: block;\n grid-column: span 8 / span 8;\n }\n .cds--max:col-span-9 {\n --cds-grid-columns: 9;\n display: block;\n grid-column: span 9 / span 9;\n }\n .cds--max:col-span-10 {\n --cds-grid-columns: 10;\n display: block;\n grid-column: span 10 / span 10;\n }\n .cds--max:col-span-11 {\n --cds-grid-columns: 11;\n display: block;\n grid-column: span 11 / span 11;\n }\n .cds--max:col-span-12 {\n --cds-grid-columns: 12;\n display: block;\n grid-column: span 12 / span 12;\n }\n .cds--max:col-span-13 {\n --cds-grid-columns: 13;\n display: block;\n grid-column: span 13 / span 13;\n }\n .cds--max:col-span-14 {\n --cds-grid-columns: 14;\n display: block;\n grid-column: span 14 / span 14;\n }\n .cds--max:col-span-15 {\n --cds-grid-columns: 15;\n display: block;\n grid-column: span 15 / span 15;\n }\n .cds--max:col-span-16 {\n --cds-grid-columns: 16;\n display: block;\n grid-column: span 16 / span 16;\n }\n .cds--max:col-span-auto {\n grid-column: auto;\n }\n .cds--max:col-span-100 {\n grid-column: 1/-1;\n }\n .cds--max:col-span-75 {\n --cds-grid-columns: 12;\n grid-column: span 12 / span 12;\n }\n .cds--max:col-span-50 {\n --cds-grid-columns: 8;\n grid-column: span 8 / span 8;\n }\n .cds--max:col-span-25 {\n --cds-grid-columns: 4;\n grid-column: span 4 / span 4;\n }\n }\n .cds--col-span-auto {\n grid-column: auto;\n }\n .cds--col-span-100 {\n grid-column: 1/-1;\n }\n .cds--col-span-75 {\n --cds-grid-columns: 3;\n grid-column: span 3 / span 3;\n }\n @media (min-width: 42rem) {\n .cds--col-span-75 {\n --cds-grid-columns: 6;\n grid-column: span 6 / span 6;\n }\n }\n @media (min-width: 66rem) {\n .cds--col-span-75 {\n --cds-grid-columns: 12;\n grid-column: span 12 / span 12;\n }\n }\n .cds--col-span-50 {\n --cds-grid-columns: 2;\n grid-column: span 2 / span 2;\n }\n @media (min-width: 42rem) {\n .cds--col-span-50 {\n --cds-grid-columns: 4;\n grid-column: span 4 / span 4;\n }\n }\n @media (min-width: 66rem) {\n .cds--col-span-50 {\n --cds-grid-columns: 8;\n grid-column: span 8 / span 8;\n }\n }\n .cds--col-span-25 {\n --cds-grid-columns: 1;\n grid-column: span 1 / span 1;\n }\n .cds--col-start-1 {\n grid-column-start: 1;\n }\n .cds--col-start-2 {\n grid-column-start: 2;\n }\n .cds--col-start-3 {\n grid-column-start: 3;\n }\n .cds--col-start-4 {\n grid-column-start: 4;\n }\n .cds--col-start-5 {\n grid-column-start: 5;\n }\n .cds--col-start-6 {\n grid-column-start: 6;\n }\n .cds--col-start-7 {\n grid-column-start: 7;\n }\n .cds--col-start-8 {\n grid-column-start: 8;\n }\n .cds--col-start-9 {\n grid-column-start: 9;\n }\n .cds--col-start-10 {\n grid-column-start: 10;\n }\n .cds--col-start-11 {\n grid-column-start: 11;\n }\n .cds--col-start-12 {\n grid-column-start: 12;\n }\n .cds--col-start-13 {\n grid-column-start: 13;\n }\n .cds--col-start-14 {\n grid-column-start: 14;\n }\n .cds--col-start-15 {\n grid-column-start: 15;\n }\n .cds--col-start-16 {\n grid-column-start: 16;\n }\n .cds--col-end-2 {\n grid-column-end: 2;\n }\n .cds--col-end-3 {\n grid-column-end: 3;\n }\n .cds--col-end-4 {\n grid-column-end: 4;\n }\n .cds--col-end-5 {\n grid-column-end: 5;\n }\n .cds--col-end-6 {\n grid-column-end: 6;\n }\n .cds--col-end-7 {\n grid-column-end: 7;\n }\n .cds--col-end-8 {\n grid-column-end: 8;\n }\n .cds--col-end-9 {\n grid-column-end: 9;\n }\n .cds--col-end-10 {\n grid-column-end: 10;\n }\n .cds--col-end-11 {\n grid-column-end: 11;\n }\n .cds--col-end-12 {\n grid-column-end: 12;\n }\n .cds--col-end-13 {\n grid-column-end: 13;\n }\n .cds--col-end-14 {\n grid-column-end: 14;\n }\n .cds--col-end-15 {\n grid-column-end: 15;\n }\n .cds--col-end-16 {\n grid-column-end: 16;\n }\n .cds--col-end-17 {\n grid-column-end: 17;\n }\n .cds--col-start-auto {\n grid-column-start: auto;\n }\n .cds--col-end-auto {\n grid-column-end: auto;\n }\n .cds--sm:col-start-1 {\n grid-column-start: 1;\n }\n .cds--sm:col-start-2 {\n grid-column-start: 2;\n }\n .cds--sm:col-start-3 {\n grid-column-start: 3;\n }\n .cds--sm:col-start-4 {\n grid-column-start: 4;\n }\n .cds--sm:col-start-5 {\n grid-column-start: 5;\n }\n .cds--sm:col-start-6 {\n grid-column-start: 6;\n }\n .cds--sm:col-start-7 {\n grid-column-start: 7;\n }\n .cds--sm:col-start-8 {\n grid-column-start: 8;\n }\n .cds--sm:col-start-9 {\n grid-column-start: 9;\n }\n .cds--sm:col-start-10 {\n grid-column-start: 10;\n }\n .cds--sm:col-start-11 {\n grid-column-start: 11;\n }\n .cds--sm:col-start-12 {\n grid-column-start: 12;\n }\n .cds--sm:col-start-13 {\n grid-column-start: 13;\n }\n .cds--sm:col-start-14 {\n grid-column-start: 14;\n }\n .cds--sm:col-start-15 {\n grid-column-start: 15;\n }\n .cds--sm:col-start-16 {\n grid-column-start: 16;\n }\n .cds--sm:col-end-2 {\n grid-column-end: 2;\n }\n .cds--sm:col-end-3 {\n grid-column-end: 3;\n }\n .cds--sm:col-end-4 {\n grid-column-end: 4;\n }\n .cds--sm:col-end-5 {\n grid-column-end: 5;\n }\n .cds--sm:col-end-6 {\n grid-column-end: 6;\n }\n .cds--sm:col-end-7 {\n grid-column-end: 7;\n }\n .cds--sm:col-end-8 {\n grid-column-end: 8;\n }\n .cds--sm:col-end-9 {\n grid-column-end: 9;\n }\n .cds--sm:col-end-10 {\n grid-column-end: 10;\n }\n .cds--sm:col-end-11 {\n grid-column-end: 11;\n }\n .cds--sm:col-end-12 {\n grid-column-end: 12;\n }\n .cds--sm:col-end-13 {\n grid-column-end: 13;\n }\n .cds--sm:col-end-14 {\n grid-column-end: 14;\n }\n .cds--sm:col-end-15 {\n grid-column-end: 15;\n }\n .cds--sm:col-end-16 {\n grid-column-end: 16;\n }\n .cds--sm:col-end-17 {\n grid-column-end: 17;\n }\n .cds--sm:col-start-auto {\n grid-column-start: auto;\n }\n .cds--sm:col-end-auto {\n grid-column-end: auto;\n }\n @media (min-width: 42rem) {\n .cds--col-span-25 {\n --cds-grid-columns: 2;\n grid-column: span 2 / span 2;\n }\n .cds--md:col-start-1 {\n grid-column-start: 1;\n }\n .cds--md:col-start-2 {\n grid-column-start: 2;\n }\n .cds--md:col-start-3 {\n grid-column-start: 3;\n }\n .cds--md:col-start-4 {\n grid-column-start: 4;\n }\n .cds--md:col-start-5 {\n grid-column-start: 5;\n }\n .cds--md:col-start-6 {\n grid-column-start: 6;\n }\n .cds--md:col-start-7 {\n grid-column-start: 7;\n }\n .cds--md:col-start-8 {\n grid-column-start: 8;\n }\n .cds--md:col-start-9 {\n grid-column-start: 9;\n }\n .cds--md:col-start-10 {\n grid-column-start: 10;\n }\n .cds--md:col-start-11 {\n grid-column-start: 11;\n }\n .cds--md:col-start-12 {\n grid-column-start: 12;\n }\n .cds--md:col-start-13 {\n grid-column-start: 13;\n }\n .cds--md:col-start-14 {\n grid-column-start: 14;\n }\n .cds--md:col-start-15 {\n grid-column-start: 15;\n }\n .cds--md:col-start-16 {\n grid-column-start: 16;\n }\n .cds--md:col-end-2 {\n grid-column-end: 2;\n }\n .cds--md:col-end-3 {\n grid-column-end: 3;\n }\n .cds--md:col-end-4 {\n grid-column-end: 4;\n }\n .cds--md:col-end-5 {\n grid-column-end: 5;\n }\n .cds--md:col-end-6 {\n grid-column-end: 6;\n }\n .cds--md:col-end-7 {\n grid-column-end: 7;\n }\n .cds--md:col-end-8 {\n grid-column-end: 8;\n }\n .cds--md:col-end-9 {\n grid-column-end: 9;\n }\n .cds--md:col-end-10 {\n grid-column-end: 10;\n }\n .cds--md:col-end-11 {\n grid-column-end: 11;\n }\n .cds--md:col-end-12 {\n grid-column-end: 12;\n }\n .cds--md:col-end-13 {\n grid-column-end: 13;\n }\n .cds--md:col-end-14 {\n grid-column-end: 14;\n }\n .cds--md:col-end-15 {\n grid-column-end: 15;\n }\n .cds--md:col-end-16 {\n grid-column-end: 16;\n }\n .cds--md:col-end-17 {\n grid-column-end: 17;\n }\n .cds--md:col-start-auto {\n grid-column-start: auto;\n }\n .cds--md:col-end-auto {\n grid-column-end: auto;\n }\n }\n @media (min-width: 66rem) {\n .cds--col-span-25 {\n --cds-grid-columns: 4;\n grid-column: span 4 / span 4;\n }\n .cds--lg:col-start-1 {\n grid-column-start: 1;\n }\n .cds--lg:col-start-2 {\n grid-column-start: 2;\n }\n .cds--lg:col-start-3 {\n grid-column-start: 3;\n }\n .cds--lg:col-start-4 {\n grid-column-start: 4;\n }\n .cds--lg:col-start-5 {\n grid-column-start: 5;\n }\n .cds--lg:col-start-6 {\n grid-column-start: 6;\n }\n .cds--lg:col-start-7 {\n grid-column-start: 7;\n }\n .cds--lg:col-start-8 {\n grid-column-start: 8;\n }\n .cds--lg:col-start-9 {\n grid-column-start: 9;\n }\n .cds--lg:col-start-10 {\n grid-column-start: 10;\n }\n .cds--lg:col-start-11 {\n grid-column-start: 11;\n }\n .cds--lg:col-start-12 {\n grid-column-start: 12;\n }\n .cds--lg:col-start-13 {\n grid-column-start: 13;\n }\n .cds--lg:col-start-14 {\n grid-column-start: 14;\n }\n .cds--lg:col-start-15 {\n grid-column-start: 15;\n }\n .cds--lg:col-start-16 {\n grid-column-start: 16;\n }\n .cds--lg:col-end-2 {\n grid-column-end: 2;\n }\n .cds--lg:col-end-3 {\n grid-column-end: 3;\n }\n .cds--lg:col-end-4 {\n grid-column-end: 4;\n }\n .cds--lg:col-end-5 {\n grid-column-end: 5;\n }\n .cds--lg:col-end-6 {\n grid-column-end: 6;\n }\n .cds--lg:col-end-7 {\n grid-column-end: 7;\n }\n .cds--lg:col-end-8 {\n grid-column-end: 8;\n }\n .cds--lg:col-end-9 {\n grid-column-end: 9;\n }\n .cds--lg:col-end-10 {\n grid-column-end: 10;\n }\n .cds--lg:col-end-11 {\n grid-column-end: 11;\n }\n .cds--lg:col-end-12 {\n grid-column-end: 12;\n }\n .cds--lg:col-end-13 {\n grid-column-end: 13;\n }\n .cds--lg:col-end-14 {\n grid-column-end: 14;\n }\n .cds--lg:col-end-15 {\n grid-column-end: 15;\n }\n .cds--lg:col-end-16 {\n grid-column-end: 16;\n }\n .cds--lg:col-end-17 {\n grid-column-end: 17;\n }\n .cds--lg:col-start-auto {\n grid-column-start: auto;\n }\n .cds--lg:col-end-auto {\n grid-column-end: auto;\n }\n }\n .cds--layer-one,\n :root {\n --cds-layer: var(--cds-layer-01, #f4f4f4);\n --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field: var(--cds-field-01, #f4f4f4);\n --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);\n }\n .cds--layer-two {\n --cds-layer: var(--cds-layer-02, #ffffff);\n --cds-layer-active: var(--cds-layer-active-02, #c6c6c6);\n --cds-layer-hover: var(--cds-layer-hover-02, #e8e8e8);\n --cds-layer-selected: var(--cds-layer-selected-02, #e0e0e0);\n --cds-layer-selected-hover: var(--cds-layer-selected-hover-02, #d1d1d1);\n --cds-layer-accent: var(--cds-layer-accent-02, #e0e0e0);\n --cds-layer-accent-hover: var(--cds-layer-accent-hover-02, #d1d1d1);\n --cds-layer-accent-active: var(--cds-layer-accent-active-02, #a8a8a8);\n --cds-field: var(--cds-field-02, #ffffff);\n --cds-field-hover: var(--cds-field-hover-02, #e8e8e8);\n --cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);\n --cds-border-subtle-selected: var(--cds-border-subtle-selected-02, #c6c6c6);\n --cds-border-strong: var(--cds-border-strong-02, #8d8d8d);\n --cds-border-tile: var(--cds-border-tile-02, #a8a8a8);\n }\n .cds--layer-three {\n --cds-layer: var(--cds-layer-03, #f4f4f4);\n --cds-layer-active: var(--cds-layer-active-03, #c6c6c6);\n --cds-layer-hover: var(--cds-layer-hover-03, #e8e8e8);\n --cds-layer-selected: var(--cds-layer-selected-03, #e0e0e0);\n --cds-layer-selected-hover: var(--cds-layer-selected-hover-03, #d1d1d1);\n --cds-layer-accent: var(--cds-layer-accent-03, #e0e0e0);\n --cds-layer-accent-hover: var(--cds-layer-accent-hover-03, #d1d1d1);\n --cds-layer-accent-active: var(--cds-layer-accent-active-03, #a8a8a8);\n --cds-field: var(--cds-field-03, #f4f4f4);\n --cds-field-hover: var(--cds-field-hover-03, #e8e8e8);\n --cds-border-subtle: var(--cds-border-subtle-02, #e0e0e0);\n --cds-border-subtle-selected: var(--cds-border-subtle-selected-03, #c6c6c6);\n --cds-border-strong: var(--cds-border-strong-03, #8d8d8d);\n --cds-border-tile: var(--cds-border-tile-03, #c6c6c6);\n }\n .cds--g10,\n .cds--white {\n background: var(--cds-background);\n color: var(--cds-text-primary);\n --cds-background-active: rgba(141, 141, 141, 0.5);\n --cds-background-hover: rgba(141, 141, 141, 0.12);\n --cds-background-inverse: #393939;\n --cds-background-inverse-hover: #474747;\n --cds-background-selected: rgba(141, 141, 141, 0.2);\n --cds-border-disabled: #c6c6c6;\n --cds-border-interactive: #0f62fe;\n --cds-border-inverse: #161616;\n --cds-border-strong-02: #8d8d8d;\n --cds-border-strong-03: #8d8d8d;\n --cds-border-subtle-selected-01: #c6c6c6;\n --cds-border-subtle-selected-02: #c6c6c6;\n --cds-border-subtle-selected-03: #c6c6c6;\n --cds-field-hover-01: #e8e8e8;\n --cds-field-hover-02: #e8e8e8;\n --cds-field-hover-03: #e8e8e8;\n --cds-focus: #0f62fe;\n --cds-focus-inset: #ffffff;\n --cds-focus-inverse: #ffffff;\n --cds-highlight: #d0e2ff;\n --cds-icon-disabled: rgba(22, 22, 22, 0.25);\n --cds-icon-interactive: #0f62fe;\n --cds-icon-inverse: #ffffff;\n --cds-icon-on-color: #ffffff;\n --cds-icon-on-color-disabled: #8d8d8d;\n --cds-icon-primary: #161616;\n --cds-icon-secondary: #525252;\n --cds-interactive: #0f62fe;\n --cds-layer-accent-01: #e0e0e0;\n --cds-layer-accent-02: #e0e0e0;\n --cds-layer-accent-03: #e0e0e0;\n --cds-layer-accent-active-01: #a8a8a8;\n --cds-layer-accent-active-02: #a8a8a8;\n --cds-layer-accent-active-03: #a8a8a8;\n --cds-layer-accent-hover-01: #d1d1d1;\n --cds-layer-accent-hover-02: #d1d1d1;\n --cds-layer-accent-hover-03: #d1d1d1;\n --cds-layer-active-01: #c6c6c6;\n --cds-layer-active-02: #c6c6c6;\n --cds-layer-active-03: #c6c6c6;\n --cds-layer-hover-01: #e8e8e8;\n --cds-layer-hover-02: #e8e8e8;\n --cds-layer-hover-03: #e8e8e8;\n --cds-layer-selected-01: #e0e0e0;\n --cds-layer-selected-02: #e0e0e0;\n --cds-layer-selected-03: #e0e0e0;\n --cds-layer-selected-disabled: #8d8d8d;\n --cds-layer-selected-hover-01: #d1d1d1;\n --cds-layer-selected-hover-02: #d1d1d1;\n --cds-layer-selected-hover-03: #d1d1d1;\n --cds-layer-selected-inverse: #161616;\n --cds-link-inverse: #78a9ff;\n --cds-link-inverse-active: #f4f4f4;\n --cds-link-inverse-hover: #a6c8ff;\n --cds-link-primary: #0f62fe;\n --cds-link-primary-hover: #0043ce;\n --cds-link-secondary: #0043ce;\n --cds-link-visited: #8a3ffc;\n --cds-overlay: rgba(22, 22, 22, 0.5);\n --cds-shadow: rgba(0, 0, 0, 0.3);\n --cds-skeleton-background: #e8e8e8;\n --cds-skeleton-element: #c6c6c6;\n --cds-support-caution-major: #ff832b;\n --cds-support-caution-minor: #f1c21b;\n --cds-support-caution-undefined: #8a3ffc;\n --cds-support-error: #da1e28;\n --cds-support-error-inverse: #fa4d56;\n --cds-support-info: #0043ce;\n --cds-support-info-inverse: #4589ff;\n --cds-support-success: #24a148;\n --cds-support-success-inverse: #42be65;\n --cds-support-warning: #f1c21b;\n --cds-support-warning-inverse: #f1c21b;\n --cds-text-disabled: rgba(22, 22, 22, 0.25);\n --cds-text-error: #da1e28;\n --cds-text-helper: #6f6f6f;\n --cds-text-inverse: #ffffff;\n --cds-text-on-color: #ffffff;\n --cds-text-on-color-disabled: #8d8d8d;\n --cds-text-placeholder: rgba(22, 22, 22, 0.4);\n --cds-text-primary: #161616;\n --cds-text-secondary: #525252;\n --cds-layer: var(--cds-layer-01, #f4f4f4);\n --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field: var(--cds-field-01, #f4f4f4);\n --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);\n --cds-button-separator: #e0e0e0;\n --cds-button-primary: #0f62fe;\n --cds-button-secondary: #393939;\n --cds-button-tertiary: #0f62fe;\n --cds-button-danger-primary: #da1e28;\n --cds-button-danger-secondary: #da1e28;\n --cds-button-danger-active: #750e13;\n --cds-button-primary-active: #002d9c;\n --cds-button-secondary-active: #6f6f6f;\n --cds-button-tertiary-active: #002d9c;\n --cds-button-danger-hover: #b81921;\n --cds-button-primary-hover: #0050e6;\n --cds-button-secondary-hover: #474747;\n --cds-button-tertiary-hover: #0050e6;\n --cds-button-disabled: #c6c6c6;\n --cds-notification-background-error: #fff1f1;\n --cds-notification-background-success: #defbe6;\n --cds-notification-background-info: #edf5ff;\n --cds-notification-background-warning: #fdf6dd;\n --cds-notification-action-hover: #edf5ff;\n --cds-notification-action-tertiary-inverse: #ffffff;\n --cds-notification-action-tertiary-inverse-active: #c6c6c6;\n --cds-notification-action-tertiary-inverse-hover: #f4f4f4;\n --cds-notification-action-tertiary-inverse-text: #161616;\n --cds-notification-action-tertiary-inverse-text-on-color-disabled: rgba(\n 255,\n 255,\n 255,\n 0.2\n );\n --cds-tag-background-red: #ffd7d9;\n --cds-tag-color-red: #750e13;\n --cds-tag-hover-red: #ffb3b8;\n --cds-tag-background-magenta: #ffd6e8;\n --cds-tag-color-magenta: #740937;\n --cds-tag-hover-magenta: #ffafd2;\n --cds-tag-background-purple: #e8daff;\n --cds-tag-color-purple: #491d8b;\n --cds-tag-hover-purple: #d4bbff;\n --cds-tag-background-blue: #d0e2ff;\n --cds-tag-color-blue: #002d9c;\n --cds-tag-hover-blue: #a6c8ff;\n --cds-tag-background-cyan: #bae6ff;\n --cds-tag-color-cyan: #003a6d;\n --cds-tag-hover-cyan: #82cfff;\n --cds-tag-background-teal: #9ef0f0;\n --cds-tag-color-teal: #004144;\n --cds-tag-hover-teal: #3ddbd9;\n --cds-tag-background-green: #a7f0ba;\n --cds-tag-color-green: #044317;\n --cds-tag-hover-green: #6fdc8c;\n --cds-tag-background-gray: #e0e0e0;\n --cds-tag-color-gray: #393939;\n --cds-tag-hover-gray: #c6c6c6;\n --cds-tag-background-cool-gray: #dde1e6;\n --cds-tag-color-cool-gray: #343a3f;\n --cds-tag-hover-cool-gray: #c1c7cd;\n --cds-tag-background-warm-gray: #e5e0df;\n --cds-tag-color-warm-gray: #3c3838;\n --cds-tag-hover-warm-gray: #cac5c4;\n --cds-background-brand: #0f62fe;\n --cds-background-selected-hover: rgba(141, 141, 141, 0.32);\n --cds-border-strong-01: #8d8d8d;\n --cds-toggle-off: #8d8d8d;\n }\n .cds--white {\n --cds-background: #ffffff;\n --cds-border-subtle-00: #e0e0e0;\n --cds-border-subtle-01: #c6c6c6;\n --cds-border-subtle-02: #e0e0e0;\n --cds-border-subtle-03: #c6c6c6;\n --cds-border-tile-01: #c6c6c6;\n --cds-border-tile-02: #a8a8a8;\n --cds-border-tile-03: #c6c6c6;\n --cds-field-01: #f4f4f4;\n --cds-field-02: #ffffff;\n --cds-field-03: #f4f4f4;\n --cds-layer-01: #f4f4f4;\n --cds-layer-02: #ffffff;\n --cds-layer-03: #f4f4f4;\n }\n .cds--chart-holder[data-carbon-theme='g10'],\n .cds--g10,\n html[data-carbon-theme='g10'] {\n --cds-background: #f4f4f4;\n --cds-border-subtle-00: #c6c6c6;\n --cds-border-subtle-01: #e0e0e0;\n --cds-border-subtle-02: #c6c6c6;\n --cds-border-subtle-03: #e0e0e0;\n --cds-border-tile-01: #a8a8a8;\n --cds-border-tile-02: #c6c6c6;\n --cds-field-01: #ffffff;\n --cds-field-02: #f4f4f4;\n --cds-field-03: #ffffff;\n --cds-layer-01: #ffffff;\n --cds-layer-02: #f4f4f4;\n --cds-layer-03: #ffffff;\n --cds-border-tile-03: #a8a8a8;\n }\n .cds--g100,\n .cds--g90 {\n background: var(--cds-background);\n color: var(--cds-text-primary);\n --cds-background-active: rgba(141, 141, 141, 0.4);\n --cds-background-hover: rgba(141, 141, 141, 0.16);\n --cds-background-inverse: #f4f4f4;\n --cds-background-inverse-hover: #e8e8e8;\n --cds-background-selected: rgba(141, 141, 141, 0.24);\n --cds-border-disabled: rgba(141, 141, 141, 0.5);\n --cds-border-interactive: #4589ff;\n --cds-border-inverse: #f4f4f4;\n --cds-focus: #ffffff;\n --cds-focus-inset: #161616;\n --cds-focus-inverse: #0f62fe;\n --cds-icon-disabled: rgba(244, 244, 244, 0.25);\n --cds-icon-interactive: #ffffff;\n --cds-icon-inverse: #161616;\n --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);\n --cds-icon-primary: #f4f4f4;\n --cds-icon-secondary: #c6c6c6;\n --cds-interactive: #4589ff;\n --cds-layer-selected-disabled: #a8a8a8;\n --cds-layer-selected-inverse: #f4f4f4;\n --cds-link-inverse: #0f62fe;\n --cds-link-inverse-active: #161616;\n --cds-link-inverse-hover: #0043ce;\n --cds-link-primary: #78a9ff;\n --cds-link-primary-hover: #a6c8ff;\n --cds-link-secondary: #a6c8ff;\n --cds-link-visited: #be95ff;\n --cds-overlay: rgba(0, 0, 0, 0.65);\n --cds-shadow: rgba(0, 0, 0, 0.8);\n --cds-support-caution-undefined: #a56eff;\n --cds-support-error-inverse: #da1e28;\n --cds-support-info: #4589ff;\n --cds-support-info-inverse: #0043ce;\n --cds-support-success: #42be65;\n --cds-support-success-inverse: #24a148;\n --cds-text-disabled: rgba(244, 244, 244, 0.25);\n --cds-text-inverse: #161616;\n --cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);\n --cds-text-placeholder: rgba(244, 244, 244, 0.4);\n --cds-text-primary: #f4f4f4;\n --cds-text-secondary: #c6c6c6;\n --cds-button-separator: #161616;\n --cds-button-secondary: #6f6f6f;\n --cds-button-tertiary: #ffffff;\n --cds-button-secondary-active: #393939;\n --cds-button-tertiary-active: #c6c6c6;\n --cds-button-secondary-hover: #5e5e5e;\n --cds-button-tertiary-hover: #f4f4f4;\n --cds-button-disabled: rgba(141, 141, 141, 0.3);\n --cds-notification-action-tertiary-inverse: #0f62fe;\n --cds-notification-action-tertiary-inverse-active: #002d9c;\n --cds-notification-action-tertiary-inverse-hover: #0050e6;\n --cds-notification-action-tertiary-inverse-text: #ffffff;\n --cds-notification-action-tertiary-inverse-text-on-color-disabled: #8d8d8d;\n --cds-tag-background-red: #a2191f;\n --cds-tag-color-red: #ffd7d9;\n --cds-tag-hover-red: #c21e25;\n --cds-tag-background-magenta: #9f1853;\n --cds-tag-color-magenta: #ffd6e8;\n --cds-tag-hover-magenta: #bf1d63;\n --cds-tag-background-purple: #6929c4;\n --cds-tag-color-purple: #e8daff;\n --cds-tag-hover-purple: #7c3dd6;\n --cds-tag-background-blue: #0043ce;\n --cds-tag-color-blue: #d0e2ff;\n --cds-tag-hover-blue: #0053ff;\n --cds-tag-background-cyan: #00539a;\n --cds-tag-color-cyan: #bae6ff;\n --cds-tag-hover-cyan: #0066bd;\n --cds-tag-background-teal: #005d5d;\n --cds-tag-color-teal: #9ef0f0;\n --cds-tag-hover-teal: #007070;\n --cds-tag-background-green: #0e6027;\n --cds-tag-color-green: #a7f0ba;\n --cds-tag-hover-green: #11742f;\n --cds-tag-background-gray: #525252;\n --cds-tag-color-gray: #e0e0e0;\n --cds-tag-hover-gray: #636363;\n --cds-tag-background-cool-gray: #4d5358;\n --cds-tag-color-cool-gray: #dde1e6;\n --cds-tag-hover-cool-gray: #5d646a;\n --cds-tag-background-warm-gray: #565151;\n --cds-tag-color-warm-gray: #e5e0df;\n --cds-tag-hover-warm-gray: #696363;\n }\n .cds--g90 {\n --cds-background: #262626;\n --cds-background-brand: #0f62fe;\n --cds-background-selected-hover: rgba(141, 141, 141, 0.32);\n --cds-border-strong-01: #8d8d8d;\n --cds-border-strong-02: #a8a8a8;\n --cds-border-strong-03: #c6c6c6;\n --cds-border-subtle-00: #525252;\n --cds-border-subtle-01: #525252;\n --cds-border-subtle-02: #6f6f6f;\n --cds-border-subtle-03: #8d8d8d;\n --cds-border-subtle-selected-01: #6f6f6f;\n --cds-border-subtle-selected-02: #8d8d8d;\n --cds-border-subtle-selected-03: #a8a8a8;\n --cds-border-tile-01: #6f6f6f;\n --cds-border-tile-02: #8d8d8d;\n --cds-border-tile-03: #a8a8a8;\n --cds-field-01: #393939;\n --cds-field-02: #525252;\n --cds-field-03: #6f6f6f;\n --cds-field-hover-01: #474747;\n --cds-field-hover-02: #636363;\n --cds-field-hover-03: #5e5e5e;\n --cds-highlight: #0043ce;\n --cds-icon-on-color: #ffffff;\n --cds-layer-01: #393939;\n --cds-layer-02: #525252;\n --cds-layer-03: #6f6f6f;\n --cds-layer-accent-01: #525252;\n --cds-layer-accent-02: #6f6f6f;\n --cds-layer-accent-03: #8d8d8d;\n --cds-layer-accent-active-01: #8d8d8d;\n --cds-layer-accent-active-02: #393939;\n --cds-layer-accent-active-03: #525252;\n --cds-layer-accent-hover-01: #636363;\n --cds-layer-accent-hover-02: #5e5e5e;\n --cds-layer-accent-hover-03: #7a7a7a;\n --cds-layer-active-01: #6f6f6f;\n --cds-layer-active-02: #8d8d8d;\n --cds-layer-active-03: #393939;\n --cds-layer-hover-01: #474747;\n --cds-layer-hover-02: #636363;\n --cds-layer-hover-03: #5e5e5e;\n --cds-layer-selected-01: #525252;\n --cds-layer-selected-02: #6f6f6f;\n --cds-layer-selected-03: #525252;\n --cds-layer-selected-hover-01: #636363;\n --cds-layer-selected-hover-02: #5e5e5e;\n --cds-layer-selected-hover-03: #636363;\n --cds-skeleton-background: #333333;\n --cds-skeleton-element: #525252;\n --cds-support-caution-major: #ff832b;\n --cds-support-caution-minor: #f1c21b;\n --cds-support-error: #ff8389;\n --cds-support-warning: #f1c21b;\n --cds-support-warning-inverse: #f1c21b;\n --cds-text-error: #ffb3b8;\n --cds-text-helper: #c6c6c6;\n --cds-text-on-color: #ffffff;\n --cds-toggle-off: #8d8d8d;\n --cds-layer: var(--cds-layer-01, #f4f4f4);\n --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field: var(--cds-field-01, #f4f4f4);\n --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);\n --cds-button-primary: #0f62fe;\n --cds-button-danger-primary: #da1e28;\n --cds-button-danger-secondary: #ff8389;\n --cds-button-danger-active: #750e13;\n --cds-button-primary-active: #002d9c;\n --cds-button-danger-hover: #b81921;\n --cds-button-primary-hover: #0050e6;\n --cds-notification-background-error: #393939;\n --cds-notification-background-success: #393939;\n --cds-notification-background-info: #393939;\n --cds-notification-background-warning: #393939;\n }\n .cds--chart-holder,\n .cds--chart-holder[data-carbon-theme='g10'],\n .cds--g100,\n html[data-carbon-theme='g10'] {\n --cds-border-strong-02: #8d8d8d;\n --cds-layer: var(--cds-layer-01, #f4f4f4);\n --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field: var(--cds-field-01, #f4f4f4);\n --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);\n --cds-background-brand: #0f62fe;\n --cds-background-selected-hover: rgba(141, 141, 141, 0.32);\n --cds-icon-on-color: #ffffff;\n --cds-support-caution-major: #ff832b;\n --cds-support-caution-minor: #f1c21b;\n --cds-support-warning: #f1c21b;\n --cds-support-warning-inverse: #f1c21b;\n --cds-text-on-color: #ffffff;\n --cds-button-primary: #0f62fe;\n --cds-button-danger-primary: #da1e28;\n --cds-button-danger-active: #750e13;\n --cds-button-primary-active: #002d9c;\n --cds-button-danger-hover: #b81921;\n --cds-button-primary-hover: #0050e6;\n }\n .cds--g100 {\n --cds-background: #161616;\n --cds-border-strong-01: #6f6f6f;\n --cds-border-strong-03: #a8a8a8;\n --cds-border-subtle-00: #393939;\n --cds-border-subtle-01: #393939;\n --cds-border-subtle-02: #525252;\n --cds-border-subtle-03: #6f6f6f;\n --cds-border-subtle-selected-01: #525252;\n --cds-border-subtle-selected-02: #6f6f6f;\n --cds-border-subtle-selected-03: #8d8d8d;\n --cds-border-tile-01: #525252;\n --cds-border-tile-02: #6f6f6f;\n --cds-border-tile-03: #8d8d8d;\n --cds-field-01: #262626;\n --cds-field-02: #393939;\n --cds-field-03: #525252;\n --cds-field-hover-01: #333333;\n --cds-field-hover-02: #474747;\n --cds-field-hover-03: #636363;\n --cds-highlight: #002d9c;\n --cds-layer-01: #262626;\n --cds-layer-02: #393939;\n --cds-layer-03: #525252;\n --cds-layer-accent-01: #393939;\n --cds-layer-accent-02: #525252;\n --cds-layer-accent-03: #6f6f6f;\n --cds-layer-accent-active-01: #6f6f6f;\n --cds-layer-accent-active-02: #8d8d8d;\n --cds-layer-accent-active-03: #393939;\n --cds-layer-accent-hover-01: #474747;\n --cds-layer-accent-hover-02: #636363;\n --cds-layer-accent-hover-03: #5e5e5e;\n --cds-layer-active-01: #525252;\n --cds-layer-active-02: #6f6f6f;\n --cds-layer-active-03: #8d8d8d;\n --cds-layer-hover-01: #333333;\n --cds-layer-hover-02: #474747;\n --cds-layer-hover-03: #636363;\n --cds-layer-selected-01: #393939;\n --cds-layer-selected-02: #525252;\n --cds-layer-selected-03: #6f6f6f;\n --cds-layer-selected-hover-01: #474747;\n --cds-layer-selected-hover-02: #636363;\n --cds-layer-selected-hover-03: #5e5e5e;\n --cds-skeleton-background: #292929;\n --cds-skeleton-element: #393939;\n --cds-support-error: #fa4d56;\n --cds-text-error: #ff8389;\n --cds-text-helper: #a8a8a8;\n --cds-toggle-off: #6f6f6f;\n --cds-button-danger-secondary: #fa4d56;\n --cds-notification-background-error: #262626;\n --cds-notification-background-success: #262626;\n --cds-notification-background-info: #262626;\n --cds-notification-background-warning: #262626;\n }\n .cds--chart-holder,\n html {\n --cds-background: #ffffff;\n --cds-border-subtle-00: #e0e0e0;\n --cds-border-subtle-01: #c6c6c6;\n --cds-border-subtle-02: #e0e0e0;\n --cds-border-subtle-03: #c6c6c6;\n --cds-border-tile-01: #c6c6c6;\n --cds-border-tile-02: #a8a8a8;\n --cds-border-tile-03: #c6c6c6;\n --cds-field-01: #f4f4f4;\n --cds-field-02: #ffffff;\n --cds-field-03: #f4f4f4;\n --cds-layer-01: #f4f4f4;\n --cds-layer-02: #ffffff;\n --cds-layer-03: #f4f4f4;\n }\n .cds--chart-holder,\n .cds--chart-holder[data-carbon-theme='g10'],\n html,\n html[data-carbon-theme='g10'] {\n --cds-background-active: rgba(141, 141, 141, 0.5);\n --cds-background-hover: rgba(141, 141, 141, 0.12);\n --cds-background-inverse: #393939;\n --cds-background-inverse-hover: #474747;\n --cds-background-selected: rgba(141, 141, 141, 0.2);\n --cds-border-disabled: #c6c6c6;\n --cds-border-interactive: #0f62fe;\n --cds-border-inverse: #161616;\n --cds-border-strong-01: #8d8d8d;\n --cds-border-strong-03: #8d8d8d;\n --cds-border-subtle-selected-01: #c6c6c6;\n --cds-border-subtle-selected-02: #c6c6c6;\n --cds-border-subtle-selected-03: #c6c6c6;\n --cds-field-hover-01: #e8e8e8;\n --cds-field-hover-02: #e8e8e8;\n --cds-field-hover-03: #e8e8e8;\n --cds-focus: #0f62fe;\n --cds-focus-inset: #ffffff;\n --cds-focus-inverse: #ffffff;\n --cds-highlight: #d0e2ff;\n --cds-icon-disabled: rgba(22, 22, 22, 0.25);\n --cds-icon-interactive: #0f62fe;\n --cds-icon-inverse: #ffffff;\n --cds-icon-on-color-disabled: #8d8d8d;\n --cds-icon-primary: #161616;\n --cds-icon-secondary: #525252;\n --cds-interactive: #0f62fe;\n --cds-layer-accent-01: #e0e0e0;\n --cds-layer-accent-02: #e0e0e0;\n --cds-layer-accent-03: #e0e0e0;\n --cds-layer-accent-active-01: #a8a8a8;\n --cds-layer-accent-active-02: #a8a8a8;\n --cds-layer-accent-active-03: #a8a8a8;\n --cds-layer-accent-hover-01: #d1d1d1;\n --cds-layer-accent-hover-02: #d1d1d1;\n --cds-layer-accent-hover-03: #d1d1d1;\n --cds-layer-active-01: #c6c6c6;\n --cds-layer-active-02: #c6c6c6;\n --cds-layer-active-03: #c6c6c6;\n --cds-layer-hover-01: #e8e8e8;\n --cds-layer-hover-02: #e8e8e8;\n --cds-layer-hover-03: #e8e8e8;\n --cds-layer-selected-01: #e0e0e0;\n --cds-layer-selected-02: #e0e0e0;\n --cds-layer-selected-03: #e0e0e0;\n --cds-layer-selected-disabled: #8d8d8d;\n --cds-layer-selected-hover-01: #d1d1d1;\n --cds-layer-selected-hover-02: #d1d1d1;\n --cds-layer-selected-hover-03: #d1d1d1;\n --cds-layer-selected-inverse: #161616;\n --cds-link-inverse: #78a9ff;\n --cds-link-inverse-active: #f4f4f4;\n --cds-link-inverse-hover: #a6c8ff;\n --cds-link-primary: #0f62fe;\n --cds-link-primary-hover: #0043ce;\n --cds-link-secondary: #0043ce;\n --cds-link-visited: #8a3ffc;\n --cds-overlay: rgba(22, 22, 22, 0.5);\n --cds-shadow: rgba(0, 0, 0, 0.3);\n --cds-skeleton-background: #e8e8e8;\n --cds-skeleton-element: #c6c6c6;\n --cds-support-caution-undefined: #8a3ffc;\n --cds-support-error: #da1e28;\n --cds-support-error-inverse: #fa4d56;\n --cds-support-info: #0043ce;\n --cds-support-info-inverse: #4589ff;\n --cds-support-success: #24a148;\n --cds-support-success-inverse: #42be65;\n --cds-text-disabled: rgba(22, 22, 22, 0.25);\n --cds-text-error: #da1e28;\n --cds-text-helper: #6f6f6f;\n --cds-text-inverse: #ffffff;\n --cds-text-on-color-disabled: #8d8d8d;\n --cds-text-placeholder: rgba(22, 22, 22, 0.4);\n --cds-text-primary: #161616;\n --cds-text-secondary: #525252;\n --cds-toggle-off: #8d8d8d;\n --cds-button-separator: #e0e0e0;\n --cds-button-secondary: #393939;\n --cds-button-tertiary: #0f62fe;\n --cds-button-danger-secondary: #da1e28;\n --cds-button-secondary-active: #6f6f6f;\n --cds-button-tertiary-active: #002d9c;\n --cds-button-secondary-hover: #474747;\n --cds-button-tertiary-hover: #0050e6;\n --cds-button-disabled: #c6c6c6;\n --cds-tag-background-red: #ffd7d9;\n --cds-tag-color-red: #750e13;\n --cds-tag-hover-red: #ffb3b8;\n --cds-tag-background-magenta: #ffd6e8;\n --cds-tag-color-magenta: #740937;\n --cds-tag-hover-magenta: #ffafd2;\n --cds-tag-background-purple: #e8daff;\n --cds-tag-color-purple: #491d8b;\n --cds-tag-hover-purple: #d4bbff;\n --cds-tag-background-blue: #d0e2ff;\n --cds-tag-color-blue: #002d9c;\n --cds-tag-hover-blue: #a6c8ff;\n --cds-tag-background-cyan: #bae6ff;\n --cds-tag-color-cyan: #003a6d;\n --cds-tag-hover-cyan: #82cfff;\n --cds-tag-background-teal: #9ef0f0;\n --cds-tag-color-teal: #004144;\n --cds-tag-hover-teal: #3ddbd9;\n --cds-tag-background-green: #a7f0ba;\n --cds-tag-color-green: #044317;\n --cds-tag-hover-green: #6fdc8c;\n --cds-tag-background-gray: #e0e0e0;\n --cds-tag-color-gray: #393939;\n --cds-tag-hover-gray: #c6c6c6;\n --cds-tag-background-cool-gray: #dde1e6;\n --cds-tag-color-cool-gray: #343a3f;\n --cds-tag-hover-cool-gray: #c1c7cd;\n --cds-tag-background-warm-gray: #e5e0df;\n --cds-tag-color-warm-gray: #3c3838;\n --cds-tag-hover-warm-gray: #cac5c4;\n --cds-notification-background-error: #fff1f1;\n --cds-notification-background-success: #defbe6;\n --cds-notification-background-info: #edf5ff;\n --cds-notification-background-warning: #fdf6dd;\n --cds-notification-action-hover: #edf5ff;\n --cds-notification-action-tertiary-inverse: #ffffff;\n --cds-notification-action-tertiary-inverse-active: #c6c6c6;\n --cds-notification-action-tertiary-inverse-hover: #f4f4f4;\n --cds-notification-action-tertiary-inverse-text: #161616;\n --cds-notification-action-tertiary-inverse-text-on-color-disabled: rgba(\n 255,\n 255,\n 255,\n 0.2\n );\n --cds-color-scheme: light;\n --cds-alert-stroke: #b28600;\n --cds-layer-01-absolute: #ffffff;\n --cds-layer-inverse-absolute: #000000;\n --cds-grid-bg: #ffffff;\n --cds-meter-range-indicator: #a8a8a8;\n --cds-network-diagrams-background-hover: #f1f1f1;\n --cds-tooltip-line-border: #e0e0e0;\n --cds-zone-fill-01: #f4f4f4;\n --cds-zone-stroke-01: #8d8d8d;\n --cds-zone-fill-02: #e0e0e0;\n --cds-zone-stroke-02: #8d8d8d;\n --cds-zone-fill-03: #c6c6c6;\n --cds-zone-stroke-03: #8d8d8d;\n }\n .cds--accordion--flush .cds--accordion__title {\n margin-left: 0;\n }\n .cds--accordion--flush .cds--accordion__arrow {\n margin-right: 0;\n }\n .cds--accordion--flush .cds--accordion__content {\n padding-left: 0;\n }\n .cds--accordion--flush:not(.cds--skeleton)\n .cds--accordion__heading:focus::before,\n .cds--accordion--flush:not(.cds--skeleton)\n .cds--accordion__heading:hover::before {\n left: -1rem;\n width: calc(100% + 32px);\n }\n .cds--accordion {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n }\n .cds--accordion *,\n .cds--accordion ::after,\n .cds--accordion ::before {\n box-sizing: inherit;\n }\n .cds--accordion__item {\n display: list-item;\n overflow: visible;\n border-top: 1px solid var(--cds-border-subtle);\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--accordion__item:last-child {\n border-bottom: 1px solid var(--cds-border-subtle);\n }\n .cds--accordion__heading {\n box-sizing: border-box;\n padding: 0.625rem 0;\n border: 0;\n display: inline-block;\n appearance: none;\n background: 0 0;\n text-align: start;\n position: relative;\n display: flex;\n min-height: 2.5rem;\n flex-direction: row-reverse;\n align-items: flex-start;\n justify-content: flex-start;\n color: var(--cds-text-primary, #161616);\n cursor: pointer;\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--accordion__content > p,\n .cds--accordion__title {\n font-size: var(--cds-body-01-font-size, 0.875rem);\n font-weight: var(--cds-body-01-font-weight, 400);\n line-height: var(--cds-body-01-line-height, 1.42857);\n letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n }\n .cds--accordion__heading *,\n .cds--accordion__heading ::after,\n .cds--accordion__heading ::before {\n box-sizing: inherit;\n }\n .cds--accordion__heading::-moz-focus-inner {\n border: 0;\n }\n .cds--accordion__heading:focus::before,\n .cds--accordion__heading:hover::before {\n position: absolute;\n top: -1px;\n left: 0;\n width: 100%;\n height: calc(100% + 2px);\n content: '';\n }\n .cds--accordion__heading:hover::before {\n background-color: var(--cds-layer-hover);\n }\n .cds--accordion__heading:focus {\n outline: 0;\n }\n .cds--accordion__heading:focus::before {\n box-sizing: border-box;\n border: 2px solid var(--cds-focus, #0f62fe);\n }\n @media screen and (prefers-contrast) {\n .cds--accordion__heading:focus::before {\n border-style: dotted;\n }\n }\n .cds--accordion--lg .cds--accordion__heading {\n min-height: 3rem;\n align-items: center;\n }\n .cds--accordion--sm .cds--accordion__heading {\n min-height: 2rem;\n padding: 0.3125rem 0;\n }\n .cds--accordion__heading[disabled] {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--accordion__heading[disabled] .cds--accordion__arrow {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--accordion.cds--skeleton .cds--accordion__arrow,\n .cds--accordion__arrow,\n .cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,\n .cds--btn--ghost.cds--btn--icon-only\n .cds--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .cds--btn--ghost:not([disabled]) svg {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--accordion__item--disabled,\n .cds--accordion__item--disabled + .cds--accordion__item {\n border-top: 1px solid var(--cds-border-subtle);\n }\n li.cds--accordion__item--disabled:last-of-type {\n border-bottom: 1px solid var(--cds-border-subtle);\n }\n .cds--accordion__arrow {\n outline: transparent solid 2px;\n outline-offset: -2px;\n width: 1rem;\n height: 1rem;\n flex: 0 0 1rem;\n margin: 2px 1rem 0 0;\n transform: rotate(-270deg);\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--accordion__title {\n z-index: 1;\n width: 100%;\n padding-right: 1rem;\n margin: 0 0 0 1rem;\n text-align: left;\n }\n .cds--accordion__content {\n display: none;\n padding-right: 1rem;\n padding-left: 1rem;\n transition: padding 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n @media (min-width: 480px) {\n .cds--accordion__content {\n padding-right: 3rem;\n }\n }\n @media (min-width: 640px) {\n .cds--accordion__content {\n padding-right: 25%;\n }\n }\n .cds--breadcrumb html,\n .cds--link {\n font-size: 100%;\n }\n .cds--accordion--start .cds--accordion__heading {\n flex-direction: row;\n }\n .cds--accordion--start .cds--accordion__arrow {\n margin: 2px 0 0 1rem;\n }\n .cds--accordion--start .cds--accordion__title {\n margin-right: 1rem;\n }\n .cds--accordion--start .cds--accordion__content {\n margin-left: 2rem;\n }\n .cds--accordion__item--collapsing .cds--accordion__content,\n .cds--accordion__item--expanding .cds--accordion__content {\n display: block;\n }\n @keyframes collapse-accordion {\n 0% {\n height: 100%;\n opacity: 1;\n visibility: inherit;\n }\n 100% {\n height: 0;\n opacity: 0;\n visibility: hidden;\n }\n }\n @keyframes expand-accordion {\n 0% {\n height: 0;\n opacity: 0;\n visibility: hidden;\n }\n 100% {\n height: 100%;\n opacity: 1;\n visibility: inherit;\n }\n }\n .cds--accordion__item--collapsing .cds--accordion__content {\n animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) collapse-accordion;\n }\n .cds--accordion__item--expanding .cds--accordion__content {\n animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) expand-accordion;\n }\n .cds--accordion__item--active {\n overflow: visible;\n }\n .cds--accordion__item--active .cds--accordion__content {\n display: block;\n padding-top: 0.5rem;\n padding-bottom: 1.5rem;\n transition:\n padding-top 110ms cubic-bezier(0, 0, 0.38, 0.9),\n padding-bottom 110ms cubic-bezier(0, 0, 0.38, 0.9);\n }\n .cds--accordion__item--active .cds--accordion__arrow {\n fill: var(--cds-icon-primary, #161616);\n transform: rotate(-90deg);\n }\n .cds--accordion.cds--skeleton .cds--accordion__button,\n .cds--accordion.cds--skeleton .cds--accordion__heading {\n cursor: default;\n }\n .cds--accordion.cds--skeleton .cds--accordion__arrow {\n cursor: default;\n pointer-events: none;\n }\n .cds--accordion.cds--skeleton .cds--accordion__arrow:active,\n .cds--accordion.cds--skeleton .cds--accordion__arrow:focus,\n .cds--accordion.cds--skeleton .cds--accordion__arrow:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--accordion--end.cds--skeleton .cds--accordion__arrow {\n margin-left: 1rem;\n }\n .cds--skeleton .cds--accordion__heading:focus .cds--accordion__arrow {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--accordion__title.cds--skeleton__text {\n margin-bottom: 0;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--accordion__arrow,\n .cds--accordion__item--active .cds--accordion__arrow {\n fill: ButtonText;\n }\n }\n .cds--aspect-ratio {\n position: relative;\n }\n .cds--aspect-ratio::before {\n width: 1px;\n height: 0;\n margin-left: -1px;\n content: '';\n float: left;\n }\n .cds--aspect-ratio::after {\n display: table;\n clear: both;\n content: '';\n }\n .cds--aspect-ratio--16x9::before {\n padding-top: 56.25%;\n }\n .cds--aspect-ratio--9x16::before {\n padding-top: 177.7777777778%;\n }\n .cds--aspect-ratio--2x1::before {\n padding-top: 50%;\n }\n .cds--aspect-ratio--1x2::before {\n padding-top: 200%;\n }\n .cds--aspect-ratio--4x3::before {\n padding-top: 75%;\n }\n .cds--aspect-ratio--3x4::before {\n padding-top: 133.3333333333%;\n }\n .cds--aspect-ratio--3x2::before {\n padding-top: 66.6666666667%;\n }\n .cds--aspect-ratio--2x3::before {\n padding-top: 150%;\n }\n .cds--aspect-ratio--1x1::before {\n padding-top: 100%;\n }\n @keyframes hide-feedback {\n 0% {\n opacity: 1;\n visibility: inherit;\n }\n 100% {\n opacity: 0;\n visibility: hidden;\n }\n }\n @keyframes show-feedback {\n 0% {\n opacity: 0;\n visibility: hidden;\n }\n 100% {\n opacity: 1;\n visibility: inherit;\n }\n }\n @keyframes skeleton {\n 0%,\n 100% {\n opacity: 0.3;\n transform: scaleX(0);\n transform-origin: left;\n }\n 20% {\n opacity: 1;\n transform: scaleX(1);\n transform-origin: left;\n }\n 28%,\n 82% {\n transform: scaleX(1);\n transform-origin: right;\n }\n 51%,\n 58% {\n transform: scaleX(0);\n transform-origin: right;\n }\n 83% {\n transform: scaleX(1);\n transform-origin: left;\n }\n 96% {\n transform: scaleX(0);\n transform-origin: left;\n }\n }\n .cds--breadcrumb {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n display: inline;\n }\n .cds--breadcrumb body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--breadcrumb code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--breadcrumb strong {\n font-weight: 600;\n }\n @media (min-width: 42rem) {\n .cds--breadcrumb {\n display: flex;\n flex-wrap: wrap;\n }\n }\n .cds--breadcrumb-item {\n position: relative;\n display: flex;\n align-items: center;\n margin-right: 0.5rem;\n }\n .cds--btn,\n .cds--link,\n .cds--link__icon {\n display: inline-flex;\n }\n .cds--breadcrumb-item .cds--link:visited {\n color: var(--cds-link-primary, #0f62fe);\n }\n .cds--breadcrumb-item .cds--link:visited:hover {\n color: var(--cds-link-primary-hover, #0043ce);\n }\n .cds--breadcrumb-item::after {\n margin-left: 0.5rem;\n color: var(--cds-text-primary, #161616);\n content: '/';\n }\n .cds--link,\n .cds--link--disabled,\n .cds--link--disabled:hover {\n margin: 0;\n vertical-align: baseline;\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n border: 0;\n padding: 0;\n font-family: inherit;\n }\n .cds--breadcrumb--no-trailing-slash .cds--breadcrumb-item:last-child::after {\n content: '';\n }\n .cds--breadcrumb-item:last-child,\n .cds--breadcrumb-item:last-child::after {\n margin-right: 0;\n }\n .cds--breadcrumb-item [aria-current='page'],\n .cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link {\n color: var(--cds-text-primary, #161616);\n cursor: auto;\n }\n .cds--breadcrumb-item .cds--overflow-menu {\n position: relative;\n width: 1.25rem;\n height: 1.125rem;\n }\n .cds--breadcrumb-item .cds--overflow-menu:focus {\n outline: 1px solid var(--cds-focus, #0f62fe);\n }\n .cds--breadcrumb-item .cds--overflow-menu:hover {\n background: 0 0;\n }\n .cds--breadcrumb-item .cds--overflow-menu::after {\n position: absolute;\n bottom: 2px;\n width: 0.75rem;\n height: 1px;\n background: var(--cds-link-primary-hover, #0043ce);\n content: '';\n opacity: 0;\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n @media screen and (prefers-reduced-motion: reduce) {\n .cds--breadcrumb-item .cds--overflow-menu::after {\n transition: none;\n }\n }\n .cds--breadcrumb-item .cds--overflow-menu:hover::after {\n opacity: 1;\n }\n .cds--breadcrumb-item .cds--overflow-menu.cds--overflow-menu--open {\n background: 0 0;\n box-shadow: none;\n }\n .cds--breadcrumb-item .cds--overflow-menu__icon {\n position: relative;\n fill: var(--cds-link-primary, #0f62fe);\n transform: translateY(4px);\n }\n .cds--btn--danger .cds--btn__icon,\n .cds--btn--danger\n .cds--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .cds--btn--danger--ghost .cds--btn__icon,\n .cds--btn--danger--ghost\n .cds--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .cds--btn--danger--tertiary .cds--btn__icon,\n .cds--btn--danger--tertiary\n .cds--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .cds--btn--ghost .cds--btn__icon,\n .cds--btn--ghost\n .cds--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .cds--btn--primary .cds--btn__icon,\n .cds--btn--primary\n .cds--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .cds--btn--secondary .cds--btn__icon,\n .cds--btn--secondary\n .cds--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .cds--btn--tertiary .cds--btn__icon,\n .cds--btn--tertiary\n .cds--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .cds--tag__close-icon svg,\n .cds--tag__custom-icon svg {\n fill: currentColor;\n }\n .cds--breadcrumb-item .cds--overflow-menu:hover .cds--overflow-menu__icon {\n fill: var(--cds-link-primary-hover, #0043ce);\n }\n .cds--breadcrumb-menu-options:focus {\n outline: 0;\n }\n .cds--breadcrumb-menu-options.cds--overflow-menu-options::after {\n top: -0.4375rem;\n left: 0.875rem;\n width: 0;\n height: 0;\n border-right: 0.4375rem solid transparent;\n border-bottom: 0.4375rem solid var(--cds-field);\n border-left: 0.4375rem solid transparent;\n margin: 0 auto;\n background: 0 0;\n }\n .cds--breadcrumb.cds--skeleton .cds--link {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n width: 6.25rem;\n height: 1rem;\n }\n .cds--breadcrumb.cds--skeleton .cds--link:active,\n .cds--breadcrumb.cds--skeleton .cds--link:focus,\n .cds--breadcrumb.cds--skeleton .cds--link:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--label + .cds--tooltip .cds--tooltip__trigger:focus,\n .cds--link:focus {\n outline: 1px solid var(--cds-focus, #0f62fe);\n }\n .cds--breadcrumb.cds--skeleton .cds--link::before {\n position: absolute;\n width: 100%;\n height: 100%;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n }\n .cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only {\n min-height: 1.125rem;\n padding-right: 0;\n padding-left: 0;\n }\n .cds--link {\n box-sizing: border-box;\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));\n outline: 0;\n transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--link *,\n .cds--link ::after,\n .cds--link ::before {\n box-sizing: inherit;\n }\n .cds--link:hover {\n color: var(\n --cds-link-hover-text-color,\n var(--cds-link-primary-hover, #0043ce)\n );\n text-decoration: underline;\n }\n .cds--link:active,\n .cds--link:active:visited,\n .cds--link:active:visited:hover {\n color: var(--cds-text-primary, #161616);\n text-decoration: underline;\n }\n .cds--link.cds--link--visited:visited:hover,\n .cds--link:visited:hover {\n color: var(--cds-link-primary-hover, #0043ce);\n }\n .cds--link:focus {\n outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));\n }\n @media screen and (prefers-contrast) {\n .cds--link:focus {\n outline-style: dotted;\n }\n }\n .cds--link:visited {\n color: var(--cds-link-primary, #0f62fe);\n }\n .cds--link--disabled,\n .cds--link--disabled:hover {\n box-sizing: border-box;\n font-size: 100%;\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n font-weight: 400;\n text-decoration: none;\n }\n .cds--btn--danger--ghost .cds--btn__icon,\n .cds--btn--ghost .cds--btn__icon {\n margin-left: 0.5rem;\n position: static;\n }\n .cds--link--disabled *,\n .cds--link--disabled ::after,\n .cds--link--disabled ::before,\n .cds--link--disabled:hover *,\n .cds--link--disabled:hover ::after,\n .cds--link--disabled:hover ::before {\n box-sizing: inherit;\n }\n .cds--link.cds--link--visited:visited {\n color: var(--cds-link-visited, #8a3ffc);\n }\n .cds--link.cds--link--inline {\n display: inline;\n text-decoration: underline;\n }\n .cds--link.cds--link--inline:focus,\n .cds--link.cds--link--inline:visited {\n text-decoration: none;\n }\n .cds--link--disabled.cds--link--inline {\n text-decoration: underline;\n }\n .cds--link--sm,\n .cds--link--sm.cds--link--disabled:hover {\n font-size: var(--cds-helper-text-01-font-size, 0.75rem);\n line-height: var(--cds-helper-text-01-line-height, 1.33333);\n letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);\n }\n .cds--link--lg,\n .cds--link--lg.cds--link--disabled:hover {\n font-size: var(--cds-body-compact-02-font-size, 1rem);\n font-weight: var(--cds-body-compact-02-font-weight, 400);\n line-height: var(--cds-body-compact-02-line-height, 1.375);\n letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);\n }\n .cds--btn,\n .cds--checkbox-group html,\n .cds--checkbox-label html,\n .cds--fieldset html,\n .cds--form-requirement html,\n .cds--label html,\n .cds--snippet html {\n font-size: 100%;\n }\n .cds--link__icon {\n align-self: center;\n margin-left: 0.5rem;\n }\n .cds--assistive-text,\n .cds--visually-hidden {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n }\n .cds--btn {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n position: relative;\n width: max-content;\n min-height: 3rem;\n flex-shrink: 0;\n align-items: center;\n justify-content: space-between;\n padding: calc(0.875rem - 3px) calc(4rem - 1px) calc(0.875rem - 3px)\n calc(1rem - 1px);\n border-radius: 0;\n cursor: pointer;\n outline: 0;\n text-align: left;\n text-decoration: none;\n transition:\n background 70ms cubic-bezier(0, 0, 0.38, 0.9),\n box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9),\n border-color 70ms cubic-bezier(0, 0, 0.38, 0.9),\n outline 70ms cubic-bezier(0, 0, 0.38, 0.9);\n vertical-align: top;\n }\n .cds--btn *,\n .cds--btn ::after,\n .cds--btn ::before {\n box-sizing: inherit;\n }\n .cds--checkbox-label::after,\n .cds--checkbox-label::before,\n .cds--list-box__field {\n box-sizing: border-box;\n }\n .cds--btn.cds--btn--disabled,\n .cds--btn.cds--btn--disabled:focus,\n .cds--btn.cds--btn--disabled:hover,\n .cds--btn:disabled,\n .cds--btn:focus:disabled,\n .cds--btn:hover:disabled {\n border-color: var(--cds-button-disabled, #c6c6c6);\n background: var(--cds-button-disabled, #c6c6c6);\n box-shadow: none;\n color: var(--cds-text-on-color-disabled, #8d8d8d);\n cursor: not-allowed;\n }\n .cds--btn--primary,\n .cds--btn--primary:hover,\n .cds--btn--secondary,\n .cds--btn--secondary:focus,\n .cds--btn--secondary:hover {\n color: var(--cds-text-on-color, #fff);\n }\n .cds--btn .cds--btn__icon {\n position: absolute;\n right: 1rem;\n width: 1rem;\n height: 1rem;\n flex-shrink: 0;\n }\n .cds--btn::-moz-focus-inner {\n padding: 0;\n border: 0;\n }\n .cds--btn--primary:focus,\n .cds--btn--secondary:focus,\n .cds--btn--tertiary:focus {\n border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:\n inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),\n inset 0 0 0 2px var(--cds-background, #fff);\n }\n .cds--btn--primary {\n border: 1px solid transparent;\n background-color: var(--cds-button-primary, #0f62fe);\n }\n .cds--btn--primary:hover {\n background-color: var(--cds-button-primary-hover, #0050e6);\n }\n .cds--btn--primary:active {\n background-color: var(--cds-button-primary-active, #002d9c);\n }\n .cds--btn--secondary {\n border: 1px solid transparent;\n background-color: var(--cds-button-secondary, #393939);\n }\n .cds--btn--secondary:hover {\n background-color: var(--cds-button-secondary-hover, #474747);\n }\n .cds--btn--secondary:active {\n background-color: var(--cds-button-secondary-active, #6f6f6f);\n }\n .cds--btn--tertiary {\n border-width: 1px;\n border-style: solid;\n border-color: var(--cds-button-tertiary, #0f62fe);\n background-color: transparent;\n color: var(--cds-button-tertiary, #0f62fe);\n }\n .cds--btn--tertiary:hover {\n background-color: var(--cds-button-tertiary-hover, #0050e6);\n color: var(--cds-text-inverse, #fff);\n }\n .cds--btn--tertiary:active {\n background-color: var(--cds-button-tertiary-active, #002d9c);\n }\n .cds--btn--tertiary:focus {\n background-color: var(--cds-button-tertiary, #0f62fe);\n color: var(--cds-text-inverse, #fff);\n }\n .cds--btn--tertiary:active {\n border-color: transparent;\n background-color: var(--cds-button-tertiary-active, #002d9c);\n color: var(--cds-text-inverse, #fff);\n }\n .cds--btn--tertiary.cds--btn--disabled,\n .cds--btn--tertiary.cds--btn--disabled:focus,\n .cds--btn--tertiary.cds--btn--disabled:hover,\n .cds--btn--tertiary:disabled,\n .cds--btn--tertiary:focus:disabled,\n .cds--btn--tertiary:hover:disabled {\n background: 0 0;\n color: var(--cds-text-on-color-disabled, #8d8d8d);\n outline: 0;\n }\n .cds--btn--ghost {\n border: 1px solid transparent;\n background-color: transparent;\n color: var(--cds-link-primary, #0f62fe);\n padding: calc(0.875rem - 3px) 1rem;\n }\n .cds--btn--ghost:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--btn--ghost:focus {\n border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:\n inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),\n inset 0 0 0 2px var(--cds-background, #fff);\n }\n .cds--btn--ghost:active {\n background-color: var(--cds-layer-active);\n background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));\n }\n .cds--btn--ghost:active,\n .cds--btn--ghost:hover {\n color: var(--cds-link-primary-hover, #0043ce);\n }\n .cds--btn--ghost.cds--btn--disabled,\n .cds--btn--ghost.cds--btn--disabled:focus,\n .cds--btn--ghost.cds--btn--disabled:hover,\n .cds--btn--ghost:disabled,\n .cds--btn--ghost:focus:disabled,\n .cds--btn--ghost:hover:disabled {\n border-color: transparent;\n background: 0 0;\n color: var(--cds-text-on-color-disabled, #8d8d8d);\n outline: 0;\n }\n .cds--btn--danger--tertiary:focus,\n .cds--btn--danger:focus {\n border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:\n inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),\n inset 0 0 0 2px var(--cds-background, #fff);\n }\n .cds--btn--ghost.cds--btn--sm {\n padding: calc(0.375rem - 3px) 1rem;\n }\n .cds--btn--ghost.cds--btn--field,\n .cds--btn--ghost.cds--btn--md {\n padding: calc(0.675rem - 3px) 1rem;\n }\n .cds--btn--icon-only {\n padding-right: 0.9375rem;\n padding-left: 0.9375rem;\n }\n .cds--btn--icon-only .cds--btn__icon {\n position: static;\n }\n .cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon,\n .cds--btn--icon-only.cds--btn--ghost .cds--btn__icon {\n margin: 0;\n }\n .cds--btn--icon-only.cds--btn--selected {\n background: var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n }\n .cds--btn path[data-icon-path='inner-path'] {\n fill: none;\n }\n .cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,\n .cds--btn--ghost.cds--btn--icon-only[disabled]\n .cds--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover\n .cds--btn__icon {\n fill: var(--cds-icon-on-color-disabled, #8d8d8d);\n }\n .cds--btn--ghost.cds--btn--icon-only[disabled] {\n cursor: not-allowed;\n }\n .cds--btn--field.cds--btn--icon-only,\n .cds--btn--md.cds--btn--icon-only {\n padding-right: 0.6875rem;\n padding-left: 0.6875rem;\n }\n .cds--btn--sm.cds--btn--icon-only {\n padding-right: 0.4375rem;\n padding-left: 0.4375rem;\n }\n .cds--btn--danger {\n border: 1px solid transparent;\n background-color: var(--cds-button-danger-primary, #da1e28);\n color: var(--cds-text-on-color, #fff);\n }\n .cds--btn--danger--ghost,\n .cds--btn--danger--tertiary {\n background-color: transparent;\n color: var(--cds-button-danger-secondary, #da1e28);\n }\n .cds--btn--danger:hover {\n background-color: var(--cds-button-danger-hover, #b81921);\n color: var(--cds-text-on-color, #fff);\n }\n .cds--btn--danger:active {\n background-color: var(--cds-button-danger-active, #750e13);\n }\n .cds--btn--danger--tertiary {\n border-width: 1px;\n border-style: solid;\n border-color: var(--cds-button-danger-secondary, #da1e28);\n }\n .cds--btn--danger--tertiary:hover {\n background-color: var(--cds-button-danger-hover, #b81921);\n }\n .cds--btn--danger--tertiary:active {\n background-color: var(--cds-button-danger-active, #750e13);\n }\n .cds--btn--danger--tertiary:hover {\n border-color: var(--cds-button-danger-hover, #b81921);\n color: var(--cds-text-on-color, #fff);\n }\n .cds--btn--danger--tertiary:focus {\n background-color: var(--cds-button-danger-primary, #da1e28);\n color: var(--cds-text-on-color, #fff);\n }\n .cds--btn--danger--tertiary:active {\n border-color: var(--cds-button-danger-active, #750e13);\n background-color: var(--cds-button-danger-active, #750e13);\n color: var(--cds-text-on-color, #fff);\n }\n .cds--btn--danger--tertiary.cds--btn--disabled,\n .cds--btn--danger--tertiary.cds--btn--disabled:focus,\n .cds--btn--danger--tertiary.cds--btn--disabled:hover,\n .cds--btn--danger--tertiary:disabled,\n .cds--btn--danger--tertiary:focus:disabled,\n .cds--btn--danger--tertiary:hover:disabled {\n background: 0 0;\n color: var(--cds-text-on-color-disabled, #8d8d8d);\n outline: 0;\n }\n .cds--btn--danger--ghost {\n border: 1px solid transparent;\n padding: calc(0.875rem - 3px) 1rem;\n }\n .cds--form__helper-text,\n .cds--label {\n color: var(--cds-text-secondary, #525252);\n }\n .cds--btn--danger--ghost:hover {\n background-color: var(--cds-button-danger-hover, #b81921);\n }\n .cds--btn--danger--ghost:focus {\n border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:\n inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),\n inset 0 0 0 2px var(--cds-background, #fff);\n }\n .cds--btn--danger--ghost:active {\n background-color: var(--cds-button-danger-active, #750e13);\n }\n .cds--btn--danger--ghost:active,\n .cds--btn--danger--ghost:hover {\n color: var(--cds-text-on-color, #fff);\n }\n .cds--btn--danger--ghost.cds--btn--disabled,\n .cds--btn--danger--ghost.cds--btn--disabled:focus,\n .cds--btn--danger--ghost.cds--btn--disabled:hover,\n .cds--btn--danger--ghost:disabled,\n .cds--btn--danger--ghost:focus:disabled,\n .cds--btn--danger--ghost:hover:disabled {\n border-color: transparent;\n background: 0 0;\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline: 0;\n }\n .cds--btn.cds--skeleton,\n .cds--label.cds--skeleton {\n background: var(--cds-skeleton-background, #e8e8e8);\n pointer-events: none;\n position: relative;\n }\n .cds--btn--danger--ghost.cds--btn--sm {\n padding: calc(0.375rem - 3px) 1rem;\n }\n .cds--btn--danger--ghost.cds--btn--field,\n .cds--btn--danger--ghost.cds--btn--md {\n padding: calc(0.675rem - 3px) 1rem;\n }\n .cds--btn--sm {\n min-height: 2rem;\n padding: calc(0.375rem - 3px) calc(4rem - 4px) calc(0.375rem - 3px)\n calc(1rem - 4px);\n }\n .cds--btn--2xl:not(.cds--btn--icon-only) {\n align-items: baseline;\n padding-top: 1rem;\n padding-right: 4rem;\n padding-left: 1rem;\n min-height: 5rem;\n }\n .cds--btn--xl:not(.cds--btn--icon-only) {\n align-items: baseline;\n padding-top: 1rem;\n padding-right: 4rem;\n padding-left: 1rem;\n min-height: 4rem;\n }\n .cds--btn--field,\n .cds--btn--md {\n min-height: 2.5rem;\n padding: calc(0.675rem - 3px) calc(4rem - 4px) calc(0.675rem - 3px)\n calc(1rem - 4px);\n }\n .cds--btn--expressive {\n font-size: var(--cds-body-compact-02-font-size, 1rem);\n font-weight: var(--cds-body-compact-02-font-weight, 400);\n line-height: var(--cds-body-compact-02-line-height, 1.375);\n letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);\n min-height: 3rem;\n }\n .cds--btn--icon-only.cds--btn--expressive {\n padding: 12px 13px;\n }\n .cds--btn.cds--btn--expressive .cds--btn__icon {\n width: 1.25rem;\n height: 1.25rem;\n }\n .cds--btn.cds--skeleton {\n padding: 0;\n border: none;\n box-shadow: none;\n width: 9.375rem;\n }\n .cds--btn.cds--skeleton:active,\n .cds--btn.cds--skeleton:focus,\n .cds--btn.cds--skeleton:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--btn.cds--skeleton::before {\n position: absolute;\n width: 100%;\n height: 100%;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--breadcrumb.cds--skeleton .cds--link::before,\n .cds--btn.cds--skeleton::before {\n animation: none;\n }\n }\n .cds--btn-set {\n display: flex;\n }\n .cds--btn-set--stacked {\n flex-direction: column;\n }\n .cds--btn-set .cds--btn {\n width: 100%;\n max-width: 12.25rem;\n }\n .cds--btn-set .cds--btn:not(:focus) {\n box-shadow: -0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n }\n .cds--btn-set--stacked .cds--btn:not(:focus) {\n box-shadow: 0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0);\n }\n .cds--btn-set .cds--btn.cds--btn--disabled:first-of-type,\n .cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type {\n box-shadow: none;\n }\n .cds--btn-set .cds--btn.cds--btn--disabled {\n box-shadow: -0.0625rem 0 0 0 var(--cds-icon-on-color-disabled, #8d8d8d);\n }\n .cds--btn-set--stacked .cds--btn.cds--btn--disabled {\n box-shadow: 0 -0.0625rem 0 0 var(--cds-layer-selected-disabled, #8d8d8d);\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--btn:focus {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,\n .cds--btn--ghost.cds--btn--icon-only\n .cds--btn__icon\n path:not([data-icon-path]):not([fill='none']) {\n fill: ButtonText;\n }\n }\n input:-webkit-autofill,\n input:-webkit-autofill:focus,\n input:-webkit-autofill:hover,\n textarea:-webkit-autofill,\n textarea:-webkit-autofill:focus,\n textarea:-webkit-autofill:hover {\n box-shadow: 0 0 0 1000px var(--cds-field) inset;\n -webkit-text-fill-color: var(--cds-text-primary, #161616);\n }\n .cds--fieldset body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--fieldset code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--fieldset strong {\n font-weight: 600;\n }\n .cds--form-item {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n align-items: flex-start;\n }\n .cds--form-requirement,\n .cds--label,\n .cds--label .cds--toggletip-label {\n font-size: var(--cds-label-01-font-size, 0.75rem);\n }\n .cds--label {\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n display: inline-block;\n margin-bottom: 0.5rem;\n font-weight: 400;\n line-height: 1rem;\n vertical-align: baseline;\n }\n .cds--form-requirement,\n .cds--label .cds--toggletip-label,\n .cds--label + .cds--tooltip .cds--tooltip__trigger {\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n }\n .cds--label body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--label code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--form-requirement body,\n input[type='number'] {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--label strong {\n font-weight: 600;\n }\n .cds--label--no-margin {\n margin-bottom: 0;\n }\n .cds--label + .cds--tooltip {\n position: relative;\n top: 0.2rem;\n left: 0.5rem;\n }\n .cds--label + .cds--tooltip .cds--tooltip__trigger {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n display: inline-block;\n appearance: none;\n background: 0 0;\n cursor: pointer;\n text-align: start;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--cds-label-01-font-size, 0.75rem);\n }\n .cds--label + .cds--tooltip .cds--tooltip__trigger *,\n .cds--label + .cds--tooltip .cds--tooltip__trigger ::after,\n .cds--label + .cds--tooltip .cds--tooltip__trigger ::before {\n box-sizing: inherit;\n }\n .cds--label + .cds--tooltip .cds--tooltip__trigger::-moz-focus-inner {\n border: 0;\n }\n .cds--label + .cds--tooltip .cds--tooltip__trigger svg {\n fill: var(--cds-icon-secondary, #525252);\n }\n .cds--label + .cds--tooltip .cds--tooltip__trigger svg :hover {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--label + .cds--toggletip {\n top: 0.2rem;\n left: 0.5rem;\n }\n .cds--label.cds--skeleton {\n padding: 0;\n border: none;\n box-shadow: none;\n width: 4.6875rem;\n height: 0.875rem;\n }\n .cds--label.cds--skeleton:active,\n .cds--label.cds--skeleton:focus,\n .cds--label.cds--skeleton:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--label.cds--skeleton::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--label.cds--skeleton::before {\n animation: none;\n }\n }\n .cds--combo-box[data-invalid]:not(.cds--multi-select--selected)\n .cds--text-input:not(:focus),\n .cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),\n .cds--number[data-invalid] input[type='number']:not(:focus),\n .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),\n .cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),\n .cds--text-input__field-wrapper[data-invalid]\n > .cds--text-input--invalid:not(:focus),\n input[data-invalid]:not(:focus) {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--combo-box[data-invalid]:not(.cds--multi-select--selected)\n .cds--text-input:not(:focus),\n .cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),\n .cds--number[data-invalid] input[type='number']:not(:focus),\n .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),\n .cds--text-area__wrapper[data-invalid]\n > .cds--text-area--invalid:not(:focus),\n .cds--text-input__field-wrapper[data-invalid]\n > .cds--text-input--invalid:not(:focus),\n input[data-invalid]:not(:focus) {\n outline-style: dotted;\n }\n }\n .cds--date-picker-input__wrapper--invalid ~ .cds--form-requirement,\n .cds--date-picker-input__wrapper--warn ~ .cds--form-requirement,\n .cds--date-picker-input__wrapper ~ .cds--form-requirement,\n .cds--list-box--warning ~ .cds--form-requirement,\n .cds--list-box[data-invalid] ~ .cds--form-requirement,\n .cds--number[data-invalid]\n .cds--number__input-wrapper\n ~ .cds--form-requirement,\n .cds--number__input-wrapper--warning ~ .cds--form-requirement,\n .cds--select--warning .cds--select-input__wrapper ~ .cds--form-requirement,\n .cds--select-input__wrapper[data-invalid] ~ .cds--form-requirement,\n .cds--text-area__wrapper--warn ~ .cds--form-requirement,\n .cds--text-area__wrapper[data-invalid] ~ .cds--form-requirement,\n .cds--text-input__field-wrapper--warning\n > .cds--text-input\n ~ .cds--form-requirement,\n .cds--text-input__field-wrapper--warning ~ .cds--form-requirement,\n .cds--text-input__field-wrapper[data-invalid] ~ .cds--form-requirement,\n .cds--time-picker--invalid ~ .cds--form-requirement,\n .cds--time-picker[data-invalid] ~ .cds--form-requirement,\n input[data-invalid] ~ .cds--form-requirement {\n display: block;\n overflow: visible;\n max-height: 12.5rem;\n font-weight: 400;\n }\n .cds--date-picker-input__wrapper--invalid ~ .cds--form-requirement,\n .cds--date-picker-input__wrapper ~ .cds--form-requirement,\n .cds--list-box[data-invalid] ~ .cds--form-requirement,\n .cds--number[data-invalid]\n .cds--number__input-wrapper\n ~ .cds--form-requirement,\n .cds--select-input__wrapper[data-invalid] ~ .cds--form-requirement,\n .cds--text-area__wrapper[data-invalid] ~ .cds--form-requirement,\n .cds--text-input__field-wrapper[data-invalid] ~ .cds--form-requirement,\n .cds--time-picker--invalid ~ .cds--form-requirement,\n .cds--time-picker[data-invalid] ~ .cds--form-requirement,\n input[data-invalid] ~ .cds--form-requirement {\n color: var(--cds-text-error, #da1e28);\n }\n .cds--form--fluid .cds--text-input__field-wrapper--warning,\n .cds--form--fluid .cds--text-input__field-wrapper[data-invalid] {\n display: block;\n }\n .cds--form--fluid input[data-invalid] {\n outline: 0;\n }\n .cds--form--fluid .cds--form-requirement {\n padding: 0.5rem 2.5rem 0.5rem 1rem;\n margin: 0;\n }\n input:not(output):not([data-invalid]):-moz-ui-invalid {\n box-shadow: none;\n }\n .cds--form-requirement {\n display: none;\n overflow: hidden;\n max-height: 0;\n margin: 0.25rem 0 0;\n }\n .cds--form-requirement body {\n font-weight: 400;\n }\n .cds--form-requirement code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--form-requirement strong {\n font-weight: 600;\n }\n .cds--select--inline .cds--form__helper-text {\n margin-top: 0;\n }\n .cds--form__helper-text {\n font-size: var(--cds-helper-text-01-font-size, 0.75rem);\n line-height: var(--cds-helper-text-01-line-height, 1.33333);\n letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);\n z-index: 0;\n width: 100%;\n margin-top: 0.25rem;\n opacity: 1;\n }\n .cds--form__helper-text--disabled,\n .cds--label--disabled,\n fieldset[disabled] .cds--form__helper-text,\n fieldset[disabled] .cds--label {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--checkbox-group body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--checkbox-group code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--checkbox-group strong {\n font-weight: 600;\n }\n .cds--form-item.cds--checkbox-wrapper {\n position: relative;\n margin-bottom: 0.25rem;\n }\n .cds--form-item.cds--checkbox-wrapper:first-of-type {\n margin-top: 0.1875rem;\n }\n .cds--label + .cds--form-item.cds--checkbox-wrapper {\n margin-top: -0.125rem;\n }\n .cds--form-item.cds--checkbox-wrapper:last-of-type {\n margin-bottom: 0.1875rem;\n }\n .cds--checkbox {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n top: 1.25rem;\n left: 0.7rem;\n }\n .cds--checkbox-label {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n position: relative;\n display: flex;\n min-height: 1.5rem;\n padding-top: 0.1875rem;\n padding-left: 1.25rem;\n cursor: pointer;\n user-select: none;\n }\n .cds--checkbox-label body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--checkbox-label code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--checkbox-label strong {\n font-weight: 600;\n }\n .cds--checkbox-label-text {\n padding-left: 0.375rem;\n }\n .cds--checkbox-label::before {\n position: absolute;\n top: 0.125rem;\n left: 0;\n width: 1rem;\n height: 1rem;\n border: 1px solid var(--cds-icon-primary, #161616);\n margin: 0.125rem 0.125rem 0.125rem 0.1875rem;\n background-color: transparent;\n border-radius: 2px;\n content: '';\n }\n .cds--checkbox-label::after {\n position: absolute;\n top: 0.46875rem;\n left: 0.4375rem;\n width: 0.5625rem;\n height: 0.3125rem;\n border-bottom: 1.5px solid var(--cds-icon-inverse, #fff);\n border-left: 1.5px solid var(--cds-icon-inverse, #fff);\n margin-top: -0.1875rem;\n background: 0 0;\n content: '';\n transform: scale(0) rotate(-45deg);\n transform-origin: bottom right;\n }\n .cds--checkbox-label-text.cds--skeleton,\n .cds--snippet.cds--skeleton span {\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n }\n .cds--checkbox-label[data-contained-checkbox-state='true']::before,\n .cds--checkbox:checked + .cds--checkbox-label::before,\n .cds--checkbox:indeterminate + .cds--checkbox-label::before {\n border: 1px;\n background-color: var(--cds-icon-primary, #161616);\n }\n .cds--checkbox-label-text.cds--skeleton::before,\n .cds--snippet.cds--skeleton span::before {\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n .cds--checkbox-label[data-contained-checkbox-state='true']::after,\n .cds--checkbox:checked + .cds--checkbox-label::after {\n transform: scale(1) rotate(-45deg);\n }\n .cds--checkbox:indeterminate + .cds--checkbox-label::after {\n top: 0.6875rem;\n width: 0.5rem;\n border-bottom: 2px solid var(--cds-icon-inverse, #fff);\n border-left: 0 solid var(--cds-icon-inverse, #fff);\n transform: scale(1) rotate(0);\n }\n .cds--checkbox-label[data-contained-checkbox-state='true'].cds--checkbox-label__focus::before,\n .cds--checkbox-label__focus::before,\n .cds--checkbox:checked:focus + .cds--checkbox-label::before,\n .cds--checkbox:focus + .cds--checkbox-label::before,\n .cds--checkbox:indeterminate:focus + .cds--checkbox-label::before {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: 1px;\n }\n .cds--checkbox-label[data-contained-checkbox-disabled='true'],\n .cds--checkbox:disabled + .cds--checkbox-label {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--checkbox-label[data-contained-checkbox-disabled='true']::before,\n .cds--checkbox:disabled + .cds--checkbox-label::before {\n border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--checkbox-label[data-contained-checkbox-state='true'][data-contained-checkbox-disabled='true']::before,\n .cds--checkbox:checked:disabled + .cds--checkbox-label::before,\n .cds--checkbox:indeterminate:disabled + .cds--checkbox-label::before {\n background-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--checkbox-group[data-invalid] .cds--checkbox-label::before,\n .cds--checkbox-wrapper--invalid .cds--checkbox-label::before,\n .cds--checkbox-wrapper--invalid\n .cds--checkbox:checked\n + .cds--checkbox-label::before {\n border: 1px solid var(--cds-support-error, #da1e28);\n }\n .cds--checkbox-group\n .cds--checkbox-wrapper--invalid\n > .cds--checkbox__validation-msg,\n .cds--checkbox-group\n .cds--checkbox-wrapper--warning\n > .cds--checkbox__validation-msg,\n .cds--checkbox-group .cds--checkbox-wrapper > .cds--form__helper-text {\n display: none;\n }\n .cds--checkbox-group:not(.cds--checkbox-group[data-invalid])\n .cds--checkbox-wrapper--invalid\n .cds--checkbox-label::before,\n .cds--checkbox-group:not(.cds--checkbox-group[data-invalid])\n .cds--checkbox-wrapper--invalid\n .cds--checkbox:checked\n + .cds--checkbox-label::before {\n border: 1px solid var(--cds-icon-primary, #161616);\n }\n .cds--checkbox-group__validation-msg,\n .cds--checkbox__validation-msg {\n display: none;\n align-items: flex-end;\n margin-top: 0.25rem;\n }\n .cds--checkbox__invalid-icon {\n margin: 0 0.0625rem 0 0.1875rem;\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--checkbox__invalid-icon--warning {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--checkbox__invalid-icon--warning path:first-of-type {\n fill: #000;\n }\n .cds--checkbox-group--invalid .cds--checkbox-group__validation-msg,\n .cds--checkbox-group--warning .cds--checkbox-group__validation-msg,\n .cds--checkbox-wrapper--invalid > .cds--checkbox__validation-msg,\n .cds--checkbox-wrapper--warning > .cds--checkbox__validation-msg {\n display: flex;\n }\n .cds--checkbox-group--invalid\n .cds--checkbox-group__validation-msg\n .cds--form-requirement,\n .cds--checkbox-group--warning\n .cds--checkbox-group__validation-msg\n .cds--form-requirement,\n .cds--checkbox-wrapper--invalid\n .cds--checkbox__validation-msg\n .cds--form-requirement,\n .cds--checkbox-wrapper--warning\n .cds--checkbox__validation-msg\n .cds--form-requirement {\n display: block;\n overflow: visible;\n max-height: 100%;\n margin-top: 0;\n margin-left: 0.5rem;\n }\n .cds--checkbox-group--invalid\n .cds--checkbox-group__validation-msg\n .cds--form-requirement,\n .cds--checkbox-wrapper--invalid\n .cds--checkbox__validation-msg\n .cds--form-requirement {\n color: var(--cds-text-error, #da1e28);\n }\n .cds--checkbox-group--readonly .cds--checkbox-label,\n .cds--checkbox-wrapper--readonly .cds--checkbox-label {\n cursor: default;\n }\n .cds--checkbox-group--readonly .cds--checkbox-label-text,\n .cds--checkbox-wrapper--readonly .cds--checkbox-label-text {\n cursor: text;\n user-select: text;\n }\n .cds--checkbox-group--readonly .cds--checkbox + .cds--checkbox-label::before,\n .cds--checkbox-wrapper--readonly\n .cds--checkbox\n + .cds--checkbox-label::before {\n border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--checkbox-group--readonly\n .cds--checkbox:checked\n + .cds--checkbox-label::before,\n .cds--checkbox-wrapper--readonly\n .cds--checkbox:checked\n + .cds--checkbox-label::before {\n border: 1px solid var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n background: 0 0;\n }\n .cds--checkbox-group--readonly\n .cds--checkbox:checked\n + .cds--checkbox-label::after,\n .cds--checkbox-wrapper--readonly\n .cds--checkbox:checked\n + .cds--checkbox-label::after {\n border-color: var(--cds-text-primary, #161616);\n }\n .cds--checkbox-skeleton .cds--checkbox-label {\n cursor: default;\n }\n .cds--checkbox-label-text.cds--skeleton {\n position: relative;\n padding: 0;\n border: none;\n width: 6.25rem;\n height: 1rem;\n margin: 0.0625rem 0 0 0.375rem;\n }\n .cds--copy-btn .cds--copy-btn__feedback,\n .cds--snippet--inline .cds--copy-btn__feedback {\n padding: 0.1875rem 1rem;\n transform: translateX(-50%);\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n display: none;\n box-sizing: content-box;\n overflow: visible;\n clip: auto;\n box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n z-index: 6000;\n min-width: 1.5rem;\n max-width: 13rem;\n text-align: left;\n }\n .cds--checkbox-label-text.cds--skeleton:active,\n .cds--checkbox-label-text.cds--skeleton:focus,\n .cds--checkbox-label-text.cds--skeleton:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--checkbox-label-text.cds--skeleton::before {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n .cds--checkbox--inline {\n position: relative;\n }\n .cds--copy-btn {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--cds-layer);\n }\n .cds--copy-btn:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--copy-btn:active {\n background-color: var(--cds-layer-active);\n }\n .cds--copy-btn::before {\n position: absolute;\n z-index: 6000;\n width: 0;\n height: 0;\n border-style: solid;\n content: '';\n display: none;\n }\n .cds--copy-btn .cds--copy-btn__feedback {\n width: max-content;\n height: auto;\n background-color: var(--cds-background-inverse, #393939);\n border-radius: 0.125rem;\n color: var(--cds-text-inverse, #fff);\n font-weight: 400;\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n margin: auto;\n }\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .cds--copy-btn .cds--copy-btn__feedback {\n width: auto;\n }\n }\n @supports (-ms-accelerator: true) {\n .cds--copy-btn .cds--copy-btn__feedback {\n width: auto;\n }\n }\n @supports (-ms-ime-align: auto) {\n .cds--copy-btn .cds--copy-btn__feedback {\n width: auto;\n }\n }\n @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n .cds--copy-btn .cds--copy-btn__feedback {\n border: 1px solid transparent;\n }\n }\n .cds--copy-btn.cds--copy-btn--animating .cds--copy-btn__feedback,\n .cds--copy-btn.cds--copy-btn--animating::before {\n display: block;\n }\n .cds--copy-btn.cds--copy-btn--animating::before,\n .flatpickr-day.today.no-border {\n border: none;\n }\n .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out\n .cds--copy-btn__feedback,\n .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out::before {\n animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) hide-feedback;\n }\n .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in\n .cds--copy-btn__feedback,\n .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in::before {\n animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) show-feedback;\n }\n .cds--copy {\n font-size: 0;\n }\n .cds--snippet body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--snippet strong {\n font-weight: 600;\n }\n .cds--snippet--disabled,\n .cds--snippet--disabled .cds--btn.cds--snippet-btn--expand {\n background-color: var(--cds-layer);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--snippet--disabled .cds--copy-btn,\n .cds--snippet--disabled .cds--copy-btn:hover,\n .cds--snippet--disabled .cds--snippet-btn--expand:hover {\n background-color: var(--cds-layer);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--snippet--disabled .cds--snippet-btn--expand .cds--icon-chevron--down,\n .cds--snippet--disabled .cds--snippet__icon {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus\n svg,\n .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover\n svg,\n .cds--snippet__icon {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--snippet code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n font-family: var(\n --cds-code-01-font-family,\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace\n );\n font-size: var(--cds-code-01-font-size, 0.75rem);\n font-weight: var(--cds-code-01-font-weight, 400);\n line-height: var(--cds-code-01-line-height, 1.33333);\n letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);\n }\n .cds--snippet--inline {\n position: relative;\n display: inline;\n padding: 0;\n border: 1px solid transparent;\n background-color: var(--cds-layer);\n border-radius: 4px;\n color: var(--cds-text-primary, #161616);\n cursor: pointer;\n }\n .cds--snippet--inline html {\n font-size: 100%;\n }\n .cds--snippet--inline body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--snippet--inline code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n padding: 0 0.5rem;\n }\n .cds--snippet--inline strong {\n font-weight: 600;\n }\n .cds--snippet--multi,\n .cds--snippet--single,\n .cds--snippet--single pre {\n font-family: var(\n --cds-code-01-font-family,\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace\n );\n font-size: var(--cds-code-01-font-size, 0.75rem);\n font-weight: var(--cds-code-01-font-weight, 400);\n line-height: var(--cds-code-01-line-height, 1.33333);\n letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);\n }\n .cds--snippet--inline:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--snippet--inline:active {\n background-color: var(--cds-layer-active);\n }\n .cds--snippet--inline:focus {\n border: 1px solid var(--cds-focus, #0f62fe);\n outline: 0;\n }\n .cds--snippet--inline::before {\n position: absolute;\n z-index: 6000;\n width: 0;\n height: 0;\n content: '';\n display: none;\n border: none;\n }\n .cds--snippet--inline .cds--copy-btn__feedback {\n width: max-content;\n height: auto;\n background-color: var(--cds-background-inverse, #393939);\n border-radius: 0.125rem;\n color: var(--cds-text-inverse, #fff);\n font-weight: 400;\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n margin: auto;\n }\n .cds--data-table tbody tr:hover,\n .cds--snippet-btn--expand:hover {\n background: var(--cds-layer-hover);\n }\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .cds--snippet--inline .cds--copy-btn__feedback {\n width: auto;\n }\n }\n @supports (-ms-accelerator: true) {\n .cds--snippet--inline .cds--copy-btn__feedback {\n width: auto;\n }\n }\n @supports (-ms-ime-align: auto) {\n .cds--snippet--inline .cds--copy-btn__feedback {\n width: auto;\n }\n }\n @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n .cds--snippet--inline .cds--copy-btn__feedback {\n border: 1px solid transparent;\n }\n }\n .cds--snippet--inline.cds--copy-btn--animating .cds--copy-btn__feedback,\n .cds--snippet--inline.cds--copy-btn--animating::before {\n display: block;\n }\n .cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out\n .cds--copy-btn__feedback,\n .cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out::before {\n animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) hide-feedback;\n }\n .cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in\n .cds--copy-btn__feedback,\n .cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in::before {\n animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) show-feedback;\n }\n .cds--snippet--inline.cds--snippet--no-copy {\n display: inline-block;\n }\n .cds--snippet--inline.cds--snippet--no-copy:hover {\n background-color: var(--cds-layer);\n cursor: auto;\n }\n .cds--snippet--light.cds--snippet--inline.cds--snippet--no-copy:hover {\n background-color: var(--cds-layer-hover);\n cursor: auto;\n }\n .cds--snippet--single {\n position: relative;\n width: 100%;\n max-width: 48rem;\n background-color: var(--cds-layer);\n display: flex;\n height: 2.5rem;\n align-items: center;\n padding-right: 2.5rem;\n }\n .cds--snippet--single.cds--snippet--no-copy {\n padding: 0;\n }\n .cds--list-box--disabled.cds--list-box[data-invalid].cds--list-box--inline\n .cds--list-box__field,\n .cds--text-input--sm.cds--password-input {\n padding-right: 2rem;\n }\n .cds--snippet--single.cds--snippet--no-copy::after {\n right: 1rem;\n }\n .cds--snippet--single .cds--snippet-container {\n position: relative;\n display: flex;\n height: 100%;\n align-items: center;\n padding-left: 1rem;\n overflow-x: auto;\n }\n .cds--snippet--single .cds--snippet-container:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--snippet--single .cds--snippet-container:focus {\n outline-style: dotted;\n }\n }\n .cds--snippet--single pre {\n padding-right: 0.5rem;\n }\n .cds--copy-btn html,\n .cds--text-input html {\n font-size: 100%;\n }\n .cds--snippet--inline code,\n .cds--snippet--single pre {\n white-space: pre;\n }\n .cds--snippet--multi {\n position: relative;\n width: 100%;\n max-width: 48rem;\n background-color: var(--cds-layer);\n display: flex;\n padding: 1rem;\n }\n .cds--snippet-btn--expand,\n .cds--text-input {\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n color: var(--cds-text-primary, #161616);\n }\n .cds--snippet-btn--expand,\n .cds--text-input,\n .cds--text-input--password__visibility .cds--assistive-text,\n .cds--text-input--password__visibility + .cds--assistive-text,\n .cds--text-input--password__visibility::after {\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n }\n .cds--snippet--multi .cds--snippet-container {\n position: relative;\n min-height: 100%;\n max-height: 100%;\n order: 1;\n overflow-y: auto;\n transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--snippet--multi .cds--snippet-container:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n outline-offset: 0;\n }\n .cds--snippet--multi.cds--snippet--expand .cds--snippet-container {\n padding-bottom: 1rem;\n transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--snippet--multi.cds--snippet--wraptext pre {\n white-space: pre-wrap;\n word-wrap: break-word;\n }\n .cds--snippet--multi .cds--snippet-container pre {\n padding-right: 2.5rem;\n padding-bottom: 1.5rem;\n overflow-x: auto;\n }\n .cds--snippet--multi.cds--snippet--no-copy .cds--snippet-container pre {\n padding-right: 0;\n }\n .cds--snippet--multi.cds--snippet--expand .cds--snippet-container pre {\n overflow-x: auto;\n }\n .cds--snippet--multi.cds--snippet--has-right-overflow\n .cds--snippet-container\n pre::after {\n position: absolute;\n top: 0;\n right: 0;\n width: 1rem;\n height: 100%;\n background-image: linear-gradient(to right, transparent, var(--cds-layer));\n content: '';\n }\n .cds--snippet--multi .cds--snippet-container pre code {\n overflow: hidden;\n }\n .cds--snippet__icon {\n width: 1rem;\n height: 1rem;\n transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--copy-btn {\n display: flex;\n overflow: visible;\n width: 2.5rem;\n height: 2.5rem;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n background-color: var(--cds-layer);\n cursor: pointer;\n outline: 0;\n }\n .cds--copy-btn body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--copy-btn code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--snippet .cds--popover-container,\n .cds--snippet-btn--expand,\n .cds--text-input body {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--copy-btn strong {\n font-weight: 600;\n }\n .cds--copy-btn:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n outline-color: var(--cds-focus, #0f62fe);\n }\n @media screen and (prefers-contrast) {\n .cds--copy-btn:focus,\n .cds--snippet--multi .cds--snippet-container:focus {\n outline-style: dotted;\n }\n }\n .cds--snippet .cds--popover-container {\n position: absolute;\n top: 0;\n right: 0;\n }\n .cds--snippet--inline.cds--btn--md.cds--btn--icon-only {\n padding-right: 0;\n padding-left: 0;\n }\n .cds--snippet--inline.cds--btn--md {\n min-height: 1.25rem;\n }\n .cds--snippet--inline.cds--btn--primary:hover {\n color: var(--cds-text-primary, #161616);\n }\n .cds--snippet.cds--snippet--multi .cds--popover-container {\n top: 0.5rem;\n right: 0.5rem;\n }\n .cds--snippet--multi .cds--copy-btn.cds--btn--md {\n z-index: 10;\n width: 2rem;\n height: 2rem;\n min-height: 2rem;\n padding: 0;\n }\n .cds--snippet-btn--expand {\n position: absolute;\n z-index: 10;\n right: 0;\n bottom: 0;\n display: inline-flex;\n align-items: center;\n padding: 0.5rem 1rem;\n border: 0;\n background-color: var(--cds-layer);\n }\n .cds--snippet-btn--expand .cds--snippet-btn--text {\n position: relative;\n top: -0.0625rem;\n }\n .cds--snippet-btn--expand--hide.cds--snippet-btn--expand {\n display: none;\n }\n .cds--snippet-btn--expand .cds--icon-chevron--down {\n margin-left: 0.5rem;\n fill: var(--cds-icon-primary, #161616);\n transform: rotate(0);\n transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--snippet-btn--expand:hover {\n color: var(--cds-text-primary, #161616);\n }\n .cds--snippet--light .cds--snippet__overflow-indicator--left,\n .cds--snippet__overflow-indicator--left {\n background-image: linear-gradient(to left, transparent, var(--cds-layer));\n }\n .cds--snippet-btn--expand:active {\n background-color: var(--cds-layer-active);\n }\n .cds--snippet-btn--expand:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n border-color: transparent;\n }\n @media screen and (prefers-contrast) {\n .cds--snippet-btn--expand:focus {\n outline-style: dotted;\n }\n }\n .cds--snippet--expand .cds--snippet-btn--expand .cds--icon-chevron--down {\n transform: rotate(180deg);\n transition: transform 0.3s;\n }\n .cds--snippet--light,\n .cds--snippet--light .cds--btn.cds--snippet-btn--expand,\n .cds--snippet--light .cds--copy-btn,\n .cds--snippet--light .cds--snippet-button {\n background-color: var(--cds-layer);\n }\n .cds--snippet--light .cds--btn.cds--snippet-btn--expand:hover,\n .cds--snippet--light .cds--copy-btn:hover,\n .cds--snippet--light .cds--snippet-button:hover,\n .cds--snippet--light.cds--snippet--inline:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--snippet--light .cds--btn.cds--snippet-btn--expand:active,\n .cds--snippet--light .cds--copy-btn:active,\n .cds--snippet--light .cds--snippet-button:active,\n .cds--snippet--light.cds--snippet--inline:active {\n background-color: var(--cds-layer-active);\n }\n .cds--snippet--light.cds--snippet--multi .cds--snippet-container pre::after,\n .cds--snippet--light.cds--snippet--single::after {\n background-image: linear-gradient(\n to right,\n rgba(var(--cds-layer), 0),\n var(--cds-layer)\n );\n }\n .cds--snippet.cds--skeleton .cds--snippet-container {\n width: 100%;\n height: 100%;\n }\n .cds--snippet-button .cds--btn--copy__feedback {\n top: 3.175rem;\n right: auto;\n left: 50%;\n }\n .cds--snippet-button .cds--btn--copy__feedback::before {\n top: 0;\n }\n .cds--snippet-button .cds--btn--copy__feedback::after {\n top: -0.25rem;\n }\n .cds--snippet--multi .cds--snippet-button .cds--btn--copy__feedback {\n top: 2.675rem;\n }\n .cds--snippet--inline .cds--btn--copy__feedback {\n top: calc(100% - 0.25rem);\n right: auto;\n left: 50%;\n }\n .cds--snippet__overflow-indicator--left,\n .cds--snippet__overflow-indicator--right {\n z-index: 1;\n width: 1rem;\n flex: 1 0 auto;\n }\n .cds--snippet__overflow-indicator--left {\n order: 0;\n margin-right: -1rem;\n }\n .cds--snippet__overflow-indicator--right {\n order: 2;\n margin-left: -1rem;\n background-image: linear-gradient(to right, transparent, var(--cds-layer));\n }\n .cds--date-picker ~ .cds--label,\n .cds--number__control-btn.down-icon {\n order: 1;\n }\n .cds--snippet--single .cds--snippet__overflow-indicator--left,\n .cds--snippet--single .cds--snippet__overflow-indicator--right {\n position: absolute;\n width: 2rem;\n height: calc(100% - 0.25rem);\n }\n .cds--snippet--single .cds--snippet__overflow-indicator--right {\n right: 2.5rem;\n }\n .cds--snippet--single.cds--snippet--no-copy\n .cds--snippet__overflow-indicator--right {\n right: 0;\n }\n .cds--snippet--single\n .cds--snippet-container:focus\n ~ .cds--snippet__overflow-indicator--right {\n right: calc(2.5rem + 0.125rem);\n }\n .cds--snippet--single\n .cds--snippet-container:focus\n + .cds--snippet__overflow-indicator--left {\n left: 0.125rem;\n }\n .cds--snippet--light .cds--snippet__overflow-indicator--right {\n background-image: linear-gradient(to right, transparent, var(--cds-layer));\n }\n .cds--snippet--multi.cds--skeleton {\n height: 6.125rem;\n }\n .cds--snippet--single.cds--skeleton {\n height: 3.5rem;\n }\n .cds--snippet.cds--skeleton span {\n position: relative;\n padding: 0;\n border: none;\n display: block;\n width: 100%;\n height: 1rem;\n margin-top: 0.5rem;\n }\n .cds--snippet.cds--skeleton span:active,\n .cds--snippet.cds--skeleton span:focus,\n .cds--snippet.cds--skeleton span:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--snippet.cds--skeleton span::before {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--checkbox-label-text.cds--skeleton::before,\n .cds--snippet.cds--skeleton span::before {\n animation: none;\n }\n }\n .cds--snippet.cds--skeleton span:first-child {\n margin: 0;\n }\n .cds--snippet.cds--skeleton span:nth-child(2) {\n width: 85%;\n }\n .cds--snippet.cds--skeleton span:nth-child(3) {\n width: 95%;\n }\n .cds--snippet--single.cds--skeleton .cds--snippet-container {\n padding-bottom: 0;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--snippet__icon {\n fill: ButtonText;\n }\n .cds--snippet--inline:focus {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--snippet--multi,\n .cds--snippet--single {\n outline: transparent solid 1px;\n }\n }\n .cds--text-input {\n outline: transparent solid 2px;\n outline-offset: -2px;\n width: 100%;\n height: 2.5rem;\n padding: 0 1rem;\n border: none;\n border-bottom: 1px solid var(--cds-border-strong);\n background-color: var(--cds-field);\n font-family: inherit;\n transition:\n background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--password-input,\n .cds--text-input--invalid,\n .cds--text-input--warning {\n padding-right: 2.5rem;\n }\n .cds--data-table tbody tr,\n .cds--data-table tbody tr td,\n .cds--data-table tbody tr th,\n .cds--data-table th.cds--table-column-checkbox,\n .cds--tag--interactive {\n transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);\n }\n .cds--text-input body {\n font-weight: 400;\n }\n .cds--text-input code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--text-input strong {\n font-weight: 600;\n }\n .cds--text-input:active,\n .cds--text-input:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--text-input:active,\n .cds--text-input:focus {\n outline-style: dotted;\n }\n }\n .cds--text-input--password__visibility:focus,\n .cds--text-input--password__visibility:focus svg {\n outline: 1px solid var(--cds-focus, #0f62fe);\n }\n .cds--text-input-wrapper svg[hidden] {\n display: none;\n }\n .cds--text-input--lg {\n height: 3rem;\n }\n .cds--text-input--sm {\n height: 2rem;\n }\n .cds--text-input--lg.cds--password-input {\n padding-right: 3rem;\n }\n .cds--text-input::placeholder {\n color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n opacity: 1;\n }\n .cds--text-input--light {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--text-input__field-wrapper {\n position: relative;\n display: flex;\n width: 100%;\n }\n .cds--text-input__invalid-icon {\n position: absolute;\n top: 50%;\n right: 1rem;\n fill: var(--cds-support-error, #da1e28);\n transform: translateY(-50%);\n }\n .cds--text-input__invalid-icon--warning {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--text-input__invalid-icon--warning path:first-of-type {\n fill: #000;\n opacity: 1;\n }\n .cds--text-input--password__visibility {\n position: relative;\n display: inline-flex;\n overflow: visible;\n align-items: center;\n cursor: pointer;\n }\n @media screen and (prefers-contrast) {\n .cds--text-input--password__visibility:focus,\n .cds--text-input--password__visibility:focus svg {\n outline-style: dotted;\n }\n }\n .cds--text-input--password__visibility:focus {\n outline: transparent solid 1px;\n }\n .cds--text-input--password__visibility .cds--assistive-text,\n .cds--text-input--password__visibility + .cds--assistive-text,\n .cds--text-input--password__visibility::after,\n .cds--text-input--password__visibility::before {\n position: absolute;\n z-index: 6000;\n display: flex;\n align-items: center;\n opacity: 0;\n pointer-events: none;\n bottom: 0;\n left: 50%;\n }\n .cds--text-input--password__visibility::after,\n .cds--text-input--password__visibility::before {\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n @media screen and (prefers-reduced-motion: reduce) {\n .cds--text-input--password__visibility::after,\n .cds--text-input--password__visibility::before {\n transition: none;\n }\n }\n .cds--text-input--password__visibility.cds--tooltip--a11y::after,\n .cds--text-input--password__visibility.cds--tooltip--a11y::before {\n transition: none;\n }\n .cds--text-input--password__visibility::before {\n width: 0;\n height: 0;\n border-style: solid;\n content: '';\n }\n .cds--text-input--password__visibility .cds--assistive-text,\n .cds--text-input--password__visibility + .cds--assistive-text {\n box-sizing: content-box;\n color: inherit;\n opacity: 1;\n white-space: normal;\n word-break: break-word;\n }\n .cds--text-input--password__visibility .cds--assistive-text,\n .cds--text-input--password__visibility + .cds--assistive-text,\n .cds--text-input--password__visibility::after {\n box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n z-index: 6000;\n width: max-content;\n min-width: 1.5rem;\n max-width: 13rem;\n height: auto;\n padding: 0.1875rem 1rem;\n background-color: var(--cds-background-inverse, #393939);\n border-radius: 0.125rem;\n color: var(--cds-text-inverse, #fff);\n font-weight: 400;\n text-align: left;\n transform: translateX(-50%);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n }\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .cds--text-input--password__visibility .cds--assistive-text,\n .cds--text-input--password__visibility + .cds--assistive-text,\n .cds--text-input--password__visibility::after,\n .cds--text-input--password__visibility::before {\n display: inline-block;\n }\n .cds--text-input--password__visibility .cds--assistive-text,\n .cds--text-input--password__visibility + .cds--assistive-text,\n .cds--text-input--password__visibility::after {\n width: auto;\n }\n }\n @supports (-ms-accelerator: true) {\n .cds--text-input--password__visibility .cds--assistive-text,\n .cds--text-input--password__visibility + .cds--assistive-text,\n .cds--text-input--password__visibility::after {\n width: auto;\n }\n }\n @supports (-ms-ime-align: auto) {\n .cds--text-input--password__visibility .cds--assistive-text,\n .cds--text-input--password__visibility + .cds--assistive-text,\n .cds--text-input--password__visibility::after {\n width: auto;\n }\n }\n @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n .cds--text-input--password__visibility .cds--assistive-text,\n .cds--text-input--password__visibility + .cds--assistive-text,\n .cds--text-input--password__visibility::after {\n border: 1px solid transparent;\n }\n }\n .cds--text-input--password__visibility::after {\n content: attr(aria-label);\n }\n .cds--text-input--password__visibility.cds--tooltip--a11y::after {\n content: none;\n }\n .cds--text-input--password__visibility.cds--tooltip--visible::after,\n .cds--text-input--password__visibility.cds--tooltip--visible::before,\n .cds--text-input--password__visibility:focus::after,\n .cds--text-input--password__visibility:focus::before,\n .cds--text-input--password__visibility:hover::after,\n .cds--text-input--password__visibility:hover::before {\n opacity: 1;\n }\n @keyframes tooltip-fade {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n .cds--text-input--password__visibility.cds--tooltip--visible\n .cds--assistive-text,\n .cds--text-input--password__visibility.cds--tooltip--visible\n + .cds--assistive-text,\n .cds--text-input--password__visibility:focus .cds--assistive-text,\n .cds--text-input--password__visibility:focus + .cds--assistive-text,\n .cds--text-input--password__visibility:hover .cds--assistive-text,\n .cds--text-input--password__visibility:hover + .cds--assistive-text {\n overflow: visible;\n margin: auto;\n clip: auto;\n }\n .cds--text-input--password__visibility.cds--tooltip--hidden\n .cds--assistive-text,\n .cds--text-input--password__visibility.cds--tooltip--hidden\n + .cds--assistive-text,\n .cds--text-input__counter-alert {\n overflow: hidden;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n }\n .cds--text-input--password__visibility.cds--tooltip--visible\n .cds--assistive-text,\n .cds--text-input--password__visibility.cds--tooltip--visible\n + .cds--assistive-text,\n .cds--text-input--password__visibility.cds--tooltip--visible.cds--tooltip--a11y::before,\n .cds--text-input--password__visibility:focus .cds--assistive-text,\n .cds--text-input--password__visibility:focus + .cds--assistive-text,\n .cds--text-input--password__visibility:focus.cds--tooltip--a11y::before,\n .cds--text-input--password__visibility:hover .cds--assistive-text,\n .cds--text-input--password__visibility:hover + .cds--assistive-text,\n .cds--text-input--password__visibility:hover.cds--tooltip--a11y::before {\n animation: 70ms cubic-bezier(0.2, 0, 0.38, 0.9) tooltip-fade;\n }\n .cds--text-input--password__visibility.cds--tooltip--hidden.cds--tooltip--a11y::before {\n animation: none;\n opacity: 0;\n }\n .cds--text-input--password__visibility .cds--assistive-text::after {\n position: absolute;\n display: block;\n content: '';\n left: 0;\n width: 100%;\n height: 0.75rem;\n top: -0.75rem;\n }\n .cds--text-input--password__visibility::before {\n bottom: -0.5rem;\n border-width: 0 0.25rem 0.3125rem;\n border-color: transparent transparent var(--cds-background-inverse, #393939)\n transparent;\n transform: translate(-50%, 100%);\n }\n .cds--text-input--password__visibility .cds--assistive-text,\n .cds--text-input--password__visibility + .cds--assistive-text,\n .cds--text-input--password__visibility::after {\n bottom: -0.8125rem;\n transform: translate(-50%, 100%);\n }\n .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {\n outline: transparent solid 2px;\n outline-offset: -2px;\n position: absolute;\n right: 0;\n display: flex;\n width: 2.5rem;\n height: 100%;\n min-height: auto;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: 0;\n background: 0 0;\n cursor: pointer;\n transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--text-input--sm\n + .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {\n width: 2rem;\n }\n .cds--text-input--lg\n + .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {\n width: 3rem;\n }\n .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger\n svg {\n fill: var(--cds-icon-secondary, #525252);\n transition: fill 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger\n svg {\n fill: ButtonText;\n }\n }\n .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--tag--filter.cds--tag--disabled svg,\n .cds--text-input:disabled\n ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger\n svg,\n .cds--text-input:disabled\n ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger\n svg:hover {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--text-input--invalid.cds--password-input {\n padding-right: 4rem;\n }\n .cds--text-input--invalid + .cds--text-input--password__visibility__toggle {\n right: 1rem;\n }\n .cds--password-input-wrapper .cds--text-input__invalid-icon,\n .cds--text-input--invalid .cds--text-input--password__visibility__toggle {\n right: 2.5rem;\n }\n .cds--text-input:disabled\n ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger {\n cursor: not-allowed;\n }\n .cds--text-input__counter-alert {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n }\n .cds--text-input:disabled {\n outline: transparent solid 2px;\n outline-offset: -2px;\n border-bottom: 1px solid transparent;\n background-color: var(--cds-field);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n -webkit-text-fill-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--text-input--light:disabled {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--text-input:disabled::placeholder {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n opacity: 1;\n }\n .cds--text-input--invalid {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n box-shadow: none;\n }\n @media screen and (prefers-contrast) {\n .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus,\n .cds--text-input--invalid {\n outline-style: dotted;\n }\n }\n .cds--list-box--inline .cds--list-box__menu-item__selected-icon,\n .cds--list-box.cds--list-box--inline .cds--list-box__menu-icon {\n right: 0.5rem;\n }\n .cds--skeleton.cds--text-input {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n }\n .cds--skeleton.cds--text-input:active,\n .cds--skeleton.cds--text-input:focus,\n .cds--skeleton.cds--text-input:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--skeleton.cds--text-input::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n .cds--form--fluid .cds--text-input-wrapper {\n position: relative;\n background: var(--cds-field);\n transition:\n background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--form--fluid .cds--label {\n position: absolute;\n z-index: 1;\n top: 0.8125rem;\n left: 1rem;\n display: flex;\n height: 1rem;\n align-items: center;\n margin: 0;\n }\n .cds--form--fluid .cds--form__helper-text,\n .cds--form--fluid .cds--text-input__divider,\n .cds--text-input__divider {\n display: none;\n }\n .cds--form--fluid .cds--text-input {\n min-height: 4rem;\n padding: 2rem 1rem 0.8125rem;\n }\n .cds--form--fluid .cds--text-input--invalid,\n .cds--form--fluid .cds--text-input--warning {\n border-bottom: none;\n }\n .cds--form--fluid .cds--text-input--invalid + .cds--text-input__divider,\n .cds--form--fluid .cds--text-input--warning + .cds--text-input__divider {\n display: block;\n border-style: solid;\n border-color: var(--cds-border-subtle);\n border-bottom: none;\n margin: 0 1rem;\n }\n .cds--form--fluid .cds--text-input__invalid-icon {\n top: 5rem;\n }\n .cds--form--fluid\n .cds--text-input__field-wrapper--warning\n > .cds--text-input--warning,\n .cds--form--fluid\n .cds--text-input__field-wrapper[data-invalid]\n > .cds--text-input--invalid {\n outline: 0;\n }\n .cds--form--fluid .cds--text-input__field-wrapper--warning {\n border-bottom: 1px solid var(--cds-border-strong);\n }\n .cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus) {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--form--fluid\n .cds--text-input__field-wrapper[data-invalid]:not(:focus) {\n outline-style: dotted;\n }\n }\n .cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,\n .cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,\n .cds--form--fluid\n .cds--text-input__field-wrapper[data-invalid]:focus-within {\n outline-style: dotted;\n }\n }\n .cds--form--fluid\n .cds--text-input__field-wrapper--warning\n > .cds--text-input--warning:focus,\n .cds--form--fluid\n .cds--text-input__field-wrapper[data-invalid]\n > .cds--text-input--invalid:focus {\n outline: 0;\n }\n .cds--text-input-wrapper.cds--text-input-wrapper--inline {\n flex-flow: row wrap;\n }\n .cds--text-input-wrapper .cds--label--inline {\n flex: 1;\n margin: 0.8125rem 0 0;\n overflow-wrap: break-word;\n word-break: break-word;\n }\n .cds--text-input-wrapper .cds--label--inline--sm {\n margin-top: 0.5625rem;\n }\n .cds--text-input-wrapper .cds--label--inline--lg {\n margin-top: 1.0625rem;\n }\n .cds--text-input__label-helper-wrapper {\n max-width: 8rem;\n flex: 2;\n flex-direction: column;\n margin-right: 1.5rem;\n overflow-wrap: break-word;\n }\n .cds--text-input-wrapper .cds--form__helper-text--inline {\n margin-top: 0.125rem;\n }\n .cds--text-input__field-outer-wrapper {\n display: flex;\n width: 100%;\n flex: 1 1 auto;\n flex-direction: column;\n align-items: flex-start;\n }\n .cds--text-input__field-outer-wrapper--inline {\n flex: 8;\n flex-direction: column;\n }\n .cds--text-input-wrapper--inline .cds--form-requirement {\n display: block;\n overflow: visible;\n max-height: 12.5rem;\n font-weight: 400;\n }\n .cds--text-input-wrapper--inline--invalid .cds--form-requirement {\n color: var(--cds-text-error, #da1e28);\n }\n .cds--form--fluid .cds--text-input-wrapper--readonly,\n .cds--text-input-wrapper--readonly .cds--text-input {\n border-bottom-color: var(--cds-border-subtle);\n background: 0 0;\n }\n .cds--text-input__label-wrapper,\n .flatpickr-months {\n display: flex;\n width: 100%;\n justify-content: space-between;\n }\n .cds--text-input__label-wrapper .cds--text-input__label-counter {\n align-self: end;\n }\n .cds--tag {\n font-size: var(--cds-label-01-font-size, 0.75rem);\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n background-color: var(--cds-tag-background-gray, #e0e0e0);\n color: var(--cds-tag-color-gray, #393939);\n display: inline-flex;\n min-width: 2rem;\n max-width: 100%;\n min-height: 1.5rem;\n align-items: center;\n justify-content: center;\n padding: 0.25rem 0.5rem;\n margin: 0.25rem;\n border-radius: 0.9375rem;\n cursor: default;\n vertical-align: middle;\n word-break: break-word;\n }\n .cds--list-box__label,\n .cds--list-box__wrapper--inline .cds--label {\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n }\n .cds--tag .cds--tag__close-icon:hover,\n .cds--tag.cds--tag--interactive:hover {\n background-color: var(--cds-tag-hover-gray, #c6c6c6);\n }\n .cds--tag:not(:first-child) {\n margin-left: 0;\n }\n .cds--tag--red {\n background-color: var(--cds-tag-background-red, #ffd7d9);\n color: var(--cds-tag-color-red, #750e13);\n }\n .cds--tag--red .cds--tag__close-icon:hover,\n .cds--tag--red.cds--tag--interactive:hover {\n background-color: var(--cds-tag-hover-red, #ffb3b8);\n }\n .cds--tag--magenta {\n background-color: var(--cds-tag-background-magenta, #ffd6e8);\n color: var(--cds-tag-color-magenta, #740937);\n }\n .cds--tag--magenta .cds--tag__close-icon:hover,\n .cds--tag--magenta.cds--tag--interactive:hover {\n background-color: var(--cds-tag-hover-magenta, #ffafd2);\n }\n .cds--tag--purple {\n background-color: var(--cds-tag-background-purple, #e8daff);\n color: var(--cds-tag-color-purple, #491d8b);\n }\n .cds--tag--purple .cds--tag__close-icon:hover,\n .cds--tag--purple.cds--tag--interactive:hover {\n background-color: var(--cds-tag-hover-purple, #d4bbff);\n }\n .cds--tag--blue {\n background-color: var(--cds-tag-background-blue, #d0e2ff);\n color: var(--cds-tag-color-blue, #002d9c);\n }\n .cds--tag--blue .cds--tag__close-icon:hover,\n .cds--tag--blue.cds--tag--interactive:hover {\n background-color: var(--cds-tag-hover-blue, #a6c8ff);\n }\n .cds--tag--cyan {\n background-color: var(--cds-tag-background-cyan, #bae6ff);\n color: var(--cds-tag-color-cyan, #003a6d);\n }\n .cds--tag--cyan .cds--tag__close-icon:hover,\n .cds--tag--cyan.cds--tag--interactive:hover {\n background-color: var(--cds-tag-hover-cyan, #82cfff);\n }\n .cds--tag--teal {\n background-color: var(--cds-tag-background-teal, #9ef0f0);\n color: var(--cds-tag-color-teal, #004144);\n }\n .cds--tag--teal .cds--tag__close-icon:hover,\n .cds--tag--teal.cds--tag--interactive:hover {\n background-color: var(--cds-tag-hover-teal, #3ddbd9);\n }\n .cds--tag--green {\n background-color: var(--cds-tag-background-green, #a7f0ba);\n color: var(--cds-tag-color-green, #044317);\n }\n .cds--tag--green .cds--tag__close-icon:hover,\n .cds--tag--green.cds--tag--interactive:hover {\n background-color: var(--cds-tag-hover-green, #6fdc8c);\n }\n .cds--tag--gray {\n background-color: var(--cds-tag-background-gray, #e0e0e0);\n color: var(--cds-tag-color-gray, #393939);\n }\n .cds--tag--gray .cds--tag__close-icon:hover,\n .cds--tag--gray.cds--tag--interactive:hover {\n background-color: var(--cds-tag-hover-gray, #c6c6c6);\n }\n .cds--tag--cool-gray {\n background-color: var(--cds-tag-background-cool-gray, #dde1e6);\n color: var(--cds-tag-color-cool-gray, #343a3f);\n }\n .cds--tag--cool-gray .cds--tag__close-icon:hover,\n .cds--tag--cool-gray.cds--tag--interactive:hover {\n background-color: var(--cds-tag-hover-cool-gray, #c1c7cd);\n }\n .cds--tag--warm-gray {\n background-color: var(--cds-tag-background-warm-gray, #e5e0df);\n color: var(--cds-tag-color-warm-gray, #3c3838);\n }\n .cds--tag--warm-gray .cds--tag__close-icon:hover,\n .cds--tag--warm-gray.cds--tag--interactive:hover {\n background-color: var(--cds-tag-hover-warm-gray, #cac5c4);\n }\n .cds--tag--high-contrast {\n background-color: var(--cds-background-inverse, #393939);\n color: var(--cds-text-inverse, #fff);\n }\n .cds--tag--high-contrast .cds--tag__close-icon:hover,\n .cds--tag--high-contrast.cds--tag--interactive:hover {\n background-color: var(--cds-background-inverse-hover, #474747);\n }\n .cds--tag--outline {\n background-color: var(--cds-background, #fff);\n color: var(--cds-text-primary, #161616);\n box-shadow: 0 0 0 1px var(--cds-background-inverse, #393939);\n }\n .cds--tag--outline .cds--tag__close-icon:hover,\n .cds--tag--outline.cds--tag--interactive:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--tag--disabled,\n .cds--tag--filter.cds--tag--disabled,\n .cds--tag--interactive.cds--tag--disabled {\n background-color: var(--cds-layer);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n box-shadow: none;\n }\n .cds--tag--interactive:focus,\n .cds--tag__close-icon:focus {\n box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);\n outline: 0;\n }\n .cds--tag--disabled .cds--tag__close-icon:hover,\n .cds--tag--disabled.cds--tag--interactive:hover,\n .cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,\n .cds--tag--filter.cds--tag--disabled.cds--tag--interactive:hover,\n .cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover,\n .cds--tag--interactive.cds--tag--disabled.cds--tag--interactive:hover {\n background-color: var(--cds-layer);\n }\n .cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,\n .cds--tag__close-icon,\n .cds--tag__custom-icon {\n background-color: transparent;\n }\n .cds--tag--disabled:hover,\n .cds--tag--filter.cds--tag--disabled:hover,\n .cds--tag--interactive.cds--tag--disabled:hover {\n cursor: not-allowed;\n }\n .cds--tag__label {\n overflow: hidden;\n max-width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .cds--tag--interactive:hover,\n .flatpickr-input[readonly] {\n cursor: pointer;\n }\n .cds--tag--filter {\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0;\n cursor: pointer;\n }\n .cds--tag--filter:hover {\n outline: 0;\n }\n .cds--tag__close-icon {\n display: flex;\n width: 1.5rem;\n height: 1.5rem;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: 0;\n margin: 0 0 0 0.125rem;\n border-radius: 50%;\n color: currentColor;\n cursor: pointer;\n transition:\n background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n box-shadow 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tag__custom-icon {\n width: 1rem;\n height: 1rem;\n flex-shrink: 0;\n padding: 0;\n border: 0;\n margin-right: 0.25rem;\n color: currentColor;\n outline: 0;\n }\n .cds--tag--disabled .cds--tag__close-icon {\n cursor: not-allowed;\n }\n .cds--tag__close-icon:focus {\n border-radius: 50%;\n }\n .cds--tag--high-contrast .cds--tag__close-icon:focus {\n box-shadow: inset 0 0 0 1px var(--cds-focus-inverse, #fff);\n }\n .cds--tag.cds--skeleton,\n .cds--tag.cds--skeleton .cds--tag__close-icon:hover,\n .cds--tag.cds--skeleton.cds--tag--interactive:hover {\n background-color: var(--cds-skeleton-background, #e8e8e8);\n }\n .cds--tag--sm {\n min-height: 1.125rem;\n padding: 0 0.5rem;\n }\n .cds--tag--sm.cds--tag--filter {\n padding-right: 0;\n }\n .cds--tag--sm .cds--tag__close-icon {\n width: 1.125rem;\n height: 1.125rem;\n margin-left: 0.3125rem;\n }\n .cds--tag.cds--skeleton {\n color: var(--cds-text-primary, #161616);\n overflow: hidden;\n width: 3.75rem;\n }\n @media not all and (min-resolution: 0.001dpcm) {\n @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n .cds--snippet__overflow-indicator--left {\n background-image: linear-gradient(\n to left,\n rgba(var(--cds-layer), 0),\n var(--cds-layer)\n );\n }\n .cds--snippet__overflow-indicator--right {\n background-image: linear-gradient(\n to right,\n rgba(var(--cds-layer), 0),\n var(--cds-layer)\n );\n }\n .cds--tag.cds--skeleton {\n transform: translateZ(0);\n }\n circle.cds--loading__background {\n stroke-dasharray: 265;\n stroke-dashoffset: 0;\n }\n }\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger\n svg,\n .cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover\n svg {\n fill: ButtonText;\n }\n .cds--tag {\n outline: transparent solid 1px;\n }\n .cds--tag__close-icon svg,\n .cds--tag__custom-icon svg {\n fill: ButtonText;\n }\n .cds--tag__close-icon:focus {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n }\n .cds--list-box__wrapper--inline {\n display: inline-grid;\n align-items: center;\n grid-gap: 0.25rem;\n grid-template: auto auto/auto auto;\n }\n .cds--list-box__wrapper--inline .cds--label {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n }\n .cds--contained-list--on-page .cds--contained-list__header,\n .cds--data-table thead {\n line-height: var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);\n }\n .cds--list-box__wrapper--inline .cds--form-requirement,\n .cds--list-box__wrapper--inline .cds--form__helper-text,\n .cds--list-box__wrapper--inline .cds--label {\n margin: 0;\n }\n .cds--list-box__wrapper--inline .cds--form__helper-text {\n max-width: none;\n }\n .cds--list-box {\n position: relative;\n width: 100%;\n height: 2.5rem;\n max-height: 2.5rem;\n border: none;\n border-bottom: 1px solid var(--cds-border-strong);\n background-color: var(--cds-field);\n color: var(--cds-text-primary, #161616);\n cursor: pointer;\n transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--list-box--disabled,\n .cds--list-box--disabled .cds--list-box__field,\n .cds--list-box--disabled .cds--list-box__menu-icon,\n .cds--list-box--disabled .cds--list-box__selection:hover {\n cursor: not-allowed;\n }\n .cds--list-box html {\n font-size: 100%;\n }\n .cds--list-box body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--list-box code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--list-box strong {\n font-weight: 600;\n }\n .cds--list-box:hover {\n background-color: var(--cds-field-hover);\n }\n .cds--list-box--lg {\n height: 3rem;\n max-height: 3rem;\n }\n .cds--list-box--sm {\n height: 2rem;\n max-height: 2rem;\n }\n .cds--list-box--expanded {\n border-bottom-color: var(--cds-border-subtle);\n }\n .cds--list-box--expanded:hover {\n background-color: var(--cds-field);\n }\n .cds--list-box--expanded:hover.cds--list-box--light:hover {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--list-box .cds--text-input {\n min-width: 0;\n height: 100%;\n }\n .cds--list-box__invalid-icon {\n position: absolute;\n top: 50%;\n right: 2.5rem;\n fill: var(--cds-support-error, #da1e28);\n transform: translateY(-50%);\n }\n .cds--list-box__invalid-icon--warning {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--list-box__menu-icon > svg,\n .cds--list-box__selection > svg {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--list-box__invalid-icon--warning path[fill] {\n fill: #000;\n opacity: 1;\n }\n .cds--combo-box--readonly .cds--list-box__menu-icon svg,\n .cds--combo-box--readonly .cds--list-box__selection svg,\n .cds--list-box--disabled .cds--list-box__menu-icon > svg,\n .cds--list-box--disabled .cds--list-box__selection--multi > svg,\n .cds--list-box--disabled .cds--list-box__selection > svg {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--list-box.cds--list-box--warning .cds--list-box__field,\n .cds--list-box[data-invalid] .cds--list-box__field {\n padding-right: 4rem;\n border-bottom: 0;\n }\n .cds--list-box.cds--list-box--warning.cds--list-box--inline\n .cds--list-box__field,\n .cds--list-box[data-invalid].cds--list-box--inline .cds--list-box__field {\n padding-right: 3.5rem;\n }\n .cds--list-box--light {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--list-box--light:hover {\n background-color: var(--cds-field-hover);\n }\n .cds--list-box--light .cds--list-box__menu {\n background: var(--cds-layer);\n }\n .cds--list-box--light .cds--list-box__menu-item__option {\n border-top-color: var(--cds-border-subtle);\n }\n .cds--list-box--light.cds--list-box--expanded {\n border-bottom-color: transparent;\n }\n .cds--list-box--disabled:hover {\n background-color: var(--cds-field);\n }\n .cds--list-box--light.cds--list-box--disabled {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--list-box--disabled,\n .cds--list-box--disabled .cds--list-box__field,\n .cds--list-box--disabled .cds--list-box__field:focus {\n border-bottom-color: transparent;\n outline: 0;\n }\n .cds--list-box--disabled .cds--list-box__label,\n .cds--list-box--disabled.cds--list-box--inline .cds--list-box__label {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--list-box--disabled .cds--list-box__menu-item,\n .cds--list-box--disabled .cds--list-box__menu-item--highlighted,\n .cds--list-box--disabled .cds--list-box__menu-item:hover {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n text-decoration: none;\n }\n .cds--list-box--inline .cds--list-box__label,\n .cds--list-box__label {\n color: var(--cds-text-primary, #161616);\n }\n .cds--actionable-notification a:hover,\n .cds--file-browse-btn:active,\n .cds--file-browse-btn:active:visited,\n .cds--file-browse-btn:focus,\n .cds--file-browse-btn:hover,\n .cds--inline-notification a:hover,\n .cds--toast-notification a:hover,\n div.container.tutorial .hljs-class .hljs-title,\n div.container.tutorial .hljs-doctag,\n div.container.tutorial .hljs-title.class_ {\n text-decoration: underline;\n }\n .cds--list-box--disabled.cds--list-box[data-invalid] .cds--list-box__field {\n padding-right: 3rem;\n }\n .cds--list-box.cds--list-box--inline {\n border-width: 0;\n background-color: transparent;\n }\n .cds--list-box.cds--list-box--inline:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--list-box.cds--list-box--inline.cds--list-box--expanded {\n border-bottom-width: 0;\n }\n .cds--list-box.cds--list-box--inline.cds--list-box--expanded\n .cds--list-box__field[aria-expanded='true'] {\n border-width: 0;\n }\n .cds--list-box.cds--list-box--inline.cds--list-box--disabled:hover,\n .cds--list-box.cds--list-box--inline.cds--list-box--expanded:hover {\n background-color: transparent;\n }\n .cds--list-box--disabled .cds--list-box__selection--multi,\n .cds--list-box--disabled\n .cds--list-box__selection--multi\n .cds--tag__close-icon:hover,\n .cds--list-box--disabled\n .cds--list-box__selection--multi.cds--tag--interactive:hover {\n background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--list-box.cds--list-box--inline .cds--list-box__field {\n padding: 0 2rem 0 0.5rem;\n }\n .cds--list-box.cds--list-box--inline .cds--list-box__invalid-icon {\n right: 2rem;\n }\n .cds--list-box--inline .cds--list-box__field {\n height: 100%;\n }\n .cds--dropdown--inline .cds--list-box__field {\n max-width: 30rem;\n }\n .cds--dropdown--inline .cds--list-box__menu {\n min-width: 18rem;\n max-width: 30rem;\n }\n .cds--list-box__field {\n padding: 0 3rem 0 1rem;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n display: inline-block;\n appearance: none;\n background: 0 0;\n text-align: start;\n width: 100%;\n position: relative;\n display: inline-flex;\n overflow: hidden;\n height: calc(100% + 1px);\n align-items: center;\n cursor: pointer;\n outline: 0;\n text-overflow: ellipsis;\n vertical-align: top;\n white-space: nowrap;\n }\n .cds--list-box__field *,\n .cds--list-box__field ::after,\n .cds--list-box__field ::before {\n box-sizing: inherit;\n }\n .cds--list-box__field::-moz-focus-inner {\n border: 0;\n }\n .cds--list-box__field:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--list-box__field:focus {\n outline-style: dotted;\n }\n }\n .cds--list-box__field[disabled] {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline: 0;\n }\n .cds--list-box__field .cds--text-input {\n padding-right: 4.5rem;\n }\n .cds--list-box--warning .cds--list-box__field .cds--text-input,\n .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input {\n padding-right: 6.125rem;\n }\n .cds--list-box--warning\n .cds--list-box__field\n .cds--text-input\n + .cds--list-box__invalid-icon,\n .cds--list-box[data-invalid]\n .cds--list-box__field\n .cds--text-input\n + .cds--list-box__invalid-icon {\n right: 4.125rem;\n }\n .cds--list-box__field .cds--text-input--empty {\n padding-right: 3rem;\n }\n .cds--list-box--warning .cds--list-box__field .cds--text-input--empty,\n .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input--empty {\n padding-right: carbon--mini-units(9);\n }\n .cds--list-box--warning\n .cds--list-box__field\n .cds--text-input--empty\n + .cds--list-box__invalid-icon,\n .cds--list-box[data-invalid]\n .cds--list-box__field\n .cds--text-input--empty\n + .cds--list-box__invalid-icon {\n right: 2.5rem;\n }\n .cds--list-box__label {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n overflow: hidden;\n text-overflow: ellipsis;\n user-select: none;\n white-space: nowrap;\n }\n .cds--list-box__menu-icon,\n .cds--list-box__selection {\n padding: 0;\n font-size: 100%;\n background: 0 0;\n position: absolute;\n width: 1.5rem;\n border: 0;\n height: 1.5rem;\n cursor: pointer;\n margin: 0;\n font-family: inherit;\n vertical-align: baseline;\n appearance: none;\n text-align: start;\n }\n .cds--list-box__menu-icon {\n box-sizing: border-box;\n display: inline-block;\n right: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n outline: 0;\n transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--list-box__menu-icon *,\n .cds--list-box__menu-icon ::after,\n .cds--list-box__menu-icon ::before {\n box-sizing: inherit;\n }\n .cds--list-box__menu-icon::-moz-focus-inner {\n border: 0;\n }\n .cds--list-box__menu-icon--open {\n width: 1.5rem;\n justify-content: center;\n transform: rotate(180deg);\n }\n .cds--list-box__selection {\n box-sizing: border-box;\n display: inline-block;\n top: 50%;\n right: 2.25rem;\n display: flex;\n align-items: center;\n justify-content: center;\n transform: translateY(-50%);\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n user-select: none;\n }\n .cds--content-switcher-btn,\n .cds--content-switcher-btn body {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--list-box__selection *,\n .cds--list-box__selection ::after,\n .cds--list-box__selection ::before {\n box-sizing: inherit;\n }\n .cds--list-box__selection::-moz-focus-inner {\n border: 0;\n }\n .cds--list-box--disabled\n .cds--list-box__menu-item:hover\n + .cds--list-box__menu-item\n .cds--list-box__menu-item__option,\n .cds--list-box--disabled .cds--list-box__menu-item__option:hover {\n border-top-color: var(--cds-border-subtle);\n }\n .cds--list-box__selection:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--list-box__selection:focus:hover {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--list-box__selection:focus,\n .cds--list-box__selection:focus:hover {\n outline-style: dotted;\n }\n }\n .cds--list-box--disabled .cds--list-box__selection:focus,\n .cds--list-box__selection--multi:hover {\n outline: 0;\n }\n .cds--list-box__selection--multi {\n font-size: var(--cds-label-01-font-size, 0.75rem);\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n position: static;\n top: auto;\n display: flex;\n width: auto;\n height: 1.5rem;\n align-items: center;\n justify-content: space-between;\n padding: 0.5rem 0.125rem 0.5rem 0.5rem;\n margin-right: 0.625rem;\n background-color: var(--cds-background-inverse, #393939);\n border-radius: 0.75rem;\n color: var(--cds-text-inverse, #fff);\n line-height: 0;\n transform: none;\n }\n .cds--list-box__selection--multi > svg {\n width: 1.25rem;\n height: 1.25rem;\n padding: 0.125rem;\n margin-left: 0.25rem;\n fill: var(--cds-icon-inverse, #ffffff);\n }\n .cds--list-box__selection--multi > svg:hover {\n background-color: var(--cds-button-secondary-hover, #474747);\n border-radius: 50%;\n }\n .cds--list-box--disabled .cds--list-box__selection--multi {\n color: var(--cds-layer);\n }\n .cds--list-box--light .cds--list-box__menu-item:hover,\n .cds--list-box__menu-item:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--list-box--disabled .cds--list-box__selection--multi > svg:hover {\n background-color: initial;\n }\n .cds--list-box__menu {\n box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n position: absolute;\n z-index: 9100;\n right: 0;\n left: 0;\n width: 100%;\n background-color: var(--cds-layer);\n overflow-y: auto;\n transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--list-box__menu:focus {\n outline: 1px solid var(--cds-focus, #0f62fe);\n }\n @media screen and (prefers-contrast) {\n .cds--list-box__menu:focus {\n outline-style: dotted;\n }\n }\n .cds--list-box\n .cds--list-box__field[aria-expanded='false']\n + .cds--list-box__menu {\n display: none;\n max-height: 0;\n }\n .cds--list-box--expanded .cds--list-box__menu {\n display: block;\n max-height: 13.75rem;\n }\n .cds--list-box--expanded.cds--list-box--lg .cds--list-box__menu {\n max-height: 16.5rem;\n }\n .cds--dropdown--open.cds--dropdown--sm .cds--dropdown-list,\n .cds--list-box--expanded.cds--list-box--sm .cds--list-box__menu {\n max-height: 11rem;\n }\n .cds--list-box__menu-item {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n position: relative;\n height: 2.5rem;\n color: var(--cds-text-secondary, #525252);\n cursor: pointer;\n transition: background 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n user-select: none;\n }\n .cds--list-box__menu-item:active {\n background-color: var(--cds-layer-selected);\n }\n .cds--list-box--sm .cds--list-box__menu-item {\n height: 2rem;\n }\n .cds--list-box--lg .cds--list-box__menu-item {\n height: 3rem;\n }\n .cds--list-box--disabled .cds--list-box__menu-item:hover {\n background-color: transparent;\n }\n .cds--list-box--light .cds--list-box__menu-item:active {\n background-color: var(--cds-layer-selected);\n }\n .cds--list-box__menu-item:first-of-type .cds--list-box__menu-item__option,\n .cds--list-box__menu-item:hover\n + .cds--list-box__menu-item\n .cds--list-box__menu-item__option {\n border-top-color: transparent;\n }\n .cds--list-box__menu-item:hover .cds--list-box__menu-item__option {\n color: var(--cds-text-primary, #161616);\n }\n .cds--list-box__menu-item__option {\n outline: transparent solid 2px;\n outline-offset: -2px;\n display: block;\n overflow: hidden;\n height: 2.5rem;\n padding: 0.6875rem 1.5rem 0.6875rem 0;\n border-top: 1px solid transparent;\n border-top-color: var(--cds-border-subtle);\n border-bottom: 1px solid transparent;\n margin: 0 1rem;\n color: var(--cds-text-secondary, #525252);\n font-weight: 400;\n line-height: 1rem;\n text-decoration: none;\n text-overflow: ellipsis;\n transition:\n border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n white-space: nowrap;\n }\n .cds--action-list .cds--btn--primary::after,\n .cds--action-list .cds--btn--primary::before,\n .cds--action-list .cds--btn--primary:focus::after,\n .cds--action-list .cds--btn--primary:focus::before,\n .cds--content-switcher--icon-only\n .cds--content-switcher-popover__wrapper:first-of-type\n .cds--content-switcher-btn::before,\n .cds--content-switcher-btn:disabled::after,\n .cds--content-switcher:not(.cds--content-switcher--icon-only)\n .cds--content-switcher-btn:first-of-type::before,\n .cds--toolbar-search-container-persistent .cds--search-close::before {\n display: none;\n }\n .cds--list-box__menu-item__option:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n padding: 0.6875rem 1rem;\n border-color: transparent;\n margin: 0;\n }\n @media screen and (prefers-contrast) {\n .cds--list-box__menu-item__option:focus {\n outline-style: dotted;\n }\n }\n .cds--list-box__menu-item__option:hover {\n border-color: transparent;\n color: var(--cds-text-primary, #161616);\n }\n .cds--list-box--sm .cds--list-box__menu-item__option {\n height: 2rem;\n padding-top: 0.4375rem;\n padding-bottom: 0.4375rem;\n }\n .cds--list-box--lg .cds--list-box__menu-item__option {\n height: 3rem;\n padding-top: 0.9375rem;\n padding-bottom: 0.9375rem;\n }\n .cds--list-box--disabled\n .cds--list-box__menu-item:hover\n .cds--list-box__menu-item__option,\n .cds--list-box--disabled .cds--list-box__menu-item__option {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--list-box__menu-item[disabled],\n .cds--list-box__menu-item[disabled] *,\n .cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,\n .cds--list-box__menu-item[disabled]:hover {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n outline: 0;\n }\n .cds--list-box__menu-item--active,\n .cds--list-box__menu-item--active .cds--list-box__menu-item__option,\n .cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option {\n color: var(--cds-text-primary, #161616);\n }\n .cds--list-box__menu-item[disabled]:hover {\n background-color: revert;\n }\n .cds--list-box__menu-item[disabled] .cds--checkbox-label::before {\n border-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,\n .cds--list-box__menu-item[disabled]:hover\n + .cds--list-box__menu-item\n .cds--list-box__menu-item__option {\n border-top-color: var(--cds-border-subtle);\n }\n .cds--list-box__menu-item--active\n + .cds--list-box__menu-item\n > .cds--list-box__menu-item__option,\n .cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option,\n .cds--list-box__menu-item--highlighted\n + .cds--list-box__menu-item\n .cds--list-box__menu-item__option {\n border-top-color: transparent;\n }\n .cds--list-box.cds--list-box--inline .cds--list-box__menu-item__option {\n margin: 0 0.5rem;\n }\n .cds--list-box.cds--list-box--inline .cds--list-box__menu-item__option:focus {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n margin: 0;\n }\n .cds--list-box__menu-item--highlighted {\n border-color: transparent;\n background-color: var(--cds-layer-selected);\n color: var(--cds-text-primary, #161616);\n }\n .cds--list-box--light .cds--list-box__menu-item--active,\n .cds--list-box__menu-item--active {\n border-bottom-color: var(--cds-layer-selected);\n background-color: var(--cds-layer-selected);\n }\n .cds--list-box__menu-item--active:hover {\n border-bottom-color: var(--cds-layer-selected-hover);\n background-color: var(--cds-layer-selected-hover);\n }\n .cds--combo-box--readonly .cds--text-input,\n .cds--combo-box.cds--list-box--expanded .cds--text-input {\n border-bottom-color: var(--cds-border-subtle);\n }\n .cds--list-box__menu-item__selected-icon {\n position: absolute;\n top: 50%;\n right: 1rem;\n display: none;\n fill: var(--cds-icon-primary, #161616);\n transform: translateY(-50%);\n }\n .cds--list-box__menu-item--active .cds--list-box__menu-item__selected-icon {\n display: block;\n }\n .cds--list-box__menu-item .cds--checkbox-label {\n width: 100%;\n }\n .cds--list-box__menu-item .cds--checkbox-label-text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .cds--list-box--up .cds--list-box__menu {\n bottom: 2.5rem;\n }\n .cds--list-box--up .cds--list-box--sm .cds--list-box__menu,\n .cds--list-box--up.cds--dropdown--sm .cds--list-box__menu,\n .cds--list-box--up.cds--list-box--sm .cds--list-box__menu {\n bottom: 2rem;\n }\n .cds--list-box--up .cds--list-box--lg .cds--list-box__menu,\n .cds--list-box--up.cds--dropdown--lg .cds--list-box__menu,\n .cds--list-box--up.cds--list-box--lg .cds--list-box__menu {\n bottom: 3rem;\n }\n .cds--list-box input[role='combobox'],\n .cds--list-box input[type='text'] {\n min-width: 0;\n background-color: inherit;\n text-overflow: ellipsis;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--list-box__field,\n .cds--list-box__menu,\n .cds--multi-select .cds--tag--filter {\n outline: transparent solid 1px;\n }\n .cds--list-box__field:focus,\n .cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option,\n .cds--multi-select .cds--tag__close-icon:focus {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--list-box__menu-icon > svg,\n .cds--list-box__selection--multi > svg,\n .cds--list-box__selection > svg {\n fill: ButtonText;\n }\n }\n .cds--combo-box:hover {\n background-color: var(--cds-field);\n }\n .cds--combo-box--readonly,\n .cds--combo-box--readonly:hover,\n .cds--content-switcher-btn {\n background-color: transparent;\n }\n .cds--combo-box.cds--list-box--light:hover {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--combo-box .cds--text-input::-ms-clear {\n display: none;\n }\n .cds--combo-box--input--focus.cds--text-input {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--combo-box .cds--list-box__field,\n .cds--combo-box.cds--list-box--disabled.cds--list-box--warning\n .cds--list-box__field,\n .cds--combo-box.cds--list-box--disabled.cds--list-box[data-invalid]\n .cds--list-box__field,\n .cds--combo-box.cds--list-box--warning .cds--list-box__field,\n .cds--combo-box.cds--list-box[data-invalid] .cds--list-box__field {\n padding: 0;\n }\n .cds--combo-box--readonly .cds--list-box__menu-icon,\n .cds--combo-box--readonly .cds--list-box__selection {\n cursor: default;\n }\n .cds--combo-button__container {\n display: inline-flex;\n column-gap: 0.0625rem;\n }\n .cds--combo-button__container--sm .cds--combo-button__primary-action {\n min-width: 7.9375rem;\n }\n .cds--combo-button__container--md .cds--combo-button__primary-action {\n min-width: 7.4375rem;\n }\n .cds--combo-button__container--lg .cds--combo-button__primary-action {\n min-width: 6.9375rem;\n }\n .cds--combo-button__primary-action .cds--btn {\n width: 100%;\n }\n .cds--combo-button__trigger svg {\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--combo-button__container--open .cds--combo-button__trigger svg {\n transform: rotate(180deg);\n }\n .cds--contained-list__header {\n position: sticky;\n z-index: 1;\n top: 0;\n display: flex;\n align-items: center;\n padding-inline: 1rem;\n }\n .cds--contained-list__label {\n width: 100%;\n }\n .cds--contained-list--on-page.cds--contained-list--sm\n .cds--contained-list__header {\n height: 2rem;\n }\n .cds--contained-list--sm\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content,\n .cds--contained-list--sm .cds--contained-list-item__content {\n min-height: 2rem;\n padding: calc(0.5rem - 0.125rem) 1rem;\n }\n .cds--contained-list--on-page.cds--contained-list--md\n .cds--contained-list__header {\n height: 2.5rem;\n }\n .cds--contained-list--md\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content,\n .cds--contained-list--md .cds--contained-list-item__content {\n min-height: 2.5rem;\n padding: calc(0.75rem - 0.125rem) 1rem;\n }\n .cds--contained-list--on-page.cds--contained-list--lg\n .cds--contained-list__header {\n height: 3rem;\n }\n .cds--contained-list--lg\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content,\n .cds--contained-list--lg .cds--contained-list-item__content {\n min-height: 3rem;\n padding: calc(1rem - 0.125rem) 1rem;\n }\n .cds--contained-list--on-page.cds--contained-list--xl\n .cds--contained-list__header {\n height: 4rem;\n }\n .cds--contained-list--xl\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content,\n .cds--contained-list--xl .cds--contained-list-item__content {\n min-height: 4rem;\n padding: calc(1.5rem - 0.125rem) 1rem;\n }\n .cds--contained-list--on-page + .cds--contained-list--on-page {\n margin-block-start: 1rem;\n }\n .cds--contained-list--on-page .cds--contained-list__header {\n font-size: var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-compact-01-font-weight, 600);\n border-bottom: 1px solid var(--cds-border-subtle);\n background-color: var(--cds-background, #fff);\n color: var(--cds-text-primary, #161616);\n }\n .cds--layer-two .cds--contained-list--on-page .cds--contained-list__header {\n background-color: var(--cds-layer-01, #f4f4f4);\n }\n .cds--layer-three .cds--contained-list--on-page .cds--contained-list__header {\n background-color: var(--cds-layer-02, #fff);\n }\n .cds--contained-list--disclosed .cds--contained-list__header {\n font-size: var(--cds-label-01-font-size, 0.75rem);\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n height: 2rem;\n background-color: var(--cds-layer);\n color: var(--cds-text-secondary, #525252);\n }\n .cds--contained-list-item {\n position: relative;\n }\n .cds--contained-list-item:not(:first-of-type) {\n margin-top: -1px;\n }\n .cds--contained-list-item--clickable .cds--contained-list-item__content {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n display: inline-block;\n appearance: none;\n background: 0 0;\n cursor: pointer;\n text-align: start;\n width: 100%;\n text-align: start;\n transition: background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--contained-list-item--clickable .cds--contained-list-item__content *,\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content\n ::after,\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content\n ::before {\n box-sizing: inherit;\n }\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content::-moz-focus-inner {\n border: 0;\n }\n .cds--contained-list-item--clickable .cds--contained-list-item__content,\n .cds--contained-list-item__content {\n font-size: var(--cds-body-01-font-size, 0.875rem);\n font-weight: var(--cds-body-01-font-weight, 400);\n line-height: var(--cds-body-01-line-height, 1.42857);\n letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n color: var(--cds-text-primary, #161616);\n }\n .cds--contained-list-item:not(:last-of-type)::before {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n height: 1px;\n background-color: var(--cds-border-subtle);\n content: '';\n }\n .cds--contained-list--inset-rulers\n .cds--contained-list-item:not(:last-of-type)::before {\n right: 1rem;\n left: 1rem;\n }\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content:not(:disabled):hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content:not(:disabled):active {\n background-color: var(--cds-layer-active);\n }\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content:disabled,\n .flatpickr-day.flatpickr-disabled {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content:focus {\n outline: 0;\n }\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content:focus::after {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n content: '';\n }\n .cds--dropdown--inline.cds--dropdown--invalid .cds--dropdown__invalid-icon,\n .cds--select--inline.cds--select--invalid\n .cds--select-input\n ~ .cds--select__invalid-icon {\n right: 2rem;\n }\n @media screen and (prefers-contrast) {\n .cds--combo-box--input--focus.cds--text-input,\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content:focus::after {\n outline-style: dotted;\n }\n }\n .cds--contained-list-item--with-action .cds--contained-list-item__content {\n padding-inline-end: 4rem;\n }\n .cds--contained-list-item__action,\n .cds--contained-list__action {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n display: flex;\n justify-content: flex-end;\n pointer-events: none;\n }\n .cds--contained-list-item__action > *,\n .cds--contained-list__action > * {\n pointer-events: all;\n }\n .cds--contained-list-item--with-icon .cds--contained-list-item__content {\n display: grid;\n column-gap: 0.75rem;\n grid-template-columns: 1rem 1fr;\n }\n .cds--contained-list-item__icon {\n display: inline-flex;\n padding-top: 0.125rem;\n }\n .cds--content-switcher {\n display: flex;\n width: 100%;\n height: 2.5rem;\n justify-content: space-evenly;\n }\n .cds--content-switcher--icon-only.cds--content-switcher--sm .cds--btn--sm,\n .cds--content-switcher--sm {\n height: 2rem;\n }\n .cds--content-switcher--lg {\n height: 3rem;\n }\n .cds--content-switcher-btn {\n outline: transparent solid 2px;\n outline-offset: -2px;\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n position: relative;\n display: inline-flex;\n overflow: hidden;\n width: 100%;\n align-items: center;\n padding: 0.5rem 1rem;\n border: none;\n border-top: 0.0625rem solid var(--cds-border-inverse, #161616);\n border-bottom: 0.0625rem solid var(--cds-border-inverse, #161616);\n margin: 0;\n color: var(--cds-text-secondary, #525252);\n text-align: left;\n text-decoration: none;\n transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n white-space: nowrap;\n }\n .cds--content-switcher-btn html {\n font-size: 100%;\n }\n .cds--content-switcher-btn body {\n font-weight: 400;\n }\n .cds--content-switcher-btn code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--content-switcher-btn strong {\n font-weight: 600;\n }\n .cds--content-switcher-btn::after {\n position: absolute;\n top: 0;\n left: 0;\n display: block;\n width: 100%;\n height: 100%;\n background-color: var(--cds-layer-selected-inverse, #161616);\n content: '';\n transform: scaleY(0);\n transform-origin: bottom;\n transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--skeleton.cds--text-input::before {\n animation: none;\n }\n .cds--content-switcher-btn::after {\n transition: none;\n }\n }\n .cds--content-switcher-btn:focus {\n z-index: 3;\n border-color: var(--cds-focus, #0f62fe);\n box-shadow:\n inset 0 0 0 2px var(--cds-focus, #0f62fe),\n inset 0 0 0 3px var(--cds-focus-inset, #fff);\n }\n .cds--content-switcher-btn:disabled,\n .cds--content-switcher-btn:disabled:first-child,\n .cds--content-switcher-btn:disabled:last-child {\n border-color: var(--cds-border-disabled, #c6c6c6);\n }\n .cds--content-switcher-btn:focus::after {\n clip-path: inset(3px 3px 3px 3px);\n }\n .cds--content-switcher-btn:hover {\n color: var(--cds-text-primary, #161616);\n cursor: pointer;\n }\n .cds--content-switcher-btn:active,\n .cds--content-switcher-btn:hover {\n z-index: 3;\n background-color: var(--cds-layer-hover);\n color: var(--cds-text-primary, #161616);\n }\n .cds--content-switcher-btn:disabled {\n background-color: transparent;\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--content-switcher-btn:disabled:hover {\n cursor: not-allowed;\n }\n .cds--content-switcher:not(.cds--content-switcher--icon-only)\n .cds--content-switcher-btn:first-child {\n border-left: 0.0625rem solid var(--cds-border-inverse, #161616);\n border-bottom-left-radius: 0.25rem;\n border-top-left-radius: 0.25rem;\n }\n .cds--content-switcher:not(.cds--content-switcher--icon-only)\n .cds--content-switcher-btn:first-child:disabled {\n border-color: var(--cds-border-disabled, #c6c6c6);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--content-switcher:not(.cds--content-switcher--icon-only)\n .cds--content-switcher-btn:last-child {\n border-right: 0.0625rem solid var(--cds-border-inverse, #161616);\n border-bottom-right-radius: 0.25rem;\n border-top-right-radius: 0.25rem;\n }\n .cds--content-switcher:not(.cds--content-switcher--icon-only)\n .cds--content-switcher-btn:last-child:disabled {\n border-color: var(--cds-border-disabled, #c6c6c6);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--content-switcher\n .cds--content-switcher-btn.cds--content-switcher--selected,\n .cds--content-switcher\n .cds--content-switcher-btn.cds--content-switcher--selected:first-child,\n .cds--content-switcher\n .cds--content-switcher-btn.cds--content-switcher--selected:last-child {\n border: 0;\n }\n .cds--content-switcher-btn::before {\n position: absolute;\n z-index: 2;\n left: 0;\n display: block;\n width: 0.0625rem;\n height: 1rem;\n background-color: var(--cds-border-subtle);\n content: '';\n }\n .cds--table-toolbar:not(.cds--table-toolbar--sm)\n .cds--toolbar-search-container-persistent.cds--search--lg\n .cds--search-magnifier-icon,\n .cds--toolbar-search-container-persistent .cds--search-magnifier-icon {\n left: 1rem;\n }\n .cds--content-switcher--selected + .cds--content-switcher-btn::before,\n .cds--content-switcher--selected::before,\n .cds--content-switcher-btn.cds--content-switcher--selected:disabled\n + .cds--content-switcher-btn::before,\n .cds--content-switcher-btn.cds--content-switcher--selected:disabled:hover\n + .cds--content-switcher-btn::before,\n .cds--content-switcher-btn:focus + .cds--content-switcher-btn::before,\n .cds--content-switcher-btn:focus::before,\n .cds--content-switcher-btn:hover + .cds--content-switcher-btn::before,\n .cds--content-switcher-btn:hover::before {\n background-color: transparent;\n }\n .cds--content-switcher-btn:disabled::before,\n .cds--content-switcher-btn:disabled:hover\n + .cds--content-switcher-btn:disabled::before {\n background-color: var(--cds-border-disabled, #c6c6c6);\n }\n .cds--content-switcher__icon {\n fill: var(--cds-icon-secondary, #525252);\n transition: fill 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--content-switcher--icon-only .cds--content-switcher-btn svg,\n .cds--content-switcher-btn:focus .cds--content-switcher__icon,\n .cds--content-switcher-btn:hover .cds--content-switcher__icon,\n .cds--toolbar-action__icon {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--content-switcher__icon + span {\n margin-left: 0.5rem;\n }\n .cds--content-switcher__label {\n z-index: 1;\n overflow: hidden;\n max-width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .cds--content-switcher-btn.cds--content-switcher--selected {\n z-index: 3;\n background-color: var(--cds-layer-selected-inverse, #161616);\n color: var(--cds-text-inverse, #fff);\n }\n .cds--content-switcher-btn.cds--content-switcher--selected:disabled {\n background-color: var(--cds-layer-selected-disabled, #8d8d8d);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--data-table tr:hover .cds--link,\n .cds--data-table--selected .cds--link:not(.cds--link--disabled) {\n color: var(--cds-link-secondary, #0043ce);\n }\n .cds--content-switcher-btn.cds--content-switcher--selected::after {\n transform: scaleY(1);\n }\n .cds--content-switcher-btn.cds--content-switcher--selected\n .cds--content-switcher__icon {\n fill: var(--cds-icon-inverse, #ffffff);\n }\n .cds--content-switcher--icon-only {\n justify-content: flex-start;\n }\n .cds--content-switcher--icon-only\n .cds--content-switcher-popover__wrapper:first-child\n .cds--content-switcher-btn {\n border-left: 0.0625rem solid var(--cds-border-inverse, #161616);\n border-bottom-left-radius: 0.25rem;\n border-top-left-radius: 0.25rem;\n }\n .cds--content-switcher--icon-only\n .cds--content-switcher-popover__wrapper:first-child\n .cds--content-switcher--selected[disabled],\n .cds--content-switcher--icon-only\n .cds--content-switcher-popover__wrapper:last-child\n .cds--content-switcher--selected[disabled] {\n border-color: var(--cds-layer-selected-disabled, #8d8d8d);\n }\n .cds--content-switcher--icon-only\n .cds--content-switcher-popover__wrapper:last-child\n .cds--content-switcher-btn {\n border-right: 0.0625rem solid var(--cds-border-inverse, #161616);\n border-bottom-right-radius: 0.25rem;\n border-top-right-radius: 0.25rem;\n }\n .cds--content-switcher--icon-only\n .cds--content-switcher-popover__wrapper:first-child\n .cds--content-switcher-btn.cds--content-switcher--selected,\n .cds--content-switcher--icon-only\n .cds--content-switcher-popover__wrapper:last-child\n .cds--content-switcher-btn.cds--content-switcher--selected {\n border-color: var(--cds-background, #fff);\n }\n .cds--content-switcher--lg .cds--content-switcher-btn {\n padding-right: 0.875rem;\n padding-left: 0.875rem;\n }\n .cds--content-switcher--lg .cds--content-switcher-btn svg {\n width: 20px;\n height: 20px;\n }\n .cds--content-switcher--icon-only\n .cds--content-switcher-btn.cds--content-switcher--selected\n svg {\n z-index: 1;\n fill: var(--cds-icon-inverse, #ffffff);\n }\n .cds--content-switcher--selected::before,\n .cds--content-switcher-btn:focus::before,\n .cds--content-switcher-btn:hover::before,\n .cds--content-switcher-popover--selected\n + .cds--content-switcher-popover__wrapper\n .cds--content-switcher-btn::before,\n .cds--content-switcher-popover__wrapper:focus-within\n + .cds--content-switcher-popover__wrapper\n .cds--content-switcher-btn::before,\n .cds--content-switcher-popover__wrapper:not(\n .cds--content-switcher-popover--disabled\n ):hover\n + .cds--content-switcher-popover__wrapper\n .cds--content-switcher-btn::before {\n background-color: transparent;\n }\n .cds--content-switcher--icon-only .cds--content-switcher-btn[disabled] {\n border-color: var(--cds-border-inverse, #161616);\n }\n .cds--content-switcher--icon-only .cds--content-switcher-btn[disabled] svg,\n .flatpickr-next-month.disabled:hover svg,\n .flatpickr-prev-month.disabled:hover svg {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--content-switcher--icon-only\n .cds--content-switcher-btn[disabled]:not(\n .cds--content-switcher--selected\n ):hover,\n .cds--content-switcher--icon-only\n .cds--content-switcher-popover--selected\n + .cds--content-switcher-popover--disabled\n .cds--content-switcher-btn[disabled]:hover::before {\n background-color: transparent;\n }\n .cds--content-switcher--icon-only\n .cds--content-switcher-btn[disabled]:hover::before {\n background-color: var(--cds-border-subtle);\n }\n .cds--number\n input[type='number'][data-invalid]:focus\n ~ .cds--number__controls\n .cds--number__control-btn.up-icon::after,\n .cds--number\n input[type='number'][data-invalid]\n ~ .cds--number__controls\n .cds--number__control-btn.up-icon:focus::after,\n .cds--toolbar-search-container-expandable.cds--search\n .cds--search-close:focus::before {\n background-color: var(--cds-focus, #0f62fe);\n }\n .cds--data-table-container {\n position: relative;\n padding-top: 0.125rem;\n }\n .cds--data-table-content {\n display: block;\n overflow-x: auto;\n }\n .cds--data-table-header {\n padding: 1rem 0 1.5rem 1rem;\n background: var(--cds-layer);\n }\n .cds--data-table-header__title {\n font-size: var(--cds-heading-03-font-size, 1.25rem);\n font-weight: var(--cds-heading-03-font-weight, 400);\n line-height: var(--cds-heading-03-line-height, 1.4);\n letter-spacing: var(--cds-heading-03-letter-spacing, 0);\n color: var(--cds-text-primary, #161616);\n }\n .cds--data-table-header__description {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n color: var(--cds-text-secondary, #525252);\n }\n @media (min-width: 42rem) {\n .cds--data-table-header__description {\n max-width: 50ch;\n }\n }\n @media (min-width: 66rem) {\n .cds--data-table-header__description {\n max-width: 80ch;\n }\n }\n .cds--data-table {\n width: 100%;\n }\n .cds--data-table thead {\n font-size: var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-compact-01-font-weight, 600);\n background-color: var(--cds-layer-accent);\n }\n .cds--batch-summary__para,\n .cds--data-table tbody {\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n }\n .cds--data-table tbody {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n width: 100%;\n background-color: var(--cds-layer);\n }\n .cds--data-table tr {\n width: 100%;\n height: 3rem;\n border: none;\n }\n .cds--data-table tbody tr:hover td,\n .cds--data-table tbody tr:hover th {\n border-top: 1px solid var(--cds-layer-hover);\n border-bottom: 1px solid var(--cds-layer-hover);\n background: var(--cds-layer-hover);\n color: var(--cds-text-primary, #161616);\n }\n .cds--data-table tr:hover .cds--link--disabled {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--data-table td,\n .cds--data-table th {\n text-align: left;\n vertical-align: middle;\n }\n .cds--data-table td[align='right'],\n .cds--data-table th[align='right'] {\n text-align: right;\n }\n .cds--data-table td[align='center'],\n .cds--data-table th[align='center'] {\n text-align: center;\n }\n .cds--data-table th {\n padding-right: 1rem;\n padding-left: 1rem;\n background-color: var(--cds-layer-accent);\n color: var(--cds-text-primary, #161616);\n }\n .cds--data-table th:last-of-type {\n position: static;\n width: auto;\n }\n .cds--data-table .cds--table-header-label {\n text-align: left;\n }\n .cds--data-table tbody th,\n .cds--data-table td {\n padding-right: 1rem;\n padding-left: 1rem;\n border-top: 1px solid var(--cds-layer);\n border-bottom: 1px solid var(--cds-border-subtle);\n background: var(--cds-layer);\n color: var(--cds-text-secondary, #525252);\n }\n .cds--data-table tbody th + td:first-of-type,\n .cds--data-table td + td:first-of-type {\n padding-left: 0.75rem;\n }\n @supports (-moz-appearance: none) {\n .cds--data-table td {\n background-clip: padding-box;\n }\n }\n .cds--data-table .cds--dropdown,\n .cds--data-table .cds--list-box,\n .cds--data-table .cds--list-box input[role='combobox'],\n .cds--data-table .cds--list-box input[type='text'],\n .cds--data-table .cds--number input[type='number'],\n .cds--data-table .cds--number__control-btn::after,\n .cds--data-table .cds--number__control-btn::before,\n .cds--data-table .cds--select-input,\n .cds--data-table .cds--text-input {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--data-table\n td.cds--table-column-menu\n .cds--overflow-menu[aria-expanded='false']:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--data-table\n td.cds--table-column-menu\n .cds--overflow-menu[aria-expanded='false']:focus {\n outline-style: dotted;\n }\n }\n .cds--data-table\n td.cds--table-column-menu\n .cds--overflow-menu[aria-expanded='true']:focus {\n outline: 0;\n }\n @media screen and (hover: hover),\n (-ms-high-contrast: active),\n (-ms-high-contrast: none) {\n .cds--data-table\n td.cds--table-column-menu\n .cds--overflow-menu\n .cds--overflow-menu__icon {\n opacity: 0;\n }\n }\n .cds--data-table\n td.cds--table-column-menu\n .cds--overflow-menu.cds--overflow-menu--open\n .cds--overflow-menu__icon,\n .cds--data-table\n td.cds--table-column-menu\n .cds--overflow-menu:focus\n .cds--overflow-menu__icon,\n .cds--data-table\n td.cds--table-column-menu\n .cds--overflow-menu:hover\n .cds--overflow-menu__icon,\n .cds--data-table\n tr:hover\n td.cds--table-column-menu\n .cds--overflow-menu\n .cds--overflow-menu__icon,\n .cds--data-table.cds--data-table--visible-overflow-menu\n td.cds--table-column-menu\n .cds--overflow-menu\n .cds--overflow-menu__icon {\n opacity: 1;\n }\n .cds--table-row--menu-option\n .cds--overflow-menu-options__btn\n .cds--overflow-menu-options__option-content\n svg {\n position: relative;\n top: 0.1875rem;\n margin-right: 0.5rem;\n }\n .cds--data-table .cds--overflow-menu:hover,\n .cds--data-table .cds--overflow-menu__trigger:hover {\n background-color: var(--cds-layer-selected-hover);\n }\n .cds--data-table--selected .cds--overflow-menu:hover,\n .cds--data-table--selected .cds--overflow-menu__trigger:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--data-table--sm td.cds--table-column-menu,\n .cds--data-table--xs td.cds--table-column-menu {\n height: 1.5rem;\n padding-top: 0;\n padding-bottom: 0;\n }\n .cds--data-table--sm td.cds--table-column-menu {\n height: 2rem;\n }\n .cds--data-table--md td.cds--table-column-menu {\n height: 2.5rem;\n }\n .cds--data-table--xl .cds--table-column-menu {\n padding-top: 0.5rem;\n }\n .cds--data-table--zebra tbody tr:not(.cds--parent-row):nth-child(odd) td {\n border-bottom: 1px solid var(--cds-layer);\n }\n .cds--data-table--zebra tbody tr:not(.cds--parent-row):nth-child(2n) td {\n border-top: 1px solid var(--cds-layer-accent);\n border-bottom: 1px solid var(--cds-layer-accent);\n background-color: var(--cds-layer-accent);\n }\n .cds--data-table--zebra tbody tr:not(.cds--parent-row):hover td {\n border-top: 1px solid var(--cds-layer-hover);\n border-bottom: 1px solid var(--cds-layer-hover);\n background-color: var(--cds-layer-hover);\n }\n .cds--table-column-checkbox .cds--checkbox-label {\n padding-left: 0;\n }\n .cds--data-table th.cds--table-column-checkbox {\n position: static;\n width: 2rem;\n background: var(--cds-layer-accent);\n }\n .cds--data-table tbody td.cds--table-column-checkbox,\n .cds--data-table tbody td.cds--table-expand,\n .cds--data-table thead th.cds--table-column-checkbox,\n .cds--data-table thead th.cds--table-expand {\n min-width: 0;\n }\n .cds--data-table tbody td.cds--table-column-checkbox,\n .cds--data-table thead th.cds--table-column-checkbox {\n min-width: 2.5rem;\n padding-right: 0.25rem;\n padding-left: 1rem;\n }\n .cds--data-table tbody td.cds--table-expand,\n .cds--data-table thead th.cds--table-expand {\n width: 2rem;\n height: 2rem;\n }\n .cds--data-table--xs tbody td.cds--table-expand,\n .cds--data-table--xs thead th.cds--table-expand {\n width: 1.5rem;\n height: 1.5rem;\n padding: 0 0 0 0.5rem;\n }\n .cds--data-table--sm tbody td.cds--table-expand,\n .cds--data-table--sm thead th.cds--table-expand {\n width: 2rem;\n height: 2rem;\n padding: 0 0 0 0.5rem;\n }\n .cds--data-table--md tbody td.cds--table-expand,\n .cds--data-table--md thead th.cds--table-expand {\n width: 2.5rem;\n height: 2.5rem;\n padding: 0.25rem 0 0.25rem 0.5rem;\n }\n .cds--data-table--xl tbody td.cds--table-expand,\n .cds--data-table--xl thead th.cds--table-expand {\n height: 4rem;\n padding-top: 0.625rem;\n padding-bottom: 1.375rem;\n }\n .cds--data-table--xl .cds--table-column-checkbox {\n padding-top: 0.8125rem;\n }\n .cds--data-table--xl .cds--table-column-radio {\n padding-top: 1rem;\n }\n .cds--table-column-radio {\n width: 48px;\n }\n .cds--table-column-radio .cds--radio-button__appearance {\n margin-right: -0.125rem;\n }\n .cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected td,\n tr.cds--data-table--selected td {\n border-top: 1px solid var(--cds-layer-selected);\n border-bottom: 1px solid var(--cds-layer-active);\n background-color: var(--cds-layer-selected);\n color: var(--cds-text-primary, #161616);\n }\n .cds--data-table--zebra\n tbody\n tr:first-of-type:nth-child(odd).cds--data-table--selected\n td,\n tr.cds--data-table--selected:first-of-type td {\n border-top: 1px solid var(--cds-border-subtle-selected);\n }\n .cds--data-table--zebra\n tbody\n tr:last-of-type:nth-child(2n).cds--data-table--selected\n td,\n .cds--data-table--zebra\n tbody\n tr:last-of-type:nth-child(odd).cds--data-table--selected\n td,\n tr.cds--data-table--selected:last-of-type td {\n border-top: 1px solid var(--cds-layer-selected);\n border-bottom: 1px solid var(--cds-layer-selected);\n }\n .cds--data-table--sticky-header thead tr th,\n .cds--data-table--zebra tbody tr:nth-child(2n).cds--data-table--selected td {\n border-bottom: 1px solid var(--cds-layer-active);\n }\n .cds--data-table--zebra\n tbody\n tr:nth-child(2n).cds--data-table--selected:hover\n td {\n border-bottom: 1px solid var(--cds-layer-selected-hover);\n }\n .cds--data-table tbody .cds--data-table--selected:hover td,\n .cds--data-table--zebra\n tbody\n tr:nth-child(odd).cds--data-table--selected:hover\n td {\n border-top: 1px solid var(--cds-layer-selected-hover);\n border-bottom: 1px solid var(--cds-layer-selected-hover);\n background: var(--cds-layer-selected-hover);\n color: var(--cds-text-primary, #161616);\n }\n .cds--data-table--selected .cds--overflow-menu .cds--overflow-menu__icon {\n opacity: 1;\n }\n .cds--data-table--xs tbody tr,\n .cds--data-table--xs tbody tr th,\n .cds--data-table--xs thead tr {\n height: 1.5rem;\n }\n .cds--data-table--xs .cds--table-header-label,\n .cds--data-table--xs tbody tr th,\n .cds--data-table--xs td {\n padding-top: 0.125rem;\n padding-bottom: 0.125rem;\n }\n .cds--data-table--md tbody tr th,\n .cds--data-table--md td,\n .cds--data-table--sm tbody tr th,\n .cds--data-table--sm td {\n padding-top: 0.4375rem;\n padding-bottom: 0.375rem;\n }\n .cds--data-table--xs .cds--overflow-menu {\n width: 2rem;\n height: calc(100% + 1px);\n }\n .cds--data-table.cds--data-table--xs .cds--table-column-checkbox {\n padding-top: 0;\n padding-bottom: 0;\n }\n .cds--data-table.cds--data-table--xs\n .cds--table-column-checkbox\n .cds--checkbox-label {\n height: 1.4375rem;\n min-height: 1.4375rem;\n }\n .cds--data-table--sm tbody tr,\n .cds--data-table--sm tbody tr th,\n .cds--data-table--sm thead tr {\n height: 2rem;\n }\n .cds--data-table--sm .cds--table-header-label {\n padding-top: 0.4375rem;\n padding-bottom: 0.4375rem;\n }\n .cds--data-table.cds--data-table--sm .cds--table-column-checkbox {\n padding-top: 0.1875rem;\n padding-bottom: 0.1875rem;\n }\n .cds--data-table--sm .cds--overflow-menu {\n height: calc(100% + 1px);\n }\n .cds--data-table--md tbody tr,\n .cds--data-table--md tbody tr th,\n .cds--data-table--md thead tr {\n height: 2.5rem;\n }\n .cds--data-table--md .cds--table-header-label {\n padding-top: 0.4375rem;\n padding-bottom: 0.4375rem;\n }\n .cds--data-table--md .cds--table-column-menu,\n .cds--data-table.cds--data-table--md .cds--table-column-checkbox {\n padding-top: 0.1875rem;\n padding-bottom: 0.1875rem;\n }\n .cds--data-table--xl tbody tr,\n .cds--data-table--xl tbody tr th,\n .cds--data-table--xl thead tr {\n height: 4rem;\n }\n .cds--data-table--xl .cds--table-header-label {\n padding-top: 1rem;\n padding-bottom: 1rem;\n }\n .cds--data-table--xl tbody tr th,\n .cds--data-table--xl td {\n padding-top: 1rem;\n }\n .cds--data-table--xl td,\n .cds--data-table--xl th {\n vertical-align: top;\n }\n .cds--data-table--xl .cds--data-table--cell-secondary-text {\n font-size: var(--cds-label-01-font-size, 0.75rem);\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n }\n .cds--data-table--static,\n .flatpickr-calendar.hasWeeks {\n width: auto;\n }\n .cds--data-table-container--static {\n width: fit-content;\n }\n .cds--data-table_inner-container {\n background-color: var(--cds-layer-accent);\n transform: translateZ(0);\n }\n .cds--data-table--sticky-header {\n display: block;\n overflow-y: scroll;\n max-height: rem(300px);\n }\n .flatpickr-calendar,\n tr.cds--parent-row:not(.cds--expandable-row)\n + tr[data-child-row]\n td\n .cds--child-row-inner-container {\n overflow: hidden;\n max-height: 0;\n }\n .cds--data-table--sticky-header tbody,\n .cds--data-table--sticky-header td,\n .cds--data-table--sticky-header th,\n .cds--data-table--sticky-header thead,\n .cds--data-table--sticky-header tr {\n display: flex;\n }\n .cds--data-table--sticky-header thead {\n position: sticky;\n z-index: 1;\n top: 0;\n overflow: scroll;\n width: 100%;\n -ms-overflow-style: none;\n will-change: transform;\n }\n .cds--data-table--sticky-header tbody {\n flex-direction: column;\n -ms-overflow-style: none;\n overflow-x: scroll;\n will-change: transform;\n }\n .cds--data-table--sticky-header tr.cds--parent-row.cds--expandable-row {\n height: auto;\n min-height: 3rem;\n }\n .cds--data-table--sticky-header tr.cds--expandable-row:not(.cds--parent-row),\n .cds--data-table--sticky-header.cds--data-table--sm\n tr:not(.cds--expandable-row),\n .cds--data-table--sticky-header.cds--data-table--xl\n tr:not(.cds--expandable-row),\n .cds--data-table--sticky-header.cds--data-table--xs\n tr:not(.cds--expandable-row),\n .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\n height: auto;\n }\n .cds--data-table--sticky-header .cds--table-expand {\n max-width: 3rem;\n }\n .cds--data-table--sticky-header thead .cds--table-expand {\n align-items: center;\n }\n .cds--data-table--sticky-header .cds--parent-row {\n min-height: 3rem;\n }\n .cds--data-table--sticky-header:not(.cds--data-table--xs):not(\n .cds--data-table--xl\n ):not(.cds--data-table--sm)\n td:not(.cds--table-column-menu):not(.cds--table-column-checkbox) {\n padding-top: 0.875rem;\n }\n .cds--data-table--sticky-header\n tr.cds--parent-row.cds--expandable-row:hover\n + tr[data-child-row]\n td {\n border-top: 1px solid var(--cds-layer-hover);\n }\n .cds--data-table--sticky-header tr.cds--expandable-row:last-of-type {\n overflow: hidden;\n }\n .cds--data-table--sticky-header\n tr.cds--data-table--selected:first-of-type\n td {\n border-top: none;\n }\n .cds--data-table--sticky-header tbody tr td.cds--table-column-checkbox,\n .cds--data-table--sticky-header thead th.cds--table-column-checkbox {\n width: 2.25rem;\n min-width: 2.25rem;\n align-items: center;\n }\n .cds--data-table--sticky-header.cds--data-table--xl\n td.cds--table-column-checkbox,\n .cds--data-table--sticky-header.cds--data-table--xl\n thead\n th.cds--table-column-checkbox {\n align-items: flex-start;\n }\n .cds--data-table--sticky-header\n th.cds--table-column-checkbox\n ~ th:last-of-type:empty {\n max-width: 4rem;\n }\n .cds--data-table--sticky-header th:empty:not(.cds--table-expand) {\n max-width: 2.25rem;\n }\n .cds--data-table--sticky-header td.cds--table-column-menu {\n height: auto;\n align-items: center;\n padding-top: 0;\n }\n .cds--data-table--sticky-header tbody::-webkit-scrollbar,\n .cds--data-table--sticky-header thead::-webkit-scrollbar {\n display: none;\n }\n .cds--data-table--sticky-header tbody tr:last-of-type {\n border-bottom: 0;\n }\n .cds--data-table--sticky-header\n td:not(.cds--table-column-checkbox):not(.cds--table-column-menu):not(\n .cds--table-expand\n ):not(.cds--table-column-icon),\n .cds--data-table--sticky-header\n th:not(.cds--table-column-checkbox):not(.cds--table-column-menu):not(\n .cds--table-expand\n ):not(.cds--table-column-icon) {\n width: 100%;\n min-width: 0;\n }\n .cds--data-table--sticky-header.cds--data-table--xs\n tr:not(.cds--expandable-row) {\n min-height: 1.5rem;\n }\n .cds--data-table--sticky-header.cds--data-table--sm\n tr:not(.cds--expandable-row) {\n min-height: 2rem;\n }\n .cds--data-table--sticky-header.cds--data-table--xl\n tr:not(.cds--expandable-row) {\n min-height: 4rem;\n }\n .cds--data-table--sticky-header.cds--data-table--xs tr td.cds--table-expand {\n padding-top: 0.25rem;\n }\n .cds--data-table--sticky-header.cds--data-table--sm tr td.cds--table-expand {\n padding-top: 0.5rem;\n }\n .cds--data-table--sticky-header .cds--table-header-label {\n display: block;\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: calc(100% - 10px);\n padding-top: 0.9375rem;\n padding-bottom: 1rem;\n overflow-y: hidden;\n }\n .cds--data-table--sticky-header.cds--data-table--xs\n th\n .cds--table-header-label {\n padding-top: 0.1875rem;\n padding-bottom: 0;\n }\n .cds--data-table--sticky-header.cds--data-table--sm\n th\n .cds--table-header-label {\n padding-top: 0.5rem;\n padding-bottom: 0;\n }\n .cds--data-table--sticky-header.cds--data-table--xl\n th\n .cds--table-header-label {\n padding-top: 1rem;\n }\n .cds--data-table--sticky-header.cds--data-table--xl th.cds--table-expand {\n display: flex;\n align-items: flex-start;\n }\n .cds--data-table--sticky-header.cds--data-table--sm\n tr.cds--parent-row\n .cds--table-column-checkbox,\n .cds--data-table--sticky-header.cds--data-table--xs\n tr.cds--parent-row\n .cds--table-column-checkbox {\n align-items: flex-start;\n }\n .cds--data-table--max-width {\n max-width: 100%;\n }\n .cds--data-table .cds--form-item.cds--checkbox-wrapper:last-of-type {\n margin: 0;\n }\n .cds--data-table--sm .cds--form-item.cds--checkbox-wrapper:last-of-type,\n .cds--data-table--xs .cds--form-item.cds--checkbox-wrapper:last-of-type {\n margin: -0.1875rem 0;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--content-switcher-btn:focus {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--data-table-content {\n outline: transparent solid 1px;\n }\n }\n .cds--table-toolbar {\n position: relative;\n display: flex;\n width: 100%;\n min-height: 3rem;\n background-color: var(--cds-layer);\n }\n .cds--toolbar-content {\n display: flex;\n width: 100%;\n height: 3rem;\n justify-content: flex-end;\n transform: translate3d(0, 0, 0);\n transition:\n transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--batch-actions ~ .cds--toolbar-content {\n clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);\n }\n .cds--toolbar-content .cds--search .cds--search-input {\n height: 3rem;\n padding: 0 3rem;\n background-color: transparent;\n }\n .cds--toolbar-content .cds--overflow-menu {\n width: 3rem;\n height: 3rem;\n }\n .cds--batch-actions ~ .cds--toolbar-search-container {\n display: flex;\n align-items: center;\n opacity: 1;\n transition: opacity 110ms;\n }\n .cds--toolbar-search-container-expandable {\n position: relative;\n width: 3rem;\n height: 3rem;\n box-shadow: none;\n cursor: pointer;\n transition:\n width 0.3s cubic-bezier(0.5, 0, 0.1, 1),\n background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);\n }\n .cds--toolbar-search-container-expandable:hover {\n background-color: var(--cds-field-hover);\n }\n .cds--search.cds--toolbar-search-container-expandable {\n width: 3rem;\n }\n .cds--toolbar-search-container-expandable .cds--search-input {\n height: 100%;\n cursor: pointer;\n opacity: 0;\n }\n .cds--toolbar-search-container-expandable:not(\n .cds--toolbar-search-container-active\n )\n .cds--search-input {\n padding: 0;\n }\n .cds--toolbar-search-container-disabled .cds--search-input {\n cursor: not-allowed;\n }\n .cds--toolbar-search-container-expandable.cds--search .cds--label {\n visibility: hidden;\n }\n .cds--toolbar-search-container-expandable.cds--search .cds--search-close {\n width: 3rem;\n height: 3rem;\n }\n .cds--toolbar-search-container-expandable.cds--search\n .cds--search-close::before {\n top: 0.125rem;\n height: calc(100% - 0.25rem);\n background-color: var(--cds-field-hover);\n }\n .cds--table-toolbar .cds--search--lg .cds--search-magnifier-icon,\n .cds--table-toolbar.cds--table-toolbar--sm\n .cds--search--sm:not(.cds--toolbar-search-container-active):not(\n .cds--toolbar-search-container-persistent\n )\n .cds--search-magnifier-icon {\n left: 0;\n }\n .cds--table-toolbar\n .cds--toolbar-search-container-persistent.cds--search--sm\n .cds--search-magnifier-icon,\n .cds--table-toolbar.cds--table-toolbar--sm\n .cds--search--sm.cds--toolbar-search-container-active\n .cds--search-magnifier-icon {\n left: 0.5rem;\n }\n .cds--toolbar-search-container-expandable .cds--search-magnifier-icon {\n width: 3rem;\n height: 3rem;\n padding: 1rem;\n }\n .cds--toolbar-search-container-expandable.cds--search--disabled\n .cds--search-magnifier-icon {\n background-color: var(--cds-layer);\n cursor: not-allowed;\n }\n .cds--toolbar-search-container-active .cds--search-magnifier-icon:active,\n .cds--toolbar-search-container-active .cds--search-magnifier-icon:focus,\n .cds--toolbar-search-container-active .cds--search-magnifier-icon:hover {\n border: none;\n background-color: transparent;\n outline: 0;\n }\n .cds--toolbar-search-container-active.cds--search {\n width: 100%;\n }\n .cds--toolbar-search-container-active .cds--search-input {\n opacity: 1;\n }\n .cds--toolbar-search-container-active .cds--label,\n .cds--toolbar-search-container-active .cds--search-input {\n padding: 0 3rem;\n cursor: text;\n }\n .cds--toolbar-search-container-active\n .cds--search-input:focus\n + .cds--search-close {\n border: none;\n box-shadow: none;\n outline: 0;\n }\n .cds--toolbar-search-container-active\n .cds--search-input:not(:placeholder-shown) {\n border: none;\n background-color: var(--cds-field-hover);\n }\n .cds--toolbar-search-container-active .cds--search-close,\n .cds--toolbar-search-container-active .cds--search-close:hover,\n .cds--toolbar-search-container-persistent .cds--search-close,\n .cds--toolbar-search-container-persistent .cds--search-close:hover {\n border: none;\n background-color: transparent;\n }\n .cds--overflow-menu.cds--toolbar-action,\n .cds--toolbar-action {\n box-sizing: border-box;\n font-family: inherit;\n font-size: 100%;\n display: inline-block;\n appearance: none;\n background: 0 0;\n width: 3rem;\n cursor: pointer;\n transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9);\n border: 0;\n margin: 0;\n height: 3rem;\n vertical-align: baseline;\n text-align: start;\n }\n .cds--overflow-menu.cds--toolbar-action {\n padding: 1rem;\n display: flex;\n }\n .cds--overflow-menu.cds--toolbar-action *,\n .cds--overflow-menu.cds--toolbar-action ::after,\n .cds--overflow-menu.cds--toolbar-action ::before {\n box-sizing: inherit;\n }\n .cds--overflow-menu.cds--toolbar-action::-moz-focus-inner {\n border: 0;\n }\n .cds--toolbar-action {\n padding: 0;\n display: flex;\n }\n .cds--batch-actions,\n .cds--batch-summary {\n background-color: var(--cds-background-brand, #0f62fe);\n display: flex;\n left: 0;\n }\n .cds--toolbar-action *,\n .cds--toolbar-action ::after,\n .cds--toolbar-action ::before {\n box-sizing: inherit;\n }\n .cds--toolbar-action::-moz-focus-inner {\n border: 0;\n }\n .cds--toolbar-action:hover:not([disabled]) {\n background-color: var(--cds-field-hover);\n }\n .cds--toolbar-action:hover[aria-expanded='true'] {\n background-color: var(--cds-layer);\n }\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-active\n .cds--search-input:active,\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-active\n .cds--search-input:not(:placeholder-shown),\n .cds--toolbar-search-container-persistent\n .cds--search-input:active:not([disabled]),\n .cds--toolbar-search-container-persistent\n .cds--search-input:hover:not([disabled]),\n .cds--toolbar-search-container-persistent\n .cds--search-input:not(:placeholder-shown) {\n background-color: var(--cds-field-hover);\n }\n .cds--toolbar-action[disabled] {\n cursor: not-allowed;\n }\n .cds--toolbar-action[disabled] .cds--toolbar-action__icon,\n .flatpickr-next-month.disabled svg,\n .flatpickr-prev-month.disabled svg {\n cursor: not-allowed;\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--toolbar-action:active:not([disabled]),\n .cds--toolbar-action:focus:not([disabled]) {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--toolbar-action:active:not(\n [disabled]\n ).cds--toolbar-search-container-expandable,\n .cds--toolbar-action:focus:not(\n [disabled]\n ).cds--toolbar-search-container-expandable,\n .flatpickr-calendar:focus,\n .flatpickr-days:focus {\n outline: 0;\n }\n .cds--toolbar-action ~ .cds--btn {\n max-width: none;\n margin: 0;\n white-space: nowrap;\n }\n .cds--overflow-menu--data-table {\n height: 3rem;\n }\n .cds--toolbar-action__icon {\n width: auto;\n max-width: 1rem;\n height: 1rem;\n }\n .cds--toolbar-search-container-persistent {\n position: relative;\n width: 100%;\n height: 3rem;\n opacity: 1;\n }\n .cds--toolbar-search-container-persistent + .cds--toolbar-content {\n position: relative;\n width: auto;\n }\n .cds--toolbar-search-container-persistent .cds--search {\n position: initial;\n }\n .cds--toolbar-search-container-persistent .cds--search-input {\n height: 3rem;\n padding: 0 3rem;\n border: none;\n }\n .cds--toolbar-search-container-persistent\n .cds--search-input:focus:not([disabled]) {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--toolbar-action:active:not([disabled]),\n .cds--toolbar-action:focus:not([disabled]),\n .cds--toolbar-search-container-persistent\n .cds--search-input:focus:not([disabled]) {\n outline-style: dotted;\n }\n }\n .cds--toolbar-search-container-persistent .cds--search-close {\n width: 3rem;\n height: 3rem;\n }\n .cds--batch-actions--active ~ .cds--toolbar-content,\n .cds--batch-actions--active ~ .cds--toolbar-search-container {\n clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\n transform: translate3d(0, 48px, 0);\n transition:\n transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--menu-button__trigger--open svg,\n .cds--table-sort--descending .cds--table-sort__icon,\n .cds--tile--is-expanded .cds--tile__chevron svg {\n transform: rotate(180deg);\n }\n .cds--batch-actions {\n position: absolute;\n right: 0;\n bottom: 0;\n align-items: center;\n justify-content: space-between;\n clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\n pointer-events: none;\n transform: translate3d(0, 48px, 0);\n transition:\n transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n will-change: transform;\n }\n .cds--batch-actions:focus,\n .flatpickr-calendar.open:focus,\n .numInputWrapper .numInput:focus {\n outline: 1px solid var(--cds-focus, #0f62fe);\n }\n .cds--batch-actions--active {\n clip-path: polygon(0 0, 200% 0, 200% 200%, 0 200%);\n pointer-events: all;\n transform: translate3d(0, 0, 0);\n }\n .cds--action-list {\n display: flex;\n align-items: center;\n }\n .cds--action-list .cds--btn {\n padding: calc(0.875rem - 3px) 1rem;\n color: var(--cds-text-on-color, #fff);\n white-space: nowrap;\n }\n .cds--action-list .cds--btn:disabled {\n border-color: transparent;\n background-color: transparent;\n color: var(--cds-text-on-color, #fff);\n opacity: 0.5;\n }\n .cds--data-table tr.cds--parent-row:first-of-type td,\n tr.cds--expandable-row--hover td,\n tr.cds--parent-row.cds--expandable-row:hover td {\n border-top: 1px solid var(--cds-border-subtle);\n }\n .cds--action-list\n .cds--btn--primary:nth-child(3):focus\n + .cds--btn--primary.cds--batch-summary__cancel::before,\n .cds--action-list\n .cds--btn--primary:nth-child(3):hover\n + .cds--btn--primary.cds--batch-summary__cancel::before,\n .cds--table-sort__icon-unsorted,\n .numInputWrapper:hover .numInput[disabled] ~ .arrowDown,\n .numInputWrapper:hover .numInput[disabled] ~ .arrowUp {\n opacity: 0;\n }\n .cds--action-list .cds--btn .cds--btn__icon {\n position: static;\n margin-left: 0.5rem;\n fill: var(--cds-icon-on-color, #ffffff);\n }\n .cds--action-list .cds--btn .cds--btn__icon .st0 {\n fill: none;\n }\n .cds--batch-download {\n padding: 0.0625rem;\n }\n .cds--action-list .cds--btn--primary:focus {\n outline: 2px solid var(--cds-layer);\n outline-offset: -0.125rem;\n }\n .cds--btn--primary.cds--batch-summary__cancel::before {\n position: absolute;\n top: 0.9375rem;\n left: 0;\n display: block;\n width: 0.0625rem;\n height: 1rem;\n border: none;\n background-color: var(--cds-text-on-color, #fff);\n content: '';\n opacity: 1;\n transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--btn--primary.cds--batch-summary__cancel:hover::before {\n opacity: 0;\n transition: opacity 250ms cubic-bezier(0.5, 0, 0.1, 1);\n }\n .cds--batch-summary {\n position: sticky;\n z-index: 100000;\n min-height: 3rem;\n align-items: center;\n padding: 0 1rem;\n color: var(--cds-text-on-color, #fff);\n }\n .cds--batch-summary__scroll {\n box-shadow: 0.5px 0 0.2px var(--cds-link-primary-hover, #0043ce);\n }\n .cds--batch-summary__para {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n }\n .cds--table-toolbar--sm {\n height: 2rem;\n min-height: 2rem;\n }\n .cds--table-toolbar--sm .cds--toolbar-search-container-expandable,\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-expandable\n .cds--search-input,\n .cds--table-toolbar--sm .cds--toolbar-search-container-persistent,\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-persistent\n .cds--search-input {\n height: 2rem;\n }\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-expandable\n .cds--search-close,\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-persistent\n .cds--search-close {\n width: 2rem;\n height: 2rem;\n }\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-expandable\n .cds--search-magnifier-icon,\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-persistent\n .cds--search-magnifier-icon {\n width: 2rem;\n height: 2rem;\n padding: 0.5rem;\n }\n .cds--table-toolbar--sm\n .cds--toolbar-action.cds--toolbar-search-container-persistent {\n width: 100%;\n }\n .cds--table-toolbar--sm .cds--toolbar-search-container-expandable {\n width: 2rem;\n }\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-expandable\n .cds--search\n .cds--search-input {\n padding: 0 3rem;\n }\n .cds--table-toolbar--sm .cds--toolbar-search-container-active {\n flex: auto;\n transition: flex 175ms cubic-bezier(0.5, 0, 0.1, 1);\n }\n .cds--table-expand__button,\n .cds--table-sort {\n margin: 0;\n font-size: 100%;\n appearance: none;\n align-items: center;\n border: 0;\n cursor: pointer;\n font-family: inherit;\n }\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-active\n .cds--search-input {\n visibility: inherit;\n }\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-active\n .cds--search-input:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n background-color: var(--cds-field-hover);\n }\n @media screen and (prefers-contrast) {\n .cds--batch-actions:focus,\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-active\n .cds--search-input:focus {\n outline-style: dotted;\n }\n }\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-active\n .cds--search-magnifier-icon:active,\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-active\n .cds--search-magnifier-icon:focus,\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-active\n .cds--search-magnifier-icon:hover {\n outline: transparent solid 2px;\n outline-offset: -2px;\n background-color: transparent;\n }\n .cds--table-toolbar--sm .cds--overflow-menu.cds--toolbar-action {\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n }\n .cds--table-toolbar--sm .cds--toolbar-content {\n height: 2rem;\n }\n .cds--table-toolbar--sm .cds--toolbar-content .cds--overflow-menu {\n width: 2rem;\n height: 2rem;\n }\n .cds--search--disabled .cds--search-magnifier-icon:hover,\n .flatpickr-day.flatpickr-disabled:hover {\n background-color: transparent;\n }\n .cds--table-toolbar--sm .cds--batch-actions .cds--action-list {\n height: 2rem;\n }\n .cds--table-toolbar--sm .cds--toolbar-action {\n width: 2rem;\n height: 2rem;\n padding: 0.5rem 0;\n }\n .cds--table-toolbar--sm .cds--btn--primary {\n height: 2rem;\n min-height: auto;\n padding-top: calc(0.375rem - 3px);\n padding-bottom: calc(0.375rem - 3px);\n }\n .cds--table-toolbar--sm\n .cds--btn--primary.cds--batch-summary__cancel::before {\n top: 0.5rem;\n }\n .cds--table-toolbar--sm .cds--toolbar-action ~ .cds--btn {\n overflow: hidden;\n height: 2rem;\n }\n .cds--table-toolbar--sm .cds--batch-summary {\n min-height: 2rem;\n }\n .cds--expandable-row--hidden td {\n width: auto;\n padding: 1rem;\n border-top: 0;\n }\n tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] {\n height: 0;\n transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] td {\n padding-top: 0;\n padding-bottom: 0;\n border: 0;\n background-color: var(--cds-layer-hover);\n transition:\n padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9),\n background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n tr.cds--parent-row.cds--expandable-row + tr[data-child-row] {\n transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td {\n padding-left: 4rem;\n border-bottom: 1px solid var(--cds-border-subtle);\n transition:\n padding-bottom 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n tr.cds--parent-row.cds--expandable-row\n + tr[data-child-row]\n td\n .cds--child-row-inner-container {\n max-height: 100%;\n }\n .cds--parent-row.cds--expandable-row + tr[data-child-row] > td,\n .cds--parent-row.cds--expandable-row > td {\n border-bottom: 1px solid var(--cds-border-subtle);\n box-shadow: 0 1px var(--cds-border-subtle);\n }\n .cds--parent-row.cds--expandable-row > td:first-of-type,\n .cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] > td {\n box-shadow: none;\n }\n tr.cds--parent-row.cds--expandable-row,\n tr.cds--parent-row.cds--expandable-row td,\n tr.cds--parent-row:not(.cds--expandable-row) td {\n transition:\n height 240ms cubic-bezier(0.2, 0, 0.38, 0.9),\n background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n tr.cds--parent-row:not(.cds--expandable-row):first-of-type:hover td {\n border-top: 1px solid var(--cds-border-subtle);\n border-bottom: 1px solid var(--cds-border-subtle);\n }\n tr.cds--parent-row.cds--expandable-row:hover td {\n border-bottom: 1px solid var(--cds-border-subtle);\n background-color: var(--cds-layer-hover);\n color: var(--cds-text-primary, #161616);\n }\n tr.cds--parent-row.cds--expandable-row:hover td:first-of-type {\n border-bottom: 1px solid var(--cds-layer-hover);\n }\n .cds--data-table td.cds--table-expand[data-previous-value='collapsed'],\n tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover\n td:first-of-type {\n border-bottom: 1px solid transparent;\n }\n tr.cds--parent-row.cds--expandable-row:hover + tr[data-child-row] td {\n border-bottom: 1px solid var(--cds-border-subtle);\n background-color: var(--cds-layer-hover);\n color: var(--cds-text-primary, #161616);\n }\n .cds--data-table td.cds--table-expand,\n tr.cds--expandable-row--hover + tr[data-child-row] td {\n border-bottom: 1px solid var(--cds-border-subtle);\n }\n .flatpickr-current-month .cur-month:hover,\n .flatpickr-next-month:hover,\n .flatpickr-prev-month:hover,\n tr.cds--expandable-row--hover {\n background-color: var(--cds-layer-hover);\n }\n tr.cds--expandable-row--hover td {\n border-bottom: 1px solid var(--cds-border-subtle);\n background-color: var(--cds-layer-hover);\n color: var(--cds-text-primary, #161616);\n }\n .cds--data-table td.cds--table-expand + .cds--table-column-checkbox,\n .cds--data-table th.cds--table-expand + .cds--table-column-checkbox {\n padding-right: 0.375rem;\n padding-left: 0.375rem;\n }\n .cds--data-table td.cds--table-expand + .cds--table-column-checkbox + td,\n .cds--data-table th.cds--table-expand + .cds--table-column-checkbox + th {\n padding-left: 0.5rem;\n }\n .cds--data-table td.cds--table-expand,\n .cds--data-table th.cds--table-expand {\n padding: 0.5rem 0 0.5rem 0.5rem;\n }\n .cds--table-expand[data-previous-value='collapsed'] .cds--table-expand__svg {\n transform: rotate(270deg);\n transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--table-expand__button {\n box-sizing: border-box;\n padding: 0 0.5rem;\n vertical-align: baseline;\n display: inline-block;\n background: 0 0;\n text-align: start;\n display: inline-flex;\n width: 100%;\n height: calc(100% + 1px);\n justify-content: center;\n vertical-align: inherit;\n }\n .cds--table-sort__description,\n tr.cds--parent-row.cds--data-table--selected\n td.cds--table-expand\n + td::after {\n display: none;\n }\n .cds--table-expand__button *,\n .cds--table-expand__button ::after,\n .cds--table-expand__button ::before {\n box-sizing: inherit;\n }\n .cds--table-expand__button::-moz-focus-inner {\n border: 0;\n }\n .cds--table-expand__button:focus {\n box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe);\n outline: 0;\n }\n .cds--table-expand__svg {\n fill: var(--cds-layer-selected-inverse, #161616);\n transform: rotate(90deg);\n transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--data-table--xl .cds--table-expand__button {\n width: 2rem;\n padding: 0;\n }\n tr.cds--parent-row.cds--expandable-row td.cds--table-expand + td::after {\n position: absolute;\n bottom: -0.0625rem;\n left: 0;\n width: 0.5rem;\n height: 0.0625rem;\n background: var(--cds-layer-accent);\n content: '';\n }\n .flatpickr-day:hover,\n tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover\n td.cds--table-expand\n + td::after,\n tr.cds--parent-row.cds--expandable-row:hover\n td.cds--table-expand\n + td::after {\n background: var(--cds-layer-hover);\n }\n .cds--data-table--zebra tbody tr[data-child-row]:nth-child(4n + 4) td,\n .cds--data-table--zebra tbody tr[data-parent-row]:nth-child(4n + 3) td {\n border-bottom: 1px solid var(--cds-layer);\n }\n .cds--data-table--zebra tbody tr[data-child-row]:nth-child(4n + 2) td,\n .cds--data-table--zebra tbody tr[data-parent-row]:nth-child(4n + 1) td {\n border-top: 1px solid var(--cds-layer-accent);\n border-bottom: 1px solid var(--cds-layer-accent);\n background-color: var(--cds-layer-accent);\n }\n .cds--data-table--zebra tr.cds--parent-row td,\n .cds--data-table--zebra\n tr.cds--parent-row.cds--expandable-row\n + tr[data-child-row]\n td {\n transition:\n transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9),\n border-bottom 150ms cubic-bezier(0.2, 0, 0.38, 0.9),\n border-top 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--data-table--zebra tbody tr[data-child-row]:hover td,\n .cds--data-table--zebra tbody tr[data-parent-row]:hover td,\n .cds--data-table--zebra\n tbody\n tr[data-parent-row]:hover\n + tr[data-child-row]\n td {\n border-top: 1px solid var(--cds-layer-hover);\n border-bottom: 1px solid var(--cds-layer-hover);\n background-color: var(--cds-layer-hover);\n }\n .cds--data-table--zebra\n tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover\n td {\n border-top: 1px solid var(--cds-layer-hover);\n border-bottom: 1px solid var(--cds-layer-hover);\n background: var(--cds-layer-hover);\n }\n tr.cds--parent-row.cds--data-table--selected:first-of-type td {\n border-top: 1px solid var(--cds-layer-active);\n border-bottom: 1px solid var(--cds-border-subtle);\n background: var(--cds-layer-selected);\n box-shadow: 0 1px var(--cds-layer-active);\n }\n tr.cds--parent-row.cds--data-table--selected td {\n border-bottom: 1px solid transparent;\n background: var(--cds-layer-selected);\n box-shadow: 0 1px var(--cds-layer-active);\n color: var(--cds-text-primary, #161616);\n }\n tr.cds--parent-row.cds--data-table--selected:last-of-type td {\n border-bottom: 1px solid transparent;\n background: var(--cds-layer-selected);\n box-shadow: 0 1px var(--cds-border-subtle);\n }\n .cds--table-sort.cds--table-sort--active,\n .cds--table-sort:hover,\n tr.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover\n td {\n background: var(--cds-layer-selected-hover);\n }\n tr.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover\n td {\n border-top: 1px solid var(--cds-layer-selected-hover);\n border-bottom: 1px solid var(--cds-border-subtle);\n box-shadow: 0 1px var(--cds-layer-selected-hover);\n }\n tr.cds--parent-row.cds--data-table--selected.cds--expandable-row td,\n tr.cds--parent-row.cds--data-table--selected.cds--expandable-row\n td:first-of-type {\n border-bottom: 1px solid transparent;\n box-shadow: 0 1px var(--cds-layer-selected);\n }\n tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover td,\n tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover\n td:first-of-type,\n tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td,\n tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover\n td:first-of-type {\n border-top: 1px solid var(--cds-layer-selected-hover);\n border-bottom: 1px solid transparent;\n background: var(--cds-layer-selected-hover);\n box-shadow: 0 1px var(--cds-layer-selected-hover);\n }\n tr.cds--parent-row.cds--data-table--selected.cds--expandable-row\n + tr[data-child-row]\n td {\n border-top: 1px solid var(--cds-layer-active);\n border-bottom: 1px solid var(--cds-border-subtle);\n background-color: var(--cds-layer-hover);\n box-shadow: 0 1px var(--cds-layer-active);\n color: var(--cds-text-primary, #161616);\n }\n tr.cds--parent-row.cds--data-table--selected.cds--expandable-row\n + tr[data-child-row]:last-of-type\n td {\n padding-bottom: 1.5rem;\n box-shadow: inset 0 -1px var(--cds-layer-active);\n }\n tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover\n + tr[data-child-row]\n td,\n tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover\n + tr[data-child-row]\n td {\n background: var(--cds-layer-selected);\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--table-expand__button:focus .cds--table-expand__svg {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--table-expand__svg {\n fill: ButtonText;\n }\n }\n .cds--data-table.cds--skeleton th {\n padding-left: 1rem;\n vertical-align: middle;\n }\n .cds--data-table.cds--skeleton td span,\n .cds--data-table.cds--skeleton th span {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n display: block;\n width: 4rem;\n height: 1rem;\n }\n .cds--data-table.cds--skeleton td span:active,\n .cds--data-table.cds--skeleton td span:focus,\n .cds--data-table.cds--skeleton td span:hover,\n .cds--data-table.cds--skeleton th span:active,\n .cds--data-table.cds--skeleton th span:focus,\n .cds--data-table.cds--skeleton th span:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--data-table.cds--skeleton td span::before,\n .cds--data-table.cds--skeleton th span::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n .cds--data-table.cds--skeleton tr:hover td {\n border-color: var(--cds-border-subtle);\n background: 0 0;\n }\n .cds--data-table.cds--skeleton tr:hover td:first-of-type,\n .cds--data-table.cds--skeleton tr:hover td:last-of-type {\n border-color: var(--cds-border-subtle);\n }\n .cds--data-table.cds--skeleton .cds--table-sort {\n pointer-events: none;\n }\n .cds--data-table.cds--skeleton th span {\n background: var(--cds-skeleton-element, #c6c6c6);\n }\n .cds--data-table.cds--skeleton th span::before {\n background: var(--cds-skeleton-background, #e8e8e8);\n }\n .cds--data-table-container.cds--skeleton .cds--data-table-header__title {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n width: 7.5rem;\n height: 1.5rem;\n }\n .cds--data-table-container.cds--skeleton\n .cds--data-table-header__title:active,\n .cds--data-table-container.cds--skeleton .cds--data-table-header__title:focus,\n .cds--data-table-container.cds--skeleton\n .cds--data-table-header__title:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--data-table-container.cds--skeleton\n .cds--data-table-header__title::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--data-table-container.cds--skeleton\n .cds--data-table-header__title::before,\n .cds--data-table.cds--skeleton td span::before,\n .cds--data-table.cds--skeleton th span::before {\n animation: none;\n }\n }\n .cds--data-table-container.cds--skeleton\n .cds--data-table-header__description {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n width: 10rem;\n height: 1rem;\n margin-top: 0.5rem;\n }\n .cds--data-table-container.cds--skeleton\n .cds--data-table-header__description:active,\n .cds--data-table-container.cds--skeleton\n .cds--data-table-header__description:focus,\n .cds--data-table-container.cds--skeleton\n .cds--data-table-header__description:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--data-table-container.cds--skeleton\n .cds--data-table-header__description::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n .cds--data-table th[aria-sort],\n .cds--data-table--sort th {\n height: 3rem;\n padding: 0;\n border-top: none;\n border-bottom: none;\n }\n .cds--table-sort {\n box-sizing: border-box;\n padding: 0;\n vertical-align: baseline;\n display: inline-block;\n background: 0 0;\n display: flex;\n width: 100%;\n min-height: 100%;\n justify-content: space-between;\n padding-left: 1rem;\n background-color: var(--cds-layer-accent);\n color: var(--cds-text-primary, #161616);\n font: inherit;\n line-height: 1;\n text-align: left;\n transition:\n background-color 70ms cubic-bezier(0, 0, 0.38, 0.9),\n outline 70ms cubic-bezier(0, 0, 0.38, 0.9);\n }\n .cds--table-sort__icon,\n .cds--table-sort__icon-unsorted {\n width: 1.25rem;\n min-width: 1rem;\n margin-right: 0.5rem;\n margin-left: 0.5rem;\n fill: var(--cds-icon-primary, #161616);\n }\n .flatpickr-current-month,\n .flatpickr-month {\n font-size: var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-compact-01-font-weight, 600);\n letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);\n }\n .cds--table-sort *,\n .cds--table-sort ::after,\n .cds--table-sort ::before {\n box-sizing: inherit;\n }\n .cds--table-sort::-moz-focus-inner {\n border: 0;\n }\n .cds--table-sort:focus,\n .flatpickr-day.today.selected {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--table-sort:focus svg,\n .cds--table-sort:hover svg,\n .numInputWrapper:hover .arrowDown,\n .numInputWrapper:hover .arrowUp {\n opacity: 1;\n }\n .cds--data-table.cds--data-table--sort th > .cds--table-header-label {\n padding-right: 1rem;\n padding-left: 1rem;\n line-height: 1;\n }\n th .cds--table-sort__flex {\n display: flex;\n width: 100%;\n height: 100%;\n min-height: 3rem;\n align-items: center;\n justify-content: space-between;\n }\n @media screen and (-ms-high-contrast: active),\n screen and (-ms-high-contrast: none) {\n .cds--data-table--sort:not(.cds--data-table--xs):not(\n .cds--data-table--sm\n ):not(.cds--data-table--md):not(.cds--data-table--xl)\n th\n .cds--table-sort__flex {\n height: 2.99rem;\n }\n }\n .cds--data-table--xs.cds--data-table--sort th .cds--table-sort__flex {\n min-height: 1.5rem;\n }\n .cds--data-table--sm.cds--data-table--sort th .cds--table-sort__flex {\n min-height: 2rem;\n }\n .cds--data-table--md.cds--data-table--sort th .cds--table-sort__flex {\n min-height: 2.5rem;\n }\n .cds--data-table--xl.cds--data-table--sort th .cds--table-sort__flex {\n min-height: 4rem;\n align-items: flex-start;\n }\n .cds--table-sort .cds--table-sort__icon-inactive {\n display: block;\n }\n .cds--table-sort .cds--table-sort__icon,\n .cds--table-sort.cds--table-sort--active .cds--table-sort__icon-unsorted,\n .flatpickr-day.today.selected::after {\n display: none;\n }\n .cds--table-sort.cds--table-sort--active .cds--table-sort__icon {\n display: block;\n opacity: 1;\n }\n .cds--table-sort__icon {\n opacity: 1;\n transform: rotate(0);\n transition: transform 250ms cubic-bezier(0.5, 0, 0.1, 1);\n }\n .cds--data-table--xs.cds--data-table--sort th {\n height: 1.5rem;\n }\n .cds--data-table--sm.cds--data-table--sort th {\n height: 2rem;\n }\n .cds--data-table--md.cds--data-table--sort th {\n height: 2.5rem;\n }\n .cds--data-table--xl.cds--data-table--sort th {\n height: 4rem;\n }\n .cds--data-table--xl.cds--data-table--sort th .cds--table-sort {\n display: inline-block;\n height: 4rem;\n }\n .cds--data-table--xl .cds--table-sort__icon,\n .cds--data-table--xl .cds--table-sort__icon-unsorted {\n margin-top: 0.8125rem;\n }\n @keyframes fp-fade-in-down {\n from {\n opacity: 0;\n transform: translate3d(0, -20px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n }\n @keyframes fp-slide-left {\n from {\n transform: translate3d(0, 0, 0);\n }\n to {\n transform: translate3d(-100%, 0, 0);\n }\n }\n @keyframes fp-slide-left-new {\n from {\n transform: translate3d(100%, 0, 0);\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n }\n @keyframes fp-slide-right {\n from {\n transform: translate3d(0, 0, 0);\n }\n to {\n transform: translate3d(100%, 0, 0);\n }\n }\n @keyframes fp-slide-right-new {\n from {\n transform: translate3d(-100%, 0, 0);\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n }\n @keyframes fp-fade-out {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n }\n @keyframes fp-fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n .flatpickr-calendar {\n position: absolute;\n width: 19.6875rem;\n box-sizing: border-box;\n padding: 0;\n border: 0;\n animation: none;\n border-radius: 0;\n direction: ltr;\n opacity: 0;\n text-align: center;\n touch-action: manipulation;\n visibility: hidden;\n }\n .flatpickr-calendar.inline,\n .flatpickr-calendar.open {\n overflow: visible;\n max-height: 40rem;\n opacity: 1;\n visibility: inherit;\n }\n .flatpickr-calendar.open {\n box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n z-index: 99999;\n display: flex;\n overflow: hidden;\n width: 18rem;\n height: 21rem;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0.25rem 0.25rem 0.5rem;\n border: none;\n margin-top: -0.125rem;\n background-color: var(--cds-layer-01, #f4f4f4);\n }\n .flatpickr-calendar.animate.open {\n animation: 110ms cubic-bezier(0, 0, 0.38, 0.9) fp-fade-in-down;\n }\n .flatpickr-calendar.inline {\n position: relative;\n top: 0.125rem;\n display: block;\n }\n .flatpickr-calendar.static {\n position: absolute;\n top: calc(100% + 2px);\n }\n .flatpickr-calendar.static.open {\n z-index: 999;\n display: block;\n }\n .dayContainer {\n display: flex;\n height: 15.375rem;\n flex-wrap: wrap;\n justify-content: space-around;\n padding: 0;\n outline: 0;\n }\n .flatpickr-calendar .hasTime .dayContainer,\n .flatpickr-calendar .hasWeeks .dayContainer {\n border-bottom: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n .flatpickr-calendar .hasWeeks .dayContainer {\n border-left: 0;\n }\n .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {\n height: 2.5rem;\n border-top: 1px solid #e6e6e6;\n }\n .flatpickr-month {\n line-height: var(--cds-heading-compact-01-line-height, 1.28572);\n display: flex;\n height: 2.5rem;\n align-items: center;\n background-color: transparent;\n color: var(--cds-text-primary, #161616);\n line-height: 1;\n text-align: center;\n }\n .flatpickr-next-month,\n .flatpickr-prev-month {\n z-index: 3;\n display: flex;\n width: 2.5rem;\n height: 2.5rem;\n align-items: center;\n justify-content: center;\n padding: 0;\n cursor: pointer;\n fill: var(--cds-icon-primary, #161616);\n line-height: 16px;\n text-decoration: none;\n transform: scale(1, 1);\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n user-select: none;\n }\n .cds--date-picker__input,\n .flatpickr-day {\n transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .flatpickr-current-month {\n line-height: var(--cds-heading-compact-01-line-height, 1.28572);\n display: flex;\n height: 1.75rem;\n align-items: center;\n justify-content: center;\n text-align: center;\n }\n .flatpickr-day,\n .flatpickr-weekday {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n color: var(--cds-text-primary, #161616);\n }\n .flatpickr-current-month .cur-month {\n margin-right: 0.25rem;\n margin-left: 0.25rem;\n }\n .numInputWrapper {\n position: relative;\n width: 3.75rem;\n }\n .numInputWrapper:hover {\n background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n }\n .numInputWrapper .numInput {\n display: inline-block;\n width: 100%;\n padding: 0.25rem;\n border: none;\n margin: 0;\n background-color: var(--cds-field-01, #f4f4f4);\n color: var(--cds-text-primary, #161616);\n cursor: default;\n font-family: inherit;\n font-size: inherit;\n font-weight: 600;\n }\n .numInputWrapper .numInput::-webkit-inner-spin-button,\n .numInputWrapper .numInput::-webkit-outer-spin-button {\n margin: 0;\n -webkit-appearance: none;\n }\n .numInputWrapper .numInput[disabled],\n .numInputWrapper .numInput[disabled]:hover {\n background-color: var(--cds-layer-01, #f4f4f4);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n pointer-events: none;\n }\n .numInputWrapper .arrowUp {\n top: 0.25rem;\n border-bottom: 0;\n }\n .numInputWrapper .arrowUp::after {\n border-bottom: 0.25rem solid var(--cds-icon-primary, #161616);\n }\n .numInputWrapper .arrowDown {\n top: 0.6875rem;\n }\n .numInputWrapper .arrowDown::after {\n border-top: 0.25rem solid var(--cds-icon-primary, #161616);\n }\n .numInputWrapper .arrowDown,\n .numInputWrapper .arrowUp {\n position: absolute;\n left: 2.6rem;\n width: 0.75rem;\n height: 50%;\n padding: 0 0.25rem 0 0.125rem;\n border: none;\n cursor: pointer;\n line-height: 50%;\n opacity: 0;\n }\n .cds--date-picker__icon ~ .cds--date-picker__input,\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid\n .cds--list-box[data-invalid]:not(.cds--combo-box)\n .cds--list-box__field {\n padding-right: 3rem;\n }\n .numInputWrapper .arrowDown::after,\n .numInputWrapper .arrowUp::after {\n position: absolute;\n top: 33%;\n display: block;\n border-right: 0.25rem solid transparent;\n border-left: 0.25rem solid transparent;\n content: '';\n }\n .numInputWrapper .arrowDown:hover::after,\n .numInputWrapper .arrowUp:hover::after {\n border-top-color: var(--cds-button-primary, #0f62fe);\n border-bottom-color: var(--cds-button-primary, #0f62fe);\n }\n .numInputWrapper .arrowDown:active::after,\n .numInputWrapper .arrowUp:active::after {\n border-top-color: var(--cds-border-interactive, #0f62fe);\n border-bottom-color: var(--cds-border-interactive, #0f62fe);\n }\n .numInput[disabled] ~ .arrowUp::after {\n border-bottom-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--date-picker__input:disabled,\n .cds--date-picker__input:disabled:hover {\n border-bottom: 1px solid transparent;\n }\n .numInput[disabled] ~ .arrowDown::after {\n border-top-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .flatpickr-weekdays {\n display: flex;\n height: 2.5rem;\n align-items: center;\n }\n .flatpickr-weekdaycontainer {\n display: flex;\n width: 100%;\n }\n .flatpickr-weekday {\n flex: 1;\n cursor: default;\n }\n .flatpickr-calendar.animate .dayContainer.slideLeft {\n animation:\n 0.4s cubic-bezier(0.23, 1, 0.32, 1) fp-fade-out,\n 0.4s cubic-bezier(0.23, 1, 0.32, 1) fp-slide-left;\n }\n .flatpickr-calendar.animate .dayContainer.slideLeft,\n .flatpickr-calendar.animate .dayContainer.slideLeftNew {\n transform: translate3d(-100%, 0, 0);\n }\n .flatpickr-calendar.animate .dayContainer.slideLeftNew {\n animation:\n 0.4s cubic-bezier(0.23, 1, 0.32, 1) fp-fade-in,\n 0.4s cubic-bezier(0.23, 1, 0.32, 1) fp-slide-left;\n }\n .flatpickr-calendar.animate .dayContainer.slideRight {\n animation:\n 0.4s cubic-bezier(0.23, 1, 0.32, 1) fp-fade-out,\n 0.4s cubic-bezier(0.23, 1, 0.32, 1) fp-slide-right;\n transform: translate3d(100%, 0, 0);\n }\n .flatpickr-calendar.animate .dayContainer.slideRightNew {\n animation:\n 0.4s cubic-bezier(0.23, 1, 0.32, 1) fp-fade-in,\n 0.4s cubic-bezier(0.23, 1, 0.32, 1) fp-slide-right-new;\n }\n .flatpickr-day {\n display: flex;\n width: 2.5rem;\n height: 2.5rem;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n }\n .flatpickr-day:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n outline-color: var(--cds-button-primary, #0f62fe);\n }\n .nextMonthDay,\n .prevMonthDay {\n color: var(--cds-text-helper, #6f6f6f);\n }\n .flatpickr-day.today {\n position: relative;\n color: var(--cds-link-primary, #0f62fe);\n font-weight: 600;\n }\n .cds--date-picker\n .cds--date-picker-input__wrapper--warn\n ~ .cds--form-requirement,\n .cds--date-picker__input,\n .cds--dropdown,\n .flatpickr-day.endRange:hover,\n .flatpickr-day.inRange {\n color: var(--cds-text-primary, #161616);\n }\n .flatpickr-day.today::after {\n position: absolute;\n bottom: 0.4375rem;\n left: 50%;\n display: block;\n width: 0.25rem;\n height: 0.25rem;\n background-color: var(--cds-link-primary, #0f62fe);\n content: '';\n transform: translateX(-50%);\n }\n .flatpickr-day.inRange {\n background-color: var(--cds-highlight, #d0e2ff);\n }\n .flatpickr-day.selected {\n background-color: var(--cds-button-primary, #0f62fe);\n color: var(--cds-text-on-color, #fff);\n }\n .flatpickr-day.selected:focus {\n outline: 0.0625rem solid var(--cds-layer-02, #ffffff);\n outline-offset: -0.1875rem;\n }\n .flatpickr-day.startRange.selected {\n z-index: 2;\n box-shadow: none;\n }\n .flatpickr-day.endRange.inRange,\n .flatpickr-day.startRange.inRange:not(.selected) {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n z-index: 3;\n background: var(--cds-layer-01, #f4f4f4);\n }\n .flatpickr-day.endRange:hover {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n background: var(--cds-layer-01, #f4f4f4);\n }\n @media screen and (prefers-contrast) {\n .cds--table-sort:focus,\n .flatpickr-calendar.open:focus,\n .flatpickr-day.endRange.inRange,\n .flatpickr-day.endRange:hover,\n .flatpickr-day.startRange.inRange:not(.selected),\n .flatpickr-day.today.selected,\n .flatpickr-day:focus,\n .numInputWrapper .numInput:focus {\n outline-style: dotted;\n }\n }\n .flatpickr-day.endRange.inRange.selected {\n background: var(--cds-button-primary, #0f62fe);\n color: var(--cds-text-on-color, #fff);\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--table-sort__icon,\n .cds--table-sort__icon-unsorted,\n .flatpickr-next-month,\n .flatpickr-prev-month {\n fill: ButtonText;\n }\n .flatpickr-calendar {\n outline: transparent solid 1px;\n }\n .flatpickr-day.selected {\n color: Highlight;\n outline: Highlight dotted 1px;\n }\n .flatpickr-day.inRange,\n .flatpickr-day.today {\n color: Highlight;\n }\n }\n .cds--date-picker {\n display: flex;\n }\n .cds--date-picker--light .cds--date-picker__input {\n background: var(--cds-field-02, #fff);\n }\n .cds--date-picker-container {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n .cds--date-picker-container .cds--label {\n display: flex;\n }\n .cds--date-picker-input__wrapper {\n position: relative;\n display: flex;\n align-items: center;\n }\n .cds--date-picker.cds--date-picker--simple .cds--date-picker__input,\n .cds--date-picker.cds--date-picker--simple .cds--label {\n width: 7.5rem;\n }\n .cds--date-picker.cds--date-picker--simple\n .cds--date-picker-input__wrapper--invalid\n .cds--date-picker__input,\n .cds--date-picker.cds--date-picker--simple\n .cds--date-picker-input__wrapper--invalid\n ~ .cds--form-requirement,\n .cds--date-picker.cds--date-picker--simple\n .cds--date-picker-input__wrapper--warn\n .cds--date-picker__input,\n .cds--date-picker.cds--date-picker--simple\n .cds--date-picker-input__wrapper--warn\n ~ .cds--form-requirement {\n width: 9.5rem;\n }\n .cds--date-picker.cds--date-picker--simple.cds--date-picker--short\n .cds--date-picker__input {\n width: 5.7rem;\n }\n .cds--date-picker.cds--date-picker--single .cds--date-picker__input {\n width: 18rem;\n }\n .cds--date-picker__input {\n box-sizing: border-box;\n padding: 0 1rem;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n font-family: var(\n --cds-code-02-font-family,\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace\n );\n font-size: var(--cds-code-02-font-size, 0.875rem);\n font-weight: var(--cds-code-02-font-weight, 400);\n line-height: var(--cds-code-02-line-height, 1.42857);\n letter-spacing: var(--cds-code-02-letter-spacing, 0.32px);\n outline: transparent solid 2px;\n outline-offset: -2px;\n position: relative;\n display: block;\n height: 2.5rem;\n border: none;\n border-bottom: 1px solid var(--cds-border-strong);\n background-color: var(--cds-field);\n }\n .cds--file__drop-container,\n .cds--loading,\n .cds--number__control-btn,\n .cds--search-input {\n font-family: inherit;\n vertical-align: baseline;\n }\n .cds--dropdown-list,\n .cds--dropdown-text,\n .cds--dropdown__wrapper--inline .cds--label {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n }\n .cds--dropdown,\n .cds--dropdown-list {\n outline: transparent solid 2px;\n list-style: none;\n }\n .cds--date-picker__input *,\n .cds--date-picker__input ::after,\n .cds--date-picker__input ::before {\n box-sizing: inherit;\n }\n .cds--date-picker__input.cds--focused,\n .cds--date-picker__input:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--date-picker__input:disabled {\n background-color: var(--cds-field);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--date-picker__input:disabled::placeholder {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--date-picker__input::placeholder {\n color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n opacity: 1;\n }\n .cds--date-picker__input--lg {\n height: 3rem;\n }\n .cds--date-picker__input--sm {\n height: 2rem;\n }\n .cds--date-picker__icon {\n position: absolute;\n z-index: 1;\n top: 50%;\n right: 1rem;\n fill: var(--cds-icon-primary, #161616);\n pointer-events: none;\n transform: translateY(-50%);\n }\n .cds--date-picker__icon--invalid,\n .cds--date-picker__icon--warn {\n cursor: auto;\n }\n .cds--date-picker__icon--warn {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--date-picker__icon--warn path:first-of-type {\n fill: #000;\n opacity: 1;\n }\n .cds--date-picker__input[readonly] + .cds--date-picker__icon,\n .cds--dropdown--disabled .cds--dropdown__arrow,\n .cds--dropdown--disabled .cds--list-box__menu-icon svg,\n .cds--dropdown--readonly .cds--list-box__menu-icon svg,\n .cds--list-box__wrapper--fluid\n .cds--label--disabled\n .cds--toggletip-button\n svg,\n .cds--number input[type='number']:disabled ~ .cds--number__controls svg {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--date-picker__icon--invalid {\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--date-picker__input:disabled ~ .cds--date-picker__icon {\n cursor: not-allowed;\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--date-picker.cds--skeleton .cds--label:active,\n .cds--date-picker.cds--skeleton .cds--label:focus,\n .cds--date-picker.cds--skeleton .cds--label:hover,\n .cds--date-picker.cds--skeleton input:active,\n .cds--date-picker.cds--skeleton input:focus,\n .cds--date-picker.cds--skeleton input:hover,\n .cds--date-picker__input.cds--skeleton:active,\n .cds--date-picker__input.cds--skeleton:focus,\n .cds--date-picker__input.cds--skeleton:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--date-picker--range > .cds--date-picker-container:first-child {\n margin-right: 0.0625rem;\n }\n .cds--date-picker--range .cds--date-picker-container,\n .cds--date-picker--range .cds--date-picker__input {\n width: 8.96875rem;\n }\n .cds--date-picker.cds--skeleton input,\n .cds--date-picker__input.cds--skeleton {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n width: 100%;\n }\n .cds--dropdown--inline.cds--dropdown--open:focus .cds--dropdown-list,\n .cds--dropdown--open .cds--dropdown-list,\n .cds--dropdown-list,\n .cds--menu {\n box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n }\n .cds--date-picker.cds--skeleton input::before,\n .cds--date-picker__input.cds--skeleton::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--data-table-container.cds--skeleton\n .cds--data-table-header__description::before,\n .cds--date-picker.cds--skeleton input::before,\n .cds--date-picker__input.cds--skeleton::before {\n animation: none;\n }\n }\n .cds--date-picker.cds--skeleton input::placeholder,\n .cds--date-picker__input.cds--skeleton::placeholder {\n color: transparent;\n }\n .cds--date-picker.cds--skeleton .cds--label {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n width: 4.6875rem;\n height: 0.875rem;\n }\n .cds--dropdown--inline.cds--dropdown--invalid .cds--dropdown-text,\n .cds--dropdown--invalid .cds--dropdown-text {\n padding-right: 3.5rem;\n }\n .cds--date-picker.cds--skeleton .cds--label::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--date-picker__icon {\n fill: ButtonText;\n }\n }\n .cds--date-picker__input[readonly] {\n border-bottom-color: var(--cds-border-subtle);\n background: 0 0;\n cursor: text;\n }\n .cds--dropdown__wrapper--inline {\n display: inline-grid;\n align-items: center;\n grid-gap: 0 1.5rem;\n grid-template: auto auto/auto min-content;\n }\n .cds--dropdown__wrapper--inline .cds--form-requirement,\n .cds--dropdown__wrapper--inline .cds--form__helper-text,\n .cds--dropdown__wrapper--inline .cds--label {\n margin: 0;\n }\n .cds--dropdown {\n outline-offset: -2px;\n position: relative;\n display: block;\n width: 100%;\n height: 2.5rem;\n border: none;\n border-bottom: 1px solid var(--cds-border-strong);\n background-color: var(--cds-field);\n cursor: pointer;\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--dropdown--disabled.cds--dropdown--light:hover,\n .cds--dropdown--light {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--dropdown__arrow,\n .cds--menu-button__trigger svg {\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--dropdown html {\n font-size: 100%;\n }\n .cds--dropdown body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--dropdown code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--dropdown strong {\n font-weight: 600;\n }\n .cds--dropdown:hover {\n background-color: var(--cds-field-hover);\n }\n .cds--dropdown .cds--list-box__field {\n text-align: left;\n }\n .cds--dropdown--lg {\n height: 3rem;\n max-height: 3rem;\n }\n .cds--dropdown--lg .cds--dropdown__arrow {\n top: 1rem;\n }\n .cds--dropdown--sm {\n height: 2rem;\n max-height: 2rem;\n }\n .cds--dropdown--sm .cds--dropdown__arrow {\n top: 0.5rem;\n }\n .cds--dropdown--open {\n border-bottom-color: var(--cds-border-subtle);\n }\n .cds--dropdown--invalid {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--date-picker__input.cds--focused,\n .cds--date-picker__input:focus,\n .cds--dropdown--invalid {\n outline-style: dotted;\n }\n }\n .cds--dropdown--invalid + .cds--form-requirement {\n display: inline-block;\n max-height: 12.5rem;\n color: var(--cds-text-error, #da1e28);\n }\n .cds--dropdown__invalid-icon {\n position: absolute;\n top: 50%;\n right: 2.5rem;\n fill: var(--cds-support-error, #da1e28);\n transform: translateY(-50%);\n }\n .cds--dropdown--open:hover {\n background-color: var(--cds-field);\n }\n .cds--dropdown--open:focus {\n outline: transparent solid 1px;\n }\n .cds--dropdown--open .cds--dropdown-list {\n max-height: 13.75rem;\n transition: max-height 110ms cubic-bezier(0, 0, 0.38, 0.9);\n }\n .cds--dropdown--light:hover {\n background-color: var(--cds-field-hover);\n }\n .cds--dropdown--light .cds--dropdown-list,\n .cds--dropdown-list {\n background-color: var(--cds-layer);\n }\n .cds--dropdown--up .cds--dropdown-list {\n bottom: 2rem;\n }\n .cds--dropdown__arrow {\n position: absolute;\n top: 0.8125rem;\n right: 1rem;\n fill: var(--cds-icon-primary, #161616);\n pointer-events: none;\n transform-origin: 50% 45%;\n }\n button.cds--dropdown-text {\n width: 100%;\n border: none;\n background: 0 0;\n color: var(--cds-text-primary, #161616);\n text-align: left;\n }\n button.cds--dropdown-text:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--dropdown-text {\n display: block;\n overflow: hidden;\n height: calc(100% + 1px);\n padding-right: 2.625rem;\n padding-left: 1rem;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .cds--dropdown-list {\n outline-offset: -2px;\n position: absolute;\n z-index: 9100;\n display: flex;\n width: 100%;\n max-height: 0;\n flex-direction: column;\n overflow-x: hidden;\n overflow-y: auto;\n transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--dropdown-list html,\n .cds--file--label html,\n .cds--label-description html,\n .cds--loading {\n font-size: 100%;\n }\n .cds--dropdown-list body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--dropdown-list code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--dropdown-list strong {\n font-weight: 600;\n }\n .cds--dropdown:not(.cds--dropdown--open) .cds--dropdown-item {\n visibility: hidden;\n }\n .cds--dropdown-item {\n position: relative;\n opacity: 0;\n transition:\n visibility 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n visibility: inherit;\n }\n .cds--dropdown-item:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--dropdown-item:hover + .cds--dropdown-item .cds--dropdown-link {\n border-color: transparent;\n }\n .cds--dropdown-item:active {\n background-color: var(--cds-layer-selected);\n }\n .cds--dropdown-item:first-of-type .cds--dropdown-link {\n border-top-color: transparent;\n }\n .cds--dropdown-item:last-of-type .cds--dropdown-link {\n border-bottom: none;\n }\n .cds--dropdown-link {\n outline: transparent solid 2px;\n outline-offset: -2px;\n display: block;\n overflow: hidden;\n height: 2.5rem;\n padding: 0.6875rem 0;\n border: 1px solid transparent;\n border-top-color: var(--cds-border-subtle);\n margin: 0 1rem;\n color: var(--cds-text-secondary, #525252);\n font-weight: 400;\n line-height: 1rem;\n text-decoration: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .cds--dropdown--disabled,\n .cds--dropdown--inline {\n border-bottom-color: transparent;\n }\n .cds--dropdown-link:hover {\n border-color: transparent;\n color: var(--cds-text-primary, #161616);\n }\n .cds--dropdown--disabled .cds--dropdown-text,\n .cds--dropdown--disabled .cds--list-box__label,\n .cds--dropdown--inline.cds--dropdown--disabled .cds--dropdown-text {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--dropdown--light .cds--dropdown-link {\n border-top-color: var(--cds-border-subtle-02, #e0e0e0);\n }\n .cds--dropdown--sm .cds--dropdown-link {\n height: 2rem;\n padding-top: 0.4375rem;\n padding-bottom: 0.4375rem;\n }\n .cds--dropdown--focused,\n .cds--dropdown-link:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n padding: 0.6875rem 1rem;\n margin: 0;\n }\n .cds--dropdown-list[aria-activedescendant] .cds--dropdown-link:focus {\n padding: 0.6875rem 0;\n margin: 0 1rem;\n outline: 0;\n }\n .cds--date-picker--fluid\n .cds--date-picker--range\n > .cds--date-picker-container:first-child,\n .cds--file__selected-file .cds--inline-loading__animation .cds--loading {\n margin-right: 0;\n }\n .cds--dropdown-list[aria-activedescendant] .cds--dropdown--focused:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n padding: 0.6875rem 1rem;\n margin: 0;\n }\n @media screen and (prefers-contrast) {\n .cds--dropdown--focused,\n .cds--dropdown-link:focus,\n .cds--dropdown-list[aria-activedescendant] .cds--dropdown--focused:focus,\n button.cds--dropdown-text:focus {\n outline-style: dotted;\n }\n }\n .cds--dropdown--disabled:focus,\n .cds--dropdown--inline.cds--dropdown--disabled:focus .cds--dropdown-text {\n outline: 0;\n }\n .cds--dropdown-list[aria-activedescendant] .cds--dropdown-item:active {\n background-color: inherit;\n }\n .cds--dropdown-item:hover .cds--dropdown-link {\n border-bottom-color: var(--cds-layer-hover);\n }\n .cds--dropdown--open .cds--dropdown__arrow {\n transform: rotate(-180deg);\n }\n .cds--dropdown--open .cds--dropdown-item {\n opacity: 1;\n }\n .cds--dropdown--disabled:hover {\n background-color: var(--cds-field);\n }\n .cds--dropdown--inline .cds--dropdown-text,\n .cds--file--label,\n .cds--file-browse-btn:active {\n color: var(--cds-text-primary, #161616);\n }\n .cds--dropdown--disabled .cds--list-box__field,\n .cds--dropdown--disabled .cds--list-box__menu-icon {\n cursor: not-allowed;\n }\n .cds--dropdown--auto-width {\n width: auto;\n max-width: 25rem;\n }\n .cds--dropdown--inline {\n display: inline-block;\n width: auto;\n background-color: transparent;\n justify-self: start;\n transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9);\n }\n .cds--dropdown--inline:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--dropdown--inline.cds--dropdown--disabled,\n .cds--dropdown--inline.cds--dropdown--open {\n background-color: transparent;\n }\n .cds--dropdown--inline .cds--dropdown__arrow {\n top: 0.5rem;\n right: 0.5rem;\n }\n .cds--dropdown--inline .cds--dropdown-text {\n display: inline-block;\n overflow: visible;\n height: 2rem;\n padding: 0.4375rem 2rem 0.4375rem 0.75rem;\n }\n .cds--dropdown--inline .cds--dropdown-link {\n font-weight: 400;\n }\n .cds--dropdown--show-selected .cds--dropdown--selected {\n display: block;\n background-color: var(--cds-layer-selected);\n color: var(--cds-text-primary, #161616);\n }\n .cds--dropdown--show-selected .cds--dropdown--selected:hover {\n background-color: var(--cds-layer-selected-hover);\n }\n .cds--dropdown--show-selected .cds--dropdown--selected .cds--dropdown-link,\n .cds--dropdown--show-selected\n .cds--dropdown--selected\n + .cds--dropdown-item\n .cds--dropdown-link {\n border-top-color: transparent;\n }\n .cds--dropdown--show-selected\n .cds--dropdown--selected\n .cds--list-box__menu-item__selected-icon {\n display: block;\n }\n .cds--dropdown-v2.cds--skeleton,\n .cds--dropdown.cds--skeleton {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n }\n .cds--dropdown-v2.cds--skeleton:active,\n .cds--dropdown-v2.cds--skeleton:focus,\n .cds--dropdown-v2.cds--skeleton:hover,\n .cds--dropdown.cds--skeleton:active,\n .cds--dropdown.cds--skeleton:focus,\n .cds--dropdown.cds--skeleton:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--dropdown-v2.cds--skeleton::before,\n .cds--dropdown.cds--skeleton::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--date-picker.cds--skeleton .cds--label::before,\n .cds--dropdown-v2.cds--skeleton::before,\n .cds--dropdown.cds--skeleton::before {\n animation: none;\n }\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--dropdown .cds--list-box__field {\n outline: transparent solid 1px;\n }\n .cds--list-box__menu-item__option {\n outline: 0;\n }\n .cds--list-box__menu-item__selected-icon {\n fill: ButtonText;\n }\n }\n .cds--dropdown--readonly,\n .cds--dropdown--readonly:hover {\n border-bottom-color: var(--cds-border-subtle);\n background-color: transparent;\n }\n .cds--dropdown--readonly .cds--list-box__field,\n .cds--dropdown--readonly .cds--list-box__menu-icon {\n cursor: default;\n }\n .cds--loading {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n animation-duration: 690ms;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: rotate;\n animation-timing-function: linear;\n width: 5.5rem;\n height: 5.5rem;\n }\n .cds--loading *,\n .cds--loading ::after,\n .cds--loading ::before {\n box-sizing: inherit;\n }\n .cds--loading svg circle {\n animation-duration: 10ms;\n animation-name: init-stroke;\n animation-timing-function: cubic-bezier(0.5, 0, 0.1, 1);\n }\n @media screen and (prefers-reduced-motion: reduce) {\n .cds--loading svg circle,\n .flatpickr-calendar.animate.open {\n animation: none;\n }\n .flatpickr-next-month,\n .flatpickr-prev-month {\n transition: none;\n }\n }\n .cds--loading__svg {\n fill: transparent;\n }\n .cds--loading__svg circle {\n stroke-dasharray: 276.4608 276.4608;\n stroke-linecap: butt;\n stroke-width: 10;\n }\n .cds--loading__stroke {\n stroke: var(--cds-interactive, #0f62fe);\n stroke-dashoffset: 52.527552;\n }\n .cds--loading--small .cds--loading__stroke {\n stroke-dashoffset: 143.759616;\n }\n .cds--loading--stop {\n animation:\n 0.7s cubic-bezier(0, 0, 0.25, 1) forwards rotate-end-p1,\n 0.7s cubic-bezier(0, 0, 0.25, 1) 0.7s forwards rotate-end-p2;\n }\n .cds--loading--stop svg circle {\n animation-delay: 0.7s;\n animation-duration: 0.7s;\n animation-fill-mode: forwards;\n animation-name: stroke-end;\n animation-timing-function: cubic-bezier(0, 0, 0.25, 1);\n }\n .cds--loading--small {\n width: 1rem;\n height: 1rem;\n }\n .cds--loading--small circle {\n stroke-width: 16;\n }\n .cds--loading--small .cds--loading__svg {\n stroke: var(--cds-interactive, #0f62fe);\n }\n .cds--loading__background {\n stroke: var(--cds-layer-accent);\n stroke-dashoffset: -22;\n }\n .cds--loading-overlay {\n position: fixed;\n z-index: 6000;\n top: 0;\n left: 0;\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));\n transition: background-color 0.7s cubic-bezier(0.4, 0.14, 0.3, 1);\n }\n .cds--loading-overlay--stop {\n display: none;\n }\n @keyframes rotate {\n 0% {\n transform: rotate(0);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n @keyframes rotate-end-p1 {\n 100% {\n transform: rotate(360deg);\n }\n }\n @keyframes rotate-end-p2 {\n 100% {\n transform: rotate(-360deg);\n }\n }\n @keyframes init-stroke {\n 0% {\n stroke-dashoffset: 276.4608;\n }\n 100% {\n stroke-dashoffset: 52.527552;\n }\n }\n @keyframes stroke-end {\n 0% {\n stroke-dashoffset: 52.527552;\n }\n 100% {\n stroke-dashoffset: 276.4608;\n }\n }\n .cds--file {\n width: 100%;\n }\n .cds--file--invalid {\n margin-right: 0.5rem;\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--file--label {\n font-size: var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-compact-01-font-weight, 600);\n line-height: var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);\n margin-bottom: 0.5rem;\n }\n .cds--file__selected-file .cds--file-filename,\n .cds--label-description,\n .cds--number input[type='number'] {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n }\n .cds--file__drop-container,\n .cds--file__selected-file .cds--file-filename,\n .cds--label-description,\n .cds--number input[type='number'] {\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n }\n .cds--file--label body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--file--label code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--file--label strong {\n font-weight: 600;\n }\n .cds--file--label--disabled {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--file-input {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n }\n .cds--file-btn {\n display: inline-flex;\n padding-right: 4rem;\n margin: 0;\n }\n .cds--file-browse-btn {\n display: inline-block;\n width: 100%;\n max-width: 20rem;\n color: var(--cds-link-primary, #0f62fe);\n cursor: pointer;\n outline: transparent solid 2px;\n outline-offset: -2px;\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--file-browse-btn:focus,\n .cds--file-browse-btn:hover {\n outline: 2px solid var(--cds-focus, #0f62fe);\n }\n .cds--actionable-notification a,\n .cds--file-browse-btn--disabled,\n .cds--inline-notification a,\n .cds--pagination-nav__page,\n .cds--tabs .cds--tabs__nav-link,\n .cds--toast-notification a {\n text-decoration: none;\n }\n .cds--file-browse-btn--disabled {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: no-drop;\n }\n .cds--file-browse-btn--disabled:focus,\n .cds--file-browse-btn--disabled:hover {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline: 0;\n text-decoration: none;\n }\n .cds--file-browse-btn--disabled .cds--file__drop-container {\n border: 1px dashed var(--cds-button-disabled, #c6c6c6);\n }\n .cds--label-description {\n margin-bottom: 1rem;\n color: var(--cds-text-secondary, #525252);\n }\n .cds--file__selected-file,\n .cds--file__selected-file--invalid__wrapper {\n max-width: 20rem;\n margin-bottom: 0.5rem;\n background-color: var(--cds-layer);\n }\n .cds--label-description body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--label-description code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--label-description strong {\n font-weight: 600;\n }\n .cds--label-description--disabled {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--file-container--drop {\n width: 100%;\n }\n .cds--file-btn ~ .cds--file-container {\n margin-top: 1.5rem;\n }\n .cds--btn ~ .cds--file-container {\n margin-top: 1rem;\n }\n .cds--file .cds--file-container,\n .cds--file ~ .cds--file-container {\n margin-top: 0.5rem;\n }\n .cds--file__selected-file {\n display: grid;\n min-height: 3rem;\n align-items: center;\n gap: 0.75rem 1rem;\n grid-auto-rows: auto;\n grid-template-columns: 1fr auto;\n word-break: break-word;\n }\n .cds--file__selected-file:last-child,\n div.container.tutorial ul li:last-child {\n margin-bottom: 0;\n }\n .cds--file__selected-file .cds--form-requirement {\n display: block;\n max-height: none;\n margin: 0;\n grid-column: 1/-1;\n }\n .cds--file__selected-file .cds--file-filename {\n overflow: hidden;\n margin-left: 1rem;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .cds--file__selected-file--invalid .cds--form-requirement__supplement,\n .cds--file__selected-file--invalid .cds--form-requirement__title,\n .cds--file__selected-file--invalid + .cds--form-requirement {\n font-size: var(--cds-label-01-font-size, 0.75rem);\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n }\n .cds--file__selected-file--md {\n min-height: 2.5rem;\n gap: 0.5rem 1rem;\n }\n .cds--file__selected-file--sm {\n min-height: 2rem;\n gap: 0.25rem 1rem;\n }\n .cds--file__selected-file--invalid__wrapper {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n outline-width: 1px;\n }\n @media screen and (prefers-contrast) {\n .cds--file__selected-file--invalid__wrapper {\n outline-style: dotted;\n }\n }\n .cds--file__selected-file--invalid {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n padding: 0.75rem 0;\n }\n .cds--file__selected-file--invalid.cds--file__selected-file--sm {\n padding: 0.25rem 0;\n }\n .cds--file__selected-file--invalid.cds--file__selected-file--md {\n padding: 0.5rem 0;\n }\n .cds--file__selected-file--invalid .cds--form-requirement {\n padding-top: 1rem;\n border-top: 1px solid var(--cds-border-subtle);\n }\n .cds--file__selected-file--invalid.cds--file__selected-file--sm\n .cds--form-requirement {\n padding-top: 0.4375rem;\n }\n .cds--file__selected-file--invalid.cds--file__selected-file--md\n .cds--form-requirement {\n padding-top: 0.6875rem;\n }\n .cds--file__selected-file--invalid .cds--form-requirement__supplement,\n .cds--file__selected-file--invalid .cds--form-requirement__title {\n padding: 0 1rem;\n }\n .cds--file__selected-file--invalid .cds--form-requirement__title {\n color: var(--cds-text-error, #da1e28);\n }\n .cds--file__selected-file--invalid .cds--form-requirement__supplement,\n .cds--number input[type='number'] {\n color: var(--cds-text-primary, #161616);\n }\n .cds--file__selected-file--invalid + .cds--form-requirement {\n display: block;\n overflow: visible;\n max-height: 12.5rem;\n padding: 0.5rem 1rem;\n color: var(--cds-text-error, #da1e28);\n font-weight: 400;\n }\n .cds--file__selected-file--invalid\n + .cds--form-requirement\n .cds--form-requirement__supplement {\n padding-bottom: 0.5rem;\n color: var(--cds-text-primary, #161616);\n }\n .cds--list-box__wrapper--fluid .cds--label--disabled .cds--toggletip-label,\n .cds--number input[type='number']:disabled {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--file__state-container {\n display: flex;\n min-width: 1.5rem;\n align-items: center;\n justify-content: center;\n padding-right: 1rem;\n }\n .cds--menu,\n .cds--menu-button__trigger:not(.cds--btn--ghost) {\n min-width: 10rem;\n }\n .cds--file__state-container .cds--loading__svg {\n stroke: var(--cds-icon-primary, #161616);\n }\n .cds--inline-loading__checkmark,\n .cds--loading--small .cds--inline-loading__svg {\n stroke: var(--cds-interactive, #0f62fe);\n }\n .cds--file__state-container .cds--file-complete {\n fill: var(--cds-interactive, #0f62fe);\n }\n .cds--number__invalid,\n .cds--select-input__wrapper[data-invalid]\n .cds--select-input\n ~ .cds--select__invalid-icon {\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--file__state-container .cds--file-complete:focus {\n outline: 1px solid var(--cds-focus, #0f62fe);\n }\n @media screen and (prefers-contrast) {\n .cds--file__selected-file--invalid,\n .cds--file__state-container .cds--file-complete:focus {\n outline-style: dotted;\n }\n }\n .cds--file__state-container\n .cds--file-complete\n [data-icon-path='inner-path'] {\n fill: var(--cds-icon-inverse, #ffffff);\n opacity: 1;\n }\n .cds--file__state-container .cds--file-invalid {\n width: 1rem;\n height: 1rem;\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--file__state-container .cds--file-close {\n display: flex;\n width: 1.5rem;\n height: 1.5rem;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n background-color: transparent;\n cursor: pointer;\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--file__state-container .cds--file-close:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--file__state-container .cds--file-close svg path {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--file__state-container .cds--inline-loading__animation {\n margin-right: -0.5rem;\n }\n .cds--file__drop-container {\n box-sizing: border-box;\n padding: 1rem;\n border: 0;\n margin: 0;\n font-size: 100%;\n display: inline-block;\n appearance: none;\n background: 0 0;\n cursor: pointer;\n text-align: start;\n width: 100%;\n display: flex;\n overflow: hidden;\n height: 6rem;\n align-items: flex-start;\n justify-content: space-between;\n border: 1px dashed var(--cds-border-strong);\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n }\n .cds--number html,\n .cds--number__controls html,\n .cds--search-input {\n font-size: 100%;\n }\n .cds--file__drop-container *,\n .cds--file__drop-container ::after,\n .cds--file__drop-container ::before {\n box-sizing: inherit;\n }\n .cds--file__drop-container::-moz-focus-inner {\n border: 0;\n }\n .cds--list-box__wrapper--fluid\n .cds--combo-box.cds--list-box--warning\n .cds--text-input,\n .cds--list-box__wrapper--fluid .cds--list-box--warning,\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus\n .cds--list-box\n .cds--text-input,\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus\n .cds--list-box:not(.cds--list-box--invalid),\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid\n .cds--list-box,\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid\n .cds--list-box\n .cds--text-input {\n border-bottom: 1px solid transparent;\n }\n .cds--file__drop-container--drag-over {\n background: 0 0;\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper {\n position: relative;\n height: 100%;\n background: var(--cds-field);\n transition:\n background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--list-box__wrapper--fluid .cds--list-box {\n min-height: 4rem;\n padding: 0;\n }\n .cds--list-box__wrapper--fluid .cds--label {\n position: absolute;\n z-index: 1;\n top: 0.8125rem;\n left: 1rem;\n display: flex;\n width: calc(100% - 2rem);\n height: 1rem;\n align-items: center;\n margin: 0;\n }\n .cds--list-box__wrapper--fluid\n .cds--label\n .cds--toggletip-label::-webkit-scrollbar,\n .cds--list-box__wrapper--fluid .cds--label::-webkit-scrollbar {\n display: none;\n }\n .cds--list-box__wrapper--fluid .cds--label .cds--toggletip-label,\n .cds--list-box__wrapper--fluid .cds--label:not(:has(.cds--toggletip-label)) {\n -ms-overflow-style: none;\n overflow-x: scroll;\n scrollbar-width: none;\n white-space: nowrap;\n }\n .cds--list-box__wrapper--fluid .cds--list-box__field {\n padding-top: 2.0625rem;\n padding-bottom: 0.8125rem;\n padding-left: 1rem;\n }\n .cds--list-box__wrapper--fluid .cds--list-box__menu-icon {\n width: 1rem;\n height: 1rem;\n }\n .cds--list-box__wrapper--fluid:not(.cds--list-box__wrapper--fluid--condensed)\n .cds--list-box__menu-item {\n height: 4rem;\n }\n .cds--list-box__wrapper--fluid:not(.cds--list-box__wrapper--fluid--condensed)\n .cds--list-box__menu-item__selected-icon {\n top: 1.25rem;\n }\n .cds--list-box__wrapper--fluid .cds--label--disabled .cds--toggletip-button {\n cursor: not-allowed;\n pointer-events: none;\n }\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n z-index: 2;\n outline-offset: 0;\n }\n @media screen and (prefers-contrast) {\n .cds--file__state-container .cds--file-close:focus,\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus {\n outline-style: dotted;\n }\n }\n .cds--list-box__wrapper--fluid .cds--list-box__field:focus {\n outline: 0;\n outline-offset: 0;\n }\n .cds--list-box__wrapper--fluid :not(.cds--list-box--up) .cds--list-box__menu {\n top: calc(100% + 0.1875rem);\n }\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(\n .cds--list-box__wrapper--fluid--focus\n ) {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n z-index: 2;\n outline-offset: 0;\n }\n @media screen and (prefers-contrast) {\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(\n .cds--list-box__wrapper--fluid--focus\n ) {\n outline-style: dotted;\n }\n }\n .cds--date-picker--fluid\n .cds--date-picker-container.cds--date-picker--fluid--invalid\n .cds--date-picker__input--invalid,\n .cds--list-box__wrapper--fluid .cds--combo-box .cds--text-input:focus {\n outline: 0;\n }\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid\n .cds--combo-box[data-invalid]\n .cds--text-input,\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid\n .cds--list-box,\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid\n .cds--list-box__field:focus {\n outline: 0;\n outline-offset: 0;\n }\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:focus-within {\n outline-offset: 0;\n }\n .cds--list-box__wrapper--fluid\n .cds--list-box--warning\n ~ .cds--form-requirement,\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid\n .cds--form-requirement {\n padding: 0.5rem 4rem 0.5rem 1rem;\n margin-top: 0;\n }\n .cds--list-box__wrapper--fluid\n .cds--list-box--warning\n ~ .cds--form-requirement {\n border-bottom: 1px solid var(--cds-border-strong);\n }\n .cds--list-box__wrapper--fluid\n .cds--list-box--warning\n .cds--list-box__invalid-icon,\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid\n .cds--list-box__invalid-icon {\n top: 5.0625rem;\n right: 1rem;\n pointer-events: none;\n }\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid\n .cds--list-box[data-invalid].cds--combo-box\n .cds--text-input {\n padding-right: 4rem;\n }\n .cds--list-box__wrapper--fluid .cds--list-box__divider {\n display: none;\n transition: border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--date-picker--fluid .cds--date-picker,\n .cds--number input[type='number'] {\n transition:\n background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--list-box__wrapper--fluid\n .cds--list-box--invalid\n ~ .cds--list-box__divider,\n .cds--list-box__wrapper--fluid\n .cds--list-box--warning\n ~ .cds--list-box__divider {\n display: block;\n border: none;\n border-bottom: 1px solid var(--cds-border-subtle);\n margin: 0 1rem;\n }\n .cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker__icon,\n .cds--number.cds--skeleton input[type='number'] {\n display: none;\n }\n .cds--list-box__wrapper--fluid\n .cds--list-box--invalid:hover:not(.cds--combo-box)\n ~ .cds--list-box__divider,\n .cds--list-box__wrapper--fluid\n .cds--list-box--warning:hover:not(.cds--combo-box)\n ~ .cds--list-box__divider {\n border-color: transparent;\n }\n .cds--list-box__wrapper--fluid .cds--list-box--up .cds--list-box__menu {\n bottom: 4rem;\n }\n .cds--list-box__wrapper--fluid .cds--skeleton {\n border-bottom: 1px solid var(--cds-skeleton-element, #c6c6c6);\n background: var(--cds-skeleton-background, #e8e8e8);\n }\n .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field {\n position: absolute;\n top: 2.25rem;\n left: 1rem;\n width: 50%;\n height: 0.5rem;\n padding: 0;\n }\n .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label {\n position: absolute;\n top: 1rem;\n left: 1rem;\n width: 25%;\n height: 0.5rem;\n }\n .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field,\n .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label {\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n }\n .cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__field {\n overflow: visible;\n padding: 0;\n }\n .cds--list-box__wrapper--fluid .cds--combo-box .cds--text-input {\n overflow: hidden;\n padding: 2.0625rem 4rem 0.8125rem 1rem;\n text-overflow: ellipsis;\n transition: none;\n white-space: nowrap;\n }\n .cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__selection {\n top: auto;\n bottom: 0.625rem;\n transform: none;\n }\n .cds--date-picker--fluid.cds--date-picker--fluid--invalid\n .cds--date-picker--range\n + .cds--date-picker__icon,\n .cds--date-picker--fluid.cds--date-picker--fluid--warn\n .cds--date-picker--range\n + .cds--date-picker__icon,\n .cds--date-picker-container.cds--date-picker--fluid--invalid\n .cds--date-picker__icon--invalid,\n .cds--date-picker-container.cds--date-picker--fluid--warn\n .cds--date-picker__icon--warn {\n top: 5rem;\n }\n .cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__menu-icon {\n bottom: 0.875rem;\n }\n .cds--list-box__wrapper--fluid\n .cds--list-box--warning\n .cds--list-box__field\n .cds--text-input\n + .cds--list-box__invalid-icon,\n .cds--list-box__wrapper--fluid\n .cds--list-box[data-invalid]\n .cds--list-box__field\n .cds--text-input\n + .cds--list-box__invalid-icon {\n right: 1rem;\n }\n .cds--date-picker--fluid {\n display: inline-flex;\n background: var(--cds-field);\n }\n .cds--date-picker--fluid .cds--date-picker {\n position: relative;\n width: 100%;\n height: 100%;\n }\n .cds--date-picker--fluid .cds--label {\n position: absolute;\n z-index: 1;\n top: 0.8125rem;\n left: 1rem;\n display: flex;\n width: calc(100% - 2rem);\n height: 1rem;\n align-items: center;\n margin: 0;\n }\n .cds--date-picker--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar,\n .cds--date-picker--fluid .cds--label::-webkit-scrollbar {\n display: none;\n }\n .cds--date-picker--fluid .cds--label .cds--toggletip-label,\n .cds--date-picker--fluid .cds--label:not(:has(.cds--toggletip-label)) {\n -ms-overflow-style: none;\n overflow-x: scroll;\n scrollbar-width: none;\n white-space: nowrap;\n }\n .cds--date-picker--fluid\n .cds--date-picker-input__wrapper\n .cds--date-picker__input {\n min-width: 9rem;\n min-height: 4rem;\n padding: 2rem 1rem 0.8125rem;\n border-bottom: none;\n background: 0 0;\n }\n .cds--date-picker--fluid\n .cds--date-picker--simple\n .cds--date-picker--fluid--warn,\n .cds--date-picker--fluid\n .cds--date-picker--simple\n .cds--date-picker__input:not(.cds--date-picker__input--invalid):not(\n .cds--date-picker__input--warn\n ) {\n border-bottom: 1px solid var(--cds-border-strong);\n }\n .cds--date-picker--fluid .cds--date-picker__icon {\n top: 2.6875rem;\n }\n .cds--date-picker--fluid .cds--date-picker--single .cds--date-picker__input {\n width: 100%;\n }\n .cds--date-picker--fluid .cds--date-picker--single {\n border-bottom: none;\n }\n .cds--date-picker--fluid\n .cds--date-picker--single\n .cds--date-picker__input:not(.cds--date-picker__input--invalid),\n .cds--date-picker--fluid:not(.cds--date-picker--fluid--invalid):not(\n .cds--date-picker--fluid--warn\n )\n .cds--date-picker--range\n .cds--date-picker-container:not(.cds--date-picker--fluid--invalid),\n .cds--date-picker--single .cds--date-picker--fluid--warn {\n border-bottom: 1px solid var(--cds-border-strong);\n }\n .cds--date-picker--fluid .cds--date-picker--range .cds--date-picker-container,\n .cds--date-picker--fluid .cds--date-picker--range .cds--date-picker__input {\n width: 100%;\n min-width: 9rem;\n min-height: 3.9375rem;\n }\n .cds--date-picker--fluid\n .cds--date-picker--range\n > .cds--date-picker-container:last-child\n .cds--date-picker__input {\n border-left: 1px solid var(--cds-border-strong);\n }\n .cds--date-picker--fluid.cds--date-picker--fluid--invalid,\n .cds--date-picker-container.cds--date-picker--fluid--invalid {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n }\n .cds--date-picker--fluid\n .cds--date-picker-container.cds--date-picker--fluid--invalid\n + .cds--date-picker-container\n .cds--date-picker__input,\n .cds--date-picker--fluid\n .cds--date-picker-container:last-child.cds--date-picker--fluid--invalid\n .cds--date-picker__input--invalid {\n border-left: none;\n }\n .cds--date-picker-container.cds--date-picker--fluid--invalid\n .cds--form-requirement,\n .cds--date-picker-container.cds--date-picker--fluid--warn\n .cds--form-requirement {\n padding: 0.5rem 2.5rem 0.5rem 1rem;\n margin: 0;\n }\n .cds--date-picker--fluid\n .cds--date-picker--single\n .cds--date-picker--fluid--warn\n .cds--date-picker__input,\n .cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker,\n .cds--date-picker--fluid.cds--date-picker--fluid--warn\n .cds--date-picker--range\n .cds--date-picker-container,\n .cds--date-picker-container.cds--date-picker--fluid--invalid\n .cds--date-picker--fluid.cds--date-picker--fluid--invalid\n .cds--date-picker {\n border-bottom: 1px solid transparent;\n }\n .cds--date-picker--fluid\n .cds--date-picker--fluid--warn\n + .cds--date-picker-container:last-child\n .cds--date-picker__input,\n .cds--date-picker--fluid\n .cds--date-picker--fluid--warn.cds--date-picker-container:last-child\n .cds--date-picker__input,\n .cds--date-picker--fluid.cds--date-picker--fluid--invalid\n .cds--date-picker--range\n > .cds--date-picker-container:last-child\n .cds--date-picker__input,\n .cds--date-picker--fluid.cds--date-picker--fluid--warn\n .cds--date-picker--range\n > .cds--date-picker-container:last-child\n .cds--date-picker__input {\n border-left: 1px solid transparent;\n }\n .cds--date-picker--fluid\n .cds--date-picker--range\n .cds--date-picker--fluid--warn.cds--date-picker-container:first-child::after,\n .cds--date-picker--fluid\n .cds--date-picker--range\n .cds--date-picker--fluid--warn.cds--date-picker-container:last-child::after,\n .cds--date-picker--fluid.cds--date-picker--fluid--invalid\n .cds--date-picker--range\n > .cds--date-picker-container:first-child::after,\n .cds--date-picker--fluid.cds--date-picker--fluid--warn\n .cds--date-picker--range\n > .cds--date-picker-container:first-child::after {\n position: absolute;\n top: 0.5rem;\n right: 0;\n display: block;\n width: 1px;\n height: calc(100% - 1rem);\n background: var(--cds-border-strong);\n content: '';\n }\n .cds--date-picker--fluid\n .cds--date-picker--fluid--warn.cds--date-picker-container:last-child::after {\n left: 0;\n }\n .cds--date-picker--fluid .cds--date-picker__divider {\n width: calc(100% - 2rem);\n border-style: solid;\n border-color: var(--cds-border-subtle);\n border-bottom: none;\n margin: 0 1rem;\n }\n .cds--date-picker--fluid\n .cds--date-picker--simple\n .cds--date-picker--fluid--invalid\n .cds--date-picker__icon--invalid,\n .cds--date-picker--fluid\n .cds--date-picker--simple\n .cds--date-picker--fluid--warn\n .cds--date-picker__icon--warn {\n display: block;\n }\n .cds--date-picker-container.cds--date-picker--fluid--invalid\n .cds--date-picker__input:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--date-picker--fluid.cds--date-picker--fluid--invalid,\n .cds--date-picker-container.cds--date-picker--fluid--invalid,\n .cds--date-picker-container.cds--date-picker--fluid--invalid\n .cds--date-picker__input:focus {\n outline-style: dotted;\n }\n }\n .cds--date-picker--fluid.cds--date-picker--fluid--invalid\n .cds--date-picker--range\n ~ .cds--form-requirement,\n .cds--date-picker--fluid.cds--date-picker--fluid--warn\n .cds--date-picker--range\n ~ .cds--form-requirement {\n display: block;\n overflow: visible;\n max-height: 100%;\n padding: 0.5rem 2.5rem 0.5rem 1rem;\n margin-top: 0;\n }\n .cds--date-picker--fluid.cds--date-picker--fluid--invalid\n .cds--date-picker--range\n ~ .cds--form-requirement {\n color: var(--cds-text-error, #da1e28);\n }\n .cds--date-picker--fluid.cds--date-picker--fluid--invalid,\n .cds--date-picker--fluid.cds--date-picker--fluid--warn {\n position: relative;\n }\n .cds--date-picker--fluid__skeleton {\n height: 4rem;\n border-bottom: 1px solid var(--cds-skeleton-element, #c6c6c6);\n background: var(--cds-skeleton-background, #e8e8e8);\n }\n .cds--date-picker--fluid__skeleton--container {\n position: relative;\n width: 100%;\n height: 100%;\n }\n .cds--date-picker--fluid__skeleton .cds--skeleton {\n position: absolute;\n top: 1rem;\n left: 1rem;\n width: 25%;\n height: 0.5rem;\n }\n .cds--date-picker--fluid__skeleton .cds--label {\n margin-bottom: 0.25rem;\n }\n .cds--date-picker--fluid__skeleton .cds--text-input {\n position: absolute;\n top: 2.25rem;\n left: 1rem;\n width: 50%;\n height: 0.5rem;\n padding: 0;\n }\n .cds--date-picker--fluid__skeleton--container .cds--date-picker__icon {\n top: auto;\n bottom: 0.5rem;\n }\n .cds--date-picker--fluid__skeleton--range {\n display: flex;\n flex-direction: row;\n }\n .cds--date-picker--fluid__skeleton--range\n .cds--date-picker--fluid__skeleton--container {\n display: flex;\n width: 50%;\n flex-direction: column;\n }\n .cds--date-picker--fluid__skeleton--range\n .cds--date-picker--fluid__skeleton--container:first-of-type {\n border-right: 1px solid var(--cds-skeleton-element, #c6c6c6);\n }\n .cds--date-picker--fluid__skeleton--range\n .cds--date-picker--fluid__skeleton--container\n .cds--date-picker__icon {\n bottom: 0.5rem;\n }\n .cds--date-picker--fluid.cds--date-picker--fluid--readonly:not(\n .cds--date-picker--fluid--invalid\n ):not(.cds--date-picker--fluid--warn)\n .cds--date-picker\n .cds--date-picker__input,\n .cds--date-picker--fluid.cds--date-picker--fluid--readonly:not(\n .cds--date-picker--fluid--invalid\n ):not(.cds--date-picker--fluid--warn)\n .cds--date-picker\n > .cds--date-picker-container {\n border-bottom-color: var(--cds-border-subtle);\n }\n .cds--date-picker--fluid.cds--date-picker--fluid--readonly:not(\n .cds--date-picker--fluid--invalid\n ):not(.cds--date-picker--fluid--warn)\n .cds--date-picker--range\n > .cds--date-picker-container:last-child\n .cds--date-picker__input {\n border-left-color: var(--cds-border-subtle);\n }\n .cds--multi-select__wrapper.cds--list-box__wrapper--fluid--focus:not(\n .cds--multi-select--filterable__wrapper\n )\n .cds--list-box__field--wrapper--input-focused {\n outline: 0;\n }\n .cds--list-box__wrapper--fluid .cds--tag.cds--tag--filter {\n margin-top: 1.25rem;\n }\n .cds--list-box__wrapper--fluid .cds--multi-select--filterable--input-focused {\n outline: 0;\n outline-offset: 0;\n }\n .cds--list-box__wrapper--fluid\n .cds--multi-select--filterable\n .cds--list-box__field\n .cds--text-input {\n border-bottom: 1px solid transparent;\n }\n .cds--list-box__wrapper--fluid\n .cds--multi-select--filterable.cds--combo-box\n .cds--list-box__field {\n align-items: baseline;\n }\n .cds--number {\n position: relative;\n display: flex;\n width: 100%;\n flex-direction: column;\n }\n .cds--number body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--number code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--number input[type='number'],\n .cds--number__controls body {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--number strong {\n font-weight: 600;\n }\n .cds--number input[type='number'] {\n outline: transparent solid 2px;\n outline-offset: -2px;\n display: inline-flex;\n width: 100%;\n min-width: 9.375rem;\n height: 2.5rem;\n box-sizing: border-box;\n padding-right: 8rem;\n padding-left: 1rem;\n border: 0;\n border-bottom: 0.0625rem solid var(--cds-border-strong);\n -moz-appearance: textfield;\n background-color: var(--cds-field);\n border-radius: 0;\n font-weight: 400;\n }\n .cds--number input[type='number']:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--number input[type='number']:disabled ~ .cds--number__controls {\n cursor: not-allowed;\n pointer-events: none;\n }\n .cds--number input[type='number']::-ms-clear {\n display: none;\n }\n .cds--number input[type='number']::-webkit-inner-spin-button {\n appearance: none;\n }\n .cds--number--lg.cds--number input[type='number'] {\n padding-right: 9rem;\n }\n .cds--number--sm.cds--number input[type='number'] {\n padding-right: 7rem;\n }\n .cds--number input[type='number']:disabled {\n border-bottom-color: transparent;\n background-color: var(--cds-field);\n cursor: not-allowed;\n }\n .cds--number__input-wrapper {\n position: relative;\n display: flex;\n align-items: center;\n }\n .cds--number__controls {\n position: absolute;\n top: 50%;\n right: 0;\n display: flex;\n width: 5rem;\n height: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n transform: translateY(-50%);\n }\n .cds--number__controls body {\n font-weight: 400;\n }\n .cds--number__controls code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--number__controls strong {\n font-weight: 600;\n }\n .cds--number__control-btn {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-size: 100%;\n display: inline-block;\n appearance: none;\n background: 0 0;\n cursor: pointer;\n text-align: start;\n width: 100%;\n position: relative;\n display: inline-flex;\n height: 100%;\n align-items: center;\n justify-content: center;\n border-bottom: 0.0625rem solid var(--cds-border-strong);\n color: var(--cds-icon-primary, #161616);\n }\n .cds--search-input,\n .cds--select-input {\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n color: var(--cds-text-primary, #161616);\n appearance: none;\n }\n .cds--number__control-btn *,\n .cds--number__control-btn ::after,\n .cds--number__control-btn ::before {\n box-sizing: inherit;\n }\n .cds--number__control-btn::-moz-focus-inner {\n border: 0;\n }\n .cds--number__control-btn::after,\n .cds--number__control-btn::before {\n position: absolute;\n top: 0.125rem;\n display: block;\n width: 0.125rem;\n height: 2.25rem;\n background-color: var(--cds-field);\n content: '';\n }\n .cds--number__control-btn:hover,\n .cds--number__control-btn:hover::after,\n .cds--number__control-btn:hover::before {\n background-color: var(--cds-field-hover);\n }\n .cds--number__control-btn::before {\n left: 0;\n }\n .cds--number__control-btn::after {\n right: 0;\n }\n .cds--number__control-btn svg {\n fill: currentColor;\n }\n .cds--number__control-btn:focus {\n outline: 1px solid var(--cds-focus, #0f62fe);\n color: var(--cds-icon-primary, #161616);\n outline-offset: -2px;\n outline-width: 2px;\n }\n .cds--number__control-btn:hover {\n color: var(--cds-icon-primary, #161616);\n cursor: pointer;\n }\n .cds--number\n input[type='number']:focus\n ~ .cds--number__controls\n .cds--number__control-btn.up-icon::after,\n .cds--number__control-btn:focus::after,\n .cds--number__control-btn:focus::before,\n .cds--number__control-btn:hover:focus::after,\n .cds--number__control-btn:hover:focus::before {\n background-color: transparent;\n }\n .cds--number__invalid\n + .cds--number__controls\n .cds--number__rule-divider:first-of-type,\n .cds--number__rule-divider {\n background-color: var(--cds-border-subtle);\n }\n .cds--number__control-btn:disabled {\n border-bottom-color: transparent;\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--number__control-btn.up-icon {\n order: 2;\n }\n .cds--number\n input[type='number']:focus\n ~ .cds--number__controls\n .cds--number__control-btn,\n .cds--number\n input[type='number'][data-invalid]\n ~ .cds--number__controls\n .cds--number__control-btn {\n border-bottom-color: transparent;\n }\n .cds--number\n input[type='number']:focus\n ~ .cds--number__controls\n .cds--number__control-btn:hover {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--number\n input[type='number'][data-invalid]:not(:focus)\n ~ .cds--number__controls\n .cds--number__control-btn:hover {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--number input[type='number']:focus,\n .cds--number\n input[type='number']:focus\n ~ .cds--number__controls\n .cds--number__control-btn:hover,\n .cds--number\n input[type='number'][data-invalid]:not(:focus)\n ~ .cds--number__controls\n .cds--number__control-btn:hover,\n .cds--number__control-btn:focus {\n outline-style: dotted;\n }\n }\n .cds--number\n input[type='number'][data-invalid]\n ~ .cds--number__controls\n .cds--number__control-btn.up-icon::after {\n background-color: var(--cds-support-error, #da1e28);\n }\n .cds--number__rule-divider {\n position: absolute;\n z-index: 6000;\n width: 0.0625rem;\n height: 1rem;\n }\n .cds--number__rule-divider:first-of-type {\n order: 0;\n }\n .cds--number__controls .cds--number__rule-divider:first-of-type {\n left: 0;\n background-color: transparent;\n }\n .cds--number\n input[type='number']:disabled\n + .cds--number__controls\n .cds--number__rule-divider:first-of-type,\n .cds--number--light .cds--number__control-btn:focus::after,\n .cds--number--light .cds--number__control-btn:focus::before,\n .cds--number__control-btn.down-icon:focus ~ .cds--number__rule-divider,\n .cds--number__control-btn.down-icon:hover ~ .cds--number__rule-divider,\n .cds--number__control-btn.up-icon:focus + .cds--number__rule-divider,\n .cds--number__control-btn.up-icon:hover + .cds--number__rule-divider,\n .cds--number__control-btn:focus ~ .cds--number__rule-divider {\n background-color: transparent;\n }\n .cds--number--light\n .cds--number__invalid\n + .cds--number__controls\n .cds--number__rule-divider:first-of-type,\n .cds--number--light .cds--number__rule-divider {\n background-color: var(--cds-border-subtle-02, #e0e0e0);\n }\n .cds--number\n input[type='number']:disabled\n + .cds--number__controls\n .cds--number__rule-divider {\n background-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--number__invalid {\n position: absolute;\n right: 6rem;\n }\n .cds--number--lg .cds--number__invalid {\n right: 7rem;\n }\n .cds--number--sm .cds--number__invalid {\n right: 5rem;\n }\n .cds--number__invalid + .cds--number__rule-divider {\n position: absolute;\n right: 5rem;\n }\n .cds--number--lg .cds--number__invalid + .cds--number__rule-divider {\n right: 6rem;\n }\n .cds--number--sm .cds--number__invalid + .cds--number__rule-divider {\n right: 4rem;\n }\n .cds--number__invalid--warning {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--search--expandable.cds--search--expanded .cds--search-magnifier-icon,\n .cds--search-magnifier-icon {\n fill: var(--cds-icon-secondary, #525252);\n }\n .cds--number__invalid--warning path:first-of-type {\n fill: #000;\n opacity: 1;\n }\n .cds--number--light .cds--number__control-btn::after,\n .cds--number--light .cds--number__control-btn::before,\n .cds--number--light input[type='number'],\n .cds--number--light input[type='number']:disabled {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--number--light .cds--number__control-btn:hover,\n .cds--number--light .cds--number__control-btn:not(:focus):hover::after,\n .cds--number--light .cds--number__control-btn:not(:focus):hover::before {\n background-color: var(--cds-layer-hover-02, #e8e8e8);\n }\n .cds--number--readonly .cds--number__control-btn:hover::after,\n .cds--number--readonly .cds--number__control-btn:hover::before,\n .cds--number-input--fluid--disabled.cds--number-input--fluid--invalid\n .cds--number\n input[type='number']:disabled {\n background-color: transparent;\n }\n .cds--number--lg input[type='number'] {\n height: 3rem;\n }\n .cds--number--lg .cds--number__controls {\n width: 6rem;\n }\n .cds--number--lg .cds--number__control-btn {\n width: 3rem;\n }\n .cds--number--lg .cds--number__control-btn::after,\n .cds--number--lg .cds--number__control-btn::before {\n height: 2.75rem;\n }\n .cds--number--sm input[type='number'] {\n height: 2rem;\n }\n .cds--number--sm .cds--number__controls {\n width: 4rem;\n }\n .cds--number--sm .cds--number__control-btn {\n width: 2rem;\n }\n .cds--number--sm .cds--number__control-btn::after,\n .cds--number--sm .cds--number__control-btn::before {\n height: 1.75rem;\n }\n .cds--number--nolabel .cds--label + .cds--form__helper-text {\n margin-top: 0;\n }\n .cds--number--nosteppers input[type='number'] {\n padding-right: 3rem;\n }\n .cds--number--nosteppers .cds--number__invalid {\n right: 1rem;\n }\n .cds--number--readonly input[type='number'] {\n border-bottom-color: var(--cds-border-subtle);\n background: 0 0;\n }\n .cds--number--readonly .cds--number__control-btn {\n color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n pointer-events: none;\n }\n .cds--number--readonly .cds--number__control-btn:hover {\n background-color: transparent;\n cursor: pointer;\n }\n .cds--number--readonly\n input[type='number']:focus\n ~ .cds--number__controls\n .cds--number__control-btn:hover {\n outline: 0;\n }\n .cds--number--readonly .cds--number__control-btn::after,\n .cds--number--readonly .cds--number__control-btn::before {\n background: 0 0;\n }\n .cds--number--readonly\n .cds--number__controls:hover\n .cds--number__rule-divider:not(:first-of-type) {\n background-color: var(--cds-border-subtle);\n }\n .cds--number.cds--skeleton {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n width: 100%;\n height: 2.5rem;\n }\n .cds--number-input--fluid .cds--number__control-btn,\n .cds--number-input--fluid\n .cds--number__input-wrapper--warning\n input[type='number'],\n .cds--number-input--fluid\n input[type='number']:focus\n ~ .cds--number__controls\n .cds--number__control-btn,\n .cds--number-input--fluid--invalid\n .cds--number[data-invalid]\n input[type='number'] {\n border-bottom: 1px solid transparent;\n }\n .cds--number.cds--skeleton:active,\n .cds--number.cds--skeleton:focus,\n .cds--number.cds--skeleton:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--number.cds--skeleton::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--file__selected-file {\n outline: transparent solid 1px;\n }\n .cds--file__state-container .cds--file-close svg path {\n fill: ButtonText;\n }\n .cds--number__control-btn:focus,\n .cds--number__control-btn:hover {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--number__control-btn {\n outline: transparent solid 1px;\n }\n .cds--number__control-btn svg {\n fill: ButtonText;\n }\n }\n .cds--number-input--fluid:not(.cds--number-input--fluid--invalid)\n .cds--number\n .cds--number__input-wrapper:not(.cds--number__input-wrapper--warning)\n input[type='number']:focus\n ~ .cds--number__controls\n .cds--number__control-btn:hover,\n .cds--search-close,\n .cds--search-input {\n outline: transparent solid 2px;\n }\n .cds--number-input--fluid {\n position: relative;\n height: 100%;\n background: var(--cds-field);\n }\n .cds--number-input--fluid .cds--label {\n position: absolute;\n z-index: 1;\n top: 0.8125rem;\n left: 1rem;\n display: flex;\n width: calc(100% - 2rem);\n height: 1rem;\n align-items: center;\n margin: 0;\n }\n .cds--number-input--fluid .cds--number-input__divider,\n .cds--number-input--fluid\n .cds--number__controls\n .cds--number__rule-divider:first-of-type {\n display: none;\n }\n .cds--number-input--fluid\n .cds--label\n .cds--toggletip-label::-webkit-scrollbar,\n .cds--number-input--fluid .cds--label::-webkit-scrollbar {\n display: none;\n }\n .cds--number-input--fluid .cds--label .cds--toggletip-label,\n .cds--number-input--fluid .cds--label:not(:has(.cds--toggletip-label)) {\n -ms-overflow-style: none;\n overflow-x: scroll;\n scrollbar-width: none;\n white-space: nowrap;\n }\n .cds--number-input--fluid .cds--number__input-wrapper {\n position: initial;\n }\n .cds--number-input--fluid input[type='number'] {\n min-height: 4rem;\n padding: 2rem 5rem 0.8125rem 1rem;\n background: 0 0;\n outline: 0;\n }\n .cds--modal-container--sm .cds--modal-content > p,\n .cds--modal-container--xs .cds--modal-content > p {\n padding-right: 0;\n }\n .cds--number-input--fluid .cds--number__controls {\n top: 1.4375rem;\n height: 2.5rem;\n transform: translate(0);\n }\n .cds--number-input--fluid.cds--number-input--fluid--focus .cds--number {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--number-input--fluid:not(.cds--number-input--fluid--invalid)\n .cds--number\n .cds--number__input-wrapper:not(.cds--number__input-wrapper--warning)\n input[type='number']:focus\n ~ .cds--number__controls\n .cds--number__control-btn:hover::before {\n top: auto;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1px;\n background: var(--cds-focus, #0f62fe);\n }\n .cds--number-input--fluid:not(.cds--number-input--fluid--invalid)\n .cds--number-input-wrapper:not(.cds--number-input-wrapper__warning)\n input[type='number']:focus\n ~ .cds--number__controls\n .cds--number__control-btn:hover {\n border-bottom: 1px solid var(--cds-focus, #0f62fe);\n outline: 0;\n }\n .cds--number-input--fluid\n input[type='number']\n ~ .cds--number__controls\n .cds--number__control-btn::after {\n top: 0;\n height: calc(100% - 0.0625rem);\n }\n .cds--number-input--fluid.cds--number-input--fluid--focus\n input[type='number']\n ~ .cds--number__controls\n .cds--number__control-btn.up-icon::after {\n background: var(--cds-focus, #0f62fe);\n }\n .cds--number-input--fluid\n input[type='number']\n ~ .cds--number__controls\n .cds--number__control-btn.up-icon::after {\n height: 100%;\n }\n .cds--number-input--fluid.cds--number-input--fluid--focus\n input[type='number']\n ~ .cds--number__controls\n .cds--number__control-btn.up-icon:hover::after {\n height: 100%;\n background-color: var(--cds-focus, #0f62fe);\n }\n .cds--number-input--fluid--invalid\n .cds--number\n input[type='number'][data-invalid]\n ~ .cds--number__controls\n .cds--number__control-btn:focus:hover,\n .cds--number-input--fluid--invalid\n input[type='number'][data-invalid]\n ~ .cds--number__controls\n .cds--number__control-btn:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--number-input--fluid .cds--number__invalid {\n top: 4.5625rem;\n right: 1rem;\n pointer-events: none;\n }\n .cds--number-input--fluid\n .cds--number__input-wrapper--warning\n input[type='number']:focus {\n outline: 0;\n }\n .cds--number-input--fluid\n .cds--number__input-wrapper--warning\n + .cds--number-input__divider,\n .cds--number-input--fluid.cds--number-input--fluid--invalid\n .cds--number-input__divider {\n position: absolute;\n top: 3.9375rem;\n display: block;\n width: calc(100% - 2rem);\n height: 0.0625rem;\n border: none;\n border-bottom: 1px solid var(--cds-border-subtle);\n margin: 0 1rem;\n }\n .cds--number-input--fluid .cds--form-requirement {\n padding: 0.5rem 2.5rem 0.5rem 1rem;\n margin: 0;\n }\n .cds--number-input--fluid.cds--number-input--fluid--invalid:not(\n .cds--number-input--fluid--focus\n )\n .cds--number {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n }\n .cds--number-input--fluid\n .cds--number__input-wrapper--warning\n input[type='number']\n ~ .cds--number__controls\n .cds--number__control-btn:hover:not(:focus),\n .cds--number-input--fluid--invalid\n .cds--number\n input[type='number'][data-invalid]\n ~ .cds--number__controls\n .cds--number__control-btn:hover,\n .cds--number-input--fluid--invalid\n .cds--number[data-invalid]\n input[type='number'] {\n outline: 0;\n }\n .cds--number-input--fluid\n .cds--number__input-wrapper--warning\n input[type='number']\n ~ .cds--number__controls\n .cds--number__control-btn,\n .cds--number-input--fluid.cds--number-input--invalid\n .cds--number__input-wrapper\n input[type='number']\n ~ .cds--number__controls\n .cds--number__control-btn {\n border-bottom: none;\n }\n .cds--number-input--fluid\n .cds--number\n input[type='number']\n ~ .cds--number__controls\n .cds--number__control-btn,\n .cds--number-input--fluid--invalid\n .cds--number\n input[type='number'][data-invalid]\n ~ .cds--number__controls\n .cds--number__control-btn {\n border: initial;\n border-bottom-width: 0.0625rem;\n }\n .cds--number-input--fluid--disabled:not(.cds--number-input--fluid--invalid)\n .cds--number {\n border-bottom: 1px solid var(--cds-border-subtle);\n }\n .cds--search {\n position: relative;\n display: flex;\n width: 100%;\n align-items: center;\n }\n .cds--search .cds--label {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n }\n .cds--search-input {\n box-sizing: border-box;\n padding: 0 2.5rem;\n border: 0;\n margin: 0;\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n outline-offset: -2px;\n width: 100%;\n order: 1;\n border: none;\n border-bottom: 1px solid var(--cds-border-strong);\n background-color: var(--cds-field);\n text-overflow: ellipsis;\n transition:\n background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--search-close,\n .cds--select {\n font-size: 100%;\n font-family: inherit;\n vertical-align: baseline;\n }\n .cds--search-input *,\n .cds--search-input ::after,\n .cds--search-input ::before {\n box-sizing: inherit;\n }\n .cds--search-input:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--number-input--fluid--invalid\n .cds--number\n input[type='number'][data-invalid]\n ~ .cds--number__controls\n .cds--number__control-btn:focus:hover,\n .cds--number-input--fluid--invalid\n input[type='number'][data-invalid]\n ~ .cds--number__controls\n .cds--number__control-btn:focus,\n .cds--number-input--fluid.cds--number-input--fluid--focus .cds--number,\n .cds--number-input--fluid.cds--number-input--fluid--invalid:not(\n .cds--number-input--fluid--focus\n )\n .cds--number,\n .cds--search-input:focus {\n outline-style: dotted;\n }\n }\n .cds--search-input::placeholder {\n color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n opacity: 1;\n }\n .cds--search-input::-ms-clear {\n display: none;\n }\n .cds--search-input[disabled] {\n border-bottom: 1px solid transparent;\n background-color: var(--cds-field);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--search-input[disabled]::placeholder {\n color: var(--cds-field);\n }\n .cds--search--light .cds--search-close::before,\n .cds--search--light .cds--search-input {\n background: var(--cds-field-02, #fff);\n }\n .cds--search--sm .cds--search-input,\n .cds--search--sm.cds--search--expandable.cds--search--expanded\n .cds--search-input {\n height: 2rem;\n padding: 0 2rem;\n }\n .cds--search--sm .cds--search-magnifier-icon {\n left: 0.5rem;\n }\n .cds--search--md .cds--search-input,\n .cds--search--md.cds--search--expandable.cds--search--expanded\n .cds--search-input {\n height: 2.5rem;\n padding: 0 2.5rem;\n }\n .cds--search--md .cds--search-magnifier-icon {\n left: 0.75rem;\n }\n .cds--search--lg .cds--search-input,\n .cds--search--lg.cds--search--expandable.cds--search--expanded\n .cds--search-input {\n height: 3rem;\n padding: 0 3rem;\n }\n .cds--search-magnifier-icon {\n position: absolute;\n z-index: 2;\n top: 50%;\n left: 1rem;\n width: 1rem;\n height: 1rem;\n pointer-events: none;\n transform: translateY(-50%);\n }\n .cds--body--with-modal-open .cds--modal .cds--overflow-menu-options,\n .cds--body--with-modal-open .cds--modal .cds--tooltip,\n .cds--menu,\n .cds--modal {\n z-index: 9000;\n }\n .cds--search-close {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n display: inline-block;\n appearance: none;\n background: 0 0;\n text-align: start;\n outline-offset: -2px;\n position: absolute;\n top: 0;\n right: 0;\n }\n .cds--search-button,\n .cds--search-close::before,\n .cds--select-input {\n background-color: var(--cds-field);\n }\n .cds--search-close *,\n .cds--search-close ::after,\n .cds--search-close ::before {\n box-sizing: inherit;\n }\n .cds--search-close::-moz-focus-inner {\n border: 0;\n }\n .cds--search-close::before {\n position: absolute;\n top: 0.0625rem;\n left: 0;\n display: block;\n width: 2px;\n height: calc(100% - 2px);\n content: '';\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--search-button:hover,\n .cds--search-close:hover,\n .cds--search-close:hover::before {\n background-color: var(--cds-field-hover);\n }\n @media screen and (prefers-reduced-motion: reduce) {\n .cds--loading--stop svg circle {\n animation: none;\n }\n .cds--search-close::before {\n transition: none;\n }\n }\n .cds--search-close:hover {\n border-bottom: 1px solid var(--cds-border-strong);\n }\n .cds--search-button {\n flex-shrink: 0;\n margin-left: 0.125rem;\n }\n .cds--search-button svg {\n fill: currentColor;\n vertical-align: middle;\n }\n .cds--search-close svg {\n fill: inherit;\n }\n .cds--search-button,\n .cds--search-close {\n display: flex;\n width: 2.5rem;\n height: 2.5rem;\n align-items: center;\n justify-content: center;\n border-width: 1px 0;\n border-style: solid;\n border-color: transparent;\n cursor: pointer;\n fill: var(--cds-icon-primary, #161616);\n opacity: 1;\n transition:\n opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n border 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n visibility: inherit;\n }\n .cds--search-button:focus,\n .cds--search-close:focus,\n .cds--search-input:focus ~ .cds--search-close:hover {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--search-button:focus,\n .cds--search-close:focus {\n outline-style: dotted;\n }\n }\n .cds--search-button:active,\n .cds--search-close:active {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n }\n @media screen and (prefers-contrast) {\n .cds--search-button:active,\n .cds--search-close:active,\n .cds--search-input:focus ~ .cds--search-close:hover {\n outline-style: dotted;\n }\n }\n .cds--search--disabled .cds--search-close,\n .cds--search--disabled.cds--search--expandable .cds--search-magnifier {\n cursor: not-allowed;\n outline: 0;\n }\n .cds--search--disabled .cds--search-close:hover,\n .cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover {\n border-bottom-color: transparent;\n background-color: transparent;\n }\n .cds--search--disabled .cds--search-close:hover::before,\n .cds--search--disabled.cds--search--expandable\n .cds--search-magnifier:hover::before {\n background-color: transparent;\n }\n .cds--search--disabled svg {\n fill: var(--cds-icon-on-color-disabled, #8d8d8d);\n }\n .cds--search-close:active::before,\n .cds--search-close:focus::before {\n background-color: var(--cds-focus, #0f62fe);\n }\n .cds--search--sm .cds--search-close,\n .cds--search--sm.cds--search--expandable,\n .cds--search--sm.cds--search--expandable .cds--search-magnifier,\n .cds--search--sm ~ .cds--search-button {\n width: 2rem;\n height: 2rem;\n }\n .cds--search--sm.cds--search--expandable .cds--search-input::placeholder {\n padding: 0 2rem;\n }\n .cds--search--md .cds--search-close,\n .cds--search--md.cds--search--expandable,\n .cds--search--md.cds--search--expandable .cds--search-magnifier,\n .cds--search--md ~ .cds--search-button {\n width: 2.5rem;\n height: 2.5rem;\n }\n .cds--search--md.cds--search--expandable .cds--search-input::placeholder {\n padding: 0 2.5rem;\n }\n .cds--search--lg .cds--search-close,\n .cds--search--lg.cds--search--expandable,\n .cds--search--lg.cds--search--expandable .cds--search-magnifier,\n .cds--search--lg ~ .cds--search-button {\n width: 3rem;\n height: 3rem;\n }\n .cds--search--lg.cds--search--expandable .cds--search-input::placeholder {\n padding: 0 3rem;\n }\n .cds--search-close--hidden {\n opacity: 0;\n visibility: hidden;\n }\n .cds--search--lg.cds--skeleton .cds--search-input,\n .cds--search--md.cds--skeleton .cds--search-input,\n .cds--search--sm.cds--skeleton .cds--search-input {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n width: 100%;\n }\n .cds--search--lg.cds--skeleton .cds--search-input:active,\n .cds--search--lg.cds--skeleton .cds--search-input:focus,\n .cds--search--lg.cds--skeleton .cds--search-input:hover,\n .cds--search--md.cds--skeleton .cds--search-input:active,\n .cds--search--md.cds--skeleton .cds--search-input:focus,\n .cds--search--md.cds--skeleton .cds--search-input:hover,\n .cds--search--sm.cds--skeleton .cds--search-input:active,\n .cds--search--sm.cds--skeleton .cds--search-input:focus,\n .cds--search--sm.cds--skeleton .cds--search-input:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--search--lg.cds--skeleton .cds--search-input::before,\n .cds--search--md.cds--skeleton .cds--search-input::before,\n .cds--search--sm.cds--skeleton .cds--search-input::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--number.cds--skeleton::before,\n .cds--search--lg.cds--skeleton .cds--search-input::before,\n .cds--search--md.cds--skeleton .cds--search-input::before,\n .cds--search--sm.cds--skeleton .cds--search-input::before {\n animation: none;\n }\n }\n .cds--search--lg.cds--skeleton .cds--search-input::placeholder,\n .cds--search--md.cds--skeleton .cds--search-input::placeholder,\n .cds--search--sm.cds--skeleton .cds--search-input::placeholder {\n color: transparent;\n }\n .cds--search--expandable {\n transition: width 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--search--expandable.cds--search--expanded {\n width: 100%;\n }\n .cds--search--expandable .cds--search-input {\n width: 0;\n padding: 0;\n transition:\n padding 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n width 0s linear 70ms;\n }\n .cds--search--expandable .cds--search-input::placeholder {\n position: relative;\n opacity: 0;\n transition-duration: 70ms;\n transition-property: padding, opacity;\n transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--search--expandable.cds--search--expanded .cds--search-input {\n width: 100%;\n transition: padding 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--search--expandable.cds--search--expanded\n .cds--search-input::placeholder {\n position: relative;\n padding: 0;\n opacity: 1;\n }\n .cds--search--expandable .cds--search-magnifier {\n position: absolute;\n cursor: pointer;\n }\n .cds--search--expandable .cds--search-magnifier:hover {\n background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n }\n .cds--search--expandable.cds--search--expanded .cds--search-magnifier {\n pointer-events: none;\n }\n .cds--search--expandable .cds--search-magnifier-icon {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--search--expandable.cds--search--disabled svg,\n .cds--select--fluid .cds--select--disabled .cds--toggletip-button svg,\n .cds--select--readonly .cds--select__arrow,\n .cds--select-input:disabled ~ .cds--select__arrow {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--search-close svg,\n .cds--search-magnifier-icon {\n fill: ButtonText;\n }\n }\n .cds--search--fluid {\n height: 4rem;\n }\n .cds--search--fluid .cds--label {\n position: absolute;\n z-index: 1;\n top: 0.8125rem;\n left: 1rem;\n display: flex;\n overflow: initial;\n width: calc(100% - 2rem);\n height: 1rem;\n align-items: center;\n margin: 0;\n clip: initial;\n white-space: initial;\n }\n .cds--search--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar,\n .cds--search--fluid .cds--label::-webkit-scrollbar {\n display: none;\n }\n .cds--search--fluid .cds--label .cds--toggletip-label,\n .cds--search--fluid .cds--label:not(:has(.cds--toggletip-label)) {\n -ms-overflow-style: none;\n overflow-x: scroll;\n scrollbar-width: none;\n white-space: nowrap;\n }\n .cds--search--fluid .cds--search-input {\n height: 100%;\n padding: 2rem 5.5rem 0.8125rem 1rem;\n }\n .cds--search--fluid .cds--search-magnifier-icon {\n top: auto;\n right: 1rem;\n bottom: 0.8125rem;\n left: auto;\n transform: none;\n }\n .cds--search--fluid .cds--search-close {\n top: auto;\n right: 3rem;\n bottom: 0;\n left: auto;\n width: 2.5rem;\n height: 2.5rem;\n border: none;\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--search--fluid .cds--search-close::before {\n position: absolute;\n top: auto;\n right: -0.0625rem;\n bottom: 0.875rem;\n left: auto;\n display: block;\n width: 0.0625rem;\n height: 1rem;\n background: var(--cds-border-subtle);\n content: '';\n }\n .cds--search--fluid .cds--search-input:focus ~ .cds--search-close:hover {\n outline: 0;\n }\n .cds--search--fluid .cds--search-close::after {\n position: absolute;\n bottom: 0;\n left: 0;\n display: block;\n width: 100%;\n height: 0.125rem;\n content: '';\n }\n .cds--search--fluid .cds--search-input:focus ~ .cds--search-close::after {\n background: var(--cds-focus, #0f62fe);\n }\n .cds--search--fluid\n .cds--search-input:not(:focus)\n ~ .cds--search-close:not([disabled])::after {\n height: 0.0625rem;\n background: var(--cds-border-strong);\n }\n .cds--search--fluid .cds--search-close svg {\n margin-bottom: 0.125rem;\n }\n .cds--search--fluid\n .cds--search-input:disabled\n ~ .cds--search-close:hover::before {\n background: var(--cds-border-subtle);\n }\n .cds--search--fluid.cds--search--disabled .cds--label {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--search--fluid.cds--search--disabled .cds--search-input[disabled] {\n border-bottom: 1px solid var(--cds-border-subtle);\n }\n .cds--select {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n position: relative;\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: flex-start;\n }\n .cds--select *,\n .cds--select ::after,\n .cds--select ::before {\n box-sizing: inherit;\n }\n .cds--select-input__wrapper {\n position: relative;\n display: flex;\n width: 100%;\n align-items: center;\n }\n .cds--select-input {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n outline: transparent solid 2px;\n outline-offset: -2px;\n display: block;\n width: 100%;\n height: 2.5rem;\n padding: 0 3rem 0 1rem;\n border: none;\n border-bottom: 1px solid var(--cds-border-strong);\n border-radius: 0;\n cursor: pointer;\n font-family: inherit;\n opacity: 1;\n transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--select-input:hover {\n background-color: var(--cds-field-hover);\n }\n .cds--select-input::-ms-expand {\n display: none;\n }\n @-moz-document url-prefix() {\n .cds--data-table--sticky-header tbody,\n .cds--data-table--sticky-header thead {\n scrollbar-width: none;\n }\n .cds--select-input:-moz-focusring,\n .cds--select-input::-moz-focus-inner {\n background-image: none;\n color: transparent;\n text-shadow: 0 0 0 #000;\n }\n }\n .cds--select-input:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n color: var(--cds-text-primary, #161616);\n }\n .cds--select--disabled .cds--form__helper-text,\n .cds--select--disabled .cds--label,\n .cds--select--fluid .cds--select--disabled .cds--toggletip-label,\n .cds--select--inline .cds--select-input:disabled,\n .cds--select-input:disabled,\n .cds--select-input:hover:disabled,\n .cds--select-option:disabled,\n optgroup.cds--select-optgroup:disabled {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n @media screen and (prefers-contrast) {\n .cds--select-input:focus {\n outline-style: dotted;\n }\n }\n .cds--select-input:disabled,\n .cds--select-input:hover:disabled {\n border-bottom-color: transparent;\n background-color: var(--cds-field);\n cursor: not-allowed;\n }\n .cds--select-input--sm {\n height: 2rem;\n max-height: 2rem;\n }\n .cds--select-input--lg {\n height: 3rem;\n max-height: 3rem;\n }\n .cds--select--warning .cds--select-input,\n .cds--select-input__wrapper[data-invalid] .cds--select-input {\n padding-right: 4rem;\n }\n .cds--select--light .cds--select-input {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--select--light .cds--select-input:hover {\n background-color: var(--cds-field-hover);\n }\n .cds--select--light .cds--select-input:disabled,\n .cds--select--light .cds--select-input:hover:disabled {\n background-color: var(--cds-field-02, #fff);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--select__arrow {\n position: absolute;\n top: 0;\n right: 1rem;\n height: 100%;\n fill: var(--cds-icon-primary, #161616);\n pointer-events: none;\n }\n @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n .cds--select__arrow path {\n fill: ButtonText;\n }\n }\n .cds--select__invalid-icon {\n position: absolute;\n right: 2.5rem;\n }\n .cds--select__invalid-icon--warning {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--select__invalid-icon--warning path[fill] {\n fill: var(--cds-icon-primary, #161616);\n opacity: 1;\n }\n .cds--select-option,\n optgroup.cds--select-optgroup {\n background-color: var(--cds-layer-hover);\n color: var(--cds-text-primary, #161616);\n }\n .cds--select--inline {\n display: flex;\n flex-direction: row;\n align-items: center;\n }\n .cds--select--inline.cds--select--invalid .cds--form__helper-text,\n .cds--select--inline.cds--select--invalid .cds--label {\n align-self: flex-start;\n margin-top: 0.8125rem;\n }\n .cds--select--inline .cds--form__helper-text {\n margin-bottom: 0;\n margin-left: 0.5rem;\n }\n .cds--select--inline .cds--label {\n margin: 0 0.5rem 0 0;\n white-space: nowrap;\n }\n .cds--select--inline .cds--select-input {\n width: auto;\n padding-right: 2rem;\n padding-left: 0.5rem;\n border-bottom: none;\n background-color: transparent;\n color: var(--cds-text-primary, #161616);\n }\n .cds--select--fluid\n .cds--select-input__wrapper[data-invalid]\n .cds--form-requirement,\n .cds--time-picker--fluid--invalid .cds--form-requirement {\n color: var(--cds-text-error, #da1e28);\n }\n .cds--select--inline .cds--select-input:focus,\n .cds--select--inline .cds--select-input:focus optgroup,\n .cds--select--inline .cds--select-input:focus option {\n background-color: var(--cds-background, #fff);\n }\n .cds--select--inline .cds--select-input[disabled],\n .cds--select--inline .cds--select-input[disabled]:hover {\n background-color: var(--cds-field);\n }\n .cds--select--inline .cds--select__arrow {\n right: 0.5rem;\n }\n .cds--select--inline.cds--select--invalid .cds--select-input {\n padding-right: 3.5rem;\n }\n .cds--select--inline .cds--select-input:disabled,\n .cds--select--inline .cds--select-input:disabled ~ * {\n cursor: not-allowed;\n }\n .cds--select--readonly .cds--select-input {\n border-bottom-color: var(--cds-border-subtle);\n background-color: transparent;\n cursor: default;\n }\n .cds--select.cds--skeleton,\n .cds--text-area--fluid__skeleton,\n .cds--text-input--fluid__skeleton {\n background: var(--cds-skeleton-background, #e8e8e8);\n }\n .cds--select.cds--skeleton {\n position: relative;\n padding: 0;\n border: none;\n box-shadow: none;\n pointer-events: none;\n width: 100%;\n height: 2.5rem;\n }\n .cds--select.cds--skeleton:active,\n .cds--select.cds--skeleton:focus,\n .cds--select.cds--skeleton:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--select.cds--skeleton::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n .cds--modal .cds--text-area--fluid .cds--text-area__wrapper,\n .cds--modal\n .cds--text-area--fluid\n .cds--text-area__wrapper[data-invalid]\n .cds--text-area__divider\n + .cds--form-requirement {\n background: var(--cds-field-02, #fff);\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--select.cds--skeleton::before {\n animation: none;\n }\n }\n .cds--select.cds--skeleton .cds--select-input {\n display: none;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--select__arrow {\n fill: ButtonText;\n }\n }\n .cds--select--fluid .cds--select {\n position: relative;\n height: 100%;\n background: var(--cds-field);\n transition:\n background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--select--fluid .cds--label {\n position: absolute;\n z-index: 1;\n top: 0.8125rem;\n left: 1rem;\n display: flex;\n width: calc(100% - 2rem);\n height: 1rem;\n align-items: center;\n margin: 0;\n }\n .cds--select--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar,\n .cds--select--fluid .cds--label::-webkit-scrollbar {\n display: none;\n }\n .cds--select--fluid .cds--label .cds--toggletip-label,\n .cds--select--fluid .cds--label:not(:has(.cds--toggletip-label)) {\n -ms-overflow-style: none;\n overflow-x: scroll;\n scrollbar-width: none;\n white-space: nowrap;\n }\n .cds--select--fluid .cds--select-input {\n min-height: 4rem;\n padding: 2rem 2rem 0.8125rem 1rem;\n outline: 0;\n text-overflow: ellipsis;\n }\n .cds--select--fluid .cds--select__arrow {\n top: 2rem;\n height: 1rem;\n }\n .cds--select--fluid .cds--select__divider {\n display: none;\n transition: border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--select--fluid .cds--select--invalid .cds--select-input__wrapper {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--select--fluid .cds--select--invalid .cds--select-input__wrapper {\n outline-style: dotted;\n }\n }\n .cds--select--fluid .cds--select--invalid .cds--select__divider,\n .cds--select--fluid .cds--select--warning .cds--select__divider {\n display: block;\n width: calc(100% - 2rem);\n border: none;\n border-bottom: 1px solid var(--cds-border-subtle);\n margin: 0 1rem;\n }\n .cds--select--fluid .cds--select--warning .cds--select-input,\n .cds--select--fluid\n .cds--select-input__wrapper[data-invalid]\n .cds--select-input {\n padding-right: 2rem;\n border-bottom: 1px solid transparent;\n }\n .cds--select--fluid .cds--select--warning {\n border-bottom: 1px solid var(--cds-border-strong);\n }\n .cds--select--fluid .cds--select-input__wrapper {\n display: block;\n }\n .cds--select--fluid .cds--select--warning .cds--select-input:not(:focus),\n .cds--select--fluid\n .cds--select-input__wrapper[data-invalid]\n .cds--select-input:not(:focus) {\n outline: 0;\n }\n .cds--select--fluid .cds--select--warning .cds--form-requirement,\n .cds--select--fluid\n .cds--select-input__wrapper[data-invalid]\n .cds--form-requirement {\n display: block;\n overflow: visible;\n max-height: 100%;\n }\n .cds--text-area--fluid .cds--label .cds--toggletip-label,\n .cds--text-area--fluid .cds--label:not(:has(.cds--toggletip-label)),\n .cds--text-input--fluid .cds--label .cds--toggletip-label,\n .cds--text-input--fluid .cds--label:not(:has(.cds--toggletip-label)) {\n -ms-overflow-style: none;\n overflow-x: scroll;\n white-space: nowrap;\n scrollbar-width: none;\n }\n .cds--select--fluid .cds--form-requirement {\n padding: 0.5rem 2.5rem 0.5rem 1rem;\n margin: 0;\n }\n .cds--select--fluid\n .cds--select--warning\n .cds--select-input__wrapper:hover\n + .cds--select__divider,\n .cds--select--fluid\n .cds--select-input__wrapper[data-invalid]:hover\n + .cds--select__divider {\n border-color: transparent;\n }\n .cds--select--fluid .cds--select--fluid--focus .cds--select-input,\n .cds--select--fluid .cds--select--fluid--focus.cds--select--warning,\n .cds--text-area--fluid .cds--text-area--invalid,\n .cds--text-area--fluid .cds--text-area:focus {\n border-bottom: 1px solid transparent;\n }\n .cds--select--fluid .cds--select--invalid .cds--select__invalid-icon,\n .cds--select--fluid .cds--select--warning .cds--select__invalid-icon {\n top: 4.5625rem;\n right: 1rem;\n pointer-events: none;\n }\n .cds--select--fluid .cds--select--fluid--focus .cds--select-input__wrapper {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--select--fluid .cds--select--fluid--focus .cds--select-input__wrapper {\n outline-style: dotted;\n }\n }\n .cds--select--fluid .cds--select--disabled .cds--toggletip-button {\n pointer-events: none;\n }\n .cds--text-area--fluid .cds--text-area__wrapper {\n position: relative;\n height: 100%;\n flex-direction: column;\n background: var(--cds-field);\n }\n .cds--text-area--fluid .cds--text-area__label-wrapper {\n position: relative;\n height: 100%;\n }\n .cds--text-area--fluid .cds--label {\n position: absolute;\n z-index: 1;\n top: 0.8125rem;\n left: 1rem;\n display: flex;\n width: calc(100% - 2rem);\n height: 1rem;\n align-items: center;\n margin: 0;\n }\n .cds--text-area--fluid .cds--form__helper-text,\n .cds--text-area--fluid .cds--text-area__divider,\n .cds--text-area__divider {\n display: none;\n }\n .cds--text-area--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar,\n .cds--text-area--fluid .cds--label::-webkit-scrollbar {\n display: none;\n }\n .cds--text-area--fluid div.cds--label {\n right: 1rem;\n left: initial;\n }\n .cds--text-area--fluid .cds--text-area {\n min-height: 4rem;\n padding: 0 1rem 0.8125rem;\n margin-top: 2rem;\n outline: 0;\n }\n .cds--inline-notification.cds--inline-notification--low-contrast a:focus,\n .cds--menu--open:focus {\n outline: 1px solid var(--cds-focus, #0f62fe);\n }\n .cds--text-area--fluid .cds--text-area--invalid,\n .cds--text-area--fluid .cds--text-area--warn {\n resize: none;\n }\n .cds--text-area--fluid .cds--text-area--invalid {\n padding: 0 0.875rem 0.8125rem;\n margin-top: 1.875rem;\n }\n .cds--text-area--fluid\n .cds--text-area__wrapper--warn\n .cds--text-area__divider,\n .cds--text-area--fluid\n .cds--text-area__wrapper[data-invalid]\n .cds--text-area__divider {\n display: block;\n border-style: solid;\n border-color: var(--cds-border-subtle);\n border-bottom: none;\n margin: 0 1rem;\n }\n .cds--text-area--fluid .cds--text-area--warn,\n .cds--text-input--fluid .cds--text-input--invalid,\n .cds--text-input--fluid .cds--text-input--warning {\n border-bottom: none;\n }\n .cds--text-area--fluid\n .cds--text-area__wrapper--warn\n .cds--form-requirement.cds--form-requirement,\n .cds--text-area--fluid\n .cds--text-area__wrapper[data-invalid]\n .cds--form-requirement.cds--form-requirement {\n position: relative;\n display: block;\n overflow: visible;\n max-height: 12.5rem;\n padding: 0.5rem 2.5rem 0.5rem 1rem;\n margin: 0;\n background: var(--cds-field);\n }\n .cds--text-area--fluid\n .cds--text-area__wrapper--warn\n .cds--form-requirement.cds--form-requirement {\n border-bottom: 1px solid var(--cds-border-strong);\n color: var(--cds-text-primary, #161616);\n }\n .cds--text-area--fluid\n .cds--text-area__wrapper[data-invalid]\n .cds--form-requirement.cds--form-requirement {\n border-bottom: none;\n color: var(--cds-text-error, #da1e28);\n }\n .cds--text-area--fluid .cds--text-area__invalid-icon {\n top: 0.5rem;\n }\n .cds--text-area--fluid .cds--text-area__wrapper[data-invalid]:not(:focus) {\n border: 2px solid var(--cds-support-error, #da1e28);\n }\n .cds--text-area--fluid .cds--text-area__wrapper:focus-within,\n .cds--text-area--fluid .cds--text-area__wrapper[data-invalid]:focus-within {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--text-area--fluid .cds--text-area__wrapper:focus-within,\n .cds--text-area--fluid .cds--text-area__wrapper[data-invalid]:focus-within {\n outline-style: dotted;\n }\n }\n .cds--text-input--fluid\n .cds--text-input__field-wrapper--warning\n > .cds--text-input--warning,\n .cds--text-input--fluid\n .cds--text-input__field-wrapper[data-invalid]\n > .cds--text-input--invalid,\n .cds--text-input--fluid input[data-invalid] {\n outline: 0;\n }\n .cds--text-area--fluid .cds--text-area__wrapper > .cds--text-area:active,\n .cds--text-area--fluid .cds--text-area__wrapper > .cds--text-area:focus,\n .cds--text-area--fluid\n .cds--text-area__wrapper[data-invalid]\n > .cds--text-area--invalid,\n .cds--text-area--fluid\n .cds--text-area__wrapper[data-invalid]\n > .cds--text-area--invalid:focus {\n outline: 0;\n transition: none;\n }\n .cds--text-area--fluid__skeleton {\n padding: 1rem;\n border-bottom: 1px solid var(--cds-skeleton-element, #c6c6c6);\n }\n .cds--text-area--fluid__skeleton .cds--skeleton,\n .cds--text-area--fluid__skeleton .cds--text-area.cds--skeleton::before {\n height: 0.5rem;\n }\n .cds--text-area--fluid__skeleton .cds--label {\n margin-bottom: 0.75rem;\n }\n .cds--text-area--fluid__skeleton .cds--text-area.cds--skeleton {\n width: 80%;\n height: 4rem;\n }\n .cds--text-input--fluid.cds--text-input-wrapper {\n position: relative;\n height: 100%;\n background: var(--cds-field);\n transition:\n background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--text-input--fluid .cds--label {\n position: absolute;\n z-index: 1;\n top: 0.8125rem;\n left: 1rem;\n display: flex;\n width: calc(100% - 2rem);\n height: 1rem;\n align-items: center;\n margin: 0;\n }\n .cds--text-input--fluid .cds--form__helper-text,\n .cds--text-input--fluid .cds--text-input__divider,\n .cds--text-input__divider,\n .cds--time-picker__icon {\n display: none;\n }\n .cds--text-input--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar,\n .cds--text-input--fluid .cds--label::-webkit-scrollbar {\n display: none;\n }\n .cds--text-input--fluid .cds--text-input {\n min-height: 4rem;\n padding: 2rem 1rem 0.8125rem;\n }\n .cds--text-input--fluid .cds--text-input__field-wrapper--warning,\n .cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid] {\n display: block;\n }\n .cds--inline-notification a:focus,\n .cds--toast-notification a:focus {\n outline: 1px solid var(--cds-link-inverse, #78a9ff);\n }\n .cds--text-input--fluid .cds--form-requirement {\n padding: 0.5rem 2.5rem 0.5rem 1rem;\n margin: 0;\n }\n .cds--text-input--fluid .cds--text-input--invalid + .cds--text-input__divider,\n .cds--text-input--fluid\n .cds--text-input--warning\n + .cds--text-input__divider {\n display: block;\n border-style: solid;\n border-color: var(--cds-border-subtle);\n border-bottom: none;\n margin: 0 1rem;\n }\n .cds--text-input--fluid .cds--text-input__invalid-icon {\n top: 5rem;\n }\n .cds--text-input--fluid .cds--text-input__field-wrapper--warning {\n border-bottom: 1px solid var(--cds-border-strong);\n }\n .cds--text-input--fluid\n .cds--text-input__field-wrapper[data-invalid]:not(:focus) {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--text-input--fluid\n .cds--text-input__field-wrapper[data-invalid]:not(:focus) {\n outline-style: dotted;\n }\n }\n .cds--text-input--fluid .cds--text-input__field-wrapper--warning:focus-within,\n .cds--text-input--fluid\n .cds--text-input__field-wrapper[data-invalid]:focus-within {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--text-input--fluid\n .cds--text-input__field-wrapper--warning:focus-within,\n .cds--text-input--fluid\n .cds--text-input__field-wrapper[data-invalid]:focus-within {\n outline-style: dotted;\n }\n }\n .cds--text-input--fluid\n .cds--text-input__field-wrapper--warning\n > .cds--text-input--warning:focus,\n .cds--text-input--fluid\n .cds--text-input__field-wrapper[data-invalid]\n > .cds--text-input--invalid:focus {\n outline: 0;\n }\n .cds--text-input--fluid .cds--text-input.cds--password-input {\n padding-right: 2.5rem;\n }\n .cds--text-input--fluid.cds--password-input-wrapper\n .cds--text-input__invalid-icon {\n right: 1rem;\n }\n .cds--text-input--fluid\n .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {\n top: 1.625rem;\n right: 0.5rem;\n width: 2rem;\n height: 2rem;\n }\n .cds--text-input--fluid__skeleton {\n position: relative;\n height: 4rem;\n border-bottom: 1px solid var(--cds-skeleton-element, #c6c6c6);\n }\n .cds--text-input--fluid__skeleton .cds--skeleton {\n position: absolute;\n top: 1rem;\n left: 1rem;\n width: 25%;\n height: 0.5rem;\n }\n .cds--text-input--fluid__skeleton .cds--label {\n position: absolute;\n top: 2.25rem;\n left: 1rem;\n width: 50%;\n height: 0.5rem;\n padding: 0;\n }\n .cds--time-picker--fluid {\n background: var(--cds-field);\n }\n .cds--time-picker--fluid .cds--time-picker--fluid__wrapper {\n display: flex;\n }\n .cds--time-picker--fluid__wrapper > :first-child,\n .cds--time-picker--fluid__wrapper > :nth-child(2) {\n flex-basis: 25%;\n }\n .cds--time-picker--equal-width .cds--time-picker--fluid__wrapper > * {\n flex-basis: 50%;\n }\n .cds--time-picker--fluid__wrapper\n > :last-child\n .cds--select-input__wrapper::before,\n .cds--time-picker--fluid__wrapper\n > :nth-child(2):not(:last-child)\n .cds--select-input__wrapper::before {\n position: absolute;\n display: block;\n width: 1px;\n height: calc(100% - 1px);\n background-color: var(--cds-border-strong);\n content: '';\n opacity: 1;\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--time-picker--fluid__wrapper .cds--select-input__wrapper::after {\n right: 0;\n }\n .cds--time-picker--fluid__wrapper .cds--select-input__wrapper::before {\n left: 0;\n }\n .cds--time-picker--fluid:not(.cds--time-picker--fluid--disabled)\n .cds--time-picker--fluid__wrapper\n > :last-child:hover\n .cds--select-input__wrapper::before,\n .cds--time-picker--fluid:not(.cds--time-picker--fluid--disabled)\n .cds--time-picker--fluid__wrapper\n > :nth-child(2):hover:not(:last-child)\n ~ *\n .cds--select-input__wrapper::before,\n .cds--time-picker--fluid:not(.cds--time-picker--fluid--disabled)\n .cds--time-picker--fluid__wrapper\n > :nth-child(2):not(:last-child):hover\n .cds--select-input__wrapper::before {\n opacity: 0;\n }\n .cds--time-picker--fluid--disabled\n .cds--time-picker--fluid__wrapper\n .cds--select--disabled\n .cds--select-input__wrapper::before {\n background: var(--cds-border-disabled, #c6c6c6);\n }\n .cds--time-picker--fluid .cds--form-requirement {\n padding: 0.5rem 2.5rem 0.5rem 1rem;\n margin: 0;\n background: var(--cds-field);\n }\n .cds--time-picker--fluid--invalid {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n position: relative;\n }\n .cds--time-picker--fluid--invalid .cds--select,\n .cds--time-picker--fluid--invalid .cds--select-input,\n .cds--time-picker--fluid--invalid .cds--text-input,\n .cds--time-picker--fluid--invalid .cds--text-input-wrapper {\n background: 0 0;\n }\n .cds--time-picker--fluid--invalid .cds--select-input {\n padding-top: 1.875rem;\n border-top: 2px solid transparent;\n }\n .cds--select--fluid:last-of-type .cds--select-input {\n border-right: 2px solid transparent;\n }\n .cds--time-picker--fluid--invalid .cds--select-input:hover:not([disabled]) {\n background: var(--cds-field-hover);\n }\n .cds--time-picker--fluid--invalid .cds--select-input:hover {\n border-top: 2px solid var(--cds-support-error, #da1e28);\n }\n .cds--time-picker--fluid--invalid\n .cds--select--fluid:last-of-type\n .cds--select-input:hover {\n border-right: 2px solid var(--cds-support-error, #da1e28);\n }\n .cds--time-picker--fluid--warning {\n position: relative;\n }\n .cds--time-picker--fluid--invalid .cds--time-picker__icon,\n .cds--time-picker--fluid--warning .cds--time-picker__icon {\n position: absolute;\n top: 4.5rem;\n right: 1rem;\n display: block;\n }\n .cds--time-picker--fluid--invalid .cds--time-picker__icon {\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--time-picker--fluid--warning .cds--time-picker__icon {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--time-picker--fluid--warning .cds--time-picker__icon path:first-of-type {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--multi-select.cds--multi-select--readonly .cds--list-box__menu-icon svg,\n .cds--multi-select.cds--multi-select--readonly .cds--tag--filter svg {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--time-picker--fluid--invalid .cds--form-requirement,\n .cds--time-picker--fluid--warning .cds--form-requirement {\n display: block;\n overflow: visible;\n max-height: 100%;\n }\n .cds--inline-loading--error[hidden],\n .cds--inline-loading__checkmark-container[hidden] {\n display: none;\n }\n .cds--time-picker--fluid--invalid\n .cds--time-picker--fluid__wrapper\n > :last-child\n .cds--select-input__wrapper::before,\n .cds--time-picker--fluid--invalid\n .cds--time-picker--fluid__wrapper\n > :nth-child(2):not(:last-child)\n .cds--select-input__wrapper::before,\n .cds--time-picker--fluid--warning\n .cds--time-picker--fluid__wrapper\n > :last-child\n .cds--select-input__wrapper::before,\n .cds--time-picker--fluid--warning\n .cds--time-picker--fluid__wrapper\n > :nth-child(2):not(:last-child)\n .cds--select-input__wrapper::before {\n top: 8px;\n height: calc(100% - 1rem);\n }\n .cds--time-picker--fluid--invalid .cds--select-input,\n .cds--time-picker--fluid--invalid .cds--text-input,\n .cds--time-picker--fluid--warning .cds--select-input,\n .cds--time-picker--fluid--warning .cds--text-input {\n border-bottom: 1px solid transparent;\n }\n .cds--time-picker--fluid.cds--time-picker--fluid--invalid\n .cds--time-picker__divider,\n .cds--time-picker--fluid.cds--time-picker--fluid--warning\n .cds--time-picker__divider {\n width: calc(100% - 2rem);\n border-style: solid;\n border-color: var(--cds-border-subtle);\n border-bottom: none;\n margin: 0 1rem;\n }\n .cds--time-picker--fluid--skeleton {\n display: flex;\n width: 100%;\n height: 4rem;\n }\n .cds--time-picker--fluid--skeleton > * {\n width: auto;\n height: 100%;\n }\n .cds--time-picker--fluid--skeleton > :first-child,\n .cds--time-picker--fluid--skeleton > :nth-child(2) {\n width: 25%;\n }\n .cds--time-picker--fluid--skeleton.cds--time-picker--equal-width\n > :first-child,\n .cds--time-picker--fluid--skeleton > :last-child {\n width: 50%;\n }\n @keyframes stroke {\n 100% {\n stroke-dashoffset: 0;\n }\n }\n .cds--inline-loading {\n display: flex;\n width: 100%;\n min-height: 2rem;\n align-items: center;\n }\n .cds--inline-loading__text {\n font-size: var(--cds-label-01-font-size, 0.75rem);\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n color: var(--cds-text-secondary, #525252);\n }\n .cds--list__item,\n .cds--menu-item {\n color: var(--cds-text-primary, #161616);\n }\n .cds--inline-loading__animation {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 0.5rem;\n }\n .cds--inline-loading__checkmark-container {\n fill: var(--cds-support-success, #24a148);\n }\n .cds--inline-loading__checkmark-container.cds--inline-loading__svg {\n position: absolute;\n top: 0.75rem;\n width: 0.75rem;\n }\n .cds--list--ordered:not(.cds--list--nested) > .cds--list__item,\n .cds--list--unordered > .cds--list__item {\n position: relative;\n }\n .cds--inline-loading__checkmark {\n animation-duration: 250ms;\n animation-fill-mode: forwards;\n animation-name: stroke;\n fill: none;\n stroke-dasharray: 12;\n stroke-dashoffset: 12;\n stroke-width: 1.8;\n transform-origin: 50% 50%;\n }\n .cds--inline-loading--error,\n .cds--inline-notification--low-contrast.cds--inline-notification--error\n .cds--actionable-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--error\n .cds--inline-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--error\n .cds--toast-notification__icon {\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--inline-loading--error {\n width: 1rem;\n height: 1rem;\n }\n @media screen and (-ms-high-contrast: active),\n screen and (-ms-high-contrast: none) {\n .cds--inline-loading__checkmark-container {\n top: 1px;\n right: 0.5rem;\n }\n .cds--inline-loading__checkmark {\n animation: none;\n stroke-dasharray: 0;\n stroke-dashoffset: 0;\n }\n }\n .cds--list--nested,\n .cds--list--ordered,\n .cds--list--ordered--native,\n .cds--list--unordered {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n font-size: var(--cds-body-01-font-size, 0.875rem);\n font-weight: var(--cds-body-01-font-weight, 400);\n line-height: var(--cds-body-01-line-height, 1.42857);\n letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n list-style: none;\n }\n .cds--list--nested *,\n .cds--list--nested ::after,\n .cds--list--nested ::before,\n .cds--list--ordered *,\n .cds--list--ordered ::after,\n .cds--list--ordered ::before,\n .cds--list--ordered--native *,\n .cds--list--ordered--native ::after,\n .cds--list--ordered--native ::before,\n .cds--list--unordered *,\n .cds--list--unordered ::after,\n .cds--list--unordered ::before {\n box-sizing: inherit;\n }\n .cds--list--expressive,\n .cds--list--expressive .cds--list--nested {\n font-size: var(--cds-body-02-font-size, 1rem);\n font-weight: var(--cds-body-02-font-weight, 400);\n line-height: var(--cds-body-02-line-height, 1.5);\n letter-spacing: var(--cds-body-02-letter-spacing, 0);\n }\n .cds--list--ordered--native {\n list-style: decimal;\n }\n .cds--list--nested {\n margin-left: 2rem;\n }\n .cds--list--nested .cds--list__item {\n padding-left: 0.25rem;\n }\n .cds--list--ordered:not(.cds--list--nested) {\n counter-reset: item;\n }\n .cds--list--ordered:not(.cds--list--nested) > .cds--list__item::before {\n position: absolute;\n left: -1.5rem;\n content: counter(item) '.';\n counter-increment: item;\n }\n .cds--list--ordered--native.cds--list--nested,\n .cds--list--ordered.cds--list--nested {\n list-style-type: lower-latin;\n }\n .cds--list--unordered > .cds--list__item::before {\n position: absolute;\n left: calc(-1 * 1rem);\n content: '–';\n }\n .cds--list--unordered.cds--list--nested > .cds--list__item::before {\n left: calc(-1 * 0.75rem);\n content: '▪';\n }\n .cds--menu {\n position: fixed;\n max-width: 18rem;\n padding: 0.25rem 0;\n background-color: var(--cds-layer);\n opacity: 0;\n visibility: hidden;\n }\n .cds--menu--with-icons {\n min-width: 12rem;\n }\n .cds--menu--open {\n visibility: visible;\n }\n .cds--menu:not(.cds--menu--open) .cds--menu--open,\n .cds--modal,\n .cds--multi-select:not(.cds--list-box--expanded) .cds--list-box__menu {\n visibility: hidden;\n }\n @media screen and (prefers-contrast) {\n .cds--menu--open:focus,\n .cds--time-picker--fluid--invalid {\n outline-style: dotted;\n }\n }\n .cds--menu--shown {\n opacity: 1;\n }\n .cds--menu-item {\n font-size: var(--cds-body-short-01-font-size, 0.875rem);\n font-weight: var(--cds-body-short-01-font-weight, 400);\n line-height: var(--cds-body-short-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);\n display: grid;\n height: 2rem;\n align-items: center;\n column-gap: 0.5rem;\n cursor: pointer;\n grid-template-columns: 1fr max-content;\n padding-inline: 1rem;\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--modal-content,\n .cds--modal-content > p,\n .cds--modal-content__regular-content {\n font-size: var(--cds-body-01-font-size, 0.875rem);\n line-height: var(--cds-body-01-line-height, 1.42857);\n letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n }\n .cds--menu-item:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--menu-item:focus {\n outline-style: dotted;\n }\n }\n .cds--menu-item:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--menu--xs .cds--menu-item {\n height: 1.5rem;\n }\n .cds--menu--sm .cds--menu-item {\n height: 2rem;\n }\n .cds--menu--md .cds--menu-item {\n height: 2.5rem;\n }\n .cds--menu--lg .cds--menu-item {\n height: 3rem;\n }\n .cds--menu-item__icon {\n display: none;\n }\n .cds--menu--with-icons .cds--menu-item__icon {\n display: flex;\n }\n .cds--menu-item__label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .cds--menu--with-icons > .cds--menu-item,\n .cds--menu--with-icons > .cds--menu-item-group > ul > .cds--menu-item,\n .cds--menu--with-icons > .cds--menu-item-radio-group > ul > .cds--menu-item {\n grid-template-columns: 1rem 1fr max-content;\n }\n .cds--menu-item--disabled {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--menu-item--disabled.cds--menu-item--danger:hover,\n .cds--menu-item--disabled:hover {\n background-color: var(--cds-layer);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--menu-item--danger:focus,\n .cds--menu-item--danger:hover {\n background-color: var(--cds-button-danger-primary, #da1e28);\n color: var(--cds-text-on-color, #fff);\n }\n .cds--menu-item-divider {\n display: block;\n width: 100%;\n height: 0.0625rem;\n background-color: var(--cds-border-subtle);\n margin-block: 0.25rem;\n }\n .cds--modal {\n position: fixed;\n top: 0;\n left: 0;\n display: flex;\n width: 100vw;\n height: 100vh;\n align-items: center;\n justify-content: center;\n background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));\n content: '';\n opacity: 0;\n transition:\n opacity 240ms cubic-bezier(0.4, 0.14, 1, 1),\n visibility 0s linear 240ms;\n }\n .cds--modal.is-visible {\n opacity: 1;\n transition:\n opacity 240ms cubic-bezier(0, 0, 0.3, 1),\n visibility linear;\n visibility: inherit;\n }\n @media screen and (prefers-reduced-motion: reduce) {\n .cds--modal.is-visible {\n transition: none;\n }\n }\n .cds--modal .cds--date-picker__input,\n .cds--modal .cds--dropdown,\n .cds--modal .cds--dropdown-list,\n .cds--modal .cds--multi-select,\n .cds--modal .cds--number input[type='number'],\n .cds--modal .cds--number__control-btn::after,\n .cds--modal .cds--number__control-btn::before,\n .cds--modal .cds--pagination,\n .cds--modal .cds--pagination__control-buttons,\n .cds--modal .cds--search-input,\n .cds--modal .cds--select-input,\n .cds--modal .cds--text-area,\n .cds--modal .cds--text-input {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--modal .cds--number__rule-divider {\n background-color: var(--cds-border-subtle-02, #e0e0e0);\n }\n .cds--modal\n .cds--date-picker--fluid\n .ccdsds--date-picker-input__wrapper\n .cds--date-picker__input,\n .cds--modal .cds--list-box__wrapper--fluid .cds--list-box,\n .cds--modal .cds--list-box__wrapper--fluid.cds--list-box__wrapper,\n .cds--modal .cds--number-input--fluid .cds--number__control-btn::after,\n .cds--modal .cds--number-input--fluid .cds--number__control-btn::before,\n .cds--modal .cds--number-input--fluid input[type='number'],\n .cds--modal .cds--search--fluid .cds--search-input,\n .cds--modal .cds--select--fluid .cds--select-input,\n .cds--modal .cds--text-area--fluid .cds--text-area,\n .cds--modal .cds--text-area--fluid .cds--text-area__wrapper,\n .cds--modal\n .cds--text-area--fluid\n .cds--text-area__wrapper[data-invalid]\n .cds--text-area__divider\n + .cds--form-requirement,\n .cds--modal .cds--text-input--fluid .cds--text-input {\n background-color: var(--cds-field-01, #f4f4f4);\n }\n .cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::after,\n .cds--modal\n .cds--number-input--fluid\n .cds--number__control-btn:hover::before {\n background-color: var(--cds-field-hover);\n }\n .cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::after,\n .cds--modal\n .cds--number-input--fluid\n .cds--number__control-btn:focus::before {\n border-left: 2px solid var(--cds-focus, #0f62fe);\n }\n .cds--modal.is-visible .cds--modal-container {\n transform: translate3d(0, 0, 0);\n transition: transform 240ms cubic-bezier(0, 0, 0.3, 1);\n }\n .cds--modal-container {\n position: fixed;\n top: 0;\n display: grid;\n overflow: hidden;\n width: 100%;\n height: 100%;\n max-height: 100%;\n background-color: var(--cds-layer);\n grid-template-columns: 100%;\n grid-template-rows: auto 1fr auto;\n outline: transparent solid 3px;\n outline-offset: -3px;\n transform: translate3d(0, -24px, 0);\n transform-origin: top center;\n transition: transform 240ms cubic-bezier(0.4, 0.14, 1, 1);\n }\n @media (min-width: 42rem) {\n .cds--modal-container {\n position: static;\n width: 84%;\n height: auto;\n max-height: 90%;\n }\n }\n @media (min-width: 66rem) {\n .cds--modal-container {\n width: 60%;\n max-height: 84%;\n }\n }\n @media (min-width: 82rem) {\n .cds--xlg:col-start-1 {\n grid-column-start: 1;\n }\n .cds--xlg:col-start-2 {\n grid-column-start: 2;\n }\n .cds--xlg:col-start-3 {\n grid-column-start: 3;\n }\n .cds--xlg:col-start-4 {\n grid-column-start: 4;\n }\n .cds--xlg:col-start-5 {\n grid-column-start: 5;\n }\n .cds--xlg:col-start-6 {\n grid-column-start: 6;\n }\n .cds--xlg:col-start-7 {\n grid-column-start: 7;\n }\n .cds--xlg:col-start-8 {\n grid-column-start: 8;\n }\n .cds--xlg:col-start-9 {\n grid-column-start: 9;\n }\n .cds--xlg:col-start-10 {\n grid-column-start: 10;\n }\n .cds--xlg:col-start-11 {\n grid-column-start: 11;\n }\n .cds--xlg:col-start-12 {\n grid-column-start: 12;\n }\n .cds--xlg:col-start-13 {\n grid-column-start: 13;\n }\n .cds--xlg:col-start-14 {\n grid-column-start: 14;\n }\n .cds--xlg:col-start-15 {\n grid-column-start: 15;\n }\n .cds--xlg:col-start-16 {\n grid-column-start: 16;\n }\n .cds--xlg:col-end-2 {\n grid-column-end: 2;\n }\n .cds--xlg:col-end-3 {\n grid-column-end: 3;\n }\n .cds--xlg:col-end-4 {\n grid-column-end: 4;\n }\n .cds--xlg:col-end-5 {\n grid-column-end: 5;\n }\n .cds--xlg:col-end-6 {\n grid-column-end: 6;\n }\n .cds--xlg:col-end-7 {\n grid-column-end: 7;\n }\n .cds--xlg:col-end-8 {\n grid-column-end: 8;\n }\n .cds--xlg:col-end-9 {\n grid-column-end: 9;\n }\n .cds--xlg:col-end-10 {\n grid-column-end: 10;\n }\n .cds--xlg:col-end-11 {\n grid-column-end: 11;\n }\n .cds--xlg:col-end-12 {\n grid-column-end: 12;\n }\n .cds--xlg:col-end-13 {\n grid-column-end: 13;\n }\n .cds--xlg:col-end-14 {\n grid-column-end: 14;\n }\n .cds--xlg:col-end-15 {\n grid-column-end: 15;\n }\n .cds--xlg:col-end-16 {\n grid-column-end: 16;\n }\n .cds--xlg:col-end-17 {\n grid-column-end: 17;\n }\n .cds--xlg:col-start-auto {\n grid-column-start: auto;\n }\n .cds--xlg:col-end-auto {\n grid-column-end: auto;\n }\n .cds--modal-container {\n width: 48%;\n }\n }\n .cds--modal-container .cds--modal-container-body {\n display: contents;\n }\n .cds--modal-content {\n font-weight: var(--cds-body-01-font-weight, 400);\n position: relative;\n padding-top: 0.5rem;\n padding-right: 1rem;\n padding-left: 1rem;\n margin-bottom: 3rem;\n color: var(--cds-text-primary, #161616);\n font-weight: 400;\n grid-column: 1/-1;\n grid-row: 2/-2;\n overflow-y: auto;\n }\n .cds--modal-content:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--modal-content:focus {\n outline-style: dotted;\n }\n }\n .cds--modal-content .cds--form--fluid {\n margin-right: -1rem;\n margin-left: -1rem;\n }\n .cds--modal-content > p,\n .cds--modal-content__regular-content {\n font-weight: var(--cds-body-01-font-weight, 400);\n padding-right: calc(20% - 2rem);\n }\n .cds--actionable-notification html,\n .cds--inline-notification html,\n .cds--toast-notification html {\n font-size: 100%;\n }\n .cds--modal-content--with-form {\n padding-right: 1rem;\n }\n .carbon-chart-wrapper .cds--modal-header {\n padding-top: 1rem;\n padding-right: 3rem;\n padding-left: 1rem;\n margin-bottom: 0.5rem;\n grid-column: 1/-1;\n grid-row: 1/1;\n }\n .cds--modal-container--sm .cds--modal-content__regular-content,\n .cds--modal-container--xs .cds--modal-content__regular-content {\n padding-right: 1rem;\n }\n .cds--modal-header__label {\n font-size: var(--cds-label-01-font-size, 0.75rem);\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n margin-bottom: 0.25rem;\n color: var(--cds-text-secondary, #525252);\n }\n .cds--modal-header__heading,\n .cds--multi-select\n .cds--list-box__menu-item\n .cds--checkbox:checked\n ~ .cds--checkbox-label-text {\n color: var(--cds-text-primary, #161616);\n }\n .cds--modal-header__heading {\n font-size: var(--cds-heading-03-font-size, 1.25rem);\n font-weight: var(--cds-heading-03-font-weight, 400);\n line-height: var(--cds-heading-03-line-height, 1.4);\n letter-spacing: var(--cds-heading-03-letter-spacing, 0);\n padding-right: calc(20% - 3rem);\n }\n @media (min-width: 42rem) {\n .cds--modal-container--xs {\n width: 48%;\n }\n }\n @media (min-width: 66rem) {\n .cds--modal-container--xs {\n width: 32%;\n max-height: 48%;\n }\n }\n @media (min-width: 82rem) {\n .cds--modal-container--xs {\n width: 24%;\n }\n }\n @media (min-width: 42rem) {\n .cds--modal-container--sm {\n width: 60%;\n }\n }\n @media (min-width: 66rem) {\n .cds--modal-container--sm {\n width: 42%;\n max-height: 72%;\n }\n .cds--modal-container--sm .cds--modal-content > p,\n .cds--modal-container--sm .cds--modal-content__regular-content {\n padding-right: 20%;\n }\n }\n @media (min-width: 82rem) {\n .cds--modal-container--sm {\n width: 36%;\n }\n }\n @media (min-width: 42rem) {\n .cds--modal-container--lg {\n width: 96%;\n }\n }\n @media (min-width: 66rem) {\n .cds--modal-container--lg {\n width: 84%;\n max-height: 96%;\n }\n }\n @media (min-width: 82rem) {\n .cds--modal-container--lg {\n width: 72%;\n }\n }\n .cds--modal-scroll-content > :last-child {\n padding-bottom: 2rem;\n }\n .cds--modal-content--overflow-indicator {\n position: absolute;\n bottom: 3rem;\n left: 0;\n width: 100%;\n height: 2rem;\n background-image: linear-gradient(to bottom, transparent, var(--cds-layer));\n content: '';\n grid-column: 1/-1;\n grid-row: 2/-2;\n pointer-events: none;\n }\n @media not all and (min-resolution: 0.001dpcm) {\n @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n .cds--modal-content--overflow-indicator {\n background-image: linear-gradient(\n to bottom,\n rgba(var(--cds-layer), 0),\n var(--cds-layer)\n );\n }\n }\n }\n .cds--modal-content:focus ~ .cds--modal-content--overflow-indicator {\n width: calc(100% - 4px);\n margin: 0 2px 2px;\n }\n @media screen and (-ms-high-contrast: active) {\n .carbon-chart-wrapper svg {\n fill: ButtonText;\n }\n .cds--modal-scroll-content > :last-child {\n padding-bottom: 0;\n }\n .cds--modal-content--overflow-indicator {\n display: none;\n }\n }\n .cds--modal-footer {\n display: flex;\n height: 4rem;\n justify-content: flex-end;\n margin-top: auto;\n grid-column: 1/-1;\n grid-row: -1/-1;\n }\n .cds--modal-footer .cds--btn {\n max-width: none;\n height: 4rem;\n flex: 0 1 50%;\n align-items: baseline;\n padding-top: 0.875rem;\n padding-bottom: 2rem;\n margin: 0;\n }\n .cds--modal-footer--three-button .cds--btn {\n flex: 0 1 25%;\n align-items: flex-start;\n }\n .cds--modal-close {\n position: absolute;\n z-index: 2;\n top: 0;\n right: 0;\n overflow: hidden;\n width: 3rem;\n height: 3rem;\n padding: 0.75rem;\n border: 2px solid transparent;\n background-color: transparent;\n cursor: pointer;\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--modal-close:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--modal-close:focus {\n border-color: var(--cds-focus, #0f62fe);\n outline: 0;\n }\n .cds--modal-close::-moz-focus-inner {\n border: 0;\n }\n .cds--modal-close__icon {\n width: 1.25rem;\n height: 1.25rem;\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--body--with-modal-open {\n overflow: hidden;\n }\n .cds--modal-container--full-width .cds--modal-content {\n padding: 0;\n margin: 0;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--modal-close__icon {\n fill: ButtonText;\n }\n .cds--modal-close:focus {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n }\n .cds--multi-select .cds--list-box__field--wrapper {\n display: inline-flex;\n width: 100%;\n height: calc(100% + 1px);\n align-items: center;\n }\n .cds--multi-select .cds--list-box__field:focus {\n outline: transparent solid 2px;\n outline-offset: -2px;\n }\n .cds--multi-select .cds--tag {\n min-width: auto;\n margin: 0 0.5rem 0 1rem;\n }\n .cds--multi-select .cds--list-box__menu {\n min-width: auto;\n }\n .cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-wrapper {\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n }\n .cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-label {\n display: inline-block;\n overflow: hidden;\n width: 100%;\n padding-left: 1.75rem;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .cds--multi-select .cds--list-box__menu-item__option > .cds--form-item {\n flex-direction: row;\n margin: 0;\n }\n .cds--multi-select--filterable {\n transition: outline-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--multi-select--filterable.cds--combo-box .cds--text-input {\n border: 0.125rem solid transparent;\n background-clip: padding-box;\n outline: 0;\n }\n .cds--multi-select .cds--list-box__field--wrapper--input-focused,\n .cds--multi-select--filterable--input-focused {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--multi-select--filterable.cds--multi-select--selected .cds--text-input,\n .cds--multi-select.cds--multi-select--selected .cds--list-box__field {\n padding-left: 0;\n }\n .cds--multi-select--filterable.cds--list-box--disabled:hover:not(\n .cds--multi-select--filterable\n )\n .cds--text-input {\n background-color: var(--cds-field);\n }\n .cds--multi-select--filterable .cds--list-box__selection--multi {\n margin: 0 0 0 1rem;\n }\n .cds--multi-select--filterable.cds--multi-select--inline,\n .cds--multi-select--filterable.cds--multi-select--inline .cds--text-input {\n border-bottom: 0;\n background-color: transparent;\n }\n .cds--multi-select.cds--multi-select--readonly,\n .cds--multi-select.cds--multi-select--readonly:hover {\n border-bottom-color: var(--cds-border-subtle);\n background-color: transparent;\n }\n .cds--multi-select.cds--multi-select--readonly .cds--tag--filter,\n .cds--multi-select.cds--multi-select--readonly .cds--tag__close-icon:hover {\n background-color: transparent;\n color: var(--cds-text-primary, #161616);\n cursor: default;\n }\n .cds--actionable-notification__action-button.cds--btn--ghost:active,\n .cds--actionable-notification__action-button.cds--btn--ghost:hover,\n .cds--inline-notification__action-button.cds--btn--ghost:active,\n .cds--inline-notification__action-button.cds--btn--ghost:hover {\n background-color: var(--cds-background-inverse-hover, #474747);\n }\n .cds--actionable-notification--low-contrast\n .cds--actionable-notification__action-button.cds--btn--ghost:active,\n .cds--actionable-notification--low-contrast\n .cds--actionable-notification__action-button.cds--btn--ghost:hover,\n .cds--inline-notification--low-contrast\n .cds--inline-notification__action-button.cds--btn--ghost:active,\n .cds--inline-notification--low-contrast\n .cds--inline-notification__action-button.cds--btn--ghost:hover {\n background-color: var(--cds-notification-action-hover, #edf5ff);\n }\n .cds--inline-notification:not(.cds--inline-notification--low-contrast)\n .cds--inline-notification__action-button.cds--btn--ghost,\n .cds--inline-notification:not(.cds--inline-notification--low-contrast) a {\n color: var(--cds-link-inverse, #78a9ff);\n }\n .cds--multi-select.cds--multi-select--readonly .cds--tag--filter {\n box-shadow: 0 0 0 1px var(--cds-background-inverse, #393939);\n }\n .cds--actionable-notification--warning\n .cds--toast-notification__icon\n path[opacity='0'],\n .cds--inline-notification--warning\n .cds--inline-notification__icon\n path[opacity='0'],\n .cds--toast-notification--warning\n .cds--toast-notification__icon\n path[opacity='0'] {\n fill: #000;\n opacity: 1;\n }\n .cds--multi-select.cds--multi-select--readonly .cds--list-box__field,\n .cds--multi-select.cds--multi-select--readonly .cds--list-box__menu-icon {\n cursor: default;\n }\n .cds--inline-notification {\n position: relative;\n display: flex;\n width: 100%;\n min-width: 18rem;\n max-width: 18rem;\n height: auto;\n min-height: 3rem;\n flex-wrap: wrap;\n color: var(--cds-text-inverse, #fff);\n }\n .cds--inline-notification body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--inline-notification code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--inline-notification strong {\n font-weight: 600;\n }\n @media (min-width: 42rem) {\n .cds--inline-notification {\n max-width: 38rem;\n flex-wrap: nowrap;\n }\n }\n @media (min-width: 66rem) {\n .cds--inline-notification {\n max-width: 46rem;\n }\n }\n @media (min-width: 99rem) {\n .cds--max:col-start-1 {\n grid-column-start: 1;\n }\n .cds--max:col-start-2 {\n grid-column-start: 2;\n }\n .cds--max:col-start-3 {\n grid-column-start: 3;\n }\n .cds--max:col-start-4 {\n grid-column-start: 4;\n }\n .cds--max:col-start-5 {\n grid-column-start: 5;\n }\n .cds--max:col-start-6 {\n grid-column-start: 6;\n }\n .cds--max:col-start-7 {\n grid-column-start: 7;\n }\n .cds--max:col-start-8 {\n grid-column-start: 8;\n }\n .cds--max:col-start-9 {\n grid-column-start: 9;\n }\n .cds--max:col-start-10 {\n grid-column-start: 10;\n }\n .cds--max:col-start-11 {\n grid-column-start: 11;\n }\n .cds--max:col-start-12 {\n grid-column-start: 12;\n }\n .cds--max:col-start-13 {\n grid-column-start: 13;\n }\n .cds--max:col-start-14 {\n grid-column-start: 14;\n }\n .cds--max:col-start-15 {\n grid-column-start: 15;\n }\n .cds--max:col-start-16 {\n grid-column-start: 16;\n }\n .cds--max:col-end-2 {\n grid-column-end: 2;\n }\n .cds--max:col-end-3 {\n grid-column-end: 3;\n }\n .cds--max:col-end-4 {\n grid-column-end: 4;\n }\n .cds--max:col-end-5 {\n grid-column-end: 5;\n }\n .cds--max:col-end-6 {\n grid-column-end: 6;\n }\n .cds--max:col-end-7 {\n grid-column-end: 7;\n }\n .cds--max:col-end-8 {\n grid-column-end: 8;\n }\n .cds--max:col-end-9 {\n grid-column-end: 9;\n }\n .cds--max:col-end-10 {\n grid-column-end: 10;\n }\n .cds--max:col-end-11 {\n grid-column-end: 11;\n }\n .cds--max:col-end-12 {\n grid-column-end: 12;\n }\n .cds--max:col-end-13 {\n grid-column-end: 13;\n }\n .cds--max:col-end-14 {\n grid-column-end: 14;\n }\n .cds--max:col-end-15 {\n grid-column-end: 15;\n }\n .cds--max:col-end-16 {\n grid-column-end: 16;\n }\n .cds--max:col-end-17 {\n grid-column-end: 17;\n }\n .cds--max:col-start-auto {\n grid-column-start: auto;\n }\n .cds--max:col-end-auto {\n grid-column-end: auto;\n }\n .cds--inline-notification {\n max-width: 52rem;\n }\n }\n @media screen and (prefers-contrast) {\n .cds--inline-notification.cds--inline-notification--low-contrast a:focus,\n .cds--multi-select .cds--list-box__field--wrapper--input-focused,\n .cds--multi-select--filterable--input-focused {\n outline-style: dotted;\n }\n }\n .cds--inline-notification--low-contrast {\n color: var(--cds-text-primary, #161616);\n }\n .cds--inline-notification--low-contrast::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n border-width: 1px 1px 1px 0;\n border-style: solid;\n content: '';\n filter: opacity(0.4);\n pointer-events: none;\n }\n .cds--inline-notification--error {\n border-left: 3px solid var(--cds-support-error-inverse, #fa4d56);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--inline-notification--error .cds--actionable-notification__icon,\n .cds--inline-notification--error .cds--inline-notification__icon,\n .cds--inline-notification--error .cds--toast-notification__icon {\n fill: var(--cds-support-error-inverse, #fa4d56);\n }\n .cds--inline-notification--low-contrast.cds--inline-notification--error {\n border-left: 3px solid var(--cds-support-error, #da1e28);\n background: var(--cds-notification-background-error, #fff1f1);\n }\n .cds--inline-notification--low-contrast.cds--inline-notification--error::before {\n border-color: var(--cds-support-error, #da1e28);\n }\n .cds--inline-notification--success {\n border-left: 3px solid var(--cds-support-success-inverse, #42be65);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--inline-notification--success .cds--actionable-notification__icon,\n .cds--inline-notification--success .cds--inline-notification__icon,\n .cds--inline-notification--success .cds--toast-notification__icon {\n fill: var(--cds-support-success-inverse, #42be65);\n }\n .cds--inline-notification--low-contrast.cds--inline-notification--success {\n border-left: 3px solid var(--cds-support-success, #24a148);\n background: var(--cds-notification-background-success, #defbe6);\n }\n .cds--inline-notification--low-contrast.cds--inline-notification--success\n .cds--actionable-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--success\n .cds--inline-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--success\n .cds--toast-notification__icon {\n fill: var(--cds-support-success, #24a148);\n }\n .cds--inline-notification--low-contrast.cds--inline-notification--success::before {\n border-color: var(--cds-support-success, #24a148);\n }\n .cds--inline-notification--info,\n .cds--inline-notification--info-square {\n border-left: 3px solid var(--cds-support-info-inverse, #4589ff);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--inline-notification--info .cds--actionable-notification__icon,\n .cds--inline-notification--info .cds--inline-notification__icon,\n .cds--inline-notification--info .cds--toast-notification__icon,\n .cds--inline-notification--info-square .cds--actionable-notification__icon,\n .cds--inline-notification--info-square .cds--inline-notification__icon,\n .cds--inline-notification--info-square .cds--toast-notification__icon {\n fill: var(--cds-support-info-inverse, #4589ff);\n }\n .cds--inline-notification--low-contrast.cds--inline-notification--info,\n .cds--inline-notification--low-contrast.cds--inline-notification--info-square {\n border-left: 3px solid var(--cds-support-info, #0043ce);\n background: var(--cds-notification-background-info, #edf5ff);\n }\n .cds--inline-notification--low-contrast.cds--inline-notification--info\n .cds--actionable-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--info\n .cds--inline-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--info\n .cds--toast-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--info-square\n .cds--actionable-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--info-square\n .cds--inline-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--info-square\n .cds--toast-notification__icon {\n fill: var(--cds-support-info, #0043ce);\n }\n .cds--inline-notification--low-contrast.cds--inline-notification--info-square::before,\n .cds--inline-notification--low-contrast.cds--inline-notification--info::before {\n border-color: var(--cds-support-info, #0043ce);\n }\n .cds--inline-notification--warning,\n .cds--inline-notification--warning-alt {\n border-left: 3px solid var(--cds-support-warning-inverse, #f1c21b);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--inline-notification--warning .cds--actionable-notification__icon,\n .cds--inline-notification--warning .cds--inline-notification__icon,\n .cds--inline-notification--warning .cds--toast-notification__icon,\n .cds--inline-notification--warning-alt .cds--actionable-notification__icon,\n .cds--inline-notification--warning-alt .cds--inline-notification__icon,\n .cds--inline-notification--warning-alt .cds--toast-notification__icon {\n fill: var(--cds-support-warning-inverse, #f1c21b);\n }\n .cds--inline-notification--low-contrast.cds--inline-notification--warning,\n .cds--inline-notification--low-contrast.cds--inline-notification--warning-alt {\n border-left: 3px solid var(--cds-support-warning, #f1c21b);\n background: var(--cds-notification-background-warning, #fdf6dd);\n }\n .cds--inline-notification--low-contrast.cds--inline-notification--warning\n .cds--actionable-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--warning\n .cds--inline-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--warning\n .cds--toast-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--warning-alt\n .cds--actionable-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--warning-alt\n .cds--inline-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--warning-alt\n .cds--toast-notification__icon {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--inline-notification--low-contrast.cds--inline-notification--warning-alt::before,\n .cds--inline-notification--low-contrast.cds--inline-notification--warning::before {\n border-color: var(--cds-support-warning, #f1c21b);\n }\n .cds--inline-notification__details {\n display: flex;\n flex-grow: 1;\n margin: 0 3rem 0 0.8125rem;\n }\n @media (min-width: 42rem) {\n .cds--inline-notification__details {\n margin: 0 0.8125rem;\n }\n }\n .cds--inline-notification__icon {\n flex-shrink: 0;\n margin-top: 0.875rem;\n margin-right: 1rem;\n }\n .cds--inline-notification__text-wrapper {\n display: flex;\n flex-wrap: wrap;\n padding: 0.9375rem 0;\n }\n .cds--inline-notification__title {\n font-size: var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-compact-01-font-weight, 600);\n line-height: var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);\n margin: 0 0.25rem 0 0;\n }\n .cds--inline-notification__subtitle {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n word-break: break-word;\n }\n .cds--inline-notification__action-button.cds--btn--ghost {\n height: 2rem;\n margin-bottom: 0.5rem;\n margin-left: 2.5rem;\n }\n .cds--inline-notification__action-button.cds--btn--ghost:focus {\n border-color: transparent;\n box-shadow: none;\n outline: 2px solid var(--cds-focus-inverse, #ffffff);\n outline-offset: -2px;\n }\n .cds--inline-notification--low-contrast\n .cds--inline-notification__action-button.cds--btn--ghost:focus {\n outline-color: var(--cds-focus, #0f62fe);\n }\n .cds--inline-notification--hide-close-button\n .cds--inline-notification__action-button.cds--btn--ghost {\n margin-right: 0.5rem;\n }\n .cds--inline-notification__close-button {\n outline: transparent solid 2px;\n outline-offset: -2px;\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n width: 3rem;\n min-width: 3rem;\n max-width: 3rem;\n height: 3rem;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n background: 0 0;\n cursor: pointer;\n transition:\n outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--inline-notification__close-button:focus {\n outline: 2px solid var(--cds-focus-inverse, #ffffff);\n outline-offset: -2px;\n }\n .cds--inline-notification__close-button\n .cds--inline-notification__close-icon {\n fill: var(--cds-icon-inverse, #ffffff);\n }\n @media (min-width: 42rem) {\n .cds--inline-notification__action-button.cds--btn--ghost {\n margin: 0.5rem 0;\n }\n .cds--inline-notification__close-button {\n position: static;\n }\n }\n .cds--inline-notification--low-contrast\n .cds--inline-notification__close-button:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--inline-notification--low-contrast\n .cds--inline-notification__close-button\n .cds--inline-notification__close-icon {\n fill: var(--cds-icon-primary, #161616);\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--inline-notification {\n outline: transparent solid 1px;\n }\n .cds--btn.cds--btn--ghost.cds--inline-notification__action-button:focus,\n .cds--inline-notification__close-button:focus {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--inline-notification .cds--inline-notification__icon {\n fill: ButtonText;\n }\n }\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--ghost,\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n a,\n .cds--toast-notification:not(.cds--toast-notification--low-contrast) a {\n color: var(--cds-link-inverse, #78a9ff);\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--inline-notification .cds--inline-notification__close-icon {\n fill: ButtonText;\n }\n }\n .cds--toast-notification {\n display: flex;\n width: 18rem;\n height: auto;\n padding-left: 0.8125rem;\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);\n color: var(--cds-text-inverse, #fff);\n }\n .cds--toast-notification--low-contrast,\n .cds--toast-notification--low-contrast .cds--toast-notification__caption,\n .cds--toast-notification--low-contrast .cds--toast-notification__subtitle {\n color: var(--cds-text-primary, #161616);\n }\n .cds--toast-notification body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--toast-notification code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--toast-notification strong {\n font-weight: 600;\n }\n @media (min-width: 99rem) {\n .cds--toast-notification {\n width: 22rem;\n }\n }\n .cds--toast-notification.cds--toast-notification--low-contrast a:focus {\n outline: 1px solid var(--cds-focus, #0f62fe);\n }\n @media screen and (prefers-contrast) {\n .cds--inline-notification--low-contrast\n .cds--inline-notification__close-button:focus,\n .cds--toast-notification.cds--toast-notification--low-contrast a:focus {\n outline-style: dotted;\n }\n }\n .cds--toast-notification--error {\n border-left: 3px solid var(--cds-support-error-inverse, #fa4d56);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--toast-notification--error .cds--actionable-notification__icon,\n .cds--toast-notification--error .cds--inline-notification__icon,\n .cds--toast-notification--error .cds--toast-notification__icon {\n fill: var(--cds-support-error-inverse, #fa4d56);\n }\n .cds--toast-notification--low-contrast.cds--toast-notification--error {\n border-left: 3px solid var(--cds-support-error, #da1e28);\n background: var(--cds-notification-background-error, #fff1f1);\n }\n .cds--toast-notification--low-contrast.cds--toast-notification--error\n .cds--actionable-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--error\n .cds--inline-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--error\n .cds--toast-notification__icon {\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--toast-notification--success {\n border-left: 3px solid var(--cds-support-success-inverse, #42be65);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--toast-notification--success .cds--actionable-notification__icon,\n .cds--toast-notification--success .cds--inline-notification__icon,\n .cds--toast-notification--success .cds--toast-notification__icon {\n fill: var(--cds-support-success-inverse, #42be65);\n }\n .cds--toast-notification--low-contrast.cds--toast-notification--success {\n border-left: 3px solid var(--cds-support-success, #24a148);\n background: var(--cds-notification-background-success, #defbe6);\n }\n .cds--toast-notification--low-contrast.cds--toast-notification--success\n .cds--actionable-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--success\n .cds--inline-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--success\n .cds--toast-notification__icon {\n fill: var(--cds-support-success, #24a148);\n }\n .cds--toast-notification--info,\n .cds--toast-notification--info-square {\n border-left: 3px solid var(--cds-support-info-inverse, #4589ff);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--toast-notification--info .cds--actionable-notification__icon,\n .cds--toast-notification--info .cds--inline-notification__icon,\n .cds--toast-notification--info .cds--toast-notification__icon,\n .cds--toast-notification--info-square .cds--actionable-notification__icon,\n .cds--toast-notification--info-square .cds--inline-notification__icon,\n .cds--toast-notification--info-square .cds--toast-notification__icon {\n fill: var(--cds-support-info-inverse, #4589ff);\n }\n .cds--toast-notification--low-contrast.cds--toast-notification--info,\n .cds--toast-notification--low-contrast.cds--toast-notification--info-square {\n border-left: 3px solid var(--cds-support-info, #0043ce);\n background: var(--cds-notification-background-info, #edf5ff);\n }\n .cds--toast-notification--low-contrast.cds--toast-notification--info\n .cds--actionable-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--info\n .cds--inline-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--info\n .cds--toast-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--info-square\n .cds--actionable-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--info-square\n .cds--inline-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--info-square\n .cds--toast-notification__icon {\n fill: var(--cds-support-info, #0043ce);\n }\n .cds--toast-notification--warning,\n .cds--toast-notification--warning-alt {\n border-left: 3px solid var(--cds-support-warning-inverse, #f1c21b);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--toast-notification--warning .cds--actionable-notification__icon,\n .cds--toast-notification--warning .cds--inline-notification__icon,\n .cds--toast-notification--warning .cds--toast-notification__icon,\n .cds--toast-notification--warning-alt .cds--actionable-notification__icon,\n .cds--toast-notification--warning-alt .cds--inline-notification__icon,\n .cds--toast-notification--warning-alt .cds--toast-notification__icon {\n fill: var(--cds-support-warning-inverse, #f1c21b);\n }\n .cds--toast-notification--low-contrast.cds--toast-notification--warning,\n .cds--toast-notification--low-contrast.cds--toast-notification--warning-alt {\n border-left: 3px solid var(--cds-support-warning, #f1c21b);\n background: var(--cds-notification-background-warning, #fdf6dd);\n }\n .cds--toast-notification--low-contrast.cds--toast-notification--warning\n .cds--actionable-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--warning\n .cds--inline-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--warning\n .cds--toast-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--warning-alt\n .cds--actionable-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--warning-alt\n .cds--inline-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--warning-alt\n .cds--toast-notification__icon {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--toast-notification__icon {\n flex-shrink: 0;\n margin-top: 1rem;\n margin-right: 1rem;\n }\n .cds--toast-notification__details {\n margin-right: 1rem;\n }\n .cds--toast-notification__close-button {\n outline: transparent solid 2px;\n outline-offset: -2px;\n display: flex;\n width: 3rem;\n min-width: 3rem;\n height: 3rem;\n min-height: 3rem;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n margin-left: auto;\n background-color: transparent;\n cursor: pointer;\n transition:\n outline 250ms,\n background-color 250ms;\n }\n .cds--toast-notification__close-button:focus {\n outline: 2px solid var(--cds-focus-inverse, #ffffff);\n outline-offset: -2px;\n }\n .cds--toast-notification__close-button .cds--toast-notification__close-icon {\n fill: var(--cds-icon-inverse, #ffffff);\n }\n .cds--toast-notification--low-contrast\n .cds--toast-notification__close-button:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--toast-notification--low-contrast\n .cds--toast-notification__close-button\n .cds--toast-notification__close-icon {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--toast-notification__title {\n font-size: var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-compact-01-font-weight, 600);\n line-height: var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);\n margin-top: 1rem;\n font-weight: 600;\n word-break: break-word;\n }\n .cds--actionable-notification__content,\n .cds--toast-notification__caption,\n .cds--toast-notification__subtitle {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n }\n .cds--toast-notification__subtitle {\n margin-top: 0;\n margin-bottom: 1rem;\n color: var(--cds-text-inverse, #fff);\n word-break: break-word;\n }\n .cds--toast-notification__caption {\n padding-top: 0.5rem;\n margin-bottom: 1rem;\n color: var(--cds-text-inverse, #fff);\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--toast-notification {\n outline: transparent solid 1px;\n }\n .cds--toast-notification__close-button:focus {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--toast-notification .cds--toast-notification__close-icon,\n .cds--toast-notification .cds--toast-notification__icon {\n fill: ButtonText;\n }\n }\n .cds--actionable-notification {\n position: relative;\n display: flex;\n width: 100%;\n min-width: 18rem;\n max-width: 18rem;\n height: auto;\n min-height: 3rem;\n flex-wrap: wrap;\n color: var(--cds-text-inverse, #fff);\n }\n .cds--actionable-notification--low-contrast,\n .cds--actionable-notification--low-contrast\n .cds--actionable-notification__subtitle {\n color: var(--cds-text-primary, #161616);\n }\n .cds--actionable-notification body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--actionable-notification code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--actionable-notification strong {\n font-weight: 600;\n }\n @media (min-width: 42rem) {\n .cds--actionable-notification {\n max-width: 38rem;\n flex-wrap: nowrap;\n }\n .cds--actionable-notification:not(.cds--actionable-notification--toast)\n .cds--actionable-notification__details {\n margin: 0 0.8125rem;\n }\n }\n @media (min-width: 66rem) {\n .cds--actionable-notification {\n max-width: 46rem;\n }\n }\n @media (min-width: 99rem) {\n .cds--actionable-notification {\n max-width: 52rem;\n }\n }\n .cds--actionable-notification--toast {\n min-width: 18rem;\n max-width: 18rem;\n flex-wrap: wrap;\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);\n }\n .cds--actionable-notification a:focus {\n outline: 1px solid var(--cds-focus-inverse, #ffffff);\n }\n .cds--actionable-notification.cds--actionable-notification--low-contrast\n a:focus {\n outline: 1px solid var(--cds-focus, #0f62fe);\n }\n @media screen and (prefers-contrast) {\n .cds--actionable-notification.cds--actionable-notification--low-contrast\n a:focus,\n .cds--toast-notification--low-contrast\n .cds--toast-notification__close-button:focus {\n outline-style: dotted;\n }\n }\n .cds--actionable-notification--low-contrast:not(\n .cds--actionable-notification--toast\n )::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n border-width: 1px 1px 1px 0;\n border-style: solid;\n content: '';\n filter: opacity(0.4);\n pointer-events: none;\n }\n .cds--actionable-notification--error {\n border-left: 3px solid var(--cds-support-error-inverse, #fa4d56);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--actionable-notification--error .cds--actionable-notification__icon,\n .cds--actionable-notification--error .cds--inline-notification__icon,\n .cds--actionable-notification--error .cds--toast-notification__icon {\n fill: var(--cds-support-error-inverse, #fa4d56);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--error {\n border-left: 3px solid var(--cds-support-error, #da1e28);\n background: var(--cds-notification-background-error, #fff1f1);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--error\n .cds--actionable-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--error\n .cds--inline-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--error\n .cds--toast-notification__icon {\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--error::before {\n border-color: var(--cds-support-error, #da1e28);\n }\n .cds--actionable-notification--success {\n border-left: 3px solid var(--cds-support-success-inverse, #42be65);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--actionable-notification--success .cds--actionable-notification__icon,\n .cds--actionable-notification--success .cds--inline-notification__icon,\n .cds--actionable-notification--success .cds--toast-notification__icon {\n fill: var(--cds-support-success-inverse, #42be65);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--success {\n border-left: 3px solid var(--cds-support-success, #24a148);\n background: var(--cds-notification-background-success, #defbe6);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--success\n .cds--actionable-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--success\n .cds--inline-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--success\n .cds--toast-notification__icon {\n fill: var(--cds-support-success, #24a148);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--success::before {\n border-color: var(--cds-support-success, #24a148);\n }\n .cds--actionable-notification--info,\n .cds--actionable-notification--info-square {\n border-left: 3px solid var(--cds-support-info-inverse, #4589ff);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--actionable-notification--info .cds--actionable-notification__icon,\n .cds--actionable-notification--info .cds--inline-notification__icon,\n .cds--actionable-notification--info .cds--toast-notification__icon,\n .cds--actionable-notification--info-square\n .cds--actionable-notification__icon,\n .cds--actionable-notification--info-square .cds--inline-notification__icon,\n .cds--actionable-notification--info-square .cds--toast-notification__icon {\n fill: var(--cds-support-info-inverse, #4589ff);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--info,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--info-square {\n border-left: 3px solid var(--cds-support-info, #0043ce);\n background: var(--cds-notification-background-info, #edf5ff);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--info\n .cds--actionable-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--info\n .cds--inline-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--info\n .cds--toast-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--info-square\n .cds--actionable-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--info-square\n .cds--inline-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--info-square\n .cds--toast-notification__icon {\n fill: var(--cds-support-info, #0043ce);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--info-square::before,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--info::before {\n border-color: var(--cds-support-info, #0043ce);\n }\n .cds--actionable-notification--warning,\n .cds--actionable-notification--warning-alt {\n border-left: 3px solid var(--cds-support-warning-inverse, #f1c21b);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--actionable-notification--warning .cds--actionable-notification__icon,\n .cds--actionable-notification--warning .cds--inline-notification__icon,\n .cds--actionable-notification--warning .cds--toast-notification__icon,\n .cds--actionable-notification--warning-alt\n .cds--actionable-notification__icon,\n .cds--actionable-notification--warning-alt .cds--inline-notification__icon,\n .cds--actionable-notification--warning-alt .cds--toast-notification__icon {\n fill: var(--cds-support-warning-inverse, #f1c21b);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--warning,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt {\n border-left: 3px solid var(--cds-support-warning, #f1c21b);\n background: var(--cds-notification-background-warning, #fdf6dd);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--warning\n .cds--actionable-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--warning\n .cds--inline-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--warning\n .cds--toast-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt\n .cds--actionable-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt\n .cds--inline-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt\n .cds--toast-notification__icon {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt::before,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--warning::before {\n border-color: var(--cds-support-warning, #f1c21b);\n }\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary\n .cds--btn__icon,\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary\n .cds--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .cds--overflow-menu-options__option--danger\n .cds--overflow-menu-options__btn:focus\n svg,\n .cds--overflow-menu-options__option--danger\n .cds--overflow-menu-options__btn:hover\n svg {\n fill: currentColor;\n }\n .cds--actionable-notification__details {\n display: flex;\n flex-grow: 1;\n margin: 0 3rem 0 0.8125rem;\n }\n .cds--actionable-notification--hide-close-button\n .cds--actionable-notification__action-button.cds--btn--ghost,\n .cds--actionable-notification--hide-close-button\n .cds--actionable-notification__action-button.cds--btn--tertiary {\n margin-right: 0.5rem;\n }\n .cds--actionable-notification .cds--inline-notification__icon {\n flex-shrink: 0;\n margin-top: 0.875rem;\n margin-right: 1rem;\n }\n .cds--actionable-notification .cds--toast-notification__icon {\n flex-shrink: 0;\n margin-top: 1rem;\n margin-right: 1rem;\n }\n .cds--actionable-notification__text-wrapper {\n display: flex;\n flex-wrap: wrap;\n padding: 0.9375rem 0;\n }\n .cds--actionable-notification--toast\n .cds--actionable-notification__text-wrapper {\n padding: 0.9375rem 0 1.4375rem;\n }\n .cds--actionable-notification__content {\n display: flex;\n flex-wrap: wrap;\n word-break: break-word;\n }\n .cds--actionable-notification--toast .cds--actionable-notification__content {\n display: block;\n }\n .cds--actionable-notification__title {\n font-size: var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-compact-01-font-weight, 600);\n line-height: var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);\n margin-right: 0.25rem;\n font-weight: 600;\n word-break: break-word;\n }\n .cds--actionable-notification__subtitle,\n .cds--overflow-menu-options__btn {\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n }\n .cds--actionable-notification--toast .cds--actionable-notification__title {\n margin-right: 0;\n }\n .cds--actionable-notification__subtitle {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n margin-top: 0;\n color: var(--cds-text-inverse, #fff);\n word-break: break-word;\n }\n .cds--overflow-menu html,\n .cds--overflow-menu-options html,\n .cds--overflow-menu-options__option html,\n .cds--overflow-menu__trigger html {\n font-size: 100%;\n }\n .cds--overflow-menu-options__btn,\n .cds--unstable-pagination__text,\n span.cds--pagination__text.cds--pagination__items-count {\n color: var(--cds-text-secondary, #525252);\n }\n .cds--actionable-notification__action-button.cds--btn--ghost {\n height: 2rem;\n margin-bottom: 0.5rem;\n margin-left: 2.5rem;\n }\n @media (min-width: 42rem) {\n .cds--actionable-notification__action-button.cds--btn--ghost {\n margin: 0.5rem 0;\n }\n }\n .cds--actionable-notification__action-button.cds--btn--ghost:focus {\n border-color: transparent;\n box-shadow: none;\n outline: 2px solid var(--cds-focus-inverse, #ffffff);\n outline-offset: -2px;\n }\n .cds--actionable-notification--low-contrast\n .cds--actionable-notification__action-button.cds--btn--ghost:focus {\n outline-color: var(--cds-focus, #0f62fe);\n }\n .cds--actionable-notification__action-button.cds--btn--tertiary {\n padding: 0 1rem;\n margin-bottom: 1rem;\n margin-left: calc(2rem + 1.25rem - 0.125rem);\n }\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary {\n border-width: 1px;\n border-style: solid;\n border-color: var(--cds-notification-action-tertiary-inverse, #fff);\n background-color: transparent;\n color: var(--cds-notification-action-tertiary-inverse, #fff);\n }\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary:hover {\n background-color: var(\n --cds-notification-action-tertiary-inverse-hover,\n #f4f4f4\n );\n color: var(--cds-notification-action-tertiary-inverse-text, #161616);\n }\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary:active {\n background-color: var(\n --cds-notification-action-tertiary-inverse-active,\n #c6c6c6\n );\n }\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary:focus {\n border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:\n inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),\n inset 0 0 0 2px var(--cds-background, #fff);\n border-color: var(--cds-focus-inverse, #fff);\n background-color: var(--cds-notification-action-tertiary-inverse, #fff);\n box-shadow:\n inset 0 0 0 1px var(--cds-focus-inverse, #fff),\n inset 0 0 0 2px var(--cds-background-inverse, #393939);\n color: var(--cds-notification-action-tertiary-inverse-text, #161616);\n }\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary:active {\n border-color: transparent;\n background-color: var(\n --cds-notification-action-tertiary-inverse-active,\n #c6c6c6\n );\n color: var(--cds-notification-action-tertiary-inverse-text, #161616);\n }\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary.cds--btn--disabled,\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary.cds--btn--disabled:focus,\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary.cds--btn--disabled:hover,\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary:disabled,\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary:focus:disabled,\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary:hover:disabled {\n background: 0 0;\n color: var(\n --cds-notification-action-tertiary-inverse-text-on-color-disabled,\n rgba(255, 255, 255, 0.25)\n );\n outline: 0;\n }\n .cds--actionable-notification__close-button {\n outline: transparent solid 2px;\n outline-offset: -2px;\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n width: 3rem;\n min-width: 3rem;\n max-width: 3rem;\n height: 3rem;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n background: 0 0;\n cursor: pointer;\n transition:\n outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--actionable-notification__close-button:focus {\n outline: 2px solid var(--cds-focus-inverse, #ffffff);\n outline-offset: -2px;\n }\n .cds--actionable-notification__close-button\n .cds--actionable-notification__close-icon {\n fill: var(--cds-icon-inverse, #ffffff);\n }\n @media (min-width: 42rem) {\n .cds--actionable-notification__close-button {\n position: static;\n }\n .cds--actionable-notification--toast\n .cds--actionable-notification__close-button {\n position: absolute;\n }\n }\n .cds--actionable-notification--low-contrast\n .cds--actionable-notification__close-button:focus,\n .cds--overflow-menu:focus,\n .cds--overflow-menu__trigger:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--actionable-notification--low-contrast\n .cds--actionable-notification__close-button\n .cds--actionable-notification__close-icon {\n fill: var(--cds-icon-primary, #161616);\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--actionable-notification {\n outline: transparent solid 1px;\n }\n .cds--actionable-notification__close-button:focus,\n .cds--btn.cds--btn--ghost.cds--actionable-notification__action-button:focus {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--actionable-notification .cds--actionable-notification__close-icon,\n .cds--actionable-notification .cds--inline-notification__icon,\n .cds--actionable-notification .cds--toast-notification__icon {\n fill: ButtonText;\n }\n }\n .cds--overflow-menu-options__btn:hover,\n span.cds--pagination__text {\n color: var(--cds-text-primary, #161616);\n }\n .cds--overflow-menu-options__btn:hover svg,\n .cds--overflow-menu__icon {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--overflow-menu,\n .cds--overflow-menu__trigger {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n display: inline-block;\n appearance: none;\n background: 0 0;\n text-align: start;\n outline: transparent solid 2px;\n outline-offset: -2px;\n position: relative;\n display: flex;\n width: 2.5rem;\n height: 2.5rem;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition:\n outline 110ms cubic-bezier(0, 0, 0.38, 0.9),\n background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);\n }\n .cds--overflow-menu *,\n .cds--overflow-menu ::after,\n .cds--overflow-menu ::before,\n .cds--overflow-menu__trigger *,\n .cds--overflow-menu__trigger ::after,\n .cds--overflow-menu__trigger ::before {\n box-sizing: inherit;\n }\n .cds--overflow-menu::-moz-focus-inner,\n .cds--overflow-menu__trigger::-moz-focus-inner {\n border: 0;\n }\n .cds--overflow-menu body,\n .cds--overflow-menu__trigger body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--overflow-menu code,\n .cds--overflow-menu__trigger code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--overflow-menu strong,\n .cds--overflow-menu__trigger strong {\n font-weight: 600;\n }\n .cds--overflow-menu:hover,\n .cds--overflow-menu__trigger:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--overflow-menu--light.cds--overflow-menu--open,\n .cds--overflow-menu--light.cds--overflow-menu--open\n .cds--overflow-menu__trigger,\n .cds--overflow-menu-options,\n .cds--overflow-menu-options--light,\n .cds--overflow-menu-options--light::after,\n .cds--overflow-menu-options::after,\n .cds--overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover,\n .cds--overflow-menu.cds--overflow-menu--open:hover {\n background-color: var(--cds-layer);\n }\n .cds--overflow-menu--sm {\n width: 2rem;\n height: 2rem;\n }\n .cds--overflow-menu--lg {\n width: 3rem;\n height: 3rem;\n }\n .cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--actionable-notification--low-contrast\n .cds--actionable-notification__close-button:focus,\n .cds--overflow-menu:focus,\n .cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus,\n .cds--overflow-menu__trigger:focus {\n outline-style: dotted;\n }\n }\n .cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus\n svg {\n outline: 0;\n }\n .cds--overflow-menu.cds--overflow-menu--open,\n .cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger {\n box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n background-color: var(--cds-layer);\n transition: none;\n }\n .cds--overflow-menu__icon {\n width: 1rem;\n height: 1rem;\n }\n .cds--overflow-menu__wrapper {\n line-height: 0;\n }\n .cds--overflow-menu-options {\n box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n position: absolute;\n z-index: 6000;\n top: 32px;\n left: 0;\n display: none;\n width: 10rem;\n flex-direction: column;\n align-items: flex-start;\n list-style: none;\n }\n .cds--overflow-menu-options body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--overflow-menu-options code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--overflow-menu-options strong {\n font-weight: 600;\n }\n .cds--overflow-menu-options::after {\n position: absolute;\n display: block;\n content: '';\n transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);\n }\n @media screen and (prefers-reduced-motion: reduce) {\n .cds--overflow-menu-options::after {\n transition: none;\n }\n }\n .cds--overflow-menu-options[data-floating-menu-direction='bottom']:not(\n .cds--breadcrumb-menu-options\n )::after {\n top: -0.1875rem;\n left: 0;\n width: 2.5rem;\n height: 0.1875rem;\n }\n .cds--overflow-menu-options--sm .cds--overflow-menu-options__option,\n .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction='left']::after,\n .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction='right']::after {\n height: 2rem;\n }\n .cds--overflow-menu-options[data-floating-menu-direction='top']::after {\n bottom: -0.5rem;\n left: 0;\n width: 2.5rem;\n height: 0.5rem;\n }\n .cds--overflow-menu-options[data-floating-menu-direction='left']::after {\n top: 0;\n right: -0.375rem;\n width: 0.375rem;\n height: 2.5rem;\n }\n .cds--overflow-menu-options[data-floating-menu-direction='right']::after {\n top: 0;\n left: -0.375rem;\n width: 0.375rem;\n height: 2.5rem;\n }\n .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction='bottom']::after,\n .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction='top']::after {\n width: 2rem;\n }\n .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction='bottom']::after,\n .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction='top']::after {\n width: 3rem;\n }\n .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction='left']::after,\n .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction='right']::after {\n height: 3rem;\n }\n .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction='bottom']::after,\n .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction='top']::after {\n right: 0;\n left: auto;\n }\n .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction='left']::after,\n .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction='right']::after {\n top: auto;\n bottom: 0;\n }\n .cds--overflow-menu-options--open {\n display: flex;\n }\n .cds--overflow-menu-options__content {\n width: 100%;\n }\n .cds--overflow-menu-options__option {\n display: flex;\n width: 100%;\n height: 2.5rem;\n align-items: center;\n padding: 0;\n background-color: transparent;\n transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);\n }\n .cds--overflow-menu-options__option body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--overflow-menu-options__option code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--overflow-menu-options__option strong {\n font-weight: 600;\n }\n .cds--overflow-menu-options--lg .cds--overflow-menu-options__option {\n height: 3rem;\n }\n .cds--overflow-menu--divider,\n .cds--overflow-menu--light .cds--overflow-menu--divider {\n border-top: 1px solid var(--cds-border-subtle);\n }\n a.cds--overflow-menu-options__btn::before {\n display: inline-block;\n height: 100%;\n content: '';\n vertical-align: middle;\n }\n .cds--overflow-menu-options__btn {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n outline: transparent solid 2px;\n outline-offset: -2px;\n display: inline-flex;\n width: 100%;\n max-width: 11.25rem;\n height: 100%;\n align-items: center;\n padding: 0 1rem;\n border: none;\n background-color: transparent;\n cursor: pointer;\n font-family: inherit;\n font-weight: 400;\n text-align: left;\n transition:\n outline 110ms cubic-bezier(0, 0, 0.38, 0.9),\n background-color 110ms cubic-bezier(0, 0, 0.38, 0.9),\n color 110ms cubic-bezier(0, 0, 0.38, 0.9);\n }\n .cds--pagination,\n .cds--pagination .cds--select-input,\n .cds--unstable-pagination {\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n }\n .cds--btn--ghost.cds--pagination__button,\n .cds--pagination__button,\n .cds--unstable-pagination__button {\n transition:\n outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--overflow-menu-options__btn:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--overflow-menu-options__btn:focus {\n outline-style: dotted;\n }\n }\n .cds--overflow-menu-options__btn::-moz-focus-inner {\n border: none;\n }\n .cds--overflow-menu-options__btn svg {\n fill: var(--cds-icon-secondary, #525252);\n }\n .cds--overflow-menu-options__option-content {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .cds--overflow-menu-options__option:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--overflow-menu-options__option--danger\n .cds--overflow-menu-options__btn:focus,\n .cds--overflow-menu-options__option--danger\n .cds--overflow-menu-options__btn:hover {\n background-color: var(--cds-button-danger-primary, #da1e28);\n color: var(--cds-text-on-color, #fff);\n }\n .cds--overflow-menu-options__option--disabled:hover {\n background-color: var(--cds-layer);\n cursor: not-allowed;\n }\n .cds--overflow-menu-options__option--disabled\n .cds--overflow-menu-options__btn {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--overflow-menu-options__option--disabled\n .cds--overflow-menu-options__btn:active,\n .cds--overflow-menu-options__option--disabled\n .cds--overflow-menu-options__btn:focus,\n .cds--overflow-menu-options__option--disabled\n .cds--overflow-menu-options__btn:hover {\n outline: transparent solid 2px;\n outline-offset: -2px;\n background-color: var(--cds-layer);\n }\n .cds--overflow-menu-options__option--disabled\n .cds--overflow-menu-options__btn\n svg {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--overflow-menu--flip {\n left: -140px;\n }\n .cds--overflow-menu--flip::before {\n left: 145px;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--overflow-menu-options__btn:focus,\n .cds--overflow-menu:focus {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--overflow-menu svg {\n fill: ButtonText;\n }\n }\n .cds--data-table-container + .cds--pagination {\n border-top: 0;\n }\n .cds--pagination {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n display: flex;\n width: calc(100% - 1px);\n min-height: 2.5rem;\n align-items: center;\n justify-content: space-between;\n border-top: 1px solid var(--cds-border-subtle);\n background-color: var(--cds-layer);\n overflow-x: auto;\n }\n .cds--pagination *,\n .cds--pagination ::after,\n .cds--pagination ::before {\n box-sizing: inherit;\n }\n @media (min-width: 42rem) {\n .cds--pagination {\n overflow: initial;\n }\n .cds--pagination .cds--pagination__control-buttons {\n display: flex;\n }\n }\n @media (max-width: 41.98rem) {\n .cds--pagination .cds--pagination__left > *,\n .cds--pagination .cds--pagination__right > * {\n display: none;\n }\n .cds--pagination .cds--pagination__items-count {\n display: initial;\n }\n .cds--pagination .cds--pagination__control-buttons {\n display: flex;\n }\n }\n .cds--pagination--sm {\n min-height: 2rem;\n }\n .cds--pagination--lg {\n min-height: 3rem;\n }\n .cds--pagination .cds--select {\n height: 100%;\n align-items: center;\n }\n .cds--pagination .cds--select-input--inline__wrapper {\n display: flex;\n height: 100%;\n }\n .cds--pagination .cds--select-input {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n width: auto;\n min-width: auto;\n height: 100%;\n line-height: 2.5rem;\n }\n .cds--pagination .cds--select--inline .cds--select-input {\n padding: 0 2.25rem 0 1rem;\n }\n .cds--pagination--sm .cds--select-input {\n line-height: 2rem;\n }\n .cds--pagination--lg .cds--select-input {\n line-height: 3rem;\n }\n .cds--pagination .cds--select-input:hover {\n background: var(--cds-layer-hover);\n }\n .cds--pagination .cds--select--inline .cds--select-input:focus,\n .cds--pagination .cds--select--inline .cds--select-input:focus optgroup,\n .cds--pagination .cds--select--inline .cds--select-input:focus option {\n background-color: var(--cds-layer);\n }\n .cds--pagination .cds--select__arrow {\n top: 50%;\n transform: translate(-0.5rem, -50%);\n }\n .cds--pagination .cds--select__item-count .cds--select-input {\n border-right: 1px solid var(--cds-border-subtle);\n }\n .cds--pagination__right {\n border-left: 1px solid var(--cds-border-subtle);\n }\n .cds--pagination__left,\n .cds--pagination__right {\n display: flex;\n height: 100%;\n align-items: center;\n }\n .cds--pagination__left > .cds--form-item,\n .cds--pagination__right > .cds--form-item {\n height: 100%;\n }\n .cds--pagination__left .cds--pagination__text,\n .cds--pagination__right .cds--pagination__text {\n white-space: nowrap;\n }\n .cds--pagination__left .cds--pagination__text {\n margin-right: 0.0625rem;\n }\n .cds--pagination__right .cds--pagination__text {\n margin-right: 1rem;\n margin-left: 0.0625rem;\n }\n .cds--pagination__right .cds--pagination__text.cds--pagination__page-text {\n margin-right: 0.0625rem;\n margin-left: 1rem;\n }\n .cds--pagination__right .cds--pagination__text:empty {\n margin: 0;\n }\n .cds--pagination__left {\n padding: 0 1rem 0 0;\n }\n @media (min-width: 42rem) {\n .cds--pagination__left {\n padding: 0 1rem;\n }\n .cds--pagination__text {\n display: inline-block;\n }\n }\n span.cds--pagination__text {\n margin-left: 1rem;\n }\n .cds--btn--ghost.cds--pagination__button,\n .cds--pagination__button {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n display: flex;\n width: 2.5rem;\n height: 2.5rem;\n min-height: 2rem;\n align-items: center;\n justify-content: center;\n border: none;\n border-left: 1px solid var(--cds-border-subtle);\n background: 0 0;\n cursor: pointer;\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--btn--ghost.cds--pagination__button *,\n .cds--btn--ghost.cds--pagination__button ::after,\n .cds--btn--ghost.cds--pagination__button ::before,\n .cds--pagination__button *,\n .cds--pagination__button ::after,\n .cds--pagination__button ::before {\n box-sizing: inherit;\n }\n .cds--pagination--sm .cds--btn--ghost.cds--pagination__button,\n .cds--pagination--sm .cds--pagination__button {\n width: 2rem;\n height: 2rem;\n }\n .cds--pagination--lg .cds--btn--ghost.cds--pagination__button,\n .cds--pagination--lg .cds--pagination__button {\n width: 3rem;\n height: 3rem;\n }\n .cds--btn--ghost:focus.cds--pagination__button,\n .cds--pagination__button:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n border-left: 0;\n }\n @media screen and (prefers-contrast) {\n .cds--btn--ghost:focus.cds--pagination__button,\n .cds--pagination__button:focus {\n outline-style: dotted;\n }\n }\n .cds--btn--ghost:hover.cds--pagination__button,\n .cds--pagination__button:hover {\n background: var(--cds-layer-hover);\n }\n .cds--btn--ghost.cds--pagination__button--no-index,\n .cds--pagination__button--no-index {\n cursor: not-allowed;\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--popover--tab-tip__button svg,\n .cds--unstable-pagination__button {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--btn--ghost:disabled:hover.cds--pagination__button,\n .cds--btn--ghost:hover.cds--pagination__button--no-index,\n .cds--pagination__button--no-index:hover,\n .cds--pagination__button:disabled:hover {\n border-color: var(--cds-border-subtle);\n background: var(--cds-layer);\n cursor: not-allowed;\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--pagination.cds--skeleton .cds--skeleton__text {\n margin-right: 1rem;\n margin-bottom: 0;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--btn--ghost.cds--pagination__button,\n .cds--pagination__button {\n outline: transparent solid 1px;\n }\n }\n .cds--unstable-pagination {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n display: flex;\n width: 100%;\n min-height: 2.5rem;\n align-items: center;\n justify-content: space-between;\n border-top: 1px solid var(--cds-border-subtle);\n border-bottom: 1px solid transparent;\n background-color: var(--cds-layer);\n }\n .cds--unstable-pagination *,\n .cds--unstable-pagination ::after,\n .cds--unstable-pagination ::before {\n box-sizing: inherit;\n }\n .cds--unstable-pagination__text {\n margin: 0 1rem;\n }\n .cds--pagination-nav__page,\n .cds--unstable-pagination__button {\n border: 0;\n margin: 0;\n font-family: inherit;\n vertical-align: baseline;\n }\n @media (min-width: 42rem) {\n .cds--unstable-pagination__text {\n display: inline-block;\n }\n .cds--unstable-pagination__page-selector .cds--select__arrow,\n .cds--unstable-pagination__page-sizer .cds--select__arrow {\n right: 1rem;\n }\n }\n .cds--unstable-pagination__left,\n .cds--unstable-pagination__right {\n display: flex;\n height: 100%;\n align-items: center;\n }\n .cds--unstable-pagination__left {\n padding: 0 1rem 0 0;\n }\n .cds--unstable-pagination__left > .cds--form-item,\n .cds--unstable-pagination__right > .cds--form-item {\n height: 100%;\n }\n .cds--unstable-pagination__left .cds--unstable-pagination__text {\n margin-right: 0.0625rem;\n }\n .cds--unstable-pagination__right .cds--unstable-pagination__text {\n margin-right: 1rem;\n margin-left: 0.0625rem;\n }\n .cds--unstable-pagination__button {\n box-sizing: border-box;\n padding: 0;\n font-size: 100%;\n display: flex;\n width: 2.5rem;\n height: 2.5rem;\n min-height: 2rem;\n align-items: center;\n justify-content: center;\n border: none;\n border-left: 1px solid var(--cds-border-subtle);\n background: 0 0;\n color: var(--cds-icon-primary, #161616);\n cursor: pointer;\n }\n .cds--pagination-nav,\n .cds--pagination-nav__page {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n }\n .cds--unstable-pagination__button *,\n .cds--unstable-pagination__button ::after,\n .cds--unstable-pagination__button ::before {\n box-sizing: inherit;\n }\n .cds--unstable-pagination__button .cds--btn__icon {\n width: initial;\n height: initial;\n }\n .cds--unstable-pagination__button.cds--btn--icon-only.cds--tooltip__trigger:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--unstable-pagination__button:hover {\n background: var(--cds-layer-hover);\n color: var(--cds-icon-primary, #161616);\n }\n .cds--unstable-pagination__button--no-index {\n cursor: not-allowed;\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--progress__warning > *,\n .cds--radio-button__invalid-icon {\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--unstable-pagination__button.cds--btn:disabled {\n border-color: var(--cds-border-subtle);\n background: 0 0;\n }\n .cds--unstable-pagination__button--no-index:hover,\n .cds--unstable-pagination__button:disabled:hover {\n background: 0 0;\n cursor: not-allowed;\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--unstable-pagination__page-selector,\n .cds--unstable-pagination__page-sizer {\n height: 100%;\n align-items: center;\n }\n .cds--unstable-pagination__page-selector .cds--select-input--inline__wrapper,\n .cds--unstable-pagination__page-sizer .cds--select-input--inline__wrapper {\n display: flex;\n height: 100%;\n }\n .cds--unstable-pagination__page-selector .cds--select-input,\n .cds--unstable-pagination__page-sizer .cds--select-input {\n font-size: var(--cds-body-short-01-font-size, 0.875rem);\n font-weight: var(--cds-body-short-01-font-weight, 400);\n line-height: var(--cds-body-short-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);\n width: auto;\n min-width: auto;\n height: 100%;\n padding: 0 2.25rem 0 1rem;\n line-height: 2.5rem;\n }\n .cds--unstable-pagination__page-selector .cds--select-input:hover,\n .cds--unstable-pagination__page-sizer .cds--select-input:hover {\n background: var(--cds-layer-hover);\n }\n .cds--unstable-pagination__page-selector .cds--select__arrow,\n .cds--unstable-pagination__page-sizer .cds--select__arrow {\n top: 50%;\n transform: translateY(-50%);\n }\n .cds--unstable-pagination__page-selector {\n border-left: 1px solid var(--cds-border-subtle);\n }\n .cds--unstable-pagination__page-sizer {\n border-right: 1px solid var(--cds-border-subtle);\n }\n .cds--pagination-nav {\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n line-height: 0;\n }\n .cds--pagination-nav html {\n font-size: 100%;\n }\n .cds--pagination-nav body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--pagination-nav code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--pagination-nav strong {\n font-weight: 600;\n }\n .cds--pagination-nav__list {\n display: flex;\n align-items: center;\n list-style: none;\n }\n .cds--pagination-nav__list-item {\n padding: 0;\n }\n .cds--pagination-nav__list-item:first-child {\n padding-left: 0;\n }\n .cds--pagination-nav__list-item:last-child {\n padding-right: 0;\n }\n .cds--pagination-nav__page {\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n box-sizing: border-box;\n padding: 1.0625rem 0.25rem;\n font-size: 100%;\n appearance: none;\n background: 0 0;\n cursor: pointer;\n position: relative;\n display: block;\n min-width: 3rem;\n border-radius: 0;\n color: var(--cds-text-primary, #161616);\n font-weight: 400;\n line-height: 1;\n outline: 0;\n text-align: center;\n transition:\n background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n user-select: none;\n }\n .cds--popover-caret,\n .cds--popover-content {\n z-index: 6000;\n background-color: var(--cds-popover-background-color, var(--cds-layer));\n }\n .cds--pagination-nav__page *,\n .cds--pagination-nav__page ::after,\n .cds--pagination-nav__page ::before {\n box-sizing: inherit;\n }\n .cds--pagination-nav__page::-moz-focus-inner {\n border: 0;\n }\n .cds--pagination-nav__page:hover {\n background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n color: var(--cds-text-primary, #161616);\n }\n .cds--pagination-nav__page:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--pagination-nav__page:focus,\n .cds--unstable-pagination__button.cds--btn--icon-only.cds--tooltip__trigger:focus {\n outline-style: dotted;\n }\n }\n .cds--pagination-nav__page.cds--pagination-nav__page--disabled,\n .cds--pagination-nav__page:disabled {\n background: 0 0;\n color: rgba(var(--cds-text-secondary, #525252), 0.5);\n outline: 0;\n pointer-events: none;\n }\n .cds--pagination-nav__page:not(.cds--pagination-nav__page--direction)::after {\n position: absolute;\n bottom: 0;\n left: 50%;\n display: block;\n width: 0;\n height: 0.25rem;\n background-color: var(--cds-border-interactive, #0f62fe);\n content: '';\n opacity: 0;\n transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n @media screen and (prefers-reduced-motion: reduce) {\n .cds--pagination-nav__page:not(\n .cds--pagination-nav__page--direction\n )::after {\n transition: none;\n }\n }\n .cds--pagination-nav__page--active + .cds--pagination-nav__page::after,\n .cds--pagination-nav__page.cds--pagination-nav__page--active::after {\n left: calc(50% - 0.5rem);\n width: 1rem;\n opacity: 1;\n }\n .cds--pagination-nav__page.cds--pagination-nav__page--active {\n background-color: initial;\n color: var(--cds-text-primary, #161616);\n font-weight: 600;\n }\n .cds--pagination-nav__page .cds--pagination-nav__icon {\n fill: currentColor;\n pointer-events: none;\n }\n .cds--pagination-nav__page--direction {\n display: flex;\n width: 3rem;\n height: 3rem;\n align-items: center;\n justify-content: center;\n line-height: 0;\n }\n .cds--pagination-nav__select {\n position: relative;\n }\n .cds--pagination-nav__page--select {\n max-height: 3rem;\n appearance: none;\n text-indent: calc(50% - 4.5px);\n }\n @-moz-document url-prefix() {\n .cds--pagination-nav__page--select {\n text-indent: 0;\n }\n }\n .cds--pagination-nav__select-icon-wrapper {\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n }\n .cds--pagination-nav__select-icon-wrapper:not(\n .cds--pagination-nav__page--direction\n )::after {\n position: absolute;\n bottom: 0;\n left: 50%;\n display: block;\n width: 0;\n height: 0.25rem;\n background-color: var(--cds-border-interactive, #0f62fe);\n content: '';\n opacity: 0;\n transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n @media screen and (prefers-reduced-motion: reduce) {\n .cds--pagination-nav__select-icon-wrapper:not(\n .cds--pagination-nav__page--direction\n )::after {\n transition: none;\n }\n }\n .cds--pagination-nav__page--active\n + .cds--pagination-nav__select-icon-wrapper::after,\n .cds--pagination-nav__select-icon-wrapper.cds--pagination-nav__page--active::after {\n left: calc(50% - 0.5rem);\n width: 1rem;\n opacity: 1;\n }\n .cds--pagination-nav__page--active\n + .cds--pagination-nav__select-icon-wrapper\n .cds--pagination-nav__select-icon {\n display: none;\n }\n .cds--popover--open .cds--popover-content,\n .cds--popover--open .cds--popover-content::before,\n .cds--popover--open.cds--popover--caret .cds--popover-caret {\n display: block;\n }\n .cds--pagination-nav__select-icon {\n position: absolute;\n top: calc(50% - 0.5rem);\n left: calc(50% - 0.5rem);\n pointer-events: none;\n }\n .cds--pagination-nav__accessibility-label {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n }\n .cds--popover-container {\n position: relative;\n display: inline-block;\n }\n .cds--popover--high-contrast .cds--popover {\n --cds-popover-background-color: var(--cds-background-inverse, #393939);\n --cds-popover-text-color: var(--cds-text-inverse, #ffffff);\n }\n .cds--popover--drop-shadow .cds--popover {\n --cds-popover-drop-shadow: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));\n }\n .cds--popover--caret {\n --cds-popover-offset: 0.625rem;\n }\n .cds--popover {\n position: absolute;\n z-index: 6000;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n filter: var(--cds-popover-drop-shadow, none);\n pointer-events: none;\n }\n .cds--popover-content {\n position: absolute;\n display: none;\n width: max-content;\n max-width: 23rem;\n border-radius: var(--cds-popover-border-radius, 2px);\n color: var(--cds-popover-text-color, var(--cds-text-primary, #161616));\n pointer-events: auto;\n }\n .cds--popover-content::before {\n position: absolute;\n display: none;\n content: '';\n }\n .cds--popover-caret {\n position: absolute;\n display: none;\n will-change: transform;\n }\n .cds--popover--bottom .cds--popover-content {\n bottom: 0;\n left: 50%;\n transform: translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));\n }\n .cds--popover--bottom-left .cds--popover-content {\n bottom: 0;\n left: 0;\n transform: translate(\n calc(-1 * var(--cds-popover-offset, 0rem)),\n calc(100% + var(--cds-popover-offset, 0rem))\n );\n }\n .cds--popover--bottom-right .cds--popover-content {\n right: 0;\n bottom: 0;\n transform: translate(\n var(--cds-popover-offset, 0),\n calc(100% + var(--cds-popover-offset, 0rem))\n );\n }\n .cds--popover--bottom .cds--popover-content::before,\n .cds--popover--bottom-left .cds--popover-content::before,\n .cds--popover--bottom-right .cds--popover-content::before {\n top: 0;\n right: 0;\n left: 0;\n height: var(--cds-popover-offset, 0);\n transform: translateY(-100%);\n }\n .cds--popover--bottom .cds--popover-caret,\n .cds--popover--bottom-left .cds--popover-caret,\n .cds--popover--bottom-right .cds--popover-caret {\n bottom: 0;\n left: 50%;\n width: var(--cds-popover-caret-width, 0.75rem);\n height: var(--cds-popover-caret-height, 0.375rem);\n clip-path: polygon(0% 100%, 50% 0%, 100% 100%);\n transform: translate(-50%, var(--cds-popover-offset, 0));\n }\n .cds--popover--top .cds--popover-content {\n top: 0;\n left: 50%;\n transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n }\n .cds--popover--top-left .cds--popover-content {\n top: 0;\n left: 0;\n transform: translate(\n calc(-1 * var(--cds-popover-offset, 0rem)),\n calc(-100% - var(--cds-popover-offset, 0rem))\n );\n }\n .cds--popover--top-right .cds--popover-content {\n top: 0;\n right: 0;\n transform: translate(\n var(--cds-popover-offset, 0),\n calc(-100% - var(--cds-popover-offset, 0rem))\n );\n }\n .cds--popover--top .cds--popover-content::before,\n .cds--popover--top-left .cds--popover-content::before,\n .cds--popover--top-right .cds--popover-content::before {\n right: 0;\n bottom: 0;\n left: 0;\n height: var(--cds-popover-offset, 0);\n transform: translateY(100%);\n }\n .cds--popover--top .cds--popover-caret,\n .cds--popover--top-left .cds--popover-caret,\n .cds--popover--top-right .cds--popover-caret {\n top: 0;\n left: 50%;\n width: var(--cds-popover-caret-width, 0.75rem);\n height: var(--cds-popover-caret-height, 0.375rem);\n clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\n transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n }\n .cds--popover--right .cds--popover-content {\n top: 50%;\n left: 100%;\n transform: translate(var(--cds-popover-offset, 0), -50%);\n }\n .cds--popover--right-top .cds--popover-content {\n top: 50%;\n left: 100%;\n transform: translate(\n var(--cds-popover-offset, 0),\n calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px)\n );\n }\n .cds--popover--right-bottom .cds--popover-content {\n bottom: 50%;\n left: 100%;\n transform: translate(\n var(--cds-popover-offset, 0),\n calc(0.5 * var(--cds-popover-offset, 0rem) + 16px)\n );\n }\n .cds--popover--right .cds--popover-content::before,\n .cds--popover--right-bottom .cds--popover-content::before,\n .cds--popover--right-top .cds--popover-content::before {\n top: 0;\n bottom: 0;\n left: 0;\n width: var(--cds-popover-offset, 0);\n transform: translateX(-100%);\n }\n .cds--popover--right .cds--popover-caret,\n .cds--popover--right-bottom .cds--popover-caret,\n .cds--popover--right-top .cds--popover-caret {\n top: 50%;\n left: 100%;\n width: var(--cds-popover-caret-height, 0.375rem);\n height: var(--cds-popover-caret-width, 0.75rem);\n clip-path: polygon(0% 50%, 100% 0%, 100% 100%);\n transform: translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%);\n }\n .cds--popover--left .cds--popover-content {\n top: 50%;\n right: 100%;\n transform: translate(\n calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px),\n -50%\n );\n }\n .cds--popover--left-top .cds--popover-content {\n top: -50%;\n right: 100%;\n transform: translate(\n calc(-1 * var(--cds-popover-offset, 0rem)),\n calc(-0.5 * var(--cds-popover-offset, 0rem) + 16px)\n );\n }\n .cds--popover--left-bottom .cds--popover-content {\n right: 100%;\n bottom: -50%;\n transform: translate(\n calc(-1 * var(--cds-popover-offset, 0rem)),\n calc(0.5 * var(--cds-popover-offset, 0rem) - 16px)\n );\n }\n .cds--popover--left .cds--popover-content::before,\n .cds--popover--left-bottom .cds--popover-content::before,\n .cds--popover--left-top .cds--popover-content::before {\n top: 0;\n right: 0;\n bottom: 0;\n width: var(--cds-popover-offset, 0);\n transform: translateX(100%);\n }\n .cds--popover--left .cds--popover-caret,\n .cds--popover--left-bottom .cds--popover-caret,\n .cds--popover--left-top .cds--popover-caret {\n top: 50%;\n right: 100%;\n width: var(--cds-popover-caret-height, 0.375rem);\n height: var(--cds-popover-caret-width, 0.75rem);\n clip-path: polygon(0% 0%, 100% 50%, 0% 100%);\n transform: translate(\n calc(-1 * var(--cds-popover-offset, 0rem) + 100%),\n -50%\n );\n }\n .cds--popover--tab-tip .cds--popover-content {\n border-radius: 0;\n }\n .cds--popover--tab-tip__button {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n display: inline-block;\n appearance: none;\n background: 0 0;\n cursor: pointer;\n text-align: start;\n position: relative;\n display: inline-flex;\n width: 2rem;\n height: 2rem;\n align-items: center;\n justify-content: center;\n }\n .cds--icon-tooltip .cds--tooltip-content,\n .cds--progress-bar__label {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n }\n .cds--popover--tab-tip__button *,\n .cds--popover--tab-tip__button ::after,\n .cds--popover--tab-tip__button ::before {\n box-sizing: inherit;\n }\n .cds--popover--tab-tip__button::-moz-focus-inner {\n border: 0;\n }\n .cds--popover--tab-tip__button:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--popover--tab-tip__button:focus {\n outline-style: dotted;\n }\n }\n .cds--popover--tab-tip__button:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button {\n background: var(--cds-layer);\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);\n }\n .cds--popover--tab-tip.cds--popover--open\n .cds--popover--tab-tip__button:not(:focus)::after {\n position: absolute;\n z-index: 6001;\n bottom: 0;\n width: 100%;\n height: 2px;\n background: var(--cds-layer);\n content: '';\n }\n .cds--progress-bar__label {\n display: flex;\n min-width: 3rem;\n justify-content: space-between;\n margin-bottom: 0.5rem;\n color: var(--cds-text-primary, #161616);\n }\n .cds--progress-bar__label-text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .cds--progress-bar__track {\n position: relative;\n width: 100%;\n min-width: 3rem;\n height: 0.5rem;\n background-color: var(--cds-layer);\n }\n .cds--progress-bar--big .cds--progress-bar__track {\n height: 0.5rem;\n }\n .cds--progress-bar--small .cds--progress-bar__track {\n height: 0.25rem;\n }\n .cds--progress-bar__bar {\n display: block;\n width: 100%;\n height: 100%;\n background-color: currentColor;\n color: var(--cds-interactive, #0f62fe);\n transform: scaleX(0);\n transform-origin: 0 center;\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--progress-bar--indeterminate .cds--progress-bar__track::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n animation-duration: 1.4s;\n animation-iteration-count: infinite;\n animation-name: progress-bar-indeterminate;\n animation-timing-function: linear;\n background-image: linear-gradient(\n 90deg,\n var(--cds-interactive, #0f62fe) 12.5%,\n transparent 12.5%\n );\n background-position-x: 0%;\n background-size: 200% 100%;\n content: '';\n }\n .cds--progress-bar__helper-text {\n font-size: var(--cds-helper-text-01-font-size, 0.75rem);\n line-height: var(--cds-helper-text-01-line-height, 1.33333);\n letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);\n margin-top: 0.5rem;\n color: var(--cds-text-secondary, #525252);\n }\n .cds--definition-tooltip,\n .cds--tooltip-content {\n font-weight: var(--cds-body-01-font-weight, 400);\n line-height: var(--cds-body-01-line-height, 1.42857);\n letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n }\n .cds--progress-bar__status-icon {\n flex-shrink: 0;\n margin-left: 1rem;\n }\n .cds--definition-term,\n .cds--progress {\n margin: 0;\n font-family: inherit;\n vertical-align: baseline;\n }\n .cds--progress-bar--finished .cds--progress-bar__bar,\n .cds--progress-bar--finished .cds--progress-bar__status-icon {\n color: var(--cds-support-success, #24a148);\n }\n .cds--progress-bar--error .cds--progress-bar__bar,\n .cds--progress-bar--error .cds--progress-bar__helper-text,\n .cds--progress-bar--error .cds--progress-bar__status-icon {\n color: var(--cds-support-error, #da1e28);\n }\n .cds--progress-bar--error .cds--progress-bar__bar,\n .cds--progress-bar--finished .cds--progress-bar__bar {\n transform: scaleX(1);\n }\n .cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__track,\n .cds--progress-bar--finished.cds--progress-bar--inline\n .cds--progress-bar__track {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n }\n .cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__label,\n .cds--progress-bar--finished.cds--progress-bar--inline\n .cds--progress-bar__label {\n flex-shrink: 1;\n justify-content: flex-start;\n margin-right: 0;\n }\n @keyframes progress-bar-indeterminate {\n 0% {\n background-position-x: 25%;\n }\n 100%,\n 80% {\n background-position-x: -105%;\n }\n }\n .cds--progress-bar--inline {\n display: flex;\n align-items: center;\n }\n .cds--progress-bar--inline .cds--progress-bar__label {\n flex-shrink: 0;\n margin-bottom: 0;\n margin-inline-end: 1rem;\n }\n .cds--progress-bar--inline .cds--progress-bar__track {\n flex-basis: 0;\n flex-grow: 1;\n }\n .cds--progress-bar--inline .cds--progress-bar__helper-text {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n }\n .cds--progress-bar--indented .cds--progress-bar__helper-text,\n .cds--progress-bar--indented .cds--progress-bar__label {\n padding-inline: 1rem;\n }\n .cds--tooltip {\n --cds-popover-offset: 12px;\n }\n .cds--tooltip-content {\n font-size: var(--cds-body-01-font-size, 0.875rem);\n max-width: 18rem;\n padding: var(--cds-tooltip-padding-block, 1rem)\n var(--cds-tooltip-padding-inline, 1rem);\n color: var(--cds-text-inverse, #fff);\n }\n .cds--icon-tooltip {\n --cds-tooltip-padding-block: 0.125rem;\n --cds-popover-caret-width: 0.5rem;\n --cds-popover-caret-height: 0.25rem;\n --cds-popover-offset: 0.5rem;\n }\n .cds--definition-term {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n font-size: 100%;\n display: inline-block;\n appearance: none;\n background: 0 0;\n cursor: pointer;\n text-align: start;\n width: 100%;\n border-bottom: 1px dotted var(--cds-border-strong);\n border-radius: 0;\n color: var(--cds-text-primary, #161616);\n }\n .cds--definition-term *,\n .cds--definition-term ::after,\n .cds--definition-term ::before {\n box-sizing: inherit;\n }\n .cds--definition-term::-moz-focus-inner {\n border: 0;\n }\n .cds--definition-term:focus,\n .cds--definition-term:hover {\n border-bottom-color: var(--cds-border-interactive, #0f62fe);\n }\n .cds--definition-term:focus {\n outline: 1px solid var(--cds-focus, #0f62fe);\n }\n @media screen and (prefers-contrast) {\n .cds--definition-term:focus {\n outline-style: dotted;\n }\n }\n .cds--definition-tooltip {\n font-size: var(--cds-body-01-font-size, 0.875rem);\n max-width: 11rem;\n padding: 0.5rem 1rem;\n }\n .cds--progress {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n font-size: 100%;\n display: flex;\n list-style: none;\n }\n .cds--progress *,\n .cds--progress ::after,\n .cds--progress ::before {\n box-sizing: inherit;\n }\n .cds--progress-step {\n position: relative;\n display: inline-flex;\n overflow: visible;\n width: 8rem;\n min-width: 7rem;\n flex-direction: row;\n }\n .cds--progress-step .cds--tooltip__label {\n display: block;\n }\n .cds--progress--space-equal .cds--progress-step {\n min-width: 8rem;\n flex-grow: 1;\n }\n .cds--progress-line {\n position: absolute;\n left: 0;\n width: 8rem;\n height: 2px;\n border: 1px inset transparent;\n }\n .cds--progress--space-equal .cds--progress-line {\n width: 100%;\n min-width: 8rem;\n }\n .cds--progress-step svg {\n position: relative;\n z-index: 1;\n width: 1rem;\n height: 1rem;\n flex-shrink: 0;\n margin: 0.625rem 0.5rem 0 0;\n border-radius: 50%;\n fill: var(--cds-interactive, #0f62fe);\n }\n .cds--progress--space-equal .cds--progress-text {\n overflow: hidden;\n }\n .cds--progress-label {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n overflow: hidden;\n max-width: 5.5rem;\n margin: 0.5rem 0 0;\n color: var(--cds-text-primary, #161616);\n line-height: 1.45;\n text-overflow: ellipsis;\n transition:\n box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n white-space: nowrap;\n }\n .cds--progress-label::before {\n display: block;\n content: '';\n }\n .cds--progress-label:hover {\n box-shadow: 0 0.0625rem var(--cds-link-primary-hover, #0043ce);\n color: var(--cds-link-primary-hover, #0043ce);\n cursor: pointer;\n }\n .cds--progress-step .cds--tooltip,\n .cds--progress-step .cds--tooltip_multi {\n font-size: var(--cds-body-01-font-size, 0.875rem);\n font-weight: var(--cds-body-01-font-weight, 400);\n line-height: var(--cds-body-01-line-height, 1.42857);\n letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n color: var(--cds-text-inverse, #fff);\n }\n .cds--progress--space-equal .cds--progress-label {\n max-width: 100%;\n margin-right: 0.75rem;\n }\n .cds--progress-step-button:not(\n .cds--progress-step-button--unclickable\n ):focus {\n outline: 0;\n }\n .cds--progress-step-button:not(\n .cds--progress-step-button--unclickable\n ):focus-visible\n .cds--progress-label {\n color: var(--cds-focus, #0f62fe);\n outline: 0.0625rem solid var(--cds-focus, #0f62fe);\n }\n .cds--progress-step-button:not(.cds--progress-step-button--unclickable)\n .cds--progress-label:active {\n box-shadow: 0 0.0625rem 0 0 var(--cds-text-primary, #161616);\n color: var(--cds-text-primary, #161616);\n }\n .cds--progress-label-overflow:focus ~ .cds--tooltip,\n .cds--progress-label-overflow:hover ~ .cds--tooltip {\n visibility: inherit;\n }\n .cds--progress-step .cds--tooltip .cds--tooltip__caret {\n margin-left: 0.625rem;\n }\n .cds--tooltip__text {\n padding: 0;\n margin: 0;\n font-weight: 400;\n }\n .cds--progress-optional,\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-item-secondary-label {\n font-size: var(--cds-label-01-font-size, 0.75rem);\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n }\n .cds--progress-step .cds--tooltip {\n display: block;\n width: 7.8125rem;\n min-width: 7.1875rem;\n min-height: 1.5rem;\n padding: 0.5rem 1rem;\n margin-top: 2.5rem;\n margin-left: 1.375rem;\n visibility: hidden;\n }\n .cds--progress-step .cds--tooltip_multi {\n width: 9.375rem;\n height: auto;\n }\n .cds--progress-optional {\n position: absolute;\n left: 0;\n margin-top: 1.75rem;\n margin-left: 1.5rem;\n color: var(--cds-text-secondary, #525252);\n text-align: start;\n }\n .cds--progress-step-button,\n .cds--radio-button-group {\n font-size: 100%;\n padding: 0;\n border: 0;\n font-family: inherit;\n }\n .cds--progress-step--current .cds--progress-line {\n background-color: var(--cds-interactive, #0f62fe);\n }\n .cds--progress-step--incomplete svg {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--progress-step--incomplete .cds--progress-line {\n background-color: var(--cds-border-subtle);\n }\n .cds--progress-step--complete .cds--progress-line {\n background-color: var(--cds-interactive, #0f62fe);\n }\n .cds--progress-step-button {\n box-sizing: border-box;\n margin: 0;\n vertical-align: baseline;\n display: inline-block;\n appearance: none;\n background: 0 0;\n cursor: pointer;\n width: 100%;\n display: flex;\n text-align: left;\n }\n .cds--progress-step-button *,\n .cds--progress-step-button ::after,\n .cds--progress-step-button ::before {\n box-sizing: inherit;\n }\n .cds--progress-step-button::-moz-focus-inner {\n border: 0;\n }\n .cds--progress-step-button--unclickable {\n cursor: default;\n outline: 0;\n }\n .cds--progress-step-button--unclickable .cds--progress-label:hover {\n box-shadow: none;\n color: var(--cds-text-primary, #161616);\n cursor: default;\n }\n .cds--progress-step-button--unclickable .cds--tooltip__label:hover {\n box-shadow: 0 0.0625rem var(--cds-link-primary, #0f62fe);\n color: var(--cds-link-primary, #0f62fe);\n cursor: pointer;\n }\n .cds--progress-step--disabled {\n cursor: not-allowed;\n pointer-events: none;\n }\n .cds--progress-step--disabled svg {\n cursor: not-allowed;\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--progress-step--disabled .cds--progress-label,\n .cds--progress-step--disabled .cds--progress-label:hover {\n box-shadow: none;\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--progress-step--disabled .cds--progress-line {\n cursor: not-allowed;\n }\n .cds--progress-step--disabled\n .cds--progress-label-overflow:hover\n ~ .cds--tooltip--definition\n .cds--tooltip--definition__bottom {\n display: none;\n }\n .cds--progress.cds--skeleton .cds--progress-label {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n width: 2.5rem;\n height: 0.875rem;\n margin-top: 0.625rem;\n }\n .cds--progress.cds--skeleton .cds--progress-label:active,\n .cds--progress.cds--skeleton .cds--progress-label:focus,\n .cds--progress.cds--skeleton .cds--progress-label:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--progress.cds--skeleton .cds--progress-label::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n .cds--progress.cds--progress--vertical.cds--skeleton .cds--progress-label {\n margin-top: 0.0625rem;\n }\n .cds--progress--vertical,\n .cds--progress-text {\n display: flex;\n flex-direction: column;\n }\n .cds--progress--vertical .cds--progress-step,\n .cds--progress--vertical .cds--progress-step-button {\n width: initial;\n min-width: initial;\n min-height: 3.625rem;\n align-content: flex-start;\n }\n .cds--progress--vertical .cds--progress-step svg,\n .cds--progress--vertical .cds--progress-step-button svg {\n display: inline-block;\n margin: 0.0625rem 0.5rem 0;\n }\n .cds--progress--vertical .cds--progress-label {\n display: inline-block;\n width: initial;\n max-width: 10rem;\n margin: 0;\n vertical-align: top;\n white-space: initial;\n }\n .cds--progress--vertical .cds--progress-step .cds--tooltip {\n margin-top: 0.5rem;\n }\n .cds--progress--vertical .cds--progress-optional {\n position: static;\n width: 100%;\n margin: auto 0;\n }\n .cds--progress--vertical .cds--progress-line {\n position: absolute;\n top: 0;\n left: 0;\n width: 1px;\n height: 100%;\n }\n .cds--radio-button-group {\n box-sizing: border-box;\n margin: 0;\n vertical-align: baseline;\n position: relative;\n display: flex;\n align-items: center;\n }\n .cds--radio-button-group *,\n .cds--radio-button-group ::after,\n .cds--radio-button-group ::before {\n box-sizing: inherit;\n }\n .cds--label + .cds--form-item .cds--radio-button-group {\n margin-top: 0;\n }\n .cds--radio-button-group--vertical {\n flex-direction: column;\n align-items: flex-start;\n }\n .cds--radio-button-group--vertical.cds--radio-button-group--label-left {\n align-items: flex-end;\n }\n .cds--radio-button-group--vertical .cds--radio-button__label {\n margin-right: 0;\n line-height: 1.25;\n }\n .cds--radio-button-group--vertical\n .cds--radio-button__label:not(:last-of-type) {\n margin-bottom: 0.5rem;\n }\n .cds--radio-button {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n visibility: inherit;\n }\n .cds--radio-button__label {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n display: flex;\n align-items: center;\n margin-right: 1rem;\n cursor: pointer;\n }\n .cds--radio-button__appearance,\n .cds--structured-list html,\n .cds--structured-list-td html,\n .cds--structured-list-th html,\n .cds--tabs .cds--tabs__nav-item html,\n .cds--tabs .cds--tabs__nav-link,\n .cds--tabs html,\n .cds--text-area html,\n .cds--tile-group html {\n font-size: 100%;\n }\n .cds--radio-button__appearance {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0.0625rem 0.5rem 0.125rem 0.125rem;\n font-family: inherit;\n vertical-align: baseline;\n width: 1.125rem;\n height: 1.125rem;\n flex-shrink: 0;\n border: 1px solid var(--cds-icon-primary, #161616);\n background-color: transparent;\n border-radius: 50%;\n }\n .cds--icon--skeleton,\n .cds--radio-button__label.cds--skeleton,\n .cds--skeleton__placeholder,\n .cds--skeleton__text {\n background: var(--cds-skeleton-background, #e8e8e8);\n position: relative;\n pointer-events: none;\n box-shadow: none;\n padding: 0;\n }\n .cds--radio-button__appearance *,\n .cds--radio-button__appearance ::after,\n .cds--radio-button__appearance ::before {\n box-sizing: inherit;\n }\n .cds--radio-button:checked\n + .cds--radio-button__label\n .cds--radio-button__appearance {\n display: flex;\n align-items: center;\n justify-content: center;\n border-color: var(--cds-icon-primary, #161616);\n }\n .cds--radio-button:checked\n + .cds--radio-button__label\n .cds--radio-button__appearance::before {\n position: relative;\n display: inline-block;\n width: 100%;\n height: 100%;\n background-color: var(--cds-icon-primary, #161616);\n border-radius: 50%;\n content: '';\n transform: scale(0.5);\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--radio-button:checked\n + .cds--radio-button__label\n .cds--radio-button__appearance::before {\n fill: ButtonText;\n background-color: ButtonText;\n }\n }\n .cds--radio-button:disabled + .cds--radio-button__label {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--radio-button-group--readonly\n .cds--radio-button\n + .cds--radio-button__label\n .cds--radio-button__appearance,\n .cds--radio-button:disabled\n + .cds--radio-button__label\n .cds--radio-button__appearance,\n .cds--radio-button:disabled:checked\n + .cds--radio-button__label\n .cds--radio-button__appearance {\n border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--radio-button:disabled\n + .cds--radio-button__label\n .cds--radio-button__appearance::before,\n .cds--radio-button:disabled:checked\n + .cds--radio-button__label\n .cds--radio-button__appearance::before {\n background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--radio-button-group--readonly .cds--radio-button__label {\n cursor: default;\n }\n .cds--radio-button-group--readonly .cds--radio-button__label-text {\n cursor: text;\n user-select: text;\n }\n .cds--radio-button-group--invalid\n .cds--radio-button\n + .cds--radio-button__label\n .cds--radio-button__appearance {\n border-color: var(--cds-support-error, #da1e28);\n }\n .cds--radio-button__validation-msg {\n display: none;\n align-items: flex-end;\n margin-top: 0.375rem;\n }\n .cds--radio-button__invalid-icon {\n margin: 0 0.0625rem 0 0.1875rem;\n }\n .cds--radio-button__invalid-icon--warning {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--radio-button__invalid-icon--warning path:first-of-type {\n fill: #000;\n }\n .cds--structured-list-input:checked\n + .cds--structured-list-row\n .cds--structured-list-svg,\n .cds--structured-list-input:checked\n + .cds--structured-list-td\n .cds--structured-list-svg,\n .cds--tabs .cds--tab--overflow-nav-button svg {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--radio-button-group--invalid + .cds--radio-button__validation-msg,\n .cds--radio-button-group--warning + .cds--radio-button__validation-msg {\n display: flex;\n }\n .cds--radio-button-group--invalid\n + .cds--radio-button__validation-msg\n .cds--form-requirement,\n .cds--radio-button-group--warning\n + .cds--radio-button__validation-msg\n .cds--form-requirement {\n display: block;\n overflow: visible;\n max-height: 100%;\n margin-top: 0;\n margin-left: 0.5rem;\n }\n .cds--radio-button-group--invalid\n + .cds--radio-button__validation-msg\n .cds--form-requirement {\n color: var(--cds-text-error, #da1e28);\n }\n .cds--radio-button-group ~ .cds--form__helper-text {\n margin-top: 0.375rem;\n }\n .cds--radio-button:focus\n + .cds--radio-button__label\n .cds--radio-button__appearance {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: 1.5px;\n }\n .cds--radio-button__label.cds--skeleton {\n border: none;\n width: 6.25rem;\n height: 1.125rem;\n }\n .cds--icon--skeleton::before,\n .cds--radio-button__label.cds--skeleton::before {\n width: 100%;\n animation: 3s ease-in-out infinite skeleton;\n }\n .cds--icon--skeleton::before,\n .cds--radio-button__label.cds--skeleton::before,\n .cds--skeleton__placeholder::before,\n .cds--skeleton__text::before {\n height: 100%;\n background: var(--cds-skeleton-element, #c6c6c6);\n will-change: transform-origin, transform, opacity;\n position: absolute;\n content: '';\n }\n .cds--radio-button__label.cds--skeleton:active,\n .cds--radio-button__label.cds--skeleton:focus,\n .cds--radio-button__label.cds--skeleton:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--radio-button__label.cds--skeleton .cds--radio-button__appearance {\n display: none;\n }\n .cds--radio-button-wrapper .cds--radio-button__label {\n display: flex;\n align-items: flex-start;\n justify-content: center;\n margin: 0;\n }\n .cds--radio-button-wrapper:not(:last-of-type) {\n margin-right: 1rem;\n }\n .cds--radio-button-group--vertical\n .cds--radio-button-wrapper:not(:last-of-type) {\n margin-right: 0;\n margin-bottom: 0.5rem;\n }\n .cds--radio-button-group--label-right .cds--radio-button__label,\n .cds--radio-button-wrapper.cds--radio-button-wrapper--label-right\n .cds--radio-button__label {\n flex-direction: row;\n }\n .cds--radio-button-group--label-left .cds--radio-button__label,\n .cds--radio-button-wrapper.cds--radio-button-wrapper--label-left\n .cds--radio-button__label {\n flex-direction: row-reverse;\n }\n .cds--radio-button-group--label-left .cds--radio-button__appearance,\n .cds--radio-button-wrapper.cds--radio-button-wrapper--label-left\n .cds--radio-button__appearance {\n margin-right: 0;\n margin-left: 0.5rem;\n }\n .cds--icon--skeleton {\n border: none;\n display: inline-block;\n width: 1rem;\n height: 1rem;\n }\n .cds--icon--skeleton:active,\n .cds--icon--skeleton:focus,\n .cds--icon--skeleton:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--icon--skeleton::before,\n .cds--progress.cds--skeleton .cds--progress-label::before,\n .cds--radio-button__label.cds--skeleton::before {\n animation: none;\n }\n }\n .cds--skeleton__placeholder {\n border: none;\n width: 6.25rem;\n height: 6.25rem;\n }\n .cds--skeleton__placeholder:active,\n .cds--skeleton__placeholder:focus,\n .cds--skeleton__placeholder:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--skeleton__placeholder::before {\n width: 100%;\n animation: 3s ease-in-out infinite skeleton;\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--skeleton__placeholder::before {\n animation: none;\n }\n }\n .cds--skeleton__text {\n border: none;\n width: 100%;\n height: 1rem;\n margin-bottom: 0.5rem;\n }\n .cds--skeleton__text:active,\n .cds--skeleton__text:focus,\n .cds--skeleton__text:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--skeleton__text::before {\n width: 100%;\n animation: 3s ease-in-out infinite skeleton;\n }\n .cds--skeleton__heading {\n height: 1.5rem;\n }\n .cds--slider__filled-track,\n .cds--slider__track {\n width: 100%;\n height: 0.125rem;\n transform: translate(0, -50%);\n }\n .cds--slider-container {\n display: flex;\n align-items: center;\n user-select: none;\n }\n .cds--slider {\n position: relative;\n width: 100%;\n min-width: 12.5rem;\n max-width: 40rem;\n padding: 1rem 0;\n margin: 0 1rem;\n cursor: pointer;\n }\n .cds--slider__range-label {\n font-family: var(\n --cds-code-02-font-family,\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace\n );\n font-size: var(--cds-code-02-font-size, 0.875rem);\n font-weight: var(--cds-code-02-font-weight, 400);\n line-height: var(--cds-code-02-line-height, 1.42857);\n letter-spacing: var(--cds-code-02-letter-spacing, 0.32px);\n color: var(--cds-text-primary, #161616);\n white-space: nowrap;\n }\n .cds--slider__range-label:last-of-type {\n margin-right: 1rem;\n }\n .cds--slider__track {\n position: absolute;\n background: var(--cds-border-subtle);\n }\n .cds--slider__filled-track,\n .cds--slider__thumb {\n position: absolute;\n background: var(--cds-layer-selected-inverse, #161616);\n }\n .cds--slider__track:before {\n position: absolute;\n top: -0.3125rem;\n left: 50%;\n display: inline-block;\n width: 0.125rem;\n height: 0.25rem;\n background: var(--cds-border-subtle);\n content: '';\n transform: translate(-50%, 0);\n }\n .cds--slider-text-input--hidden,\n .cds--slider__input,\n .cds--structured-list.cds--structured-list--selection.cds--skeleton\n .cds--structured-list-th:first-child\n span {\n display: none;\n }\n .cds--slider__thumb:focus,\n .cds--slider__thumb:focus ~ .cds--slider__filled-track {\n background-color: var(--cds-interactive, #0f62fe);\n }\n .cds--slider__thumb:active,\n .cds--slider__thumb:focus,\n .cds--slider__thumb:hover {\n transform: translate(-50%, -50%) scale(1.4286);\n }\n .cds--slider__filled-track {\n pointer-events: none;\n transform-origin: left;\n transition: background 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--slider__thumb {\n z-index: 3;\n width: 0.875rem;\n height: 0.875rem;\n border-radius: 50%;\n box-shadow:\n inset 0 0 0 1px transparent,\n inset 0 0 0 2px transparent;\n outline: 0;\n transform: translate(-50%, -50%);\n transition:\n transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n background 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--slider__thumb:focus {\n box-shadow:\n inset 0 0 0 2px var(--cds-interactive, #0f62fe),\n inset 0 0 0 3px var(--cds-layer);\n }\n .cds--slider__thumb:active {\n box-shadow: inset 0 0 0 2px var(--cds-interactive, #0f62fe);\n }\n .cds--slider-text-input,\n .cds-slider-text-input {\n width: 4rem;\n height: 2.5rem;\n -moz-appearance: textfield;\n text-align: center;\n }\n .cds--slider-text-input::-webkit-inner-spin-button,\n .cds--slider-text-input::-webkit-outer-spin-button,\n .cds-slider-text-input::-webkit-inner-spin-button,\n .cds-slider-text-input::-webkit-outer-spin-button {\n display: none;\n }\n .cds--slider-text-input.cds--text-input--invalid {\n padding-right: 1rem;\n }\n .cds--slider--disabled .cds--slider__filled-track,\n .cds--slider--disabled .cds--slider__thumb,\n .cds--slider--disabled .cds--slider__thumb:focus,\n .cds--slider--disabled .cds--slider__thumb:focus ~ .cds--slider__filled-track,\n .cds--slider--disabled .cds--slider__track {\n background-color: var(--cds-border-disabled, #c6c6c6);\n }\n .cds--label--disabled ~ .cds--slider-container > .cds--slider__range-label {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--slider--disabled.cds--slider {\n cursor: not-allowed;\n }\n .cds--slider--disabled .cds--slider__thumb:hover {\n cursor: not-allowed;\n transform: translate(-50%, -50%);\n }\n .cds--slider--disabled .cds--slider__thumb:focus {\n box-shadow: none;\n outline: 0;\n transform: translate(-50%, -50%);\n }\n .cds--slider--disabled .cds--slider__thumb:active {\n background: var(--cds-border-disabled, #c6c6c6);\n transform: translate(-50%, -50%);\n }\n .cds--slider-container.cds--skeleton .cds--slider__range-label::before,\n .cds--structured-list.cds--skeleton span::before,\n .cds--tabs.cds--skeleton .cds--tabs__nav-link span::before {\n background: var(--cds-skeleton-element, #c6c6c6);\n width: 100%;\n animation: 3s ease-in-out infinite skeleton;\n will-change: transform-origin, transform, opacity;\n content: '';\n }\n .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input,\n .cds--slider--disabled ~ .cds--slider-text-input {\n border: none;\n background-color: var(--cds-field);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n transition: none;\n }\n .cds--slider--readonly ~ .cds--slider-text-input,\n .cds--structured-list {\n background-color: transparent;\n }\n .cds--slider-container.cds--skeleton .cds--slider__range-label,\n .cds--structured-list.cds--skeleton span {\n position: relative;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n }\n .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:active,\n .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:focus,\n .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:hover,\n .cds--slider--disabled ~ .cds--slider-text-input:active,\n .cds--slider--disabled ~ .cds--slider-text-input:focus,\n .cds--slider--disabled ~ .cds--slider-text-input:hover {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline: 0;\n }\n .cds--structured-list--selection\n .cds--structured-list-row.cds--structured-list-row--selected\n .cds--structured-list-td,\n .cds--structured-list--selection\n .cds--structured-list-row.cds--structured-list-row--selected\n > .cds--structured-list-td,\n .cds--structured-list--selection\n .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row)\n > .cds--structured-list-td,\n .cds--structured-list-th {\n color: var(--cds-text-primary, #161616);\n }\n .cds--slider--readonly {\n cursor: default;\n }\n .cds--slider--readonly .cds--slider__thumb {\n width: 0;\n height: 0;\n }\n .cds--slider-container.cds--skeleton .cds--slider__range-label {\n padding: 0;\n border: none;\n width: 1.25rem;\n height: 0.75rem;\n }\n .cds--slider-container.cds--skeleton .cds--slider__range-label:active,\n .cds--slider-container.cds--skeleton .cds--slider__range-label:focus,\n .cds--slider-container.cds--skeleton .cds--slider__range-label:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--slider-container.cds--skeleton .cds--slider__range-label::before {\n position: absolute;\n height: 100%;\n }\n .cds--slider-container.cds--skeleton .cds--slider__track {\n cursor: default;\n pointer-events: none;\n }\n .cds--slider-container.cds--skeleton .cds--slider__thumb {\n left: 50%;\n cursor: default;\n pointer-events: none;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--slider__thumb {\n outline: transparent solid 1px;\n }\n .cds--slider__thumb:focus {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--slider__track {\n outline: transparent solid 1px;\n }\n .cds--structured-list-input:checked\n + .cds--structured-list-td\n .cds--structured-list-svg {\n fill: ButtonText;\n }\n }\n .cds--stack-horizontal {\n display: inline-grid;\n column-gap: var(--cds-stack-gap, 0);\n grid-auto-flow: column;\n }\n .cds--stack-vertical {\n display: grid;\n grid-auto-flow: row;\n row-gap: var(--cds-stack-gap, 0);\n }\n .cds--stack-scale-1 {\n --cds-stack-gap: 0.125rem;\n }\n .cds--stack-scale-2 {\n --cds-stack-gap: 0.25rem;\n }\n .cds--stack-scale-3 {\n --cds-stack-gap: 0.5rem;\n }\n .cds--stack-scale-4 {\n --cds-stack-gap: 0.75rem;\n }\n .cds--stack-scale-5 {\n --cds-stack-gap: 1rem;\n }\n .cds--stack-scale-6 {\n --cds-stack-gap: 1.5rem;\n }\n .cds--stack-scale-7 {\n --cds-stack-gap: 2rem;\n }\n .cds--stack-scale-8 {\n --cds-stack-gap: 2.5rem;\n }\n .cds--stack-scale-9 {\n --cds-stack-gap: 3rem;\n }\n .cds--stack-scale-10 {\n --cds-stack-gap: 4rem;\n }\n .cds--stack-scale-11 {\n --cds-stack-gap: 5rem;\n }\n .cds--stack-scale-12 {\n --cds-stack-gap: 6rem;\n }\n .cds--stack-scale-13 {\n --cds-stack-gap: 10rem;\n }\n .cds--structured-list--selection .cds--structured-list-td,\n .cds--structured-list--selection .cds--structured-list-td:first-child,\n .cds--structured-list--selection .cds--structured-list-th,\n .cds--structured-list--selection .cds--structured-list-th:first-child {\n padding-right: 1rem;\n padding-left: 1rem;\n }\n .cds--structured-list-row--focused-within {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--structured-list-row--focused-within {\n outline-style: dotted;\n }\n }\n .cds--text-area,\n .cds--tile {\n outline: transparent solid 2px;\n }\n .cds--structured-list {\n display: table;\n width: 100%;\n overflow-x: auto;\n }\n .cds--structured-list body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--structured-list code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--structured-list strong {\n font-weight: 600;\n }\n .cds--structured-list.cds--structured-list--condensed\n .cds--structured-list-td,\n .cds--structured-list.cds--structured-list--condensed\n .cds--structured-list-th {\n padding: 0.5rem;\n }\n .cds--structured-list\n .cds--structured-list-row\n .cds--structured-list-td:first-of-type,\n .cds--structured-list\n .cds--structured-list-row\n .cds--structured-list-th:first-of-type,\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon {\n padding-left: 1rem;\n }\n .cds--structured-list.cds--structured-list--flush\n .cds--structured-list-row\n .cds--structured-list-td,\n .cds--structured-list.cds--structured-list--flush\n .cds--structured-list-row\n .cds--structured-list-td:first-of-type,\n .cds--structured-list.cds--structured-list--flush\n .cds--structured-list-row\n .cds--structured-list-th,\n .cds--structured-list.cds--structured-list--flush\n .cds--structured-list-row\n .cds--structured-list-th:first-of-type {\n padding-right: 1rem;\n padding-left: 0;\n }\n .cds--structured-list-row {\n display: table-row;\n border-top: 1px solid var(--cds-border-subtle);\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--structured-list-tbody .cds--structured-list-row:last-child {\n border-bottom: 1px solid var(--cds-border-subtle);\n }\n .cds--structured-list-row--header-row {\n border: none;\n }\n .cds--structured-list--selection\n .cds--structured-list-row:hover:not(\n .cds--structured-list-row--header-row\n ):not(.cds--structured-list-row--selected) {\n border-color: var(--cds-layer-hover);\n background-color: var(--cds-layer-hover);\n cursor: pointer;\n }\n .cds--structured-list--selection\n .cds--structured-list-row:hover:not(\n .cds--structured-list-row--header-row\n ):not(.cds--structured-list-row--selected)\n + .cds--structured-list-row {\n border-color: var(--cds-layer-hover);\n }\n .cds--structured-list--selection\n .cds--structured-list-row.cds--structured-list-row--selected {\n border-color: var(--cds-layer-selected);\n background-color: var(--cds-layer-selected);\n }\n .cds--structured-list--selection\n .cds--structured-list-row--selected\n + .cds--structured-list-row {\n border-color: var(--cds-layer-selected);\n }\n .cds--structured-list-row.cds--structured-list-row--header-row {\n cursor: inherit;\n }\n .cds--structured-list-thead {\n display: table-header-group;\n vertical-align: middle;\n }\n .cds--structured-list-th {\n padding: 1rem 0.5rem 0.5rem;\n font-size: var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-compact-01-font-weight, 600);\n line-height: var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);\n display: table-cell;\n height: 2.5rem;\n font-weight: 600;\n text-align: left;\n text-transform: none;\n vertical-align: top;\n }\n .cds--structured-list-th body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--structured-list-th code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--structured-list-th strong {\n font-weight: 600;\n }\n .cds--structured-list-tbody {\n display: table-row-group;\n vertical-align: middle;\n }\n .cds--structured-list-td {\n font-size: var(--cds-body-01-font-size, 0.875rem);\n font-weight: var(--cds-body-01-font-weight, 400);\n line-height: var(--cds-body-01-line-height, 1.42857);\n letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n padding: 1rem 0.5rem 1.5rem;\n position: relative;\n display: table-cell;\n max-width: 36rem;\n color: var(--cds-text-secondary, #525252);\n transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tabs,\n .cds--tabs .cds--tabs__nav-link {\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n }\n .cds--structured-list-td body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--structured-list-td code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--structured-list-td strong {\n font-weight: 600;\n }\n .cds--structured-list-content--nowrap {\n white-space: nowrap;\n }\n .cds--structured-list-svg {\n display: inline-block;\n fill: transparent;\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n vertical-align: middle;\n }\n .cds--tabs,\n .cds--tabs .cds--tabs__nav {\n display: flex;\n }\n .cds--cc--meter-title g.status-indicator.status--danger circle.status,\n .cds--text-area__invalid-icon {\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--structured-list.cds--skeleton .cds--structured-list-th:first-child {\n width: 8%;\n }\n .cds--structured-list.cds--skeleton\n .cds--structured-list-th:nth-child(3n + 2) {\n width: 30%;\n }\n .cds--structured-list.cds--skeleton\n .cds--structured-list-th:nth-child(3n + 3) {\n width: 15%;\n }\n .cds--structured-list.cds--skeleton span {\n padding: 0;\n border: none;\n display: block;\n width: 75%;\n height: 1rem;\n }\n .cds--structured-list.cds--skeleton span:active,\n .cds--structured-list.cds--skeleton span:focus,\n .cds--structured-list.cds--skeleton span:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--structured-list.cds--skeleton span::before {\n position: absolute;\n height: 100%;\n }\n .cds--structured-list.cds--structured-list--selection.cds--skeleton\n .cds--structured-list-th:first-child {\n width: 5%;\n }\n .cds--tabs {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n position: relative;\n width: 100%;\n height: auto;\n min-height: 2.5rem;\n max-height: 4rem;\n color: var(--cds-text-primary, #161616);\n }\n .cds--tabs body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--tabs code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--tabs strong {\n font-weight: 600;\n }\n .cds--tabs .cds--tabs__nav-item body,\n .cds--text-area body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n }\n .cds--tabs.cds--tabs--contained {\n min-height: 3rem;\n }\n .cds--tabs .cds--tab--list {\n display: flex;\n width: auto;\n overflow-x: auto;\n scroll-behavior: smooth;\n scrollbar-width: none;\n will-change: scroll-position;\n }\n .cds--tabs .cds--tab--list::-webkit-scrollbar {\n display: none;\n }\n .cds--tabs .cds--tab--overflow-nav-button {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n display: inline-block;\n appearance: none;\n background: 0 0;\n cursor: pointer;\n text-align: start;\n display: flex;\n width: 2.5rem;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n background-color: var(--cds-background, #fff);\n }\n .cds--header__action--active > svg.cds--navigation-menu-panel-expand-icon,\n .cds--header__action > svg.cds--navigation-menu-panel-collapse-icon,\n .cds--tabs .cds--tab--overflow-nav-button--hidden {\n display: none;\n }\n .cds--tabs .cds--tab--overflow-nav-button *,\n .cds--tabs .cds--tab--overflow-nav-button ::after,\n .cds--tabs .cds--tab--overflow-nav-button ::before {\n box-sizing: inherit;\n }\n .cds--tabs .cds--tabs__nav-link,\n .cds--tile__chevron--interactive {\n box-sizing: border-box;\n font-family: inherit;\n vertical-align: baseline;\n appearance: none;\n }\n .cds--tabs .cds--tab--overflow-nav-button::-moz-focus-inner {\n border: 0;\n }\n .cds--tabs .cds--tab--overflow-nav-button:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--tabs .cds--tab--overflow-nav-button:focus {\n outline-style: dotted;\n }\n }\n .cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button {\n width: 3rem;\n margin: 0;\n background-color: var(--cds-layer-accent);\n }\n .cds--tabs .cds--tab--overflow-nav-button--next {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n }\n .cds--tabs .cds--tab--overflow-nav-button--next::before {\n position: absolute;\n z-index: 1;\n left: -0.5rem;\n width: 0.5rem;\n height: 100%;\n background: linear-gradient(\n to right,\n rgba(255, 255, 255, 0),\n var(--cds-background, #fff)\n );\n content: '';\n }\n .cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button--next::before {\n background-image: linear-gradient(\n to right,\n rgba(255, 255, 255, 0),\n var(--cds-layer-accent)\n );\n }\n .cds--tabs .cds--tab--overflow-nav-button--previous {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n }\n .cds--tabs .cds--tab--overflow-nav-button--previous::before {\n position: absolute;\n z-index: 1;\n right: -0.5rem;\n width: 0.5rem;\n height: 100%;\n background: linear-gradient(\n to left,\n rgba(255, 255, 255, 0),\n var(--cds-background, #fff)\n );\n content: '';\n }\n .cds--tabs.cds--tabs--contained\n .cds--tab--overflow-nav-button--previous::before {\n background-image: linear-gradient(\n to left,\n rgba(255, 255, 255, 0),\n var(--cds-layer-accent)\n );\n }\n .cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--left {\n background-image: linear-gradient(\n to left,\n rgba(255, 255, 255, 0),\n var(--cds-layer)\n );\n }\n .cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--right {\n background-image: linear-gradient(\n to right,\n rgba(255, 255, 255, 0),\n var(--cds-layer)\n );\n }\n .cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--left {\n background-image: linear-gradient(\n to left,\n rgba(255, 255, 255, 0),\n var(--cds-layer-accent)\n );\n }\n .cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--right {\n background-image: linear-gradient(\n to right,\n rgba(255, 255, 255, 0),\n var(--cds-layer-accent)\n );\n }\n @media not all and (min-resolution: 0.001dpcm) {\n @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n .cds--tabs .cds--tabs__overflow-indicator--left {\n background-image: linear-gradient(\n to left,\n rgba(var(--cds-background, #fff), 0),\n var(--cds-background, #fff)\n );\n }\n .cds--tabs .cds--tabs__overflow-indicator--right {\n background-image: linear-gradient(\n to right,\n rgba(var(--cds-background, #fff), 0),\n var(--cds-background, #fff)\n );\n }\n .cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--left {\n background-image: linear-gradient(\n to left,\n rgba(var(--cds-layer-accent), 0),\n var(--cds-layer-accent)\n );\n }\n .cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--right {\n background-image: linear-gradient(\n to right,\n rgba(var(--cds-layer-accent), 0),\n var(--cds-layer-accent)\n );\n }\n }\n }\n .cds--tabs .cds--tabs__nav-item-label-wrapper {\n display: flex;\n }\n .cds--tabs .cds--tabs__nav-item {\n display: flex;\n flex: 1 0 auto;\n padding: 0;\n cursor: pointer;\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tabs .cds--tabs__nav-item code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--tabs .cds--tabs__nav-item strong {\n font-weight: 600;\n }\n .cds--tabs .cds--tabs__nav-item + .cds--tabs__nav-item {\n margin-left: 0.0625rem;\n }\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-item {\n background-color: var(--cds-layer-accent);\n }\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-item + .cds--tabs__nav-item {\n margin-left: 0;\n box-shadow: -0.0625rem 0 0 0 var(--cds-border-strong);\n }\n .cds--tabs.cds--tabs--contained\n .cds--tabs__nav-item--selected\n .cds--tabs__nav-link:active,\n .cds--tabs.cds--tabs--contained\n .cds--tabs__nav-item--selected\n .cds--tabs__nav-link:focus,\n .cds--tabs.cds--tabs--contained\n .cds--tabs__nav-item--selected\n + .cds--tabs__nav-item,\n .cds--tabs.cds--tabs--contained\n .cds--tabs__nav-item--selected:hover\n .cds--tabs__nav-link:active,\n .cds--tabs.cds--tabs--contained\n .cds--tabs__nav-item--selected:hover\n .cds--tabs__nav-link:focus,\n .cds--text-area.cds--skeleton {\n box-shadow: none;\n }\n .cds--tabs .cds--tabs__nav-item .cds--tabs__nav-link {\n transition:\n color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tabs .cds--tabs__nav-item--icon {\n display: flex;\n align-items: center;\n padding-left: 0.5rem;\n }\n .cds--tabs .cds--tabs__nav-link {\n padding: 0.75rem 1rem 0.5rem;\n border: 0;\n margin: 0;\n display: inline-block;\n background: 0 0;\n cursor: pointer;\n outline: transparent solid 2px;\n outline-offset: -2px;\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n overflow: hidden;\n border-bottom: 2px solid var(--cds-border-subtle);\n color: var(--cds-text-secondary, #525252);\n text-align: left;\n text-overflow: ellipsis;\n transition:\n border 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n white-space: nowrap;\n }\n .cds--tabs .cds--tabs__nav-link *,\n .cds--tabs .cds--tabs__nav-link ::after,\n .cds--tabs .cds--tabs__nav-link ::before {\n box-sizing: inherit;\n }\n .cds--tabs .cds--tabs__nav-link::-moz-focus-inner {\n border: 0;\n }\n .cds--tabs .cds--tabs__nav-link:active,\n .cds--tabs .cds--tabs__nav-link:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--tabs .cds--tabs__nav-link:active,\n .cds--tabs .cds--tabs__nav-link:focus {\n outline-style: dotted;\n }\n }\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-link {\n height: 3rem;\n padding: 0.5rem 1rem;\n border-bottom: 0;\n }\n .cds--tabs.cds--tabs--contained:not(.cds--tabs--tall)\n .cds--tabs__nav-item-label {\n line-height: calc(3rem - (0.5rem * 2));\n }\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-item-secondary-label {\n min-height: 1rem;\n }\n .cds--tabs.cds--tabs--contained.cds--tabs--tall .cds--tabs__nav-link {\n height: 4rem;\n }\n .cds--tabs.cds--tabs__icon--default .cds--tab--list,\n .cds--tabs.cds--tabs__icon--lg .cds--tab--list {\n overflow-x: visible;\n }\n .cds--tabs .cds--tabs__nav-item--icon-only,\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only {\n display: flex;\n width: var(--cds-icon-tab-size, 2.5rem);\n height: var(--cds-icon-tab-size, 2.5rem);\n align-items: center;\n justify-content: center;\n padding: 0;\n }\n .cds--tabs .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label,\n .cds--tabs.cds--tabs--contained\n .cds--tabs__nav-item--icon-only\n .cds--tabs__nav-item-label {\n line-height: 0;\n }\n .cds--tabs.cds--tabs__icon--lg {\n --cds-icon-tab-size: 3rem;\n }\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-item:hover {\n background-color: var(--cds-layer-selected-hover);\n }\n .cds--tabs .cds--tabs__nav-item--selected {\n border-bottom: 2px solid var(--cds-border-interactive, #0f62fe);\n transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tabs.cds--tabs--contained\n .cds--tabs__nav-item.cds--tabs__nav-item--selected {\n box-shadow: inset 0 2px 0 0 var(--cds-border-interactive, #0f62fe);\n }\n .cds--tabs .cds--tabs__nav-item--selected,\n .cds--tabs .cds--tabs__nav-item--selected:active .cds--tabs__nav-link:active,\n .cds--tabs .cds--tabs__nav-item--selected:focus .cds--tabs__nav-link:focus,\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected {\n font-size: var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-compact-01-font-weight, 600);\n line-height: var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);\n color: var(--cds-text-primary, #161616);\n }\n .cds--tabs .cds--tabs__nav-item--disabled,\n .cds--tabs .cds--tabs__nav-item--disabled:hover {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n border-bottom: 2px solid var(--cds-border-disabled, #c6c6c6);\n }\n .cds--tabs.cds--tabs--contained:not(.cds--tabs--tall)\n .cds--tabs__nav-item--selected,\n .cds--tabs.cds--tabs--contained:not(.cds--tabs--tall)\n .cds--tabs__nav-item--selected:hover {\n line-height: calc(3rem - (0.5rem * 2));\n }\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected,\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover {\n background-color: var(--cds-layer);\n }\n .cds--tabs.cds--tabs--light.cds--tabs--contained\n .cds--tabs__nav-item--selected,\n .cds--tabs.cds--tabs--light.cds--tabs--contained\n .cds--tabs__nav-item--selected:hover {\n background-color: var(--cds-background, #fff);\n }\n .cds--tabs .cds--tabs__nav-item:hover .cds--tabs__nav-link {\n border-bottom: 2px solid var(--cds-border-strong);\n color: var(--cds-text-primary, #161616);\n }\n .cds--tabs .cds--tabs__nav-item--disabled {\n background-color: transparent;\n outline: 0;\n }\n .cds--tabs .cds--tabs__nav-item--disabled:hover {\n cursor: not-allowed;\n }\n .cds--tabs.cds--tabs--contained\n .cds--tabs__nav-item.cds--tabs__nav-item--disabled,\n .cds--tabs.cds--tabs--contained\n .cds--tabs__nav-item.cds--tabs__nav-item--disabled:hover {\n background-color: var(--cds-button-disabled, #c6c6c6);\n }\n .cds--tabs .cds--tabs__nav-item--disabled:active,\n .cds--tabs .cds--tabs__nav-item--disabled:focus {\n border-bottom: 2px solid var(--cds-border-disabled, #c6c6c6);\n outline: 0;\n pointer-events: none;\n }\n .cds--tabs\n .cds--tabs--light\n .cds--tabs__nav-item--disabled\n .cds--tabs__nav-link,\n .cds--tabs\n .cds--tabs--light\n .cds--tabs__nav-item--disabled\n .cds--tabs__nav-link:active,\n .cds--tabs\n .cds--tabs--light\n .cds--tabs__nav-item--disabled\n .cds--tabs__nav-link:focus,\n .cds--tabs\n .cds--tabs--light\n .cds--tabs__nav-item--disabled:hover\n .cds--tabs__nav-link {\n border-bottom-color: var(--cds-border-subtle);\n }\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--disabled {\n border-bottom: none;\n color: var(--cds-text-on-color-disabled, #8d8d8d);\n }\n .cds--tab-content {\n padding: 1rem;\n }\n .cds--tab-content:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--tab-content:focus {\n outline-style: dotted;\n }\n }\n .cds--tab-content--interactive:focus {\n outline: 0;\n }\n .cds--tabs.cds--skeleton {\n cursor: default;\n pointer-events: none;\n }\n .cds--skeleton.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-link {\n border-bottom: 2px solid var(--cds-skeleton-element, #c6c6c6);\n }\n .cds--tabs.cds--skeleton .cds--tabs__nav-link {\n display: flex;\n width: 10rem;\n height: 100%;\n align-items: center;\n padding: 0 1rem;\n }\n .cds--tabs.cds--skeleton .cds--tabs__nav-link span {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n display: block;\n width: 100%;\n height: 0.875rem;\n }\n .cds--tabs.cds--skeleton .cds--tabs__nav-link span:active,\n .cds--tabs.cds--skeleton .cds--tabs__nav-link span:focus,\n .cds--tabs.cds--skeleton .cds--tabs__nav-link span:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--tabs.cds--skeleton .cds--tabs__nav-link span::before {\n position: absolute;\n height: 100%;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--tabs__nav-item\n .cds--tabs__nav-item--selected\n .cds--tabs__nav-item--selected {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--tabs .cds--tabs__nav-item--disabled .cds--tabs__nav-link {\n color: GrayText;\n fill: GrayText;\n }\n }\n .cds--text-area {\n font-size: var(--cds-body-01-font-size, 0.875rem);\n font-weight: var(--cds-body-01-font-weight, 400);\n line-height: var(--cds-body-01-line-height, 1.42857);\n letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n outline-offset: -2px;\n min-width: 10rem;\n height: 100%;\n min-height: 2.5rem;\n padding: 0.6875rem 1rem;\n border: none;\n border-bottom: 1px solid var(--cds-border-strong);\n background-color: var(--cds-field);\n color: var(--cds-text-primary, #161616);\n font-family: inherit;\n resize: vertical;\n transition:\n background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tile,\n .cds--tile--expandable {\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n }\n .cds--text-area--light,\n .cds--text-area.cds--text-area--light:disabled {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--text-area code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--text-area strong {\n font-weight: 600;\n }\n .cds--text-area:active,\n .cds--text-area:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--text-area:active,\n .cds--text-area:focus {\n outline-style: dotted;\n }\n }\n .cds--text-area::placeholder {\n color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n opacity: 1;\n font-size: var(--cds-body-01-font-size, 0.875rem);\n font-weight: var(--cds-body-01-font-weight, 400);\n line-height: var(--cds-body-01-line-height, 1.42857);\n letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n }\n .cds--text-area--invalid {\n padding-right: 2.5rem;\n }\n .cds--text-area__wrapper {\n position: relative;\n display: flex;\n width: 100%;\n }\n .cds--text-area__invalid-icon {\n position: absolute;\n top: 0.75rem;\n right: 1rem;\n }\n .cds--text-area__invalid-icon--warning {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--text-area__invalid-icon--warning path[fill] {\n fill: #000;\n opacity: 1;\n }\n .cds--text-area__counter-alert {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n }\n .cds--text-area:disabled {\n border-bottom: 1px solid transparent;\n background-color: var(--cds-field);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n outline: 0;\n resize: none;\n }\n .cds--text-area:disabled::placeholder {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--text-area__wrapper--readonly .cds--text-area {\n border-bottom-color: var(--cds-border-subtle);\n background: 0 0;\n }\n .cds--text-area.cds--skeleton {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n pointer-events: none;\n width: 100%;\n height: 6.25rem;\n }\n .cds--text-area.cds--skeleton:active,\n .cds--text-area.cds--skeleton:focus,\n .cds--text-area.cds--skeleton:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--text-area.cds--skeleton::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--skeleton__text::before,\n .cds--slider-container.cds--skeleton .cds--slider__range-label::before,\n .cds--structured-list.cds--skeleton span::before,\n .cds--tabs.cds--skeleton .cds--tabs__nav-link span::before,\n .cds--text-area.cds--skeleton::before {\n animation: none;\n }\n }\n .cds--text-area.cds--skeleton::placeholder {\n color: transparent;\n }\n .cds--tile--clickable,\n .cds--tile--clickable:active,\n .cds--tile--clickable:hover,\n .cds--tile--clickable:visited,\n .cds--tile--clickable:visited:hover {\n color: var(--cds-text-primary, #161616);\n text-decoration: none;\n }\n .cds--text-area__label-wrapper {\n display: flex;\n width: 100%;\n justify-content: space-between;\n }\n .cds--tile-group body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n }\n .cds--tile-group code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--tile-group strong {\n font-weight: 600;\n }\n .cds--tile {\n position: relative;\n display: block;\n min-width: 8rem;\n min-height: 4rem;\n padding: 1rem;\n background-color: var(--cds-layer);\n outline-offset: -2px;\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n }\n .cds--tile:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--tile:focus {\n outline-style: dotted;\n }\n }\n .cds--tile--light {\n background-color: var(--cds-layer-02, #fff);\n }\n .cds--tile--clickable,\n .cds--tile--selectable {\n cursor: pointer;\n transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tile__checkmark,\n .cds--tile__chevron svg {\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tile--clickable:hover,\n .cds--tile--selectable:hover {\n background: var(--cds-layer-hover);\n }\n .cds--tile--clickable html {\n font-size: 100%;\n }\n .cds--tile--clickable body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n }\n .cds--tile--clickable code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--tile--clickable strong {\n font-weight: 600;\n }\n .cds--tile--clickable:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--tile--clickable:focus {\n outline-style: dotted;\n }\n }\n .cds--tile--clickable:focus .cds--tile__checkmark,\n .cds--tile--clickable:hover .cds--tile__checkmark {\n opacity: 1;\n }\n .cds--tile--expandable::-moz-focus-inner {\n border: 0;\n }\n .cds--tile--clickable.cds--link--disabled,\n .cds--tile--clickable:hover.cds--link--disabled {\n display: block;\n padding: 1rem;\n background-color: var(--cds-layer);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--side-nav--fixed\n .cds--side-nav__item:not(.cds--side-nav__item--icon)\n .cds--side-nav__menu\n a.cds--side-nav__link,\n .cds--tree-leaf-node.cds--tree-node--with-icon {\n padding-left: 2rem;\n }\n .cds--header__menu-title[aria-expanded='true']\n + .cds--header__menu\n .cds--header__menu-item:hover,\n .cds--tile__chevron--interactive:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--tile--selectable {\n padding-right: 3rem;\n border: 1px solid transparent;\n }\n .cds--tile__checkmark {\n position: absolute;\n top: 1rem;\n right: 1rem;\n height: 1rem;\n border: none;\n background: 0 0;\n opacity: 0;\n }\n .cds--tile__chevron,\n .cds--tile__chevron--interactive {\n position: absolute;\n right: 0;\n bottom: 0;\n width: 3rem;\n height: 3rem;\n }\n .cds--tile--is-selected .cds--tile__checkmark,\n .cds--tile__checkmark--persistent {\n opacity: 1;\n }\n .cds--tile__checkmark svg {\n border-radius: 50%;\n fill: var(--cds-icon-secondary, #525252);\n }\n .cds--tile--is-selected .cds--tile__checkmark svg,\n .cds--tile__chevron svg {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--tile__checkmark:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--tile__checkmark:focus {\n outline-style: dotted;\n }\n }\n .cds--tile__chevron {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .cds--tile__chevron svg {\n transform-origin: center;\n }\n .cds--tile__chevron--interactive {\n padding: 0;\n border: 0;\n margin: 0;\n font-size: 100%;\n display: inline-block;\n background: 0 0;\n cursor: pointer;\n text-align: start;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .cds--tile__chevron--interactive *,\n .cds--tile__chevron--interactive ::after,\n .cds--tile__chevron--interactive ::before {\n box-sizing: inherit;\n }\n .cds--tile__chevron--interactive::-moz-focus-inner {\n border: 0;\n }\n .cds--tile__chevron--interactive:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--tile__chevron--interactive:hover {\n cursor: pointer;\n }\n .cds--tile--expandable {\n position: relative;\n overflow: hidden;\n width: 100%;\n border: 0;\n color: inherit;\n cursor: pointer;\n font-family: inherit;\n font-size: inherit;\n text-align: left;\n transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n }\n .cds--tile-input,\n .cds--toggle__button {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n }\n .cds--tile--expandable:hover {\n background: var(--cds-layer-hover);\n }\n .cds--tile--expandable.cds--tile--expandable--interactive {\n cursor: default;\n transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tile--is-expanded .cds--tile-content__below-the-fold,\n .cds--tile-content__below-the-fold {\n transition:\n opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tile--expandable.cds--tile--expandable--interactive:hover {\n background-color: var(--cds-layer);\n }\n .cds--tile--expandable.cds--tile--expandable--interactive:focus {\n outline: 0;\n }\n .cds--tile--expandable--interactive:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--tile-content__above-the-fold {\n display: block;\n }\n .cds--tile-content__below-the-fold {\n display: block;\n opacity: 0;\n visibility: hidden;\n }\n .cds--tile--is-expanded {\n overflow: visible;\n transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tile--is-expanded .cds--tile-content__below-the-fold {\n opacity: 1;\n visibility: inherit;\n }\n @media not all and (min-resolution: 0.001dpcm) {\n @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n .cds--tile--is-expanded .cds--tile-content__below-the-fold {\n overflow-y: auto;\n }\n }\n }\n .cds--tile--is-selected {\n border: 1px solid var(--cds-layer-selected-inverse, #161616);\n }\n @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n .cds--tile--is-selected .cds--tile__checkmark svg,\n .cds--tile__chevron svg {\n fill: ButtonText;\n }\n }\n .cds--tile--disabled .cds--tile__checkmark svg,\n .cds--time-picker--readonly .cds--select-input + .cds--select__arrow {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--tile-content {\n width: 100%;\n height: 100%;\n }\n .cds--tile-input {\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n visibility: inherit;\n }\n .cds--tile-input:focus + .cds--tile {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--tile--expandable--interactive:focus,\n .cds--tile-input:focus + .cds--tile {\n outline-style: dotted;\n }\n }\n .cds--tile--disabled.cds--tile--selectable {\n background-color: var(--cds-layer);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--tile--disabled.cds--tile--selectable.cds--tile--light {\n background-color: var(--cds-layer-02, #fff);\n }\n .cds--tile--disabled.cds--tile--is-selected {\n border-color: var(--cds-button-disabled, #c6c6c6);\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--tile--is-selected .cds--tile__checkmark svg,\n .cds--tile__checkmark svg,\n .cds--tile__chevron svg {\n fill: ButtonText;\n }\n }\n .cds--time-picker {\n display: flex;\n align-items: flex-end;\n }\n .cds--time-picker__select {\n justify-content: center;\n }\n .cds--time-picker__select:not(:last-of-type) {\n margin: 0 0.125rem;\n }\n .cds--time-picker__input {\n display: flex;\n flex-direction: column;\n }\n .cds--time-picker .cds--select-input {\n width: auto;\n min-width: auto;\n padding-right: 3rem;\n margin: 0;\n line-height: 1;\n }\n .cds--time-picker__input-field {\n outline: transparent solid 2px;\n outline-offset: -2px;\n font-family: var(\n --cds-code-02-font-family,\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace\n );\n font-size: var(--cds-code-02-font-size, 0.875rem);\n font-weight: var(--cds-code-02-font-weight, 400);\n line-height: var(--cds-code-02-line-height, 1.42857);\n letter-spacing: var(--cds-code-02-letter-spacing, 0.32px);\n display: flex;\n width: 4.875rem;\n height: 2.5rem;\n align-items: center;\n transition:\n outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--toggletip-content,\n .cds--toggletip-label {\n font-weight: var(--cds-body-01-font-weight, 400);\n line-height: var(--cds-body-01-line-height, 1.42857);\n letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n }\n .cds--time-picker__input-field::placeholder {\n color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n opacity: 1;\n }\n .cds--time-picker--light .cds--select-input {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--time-picker--light .cds--select-input:hover {\n background-color: var(--cds-field-hover);\n }\n .cds--time-picker--light .cds--select-input:disabled,\n .cds--time-picker--light .cds--select-input:hover:disabled {\n border-bottom: 1px solid transparent;\n background-color: transparent;\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--time-picker--readonly .cds--select-input,\n .cds--time-picker--readonly .cds--time-picker__input-field {\n border-bottom-color: var(--cds-border-subtle);\n background-color: transparent;\n }\n .cds--time-picker--sm .cds--select-input,\n .cds--time-picker--sm .cds--time-picker__input-field {\n height: 2rem;\n max-height: 2rem;\n }\n .cds--time-picker--lg .cds--select-input,\n .cds--time-picker--lg .cds--time-picker__input-field {\n height: 3rem;\n max-height: 3rem;\n }\n .cds--time-picker--readonly .cds--select-input {\n cursor: default;\n }\n .cds--toggletip--open .cds--toggletip-button svg,\n .cds--toggletip-button:hover svg,\n .cds--tree-node--selected > .cds--tree-node__label .cds--tree-node__icon,\n .cds--tree-node--selected\n > .cds--tree-node__label\n .cds--tree-parent-node__toggle-icon,\n .cds--tree-node__label:hover .cds--tree-node__icon,\n .cds--tree-node__label:hover .cds--tree-parent-node__toggle-icon {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--toggletip-label {\n font-size: var(--cds-body-01-font-size, 0.875rem);\n margin-right: 0.5rem;\n color: var(--cds-text-secondary, #525252);\n }\n .cds--toggletip-button {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n display: inline-block;\n appearance: none;\n background: 0 0;\n cursor: pointer;\n text-align: start;\n width: 100%;\n display: flex;\n align-items: center;\n }\n .cds--toggletip-button *,\n .cds--toggletip-button ::after,\n .cds--toggletip-button ::before {\n box-sizing: inherit;\n }\n .cds--toggletip-button::-moz-focus-inner {\n border: 0;\n }\n .cds--toggletip-button svg {\n fill: var(--cds-icon-secondary, #525252);\n }\n .cds--toggletip-button:focus {\n outline: 1px solid var(--cds-focus, #0f62fe);\n }\n @media screen and (prefers-contrast) {\n .cds--toggletip-button:focus {\n outline-style: dotted;\n }\n }\n .cds--toggletip {\n --cds-popover-offset: 0.8125rem;\n }\n .cds--toggletip-content {\n --cds-button-focus-color: var(--cds-focus-inverse, #ffffff);\n --cds-link-text-color: var(--cds-link-inverse, #78a9ff);\n --cds-link-hover-text-color: var(--cds-link-inverse, #78a9ff);\n --cds-link-focus-text-color: var(--cds-focus-inverse, #ffffff);\n font-size: var(--cds-body-01-font-size, 0.875rem);\n display: grid;\n max-width: 18rem;\n padding: 1rem;\n row-gap: 1rem;\n }\n .cds--toggletip-actions {\n display: flex;\n align-items: center;\n justify-content: space-between;\n column-gap: 1rem;\n }\n .cds--toggle {\n display: inline-block;\n user-select: none;\n }\n .cds--toggle__label-text {\n font-size: var(--cds-label-01-font-size, 0.75rem);\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n display: block;\n margin-bottom: 1rem;\n color: var(--cds-text-secondary, #525252);\n }\n .cds--toggle__button {\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n visibility: inherit;\n }\n .cds--toggle__button:focus {\n outline: 0;\n }\n .cds--toggle__appearance {\n display: inline-grid;\n align-items: center;\n column-gap: 0.5rem;\n cursor: pointer;\n grid-template-columns: max-content max-content;\n }\n .cds--toggle--disabled .cds--toggle__appearance,\n .cds--tree-node--disabled,\n .cds--tree-node--disabled .cds--tree-parent-node__toggle-icon:hover {\n cursor: not-allowed;\n }\n .cds--toggle__switch {\n position: relative;\n width: 3rem;\n height: 1.5rem;\n background-color: var(--cds-toggle-off, #8d8d8d);\n border-radius: 0.75rem;\n transition: background-color 70ms cubic-bezier(0.2, 0, 1, 0.9);\n }\n .cds--toggle__switch::before {\n position: absolute;\n top: 0.1875rem;\n left: 0.1875rem;\n width: 1.125rem;\n height: 1.125rem;\n background-color: var(--cds-icon-on-color, #fff);\n border-radius: 50%;\n content: '';\n transition: transform 70ms cubic-bezier(0.2, 0, 1, 0.9);\n }\n @media screen and (prefers-reduced-motion: reduce) {\n .cds--tile__chevron svg,\n .cds--toggle__switch::before {\n transition: none;\n }\n }\n .cds--toggle:active .cds--toggle__switch,\n .cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,\n .cds--toggle__button:not(:disabled):active\n + .cds--toggle__label\n .cds--toggle__switch {\n box-shadow:\n 0 0 0 1px var(--cds-focus-inset, #fff),\n 0 0 0 3px var(--cds-focus, #0f62fe);\n }\n .cds--toggle__switch--checked {\n background-color: var(--cds-support-success, #24a148);\n }\n .cds--toggle__switch--checked::before {\n transform: translateX(1.5rem);\n }\n .cds--toggle__text {\n font-size: var(--cds-body-01-font-size, 0.875rem);\n font-weight: var(--cds-body-01-font-weight, 400);\n line-height: var(--cds-body-01-line-height, 1.42857);\n letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n color: var(--cds-text-primary, #161616);\n }\n .cds--tree-node__label,\n a.cds--header__name {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n }\n .cds--toggle__appearance--sm .cds--toggle__switch {\n width: 2rem;\n height: 1rem;\n }\n .cds--toggle__appearance--sm .cds--toggle__switch::before {\n width: 0.625rem;\n height: 0.625rem;\n }\n .cds--toggle__appearance--sm .cds--toggle__switch--checked::before {\n transform: translateX(1rem);\n }\n .cds--header__menu-title[aria-expanded='true'] > .cds--header__menu-arrow,\n .cds--side-nav__submenu[aria-expanded='true']\n .cds--side-nav__submenu-chevron\n > svg {\n transform: rotate(180deg);\n }\n .cds--toggle__check {\n position: absolute;\n top: 0.375rem;\n right: 0.3125rem;\n width: 0.375rem;\n height: 0.3125rem;\n fill: var(--cds-support-success, #24a148);\n visibility: hidden;\n }\n .cds--btn.cds--btn--icon-only.cds--header__action svg,\n .cds--tree-node__icon,\n .cds--tree-parent-node__toggle-icon {\n fill: var(--cds-icon-secondary, #525252);\n }\n .cds--toggle__switch--checked .cds--toggle__check {\n visibility: visible;\n }\n .cds--toggle--disabled .cds--toggle__label-text,\n .cds--toggle--disabled .cds--toggle__text {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--toggle--disabled .cds--toggle__switch {\n background-color: var(--cds-button-disabled, #c6c6c6);\n }\n .cds--toggle--disabled .cds--toggle__switch::before {\n background-color: var(--cds-icon-on-color-disabled, #8d8d8d);\n }\n .cds--toggle--disabled .cds--toggle__check {\n fill: var(--cds-button-disabled, #c6c6c6);\n }\n .cds--toggle--readonly .cds--toggle__appearance {\n cursor: default;\n }\n .cds--toggle--readonly .cds--toggle__switch {\n border: 1px solid var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n background-color: transparent;\n }\n .cds--toggle--readonly .cds--toggle__switch::before {\n top: 0.125rem;\n left: 0.125rem;\n background-color: var(--cds-text-primary, #161616);\n }\n .cds--toggle--readonly .cds--toggle__check {\n top: 0.3125rem;\n right: 0.25rem;\n fill: var(--cds-background, #ffffff);\n }\n .cds--toggle--readonly .cds--toggle__text {\n cursor: text;\n user-select: text;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--toggle__switch,\n .cds--toggle__switch::before {\n outline: transparent solid 1px;\n }\n .cds--toggle:active .cds--toggle__switch,\n .cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,\n .cds--toggle__button:not(:disabled):active\n + .cds--toggle__label\n .cds--toggle__switch {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n }\n .cds--tree {\n overflow: hidden;\n }\n .cds--tree-node {\n padding-left: 1rem;\n background-color: var(--cds-layer-01, #f4f4f4);\n color: var(--cds-text-secondary, #525252);\n }\n .cds--tree-node:focus {\n outline: 0;\n }\n .cds--tree-node:hover {\n cursor: pointer;\n }\n .cds--tree-node:focus > .cds--tree-node__label {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--tree-node:focus > .cds--tree-node__label {\n outline-style: dotted;\n }\n }\n .cds--tree-node--disabled:focus > .cds--tree-node__label,\n .cds--tree-parent-node__toggle:focus {\n outline: 0;\n }\n .cds--tree-node--disabled,\n .cds--tree-node--disabled .cds--tree-node__label:hover,\n .cds--tree-node--disabled\n .cds--tree-node__label:hover\n .cds--tree-node__label__details {\n background-color: var(--cds-field-01, #f4f4f4);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--content,\n .cds--header__action:active,\n .cds--header__menu-item--current,\n .cds--header__menu-title[aria-expanded='true']\n + .cds--header__menu\n .cds--header__menu-item:hover,\n .cds--tree-node--selected > .cds--tree-node__label,\n .cds--tree-node__label:hover,\n .cds--tree-node__label:hover .cds--tree-node__label__details,\n a.cds--header__menu-item:active,\n a.cds--header__menu-item:hover,\n a.cds--header__menu-item[aria-current='page'],\n a.cds--header__name,\n a.cds--header__name:hover {\n color: var(--cds-text-primary, #161616);\n }\n .cds--tree-node--disabled .cds--tree-node__icon,\n .cds--tree-node--disabled .cds--tree-node__label:hover .cds--tree-node__icon,\n .cds--tree-node--disabled\n .cds--tree-node__label:hover\n .cds--tree-parent-node__toggle-icon,\n .cds--tree-node--disabled .cds--tree-parent-node__toggle-icon {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--tree-node__label {\n display: flex;\n min-height: 2rem;\n flex: 1;\n align-items: center;\n }\n .cds--header__action,\n .cds--side-nav__submenu {\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n appearance: none;\n text-align: start;\n cursor: pointer;\n }\n .cds--tree-node__label__details,\n .cds--tree-parent-node__toggle {\n display: flex;\n align-items: center;\n }\n .cds--tree-node__label:hover {\n background-color: var(--cds-layer-hover-01, #e8e8e8);\n }\n .cds--tree-node:not(.cds--tree-parent-node) .cds--tree-node__label {\n padding-top: 0.4375rem;\n padding-bottom: 0.4375rem;\n }\n .cds--tree-leaf-node {\n display: flex;\n padding-left: 2.5rem;\n }\n .cds--tree-node--with-icon .cds--tree-parent-node__toggle {\n margin-right: 0;\n }\n .cds--tree-parent-node__toggle {\n width: 1.5rem;\n height: 1.5rem;\n align-self: flex-start;\n padding-left: 0.25rem;\n border: 0;\n margin-top: 0.25rem;\n margin-right: 0.25rem;\n }\n .cds--tree-parent-node__toggle:hover {\n cursor: pointer;\n }\n .cds--cc--chart-wrapper.zoomed-in,\n .cds--cc--chart-wrapper.zoomed-in\n .cds--cc--circle-pack\n circle.node.clickable {\n cursor: zoom-out;\n }\n .cds--tree-parent-node__toggle-icon {\n transform: rotate(-90deg);\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tree-parent-node__toggle-icon--expanded {\n transform: rotate(0);\n }\n .cds--tree-node__icon {\n min-width: 1rem;\n min-height: 1rem;\n align-self: flex-start;\n margin-top: 0.0625rem;\n margin-right: 0.5rem;\n }\n .cds--tree-node--selected > .cds--tree-node__label {\n background-color: var(--cds-layer-selected-01, #e0e0e0);\n }\n .cds--header__action:hover,\n a.cds--header__menu-item:hover {\n background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n }\n .cds--tree-node--selected > .cds--tree-node__label:hover {\n background-color: var(--cds-layer-selected-hover-01, #d1d1d1);\n }\n .cds--tree-node--active > .cds--tree-node__label {\n position: relative;\n }\n .cds--tree-node--active > .cds--tree-node__label::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 0.25rem;\n height: 100%;\n background-color: var(--cds-interactive, #0f62fe);\n content: '';\n }\n .cds--tree--xs .cds--tree-node__label {\n min-height: 1.5rem;\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n }\n .cds--header,\n a.cds--header__menu-item {\n background-color: var(--cds-background, #fff);\n }\n .cds--chart-holder\n .cds--cc--toolbar\n div.toolbar-control.disabled\n button:focus,\n .cds--header__action:focus,\n a.cds--header__menu-item:focus,\n a.cds--header__name {\n outline: 0;\n }\n .cds--content {\n padding: 2rem;\n will-change: margin-left;\n }\n .cds--header-panel,\n .cds--side-nav {\n z-index: 8000;\n will-change: width;\n overflow: hidden;\n }\n .cds--header ~ .cds--content {\n margin-top: 3rem;\n }\n .cds--side-nav ~ .cds--content {\n margin-left: 3rem;\n }\n .cds--side-nav.cds--side-nav--expanded ~ .cds--content {\n margin-left: 16rem;\n }\n .cds--header {\n position: fixed;\n z-index: 8000;\n top: 0;\n right: 0;\n left: 0;\n display: flex;\n height: 3rem;\n align-items: center;\n border-bottom: 1px solid var(--cds-border-subtle);\n }\n .cds--header__action {\n box-sizing: border-box;\n padding: 0;\n border: 0.0625rem solid transparent;\n margin: 0;\n display: inline-block;\n background: 0 0;\n display: inline-flex;\n width: 3rem;\n height: 3rem;\n transition:\n background-color 110ms,\n border-color 110ms;\n }\n .cds--header__action *,\n .cds--header__action ::after,\n .cds--header__action ::before {\n box-sizing: inherit;\n }\n .cds--header__action::-moz-focus-inner {\n border: 0;\n }\n .cds--header__action--active > svg.cds--navigation-menu-panel-collapse-icon {\n display: inline;\n }\n .cds--header__action--active {\n border-right: 1px solid var(--cds-border-subtle);\n border-bottom: 1px solid transparent;\n border-left: 1px solid var(--cds-border-subtle);\n background: var(--cds-layer);\n }\n .cds--header__action:focus,\n a.cds--header__menu-item:focus,\n a.cds--header__name:focus {\n border-color: var(--cds-focus, #0f62fe);\n }\n .cds--header__action--active > svg {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--header__action:active {\n background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));\n }\n .cds--header__action.cds--btn--icon-only {\n align-items: center;\n justify-content: center;\n }\n .cds--btn.cds--btn--icon-only.cds--header__action--active svg,\n .cds--btn.cds--btn--icon-only.cds--header__action:active svg,\n .cds--btn.cds--btn--icon-only.cds--header__action:hover svg,\n .cds--header__menu-trigger:hover > svg,\n .cds--header__menu-trigger > svg,\n .cds--side-nav__item--active .cds--side-nav__icon > svg,\n a.cds--header__menu-item:active > svg,\n a.cds--header__menu-item:hover > svg {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--header__menu-arrow,\n .cds--side-nav .cds--header__menu-arrow,\n .cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,\n .cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,\n .cds--side-nav__icon > svg {\n fill: var(--cds-icon-secondary, #525252);\n }\n .cds--header__menu-toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n a.cds--header__name {\n display: flex;\n height: 100%;\n align-items: center;\n padding: 0 2rem 0 1rem;\n border: 0.125rem solid transparent;\n font-weight: 600;\n letter-spacing: 0.1px;\n line-height: 1.25rem;\n text-decoration: none;\n transition: border-color 110ms;\n user-select: none;\n }\n @media (max-width: 41.98rem) {\n .cds--header__action {\n min-width: 3rem;\n }\n a.cds--header__name {\n padding: 0 1rem;\n }\n }\n .cds--header__name--prefix {\n font-weight: 400;\n }\n .cds--header__menu-toggle:not(.cds--header__menu-toggle__hidden)\n ~ .cds--header__name {\n padding-left: 0.5rem;\n }\n .cds--header__nav {\n position: relative;\n display: none;\n height: 100%;\n padding-left: 1rem;\n }\n @media (min-width: 66rem) {\n .cds--header__menu-toggle__hidden {\n display: none;\n }\n .cds--header__nav {\n display: block;\n }\n }\n .cds--header__nav::before {\n position: absolute;\n top: 50%;\n left: 0;\n display: block;\n width: 0.0625rem;\n height: 1.5rem;\n background-color: var(--cds-border-subtle);\n content: '';\n transform: translateY(-50%);\n }\n .cds--header__menu-bar {\n display: flex;\n height: 100%;\n padding: 0;\n margin: 0;\n list-style: none;\n }\n a.cds--header__menu-item {\n position: relative;\n display: flex;\n height: 100%;\n align-items: center;\n padding: 0 1rem;\n border: 2px solid transparent;\n color: var(--cds-text-secondary, #525252);\n font-size: 0.875rem;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 1.125rem;\n text-decoration: none;\n transition:\n background-color 110ms,\n border-color 110ms,\n color 110ms;\n user-select: none;\n }\n .cds--header__action:active,\n a.cds--header__menu-item:active {\n background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));\n }\n .cds--header-panel,\n .cds--header__menu-title[aria-expanded='true'],\n .cds--header__menu-title[aria-expanded='true']\n + .cds--header__menu\n .cds--header__menu-item {\n background-color: var(--cds-layer);\n }\n .cds--header-panel,\n .cds--side-nav,\n .cds--skip-to-content:focus {\n color: var(--cds-text-secondary, #525252);\n }\n .cds--header__menu-item--current::after,\n a.cds--header__menu-item[aria-current='page']::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: -2px;\n left: 0;\n width: 100%;\n border-bottom: 3px solid var(--cds-border-interactive, #0f62fe);\n content: '';\n }\n .cds--header__menu-item--current:focus::after,\n a.cds--header__menu-item[aria-current='page']:focus::after {\n border: 0;\n }\n .cds--header__submenu\n .cds--header__menu\n .cds--header__menu-item--current::after,\n .cds--header__submenu\n .cds--header__menu\n a.cds--header__menu-item[aria-current='page']::after {\n bottom: 0;\n left: -2px;\n border-bottom: none;\n border-left: 3px solid var(--cds-border-interactive, #0f62fe);\n }\n .cds--header__submenu\n .cds--header__menu\n .cds--header__menu-item--current:focus::after,\n .cds--header__submenu\n .cds--header__menu\n a.cds--header__menu-item[aria-current='page']:focus::after {\n left: 0;\n border-left: 3px solid var(--cds-border-interactive, #0f62fe);\n }\n a.cds--header__menu-item.cds--header__menu-item--current:focus,\n a.cds--header__menu-item[aria-current='page']:focus {\n border: 2px solid var(--cds-focus, #0f62fe);\n }\n .cds--header__menu-title[aria-haspopup='true'],\n .cds--header__submenu {\n position: relative;\n }\n .cds--header__menu-title[aria-expanded='true'] {\n z-index: 8002;\n color: var(--cds-text-secondary, #525252);\n }\n .cds--header__menu {\n display: none;\n padding: 0;\n margin: 0;\n list-style: none;\n }\n .cds--header__menu-title[aria-expanded='true'] + .cds--header__menu {\n position: absolute;\n z-index: 8001;\n bottom: 0;\n left: 0;\n display: flex;\n width: 12.5rem;\n flex-direction: column;\n background-color: var(--cds-layer);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);\n transform: translateY(100%);\n }\n .cds--header__menu-title[aria-expanded='true']\n + .cds--header__menu\n .cds--header__menu-item:active {\n background-color: var(--cds-layer-active);\n color: var(--cds-text-primary, #161616);\n }\n .cds--header__menu .cds--header__menu-item {\n height: 3rem;\n }\n .cds--header__menu-arrow {\n margin-left: 0.5rem;\n transition:\n transform 110ms,\n fill 110ms;\n }\n .cds--header__global {\n display: flex;\n height: 100%;\n flex: 1 1 0%;\n justify-content: flex-end;\n }\n .cds--skip-to-content {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n }\n .cds--cc--axes g.axis g.ticks.invisible,\n .cds--cc--heatmap g.highlighter-hidden,\n .cds--side-nav__menu {\n visibility: hidden;\n }\n .cds--skip-to-content:focus {\n z-index: 9999;\n top: 0;\n left: 0;\n display: flex;\n width: auto;\n height: 3rem;\n align-items: center;\n padding: 0 1rem;\n border: 4px solid var(--cds-focus, #0f62fe);\n background-color: var(--cds-background, #fff);\n clip: auto;\n outline: 0;\n }\n .cds--header-panel {\n position: fixed;\n top: 3rem;\n right: 0;\n bottom: 0;\n width: 0;\n border: none;\n transition: width 110ms cubic-bezier(0.2, 0, 1, 0.9);\n }\n .cds--header-panel--expanded {\n width: 16rem;\n border-right: 1px solid var(--cds-border-subtle);\n border-left: 1px solid var(--cds-border-subtle);\n }\n .cds--side-nav {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n width: 3rem;\n max-width: 16rem;\n background-color: var(--cds-background, #fff);\n transition: width 0.11s cubic-bezier(0.2, 0, 1, 0.9);\n }\n .cds--side-nav--ux {\n top: 3rem;\n width: 16rem;\n }\n @media (max-width: 65.98rem) {\n .cds--side-nav--ux {\n width: 0;\n }\n }\n .cds--side-nav--rail {\n width: 3rem;\n }\n .cds--side-nav--hidden {\n width: 0;\n }\n .cds--side-nav--expanded,\n .cds--side-nav.cds--side-nav--rail:not(.cds--side-nav--fixed):hover {\n width: 16rem;\n }\n .cds--side-nav__overlay {\n position: fixed;\n top: 3rem;\n left: 0;\n width: 0;\n height: 0;\n background-color: transparent;\n opacity: 0;\n transition:\n opacity 0.3s cubic-bezier(0.5, 0, 0.1, 1),\n background-color 0.3s cubic-bezier(0.5, 0, 0.1, 1);\n }\n @media (max-width: 65.98rem) {\n .cds--side-nav__overlay-active {\n width: 100vw;\n height: 100vh;\n background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));\n opacity: 1;\n transition:\n opacity 0.3s cubic-bezier(0.5, 0, 0.1, 1),\n background-color 0.3s cubic-bezier(0.5, 0, 0.1, 1);\n }\n }\n .cds--header ~ .cds--side-nav {\n top: 3rem;\n height: calc(100% - 48px);\n }\n .cds--side-nav--fixed {\n width: 16rem;\n }\n .cds--side-nav--collapsed {\n width: 16rem;\n transform: translateX(-16rem);\n }\n .cds--side-nav--ux .cds--side-nav__item,\n .cds--side-nav__item {\n width: auto;\n height: auto;\n }\n .cds--side-nav__navigation {\n display: flex;\n flex-direction: column;\n }\n .cds--side-nav__items {\n overflow: hidden;\n flex: 1 1 0%;\n padding: 1rem 0 0;\n }\n .cds--side-nav--expanded .cds--side-nav__items,\n .cds--side-nav--fixed .cds--side-nav__items,\n .cds--side-nav--ux .cds--side-nav__items,\n .cds--side-nav:hover .cds--side-nav__items {\n overflow-y: auto;\n }\n .cds--side-nav__item {\n overflow: hidden;\n }\n .cds--side-nav__item--large,\n .cds--side-nav__item--large .cds--side-nav__submenu {\n height: 3rem;\n }\n .cds--side-nav .cds--header__menu-title[aria-expanded='true']:hover,\n .cds--side-nav a.cds--header__menu-item:hover,\n .cds--side-nav__item:not(.cds--side-nav__item--active):hover\n .cds--side-nav__item:not(.cds--side-nav__item--active)\n > .cds--side-nav__submenu:hover,\n .cds--side-nav__item:not(.cds--side-nav__item--active)\n > .cds--side-nav__link:hover,\n .cds--side-nav__menu\n a.cds--side-nav__link:not(.cds--side-nav__link--current):not(\n [aria-current='page']\n ):hover {\n background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n color: var(--cds-text-primary, #161616);\n }\n .cds--side-nav__item--active .cds--side-nav__submenu:hover,\n .cds--side-nav__menu a.cds--side-nav__link--current,\n .cds--side-nav__menu a.cds--side-nav__link[aria-current='page'],\n a.cds--side-nav__link--current,\n a.cds--side-nav__link[aria-current='page'] {\n background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n }\n .cds--side-nav__item:not(.cds--side-nav__item--active)\n .cds--side-nav__menu-item\n > .cds--side-nav__link:hover\n > span,\n .cds--side-nav__item:not(.cds--side-nav__item--active)\n > .cds--side-nav__link:hover\n > span {\n color: var(--cds-text-primary, #161616);\n }\n .cds--side-nav__divider {\n height: 1px;\n margin: 0.5rem 1rem;\n background-color: var(--cds-border-subtle);\n }\n .cds--side-nav__submenu {\n box-sizing: border-box;\n padding: 0 1rem;\n border: 0;\n margin: 0;\n display: inline-block;\n background: 0 0;\n width: 100%;\n font-size: var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-compact-01-font-weight, 600);\n line-height: var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);\n outline: transparent solid 2px;\n outline-offset: -2px;\n display: flex;\n height: 2rem;\n align-items: center;\n color: var(--cds-text-secondary, #525252);\n transition:\n color 110ms,\n background-color 110ms,\n outline 110ms;\n user-select: none;\n }\n .cds--cc--axes g.axis .axis-title,\n .cds--cc--axes g.axis g.tick text,\n .cds--cc--title p.title,\n .cds--cc--tooltip {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--side-nav__submenu *,\n .cds--side-nav__submenu ::after,\n .cds--side-nav__submenu ::before {\n box-sizing: inherit;\n }\n .cds--side-nav__submenu::-moz-focus-inner {\n border: 0;\n }\n .cds--side-nav__submenu:hover {\n background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n color: var(--cds-text-primary, #161616);\n }\n .cds--side-nav__submenu:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--side-nav__submenu-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: left;\n }\n .cds--side-nav__icon.cds--side-nav__submenu-chevron {\n display: flex;\n flex: 1;\n justify-content: flex-end;\n }\n .cds--side-nav__submenu-chevron > svg {\n width: 1rem;\n height: 1rem;\n transition: transform 110ms;\n }\n .cds--side-nav__item--active .cds--side-nav__submenu:hover {\n color: var(--cds-text-primary, #161616);\n }\n .cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded='false'] {\n position: relative;\n background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n color: var(--cds-text-primary, #161616);\n }\n .cds--side-nav__item--active\n .cds--side-nav__submenu[aria-expanded='false']::before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 3px;\n background-color: var(--cds-border-interactive, #0f62fe);\n content: '';\n }\n .cds--side-nav__item--active .cds--side-nav__submenu-title {\n color: var(--cds-text-primary, #161616);\n font-weight: 600;\n }\n .cds--side-nav__menu {\n display: block;\n max-height: 0;\n }\n .cds--side-nav__submenu[aria-expanded='true'] + .cds--side-nav__menu {\n max-height: 93.75rem;\n visibility: inherit;\n }\n .cds--side-nav__menu a.cds--side-nav__link {\n height: 2rem;\n min-height: 2rem;\n padding-left: 2rem;\n font-weight: 400;\n }\n .cds--side-nav\n .cds--header__menu-title[aria-expanded='true']\n + .cds--header__menu,\n .cds--side-nav a.cds--header__menu-item,\n .cds--switcher__item-link,\n a.cds--side-nav__link {\n font-size: var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-compact-01-font-weight, 600);\n line-height: var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);\n text-decoration: none;\n }\n .cds--side-nav__item.cds--side-nav__item--icon a.cds--side-nav__link {\n padding-left: 4.5rem;\n }\n .cds--side-nav__menu a.cds--side-nav__link--current > span,\n .cds--side-nav__menu a.cds--side-nav__link[aria-current='page'] > span,\n a.cds--side-nav__link--current > span {\n color: var(--cds-text-primary, #161616);\n font-weight: 600;\n }\n .cds--side-nav\n .cds--header__menu-title[aria-expanded='true']\n + .cds--header__menu,\n .cds--side-nav a.cds--header__menu-item,\n a.cds--side-nav__link {\n outline: transparent solid 2px;\n outline-offset: -2px;\n position: relative;\n display: flex;\n min-height: 2rem;\n align-items: center;\n padding: 0 1rem;\n transition:\n color 110ms,\n background-color 110ms,\n outline 110ms;\n }\n .cds--side-nav__item--large a.cds--side-nav__link {\n height: 3rem;\n }\n .cds--side-nav a.cds--header__menu-item .cds--text-truncate-end,\n a.cds--side-nav__link > .cds--side-nav__link-text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--cds-text-secondary, #525252);\n font-size: 0.875rem;\n letter-spacing: 0.1px;\n line-height: 1.25rem;\n user-select: none;\n }\n .cds--cc--axes,\n .cds--cc--chart-wrapper,\n .cds--cc--chart-wrapper .layout-child,\n .cds--cc--donut,\n .cds--cc--gauge,\n .cds--cc--meter-title,\n .cds--cc--pie {\n overflow: visible;\n }\n .cds--side-nav a.cds--header__menu-item:focus,\n a.cds--side-nav__link:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--side-nav a.cds--header__menu-item:focus,\n .cds--side-nav__submenu:focus,\n a.cds--side-nav__link:focus {\n outline-style: dotted;\n }\n }\n a.cds--side-nav__link--current,\n a.cds--side-nav__link[aria-current='page'] {\n font-weight: 600;\n }\n a.cds--side-nav__link--current .cds--side-nav__link-text,\n a.cds--side-nav__link[aria-current='page'] .cds--side-nav__link-text {\n color: var(--cds-text-primary, #161616);\n }\n a.cds--side-nav__link--current::before,\n a.cds--side-nav__link[aria-current='page']::before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 3px;\n background-color: var(--cds-border-interactive, #0f62fe);\n content: '';\n }\n .cds--chart-holder\n .cds--cc--toolbar\n div.toolbar-control.disabled\n button:hover,\n .cds--chart-holder .cds--cc--toolbar div.toolbar-control.disabled:hover,\n .cds--chart-holder .cds--modal .cds--modal-container .cds--modal-footer,\n .cds--side-nav a.cds--header__menu-item[aria-expanded='true'] {\n background-color: transparent;\n }\n .cds--side-nav__icon {\n display: flex;\n flex: 0 0 1rem;\n align-items: center;\n justify-content: center;\n }\n .cds--cc--axes g.axis g.tick line,\n .cds--side-nav--expanded .cds--side-nav__icon > svg.cds--side-nav-expand-icon,\n .cds--side-nav__header-navigation,\n .cds--side-nav__icon > svg.cds--side-nav-collapse-icon,\n div.container div.cds--snippet--multi .cds--snippet-container pre::after,\n div.container div.demo-desktop-only div.cp-message {\n display: none;\n }\n .cds--side-nav__icon:not(.cds--side-nav__submenu-chevron) {\n margin-right: 1.5rem;\n }\n .cds--side-nav__icon > svg {\n width: 1rem;\n height: 1rem;\n }\n .cds--side-nav--expanded\n .cds--side-nav__icon\n > svg.cds--side-nav-collapse-icon {\n display: block;\n }\n .cds--side-nav--fixed .cds--side-nav__submenu,\n .cds--side-nav--fixed a.cds--side-nav__link {\n padding-left: 1rem;\n }\n @media (max-width: 65.98rem) {\n .cds--side-nav .cds--header__nav {\n display: block;\n }\n .cds--side-nav__header-navigation {\n position: relative;\n display: block;\n margin-bottom: 2rem;\n }\n }\n .cds--side-nav__header-divider::after {\n position: absolute;\n bottom: -1rem;\n left: 1rem;\n width: calc(100% - 32px);\n height: 0.0625rem;\n background: var(--cds-border-subtle);\n content: '';\n }\n .cds--side-nav a.cds--header__menu-item {\n justify-content: space-between;\n color: var(--cds-text-secondary, #525252);\n white-space: nowrap;\n }\n .cds--side-nav\n .cds--header__menu-title[aria-expanded='true']\n + .cds--header__menu {\n bottom: inherit;\n width: 100%;\n padding: 0;\n background-color: transparent;\n box-shadow: none;\n transform: none;\n }\n .cds--side-nav\n .cds--header__menu-title[aria-expanded='true']\n + .cds--header__menu\n li {\n width: 100%;\n }\n .cds--side-nav\n .cds--header__menu-title[aria-expanded='true']\n + .cds--header__menu\n a.cds--header__menu-item {\n padding-left: 4.25rem;\n font-weight: 400;\n }\n .cds--side-nav\n .cds--header__menu-title[aria-expanded='true']\n + .cds--header__menu\n a.cds--header__menu-item:hover {\n background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n color: var(--cds-text-primary, #161616);\n }\n .cds--side-nav .cds--header__menu a.cds--header__menu-item {\n height: inherit;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--side-nav .cds--header__menu-arrow,\n .cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,\n .cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,\n .cds--side-nav__icon > svg {\n fill: ButtonText;\n }\n }\n .cds--switcher {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: var(--cds-text-secondary, #525252);\n }\n .cds--switcher__item {\n width: 100%;\n height: 2rem;\n }\n .cds--switcher__item:first-child {\n margin-top: 1rem;\n }\n .cds--switcher__item--divider {\n display: block;\n width: 14rem;\n height: 1px;\n border: none;\n margin: 0.5rem 1rem;\n background: var(--cds-border-subtle);\n }\n .cds--switcher__item-link {\n display: block;\n height: 2rem;\n padding: 0.375rem 1rem;\n color: var(--cds-text-secondary, #525252);\n }\n .cds--cc--threshold--label,\n .cds--cc--tooltip .content-box,\n .cds--switcher__item-link--selected,\n .cds--switcher__item-link:active {\n color: var(--cds-text-primary, #161616);\n }\n .cds--switcher__item-link:hover:not(.cds--switcher__item-link--selected) {\n background: var(--cds-layer-hover);\n color: var(--cds-text-primary, #161616);\n cursor: pointer;\n }\n .cds--switcher__item-link:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--switcher__item-link:active {\n background: var(--cds-layer-active);\n }\n .cds--switcher__item-link--selected {\n background: var(--cds-layer-selected);\n }\n .cds--chart-holder[data-carbon-theme='g100'],\n .cds--chart-holder[data-carbon-theme='g90'] {\n --cds-charts-1-1-1: #d4bbff;\n --cds-charts-1-1-1-hovered: #bd97ff;\n --cds-charts-1-2-1: #4589ff;\n --cds-charts-1-2-1-hovered: #2172ff;\n --cds-charts-1-3-1: #33b1ff;\n --cds-charts-1-3-1-hovered: #0fa3ff;\n --cds-charts-1-4-1: #08bdba;\n --cds-charts-1-4-1-hovered: #079b98;\n --cds-charts-2-1-1: #8a3ffc;\n --cds-charts-2-1-1-hovered: #751cfb;\n --cds-charts-2-1-2: #08bdba;\n --cds-charts-2-1-2-hovered: #079b98;\n --cds-charts-2-2-2: #ff7eb6;\n --cds-charts-2-2-2-hovered: #ff5aa2;\n --cds-charts-2-3-1: #ff7eb6;\n --cds-charts-2-3-1-hovered: #ff5aa2;\n --cds-charts-2-3-2: #fff1f1;\n --cds-charts-2-3-2-hovered: #ffcdcd;\n --cds-charts-2-4-1: #4589ff;\n --cds-charts-2-4-1-hovered: #2172ff;\n --cds-charts-2-4-2: #bae6ff;\n --cds-charts-2-4-2-hovered: #96d9ff;\n --cds-charts-2-5-1: #007d79;\n --cds-charts-2-5-1-hovered: #005956;\n --cds-charts-2-5-2: #6fdc8c;\n --cds-charts-2-5-2-hovered: #52d575;\n --cds-charts-3-1-1: #8a3ffc;\n --cds-charts-3-1-1-hovered: #751cfb;\n --cds-charts-3-1-2: #08bdba;\n --cds-charts-3-1-2-hovered: #079b98;\n --cds-charts-3-1-3: #bae6ff;\n --cds-charts-3-1-3-hovered: #96d9ff;\n --cds-charts-3-2-1: #8a3ffc;\n --cds-charts-3-2-1-hovered: #751cfb;\n --cds-charts-3-2-2: #ff7eb6;\n --cds-charts-3-2-2-hovered: #ff5aa2;\n --cds-charts-3-2-3: #fff1f1;\n --cds-charts-3-2-3-hovered: #ffcdcd;\n --cds-charts-3-3-1: #4589ff;\n --cds-charts-3-3-1-hovered: #2172ff;\n --cds-charts-3-3-2: #08bdba;\n --cds-charts-3-3-2-hovered: #079b98;\n --cds-charts-3-3-3: #d4bbff;\n --cds-charts-3-3-3-hovered: #bd97ff;\n --cds-charts-3-4-1: #4589ff;\n --cds-charts-3-4-1-hovered: #2172ff;\n --cds-charts-3-4-2: #6fdc8c;\n --cds-charts-3-4-2-hovered: #52d575;\n --cds-charts-3-4-3: #fff1f1;\n --cds-charts-3-4-3-hovered: #ffcdcd;\n --cds-charts-3-5-1: #007d79;\n --cds-charts-3-5-1-hovered: #005956;\n --cds-charts-3-5-2: #6fdc8c;\n --cds-charts-3-5-2-hovered: #52d575;\n --cds-charts-3-5-3: #bae6ff;\n --cds-charts-3-5-3-hovered: #96d9ff;\n --cds-charts-4-1-1: #8a3ffc;\n --cds-charts-4-1-1-hovered: #751cfb;\n --cds-charts-4-1-2: #08bdba;\n --cds-charts-4-1-2-hovered: #079b98;\n --cds-charts-4-1-3: #bae6ff;\n --cds-charts-4-1-3-hovered: #96d9ff;\n --cds-charts-4-1-4: #4589ff;\n --cds-charts-4-1-4-hovered: #2172ff;\n --cds-charts-4-2-1: #4589ff;\n --cds-charts-4-2-1-hovered: #2172ff;\n --cds-charts-4-2-2: #08bdba;\n --cds-charts-4-2-2-hovered: #079b98;\n --cds-charts-4-2-3: #d4bbff;\n --cds-charts-4-2-3-hovered: #bd97ff;\n --cds-charts-4-2-4: #fff1f1;\n --cds-charts-4-2-4-hovered: #ffcdcd;\n --cds-charts-4-3-1: #007d79;\n --cds-charts-4-3-1-hovered: #005956;\n --cds-charts-4-3-2: #fff1f1;\n --cds-charts-4-3-2-hovered: #ffcdcd;\n --cds-charts-4-3-3: #33b1ff;\n --cds-charts-4-3-3-hovered: #0fa3ff;\n --cds-charts-4-3-4: #6fdc8c;\n --cds-charts-4-3-4-hovered: #52d575;\n --cds-charts-5-1-1: #8a3ffc;\n --cds-charts-5-1-1-hovered: #751cfb;\n --cds-charts-5-1-2: #08bdba;\n --cds-charts-5-1-2-hovered: #079b98;\n --cds-charts-5-1-3: #bae6ff;\n --cds-charts-5-1-3-hovered: #96d9ff;\n --cds-charts-5-1-4: #4589ff;\n --cds-charts-5-1-4-hovered: #2172ff;\n --cds-charts-5-1-5: #ff7eb6;\n --cds-charts-5-1-5-hovered: #ff5aa2;\n --cds-charts-5-2-1: #4589ff;\n --cds-charts-5-2-1-hovered: #2172ff;\n --cds-charts-5-2-2: #08bdba;\n --cds-charts-5-2-2-hovered: #079b98;\n --cds-charts-5-2-3: #d4bbff;\n --cds-charts-5-2-3-hovered: #bd97ff;\n --cds-charts-5-2-4: #fff1f1;\n --cds-charts-5-2-4-hovered: #ffcdcd;\n --cds-charts-5-2-5: #6fdc8c;\n --cds-charts-5-2-5-hovered: #52d575;\n --cds-charts-14-1-1: #8a3ffc;\n --cds-charts-14-1-1-hovered: #751cfb;\n --cds-charts-14-1-2: #33b1ff;\n --cds-charts-14-1-2-hovered: #0fa3ff;\n --cds-charts-14-1-3: #007d79;\n --cds-charts-14-1-3-hovered: #005956;\n --cds-charts-14-1-4: #ff7eb6;\n --cds-charts-14-1-4-hovered: #ff5aa2;\n --cds-charts-14-1-6: #fff1f1;\n --cds-charts-14-1-6-hovered: #ffcdcd;\n --cds-charts-14-1-7: #6fdc8c;\n --cds-charts-14-1-7-hovered: #52d575;\n --cds-charts-14-1-8: #4589ff;\n --cds-charts-14-1-8-hovered: #2172ff;\n --cds-charts-14-1-9: #d02670;\n --cds-charts-14-1-9-hovered: #b22060;\n --cds-charts-14-1-10: #d2a106;\n --cds-charts-14-1-10-hovered: #af8605;\n --cds-charts-14-1-11: #08bdba;\n --cds-charts-14-1-11-hovered: #079b98;\n --cds-charts-14-1-12: #bae6ff;\n --cds-charts-14-1-12-hovered: #96d9ff;\n --cds-charts-14-1-13: #ba4e00;\n --cds-charts-14-1-13-hovered: #963f00;\n --cds-charts-14-1-14: #d4bbff;\n --cds-charts-14-1-14-hovered: #bd97ff;\n }\n .cds--cc--chart-wrapper .fill-1-1-1 {\n fill: var(--cds-charts-1-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-1-1-1.hovered {\n fill: var(--cds-charts-1-1-1-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-1-1-1,\n .cds--cc--tooltip .tooltip-1-1-1 {\n background-color: var(--cds-charts-1-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .background-1-1-1.hovered {\n background-color: var(--cds-charts-1-1-1-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-1-1-1 {\n stroke: var(--cds-charts-1-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .stop-color-1-1-1 {\n stop-color: var(--cds-charts-1-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-1-2-1 {\n fill: var(--cds-charts-1-2-1, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-1-2-1.hovered {\n fill: var(--cds-charts-1-2-1-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-1-2-1,\n .cds--cc--tooltip .tooltip-1-2-1 {\n background-color: var(--cds-charts-1-2-1, #002d9c);\n }\n .cds--cc--chart-wrapper .background-1-2-1.hovered {\n background-color: var(--cds-charts-1-2-1-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-1-2-1 {\n stroke: var(--cds-charts-1-2-1, #002d9c);\n }\n .cds--cc--chart-wrapper .stop-color-1-2-1 {\n stop-color: var(--cds-charts-1-2-1, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-1-3-1 {\n fill: var(--cds-charts-1-3-1, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-1-3-1.hovered {\n fill: var(--cds-charts-1-3-1-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-1-3-1,\n .cds--cc--tooltip .tooltip-1-3-1 {\n background-color: var(--cds-charts-1-3-1, #1192e8);\n }\n .cds--cc--chart-wrapper .background-1-3-1.hovered {\n background-color: var(--cds-charts-1-3-1-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-1-3-1 {\n stroke: var(--cds-charts-1-3-1, #1192e8);\n }\n .cds--cc--chart-wrapper .stop-color-1-3-1 {\n stop-color: var(--cds-charts-1-3-1, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-1-4-1 {\n fill: var(--cds-charts-1-4-1, #007d79);\n }\n .cds--cc--chart-wrapper .fill-1-4-1.hovered {\n fill: var(--cds-charts-1-4-1-hovered, #007d79);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-1-4-1,\n .cds--cc--tooltip .tooltip-1-4-1 {\n background-color: var(--cds-charts-1-4-1, #007d79);\n }\n .cds--cc--chart-wrapper .background-1-4-1.hovered {\n background-color: var(--cds-charts-1-4-1-hovered, #007d79);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-1-4-1 {\n stroke: var(--cds-charts-1-4-1, #007d79);\n }\n .cds--cc--chart-wrapper .stop-color-1-4-1 {\n stop-color: var(--cds-charts-1-4-1, #007d79);\n }\n .cds--cc--chart-wrapper .fill-2-1-1 {\n fill: var(--cds-charts-2-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-2-1-1.hovered {\n fill: var(--cds-charts-2-1-1-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-2-1-1,\n .cds--cc--tooltip .tooltip-2-1-1 {\n background-color: var(--cds-charts-2-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .background-2-1-1.hovered {\n background-color: var(--cds-charts-2-1-1-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-2-1-1 {\n stroke: var(--cds-charts-2-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .stop-color-2-1-1 {\n stop-color: var(--cds-charts-2-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-2-1-2 {\n fill: var(--cds-charts-2-1-2, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-2-1-2.hovered {\n fill: var(--cds-charts-2-1-2-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-2-1-2,\n .cds--cc--tooltip .tooltip-2-1-2 {\n background-color: var(--cds-charts-2-1-2, #009d9a);\n }\n .cds--cc--chart-wrapper .background-2-1-2.hovered {\n background-color: var(--cds-charts-2-1-2-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-2-1-2 {\n stroke: var(--cds-charts-2-1-2, #009d9a);\n }\n .cds--cc--chart-wrapper .stop-color-2-1-2 {\n stop-color: var(--cds-charts-2-1-2, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-2-2-1 {\n fill: var(--cds-charts-2-2-1, #8a3ffc);\n }\n .cds--cc--chart-wrapper .fill-2-2-1.hovered {\n fill: var(--cds-charts-2-2-1-hovered, #8a3ffc);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-2-2-1,\n .cds--cc--tooltip .tooltip-2-2-1 {\n background-color: var(--cds-charts-2-2-1, #8a3ffc);\n }\n .cds--cc--chart-wrapper .background-2-2-1.hovered {\n background-color: var(--cds-charts-2-2-1-hovered, #8a3ffc);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-2-2-1 {\n stroke: var(--cds-charts-2-2-1, #8a3ffc);\n }\n .cds--cc--chart-wrapper .stop-color-2-2-1 {\n stop-color: var(--cds-charts-2-2-1, #8a3ffc);\n }\n .cds--cc--chart-wrapper .fill-2-2-2 {\n fill: var(--cds-charts-2-2-2, #520408);\n }\n .cds--cc--chart-wrapper .fill-2-2-2.hovered {\n fill: var(--cds-charts-2-2-2-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-2-2-2,\n .cds--cc--tooltip .tooltip-2-2-2 {\n background-color: var(--cds-charts-2-2-2, #520408);\n }\n .cds--cc--chart-wrapper .background-2-2-2.hovered {\n background-color: var(--cds-charts-2-2-2-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-2-2-2 {\n stroke: var(--cds-charts-2-2-2, #520408);\n }\n .cds--cc--chart-wrapper .stop-color-2-2-2 {\n stop-color: var(--cds-charts-2-2-2, #520408);\n }\n .cds--cc--chart-wrapper .fill-2-3-1 {\n fill: var(--cds-charts-2-3-1, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-2-3-1.hovered {\n fill: var(--cds-charts-2-3-1-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-2-3-1,\n .cds--cc--tooltip .tooltip-2-3-1 {\n background-color: var(--cds-charts-2-3-1, #9f1853);\n }\n .cds--cc--chart-wrapper .background-2-3-1.hovered {\n background-color: var(--cds-charts-2-3-1-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-2-3-1 {\n stroke: var(--cds-charts-2-3-1, #9f1853);\n }\n .cds--cc--chart-wrapper .stop-color-2-3-1 {\n stop-color: var(--cds-charts-2-3-1, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-2-3-2 {\n fill: var(--cds-charts-2-3-2, #520408);\n }\n .cds--cc--chart-wrapper .fill-2-3-2.hovered {\n fill: var(--cds-charts-2-3-2-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-2-3-2,\n .cds--cc--tooltip .tooltip-2-3-2 {\n background-color: var(--cds-charts-2-3-2, #520408);\n }\n .cds--cc--chart-wrapper .background-2-3-2.hovered {\n background-color: var(--cds-charts-2-3-2-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-2-3-2 {\n stroke: var(--cds-charts-2-3-2, #520408);\n }\n .cds--cc--chart-wrapper .stop-color-2-3-2 {\n stop-color: var(--cds-charts-2-3-2, #520408);\n }\n .cds--cc--chart-wrapper .fill-2-4-1 {\n fill: var(--cds-charts-2-4-1, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-2-4-1.hovered {\n fill: var(--cds-charts-2-4-1-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-2-4-1,\n .cds--cc--tooltip .tooltip-2-4-1 {\n background-color: var(--cds-charts-2-4-1, #1192e8);\n }\n .cds--cc--chart-wrapper .background-2-4-1.hovered {\n background-color: var(--cds-charts-2-4-1-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-2-4-1 {\n stroke: var(--cds-charts-2-4-1, #1192e8);\n }\n .cds--cc--chart-wrapper .stop-color-2-4-1 {\n stop-color: var(--cds-charts-2-4-1, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-2-4-2 {\n fill: var(--cds-charts-2-4-2, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-2-4-2.hovered {\n fill: var(--cds-charts-2-4-2-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-2-4-2,\n .cds--cc--tooltip .tooltip-2-4-2 {\n background-color: var(--cds-charts-2-4-2, #005d5d);\n }\n .cds--cc--chart-wrapper .background-2-4-2.hovered {\n background-color: var(--cds-charts-2-4-2-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-2-4-2 {\n stroke: var(--cds-charts-2-4-2, #005d5d);\n }\n .cds--cc--chart-wrapper .stop-color-2-4-2 {\n stop-color: var(--cds-charts-2-4-2, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-2-5-1 {\n fill: var(--cds-charts-2-5-1, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-2-5-1.hovered {\n fill: var(--cds-charts-2-5-1-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-2-5-1,\n .cds--cc--tooltip .tooltip-2-5-1 {\n background-color: var(--cds-charts-2-5-1, #009d9a);\n }\n .cds--cc--chart-wrapper .background-2-5-1.hovered {\n background-color: var(--cds-charts-2-5-1-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-2-5-1 {\n stroke: var(--cds-charts-2-5-1, #009d9a);\n }\n .cds--cc--chart-wrapper .stop-color-2-5-1 {\n stop-color: var(--cds-charts-2-5-1, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-2-5-2 {\n fill: var(--cds-charts-2-5-2, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-2-5-2.hovered {\n fill: var(--cds-charts-2-5-2-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-2-5-2,\n .cds--cc--tooltip .tooltip-2-5-2 {\n background-color: var(--cds-charts-2-5-2, #002d9c);\n }\n .cds--cc--chart-wrapper .background-2-5-2.hovered {\n background-color: var(--cds-charts-2-5-2-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-2-5-2 {\n stroke: var(--cds-charts-2-5-2, #002d9c);\n }\n .cds--cc--chart-wrapper .stop-color-2-5-2 {\n stop-color: var(--cds-charts-2-5-2, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-3-1-1 {\n fill: var(--cds-charts-3-1-1, #ee5396);\n }\n .cds--cc--chart-wrapper .fill-3-1-1.hovered {\n fill: var(--cds-charts-3-1-1-hovered, #ee5396);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-1-1,\n .cds--cc--tooltip .tooltip-3-1-1 {\n background-color: var(--cds-charts-3-1-1, #ee5396);\n }\n .cds--cc--chart-wrapper .background-3-1-1.hovered {\n background-color: var(--cds-charts-3-1-1-hovered, #ee5396);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-1-1 {\n stroke: var(--cds-charts-3-1-1, #ee5396);\n }\n .cds--cc--chart-wrapper .stop-color-3-1-1 {\n stop-color: var(--cds-charts-3-1-1, #ee5396);\n }\n .cds--cc--chart-wrapper .fill-3-1-2 {\n fill: var(--cds-charts-3-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-3-1-2.hovered {\n fill: var(--cds-charts-3-1-2-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-1-2,\n .cds--cc--tooltip .tooltip-3-1-2 {\n background-color: var(--cds-charts-3-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .background-3-1-2.hovered {\n background-color: var(--cds-charts-3-1-2-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-1-2 {\n stroke: var(--cds-charts-3-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .stop-color-3-1-2 {\n stop-color: var(--cds-charts-3-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-3-1-3 {\n fill: var(--cds-charts-3-1-3, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-3-1-3.hovered {\n fill: var(--cds-charts-3-1-3-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-1-3,\n .cds--cc--tooltip .tooltip-3-1-3 {\n background-color: var(--cds-charts-3-1-3, #6929c4);\n }\n .cds--cc--chart-wrapper .background-3-1-3.hovered {\n background-color: var(--cds-charts-3-1-3-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-1-3 {\n stroke: var(--cds-charts-3-1-3, #6929c4);\n }\n .cds--cc--chart-wrapper .stop-color-3-1-3 {\n stop-color: var(--cds-charts-3-1-3, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-3-2-1 {\n fill: var(--cds-charts-3-2-1, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-3-2-1.hovered {\n fill: var(--cds-charts-3-2-1-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-2-1,\n .cds--cc--tooltip .tooltip-3-2-1 {\n background-color: var(--cds-charts-3-2-1, #9f1853);\n }\n .cds--cc--chart-wrapper .background-3-2-1.hovered {\n background-color: var(--cds-charts-3-2-1-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-2-1 {\n stroke: var(--cds-charts-3-2-1, #9f1853);\n }\n .cds--cc--chart-wrapper .stop-color-3-2-1 {\n stop-color: var(--cds-charts-3-2-1, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-3-2-2 {\n fill: var(--cds-charts-3-2-2, #fa4d56);\n }\n .cds--cc--chart-wrapper .fill-3-2-2.hovered {\n fill: var(--cds-charts-3-2-2-hovered, #fa4d56);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-2-2,\n .cds--cc--tooltip .tooltip-3-2-2 {\n background-color: var(--cds-charts-3-2-2, #fa4d56);\n }\n .cds--cc--chart-wrapper .background-3-2-2.hovered {\n background-color: var(--cds-charts-3-2-2-hovered, #fa4d56);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-2-2 {\n stroke: var(--cds-charts-3-2-2, #fa4d56);\n }\n .cds--cc--chart-wrapper .stop-color-3-2-2 {\n stop-color: var(--cds-charts-3-2-2, #fa4d56);\n }\n .cds--cc--chart-wrapper .fill-3-2-3 {\n fill: var(--cds-charts-3-2-3, #520408);\n }\n .cds--cc--chart-wrapper .fill-3-2-3.hovered {\n fill: var(--cds-charts-3-2-3-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-2-3,\n .cds--cc--tooltip .tooltip-3-2-3 {\n background-color: var(--cds-charts-3-2-3, #520408);\n }\n .cds--cc--chart-wrapper .background-3-2-3.hovered {\n background-color: var(--cds-charts-3-2-3-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-2-3 {\n stroke: var(--cds-charts-3-2-3, #520408);\n }\n .cds--cc--chart-wrapper .stop-color-3-2-3 {\n stop-color: var(--cds-charts-3-2-3, #520408);\n }\n .cds--cc--chart-wrapper .fill-3-3-1 {\n fill: var(--cds-charts-3-3-1, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-3-3-1.hovered {\n fill: var(--cds-charts-3-3-1-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-3-1,\n .cds--cc--tooltip .tooltip-3-3-1 {\n background-color: var(--cds-charts-3-3-1, #a56eff);\n }\n .cds--cc--chart-wrapper .background-3-3-1.hovered {\n background-color: var(--cds-charts-3-3-1-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-3-1 {\n stroke: var(--cds-charts-3-3-1, #a56eff);\n }\n .cds--cc--chart-wrapper .stop-color-3-3-1 {\n stop-color: var(--cds-charts-3-3-1, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-3-3-2 {\n fill: var(--cds-charts-3-3-2, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-3-3-2.hovered {\n fill: var(--cds-charts-3-3-2-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-3-2,\n .cds--cc--tooltip .tooltip-3-3-2 {\n background-color: var(--cds-charts-3-3-2, #005d5d);\n }\n .cds--cc--chart-wrapper .background-3-3-2.hovered {\n background-color: var(--cds-charts-3-3-2-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-3-2 {\n stroke: var(--cds-charts-3-3-2, #005d5d);\n }\n .cds--cc--chart-wrapper .stop-color-3-3-2 {\n stop-color: var(--cds-charts-3-3-2, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-3-3-3 {\n fill: var(--cds-charts-3-3-3, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-3-3-3.hovered {\n fill: var(--cds-charts-3-3-3-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-3-3,\n .cds--cc--tooltip .tooltip-3-3-3 {\n background-color: var(--cds-charts-3-3-3, #002d9c);\n }\n .cds--cc--chart-wrapper .background-3-3-3.hovered {\n background-color: var(--cds-charts-3-3-3-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-3-3 {\n stroke: var(--cds-charts-3-3-3, #002d9c);\n }\n .cds--cc--chart-wrapper .stop-color-3-3-3 {\n stop-color: var(--cds-charts-3-3-3, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-3-4-1 {\n fill: var(--cds-charts-3-4-1, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-3-4-1.hovered {\n fill: var(--cds-charts-3-4-1-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-4-1,\n .cds--cc--tooltip .tooltip-3-4-1 {\n background-color: var(--cds-charts-3-4-1, #a56eff);\n }\n .cds--cc--chart-wrapper .background-3-4-1.hovered {\n background-color: var(--cds-charts-3-4-1-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-4-1 {\n stroke: var(--cds-charts-3-4-1, #a56eff);\n }\n .cds--cc--chart-wrapper .stop-color-3-4-1 {\n stop-color: var(--cds-charts-3-4-1, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-3-4-2 {\n fill: var(--cds-charts-3-4-2, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-3-4-2.hovered {\n fill: var(--cds-charts-3-4-2-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-4-2,\n .cds--cc--tooltip .tooltip-3-4-2 {\n background-color: var(--cds-charts-3-4-2, #005d5d);\n }\n .cds--cc--chart-wrapper .background-3-4-2.hovered {\n background-color: var(--cds-charts-3-4-2-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-4-2 {\n stroke: var(--cds-charts-3-4-2, #005d5d);\n }\n .cds--cc--chart-wrapper .stop-color-3-4-2 {\n stop-color: var(--cds-charts-3-4-2, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-3-4-3 {\n fill: var(--cds-charts-3-4-3, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-3-4-3.hovered {\n fill: var(--cds-charts-3-4-3-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-4-3,\n .cds--cc--tooltip .tooltip-3-4-3 {\n background-color: var(--cds-charts-3-4-3, #9f1853);\n }\n .cds--cc--chart-wrapper .background-3-4-3.hovered {\n background-color: var(--cds-charts-3-4-3-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-4-3 {\n stroke: var(--cds-charts-3-4-3, #9f1853);\n }\n .cds--cc--chart-wrapper .stop-color-3-4-3 {\n stop-color: var(--cds-charts-3-4-3, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-3-5-1 {\n fill: var(--cds-charts-3-5-1, #012749);\n }\n .cds--cc--chart-wrapper .fill-3-5-1.hovered {\n fill: var(--cds-charts-3-5-1-hovered, #012749);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-5-1,\n .cds--cc--tooltip .tooltip-3-5-1 {\n background-color: var(--cds-charts-3-5-1, #012749);\n }\n .cds--cc--chart-wrapper .background-3-5-1.hovered {\n background-color: var(--cds-charts-3-5-1-hovered, #012749);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-5-1 {\n stroke: var(--cds-charts-3-5-1, #012749);\n }\n .cds--cc--chart-wrapper .stop-color-3-5-1 {\n stop-color: var(--cds-charts-3-5-1, #012749);\n }\n .cds--cc--chart-wrapper .fill-3-5-2 {\n fill: var(--cds-charts-3-5-2, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-3-5-2.hovered {\n fill: var(--cds-charts-3-5-2-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-5-2,\n .cds--cc--tooltip .tooltip-3-5-2 {\n background-color: var(--cds-charts-3-5-2, #6929c4);\n }\n .cds--cc--chart-wrapper .background-3-5-2.hovered {\n background-color: var(--cds-charts-3-5-2-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-5-2 {\n stroke: var(--cds-charts-3-5-2, #6929c4);\n }\n .cds--cc--chart-wrapper .stop-color-3-5-2 {\n stop-color: var(--cds-charts-3-5-2, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-3-5-3 {\n fill: var(--cds-charts-3-5-3, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-3-5-3.hovered {\n fill: var(--cds-charts-3-5-3-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-5-3,\n .cds--cc--tooltip .tooltip-3-5-3 {\n background-color: var(--cds-charts-3-5-3, #009d9a);\n }\n .cds--cc--chart-wrapper .background-3-5-3.hovered {\n background-color: var(--cds-charts-3-5-3-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-5-3 {\n stroke: var(--cds-charts-3-5-3, #009d9a);\n }\n .cds--cc--chart-wrapper .stop-color-3-5-3 {\n stop-color: var(--cds-charts-3-5-3, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-4-1-1 {\n fill: var(--cds-charts-4-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-4-1-1.hovered {\n fill: var(--cds-charts-4-1-1-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-1-1,\n .cds--cc--tooltip .tooltip-4-1-1 {\n background-color: var(--cds-charts-4-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .background-4-1-1.hovered {\n background-color: var(--cds-charts-4-1-1-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-1-1 {\n stroke: var(--cds-charts-4-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .stop-color-4-1-1 {\n stop-color: var(--cds-charts-4-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-4-1-2 {\n fill: var(--cds-charts-4-1-2, #012749);\n }\n .cds--cc--chart-wrapper .fill-4-1-2.hovered {\n fill: var(--cds-charts-4-1-2-hovered, #012749);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-1-2,\n .cds--cc--tooltip .tooltip-4-1-2 {\n background-color: var(--cds-charts-4-1-2, #012749);\n }\n .cds--cc--chart-wrapper .background-4-1-2.hovered {\n background-color: var(--cds-charts-4-1-2-hovered, #012749);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-1-2 {\n stroke: var(--cds-charts-4-1-2, #012749);\n }\n .cds--cc--chart-wrapper .stop-color-4-1-2 {\n stop-color: var(--cds-charts-4-1-2, #012749);\n }\n .cds--cc--chart-wrapper .fill-4-1-3 {\n fill: var(--cds-charts-4-1-3, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-4-1-3.hovered {\n fill: var(--cds-charts-4-1-3-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-1-3,\n .cds--cc--tooltip .tooltip-4-1-3 {\n background-color: var(--cds-charts-4-1-3, #009d9a);\n }\n .cds--cc--chart-wrapper .background-4-1-3.hovered {\n background-color: var(--cds-charts-4-1-3-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-1-3 {\n stroke: var(--cds-charts-4-1-3, #009d9a);\n }\n .cds--cc--chart-wrapper .stop-color-4-1-3 {\n stop-color: var(--cds-charts-4-1-3, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-4-1-4 {\n fill: var(--cds-charts-4-1-4, #ee5396);\n }\n .cds--cc--chart-wrapper .fill-4-1-4.hovered {\n fill: var(--cds-charts-4-1-4-hovered, #ee5396);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-1-4,\n .cds--cc--tooltip .tooltip-4-1-4 {\n background-color: var(--cds-charts-4-1-4, #ee5396);\n }\n .cds--cc--chart-wrapper .background-4-1-4.hovered {\n background-color: var(--cds-charts-4-1-4-hovered, #ee5396);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-1-4 {\n stroke: var(--cds-charts-4-1-4, #ee5396);\n }\n .cds--cc--chart-wrapper .stop-color-4-1-4 {\n stop-color: var(--cds-charts-4-1-4, #ee5396);\n }\n .cds--cc--chart-wrapper .fill-4-2-1 {\n fill: var(--cds-charts-4-2-1, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-4-2-1.hovered {\n fill: var(--cds-charts-4-2-1-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-2-1,\n .cds--cc--tooltip .tooltip-4-2-1 {\n background-color: var(--cds-charts-4-2-1, #9f1853);\n }\n .cds--cc--chart-wrapper .background-4-2-1.hovered {\n background-color: var(--cds-charts-4-2-1-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-2-1 {\n stroke: var(--cds-charts-4-2-1, #9f1853);\n }\n .cds--cc--chart-wrapper .stop-color-4-2-1 {\n stop-color: var(--cds-charts-4-2-1, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-4-2-2 {\n fill: var(--cds-charts-4-2-2, #fa4d56);\n }\n .cds--cc--chart-wrapper .fill-4-2-2.hovered {\n fill: var(--cds-charts-4-2-2-hovered, #fa4d56);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-2-2,\n .cds--cc--tooltip .tooltip-4-2-2 {\n background-color: var(--cds-charts-4-2-2, #fa4d56);\n }\n .cds--cc--chart-wrapper .background-4-2-2.hovered {\n background-color: var(--cds-charts-4-2-2-hovered, #fa4d56);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-2-2 {\n stroke: var(--cds-charts-4-2-2, #fa4d56);\n }\n .cds--cc--chart-wrapper .stop-color-4-2-2 {\n stop-color: var(--cds-charts-4-2-2, #fa4d56);\n }\n .cds--cc--chart-wrapper .fill-4-2-3 {\n fill: var(--cds-charts-4-2-3, #520408);\n }\n .cds--cc--chart-wrapper .fill-4-2-3.hovered {\n fill: var(--cds-charts-4-2-3-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-2-3,\n .cds--cc--tooltip .tooltip-4-2-3 {\n background-color: var(--cds-charts-4-2-3, #520408);\n }\n .cds--cc--chart-wrapper .background-4-2-3.hovered {\n background-color: var(--cds-charts-4-2-3-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-2-3 {\n stroke: var(--cds-charts-4-2-3, #520408);\n }\n .cds--cc--chart-wrapper .stop-color-4-2-3 {\n stop-color: var(--cds-charts-4-2-3, #520408);\n }\n .cds--cc--chart-wrapper .fill-4-2-4 {\n fill: var(--cds-charts-4-2-4, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-4-2-4.hovered {\n fill: var(--cds-charts-4-2-4-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-2-4,\n .cds--cc--tooltip .tooltip-4-2-4 {\n background-color: var(--cds-charts-4-2-4, #a56eff);\n }\n .cds--cc--chart-wrapper .background-4-2-4.hovered {\n background-color: var(--cds-charts-4-2-4-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-2-4 {\n stroke: var(--cds-charts-4-2-4, #a56eff);\n }\n .cds--cc--chart-wrapper .stop-color-4-2-4 {\n stop-color: var(--cds-charts-4-2-4, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-4-3-1 {\n fill: var(--cds-charts-4-3-1, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-4-3-1.hovered {\n fill: var(--cds-charts-4-3-1-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-3-1,\n .cds--cc--tooltip .tooltip-4-3-1 {\n background-color: var(--cds-charts-4-3-1, #009d9a);\n }\n .cds--cc--chart-wrapper .background-4-3-1.hovered {\n background-color: var(--cds-charts-4-3-1-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-3-1 {\n stroke: var(--cds-charts-4-3-1, #009d9a);\n }\n .cds--cc--chart-wrapper .stop-color-4-3-1 {\n stop-color: var(--cds-charts-4-3-1, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-4-3-2 {\n fill: var(--cds-charts-4-3-2, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-4-3-2.hovered {\n fill: var(--cds-charts-4-3-2-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-3-2,\n .cds--cc--tooltip .tooltip-4-3-2 {\n background-color: var(--cds-charts-4-3-2, #002d9c);\n }\n .cds--cc--chart-wrapper .background-4-3-2.hovered {\n background-color: var(--cds-charts-4-3-2-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-3-2 {\n stroke: var(--cds-charts-4-3-2, #002d9c);\n }\n .cds--cc--chart-wrapper .stop-color-4-3-2 {\n stop-color: var(--cds-charts-4-3-2, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-4-3-3 {\n fill: var(--cds-charts-4-3-3, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-4-3-3.hovered {\n fill: var(--cds-charts-4-3-3-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-3-3,\n .cds--cc--tooltip .tooltip-4-3-3 {\n background-color: var(--cds-charts-4-3-3, #a56eff);\n }\n .cds--cc--chart-wrapper .background-4-3-3.hovered {\n background-color: var(--cds-charts-4-3-3-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-3-3 {\n stroke: var(--cds-charts-4-3-3, #a56eff);\n }\n .cds--cc--chart-wrapper .stop-color-4-3-3 {\n stop-color: var(--cds-charts-4-3-3, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-4-3-4 {\n fill: var(--cds-charts-4-3-4, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-4-3-4.hovered {\n fill: var(--cds-charts-4-3-4-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-3-4,\n .cds--cc--tooltip .tooltip-4-3-4 {\n background-color: var(--cds-charts-4-3-4, #9f1853);\n }\n .cds--cc--chart-wrapper .background-4-3-4.hovered {\n background-color: var(--cds-charts-4-3-4-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-3-4 {\n stroke: var(--cds-charts-4-3-4, #9f1853);\n }\n .cds--cc--chart-wrapper .stop-color-4-3-4 {\n stop-color: var(--cds-charts-4-3-4, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-5-1-1 {\n fill: var(--cds-charts-5-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-5-1-1.hovered {\n fill: var(--cds-charts-5-1-1-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-5-1-1,\n .cds--cc--tooltip .tooltip-5-1-1 {\n background-color: var(--cds-charts-5-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .background-5-1-1.hovered {\n background-color: var(--cds-charts-5-1-1-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-5-1-1 {\n stroke: var(--cds-charts-5-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .stop-color-5-1-1 {\n stop-color: var(--cds-charts-5-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-5-1-2 {\n fill: var(--cds-charts-5-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-5-1-2.hovered {\n fill: var(--cds-charts-5-1-2-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-5-1-2,\n .cds--cc--tooltip .tooltip-5-1-2 {\n background-color: var(--cds-charts-5-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .background-5-1-2.hovered {\n background-color: var(--cds-charts-5-1-2-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-5-1-2 {\n stroke: var(--cds-charts-5-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .stop-color-5-1-2 {\n stop-color: var(--cds-charts-5-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-5-1-3 {\n fill: var(--cds-charts-5-1-3, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-5-1-3.hovered {\n fill: var(--cds-charts-5-1-3-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-5-1-3,\n .cds--cc--tooltip .tooltip-5-1-3 {\n background-color: var(--cds-charts-5-1-3, #005d5d);\n }\n .cds--cc--chart-wrapper .background-5-1-3.hovered {\n background-color: var(--cds-charts-5-1-3-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-5-1-3 {\n stroke: var(--cds-charts-5-1-3, #005d5d);\n }\n .cds--cc--chart-wrapper .stop-color-5-1-3 {\n stop-color: var(--cds-charts-5-1-3, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-5-1-4 {\n fill: var(--cds-charts-5-1-4, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-5-1-4.hovered {\n fill: var(--cds-charts-5-1-4-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-5-1-4,\n .cds--cc--tooltip .tooltip-5-1-4 {\n background-color: var(--cds-charts-5-1-4, #9f1853);\n }\n .cds--cc--chart-wrapper .background-5-1-4.hovered {\n background-color: var(--cds-charts-5-1-4-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-5-1-4 {\n stroke: var(--cds-charts-5-1-4, #9f1853);\n }\n .cds--cc--chart-wrapper .stop-color-5-1-4 {\n stop-color: var(--cds-charts-5-1-4, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-5-1-5 {\n fill: var(--cds-charts-5-1-5, #520408);\n }\n .cds--cc--chart-wrapper .fill-5-1-5.hovered {\n fill: var(--cds-charts-5-1-5-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-5-1-5,\n .cds--cc--tooltip .tooltip-5-1-5 {\n background-color: var(--cds-charts-5-1-5, #520408);\n }\n .cds--cc--chart-wrapper .background-5-1-5.hovered {\n background-color: var(--cds-charts-5-1-5-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-5-1-5 {\n stroke: var(--cds-charts-5-1-5, #520408);\n }\n .cds--cc--chart-wrapper .stop-color-5-1-5 {\n stop-color: var(--cds-charts-5-1-5, #520408);\n }\n .cds--cc--chart-wrapper .fill-5-2-1 {\n fill: var(--cds-charts-5-2-1, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-5-2-1.hovered {\n fill: var(--cds-charts-5-2-1-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-5-2-1,\n .cds--cc--tooltip .tooltip-5-2-1 {\n background-color: var(--cds-charts-5-2-1, #002d9c);\n }\n .cds--cc--chart-wrapper .background-5-2-1.hovered {\n background-color: var(--cds-charts-5-2-1-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-5-2-1 {\n stroke: var(--cds-charts-5-2-1, #002d9c);\n }\n .cds--cc--chart-wrapper .stop-color-5-2-1 {\n stop-color: var(--cds-charts-5-2-1, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-5-2-2 {\n fill: var(--cds-charts-5-2-2, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-5-2-2.hovered {\n fill: var(--cds-charts-5-2-2-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-5-2-2,\n .cds--cc--tooltip .tooltip-5-2-2 {\n background-color: var(--cds-charts-5-2-2, #009d9a);\n }\n .cds--cc--chart-wrapper .background-5-2-2.hovered {\n background-color: var(--cds-charts-5-2-2-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-5-2-2 {\n stroke: var(--cds-charts-5-2-2, #009d9a);\n }\n .cds--cc--chart-wrapper .stop-color-5-2-2 {\n stop-color: var(--cds-charts-5-2-2, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-5-2-3 {\n fill: var(--cds-charts-5-2-3, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-5-2-3.hovered {\n fill: var(--cds-charts-5-2-3-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-5-2-3,\n .cds--cc--tooltip .tooltip-5-2-3 {\n background-color: var(--cds-charts-5-2-3, #9f1853);\n }\n .cds--cc--chart-wrapper .background-5-2-3.hovered {\n background-color: var(--cds-charts-5-2-3-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-5-2-3 {\n stroke: var(--cds-charts-5-2-3, #9f1853);\n }\n .cds--cc--chart-wrapper .stop-color-5-2-3 {\n stop-color: var(--cds-charts-5-2-3, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-5-2-4 {\n fill: var(--cds-charts-5-2-4, #520408);\n }\n .cds--cc--chart-wrapper .fill-5-2-4.hovered {\n fill: var(--cds-charts-5-2-4-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-5-2-4,\n .cds--cc--tooltip .tooltip-5-2-4 {\n background-color: var(--cds-charts-5-2-4, #520408);\n }\n .cds--cc--chart-wrapper .background-5-2-4.hovered {\n background-color: var(--cds-charts-5-2-4-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-5-2-4 {\n stroke: var(--cds-charts-5-2-4, #520408);\n }\n .cds--cc--chart-wrapper .stop-color-5-2-4 {\n stop-color: var(--cds-charts-5-2-4, #520408);\n }\n .cds--cc--chart-wrapper .fill-5-2-5 {\n fill: var(--cds-charts-5-2-5, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-5-2-5.hovered {\n fill: var(--cds-charts-5-2-5-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-5-2-5,\n .cds--cc--tooltip .tooltip-5-2-5 {\n background-color: var(--cds-charts-5-2-5, #a56eff);\n }\n .cds--cc--chart-wrapper .background-5-2-5.hovered {\n background-color: var(--cds-charts-5-2-5-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-5-2-5 {\n stroke: var(--cds-charts-5-2-5, #a56eff);\n }\n .cds--cc--chart-wrapper .stop-color-5-2-5 {\n stop-color: var(--cds-charts-5-2-5, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-14-1-1 {\n fill: var(--cds-charts-14-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-14-1-1.hovered {\n fill: var(--cds-charts-14-1-1-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-1,\n .cds--cc--tooltip .tooltip-14-1-1 {\n background-color: var(--cds-charts-14-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .background-14-1-1.hovered {\n background-color: var(--cds-charts-14-1-1-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-1 {\n stroke: var(--cds-charts-14-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-1 {\n stop-color: var(--cds-charts-14-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-14-1-2 {\n fill: var(--cds-charts-14-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-14-1-2.hovered {\n fill: var(--cds-charts-14-1-2-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-2,\n .cds--cc--tooltip .tooltip-14-1-2 {\n background-color: var(--cds-charts-14-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .background-14-1-2.hovered {\n background-color: var(--cds-charts-14-1-2-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-2 {\n stroke: var(--cds-charts-14-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-2 {\n stop-color: var(--cds-charts-14-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-14-1-3 {\n fill: var(--cds-charts-14-1-3, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-14-1-3.hovered {\n fill: var(--cds-charts-14-1-3-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-3,\n .cds--cc--tooltip .tooltip-14-1-3 {\n background-color: var(--cds-charts-14-1-3, #005d5d);\n }\n .cds--cc--chart-wrapper .background-14-1-3.hovered {\n background-color: var(--cds-charts-14-1-3-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-3 {\n stroke: var(--cds-charts-14-1-3, #005d5d);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-3 {\n stop-color: var(--cds-charts-14-1-3, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-14-1-4 {\n fill: var(--cds-charts-14-1-4, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-14-1-4.hovered {\n fill: var(--cds-charts-14-1-4-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-4,\n .cds--cc--tooltip .tooltip-14-1-4 {\n background-color: var(--cds-charts-14-1-4, #9f1853);\n }\n .cds--cc--chart-wrapper .background-14-1-4.hovered {\n background-color: var(--cds-charts-14-1-4-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-4 {\n stroke: var(--cds-charts-14-1-4, #9f1853);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-4 {\n stop-color: var(--cds-charts-14-1-4, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-14-1-5 {\n fill: var(--cds-charts-14-1-5, #fa4d56);\n }\n .cds--cc--chart-wrapper .fill-14-1-5.hovered {\n fill: var(--cds-charts-14-1-5-hovered, #fa4d56);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-5,\n .cds--cc--tooltip .tooltip-14-1-5 {\n background-color: var(--cds-charts-14-1-5, #fa4d56);\n }\n .cds--cc--chart-wrapper .background-14-1-5.hovered {\n background-color: var(--cds-charts-14-1-5-hovered, #fa4d56);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-5 {\n stroke: var(--cds-charts-14-1-5, #fa4d56);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-5 {\n stop-color: var(--cds-charts-14-1-5, #fa4d56);\n }\n .cds--cc--chart-wrapper .fill-14-1-6 {\n fill: var(--cds-charts-14-1-6, #520408);\n }\n .cds--cc--chart-wrapper .fill-14-1-6.hovered {\n fill: var(--cds-charts-14-1-6-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-6,\n .cds--cc--tooltip .tooltip-14-1-6 {\n background-color: var(--cds-charts-14-1-6, #520408);\n }\n .cds--cc--chart-wrapper .background-14-1-6.hovered {\n background-color: var(--cds-charts-14-1-6-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-6 {\n stroke: var(--cds-charts-14-1-6, #520408);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-6 {\n stop-color: var(--cds-charts-14-1-6, #520408);\n }\n .cds--cc--chart-wrapper .fill-14-1-7 {\n fill: var(--cds-charts-14-1-7, #198038);\n }\n .cds--cc--chart-wrapper .fill-14-1-7.hovered {\n fill: var(--cds-charts-14-1-7-hovered, #198038);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-7,\n .cds--cc--tooltip .tooltip-14-1-7 {\n background-color: var(--cds-charts-14-1-7, #198038);\n }\n .cds--cc--chart-wrapper .background-14-1-7.hovered {\n background-color: var(--cds-charts-14-1-7-hovered, #198038);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-7 {\n stroke: var(--cds-charts-14-1-7, #198038);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-7 {\n stop-color: var(--cds-charts-14-1-7, #198038);\n }\n .cds--cc--chart-wrapper .fill-14-1-8 {\n fill: var(--cds-charts-14-1-8, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-14-1-8.hovered {\n fill: var(--cds-charts-14-1-8-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-8,\n .cds--cc--tooltip .tooltip-14-1-8 {\n background-color: var(--cds-charts-14-1-8, #002d9c);\n }\n .cds--cc--chart-wrapper .background-14-1-8.hovered {\n background-color: var(--cds-charts-14-1-8-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-8 {\n stroke: var(--cds-charts-14-1-8, #002d9c);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-8 {\n stop-color: var(--cds-charts-14-1-8, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-14-1-9 {\n fill: var(--cds-charts-14-1-9, #ee5396);\n }\n .cds--cc--chart-wrapper .fill-14-1-9.hovered {\n fill: var(--cds-charts-14-1-9-hovered, #ee5396);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-9,\n .cds--cc--tooltip .tooltip-14-1-9 {\n background-color: var(--cds-charts-14-1-9, #ee5396);\n }\n .cds--cc--chart-wrapper .background-14-1-9.hovered {\n background-color: var(--cds-charts-14-1-9-hovered, #ee5396);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-9 {\n stroke: var(--cds-charts-14-1-9, #ee5396);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-9 {\n stop-color: var(--cds-charts-14-1-9, #ee5396);\n }\n .cds--cc--chart-wrapper .fill-14-1-10 {\n fill: var(--cds-charts-14-1-10, #b28600);\n }\n .cds--cc--chart-wrapper .fill-14-1-10.hovered {\n fill: var(--cds-charts-14-1-10-hovered, #b28600);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-10 {\n background-color: var(--cds-charts-14-1-10, #b28600);\n }\n .cds--cc--chart-wrapper .background-14-1-10.hovered {\n background-color: var(--cds-charts-14-1-10-hovered, #b28600);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-10 {\n stroke: var(--cds-charts-14-1-10, #b28600);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-10 {\n stop-color: var(--cds-charts-14-1-10, #b28600);\n }\n .cds--cc--chart-wrapper .fill-14-1-11 {\n fill: var(--cds-charts-14-1-11, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-14-1-11.hovered {\n fill: var(--cds-charts-14-1-11-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-11 {\n background-color: var(--cds-charts-14-1-11, #009d9a);\n }\n .cds--cc--chart-wrapper .background-14-1-11.hovered {\n background-color: var(--cds-charts-14-1-11-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-11 {\n stroke: var(--cds-charts-14-1-11, #009d9a);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-11 {\n stop-color: var(--cds-charts-14-1-11, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-14-1-12 {\n fill: var(--cds-charts-14-1-12, #012749);\n }\n .cds--cc--chart-wrapper .fill-14-1-12.hovered {\n fill: var(--cds-charts-14-1-12-hovered, #012749);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-12 {\n background-color: var(--cds-charts-14-1-12, #012749);\n }\n .cds--cc--chart-wrapper .background-14-1-12.hovered {\n background-color: var(--cds-charts-14-1-12-hovered, #012749);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-12 {\n stroke: var(--cds-charts-14-1-12, #012749);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-12 {\n stop-color: var(--cds-charts-14-1-12, #012749);\n }\n .cds--cc--chart-wrapper .fill-14-1-13 {\n fill: var(--cds-charts-14-1-13, #8a3800);\n }\n .cds--cc--chart-wrapper .fill-14-1-13.hovered {\n fill: var(--cds-charts-14-1-13-hovered, #8a3800);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-13 {\n background-color: var(--cds-charts-14-1-13, #8a3800);\n }\n .cds--cc--chart-wrapper .background-14-1-13.hovered {\n background-color: var(--cds-charts-14-1-13-hovered, #8a3800);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-13 {\n stroke: var(--cds-charts-14-1-13, #8a3800);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-13 {\n stop-color: var(--cds-charts-14-1-13, #8a3800);\n }\n .cds--cc--chart-wrapper .fill-14-1-14 {\n fill: var(--cds-charts-14-1-14, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-14-1-14.hovered {\n fill: var(--cds-charts-14-1-14-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-14 {\n background-color: var(--cds-charts-14-1-14, #a56eff);\n }\n .cds--cc--chart-wrapper .background-14-1-14.hovered {\n background-color: var(--cds-charts-14-1-14-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-14 {\n stroke: var(--cds-charts-14-1-14, #a56eff);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-14 {\n stop-color: var(--cds-charts-14-1-14, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-1 {\n fill: var(--cds-charts-mono-1-1, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-1.hovered {\n fill: var(--cds-charts-mono-1-1-hovered, #ffffff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-1-1 {\n background-color: var(--cds-charts-mono-1-1, #fff);\n }\n .cds--cc--chart-wrapper .background-mono-1-1.hovered {\n background-color: var(--cds-charts-mono-1-1-hovered, #fff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-1-1 {\n stroke: var(--cds-charts-mono-1-1, #ffffff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-1-1 {\n stop-color: var(--cds-charts-mono-1-1, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-2 {\n fill: var(--cds-charts-mono-1-2, #f6f2ff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-2.hovered {\n fill: var(--cds-charts-mono-1-2-hovered, #f6f2ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-1-2 {\n background-color: var(--cds-charts-mono-1-2, #f6f2ff);\n }\n .cds--cc--chart-wrapper .background-mono-1-2.hovered {\n background-color: var(--cds-charts-mono-1-2-hovered, #f6f2ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-1-2 {\n stroke: var(--cds-charts-mono-1-2, #f6f2ff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-1-2 {\n stop-color: var(--cds-charts-mono-1-2, #f6f2ff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-3 {\n fill: var(--cds-charts-mono-1-3, #e8daff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-3.hovered {\n fill: var(--cds-charts-mono-1-3-hovered, #e8daff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-1-3 {\n background-color: var(--cds-charts-mono-1-3, #e8daff);\n }\n .cds--cc--chart-wrapper .background-mono-1-3.hovered {\n background-color: var(--cds-charts-mono-1-3-hovered, #e8daff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-1-3 {\n stroke: var(--cds-charts-mono-1-3, #e8daff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-1-3 {\n stop-color: var(--cds-charts-mono-1-3, #e8daff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-4 {\n fill: var(--cds-charts-mono-1-4, #d4bbff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-4.hovered {\n fill: var(--cds-charts-mono-1-4-hovered, #d4bbff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-1-4 {\n background-color: var(--cds-charts-mono-1-4, #d4bbff);\n }\n .cds--cc--chart-wrapper .background-mono-1-4.hovered {\n background-color: var(--cds-charts-mono-1-4-hovered, #d4bbff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-1-4 {\n stroke: var(--cds-charts-mono-1-4, #d4bbff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-1-4 {\n stop-color: var(--cds-charts-mono-1-4, #d4bbff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-5 {\n fill: var(--cds-charts-mono-1-5, #be95ff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-5.hovered {\n fill: var(--cds-charts-mono-1-5-hovered, #be95ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-1-5 {\n background-color: var(--cds-charts-mono-1-5, #be95ff);\n }\n .cds--cc--chart-wrapper .background-mono-1-5.hovered {\n background-color: var(--cds-charts-mono-1-5-hovered, #be95ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-1-5 {\n stroke: var(--cds-charts-mono-1-5, #be95ff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-1-5 {\n stop-color: var(--cds-charts-mono-1-5, #be95ff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-6 {\n fill: var(--cds-charts-mono-1-6, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-6.hovered {\n fill: var(--cds-charts-mono-1-6-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-1-6 {\n background-color: var(--cds-charts-mono-1-6, #a56eff);\n }\n .cds--cc--chart-wrapper .background-mono-1-6.hovered {\n background-color: var(--cds-charts-mono-1-6-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-1-6 {\n stroke: var(--cds-charts-mono-1-6, #a56eff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-1-6 {\n stop-color: var(--cds-charts-mono-1-6, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-7 {\n fill: var(--cds-charts-mono-1-7, #8a3ffc);\n }\n .cds--cc--chart-wrapper .fill-mono-1-7.hovered {\n fill: var(--cds-charts-mono-1-7-hovered, #8a3ffc);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-1-7 {\n background-color: var(--cds-charts-mono-1-7, #8a3ffc);\n }\n .cds--cc--chart-wrapper .background-mono-1-7.hovered {\n background-color: var(--cds-charts-mono-1-7-hovered, #8a3ffc);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-1-7 {\n stroke: var(--cds-charts-mono-1-7, #8a3ffc);\n }\n .cds--cc--chart-wrapper .stop-color-mono-1-7 {\n stop-color: var(--cds-charts-mono-1-7, #8a3ffc);\n }\n .cds--cc--chart-wrapper .fill-mono-1-8 {\n fill: var(--cds-charts-mono-1-8, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-mono-1-8.hovered {\n fill: var(--cds-charts-mono-1-8-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-1-8 {\n background-color: var(--cds-charts-mono-1-8, #6929c4);\n }\n .cds--cc--chart-wrapper .background-mono-1-8.hovered {\n background-color: var(--cds-charts-mono-1-8-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-1-8 {\n stroke: var(--cds-charts-mono-1-8, #6929c4);\n }\n .cds--cc--chart-wrapper .stop-color-mono-1-8 {\n stop-color: var(--cds-charts-mono-1-8, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-mono-1-9 {\n fill: var(--cds-charts-mono-1-9, #491d8b);\n }\n .cds--cc--chart-wrapper .fill-mono-1-9.hovered {\n fill: var(--cds-charts-mono-1-9-hovered, #491d8b);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-1-9 {\n background-color: var(--cds-charts-mono-1-9, #491d8b);\n }\n .cds--cc--chart-wrapper .background-mono-1-9.hovered {\n background-color: var(--cds-charts-mono-1-9-hovered, #491d8b);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-1-9 {\n stroke: var(--cds-charts-mono-1-9, #491d8b);\n }\n .cds--cc--chart-wrapper .stop-color-mono-1-9 {\n stop-color: var(--cds-charts-mono-1-9, #491d8b);\n }\n .cds--cc--chart-wrapper .fill-mono-1-10 {\n fill: var(--cds-charts-mono-1-10, #31135e);\n }\n .cds--cc--chart-wrapper .fill-mono-1-10.hovered {\n fill: var(--cds-charts-mono-1-10-hovered, #31135e);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-1-10 {\n background-color: var(--cds-charts-mono-1-10, #31135e);\n }\n .cds--cc--chart-wrapper .background-mono-1-10.hovered {\n background-color: var(--cds-charts-mono-1-10-hovered, #31135e);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-1-10 {\n stroke: var(--cds-charts-mono-1-10, #31135e);\n }\n .cds--cc--chart-wrapper .stop-color-mono-1-10 {\n stop-color: var(--cds-charts-mono-1-10, #31135e);\n }\n .cds--cc--chart-wrapper .fill-mono-1-11 {\n fill: var(--cds-charts-mono-1-11, #1c0f30);\n }\n .cds--cc--chart-wrapper .fill-mono-1-11.hovered {\n fill: var(--cds-charts-mono-1-11-hovered, #1c0f30);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-1-11 {\n background-color: var(--cds-charts-mono-1-11, #1c0f30);\n }\n .cds--cc--chart-wrapper .background-mono-1-11.hovered {\n background-color: var(--cds-charts-mono-1-11-hovered, #1c0f30);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-1-11 {\n stroke: var(--cds-charts-mono-1-11, #1c0f30);\n }\n .cds--cc--chart-wrapper .stop-color-mono-1-11 {\n stop-color: var(--cds-charts-mono-1-11, #1c0f30);\n }\n .cds--cc--chart-wrapper .fill-mono-2-1 {\n fill: var(--cds-charts-mono-2-1, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-1.hovered {\n fill: var(--cds-charts-mono-2-1-hovered, #ffffff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-2-1 {\n background-color: var(--cds-charts-mono-2-1, #fff);\n }\n .cds--cc--chart-wrapper .background-mono-2-1.hovered {\n background-color: var(--cds-charts-mono-2-1-hovered, #fff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-2-1 {\n stroke: var(--cds-charts-mono-2-1, #ffffff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-2-1 {\n stop-color: var(--cds-charts-mono-2-1, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-2 {\n fill: var(--cds-charts-mono-2-2, #edf5ff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-2.hovered {\n fill: var(--cds-charts-mono-2-2-hovered, #edf5ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-2-2 {\n background-color: var(--cds-charts-mono-2-2, #edf5ff);\n }\n .cds--cc--chart-wrapper .background-mono-2-2.hovered {\n background-color: var(--cds-charts-mono-2-2-hovered, #edf5ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-2-2 {\n stroke: var(--cds-charts-mono-2-2, #edf5ff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-2-2 {\n stop-color: var(--cds-charts-mono-2-2, #edf5ff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-3 {\n fill: var(--cds-charts-mono-2-3, #d0e2ff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-3.hovered {\n fill: var(--cds-charts-mono-2-3-hovered, #d0e2ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-2-3 {\n background-color: var(--cds-charts-mono-2-3, #d0e2ff);\n }\n .cds--cc--chart-wrapper .background-mono-2-3.hovered {\n background-color: var(--cds-charts-mono-2-3-hovered, #d0e2ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-2-3 {\n stroke: var(--cds-charts-mono-2-3, #d0e2ff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-2-3 {\n stop-color: var(--cds-charts-mono-2-3, #d0e2ff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-4 {\n fill: var(--cds-charts-mono-2-4, #a6c8ff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-4.hovered {\n fill: var(--cds-charts-mono-2-4-hovered, #a6c8ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-2-4 {\n background-color: var(--cds-charts-mono-2-4, #a6c8ff);\n }\n .cds--cc--chart-wrapper .background-mono-2-4.hovered {\n background-color: var(--cds-charts-mono-2-4-hovered, #a6c8ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-2-4 {\n stroke: var(--cds-charts-mono-2-4, #a6c8ff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-2-4 {\n stop-color: var(--cds-charts-mono-2-4, #a6c8ff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-5 {\n fill: var(--cds-charts-mono-2-5, #78a9ff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-5.hovered {\n fill: var(--cds-charts-mono-2-5-hovered, #78a9ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-2-5 {\n background-color: var(--cds-charts-mono-2-5, #78a9ff);\n }\n .cds--cc--chart-wrapper .background-mono-2-5.hovered {\n background-color: var(--cds-charts-mono-2-5-hovered, #78a9ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-2-5 {\n stroke: var(--cds-charts-mono-2-5, #78a9ff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-2-5 {\n stop-color: var(--cds-charts-mono-2-5, #78a9ff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-6 {\n fill: var(--cds-charts-mono-2-6, #4589ff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-6.hovered {\n fill: var(--cds-charts-mono-2-6-hovered, #4589ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-2-6 {\n background-color: var(--cds-charts-mono-2-6, #4589ff);\n }\n .cds--cc--chart-wrapper .background-mono-2-6.hovered {\n background-color: var(--cds-charts-mono-2-6-hovered, #4589ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-2-6 {\n stroke: var(--cds-charts-mono-2-6, #4589ff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-2-6 {\n stop-color: var(--cds-charts-mono-2-6, #4589ff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-7 {\n fill: var(--cds-charts-mono-2-7, #0f62fe);\n }\n .cds--cc--chart-wrapper .fill-mono-2-7.hovered {\n fill: var(--cds-charts-mono-2-7-hovered, #0f62fe);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-2-7 {\n background-color: var(--cds-charts-mono-2-7, #0f62fe);\n }\n .cds--cc--chart-wrapper .background-mono-2-7.hovered {\n background-color: var(--cds-charts-mono-2-7-hovered, #0f62fe);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-2-7 {\n stroke: var(--cds-charts-mono-2-7, #0f62fe);\n }\n .cds--cc--chart-wrapper .stop-color-mono-2-7 {\n stop-color: var(--cds-charts-mono-2-7, #0f62fe);\n }\n .cds--cc--chart-wrapper .fill-mono-2-8 {\n fill: var(--cds-charts-mono-2-8, #0043ce);\n }\n .cds--cc--chart-wrapper .fill-mono-2-8.hovered {\n fill: var(--cds-charts-mono-2-8-hovered, #0043ce);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-2-8 {\n background-color: var(--cds-charts-mono-2-8, #0043ce);\n }\n .cds--cc--chart-wrapper .background-mono-2-8.hovered {\n background-color: var(--cds-charts-mono-2-8-hovered, #0043ce);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-2-8 {\n stroke: var(--cds-charts-mono-2-8, #0043ce);\n }\n .cds--cc--chart-wrapper .stop-color-mono-2-8 {\n stop-color: var(--cds-charts-mono-2-8, #0043ce);\n }\n .cds--cc--chart-wrapper .fill-mono-2-9 {\n fill: var(--cds-charts-mono-2-9, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-mono-2-9.hovered {\n fill: var(--cds-charts-mono-2-9-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-2-9 {\n background-color: var(--cds-charts-mono-2-9, #002d9c);\n }\n .cds--cc--chart-wrapper .background-mono-2-9.hovered {\n background-color: var(--cds-charts-mono-2-9-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-2-9 {\n stroke: var(--cds-charts-mono-2-9, #002d9c);\n }\n .cds--cc--chart-wrapper .stop-color-mono-2-9 {\n stop-color: var(--cds-charts-mono-2-9, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-mono-2-10 {\n fill: var(--cds-charts-mono-2-10, #001d6c);\n }\n .cds--cc--chart-wrapper .fill-mono-2-10.hovered {\n fill: var(--cds-charts-mono-2-10-hovered, #001d6c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-2-10 {\n background-color: var(--cds-charts-mono-2-10, #001d6c);\n }\n .cds--cc--chart-wrapper .background-mono-2-10.hovered {\n background-color: var(--cds-charts-mono-2-10-hovered, #001d6c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-2-10 {\n stroke: var(--cds-charts-mono-2-10, #001d6c);\n }\n .cds--cc--chart-wrapper .stop-color-mono-2-10 {\n stop-color: var(--cds-charts-mono-2-10, #001d6c);\n }\n .cds--cc--chart-wrapper .fill-mono-2-11 {\n fill: var(--cds-charts-mono-2-11, #001141);\n }\n .cds--cc--chart-wrapper .fill-mono-2-11.hovered {\n fill: var(--cds-charts-mono-2-11-hovered, #001141);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-2-11 {\n background-color: var(--cds-charts-mono-2-11, #001141);\n }\n .cds--cc--chart-wrapper .background-mono-2-11.hovered {\n background-color: var(--cds-charts-mono-2-11-hovered, #001141);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-2-11 {\n stroke: var(--cds-charts-mono-2-11, #001141);\n }\n .cds--cc--chart-wrapper .stop-color-mono-2-11 {\n stop-color: var(--cds-charts-mono-2-11, #001141);\n }\n .cds--cc--chart-wrapper .fill-mono-3-1 {\n fill: var(--cds-charts-mono-3-1, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-mono-3-1.hovered {\n fill: var(--cds-charts-mono-3-1-hovered, #ffffff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-3-1 {\n background-color: var(--cds-charts-mono-3-1, #fff);\n }\n .cds--cc--chart-wrapper .background-mono-3-1.hovered {\n background-color: var(--cds-charts-mono-3-1-hovered, #fff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-3-1 {\n stroke: var(--cds-charts-mono-3-1, #ffffff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-3-1 {\n stop-color: var(--cds-charts-mono-3-1, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-mono-3-2 {\n fill: var(--cds-charts-mono-3-2, #e5f6ff);\n }\n .cds--cc--chart-wrapper .fill-mono-3-2.hovered {\n fill: var(--cds-charts-mono-3-2-hovered, #e5f6ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-3-2 {\n background-color: var(--cds-charts-mono-3-2, #e5f6ff);\n }\n .cds--cc--chart-wrapper .background-mono-3-2.hovered {\n background-color: var(--cds-charts-mono-3-2-hovered, #e5f6ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-3-2 {\n stroke: var(--cds-charts-mono-3-2, #e5f6ff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-3-2 {\n stop-color: var(--cds-charts-mono-3-2, #e5f6ff);\n }\n .cds--cc--chart-wrapper .fill-mono-3-3 {\n fill: var(--cds-charts-mono-3-3, #bae6ff);\n }\n .cds--cc--chart-wrapper .fill-mono-3-3.hovered {\n fill: var(--cds-charts-mono-3-3-hovered, #bae6ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-3-3 {\n background-color: var(--cds-charts-mono-3-3, #bae6ff);\n }\n .cds--cc--chart-wrapper .background-mono-3-3.hovered {\n background-color: var(--cds-charts-mono-3-3-hovered, #bae6ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-3-3 {\n stroke: var(--cds-charts-mono-3-3, #bae6ff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-3-3 {\n stop-color: var(--cds-charts-mono-3-3, #bae6ff);\n }\n .cds--cc--chart-wrapper .fill-mono-3-4 {\n fill: var(--cds-charts-mono-3-4, #82cfff);\n }\n .cds--cc--chart-wrapper .fill-mono-3-4.hovered {\n fill: var(--cds-charts-mono-3-4-hovered, #82cfff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-3-4 {\n background-color: var(--cds-charts-mono-3-4, #82cfff);\n }\n .cds--cc--chart-wrapper .background-mono-3-4.hovered {\n background-color: var(--cds-charts-mono-3-4-hovered, #82cfff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-3-4 {\n stroke: var(--cds-charts-mono-3-4, #82cfff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-3-4 {\n stop-color: var(--cds-charts-mono-3-4, #82cfff);\n }\n .cds--cc--chart-wrapper .fill-mono-3-5 {\n fill: var(--cds-charts-mono-3-5, #33b1ff);\n }\n .cds--cc--chart-wrapper .fill-mono-3-5.hovered {\n fill: var(--cds-charts-mono-3-5-hovered, #33b1ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-3-5 {\n background-color: var(--cds-charts-mono-3-5, #33b1ff);\n }\n .cds--cc--chart-wrapper .background-mono-3-5.hovered {\n background-color: var(--cds-charts-mono-3-5-hovered, #33b1ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-3-5 {\n stroke: var(--cds-charts-mono-3-5, #33b1ff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-3-5 {\n stop-color: var(--cds-charts-mono-3-5, #33b1ff);\n }\n .cds--cc--chart-wrapper .fill-mono-3-6 {\n fill: var(--cds-charts-mono-3-6, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-mono-3-6.hovered {\n fill: var(--cds-charts-mono-3-6-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-3-6 {\n background-color: var(--cds-charts-mono-3-6, #1192e8);\n }\n .cds--cc--chart-wrapper .background-mono-3-6.hovered {\n background-color: var(--cds-charts-mono-3-6-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-3-6 {\n stroke: var(--cds-charts-mono-3-6, #1192e8);\n }\n .cds--cc--chart-wrapper .stop-color-mono-3-6 {\n stop-color: var(--cds-charts-mono-3-6, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-mono-3-7 {\n fill: var(--cds-charts-mono-3-7, #0072c3);\n }\n .cds--cc--chart-wrapper .fill-mono-3-7.hovered {\n fill: var(--cds-charts-mono-3-7-hovered, #0072c3);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-3-7 {\n background-color: var(--cds-charts-mono-3-7, #0072c3);\n }\n .cds--cc--chart-wrapper .background-mono-3-7.hovered {\n background-color: var(--cds-charts-mono-3-7-hovered, #0072c3);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-3-7 {\n stroke: var(--cds-charts-mono-3-7, #0072c3);\n }\n .cds--cc--chart-wrapper .stop-color-mono-3-7 {\n stop-color: var(--cds-charts-mono-3-7, #0072c3);\n }\n .cds--cc--chart-wrapper .fill-mono-3-8 {\n fill: var(--cds-charts-mono-3-8, #00539a);\n }\n .cds--cc--chart-wrapper .fill-mono-3-8.hovered {\n fill: var(--cds-charts-mono-3-8-hovered, #00539a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-3-8 {\n background-color: var(--cds-charts-mono-3-8, #00539a);\n }\n .cds--cc--chart-wrapper .background-mono-3-8.hovered {\n background-color: var(--cds-charts-mono-3-8-hovered, #00539a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-3-8 {\n stroke: var(--cds-charts-mono-3-8, #00539a);\n }\n .cds--cc--chart-wrapper .stop-color-mono-3-8 {\n stop-color: var(--cds-charts-mono-3-8, #00539a);\n }\n .cds--cc--chart-wrapper .fill-mono-3-9 {\n fill: var(--cds-charts-mono-3-9, #003a6d);\n }\n .cds--cc--chart-wrapper .fill-mono-3-9.hovered {\n fill: var(--cds-charts-mono-3-9-hovered, #003a6d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-3-9 {\n background-color: var(--cds-charts-mono-3-9, #003a6d);\n }\n .cds--cc--chart-wrapper .background-mono-3-9.hovered {\n background-color: var(--cds-charts-mono-3-9-hovered, #003a6d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-3-9 {\n stroke: var(--cds-charts-mono-3-9, #003a6d);\n }\n .cds--cc--chart-wrapper .stop-color-mono-3-9 {\n stop-color: var(--cds-charts-mono-3-9, #003a6d);\n }\n .cds--cc--chart-wrapper .fill-mono-3-10 {\n fill: var(--cds-charts-mono-3-10, #012749);\n }\n .cds--cc--chart-wrapper .fill-mono-3-10.hovered {\n fill: var(--cds-charts-mono-3-10-hovered, #012749);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-3-10 {\n background-color: var(--cds-charts-mono-3-10, #012749);\n }\n .cds--cc--chart-wrapper .background-mono-3-10.hovered {\n background-color: var(--cds-charts-mono-3-10-hovered, #012749);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-3-10 {\n stroke: var(--cds-charts-mono-3-10, #012749);\n }\n .cds--cc--chart-wrapper .stop-color-mono-3-10 {\n stop-color: var(--cds-charts-mono-3-10, #012749);\n }\n .cds--cc--chart-wrapper .fill-mono-3-11 {\n fill: var(--cds-charts-mono-3-11, #061727);\n }\n .cds--cc--chart-wrapper .fill-mono-3-11.hovered {\n fill: var(--cds-charts-mono-3-11-hovered, #061727);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-3-11 {\n background-color: var(--cds-charts-mono-3-11, #061727);\n }\n .cds--cc--chart-wrapper .background-mono-3-11.hovered {\n background-color: var(--cds-charts-mono-3-11-hovered, #061727);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-3-11 {\n stroke: var(--cds-charts-mono-3-11, #061727);\n }\n .cds--cc--chart-wrapper .stop-color-mono-3-11 {\n stop-color: var(--cds-charts-mono-3-11, #061727);\n }\n .cds--cc--chart-wrapper .fill-mono-4-1 {\n fill: var(--cds-charts-mono-4-1, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-mono-4-1.hovered {\n fill: var(--cds-charts-mono-4-1-hovered, #ffffff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-4-1 {\n background-color: var(--cds-charts-mono-4-1, #fff);\n }\n .cds--cc--chart-wrapper .background-mono-4-1.hovered {\n background-color: var(--cds-charts-mono-4-1-hovered, #fff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-4-1 {\n stroke: var(--cds-charts-mono-4-1, #ffffff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-4-1 {\n stop-color: var(--cds-charts-mono-4-1, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-mono-4-2 {\n fill: var(--cds-charts-mono-4-2, #d9fbfb);\n }\n .cds--cc--chart-wrapper .fill-mono-4-2.hovered {\n fill: var(--cds-charts-mono-4-2-hovered, #d9fbfb);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-4-2 {\n background-color: var(--cds-charts-mono-4-2, #d9fbfb);\n }\n .cds--cc--chart-wrapper .background-mono-4-2.hovered {\n background-color: var(--cds-charts-mono-4-2-hovered, #d9fbfb);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-4-2 {\n stroke: var(--cds-charts-mono-4-2, #d9fbfb);\n }\n .cds--cc--chart-wrapper .stop-color-mono-4-2 {\n stop-color: var(--cds-charts-mono-4-2, #d9fbfb);\n }\n .cds--cc--chart-wrapper .fill-mono-4-3 {\n fill: var(--cds-charts-mono-4-3, #9ef0f0);\n }\n .cds--cc--chart-wrapper .fill-mono-4-3.hovered {\n fill: var(--cds-charts-mono-4-3-hovered, #9ef0f0);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-4-3 {\n background-color: var(--cds-charts-mono-4-3, #9ef0f0);\n }\n .cds--cc--chart-wrapper .background-mono-4-3.hovered {\n background-color: var(--cds-charts-mono-4-3-hovered, #9ef0f0);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-4-3 {\n stroke: var(--cds-charts-mono-4-3, #9ef0f0);\n }\n .cds--cc--chart-wrapper .stop-color-mono-4-3 {\n stop-color: var(--cds-charts-mono-4-3, #9ef0f0);\n }\n .cds--cc--chart-wrapper .fill-mono-4-4 {\n fill: var(--cds-charts-mono-4-4, #3ddbd9);\n }\n .cds--cc--chart-wrapper .fill-mono-4-4.hovered {\n fill: var(--cds-charts-mono-4-4-hovered, #3ddbd9);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-4-4 {\n background-color: var(--cds-charts-mono-4-4, #3ddbd9);\n }\n .cds--cc--chart-wrapper .background-mono-4-4.hovered {\n background-color: var(--cds-charts-mono-4-4-hovered, #3ddbd9);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-4-4 {\n stroke: var(--cds-charts-mono-4-4, #3ddbd9);\n }\n .cds--cc--chart-wrapper .stop-color-mono-4-4 {\n stop-color: var(--cds-charts-mono-4-4, #3ddbd9);\n }\n .cds--cc--chart-wrapper .fill-mono-4-5 {\n fill: var(--cds-charts-mono-4-5, #08bdba);\n }\n .cds--cc--chart-wrapper .fill-mono-4-5.hovered {\n fill: var(--cds-charts-mono-4-5-hovered, #08bdba);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-4-5 {\n background-color: var(--cds-charts-mono-4-5, #08bdba);\n }\n .cds--cc--chart-wrapper .background-mono-4-5.hovered {\n background-color: var(--cds-charts-mono-4-5-hovered, #08bdba);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-4-5 {\n stroke: var(--cds-charts-mono-4-5, #08bdba);\n }\n .cds--cc--chart-wrapper .stop-color-mono-4-5 {\n stop-color: var(--cds-charts-mono-4-5, #08bdba);\n }\n .cds--cc--chart-wrapper .fill-mono-4-6 {\n fill: var(--cds-charts-mono-4-6, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-mono-4-6.hovered {\n fill: var(--cds-charts-mono-4-6-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-4-6 {\n background-color: var(--cds-charts-mono-4-6, #009d9a);\n }\n .cds--cc--chart-wrapper .background-mono-4-6.hovered {\n background-color: var(--cds-charts-mono-4-6-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-4-6 {\n stroke: var(--cds-charts-mono-4-6, #009d9a);\n }\n .cds--cc--chart-wrapper .stop-color-mono-4-6 {\n stop-color: var(--cds-charts-mono-4-6, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-mono-4-7 {\n fill: var(--cds-charts-mono-4-7, #007d79);\n }\n .cds--cc--chart-wrapper .fill-mono-4-7.hovered {\n fill: var(--cds-charts-mono-4-7-hovered, #007d79);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-4-7 {\n background-color: var(--cds-charts-mono-4-7, #007d79);\n }\n .cds--cc--chart-wrapper .background-mono-4-7.hovered {\n background-color: var(--cds-charts-mono-4-7-hovered, #007d79);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-4-7 {\n stroke: var(--cds-charts-mono-4-7, #007d79);\n }\n .cds--cc--chart-wrapper .stop-color-mono-4-7 {\n stop-color: var(--cds-charts-mono-4-7, #007d79);\n }\n .cds--cc--chart-wrapper .fill-mono-4-8 {\n fill: var(--cds-charts-mono-4-8, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-mono-4-8.hovered {\n fill: var(--cds-charts-mono-4-8-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-4-8 {\n background-color: var(--cds-charts-mono-4-8, #005d5d);\n }\n .cds--cc--chart-wrapper .background-mono-4-8.hovered {\n background-color: var(--cds-charts-mono-4-8-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-4-8 {\n stroke: var(--cds-charts-mono-4-8, #005d5d);\n }\n .cds--cc--chart-wrapper .stop-color-mono-4-8 {\n stop-color: var(--cds-charts-mono-4-8, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-mono-4-9 {\n fill: var(--cds-charts-mono-4-9, #004144);\n }\n .cds--cc--chart-wrapper .fill-mono-4-9.hovered {\n fill: var(--cds-charts-mono-4-9-hovered, #004144);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-4-9 {\n background-color: var(--cds-charts-mono-4-9, #004144);\n }\n .cds--cc--chart-wrapper .background-mono-4-9.hovered {\n background-color: var(--cds-charts-mono-4-9-hovered, #004144);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-4-9 {\n stroke: var(--cds-charts-mono-4-9, #004144);\n }\n .cds--cc--chart-wrapper .stop-color-mono-4-9 {\n stop-color: var(--cds-charts-mono-4-9, #004144);\n }\n .cds--cc--chart-wrapper .fill-mono-4-10 {\n fill: var(--cds-charts-mono-4-10, #022b30);\n }\n .cds--cc--chart-wrapper .fill-mono-4-10.hovered {\n fill: var(--cds-charts-mono-4-10-hovered, #022b30);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-4-10 {\n background-color: var(--cds-charts-mono-4-10, #022b30);\n }\n .cds--cc--chart-wrapper .background-mono-4-10.hovered {\n background-color: var(--cds-charts-mono-4-10-hovered, #022b30);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-4-10 {\n stroke: var(--cds-charts-mono-4-10, #022b30);\n }\n .cds--cc--chart-wrapper .stop-color-mono-4-10 {\n stop-color: var(--cds-charts-mono-4-10, #022b30);\n }\n .cds--cc--chart-wrapper .fill-mono-4-11 {\n fill: var(--cds-charts-mono-4-11, #081a1c);\n }\n .cds--cc--chart-wrapper .fill-mono-4-11.hovered {\n fill: var(--cds-charts-mono-4-11-hovered, #081a1c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-4-11 {\n background-color: var(--cds-charts-mono-4-11, #081a1c);\n }\n .cds--cc--chart-wrapper .background-mono-4-11.hovered {\n background-color: var(--cds-charts-mono-4-11-hovered, #081a1c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-4-11 {\n stroke: var(--cds-charts-mono-4-11, #081a1c);\n }\n .cds--cc--chart-wrapper .stop-color-mono-4-11 {\n stop-color: var(--cds-charts-mono-4-11, #081a1c);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-1 {\n fill: var(--cds-charts-diverge-1-1, #750e13);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-1.hovered {\n fill: var(--cds-charts-diverge-1-1-hovered, #750e13);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-1 {\n background-color: var(--cds-charts-diverge-1-1, #750e13);\n }\n .cds--cc--chart-wrapper .background-diverge-1-1.hovered {\n background-color: var(--cds-charts-diverge-1-1-hovered, #750e13);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-1 {\n stroke: var(--cds-charts-diverge-1-1, #750e13);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-1 {\n stop-color: var(--cds-charts-diverge-1-1, #750e13);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-2 {\n fill: var(--cds-charts-diverge-1-2, #a2191f);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-2.hovered {\n fill: var(--cds-charts-diverge-1-2-hovered, #a2191f);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-2 {\n background-color: var(--cds-charts-diverge-1-2, #a2191f);\n }\n .cds--cc--chart-wrapper .background-diverge-1-2.hovered {\n background-color: var(--cds-charts-diverge-1-2-hovered, #a2191f);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-2 {\n stroke: var(--cds-charts-diverge-1-2, #a2191f);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-2 {\n stop-color: var(--cds-charts-diverge-1-2, #a2191f);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-3 {\n fill: var(--cds-charts-diverge-1-3, #da1e28);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-3.hovered {\n fill: var(--cds-charts-diverge-1-3-hovered, #da1e28);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-3 {\n background-color: var(--cds-charts-diverge-1-3, #da1e28);\n }\n .cds--cc--chart-wrapper .background-diverge-1-3.hovered {\n background-color: var(--cds-charts-diverge-1-3-hovered, #da1e28);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-3 {\n stroke: var(--cds-charts-diverge-1-3, #da1e28);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-3 {\n stop-color: var(--cds-charts-diverge-1-3, #da1e28);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-4 {\n fill: var(--cds-charts-diverge-1-4, #fa4d56);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-4.hovered {\n fill: var(--cds-charts-diverge-1-4-hovered, #fa4d56);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-4 {\n background-color: var(--cds-charts-diverge-1-4, #fa4d56);\n }\n .cds--cc--chart-wrapper .background-diverge-1-4.hovered {\n background-color: var(--cds-charts-diverge-1-4-hovered, #fa4d56);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-4 {\n stroke: var(--cds-charts-diverge-1-4, #fa4d56);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-4 {\n stop-color: var(--cds-charts-diverge-1-4, #fa4d56);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-5 {\n fill: var(--cds-charts-diverge-1-5, #ff8389);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-5.hovered {\n fill: var(--cds-charts-diverge-1-5-hovered, #ff8389);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-5 {\n background-color: var(--cds-charts-diverge-1-5, #ff8389);\n }\n .cds--cc--chart-wrapper .background-diverge-1-5.hovered {\n background-color: var(--cds-charts-diverge-1-5-hovered, #ff8389);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-5 {\n stroke: var(--cds-charts-diverge-1-5, #ff8389);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-5 {\n stop-color: var(--cds-charts-diverge-1-5, #ff8389);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-6 {\n fill: var(--cds-charts-diverge-1-6, #ffb3b8);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-6.hovered {\n fill: var(--cds-charts-diverge-1-6-hovered, #ffb3b8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-6 {\n background-color: var(--cds-charts-diverge-1-6, #ffb3b8);\n }\n .cds--cc--chart-wrapper .background-diverge-1-6.hovered {\n background-color: var(--cds-charts-diverge-1-6-hovered, #ffb3b8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-6 {\n stroke: var(--cds-charts-diverge-1-6, #ffb3b8);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-6 {\n stop-color: var(--cds-charts-diverge-1-6, #ffb3b8);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-7 {\n fill: var(--cds-charts-diverge-1-7, #ffd7d9);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-7.hovered {\n fill: var(--cds-charts-diverge-1-7-hovered, #ffd7d9);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-7 {\n background-color: var(--cds-charts-diverge-1-7, #ffd7d9);\n }\n .cds--cc--chart-wrapper .background-diverge-1-7.hovered {\n background-color: var(--cds-charts-diverge-1-7-hovered, #ffd7d9);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-7 {\n stroke: var(--cds-charts-diverge-1-7, #ffd7d9);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-7 {\n stop-color: var(--cds-charts-diverge-1-7, #ffd7d9);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-8 {\n fill: var(--cds-charts-diverge-1-8, #fff1f1);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-8.hovered {\n fill: var(--cds-charts-diverge-1-8-hovered, #fff1f1);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-8 {\n background-color: var(--cds-charts-diverge-1-8, #fff1f1);\n }\n .cds--cc--chart-wrapper .background-diverge-1-8.hovered {\n background-color: var(--cds-charts-diverge-1-8-hovered, #fff1f1);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-8 {\n stroke: var(--cds-charts-diverge-1-8, #fff1f1);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-8 {\n stop-color: var(--cds-charts-diverge-1-8, #fff1f1);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-9 {\n fill: var(--cds-charts-diverge-1-9, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-9.hovered {\n fill: var(--cds-charts-diverge-1-9-hovered, #ffffff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-9 {\n background-color: var(--cds-charts-diverge-1-9, #fff);\n }\n .cds--cc--chart-wrapper .background-diverge-1-9.hovered {\n background-color: var(--cds-charts-diverge-1-9-hovered, #fff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-9 {\n stroke: var(--cds-charts-diverge-1-9, #ffffff);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-9 {\n stop-color: var(--cds-charts-diverge-1-9, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-10 {\n fill: var(--cds-charts-diverge-1-10, #e5f6ff);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-10.hovered {\n fill: var(--cds-charts-diverge-1-10-hovered, #e5f6ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-10 {\n background-color: var(--cds-charts-diverge-1-10, #e5f6ff);\n }\n .cds--cc--chart-wrapper .background-diverge-1-10.hovered {\n background-color: var(--cds-charts-diverge-1-10-hovered, #e5f6ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-10 {\n stroke: var(--cds-charts-diverge-1-10, #e5f6ff);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-10 {\n stop-color: var(--cds-charts-diverge-1-10, #e5f6ff);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-11 {\n fill: var(--cds-charts-diverge-1-11, #bae6ff);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-11.hovered {\n fill: var(--cds-charts-diverge-1-11-hovered, #bae6ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-11 {\n background-color: var(--cds-charts-diverge-1-11, #bae6ff);\n }\n .cds--cc--chart-wrapper .background-diverge-1-11.hovered {\n background-color: var(--cds-charts-diverge-1-11-hovered, #bae6ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-11 {\n stroke: var(--cds-charts-diverge-1-11, #bae6ff);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-11 {\n stop-color: var(--cds-charts-diverge-1-11, #bae6ff);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-12 {\n fill: var(--cds-charts-diverge-1-12, #82cfff);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-12.hovered {\n fill: var(--cds-charts-diverge-1-12-hovered, #82cfff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-12 {\n background-color: var(--cds-charts-diverge-1-12, #82cfff);\n }\n .cds--cc--chart-wrapper .background-diverge-1-12.hovered {\n background-color: var(--cds-charts-diverge-1-12-hovered, #82cfff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-12 {\n stroke: var(--cds-charts-diverge-1-12, #82cfff);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-12 {\n stop-color: var(--cds-charts-diverge-1-12, #82cfff);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-13 {\n fill: var(--cds-charts-diverge-1-13, #33b1ff);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-13.hovered {\n fill: var(--cds-charts-diverge-1-13-hovered, #33b1ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-13 {\n background-color: var(--cds-charts-diverge-1-13, #33b1ff);\n }\n .cds--cc--chart-wrapper .background-diverge-1-13.hovered {\n background-color: var(--cds-charts-diverge-1-13-hovered, #33b1ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-13 {\n stroke: var(--cds-charts-diverge-1-13, #33b1ff);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-13 {\n stop-color: var(--cds-charts-diverge-1-13, #33b1ff);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-14 {\n fill: var(--cds-charts-diverge-1-14, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-14.hovered {\n fill: var(--cds-charts-diverge-1-14-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-14 {\n background-color: var(--cds-charts-diverge-1-14, #1192e8);\n }\n .cds--cc--chart-wrapper .background-diverge-1-14.hovered {\n background-color: var(--cds-charts-diverge-1-14-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-14 {\n stroke: var(--cds-charts-diverge-1-14, #1192e8);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-14 {\n stop-color: var(--cds-charts-diverge-1-14, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-15 {\n fill: var(--cds-charts-diverge-1-15, #0072c3);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-15.hovered {\n fill: var(--cds-charts-diverge-1-15-hovered, #0072c3);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-15 {\n background-color: var(--cds-charts-diverge-1-15, #0072c3);\n }\n .cds--cc--chart-wrapper .background-diverge-1-15.hovered {\n background-color: var(--cds-charts-diverge-1-15-hovered, #0072c3);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-15 {\n stroke: var(--cds-charts-diverge-1-15, #0072c3);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-15 {\n stop-color: var(--cds-charts-diverge-1-15, #0072c3);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-16 {\n fill: var(--cds-charts-diverge-1-16, #00539a);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-16.hovered {\n fill: var(--cds-charts-diverge-1-16-hovered, #00539a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-16 {\n background-color: var(--cds-charts-diverge-1-16, #00539a);\n }\n .cds--cc--chart-wrapper .background-diverge-1-16.hovered {\n background-color: var(--cds-charts-diverge-1-16-hovered, #00539a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-16 {\n stroke: var(--cds-charts-diverge-1-16, #00539a);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-16 {\n stop-color: var(--cds-charts-diverge-1-16, #00539a);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-17 {\n fill: var(--cds-charts-diverge-1-17, #003a6d);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-17.hovered {\n fill: var(--cds-charts-diverge-1-17-hovered, #003a6d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-17 {\n background-color: var(--cds-charts-diverge-1-17, #003a6d);\n }\n .cds--cc--chart-wrapper .background-diverge-1-17.hovered {\n background-color: var(--cds-charts-diverge-1-17-hovered, #003a6d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-17 {\n stroke: var(--cds-charts-diverge-1-17, #003a6d);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-17 {\n stop-color: var(--cds-charts-diverge-1-17, #003a6d);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-1 {\n fill: var(--cds-charts-diverge-2-1, #491d8b);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-1.hovered {\n fill: var(--cds-charts-diverge-2-1-hovered, #491d8b);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-1 {\n background-color: var(--cds-charts-diverge-2-1, #491d8b);\n }\n .cds--cc--chart-wrapper .background-diverge-2-1.hovered {\n background-color: var(--cds-charts-diverge-2-1-hovered, #491d8b);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-1 {\n stroke: var(--cds-charts-diverge-2-1, #491d8b);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-1 {\n stop-color: var(--cds-charts-diverge-2-1, #491d8b);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-2 {\n fill: var(--cds-charts-diverge-2-2, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-2.hovered {\n fill: var(--cds-charts-diverge-2-2-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-2 {\n background-color: var(--cds-charts-diverge-2-2, #6929c4);\n }\n .cds--cc--chart-wrapper .background-diverge-2-2.hovered {\n background-color: var(--cds-charts-diverge-2-2-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-2 {\n stroke: var(--cds-charts-diverge-2-2, #6929c4);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-2 {\n stop-color: var(--cds-charts-diverge-2-2, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-3 {\n fill: var(--cds-charts-diverge-2-3, #8a3ffc);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-3.hovered {\n fill: var(--cds-charts-diverge-2-3-hovered, #8a3ffc);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-3 {\n background-color: var(--cds-charts-diverge-2-3, #8a3ffc);\n }\n .cds--cc--chart-wrapper .background-diverge-2-3.hovered {\n background-color: var(--cds-charts-diverge-2-3-hovered, #8a3ffc);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-3 {\n stroke: var(--cds-charts-diverge-2-3, #8a3ffc);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-3 {\n stop-color: var(--cds-charts-diverge-2-3, #8a3ffc);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-4 {\n fill: var(--cds-charts-diverge-2-4, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-4.hovered {\n fill: var(--cds-charts-diverge-2-4-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-4 {\n background-color: var(--cds-charts-diverge-2-4, #a56eff);\n }\n .cds--cc--chart-wrapper .background-diverge-2-4.hovered {\n background-color: var(--cds-charts-diverge-2-4-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-4 {\n stroke: var(--cds-charts-diverge-2-4, #a56eff);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-4 {\n stop-color: var(--cds-charts-diverge-2-4, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-5 {\n fill: var(--cds-charts-diverge-2-5, #be95ff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-5.hovered {\n fill: var(--cds-charts-diverge-2-5-hovered, #be95ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-5 {\n background-color: var(--cds-charts-diverge-2-5, #be95ff);\n }\n .cds--cc--chart-wrapper .background-diverge-2-5.hovered {\n background-color: var(--cds-charts-diverge-2-5-hovered, #be95ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-5 {\n stroke: var(--cds-charts-diverge-2-5, #be95ff);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-5 {\n stop-color: var(--cds-charts-diverge-2-5, #be95ff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-6 {\n fill: var(--cds-charts-diverge-2-6, #d4bbff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-6.hovered {\n fill: var(--cds-charts-diverge-2-6-hovered, #d4bbff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-6 {\n background-color: var(--cds-charts-diverge-2-6, #d4bbff);\n }\n .cds--cc--chart-wrapper .background-diverge-2-6.hovered {\n background-color: var(--cds-charts-diverge-2-6-hovered, #d4bbff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-6 {\n stroke: var(--cds-charts-diverge-2-6, #d4bbff);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-6 {\n stop-color: var(--cds-charts-diverge-2-6, #d4bbff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-7 {\n fill: var(--cds-charts-diverge-2-7, #e8daff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-7.hovered {\n fill: var(--cds-charts-diverge-2-7-hovered, #e8daff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-7 {\n background-color: var(--cds-charts-diverge-2-7, #e8daff);\n }\n .cds--cc--chart-wrapper .background-diverge-2-7.hovered {\n background-color: var(--cds-charts-diverge-2-7-hovered, #e8daff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-7 {\n stroke: var(--cds-charts-diverge-2-7, #e8daff);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-7 {\n stop-color: var(--cds-charts-diverge-2-7, #e8daff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-8 {\n fill: var(--cds-charts-diverge-2-8, #f6f2ff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-8.hovered {\n fill: var(--cds-charts-diverge-2-8-hovered, #f6f2ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-8 {\n background-color: var(--cds-charts-diverge-2-8, #f6f2ff);\n }\n .cds--cc--chart-wrapper .background-diverge-2-8.hovered {\n background-color: var(--cds-charts-diverge-2-8-hovered, #f6f2ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-8 {\n stroke: var(--cds-charts-diverge-2-8, #f6f2ff);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-8 {\n stop-color: var(--cds-charts-diverge-2-8, #f6f2ff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-9 {\n fill: var(--cds-charts-diverge-2-9, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-9.hovered {\n fill: var(--cds-charts-diverge-2-9-hovered, #ffffff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-9 {\n background-color: var(--cds-charts-diverge-2-9, #fff);\n }\n .cds--cc--chart-wrapper .background-diverge-2-9.hovered {\n background-color: var(--cds-charts-diverge-2-9-hovered, #fff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-9 {\n stroke: var(--cds-charts-diverge-2-9, #ffffff);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-9 {\n stop-color: var(--cds-charts-diverge-2-9, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-10 {\n fill: var(--cds-charts-diverge-2-10, #d9fbfb);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-10.hovered {\n fill: var(--cds-charts-diverge-2-10-hovered, #d9fbfb);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-10 {\n background-color: var(--cds-charts-diverge-2-10, #d9fbfb);\n }\n .cds--cc--chart-wrapper .background-diverge-2-10.hovered {\n background-color: var(--cds-charts-diverge-2-10-hovered, #d9fbfb);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-10 {\n stroke: var(--cds-charts-diverge-2-10, #d9fbfb);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-10 {\n stop-color: var(--cds-charts-diverge-2-10, #d9fbfb);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-11 {\n fill: var(--cds-charts-diverge-2-11, #9ef0f0);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-11.hovered {\n fill: var(--cds-charts-diverge-2-11-hovered, #9ef0f0);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-11 {\n background-color: var(--cds-charts-diverge-2-11, #9ef0f0);\n }\n .cds--cc--chart-wrapper .background-diverge-2-11.hovered {\n background-color: var(--cds-charts-diverge-2-11-hovered, #9ef0f0);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-11 {\n stroke: var(--cds-charts-diverge-2-11, #9ef0f0);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-11 {\n stop-color: var(--cds-charts-diverge-2-11, #9ef0f0);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-12 {\n fill: var(--cds-charts-diverge-2-12, #3ddbd9);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-12.hovered {\n fill: var(--cds-charts-diverge-2-12-hovered, #3ddbd9);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-12 {\n background-color: var(--cds-charts-diverge-2-12, #3ddbd9);\n }\n .cds--cc--chart-wrapper .background-diverge-2-12.hovered {\n background-color: var(--cds-charts-diverge-2-12-hovered, #3ddbd9);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-12 {\n stroke: var(--cds-charts-diverge-2-12, #3ddbd9);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-12 {\n stop-color: var(--cds-charts-diverge-2-12, #3ddbd9);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-13 {\n fill: var(--cds-charts-diverge-2-13, #08bdba);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-13.hovered {\n fill: var(--cds-charts-diverge-2-13-hovered, #08bdba);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-13 {\n background-color: var(--cds-charts-diverge-2-13, #08bdba);\n }\n .cds--cc--chart-wrapper .background-diverge-2-13.hovered {\n background-color: var(--cds-charts-diverge-2-13-hovered, #08bdba);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-13 {\n stroke: var(--cds-charts-diverge-2-13, #08bdba);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-13 {\n stop-color: var(--cds-charts-diverge-2-13, #08bdba);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-14 {\n fill: var(--cds-charts-diverge-2-14, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-14.hovered {\n fill: var(--cds-charts-diverge-2-14-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-14 {\n background-color: var(--cds-charts-diverge-2-14, #009d9a);\n }\n .cds--cc--chart-wrapper .background-diverge-2-14.hovered {\n background-color: var(--cds-charts-diverge-2-14-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-14 {\n stroke: var(--cds-charts-diverge-2-14, #009d9a);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-14 {\n stop-color: var(--cds-charts-diverge-2-14, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-15 {\n fill: var(--cds-charts-diverge-2-15, #007d79);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-15.hovered {\n fill: var(--cds-charts-diverge-2-15-hovered, #007d79);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-15 {\n background-color: var(--cds-charts-diverge-2-15, #007d79);\n }\n .cds--cc--chart-wrapper .background-diverge-2-15.hovered {\n background-color: var(--cds-charts-diverge-2-15-hovered, #007d79);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-15 {\n stroke: var(--cds-charts-diverge-2-15, #007d79);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-15 {\n stop-color: var(--cds-charts-diverge-2-15, #007d79);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-16 {\n fill: var(--cds-charts-diverge-2-16, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-16.hovered {\n fill: var(--cds-charts-diverge-2-16-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-16 {\n background-color: var(--cds-charts-diverge-2-16, #005d5d);\n }\n .cds--cc--chart-wrapper .background-diverge-2-16.hovered {\n background-color: var(--cds-charts-diverge-2-16-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-16 {\n stroke: var(--cds-charts-diverge-2-16, #005d5d);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-16 {\n stop-color: var(--cds-charts-diverge-2-16, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-17 {\n fill: var(--cds-charts-diverge-2-17, #004144);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-17.hovered {\n fill: var(--cds-charts-diverge-2-17-hovered, #004144);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-17 {\n background-color: var(--cds-charts-diverge-2-17, #004144);\n }\n .cds--cc--chart-wrapper .background-diverge-2-17.hovered {\n background-color: var(--cds-charts-diverge-2-17-hovered, #004144);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-17 {\n stroke: var(--cds-charts-diverge-2-17, #004144);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-17 {\n stop-color: var(--cds-charts-diverge-2-17, #004144);\n }\n .cds--cc--tooltip .tooltip-14-1-10 {\n background-color: var(--cds-charts-14-1-10, #b28600);\n }\n .cds--cc--tooltip .tooltip-14-1-11 {\n background-color: var(--cds-charts-14-1-11, #009d9a);\n }\n .cds--cc--tooltip .tooltip-14-1-12 {\n background-color: var(--cds-charts-14-1-12, #012749);\n }\n .cds--cc--tooltip .tooltip-14-1-13 {\n background-color: var(--cds-charts-14-1-13, #8a3800);\n }\n .cds--cc--tooltip .tooltip-14-1-14 {\n background-color: var(--cds-charts-14-1-14, #a56eff);\n }\n .cds--cc--card-node--a:focus,\n .cds--cc--card-node--a:hover,\n .cds--cc--card-node--button:focus,\n .cds--cc--card-node--button:hover,\n .cds--cc--shape-node--a:focus,\n .cds--cc--shape-node--a:hover,\n .cds--cc--shape-node--button:focus,\n .cds--cc--shape-node--button:hover {\n background-color: var(--cds-network-diagrams-background-hover, #f1f1f1);\n }\n .cds--cc--legend .additional > .icon .area-1 {\n fill: var(--cds-zone-fill-01, #f4f4f4);\n stroke: var(--cds-zone-stroke-01, #8d8d8d);\n }\n .cds--cc--legend .additional > .icon .area-2 {\n fill: var(--cds-zone-fill-02, #e0e0e0);\n stroke: var(--cds-zone-stroke-02, #8d8d8d);\n }\n .cds--cc--legend .additional > .icon .area-3 {\n fill: var(--cds-zone-fill-03, #c6c6c6);\n stroke: var(--cds-zone-stroke-03, #8d8d8d);\n }\n .cds--cc--legend .additional > .icon .quartile-wrapper {\n fill: var(--cds-zone-fill-02, #e0e0e0);\n stroke: var(--cds-zone-stroke-01, #8d8d8d);\n }\n .cds--cc--legend .additional > .icon .quartile-line {\n fill: var(--cds-layer-inverse-absolute, #000000);\n }\n .cds--cc--axes g.axis g.tick-hover rect.axis-holder {\n fill: transparent;\n stroke: transparent;\n stroke-width: 2px;\n }\n .cds--cc--axes g.axis g.tick-hover:focus rect.axis-holder,\n .cds--cc--axes g.axis g.tick-hover:hover rect.axis-holder {\n fill: var(--cds-layer-selected-inverse, #161616);\n stroke: var(--cds-layer-selected-inverse, #161616);\n stroke-width: 2px;\n }\n .cds--cc--axes g.axis g.tick-hover:focus text,\n .cds--cc--axes g.axis g.tick-hover:hover text {\n fill: var(--cds-layer-selected);\n }\n .cds--cc--axes g.axis .axis-title {\n font-weight: 600;\n fill: var(--cds-text-primary, #161616);\n }\n .cds--cc--chart-wrapper g.callouts {\n stroke: var(--cds-text-secondary, #525252);\n }\n .cds--cc--grid-brush g.grid-brush rect.selection {\n fill: none;\n fill-opacity: 0;\n stroke: none;\n }\n .cds--cc--grid-brush rect.frontSelection {\n fill: var(--cds-layer-accent-01, #e0e0e0);\n fill-opacity: 0.3;\n stroke: var(--cds-button-tertiary, #0f62fe);\n }\n .cds--cc--grid rect.chart-grid-backdrop,\n .cds--cc--skeleton rect.chart-skeleton-backdrop,\n .cds--cc--skeleton-lines rect.chart-skeleton-backdrop {\n fill: var(--cds-grid-bg, #ffffff);\n }\n .cds--cc--grid rect.chart-grid-backdrop.stroked,\n .cds--cc--grid rect.stroke {\n stroke: var(--cds-layer-accent-01, #e0e0e0);\n }\n .cds--cc--grid g.x.grid g.tick line,\n .cds--cc--grid g.y.grid g.tick line {\n pointer-events: none;\n stroke-width: 1px;\n stroke: var(--cds-layer-accent-01, #e0e0e0);\n }\n .cds--cc--grid g.x.grid g.tick.active line,\n .cds--cc--grid g.y.grid g.tick.active line {\n stroke-dasharray: 2px;\n stroke: var(--cds-focus, #0f62fe);\n }\n .cds--cc--ruler line.ruler-line,\n .cds--cc--ruler-binned line.ruler-line {\n stroke: var(--cds-layer-inverse-absolute, #000000);\n stroke-width: 1px;\n stroke-dasharray: 2;\n pointer-events: none;\n }\n .cds--cc--skeleton .shimmer-effect-lines {\n stroke-width: 1px;\n }\n .cds--cc--skeleton .shimmer-effect-sparkline {\n stroke-width: 0;\n }\n .cds--cc--skeleton .empty-state-lines {\n stroke-width: 1px;\n stroke: var(--cds-layer-accent-01, #e0e0e0);\n }\n .cds--cc--skeleton .shimmer-lines .stop-bg-shimmer {\n stop-color: var(--cds-layer-accent-01, #e0e0e0);\n }\n .cds--cc--skeleton .shimmer-lines .stop-shimmer {\n stop-color: #fff;\n }\n .cds--cc--skeleton .empty-state-areas {\n fill: rgba(127, 127, 127, 0.1);\n }\n .cds--cc--skeleton .shimmer-areas .stop-bg-shimmer {\n stop-color: rgba(127, 127, 127, 0.1);\n }\n .cds--cc--skeleton .shimmer-areas .stop-shimmer {\n stop-color: rgba(255, 255, 255, 0.15);\n }\n .cds--cc--skeleton-lines .shimmer-effect-lines {\n stroke-width: 1px;\n }\n .cds--cc--skeleton-lines .shimmer-effect-sparkline {\n stroke-width: 0;\n }\n .cds--cc--skeleton-lines .empty-state-lines {\n stroke-width: 1px;\n stroke: var(--cds-layer-accent-01, #e0e0e0);\n }\n .cds--cc--skeleton-lines .shimmer-lines .stop-bg-shimmer {\n stop-color: var(--cds-layer-accent-01, #e0e0e0);\n }\n .cds--cc--skeleton-lines .shimmer-lines .stop-shimmer {\n stop-color: #fff;\n }\n .cds--cc--layout-row {\n display: flex;\n flex-direction: row;\n }\n .cds--cc--layout-column {\n display: flex;\n flex-direction: column;\n }\n .cds--cc--layout-row-reverse {\n display: flex;\n flex-direction: row-reverse;\n }\n .cds--cc--layout-column-reverse {\n display: flex;\n flex-direction: column-reverse;\n }\n .cds--cc--threshold--label,\n .cds--cc--tooltip {\n display: inline;\n box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);\n word-wrap: break-word;\n z-index: 1059;\n }\n .cds--cc--layout-alignitems-center {\n align-items: center;\n }\n .cds--cc--chart-wrapper svg.layout-svg-wrapper {\n height: inherit;\n width: inherit;\n overflow: visible;\n }\n div.cds--cc--legend {\n display: flex;\n user-select: none;\n -webkit-flex-wrap: wrap;\n flex-wrap: wrap;\n }\n div.cds--cc--legend[data-name='legend-items'] {\n width: 100%;\n margin: -5px;\n }\n div.cds--cc--legend div.legend-item {\n display: flex;\n align-items: center;\n margin: 5px;\n }\n div.cds--cc--legend div.legend-item div.checkbox {\n width: 13px;\n height: 13px;\n margin-right: 4px;\n border-radius: 2px;\n border: solid 1px var(--cds-background, #fff);\n box-shadow: 0 0 0 2px transparent;\n }\n div.cds--cc--legend div.legend-item div.checkbox:not(.active) {\n border-color: var(--cds-text-secondary, #525252);\n background: var(--cds-background, #fff);\n }\n div.cds--cc--legend div.legend-item div.checkbox svg {\n display: none;\n vertical-align: text-top;\n fill: var(--cds-background, #ffffff);\n stroke: var(--cds-background, #ffffff);\n }\n div.cds--cc--legend div.legend-item.additional svg.icon {\n margin-right: 4px;\n }\n div.cds--cc--legend div.legend-item p {\n font-size: 12px;\n line-height: 1rem;\n }\n div.cds--cc--legend.center-aligned {\n justify-content: center;\n }\n div.cds--cc--legend.right-aligned {\n justify-content: flex-end;\n }\n div.cds--cc--legend.has-deactivated-items div.legend-item div.checkbox svg {\n display: block;\n }\n div.cds--cc--legend.vertical {\n margin: -5px;\n flex-direction: column;\n }\n div.cds--cc--legend.vertical div.legend-item {\n margin-right: 0;\n margin-bottom: 10px;\n }\n div.cds--cc--legend.clickable div.legend-item:not(.additional):hover {\n cursor: pointer;\n }\n div.cds--cc--legend.clickable\n div.legend-item:not(.additional):hover\n div.checkbox {\n border: solid 1px var(--cds-background, #fff);\n box-shadow: 0 0 0 2px #0f62fe;\n }\n div.cds--cc--legend.clickable\n div.legend-item:not(.additional):hover\n div.checkbox:not(.active) {\n border-color: var(--cds-text-secondary, #525252);\n }\n .cds--cc--card-node--stacked::after,\n .cds--cc--card-node--stacked::before {\n content: '';\n position: absolute;\n z-index: 0;\n border-top: 0.125rem solid var(--cds-layer-accent-01, #e0e0e0);\n border-right: 0.125rem solid var(--cds-layer-accent-01, #e0e0e0);\n pointer-events: none;\n }\n .cds--chart-holder .cds--modal.is-visible {\n z-index: 99999;\n }\n .cds--chart-holder\n .cds--modal\n .cds--modal-container\n .cds--modal-header__label {\n margin-top: 0;\n margin-bottom: 0;\n }\n .cds--chart-holder\n .cds--modal\n .cds--modal-container\n .cds--modal-header__heading {\n margin-top: 0.5rem;\n margin-bottom: 1rem;\n }\n .cds--chart-holder .cds--modal .cds--modal-container .cds--modal-content {\n padding: 0;\n margin-bottom: 0;\n color-scheme: var(--cds-color-scheme, light);\n }\n .cds--chart-holder\n .cds--modal\n .cds--modal-container\n .cds--modal-content\n table {\n position: relative;\n border-collapse: collapse;\n }\n .cds--chart-holder\n .cds--modal\n .cds--modal-container\n .cds--modal-content\n table\n th {\n position: sticky;\n top: 0;\n }\n .cds--chart-holder\n .cds--modal\n .cds--modal-container\n .cds--modal-footer\n .cds--cc-modal-footer-spacer {\n width: 50%;\n }\n .cds--cc--title p.title {\n font-size: 16px;\n font-weight: 600;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-right: 15px;\n }\n .layout-child.title {\n height: unset !important;\n overflow: hidden;\n }\n .cds--cc--meter-title text.meter-title,\n .cds--cc--meter-title text.percent-value,\n .cds--cc--meter-title text.proportional-meter-title,\n .cds--cc--meter-title text.proportional-meter-total {\n fill: var(--cds-text-primary, #161616);\n }\n .cds--cc--meter-title g.status-indicator.status--warning circle.status {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--cc--meter-title g.status-indicator.status--warning path.innerFill {\n fill: #000;\n }\n .cds--cc--meter-title g.status-indicator.status--success circle.status {\n fill: var(--cds-support-success, #24a148);\n }\n .cds--cc--meter-title g.status-indicator path.innerFill {\n fill: var(--cds-layer-01-absolute, #ffffff);\n }\n .cds--chart-holder .cds--overflow-menu,\n .cds--chart-holder .cds--overflow-menu__trigger {\n width: 2rem;\n height: 2rem;\n }\n .cds--chart-holder .cds--cc--toolbar {\n display: flex;\n }\n .cds--chart-holder .cds--cc--toolbar div.toolbar-control.disabled,\n .cds--chart-holder .cds--cc--toolbar div.toolbar-control.disabled button {\n cursor: not-allowed;\n }\n .cds--chart-holder .cds--cc--toolbar div.toolbar-control.disabled svg {\n fill: var(--cds-icon-on-color-disabled, #8d8d8d);\n }\n .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu--flip {\n right: 0;\n left: unset;\n }\n .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu--flip.is-open {\n display: table;\n }\n .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu--flip ul {\n margin: 0;\n padding: 0;\n }\n .cds--chart-holder .cds--cc--toolbar .cds--loading__background {\n fill: transparent;\n }\n .cds--chart-holder .cds--cc--toolbar .cds--loading__stroke {\n stroke-dashoffset: 99;\n fill: transparent;\n }\n .cds--cc--tooltip {\n background-color: var(--cds-layer-02, #fff);\n pointer-events: none;\n visibility: visible;\n position: absolute;\n transition:\n visibility 0s linear 0.1s,\n opacity 0.1s;\n }\n .cds--cc--tooltip.hidden {\n opacity: 0;\n visibility: hidden;\n transition:\n visibility cubic-bezier(0.4, 0.14, 0.3, 1),\n opacity 0.1s cubic-bezier(0.4, 0.14, 0.3, 1);\n }\n .cds--cc--tooltip .content-box .title-tooltip {\n width: auto;\n padding: 4px;\n min-width: 20px;\n max-width: 270px;\n }\n .cds--cc--tooltip .content-box .title-tooltip p {\n margin: 2px;\n font-size: 12px;\n line-height: 1rem;\n }\n .cds--cc--tooltip .content-box .datapoint-tooltip {\n display: flex;\n padding: 4px;\n flex-flow: row nowrap;\n width: auto;\n min-width: 20px;\n justify-content: flex-start;\n align-items: center;\n }\n .cds--cc--tooltip .content-box .datapoint-tooltip div.label {\n display: flex;\n flex: 1;\n }\n .cds--cc--tooltip .content-box .datapoint-tooltip div.label p {\n flex: 1;\n padding-right: 8px;\n }\n .cds--cc--tooltip\n .content-box\n .datapoint-tooltip\n div.label\n span.label-icon\n svg {\n height: 12px;\n padding-top: 3px;\n vertical-align: top;\n padding-left: 4px;\n width: auto;\n fill: var(--cds-layer-inverse-absolute, #000000);\n }\n .cds--cc--tooltip .content-box .datapoint-tooltip.bold div.label p {\n font-weight: 600;\n }\n .cds--cc--tooltip .content-box .datapoint-tooltip p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n line-height: 16px;\n font-size: 12px;\n display: inline-block;\n margin: 0;\n padding: 0;\n border: 0;\n }\n .cds--cc--tooltip .content-box .datapoint-tooltip p.value {\n width: auto;\n margin-left: 6px;\n }\n .cds--cc--tooltip .content-box ul.multi-tooltip {\n margin: 0;\n padding: 0;\n }\n .cds--cc--tooltip .content-box ul.multi-tooltip li {\n list-style: none;\n position: relative;\n }\n .cds--cc--tooltip .content-box ul.multi-tooltip li:not(:last-child) {\n border-bottom: 1px solid var(--cds-tooltip-line-border, #e0e0e0);\n }\n .cds--cc--tooltip .content-box svg.arrow-right rect {\n fill: none;\n }\n .cds--cc--tooltip .tooltip-color {\n position: absolute;\n left: 0;\n top: 0;\n width: 4px;\n height: 100%;\n }\n @media (forced-colors: active) {\n .cds--cc--tooltip .tooltip-color,\n div.cds--cc--legend div.legend-item div.checkbox {\n forced-color-adjust: none;\n }\n }\n .cds--cc--tooltip .tooltip-color + div.label p {\n margin-left: 4px;\n }\n .cds--cc--threshold line.threshold-line {\n stroke: #fa4d56;\n stroke-width: 1;\n stroke-dasharray: 4;\n cursor: pointer;\n pointer-events: none;\n }\n .cds--cc--threshold line.threshold-line.active {\n stroke-width: 2;\n }\n .cds--cc--threshold rect.threshold-hoverable-area {\n height: 20px;\n transform: translate(0, -10px);\n cursor: pointer;\n fill: transparent;\n }\n .cds--cc--threshold rect.threshold-hoverable-area.rotate {\n transform: rotate(90deg) translate(0, -10px);\n }\n .cds--cc--threshold--label {\n background-color: #fa4d56;\n pointer-events: none;\n transition: opacity 0.1s cubic-bezier(0.4, 0.14, 0.3, 1);\n position: absolute;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n line-height: 16px;\n font-size: 12px;\n padding: 4px;\n min-width: 20px;\n }\n .cds--cc--card-node,\n .cds--cc--shape-node {\n background-color: var(--cds-layer-01, #f4f4f4);\n box-sizing: border-box;\n position: relative;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n width: 100%;\n height: 100%;\n }\n .cds--cc--threshold--label.hidden {\n opacity: 0;\n transition: opacity 0.1s cubic-bezier(0.4, 0.14, 0.3, 1);\n }\n .cds--cc--zoom-bar rect.zoom-bg {\n fill: var(--cds-background, #ffffff);\n stroke: var(--cds-layer-01, #f4f4f4);\n }\n .cds--cc--zoom-bar rect.zoom-slider-bg {\n fill: var(--cds-layer-01, #f4f4f4);\n }\n .cds--cc--zoom-bar g.zoom-bar-brush rect.handle,\n .cds--cc--zoom-bar rect.zoom-slider-selected-area {\n fill: var(--cds-icon-secondary, #525252);\n }\n .cds--cc--zoom-bar path.zoom-bg-baseline {\n stroke-width: 2;\n }\n .cds--cc--zoom-bar path.zoom-graph-area {\n fill: var(--cds-layer-accent-01, #e0e0e0);\n stroke: var(--cds-border-strong-01, #8d8d8d);\n stroke-width: 1;\n }\n .cds--cc--zoom-bar path.zoom-graph-area-unselected {\n fill: var(--cds-layer-01, #f4f4f4);\n stroke: none;\n }\n .cds--cc--zoom-bar g.zoom-bar-brush rect.handle-bar {\n fill: var(--cds-layer-02, #ffffff);\n }\n .cds--cc--zoom-bar g.zoom-bar-brush rect.selection {\n fill: none;\n stroke: none;\n }\n .cds--cc--zoom-bar rect[class^='highlight-'] {\n fill: #ee5396;\n stroke: #ee5396;\n }\n .cds--cc--highlight rect.highlight-bar {\n pointer-events: none;\n fill: #ee5396;\n stroke: #ee5396;\n }\n .cds--cc--card-node {\n display: flex;\n z-index: 1;\n padding: 1rem 0.5rem;\n border-left: 0.25rem solid var(--cds-border-inverse, #161616);\n }\n .cds--cc--card-node--a,\n .cds--cc--card-node--button {\n border-top: none;\n border-right: none;\n border-bottom: none;\n color: inherit;\n text-decoration: none;\n cursor: pointer;\n }\n .cds--cc--card-node--button {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n text-align: left;\n width: 100%;\n }\n .cds--cc--card-node--a:focus,\n .cds--cc--card-node--button:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--cc--card-node--a:focus,\n .cds--cc--card-node--button:focus {\n outline-style: dotted;\n }\n }\n .cds--cc--card-node--stacked::before {\n height: 100%;\n width: 100%;\n left: 0.3125rem;\n bottom: 0.3125rem;\n }\n .cds--cc--card-node--stacked::after {\n height: 100%;\n width: 100%;\n left: 0.6875rem;\n bottom: 0.6875rem;\n }\n .cds--cc--card-node__column {\n padding: 0 0.5rem;\n }\n .cds--cc--card-node__column--farside {\n margin-left: auto;\n }\n .cds--cc--card-node__title {\n font-size: var(--cds-productive-heading-01-font-size, 0.875rem);\n font-weight: var(--cds-productive-heading-01-font-weight, 600);\n line-height: var(--cds-productive-heading-01-line-height, 1.28572);\n letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);\n margin: 0;\n }\n .cds--cc--card-node__subtitle {\n font-size: var(--cds-body-short-01-font-size, 0.875rem);\n font-weight: var(--cds-body-short-01-font-weight, 400);\n line-height: var(--cds-body-short-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);\n margin: 0;\n }\n .cds--cc--card-node__label {\n display: block;\n font-size: var(--cds-label-01-font-size, 0.75rem);\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n color: var(--cds-text-secondary, #525252);\n padding-top: 1.5rem;\n }\n .cds--cc--shape-node {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .cds--cc--shape-node--circle {\n border-radius: 100%;\n }\n .cds--cc--shape-node--square {\n border-radius: 0;\n }\n .cds--cc--shape-node--rounded-square {\n border-radius: 0.5rem;\n }\n .cds--cc--shape-node--a,\n .cds--cc--shape-node--button {\n border: none;\n color: inherit;\n text-decoration: none;\n cursor: pointer;\n }\n .cds--cc--shape-node__subtitle,\n .cds--cc--shape-node__title {\n font-size: var(--cds-body-short-01-font-size, 0.875rem);\n font-weight: var(--cds-body-short-01-font-weight, 400);\n line-height: var(--cds-body-short-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);\n color: var(--cds-text-primary, #161616);\n }\n .cds--cc--shape-node--button {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n text-align: left;\n width: 100%;\n }\n .cds--chart-holder.filled,\n .cds--chart-holder.filled .cds--cc--chart-wrapper,\n .cds--chart-holder.fullscreen,\n .cds--chart-holder.fullscreen .cds--cc--chart-wrapper,\n div.container {\n background-color: var(--cds-background, #fff);\n }\n .cds--cc--shape-node--a:focus .cds--cc--shape-node__subtitle,\n .cds--cc--shape-node--a:focus .cds--cc--shape-node__title,\n .cds--cc--shape-node--a:hover .cds--cc--shape-node__subtitle,\n .cds--cc--shape-node--a:hover .cds--cc--shape-node__title,\n .cds--cc--shape-node--button:focus .cds--cc--shape-node__subtitle,\n .cds--cc--shape-node--button:focus .cds--cc--shape-node__title,\n .cds--cc--shape-node--button:hover .cds--cc--shape-node__subtitle,\n .cds--cc--shape-node--button:hover .cds--cc--shape-node__title {\n font-weight: 600;\n }\n .cds--cc--shape-node--a:focus:focus,\n .cds--cc--shape-node--button:focus:focus {\n outline: 0;\n box-shadow: 0 0 0 2px var(--cds-focus, #0f62fe);\n }\n .cds--cc--shape-node__body {\n position: absolute;\n top: calc(100% + 0.125rem);\n text-align: center;\n }\n .cds--cc--shape-node__subtitle {\n padding-bottom: 0.125rem;\n }\n .cds--cc--shape-node__icon {\n display: flex;\n }\n .cds--cc--shape-node__title {\n padding-top: 0.125rem;\n margin-bottom: 1px;\n }\n .cds--cc--edge {\n fill: transparent;\n }\n .cds--cc--edge__container {\n stroke-width: 1.5rem;\n stroke: transparent;\n stroke-dasharray: none;\n }\n .cds--cc--edge__inner {\n stroke-width: 0.0625rem;\n stroke: var(--cds-border-strong-01, #8d8d8d);\n }\n .cds--cc--edge:hover .cds--cc--edge__inner,\n .cds--cc--edge__outer {\n stroke-width: 0.15625rem;\n }\n .cds--cc--edge__outer {\n stroke: transparent;\n }\n .cds--cc--edge--dash-sm {\n stroke-dasharray: 2 4;\n }\n .cds--cc--edge--dash-md {\n stroke-dasharray: 4 4;\n }\n .cds--cc--edge--dash-lg {\n stroke-dasharray: 8 4;\n }\n .cds--cc--edge--dash-xl {\n stroke-dasharray: 16 4;\n }\n .cds--cc--edge--tunnel .cds--cc--edge__outer {\n stroke: var(--cds-layer-accent-01, #e0e0e0);\n stroke-width: 0.375rem;\n }\n .cds--cc--edge--double .cds--cc--edge__inner {\n stroke: var(--cds-background, #ffffff);\n }\n .cds--cc--edge--double .cds--cc--edge__outer {\n stroke: var(--cds-border-inverse, #161616);\n stroke-width: 0.28125rem;\n }\n .cds--cc--marker {\n fill: var(--cds-border-inverse, #161616);\n }\n svg.cds--cc--color-legend {\n display: flex;\n user-select: none;\n }\n svg.cds--cc--color-legend g.legend-title text {\n fill: var(--cds-layer-inverse-absolute, #000000);\n }\n .cds--cc--area path.area,\n .cds--cc--area-stacked path.area,\n .cds--cc--bullet path.range-box {\n pointer-events: none;\n }\n .cds--cc--bubble circle.dot.hovered {\n fill-opacity: 1;\n transition: 0.1s cubic-bezier(0.4, 0.14, 0.3, 1);\n }\n .cds--cc--bubble circle.dot.unfilled {\n fill: var(--cds-layer-01, #f4f4f4);\n }\n .cds--cc--bullet path.range-box.order-1 {\n fill: var(--cds-zone-fill-01, #f4f4f4);\n stroke: var(--cds-zone-stroke-01, #8d8d8d);\n }\n .cds--cc--bullet path.range-box.order-2 {\n fill: var(--cds-zone-fill-02, #e0e0e0);\n stroke: var(--cds-zone-stroke-02, #8d8d8d);\n }\n .cds--cc--bullet path.range-box.order-3 {\n fill: var(--cds-zone-fill-03, #c6c6c6);\n stroke: var(--cds-zone-stroke-03, #8d8d8d);\n }\n .cds--cc--bullet path.marker,\n .cds--cc--bullet path.quartile {\n pointer-events: none;\n stroke-width: 1.5px;\n stroke: var(--cds-layer-inverse-absolute, #000000);\n }\n .cds--cc--bullet path.quartile.over-bar {\n stroke: var(--cds-layer-01-absolute, #ffffff);\n }\n .cds--cc--line path.line {\n pointer-events: none;\n fill: none;\n stroke-width: 1.5;\n }\n .cds--cc--line path.line.sparkline-loading {\n animation: 2.5s linear infinite shimmer;\n }\n @keyframes shimmer {\n 0%,\n 100% {\n stroke: var(--cds-layer-accent-01, #e0e0e0);\n }\n 20% {\n stroke: #fff;\n opacity: 0.5;\n }\n }\n .cds--cc--scatter circle.dot.hovered {\n fill-opacity: 1;\n transition: 0.1s cubic-bezier(0.4, 0.14, 0.3, 1);\n }\n .cds--cc--scatter circle.dot.unfilled {\n fill: var(--cds-layer-01, #f4f4f4);\n stroke-width: 1.5;\n }\n .cds--cc--gauge .gauge-delta-arrow.status--danger,\n .cds--cc--meter rect.value.status--danger {\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--cc--scatter circle.dot.threshold-anomaly {\n stroke-width: 3;\n }\n .cds--cc--meter rect.container {\n fill: var(--cds-layer-01, #f4f4f4);\n }\n .cds--cc--meter line.rangeIndicator {\n stroke: var(--cds-meter-range-indicator, #a8a8a8);\n stroke-width: 1px;\n }\n .cds--cc--meter rect.value.status--warning {\n fill: var(--cds-support-warning, #f1c21b);\n stroke-width: 1px;\n stroke: var(--cds-alert-stroke, #b28600);\n }\n .cds--cc--meter rect.value.status--success {\n fill: var(--cds-support-success, #24a148);\n }\n .cds--cc--meter line.peak {\n stroke: var(--cds-border-inverse, #161616);\n stroke-width: 2px;\n }\n .cds--cc--scatter-stacked circle.dot.unfilled {\n fill: var(--cds-layer-01, #f4f4f4);\n stroke-width: 1.5;\n }\n .cds--cc--scatter-stacked circle.dot.threshold-anomaly {\n stroke-width: 3;\n }\n .cds--cc--radar .blobs path {\n stroke-width: 1.5px;\n }\n .cds--cc--radar .x-axes line,\n .cds--cc--radar .y-axes path {\n stroke-width: 1px;\n stroke: var(--cds-layer-accent-01, #e0e0e0);\n }\n .cds--cc--radar .x-axes line.hovered {\n stroke: var(--cds-layer-inverse-absolute, #000000);\n }\n .cds--cc--chart-wrapper .cds--cc--tree g.links {\n fill: none;\n stroke: var(--cds-border-strong-01, #8d8d8d);\n stroke-opacity: 0.4;\n stroke-width: 1.5;\n }\n .cds--cc--chart-wrapper .cds--cc--tree circle.parent,\n .cds--cc--chart-wrapper text {\n fill: var(--cds-text-secondary, #525252);\n }\n .cds--cc--chart-wrapper .cds--cc--tree g.clickable {\n cursor: pointer;\n }\n .cds--cc--chart-wrapper .cds--cc--tree g.clickable:hover text {\n font-weight: 600;\n }\n .cds--cc--chart-wrapper .cds--cc--tree g.clickable:hover circle {\n fill: var(--cds-text-primary, #161616);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .cds--cc--tree circle.child {\n fill: var(--cds-border-strong-01, #8d8d8d);\n }\n .cds--cc--chart-wrapper .cds--cc--tree text {\n fill: var(--cds-text-primary, #161616);\n }\n .cds--cc--chart-wrapper .cds--cc--tree text.text-stroke {\n stroke: var(--cds-text-inverse, #ffffff);\n stroke-width: 2px;\n }\n .cds--cc--treemap text {\n pointer-events: none;\n }\n .cds--cc--gauge path.arc-background {\n fill: var(--cds-layer-01, #f4f4f4);\n }\n .cds--cc--gauge .gauge-delta-arrow.status--warning {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--cc--gauge .gauge-delta-arrow.status--success {\n fill: var(--cds-support-success, #24a148);\n }\n .cds--cc--lollipop line.line {\n pointer-events: none;\n }\n .cds--cc--lollipop circle.dot {\n stroke-width: 1.5;\n }\n .cds--cc--circle-pack circle.node {\n stroke-width: 1.5px;\n }\n .cds--cc--circle-pack circle.node.hovered {\n fill-opacity: 1;\n }\n .cds--cc--circle-pack circle.node.non-focal {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n fill-opacity: 30%;\n stroke: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--cc--circle-pack circle.node.clickable {\n cursor: zoom-in;\n }\n .cds--cc--chart-wrapper.zoomed-in\n .cds--cc--circle-pack\n circle.node.hovered-child {\n stroke: 1.5px solid initial;\n }\n .cds--cc--wordcloud text.word.light {\n font-weight: 300;\n }\n .cds--cc--alluvial rect.node,\n .cds--cc--alluvial rect.node-text-bg {\n fill: var(--cds-layer-inverse-absolute, #000000);\n }\n .cds--cc--alluvial text.node-text {\n fill: var(--cds-layer-01-absolute, #ffffff);\n }\n .cds--cc--alluvial polygon.arrow-down {\n fill: var(--cds-layer-01, #f4f4f4);\n }\n .cds--cc--heatmap g.cell-highlight line {\n stroke: #fff;\n stroke-width: 1px;\n }\n .cds--cc--heatmap g.cell-2 line {\n stroke: #fff;\n stroke-width: 2px !important;\n }\n .cds--cc--heatmap g.multi-cell line {\n stroke: #fff;\n stroke-width: 2px;\n }\n .cds--cc--heatmap rect.pattern-fill {\n fill: var(--cds-border-strong-01, #8d8d8d);\n }\n .cds--cc--heatmap g.shadows line.top {\n filter: drop-shadow(0px -3px 2px black);\n }\n .cds--cc--heatmap g.shadows line.down {\n filter: drop-shadow(0px 3px 2px black);\n }\n .cds--cc--heatmap g.shadows line.left {\n filter: drop-shadow(-3px 0px 2px black);\n }\n .cds--cc--heatmap g.shadows line.right {\n filter: drop-shadow(3px 0px 2px black);\n }\n .cds--cc--heatmap rect.heat {\n stroke-width: 0;\n stroke: var(--cds-background, #ffffff);\n }\n .cds--cc--heatmap rect.null-state {\n fill: var(--cds-icon-inverse, #ffffff);\n }\n .cds--cc--chart-wrapper {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--cc--chart-wrapper p {\n padding: 0;\n margin: 0;\n font-size: 12px;\n font-weight: 400;\n color: var(--cds-text-secondary, #525252);\n }\n .cds--resource-card__subtitle,\n .cds--resource-card__title,\n div.container,\n div.container div.v10-banner {\n color: var(--cds-text-primary, #161616);\n }\n .cds--cc--chart-wrapper text {\n font-size: 12px;\n font-weight: 400;\n }\n .cds--cc--chart-wrapper g.gauge-numbers text.gauge-value-number {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n font-weight: 300;\n }\n .cds--cc--chart-wrapper text.meter-title,\n .cds--cc--chart-wrapper text.percent-value {\n font-size: 16px;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--cc--chart-wrapper text.meter-title,\n div.container div.v10-banner b {\n font-weight: 600;\n }\n .cds--chart-holder {\n --cds-charts-1-1-1: #6929c4;\n --cds-charts-1-1-1-hovered: #5923a6;\n --cds-charts-1-2-1: #002d9c;\n --cds-charts-1-2-1-hovered: #002378;\n --cds-charts-1-3-1: #1192e8;\n --cds-charts-1-3-1-hovered: #0f7dc7;\n --cds-charts-1-4-1: #007d79;\n --cds-charts-1-4-1-hovered: #005956;\n --cds-charts-2-1-1: #6929c4;\n --cds-charts-2-1-1-hovered: #5923a6;\n --cds-charts-2-1-2: #009d9a;\n --cds-charts-2-1-2-hovered: #007977;\n --cds-charts-2-2-2: #520408;\n --cds-charts-2-2-2-hovered: #300205;\n --cds-charts-2-3-1: #9f1853;\n --cds-charts-2-3-1-hovered: #801343;\n --cds-charts-2-3-2: #520408;\n --cds-charts-2-3-2-hovered: #300205;\n --cds-charts-2-4-1: #1192e8;\n --cds-charts-2-4-1-hovered: #0f7dc7;\n --cds-charts-2-4-2: #005d5d;\n --cds-charts-2-4-2-hovered: #003939;\n --cds-charts-2-5-1: #009d9a;\n --cds-charts-2-5-1-hovered: #007977;\n --cds-charts-2-5-2: #002d9c;\n --cds-charts-2-5-2-hovered: #002378;\n --cds-charts-3-1-1: #ee5396;\n --cds-charts-3-1-1-hovered: #eb3382;\n --cds-charts-3-1-2: #1192e8;\n --cds-charts-3-1-2-hovered: #0f7dc7;\n --cds-charts-3-1-3: #6929c4;\n --cds-charts-3-1-3-hovered: #5923a6;\n --cds-charts-3-2-1: #9f1853;\n --cds-charts-3-2-1-hovered: #801343;\n --cds-charts-3-2-2: #fa4d56;\n --cds-charts-3-2-2-hovered: #f92a35;\n --cds-charts-3-2-3: #520408;\n --cds-charts-3-2-3-hovered: #300205;\n --cds-charts-3-3-1: #a56eff;\n --cds-charts-3-3-1-hovered: #8f4aff;\n --cds-charts-3-3-2: #005d5d;\n --cds-charts-3-3-2-hovered: #003939;\n --cds-charts-3-3-3: #002d9c;\n --cds-charts-3-3-3-hovered: #002378;\n --cds-charts-3-4-1: #a56eff;\n --cds-charts-3-4-1-hovered: #8f4aff;\n --cds-charts-3-4-2: #005d5d;\n --cds-charts-3-4-2-hovered: #003939;\n --cds-charts-3-4-3: #9f1853;\n --cds-charts-3-4-3-hovered: #801343;\n --cds-charts-3-5-1: #012749;\n --cds-charts-3-5-1-hovered: #011426;\n --cds-charts-3-5-2: #6929c4;\n --cds-charts-3-5-2-hovered: #5923a6;\n --cds-charts-3-5-3: #009d9a;\n --cds-charts-3-5-3-hovered: #007977;\n --cds-charts-4-1-1: #6929c4;\n --cds-charts-4-1-1-hovered: #5923a6;\n --cds-charts-4-1-2: #012749;\n --cds-charts-4-1-2-hovered: #011426;\n --cds-charts-4-1-3: #009d9a;\n --cds-charts-4-1-3-hovered: #007977;\n --cds-charts-4-1-4: #ee5396;\n --cds-charts-4-1-4-hovered: #eb3382;\n --cds-charts-4-2-1: #9f1853;\n --cds-charts-4-2-1-hovered: #801343;\n --cds-charts-4-2-2: #fa4d56;\n --cds-charts-4-2-2-hovered: #f92a35;\n --cds-charts-4-2-3: #520408;\n --cds-charts-4-2-3-hovered: #300205;\n --cds-charts-4-2-4: #a56eff;\n --cds-charts-4-2-4-hovered: #8f4aff;\n --cds-charts-4-3-1: #009d9a;\n --cds-charts-4-3-1-hovered: #007977;\n --cds-charts-4-3-2: #002d9c;\n --cds-charts-4-3-2-hovered: #002378;\n --cds-charts-4-3-3: #a56eff;\n --cds-charts-4-3-3-hovered: #8f4aff;\n --cds-charts-4-3-4: #9f1853;\n --cds-charts-4-3-4-hovered: #801343;\n --cds-charts-5-1-1: #6929c4;\n --cds-charts-5-1-1-hovered: #5923a6;\n --cds-charts-5-1-2: #1192e8;\n --cds-charts-5-1-2-hovered: #0f7dc7;\n --cds-charts-5-1-3: #005d5d;\n --cds-charts-5-1-3-hovered: #003939;\n --cds-charts-5-1-4: #9f1853;\n --cds-charts-5-1-4-hovered: #801343;\n --cds-charts-5-1-5: #520408;\n --cds-charts-5-1-5-hovered: #300205;\n --cds-charts-5-2-1: #002d9c;\n --cds-charts-5-2-1-hovered: #002378;\n --cds-charts-5-2-2: #009d9a;\n --cds-charts-5-2-2-hovered: #007977;\n --cds-charts-5-2-3: #9f1853;\n --cds-charts-5-2-3-hovered: #801343;\n --cds-charts-5-2-4: #520408;\n --cds-charts-5-2-4-hovered: #300205;\n --cds-charts-5-2-5: #a56eff;\n --cds-charts-5-2-5-hovered: #8f4aff;\n --cds-charts-14-1-1: #6929c4;\n --cds-charts-14-1-1-hovered: #5923a6;\n --cds-charts-14-1-2: #1192e8;\n --cds-charts-14-1-2-hovered: #0f7dc7;\n --cds-charts-14-1-3: #005d5d;\n --cds-charts-14-1-3-hovered: #003939;\n --cds-charts-14-1-4: #9f1853;\n --cds-charts-14-1-4-hovered: #801343;\n --cds-charts-14-1-6: #520408;\n --cds-charts-14-1-6-hovered: #300205;\n --cds-charts-14-1-7: #198038;\n --cds-charts-14-1-7-hovered: #13622b;\n --cds-charts-14-1-8: #002d9c;\n --cds-charts-14-1-8-hovered: #002378;\n --cds-charts-14-1-9: #ee5396;\n --cds-charts-14-1-9-hovered: #eb3382;\n --cds-charts-14-1-10: #b28600;\n --cds-charts-14-1-10-hovered: #8e6b00;\n --cds-charts-14-1-11: #009d9a;\n --cds-charts-14-1-11-hovered: #007977;\n --cds-charts-14-1-12: #012749;\n --cds-charts-14-1-12-hovered: #011426;\n --cds-charts-14-1-13: #8a3800;\n --cds-charts-14-1-13-hovered: #662a00;\n --cds-charts-14-1-14: #a56eff;\n --cds-charts-14-1-14-hovered: #8f4aff;\n position: relative;\n display: block;\n width: 100%;\n height: 100%;\n }\n .cds--chart-holder .DONT_STYLE_ME_css_styles_verifier {\n overflow: hidden;\n opacity: 0;\n }\n .cds--chart-holder[data-carbon-theme='g100'],\n .cds--chart-holder[data-carbon-theme='g90'],\n html[data-carbon-theme='g100'],\n html[data-carbon-theme='g90'] {\n --cds-background-active: rgba(141, 141, 141, 0.4);\n --cds-background-hover: rgba(141, 141, 141, 0.16);\n --cds-background-inverse: #f4f4f4;\n --cds-background-inverse-hover: #e8e8e8;\n --cds-background-selected: rgba(141, 141, 141, 0.24);\n --cds-border-disabled: rgba(141, 141, 141, 0.5);\n --cds-border-interactive: #4589ff;\n --cds-border-inverse: #f4f4f4;\n --cds-focus: #ffffff;\n --cds-focus-inset: #161616;\n --cds-focus-inverse: #0f62fe;\n --cds-icon-disabled: rgba(244, 244, 244, 0.25);\n --cds-icon-interactive: #ffffff;\n --cds-icon-inverse: #161616;\n --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);\n --cds-icon-primary: #f4f4f4;\n --cds-icon-secondary: #c6c6c6;\n --cds-interactive: #4589ff;\n --cds-layer-selected-disabled: #a8a8a8;\n --cds-layer-selected-inverse: #f4f4f4;\n --cds-link-inverse: #0f62fe;\n --cds-link-inverse-active: #161616;\n --cds-link-inverse-hover: #0043ce;\n --cds-link-primary: #78a9ff;\n --cds-link-primary-hover: #a6c8ff;\n --cds-link-secondary: #a6c8ff;\n --cds-link-visited: #be95ff;\n --cds-overlay: rgba(0, 0, 0, 0.65);\n --cds-shadow: rgba(0, 0, 0, 0.8);\n --cds-support-caution-undefined: #a56eff;\n --cds-support-error-inverse: #da1e28;\n --cds-support-info: #4589ff;\n --cds-support-info-inverse: #0043ce;\n --cds-support-success: #42be65;\n --cds-support-success-inverse: #24a148;\n --cds-text-disabled: rgba(244, 244, 244, 0.25);\n --cds-text-inverse: #161616;\n --cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);\n --cds-text-placeholder: rgba(244, 244, 244, 0.4);\n --cds-text-primary: #f4f4f4;\n --cds-text-secondary: #c6c6c6;\n --cds-button-separator: #161616;\n --cds-button-secondary: #6f6f6f;\n --cds-button-tertiary: #ffffff;\n --cds-button-secondary-active: #393939;\n --cds-button-tertiary-active: #c6c6c6;\n --cds-button-secondary-hover: #5e5e5e;\n --cds-button-tertiary-hover: #f4f4f4;\n --cds-button-disabled: rgba(141, 141, 141, 0.3);\n --cds-tag-background-red: #a2191f;\n --cds-tag-color-red: #ffd7d9;\n --cds-tag-hover-red: #c21e25;\n --cds-tag-background-magenta: #9f1853;\n --cds-tag-color-magenta: #ffd6e8;\n --cds-tag-hover-magenta: #bf1d63;\n --cds-tag-background-purple: #6929c4;\n --cds-tag-color-purple: #e8daff;\n --cds-tag-hover-purple: #7c3dd6;\n --cds-tag-background-blue: #0043ce;\n --cds-tag-color-blue: #d0e2ff;\n --cds-tag-hover-blue: #0053ff;\n --cds-tag-background-cyan: #00539a;\n --cds-tag-color-cyan: #bae6ff;\n --cds-tag-hover-cyan: #0066bd;\n --cds-tag-background-teal: #005d5d;\n --cds-tag-color-teal: #9ef0f0;\n --cds-tag-hover-teal: #007070;\n --cds-tag-background-green: #0e6027;\n --cds-tag-color-green: #a7f0ba;\n --cds-tag-hover-green: #11742f;\n --cds-tag-background-gray: #525252;\n --cds-tag-color-gray: #e0e0e0;\n --cds-tag-hover-gray: #636363;\n --cds-tag-background-cool-gray: #4d5358;\n --cds-tag-color-cool-gray: #dde1e6;\n --cds-tag-hover-cool-gray: #5d646a;\n --cds-tag-background-warm-gray: #565151;\n --cds-tag-color-warm-gray: #e5e0df;\n --cds-tag-hover-warm-gray: #696363;\n --cds-notification-action-hover: var(--cds-layer-hover);\n --cds-notification-action-tertiary-inverse: #0f62fe;\n --cds-notification-action-tertiary-inverse-active: #002d9c;\n --cds-notification-action-tertiary-inverse-hover: #0050e6;\n --cds-notification-action-tertiary-inverse-text: #ffffff;\n --cds-notification-action-tertiary-inverse-text-on-color-disabled: #8d8d8d;\n --cds-color-scheme: dark;\n --cds-alert-stroke: none;\n --cds-layer-01-absolute: #000000;\n --cds-layer-inverse-absolute: #ffffff;\n --cds-grid-bg: #161616;\n --cds-meter-range-indicator: #6f6f6f;\n --cds-network-diagrams-background-hover: #ededed;\n --cds-zone-fill-01: #262626;\n --cds-zone-stroke-01: #6f6f6f;\n --cds-zone-fill-02: #393939;\n --cds-zone-stroke-02: #6f6f6f;\n --cds-zone-fill-03: #525252;\n --cds-zone-stroke-03: #6f6f6f;\n }\n .cds--chart-holder[data-carbon-theme='g90'],\n html[data-carbon-theme='g90'] {\n --cds-background: #262626;\n --cds-background-brand: #0f62fe;\n --cds-background-selected-hover: rgba(141, 141, 141, 0.32);\n --cds-border-strong-01: #8d8d8d;\n --cds-border-strong-02: #a8a8a8;\n --cds-border-strong-03: #c6c6c6;\n --cds-border-subtle-00: #525252;\n --cds-border-subtle-01: #525252;\n --cds-border-subtle-02: #6f6f6f;\n --cds-border-subtle-03: #8d8d8d;\n --cds-border-subtle-selected-01: #6f6f6f;\n --cds-border-subtle-selected-02: #8d8d8d;\n --cds-border-subtle-selected-03: #a8a8a8;\n --cds-border-tile-01: #6f6f6f;\n --cds-border-tile-02: #8d8d8d;\n --cds-border-tile-03: #a8a8a8;\n --cds-field-01: #393939;\n --cds-field-02: #525252;\n --cds-field-03: #6f6f6f;\n --cds-field-hover-01: #474747;\n --cds-field-hover-02: #636363;\n --cds-field-hover-03: #5e5e5e;\n --cds-highlight: #0043ce;\n --cds-icon-on-color: #ffffff;\n --cds-layer-01: #393939;\n --cds-layer-02: #525252;\n --cds-layer-03: #6f6f6f;\n --cds-layer-accent-01: #525252;\n --cds-layer-accent-02: #6f6f6f;\n --cds-layer-accent-03: #8d8d8d;\n --cds-layer-accent-active-01: #8d8d8d;\n --cds-layer-accent-active-02: #393939;\n --cds-layer-accent-active-03: #525252;\n --cds-layer-accent-hover-01: #636363;\n --cds-layer-accent-hover-02: #5e5e5e;\n --cds-layer-accent-hover-03: #7a7a7a;\n --cds-layer-active-01: #6f6f6f;\n --cds-layer-active-02: #8d8d8d;\n --cds-layer-active-03: #393939;\n --cds-layer-hover-01: #474747;\n --cds-layer-hover-02: #636363;\n --cds-layer-hover-03: #5e5e5e;\n --cds-layer-selected-01: #525252;\n --cds-layer-selected-02: #6f6f6f;\n --cds-layer-selected-03: #525252;\n --cds-layer-selected-hover-01: #636363;\n --cds-layer-selected-hover-02: #5e5e5e;\n --cds-layer-selected-hover-03: #636363;\n --cds-skeleton-background: #333333;\n --cds-skeleton-element: #525252;\n --cds-support-caution-major: #ff832b;\n --cds-support-caution-minor: #f1c21b;\n --cds-support-error: #ff8389;\n --cds-support-warning: #f1c21b;\n --cds-support-warning-inverse: #f1c21b;\n --cds-text-error: #ffb3b8;\n --cds-text-helper: #c6c6c6;\n --cds-text-on-color: #ffffff;\n --cds-toggle-off: #8d8d8d;\n --cds-spacing-01: 0.125rem;\n --cds-spacing-02: 0.25rem;\n --cds-spacing-03: 0.5rem;\n --cds-spacing-04: 0.75rem;\n --cds-spacing-05: 1rem;\n --cds-spacing-06: 1.5rem;\n --cds-spacing-07: 2rem;\n --cds-spacing-08: 2.5rem;\n --cds-spacing-09: 3rem;\n --cds-spacing-10: 4rem;\n --cds-spacing-11: 5rem;\n --cds-spacing-12: 6rem;\n --cds-spacing-13: 10rem;\n --cds-fluid-spacing-01: 0;\n --cds-fluid-spacing-02: 2vw;\n --cds-fluid-spacing-03: 5vw;\n --cds-fluid-spacing-04: 10vw;\n --cds-label-01-font-size: 0.75rem;\n --cds-label-01-font-weight: 400;\n --cds-label-01-line-height: 1.33333;\n --cds-label-01-letter-spacing: 0.32px;\n --cds-label-02-font-size: 0.875rem;\n --cds-label-02-font-weight: 400;\n --cds-label-02-line-height: 1.28572;\n --cds-label-02-letter-spacing: 0.16px;\n --cds-helper-text-01-font-size: 0.75rem;\n --cds-helper-text-01-line-height: 1.33333;\n --cds-helper-text-01-letter-spacing: 0.32px;\n --cds-helper-text-02-font-size: carbon--type-scale(2);\n --cds-helper-text-02-font-weight: carbon--font-weight('regular');\n --cds-helper-text-02-line-height: 1.28572;\n --cds-helper-text-02-letter-spacing: 0.16px;\n --cds-body-short-01-font-size: 0.875rem;\n --cds-body-short-01-font-weight: 400;\n --cds-body-short-01-line-height: 1.28572;\n --cds-body-short-01-letter-spacing: 0.16px;\n --cds-body-short-02-font-size: 1rem;\n --cds-body-short-02-font-weight: 400;\n --cds-body-short-02-line-height: 1.375;\n --cds-body-short-02-letter-spacing: 0;\n --cds-body-long-01-font-size: 0.875rem;\n --cds-body-long-01-font-weight: 400;\n --cds-body-long-01-line-height: 1.42857;\n --cds-body-long-01-letter-spacing: 0.16px;\n --cds-body-long-02-font-size: 1rem;\n --cds-body-long-02-font-weight: 400;\n --cds-body-long-02-line-height: 1.5;\n --cds-body-long-02-letter-spacing: 0;\n --cds-code-01-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular',\n monospace;\n --cds-code-01-font-size: 0.75rem;\n --cds-code-01-font-weight: 400;\n --cds-code-01-line-height: 1.33333;\n --cds-code-01-letter-spacing: 0.32px;\n --cds-code-02-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular',\n monospace;\n --cds-code-02-font-size: 0.875rem;\n --cds-code-02-font-weight: 400;\n --cds-code-02-line-height: 1.42857;\n --cds-code-02-letter-spacing: 0.32px;\n --cds-heading-01-font-size: 0.875rem;\n --cds-heading-01-font-weight: 600;\n --cds-heading-01-line-height: 1.42857;\n --cds-heading-01-letter-spacing: 0.16px;\n --cds-heading-02-font-size: 1rem;\n --cds-heading-02-font-weight: 600;\n --cds-heading-02-line-height: 1.5;\n --cds-heading-02-letter-spacing: 0;\n --cds-productive-heading-01-font-size: 0.875rem;\n --cds-productive-heading-01-font-weight: 600;\n --cds-productive-heading-01-line-height: 1.28572;\n --cds-productive-heading-01-letter-spacing: 0.16px;\n --cds-productive-heading-02-font-size: 1rem;\n --cds-productive-heading-02-font-weight: 600;\n --cds-productive-heading-02-line-height: 1.375;\n --cds-productive-heading-02-letter-spacing: 0;\n --cds-productive-heading-03-font-size: 1.25rem;\n --cds-productive-heading-03-font-weight: 400;\n --cds-productive-heading-03-line-height: 1.4;\n --cds-productive-heading-03-letter-spacing: 0;\n --cds-productive-heading-04-font-size: 1.75rem;\n --cds-productive-heading-04-font-weight: 400;\n --cds-productive-heading-04-line-height: 1.28572;\n --cds-productive-heading-04-letter-spacing: 0;\n --cds-productive-heading-05-font-size: 2rem;\n --cds-productive-heading-05-font-weight: 400;\n --cds-productive-heading-05-line-height: 1.25;\n --cds-productive-heading-05-letter-spacing: 0;\n --cds-productive-heading-06-font-size: 2.625rem;\n --cds-productive-heading-06-font-weight: 300;\n --cds-productive-heading-06-line-height: 1.199;\n --cds-productive-heading-06-letter-spacing: 0;\n --cds-productive-heading-07-font-size: 3.375rem;\n --cds-productive-heading-07-font-weight: 300;\n --cds-productive-heading-07-line-height: 1.19;\n --cds-productive-heading-07-letter-spacing: 0;\n --cds-expressive-paragraph-01-font-size: 1.5rem;\n --cds-expressive-paragraph-01-font-weight: 300;\n --cds-expressive-paragraph-01-line-height: 1.334;\n --cds-expressive-paragraph-01-letter-spacing: 0;\n --cds-expressive-heading-01-font-size: 0.875rem;\n --cds-expressive-heading-01-font-weight: 600;\n --cds-expressive-heading-01-line-height: 1.42857;\n --cds-expressive-heading-01-letter-spacing: 0.16px;\n --cds-expressive-heading-02-font-size: 1rem;\n --cds-expressive-heading-02-font-weight: 600;\n --cds-expressive-heading-02-line-height: 1.5;\n --cds-expressive-heading-02-letter-spacing: 0;\n --cds-expressive-heading-03-font-size: 1.25rem;\n --cds-expressive-heading-03-font-weight: 400;\n --cds-expressive-heading-03-line-height: 1.4;\n --cds-expressive-heading-03-letter-spacing: 0;\n --cds-expressive-heading-04-font-size: 1.75rem;\n --cds-expressive-heading-04-font-weight: 400;\n --cds-expressive-heading-04-line-height: 1.28572;\n --cds-expressive-heading-04-letter-spacing: 0;\n --cds-expressive-heading-05-font-size: 2rem;\n --cds-expressive-heading-05-font-weight: 400;\n --cds-expressive-heading-05-line-height: 1.25;\n --cds-expressive-heading-05-letter-spacing: 0;\n --cds-expressive-heading-06-font-size: 2rem;\n --cds-expressive-heading-06-font-weight: 600;\n --cds-expressive-heading-06-line-height: 1.25;\n --cds-expressive-heading-06-letter-spacing: 0;\n --cds-quotation-01-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size: 1.25rem;\n --cds-quotation-01-font-weight: 400;\n --cds-quotation-01-line-height: 1.3;\n --cds-quotation-01-letter-spacing: 0;\n --cds-quotation-02-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size: 2rem;\n --cds-quotation-02-font-weight: 300;\n --cds-quotation-02-line-height: 1.25;\n --cds-quotation-02-letter-spacing: 0;\n --cds-display-01-font-size: 2.625rem;\n --cds-display-01-font-weight: 300;\n --cds-display-01-line-height: 1.19;\n --cds-display-01-letter-spacing: 0;\n --cds-display-02-font-size: 2.625rem;\n --cds-display-02-font-weight: 600;\n --cds-display-02-line-height: 1.19;\n --cds-display-02-letter-spacing: 0;\n --cds-display-03-font-size: 2.625rem;\n --cds-display-03-font-weight: 300;\n --cds-display-03-line-height: 1.19;\n --cds-display-03-letter-spacing: 0;\n --cds-display-04-font-size: 2.625rem;\n --cds-display-04-font-weight: 300;\n --cds-display-04-line-height: 1.19;\n --cds-display-04-letter-spacing: 0;\n --cds-legal-01-font-size: 0.75rem;\n --cds-legal-01-font-weight: 400;\n --cds-legal-01-line-height: 1.33333;\n --cds-legal-01-letter-spacing: 0.32px;\n --cds-legal-02-font-size: 0.875rem;\n --cds-legal-02-font-weight: 400;\n --cds-legal-02-line-height: 1.28572;\n --cds-legal-02-letter-spacing: 0.16px;\n --cds-body-compact-01-font-size: 0.875rem;\n --cds-body-compact-01-font-weight: 400;\n --cds-body-compact-01-line-height: 1.28572;\n --cds-body-compact-01-letter-spacing: 0.16px;\n --cds-body-compact-02-font-size: 1rem;\n --cds-body-compact-02-font-weight: 400;\n --cds-body-compact-02-line-height: 1.375;\n --cds-body-compact-02-letter-spacing: 0;\n --cds-heading-compact-01-font-size: 0.875rem;\n --cds-heading-compact-01-font-weight: 600;\n --cds-heading-compact-01-line-height: 1.28572;\n --cds-heading-compact-01-letter-spacing: 0.16px;\n --cds-heading-compact-02-font-size: 1rem;\n --cds-heading-compact-02-font-weight: 600;\n --cds-heading-compact-02-line-height: 1.375;\n --cds-heading-compact-02-letter-spacing: 0;\n --cds-body-01-font-size: 0.875rem;\n --cds-body-01-font-weight: 400;\n --cds-body-01-line-height: 1.42857;\n --cds-body-01-letter-spacing: 0.16px;\n --cds-body-02-font-size: 1rem;\n --cds-body-02-font-weight: 400;\n --cds-body-02-line-height: 1.5;\n --cds-body-02-letter-spacing: 0;\n --cds-heading-03-font-size: 1.25rem;\n --cds-heading-03-font-weight: 400;\n --cds-heading-03-line-height: 1.4;\n --cds-heading-03-letter-spacing: 0;\n --cds-heading-04-font-size: 1.75rem;\n --cds-heading-04-font-weight: 400;\n --cds-heading-04-line-height: 1.28572;\n --cds-heading-04-letter-spacing: 0;\n --cds-heading-05-font-size: 2rem;\n --cds-heading-05-font-weight: 400;\n --cds-heading-05-line-height: 1.25;\n --cds-heading-05-letter-spacing: 0;\n --cds-heading-06-font-size: 2.625rem;\n --cds-heading-06-font-weight: 300;\n --cds-heading-06-line-height: 1.199;\n --cds-heading-06-letter-spacing: 0;\n --cds-heading-07-font-size: 3.375rem;\n --cds-heading-07-font-weight: 300;\n --cds-heading-07-line-height: 1.19;\n --cds-heading-07-letter-spacing: 0;\n --cds-fluid-heading-03-font-size: 1.25rem;\n --cds-fluid-heading-03-font-weight: 400;\n --cds-fluid-heading-03-line-height: 1.4;\n --cds-fluid-heading-03-letter-spacing: 0;\n --cds-fluid-heading-04-font-size: 1.75rem;\n --cds-fluid-heading-04-font-weight: 400;\n --cds-fluid-heading-04-line-height: 1.28572;\n --cds-fluid-heading-04-letter-spacing: 0;\n --cds-fluid-heading-05-font-size: 2rem;\n --cds-fluid-heading-05-font-weight: 400;\n --cds-fluid-heading-05-line-height: 1.25;\n --cds-fluid-heading-05-letter-spacing: 0;\n --cds-fluid-heading-06-font-size: 2rem;\n --cds-fluid-heading-06-font-weight: 600;\n --cds-fluid-heading-06-line-height: 1.25;\n --cds-fluid-heading-06-letter-spacing: 0;\n --cds-fluid-paragraph-01-font-size: 1.5rem;\n --cds-fluid-paragraph-01-font-weight: 300;\n --cds-fluid-paragraph-01-line-height: 1.334;\n --cds-fluid-paragraph-01-letter-spacing: 0;\n --cds-fluid-quotation-01-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size: 1.25rem;\n --cds-fluid-quotation-01-font-weight: 400;\n --cds-fluid-quotation-01-line-height: 1.3;\n --cds-fluid-quotation-01-letter-spacing: 0;\n --cds-fluid-quotation-02-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size: 2rem;\n --cds-fluid-quotation-02-font-weight: 300;\n --cds-fluid-quotation-02-line-height: 1.25;\n --cds-fluid-quotation-02-letter-spacing: 0;\n --cds-fluid-display-01-font-size: 2.625rem;\n --cds-fluid-display-01-font-weight: 300;\n --cds-fluid-display-01-line-height: 1.19;\n --cds-fluid-display-01-letter-spacing: 0;\n --cds-fluid-display-02-font-size: 2.625rem;\n --cds-fluid-display-02-font-weight: 600;\n --cds-fluid-display-02-line-height: 1.19;\n --cds-fluid-display-02-letter-spacing: 0;\n --cds-fluid-display-03-font-size: 2.625rem;\n --cds-fluid-display-03-font-weight: 300;\n --cds-fluid-display-03-line-height: 1.19;\n --cds-fluid-display-03-letter-spacing: 0;\n --cds-fluid-display-04-font-size: 2.625rem;\n --cds-fluid-display-04-font-weight: 300;\n --cds-fluid-display-04-line-height: 1.19;\n --cds-fluid-display-04-letter-spacing: 0;\n --cds-button-primary: #0f62fe;\n --cds-button-danger-primary: #da1e28;\n --cds-button-danger-secondary: #ff8389;\n --cds-button-danger-active: #750e13;\n --cds-button-primary-active: #002d9c;\n --cds-button-danger-hover: #b81921;\n --cds-button-primary-hover: #0050e6;\n --cds-notification-background-error: #393939;\n --cds-notification-background-success: #393939;\n --cds-notification-background-info: #393939;\n --cds-notification-background-warning: #393939;\n --cds-null-state: #161616;\n --cds-tooltip-line-border: #393939;\n --cds-layer: var(--cds-layer-01, #f4f4f4);\n --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field: var(--cds-field-01, #f4f4f4);\n --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);\n }\n .cds--chart-holder[data-carbon-theme='g100'],\n html,\n html[data-carbon-theme='g100'] {\n --cds-background-brand: #0f62fe;\n --cds-background-selected-hover: rgba(141, 141, 141, 0.32);\n --cds-border-strong-02: #8d8d8d;\n --cds-icon-on-color: #ffffff;\n --cds-support-caution-major: #ff832b;\n --cds-support-caution-minor: #f1c21b;\n --cds-support-warning: #f1c21b;\n --cds-support-warning-inverse: #f1c21b;\n --cds-text-on-color: #ffffff;\n --cds-spacing-01: 0.125rem;\n --cds-spacing-02: 0.25rem;\n --cds-spacing-03: 0.5rem;\n --cds-spacing-04: 0.75rem;\n --cds-spacing-05: 1rem;\n --cds-spacing-06: 1.5rem;\n --cds-spacing-07: 2rem;\n --cds-spacing-08: 2.5rem;\n --cds-spacing-09: 3rem;\n --cds-spacing-10: 4rem;\n --cds-spacing-11: 5rem;\n --cds-spacing-12: 6rem;\n --cds-spacing-13: 10rem;\n --cds-fluid-spacing-01: 0;\n --cds-fluid-spacing-02: 2vw;\n --cds-fluid-spacing-03: 5vw;\n --cds-fluid-spacing-04: 10vw;\n --cds-label-01-font-size: 0.75rem;\n --cds-label-01-font-weight: 400;\n --cds-label-01-line-height: 1.33333;\n --cds-label-01-letter-spacing: 0.32px;\n --cds-label-02-font-size: 0.875rem;\n --cds-label-02-font-weight: 400;\n --cds-label-02-line-height: 1.28572;\n --cds-label-02-letter-spacing: 0.16px;\n --cds-helper-text-01-font-size: 0.75rem;\n --cds-helper-text-01-line-height: 1.33333;\n --cds-helper-text-01-letter-spacing: 0.32px;\n --cds-helper-text-02-font-size: carbon--type-scale(2);\n --cds-helper-text-02-font-weight: carbon--font-weight('regular');\n --cds-helper-text-02-line-height: 1.28572;\n --cds-helper-text-02-letter-spacing: 0.16px;\n --cds-body-short-01-font-size: 0.875rem;\n --cds-body-short-01-font-weight: 400;\n --cds-body-short-01-line-height: 1.28572;\n --cds-body-short-01-letter-spacing: 0.16px;\n --cds-body-short-02-font-size: 1rem;\n --cds-body-short-02-font-weight: 400;\n --cds-body-short-02-line-height: 1.375;\n --cds-body-short-02-letter-spacing: 0;\n --cds-body-long-01-font-size: 0.875rem;\n --cds-body-long-01-font-weight: 400;\n --cds-body-long-01-line-height: 1.42857;\n --cds-body-long-01-letter-spacing: 0.16px;\n --cds-body-long-02-font-size: 1rem;\n --cds-body-long-02-font-weight: 400;\n --cds-body-long-02-line-height: 1.5;\n --cds-body-long-02-letter-spacing: 0;\n --cds-code-01-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular',\n monospace;\n --cds-code-01-font-size: 0.75rem;\n --cds-code-01-font-weight: 400;\n --cds-code-01-line-height: 1.33333;\n --cds-code-01-letter-spacing: 0.32px;\n --cds-code-02-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular',\n monospace;\n --cds-code-02-font-size: 0.875rem;\n --cds-code-02-font-weight: 400;\n --cds-code-02-line-height: 1.42857;\n --cds-code-02-letter-spacing: 0.32px;\n --cds-heading-01-font-size: 0.875rem;\n --cds-heading-01-font-weight: 600;\n --cds-heading-01-line-height: 1.42857;\n --cds-heading-01-letter-spacing: 0.16px;\n --cds-heading-02-font-size: 1rem;\n --cds-heading-02-font-weight: 600;\n --cds-heading-02-line-height: 1.5;\n --cds-heading-02-letter-spacing: 0;\n --cds-productive-heading-01-font-size: 0.875rem;\n --cds-productive-heading-01-font-weight: 600;\n --cds-productive-heading-01-line-height: 1.28572;\n --cds-productive-heading-01-letter-spacing: 0.16px;\n --cds-productive-heading-02-font-size: 1rem;\n --cds-productive-heading-02-font-weight: 600;\n --cds-productive-heading-02-line-height: 1.375;\n --cds-productive-heading-02-letter-spacing: 0;\n --cds-productive-heading-03-font-size: 1.25rem;\n --cds-productive-heading-03-font-weight: 400;\n --cds-productive-heading-03-line-height: 1.4;\n --cds-productive-heading-03-letter-spacing: 0;\n --cds-productive-heading-04-font-size: 1.75rem;\n --cds-productive-heading-04-font-weight: 400;\n --cds-productive-heading-04-line-height: 1.28572;\n --cds-productive-heading-04-letter-spacing: 0;\n --cds-productive-heading-05-font-size: 2rem;\n --cds-productive-heading-05-font-weight: 400;\n --cds-productive-heading-05-line-height: 1.25;\n --cds-productive-heading-05-letter-spacing: 0;\n --cds-productive-heading-06-font-size: 2.625rem;\n --cds-productive-heading-06-font-weight: 300;\n --cds-productive-heading-06-line-height: 1.199;\n --cds-productive-heading-06-letter-spacing: 0;\n --cds-productive-heading-07-font-size: 3.375rem;\n --cds-productive-heading-07-font-weight: 300;\n --cds-productive-heading-07-line-height: 1.19;\n --cds-productive-heading-07-letter-spacing: 0;\n --cds-expressive-paragraph-01-font-size: 1.5rem;\n --cds-expressive-paragraph-01-font-weight: 300;\n --cds-expressive-paragraph-01-line-height: 1.334;\n --cds-expressive-paragraph-01-letter-spacing: 0;\n --cds-expressive-heading-01-font-size: 0.875rem;\n --cds-expressive-heading-01-font-weight: 600;\n --cds-expressive-heading-01-line-height: 1.42857;\n --cds-expressive-heading-01-letter-spacing: 0.16px;\n --cds-expressive-heading-02-font-size: 1rem;\n --cds-expressive-heading-02-font-weight: 600;\n --cds-expressive-heading-02-line-height: 1.5;\n --cds-expressive-heading-02-letter-spacing: 0;\n --cds-expressive-heading-03-font-size: 1.25rem;\n --cds-expressive-heading-03-font-weight: 400;\n --cds-expressive-heading-03-line-height: 1.4;\n --cds-expressive-heading-03-letter-spacing: 0;\n --cds-expressive-heading-04-font-size: 1.75rem;\n --cds-expressive-heading-04-font-weight: 400;\n --cds-expressive-heading-04-line-height: 1.28572;\n --cds-expressive-heading-04-letter-spacing: 0;\n --cds-expressive-heading-05-font-size: 2rem;\n --cds-expressive-heading-05-font-weight: 400;\n --cds-expressive-heading-05-line-height: 1.25;\n --cds-expressive-heading-05-letter-spacing: 0;\n --cds-expressive-heading-06-font-size: 2rem;\n --cds-expressive-heading-06-font-weight: 600;\n --cds-expressive-heading-06-line-height: 1.25;\n --cds-expressive-heading-06-letter-spacing: 0;\n --cds-quotation-01-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size: 1.25rem;\n --cds-quotation-01-font-weight: 400;\n --cds-quotation-01-line-height: 1.3;\n --cds-quotation-01-letter-spacing: 0;\n --cds-quotation-02-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size: 2rem;\n --cds-quotation-02-font-weight: 300;\n --cds-quotation-02-line-height: 1.25;\n --cds-quotation-02-letter-spacing: 0;\n --cds-display-01-font-size: 2.625rem;\n --cds-display-01-font-weight: 300;\n --cds-display-01-line-height: 1.19;\n --cds-display-01-letter-spacing: 0;\n --cds-display-02-font-size: 2.625rem;\n --cds-display-02-font-weight: 600;\n --cds-display-02-line-height: 1.19;\n --cds-display-02-letter-spacing: 0;\n --cds-display-03-font-size: 2.625rem;\n --cds-display-03-font-weight: 300;\n --cds-display-03-line-height: 1.19;\n --cds-display-03-letter-spacing: 0;\n --cds-display-04-font-size: 2.625rem;\n --cds-display-04-font-weight: 300;\n --cds-display-04-line-height: 1.19;\n --cds-display-04-letter-spacing: 0;\n --cds-legal-01-font-size: 0.75rem;\n --cds-legal-01-font-weight: 400;\n --cds-legal-01-line-height: 1.33333;\n --cds-legal-01-letter-spacing: 0.32px;\n --cds-legal-02-font-size: 0.875rem;\n --cds-legal-02-font-weight: 400;\n --cds-legal-02-line-height: 1.28572;\n --cds-legal-02-letter-spacing: 0.16px;\n --cds-body-compact-01-font-size: 0.875rem;\n --cds-body-compact-01-font-weight: 400;\n --cds-body-compact-01-line-height: 1.28572;\n --cds-body-compact-01-letter-spacing: 0.16px;\n --cds-body-compact-02-font-size: 1rem;\n --cds-body-compact-02-font-weight: 400;\n --cds-body-compact-02-line-height: 1.375;\n --cds-body-compact-02-letter-spacing: 0;\n --cds-heading-compact-01-font-size: 0.875rem;\n --cds-heading-compact-01-font-weight: 600;\n --cds-heading-compact-01-line-height: 1.28572;\n --cds-heading-compact-01-letter-spacing: 0.16px;\n --cds-heading-compact-02-font-size: 1rem;\n --cds-heading-compact-02-font-weight: 600;\n --cds-heading-compact-02-line-height: 1.375;\n --cds-heading-compact-02-letter-spacing: 0;\n --cds-body-01-font-size: 0.875rem;\n --cds-body-01-font-weight: 400;\n --cds-body-01-line-height: 1.42857;\n --cds-body-01-letter-spacing: 0.16px;\n --cds-body-02-font-size: 1rem;\n --cds-body-02-font-weight: 400;\n --cds-body-02-line-height: 1.5;\n --cds-body-02-letter-spacing: 0;\n --cds-heading-03-font-size: 1.25rem;\n --cds-heading-03-font-weight: 400;\n --cds-heading-03-line-height: 1.4;\n --cds-heading-03-letter-spacing: 0;\n --cds-heading-04-font-size: 1.75rem;\n --cds-heading-04-font-weight: 400;\n --cds-heading-04-line-height: 1.28572;\n --cds-heading-04-letter-spacing: 0;\n --cds-heading-05-font-size: 2rem;\n --cds-heading-05-font-weight: 400;\n --cds-heading-05-line-height: 1.25;\n --cds-heading-05-letter-spacing: 0;\n --cds-heading-06-font-size: 2.625rem;\n --cds-heading-06-font-weight: 300;\n --cds-heading-06-line-height: 1.199;\n --cds-heading-06-letter-spacing: 0;\n --cds-heading-07-font-size: 3.375rem;\n --cds-heading-07-font-weight: 300;\n --cds-heading-07-line-height: 1.19;\n --cds-heading-07-letter-spacing: 0;\n --cds-fluid-heading-03-font-size: 1.25rem;\n --cds-fluid-heading-03-font-weight: 400;\n --cds-fluid-heading-03-line-height: 1.4;\n --cds-fluid-heading-03-letter-spacing: 0;\n --cds-fluid-heading-04-font-size: 1.75rem;\n --cds-fluid-heading-04-font-weight: 400;\n --cds-fluid-heading-04-line-height: 1.28572;\n --cds-fluid-heading-04-letter-spacing: 0;\n --cds-fluid-heading-05-font-size: 2rem;\n --cds-fluid-heading-05-font-weight: 400;\n --cds-fluid-heading-05-line-height: 1.25;\n --cds-fluid-heading-05-letter-spacing: 0;\n --cds-fluid-heading-06-font-size: 2rem;\n --cds-fluid-heading-06-font-weight: 600;\n --cds-fluid-heading-06-line-height: 1.25;\n --cds-fluid-heading-06-letter-spacing: 0;\n --cds-fluid-paragraph-01-font-size: 1.5rem;\n --cds-fluid-paragraph-01-font-weight: 300;\n --cds-fluid-paragraph-01-line-height: 1.334;\n --cds-fluid-paragraph-01-letter-spacing: 0;\n --cds-fluid-quotation-01-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size: 1.25rem;\n --cds-fluid-quotation-01-font-weight: 400;\n --cds-fluid-quotation-01-line-height: 1.3;\n --cds-fluid-quotation-01-letter-spacing: 0;\n --cds-fluid-quotation-02-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size: 2rem;\n --cds-fluid-quotation-02-font-weight: 300;\n --cds-fluid-quotation-02-line-height: 1.25;\n --cds-fluid-quotation-02-letter-spacing: 0;\n --cds-fluid-display-01-font-size: 2.625rem;\n --cds-fluid-display-01-font-weight: 300;\n --cds-fluid-display-01-line-height: 1.19;\n --cds-fluid-display-01-letter-spacing: 0;\n --cds-fluid-display-02-font-size: 2.625rem;\n --cds-fluid-display-02-font-weight: 600;\n --cds-fluid-display-02-line-height: 1.19;\n --cds-fluid-display-02-letter-spacing: 0;\n --cds-fluid-display-03-font-size: 2.625rem;\n --cds-fluid-display-03-font-weight: 300;\n --cds-fluid-display-03-line-height: 1.19;\n --cds-fluid-display-03-letter-spacing: 0;\n --cds-fluid-display-04-font-size: 2.625rem;\n --cds-fluid-display-04-font-weight: 300;\n --cds-fluid-display-04-line-height: 1.19;\n --cds-fluid-display-04-letter-spacing: 0;\n --cds-button-primary: #0f62fe;\n --cds-button-danger-primary: #da1e28;\n --cds-button-danger-active: #750e13;\n --cds-button-primary-active: #002d9c;\n --cds-button-danger-hover: #b81921;\n --cds-button-primary-hover: #0050e6;\n --cds-null-state: none;\n --cds-layer: var(--cds-layer-01, #f4f4f4);\n --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field: var(--cds-field-01, #f4f4f4);\n --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);\n }\n .cds--chart-holder[data-carbon-theme='g100'],\n html[data-carbon-theme='g100'] {\n --cds-background: #161616;\n --cds-border-strong-01: #6f6f6f;\n --cds-border-strong-03: #a8a8a8;\n --cds-border-subtle-00: #393939;\n --cds-border-subtle-01: #393939;\n --cds-border-subtle-02: #525252;\n --cds-border-subtle-03: #6f6f6f;\n --cds-border-subtle-selected-01: #525252;\n --cds-border-subtle-selected-02: #6f6f6f;\n --cds-border-subtle-selected-03: #8d8d8d;\n --cds-border-tile-01: #525252;\n --cds-border-tile-02: #6f6f6f;\n --cds-border-tile-03: #8d8d8d;\n --cds-field-01: #262626;\n --cds-field-02: #393939;\n --cds-field-03: #525252;\n --cds-field-hover-01: #333333;\n --cds-field-hover-02: #474747;\n --cds-field-hover-03: #636363;\n --cds-highlight: #002d9c;\n --cds-layer-01: #262626;\n --cds-layer-02: #393939;\n --cds-layer-03: #525252;\n --cds-layer-accent-01: #393939;\n --cds-layer-accent-02: #525252;\n --cds-layer-accent-03: #6f6f6f;\n --cds-layer-accent-active-01: #6f6f6f;\n --cds-layer-accent-active-02: #8d8d8d;\n --cds-layer-accent-active-03: #393939;\n --cds-layer-accent-hover-01: #474747;\n --cds-layer-accent-hover-02: #636363;\n --cds-layer-accent-hover-03: #5e5e5e;\n --cds-layer-active-01: #525252;\n --cds-layer-active-02: #6f6f6f;\n --cds-layer-active-03: #8d8d8d;\n --cds-layer-hover-01: #333333;\n --cds-layer-hover-02: #474747;\n --cds-layer-hover-03: #636363;\n --cds-layer-selected-01: #393939;\n --cds-layer-selected-02: #525252;\n --cds-layer-selected-03: #6f6f6f;\n --cds-layer-selected-hover-01: #474747;\n --cds-layer-selected-hover-02: #636363;\n --cds-layer-selected-hover-03: #5e5e5e;\n --cds-skeleton-background: #292929;\n --cds-skeleton-element: #393939;\n --cds-support-error: #fa4d56;\n --cds-text-error: #ff8389;\n --cds-text-helper: #a8a8a8;\n --cds-toggle-off: #6f6f6f;\n --cds-button-danger-secondary: #fa4d56;\n --cds-notification-background-error: #262626;\n --cds-notification-background-success: #262626;\n --cds-notification-background-info: #262626;\n --cds-notification-background-warning: #262626;\n --cds-tooltip-line-border: #6f6f6f;\n }\n .cds--chart-holder.fullscreen,\n .cds--chart-holder:-webkit-full-screen {\n width: 100% !important;\n height: 100% !important;\n max-width: unset !important;\n max-height: unset !important;\n padding: 2em;\n }\n div.container {\n font-family: Arial, sans-serif;\n padding: 30px;\n }\n div.container div.v10-banner {\n padding: 1rem 30px;\n margin: -30px -30px 30px;\n background-color: var(--cds-field, #f4f4f4);\n font-size: 0.95rem;\n line-height: 1.5;\n }\n div.container div#color-palette-picker {\n max-width: 18rem;\n margin-top: 2rem;\n }\n div.container #chart-demo {\n max-width: 700px;\n }\n div.container .cds--grid,\n div.container.intro {\n padding: 0;\n }\n div.container .cds--grid .cds--row .chart-demo {\n margin-bottom: 60px;\n }\n div.container h3 {\n margin: 0;\n font-weight: 700;\n }\n div.container h3 b.component {\n margin-right: 10px;\n }\n div.container h3 span.cds--tag.component-name {\n font-size: 0.55em;\n vertical-align: middle;\n padding: 0.25em 1em;\n border-radius: 1em;\n font-weight: 600;\n }\n div.container .marginTop-15,\n div.container div.theme-picker {\n margin-top: 15px;\n }\n div.container p.props b,\n div.container.tutorial .hljs-strong {\n font-weight: 700;\n }\n div.container div.cds--snippet--multi {\n background-color: #000;\n color: #fff;\n }\n div.container div.cds--snippet--multi pre {\n padding: 2em !important;\n -moz-tab-size: 4;\n tab-size: 4;\n line-height: 1.4;\n }\n div.container div.cds--snippet--multi .token.tag {\n color: #6ea6ff;\n }\n div.container div.cds--snippet--multi .token.attr-name {\n color: #92eeee;\n }\n div.container div.cds--snippet--multi .token.attr-value {\n color: #bb8eff;\n }\n div.container .cds--snippet--multi .cds--snippet-container pre code {\n font-size: 14px;\n }\n div.container\n .cds--snippet--multi.cds--snippet--expand\n .cds--snippet-container,\n div.container\n .cds--snippet--multi.cds--snippet--expand\n .cds--snippet-container\n pre {\n padding-bottom: 0;\n }\n div.container.intro .container-welcome {\n padding: 0 !important;\n }\n div.container.intro .welcome__container {\n width: 100vw;\n min-height: 100vh;\n padding: 3rem 3rem 5rem;\n background-color: #000;\n }\n @media screen and (max-width: 768px) {\n div.container div.demo-desktop-only {\n position: relative;\n overflow: hidden;\n }\n div.container div.demo-desktop-only:before {\n content: ' ';\n display: block;\n position: absolute;\n z-index: 2;\n top: 0;\n left: 0;\n background: #f4f4f4;\n width: 100%;\n height: 100%;\n }\n div.container div.demo-desktop-only div.cp-message {\n position: absolute;\n z-index: 2;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n display: block;\n font-weight: 700;\n text-align: center;\n }\n div.container.intro .welcome__container:before {\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.45);\n content: ' ';\n z-index: 1;\n }\n }\n div.container.intro .welcome__content {\n position: relative;\n z-index: 2;\n }\n div.container.intro .welcome__heading {\n font-size: var(--cds-productive-heading-07-font-size, 3.375rem);\n font-weight: var(--cds-productive-heading-07-font-weight, 300);\n line-height: var(--cds-productive-heading-07-line-height, 1.19);\n letter-spacing: var(--cds-productive-heading-07-letter-spacing, 0);\n color: var(--cds-text-inverse, #fff);\n }\n div.container.intro .welcome__heading--subtitle {\n font-weight: 600;\n }\n div.container.intro .welcome__heading--other {\n font-size: var(--cds-productive-heading-04-font-size, 1.75rem);\n font-weight: var(--cds-productive-heading-04-font-weight, 400);\n line-height: var(--cds-productive-heading-04-line-height, 1.28572);\n letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);\n font-weight: 600;\n color: #4587fd;\n }\n div.container.intro h5 {\n margin-top: 2em;\n }\n div.container.intro span.netlify {\n position: fixed;\n left: 0;\n bottom: 0;\n padding: 1em 1.5em 1em 3rem;\n border-top-right-radius: 2em;\n font-size: 13px;\n vertical-align: middle;\n background-color: #292929;\n color: #bcbcbc;\n }\n div.container.intro span.netlify a {\n color: #fff;\n font-weight: 700;\n }\n div.container.tutorial .hljs {\n background: #000;\n color: #f8f8f8;\n }\n div.container.tutorial .hljs-comment,\n div.container.tutorial .hljs-quote {\n color: #aeaeae;\n font-style: italic;\n }\n div.container.tutorial .hljs-keyword,\n div.container.tutorial .hljs-selector-tag,\n div.container.tutorial .hljs-type {\n color: #e28964;\n }\n div.container.tutorial .hljs-string {\n color: #65b042;\n }\n div.container.tutorial .hljs-subst {\n color: #daefa3;\n }\n div.container.tutorial .hljs-link,\n div.container.tutorial .hljs-regexp {\n color: #e9c062;\n }\n div.container.tutorial .hljs-name,\n div.container.tutorial .hljs-section,\n div.container.tutorial .hljs-tag,\n div.container.tutorial .hljs-title {\n color: #89bdff;\n }\n div.container.tutorial .hljs-bullet,\n div.container.tutorial .hljs-number,\n div.container.tutorial .hljs-symbol {\n color: #3387cc;\n }\n div.container.tutorial .hljs-params,\n div.container.tutorial .hljs-template-variable,\n div.container.tutorial .hljs-variable {\n color: #3e87e3;\n }\n div.container.tutorial .hljs-attribute {\n color: #cda869;\n }\n div.container.tutorial .hljs-meta {\n color: #8996a8;\n }\n div.container.tutorial .hljs-formula {\n background-color: #0e2231;\n color: #f8f8f8;\n font-style: italic;\n }\n div.container.tutorial .hljs-addition {\n background-color: #253b22;\n color: #f8f8f8;\n }\n div.container.tutorial .hljs-deletion {\n background-color: #420e09;\n color: #f8f8f8;\n }\n div.container.tutorial .hljs-selector-class {\n color: #9b703f;\n }\n div.container.tutorial .hljs-selector-id {\n color: #8b98ab;\n }\n div.container.tutorial h1,\n div.container.tutorial h2,\n div.container.tutorial h5,\n div.container.tutorial p {\n margin-bottom: 15px;\n }\n div.container.tutorial pre,\n div.container.tutorial ul {\n margin-bottom: 30px;\n }\n div.container .marginTop-30,\n div.container.tutorial h5 {\n margin-top: 30px;\n }\n div.container.tutorial ul {\n padding-inline-start: 15px;\n list-style: disc;\n }\n div.container.tutorial ul li {\n margin-bottom: 0.5em;\n }\n div.container.tutorial code {\n border-radius: 4px;\n background-color: #e0e0e0;\n color: #161616;\n padding: 0 0.5em;\n }\n div.container.tutorial pre {\n background-color: #000;\n color: #fff;\n padding: 15px;\n margin-top: 15px;\n -moz-tab-size: 4;\n tab-size: 4;\n font-size: 14px;\n line-height: 1.4;\n }\n div.container.tutorial pre code {\n background-color: unset;\n color: #fff;\n padding: 0;\n }\n div.container .marginTop {\n margin-top: 10px;\n }\n div.container .marginTop-45 {\n margin-top: 45px;\n }\n div.container hr {\n margin-bottom: 75px;\n margin-top: 25px;\n }\n .resource-card-group {\n display: flex;\n flex-wrap: wrap;\n margin-left: 0;\n margin-right: 0;\n margin-top: 30px;\n max-width: 700px;\n }\n .resource-card-group .cds--col-md-6.cds--col-lg-6 {\n border: 1px solid var(--cds-background, #fff);\n padding: 0;\n }\n .resource-card-group .cds--col-lg-6 {\n width: 100%;\n }\n @media (min-width: 42rem) {\n .resource-card-group .cds--col-md-6 {\n display: block;\n max-width: 75%;\n flex: 0 0 75%;\n }\n }\n @media (min-width: 66rem) {\n .resource-card-group .cds--col-lg-6 {\n display: block;\n max-width: 50%;\n flex: 0 0 50%;\n }\n }\n .cds--aspect-ratio--object {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n .cds--resource-card .cds--tile {\n background: var(--cds-layer-01, #f4f4f4);\n height: 100%;\n padding: 1rem 25% 1rem 1rem;\n position: relative;\n transition: background 70ms;\n text-decoration: none;\n }\n .cds--resource-card--dark .cds--tile,\n .cds--resource-card--disabled.cds--resource-card--dark .cds--tile:hover {\n background: #262626;\n }\n .cds--resource-card .cds--tile:hover {\n background: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n }\n .cds--resource-card__title {\n font-size: var(--cds-productive-heading-03-font-size, 1.25rem);\n font-weight: var(--cds-productive-heading-03-font-weight, 400);\n line-height: var(--cds-productive-heading-03-line-height, 1.4);\n letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);\n text-decoration: none;\n }\n .cds--resource-card__subtitle {\n font-size: var(--cds-heading-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-01-font-weight, 600);\n line-height: var(--cds-heading-01-line-height, 1.42857);\n letter-spacing: var(--cds-heading-01-letter-spacing, 0.16px);\n font-weight: 400;\n text-decoration: none;\n }\n .cds--resource-card__icon--img {\n position: absolute;\n bottom: 1rem;\n left: 1rem;\n min-width: 32px;\n min-height: 32px;\n display: flex;\n align-items: flex-end;\n }\n .cds--resource-card__icon--img .gatsby-resp-image-wrapper,\n .cds--resource-card__icon--img img[src*='gif'],\n .cds--resource-card__icon--img img[src*='svg'] {\n margin-bottom: 0;\n }\n .cds--resource-card__icon--img .gatsby-resp-image-wrapper {\n position: static !important;\n }\n .cds--resource-card__icon--action {\n position: absolute;\n bottom: 1rem;\n right: 1rem;\n width: 20px;\n height: 20px;\n }\n .cds--resource-card .cds--resource-card__icon--action svg {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--resource-card--dark .cds--tile:hover {\n background: #393939;\n }\n .cds--resource-card--dark .cds--resource-card__subtitle,\n .cds--resource-card--dark .cds--resource-card__title {\n color: var(--cds-text-on-color, #fff);\n }\n .cds--resource-card--dark .cds--resource-card__icon--action svg {\n fill: #f4f4f4;\n }\n .cds--resource-card--disabled .cds--tile:hover {\n background: var(--cds-layer-01, #f4f4f4);\n cursor: not-allowed;\n }\n .cds--resource-card--disabled .cds--resource-card__subtitle,\n .cds--resource-card--disabled .cds--resource-card__title {\n color: var(--cds-icon-on-color-disabled, #8d8d8d);\n }\n .cds--resource-card--disabled .cds--resource-card__icon--action svg {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--resource-card--disabled .cds--resource-card__icon--img {\n filter: grayscale(100%);\n opacity: 0.5;\n }\n .cds--resource-card--disabled.cds--resource-card--dark\n .cds--resource-card__subtitle,\n .cds--resource-card--disabled.cds--resource-card--dark\n .cds--resource-card__title {\n color: #8d8d8d;\n }\n .cds--resource-card--disabled.cds--resource-card--dark\n .cds--resource-card__icon--action\n svg {\n fill: #525252;\n }\n"],["\n .cds--css-grid,\n .cds--subgrid {\n display: grid;\n grid-template-columns: repeat(var(--cds-grid-columns), minmax(0, 1fr));\n }\n .carbon-chart-wrapper ol,\n .carbon-chart-wrapper ul,\n .cds--accordion {\n list-style: none;\n }\n .cds--accordion.cds--skeleton .cds--accordion__heading:hover::before,\n .cds--accordion__heading[disabled]:hover::before {\n background-color: transparent;\n }\n .cds--breadcrumb-item [aria-current='page']:hover,\n .cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link:hover,\n .cds--link {\n text-decoration: none;\n }\n .cds--breadcrumb.cds--skeleton .cds--link::before,\n .cds--btn.cds--skeleton::before {\n animation: 3s ease-in-out infinite skeleton;\n will-change: transform-origin, transform, opacity;\n }\n .cds--btn-set .cds--btn:first-of-type:not(:focus),\n .cds--btn-set .cds--btn:focus + .cds--btn,\n .cds--btn-set--stacked .cds--btn:first-of-type:not(:focus) {\n box-shadow: inherit;\n }\n .cds--breadcrumb .cds--link,\n .cds--checkbox {\n white-space: nowrap;\n }\n .cds--dropdown__wrapper--inline .cds--form-requirement,\n .cds--list-box__wrapper--inline .cds--form-requirement {\n grid-column: 2;\n }\n .carbon-chart-wrapper table,\n .cds--data-table,\n .cds--structured-list {\n border-spacing: 0;\n border-collapse: collapse;\n }\n .cds--cc--axes g.axis path.domain,\n .cds--cc--zero-line line.domain,\n .cds--cc--zoom-bar path.zoom-bg-baseline {\n stroke: var(--cds-border-strong-01, #8d8d8d);\n }\n .cds--cc--axes g.axis g.tick text,\n div.cds--cc--legend div.legend-item p {\n fill: var(--cds-text-secondary, #525252);\n }\n .cds--cc--bubble g.lines path.line,\n .cds--cc--scatter g.lines path.line {\n mix-blend-mode: multiply;\n }\n .cds--chart-holder,\n .cds--chart-holder[data-carbon-theme='g100'],\n .cds--chart-holder[data-carbon-theme='g90'] {\n --cds-charts-2-2-1: #8a3ffc;\n --cds-charts-2-2-1-hovered: #751cfb;\n --cds-charts-14-1-5: #fa4d56;\n --cds-charts-14-1-5-hovered: #f92a35;\n --cds-charts-mono-1-1: #ffffff;\n --cds-charts-mono-1-1-hovered: #ededed;\n --cds-charts-mono-1-2: #f6f2ff;\n --cds-charts-mono-1-2-hovered: #ddceff;\n --cds-charts-mono-1-3: #e8daff;\n --cds-charts-mono-1-3-hovered: #d2b6ff;\n --cds-charts-mono-1-4: #d4bbff;\n --cds-charts-mono-1-4-hovered: #bd97ff;\n --cds-charts-mono-1-5: #be95ff;\n --cds-charts-mono-1-5-hovered: #a871ff;\n --cds-charts-mono-1-6: #a56eff;\n --cds-charts-mono-1-6-hovered: #8f4aff;\n --cds-charts-mono-1-7: #8a3ffc;\n --cds-charts-mono-1-7-hovered: #751cfb;\n --cds-charts-mono-1-8: #6929c4;\n --cds-charts-mono-1-8-hovered: #5923a6;\n --cds-charts-mono-1-9: #491d8b;\n --cds-charts-mono-1-9-hovered: #39176d;\n --cds-charts-mono-1-10: #31135e;\n --cds-charts-mono-1-10-hovered: #220d40;\n --cds-charts-mono-1-11: #1c0f30;\n --cds-charts-mono-1-11-hovered: #0c0715;\n --cds-charts-mono-2-1: #ffffff;\n --cds-charts-mono-2-1-hovered: #ededed;\n --cds-charts-mono-2-2: #edf5ff;\n --cds-charts-mono-2-2-hovered: #c9e1ff;\n --cds-charts-mono-2-3: #d0e2ff;\n --cds-charts-mono-2-3-hovered: #acccff;\n --cds-charts-mono-2-4: #a6c8ff;\n --cds-charts-mono-2-4-hovered: #82b2ff;\n --cds-charts-mono-2-5: #78a9ff;\n --cds-charts-mono-2-5-hovered: #5492ff;\n --cds-charts-mono-2-6: #4589ff;\n --cds-charts-mono-2-6-hovered: #2172ff;\n --cds-charts-mono-2-7: #0f62fe;\n --cds-charts-mono-2-7-hovered: #0151e8;\n --cds-charts-mono-2-8: #0043ce;\n --cds-charts-mono-2-8-hovered: #0037aa;\n --cds-charts-mono-2-9: #002d9c;\n --cds-charts-mono-2-9-hovered: #002378;\n --cds-charts-mono-2-10: #001d6c;\n --cds-charts-mono-2-10-hovered: #001348;\n --cds-charts-mono-2-11: #001141;\n --cds-charts-mono-2-11-hovered: #00081d;\n --cds-charts-mono-3-1: #ffffff;\n --cds-charts-mono-3-1-hovered: #ededed;\n --cds-charts-mono-3-2: #e5f6ff;\n --cds-charts-mono-3-2-hovered: #c1eaff;\n --cds-charts-mono-3-3: #bae6ff;\n --cds-charts-mono-3-3-hovered: #96d9ff;\n --cds-charts-mono-3-4: #82cfff;\n --cds-charts-mono-3-4-hovered: #5ec1ff;\n --cds-charts-mono-3-5: #33b1ff;\n --cds-charts-mono-3-5-hovered: #0fa3ff;\n --cds-charts-mono-3-6: #1192e8;\n --cds-charts-mono-3-6-hovered: #0f7dc7;\n --cds-charts-mono-3-7: #0072c3;\n --cds-charts-mono-3-7-hovered: #005d9f;\n --cds-charts-mono-3-8: #00539a;\n --cds-charts-mono-3-8-hovered: #004076;\n --cds-charts-mono-3-9: #003a6d;\n --cds-charts-mono-3-9-hovered: #002749;\n --cds-charts-mono-3-10: #012749;\n --cds-charts-mono-3-10-hovered: #011426;\n --cds-charts-mono-3-11: #061727;\n --cds-charts-mono-3-11-hovered: #010508;\n --cds-charts-mono-4-1: #ffffff;\n --cds-charts-mono-4-1-hovered: #ededed;\n --cds-charts-mono-4-2: #d9fbfb;\n --cds-charts-mono-4-2-hovered: #b9f8f8;\n --cds-charts-mono-4-3: #9ef0f0;\n --cds-charts-mono-4-3-hovered: #7febeb;\n --cds-charts-mono-4-4: #3ddbd9;\n --cds-charts-mono-4-4-hovered: #26cecc;\n --cds-charts-mono-4-5: #08bdba;\n --cds-charts-mono-4-5-hovered: #079b98;\n --cds-charts-mono-4-6: #009d9a;\n --cds-charts-mono-4-6-hovered: #007977;\n --cds-charts-mono-4-7: #007d79;\n --cds-charts-mono-4-7-hovered: #005956;\n --cds-charts-mono-4-8: #005d5d;\n --cds-charts-mono-4-8-hovered: #003939;\n --cds-charts-mono-4-9: #004144;\n --cds-charts-mono-4-9-hovered: #001f20;\n --cds-charts-mono-4-10: #022b30;\n --cds-charts-mono-4-10-hovered: #010c0e;\n --cds-charts-mono-4-11: #081a1c;\n --cds-charts-mono-4-11-hovered: black;\n --cds-charts-diverge-1-1: #750e13;\n --cds-charts-diverge-1-1-hovered: #550a0e;\n --cds-charts-diverge-1-2: #a2191f;\n --cds-charts-diverge-1-2-hovered: #831419;\n --cds-charts-diverge-1-3: #da1e28;\n --cds-charts-diverge-1-3-hovered: #bb1a22;\n --cds-charts-diverge-1-4: #fa4d56;\n --cds-charts-diverge-1-4-hovered: #f92a35;\n --cds-charts-diverge-1-5: #ff8389;\n --cds-charts-diverge-1-5-hovered: #ff5f67;\n --cds-charts-diverge-1-6: #ffb3b8;\n --cds-charts-diverge-1-6-hovered: #ff8f97;\n --cds-charts-diverge-1-7: #ffd7d9;\n --cds-charts-diverge-1-7-hovered: #ffb3b7;\n --cds-charts-diverge-1-8: #fff1f1;\n --cds-charts-diverge-1-8-hovered: #ffcdcd;\n --cds-charts-diverge-1-9: #ffffff;\n --cds-charts-diverge-1-9-hovered: #ededed;\n --cds-charts-diverge-1-10: #e5f6ff;\n --cds-charts-diverge-1-10-hovered: #c1eaff;\n --cds-charts-diverge-1-11: #bae6ff;\n --cds-charts-diverge-1-11-hovered: #96d9ff;\n --cds-charts-diverge-1-12: #82cfff;\n --cds-charts-diverge-1-12-hovered: #5ec1ff;\n --cds-charts-diverge-1-13: #33b1ff;\n --cds-charts-diverge-1-13-hovered: #0fa3ff;\n --cds-charts-diverge-1-14: #1192e8;\n --cds-charts-diverge-1-14-hovered: #0f7dc7;\n --cds-charts-diverge-1-15: #0072c3;\n --cds-charts-diverge-1-15-hovered: #005d9f;\n --cds-charts-diverge-1-16: #00539a;\n --cds-charts-diverge-1-16-hovered: #004076;\n --cds-charts-diverge-1-17: #003a6d;\n --cds-charts-diverge-1-17-hovered: #002749;\n --cds-charts-diverge-2-1: #491d8b;\n --cds-charts-diverge-2-1-hovered: #39176d;\n --cds-charts-diverge-2-2: #6929c4;\n --cds-charts-diverge-2-2-hovered: #5923a6;\n --cds-charts-diverge-2-3: #8a3ffc;\n --cds-charts-diverge-2-3-hovered: #751cfb;\n --cds-charts-diverge-2-4: #a56eff;\n --cds-charts-diverge-2-4-hovered: #8f4aff;\n --cds-charts-diverge-2-5: #be95ff;\n --cds-charts-diverge-2-5-hovered: #a871ff;\n --cds-charts-diverge-2-6: #d4bbff;\n --cds-charts-diverge-2-6-hovered: #bd97ff;\n --cds-charts-diverge-2-7: #e8daff;\n --cds-charts-diverge-2-7-hovered: #d2b6ff;\n --cds-charts-diverge-2-8: #f6f2ff;\n --cds-charts-diverge-2-8-hovered: #ddceff;\n --cds-charts-diverge-2-9: #ffffff;\n --cds-charts-diverge-2-9-hovered: #ededed;\n --cds-charts-diverge-2-10: #d9fbfb;\n --cds-charts-diverge-2-10-hovered: #b9f8f8;\n --cds-charts-diverge-2-11: #9ef0f0;\n --cds-charts-diverge-2-11-hovered: #7febeb;\n --cds-charts-diverge-2-12: #3ddbd9;\n --cds-charts-diverge-2-12-hovered: #26cecc;\n --cds-charts-diverge-2-13: #08bdba;\n --cds-charts-diverge-2-13-hovered: #079b98;\n --cds-charts-diverge-2-14: #009d9a;\n --cds-charts-diverge-2-14-hovered: #007977;\n --cds-charts-diverge-2-15: #007d79;\n --cds-charts-diverge-2-15-hovered: #005956;\n --cds-charts-diverge-2-16: #005d5d;\n --cds-charts-diverge-2-16-hovered: #003939;\n --cds-charts-diverge-2-17: #004144;\n --cds-charts-diverge-2-17-hovered: #001f20;\n }\n .cds--chart-holder,\n .cds--chart-holder[data-carbon-theme='g10'],\n html[data-carbon-theme='g10'] {\n --cds-null-state: none;\n --cds-spacing-01: 0.125rem;\n --cds-spacing-02: 0.25rem;\n --cds-spacing-03: 0.5rem;\n --cds-spacing-04: 0.75rem;\n --cds-spacing-05: 1rem;\n --cds-spacing-06: 1.5rem;\n --cds-spacing-07: 2rem;\n --cds-spacing-08: 2.5rem;\n --cds-spacing-09: 3rem;\n --cds-spacing-10: 4rem;\n --cds-spacing-11: 5rem;\n --cds-spacing-12: 6rem;\n --cds-spacing-13: 10rem;\n --cds-fluid-spacing-01: 0;\n --cds-fluid-spacing-02: 2vw;\n --cds-fluid-spacing-03: 5vw;\n --cds-fluid-spacing-04: 10vw;\n --cds-label-01-font-size: 0.75rem;\n --cds-label-01-font-weight: 400;\n --cds-label-01-line-height: 1.33333;\n --cds-label-01-letter-spacing: 0.32px;\n --cds-label-02-font-size: 0.875rem;\n --cds-label-02-font-weight: 400;\n --cds-label-02-line-height: 1.28572;\n --cds-label-02-letter-spacing: 0.16px;\n --cds-helper-text-01-font-size: 0.75rem;\n --cds-helper-text-01-line-height: 1.33333;\n --cds-helper-text-01-letter-spacing: 0.32px;\n --cds-helper-text-02-font-size: carbon--type-scale(2);\n --cds-helper-text-02-font-weight: carbon--font-weight('regular');\n --cds-helper-text-02-line-height: 1.28572;\n --cds-helper-text-02-letter-spacing: 0.16px;\n --cds-body-short-01-font-size: 0.875rem;\n --cds-body-short-01-font-weight: 400;\n --cds-body-short-01-line-height: 1.28572;\n --cds-body-short-01-letter-spacing: 0.16px;\n --cds-body-short-02-font-size: 1rem;\n --cds-body-short-02-font-weight: 400;\n --cds-body-short-02-line-height: 1.375;\n --cds-body-short-02-letter-spacing: 0;\n --cds-body-long-01-font-size: 0.875rem;\n --cds-body-long-01-font-weight: 400;\n --cds-body-long-01-line-height: 1.42857;\n --cds-body-long-01-letter-spacing: 0.16px;\n --cds-body-long-02-font-size: 1rem;\n --cds-body-long-02-font-weight: 400;\n --cds-body-long-02-line-height: 1.5;\n --cds-body-long-02-letter-spacing: 0;\n --cds-code-01-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular',\n monospace;\n --cds-code-01-font-size: 0.75rem;\n --cds-code-01-font-weight: 400;\n --cds-code-01-line-height: 1.33333;\n --cds-code-01-letter-spacing: 0.32px;\n --cds-code-02-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular',\n monospace;\n --cds-code-02-font-size: 0.875rem;\n --cds-code-02-font-weight: 400;\n --cds-code-02-line-height: 1.42857;\n --cds-code-02-letter-spacing: 0.32px;\n --cds-heading-01-font-size: 0.875rem;\n --cds-heading-01-font-weight: 600;\n --cds-heading-01-line-height: 1.42857;\n --cds-heading-01-letter-spacing: 0.16px;\n --cds-heading-02-font-size: 1rem;\n --cds-heading-02-font-weight: 600;\n --cds-heading-02-line-height: 1.5;\n --cds-heading-02-letter-spacing: 0;\n --cds-productive-heading-01-font-size: 0.875rem;\n --cds-productive-heading-01-font-weight: 600;\n --cds-productive-heading-01-line-height: 1.28572;\n --cds-productive-heading-01-letter-spacing: 0.16px;\n --cds-productive-heading-02-font-size: 1rem;\n --cds-productive-heading-02-font-weight: 600;\n --cds-productive-heading-02-line-height: 1.375;\n --cds-productive-heading-02-letter-spacing: 0;\n --cds-productive-heading-03-font-size: 1.25rem;\n --cds-productive-heading-03-font-weight: 400;\n --cds-productive-heading-03-line-height: 1.4;\n --cds-productive-heading-03-letter-spacing: 0;\n --cds-productive-heading-04-font-size: 1.75rem;\n --cds-productive-heading-04-font-weight: 400;\n --cds-productive-heading-04-line-height: 1.28572;\n --cds-productive-heading-04-letter-spacing: 0;\n --cds-productive-heading-05-font-size: 2rem;\n --cds-productive-heading-05-font-weight: 400;\n --cds-productive-heading-05-line-height: 1.25;\n --cds-productive-heading-05-letter-spacing: 0;\n --cds-productive-heading-06-font-size: 2.625rem;\n --cds-productive-heading-06-font-weight: 300;\n --cds-productive-heading-06-line-height: 1.199;\n --cds-productive-heading-06-letter-spacing: 0;\n --cds-productive-heading-07-font-size: 3.375rem;\n --cds-productive-heading-07-font-weight: 300;\n --cds-productive-heading-07-line-height: 1.19;\n --cds-productive-heading-07-letter-spacing: 0;\n --cds-expressive-paragraph-01-font-size: 1.5rem;\n --cds-expressive-paragraph-01-font-weight: 300;\n --cds-expressive-paragraph-01-line-height: 1.334;\n --cds-expressive-paragraph-01-letter-spacing: 0;\n --cds-expressive-heading-01-font-size: 0.875rem;\n --cds-expressive-heading-01-font-weight: 600;\n --cds-expressive-heading-01-line-height: 1.42857;\n --cds-expressive-heading-01-letter-spacing: 0.16px;\n --cds-expressive-heading-02-font-size: 1rem;\n --cds-expressive-heading-02-font-weight: 600;\n --cds-expressive-heading-02-line-height: 1.5;\n --cds-expressive-heading-02-letter-spacing: 0;\n --cds-expressive-heading-03-font-size: 1.25rem;\n --cds-expressive-heading-03-font-weight: 400;\n --cds-expressive-heading-03-line-height: 1.4;\n --cds-expressive-heading-03-letter-spacing: 0;\n --cds-expressive-heading-04-font-size: 1.75rem;\n --cds-expressive-heading-04-font-weight: 400;\n --cds-expressive-heading-04-line-height: 1.28572;\n --cds-expressive-heading-04-letter-spacing: 0;\n --cds-expressive-heading-05-font-size: 2rem;\n --cds-expressive-heading-05-font-weight: 400;\n --cds-expressive-heading-05-line-height: 1.25;\n --cds-expressive-heading-05-letter-spacing: 0;\n --cds-expressive-heading-06-font-size: 2rem;\n --cds-expressive-heading-06-font-weight: 600;\n --cds-expressive-heading-06-line-height: 1.25;\n --cds-expressive-heading-06-letter-spacing: 0;\n --cds-quotation-01-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size: 1.25rem;\n --cds-quotation-01-font-weight: 400;\n --cds-quotation-01-line-height: 1.3;\n --cds-quotation-01-letter-spacing: 0;\n --cds-quotation-02-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size: 2rem;\n --cds-quotation-02-font-weight: 300;\n --cds-quotation-02-line-height: 1.25;\n --cds-quotation-02-letter-spacing: 0;\n --cds-display-01-font-size: 2.625rem;\n --cds-display-01-font-weight: 300;\n --cds-display-01-line-height: 1.19;\n --cds-display-01-letter-spacing: 0;\n --cds-display-02-font-size: 2.625rem;\n --cds-display-02-font-weight: 600;\n --cds-display-02-line-height: 1.19;\n --cds-display-02-letter-spacing: 0;\n --cds-display-03-font-size: 2.625rem;\n --cds-display-03-font-weight: 300;\n --cds-display-03-line-height: 1.19;\n --cds-display-03-letter-spacing: 0;\n --cds-display-04-font-size: 2.625rem;\n --cds-display-04-font-weight: 300;\n --cds-display-04-line-height: 1.19;\n --cds-display-04-letter-spacing: 0;\n --cds-legal-01-font-size: 0.75rem;\n --cds-legal-01-font-weight: 400;\n --cds-legal-01-line-height: 1.33333;\n --cds-legal-01-letter-spacing: 0.32px;\n --cds-legal-02-font-size: 0.875rem;\n --cds-legal-02-font-weight: 400;\n --cds-legal-02-line-height: 1.28572;\n --cds-legal-02-letter-spacing: 0.16px;\n --cds-body-compact-01-font-size: 0.875rem;\n --cds-body-compact-01-font-weight: 400;\n --cds-body-compact-01-line-height: 1.28572;\n --cds-body-compact-01-letter-spacing: 0.16px;\n --cds-body-compact-02-font-size: 1rem;\n --cds-body-compact-02-font-weight: 400;\n --cds-body-compact-02-line-height: 1.375;\n --cds-body-compact-02-letter-spacing: 0;\n --cds-heading-compact-01-font-size: 0.875rem;\n --cds-heading-compact-01-font-weight: 600;\n --cds-heading-compact-01-line-height: 1.28572;\n --cds-heading-compact-01-letter-spacing: 0.16px;\n --cds-heading-compact-02-font-size: 1rem;\n --cds-heading-compact-02-font-weight: 600;\n --cds-heading-compact-02-line-height: 1.375;\n --cds-heading-compact-02-letter-spacing: 0;\n --cds-body-01-font-size: 0.875rem;\n --cds-body-01-font-weight: 400;\n --cds-body-01-line-height: 1.42857;\n --cds-body-01-letter-spacing: 0.16px;\n --cds-body-02-font-size: 1rem;\n --cds-body-02-font-weight: 400;\n --cds-body-02-line-height: 1.5;\n --cds-body-02-letter-spacing: 0;\n --cds-heading-03-font-size: 1.25rem;\n --cds-heading-03-font-weight: 400;\n --cds-heading-03-line-height: 1.4;\n --cds-heading-03-letter-spacing: 0;\n --cds-heading-04-font-size: 1.75rem;\n --cds-heading-04-font-weight: 400;\n --cds-heading-04-line-height: 1.28572;\n --cds-heading-04-letter-spacing: 0;\n --cds-heading-05-font-size: 2rem;\n --cds-heading-05-font-weight: 400;\n --cds-heading-05-line-height: 1.25;\n --cds-heading-05-letter-spacing: 0;\n --cds-heading-06-font-size: 2.625rem;\n --cds-heading-06-font-weight: 300;\n --cds-heading-06-line-height: 1.199;\n --cds-heading-06-letter-spacing: 0;\n --cds-heading-07-font-size: 3.375rem;\n --cds-heading-07-font-weight: 300;\n --cds-heading-07-line-height: 1.19;\n --cds-heading-07-letter-spacing: 0;\n --cds-fluid-heading-03-font-size: 1.25rem;\n --cds-fluid-heading-03-font-weight: 400;\n --cds-fluid-heading-03-line-height: 1.4;\n --cds-fluid-heading-03-letter-spacing: 0;\n --cds-fluid-heading-04-font-size: 1.75rem;\n --cds-fluid-heading-04-font-weight: 400;\n --cds-fluid-heading-04-line-height: 1.28572;\n --cds-fluid-heading-04-letter-spacing: 0;\n --cds-fluid-heading-05-font-size: 2rem;\n --cds-fluid-heading-05-font-weight: 400;\n --cds-fluid-heading-05-line-height: 1.25;\n --cds-fluid-heading-05-letter-spacing: 0;\n --cds-fluid-heading-06-font-size: 2rem;\n --cds-fluid-heading-06-font-weight: 600;\n --cds-fluid-heading-06-line-height: 1.25;\n --cds-fluid-heading-06-letter-spacing: 0;\n --cds-fluid-paragraph-01-font-size: 1.5rem;\n --cds-fluid-paragraph-01-font-weight: 300;\n --cds-fluid-paragraph-01-line-height: 1.334;\n --cds-fluid-paragraph-01-letter-spacing: 0;\n --cds-fluid-quotation-01-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size: 1.25rem;\n --cds-fluid-quotation-01-font-weight: 400;\n --cds-fluid-quotation-01-line-height: 1.3;\n --cds-fluid-quotation-01-letter-spacing: 0;\n --cds-fluid-quotation-02-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size: 2rem;\n --cds-fluid-quotation-02-font-weight: 300;\n --cds-fluid-quotation-02-line-height: 1.25;\n --cds-fluid-quotation-02-letter-spacing: 0;\n --cds-fluid-display-01-font-size: 2.625rem;\n --cds-fluid-display-01-font-weight: 300;\n --cds-fluid-display-01-line-height: 1.19;\n --cds-fluid-display-01-letter-spacing: 0;\n --cds-fluid-display-02-font-size: 2.625rem;\n --cds-fluid-display-02-font-weight: 600;\n --cds-fluid-display-02-line-height: 1.19;\n --cds-fluid-display-02-letter-spacing: 0;\n --cds-fluid-display-03-font-size: 2.625rem;\n --cds-fluid-display-03-font-weight: 300;\n --cds-fluid-display-03-line-height: 1.19;\n --cds-fluid-display-03-letter-spacing: 0;\n --cds-fluid-display-04-font-size: 2.625rem;\n --cds-fluid-display-04-font-weight: 300;\n --cds-fluid-display-04-line-height: 1.19;\n --cds-fluid-display-04-letter-spacing: 0;\n }\n .carbon-chart-wrapper a,\n .carbon-chart-wrapper abbr,\n .carbon-chart-wrapper acronym,\n .carbon-chart-wrapper address,\n .carbon-chart-wrapper applet,\n .carbon-chart-wrapper article,\n .carbon-chart-wrapper aside,\n .carbon-chart-wrapper audio,\n .carbon-chart-wrapper b,\n .carbon-chart-wrapper big,\n .carbon-chart-wrapper blockquote,\n .carbon-chart-wrapper body,\n .carbon-chart-wrapper canvas,\n .carbon-chart-wrapper caption,\n .carbon-chart-wrapper center,\n .carbon-chart-wrapper cite,\n .carbon-chart-wrapper code,\n .carbon-chart-wrapper dd,\n .carbon-chart-wrapper del,\n .carbon-chart-wrapper details,\n .carbon-chart-wrapper dfn,\n .carbon-chart-wrapper div,\n .carbon-chart-wrapper dl,\n .carbon-chart-wrapper dt,\n .carbon-chart-wrapper em,\n .carbon-chart-wrapper embed,\n .carbon-chart-wrapper fieldset,\n .carbon-chart-wrapper figcaption,\n .carbon-chart-wrapper figure,\n .carbon-chart-wrapper footer,\n .carbon-chart-wrapper form,\n .carbon-chart-wrapper h1,\n .carbon-chart-wrapper h2,\n .carbon-chart-wrapper h3,\n .carbon-chart-wrapper h4,\n .carbon-chart-wrapper h5,\n .carbon-chart-wrapper h6,\n .carbon-chart-wrapper header,\n .carbon-chart-wrapper hgroup,\n .carbon-chart-wrapper html,\n .carbon-chart-wrapper i,\n .carbon-chart-wrapper iframe,\n .carbon-chart-wrapper img,\n .carbon-chart-wrapper ins,\n .carbon-chart-wrapper kbd,\n .carbon-chart-wrapper label,\n .carbon-chart-wrapper legend,\n .carbon-chart-wrapper li,\n .carbon-chart-wrapper mark,\n .carbon-chart-wrapper menu,\n .carbon-chart-wrapper nav,\n .carbon-chart-wrapper object,\n .carbon-chart-wrapper ol,\n .carbon-chart-wrapper output,\n .carbon-chart-wrapper p,\n .carbon-chart-wrapper pre,\n .carbon-chart-wrapper q,\n .carbon-chart-wrapper ruby,\n .carbon-chart-wrapper s,\n .carbon-chart-wrapper samp,\n .carbon-chart-wrapper section,\n .carbon-chart-wrapper small,\n .carbon-chart-wrapper span,\n .carbon-chart-wrapper strike,\n .carbon-chart-wrapper strong,\n .carbon-chart-wrapper sub,\n .carbon-chart-wrapper summary,\n .carbon-chart-wrapper sup,\n .carbon-chart-wrapper table,\n .carbon-chart-wrapper tbody,\n .carbon-chart-wrapper td,\n .carbon-chart-wrapper tfoot,\n .carbon-chart-wrapper th,\n .carbon-chart-wrapper thead,\n .carbon-chart-wrapper time,\n .carbon-chart-wrapper tr,\n .carbon-chart-wrapper tt,\n .carbon-chart-wrapper u,\n .carbon-chart-wrapper ul,\n .carbon-chart-wrapper var,\n .carbon-chart-wrapper video {\n padding: 0;\n border: 0;\n margin: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n }\n .carbon-chart-wrapper body,\n .cds--actionable-notification body,\n .cds--breadcrumb body,\n .cds--checkbox-group body,\n .cds--checkbox-label body,\n .cds--content-switcher-btn body,\n .cds--copy-btn body,\n .cds--dropdown body,\n .cds--dropdown-list body,\n .cds--fieldset body,\n .cds--file--label body,\n .cds--form-requirement body,\n .cds--inline-notification body,\n .cds--label body,\n .cds--label-description body,\n .cds--list-box body,\n .cds--number body,\n .cds--number__controls body,\n .cds--overflow-menu body,\n .cds--overflow-menu-options body,\n .cds--overflow-menu-options__option body,\n .cds--overflow-menu__trigger body,\n .cds--pagination-nav body,\n .cds--snippet body,\n .cds--snippet--inline body,\n .cds--structured-list body,\n .cds--structured-list-td body,\n .cds--structured-list-th body,\n .cds--tabs body,\n .cds--text-input body,\n .cds--toast-notification body {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n }\n .carbon-chart-wrapper article,\n .carbon-chart-wrapper aside,\n .carbon-chart-wrapper details,\n .carbon-chart-wrapper figcaption,\n .carbon-chart-wrapper figure,\n .carbon-chart-wrapper footer,\n .carbon-chart-wrapper header,\n .carbon-chart-wrapper hgroup,\n .carbon-chart-wrapper menu,\n .carbon-chart-wrapper nav,\n .carbon-chart-wrapper section {\n display: block;\n }\n .carbon-chart-wrapper body {\n background-color: var(--cds-background, #fff);\n color: var(--cds-text-primary, #161616);\n line-height: 1;\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .carbon-chart-wrapper blockquote,\n .carbon-chart-wrapper q {\n quotes: none;\n }\n .carbon-chart-wrapper blockquote::after,\n .carbon-chart-wrapper blockquote::before,\n .carbon-chart-wrapper q::after,\n .carbon-chart-wrapper q::before {\n content: '';\n content: none;\n }\n .carbon-chart-wrapper html {\n box-sizing: border-box;\n font-size: 100%;\n }\n .carbon-chart-wrapper *,\n .carbon-chart-wrapper ::after,\n .carbon-chart-wrapper ::before {\n box-sizing: inherit;\n }\n .carbon-chart-wrapper code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .carbon-chart-wrapper strong {\n font-weight: 600;\n }\n .carbon-chart-wrapper h1 {\n font-size: var(--cds-heading-06-font-size, 2.625rem);\n font-weight: var(--cds-heading-06-font-weight, 300);\n line-height: var(--cds-heading-06-line-height, 1.199);\n letter-spacing: var(--cds-heading-06-letter-spacing, 0);\n }\n .carbon-chart-wrapper h2 {\n font-size: var(--cds-heading-05-font-size, 2rem);\n font-weight: var(--cds-heading-05-font-weight, 400);\n line-height: var(--cds-heading-05-line-height, 1.25);\n letter-spacing: var(--cds-heading-05-letter-spacing, 0);\n }\n .carbon-chart-wrapper h3 {\n font-size: var(--cds-heading-04-font-size, 1.75rem);\n font-weight: var(--cds-heading-04-font-weight, 400);\n line-height: var(--cds-heading-04-line-height, 1.28572);\n letter-spacing: var(--cds-heading-04-letter-spacing, 0);\n }\n .carbon-chart-wrapper h4 {\n font-size: var(--cds-heading-03-font-size, 1.25rem);\n font-weight: var(--cds-heading-03-font-weight, 400);\n line-height: var(--cds-heading-03-line-height, 1.4);\n letter-spacing: var(--cds-heading-03-letter-spacing, 0);\n }\n .carbon-chart-wrapper h5 {\n font-size: var(--cds-heading-02-font-size, 1rem);\n font-weight: var(--cds-heading-02-font-weight, 600);\n line-height: var(--cds-heading-02-line-height, 1.5);\n letter-spacing: var(--cds-heading-02-letter-spacing, 0);\n }\n .carbon-chart-wrapper h6 {\n font-size: var(--cds-heading-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-01-font-weight, 600);\n line-height: var(--cds-heading-01-line-height, 1.42857);\n letter-spacing: var(--cds-heading-01-letter-spacing, 0.16px);\n }\n .carbon-chart-wrapper p {\n font-size: var(--cds-body-02-font-size, 1rem);\n font-weight: var(--cds-body-02-font-weight, 400);\n line-height: var(--cds-body-02-line-height, 1.5);\n letter-spacing: var(--cds-body-02-letter-spacing, 0);\n }\n .carbon-chart-wrapper a {\n color: var(--cds-link-primary, #0062fe);\n }\n .carbon-chart-wrapper em,\n div.container.tutorial .hljs-emphasis {\n font-style: italic;\n }\n .carbon-chart-wrapper :root {\n --cds-grid-gutter: 2rem;\n --cds-grid-columns: 4;\n --cds-grid-margin: 0;\n }\n @media (min-width: 42rem) {\n .carbon-chart-wrapper :root {\n --cds-grid-columns: 8;\n --cds-grid-margin: 1rem;\n }\n }\n .cds--css-grid {\n --cds-grid-gutter-start: calc(var(--cds-grid-gutter) / 2);\n --cds-grid-gutter-end: calc(var(--cds-grid-gutter) / 2);\n --cds-grid-column-hang: calc(var(--cds-grid-gutter) / 2);\n width: 100%;\n max-width: 99rem;\n padding-right: var(--cds-grid-margin);\n padding-left: var(--cds-grid-margin);\n margin-right: auto;\n margin-left: auto;\n }\n .cds--css-grid--full-width {\n max-width: 100%;\n }\n .cds--btn,\n .cds--btn-set .cds--btn.cds--btn--expressive {\n max-width: 20rem;\n }\n .cds--css-grid-column {\n --cds-grid-mode-start: var(--cds-grid-gutter-start);\n --cds-grid-mode-end: var(--cds-grid-gutter-end);\n margin-right: var(--cds-grid-gutter-end);\n margin-left: var(--cds-grid-gutter-start);\n }\n [dir='rtl'] .cds--css-grid-column {\n margin-right: var(--cds-grid-gutter-start);\n margin-left: var(--cds-grid-gutter-end);\n }\n .cds--css-grid--narrow {\n --cds-grid-gutter-start: 0;\n }\n .cds--css-grid--condensed {\n --cds-grid-gutter: 0.0625rem;\n --cds-grid-column-hang: 0.96875rem;\n }\n .cds--subgrid {\n margin-right: calc(var(--cds-grid-mode-end) * -1);\n margin-left: calc(var(--cds-grid-mode-start) * -1);\n }\n [dir='rtl'] .cds--subgrid {\n margin-right: calc(var(--cds-grid-mode-start) * -1);\n margin-left: calc(var(--cds-grid-mode-end) * -1);\n }\n .cds--subgrid--wide {\n --cds-grid-gutter-start: 1rem;\n --cds-grid-gutter-end: 1rem;\n --cds-grid-column-hang: 0;\n }\n .cds--subgrid--narrow {\n --cds-grid-gutter-start: 0;\n --cds-grid-gutter-end: 1rem;\n --cds-grid-column-hang: 1rem;\n }\n .cds--subgrid--condensed {\n --cds-grid-gutter-start: 0.03125rem;\n --cds-grid-gutter-end: 0.03125rem;\n --cds-grid-column-hang: 0.96875rem;\n }\n .cds--grid-column-hang {\n margin-left: var(--cds-grid-column-hang);\n }\n .cds--accordion,\n .cds--accordion__heading {\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n width: 100%;\n }\n [dir='rtl'] .cds--grid-column-hang {\n margin-right: var(--cds-grid-column-hang);\n margin-left: initial;\n }\n .cds--col-span-0 {\n display: none;\n }\n .cds--col-span-1 {\n --cds-grid-columns: 1;\n display: block;\n grid-column: span 1 / span 1;\n }\n .cds--col-span-2 {\n --cds-grid-columns: 2;\n display: block;\n grid-column: span 2 / span 2;\n }\n .cds--col-span-3 {\n --cds-grid-columns: 3;\n display: block;\n grid-column: span 3 / span 3;\n }\n .cds--col-span-4 {\n --cds-grid-columns: 4;\n display: block;\n grid-column: span 4 / span 4;\n }\n .cds--col-span-5 {\n --cds-grid-columns: 5;\n display: block;\n grid-column: span 5 / span 5;\n }\n .cds--col-span-6 {\n --cds-grid-columns: 6;\n display: block;\n grid-column: span 6 / span 6;\n }\n .cds--col-span-7 {\n --cds-grid-columns: 7;\n display: block;\n grid-column: span 7 / span 7;\n }\n .cds--col-span-8 {\n --cds-grid-columns: 8;\n display: block;\n grid-column: span 8 / span 8;\n }\n .cds--col-span-9 {\n --cds-grid-columns: 9;\n display: block;\n grid-column: span 9 / span 9;\n }\n .cds--col-span-10 {\n --cds-grid-columns: 10;\n display: block;\n grid-column: span 10 / span 10;\n }\n .cds--col-span-11 {\n --cds-grid-columns: 11;\n display: block;\n grid-column: span 11 / span 11;\n }\n .cds--col-span-12 {\n --cds-grid-columns: 12;\n display: block;\n grid-column: span 12 / span 12;\n }\n .cds--col-span-13 {\n --cds-grid-columns: 13;\n display: block;\n grid-column: span 13 / span 13;\n }\n .cds--col-span-14 {\n --cds-grid-columns: 14;\n display: block;\n grid-column: span 14 / span 14;\n }\n .cds--col-span-15 {\n --cds-grid-columns: 15;\n display: block;\n grid-column: span 15 / span 15;\n }\n .cds--col-span-16 {\n --cds-grid-columns: 16;\n display: block;\n grid-column: span 16 / span 16;\n }\n .cds--sm\\:col-span-0 {\n display: none;\n }\n .cds--sm\\:col-span-1 {\n --cds-grid-columns: 1;\n display: block;\n grid-column: span 1 / span 1;\n }\n .cds--sm\\:col-span-2 {\n --cds-grid-columns: 2;\n display: block;\n grid-column: span 2 / span 2;\n }\n .cds--sm\\:col-span-3 {\n --cds-grid-columns: 3;\n display: block;\n grid-column: span 3 / span 3;\n }\n .cds--sm\\:col-span-4 {\n --cds-grid-columns: 4;\n display: block;\n grid-column: span 4 / span 4;\n }\n .cds--sm\\:col-span-auto {\n grid-column: auto;\n }\n .cds--sm\\:col-span-100 {\n grid-column: 1/-1;\n }\n .cds--sm\\:col-span-75 {\n --cds-grid-columns: 3;\n grid-column: span 3 / span 3;\n }\n .cds--sm\\:col-span-50 {\n --cds-grid-columns: 2;\n grid-column: span 2 / span 2;\n }\n .cds--sm\\:col-span-25 {\n --cds-grid-columns: 1;\n grid-column: span 1 / span 1;\n }\n @media (min-width: 42rem) {\n .cds--md\\:col-span-0 {\n display: none;\n }\n .cds--md\\:col-span-1 {\n --cds-grid-columns: 1;\n display: block;\n grid-column: span 1 / span 1;\n }\n .cds--md\\:col-span-2 {\n --cds-grid-columns: 2;\n display: block;\n grid-column: span 2 / span 2;\n }\n .cds--md\\:col-span-3 {\n --cds-grid-columns: 3;\n display: block;\n grid-column: span 3 / span 3;\n }\n .cds--md\\:col-span-4 {\n --cds-grid-columns: 4;\n display: block;\n grid-column: span 4 / span 4;\n }\n .cds--md\\:col-span-5 {\n --cds-grid-columns: 5;\n display: block;\n grid-column: span 5 / span 5;\n }\n .cds--md\\:col-span-6 {\n --cds-grid-columns: 6;\n display: block;\n grid-column: span 6 / span 6;\n }\n .cds--md\\:col-span-7 {\n --cds-grid-columns: 7;\n display: block;\n grid-column: span 7 / span 7;\n }\n .cds--md\\:col-span-8 {\n --cds-grid-columns: 8;\n display: block;\n grid-column: span 8 / span 8;\n }\n .cds--md\\:col-span-auto {\n grid-column: auto;\n }\n .cds--md\\:col-span-100 {\n grid-column: 1/-1;\n }\n .cds--md\\:col-span-75 {\n --cds-grid-columns: 6;\n grid-column: span 6 / span 6;\n }\n .cds--md\\:col-span-50 {\n --cds-grid-columns: 4;\n grid-column: span 4 / span 4;\n }\n .cds--md\\:col-span-25 {\n --cds-grid-columns: 2;\n grid-column: span 2 / span 2;\n }\n }\n @media (min-width: 66rem) {\n .carbon-chart-wrapper :root {\n --cds-grid-columns: 16;\n }\n .cds--lg\\:col-span-0 {\n display: none;\n }\n .cds--lg\\:col-span-1 {\n --cds-grid-columns: 1;\n display: block;\n grid-column: span 1 / span 1;\n }\n .cds--lg\\:col-span-2 {\n --cds-grid-columns: 2;\n display: block;\n grid-column: span 2 / span 2;\n }\n .cds--lg\\:col-span-3 {\n --cds-grid-columns: 3;\n display: block;\n grid-column: span 3 / span 3;\n }\n .cds--lg\\:col-span-4 {\n --cds-grid-columns: 4;\n display: block;\n grid-column: span 4 / span 4;\n }\n .cds--lg\\:col-span-5 {\n --cds-grid-columns: 5;\n display: block;\n grid-column: span 5 / span 5;\n }\n .cds--lg\\:col-span-6 {\n --cds-grid-columns: 6;\n display: block;\n grid-column: span 6 / span 6;\n }\n .cds--lg\\:col-span-7 {\n --cds-grid-columns: 7;\n display: block;\n grid-column: span 7 / span 7;\n }\n .cds--lg\\:col-span-8 {\n --cds-grid-columns: 8;\n display: block;\n grid-column: span 8 / span 8;\n }\n .cds--lg\\:col-span-9 {\n --cds-grid-columns: 9;\n display: block;\n grid-column: span 9 / span 9;\n }\n .cds--lg\\:col-span-10 {\n --cds-grid-columns: 10;\n display: block;\n grid-column: span 10 / span 10;\n }\n .cds--lg\\:col-span-11 {\n --cds-grid-columns: 11;\n display: block;\n grid-column: span 11 / span 11;\n }\n .cds--lg\\:col-span-12 {\n --cds-grid-columns: 12;\n display: block;\n grid-column: span 12 / span 12;\n }\n .cds--lg\\:col-span-13 {\n --cds-grid-columns: 13;\n display: block;\n grid-column: span 13 / span 13;\n }\n .cds--lg\\:col-span-14 {\n --cds-grid-columns: 14;\n display: block;\n grid-column: span 14 / span 14;\n }\n .cds--lg\\:col-span-15 {\n --cds-grid-columns: 15;\n display: block;\n grid-column: span 15 / span 15;\n }\n .cds--lg\\:col-span-16 {\n --cds-grid-columns: 16;\n display: block;\n grid-column: span 16 / span 16;\n }\n .cds--lg\\:col-span-auto {\n grid-column: auto;\n }\n .cds--lg\\:col-span-100 {\n grid-column: 1/-1;\n }\n .cds--lg\\:col-span-75 {\n --cds-grid-columns: 12;\n grid-column: span 12 / span 12;\n }\n .cds--lg\\:col-span-50 {\n --cds-grid-columns: 8;\n grid-column: span 8 / span 8;\n }\n .cds--lg\\:col-span-25 {\n --cds-grid-columns: 4;\n grid-column: span 4 / span 4;\n }\n }\n @media (min-width: 82rem) {\n .cds--xlg\\:col-span-0 {\n display: none;\n }\n .cds--xlg\\:col-span-1 {\n --cds-grid-columns: 1;\n display: block;\n grid-column: span 1 / span 1;\n }\n .cds--xlg\\:col-span-2 {\n --cds-grid-columns: 2;\n display: block;\n grid-column: span 2 / span 2;\n }\n .cds--xlg\\:col-span-3 {\n --cds-grid-columns: 3;\n display: block;\n grid-column: span 3 / span 3;\n }\n .cds--xlg\\:col-span-4 {\n --cds-grid-columns: 4;\n display: block;\n grid-column: span 4 / span 4;\n }\n .cds--xlg\\:col-span-5 {\n --cds-grid-columns: 5;\n display: block;\n grid-column: span 5 / span 5;\n }\n .cds--xlg\\:col-span-6 {\n --cds-grid-columns: 6;\n display: block;\n grid-column: span 6 / span 6;\n }\n .cds--xlg\\:col-span-7 {\n --cds-grid-columns: 7;\n display: block;\n grid-column: span 7 / span 7;\n }\n .cds--xlg\\:col-span-8 {\n --cds-grid-columns: 8;\n display: block;\n grid-column: span 8 / span 8;\n }\n .cds--xlg\\:col-span-9 {\n --cds-grid-columns: 9;\n display: block;\n grid-column: span 9 / span 9;\n }\n .cds--xlg\\:col-span-10 {\n --cds-grid-columns: 10;\n display: block;\n grid-column: span 10 / span 10;\n }\n .cds--xlg\\:col-span-11 {\n --cds-grid-columns: 11;\n display: block;\n grid-column: span 11 / span 11;\n }\n .cds--xlg\\:col-span-12 {\n --cds-grid-columns: 12;\n display: block;\n grid-column: span 12 / span 12;\n }\n .cds--xlg\\:col-span-13 {\n --cds-grid-columns: 13;\n display: block;\n grid-column: span 13 / span 13;\n }\n .cds--xlg\\:col-span-14 {\n --cds-grid-columns: 14;\n display: block;\n grid-column: span 14 / span 14;\n }\n .cds--xlg\\:col-span-15 {\n --cds-grid-columns: 15;\n display: block;\n grid-column: span 15 / span 15;\n }\n .cds--xlg\\:col-span-16 {\n --cds-grid-columns: 16;\n display: block;\n grid-column: span 16 / span 16;\n }\n .cds--xlg\\:col-span-auto {\n grid-column: auto;\n }\n .cds--xlg\\:col-span-100 {\n grid-column: 1/-1;\n }\n .cds--xlg\\:col-span-75 {\n --cds-grid-columns: 12;\n grid-column: span 12 / span 12;\n }\n .cds--xlg\\:col-span-50 {\n --cds-grid-columns: 8;\n grid-column: span 8 / span 8;\n }\n .cds--xlg\\:col-span-25 {\n --cds-grid-columns: 4;\n grid-column: span 4 / span 4;\n }\n }\n @media (min-width: 99rem) {\n .carbon-chart-wrapper :root {\n --cds-grid-margin: 1.5rem;\n }\n .cds--max\\:col-span-0 {\n display: none;\n }\n .cds--max\\:col-span-1 {\n --cds-grid-columns: 1;\n display: block;\n grid-column: span 1 / span 1;\n }\n .cds--max\\:col-span-2 {\n --cds-grid-columns: 2;\n display: block;\n grid-column: span 2 / span 2;\n }\n .cds--max\\:col-span-3 {\n --cds-grid-columns: 3;\n display: block;\n grid-column: span 3 / span 3;\n }\n .cds--max\\:col-span-4 {\n --cds-grid-columns: 4;\n display: block;\n grid-column: span 4 / span 4;\n }\n .cds--max\\:col-span-5 {\n --cds-grid-columns: 5;\n display: block;\n grid-column: span 5 / span 5;\n }\n .cds--max\\:col-span-6 {\n --cds-grid-columns: 6;\n display: block;\n grid-column: span 6 / span 6;\n }\n .cds--max\\:col-span-7 {\n --cds-grid-columns: 7;\n display: block;\n grid-column: span 7 / span 7;\n }\n .cds--max\\:col-span-8 {\n --cds-grid-columns: 8;\n display: block;\n grid-column: span 8 / span 8;\n }\n .cds--max\\:col-span-9 {\n --cds-grid-columns: 9;\n display: block;\n grid-column: span 9 / span 9;\n }\n .cds--max\\:col-span-10 {\n --cds-grid-columns: 10;\n display: block;\n grid-column: span 10 / span 10;\n }\n .cds--max\\:col-span-11 {\n --cds-grid-columns: 11;\n display: block;\n grid-column: span 11 / span 11;\n }\n .cds--max\\:col-span-12 {\n --cds-grid-columns: 12;\n display: block;\n grid-column: span 12 / span 12;\n }\n .cds--max\\:col-span-13 {\n --cds-grid-columns: 13;\n display: block;\n grid-column: span 13 / span 13;\n }\n .cds--max\\:col-span-14 {\n --cds-grid-columns: 14;\n display: block;\n grid-column: span 14 / span 14;\n }\n .cds--max\\:col-span-15 {\n --cds-grid-columns: 15;\n display: block;\n grid-column: span 15 / span 15;\n }\n .cds--max\\:col-span-16 {\n --cds-grid-columns: 16;\n display: block;\n grid-column: span 16 / span 16;\n }\n .cds--max\\:col-span-auto {\n grid-column: auto;\n }\n .cds--max\\:col-span-100 {\n grid-column: 1/-1;\n }\n .cds--max\\:col-span-75 {\n --cds-grid-columns: 12;\n grid-column: span 12 / span 12;\n }\n .cds--max\\:col-span-50 {\n --cds-grid-columns: 8;\n grid-column: span 8 / span 8;\n }\n .cds--max\\:col-span-25 {\n --cds-grid-columns: 4;\n grid-column: span 4 / span 4;\n }\n }\n .cds--col-span-auto {\n grid-column: auto;\n }\n .cds--col-span-100 {\n grid-column: 1/-1;\n }\n .cds--col-span-75 {\n --cds-grid-columns: 3;\n grid-column: span 3 / span 3;\n }\n @media (min-width: 42rem) {\n .cds--col-span-75 {\n --cds-grid-columns: 6;\n grid-column: span 6 / span 6;\n }\n }\n @media (min-width: 66rem) {\n .cds--col-span-75 {\n --cds-grid-columns: 12;\n grid-column: span 12 / span 12;\n }\n }\n .cds--col-span-50 {\n --cds-grid-columns: 2;\n grid-column: span 2 / span 2;\n }\n @media (min-width: 42rem) {\n .cds--col-span-50 {\n --cds-grid-columns: 4;\n grid-column: span 4 / span 4;\n }\n }\n @media (min-width: 66rem) {\n .cds--col-span-50 {\n --cds-grid-columns: 8;\n grid-column: span 8 / span 8;\n }\n }\n .cds--col-span-25 {\n --cds-grid-columns: 1;\n grid-column: span 1 / span 1;\n }\n .cds--col-start-1 {\n grid-column-start: 1;\n }\n .cds--col-start-2 {\n grid-column-start: 2;\n }\n .cds--col-start-3 {\n grid-column-start: 3;\n }\n .cds--col-start-4 {\n grid-column-start: 4;\n }\n .cds--col-start-5 {\n grid-column-start: 5;\n }\n .cds--col-start-6 {\n grid-column-start: 6;\n }\n .cds--col-start-7 {\n grid-column-start: 7;\n }\n .cds--col-start-8 {\n grid-column-start: 8;\n }\n .cds--col-start-9 {\n grid-column-start: 9;\n }\n .cds--col-start-10 {\n grid-column-start: 10;\n }\n .cds--col-start-11 {\n grid-column-start: 11;\n }\n .cds--col-start-12 {\n grid-column-start: 12;\n }\n .cds--col-start-13 {\n grid-column-start: 13;\n }\n .cds--col-start-14 {\n grid-column-start: 14;\n }\n .cds--col-start-15 {\n grid-column-start: 15;\n }\n .cds--col-start-16 {\n grid-column-start: 16;\n }\n .cds--col-end-2 {\n grid-column-end: 2;\n }\n .cds--col-end-3 {\n grid-column-end: 3;\n }\n .cds--col-end-4 {\n grid-column-end: 4;\n }\n .cds--col-end-5 {\n grid-column-end: 5;\n }\n .cds--col-end-6 {\n grid-column-end: 6;\n }\n .cds--col-end-7 {\n grid-column-end: 7;\n }\n .cds--col-end-8 {\n grid-column-end: 8;\n }\n .cds--col-end-9 {\n grid-column-end: 9;\n }\n .cds--col-end-10 {\n grid-column-end: 10;\n }\n .cds--col-end-11 {\n grid-column-end: 11;\n }\n .cds--col-end-12 {\n grid-column-end: 12;\n }\n .cds--col-end-13 {\n grid-column-end: 13;\n }\n .cds--col-end-14 {\n grid-column-end: 14;\n }\n .cds--col-end-15 {\n grid-column-end: 15;\n }\n .cds--col-end-16 {\n grid-column-end: 16;\n }\n .cds--col-end-17 {\n grid-column-end: 17;\n }\n .cds--col-start-auto {\n grid-column-start: auto;\n }\n .cds--col-end-auto {\n grid-column-end: auto;\n }\n .cds--sm\\:col-start-1 {\n grid-column-start: 1;\n }\n .cds--sm\\:col-start-2 {\n grid-column-start: 2;\n }\n .cds--sm\\:col-start-3 {\n grid-column-start: 3;\n }\n .cds--sm\\:col-start-4 {\n grid-column-start: 4;\n }\n .cds--sm\\:col-start-5 {\n grid-column-start: 5;\n }\n .cds--sm\\:col-start-6 {\n grid-column-start: 6;\n }\n .cds--sm\\:col-start-7 {\n grid-column-start: 7;\n }\n .cds--sm\\:col-start-8 {\n grid-column-start: 8;\n }\n .cds--sm\\:col-start-9 {\n grid-column-start: 9;\n }\n .cds--sm\\:col-start-10 {\n grid-column-start: 10;\n }\n .cds--sm\\:col-start-11 {\n grid-column-start: 11;\n }\n .cds--sm\\:col-start-12 {\n grid-column-start: 12;\n }\n .cds--sm\\:col-start-13 {\n grid-column-start: 13;\n }\n .cds--sm\\:col-start-14 {\n grid-column-start: 14;\n }\n .cds--sm\\:col-start-15 {\n grid-column-start: 15;\n }\n .cds--sm\\:col-start-16 {\n grid-column-start: 16;\n }\n .cds--sm\\:col-end-2 {\n grid-column-end: 2;\n }\n .cds--sm\\:col-end-3 {\n grid-column-end: 3;\n }\n .cds--sm\\:col-end-4 {\n grid-column-end: 4;\n }\n .cds--sm\\:col-end-5 {\n grid-column-end: 5;\n }\n .cds--sm\\:col-end-6 {\n grid-column-end: 6;\n }\n .cds--sm\\:col-end-7 {\n grid-column-end: 7;\n }\n .cds--sm\\:col-end-8 {\n grid-column-end: 8;\n }\n .cds--sm\\:col-end-9 {\n grid-column-end: 9;\n }\n .cds--sm\\:col-end-10 {\n grid-column-end: 10;\n }\n .cds--sm\\:col-end-11 {\n grid-column-end: 11;\n }\n .cds--sm\\:col-end-12 {\n grid-column-end: 12;\n }\n .cds--sm\\:col-end-13 {\n grid-column-end: 13;\n }\n .cds--sm\\:col-end-14 {\n grid-column-end: 14;\n }\n .cds--sm\\:col-end-15 {\n grid-column-end: 15;\n }\n .cds--sm\\:col-end-16 {\n grid-column-end: 16;\n }\n .cds--sm\\:col-end-17 {\n grid-column-end: 17;\n }\n .cds--sm\\:col-start-auto {\n grid-column-start: auto;\n }\n .cds--sm\\:col-end-auto {\n grid-column-end: auto;\n }\n @media (min-width: 42rem) {\n .cds--col-span-25 {\n --cds-grid-columns: 2;\n grid-column: span 2 / span 2;\n }\n .cds--md\\:col-start-1 {\n grid-column-start: 1;\n }\n .cds--md\\:col-start-2 {\n grid-column-start: 2;\n }\n .cds--md\\:col-start-3 {\n grid-column-start: 3;\n }\n .cds--md\\:col-start-4 {\n grid-column-start: 4;\n }\n .cds--md\\:col-start-5 {\n grid-column-start: 5;\n }\n .cds--md\\:col-start-6 {\n grid-column-start: 6;\n }\n .cds--md\\:col-start-7 {\n grid-column-start: 7;\n }\n .cds--md\\:col-start-8 {\n grid-column-start: 8;\n }\n .cds--md\\:col-start-9 {\n grid-column-start: 9;\n }\n .cds--md\\:col-start-10 {\n grid-column-start: 10;\n }\n .cds--md\\:col-start-11 {\n grid-column-start: 11;\n }\n .cds--md\\:col-start-12 {\n grid-column-start: 12;\n }\n .cds--md\\:col-start-13 {\n grid-column-start: 13;\n }\n .cds--md\\:col-start-14 {\n grid-column-start: 14;\n }\n .cds--md\\:col-start-15 {\n grid-column-start: 15;\n }\n .cds--md\\:col-start-16 {\n grid-column-start: 16;\n }\n .cds--md\\:col-end-2 {\n grid-column-end: 2;\n }\n .cds--md\\:col-end-3 {\n grid-column-end: 3;\n }\n .cds--md\\:col-end-4 {\n grid-column-end: 4;\n }\n .cds--md\\:col-end-5 {\n grid-column-end: 5;\n }\n .cds--md\\:col-end-6 {\n grid-column-end: 6;\n }\n .cds--md\\:col-end-7 {\n grid-column-end: 7;\n }\n .cds--md\\:col-end-8 {\n grid-column-end: 8;\n }\n .cds--md\\:col-end-9 {\n grid-column-end: 9;\n }\n .cds--md\\:col-end-10 {\n grid-column-end: 10;\n }\n .cds--md\\:col-end-11 {\n grid-column-end: 11;\n }\n .cds--md\\:col-end-12 {\n grid-column-end: 12;\n }\n .cds--md\\:col-end-13 {\n grid-column-end: 13;\n }\n .cds--md\\:col-end-14 {\n grid-column-end: 14;\n }\n .cds--md\\:col-end-15 {\n grid-column-end: 15;\n }\n .cds--md\\:col-end-16 {\n grid-column-end: 16;\n }\n .cds--md\\:col-end-17 {\n grid-column-end: 17;\n }\n .cds--md\\:col-start-auto {\n grid-column-start: auto;\n }\n .cds--md\\:col-end-auto {\n grid-column-end: auto;\n }\n }\n @media (min-width: 66rem) {\n .cds--col-span-25 {\n --cds-grid-columns: 4;\n grid-column: span 4 / span 4;\n }\n .cds--lg\\:col-start-1 {\n grid-column-start: 1;\n }\n .cds--lg\\:col-start-2 {\n grid-column-start: 2;\n }\n .cds--lg\\:col-start-3 {\n grid-column-start: 3;\n }\n .cds--lg\\:col-start-4 {\n grid-column-start: 4;\n }\n .cds--lg\\:col-start-5 {\n grid-column-start: 5;\n }\n .cds--lg\\:col-start-6 {\n grid-column-start: 6;\n }\n .cds--lg\\:col-start-7 {\n grid-column-start: 7;\n }\n .cds--lg\\:col-start-8 {\n grid-column-start: 8;\n }\n .cds--lg\\:col-start-9 {\n grid-column-start: 9;\n }\n .cds--lg\\:col-start-10 {\n grid-column-start: 10;\n }\n .cds--lg\\:col-start-11 {\n grid-column-start: 11;\n }\n .cds--lg\\:col-start-12 {\n grid-column-start: 12;\n }\n .cds--lg\\:col-start-13 {\n grid-column-start: 13;\n }\n .cds--lg\\:col-start-14 {\n grid-column-start: 14;\n }\n .cds--lg\\:col-start-15 {\n grid-column-start: 15;\n }\n .cds--lg\\:col-start-16 {\n grid-column-start: 16;\n }\n .cds--lg\\:col-end-2 {\n grid-column-end: 2;\n }\n .cds--lg\\:col-end-3 {\n grid-column-end: 3;\n }\n .cds--lg\\:col-end-4 {\n grid-column-end: 4;\n }\n .cds--lg\\:col-end-5 {\n grid-column-end: 5;\n }\n .cds--lg\\:col-end-6 {\n grid-column-end: 6;\n }\n .cds--lg\\:col-end-7 {\n grid-column-end: 7;\n }\n .cds--lg\\:col-end-8 {\n grid-column-end: 8;\n }\n .cds--lg\\:col-end-9 {\n grid-column-end: 9;\n }\n .cds--lg\\:col-end-10 {\n grid-column-end: 10;\n }\n .cds--lg\\:col-end-11 {\n grid-column-end: 11;\n }\n .cds--lg\\:col-end-12 {\n grid-column-end: 12;\n }\n .cds--lg\\:col-end-13 {\n grid-column-end: 13;\n }\n .cds--lg\\:col-end-14 {\n grid-column-end: 14;\n }\n .cds--lg\\:col-end-15 {\n grid-column-end: 15;\n }\n .cds--lg\\:col-end-16 {\n grid-column-end: 16;\n }\n .cds--lg\\:col-end-17 {\n grid-column-end: 17;\n }\n .cds--lg\\:col-start-auto {\n grid-column-start: auto;\n }\n .cds--lg\\:col-end-auto {\n grid-column-end: auto;\n }\n }\n .cds--layer-one,\n :root {\n --cds-layer: var(--cds-layer-01, #f4f4f4);\n --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field: var(--cds-field-01, #f4f4f4);\n --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);\n }\n .cds--layer-two {\n --cds-layer: var(--cds-layer-02, #ffffff);\n --cds-layer-active: var(--cds-layer-active-02, #c6c6c6);\n --cds-layer-hover: var(--cds-layer-hover-02, #e8e8e8);\n --cds-layer-selected: var(--cds-layer-selected-02, #e0e0e0);\n --cds-layer-selected-hover: var(--cds-layer-selected-hover-02, #d1d1d1);\n --cds-layer-accent: var(--cds-layer-accent-02, #e0e0e0);\n --cds-layer-accent-hover: var(--cds-layer-accent-hover-02, #d1d1d1);\n --cds-layer-accent-active: var(--cds-layer-accent-active-02, #a8a8a8);\n --cds-field: var(--cds-field-02, #ffffff);\n --cds-field-hover: var(--cds-field-hover-02, #e8e8e8);\n --cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);\n --cds-border-subtle-selected: var(--cds-border-subtle-selected-02, #c6c6c6);\n --cds-border-strong: var(--cds-border-strong-02, #8d8d8d);\n --cds-border-tile: var(--cds-border-tile-02, #a8a8a8);\n }\n .cds--layer-three {\n --cds-layer: var(--cds-layer-03, #f4f4f4);\n --cds-layer-active: var(--cds-layer-active-03, #c6c6c6);\n --cds-layer-hover: var(--cds-layer-hover-03, #e8e8e8);\n --cds-layer-selected: var(--cds-layer-selected-03, #e0e0e0);\n --cds-layer-selected-hover: var(--cds-layer-selected-hover-03, #d1d1d1);\n --cds-layer-accent: var(--cds-layer-accent-03, #e0e0e0);\n --cds-layer-accent-hover: var(--cds-layer-accent-hover-03, #d1d1d1);\n --cds-layer-accent-active: var(--cds-layer-accent-active-03, #a8a8a8);\n --cds-field: var(--cds-field-03, #f4f4f4);\n --cds-field-hover: var(--cds-field-hover-03, #e8e8e8);\n --cds-border-subtle: var(--cds-border-subtle-02, #e0e0e0);\n --cds-border-subtle-selected: var(--cds-border-subtle-selected-03, #c6c6c6);\n --cds-border-strong: var(--cds-border-strong-03, #8d8d8d);\n --cds-border-tile: var(--cds-border-tile-03, #c6c6c6);\n }\n .cds--g10,\n .cds--white {\n background: var(--cds-background);\n color: var(--cds-text-primary);\n --cds-background-active: rgba(141, 141, 141, 0.5);\n --cds-background-hover: rgba(141, 141, 141, 0.12);\n --cds-background-inverse: #393939;\n --cds-background-inverse-hover: #474747;\n --cds-background-selected: rgba(141, 141, 141, 0.2);\n --cds-border-disabled: #c6c6c6;\n --cds-border-interactive: #0f62fe;\n --cds-border-inverse: #161616;\n --cds-border-strong-02: #8d8d8d;\n --cds-border-strong-03: #8d8d8d;\n --cds-border-subtle-selected-01: #c6c6c6;\n --cds-border-subtle-selected-02: #c6c6c6;\n --cds-border-subtle-selected-03: #c6c6c6;\n --cds-field-hover-01: #e8e8e8;\n --cds-field-hover-02: #e8e8e8;\n --cds-field-hover-03: #e8e8e8;\n --cds-focus: #0f62fe;\n --cds-focus-inset: #ffffff;\n --cds-focus-inverse: #ffffff;\n --cds-highlight: #d0e2ff;\n --cds-icon-disabled: rgba(22, 22, 22, 0.25);\n --cds-icon-interactive: #0f62fe;\n --cds-icon-inverse: #ffffff;\n --cds-icon-on-color: #ffffff;\n --cds-icon-on-color-disabled: #8d8d8d;\n --cds-icon-primary: #161616;\n --cds-icon-secondary: #525252;\n --cds-interactive: #0f62fe;\n --cds-layer-accent-01: #e0e0e0;\n --cds-layer-accent-02: #e0e0e0;\n --cds-layer-accent-03: #e0e0e0;\n --cds-layer-accent-active-01: #a8a8a8;\n --cds-layer-accent-active-02: #a8a8a8;\n --cds-layer-accent-active-03: #a8a8a8;\n --cds-layer-accent-hover-01: #d1d1d1;\n --cds-layer-accent-hover-02: #d1d1d1;\n --cds-layer-accent-hover-03: #d1d1d1;\n --cds-layer-active-01: #c6c6c6;\n --cds-layer-active-02: #c6c6c6;\n --cds-layer-active-03: #c6c6c6;\n --cds-layer-hover-01: #e8e8e8;\n --cds-layer-hover-02: #e8e8e8;\n --cds-layer-hover-03: #e8e8e8;\n --cds-layer-selected-01: #e0e0e0;\n --cds-layer-selected-02: #e0e0e0;\n --cds-layer-selected-03: #e0e0e0;\n --cds-layer-selected-disabled: #8d8d8d;\n --cds-layer-selected-hover-01: #d1d1d1;\n --cds-layer-selected-hover-02: #d1d1d1;\n --cds-layer-selected-hover-03: #d1d1d1;\n --cds-layer-selected-inverse: #161616;\n --cds-link-inverse: #78a9ff;\n --cds-link-inverse-active: #f4f4f4;\n --cds-link-inverse-hover: #a6c8ff;\n --cds-link-primary: #0f62fe;\n --cds-link-primary-hover: #0043ce;\n --cds-link-secondary: #0043ce;\n --cds-link-visited: #8a3ffc;\n --cds-overlay: rgba(22, 22, 22, 0.5);\n --cds-shadow: rgba(0, 0, 0, 0.3);\n --cds-skeleton-background: #e8e8e8;\n --cds-skeleton-element: #c6c6c6;\n --cds-support-caution-major: #ff832b;\n --cds-support-caution-minor: #f1c21b;\n --cds-support-caution-undefined: #8a3ffc;\n --cds-support-error: #da1e28;\n --cds-support-error-inverse: #fa4d56;\n --cds-support-info: #0043ce;\n --cds-support-info-inverse: #4589ff;\n --cds-support-success: #24a148;\n --cds-support-success-inverse: #42be65;\n --cds-support-warning: #f1c21b;\n --cds-support-warning-inverse: #f1c21b;\n --cds-text-disabled: rgba(22, 22, 22, 0.25);\n --cds-text-error: #da1e28;\n --cds-text-helper: #6f6f6f;\n --cds-text-inverse: #ffffff;\n --cds-text-on-color: #ffffff;\n --cds-text-on-color-disabled: #8d8d8d;\n --cds-text-placeholder: rgba(22, 22, 22, 0.4);\n --cds-text-primary: #161616;\n --cds-text-secondary: #525252;\n --cds-layer: var(--cds-layer-01, #f4f4f4);\n --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field: var(--cds-field-01, #f4f4f4);\n --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);\n --cds-button-separator: #e0e0e0;\n --cds-button-primary: #0f62fe;\n --cds-button-secondary: #393939;\n --cds-button-tertiary: #0f62fe;\n --cds-button-danger-primary: #da1e28;\n --cds-button-danger-secondary: #da1e28;\n --cds-button-danger-active: #750e13;\n --cds-button-primary-active: #002d9c;\n --cds-button-secondary-active: #6f6f6f;\n --cds-button-tertiary-active: #002d9c;\n --cds-button-danger-hover: #b81921;\n --cds-button-primary-hover: #0050e6;\n --cds-button-secondary-hover: #474747;\n --cds-button-tertiary-hover: #0050e6;\n --cds-button-disabled: #c6c6c6;\n --cds-notification-background-error: #fff1f1;\n --cds-notification-background-success: #defbe6;\n --cds-notification-background-info: #edf5ff;\n --cds-notification-background-warning: #fdf6dd;\n --cds-notification-action-hover: #edf5ff;\n --cds-notification-action-tertiary-inverse: #ffffff;\n --cds-notification-action-tertiary-inverse-active: #c6c6c6;\n --cds-notification-action-tertiary-inverse-hover: #f4f4f4;\n --cds-notification-action-tertiary-inverse-text: #161616;\n --cds-notification-action-tertiary-inverse-text-on-color-disabled: rgba(\n 255,\n 255,\n 255,\n 0.2\n );\n --cds-tag-background-red: #ffd7d9;\n --cds-tag-color-red: #750e13;\n --cds-tag-hover-red: #ffb3b8;\n --cds-tag-background-magenta: #ffd6e8;\n --cds-tag-color-magenta: #740937;\n --cds-tag-hover-magenta: #ffafd2;\n --cds-tag-background-purple: #e8daff;\n --cds-tag-color-purple: #491d8b;\n --cds-tag-hover-purple: #d4bbff;\n --cds-tag-background-blue: #d0e2ff;\n --cds-tag-color-blue: #002d9c;\n --cds-tag-hover-blue: #a6c8ff;\n --cds-tag-background-cyan: #bae6ff;\n --cds-tag-color-cyan: #003a6d;\n --cds-tag-hover-cyan: #82cfff;\n --cds-tag-background-teal: #9ef0f0;\n --cds-tag-color-teal: #004144;\n --cds-tag-hover-teal: #3ddbd9;\n --cds-tag-background-green: #a7f0ba;\n --cds-tag-color-green: #044317;\n --cds-tag-hover-green: #6fdc8c;\n --cds-tag-background-gray: #e0e0e0;\n --cds-tag-color-gray: #393939;\n --cds-tag-hover-gray: #c6c6c6;\n --cds-tag-background-cool-gray: #dde1e6;\n --cds-tag-color-cool-gray: #343a3f;\n --cds-tag-hover-cool-gray: #c1c7cd;\n --cds-tag-background-warm-gray: #e5e0df;\n --cds-tag-color-warm-gray: #3c3838;\n --cds-tag-hover-warm-gray: #cac5c4;\n --cds-background-brand: #0f62fe;\n --cds-background-selected-hover: rgba(141, 141, 141, 0.32);\n --cds-border-strong-01: #8d8d8d;\n --cds-toggle-off: #8d8d8d;\n }\n .cds--white {\n --cds-background: #ffffff;\n --cds-border-subtle-00: #e0e0e0;\n --cds-border-subtle-01: #c6c6c6;\n --cds-border-subtle-02: #e0e0e0;\n --cds-border-subtle-03: #c6c6c6;\n --cds-border-tile-01: #c6c6c6;\n --cds-border-tile-02: #a8a8a8;\n --cds-border-tile-03: #c6c6c6;\n --cds-field-01: #f4f4f4;\n --cds-field-02: #ffffff;\n --cds-field-03: #f4f4f4;\n --cds-layer-01: #f4f4f4;\n --cds-layer-02: #ffffff;\n --cds-layer-03: #f4f4f4;\n }\n .cds--chart-holder[data-carbon-theme='g10'],\n .cds--g10,\n html[data-carbon-theme='g10'] {\n --cds-background: #f4f4f4;\n --cds-border-subtle-00: #c6c6c6;\n --cds-border-subtle-01: #e0e0e0;\n --cds-border-subtle-02: #c6c6c6;\n --cds-border-subtle-03: #e0e0e0;\n --cds-border-tile-01: #a8a8a8;\n --cds-border-tile-02: #c6c6c6;\n --cds-field-01: #ffffff;\n --cds-field-02: #f4f4f4;\n --cds-field-03: #ffffff;\n --cds-layer-01: #ffffff;\n --cds-layer-02: #f4f4f4;\n --cds-layer-03: #ffffff;\n --cds-border-tile-03: #a8a8a8;\n }\n .cds--g100,\n .cds--g90 {\n background: var(--cds-background);\n color: var(--cds-text-primary);\n --cds-background-active: rgba(141, 141, 141, 0.4);\n --cds-background-hover: rgba(141, 141, 141, 0.16);\n --cds-background-inverse: #f4f4f4;\n --cds-background-inverse-hover: #e8e8e8;\n --cds-background-selected: rgba(141, 141, 141, 0.24);\n --cds-border-disabled: rgba(141, 141, 141, 0.5);\n --cds-border-interactive: #4589ff;\n --cds-border-inverse: #f4f4f4;\n --cds-focus: #ffffff;\n --cds-focus-inset: #161616;\n --cds-focus-inverse: #0f62fe;\n --cds-icon-disabled: rgba(244, 244, 244, 0.25);\n --cds-icon-interactive: #ffffff;\n --cds-icon-inverse: #161616;\n --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);\n --cds-icon-primary: #f4f4f4;\n --cds-icon-secondary: #c6c6c6;\n --cds-interactive: #4589ff;\n --cds-layer-selected-disabled: #a8a8a8;\n --cds-layer-selected-inverse: #f4f4f4;\n --cds-link-inverse: #0f62fe;\n --cds-link-inverse-active: #161616;\n --cds-link-inverse-hover: #0043ce;\n --cds-link-primary: #78a9ff;\n --cds-link-primary-hover: #a6c8ff;\n --cds-link-secondary: #a6c8ff;\n --cds-link-visited: #be95ff;\n --cds-overlay: rgba(0, 0, 0, 0.65);\n --cds-shadow: rgba(0, 0, 0, 0.8);\n --cds-support-caution-undefined: #a56eff;\n --cds-support-error-inverse: #da1e28;\n --cds-support-info: #4589ff;\n --cds-support-info-inverse: #0043ce;\n --cds-support-success: #42be65;\n --cds-support-success-inverse: #24a148;\n --cds-text-disabled: rgba(244, 244, 244, 0.25);\n --cds-text-inverse: #161616;\n --cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);\n --cds-text-placeholder: rgba(244, 244, 244, 0.4);\n --cds-text-primary: #f4f4f4;\n --cds-text-secondary: #c6c6c6;\n --cds-button-separator: #161616;\n --cds-button-secondary: #6f6f6f;\n --cds-button-tertiary: #ffffff;\n --cds-button-secondary-active: #393939;\n --cds-button-tertiary-active: #c6c6c6;\n --cds-button-secondary-hover: #5e5e5e;\n --cds-button-tertiary-hover: #f4f4f4;\n --cds-button-disabled: rgba(141, 141, 141, 0.3);\n --cds-notification-action-tertiary-inverse: #0f62fe;\n --cds-notification-action-tertiary-inverse-active: #002d9c;\n --cds-notification-action-tertiary-inverse-hover: #0050e6;\n --cds-notification-action-tertiary-inverse-text: #ffffff;\n --cds-notification-action-tertiary-inverse-text-on-color-disabled: #8d8d8d;\n --cds-tag-background-red: #a2191f;\n --cds-tag-color-red: #ffd7d9;\n --cds-tag-hover-red: #c21e25;\n --cds-tag-background-magenta: #9f1853;\n --cds-tag-color-magenta: #ffd6e8;\n --cds-tag-hover-magenta: #bf1d63;\n --cds-tag-background-purple: #6929c4;\n --cds-tag-color-purple: #e8daff;\n --cds-tag-hover-purple: #7c3dd6;\n --cds-tag-background-blue: #0043ce;\n --cds-tag-color-blue: #d0e2ff;\n --cds-tag-hover-blue: #0053ff;\n --cds-tag-background-cyan: #00539a;\n --cds-tag-color-cyan: #bae6ff;\n --cds-tag-hover-cyan: #0066bd;\n --cds-tag-background-teal: #005d5d;\n --cds-tag-color-teal: #9ef0f0;\n --cds-tag-hover-teal: #007070;\n --cds-tag-background-green: #0e6027;\n --cds-tag-color-green: #a7f0ba;\n --cds-tag-hover-green: #11742f;\n --cds-tag-background-gray: #525252;\n --cds-tag-color-gray: #e0e0e0;\n --cds-tag-hover-gray: #636363;\n --cds-tag-background-cool-gray: #4d5358;\n --cds-tag-color-cool-gray: #dde1e6;\n --cds-tag-hover-cool-gray: #5d646a;\n --cds-tag-background-warm-gray: #565151;\n --cds-tag-color-warm-gray: #e5e0df;\n --cds-tag-hover-warm-gray: #696363;\n }\n .cds--g90 {\n --cds-background: #262626;\n --cds-background-brand: #0f62fe;\n --cds-background-selected-hover: rgba(141, 141, 141, 0.32);\n --cds-border-strong-01: #8d8d8d;\n --cds-border-strong-02: #a8a8a8;\n --cds-border-strong-03: #c6c6c6;\n --cds-border-subtle-00: #525252;\n --cds-border-subtle-01: #525252;\n --cds-border-subtle-02: #6f6f6f;\n --cds-border-subtle-03: #8d8d8d;\n --cds-border-subtle-selected-01: #6f6f6f;\n --cds-border-subtle-selected-02: #8d8d8d;\n --cds-border-subtle-selected-03: #a8a8a8;\n --cds-border-tile-01: #6f6f6f;\n --cds-border-tile-02: #8d8d8d;\n --cds-border-tile-03: #a8a8a8;\n --cds-field-01: #393939;\n --cds-field-02: #525252;\n --cds-field-03: #6f6f6f;\n --cds-field-hover-01: #474747;\n --cds-field-hover-02: #636363;\n --cds-field-hover-03: #5e5e5e;\n --cds-highlight: #0043ce;\n --cds-icon-on-color: #ffffff;\n --cds-layer-01: #393939;\n --cds-layer-02: #525252;\n --cds-layer-03: #6f6f6f;\n --cds-layer-accent-01: #525252;\n --cds-layer-accent-02: #6f6f6f;\n --cds-layer-accent-03: #8d8d8d;\n --cds-layer-accent-active-01: #8d8d8d;\n --cds-layer-accent-active-02: #393939;\n --cds-layer-accent-active-03: #525252;\n --cds-layer-accent-hover-01: #636363;\n --cds-layer-accent-hover-02: #5e5e5e;\n --cds-layer-accent-hover-03: #7a7a7a;\n --cds-layer-active-01: #6f6f6f;\n --cds-layer-active-02: #8d8d8d;\n --cds-layer-active-03: #393939;\n --cds-layer-hover-01: #474747;\n --cds-layer-hover-02: #636363;\n --cds-layer-hover-03: #5e5e5e;\n --cds-layer-selected-01: #525252;\n --cds-layer-selected-02: #6f6f6f;\n --cds-layer-selected-03: #525252;\n --cds-layer-selected-hover-01: #636363;\n --cds-layer-selected-hover-02: #5e5e5e;\n --cds-layer-selected-hover-03: #636363;\n --cds-skeleton-background: #333333;\n --cds-skeleton-element: #525252;\n --cds-support-caution-major: #ff832b;\n --cds-support-caution-minor: #f1c21b;\n --cds-support-error: #ff8389;\n --cds-support-warning: #f1c21b;\n --cds-support-warning-inverse: #f1c21b;\n --cds-text-error: #ffb3b8;\n --cds-text-helper: #c6c6c6;\n --cds-text-on-color: #ffffff;\n --cds-toggle-off: #8d8d8d;\n --cds-layer: var(--cds-layer-01, #f4f4f4);\n --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field: var(--cds-field-01, #f4f4f4);\n --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);\n --cds-button-primary: #0f62fe;\n --cds-button-danger-primary: #da1e28;\n --cds-button-danger-secondary: #ff8389;\n --cds-button-danger-active: #750e13;\n --cds-button-primary-active: #002d9c;\n --cds-button-danger-hover: #b81921;\n --cds-button-primary-hover: #0050e6;\n --cds-notification-background-error: #393939;\n --cds-notification-background-success: #393939;\n --cds-notification-background-info: #393939;\n --cds-notification-background-warning: #393939;\n }\n .cds--chart-holder,\n .cds--chart-holder[data-carbon-theme='g10'],\n .cds--g100,\n html[data-carbon-theme='g10'] {\n --cds-border-strong-02: #8d8d8d;\n --cds-layer: var(--cds-layer-01, #f4f4f4);\n --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field: var(--cds-field-01, #f4f4f4);\n --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);\n --cds-background-brand: #0f62fe;\n --cds-background-selected-hover: rgba(141, 141, 141, 0.32);\n --cds-icon-on-color: #ffffff;\n --cds-support-caution-major: #ff832b;\n --cds-support-caution-minor: #f1c21b;\n --cds-support-warning: #f1c21b;\n --cds-support-warning-inverse: #f1c21b;\n --cds-text-on-color: #ffffff;\n --cds-button-primary: #0f62fe;\n --cds-button-danger-primary: #da1e28;\n --cds-button-danger-active: #750e13;\n --cds-button-primary-active: #002d9c;\n --cds-button-danger-hover: #b81921;\n --cds-button-primary-hover: #0050e6;\n }\n .cds--g100 {\n --cds-background: #161616;\n --cds-border-strong-01: #6f6f6f;\n --cds-border-strong-03: #a8a8a8;\n --cds-border-subtle-00: #393939;\n --cds-border-subtle-01: #393939;\n --cds-border-subtle-02: #525252;\n --cds-border-subtle-03: #6f6f6f;\n --cds-border-subtle-selected-01: #525252;\n --cds-border-subtle-selected-02: #6f6f6f;\n --cds-border-subtle-selected-03: #8d8d8d;\n --cds-border-tile-01: #525252;\n --cds-border-tile-02: #6f6f6f;\n --cds-border-tile-03: #8d8d8d;\n --cds-field-01: #262626;\n --cds-field-02: #393939;\n --cds-field-03: #525252;\n --cds-field-hover-01: #333333;\n --cds-field-hover-02: #474747;\n --cds-field-hover-03: #636363;\n --cds-highlight: #002d9c;\n --cds-layer-01: #262626;\n --cds-layer-02: #393939;\n --cds-layer-03: #525252;\n --cds-layer-accent-01: #393939;\n --cds-layer-accent-02: #525252;\n --cds-layer-accent-03: #6f6f6f;\n --cds-layer-accent-active-01: #6f6f6f;\n --cds-layer-accent-active-02: #8d8d8d;\n --cds-layer-accent-active-03: #393939;\n --cds-layer-accent-hover-01: #474747;\n --cds-layer-accent-hover-02: #636363;\n --cds-layer-accent-hover-03: #5e5e5e;\n --cds-layer-active-01: #525252;\n --cds-layer-active-02: #6f6f6f;\n --cds-layer-active-03: #8d8d8d;\n --cds-layer-hover-01: #333333;\n --cds-layer-hover-02: #474747;\n --cds-layer-hover-03: #636363;\n --cds-layer-selected-01: #393939;\n --cds-layer-selected-02: #525252;\n --cds-layer-selected-03: #6f6f6f;\n --cds-layer-selected-hover-01: #474747;\n --cds-layer-selected-hover-02: #636363;\n --cds-layer-selected-hover-03: #5e5e5e;\n --cds-skeleton-background: #292929;\n --cds-skeleton-element: #393939;\n --cds-support-error: #fa4d56;\n --cds-text-error: #ff8389;\n --cds-text-helper: #a8a8a8;\n --cds-toggle-off: #6f6f6f;\n --cds-button-danger-secondary: #fa4d56;\n --cds-notification-background-error: #262626;\n --cds-notification-background-success: #262626;\n --cds-notification-background-info: #262626;\n --cds-notification-background-warning: #262626;\n }\n .cds--chart-holder,\n html {\n --cds-background: #ffffff;\n --cds-border-subtle-00: #e0e0e0;\n --cds-border-subtle-01: #c6c6c6;\n --cds-border-subtle-02: #e0e0e0;\n --cds-border-subtle-03: #c6c6c6;\n --cds-border-tile-01: #c6c6c6;\n --cds-border-tile-02: #a8a8a8;\n --cds-border-tile-03: #c6c6c6;\n --cds-field-01: #f4f4f4;\n --cds-field-02: #ffffff;\n --cds-field-03: #f4f4f4;\n --cds-layer-01: #f4f4f4;\n --cds-layer-02: #ffffff;\n --cds-layer-03: #f4f4f4;\n }\n .cds--chart-holder,\n .cds--chart-holder[data-carbon-theme='g10'],\n html,\n html[data-carbon-theme='g10'] {\n --cds-background-active: rgba(141, 141, 141, 0.5);\n --cds-background-hover: rgba(141, 141, 141, 0.12);\n --cds-background-inverse: #393939;\n --cds-background-inverse-hover: #474747;\n --cds-background-selected: rgba(141, 141, 141, 0.2);\n --cds-border-disabled: #c6c6c6;\n --cds-border-interactive: #0f62fe;\n --cds-border-inverse: #161616;\n --cds-border-strong-01: #8d8d8d;\n --cds-border-strong-03: #8d8d8d;\n --cds-border-subtle-selected-01: #c6c6c6;\n --cds-border-subtle-selected-02: #c6c6c6;\n --cds-border-subtle-selected-03: #c6c6c6;\n --cds-field-hover-01: #e8e8e8;\n --cds-field-hover-02: #e8e8e8;\n --cds-field-hover-03: #e8e8e8;\n --cds-focus: #0f62fe;\n --cds-focus-inset: #ffffff;\n --cds-focus-inverse: #ffffff;\n --cds-highlight: #d0e2ff;\n --cds-icon-disabled: rgba(22, 22, 22, 0.25);\n --cds-icon-interactive: #0f62fe;\n --cds-icon-inverse: #ffffff;\n --cds-icon-on-color-disabled: #8d8d8d;\n --cds-icon-primary: #161616;\n --cds-icon-secondary: #525252;\n --cds-interactive: #0f62fe;\n --cds-layer-accent-01: #e0e0e0;\n --cds-layer-accent-02: #e0e0e0;\n --cds-layer-accent-03: #e0e0e0;\n --cds-layer-accent-active-01: #a8a8a8;\n --cds-layer-accent-active-02: #a8a8a8;\n --cds-layer-accent-active-03: #a8a8a8;\n --cds-layer-accent-hover-01: #d1d1d1;\n --cds-layer-accent-hover-02: #d1d1d1;\n --cds-layer-accent-hover-03: #d1d1d1;\n --cds-layer-active-01: #c6c6c6;\n --cds-layer-active-02: #c6c6c6;\n --cds-layer-active-03: #c6c6c6;\n --cds-layer-hover-01: #e8e8e8;\n --cds-layer-hover-02: #e8e8e8;\n --cds-layer-hover-03: #e8e8e8;\n --cds-layer-selected-01: #e0e0e0;\n --cds-layer-selected-02: #e0e0e0;\n --cds-layer-selected-03: #e0e0e0;\n --cds-layer-selected-disabled: #8d8d8d;\n --cds-layer-selected-hover-01: #d1d1d1;\n --cds-layer-selected-hover-02: #d1d1d1;\n --cds-layer-selected-hover-03: #d1d1d1;\n --cds-layer-selected-inverse: #161616;\n --cds-link-inverse: #78a9ff;\n --cds-link-inverse-active: #f4f4f4;\n --cds-link-inverse-hover: #a6c8ff;\n --cds-link-primary: #0f62fe;\n --cds-link-primary-hover: #0043ce;\n --cds-link-secondary: #0043ce;\n --cds-link-visited: #8a3ffc;\n --cds-overlay: rgba(22, 22, 22, 0.5);\n --cds-shadow: rgba(0, 0, 0, 0.3);\n --cds-skeleton-background: #e8e8e8;\n --cds-skeleton-element: #c6c6c6;\n --cds-support-caution-undefined: #8a3ffc;\n --cds-support-error: #da1e28;\n --cds-support-error-inverse: #fa4d56;\n --cds-support-info: #0043ce;\n --cds-support-info-inverse: #4589ff;\n --cds-support-success: #24a148;\n --cds-support-success-inverse: #42be65;\n --cds-text-disabled: rgba(22, 22, 22, 0.25);\n --cds-text-error: #da1e28;\n --cds-text-helper: #6f6f6f;\n --cds-text-inverse: #ffffff;\n --cds-text-on-color-disabled: #8d8d8d;\n --cds-text-placeholder: rgba(22, 22, 22, 0.4);\n --cds-text-primary: #161616;\n --cds-text-secondary: #525252;\n --cds-toggle-off: #8d8d8d;\n --cds-button-separator: #e0e0e0;\n --cds-button-secondary: #393939;\n --cds-button-tertiary: #0f62fe;\n --cds-button-danger-secondary: #da1e28;\n --cds-button-secondary-active: #6f6f6f;\n --cds-button-tertiary-active: #002d9c;\n --cds-button-secondary-hover: #474747;\n --cds-button-tertiary-hover: #0050e6;\n --cds-button-disabled: #c6c6c6;\n --cds-tag-background-red: #ffd7d9;\n --cds-tag-color-red: #750e13;\n --cds-tag-hover-red: #ffb3b8;\n --cds-tag-background-magenta: #ffd6e8;\n --cds-tag-color-magenta: #740937;\n --cds-tag-hover-magenta: #ffafd2;\n --cds-tag-background-purple: #e8daff;\n --cds-tag-color-purple: #491d8b;\n --cds-tag-hover-purple: #d4bbff;\n --cds-tag-background-blue: #d0e2ff;\n --cds-tag-color-blue: #002d9c;\n --cds-tag-hover-blue: #a6c8ff;\n --cds-tag-background-cyan: #bae6ff;\n --cds-tag-color-cyan: #003a6d;\n --cds-tag-hover-cyan: #82cfff;\n --cds-tag-background-teal: #9ef0f0;\n --cds-tag-color-teal: #004144;\n --cds-tag-hover-teal: #3ddbd9;\n --cds-tag-background-green: #a7f0ba;\n --cds-tag-color-green: #044317;\n --cds-tag-hover-green: #6fdc8c;\n --cds-tag-background-gray: #e0e0e0;\n --cds-tag-color-gray: #393939;\n --cds-tag-hover-gray: #c6c6c6;\n --cds-tag-background-cool-gray: #dde1e6;\n --cds-tag-color-cool-gray: #343a3f;\n --cds-tag-hover-cool-gray: #c1c7cd;\n --cds-tag-background-warm-gray: #e5e0df;\n --cds-tag-color-warm-gray: #3c3838;\n --cds-tag-hover-warm-gray: #cac5c4;\n --cds-notification-background-error: #fff1f1;\n --cds-notification-background-success: #defbe6;\n --cds-notification-background-info: #edf5ff;\n --cds-notification-background-warning: #fdf6dd;\n --cds-notification-action-hover: #edf5ff;\n --cds-notification-action-tertiary-inverse: #ffffff;\n --cds-notification-action-tertiary-inverse-active: #c6c6c6;\n --cds-notification-action-tertiary-inverse-hover: #f4f4f4;\n --cds-notification-action-tertiary-inverse-text: #161616;\n --cds-notification-action-tertiary-inverse-text-on-color-disabled: rgba(\n 255,\n 255,\n 255,\n 0.2\n );\n --cds-color-scheme: light;\n --cds-alert-stroke: #b28600;\n --cds-layer-01-absolute: #ffffff;\n --cds-layer-inverse-absolute: #000000;\n --cds-grid-bg: #ffffff;\n --cds-meter-range-indicator: #a8a8a8;\n --cds-network-diagrams-background-hover: #f1f1f1;\n --cds-tooltip-line-border: #e0e0e0;\n --cds-zone-fill-01: #f4f4f4;\n --cds-zone-stroke-01: #8d8d8d;\n --cds-zone-fill-02: #e0e0e0;\n --cds-zone-stroke-02: #8d8d8d;\n --cds-zone-fill-03: #c6c6c6;\n --cds-zone-stroke-03: #8d8d8d;\n }\n .cds--accordion--flush .cds--accordion__title {\n margin-left: 0;\n }\n .cds--accordion--flush .cds--accordion__arrow {\n margin-right: 0;\n }\n .cds--accordion--flush .cds--accordion__content {\n padding-left: 0;\n }\n .cds--accordion--flush:not(.cds--skeleton)\n .cds--accordion__heading:focus::before,\n .cds--accordion--flush:not(.cds--skeleton)\n .cds--accordion__heading:hover::before {\n left: -1rem;\n width: calc(100% + 32px);\n }\n .cds--accordion {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n }\n .cds--accordion *,\n .cds--accordion ::after,\n .cds--accordion ::before {\n box-sizing: inherit;\n }\n .cds--accordion__item {\n display: list-item;\n overflow: visible;\n border-top: 1px solid var(--cds-border-subtle);\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--accordion__item:last-child {\n border-bottom: 1px solid var(--cds-border-subtle);\n }\n .cds--accordion__heading {\n box-sizing: border-box;\n padding: 0.625rem 0;\n border: 0;\n display: inline-block;\n appearance: none;\n background: 0 0;\n text-align: start;\n position: relative;\n display: flex;\n min-height: 2.5rem;\n flex-direction: row-reverse;\n align-items: flex-start;\n justify-content: flex-start;\n color: var(--cds-text-primary, #161616);\n cursor: pointer;\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--accordion__content > p,\n .cds--accordion__title {\n font-size: var(--cds-body-01-font-size, 0.875rem);\n font-weight: var(--cds-body-01-font-weight, 400);\n line-height: var(--cds-body-01-line-height, 1.42857);\n letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n }\n .cds--accordion__heading *,\n .cds--accordion__heading ::after,\n .cds--accordion__heading ::before {\n box-sizing: inherit;\n }\n .cds--accordion__heading::-moz-focus-inner {\n border: 0;\n }\n .cds--accordion__heading:focus::before,\n .cds--accordion__heading:hover::before {\n position: absolute;\n top: -1px;\n left: 0;\n width: 100%;\n height: calc(100% + 2px);\n content: '';\n }\n .cds--accordion__heading:hover::before {\n background-color: var(--cds-layer-hover);\n }\n .cds--accordion__heading:focus {\n outline: 0;\n }\n .cds--accordion__heading:focus::before {\n box-sizing: border-box;\n border: 2px solid var(--cds-focus, #0f62fe);\n }\n @media screen and (prefers-contrast) {\n .cds--accordion__heading:focus::before {\n border-style: dotted;\n }\n }\n .cds--accordion--lg .cds--accordion__heading {\n min-height: 3rem;\n align-items: center;\n }\n .cds--accordion--sm .cds--accordion__heading {\n min-height: 2rem;\n padding: 0.3125rem 0;\n }\n .cds--accordion__heading[disabled] {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--accordion__heading[disabled] .cds--accordion__arrow {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--accordion.cds--skeleton .cds--accordion__arrow,\n .cds--accordion__arrow,\n .cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,\n .cds--btn--ghost.cds--btn--icon-only\n .cds--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .cds--btn--ghost:not([disabled]) svg {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--accordion__item--disabled,\n .cds--accordion__item--disabled + .cds--accordion__item {\n border-top: 1px solid var(--cds-border-subtle);\n }\n li.cds--accordion__item--disabled:last-of-type {\n border-bottom: 1px solid var(--cds-border-subtle);\n }\n .cds--accordion__arrow {\n outline: transparent solid 2px;\n outline-offset: -2px;\n width: 1rem;\n height: 1rem;\n flex: 0 0 1rem;\n margin: 2px 1rem 0 0;\n transform: rotate(-270deg);\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--accordion__title {\n z-index: 1;\n width: 100%;\n padding-right: 1rem;\n margin: 0 0 0 1rem;\n text-align: left;\n }\n .cds--accordion__content {\n display: none;\n padding-right: 1rem;\n padding-left: 1rem;\n transition: padding 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n @media (min-width: 480px) {\n .cds--accordion__content {\n padding-right: 3rem;\n }\n }\n @media (min-width: 640px) {\n .cds--accordion__content {\n padding-right: 25%;\n }\n }\n .cds--breadcrumb html,\n .cds--link {\n font-size: 100%;\n }\n .cds--accordion--start .cds--accordion__heading {\n flex-direction: row;\n }\n .cds--accordion--start .cds--accordion__arrow {\n margin: 2px 0 0 1rem;\n }\n .cds--accordion--start .cds--accordion__title {\n margin-right: 1rem;\n }\n .cds--accordion--start .cds--accordion__content {\n margin-left: 2rem;\n }\n .cds--accordion__item--collapsing .cds--accordion__content,\n .cds--accordion__item--expanding .cds--accordion__content {\n display: block;\n }\n @keyframes collapse-accordion {\n 0% {\n height: 100%;\n opacity: 1;\n visibility: inherit;\n }\n 100% {\n height: 0;\n opacity: 0;\n visibility: hidden;\n }\n }\n @keyframes expand-accordion {\n 0% {\n height: 0;\n opacity: 0;\n visibility: hidden;\n }\n 100% {\n height: 100%;\n opacity: 1;\n visibility: inherit;\n }\n }\n .cds--accordion__item--collapsing .cds--accordion__content {\n animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) collapse-accordion;\n }\n .cds--accordion__item--expanding .cds--accordion__content {\n animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) expand-accordion;\n }\n .cds--accordion__item--active {\n overflow: visible;\n }\n .cds--accordion__item--active .cds--accordion__content {\n display: block;\n padding-top: 0.5rem;\n padding-bottom: 1.5rem;\n transition:\n padding-top 110ms cubic-bezier(0, 0, 0.38, 0.9),\n padding-bottom 110ms cubic-bezier(0, 0, 0.38, 0.9);\n }\n .cds--accordion__item--active .cds--accordion__arrow {\n fill: var(--cds-icon-primary, #161616);\n transform: rotate(-90deg);\n }\n .cds--accordion.cds--skeleton .cds--accordion__button,\n .cds--accordion.cds--skeleton .cds--accordion__heading {\n cursor: default;\n }\n .cds--accordion.cds--skeleton .cds--accordion__arrow {\n cursor: default;\n pointer-events: none;\n }\n .cds--accordion.cds--skeleton .cds--accordion__arrow:active,\n .cds--accordion.cds--skeleton .cds--accordion__arrow:focus,\n .cds--accordion.cds--skeleton .cds--accordion__arrow:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--accordion--end.cds--skeleton .cds--accordion__arrow {\n margin-left: 1rem;\n }\n .cds--skeleton .cds--accordion__heading:focus .cds--accordion__arrow {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--accordion__title.cds--skeleton__text {\n margin-bottom: 0;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--accordion__arrow,\n .cds--accordion__item--active .cds--accordion__arrow {\n fill: ButtonText;\n }\n }\n .cds--aspect-ratio {\n position: relative;\n }\n .cds--aspect-ratio::before {\n width: 1px;\n height: 0;\n margin-left: -1px;\n content: '';\n float: left;\n }\n .cds--aspect-ratio::after {\n display: table;\n clear: both;\n content: '';\n }\n .cds--aspect-ratio--16x9::before {\n padding-top: 56.25%;\n }\n .cds--aspect-ratio--9x16::before {\n padding-top: 177.7777777778%;\n }\n .cds--aspect-ratio--2x1::before {\n padding-top: 50%;\n }\n .cds--aspect-ratio--1x2::before {\n padding-top: 200%;\n }\n .cds--aspect-ratio--4x3::before {\n padding-top: 75%;\n }\n .cds--aspect-ratio--3x4::before {\n padding-top: 133.3333333333%;\n }\n .cds--aspect-ratio--3x2::before {\n padding-top: 66.6666666667%;\n }\n .cds--aspect-ratio--2x3::before {\n padding-top: 150%;\n }\n .cds--aspect-ratio--1x1::before {\n padding-top: 100%;\n }\n @keyframes hide-feedback {\n 0% {\n opacity: 1;\n visibility: inherit;\n }\n 100% {\n opacity: 0;\n visibility: hidden;\n }\n }\n @keyframes show-feedback {\n 0% {\n opacity: 0;\n visibility: hidden;\n }\n 100% {\n opacity: 1;\n visibility: inherit;\n }\n }\n @keyframes skeleton {\n 0%,\n 100% {\n opacity: 0.3;\n transform: scaleX(0);\n transform-origin: left;\n }\n 20% {\n opacity: 1;\n transform: scaleX(1);\n transform-origin: left;\n }\n 28%,\n 82% {\n transform: scaleX(1);\n transform-origin: right;\n }\n 51%,\n 58% {\n transform: scaleX(0);\n transform-origin: right;\n }\n 83% {\n transform: scaleX(1);\n transform-origin: left;\n }\n 96% {\n transform: scaleX(0);\n transform-origin: left;\n }\n }\n .cds--breadcrumb {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n display: inline;\n }\n .cds--breadcrumb body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--breadcrumb code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--breadcrumb strong {\n font-weight: 600;\n }\n @media (min-width: 42rem) {\n .cds--breadcrumb {\n display: flex;\n flex-wrap: wrap;\n }\n }\n .cds--breadcrumb-item {\n position: relative;\n display: flex;\n align-items: center;\n margin-right: 0.5rem;\n }\n .cds--btn,\n .cds--link,\n .cds--link__icon {\n display: inline-flex;\n }\n .cds--breadcrumb-item .cds--link:visited {\n color: var(--cds-link-primary, #0f62fe);\n }\n .cds--breadcrumb-item .cds--link:visited:hover {\n color: var(--cds-link-primary-hover, #0043ce);\n }\n .cds--breadcrumb-item::after {\n margin-left: 0.5rem;\n color: var(--cds-text-primary, #161616);\n content: '/';\n }\n .cds--link,\n .cds--link--disabled,\n .cds--link--disabled:hover {\n margin: 0;\n vertical-align: baseline;\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n border: 0;\n padding: 0;\n font-family: inherit;\n }\n .cds--breadcrumb--no-trailing-slash .cds--breadcrumb-item:last-child::after {\n content: '';\n }\n .cds--breadcrumb-item:last-child,\n .cds--breadcrumb-item:last-child::after {\n margin-right: 0;\n }\n .cds--breadcrumb-item [aria-current='page'],\n .cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link {\n color: var(--cds-text-primary, #161616);\n cursor: auto;\n }\n .cds--breadcrumb-item .cds--overflow-menu {\n position: relative;\n width: 1.25rem;\n height: 1.125rem;\n }\n .cds--breadcrumb-item .cds--overflow-menu:focus {\n outline: 1px solid var(--cds-focus, #0f62fe);\n }\n .cds--breadcrumb-item .cds--overflow-menu:hover {\n background: 0 0;\n }\n .cds--breadcrumb-item .cds--overflow-menu::after {\n position: absolute;\n bottom: 2px;\n width: 0.75rem;\n height: 1px;\n background: var(--cds-link-primary-hover, #0043ce);\n content: '';\n opacity: 0;\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n @media screen and (prefers-reduced-motion: reduce) {\n .cds--breadcrumb-item .cds--overflow-menu::after {\n transition: none;\n }\n }\n .cds--breadcrumb-item .cds--overflow-menu:hover::after {\n opacity: 1;\n }\n .cds--breadcrumb-item .cds--overflow-menu.cds--overflow-menu--open {\n background: 0 0;\n box-shadow: none;\n }\n .cds--breadcrumb-item .cds--overflow-menu__icon {\n position: relative;\n fill: var(--cds-link-primary, #0f62fe);\n transform: translateY(4px);\n }\n .cds--btn--danger .cds--btn__icon,\n .cds--btn--danger\n .cds--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .cds--btn--danger--ghost .cds--btn__icon,\n .cds--btn--danger--ghost\n .cds--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .cds--btn--danger--tertiary .cds--btn__icon,\n .cds--btn--danger--tertiary\n .cds--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .cds--btn--ghost .cds--btn__icon,\n .cds--btn--ghost\n .cds--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .cds--btn--primary .cds--btn__icon,\n .cds--btn--primary\n .cds--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .cds--btn--secondary .cds--btn__icon,\n .cds--btn--secondary\n .cds--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .cds--btn--tertiary .cds--btn__icon,\n .cds--btn--tertiary\n .cds--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .cds--tag__close-icon svg,\n .cds--tag__custom-icon svg {\n fill: currentColor;\n }\n .cds--breadcrumb-item .cds--overflow-menu:hover .cds--overflow-menu__icon {\n fill: var(--cds-link-primary-hover, #0043ce);\n }\n .cds--breadcrumb-menu-options:focus {\n outline: 0;\n }\n .cds--breadcrumb-menu-options.cds--overflow-menu-options::after {\n top: -0.4375rem;\n left: 0.875rem;\n width: 0;\n height: 0;\n border-right: 0.4375rem solid transparent;\n border-bottom: 0.4375rem solid var(--cds-field);\n border-left: 0.4375rem solid transparent;\n margin: 0 auto;\n background: 0 0;\n }\n .cds--breadcrumb.cds--skeleton .cds--link {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n width: 6.25rem;\n height: 1rem;\n }\n .cds--breadcrumb.cds--skeleton .cds--link:active,\n .cds--breadcrumb.cds--skeleton .cds--link:focus,\n .cds--breadcrumb.cds--skeleton .cds--link:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--label + .cds--tooltip .cds--tooltip__trigger:focus,\n .cds--link:focus {\n outline: 1px solid var(--cds-focus, #0f62fe);\n }\n .cds--breadcrumb.cds--skeleton .cds--link::before {\n position: absolute;\n width: 100%;\n height: 100%;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n }\n .cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only {\n min-height: 1.125rem;\n padding-right: 0;\n padding-left: 0;\n }\n .cds--link {\n box-sizing: border-box;\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));\n outline: 0;\n transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--link *,\n .cds--link ::after,\n .cds--link ::before {\n box-sizing: inherit;\n }\n .cds--link:hover {\n color: var(\n --cds-link-hover-text-color,\n var(--cds-link-primary-hover, #0043ce)\n );\n text-decoration: underline;\n }\n .cds--link:active,\n .cds--link:active:visited,\n .cds--link:active:visited:hover {\n color: var(--cds-text-primary, #161616);\n text-decoration: underline;\n }\n .cds--link.cds--link--visited:visited:hover,\n .cds--link:visited:hover {\n color: var(--cds-link-primary-hover, #0043ce);\n }\n .cds--link:focus {\n outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));\n }\n @media screen and (prefers-contrast) {\n .cds--link:focus {\n outline-style: dotted;\n }\n }\n .cds--link:visited {\n color: var(--cds-link-primary, #0f62fe);\n }\n .cds--link--disabled,\n .cds--link--disabled:hover {\n box-sizing: border-box;\n font-size: 100%;\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n font-weight: 400;\n text-decoration: none;\n }\n .cds--btn--danger--ghost .cds--btn__icon,\n .cds--btn--ghost .cds--btn__icon {\n margin-left: 0.5rem;\n position: static;\n }\n .cds--link--disabled *,\n .cds--link--disabled ::after,\n .cds--link--disabled ::before,\n .cds--link--disabled:hover *,\n .cds--link--disabled:hover ::after,\n .cds--link--disabled:hover ::before {\n box-sizing: inherit;\n }\n .cds--link.cds--link--visited:visited {\n color: var(--cds-link-visited, #8a3ffc);\n }\n .cds--link.cds--link--inline {\n display: inline;\n text-decoration: underline;\n }\n .cds--link.cds--link--inline:focus,\n .cds--link.cds--link--inline:visited {\n text-decoration: none;\n }\n .cds--link--disabled.cds--link--inline {\n text-decoration: underline;\n }\n .cds--link--sm,\n .cds--link--sm.cds--link--disabled:hover {\n font-size: var(--cds-helper-text-01-font-size, 0.75rem);\n line-height: var(--cds-helper-text-01-line-height, 1.33333);\n letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);\n }\n .cds--link--lg,\n .cds--link--lg.cds--link--disabled:hover {\n font-size: var(--cds-body-compact-02-font-size, 1rem);\n font-weight: var(--cds-body-compact-02-font-weight, 400);\n line-height: var(--cds-body-compact-02-line-height, 1.375);\n letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);\n }\n .cds--btn,\n .cds--checkbox-group html,\n .cds--checkbox-label html,\n .cds--fieldset html,\n .cds--form-requirement html,\n .cds--label html,\n .cds--snippet html {\n font-size: 100%;\n }\n .cds--link__icon {\n align-self: center;\n margin-left: 0.5rem;\n }\n .cds--assistive-text,\n .cds--visually-hidden {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n }\n .cds--btn {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n position: relative;\n width: max-content;\n min-height: 3rem;\n flex-shrink: 0;\n align-items: center;\n justify-content: space-between;\n padding: calc(0.875rem - 3px) calc(4rem - 1px) calc(0.875rem - 3px)\n calc(1rem - 1px);\n border-radius: 0;\n cursor: pointer;\n outline: 0;\n text-align: left;\n text-decoration: none;\n transition:\n background 70ms cubic-bezier(0, 0, 0.38, 0.9),\n box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9),\n border-color 70ms cubic-bezier(0, 0, 0.38, 0.9),\n outline 70ms cubic-bezier(0, 0, 0.38, 0.9);\n vertical-align: top;\n }\n .cds--btn *,\n .cds--btn ::after,\n .cds--btn ::before {\n box-sizing: inherit;\n }\n .cds--checkbox-label::after,\n .cds--checkbox-label::before,\n .cds--list-box__field {\n box-sizing: border-box;\n }\n .cds--btn.cds--btn--disabled,\n .cds--btn.cds--btn--disabled:focus,\n .cds--btn.cds--btn--disabled:hover,\n .cds--btn:disabled,\n .cds--btn:focus:disabled,\n .cds--btn:hover:disabled {\n border-color: var(--cds-button-disabled, #c6c6c6);\n background: var(--cds-button-disabled, #c6c6c6);\n box-shadow: none;\n color: var(--cds-text-on-color-disabled, #8d8d8d);\n cursor: not-allowed;\n }\n .cds--btn--primary,\n .cds--btn--primary:hover,\n .cds--btn--secondary,\n .cds--btn--secondary:focus,\n .cds--btn--secondary:hover {\n color: var(--cds-text-on-color, #fff);\n }\n .cds--btn .cds--btn__icon {\n position: absolute;\n right: 1rem;\n width: 1rem;\n height: 1rem;\n flex-shrink: 0;\n }\n .cds--btn::-moz-focus-inner {\n padding: 0;\n border: 0;\n }\n .cds--btn--primary:focus,\n .cds--btn--secondary:focus,\n .cds--btn--tertiary:focus {\n border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:\n inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),\n inset 0 0 0 2px var(--cds-background, #fff);\n }\n .cds--btn--primary {\n border: 1px solid transparent;\n background-color: var(--cds-button-primary, #0f62fe);\n }\n .cds--btn--primary:hover {\n background-color: var(--cds-button-primary-hover, #0050e6);\n }\n .cds--btn--primary:active {\n background-color: var(--cds-button-primary-active, #002d9c);\n }\n .cds--btn--secondary {\n border: 1px solid transparent;\n background-color: var(--cds-button-secondary, #393939);\n }\n .cds--btn--secondary:hover {\n background-color: var(--cds-button-secondary-hover, #474747);\n }\n .cds--btn--secondary:active {\n background-color: var(--cds-button-secondary-active, #6f6f6f);\n }\n .cds--btn--tertiary {\n border-width: 1px;\n border-style: solid;\n border-color: var(--cds-button-tertiary, #0f62fe);\n background-color: transparent;\n color: var(--cds-button-tertiary, #0f62fe);\n }\n .cds--btn--tertiary:hover {\n background-color: var(--cds-button-tertiary-hover, #0050e6);\n color: var(--cds-text-inverse, #fff);\n }\n .cds--btn--tertiary:active {\n background-color: var(--cds-button-tertiary-active, #002d9c);\n }\n .cds--btn--tertiary:focus {\n background-color: var(--cds-button-tertiary, #0f62fe);\n color: var(--cds-text-inverse, #fff);\n }\n .cds--btn--tertiary:active {\n border-color: transparent;\n background-color: var(--cds-button-tertiary-active, #002d9c);\n color: var(--cds-text-inverse, #fff);\n }\n .cds--btn--tertiary.cds--btn--disabled,\n .cds--btn--tertiary.cds--btn--disabled:focus,\n .cds--btn--tertiary.cds--btn--disabled:hover,\n .cds--btn--tertiary:disabled,\n .cds--btn--tertiary:focus:disabled,\n .cds--btn--tertiary:hover:disabled {\n background: 0 0;\n color: var(--cds-text-on-color-disabled, #8d8d8d);\n outline: 0;\n }\n .cds--btn--ghost {\n border: 1px solid transparent;\n background-color: transparent;\n color: var(--cds-link-primary, #0f62fe);\n padding: calc(0.875rem - 3px) 1rem;\n }\n .cds--btn--ghost:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--btn--ghost:focus {\n border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:\n inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),\n inset 0 0 0 2px var(--cds-background, #fff);\n }\n .cds--btn--ghost:active {\n background-color: var(--cds-layer-active);\n background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));\n }\n .cds--btn--ghost:active,\n .cds--btn--ghost:hover {\n color: var(--cds-link-primary-hover, #0043ce);\n }\n .cds--btn--ghost.cds--btn--disabled,\n .cds--btn--ghost.cds--btn--disabled:focus,\n .cds--btn--ghost.cds--btn--disabled:hover,\n .cds--btn--ghost:disabled,\n .cds--btn--ghost:focus:disabled,\n .cds--btn--ghost:hover:disabled {\n border-color: transparent;\n background: 0 0;\n color: var(--cds-text-on-color-disabled, #8d8d8d);\n outline: 0;\n }\n .cds--btn--danger--tertiary:focus,\n .cds--btn--danger:focus {\n border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:\n inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),\n inset 0 0 0 2px var(--cds-background, #fff);\n }\n .cds--btn--ghost.cds--btn--sm {\n padding: calc(0.375rem - 3px) 1rem;\n }\n .cds--btn--ghost.cds--btn--field,\n .cds--btn--ghost.cds--btn--md {\n padding: calc(0.675rem - 3px) 1rem;\n }\n .cds--btn--icon-only {\n padding-right: 0.9375rem;\n padding-left: 0.9375rem;\n }\n .cds--btn--icon-only .cds--btn__icon {\n position: static;\n }\n .cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon,\n .cds--btn--icon-only.cds--btn--ghost .cds--btn__icon {\n margin: 0;\n }\n .cds--btn--icon-only.cds--btn--selected {\n background: var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n }\n .cds--btn path[data-icon-path='inner-path'] {\n fill: none;\n }\n .cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,\n .cds--btn--ghost.cds--btn--icon-only[disabled]\n .cds--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover\n .cds--btn__icon {\n fill: var(--cds-icon-on-color-disabled, #8d8d8d);\n }\n .cds--btn--ghost.cds--btn--icon-only[disabled] {\n cursor: not-allowed;\n }\n .cds--btn--field.cds--btn--icon-only,\n .cds--btn--md.cds--btn--icon-only {\n padding-right: 0.6875rem;\n padding-left: 0.6875rem;\n }\n .cds--btn--sm.cds--btn--icon-only {\n padding-right: 0.4375rem;\n padding-left: 0.4375rem;\n }\n .cds--btn--danger {\n border: 1px solid transparent;\n background-color: var(--cds-button-danger-primary, #da1e28);\n color: var(--cds-text-on-color, #fff);\n }\n .cds--btn--danger--ghost,\n .cds--btn--danger--tertiary {\n background-color: transparent;\n color: var(--cds-button-danger-secondary, #da1e28);\n }\n .cds--btn--danger:hover {\n background-color: var(--cds-button-danger-hover, #b81921);\n color: var(--cds-text-on-color, #fff);\n }\n .cds--btn--danger:active {\n background-color: var(--cds-button-danger-active, #750e13);\n }\n .cds--btn--danger--tertiary {\n border-width: 1px;\n border-style: solid;\n border-color: var(--cds-button-danger-secondary, #da1e28);\n }\n .cds--btn--danger--tertiary:hover {\n background-color: var(--cds-button-danger-hover, #b81921);\n }\n .cds--btn--danger--tertiary:active {\n background-color: var(--cds-button-danger-active, #750e13);\n }\n .cds--btn--danger--tertiary:hover {\n border-color: var(--cds-button-danger-hover, #b81921);\n color: var(--cds-text-on-color, #fff);\n }\n .cds--btn--danger--tertiary:focus {\n background-color: var(--cds-button-danger-primary, #da1e28);\n color: var(--cds-text-on-color, #fff);\n }\n .cds--btn--danger--tertiary:active {\n border-color: var(--cds-button-danger-active, #750e13);\n background-color: var(--cds-button-danger-active, #750e13);\n color: var(--cds-text-on-color, #fff);\n }\n .cds--btn--danger--tertiary.cds--btn--disabled,\n .cds--btn--danger--tertiary.cds--btn--disabled:focus,\n .cds--btn--danger--tertiary.cds--btn--disabled:hover,\n .cds--btn--danger--tertiary:disabled,\n .cds--btn--danger--tertiary:focus:disabled,\n .cds--btn--danger--tertiary:hover:disabled {\n background: 0 0;\n color: var(--cds-text-on-color-disabled, #8d8d8d);\n outline: 0;\n }\n .cds--btn--danger--ghost {\n border: 1px solid transparent;\n padding: calc(0.875rem - 3px) 1rem;\n }\n .cds--form__helper-text,\n .cds--label {\n color: var(--cds-text-secondary, #525252);\n }\n .cds--btn--danger--ghost:hover {\n background-color: var(--cds-button-danger-hover, #b81921);\n }\n .cds--btn--danger--ghost:focus {\n border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:\n inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),\n inset 0 0 0 2px var(--cds-background, #fff);\n }\n .cds--btn--danger--ghost:active {\n background-color: var(--cds-button-danger-active, #750e13);\n }\n .cds--btn--danger--ghost:active,\n .cds--btn--danger--ghost:hover {\n color: var(--cds-text-on-color, #fff);\n }\n .cds--btn--danger--ghost.cds--btn--disabled,\n .cds--btn--danger--ghost.cds--btn--disabled:focus,\n .cds--btn--danger--ghost.cds--btn--disabled:hover,\n .cds--btn--danger--ghost:disabled,\n .cds--btn--danger--ghost:focus:disabled,\n .cds--btn--danger--ghost:hover:disabled {\n border-color: transparent;\n background: 0 0;\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline: 0;\n }\n .cds--btn.cds--skeleton,\n .cds--label.cds--skeleton {\n background: var(--cds-skeleton-background, #e8e8e8);\n pointer-events: none;\n position: relative;\n }\n .cds--btn--danger--ghost.cds--btn--sm {\n padding: calc(0.375rem - 3px) 1rem;\n }\n .cds--btn--danger--ghost.cds--btn--field,\n .cds--btn--danger--ghost.cds--btn--md {\n padding: calc(0.675rem - 3px) 1rem;\n }\n .cds--btn--sm {\n min-height: 2rem;\n padding: calc(0.375rem - 3px) calc(4rem - 4px) calc(0.375rem - 3px)\n calc(1rem - 4px);\n }\n .cds--btn--2xl:not(.cds--btn--icon-only) {\n align-items: baseline;\n padding-top: 1rem;\n padding-right: 4rem;\n padding-left: 1rem;\n min-height: 5rem;\n }\n .cds--btn--xl:not(.cds--btn--icon-only) {\n align-items: baseline;\n padding-top: 1rem;\n padding-right: 4rem;\n padding-left: 1rem;\n min-height: 4rem;\n }\n .cds--btn--field,\n .cds--btn--md {\n min-height: 2.5rem;\n padding: calc(0.675rem - 3px) calc(4rem - 4px) calc(0.675rem - 3px)\n calc(1rem - 4px);\n }\n .cds--btn--expressive {\n font-size: var(--cds-body-compact-02-font-size, 1rem);\n font-weight: var(--cds-body-compact-02-font-weight, 400);\n line-height: var(--cds-body-compact-02-line-height, 1.375);\n letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);\n min-height: 3rem;\n }\n .cds--btn--icon-only.cds--btn--expressive {\n padding: 12px 13px;\n }\n .cds--btn.cds--btn--expressive .cds--btn__icon {\n width: 1.25rem;\n height: 1.25rem;\n }\n .cds--btn.cds--skeleton {\n padding: 0;\n border: none;\n box-shadow: none;\n width: 9.375rem;\n }\n .cds--btn.cds--skeleton:active,\n .cds--btn.cds--skeleton:focus,\n .cds--btn.cds--skeleton:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--btn.cds--skeleton::before {\n position: absolute;\n width: 100%;\n height: 100%;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--breadcrumb.cds--skeleton .cds--link::before,\n .cds--btn.cds--skeleton::before {\n animation: none;\n }\n }\n .cds--btn-set {\n display: flex;\n }\n .cds--btn-set--stacked {\n flex-direction: column;\n }\n .cds--btn-set .cds--btn {\n width: 100%;\n max-width: 12.25rem;\n }\n .cds--btn-set .cds--btn:not(:focus) {\n box-shadow: -0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n }\n .cds--btn-set--stacked .cds--btn:not(:focus) {\n box-shadow: 0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0);\n }\n .cds--btn-set .cds--btn.cds--btn--disabled:first-of-type,\n .cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type {\n box-shadow: none;\n }\n .cds--btn-set .cds--btn.cds--btn--disabled {\n box-shadow: -0.0625rem 0 0 0 var(--cds-icon-on-color-disabled, #8d8d8d);\n }\n .cds--btn-set--stacked .cds--btn.cds--btn--disabled {\n box-shadow: 0 -0.0625rem 0 0 var(--cds-layer-selected-disabled, #8d8d8d);\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--btn:focus {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,\n .cds--btn--ghost.cds--btn--icon-only\n .cds--btn__icon\n path:not([data-icon-path]):not([fill='none']) {\n fill: ButtonText;\n }\n }\n input:-webkit-autofill,\n input:-webkit-autofill:focus,\n input:-webkit-autofill:hover,\n textarea:-webkit-autofill,\n textarea:-webkit-autofill:focus,\n textarea:-webkit-autofill:hover {\n box-shadow: 0 0 0 1000px var(--cds-field) inset;\n -webkit-text-fill-color: var(--cds-text-primary, #161616);\n }\n .cds--fieldset body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--fieldset code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--fieldset strong {\n font-weight: 600;\n }\n .cds--form-item {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n align-items: flex-start;\n }\n .cds--form-requirement,\n .cds--label,\n .cds--label .cds--toggletip-label {\n font-size: var(--cds-label-01-font-size, 0.75rem);\n }\n .cds--label {\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n display: inline-block;\n margin-bottom: 0.5rem;\n font-weight: 400;\n line-height: 1rem;\n vertical-align: baseline;\n }\n .cds--form-requirement,\n .cds--label .cds--toggletip-label,\n .cds--label + .cds--tooltip .cds--tooltip__trigger {\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n }\n .cds--label body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--label code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--form-requirement body,\n input[type='number'] {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--label strong {\n font-weight: 600;\n }\n .cds--label--no-margin {\n margin-bottom: 0;\n }\n .cds--label + .cds--tooltip {\n position: relative;\n top: 0.2rem;\n left: 0.5rem;\n }\n .cds--label + .cds--tooltip .cds--tooltip__trigger {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n display: inline-block;\n appearance: none;\n background: 0 0;\n cursor: pointer;\n text-align: start;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--cds-label-01-font-size, 0.75rem);\n }\n .cds--label + .cds--tooltip .cds--tooltip__trigger *,\n .cds--label + .cds--tooltip .cds--tooltip__trigger ::after,\n .cds--label + .cds--tooltip .cds--tooltip__trigger ::before {\n box-sizing: inherit;\n }\n .cds--label + .cds--tooltip .cds--tooltip__trigger::-moz-focus-inner {\n border: 0;\n }\n .cds--label + .cds--tooltip .cds--tooltip__trigger svg {\n fill: var(--cds-icon-secondary, #525252);\n }\n .cds--label + .cds--tooltip .cds--tooltip__trigger svg :hover {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--label + .cds--toggletip {\n top: 0.2rem;\n left: 0.5rem;\n }\n .cds--label.cds--skeleton {\n padding: 0;\n border: none;\n box-shadow: none;\n width: 4.6875rem;\n height: 0.875rem;\n }\n .cds--label.cds--skeleton:active,\n .cds--label.cds--skeleton:focus,\n .cds--label.cds--skeleton:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--label.cds--skeleton::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--label.cds--skeleton::before {\n animation: none;\n }\n }\n .cds--combo-box[data-invalid]:not(.cds--multi-select--selected)\n .cds--text-input:not(:focus),\n .cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),\n .cds--number[data-invalid] input[type='number']:not(:focus),\n .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),\n .cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),\n .cds--text-input__field-wrapper[data-invalid]\n > .cds--text-input--invalid:not(:focus),\n input[data-invalid]:not(:focus) {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--combo-box[data-invalid]:not(.cds--multi-select--selected)\n .cds--text-input:not(:focus),\n .cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),\n .cds--number[data-invalid] input[type='number']:not(:focus),\n .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),\n .cds--text-area__wrapper[data-invalid]\n > .cds--text-area--invalid:not(:focus),\n .cds--text-input__field-wrapper[data-invalid]\n > .cds--text-input--invalid:not(:focus),\n input[data-invalid]:not(:focus) {\n outline-style: dotted;\n }\n }\n .cds--date-picker-input__wrapper--invalid ~ .cds--form-requirement,\n .cds--date-picker-input__wrapper--warn ~ .cds--form-requirement,\n .cds--date-picker-input__wrapper ~ .cds--form-requirement,\n .cds--list-box--warning ~ .cds--form-requirement,\n .cds--list-box[data-invalid] ~ .cds--form-requirement,\n .cds--number[data-invalid]\n .cds--number__input-wrapper\n ~ .cds--form-requirement,\n .cds--number__input-wrapper--warning ~ .cds--form-requirement,\n .cds--select--warning .cds--select-input__wrapper ~ .cds--form-requirement,\n .cds--select-input__wrapper[data-invalid] ~ .cds--form-requirement,\n .cds--text-area__wrapper--warn ~ .cds--form-requirement,\n .cds--text-area__wrapper[data-invalid] ~ .cds--form-requirement,\n .cds--text-input__field-wrapper--warning\n > .cds--text-input\n ~ .cds--form-requirement,\n .cds--text-input__field-wrapper--warning ~ .cds--form-requirement,\n .cds--text-input__field-wrapper[data-invalid] ~ .cds--form-requirement,\n .cds--time-picker--invalid ~ .cds--form-requirement,\n .cds--time-picker[data-invalid] ~ .cds--form-requirement,\n input[data-invalid] ~ .cds--form-requirement {\n display: block;\n overflow: visible;\n max-height: 12.5rem;\n font-weight: 400;\n }\n .cds--date-picker-input__wrapper--invalid ~ .cds--form-requirement,\n .cds--date-picker-input__wrapper ~ .cds--form-requirement,\n .cds--list-box[data-invalid] ~ .cds--form-requirement,\n .cds--number[data-invalid]\n .cds--number__input-wrapper\n ~ .cds--form-requirement,\n .cds--select-input__wrapper[data-invalid] ~ .cds--form-requirement,\n .cds--text-area__wrapper[data-invalid] ~ .cds--form-requirement,\n .cds--text-input__field-wrapper[data-invalid] ~ .cds--form-requirement,\n .cds--time-picker--invalid ~ .cds--form-requirement,\n .cds--time-picker[data-invalid] ~ .cds--form-requirement,\n input[data-invalid] ~ .cds--form-requirement {\n color: var(--cds-text-error, #da1e28);\n }\n .cds--form--fluid .cds--text-input__field-wrapper--warning,\n .cds--form--fluid .cds--text-input__field-wrapper[data-invalid] {\n display: block;\n }\n .cds--form--fluid input[data-invalid] {\n outline: 0;\n }\n .cds--form--fluid .cds--form-requirement {\n padding: 0.5rem 2.5rem 0.5rem 1rem;\n margin: 0;\n }\n input:not(output):not([data-invalid]):-moz-ui-invalid {\n box-shadow: none;\n }\n .cds--form-requirement {\n display: none;\n overflow: hidden;\n max-height: 0;\n margin: 0.25rem 0 0;\n }\n .cds--form-requirement body {\n font-weight: 400;\n }\n .cds--form-requirement code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--form-requirement strong {\n font-weight: 600;\n }\n .cds--select--inline .cds--form__helper-text {\n margin-top: 0;\n }\n .cds--form__helper-text {\n font-size: var(--cds-helper-text-01-font-size, 0.75rem);\n line-height: var(--cds-helper-text-01-line-height, 1.33333);\n letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);\n z-index: 0;\n width: 100%;\n margin-top: 0.25rem;\n opacity: 1;\n }\n .cds--form__helper-text--disabled,\n .cds--label--disabled,\n fieldset[disabled] .cds--form__helper-text,\n fieldset[disabled] .cds--label {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--checkbox-group body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--checkbox-group code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--checkbox-group strong {\n font-weight: 600;\n }\n .cds--form-item.cds--checkbox-wrapper {\n position: relative;\n margin-bottom: 0.25rem;\n }\n .cds--form-item.cds--checkbox-wrapper:first-of-type {\n margin-top: 0.1875rem;\n }\n .cds--label + .cds--form-item.cds--checkbox-wrapper {\n margin-top: -0.125rem;\n }\n .cds--form-item.cds--checkbox-wrapper:last-of-type {\n margin-bottom: 0.1875rem;\n }\n .cds--checkbox {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n top: 1.25rem;\n left: 0.7rem;\n }\n .cds--checkbox-label {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n position: relative;\n display: flex;\n min-height: 1.5rem;\n padding-top: 0.1875rem;\n padding-left: 1.25rem;\n cursor: pointer;\n user-select: none;\n }\n .cds--checkbox-label body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--checkbox-label code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--checkbox-label strong {\n font-weight: 600;\n }\n .cds--checkbox-label-text {\n padding-left: 0.375rem;\n }\n .cds--checkbox-label::before {\n position: absolute;\n top: 0.125rem;\n left: 0;\n width: 1rem;\n height: 1rem;\n border: 1px solid var(--cds-icon-primary, #161616);\n margin: 0.125rem 0.125rem 0.125rem 0.1875rem;\n background-color: transparent;\n border-radius: 2px;\n content: '';\n }\n .cds--checkbox-label::after {\n position: absolute;\n top: 0.46875rem;\n left: 0.4375rem;\n width: 0.5625rem;\n height: 0.3125rem;\n border-bottom: 1.5px solid var(--cds-icon-inverse, #fff);\n border-left: 1.5px solid var(--cds-icon-inverse, #fff);\n margin-top: -0.1875rem;\n background: 0 0;\n content: '';\n transform: scale(0) rotate(-45deg);\n transform-origin: bottom right;\n }\n .cds--checkbox-label-text.cds--skeleton,\n .cds--snippet.cds--skeleton span {\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n }\n .cds--checkbox-label[data-contained-checkbox-state='true']::before,\n .cds--checkbox:checked + .cds--checkbox-label::before,\n .cds--checkbox:indeterminate + .cds--checkbox-label::before {\n border: 1px;\n background-color: var(--cds-icon-primary, #161616);\n }\n .cds--checkbox-label-text.cds--skeleton::before,\n .cds--snippet.cds--skeleton span::before {\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n .cds--checkbox-label[data-contained-checkbox-state='true']::after,\n .cds--checkbox:checked + .cds--checkbox-label::after {\n transform: scale(1) rotate(-45deg);\n }\n .cds--checkbox:indeterminate + .cds--checkbox-label::after {\n top: 0.6875rem;\n width: 0.5rem;\n border-bottom: 2px solid var(--cds-icon-inverse, #fff);\n border-left: 0 solid var(--cds-icon-inverse, #fff);\n transform: scale(1) rotate(0);\n }\n .cds--checkbox-label[data-contained-checkbox-state='true'].cds--checkbox-label__focus::before,\n .cds--checkbox-label__focus::before,\n .cds--checkbox:checked:focus + .cds--checkbox-label::before,\n .cds--checkbox:focus + .cds--checkbox-label::before,\n .cds--checkbox:indeterminate:focus + .cds--checkbox-label::before {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: 1px;\n }\n .cds--checkbox-label[data-contained-checkbox-disabled='true'],\n .cds--checkbox:disabled + .cds--checkbox-label {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--checkbox-label[data-contained-checkbox-disabled='true']::before,\n .cds--checkbox:disabled + .cds--checkbox-label::before {\n border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--checkbox-label[data-contained-checkbox-state='true'][data-contained-checkbox-disabled='true']::before,\n .cds--checkbox:checked:disabled + .cds--checkbox-label::before,\n .cds--checkbox:indeterminate:disabled + .cds--checkbox-label::before {\n background-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--checkbox-group[data-invalid] .cds--checkbox-label::before,\n .cds--checkbox-wrapper--invalid .cds--checkbox-label::before,\n .cds--checkbox-wrapper--invalid\n .cds--checkbox:checked\n + .cds--checkbox-label::before {\n border: 1px solid var(--cds-support-error, #da1e28);\n }\n .cds--checkbox-group\n .cds--checkbox-wrapper--invalid\n > .cds--checkbox__validation-msg,\n .cds--checkbox-group\n .cds--checkbox-wrapper--warning\n > .cds--checkbox__validation-msg,\n .cds--checkbox-group .cds--checkbox-wrapper > .cds--form__helper-text {\n display: none;\n }\n .cds--checkbox-group:not(.cds--checkbox-group[data-invalid])\n .cds--checkbox-wrapper--invalid\n .cds--checkbox-label::before,\n .cds--checkbox-group:not(.cds--checkbox-group[data-invalid])\n .cds--checkbox-wrapper--invalid\n .cds--checkbox:checked\n + .cds--checkbox-label::before {\n border: 1px solid var(--cds-icon-primary, #161616);\n }\n .cds--checkbox-group__validation-msg,\n .cds--checkbox__validation-msg {\n display: none;\n align-items: flex-end;\n margin-top: 0.25rem;\n }\n .cds--checkbox__invalid-icon {\n margin: 0 0.0625rem 0 0.1875rem;\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--checkbox__invalid-icon--warning {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--checkbox__invalid-icon--warning path:first-of-type {\n fill: #000;\n }\n .cds--checkbox-group--invalid .cds--checkbox-group__validation-msg,\n .cds--checkbox-group--warning .cds--checkbox-group__validation-msg,\n .cds--checkbox-wrapper--invalid > .cds--checkbox__validation-msg,\n .cds--checkbox-wrapper--warning > .cds--checkbox__validation-msg {\n display: flex;\n }\n .cds--checkbox-group--invalid\n .cds--checkbox-group__validation-msg\n .cds--form-requirement,\n .cds--checkbox-group--warning\n .cds--checkbox-group__validation-msg\n .cds--form-requirement,\n .cds--checkbox-wrapper--invalid\n .cds--checkbox__validation-msg\n .cds--form-requirement,\n .cds--checkbox-wrapper--warning\n .cds--checkbox__validation-msg\n .cds--form-requirement {\n display: block;\n overflow: visible;\n max-height: 100%;\n margin-top: 0;\n margin-left: 0.5rem;\n }\n .cds--checkbox-group--invalid\n .cds--checkbox-group__validation-msg\n .cds--form-requirement,\n .cds--checkbox-wrapper--invalid\n .cds--checkbox__validation-msg\n .cds--form-requirement {\n color: var(--cds-text-error, #da1e28);\n }\n .cds--checkbox-group--readonly .cds--checkbox-label,\n .cds--checkbox-wrapper--readonly .cds--checkbox-label {\n cursor: default;\n }\n .cds--checkbox-group--readonly .cds--checkbox-label-text,\n .cds--checkbox-wrapper--readonly .cds--checkbox-label-text {\n cursor: text;\n user-select: text;\n }\n .cds--checkbox-group--readonly .cds--checkbox + .cds--checkbox-label::before,\n .cds--checkbox-wrapper--readonly\n .cds--checkbox\n + .cds--checkbox-label::before {\n border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--checkbox-group--readonly\n .cds--checkbox:checked\n + .cds--checkbox-label::before,\n .cds--checkbox-wrapper--readonly\n .cds--checkbox:checked\n + .cds--checkbox-label::before {\n border: 1px solid var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n background: 0 0;\n }\n .cds--checkbox-group--readonly\n .cds--checkbox:checked\n + .cds--checkbox-label::after,\n .cds--checkbox-wrapper--readonly\n .cds--checkbox:checked\n + .cds--checkbox-label::after {\n border-color: var(--cds-text-primary, #161616);\n }\n .cds--checkbox-skeleton .cds--checkbox-label {\n cursor: default;\n }\n .cds--checkbox-label-text.cds--skeleton {\n position: relative;\n padding: 0;\n border: none;\n width: 6.25rem;\n height: 1rem;\n margin: 0.0625rem 0 0 0.375rem;\n }\n .cds--copy-btn .cds--copy-btn__feedback,\n .cds--snippet--inline .cds--copy-btn__feedback {\n padding: 0.1875rem 1rem;\n transform: translateX(-50%);\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n display: none;\n box-sizing: content-box;\n overflow: visible;\n clip: auto;\n box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n z-index: 6000;\n min-width: 1.5rem;\n max-width: 13rem;\n text-align: left;\n }\n .cds--checkbox-label-text.cds--skeleton:active,\n .cds--checkbox-label-text.cds--skeleton:focus,\n .cds--checkbox-label-text.cds--skeleton:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--checkbox-label-text.cds--skeleton::before {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n .cds--checkbox--inline {\n position: relative;\n }\n .cds--copy-btn {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--cds-layer);\n }\n .cds--copy-btn:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--copy-btn:active {\n background-color: var(--cds-layer-active);\n }\n .cds--copy-btn::before {\n position: absolute;\n z-index: 6000;\n width: 0;\n height: 0;\n border-style: solid;\n content: '';\n display: none;\n }\n .cds--copy-btn .cds--copy-btn__feedback {\n width: max-content;\n height: auto;\n background-color: var(--cds-background-inverse, #393939);\n border-radius: 0.125rem;\n color: var(--cds-text-inverse, #fff);\n font-weight: 400;\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n margin: auto;\n }\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .cds--copy-btn .cds--copy-btn__feedback {\n width: auto;\n }\n }\n @supports (-ms-accelerator: true) {\n .cds--copy-btn .cds--copy-btn__feedback {\n width: auto;\n }\n }\n @supports (-ms-ime-align: auto) {\n .cds--copy-btn .cds--copy-btn__feedback {\n width: auto;\n }\n }\n @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n .cds--copy-btn .cds--copy-btn__feedback {\n border: 1px solid transparent;\n }\n }\n .cds--copy-btn.cds--copy-btn--animating .cds--copy-btn__feedback,\n .cds--copy-btn.cds--copy-btn--animating::before {\n display: block;\n }\n .cds--copy-btn.cds--copy-btn--animating::before,\n .flatpickr-day.today.no-border {\n border: none;\n }\n .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out\n .cds--copy-btn__feedback,\n .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out::before {\n animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) hide-feedback;\n }\n .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in\n .cds--copy-btn__feedback,\n .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in::before {\n animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) show-feedback;\n }\n .cds--copy {\n font-size: 0;\n }\n .cds--snippet body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--snippet strong {\n font-weight: 600;\n }\n .cds--snippet--disabled,\n .cds--snippet--disabled .cds--btn.cds--snippet-btn--expand {\n background-color: var(--cds-layer);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--snippet--disabled .cds--copy-btn,\n .cds--snippet--disabled .cds--copy-btn:hover,\n .cds--snippet--disabled .cds--snippet-btn--expand:hover {\n background-color: var(--cds-layer);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--snippet--disabled .cds--snippet-btn--expand .cds--icon-chevron--down,\n .cds--snippet--disabled .cds--snippet__icon {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus\n svg,\n .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover\n svg,\n .cds--snippet__icon {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--snippet code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n font-family: var(\n --cds-code-01-font-family,\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace\n );\n font-size: var(--cds-code-01-font-size, 0.75rem);\n font-weight: var(--cds-code-01-font-weight, 400);\n line-height: var(--cds-code-01-line-height, 1.33333);\n letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);\n }\n .cds--snippet--inline {\n position: relative;\n display: inline;\n padding: 0;\n border: 1px solid transparent;\n background-color: var(--cds-layer);\n border-radius: 4px;\n color: var(--cds-text-primary, #161616);\n cursor: pointer;\n }\n .cds--snippet--inline html {\n font-size: 100%;\n }\n .cds--snippet--inline body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--snippet--inline code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n padding: 0 0.5rem;\n }\n .cds--snippet--inline strong {\n font-weight: 600;\n }\n .cds--snippet--multi,\n .cds--snippet--single,\n .cds--snippet--single pre {\n font-family: var(\n --cds-code-01-font-family,\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace\n );\n font-size: var(--cds-code-01-font-size, 0.75rem);\n font-weight: var(--cds-code-01-font-weight, 400);\n line-height: var(--cds-code-01-line-height, 1.33333);\n letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);\n }\n .cds--snippet--inline:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--snippet--inline:active {\n background-color: var(--cds-layer-active);\n }\n .cds--snippet--inline:focus {\n border: 1px solid var(--cds-focus, #0f62fe);\n outline: 0;\n }\n .cds--snippet--inline::before {\n position: absolute;\n z-index: 6000;\n width: 0;\n height: 0;\n content: '';\n display: none;\n border: none;\n }\n .cds--snippet--inline .cds--copy-btn__feedback {\n width: max-content;\n height: auto;\n background-color: var(--cds-background-inverse, #393939);\n border-radius: 0.125rem;\n color: var(--cds-text-inverse, #fff);\n font-weight: 400;\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n margin: auto;\n }\n .cds--data-table tbody tr:hover,\n .cds--snippet-btn--expand:hover {\n background: var(--cds-layer-hover);\n }\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .cds--snippet--inline .cds--copy-btn__feedback {\n width: auto;\n }\n }\n @supports (-ms-accelerator: true) {\n .cds--snippet--inline .cds--copy-btn__feedback {\n width: auto;\n }\n }\n @supports (-ms-ime-align: auto) {\n .cds--snippet--inline .cds--copy-btn__feedback {\n width: auto;\n }\n }\n @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n .cds--snippet--inline .cds--copy-btn__feedback {\n border: 1px solid transparent;\n }\n }\n .cds--snippet--inline.cds--copy-btn--animating .cds--copy-btn__feedback,\n .cds--snippet--inline.cds--copy-btn--animating::before {\n display: block;\n }\n .cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out\n .cds--copy-btn__feedback,\n .cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out::before {\n animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) hide-feedback;\n }\n .cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in\n .cds--copy-btn__feedback,\n .cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in::before {\n animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) show-feedback;\n }\n .cds--snippet--inline.cds--snippet--no-copy {\n display: inline-block;\n }\n .cds--snippet--inline.cds--snippet--no-copy:hover {\n background-color: var(--cds-layer);\n cursor: auto;\n }\n .cds--snippet--light.cds--snippet--inline.cds--snippet--no-copy:hover {\n background-color: var(--cds-layer-hover);\n cursor: auto;\n }\n .cds--snippet--single {\n position: relative;\n width: 100%;\n max-width: 48rem;\n background-color: var(--cds-layer);\n display: flex;\n height: 2.5rem;\n align-items: center;\n padding-right: 2.5rem;\n }\n .cds--snippet--single.cds--snippet--no-copy {\n padding: 0;\n }\n .cds--list-box--disabled.cds--list-box[data-invalid].cds--list-box--inline\n .cds--list-box__field,\n .cds--text-input--sm.cds--password-input {\n padding-right: 2rem;\n }\n .cds--snippet--single.cds--snippet--no-copy::after {\n right: 1rem;\n }\n .cds--snippet--single .cds--snippet-container {\n position: relative;\n display: flex;\n height: 100%;\n align-items: center;\n padding-left: 1rem;\n overflow-x: auto;\n }\n .cds--snippet--single .cds--snippet-container:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--snippet--single .cds--snippet-container:focus {\n outline-style: dotted;\n }\n }\n .cds--snippet--single pre {\n padding-right: 0.5rem;\n }\n .cds--copy-btn html,\n .cds--text-input html {\n font-size: 100%;\n }\n .cds--snippet--inline code,\n .cds--snippet--single pre {\n white-space: pre;\n }\n .cds--snippet--multi {\n position: relative;\n width: 100%;\n max-width: 48rem;\n background-color: var(--cds-layer);\n display: flex;\n padding: 1rem;\n }\n .cds--snippet-btn--expand,\n .cds--text-input {\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n color: var(--cds-text-primary, #161616);\n }\n .cds--snippet-btn--expand,\n .cds--text-input,\n .cds--text-input--password__visibility .cds--assistive-text,\n .cds--text-input--password__visibility + .cds--assistive-text,\n .cds--text-input--password__visibility::after {\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n }\n .cds--snippet--multi .cds--snippet-container {\n position: relative;\n min-height: 100%;\n max-height: 100%;\n order: 1;\n overflow-y: auto;\n transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--snippet--multi .cds--snippet-container:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n outline-offset: 0;\n }\n .cds--snippet--multi.cds--snippet--expand .cds--snippet-container {\n padding-bottom: 1rem;\n transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--snippet--multi.cds--snippet--wraptext pre {\n white-space: pre-wrap;\n word-wrap: break-word;\n }\n .cds--snippet--multi .cds--snippet-container pre {\n padding-right: 2.5rem;\n padding-bottom: 1.5rem;\n overflow-x: auto;\n }\n .cds--snippet--multi.cds--snippet--no-copy .cds--snippet-container pre {\n padding-right: 0;\n }\n .cds--snippet--multi.cds--snippet--expand .cds--snippet-container pre {\n overflow-x: auto;\n }\n .cds--snippet--multi.cds--snippet--has-right-overflow\n .cds--snippet-container\n pre::after {\n position: absolute;\n top: 0;\n right: 0;\n width: 1rem;\n height: 100%;\n background-image: linear-gradient(to right, transparent, var(--cds-layer));\n content: '';\n }\n .cds--snippet--multi .cds--snippet-container pre code {\n overflow: hidden;\n }\n .cds--snippet__icon {\n width: 1rem;\n height: 1rem;\n transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--copy-btn {\n display: flex;\n overflow: visible;\n width: 2.5rem;\n height: 2.5rem;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n background-color: var(--cds-layer);\n cursor: pointer;\n outline: 0;\n }\n .cds--copy-btn body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--copy-btn code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--snippet .cds--popover-container,\n .cds--snippet-btn--expand,\n .cds--text-input body {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--copy-btn strong {\n font-weight: 600;\n }\n .cds--copy-btn:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n outline-color: var(--cds-focus, #0f62fe);\n }\n @media screen and (prefers-contrast) {\n .cds--copy-btn:focus,\n .cds--snippet--multi .cds--snippet-container:focus {\n outline-style: dotted;\n }\n }\n .cds--snippet .cds--popover-container {\n position: absolute;\n top: 0;\n right: 0;\n }\n .cds--snippet--inline.cds--btn--md.cds--btn--icon-only {\n padding-right: 0;\n padding-left: 0;\n }\n .cds--snippet--inline.cds--btn--md {\n min-height: 1.25rem;\n }\n .cds--snippet--inline.cds--btn--primary:hover {\n color: var(--cds-text-primary, #161616);\n }\n .cds--snippet.cds--snippet--multi .cds--popover-container {\n top: 0.5rem;\n right: 0.5rem;\n }\n .cds--snippet--multi .cds--copy-btn.cds--btn--md {\n z-index: 10;\n width: 2rem;\n height: 2rem;\n min-height: 2rem;\n padding: 0;\n }\n .cds--snippet-btn--expand {\n position: absolute;\n z-index: 10;\n right: 0;\n bottom: 0;\n display: inline-flex;\n align-items: center;\n padding: 0.5rem 1rem;\n border: 0;\n background-color: var(--cds-layer);\n }\n .cds--snippet-btn--expand .cds--snippet-btn--text {\n position: relative;\n top: -0.0625rem;\n }\n .cds--snippet-btn--expand--hide.cds--snippet-btn--expand {\n display: none;\n }\n .cds--snippet-btn--expand .cds--icon-chevron--down {\n margin-left: 0.5rem;\n fill: var(--cds-icon-primary, #161616);\n transform: rotate(0);\n transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--snippet-btn--expand:hover {\n color: var(--cds-text-primary, #161616);\n }\n .cds--snippet--light .cds--snippet__overflow-indicator--left,\n .cds--snippet__overflow-indicator--left {\n background-image: linear-gradient(to left, transparent, var(--cds-layer));\n }\n .cds--snippet-btn--expand:active {\n background-color: var(--cds-layer-active);\n }\n .cds--snippet-btn--expand:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n border-color: transparent;\n }\n @media screen and (prefers-contrast) {\n .cds--snippet-btn--expand:focus {\n outline-style: dotted;\n }\n }\n .cds--snippet--expand .cds--snippet-btn--expand .cds--icon-chevron--down {\n transform: rotate(180deg);\n transition: transform 0.3s;\n }\n .cds--snippet--light,\n .cds--snippet--light .cds--btn.cds--snippet-btn--expand,\n .cds--snippet--light .cds--copy-btn,\n .cds--snippet--light .cds--snippet-button {\n background-color: var(--cds-layer);\n }\n .cds--snippet--light .cds--btn.cds--snippet-btn--expand:hover,\n .cds--snippet--light .cds--copy-btn:hover,\n .cds--snippet--light .cds--snippet-button:hover,\n .cds--snippet--light.cds--snippet--inline:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--snippet--light .cds--btn.cds--snippet-btn--expand:active,\n .cds--snippet--light .cds--copy-btn:active,\n .cds--snippet--light .cds--snippet-button:active,\n .cds--snippet--light.cds--snippet--inline:active {\n background-color: var(--cds-layer-active);\n }\n .cds--snippet--light.cds--snippet--multi .cds--snippet-container pre::after,\n .cds--snippet--light.cds--snippet--single::after {\n background-image: linear-gradient(\n to right,\n rgba(var(--cds-layer), 0),\n var(--cds-layer)\n );\n }\n .cds--snippet.cds--skeleton .cds--snippet-container {\n width: 100%;\n height: 100%;\n }\n .cds--snippet-button .cds--btn--copy__feedback {\n top: 3.175rem;\n right: auto;\n left: 50%;\n }\n .cds--snippet-button .cds--btn--copy__feedback::before {\n top: 0;\n }\n .cds--snippet-button .cds--btn--copy__feedback::after {\n top: -0.25rem;\n }\n .cds--snippet--multi .cds--snippet-button .cds--btn--copy__feedback {\n top: 2.675rem;\n }\n .cds--snippet--inline .cds--btn--copy__feedback {\n top: calc(100% - 0.25rem);\n right: auto;\n left: 50%;\n }\n .cds--snippet__overflow-indicator--left,\n .cds--snippet__overflow-indicator--right {\n z-index: 1;\n width: 1rem;\n flex: 1 0 auto;\n }\n .cds--snippet__overflow-indicator--left {\n order: 0;\n margin-right: -1rem;\n }\n .cds--snippet__overflow-indicator--right {\n order: 2;\n margin-left: -1rem;\n background-image: linear-gradient(to right, transparent, var(--cds-layer));\n }\n .cds--date-picker ~ .cds--label,\n .cds--number__control-btn.down-icon {\n order: 1;\n }\n .cds--snippet--single .cds--snippet__overflow-indicator--left,\n .cds--snippet--single .cds--snippet__overflow-indicator--right {\n position: absolute;\n width: 2rem;\n height: calc(100% - 0.25rem);\n }\n .cds--snippet--single .cds--snippet__overflow-indicator--right {\n right: 2.5rem;\n }\n .cds--snippet--single.cds--snippet--no-copy\n .cds--snippet__overflow-indicator--right {\n right: 0;\n }\n .cds--snippet--single\n .cds--snippet-container:focus\n ~ .cds--snippet__overflow-indicator--right {\n right: calc(2.5rem + 0.125rem);\n }\n .cds--snippet--single\n .cds--snippet-container:focus\n + .cds--snippet__overflow-indicator--left {\n left: 0.125rem;\n }\n .cds--snippet--light .cds--snippet__overflow-indicator--right {\n background-image: linear-gradient(to right, transparent, var(--cds-layer));\n }\n .cds--snippet--multi.cds--skeleton {\n height: 6.125rem;\n }\n .cds--snippet--single.cds--skeleton {\n height: 3.5rem;\n }\n .cds--snippet.cds--skeleton span {\n position: relative;\n padding: 0;\n border: none;\n display: block;\n width: 100%;\n height: 1rem;\n margin-top: 0.5rem;\n }\n .cds--snippet.cds--skeleton span:active,\n .cds--snippet.cds--skeleton span:focus,\n .cds--snippet.cds--skeleton span:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--snippet.cds--skeleton span::before {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--checkbox-label-text.cds--skeleton::before,\n .cds--snippet.cds--skeleton span::before {\n animation: none;\n }\n }\n .cds--snippet.cds--skeleton span:first-child {\n margin: 0;\n }\n .cds--snippet.cds--skeleton span:nth-child(2) {\n width: 85%;\n }\n .cds--snippet.cds--skeleton span:nth-child(3) {\n width: 95%;\n }\n .cds--snippet--single.cds--skeleton .cds--snippet-container {\n padding-bottom: 0;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--snippet__icon {\n fill: ButtonText;\n }\n .cds--snippet--inline:focus {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--snippet--multi,\n .cds--snippet--single {\n outline: transparent solid 1px;\n }\n }\n .cds--text-input {\n outline: transparent solid 2px;\n outline-offset: -2px;\n width: 100%;\n height: 2.5rem;\n padding: 0 1rem;\n border: none;\n border-bottom: 1px solid var(--cds-border-strong);\n background-color: var(--cds-field);\n font-family: inherit;\n transition:\n background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--password-input,\n .cds--text-input--invalid,\n .cds--text-input--warning {\n padding-right: 2.5rem;\n }\n .cds--data-table tbody tr,\n .cds--data-table tbody tr td,\n .cds--data-table tbody tr th,\n .cds--data-table th.cds--table-column-checkbox,\n .cds--tag--interactive {\n transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);\n }\n .cds--text-input body {\n font-weight: 400;\n }\n .cds--text-input code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--text-input strong {\n font-weight: 600;\n }\n .cds--text-input:active,\n .cds--text-input:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--text-input:active,\n .cds--text-input:focus {\n outline-style: dotted;\n }\n }\n .cds--text-input--password__visibility:focus,\n .cds--text-input--password__visibility:focus svg {\n outline: 1px solid var(--cds-focus, #0f62fe);\n }\n .cds--text-input-wrapper svg[hidden] {\n display: none;\n }\n .cds--text-input--lg {\n height: 3rem;\n }\n .cds--text-input--sm {\n height: 2rem;\n }\n .cds--text-input--lg.cds--password-input {\n padding-right: 3rem;\n }\n .cds--text-input::placeholder {\n color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n opacity: 1;\n }\n .cds--text-input--light {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--text-input__field-wrapper {\n position: relative;\n display: flex;\n width: 100%;\n }\n .cds--text-input__invalid-icon {\n position: absolute;\n top: 50%;\n right: 1rem;\n fill: var(--cds-support-error, #da1e28);\n transform: translateY(-50%);\n }\n .cds--text-input__invalid-icon--warning {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--text-input__invalid-icon--warning path:first-of-type {\n fill: #000;\n opacity: 1;\n }\n .cds--text-input--password__visibility {\n position: relative;\n display: inline-flex;\n overflow: visible;\n align-items: center;\n cursor: pointer;\n }\n @media screen and (prefers-contrast) {\n .cds--text-input--password__visibility:focus,\n .cds--text-input--password__visibility:focus svg {\n outline-style: dotted;\n }\n }\n .cds--text-input--password__visibility:focus {\n outline: transparent solid 1px;\n }\n .cds--text-input--password__visibility .cds--assistive-text,\n .cds--text-input--password__visibility + .cds--assistive-text,\n .cds--text-input--password__visibility::after,\n .cds--text-input--password__visibility::before {\n position: absolute;\n z-index: 6000;\n display: flex;\n align-items: center;\n opacity: 0;\n pointer-events: none;\n bottom: 0;\n left: 50%;\n }\n .cds--text-input--password__visibility::after,\n .cds--text-input--password__visibility::before {\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n @media screen and (prefers-reduced-motion: reduce) {\n .cds--text-input--password__visibility::after,\n .cds--text-input--password__visibility::before {\n transition: none;\n }\n }\n .cds--text-input--password__visibility.cds--tooltip--a11y::after,\n .cds--text-input--password__visibility.cds--tooltip--a11y::before {\n transition: none;\n }\n .cds--text-input--password__visibility::before {\n width: 0;\n height: 0;\n border-style: solid;\n content: '';\n }\n .cds--text-input--password__visibility .cds--assistive-text,\n .cds--text-input--password__visibility + .cds--assistive-text {\n box-sizing: content-box;\n color: inherit;\n opacity: 1;\n white-space: normal;\n word-break: break-word;\n }\n .cds--text-input--password__visibility .cds--assistive-text,\n .cds--text-input--password__visibility + .cds--assistive-text,\n .cds--text-input--password__visibility::after {\n box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n z-index: 6000;\n width: max-content;\n min-width: 1.5rem;\n max-width: 13rem;\n height: auto;\n padding: 0.1875rem 1rem;\n background-color: var(--cds-background-inverse, #393939);\n border-radius: 0.125rem;\n color: var(--cds-text-inverse, #fff);\n font-weight: 400;\n text-align: left;\n transform: translateX(-50%);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n }\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .cds--text-input--password__visibility .cds--assistive-text,\n .cds--text-input--password__visibility + .cds--assistive-text,\n .cds--text-input--password__visibility::after,\n .cds--text-input--password__visibility::before {\n display: inline-block;\n }\n .cds--text-input--password__visibility .cds--assistive-text,\n .cds--text-input--password__visibility + .cds--assistive-text,\n .cds--text-input--password__visibility::after {\n width: auto;\n }\n }\n @supports (-ms-accelerator: true) {\n .cds--text-input--password__visibility .cds--assistive-text,\n .cds--text-input--password__visibility + .cds--assistive-text,\n .cds--text-input--password__visibility::after {\n width: auto;\n }\n }\n @supports (-ms-ime-align: auto) {\n .cds--text-input--password__visibility .cds--assistive-text,\n .cds--text-input--password__visibility + .cds--assistive-text,\n .cds--text-input--password__visibility::after {\n width: auto;\n }\n }\n @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n .cds--text-input--password__visibility .cds--assistive-text,\n .cds--text-input--password__visibility + .cds--assistive-text,\n .cds--text-input--password__visibility::after {\n border: 1px solid transparent;\n }\n }\n .cds--text-input--password__visibility::after {\n content: attr(aria-label);\n }\n .cds--text-input--password__visibility.cds--tooltip--a11y::after {\n content: none;\n }\n .cds--text-input--password__visibility.cds--tooltip--visible::after,\n .cds--text-input--password__visibility.cds--tooltip--visible::before,\n .cds--text-input--password__visibility:focus::after,\n .cds--text-input--password__visibility:focus::before,\n .cds--text-input--password__visibility:hover::after,\n .cds--text-input--password__visibility:hover::before {\n opacity: 1;\n }\n @keyframes tooltip-fade {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n .cds--text-input--password__visibility.cds--tooltip--visible\n .cds--assistive-text,\n .cds--text-input--password__visibility.cds--tooltip--visible\n + .cds--assistive-text,\n .cds--text-input--password__visibility:focus .cds--assistive-text,\n .cds--text-input--password__visibility:focus + .cds--assistive-text,\n .cds--text-input--password__visibility:hover .cds--assistive-text,\n .cds--text-input--password__visibility:hover + .cds--assistive-text {\n overflow: visible;\n margin: auto;\n clip: auto;\n }\n .cds--text-input--password__visibility.cds--tooltip--hidden\n .cds--assistive-text,\n .cds--text-input--password__visibility.cds--tooltip--hidden\n + .cds--assistive-text,\n .cds--text-input__counter-alert {\n overflow: hidden;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n }\n .cds--text-input--password__visibility.cds--tooltip--visible\n .cds--assistive-text,\n .cds--text-input--password__visibility.cds--tooltip--visible\n + .cds--assistive-text,\n .cds--text-input--password__visibility.cds--tooltip--visible.cds--tooltip--a11y::before,\n .cds--text-input--password__visibility:focus .cds--assistive-text,\n .cds--text-input--password__visibility:focus + .cds--assistive-text,\n .cds--text-input--password__visibility:focus.cds--tooltip--a11y::before,\n .cds--text-input--password__visibility:hover .cds--assistive-text,\n .cds--text-input--password__visibility:hover + .cds--assistive-text,\n .cds--text-input--password__visibility:hover.cds--tooltip--a11y::before {\n animation: 70ms cubic-bezier(0.2, 0, 0.38, 0.9) tooltip-fade;\n }\n .cds--text-input--password__visibility.cds--tooltip--hidden.cds--tooltip--a11y::before {\n animation: none;\n opacity: 0;\n }\n .cds--text-input--password__visibility .cds--assistive-text::after {\n position: absolute;\n display: block;\n content: '';\n left: 0;\n width: 100%;\n height: 0.75rem;\n top: -0.75rem;\n }\n .cds--text-input--password__visibility::before {\n bottom: -0.5rem;\n border-width: 0 0.25rem 0.3125rem;\n border-color: transparent transparent var(--cds-background-inverse, #393939)\n transparent;\n transform: translate(-50%, 100%);\n }\n .cds--text-input--password__visibility .cds--assistive-text,\n .cds--text-input--password__visibility + .cds--assistive-text,\n .cds--text-input--password__visibility::after {\n bottom: -0.8125rem;\n transform: translate(-50%, 100%);\n }\n .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {\n outline: transparent solid 2px;\n outline-offset: -2px;\n position: absolute;\n right: 0;\n display: flex;\n width: 2.5rem;\n height: 100%;\n min-height: auto;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: 0;\n background: 0 0;\n cursor: pointer;\n transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--text-input--sm\n + .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {\n width: 2rem;\n }\n .cds--text-input--lg\n + .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {\n width: 3rem;\n }\n .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger\n svg {\n fill: var(--cds-icon-secondary, #525252);\n transition: fill 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger\n svg {\n fill: ButtonText;\n }\n }\n .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--tag--filter.cds--tag--disabled svg,\n .cds--text-input:disabled\n ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger\n svg,\n .cds--text-input:disabled\n ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger\n svg:hover {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--text-input--invalid.cds--password-input {\n padding-right: 4rem;\n }\n .cds--text-input--invalid + .cds--text-input--password__visibility__toggle {\n right: 1rem;\n }\n .cds--password-input-wrapper .cds--text-input__invalid-icon,\n .cds--text-input--invalid .cds--text-input--password__visibility__toggle {\n right: 2.5rem;\n }\n .cds--text-input:disabled\n ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger {\n cursor: not-allowed;\n }\n .cds--text-input__counter-alert {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n }\n .cds--text-input:disabled {\n outline: transparent solid 2px;\n outline-offset: -2px;\n border-bottom: 1px solid transparent;\n background-color: var(--cds-field);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n -webkit-text-fill-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--text-input--light:disabled {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--text-input:disabled::placeholder {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n opacity: 1;\n }\n .cds--text-input--invalid {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n box-shadow: none;\n }\n @media screen and (prefers-contrast) {\n .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus,\n .cds--text-input--invalid {\n outline-style: dotted;\n }\n }\n .cds--list-box--inline .cds--list-box__menu-item__selected-icon,\n .cds--list-box.cds--list-box--inline .cds--list-box__menu-icon {\n right: 0.5rem;\n }\n .cds--skeleton.cds--text-input {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n }\n .cds--skeleton.cds--text-input:active,\n .cds--skeleton.cds--text-input:focus,\n .cds--skeleton.cds--text-input:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--skeleton.cds--text-input::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n .cds--form--fluid .cds--text-input-wrapper {\n position: relative;\n background: var(--cds-field);\n transition:\n background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--form--fluid .cds--label {\n position: absolute;\n z-index: 1;\n top: 0.8125rem;\n left: 1rem;\n display: flex;\n height: 1rem;\n align-items: center;\n margin: 0;\n }\n .cds--form--fluid .cds--form__helper-text,\n .cds--form--fluid .cds--text-input__divider,\n .cds--text-input__divider {\n display: none;\n }\n .cds--form--fluid .cds--text-input {\n min-height: 4rem;\n padding: 2rem 1rem 0.8125rem;\n }\n .cds--form--fluid .cds--text-input--invalid,\n .cds--form--fluid .cds--text-input--warning {\n border-bottom: none;\n }\n .cds--form--fluid .cds--text-input--invalid + .cds--text-input__divider,\n .cds--form--fluid .cds--text-input--warning + .cds--text-input__divider {\n display: block;\n border-style: solid;\n border-color: var(--cds-border-subtle);\n border-bottom: none;\n margin: 0 1rem;\n }\n .cds--form--fluid .cds--text-input__invalid-icon {\n top: 5rem;\n }\n .cds--form--fluid\n .cds--text-input__field-wrapper--warning\n > .cds--text-input--warning,\n .cds--form--fluid\n .cds--text-input__field-wrapper[data-invalid]\n > .cds--text-input--invalid {\n outline: 0;\n }\n .cds--form--fluid .cds--text-input__field-wrapper--warning {\n border-bottom: 1px solid var(--cds-border-strong);\n }\n .cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus) {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--form--fluid\n .cds--text-input__field-wrapper[data-invalid]:not(:focus) {\n outline-style: dotted;\n }\n }\n .cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,\n .cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,\n .cds--form--fluid\n .cds--text-input__field-wrapper[data-invalid]:focus-within {\n outline-style: dotted;\n }\n }\n .cds--form--fluid\n .cds--text-input__field-wrapper--warning\n > .cds--text-input--warning:focus,\n .cds--form--fluid\n .cds--text-input__field-wrapper[data-invalid]\n > .cds--text-input--invalid:focus {\n outline: 0;\n }\n .cds--text-input-wrapper.cds--text-input-wrapper--inline {\n flex-flow: row wrap;\n }\n .cds--text-input-wrapper .cds--label--inline {\n flex: 1;\n margin: 0.8125rem 0 0;\n overflow-wrap: break-word;\n word-break: break-word;\n }\n .cds--text-input-wrapper .cds--label--inline--sm {\n margin-top: 0.5625rem;\n }\n .cds--text-input-wrapper .cds--label--inline--lg {\n margin-top: 1.0625rem;\n }\n .cds--text-input__label-helper-wrapper {\n max-width: 8rem;\n flex: 2;\n flex-direction: column;\n margin-right: 1.5rem;\n overflow-wrap: break-word;\n }\n .cds--text-input-wrapper .cds--form__helper-text--inline {\n margin-top: 0.125rem;\n }\n .cds--text-input__field-outer-wrapper {\n display: flex;\n width: 100%;\n flex: 1 1 auto;\n flex-direction: column;\n align-items: flex-start;\n }\n .cds--text-input__field-outer-wrapper--inline {\n flex: 8;\n flex-direction: column;\n }\n .cds--text-input-wrapper--inline .cds--form-requirement {\n display: block;\n overflow: visible;\n max-height: 12.5rem;\n font-weight: 400;\n }\n .cds--text-input-wrapper--inline--invalid .cds--form-requirement {\n color: var(--cds-text-error, #da1e28);\n }\n .cds--form--fluid .cds--text-input-wrapper--readonly,\n .cds--text-input-wrapper--readonly .cds--text-input {\n border-bottom-color: var(--cds-border-subtle);\n background: 0 0;\n }\n .cds--text-input__label-wrapper,\n .flatpickr-months {\n display: flex;\n width: 100%;\n justify-content: space-between;\n }\n .cds--text-input__label-wrapper .cds--text-input__label-counter {\n align-self: end;\n }\n .cds--tag {\n font-size: var(--cds-label-01-font-size, 0.75rem);\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n background-color: var(--cds-tag-background-gray, #e0e0e0);\n color: var(--cds-tag-color-gray, #393939);\n display: inline-flex;\n min-width: 2rem;\n max-width: 100%;\n min-height: 1.5rem;\n align-items: center;\n justify-content: center;\n padding: 0.25rem 0.5rem;\n margin: 0.25rem;\n border-radius: 0.9375rem;\n cursor: default;\n vertical-align: middle;\n word-break: break-word;\n }\n .cds--list-box__label,\n .cds--list-box__wrapper--inline .cds--label {\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n }\n .cds--tag .cds--tag__close-icon:hover,\n .cds--tag.cds--tag--interactive:hover {\n background-color: var(--cds-tag-hover-gray, #c6c6c6);\n }\n .cds--tag:not(:first-child) {\n margin-left: 0;\n }\n .cds--tag--red {\n background-color: var(--cds-tag-background-red, #ffd7d9);\n color: var(--cds-tag-color-red, #750e13);\n }\n .cds--tag--red .cds--tag__close-icon:hover,\n .cds--tag--red.cds--tag--interactive:hover {\n background-color: var(--cds-tag-hover-red, #ffb3b8);\n }\n .cds--tag--magenta {\n background-color: var(--cds-tag-background-magenta, #ffd6e8);\n color: var(--cds-tag-color-magenta, #740937);\n }\n .cds--tag--magenta .cds--tag__close-icon:hover,\n .cds--tag--magenta.cds--tag--interactive:hover {\n background-color: var(--cds-tag-hover-magenta, #ffafd2);\n }\n .cds--tag--purple {\n background-color: var(--cds-tag-background-purple, #e8daff);\n color: var(--cds-tag-color-purple, #491d8b);\n }\n .cds--tag--purple .cds--tag__close-icon:hover,\n .cds--tag--purple.cds--tag--interactive:hover {\n background-color: var(--cds-tag-hover-purple, #d4bbff);\n }\n .cds--tag--blue {\n background-color: var(--cds-tag-background-blue, #d0e2ff);\n color: var(--cds-tag-color-blue, #002d9c);\n }\n .cds--tag--blue .cds--tag__close-icon:hover,\n .cds--tag--blue.cds--tag--interactive:hover {\n background-color: var(--cds-tag-hover-blue, #a6c8ff);\n }\n .cds--tag--cyan {\n background-color: var(--cds-tag-background-cyan, #bae6ff);\n color: var(--cds-tag-color-cyan, #003a6d);\n }\n .cds--tag--cyan .cds--tag__close-icon:hover,\n .cds--tag--cyan.cds--tag--interactive:hover {\n background-color: var(--cds-tag-hover-cyan, #82cfff);\n }\n .cds--tag--teal {\n background-color: var(--cds-tag-background-teal, #9ef0f0);\n color: var(--cds-tag-color-teal, #004144);\n }\n .cds--tag--teal .cds--tag__close-icon:hover,\n .cds--tag--teal.cds--tag--interactive:hover {\n background-color: var(--cds-tag-hover-teal, #3ddbd9);\n }\n .cds--tag--green {\n background-color: var(--cds-tag-background-green, #a7f0ba);\n color: var(--cds-tag-color-green, #044317);\n }\n .cds--tag--green .cds--tag__close-icon:hover,\n .cds--tag--green.cds--tag--interactive:hover {\n background-color: var(--cds-tag-hover-green, #6fdc8c);\n }\n .cds--tag--gray {\n background-color: var(--cds-tag-background-gray, #e0e0e0);\n color: var(--cds-tag-color-gray, #393939);\n }\n .cds--tag--gray .cds--tag__close-icon:hover,\n .cds--tag--gray.cds--tag--interactive:hover {\n background-color: var(--cds-tag-hover-gray, #c6c6c6);\n }\n .cds--tag--cool-gray {\n background-color: var(--cds-tag-background-cool-gray, #dde1e6);\n color: var(--cds-tag-color-cool-gray, #343a3f);\n }\n .cds--tag--cool-gray .cds--tag__close-icon:hover,\n .cds--tag--cool-gray.cds--tag--interactive:hover {\n background-color: var(--cds-tag-hover-cool-gray, #c1c7cd);\n }\n .cds--tag--warm-gray {\n background-color: var(--cds-tag-background-warm-gray, #e5e0df);\n color: var(--cds-tag-color-warm-gray, #3c3838);\n }\n .cds--tag--warm-gray .cds--tag__close-icon:hover,\n .cds--tag--warm-gray.cds--tag--interactive:hover {\n background-color: var(--cds-tag-hover-warm-gray, #cac5c4);\n }\n .cds--tag--high-contrast {\n background-color: var(--cds-background-inverse, #393939);\n color: var(--cds-text-inverse, #fff);\n }\n .cds--tag--high-contrast .cds--tag__close-icon:hover,\n .cds--tag--high-contrast.cds--tag--interactive:hover {\n background-color: var(--cds-background-inverse-hover, #474747);\n }\n .cds--tag--outline {\n background-color: var(--cds-background, #fff);\n color: var(--cds-text-primary, #161616);\n box-shadow: 0 0 0 1px var(--cds-background-inverse, #393939);\n }\n .cds--tag--outline .cds--tag__close-icon:hover,\n .cds--tag--outline.cds--tag--interactive:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--tag--disabled,\n .cds--tag--filter.cds--tag--disabled,\n .cds--tag--interactive.cds--tag--disabled {\n background-color: var(--cds-layer);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n box-shadow: none;\n }\n .cds--tag--interactive:focus,\n .cds--tag__close-icon:focus {\n box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);\n outline: 0;\n }\n .cds--tag--disabled .cds--tag__close-icon:hover,\n .cds--tag--disabled.cds--tag--interactive:hover,\n .cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,\n .cds--tag--filter.cds--tag--disabled.cds--tag--interactive:hover,\n .cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover,\n .cds--tag--interactive.cds--tag--disabled.cds--tag--interactive:hover {\n background-color: var(--cds-layer);\n }\n .cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,\n .cds--tag__close-icon,\n .cds--tag__custom-icon {\n background-color: transparent;\n }\n .cds--tag--disabled:hover,\n .cds--tag--filter.cds--tag--disabled:hover,\n .cds--tag--interactive.cds--tag--disabled:hover {\n cursor: not-allowed;\n }\n .cds--tag__label {\n overflow: hidden;\n max-width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .cds--tag--interactive:hover,\n .flatpickr-input[readonly] {\n cursor: pointer;\n }\n .cds--tag--filter {\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0;\n cursor: pointer;\n }\n .cds--tag--filter:hover {\n outline: 0;\n }\n .cds--tag__close-icon {\n display: flex;\n width: 1.5rem;\n height: 1.5rem;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: 0;\n margin: 0 0 0 0.125rem;\n border-radius: 50%;\n color: currentColor;\n cursor: pointer;\n transition:\n background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n box-shadow 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tag__custom-icon {\n width: 1rem;\n height: 1rem;\n flex-shrink: 0;\n padding: 0;\n border: 0;\n margin-right: 0.25rem;\n color: currentColor;\n outline: 0;\n }\n .cds--tag--disabled .cds--tag__close-icon {\n cursor: not-allowed;\n }\n .cds--tag__close-icon:focus {\n border-radius: 50%;\n }\n .cds--tag--high-contrast .cds--tag__close-icon:focus {\n box-shadow: inset 0 0 0 1px var(--cds-focus-inverse, #fff);\n }\n .cds--tag.cds--skeleton,\n .cds--tag.cds--skeleton .cds--tag__close-icon:hover,\n .cds--tag.cds--skeleton.cds--tag--interactive:hover {\n background-color: var(--cds-skeleton-background, #e8e8e8);\n }\n .cds--tag--sm {\n min-height: 1.125rem;\n padding: 0 0.5rem;\n }\n .cds--tag--sm.cds--tag--filter {\n padding-right: 0;\n }\n .cds--tag--sm .cds--tag__close-icon {\n width: 1.125rem;\n height: 1.125rem;\n margin-left: 0.3125rem;\n }\n .cds--tag.cds--skeleton {\n color: var(--cds-text-primary, #161616);\n overflow: hidden;\n width: 3.75rem;\n }\n @media not all and (min-resolution: 0.001dpcm) {\n @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n .cds--snippet__overflow-indicator--left {\n background-image: linear-gradient(\n to left,\n rgba(var(--cds-layer), 0),\n var(--cds-layer)\n );\n }\n .cds--snippet__overflow-indicator--right {\n background-image: linear-gradient(\n to right,\n rgba(var(--cds-layer), 0),\n var(--cds-layer)\n );\n }\n .cds--tag.cds--skeleton {\n transform: translateZ(0);\n }\n circle.cds--loading__background {\n stroke-dasharray: 265;\n stroke-dashoffset: 0;\n }\n }\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger\n svg,\n .cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover\n svg {\n fill: ButtonText;\n }\n .cds--tag {\n outline: transparent solid 1px;\n }\n .cds--tag__close-icon svg,\n .cds--tag__custom-icon svg {\n fill: ButtonText;\n }\n .cds--tag__close-icon:focus {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n }\n .cds--list-box__wrapper--inline {\n display: inline-grid;\n align-items: center;\n grid-gap: 0.25rem;\n grid-template: auto auto/auto auto;\n }\n .cds--list-box__wrapper--inline .cds--label {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n }\n .cds--contained-list--on-page .cds--contained-list__header,\n .cds--data-table thead {\n line-height: var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);\n }\n .cds--list-box__wrapper--inline .cds--form-requirement,\n .cds--list-box__wrapper--inline .cds--form__helper-text,\n .cds--list-box__wrapper--inline .cds--label {\n margin: 0;\n }\n .cds--list-box__wrapper--inline .cds--form__helper-text {\n max-width: none;\n }\n .cds--list-box {\n position: relative;\n width: 100%;\n height: 2.5rem;\n max-height: 2.5rem;\n border: none;\n border-bottom: 1px solid var(--cds-border-strong);\n background-color: var(--cds-field);\n color: var(--cds-text-primary, #161616);\n cursor: pointer;\n transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--list-box--disabled,\n .cds--list-box--disabled .cds--list-box__field,\n .cds--list-box--disabled .cds--list-box__menu-icon,\n .cds--list-box--disabled .cds--list-box__selection:hover {\n cursor: not-allowed;\n }\n .cds--list-box html {\n font-size: 100%;\n }\n .cds--list-box body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--list-box code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--list-box strong {\n font-weight: 600;\n }\n .cds--list-box:hover {\n background-color: var(--cds-field-hover);\n }\n .cds--list-box--lg {\n height: 3rem;\n max-height: 3rem;\n }\n .cds--list-box--sm {\n height: 2rem;\n max-height: 2rem;\n }\n .cds--list-box--expanded {\n border-bottom-color: var(--cds-border-subtle);\n }\n .cds--list-box--expanded:hover {\n background-color: var(--cds-field);\n }\n .cds--list-box--expanded:hover.cds--list-box--light:hover {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--list-box .cds--text-input {\n min-width: 0;\n height: 100%;\n }\n .cds--list-box__invalid-icon {\n position: absolute;\n top: 50%;\n right: 2.5rem;\n fill: var(--cds-support-error, #da1e28);\n transform: translateY(-50%);\n }\n .cds--list-box__invalid-icon--warning {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--list-box__menu-icon > svg,\n .cds--list-box__selection > svg {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--list-box__invalid-icon--warning path[fill] {\n fill: #000;\n opacity: 1;\n }\n .cds--combo-box--readonly .cds--list-box__menu-icon svg,\n .cds--combo-box--readonly .cds--list-box__selection svg,\n .cds--list-box--disabled .cds--list-box__menu-icon > svg,\n .cds--list-box--disabled .cds--list-box__selection--multi > svg,\n .cds--list-box--disabled .cds--list-box__selection > svg {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--list-box.cds--list-box--warning .cds--list-box__field,\n .cds--list-box[data-invalid] .cds--list-box__field {\n padding-right: 4rem;\n border-bottom: 0;\n }\n .cds--list-box.cds--list-box--warning.cds--list-box--inline\n .cds--list-box__field,\n .cds--list-box[data-invalid].cds--list-box--inline .cds--list-box__field {\n padding-right: 3.5rem;\n }\n .cds--list-box--light {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--list-box--light:hover {\n background-color: var(--cds-field-hover);\n }\n .cds--list-box--light .cds--list-box__menu {\n background: var(--cds-layer);\n }\n .cds--list-box--light .cds--list-box__menu-item__option {\n border-top-color: var(--cds-border-subtle);\n }\n .cds--list-box--light.cds--list-box--expanded {\n border-bottom-color: transparent;\n }\n .cds--list-box--disabled:hover {\n background-color: var(--cds-field);\n }\n .cds--list-box--light.cds--list-box--disabled {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--list-box--disabled,\n .cds--list-box--disabled .cds--list-box__field,\n .cds--list-box--disabled .cds--list-box__field:focus {\n border-bottom-color: transparent;\n outline: 0;\n }\n .cds--list-box--disabled .cds--list-box__label,\n .cds--list-box--disabled.cds--list-box--inline .cds--list-box__label {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--list-box--disabled .cds--list-box__menu-item,\n .cds--list-box--disabled .cds--list-box__menu-item--highlighted,\n .cds--list-box--disabled .cds--list-box__menu-item:hover {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n text-decoration: none;\n }\n .cds--list-box--inline .cds--list-box__label,\n .cds--list-box__label {\n color: var(--cds-text-primary, #161616);\n }\n .cds--actionable-notification a:hover,\n .cds--file-browse-btn:active,\n .cds--file-browse-btn:active:visited,\n .cds--file-browse-btn:focus,\n .cds--file-browse-btn:hover,\n .cds--inline-notification a:hover,\n .cds--toast-notification a:hover,\n div.container.tutorial .hljs-class .hljs-title,\n div.container.tutorial .hljs-doctag,\n div.container.tutorial .hljs-title.class_ {\n text-decoration: underline;\n }\n .cds--list-box--disabled.cds--list-box[data-invalid] .cds--list-box__field {\n padding-right: 3rem;\n }\n .cds--list-box.cds--list-box--inline {\n border-width: 0;\n background-color: transparent;\n }\n .cds--list-box.cds--list-box--inline:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--list-box.cds--list-box--inline.cds--list-box--expanded {\n border-bottom-width: 0;\n }\n .cds--list-box.cds--list-box--inline.cds--list-box--expanded\n .cds--list-box__field[aria-expanded='true'] {\n border-width: 0;\n }\n .cds--list-box.cds--list-box--inline.cds--list-box--disabled:hover,\n .cds--list-box.cds--list-box--inline.cds--list-box--expanded:hover {\n background-color: transparent;\n }\n .cds--list-box--disabled .cds--list-box__selection--multi,\n .cds--list-box--disabled\n .cds--list-box__selection--multi\n .cds--tag__close-icon:hover,\n .cds--list-box--disabled\n .cds--list-box__selection--multi.cds--tag--interactive:hover {\n background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--list-box.cds--list-box--inline .cds--list-box__field {\n padding: 0 2rem 0 0.5rem;\n }\n .cds--list-box.cds--list-box--inline .cds--list-box__invalid-icon {\n right: 2rem;\n }\n .cds--list-box--inline .cds--list-box__field {\n height: 100%;\n }\n .cds--dropdown--inline .cds--list-box__field {\n max-width: 30rem;\n }\n .cds--dropdown--inline .cds--list-box__menu {\n min-width: 18rem;\n max-width: 30rem;\n }\n .cds--list-box__field {\n padding: 0 3rem 0 1rem;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n display: inline-block;\n appearance: none;\n background: 0 0;\n text-align: start;\n width: 100%;\n position: relative;\n display: inline-flex;\n overflow: hidden;\n height: calc(100% + 1px);\n align-items: center;\n cursor: pointer;\n outline: 0;\n text-overflow: ellipsis;\n vertical-align: top;\n white-space: nowrap;\n }\n .cds--list-box__field *,\n .cds--list-box__field ::after,\n .cds--list-box__field ::before {\n box-sizing: inherit;\n }\n .cds--list-box__field::-moz-focus-inner {\n border: 0;\n }\n .cds--list-box__field:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--list-box__field:focus {\n outline-style: dotted;\n }\n }\n .cds--list-box__field[disabled] {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline: 0;\n }\n .cds--list-box__field .cds--text-input {\n padding-right: 4.5rem;\n }\n .cds--list-box--warning .cds--list-box__field .cds--text-input,\n .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input {\n padding-right: 6.125rem;\n }\n .cds--list-box--warning\n .cds--list-box__field\n .cds--text-input\n + .cds--list-box__invalid-icon,\n .cds--list-box[data-invalid]\n .cds--list-box__field\n .cds--text-input\n + .cds--list-box__invalid-icon {\n right: 4.125rem;\n }\n .cds--list-box__field .cds--text-input--empty {\n padding-right: 3rem;\n }\n .cds--list-box--warning .cds--list-box__field .cds--text-input--empty,\n .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input--empty {\n padding-right: carbon--mini-units(9);\n }\n .cds--list-box--warning\n .cds--list-box__field\n .cds--text-input--empty\n + .cds--list-box__invalid-icon,\n .cds--list-box[data-invalid]\n .cds--list-box__field\n .cds--text-input--empty\n + .cds--list-box__invalid-icon {\n right: 2.5rem;\n }\n .cds--list-box__label {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n overflow: hidden;\n text-overflow: ellipsis;\n user-select: none;\n white-space: nowrap;\n }\n .cds--list-box__menu-icon,\n .cds--list-box__selection {\n padding: 0;\n font-size: 100%;\n background: 0 0;\n position: absolute;\n width: 1.5rem;\n border: 0;\n height: 1.5rem;\n cursor: pointer;\n margin: 0;\n font-family: inherit;\n vertical-align: baseline;\n appearance: none;\n text-align: start;\n }\n .cds--list-box__menu-icon {\n box-sizing: border-box;\n display: inline-block;\n right: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n outline: 0;\n transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--list-box__menu-icon *,\n .cds--list-box__menu-icon ::after,\n .cds--list-box__menu-icon ::before {\n box-sizing: inherit;\n }\n .cds--list-box__menu-icon::-moz-focus-inner {\n border: 0;\n }\n .cds--list-box__menu-icon--open {\n width: 1.5rem;\n justify-content: center;\n transform: rotate(180deg);\n }\n .cds--list-box__selection {\n box-sizing: border-box;\n display: inline-block;\n top: 50%;\n right: 2.25rem;\n display: flex;\n align-items: center;\n justify-content: center;\n transform: translateY(-50%);\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n user-select: none;\n }\n .cds--content-switcher-btn,\n .cds--content-switcher-btn body {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--list-box__selection *,\n .cds--list-box__selection ::after,\n .cds--list-box__selection ::before {\n box-sizing: inherit;\n }\n .cds--list-box__selection::-moz-focus-inner {\n border: 0;\n }\n .cds--list-box--disabled\n .cds--list-box__menu-item:hover\n + .cds--list-box__menu-item\n .cds--list-box__menu-item__option,\n .cds--list-box--disabled .cds--list-box__menu-item__option:hover {\n border-top-color: var(--cds-border-subtle);\n }\n .cds--list-box__selection:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--list-box__selection:focus:hover {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--list-box__selection:focus,\n .cds--list-box__selection:focus:hover {\n outline-style: dotted;\n }\n }\n .cds--list-box--disabled .cds--list-box__selection:focus,\n .cds--list-box__selection--multi:hover {\n outline: 0;\n }\n .cds--list-box__selection--multi {\n font-size: var(--cds-label-01-font-size, 0.75rem);\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n position: static;\n top: auto;\n display: flex;\n width: auto;\n height: 1.5rem;\n align-items: center;\n justify-content: space-between;\n padding: 0.5rem 0.125rem 0.5rem 0.5rem;\n margin-right: 0.625rem;\n background-color: var(--cds-background-inverse, #393939);\n border-radius: 0.75rem;\n color: var(--cds-text-inverse, #fff);\n line-height: 0;\n transform: none;\n }\n .cds--list-box__selection--multi > svg {\n width: 1.25rem;\n height: 1.25rem;\n padding: 0.125rem;\n margin-left: 0.25rem;\n fill: var(--cds-icon-inverse, #ffffff);\n }\n .cds--list-box__selection--multi > svg:hover {\n background-color: var(--cds-button-secondary-hover, #474747);\n border-radius: 50%;\n }\n .cds--list-box--disabled .cds--list-box__selection--multi {\n color: var(--cds-layer);\n }\n .cds--list-box--light .cds--list-box__menu-item:hover,\n .cds--list-box__menu-item:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--list-box--disabled .cds--list-box__selection--multi > svg:hover {\n background-color: initial;\n }\n .cds--list-box__menu {\n box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n position: absolute;\n z-index: 9100;\n right: 0;\n left: 0;\n width: 100%;\n background-color: var(--cds-layer);\n overflow-y: auto;\n transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--list-box__menu:focus {\n outline: 1px solid var(--cds-focus, #0f62fe);\n }\n @media screen and (prefers-contrast) {\n .cds--list-box__menu:focus {\n outline-style: dotted;\n }\n }\n .cds--list-box\n .cds--list-box__field[aria-expanded='false']\n + .cds--list-box__menu {\n display: none;\n max-height: 0;\n }\n .cds--list-box--expanded .cds--list-box__menu {\n display: block;\n max-height: 13.75rem;\n }\n .cds--list-box--expanded.cds--list-box--lg .cds--list-box__menu {\n max-height: 16.5rem;\n }\n .cds--dropdown--open.cds--dropdown--sm .cds--dropdown-list,\n .cds--list-box--expanded.cds--list-box--sm .cds--list-box__menu {\n max-height: 11rem;\n }\n .cds--list-box__menu-item {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n position: relative;\n height: 2.5rem;\n color: var(--cds-text-secondary, #525252);\n cursor: pointer;\n transition: background 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n user-select: none;\n }\n .cds--list-box__menu-item:active {\n background-color: var(--cds-layer-selected);\n }\n .cds--list-box--sm .cds--list-box__menu-item {\n height: 2rem;\n }\n .cds--list-box--lg .cds--list-box__menu-item {\n height: 3rem;\n }\n .cds--list-box--disabled .cds--list-box__menu-item:hover {\n background-color: transparent;\n }\n .cds--list-box--light .cds--list-box__menu-item:active {\n background-color: var(--cds-layer-selected);\n }\n .cds--list-box__menu-item:first-of-type .cds--list-box__menu-item__option,\n .cds--list-box__menu-item:hover\n + .cds--list-box__menu-item\n .cds--list-box__menu-item__option {\n border-top-color: transparent;\n }\n .cds--list-box__menu-item:hover .cds--list-box__menu-item__option {\n color: var(--cds-text-primary, #161616);\n }\n .cds--list-box__menu-item__option {\n outline: transparent solid 2px;\n outline-offset: -2px;\n display: block;\n overflow: hidden;\n height: 2.5rem;\n padding: 0.6875rem 1.5rem 0.6875rem 0;\n border-top: 1px solid transparent;\n border-top-color: var(--cds-border-subtle);\n border-bottom: 1px solid transparent;\n margin: 0 1rem;\n color: var(--cds-text-secondary, #525252);\n font-weight: 400;\n line-height: 1rem;\n text-decoration: none;\n text-overflow: ellipsis;\n transition:\n border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n white-space: nowrap;\n }\n .cds--action-list .cds--btn--primary::after,\n .cds--action-list .cds--btn--primary::before,\n .cds--action-list .cds--btn--primary:focus::after,\n .cds--action-list .cds--btn--primary:focus::before,\n .cds--content-switcher--icon-only\n .cds--content-switcher-popover__wrapper:first-of-type\n .cds--content-switcher-btn::before,\n .cds--content-switcher-btn:disabled::after,\n .cds--content-switcher:not(.cds--content-switcher--icon-only)\n .cds--content-switcher-btn:first-of-type::before,\n .cds--toolbar-search-container-persistent .cds--search-close::before {\n display: none;\n }\n .cds--list-box__menu-item__option:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n padding: 0.6875rem 1rem;\n border-color: transparent;\n margin: 0;\n }\n @media screen and (prefers-contrast) {\n .cds--list-box__menu-item__option:focus {\n outline-style: dotted;\n }\n }\n .cds--list-box__menu-item__option:hover {\n border-color: transparent;\n color: var(--cds-text-primary, #161616);\n }\n .cds--list-box--sm .cds--list-box__menu-item__option {\n height: 2rem;\n padding-top: 0.4375rem;\n padding-bottom: 0.4375rem;\n }\n .cds--list-box--lg .cds--list-box__menu-item__option {\n height: 3rem;\n padding-top: 0.9375rem;\n padding-bottom: 0.9375rem;\n }\n .cds--list-box--disabled\n .cds--list-box__menu-item:hover\n .cds--list-box__menu-item__option,\n .cds--list-box--disabled .cds--list-box__menu-item__option {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--list-box__menu-item[disabled],\n .cds--list-box__menu-item[disabled] *,\n .cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,\n .cds--list-box__menu-item[disabled]:hover {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n outline: 0;\n }\n .cds--list-box__menu-item--active,\n .cds--list-box__menu-item--active .cds--list-box__menu-item__option,\n .cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option {\n color: var(--cds-text-primary, #161616);\n }\n .cds--list-box__menu-item[disabled]:hover {\n background-color: revert;\n }\n .cds--list-box__menu-item[disabled] .cds--checkbox-label::before {\n border-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,\n .cds--list-box__menu-item[disabled]:hover\n + .cds--list-box__menu-item\n .cds--list-box__menu-item__option {\n border-top-color: var(--cds-border-subtle);\n }\n .cds--list-box__menu-item--active\n + .cds--list-box__menu-item\n > .cds--list-box__menu-item__option,\n .cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option,\n .cds--list-box__menu-item--highlighted\n + .cds--list-box__menu-item\n .cds--list-box__menu-item__option {\n border-top-color: transparent;\n }\n .cds--list-box.cds--list-box--inline .cds--list-box__menu-item__option {\n margin: 0 0.5rem;\n }\n .cds--list-box.cds--list-box--inline .cds--list-box__menu-item__option:focus {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n margin: 0;\n }\n .cds--list-box__menu-item--highlighted {\n border-color: transparent;\n background-color: var(--cds-layer-selected);\n color: var(--cds-text-primary, #161616);\n }\n .cds--list-box--light .cds--list-box__menu-item--active,\n .cds--list-box__menu-item--active {\n border-bottom-color: var(--cds-layer-selected);\n background-color: var(--cds-layer-selected);\n }\n .cds--list-box__menu-item--active:hover {\n border-bottom-color: var(--cds-layer-selected-hover);\n background-color: var(--cds-layer-selected-hover);\n }\n .cds--combo-box--readonly .cds--text-input,\n .cds--combo-box.cds--list-box--expanded .cds--text-input {\n border-bottom-color: var(--cds-border-subtle);\n }\n .cds--list-box__menu-item__selected-icon {\n position: absolute;\n top: 50%;\n right: 1rem;\n display: none;\n fill: var(--cds-icon-primary, #161616);\n transform: translateY(-50%);\n }\n .cds--list-box__menu-item--active .cds--list-box__menu-item__selected-icon {\n display: block;\n }\n .cds--list-box__menu-item .cds--checkbox-label {\n width: 100%;\n }\n .cds--list-box__menu-item .cds--checkbox-label-text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .cds--list-box--up .cds--list-box__menu {\n bottom: 2.5rem;\n }\n .cds--list-box--up .cds--list-box--sm .cds--list-box__menu,\n .cds--list-box--up.cds--dropdown--sm .cds--list-box__menu,\n .cds--list-box--up.cds--list-box--sm .cds--list-box__menu {\n bottom: 2rem;\n }\n .cds--list-box--up .cds--list-box--lg .cds--list-box__menu,\n .cds--list-box--up.cds--dropdown--lg .cds--list-box__menu,\n .cds--list-box--up.cds--list-box--lg .cds--list-box__menu {\n bottom: 3rem;\n }\n .cds--list-box input[role='combobox'],\n .cds--list-box input[type='text'] {\n min-width: 0;\n background-color: inherit;\n text-overflow: ellipsis;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--list-box__field,\n .cds--list-box__menu,\n .cds--multi-select .cds--tag--filter {\n outline: transparent solid 1px;\n }\n .cds--list-box__field:focus,\n .cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option,\n .cds--multi-select .cds--tag__close-icon:focus {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--list-box__menu-icon > svg,\n .cds--list-box__selection--multi > svg,\n .cds--list-box__selection > svg {\n fill: ButtonText;\n }\n }\n .cds--combo-box:hover {\n background-color: var(--cds-field);\n }\n .cds--combo-box--readonly,\n .cds--combo-box--readonly:hover,\n .cds--content-switcher-btn {\n background-color: transparent;\n }\n .cds--combo-box.cds--list-box--light:hover {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--combo-box .cds--text-input::-ms-clear {\n display: none;\n }\n .cds--combo-box--input--focus.cds--text-input {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--combo-box .cds--list-box__field,\n .cds--combo-box.cds--list-box--disabled.cds--list-box--warning\n .cds--list-box__field,\n .cds--combo-box.cds--list-box--disabled.cds--list-box[data-invalid]\n .cds--list-box__field,\n .cds--combo-box.cds--list-box--warning .cds--list-box__field,\n .cds--combo-box.cds--list-box[data-invalid] .cds--list-box__field {\n padding: 0;\n }\n .cds--combo-box--readonly .cds--list-box__menu-icon,\n .cds--combo-box--readonly .cds--list-box__selection {\n cursor: default;\n }\n .cds--combo-button__container {\n display: inline-flex;\n column-gap: 0.0625rem;\n }\n .cds--combo-button__container--sm .cds--combo-button__primary-action {\n min-width: 7.9375rem;\n }\n .cds--combo-button__container--md .cds--combo-button__primary-action {\n min-width: 7.4375rem;\n }\n .cds--combo-button__container--lg .cds--combo-button__primary-action {\n min-width: 6.9375rem;\n }\n .cds--combo-button__primary-action .cds--btn {\n width: 100%;\n }\n .cds--combo-button__trigger svg {\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--combo-button__container--open .cds--combo-button__trigger svg {\n transform: rotate(180deg);\n }\n .cds--contained-list__header {\n position: sticky;\n z-index: 1;\n top: 0;\n display: flex;\n align-items: center;\n padding-inline: 1rem;\n }\n .cds--contained-list__label {\n width: 100%;\n }\n .cds--contained-list--on-page.cds--contained-list--sm\n .cds--contained-list__header {\n height: 2rem;\n }\n .cds--contained-list--sm\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content,\n .cds--contained-list--sm .cds--contained-list-item__content {\n min-height: 2rem;\n padding: calc(0.5rem - 0.125rem) 1rem;\n }\n .cds--contained-list--on-page.cds--contained-list--md\n .cds--contained-list__header {\n height: 2.5rem;\n }\n .cds--contained-list--md\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content,\n .cds--contained-list--md .cds--contained-list-item__content {\n min-height: 2.5rem;\n padding: calc(0.75rem - 0.125rem) 1rem;\n }\n .cds--contained-list--on-page.cds--contained-list--lg\n .cds--contained-list__header {\n height: 3rem;\n }\n .cds--contained-list--lg\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content,\n .cds--contained-list--lg .cds--contained-list-item__content {\n min-height: 3rem;\n padding: calc(1rem - 0.125rem) 1rem;\n }\n .cds--contained-list--on-page.cds--contained-list--xl\n .cds--contained-list__header {\n height: 4rem;\n }\n .cds--contained-list--xl\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content,\n .cds--contained-list--xl .cds--contained-list-item__content {\n min-height: 4rem;\n padding: calc(1.5rem - 0.125rem) 1rem;\n }\n .cds--contained-list--on-page + .cds--contained-list--on-page {\n margin-block-start: 1rem;\n }\n .cds--contained-list--on-page .cds--contained-list__header {\n font-size: var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-compact-01-font-weight, 600);\n border-bottom: 1px solid var(--cds-border-subtle);\n background-color: var(--cds-background, #fff);\n color: var(--cds-text-primary, #161616);\n }\n .cds--layer-two .cds--contained-list--on-page .cds--contained-list__header {\n background-color: var(--cds-layer-01, #f4f4f4);\n }\n .cds--layer-three .cds--contained-list--on-page .cds--contained-list__header {\n background-color: var(--cds-layer-02, #fff);\n }\n .cds--contained-list--disclosed .cds--contained-list__header {\n font-size: var(--cds-label-01-font-size, 0.75rem);\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n height: 2rem;\n background-color: var(--cds-layer);\n color: var(--cds-text-secondary, #525252);\n }\n .cds--contained-list-item {\n position: relative;\n }\n .cds--contained-list-item:not(:first-of-type) {\n margin-top: -1px;\n }\n .cds--contained-list-item--clickable .cds--contained-list-item__content {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n display: inline-block;\n appearance: none;\n background: 0 0;\n cursor: pointer;\n text-align: start;\n width: 100%;\n text-align: start;\n transition: background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--contained-list-item--clickable .cds--contained-list-item__content *,\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content\n ::after,\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content\n ::before {\n box-sizing: inherit;\n }\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content::-moz-focus-inner {\n border: 0;\n }\n .cds--contained-list-item--clickable .cds--contained-list-item__content,\n .cds--contained-list-item__content {\n font-size: var(--cds-body-01-font-size, 0.875rem);\n font-weight: var(--cds-body-01-font-weight, 400);\n line-height: var(--cds-body-01-line-height, 1.42857);\n letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n color: var(--cds-text-primary, #161616);\n }\n .cds--contained-list-item:not(:last-of-type)::before {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n height: 1px;\n background-color: var(--cds-border-subtle);\n content: '';\n }\n .cds--contained-list--inset-rulers\n .cds--contained-list-item:not(:last-of-type)::before {\n right: 1rem;\n left: 1rem;\n }\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content:not(:disabled):hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content:not(:disabled):active {\n background-color: var(--cds-layer-active);\n }\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content:disabled,\n .flatpickr-day.flatpickr-disabled {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content:focus {\n outline: 0;\n }\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content:focus::after {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n content: '';\n }\n .cds--dropdown--inline.cds--dropdown--invalid .cds--dropdown__invalid-icon,\n .cds--select--inline.cds--select--invalid\n .cds--select-input\n ~ .cds--select__invalid-icon {\n right: 2rem;\n }\n @media screen and (prefers-contrast) {\n .cds--combo-box--input--focus.cds--text-input,\n .cds--contained-list-item--clickable\n .cds--contained-list-item__content:focus::after {\n outline-style: dotted;\n }\n }\n .cds--contained-list-item--with-action .cds--contained-list-item__content {\n padding-inline-end: 4rem;\n }\n .cds--contained-list-item__action,\n .cds--contained-list__action {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n display: flex;\n justify-content: flex-end;\n pointer-events: none;\n }\n .cds--contained-list-item__action > *,\n .cds--contained-list__action > * {\n pointer-events: all;\n }\n .cds--contained-list-item--with-icon .cds--contained-list-item__content {\n display: grid;\n column-gap: 0.75rem;\n grid-template-columns: 1rem 1fr;\n }\n .cds--contained-list-item__icon {\n display: inline-flex;\n padding-top: 0.125rem;\n }\n .cds--content-switcher {\n display: flex;\n width: 100%;\n height: 2.5rem;\n justify-content: space-evenly;\n }\n .cds--content-switcher--icon-only.cds--content-switcher--sm .cds--btn--sm,\n .cds--content-switcher--sm {\n height: 2rem;\n }\n .cds--content-switcher--lg {\n height: 3rem;\n }\n .cds--content-switcher-btn {\n outline: transparent solid 2px;\n outline-offset: -2px;\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n position: relative;\n display: inline-flex;\n overflow: hidden;\n width: 100%;\n align-items: center;\n padding: 0.5rem 1rem;\n border: none;\n border-top: 0.0625rem solid var(--cds-border-inverse, #161616);\n border-bottom: 0.0625rem solid var(--cds-border-inverse, #161616);\n margin: 0;\n color: var(--cds-text-secondary, #525252);\n text-align: left;\n text-decoration: none;\n transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n white-space: nowrap;\n }\n .cds--content-switcher-btn html {\n font-size: 100%;\n }\n .cds--content-switcher-btn body {\n font-weight: 400;\n }\n .cds--content-switcher-btn code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--content-switcher-btn strong {\n font-weight: 600;\n }\n .cds--content-switcher-btn::after {\n position: absolute;\n top: 0;\n left: 0;\n display: block;\n width: 100%;\n height: 100%;\n background-color: var(--cds-layer-selected-inverse, #161616);\n content: '';\n transform: scaleY(0);\n transform-origin: bottom;\n transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--skeleton.cds--text-input::before {\n animation: none;\n }\n .cds--content-switcher-btn::after {\n transition: none;\n }\n }\n .cds--content-switcher-btn:focus {\n z-index: 3;\n border-color: var(--cds-focus, #0f62fe);\n box-shadow:\n inset 0 0 0 2px var(--cds-focus, #0f62fe),\n inset 0 0 0 3px var(--cds-focus-inset, #fff);\n }\n .cds--content-switcher-btn:disabled,\n .cds--content-switcher-btn:disabled:first-child,\n .cds--content-switcher-btn:disabled:last-child {\n border-color: var(--cds-border-disabled, #c6c6c6);\n }\n .cds--content-switcher-btn:focus::after {\n clip-path: inset(3px 3px 3px 3px);\n }\n .cds--content-switcher-btn:hover {\n color: var(--cds-text-primary, #161616);\n cursor: pointer;\n }\n .cds--content-switcher-btn:active,\n .cds--content-switcher-btn:hover {\n z-index: 3;\n background-color: var(--cds-layer-hover);\n color: var(--cds-text-primary, #161616);\n }\n .cds--content-switcher-btn:disabled {\n background-color: transparent;\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--content-switcher-btn:disabled:hover {\n cursor: not-allowed;\n }\n .cds--content-switcher:not(.cds--content-switcher--icon-only)\n .cds--content-switcher-btn:first-child {\n border-left: 0.0625rem solid var(--cds-border-inverse, #161616);\n border-bottom-left-radius: 0.25rem;\n border-top-left-radius: 0.25rem;\n }\n .cds--content-switcher:not(.cds--content-switcher--icon-only)\n .cds--content-switcher-btn:first-child:disabled {\n border-color: var(--cds-border-disabled, #c6c6c6);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--content-switcher:not(.cds--content-switcher--icon-only)\n .cds--content-switcher-btn:last-child {\n border-right: 0.0625rem solid var(--cds-border-inverse, #161616);\n border-bottom-right-radius: 0.25rem;\n border-top-right-radius: 0.25rem;\n }\n .cds--content-switcher:not(.cds--content-switcher--icon-only)\n .cds--content-switcher-btn:last-child:disabled {\n border-color: var(--cds-border-disabled, #c6c6c6);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--content-switcher\n .cds--content-switcher-btn.cds--content-switcher--selected,\n .cds--content-switcher\n .cds--content-switcher-btn.cds--content-switcher--selected:first-child,\n .cds--content-switcher\n .cds--content-switcher-btn.cds--content-switcher--selected:last-child {\n border: 0;\n }\n .cds--content-switcher-btn::before {\n position: absolute;\n z-index: 2;\n left: 0;\n display: block;\n width: 0.0625rem;\n height: 1rem;\n background-color: var(--cds-border-subtle);\n content: '';\n }\n .cds--table-toolbar:not(.cds--table-toolbar--sm)\n .cds--toolbar-search-container-persistent.cds--search--lg\n .cds--search-magnifier-icon,\n .cds--toolbar-search-container-persistent .cds--search-magnifier-icon {\n left: 1rem;\n }\n .cds--content-switcher--selected + .cds--content-switcher-btn::before,\n .cds--content-switcher--selected::before,\n .cds--content-switcher-btn.cds--content-switcher--selected:disabled\n + .cds--content-switcher-btn::before,\n .cds--content-switcher-btn.cds--content-switcher--selected:disabled:hover\n + .cds--content-switcher-btn::before,\n .cds--content-switcher-btn:focus + .cds--content-switcher-btn::before,\n .cds--content-switcher-btn:focus::before,\n .cds--content-switcher-btn:hover + .cds--content-switcher-btn::before,\n .cds--content-switcher-btn:hover::before {\n background-color: transparent;\n }\n .cds--content-switcher-btn:disabled::before,\n .cds--content-switcher-btn:disabled:hover\n + .cds--content-switcher-btn:disabled::before {\n background-color: var(--cds-border-disabled, #c6c6c6);\n }\n .cds--content-switcher__icon {\n fill: var(--cds-icon-secondary, #525252);\n transition: fill 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--content-switcher--icon-only .cds--content-switcher-btn svg,\n .cds--content-switcher-btn:focus .cds--content-switcher__icon,\n .cds--content-switcher-btn:hover .cds--content-switcher__icon,\n .cds--toolbar-action__icon {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--content-switcher__icon + span {\n margin-left: 0.5rem;\n }\n .cds--content-switcher__label {\n z-index: 1;\n overflow: hidden;\n max-width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .cds--content-switcher-btn.cds--content-switcher--selected {\n z-index: 3;\n background-color: var(--cds-layer-selected-inverse, #161616);\n color: var(--cds-text-inverse, #fff);\n }\n .cds--content-switcher-btn.cds--content-switcher--selected:disabled {\n background-color: var(--cds-layer-selected-disabled, #8d8d8d);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--data-table tr:hover .cds--link,\n .cds--data-table--selected .cds--link:not(.cds--link--disabled) {\n color: var(--cds-link-secondary, #0043ce);\n }\n .cds--content-switcher-btn.cds--content-switcher--selected::after {\n transform: scaleY(1);\n }\n .cds--content-switcher-btn.cds--content-switcher--selected\n .cds--content-switcher__icon {\n fill: var(--cds-icon-inverse, #ffffff);\n }\n .cds--content-switcher--icon-only {\n justify-content: flex-start;\n }\n .cds--content-switcher--icon-only\n .cds--content-switcher-popover__wrapper:first-child\n .cds--content-switcher-btn {\n border-left: 0.0625rem solid var(--cds-border-inverse, #161616);\n border-bottom-left-radius: 0.25rem;\n border-top-left-radius: 0.25rem;\n }\n .cds--content-switcher--icon-only\n .cds--content-switcher-popover__wrapper:first-child\n .cds--content-switcher--selected[disabled],\n .cds--content-switcher--icon-only\n .cds--content-switcher-popover__wrapper:last-child\n .cds--content-switcher--selected[disabled] {\n border-color: var(--cds-layer-selected-disabled, #8d8d8d);\n }\n .cds--content-switcher--icon-only\n .cds--content-switcher-popover__wrapper:last-child\n .cds--content-switcher-btn {\n border-right: 0.0625rem solid var(--cds-border-inverse, #161616);\n border-bottom-right-radius: 0.25rem;\n border-top-right-radius: 0.25rem;\n }\n .cds--content-switcher--icon-only\n .cds--content-switcher-popover__wrapper:first-child\n .cds--content-switcher-btn.cds--content-switcher--selected,\n .cds--content-switcher--icon-only\n .cds--content-switcher-popover__wrapper:last-child\n .cds--content-switcher-btn.cds--content-switcher--selected {\n border-color: var(--cds-background, #fff);\n }\n .cds--content-switcher--lg .cds--content-switcher-btn {\n padding-right: 0.875rem;\n padding-left: 0.875rem;\n }\n .cds--content-switcher--lg .cds--content-switcher-btn svg {\n width: 20px;\n height: 20px;\n }\n .cds--content-switcher--icon-only\n .cds--content-switcher-btn.cds--content-switcher--selected\n svg {\n z-index: 1;\n fill: var(--cds-icon-inverse, #ffffff);\n }\n .cds--content-switcher--selected::before,\n .cds--content-switcher-btn:focus::before,\n .cds--content-switcher-btn:hover::before,\n .cds--content-switcher-popover--selected\n + .cds--content-switcher-popover__wrapper\n .cds--content-switcher-btn::before,\n .cds--content-switcher-popover__wrapper:focus-within\n + .cds--content-switcher-popover__wrapper\n .cds--content-switcher-btn::before,\n .cds--content-switcher-popover__wrapper:not(\n .cds--content-switcher-popover--disabled\n ):hover\n + .cds--content-switcher-popover__wrapper\n .cds--content-switcher-btn::before {\n background-color: transparent;\n }\n .cds--content-switcher--icon-only .cds--content-switcher-btn[disabled] {\n border-color: var(--cds-border-inverse, #161616);\n }\n .cds--content-switcher--icon-only .cds--content-switcher-btn[disabled] svg,\n .flatpickr-next-month.disabled:hover svg,\n .flatpickr-prev-month.disabled:hover svg {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--content-switcher--icon-only\n .cds--content-switcher-btn[disabled]:not(\n .cds--content-switcher--selected\n ):hover,\n .cds--content-switcher--icon-only\n .cds--content-switcher-popover--selected\n + .cds--content-switcher-popover--disabled\n .cds--content-switcher-btn[disabled]:hover::before {\n background-color: transparent;\n }\n .cds--content-switcher--icon-only\n .cds--content-switcher-btn[disabled]:hover::before {\n background-color: var(--cds-border-subtle);\n }\n .cds--number\n input[type='number'][data-invalid]:focus\n ~ .cds--number__controls\n .cds--number__control-btn.up-icon::after,\n .cds--number\n input[type='number'][data-invalid]\n ~ .cds--number__controls\n .cds--number__control-btn.up-icon:focus::after,\n .cds--toolbar-search-container-expandable.cds--search\n .cds--search-close:focus::before {\n background-color: var(--cds-focus, #0f62fe);\n }\n .cds--data-table-container {\n position: relative;\n padding-top: 0.125rem;\n }\n .cds--data-table-content {\n display: block;\n overflow-x: auto;\n }\n .cds--data-table-header {\n padding: 1rem 0 1.5rem 1rem;\n background: var(--cds-layer);\n }\n .cds--data-table-header__title {\n font-size: var(--cds-heading-03-font-size, 1.25rem);\n font-weight: var(--cds-heading-03-font-weight, 400);\n line-height: var(--cds-heading-03-line-height, 1.4);\n letter-spacing: var(--cds-heading-03-letter-spacing, 0);\n color: var(--cds-text-primary, #161616);\n }\n .cds--data-table-header__description {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n color: var(--cds-text-secondary, #525252);\n }\n @media (min-width: 42rem) {\n .cds--data-table-header__description {\n max-width: 50ch;\n }\n }\n @media (min-width: 66rem) {\n .cds--data-table-header__description {\n max-width: 80ch;\n }\n }\n .cds--data-table {\n width: 100%;\n }\n .cds--data-table thead {\n font-size: var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-compact-01-font-weight, 600);\n background-color: var(--cds-layer-accent);\n }\n .cds--batch-summary__para,\n .cds--data-table tbody {\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n }\n .cds--data-table tbody {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n width: 100%;\n background-color: var(--cds-layer);\n }\n .cds--data-table tr {\n width: 100%;\n height: 3rem;\n border: none;\n }\n .cds--data-table tbody tr:hover td,\n .cds--data-table tbody tr:hover th {\n border-top: 1px solid var(--cds-layer-hover);\n border-bottom: 1px solid var(--cds-layer-hover);\n background: var(--cds-layer-hover);\n color: var(--cds-text-primary, #161616);\n }\n .cds--data-table tr:hover .cds--link--disabled {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--data-table td,\n .cds--data-table th {\n text-align: left;\n vertical-align: middle;\n }\n .cds--data-table td[align='right'],\n .cds--data-table th[align='right'] {\n text-align: right;\n }\n .cds--data-table td[align='center'],\n .cds--data-table th[align='center'] {\n text-align: center;\n }\n .cds--data-table th {\n padding-right: 1rem;\n padding-left: 1rem;\n background-color: var(--cds-layer-accent);\n color: var(--cds-text-primary, #161616);\n }\n .cds--data-table th:last-of-type {\n position: static;\n width: auto;\n }\n .cds--data-table .cds--table-header-label {\n text-align: left;\n }\n .cds--data-table tbody th,\n .cds--data-table td {\n padding-right: 1rem;\n padding-left: 1rem;\n border-top: 1px solid var(--cds-layer);\n border-bottom: 1px solid var(--cds-border-subtle);\n background: var(--cds-layer);\n color: var(--cds-text-secondary, #525252);\n }\n .cds--data-table tbody th + td:first-of-type,\n .cds--data-table td + td:first-of-type {\n padding-left: 0.75rem;\n }\n @supports (-moz-appearance: none) {\n .cds--data-table td {\n background-clip: padding-box;\n }\n }\n .cds--data-table .cds--dropdown,\n .cds--data-table .cds--list-box,\n .cds--data-table .cds--list-box input[role='combobox'],\n .cds--data-table .cds--list-box input[type='text'],\n .cds--data-table .cds--number input[type='number'],\n .cds--data-table .cds--number__control-btn::after,\n .cds--data-table .cds--number__control-btn::before,\n .cds--data-table .cds--select-input,\n .cds--data-table .cds--text-input {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--data-table\n td.cds--table-column-menu\n .cds--overflow-menu[aria-expanded='false']:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--data-table\n td.cds--table-column-menu\n .cds--overflow-menu[aria-expanded='false']:focus {\n outline-style: dotted;\n }\n }\n .cds--data-table\n td.cds--table-column-menu\n .cds--overflow-menu[aria-expanded='true']:focus {\n outline: 0;\n }\n @media screen and (hover: hover),\n (-ms-high-contrast: active),\n (-ms-high-contrast: none) {\n .cds--data-table\n td.cds--table-column-menu\n .cds--overflow-menu\n .cds--overflow-menu__icon {\n opacity: 0;\n }\n }\n .cds--data-table\n td.cds--table-column-menu\n .cds--overflow-menu.cds--overflow-menu--open\n .cds--overflow-menu__icon,\n .cds--data-table\n td.cds--table-column-menu\n .cds--overflow-menu:focus\n .cds--overflow-menu__icon,\n .cds--data-table\n td.cds--table-column-menu\n .cds--overflow-menu:hover\n .cds--overflow-menu__icon,\n .cds--data-table\n tr:hover\n td.cds--table-column-menu\n .cds--overflow-menu\n .cds--overflow-menu__icon,\n .cds--data-table.cds--data-table--visible-overflow-menu\n td.cds--table-column-menu\n .cds--overflow-menu\n .cds--overflow-menu__icon {\n opacity: 1;\n }\n .cds--table-row--menu-option\n .cds--overflow-menu-options__btn\n .cds--overflow-menu-options__option-content\n svg {\n position: relative;\n top: 0.1875rem;\n margin-right: 0.5rem;\n }\n .cds--data-table .cds--overflow-menu:hover,\n .cds--data-table .cds--overflow-menu__trigger:hover {\n background-color: var(--cds-layer-selected-hover);\n }\n .cds--data-table--selected .cds--overflow-menu:hover,\n .cds--data-table--selected .cds--overflow-menu__trigger:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--data-table--sm td.cds--table-column-menu,\n .cds--data-table--xs td.cds--table-column-menu {\n height: 1.5rem;\n padding-top: 0;\n padding-bottom: 0;\n }\n .cds--data-table--sm td.cds--table-column-menu {\n height: 2rem;\n }\n .cds--data-table--md td.cds--table-column-menu {\n height: 2.5rem;\n }\n .cds--data-table--xl .cds--table-column-menu {\n padding-top: 0.5rem;\n }\n .cds--data-table--zebra tbody tr:not(.cds--parent-row):nth-child(odd) td {\n border-bottom: 1px solid var(--cds-layer);\n }\n .cds--data-table--zebra tbody tr:not(.cds--parent-row):nth-child(2n) td {\n border-top: 1px solid var(--cds-layer-accent);\n border-bottom: 1px solid var(--cds-layer-accent);\n background-color: var(--cds-layer-accent);\n }\n .cds--data-table--zebra tbody tr:not(.cds--parent-row):hover td {\n border-top: 1px solid var(--cds-layer-hover);\n border-bottom: 1px solid var(--cds-layer-hover);\n background-color: var(--cds-layer-hover);\n }\n .cds--table-column-checkbox .cds--checkbox-label {\n padding-left: 0;\n }\n .cds--data-table th.cds--table-column-checkbox {\n position: static;\n width: 2rem;\n background: var(--cds-layer-accent);\n }\n .cds--data-table tbody td.cds--table-column-checkbox,\n .cds--data-table tbody td.cds--table-expand,\n .cds--data-table thead th.cds--table-column-checkbox,\n .cds--data-table thead th.cds--table-expand {\n min-width: 0;\n }\n .cds--data-table tbody td.cds--table-column-checkbox,\n .cds--data-table thead th.cds--table-column-checkbox {\n min-width: 2.5rem;\n padding-right: 0.25rem;\n padding-left: 1rem;\n }\n .cds--data-table tbody td.cds--table-expand,\n .cds--data-table thead th.cds--table-expand {\n width: 2rem;\n height: 2rem;\n }\n .cds--data-table--xs tbody td.cds--table-expand,\n .cds--data-table--xs thead th.cds--table-expand {\n width: 1.5rem;\n height: 1.5rem;\n padding: 0 0 0 0.5rem;\n }\n .cds--data-table--sm tbody td.cds--table-expand,\n .cds--data-table--sm thead th.cds--table-expand {\n width: 2rem;\n height: 2rem;\n padding: 0 0 0 0.5rem;\n }\n .cds--data-table--md tbody td.cds--table-expand,\n .cds--data-table--md thead th.cds--table-expand {\n width: 2.5rem;\n height: 2.5rem;\n padding: 0.25rem 0 0.25rem 0.5rem;\n }\n .cds--data-table--xl tbody td.cds--table-expand,\n .cds--data-table--xl thead th.cds--table-expand {\n height: 4rem;\n padding-top: 0.625rem;\n padding-bottom: 1.375rem;\n }\n .cds--data-table--xl .cds--table-column-checkbox {\n padding-top: 0.8125rem;\n }\n .cds--data-table--xl .cds--table-column-radio {\n padding-top: 1rem;\n }\n .cds--table-column-radio {\n width: 48px;\n }\n .cds--table-column-radio .cds--radio-button__appearance {\n margin-right: -0.125rem;\n }\n .cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected td,\n tr.cds--data-table--selected td {\n border-top: 1px solid var(--cds-layer-selected);\n border-bottom: 1px solid var(--cds-layer-active);\n background-color: var(--cds-layer-selected);\n color: var(--cds-text-primary, #161616);\n }\n .cds--data-table--zebra\n tbody\n tr:first-of-type:nth-child(odd).cds--data-table--selected\n td,\n tr.cds--data-table--selected:first-of-type td {\n border-top: 1px solid var(--cds-border-subtle-selected);\n }\n .cds--data-table--zebra\n tbody\n tr:last-of-type:nth-child(2n).cds--data-table--selected\n td,\n .cds--data-table--zebra\n tbody\n tr:last-of-type:nth-child(odd).cds--data-table--selected\n td,\n tr.cds--data-table--selected:last-of-type td {\n border-top: 1px solid var(--cds-layer-selected);\n border-bottom: 1px solid var(--cds-layer-selected);\n }\n .cds--data-table--sticky-header thead tr th,\n .cds--data-table--zebra tbody tr:nth-child(2n).cds--data-table--selected td {\n border-bottom: 1px solid var(--cds-layer-active);\n }\n .cds--data-table--zebra\n tbody\n tr:nth-child(2n).cds--data-table--selected:hover\n td {\n border-bottom: 1px solid var(--cds-layer-selected-hover);\n }\n .cds--data-table tbody .cds--data-table--selected:hover td,\n .cds--data-table--zebra\n tbody\n tr:nth-child(odd).cds--data-table--selected:hover\n td {\n border-top: 1px solid var(--cds-layer-selected-hover);\n border-bottom: 1px solid var(--cds-layer-selected-hover);\n background: var(--cds-layer-selected-hover);\n color: var(--cds-text-primary, #161616);\n }\n .cds--data-table--selected .cds--overflow-menu .cds--overflow-menu__icon {\n opacity: 1;\n }\n .cds--data-table--xs tbody tr,\n .cds--data-table--xs tbody tr th,\n .cds--data-table--xs thead tr {\n height: 1.5rem;\n }\n .cds--data-table--xs .cds--table-header-label,\n .cds--data-table--xs tbody tr th,\n .cds--data-table--xs td {\n padding-top: 0.125rem;\n padding-bottom: 0.125rem;\n }\n .cds--data-table--md tbody tr th,\n .cds--data-table--md td,\n .cds--data-table--sm tbody tr th,\n .cds--data-table--sm td {\n padding-top: 0.4375rem;\n padding-bottom: 0.375rem;\n }\n .cds--data-table--xs .cds--overflow-menu {\n width: 2rem;\n height: calc(100% + 1px);\n }\n .cds--data-table.cds--data-table--xs .cds--table-column-checkbox {\n padding-top: 0;\n padding-bottom: 0;\n }\n .cds--data-table.cds--data-table--xs\n .cds--table-column-checkbox\n .cds--checkbox-label {\n height: 1.4375rem;\n min-height: 1.4375rem;\n }\n .cds--data-table--sm tbody tr,\n .cds--data-table--sm tbody tr th,\n .cds--data-table--sm thead tr {\n height: 2rem;\n }\n .cds--data-table--sm .cds--table-header-label {\n padding-top: 0.4375rem;\n padding-bottom: 0.4375rem;\n }\n .cds--data-table.cds--data-table--sm .cds--table-column-checkbox {\n padding-top: 0.1875rem;\n padding-bottom: 0.1875rem;\n }\n .cds--data-table--sm .cds--overflow-menu {\n height: calc(100% + 1px);\n }\n .cds--data-table--md tbody tr,\n .cds--data-table--md tbody tr th,\n .cds--data-table--md thead tr {\n height: 2.5rem;\n }\n .cds--data-table--md .cds--table-header-label {\n padding-top: 0.4375rem;\n padding-bottom: 0.4375rem;\n }\n .cds--data-table--md .cds--table-column-menu,\n .cds--data-table.cds--data-table--md .cds--table-column-checkbox {\n padding-top: 0.1875rem;\n padding-bottom: 0.1875rem;\n }\n .cds--data-table--xl tbody tr,\n .cds--data-table--xl tbody tr th,\n .cds--data-table--xl thead tr {\n height: 4rem;\n }\n .cds--data-table--xl .cds--table-header-label {\n padding-top: 1rem;\n padding-bottom: 1rem;\n }\n .cds--data-table--xl tbody tr th,\n .cds--data-table--xl td {\n padding-top: 1rem;\n }\n .cds--data-table--xl td,\n .cds--data-table--xl th {\n vertical-align: top;\n }\n .cds--data-table--xl .cds--data-table--cell-secondary-text {\n font-size: var(--cds-label-01-font-size, 0.75rem);\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n }\n .cds--data-table--static,\n .flatpickr-calendar.hasWeeks {\n width: auto;\n }\n .cds--data-table-container--static {\n width: fit-content;\n }\n .cds--data-table_inner-container {\n background-color: var(--cds-layer-accent);\n transform: translateZ(0);\n }\n .cds--data-table--sticky-header {\n display: block;\n overflow-y: scroll;\n max-height: rem(300px);\n }\n .flatpickr-calendar,\n tr.cds--parent-row:not(.cds--expandable-row)\n + tr[data-child-row]\n td\n .cds--child-row-inner-container {\n overflow: hidden;\n max-height: 0;\n }\n .cds--data-table--sticky-header tbody,\n .cds--data-table--sticky-header td,\n .cds--data-table--sticky-header th,\n .cds--data-table--sticky-header thead,\n .cds--data-table--sticky-header tr {\n display: flex;\n }\n .cds--data-table--sticky-header thead {\n position: sticky;\n z-index: 1;\n top: 0;\n overflow: scroll;\n width: 100%;\n -ms-overflow-style: none;\n will-change: transform;\n }\n .cds--data-table--sticky-header tbody {\n flex-direction: column;\n -ms-overflow-style: none;\n overflow-x: scroll;\n will-change: transform;\n }\n .cds--data-table--sticky-header tr.cds--parent-row.cds--expandable-row {\n height: auto;\n min-height: 3rem;\n }\n .cds--data-table--sticky-header tr.cds--expandable-row:not(.cds--parent-row),\n .cds--data-table--sticky-header.cds--data-table--sm\n tr:not(.cds--expandable-row),\n .cds--data-table--sticky-header.cds--data-table--xl\n tr:not(.cds--expandable-row),\n .cds--data-table--sticky-header.cds--data-table--xs\n tr:not(.cds--expandable-row),\n .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\n height: auto;\n }\n .cds--data-table--sticky-header .cds--table-expand {\n max-width: 3rem;\n }\n .cds--data-table--sticky-header thead .cds--table-expand {\n align-items: center;\n }\n .cds--data-table--sticky-header .cds--parent-row {\n min-height: 3rem;\n }\n .cds--data-table--sticky-header:not(.cds--data-table--xs):not(\n .cds--data-table--xl\n ):not(.cds--data-table--sm)\n td:not(.cds--table-column-menu):not(.cds--table-column-checkbox) {\n padding-top: 0.875rem;\n }\n .cds--data-table--sticky-header\n tr.cds--parent-row.cds--expandable-row:hover\n + tr[data-child-row]\n td {\n border-top: 1px solid var(--cds-layer-hover);\n }\n .cds--data-table--sticky-header tr.cds--expandable-row:last-of-type {\n overflow: hidden;\n }\n .cds--data-table--sticky-header\n tr.cds--data-table--selected:first-of-type\n td {\n border-top: none;\n }\n .cds--data-table--sticky-header tbody tr td.cds--table-column-checkbox,\n .cds--data-table--sticky-header thead th.cds--table-column-checkbox {\n width: 2.25rem;\n min-width: 2.25rem;\n align-items: center;\n }\n .cds--data-table--sticky-header.cds--data-table--xl\n td.cds--table-column-checkbox,\n .cds--data-table--sticky-header.cds--data-table--xl\n thead\n th.cds--table-column-checkbox {\n align-items: flex-start;\n }\n .cds--data-table--sticky-header\n th.cds--table-column-checkbox\n ~ th:last-of-type:empty {\n max-width: 4rem;\n }\n .cds--data-table--sticky-header th:empty:not(.cds--table-expand) {\n max-width: 2.25rem;\n }\n .cds--data-table--sticky-header td.cds--table-column-menu {\n height: auto;\n align-items: center;\n padding-top: 0;\n }\n .cds--data-table--sticky-header tbody::-webkit-scrollbar,\n .cds--data-table--sticky-header thead::-webkit-scrollbar {\n display: none;\n }\n .cds--data-table--sticky-header tbody tr:last-of-type {\n border-bottom: 0;\n }\n .cds--data-table--sticky-header\n td:not(.cds--table-column-checkbox):not(.cds--table-column-menu):not(\n .cds--table-expand\n ):not(.cds--table-column-icon),\n .cds--data-table--sticky-header\n th:not(.cds--table-column-checkbox):not(.cds--table-column-menu):not(\n .cds--table-expand\n ):not(.cds--table-column-icon) {\n width: 100%;\n min-width: 0;\n }\n .cds--data-table--sticky-header.cds--data-table--xs\n tr:not(.cds--expandable-row) {\n min-height: 1.5rem;\n }\n .cds--data-table--sticky-header.cds--data-table--sm\n tr:not(.cds--expandable-row) {\n min-height: 2rem;\n }\n .cds--data-table--sticky-header.cds--data-table--xl\n tr:not(.cds--expandable-row) {\n min-height: 4rem;\n }\n .cds--data-table--sticky-header.cds--data-table--xs tr td.cds--table-expand {\n padding-top: 0.25rem;\n }\n .cds--data-table--sticky-header.cds--data-table--sm tr td.cds--table-expand {\n padding-top: 0.5rem;\n }\n .cds--data-table--sticky-header .cds--table-header-label {\n display: block;\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: calc(100% - 10px);\n padding-top: 0.9375rem;\n padding-bottom: 1rem;\n overflow-y: hidden;\n }\n .cds--data-table--sticky-header.cds--data-table--xs\n th\n .cds--table-header-label {\n padding-top: 0.1875rem;\n padding-bottom: 0;\n }\n .cds--data-table--sticky-header.cds--data-table--sm\n th\n .cds--table-header-label {\n padding-top: 0.5rem;\n padding-bottom: 0;\n }\n .cds--data-table--sticky-header.cds--data-table--xl\n th\n .cds--table-header-label {\n padding-top: 1rem;\n }\n .cds--data-table--sticky-header.cds--data-table--xl th.cds--table-expand {\n display: flex;\n align-items: flex-start;\n }\n .cds--data-table--sticky-header.cds--data-table--sm\n tr.cds--parent-row\n .cds--table-column-checkbox,\n .cds--data-table--sticky-header.cds--data-table--xs\n tr.cds--parent-row\n .cds--table-column-checkbox {\n align-items: flex-start;\n }\n .cds--data-table--max-width {\n max-width: 100%;\n }\n .cds--data-table .cds--form-item.cds--checkbox-wrapper:last-of-type {\n margin: 0;\n }\n .cds--data-table--sm .cds--form-item.cds--checkbox-wrapper:last-of-type,\n .cds--data-table--xs .cds--form-item.cds--checkbox-wrapper:last-of-type {\n margin: -0.1875rem 0;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--content-switcher-btn:focus {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--data-table-content {\n outline: transparent solid 1px;\n }\n }\n .cds--table-toolbar {\n position: relative;\n display: flex;\n width: 100%;\n min-height: 3rem;\n background-color: var(--cds-layer);\n }\n .cds--toolbar-content {\n display: flex;\n width: 100%;\n height: 3rem;\n justify-content: flex-end;\n transform: translate3d(0, 0, 0);\n transition:\n transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--batch-actions ~ .cds--toolbar-content {\n clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);\n }\n .cds--toolbar-content .cds--search .cds--search-input {\n height: 3rem;\n padding: 0 3rem;\n background-color: transparent;\n }\n .cds--toolbar-content .cds--overflow-menu {\n width: 3rem;\n height: 3rem;\n }\n .cds--batch-actions ~ .cds--toolbar-search-container {\n display: flex;\n align-items: center;\n opacity: 1;\n transition: opacity 110ms;\n }\n .cds--toolbar-search-container-expandable {\n position: relative;\n width: 3rem;\n height: 3rem;\n box-shadow: none;\n cursor: pointer;\n transition:\n width 0.3s cubic-bezier(0.5, 0, 0.1, 1),\n background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);\n }\n .cds--toolbar-search-container-expandable:hover {\n background-color: var(--cds-field-hover);\n }\n .cds--search.cds--toolbar-search-container-expandable {\n width: 3rem;\n }\n .cds--toolbar-search-container-expandable .cds--search-input {\n height: 100%;\n cursor: pointer;\n opacity: 0;\n }\n .cds--toolbar-search-container-expandable:not(\n .cds--toolbar-search-container-active\n )\n .cds--search-input {\n padding: 0;\n }\n .cds--toolbar-search-container-disabled .cds--search-input {\n cursor: not-allowed;\n }\n .cds--toolbar-search-container-expandable.cds--search .cds--label {\n visibility: hidden;\n }\n .cds--toolbar-search-container-expandable.cds--search .cds--search-close {\n width: 3rem;\n height: 3rem;\n }\n .cds--toolbar-search-container-expandable.cds--search\n .cds--search-close::before {\n top: 0.125rem;\n height: calc(100% - 0.25rem);\n background-color: var(--cds-field-hover);\n }\n .cds--table-toolbar .cds--search--lg .cds--search-magnifier-icon,\n .cds--table-toolbar.cds--table-toolbar--sm\n .cds--search--sm:not(.cds--toolbar-search-container-active):not(\n .cds--toolbar-search-container-persistent\n )\n .cds--search-magnifier-icon {\n left: 0;\n }\n .cds--table-toolbar\n .cds--toolbar-search-container-persistent.cds--search--sm\n .cds--search-magnifier-icon,\n .cds--table-toolbar.cds--table-toolbar--sm\n .cds--search--sm.cds--toolbar-search-container-active\n .cds--search-magnifier-icon {\n left: 0.5rem;\n }\n .cds--toolbar-search-container-expandable .cds--search-magnifier-icon {\n width: 3rem;\n height: 3rem;\n padding: 1rem;\n }\n .cds--toolbar-search-container-expandable.cds--search--disabled\n .cds--search-magnifier-icon {\n background-color: var(--cds-layer);\n cursor: not-allowed;\n }\n .cds--toolbar-search-container-active .cds--search-magnifier-icon:active,\n .cds--toolbar-search-container-active .cds--search-magnifier-icon:focus,\n .cds--toolbar-search-container-active .cds--search-magnifier-icon:hover {\n border: none;\n background-color: transparent;\n outline: 0;\n }\n .cds--toolbar-search-container-active.cds--search {\n width: 100%;\n }\n .cds--toolbar-search-container-active .cds--search-input {\n opacity: 1;\n }\n .cds--toolbar-search-container-active .cds--label,\n .cds--toolbar-search-container-active .cds--search-input {\n padding: 0 3rem;\n cursor: text;\n }\n .cds--toolbar-search-container-active\n .cds--search-input:focus\n + .cds--search-close {\n border: none;\n box-shadow: none;\n outline: 0;\n }\n .cds--toolbar-search-container-active\n .cds--search-input:not(:placeholder-shown) {\n border: none;\n background-color: var(--cds-field-hover);\n }\n .cds--toolbar-search-container-active .cds--search-close,\n .cds--toolbar-search-container-active .cds--search-close:hover,\n .cds--toolbar-search-container-persistent .cds--search-close,\n .cds--toolbar-search-container-persistent .cds--search-close:hover {\n border: none;\n background-color: transparent;\n }\n .cds--overflow-menu.cds--toolbar-action,\n .cds--toolbar-action {\n box-sizing: border-box;\n font-family: inherit;\n font-size: 100%;\n display: inline-block;\n appearance: none;\n background: 0 0;\n width: 3rem;\n cursor: pointer;\n transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9);\n border: 0;\n margin: 0;\n height: 3rem;\n vertical-align: baseline;\n text-align: start;\n }\n .cds--overflow-menu.cds--toolbar-action {\n padding: 1rem;\n display: flex;\n }\n .cds--overflow-menu.cds--toolbar-action *,\n .cds--overflow-menu.cds--toolbar-action ::after,\n .cds--overflow-menu.cds--toolbar-action ::before {\n box-sizing: inherit;\n }\n .cds--overflow-menu.cds--toolbar-action::-moz-focus-inner {\n border: 0;\n }\n .cds--toolbar-action {\n padding: 0;\n display: flex;\n }\n .cds--batch-actions,\n .cds--batch-summary {\n background-color: var(--cds-background-brand, #0f62fe);\n display: flex;\n left: 0;\n }\n .cds--toolbar-action *,\n .cds--toolbar-action ::after,\n .cds--toolbar-action ::before {\n box-sizing: inherit;\n }\n .cds--toolbar-action::-moz-focus-inner {\n border: 0;\n }\n .cds--toolbar-action:hover:not([disabled]) {\n background-color: var(--cds-field-hover);\n }\n .cds--toolbar-action:hover[aria-expanded='true'] {\n background-color: var(--cds-layer);\n }\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-active\n .cds--search-input:active,\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-active\n .cds--search-input:not(:placeholder-shown),\n .cds--toolbar-search-container-persistent\n .cds--search-input:active:not([disabled]),\n .cds--toolbar-search-container-persistent\n .cds--search-input:hover:not([disabled]),\n .cds--toolbar-search-container-persistent\n .cds--search-input:not(:placeholder-shown) {\n background-color: var(--cds-field-hover);\n }\n .cds--toolbar-action[disabled] {\n cursor: not-allowed;\n }\n .cds--toolbar-action[disabled] .cds--toolbar-action__icon,\n .flatpickr-next-month.disabled svg,\n .flatpickr-prev-month.disabled svg {\n cursor: not-allowed;\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--toolbar-action:active:not([disabled]),\n .cds--toolbar-action:focus:not([disabled]) {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--toolbar-action:active:not(\n [disabled]\n ).cds--toolbar-search-container-expandable,\n .cds--toolbar-action:focus:not(\n [disabled]\n ).cds--toolbar-search-container-expandable,\n .flatpickr-calendar:focus,\n .flatpickr-days:focus {\n outline: 0;\n }\n .cds--toolbar-action ~ .cds--btn {\n max-width: none;\n margin: 0;\n white-space: nowrap;\n }\n .cds--overflow-menu--data-table {\n height: 3rem;\n }\n .cds--toolbar-action__icon {\n width: auto;\n max-width: 1rem;\n height: 1rem;\n }\n .cds--toolbar-search-container-persistent {\n position: relative;\n width: 100%;\n height: 3rem;\n opacity: 1;\n }\n .cds--toolbar-search-container-persistent + .cds--toolbar-content {\n position: relative;\n width: auto;\n }\n .cds--toolbar-search-container-persistent .cds--search {\n position: initial;\n }\n .cds--toolbar-search-container-persistent .cds--search-input {\n height: 3rem;\n padding: 0 3rem;\n border: none;\n }\n .cds--toolbar-search-container-persistent\n .cds--search-input:focus:not([disabled]) {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--toolbar-action:active:not([disabled]),\n .cds--toolbar-action:focus:not([disabled]),\n .cds--toolbar-search-container-persistent\n .cds--search-input:focus:not([disabled]) {\n outline-style: dotted;\n }\n }\n .cds--toolbar-search-container-persistent .cds--search-close {\n width: 3rem;\n height: 3rem;\n }\n .cds--batch-actions--active ~ .cds--toolbar-content,\n .cds--batch-actions--active ~ .cds--toolbar-search-container {\n clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\n transform: translate3d(0, 48px, 0);\n transition:\n transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--menu-button__trigger--open svg,\n .cds--table-sort--descending .cds--table-sort__icon,\n .cds--tile--is-expanded .cds--tile__chevron svg {\n transform: rotate(180deg);\n }\n .cds--batch-actions {\n position: absolute;\n right: 0;\n bottom: 0;\n align-items: center;\n justify-content: space-between;\n clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\n pointer-events: none;\n transform: translate3d(0, 48px, 0);\n transition:\n transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n will-change: transform;\n }\n .cds--batch-actions:focus,\n .flatpickr-calendar.open:focus,\n .numInputWrapper .numInput:focus {\n outline: 1px solid var(--cds-focus, #0f62fe);\n }\n .cds--batch-actions--active {\n clip-path: polygon(0 0, 200% 0, 200% 200%, 0 200%);\n pointer-events: all;\n transform: translate3d(0, 0, 0);\n }\n .cds--action-list {\n display: flex;\n align-items: center;\n }\n .cds--action-list .cds--btn {\n padding: calc(0.875rem - 3px) 1rem;\n color: var(--cds-text-on-color, #fff);\n white-space: nowrap;\n }\n .cds--action-list .cds--btn:disabled {\n border-color: transparent;\n background-color: transparent;\n color: var(--cds-text-on-color, #fff);\n opacity: 0.5;\n }\n .cds--data-table tr.cds--parent-row:first-of-type td,\n tr.cds--expandable-row--hover td,\n tr.cds--parent-row.cds--expandable-row:hover td {\n border-top: 1px solid var(--cds-border-subtle);\n }\n .cds--action-list\n .cds--btn--primary:nth-child(3):focus\n + .cds--btn--primary.cds--batch-summary__cancel::before,\n .cds--action-list\n .cds--btn--primary:nth-child(3):hover\n + .cds--btn--primary.cds--batch-summary__cancel::before,\n .cds--table-sort__icon-unsorted,\n .numInputWrapper:hover .numInput[disabled] ~ .arrowDown,\n .numInputWrapper:hover .numInput[disabled] ~ .arrowUp {\n opacity: 0;\n }\n .cds--action-list .cds--btn .cds--btn__icon {\n position: static;\n margin-left: 0.5rem;\n fill: var(--cds-icon-on-color, #ffffff);\n }\n .cds--action-list .cds--btn .cds--btn__icon .st0 {\n fill: none;\n }\n .cds--batch-download {\n padding: 0.0625rem;\n }\n .cds--action-list .cds--btn--primary:focus {\n outline: 2px solid var(--cds-layer);\n outline-offset: -0.125rem;\n }\n .cds--btn--primary.cds--batch-summary__cancel::before {\n position: absolute;\n top: 0.9375rem;\n left: 0;\n display: block;\n width: 0.0625rem;\n height: 1rem;\n border: none;\n background-color: var(--cds-text-on-color, #fff);\n content: '';\n opacity: 1;\n transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--btn--primary.cds--batch-summary__cancel:hover::before {\n opacity: 0;\n transition: opacity 250ms cubic-bezier(0.5, 0, 0.1, 1);\n }\n .cds--batch-summary {\n position: sticky;\n z-index: 100000;\n min-height: 3rem;\n align-items: center;\n padding: 0 1rem;\n color: var(--cds-text-on-color, #fff);\n }\n .cds--batch-summary__scroll {\n box-shadow: 0.5px 0 0.2px var(--cds-link-primary-hover, #0043ce);\n }\n .cds--batch-summary__para {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n }\n .cds--table-toolbar--sm {\n height: 2rem;\n min-height: 2rem;\n }\n .cds--table-toolbar--sm .cds--toolbar-search-container-expandable,\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-expandable\n .cds--search-input,\n .cds--table-toolbar--sm .cds--toolbar-search-container-persistent,\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-persistent\n .cds--search-input {\n height: 2rem;\n }\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-expandable\n .cds--search-close,\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-persistent\n .cds--search-close {\n width: 2rem;\n height: 2rem;\n }\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-expandable\n .cds--search-magnifier-icon,\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-persistent\n .cds--search-magnifier-icon {\n width: 2rem;\n height: 2rem;\n padding: 0.5rem;\n }\n .cds--table-toolbar--sm\n .cds--toolbar-action.cds--toolbar-search-container-persistent {\n width: 100%;\n }\n .cds--table-toolbar--sm .cds--toolbar-search-container-expandable {\n width: 2rem;\n }\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-expandable\n .cds--search\n .cds--search-input {\n padding: 0 3rem;\n }\n .cds--table-toolbar--sm .cds--toolbar-search-container-active {\n flex: auto;\n transition: flex 175ms cubic-bezier(0.5, 0, 0.1, 1);\n }\n .cds--table-expand__button,\n .cds--table-sort {\n margin: 0;\n font-size: 100%;\n appearance: none;\n align-items: center;\n border: 0;\n cursor: pointer;\n font-family: inherit;\n }\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-active\n .cds--search-input {\n visibility: inherit;\n }\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-active\n .cds--search-input:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n background-color: var(--cds-field-hover);\n }\n @media screen and (prefers-contrast) {\n .cds--batch-actions:focus,\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-active\n .cds--search-input:focus {\n outline-style: dotted;\n }\n }\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-active\n .cds--search-magnifier-icon:active,\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-active\n .cds--search-magnifier-icon:focus,\n .cds--table-toolbar--sm\n .cds--toolbar-search-container-active\n .cds--search-magnifier-icon:hover {\n outline: transparent solid 2px;\n outline-offset: -2px;\n background-color: transparent;\n }\n .cds--table-toolbar--sm .cds--overflow-menu.cds--toolbar-action {\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n }\n .cds--table-toolbar--sm .cds--toolbar-content {\n height: 2rem;\n }\n .cds--table-toolbar--sm .cds--toolbar-content .cds--overflow-menu {\n width: 2rem;\n height: 2rem;\n }\n .cds--search--disabled .cds--search-magnifier-icon:hover,\n .flatpickr-day.flatpickr-disabled:hover {\n background-color: transparent;\n }\n .cds--table-toolbar--sm .cds--batch-actions .cds--action-list {\n height: 2rem;\n }\n .cds--table-toolbar--sm .cds--toolbar-action {\n width: 2rem;\n height: 2rem;\n padding: 0.5rem 0;\n }\n .cds--table-toolbar--sm .cds--btn--primary {\n height: 2rem;\n min-height: auto;\n padding-top: calc(0.375rem - 3px);\n padding-bottom: calc(0.375rem - 3px);\n }\n .cds--table-toolbar--sm\n .cds--btn--primary.cds--batch-summary__cancel::before {\n top: 0.5rem;\n }\n .cds--table-toolbar--sm .cds--toolbar-action ~ .cds--btn {\n overflow: hidden;\n height: 2rem;\n }\n .cds--table-toolbar--sm .cds--batch-summary {\n min-height: 2rem;\n }\n .cds--expandable-row--hidden td {\n width: auto;\n padding: 1rem;\n border-top: 0;\n }\n tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] {\n height: 0;\n transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] td {\n padding-top: 0;\n padding-bottom: 0;\n border: 0;\n background-color: var(--cds-layer-hover);\n transition:\n padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9),\n background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n tr.cds--parent-row.cds--expandable-row + tr[data-child-row] {\n transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td {\n padding-left: 4rem;\n border-bottom: 1px solid var(--cds-border-subtle);\n transition:\n padding-bottom 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n tr.cds--parent-row.cds--expandable-row\n + tr[data-child-row]\n td\n .cds--child-row-inner-container {\n max-height: 100%;\n }\n .cds--parent-row.cds--expandable-row + tr[data-child-row] > td,\n .cds--parent-row.cds--expandable-row > td {\n border-bottom: 1px solid var(--cds-border-subtle);\n box-shadow: 0 1px var(--cds-border-subtle);\n }\n .cds--parent-row.cds--expandable-row > td:first-of-type,\n .cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] > td {\n box-shadow: none;\n }\n tr.cds--parent-row.cds--expandable-row,\n tr.cds--parent-row.cds--expandable-row td,\n tr.cds--parent-row:not(.cds--expandable-row) td {\n transition:\n height 240ms cubic-bezier(0.2, 0, 0.38, 0.9),\n background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n tr.cds--parent-row:not(.cds--expandable-row):first-of-type:hover td {\n border-top: 1px solid var(--cds-border-subtle);\n border-bottom: 1px solid var(--cds-border-subtle);\n }\n tr.cds--parent-row.cds--expandable-row:hover td {\n border-bottom: 1px solid var(--cds-border-subtle);\n background-color: var(--cds-layer-hover);\n color: var(--cds-text-primary, #161616);\n }\n tr.cds--parent-row.cds--expandable-row:hover td:first-of-type {\n border-bottom: 1px solid var(--cds-layer-hover);\n }\n .cds--data-table td.cds--table-expand[data-previous-value='collapsed'],\n tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover\n td:first-of-type {\n border-bottom: 1px solid transparent;\n }\n tr.cds--parent-row.cds--expandable-row:hover + tr[data-child-row] td {\n border-bottom: 1px solid var(--cds-border-subtle);\n background-color: var(--cds-layer-hover);\n color: var(--cds-text-primary, #161616);\n }\n .cds--data-table td.cds--table-expand,\n tr.cds--expandable-row--hover + tr[data-child-row] td {\n border-bottom: 1px solid var(--cds-border-subtle);\n }\n .flatpickr-current-month .cur-month:hover,\n .flatpickr-next-month:hover,\n .flatpickr-prev-month:hover,\n tr.cds--expandable-row--hover {\n background-color: var(--cds-layer-hover);\n }\n tr.cds--expandable-row--hover td {\n border-bottom: 1px solid var(--cds-border-subtle);\n background-color: var(--cds-layer-hover);\n color: var(--cds-text-primary, #161616);\n }\n .cds--data-table td.cds--table-expand + .cds--table-column-checkbox,\n .cds--data-table th.cds--table-expand + .cds--table-column-checkbox {\n padding-right: 0.375rem;\n padding-left: 0.375rem;\n }\n .cds--data-table td.cds--table-expand + .cds--table-column-checkbox + td,\n .cds--data-table th.cds--table-expand + .cds--table-column-checkbox + th {\n padding-left: 0.5rem;\n }\n .cds--data-table td.cds--table-expand,\n .cds--data-table th.cds--table-expand {\n padding: 0.5rem 0 0.5rem 0.5rem;\n }\n .cds--table-expand[data-previous-value='collapsed'] .cds--table-expand__svg {\n transform: rotate(270deg);\n transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--table-expand__button {\n box-sizing: border-box;\n padding: 0 0.5rem;\n vertical-align: baseline;\n display: inline-block;\n background: 0 0;\n text-align: start;\n display: inline-flex;\n width: 100%;\n height: calc(100% + 1px);\n justify-content: center;\n vertical-align: inherit;\n }\n .cds--table-sort__description,\n tr.cds--parent-row.cds--data-table--selected\n td.cds--table-expand\n + td::after {\n display: none;\n }\n .cds--table-expand__button *,\n .cds--table-expand__button ::after,\n .cds--table-expand__button ::before {\n box-sizing: inherit;\n }\n .cds--table-expand__button::-moz-focus-inner {\n border: 0;\n }\n .cds--table-expand__button:focus {\n box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe);\n outline: 0;\n }\n .cds--table-expand__svg {\n fill: var(--cds-layer-selected-inverse, #161616);\n transform: rotate(90deg);\n transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--data-table--xl .cds--table-expand__button {\n width: 2rem;\n padding: 0;\n }\n tr.cds--parent-row.cds--expandable-row td.cds--table-expand + td::after {\n position: absolute;\n bottom: -0.0625rem;\n left: 0;\n width: 0.5rem;\n height: 0.0625rem;\n background: var(--cds-layer-accent);\n content: '';\n }\n .flatpickr-day:hover,\n tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover\n td.cds--table-expand\n + td::after,\n tr.cds--parent-row.cds--expandable-row:hover\n td.cds--table-expand\n + td::after {\n background: var(--cds-layer-hover);\n }\n .cds--data-table--zebra tbody tr[data-child-row]:nth-child(4n + 4) td,\n .cds--data-table--zebra tbody tr[data-parent-row]:nth-child(4n + 3) td {\n border-bottom: 1px solid var(--cds-layer);\n }\n .cds--data-table--zebra tbody tr[data-child-row]:nth-child(4n + 2) td,\n .cds--data-table--zebra tbody tr[data-parent-row]:nth-child(4n + 1) td {\n border-top: 1px solid var(--cds-layer-accent);\n border-bottom: 1px solid var(--cds-layer-accent);\n background-color: var(--cds-layer-accent);\n }\n .cds--data-table--zebra tr.cds--parent-row td,\n .cds--data-table--zebra\n tr.cds--parent-row.cds--expandable-row\n + tr[data-child-row]\n td {\n transition:\n transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9),\n border-bottom 150ms cubic-bezier(0.2, 0, 0.38, 0.9),\n border-top 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--data-table--zebra tbody tr[data-child-row]:hover td,\n .cds--data-table--zebra tbody tr[data-parent-row]:hover td,\n .cds--data-table--zebra\n tbody\n tr[data-parent-row]:hover\n + tr[data-child-row]\n td {\n border-top: 1px solid var(--cds-layer-hover);\n border-bottom: 1px solid var(--cds-layer-hover);\n background-color: var(--cds-layer-hover);\n }\n .cds--data-table--zebra\n tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover\n td {\n border-top: 1px solid var(--cds-layer-hover);\n border-bottom: 1px solid var(--cds-layer-hover);\n background: var(--cds-layer-hover);\n }\n tr.cds--parent-row.cds--data-table--selected:first-of-type td {\n border-top: 1px solid var(--cds-layer-active);\n border-bottom: 1px solid var(--cds-border-subtle);\n background: var(--cds-layer-selected);\n box-shadow: 0 1px var(--cds-layer-active);\n }\n tr.cds--parent-row.cds--data-table--selected td {\n border-bottom: 1px solid transparent;\n background: var(--cds-layer-selected);\n box-shadow: 0 1px var(--cds-layer-active);\n color: var(--cds-text-primary, #161616);\n }\n tr.cds--parent-row.cds--data-table--selected:last-of-type td {\n border-bottom: 1px solid transparent;\n background: var(--cds-layer-selected);\n box-shadow: 0 1px var(--cds-border-subtle);\n }\n .cds--table-sort.cds--table-sort--active,\n .cds--table-sort:hover,\n tr.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover\n td {\n background: var(--cds-layer-selected-hover);\n }\n tr.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover\n td {\n border-top: 1px solid var(--cds-layer-selected-hover);\n border-bottom: 1px solid var(--cds-border-subtle);\n box-shadow: 0 1px var(--cds-layer-selected-hover);\n }\n tr.cds--parent-row.cds--data-table--selected.cds--expandable-row td,\n tr.cds--parent-row.cds--data-table--selected.cds--expandable-row\n td:first-of-type {\n border-bottom: 1px solid transparent;\n box-shadow: 0 1px var(--cds-layer-selected);\n }\n tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover td,\n tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover\n td:first-of-type,\n tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td,\n tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover\n td:first-of-type {\n border-top: 1px solid var(--cds-layer-selected-hover);\n border-bottom: 1px solid transparent;\n background: var(--cds-layer-selected-hover);\n box-shadow: 0 1px var(--cds-layer-selected-hover);\n }\n tr.cds--parent-row.cds--data-table--selected.cds--expandable-row\n + tr[data-child-row]\n td {\n border-top: 1px solid var(--cds-layer-active);\n border-bottom: 1px solid var(--cds-border-subtle);\n background-color: var(--cds-layer-hover);\n box-shadow: 0 1px var(--cds-layer-active);\n color: var(--cds-text-primary, #161616);\n }\n tr.cds--parent-row.cds--data-table--selected.cds--expandable-row\n + tr[data-child-row]:last-of-type\n td {\n padding-bottom: 1.5rem;\n box-shadow: inset 0 -1px var(--cds-layer-active);\n }\n tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover\n + tr[data-child-row]\n td,\n tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover\n + tr[data-child-row]\n td {\n background: var(--cds-layer-selected);\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--table-expand__button:focus .cds--table-expand__svg {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--table-expand__svg {\n fill: ButtonText;\n }\n }\n .cds--data-table.cds--skeleton th {\n padding-left: 1rem;\n vertical-align: middle;\n }\n .cds--data-table.cds--skeleton td span,\n .cds--data-table.cds--skeleton th span {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n display: block;\n width: 4rem;\n height: 1rem;\n }\n .cds--data-table.cds--skeleton td span:active,\n .cds--data-table.cds--skeleton td span:focus,\n .cds--data-table.cds--skeleton td span:hover,\n .cds--data-table.cds--skeleton th span:active,\n .cds--data-table.cds--skeleton th span:focus,\n .cds--data-table.cds--skeleton th span:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--data-table.cds--skeleton td span::before,\n .cds--data-table.cds--skeleton th span::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n .cds--data-table.cds--skeleton tr:hover td {\n border-color: var(--cds-border-subtle);\n background: 0 0;\n }\n .cds--data-table.cds--skeleton tr:hover td:first-of-type,\n .cds--data-table.cds--skeleton tr:hover td:last-of-type {\n border-color: var(--cds-border-subtle);\n }\n .cds--data-table.cds--skeleton .cds--table-sort {\n pointer-events: none;\n }\n .cds--data-table.cds--skeleton th span {\n background: var(--cds-skeleton-element, #c6c6c6);\n }\n .cds--data-table.cds--skeleton th span::before {\n background: var(--cds-skeleton-background, #e8e8e8);\n }\n .cds--data-table-container.cds--skeleton .cds--data-table-header__title {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n width: 7.5rem;\n height: 1.5rem;\n }\n .cds--data-table-container.cds--skeleton\n .cds--data-table-header__title:active,\n .cds--data-table-container.cds--skeleton .cds--data-table-header__title:focus,\n .cds--data-table-container.cds--skeleton\n .cds--data-table-header__title:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--data-table-container.cds--skeleton\n .cds--data-table-header__title::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--data-table-container.cds--skeleton\n .cds--data-table-header__title::before,\n .cds--data-table.cds--skeleton td span::before,\n .cds--data-table.cds--skeleton th span::before {\n animation: none;\n }\n }\n .cds--data-table-container.cds--skeleton\n .cds--data-table-header__description {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n width: 10rem;\n height: 1rem;\n margin-top: 0.5rem;\n }\n .cds--data-table-container.cds--skeleton\n .cds--data-table-header__description:active,\n .cds--data-table-container.cds--skeleton\n .cds--data-table-header__description:focus,\n .cds--data-table-container.cds--skeleton\n .cds--data-table-header__description:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--data-table-container.cds--skeleton\n .cds--data-table-header__description::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n .cds--data-table th[aria-sort],\n .cds--data-table--sort th {\n height: 3rem;\n padding: 0;\n border-top: none;\n border-bottom: none;\n }\n .cds--table-sort {\n box-sizing: border-box;\n padding: 0;\n vertical-align: baseline;\n display: inline-block;\n background: 0 0;\n display: flex;\n width: 100%;\n min-height: 100%;\n justify-content: space-between;\n padding-left: 1rem;\n background-color: var(--cds-layer-accent);\n color: var(--cds-text-primary, #161616);\n font: inherit;\n line-height: 1;\n text-align: left;\n transition:\n background-color 70ms cubic-bezier(0, 0, 0.38, 0.9),\n outline 70ms cubic-bezier(0, 0, 0.38, 0.9);\n }\n .cds--table-sort__icon,\n .cds--table-sort__icon-unsorted {\n width: 1.25rem;\n min-width: 1rem;\n margin-right: 0.5rem;\n margin-left: 0.5rem;\n fill: var(--cds-icon-primary, #161616);\n }\n .flatpickr-current-month,\n .flatpickr-month {\n font-size: var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-compact-01-font-weight, 600);\n letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);\n }\n .cds--table-sort *,\n .cds--table-sort ::after,\n .cds--table-sort ::before {\n box-sizing: inherit;\n }\n .cds--table-sort::-moz-focus-inner {\n border: 0;\n }\n .cds--table-sort:focus,\n .flatpickr-day.today.selected {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--table-sort:focus svg,\n .cds--table-sort:hover svg,\n .numInputWrapper:hover .arrowDown,\n .numInputWrapper:hover .arrowUp {\n opacity: 1;\n }\n .cds--data-table.cds--data-table--sort th > .cds--table-header-label {\n padding-right: 1rem;\n padding-left: 1rem;\n line-height: 1;\n }\n th .cds--table-sort__flex {\n display: flex;\n width: 100%;\n height: 100%;\n min-height: 3rem;\n align-items: center;\n justify-content: space-between;\n }\n @media screen and (-ms-high-contrast: active),\n screen and (-ms-high-contrast: none) {\n .cds--data-table--sort:not(.cds--data-table--xs):not(\n .cds--data-table--sm\n ):not(.cds--data-table--md):not(.cds--data-table--xl)\n th\n .cds--table-sort__flex {\n height: 2.99rem;\n }\n }\n .cds--data-table--xs.cds--data-table--sort th .cds--table-sort__flex {\n min-height: 1.5rem;\n }\n .cds--data-table--sm.cds--data-table--sort th .cds--table-sort__flex {\n min-height: 2rem;\n }\n .cds--data-table--md.cds--data-table--sort th .cds--table-sort__flex {\n min-height: 2.5rem;\n }\n .cds--data-table--xl.cds--data-table--sort th .cds--table-sort__flex {\n min-height: 4rem;\n align-items: flex-start;\n }\n .cds--table-sort .cds--table-sort__icon-inactive {\n display: block;\n }\n .cds--table-sort .cds--table-sort__icon,\n .cds--table-sort.cds--table-sort--active .cds--table-sort__icon-unsorted,\n .flatpickr-day.today.selected::after {\n display: none;\n }\n .cds--table-sort.cds--table-sort--active .cds--table-sort__icon {\n display: block;\n opacity: 1;\n }\n .cds--table-sort__icon {\n opacity: 1;\n transform: rotate(0);\n transition: transform 250ms cubic-bezier(0.5, 0, 0.1, 1);\n }\n .cds--data-table--xs.cds--data-table--sort th {\n height: 1.5rem;\n }\n .cds--data-table--sm.cds--data-table--sort th {\n height: 2rem;\n }\n .cds--data-table--md.cds--data-table--sort th {\n height: 2.5rem;\n }\n .cds--data-table--xl.cds--data-table--sort th {\n height: 4rem;\n }\n .cds--data-table--xl.cds--data-table--sort th .cds--table-sort {\n display: inline-block;\n height: 4rem;\n }\n .cds--data-table--xl .cds--table-sort__icon,\n .cds--data-table--xl .cds--table-sort__icon-unsorted {\n margin-top: 0.8125rem;\n }\n @keyframes fp-fade-in-down {\n from {\n opacity: 0;\n transform: translate3d(0, -20px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n }\n @keyframes fp-slide-left {\n from {\n transform: translate3d(0, 0, 0);\n }\n to {\n transform: translate3d(-100%, 0, 0);\n }\n }\n @keyframes fp-slide-left-new {\n from {\n transform: translate3d(100%, 0, 0);\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n }\n @keyframes fp-slide-right {\n from {\n transform: translate3d(0, 0, 0);\n }\n to {\n transform: translate3d(100%, 0, 0);\n }\n }\n @keyframes fp-slide-right-new {\n from {\n transform: translate3d(-100%, 0, 0);\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n }\n @keyframes fp-fade-out {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n }\n @keyframes fp-fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n .flatpickr-calendar {\n position: absolute;\n width: 19.6875rem;\n box-sizing: border-box;\n padding: 0;\n border: 0;\n animation: none;\n border-radius: 0;\n direction: ltr;\n opacity: 0;\n text-align: center;\n touch-action: manipulation;\n visibility: hidden;\n }\n .flatpickr-calendar.inline,\n .flatpickr-calendar.open {\n overflow: visible;\n max-height: 40rem;\n opacity: 1;\n visibility: inherit;\n }\n .flatpickr-calendar.open {\n box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n z-index: 99999;\n display: flex;\n overflow: hidden;\n width: 18rem;\n height: 21rem;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0.25rem 0.25rem 0.5rem;\n border: none;\n margin-top: -0.125rem;\n background-color: var(--cds-layer-01, #f4f4f4);\n }\n .flatpickr-calendar.animate.open {\n animation: 110ms cubic-bezier(0, 0, 0.38, 0.9) fp-fade-in-down;\n }\n .flatpickr-calendar.inline {\n position: relative;\n top: 0.125rem;\n display: block;\n }\n .flatpickr-calendar.static {\n position: absolute;\n top: calc(100% + 2px);\n }\n .flatpickr-calendar.static.open {\n z-index: 999;\n display: block;\n }\n .dayContainer {\n display: flex;\n height: 15.375rem;\n flex-wrap: wrap;\n justify-content: space-around;\n padding: 0;\n outline: 0;\n }\n .flatpickr-calendar .hasTime .dayContainer,\n .flatpickr-calendar .hasWeeks .dayContainer {\n border-bottom: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n .flatpickr-calendar .hasWeeks .dayContainer {\n border-left: 0;\n }\n .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {\n height: 2.5rem;\n border-top: 1px solid #e6e6e6;\n }\n .flatpickr-month {\n line-height: var(--cds-heading-compact-01-line-height, 1.28572);\n display: flex;\n height: 2.5rem;\n align-items: center;\n background-color: transparent;\n color: var(--cds-text-primary, #161616);\n line-height: 1;\n text-align: center;\n }\n .flatpickr-next-month,\n .flatpickr-prev-month {\n z-index: 3;\n display: flex;\n width: 2.5rem;\n height: 2.5rem;\n align-items: center;\n justify-content: center;\n padding: 0;\n cursor: pointer;\n fill: var(--cds-icon-primary, #161616);\n line-height: 16px;\n text-decoration: none;\n transform: scale(1, 1);\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n user-select: none;\n }\n .cds--date-picker__input,\n .flatpickr-day {\n transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .flatpickr-current-month {\n line-height: var(--cds-heading-compact-01-line-height, 1.28572);\n display: flex;\n height: 1.75rem;\n align-items: center;\n justify-content: center;\n text-align: center;\n }\n .flatpickr-day,\n .flatpickr-weekday {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n color: var(--cds-text-primary, #161616);\n }\n .flatpickr-current-month .cur-month {\n margin-right: 0.25rem;\n margin-left: 0.25rem;\n }\n .numInputWrapper {\n position: relative;\n width: 3.75rem;\n }\n .numInputWrapper:hover {\n background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n }\n .numInputWrapper .numInput {\n display: inline-block;\n width: 100%;\n padding: 0.25rem;\n border: none;\n margin: 0;\n background-color: var(--cds-field-01, #f4f4f4);\n color: var(--cds-text-primary, #161616);\n cursor: default;\n font-family: inherit;\n font-size: inherit;\n font-weight: 600;\n }\n .numInputWrapper .numInput::-webkit-inner-spin-button,\n .numInputWrapper .numInput::-webkit-outer-spin-button {\n margin: 0;\n -webkit-appearance: none;\n }\n .numInputWrapper .numInput[disabled],\n .numInputWrapper .numInput[disabled]:hover {\n background-color: var(--cds-layer-01, #f4f4f4);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n pointer-events: none;\n }\n .numInputWrapper .arrowUp {\n top: 0.25rem;\n border-bottom: 0;\n }\n .numInputWrapper .arrowUp::after {\n border-bottom: 0.25rem solid var(--cds-icon-primary, #161616);\n }\n .numInputWrapper .arrowDown {\n top: 0.6875rem;\n }\n .numInputWrapper .arrowDown::after {\n border-top: 0.25rem solid var(--cds-icon-primary, #161616);\n }\n .numInputWrapper .arrowDown,\n .numInputWrapper .arrowUp {\n position: absolute;\n left: 2.6rem;\n width: 0.75rem;\n height: 50%;\n padding: 0 0.25rem 0 0.125rem;\n border: none;\n cursor: pointer;\n line-height: 50%;\n opacity: 0;\n }\n .cds--date-picker__icon ~ .cds--date-picker__input,\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid\n .cds--list-box[data-invalid]:not(.cds--combo-box)\n .cds--list-box__field {\n padding-right: 3rem;\n }\n .numInputWrapper .arrowDown::after,\n .numInputWrapper .arrowUp::after {\n position: absolute;\n top: 33%;\n display: block;\n border-right: 0.25rem solid transparent;\n border-left: 0.25rem solid transparent;\n content: '';\n }\n .numInputWrapper .arrowDown:hover::after,\n .numInputWrapper .arrowUp:hover::after {\n border-top-color: var(--cds-button-primary, #0f62fe);\n border-bottom-color: var(--cds-button-primary, #0f62fe);\n }\n .numInputWrapper .arrowDown:active::after,\n .numInputWrapper .arrowUp:active::after {\n border-top-color: var(--cds-border-interactive, #0f62fe);\n border-bottom-color: var(--cds-border-interactive, #0f62fe);\n }\n .numInput[disabled] ~ .arrowUp::after {\n border-bottom-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--date-picker__input:disabled,\n .cds--date-picker__input:disabled:hover {\n border-bottom: 1px solid transparent;\n }\n .numInput[disabled] ~ .arrowDown::after {\n border-top-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .flatpickr-weekdays {\n display: flex;\n height: 2.5rem;\n align-items: center;\n }\n .flatpickr-weekdaycontainer {\n display: flex;\n width: 100%;\n }\n .flatpickr-weekday {\n flex: 1;\n cursor: default;\n }\n .flatpickr-calendar.animate .dayContainer.slideLeft {\n animation:\n 0.4s cubic-bezier(0.23, 1, 0.32, 1) fp-fade-out,\n 0.4s cubic-bezier(0.23, 1, 0.32, 1) fp-slide-left;\n }\n .flatpickr-calendar.animate .dayContainer.slideLeft,\n .flatpickr-calendar.animate .dayContainer.slideLeftNew {\n transform: translate3d(-100%, 0, 0);\n }\n .flatpickr-calendar.animate .dayContainer.slideLeftNew {\n animation:\n 0.4s cubic-bezier(0.23, 1, 0.32, 1) fp-fade-in,\n 0.4s cubic-bezier(0.23, 1, 0.32, 1) fp-slide-left;\n }\n .flatpickr-calendar.animate .dayContainer.slideRight {\n animation:\n 0.4s cubic-bezier(0.23, 1, 0.32, 1) fp-fade-out,\n 0.4s cubic-bezier(0.23, 1, 0.32, 1) fp-slide-right;\n transform: translate3d(100%, 0, 0);\n }\n .flatpickr-calendar.animate .dayContainer.slideRightNew {\n animation:\n 0.4s cubic-bezier(0.23, 1, 0.32, 1) fp-fade-in,\n 0.4s cubic-bezier(0.23, 1, 0.32, 1) fp-slide-right-new;\n }\n .flatpickr-day {\n display: flex;\n width: 2.5rem;\n height: 2.5rem;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n }\n .flatpickr-day:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n outline-color: var(--cds-button-primary, #0f62fe);\n }\n .nextMonthDay,\n .prevMonthDay {\n color: var(--cds-text-helper, #6f6f6f);\n }\n .flatpickr-day.today {\n position: relative;\n color: var(--cds-link-primary, #0f62fe);\n font-weight: 600;\n }\n .cds--date-picker\n .cds--date-picker-input__wrapper--warn\n ~ .cds--form-requirement,\n .cds--date-picker__input,\n .cds--dropdown,\n .flatpickr-day.endRange:hover,\n .flatpickr-day.inRange {\n color: var(--cds-text-primary, #161616);\n }\n .flatpickr-day.today::after {\n position: absolute;\n bottom: 0.4375rem;\n left: 50%;\n display: block;\n width: 0.25rem;\n height: 0.25rem;\n background-color: var(--cds-link-primary, #0f62fe);\n content: '';\n transform: translateX(-50%);\n }\n .flatpickr-day.inRange {\n background-color: var(--cds-highlight, #d0e2ff);\n }\n .flatpickr-day.selected {\n background-color: var(--cds-button-primary, #0f62fe);\n color: var(--cds-text-on-color, #fff);\n }\n .flatpickr-day.selected:focus {\n outline: 0.0625rem solid var(--cds-layer-02, #ffffff);\n outline-offset: -0.1875rem;\n }\n .flatpickr-day.startRange.selected {\n z-index: 2;\n box-shadow: none;\n }\n .flatpickr-day.endRange.inRange,\n .flatpickr-day.startRange.inRange:not(.selected) {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n z-index: 3;\n background: var(--cds-layer-01, #f4f4f4);\n }\n .flatpickr-day.endRange:hover {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n background: var(--cds-layer-01, #f4f4f4);\n }\n @media screen and (prefers-contrast) {\n .cds--table-sort:focus,\n .flatpickr-calendar.open:focus,\n .flatpickr-day.endRange.inRange,\n .flatpickr-day.endRange:hover,\n .flatpickr-day.startRange.inRange:not(.selected),\n .flatpickr-day.today.selected,\n .flatpickr-day:focus,\n .numInputWrapper .numInput:focus {\n outline-style: dotted;\n }\n }\n .flatpickr-day.endRange.inRange.selected {\n background: var(--cds-button-primary, #0f62fe);\n color: var(--cds-text-on-color, #fff);\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--table-sort__icon,\n .cds--table-sort__icon-unsorted,\n .flatpickr-next-month,\n .flatpickr-prev-month {\n fill: ButtonText;\n }\n .flatpickr-calendar {\n outline: transparent solid 1px;\n }\n .flatpickr-day.selected {\n color: Highlight;\n outline: Highlight dotted 1px;\n }\n .flatpickr-day.inRange,\n .flatpickr-day.today {\n color: Highlight;\n }\n }\n .cds--date-picker {\n display: flex;\n }\n .cds--date-picker--light .cds--date-picker__input {\n background: var(--cds-field-02, #fff);\n }\n .cds--date-picker-container {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n .cds--date-picker-container .cds--label {\n display: flex;\n }\n .cds--date-picker-input__wrapper {\n position: relative;\n display: flex;\n align-items: center;\n }\n .cds--date-picker.cds--date-picker--simple .cds--date-picker__input,\n .cds--date-picker.cds--date-picker--simple .cds--label {\n width: 7.5rem;\n }\n .cds--date-picker.cds--date-picker--simple\n .cds--date-picker-input__wrapper--invalid\n .cds--date-picker__input,\n .cds--date-picker.cds--date-picker--simple\n .cds--date-picker-input__wrapper--invalid\n ~ .cds--form-requirement,\n .cds--date-picker.cds--date-picker--simple\n .cds--date-picker-input__wrapper--warn\n .cds--date-picker__input,\n .cds--date-picker.cds--date-picker--simple\n .cds--date-picker-input__wrapper--warn\n ~ .cds--form-requirement {\n width: 9.5rem;\n }\n .cds--date-picker.cds--date-picker--simple.cds--date-picker--short\n .cds--date-picker__input {\n width: 5.7rem;\n }\n .cds--date-picker.cds--date-picker--single .cds--date-picker__input {\n width: 18rem;\n }\n .cds--date-picker__input {\n box-sizing: border-box;\n padding: 0 1rem;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n font-family: var(\n --cds-code-02-font-family,\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace\n );\n font-size: var(--cds-code-02-font-size, 0.875rem);\n font-weight: var(--cds-code-02-font-weight, 400);\n line-height: var(--cds-code-02-line-height, 1.42857);\n letter-spacing: var(--cds-code-02-letter-spacing, 0.32px);\n outline: transparent solid 2px;\n outline-offset: -2px;\n position: relative;\n display: block;\n height: 2.5rem;\n border: none;\n border-bottom: 1px solid var(--cds-border-strong);\n background-color: var(--cds-field);\n }\n .cds--file__drop-container,\n .cds--loading,\n .cds--number__control-btn,\n .cds--search-input {\n font-family: inherit;\n vertical-align: baseline;\n }\n .cds--dropdown-list,\n .cds--dropdown-text,\n .cds--dropdown__wrapper--inline .cds--label {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n }\n .cds--dropdown,\n .cds--dropdown-list {\n outline: transparent solid 2px;\n list-style: none;\n }\n .cds--date-picker__input *,\n .cds--date-picker__input ::after,\n .cds--date-picker__input ::before {\n box-sizing: inherit;\n }\n .cds--date-picker__input.cds--focused,\n .cds--date-picker__input:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--date-picker__input:disabled {\n background-color: var(--cds-field);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--date-picker__input:disabled::placeholder {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--date-picker__input::placeholder {\n color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n opacity: 1;\n }\n .cds--date-picker__input--lg {\n height: 3rem;\n }\n .cds--date-picker__input--sm {\n height: 2rem;\n }\n .cds--date-picker__icon {\n position: absolute;\n z-index: 1;\n top: 50%;\n right: 1rem;\n fill: var(--cds-icon-primary, #161616);\n pointer-events: none;\n transform: translateY(-50%);\n }\n .cds--date-picker__icon--invalid,\n .cds--date-picker__icon--warn {\n cursor: auto;\n }\n .cds--date-picker__icon--warn {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--date-picker__icon--warn path:first-of-type {\n fill: #000;\n opacity: 1;\n }\n .cds--date-picker__input[readonly] + .cds--date-picker__icon,\n .cds--dropdown--disabled .cds--dropdown__arrow,\n .cds--dropdown--disabled .cds--list-box__menu-icon svg,\n .cds--dropdown--readonly .cds--list-box__menu-icon svg,\n .cds--list-box__wrapper--fluid\n .cds--label--disabled\n .cds--toggletip-button\n svg,\n .cds--number input[type='number']:disabled ~ .cds--number__controls svg {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--date-picker__icon--invalid {\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--date-picker__input:disabled ~ .cds--date-picker__icon {\n cursor: not-allowed;\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--date-picker.cds--skeleton .cds--label:active,\n .cds--date-picker.cds--skeleton .cds--label:focus,\n .cds--date-picker.cds--skeleton .cds--label:hover,\n .cds--date-picker.cds--skeleton input:active,\n .cds--date-picker.cds--skeleton input:focus,\n .cds--date-picker.cds--skeleton input:hover,\n .cds--date-picker__input.cds--skeleton:active,\n .cds--date-picker__input.cds--skeleton:focus,\n .cds--date-picker__input.cds--skeleton:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--date-picker--range > .cds--date-picker-container:first-child {\n margin-right: 0.0625rem;\n }\n .cds--date-picker--range .cds--date-picker-container,\n .cds--date-picker--range .cds--date-picker__input {\n width: 8.96875rem;\n }\n .cds--date-picker.cds--skeleton input,\n .cds--date-picker__input.cds--skeleton {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n width: 100%;\n }\n .cds--dropdown--inline.cds--dropdown--open:focus .cds--dropdown-list,\n .cds--dropdown--open .cds--dropdown-list,\n .cds--dropdown-list,\n .cds--menu {\n box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n }\n .cds--date-picker.cds--skeleton input::before,\n .cds--date-picker__input.cds--skeleton::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--data-table-container.cds--skeleton\n .cds--data-table-header__description::before,\n .cds--date-picker.cds--skeleton input::before,\n .cds--date-picker__input.cds--skeleton::before {\n animation: none;\n }\n }\n .cds--date-picker.cds--skeleton input::placeholder,\n .cds--date-picker__input.cds--skeleton::placeholder {\n color: transparent;\n }\n .cds--date-picker.cds--skeleton .cds--label {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n width: 4.6875rem;\n height: 0.875rem;\n }\n .cds--dropdown--inline.cds--dropdown--invalid .cds--dropdown-text,\n .cds--dropdown--invalid .cds--dropdown-text {\n padding-right: 3.5rem;\n }\n .cds--date-picker.cds--skeleton .cds--label::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--date-picker__icon {\n fill: ButtonText;\n }\n }\n .cds--date-picker__input[readonly] {\n border-bottom-color: var(--cds-border-subtle);\n background: 0 0;\n cursor: text;\n }\n .cds--dropdown__wrapper--inline {\n display: inline-grid;\n align-items: center;\n grid-gap: 0 1.5rem;\n grid-template: auto auto/auto min-content;\n }\n .cds--dropdown__wrapper--inline .cds--form-requirement,\n .cds--dropdown__wrapper--inline .cds--form__helper-text,\n .cds--dropdown__wrapper--inline .cds--label {\n margin: 0;\n }\n .cds--dropdown {\n outline-offset: -2px;\n position: relative;\n display: block;\n width: 100%;\n height: 2.5rem;\n border: none;\n border-bottom: 1px solid var(--cds-border-strong);\n background-color: var(--cds-field);\n cursor: pointer;\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--dropdown--disabled.cds--dropdown--light:hover,\n .cds--dropdown--light {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--dropdown__arrow,\n .cds--menu-button__trigger svg {\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--dropdown html {\n font-size: 100%;\n }\n .cds--dropdown body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--dropdown code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--dropdown strong {\n font-weight: 600;\n }\n .cds--dropdown:hover {\n background-color: var(--cds-field-hover);\n }\n .cds--dropdown .cds--list-box__field {\n text-align: left;\n }\n .cds--dropdown--lg {\n height: 3rem;\n max-height: 3rem;\n }\n .cds--dropdown--lg .cds--dropdown__arrow {\n top: 1rem;\n }\n .cds--dropdown--sm {\n height: 2rem;\n max-height: 2rem;\n }\n .cds--dropdown--sm .cds--dropdown__arrow {\n top: 0.5rem;\n }\n .cds--dropdown--open {\n border-bottom-color: var(--cds-border-subtle);\n }\n .cds--dropdown--invalid {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--date-picker__input.cds--focused,\n .cds--date-picker__input:focus,\n .cds--dropdown--invalid {\n outline-style: dotted;\n }\n }\n .cds--dropdown--invalid + .cds--form-requirement {\n display: inline-block;\n max-height: 12.5rem;\n color: var(--cds-text-error, #da1e28);\n }\n .cds--dropdown__invalid-icon {\n position: absolute;\n top: 50%;\n right: 2.5rem;\n fill: var(--cds-support-error, #da1e28);\n transform: translateY(-50%);\n }\n .cds--dropdown--open:hover {\n background-color: var(--cds-field);\n }\n .cds--dropdown--open:focus {\n outline: transparent solid 1px;\n }\n .cds--dropdown--open .cds--dropdown-list {\n max-height: 13.75rem;\n transition: max-height 110ms cubic-bezier(0, 0, 0.38, 0.9);\n }\n .cds--dropdown--light:hover {\n background-color: var(--cds-field-hover);\n }\n .cds--dropdown--light .cds--dropdown-list,\n .cds--dropdown-list {\n background-color: var(--cds-layer);\n }\n .cds--dropdown--up .cds--dropdown-list {\n bottom: 2rem;\n }\n .cds--dropdown__arrow {\n position: absolute;\n top: 0.8125rem;\n right: 1rem;\n fill: var(--cds-icon-primary, #161616);\n pointer-events: none;\n transform-origin: 50% 45%;\n }\n button.cds--dropdown-text {\n width: 100%;\n border: none;\n background: 0 0;\n color: var(--cds-text-primary, #161616);\n text-align: left;\n }\n button.cds--dropdown-text:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--dropdown-text {\n display: block;\n overflow: hidden;\n height: calc(100% + 1px);\n padding-right: 2.625rem;\n padding-left: 1rem;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .cds--dropdown-list {\n outline-offset: -2px;\n position: absolute;\n z-index: 9100;\n display: flex;\n width: 100%;\n max-height: 0;\n flex-direction: column;\n overflow-x: hidden;\n overflow-y: auto;\n transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--dropdown-list html,\n .cds--file--label html,\n .cds--label-description html,\n .cds--loading {\n font-size: 100%;\n }\n .cds--dropdown-list body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--dropdown-list code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--dropdown-list strong {\n font-weight: 600;\n }\n .cds--dropdown:not(.cds--dropdown--open) .cds--dropdown-item {\n visibility: hidden;\n }\n .cds--dropdown-item {\n position: relative;\n opacity: 0;\n transition:\n visibility 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n visibility: inherit;\n }\n .cds--dropdown-item:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--dropdown-item:hover + .cds--dropdown-item .cds--dropdown-link {\n border-color: transparent;\n }\n .cds--dropdown-item:active {\n background-color: var(--cds-layer-selected);\n }\n .cds--dropdown-item:first-of-type .cds--dropdown-link {\n border-top-color: transparent;\n }\n .cds--dropdown-item:last-of-type .cds--dropdown-link {\n border-bottom: none;\n }\n .cds--dropdown-link {\n outline: transparent solid 2px;\n outline-offset: -2px;\n display: block;\n overflow: hidden;\n height: 2.5rem;\n padding: 0.6875rem 0;\n border: 1px solid transparent;\n border-top-color: var(--cds-border-subtle);\n margin: 0 1rem;\n color: var(--cds-text-secondary, #525252);\n font-weight: 400;\n line-height: 1rem;\n text-decoration: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .cds--dropdown--disabled,\n .cds--dropdown--inline {\n border-bottom-color: transparent;\n }\n .cds--dropdown-link:hover {\n border-color: transparent;\n color: var(--cds-text-primary, #161616);\n }\n .cds--dropdown--disabled .cds--dropdown-text,\n .cds--dropdown--disabled .cds--list-box__label,\n .cds--dropdown--inline.cds--dropdown--disabled .cds--dropdown-text {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--dropdown--light .cds--dropdown-link {\n border-top-color: var(--cds-border-subtle-02, #e0e0e0);\n }\n .cds--dropdown--sm .cds--dropdown-link {\n height: 2rem;\n padding-top: 0.4375rem;\n padding-bottom: 0.4375rem;\n }\n .cds--dropdown--focused,\n .cds--dropdown-link:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n padding: 0.6875rem 1rem;\n margin: 0;\n }\n .cds--dropdown-list[aria-activedescendant] .cds--dropdown-link:focus {\n padding: 0.6875rem 0;\n margin: 0 1rem;\n outline: 0;\n }\n .cds--date-picker--fluid\n .cds--date-picker--range\n > .cds--date-picker-container:first-child,\n .cds--file__selected-file .cds--inline-loading__animation .cds--loading {\n margin-right: 0;\n }\n .cds--dropdown-list[aria-activedescendant] .cds--dropdown--focused:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n padding: 0.6875rem 1rem;\n margin: 0;\n }\n @media screen and (prefers-contrast) {\n .cds--dropdown--focused,\n .cds--dropdown-link:focus,\n .cds--dropdown-list[aria-activedescendant] .cds--dropdown--focused:focus,\n button.cds--dropdown-text:focus {\n outline-style: dotted;\n }\n }\n .cds--dropdown--disabled:focus,\n .cds--dropdown--inline.cds--dropdown--disabled:focus .cds--dropdown-text {\n outline: 0;\n }\n .cds--dropdown-list[aria-activedescendant] .cds--dropdown-item:active {\n background-color: inherit;\n }\n .cds--dropdown-item:hover .cds--dropdown-link {\n border-bottom-color: var(--cds-layer-hover);\n }\n .cds--dropdown--open .cds--dropdown__arrow {\n transform: rotate(-180deg);\n }\n .cds--dropdown--open .cds--dropdown-item {\n opacity: 1;\n }\n .cds--dropdown--disabled:hover {\n background-color: var(--cds-field);\n }\n .cds--dropdown--inline .cds--dropdown-text,\n .cds--file--label,\n .cds--file-browse-btn:active {\n color: var(--cds-text-primary, #161616);\n }\n .cds--dropdown--disabled .cds--list-box__field,\n .cds--dropdown--disabled .cds--list-box__menu-icon {\n cursor: not-allowed;\n }\n .cds--dropdown--auto-width {\n width: auto;\n max-width: 25rem;\n }\n .cds--dropdown--inline {\n display: inline-block;\n width: auto;\n background-color: transparent;\n justify-self: start;\n transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9);\n }\n .cds--dropdown--inline:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--dropdown--inline.cds--dropdown--disabled,\n .cds--dropdown--inline.cds--dropdown--open {\n background-color: transparent;\n }\n .cds--dropdown--inline .cds--dropdown__arrow {\n top: 0.5rem;\n right: 0.5rem;\n }\n .cds--dropdown--inline .cds--dropdown-text {\n display: inline-block;\n overflow: visible;\n height: 2rem;\n padding: 0.4375rem 2rem 0.4375rem 0.75rem;\n }\n .cds--dropdown--inline .cds--dropdown-link {\n font-weight: 400;\n }\n .cds--dropdown--show-selected .cds--dropdown--selected {\n display: block;\n background-color: var(--cds-layer-selected);\n color: var(--cds-text-primary, #161616);\n }\n .cds--dropdown--show-selected .cds--dropdown--selected:hover {\n background-color: var(--cds-layer-selected-hover);\n }\n .cds--dropdown--show-selected .cds--dropdown--selected .cds--dropdown-link,\n .cds--dropdown--show-selected\n .cds--dropdown--selected\n + .cds--dropdown-item\n .cds--dropdown-link {\n border-top-color: transparent;\n }\n .cds--dropdown--show-selected\n .cds--dropdown--selected\n .cds--list-box__menu-item__selected-icon {\n display: block;\n }\n .cds--dropdown-v2.cds--skeleton,\n .cds--dropdown.cds--skeleton {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n }\n .cds--dropdown-v2.cds--skeleton:active,\n .cds--dropdown-v2.cds--skeleton:focus,\n .cds--dropdown-v2.cds--skeleton:hover,\n .cds--dropdown.cds--skeleton:active,\n .cds--dropdown.cds--skeleton:focus,\n .cds--dropdown.cds--skeleton:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--dropdown-v2.cds--skeleton::before,\n .cds--dropdown.cds--skeleton::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--date-picker.cds--skeleton .cds--label::before,\n .cds--dropdown-v2.cds--skeleton::before,\n .cds--dropdown.cds--skeleton::before {\n animation: none;\n }\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--dropdown .cds--list-box__field {\n outline: transparent solid 1px;\n }\n .cds--list-box__menu-item__option {\n outline: 0;\n }\n .cds--list-box__menu-item__selected-icon {\n fill: ButtonText;\n }\n }\n .cds--dropdown--readonly,\n .cds--dropdown--readonly:hover {\n border-bottom-color: var(--cds-border-subtle);\n background-color: transparent;\n }\n .cds--dropdown--readonly .cds--list-box__field,\n .cds--dropdown--readonly .cds--list-box__menu-icon {\n cursor: default;\n }\n .cds--loading {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n animation-duration: 690ms;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: rotate;\n animation-timing-function: linear;\n width: 5.5rem;\n height: 5.5rem;\n }\n .cds--loading *,\n .cds--loading ::after,\n .cds--loading ::before {\n box-sizing: inherit;\n }\n .cds--loading svg circle {\n animation-duration: 10ms;\n animation-name: init-stroke;\n animation-timing-function: cubic-bezier(0.5, 0, 0.1, 1);\n }\n @media screen and (prefers-reduced-motion: reduce) {\n .cds--loading svg circle,\n .flatpickr-calendar.animate.open {\n animation: none;\n }\n .flatpickr-next-month,\n .flatpickr-prev-month {\n transition: none;\n }\n }\n .cds--loading__svg {\n fill: transparent;\n }\n .cds--loading__svg circle {\n stroke-dasharray: 276.4608 276.4608;\n stroke-linecap: butt;\n stroke-width: 10;\n }\n .cds--loading__stroke {\n stroke: var(--cds-interactive, #0f62fe);\n stroke-dashoffset: 52.527552;\n }\n .cds--loading--small .cds--loading__stroke {\n stroke-dashoffset: 143.759616;\n }\n .cds--loading--stop {\n animation:\n 0.7s cubic-bezier(0, 0, 0.25, 1) forwards rotate-end-p1,\n 0.7s cubic-bezier(0, 0, 0.25, 1) 0.7s forwards rotate-end-p2;\n }\n .cds--loading--stop svg circle {\n animation-delay: 0.7s;\n animation-duration: 0.7s;\n animation-fill-mode: forwards;\n animation-name: stroke-end;\n animation-timing-function: cubic-bezier(0, 0, 0.25, 1);\n }\n .cds--loading--small {\n width: 1rem;\n height: 1rem;\n }\n .cds--loading--small circle {\n stroke-width: 16;\n }\n .cds--loading--small .cds--loading__svg {\n stroke: var(--cds-interactive, #0f62fe);\n }\n .cds--loading__background {\n stroke: var(--cds-layer-accent);\n stroke-dashoffset: -22;\n }\n .cds--loading-overlay {\n position: fixed;\n z-index: 6000;\n top: 0;\n left: 0;\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));\n transition: background-color 0.7s cubic-bezier(0.4, 0.14, 0.3, 1);\n }\n .cds--loading-overlay--stop {\n display: none;\n }\n @keyframes rotate {\n 0% {\n transform: rotate(0);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n @keyframes rotate-end-p1 {\n 100% {\n transform: rotate(360deg);\n }\n }\n @keyframes rotate-end-p2 {\n 100% {\n transform: rotate(-360deg);\n }\n }\n @keyframes init-stroke {\n 0% {\n stroke-dashoffset: 276.4608;\n }\n 100% {\n stroke-dashoffset: 52.527552;\n }\n }\n @keyframes stroke-end {\n 0% {\n stroke-dashoffset: 52.527552;\n }\n 100% {\n stroke-dashoffset: 276.4608;\n }\n }\n .cds--file {\n width: 100%;\n }\n .cds--file--invalid {\n margin-right: 0.5rem;\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--file--label {\n font-size: var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-compact-01-font-weight, 600);\n line-height: var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);\n margin-bottom: 0.5rem;\n }\n .cds--file__selected-file .cds--file-filename,\n .cds--label-description,\n .cds--number input[type='number'] {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n }\n .cds--file__drop-container,\n .cds--file__selected-file .cds--file-filename,\n .cds--label-description,\n .cds--number input[type='number'] {\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n }\n .cds--file--label body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--file--label code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--file--label strong {\n font-weight: 600;\n }\n .cds--file--label--disabled {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--file-input {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n }\n .cds--file-btn {\n display: inline-flex;\n padding-right: 4rem;\n margin: 0;\n }\n .cds--file-browse-btn {\n display: inline-block;\n width: 100%;\n max-width: 20rem;\n color: var(--cds-link-primary, #0f62fe);\n cursor: pointer;\n outline: transparent solid 2px;\n outline-offset: -2px;\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--file-browse-btn:focus,\n .cds--file-browse-btn:hover {\n outline: 2px solid var(--cds-focus, #0f62fe);\n }\n .cds--actionable-notification a,\n .cds--file-browse-btn--disabled,\n .cds--inline-notification a,\n .cds--pagination-nav__page,\n .cds--tabs .cds--tabs__nav-link,\n .cds--toast-notification a {\n text-decoration: none;\n }\n .cds--file-browse-btn--disabled {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: no-drop;\n }\n .cds--file-browse-btn--disabled:focus,\n .cds--file-browse-btn--disabled:hover {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline: 0;\n text-decoration: none;\n }\n .cds--file-browse-btn--disabled .cds--file__drop-container {\n border: 1px dashed var(--cds-button-disabled, #c6c6c6);\n }\n .cds--label-description {\n margin-bottom: 1rem;\n color: var(--cds-text-secondary, #525252);\n }\n .cds--file__selected-file,\n .cds--file__selected-file--invalid__wrapper {\n max-width: 20rem;\n margin-bottom: 0.5rem;\n background-color: var(--cds-layer);\n }\n .cds--label-description body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--label-description code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--label-description strong {\n font-weight: 600;\n }\n .cds--label-description--disabled {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--file-container--drop {\n width: 100%;\n }\n .cds--file-btn ~ .cds--file-container {\n margin-top: 1.5rem;\n }\n .cds--btn ~ .cds--file-container {\n margin-top: 1rem;\n }\n .cds--file .cds--file-container,\n .cds--file ~ .cds--file-container {\n margin-top: 0.5rem;\n }\n .cds--file__selected-file {\n display: grid;\n min-height: 3rem;\n align-items: center;\n gap: 0.75rem 1rem;\n grid-auto-rows: auto;\n grid-template-columns: 1fr auto;\n word-break: break-word;\n }\n .cds--file__selected-file:last-child,\n div.container.tutorial ul li:last-child {\n margin-bottom: 0;\n }\n .cds--file__selected-file .cds--form-requirement {\n display: block;\n max-height: none;\n margin: 0;\n grid-column: 1/-1;\n }\n .cds--file__selected-file .cds--file-filename {\n overflow: hidden;\n margin-left: 1rem;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .cds--file__selected-file--invalid .cds--form-requirement__supplement,\n .cds--file__selected-file--invalid .cds--form-requirement__title,\n .cds--file__selected-file--invalid + .cds--form-requirement {\n font-size: var(--cds-label-01-font-size, 0.75rem);\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n }\n .cds--file__selected-file--md {\n min-height: 2.5rem;\n gap: 0.5rem 1rem;\n }\n .cds--file__selected-file--sm {\n min-height: 2rem;\n gap: 0.25rem 1rem;\n }\n .cds--file__selected-file--invalid__wrapper {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n outline-width: 1px;\n }\n @media screen and (prefers-contrast) {\n .cds--file__selected-file--invalid__wrapper {\n outline-style: dotted;\n }\n }\n .cds--file__selected-file--invalid {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n padding: 0.75rem 0;\n }\n .cds--file__selected-file--invalid.cds--file__selected-file--sm {\n padding: 0.25rem 0;\n }\n .cds--file__selected-file--invalid.cds--file__selected-file--md {\n padding: 0.5rem 0;\n }\n .cds--file__selected-file--invalid .cds--form-requirement {\n padding-top: 1rem;\n border-top: 1px solid var(--cds-border-subtle);\n }\n .cds--file__selected-file--invalid.cds--file__selected-file--sm\n .cds--form-requirement {\n padding-top: 0.4375rem;\n }\n .cds--file__selected-file--invalid.cds--file__selected-file--md\n .cds--form-requirement {\n padding-top: 0.6875rem;\n }\n .cds--file__selected-file--invalid .cds--form-requirement__supplement,\n .cds--file__selected-file--invalid .cds--form-requirement__title {\n padding: 0 1rem;\n }\n .cds--file__selected-file--invalid .cds--form-requirement__title {\n color: var(--cds-text-error, #da1e28);\n }\n .cds--file__selected-file--invalid .cds--form-requirement__supplement,\n .cds--number input[type='number'] {\n color: var(--cds-text-primary, #161616);\n }\n .cds--file__selected-file--invalid + .cds--form-requirement {\n display: block;\n overflow: visible;\n max-height: 12.5rem;\n padding: 0.5rem 1rem;\n color: var(--cds-text-error, #da1e28);\n font-weight: 400;\n }\n .cds--file__selected-file--invalid\n + .cds--form-requirement\n .cds--form-requirement__supplement {\n padding-bottom: 0.5rem;\n color: var(--cds-text-primary, #161616);\n }\n .cds--list-box__wrapper--fluid .cds--label--disabled .cds--toggletip-label,\n .cds--number input[type='number']:disabled {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--file__state-container {\n display: flex;\n min-width: 1.5rem;\n align-items: center;\n justify-content: center;\n padding-right: 1rem;\n }\n .cds--menu,\n .cds--menu-button__trigger:not(.cds--btn--ghost) {\n min-width: 10rem;\n }\n .cds--file__state-container .cds--loading__svg {\n stroke: var(--cds-icon-primary, #161616);\n }\n .cds--inline-loading__checkmark,\n .cds--loading--small .cds--inline-loading__svg {\n stroke: var(--cds-interactive, #0f62fe);\n }\n .cds--file__state-container .cds--file-complete {\n fill: var(--cds-interactive, #0f62fe);\n }\n .cds--number__invalid,\n .cds--select-input__wrapper[data-invalid]\n .cds--select-input\n ~ .cds--select__invalid-icon {\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--file__state-container .cds--file-complete:focus {\n outline: 1px solid var(--cds-focus, #0f62fe);\n }\n @media screen and (prefers-contrast) {\n .cds--file__selected-file--invalid,\n .cds--file__state-container .cds--file-complete:focus {\n outline-style: dotted;\n }\n }\n .cds--file__state-container\n .cds--file-complete\n [data-icon-path='inner-path'] {\n fill: var(--cds-icon-inverse, #ffffff);\n opacity: 1;\n }\n .cds--file__state-container .cds--file-invalid {\n width: 1rem;\n height: 1rem;\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--file__state-container .cds--file-close {\n display: flex;\n width: 1.5rem;\n height: 1.5rem;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n background-color: transparent;\n cursor: pointer;\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--file__state-container .cds--file-close:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--file__state-container .cds--file-close svg path {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--file__state-container .cds--inline-loading__animation {\n margin-right: -0.5rem;\n }\n .cds--file__drop-container {\n box-sizing: border-box;\n padding: 1rem;\n border: 0;\n margin: 0;\n font-size: 100%;\n display: inline-block;\n appearance: none;\n background: 0 0;\n cursor: pointer;\n text-align: start;\n width: 100%;\n display: flex;\n overflow: hidden;\n height: 6rem;\n align-items: flex-start;\n justify-content: space-between;\n border: 1px dashed var(--cds-border-strong);\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n }\n .cds--number html,\n .cds--number__controls html,\n .cds--search-input {\n font-size: 100%;\n }\n .cds--file__drop-container *,\n .cds--file__drop-container ::after,\n .cds--file__drop-container ::before {\n box-sizing: inherit;\n }\n .cds--file__drop-container::-moz-focus-inner {\n border: 0;\n }\n .cds--list-box__wrapper--fluid\n .cds--combo-box.cds--list-box--warning\n .cds--text-input,\n .cds--list-box__wrapper--fluid .cds--list-box--warning,\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus\n .cds--list-box\n .cds--text-input,\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus\n .cds--list-box:not(.cds--list-box--invalid),\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid\n .cds--list-box,\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid\n .cds--list-box\n .cds--text-input {\n border-bottom: 1px solid transparent;\n }\n .cds--file__drop-container--drag-over {\n background: 0 0;\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper {\n position: relative;\n height: 100%;\n background: var(--cds-field);\n transition:\n background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--list-box__wrapper--fluid .cds--list-box {\n min-height: 4rem;\n padding: 0;\n }\n .cds--list-box__wrapper--fluid .cds--label {\n position: absolute;\n z-index: 1;\n top: 0.8125rem;\n left: 1rem;\n display: flex;\n width: calc(100% - 2rem);\n height: 1rem;\n align-items: center;\n margin: 0;\n }\n .cds--list-box__wrapper--fluid\n .cds--label\n .cds--toggletip-label::-webkit-scrollbar,\n .cds--list-box__wrapper--fluid .cds--label::-webkit-scrollbar {\n display: none;\n }\n .cds--list-box__wrapper--fluid .cds--label .cds--toggletip-label,\n .cds--list-box__wrapper--fluid .cds--label:not(:has(.cds--toggletip-label)) {\n -ms-overflow-style: none;\n overflow-x: scroll;\n scrollbar-width: none;\n white-space: nowrap;\n }\n .cds--list-box__wrapper--fluid .cds--list-box__field {\n padding-top: 2.0625rem;\n padding-bottom: 0.8125rem;\n padding-left: 1rem;\n }\n .cds--list-box__wrapper--fluid .cds--list-box__menu-icon {\n width: 1rem;\n height: 1rem;\n }\n .cds--list-box__wrapper--fluid:not(.cds--list-box__wrapper--fluid--condensed)\n .cds--list-box__menu-item {\n height: 4rem;\n }\n .cds--list-box__wrapper--fluid:not(.cds--list-box__wrapper--fluid--condensed)\n .cds--list-box__menu-item__selected-icon {\n top: 1.25rem;\n }\n .cds--list-box__wrapper--fluid .cds--label--disabled .cds--toggletip-button {\n cursor: not-allowed;\n pointer-events: none;\n }\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n z-index: 2;\n outline-offset: 0;\n }\n @media screen and (prefers-contrast) {\n .cds--file__state-container .cds--file-close:focus,\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus {\n outline-style: dotted;\n }\n }\n .cds--list-box__wrapper--fluid .cds--list-box__field:focus {\n outline: 0;\n outline-offset: 0;\n }\n .cds--list-box__wrapper--fluid :not(.cds--list-box--up) .cds--list-box__menu {\n top: calc(100% + 0.1875rem);\n }\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(\n .cds--list-box__wrapper--fluid--focus\n ) {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n z-index: 2;\n outline-offset: 0;\n }\n @media screen and (prefers-contrast) {\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(\n .cds--list-box__wrapper--fluid--focus\n ) {\n outline-style: dotted;\n }\n }\n .cds--date-picker--fluid\n .cds--date-picker-container.cds--date-picker--fluid--invalid\n .cds--date-picker__input--invalid,\n .cds--list-box__wrapper--fluid .cds--combo-box .cds--text-input:focus {\n outline: 0;\n }\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid\n .cds--combo-box[data-invalid]\n .cds--text-input,\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid\n .cds--list-box,\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid\n .cds--list-box__field:focus {\n outline: 0;\n outline-offset: 0;\n }\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:focus-within {\n outline-offset: 0;\n }\n .cds--list-box__wrapper--fluid\n .cds--list-box--warning\n ~ .cds--form-requirement,\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid\n .cds--form-requirement {\n padding: 0.5rem 4rem 0.5rem 1rem;\n margin-top: 0;\n }\n .cds--list-box__wrapper--fluid\n .cds--list-box--warning\n ~ .cds--form-requirement {\n border-bottom: 1px solid var(--cds-border-strong);\n }\n .cds--list-box__wrapper--fluid\n .cds--list-box--warning\n .cds--list-box__invalid-icon,\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid\n .cds--list-box__invalid-icon {\n top: 5.0625rem;\n right: 1rem;\n pointer-events: none;\n }\n .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid\n .cds--list-box[data-invalid].cds--combo-box\n .cds--text-input {\n padding-right: 4rem;\n }\n .cds--list-box__wrapper--fluid .cds--list-box__divider {\n display: none;\n transition: border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--date-picker--fluid .cds--date-picker,\n .cds--number input[type='number'] {\n transition:\n background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--list-box__wrapper--fluid\n .cds--list-box--invalid\n ~ .cds--list-box__divider,\n .cds--list-box__wrapper--fluid\n .cds--list-box--warning\n ~ .cds--list-box__divider {\n display: block;\n border: none;\n border-bottom: 1px solid var(--cds-border-subtle);\n margin: 0 1rem;\n }\n .cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker__icon,\n .cds--number.cds--skeleton input[type='number'] {\n display: none;\n }\n .cds--list-box__wrapper--fluid\n .cds--list-box--invalid:hover:not(.cds--combo-box)\n ~ .cds--list-box__divider,\n .cds--list-box__wrapper--fluid\n .cds--list-box--warning:hover:not(.cds--combo-box)\n ~ .cds--list-box__divider {\n border-color: transparent;\n }\n .cds--list-box__wrapper--fluid .cds--list-box--up .cds--list-box__menu {\n bottom: 4rem;\n }\n .cds--list-box__wrapper--fluid .cds--skeleton {\n border-bottom: 1px solid var(--cds-skeleton-element, #c6c6c6);\n background: var(--cds-skeleton-background, #e8e8e8);\n }\n .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field {\n position: absolute;\n top: 2.25rem;\n left: 1rem;\n width: 50%;\n height: 0.5rem;\n padding: 0;\n }\n .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label {\n position: absolute;\n top: 1rem;\n left: 1rem;\n width: 25%;\n height: 0.5rem;\n }\n .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field,\n .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label {\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n }\n .cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__field {\n overflow: visible;\n padding: 0;\n }\n .cds--list-box__wrapper--fluid .cds--combo-box .cds--text-input {\n overflow: hidden;\n padding: 2.0625rem 4rem 0.8125rem 1rem;\n text-overflow: ellipsis;\n transition: none;\n white-space: nowrap;\n }\n .cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__selection {\n top: auto;\n bottom: 0.625rem;\n transform: none;\n }\n .cds--date-picker--fluid.cds--date-picker--fluid--invalid\n .cds--date-picker--range\n + .cds--date-picker__icon,\n .cds--date-picker--fluid.cds--date-picker--fluid--warn\n .cds--date-picker--range\n + .cds--date-picker__icon,\n .cds--date-picker-container.cds--date-picker--fluid--invalid\n .cds--date-picker__icon--invalid,\n .cds--date-picker-container.cds--date-picker--fluid--warn\n .cds--date-picker__icon--warn {\n top: 5rem;\n }\n .cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__menu-icon {\n bottom: 0.875rem;\n }\n .cds--list-box__wrapper--fluid\n .cds--list-box--warning\n .cds--list-box__field\n .cds--text-input\n + .cds--list-box__invalid-icon,\n .cds--list-box__wrapper--fluid\n .cds--list-box[data-invalid]\n .cds--list-box__field\n .cds--text-input\n + .cds--list-box__invalid-icon {\n right: 1rem;\n }\n .cds--date-picker--fluid {\n display: inline-flex;\n background: var(--cds-field);\n }\n .cds--date-picker--fluid .cds--date-picker {\n position: relative;\n width: 100%;\n height: 100%;\n }\n .cds--date-picker--fluid .cds--label {\n position: absolute;\n z-index: 1;\n top: 0.8125rem;\n left: 1rem;\n display: flex;\n width: calc(100% - 2rem);\n height: 1rem;\n align-items: center;\n margin: 0;\n }\n .cds--date-picker--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar,\n .cds--date-picker--fluid .cds--label::-webkit-scrollbar {\n display: none;\n }\n .cds--date-picker--fluid .cds--label .cds--toggletip-label,\n .cds--date-picker--fluid .cds--label:not(:has(.cds--toggletip-label)) {\n -ms-overflow-style: none;\n overflow-x: scroll;\n scrollbar-width: none;\n white-space: nowrap;\n }\n .cds--date-picker--fluid\n .cds--date-picker-input__wrapper\n .cds--date-picker__input {\n min-width: 9rem;\n min-height: 4rem;\n padding: 2rem 1rem 0.8125rem;\n border-bottom: none;\n background: 0 0;\n }\n .cds--date-picker--fluid\n .cds--date-picker--simple\n .cds--date-picker--fluid--warn,\n .cds--date-picker--fluid\n .cds--date-picker--simple\n .cds--date-picker__input:not(.cds--date-picker__input--invalid):not(\n .cds--date-picker__input--warn\n ) {\n border-bottom: 1px solid var(--cds-border-strong);\n }\n .cds--date-picker--fluid .cds--date-picker__icon {\n top: 2.6875rem;\n }\n .cds--date-picker--fluid .cds--date-picker--single .cds--date-picker__input {\n width: 100%;\n }\n .cds--date-picker--fluid .cds--date-picker--single {\n border-bottom: none;\n }\n .cds--date-picker--fluid\n .cds--date-picker--single\n .cds--date-picker__input:not(.cds--date-picker__input--invalid),\n .cds--date-picker--fluid:not(.cds--date-picker--fluid--invalid):not(\n .cds--date-picker--fluid--warn\n )\n .cds--date-picker--range\n .cds--date-picker-container:not(.cds--date-picker--fluid--invalid),\n .cds--date-picker--single .cds--date-picker--fluid--warn {\n border-bottom: 1px solid var(--cds-border-strong);\n }\n .cds--date-picker--fluid .cds--date-picker--range .cds--date-picker-container,\n .cds--date-picker--fluid .cds--date-picker--range .cds--date-picker__input {\n width: 100%;\n min-width: 9rem;\n min-height: 3.9375rem;\n }\n .cds--date-picker--fluid\n .cds--date-picker--range\n > .cds--date-picker-container:last-child\n .cds--date-picker__input {\n border-left: 1px solid var(--cds-border-strong);\n }\n .cds--date-picker--fluid.cds--date-picker--fluid--invalid,\n .cds--date-picker-container.cds--date-picker--fluid--invalid {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n }\n .cds--date-picker--fluid\n .cds--date-picker-container.cds--date-picker--fluid--invalid\n + .cds--date-picker-container\n .cds--date-picker__input,\n .cds--date-picker--fluid\n .cds--date-picker-container:last-child.cds--date-picker--fluid--invalid\n .cds--date-picker__input--invalid {\n border-left: none;\n }\n .cds--date-picker-container.cds--date-picker--fluid--invalid\n .cds--form-requirement,\n .cds--date-picker-container.cds--date-picker--fluid--warn\n .cds--form-requirement {\n padding: 0.5rem 2.5rem 0.5rem 1rem;\n margin: 0;\n }\n .cds--date-picker--fluid\n .cds--date-picker--single\n .cds--date-picker--fluid--warn\n .cds--date-picker__input,\n .cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker,\n .cds--date-picker--fluid.cds--date-picker--fluid--warn\n .cds--date-picker--range\n .cds--date-picker-container,\n .cds--date-picker-container.cds--date-picker--fluid--invalid\n .cds--date-picker--fluid.cds--date-picker--fluid--invalid\n .cds--date-picker {\n border-bottom: 1px solid transparent;\n }\n .cds--date-picker--fluid\n .cds--date-picker--fluid--warn\n + .cds--date-picker-container:last-child\n .cds--date-picker__input,\n .cds--date-picker--fluid\n .cds--date-picker--fluid--warn.cds--date-picker-container:last-child\n .cds--date-picker__input,\n .cds--date-picker--fluid.cds--date-picker--fluid--invalid\n .cds--date-picker--range\n > .cds--date-picker-container:last-child\n .cds--date-picker__input,\n .cds--date-picker--fluid.cds--date-picker--fluid--warn\n .cds--date-picker--range\n > .cds--date-picker-container:last-child\n .cds--date-picker__input {\n border-left: 1px solid transparent;\n }\n .cds--date-picker--fluid\n .cds--date-picker--range\n .cds--date-picker--fluid--warn.cds--date-picker-container:first-child::after,\n .cds--date-picker--fluid\n .cds--date-picker--range\n .cds--date-picker--fluid--warn.cds--date-picker-container:last-child::after,\n .cds--date-picker--fluid.cds--date-picker--fluid--invalid\n .cds--date-picker--range\n > .cds--date-picker-container:first-child::after,\n .cds--date-picker--fluid.cds--date-picker--fluid--warn\n .cds--date-picker--range\n > .cds--date-picker-container:first-child::after {\n position: absolute;\n top: 0.5rem;\n right: 0;\n display: block;\n width: 1px;\n height: calc(100% - 1rem);\n background: var(--cds-border-strong);\n content: '';\n }\n .cds--date-picker--fluid\n .cds--date-picker--fluid--warn.cds--date-picker-container:last-child::after {\n left: 0;\n }\n .cds--date-picker--fluid .cds--date-picker__divider {\n width: calc(100% - 2rem);\n border-style: solid;\n border-color: var(--cds-border-subtle);\n border-bottom: none;\n margin: 0 1rem;\n }\n .cds--date-picker--fluid\n .cds--date-picker--simple\n .cds--date-picker--fluid--invalid\n .cds--date-picker__icon--invalid,\n .cds--date-picker--fluid\n .cds--date-picker--simple\n .cds--date-picker--fluid--warn\n .cds--date-picker__icon--warn {\n display: block;\n }\n .cds--date-picker-container.cds--date-picker--fluid--invalid\n .cds--date-picker__input:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--date-picker--fluid.cds--date-picker--fluid--invalid,\n .cds--date-picker-container.cds--date-picker--fluid--invalid,\n .cds--date-picker-container.cds--date-picker--fluid--invalid\n .cds--date-picker__input:focus {\n outline-style: dotted;\n }\n }\n .cds--date-picker--fluid.cds--date-picker--fluid--invalid\n .cds--date-picker--range\n ~ .cds--form-requirement,\n .cds--date-picker--fluid.cds--date-picker--fluid--warn\n .cds--date-picker--range\n ~ .cds--form-requirement {\n display: block;\n overflow: visible;\n max-height: 100%;\n padding: 0.5rem 2.5rem 0.5rem 1rem;\n margin-top: 0;\n }\n .cds--date-picker--fluid.cds--date-picker--fluid--invalid\n .cds--date-picker--range\n ~ .cds--form-requirement {\n color: var(--cds-text-error, #da1e28);\n }\n .cds--date-picker--fluid.cds--date-picker--fluid--invalid,\n .cds--date-picker--fluid.cds--date-picker--fluid--warn {\n position: relative;\n }\n .cds--date-picker--fluid__skeleton {\n height: 4rem;\n border-bottom: 1px solid var(--cds-skeleton-element, #c6c6c6);\n background: var(--cds-skeleton-background, #e8e8e8);\n }\n .cds--date-picker--fluid__skeleton--container {\n position: relative;\n width: 100%;\n height: 100%;\n }\n .cds--date-picker--fluid__skeleton .cds--skeleton {\n position: absolute;\n top: 1rem;\n left: 1rem;\n width: 25%;\n height: 0.5rem;\n }\n .cds--date-picker--fluid__skeleton .cds--label {\n margin-bottom: 0.25rem;\n }\n .cds--date-picker--fluid__skeleton .cds--text-input {\n position: absolute;\n top: 2.25rem;\n left: 1rem;\n width: 50%;\n height: 0.5rem;\n padding: 0;\n }\n .cds--date-picker--fluid__skeleton--container .cds--date-picker__icon {\n top: auto;\n bottom: 0.5rem;\n }\n .cds--date-picker--fluid__skeleton--range {\n display: flex;\n flex-direction: row;\n }\n .cds--date-picker--fluid__skeleton--range\n .cds--date-picker--fluid__skeleton--container {\n display: flex;\n width: 50%;\n flex-direction: column;\n }\n .cds--date-picker--fluid__skeleton--range\n .cds--date-picker--fluid__skeleton--container:first-of-type {\n border-right: 1px solid var(--cds-skeleton-element, #c6c6c6);\n }\n .cds--date-picker--fluid__skeleton--range\n .cds--date-picker--fluid__skeleton--container\n .cds--date-picker__icon {\n bottom: 0.5rem;\n }\n .cds--date-picker--fluid.cds--date-picker--fluid--readonly:not(\n .cds--date-picker--fluid--invalid\n ):not(.cds--date-picker--fluid--warn)\n .cds--date-picker\n .cds--date-picker__input,\n .cds--date-picker--fluid.cds--date-picker--fluid--readonly:not(\n .cds--date-picker--fluid--invalid\n ):not(.cds--date-picker--fluid--warn)\n .cds--date-picker\n > .cds--date-picker-container {\n border-bottom-color: var(--cds-border-subtle);\n }\n .cds--date-picker--fluid.cds--date-picker--fluid--readonly:not(\n .cds--date-picker--fluid--invalid\n ):not(.cds--date-picker--fluid--warn)\n .cds--date-picker--range\n > .cds--date-picker-container:last-child\n .cds--date-picker__input {\n border-left-color: var(--cds-border-subtle);\n }\n .cds--multi-select__wrapper.cds--list-box__wrapper--fluid--focus:not(\n .cds--multi-select--filterable__wrapper\n )\n .cds--list-box__field--wrapper--input-focused {\n outline: 0;\n }\n .cds--list-box__wrapper--fluid .cds--tag.cds--tag--filter {\n margin-top: 1.25rem;\n }\n .cds--list-box__wrapper--fluid .cds--multi-select--filterable--input-focused {\n outline: 0;\n outline-offset: 0;\n }\n .cds--list-box__wrapper--fluid\n .cds--multi-select--filterable\n .cds--list-box__field\n .cds--text-input {\n border-bottom: 1px solid transparent;\n }\n .cds--list-box__wrapper--fluid\n .cds--multi-select--filterable.cds--combo-box\n .cds--list-box__field {\n align-items: baseline;\n }\n .cds--number {\n position: relative;\n display: flex;\n width: 100%;\n flex-direction: column;\n }\n .cds--number body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--number code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--number input[type='number'],\n .cds--number__controls body {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--number strong {\n font-weight: 600;\n }\n .cds--number input[type='number'] {\n outline: transparent solid 2px;\n outline-offset: -2px;\n display: inline-flex;\n width: 100%;\n min-width: 9.375rem;\n height: 2.5rem;\n box-sizing: border-box;\n padding-right: 8rem;\n padding-left: 1rem;\n border: 0;\n border-bottom: 0.0625rem solid var(--cds-border-strong);\n -moz-appearance: textfield;\n background-color: var(--cds-field);\n border-radius: 0;\n font-weight: 400;\n }\n .cds--number input[type='number']:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--number input[type='number']:disabled ~ .cds--number__controls {\n cursor: not-allowed;\n pointer-events: none;\n }\n .cds--number input[type='number']::-ms-clear {\n display: none;\n }\n .cds--number input[type='number']::-webkit-inner-spin-button {\n appearance: none;\n }\n .cds--number--lg.cds--number input[type='number'] {\n padding-right: 9rem;\n }\n .cds--number--sm.cds--number input[type='number'] {\n padding-right: 7rem;\n }\n .cds--number input[type='number']:disabled {\n border-bottom-color: transparent;\n background-color: var(--cds-field);\n cursor: not-allowed;\n }\n .cds--number__input-wrapper {\n position: relative;\n display: flex;\n align-items: center;\n }\n .cds--number__controls {\n position: absolute;\n top: 50%;\n right: 0;\n display: flex;\n width: 5rem;\n height: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n transform: translateY(-50%);\n }\n .cds--number__controls body {\n font-weight: 400;\n }\n .cds--number__controls code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--number__controls strong {\n font-weight: 600;\n }\n .cds--number__control-btn {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-size: 100%;\n display: inline-block;\n appearance: none;\n background: 0 0;\n cursor: pointer;\n text-align: start;\n width: 100%;\n position: relative;\n display: inline-flex;\n height: 100%;\n align-items: center;\n justify-content: center;\n border-bottom: 0.0625rem solid var(--cds-border-strong);\n color: var(--cds-icon-primary, #161616);\n }\n .cds--search-input,\n .cds--select-input {\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n color: var(--cds-text-primary, #161616);\n appearance: none;\n }\n .cds--number__control-btn *,\n .cds--number__control-btn ::after,\n .cds--number__control-btn ::before {\n box-sizing: inherit;\n }\n .cds--number__control-btn::-moz-focus-inner {\n border: 0;\n }\n .cds--number__control-btn::after,\n .cds--number__control-btn::before {\n position: absolute;\n top: 0.125rem;\n display: block;\n width: 0.125rem;\n height: 2.25rem;\n background-color: var(--cds-field);\n content: '';\n }\n .cds--number__control-btn:hover,\n .cds--number__control-btn:hover::after,\n .cds--number__control-btn:hover::before {\n background-color: var(--cds-field-hover);\n }\n .cds--number__control-btn::before {\n left: 0;\n }\n .cds--number__control-btn::after {\n right: 0;\n }\n .cds--number__control-btn svg {\n fill: currentColor;\n }\n .cds--number__control-btn:focus {\n outline: 1px solid var(--cds-focus, #0f62fe);\n color: var(--cds-icon-primary, #161616);\n outline-offset: -2px;\n outline-width: 2px;\n }\n .cds--number__control-btn:hover {\n color: var(--cds-icon-primary, #161616);\n cursor: pointer;\n }\n .cds--number\n input[type='number']:focus\n ~ .cds--number__controls\n .cds--number__control-btn.up-icon::after,\n .cds--number__control-btn:focus::after,\n .cds--number__control-btn:focus::before,\n .cds--number__control-btn:hover:focus::after,\n .cds--number__control-btn:hover:focus::before {\n background-color: transparent;\n }\n .cds--number__invalid\n + .cds--number__controls\n .cds--number__rule-divider:first-of-type,\n .cds--number__rule-divider {\n background-color: var(--cds-border-subtle);\n }\n .cds--number__control-btn:disabled {\n border-bottom-color: transparent;\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--number__control-btn.up-icon {\n order: 2;\n }\n .cds--number\n input[type='number']:focus\n ~ .cds--number__controls\n .cds--number__control-btn,\n .cds--number\n input[type='number'][data-invalid]\n ~ .cds--number__controls\n .cds--number__control-btn {\n border-bottom-color: transparent;\n }\n .cds--number\n input[type='number']:focus\n ~ .cds--number__controls\n .cds--number__control-btn:hover {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--number\n input[type='number'][data-invalid]:not(:focus)\n ~ .cds--number__controls\n .cds--number__control-btn:hover {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--number input[type='number']:focus,\n .cds--number\n input[type='number']:focus\n ~ .cds--number__controls\n .cds--number__control-btn:hover,\n .cds--number\n input[type='number'][data-invalid]:not(:focus)\n ~ .cds--number__controls\n .cds--number__control-btn:hover,\n .cds--number__control-btn:focus {\n outline-style: dotted;\n }\n }\n .cds--number\n input[type='number'][data-invalid]\n ~ .cds--number__controls\n .cds--number__control-btn.up-icon::after {\n background-color: var(--cds-support-error, #da1e28);\n }\n .cds--number__rule-divider {\n position: absolute;\n z-index: 6000;\n width: 0.0625rem;\n height: 1rem;\n }\n .cds--number__rule-divider:first-of-type {\n order: 0;\n }\n .cds--number__controls .cds--number__rule-divider:first-of-type {\n left: 0;\n background-color: transparent;\n }\n .cds--number\n input[type='number']:disabled\n + .cds--number__controls\n .cds--number__rule-divider:first-of-type,\n .cds--number--light .cds--number__control-btn:focus::after,\n .cds--number--light .cds--number__control-btn:focus::before,\n .cds--number__control-btn.down-icon:focus ~ .cds--number__rule-divider,\n .cds--number__control-btn.down-icon:hover ~ .cds--number__rule-divider,\n .cds--number__control-btn.up-icon:focus + .cds--number__rule-divider,\n .cds--number__control-btn.up-icon:hover + .cds--number__rule-divider,\n .cds--number__control-btn:focus ~ .cds--number__rule-divider {\n background-color: transparent;\n }\n .cds--number--light\n .cds--number__invalid\n + .cds--number__controls\n .cds--number__rule-divider:first-of-type,\n .cds--number--light .cds--number__rule-divider {\n background-color: var(--cds-border-subtle-02, #e0e0e0);\n }\n .cds--number\n input[type='number']:disabled\n + .cds--number__controls\n .cds--number__rule-divider {\n background-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--number__invalid {\n position: absolute;\n right: 6rem;\n }\n .cds--number--lg .cds--number__invalid {\n right: 7rem;\n }\n .cds--number--sm .cds--number__invalid {\n right: 5rem;\n }\n .cds--number__invalid + .cds--number__rule-divider {\n position: absolute;\n right: 5rem;\n }\n .cds--number--lg .cds--number__invalid + .cds--number__rule-divider {\n right: 6rem;\n }\n .cds--number--sm .cds--number__invalid + .cds--number__rule-divider {\n right: 4rem;\n }\n .cds--number__invalid--warning {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--search--expandable.cds--search--expanded .cds--search-magnifier-icon,\n .cds--search-magnifier-icon {\n fill: var(--cds-icon-secondary, #525252);\n }\n .cds--number__invalid--warning path:first-of-type {\n fill: #000;\n opacity: 1;\n }\n .cds--number--light .cds--number__control-btn::after,\n .cds--number--light .cds--number__control-btn::before,\n .cds--number--light input[type='number'],\n .cds--number--light input[type='number']:disabled {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--number--light .cds--number__control-btn:hover,\n .cds--number--light .cds--number__control-btn:not(:focus):hover::after,\n .cds--number--light .cds--number__control-btn:not(:focus):hover::before {\n background-color: var(--cds-layer-hover-02, #e8e8e8);\n }\n .cds--number--readonly .cds--number__control-btn:hover::after,\n .cds--number--readonly .cds--number__control-btn:hover::before,\n .cds--number-input--fluid--disabled.cds--number-input--fluid--invalid\n .cds--number\n input[type='number']:disabled {\n background-color: transparent;\n }\n .cds--number--lg input[type='number'] {\n height: 3rem;\n }\n .cds--number--lg .cds--number__controls {\n width: 6rem;\n }\n .cds--number--lg .cds--number__control-btn {\n width: 3rem;\n }\n .cds--number--lg .cds--number__control-btn::after,\n .cds--number--lg .cds--number__control-btn::before {\n height: 2.75rem;\n }\n .cds--number--sm input[type='number'] {\n height: 2rem;\n }\n .cds--number--sm .cds--number__controls {\n width: 4rem;\n }\n .cds--number--sm .cds--number__control-btn {\n width: 2rem;\n }\n .cds--number--sm .cds--number__control-btn::after,\n .cds--number--sm .cds--number__control-btn::before {\n height: 1.75rem;\n }\n .cds--number--nolabel .cds--label + .cds--form__helper-text {\n margin-top: 0;\n }\n .cds--number--nosteppers input[type='number'] {\n padding-right: 3rem;\n }\n .cds--number--nosteppers .cds--number__invalid {\n right: 1rem;\n }\n .cds--number--readonly input[type='number'] {\n border-bottom-color: var(--cds-border-subtle);\n background: 0 0;\n }\n .cds--number--readonly .cds--number__control-btn {\n color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n pointer-events: none;\n }\n .cds--number--readonly .cds--number__control-btn:hover {\n background-color: transparent;\n cursor: pointer;\n }\n .cds--number--readonly\n input[type='number']:focus\n ~ .cds--number__controls\n .cds--number__control-btn:hover {\n outline: 0;\n }\n .cds--number--readonly .cds--number__control-btn::after,\n .cds--number--readonly .cds--number__control-btn::before {\n background: 0 0;\n }\n .cds--number--readonly\n .cds--number__controls:hover\n .cds--number__rule-divider:not(:first-of-type) {\n background-color: var(--cds-border-subtle);\n }\n .cds--number.cds--skeleton {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n width: 100%;\n height: 2.5rem;\n }\n .cds--number-input--fluid .cds--number__control-btn,\n .cds--number-input--fluid\n .cds--number__input-wrapper--warning\n input[type='number'],\n .cds--number-input--fluid\n input[type='number']:focus\n ~ .cds--number__controls\n .cds--number__control-btn,\n .cds--number-input--fluid--invalid\n .cds--number[data-invalid]\n input[type='number'] {\n border-bottom: 1px solid transparent;\n }\n .cds--number.cds--skeleton:active,\n .cds--number.cds--skeleton:focus,\n .cds--number.cds--skeleton:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--number.cds--skeleton::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--file__selected-file {\n outline: transparent solid 1px;\n }\n .cds--file__state-container .cds--file-close svg path {\n fill: ButtonText;\n }\n .cds--number__control-btn:focus,\n .cds--number__control-btn:hover {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--number__control-btn {\n outline: transparent solid 1px;\n }\n .cds--number__control-btn svg {\n fill: ButtonText;\n }\n }\n .cds--number-input--fluid:not(.cds--number-input--fluid--invalid)\n .cds--number\n .cds--number__input-wrapper:not(.cds--number__input-wrapper--warning)\n input[type='number']:focus\n ~ .cds--number__controls\n .cds--number__control-btn:hover,\n .cds--search-close,\n .cds--search-input {\n outline: transparent solid 2px;\n }\n .cds--number-input--fluid {\n position: relative;\n height: 100%;\n background: var(--cds-field);\n }\n .cds--number-input--fluid .cds--label {\n position: absolute;\n z-index: 1;\n top: 0.8125rem;\n left: 1rem;\n display: flex;\n width: calc(100% - 2rem);\n height: 1rem;\n align-items: center;\n margin: 0;\n }\n .cds--number-input--fluid .cds--number-input__divider,\n .cds--number-input--fluid\n .cds--number__controls\n .cds--number__rule-divider:first-of-type {\n display: none;\n }\n .cds--number-input--fluid\n .cds--label\n .cds--toggletip-label::-webkit-scrollbar,\n .cds--number-input--fluid .cds--label::-webkit-scrollbar {\n display: none;\n }\n .cds--number-input--fluid .cds--label .cds--toggletip-label,\n .cds--number-input--fluid .cds--label:not(:has(.cds--toggletip-label)) {\n -ms-overflow-style: none;\n overflow-x: scroll;\n scrollbar-width: none;\n white-space: nowrap;\n }\n .cds--number-input--fluid .cds--number__input-wrapper {\n position: initial;\n }\n .cds--number-input--fluid input[type='number'] {\n min-height: 4rem;\n padding: 2rem 5rem 0.8125rem 1rem;\n background: 0 0;\n outline: 0;\n }\n .cds--modal-container--sm .cds--modal-content > p,\n .cds--modal-container--xs .cds--modal-content > p {\n padding-right: 0;\n }\n .cds--number-input--fluid .cds--number__controls {\n top: 1.4375rem;\n height: 2.5rem;\n transform: translate(0);\n }\n .cds--number-input--fluid.cds--number-input--fluid--focus .cds--number {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--number-input--fluid:not(.cds--number-input--fluid--invalid)\n .cds--number\n .cds--number__input-wrapper:not(.cds--number__input-wrapper--warning)\n input[type='number']:focus\n ~ .cds--number__controls\n .cds--number__control-btn:hover::before {\n top: auto;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1px;\n background: var(--cds-focus, #0f62fe);\n }\n .cds--number-input--fluid:not(.cds--number-input--fluid--invalid)\n .cds--number-input-wrapper:not(.cds--number-input-wrapper__warning)\n input[type='number']:focus\n ~ .cds--number__controls\n .cds--number__control-btn:hover {\n border-bottom: 1px solid var(--cds-focus, #0f62fe);\n outline: 0;\n }\n .cds--number-input--fluid\n input[type='number']\n ~ .cds--number__controls\n .cds--number__control-btn::after {\n top: 0;\n height: calc(100% - 0.0625rem);\n }\n .cds--number-input--fluid.cds--number-input--fluid--focus\n input[type='number']\n ~ .cds--number__controls\n .cds--number__control-btn.up-icon::after {\n background: var(--cds-focus, #0f62fe);\n }\n .cds--number-input--fluid\n input[type='number']\n ~ .cds--number__controls\n .cds--number__control-btn.up-icon::after {\n height: 100%;\n }\n .cds--number-input--fluid.cds--number-input--fluid--focus\n input[type='number']\n ~ .cds--number__controls\n .cds--number__control-btn.up-icon:hover::after {\n height: 100%;\n background-color: var(--cds-focus, #0f62fe);\n }\n .cds--number-input--fluid--invalid\n .cds--number\n input[type='number'][data-invalid]\n ~ .cds--number__controls\n .cds--number__control-btn:focus:hover,\n .cds--number-input--fluid--invalid\n input[type='number'][data-invalid]\n ~ .cds--number__controls\n .cds--number__control-btn:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--number-input--fluid .cds--number__invalid {\n top: 4.5625rem;\n right: 1rem;\n pointer-events: none;\n }\n .cds--number-input--fluid\n .cds--number__input-wrapper--warning\n input[type='number']:focus {\n outline: 0;\n }\n .cds--number-input--fluid\n .cds--number__input-wrapper--warning\n + .cds--number-input__divider,\n .cds--number-input--fluid.cds--number-input--fluid--invalid\n .cds--number-input__divider {\n position: absolute;\n top: 3.9375rem;\n display: block;\n width: calc(100% - 2rem);\n height: 0.0625rem;\n border: none;\n border-bottom: 1px solid var(--cds-border-subtle);\n margin: 0 1rem;\n }\n .cds--number-input--fluid .cds--form-requirement {\n padding: 0.5rem 2.5rem 0.5rem 1rem;\n margin: 0;\n }\n .cds--number-input--fluid.cds--number-input--fluid--invalid:not(\n .cds--number-input--fluid--focus\n )\n .cds--number {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n }\n .cds--number-input--fluid\n .cds--number__input-wrapper--warning\n input[type='number']\n ~ .cds--number__controls\n .cds--number__control-btn:hover:not(:focus),\n .cds--number-input--fluid--invalid\n .cds--number\n input[type='number'][data-invalid]\n ~ .cds--number__controls\n .cds--number__control-btn:hover,\n .cds--number-input--fluid--invalid\n .cds--number[data-invalid]\n input[type='number'] {\n outline: 0;\n }\n .cds--number-input--fluid\n .cds--number__input-wrapper--warning\n input[type='number']\n ~ .cds--number__controls\n .cds--number__control-btn,\n .cds--number-input--fluid.cds--number-input--invalid\n .cds--number__input-wrapper\n input[type='number']\n ~ .cds--number__controls\n .cds--number__control-btn {\n border-bottom: none;\n }\n .cds--number-input--fluid\n .cds--number\n input[type='number']\n ~ .cds--number__controls\n .cds--number__control-btn,\n .cds--number-input--fluid--invalid\n .cds--number\n input[type='number'][data-invalid]\n ~ .cds--number__controls\n .cds--number__control-btn {\n border: initial;\n border-bottom-width: 0.0625rem;\n }\n .cds--number-input--fluid--disabled:not(.cds--number-input--fluid--invalid)\n .cds--number {\n border-bottom: 1px solid var(--cds-border-subtle);\n }\n .cds--search {\n position: relative;\n display: flex;\n width: 100%;\n align-items: center;\n }\n .cds--search .cds--label {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n }\n .cds--search-input {\n box-sizing: border-box;\n padding: 0 2.5rem;\n border: 0;\n margin: 0;\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n outline-offset: -2px;\n width: 100%;\n order: 1;\n border: none;\n border-bottom: 1px solid var(--cds-border-strong);\n background-color: var(--cds-field);\n text-overflow: ellipsis;\n transition:\n background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--search-close,\n .cds--select {\n font-size: 100%;\n font-family: inherit;\n vertical-align: baseline;\n }\n .cds--search-input *,\n .cds--search-input ::after,\n .cds--search-input ::before {\n box-sizing: inherit;\n }\n .cds--search-input:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--number-input--fluid--invalid\n .cds--number\n input[type='number'][data-invalid]\n ~ .cds--number__controls\n .cds--number__control-btn:focus:hover,\n .cds--number-input--fluid--invalid\n input[type='number'][data-invalid]\n ~ .cds--number__controls\n .cds--number__control-btn:focus,\n .cds--number-input--fluid.cds--number-input--fluid--focus .cds--number,\n .cds--number-input--fluid.cds--number-input--fluid--invalid:not(\n .cds--number-input--fluid--focus\n )\n .cds--number,\n .cds--search-input:focus {\n outline-style: dotted;\n }\n }\n .cds--search-input::placeholder {\n color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n opacity: 1;\n }\n .cds--search-input::-ms-clear {\n display: none;\n }\n .cds--search-input[disabled] {\n border-bottom: 1px solid transparent;\n background-color: var(--cds-field);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--search-input[disabled]::placeholder {\n color: var(--cds-field);\n }\n .cds--search--light .cds--search-close::before,\n .cds--search--light .cds--search-input {\n background: var(--cds-field-02, #fff);\n }\n .cds--search--sm .cds--search-input,\n .cds--search--sm.cds--search--expandable.cds--search--expanded\n .cds--search-input {\n height: 2rem;\n padding: 0 2rem;\n }\n .cds--search--sm .cds--search-magnifier-icon {\n left: 0.5rem;\n }\n .cds--search--md .cds--search-input,\n .cds--search--md.cds--search--expandable.cds--search--expanded\n .cds--search-input {\n height: 2.5rem;\n padding: 0 2.5rem;\n }\n .cds--search--md .cds--search-magnifier-icon {\n left: 0.75rem;\n }\n .cds--search--lg .cds--search-input,\n .cds--search--lg.cds--search--expandable.cds--search--expanded\n .cds--search-input {\n height: 3rem;\n padding: 0 3rem;\n }\n .cds--search-magnifier-icon {\n position: absolute;\n z-index: 2;\n top: 50%;\n left: 1rem;\n width: 1rem;\n height: 1rem;\n pointer-events: none;\n transform: translateY(-50%);\n }\n .cds--body--with-modal-open .cds--modal .cds--overflow-menu-options,\n .cds--body--with-modal-open .cds--modal .cds--tooltip,\n .cds--menu,\n .cds--modal {\n z-index: 9000;\n }\n .cds--search-close {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n display: inline-block;\n appearance: none;\n background: 0 0;\n text-align: start;\n outline-offset: -2px;\n position: absolute;\n top: 0;\n right: 0;\n }\n .cds--search-button,\n .cds--search-close::before,\n .cds--select-input {\n background-color: var(--cds-field);\n }\n .cds--search-close *,\n .cds--search-close ::after,\n .cds--search-close ::before {\n box-sizing: inherit;\n }\n .cds--search-close::-moz-focus-inner {\n border: 0;\n }\n .cds--search-close::before {\n position: absolute;\n top: 0.0625rem;\n left: 0;\n display: block;\n width: 2px;\n height: calc(100% - 2px);\n content: '';\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--search-button:hover,\n .cds--search-close:hover,\n .cds--search-close:hover::before {\n background-color: var(--cds-field-hover);\n }\n @media screen and (prefers-reduced-motion: reduce) {\n .cds--loading--stop svg circle {\n animation: none;\n }\n .cds--search-close::before {\n transition: none;\n }\n }\n .cds--search-close:hover {\n border-bottom: 1px solid var(--cds-border-strong);\n }\n .cds--search-button {\n flex-shrink: 0;\n margin-left: 0.125rem;\n }\n .cds--search-button svg {\n fill: currentColor;\n vertical-align: middle;\n }\n .cds--search-close svg {\n fill: inherit;\n }\n .cds--search-button,\n .cds--search-close {\n display: flex;\n width: 2.5rem;\n height: 2.5rem;\n align-items: center;\n justify-content: center;\n border-width: 1px 0;\n border-style: solid;\n border-color: transparent;\n cursor: pointer;\n fill: var(--cds-icon-primary, #161616);\n opacity: 1;\n transition:\n opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n border 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n visibility: inherit;\n }\n .cds--search-button:focus,\n .cds--search-close:focus,\n .cds--search-input:focus ~ .cds--search-close:hover {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--search-button:focus,\n .cds--search-close:focus {\n outline-style: dotted;\n }\n }\n .cds--search-button:active,\n .cds--search-close:active {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n }\n @media screen and (prefers-contrast) {\n .cds--search-button:active,\n .cds--search-close:active,\n .cds--search-input:focus ~ .cds--search-close:hover {\n outline-style: dotted;\n }\n }\n .cds--search--disabled .cds--search-close,\n .cds--search--disabled.cds--search--expandable .cds--search-magnifier {\n cursor: not-allowed;\n outline: 0;\n }\n .cds--search--disabled .cds--search-close:hover,\n .cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover {\n border-bottom-color: transparent;\n background-color: transparent;\n }\n .cds--search--disabled .cds--search-close:hover::before,\n .cds--search--disabled.cds--search--expandable\n .cds--search-magnifier:hover::before {\n background-color: transparent;\n }\n .cds--search--disabled svg {\n fill: var(--cds-icon-on-color-disabled, #8d8d8d);\n }\n .cds--search-close:active::before,\n .cds--search-close:focus::before {\n background-color: var(--cds-focus, #0f62fe);\n }\n .cds--search--sm .cds--search-close,\n .cds--search--sm.cds--search--expandable,\n .cds--search--sm.cds--search--expandable .cds--search-magnifier,\n .cds--search--sm ~ .cds--search-button {\n width: 2rem;\n height: 2rem;\n }\n .cds--search--sm.cds--search--expandable .cds--search-input::placeholder {\n padding: 0 2rem;\n }\n .cds--search--md .cds--search-close,\n .cds--search--md.cds--search--expandable,\n .cds--search--md.cds--search--expandable .cds--search-magnifier,\n .cds--search--md ~ .cds--search-button {\n width: 2.5rem;\n height: 2.5rem;\n }\n .cds--search--md.cds--search--expandable .cds--search-input::placeholder {\n padding: 0 2.5rem;\n }\n .cds--search--lg .cds--search-close,\n .cds--search--lg.cds--search--expandable,\n .cds--search--lg.cds--search--expandable .cds--search-magnifier,\n .cds--search--lg ~ .cds--search-button {\n width: 3rem;\n height: 3rem;\n }\n .cds--search--lg.cds--search--expandable .cds--search-input::placeholder {\n padding: 0 3rem;\n }\n .cds--search-close--hidden {\n opacity: 0;\n visibility: hidden;\n }\n .cds--search--lg.cds--skeleton .cds--search-input,\n .cds--search--md.cds--skeleton .cds--search-input,\n .cds--search--sm.cds--skeleton .cds--search-input {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n width: 100%;\n }\n .cds--search--lg.cds--skeleton .cds--search-input:active,\n .cds--search--lg.cds--skeleton .cds--search-input:focus,\n .cds--search--lg.cds--skeleton .cds--search-input:hover,\n .cds--search--md.cds--skeleton .cds--search-input:active,\n .cds--search--md.cds--skeleton .cds--search-input:focus,\n .cds--search--md.cds--skeleton .cds--search-input:hover,\n .cds--search--sm.cds--skeleton .cds--search-input:active,\n .cds--search--sm.cds--skeleton .cds--search-input:focus,\n .cds--search--sm.cds--skeleton .cds--search-input:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--search--lg.cds--skeleton .cds--search-input::before,\n .cds--search--md.cds--skeleton .cds--search-input::before,\n .cds--search--sm.cds--skeleton .cds--search-input::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--number.cds--skeleton::before,\n .cds--search--lg.cds--skeleton .cds--search-input::before,\n .cds--search--md.cds--skeleton .cds--search-input::before,\n .cds--search--sm.cds--skeleton .cds--search-input::before {\n animation: none;\n }\n }\n .cds--search--lg.cds--skeleton .cds--search-input::placeholder,\n .cds--search--md.cds--skeleton .cds--search-input::placeholder,\n .cds--search--sm.cds--skeleton .cds--search-input::placeholder {\n color: transparent;\n }\n .cds--search--expandable {\n transition: width 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--search--expandable.cds--search--expanded {\n width: 100%;\n }\n .cds--search--expandable .cds--search-input {\n width: 0;\n padding: 0;\n transition:\n padding 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n width 0s linear 70ms;\n }\n .cds--search--expandable .cds--search-input::placeholder {\n position: relative;\n opacity: 0;\n transition-duration: 70ms;\n transition-property: padding, opacity;\n transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--search--expandable.cds--search--expanded .cds--search-input {\n width: 100%;\n transition: padding 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--search--expandable.cds--search--expanded\n .cds--search-input::placeholder {\n position: relative;\n padding: 0;\n opacity: 1;\n }\n .cds--search--expandable .cds--search-magnifier {\n position: absolute;\n cursor: pointer;\n }\n .cds--search--expandable .cds--search-magnifier:hover {\n background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n }\n .cds--search--expandable.cds--search--expanded .cds--search-magnifier {\n pointer-events: none;\n }\n .cds--search--expandable .cds--search-magnifier-icon {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--search--expandable.cds--search--disabled svg,\n .cds--select--fluid .cds--select--disabled .cds--toggletip-button svg,\n .cds--select--readonly .cds--select__arrow,\n .cds--select-input:disabled ~ .cds--select__arrow {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--search-close svg,\n .cds--search-magnifier-icon {\n fill: ButtonText;\n }\n }\n .cds--search--fluid {\n height: 4rem;\n }\n .cds--search--fluid .cds--label {\n position: absolute;\n z-index: 1;\n top: 0.8125rem;\n left: 1rem;\n display: flex;\n overflow: initial;\n width: calc(100% - 2rem);\n height: 1rem;\n align-items: center;\n margin: 0;\n clip: initial;\n white-space: initial;\n }\n .cds--search--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar,\n .cds--search--fluid .cds--label::-webkit-scrollbar {\n display: none;\n }\n .cds--search--fluid .cds--label .cds--toggletip-label,\n .cds--search--fluid .cds--label:not(:has(.cds--toggletip-label)) {\n -ms-overflow-style: none;\n overflow-x: scroll;\n scrollbar-width: none;\n white-space: nowrap;\n }\n .cds--search--fluid .cds--search-input {\n height: 100%;\n padding: 2rem 5.5rem 0.8125rem 1rem;\n }\n .cds--search--fluid .cds--search-magnifier-icon {\n top: auto;\n right: 1rem;\n bottom: 0.8125rem;\n left: auto;\n transform: none;\n }\n .cds--search--fluid .cds--search-close {\n top: auto;\n right: 3rem;\n bottom: 0;\n left: auto;\n width: 2.5rem;\n height: 2.5rem;\n border: none;\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--search--fluid .cds--search-close::before {\n position: absolute;\n top: auto;\n right: -0.0625rem;\n bottom: 0.875rem;\n left: auto;\n display: block;\n width: 0.0625rem;\n height: 1rem;\n background: var(--cds-border-subtle);\n content: '';\n }\n .cds--search--fluid .cds--search-input:focus ~ .cds--search-close:hover {\n outline: 0;\n }\n .cds--search--fluid .cds--search-close::after {\n position: absolute;\n bottom: 0;\n left: 0;\n display: block;\n width: 100%;\n height: 0.125rem;\n content: '';\n }\n .cds--search--fluid .cds--search-input:focus ~ .cds--search-close::after {\n background: var(--cds-focus, #0f62fe);\n }\n .cds--search--fluid\n .cds--search-input:not(:focus)\n ~ .cds--search-close:not([disabled])::after {\n height: 0.0625rem;\n background: var(--cds-border-strong);\n }\n .cds--search--fluid .cds--search-close svg {\n margin-bottom: 0.125rem;\n }\n .cds--search--fluid\n .cds--search-input:disabled\n ~ .cds--search-close:hover::before {\n background: var(--cds-border-subtle);\n }\n .cds--search--fluid.cds--search--disabled .cds--label {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--search--fluid.cds--search--disabled .cds--search-input[disabled] {\n border-bottom: 1px solid var(--cds-border-subtle);\n }\n .cds--select {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n position: relative;\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: flex-start;\n }\n .cds--select *,\n .cds--select ::after,\n .cds--select ::before {\n box-sizing: inherit;\n }\n .cds--select-input__wrapper {\n position: relative;\n display: flex;\n width: 100%;\n align-items: center;\n }\n .cds--select-input {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n outline: transparent solid 2px;\n outline-offset: -2px;\n display: block;\n width: 100%;\n height: 2.5rem;\n padding: 0 3rem 0 1rem;\n border: none;\n border-bottom: 1px solid var(--cds-border-strong);\n border-radius: 0;\n cursor: pointer;\n font-family: inherit;\n opacity: 1;\n transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--select-input:hover {\n background-color: var(--cds-field-hover);\n }\n .cds--select-input::-ms-expand {\n display: none;\n }\n @-moz-document url-prefix() {\n .cds--data-table--sticky-header tbody,\n .cds--data-table--sticky-header thead {\n scrollbar-width: none;\n }\n .cds--select-input:-moz-focusring,\n .cds--select-input::-moz-focus-inner {\n background-image: none;\n color: transparent;\n text-shadow: 0 0 0 #000;\n }\n }\n .cds--select-input:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n color: var(--cds-text-primary, #161616);\n }\n .cds--select--disabled .cds--form__helper-text,\n .cds--select--disabled .cds--label,\n .cds--select--fluid .cds--select--disabled .cds--toggletip-label,\n .cds--select--inline .cds--select-input:disabled,\n .cds--select-input:disabled,\n .cds--select-input:hover:disabled,\n .cds--select-option:disabled,\n optgroup.cds--select-optgroup:disabled {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n @media screen and (prefers-contrast) {\n .cds--select-input:focus {\n outline-style: dotted;\n }\n }\n .cds--select-input:disabled,\n .cds--select-input:hover:disabled {\n border-bottom-color: transparent;\n background-color: var(--cds-field);\n cursor: not-allowed;\n }\n .cds--select-input--sm {\n height: 2rem;\n max-height: 2rem;\n }\n .cds--select-input--lg {\n height: 3rem;\n max-height: 3rem;\n }\n .cds--select--warning .cds--select-input,\n .cds--select-input__wrapper[data-invalid] .cds--select-input {\n padding-right: 4rem;\n }\n .cds--select--light .cds--select-input {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--select--light .cds--select-input:hover {\n background-color: var(--cds-field-hover);\n }\n .cds--select--light .cds--select-input:disabled,\n .cds--select--light .cds--select-input:hover:disabled {\n background-color: var(--cds-field-02, #fff);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--select__arrow {\n position: absolute;\n top: 0;\n right: 1rem;\n height: 100%;\n fill: var(--cds-icon-primary, #161616);\n pointer-events: none;\n }\n @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n .cds--select__arrow path {\n fill: ButtonText;\n }\n }\n .cds--select__invalid-icon {\n position: absolute;\n right: 2.5rem;\n }\n .cds--select__invalid-icon--warning {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--select__invalid-icon--warning path[fill] {\n fill: var(--cds-icon-primary, #161616);\n opacity: 1;\n }\n .cds--select-option,\n optgroup.cds--select-optgroup {\n background-color: var(--cds-layer-hover);\n color: var(--cds-text-primary, #161616);\n }\n .cds--select--inline {\n display: flex;\n flex-direction: row;\n align-items: center;\n }\n .cds--select--inline.cds--select--invalid .cds--form__helper-text,\n .cds--select--inline.cds--select--invalid .cds--label {\n align-self: flex-start;\n margin-top: 0.8125rem;\n }\n .cds--select--inline .cds--form__helper-text {\n margin-bottom: 0;\n margin-left: 0.5rem;\n }\n .cds--select--inline .cds--label {\n margin: 0 0.5rem 0 0;\n white-space: nowrap;\n }\n .cds--select--inline .cds--select-input {\n width: auto;\n padding-right: 2rem;\n padding-left: 0.5rem;\n border-bottom: none;\n background-color: transparent;\n color: var(--cds-text-primary, #161616);\n }\n .cds--select--fluid\n .cds--select-input__wrapper[data-invalid]\n .cds--form-requirement,\n .cds--time-picker--fluid--invalid .cds--form-requirement {\n color: var(--cds-text-error, #da1e28);\n }\n .cds--select--inline .cds--select-input:focus,\n .cds--select--inline .cds--select-input:focus optgroup,\n .cds--select--inline .cds--select-input:focus option {\n background-color: var(--cds-background, #fff);\n }\n .cds--select--inline .cds--select-input[disabled],\n .cds--select--inline .cds--select-input[disabled]:hover {\n background-color: var(--cds-field);\n }\n .cds--select--inline .cds--select__arrow {\n right: 0.5rem;\n }\n .cds--select--inline.cds--select--invalid .cds--select-input {\n padding-right: 3.5rem;\n }\n .cds--select--inline .cds--select-input:disabled,\n .cds--select--inline .cds--select-input:disabled ~ * {\n cursor: not-allowed;\n }\n .cds--select--readonly .cds--select-input {\n border-bottom-color: var(--cds-border-subtle);\n background-color: transparent;\n cursor: default;\n }\n .cds--select.cds--skeleton,\n .cds--text-area--fluid__skeleton,\n .cds--text-input--fluid__skeleton {\n background: var(--cds-skeleton-background, #e8e8e8);\n }\n .cds--select.cds--skeleton {\n position: relative;\n padding: 0;\n border: none;\n box-shadow: none;\n pointer-events: none;\n width: 100%;\n height: 2.5rem;\n }\n .cds--select.cds--skeleton:active,\n .cds--select.cds--skeleton:focus,\n .cds--select.cds--skeleton:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--select.cds--skeleton::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n .cds--modal .cds--text-area--fluid .cds--text-area__wrapper,\n .cds--modal\n .cds--text-area--fluid\n .cds--text-area__wrapper[data-invalid]\n .cds--text-area__divider\n + .cds--form-requirement {\n background: var(--cds-field-02, #fff);\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--select.cds--skeleton::before {\n animation: none;\n }\n }\n .cds--select.cds--skeleton .cds--select-input {\n display: none;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--select__arrow {\n fill: ButtonText;\n }\n }\n .cds--select--fluid .cds--select {\n position: relative;\n height: 100%;\n background: var(--cds-field);\n transition:\n background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--select--fluid .cds--label {\n position: absolute;\n z-index: 1;\n top: 0.8125rem;\n left: 1rem;\n display: flex;\n width: calc(100% - 2rem);\n height: 1rem;\n align-items: center;\n margin: 0;\n }\n .cds--select--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar,\n .cds--select--fluid .cds--label::-webkit-scrollbar {\n display: none;\n }\n .cds--select--fluid .cds--label .cds--toggletip-label,\n .cds--select--fluid .cds--label:not(:has(.cds--toggletip-label)) {\n -ms-overflow-style: none;\n overflow-x: scroll;\n scrollbar-width: none;\n white-space: nowrap;\n }\n .cds--select--fluid .cds--select-input {\n min-height: 4rem;\n padding: 2rem 2rem 0.8125rem 1rem;\n outline: 0;\n text-overflow: ellipsis;\n }\n .cds--select--fluid .cds--select__arrow {\n top: 2rem;\n height: 1rem;\n }\n .cds--select--fluid .cds--select__divider {\n display: none;\n transition: border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--select--fluid .cds--select--invalid .cds--select-input__wrapper {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--select--fluid .cds--select--invalid .cds--select-input__wrapper {\n outline-style: dotted;\n }\n }\n .cds--select--fluid .cds--select--invalid .cds--select__divider,\n .cds--select--fluid .cds--select--warning .cds--select__divider {\n display: block;\n width: calc(100% - 2rem);\n border: none;\n border-bottom: 1px solid var(--cds-border-subtle);\n margin: 0 1rem;\n }\n .cds--select--fluid .cds--select--warning .cds--select-input,\n .cds--select--fluid\n .cds--select-input__wrapper[data-invalid]\n .cds--select-input {\n padding-right: 2rem;\n border-bottom: 1px solid transparent;\n }\n .cds--select--fluid .cds--select--warning {\n border-bottom: 1px solid var(--cds-border-strong);\n }\n .cds--select--fluid .cds--select-input__wrapper {\n display: block;\n }\n .cds--select--fluid .cds--select--warning .cds--select-input:not(:focus),\n .cds--select--fluid\n .cds--select-input__wrapper[data-invalid]\n .cds--select-input:not(:focus) {\n outline: 0;\n }\n .cds--select--fluid .cds--select--warning .cds--form-requirement,\n .cds--select--fluid\n .cds--select-input__wrapper[data-invalid]\n .cds--form-requirement {\n display: block;\n overflow: visible;\n max-height: 100%;\n }\n .cds--text-area--fluid .cds--label .cds--toggletip-label,\n .cds--text-area--fluid .cds--label:not(:has(.cds--toggletip-label)),\n .cds--text-input--fluid .cds--label .cds--toggletip-label,\n .cds--text-input--fluid .cds--label:not(:has(.cds--toggletip-label)) {\n -ms-overflow-style: none;\n overflow-x: scroll;\n white-space: nowrap;\n scrollbar-width: none;\n }\n .cds--select--fluid .cds--form-requirement {\n padding: 0.5rem 2.5rem 0.5rem 1rem;\n margin: 0;\n }\n .cds--select--fluid\n .cds--select--warning\n .cds--select-input__wrapper:hover\n + .cds--select__divider,\n .cds--select--fluid\n .cds--select-input__wrapper[data-invalid]:hover\n + .cds--select__divider {\n border-color: transparent;\n }\n .cds--select--fluid .cds--select--fluid--focus .cds--select-input,\n .cds--select--fluid .cds--select--fluid--focus.cds--select--warning,\n .cds--text-area--fluid .cds--text-area--invalid,\n .cds--text-area--fluid .cds--text-area:focus {\n border-bottom: 1px solid transparent;\n }\n .cds--select--fluid .cds--select--invalid .cds--select__invalid-icon,\n .cds--select--fluid .cds--select--warning .cds--select__invalid-icon {\n top: 4.5625rem;\n right: 1rem;\n pointer-events: none;\n }\n .cds--select--fluid .cds--select--fluid--focus .cds--select-input__wrapper {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--select--fluid .cds--select--fluid--focus .cds--select-input__wrapper {\n outline-style: dotted;\n }\n }\n .cds--select--fluid .cds--select--disabled .cds--toggletip-button {\n pointer-events: none;\n }\n .cds--text-area--fluid .cds--text-area__wrapper {\n position: relative;\n height: 100%;\n flex-direction: column;\n background: var(--cds-field);\n }\n .cds--text-area--fluid .cds--text-area__label-wrapper {\n position: relative;\n height: 100%;\n }\n .cds--text-area--fluid .cds--label {\n position: absolute;\n z-index: 1;\n top: 0.8125rem;\n left: 1rem;\n display: flex;\n width: calc(100% - 2rem);\n height: 1rem;\n align-items: center;\n margin: 0;\n }\n .cds--text-area--fluid .cds--form__helper-text,\n .cds--text-area--fluid .cds--text-area__divider,\n .cds--text-area__divider {\n display: none;\n }\n .cds--text-area--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar,\n .cds--text-area--fluid .cds--label::-webkit-scrollbar {\n display: none;\n }\n .cds--text-area--fluid div.cds--label {\n right: 1rem;\n left: initial;\n }\n .cds--text-area--fluid .cds--text-area {\n min-height: 4rem;\n padding: 0 1rem 0.8125rem;\n margin-top: 2rem;\n outline: 0;\n }\n .cds--inline-notification.cds--inline-notification--low-contrast a:focus,\n .cds--menu--open:focus {\n outline: 1px solid var(--cds-focus, #0f62fe);\n }\n .cds--text-area--fluid .cds--text-area--invalid,\n .cds--text-area--fluid .cds--text-area--warn {\n resize: none;\n }\n .cds--text-area--fluid .cds--text-area--invalid {\n padding: 0 0.875rem 0.8125rem;\n margin-top: 1.875rem;\n }\n .cds--text-area--fluid\n .cds--text-area__wrapper--warn\n .cds--text-area__divider,\n .cds--text-area--fluid\n .cds--text-area__wrapper[data-invalid]\n .cds--text-area__divider {\n display: block;\n border-style: solid;\n border-color: var(--cds-border-subtle);\n border-bottom: none;\n margin: 0 1rem;\n }\n .cds--text-area--fluid .cds--text-area--warn,\n .cds--text-input--fluid .cds--text-input--invalid,\n .cds--text-input--fluid .cds--text-input--warning {\n border-bottom: none;\n }\n .cds--text-area--fluid\n .cds--text-area__wrapper--warn\n .cds--form-requirement.cds--form-requirement,\n .cds--text-area--fluid\n .cds--text-area__wrapper[data-invalid]\n .cds--form-requirement.cds--form-requirement {\n position: relative;\n display: block;\n overflow: visible;\n max-height: 12.5rem;\n padding: 0.5rem 2.5rem 0.5rem 1rem;\n margin: 0;\n background: var(--cds-field);\n }\n .cds--text-area--fluid\n .cds--text-area__wrapper--warn\n .cds--form-requirement.cds--form-requirement {\n border-bottom: 1px solid var(--cds-border-strong);\n color: var(--cds-text-primary, #161616);\n }\n .cds--text-area--fluid\n .cds--text-area__wrapper[data-invalid]\n .cds--form-requirement.cds--form-requirement {\n border-bottom: none;\n color: var(--cds-text-error, #da1e28);\n }\n .cds--text-area--fluid .cds--text-area__invalid-icon {\n top: 0.5rem;\n }\n .cds--text-area--fluid .cds--text-area__wrapper[data-invalid]:not(:focus) {\n border: 2px solid var(--cds-support-error, #da1e28);\n }\n .cds--text-area--fluid .cds--text-area__wrapper:focus-within,\n .cds--text-area--fluid .cds--text-area__wrapper[data-invalid]:focus-within {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--text-area--fluid .cds--text-area__wrapper:focus-within,\n .cds--text-area--fluid .cds--text-area__wrapper[data-invalid]:focus-within {\n outline-style: dotted;\n }\n }\n .cds--text-input--fluid\n .cds--text-input__field-wrapper--warning\n > .cds--text-input--warning,\n .cds--text-input--fluid\n .cds--text-input__field-wrapper[data-invalid]\n > .cds--text-input--invalid,\n .cds--text-input--fluid input[data-invalid] {\n outline: 0;\n }\n .cds--text-area--fluid .cds--text-area__wrapper > .cds--text-area:active,\n .cds--text-area--fluid .cds--text-area__wrapper > .cds--text-area:focus,\n .cds--text-area--fluid\n .cds--text-area__wrapper[data-invalid]\n > .cds--text-area--invalid,\n .cds--text-area--fluid\n .cds--text-area__wrapper[data-invalid]\n > .cds--text-area--invalid:focus {\n outline: 0;\n transition: none;\n }\n .cds--text-area--fluid__skeleton {\n padding: 1rem;\n border-bottom: 1px solid var(--cds-skeleton-element, #c6c6c6);\n }\n .cds--text-area--fluid__skeleton .cds--skeleton,\n .cds--text-area--fluid__skeleton .cds--text-area.cds--skeleton::before {\n height: 0.5rem;\n }\n .cds--text-area--fluid__skeleton .cds--label {\n margin-bottom: 0.75rem;\n }\n .cds--text-area--fluid__skeleton .cds--text-area.cds--skeleton {\n width: 80%;\n height: 4rem;\n }\n .cds--text-input--fluid.cds--text-input-wrapper {\n position: relative;\n height: 100%;\n background: var(--cds-field);\n transition:\n background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--text-input--fluid .cds--label {\n position: absolute;\n z-index: 1;\n top: 0.8125rem;\n left: 1rem;\n display: flex;\n width: calc(100% - 2rem);\n height: 1rem;\n align-items: center;\n margin: 0;\n }\n .cds--text-input--fluid .cds--form__helper-text,\n .cds--text-input--fluid .cds--text-input__divider,\n .cds--text-input__divider,\n .cds--time-picker__icon {\n display: none;\n }\n .cds--text-input--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar,\n .cds--text-input--fluid .cds--label::-webkit-scrollbar {\n display: none;\n }\n .cds--text-input--fluid .cds--text-input {\n min-height: 4rem;\n padding: 2rem 1rem 0.8125rem;\n }\n .cds--text-input--fluid .cds--text-input__field-wrapper--warning,\n .cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid] {\n display: block;\n }\n .cds--inline-notification a:focus,\n .cds--toast-notification a:focus {\n outline: 1px solid var(--cds-link-inverse, #78a9ff);\n }\n .cds--text-input--fluid .cds--form-requirement {\n padding: 0.5rem 2.5rem 0.5rem 1rem;\n margin: 0;\n }\n .cds--text-input--fluid .cds--text-input--invalid + .cds--text-input__divider,\n .cds--text-input--fluid\n .cds--text-input--warning\n + .cds--text-input__divider {\n display: block;\n border-style: solid;\n border-color: var(--cds-border-subtle);\n border-bottom: none;\n margin: 0 1rem;\n }\n .cds--text-input--fluid .cds--text-input__invalid-icon {\n top: 5rem;\n }\n .cds--text-input--fluid .cds--text-input__field-wrapper--warning {\n border-bottom: 1px solid var(--cds-border-strong);\n }\n .cds--text-input--fluid\n .cds--text-input__field-wrapper[data-invalid]:not(:focus) {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--text-input--fluid\n .cds--text-input__field-wrapper[data-invalid]:not(:focus) {\n outline-style: dotted;\n }\n }\n .cds--text-input--fluid .cds--text-input__field-wrapper--warning:focus-within,\n .cds--text-input--fluid\n .cds--text-input__field-wrapper[data-invalid]:focus-within {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--text-input--fluid\n .cds--text-input__field-wrapper--warning:focus-within,\n .cds--text-input--fluid\n .cds--text-input__field-wrapper[data-invalid]:focus-within {\n outline-style: dotted;\n }\n }\n .cds--text-input--fluid\n .cds--text-input__field-wrapper--warning\n > .cds--text-input--warning:focus,\n .cds--text-input--fluid\n .cds--text-input__field-wrapper[data-invalid]\n > .cds--text-input--invalid:focus {\n outline: 0;\n }\n .cds--text-input--fluid .cds--text-input.cds--password-input {\n padding-right: 2.5rem;\n }\n .cds--text-input--fluid.cds--password-input-wrapper\n .cds--text-input__invalid-icon {\n right: 1rem;\n }\n .cds--text-input--fluid\n .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {\n top: 1.625rem;\n right: 0.5rem;\n width: 2rem;\n height: 2rem;\n }\n .cds--text-input--fluid__skeleton {\n position: relative;\n height: 4rem;\n border-bottom: 1px solid var(--cds-skeleton-element, #c6c6c6);\n }\n .cds--text-input--fluid__skeleton .cds--skeleton {\n position: absolute;\n top: 1rem;\n left: 1rem;\n width: 25%;\n height: 0.5rem;\n }\n .cds--text-input--fluid__skeleton .cds--label {\n position: absolute;\n top: 2.25rem;\n left: 1rem;\n width: 50%;\n height: 0.5rem;\n padding: 0;\n }\n .cds--time-picker--fluid {\n background: var(--cds-field);\n }\n .cds--time-picker--fluid .cds--time-picker--fluid__wrapper {\n display: flex;\n }\n .cds--time-picker--fluid__wrapper > :first-child,\n .cds--time-picker--fluid__wrapper > :nth-child(2) {\n flex-basis: 25%;\n }\n .cds--time-picker--equal-width .cds--time-picker--fluid__wrapper > * {\n flex-basis: 50%;\n }\n .cds--time-picker--fluid__wrapper\n > :last-child\n .cds--select-input__wrapper::before,\n .cds--time-picker--fluid__wrapper\n > :nth-child(2):not(:last-child)\n .cds--select-input__wrapper::before {\n position: absolute;\n display: block;\n width: 1px;\n height: calc(100% - 1px);\n background-color: var(--cds-border-strong);\n content: '';\n opacity: 1;\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--time-picker--fluid__wrapper .cds--select-input__wrapper::after {\n right: 0;\n }\n .cds--time-picker--fluid__wrapper .cds--select-input__wrapper::before {\n left: 0;\n }\n .cds--time-picker--fluid:not(.cds--time-picker--fluid--disabled)\n .cds--time-picker--fluid__wrapper\n > :last-child:hover\n .cds--select-input__wrapper::before,\n .cds--time-picker--fluid:not(.cds--time-picker--fluid--disabled)\n .cds--time-picker--fluid__wrapper\n > :nth-child(2):hover:not(:last-child)\n ~ *\n .cds--select-input__wrapper::before,\n .cds--time-picker--fluid:not(.cds--time-picker--fluid--disabled)\n .cds--time-picker--fluid__wrapper\n > :nth-child(2):not(:last-child):hover\n .cds--select-input__wrapper::before {\n opacity: 0;\n }\n .cds--time-picker--fluid--disabled\n .cds--time-picker--fluid__wrapper\n .cds--select--disabled\n .cds--select-input__wrapper::before {\n background: var(--cds-border-disabled, #c6c6c6);\n }\n .cds--time-picker--fluid .cds--form-requirement {\n padding: 0.5rem 2.5rem 0.5rem 1rem;\n margin: 0;\n background: var(--cds-field);\n }\n .cds--time-picker--fluid--invalid {\n outline: 2px solid var(--cds-support-error, #da1e28);\n outline-offset: -2px;\n position: relative;\n }\n .cds--time-picker--fluid--invalid .cds--select,\n .cds--time-picker--fluid--invalid .cds--select-input,\n .cds--time-picker--fluid--invalid .cds--text-input,\n .cds--time-picker--fluid--invalid .cds--text-input-wrapper {\n background: 0 0;\n }\n .cds--time-picker--fluid--invalid .cds--select-input {\n padding-top: 1.875rem;\n border-top: 2px solid transparent;\n }\n .cds--select--fluid:last-of-type .cds--select-input {\n border-right: 2px solid transparent;\n }\n .cds--time-picker--fluid--invalid .cds--select-input:hover:not([disabled]) {\n background: var(--cds-field-hover);\n }\n .cds--time-picker--fluid--invalid .cds--select-input:hover {\n border-top: 2px solid var(--cds-support-error, #da1e28);\n }\n .cds--time-picker--fluid--invalid\n .cds--select--fluid:last-of-type\n .cds--select-input:hover {\n border-right: 2px solid var(--cds-support-error, #da1e28);\n }\n .cds--time-picker--fluid--warning {\n position: relative;\n }\n .cds--time-picker--fluid--invalid .cds--time-picker__icon,\n .cds--time-picker--fluid--warning .cds--time-picker__icon {\n position: absolute;\n top: 4.5rem;\n right: 1rem;\n display: block;\n }\n .cds--time-picker--fluid--invalid .cds--time-picker__icon {\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--time-picker--fluid--warning .cds--time-picker__icon {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--time-picker--fluid--warning .cds--time-picker__icon path:first-of-type {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--multi-select.cds--multi-select--readonly .cds--list-box__menu-icon svg,\n .cds--multi-select.cds--multi-select--readonly .cds--tag--filter svg {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--time-picker--fluid--invalid .cds--form-requirement,\n .cds--time-picker--fluid--warning .cds--form-requirement {\n display: block;\n overflow: visible;\n max-height: 100%;\n }\n .cds--inline-loading--error[hidden],\n .cds--inline-loading__checkmark-container[hidden] {\n display: none;\n }\n .cds--time-picker--fluid--invalid\n .cds--time-picker--fluid__wrapper\n > :last-child\n .cds--select-input__wrapper::before,\n .cds--time-picker--fluid--invalid\n .cds--time-picker--fluid__wrapper\n > :nth-child(2):not(:last-child)\n .cds--select-input__wrapper::before,\n .cds--time-picker--fluid--warning\n .cds--time-picker--fluid__wrapper\n > :last-child\n .cds--select-input__wrapper::before,\n .cds--time-picker--fluid--warning\n .cds--time-picker--fluid__wrapper\n > :nth-child(2):not(:last-child)\n .cds--select-input__wrapper::before {\n top: 8px;\n height: calc(100% - 1rem);\n }\n .cds--time-picker--fluid--invalid .cds--select-input,\n .cds--time-picker--fluid--invalid .cds--text-input,\n .cds--time-picker--fluid--warning .cds--select-input,\n .cds--time-picker--fluid--warning .cds--text-input {\n border-bottom: 1px solid transparent;\n }\n .cds--time-picker--fluid.cds--time-picker--fluid--invalid\n .cds--time-picker__divider,\n .cds--time-picker--fluid.cds--time-picker--fluid--warning\n .cds--time-picker__divider {\n width: calc(100% - 2rem);\n border-style: solid;\n border-color: var(--cds-border-subtle);\n border-bottom: none;\n margin: 0 1rem;\n }\n .cds--time-picker--fluid--skeleton {\n display: flex;\n width: 100%;\n height: 4rem;\n }\n .cds--time-picker--fluid--skeleton > * {\n width: auto;\n height: 100%;\n }\n .cds--time-picker--fluid--skeleton > :first-child,\n .cds--time-picker--fluid--skeleton > :nth-child(2) {\n width: 25%;\n }\n .cds--time-picker--fluid--skeleton.cds--time-picker--equal-width\n > :first-child,\n .cds--time-picker--fluid--skeleton > :last-child {\n width: 50%;\n }\n @keyframes stroke {\n 100% {\n stroke-dashoffset: 0;\n }\n }\n .cds--inline-loading {\n display: flex;\n width: 100%;\n min-height: 2rem;\n align-items: center;\n }\n .cds--inline-loading__text {\n font-size: var(--cds-label-01-font-size, 0.75rem);\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n color: var(--cds-text-secondary, #525252);\n }\n .cds--list__item,\n .cds--menu-item {\n color: var(--cds-text-primary, #161616);\n }\n .cds--inline-loading__animation {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 0.5rem;\n }\n .cds--inline-loading__checkmark-container {\n fill: var(--cds-support-success, #24a148);\n }\n .cds--inline-loading__checkmark-container.cds--inline-loading__svg {\n position: absolute;\n top: 0.75rem;\n width: 0.75rem;\n }\n .cds--list--ordered:not(.cds--list--nested) > .cds--list__item,\n .cds--list--unordered > .cds--list__item {\n position: relative;\n }\n .cds--inline-loading__checkmark {\n animation-duration: 250ms;\n animation-fill-mode: forwards;\n animation-name: stroke;\n fill: none;\n stroke-dasharray: 12;\n stroke-dashoffset: 12;\n stroke-width: 1.8;\n transform-origin: 50% 50%;\n }\n .cds--inline-loading--error,\n .cds--inline-notification--low-contrast.cds--inline-notification--error\n .cds--actionable-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--error\n .cds--inline-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--error\n .cds--toast-notification__icon {\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--inline-loading--error {\n width: 1rem;\n height: 1rem;\n }\n @media screen and (-ms-high-contrast: active),\n screen and (-ms-high-contrast: none) {\n .cds--inline-loading__checkmark-container {\n top: 1px;\n right: 0.5rem;\n }\n .cds--inline-loading__checkmark {\n animation: none;\n stroke-dasharray: 0;\n stroke-dashoffset: 0;\n }\n }\n .cds--list--nested,\n .cds--list--ordered,\n .cds--list--ordered--native,\n .cds--list--unordered {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n font-size: var(--cds-body-01-font-size, 0.875rem);\n font-weight: var(--cds-body-01-font-weight, 400);\n line-height: var(--cds-body-01-line-height, 1.42857);\n letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n list-style: none;\n }\n .cds--list--nested *,\n .cds--list--nested ::after,\n .cds--list--nested ::before,\n .cds--list--ordered *,\n .cds--list--ordered ::after,\n .cds--list--ordered ::before,\n .cds--list--ordered--native *,\n .cds--list--ordered--native ::after,\n .cds--list--ordered--native ::before,\n .cds--list--unordered *,\n .cds--list--unordered ::after,\n .cds--list--unordered ::before {\n box-sizing: inherit;\n }\n .cds--list--expressive,\n .cds--list--expressive .cds--list--nested {\n font-size: var(--cds-body-02-font-size, 1rem);\n font-weight: var(--cds-body-02-font-weight, 400);\n line-height: var(--cds-body-02-line-height, 1.5);\n letter-spacing: var(--cds-body-02-letter-spacing, 0);\n }\n .cds--list--ordered--native {\n list-style: decimal;\n }\n .cds--list--nested {\n margin-left: 2rem;\n }\n .cds--list--nested .cds--list__item {\n padding-left: 0.25rem;\n }\n .cds--list--ordered:not(.cds--list--nested) {\n counter-reset: item;\n }\n .cds--list--ordered:not(.cds--list--nested) > .cds--list__item::before {\n position: absolute;\n left: -1.5rem;\n content: counter(item) '.';\n counter-increment: item;\n }\n .cds--list--ordered--native.cds--list--nested,\n .cds--list--ordered.cds--list--nested {\n list-style-type: lower-latin;\n }\n .cds--list--unordered > .cds--list__item::before {\n position: absolute;\n left: calc(-1 * 1rem);\n content: '–';\n }\n .cds--list--unordered.cds--list--nested > .cds--list__item::before {\n left: calc(-1 * 0.75rem);\n content: '▪';\n }\n .cds--menu {\n position: fixed;\n max-width: 18rem;\n padding: 0.25rem 0;\n background-color: var(--cds-layer);\n opacity: 0;\n visibility: hidden;\n }\n .cds--menu--with-icons {\n min-width: 12rem;\n }\n .cds--menu--open {\n visibility: visible;\n }\n .cds--menu:not(.cds--menu--open) .cds--menu--open,\n .cds--modal,\n .cds--multi-select:not(.cds--list-box--expanded) .cds--list-box__menu {\n visibility: hidden;\n }\n @media screen and (prefers-contrast) {\n .cds--menu--open:focus,\n .cds--time-picker--fluid--invalid {\n outline-style: dotted;\n }\n }\n .cds--menu--shown {\n opacity: 1;\n }\n .cds--menu-item {\n font-size: var(--cds-body-short-01-font-size, 0.875rem);\n font-weight: var(--cds-body-short-01-font-weight, 400);\n line-height: var(--cds-body-short-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);\n display: grid;\n height: 2rem;\n align-items: center;\n column-gap: 0.5rem;\n cursor: pointer;\n grid-template-columns: 1fr max-content;\n padding-inline: 1rem;\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--modal-content,\n .cds--modal-content > p,\n .cds--modal-content__regular-content {\n font-size: var(--cds-body-01-font-size, 0.875rem);\n line-height: var(--cds-body-01-line-height, 1.42857);\n letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n }\n .cds--menu-item:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--menu-item:focus {\n outline-style: dotted;\n }\n }\n .cds--menu-item:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--menu--xs .cds--menu-item {\n height: 1.5rem;\n }\n .cds--menu--sm .cds--menu-item {\n height: 2rem;\n }\n .cds--menu--md .cds--menu-item {\n height: 2.5rem;\n }\n .cds--menu--lg .cds--menu-item {\n height: 3rem;\n }\n .cds--menu-item__icon {\n display: none;\n }\n .cds--menu--with-icons .cds--menu-item__icon {\n display: flex;\n }\n .cds--menu-item__label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .cds--menu--with-icons > .cds--menu-item,\n .cds--menu--with-icons > .cds--menu-item-group > ul > .cds--menu-item,\n .cds--menu--with-icons > .cds--menu-item-radio-group > ul > .cds--menu-item {\n grid-template-columns: 1rem 1fr max-content;\n }\n .cds--menu-item--disabled {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--menu-item--disabled.cds--menu-item--danger:hover,\n .cds--menu-item--disabled:hover {\n background-color: var(--cds-layer);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--menu-item--danger:focus,\n .cds--menu-item--danger:hover {\n background-color: var(--cds-button-danger-primary, #da1e28);\n color: var(--cds-text-on-color, #fff);\n }\n .cds--menu-item-divider {\n display: block;\n width: 100%;\n height: 0.0625rem;\n background-color: var(--cds-border-subtle);\n margin-block: 0.25rem;\n }\n .cds--modal {\n position: fixed;\n top: 0;\n left: 0;\n display: flex;\n width: 100vw;\n height: 100vh;\n align-items: center;\n justify-content: center;\n background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));\n content: '';\n opacity: 0;\n transition:\n opacity 240ms cubic-bezier(0.4, 0.14, 1, 1),\n visibility 0s linear 240ms;\n }\n .cds--modal.is-visible {\n opacity: 1;\n transition:\n opacity 240ms cubic-bezier(0, 0, 0.3, 1),\n visibility linear;\n visibility: inherit;\n }\n @media screen and (prefers-reduced-motion: reduce) {\n .cds--modal.is-visible {\n transition: none;\n }\n }\n .cds--modal .cds--date-picker__input,\n .cds--modal .cds--dropdown,\n .cds--modal .cds--dropdown-list,\n .cds--modal .cds--multi-select,\n .cds--modal .cds--number input[type='number'],\n .cds--modal .cds--number__control-btn::after,\n .cds--modal .cds--number__control-btn::before,\n .cds--modal .cds--pagination,\n .cds--modal .cds--pagination__control-buttons,\n .cds--modal .cds--search-input,\n .cds--modal .cds--select-input,\n .cds--modal .cds--text-area,\n .cds--modal .cds--text-input {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--modal .cds--number__rule-divider {\n background-color: var(--cds-border-subtle-02, #e0e0e0);\n }\n .cds--modal\n .cds--date-picker--fluid\n .ccdsds--date-picker-input__wrapper\n .cds--date-picker__input,\n .cds--modal .cds--list-box__wrapper--fluid .cds--list-box,\n .cds--modal .cds--list-box__wrapper--fluid.cds--list-box__wrapper,\n .cds--modal .cds--number-input--fluid .cds--number__control-btn::after,\n .cds--modal .cds--number-input--fluid .cds--number__control-btn::before,\n .cds--modal .cds--number-input--fluid input[type='number'],\n .cds--modal .cds--search--fluid .cds--search-input,\n .cds--modal .cds--select--fluid .cds--select-input,\n .cds--modal .cds--text-area--fluid .cds--text-area,\n .cds--modal .cds--text-area--fluid .cds--text-area__wrapper,\n .cds--modal\n .cds--text-area--fluid\n .cds--text-area__wrapper[data-invalid]\n .cds--text-area__divider\n + .cds--form-requirement,\n .cds--modal .cds--text-input--fluid .cds--text-input {\n background-color: var(--cds-field-01, #f4f4f4);\n }\n .cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::after,\n .cds--modal\n .cds--number-input--fluid\n .cds--number__control-btn:hover::before {\n background-color: var(--cds-field-hover);\n }\n .cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::after,\n .cds--modal\n .cds--number-input--fluid\n .cds--number__control-btn:focus::before {\n border-left: 2px solid var(--cds-focus, #0f62fe);\n }\n .cds--modal.is-visible .cds--modal-container {\n transform: translate3d(0, 0, 0);\n transition: transform 240ms cubic-bezier(0, 0, 0.3, 1);\n }\n .cds--modal-container {\n position: fixed;\n top: 0;\n display: grid;\n overflow: hidden;\n width: 100%;\n height: 100%;\n max-height: 100%;\n background-color: var(--cds-layer);\n grid-template-columns: 100%;\n grid-template-rows: auto 1fr auto;\n outline: transparent solid 3px;\n outline-offset: -3px;\n transform: translate3d(0, -24px, 0);\n transform-origin: top center;\n transition: transform 240ms cubic-bezier(0.4, 0.14, 1, 1);\n }\n @media (min-width: 42rem) {\n .cds--modal-container {\n position: static;\n width: 84%;\n height: auto;\n max-height: 90%;\n }\n }\n @media (min-width: 66rem) {\n .cds--modal-container {\n width: 60%;\n max-height: 84%;\n }\n }\n @media (min-width: 82rem) {\n .cds--xlg\\:col-start-1 {\n grid-column-start: 1;\n }\n .cds--xlg\\:col-start-2 {\n grid-column-start: 2;\n }\n .cds--xlg\\:col-start-3 {\n grid-column-start: 3;\n }\n .cds--xlg\\:col-start-4 {\n grid-column-start: 4;\n }\n .cds--xlg\\:col-start-5 {\n grid-column-start: 5;\n }\n .cds--xlg\\:col-start-6 {\n grid-column-start: 6;\n }\n .cds--xlg\\:col-start-7 {\n grid-column-start: 7;\n }\n .cds--xlg\\:col-start-8 {\n grid-column-start: 8;\n }\n .cds--xlg\\:col-start-9 {\n grid-column-start: 9;\n }\n .cds--xlg\\:col-start-10 {\n grid-column-start: 10;\n }\n .cds--xlg\\:col-start-11 {\n grid-column-start: 11;\n }\n .cds--xlg\\:col-start-12 {\n grid-column-start: 12;\n }\n .cds--xlg\\:col-start-13 {\n grid-column-start: 13;\n }\n .cds--xlg\\:col-start-14 {\n grid-column-start: 14;\n }\n .cds--xlg\\:col-start-15 {\n grid-column-start: 15;\n }\n .cds--xlg\\:col-start-16 {\n grid-column-start: 16;\n }\n .cds--xlg\\:col-end-2 {\n grid-column-end: 2;\n }\n .cds--xlg\\:col-end-3 {\n grid-column-end: 3;\n }\n .cds--xlg\\:col-end-4 {\n grid-column-end: 4;\n }\n .cds--xlg\\:col-end-5 {\n grid-column-end: 5;\n }\n .cds--xlg\\:col-end-6 {\n grid-column-end: 6;\n }\n .cds--xlg\\:col-end-7 {\n grid-column-end: 7;\n }\n .cds--xlg\\:col-end-8 {\n grid-column-end: 8;\n }\n .cds--xlg\\:col-end-9 {\n grid-column-end: 9;\n }\n .cds--xlg\\:col-end-10 {\n grid-column-end: 10;\n }\n .cds--xlg\\:col-end-11 {\n grid-column-end: 11;\n }\n .cds--xlg\\:col-end-12 {\n grid-column-end: 12;\n }\n .cds--xlg\\:col-end-13 {\n grid-column-end: 13;\n }\n .cds--xlg\\:col-end-14 {\n grid-column-end: 14;\n }\n .cds--xlg\\:col-end-15 {\n grid-column-end: 15;\n }\n .cds--xlg\\:col-end-16 {\n grid-column-end: 16;\n }\n .cds--xlg\\:col-end-17 {\n grid-column-end: 17;\n }\n .cds--xlg\\:col-start-auto {\n grid-column-start: auto;\n }\n .cds--xlg\\:col-end-auto {\n grid-column-end: auto;\n }\n .cds--modal-container {\n width: 48%;\n }\n }\n .cds--modal-container .cds--modal-container-body {\n display: contents;\n }\n .cds--modal-content {\n font-weight: var(--cds-body-01-font-weight, 400);\n position: relative;\n padding-top: 0.5rem;\n padding-right: 1rem;\n padding-left: 1rem;\n margin-bottom: 3rem;\n color: var(--cds-text-primary, #161616);\n font-weight: 400;\n grid-column: 1/-1;\n grid-row: 2/-2;\n overflow-y: auto;\n }\n .cds--modal-content:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--modal-content:focus {\n outline-style: dotted;\n }\n }\n .cds--modal-content .cds--form--fluid {\n margin-right: -1rem;\n margin-left: -1rem;\n }\n .cds--modal-content > p,\n .cds--modal-content__regular-content {\n font-weight: var(--cds-body-01-font-weight, 400);\n padding-right: calc(20% - 2rem);\n }\n .cds--actionable-notification html,\n .cds--inline-notification html,\n .cds--toast-notification html {\n font-size: 100%;\n }\n .cds--modal-content--with-form {\n padding-right: 1rem;\n }\n .carbon-chart-wrapper .cds--modal-header {\n padding-top: 1rem;\n padding-right: 3rem;\n padding-left: 1rem;\n margin-bottom: 0.5rem;\n grid-column: 1/-1;\n grid-row: 1/1;\n }\n .cds--modal-container--sm .cds--modal-content__regular-content,\n .cds--modal-container--xs .cds--modal-content__regular-content {\n padding-right: 1rem;\n }\n .cds--modal-header__label {\n font-size: var(--cds-label-01-font-size, 0.75rem);\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n margin-bottom: 0.25rem;\n color: var(--cds-text-secondary, #525252);\n }\n .cds--modal-header__heading,\n .cds--multi-select\n .cds--list-box__menu-item\n .cds--checkbox:checked\n ~ .cds--checkbox-label-text {\n color: var(--cds-text-primary, #161616);\n }\n .cds--modal-header__heading {\n font-size: var(--cds-heading-03-font-size, 1.25rem);\n font-weight: var(--cds-heading-03-font-weight, 400);\n line-height: var(--cds-heading-03-line-height, 1.4);\n letter-spacing: var(--cds-heading-03-letter-spacing, 0);\n padding-right: calc(20% - 3rem);\n }\n @media (min-width: 42rem) {\n .cds--modal-container--xs {\n width: 48%;\n }\n }\n @media (min-width: 66rem) {\n .cds--modal-container--xs {\n width: 32%;\n max-height: 48%;\n }\n }\n @media (min-width: 82rem) {\n .cds--modal-container--xs {\n width: 24%;\n }\n }\n @media (min-width: 42rem) {\n .cds--modal-container--sm {\n width: 60%;\n }\n }\n @media (min-width: 66rem) {\n .cds--modal-container--sm {\n width: 42%;\n max-height: 72%;\n }\n .cds--modal-container--sm .cds--modal-content > p,\n .cds--modal-container--sm .cds--modal-content__regular-content {\n padding-right: 20%;\n }\n }\n @media (min-width: 82rem) {\n .cds--modal-container--sm {\n width: 36%;\n }\n }\n @media (min-width: 42rem) {\n .cds--modal-container--lg {\n width: 96%;\n }\n }\n @media (min-width: 66rem) {\n .cds--modal-container--lg {\n width: 84%;\n max-height: 96%;\n }\n }\n @media (min-width: 82rem) {\n .cds--modal-container--lg {\n width: 72%;\n }\n }\n .cds--modal-scroll-content > :last-child {\n padding-bottom: 2rem;\n }\n .cds--modal-content--overflow-indicator {\n position: absolute;\n bottom: 3rem;\n left: 0;\n width: 100%;\n height: 2rem;\n background-image: linear-gradient(to bottom, transparent, var(--cds-layer));\n content: '';\n grid-column: 1/-1;\n grid-row: 2/-2;\n pointer-events: none;\n }\n @media not all and (min-resolution: 0.001dpcm) {\n @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n .cds--modal-content--overflow-indicator {\n background-image: linear-gradient(\n to bottom,\n rgba(var(--cds-layer), 0),\n var(--cds-layer)\n );\n }\n }\n }\n .cds--modal-content:focus ~ .cds--modal-content--overflow-indicator {\n width: calc(100% - 4px);\n margin: 0 2px 2px;\n }\n @media screen and (-ms-high-contrast: active) {\n .carbon-chart-wrapper svg {\n fill: ButtonText;\n }\n .cds--modal-scroll-content > :last-child {\n padding-bottom: 0;\n }\n .cds--modal-content--overflow-indicator {\n display: none;\n }\n }\n .cds--modal-footer {\n display: flex;\n height: 4rem;\n justify-content: flex-end;\n margin-top: auto;\n grid-column: 1/-1;\n grid-row: -1/-1;\n }\n .cds--modal-footer .cds--btn {\n max-width: none;\n height: 4rem;\n flex: 0 1 50%;\n align-items: baseline;\n padding-top: 0.875rem;\n padding-bottom: 2rem;\n margin: 0;\n }\n .cds--modal-footer--three-button .cds--btn {\n flex: 0 1 25%;\n align-items: flex-start;\n }\n .cds--modal-close {\n position: absolute;\n z-index: 2;\n top: 0;\n right: 0;\n overflow: hidden;\n width: 3rem;\n height: 3rem;\n padding: 0.75rem;\n border: 2px solid transparent;\n background-color: transparent;\n cursor: pointer;\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--modal-close:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--modal-close:focus {\n border-color: var(--cds-focus, #0f62fe);\n outline: 0;\n }\n .cds--modal-close::-moz-focus-inner {\n border: 0;\n }\n .cds--modal-close__icon {\n width: 1.25rem;\n height: 1.25rem;\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--body--with-modal-open {\n overflow: hidden;\n }\n .cds--modal-container--full-width .cds--modal-content {\n padding: 0;\n margin: 0;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--modal-close__icon {\n fill: ButtonText;\n }\n .cds--modal-close:focus {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n }\n .cds--multi-select .cds--list-box__field--wrapper {\n display: inline-flex;\n width: 100%;\n height: calc(100% + 1px);\n align-items: center;\n }\n .cds--multi-select .cds--list-box__field:focus {\n outline: transparent solid 2px;\n outline-offset: -2px;\n }\n .cds--multi-select .cds--tag {\n min-width: auto;\n margin: 0 0.5rem 0 1rem;\n }\n .cds--multi-select .cds--list-box__menu {\n min-width: auto;\n }\n .cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-wrapper {\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n }\n .cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-label {\n display: inline-block;\n overflow: hidden;\n width: 100%;\n padding-left: 1.75rem;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .cds--multi-select .cds--list-box__menu-item__option > .cds--form-item {\n flex-direction: row;\n margin: 0;\n }\n .cds--multi-select--filterable {\n transition: outline-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--multi-select--filterable.cds--combo-box .cds--text-input {\n border: 0.125rem solid transparent;\n background-clip: padding-box;\n outline: 0;\n }\n .cds--multi-select .cds--list-box__field--wrapper--input-focused,\n .cds--multi-select--filterable--input-focused {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--multi-select--filterable.cds--multi-select--selected .cds--text-input,\n .cds--multi-select.cds--multi-select--selected .cds--list-box__field {\n padding-left: 0;\n }\n .cds--multi-select--filterable.cds--list-box--disabled:hover:not(\n .cds--multi-select--filterable\n )\n .cds--text-input {\n background-color: var(--cds-field);\n }\n .cds--multi-select--filterable .cds--list-box__selection--multi {\n margin: 0 0 0 1rem;\n }\n .cds--multi-select--filterable.cds--multi-select--inline,\n .cds--multi-select--filterable.cds--multi-select--inline .cds--text-input {\n border-bottom: 0;\n background-color: transparent;\n }\n .cds--multi-select.cds--multi-select--readonly,\n .cds--multi-select.cds--multi-select--readonly:hover {\n border-bottom-color: var(--cds-border-subtle);\n background-color: transparent;\n }\n .cds--multi-select.cds--multi-select--readonly .cds--tag--filter,\n .cds--multi-select.cds--multi-select--readonly .cds--tag__close-icon:hover {\n background-color: transparent;\n color: var(--cds-text-primary, #161616);\n cursor: default;\n }\n .cds--actionable-notification__action-button.cds--btn--ghost:active,\n .cds--actionable-notification__action-button.cds--btn--ghost:hover,\n .cds--inline-notification__action-button.cds--btn--ghost:active,\n .cds--inline-notification__action-button.cds--btn--ghost:hover {\n background-color: var(--cds-background-inverse-hover, #474747);\n }\n .cds--actionable-notification--low-contrast\n .cds--actionable-notification__action-button.cds--btn--ghost:active,\n .cds--actionable-notification--low-contrast\n .cds--actionable-notification__action-button.cds--btn--ghost:hover,\n .cds--inline-notification--low-contrast\n .cds--inline-notification__action-button.cds--btn--ghost:active,\n .cds--inline-notification--low-contrast\n .cds--inline-notification__action-button.cds--btn--ghost:hover {\n background-color: var(--cds-notification-action-hover, #edf5ff);\n }\n .cds--inline-notification:not(.cds--inline-notification--low-contrast)\n .cds--inline-notification__action-button.cds--btn--ghost,\n .cds--inline-notification:not(.cds--inline-notification--low-contrast) a {\n color: var(--cds-link-inverse, #78a9ff);\n }\n .cds--multi-select.cds--multi-select--readonly .cds--tag--filter {\n box-shadow: 0 0 0 1px var(--cds-background-inverse, #393939);\n }\n .cds--actionable-notification--warning\n .cds--toast-notification__icon\n path[opacity='0'],\n .cds--inline-notification--warning\n .cds--inline-notification__icon\n path[opacity='0'],\n .cds--toast-notification--warning\n .cds--toast-notification__icon\n path[opacity='0'] {\n fill: #000;\n opacity: 1;\n }\n .cds--multi-select.cds--multi-select--readonly .cds--list-box__field,\n .cds--multi-select.cds--multi-select--readonly .cds--list-box__menu-icon {\n cursor: default;\n }\n .cds--inline-notification {\n position: relative;\n display: flex;\n width: 100%;\n min-width: 18rem;\n max-width: 18rem;\n height: auto;\n min-height: 3rem;\n flex-wrap: wrap;\n color: var(--cds-text-inverse, #fff);\n }\n .cds--inline-notification body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--inline-notification code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--inline-notification strong {\n font-weight: 600;\n }\n @media (min-width: 42rem) {\n .cds--inline-notification {\n max-width: 38rem;\n flex-wrap: nowrap;\n }\n }\n @media (min-width: 66rem) {\n .cds--inline-notification {\n max-width: 46rem;\n }\n }\n @media (min-width: 99rem) {\n .cds--max\\:col-start-1 {\n grid-column-start: 1;\n }\n .cds--max\\:col-start-2 {\n grid-column-start: 2;\n }\n .cds--max\\:col-start-3 {\n grid-column-start: 3;\n }\n .cds--max\\:col-start-4 {\n grid-column-start: 4;\n }\n .cds--max\\:col-start-5 {\n grid-column-start: 5;\n }\n .cds--max\\:col-start-6 {\n grid-column-start: 6;\n }\n .cds--max\\:col-start-7 {\n grid-column-start: 7;\n }\n .cds--max\\:col-start-8 {\n grid-column-start: 8;\n }\n .cds--max\\:col-start-9 {\n grid-column-start: 9;\n }\n .cds--max\\:col-start-10 {\n grid-column-start: 10;\n }\n .cds--max\\:col-start-11 {\n grid-column-start: 11;\n }\n .cds--max\\:col-start-12 {\n grid-column-start: 12;\n }\n .cds--max\\:col-start-13 {\n grid-column-start: 13;\n }\n .cds--max\\:col-start-14 {\n grid-column-start: 14;\n }\n .cds--max\\:col-start-15 {\n grid-column-start: 15;\n }\n .cds--max\\:col-start-16 {\n grid-column-start: 16;\n }\n .cds--max\\:col-end-2 {\n grid-column-end: 2;\n }\n .cds--max\\:col-end-3 {\n grid-column-end: 3;\n }\n .cds--max\\:col-end-4 {\n grid-column-end: 4;\n }\n .cds--max\\:col-end-5 {\n grid-column-end: 5;\n }\n .cds--max\\:col-end-6 {\n grid-column-end: 6;\n }\n .cds--max\\:col-end-7 {\n grid-column-end: 7;\n }\n .cds--max\\:col-end-8 {\n grid-column-end: 8;\n }\n .cds--max\\:col-end-9 {\n grid-column-end: 9;\n }\n .cds--max\\:col-end-10 {\n grid-column-end: 10;\n }\n .cds--max\\:col-end-11 {\n grid-column-end: 11;\n }\n .cds--max\\:col-end-12 {\n grid-column-end: 12;\n }\n .cds--max\\:col-end-13 {\n grid-column-end: 13;\n }\n .cds--max\\:col-end-14 {\n grid-column-end: 14;\n }\n .cds--max\\:col-end-15 {\n grid-column-end: 15;\n }\n .cds--max\\:col-end-16 {\n grid-column-end: 16;\n }\n .cds--max\\:col-end-17 {\n grid-column-end: 17;\n }\n .cds--max\\:col-start-auto {\n grid-column-start: auto;\n }\n .cds--max\\:col-end-auto {\n grid-column-end: auto;\n }\n .cds--inline-notification {\n max-width: 52rem;\n }\n }\n @media screen and (prefers-contrast) {\n .cds--inline-notification.cds--inline-notification--low-contrast a:focus,\n .cds--multi-select .cds--list-box__field--wrapper--input-focused,\n .cds--multi-select--filterable--input-focused {\n outline-style: dotted;\n }\n }\n .cds--inline-notification--low-contrast {\n color: var(--cds-text-primary, #161616);\n }\n .cds--inline-notification--low-contrast::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n border-width: 1px 1px 1px 0;\n border-style: solid;\n content: '';\n filter: opacity(0.4);\n pointer-events: none;\n }\n .cds--inline-notification--error {\n border-left: 3px solid var(--cds-support-error-inverse, #fa4d56);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--inline-notification--error .cds--actionable-notification__icon,\n .cds--inline-notification--error .cds--inline-notification__icon,\n .cds--inline-notification--error .cds--toast-notification__icon {\n fill: var(--cds-support-error-inverse, #fa4d56);\n }\n .cds--inline-notification--low-contrast.cds--inline-notification--error {\n border-left: 3px solid var(--cds-support-error, #da1e28);\n background: var(--cds-notification-background-error, #fff1f1);\n }\n .cds--inline-notification--low-contrast.cds--inline-notification--error::before {\n border-color: var(--cds-support-error, #da1e28);\n }\n .cds--inline-notification--success {\n border-left: 3px solid var(--cds-support-success-inverse, #42be65);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--inline-notification--success .cds--actionable-notification__icon,\n .cds--inline-notification--success .cds--inline-notification__icon,\n .cds--inline-notification--success .cds--toast-notification__icon {\n fill: var(--cds-support-success-inverse, #42be65);\n }\n .cds--inline-notification--low-contrast.cds--inline-notification--success {\n border-left: 3px solid var(--cds-support-success, #24a148);\n background: var(--cds-notification-background-success, #defbe6);\n }\n .cds--inline-notification--low-contrast.cds--inline-notification--success\n .cds--actionable-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--success\n .cds--inline-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--success\n .cds--toast-notification__icon {\n fill: var(--cds-support-success, #24a148);\n }\n .cds--inline-notification--low-contrast.cds--inline-notification--success::before {\n border-color: var(--cds-support-success, #24a148);\n }\n .cds--inline-notification--info,\n .cds--inline-notification--info-square {\n border-left: 3px solid var(--cds-support-info-inverse, #4589ff);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--inline-notification--info .cds--actionable-notification__icon,\n .cds--inline-notification--info .cds--inline-notification__icon,\n .cds--inline-notification--info .cds--toast-notification__icon,\n .cds--inline-notification--info-square .cds--actionable-notification__icon,\n .cds--inline-notification--info-square .cds--inline-notification__icon,\n .cds--inline-notification--info-square .cds--toast-notification__icon {\n fill: var(--cds-support-info-inverse, #4589ff);\n }\n .cds--inline-notification--low-contrast.cds--inline-notification--info,\n .cds--inline-notification--low-contrast.cds--inline-notification--info-square {\n border-left: 3px solid var(--cds-support-info, #0043ce);\n background: var(--cds-notification-background-info, #edf5ff);\n }\n .cds--inline-notification--low-contrast.cds--inline-notification--info\n .cds--actionable-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--info\n .cds--inline-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--info\n .cds--toast-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--info-square\n .cds--actionable-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--info-square\n .cds--inline-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--info-square\n .cds--toast-notification__icon {\n fill: var(--cds-support-info, #0043ce);\n }\n .cds--inline-notification--low-contrast.cds--inline-notification--info-square::before,\n .cds--inline-notification--low-contrast.cds--inline-notification--info::before {\n border-color: var(--cds-support-info, #0043ce);\n }\n .cds--inline-notification--warning,\n .cds--inline-notification--warning-alt {\n border-left: 3px solid var(--cds-support-warning-inverse, #f1c21b);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--inline-notification--warning .cds--actionable-notification__icon,\n .cds--inline-notification--warning .cds--inline-notification__icon,\n .cds--inline-notification--warning .cds--toast-notification__icon,\n .cds--inline-notification--warning-alt .cds--actionable-notification__icon,\n .cds--inline-notification--warning-alt .cds--inline-notification__icon,\n .cds--inline-notification--warning-alt .cds--toast-notification__icon {\n fill: var(--cds-support-warning-inverse, #f1c21b);\n }\n .cds--inline-notification--low-contrast.cds--inline-notification--warning,\n .cds--inline-notification--low-contrast.cds--inline-notification--warning-alt {\n border-left: 3px solid var(--cds-support-warning, #f1c21b);\n background: var(--cds-notification-background-warning, #fdf6dd);\n }\n .cds--inline-notification--low-contrast.cds--inline-notification--warning\n .cds--actionable-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--warning\n .cds--inline-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--warning\n .cds--toast-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--warning-alt\n .cds--actionable-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--warning-alt\n .cds--inline-notification__icon,\n .cds--inline-notification--low-contrast.cds--inline-notification--warning-alt\n .cds--toast-notification__icon {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--inline-notification--low-contrast.cds--inline-notification--warning-alt::before,\n .cds--inline-notification--low-contrast.cds--inline-notification--warning::before {\n border-color: var(--cds-support-warning, #f1c21b);\n }\n .cds--inline-notification__details {\n display: flex;\n flex-grow: 1;\n margin: 0 3rem 0 0.8125rem;\n }\n @media (min-width: 42rem) {\n .cds--inline-notification__details {\n margin: 0 0.8125rem;\n }\n }\n .cds--inline-notification__icon {\n flex-shrink: 0;\n margin-top: 0.875rem;\n margin-right: 1rem;\n }\n .cds--inline-notification__text-wrapper {\n display: flex;\n flex-wrap: wrap;\n padding: 0.9375rem 0;\n }\n .cds--inline-notification__title {\n font-size: var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-compact-01-font-weight, 600);\n line-height: var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);\n margin: 0 0.25rem 0 0;\n }\n .cds--inline-notification__subtitle {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n word-break: break-word;\n }\n .cds--inline-notification__action-button.cds--btn--ghost {\n height: 2rem;\n margin-bottom: 0.5rem;\n margin-left: 2.5rem;\n }\n .cds--inline-notification__action-button.cds--btn--ghost:focus {\n border-color: transparent;\n box-shadow: none;\n outline: 2px solid var(--cds-focus-inverse, #ffffff);\n outline-offset: -2px;\n }\n .cds--inline-notification--low-contrast\n .cds--inline-notification__action-button.cds--btn--ghost:focus {\n outline-color: var(--cds-focus, #0f62fe);\n }\n .cds--inline-notification--hide-close-button\n .cds--inline-notification__action-button.cds--btn--ghost {\n margin-right: 0.5rem;\n }\n .cds--inline-notification__close-button {\n outline: transparent solid 2px;\n outline-offset: -2px;\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n width: 3rem;\n min-width: 3rem;\n max-width: 3rem;\n height: 3rem;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n background: 0 0;\n cursor: pointer;\n transition:\n outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--inline-notification__close-button:focus {\n outline: 2px solid var(--cds-focus-inverse, #ffffff);\n outline-offset: -2px;\n }\n .cds--inline-notification__close-button\n .cds--inline-notification__close-icon {\n fill: var(--cds-icon-inverse, #ffffff);\n }\n @media (min-width: 42rem) {\n .cds--inline-notification__action-button.cds--btn--ghost {\n margin: 0.5rem 0;\n }\n .cds--inline-notification__close-button {\n position: static;\n }\n }\n .cds--inline-notification--low-contrast\n .cds--inline-notification__close-button:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--inline-notification--low-contrast\n .cds--inline-notification__close-button\n .cds--inline-notification__close-icon {\n fill: var(--cds-icon-primary, #161616);\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--inline-notification {\n outline: transparent solid 1px;\n }\n .cds--btn.cds--btn--ghost.cds--inline-notification__action-button:focus,\n .cds--inline-notification__close-button:focus {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--inline-notification .cds--inline-notification__icon {\n fill: ButtonText;\n }\n }\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--ghost,\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n a,\n .cds--toast-notification:not(.cds--toast-notification--low-contrast) a {\n color: var(--cds-link-inverse, #78a9ff);\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--inline-notification .cds--inline-notification__close-icon {\n fill: ButtonText;\n }\n }\n .cds--toast-notification {\n display: flex;\n width: 18rem;\n height: auto;\n padding-left: 0.8125rem;\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);\n color: var(--cds-text-inverse, #fff);\n }\n .cds--toast-notification--low-contrast,\n .cds--toast-notification--low-contrast .cds--toast-notification__caption,\n .cds--toast-notification--low-contrast .cds--toast-notification__subtitle {\n color: var(--cds-text-primary, #161616);\n }\n .cds--toast-notification body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--toast-notification code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--toast-notification strong {\n font-weight: 600;\n }\n @media (min-width: 99rem) {\n .cds--toast-notification {\n width: 22rem;\n }\n }\n .cds--toast-notification.cds--toast-notification--low-contrast a:focus {\n outline: 1px solid var(--cds-focus, #0f62fe);\n }\n @media screen and (prefers-contrast) {\n .cds--inline-notification--low-contrast\n .cds--inline-notification__close-button:focus,\n .cds--toast-notification.cds--toast-notification--low-contrast a:focus {\n outline-style: dotted;\n }\n }\n .cds--toast-notification--error {\n border-left: 3px solid var(--cds-support-error-inverse, #fa4d56);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--toast-notification--error .cds--actionable-notification__icon,\n .cds--toast-notification--error .cds--inline-notification__icon,\n .cds--toast-notification--error .cds--toast-notification__icon {\n fill: var(--cds-support-error-inverse, #fa4d56);\n }\n .cds--toast-notification--low-contrast.cds--toast-notification--error {\n border-left: 3px solid var(--cds-support-error, #da1e28);\n background: var(--cds-notification-background-error, #fff1f1);\n }\n .cds--toast-notification--low-contrast.cds--toast-notification--error\n .cds--actionable-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--error\n .cds--inline-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--error\n .cds--toast-notification__icon {\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--toast-notification--success {\n border-left: 3px solid var(--cds-support-success-inverse, #42be65);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--toast-notification--success .cds--actionable-notification__icon,\n .cds--toast-notification--success .cds--inline-notification__icon,\n .cds--toast-notification--success .cds--toast-notification__icon {\n fill: var(--cds-support-success-inverse, #42be65);\n }\n .cds--toast-notification--low-contrast.cds--toast-notification--success {\n border-left: 3px solid var(--cds-support-success, #24a148);\n background: var(--cds-notification-background-success, #defbe6);\n }\n .cds--toast-notification--low-contrast.cds--toast-notification--success\n .cds--actionable-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--success\n .cds--inline-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--success\n .cds--toast-notification__icon {\n fill: var(--cds-support-success, #24a148);\n }\n .cds--toast-notification--info,\n .cds--toast-notification--info-square {\n border-left: 3px solid var(--cds-support-info-inverse, #4589ff);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--toast-notification--info .cds--actionable-notification__icon,\n .cds--toast-notification--info .cds--inline-notification__icon,\n .cds--toast-notification--info .cds--toast-notification__icon,\n .cds--toast-notification--info-square .cds--actionable-notification__icon,\n .cds--toast-notification--info-square .cds--inline-notification__icon,\n .cds--toast-notification--info-square .cds--toast-notification__icon {\n fill: var(--cds-support-info-inverse, #4589ff);\n }\n .cds--toast-notification--low-contrast.cds--toast-notification--info,\n .cds--toast-notification--low-contrast.cds--toast-notification--info-square {\n border-left: 3px solid var(--cds-support-info, #0043ce);\n background: var(--cds-notification-background-info, #edf5ff);\n }\n .cds--toast-notification--low-contrast.cds--toast-notification--info\n .cds--actionable-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--info\n .cds--inline-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--info\n .cds--toast-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--info-square\n .cds--actionable-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--info-square\n .cds--inline-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--info-square\n .cds--toast-notification__icon {\n fill: var(--cds-support-info, #0043ce);\n }\n .cds--toast-notification--warning,\n .cds--toast-notification--warning-alt {\n border-left: 3px solid var(--cds-support-warning-inverse, #f1c21b);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--toast-notification--warning .cds--actionable-notification__icon,\n .cds--toast-notification--warning .cds--inline-notification__icon,\n .cds--toast-notification--warning .cds--toast-notification__icon,\n .cds--toast-notification--warning-alt .cds--actionable-notification__icon,\n .cds--toast-notification--warning-alt .cds--inline-notification__icon,\n .cds--toast-notification--warning-alt .cds--toast-notification__icon {\n fill: var(--cds-support-warning-inverse, #f1c21b);\n }\n .cds--toast-notification--low-contrast.cds--toast-notification--warning,\n .cds--toast-notification--low-contrast.cds--toast-notification--warning-alt {\n border-left: 3px solid var(--cds-support-warning, #f1c21b);\n background: var(--cds-notification-background-warning, #fdf6dd);\n }\n .cds--toast-notification--low-contrast.cds--toast-notification--warning\n .cds--actionable-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--warning\n .cds--inline-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--warning\n .cds--toast-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--warning-alt\n .cds--actionable-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--warning-alt\n .cds--inline-notification__icon,\n .cds--toast-notification--low-contrast.cds--toast-notification--warning-alt\n .cds--toast-notification__icon {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--toast-notification__icon {\n flex-shrink: 0;\n margin-top: 1rem;\n margin-right: 1rem;\n }\n .cds--toast-notification__details {\n margin-right: 1rem;\n }\n .cds--toast-notification__close-button {\n outline: transparent solid 2px;\n outline-offset: -2px;\n display: flex;\n width: 3rem;\n min-width: 3rem;\n height: 3rem;\n min-height: 3rem;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n margin-left: auto;\n background-color: transparent;\n cursor: pointer;\n transition:\n outline 250ms,\n background-color 250ms;\n }\n .cds--toast-notification__close-button:focus {\n outline: 2px solid var(--cds-focus-inverse, #ffffff);\n outline-offset: -2px;\n }\n .cds--toast-notification__close-button .cds--toast-notification__close-icon {\n fill: var(--cds-icon-inverse, #ffffff);\n }\n .cds--toast-notification--low-contrast\n .cds--toast-notification__close-button:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--toast-notification--low-contrast\n .cds--toast-notification__close-button\n .cds--toast-notification__close-icon {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--toast-notification__title {\n font-size: var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-compact-01-font-weight, 600);\n line-height: var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);\n margin-top: 1rem;\n font-weight: 600;\n word-break: break-word;\n }\n .cds--actionable-notification__content,\n .cds--toast-notification__caption,\n .cds--toast-notification__subtitle {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n }\n .cds--toast-notification__subtitle {\n margin-top: 0;\n margin-bottom: 1rem;\n color: var(--cds-text-inverse, #fff);\n word-break: break-word;\n }\n .cds--toast-notification__caption {\n padding-top: 0.5rem;\n margin-bottom: 1rem;\n color: var(--cds-text-inverse, #fff);\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--toast-notification {\n outline: transparent solid 1px;\n }\n .cds--toast-notification__close-button:focus {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--toast-notification .cds--toast-notification__close-icon,\n .cds--toast-notification .cds--toast-notification__icon {\n fill: ButtonText;\n }\n }\n .cds--actionable-notification {\n position: relative;\n display: flex;\n width: 100%;\n min-width: 18rem;\n max-width: 18rem;\n height: auto;\n min-height: 3rem;\n flex-wrap: wrap;\n color: var(--cds-text-inverse, #fff);\n }\n .cds--actionable-notification--low-contrast,\n .cds--actionable-notification--low-contrast\n .cds--actionable-notification__subtitle {\n color: var(--cds-text-primary, #161616);\n }\n .cds--actionable-notification body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--actionable-notification code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--actionable-notification strong {\n font-weight: 600;\n }\n @media (min-width: 42rem) {\n .cds--actionable-notification {\n max-width: 38rem;\n flex-wrap: nowrap;\n }\n .cds--actionable-notification:not(.cds--actionable-notification--toast)\n .cds--actionable-notification__details {\n margin: 0 0.8125rem;\n }\n }\n @media (min-width: 66rem) {\n .cds--actionable-notification {\n max-width: 46rem;\n }\n }\n @media (min-width: 99rem) {\n .cds--actionable-notification {\n max-width: 52rem;\n }\n }\n .cds--actionable-notification--toast {\n min-width: 18rem;\n max-width: 18rem;\n flex-wrap: wrap;\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);\n }\n .cds--actionable-notification a:focus {\n outline: 1px solid var(--cds-focus-inverse, #ffffff);\n }\n .cds--actionable-notification.cds--actionable-notification--low-contrast\n a:focus {\n outline: 1px solid var(--cds-focus, #0f62fe);\n }\n @media screen and (prefers-contrast) {\n .cds--actionable-notification.cds--actionable-notification--low-contrast\n a:focus,\n .cds--toast-notification--low-contrast\n .cds--toast-notification__close-button:focus {\n outline-style: dotted;\n }\n }\n .cds--actionable-notification--low-contrast:not(\n .cds--actionable-notification--toast\n )::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n border-width: 1px 1px 1px 0;\n border-style: solid;\n content: '';\n filter: opacity(0.4);\n pointer-events: none;\n }\n .cds--actionable-notification--error {\n border-left: 3px solid var(--cds-support-error-inverse, #fa4d56);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--actionable-notification--error .cds--actionable-notification__icon,\n .cds--actionable-notification--error .cds--inline-notification__icon,\n .cds--actionable-notification--error .cds--toast-notification__icon {\n fill: var(--cds-support-error-inverse, #fa4d56);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--error {\n border-left: 3px solid var(--cds-support-error, #da1e28);\n background: var(--cds-notification-background-error, #fff1f1);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--error\n .cds--actionable-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--error\n .cds--inline-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--error\n .cds--toast-notification__icon {\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--error::before {\n border-color: var(--cds-support-error, #da1e28);\n }\n .cds--actionable-notification--success {\n border-left: 3px solid var(--cds-support-success-inverse, #42be65);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--actionable-notification--success .cds--actionable-notification__icon,\n .cds--actionable-notification--success .cds--inline-notification__icon,\n .cds--actionable-notification--success .cds--toast-notification__icon {\n fill: var(--cds-support-success-inverse, #42be65);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--success {\n border-left: 3px solid var(--cds-support-success, #24a148);\n background: var(--cds-notification-background-success, #defbe6);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--success\n .cds--actionable-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--success\n .cds--inline-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--success\n .cds--toast-notification__icon {\n fill: var(--cds-support-success, #24a148);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--success::before {\n border-color: var(--cds-support-success, #24a148);\n }\n .cds--actionable-notification--info,\n .cds--actionable-notification--info-square {\n border-left: 3px solid var(--cds-support-info-inverse, #4589ff);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--actionable-notification--info .cds--actionable-notification__icon,\n .cds--actionable-notification--info .cds--inline-notification__icon,\n .cds--actionable-notification--info .cds--toast-notification__icon,\n .cds--actionable-notification--info-square\n .cds--actionable-notification__icon,\n .cds--actionable-notification--info-square .cds--inline-notification__icon,\n .cds--actionable-notification--info-square .cds--toast-notification__icon {\n fill: var(--cds-support-info-inverse, #4589ff);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--info,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--info-square {\n border-left: 3px solid var(--cds-support-info, #0043ce);\n background: var(--cds-notification-background-info, #edf5ff);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--info\n .cds--actionable-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--info\n .cds--inline-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--info\n .cds--toast-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--info-square\n .cds--actionable-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--info-square\n .cds--inline-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--info-square\n .cds--toast-notification__icon {\n fill: var(--cds-support-info, #0043ce);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--info-square::before,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--info::before {\n border-color: var(--cds-support-info, #0043ce);\n }\n .cds--actionable-notification--warning,\n .cds--actionable-notification--warning-alt {\n border-left: 3px solid var(--cds-support-warning-inverse, #f1c21b);\n background: var(--cds-background-inverse, #393939);\n }\n .cds--actionable-notification--warning .cds--actionable-notification__icon,\n .cds--actionable-notification--warning .cds--inline-notification__icon,\n .cds--actionable-notification--warning .cds--toast-notification__icon,\n .cds--actionable-notification--warning-alt\n .cds--actionable-notification__icon,\n .cds--actionable-notification--warning-alt .cds--inline-notification__icon,\n .cds--actionable-notification--warning-alt .cds--toast-notification__icon {\n fill: var(--cds-support-warning-inverse, #f1c21b);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--warning,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt {\n border-left: 3px solid var(--cds-support-warning, #f1c21b);\n background: var(--cds-notification-background-warning, #fdf6dd);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--warning\n .cds--actionable-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--warning\n .cds--inline-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--warning\n .cds--toast-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt\n .cds--actionable-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt\n .cds--inline-notification__icon,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt\n .cds--toast-notification__icon {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt::before,\n .cds--actionable-notification--low-contrast.cds--actionable-notification--warning::before {\n border-color: var(--cds-support-warning, #f1c21b);\n }\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary\n .cds--btn__icon,\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary\n .cds--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .cds--overflow-menu-options__option--danger\n .cds--overflow-menu-options__btn:focus\n svg,\n .cds--overflow-menu-options__option--danger\n .cds--overflow-menu-options__btn:hover\n svg {\n fill: currentColor;\n }\n .cds--actionable-notification__details {\n display: flex;\n flex-grow: 1;\n margin: 0 3rem 0 0.8125rem;\n }\n .cds--actionable-notification--hide-close-button\n .cds--actionable-notification__action-button.cds--btn--ghost,\n .cds--actionable-notification--hide-close-button\n .cds--actionable-notification__action-button.cds--btn--tertiary {\n margin-right: 0.5rem;\n }\n .cds--actionable-notification .cds--inline-notification__icon {\n flex-shrink: 0;\n margin-top: 0.875rem;\n margin-right: 1rem;\n }\n .cds--actionable-notification .cds--toast-notification__icon {\n flex-shrink: 0;\n margin-top: 1rem;\n margin-right: 1rem;\n }\n .cds--actionable-notification__text-wrapper {\n display: flex;\n flex-wrap: wrap;\n padding: 0.9375rem 0;\n }\n .cds--actionable-notification--toast\n .cds--actionable-notification__text-wrapper {\n padding: 0.9375rem 0 1.4375rem;\n }\n .cds--actionable-notification__content {\n display: flex;\n flex-wrap: wrap;\n word-break: break-word;\n }\n .cds--actionable-notification--toast .cds--actionable-notification__content {\n display: block;\n }\n .cds--actionable-notification__title {\n font-size: var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-compact-01-font-weight, 600);\n line-height: var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);\n margin-right: 0.25rem;\n font-weight: 600;\n word-break: break-word;\n }\n .cds--actionable-notification__subtitle,\n .cds--overflow-menu-options__btn {\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n }\n .cds--actionable-notification--toast .cds--actionable-notification__title {\n margin-right: 0;\n }\n .cds--actionable-notification__subtitle {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n margin-top: 0;\n color: var(--cds-text-inverse, #fff);\n word-break: break-word;\n }\n .cds--overflow-menu html,\n .cds--overflow-menu-options html,\n .cds--overflow-menu-options__option html,\n .cds--overflow-menu__trigger html {\n font-size: 100%;\n }\n .cds--overflow-menu-options__btn,\n .cds--unstable-pagination__text,\n span.cds--pagination__text.cds--pagination__items-count {\n color: var(--cds-text-secondary, #525252);\n }\n .cds--actionable-notification__action-button.cds--btn--ghost {\n height: 2rem;\n margin-bottom: 0.5rem;\n margin-left: 2.5rem;\n }\n @media (min-width: 42rem) {\n .cds--actionable-notification__action-button.cds--btn--ghost {\n margin: 0.5rem 0;\n }\n }\n .cds--actionable-notification__action-button.cds--btn--ghost:focus {\n border-color: transparent;\n box-shadow: none;\n outline: 2px solid var(--cds-focus-inverse, #ffffff);\n outline-offset: -2px;\n }\n .cds--actionable-notification--low-contrast\n .cds--actionable-notification__action-button.cds--btn--ghost:focus {\n outline-color: var(--cds-focus, #0f62fe);\n }\n .cds--actionable-notification__action-button.cds--btn--tertiary {\n padding: 0 1rem;\n margin-bottom: 1rem;\n margin-left: calc(2rem + 1.25rem - 0.125rem);\n }\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary {\n border-width: 1px;\n border-style: solid;\n border-color: var(--cds-notification-action-tertiary-inverse, #fff);\n background-color: transparent;\n color: var(--cds-notification-action-tertiary-inverse, #fff);\n }\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary:hover {\n background-color: var(\n --cds-notification-action-tertiary-inverse-hover,\n #f4f4f4\n );\n color: var(--cds-notification-action-tertiary-inverse-text, #161616);\n }\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary:active {\n background-color: var(\n --cds-notification-action-tertiary-inverse-active,\n #c6c6c6\n );\n }\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary:focus {\n border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:\n inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),\n inset 0 0 0 2px var(--cds-background, #fff);\n border-color: var(--cds-focus-inverse, #fff);\n background-color: var(--cds-notification-action-tertiary-inverse, #fff);\n box-shadow:\n inset 0 0 0 1px var(--cds-focus-inverse, #fff),\n inset 0 0 0 2px var(--cds-background-inverse, #393939);\n color: var(--cds-notification-action-tertiary-inverse-text, #161616);\n }\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary:active {\n border-color: transparent;\n background-color: var(\n --cds-notification-action-tertiary-inverse-active,\n #c6c6c6\n );\n color: var(--cds-notification-action-tertiary-inverse-text, #161616);\n }\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary.cds--btn--disabled,\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary.cds--btn--disabled:focus,\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary.cds--btn--disabled:hover,\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary:disabled,\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary:focus:disabled,\n .cds--actionable-notification:not(.cds--actionable-notification--low-contrast)\n .cds--actionable-notification__action-button.cds--btn--tertiary:hover:disabled {\n background: 0 0;\n color: var(\n --cds-notification-action-tertiary-inverse-text-on-color-disabled,\n rgba(255, 255, 255, 0.25)\n );\n outline: 0;\n }\n .cds--actionable-notification__close-button {\n outline: transparent solid 2px;\n outline-offset: -2px;\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n width: 3rem;\n min-width: 3rem;\n max-width: 3rem;\n height: 3rem;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n background: 0 0;\n cursor: pointer;\n transition:\n outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--actionable-notification__close-button:focus {\n outline: 2px solid var(--cds-focus-inverse, #ffffff);\n outline-offset: -2px;\n }\n .cds--actionable-notification__close-button\n .cds--actionable-notification__close-icon {\n fill: var(--cds-icon-inverse, #ffffff);\n }\n @media (min-width: 42rem) {\n .cds--actionable-notification__close-button {\n position: static;\n }\n .cds--actionable-notification--toast\n .cds--actionable-notification__close-button {\n position: absolute;\n }\n }\n .cds--actionable-notification--low-contrast\n .cds--actionable-notification__close-button:focus,\n .cds--overflow-menu:focus,\n .cds--overflow-menu__trigger:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--actionable-notification--low-contrast\n .cds--actionable-notification__close-button\n .cds--actionable-notification__close-icon {\n fill: var(--cds-icon-primary, #161616);\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--actionable-notification {\n outline: transparent solid 1px;\n }\n .cds--actionable-notification__close-button:focus,\n .cds--btn.cds--btn--ghost.cds--actionable-notification__action-button:focus {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--actionable-notification .cds--actionable-notification__close-icon,\n .cds--actionable-notification .cds--inline-notification__icon,\n .cds--actionable-notification .cds--toast-notification__icon {\n fill: ButtonText;\n }\n }\n .cds--overflow-menu-options__btn:hover,\n span.cds--pagination__text {\n color: var(--cds-text-primary, #161616);\n }\n .cds--overflow-menu-options__btn:hover svg,\n .cds--overflow-menu__icon {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--overflow-menu,\n .cds--overflow-menu__trigger {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n display: inline-block;\n appearance: none;\n background: 0 0;\n text-align: start;\n outline: transparent solid 2px;\n outline-offset: -2px;\n position: relative;\n display: flex;\n width: 2.5rem;\n height: 2.5rem;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition:\n outline 110ms cubic-bezier(0, 0, 0.38, 0.9),\n background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);\n }\n .cds--overflow-menu *,\n .cds--overflow-menu ::after,\n .cds--overflow-menu ::before,\n .cds--overflow-menu__trigger *,\n .cds--overflow-menu__trigger ::after,\n .cds--overflow-menu__trigger ::before {\n box-sizing: inherit;\n }\n .cds--overflow-menu::-moz-focus-inner,\n .cds--overflow-menu__trigger::-moz-focus-inner {\n border: 0;\n }\n .cds--overflow-menu body,\n .cds--overflow-menu__trigger body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--overflow-menu code,\n .cds--overflow-menu__trigger code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--overflow-menu strong,\n .cds--overflow-menu__trigger strong {\n font-weight: 600;\n }\n .cds--overflow-menu:hover,\n .cds--overflow-menu__trigger:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--overflow-menu--light.cds--overflow-menu--open,\n .cds--overflow-menu--light.cds--overflow-menu--open\n .cds--overflow-menu__trigger,\n .cds--overflow-menu-options,\n .cds--overflow-menu-options--light,\n .cds--overflow-menu-options--light::after,\n .cds--overflow-menu-options::after,\n .cds--overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover,\n .cds--overflow-menu.cds--overflow-menu--open:hover {\n background-color: var(--cds-layer);\n }\n .cds--overflow-menu--sm {\n width: 2rem;\n height: 2rem;\n }\n .cds--overflow-menu--lg {\n width: 3rem;\n height: 3rem;\n }\n .cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--actionable-notification--low-contrast\n .cds--actionable-notification__close-button:focus,\n .cds--overflow-menu:focus,\n .cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus,\n .cds--overflow-menu__trigger:focus {\n outline-style: dotted;\n }\n }\n .cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus\n svg {\n outline: 0;\n }\n .cds--overflow-menu.cds--overflow-menu--open,\n .cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger {\n box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n background-color: var(--cds-layer);\n transition: none;\n }\n .cds--overflow-menu__icon {\n width: 1rem;\n height: 1rem;\n }\n .cds--overflow-menu__wrapper {\n line-height: 0;\n }\n .cds--overflow-menu-options {\n box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n position: absolute;\n z-index: 6000;\n top: 32px;\n left: 0;\n display: none;\n width: 10rem;\n flex-direction: column;\n align-items: flex-start;\n list-style: none;\n }\n .cds--overflow-menu-options body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--overflow-menu-options code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--overflow-menu-options strong {\n font-weight: 600;\n }\n .cds--overflow-menu-options::after {\n position: absolute;\n display: block;\n content: '';\n transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);\n }\n @media screen and (prefers-reduced-motion: reduce) {\n .cds--overflow-menu-options::after {\n transition: none;\n }\n }\n .cds--overflow-menu-options[data-floating-menu-direction='bottom']:not(\n .cds--breadcrumb-menu-options\n )::after {\n top: -0.1875rem;\n left: 0;\n width: 2.5rem;\n height: 0.1875rem;\n }\n .cds--overflow-menu-options--sm .cds--overflow-menu-options__option,\n .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction='left']::after,\n .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction='right']::after {\n height: 2rem;\n }\n .cds--overflow-menu-options[data-floating-menu-direction='top']::after {\n bottom: -0.5rem;\n left: 0;\n width: 2.5rem;\n height: 0.5rem;\n }\n .cds--overflow-menu-options[data-floating-menu-direction='left']::after {\n top: 0;\n right: -0.375rem;\n width: 0.375rem;\n height: 2.5rem;\n }\n .cds--overflow-menu-options[data-floating-menu-direction='right']::after {\n top: 0;\n left: -0.375rem;\n width: 0.375rem;\n height: 2.5rem;\n }\n .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction='bottom']::after,\n .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction='top']::after {\n width: 2rem;\n }\n .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction='bottom']::after,\n .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction='top']::after {\n width: 3rem;\n }\n .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction='left']::after,\n .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction='right']::after {\n height: 3rem;\n }\n .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction='bottom']::after,\n .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction='top']::after {\n right: 0;\n left: auto;\n }\n .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction='left']::after,\n .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction='right']::after {\n top: auto;\n bottom: 0;\n }\n .cds--overflow-menu-options--open {\n display: flex;\n }\n .cds--overflow-menu-options__content {\n width: 100%;\n }\n .cds--overflow-menu-options__option {\n display: flex;\n width: 100%;\n height: 2.5rem;\n align-items: center;\n padding: 0;\n background-color: transparent;\n transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);\n }\n .cds--overflow-menu-options__option body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--overflow-menu-options__option code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--overflow-menu-options__option strong {\n font-weight: 600;\n }\n .cds--overflow-menu-options--lg .cds--overflow-menu-options__option {\n height: 3rem;\n }\n .cds--overflow-menu--divider,\n .cds--overflow-menu--light .cds--overflow-menu--divider {\n border-top: 1px solid var(--cds-border-subtle);\n }\n a.cds--overflow-menu-options__btn::before {\n display: inline-block;\n height: 100%;\n content: '';\n vertical-align: middle;\n }\n .cds--overflow-menu-options__btn {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n outline: transparent solid 2px;\n outline-offset: -2px;\n display: inline-flex;\n width: 100%;\n max-width: 11.25rem;\n height: 100%;\n align-items: center;\n padding: 0 1rem;\n border: none;\n background-color: transparent;\n cursor: pointer;\n font-family: inherit;\n font-weight: 400;\n text-align: left;\n transition:\n outline 110ms cubic-bezier(0, 0, 0.38, 0.9),\n background-color 110ms cubic-bezier(0, 0, 0.38, 0.9),\n color 110ms cubic-bezier(0, 0, 0.38, 0.9);\n }\n .cds--pagination,\n .cds--pagination .cds--select-input,\n .cds--unstable-pagination {\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n }\n .cds--btn--ghost.cds--pagination__button,\n .cds--pagination__button,\n .cds--unstable-pagination__button {\n transition:\n outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--overflow-menu-options__btn:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--overflow-menu-options__btn:focus {\n outline-style: dotted;\n }\n }\n .cds--overflow-menu-options__btn::-moz-focus-inner {\n border: none;\n }\n .cds--overflow-menu-options__btn svg {\n fill: var(--cds-icon-secondary, #525252);\n }\n .cds--overflow-menu-options__option-content {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .cds--overflow-menu-options__option:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--overflow-menu-options__option--danger\n .cds--overflow-menu-options__btn:focus,\n .cds--overflow-menu-options__option--danger\n .cds--overflow-menu-options__btn:hover {\n background-color: var(--cds-button-danger-primary, #da1e28);\n color: var(--cds-text-on-color, #fff);\n }\n .cds--overflow-menu-options__option--disabled:hover {\n background-color: var(--cds-layer);\n cursor: not-allowed;\n }\n .cds--overflow-menu-options__option--disabled\n .cds--overflow-menu-options__btn {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--overflow-menu-options__option--disabled\n .cds--overflow-menu-options__btn:active,\n .cds--overflow-menu-options__option--disabled\n .cds--overflow-menu-options__btn:focus,\n .cds--overflow-menu-options__option--disabled\n .cds--overflow-menu-options__btn:hover {\n outline: transparent solid 2px;\n outline-offset: -2px;\n background-color: var(--cds-layer);\n }\n .cds--overflow-menu-options__option--disabled\n .cds--overflow-menu-options__btn\n svg {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--overflow-menu--flip {\n left: -140px;\n }\n .cds--overflow-menu--flip::before {\n left: 145px;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--overflow-menu-options__btn:focus,\n .cds--overflow-menu:focus {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--overflow-menu svg {\n fill: ButtonText;\n }\n }\n .cds--data-table-container + .cds--pagination {\n border-top: 0;\n }\n .cds--pagination {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n display: flex;\n width: calc(100% - 1px);\n min-height: 2.5rem;\n align-items: center;\n justify-content: space-between;\n border-top: 1px solid var(--cds-border-subtle);\n background-color: var(--cds-layer);\n overflow-x: auto;\n }\n .cds--pagination *,\n .cds--pagination ::after,\n .cds--pagination ::before {\n box-sizing: inherit;\n }\n @media (min-width: 42rem) {\n .cds--pagination {\n overflow: initial;\n }\n .cds--pagination .cds--pagination__control-buttons {\n display: flex;\n }\n }\n @media (max-width: 41.98rem) {\n .cds--pagination .cds--pagination__left > *,\n .cds--pagination .cds--pagination__right > * {\n display: none;\n }\n .cds--pagination .cds--pagination__items-count {\n display: initial;\n }\n .cds--pagination .cds--pagination__control-buttons {\n display: flex;\n }\n }\n .cds--pagination--sm {\n min-height: 2rem;\n }\n .cds--pagination--lg {\n min-height: 3rem;\n }\n .cds--pagination .cds--select {\n height: 100%;\n align-items: center;\n }\n .cds--pagination .cds--select-input--inline__wrapper {\n display: flex;\n height: 100%;\n }\n .cds--pagination .cds--select-input {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n width: auto;\n min-width: auto;\n height: 100%;\n line-height: 2.5rem;\n }\n .cds--pagination .cds--select--inline .cds--select-input {\n padding: 0 2.25rem 0 1rem;\n }\n .cds--pagination--sm .cds--select-input {\n line-height: 2rem;\n }\n .cds--pagination--lg .cds--select-input {\n line-height: 3rem;\n }\n .cds--pagination .cds--select-input:hover {\n background: var(--cds-layer-hover);\n }\n .cds--pagination .cds--select--inline .cds--select-input:focus,\n .cds--pagination .cds--select--inline .cds--select-input:focus optgroup,\n .cds--pagination .cds--select--inline .cds--select-input:focus option {\n background-color: var(--cds-layer);\n }\n .cds--pagination .cds--select__arrow {\n top: 50%;\n transform: translate(-0.5rem, -50%);\n }\n .cds--pagination .cds--select__item-count .cds--select-input {\n border-right: 1px solid var(--cds-border-subtle);\n }\n .cds--pagination__right {\n border-left: 1px solid var(--cds-border-subtle);\n }\n .cds--pagination__left,\n .cds--pagination__right {\n display: flex;\n height: 100%;\n align-items: center;\n }\n .cds--pagination__left > .cds--form-item,\n .cds--pagination__right > .cds--form-item {\n height: 100%;\n }\n .cds--pagination__left .cds--pagination__text,\n .cds--pagination__right .cds--pagination__text {\n white-space: nowrap;\n }\n .cds--pagination__left .cds--pagination__text {\n margin-right: 0.0625rem;\n }\n .cds--pagination__right .cds--pagination__text {\n margin-right: 1rem;\n margin-left: 0.0625rem;\n }\n .cds--pagination__right .cds--pagination__text.cds--pagination__page-text {\n margin-right: 0.0625rem;\n margin-left: 1rem;\n }\n .cds--pagination__right .cds--pagination__text:empty {\n margin: 0;\n }\n .cds--pagination__left {\n padding: 0 1rem 0 0;\n }\n @media (min-width: 42rem) {\n .cds--pagination__left {\n padding: 0 1rem;\n }\n .cds--pagination__text {\n display: inline-block;\n }\n }\n span.cds--pagination__text {\n margin-left: 1rem;\n }\n .cds--btn--ghost.cds--pagination__button,\n .cds--pagination__button {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n display: flex;\n width: 2.5rem;\n height: 2.5rem;\n min-height: 2rem;\n align-items: center;\n justify-content: center;\n border: none;\n border-left: 1px solid var(--cds-border-subtle);\n background: 0 0;\n cursor: pointer;\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--btn--ghost.cds--pagination__button *,\n .cds--btn--ghost.cds--pagination__button ::after,\n .cds--btn--ghost.cds--pagination__button ::before,\n .cds--pagination__button *,\n .cds--pagination__button ::after,\n .cds--pagination__button ::before {\n box-sizing: inherit;\n }\n .cds--pagination--sm .cds--btn--ghost.cds--pagination__button,\n .cds--pagination--sm .cds--pagination__button {\n width: 2rem;\n height: 2rem;\n }\n .cds--pagination--lg .cds--btn--ghost.cds--pagination__button,\n .cds--pagination--lg .cds--pagination__button {\n width: 3rem;\n height: 3rem;\n }\n .cds--btn--ghost:focus.cds--pagination__button,\n .cds--pagination__button:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n border-left: 0;\n }\n @media screen and (prefers-contrast) {\n .cds--btn--ghost:focus.cds--pagination__button,\n .cds--pagination__button:focus {\n outline-style: dotted;\n }\n }\n .cds--btn--ghost:hover.cds--pagination__button,\n .cds--pagination__button:hover {\n background: var(--cds-layer-hover);\n }\n .cds--btn--ghost.cds--pagination__button--no-index,\n .cds--pagination__button--no-index {\n cursor: not-allowed;\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--popover--tab-tip__button svg,\n .cds--unstable-pagination__button {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--btn--ghost:disabled:hover.cds--pagination__button,\n .cds--btn--ghost:hover.cds--pagination__button--no-index,\n .cds--pagination__button--no-index:hover,\n .cds--pagination__button:disabled:hover {\n border-color: var(--cds-border-subtle);\n background: var(--cds-layer);\n cursor: not-allowed;\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--pagination.cds--skeleton .cds--skeleton__text {\n margin-right: 1rem;\n margin-bottom: 0;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--btn--ghost.cds--pagination__button,\n .cds--pagination__button {\n outline: transparent solid 1px;\n }\n }\n .cds--unstable-pagination {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n display: flex;\n width: 100%;\n min-height: 2.5rem;\n align-items: center;\n justify-content: space-between;\n border-top: 1px solid var(--cds-border-subtle);\n border-bottom: 1px solid transparent;\n background-color: var(--cds-layer);\n }\n .cds--unstable-pagination *,\n .cds--unstable-pagination ::after,\n .cds--unstable-pagination ::before {\n box-sizing: inherit;\n }\n .cds--unstable-pagination__text {\n margin: 0 1rem;\n }\n .cds--pagination-nav__page,\n .cds--unstable-pagination__button {\n border: 0;\n margin: 0;\n font-family: inherit;\n vertical-align: baseline;\n }\n @media (min-width: 42rem) {\n .cds--unstable-pagination__text {\n display: inline-block;\n }\n .cds--unstable-pagination__page-selector .cds--select__arrow,\n .cds--unstable-pagination__page-sizer .cds--select__arrow {\n right: 1rem;\n }\n }\n .cds--unstable-pagination__left,\n .cds--unstable-pagination__right {\n display: flex;\n height: 100%;\n align-items: center;\n }\n .cds--unstable-pagination__left {\n padding: 0 1rem 0 0;\n }\n .cds--unstable-pagination__left > .cds--form-item,\n .cds--unstable-pagination__right > .cds--form-item {\n height: 100%;\n }\n .cds--unstable-pagination__left .cds--unstable-pagination__text {\n margin-right: 0.0625rem;\n }\n .cds--unstable-pagination__right .cds--unstable-pagination__text {\n margin-right: 1rem;\n margin-left: 0.0625rem;\n }\n .cds--unstable-pagination__button {\n box-sizing: border-box;\n padding: 0;\n font-size: 100%;\n display: flex;\n width: 2.5rem;\n height: 2.5rem;\n min-height: 2rem;\n align-items: center;\n justify-content: center;\n border: none;\n border-left: 1px solid var(--cds-border-subtle);\n background: 0 0;\n color: var(--cds-icon-primary, #161616);\n cursor: pointer;\n }\n .cds--pagination-nav,\n .cds--pagination-nav__page {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n }\n .cds--unstable-pagination__button *,\n .cds--unstable-pagination__button ::after,\n .cds--unstable-pagination__button ::before {\n box-sizing: inherit;\n }\n .cds--unstable-pagination__button .cds--btn__icon {\n width: initial;\n height: initial;\n }\n .cds--unstable-pagination__button.cds--btn--icon-only.cds--tooltip__trigger:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--unstable-pagination__button:hover {\n background: var(--cds-layer-hover);\n color: var(--cds-icon-primary, #161616);\n }\n .cds--unstable-pagination__button--no-index {\n cursor: not-allowed;\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--progress__warning > *,\n .cds--radio-button__invalid-icon {\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--unstable-pagination__button.cds--btn:disabled {\n border-color: var(--cds-border-subtle);\n background: 0 0;\n }\n .cds--unstable-pagination__button--no-index:hover,\n .cds--unstable-pagination__button:disabled:hover {\n background: 0 0;\n cursor: not-allowed;\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--unstable-pagination__page-selector,\n .cds--unstable-pagination__page-sizer {\n height: 100%;\n align-items: center;\n }\n .cds--unstable-pagination__page-selector .cds--select-input--inline__wrapper,\n .cds--unstable-pagination__page-sizer .cds--select-input--inline__wrapper {\n display: flex;\n height: 100%;\n }\n .cds--unstable-pagination__page-selector .cds--select-input,\n .cds--unstable-pagination__page-sizer .cds--select-input {\n font-size: var(--cds-body-short-01-font-size, 0.875rem);\n font-weight: var(--cds-body-short-01-font-weight, 400);\n line-height: var(--cds-body-short-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);\n width: auto;\n min-width: auto;\n height: 100%;\n padding: 0 2.25rem 0 1rem;\n line-height: 2.5rem;\n }\n .cds--unstable-pagination__page-selector .cds--select-input:hover,\n .cds--unstable-pagination__page-sizer .cds--select-input:hover {\n background: var(--cds-layer-hover);\n }\n .cds--unstable-pagination__page-selector .cds--select__arrow,\n .cds--unstable-pagination__page-sizer .cds--select__arrow {\n top: 50%;\n transform: translateY(-50%);\n }\n .cds--unstable-pagination__page-selector {\n border-left: 1px solid var(--cds-border-subtle);\n }\n .cds--unstable-pagination__page-sizer {\n border-right: 1px solid var(--cds-border-subtle);\n }\n .cds--pagination-nav {\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n line-height: 0;\n }\n .cds--pagination-nav html {\n font-size: 100%;\n }\n .cds--pagination-nav body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--pagination-nav code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--pagination-nav strong {\n font-weight: 600;\n }\n .cds--pagination-nav__list {\n display: flex;\n align-items: center;\n list-style: none;\n }\n .cds--pagination-nav__list-item {\n padding: 0;\n }\n .cds--pagination-nav__list-item:first-child {\n padding-left: 0;\n }\n .cds--pagination-nav__list-item:last-child {\n padding-right: 0;\n }\n .cds--pagination-nav__page {\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n box-sizing: border-box;\n padding: 1.0625rem 0.25rem;\n font-size: 100%;\n appearance: none;\n background: 0 0;\n cursor: pointer;\n position: relative;\n display: block;\n min-width: 3rem;\n border-radius: 0;\n color: var(--cds-text-primary, #161616);\n font-weight: 400;\n line-height: 1;\n outline: 0;\n text-align: center;\n transition:\n background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n user-select: none;\n }\n .cds--popover-caret,\n .cds--popover-content {\n z-index: 6000;\n background-color: var(--cds-popover-background-color, var(--cds-layer));\n }\n .cds--pagination-nav__page *,\n .cds--pagination-nav__page ::after,\n .cds--pagination-nav__page ::before {\n box-sizing: inherit;\n }\n .cds--pagination-nav__page::-moz-focus-inner {\n border: 0;\n }\n .cds--pagination-nav__page:hover {\n background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n color: var(--cds-text-primary, #161616);\n }\n .cds--pagination-nav__page:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--pagination-nav__page:focus,\n .cds--unstable-pagination__button.cds--btn--icon-only.cds--tooltip__trigger:focus {\n outline-style: dotted;\n }\n }\n .cds--pagination-nav__page.cds--pagination-nav__page--disabled,\n .cds--pagination-nav__page:disabled {\n background: 0 0;\n color: rgba(var(--cds-text-secondary, #525252), 0.5);\n outline: 0;\n pointer-events: none;\n }\n .cds--pagination-nav__page:not(.cds--pagination-nav__page--direction)::after {\n position: absolute;\n bottom: 0;\n left: 50%;\n display: block;\n width: 0;\n height: 0.25rem;\n background-color: var(--cds-border-interactive, #0f62fe);\n content: '';\n opacity: 0;\n transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n @media screen and (prefers-reduced-motion: reduce) {\n .cds--pagination-nav__page:not(\n .cds--pagination-nav__page--direction\n )::after {\n transition: none;\n }\n }\n .cds--pagination-nav__page--active + .cds--pagination-nav__page::after,\n .cds--pagination-nav__page.cds--pagination-nav__page--active::after {\n left: calc(50% - 0.5rem);\n width: 1rem;\n opacity: 1;\n }\n .cds--pagination-nav__page.cds--pagination-nav__page--active {\n background-color: initial;\n color: var(--cds-text-primary, #161616);\n font-weight: 600;\n }\n .cds--pagination-nav__page .cds--pagination-nav__icon {\n fill: currentColor;\n pointer-events: none;\n }\n .cds--pagination-nav__page--direction {\n display: flex;\n width: 3rem;\n height: 3rem;\n align-items: center;\n justify-content: center;\n line-height: 0;\n }\n .cds--pagination-nav__select {\n position: relative;\n }\n .cds--pagination-nav__page--select {\n max-height: 3rem;\n appearance: none;\n text-indent: calc(50% - 4.5px);\n }\n @-moz-document url-prefix() {\n .cds--pagination-nav__page--select {\n text-indent: 0;\n }\n }\n .cds--pagination-nav__select-icon-wrapper {\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n }\n .cds--pagination-nav__select-icon-wrapper:not(\n .cds--pagination-nav__page--direction\n )::after {\n position: absolute;\n bottom: 0;\n left: 50%;\n display: block;\n width: 0;\n height: 0.25rem;\n background-color: var(--cds-border-interactive, #0f62fe);\n content: '';\n opacity: 0;\n transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n @media screen and (prefers-reduced-motion: reduce) {\n .cds--pagination-nav__select-icon-wrapper:not(\n .cds--pagination-nav__page--direction\n )::after {\n transition: none;\n }\n }\n .cds--pagination-nav__page--active\n + .cds--pagination-nav__select-icon-wrapper::after,\n .cds--pagination-nav__select-icon-wrapper.cds--pagination-nav__page--active::after {\n left: calc(50% - 0.5rem);\n width: 1rem;\n opacity: 1;\n }\n .cds--pagination-nav__page--active\n + .cds--pagination-nav__select-icon-wrapper\n .cds--pagination-nav__select-icon {\n display: none;\n }\n .cds--popover--open .cds--popover-content,\n .cds--popover--open .cds--popover-content::before,\n .cds--popover--open.cds--popover--caret .cds--popover-caret {\n display: block;\n }\n .cds--pagination-nav__select-icon {\n position: absolute;\n top: calc(50% - 0.5rem);\n left: calc(50% - 0.5rem);\n pointer-events: none;\n }\n .cds--pagination-nav__accessibility-label {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n }\n .cds--popover-container {\n position: relative;\n display: inline-block;\n }\n .cds--popover--high-contrast .cds--popover {\n --cds-popover-background-color: var(--cds-background-inverse, #393939);\n --cds-popover-text-color: var(--cds-text-inverse, #ffffff);\n }\n .cds--popover--drop-shadow .cds--popover {\n --cds-popover-drop-shadow: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));\n }\n .cds--popover--caret {\n --cds-popover-offset: 0.625rem;\n }\n .cds--popover {\n position: absolute;\n z-index: 6000;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n filter: var(--cds-popover-drop-shadow, none);\n pointer-events: none;\n }\n .cds--popover-content {\n position: absolute;\n display: none;\n width: max-content;\n max-width: 23rem;\n border-radius: var(--cds-popover-border-radius, 2px);\n color: var(--cds-popover-text-color, var(--cds-text-primary, #161616));\n pointer-events: auto;\n }\n .cds--popover-content::before {\n position: absolute;\n display: none;\n content: '';\n }\n .cds--popover-caret {\n position: absolute;\n display: none;\n will-change: transform;\n }\n .cds--popover--bottom .cds--popover-content {\n bottom: 0;\n left: 50%;\n transform: translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));\n }\n .cds--popover--bottom-left .cds--popover-content {\n bottom: 0;\n left: 0;\n transform: translate(\n calc(-1 * var(--cds-popover-offset, 0rem)),\n calc(100% + var(--cds-popover-offset, 0rem))\n );\n }\n .cds--popover--bottom-right .cds--popover-content {\n right: 0;\n bottom: 0;\n transform: translate(\n var(--cds-popover-offset, 0),\n calc(100% + var(--cds-popover-offset, 0rem))\n );\n }\n .cds--popover--bottom .cds--popover-content::before,\n .cds--popover--bottom-left .cds--popover-content::before,\n .cds--popover--bottom-right .cds--popover-content::before {\n top: 0;\n right: 0;\n left: 0;\n height: var(--cds-popover-offset, 0);\n transform: translateY(-100%);\n }\n .cds--popover--bottom .cds--popover-caret,\n .cds--popover--bottom-left .cds--popover-caret,\n .cds--popover--bottom-right .cds--popover-caret {\n bottom: 0;\n left: 50%;\n width: var(--cds-popover-caret-width, 0.75rem);\n height: var(--cds-popover-caret-height, 0.375rem);\n clip-path: polygon(0% 100%, 50% 0%, 100% 100%);\n transform: translate(-50%, var(--cds-popover-offset, 0));\n }\n .cds--popover--top .cds--popover-content {\n top: 0;\n left: 50%;\n transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n }\n .cds--popover--top-left .cds--popover-content {\n top: 0;\n left: 0;\n transform: translate(\n calc(-1 * var(--cds-popover-offset, 0rem)),\n calc(-100% - var(--cds-popover-offset, 0rem))\n );\n }\n .cds--popover--top-right .cds--popover-content {\n top: 0;\n right: 0;\n transform: translate(\n var(--cds-popover-offset, 0),\n calc(-100% - var(--cds-popover-offset, 0rem))\n );\n }\n .cds--popover--top .cds--popover-content::before,\n .cds--popover--top-left .cds--popover-content::before,\n .cds--popover--top-right .cds--popover-content::before {\n right: 0;\n bottom: 0;\n left: 0;\n height: var(--cds-popover-offset, 0);\n transform: translateY(100%);\n }\n .cds--popover--top .cds--popover-caret,\n .cds--popover--top-left .cds--popover-caret,\n .cds--popover--top-right .cds--popover-caret {\n top: 0;\n left: 50%;\n width: var(--cds-popover-caret-width, 0.75rem);\n height: var(--cds-popover-caret-height, 0.375rem);\n clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\n transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n }\n .cds--popover--right .cds--popover-content {\n top: 50%;\n left: 100%;\n transform: translate(var(--cds-popover-offset, 0), -50%);\n }\n .cds--popover--right-top .cds--popover-content {\n top: 50%;\n left: 100%;\n transform: translate(\n var(--cds-popover-offset, 0),\n calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px)\n );\n }\n .cds--popover--right-bottom .cds--popover-content {\n bottom: 50%;\n left: 100%;\n transform: translate(\n var(--cds-popover-offset, 0),\n calc(0.5 * var(--cds-popover-offset, 0rem) + 16px)\n );\n }\n .cds--popover--right .cds--popover-content::before,\n .cds--popover--right-bottom .cds--popover-content::before,\n .cds--popover--right-top .cds--popover-content::before {\n top: 0;\n bottom: 0;\n left: 0;\n width: var(--cds-popover-offset, 0);\n transform: translateX(-100%);\n }\n .cds--popover--right .cds--popover-caret,\n .cds--popover--right-bottom .cds--popover-caret,\n .cds--popover--right-top .cds--popover-caret {\n top: 50%;\n left: 100%;\n width: var(--cds-popover-caret-height, 0.375rem);\n height: var(--cds-popover-caret-width, 0.75rem);\n clip-path: polygon(0% 50%, 100% 0%, 100% 100%);\n transform: translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%);\n }\n .cds--popover--left .cds--popover-content {\n top: 50%;\n right: 100%;\n transform: translate(\n calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px),\n -50%\n );\n }\n .cds--popover--left-top .cds--popover-content {\n top: -50%;\n right: 100%;\n transform: translate(\n calc(-1 * var(--cds-popover-offset, 0rem)),\n calc(-0.5 * var(--cds-popover-offset, 0rem) + 16px)\n );\n }\n .cds--popover--left-bottom .cds--popover-content {\n right: 100%;\n bottom: -50%;\n transform: translate(\n calc(-1 * var(--cds-popover-offset, 0rem)),\n calc(0.5 * var(--cds-popover-offset, 0rem) - 16px)\n );\n }\n .cds--popover--left .cds--popover-content::before,\n .cds--popover--left-bottom .cds--popover-content::before,\n .cds--popover--left-top .cds--popover-content::before {\n top: 0;\n right: 0;\n bottom: 0;\n width: var(--cds-popover-offset, 0);\n transform: translateX(100%);\n }\n .cds--popover--left .cds--popover-caret,\n .cds--popover--left-bottom .cds--popover-caret,\n .cds--popover--left-top .cds--popover-caret {\n top: 50%;\n right: 100%;\n width: var(--cds-popover-caret-height, 0.375rem);\n height: var(--cds-popover-caret-width, 0.75rem);\n clip-path: polygon(0% 0%, 100% 50%, 0% 100%);\n transform: translate(\n calc(-1 * var(--cds-popover-offset, 0rem) + 100%),\n -50%\n );\n }\n .cds--popover--tab-tip .cds--popover-content {\n border-radius: 0;\n }\n .cds--popover--tab-tip__button {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n display: inline-block;\n appearance: none;\n background: 0 0;\n cursor: pointer;\n text-align: start;\n position: relative;\n display: inline-flex;\n width: 2rem;\n height: 2rem;\n align-items: center;\n justify-content: center;\n }\n .cds--icon-tooltip .cds--tooltip-content,\n .cds--progress-bar__label {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n }\n .cds--popover--tab-tip__button *,\n .cds--popover--tab-tip__button ::after,\n .cds--popover--tab-tip__button ::before {\n box-sizing: inherit;\n }\n .cds--popover--tab-tip__button::-moz-focus-inner {\n border: 0;\n }\n .cds--popover--tab-tip__button:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--popover--tab-tip__button:focus {\n outline-style: dotted;\n }\n }\n .cds--popover--tab-tip__button:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button {\n background: var(--cds-layer);\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);\n }\n .cds--popover--tab-tip.cds--popover--open\n .cds--popover--tab-tip__button:not(:focus)::after {\n position: absolute;\n z-index: 6001;\n bottom: 0;\n width: 100%;\n height: 2px;\n background: var(--cds-layer);\n content: '';\n }\n .cds--progress-bar__label {\n display: flex;\n min-width: 3rem;\n justify-content: space-between;\n margin-bottom: 0.5rem;\n color: var(--cds-text-primary, #161616);\n }\n .cds--progress-bar__label-text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .cds--progress-bar__track {\n position: relative;\n width: 100%;\n min-width: 3rem;\n height: 0.5rem;\n background-color: var(--cds-layer);\n }\n .cds--progress-bar--big .cds--progress-bar__track {\n height: 0.5rem;\n }\n .cds--progress-bar--small .cds--progress-bar__track {\n height: 0.25rem;\n }\n .cds--progress-bar__bar {\n display: block;\n width: 100%;\n height: 100%;\n background-color: currentColor;\n color: var(--cds-interactive, #0f62fe);\n transform: scaleX(0);\n transform-origin: 0 center;\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--progress-bar--indeterminate .cds--progress-bar__track::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n animation-duration: 1.4s;\n animation-iteration-count: infinite;\n animation-name: progress-bar-indeterminate;\n animation-timing-function: linear;\n background-image: linear-gradient(\n 90deg,\n var(--cds-interactive, #0f62fe) 12.5%,\n transparent 12.5%\n );\n background-position-x: 0%;\n background-size: 200% 100%;\n content: '';\n }\n .cds--progress-bar__helper-text {\n font-size: var(--cds-helper-text-01-font-size, 0.75rem);\n line-height: var(--cds-helper-text-01-line-height, 1.33333);\n letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);\n margin-top: 0.5rem;\n color: var(--cds-text-secondary, #525252);\n }\n .cds--definition-tooltip,\n .cds--tooltip-content {\n font-weight: var(--cds-body-01-font-weight, 400);\n line-height: var(--cds-body-01-line-height, 1.42857);\n letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n }\n .cds--progress-bar__status-icon {\n flex-shrink: 0;\n margin-left: 1rem;\n }\n .cds--definition-term,\n .cds--progress {\n margin: 0;\n font-family: inherit;\n vertical-align: baseline;\n }\n .cds--progress-bar--finished .cds--progress-bar__bar,\n .cds--progress-bar--finished .cds--progress-bar__status-icon {\n color: var(--cds-support-success, #24a148);\n }\n .cds--progress-bar--error .cds--progress-bar__bar,\n .cds--progress-bar--error .cds--progress-bar__helper-text,\n .cds--progress-bar--error .cds--progress-bar__status-icon {\n color: var(--cds-support-error, #da1e28);\n }\n .cds--progress-bar--error .cds--progress-bar__bar,\n .cds--progress-bar--finished .cds--progress-bar__bar {\n transform: scaleX(1);\n }\n .cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__track,\n .cds--progress-bar--finished.cds--progress-bar--inline\n .cds--progress-bar__track {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n }\n .cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__label,\n .cds--progress-bar--finished.cds--progress-bar--inline\n .cds--progress-bar__label {\n flex-shrink: 1;\n justify-content: flex-start;\n margin-right: 0;\n }\n @keyframes progress-bar-indeterminate {\n 0% {\n background-position-x: 25%;\n }\n 100%,\n 80% {\n background-position-x: -105%;\n }\n }\n .cds--progress-bar--inline {\n display: flex;\n align-items: center;\n }\n .cds--progress-bar--inline .cds--progress-bar__label {\n flex-shrink: 0;\n margin-bottom: 0;\n margin-inline-end: 1rem;\n }\n .cds--progress-bar--inline .cds--progress-bar__track {\n flex-basis: 0;\n flex-grow: 1;\n }\n .cds--progress-bar--inline .cds--progress-bar__helper-text {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n }\n .cds--progress-bar--indented .cds--progress-bar__helper-text,\n .cds--progress-bar--indented .cds--progress-bar__label {\n padding-inline: 1rem;\n }\n .cds--tooltip {\n --cds-popover-offset: 12px;\n }\n .cds--tooltip-content {\n font-size: var(--cds-body-01-font-size, 0.875rem);\n max-width: 18rem;\n padding: var(--cds-tooltip-padding-block, 1rem)\n var(--cds-tooltip-padding-inline, 1rem);\n color: var(--cds-text-inverse, #fff);\n }\n .cds--icon-tooltip {\n --cds-tooltip-padding-block: 0.125rem;\n --cds-popover-caret-width: 0.5rem;\n --cds-popover-caret-height: 0.25rem;\n --cds-popover-offset: 0.5rem;\n }\n .cds--definition-term {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n font-size: 100%;\n display: inline-block;\n appearance: none;\n background: 0 0;\n cursor: pointer;\n text-align: start;\n width: 100%;\n border-bottom: 1px dotted var(--cds-border-strong);\n border-radius: 0;\n color: var(--cds-text-primary, #161616);\n }\n .cds--definition-term *,\n .cds--definition-term ::after,\n .cds--definition-term ::before {\n box-sizing: inherit;\n }\n .cds--definition-term::-moz-focus-inner {\n border: 0;\n }\n .cds--definition-term:focus,\n .cds--definition-term:hover {\n border-bottom-color: var(--cds-border-interactive, #0f62fe);\n }\n .cds--definition-term:focus {\n outline: 1px solid var(--cds-focus, #0f62fe);\n }\n @media screen and (prefers-contrast) {\n .cds--definition-term:focus {\n outline-style: dotted;\n }\n }\n .cds--definition-tooltip {\n font-size: var(--cds-body-01-font-size, 0.875rem);\n max-width: 11rem;\n padding: 0.5rem 1rem;\n }\n .cds--progress {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n font-size: 100%;\n display: flex;\n list-style: none;\n }\n .cds--progress *,\n .cds--progress ::after,\n .cds--progress ::before {\n box-sizing: inherit;\n }\n .cds--progress-step {\n position: relative;\n display: inline-flex;\n overflow: visible;\n width: 8rem;\n min-width: 7rem;\n flex-direction: row;\n }\n .cds--progress-step .cds--tooltip__label {\n display: block;\n }\n .cds--progress--space-equal .cds--progress-step {\n min-width: 8rem;\n flex-grow: 1;\n }\n .cds--progress-line {\n position: absolute;\n left: 0;\n width: 8rem;\n height: 2px;\n border: 1px inset transparent;\n }\n .cds--progress--space-equal .cds--progress-line {\n width: 100%;\n min-width: 8rem;\n }\n .cds--progress-step svg {\n position: relative;\n z-index: 1;\n width: 1rem;\n height: 1rem;\n flex-shrink: 0;\n margin: 0.625rem 0.5rem 0 0;\n border-radius: 50%;\n fill: var(--cds-interactive, #0f62fe);\n }\n .cds--progress--space-equal .cds--progress-text {\n overflow: hidden;\n }\n .cds--progress-label {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n overflow: hidden;\n max-width: 5.5rem;\n margin: 0.5rem 0 0;\n color: var(--cds-text-primary, #161616);\n line-height: 1.45;\n text-overflow: ellipsis;\n transition:\n box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n white-space: nowrap;\n }\n .cds--progress-label::before {\n display: block;\n content: '';\n }\n .cds--progress-label:hover {\n box-shadow: 0 0.0625rem var(--cds-link-primary-hover, #0043ce);\n color: var(--cds-link-primary-hover, #0043ce);\n cursor: pointer;\n }\n .cds--progress-step .cds--tooltip,\n .cds--progress-step .cds--tooltip_multi {\n font-size: var(--cds-body-01-font-size, 0.875rem);\n font-weight: var(--cds-body-01-font-weight, 400);\n line-height: var(--cds-body-01-line-height, 1.42857);\n letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n color: var(--cds-text-inverse, #fff);\n }\n .cds--progress--space-equal .cds--progress-label {\n max-width: 100%;\n margin-right: 0.75rem;\n }\n .cds--progress-step-button:not(\n .cds--progress-step-button--unclickable\n ):focus {\n outline: 0;\n }\n .cds--progress-step-button:not(\n .cds--progress-step-button--unclickable\n ):focus-visible\n .cds--progress-label {\n color: var(--cds-focus, #0f62fe);\n outline: 0.0625rem solid var(--cds-focus, #0f62fe);\n }\n .cds--progress-step-button:not(.cds--progress-step-button--unclickable)\n .cds--progress-label:active {\n box-shadow: 0 0.0625rem 0 0 var(--cds-text-primary, #161616);\n color: var(--cds-text-primary, #161616);\n }\n .cds--progress-label-overflow:focus ~ .cds--tooltip,\n .cds--progress-label-overflow:hover ~ .cds--tooltip {\n visibility: inherit;\n }\n .cds--progress-step .cds--tooltip .cds--tooltip__caret {\n margin-left: 0.625rem;\n }\n .cds--tooltip__text {\n padding: 0;\n margin: 0;\n font-weight: 400;\n }\n .cds--progress-optional,\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-item-secondary-label {\n font-size: var(--cds-label-01-font-size, 0.75rem);\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n }\n .cds--progress-step .cds--tooltip {\n display: block;\n width: 7.8125rem;\n min-width: 7.1875rem;\n min-height: 1.5rem;\n padding: 0.5rem 1rem;\n margin-top: 2.5rem;\n margin-left: 1.375rem;\n visibility: hidden;\n }\n .cds--progress-step .cds--tooltip_multi {\n width: 9.375rem;\n height: auto;\n }\n .cds--progress-optional {\n position: absolute;\n left: 0;\n margin-top: 1.75rem;\n margin-left: 1.5rem;\n color: var(--cds-text-secondary, #525252);\n text-align: start;\n }\n .cds--progress-step-button,\n .cds--radio-button-group {\n font-size: 100%;\n padding: 0;\n border: 0;\n font-family: inherit;\n }\n .cds--progress-step--current .cds--progress-line {\n background-color: var(--cds-interactive, #0f62fe);\n }\n .cds--progress-step--incomplete svg {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--progress-step--incomplete .cds--progress-line {\n background-color: var(--cds-border-subtle);\n }\n .cds--progress-step--complete .cds--progress-line {\n background-color: var(--cds-interactive, #0f62fe);\n }\n .cds--progress-step-button {\n box-sizing: border-box;\n margin: 0;\n vertical-align: baseline;\n display: inline-block;\n appearance: none;\n background: 0 0;\n cursor: pointer;\n width: 100%;\n display: flex;\n text-align: left;\n }\n .cds--progress-step-button *,\n .cds--progress-step-button ::after,\n .cds--progress-step-button ::before {\n box-sizing: inherit;\n }\n .cds--progress-step-button::-moz-focus-inner {\n border: 0;\n }\n .cds--progress-step-button--unclickable {\n cursor: default;\n outline: 0;\n }\n .cds--progress-step-button--unclickable .cds--progress-label:hover {\n box-shadow: none;\n color: var(--cds-text-primary, #161616);\n cursor: default;\n }\n .cds--progress-step-button--unclickable .cds--tooltip__label:hover {\n box-shadow: 0 0.0625rem var(--cds-link-primary, #0f62fe);\n color: var(--cds-link-primary, #0f62fe);\n cursor: pointer;\n }\n .cds--progress-step--disabled {\n cursor: not-allowed;\n pointer-events: none;\n }\n .cds--progress-step--disabled svg {\n cursor: not-allowed;\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--progress-step--disabled .cds--progress-label,\n .cds--progress-step--disabled .cds--progress-label:hover {\n box-shadow: none;\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--progress-step--disabled .cds--progress-line {\n cursor: not-allowed;\n }\n .cds--progress-step--disabled\n .cds--progress-label-overflow:hover\n ~ .cds--tooltip--definition\n .cds--tooltip--definition__bottom {\n display: none;\n }\n .cds--progress.cds--skeleton .cds--progress-label {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n width: 2.5rem;\n height: 0.875rem;\n margin-top: 0.625rem;\n }\n .cds--progress.cds--skeleton .cds--progress-label:active,\n .cds--progress.cds--skeleton .cds--progress-label:focus,\n .cds--progress.cds--skeleton .cds--progress-label:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--progress.cds--skeleton .cds--progress-label::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n .cds--progress.cds--progress--vertical.cds--skeleton .cds--progress-label {\n margin-top: 0.0625rem;\n }\n .cds--progress--vertical,\n .cds--progress-text {\n display: flex;\n flex-direction: column;\n }\n .cds--progress--vertical .cds--progress-step,\n .cds--progress--vertical .cds--progress-step-button {\n width: initial;\n min-width: initial;\n min-height: 3.625rem;\n align-content: flex-start;\n }\n .cds--progress--vertical .cds--progress-step svg,\n .cds--progress--vertical .cds--progress-step-button svg {\n display: inline-block;\n margin: 0.0625rem 0.5rem 0;\n }\n .cds--progress--vertical .cds--progress-label {\n display: inline-block;\n width: initial;\n max-width: 10rem;\n margin: 0;\n vertical-align: top;\n white-space: initial;\n }\n .cds--progress--vertical .cds--progress-step .cds--tooltip {\n margin-top: 0.5rem;\n }\n .cds--progress--vertical .cds--progress-optional {\n position: static;\n width: 100%;\n margin: auto 0;\n }\n .cds--progress--vertical .cds--progress-line {\n position: absolute;\n top: 0;\n left: 0;\n width: 1px;\n height: 100%;\n }\n .cds--radio-button-group {\n box-sizing: border-box;\n margin: 0;\n vertical-align: baseline;\n position: relative;\n display: flex;\n align-items: center;\n }\n .cds--radio-button-group *,\n .cds--radio-button-group ::after,\n .cds--radio-button-group ::before {\n box-sizing: inherit;\n }\n .cds--label + .cds--form-item .cds--radio-button-group {\n margin-top: 0;\n }\n .cds--radio-button-group--vertical {\n flex-direction: column;\n align-items: flex-start;\n }\n .cds--radio-button-group--vertical.cds--radio-button-group--label-left {\n align-items: flex-end;\n }\n .cds--radio-button-group--vertical .cds--radio-button__label {\n margin-right: 0;\n line-height: 1.25;\n }\n .cds--radio-button-group--vertical\n .cds--radio-button__label:not(:last-of-type) {\n margin-bottom: 0.5rem;\n }\n .cds--radio-button {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n visibility: inherit;\n }\n .cds--radio-button__label {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n display: flex;\n align-items: center;\n margin-right: 1rem;\n cursor: pointer;\n }\n .cds--radio-button__appearance,\n .cds--structured-list html,\n .cds--structured-list-td html,\n .cds--structured-list-th html,\n .cds--tabs .cds--tabs__nav-item html,\n .cds--tabs .cds--tabs__nav-link,\n .cds--tabs html,\n .cds--text-area html,\n .cds--tile-group html {\n font-size: 100%;\n }\n .cds--radio-button__appearance {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0.0625rem 0.5rem 0.125rem 0.125rem;\n font-family: inherit;\n vertical-align: baseline;\n width: 1.125rem;\n height: 1.125rem;\n flex-shrink: 0;\n border: 1px solid var(--cds-icon-primary, #161616);\n background-color: transparent;\n border-radius: 50%;\n }\n .cds--icon--skeleton,\n .cds--radio-button__label.cds--skeleton,\n .cds--skeleton__placeholder,\n .cds--skeleton__text {\n background: var(--cds-skeleton-background, #e8e8e8);\n position: relative;\n pointer-events: none;\n box-shadow: none;\n padding: 0;\n }\n .cds--radio-button__appearance *,\n .cds--radio-button__appearance ::after,\n .cds--radio-button__appearance ::before {\n box-sizing: inherit;\n }\n .cds--radio-button:checked\n + .cds--radio-button__label\n .cds--radio-button__appearance {\n display: flex;\n align-items: center;\n justify-content: center;\n border-color: var(--cds-icon-primary, #161616);\n }\n .cds--radio-button:checked\n + .cds--radio-button__label\n .cds--radio-button__appearance::before {\n position: relative;\n display: inline-block;\n width: 100%;\n height: 100%;\n background-color: var(--cds-icon-primary, #161616);\n border-radius: 50%;\n content: '';\n transform: scale(0.5);\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--radio-button:checked\n + .cds--radio-button__label\n .cds--radio-button__appearance::before {\n fill: ButtonText;\n background-color: ButtonText;\n }\n }\n .cds--radio-button:disabled + .cds--radio-button__label {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--radio-button-group--readonly\n .cds--radio-button\n + .cds--radio-button__label\n .cds--radio-button__appearance,\n .cds--radio-button:disabled\n + .cds--radio-button__label\n .cds--radio-button__appearance,\n .cds--radio-button:disabled:checked\n + .cds--radio-button__label\n .cds--radio-button__appearance {\n border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--radio-button:disabled\n + .cds--radio-button__label\n .cds--radio-button__appearance::before,\n .cds--radio-button:disabled:checked\n + .cds--radio-button__label\n .cds--radio-button__appearance::before {\n background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--radio-button-group--readonly .cds--radio-button__label {\n cursor: default;\n }\n .cds--radio-button-group--readonly .cds--radio-button__label-text {\n cursor: text;\n user-select: text;\n }\n .cds--radio-button-group--invalid\n .cds--radio-button\n + .cds--radio-button__label\n .cds--radio-button__appearance {\n border-color: var(--cds-support-error, #da1e28);\n }\n .cds--radio-button__validation-msg {\n display: none;\n align-items: flex-end;\n margin-top: 0.375rem;\n }\n .cds--radio-button__invalid-icon {\n margin: 0 0.0625rem 0 0.1875rem;\n }\n .cds--radio-button__invalid-icon--warning {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--radio-button__invalid-icon--warning path:first-of-type {\n fill: #000;\n }\n .cds--structured-list-input:checked\n + .cds--structured-list-row\n .cds--structured-list-svg,\n .cds--structured-list-input:checked\n + .cds--structured-list-td\n .cds--structured-list-svg,\n .cds--tabs .cds--tab--overflow-nav-button svg {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--radio-button-group--invalid + .cds--radio-button__validation-msg,\n .cds--radio-button-group--warning + .cds--radio-button__validation-msg {\n display: flex;\n }\n .cds--radio-button-group--invalid\n + .cds--radio-button__validation-msg\n .cds--form-requirement,\n .cds--radio-button-group--warning\n + .cds--radio-button__validation-msg\n .cds--form-requirement {\n display: block;\n overflow: visible;\n max-height: 100%;\n margin-top: 0;\n margin-left: 0.5rem;\n }\n .cds--radio-button-group--invalid\n + .cds--radio-button__validation-msg\n .cds--form-requirement {\n color: var(--cds-text-error, #da1e28);\n }\n .cds--radio-button-group ~ .cds--form__helper-text {\n margin-top: 0.375rem;\n }\n .cds--radio-button:focus\n + .cds--radio-button__label\n .cds--radio-button__appearance {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: 1.5px;\n }\n .cds--radio-button__label.cds--skeleton {\n border: none;\n width: 6.25rem;\n height: 1.125rem;\n }\n .cds--icon--skeleton::before,\n .cds--radio-button__label.cds--skeleton::before {\n width: 100%;\n animation: 3s ease-in-out infinite skeleton;\n }\n .cds--icon--skeleton::before,\n .cds--radio-button__label.cds--skeleton::before,\n .cds--skeleton__placeholder::before,\n .cds--skeleton__text::before {\n height: 100%;\n background: var(--cds-skeleton-element, #c6c6c6);\n will-change: transform-origin, transform, opacity;\n position: absolute;\n content: '';\n }\n .cds--radio-button__label.cds--skeleton:active,\n .cds--radio-button__label.cds--skeleton:focus,\n .cds--radio-button__label.cds--skeleton:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--radio-button__label.cds--skeleton .cds--radio-button__appearance {\n display: none;\n }\n .cds--radio-button-wrapper .cds--radio-button__label {\n display: flex;\n align-items: flex-start;\n justify-content: center;\n margin: 0;\n }\n .cds--radio-button-wrapper:not(:last-of-type) {\n margin-right: 1rem;\n }\n .cds--radio-button-group--vertical\n .cds--radio-button-wrapper:not(:last-of-type) {\n margin-right: 0;\n margin-bottom: 0.5rem;\n }\n .cds--radio-button-group--label-right .cds--radio-button__label,\n .cds--radio-button-wrapper.cds--radio-button-wrapper--label-right\n .cds--radio-button__label {\n flex-direction: row;\n }\n .cds--radio-button-group--label-left .cds--radio-button__label,\n .cds--radio-button-wrapper.cds--radio-button-wrapper--label-left\n .cds--radio-button__label {\n flex-direction: row-reverse;\n }\n .cds--radio-button-group--label-left .cds--radio-button__appearance,\n .cds--radio-button-wrapper.cds--radio-button-wrapper--label-left\n .cds--radio-button__appearance {\n margin-right: 0;\n margin-left: 0.5rem;\n }\n .cds--icon--skeleton {\n border: none;\n display: inline-block;\n width: 1rem;\n height: 1rem;\n }\n .cds--icon--skeleton:active,\n .cds--icon--skeleton:focus,\n .cds--icon--skeleton:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--icon--skeleton::before,\n .cds--progress.cds--skeleton .cds--progress-label::before,\n .cds--radio-button__label.cds--skeleton::before {\n animation: none;\n }\n }\n .cds--skeleton__placeholder {\n border: none;\n width: 6.25rem;\n height: 6.25rem;\n }\n .cds--skeleton__placeholder:active,\n .cds--skeleton__placeholder:focus,\n .cds--skeleton__placeholder:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--skeleton__placeholder::before {\n width: 100%;\n animation: 3s ease-in-out infinite skeleton;\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--skeleton__placeholder::before {\n animation: none;\n }\n }\n .cds--skeleton__text {\n border: none;\n width: 100%;\n height: 1rem;\n margin-bottom: 0.5rem;\n }\n .cds--skeleton__text:active,\n .cds--skeleton__text:focus,\n .cds--skeleton__text:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--skeleton__text::before {\n width: 100%;\n animation: 3s ease-in-out infinite skeleton;\n }\n .cds--skeleton__heading {\n height: 1.5rem;\n }\n .cds--slider__filled-track,\n .cds--slider__track {\n width: 100%;\n height: 0.125rem;\n transform: translate(0, -50%);\n }\n .cds--slider-container {\n display: flex;\n align-items: center;\n user-select: none;\n }\n .cds--slider {\n position: relative;\n width: 100%;\n min-width: 12.5rem;\n max-width: 40rem;\n padding: 1rem 0;\n margin: 0 1rem;\n cursor: pointer;\n }\n .cds--slider__range-label {\n font-family: var(\n --cds-code-02-font-family,\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace\n );\n font-size: var(--cds-code-02-font-size, 0.875rem);\n font-weight: var(--cds-code-02-font-weight, 400);\n line-height: var(--cds-code-02-line-height, 1.42857);\n letter-spacing: var(--cds-code-02-letter-spacing, 0.32px);\n color: var(--cds-text-primary, #161616);\n white-space: nowrap;\n }\n .cds--slider__range-label:last-of-type {\n margin-right: 1rem;\n }\n .cds--slider__track {\n position: absolute;\n background: var(--cds-border-subtle);\n }\n .cds--slider__filled-track,\n .cds--slider__thumb {\n position: absolute;\n background: var(--cds-layer-selected-inverse, #161616);\n }\n .cds--slider__track:before {\n position: absolute;\n top: -0.3125rem;\n left: 50%;\n display: inline-block;\n width: 0.125rem;\n height: 0.25rem;\n background: var(--cds-border-subtle);\n content: '';\n transform: translate(-50%, 0);\n }\n .cds--slider-text-input--hidden,\n .cds--slider__input,\n .cds--structured-list.cds--structured-list--selection.cds--skeleton\n .cds--structured-list-th:first-child\n span {\n display: none;\n }\n .cds--slider__thumb:focus,\n .cds--slider__thumb:focus ~ .cds--slider__filled-track {\n background-color: var(--cds-interactive, #0f62fe);\n }\n .cds--slider__thumb:active,\n .cds--slider__thumb:focus,\n .cds--slider__thumb:hover {\n transform: translate(-50%, -50%) scale(1.4286);\n }\n .cds--slider__filled-track {\n pointer-events: none;\n transform-origin: left;\n transition: background 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--slider__thumb {\n z-index: 3;\n width: 0.875rem;\n height: 0.875rem;\n border-radius: 50%;\n box-shadow:\n inset 0 0 0 1px transparent,\n inset 0 0 0 2px transparent;\n outline: 0;\n transform: translate(-50%, -50%);\n transition:\n transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n background 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--slider__thumb:focus {\n box-shadow:\n inset 0 0 0 2px var(--cds-interactive, #0f62fe),\n inset 0 0 0 3px var(--cds-layer);\n }\n .cds--slider__thumb:active {\n box-shadow: inset 0 0 0 2px var(--cds-interactive, #0f62fe);\n }\n .cds--slider-text-input,\n .cds-slider-text-input {\n width: 4rem;\n height: 2.5rem;\n -moz-appearance: textfield;\n text-align: center;\n }\n .cds--slider-text-input::-webkit-inner-spin-button,\n .cds--slider-text-input::-webkit-outer-spin-button,\n .cds-slider-text-input::-webkit-inner-spin-button,\n .cds-slider-text-input::-webkit-outer-spin-button {\n display: none;\n }\n .cds--slider-text-input.cds--text-input--invalid {\n padding-right: 1rem;\n }\n .cds--slider--disabled .cds--slider__filled-track,\n .cds--slider--disabled .cds--slider__thumb,\n .cds--slider--disabled .cds--slider__thumb:focus,\n .cds--slider--disabled .cds--slider__thumb:focus ~ .cds--slider__filled-track,\n .cds--slider--disabled .cds--slider__track {\n background-color: var(--cds-border-disabled, #c6c6c6);\n }\n .cds--label--disabled ~ .cds--slider-container > .cds--slider__range-label {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--slider--disabled.cds--slider {\n cursor: not-allowed;\n }\n .cds--slider--disabled .cds--slider__thumb:hover {\n cursor: not-allowed;\n transform: translate(-50%, -50%);\n }\n .cds--slider--disabled .cds--slider__thumb:focus {\n box-shadow: none;\n outline: 0;\n transform: translate(-50%, -50%);\n }\n .cds--slider--disabled .cds--slider__thumb:active {\n background: var(--cds-border-disabled, #c6c6c6);\n transform: translate(-50%, -50%);\n }\n .cds--slider-container.cds--skeleton .cds--slider__range-label::before,\n .cds--structured-list.cds--skeleton span::before,\n .cds--tabs.cds--skeleton .cds--tabs__nav-link span::before {\n background: var(--cds-skeleton-element, #c6c6c6);\n width: 100%;\n animation: 3s ease-in-out infinite skeleton;\n will-change: transform-origin, transform, opacity;\n content: '';\n }\n .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input,\n .cds--slider--disabled ~ .cds--slider-text-input {\n border: none;\n background-color: var(--cds-field);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n transition: none;\n }\n .cds--slider--readonly ~ .cds--slider-text-input,\n .cds--structured-list {\n background-color: transparent;\n }\n .cds--slider-container.cds--skeleton .cds--slider__range-label,\n .cds--structured-list.cds--skeleton span {\n position: relative;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n }\n .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:active,\n .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:focus,\n .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:hover,\n .cds--slider--disabled ~ .cds--slider-text-input:active,\n .cds--slider--disabled ~ .cds--slider-text-input:focus,\n .cds--slider--disabled ~ .cds--slider-text-input:hover {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline: 0;\n }\n .cds--structured-list--selection\n .cds--structured-list-row.cds--structured-list-row--selected\n .cds--structured-list-td,\n .cds--structured-list--selection\n .cds--structured-list-row.cds--structured-list-row--selected\n > .cds--structured-list-td,\n .cds--structured-list--selection\n .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row)\n > .cds--structured-list-td,\n .cds--structured-list-th {\n color: var(--cds-text-primary, #161616);\n }\n .cds--slider--readonly {\n cursor: default;\n }\n .cds--slider--readonly .cds--slider__thumb {\n width: 0;\n height: 0;\n }\n .cds--slider-container.cds--skeleton .cds--slider__range-label {\n padding: 0;\n border: none;\n width: 1.25rem;\n height: 0.75rem;\n }\n .cds--slider-container.cds--skeleton .cds--slider__range-label:active,\n .cds--slider-container.cds--skeleton .cds--slider__range-label:focus,\n .cds--slider-container.cds--skeleton .cds--slider__range-label:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--slider-container.cds--skeleton .cds--slider__range-label::before {\n position: absolute;\n height: 100%;\n }\n .cds--slider-container.cds--skeleton .cds--slider__track {\n cursor: default;\n pointer-events: none;\n }\n .cds--slider-container.cds--skeleton .cds--slider__thumb {\n left: 50%;\n cursor: default;\n pointer-events: none;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--slider__thumb {\n outline: transparent solid 1px;\n }\n .cds--slider__thumb:focus {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--slider__track {\n outline: transparent solid 1px;\n }\n .cds--structured-list-input:checked\n + .cds--structured-list-td\n .cds--structured-list-svg {\n fill: ButtonText;\n }\n }\n .cds--stack-horizontal {\n display: inline-grid;\n column-gap: var(--cds-stack-gap, 0);\n grid-auto-flow: column;\n }\n .cds--stack-vertical {\n display: grid;\n grid-auto-flow: row;\n row-gap: var(--cds-stack-gap, 0);\n }\n .cds--stack-scale-1 {\n --cds-stack-gap: 0.125rem;\n }\n .cds--stack-scale-2 {\n --cds-stack-gap: 0.25rem;\n }\n .cds--stack-scale-3 {\n --cds-stack-gap: 0.5rem;\n }\n .cds--stack-scale-4 {\n --cds-stack-gap: 0.75rem;\n }\n .cds--stack-scale-5 {\n --cds-stack-gap: 1rem;\n }\n .cds--stack-scale-6 {\n --cds-stack-gap: 1.5rem;\n }\n .cds--stack-scale-7 {\n --cds-stack-gap: 2rem;\n }\n .cds--stack-scale-8 {\n --cds-stack-gap: 2.5rem;\n }\n .cds--stack-scale-9 {\n --cds-stack-gap: 3rem;\n }\n .cds--stack-scale-10 {\n --cds-stack-gap: 4rem;\n }\n .cds--stack-scale-11 {\n --cds-stack-gap: 5rem;\n }\n .cds--stack-scale-12 {\n --cds-stack-gap: 6rem;\n }\n .cds--stack-scale-13 {\n --cds-stack-gap: 10rem;\n }\n .cds--structured-list--selection .cds--structured-list-td,\n .cds--structured-list--selection .cds--structured-list-td:first-child,\n .cds--structured-list--selection .cds--structured-list-th,\n .cds--structured-list--selection .cds--structured-list-th:first-child {\n padding-right: 1rem;\n padding-left: 1rem;\n }\n .cds--structured-list-row--focused-within {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--structured-list-row--focused-within {\n outline-style: dotted;\n }\n }\n .cds--text-area,\n .cds--tile {\n outline: transparent solid 2px;\n }\n .cds--structured-list {\n display: table;\n width: 100%;\n overflow-x: auto;\n }\n .cds--structured-list body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--structured-list code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--structured-list strong {\n font-weight: 600;\n }\n .cds--structured-list.cds--structured-list--condensed\n .cds--structured-list-td,\n .cds--structured-list.cds--structured-list--condensed\n .cds--structured-list-th {\n padding: 0.5rem;\n }\n .cds--structured-list\n .cds--structured-list-row\n .cds--structured-list-td:first-of-type,\n .cds--structured-list\n .cds--structured-list-row\n .cds--structured-list-th:first-of-type,\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon {\n padding-left: 1rem;\n }\n .cds--structured-list.cds--structured-list--flush\n .cds--structured-list-row\n .cds--structured-list-td,\n .cds--structured-list.cds--structured-list--flush\n .cds--structured-list-row\n .cds--structured-list-td:first-of-type,\n .cds--structured-list.cds--structured-list--flush\n .cds--structured-list-row\n .cds--structured-list-th,\n .cds--structured-list.cds--structured-list--flush\n .cds--structured-list-row\n .cds--structured-list-th:first-of-type {\n padding-right: 1rem;\n padding-left: 0;\n }\n .cds--structured-list-row {\n display: table-row;\n border-top: 1px solid var(--cds-border-subtle);\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--structured-list-tbody .cds--structured-list-row:last-child {\n border-bottom: 1px solid var(--cds-border-subtle);\n }\n .cds--structured-list-row--header-row {\n border: none;\n }\n .cds--structured-list--selection\n .cds--structured-list-row:hover:not(\n .cds--structured-list-row--header-row\n ):not(.cds--structured-list-row--selected) {\n border-color: var(--cds-layer-hover);\n background-color: var(--cds-layer-hover);\n cursor: pointer;\n }\n .cds--structured-list--selection\n .cds--structured-list-row:hover:not(\n .cds--structured-list-row--header-row\n ):not(.cds--structured-list-row--selected)\n + .cds--structured-list-row {\n border-color: var(--cds-layer-hover);\n }\n .cds--structured-list--selection\n .cds--structured-list-row.cds--structured-list-row--selected {\n border-color: var(--cds-layer-selected);\n background-color: var(--cds-layer-selected);\n }\n .cds--structured-list--selection\n .cds--structured-list-row--selected\n + .cds--structured-list-row {\n border-color: var(--cds-layer-selected);\n }\n .cds--structured-list-row.cds--structured-list-row--header-row {\n cursor: inherit;\n }\n .cds--structured-list-thead {\n display: table-header-group;\n vertical-align: middle;\n }\n .cds--structured-list-th {\n padding: 1rem 0.5rem 0.5rem;\n font-size: var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-compact-01-font-weight, 600);\n line-height: var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);\n display: table-cell;\n height: 2.5rem;\n font-weight: 600;\n text-align: left;\n text-transform: none;\n vertical-align: top;\n }\n .cds--structured-list-th body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--structured-list-th code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--structured-list-th strong {\n font-weight: 600;\n }\n .cds--structured-list-tbody {\n display: table-row-group;\n vertical-align: middle;\n }\n .cds--structured-list-td {\n font-size: var(--cds-body-01-font-size, 0.875rem);\n font-weight: var(--cds-body-01-font-weight, 400);\n line-height: var(--cds-body-01-line-height, 1.42857);\n letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n padding: 1rem 0.5rem 1.5rem;\n position: relative;\n display: table-cell;\n max-width: 36rem;\n color: var(--cds-text-secondary, #525252);\n transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tabs,\n .cds--tabs .cds--tabs__nav-link {\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n }\n .cds--structured-list-td body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--structured-list-td code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--structured-list-td strong {\n font-weight: 600;\n }\n .cds--structured-list-content--nowrap {\n white-space: nowrap;\n }\n .cds--structured-list-svg {\n display: inline-block;\n fill: transparent;\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n vertical-align: middle;\n }\n .cds--tabs,\n .cds--tabs .cds--tabs__nav {\n display: flex;\n }\n .cds--cc--meter-title g.status-indicator.status--danger circle.status,\n .cds--text-area__invalid-icon {\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--structured-list.cds--skeleton .cds--structured-list-th:first-child {\n width: 8%;\n }\n .cds--structured-list.cds--skeleton\n .cds--structured-list-th:nth-child(3n + 2) {\n width: 30%;\n }\n .cds--structured-list.cds--skeleton\n .cds--structured-list-th:nth-child(3n + 3) {\n width: 15%;\n }\n .cds--structured-list.cds--skeleton span {\n padding: 0;\n border: none;\n display: block;\n width: 75%;\n height: 1rem;\n }\n .cds--structured-list.cds--skeleton span:active,\n .cds--structured-list.cds--skeleton span:focus,\n .cds--structured-list.cds--skeleton span:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--structured-list.cds--skeleton span::before {\n position: absolute;\n height: 100%;\n }\n .cds--structured-list.cds--structured-list--selection.cds--skeleton\n .cds--structured-list-th:first-child {\n width: 5%;\n }\n .cds--tabs {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n position: relative;\n width: 100%;\n height: auto;\n min-height: 2.5rem;\n max-height: 4rem;\n color: var(--cds-text-primary, #161616);\n }\n .cds--tabs body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--tabs code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--tabs strong {\n font-weight: 600;\n }\n .cds--tabs .cds--tabs__nav-item body,\n .cds--text-area body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n }\n .cds--tabs.cds--tabs--contained {\n min-height: 3rem;\n }\n .cds--tabs .cds--tab--list {\n display: flex;\n width: auto;\n overflow-x: auto;\n scroll-behavior: smooth;\n scrollbar-width: none;\n will-change: scroll-position;\n }\n .cds--tabs .cds--tab--list::-webkit-scrollbar {\n display: none;\n }\n .cds--tabs .cds--tab--overflow-nav-button {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n display: inline-block;\n appearance: none;\n background: 0 0;\n cursor: pointer;\n text-align: start;\n display: flex;\n width: 2.5rem;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n background-color: var(--cds-background, #fff);\n }\n .cds--header__action--active > svg.cds--navigation-menu-panel-expand-icon,\n .cds--header__action > svg.cds--navigation-menu-panel-collapse-icon,\n .cds--tabs .cds--tab--overflow-nav-button--hidden {\n display: none;\n }\n .cds--tabs .cds--tab--overflow-nav-button *,\n .cds--tabs .cds--tab--overflow-nav-button ::after,\n .cds--tabs .cds--tab--overflow-nav-button ::before {\n box-sizing: inherit;\n }\n .cds--tabs .cds--tabs__nav-link,\n .cds--tile__chevron--interactive {\n box-sizing: border-box;\n font-family: inherit;\n vertical-align: baseline;\n appearance: none;\n }\n .cds--tabs .cds--tab--overflow-nav-button::-moz-focus-inner {\n border: 0;\n }\n .cds--tabs .cds--tab--overflow-nav-button:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--tabs .cds--tab--overflow-nav-button:focus {\n outline-style: dotted;\n }\n }\n .cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button {\n width: 3rem;\n margin: 0;\n background-color: var(--cds-layer-accent);\n }\n .cds--tabs .cds--tab--overflow-nav-button--next {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n }\n .cds--tabs .cds--tab--overflow-nav-button--next::before {\n position: absolute;\n z-index: 1;\n left: -0.5rem;\n width: 0.5rem;\n height: 100%;\n background: linear-gradient(\n to right,\n rgba(255, 255, 255, 0),\n var(--cds-background, #fff)\n );\n content: '';\n }\n .cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button--next::before {\n background-image: linear-gradient(\n to right,\n rgba(255, 255, 255, 0),\n var(--cds-layer-accent)\n );\n }\n .cds--tabs .cds--tab--overflow-nav-button--previous {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n }\n .cds--tabs .cds--tab--overflow-nav-button--previous::before {\n position: absolute;\n z-index: 1;\n right: -0.5rem;\n width: 0.5rem;\n height: 100%;\n background: linear-gradient(\n to left,\n rgba(255, 255, 255, 0),\n var(--cds-background, #fff)\n );\n content: '';\n }\n .cds--tabs.cds--tabs--contained\n .cds--tab--overflow-nav-button--previous::before {\n background-image: linear-gradient(\n to left,\n rgba(255, 255, 255, 0),\n var(--cds-layer-accent)\n );\n }\n .cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--left {\n background-image: linear-gradient(\n to left,\n rgba(255, 255, 255, 0),\n var(--cds-layer)\n );\n }\n .cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--right {\n background-image: linear-gradient(\n to right,\n rgba(255, 255, 255, 0),\n var(--cds-layer)\n );\n }\n .cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--left {\n background-image: linear-gradient(\n to left,\n rgba(255, 255, 255, 0),\n var(--cds-layer-accent)\n );\n }\n .cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--right {\n background-image: linear-gradient(\n to right,\n rgba(255, 255, 255, 0),\n var(--cds-layer-accent)\n );\n }\n @media not all and (min-resolution: 0.001dpcm) {\n @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n .cds--tabs .cds--tabs__overflow-indicator--left {\n background-image: linear-gradient(\n to left,\n rgba(var(--cds-background, #fff), 0),\n var(--cds-background, #fff)\n );\n }\n .cds--tabs .cds--tabs__overflow-indicator--right {\n background-image: linear-gradient(\n to right,\n rgba(var(--cds-background, #fff), 0),\n var(--cds-background, #fff)\n );\n }\n .cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--left {\n background-image: linear-gradient(\n to left,\n rgba(var(--cds-layer-accent), 0),\n var(--cds-layer-accent)\n );\n }\n .cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--right {\n background-image: linear-gradient(\n to right,\n rgba(var(--cds-layer-accent), 0),\n var(--cds-layer-accent)\n );\n }\n }\n }\n .cds--tabs .cds--tabs__nav-item-label-wrapper {\n display: flex;\n }\n .cds--tabs .cds--tabs__nav-item {\n display: flex;\n flex: 1 0 auto;\n padding: 0;\n cursor: pointer;\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tabs .cds--tabs__nav-item code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--tabs .cds--tabs__nav-item strong {\n font-weight: 600;\n }\n .cds--tabs .cds--tabs__nav-item + .cds--tabs__nav-item {\n margin-left: 0.0625rem;\n }\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-item {\n background-color: var(--cds-layer-accent);\n }\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-item + .cds--tabs__nav-item {\n margin-left: 0;\n box-shadow: -0.0625rem 0 0 0 var(--cds-border-strong);\n }\n .cds--tabs.cds--tabs--contained\n .cds--tabs__nav-item--selected\n .cds--tabs__nav-link:active,\n .cds--tabs.cds--tabs--contained\n .cds--tabs__nav-item--selected\n .cds--tabs__nav-link:focus,\n .cds--tabs.cds--tabs--contained\n .cds--tabs__nav-item--selected\n + .cds--tabs__nav-item,\n .cds--tabs.cds--tabs--contained\n .cds--tabs__nav-item--selected:hover\n .cds--tabs__nav-link:active,\n .cds--tabs.cds--tabs--contained\n .cds--tabs__nav-item--selected:hover\n .cds--tabs__nav-link:focus,\n .cds--text-area.cds--skeleton {\n box-shadow: none;\n }\n .cds--tabs .cds--tabs__nav-item .cds--tabs__nav-link {\n transition:\n color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tabs .cds--tabs__nav-item--icon {\n display: flex;\n align-items: center;\n padding-left: 0.5rem;\n }\n .cds--tabs .cds--tabs__nav-link {\n padding: 0.75rem 1rem 0.5rem;\n border: 0;\n margin: 0;\n display: inline-block;\n background: 0 0;\n cursor: pointer;\n outline: transparent solid 2px;\n outline-offset: -2px;\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n overflow: hidden;\n border-bottom: 2px solid var(--cds-border-subtle);\n color: var(--cds-text-secondary, #525252);\n text-align: left;\n text-overflow: ellipsis;\n transition:\n border 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n white-space: nowrap;\n }\n .cds--tabs .cds--tabs__nav-link *,\n .cds--tabs .cds--tabs__nav-link ::after,\n .cds--tabs .cds--tabs__nav-link ::before {\n box-sizing: inherit;\n }\n .cds--tabs .cds--tabs__nav-link::-moz-focus-inner {\n border: 0;\n }\n .cds--tabs .cds--tabs__nav-link:active,\n .cds--tabs .cds--tabs__nav-link:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--tabs .cds--tabs__nav-link:active,\n .cds--tabs .cds--tabs__nav-link:focus {\n outline-style: dotted;\n }\n }\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-link {\n height: 3rem;\n padding: 0.5rem 1rem;\n border-bottom: 0;\n }\n .cds--tabs.cds--tabs--contained:not(.cds--tabs--tall)\n .cds--tabs__nav-item-label {\n line-height: calc(3rem - (0.5rem * 2));\n }\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-item-secondary-label {\n min-height: 1rem;\n }\n .cds--tabs.cds--tabs--contained.cds--tabs--tall .cds--tabs__nav-link {\n height: 4rem;\n }\n .cds--tabs.cds--tabs__icon--default .cds--tab--list,\n .cds--tabs.cds--tabs__icon--lg .cds--tab--list {\n overflow-x: visible;\n }\n .cds--tabs .cds--tabs__nav-item--icon-only,\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only {\n display: flex;\n width: var(--cds-icon-tab-size, 2.5rem);\n height: var(--cds-icon-tab-size, 2.5rem);\n align-items: center;\n justify-content: center;\n padding: 0;\n }\n .cds--tabs .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label,\n .cds--tabs.cds--tabs--contained\n .cds--tabs__nav-item--icon-only\n .cds--tabs__nav-item-label {\n line-height: 0;\n }\n .cds--tabs.cds--tabs__icon--lg {\n --cds-icon-tab-size: 3rem;\n }\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-item:hover {\n background-color: var(--cds-layer-selected-hover);\n }\n .cds--tabs .cds--tabs__nav-item--selected {\n border-bottom: 2px solid var(--cds-border-interactive, #0f62fe);\n transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tabs.cds--tabs--contained\n .cds--tabs__nav-item.cds--tabs__nav-item--selected {\n box-shadow: inset 0 2px 0 0 var(--cds-border-interactive, #0f62fe);\n }\n .cds--tabs .cds--tabs__nav-item--selected,\n .cds--tabs .cds--tabs__nav-item--selected:active .cds--tabs__nav-link:active,\n .cds--tabs .cds--tabs__nav-item--selected:focus .cds--tabs__nav-link:focus,\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected {\n font-size: var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-compact-01-font-weight, 600);\n line-height: var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);\n color: var(--cds-text-primary, #161616);\n }\n .cds--tabs .cds--tabs__nav-item--disabled,\n .cds--tabs .cds--tabs__nav-item--disabled:hover {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n border-bottom: 2px solid var(--cds-border-disabled, #c6c6c6);\n }\n .cds--tabs.cds--tabs--contained:not(.cds--tabs--tall)\n .cds--tabs__nav-item--selected,\n .cds--tabs.cds--tabs--contained:not(.cds--tabs--tall)\n .cds--tabs__nav-item--selected:hover {\n line-height: calc(3rem - (0.5rem * 2));\n }\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected,\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover {\n background-color: var(--cds-layer);\n }\n .cds--tabs.cds--tabs--light.cds--tabs--contained\n .cds--tabs__nav-item--selected,\n .cds--tabs.cds--tabs--light.cds--tabs--contained\n .cds--tabs__nav-item--selected:hover {\n background-color: var(--cds-background, #fff);\n }\n .cds--tabs .cds--tabs__nav-item:hover .cds--tabs__nav-link {\n border-bottom: 2px solid var(--cds-border-strong);\n color: var(--cds-text-primary, #161616);\n }\n .cds--tabs .cds--tabs__nav-item--disabled {\n background-color: transparent;\n outline: 0;\n }\n .cds--tabs .cds--tabs__nav-item--disabled:hover {\n cursor: not-allowed;\n }\n .cds--tabs.cds--tabs--contained\n .cds--tabs__nav-item.cds--tabs__nav-item--disabled,\n .cds--tabs.cds--tabs--contained\n .cds--tabs__nav-item.cds--tabs__nav-item--disabled:hover {\n background-color: var(--cds-button-disabled, #c6c6c6);\n }\n .cds--tabs .cds--tabs__nav-item--disabled:active,\n .cds--tabs .cds--tabs__nav-item--disabled:focus {\n border-bottom: 2px solid var(--cds-border-disabled, #c6c6c6);\n outline: 0;\n pointer-events: none;\n }\n .cds--tabs\n .cds--tabs--light\n .cds--tabs__nav-item--disabled\n .cds--tabs__nav-link,\n .cds--tabs\n .cds--tabs--light\n .cds--tabs__nav-item--disabled\n .cds--tabs__nav-link:active,\n .cds--tabs\n .cds--tabs--light\n .cds--tabs__nav-item--disabled\n .cds--tabs__nav-link:focus,\n .cds--tabs\n .cds--tabs--light\n .cds--tabs__nav-item--disabled:hover\n .cds--tabs__nav-link {\n border-bottom-color: var(--cds-border-subtle);\n }\n .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--disabled {\n border-bottom: none;\n color: var(--cds-text-on-color-disabled, #8d8d8d);\n }\n .cds--tab-content {\n padding: 1rem;\n }\n .cds--tab-content:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--tab-content:focus {\n outline-style: dotted;\n }\n }\n .cds--tab-content--interactive:focus {\n outline: 0;\n }\n .cds--tabs.cds--skeleton {\n cursor: default;\n pointer-events: none;\n }\n .cds--skeleton.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-link {\n border-bottom: 2px solid var(--cds-skeleton-element, #c6c6c6);\n }\n .cds--tabs.cds--skeleton .cds--tabs__nav-link {\n display: flex;\n width: 10rem;\n height: 100%;\n align-items: center;\n padding: 0 1rem;\n }\n .cds--tabs.cds--skeleton .cds--tabs__nav-link span {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n box-shadow: none;\n pointer-events: none;\n display: block;\n width: 100%;\n height: 0.875rem;\n }\n .cds--tabs.cds--skeleton .cds--tabs__nav-link span:active,\n .cds--tabs.cds--skeleton .cds--tabs__nav-link span:focus,\n .cds--tabs.cds--skeleton .cds--tabs__nav-link span:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--tabs.cds--skeleton .cds--tabs__nav-link span::before {\n position: absolute;\n height: 100%;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--tabs__nav-item\n .cds--tabs__nav-item--selected\n .cds--tabs__nav-item--selected {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n .cds--tabs .cds--tabs__nav-item--disabled .cds--tabs__nav-link {\n color: GrayText;\n fill: GrayText;\n }\n }\n .cds--text-area {\n font-size: var(--cds-body-01-font-size, 0.875rem);\n font-weight: var(--cds-body-01-font-weight, 400);\n line-height: var(--cds-body-01-line-height, 1.42857);\n letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n outline-offset: -2px;\n min-width: 10rem;\n height: 100%;\n min-height: 2.5rem;\n padding: 0.6875rem 1rem;\n border: none;\n border-bottom: 1px solid var(--cds-border-strong);\n background-color: var(--cds-field);\n color: var(--cds-text-primary, #161616);\n font-family: inherit;\n resize: vertical;\n transition:\n background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tile,\n .cds--tile--expandable {\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n }\n .cds--text-area--light,\n .cds--text-area.cds--text-area--light:disabled {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--text-area code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--text-area strong {\n font-weight: 600;\n }\n .cds--text-area:active,\n .cds--text-area:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--text-area:active,\n .cds--text-area:focus {\n outline-style: dotted;\n }\n }\n .cds--text-area::placeholder {\n color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n opacity: 1;\n font-size: var(--cds-body-01-font-size, 0.875rem);\n font-weight: var(--cds-body-01-font-weight, 400);\n line-height: var(--cds-body-01-line-height, 1.42857);\n letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n }\n .cds--text-area--invalid {\n padding-right: 2.5rem;\n }\n .cds--text-area__wrapper {\n position: relative;\n display: flex;\n width: 100%;\n }\n .cds--text-area__invalid-icon {\n position: absolute;\n top: 0.75rem;\n right: 1rem;\n }\n .cds--text-area__invalid-icon--warning {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--text-area__invalid-icon--warning path[fill] {\n fill: #000;\n opacity: 1;\n }\n .cds--text-area__counter-alert {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n }\n .cds--text-area:disabled {\n border-bottom: 1px solid transparent;\n background-color: var(--cds-field);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n outline: 0;\n resize: none;\n }\n .cds--text-area:disabled::placeholder {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--text-area__wrapper--readonly .cds--text-area {\n border-bottom-color: var(--cds-border-subtle);\n background: 0 0;\n }\n .cds--text-area.cds--skeleton {\n position: relative;\n padding: 0;\n border: none;\n background: var(--cds-skeleton-background, #e8e8e8);\n pointer-events: none;\n width: 100%;\n height: 6.25rem;\n }\n .cds--text-area.cds--skeleton:active,\n .cds--text-area.cds--skeleton:focus,\n .cds--text-area.cds--skeleton:hover {\n border: none;\n cursor: default;\n outline: 0;\n }\n .cds--text-area.cds--skeleton::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out infinite skeleton;\n background: var(--cds-skeleton-element, #c6c6c6);\n content: '';\n will-change: transform-origin, transform, opacity;\n }\n @media (prefers-reduced-motion: reduce) {\n .cds--skeleton__text::before,\n .cds--slider-container.cds--skeleton .cds--slider__range-label::before,\n .cds--structured-list.cds--skeleton span::before,\n .cds--tabs.cds--skeleton .cds--tabs__nav-link span::before,\n .cds--text-area.cds--skeleton::before {\n animation: none;\n }\n }\n .cds--text-area.cds--skeleton::placeholder {\n color: transparent;\n }\n .cds--tile--clickable,\n .cds--tile--clickable:active,\n .cds--tile--clickable:hover,\n .cds--tile--clickable:visited,\n .cds--tile--clickable:visited:hover {\n color: var(--cds-text-primary, #161616);\n text-decoration: none;\n }\n .cds--text-area__label-wrapper {\n display: flex;\n width: 100%;\n justify-content: space-between;\n }\n .cds--tile-group body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n }\n .cds--tile-group code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--tile-group strong {\n font-weight: 600;\n }\n .cds--tile {\n position: relative;\n display: block;\n min-width: 8rem;\n min-height: 4rem;\n padding: 1rem;\n background-color: var(--cds-layer);\n outline-offset: -2px;\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n }\n .cds--tile:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--tile:focus {\n outline-style: dotted;\n }\n }\n .cds--tile--light {\n background-color: var(--cds-layer-02, #fff);\n }\n .cds--tile--clickable,\n .cds--tile--selectable {\n cursor: pointer;\n transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tile__checkmark,\n .cds--tile__chevron svg {\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tile--clickable:hover,\n .cds--tile--selectable:hover {\n background: var(--cds-layer-hover);\n }\n .cds--tile--clickable html {\n font-size: 100%;\n }\n .cds--tile--clickable body {\n font-weight: 400;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n }\n .cds--tile--clickable code {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace;\n }\n .cds--tile--clickable strong {\n font-weight: 600;\n }\n .cds--tile--clickable:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--tile--clickable:focus {\n outline-style: dotted;\n }\n }\n .cds--tile--clickable:focus .cds--tile__checkmark,\n .cds--tile--clickable:hover .cds--tile__checkmark {\n opacity: 1;\n }\n .cds--tile--expandable::-moz-focus-inner {\n border: 0;\n }\n .cds--tile--clickable.cds--link--disabled,\n .cds--tile--clickable:hover.cds--link--disabled {\n display: block;\n padding: 1rem;\n background-color: var(--cds-layer);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--side-nav--fixed\n .cds--side-nav__item:not(.cds--side-nav__item--icon)\n .cds--side-nav__menu\n a.cds--side-nav__link,\n .cds--tree-leaf-node.cds--tree-node--with-icon {\n padding-left: 2rem;\n }\n .cds--header__menu-title[aria-expanded='true']\n + .cds--header__menu\n .cds--header__menu-item:hover,\n .cds--tile__chevron--interactive:hover {\n background-color: var(--cds-layer-hover);\n }\n .cds--tile--selectable {\n padding-right: 3rem;\n border: 1px solid transparent;\n }\n .cds--tile__checkmark {\n position: absolute;\n top: 1rem;\n right: 1rem;\n height: 1rem;\n border: none;\n background: 0 0;\n opacity: 0;\n }\n .cds--tile__chevron,\n .cds--tile__chevron--interactive {\n position: absolute;\n right: 0;\n bottom: 0;\n width: 3rem;\n height: 3rem;\n }\n .cds--tile--is-selected .cds--tile__checkmark,\n .cds--tile__checkmark--persistent {\n opacity: 1;\n }\n .cds--tile__checkmark svg {\n border-radius: 50%;\n fill: var(--cds-icon-secondary, #525252);\n }\n .cds--tile--is-selected .cds--tile__checkmark svg,\n .cds--tile__chevron svg {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--tile__checkmark:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--tile__checkmark:focus {\n outline-style: dotted;\n }\n }\n .cds--tile__chevron {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .cds--tile__chevron svg {\n transform-origin: center;\n }\n .cds--tile__chevron--interactive {\n padding: 0;\n border: 0;\n margin: 0;\n font-size: 100%;\n display: inline-block;\n background: 0 0;\n cursor: pointer;\n text-align: start;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .cds--tile__chevron--interactive *,\n .cds--tile__chevron--interactive ::after,\n .cds--tile__chevron--interactive ::before {\n box-sizing: inherit;\n }\n .cds--tile__chevron--interactive::-moz-focus-inner {\n border: 0;\n }\n .cds--tile__chevron--interactive:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--tile__chevron--interactive:hover {\n cursor: pointer;\n }\n .cds--tile--expandable {\n position: relative;\n overflow: hidden;\n width: 100%;\n border: 0;\n color: inherit;\n cursor: pointer;\n font-family: inherit;\n font-size: inherit;\n text-align: left;\n transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n }\n .cds--tile-input,\n .cds--toggle__button {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n }\n .cds--tile--expandable:hover {\n background: var(--cds-layer-hover);\n }\n .cds--tile--expandable.cds--tile--expandable--interactive {\n cursor: default;\n transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tile--is-expanded .cds--tile-content__below-the-fold,\n .cds--tile-content__below-the-fold {\n transition:\n opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tile--expandable.cds--tile--expandable--interactive:hover {\n background-color: var(--cds-layer);\n }\n .cds--tile--expandable.cds--tile--expandable--interactive:focus {\n outline: 0;\n }\n .cds--tile--expandable--interactive:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--tile-content__above-the-fold {\n display: block;\n }\n .cds--tile-content__below-the-fold {\n display: block;\n opacity: 0;\n visibility: hidden;\n }\n .cds--tile--is-expanded {\n overflow: visible;\n transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tile--is-expanded .cds--tile-content__below-the-fold {\n opacity: 1;\n visibility: inherit;\n }\n @media not all and (min-resolution: 0.001dpcm) {\n @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n .cds--tile--is-expanded .cds--tile-content__below-the-fold {\n overflow-y: auto;\n }\n }\n }\n .cds--tile--is-selected {\n border: 1px solid var(--cds-layer-selected-inverse, #161616);\n }\n @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n .cds--tile--is-selected .cds--tile__checkmark svg,\n .cds--tile__chevron svg {\n fill: ButtonText;\n }\n }\n .cds--tile--disabled .cds--tile__checkmark svg,\n .cds--time-picker--readonly .cds--select-input + .cds--select__arrow {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--tile-content {\n width: 100%;\n height: 100%;\n }\n .cds--tile-input {\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n visibility: inherit;\n }\n .cds--tile-input:focus + .cds--tile {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--tile--expandable--interactive:focus,\n .cds--tile-input:focus + .cds--tile {\n outline-style: dotted;\n }\n }\n .cds--tile--disabled.cds--tile--selectable {\n background-color: var(--cds-layer);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--tile--disabled.cds--tile--selectable.cds--tile--light {\n background-color: var(--cds-layer-02, #fff);\n }\n .cds--tile--disabled.cds--tile--is-selected {\n border-color: var(--cds-button-disabled, #c6c6c6);\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--tile--is-selected .cds--tile__checkmark svg,\n .cds--tile__checkmark svg,\n .cds--tile__chevron svg {\n fill: ButtonText;\n }\n }\n .cds--time-picker {\n display: flex;\n align-items: flex-end;\n }\n .cds--time-picker__select {\n justify-content: center;\n }\n .cds--time-picker__select:not(:last-of-type) {\n margin: 0 0.125rem;\n }\n .cds--time-picker__input {\n display: flex;\n flex-direction: column;\n }\n .cds--time-picker .cds--select-input {\n width: auto;\n min-width: auto;\n padding-right: 3rem;\n margin: 0;\n line-height: 1;\n }\n .cds--time-picker__input-field {\n outline: transparent solid 2px;\n outline-offset: -2px;\n font-family: var(\n --cds-code-02-font-family,\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n monospace\n );\n font-size: var(--cds-code-02-font-size, 0.875rem);\n font-weight: var(--cds-code-02-font-weight, 400);\n line-height: var(--cds-code-02-line-height, 1.42857);\n letter-spacing: var(--cds-code-02-letter-spacing, 0.32px);\n display: flex;\n width: 4.875rem;\n height: 2.5rem;\n align-items: center;\n transition:\n outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9),\n background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--toggletip-content,\n .cds--toggletip-label {\n font-weight: var(--cds-body-01-font-weight, 400);\n line-height: var(--cds-body-01-line-height, 1.42857);\n letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n }\n .cds--time-picker__input-field::placeholder {\n color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n opacity: 1;\n }\n .cds--time-picker--light .cds--select-input {\n background-color: var(--cds-field-02, #fff);\n }\n .cds--time-picker--light .cds--select-input:hover {\n background-color: var(--cds-field-hover);\n }\n .cds--time-picker--light .cds--select-input:disabled,\n .cds--time-picker--light .cds--select-input:hover:disabled {\n border-bottom: 1px solid transparent;\n background-color: transparent;\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n cursor: not-allowed;\n }\n .cds--time-picker--readonly .cds--select-input,\n .cds--time-picker--readonly .cds--time-picker__input-field {\n border-bottom-color: var(--cds-border-subtle);\n background-color: transparent;\n }\n .cds--time-picker--sm .cds--select-input,\n .cds--time-picker--sm .cds--time-picker__input-field {\n height: 2rem;\n max-height: 2rem;\n }\n .cds--time-picker--lg .cds--select-input,\n .cds--time-picker--lg .cds--time-picker__input-field {\n height: 3rem;\n max-height: 3rem;\n }\n .cds--time-picker--readonly .cds--select-input {\n cursor: default;\n }\n .cds--toggletip--open .cds--toggletip-button svg,\n .cds--toggletip-button:hover svg,\n .cds--tree-node--selected > .cds--tree-node__label .cds--tree-node__icon,\n .cds--tree-node--selected\n > .cds--tree-node__label\n .cds--tree-parent-node__toggle-icon,\n .cds--tree-node__label:hover .cds--tree-node__icon,\n .cds--tree-node__label:hover .cds--tree-parent-node__toggle-icon {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--toggletip-label {\n font-size: var(--cds-body-01-font-size, 0.875rem);\n margin-right: 0.5rem;\n color: var(--cds-text-secondary, #525252);\n }\n .cds--toggletip-button {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n display: inline-block;\n appearance: none;\n background: 0 0;\n cursor: pointer;\n text-align: start;\n width: 100%;\n display: flex;\n align-items: center;\n }\n .cds--toggletip-button *,\n .cds--toggletip-button ::after,\n .cds--toggletip-button ::before {\n box-sizing: inherit;\n }\n .cds--toggletip-button::-moz-focus-inner {\n border: 0;\n }\n .cds--toggletip-button svg {\n fill: var(--cds-icon-secondary, #525252);\n }\n .cds--toggletip-button:focus {\n outline: 1px solid var(--cds-focus, #0f62fe);\n }\n @media screen and (prefers-contrast) {\n .cds--toggletip-button:focus {\n outline-style: dotted;\n }\n }\n .cds--toggletip {\n --cds-popover-offset: 0.8125rem;\n }\n .cds--toggletip-content {\n --cds-button-focus-color: var(--cds-focus-inverse, #ffffff);\n --cds-link-text-color: var(--cds-link-inverse, #78a9ff);\n --cds-link-hover-text-color: var(--cds-link-inverse, #78a9ff);\n --cds-link-focus-text-color: var(--cds-focus-inverse, #ffffff);\n font-size: var(--cds-body-01-font-size, 0.875rem);\n display: grid;\n max-width: 18rem;\n padding: 1rem;\n row-gap: 1rem;\n }\n .cds--toggletip-actions {\n display: flex;\n align-items: center;\n justify-content: space-between;\n column-gap: 1rem;\n }\n .cds--toggle {\n display: inline-block;\n user-select: none;\n }\n .cds--toggle__label-text {\n font-size: var(--cds-label-01-font-size, 0.75rem);\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n display: block;\n margin-bottom: 1rem;\n color: var(--cds-text-secondary, #525252);\n }\n .cds--toggle__button {\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n visibility: inherit;\n }\n .cds--toggle__button:focus {\n outline: 0;\n }\n .cds--toggle__appearance {\n display: inline-grid;\n align-items: center;\n column-gap: 0.5rem;\n cursor: pointer;\n grid-template-columns: max-content max-content;\n }\n .cds--toggle--disabled .cds--toggle__appearance,\n .cds--tree-node--disabled,\n .cds--tree-node--disabled .cds--tree-parent-node__toggle-icon:hover {\n cursor: not-allowed;\n }\n .cds--toggle__switch {\n position: relative;\n width: 3rem;\n height: 1.5rem;\n background-color: var(--cds-toggle-off, #8d8d8d);\n border-radius: 0.75rem;\n transition: background-color 70ms cubic-bezier(0.2, 0, 1, 0.9);\n }\n .cds--toggle__switch::before {\n position: absolute;\n top: 0.1875rem;\n left: 0.1875rem;\n width: 1.125rem;\n height: 1.125rem;\n background-color: var(--cds-icon-on-color, #fff);\n border-radius: 50%;\n content: '';\n transition: transform 70ms cubic-bezier(0.2, 0, 1, 0.9);\n }\n @media screen and (prefers-reduced-motion: reduce) {\n .cds--tile__chevron svg,\n .cds--toggle__switch::before {\n transition: none;\n }\n }\n .cds--toggle:active .cds--toggle__switch,\n .cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,\n .cds--toggle__button:not(:disabled):active\n + .cds--toggle__label\n .cds--toggle__switch {\n box-shadow:\n 0 0 0 1px var(--cds-focus-inset, #fff),\n 0 0 0 3px var(--cds-focus, #0f62fe);\n }\n .cds--toggle__switch--checked {\n background-color: var(--cds-support-success, #24a148);\n }\n .cds--toggle__switch--checked::before {\n transform: translateX(1.5rem);\n }\n .cds--toggle__text {\n font-size: var(--cds-body-01-font-size, 0.875rem);\n font-weight: var(--cds-body-01-font-weight, 400);\n line-height: var(--cds-body-01-line-height, 1.42857);\n letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n color: var(--cds-text-primary, #161616);\n }\n .cds--tree-node__label,\n a.cds--header__name {\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-body-compact-01-font-weight, 400);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n }\n .cds--toggle__appearance--sm .cds--toggle__switch {\n width: 2rem;\n height: 1rem;\n }\n .cds--toggle__appearance--sm .cds--toggle__switch::before {\n width: 0.625rem;\n height: 0.625rem;\n }\n .cds--toggle__appearance--sm .cds--toggle__switch--checked::before {\n transform: translateX(1rem);\n }\n .cds--header__menu-title[aria-expanded='true'] > .cds--header__menu-arrow,\n .cds--side-nav__submenu[aria-expanded='true']\n .cds--side-nav__submenu-chevron\n > svg {\n transform: rotate(180deg);\n }\n .cds--toggle__check {\n position: absolute;\n top: 0.375rem;\n right: 0.3125rem;\n width: 0.375rem;\n height: 0.3125rem;\n fill: var(--cds-support-success, #24a148);\n visibility: hidden;\n }\n .cds--btn.cds--btn--icon-only.cds--header__action svg,\n .cds--tree-node__icon,\n .cds--tree-parent-node__toggle-icon {\n fill: var(--cds-icon-secondary, #525252);\n }\n .cds--toggle__switch--checked .cds--toggle__check {\n visibility: visible;\n }\n .cds--toggle--disabled .cds--toggle__label-text,\n .cds--toggle--disabled .cds--toggle__text {\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--toggle--disabled .cds--toggle__switch {\n background-color: var(--cds-button-disabled, #c6c6c6);\n }\n .cds--toggle--disabled .cds--toggle__switch::before {\n background-color: var(--cds-icon-on-color-disabled, #8d8d8d);\n }\n .cds--toggle--disabled .cds--toggle__check {\n fill: var(--cds-button-disabled, #c6c6c6);\n }\n .cds--toggle--readonly .cds--toggle__appearance {\n cursor: default;\n }\n .cds--toggle--readonly .cds--toggle__switch {\n border: 1px solid var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n background-color: transparent;\n }\n .cds--toggle--readonly .cds--toggle__switch::before {\n top: 0.125rem;\n left: 0.125rem;\n background-color: var(--cds-text-primary, #161616);\n }\n .cds--toggle--readonly .cds--toggle__check {\n top: 0.3125rem;\n right: 0.25rem;\n fill: var(--cds-background, #ffffff);\n }\n .cds--toggle--readonly .cds--toggle__text {\n cursor: text;\n user-select: text;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--toggle__switch,\n .cds--toggle__switch::before {\n outline: transparent solid 1px;\n }\n .cds--toggle:active .cds--toggle__switch,\n .cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,\n .cds--toggle__button:not(:disabled):active\n + .cds--toggle__label\n .cds--toggle__switch {\n color: Highlight;\n outline: Highlight solid 1px;\n }\n }\n .cds--tree {\n overflow: hidden;\n }\n .cds--tree-node {\n padding-left: 1rem;\n background-color: var(--cds-layer-01, #f4f4f4);\n color: var(--cds-text-secondary, #525252);\n }\n .cds--tree-node:focus {\n outline: 0;\n }\n .cds--tree-node:hover {\n cursor: pointer;\n }\n .cds--tree-node:focus > .cds--tree-node__label {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--tree-node:focus > .cds--tree-node__label {\n outline-style: dotted;\n }\n }\n .cds--tree-node--disabled:focus > .cds--tree-node__label,\n .cds--tree-parent-node__toggle:focus {\n outline: 0;\n }\n .cds--tree-node--disabled,\n .cds--tree-node--disabled .cds--tree-node__label:hover,\n .cds--tree-node--disabled\n .cds--tree-node__label:hover\n .cds--tree-node__label__details {\n background-color: var(--cds-field-01, #f4f4f4);\n color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--content,\n .cds--header__action:active,\n .cds--header__menu-item--current,\n .cds--header__menu-title[aria-expanded='true']\n + .cds--header__menu\n .cds--header__menu-item:hover,\n .cds--tree-node--selected > .cds--tree-node__label,\n .cds--tree-node__label:hover,\n .cds--tree-node__label:hover .cds--tree-node__label__details,\n a.cds--header__menu-item:active,\n a.cds--header__menu-item:hover,\n a.cds--header__menu-item[aria-current='page'],\n a.cds--header__name,\n a.cds--header__name:hover {\n color: var(--cds-text-primary, #161616);\n }\n .cds--tree-node--disabled .cds--tree-node__icon,\n .cds--tree-node--disabled .cds--tree-node__label:hover .cds--tree-node__icon,\n .cds--tree-node--disabled\n .cds--tree-node__label:hover\n .cds--tree-parent-node__toggle-icon,\n .cds--tree-node--disabled .cds--tree-parent-node__toggle-icon {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--tree-node__label {\n display: flex;\n min-height: 2rem;\n flex: 1;\n align-items: center;\n }\n .cds--header__action,\n .cds--side-nav__submenu {\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n appearance: none;\n text-align: start;\n cursor: pointer;\n }\n .cds--tree-node__label__details,\n .cds--tree-parent-node__toggle {\n display: flex;\n align-items: center;\n }\n .cds--tree-node__label:hover {\n background-color: var(--cds-layer-hover-01, #e8e8e8);\n }\n .cds--tree-node:not(.cds--tree-parent-node) .cds--tree-node__label {\n padding-top: 0.4375rem;\n padding-bottom: 0.4375rem;\n }\n .cds--tree-leaf-node {\n display: flex;\n padding-left: 2.5rem;\n }\n .cds--tree-node--with-icon .cds--tree-parent-node__toggle {\n margin-right: 0;\n }\n .cds--tree-parent-node__toggle {\n width: 1.5rem;\n height: 1.5rem;\n align-self: flex-start;\n padding-left: 0.25rem;\n border: 0;\n margin-top: 0.25rem;\n margin-right: 0.25rem;\n }\n .cds--tree-parent-node__toggle:hover {\n cursor: pointer;\n }\n .cds--cc--chart-wrapper.zoomed-in,\n .cds--cc--chart-wrapper.zoomed-in\n .cds--cc--circle-pack\n circle.node.clickable {\n cursor: zoom-out;\n }\n .cds--tree-parent-node__toggle-icon {\n transform: rotate(-90deg);\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n .cds--tree-parent-node__toggle-icon--expanded {\n transform: rotate(0);\n }\n .cds--tree-node__icon {\n min-width: 1rem;\n min-height: 1rem;\n align-self: flex-start;\n margin-top: 0.0625rem;\n margin-right: 0.5rem;\n }\n .cds--tree-node--selected > .cds--tree-node__label {\n background-color: var(--cds-layer-selected-01, #e0e0e0);\n }\n .cds--header__action:hover,\n a.cds--header__menu-item:hover {\n background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n }\n .cds--tree-node--selected > .cds--tree-node__label:hover {\n background-color: var(--cds-layer-selected-hover-01, #d1d1d1);\n }\n .cds--tree-node--active > .cds--tree-node__label {\n position: relative;\n }\n .cds--tree-node--active > .cds--tree-node__label::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 0.25rem;\n height: 100%;\n background-color: var(--cds-interactive, #0f62fe);\n content: '';\n }\n .cds--tree--xs .cds--tree-node__label {\n min-height: 1.5rem;\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n }\n .cds--header,\n a.cds--header__menu-item {\n background-color: var(--cds-background, #fff);\n }\n .cds--chart-holder\n .cds--cc--toolbar\n div.toolbar-control.disabled\n button:focus,\n .cds--header__action:focus,\n a.cds--header__menu-item:focus,\n a.cds--header__name {\n outline: 0;\n }\n .cds--content {\n padding: 2rem;\n will-change: margin-left;\n }\n .cds--header-panel,\n .cds--side-nav {\n z-index: 8000;\n will-change: width;\n overflow: hidden;\n }\n .cds--header ~ .cds--content {\n margin-top: 3rem;\n }\n .cds--side-nav ~ .cds--content {\n margin-left: 3rem;\n }\n .cds--side-nav.cds--side-nav--expanded ~ .cds--content {\n margin-left: 16rem;\n }\n .cds--header {\n position: fixed;\n z-index: 8000;\n top: 0;\n right: 0;\n left: 0;\n display: flex;\n height: 3rem;\n align-items: center;\n border-bottom: 1px solid var(--cds-border-subtle);\n }\n .cds--header__action {\n box-sizing: border-box;\n padding: 0;\n border: 0.0625rem solid transparent;\n margin: 0;\n display: inline-block;\n background: 0 0;\n display: inline-flex;\n width: 3rem;\n height: 3rem;\n transition:\n background-color 110ms,\n border-color 110ms;\n }\n .cds--header__action *,\n .cds--header__action ::after,\n .cds--header__action ::before {\n box-sizing: inherit;\n }\n .cds--header__action::-moz-focus-inner {\n border: 0;\n }\n .cds--header__action--active > svg.cds--navigation-menu-panel-collapse-icon {\n display: inline;\n }\n .cds--header__action--active {\n border-right: 1px solid var(--cds-border-subtle);\n border-bottom: 1px solid transparent;\n border-left: 1px solid var(--cds-border-subtle);\n background: var(--cds-layer);\n }\n .cds--header__action:focus,\n a.cds--header__menu-item:focus,\n a.cds--header__name:focus {\n border-color: var(--cds-focus, #0f62fe);\n }\n .cds--header__action--active > svg {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--header__action:active {\n background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));\n }\n .cds--header__action.cds--btn--icon-only {\n align-items: center;\n justify-content: center;\n }\n .cds--btn.cds--btn--icon-only.cds--header__action--active svg,\n .cds--btn.cds--btn--icon-only.cds--header__action:active svg,\n .cds--btn.cds--btn--icon-only.cds--header__action:hover svg,\n .cds--header__menu-trigger:hover > svg,\n .cds--header__menu-trigger > svg,\n .cds--side-nav__item--active .cds--side-nav__icon > svg,\n a.cds--header__menu-item:active > svg,\n a.cds--header__menu-item:hover > svg {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--header__menu-arrow,\n .cds--side-nav .cds--header__menu-arrow,\n .cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,\n .cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,\n .cds--side-nav__icon > svg {\n fill: var(--cds-icon-secondary, #525252);\n }\n .cds--header__menu-toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n a.cds--header__name {\n display: flex;\n height: 100%;\n align-items: center;\n padding: 0 2rem 0 1rem;\n border: 0.125rem solid transparent;\n font-weight: 600;\n letter-spacing: 0.1px;\n line-height: 1.25rem;\n text-decoration: none;\n transition: border-color 110ms;\n user-select: none;\n }\n @media (max-width: 41.98rem) {\n .cds--header__action {\n min-width: 3rem;\n }\n a.cds--header__name {\n padding: 0 1rem;\n }\n }\n .cds--header__name--prefix {\n font-weight: 400;\n }\n .cds--header__menu-toggle:not(.cds--header__menu-toggle__hidden)\n ~ .cds--header__name {\n padding-left: 0.5rem;\n }\n .cds--header__nav {\n position: relative;\n display: none;\n height: 100%;\n padding-left: 1rem;\n }\n @media (min-width: 66rem) {\n .cds--header__menu-toggle__hidden {\n display: none;\n }\n .cds--header__nav {\n display: block;\n }\n }\n .cds--header__nav::before {\n position: absolute;\n top: 50%;\n left: 0;\n display: block;\n width: 0.0625rem;\n height: 1.5rem;\n background-color: var(--cds-border-subtle);\n content: '';\n transform: translateY(-50%);\n }\n .cds--header__menu-bar {\n display: flex;\n height: 100%;\n padding: 0;\n margin: 0;\n list-style: none;\n }\n a.cds--header__menu-item {\n position: relative;\n display: flex;\n height: 100%;\n align-items: center;\n padding: 0 1rem;\n border: 2px solid transparent;\n color: var(--cds-text-secondary, #525252);\n font-size: 0.875rem;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 1.125rem;\n text-decoration: none;\n transition:\n background-color 110ms,\n border-color 110ms,\n color 110ms;\n user-select: none;\n }\n .cds--header__action:active,\n a.cds--header__menu-item:active {\n background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));\n }\n .cds--header-panel,\n .cds--header__menu-title[aria-expanded='true'],\n .cds--header__menu-title[aria-expanded='true']\n + .cds--header__menu\n .cds--header__menu-item {\n background-color: var(--cds-layer);\n }\n .cds--header-panel,\n .cds--side-nav,\n .cds--skip-to-content:focus {\n color: var(--cds-text-secondary, #525252);\n }\n .cds--header__menu-item--current::after,\n a.cds--header__menu-item[aria-current='page']::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: -2px;\n left: 0;\n width: 100%;\n border-bottom: 3px solid var(--cds-border-interactive, #0f62fe);\n content: '';\n }\n .cds--header__menu-item--current:focus::after,\n a.cds--header__menu-item[aria-current='page']:focus::after {\n border: 0;\n }\n .cds--header__submenu\n .cds--header__menu\n .cds--header__menu-item--current::after,\n .cds--header__submenu\n .cds--header__menu\n a.cds--header__menu-item[aria-current='page']::after {\n bottom: 0;\n left: -2px;\n border-bottom: none;\n border-left: 3px solid var(--cds-border-interactive, #0f62fe);\n }\n .cds--header__submenu\n .cds--header__menu\n .cds--header__menu-item--current:focus::after,\n .cds--header__submenu\n .cds--header__menu\n a.cds--header__menu-item[aria-current='page']:focus::after {\n left: 0;\n border-left: 3px solid var(--cds-border-interactive, #0f62fe);\n }\n a.cds--header__menu-item.cds--header__menu-item--current:focus,\n a.cds--header__menu-item[aria-current='page']:focus {\n border: 2px solid var(--cds-focus, #0f62fe);\n }\n .cds--header__menu-title[aria-haspopup='true'],\n .cds--header__submenu {\n position: relative;\n }\n .cds--header__menu-title[aria-expanded='true'] {\n z-index: 8002;\n color: var(--cds-text-secondary, #525252);\n }\n .cds--header__menu {\n display: none;\n padding: 0;\n margin: 0;\n list-style: none;\n }\n .cds--header__menu-title[aria-expanded='true'] + .cds--header__menu {\n position: absolute;\n z-index: 8001;\n bottom: 0;\n left: 0;\n display: flex;\n width: 12.5rem;\n flex-direction: column;\n background-color: var(--cds-layer);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);\n transform: translateY(100%);\n }\n .cds--header__menu-title[aria-expanded='true']\n + .cds--header__menu\n .cds--header__menu-item:active {\n background-color: var(--cds-layer-active);\n color: var(--cds-text-primary, #161616);\n }\n .cds--header__menu .cds--header__menu-item {\n height: 3rem;\n }\n .cds--header__menu-arrow {\n margin-left: 0.5rem;\n transition:\n transform 110ms,\n fill 110ms;\n }\n .cds--header__global {\n display: flex;\n height: 100%;\n flex: 1 1 0%;\n justify-content: flex-end;\n }\n .cds--skip-to-content {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n }\n .cds--cc--axes g.axis g.ticks.invisible,\n .cds--cc--heatmap g.highlighter-hidden,\n .cds--side-nav__menu {\n visibility: hidden;\n }\n .cds--skip-to-content:focus {\n z-index: 9999;\n top: 0;\n left: 0;\n display: flex;\n width: auto;\n height: 3rem;\n align-items: center;\n padding: 0 1rem;\n border: 4px solid var(--cds-focus, #0f62fe);\n background-color: var(--cds-background, #fff);\n clip: auto;\n outline: 0;\n }\n .cds--header-panel {\n position: fixed;\n top: 3rem;\n right: 0;\n bottom: 0;\n width: 0;\n border: none;\n transition: width 110ms cubic-bezier(0.2, 0, 1, 0.9);\n }\n .cds--header-panel--expanded {\n width: 16rem;\n border-right: 1px solid var(--cds-border-subtle);\n border-left: 1px solid var(--cds-border-subtle);\n }\n .cds--side-nav {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n width: 3rem;\n max-width: 16rem;\n background-color: var(--cds-background, #fff);\n transition: width 0.11s cubic-bezier(0.2, 0, 1, 0.9);\n }\n .cds--side-nav--ux {\n top: 3rem;\n width: 16rem;\n }\n @media (max-width: 65.98rem) {\n .cds--side-nav--ux {\n width: 0;\n }\n }\n .cds--side-nav--rail {\n width: 3rem;\n }\n .cds--side-nav--hidden {\n width: 0;\n }\n .cds--side-nav--expanded,\n .cds--side-nav.cds--side-nav--rail:not(.cds--side-nav--fixed):hover {\n width: 16rem;\n }\n .cds--side-nav__overlay {\n position: fixed;\n top: 3rem;\n left: 0;\n width: 0;\n height: 0;\n background-color: transparent;\n opacity: 0;\n transition:\n opacity 0.3s cubic-bezier(0.5, 0, 0.1, 1),\n background-color 0.3s cubic-bezier(0.5, 0, 0.1, 1);\n }\n @media (max-width: 65.98rem) {\n .cds--side-nav__overlay-active {\n width: 100vw;\n height: 100vh;\n background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));\n opacity: 1;\n transition:\n opacity 0.3s cubic-bezier(0.5, 0, 0.1, 1),\n background-color 0.3s cubic-bezier(0.5, 0, 0.1, 1);\n }\n }\n .cds--header ~ .cds--side-nav {\n top: 3rem;\n height: calc(100% - 48px);\n }\n .cds--side-nav--fixed {\n width: 16rem;\n }\n .cds--side-nav--collapsed {\n width: 16rem;\n transform: translateX(-16rem);\n }\n .cds--side-nav--ux .cds--side-nav__item,\n .cds--side-nav__item {\n width: auto;\n height: auto;\n }\n .cds--side-nav__navigation {\n display: flex;\n flex-direction: column;\n }\n .cds--side-nav__items {\n overflow: hidden;\n flex: 1 1 0%;\n padding: 1rem 0 0;\n }\n .cds--side-nav--expanded .cds--side-nav__items,\n .cds--side-nav--fixed .cds--side-nav__items,\n .cds--side-nav--ux .cds--side-nav__items,\n .cds--side-nav:hover .cds--side-nav__items {\n overflow-y: auto;\n }\n .cds--side-nav__item {\n overflow: hidden;\n }\n .cds--side-nav__item--large,\n .cds--side-nav__item--large .cds--side-nav__submenu {\n height: 3rem;\n }\n .cds--side-nav .cds--header__menu-title[aria-expanded='true']:hover,\n .cds--side-nav a.cds--header__menu-item:hover,\n .cds--side-nav__item:not(.cds--side-nav__item--active):hover\n .cds--side-nav__item:not(.cds--side-nav__item--active)\n > .cds--side-nav__submenu:hover,\n .cds--side-nav__item:not(.cds--side-nav__item--active)\n > .cds--side-nav__link:hover,\n .cds--side-nav__menu\n a.cds--side-nav__link:not(.cds--side-nav__link--current):not(\n [aria-current='page']\n ):hover {\n background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n color: var(--cds-text-primary, #161616);\n }\n .cds--side-nav__item--active .cds--side-nav__submenu:hover,\n .cds--side-nav__menu a.cds--side-nav__link--current,\n .cds--side-nav__menu a.cds--side-nav__link[aria-current='page'],\n a.cds--side-nav__link--current,\n a.cds--side-nav__link[aria-current='page'] {\n background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n }\n .cds--side-nav__item:not(.cds--side-nav__item--active)\n .cds--side-nav__menu-item\n > .cds--side-nav__link:hover\n > span,\n .cds--side-nav__item:not(.cds--side-nav__item--active)\n > .cds--side-nav__link:hover\n > span {\n color: var(--cds-text-primary, #161616);\n }\n .cds--side-nav__divider {\n height: 1px;\n margin: 0.5rem 1rem;\n background-color: var(--cds-border-subtle);\n }\n .cds--side-nav__submenu {\n box-sizing: border-box;\n padding: 0 1rem;\n border: 0;\n margin: 0;\n display: inline-block;\n background: 0 0;\n width: 100%;\n font-size: var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-compact-01-font-weight, 600);\n line-height: var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);\n outline: transparent solid 2px;\n outline-offset: -2px;\n display: flex;\n height: 2rem;\n align-items: center;\n color: var(--cds-text-secondary, #525252);\n transition:\n color 110ms,\n background-color 110ms,\n outline 110ms;\n user-select: none;\n }\n .cds--cc--axes g.axis .axis-title,\n .cds--cc--axes g.axis g.tick text,\n .cds--cc--title p.title,\n .cds--cc--tooltip {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--side-nav__submenu *,\n .cds--side-nav__submenu ::after,\n .cds--side-nav__submenu ::before {\n box-sizing: inherit;\n }\n .cds--side-nav__submenu::-moz-focus-inner {\n border: 0;\n }\n .cds--side-nav__submenu:hover {\n background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n color: var(--cds-text-primary, #161616);\n }\n .cds--side-nav__submenu:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--side-nav__submenu-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: left;\n }\n .cds--side-nav__icon.cds--side-nav__submenu-chevron {\n display: flex;\n flex: 1;\n justify-content: flex-end;\n }\n .cds--side-nav__submenu-chevron > svg {\n width: 1rem;\n height: 1rem;\n transition: transform 110ms;\n }\n .cds--side-nav__item--active .cds--side-nav__submenu:hover {\n color: var(--cds-text-primary, #161616);\n }\n .cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded='false'] {\n position: relative;\n background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n color: var(--cds-text-primary, #161616);\n }\n .cds--side-nav__item--active\n .cds--side-nav__submenu[aria-expanded='false']::before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 3px;\n background-color: var(--cds-border-interactive, #0f62fe);\n content: '';\n }\n .cds--side-nav__item--active .cds--side-nav__submenu-title {\n color: var(--cds-text-primary, #161616);\n font-weight: 600;\n }\n .cds--side-nav__menu {\n display: block;\n max-height: 0;\n }\n .cds--side-nav__submenu[aria-expanded='true'] + .cds--side-nav__menu {\n max-height: 93.75rem;\n visibility: inherit;\n }\n .cds--side-nav__menu a.cds--side-nav__link {\n height: 2rem;\n min-height: 2rem;\n padding-left: 2rem;\n font-weight: 400;\n }\n .cds--side-nav\n .cds--header__menu-title[aria-expanded='true']\n + .cds--header__menu,\n .cds--side-nav a.cds--header__menu-item,\n .cds--switcher__item-link,\n a.cds--side-nav__link {\n font-size: var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-compact-01-font-weight, 600);\n line-height: var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);\n text-decoration: none;\n }\n .cds--side-nav__item.cds--side-nav__item--icon a.cds--side-nav__link {\n padding-left: 4.5rem;\n }\n .cds--side-nav__menu a.cds--side-nav__link--current > span,\n .cds--side-nav__menu a.cds--side-nav__link[aria-current='page'] > span,\n a.cds--side-nav__link--current > span {\n color: var(--cds-text-primary, #161616);\n font-weight: 600;\n }\n .cds--side-nav\n .cds--header__menu-title[aria-expanded='true']\n + .cds--header__menu,\n .cds--side-nav a.cds--header__menu-item,\n a.cds--side-nav__link {\n outline: transparent solid 2px;\n outline-offset: -2px;\n position: relative;\n display: flex;\n min-height: 2rem;\n align-items: center;\n padding: 0 1rem;\n transition:\n color 110ms,\n background-color 110ms,\n outline 110ms;\n }\n .cds--side-nav__item--large a.cds--side-nav__link {\n height: 3rem;\n }\n .cds--side-nav a.cds--header__menu-item .cds--text-truncate-end,\n a.cds--side-nav__link > .cds--side-nav__link-text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--cds-text-secondary, #525252);\n font-size: 0.875rem;\n letter-spacing: 0.1px;\n line-height: 1.25rem;\n user-select: none;\n }\n .cds--cc--axes,\n .cds--cc--chart-wrapper,\n .cds--cc--chart-wrapper .layout-child,\n .cds--cc--donut,\n .cds--cc--gauge,\n .cds--cc--meter-title,\n .cds--cc--pie {\n overflow: visible;\n }\n .cds--side-nav a.cds--header__menu-item:focus,\n a.cds--side-nav__link:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--side-nav a.cds--header__menu-item:focus,\n .cds--side-nav__submenu:focus,\n a.cds--side-nav__link:focus {\n outline-style: dotted;\n }\n }\n a.cds--side-nav__link--current,\n a.cds--side-nav__link[aria-current='page'] {\n font-weight: 600;\n }\n a.cds--side-nav__link--current .cds--side-nav__link-text,\n a.cds--side-nav__link[aria-current='page'] .cds--side-nav__link-text {\n color: var(--cds-text-primary, #161616);\n }\n a.cds--side-nav__link--current::before,\n a.cds--side-nav__link[aria-current='page']::before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 3px;\n background-color: var(--cds-border-interactive, #0f62fe);\n content: '';\n }\n .cds--chart-holder\n .cds--cc--toolbar\n div.toolbar-control.disabled\n button:hover,\n .cds--chart-holder .cds--cc--toolbar div.toolbar-control.disabled:hover,\n .cds--chart-holder .cds--modal .cds--modal-container .cds--modal-footer,\n .cds--side-nav a.cds--header__menu-item[aria-expanded='true'] {\n background-color: transparent;\n }\n .cds--side-nav__icon {\n display: flex;\n flex: 0 0 1rem;\n align-items: center;\n justify-content: center;\n }\n .cds--cc--axes g.axis g.tick line,\n .cds--side-nav--expanded .cds--side-nav__icon > svg.cds--side-nav-expand-icon,\n .cds--side-nav__header-navigation,\n .cds--side-nav__icon > svg.cds--side-nav-collapse-icon,\n div.container div.cds--snippet--multi .cds--snippet-container pre::after,\n div.container div.demo-desktop-only div.cp-message {\n display: none;\n }\n .cds--side-nav__icon:not(.cds--side-nav__submenu-chevron) {\n margin-right: 1.5rem;\n }\n .cds--side-nav__icon > svg {\n width: 1rem;\n height: 1rem;\n }\n .cds--side-nav--expanded\n .cds--side-nav__icon\n > svg.cds--side-nav-collapse-icon {\n display: block;\n }\n .cds--side-nav--fixed .cds--side-nav__submenu,\n .cds--side-nav--fixed a.cds--side-nav__link {\n padding-left: 1rem;\n }\n @media (max-width: 65.98rem) {\n .cds--side-nav .cds--header__nav {\n display: block;\n }\n .cds--side-nav__header-navigation {\n position: relative;\n display: block;\n margin-bottom: 2rem;\n }\n }\n .cds--side-nav__header-divider::after {\n position: absolute;\n bottom: -1rem;\n left: 1rem;\n width: calc(100% - 32px);\n height: 0.0625rem;\n background: var(--cds-border-subtle);\n content: '';\n }\n .cds--side-nav a.cds--header__menu-item {\n justify-content: space-between;\n color: var(--cds-text-secondary, #525252);\n white-space: nowrap;\n }\n .cds--side-nav\n .cds--header__menu-title[aria-expanded='true']\n + .cds--header__menu {\n bottom: inherit;\n width: 100%;\n padding: 0;\n background-color: transparent;\n box-shadow: none;\n transform: none;\n }\n .cds--side-nav\n .cds--header__menu-title[aria-expanded='true']\n + .cds--header__menu\n li {\n width: 100%;\n }\n .cds--side-nav\n .cds--header__menu-title[aria-expanded='true']\n + .cds--header__menu\n a.cds--header__menu-item {\n padding-left: 4.25rem;\n font-weight: 400;\n }\n .cds--side-nav\n .cds--header__menu-title[aria-expanded='true']\n + .cds--header__menu\n a.cds--header__menu-item:hover {\n background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n color: var(--cds-text-primary, #161616);\n }\n .cds--side-nav .cds--header__menu a.cds--header__menu-item {\n height: inherit;\n }\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n .cds--side-nav .cds--header__menu-arrow,\n .cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,\n .cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,\n .cds--side-nav__icon > svg {\n fill: ButtonText;\n }\n }\n .cds--switcher {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: var(--cds-text-secondary, #525252);\n }\n .cds--switcher__item {\n width: 100%;\n height: 2rem;\n }\n .cds--switcher__item:first-child {\n margin-top: 1rem;\n }\n .cds--switcher__item--divider {\n display: block;\n width: 14rem;\n height: 1px;\n border: none;\n margin: 0.5rem 1rem;\n background: var(--cds-border-subtle);\n }\n .cds--switcher__item-link {\n display: block;\n height: 2rem;\n padding: 0.375rem 1rem;\n color: var(--cds-text-secondary, #525252);\n }\n .cds--cc--threshold--label,\n .cds--cc--tooltip .content-box,\n .cds--switcher__item-link--selected,\n .cds--switcher__item-link:active {\n color: var(--cds-text-primary, #161616);\n }\n .cds--switcher__item-link:hover:not(.cds--switcher__item-link--selected) {\n background: var(--cds-layer-hover);\n color: var(--cds-text-primary, #161616);\n cursor: pointer;\n }\n .cds--switcher__item-link:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n .cds--switcher__item-link:active {\n background: var(--cds-layer-active);\n }\n .cds--switcher__item-link--selected {\n background: var(--cds-layer-selected);\n }\n .cds--chart-holder[data-carbon-theme='g100'],\n .cds--chart-holder[data-carbon-theme='g90'] {\n --cds-charts-1-1-1: #d4bbff;\n --cds-charts-1-1-1-hovered: #bd97ff;\n --cds-charts-1-2-1: #4589ff;\n --cds-charts-1-2-1-hovered: #2172ff;\n --cds-charts-1-3-1: #33b1ff;\n --cds-charts-1-3-1-hovered: #0fa3ff;\n --cds-charts-1-4-1: #08bdba;\n --cds-charts-1-4-1-hovered: #079b98;\n --cds-charts-2-1-1: #8a3ffc;\n --cds-charts-2-1-1-hovered: #751cfb;\n --cds-charts-2-1-2: #08bdba;\n --cds-charts-2-1-2-hovered: #079b98;\n --cds-charts-2-2-2: #ff7eb6;\n --cds-charts-2-2-2-hovered: #ff5aa2;\n --cds-charts-2-3-1: #ff7eb6;\n --cds-charts-2-3-1-hovered: #ff5aa2;\n --cds-charts-2-3-2: #fff1f1;\n --cds-charts-2-3-2-hovered: #ffcdcd;\n --cds-charts-2-4-1: #4589ff;\n --cds-charts-2-4-1-hovered: #2172ff;\n --cds-charts-2-4-2: #bae6ff;\n --cds-charts-2-4-2-hovered: #96d9ff;\n --cds-charts-2-5-1: #007d79;\n --cds-charts-2-5-1-hovered: #005956;\n --cds-charts-2-5-2: #6fdc8c;\n --cds-charts-2-5-2-hovered: #52d575;\n --cds-charts-3-1-1: #8a3ffc;\n --cds-charts-3-1-1-hovered: #751cfb;\n --cds-charts-3-1-2: #08bdba;\n --cds-charts-3-1-2-hovered: #079b98;\n --cds-charts-3-1-3: #bae6ff;\n --cds-charts-3-1-3-hovered: #96d9ff;\n --cds-charts-3-2-1: #8a3ffc;\n --cds-charts-3-2-1-hovered: #751cfb;\n --cds-charts-3-2-2: #ff7eb6;\n --cds-charts-3-2-2-hovered: #ff5aa2;\n --cds-charts-3-2-3: #fff1f1;\n --cds-charts-3-2-3-hovered: #ffcdcd;\n --cds-charts-3-3-1: #4589ff;\n --cds-charts-3-3-1-hovered: #2172ff;\n --cds-charts-3-3-2: #08bdba;\n --cds-charts-3-3-2-hovered: #079b98;\n --cds-charts-3-3-3: #d4bbff;\n --cds-charts-3-3-3-hovered: #bd97ff;\n --cds-charts-3-4-1: #4589ff;\n --cds-charts-3-4-1-hovered: #2172ff;\n --cds-charts-3-4-2: #6fdc8c;\n --cds-charts-3-4-2-hovered: #52d575;\n --cds-charts-3-4-3: #fff1f1;\n --cds-charts-3-4-3-hovered: #ffcdcd;\n --cds-charts-3-5-1: #007d79;\n --cds-charts-3-5-1-hovered: #005956;\n --cds-charts-3-5-2: #6fdc8c;\n --cds-charts-3-5-2-hovered: #52d575;\n --cds-charts-3-5-3: #bae6ff;\n --cds-charts-3-5-3-hovered: #96d9ff;\n --cds-charts-4-1-1: #8a3ffc;\n --cds-charts-4-1-1-hovered: #751cfb;\n --cds-charts-4-1-2: #08bdba;\n --cds-charts-4-1-2-hovered: #079b98;\n --cds-charts-4-1-3: #bae6ff;\n --cds-charts-4-1-3-hovered: #96d9ff;\n --cds-charts-4-1-4: #4589ff;\n --cds-charts-4-1-4-hovered: #2172ff;\n --cds-charts-4-2-1: #4589ff;\n --cds-charts-4-2-1-hovered: #2172ff;\n --cds-charts-4-2-2: #08bdba;\n --cds-charts-4-2-2-hovered: #079b98;\n --cds-charts-4-2-3: #d4bbff;\n --cds-charts-4-2-3-hovered: #bd97ff;\n --cds-charts-4-2-4: #fff1f1;\n --cds-charts-4-2-4-hovered: #ffcdcd;\n --cds-charts-4-3-1: #007d79;\n --cds-charts-4-3-1-hovered: #005956;\n --cds-charts-4-3-2: #fff1f1;\n --cds-charts-4-3-2-hovered: #ffcdcd;\n --cds-charts-4-3-3: #33b1ff;\n --cds-charts-4-3-3-hovered: #0fa3ff;\n --cds-charts-4-3-4: #6fdc8c;\n --cds-charts-4-3-4-hovered: #52d575;\n --cds-charts-5-1-1: #8a3ffc;\n --cds-charts-5-1-1-hovered: #751cfb;\n --cds-charts-5-1-2: #08bdba;\n --cds-charts-5-1-2-hovered: #079b98;\n --cds-charts-5-1-3: #bae6ff;\n --cds-charts-5-1-3-hovered: #96d9ff;\n --cds-charts-5-1-4: #4589ff;\n --cds-charts-5-1-4-hovered: #2172ff;\n --cds-charts-5-1-5: #ff7eb6;\n --cds-charts-5-1-5-hovered: #ff5aa2;\n --cds-charts-5-2-1: #4589ff;\n --cds-charts-5-2-1-hovered: #2172ff;\n --cds-charts-5-2-2: #08bdba;\n --cds-charts-5-2-2-hovered: #079b98;\n --cds-charts-5-2-3: #d4bbff;\n --cds-charts-5-2-3-hovered: #bd97ff;\n --cds-charts-5-2-4: #fff1f1;\n --cds-charts-5-2-4-hovered: #ffcdcd;\n --cds-charts-5-2-5: #6fdc8c;\n --cds-charts-5-2-5-hovered: #52d575;\n --cds-charts-14-1-1: #8a3ffc;\n --cds-charts-14-1-1-hovered: #751cfb;\n --cds-charts-14-1-2: #33b1ff;\n --cds-charts-14-1-2-hovered: #0fa3ff;\n --cds-charts-14-1-3: #007d79;\n --cds-charts-14-1-3-hovered: #005956;\n --cds-charts-14-1-4: #ff7eb6;\n --cds-charts-14-1-4-hovered: #ff5aa2;\n --cds-charts-14-1-6: #fff1f1;\n --cds-charts-14-1-6-hovered: #ffcdcd;\n --cds-charts-14-1-7: #6fdc8c;\n --cds-charts-14-1-7-hovered: #52d575;\n --cds-charts-14-1-8: #4589ff;\n --cds-charts-14-1-8-hovered: #2172ff;\n --cds-charts-14-1-9: #d02670;\n --cds-charts-14-1-9-hovered: #b22060;\n --cds-charts-14-1-10: #d2a106;\n --cds-charts-14-1-10-hovered: #af8605;\n --cds-charts-14-1-11: #08bdba;\n --cds-charts-14-1-11-hovered: #079b98;\n --cds-charts-14-1-12: #bae6ff;\n --cds-charts-14-1-12-hovered: #96d9ff;\n --cds-charts-14-1-13: #ba4e00;\n --cds-charts-14-1-13-hovered: #963f00;\n --cds-charts-14-1-14: #d4bbff;\n --cds-charts-14-1-14-hovered: #bd97ff;\n }\n .cds--cc--chart-wrapper .fill-1-1-1 {\n fill: var(--cds-charts-1-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-1-1-1.hovered {\n fill: var(--cds-charts-1-1-1-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-1-1-1,\n .cds--cc--tooltip .tooltip-1-1-1 {\n background-color: var(--cds-charts-1-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .background-1-1-1.hovered {\n background-color: var(--cds-charts-1-1-1-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-1-1-1 {\n stroke: var(--cds-charts-1-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .stop-color-1-1-1 {\n stop-color: var(--cds-charts-1-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-1-2-1 {\n fill: var(--cds-charts-1-2-1, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-1-2-1.hovered {\n fill: var(--cds-charts-1-2-1-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-1-2-1,\n .cds--cc--tooltip .tooltip-1-2-1 {\n background-color: var(--cds-charts-1-2-1, #002d9c);\n }\n .cds--cc--chart-wrapper .background-1-2-1.hovered {\n background-color: var(--cds-charts-1-2-1-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-1-2-1 {\n stroke: var(--cds-charts-1-2-1, #002d9c);\n }\n .cds--cc--chart-wrapper .stop-color-1-2-1 {\n stop-color: var(--cds-charts-1-2-1, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-1-3-1 {\n fill: var(--cds-charts-1-3-1, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-1-3-1.hovered {\n fill: var(--cds-charts-1-3-1-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-1-3-1,\n .cds--cc--tooltip .tooltip-1-3-1 {\n background-color: var(--cds-charts-1-3-1, #1192e8);\n }\n .cds--cc--chart-wrapper .background-1-3-1.hovered {\n background-color: var(--cds-charts-1-3-1-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-1-3-1 {\n stroke: var(--cds-charts-1-3-1, #1192e8);\n }\n .cds--cc--chart-wrapper .stop-color-1-3-1 {\n stop-color: var(--cds-charts-1-3-1, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-1-4-1 {\n fill: var(--cds-charts-1-4-1, #007d79);\n }\n .cds--cc--chart-wrapper .fill-1-4-1.hovered {\n fill: var(--cds-charts-1-4-1-hovered, #007d79);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-1-4-1,\n .cds--cc--tooltip .tooltip-1-4-1 {\n background-color: var(--cds-charts-1-4-1, #007d79);\n }\n .cds--cc--chart-wrapper .background-1-4-1.hovered {\n background-color: var(--cds-charts-1-4-1-hovered, #007d79);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-1-4-1 {\n stroke: var(--cds-charts-1-4-1, #007d79);\n }\n .cds--cc--chart-wrapper .stop-color-1-4-1 {\n stop-color: var(--cds-charts-1-4-1, #007d79);\n }\n .cds--cc--chart-wrapper .fill-2-1-1 {\n fill: var(--cds-charts-2-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-2-1-1.hovered {\n fill: var(--cds-charts-2-1-1-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-2-1-1,\n .cds--cc--tooltip .tooltip-2-1-1 {\n background-color: var(--cds-charts-2-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .background-2-1-1.hovered {\n background-color: var(--cds-charts-2-1-1-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-2-1-1 {\n stroke: var(--cds-charts-2-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .stop-color-2-1-1 {\n stop-color: var(--cds-charts-2-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-2-1-2 {\n fill: var(--cds-charts-2-1-2, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-2-1-2.hovered {\n fill: var(--cds-charts-2-1-2-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-2-1-2,\n .cds--cc--tooltip .tooltip-2-1-2 {\n background-color: var(--cds-charts-2-1-2, #009d9a);\n }\n .cds--cc--chart-wrapper .background-2-1-2.hovered {\n background-color: var(--cds-charts-2-1-2-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-2-1-2 {\n stroke: var(--cds-charts-2-1-2, #009d9a);\n }\n .cds--cc--chart-wrapper .stop-color-2-1-2 {\n stop-color: var(--cds-charts-2-1-2, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-2-2-1 {\n fill: var(--cds-charts-2-2-1, #8a3ffc);\n }\n .cds--cc--chart-wrapper .fill-2-2-1.hovered {\n fill: var(--cds-charts-2-2-1-hovered, #8a3ffc);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-2-2-1,\n .cds--cc--tooltip .tooltip-2-2-1 {\n background-color: var(--cds-charts-2-2-1, #8a3ffc);\n }\n .cds--cc--chart-wrapper .background-2-2-1.hovered {\n background-color: var(--cds-charts-2-2-1-hovered, #8a3ffc);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-2-2-1 {\n stroke: var(--cds-charts-2-2-1, #8a3ffc);\n }\n .cds--cc--chart-wrapper .stop-color-2-2-1 {\n stop-color: var(--cds-charts-2-2-1, #8a3ffc);\n }\n .cds--cc--chart-wrapper .fill-2-2-2 {\n fill: var(--cds-charts-2-2-2, #520408);\n }\n .cds--cc--chart-wrapper .fill-2-2-2.hovered {\n fill: var(--cds-charts-2-2-2-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-2-2-2,\n .cds--cc--tooltip .tooltip-2-2-2 {\n background-color: var(--cds-charts-2-2-2, #520408);\n }\n .cds--cc--chart-wrapper .background-2-2-2.hovered {\n background-color: var(--cds-charts-2-2-2-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-2-2-2 {\n stroke: var(--cds-charts-2-2-2, #520408);\n }\n .cds--cc--chart-wrapper .stop-color-2-2-2 {\n stop-color: var(--cds-charts-2-2-2, #520408);\n }\n .cds--cc--chart-wrapper .fill-2-3-1 {\n fill: var(--cds-charts-2-3-1, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-2-3-1.hovered {\n fill: var(--cds-charts-2-3-1-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-2-3-1,\n .cds--cc--tooltip .tooltip-2-3-1 {\n background-color: var(--cds-charts-2-3-1, #9f1853);\n }\n .cds--cc--chart-wrapper .background-2-3-1.hovered {\n background-color: var(--cds-charts-2-3-1-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-2-3-1 {\n stroke: var(--cds-charts-2-3-1, #9f1853);\n }\n .cds--cc--chart-wrapper .stop-color-2-3-1 {\n stop-color: var(--cds-charts-2-3-1, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-2-3-2 {\n fill: var(--cds-charts-2-3-2, #520408);\n }\n .cds--cc--chart-wrapper .fill-2-3-2.hovered {\n fill: var(--cds-charts-2-3-2-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-2-3-2,\n .cds--cc--tooltip .tooltip-2-3-2 {\n background-color: var(--cds-charts-2-3-2, #520408);\n }\n .cds--cc--chart-wrapper .background-2-3-2.hovered {\n background-color: var(--cds-charts-2-3-2-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-2-3-2 {\n stroke: var(--cds-charts-2-3-2, #520408);\n }\n .cds--cc--chart-wrapper .stop-color-2-3-2 {\n stop-color: var(--cds-charts-2-3-2, #520408);\n }\n .cds--cc--chart-wrapper .fill-2-4-1 {\n fill: var(--cds-charts-2-4-1, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-2-4-1.hovered {\n fill: var(--cds-charts-2-4-1-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-2-4-1,\n .cds--cc--tooltip .tooltip-2-4-1 {\n background-color: var(--cds-charts-2-4-1, #1192e8);\n }\n .cds--cc--chart-wrapper .background-2-4-1.hovered {\n background-color: var(--cds-charts-2-4-1-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-2-4-1 {\n stroke: var(--cds-charts-2-4-1, #1192e8);\n }\n .cds--cc--chart-wrapper .stop-color-2-4-1 {\n stop-color: var(--cds-charts-2-4-1, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-2-4-2 {\n fill: var(--cds-charts-2-4-2, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-2-4-2.hovered {\n fill: var(--cds-charts-2-4-2-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-2-4-2,\n .cds--cc--tooltip .tooltip-2-4-2 {\n background-color: var(--cds-charts-2-4-2, #005d5d);\n }\n .cds--cc--chart-wrapper .background-2-4-2.hovered {\n background-color: var(--cds-charts-2-4-2-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-2-4-2 {\n stroke: var(--cds-charts-2-4-2, #005d5d);\n }\n .cds--cc--chart-wrapper .stop-color-2-4-2 {\n stop-color: var(--cds-charts-2-4-2, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-2-5-1 {\n fill: var(--cds-charts-2-5-1, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-2-5-1.hovered {\n fill: var(--cds-charts-2-5-1-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-2-5-1,\n .cds--cc--tooltip .tooltip-2-5-1 {\n background-color: var(--cds-charts-2-5-1, #009d9a);\n }\n .cds--cc--chart-wrapper .background-2-5-1.hovered {\n background-color: var(--cds-charts-2-5-1-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-2-5-1 {\n stroke: var(--cds-charts-2-5-1, #009d9a);\n }\n .cds--cc--chart-wrapper .stop-color-2-5-1 {\n stop-color: var(--cds-charts-2-5-1, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-2-5-2 {\n fill: var(--cds-charts-2-5-2, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-2-5-2.hovered {\n fill: var(--cds-charts-2-5-2-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-2-5-2,\n .cds--cc--tooltip .tooltip-2-5-2 {\n background-color: var(--cds-charts-2-5-2, #002d9c);\n }\n .cds--cc--chart-wrapper .background-2-5-2.hovered {\n background-color: var(--cds-charts-2-5-2-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-2-5-2 {\n stroke: var(--cds-charts-2-5-2, #002d9c);\n }\n .cds--cc--chart-wrapper .stop-color-2-5-2 {\n stop-color: var(--cds-charts-2-5-2, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-3-1-1 {\n fill: var(--cds-charts-3-1-1, #ee5396);\n }\n .cds--cc--chart-wrapper .fill-3-1-1.hovered {\n fill: var(--cds-charts-3-1-1-hovered, #ee5396);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-1-1,\n .cds--cc--tooltip .tooltip-3-1-1 {\n background-color: var(--cds-charts-3-1-1, #ee5396);\n }\n .cds--cc--chart-wrapper .background-3-1-1.hovered {\n background-color: var(--cds-charts-3-1-1-hovered, #ee5396);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-1-1 {\n stroke: var(--cds-charts-3-1-1, #ee5396);\n }\n .cds--cc--chart-wrapper .stop-color-3-1-1 {\n stop-color: var(--cds-charts-3-1-1, #ee5396);\n }\n .cds--cc--chart-wrapper .fill-3-1-2 {\n fill: var(--cds-charts-3-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-3-1-2.hovered {\n fill: var(--cds-charts-3-1-2-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-1-2,\n .cds--cc--tooltip .tooltip-3-1-2 {\n background-color: var(--cds-charts-3-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .background-3-1-2.hovered {\n background-color: var(--cds-charts-3-1-2-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-1-2 {\n stroke: var(--cds-charts-3-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .stop-color-3-1-2 {\n stop-color: var(--cds-charts-3-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-3-1-3 {\n fill: var(--cds-charts-3-1-3, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-3-1-3.hovered {\n fill: var(--cds-charts-3-1-3-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-1-3,\n .cds--cc--tooltip .tooltip-3-1-3 {\n background-color: var(--cds-charts-3-1-3, #6929c4);\n }\n .cds--cc--chart-wrapper .background-3-1-3.hovered {\n background-color: var(--cds-charts-3-1-3-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-1-3 {\n stroke: var(--cds-charts-3-1-3, #6929c4);\n }\n .cds--cc--chart-wrapper .stop-color-3-1-3 {\n stop-color: var(--cds-charts-3-1-3, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-3-2-1 {\n fill: var(--cds-charts-3-2-1, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-3-2-1.hovered {\n fill: var(--cds-charts-3-2-1-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-2-1,\n .cds--cc--tooltip .tooltip-3-2-1 {\n background-color: var(--cds-charts-3-2-1, #9f1853);\n }\n .cds--cc--chart-wrapper .background-3-2-1.hovered {\n background-color: var(--cds-charts-3-2-1-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-2-1 {\n stroke: var(--cds-charts-3-2-1, #9f1853);\n }\n .cds--cc--chart-wrapper .stop-color-3-2-1 {\n stop-color: var(--cds-charts-3-2-1, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-3-2-2 {\n fill: var(--cds-charts-3-2-2, #fa4d56);\n }\n .cds--cc--chart-wrapper .fill-3-2-2.hovered {\n fill: var(--cds-charts-3-2-2-hovered, #fa4d56);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-2-2,\n .cds--cc--tooltip .tooltip-3-2-2 {\n background-color: var(--cds-charts-3-2-2, #fa4d56);\n }\n .cds--cc--chart-wrapper .background-3-2-2.hovered {\n background-color: var(--cds-charts-3-2-2-hovered, #fa4d56);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-2-2 {\n stroke: var(--cds-charts-3-2-2, #fa4d56);\n }\n .cds--cc--chart-wrapper .stop-color-3-2-2 {\n stop-color: var(--cds-charts-3-2-2, #fa4d56);\n }\n .cds--cc--chart-wrapper .fill-3-2-3 {\n fill: var(--cds-charts-3-2-3, #520408);\n }\n .cds--cc--chart-wrapper .fill-3-2-3.hovered {\n fill: var(--cds-charts-3-2-3-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-2-3,\n .cds--cc--tooltip .tooltip-3-2-3 {\n background-color: var(--cds-charts-3-2-3, #520408);\n }\n .cds--cc--chart-wrapper .background-3-2-3.hovered {\n background-color: var(--cds-charts-3-2-3-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-2-3 {\n stroke: var(--cds-charts-3-2-3, #520408);\n }\n .cds--cc--chart-wrapper .stop-color-3-2-3 {\n stop-color: var(--cds-charts-3-2-3, #520408);\n }\n .cds--cc--chart-wrapper .fill-3-3-1 {\n fill: var(--cds-charts-3-3-1, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-3-3-1.hovered {\n fill: var(--cds-charts-3-3-1-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-3-1,\n .cds--cc--tooltip .tooltip-3-3-1 {\n background-color: var(--cds-charts-3-3-1, #a56eff);\n }\n .cds--cc--chart-wrapper .background-3-3-1.hovered {\n background-color: var(--cds-charts-3-3-1-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-3-1 {\n stroke: var(--cds-charts-3-3-1, #a56eff);\n }\n .cds--cc--chart-wrapper .stop-color-3-3-1 {\n stop-color: var(--cds-charts-3-3-1, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-3-3-2 {\n fill: var(--cds-charts-3-3-2, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-3-3-2.hovered {\n fill: var(--cds-charts-3-3-2-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-3-2,\n .cds--cc--tooltip .tooltip-3-3-2 {\n background-color: var(--cds-charts-3-3-2, #005d5d);\n }\n .cds--cc--chart-wrapper .background-3-3-2.hovered {\n background-color: var(--cds-charts-3-3-2-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-3-2 {\n stroke: var(--cds-charts-3-3-2, #005d5d);\n }\n .cds--cc--chart-wrapper .stop-color-3-3-2 {\n stop-color: var(--cds-charts-3-3-2, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-3-3-3 {\n fill: var(--cds-charts-3-3-3, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-3-3-3.hovered {\n fill: var(--cds-charts-3-3-3-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-3-3,\n .cds--cc--tooltip .tooltip-3-3-3 {\n background-color: var(--cds-charts-3-3-3, #002d9c);\n }\n .cds--cc--chart-wrapper .background-3-3-3.hovered {\n background-color: var(--cds-charts-3-3-3-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-3-3 {\n stroke: var(--cds-charts-3-3-3, #002d9c);\n }\n .cds--cc--chart-wrapper .stop-color-3-3-3 {\n stop-color: var(--cds-charts-3-3-3, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-3-4-1 {\n fill: var(--cds-charts-3-4-1, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-3-4-1.hovered {\n fill: var(--cds-charts-3-4-1-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-4-1,\n .cds--cc--tooltip .tooltip-3-4-1 {\n background-color: var(--cds-charts-3-4-1, #a56eff);\n }\n .cds--cc--chart-wrapper .background-3-4-1.hovered {\n background-color: var(--cds-charts-3-4-1-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-4-1 {\n stroke: var(--cds-charts-3-4-1, #a56eff);\n }\n .cds--cc--chart-wrapper .stop-color-3-4-1 {\n stop-color: var(--cds-charts-3-4-1, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-3-4-2 {\n fill: var(--cds-charts-3-4-2, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-3-4-2.hovered {\n fill: var(--cds-charts-3-4-2-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-4-2,\n .cds--cc--tooltip .tooltip-3-4-2 {\n background-color: var(--cds-charts-3-4-2, #005d5d);\n }\n .cds--cc--chart-wrapper .background-3-4-2.hovered {\n background-color: var(--cds-charts-3-4-2-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-4-2 {\n stroke: var(--cds-charts-3-4-2, #005d5d);\n }\n .cds--cc--chart-wrapper .stop-color-3-4-2 {\n stop-color: var(--cds-charts-3-4-2, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-3-4-3 {\n fill: var(--cds-charts-3-4-3, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-3-4-3.hovered {\n fill: var(--cds-charts-3-4-3-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-4-3,\n .cds--cc--tooltip .tooltip-3-4-3 {\n background-color: var(--cds-charts-3-4-3, #9f1853);\n }\n .cds--cc--chart-wrapper .background-3-4-3.hovered {\n background-color: var(--cds-charts-3-4-3-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-4-3 {\n stroke: var(--cds-charts-3-4-3, #9f1853);\n }\n .cds--cc--chart-wrapper .stop-color-3-4-3 {\n stop-color: var(--cds-charts-3-4-3, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-3-5-1 {\n fill: var(--cds-charts-3-5-1, #012749);\n }\n .cds--cc--chart-wrapper .fill-3-5-1.hovered {\n fill: var(--cds-charts-3-5-1-hovered, #012749);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-5-1,\n .cds--cc--tooltip .tooltip-3-5-1 {\n background-color: var(--cds-charts-3-5-1, #012749);\n }\n .cds--cc--chart-wrapper .background-3-5-1.hovered {\n background-color: var(--cds-charts-3-5-1-hovered, #012749);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-5-1 {\n stroke: var(--cds-charts-3-5-1, #012749);\n }\n .cds--cc--chart-wrapper .stop-color-3-5-1 {\n stop-color: var(--cds-charts-3-5-1, #012749);\n }\n .cds--cc--chart-wrapper .fill-3-5-2 {\n fill: var(--cds-charts-3-5-2, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-3-5-2.hovered {\n fill: var(--cds-charts-3-5-2-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-5-2,\n .cds--cc--tooltip .tooltip-3-5-2 {\n background-color: var(--cds-charts-3-5-2, #6929c4);\n }\n .cds--cc--chart-wrapper .background-3-5-2.hovered {\n background-color: var(--cds-charts-3-5-2-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-5-2 {\n stroke: var(--cds-charts-3-5-2, #6929c4);\n }\n .cds--cc--chart-wrapper .stop-color-3-5-2 {\n stop-color: var(--cds-charts-3-5-2, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-3-5-3 {\n fill: var(--cds-charts-3-5-3, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-3-5-3.hovered {\n fill: var(--cds-charts-3-5-3-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-3-5-3,\n .cds--cc--tooltip .tooltip-3-5-3 {\n background-color: var(--cds-charts-3-5-3, #009d9a);\n }\n .cds--cc--chart-wrapper .background-3-5-3.hovered {\n background-color: var(--cds-charts-3-5-3-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-3-5-3 {\n stroke: var(--cds-charts-3-5-3, #009d9a);\n }\n .cds--cc--chart-wrapper .stop-color-3-5-3 {\n stop-color: var(--cds-charts-3-5-3, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-4-1-1 {\n fill: var(--cds-charts-4-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-4-1-1.hovered {\n fill: var(--cds-charts-4-1-1-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-1-1,\n .cds--cc--tooltip .tooltip-4-1-1 {\n background-color: var(--cds-charts-4-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .background-4-1-1.hovered {\n background-color: var(--cds-charts-4-1-1-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-1-1 {\n stroke: var(--cds-charts-4-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .stop-color-4-1-1 {\n stop-color: var(--cds-charts-4-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-4-1-2 {\n fill: var(--cds-charts-4-1-2, #012749);\n }\n .cds--cc--chart-wrapper .fill-4-1-2.hovered {\n fill: var(--cds-charts-4-1-2-hovered, #012749);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-1-2,\n .cds--cc--tooltip .tooltip-4-1-2 {\n background-color: var(--cds-charts-4-1-2, #012749);\n }\n .cds--cc--chart-wrapper .background-4-1-2.hovered {\n background-color: var(--cds-charts-4-1-2-hovered, #012749);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-1-2 {\n stroke: var(--cds-charts-4-1-2, #012749);\n }\n .cds--cc--chart-wrapper .stop-color-4-1-2 {\n stop-color: var(--cds-charts-4-1-2, #012749);\n }\n .cds--cc--chart-wrapper .fill-4-1-3 {\n fill: var(--cds-charts-4-1-3, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-4-1-3.hovered {\n fill: var(--cds-charts-4-1-3-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-1-3,\n .cds--cc--tooltip .tooltip-4-1-3 {\n background-color: var(--cds-charts-4-1-3, #009d9a);\n }\n .cds--cc--chart-wrapper .background-4-1-3.hovered {\n background-color: var(--cds-charts-4-1-3-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-1-3 {\n stroke: var(--cds-charts-4-1-3, #009d9a);\n }\n .cds--cc--chart-wrapper .stop-color-4-1-3 {\n stop-color: var(--cds-charts-4-1-3, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-4-1-4 {\n fill: var(--cds-charts-4-1-4, #ee5396);\n }\n .cds--cc--chart-wrapper .fill-4-1-4.hovered {\n fill: var(--cds-charts-4-1-4-hovered, #ee5396);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-1-4,\n .cds--cc--tooltip .tooltip-4-1-4 {\n background-color: var(--cds-charts-4-1-4, #ee5396);\n }\n .cds--cc--chart-wrapper .background-4-1-4.hovered {\n background-color: var(--cds-charts-4-1-4-hovered, #ee5396);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-1-4 {\n stroke: var(--cds-charts-4-1-4, #ee5396);\n }\n .cds--cc--chart-wrapper .stop-color-4-1-4 {\n stop-color: var(--cds-charts-4-1-4, #ee5396);\n }\n .cds--cc--chart-wrapper .fill-4-2-1 {\n fill: var(--cds-charts-4-2-1, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-4-2-1.hovered {\n fill: var(--cds-charts-4-2-1-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-2-1,\n .cds--cc--tooltip .tooltip-4-2-1 {\n background-color: var(--cds-charts-4-2-1, #9f1853);\n }\n .cds--cc--chart-wrapper .background-4-2-1.hovered {\n background-color: var(--cds-charts-4-2-1-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-2-1 {\n stroke: var(--cds-charts-4-2-1, #9f1853);\n }\n .cds--cc--chart-wrapper .stop-color-4-2-1 {\n stop-color: var(--cds-charts-4-2-1, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-4-2-2 {\n fill: var(--cds-charts-4-2-2, #fa4d56);\n }\n .cds--cc--chart-wrapper .fill-4-2-2.hovered {\n fill: var(--cds-charts-4-2-2-hovered, #fa4d56);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-2-2,\n .cds--cc--tooltip .tooltip-4-2-2 {\n background-color: var(--cds-charts-4-2-2, #fa4d56);\n }\n .cds--cc--chart-wrapper .background-4-2-2.hovered {\n background-color: var(--cds-charts-4-2-2-hovered, #fa4d56);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-2-2 {\n stroke: var(--cds-charts-4-2-2, #fa4d56);\n }\n .cds--cc--chart-wrapper .stop-color-4-2-2 {\n stop-color: var(--cds-charts-4-2-2, #fa4d56);\n }\n .cds--cc--chart-wrapper .fill-4-2-3 {\n fill: var(--cds-charts-4-2-3, #520408);\n }\n .cds--cc--chart-wrapper .fill-4-2-3.hovered {\n fill: var(--cds-charts-4-2-3-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-2-3,\n .cds--cc--tooltip .tooltip-4-2-3 {\n background-color: var(--cds-charts-4-2-3, #520408);\n }\n .cds--cc--chart-wrapper .background-4-2-3.hovered {\n background-color: var(--cds-charts-4-2-3-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-2-3 {\n stroke: var(--cds-charts-4-2-3, #520408);\n }\n .cds--cc--chart-wrapper .stop-color-4-2-3 {\n stop-color: var(--cds-charts-4-2-3, #520408);\n }\n .cds--cc--chart-wrapper .fill-4-2-4 {\n fill: var(--cds-charts-4-2-4, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-4-2-4.hovered {\n fill: var(--cds-charts-4-2-4-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-2-4,\n .cds--cc--tooltip .tooltip-4-2-4 {\n background-color: var(--cds-charts-4-2-4, #a56eff);\n }\n .cds--cc--chart-wrapper .background-4-2-4.hovered {\n background-color: var(--cds-charts-4-2-4-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-2-4 {\n stroke: var(--cds-charts-4-2-4, #a56eff);\n }\n .cds--cc--chart-wrapper .stop-color-4-2-4 {\n stop-color: var(--cds-charts-4-2-4, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-4-3-1 {\n fill: var(--cds-charts-4-3-1, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-4-3-1.hovered {\n fill: var(--cds-charts-4-3-1-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-3-1,\n .cds--cc--tooltip .tooltip-4-3-1 {\n background-color: var(--cds-charts-4-3-1, #009d9a);\n }\n .cds--cc--chart-wrapper .background-4-3-1.hovered {\n background-color: var(--cds-charts-4-3-1-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-3-1 {\n stroke: var(--cds-charts-4-3-1, #009d9a);\n }\n .cds--cc--chart-wrapper .stop-color-4-3-1 {\n stop-color: var(--cds-charts-4-3-1, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-4-3-2 {\n fill: var(--cds-charts-4-3-2, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-4-3-2.hovered {\n fill: var(--cds-charts-4-3-2-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-3-2,\n .cds--cc--tooltip .tooltip-4-3-2 {\n background-color: var(--cds-charts-4-3-2, #002d9c);\n }\n .cds--cc--chart-wrapper .background-4-3-2.hovered {\n background-color: var(--cds-charts-4-3-2-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-3-2 {\n stroke: var(--cds-charts-4-3-2, #002d9c);\n }\n .cds--cc--chart-wrapper .stop-color-4-3-2 {\n stop-color: var(--cds-charts-4-3-2, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-4-3-3 {\n fill: var(--cds-charts-4-3-3, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-4-3-3.hovered {\n fill: var(--cds-charts-4-3-3-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-3-3,\n .cds--cc--tooltip .tooltip-4-3-3 {\n background-color: var(--cds-charts-4-3-3, #a56eff);\n }\n .cds--cc--chart-wrapper .background-4-3-3.hovered {\n background-color: var(--cds-charts-4-3-3-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-3-3 {\n stroke: var(--cds-charts-4-3-3, #a56eff);\n }\n .cds--cc--chart-wrapper .stop-color-4-3-3 {\n stop-color: var(--cds-charts-4-3-3, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-4-3-4 {\n fill: var(--cds-charts-4-3-4, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-4-3-4.hovered {\n fill: var(--cds-charts-4-3-4-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-4-3-4,\n .cds--cc--tooltip .tooltip-4-3-4 {\n background-color: var(--cds-charts-4-3-4, #9f1853);\n }\n .cds--cc--chart-wrapper .background-4-3-4.hovered {\n background-color: var(--cds-charts-4-3-4-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-4-3-4 {\n stroke: var(--cds-charts-4-3-4, #9f1853);\n }\n .cds--cc--chart-wrapper .stop-color-4-3-4 {\n stop-color: var(--cds-charts-4-3-4, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-5-1-1 {\n fill: var(--cds-charts-5-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-5-1-1.hovered {\n fill: var(--cds-charts-5-1-1-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-5-1-1,\n .cds--cc--tooltip .tooltip-5-1-1 {\n background-color: var(--cds-charts-5-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .background-5-1-1.hovered {\n background-color: var(--cds-charts-5-1-1-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-5-1-1 {\n stroke: var(--cds-charts-5-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .stop-color-5-1-1 {\n stop-color: var(--cds-charts-5-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-5-1-2 {\n fill: var(--cds-charts-5-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-5-1-2.hovered {\n fill: var(--cds-charts-5-1-2-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-5-1-2,\n .cds--cc--tooltip .tooltip-5-1-2 {\n background-color: var(--cds-charts-5-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .background-5-1-2.hovered {\n background-color: var(--cds-charts-5-1-2-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-5-1-2 {\n stroke: var(--cds-charts-5-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .stop-color-5-1-2 {\n stop-color: var(--cds-charts-5-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-5-1-3 {\n fill: var(--cds-charts-5-1-3, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-5-1-3.hovered {\n fill: var(--cds-charts-5-1-3-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-5-1-3,\n .cds--cc--tooltip .tooltip-5-1-3 {\n background-color: var(--cds-charts-5-1-3, #005d5d);\n }\n .cds--cc--chart-wrapper .background-5-1-3.hovered {\n background-color: var(--cds-charts-5-1-3-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-5-1-3 {\n stroke: var(--cds-charts-5-1-3, #005d5d);\n }\n .cds--cc--chart-wrapper .stop-color-5-1-3 {\n stop-color: var(--cds-charts-5-1-3, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-5-1-4 {\n fill: var(--cds-charts-5-1-4, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-5-1-4.hovered {\n fill: var(--cds-charts-5-1-4-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-5-1-4,\n .cds--cc--tooltip .tooltip-5-1-4 {\n background-color: var(--cds-charts-5-1-4, #9f1853);\n }\n .cds--cc--chart-wrapper .background-5-1-4.hovered {\n background-color: var(--cds-charts-5-1-4-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-5-1-4 {\n stroke: var(--cds-charts-5-1-4, #9f1853);\n }\n .cds--cc--chart-wrapper .stop-color-5-1-4 {\n stop-color: var(--cds-charts-5-1-4, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-5-1-5 {\n fill: var(--cds-charts-5-1-5, #520408);\n }\n .cds--cc--chart-wrapper .fill-5-1-5.hovered {\n fill: var(--cds-charts-5-1-5-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-5-1-5,\n .cds--cc--tooltip .tooltip-5-1-5 {\n background-color: var(--cds-charts-5-1-5, #520408);\n }\n .cds--cc--chart-wrapper .background-5-1-5.hovered {\n background-color: var(--cds-charts-5-1-5-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-5-1-5 {\n stroke: var(--cds-charts-5-1-5, #520408);\n }\n .cds--cc--chart-wrapper .stop-color-5-1-5 {\n stop-color: var(--cds-charts-5-1-5, #520408);\n }\n .cds--cc--chart-wrapper .fill-5-2-1 {\n fill: var(--cds-charts-5-2-1, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-5-2-1.hovered {\n fill: var(--cds-charts-5-2-1-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-5-2-1,\n .cds--cc--tooltip .tooltip-5-2-1 {\n background-color: var(--cds-charts-5-2-1, #002d9c);\n }\n .cds--cc--chart-wrapper .background-5-2-1.hovered {\n background-color: var(--cds-charts-5-2-1-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-5-2-1 {\n stroke: var(--cds-charts-5-2-1, #002d9c);\n }\n .cds--cc--chart-wrapper .stop-color-5-2-1 {\n stop-color: var(--cds-charts-5-2-1, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-5-2-2 {\n fill: var(--cds-charts-5-2-2, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-5-2-2.hovered {\n fill: var(--cds-charts-5-2-2-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-5-2-2,\n .cds--cc--tooltip .tooltip-5-2-2 {\n background-color: var(--cds-charts-5-2-2, #009d9a);\n }\n .cds--cc--chart-wrapper .background-5-2-2.hovered {\n background-color: var(--cds-charts-5-2-2-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-5-2-2 {\n stroke: var(--cds-charts-5-2-2, #009d9a);\n }\n .cds--cc--chart-wrapper .stop-color-5-2-2 {\n stop-color: var(--cds-charts-5-2-2, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-5-2-3 {\n fill: var(--cds-charts-5-2-3, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-5-2-3.hovered {\n fill: var(--cds-charts-5-2-3-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-5-2-3,\n .cds--cc--tooltip .tooltip-5-2-3 {\n background-color: var(--cds-charts-5-2-3, #9f1853);\n }\n .cds--cc--chart-wrapper .background-5-2-3.hovered {\n background-color: var(--cds-charts-5-2-3-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-5-2-3 {\n stroke: var(--cds-charts-5-2-3, #9f1853);\n }\n .cds--cc--chart-wrapper .stop-color-5-2-3 {\n stop-color: var(--cds-charts-5-2-3, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-5-2-4 {\n fill: var(--cds-charts-5-2-4, #520408);\n }\n .cds--cc--chart-wrapper .fill-5-2-4.hovered {\n fill: var(--cds-charts-5-2-4-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-5-2-4,\n .cds--cc--tooltip .tooltip-5-2-4 {\n background-color: var(--cds-charts-5-2-4, #520408);\n }\n .cds--cc--chart-wrapper .background-5-2-4.hovered {\n background-color: var(--cds-charts-5-2-4-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-5-2-4 {\n stroke: var(--cds-charts-5-2-4, #520408);\n }\n .cds--cc--chart-wrapper .stop-color-5-2-4 {\n stop-color: var(--cds-charts-5-2-4, #520408);\n }\n .cds--cc--chart-wrapper .fill-5-2-5 {\n fill: var(--cds-charts-5-2-5, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-5-2-5.hovered {\n fill: var(--cds-charts-5-2-5-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-5-2-5,\n .cds--cc--tooltip .tooltip-5-2-5 {\n background-color: var(--cds-charts-5-2-5, #a56eff);\n }\n .cds--cc--chart-wrapper .background-5-2-5.hovered {\n background-color: var(--cds-charts-5-2-5-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-5-2-5 {\n stroke: var(--cds-charts-5-2-5, #a56eff);\n }\n .cds--cc--chart-wrapper .stop-color-5-2-5 {\n stop-color: var(--cds-charts-5-2-5, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-14-1-1 {\n fill: var(--cds-charts-14-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-14-1-1.hovered {\n fill: var(--cds-charts-14-1-1-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-1,\n .cds--cc--tooltip .tooltip-14-1-1 {\n background-color: var(--cds-charts-14-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .background-14-1-1.hovered {\n background-color: var(--cds-charts-14-1-1-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-1 {\n stroke: var(--cds-charts-14-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-1 {\n stop-color: var(--cds-charts-14-1-1, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-14-1-2 {\n fill: var(--cds-charts-14-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-14-1-2.hovered {\n fill: var(--cds-charts-14-1-2-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-2,\n .cds--cc--tooltip .tooltip-14-1-2 {\n background-color: var(--cds-charts-14-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .background-14-1-2.hovered {\n background-color: var(--cds-charts-14-1-2-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-2 {\n stroke: var(--cds-charts-14-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-2 {\n stop-color: var(--cds-charts-14-1-2, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-14-1-3 {\n fill: var(--cds-charts-14-1-3, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-14-1-3.hovered {\n fill: var(--cds-charts-14-1-3-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-3,\n .cds--cc--tooltip .tooltip-14-1-3 {\n background-color: var(--cds-charts-14-1-3, #005d5d);\n }\n .cds--cc--chart-wrapper .background-14-1-3.hovered {\n background-color: var(--cds-charts-14-1-3-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-3 {\n stroke: var(--cds-charts-14-1-3, #005d5d);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-3 {\n stop-color: var(--cds-charts-14-1-3, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-14-1-4 {\n fill: var(--cds-charts-14-1-4, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-14-1-4.hovered {\n fill: var(--cds-charts-14-1-4-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-4,\n .cds--cc--tooltip .tooltip-14-1-4 {\n background-color: var(--cds-charts-14-1-4, #9f1853);\n }\n .cds--cc--chart-wrapper .background-14-1-4.hovered {\n background-color: var(--cds-charts-14-1-4-hovered, #9f1853);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-4 {\n stroke: var(--cds-charts-14-1-4, #9f1853);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-4 {\n stop-color: var(--cds-charts-14-1-4, #9f1853);\n }\n .cds--cc--chart-wrapper .fill-14-1-5 {\n fill: var(--cds-charts-14-1-5, #fa4d56);\n }\n .cds--cc--chart-wrapper .fill-14-1-5.hovered {\n fill: var(--cds-charts-14-1-5-hovered, #fa4d56);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-5,\n .cds--cc--tooltip .tooltip-14-1-5 {\n background-color: var(--cds-charts-14-1-5, #fa4d56);\n }\n .cds--cc--chart-wrapper .background-14-1-5.hovered {\n background-color: var(--cds-charts-14-1-5-hovered, #fa4d56);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-5 {\n stroke: var(--cds-charts-14-1-5, #fa4d56);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-5 {\n stop-color: var(--cds-charts-14-1-5, #fa4d56);\n }\n .cds--cc--chart-wrapper .fill-14-1-6 {\n fill: var(--cds-charts-14-1-6, #520408);\n }\n .cds--cc--chart-wrapper .fill-14-1-6.hovered {\n fill: var(--cds-charts-14-1-6-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-6,\n .cds--cc--tooltip .tooltip-14-1-6 {\n background-color: var(--cds-charts-14-1-6, #520408);\n }\n .cds--cc--chart-wrapper .background-14-1-6.hovered {\n background-color: var(--cds-charts-14-1-6-hovered, #520408);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-6 {\n stroke: var(--cds-charts-14-1-6, #520408);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-6 {\n stop-color: var(--cds-charts-14-1-6, #520408);\n }\n .cds--cc--chart-wrapper .fill-14-1-7 {\n fill: var(--cds-charts-14-1-7, #198038);\n }\n .cds--cc--chart-wrapper .fill-14-1-7.hovered {\n fill: var(--cds-charts-14-1-7-hovered, #198038);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-7,\n .cds--cc--tooltip .tooltip-14-1-7 {\n background-color: var(--cds-charts-14-1-7, #198038);\n }\n .cds--cc--chart-wrapper .background-14-1-7.hovered {\n background-color: var(--cds-charts-14-1-7-hovered, #198038);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-7 {\n stroke: var(--cds-charts-14-1-7, #198038);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-7 {\n stop-color: var(--cds-charts-14-1-7, #198038);\n }\n .cds--cc--chart-wrapper .fill-14-1-8 {\n fill: var(--cds-charts-14-1-8, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-14-1-8.hovered {\n fill: var(--cds-charts-14-1-8-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-8,\n .cds--cc--tooltip .tooltip-14-1-8 {\n background-color: var(--cds-charts-14-1-8, #002d9c);\n }\n .cds--cc--chart-wrapper .background-14-1-8.hovered {\n background-color: var(--cds-charts-14-1-8-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-8 {\n stroke: var(--cds-charts-14-1-8, #002d9c);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-8 {\n stop-color: var(--cds-charts-14-1-8, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-14-1-9 {\n fill: var(--cds-charts-14-1-9, #ee5396);\n }\n .cds--cc--chart-wrapper .fill-14-1-9.hovered {\n fill: var(--cds-charts-14-1-9-hovered, #ee5396);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-9,\n .cds--cc--tooltip .tooltip-14-1-9 {\n background-color: var(--cds-charts-14-1-9, #ee5396);\n }\n .cds--cc--chart-wrapper .background-14-1-9.hovered {\n background-color: var(--cds-charts-14-1-9-hovered, #ee5396);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-9 {\n stroke: var(--cds-charts-14-1-9, #ee5396);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-9 {\n stop-color: var(--cds-charts-14-1-9, #ee5396);\n }\n .cds--cc--chart-wrapper .fill-14-1-10 {\n fill: var(--cds-charts-14-1-10, #b28600);\n }\n .cds--cc--chart-wrapper .fill-14-1-10.hovered {\n fill: var(--cds-charts-14-1-10-hovered, #b28600);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-10 {\n background-color: var(--cds-charts-14-1-10, #b28600);\n }\n .cds--cc--chart-wrapper .background-14-1-10.hovered {\n background-color: var(--cds-charts-14-1-10-hovered, #b28600);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-10 {\n stroke: var(--cds-charts-14-1-10, #b28600);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-10 {\n stop-color: var(--cds-charts-14-1-10, #b28600);\n }\n .cds--cc--chart-wrapper .fill-14-1-11 {\n fill: var(--cds-charts-14-1-11, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-14-1-11.hovered {\n fill: var(--cds-charts-14-1-11-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-11 {\n background-color: var(--cds-charts-14-1-11, #009d9a);\n }\n .cds--cc--chart-wrapper .background-14-1-11.hovered {\n background-color: var(--cds-charts-14-1-11-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-11 {\n stroke: var(--cds-charts-14-1-11, #009d9a);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-11 {\n stop-color: var(--cds-charts-14-1-11, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-14-1-12 {\n fill: var(--cds-charts-14-1-12, #012749);\n }\n .cds--cc--chart-wrapper .fill-14-1-12.hovered {\n fill: var(--cds-charts-14-1-12-hovered, #012749);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-12 {\n background-color: var(--cds-charts-14-1-12, #012749);\n }\n .cds--cc--chart-wrapper .background-14-1-12.hovered {\n background-color: var(--cds-charts-14-1-12-hovered, #012749);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-12 {\n stroke: var(--cds-charts-14-1-12, #012749);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-12 {\n stop-color: var(--cds-charts-14-1-12, #012749);\n }\n .cds--cc--chart-wrapper .fill-14-1-13 {\n fill: var(--cds-charts-14-1-13, #8a3800);\n }\n .cds--cc--chart-wrapper .fill-14-1-13.hovered {\n fill: var(--cds-charts-14-1-13-hovered, #8a3800);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-13 {\n background-color: var(--cds-charts-14-1-13, #8a3800);\n }\n .cds--cc--chart-wrapper .background-14-1-13.hovered {\n background-color: var(--cds-charts-14-1-13-hovered, #8a3800);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-13 {\n stroke: var(--cds-charts-14-1-13, #8a3800);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-13 {\n stop-color: var(--cds-charts-14-1-13, #8a3800);\n }\n .cds--cc--chart-wrapper .fill-14-1-14 {\n fill: var(--cds-charts-14-1-14, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-14-1-14.hovered {\n fill: var(--cds-charts-14-1-14-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-14-1-14 {\n background-color: var(--cds-charts-14-1-14, #a56eff);\n }\n .cds--cc--chart-wrapper .background-14-1-14.hovered {\n background-color: var(--cds-charts-14-1-14-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-14-1-14 {\n stroke: var(--cds-charts-14-1-14, #a56eff);\n }\n .cds--cc--chart-wrapper .stop-color-14-1-14 {\n stop-color: var(--cds-charts-14-1-14, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-1 {\n fill: var(--cds-charts-mono-1-1, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-1.hovered {\n fill: var(--cds-charts-mono-1-1-hovered, #ffffff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-1-1 {\n background-color: var(--cds-charts-mono-1-1, #fff);\n }\n .cds--cc--chart-wrapper .background-mono-1-1.hovered {\n background-color: var(--cds-charts-mono-1-1-hovered, #fff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-1-1 {\n stroke: var(--cds-charts-mono-1-1, #ffffff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-1-1 {\n stop-color: var(--cds-charts-mono-1-1, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-2 {\n fill: var(--cds-charts-mono-1-2, #f6f2ff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-2.hovered {\n fill: var(--cds-charts-mono-1-2-hovered, #f6f2ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-1-2 {\n background-color: var(--cds-charts-mono-1-2, #f6f2ff);\n }\n .cds--cc--chart-wrapper .background-mono-1-2.hovered {\n background-color: var(--cds-charts-mono-1-2-hovered, #f6f2ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-1-2 {\n stroke: var(--cds-charts-mono-1-2, #f6f2ff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-1-2 {\n stop-color: var(--cds-charts-mono-1-2, #f6f2ff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-3 {\n fill: var(--cds-charts-mono-1-3, #e8daff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-3.hovered {\n fill: var(--cds-charts-mono-1-3-hovered, #e8daff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-1-3 {\n background-color: var(--cds-charts-mono-1-3, #e8daff);\n }\n .cds--cc--chart-wrapper .background-mono-1-3.hovered {\n background-color: var(--cds-charts-mono-1-3-hovered, #e8daff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-1-3 {\n stroke: var(--cds-charts-mono-1-3, #e8daff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-1-3 {\n stop-color: var(--cds-charts-mono-1-3, #e8daff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-4 {\n fill: var(--cds-charts-mono-1-4, #d4bbff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-4.hovered {\n fill: var(--cds-charts-mono-1-4-hovered, #d4bbff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-1-4 {\n background-color: var(--cds-charts-mono-1-4, #d4bbff);\n }\n .cds--cc--chart-wrapper .background-mono-1-4.hovered {\n background-color: var(--cds-charts-mono-1-4-hovered, #d4bbff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-1-4 {\n stroke: var(--cds-charts-mono-1-4, #d4bbff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-1-4 {\n stop-color: var(--cds-charts-mono-1-4, #d4bbff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-5 {\n fill: var(--cds-charts-mono-1-5, #be95ff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-5.hovered {\n fill: var(--cds-charts-mono-1-5-hovered, #be95ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-1-5 {\n background-color: var(--cds-charts-mono-1-5, #be95ff);\n }\n .cds--cc--chart-wrapper .background-mono-1-5.hovered {\n background-color: var(--cds-charts-mono-1-5-hovered, #be95ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-1-5 {\n stroke: var(--cds-charts-mono-1-5, #be95ff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-1-5 {\n stop-color: var(--cds-charts-mono-1-5, #be95ff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-6 {\n fill: var(--cds-charts-mono-1-6, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-6.hovered {\n fill: var(--cds-charts-mono-1-6-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-1-6 {\n background-color: var(--cds-charts-mono-1-6, #a56eff);\n }\n .cds--cc--chart-wrapper .background-mono-1-6.hovered {\n background-color: var(--cds-charts-mono-1-6-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-1-6 {\n stroke: var(--cds-charts-mono-1-6, #a56eff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-1-6 {\n stop-color: var(--cds-charts-mono-1-6, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-mono-1-7 {\n fill: var(--cds-charts-mono-1-7, #8a3ffc);\n }\n .cds--cc--chart-wrapper .fill-mono-1-7.hovered {\n fill: var(--cds-charts-mono-1-7-hovered, #8a3ffc);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-1-7 {\n background-color: var(--cds-charts-mono-1-7, #8a3ffc);\n }\n .cds--cc--chart-wrapper .background-mono-1-7.hovered {\n background-color: var(--cds-charts-mono-1-7-hovered, #8a3ffc);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-1-7 {\n stroke: var(--cds-charts-mono-1-7, #8a3ffc);\n }\n .cds--cc--chart-wrapper .stop-color-mono-1-7 {\n stop-color: var(--cds-charts-mono-1-7, #8a3ffc);\n }\n .cds--cc--chart-wrapper .fill-mono-1-8 {\n fill: var(--cds-charts-mono-1-8, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-mono-1-8.hovered {\n fill: var(--cds-charts-mono-1-8-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-1-8 {\n background-color: var(--cds-charts-mono-1-8, #6929c4);\n }\n .cds--cc--chart-wrapper .background-mono-1-8.hovered {\n background-color: var(--cds-charts-mono-1-8-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-1-8 {\n stroke: var(--cds-charts-mono-1-8, #6929c4);\n }\n .cds--cc--chart-wrapper .stop-color-mono-1-8 {\n stop-color: var(--cds-charts-mono-1-8, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-mono-1-9 {\n fill: var(--cds-charts-mono-1-9, #491d8b);\n }\n .cds--cc--chart-wrapper .fill-mono-1-9.hovered {\n fill: var(--cds-charts-mono-1-9-hovered, #491d8b);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-1-9 {\n background-color: var(--cds-charts-mono-1-9, #491d8b);\n }\n .cds--cc--chart-wrapper .background-mono-1-9.hovered {\n background-color: var(--cds-charts-mono-1-9-hovered, #491d8b);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-1-9 {\n stroke: var(--cds-charts-mono-1-9, #491d8b);\n }\n .cds--cc--chart-wrapper .stop-color-mono-1-9 {\n stop-color: var(--cds-charts-mono-1-9, #491d8b);\n }\n .cds--cc--chart-wrapper .fill-mono-1-10 {\n fill: var(--cds-charts-mono-1-10, #31135e);\n }\n .cds--cc--chart-wrapper .fill-mono-1-10.hovered {\n fill: var(--cds-charts-mono-1-10-hovered, #31135e);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-1-10 {\n background-color: var(--cds-charts-mono-1-10, #31135e);\n }\n .cds--cc--chart-wrapper .background-mono-1-10.hovered {\n background-color: var(--cds-charts-mono-1-10-hovered, #31135e);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-1-10 {\n stroke: var(--cds-charts-mono-1-10, #31135e);\n }\n .cds--cc--chart-wrapper .stop-color-mono-1-10 {\n stop-color: var(--cds-charts-mono-1-10, #31135e);\n }\n .cds--cc--chart-wrapper .fill-mono-1-11 {\n fill: var(--cds-charts-mono-1-11, #1c0f30);\n }\n .cds--cc--chart-wrapper .fill-mono-1-11.hovered {\n fill: var(--cds-charts-mono-1-11-hovered, #1c0f30);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-1-11 {\n background-color: var(--cds-charts-mono-1-11, #1c0f30);\n }\n .cds--cc--chart-wrapper .background-mono-1-11.hovered {\n background-color: var(--cds-charts-mono-1-11-hovered, #1c0f30);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-1-11 {\n stroke: var(--cds-charts-mono-1-11, #1c0f30);\n }\n .cds--cc--chart-wrapper .stop-color-mono-1-11 {\n stop-color: var(--cds-charts-mono-1-11, #1c0f30);\n }\n .cds--cc--chart-wrapper .fill-mono-2-1 {\n fill: var(--cds-charts-mono-2-1, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-1.hovered {\n fill: var(--cds-charts-mono-2-1-hovered, #ffffff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-2-1 {\n background-color: var(--cds-charts-mono-2-1, #fff);\n }\n .cds--cc--chart-wrapper .background-mono-2-1.hovered {\n background-color: var(--cds-charts-mono-2-1-hovered, #fff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-2-1 {\n stroke: var(--cds-charts-mono-2-1, #ffffff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-2-1 {\n stop-color: var(--cds-charts-mono-2-1, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-2 {\n fill: var(--cds-charts-mono-2-2, #edf5ff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-2.hovered {\n fill: var(--cds-charts-mono-2-2-hovered, #edf5ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-2-2 {\n background-color: var(--cds-charts-mono-2-2, #edf5ff);\n }\n .cds--cc--chart-wrapper .background-mono-2-2.hovered {\n background-color: var(--cds-charts-mono-2-2-hovered, #edf5ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-2-2 {\n stroke: var(--cds-charts-mono-2-2, #edf5ff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-2-2 {\n stop-color: var(--cds-charts-mono-2-2, #edf5ff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-3 {\n fill: var(--cds-charts-mono-2-3, #d0e2ff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-3.hovered {\n fill: var(--cds-charts-mono-2-3-hovered, #d0e2ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-2-3 {\n background-color: var(--cds-charts-mono-2-3, #d0e2ff);\n }\n .cds--cc--chart-wrapper .background-mono-2-3.hovered {\n background-color: var(--cds-charts-mono-2-3-hovered, #d0e2ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-2-3 {\n stroke: var(--cds-charts-mono-2-3, #d0e2ff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-2-3 {\n stop-color: var(--cds-charts-mono-2-3, #d0e2ff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-4 {\n fill: var(--cds-charts-mono-2-4, #a6c8ff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-4.hovered {\n fill: var(--cds-charts-mono-2-4-hovered, #a6c8ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-2-4 {\n background-color: var(--cds-charts-mono-2-4, #a6c8ff);\n }\n .cds--cc--chart-wrapper .background-mono-2-4.hovered {\n background-color: var(--cds-charts-mono-2-4-hovered, #a6c8ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-2-4 {\n stroke: var(--cds-charts-mono-2-4, #a6c8ff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-2-4 {\n stop-color: var(--cds-charts-mono-2-4, #a6c8ff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-5 {\n fill: var(--cds-charts-mono-2-5, #78a9ff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-5.hovered {\n fill: var(--cds-charts-mono-2-5-hovered, #78a9ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-2-5 {\n background-color: var(--cds-charts-mono-2-5, #78a9ff);\n }\n .cds--cc--chart-wrapper .background-mono-2-5.hovered {\n background-color: var(--cds-charts-mono-2-5-hovered, #78a9ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-2-5 {\n stroke: var(--cds-charts-mono-2-5, #78a9ff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-2-5 {\n stop-color: var(--cds-charts-mono-2-5, #78a9ff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-6 {\n fill: var(--cds-charts-mono-2-6, #4589ff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-6.hovered {\n fill: var(--cds-charts-mono-2-6-hovered, #4589ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-2-6 {\n background-color: var(--cds-charts-mono-2-6, #4589ff);\n }\n .cds--cc--chart-wrapper .background-mono-2-6.hovered {\n background-color: var(--cds-charts-mono-2-6-hovered, #4589ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-2-6 {\n stroke: var(--cds-charts-mono-2-6, #4589ff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-2-6 {\n stop-color: var(--cds-charts-mono-2-6, #4589ff);\n }\n .cds--cc--chart-wrapper .fill-mono-2-7 {\n fill: var(--cds-charts-mono-2-7, #0f62fe);\n }\n .cds--cc--chart-wrapper .fill-mono-2-7.hovered {\n fill: var(--cds-charts-mono-2-7-hovered, #0f62fe);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-2-7 {\n background-color: var(--cds-charts-mono-2-7, #0f62fe);\n }\n .cds--cc--chart-wrapper .background-mono-2-7.hovered {\n background-color: var(--cds-charts-mono-2-7-hovered, #0f62fe);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-2-7 {\n stroke: var(--cds-charts-mono-2-7, #0f62fe);\n }\n .cds--cc--chart-wrapper .stop-color-mono-2-7 {\n stop-color: var(--cds-charts-mono-2-7, #0f62fe);\n }\n .cds--cc--chart-wrapper .fill-mono-2-8 {\n fill: var(--cds-charts-mono-2-8, #0043ce);\n }\n .cds--cc--chart-wrapper .fill-mono-2-8.hovered {\n fill: var(--cds-charts-mono-2-8-hovered, #0043ce);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-2-8 {\n background-color: var(--cds-charts-mono-2-8, #0043ce);\n }\n .cds--cc--chart-wrapper .background-mono-2-8.hovered {\n background-color: var(--cds-charts-mono-2-8-hovered, #0043ce);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-2-8 {\n stroke: var(--cds-charts-mono-2-8, #0043ce);\n }\n .cds--cc--chart-wrapper .stop-color-mono-2-8 {\n stop-color: var(--cds-charts-mono-2-8, #0043ce);\n }\n .cds--cc--chart-wrapper .fill-mono-2-9 {\n fill: var(--cds-charts-mono-2-9, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-mono-2-9.hovered {\n fill: var(--cds-charts-mono-2-9-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-2-9 {\n background-color: var(--cds-charts-mono-2-9, #002d9c);\n }\n .cds--cc--chart-wrapper .background-mono-2-9.hovered {\n background-color: var(--cds-charts-mono-2-9-hovered, #002d9c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-2-9 {\n stroke: var(--cds-charts-mono-2-9, #002d9c);\n }\n .cds--cc--chart-wrapper .stop-color-mono-2-9 {\n stop-color: var(--cds-charts-mono-2-9, #002d9c);\n }\n .cds--cc--chart-wrapper .fill-mono-2-10 {\n fill: var(--cds-charts-mono-2-10, #001d6c);\n }\n .cds--cc--chart-wrapper .fill-mono-2-10.hovered {\n fill: var(--cds-charts-mono-2-10-hovered, #001d6c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-2-10 {\n background-color: var(--cds-charts-mono-2-10, #001d6c);\n }\n .cds--cc--chart-wrapper .background-mono-2-10.hovered {\n background-color: var(--cds-charts-mono-2-10-hovered, #001d6c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-2-10 {\n stroke: var(--cds-charts-mono-2-10, #001d6c);\n }\n .cds--cc--chart-wrapper .stop-color-mono-2-10 {\n stop-color: var(--cds-charts-mono-2-10, #001d6c);\n }\n .cds--cc--chart-wrapper .fill-mono-2-11 {\n fill: var(--cds-charts-mono-2-11, #001141);\n }\n .cds--cc--chart-wrapper .fill-mono-2-11.hovered {\n fill: var(--cds-charts-mono-2-11-hovered, #001141);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-2-11 {\n background-color: var(--cds-charts-mono-2-11, #001141);\n }\n .cds--cc--chart-wrapper .background-mono-2-11.hovered {\n background-color: var(--cds-charts-mono-2-11-hovered, #001141);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-2-11 {\n stroke: var(--cds-charts-mono-2-11, #001141);\n }\n .cds--cc--chart-wrapper .stop-color-mono-2-11 {\n stop-color: var(--cds-charts-mono-2-11, #001141);\n }\n .cds--cc--chart-wrapper .fill-mono-3-1 {\n fill: var(--cds-charts-mono-3-1, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-mono-3-1.hovered {\n fill: var(--cds-charts-mono-3-1-hovered, #ffffff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-3-1 {\n background-color: var(--cds-charts-mono-3-1, #fff);\n }\n .cds--cc--chart-wrapper .background-mono-3-1.hovered {\n background-color: var(--cds-charts-mono-3-1-hovered, #fff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-3-1 {\n stroke: var(--cds-charts-mono-3-1, #ffffff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-3-1 {\n stop-color: var(--cds-charts-mono-3-1, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-mono-3-2 {\n fill: var(--cds-charts-mono-3-2, #e5f6ff);\n }\n .cds--cc--chart-wrapper .fill-mono-3-2.hovered {\n fill: var(--cds-charts-mono-3-2-hovered, #e5f6ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-3-2 {\n background-color: var(--cds-charts-mono-3-2, #e5f6ff);\n }\n .cds--cc--chart-wrapper .background-mono-3-2.hovered {\n background-color: var(--cds-charts-mono-3-2-hovered, #e5f6ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-3-2 {\n stroke: var(--cds-charts-mono-3-2, #e5f6ff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-3-2 {\n stop-color: var(--cds-charts-mono-3-2, #e5f6ff);\n }\n .cds--cc--chart-wrapper .fill-mono-3-3 {\n fill: var(--cds-charts-mono-3-3, #bae6ff);\n }\n .cds--cc--chart-wrapper .fill-mono-3-3.hovered {\n fill: var(--cds-charts-mono-3-3-hovered, #bae6ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-3-3 {\n background-color: var(--cds-charts-mono-3-3, #bae6ff);\n }\n .cds--cc--chart-wrapper .background-mono-3-3.hovered {\n background-color: var(--cds-charts-mono-3-3-hovered, #bae6ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-3-3 {\n stroke: var(--cds-charts-mono-3-3, #bae6ff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-3-3 {\n stop-color: var(--cds-charts-mono-3-3, #bae6ff);\n }\n .cds--cc--chart-wrapper .fill-mono-3-4 {\n fill: var(--cds-charts-mono-3-4, #82cfff);\n }\n .cds--cc--chart-wrapper .fill-mono-3-4.hovered {\n fill: var(--cds-charts-mono-3-4-hovered, #82cfff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-3-4 {\n background-color: var(--cds-charts-mono-3-4, #82cfff);\n }\n .cds--cc--chart-wrapper .background-mono-3-4.hovered {\n background-color: var(--cds-charts-mono-3-4-hovered, #82cfff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-3-4 {\n stroke: var(--cds-charts-mono-3-4, #82cfff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-3-4 {\n stop-color: var(--cds-charts-mono-3-4, #82cfff);\n }\n .cds--cc--chart-wrapper .fill-mono-3-5 {\n fill: var(--cds-charts-mono-3-5, #33b1ff);\n }\n .cds--cc--chart-wrapper .fill-mono-3-5.hovered {\n fill: var(--cds-charts-mono-3-5-hovered, #33b1ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-3-5 {\n background-color: var(--cds-charts-mono-3-5, #33b1ff);\n }\n .cds--cc--chart-wrapper .background-mono-3-5.hovered {\n background-color: var(--cds-charts-mono-3-5-hovered, #33b1ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-3-5 {\n stroke: var(--cds-charts-mono-3-5, #33b1ff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-3-5 {\n stop-color: var(--cds-charts-mono-3-5, #33b1ff);\n }\n .cds--cc--chart-wrapper .fill-mono-3-6 {\n fill: var(--cds-charts-mono-3-6, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-mono-3-6.hovered {\n fill: var(--cds-charts-mono-3-6-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-3-6 {\n background-color: var(--cds-charts-mono-3-6, #1192e8);\n }\n .cds--cc--chart-wrapper .background-mono-3-6.hovered {\n background-color: var(--cds-charts-mono-3-6-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-3-6 {\n stroke: var(--cds-charts-mono-3-6, #1192e8);\n }\n .cds--cc--chart-wrapper .stop-color-mono-3-6 {\n stop-color: var(--cds-charts-mono-3-6, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-mono-3-7 {\n fill: var(--cds-charts-mono-3-7, #0072c3);\n }\n .cds--cc--chart-wrapper .fill-mono-3-7.hovered {\n fill: var(--cds-charts-mono-3-7-hovered, #0072c3);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-3-7 {\n background-color: var(--cds-charts-mono-3-7, #0072c3);\n }\n .cds--cc--chart-wrapper .background-mono-3-7.hovered {\n background-color: var(--cds-charts-mono-3-7-hovered, #0072c3);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-3-7 {\n stroke: var(--cds-charts-mono-3-7, #0072c3);\n }\n .cds--cc--chart-wrapper .stop-color-mono-3-7 {\n stop-color: var(--cds-charts-mono-3-7, #0072c3);\n }\n .cds--cc--chart-wrapper .fill-mono-3-8 {\n fill: var(--cds-charts-mono-3-8, #00539a);\n }\n .cds--cc--chart-wrapper .fill-mono-3-8.hovered {\n fill: var(--cds-charts-mono-3-8-hovered, #00539a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-3-8 {\n background-color: var(--cds-charts-mono-3-8, #00539a);\n }\n .cds--cc--chart-wrapper .background-mono-3-8.hovered {\n background-color: var(--cds-charts-mono-3-8-hovered, #00539a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-3-8 {\n stroke: var(--cds-charts-mono-3-8, #00539a);\n }\n .cds--cc--chart-wrapper .stop-color-mono-3-8 {\n stop-color: var(--cds-charts-mono-3-8, #00539a);\n }\n .cds--cc--chart-wrapper .fill-mono-3-9 {\n fill: var(--cds-charts-mono-3-9, #003a6d);\n }\n .cds--cc--chart-wrapper .fill-mono-3-9.hovered {\n fill: var(--cds-charts-mono-3-9-hovered, #003a6d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-3-9 {\n background-color: var(--cds-charts-mono-3-9, #003a6d);\n }\n .cds--cc--chart-wrapper .background-mono-3-9.hovered {\n background-color: var(--cds-charts-mono-3-9-hovered, #003a6d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-3-9 {\n stroke: var(--cds-charts-mono-3-9, #003a6d);\n }\n .cds--cc--chart-wrapper .stop-color-mono-3-9 {\n stop-color: var(--cds-charts-mono-3-9, #003a6d);\n }\n .cds--cc--chart-wrapper .fill-mono-3-10 {\n fill: var(--cds-charts-mono-3-10, #012749);\n }\n .cds--cc--chart-wrapper .fill-mono-3-10.hovered {\n fill: var(--cds-charts-mono-3-10-hovered, #012749);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-3-10 {\n background-color: var(--cds-charts-mono-3-10, #012749);\n }\n .cds--cc--chart-wrapper .background-mono-3-10.hovered {\n background-color: var(--cds-charts-mono-3-10-hovered, #012749);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-3-10 {\n stroke: var(--cds-charts-mono-3-10, #012749);\n }\n .cds--cc--chart-wrapper .stop-color-mono-3-10 {\n stop-color: var(--cds-charts-mono-3-10, #012749);\n }\n .cds--cc--chart-wrapper .fill-mono-3-11 {\n fill: var(--cds-charts-mono-3-11, #061727);\n }\n .cds--cc--chart-wrapper .fill-mono-3-11.hovered {\n fill: var(--cds-charts-mono-3-11-hovered, #061727);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-3-11 {\n background-color: var(--cds-charts-mono-3-11, #061727);\n }\n .cds--cc--chart-wrapper .background-mono-3-11.hovered {\n background-color: var(--cds-charts-mono-3-11-hovered, #061727);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-3-11 {\n stroke: var(--cds-charts-mono-3-11, #061727);\n }\n .cds--cc--chart-wrapper .stop-color-mono-3-11 {\n stop-color: var(--cds-charts-mono-3-11, #061727);\n }\n .cds--cc--chart-wrapper .fill-mono-4-1 {\n fill: var(--cds-charts-mono-4-1, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-mono-4-1.hovered {\n fill: var(--cds-charts-mono-4-1-hovered, #ffffff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-4-1 {\n background-color: var(--cds-charts-mono-4-1, #fff);\n }\n .cds--cc--chart-wrapper .background-mono-4-1.hovered {\n background-color: var(--cds-charts-mono-4-1-hovered, #fff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-4-1 {\n stroke: var(--cds-charts-mono-4-1, #ffffff);\n }\n .cds--cc--chart-wrapper .stop-color-mono-4-1 {\n stop-color: var(--cds-charts-mono-4-1, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-mono-4-2 {\n fill: var(--cds-charts-mono-4-2, #d9fbfb);\n }\n .cds--cc--chart-wrapper .fill-mono-4-2.hovered {\n fill: var(--cds-charts-mono-4-2-hovered, #d9fbfb);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-4-2 {\n background-color: var(--cds-charts-mono-4-2, #d9fbfb);\n }\n .cds--cc--chart-wrapper .background-mono-4-2.hovered {\n background-color: var(--cds-charts-mono-4-2-hovered, #d9fbfb);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-4-2 {\n stroke: var(--cds-charts-mono-4-2, #d9fbfb);\n }\n .cds--cc--chart-wrapper .stop-color-mono-4-2 {\n stop-color: var(--cds-charts-mono-4-2, #d9fbfb);\n }\n .cds--cc--chart-wrapper .fill-mono-4-3 {\n fill: var(--cds-charts-mono-4-3, #9ef0f0);\n }\n .cds--cc--chart-wrapper .fill-mono-4-3.hovered {\n fill: var(--cds-charts-mono-4-3-hovered, #9ef0f0);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-4-3 {\n background-color: var(--cds-charts-mono-4-3, #9ef0f0);\n }\n .cds--cc--chart-wrapper .background-mono-4-3.hovered {\n background-color: var(--cds-charts-mono-4-3-hovered, #9ef0f0);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-4-3 {\n stroke: var(--cds-charts-mono-4-3, #9ef0f0);\n }\n .cds--cc--chart-wrapper .stop-color-mono-4-3 {\n stop-color: var(--cds-charts-mono-4-3, #9ef0f0);\n }\n .cds--cc--chart-wrapper .fill-mono-4-4 {\n fill: var(--cds-charts-mono-4-4, #3ddbd9);\n }\n .cds--cc--chart-wrapper .fill-mono-4-4.hovered {\n fill: var(--cds-charts-mono-4-4-hovered, #3ddbd9);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-4-4 {\n background-color: var(--cds-charts-mono-4-4, #3ddbd9);\n }\n .cds--cc--chart-wrapper .background-mono-4-4.hovered {\n background-color: var(--cds-charts-mono-4-4-hovered, #3ddbd9);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-4-4 {\n stroke: var(--cds-charts-mono-4-4, #3ddbd9);\n }\n .cds--cc--chart-wrapper .stop-color-mono-4-4 {\n stop-color: var(--cds-charts-mono-4-4, #3ddbd9);\n }\n .cds--cc--chart-wrapper .fill-mono-4-5 {\n fill: var(--cds-charts-mono-4-5, #08bdba);\n }\n .cds--cc--chart-wrapper .fill-mono-4-5.hovered {\n fill: var(--cds-charts-mono-4-5-hovered, #08bdba);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-4-5 {\n background-color: var(--cds-charts-mono-4-5, #08bdba);\n }\n .cds--cc--chart-wrapper .background-mono-4-5.hovered {\n background-color: var(--cds-charts-mono-4-5-hovered, #08bdba);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-4-5 {\n stroke: var(--cds-charts-mono-4-5, #08bdba);\n }\n .cds--cc--chart-wrapper .stop-color-mono-4-5 {\n stop-color: var(--cds-charts-mono-4-5, #08bdba);\n }\n .cds--cc--chart-wrapper .fill-mono-4-6 {\n fill: var(--cds-charts-mono-4-6, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-mono-4-6.hovered {\n fill: var(--cds-charts-mono-4-6-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-4-6 {\n background-color: var(--cds-charts-mono-4-6, #009d9a);\n }\n .cds--cc--chart-wrapper .background-mono-4-6.hovered {\n background-color: var(--cds-charts-mono-4-6-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-4-6 {\n stroke: var(--cds-charts-mono-4-6, #009d9a);\n }\n .cds--cc--chart-wrapper .stop-color-mono-4-6 {\n stop-color: var(--cds-charts-mono-4-6, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-mono-4-7 {\n fill: var(--cds-charts-mono-4-7, #007d79);\n }\n .cds--cc--chart-wrapper .fill-mono-4-7.hovered {\n fill: var(--cds-charts-mono-4-7-hovered, #007d79);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-4-7 {\n background-color: var(--cds-charts-mono-4-7, #007d79);\n }\n .cds--cc--chart-wrapper .background-mono-4-7.hovered {\n background-color: var(--cds-charts-mono-4-7-hovered, #007d79);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-4-7 {\n stroke: var(--cds-charts-mono-4-7, #007d79);\n }\n .cds--cc--chart-wrapper .stop-color-mono-4-7 {\n stop-color: var(--cds-charts-mono-4-7, #007d79);\n }\n .cds--cc--chart-wrapper .fill-mono-4-8 {\n fill: var(--cds-charts-mono-4-8, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-mono-4-8.hovered {\n fill: var(--cds-charts-mono-4-8-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-4-8 {\n background-color: var(--cds-charts-mono-4-8, #005d5d);\n }\n .cds--cc--chart-wrapper .background-mono-4-8.hovered {\n background-color: var(--cds-charts-mono-4-8-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-4-8 {\n stroke: var(--cds-charts-mono-4-8, #005d5d);\n }\n .cds--cc--chart-wrapper .stop-color-mono-4-8 {\n stop-color: var(--cds-charts-mono-4-8, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-mono-4-9 {\n fill: var(--cds-charts-mono-4-9, #004144);\n }\n .cds--cc--chart-wrapper .fill-mono-4-9.hovered {\n fill: var(--cds-charts-mono-4-9-hovered, #004144);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-4-9 {\n background-color: var(--cds-charts-mono-4-9, #004144);\n }\n .cds--cc--chart-wrapper .background-mono-4-9.hovered {\n background-color: var(--cds-charts-mono-4-9-hovered, #004144);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-4-9 {\n stroke: var(--cds-charts-mono-4-9, #004144);\n }\n .cds--cc--chart-wrapper .stop-color-mono-4-9 {\n stop-color: var(--cds-charts-mono-4-9, #004144);\n }\n .cds--cc--chart-wrapper .fill-mono-4-10 {\n fill: var(--cds-charts-mono-4-10, #022b30);\n }\n .cds--cc--chart-wrapper .fill-mono-4-10.hovered {\n fill: var(--cds-charts-mono-4-10-hovered, #022b30);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-4-10 {\n background-color: var(--cds-charts-mono-4-10, #022b30);\n }\n .cds--cc--chart-wrapper .background-mono-4-10.hovered {\n background-color: var(--cds-charts-mono-4-10-hovered, #022b30);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-4-10 {\n stroke: var(--cds-charts-mono-4-10, #022b30);\n }\n .cds--cc--chart-wrapper .stop-color-mono-4-10 {\n stop-color: var(--cds-charts-mono-4-10, #022b30);\n }\n .cds--cc--chart-wrapper .fill-mono-4-11 {\n fill: var(--cds-charts-mono-4-11, #081a1c);\n }\n .cds--cc--chart-wrapper .fill-mono-4-11.hovered {\n fill: var(--cds-charts-mono-4-11-hovered, #081a1c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-mono-4-11 {\n background-color: var(--cds-charts-mono-4-11, #081a1c);\n }\n .cds--cc--chart-wrapper .background-mono-4-11.hovered {\n background-color: var(--cds-charts-mono-4-11-hovered, #081a1c);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-mono-4-11 {\n stroke: var(--cds-charts-mono-4-11, #081a1c);\n }\n .cds--cc--chart-wrapper .stop-color-mono-4-11 {\n stop-color: var(--cds-charts-mono-4-11, #081a1c);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-1 {\n fill: var(--cds-charts-diverge-1-1, #750e13);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-1.hovered {\n fill: var(--cds-charts-diverge-1-1-hovered, #750e13);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-1 {\n background-color: var(--cds-charts-diverge-1-1, #750e13);\n }\n .cds--cc--chart-wrapper .background-diverge-1-1.hovered {\n background-color: var(--cds-charts-diverge-1-1-hovered, #750e13);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-1 {\n stroke: var(--cds-charts-diverge-1-1, #750e13);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-1 {\n stop-color: var(--cds-charts-diverge-1-1, #750e13);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-2 {\n fill: var(--cds-charts-diverge-1-2, #a2191f);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-2.hovered {\n fill: var(--cds-charts-diverge-1-2-hovered, #a2191f);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-2 {\n background-color: var(--cds-charts-diverge-1-2, #a2191f);\n }\n .cds--cc--chart-wrapper .background-diverge-1-2.hovered {\n background-color: var(--cds-charts-diverge-1-2-hovered, #a2191f);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-2 {\n stroke: var(--cds-charts-diverge-1-2, #a2191f);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-2 {\n stop-color: var(--cds-charts-diverge-1-2, #a2191f);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-3 {\n fill: var(--cds-charts-diverge-1-3, #da1e28);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-3.hovered {\n fill: var(--cds-charts-diverge-1-3-hovered, #da1e28);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-3 {\n background-color: var(--cds-charts-diverge-1-3, #da1e28);\n }\n .cds--cc--chart-wrapper .background-diverge-1-3.hovered {\n background-color: var(--cds-charts-diverge-1-3-hovered, #da1e28);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-3 {\n stroke: var(--cds-charts-diverge-1-3, #da1e28);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-3 {\n stop-color: var(--cds-charts-diverge-1-3, #da1e28);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-4 {\n fill: var(--cds-charts-diverge-1-4, #fa4d56);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-4.hovered {\n fill: var(--cds-charts-diverge-1-4-hovered, #fa4d56);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-4 {\n background-color: var(--cds-charts-diverge-1-4, #fa4d56);\n }\n .cds--cc--chart-wrapper .background-diverge-1-4.hovered {\n background-color: var(--cds-charts-diverge-1-4-hovered, #fa4d56);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-4 {\n stroke: var(--cds-charts-diverge-1-4, #fa4d56);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-4 {\n stop-color: var(--cds-charts-diverge-1-4, #fa4d56);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-5 {\n fill: var(--cds-charts-diverge-1-5, #ff8389);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-5.hovered {\n fill: var(--cds-charts-diverge-1-5-hovered, #ff8389);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-5 {\n background-color: var(--cds-charts-diverge-1-5, #ff8389);\n }\n .cds--cc--chart-wrapper .background-diverge-1-5.hovered {\n background-color: var(--cds-charts-diverge-1-5-hovered, #ff8389);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-5 {\n stroke: var(--cds-charts-diverge-1-5, #ff8389);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-5 {\n stop-color: var(--cds-charts-diverge-1-5, #ff8389);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-6 {\n fill: var(--cds-charts-diverge-1-6, #ffb3b8);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-6.hovered {\n fill: var(--cds-charts-diverge-1-6-hovered, #ffb3b8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-6 {\n background-color: var(--cds-charts-diverge-1-6, #ffb3b8);\n }\n .cds--cc--chart-wrapper .background-diverge-1-6.hovered {\n background-color: var(--cds-charts-diverge-1-6-hovered, #ffb3b8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-6 {\n stroke: var(--cds-charts-diverge-1-6, #ffb3b8);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-6 {\n stop-color: var(--cds-charts-diverge-1-6, #ffb3b8);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-7 {\n fill: var(--cds-charts-diverge-1-7, #ffd7d9);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-7.hovered {\n fill: var(--cds-charts-diverge-1-7-hovered, #ffd7d9);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-7 {\n background-color: var(--cds-charts-diverge-1-7, #ffd7d9);\n }\n .cds--cc--chart-wrapper .background-diverge-1-7.hovered {\n background-color: var(--cds-charts-diverge-1-7-hovered, #ffd7d9);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-7 {\n stroke: var(--cds-charts-diverge-1-7, #ffd7d9);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-7 {\n stop-color: var(--cds-charts-diverge-1-7, #ffd7d9);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-8 {\n fill: var(--cds-charts-diverge-1-8, #fff1f1);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-8.hovered {\n fill: var(--cds-charts-diverge-1-8-hovered, #fff1f1);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-8 {\n background-color: var(--cds-charts-diverge-1-8, #fff1f1);\n }\n .cds--cc--chart-wrapper .background-diverge-1-8.hovered {\n background-color: var(--cds-charts-diverge-1-8-hovered, #fff1f1);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-8 {\n stroke: var(--cds-charts-diverge-1-8, #fff1f1);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-8 {\n stop-color: var(--cds-charts-diverge-1-8, #fff1f1);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-9 {\n fill: var(--cds-charts-diverge-1-9, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-9.hovered {\n fill: var(--cds-charts-diverge-1-9-hovered, #ffffff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-9 {\n background-color: var(--cds-charts-diverge-1-9, #fff);\n }\n .cds--cc--chart-wrapper .background-diverge-1-9.hovered {\n background-color: var(--cds-charts-diverge-1-9-hovered, #fff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-9 {\n stroke: var(--cds-charts-diverge-1-9, #ffffff);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-9 {\n stop-color: var(--cds-charts-diverge-1-9, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-10 {\n fill: var(--cds-charts-diverge-1-10, #e5f6ff);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-10.hovered {\n fill: var(--cds-charts-diverge-1-10-hovered, #e5f6ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-10 {\n background-color: var(--cds-charts-diverge-1-10, #e5f6ff);\n }\n .cds--cc--chart-wrapper .background-diverge-1-10.hovered {\n background-color: var(--cds-charts-diverge-1-10-hovered, #e5f6ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-10 {\n stroke: var(--cds-charts-diverge-1-10, #e5f6ff);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-10 {\n stop-color: var(--cds-charts-diverge-1-10, #e5f6ff);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-11 {\n fill: var(--cds-charts-diverge-1-11, #bae6ff);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-11.hovered {\n fill: var(--cds-charts-diverge-1-11-hovered, #bae6ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-11 {\n background-color: var(--cds-charts-diverge-1-11, #bae6ff);\n }\n .cds--cc--chart-wrapper .background-diverge-1-11.hovered {\n background-color: var(--cds-charts-diverge-1-11-hovered, #bae6ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-11 {\n stroke: var(--cds-charts-diverge-1-11, #bae6ff);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-11 {\n stop-color: var(--cds-charts-diverge-1-11, #bae6ff);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-12 {\n fill: var(--cds-charts-diverge-1-12, #82cfff);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-12.hovered {\n fill: var(--cds-charts-diverge-1-12-hovered, #82cfff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-12 {\n background-color: var(--cds-charts-diverge-1-12, #82cfff);\n }\n .cds--cc--chart-wrapper .background-diverge-1-12.hovered {\n background-color: var(--cds-charts-diverge-1-12-hovered, #82cfff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-12 {\n stroke: var(--cds-charts-diverge-1-12, #82cfff);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-12 {\n stop-color: var(--cds-charts-diverge-1-12, #82cfff);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-13 {\n fill: var(--cds-charts-diverge-1-13, #33b1ff);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-13.hovered {\n fill: var(--cds-charts-diverge-1-13-hovered, #33b1ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-13 {\n background-color: var(--cds-charts-diverge-1-13, #33b1ff);\n }\n .cds--cc--chart-wrapper .background-diverge-1-13.hovered {\n background-color: var(--cds-charts-diverge-1-13-hovered, #33b1ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-13 {\n stroke: var(--cds-charts-diverge-1-13, #33b1ff);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-13 {\n stop-color: var(--cds-charts-diverge-1-13, #33b1ff);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-14 {\n fill: var(--cds-charts-diverge-1-14, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-14.hovered {\n fill: var(--cds-charts-diverge-1-14-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-14 {\n background-color: var(--cds-charts-diverge-1-14, #1192e8);\n }\n .cds--cc--chart-wrapper .background-diverge-1-14.hovered {\n background-color: var(--cds-charts-diverge-1-14-hovered, #1192e8);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-14 {\n stroke: var(--cds-charts-diverge-1-14, #1192e8);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-14 {\n stop-color: var(--cds-charts-diverge-1-14, #1192e8);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-15 {\n fill: var(--cds-charts-diverge-1-15, #0072c3);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-15.hovered {\n fill: var(--cds-charts-diverge-1-15-hovered, #0072c3);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-15 {\n background-color: var(--cds-charts-diverge-1-15, #0072c3);\n }\n .cds--cc--chart-wrapper .background-diverge-1-15.hovered {\n background-color: var(--cds-charts-diverge-1-15-hovered, #0072c3);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-15 {\n stroke: var(--cds-charts-diverge-1-15, #0072c3);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-15 {\n stop-color: var(--cds-charts-diverge-1-15, #0072c3);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-16 {\n fill: var(--cds-charts-diverge-1-16, #00539a);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-16.hovered {\n fill: var(--cds-charts-diverge-1-16-hovered, #00539a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-16 {\n background-color: var(--cds-charts-diverge-1-16, #00539a);\n }\n .cds--cc--chart-wrapper .background-diverge-1-16.hovered {\n background-color: var(--cds-charts-diverge-1-16-hovered, #00539a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-16 {\n stroke: var(--cds-charts-diverge-1-16, #00539a);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-16 {\n stop-color: var(--cds-charts-diverge-1-16, #00539a);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-17 {\n fill: var(--cds-charts-diverge-1-17, #003a6d);\n }\n .cds--cc--chart-wrapper .fill-diverge-1-17.hovered {\n fill: var(--cds-charts-diverge-1-17-hovered, #003a6d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-1-17 {\n background-color: var(--cds-charts-diverge-1-17, #003a6d);\n }\n .cds--cc--chart-wrapper .background-diverge-1-17.hovered {\n background-color: var(--cds-charts-diverge-1-17-hovered, #003a6d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-1-17 {\n stroke: var(--cds-charts-diverge-1-17, #003a6d);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-1-17 {\n stop-color: var(--cds-charts-diverge-1-17, #003a6d);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-1 {\n fill: var(--cds-charts-diverge-2-1, #491d8b);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-1.hovered {\n fill: var(--cds-charts-diverge-2-1-hovered, #491d8b);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-1 {\n background-color: var(--cds-charts-diverge-2-1, #491d8b);\n }\n .cds--cc--chart-wrapper .background-diverge-2-1.hovered {\n background-color: var(--cds-charts-diverge-2-1-hovered, #491d8b);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-1 {\n stroke: var(--cds-charts-diverge-2-1, #491d8b);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-1 {\n stop-color: var(--cds-charts-diverge-2-1, #491d8b);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-2 {\n fill: var(--cds-charts-diverge-2-2, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-2.hovered {\n fill: var(--cds-charts-diverge-2-2-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-2 {\n background-color: var(--cds-charts-diverge-2-2, #6929c4);\n }\n .cds--cc--chart-wrapper .background-diverge-2-2.hovered {\n background-color: var(--cds-charts-diverge-2-2-hovered, #6929c4);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-2 {\n stroke: var(--cds-charts-diverge-2-2, #6929c4);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-2 {\n stop-color: var(--cds-charts-diverge-2-2, #6929c4);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-3 {\n fill: var(--cds-charts-diverge-2-3, #8a3ffc);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-3.hovered {\n fill: var(--cds-charts-diverge-2-3-hovered, #8a3ffc);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-3 {\n background-color: var(--cds-charts-diverge-2-3, #8a3ffc);\n }\n .cds--cc--chart-wrapper .background-diverge-2-3.hovered {\n background-color: var(--cds-charts-diverge-2-3-hovered, #8a3ffc);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-3 {\n stroke: var(--cds-charts-diverge-2-3, #8a3ffc);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-3 {\n stop-color: var(--cds-charts-diverge-2-3, #8a3ffc);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-4 {\n fill: var(--cds-charts-diverge-2-4, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-4.hovered {\n fill: var(--cds-charts-diverge-2-4-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-4 {\n background-color: var(--cds-charts-diverge-2-4, #a56eff);\n }\n .cds--cc--chart-wrapper .background-diverge-2-4.hovered {\n background-color: var(--cds-charts-diverge-2-4-hovered, #a56eff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-4 {\n stroke: var(--cds-charts-diverge-2-4, #a56eff);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-4 {\n stop-color: var(--cds-charts-diverge-2-4, #a56eff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-5 {\n fill: var(--cds-charts-diverge-2-5, #be95ff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-5.hovered {\n fill: var(--cds-charts-diverge-2-5-hovered, #be95ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-5 {\n background-color: var(--cds-charts-diverge-2-5, #be95ff);\n }\n .cds--cc--chart-wrapper .background-diverge-2-5.hovered {\n background-color: var(--cds-charts-diverge-2-5-hovered, #be95ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-5 {\n stroke: var(--cds-charts-diverge-2-5, #be95ff);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-5 {\n stop-color: var(--cds-charts-diverge-2-5, #be95ff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-6 {\n fill: var(--cds-charts-diverge-2-6, #d4bbff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-6.hovered {\n fill: var(--cds-charts-diverge-2-6-hovered, #d4bbff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-6 {\n background-color: var(--cds-charts-diverge-2-6, #d4bbff);\n }\n .cds--cc--chart-wrapper .background-diverge-2-6.hovered {\n background-color: var(--cds-charts-diverge-2-6-hovered, #d4bbff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-6 {\n stroke: var(--cds-charts-diverge-2-6, #d4bbff);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-6 {\n stop-color: var(--cds-charts-diverge-2-6, #d4bbff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-7 {\n fill: var(--cds-charts-diverge-2-7, #e8daff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-7.hovered {\n fill: var(--cds-charts-diverge-2-7-hovered, #e8daff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-7 {\n background-color: var(--cds-charts-diverge-2-7, #e8daff);\n }\n .cds--cc--chart-wrapper .background-diverge-2-7.hovered {\n background-color: var(--cds-charts-diverge-2-7-hovered, #e8daff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-7 {\n stroke: var(--cds-charts-diverge-2-7, #e8daff);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-7 {\n stop-color: var(--cds-charts-diverge-2-7, #e8daff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-8 {\n fill: var(--cds-charts-diverge-2-8, #f6f2ff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-8.hovered {\n fill: var(--cds-charts-diverge-2-8-hovered, #f6f2ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-8 {\n background-color: var(--cds-charts-diverge-2-8, #f6f2ff);\n }\n .cds--cc--chart-wrapper .background-diverge-2-8.hovered {\n background-color: var(--cds-charts-diverge-2-8-hovered, #f6f2ff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-8 {\n stroke: var(--cds-charts-diverge-2-8, #f6f2ff);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-8 {\n stop-color: var(--cds-charts-diverge-2-8, #f6f2ff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-9 {\n fill: var(--cds-charts-diverge-2-9, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-9.hovered {\n fill: var(--cds-charts-diverge-2-9-hovered, #ffffff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-9 {\n background-color: var(--cds-charts-diverge-2-9, #fff);\n }\n .cds--cc--chart-wrapper .background-diverge-2-9.hovered {\n background-color: var(--cds-charts-diverge-2-9-hovered, #fff);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-9 {\n stroke: var(--cds-charts-diverge-2-9, #ffffff);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-9 {\n stop-color: var(--cds-charts-diverge-2-9, #ffffff);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-10 {\n fill: var(--cds-charts-diverge-2-10, #d9fbfb);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-10.hovered {\n fill: var(--cds-charts-diverge-2-10-hovered, #d9fbfb);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-10 {\n background-color: var(--cds-charts-diverge-2-10, #d9fbfb);\n }\n .cds--cc--chart-wrapper .background-diverge-2-10.hovered {\n background-color: var(--cds-charts-diverge-2-10-hovered, #d9fbfb);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-10 {\n stroke: var(--cds-charts-diverge-2-10, #d9fbfb);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-10 {\n stop-color: var(--cds-charts-diverge-2-10, #d9fbfb);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-11 {\n fill: var(--cds-charts-diverge-2-11, #9ef0f0);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-11.hovered {\n fill: var(--cds-charts-diverge-2-11-hovered, #9ef0f0);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-11 {\n background-color: var(--cds-charts-diverge-2-11, #9ef0f0);\n }\n .cds--cc--chart-wrapper .background-diverge-2-11.hovered {\n background-color: var(--cds-charts-diverge-2-11-hovered, #9ef0f0);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-11 {\n stroke: var(--cds-charts-diverge-2-11, #9ef0f0);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-11 {\n stop-color: var(--cds-charts-diverge-2-11, #9ef0f0);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-12 {\n fill: var(--cds-charts-diverge-2-12, #3ddbd9);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-12.hovered {\n fill: var(--cds-charts-diverge-2-12-hovered, #3ddbd9);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-12 {\n background-color: var(--cds-charts-diverge-2-12, #3ddbd9);\n }\n .cds--cc--chart-wrapper .background-diverge-2-12.hovered {\n background-color: var(--cds-charts-diverge-2-12-hovered, #3ddbd9);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-12 {\n stroke: var(--cds-charts-diverge-2-12, #3ddbd9);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-12 {\n stop-color: var(--cds-charts-diverge-2-12, #3ddbd9);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-13 {\n fill: var(--cds-charts-diverge-2-13, #08bdba);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-13.hovered {\n fill: var(--cds-charts-diverge-2-13-hovered, #08bdba);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-13 {\n background-color: var(--cds-charts-diverge-2-13, #08bdba);\n }\n .cds--cc--chart-wrapper .background-diverge-2-13.hovered {\n background-color: var(--cds-charts-diverge-2-13-hovered, #08bdba);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-13 {\n stroke: var(--cds-charts-diverge-2-13, #08bdba);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-13 {\n stop-color: var(--cds-charts-diverge-2-13, #08bdba);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-14 {\n fill: var(--cds-charts-diverge-2-14, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-14.hovered {\n fill: var(--cds-charts-diverge-2-14-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-14 {\n background-color: var(--cds-charts-diverge-2-14, #009d9a);\n }\n .cds--cc--chart-wrapper .background-diverge-2-14.hovered {\n background-color: var(--cds-charts-diverge-2-14-hovered, #009d9a);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-14 {\n stroke: var(--cds-charts-diverge-2-14, #009d9a);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-14 {\n stop-color: var(--cds-charts-diverge-2-14, #009d9a);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-15 {\n fill: var(--cds-charts-diverge-2-15, #007d79);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-15.hovered {\n fill: var(--cds-charts-diverge-2-15-hovered, #007d79);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-15 {\n background-color: var(--cds-charts-diverge-2-15, #007d79);\n }\n .cds--cc--chart-wrapper .background-diverge-2-15.hovered {\n background-color: var(--cds-charts-diverge-2-15-hovered, #007d79);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-15 {\n stroke: var(--cds-charts-diverge-2-15, #007d79);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-15 {\n stop-color: var(--cds-charts-diverge-2-15, #007d79);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-16 {\n fill: var(--cds-charts-diverge-2-16, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-16.hovered {\n fill: var(--cds-charts-diverge-2-16-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-16 {\n background-color: var(--cds-charts-diverge-2-16, #005d5d);\n }\n .cds--cc--chart-wrapper .background-diverge-2-16.hovered {\n background-color: var(--cds-charts-diverge-2-16-hovered, #005d5d);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-16 {\n stroke: var(--cds-charts-diverge-2-16, #005d5d);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-16 {\n stop-color: var(--cds-charts-diverge-2-16, #005d5d);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-17 {\n fill: var(--cds-charts-diverge-2-17, #004144);\n }\n .cds--cc--chart-wrapper .fill-diverge-2-17.hovered {\n fill: var(--cds-charts-diverge-2-17-hovered, #004144);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .background-diverge-2-17 {\n background-color: var(--cds-charts-diverge-2-17, #004144);\n }\n .cds--cc--chart-wrapper .background-diverge-2-17.hovered {\n background-color: var(--cds-charts-diverge-2-17-hovered, #004144);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .stroke-diverge-2-17 {\n stroke: var(--cds-charts-diverge-2-17, #004144);\n }\n .cds--cc--chart-wrapper .stop-color-diverge-2-17 {\n stop-color: var(--cds-charts-diverge-2-17, #004144);\n }\n .cds--cc--tooltip .tooltip-14-1-10 {\n background-color: var(--cds-charts-14-1-10, #b28600);\n }\n .cds--cc--tooltip .tooltip-14-1-11 {\n background-color: var(--cds-charts-14-1-11, #009d9a);\n }\n .cds--cc--tooltip .tooltip-14-1-12 {\n background-color: var(--cds-charts-14-1-12, #012749);\n }\n .cds--cc--tooltip .tooltip-14-1-13 {\n background-color: var(--cds-charts-14-1-13, #8a3800);\n }\n .cds--cc--tooltip .tooltip-14-1-14 {\n background-color: var(--cds-charts-14-1-14, #a56eff);\n }\n .cds--cc--card-node--a:focus,\n .cds--cc--card-node--a:hover,\n .cds--cc--card-node--button:focus,\n .cds--cc--card-node--button:hover,\n .cds--cc--shape-node--a:focus,\n .cds--cc--shape-node--a:hover,\n .cds--cc--shape-node--button:focus,\n .cds--cc--shape-node--button:hover {\n background-color: var(--cds-network-diagrams-background-hover, #f1f1f1);\n }\n .cds--cc--legend .additional > .icon .area-1 {\n fill: var(--cds-zone-fill-01, #f4f4f4);\n stroke: var(--cds-zone-stroke-01, #8d8d8d);\n }\n .cds--cc--legend .additional > .icon .area-2 {\n fill: var(--cds-zone-fill-02, #e0e0e0);\n stroke: var(--cds-zone-stroke-02, #8d8d8d);\n }\n .cds--cc--legend .additional > .icon .area-3 {\n fill: var(--cds-zone-fill-03, #c6c6c6);\n stroke: var(--cds-zone-stroke-03, #8d8d8d);\n }\n .cds--cc--legend .additional > .icon .quartile-wrapper {\n fill: var(--cds-zone-fill-02, #e0e0e0);\n stroke: var(--cds-zone-stroke-01, #8d8d8d);\n }\n .cds--cc--legend .additional > .icon .quartile-line {\n fill: var(--cds-layer-inverse-absolute, #000000);\n }\n .cds--cc--axes g.axis g.tick-hover rect.axis-holder {\n fill: transparent;\n stroke: transparent;\n stroke-width: 2px;\n }\n .cds--cc--axes g.axis g.tick-hover:focus rect.axis-holder,\n .cds--cc--axes g.axis g.tick-hover:hover rect.axis-holder {\n fill: var(--cds-layer-selected-inverse, #161616);\n stroke: var(--cds-layer-selected-inverse, #161616);\n stroke-width: 2px;\n }\n .cds--cc--axes g.axis g.tick-hover:focus text,\n .cds--cc--axes g.axis g.tick-hover:hover text {\n fill: var(--cds-layer-selected);\n }\n .cds--cc--axes g.axis .axis-title {\n font-weight: 600;\n fill: var(--cds-text-primary, #161616);\n }\n .cds--cc--chart-wrapper g.callouts {\n stroke: var(--cds-text-secondary, #525252);\n }\n .cds--cc--grid-brush g.grid-brush rect.selection {\n fill: none;\n fill-opacity: 0;\n stroke: none;\n }\n .cds--cc--grid-brush rect.frontSelection {\n fill: var(--cds-layer-accent-01, #e0e0e0);\n fill-opacity: 0.3;\n stroke: var(--cds-button-tertiary, #0f62fe);\n }\n .cds--cc--grid rect.chart-grid-backdrop,\n .cds--cc--skeleton rect.chart-skeleton-backdrop,\n .cds--cc--skeleton-lines rect.chart-skeleton-backdrop {\n fill: var(--cds-grid-bg, #ffffff);\n }\n .cds--cc--grid rect.chart-grid-backdrop.stroked,\n .cds--cc--grid rect.stroke {\n stroke: var(--cds-layer-accent-01, #e0e0e0);\n }\n .cds--cc--grid g.x.grid g.tick line,\n .cds--cc--grid g.y.grid g.tick line {\n pointer-events: none;\n stroke-width: 1px;\n stroke: var(--cds-layer-accent-01, #e0e0e0);\n }\n .cds--cc--grid g.x.grid g.tick.active line,\n .cds--cc--grid g.y.grid g.tick.active line {\n stroke-dasharray: 2px;\n stroke: var(--cds-focus, #0f62fe);\n }\n .cds--cc--ruler line.ruler-line,\n .cds--cc--ruler-binned line.ruler-line {\n stroke: var(--cds-layer-inverse-absolute, #000000);\n stroke-width: 1px;\n stroke-dasharray: 2;\n pointer-events: none;\n }\n .cds--cc--skeleton .shimmer-effect-lines {\n stroke-width: 1px;\n }\n .cds--cc--skeleton .shimmer-effect-sparkline {\n stroke-width: 0;\n }\n .cds--cc--skeleton .empty-state-lines {\n stroke-width: 1px;\n stroke: var(--cds-layer-accent-01, #e0e0e0);\n }\n .cds--cc--skeleton .shimmer-lines .stop-bg-shimmer {\n stop-color: var(--cds-layer-accent-01, #e0e0e0);\n }\n .cds--cc--skeleton .shimmer-lines .stop-shimmer {\n stop-color: #fff;\n }\n .cds--cc--skeleton .empty-state-areas {\n fill: rgba(127, 127, 127, 0.1);\n }\n .cds--cc--skeleton .shimmer-areas .stop-bg-shimmer {\n stop-color: rgba(127, 127, 127, 0.1);\n }\n .cds--cc--skeleton .shimmer-areas .stop-shimmer {\n stop-color: rgba(255, 255, 255, 0.15);\n }\n .cds--cc--skeleton-lines .shimmer-effect-lines {\n stroke-width: 1px;\n }\n .cds--cc--skeleton-lines .shimmer-effect-sparkline {\n stroke-width: 0;\n }\n .cds--cc--skeleton-lines .empty-state-lines {\n stroke-width: 1px;\n stroke: var(--cds-layer-accent-01, #e0e0e0);\n }\n .cds--cc--skeleton-lines .shimmer-lines .stop-bg-shimmer {\n stop-color: var(--cds-layer-accent-01, #e0e0e0);\n }\n .cds--cc--skeleton-lines .shimmer-lines .stop-shimmer {\n stop-color: #fff;\n }\n .cds--cc--layout-row {\n display: flex;\n flex-direction: row;\n }\n .cds--cc--layout-column {\n display: flex;\n flex-direction: column;\n }\n .cds--cc--layout-row-reverse {\n display: flex;\n flex-direction: row-reverse;\n }\n .cds--cc--layout-column-reverse {\n display: flex;\n flex-direction: column-reverse;\n }\n .cds--cc--threshold--label,\n .cds--cc--tooltip {\n display: inline;\n box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);\n word-wrap: break-word;\n z-index: 1059;\n }\n .cds--cc--layout-alignitems-center {\n align-items: center;\n }\n .cds--cc--chart-wrapper svg.layout-svg-wrapper {\n height: inherit;\n width: inherit;\n overflow: visible;\n }\n div.cds--cc--legend {\n display: flex;\n user-select: none;\n -webkit-flex-wrap: wrap;\n flex-wrap: wrap;\n }\n div.cds--cc--legend[data-name='legend-items'] {\n width: 100%;\n margin: -5px;\n }\n div.cds--cc--legend div.legend-item {\n display: flex;\n align-items: center;\n margin: 5px;\n }\n div.cds--cc--legend div.legend-item div.checkbox {\n width: 13px;\n height: 13px;\n margin-right: 4px;\n border-radius: 2px;\n border: solid 1px var(--cds-background, #fff);\n box-shadow: 0 0 0 2px transparent;\n }\n div.cds--cc--legend div.legend-item div.checkbox:not(.active) {\n border-color: var(--cds-text-secondary, #525252);\n background: var(--cds-background, #fff);\n }\n div.cds--cc--legend div.legend-item div.checkbox svg {\n display: none;\n vertical-align: text-top;\n fill: var(--cds-background, #ffffff);\n stroke: var(--cds-background, #ffffff);\n }\n div.cds--cc--legend div.legend-item.additional svg.icon {\n margin-right: 4px;\n }\n div.cds--cc--legend div.legend-item p {\n font-size: 12px;\n line-height: 1rem;\n }\n div.cds--cc--legend.center-aligned {\n justify-content: center;\n }\n div.cds--cc--legend.right-aligned {\n justify-content: flex-end;\n }\n div.cds--cc--legend.has-deactivated-items div.legend-item div.checkbox svg {\n display: block;\n }\n div.cds--cc--legend.vertical {\n margin: -5px;\n flex-direction: column;\n }\n div.cds--cc--legend.vertical div.legend-item {\n margin-right: 0;\n margin-bottom: 10px;\n }\n div.cds--cc--legend.clickable div.legend-item:not(.additional):hover {\n cursor: pointer;\n }\n div.cds--cc--legend.clickable\n div.legend-item:not(.additional):hover\n div.checkbox {\n border: solid 1px var(--cds-background, #fff);\n box-shadow: 0 0 0 2px #0f62fe;\n }\n div.cds--cc--legend.clickable\n div.legend-item:not(.additional):hover\n div.checkbox:not(.active) {\n border-color: var(--cds-text-secondary, #525252);\n }\n .cds--cc--card-node--stacked::after,\n .cds--cc--card-node--stacked::before {\n content: '';\n position: absolute;\n z-index: 0;\n border-top: 0.125rem solid var(--cds-layer-accent-01, #e0e0e0);\n border-right: 0.125rem solid var(--cds-layer-accent-01, #e0e0e0);\n pointer-events: none;\n }\n .cds--chart-holder .cds--modal.is-visible {\n z-index: 99999;\n }\n .cds--chart-holder\n .cds--modal\n .cds--modal-container\n .cds--modal-header__label {\n margin-top: 0;\n margin-bottom: 0;\n }\n .cds--chart-holder\n .cds--modal\n .cds--modal-container\n .cds--modal-header__heading {\n margin-top: 0.5rem;\n margin-bottom: 1rem;\n }\n .cds--chart-holder .cds--modal .cds--modal-container .cds--modal-content {\n padding: 0;\n margin-bottom: 0;\n color-scheme: var(--cds-color-scheme, light);\n }\n .cds--chart-holder\n .cds--modal\n .cds--modal-container\n .cds--modal-content\n table {\n position: relative;\n border-collapse: collapse;\n }\n .cds--chart-holder\n .cds--modal\n .cds--modal-container\n .cds--modal-content\n table\n th {\n position: sticky;\n top: 0;\n }\n .cds--chart-holder\n .cds--modal\n .cds--modal-container\n .cds--modal-footer\n .cds--cc-modal-footer-spacer {\n width: 50%;\n }\n .cds--cc--title p.title {\n font-size: 16px;\n font-weight: 600;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-right: 15px;\n }\n .layout-child.title {\n height: unset !important;\n overflow: hidden;\n }\n .cds--cc--meter-title text.meter-title,\n .cds--cc--meter-title text.percent-value,\n .cds--cc--meter-title text.proportional-meter-title,\n .cds--cc--meter-title text.proportional-meter-total {\n fill: var(--cds-text-primary, #161616);\n }\n .cds--cc--meter-title g.status-indicator.status--warning circle.status {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--cc--meter-title g.status-indicator.status--warning path.innerFill {\n fill: #000;\n }\n .cds--cc--meter-title g.status-indicator.status--success circle.status {\n fill: var(--cds-support-success, #24a148);\n }\n .cds--cc--meter-title g.status-indicator path.innerFill {\n fill: var(--cds-layer-01-absolute, #ffffff);\n }\n .cds--chart-holder .cds--overflow-menu,\n .cds--chart-holder .cds--overflow-menu__trigger {\n width: 2rem;\n height: 2rem;\n }\n .cds--chart-holder .cds--cc--toolbar {\n display: flex;\n }\n .cds--chart-holder .cds--cc--toolbar div.toolbar-control.disabled,\n .cds--chart-holder .cds--cc--toolbar div.toolbar-control.disabled button {\n cursor: not-allowed;\n }\n .cds--chart-holder .cds--cc--toolbar div.toolbar-control.disabled svg {\n fill: var(--cds-icon-on-color-disabled, #8d8d8d);\n }\n .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu--flip {\n right: 0;\n left: unset;\n }\n .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu--flip.is-open {\n display: table;\n }\n .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu--flip ul {\n margin: 0;\n padding: 0;\n }\n .cds--chart-holder .cds--cc--toolbar .cds--loading__background {\n fill: transparent;\n }\n .cds--chart-holder .cds--cc--toolbar .cds--loading__stroke {\n stroke-dashoffset: 99;\n fill: transparent;\n }\n .cds--cc--tooltip {\n background-color: var(--cds-layer-02, #fff);\n pointer-events: none;\n visibility: visible;\n position: absolute;\n transition:\n visibility 0s linear 0.1s,\n opacity 0.1s;\n }\n .cds--cc--tooltip.hidden {\n opacity: 0;\n visibility: hidden;\n transition:\n visibility cubic-bezier(0.4, 0.14, 0.3, 1),\n opacity 0.1s cubic-bezier(0.4, 0.14, 0.3, 1);\n }\n .cds--cc--tooltip .content-box .title-tooltip {\n width: auto;\n padding: 4px;\n min-width: 20px;\n max-width: 270px;\n }\n .cds--cc--tooltip .content-box .title-tooltip p {\n margin: 2px;\n font-size: 12px;\n line-height: 1rem;\n }\n .cds--cc--tooltip .content-box .datapoint-tooltip {\n display: flex;\n padding: 4px;\n flex-flow: row nowrap;\n width: auto;\n min-width: 20px;\n justify-content: flex-start;\n align-items: center;\n }\n .cds--cc--tooltip .content-box .datapoint-tooltip div.label {\n display: flex;\n flex: 1;\n }\n .cds--cc--tooltip .content-box .datapoint-tooltip div.label p {\n flex: 1;\n padding-right: 8px;\n }\n .cds--cc--tooltip\n .content-box\n .datapoint-tooltip\n div.label\n span.label-icon\n svg {\n height: 12px;\n padding-top: 3px;\n vertical-align: top;\n padding-left: 4px;\n width: auto;\n fill: var(--cds-layer-inverse-absolute, #000000);\n }\n .cds--cc--tooltip .content-box .datapoint-tooltip.bold div.label p {\n font-weight: 600;\n }\n .cds--cc--tooltip .content-box .datapoint-tooltip p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n line-height: 16px;\n font-size: 12px;\n display: inline-block;\n margin: 0;\n padding: 0;\n border: 0;\n }\n .cds--cc--tooltip .content-box .datapoint-tooltip p.value {\n width: auto;\n margin-left: 6px;\n }\n .cds--cc--tooltip .content-box ul.multi-tooltip {\n margin: 0;\n padding: 0;\n }\n .cds--cc--tooltip .content-box ul.multi-tooltip li {\n list-style: none;\n position: relative;\n }\n .cds--cc--tooltip .content-box ul.multi-tooltip li:not(:last-child) {\n border-bottom: 1px solid var(--cds-tooltip-line-border, #e0e0e0);\n }\n .cds--cc--tooltip .content-box svg.arrow-right rect {\n fill: none;\n }\n .cds--cc--tooltip .tooltip-color {\n position: absolute;\n left: 0;\n top: 0;\n width: 4px;\n height: 100%;\n }\n @media (forced-colors: active) {\n .cds--cc--tooltip .tooltip-color,\n div.cds--cc--legend div.legend-item div.checkbox {\n forced-color-adjust: none;\n }\n }\n .cds--cc--tooltip .tooltip-color + div.label p {\n margin-left: 4px;\n }\n .cds--cc--threshold line.threshold-line {\n stroke: #fa4d56;\n stroke-width: 1;\n stroke-dasharray: 4;\n cursor: pointer;\n pointer-events: none;\n }\n .cds--cc--threshold line.threshold-line.active {\n stroke-width: 2;\n }\n .cds--cc--threshold rect.threshold-hoverable-area {\n height: 20px;\n transform: translate(0, -10px);\n cursor: pointer;\n fill: transparent;\n }\n .cds--cc--threshold rect.threshold-hoverable-area.rotate {\n transform: rotate(90deg) translate(0, -10px);\n }\n .cds--cc--threshold--label {\n background-color: #fa4d56;\n pointer-events: none;\n transition: opacity 0.1s cubic-bezier(0.4, 0.14, 0.3, 1);\n position: absolute;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n line-height: 16px;\n font-size: 12px;\n padding: 4px;\n min-width: 20px;\n }\n .cds--cc--card-node,\n .cds--cc--shape-node {\n background-color: var(--cds-layer-01, #f4f4f4);\n box-sizing: border-box;\n position: relative;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n width: 100%;\n height: 100%;\n }\n .cds--cc--threshold--label.hidden {\n opacity: 0;\n transition: opacity 0.1s cubic-bezier(0.4, 0.14, 0.3, 1);\n }\n .cds--cc--zoom-bar rect.zoom-bg {\n fill: var(--cds-background, #ffffff);\n stroke: var(--cds-layer-01, #f4f4f4);\n }\n .cds--cc--zoom-bar rect.zoom-slider-bg {\n fill: var(--cds-layer-01, #f4f4f4);\n }\n .cds--cc--zoom-bar g.zoom-bar-brush rect.handle,\n .cds--cc--zoom-bar rect.zoom-slider-selected-area {\n fill: var(--cds-icon-secondary, #525252);\n }\n .cds--cc--zoom-bar path.zoom-bg-baseline {\n stroke-width: 2;\n }\n .cds--cc--zoom-bar path.zoom-graph-area {\n fill: var(--cds-layer-accent-01, #e0e0e0);\n stroke: var(--cds-border-strong-01, #8d8d8d);\n stroke-width: 1;\n }\n .cds--cc--zoom-bar path.zoom-graph-area-unselected {\n fill: var(--cds-layer-01, #f4f4f4);\n stroke: none;\n }\n .cds--cc--zoom-bar g.zoom-bar-brush rect.handle-bar {\n fill: var(--cds-layer-02, #ffffff);\n }\n .cds--cc--zoom-bar g.zoom-bar-brush rect.selection {\n fill: none;\n stroke: none;\n }\n .cds--cc--zoom-bar rect[class^='highlight-'] {\n fill: #ee5396;\n stroke: #ee5396;\n }\n .cds--cc--highlight rect.highlight-bar {\n pointer-events: none;\n fill: #ee5396;\n stroke: #ee5396;\n }\n .cds--cc--card-node {\n display: flex;\n z-index: 1;\n padding: 1rem 0.5rem;\n border-left: 0.25rem solid var(--cds-border-inverse, #161616);\n }\n .cds--cc--card-node--a,\n .cds--cc--card-node--button {\n border-top: none;\n border-right: none;\n border-bottom: none;\n color: inherit;\n text-decoration: none;\n cursor: pointer;\n }\n .cds--cc--card-node--button {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n text-align: left;\n width: 100%;\n }\n .cds--cc--card-node--a:focus,\n .cds--cc--card-node--button:focus {\n outline: 2px solid var(--cds-focus, #0f62fe);\n outline-offset: -2px;\n }\n @media screen and (prefers-contrast) {\n .cds--cc--card-node--a:focus,\n .cds--cc--card-node--button:focus {\n outline-style: dotted;\n }\n }\n .cds--cc--card-node--stacked::before {\n height: 100%;\n width: 100%;\n left: 0.3125rem;\n bottom: 0.3125rem;\n }\n .cds--cc--card-node--stacked::after {\n height: 100%;\n width: 100%;\n left: 0.6875rem;\n bottom: 0.6875rem;\n }\n .cds--cc--card-node__column {\n padding: 0 0.5rem;\n }\n .cds--cc--card-node__column--farside {\n margin-left: auto;\n }\n .cds--cc--card-node__title {\n font-size: var(--cds-productive-heading-01-font-size, 0.875rem);\n font-weight: var(--cds-productive-heading-01-font-weight, 600);\n line-height: var(--cds-productive-heading-01-line-height, 1.28572);\n letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);\n margin: 0;\n }\n .cds--cc--card-node__subtitle {\n font-size: var(--cds-body-short-01-font-size, 0.875rem);\n font-weight: var(--cds-body-short-01-font-weight, 400);\n line-height: var(--cds-body-short-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);\n margin: 0;\n }\n .cds--cc--card-node__label {\n display: block;\n font-size: var(--cds-label-01-font-size, 0.75rem);\n font-weight: var(--cds-label-01-font-weight, 400);\n line-height: var(--cds-label-01-line-height, 1.33333);\n letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);\n color: var(--cds-text-secondary, #525252);\n padding-top: 1.5rem;\n }\n .cds--cc--shape-node {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .cds--cc--shape-node--circle {\n border-radius: 100%;\n }\n .cds--cc--shape-node--square {\n border-radius: 0;\n }\n .cds--cc--shape-node--rounded-square {\n border-radius: 0.5rem;\n }\n .cds--cc--shape-node--a,\n .cds--cc--shape-node--button {\n border: none;\n color: inherit;\n text-decoration: none;\n cursor: pointer;\n }\n .cds--cc--shape-node__subtitle,\n .cds--cc--shape-node__title {\n font-size: var(--cds-body-short-01-font-size, 0.875rem);\n font-weight: var(--cds-body-short-01-font-weight, 400);\n line-height: var(--cds-body-short-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);\n color: var(--cds-text-primary, #161616);\n }\n .cds--cc--shape-node--button {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n text-align: left;\n width: 100%;\n }\n .cds--chart-holder.filled,\n .cds--chart-holder.filled .cds--cc--chart-wrapper,\n .cds--chart-holder.fullscreen,\n .cds--chart-holder.fullscreen .cds--cc--chart-wrapper,\n div.container {\n background-color: var(--cds-background, #fff);\n }\n .cds--cc--shape-node--a:focus .cds--cc--shape-node__subtitle,\n .cds--cc--shape-node--a:focus .cds--cc--shape-node__title,\n .cds--cc--shape-node--a:hover .cds--cc--shape-node__subtitle,\n .cds--cc--shape-node--a:hover .cds--cc--shape-node__title,\n .cds--cc--shape-node--button:focus .cds--cc--shape-node__subtitle,\n .cds--cc--shape-node--button:focus .cds--cc--shape-node__title,\n .cds--cc--shape-node--button:hover .cds--cc--shape-node__subtitle,\n .cds--cc--shape-node--button:hover .cds--cc--shape-node__title {\n font-weight: 600;\n }\n .cds--cc--shape-node--a:focus:focus,\n .cds--cc--shape-node--button:focus:focus {\n outline: 0;\n box-shadow: 0 0 0 2px var(--cds-focus, #0f62fe);\n }\n .cds--cc--shape-node__body {\n position: absolute;\n top: calc(100% + 0.125rem);\n text-align: center;\n }\n .cds--cc--shape-node__subtitle {\n padding-bottom: 0.125rem;\n }\n .cds--cc--shape-node__icon {\n display: flex;\n }\n .cds--cc--shape-node__title {\n padding-top: 0.125rem;\n margin-bottom: 1px;\n }\n .cds--cc--edge {\n fill: transparent;\n }\n .cds--cc--edge__container {\n stroke-width: 1.5rem;\n stroke: transparent;\n stroke-dasharray: none;\n }\n .cds--cc--edge__inner {\n stroke-width: 0.0625rem;\n stroke: var(--cds-border-strong-01, #8d8d8d);\n }\n .cds--cc--edge:hover .cds--cc--edge__inner,\n .cds--cc--edge__outer {\n stroke-width: 0.15625rem;\n }\n .cds--cc--edge__outer {\n stroke: transparent;\n }\n .cds--cc--edge--dash-sm {\n stroke-dasharray: 2 4;\n }\n .cds--cc--edge--dash-md {\n stroke-dasharray: 4 4;\n }\n .cds--cc--edge--dash-lg {\n stroke-dasharray: 8 4;\n }\n .cds--cc--edge--dash-xl {\n stroke-dasharray: 16 4;\n }\n .cds--cc--edge--tunnel .cds--cc--edge__outer {\n stroke: var(--cds-layer-accent-01, #e0e0e0);\n stroke-width: 0.375rem;\n }\n .cds--cc--edge--double .cds--cc--edge__inner {\n stroke: var(--cds-background, #ffffff);\n }\n .cds--cc--edge--double .cds--cc--edge__outer {\n stroke: var(--cds-border-inverse, #161616);\n stroke-width: 0.28125rem;\n }\n .cds--cc--marker {\n fill: var(--cds-border-inverse, #161616);\n }\n svg.cds--cc--color-legend {\n display: flex;\n user-select: none;\n }\n svg.cds--cc--color-legend g.legend-title text {\n fill: var(--cds-layer-inverse-absolute, #000000);\n }\n .cds--cc--area path.area,\n .cds--cc--area-stacked path.area,\n .cds--cc--bullet path.range-box {\n pointer-events: none;\n }\n .cds--cc--bubble circle.dot.hovered {\n fill-opacity: 1;\n transition: 0.1s cubic-bezier(0.4, 0.14, 0.3, 1);\n }\n .cds--cc--bubble circle.dot.unfilled {\n fill: var(--cds-layer-01, #f4f4f4);\n }\n .cds--cc--bullet path.range-box.order-1 {\n fill: var(--cds-zone-fill-01, #f4f4f4);\n stroke: var(--cds-zone-stroke-01, #8d8d8d);\n }\n .cds--cc--bullet path.range-box.order-2 {\n fill: var(--cds-zone-fill-02, #e0e0e0);\n stroke: var(--cds-zone-stroke-02, #8d8d8d);\n }\n .cds--cc--bullet path.range-box.order-3 {\n fill: var(--cds-zone-fill-03, #c6c6c6);\n stroke: var(--cds-zone-stroke-03, #8d8d8d);\n }\n .cds--cc--bullet path.marker,\n .cds--cc--bullet path.quartile {\n pointer-events: none;\n stroke-width: 1.5px;\n stroke: var(--cds-layer-inverse-absolute, #000000);\n }\n .cds--cc--bullet path.quartile.over-bar {\n stroke: var(--cds-layer-01-absolute, #ffffff);\n }\n .cds--cc--line path.line {\n pointer-events: none;\n fill: none;\n stroke-width: 1.5;\n }\n .cds--cc--line path.line.sparkline-loading {\n animation: 2.5s linear infinite shimmer;\n }\n @keyframes shimmer {\n 0%,\n 100% {\n stroke: var(--cds-layer-accent-01, #e0e0e0);\n }\n 20% {\n stroke: #fff;\n opacity: 0.5;\n }\n }\n .cds--cc--scatter circle.dot.hovered {\n fill-opacity: 1;\n transition: 0.1s cubic-bezier(0.4, 0.14, 0.3, 1);\n }\n .cds--cc--scatter circle.dot.unfilled {\n fill: var(--cds-layer-01, #f4f4f4);\n stroke-width: 1.5;\n }\n .cds--cc--gauge .gauge-delta-arrow.status--danger,\n .cds--cc--meter rect.value.status--danger {\n fill: var(--cds-support-error, #da1e28);\n }\n .cds--cc--scatter circle.dot.threshold-anomaly {\n stroke-width: 3;\n }\n .cds--cc--meter rect.container {\n fill: var(--cds-layer-01, #f4f4f4);\n }\n .cds--cc--meter line.rangeIndicator {\n stroke: var(--cds-meter-range-indicator, #a8a8a8);\n stroke-width: 1px;\n }\n .cds--cc--meter rect.value.status--warning {\n fill: var(--cds-support-warning, #f1c21b);\n stroke-width: 1px;\n stroke: var(--cds-alert-stroke, #b28600);\n }\n .cds--cc--meter rect.value.status--success {\n fill: var(--cds-support-success, #24a148);\n }\n .cds--cc--meter line.peak {\n stroke: var(--cds-border-inverse, #161616);\n stroke-width: 2px;\n }\n .cds--cc--scatter-stacked circle.dot.unfilled {\n fill: var(--cds-layer-01, #f4f4f4);\n stroke-width: 1.5;\n }\n .cds--cc--scatter-stacked circle.dot.threshold-anomaly {\n stroke-width: 3;\n }\n .cds--cc--radar .blobs path {\n stroke-width: 1.5px;\n }\n .cds--cc--radar .x-axes line,\n .cds--cc--radar .y-axes path {\n stroke-width: 1px;\n stroke: var(--cds-layer-accent-01, #e0e0e0);\n }\n .cds--cc--radar .x-axes line.hovered {\n stroke: var(--cds-layer-inverse-absolute, #000000);\n }\n .cds--cc--chart-wrapper .cds--cc--tree g.links {\n fill: none;\n stroke: var(--cds-border-strong-01, #8d8d8d);\n stroke-opacity: 0.4;\n stroke-width: 1.5;\n }\n .cds--cc--chart-wrapper .cds--cc--tree circle.parent,\n .cds--cc--chart-wrapper text {\n fill: var(--cds-text-secondary, #525252);\n }\n .cds--cc--chart-wrapper .cds--cc--tree g.clickable {\n cursor: pointer;\n }\n .cds--cc--chart-wrapper .cds--cc--tree g.clickable:hover text {\n font-weight: 600;\n }\n .cds--cc--chart-wrapper .cds--cc--tree g.clickable:hover circle {\n fill: var(--cds-text-primary, #161616);\n transition: 0.1s ease-out;\n }\n .cds--cc--chart-wrapper .cds--cc--tree circle.child {\n fill: var(--cds-border-strong-01, #8d8d8d);\n }\n .cds--cc--chart-wrapper .cds--cc--tree text {\n fill: var(--cds-text-primary, #161616);\n }\n .cds--cc--chart-wrapper .cds--cc--tree text.text-stroke {\n stroke: var(--cds-text-inverse, #ffffff);\n stroke-width: 2px;\n }\n .cds--cc--treemap text {\n pointer-events: none;\n }\n .cds--cc--gauge path.arc-background {\n fill: var(--cds-layer-01, #f4f4f4);\n }\n .cds--cc--gauge .gauge-delta-arrow.status--warning {\n fill: var(--cds-support-warning, #f1c21b);\n }\n .cds--cc--gauge .gauge-delta-arrow.status--success {\n fill: var(--cds-support-success, #24a148);\n }\n .cds--cc--lollipop line.line {\n pointer-events: none;\n }\n .cds--cc--lollipop circle.dot {\n stroke-width: 1.5;\n }\n .cds--cc--circle-pack circle.node {\n stroke-width: 1.5px;\n }\n .cds--cc--circle-pack circle.node.hovered {\n fill-opacity: 1;\n }\n .cds--cc--circle-pack circle.node.non-focal {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n fill-opacity: 30%;\n stroke: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--cc--circle-pack circle.node.clickable {\n cursor: zoom-in;\n }\n .cds--cc--chart-wrapper.zoomed-in\n .cds--cc--circle-pack\n circle.node.hovered-child {\n stroke: 1.5px solid initial;\n }\n .cds--cc--wordcloud text.word.light {\n font-weight: 300;\n }\n .cds--cc--alluvial rect.node,\n .cds--cc--alluvial rect.node-text-bg {\n fill: var(--cds-layer-inverse-absolute, #000000);\n }\n .cds--cc--alluvial text.node-text {\n fill: var(--cds-layer-01-absolute, #ffffff);\n }\n .cds--cc--alluvial polygon.arrow-down {\n fill: var(--cds-layer-01, #f4f4f4);\n }\n .cds--cc--heatmap g.cell-highlight line {\n stroke: #fff;\n stroke-width: 1px;\n }\n .cds--cc--heatmap g.cell-2 line {\n stroke: #fff;\n stroke-width: 2px !important;\n }\n .cds--cc--heatmap g.multi-cell line {\n stroke: #fff;\n stroke-width: 2px;\n }\n .cds--cc--heatmap rect.pattern-fill {\n fill: var(--cds-border-strong-01, #8d8d8d);\n }\n .cds--cc--heatmap g.shadows line.top {\n filter: drop-shadow(0px -3px 2px black);\n }\n .cds--cc--heatmap g.shadows line.down {\n filter: drop-shadow(0px 3px 2px black);\n }\n .cds--cc--heatmap g.shadows line.left {\n filter: drop-shadow(-3px 0px 2px black);\n }\n .cds--cc--heatmap g.shadows line.right {\n filter: drop-shadow(3px 0px 2px black);\n }\n .cds--cc--heatmap rect.heat {\n stroke-width: 0;\n stroke: var(--cds-background, #ffffff);\n }\n .cds--cc--heatmap rect.null-state {\n fill: var(--cds-icon-inverse, #ffffff);\n }\n .cds--cc--chart-wrapper {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--cc--chart-wrapper p {\n padding: 0;\n margin: 0;\n font-size: 12px;\n font-weight: 400;\n color: var(--cds-text-secondary, #525252);\n }\n .cds--resource-card__subtitle,\n .cds--resource-card__title,\n div.container,\n div.container div.v10-banner {\n color: var(--cds-text-primary, #161616);\n }\n .cds--cc--chart-wrapper text {\n font-size: 12px;\n font-weight: 400;\n }\n .cds--cc--chart-wrapper g.gauge-numbers text.gauge-value-number {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n font-weight: 300;\n }\n .cds--cc--chart-wrapper text.meter-title,\n .cds--cc--chart-wrapper text.percent-value {\n font-size: 16px;\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n '.SFNSText-Regular',\n sans-serif;\n }\n .cds--cc--chart-wrapper text.meter-title,\n div.container div.v10-banner b {\n font-weight: 600;\n }\n .cds--chart-holder {\n --cds-charts-1-1-1: #6929c4;\n --cds-charts-1-1-1-hovered: #5923a6;\n --cds-charts-1-2-1: #002d9c;\n --cds-charts-1-2-1-hovered: #002378;\n --cds-charts-1-3-1: #1192e8;\n --cds-charts-1-3-1-hovered: #0f7dc7;\n --cds-charts-1-4-1: #007d79;\n --cds-charts-1-4-1-hovered: #005956;\n --cds-charts-2-1-1: #6929c4;\n --cds-charts-2-1-1-hovered: #5923a6;\n --cds-charts-2-1-2: #009d9a;\n --cds-charts-2-1-2-hovered: #007977;\n --cds-charts-2-2-2: #520408;\n --cds-charts-2-2-2-hovered: #300205;\n --cds-charts-2-3-1: #9f1853;\n --cds-charts-2-3-1-hovered: #801343;\n --cds-charts-2-3-2: #520408;\n --cds-charts-2-3-2-hovered: #300205;\n --cds-charts-2-4-1: #1192e8;\n --cds-charts-2-4-1-hovered: #0f7dc7;\n --cds-charts-2-4-2: #005d5d;\n --cds-charts-2-4-2-hovered: #003939;\n --cds-charts-2-5-1: #009d9a;\n --cds-charts-2-5-1-hovered: #007977;\n --cds-charts-2-5-2: #002d9c;\n --cds-charts-2-5-2-hovered: #002378;\n --cds-charts-3-1-1: #ee5396;\n --cds-charts-3-1-1-hovered: #eb3382;\n --cds-charts-3-1-2: #1192e8;\n --cds-charts-3-1-2-hovered: #0f7dc7;\n --cds-charts-3-1-3: #6929c4;\n --cds-charts-3-1-3-hovered: #5923a6;\n --cds-charts-3-2-1: #9f1853;\n --cds-charts-3-2-1-hovered: #801343;\n --cds-charts-3-2-2: #fa4d56;\n --cds-charts-3-2-2-hovered: #f92a35;\n --cds-charts-3-2-3: #520408;\n --cds-charts-3-2-3-hovered: #300205;\n --cds-charts-3-3-1: #a56eff;\n --cds-charts-3-3-1-hovered: #8f4aff;\n --cds-charts-3-3-2: #005d5d;\n --cds-charts-3-3-2-hovered: #003939;\n --cds-charts-3-3-3: #002d9c;\n --cds-charts-3-3-3-hovered: #002378;\n --cds-charts-3-4-1: #a56eff;\n --cds-charts-3-4-1-hovered: #8f4aff;\n --cds-charts-3-4-2: #005d5d;\n --cds-charts-3-4-2-hovered: #003939;\n --cds-charts-3-4-3: #9f1853;\n --cds-charts-3-4-3-hovered: #801343;\n --cds-charts-3-5-1: #012749;\n --cds-charts-3-5-1-hovered: #011426;\n --cds-charts-3-5-2: #6929c4;\n --cds-charts-3-5-2-hovered: #5923a6;\n --cds-charts-3-5-3: #009d9a;\n --cds-charts-3-5-3-hovered: #007977;\n --cds-charts-4-1-1: #6929c4;\n --cds-charts-4-1-1-hovered: #5923a6;\n --cds-charts-4-1-2: #012749;\n --cds-charts-4-1-2-hovered: #011426;\n --cds-charts-4-1-3: #009d9a;\n --cds-charts-4-1-3-hovered: #007977;\n --cds-charts-4-1-4: #ee5396;\n --cds-charts-4-1-4-hovered: #eb3382;\n --cds-charts-4-2-1: #9f1853;\n --cds-charts-4-2-1-hovered: #801343;\n --cds-charts-4-2-2: #fa4d56;\n --cds-charts-4-2-2-hovered: #f92a35;\n --cds-charts-4-2-3: #520408;\n --cds-charts-4-2-3-hovered: #300205;\n --cds-charts-4-2-4: #a56eff;\n --cds-charts-4-2-4-hovered: #8f4aff;\n --cds-charts-4-3-1: #009d9a;\n --cds-charts-4-3-1-hovered: #007977;\n --cds-charts-4-3-2: #002d9c;\n --cds-charts-4-3-2-hovered: #002378;\n --cds-charts-4-3-3: #a56eff;\n --cds-charts-4-3-3-hovered: #8f4aff;\n --cds-charts-4-3-4: #9f1853;\n --cds-charts-4-3-4-hovered: #801343;\n --cds-charts-5-1-1: #6929c4;\n --cds-charts-5-1-1-hovered: #5923a6;\n --cds-charts-5-1-2: #1192e8;\n --cds-charts-5-1-2-hovered: #0f7dc7;\n --cds-charts-5-1-3: #005d5d;\n --cds-charts-5-1-3-hovered: #003939;\n --cds-charts-5-1-4: #9f1853;\n --cds-charts-5-1-4-hovered: #801343;\n --cds-charts-5-1-5: #520408;\n --cds-charts-5-1-5-hovered: #300205;\n --cds-charts-5-2-1: #002d9c;\n --cds-charts-5-2-1-hovered: #002378;\n --cds-charts-5-2-2: #009d9a;\n --cds-charts-5-2-2-hovered: #007977;\n --cds-charts-5-2-3: #9f1853;\n --cds-charts-5-2-3-hovered: #801343;\n --cds-charts-5-2-4: #520408;\n --cds-charts-5-2-4-hovered: #300205;\n --cds-charts-5-2-5: #a56eff;\n --cds-charts-5-2-5-hovered: #8f4aff;\n --cds-charts-14-1-1: #6929c4;\n --cds-charts-14-1-1-hovered: #5923a6;\n --cds-charts-14-1-2: #1192e8;\n --cds-charts-14-1-2-hovered: #0f7dc7;\n --cds-charts-14-1-3: #005d5d;\n --cds-charts-14-1-3-hovered: #003939;\n --cds-charts-14-1-4: #9f1853;\n --cds-charts-14-1-4-hovered: #801343;\n --cds-charts-14-1-6: #520408;\n --cds-charts-14-1-6-hovered: #300205;\n --cds-charts-14-1-7: #198038;\n --cds-charts-14-1-7-hovered: #13622b;\n --cds-charts-14-1-8: #002d9c;\n --cds-charts-14-1-8-hovered: #002378;\n --cds-charts-14-1-9: #ee5396;\n --cds-charts-14-1-9-hovered: #eb3382;\n --cds-charts-14-1-10: #b28600;\n --cds-charts-14-1-10-hovered: #8e6b00;\n --cds-charts-14-1-11: #009d9a;\n --cds-charts-14-1-11-hovered: #007977;\n --cds-charts-14-1-12: #012749;\n --cds-charts-14-1-12-hovered: #011426;\n --cds-charts-14-1-13: #8a3800;\n --cds-charts-14-1-13-hovered: #662a00;\n --cds-charts-14-1-14: #a56eff;\n --cds-charts-14-1-14-hovered: #8f4aff;\n position: relative;\n display: block;\n width: 100%;\n height: 100%;\n }\n .cds--chart-holder .DONT_STYLE_ME_css_styles_verifier {\n overflow: hidden;\n opacity: 0;\n }\n .cds--chart-holder[data-carbon-theme='g100'],\n .cds--chart-holder[data-carbon-theme='g90'],\n html[data-carbon-theme='g100'],\n html[data-carbon-theme='g90'] {\n --cds-background-active: rgba(141, 141, 141, 0.4);\n --cds-background-hover: rgba(141, 141, 141, 0.16);\n --cds-background-inverse: #f4f4f4;\n --cds-background-inverse-hover: #e8e8e8;\n --cds-background-selected: rgba(141, 141, 141, 0.24);\n --cds-border-disabled: rgba(141, 141, 141, 0.5);\n --cds-border-interactive: #4589ff;\n --cds-border-inverse: #f4f4f4;\n --cds-focus: #ffffff;\n --cds-focus-inset: #161616;\n --cds-focus-inverse: #0f62fe;\n --cds-icon-disabled: rgba(244, 244, 244, 0.25);\n --cds-icon-interactive: #ffffff;\n --cds-icon-inverse: #161616;\n --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);\n --cds-icon-primary: #f4f4f4;\n --cds-icon-secondary: #c6c6c6;\n --cds-interactive: #4589ff;\n --cds-layer-selected-disabled: #a8a8a8;\n --cds-layer-selected-inverse: #f4f4f4;\n --cds-link-inverse: #0f62fe;\n --cds-link-inverse-active: #161616;\n --cds-link-inverse-hover: #0043ce;\n --cds-link-primary: #78a9ff;\n --cds-link-primary-hover: #a6c8ff;\n --cds-link-secondary: #a6c8ff;\n --cds-link-visited: #be95ff;\n --cds-overlay: rgba(0, 0, 0, 0.65);\n --cds-shadow: rgba(0, 0, 0, 0.8);\n --cds-support-caution-undefined: #a56eff;\n --cds-support-error-inverse: #da1e28;\n --cds-support-info: #4589ff;\n --cds-support-info-inverse: #0043ce;\n --cds-support-success: #42be65;\n --cds-support-success-inverse: #24a148;\n --cds-text-disabled: rgba(244, 244, 244, 0.25);\n --cds-text-inverse: #161616;\n --cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);\n --cds-text-placeholder: rgba(244, 244, 244, 0.4);\n --cds-text-primary: #f4f4f4;\n --cds-text-secondary: #c6c6c6;\n --cds-button-separator: #161616;\n --cds-button-secondary: #6f6f6f;\n --cds-button-tertiary: #ffffff;\n --cds-button-secondary-active: #393939;\n --cds-button-tertiary-active: #c6c6c6;\n --cds-button-secondary-hover: #5e5e5e;\n --cds-button-tertiary-hover: #f4f4f4;\n --cds-button-disabled: rgba(141, 141, 141, 0.3);\n --cds-tag-background-red: #a2191f;\n --cds-tag-color-red: #ffd7d9;\n --cds-tag-hover-red: #c21e25;\n --cds-tag-background-magenta: #9f1853;\n --cds-tag-color-magenta: #ffd6e8;\n --cds-tag-hover-magenta: #bf1d63;\n --cds-tag-background-purple: #6929c4;\n --cds-tag-color-purple: #e8daff;\n --cds-tag-hover-purple: #7c3dd6;\n --cds-tag-background-blue: #0043ce;\n --cds-tag-color-blue: #d0e2ff;\n --cds-tag-hover-blue: #0053ff;\n --cds-tag-background-cyan: #00539a;\n --cds-tag-color-cyan: #bae6ff;\n --cds-tag-hover-cyan: #0066bd;\n --cds-tag-background-teal: #005d5d;\n --cds-tag-color-teal: #9ef0f0;\n --cds-tag-hover-teal: #007070;\n --cds-tag-background-green: #0e6027;\n --cds-tag-color-green: #a7f0ba;\n --cds-tag-hover-green: #11742f;\n --cds-tag-background-gray: #525252;\n --cds-tag-color-gray: #e0e0e0;\n --cds-tag-hover-gray: #636363;\n --cds-tag-background-cool-gray: #4d5358;\n --cds-tag-color-cool-gray: #dde1e6;\n --cds-tag-hover-cool-gray: #5d646a;\n --cds-tag-background-warm-gray: #565151;\n --cds-tag-color-warm-gray: #e5e0df;\n --cds-tag-hover-warm-gray: #696363;\n --cds-notification-action-hover: var(--cds-layer-hover);\n --cds-notification-action-tertiary-inverse: #0f62fe;\n --cds-notification-action-tertiary-inverse-active: #002d9c;\n --cds-notification-action-tertiary-inverse-hover: #0050e6;\n --cds-notification-action-tertiary-inverse-text: #ffffff;\n --cds-notification-action-tertiary-inverse-text-on-color-disabled: #8d8d8d;\n --cds-color-scheme: dark;\n --cds-alert-stroke: none;\n --cds-layer-01-absolute: #000000;\n --cds-layer-inverse-absolute: #ffffff;\n --cds-grid-bg: #161616;\n --cds-meter-range-indicator: #6f6f6f;\n --cds-network-diagrams-background-hover: #ededed;\n --cds-zone-fill-01: #262626;\n --cds-zone-stroke-01: #6f6f6f;\n --cds-zone-fill-02: #393939;\n --cds-zone-stroke-02: #6f6f6f;\n --cds-zone-fill-03: #525252;\n --cds-zone-stroke-03: #6f6f6f;\n }\n .cds--chart-holder[data-carbon-theme='g90'],\n html[data-carbon-theme='g90'] {\n --cds-background: #262626;\n --cds-background-brand: #0f62fe;\n --cds-background-selected-hover: rgba(141, 141, 141, 0.32);\n --cds-border-strong-01: #8d8d8d;\n --cds-border-strong-02: #a8a8a8;\n --cds-border-strong-03: #c6c6c6;\n --cds-border-subtle-00: #525252;\n --cds-border-subtle-01: #525252;\n --cds-border-subtle-02: #6f6f6f;\n --cds-border-subtle-03: #8d8d8d;\n --cds-border-subtle-selected-01: #6f6f6f;\n --cds-border-subtle-selected-02: #8d8d8d;\n --cds-border-subtle-selected-03: #a8a8a8;\n --cds-border-tile-01: #6f6f6f;\n --cds-border-tile-02: #8d8d8d;\n --cds-border-tile-03: #a8a8a8;\n --cds-field-01: #393939;\n --cds-field-02: #525252;\n --cds-field-03: #6f6f6f;\n --cds-field-hover-01: #474747;\n --cds-field-hover-02: #636363;\n --cds-field-hover-03: #5e5e5e;\n --cds-highlight: #0043ce;\n --cds-icon-on-color: #ffffff;\n --cds-layer-01: #393939;\n --cds-layer-02: #525252;\n --cds-layer-03: #6f6f6f;\n --cds-layer-accent-01: #525252;\n --cds-layer-accent-02: #6f6f6f;\n --cds-layer-accent-03: #8d8d8d;\n --cds-layer-accent-active-01: #8d8d8d;\n --cds-layer-accent-active-02: #393939;\n --cds-layer-accent-active-03: #525252;\n --cds-layer-accent-hover-01: #636363;\n --cds-layer-accent-hover-02: #5e5e5e;\n --cds-layer-accent-hover-03: #7a7a7a;\n --cds-layer-active-01: #6f6f6f;\n --cds-layer-active-02: #8d8d8d;\n --cds-layer-active-03: #393939;\n --cds-layer-hover-01: #474747;\n --cds-layer-hover-02: #636363;\n --cds-layer-hover-03: #5e5e5e;\n --cds-layer-selected-01: #525252;\n --cds-layer-selected-02: #6f6f6f;\n --cds-layer-selected-03: #525252;\n --cds-layer-selected-hover-01: #636363;\n --cds-layer-selected-hover-02: #5e5e5e;\n --cds-layer-selected-hover-03: #636363;\n --cds-skeleton-background: #333333;\n --cds-skeleton-element: #525252;\n --cds-support-caution-major: #ff832b;\n --cds-support-caution-minor: #f1c21b;\n --cds-support-error: #ff8389;\n --cds-support-warning: #f1c21b;\n --cds-support-warning-inverse: #f1c21b;\n --cds-text-error: #ffb3b8;\n --cds-text-helper: #c6c6c6;\n --cds-text-on-color: #ffffff;\n --cds-toggle-off: #8d8d8d;\n --cds-spacing-01: 0.125rem;\n --cds-spacing-02: 0.25rem;\n --cds-spacing-03: 0.5rem;\n --cds-spacing-04: 0.75rem;\n --cds-spacing-05: 1rem;\n --cds-spacing-06: 1.5rem;\n --cds-spacing-07: 2rem;\n --cds-spacing-08: 2.5rem;\n --cds-spacing-09: 3rem;\n --cds-spacing-10: 4rem;\n --cds-spacing-11: 5rem;\n --cds-spacing-12: 6rem;\n --cds-spacing-13: 10rem;\n --cds-fluid-spacing-01: 0;\n --cds-fluid-spacing-02: 2vw;\n --cds-fluid-spacing-03: 5vw;\n --cds-fluid-spacing-04: 10vw;\n --cds-label-01-font-size: 0.75rem;\n --cds-label-01-font-weight: 400;\n --cds-label-01-line-height: 1.33333;\n --cds-label-01-letter-spacing: 0.32px;\n --cds-label-02-font-size: 0.875rem;\n --cds-label-02-font-weight: 400;\n --cds-label-02-line-height: 1.28572;\n --cds-label-02-letter-spacing: 0.16px;\n --cds-helper-text-01-font-size: 0.75rem;\n --cds-helper-text-01-line-height: 1.33333;\n --cds-helper-text-01-letter-spacing: 0.32px;\n --cds-helper-text-02-font-size: carbon--type-scale(2);\n --cds-helper-text-02-font-weight: carbon--font-weight('regular');\n --cds-helper-text-02-line-height: 1.28572;\n --cds-helper-text-02-letter-spacing: 0.16px;\n --cds-body-short-01-font-size: 0.875rem;\n --cds-body-short-01-font-weight: 400;\n --cds-body-short-01-line-height: 1.28572;\n --cds-body-short-01-letter-spacing: 0.16px;\n --cds-body-short-02-font-size: 1rem;\n --cds-body-short-02-font-weight: 400;\n --cds-body-short-02-line-height: 1.375;\n --cds-body-short-02-letter-spacing: 0;\n --cds-body-long-01-font-size: 0.875rem;\n --cds-body-long-01-font-weight: 400;\n --cds-body-long-01-line-height: 1.42857;\n --cds-body-long-01-letter-spacing: 0.16px;\n --cds-body-long-02-font-size: 1rem;\n --cds-body-long-02-font-weight: 400;\n --cds-body-long-02-line-height: 1.5;\n --cds-body-long-02-letter-spacing: 0;\n --cds-code-01-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular',\n monospace;\n --cds-code-01-font-size: 0.75rem;\n --cds-code-01-font-weight: 400;\n --cds-code-01-line-height: 1.33333;\n --cds-code-01-letter-spacing: 0.32px;\n --cds-code-02-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular',\n monospace;\n --cds-code-02-font-size: 0.875rem;\n --cds-code-02-font-weight: 400;\n --cds-code-02-line-height: 1.42857;\n --cds-code-02-letter-spacing: 0.32px;\n --cds-heading-01-font-size: 0.875rem;\n --cds-heading-01-font-weight: 600;\n --cds-heading-01-line-height: 1.42857;\n --cds-heading-01-letter-spacing: 0.16px;\n --cds-heading-02-font-size: 1rem;\n --cds-heading-02-font-weight: 600;\n --cds-heading-02-line-height: 1.5;\n --cds-heading-02-letter-spacing: 0;\n --cds-productive-heading-01-font-size: 0.875rem;\n --cds-productive-heading-01-font-weight: 600;\n --cds-productive-heading-01-line-height: 1.28572;\n --cds-productive-heading-01-letter-spacing: 0.16px;\n --cds-productive-heading-02-font-size: 1rem;\n --cds-productive-heading-02-font-weight: 600;\n --cds-productive-heading-02-line-height: 1.375;\n --cds-productive-heading-02-letter-spacing: 0;\n --cds-productive-heading-03-font-size: 1.25rem;\n --cds-productive-heading-03-font-weight: 400;\n --cds-productive-heading-03-line-height: 1.4;\n --cds-productive-heading-03-letter-spacing: 0;\n --cds-productive-heading-04-font-size: 1.75rem;\n --cds-productive-heading-04-font-weight: 400;\n --cds-productive-heading-04-line-height: 1.28572;\n --cds-productive-heading-04-letter-spacing: 0;\n --cds-productive-heading-05-font-size: 2rem;\n --cds-productive-heading-05-font-weight: 400;\n --cds-productive-heading-05-line-height: 1.25;\n --cds-productive-heading-05-letter-spacing: 0;\n --cds-productive-heading-06-font-size: 2.625rem;\n --cds-productive-heading-06-font-weight: 300;\n --cds-productive-heading-06-line-height: 1.199;\n --cds-productive-heading-06-letter-spacing: 0;\n --cds-productive-heading-07-font-size: 3.375rem;\n --cds-productive-heading-07-font-weight: 300;\n --cds-productive-heading-07-line-height: 1.19;\n --cds-productive-heading-07-letter-spacing: 0;\n --cds-expressive-paragraph-01-font-size: 1.5rem;\n --cds-expressive-paragraph-01-font-weight: 300;\n --cds-expressive-paragraph-01-line-height: 1.334;\n --cds-expressive-paragraph-01-letter-spacing: 0;\n --cds-expressive-heading-01-font-size: 0.875rem;\n --cds-expressive-heading-01-font-weight: 600;\n --cds-expressive-heading-01-line-height: 1.42857;\n --cds-expressive-heading-01-letter-spacing: 0.16px;\n --cds-expressive-heading-02-font-size: 1rem;\n --cds-expressive-heading-02-font-weight: 600;\n --cds-expressive-heading-02-line-height: 1.5;\n --cds-expressive-heading-02-letter-spacing: 0;\n --cds-expressive-heading-03-font-size: 1.25rem;\n --cds-expressive-heading-03-font-weight: 400;\n --cds-expressive-heading-03-line-height: 1.4;\n --cds-expressive-heading-03-letter-spacing: 0;\n --cds-expressive-heading-04-font-size: 1.75rem;\n --cds-expressive-heading-04-font-weight: 400;\n --cds-expressive-heading-04-line-height: 1.28572;\n --cds-expressive-heading-04-letter-spacing: 0;\n --cds-expressive-heading-05-font-size: 2rem;\n --cds-expressive-heading-05-font-weight: 400;\n --cds-expressive-heading-05-line-height: 1.25;\n --cds-expressive-heading-05-letter-spacing: 0;\n --cds-expressive-heading-06-font-size: 2rem;\n --cds-expressive-heading-06-font-weight: 600;\n --cds-expressive-heading-06-line-height: 1.25;\n --cds-expressive-heading-06-letter-spacing: 0;\n --cds-quotation-01-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size: 1.25rem;\n --cds-quotation-01-font-weight: 400;\n --cds-quotation-01-line-height: 1.3;\n --cds-quotation-01-letter-spacing: 0;\n --cds-quotation-02-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size: 2rem;\n --cds-quotation-02-font-weight: 300;\n --cds-quotation-02-line-height: 1.25;\n --cds-quotation-02-letter-spacing: 0;\n --cds-display-01-font-size: 2.625rem;\n --cds-display-01-font-weight: 300;\n --cds-display-01-line-height: 1.19;\n --cds-display-01-letter-spacing: 0;\n --cds-display-02-font-size: 2.625rem;\n --cds-display-02-font-weight: 600;\n --cds-display-02-line-height: 1.19;\n --cds-display-02-letter-spacing: 0;\n --cds-display-03-font-size: 2.625rem;\n --cds-display-03-font-weight: 300;\n --cds-display-03-line-height: 1.19;\n --cds-display-03-letter-spacing: 0;\n --cds-display-04-font-size: 2.625rem;\n --cds-display-04-font-weight: 300;\n --cds-display-04-line-height: 1.19;\n --cds-display-04-letter-spacing: 0;\n --cds-legal-01-font-size: 0.75rem;\n --cds-legal-01-font-weight: 400;\n --cds-legal-01-line-height: 1.33333;\n --cds-legal-01-letter-spacing: 0.32px;\n --cds-legal-02-font-size: 0.875rem;\n --cds-legal-02-font-weight: 400;\n --cds-legal-02-line-height: 1.28572;\n --cds-legal-02-letter-spacing: 0.16px;\n --cds-body-compact-01-font-size: 0.875rem;\n --cds-body-compact-01-font-weight: 400;\n --cds-body-compact-01-line-height: 1.28572;\n --cds-body-compact-01-letter-spacing: 0.16px;\n --cds-body-compact-02-font-size: 1rem;\n --cds-body-compact-02-font-weight: 400;\n --cds-body-compact-02-line-height: 1.375;\n --cds-body-compact-02-letter-spacing: 0;\n --cds-heading-compact-01-font-size: 0.875rem;\n --cds-heading-compact-01-font-weight: 600;\n --cds-heading-compact-01-line-height: 1.28572;\n --cds-heading-compact-01-letter-spacing: 0.16px;\n --cds-heading-compact-02-font-size: 1rem;\n --cds-heading-compact-02-font-weight: 600;\n --cds-heading-compact-02-line-height: 1.375;\n --cds-heading-compact-02-letter-spacing: 0;\n --cds-body-01-font-size: 0.875rem;\n --cds-body-01-font-weight: 400;\n --cds-body-01-line-height: 1.42857;\n --cds-body-01-letter-spacing: 0.16px;\n --cds-body-02-font-size: 1rem;\n --cds-body-02-font-weight: 400;\n --cds-body-02-line-height: 1.5;\n --cds-body-02-letter-spacing: 0;\n --cds-heading-03-font-size: 1.25rem;\n --cds-heading-03-font-weight: 400;\n --cds-heading-03-line-height: 1.4;\n --cds-heading-03-letter-spacing: 0;\n --cds-heading-04-font-size: 1.75rem;\n --cds-heading-04-font-weight: 400;\n --cds-heading-04-line-height: 1.28572;\n --cds-heading-04-letter-spacing: 0;\n --cds-heading-05-font-size: 2rem;\n --cds-heading-05-font-weight: 400;\n --cds-heading-05-line-height: 1.25;\n --cds-heading-05-letter-spacing: 0;\n --cds-heading-06-font-size: 2.625rem;\n --cds-heading-06-font-weight: 300;\n --cds-heading-06-line-height: 1.199;\n --cds-heading-06-letter-spacing: 0;\n --cds-heading-07-font-size: 3.375rem;\n --cds-heading-07-font-weight: 300;\n --cds-heading-07-line-height: 1.19;\n --cds-heading-07-letter-spacing: 0;\n --cds-fluid-heading-03-font-size: 1.25rem;\n --cds-fluid-heading-03-font-weight: 400;\n --cds-fluid-heading-03-line-height: 1.4;\n --cds-fluid-heading-03-letter-spacing: 0;\n --cds-fluid-heading-04-font-size: 1.75rem;\n --cds-fluid-heading-04-font-weight: 400;\n --cds-fluid-heading-04-line-height: 1.28572;\n --cds-fluid-heading-04-letter-spacing: 0;\n --cds-fluid-heading-05-font-size: 2rem;\n --cds-fluid-heading-05-font-weight: 400;\n --cds-fluid-heading-05-line-height: 1.25;\n --cds-fluid-heading-05-letter-spacing: 0;\n --cds-fluid-heading-06-font-size: 2rem;\n --cds-fluid-heading-06-font-weight: 600;\n --cds-fluid-heading-06-line-height: 1.25;\n --cds-fluid-heading-06-letter-spacing: 0;\n --cds-fluid-paragraph-01-font-size: 1.5rem;\n --cds-fluid-paragraph-01-font-weight: 300;\n --cds-fluid-paragraph-01-line-height: 1.334;\n --cds-fluid-paragraph-01-letter-spacing: 0;\n --cds-fluid-quotation-01-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size: 1.25rem;\n --cds-fluid-quotation-01-font-weight: 400;\n --cds-fluid-quotation-01-line-height: 1.3;\n --cds-fluid-quotation-01-letter-spacing: 0;\n --cds-fluid-quotation-02-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size: 2rem;\n --cds-fluid-quotation-02-font-weight: 300;\n --cds-fluid-quotation-02-line-height: 1.25;\n --cds-fluid-quotation-02-letter-spacing: 0;\n --cds-fluid-display-01-font-size: 2.625rem;\n --cds-fluid-display-01-font-weight: 300;\n --cds-fluid-display-01-line-height: 1.19;\n --cds-fluid-display-01-letter-spacing: 0;\n --cds-fluid-display-02-font-size: 2.625rem;\n --cds-fluid-display-02-font-weight: 600;\n --cds-fluid-display-02-line-height: 1.19;\n --cds-fluid-display-02-letter-spacing: 0;\n --cds-fluid-display-03-font-size: 2.625rem;\n --cds-fluid-display-03-font-weight: 300;\n --cds-fluid-display-03-line-height: 1.19;\n --cds-fluid-display-03-letter-spacing: 0;\n --cds-fluid-display-04-font-size: 2.625rem;\n --cds-fluid-display-04-font-weight: 300;\n --cds-fluid-display-04-line-height: 1.19;\n --cds-fluid-display-04-letter-spacing: 0;\n --cds-button-primary: #0f62fe;\n --cds-button-danger-primary: #da1e28;\n --cds-button-danger-secondary: #ff8389;\n --cds-button-danger-active: #750e13;\n --cds-button-primary-active: #002d9c;\n --cds-button-danger-hover: #b81921;\n --cds-button-primary-hover: #0050e6;\n --cds-notification-background-error: #393939;\n --cds-notification-background-success: #393939;\n --cds-notification-background-info: #393939;\n --cds-notification-background-warning: #393939;\n --cds-null-state: #161616;\n --cds-tooltip-line-border: #393939;\n --cds-layer: var(--cds-layer-01, #f4f4f4);\n --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field: var(--cds-field-01, #f4f4f4);\n --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);\n }\n .cds--chart-holder[data-carbon-theme='g100'],\n html,\n html[data-carbon-theme='g100'] {\n --cds-background-brand: #0f62fe;\n --cds-background-selected-hover: rgba(141, 141, 141, 0.32);\n --cds-border-strong-02: #8d8d8d;\n --cds-icon-on-color: #ffffff;\n --cds-support-caution-major: #ff832b;\n --cds-support-caution-minor: #f1c21b;\n --cds-support-warning: #f1c21b;\n --cds-support-warning-inverse: #f1c21b;\n --cds-text-on-color: #ffffff;\n --cds-spacing-01: 0.125rem;\n --cds-spacing-02: 0.25rem;\n --cds-spacing-03: 0.5rem;\n --cds-spacing-04: 0.75rem;\n --cds-spacing-05: 1rem;\n --cds-spacing-06: 1.5rem;\n --cds-spacing-07: 2rem;\n --cds-spacing-08: 2.5rem;\n --cds-spacing-09: 3rem;\n --cds-spacing-10: 4rem;\n --cds-spacing-11: 5rem;\n --cds-spacing-12: 6rem;\n --cds-spacing-13: 10rem;\n --cds-fluid-spacing-01: 0;\n --cds-fluid-spacing-02: 2vw;\n --cds-fluid-spacing-03: 5vw;\n --cds-fluid-spacing-04: 10vw;\n --cds-label-01-font-size: 0.75rem;\n --cds-label-01-font-weight: 400;\n --cds-label-01-line-height: 1.33333;\n --cds-label-01-letter-spacing: 0.32px;\n --cds-label-02-font-size: 0.875rem;\n --cds-label-02-font-weight: 400;\n --cds-label-02-line-height: 1.28572;\n --cds-label-02-letter-spacing: 0.16px;\n --cds-helper-text-01-font-size: 0.75rem;\n --cds-helper-text-01-line-height: 1.33333;\n --cds-helper-text-01-letter-spacing: 0.32px;\n --cds-helper-text-02-font-size: carbon--type-scale(2);\n --cds-helper-text-02-font-weight: carbon--font-weight('regular');\n --cds-helper-text-02-line-height: 1.28572;\n --cds-helper-text-02-letter-spacing: 0.16px;\n --cds-body-short-01-font-size: 0.875rem;\n --cds-body-short-01-font-weight: 400;\n --cds-body-short-01-line-height: 1.28572;\n --cds-body-short-01-letter-spacing: 0.16px;\n --cds-body-short-02-font-size: 1rem;\n --cds-body-short-02-font-weight: 400;\n --cds-body-short-02-line-height: 1.375;\n --cds-body-short-02-letter-spacing: 0;\n --cds-body-long-01-font-size: 0.875rem;\n --cds-body-long-01-font-weight: 400;\n --cds-body-long-01-line-height: 1.42857;\n --cds-body-long-01-letter-spacing: 0.16px;\n --cds-body-long-02-font-size: 1rem;\n --cds-body-long-02-font-weight: 400;\n --cds-body-long-02-line-height: 1.5;\n --cds-body-long-02-letter-spacing: 0;\n --cds-code-01-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular',\n monospace;\n --cds-code-01-font-size: 0.75rem;\n --cds-code-01-font-weight: 400;\n --cds-code-01-line-height: 1.33333;\n --cds-code-01-letter-spacing: 0.32px;\n --cds-code-02-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular',\n monospace;\n --cds-code-02-font-size: 0.875rem;\n --cds-code-02-font-weight: 400;\n --cds-code-02-line-height: 1.42857;\n --cds-code-02-letter-spacing: 0.32px;\n --cds-heading-01-font-size: 0.875rem;\n --cds-heading-01-font-weight: 600;\n --cds-heading-01-line-height: 1.42857;\n --cds-heading-01-letter-spacing: 0.16px;\n --cds-heading-02-font-size: 1rem;\n --cds-heading-02-font-weight: 600;\n --cds-heading-02-line-height: 1.5;\n --cds-heading-02-letter-spacing: 0;\n --cds-productive-heading-01-font-size: 0.875rem;\n --cds-productive-heading-01-font-weight: 600;\n --cds-productive-heading-01-line-height: 1.28572;\n --cds-productive-heading-01-letter-spacing: 0.16px;\n --cds-productive-heading-02-font-size: 1rem;\n --cds-productive-heading-02-font-weight: 600;\n --cds-productive-heading-02-line-height: 1.375;\n --cds-productive-heading-02-letter-spacing: 0;\n --cds-productive-heading-03-font-size: 1.25rem;\n --cds-productive-heading-03-font-weight: 400;\n --cds-productive-heading-03-line-height: 1.4;\n --cds-productive-heading-03-letter-spacing: 0;\n --cds-productive-heading-04-font-size: 1.75rem;\n --cds-productive-heading-04-font-weight: 400;\n --cds-productive-heading-04-line-height: 1.28572;\n --cds-productive-heading-04-letter-spacing: 0;\n --cds-productive-heading-05-font-size: 2rem;\n --cds-productive-heading-05-font-weight: 400;\n --cds-productive-heading-05-line-height: 1.25;\n --cds-productive-heading-05-letter-spacing: 0;\n --cds-productive-heading-06-font-size: 2.625rem;\n --cds-productive-heading-06-font-weight: 300;\n --cds-productive-heading-06-line-height: 1.199;\n --cds-productive-heading-06-letter-spacing: 0;\n --cds-productive-heading-07-font-size: 3.375rem;\n --cds-productive-heading-07-font-weight: 300;\n --cds-productive-heading-07-line-height: 1.19;\n --cds-productive-heading-07-letter-spacing: 0;\n --cds-expressive-paragraph-01-font-size: 1.5rem;\n --cds-expressive-paragraph-01-font-weight: 300;\n --cds-expressive-paragraph-01-line-height: 1.334;\n --cds-expressive-paragraph-01-letter-spacing: 0;\n --cds-expressive-heading-01-font-size: 0.875rem;\n --cds-expressive-heading-01-font-weight: 600;\n --cds-expressive-heading-01-line-height: 1.42857;\n --cds-expressive-heading-01-letter-spacing: 0.16px;\n --cds-expressive-heading-02-font-size: 1rem;\n --cds-expressive-heading-02-font-weight: 600;\n --cds-expressive-heading-02-line-height: 1.5;\n --cds-expressive-heading-02-letter-spacing: 0;\n --cds-expressive-heading-03-font-size: 1.25rem;\n --cds-expressive-heading-03-font-weight: 400;\n --cds-expressive-heading-03-line-height: 1.4;\n --cds-expressive-heading-03-letter-spacing: 0;\n --cds-expressive-heading-04-font-size: 1.75rem;\n --cds-expressive-heading-04-font-weight: 400;\n --cds-expressive-heading-04-line-height: 1.28572;\n --cds-expressive-heading-04-letter-spacing: 0;\n --cds-expressive-heading-05-font-size: 2rem;\n --cds-expressive-heading-05-font-weight: 400;\n --cds-expressive-heading-05-line-height: 1.25;\n --cds-expressive-heading-05-letter-spacing: 0;\n --cds-expressive-heading-06-font-size: 2rem;\n --cds-expressive-heading-06-font-weight: 600;\n --cds-expressive-heading-06-line-height: 1.25;\n --cds-expressive-heading-06-letter-spacing: 0;\n --cds-quotation-01-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size: 1.25rem;\n --cds-quotation-01-font-weight: 400;\n --cds-quotation-01-line-height: 1.3;\n --cds-quotation-01-letter-spacing: 0;\n --cds-quotation-02-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size: 2rem;\n --cds-quotation-02-font-weight: 300;\n --cds-quotation-02-line-height: 1.25;\n --cds-quotation-02-letter-spacing: 0;\n --cds-display-01-font-size: 2.625rem;\n --cds-display-01-font-weight: 300;\n --cds-display-01-line-height: 1.19;\n --cds-display-01-letter-spacing: 0;\n --cds-display-02-font-size: 2.625rem;\n --cds-display-02-font-weight: 600;\n --cds-display-02-line-height: 1.19;\n --cds-display-02-letter-spacing: 0;\n --cds-display-03-font-size: 2.625rem;\n --cds-display-03-font-weight: 300;\n --cds-display-03-line-height: 1.19;\n --cds-display-03-letter-spacing: 0;\n --cds-display-04-font-size: 2.625rem;\n --cds-display-04-font-weight: 300;\n --cds-display-04-line-height: 1.19;\n --cds-display-04-letter-spacing: 0;\n --cds-legal-01-font-size: 0.75rem;\n --cds-legal-01-font-weight: 400;\n --cds-legal-01-line-height: 1.33333;\n --cds-legal-01-letter-spacing: 0.32px;\n --cds-legal-02-font-size: 0.875rem;\n --cds-legal-02-font-weight: 400;\n --cds-legal-02-line-height: 1.28572;\n --cds-legal-02-letter-spacing: 0.16px;\n --cds-body-compact-01-font-size: 0.875rem;\n --cds-body-compact-01-font-weight: 400;\n --cds-body-compact-01-line-height: 1.28572;\n --cds-body-compact-01-letter-spacing: 0.16px;\n --cds-body-compact-02-font-size: 1rem;\n --cds-body-compact-02-font-weight: 400;\n --cds-body-compact-02-line-height: 1.375;\n --cds-body-compact-02-letter-spacing: 0;\n --cds-heading-compact-01-font-size: 0.875rem;\n --cds-heading-compact-01-font-weight: 600;\n --cds-heading-compact-01-line-height: 1.28572;\n --cds-heading-compact-01-letter-spacing: 0.16px;\n --cds-heading-compact-02-font-size: 1rem;\n --cds-heading-compact-02-font-weight: 600;\n --cds-heading-compact-02-line-height: 1.375;\n --cds-heading-compact-02-letter-spacing: 0;\n --cds-body-01-font-size: 0.875rem;\n --cds-body-01-font-weight: 400;\n --cds-body-01-line-height: 1.42857;\n --cds-body-01-letter-spacing: 0.16px;\n --cds-body-02-font-size: 1rem;\n --cds-body-02-font-weight: 400;\n --cds-body-02-line-height: 1.5;\n --cds-body-02-letter-spacing: 0;\n --cds-heading-03-font-size: 1.25rem;\n --cds-heading-03-font-weight: 400;\n --cds-heading-03-line-height: 1.4;\n --cds-heading-03-letter-spacing: 0;\n --cds-heading-04-font-size: 1.75rem;\n --cds-heading-04-font-weight: 400;\n --cds-heading-04-line-height: 1.28572;\n --cds-heading-04-letter-spacing: 0;\n --cds-heading-05-font-size: 2rem;\n --cds-heading-05-font-weight: 400;\n --cds-heading-05-line-height: 1.25;\n --cds-heading-05-letter-spacing: 0;\n --cds-heading-06-font-size: 2.625rem;\n --cds-heading-06-font-weight: 300;\n --cds-heading-06-line-height: 1.199;\n --cds-heading-06-letter-spacing: 0;\n --cds-heading-07-font-size: 3.375rem;\n --cds-heading-07-font-weight: 300;\n --cds-heading-07-line-height: 1.19;\n --cds-heading-07-letter-spacing: 0;\n --cds-fluid-heading-03-font-size: 1.25rem;\n --cds-fluid-heading-03-font-weight: 400;\n --cds-fluid-heading-03-line-height: 1.4;\n --cds-fluid-heading-03-letter-spacing: 0;\n --cds-fluid-heading-04-font-size: 1.75rem;\n --cds-fluid-heading-04-font-weight: 400;\n --cds-fluid-heading-04-line-height: 1.28572;\n --cds-fluid-heading-04-letter-spacing: 0;\n --cds-fluid-heading-05-font-size: 2rem;\n --cds-fluid-heading-05-font-weight: 400;\n --cds-fluid-heading-05-line-height: 1.25;\n --cds-fluid-heading-05-letter-spacing: 0;\n --cds-fluid-heading-06-font-size: 2rem;\n --cds-fluid-heading-06-font-weight: 600;\n --cds-fluid-heading-06-line-height: 1.25;\n --cds-fluid-heading-06-letter-spacing: 0;\n --cds-fluid-paragraph-01-font-size: 1.5rem;\n --cds-fluid-paragraph-01-font-weight: 300;\n --cds-fluid-paragraph-01-line-height: 1.334;\n --cds-fluid-paragraph-01-letter-spacing: 0;\n --cds-fluid-quotation-01-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size: 1.25rem;\n --cds-fluid-quotation-01-font-weight: 400;\n --cds-fluid-quotation-01-line-height: 1.3;\n --cds-fluid-quotation-01-letter-spacing: 0;\n --cds-fluid-quotation-02-font-family:\n system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size: 2rem;\n --cds-fluid-quotation-02-font-weight: 300;\n --cds-fluid-quotation-02-line-height: 1.25;\n --cds-fluid-quotation-02-letter-spacing: 0;\n --cds-fluid-display-01-font-size: 2.625rem;\n --cds-fluid-display-01-font-weight: 300;\n --cds-fluid-display-01-line-height: 1.19;\n --cds-fluid-display-01-letter-spacing: 0;\n --cds-fluid-display-02-font-size: 2.625rem;\n --cds-fluid-display-02-font-weight: 600;\n --cds-fluid-display-02-line-height: 1.19;\n --cds-fluid-display-02-letter-spacing: 0;\n --cds-fluid-display-03-font-size: 2.625rem;\n --cds-fluid-display-03-font-weight: 300;\n --cds-fluid-display-03-line-height: 1.19;\n --cds-fluid-display-03-letter-spacing: 0;\n --cds-fluid-display-04-font-size: 2.625rem;\n --cds-fluid-display-04-font-weight: 300;\n --cds-fluid-display-04-line-height: 1.19;\n --cds-fluid-display-04-letter-spacing: 0;\n --cds-button-primary: #0f62fe;\n --cds-button-danger-primary: #da1e28;\n --cds-button-danger-active: #750e13;\n --cds-button-primary-active: #002d9c;\n --cds-button-danger-hover: #b81921;\n --cds-button-primary-hover: #0050e6;\n --cds-null-state: none;\n --cds-layer: var(--cds-layer-01, #f4f4f4);\n --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field: var(--cds-field-01, #f4f4f4);\n --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);\n }\n .cds--chart-holder[data-carbon-theme='g100'],\n html[data-carbon-theme='g100'] {\n --cds-background: #161616;\n --cds-border-strong-01: #6f6f6f;\n --cds-border-strong-03: #a8a8a8;\n --cds-border-subtle-00: #393939;\n --cds-border-subtle-01: #393939;\n --cds-border-subtle-02: #525252;\n --cds-border-subtle-03: #6f6f6f;\n --cds-border-subtle-selected-01: #525252;\n --cds-border-subtle-selected-02: #6f6f6f;\n --cds-border-subtle-selected-03: #8d8d8d;\n --cds-border-tile-01: #525252;\n --cds-border-tile-02: #6f6f6f;\n --cds-border-tile-03: #8d8d8d;\n --cds-field-01: #262626;\n --cds-field-02: #393939;\n --cds-field-03: #525252;\n --cds-field-hover-01: #333333;\n --cds-field-hover-02: #474747;\n --cds-field-hover-03: #636363;\n --cds-highlight: #002d9c;\n --cds-layer-01: #262626;\n --cds-layer-02: #393939;\n --cds-layer-03: #525252;\n --cds-layer-accent-01: #393939;\n --cds-layer-accent-02: #525252;\n --cds-layer-accent-03: #6f6f6f;\n --cds-layer-accent-active-01: #6f6f6f;\n --cds-layer-accent-active-02: #8d8d8d;\n --cds-layer-accent-active-03: #393939;\n --cds-layer-accent-hover-01: #474747;\n --cds-layer-accent-hover-02: #636363;\n --cds-layer-accent-hover-03: #5e5e5e;\n --cds-layer-active-01: #525252;\n --cds-layer-active-02: #6f6f6f;\n --cds-layer-active-03: #8d8d8d;\n --cds-layer-hover-01: #333333;\n --cds-layer-hover-02: #474747;\n --cds-layer-hover-03: #636363;\n --cds-layer-selected-01: #393939;\n --cds-layer-selected-02: #525252;\n --cds-layer-selected-03: #6f6f6f;\n --cds-layer-selected-hover-01: #474747;\n --cds-layer-selected-hover-02: #636363;\n --cds-layer-selected-hover-03: #5e5e5e;\n --cds-skeleton-background: #292929;\n --cds-skeleton-element: #393939;\n --cds-support-error: #fa4d56;\n --cds-text-error: #ff8389;\n --cds-text-helper: #a8a8a8;\n --cds-toggle-off: #6f6f6f;\n --cds-button-danger-secondary: #fa4d56;\n --cds-notification-background-error: #262626;\n --cds-notification-background-success: #262626;\n --cds-notification-background-info: #262626;\n --cds-notification-background-warning: #262626;\n --cds-tooltip-line-border: #6f6f6f;\n }\n .cds--chart-holder.fullscreen,\n .cds--chart-holder:-webkit-full-screen {\n width: 100% !important;\n height: 100% !important;\n max-width: unset !important;\n max-height: unset !important;\n padding: 2em;\n }\n div.container {\n font-family: Arial, sans-serif;\n padding: 30px;\n }\n div.container div.v10-banner {\n padding: 1rem 30px;\n margin: -30px -30px 30px;\n background-color: var(--cds-field, #f4f4f4);\n font-size: 0.95rem;\n line-height: 1.5;\n }\n div.container div#color-palette-picker {\n max-width: 18rem;\n margin-top: 2rem;\n }\n div.container #chart-demo {\n max-width: 700px;\n }\n div.container .cds--grid,\n div.container.intro {\n padding: 0;\n }\n div.container .cds--grid .cds--row .chart-demo {\n margin-bottom: 60px;\n }\n div.container h3 {\n margin: 0;\n font-weight: 700;\n }\n div.container h3 b.component {\n margin-right: 10px;\n }\n div.container h3 span.cds--tag.component-name {\n font-size: 0.55em;\n vertical-align: middle;\n padding: 0.25em 1em;\n border-radius: 1em;\n font-weight: 600;\n }\n div.container .marginTop-15,\n div.container div.theme-picker {\n margin-top: 15px;\n }\n div.container p.props b,\n div.container.tutorial .hljs-strong {\n font-weight: 700;\n }\n div.container div.cds--snippet--multi {\n background-color: #000;\n color: #fff;\n }\n div.container div.cds--snippet--multi pre {\n padding: 2em !important;\n -moz-tab-size: 4;\n tab-size: 4;\n line-height: 1.4;\n }\n div.container div.cds--snippet--multi .token.tag {\n color: #6ea6ff;\n }\n div.container div.cds--snippet--multi .token.attr-name {\n color: #92eeee;\n }\n div.container div.cds--snippet--multi .token.attr-value {\n color: #bb8eff;\n }\n div.container .cds--snippet--multi .cds--snippet-container pre code {\n font-size: 14px;\n }\n div.container\n .cds--snippet--multi.cds--snippet--expand\n .cds--snippet-container,\n div.container\n .cds--snippet--multi.cds--snippet--expand\n .cds--snippet-container\n pre {\n padding-bottom: 0;\n }\n div.container.intro .container-welcome {\n padding: 0 !important;\n }\n div.container.intro .welcome__container {\n width: 100vw;\n min-height: 100vh;\n padding: 3rem 3rem 5rem;\n background-color: #000;\n }\n @media screen and (max-width: 768px) {\n div.container div.demo-desktop-only {\n position: relative;\n overflow: hidden;\n }\n div.container div.demo-desktop-only:before {\n content: ' ';\n display: block;\n position: absolute;\n z-index: 2;\n top: 0;\n left: 0;\n background: #f4f4f4;\n width: 100%;\n height: 100%;\n }\n div.container div.demo-desktop-only div.cp-message {\n position: absolute;\n z-index: 2;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n display: block;\n font-weight: 700;\n text-align: center;\n }\n div.container.intro .welcome__container:before {\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.45);\n content: ' ';\n z-index: 1;\n }\n }\n div.container.intro .welcome__content {\n position: relative;\n z-index: 2;\n }\n div.container.intro .welcome__heading {\n font-size: var(--cds-productive-heading-07-font-size, 3.375rem);\n font-weight: var(--cds-productive-heading-07-font-weight, 300);\n line-height: var(--cds-productive-heading-07-line-height, 1.19);\n letter-spacing: var(--cds-productive-heading-07-letter-spacing, 0);\n color: var(--cds-text-inverse, #fff);\n }\n div.container.intro .welcome__heading--subtitle {\n font-weight: 600;\n }\n div.container.intro .welcome__heading--other {\n font-size: var(--cds-productive-heading-04-font-size, 1.75rem);\n font-weight: var(--cds-productive-heading-04-font-weight, 400);\n line-height: var(--cds-productive-heading-04-line-height, 1.28572);\n letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);\n font-weight: 600;\n color: #4587fd;\n }\n div.container.intro h5 {\n margin-top: 2em;\n }\n div.container.intro span.netlify {\n position: fixed;\n left: 0;\n bottom: 0;\n padding: 1em 1.5em 1em 3rem;\n border-top-right-radius: 2em;\n font-size: 13px;\n vertical-align: middle;\n background-color: #292929;\n color: #bcbcbc;\n }\n div.container.intro span.netlify a {\n color: #fff;\n font-weight: 700;\n }\n div.container.tutorial .hljs {\n background: #000;\n color: #f8f8f8;\n }\n div.container.tutorial .hljs-comment,\n div.container.tutorial .hljs-quote {\n color: #aeaeae;\n font-style: italic;\n }\n div.container.tutorial .hljs-keyword,\n div.container.tutorial .hljs-selector-tag,\n div.container.tutorial .hljs-type {\n color: #e28964;\n }\n div.container.tutorial .hljs-string {\n color: #65b042;\n }\n div.container.tutorial .hljs-subst {\n color: #daefa3;\n }\n div.container.tutorial .hljs-link,\n div.container.tutorial .hljs-regexp {\n color: #e9c062;\n }\n div.container.tutorial .hljs-name,\n div.container.tutorial .hljs-section,\n div.container.tutorial .hljs-tag,\n div.container.tutorial .hljs-title {\n color: #89bdff;\n }\n div.container.tutorial .hljs-bullet,\n div.container.tutorial .hljs-number,\n div.container.tutorial .hljs-symbol {\n color: #3387cc;\n }\n div.container.tutorial .hljs-params,\n div.container.tutorial .hljs-template-variable,\n div.container.tutorial .hljs-variable {\n color: #3e87e3;\n }\n div.container.tutorial .hljs-attribute {\n color: #cda869;\n }\n div.container.tutorial .hljs-meta {\n color: #8996a8;\n }\n div.container.tutorial .hljs-formula {\n background-color: #0e2231;\n color: #f8f8f8;\n font-style: italic;\n }\n div.container.tutorial .hljs-addition {\n background-color: #253b22;\n color: #f8f8f8;\n }\n div.container.tutorial .hljs-deletion {\n background-color: #420e09;\n color: #f8f8f8;\n }\n div.container.tutorial .hljs-selector-class {\n color: #9b703f;\n }\n div.container.tutorial .hljs-selector-id {\n color: #8b98ab;\n }\n div.container.tutorial h1,\n div.container.tutorial h2,\n div.container.tutorial h5,\n div.container.tutorial p {\n margin-bottom: 15px;\n }\n div.container.tutorial pre,\n div.container.tutorial ul {\n margin-bottom: 30px;\n }\n div.container .marginTop-30,\n div.container.tutorial h5 {\n margin-top: 30px;\n }\n div.container.tutorial ul {\n padding-inline-start: 15px;\n list-style: disc;\n }\n div.container.tutorial ul li {\n margin-bottom: 0.5em;\n }\n div.container.tutorial code {\n border-radius: 4px;\n background-color: #e0e0e0;\n color: #161616;\n padding: 0 0.5em;\n }\n div.container.tutorial pre {\n background-color: #000;\n color: #fff;\n padding: 15px;\n margin-top: 15px;\n -moz-tab-size: 4;\n tab-size: 4;\n font-size: 14px;\n line-height: 1.4;\n }\n div.container.tutorial pre code {\n background-color: unset;\n color: #fff;\n padding: 0;\n }\n div.container .marginTop {\n margin-top: 10px;\n }\n div.container .marginTop-45 {\n margin-top: 45px;\n }\n div.container hr {\n margin-bottom: 75px;\n margin-top: 25px;\n }\n .resource-card-group {\n display: flex;\n flex-wrap: wrap;\n margin-left: 0;\n margin-right: 0;\n margin-top: 30px;\n max-width: 700px;\n }\n .resource-card-group .cds--col-md-6.cds--col-lg-6 {\n border: 1px solid var(--cds-background, #fff);\n padding: 0;\n }\n .resource-card-group .cds--col-lg-6 {\n width: 100%;\n }\n @media (min-width: 42rem) {\n .resource-card-group .cds--col-md-6 {\n display: block;\n max-width: 75%;\n flex: 0 0 75%;\n }\n }\n @media (min-width: 66rem) {\n .resource-card-group .cds--col-lg-6 {\n display: block;\n max-width: 50%;\n flex: 0 0 50%;\n }\n }\n .cds--aspect-ratio--object {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n .cds--resource-card .cds--tile {\n background: var(--cds-layer-01, #f4f4f4);\n height: 100%;\n padding: 1rem 25% 1rem 1rem;\n position: relative;\n transition: background 70ms;\n text-decoration: none;\n }\n .cds--resource-card--dark .cds--tile,\n .cds--resource-card--disabled.cds--resource-card--dark .cds--tile:hover {\n background: #262626;\n }\n .cds--resource-card .cds--tile:hover {\n background: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n }\n .cds--resource-card__title {\n font-size: var(--cds-productive-heading-03-font-size, 1.25rem);\n font-weight: var(--cds-productive-heading-03-font-weight, 400);\n line-height: var(--cds-productive-heading-03-line-height, 1.4);\n letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);\n text-decoration: none;\n }\n .cds--resource-card__subtitle {\n font-size: var(--cds-heading-01-font-size, 0.875rem);\n font-weight: var(--cds-heading-01-font-weight, 600);\n line-height: var(--cds-heading-01-line-height, 1.42857);\n letter-spacing: var(--cds-heading-01-letter-spacing, 0.16px);\n font-weight: 400;\n text-decoration: none;\n }\n .cds--resource-card__icon--img {\n position: absolute;\n bottom: 1rem;\n left: 1rem;\n min-width: 32px;\n min-height: 32px;\n display: flex;\n align-items: flex-end;\n }\n .cds--resource-card__icon--img .gatsby-resp-image-wrapper,\n .cds--resource-card__icon--img img[src*='gif'],\n .cds--resource-card__icon--img img[src*='svg'] {\n margin-bottom: 0;\n }\n .cds--resource-card__icon--img .gatsby-resp-image-wrapper {\n position: static !important;\n }\n .cds--resource-card__icon--action {\n position: absolute;\n bottom: 1rem;\n right: 1rem;\n width: 20px;\n height: 20px;\n }\n .cds--resource-card .cds--resource-card__icon--action svg {\n fill: var(--cds-icon-primary, #161616);\n }\n .cds--resource-card--dark .cds--tile:hover {\n background: #393939;\n }\n .cds--resource-card--dark .cds--resource-card__subtitle,\n .cds--resource-card--dark .cds--resource-card__title {\n color: var(--cds-text-on-color, #fff);\n }\n .cds--resource-card--dark .cds--resource-card__icon--action svg {\n fill: #f4f4f4;\n }\n .cds--resource-card--disabled .cds--tile:hover {\n background: var(--cds-layer-01, #f4f4f4);\n cursor: not-allowed;\n }\n .cds--resource-card--disabled .cds--resource-card__subtitle,\n .cds--resource-card--disabled .cds--resource-card__title {\n color: var(--cds-icon-on-color-disabled, #8d8d8d);\n }\n .cds--resource-card--disabled .cds--resource-card__icon--action svg {\n fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n }\n .cds--resource-card--disabled .cds--resource-card__icon--img {\n filter: grayscale(100%);\n opacity: 0.5;\n }\n .cds--resource-card--disabled.cds--resource-card--dark\n .cds--resource-card__subtitle,\n .cds--resource-card--disabled.cds--resource-card--dark\n .cds--resource-card__title {\n color: #8d8d8d;\n }\n .cds--resource-card--disabled.cds--resource-card--dark\n .cds--resource-card__icon--action\n svg {\n fill: #525252;\n }\n"]))),On=["testId","isInverse","type","dataSet","options"];exports.CarbonChartType=void 0,(En=exports.CarbonChartType||(exports.CarbonChartType={})).area="area",En.areaStacked="areaStacked",En.bar="bar",En.barGrouped="barGrouped",En.barStacked="barStacked",En.boxplot="boxplot",En.bubble="bubble",En.bullet="bullet",En.donut="donut",En.gauge="gauge",En.histogram="histogram",En.line="line",En.lollipop="lollipop",En.meter="meter",En.pie="pie",En.radar="radar",En.scatter="scatter",En.combo="combo";var Yn,Xn=p.default.div(Pn||(Pn=h(["\n .cds--data-table thead tr th {\n background: "," !important;\n }\n .cds--data-table td,\n .cds--data-table tbody th {\n color: ",";\n }\n .cds--data-table tbody tr,\n .cds--data-table tbody tr td,\n .cds--data-table tbody tr th {\n color: ",";\n }\n .cds--data-table tr {\n block-size: 2.5rem;\n }\n\n .cds--cc--tooltip .content-box .datapoint-tooltip p {\n font-size: ",";\n padding: ",";\n color: ",";\n max-width: 142px;\n white-space: normal;\n }\n\n .cds--modal-container {\n clip-path: inset(0% 0% 0% 0% round ",");\n background: ",";\n .cds--data-table th {\n background: ",";\n }\n .cds--data-table td {\n border-top: 1px solid\n ",";\n border-bottom: 1px solid\n ",";\n background: ",";\n }\n .cds--data-table tr:hover td {\n background: ",";\n }\n }\n\n p,\n div,\n text,\n .cds--cc--axes g.axis .axis-title,\n .cds--cc--title p.title,\n .cds--cc--axes g.axis g.tick text {\n font-family: "," !important;\n color: ",";\n }\n\n .cds--cc--axes {\n overflow: visible;\n }\n\n div.cds--cc--legend {\n div.legend-item {\n div.checkbox {\n background: ",";\n border: none;\n width: ",";\n height: ",";\n svg {\n left: 2px;\n position: relative;\n }\n }\n p {\n font-size: ",";\n margin: 0 "," 0 0;\n }\n }\n }\n div.cds--cc--legend.has-deactivated-items {\n div.legend-item {\n div.checkbox {\n border: 1px solid\n ",";\n }\n div.checkbox.active {\n border: 1px solid transparent;\n }\n }\n }\n .chart-holder {\n .cds--cc--axes g.axis g.tick text {\n fill: ",";\n }\n .cds--cc--axes g.axis path.domain {\n stroke: ",";\n }\n .cds--cc--grid g.x.grid g.tick line,\n .cds--cc--grid g.y.grid g.tick line {\n stroke: ",";\n }\n .cds--cc--grid rect.chart-grid-backdrop.stroked {\n stroke: ",";\n }\n .cds--cc--skeleton .shimmer-effect-lines {\n filter: ",";\n }\n /* .chart-holder.cds--chart-holder.filled,\n .cds--cc--skeleton rect.chart-skeleton-backdrop,\n .cds--cc--grid rect.chart-grid-backdrop {\n } */\n\n .cds--cc--grid rect.chart-grid-backdrop {\n fill: transparent;\n }\n .cds--cc--scatter circle.dot,\n .cds--cc--scatter circle.dot.hovered {\n padding: 10px;\n }\n .cds--cc--scatter-stacked circle.dot.hovered,\n .cds--cc--scatter-stacked circle.dot.unfilled,\n .cds--cc--scatter circle.dot.unfilled {\n stroke-width: 6px;\n transition: 0.1s all linear;\n }\n .cds--cc--scatter circle.dot {\n filter: drop-shadow(\n 1px 0px 0px\n ","\n )\n drop-shadow(\n -1px 0px 0px\n ","\n )\n drop-shadow(\n 0px 1px 0px\n ","\n )\n drop-shadow(\n 0px -1px 0px\n ","\n );\n }\n .cds--cc--scatter circle.dot.hovered {\n stroke-width: 0.5em;\n transition: 0.1s all linear;\n filter: drop-shadow(\n 1px 0px 0px\n ","\n )\n drop-shadow(\n -1px 0px 0px\n ","\n )\n drop-shadow(\n 0px 1px 0px\n ","\n )\n drop-shadow(\n 0px -1px 0px\n ","\n );\n }\n .cds--cc--lollipop circle.dot,\n .cds--cc--lollipop circle.dot.filled,\n .cds--cc--lollipop circle.dot.hovered {\n stroke-width: 15px;\n }\n .cds--cc--scatter-stacked circle.dot,\n .cds--cc--scatter-stacked circle.dot.hovered,\n .cds--cc--scatter-stacked circle.dot.unfilled,\n .cds--cc--scatter circle.dot.unfilled,\n .cds--cc--lollipop circle.dot.filled,\n .cds--cc--lollipop circle.dot,\n .cds--cc--lollipop circle.dot.hovered {\n transition: 0.1s all linear;\n filter: drop-shadow(\n 1px 0px 0px\n ","\n )\n drop-shadow(\n -1px 0px 0px\n ","\n )\n drop-shadow(\n 0px 1px 0px\n ","\n )\n drop-shadow(\n 0px -1px 0px\n ","\n );\n }\n .cds--cc--lollipop .cds--cc--scatter circle.dot.hovered {\n transition: 0.1s all linear;\n stroke-width: 1.1em;\n }\n \n .cds--cc--tooltip {\n ","\n\n .cds--overflow-menu-options__btn:focus {\n outline-color: ",";\n }\n\n .cds--btn {\n min-height: auto;\n display: flex;\n flex: 0 auto;\n align-items: center;\n text-align: center;\n padding: 20px;\n margin: 0;\n line-height: ",";\n margin: 0;\n min-width: ",";\n overflow: hidden;\n padding:;\n position: relative;\n right: ",";\n text-align: center;\n height: 40px;\n font-family: ",";\n font-size: ",";\n border-radius: ",";\n font-weight: 500;\n }\n\n .cds--btn--primary {\n background: ",";\n color: ",";\n }\n\n *:focus {\n outline: 2px solid\n "," !important;\n outline-offset: 0;\n }\n .cds--overflow-menu-options__btn:focus,\n .cds--overflow-menu:focus,\n .cds--overflow-menu__trigger:focus,\n .toolbar-control:focus {\n outline: 2px solid\n "," !important;\n }\n div.cds--cc--legend.clickable\n div.legend-item:not(.additional):focus\n div.checkbox,\n div.cds--cc--legend.clickable\n div.legend-item:not(.additional):hover\n div.checkbox {\n border: ",";\n }\n div.cds--cc--legend.clickable\n div.legend-item:not(.additional):hover\n div.checkbox {\n box-shadow: 0 0 0 2px\n "," !important;\n }\n\n .cds--btn--primary {\n &:focus {\n outline: 2px solid\n ",";\n }\n outline-offset: 2px;\n border: none;\n box-shadow: none;\n }\n .cds--modal-header {\n background: ",";\n margin-bottom: 0;\n border-bottom: 1px solid\n ",";\n }\n .cds--modal-header__heading {\n font-weight: 600;\n }\n\n .cds--modal-close {\n position: absolute;\n top: 0;\n right: 0;\n &:focus {\n outline: 2px solid\n ",";\n border-color: none;\n }\n outline-offset: 0;\n border: none;\n }\n }\n\n .cds--modal-footer.cds--modal-footer {\n display: flex;\n align-items: center;\n border-top: 1px solid\n ",";\n background: "," !important;\n }\n .layout-child.header {\n height: auto !important;\n p {\n text-overflow: inherit;\n overflow: auto;\n white-space: normal;\n }\n }\n\n svg:not(:root) {\n overflow: visible;\n }\n\n .cds--cc--chart-wrapper text {\n font-size: ",";\n }\n\n g.center text,\n .pie-label {\n fill: ",";\n }\n\n // Zoom responsive tweaks\n\n @media screen and (max-width: 760px) {\n .cds--modal-container {\n overflow-y: auto;\n }\n .cds--chart-holder .cds--modal .cds--modal-container .cds--modal-content {\n overflow: visible;\n }\n .cds--chart-holder\n .cds--modal\n .cds--modal-container\n .cds--modal-content\n table\n th {\n position: relative;\n }\n }\n"])),function(n){return n.isInverse?n.theme.colors.primary700:""},function(n){return n.theme.colors.neutral700},function(n){return n.isInverse?n.theme.colors.neutral100:""},function(n){return n.theme.typeScale.size02.fontSize},function(n){return n.theme.spaceScale.spacing02},function(n){return n.isInverse?n.theme.colors.neutral100:n.theme.colors.neutral700},function(n){return n.theme.borderRadius},function(n){return n.isInverse?n.theme.colors.primary700:""},function(n){return n.isInverse?n.theme.colors.primary600:""},function(n){return n.isInverse?An(.8,n.theme.colors.neutral100):"inherit"},function(n){return n.isInverse?An(.8,n.theme.colors.neutral100):"inherit"},function(n){return n.isInverse?"#202565":""},function(n){return n.isInverse?n.theme.colors.primary600:""},function(n){return n.theme.bodyFont},function(n){return n.isInverse?n.theme.colors.neutral100:n.theme.colors.neutral700},function(n){return n.isInverse?n.theme.colors.neutral900:n.theme.colors.neutral100},function(n){return n.theme.spaceScale.spacing05},function(n){return n.theme.spaceScale.spacing05},function(n){return n.theme.typeScale.size03.fontSize},function(n){return n.theme.spaceScale.spacing03},function(n){return n.isInverse?n.theme.colors.neutral100:n.theme.colors.neutral900},function(n){return n.isInverse?n.theme.colors.neutral100:""},function(n){return n.isInverse?n.theme.colors.neutral100:""},function(n){return n.isInverse?An(.5,n.theme.colors.neutral100):""},function(n){return n.isInverse?n.theme.colors.neutral100:""},function(n){return n.isInverse?"invert(1)":""},function(n){return n.isInverse?n.theme.colors.primary600:n.theme.colors.neutral100},function(n){return n.isInverse?n.theme.colors.primary600:n.theme.colors.neutral100},function(n){return n.isInverse?n.theme.colors.primary600:n.theme.colors.neutral100},function(n){return n.isInverse?n.theme.colors.primary600:n.theme.colors.neutral100},function(n){return n.isInverse?n.theme.colors.primary600:n.theme.colors.neutral100},function(n){return n.isInverse?n.theme.colors.primary600:n.theme.colors.neutral100},function(n){return n.isInverse?n.theme.colors.primary600:n.theme.colors.neutral100},function(n){return n.isInverse?n.theme.colors.primary600:n.theme.colors.neutral100},function(n){return n.isInverse?n.theme.colors.primary600:n.theme.colors.neutral100},function(n){return n.isInverse?n.theme.colors.primary600:n.theme.colors.neutral100},function(n){return n.isInverse?n.theme.colors.primary600:n.theme.colors.neutral100},function(n){return n.isInverse?n.theme.colors.primary600:n.theme.colors.neutral100},function(n){return((n.isInverse?n.theme.chartColorsInverse:n.theme.chartColors)||[]).reduce(function(e,c,t){return e+".tooltip-"+n.groupsLength+"-1-"+(t+1)+" { background-color: "+c+"; }"},"")},function(n){return n.isInverse?n.theme.colors.focusInverse:""},function(n){return n.theme.typeScale.size03.lineHeight},function(n){return n.theme.spaceScale.spacing13},function(n){return n.theme.spaceScale.spacing04},function(n){return n.theme.bodyFont},function(n){return n.theme.typeScale.size03.fontSize},function(n){return n.theme.borderRadius},function(n){return n.isInverse?n.theme.colors.tertiary500:n.theme.colors.primary},function(n){return n.isInverse?n.theme.colors.neutral900:""},function(n){return n.isInverse?n.theme.colors.focusInverse:n.theme.colors.focus},function(n){return n.isInverse?n.theme.colors.focusInverse:n.theme.colors.focus},function(n){return n.isInverse?"1px solid "+n.theme.colors.focusInverse:""},function(n){return n.isInverse?n.theme.colors.focusInverse:n.theme.colors.focus},function(n){return n.isInverse?n.theme.colors.focusInverse:n.theme.colors.focus},function(n){return n.isInverse?n.theme.colors.primary600:n.theme.colors.neutral100},function(n){return n.isInverse?An(.8,n.theme.colors.neutral100):n.theme.colors.neutral300},function(n){return n.isInverse?n.theme.colors.focusInverse:n.theme.colors.focus},function(n){return n.isInverse?An(.8,n.theme.colors.neutral100):n.theme.colors.neutral300},function(n){return n.isInverse?n.theme.colors.primary600:n.theme.colors.neutral100},function(n){return n.theme.typeScale.size02.fontSize},function(n){return n.isInverse?n.theme.colors.neutral100:""});!function(n){n.WHITE="white",n.G100="g100",n.G90="g90",n.G10="g10"}(Yn||(Yn={})),exports.CarbonChart=/*#__PURE__*/l.forwardRef(function(n,t){var s=n.testId,o=n.isInverse,a=n.type,i=n.dataSet,p=n.options,h=f(n,On),u=l.useContext(c.ThemeContext),g=c.useIsInverse(o),m={area:d.AreaChart,areaStacked:d.StackedAreaChart,bar:d.SimpleBarChart,barGrouped:d.GroupedBarChart,barStacked:d.StackedBarChart,donut:d.DonutChart,line:d.LineChart,lollipop:d.LollipopChart,pie:d.PieChart,radar:d.RadarChart,boxplot:d.BoxplotChart,bubble:d.BubbleChart,bullet:d.BulletChart,gauge:d.GaugeChart,histogram:d.HistogramChart,meter:d.MeterChart,scatter:d.ScatterChart,combo:d.ComboChart};function v(){var n={},e=i.map(function(n){return"group"in n?n.group:null}),c=e.filter(function(n,c){return e.indexOf(n)===c}),t=p.colors||[],r=[].concat(t,u.chartColors),s=[].concat(t,u.chartColorsInverse);return c.forEach(function(e,t){return c.length<=r.length?n[e||"null"]=g?s[t]:r[t]:{}}),n}var _=b({},p,{theme:g?Yn.G100:Yn.WHITE,color:{scale:v()},tooltip:b({},(null==p?void 0:p.tooltip)||{},{truncation:{type:"none"}})}),w=m[a];l.useEffect(function(){document.querySelectorAll(".graph-frame ").forEach(function(n){n.setAttribute("aria-label","Interactive chart")})});var x=Object.keys(v()).length;/*#__PURE__*/return r.jsxs(r.Fragment,{children:[/*#__PURE__*/r.jsx(e.Global,{styles:Dn}),/*#__PURE__*/r.jsx(Xn,b({"data-testid":s,ref:t,isInverse:g,theme:u,className:"carbon-chart-wrapper",groupsLength:x<6?x:14},h,{children:/*#__PURE__*/r.jsx(w,{data:i,options:_})}))]})}),exports.Chart=hn;
2
2
  //# sourceMappingURL=charts.js.map