@workday/canvas-kit-mcp 15.1.4 → 15.1.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/apps/action-bar.html +19 -19
- package/dist/apps/banner.html +2 -2
- package/dist/apps/body-text.html +1 -1
- package/dist/apps/box.html +1 -1
- package/dist/apps/breadcrumbs.html +19 -19
- package/dist/apps/buttons.html +2 -2
- package/dist/apps/card.html +1 -1
- package/dist/apps/checkbox.html +2 -2
- package/dist/apps/color-input.html +2 -2
- package/dist/apps/color-preview.html +2 -2
- package/dist/apps/countbadge.html +2 -2
- package/dist/apps/dialog.html +2 -2
- package/dist/apps/divider.html +1 -1
- package/dist/apps/expandable.html +2 -2
- package/dist/apps/flex.html +1 -1
- package/dist/apps/form-field.html +181 -181
- package/dist/apps/grid.html +2 -2
- package/dist/apps/heading.html +1 -1
- package/dist/apps/hyperlink.html +1 -1
- package/dist/apps/information-highlight.html +1 -1
- package/dist/apps/loading-dots.html +2 -2
- package/dist/apps/menu.html +19 -19
- package/dist/apps/modal.html +4 -4
- package/dist/apps/multiselect.html +3 -3
- package/dist/apps/pagination.html +2 -2
- package/dist/apps/pill.html +3 -3
- package/dist/apps/popper.html +2 -2
- package/dist/apps/popup.html +2 -2
- package/dist/apps/radio.html +2 -2
- package/dist/apps/segmented-control.html +2 -2
- package/dist/apps/select.html +19 -19
- package/dist/apps/skeleton.html +2 -2
- package/dist/apps/status-indicator.html +2 -2
- package/dist/apps/subtext.html +1 -1
- package/dist/apps/table.html +1 -1
- package/dist/apps/tabs.html +34 -33
- package/dist/apps/text-input.html +2 -2
- package/dist/apps/text.html +1 -1
- package/dist/apps/textarea.html +2 -2
- package/dist/apps/title.html +1 -1
- package/dist/apps/toast.html +2 -2
- package/dist/apps/tooltip.html +31 -26
- package/dist/cli.js +3 -3
- package/dist/cli.js.map +1 -1
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -368,7 +368,7 @@ export const Icon = () => {
|
|
|
368
368
|
</Flex>
|
|
369
369
|
);
|
|
370
370
|
};
|
|
371
|
-
`;function tQ(e){return e.length?e[e.length-1]:null}function BM(e,t){const{min:n,max:a}=A_.zIndex;return t<=a-n?e+n:Math.max(n,a-(t-e)+1)}function Qh(e){const t=e.length;e.forEach((n,a)=>{n.style.zIndex=String(BM(a,t))})}function nQ(e,t){let n=e;do{const a=t.find(r=>r.element===n);if(a)return a.element}while(n=n.parentElement)}function rQ(e,t){return t.filter(a=>a.owner).map(a=>({element:a.element,parent:nQ(a.owner,t)})).filter(a=>a.parent===e.element)}function qM(e,t){const n=t.split("."),a=n.splice(0,1)[0];return n.length&&e[a]?qM(e[a],n.join(".")):e[a]}function GM(e,t,n){const a=t.split("."),r=a.splice(0,1)[0];return a.length?(e[r]===void 0&&(e[r]={}),GM(e[r],a.join("."),n)):e[r]=n,n}typeof window<"u"&&(window.workday=window.workday||{});const HM=e=>{if(typeof window<"u")return qM(window,e)},VM=(e,t)=>{typeof window<"u"&&GM(window,e,t)},px=(e,t)=>{var a;let n=(a=e.container)==null?void 0:a.call(e);return n===document.body&&(n=t==null?void 0:t.ownerDocument.body),n||document.body},A_=HM("workday.__popupStack")||{description:"Global popup stack from @workday/canvas-kit/popup-stack",container:e=>(e==null?void 0:e.ownerDocument.body)||document.body,items:[],zIndex:{min:30,max:50,getValue:BM},_adapter:{}};VM("workday.__popupStack",A_);const Zn=HM("workday.__popupStackOfStacks")||[A_];Zn.description="Global stack of popup stacks from @workday/canvas-kit/popup-stack";VM("workday.__popupStackOfStacks",Zn);function Gn(){return Zn[Zn.length-1]}const kt={createContainer(){var n;const e=Gn();if((n=e._adapter)!=null&&n.createContainer)return e._adapter.createContainer();const t=document.createElement("div");return t.style.position="relative",t},add(e){var n;const t=Gn();if((n=t._adapter)!=null&&n.add){t._adapter.add(e);return}t.items.push(e),px(t,e.owner).appendChild(e.element),Qh(kt.getElements())},remove(e){var n;const t=Zn.find(a=>!!kt.getElements(a).find(r=>r===e));if(t){if((n=t._adapter)!=null&&n.remove){t._adapter.remove(e);return}const a=t.items.find(r=>r.element===e);t.items=t.items.filter(r=>r.element!==e),px(t,a==null?void 0:a.owner).removeChild(e),Qh(kt.getElements(t))}},isTopmost(e){var a;const t=Gn();if((a=t._adapter)!=null&&a.isTopmost)return t._adapter.isTopmost(e);const n=tQ(t.items);return n?n.element===e:!1},getElements(e){var n;const t=e||Gn();return(n=t._adapter)!=null&&n.getElements?t._adapter.getElements():t.items.map(a=>a.element)},bringToTop(e){var a;const t=Gn();if((a=t._adapter)!=null&&a.bringToTop){t._adapter.bringToTop(e);return}const n=t.items.find(r=>r.element===e);if(n)t.items=[...t.items.filter(r=>r!==n),n],rQ(n,t.items).forEach(r=>{kt.bringToTop(r.element)}),Qh(kt.getElements());else{const r=new Error;console.warn("Could not find item",r.stack)}},contains(e,t){var i;const n=Gn();if((i=n._adapter)!=null&&i.contains)return n._adapter.contains(e,t);const a=n.items.find(o=>o.element===e);if(a)return r(a,t);return!1;function r(o,s,l=0){var c;if(l>30)return!1;if(o.element===s||o.owner===s||o.element.contains(s)||(c=o.owner)!=null&&c.contains(s))return!0;const u=n.items.find(d=>d.owner&&o.element.contains(d.owner));return u?r(u,s,l+1):!1}},pushStackContext(e){var a,r;const t=Gn();if((a=t._adapter)!=null&&a.pushStackContext)return t._adapter.pushStackContext(e);if(((r=t.container)==null?void 0:r.call(t))===e)return;const n={items:[],zIndex:t.zIndex,container:()=>e,_adapter:{}};Zn.push(n)},popStackContext(e){var n,a;const t=Gn();if((n=t._adapter)!=null&&n.popStackContext)return t._adapter.popStackContext(e);((a=t.container)==null?void 0:a.call(t))===e&&Zn.length>1&&Zn.pop()},transferToCurrentContext(e){var a;const t=Gn();if((a=t._adapter)!=null&&a.transferToCurrentContext)return t._adapter.transferToCurrentContext(e);if(t.items.find(r=>r.element===e.element))return;Zn.find(r=>!!r.items.find(i=>i.element===e.element))&&kt.remove(e.element),kt.add(e)}};let Rl=null;Wn.isEnabled&&Wn.on("change",()=>{Wn.isFullscreen?Wn.element&&(Rl=Wn.element,kt.pushStackContext(Rl)):Rl&&kt.popStackContext(Rl)});const eb=gM({defaultConfig:{id:"",initialVisibility:"hidden"}})(e=>{const t=pM(e.id),[n,a]=J.useState(e.initialVisibility||"hidden");return{state:{id:t,visibility:n},events:{show(o){a("visible")},hide(o){a("hidden")}}}}),fx=()=>{},aQ=gM({defaultContext:{state:{},events:{show:fx,hide:fx}},defaultConfig:{...eb.defaultConfig,returnFocusRef:void 0,initialFocusRef:void 0},requiredConfig:eb.requiredConfig})(e=>{const t=ne.useRef(null),n=ne.useRef(null),[a,r]=ne.useState("bottom"),i=eb(e),o={...i.state,stackRef:t,targetRef:n,initialFocusRef:e.initialFocusRef,returnFocusRef:e.returnFocusRef,placement:a},s={...i.events,updatePlacement(l){r(l.placement)}};return{state:o,events:s}}),iQ=hd()(e=>{const t=J.useCallback(a=>{e.state.stackRef.current&&document.contains(a.target)&&!kt.contains(e.state.stackRef.current,a.target)&&e.events.hide(a)},[e.events,e.state.stackRef]),n=e.state.visibility!=="hidden";return J.useLayoutEffect(()=>{var a;if(n)return document.addEventListener("mousedown",t),(a=e.state.stackRef.current)==null||a.setAttribute("data-behavior-click-outside-close","always"),()=>{document.removeEventListener("mousedown",t)}},[e.state.stackRef,n,t]),{}}),oQ=hd()(e=>{const t=J.useCallback(a=>{(a.key==="Esc"||a.key==="Escape")&&kt.isTopmost(e.state.stackRef.current)&&e.events.hide(a)},[e.state.stackRef,e.events]),n=e.state.visibility!=="hidden";return J.useLayoutEffect(()=>{if(n)return document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}},[t,n]),{}}),sQ=hd()(e=>{const t=J.useCallback(a=>{Wn.isFullscreen||e.events.hide(a)},[e.events]),n=e.state.visibility!=="hidden";return J.useEffect(()=>{if(n&&Wn.isEnabled)return Wn.on("change",t),()=>{Wn.off("change",t)}},[t,n]),{}});function WM(e){if(e===document.body||!e.parentElement)return e;const t=getComputedStyle(e);return t.overflowY==="scroll"||t.overflowY==="auto"||t.overflowX==="scroll"||t.overflowX==="auto"?e:WM(e.parentElement)}const lQ=hd()(e=>{const t=e.state.visibility!=="hidden",n=J.useCallback(a=>{a[0].intersectionRatio<.5&&e.events.hide()},[e.events]);return J.useLayoutEffect(()=>{if(!t||!e.state.targetRef.current)return;const a=e.state.targetRef.current,r=WM(a),i=new IntersectionObserver(n,{root:r,threshold:.5});return i.observe(e.state.targetRef.current),()=>{i.disconnect()}},[n,e.state.targetRef,t]),{}}),uQ=(e,t)=>{const{elementRef:n,localRef:a}=fM(e),r=J.useContext(__),{style:i}=JX(r,{}),o=J.useRef(!0),[s]=J.useState(()=>{if(o.current){const l=kt.createContainer();return n(l),o.current=!1,l}return a.current});return J.useLayoutEffect(()=>{const l=a.current;if(!l)return;const u=Object.keys(i);if(u.length!==0)for(const c of u)l.style.setProperty(c,i[c])},[a,i]),J.useLayoutEffect(()=>{if(s!==a.current)throw Error("The 'ref' passed to usePopupStack should not be applied to a React element. This will cause a runtime error where the PopupStack and React compete for the element. Instead use ReactDOM.createPortal(<YourComponent />, ref.current)");const l=t?"current"in t?t.current||void 0:t:void 0,u=a.current;return kt.add({element:u,owner:l}),()=>{kt.remove(u)}},[a,t,s]),J.useLayoutEffect(()=>{var c,d;let u=(t?"current"in t?t.current:t:void 0)??void 0;if(u==null&&typeof document<"u"){const p=document.activeElement,g=a.current;u=(p&&g&&!g.contains(p)?p:document.body).closest("[dir]")??document.documentElement}if(u){const p=u.getAttribute("dir");(p!=null?p.toLowerCase()==="rtl":PX(u))?(c=a.current)==null||c.setAttribute("dir","rtl"):(d=a.current)==null||d.setAttribute("dir","ltr")}},[a,t]),a},cQ=e=>{const[t,n]=e.split("-");return{vertical:t==="top"?"bottom":t==="bottom"||n==="end"?"top":n==="start"?"bottom":"center",horizontal:t==="left"?"right":t==="right"||n==="end"?"left":n==="start"?"right":"center"}};var on="top",Sn="bottom",En="right",sn="left",x_="auto",Js=[on,Sn,En,sn],oi="start",N_="end",dQ="clippingParents",ZM="viewport",qi="popper",pQ="reference",mx=Js.reduce(function(e,t){return e.concat([t+"-"+oi,t+"-"+N_])},[]),YM=[].concat(Js,[x_]).reduce(function(e,t){return e.concat([t,t+"-"+oi,t+"-"+N_])},[]),fQ="beforeRead",mQ="read",gQ="afterRead",hQ="beforeMain",bQ="main",vQ="afterMain",yQ="beforeWrite",SQ="write",EQ="afterWrite",_Q=[fQ,mQ,gQ,hQ,bQ,vQ,yQ,SQ,EQ];function _n(e){return e?(e.nodeName||"").toLowerCase():null}function wn(e){if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function Uo(e){var t=wn(e).Element;return e instanceof t||e instanceof Element}function Un(e){var t=wn(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function wQ(e){var t=wn(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function kQ(e){var t=e.state;Object.keys(t.elements).forEach(function(n){var a=t.styles[n]||{},r=t.attributes[n]||{},i=t.elements[n];!Un(i)||!_n(i)||(Object.assign(i.style,a),Object.keys(r).forEach(function(o){var s=r[o];s===!1?i.removeAttribute(o):i.setAttribute(o,s===!0?"":s)}))})}function IQ(e){var t=e.state,n={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,n.popper),t.elements.arrow&&Object.assign(t.elements.arrow.style,n.arrow),function(){Object.keys(t.elements).forEach(function(a){var r=t.elements[a],i=t.attributes[a]||{},o=Object.keys(t.styles.hasOwnProperty(a)?t.styles[a]:n[a]),s=o.reduce(function(l,u){return l[u]="",l},{});!Un(r)||!_n(r)||(Object.assign(r.style,s),Object.keys(i).forEach(function(l){r.removeAttribute(l)}))})}}const TQ={name:"applyStyles",enabled:!0,phase:"write",fn:kQ,effect:IQ,requires:["computeStyles"]};function Pn(e){return e.split("-")[0]}function C_(e){return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight}}function KM(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&wQ(n)){var a=t;do{if(a&&e.isSameNode(a))return!0;a=a.parentNode||a.host}while(a)}return!1}function er(e){return wn(e).getComputedStyle(e)}function RQ(e){return["table","td","th"].indexOf(_n(e))>=0}function cr(e){return((Uo(e)?e.ownerDocument:e.document)||window.document).documentElement}function vd(e){return _n(e)==="html"?e:e.assignedSlot||e.parentNode||e.host||cr(e)}function gx(e){if(!Un(e)||er(e).position==="fixed")return null;var t=e.offsetParent;if(t){var n=cr(t);if(_n(t)==="body"&&er(t).position==="static"&&er(n).position!=="static")return n}return t}function AQ(e){for(var t=vd(e);Un(t)&&["html","body"].indexOf(_n(t))<0;){var n=er(t);if(n.transform!=="none"||n.perspective!=="none"||n.willChange&&n.willChange!=="auto")return t;t=t.parentNode}return null}function Qs(e){for(var t=wn(e),n=gx(e);n&&RQ(n)&&er(n).position==="static";)n=gx(n);return n&&_n(n)==="body"&&er(n).position==="static"?t:n||AQ(e)||t}function O_(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Gl(e,t,n){return Math.max(e,Math.min(t,n))}function XM(){return{top:0,right:0,bottom:0,left:0}}function JM(e){return Object.assign(Object.assign({},XM()),e)}function QM(e,t){return t.reduce(function(n,a){return n[a]=e,n},{})}function xQ(e){var t,n=e.state,a=e.name,r=n.elements.arrow,i=n.modifiersData.popperOffsets,o=Pn(n.placement),s=O_(o),l=[sn,En].indexOf(o)>=0,u=l?"height":"width";if(!(!r||!i)){var c=n.modifiersData[a+"#persistent"].padding,d=C_(r),p=s==="y"?on:sn,g=s==="y"?Sn:En,b=n.rects.reference[u]+n.rects.reference[s]-i[s]-n.rects.popper[u],y=i[s]-n.rects.reference[s],k=Qs(r),h=k?s==="y"?k.clientHeight||0:k.clientWidth||0:0,f=b/2-y/2,m=c[p],v=h-d[u]-c[g],E=h/2-d[u]/2+f,_=Gl(m,E,v),w=s;n.modifiersData[a]=(t={},t[w]=_,t.centerOffset=_-E,t)}}function NQ(e){var t=e.state,n=e.options,a=e.name,r=n.element,i=r===void 0?"[data-popper-arrow]":r,o=n.padding,s=o===void 0?0:o;i!=null&&(typeof i=="string"&&(i=t.elements.popper.querySelector(i),!i)||KM(t.elements.popper,i)&&(t.elements.arrow=i,t.modifiersData[a+"#persistent"]={padding:JM(typeof s!="number"?s:QM(s,Js))}))}const CQ={name:"arrow",enabled:!0,phase:"main",fn:xQ,effect:NQ,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};var OQ={top:"auto",right:"auto",bottom:"auto",left:"auto"};function LQ(e){var t=e.x,n=e.y,a=window,r=a.devicePixelRatio||1;return{x:Math.round(t*r)/r||0,y:Math.round(n*r)/r||0}}function hx(e){var t,n=e.popper,a=e.popperRect,r=e.placement,i=e.offsets,o=e.position,s=e.gpuAcceleration,l=e.adaptive,u=LQ(i),c=u.x,d=u.y,p=i.hasOwnProperty("x"),g=i.hasOwnProperty("y"),b=sn,y=on,k=window;if(l){var h=Qs(n);h===wn(n)&&(h=cr(n)),r===on&&(y=Sn,d-=h.clientHeight-a.height,d*=s?1:-1),r===sn&&(b=En,c-=h.clientWidth-a.width,c*=s?1:-1)}var f=Object.assign({position:o},l&&OQ);if(s){var m;return Object.assign(Object.assign({},f),{},(m={},m[y]=g?"0":"",m[b]=p?"0":"",m.transform=(k.devicePixelRatio||1)<2?"translate("+c+"px, "+d+"px)":"translate3d("+c+"px, "+d+"px, 0)",m))}return Object.assign(Object.assign({},f),{},(t={},t[y]=g?d+"px":"",t[b]=p?c+"px":"",t.transform="",t))}function $Q(e){var t=e.state,n=e.options,a=n.gpuAcceleration,r=a===void 0?!0:a,i=n.adaptive,o=i===void 0?!0:i,s={placement:Pn(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:r};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign(Object.assign({},t.styles.popper),hx(Object.assign(Object.assign({},s),{},{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:o})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign(Object.assign({},t.styles.arrow),hx(Object.assign(Object.assign({},s),{},{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1})))),t.attributes.popper=Object.assign(Object.assign({},t.attributes.popper),{},{"data-popper-placement":t.placement})}const DQ={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:$Q,data:{}};var Al={passive:!0};function PQ(e){var t=e.state,n=e.instance,a=e.options,r=a.scroll,i=r===void 0?!0:r,o=a.resize,s=o===void 0?!0:o,l=wn(t.elements.popper),u=[].concat(t.scrollParents.reference,t.scrollParents.popper);return i&&u.forEach(function(c){c.addEventListener("scroll",n.update,Al)}),s&&l.addEventListener("resize",n.update,Al),function(){i&&u.forEach(function(c){c.removeEventListener("scroll",n.update,Al)}),s&&l.removeEventListener("resize",n.update,Al)}}const MQ={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:PQ,data:{}};var UQ={left:"right",right:"left",bottom:"top",top:"bottom"};function Hl(e){return e.replace(/left|right|bottom|top/g,function(t){return UQ[t]})}var FQ={start:"end",end:"start"};function bx(e){return e.replace(/start|end/g,function(t){return FQ[t]})}function Fo(e){var t=e.getBoundingClientRect();return{width:t.width,height:t.height,top:t.top,right:t.right,bottom:t.bottom,left:t.left,x:t.left,y:t.top}}function L_(e){var t=wn(e),n=t.pageXOffset,a=t.pageYOffset;return{scrollLeft:n,scrollTop:a}}function $_(e){return Fo(cr(e)).left+L_(e).scrollLeft}function zQ(e){var t=wn(e),n=cr(e),a=t.visualViewport,r=n.clientWidth,i=n.clientHeight,o=0,s=0;return a&&(r=a.width,i=a.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(o=a.offsetLeft,s=a.offsetTop)),{width:r,height:i,x:o+$_(e),y:s}}function jQ(e){var t=cr(e),n=L_(e),a=e.ownerDocument.body,r=Math.max(t.scrollWidth,t.clientWidth,a?a.scrollWidth:0,a?a.clientWidth:0),i=Math.max(t.scrollHeight,t.clientHeight,a?a.scrollHeight:0,a?a.clientHeight:0),o=-n.scrollLeft+$_(e),s=-n.scrollTop;return er(a||t).direction==="rtl"&&(o+=Math.max(t.clientWidth,a?a.clientWidth:0)-r),{width:r,height:i,x:o,y:s}}function D_(e){var t=er(e),n=t.overflow,a=t.overflowX,r=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+r+a)}function eU(e){return["html","body","#document"].indexOf(_n(e))>=0?e.ownerDocument.body:Un(e)&&D_(e)?e:eU(vd(e))}function uo(e,t){t===void 0&&(t=[]);var n=eU(e),a=_n(n)==="body",r=wn(n),i=a?[r].concat(r.visualViewport||[],D_(n)?n:[]):n,o=t.concat(i);return a?o:o.concat(uo(vd(i)))}function lv(e){return Object.assign(Object.assign({},e),{},{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function BQ(e){var t=Fo(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}function vx(e,t){return t===ZM?lv(zQ(e)):Un(t)?BQ(t):lv(jQ(cr(e)))}function qQ(e){var t=uo(vd(e)),n=["absolute","fixed"].indexOf(er(e).position)>=0,a=n&&Un(e)?Qs(e):e;return Uo(a)?t.filter(function(r){return Uo(r)&&KM(r,a)&&_n(r)!=="body"}):[]}function GQ(e,t,n){var a=t==="clippingParents"?qQ(e):[].concat(t),r=[].concat(a,[n]),i=r[0],o=r.reduce(function(s,l){var u=vx(e,l);return s.top=Math.max(u.top,s.top),s.right=Math.min(u.right,s.right),s.bottom=Math.min(u.bottom,s.bottom),s.left=Math.max(u.left,s.left),s},vx(e,i));return o.width=o.right-o.left,o.height=o.bottom-o.top,o.x=o.left,o.y=o.top,o}function zo(e){return e.split("-")[1]}function tU(e){var t=e.reference,n=e.element,a=e.placement,r=a?Pn(a):null,i=a?zo(a):null,o=t.x+t.width/2-n.width/2,s=t.y+t.height/2-n.height/2,l;switch(r){case on:l={x:o,y:t.y-n.height};break;case Sn:l={x:o,y:t.y+t.height};break;case En:l={x:t.x+t.width,y:s};break;case sn:l={x:t.x-n.width,y:s};break;default:l={x:t.x,y:t.y}}var u=r?O_(r):null;if(u!=null){var c=u==="y"?"height":"width";switch(i){case oi:l[u]=Math.floor(l[u])-Math.floor(t[c]/2-n[c]/2);break;case N_:l[u]=Math.floor(l[u])+Math.ceil(t[c]/2-n[c]/2);break}}return l}function si(e,t){t===void 0&&(t={});var n=t,a=n.placement,r=a===void 0?e.placement:a,i=n.boundary,o=i===void 0?dQ:i,s=n.rootBoundary,l=s===void 0?ZM:s,u=n.elementContext,c=u===void 0?qi:u,d=n.altBoundary,p=d===void 0?!1:d,g=n.padding,b=g===void 0?0:g,y=JM(typeof b!="number"?b:QM(b,Js)),k=c===qi?pQ:qi,h=e.elements.reference,f=e.rects.popper,m=e.elements[p?k:c],v=GQ(Uo(m)?m:m.contextElement||cr(e.elements.popper),o,l),E=Fo(h),_=tU({reference:E,element:f,placement:r}),w=lv(Object.assign(Object.assign({},f),_)),N=c===qi?w:E,C={top:v.top-N.top+y.top,bottom:N.bottom-v.bottom+y.bottom,left:v.left-N.left+y.left,right:N.right-v.right+y.right},$=e.modifiersData.offset;if(c===qi&&$){var j=$[r];Object.keys(C).forEach(function(K){var X=[En,Sn].indexOf(K)>=0?1:-1,me=[on,Sn].indexOf(K)>=0?"y":"x";C[K]+=j[me]*X})}return C}function HQ(e,t){t===void 0&&(t={});var n=t,a=n.placement,r=n.boundary,i=n.rootBoundary,o=n.padding,s=n.flipVariations,l=n.allowedAutoPlacements,u=l===void 0?YM:l,c=zo(a),d=c?s?mx:mx.filter(function(b){return zo(b)===c}):Js,p=d.filter(function(b){return u.indexOf(b)>=0});p.length===0&&(p=d);var g=p.reduce(function(b,y){return b[y]=si(e,{placement:y,boundary:r,rootBoundary:i,padding:o})[Pn(y)],b},{});return Object.keys(g).sort(function(b,y){return g[b]-g[y]})}function VQ(e){if(Pn(e)===x_)return[];var t=Hl(e);return[bx(e),t,bx(t)]}function WQ(e){var t=e.state,n=e.options,a=e.name;if(!t.modifiersData[a]._skip){for(var r=n.mainAxis,i=r===void 0?!0:r,o=n.altAxis,s=o===void 0?!0:o,l=n.fallbackPlacements,u=n.padding,c=n.boundary,d=n.rootBoundary,p=n.altBoundary,g=n.flipVariations,b=g===void 0?!0:g,y=n.allowedAutoPlacements,k=t.options.placement,h=Pn(k),f=h===k,m=l||(f||!b?[Hl(k)]:VQ(k)),v=[k].concat(m).reduce(function(de,Te){return de.concat(Pn(Te)===x_?HQ(t,{placement:Te,boundary:c,rootBoundary:d,padding:u,flipVariations:b,allowedAutoPlacements:y}):Te)},[]),E=t.rects.reference,_=t.rects.popper,w=new Map,N=!0,C=v[0],$=0;$<v.length;$++){var j=v[$],K=Pn(j),X=zo(j)===oi,me=[on,Sn].indexOf(K)>=0,ve=me?"width":"height",ce=si(t,{placement:j,boundary:c,rootBoundary:d,altBoundary:p,padding:u}),ye=me?X?En:sn:X?Sn:on;E[ve]>_[ve]&&(ye=Hl(ye));var L=Hl(ye),M=[];if(i&&M.push(ce[K]<=0),s&&M.push(ce[ye]<=0,ce[L]<=0),M.every(function(de){return de})){C=j,N=!1;break}w.set(j,M)}if(N)for(var U=b?3:1,B=function(Te){var Ae=v.find(function(qe){var Yt=w.get(qe);if(Yt)return Yt.slice(0,Te).every(function(ca){return ca})});if(Ae)return C=Ae,"break"},V=U;V>0;V--){var Ue=B(V);if(Ue==="break")break}t.placement!==C&&(t.modifiersData[a]._skip=!0,t.placement=C,t.reset=!0)}}const ZQ={name:"flip",enabled:!0,phase:"main",fn:WQ,requiresIfExists:["offset"],data:{_skip:!1}};function yx(e,t,n){return n===void 0&&(n={x:0,y:0}),{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function Sx(e){return[on,En,Sn,sn].some(function(t){return e[t]>=0})}function YQ(e){var t=e.state,n=e.name,a=t.rects.reference,r=t.rects.popper,i=t.modifiersData.preventOverflow,o=si(t,{elementContext:"reference"}),s=si(t,{altBoundary:!0}),l=yx(o,a),u=yx(s,r,i),c=Sx(l),d=Sx(u);t.modifiersData[n]={referenceClippingOffsets:l,popperEscapeOffsets:u,isReferenceHidden:c,hasPopperEscaped:d},t.attributes.popper=Object.assign(Object.assign({},t.attributes.popper),{},{"data-popper-reference-hidden":c,"data-popper-escaped":d})}const KQ={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:YQ};function XQ(e,t,n){var a=Pn(e),r=[sn,on].indexOf(a)>=0?-1:1,i=typeof n=="function"?n(Object.assign(Object.assign({},t),{},{placement:e})):n,o=i[0],s=i[1];return o=o||0,s=(s||0)*r,[sn,En].indexOf(a)>=0?{x:s,y:o}:{x:o,y:s}}function JQ(e){var t=e.state,n=e.options,a=e.name,r=n.offset,i=r===void 0?[0,0]:r,o=YM.reduce(function(c,d){return c[d]=XQ(d,t.rects,i),c},{}),s=o[t.placement],l=s.x,u=s.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=l,t.modifiersData.popperOffsets.y+=u),t.modifiersData[a]=o}const QQ={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:JQ};function eee(e){var t=e.state,n=e.name;t.modifiersData[n]=tU({reference:t.rects.reference,element:t.rects.popper,placement:t.placement})}const tee={name:"popperOffsets",enabled:!0,phase:"read",fn:eee,data:{}};function nee(e){return e==="x"?"y":"x"}function ree(e){var t=e.state,n=e.options,a=e.name,r=n.mainAxis,i=r===void 0?!0:r,o=n.altAxis,s=o===void 0?!1:o,l=n.boundary,u=n.rootBoundary,c=n.altBoundary,d=n.padding,p=n.tether,g=p===void 0?!0:p,b=n.tetherOffset,y=b===void 0?0:b,k=si(t,{boundary:l,rootBoundary:u,padding:d,altBoundary:c}),h=Pn(t.placement),f=zo(t.placement),m=!f,v=O_(h),E=nee(v),_=t.modifiersData.popperOffsets,w=t.rects.reference,N=t.rects.popper,C=typeof y=="function"?y(Object.assign(Object.assign({},t.rects),{},{placement:t.placement})):y,$={x:0,y:0};if(_){if(i){var j=v==="y"?on:sn,K=v==="y"?Sn:En,X=v==="y"?"height":"width",me=_[v],ve=_[v]+k[j],ce=_[v]-k[K],ye=g?-N[X]/2:0,L=f===oi?w[X]:N[X],M=f===oi?-N[X]:-w[X],U=t.elements.arrow,B=g&&U?C_(U):{width:0,height:0},V=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:XM(),Ue=V[j],de=V[K],Te=Gl(0,w[X],B[X]),Ae=m?w[X]/2-ye-Te-Ue-C:L-Te-Ue-C,qe=m?-w[X]/2+ye+Te+de+C:M+Te+de+C,Yt=t.elements.arrow&&Qs(t.elements.arrow),ca=Yt?v==="y"?Yt.clientTop||0:Yt.clientLeft||0:0,da=t.modifiersData.offset?t.modifiersData.offset[t.placement][v]:0,pa=_[v]+Ae-da-ca,yd=_[v]+qe-da,fa=Gl(g?Math.min(ve,pa):ve,me,g?Math.max(ce,yd):ce);_[v]=fa,$[v]=fa-me}if(s){var cU=v==="x"?on:sn,dU=v==="x"?Sn:En,el=_[E],pU=el+k[cU],fU=el-k[dU],P_=Gl(pU,el,fU);_[E]=P_,$[E]=P_-el}t.modifiersData[a]=$}}const aee={name:"preventOverflow",enabled:!0,phase:"main",fn:ree,requiresIfExists:["offset"]};function iee(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function oee(e){return e===wn(e)||!Un(e)?L_(e):iee(e)}function see(e,t,n){n===void 0&&(n=!1);var a=cr(t),r=Fo(e),i=Un(t),o={scrollLeft:0,scrollTop:0},s={x:0,y:0};return(i||!i&&!n)&&((_n(t)!=="body"||D_(a))&&(o=oee(t)),Un(t)?(s=Fo(t),s.x+=t.clientLeft,s.y+=t.clientTop):a&&(s.x=$_(a))),{x:r.left+o.scrollLeft-s.x,y:r.top+o.scrollTop-s.y,width:r.width,height:r.height}}function lee(e){var t=new Map,n=new Set,a=[];e.forEach(function(i){t.set(i.name,i)});function r(i){n.add(i.name);var o=[].concat(i.requires||[],i.requiresIfExists||[]);o.forEach(function(s){if(!n.has(s)){var l=t.get(s);l&&r(l)}}),a.push(i)}return e.forEach(function(i){n.has(i.name)||r(i)}),a}function uee(e){var t=lee(e);return _Q.reduce(function(n,a){return n.concat(t.filter(function(r){return r.phase===a}))},[])}function cee(e){var t;return function(){return t||(t=new Promise(function(n){Promise.resolve().then(function(){t=void 0,n(e())})})),t}}function dee(e){var t=e.reduce(function(n,a){var r=n[a.name];return n[a.name]=r?Object.assign(Object.assign(Object.assign({},r),a),{},{options:Object.assign(Object.assign({},r.options),a.options),data:Object.assign(Object.assign({},r.data),a.data)}):a,n},{});return Object.keys(t).map(function(n){return t[n]})}var Ex={placement:"bottom",modifiers:[],strategy:"absolute"};function _x(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return!t.some(function(a){return!(a&&typeof a.getBoundingClientRect=="function")})}function pee(e){e===void 0&&(e={});var t=e,n=t.defaultModifiers,a=n===void 0?[]:n,r=t.defaultOptions,i=r===void 0?Ex:r;return function(s,l,u){u===void 0&&(u=i);var c={placement:"bottom",orderedModifiers:[],options:Object.assign(Object.assign({},Ex),i),modifiersData:{},elements:{reference:s,popper:l},attributes:{},styles:{}},d=[],p=!1,g={state:c,setOptions:function(h){y(),c.options=Object.assign(Object.assign(Object.assign({},i),c.options),h),c.scrollParents={reference:Uo(s)?uo(s):s.contextElement?uo(s.contextElement):[],popper:uo(l)};var f=uee(dee([].concat(a,c.options.modifiers)));return c.orderedModifiers=f.filter(function(m){return m.enabled}),b(),g.update()},forceUpdate:function(){if(!p){var h=c.elements,f=h.reference,m=h.popper;if(_x(f,m)){c.rects={reference:see(f,Qs(m),c.options.strategy==="fixed"),popper:C_(m)},c.reset=!1,c.placement=c.options.placement,c.orderedModifiers.forEach(function($){return c.modifiersData[$.name]=Object.assign({},$.data)});for(var v=0;v<c.orderedModifiers.length;v++){if(c.reset===!0){c.reset=!1,v=-1;continue}var E=c.orderedModifiers[v],_=E.fn,w=E.options,N=w===void 0?{}:w,C=E.name;typeof _=="function"&&(c=_({state:c,options:N,name:C,instance:g})||c)}}}},update:cee(function(){return new Promise(function(k){g.forceUpdate(),k(c)})}),destroy:function(){y(),p=!0}};if(!_x(s,l))return g;g.setOptions(u).then(function(k){!p&&u.onFirstUpdate&&u.onFirstUpdate(k)});function b(){c.orderedModifiers.forEach(function(k){var h=k.name,f=k.options,m=f===void 0?{}:f,v=k.effect;if(typeof v=="function"){var E=v({state:c,name:h,instance:g,options:m}),_=function(){};d.push(E||_)}})}function y(){d.forEach(function(k){return k()}),d=[]}return g}}var fee=[MQ,tee,DQ,TQ,QQ,ZQ,aee,CQ,KQ],mee=pee({defaultModifiers:fee});const gee=["top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end","auto","auto-start","auto-end"],hee=e=>{const[t,n]=e.split("-");let a;switch(t){case"top":a="bottom";break;case"bottom":a="top";break;case"left":a="right";break;case"right":a="left";break;default:a="auto"}return n&&(a=gee.find(r=>r.includes(`${a}-${n}`))??a),a},nU=(e,t,n)=>{if(e.length===0||e[0].split("-")[0]==="auto")return n;const{reference:a,popper:r}=t.rects,i=si({...t,placement:e[0]}),o=/left|right/.test(e[0].split("-")[0])?"horizontal":"vertical",s=(i.top>0||i.bottom>0||i.left>0||i.right>0)&&(o==="horizontal"?r.height/2-i.top<a.height||r.height/2-i.bottom<a.height:r.width-i.left<a.width||r.width-i.right<a.width),l=e[0].split("-")[0];return!s&&i[l]<=0?e[0]:nU(e.slice(1),t,n)},wx="fallbackModifier",kx={name:wx,enabled:!0,phase:"main",data:{_skip:!1},fn({state:e,options:t}){const n=e.options.placement,{fallbackPlacements:a}=t,r=[n,hee(n),...a||[]],i=nU(r,e,n);e.placement!==i&&(e.modifiersData[wx]._skip=!0,e.placement=i,e.reset=!0)}},rU=["top","right","bottom","left"],bee=ne.forwardRef(({portal:e=!0,open:t=!0,...n},a)=>t?I.jsx(See,{ref:a,portal:e,...n}):null),vee=e=>{if(e!==null)return"current"in e?e.current||void 0:e},yee={},See=ne.forwardRef(({anchorElement:e,getAnchorClientRect:t,popperOptions:n=yee,placement:a="bottom",fallbackPlacements:r=rU,onPlacementChange:i,children:o,portal:s,popperInstanceRef:l},u)=>{const c=ne.useRef(!0),{localRef:d,elementRef:p}=fM(l),[g,b]=ne.useState(a),y=uQ(u,e),k=ne.useRef(a);k.current=g;const h=ne.useMemo(()=>({name:"setPlacement",enabled:!0,phase:"afterWrite",fn({state:m}){b(m.placement),i==null||i(m.placement)}}),[b,i]);ne.useLayoutEffect(()=>{const m=t?{getBoundingClientRect:t}:vee(e??null);if(!m){console.warn("Popper: neither anchorElement or getAnchorClientRect was defined. A valid anchorElement or getAnchorClientRect callback must be provided to render a Popper");return}if(y.current){const v=mee(m,y.current,{placement:a,...n,modifiers:[h,{...kx,options:{fallbackPlacements:r}},...n.modifiers||[]]});return p(v),()=>{v==null||v.destroy()}}},[e,t,y]),ne.useLayoutEffect(()=>{var m;c.current||(m=d.current)==null||m.setOptions({placement:a,...n,modifiers:[h,{...kx,options:{fallbackPlacements:r}},...n.modifiers||[]]}),c.current=!1},[n,a,r,h,d]);const f=I.jsx(I.Fragment,{children:Eee(o)?o({placement:g}):o});return s?BC.createPortal(f,y.current):f});function Eee(e){return typeof e=="function"}const Ix={vertical:"bottom",horizontal:"center"},uv=sX("positionX","positionY"),_ee=gX({"0%":{opacity:0,transform:`translate(${uv.positionX}, ${uv.positionY})`},"100%":{opacity:1,transform:"translate(0)"}}),wee=Ri({vars:{tooltipTransformOriginHorizontal:"",tooltipTransformOriginVertical:""},base:({tooltipTransformOriginHorizontal:e,tooltipTransformOriginVertical:t})=>({fontFamily:Dt.default,fontWeight:_t.normal,fontSize:G.fontSize.subtext.md,lineHeight:G.lineHeight.subtext.md,letterSpacing:G.letterSpacing.subtext.md,display:"inline-flex",position:"relative",padding:G.padding.sm,color:z.fg.inverse,animationName:_ee,animationDuration:"150ms",animationTimingFunction:"ease-out",transformOrigin:`${t} ${e}`,a:{color:z.fg.inverse,textDecoration:"underline"},"&:before":{content:'""',borderRadius:G.shape.md,outline:`${Mo(1)} solid transparent`,outlineOffset:`-${Mo(1)}`,zIndex:-1,margin:G.gap.xs,backgroundColor:G.color.surface.contrast.default,position:"absolute",top:0,left:0,right:0,bottom:0,boxShadow:qK[2]},"[data-popper-reference-hidden] &":{visibility:"hidden",pointerEvents:"none"},'[data-popper-placement="top-start"] &, [data-popper-placement="bottom-start"] &':{left:gr.negate(zi.size50)},'[data-popper-placement="top-end"] &, [data-popper-placement="bottom-end"] &':{right:gr.negate(zi.size50)},'[data-popper-placement="left-start"] &, [data-popper-placement="right-start"] &':{top:gr.negate(zi.size50)},'[data-popper-placement="left-end"] &, [data-popper-placement="right-end"] &':{bottom:gr.negate(zi.size50)}}),modifiers:{elementHasFocus:{true:{padding:gr.subtract(G.padding.md,gr.divide(G.padding.xxs,2)),"&:before":{margin:zi.size75}}}}}),kee=qn("div")({displayName:"TooltipContainer",Component:({children:e,transformOrigin:t=Ix,elementHasFocus:n=!1,...a},r,i)=>{const o=DX(t||Ix,G.gap.sm);return I.jsx(i,{ref:r,...bd(a,[wee({tooltipTransformOriginHorizontal:t==null?void 0:t.horizontal,tooltipTransformOriginVertical:t==null?void 0:t.vertical,elementHasFocus:n}),uv({positionX:o.x,positionY:o.y})]),children:e})}}),Tx=(e,t=0)=>{const n=ne.useRef(),a=()=>{n.current=window.setTimeout(e,t)},r=()=>{window.clearTimeout(n.current),n.current=void 0};return ne.useEffect(()=>()=>{window.clearTimeout(n.current)},[n]),{start:a,clear:r}},Iee=e=>{const t=e.tagName.toLowerCase(),n=e.getAttribute("tabindex");switch(t){case"button":case"input":case"select":case"textarea":case"details":return!0;default:return n?Number(n)>=0:!1}};function Tee({type:e="label",titleText:t="",showDelay:n=300,hideDelay:a=100}={}){const r=ne.useRef(!1),i=aQ(),[o,s]=ne.useState(null),l=pM(),u=Tx(i.events.hide,a),c=Tx(i.events.show,n),d=()=>{u.start(),c.clear()},p=()=>{c.start(),u.clear()},g=f=>{s(f.currentTarget),p()},b=f=>{r.current||g(f),r.current=!1},y=f=>{r.current=!0,Iee(f.currentTarget)&&i.events.hide()};oQ(i),iQ(i),sQ(i),lQ(i);const k=i.state.visibility!=="hidden",h={"aria-describedby":e==="describe"&&k?l:void 0,"aria-description":e==="description"?t:void 0,"aria-label":e==="label"?t:void 0,onMouseEnter:g,onMouseLeave:d,onMouseDown:y,onFocus:b,onBlur:d};return h["aria-describedby"]===void 0&&delete h["aria-describedby"],{targetProps:h,popperProps:{open:k,anchorElement:o,ref:i.state.stackRef},tooltipProps:{id:e==="describe"&&k?l:void 0,role:"tooltip",onMouseEnter:p,onMouseLeave:d}}}const aU=e=>{const t=getComputedStyle(e);if(t.overflow==="auto"||t.overflow==="scroll"||t.overflow==="clip"||t.overflow==="hidden")return e;if(e.children){for(let n=0;n<e.children.length;n++){const a=aU(e.children[n]);if(a)return a}return null}return null},iU=e=>{const t=getComputedStyle(e);if(t.textOverflow==="ellipsis"||Number(t.webkitLineClamp)>0)return e;for(let n=0;n<e.children.length;n++){const a=iU(e.children[n]);if(a)return a}return null},Rx=e=>{const t=iU(e)||aU(e);return t?t.scrollWidth>t.clientWidth||t.scrollHeight>t.clientHeight:!1};function Ree(e,t,n=Object.keys(t)){return n.reduce((a,r)=>(typeof e[r]=="function"?a[r]=cM(t[r],e[r]):a[r]=t[r],a),{})}const Aee=({placement:e="top",fallbackPlacements:t=rU,children:n,...a})=>{const[r,i]=ne.useState(""),{targetProps:o,popperProps:s,tooltipProps:l}=Tee({type:"muted"}),u=d=>{const p=d.currentTarget;i(p instanceof HTMLElement?p.innerText:""),Rx(p)&&o.onMouseEnter(d)},c=d=>{const p=d.currentTarget;i(p instanceof HTMLElement?p.innerText:""),Rx(p)&&o.onFocus(d)};return I.jsxs(ne.Fragment,{children:[ne.cloneElement(n,{...o,onMouseEnter:u,onFocus:c,"aria-label":void 0,...Ree({...o,onMouseEnter:u,onFocus:c},n.props)}),I.jsx(bee,{placement:e,fallbackPlacements:t,...s,children:({placement:d})=>{const p=cQ(d);return I.jsx(kee,{transformOrigin:p,...l,...a,children:r})}})]})},xee=Dn({maxWidth:Q7}),oU=()=>I.jsx(Aee,{children:I.jsxs(H,{tabIndex:0,cs:xee,children:[I.jsx(H.Icon,{icon:Je}),I.jsx(H.Label,{children:"Your workbook is currently in process of saving"})]})});oU.__RAW__=`import {StatusIndicator} from '@workday/canvas-kit-preview-react/status-indicator';
|
|
371
|
+
`;function tQ(e){return e.length?e[e.length-1]:null}function BM(e,t){const{min:n,max:a}=A_.zIndex;return t<=a-n?e+n:Math.max(n,a-(t-e)+1)}function Qh(e){const t=e.length;e.forEach((n,a)=>{n.style.zIndex=String(BM(a,t))})}function nQ(e,t){let n=e;do{const a=t.find(r=>r.element===n);if(a)return a.element}while(n=n.parentElement)}function rQ(e,t){return t.filter(a=>a.owner).map(a=>({element:a.element,parent:nQ(a.owner,t)})).filter(a=>a.parent===e.element)}function qM(e,t){const n=t.split("."),a=n.splice(0,1)[0];return n.length&&e[a]?qM(e[a],n.join(".")):e[a]}function GM(e,t,n){const a=t.split("."),r=a.splice(0,1)[0];return a.length?(e[r]===void 0&&(e[r]={}),GM(e[r],a.join("."),n)):e[r]=n,n}typeof window<"u"&&(window.workday=window.workday||{});const HM=e=>{if(typeof window<"u")return qM(window,e)},VM=(e,t)=>{typeof window<"u"&&GM(window,e,t)},px=(e,t)=>{var a;let n=(a=e.container)==null?void 0:a.call(e);return n===document.body&&(n=t==null?void 0:t.ownerDocument.body),n||document.body},A_=HM("workday.__popupStack")||{description:"Global popup stack from @workday/canvas-kit/popup-stack",container:e=>(e==null?void 0:e.ownerDocument.body)||document.body,items:[],zIndex:{min:30,max:50,getValue:BM},_adapter:{}};VM("workday.__popupStack",A_);const Zn=HM("workday.__popupStackOfStacks")||[A_];Zn.description="Global stack of popup stacks from @workday/canvas-kit/popup-stack";VM("workday.__popupStackOfStacks",Zn);function Gn(){return Zn[Zn.length-1]}const kt={createContainer(){var n;const e=Gn();if((n=e._adapter)!=null&&n.createContainer)return e._adapter.createContainer();const t=document.createElement("div");return t.style.position="relative",t},add(e){var n;const t=Gn();if((n=t._adapter)!=null&&n.add){t._adapter.add(e);return}t.items.push(e),px(t,e.owner).appendChild(e.element),Qh(kt.getElements())},remove(e){var n;const t=Zn.find(a=>!!kt.getElements(a).find(r=>r===e));if(t){if((n=t._adapter)!=null&&n.remove){t._adapter.remove(e);return}const a=t.items.find(r=>r.element===e);t.items=t.items.filter(r=>r.element!==e),px(t,a==null?void 0:a.owner).removeChild(e),Qh(kt.getElements(t))}},isTopmost(e){var a;const t=Gn();if((a=t._adapter)!=null&&a.isTopmost)return t._adapter.isTopmost(e);const n=tQ(t.items);return n?n.element===e:!1},getElements(e){var n;const t=e||Gn();return(n=t._adapter)!=null&&n.getElements?t._adapter.getElements():t.items.map(a=>a.element)},bringToTop(e){var a;const t=Gn();if((a=t._adapter)!=null&&a.bringToTop){t._adapter.bringToTop(e);return}const n=t.items.find(r=>r.element===e);if(n)t.items=[...t.items.filter(r=>r!==n),n],rQ(n,t.items).forEach(r=>{kt.bringToTop(r.element)}),Qh(kt.getElements());else{const r=new Error;console.warn("Could not find item",r.stack)}},contains(e,t){var i;const n=Gn();if((i=n._adapter)!=null&&i.contains)return n._adapter.contains(e,t);const a=n.items.find(o=>o.element===e);if(a)return r(a,t);return!1;function r(o,s,l=0){var c;if(l>30)return!1;if(o.element===s||o.owner===s||o.element.contains(s)||(c=o.owner)!=null&&c.contains(s))return!0;const u=n.items.find(d=>d.owner&&o.element.contains(d.owner));return u?r(u,s,l+1):!1}},pushStackContext(e){var a,r;const t=Gn();if((a=t._adapter)!=null&&a.pushStackContext)return t._adapter.pushStackContext(e);if(((r=t.container)==null?void 0:r.call(t))===e)return;const n={items:[],zIndex:t.zIndex,container:()=>e,_adapter:{}};Zn.push(n)},popStackContext(e){var n,a;const t=Gn();if((n=t._adapter)!=null&&n.popStackContext)return t._adapter.popStackContext(e);((a=t.container)==null?void 0:a.call(t))===e&&Zn.length>1&&Zn.pop()},transferToCurrentContext(e){var a;const t=Gn();if((a=t._adapter)!=null&&a.transferToCurrentContext)return t._adapter.transferToCurrentContext(e);if(t.items.find(r=>r.element===e.element))return;Zn.find(r=>!!r.items.find(i=>i.element===e.element))&&kt.remove(e.element),kt.add(e)}};let Rl=null;Wn.isEnabled&&Wn.on("change",()=>{Wn.isFullscreen?Wn.element&&(Rl=Wn.element,kt.pushStackContext(Rl)):Rl&&kt.popStackContext(Rl)});const eb=gM({defaultConfig:{id:"",initialVisibility:"hidden"}})(e=>{const t=pM(e.id),[n,a]=J.useState(e.initialVisibility||"hidden");return{state:{id:t,visibility:n},events:{show(o){a("visible")},hide(o){a("hidden")}}}}),fx=()=>{},aQ=gM({defaultContext:{state:{},events:{show:fx,hide:fx}},defaultConfig:{...eb.defaultConfig,returnFocusRef:void 0,initialFocusRef:void 0},requiredConfig:eb.requiredConfig})(e=>{const t=ne.useRef(null),n=ne.useRef(null),[a,r]=ne.useState("bottom"),i=eb(e),o={...i.state,stackRef:t,targetRef:n,initialFocusRef:e.initialFocusRef,returnFocusRef:e.returnFocusRef,placement:a},s={...i.events,updatePlacement(l){r(l.placement)}};return{state:o,events:s}}),iQ=hd()(e=>{const t=J.useCallback(a=>{e.state.stackRef.current&&document.contains(a.target)&&!kt.contains(e.state.stackRef.current,a.target)&&e.events.hide(a)},[e.events,e.state.stackRef]),n=e.state.visibility!=="hidden";return J.useLayoutEffect(()=>{var a;if(n)return document.addEventListener("mousedown",t),(a=e.state.stackRef.current)==null||a.setAttribute("data-behavior-click-outside-close","always"),()=>{document.removeEventListener("mousedown",t)}},[e.state.stackRef,n,t]),{}}),oQ=hd()(e=>{const t=J.useCallback(a=>{(a.key==="Esc"||a.key==="Escape")&&kt.isTopmost(e.state.stackRef.current)&&e.events.hide(a)},[e.state.stackRef,e.events]),n=e.state.visibility!=="hidden";return J.useLayoutEffect(()=>{if(n)return document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}},[t,n]),{}}),sQ=hd()(e=>{const t=J.useCallback(a=>{Wn.isFullscreen||e.events.hide(a)},[e.events]),n=e.state.visibility!=="hidden";return J.useEffect(()=>{if(n&&Wn.isEnabled)return Wn.on("change",t),()=>{Wn.off("change",t)}},[t,n]),{}});function WM(e){if(e===document.body||!e.parentElement)return e;const t=getComputedStyle(e);return t.overflowY==="scroll"||t.overflowY==="auto"||t.overflowX==="scroll"||t.overflowX==="auto"?e:WM(e.parentElement)}const lQ=hd()(e=>{const t=e.state.visibility!=="hidden",n=J.useCallback(a=>{a[0].intersectionRatio<.5&&e.events.hide()},[e.events]);return J.useLayoutEffect(()=>{if(!t||!e.state.targetRef.current)return;const a=e.state.targetRef.current,r=WM(a),i=new IntersectionObserver(n,{root:r,threshold:.5});return i.observe(e.state.targetRef.current),()=>{i.disconnect()}},[n,e.state.targetRef,t]),{}}),uQ=(e,t)=>{const{elementRef:n,localRef:a}=fM(e),r=J.useContext(__),{style:i}=JX(r,{}),o=J.useRef(!0),[s]=J.useState(()=>{if(o.current){const l=kt.createContainer();return n(l),o.current=!1,l}return a.current});return J.useLayoutEffect(()=>{const l=a.current;if(!l)return;const u=Object.keys(i);if(u.length!==0)for(const c of u)l.style.setProperty(c,i[c])},[a,i]),J.useLayoutEffect(()=>{if(s!==a.current)throw Error("The 'ref' passed to usePopupStack should not be applied to a React element. This will cause a runtime error where the PopupStack and React compete for the element. Instead use ReactDOM.createPortal(<YourComponent />, ref.current)");const l=t?"current"in t?t.current||void 0:t:void 0,u=a.current;return kt.add({element:u,owner:l}),()=>{kt.remove(u)}},[a,t,s]),J.useLayoutEffect(()=>{var c,d;let u=(t?"current"in t?t.current:t:void 0)??void 0;if(u==null&&typeof document<"u"){const p=document.activeElement,g=a.current;u=(p&&g&&!g.contains(p)?p:document.body).closest("[dir]")??document.documentElement}if(u){const p=u.getAttribute("dir");(p!=null?p.toLowerCase()==="rtl":PX(u))?(c=a.current)==null||c.setAttribute("dir","rtl"):(d=a.current)==null||d.setAttribute("dir","ltr")}},[a,t]),a},cQ=e=>{const[t,n]=e.split("-");return{vertical:t==="top"?"bottom":t==="bottom"||n==="end"?"top":n==="start"?"bottom":"center",horizontal:t==="left"?"right":t==="right"||n==="end"?"left":n==="start"?"right":"center"}};var on="top",Sn="bottom",En="right",sn="left",x_="auto",Js=[on,Sn,En,sn],oi="start",N_="end",dQ="clippingParents",ZM="viewport",qi="popper",pQ="reference",mx=Js.reduce(function(e,t){return e.concat([t+"-"+oi,t+"-"+N_])},[]),YM=[].concat(Js,[x_]).reduce(function(e,t){return e.concat([t,t+"-"+oi,t+"-"+N_])},[]),fQ="beforeRead",mQ="read",gQ="afterRead",hQ="beforeMain",bQ="main",vQ="afterMain",yQ="beforeWrite",SQ="write",EQ="afterWrite",_Q=[fQ,mQ,gQ,hQ,bQ,vQ,yQ,SQ,EQ];function _n(e){return e?(e.nodeName||"").toLowerCase():null}function wn(e){if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function Uo(e){var t=wn(e).Element;return e instanceof t||e instanceof Element}function Un(e){var t=wn(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function wQ(e){var t=wn(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function kQ(e){var t=e.state;Object.keys(t.elements).forEach(function(n){var a=t.styles[n]||{},r=t.attributes[n]||{},i=t.elements[n];!Un(i)||!_n(i)||(Object.assign(i.style,a),Object.keys(r).forEach(function(o){var s=r[o];s===!1?i.removeAttribute(o):i.setAttribute(o,s===!0?"":s)}))})}function IQ(e){var t=e.state,n={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,n.popper),t.elements.arrow&&Object.assign(t.elements.arrow.style,n.arrow),function(){Object.keys(t.elements).forEach(function(a){var r=t.elements[a],i=t.attributes[a]||{},o=Object.keys(t.styles.hasOwnProperty(a)?t.styles[a]:n[a]),s=o.reduce(function(l,u){return l[u]="",l},{});!Un(r)||!_n(r)||(Object.assign(r.style,s),Object.keys(i).forEach(function(l){r.removeAttribute(l)}))})}}const TQ={name:"applyStyles",enabled:!0,phase:"write",fn:kQ,effect:IQ,requires:["computeStyles"]};function Pn(e){return e.split("-")[0]}function C_(e){return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight}}function KM(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&wQ(n)){var a=t;do{if(a&&e.isSameNode(a))return!0;a=a.parentNode||a.host}while(a)}return!1}function er(e){return wn(e).getComputedStyle(e)}function RQ(e){return["table","td","th"].indexOf(_n(e))>=0}function cr(e){return((Uo(e)?e.ownerDocument:e.document)||window.document).documentElement}function vd(e){return _n(e)==="html"?e:e.assignedSlot||e.parentNode||e.host||cr(e)}function gx(e){if(!Un(e)||er(e).position==="fixed")return null;var t=e.offsetParent;if(t){var n=cr(t);if(_n(t)==="body"&&er(t).position==="static"&&er(n).position!=="static")return n}return t}function AQ(e){for(var t=vd(e);Un(t)&&["html","body"].indexOf(_n(t))<0;){var n=er(t);if(n.transform!=="none"||n.perspective!=="none"||n.willChange&&n.willChange!=="auto")return t;t=t.parentNode}return null}function Qs(e){for(var t=wn(e),n=gx(e);n&&RQ(n)&&er(n).position==="static";)n=gx(n);return n&&_n(n)==="body"&&er(n).position==="static"?t:n||AQ(e)||t}function O_(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Gl(e,t,n){return Math.max(e,Math.min(t,n))}function XM(){return{top:0,right:0,bottom:0,left:0}}function JM(e){return Object.assign(Object.assign({},XM()),e)}function QM(e,t){return t.reduce(function(n,a){return n[a]=e,n},{})}function xQ(e){var t,n=e.state,a=e.name,r=n.elements.arrow,i=n.modifiersData.popperOffsets,o=Pn(n.placement),s=O_(o),l=[sn,En].indexOf(o)>=0,u=l?"height":"width";if(!(!r||!i)){var c=n.modifiersData[a+"#persistent"].padding,d=C_(r),p=s==="y"?on:sn,g=s==="y"?Sn:En,b=n.rects.reference[u]+n.rects.reference[s]-i[s]-n.rects.popper[u],y=i[s]-n.rects.reference[s],k=Qs(r),h=k?s==="y"?k.clientHeight||0:k.clientWidth||0:0,f=b/2-y/2,m=c[p],v=h-d[u]-c[g],E=h/2-d[u]/2+f,_=Gl(m,E,v),w=s;n.modifiersData[a]=(t={},t[w]=_,t.centerOffset=_-E,t)}}function NQ(e){var t=e.state,n=e.options,a=e.name,r=n.element,i=r===void 0?"[data-popper-arrow]":r,o=n.padding,s=o===void 0?0:o;i!=null&&(typeof i=="string"&&(i=t.elements.popper.querySelector(i),!i)||KM(t.elements.popper,i)&&(t.elements.arrow=i,t.modifiersData[a+"#persistent"]={padding:JM(typeof s!="number"?s:QM(s,Js))}))}const CQ={name:"arrow",enabled:!0,phase:"main",fn:xQ,effect:NQ,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};var OQ={top:"auto",right:"auto",bottom:"auto",left:"auto"};function LQ(e){var t=e.x,n=e.y,a=window,r=a.devicePixelRatio||1;return{x:Math.round(t*r)/r||0,y:Math.round(n*r)/r||0}}function hx(e){var t,n=e.popper,a=e.popperRect,r=e.placement,i=e.offsets,o=e.position,s=e.gpuAcceleration,l=e.adaptive,u=LQ(i),c=u.x,d=u.y,p=i.hasOwnProperty("x"),g=i.hasOwnProperty("y"),b=sn,y=on,k=window;if(l){var h=Qs(n);h===wn(n)&&(h=cr(n)),r===on&&(y=Sn,d-=h.clientHeight-a.height,d*=s?1:-1),r===sn&&(b=En,c-=h.clientWidth-a.width,c*=s?1:-1)}var f=Object.assign({position:o},l&&OQ);if(s){var m;return Object.assign(Object.assign({},f),{},(m={},m[y]=g?"0":"",m[b]=p?"0":"",m.transform=(k.devicePixelRatio||1)<2?"translate("+c+"px, "+d+"px)":"translate3d("+c+"px, "+d+"px, 0)",m))}return Object.assign(Object.assign({},f),{},(t={},t[y]=g?d+"px":"",t[b]=p?c+"px":"",t.transform="",t))}function $Q(e){var t=e.state,n=e.options,a=n.gpuAcceleration,r=a===void 0?!0:a,i=n.adaptive,o=i===void 0?!0:i,s={placement:Pn(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:r};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign(Object.assign({},t.styles.popper),hx(Object.assign(Object.assign({},s),{},{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:o})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign(Object.assign({},t.styles.arrow),hx(Object.assign(Object.assign({},s),{},{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1})))),t.attributes.popper=Object.assign(Object.assign({},t.attributes.popper),{},{"data-popper-placement":t.placement})}const DQ={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:$Q,data:{}};var Al={passive:!0};function PQ(e){var t=e.state,n=e.instance,a=e.options,r=a.scroll,i=r===void 0?!0:r,o=a.resize,s=o===void 0?!0:o,l=wn(t.elements.popper),u=[].concat(t.scrollParents.reference,t.scrollParents.popper);return i&&u.forEach(function(c){c.addEventListener("scroll",n.update,Al)}),s&&l.addEventListener("resize",n.update,Al),function(){i&&u.forEach(function(c){c.removeEventListener("scroll",n.update,Al)}),s&&l.removeEventListener("resize",n.update,Al)}}const MQ={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:PQ,data:{}};var UQ={left:"right",right:"left",bottom:"top",top:"bottom"};function Hl(e){return e.replace(/left|right|bottom|top/g,function(t){return UQ[t]})}var FQ={start:"end",end:"start"};function bx(e){return e.replace(/start|end/g,function(t){return FQ[t]})}function Fo(e){var t=e.getBoundingClientRect();return{width:t.width,height:t.height,top:t.top,right:t.right,bottom:t.bottom,left:t.left,x:t.left,y:t.top}}function L_(e){var t=wn(e),n=t.pageXOffset,a=t.pageYOffset;return{scrollLeft:n,scrollTop:a}}function $_(e){return Fo(cr(e)).left+L_(e).scrollLeft}function zQ(e){var t=wn(e),n=cr(e),a=t.visualViewport,r=n.clientWidth,i=n.clientHeight,o=0,s=0;return a&&(r=a.width,i=a.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(o=a.offsetLeft,s=a.offsetTop)),{width:r,height:i,x:o+$_(e),y:s}}function jQ(e){var t=cr(e),n=L_(e),a=e.ownerDocument.body,r=Math.max(t.scrollWidth,t.clientWidth,a?a.scrollWidth:0,a?a.clientWidth:0),i=Math.max(t.scrollHeight,t.clientHeight,a?a.scrollHeight:0,a?a.clientHeight:0),o=-n.scrollLeft+$_(e),s=-n.scrollTop;return er(a||t).direction==="rtl"&&(o+=Math.max(t.clientWidth,a?a.clientWidth:0)-r),{width:r,height:i,x:o,y:s}}function D_(e){var t=er(e),n=t.overflow,a=t.overflowX,r=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+r+a)}function eU(e){return["html","body","#document"].indexOf(_n(e))>=0?e.ownerDocument.body:Un(e)&&D_(e)?e:eU(vd(e))}function uo(e,t){t===void 0&&(t=[]);var n=eU(e),a=_n(n)==="body",r=wn(n),i=a?[r].concat(r.visualViewport||[],D_(n)?n:[]):n,o=t.concat(i);return a?o:o.concat(uo(vd(i)))}function lv(e){return Object.assign(Object.assign({},e),{},{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function BQ(e){var t=Fo(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}function vx(e,t){return t===ZM?lv(zQ(e)):Un(t)?BQ(t):lv(jQ(cr(e)))}function qQ(e){var t=uo(vd(e)),n=["absolute","fixed"].indexOf(er(e).position)>=0,a=n&&Un(e)?Qs(e):e;return Uo(a)?t.filter(function(r){return Uo(r)&&KM(r,a)&&_n(r)!=="body"}):[]}function GQ(e,t,n){var a=t==="clippingParents"?qQ(e):[].concat(t),r=[].concat(a,[n]),i=r[0],o=r.reduce(function(s,l){var u=vx(e,l);return s.top=Math.max(u.top,s.top),s.right=Math.min(u.right,s.right),s.bottom=Math.min(u.bottom,s.bottom),s.left=Math.max(u.left,s.left),s},vx(e,i));return o.width=o.right-o.left,o.height=o.bottom-o.top,o.x=o.left,o.y=o.top,o}function zo(e){return e.split("-")[1]}function tU(e){var t=e.reference,n=e.element,a=e.placement,r=a?Pn(a):null,i=a?zo(a):null,o=t.x+t.width/2-n.width/2,s=t.y+t.height/2-n.height/2,l;switch(r){case on:l={x:o,y:t.y-n.height};break;case Sn:l={x:o,y:t.y+t.height};break;case En:l={x:t.x+t.width,y:s};break;case sn:l={x:t.x-n.width,y:s};break;default:l={x:t.x,y:t.y}}var u=r?O_(r):null;if(u!=null){var c=u==="y"?"height":"width";switch(i){case oi:l[u]=Math.floor(l[u])-Math.floor(t[c]/2-n[c]/2);break;case N_:l[u]=Math.floor(l[u])+Math.ceil(t[c]/2-n[c]/2);break}}return l}function si(e,t){t===void 0&&(t={});var n=t,a=n.placement,r=a===void 0?e.placement:a,i=n.boundary,o=i===void 0?dQ:i,s=n.rootBoundary,l=s===void 0?ZM:s,u=n.elementContext,c=u===void 0?qi:u,d=n.altBoundary,p=d===void 0?!1:d,g=n.padding,b=g===void 0?0:g,y=JM(typeof b!="number"?b:QM(b,Js)),k=c===qi?pQ:qi,h=e.elements.reference,f=e.rects.popper,m=e.elements[p?k:c],v=GQ(Uo(m)?m:m.contextElement||cr(e.elements.popper),o,l),E=Fo(h),_=tU({reference:E,element:f,placement:r}),w=lv(Object.assign(Object.assign({},f),_)),N=c===qi?w:E,C={top:v.top-N.top+y.top,bottom:N.bottom-v.bottom+y.bottom,left:v.left-N.left+y.left,right:N.right-v.right+y.right},$=e.modifiersData.offset;if(c===qi&&$){var j=$[r];Object.keys(C).forEach(function(K){var X=[En,Sn].indexOf(K)>=0?1:-1,me=[on,Sn].indexOf(K)>=0?"y":"x";C[K]+=j[me]*X})}return C}function HQ(e,t){t===void 0&&(t={});var n=t,a=n.placement,r=n.boundary,i=n.rootBoundary,o=n.padding,s=n.flipVariations,l=n.allowedAutoPlacements,u=l===void 0?YM:l,c=zo(a),d=c?s?mx:mx.filter(function(b){return zo(b)===c}):Js,p=d.filter(function(b){return u.indexOf(b)>=0});p.length===0&&(p=d);var g=p.reduce(function(b,y){return b[y]=si(e,{placement:y,boundary:r,rootBoundary:i,padding:o})[Pn(y)],b},{});return Object.keys(g).sort(function(b,y){return g[b]-g[y]})}function VQ(e){if(Pn(e)===x_)return[];var t=Hl(e);return[bx(e),t,bx(t)]}function WQ(e){var t=e.state,n=e.options,a=e.name;if(!t.modifiersData[a]._skip){for(var r=n.mainAxis,i=r===void 0?!0:r,o=n.altAxis,s=o===void 0?!0:o,l=n.fallbackPlacements,u=n.padding,c=n.boundary,d=n.rootBoundary,p=n.altBoundary,g=n.flipVariations,b=g===void 0?!0:g,y=n.allowedAutoPlacements,k=t.options.placement,h=Pn(k),f=h===k,m=l||(f||!b?[Hl(k)]:VQ(k)),v=[k].concat(m).reduce(function(de,Te){return de.concat(Pn(Te)===x_?HQ(t,{placement:Te,boundary:c,rootBoundary:d,padding:u,flipVariations:b,allowedAutoPlacements:y}):Te)},[]),E=t.rects.reference,_=t.rects.popper,w=new Map,N=!0,C=v[0],$=0;$<v.length;$++){var j=v[$],K=Pn(j),X=zo(j)===oi,me=[on,Sn].indexOf(K)>=0,ve=me?"width":"height",ce=si(t,{placement:j,boundary:c,rootBoundary:d,altBoundary:p,padding:u}),ye=me?X?En:sn:X?Sn:on;E[ve]>_[ve]&&(ye=Hl(ye));var L=Hl(ye),M=[];if(i&&M.push(ce[K]<=0),s&&M.push(ce[ye]<=0,ce[L]<=0),M.every(function(de){return de})){C=j,N=!1;break}w.set(j,M)}if(N)for(var U=b?3:1,B=function(Te){var Ae=v.find(function(qe){var Yt=w.get(qe);if(Yt)return Yt.slice(0,Te).every(function(ca){return ca})});if(Ae)return C=Ae,"break"},V=U;V>0;V--){var Ue=B(V);if(Ue==="break")break}t.placement!==C&&(t.modifiersData[a]._skip=!0,t.placement=C,t.reset=!0)}}const ZQ={name:"flip",enabled:!0,phase:"main",fn:WQ,requiresIfExists:["offset"],data:{_skip:!1}};function yx(e,t,n){return n===void 0&&(n={x:0,y:0}),{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function Sx(e){return[on,En,Sn,sn].some(function(t){return e[t]>=0})}function YQ(e){var t=e.state,n=e.name,a=t.rects.reference,r=t.rects.popper,i=t.modifiersData.preventOverflow,o=si(t,{elementContext:"reference"}),s=si(t,{altBoundary:!0}),l=yx(o,a),u=yx(s,r,i),c=Sx(l),d=Sx(u);t.modifiersData[n]={referenceClippingOffsets:l,popperEscapeOffsets:u,isReferenceHidden:c,hasPopperEscaped:d},t.attributes.popper=Object.assign(Object.assign({},t.attributes.popper),{},{"data-popper-reference-hidden":c,"data-popper-escaped":d})}const KQ={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:YQ};function XQ(e,t,n){var a=Pn(e),r=[sn,on].indexOf(a)>=0?-1:1,i=typeof n=="function"?n(Object.assign(Object.assign({},t),{},{placement:e})):n,o=i[0],s=i[1];return o=o||0,s=(s||0)*r,[sn,En].indexOf(a)>=0?{x:s,y:o}:{x:o,y:s}}function JQ(e){var t=e.state,n=e.options,a=e.name,r=n.offset,i=r===void 0?[0,0]:r,o=YM.reduce(function(c,d){return c[d]=XQ(d,t.rects,i),c},{}),s=o[t.placement],l=s.x,u=s.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=l,t.modifiersData.popperOffsets.y+=u),t.modifiersData[a]=o}const QQ={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:JQ};function eee(e){var t=e.state,n=e.name;t.modifiersData[n]=tU({reference:t.rects.reference,element:t.rects.popper,placement:t.placement})}const tee={name:"popperOffsets",enabled:!0,phase:"read",fn:eee,data:{}};function nee(e){return e==="x"?"y":"x"}function ree(e){var t=e.state,n=e.options,a=e.name,r=n.mainAxis,i=r===void 0?!0:r,o=n.altAxis,s=o===void 0?!1:o,l=n.boundary,u=n.rootBoundary,c=n.altBoundary,d=n.padding,p=n.tether,g=p===void 0?!0:p,b=n.tetherOffset,y=b===void 0?0:b,k=si(t,{boundary:l,rootBoundary:u,padding:d,altBoundary:c}),h=Pn(t.placement),f=zo(t.placement),m=!f,v=O_(h),E=nee(v),_=t.modifiersData.popperOffsets,w=t.rects.reference,N=t.rects.popper,C=typeof y=="function"?y(Object.assign(Object.assign({},t.rects),{},{placement:t.placement})):y,$={x:0,y:0};if(_){if(i){var j=v==="y"?on:sn,K=v==="y"?Sn:En,X=v==="y"?"height":"width",me=_[v],ve=_[v]+k[j],ce=_[v]-k[K],ye=g?-N[X]/2:0,L=f===oi?w[X]:N[X],M=f===oi?-N[X]:-w[X],U=t.elements.arrow,B=g&&U?C_(U):{width:0,height:0},V=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:XM(),Ue=V[j],de=V[K],Te=Gl(0,w[X],B[X]),Ae=m?w[X]/2-ye-Te-Ue-C:L-Te-Ue-C,qe=m?-w[X]/2+ye+Te+de+C:M+Te+de+C,Yt=t.elements.arrow&&Qs(t.elements.arrow),ca=Yt?v==="y"?Yt.clientTop||0:Yt.clientLeft||0:0,da=t.modifiersData.offset?t.modifiersData.offset[t.placement][v]:0,pa=_[v]+Ae-da-ca,yd=_[v]+qe-da,fa=Gl(g?Math.min(ve,pa):ve,me,g?Math.max(ce,yd):ce);_[v]=fa,$[v]=fa-me}if(s){var cU=v==="x"?on:sn,dU=v==="x"?Sn:En,el=_[E],pU=el+k[cU],fU=el-k[dU],P_=Gl(pU,el,fU);_[E]=P_,$[E]=P_-el}t.modifiersData[a]=$}}const aee={name:"preventOverflow",enabled:!0,phase:"main",fn:ree,requiresIfExists:["offset"]};function iee(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function oee(e){return e===wn(e)||!Un(e)?L_(e):iee(e)}function see(e,t,n){n===void 0&&(n=!1);var a=cr(t),r=Fo(e),i=Un(t),o={scrollLeft:0,scrollTop:0},s={x:0,y:0};return(i||!i&&!n)&&((_n(t)!=="body"||D_(a))&&(o=oee(t)),Un(t)?(s=Fo(t),s.x+=t.clientLeft,s.y+=t.clientTop):a&&(s.x=$_(a))),{x:r.left+o.scrollLeft-s.x,y:r.top+o.scrollTop-s.y,width:r.width,height:r.height}}function lee(e){var t=new Map,n=new Set,a=[];e.forEach(function(i){t.set(i.name,i)});function r(i){n.add(i.name);var o=[].concat(i.requires||[],i.requiresIfExists||[]);o.forEach(function(s){if(!n.has(s)){var l=t.get(s);l&&r(l)}}),a.push(i)}return e.forEach(function(i){n.has(i.name)||r(i)}),a}function uee(e){var t=lee(e);return _Q.reduce(function(n,a){return n.concat(t.filter(function(r){return r.phase===a}))},[])}function cee(e){var t;return function(){return t||(t=new Promise(function(n){Promise.resolve().then(function(){t=void 0,n(e())})})),t}}function dee(e){var t=e.reduce(function(n,a){var r=n[a.name];return n[a.name]=r?Object.assign(Object.assign(Object.assign({},r),a),{},{options:Object.assign(Object.assign({},r.options),a.options),data:Object.assign(Object.assign({},r.data),a.data)}):a,n},{});return Object.keys(t).map(function(n){return t[n]})}var Ex={placement:"bottom",modifiers:[],strategy:"absolute"};function _x(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return!t.some(function(a){return!(a&&typeof a.getBoundingClientRect=="function")})}function pee(e){e===void 0&&(e={});var t=e,n=t.defaultModifiers,a=n===void 0?[]:n,r=t.defaultOptions,i=r===void 0?Ex:r;return function(s,l,u){u===void 0&&(u=i);var c={placement:"bottom",orderedModifiers:[],options:Object.assign(Object.assign({},Ex),i),modifiersData:{},elements:{reference:s,popper:l},attributes:{},styles:{}},d=[],p=!1,g={state:c,setOptions:function(h){y(),c.options=Object.assign(Object.assign(Object.assign({},i),c.options),h),c.scrollParents={reference:Uo(s)?uo(s):s.contextElement?uo(s.contextElement):[],popper:uo(l)};var f=uee(dee([].concat(a,c.options.modifiers)));return c.orderedModifiers=f.filter(function(m){return m.enabled}),b(),g.update()},forceUpdate:function(){if(!p){var h=c.elements,f=h.reference,m=h.popper;if(_x(f,m)){c.rects={reference:see(f,Qs(m),c.options.strategy==="fixed"),popper:C_(m)},c.reset=!1,c.placement=c.options.placement,c.orderedModifiers.forEach(function($){return c.modifiersData[$.name]=Object.assign({},$.data)});for(var v=0;v<c.orderedModifiers.length;v++){if(c.reset===!0){c.reset=!1,v=-1;continue}var E=c.orderedModifiers[v],_=E.fn,w=E.options,N=w===void 0?{}:w,C=E.name;typeof _=="function"&&(c=_({state:c,options:N,name:C,instance:g})||c)}}}},update:cee(function(){return new Promise(function(k){g.forceUpdate(),k(c)})}),destroy:function(){y(),p=!0}};if(!_x(s,l))return g;g.setOptions(u).then(function(k){!p&&u.onFirstUpdate&&u.onFirstUpdate(k)});function b(){c.orderedModifiers.forEach(function(k){var h=k.name,f=k.options,m=f===void 0?{}:f,v=k.effect;if(typeof v=="function"){var E=v({state:c,name:h,instance:g,options:m}),_=function(){};d.push(E||_)}})}function y(){d.forEach(function(k){return k()}),d=[]}return g}}var fee=[MQ,tee,DQ,TQ,QQ,ZQ,aee,CQ,KQ],mee=pee({defaultModifiers:fee});const gee=["top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end","auto","auto-start","auto-end"],hee=e=>{const[t,n]=e.split("-");let a;switch(t){case"top":a="bottom";break;case"bottom":a="top";break;case"left":a="right";break;case"right":a="left";break;default:a="auto"}return n&&(a=gee.find(r=>r.includes(`${a}-${n}`))??a),a},nU=(e,t,n)=>{if(e.length===0||e[0].split("-")[0]==="auto")return n;const{reference:a,popper:r}=t.rects,i=si({...t,placement:e[0]}),o=/left|right/.test(e[0].split("-")[0])?"horizontal":"vertical",s=(i.top>0||i.bottom>0||i.left>0||i.right>0)&&(o==="horizontal"?r.height/2-i.top<a.height||r.height/2-i.bottom<a.height:r.width-i.left<a.width||r.width-i.right<a.width),l=e[0].split("-")[0];return!s&&i[l]<=0?e[0]:nU(e.slice(1),t,n)},wx="fallbackModifier",kx={name:wx,enabled:!0,phase:"main",data:{_skip:!1},fn({state:e,options:t}){const n=e.options.placement,{fallbackPlacements:a}=t,r=[n,hee(n),...a||[]],i=nU(r,e,n);e.placement!==i&&(e.modifiersData[wx]._skip=!0,e.placement=i,e.reset=!0)}},rU=["top","right","bottom","left"],bee=ne.forwardRef(({portal:e=!0,open:t=!0,...n},a)=>t?I.jsx(See,{ref:a,portal:e,...n}):null),vee=e=>{if(e!==null)return"current"in e?e.current||void 0:e},yee={},See=ne.forwardRef(({anchorElement:e,getAnchorClientRect:t,popperOptions:n=yee,placement:a="bottom",fallbackPlacements:r=rU,onPlacementChange:i,children:o,portal:s,popperInstanceRef:l},u)=>{const c=ne.useRef(!0),{localRef:d,elementRef:p}=fM(l),[g,b]=ne.useState(a),y=uQ(u,e),k=ne.useRef(a);k.current=g;const h=ne.useMemo(()=>({name:"setPlacement",enabled:!0,phase:"afterWrite",fn({state:m}){b(m.placement),i==null||i(m.placement)}}),[b,i]);ne.useLayoutEffect(()=>{const m=t?{getBoundingClientRect:t}:vee(e??null);if(!m){console.warn("Popper: neither anchorElement or getAnchorClientRect was defined. A valid anchorElement or getAnchorClientRect callback must be provided to render a Popper");return}if(y.current){const v=mee(m,y.current,{placement:a,...n,modifiers:[h,{...kx,options:{fallbackPlacements:r}},...n.modifiers||[]]});return p(v),()=>{v==null||v.destroy()}}},[e,t,y]),ne.useLayoutEffect(()=>{var m;c.current||(m=d.current)==null||m.setOptions({placement:a,...n,modifiers:[h,{...kx,options:{fallbackPlacements:r}},...n.modifiers||[]]}),c.current=!1},[n,a,r,h,d]);const f=I.jsx(I.Fragment,{children:Eee(o)?o({placement:g}):o});return s?BC.createPortal(f,y.current):f});function Eee(e){return typeof e=="function"}const Ix={vertical:"bottom",horizontal:"center"},uv=sX("positionX","positionY"),_ee=gX({"0%":{opacity:0,transform:`translate(${uv.positionX}, ${uv.positionY})`},"100%":{opacity:1,transform:"translate(0)"}}),wee=Ri({vars:{tooltipTransformOriginHorizontal:"",tooltipTransformOriginVertical:""},base:({tooltipTransformOriginHorizontal:e,tooltipTransformOriginVertical:t})=>({fontFamily:Dt.default,fontWeight:_t.normal,fontSize:G.fontSize.subtext.md,lineHeight:G.lineHeight.subtext.md,letterSpacing:G.letterSpacing.subtext.md,display:"inline-flex",position:"relative",padding:G.padding.sm,color:z.fg.inverse,animationName:_ee,animationDuration:"150ms",animationTimingFunction:"ease-out",transformOrigin:`${t} ${e}`,a:{color:z.fg.inverse,textDecoration:"underline"},"&:before":{content:'""',borderRadius:G.shape.md,outline:`${Mo(1)} solid transparent`,outlineOffset:`-${Mo(1)}`,zIndex:-1,margin:G.gap.xs,backgroundColor:G.color.surface.contrast.default,position:"absolute",top:0,left:0,right:0,bottom:0,boxShadow:qK[2]},"[data-popper-reference-hidden] &":{visibility:"hidden",pointerEvents:"none"},'[data-popper-placement="top-start"] &, [data-popper-placement="bottom-start"] &':{left:gr.negate(zi.size50)},'[data-popper-placement="top-end"] &, [data-popper-placement="bottom-end"] &':{right:gr.negate(zi.size50)},'[data-popper-placement="left-start"] &, [data-popper-placement="right-start"] &':{top:gr.negate(zi.size50)},'[data-popper-placement="left-end"] &, [data-popper-placement="right-end"] &':{bottom:gr.negate(zi.size50)}}),modifiers:{elementHasFocus:{true:{padding:gr.subtract(G.padding.md,gr.divide(G.padding.xxs,2)),"&:before":{margin:zi.size75}}}}}),kee=qn("div")({displayName:"TooltipContainer",Component:({children:e,transformOrigin:t=Ix,elementHasFocus:n=!1,...a},r,i)=>{const o=DX(t||Ix,G.gap.sm);return I.jsx(i,{ref:r,...bd(a,[wee({tooltipTransformOriginHorizontal:t==null?void 0:t.horizontal,tooltipTransformOriginVertical:t==null?void 0:t.vertical,elementHasFocus:n}),uv({positionX:o.x,positionY:o.y})]),children:e})}}),Tx=(e,t=0)=>{const n=ne.useRef(),a=()=>{n.current=window.setTimeout(e,t)},r=()=>{window.clearTimeout(n.current),n.current=void 0};return ne.useEffect(()=>()=>{window.clearTimeout(n.current)},[n]),{start:a,clear:r}},Iee=e=>{const t=e.tagName.toLowerCase(),n=e.getAttribute("tabindex");switch(t){case"button":case"input":case"select":case"textarea":case"details":return!0;default:return n?Number(n)>=0:!1}};function Tee({type:e="label",titleText:t="",showDelay:n=300,hideDelay:a=100}={}){const r=ne.useRef(!1),i=aQ(),[o,s]=ne.useState(null),l=pM(),u=Tx(i.events.hide,a),c=Tx(i.events.show,n),d=()=>{u.start(),c.clear()},p=()=>{c.start(),u.clear()},g=f=>{s(f.currentTarget),p()},b=f=>{r.current||g(f),r.current=!1},y=f=>{r.current=!0,Iee(f.currentTarget)&&i.events.hide()};oQ(i),iQ(i),sQ(i),lQ(i);const k=i.state.visibility!=="hidden",h={"aria-describedby":e==="describe"&&k?l:void 0,"aria-description":e==="description"?t:void 0,"aria-label":e==="label"?t:void 0,onMouseEnter:g,onMouseLeave:d,onMouseDown:y,onFocus:b,onBlur:d};return h["aria-describedby"]===void 0&&delete h["aria-describedby"],{targetProps:h,popperProps:{open:k,anchorElement:o,ref:i.state.stackRef},tooltipProps:{id:e==="describe"&&k?l:void 0,role:"tooltip",onMouseEnter:p,onMouseLeave:d}}}const aU=e=>{const t=getComputedStyle(e);if(t.overflow==="auto"||t.overflow==="scroll"||t.overflow==="clip"||t.overflow==="hidden")return e;if(e.children){for(let n=0;n<e.children.length;n++){const a=aU(e.children[n]);if(a)return a}return null}return null},iU=e=>{const t=getComputedStyle(e);if(t.textOverflow==="ellipsis"||Number(t.webkitLineClamp)>0)return e;for(let n=0;n<e.children.length;n++){const a=iU(e.children[n]);if(a)return a}return null},Rx=e=>{const t=iU(e)||aU(e);return t?t.scrollWidth>t.clientWidth||t.scrollHeight>t.clientHeight:!1};function Ree(e,t,n=Object.keys(t)){return n.reduce((a,r)=>(typeof e[r]=="function"?a[r]=cM(t[r],e[r]):a[r]=t[r],a),{})}const Aee=({placement:e="top",fallbackPlacements:t=rU,children:n,showDelay:a,hideDelay:r,...i})=>{const[o,s]=ne.useState(""),{targetProps:l,popperProps:u,tooltipProps:c}=Tee({type:"muted",showDelay:a,hideDelay:r}),d=g=>{const b=g.currentTarget;s(b instanceof HTMLElement?b.innerText:""),Rx(b)&&l.onMouseEnter(g)},p=g=>{const b=g.currentTarget;s(b instanceof HTMLElement?b.innerText:""),Rx(b)&&l.onFocus(g)};return I.jsxs(ne.Fragment,{children:[ne.cloneElement(n,{...l,onMouseEnter:d,onFocus:p,"aria-label":void 0,...Ree({...l,onMouseEnter:d,onFocus:p},n.props)}),I.jsx(bee,{placement:e,fallbackPlacements:t,...u,children:({placement:g})=>{const b=cQ(g);return I.jsx(kee,{transformOrigin:b,...c,...i,children:o})}})]})},xee=Dn({maxWidth:Q7}),oU=()=>I.jsx(Aee,{children:I.jsxs(H,{tabIndex:0,cs:xee,children:[I.jsx(H.Icon,{icon:Je}),I.jsx(H.Label,{children:"Your workbook is currently in process of saving"})]})});oU.__RAW__=`import {StatusIndicator} from '@workday/canvas-kit-preview-react/status-indicator';
|
|
372
372
|
import {OverflowTooltip} from '@workday/canvas-kit-react/tooltip';
|
|
373
373
|
import {createStyles} from '@workday/canvas-kit-styling';
|
|
374
374
|
import {cloudArrowUpIcon} from '@workday/canvas-system-icons-web';
|
|
@@ -515,7 +515,7 @@ information, check our
|
|
|
515
515
|
`,I.jsx(t.a,{href:"https://workday.github.io/canvas-kit/?path=/docs/styling-guides-customizing-styles--docs",children:'"How To Customize Styles"'}),"."]}),`
|
|
516
516
|
`,I.jsx(t.h2,{children:"Component API"}),`
|
|
517
517
|
`,I.jsx(fP,{name:"StatusIndicator",fileName:"/preview-react/"})]})}function lU(e={}){const{wrapper:t}={...ay(),...e.components};return t?I.jsx(t,{...e,children:I.jsx(Ax,{...e})}):Ax(e)}const Cee={Meta:xD,ExampleCodeBlock:jr,SymbolDoc:fP,SymbolDescription:n7,Specifications:r7,InformationHighlight:i7,StorybookStatusIndicator:a7},xx=window.__MCP_APP_PARENT__;function uU({app:e}){return kq(e,e==null?void 0:e.getHostContext()),J.useEffect(()=>{if(!e)return;const t=n=>{const a=n.target.closest("a[href]");if(!a)return;const r=a.getAttribute("href");if(!r||r.startsWith("#")||r.startsWith("javascript:"))return;n.preventDefault();let i=r;r.startsWith("/")?i="https://workday.github.io/canvas-kit/?path=/docs/"+r.replace(/^\//,"").replace(/\/$/,"").replace(/\//g,"-")+"--docs":/^https?:\/\//.test(r)||(i=new URL(r,location.href).href),e.openLink({url:i})};return document.addEventListener("click",t),()=>document.removeEventListener("click",t)},[e]),I.jsx(e7,{value:e,children:I.jsx(Fz,{components:Cee,children:I.jsx(lU,{})})})}function Oee(){const{app:e}=Eq({appInfo:{name:"Canvas Kit Story",version:"1.0.0"},capabilities:{}});return I.jsx(uU,{app:e})}function Lee(){return xx?I.jsx(uU,{app:xx}):I.jsx(Oee,{})}qC(document.getElementById("root")).render(I.jsx(J.StrictMode,{children:I.jsx(Lee,{})}));</script>
|
|
518
|
-
<style rel="stylesheet" crossorigin>:root{--cnvs-base-font-size: 1rem;--cnvs-base-baseline: .5rem;--cnvs-base-duration-50: 50ms;--cnvs-base-duration-100: .1s;--cnvs-base-duration-150: .15s;--cnvs-base-duration-200: .2s;--cnvs-base-duration-250: .25s;--cnvs-base-duration-300: .3s;--cnvs-base-duration-350: .35s;--cnvs-base-duration-400: .4s;--cnvs-base-duration-450: .45s;--cnvs-base-duration-500: .5s;--cnvs-base-duration-550: .55s;--cnvs-base-duration-600: .6s;--cnvs-base-duration-650: .65s;--cnvs-base-duration-700: .7s;--cnvs-base-duration-750: .75s;--cnvs-base-duration-800: .8s;--cnvs-base-duration-850: .85s;--cnvs-base-duration-900: .9s;--cnvs-base-duration-950: .95s;--cnvs-base-duration-1000: 1s;--cnvs-base-easing-a-100: cubic-bezier(.2, 0, .2, 1);--cnvs-base-easing-a-200: cubic-bezier(.4, 0, .95, .8);--cnvs-base-easing-a-300: cubic-bezier(.05, .4, .3, 1);--cnvs-base-easing-b-100: cubic-bezier(.35, 0, .05, 1);--cnvs-base-easing-b-200: cubic-bezier(.4, 0, .8, .3);--cnvs-base-easing-b-300: cubic-bezier(0, .4, .2, 1);--cnvs-base-opacity-0: 0;--cnvs-base-opacity-80: .08;--cnvs-base-opacity-100: .08;--cnvs-base-opacity-120: .12;--cnvs-base-opacity-180: .18;--cnvs-base-opacity-200: .2;--cnvs-base-opacity-250: .2;--cnvs-base-opacity-300: .4;--cnvs-base-opacity-360: .36;--cnvs-base-opacity-400: .4;--cnvs-base-opacity-500: .84;--cnvs-base-opacity-640: .64;--cnvs-base-opacity-840: .84;--cnvs-base-palette-amber-25: oklch(.9779 .0214 95.33 / 1);--cnvs-base-palette-amber-50: oklch(.969 .0619 101.63 / 1);--cnvs-base-palette-amber-100: oklch(.9567 .0948 100.22 / 1);--cnvs-base-palette-amber-200: oklch(.9191 .1547 99.7 / 1);--cnvs-base-palette-amber-300: oklch(.8432 .1713 85.24 / 1);--cnvs-base-palette-amber-400: oklch(.7909 .1711 70.15 / 1);--cnvs-base-palette-amber-500: oklch(.6601 .1537 60.7 / 1);--cnvs-base-palette-amber-600: oklch(.5505 .1439 50.78 / 1);--cnvs-base-palette-amber-700: oklch(.4824 .1353 46.11 / 1);--cnvs-base-palette-amber-800: oklch(.4143 .1245 42.21 / 1);--cnvs-base-palette-amber-900: oklch(.32 .098 41.19 / 1);--cnvs-base-palette-amber-950: oklch(.2489 .0771 40.64 / 1);--cnvs-base-palette-amber-975: oklch(.2165 .0674 40.35 / 1);--cnvs-base-palette-amber-a25: oklch(.7982 .159 92.57 / .1);--cnvs-base-palette-amber-a50: oklch(.8864 .1845 100.28 / .22);--cnvs-base-palette-amber-a100: oklch(.8988 .185 97.8 / .35);--cnvs-base-palette-amber-a200: oklch(.886 .1822 96.83 / .64);--cnvs-base-palette-azure-25: oklch(.981 .0131 220.96 / 1);--cnvs-base-palette-azure-50: oklch(.9549 .0295 223.86 / 1);--cnvs-base-palette-azure-100: oklch(.9321 .0425 227.25 / 1);--cnvs-base-palette-azure-200: oklch(.8594 .0867 230.07 / 1);--cnvs-base-palette-azure-300: oklch(.7991 .107 239.24 / 1);--cnvs-base-palette-azure-400: oklch(.7283 .1377 242.63 / 1);--cnvs-base-palette-azure-500: oklch(.6555 .1553 244.48 / 1);--cnvs-base-palette-azure-600: oklch(.5174 .1257 243.24 / 1);--cnvs-base-palette-azure-700: oklch(.4618 .1098 242.11 / 1);--cnvs-base-palette-azure-800: oklch(.3912 .0855 237.05 / 1);--cnvs-base-palette-azure-900: oklch(.326 .07 235.91 / 1);--cnvs-base-palette-azure-950: oklch(.249 .053 235.41 / 1);--cnvs-base-palette-azure-975: oklch(.2138 .0455 235.23 / 1);--cnvs-base-palette-azure-a25: oklch(.7487 .1547 233.36 / .06);--cnvs-base-palette-azure-a50: oklch(.7394 .1572 235.46 / .14);--cnvs-base-palette-azure-a100: oklch(.7186 .1639 239.76 / .2);--cnvs-base-palette-azure-a200: oklch(.7117 .1663 241.15 / .42);--cnvs-base-palette-blue-25: oklch(.969 .0155 248.07 / 1);--cnvs-base-palette-blue-50: oklch(.9523 .0239 248.12 / 1);--cnvs-base-palette-blue-100: oklch(.928 .0359 250.6 / 1);--cnvs-base-palette-blue-200: oklch(.8627 .0701 250.6 / 1);--cnvs-base-palette-blue-300: oklch(.7933 .1076 252.08 / 1);--cnvs-base-palette-blue-400: oklch(.708 .1549 255.41 / 1);--cnvs-base-palette-blue-500: oklch(.6023 .2032 255.68 / 1);--cnvs-base-palette-blue-600: oklch(.5198 .1782 256.11 / 1);--cnvs-base-palette-blue-700: oklch(.4658 .1562 255.5 / 1);--cnvs-base-palette-blue-800: oklch(.3908 .128 256 / 1);--cnvs-base-palette-blue-900: oklch(.3152 .1054 261.09 / 1);--cnvs-base-palette-blue-950: oklch(.2452 .0752 254.55 / 1);--cnvs-base-palette-blue-975: oklch(.209 .07 255.61 / 1);--cnvs-base-palette-blue-a25: oklch(.6499 .1912 253.52 / .08);--cnvs-base-palette-blue-a50: oklch(.6152 .2108 256.1 / .11);--cnvs-base-palette-blue-a100: oklch(.6225 .2064 255.9 / .17);--cnvs-base-palette-blue-a200: oklch(.6048 .2166 257.21 / .31);--cnvs-base-palette-coral-25: oklch(.9837 .0085 44.54 / 1);--cnvs-base-palette-coral-50: oklch(.9659 .0171 35.14 / 1);--cnvs-base-palette-coral-100: oklch(.9344 .0339 35.8 / 1);--cnvs-base-palette-coral-200: oklch(.8476 .0856 37.59 / 1);--cnvs-base-palette-coral-300: oklch(.7671 .1418 38.37 / 1);--cnvs-base-palette-coral-400: oklch(.7279 .1703 38.58 / 1);--cnvs-base-palette-coral-500: oklch(.6779 .2096 40.36 / 1);--cnvs-base-palette-coral-600: oklch(.5394 .1828 36.43 / 1);--cnvs-base-palette-coral-700: oklch(.4616 .1629 34.74 / 1);--cnvs-base-palette-coral-800: oklch(.393 .143 33.49 / 1);--cnvs-base-palette-coral-900: oklch(.3043 .1137 32.49 / 1);--cnvs-base-palette-coral-950: oklch(.236 .0899 31.8 / 1);--cnvs-base-palette-coral-975: oklch(.2114 .07 29.72 / 1);--cnvs-base-palette-coral-a25: oklch(.6708 .221 37.37 / .04);--cnvs-base-palette-coral-a50: oklch(.6598 .229 34.15 / .08);--cnvs-base-palette-coral-a100: oklch(.6545 .2337 33.76 / .15);--cnvs-base-palette-coral-a200: oklch(.6552 .2332 34.09 / .36);--cnvs-base-palette-green-25: oklch(.9824 .0282 148.77 / 1);--cnvs-base-palette-green-50: oklch(.9655 .0561 149.93 / 1);--cnvs-base-palette-green-100: oklch(.9278 .1024 149.88 / 1);--cnvs-base-palette-green-200: oklch(.8506 .1804 149.93 / 1);--cnvs-base-palette-green-300: oklch(.7817 .1928 150.67 / 1);--cnvs-base-palette-green-400: oklch(.702 .1952 148.39 / 1);--cnvs-base-palette-green-500: oklch(.6362 .1974 145.47 / 1);--cnvs-base-palette-green-600: oklch(.5069 .1569 145.56 / 1);--cnvs-base-palette-green-700: oklch(.4463 .1422 144.58 / 1);--cnvs-base-palette-green-800: oklch(.3955 .1156 147.66 / 1);--cnvs-base-palette-green-900: oklch(.3197 .0997 145.3 / 1);--cnvs-base-palette-green-950: oklch(.2548 .0796 145.23 / 1);--cnvs-base-palette-green-975: oklch(.2118 .0653 145.69 / 1);--cnvs-base-palette-green-a25: oklch(.8695 .2801 143.52 / .08);--cnvs-base-palette-green-a50: oklch(.8685 .2814 143.77 / .15);--cnvs-base-palette-green-a100: oklch(.8316 .2716 143.71 / .29);--cnvs-base-palette-green-a200: oklch(.796 .2508 144.9 / .6);--cnvs-base-palette-indigo-25: oklch(.9703 .0147 286 / 1);--cnvs-base-palette-indigo-50: oklch(.9499 .0243 280.81 / 1);--cnvs-base-palette-indigo-100: oklch(.9201 .0395 282.43 / 1);--cnvs-base-palette-indigo-200: oklch(.8503 .0754 280.52 / 1);--cnvs-base-palette-indigo-300: oklch(.7625 .1242 281 / 1);--cnvs-base-palette-indigo-400: oklch(.712 .1531 280.1 / 1);--cnvs-base-palette-indigo-500: oklch(.615 .2131 280.7 / 1);--cnvs-base-palette-indigo-600: oklch(.5289 .2241 281.65 / 1);--cnvs-base-palette-indigo-700: oklch(.466 .1961 280.9 / 1);--cnvs-base-palette-indigo-800: oklch(.379 .1771 278.1 / 1);--cnvs-base-palette-indigo-900: oklch(.317 .142 278.2 / 1);--cnvs-base-palette-indigo-950: oklch(.2448 .1108 277.85 / 1);--cnvs-base-palette-indigo-975: oklch(.1951 .0693 277.85 / 1);--cnvs-base-palette-indigo-a25: oklch(.4762 .2966 267.42 / .05);--cnvs-base-palette-indigo-a50: oklch(.4661 .3036 264.5 / .08);--cnvs-base-palette-indigo-a100: oklch(.4693 .3013 265.31 / .13);--cnvs-base-palette-indigo-a200: oklch(.4666 .3032 264.75 / .24);--cnvs-base-palette-magenta-25: oklch(.9782 .0191 325.55 / 1);--cnvs-base-palette-magenta-50: oklch(.9637 .0322 325.69 / 1);--cnvs-base-palette-magenta-100: oklch(.9253 .0627 329.34 / 1);--cnvs-base-palette-magenta-200: oklch(.887 .1029 327.44 / 1);--cnvs-base-palette-magenta-300: oklch(.807 .166 333.78 / 1);--cnvs-base-palette-magenta-400: oklch(.737 .198 341.58 / 1);--cnvs-base-palette-magenta-500: oklch(.6557 .2007 346.62 / 1);--cnvs-base-palette-magenta-600: oklch(.534 .183 344.19 / 1);--cnvs-base-palette-magenta-700: oklch(.4641 .1602 344.45 / 1);--cnvs-base-palette-magenta-800: oklch(.4011 .1269 344.4 / 1);--cnvs-base-palette-magenta-900: oklch(.297 .095 343.19 / 1);--cnvs-base-palette-magenta-950: oklch(.2332 .0908 343.78 / 1);--cnvs-base-palette-magenta-975: oklch(.2016 .0706 345.97 / 1);--cnvs-base-palette-magenta-a25: oklch(.7091 .3124 328.27 / .05);--cnvs-base-palette-magenta-a50: oklch(.7044 .3188 328.33 / .08);--cnvs-base-palette-magenta-a100: oklch(.6892 .3052 333.97 / .16);--cnvs-base-palette-magenta-a200: oklch(.6972 .3174 330.1 / .24);--cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);--cnvs-base-palette-neutral-25: oklch(.9851 0 0 / 1);--cnvs-base-palette-neutral-50: oklch(.9702 0 0 / 1);--cnvs-base-palette-neutral-100: oklch(.9431 0 0 / 1);--cnvs-base-palette-neutral-200: oklch(.8699 0 0 / 1);--cnvs-base-palette-neutral-300: oklch(.8015 0 0 / 1);--cnvs-base-palette-neutral-400: oklch(.72 0 0 / 1);--cnvs-base-palette-neutral-500: oklch(.6234 0 0 / 1);--cnvs-base-palette-neutral-600: oklch(.5103 0 0 / 1);--cnvs-base-palette-neutral-700: oklch(.4494 0 0 / 1);--cnvs-base-palette-neutral-800: oklch(.3523 0 0 / 1);--cnvs-base-palette-neutral-900: oklch(.2891 0 0 / 1);--cnvs-base-palette-neutral-950: oklch(.2308 0 0 / 1);--cnvs-base-palette-neutral-975: oklch(.1591 0 0 / 1);--cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);--cnvs-base-palette-neutral-a0: oklch(0 0 0 / 0);--cnvs-base-palette-neutral-a25: oklch(.1149 0 0 / .02);--cnvs-base-palette-neutral-a50: oklch(.1149 0 0 / .04);--cnvs-base-palette-neutral-a100: oklch(.1822 0 0 / .08);--cnvs-base-palette-neutral-a200: oklch(.0847 0 0 / .17);--cnvs-base-palette-neutral-a300: oklch(.1149 0 0 / .26);--cnvs-base-palette-neutral-a400: oklch(.0847 0 0 / .36);--cnvs-base-palette-neutral-a500: oklch(.1149 0 0 / .48);--cnvs-base-palette-neutral-a600: oklch(0 0 0 / .6);--cnvs-base-palette-neutral-a700: oklch(.0672 0 0 / .67);--cnvs-base-palette-neutral-a800: oklch(0 0 0 / .77);--cnvs-base-palette-neutral-a900: oklch(.0969 0 0 / .84);--cnvs-base-palette-neutral-a950: oklch(.0672 0 0 / .89);--cnvs-base-palette-neutral-a975: oklch(0 0 0 / .95);--cnvs-base-palette-orange-25: oklch(.9673 .0205 67.52 / 1);--cnvs-base-palette-orange-50: oklch(.9523 .0366 72.6 / 1);--cnvs-base-palette-orange-100: oklch(.9243 .0542 67.95 / 1);--cnvs-base-palette-orange-200: oklch(.8606 .1002 65.34 / 1);--cnvs-base-palette-orange-300: oklch(.7839 .1608 63.57 / 1);--cnvs-base-palette-orange-400: oklch(.7261 .1852 52.58 / 1);--cnvs-base-palette-orange-500: oklch(.6617 .1893 44.93 / 1);--cnvs-base-palette-orange-600: oklch(.53 .165 40.39 / 1);--cnvs-base-palette-orange-700: oklch(.4689 .1456 40.5 / 1);--cnvs-base-palette-orange-800: oklch(.4077 .1336 37.92 / 1);--cnvs-base-palette-orange-900: oklch(.3243 .1084 37.05 / 1);--cnvs-base-palette-orange-950: oklch(.2421 .082 36.47 / 1);--cnvs-base-palette-orange-975: oklch(.2121 .0706 37.19 / 1);--cnvs-base-palette-orange-a25: oklch(.7136 .1784 53.73 / .1);--cnvs-base-palette-orange-a50: oklch(.7555 .1769 59.35 / .17);--cnvs-base-palette-orange-a100: oklch(.7365 .1837 54.12 / .25);--cnvs-base-palette-orange-a200: oklch(.7304 .1863 52.52 / .46);--cnvs-base-palette-purple-25: oklch(.9776 .0147 312 / 1);--cnvs-base-palette-purple-50: oklch(.951 .0321 311.49 / 1);--cnvs-base-palette-purple-100: oklch(.909 .0637 314.43 / 1);--cnvs-base-palette-purple-200: oklch(.8701 .0965 316.6 / 1);--cnvs-base-palette-purple-300: oklch(.8108 .1412 315.48 / 1);--cnvs-base-palette-purple-400: oklch(.734 .1621 315.88 / 1);--cnvs-base-palette-purple-500: oklch(.628 .1681 312.69 / 1);--cnvs-base-palette-purple-600: oklch(.5177 .162 313.92 / 1);--cnvs-base-palette-purple-700: oklch(.476 .156 313.2 / 1);--cnvs-base-palette-purple-800: oklch(.422 .136 315.49 / 1);--cnvs-base-palette-purple-900: oklch(.3143 .0996 313.76 / 1);--cnvs-base-palette-purple-950: oklch(.2351 .0734 313.34 / 1);--cnvs-base-palette-purple-975: oklch(.194 .062 312.79 / 1);--cnvs-base-palette-purple-a25: oklch(.5632 .2948 302.45 / .04);--cnvs-base-palette-purple-a50: oklch(.5645 .2935 302.36 / .09);--cnvs-base-palette-purple-a100: oklch(.5867 .2975 307.8 / .17);--cnvs-base-palette-purple-a200: oklch(.6051 .3009 311.78 / .25);--cnvs-base-palette-red-25: oklch(.9667 .0163 21.82 / 1);--cnvs-base-palette-red-50: oklch(.9533 .0231 23.95 / 1);--cnvs-base-palette-red-100: oklch(.9225 .0394 25.51 / 1);--cnvs-base-palette-red-200: oklch(.8339 .092 28.19 / 1);--cnvs-base-palette-red-300: oklch(.7533 .1484 28.45 / 1);--cnvs-base-palette-red-400: oklch(.6857 .2037 29.76 / 1);--cnvs-base-palette-red-500: oklch(.6495 .2369 30.04 / 1);--cnvs-base-palette-red-600: oklch(.5342 .2172 29.53 / 1);--cnvs-base-palette-red-700: oklch(.4517 .1847 28.2 / 1);--cnvs-base-palette-red-800: oklch(.3712 .1509 26.08 / 1);--cnvs-base-palette-red-900: oklch(.291 .118 25.59 / 1);--cnvs-base-palette-red-950: oklch(.2318 .0937 24.02 / 1);--cnvs-base-palette-red-975: oklch(.1988 .0718 20.63 / 1);--cnvs-base-palette-red-a25: oklch(.6289 .2567 29.11 / .04);--cnvs-base-palette-red-a50: oklch(.6434 .2428 30.17 / .1);--cnvs-base-palette-red-a100: oklch(.6382 .248 30.42 / .16);--cnvs-base-palette-red-a200: oklch(.6375 .2487 30.71 / .35);--cnvs-base-palette-slate-25: oklch(.9846 .0018 248.57 / 1);--cnvs-base-palette-slate-50: oklch(.9692 .0035 248.23 / 1);--cnvs-base-palette-slate-100: oklch(.9447 .0053 248.12 / 1);--cnvs-base-palette-slate-200: oklch(.917 .0081 254 / 1);--cnvs-base-palette-slate-300: oklch(.856 .0111 256.85 / 1);--cnvs-base-palette-slate-400: oklch(.754 .0181 256.33 / 1);--cnvs-base-palette-slate-500: oklch(.629 .0281 255.62 / 1);--cnvs-base-palette-slate-600: oklch(.5103 .0255 256.8 / 1);--cnvs-base-palette-slate-700: oklch(.45 .022 255.52 / 1);--cnvs-base-palette-slate-800: oklch(.3685 .0218 256.4 / 1);--cnvs-base-palette-slate-900: oklch(.278 .0156 252.4 / 1);--cnvs-base-palette-slate-950: oklch(.2453 .0136 253.1 / 1);--cnvs-base-palette-slate-975: oklch(.18 .008 248.33 / 1);--cnvs-base-palette-slate-a25: oklch(.4688 .0781 250.43 / .03);--cnvs-base-palette-slate-a50: oklch(.3343 .0951 253.3 / .05);--cnvs-base-palette-slate-a100: oklch(.3337 .0688 250.79 / .09);--cnvs-base-palette-slate-a200: oklch(.3057 .079 256.22 / .13);--cnvs-base-palette-slate-a300: oklch(.2442 .0693 257.66 / .21);--cnvs-base-palette-slate-a400: oklch(.2333 .0665 257.09 / .35);--cnvs-base-palette-slate-a500: oklch(.2187 .0685 255.77 / .51);--cnvs-base-palette-slate-a600: oklch(.1793 .0503 254.55 / .64);--cnvs-base-palette-slate-a700: oklch(.1595 .0431 250.87 / .7);--cnvs-base-palette-slate-a800: oklch(.157 .0349 253.16 / .79);--cnvs-base-palette-slate-a900: oklch(.1351 .0244 244.09 / .87);--cnvs-base-palette-slate-a950: oklch(.1312 .0198 248.87 / .9);--cnvs-base-palette-slate-a975: oklch(.1168 .014 231.47 / .95);--cnvs-base-palette-teal-25: oklch(.9827 .021 200.66 / 1);--cnvs-base-palette-teal-50: oklch(.9575 .0424 203.83 / 1);--cnvs-base-palette-teal-100: oklch(.935 .046 205.09 / 1);--cnvs-base-palette-teal-200: oklch(.8766 .0677 204.24 / 1);--cnvs-base-palette-teal-300: oklch(.7836 .0874 204.93 / 1);--cnvs-base-palette-teal-400: oklch(.7154 .1006 206.05 / 1);--cnvs-base-palette-teal-500: oklch(.6385 .1093 205.92 / 1);--cnvs-base-palette-teal-600: oklch(.5141 .0882 207.28 / 1);--cnvs-base-palette-teal-700: oklch(.4634 .0796 207.82 / 1);--cnvs-base-palette-teal-800: oklch(.3982 .0687 209.08 / 1);--cnvs-base-palette-teal-900: oklch(.3052 .0529 210.69 / 1);--cnvs-base-palette-teal-950: oklch(.2425 .042 210.69 / 1);--cnvs-base-palette-teal-975: oklch(.2037 .0354 211.24 / 1);--cnvs-base-palette-teal-a25: oklch(.8804 .1478 200.72 / .09);--cnvs-base-palette-teal-a50: oklch(.8427 .1433 206.66 / .19);--cnvs-base-palette-teal-a100: oklch(.7626 .1316 209.35 / .22);--cnvs-base-palette-teal-a200: oklch(.7101 .1219 207.98 / .37);--cnvs-base-palette-white-a0: oklch(1 0 0 / 0);--cnvs-base-palette-white-a25: oklch(1 0 0 / .02);--cnvs-base-palette-white-a50: oklch(1 0 0 / .03);--cnvs-base-palette-white-a100: oklch(1 0 0 / .08);--cnvs-base-palette-white-a200: oklch(1 0 0 / .16);--cnvs-base-palette-white-a300: oklch(1 0 0 / .26);--cnvs-base-palette-white-a400: oklch(1 0 0 / .36);--cnvs-base-palette-white-a500: oklch(1 0 0 / .47);--cnvs-base-palette-white-a600: oklch(1 0 0 / .6);--cnvs-base-palette-white-a700: oklch(1 0 0 / .67);--cnvs-base-palette-white-a800: oklch(1 0 0 / .77);--cnvs-base-palette-white-a900: oklch(1 0 0 / .83);--cnvs-base-palette-white-a950: oklch(1 0 0 / .89);--cnvs-base-palette-white-a975: oklch(1 0 0 / .95);--cnvs-base-palette-cinnamon-100: #ffefee;--cnvs-base-palette-cinnamon-200: #FCC9C5;--cnvs-base-palette-cinnamon-300: #ff867d;--cnvs-base-palette-cinnamon-400: #ff5347;--cnvs-base-palette-cinnamon-500: #de2e21;--cnvs-base-palette-cinnamon-600: #a31b12;--cnvs-base-palette-peach-100: #fff3f0;--cnvs-base-palette-peach-200: #ffc2b3;--cnvs-base-palette-peach-300: #ff957a;--cnvs-base-palette-peach-400: #ff643d;--cnvs-base-palette-peach-500: #de4721;--cnvs-base-palette-peach-600: #b53413;--cnvs-base-palette-chili-mango-100: #ffe6d9;--cnvs-base-palette-chili-mango-200: #ffc7ab;--cnvs-base-palette-chili-mango-300: #ff9b69;--cnvs-base-palette-chili-mango-400: #ff671b;--cnvs-base-palette-chili-mango-500: #e04b00;--cnvs-base-palette-chili-mango-600: #a33600;--cnvs-base-palette-cantaloupe-100: #ffeed9;--cnvs-base-palette-cantaloupe-200: #fcd49f;--cnvs-base-palette-cantaloupe-300: #ffbc63;--cnvs-base-palette-cantaloupe-400: #ffa126;--cnvs-base-palette-cantaloupe-500: #f38b00;--cnvs-base-palette-cantaloupe-600: #c06c00;--cnvs-base-palette-sour-lemon-100: #fff9e6;--cnvs-base-palette-sour-lemon-200: #ffecab;--cnvs-base-palette-sour-lemon-300: #ffda61;--cnvs-base-palette-sour-lemon-400: #ffc629;--cnvs-base-palette-sour-lemon-500: #ebb400;--cnvs-base-palette-sour-lemon-600: #bd9100;--cnvs-base-palette-juicy-pear-100: #f7fae6;--cnvs-base-palette-juicy-pear-200: #e2f391;--cnvs-base-palette-juicy-pear-300: #c4de40;--cnvs-base-palette-juicy-pear-400: #a8c224;--cnvs-base-palette-juicy-pear-500: #8ea618;--cnvs-base-palette-juicy-pear-600: #687818;--cnvs-base-palette-kiwi-100: #ecfcd7;--cnvs-base-palette-kiwi-200: #caf593;--cnvs-base-palette-kiwi-300: #a7e05c;--cnvs-base-palette-kiwi-400: #77bc1f;--cnvs-base-palette-kiwi-500: #609915;--cnvs-base-palette-kiwi-600: #537824;--cnvs-base-palette-green-apple-100: #ebfff0;--cnvs-base-palette-green-apple-200: #acf5be;--cnvs-base-palette-green-apple-300: #5fe380;--cnvs-base-palette-green-apple-400: #43c463;--cnvs-base-palette-green-apple-500: #319c4c;--cnvs-base-palette-green-apple-600: #217a37;--cnvs-base-palette-watermelon-100: #ebfdf8;--cnvs-base-palette-watermelon-200: #b7edde;--cnvs-base-palette-watermelon-300: #65ccaf;--cnvs-base-palette-watermelon-400: #12a67c;--cnvs-base-palette-watermelon-500: #0c7a5b;--cnvs-base-palette-watermelon-600: #00573e;--cnvs-base-palette-jewel-100: #ebfdff;--cnvs-base-palette-jewel-200: #acecf3;--cnvs-base-palette-jewel-300: #44c8d7;--cnvs-base-palette-jewel-400: #1ea4b3;--cnvs-base-palette-jewel-500: #1a818c;--cnvs-base-palette-jewel-600: #156973;--cnvs-base-palette-toothpaste-100: #d7f1fc;--cnvs-base-palette-toothpaste-200: #99e0ff;--cnvs-base-palette-toothpaste-300: #40b4e5;--cnvs-base-palette-toothpaste-400: #1894c9;--cnvs-base-palette-toothpaste-500: #0271a1;--cnvs-base-palette-toothpaste-600: #005B82;--cnvs-base-palette-blueberry-100: #D7EAFC;--cnvs-base-palette-blueberry-200: #A6D2FF;--cnvs-base-palette-blueberry-300: #40A0FF;--cnvs-base-palette-blueberry-400: #0875E1;--cnvs-base-palette-blueberry-500: #005cb9;--cnvs-base-palette-blueberry-600: #004387;--cnvs-base-palette-plum-100: #e6f1ff;--cnvs-base-palette-plum-200: #A6CDFF;--cnvs-base-palette-plum-300: #529bfa;--cnvs-base-palette-plum-400: #3881E1;--cnvs-base-palette-plum-500: #3166ab;--cnvs-base-palette-plum-600: #264a7a;--cnvs-base-palette-berry-smoothie-100: #e8edff;--cnvs-base-palette-berry-smoothie-200: #c2cfff;--cnvs-base-palette-berry-smoothie-300: #7891FF;--cnvs-base-palette-berry-smoothie-400: #5E77E6;--cnvs-base-palette-berry-smoothie-500: #4b5eb3;--cnvs-base-palette-berry-smoothie-600: #3b4987;--cnvs-base-palette-blackberry-100: #f0f0ff;--cnvs-base-palette-blackberry-200: #c3c2ff;--cnvs-base-palette-blackberry-300: #8483e6;--cnvs-base-palette-blackberry-400: #5c59e6;--cnvs-base-palette-blackberry-500: #413fcc;--cnvs-base-palette-blackberry-600: #2e2d91;--cnvs-base-palette-island-punch-100: #f5f0ff;--cnvs-base-palette-island-punch-200: #d2befa;--cnvs-base-palette-island-punch-300: #a88ae6;--cnvs-base-palette-island-punch-400: #8660d1;--cnvs-base-palette-island-punch-500: #6345a1;--cnvs-base-palette-island-punch-600: #503882;--cnvs-base-palette-grape-soda-100: #feebff;--cnvs-base-palette-grape-soda-200: #fac0ff;--cnvs-base-palette-grape-soda-300: #de8ae6;--cnvs-base-palette-grape-soda-400: #c860d1;--cnvs-base-palette-grape-soda-500: #97499e;--cnvs-base-palette-grape-soda-600: #7C3882;--cnvs-base-palette-pomegranate-100: #ffebf3;--cnvs-base-palette-pomegranate-200: #ffbdd6;--cnvs-base-palette-pomegranate-300: #ff5c9a;--cnvs-base-palette-pomegranate-400: #f31167;--cnvs-base-palette-pomegranate-500: #c70550;--cnvs-base-palette-pomegranate-600: #99003a;--cnvs-base-palette-fruit-punch-100: #FFEEEE;--cnvs-base-palette-fruit-punch-200: #ffbdbd;--cnvs-base-palette-fruit-punch-300: #FF7E7E;--cnvs-base-palette-fruit-punch-400: #ff4c4c;--cnvs-base-palette-fruit-punch-500: #e12f2f;--cnvs-base-palette-fruit-punch-600: #b82828;--cnvs-base-palette-root-beer-100: #faf3f0;--cnvs-base-palette-root-beer-200: #EBD7CF;--cnvs-base-palette-root-beer-300: #dcbbad;--cnvs-base-palette-root-beer-400: #ba9a8c;--cnvs-base-palette-root-beer-500: #8C7266;--cnvs-base-palette-root-beer-600: #664d42;--cnvs-base-palette-toasted-marshmallow-100: #fdf6e6;--cnvs-base-palette-toasted-marshmallow-200: #ebd6a9;--cnvs-base-palette-toasted-marshmallow-300: #e6bf6c;--cnvs-base-palette-toasted-marshmallow-400: #CC9E3B;--cnvs-base-palette-toasted-marshmallow-500: #b37f10;--cnvs-base-palette-toasted-marshmallow-600: #8C6000;--cnvs-base-palette-licorice-100: #A1AAB3;--cnvs-base-palette-licorice-200: #7b858f;--cnvs-base-palette-licorice-300: #5E6A75;--cnvs-base-palette-licorice-400: #4a5561;--cnvs-base-palette-licorice-500: #333d47;--cnvs-base-palette-licorice-600: #1f262e;--cnvs-base-palette-soap-100: #f6f7f8;--cnvs-base-palette-soap-200: #F0F1F2;--cnvs-base-palette-soap-300: #e8ebed;--cnvs-base-palette-soap-400: #DFE2E6;--cnvs-base-palette-soap-500: #ced3d9;--cnvs-base-palette-soap-600: #B9C0C7;--cnvs-base-palette-french-vanilla-100: #ffffff;--cnvs-base-palette-french-vanilla-200: #ebebeb;--cnvs-base-palette-french-vanilla-300: #d4d4d4;--cnvs-base-palette-french-vanilla-400: #bdbdbd;--cnvs-base-palette-french-vanilla-500: #a6a6a6;--cnvs-base-palette-french-vanilla-600: #8f8f8f;--cnvs-base-palette-black-pepper-100: #787878;--cnvs-base-palette-black-pepper-200: #616161;--cnvs-base-palette-black-pepper-300: #494949;--cnvs-base-palette-black-pepper-400: #333333;--cnvs-base-palette-black-pepper-500: #1e1e1e;--cnvs-base-palette-black-pepper-600: #000000;--cnvs-base-palette-coconut-100: #F0EEEE;--cnvs-base-palette-coconut-200: #e3dfdf;--cnvs-base-palette-coconut-300: #d1cbcc;--cnvs-base-palette-coconut-400: #b3acac;--cnvs-base-palette-coconut-500: #9e9595;--cnvs-base-palette-coconut-600: #8F8687;--cnvs-base-palette-cappuccino-100: #7A7374;--cnvs-base-palette-cappuccino-200: #706869;--cnvs-base-palette-cappuccino-300: #5E5757;--cnvs-base-palette-cappuccino-400: #4A4242;--cnvs-base-palette-cappuccino-500: #352f2f;--cnvs-base-palette-cappuccino-600: #231f20;--cnvs-base-size-0: 0;--cnvs-base-size-25: .125rem;--cnvs-base-size-50: .25rem;--cnvs-base-size-75: .375rem;--cnvs-base-size-100: .5rem;--cnvs-base-size-125: .625rem;--cnvs-base-size-150: .75rem;--cnvs-base-size-175: .875rem;--cnvs-base-size-200: 1rem;--cnvs-base-size-225: 1.125rem;--cnvs-base-size-250: 1.25rem;--cnvs-base-size-300: 1.5rem;--cnvs-base-size-350: 1.75rem;--cnvs-base-size-400: 2rem;--cnvs-base-size-450: 2.25rem;--cnvs-base-size-500: 2.5rem;--cnvs-base-size-600: 3rem;--cnvs-base-size-700: 3.5rem;--cnvs-base-size-800: 4rem;--cnvs-base-size-900: 4.5rem;--cnvs-base-size-1000: 5rem;--cnvs-base-size-1100: 5.5rem;--cnvs-base-size-1200: 6rem;--cnvs-base-size-1300: 6.5rem;--cnvs-base-size-1400: 7rem;--cnvs-base-font-family-50: "Roboto";--cnvs-base-font-family-100: "Roboto Mono";--cnvs-base-font-family-200: "Noto Sans";--cnvs-base-font-weight-300: 300;--cnvs-base-font-weight-400: 400;--cnvs-base-font-weight-500: 500;--cnvs-base-font-weight-700: 700;--cnvs-base-letter-spacing-50: .025rem;--cnvs-base-letter-spacing-100: .02rem;--cnvs-base-letter-spacing-150: .015rem;--cnvs-base-letter-spacing-200: .01rem;--cnvs-base-unit: .25rem;--cnvs-base-extended-palette-dragon-fruit-100: #fbf5ff;--cnvs-base-extended-palette-dragon-fruit-200: #f1d5ff;--cnvs-base-extended-palette-dragon-fruit-300: #736bff;--cnvs-base-extended-palette-dragon-fruit-400: #5f4ae6;--cnvs-base-extended-palette-dragon-fruit-500: #4e3ec2;--cnvs-base-extended-palette-dragon-fruit-600: #272077;--cnvs-base-font-size-25: .625rem;--cnvs-base-font-size-50: .75rem;--cnvs-base-font-size-75: .875rem;--cnvs-base-font-size-100: 1rem;--cnvs-base-font-size-125: 1.125rem;--cnvs-base-font-size-150: 1.25rem;--cnvs-base-font-size-200: 1.5rem;--cnvs-base-font-size-250: 1.75rem;--cnvs-base-font-size-300: 2rem;--cnvs-base-font-size-400: 2.5rem;--cnvs-base-font-size-500: 3rem;--cnvs-base-font-size-600: 3.5rem;--cnvs-base-font-size-750: 4.5rem;--cnvs-base-font-size-900: 5.5rem;--cnvs-base-font-size-1050: 6.5rem;--cnvs-base-line-height-50: 1rem;--cnvs-base-line-height-100: 1.25rem;--cnvs-base-line-height-150: 1.5rem;--cnvs-base-line-height-200: 1.75rem;--cnvs-base-line-height-250: 2rem;--cnvs-base-line-height-300: 2.25rem;--cnvs-base-line-height-350: 2.5rem;--cnvs-base-line-height-400: 3rem;--cnvs-base-line-height-500: 3.5rem;--cnvs-base-line-height-600: 4rem;--cnvs-base-line-height-750: 4.5rem;--cnvs-base-line-height-900: 5.5rem;--cnvs-base-line-height-1050: 6.5rem}:root{--cnvs-brand-positive-a200: var(--cnvs-base-palette-green-a200);--cnvs-brand-positive-a100: var(--cnvs-base-palette-green-a100);--cnvs-brand-positive-a50: var(--cnvs-base-palette-green-a50);--cnvs-brand-positive-a25: var(--cnvs-base-palette-green-a25);--cnvs-brand-positive-975: var(--cnvs-base-palette-green-975);--cnvs-brand-positive-950: var(--cnvs-base-palette-green-950);--cnvs-brand-positive-900: var(--cnvs-base-palette-green-900);--cnvs-brand-positive-800: var(--cnvs-base-palette-green-800);--cnvs-brand-positive-700: var(--cnvs-base-palette-green-700);--cnvs-brand-positive-600: var(--cnvs-base-palette-green-600);--cnvs-brand-positive-500: var(--cnvs-base-palette-green-500);--cnvs-brand-positive-400: var(--cnvs-base-palette-green-400);--cnvs-brand-positive-300: var(--cnvs-base-palette-green-300);--cnvs-brand-positive-200: var(--cnvs-base-palette-green-200);--cnvs-brand-positive-100: var(--cnvs-base-palette-green-100);--cnvs-brand-positive-50: var(--cnvs-base-palette-green-50);--cnvs-brand-positive-25: var(--cnvs-base-palette-green-25);--cnvs-brand-caution-a200: var(--cnvs-base-palette-amber-a200);--cnvs-brand-caution-a100: var(--cnvs-base-palette-amber-a100);--cnvs-brand-caution-a50: var(--cnvs-base-palette-amber-a50);--cnvs-brand-caution-a25: var(--cnvs-base-palette-amber-a25);--cnvs-brand-caution-975: var(--cnvs-base-palette-amber-975);--cnvs-brand-caution-950: var(--cnvs-base-palette-amber-950);--cnvs-brand-caution-900: var(--cnvs-base-palette-amber-900);--cnvs-brand-caution-800: var(--cnvs-base-palette-amber-800);--cnvs-brand-caution-700: var(--cnvs-base-palette-amber-700);--cnvs-brand-caution-600: var(--cnvs-base-palette-amber-600);--cnvs-brand-caution-500: var(--cnvs-base-palette-amber-500);--cnvs-brand-caution-400: var(--cnvs-base-palette-amber-400);--cnvs-brand-caution-300: var(--cnvs-base-palette-amber-300);--cnvs-brand-caution-200: var(--cnvs-base-palette-amber-200);--cnvs-brand-caution-100: var(--cnvs-base-palette-amber-100);--cnvs-brand-caution-50: var(--cnvs-base-palette-amber-50);--cnvs-brand-caution-25: var(--cnvs-base-palette-amber-25);--cnvs-brand-critical-a200: var(--cnvs-base-palette-red-a200);--cnvs-brand-critical-a100: var(--cnvs-base-palette-red-a100);--cnvs-brand-critical-a50: var(--cnvs-base-palette-red-a50);--cnvs-brand-critical-a25: var(--cnvs-base-palette-red-a25);--cnvs-brand-critical-975: var(--cnvs-base-palette-red-975);--cnvs-brand-critical-950: var(--cnvs-base-palette-red-950);--cnvs-brand-critical-900: var(--cnvs-base-palette-red-900);--cnvs-brand-critical-800: var(--cnvs-base-palette-red-800);--cnvs-brand-critical-700: var(--cnvs-base-palette-red-700);--cnvs-brand-critical-600: var(--cnvs-base-palette-red-600);--cnvs-brand-critical-500: var(--cnvs-base-palette-red-500);--cnvs-brand-critical-400: var(--cnvs-base-palette-red-400);--cnvs-brand-critical-300: var(--cnvs-base-palette-red-300);--cnvs-brand-critical-200: var(--cnvs-base-palette-red-200);--cnvs-brand-critical-100: var(--cnvs-base-palette-red-100);--cnvs-brand-critical-50: var(--cnvs-base-palette-red-50);--cnvs-brand-critical-25: var(--cnvs-base-palette-red-25);--cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);--cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);--cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);--cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);--cnvs-brand-neutral-a975: var(--cnvs-base-palette-slate-a975);--cnvs-brand-neutral-a950: var(--cnvs-base-palette-slate-a950);--cnvs-brand-neutral-a900: var(--cnvs-base-palette-slate-a900);--cnvs-brand-neutral-a800: var(--cnvs-base-palette-slate-a800);--cnvs-brand-neutral-a700: var(--cnvs-base-palette-slate-a700);--cnvs-brand-neutral-a600: var(--cnvs-base-palette-slate-a600);--cnvs-brand-neutral-a500: var(--cnvs-base-palette-slate-a500);--cnvs-brand-neutral-a400: var(--cnvs-base-palette-slate-a400);--cnvs-brand-neutral-a300: var(--cnvs-base-palette-slate-a300);--cnvs-brand-neutral-a200: var(--cnvs-base-palette-slate-a200);--cnvs-brand-neutral-a100: var(--cnvs-base-palette-slate-a100);--cnvs-brand-neutral-a50: var(--cnvs-base-palette-slate-a50);--cnvs-brand-neutral-a25: var(--cnvs-base-palette-slate-a25);--cnvs-brand-neutral-light: var(--cnvs-base-palette-neutral-200);--cnvs-brand-neutral-lighter: var(--cnvs-base-palette-neutral-50);--cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);--cnvs-brand-neutral-darkest: var(--cnvs-base-palette-neutral-800);--cnvs-brand-neutral-dark: var(--cnvs-base-palette-neutral-700);--cnvs-brand-neutral-base: var(--cnvs-base-palette-neutral-600);--cnvs-brand-neutral-lightest: var(--cnvs-base-palette-neutral-25);--cnvs-brand-neutral-975: var(--cnvs-base-palette-slate-975);--cnvs-brand-neutral-950: var(--cnvs-base-palette-slate-950);--cnvs-brand-neutral-900: var(--cnvs-base-palette-slate-900);--cnvs-brand-neutral-800: var(--cnvs-base-palette-slate-800);--cnvs-brand-neutral-700: var(--cnvs-base-palette-slate-700);--cnvs-brand-neutral-600: var(--cnvs-base-palette-slate-600);--cnvs-brand-neutral-500: var(--cnvs-base-palette-slate-500);--cnvs-brand-neutral-400: var(--cnvs-base-palette-slate-400);--cnvs-brand-neutral-300: var(--cnvs-base-palette-slate-300);--cnvs-brand-neutral-200: var(--cnvs-base-palette-slate-200);--cnvs-brand-neutral-100: var(--cnvs-base-palette-slate-100);--cnvs-brand-neutral-50: var(--cnvs-base-palette-slate-50);--cnvs-brand-neutral-25: var(--cnvs-base-palette-slate-25);--cnvs-brand-success-light: var(--cnvs-base-palette-green-200);--cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);--cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);--cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);--cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);--cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);--cnvs-brand-success-base: var(--cnvs-base-palette-green-600);--cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);--cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);--cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);--cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);--cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);--cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);--cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);--cnvs-brand-error-light: var(--cnvs-base-palette-red-200);--cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);--cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);--cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);--cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);--cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);--cnvs-brand-error-base: var(--cnvs-base-palette-red-600);--cnvs-brand-primary-a200: var(--cnvs-base-palette-blue-a200);--cnvs-brand-primary-a100: var(--cnvs-base-palette-blue-a100);--cnvs-brand-primary-a50: var(--cnvs-base-palette-blue-a50);--cnvs-brand-primary-a25: var(--cnvs-base-palette-blue-a25);--cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);--cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);--cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);--cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);--cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);--cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);--cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);--cnvs-brand-primary-975: var(--cnvs-base-palette-blue-975);--cnvs-brand-primary-950: var(--cnvs-base-palette-blue-950);--cnvs-brand-primary-900: var(--cnvs-base-palette-blue-900);--cnvs-brand-primary-800: var(--cnvs-base-palette-blue-800);--cnvs-brand-primary-700: var(--cnvs-base-palette-blue-700);--cnvs-brand-primary-600: var(--cnvs-base-palette-blue-600);--cnvs-brand-primary-500: var(--cnvs-base-palette-blue-500);--cnvs-brand-primary-400: var(--cnvs-base-palette-blue-400);--cnvs-brand-primary-300: var(--cnvs-base-palette-blue-300);--cnvs-brand-primary-200: var(--cnvs-base-palette-blue-200);--cnvs-brand-primary-100: var(--cnvs-base-palette-blue-100);--cnvs-brand-primary-50: var(--cnvs-base-palette-blue-50);--cnvs-brand-primary-25: var(--cnvs-base-palette-blue-25);--cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);--cnvs-brand-common-caution-outer: var(--cnvs-brand-caution-500);--cnvs-brand-common-caution-inner: var(--cnvs-brand-caution-400);--cnvs-brand-common-critical: var(--cnvs-brand-critical-500);--cnvs-brand-common-focus: var(--cnvs-brand-primary-500)}:root{--cnvs-sys-depth-1: 0 .0625rem .25rem 0 oklch(.3057 .079 256.22 / .13), 0 .125rem .5rem 0 oklch(.3337 .0688 250.79 / .09);--cnvs-sys-depth-2: 0 .125rem .5rem 0 oklch(.3057 .079 256.22 / .13), 0 .25rem 1rem 0 oklch(.3337 .0688 250.79 / .09);--cnvs-sys-depth-3: 0 .1875rem .75rem 0 oklch(.3057 .079 256.22 / .13), 0 .375rem 1.5rem 0 oklch(.3337 .0688 250.79 / .09);--cnvs-sys-depth-4: 0 .25rem 1rem 0 oklch(.3057 .079 256.22 / .13), 0 .5rem 2rem 0 oklch(.3337 .0688 250.79 / .09);--cnvs-sys-depth-5: 0 .3125rem 1.25rem 0 oklch(.3057 .079 256.22 / .13), 0 .625rem 2.5rem 0 oklch(.3337 .0688 250.79 / .09);--cnvs-sys-depth-6: 0 .375rem 1.5rem 0 oklch(.3057 .079 256.22 / .13), 0 .75rem 3rem 0 oklch(.3337 .0688 250.79 / .09);--cnvs-sys-opacity-full: 1;--cnvs-sys-space-zero: 0;--cnvs-sys-breakpoints-zero: 0;--cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);--cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);--cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);--cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);--cnvs-sys-letter-spacing-body-sm: var(--cnvs-base-letter-spacing-200);--cnvs-sys-letter-spacing-subtext-lg: var(--cnvs-base-letter-spacing-150);--cnvs-sys-letter-spacing-subtext-md: var(--cnvs-base-letter-spacing-100);--cnvs-sys-letter-spacing-subtext-sm: var(--cnvs-base-letter-spacing-50);--cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);--cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);--cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);--cnvs-sys-gap-none: var(--cnvs-base-size-0);--cnvs-sys-padding-none: var(--cnvs-base-size-0);--cnvs-sys-opacity-accent-pressed: var(--cnvs-base-opacity-360);--cnvs-sys-opacity-accent-hover: var(--cnvs-base-opacity-180);--cnvs-sys-opacity-surface-pressed: var(--cnvs-base-opacity-180);--cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-80);--cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-120);--cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-840);--cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-640);--cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-400);--cnvs-sys-opacity-zero: var(--cnvs-base-opacity-0);--cnvs-sys-motion-easing-purposeful-deceleration: var(--cnvs-base-easing-b-300);--cnvs-sys-motion-easing-purposeful-acceleration: var(--cnvs-base-easing-b-200);--cnvs-sys-motion-easing-purposeful-standard: var(--cnvs-base-easing-b-100);--cnvs-sys-motion-easing-quick-deceleration: var(--cnvs-base-easing-a-300);--cnvs-sys-motion-easing-quick-acceleration: var(--cnvs-base-easing-a-200);--cnvs-sys-motion-easing-quick-standard: var(--cnvs-base-easing-a-100);--cnvs-sys-color-focus-contrast: var(--cnvs-base-palette-neutral-a900);--cnvs-sys-color-focus-inverse: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-accent-overlay-mixin: var(--cnvs-base-palette-neutral-1000);--cnvs-sys-color-accent-overlay-pressed: var(--cnvs-base-palette-neutral-a400);--cnvs-sys-color-accent-overlay-hover: var(--cnvs-base-palette-neutral-a200);--cnvs-sys-color-accent-muted-soft: var(--cnvs-base-palette-slate-400);--cnvs-sys-color-accent-muted-default: var(--cnvs-base-palette-slate-600);--cnvs-sys-color-accent-contrast: var(--cnvs-base-palette-neutral-a900);--cnvs-sys-color-accent-success: var(--cnvs-base-palette-green-600);--cnvs-sys-color-accent-warning: var(--cnvs-base-palette-amber-400);--cnvs-sys-color-accent-danger: var(--cnvs-base-palette-red-600);--cnvs-sys-color-accent-info: var(--cnvs-base-palette-blue-600);--cnvs-sys-color-accent-ai: var(--cnvs-base-palette-blue-950);--cnvs-sys-color-surface-overlay-scrim: var(--cnvs-base-palette-neutral-a400);--cnvs-sys-color-surface-overlay-pressed-inverse: var(--cnvs-base-palette-white-a300);--cnvs-sys-color-surface-overlay-pressed-default: var(--cnvs-base-palette-slate-a100);--cnvs-sys-color-surface-overlay-mixin: var(--cnvs-base-palette-slate-500);--cnvs-sys-color-surface-overlay-hover-inverse: var(--cnvs-base-palette-white-a200);--cnvs-sys-color-surface-overlay-hover-default: var(--cnvs-base-palette-slate-a50);--cnvs-sys-color-surface-contrast-strong: var(--cnvs-base-palette-neutral-a950);--cnvs-sys-color-surface-contrast-default: var(--cnvs-base-palette-neutral-a900);--cnvs-sys-color-surface-inverse: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-surface-transparent: var(--cnvs-base-palette-neutral-a0);--cnvs-sys-color-surface-ai-pressed: var(--cnvs-base-palette-blue-400);--cnvs-sys-color-surface-ai-hover: var(--cnvs-base-palette-blue-a200);--cnvs-sys-color-surface-ai-default: var(--cnvs-base-palette-blue-a100);--cnvs-sys-color-surface-success-strong: var(--cnvs-base-palette-green-a50);--cnvs-sys-color-surface-success-default: var(--cnvs-base-palette-green-a25);--cnvs-sys-color-surface-warning-strong: var(--cnvs-base-palette-amber-a50);--cnvs-sys-color-surface-warning-default: var(--cnvs-base-palette-amber-a25);--cnvs-sys-color-surface-danger-strong: var(--cnvs-base-palette-red-a50);--cnvs-sys-color-surface-danger-default: var(--cnvs-base-palette-red-a25);--cnvs-sys-color-surface-info-strong: var(--cnvs-base-palette-blue-a50);--cnvs-sys-color-surface-info-default: var(--cnvs-base-palette-blue-a25);--cnvs-sys-color-surface-loading: var(--cnvs-base-palette-slate-a200);--cnvs-sys-color-surface-alt-strong: var(--cnvs-base-palette-slate-a100);--cnvs-sys-color-surface-alt-default: var(--cnvs-base-palette-slate-a50);--cnvs-sys-color-surface-raised: var(--cnvs-base-palette-slate-a25);--cnvs-sys-color-surface-modal: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-surface-popover: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-surface-navigation: var(--cnvs-base-palette-slate-50);--cnvs-sys-color-surface-default: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100);--cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950);--cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50);--cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600);--cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500);--cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25);--cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400);--cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100);--cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50);--cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950);--cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800);--cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700);--cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200);--cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600);--cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000);--cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50);--cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950);--cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25);--cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800);--cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700);--cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100);--cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600);--cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950);--cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25);--cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800);--cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50);--cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700);--cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100);--cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600);--cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950);--cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100);--cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50);--cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800);--cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700);--cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25);--cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600);--cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);--cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);--cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);--cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);--cnvs-sys-color-shadow-ambient: var(--cnvs-base-palette-slate-a100);--cnvs-sys-color-shadow-base: var(--cnvs-base-palette-slate-a200);--cnvs-sys-color-border-transparent: var(--cnvs-base-palette-neutral-a0);--cnvs-sys-color-border-inverse-strong: var(--cnvs-base-palette-white-a700);--cnvs-sys-color-border-inverse-default: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-border-warning: var(--cnvs-base-palette-amber-400);--cnvs-sys-color-border-danger: var(--cnvs-base-palette-red-500);--cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500);--cnvs-sys-color-border-strong: var(--cnvs-base-palette-slate-a300);--cnvs-sys-color-border-default: var(--cnvs-base-palette-slate-a200);--cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300);--cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500);--cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200);--cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500);--cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400);--cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500);--cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-a900);--cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950);--cnvs-sys-color-border-input-hover: var(--cnvs-base-palette-slate-a700);--cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-a500);--cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700);--cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400);--cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950);--cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-a950);--cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-a900);--cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950);--cnvs-sys-color-fg-success-strong: var(--cnvs-base-palette-green-700);--cnvs-sys-color-fg-success-default: var(--cnvs-base-palette-green-600);--cnvs-sys-color-fg-warning-strong: var(--cnvs-base-palette-amber-700);--cnvs-sys-color-fg-warning-default: var(--cnvs-base-palette-amber-600);--cnvs-sys-color-fg-danger-strong: var(--cnvs-base-palette-red-700);--cnvs-sys-color-fg-danger-default: var(--cnvs-base-palette-red-600);--cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-a400);--cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-a950);--cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-a900);--cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-a800);--cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800);--cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700);--cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400);--cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200);--cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600);--cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700);--cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600);--cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800);--cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);--cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200);--cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500);--cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975);--cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700);--cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950);--cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900);--cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700);--cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800);--cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200);--cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);--cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600);--cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-a700);--cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-a600);--cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400);--cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);--cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200);--cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400);--cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800);--cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700);--cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600);--cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800);--cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700);--cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600);--cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400);--cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500);--cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700);--cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975);--cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950);--cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900);--cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200);--cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400);--cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800);--cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700);--cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600);--cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200);--cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400);--cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800);--cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700);--cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600);--cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200);--cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400);--cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800);--cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700);--cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600);--cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900);--cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600);--cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800);--cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200);--cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400);--cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800);--cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700);--cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600);--cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200);--cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400);--cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800);--cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700);--cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600);--cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);--cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200);--cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975);--cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400);--cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950);--cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900);--cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200);--cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400);--cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800);--cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700);--cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600);--cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200);--cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400);--cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800);--cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700);--cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600);--cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600);--cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400);--cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950);--cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900);--cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800);--cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800);--cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700);--cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600);--cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100);--cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50);--cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25);--cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950);--cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400);--cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200);--cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100);--cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800);--cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700);--cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600);--cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100);--cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50);--cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25);--cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600);--cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500);--cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400);--cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100);--cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50);--cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25);--cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800);--cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700);--cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600);--cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100);--cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50);--cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25);--cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950);--cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900);--cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);--cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);--cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);--cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);--cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-50);--cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300);--cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200);--cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50);--cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25);--cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-500));--cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-400));--cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-250));--cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-100));--cnvs-sys-color-bg-transparent-default: transparent;--cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800);--cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700);--cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600);--cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100);--cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50);--cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25);--cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);--cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);--cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);--cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);--cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);--cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);--cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);--cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);--cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);--cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);--cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);--cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);--cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);--cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20);--cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16);--cnvs-sys-space-x14: calc(var(--cnvs-base-unit) * 14);--cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10);--cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8);--cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6);--cnvs-sys-space-x5: calc(var(--cnvs-base-unit) * 5);--cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4);--cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3);--cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2);--cnvs-sys-space-x1: var(--cnvs-base-unit);--cnvs-sys-space-half: calc(var(--cnvs-base-unit) * .5);--cnvs-sys-shape-none: var(--cnvs-base-size-0);--cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250);--cnvs-sys-shape-x6: calc(var(--cnvs-base-unit) * 6);--cnvs-sys-shape-x4: calc(var(--cnvs-base-unit) * 4);--cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2);--cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);--cnvs-sys-shape-x1: var(--cnvs-base-unit);--cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * .5);--cnvs-sys-breakpoints-l: 1024px;--cnvs-sys-breakpoints-m: 768px;--cnvs-sys-breakpoints-s: 320px;--cnvs-sys-opacity-surface-hover: var(--cnvs-base-opacity-100);--cnvs-sys-color-brand-border-caution: var(--cnvs-brand-caution-500);--cnvs-sys-color-brand-border-critical: var(--cnvs-brand-critical-500);--cnvs-sys-color-brand-border-primary: var(--cnvs-brand-primary-500);--cnvs-sys-color-brand-fg-selected: var(--cnvs-brand-primary-700);--cnvs-sys-color-brand-fg-positive-strong: var(--cnvs-brand-positive-700);--cnvs-sys-color-brand-fg-positive-default: var(--cnvs-brand-positive-600);--cnvs-sys-color-brand-fg-caution-strong: var(--cnvs-brand-caution-700);--cnvs-sys-color-brand-fg-caution-default: var(--cnvs-brand-caution-600);--cnvs-sys-color-brand-fg-critical-strong: var(--cnvs-brand-critical-700);--cnvs-sys-color-brand-fg-critical-default: var(--cnvs-brand-critical-600);--cnvs-sys-color-brand-fg-primary-strong: var(--cnvs-brand-primary-700);--cnvs-sys-color-brand-fg-primary-default: var(--cnvs-brand-primary-600);--cnvs-sys-color-brand-accent-action: var(--cnvs-brand-primary-600);--cnvs-sys-color-brand-accent-positive: var(--cnvs-brand-positive-600);--cnvs-sys-color-brand-accent-caution: var(--cnvs-brand-caution-400);--cnvs-sys-color-brand-accent-critical: var(--cnvs-brand-critical-600);--cnvs-sys-color-brand-accent-primary: var(--cnvs-brand-primary-600);--cnvs-sys-color-brand-surface-selected: var(--cnvs-brand-primary-a50);--cnvs-sys-color-brand-surface-positive-strong: var(--cnvs-brand-positive-a50);--cnvs-sys-color-brand-surface-positive-default: var(--cnvs-brand-positive-a25);--cnvs-sys-color-brand-surface-caution-strong: var(--cnvs-brand-caution-a50);--cnvs-sys-color-brand-surface-caution-default: var(--cnvs-brand-caution-a25);--cnvs-sys-color-brand-surface-critical-strong: var(--cnvs-brand-critical-a50);--cnvs-sys-color-brand-surface-critical-default: var(--cnvs-brand-critical-a25);--cnvs-sys-color-brand-surface-primary-strong: var(--cnvs-brand-primary-a50);--cnvs-sys-color-brand-surface-primary-default: var(--cnvs-brand-primary-a25);--cnvs-sys-color-brand-focus-caution-inner: var(--cnvs-brand-caution-400);--cnvs-sys-color-brand-focus-caution-outer: var(--cnvs-brand-caution-500);--cnvs-sys-color-brand-focus-critical: var(--cnvs-brand-critical-500);--cnvs-sys-color-brand-focus-primary: var(--cnvs-brand-primary-500);--cnvs-sys-color-shadow-default: var(--cnvs-sys-color-shadow-base);--cnvs-sys-color-shadow-2: var(--cnvs-sys-color-shadow-ambient);--cnvs-sys-color-shadow-1: var(--cnvs-sys-color-shadow-base);--cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);--cnvs-sys-shape-zero: var(--cnvs-sys-shape-none);--cnvs-sys-breakpoints-xl: 1440px;--cnvs-sys-breakpoints-lg: 1024px;--cnvs-sys-breakpoints-md: 768px;--cnvs-sys-breakpoints-sm: 320px;--cnvs-sys-gap-xxl: var(--cnvs-base-size-800);--cnvs-sys-gap-xl: var(--cnvs-base-size-400);--cnvs-sys-gap-lg: var(--cnvs-base-size-300);--cnvs-sys-gap-md: var(--cnvs-base-size-200);--cnvs-sys-gap-sm: var(--cnvs-base-size-100);--cnvs-sys-gap-xs: var(--cnvs-base-size-50);--cnvs-sys-padding-xxl: var(--cnvs-base-size-400);--cnvs-sys-padding-xl: var(--cnvs-base-size-300);--cnvs-sys-padding-lg: var(--cnvs-base-size-250);--cnvs-sys-padding-md: var(--cnvs-base-size-200);--cnvs-sys-padding-sm: var(--cnvs-base-size-150);--cnvs-sys-padding-xs: var(--cnvs-base-size-100);--cnvs-sys-padding-xxs: var(--cnvs-base-size-50);--cnvs-sys-size-xxl: var(--cnvs-base-size-800);--cnvs-sys-size-xl: var(--cnvs-base-size-700);--cnvs-sys-size-lg: var(--cnvs-base-size-600);--cnvs-sys-size-md: var(--cnvs-base-size-500);--cnvs-sys-size-sm: var(--cnvs-base-size-400);--cnvs-sys-size-xs: var(--cnvs-base-size-300);--cnvs-sys-size-xxs: var(--cnvs-base-size-250);--cnvs-sys-size-xxxs: var(--cnvs-base-size-200);--cnvs-sys-line-height-title-lg: var(--cnvs-base-size-800);--cnvs-sys-line-height-title-md: var(--cnvs-base-size-700);--cnvs-sys-line-height-title-sm: var(--cnvs-base-size-600);--cnvs-sys-line-height-heading-lg: var(--cnvs-base-size-500);--cnvs-sys-line-height-heading-md: var(--cnvs-base-size-450);--cnvs-sys-line-height-heading-sm: var(--cnvs-base-size-400);--cnvs-sys-line-height-body-lg: var(--cnvs-base-size-350);--cnvs-sys-line-height-body-md: var(--cnvs-base-size-350);--cnvs-sys-line-height-body-sm: var(--cnvs-base-size-300);--cnvs-sys-line-height-subtext-lg: var(--cnvs-base-size-250);--cnvs-sys-line-height-subtext-md: var(--cnvs-base-size-200);--cnvs-sys-line-height-subtext-sm: var(--cnvs-base-size-200);--cnvs-sys-font-size-title-lg: var(--cnvs-base-size-700);--cnvs-sys-font-size-title-md: var(--cnvs-base-size-600);--cnvs-sys-font-size-title-sm: var(--cnvs-base-size-500);--cnvs-sys-font-size-heading-lg: var(--cnvs-base-size-400);--cnvs-sys-font-size-heading-md: var(--cnvs-base-size-350);--cnvs-sys-font-size-heading-sm: var(--cnvs-base-size-300);--cnvs-sys-font-size-body-lg: var(--cnvs-base-size-250);--cnvs-sys-font-size-body-md: var(--cnvs-base-size-225);--cnvs-sys-font-size-body-sm: var(--cnvs-base-size-200);--cnvs-sys-font-size-subtext-lg: var(--cnvs-base-size-175);--cnvs-sys-font-size-subtext-md: var(--cnvs-base-size-150);--cnvs-sys-font-size-subtext-sm: var(--cnvs-base-size-125);--cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);--cnvs-sys-shape-full: calc(var(--cnvs-base-size-75) * 100);--cnvs-sys-shape-xxxl: var(--cnvs-base-size-400);--cnvs-sys-shape-xxl: var(--cnvs-base-size-300);--cnvs-sys-shape-xl: var(--cnvs-base-size-200);--cnvs-sys-shape-lg: var(--cnvs-base-size-150);--cnvs-sys-shape-md: var(--cnvs-base-size-100);--cnvs-sys-shape-sm: var(--cnvs-base-size-50);--cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);--cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);--cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);--cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);--cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);--cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);--cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);--cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);--cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600)}.cnvs-sys-type-subtext-small{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-small);font-size:var(--cnvs-sys-font-size-subtext-small);letter-spacing:var(--cnvs-base-letter-spacing-50)}.cnvs-sys-type-subtext-medium{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-medium);font-size:var(--cnvs-sys-font-size-subtext-medium);letter-spacing:var(--cnvs-base-letter-spacing-100)}.cnvs-sys-type-subtext-large{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150)}.cnvs-sys-type-subtext-sm{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-sm);font-size:var(--cnvs-sys-font-size-subtext-sm);letter-spacing:var(--cnvs-sys-letter-spacing-subtext-sm)}.cnvs-sys-type-subtext-md{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-md);font-size:var(--cnvs-sys-font-size-subtext-md);letter-spacing:var(--cnvs-sys-letter-spacing-subtext-md)}.cnvs-sys-type-subtext-lg{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-lg);font-size:var(--cnvs-sys-font-size-subtext-lg);letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg)}.cnvs-sys-type-body-small{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-body-small);font-size:var(--cnvs-sys-font-size-body-small);letter-spacing:var(--cnvs-base-letter-spacing-200)}.cnvs-sys-type-body-medium{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-body-medium);font-size:var(--cnvs-sys-font-size-body-medium)}.cnvs-sys-type-body-large{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-body-large);font-size:var(--cnvs-sys-font-size-body-large)}.cnvs-sys-type-body-sm{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-body-sm);font-size:var(--cnvs-sys-font-size-body-sm);letter-spacing:var(--cnvs-sys-letter-spacing-body-sm)}.cnvs-sys-type-body-md{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-body-md);font-size:var(--cnvs-sys-font-size-body-md)}.cnvs-sys-type-body-lg{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-body-lg);font-size:var(--cnvs-sys-font-size-body-lg)}.cnvs-sys-type-heading-small{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-heading-small);font-size:var(--cnvs-sys-font-size-heading-small)}.cnvs-sys-type-heading-medium{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-heading-medium);font-size:var(--cnvs-sys-font-size-heading-medium)}.cnvs-sys-type-heading-large{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-heading-large);font-size:var(--cnvs-sys-font-size-heading-large)}.cnvs-sys-type-heading-sm{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-heading-sm);font-size:var(--cnvs-sys-font-size-heading-sm)}.cnvs-sys-type-heading-md{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-heading-md);font-size:var(--cnvs-sys-font-size-heading-md)}.cnvs-sys-type-heading-lg{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-heading-lg);font-size:var(--cnvs-sys-font-size-heading-lg)}.cnvs-sys-type-title-small{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-title-small);font-size:var(--cnvs-sys-font-size-title-small)}.cnvs-sys-type-title-medium{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-title-medium);font-size:var(--cnvs-sys-font-size-title-medium)}.cnvs-sys-type-title-large{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-title-large);font-size:var(--cnvs-sys-font-size-title-large)}.cnvs-sys-type-title-sm{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-title-sm);font-size:var(--cnvs-sys-font-size-title-sm)}.cnvs-sys-type-title-md{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-title-md);font-size:var(--cnvs-sys-font-size-title-md)}.cnvs-sys-type-title-lg{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-title-lg);font-size:var(--cnvs-sys-font-size-title-lg)}</style>
|
|
518
|
+
<style rel="stylesheet" crossorigin>:root{--cnvs-base-font-size: 1rem;--cnvs-base-baseline: .5rem;--cnvs-base-duration-50: 50ms;--cnvs-base-duration-100: .1s;--cnvs-base-duration-150: .15s;--cnvs-base-duration-200: .2s;--cnvs-base-duration-250: .25s;--cnvs-base-duration-300: .3s;--cnvs-base-duration-350: .35s;--cnvs-base-duration-400: .4s;--cnvs-base-duration-450: .45s;--cnvs-base-duration-500: .5s;--cnvs-base-duration-550: .55s;--cnvs-base-duration-600: .6s;--cnvs-base-duration-650: .65s;--cnvs-base-duration-700: .7s;--cnvs-base-duration-750: .75s;--cnvs-base-duration-800: .8s;--cnvs-base-duration-850: .85s;--cnvs-base-duration-900: .9s;--cnvs-base-duration-950: .95s;--cnvs-base-duration-1000: 1s;--cnvs-base-easing-a-100: cubic-bezier(.2, 0, .2, 1);--cnvs-base-easing-a-200: cubic-bezier(.4, 0, .95, .8);--cnvs-base-easing-a-300: cubic-bezier(.05, .4, .3, 1);--cnvs-base-easing-b-100: cubic-bezier(.35, 0, .05, 1);--cnvs-base-easing-b-200: cubic-bezier(.4, 0, .8, .3);--cnvs-base-easing-b-300: cubic-bezier(0, .4, .2, 1);--cnvs-base-opacity-0: 0;--cnvs-base-opacity-80: .08;--cnvs-base-opacity-100: .08;--cnvs-base-opacity-120: .12;--cnvs-base-opacity-180: .18;--cnvs-base-opacity-200: .2;--cnvs-base-opacity-250: .2;--cnvs-base-opacity-300: .4;--cnvs-base-opacity-360: .36;--cnvs-base-opacity-400: .4;--cnvs-base-opacity-500: .84;--cnvs-base-opacity-640: .64;--cnvs-base-opacity-840: .84;--cnvs-base-palette-amber-25: oklch(.9779 .0214 95.33 / 1);--cnvs-base-palette-amber-50: oklch(.969 .0619 101.63 / 1);--cnvs-base-palette-amber-100: oklch(.9567 .0948 100.22 / 1);--cnvs-base-palette-amber-200: oklch(.9191 .1547 99.7 / 1);--cnvs-base-palette-amber-300: oklch(.8432 .1713 85.24 / 1);--cnvs-base-palette-amber-400: oklch(.7909 .1711 70.15 / 1);--cnvs-base-palette-amber-500: oklch(.6601 .1537 60.7 / 1);--cnvs-base-palette-amber-600: oklch(.5505 .1439 50.78 / 1);--cnvs-base-palette-amber-700: oklch(.4824 .1353 46.11 / 1);--cnvs-base-palette-amber-800: oklch(.4143 .1245 42.21 / 1);--cnvs-base-palette-amber-900: oklch(.32 .098 41.19 / 1);--cnvs-base-palette-amber-950: oklch(.2489 .0771 40.64 / 1);--cnvs-base-palette-amber-975: oklch(.2165 .0674 40.35 / 1);--cnvs-base-palette-amber-a25: oklch(.7982 .159 92.57 / .1);--cnvs-base-palette-amber-a50: oklch(.8864 .1845 100.28 / .22);--cnvs-base-palette-amber-a100: oklch(.8988 .185 97.8 / .35);--cnvs-base-palette-amber-a200: oklch(.886 .1822 96.83 / .64);--cnvs-base-palette-azure-25: oklch(.981 .0131 220.96 / 1);--cnvs-base-palette-azure-50: oklch(.9549 .0295 223.86 / 1);--cnvs-base-palette-azure-100: oklch(.9321 .0425 227.25 / 1);--cnvs-base-palette-azure-200: oklch(.8594 .0867 230.07 / 1);--cnvs-base-palette-azure-300: oklch(.7991 .107 239.24 / 1);--cnvs-base-palette-azure-400: oklch(.7283 .1377 242.63 / 1);--cnvs-base-palette-azure-500: oklch(.6555 .1553 244.48 / 1);--cnvs-base-palette-azure-600: oklch(.5174 .1257 243.24 / 1);--cnvs-base-palette-azure-700: oklch(.4618 .1098 242.11 / 1);--cnvs-base-palette-azure-800: oklch(.3912 .0855 237.05 / 1);--cnvs-base-palette-azure-900: oklch(.326 .07 235.91 / 1);--cnvs-base-palette-azure-950: oklch(.249 .053 235.41 / 1);--cnvs-base-palette-azure-975: oklch(.2138 .0455 235.23 / 1);--cnvs-base-palette-azure-a25: oklch(.7487 .1547 233.36 / .06);--cnvs-base-palette-azure-a50: oklch(.7394 .1572 235.46 / .14);--cnvs-base-palette-azure-a100: oklch(.7186 .1639 239.76 / .2);--cnvs-base-palette-azure-a200: oklch(.7117 .1663 241.15 / .42);--cnvs-base-palette-blue-25: oklch(.969 .0155 248.07 / 1);--cnvs-base-palette-blue-50: oklch(.9523 .0239 248.12 / 1);--cnvs-base-palette-blue-100: oklch(.928 .0359 250.6 / 1);--cnvs-base-palette-blue-200: oklch(.8627 .0701 250.6 / 1);--cnvs-base-palette-blue-300: oklch(.7933 .1076 252.08 / 1);--cnvs-base-palette-blue-400: oklch(.708 .1549 255.41 / 1);--cnvs-base-palette-blue-500: oklch(.6023 .2032 255.68 / 1);--cnvs-base-palette-blue-600: oklch(.5198 .1782 256.11 / 1);--cnvs-base-palette-blue-700: oklch(.4658 .1562 255.5 / 1);--cnvs-base-palette-blue-800: oklch(.3908 .128 256 / 1);--cnvs-base-palette-blue-900: oklch(.3152 .1054 261.09 / 1);--cnvs-base-palette-blue-950: oklch(.2452 .0752 254.55 / 1);--cnvs-base-palette-blue-975: oklch(.209 .07 255.61 / 1);--cnvs-base-palette-blue-a25: oklch(.6499 .1912 253.52 / .08);--cnvs-base-palette-blue-a50: oklch(.6152 .2108 256.1 / .11);--cnvs-base-palette-blue-a100: oklch(.6225 .2064 255.9 / .17);--cnvs-base-palette-blue-a200: oklch(.6048 .2166 257.21 / .31);--cnvs-base-palette-coral-25: oklch(.9837 .0085 44.54 / 1);--cnvs-base-palette-coral-50: oklch(.9659 .0171 35.14 / 1);--cnvs-base-palette-coral-100: oklch(.9344 .0339 35.8 / 1);--cnvs-base-palette-coral-200: oklch(.8476 .0856 37.59 / 1);--cnvs-base-palette-coral-300: oklch(.7671 .1418 38.37 / 1);--cnvs-base-palette-coral-400: oklch(.7279 .1703 38.58 / 1);--cnvs-base-palette-coral-500: oklch(.6779 .2096 40.36 / 1);--cnvs-base-palette-coral-600: oklch(.5394 .1828 36.43 / 1);--cnvs-base-palette-coral-700: oklch(.4616 .1629 34.74 / 1);--cnvs-base-palette-coral-800: oklch(.393 .143 33.49 / 1);--cnvs-base-palette-coral-900: oklch(.3043 .1137 32.49 / 1);--cnvs-base-palette-coral-950: oklch(.236 .0899 31.8 / 1);--cnvs-base-palette-coral-975: oklch(.2114 .07 29.72 / 1);--cnvs-base-palette-coral-a25: oklch(.6708 .221 37.37 / .04);--cnvs-base-palette-coral-a50: oklch(.6598 .229 34.15 / .08);--cnvs-base-palette-coral-a100: oklch(.6545 .2337 33.76 / .15);--cnvs-base-palette-coral-a200: oklch(.6552 .2332 34.09 / .36);--cnvs-base-palette-green-25: oklch(.9824 .0282 148.77 / 1);--cnvs-base-palette-green-50: oklch(.9655 .0561 149.93 / 1);--cnvs-base-palette-green-100: oklch(.9278 .1024 149.88 / 1);--cnvs-base-palette-green-200: oklch(.8506 .1804 149.93 / 1);--cnvs-base-palette-green-300: oklch(.7817 .1928 150.67 / 1);--cnvs-base-palette-green-400: oklch(.702 .1952 148.39 / 1);--cnvs-base-palette-green-500: oklch(.6362 .1974 145.47 / 1);--cnvs-base-palette-green-600: oklch(.5069 .1569 145.56 / 1);--cnvs-base-palette-green-700: oklch(.4463 .1422 144.58 / 1);--cnvs-base-palette-green-800: oklch(.3955 .1156 147.66 / 1);--cnvs-base-palette-green-900: oklch(.3197 .0997 145.3 / 1);--cnvs-base-palette-green-950: oklch(.2548 .0796 145.23 / 1);--cnvs-base-palette-green-975: oklch(.2118 .0653 145.69 / 1);--cnvs-base-palette-green-a25: oklch(.8695 .2801 143.52 / .08);--cnvs-base-palette-green-a50: oklch(.8685 .2814 143.77 / .15);--cnvs-base-palette-green-a100: oklch(.8316 .2716 143.71 / .29);--cnvs-base-palette-green-a200: oklch(.796 .2508 144.9 / .6);--cnvs-base-palette-indigo-25: oklch(.9703 .0147 286 / 1);--cnvs-base-palette-indigo-50: oklch(.9499 .0243 280.81 / 1);--cnvs-base-palette-indigo-100: oklch(.9201 .0395 282.43 / 1);--cnvs-base-palette-indigo-200: oklch(.8503 .0754 280.52 / 1);--cnvs-base-palette-indigo-300: oklch(.7625 .1242 281 / 1);--cnvs-base-palette-indigo-400: oklch(.712 .1531 280.1 / 1);--cnvs-base-palette-indigo-500: oklch(.615 .2131 280.7 / 1);--cnvs-base-palette-indigo-600: oklch(.5289 .2241 281.65 / 1);--cnvs-base-palette-indigo-700: oklch(.466 .1961 280.9 / 1);--cnvs-base-palette-indigo-800: oklch(.379 .1771 278.1 / 1);--cnvs-base-palette-indigo-900: oklch(.317 .142 278.2 / 1);--cnvs-base-palette-indigo-950: oklch(.2448 .1108 277.85 / 1);--cnvs-base-palette-indigo-975: oklch(.1951 .0693 277.85 / 1);--cnvs-base-palette-indigo-a25: oklch(.4762 .2966 267.42 / .05);--cnvs-base-palette-indigo-a50: oklch(.4661 .3036 264.5 / .08);--cnvs-base-palette-indigo-a100: oklch(.4693 .3013 265.31 / .13);--cnvs-base-palette-indigo-a200: oklch(.4666 .3032 264.75 / .24);--cnvs-base-palette-magenta-25: oklch(.9782 .0191 325.55 / 1);--cnvs-base-palette-magenta-50: oklch(.9637 .0322 325.69 / 1);--cnvs-base-palette-magenta-100: oklch(.9253 .0627 329.34 / 1);--cnvs-base-palette-magenta-200: oklch(.887 .1029 327.44 / 1);--cnvs-base-palette-magenta-300: oklch(.807 .166 333.78 / 1);--cnvs-base-palette-magenta-400: oklch(.737 .198 341.58 / 1);--cnvs-base-palette-magenta-500: oklch(.6557 .2007 346.62 / 1);--cnvs-base-palette-magenta-600: oklch(.534 .183 344.19 / 1);--cnvs-base-palette-magenta-700: oklch(.4641 .1602 344.45 / 1);--cnvs-base-palette-magenta-800: oklch(.4011 .1269 344.4 / 1);--cnvs-base-palette-magenta-900: oklch(.297 .095 343.19 / 1);--cnvs-base-palette-magenta-950: oklch(.2332 .0908 343.78 / 1);--cnvs-base-palette-magenta-975: oklch(.2016 .0706 345.97 / 1);--cnvs-base-palette-magenta-a25: oklch(.7091 .3124 328.27 / .05);--cnvs-base-palette-magenta-a50: oklch(.7044 .3188 328.33 / .08);--cnvs-base-palette-magenta-a100: oklch(.6892 .3052 333.97 / .16);--cnvs-base-palette-magenta-a200: oklch(.6972 .3174 330.1 / .24);--cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);--cnvs-base-palette-neutral-25: oklch(.9851 0 0 / 1);--cnvs-base-palette-neutral-50: oklch(.9702 0 0 / 1);--cnvs-base-palette-neutral-100: oklch(.9431 0 0 / 1);--cnvs-base-palette-neutral-200: oklch(.8699 0 0 / 1);--cnvs-base-palette-neutral-300: oklch(.8015 0 0 / 1);--cnvs-base-palette-neutral-400: oklch(.72 0 0 / 1);--cnvs-base-palette-neutral-500: oklch(.6234 0 0 / 1);--cnvs-base-palette-neutral-600: oklch(.5103 0 0 / 1);--cnvs-base-palette-neutral-700: oklch(.4494 0 0 / 1);--cnvs-base-palette-neutral-800: oklch(.3523 0 0 / 1);--cnvs-base-palette-neutral-900: oklch(.2891 0 0 / 1);--cnvs-base-palette-neutral-950: oklch(.2308 0 0 / 1);--cnvs-base-palette-neutral-975: oklch(.1591 0 0 / 1);--cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);--cnvs-base-palette-neutral-a0: oklch(0 0 0 / 0);--cnvs-base-palette-neutral-a25: oklch(.1149 0 0 / .02);--cnvs-base-palette-neutral-a50: oklch(.1149 0 0 / .04);--cnvs-base-palette-neutral-a100: oklch(.1822 0 0 / .08);--cnvs-base-palette-neutral-a200: oklch(.0847 0 0 / .17);--cnvs-base-palette-neutral-a300: oklch(.1149 0 0 / .26);--cnvs-base-palette-neutral-a400: oklch(.0847 0 0 / .36);--cnvs-base-palette-neutral-a500: oklch(.1149 0 0 / .48);--cnvs-base-palette-neutral-a600: oklch(0 0 0 / .6);--cnvs-base-palette-neutral-a700: oklch(.0672 0 0 / .67);--cnvs-base-palette-neutral-a800: oklch(0 0 0 / .77);--cnvs-base-palette-neutral-a900: oklch(.0969 0 0 / .84);--cnvs-base-palette-neutral-a950: oklch(.0672 0 0 / .89);--cnvs-base-palette-neutral-a975: oklch(0 0 0 / .95);--cnvs-base-palette-orange-25: oklch(.9673 .0205 67.52 / 1);--cnvs-base-palette-orange-50: oklch(.9523 .0366 72.6 / 1);--cnvs-base-palette-orange-100: oklch(.9243 .0542 67.95 / 1);--cnvs-base-palette-orange-200: oklch(.8606 .1002 65.34 / 1);--cnvs-base-palette-orange-300: oklch(.7839 .1608 63.57 / 1);--cnvs-base-palette-orange-400: oklch(.7261 .1852 52.58 / 1);--cnvs-base-palette-orange-500: oklch(.6617 .1893 44.93 / 1);--cnvs-base-palette-orange-600: oklch(.53 .165 40.39 / 1);--cnvs-base-palette-orange-700: oklch(.4689 .1456 40.5 / 1);--cnvs-base-palette-orange-800: oklch(.4077 .1336 37.92 / 1);--cnvs-base-palette-orange-900: oklch(.3243 .1084 37.05 / 1);--cnvs-base-palette-orange-950: oklch(.2421 .082 36.47 / 1);--cnvs-base-palette-orange-975: oklch(.2121 .0706 37.19 / 1);--cnvs-base-palette-orange-a25: oklch(.7136 .1784 53.73 / .1);--cnvs-base-palette-orange-a50: oklch(.7555 .1769 59.35 / .17);--cnvs-base-palette-orange-a100: oklch(.7365 .1837 54.12 / .25);--cnvs-base-palette-orange-a200: oklch(.7304 .1863 52.52 / .46);--cnvs-base-palette-purple-25: oklch(.9776 .0147 312 / 1);--cnvs-base-palette-purple-50: oklch(.951 .0321 311.49 / 1);--cnvs-base-palette-purple-100: oklch(.909 .0637 314.43 / 1);--cnvs-base-palette-purple-200: oklch(.8701 .0965 316.6 / 1);--cnvs-base-palette-purple-300: oklch(.8108 .1412 315.48 / 1);--cnvs-base-palette-purple-400: oklch(.734 .1621 315.88 / 1);--cnvs-base-palette-purple-500: oklch(.628 .1681 312.69 / 1);--cnvs-base-palette-purple-600: oklch(.5177 .162 313.92 / 1);--cnvs-base-palette-purple-700: oklch(.476 .156 313.2 / 1);--cnvs-base-palette-purple-800: oklch(.422 .136 315.49 / 1);--cnvs-base-palette-purple-900: oklch(.3143 .0996 313.76 / 1);--cnvs-base-palette-purple-950: oklch(.2351 .0734 313.34 / 1);--cnvs-base-palette-purple-975: oklch(.194 .062 312.79 / 1);--cnvs-base-palette-purple-a25: oklch(.5632 .2948 302.45 / .04);--cnvs-base-palette-purple-a50: oklch(.5645 .2935 302.36 / .09);--cnvs-base-palette-purple-a100: oklch(.5867 .2975 307.8 / .17);--cnvs-base-palette-purple-a200: oklch(.6051 .3009 311.78 / .25);--cnvs-base-palette-red-25: oklch(.9667 .0163 21.82 / 1);--cnvs-base-palette-red-50: oklch(.9533 .0231 23.95 / 1);--cnvs-base-palette-red-100: oklch(.9225 .0394 25.51 / 1);--cnvs-base-palette-red-200: oklch(.8339 .092 28.19 / 1);--cnvs-base-palette-red-300: oklch(.7533 .1484 28.45 / 1);--cnvs-base-palette-red-400: oklch(.6857 .2037 29.76 / 1);--cnvs-base-palette-red-500: oklch(.6495 .2369 30.04 / 1);--cnvs-base-palette-red-600: oklch(.5342 .2172 29.53 / 1);--cnvs-base-palette-red-700: oklch(.4517 .1847 28.2 / 1);--cnvs-base-palette-red-800: oklch(.3712 .1509 26.08 / 1);--cnvs-base-palette-red-900: oklch(.291 .118 25.59 / 1);--cnvs-base-palette-red-950: oklch(.2318 .0937 24.02 / 1);--cnvs-base-palette-red-975: oklch(.1988 .0718 20.63 / 1);--cnvs-base-palette-red-a25: oklch(.6289 .2567 29.11 / .04);--cnvs-base-palette-red-a50: oklch(.6434 .2428 30.17 / .1);--cnvs-base-palette-red-a100: oklch(.6382 .248 30.42 / .16);--cnvs-base-palette-red-a200: oklch(.6375 .2487 30.71 / .35);--cnvs-base-palette-slate-25: oklch(.9846 .0018 248.57 / 1);--cnvs-base-palette-slate-50: oklch(.9692 .0035 248.23 / 1);--cnvs-base-palette-slate-100: oklch(.9447 .0053 248.12 / 1);--cnvs-base-palette-slate-200: oklch(.917 .0081 254 / 1);--cnvs-base-palette-slate-300: oklch(.856 .0111 256.85 / 1);--cnvs-base-palette-slate-400: oklch(.754 .0181 256.33 / 1);--cnvs-base-palette-slate-500: oklch(.629 .0281 255.62 / 1);--cnvs-base-palette-slate-600: oklch(.5103 .0255 256.8 / 1);--cnvs-base-palette-slate-700: oklch(.45 .022 255.52 / 1);--cnvs-base-palette-slate-800: oklch(.3685 .0218 256.4 / 1);--cnvs-base-palette-slate-900: oklch(.278 .0156 252.4 / 1);--cnvs-base-palette-slate-950: oklch(.2453 .0136 253.1 / 1);--cnvs-base-palette-slate-975: oklch(.18 .008 248.33 / 1);--cnvs-base-palette-slate-a25: oklch(.4688 .0781 250.43 / .03);--cnvs-base-palette-slate-a50: oklch(.3343 .0951 253.3 / .05);--cnvs-base-palette-slate-a100: oklch(.3337 .0688 250.79 / .09);--cnvs-base-palette-slate-a200: oklch(.3057 .079 256.22 / .13);--cnvs-base-palette-slate-a300: oklch(.2442 .0693 257.66 / .21);--cnvs-base-palette-slate-a400: oklch(.2333 .0665 257.09 / .35);--cnvs-base-palette-slate-a500: oklch(.2187 .0685 255.77 / .51);--cnvs-base-palette-slate-a600: oklch(.1793 .0503 254.55 / .64);--cnvs-base-palette-slate-a700: oklch(.1595 .0431 250.87 / .7);--cnvs-base-palette-slate-a800: oklch(.157 .0349 253.16 / .79);--cnvs-base-palette-slate-a900: oklch(.1351 .0244 244.09 / .87);--cnvs-base-palette-slate-a950: oklch(.1312 .0198 248.87 / .9);--cnvs-base-palette-slate-a975: oklch(.1168 .014 231.47 / .95);--cnvs-base-palette-teal-25: oklch(.9827 .021 200.66 / 1);--cnvs-base-palette-teal-50: oklch(.9575 .0424 203.83 / 1);--cnvs-base-palette-teal-100: oklch(.935 .046 205.09 / 1);--cnvs-base-palette-teal-200: oklch(.8766 .0677 204.24 / 1);--cnvs-base-palette-teal-300: oklch(.7836 .0874 204.93 / 1);--cnvs-base-palette-teal-400: oklch(.7154 .1006 206.05 / 1);--cnvs-base-palette-teal-500: oklch(.6385 .1093 205.92 / 1);--cnvs-base-palette-teal-600: oklch(.5141 .0882 207.28 / 1);--cnvs-base-palette-teal-700: oklch(.4634 .0796 207.82 / 1);--cnvs-base-palette-teal-800: oklch(.3982 .0687 209.08 / 1);--cnvs-base-palette-teal-900: oklch(.3052 .0529 210.69 / 1);--cnvs-base-palette-teal-950: oklch(.2425 .042 210.69 / 1);--cnvs-base-palette-teal-975: oklch(.2037 .0354 211.24 / 1);--cnvs-base-palette-teal-a25: oklch(.8804 .1478 200.72 / .09);--cnvs-base-palette-teal-a50: oklch(.8427 .1433 206.66 / .19);--cnvs-base-palette-teal-a100: oklch(.7626 .1316 209.35 / .22);--cnvs-base-palette-teal-a200: oklch(.7101 .1219 207.98 / .37);--cnvs-base-palette-white-a0: oklch(1 0 0 / 0);--cnvs-base-palette-white-a25: oklch(1 0 0 / .02);--cnvs-base-palette-white-a50: oklch(1 0 0 / .03);--cnvs-base-palette-white-a100: oklch(1 0 0 / .08);--cnvs-base-palette-white-a200: oklch(1 0 0 / .16);--cnvs-base-palette-white-a300: oklch(1 0 0 / .26);--cnvs-base-palette-white-a400: oklch(1 0 0 / .36);--cnvs-base-palette-white-a500: oklch(1 0 0 / .47);--cnvs-base-palette-white-a600: oklch(1 0 0 / .6);--cnvs-base-palette-white-a700: oklch(1 0 0 / .67);--cnvs-base-palette-white-a800: oklch(1 0 0 / .77);--cnvs-base-palette-white-a900: oklch(1 0 0 / .83);--cnvs-base-palette-white-a950: oklch(1 0 0 / .89);--cnvs-base-palette-white-a975: oklch(1 0 0 / .95);--cnvs-base-palette-cinnamon-100: #ffefee;--cnvs-base-palette-cinnamon-200: #FCC9C5;--cnvs-base-palette-cinnamon-300: #ff867d;--cnvs-base-palette-cinnamon-400: #ff5347;--cnvs-base-palette-cinnamon-500: #de2e21;--cnvs-base-palette-cinnamon-600: #a31b12;--cnvs-base-palette-peach-100: #fff3f0;--cnvs-base-palette-peach-200: #ffc2b3;--cnvs-base-palette-peach-300: #ff957a;--cnvs-base-palette-peach-400: #ff643d;--cnvs-base-palette-peach-500: #de4721;--cnvs-base-palette-peach-600: #b53413;--cnvs-base-palette-chili-mango-100: #ffe6d9;--cnvs-base-palette-chili-mango-200: #ffc7ab;--cnvs-base-palette-chili-mango-300: #ff9b69;--cnvs-base-palette-chili-mango-400: #ff671b;--cnvs-base-palette-chili-mango-500: #e04b00;--cnvs-base-palette-chili-mango-600: #a33600;--cnvs-base-palette-cantaloupe-100: #ffeed9;--cnvs-base-palette-cantaloupe-200: #fcd49f;--cnvs-base-palette-cantaloupe-300: #ffbc63;--cnvs-base-palette-cantaloupe-400: #ffa126;--cnvs-base-palette-cantaloupe-500: #f38b00;--cnvs-base-palette-cantaloupe-600: #c06c00;--cnvs-base-palette-sour-lemon-100: #fff9e6;--cnvs-base-palette-sour-lemon-200: #ffecab;--cnvs-base-palette-sour-lemon-300: #ffda61;--cnvs-base-palette-sour-lemon-400: #ffc629;--cnvs-base-palette-sour-lemon-500: #ebb400;--cnvs-base-palette-sour-lemon-600: #bd9100;--cnvs-base-palette-juicy-pear-100: #f7fae6;--cnvs-base-palette-juicy-pear-200: #e2f391;--cnvs-base-palette-juicy-pear-300: #c4de40;--cnvs-base-palette-juicy-pear-400: #a8c224;--cnvs-base-palette-juicy-pear-500: #8ea618;--cnvs-base-palette-juicy-pear-600: #687818;--cnvs-base-palette-kiwi-100: #ecfcd7;--cnvs-base-palette-kiwi-200: #caf593;--cnvs-base-palette-kiwi-300: #a7e05c;--cnvs-base-palette-kiwi-400: #77bc1f;--cnvs-base-palette-kiwi-500: #609915;--cnvs-base-palette-kiwi-600: #537824;--cnvs-base-palette-green-apple-100: #ebfff0;--cnvs-base-palette-green-apple-200: #acf5be;--cnvs-base-palette-green-apple-300: #5fe380;--cnvs-base-palette-green-apple-400: #43c463;--cnvs-base-palette-green-apple-500: #319c4c;--cnvs-base-palette-green-apple-600: #217a37;--cnvs-base-palette-watermelon-100: #ebfdf8;--cnvs-base-palette-watermelon-200: #b7edde;--cnvs-base-palette-watermelon-300: #65ccaf;--cnvs-base-palette-watermelon-400: #12a67c;--cnvs-base-palette-watermelon-500: #0c7a5b;--cnvs-base-palette-watermelon-600: #00573e;--cnvs-base-palette-jewel-100: #ebfdff;--cnvs-base-palette-jewel-200: #acecf3;--cnvs-base-palette-jewel-300: #44c8d7;--cnvs-base-palette-jewel-400: #1ea4b3;--cnvs-base-palette-jewel-500: #1a818c;--cnvs-base-palette-jewel-600: #156973;--cnvs-base-palette-toothpaste-100: #d7f1fc;--cnvs-base-palette-toothpaste-200: #99e0ff;--cnvs-base-palette-toothpaste-300: #40b4e5;--cnvs-base-palette-toothpaste-400: #1894c9;--cnvs-base-palette-toothpaste-500: #0271a1;--cnvs-base-palette-toothpaste-600: #005B82;--cnvs-base-palette-blueberry-100: #D7EAFC;--cnvs-base-palette-blueberry-200: #A6D2FF;--cnvs-base-palette-blueberry-300: #40A0FF;--cnvs-base-palette-blueberry-400: #0875E1;--cnvs-base-palette-blueberry-500: #005cb9;--cnvs-base-palette-blueberry-600: #004387;--cnvs-base-palette-plum-100: #e6f1ff;--cnvs-base-palette-plum-200: #A6CDFF;--cnvs-base-palette-plum-300: #529bfa;--cnvs-base-palette-plum-400: #3881E1;--cnvs-base-palette-plum-500: #3166ab;--cnvs-base-palette-plum-600: #264a7a;--cnvs-base-palette-berry-smoothie-100: #e8edff;--cnvs-base-palette-berry-smoothie-200: #c2cfff;--cnvs-base-palette-berry-smoothie-300: #7891FF;--cnvs-base-palette-berry-smoothie-400: #5E77E6;--cnvs-base-palette-berry-smoothie-500: #4b5eb3;--cnvs-base-palette-berry-smoothie-600: #3b4987;--cnvs-base-palette-blackberry-100: #f0f0ff;--cnvs-base-palette-blackberry-200: #c3c2ff;--cnvs-base-palette-blackberry-300: #8483e6;--cnvs-base-palette-blackberry-400: #5c59e6;--cnvs-base-palette-blackberry-500: #413fcc;--cnvs-base-palette-blackberry-600: #2e2d91;--cnvs-base-palette-island-punch-100: #f5f0ff;--cnvs-base-palette-island-punch-200: #d2befa;--cnvs-base-palette-island-punch-300: #a88ae6;--cnvs-base-palette-island-punch-400: #8660d1;--cnvs-base-palette-island-punch-500: #6345a1;--cnvs-base-palette-island-punch-600: #503882;--cnvs-base-palette-grape-soda-100: #feebff;--cnvs-base-palette-grape-soda-200: #fac0ff;--cnvs-base-palette-grape-soda-300: #de8ae6;--cnvs-base-palette-grape-soda-400: #c860d1;--cnvs-base-palette-grape-soda-500: #97499e;--cnvs-base-palette-grape-soda-600: #7C3882;--cnvs-base-palette-pomegranate-100: #ffebf3;--cnvs-base-palette-pomegranate-200: #ffbdd6;--cnvs-base-palette-pomegranate-300: #ff5c9a;--cnvs-base-palette-pomegranate-400: #f31167;--cnvs-base-palette-pomegranate-500: #c70550;--cnvs-base-palette-pomegranate-600: #99003a;--cnvs-base-palette-fruit-punch-100: #FFEEEE;--cnvs-base-palette-fruit-punch-200: #ffbdbd;--cnvs-base-palette-fruit-punch-300: #FF7E7E;--cnvs-base-palette-fruit-punch-400: #ff4c4c;--cnvs-base-palette-fruit-punch-500: #e12f2f;--cnvs-base-palette-fruit-punch-600: #b82828;--cnvs-base-palette-root-beer-100: #faf3f0;--cnvs-base-palette-root-beer-200: #EBD7CF;--cnvs-base-palette-root-beer-300: #dcbbad;--cnvs-base-palette-root-beer-400: #ba9a8c;--cnvs-base-palette-root-beer-500: #8C7266;--cnvs-base-palette-root-beer-600: #664d42;--cnvs-base-palette-toasted-marshmallow-100: #fdf6e6;--cnvs-base-palette-toasted-marshmallow-200: #ebd6a9;--cnvs-base-palette-toasted-marshmallow-300: #e6bf6c;--cnvs-base-palette-toasted-marshmallow-400: #CC9E3B;--cnvs-base-palette-toasted-marshmallow-500: #b37f10;--cnvs-base-palette-toasted-marshmallow-600: #8C6000;--cnvs-base-palette-licorice-100: #A1AAB3;--cnvs-base-palette-licorice-200: #7b858f;--cnvs-base-palette-licorice-300: #5E6A75;--cnvs-base-palette-licorice-400: #4a5561;--cnvs-base-palette-licorice-500: #333d47;--cnvs-base-palette-licorice-600: #1f262e;--cnvs-base-palette-soap-100: #f6f7f8;--cnvs-base-palette-soap-200: #F0F1F2;--cnvs-base-palette-soap-300: #e8ebed;--cnvs-base-palette-soap-400: #DFE2E6;--cnvs-base-palette-soap-500: #ced3d9;--cnvs-base-palette-soap-600: #B9C0C7;--cnvs-base-palette-french-vanilla-100: #ffffff;--cnvs-base-palette-french-vanilla-200: #ebebeb;--cnvs-base-palette-french-vanilla-300: #d4d4d4;--cnvs-base-palette-french-vanilla-400: #bdbdbd;--cnvs-base-palette-french-vanilla-500: #a6a6a6;--cnvs-base-palette-french-vanilla-600: #8f8f8f;--cnvs-base-palette-black-pepper-100: #787878;--cnvs-base-palette-black-pepper-200: #616161;--cnvs-base-palette-black-pepper-300: #494949;--cnvs-base-palette-black-pepper-400: #333333;--cnvs-base-palette-black-pepper-500: #1e1e1e;--cnvs-base-palette-black-pepper-600: #000000;--cnvs-base-palette-coconut-100: #F0EEEE;--cnvs-base-palette-coconut-200: #e3dfdf;--cnvs-base-palette-coconut-300: #d1cbcc;--cnvs-base-palette-coconut-400: #b3acac;--cnvs-base-palette-coconut-500: #9e9595;--cnvs-base-palette-coconut-600: #8F8687;--cnvs-base-palette-cappuccino-100: #7A7374;--cnvs-base-palette-cappuccino-200: #706869;--cnvs-base-palette-cappuccino-300: #5E5757;--cnvs-base-palette-cappuccino-400: #4A4242;--cnvs-base-palette-cappuccino-500: #352f2f;--cnvs-base-palette-cappuccino-600: #231f20;--cnvs-base-size-0: 0;--cnvs-base-size-25: .125rem;--cnvs-base-size-50: .25rem;--cnvs-base-size-75: .375rem;--cnvs-base-size-100: .5rem;--cnvs-base-size-125: .625rem;--cnvs-base-size-150: .75rem;--cnvs-base-size-175: .875rem;--cnvs-base-size-200: 1rem;--cnvs-base-size-225: 1.125rem;--cnvs-base-size-250: 1.25rem;--cnvs-base-size-300: 1.5rem;--cnvs-base-size-350: 1.75rem;--cnvs-base-size-400: 2rem;--cnvs-base-size-450: 2.25rem;--cnvs-base-size-500: 2.5rem;--cnvs-base-size-600: 3rem;--cnvs-base-size-700: 3.5rem;--cnvs-base-size-800: 4rem;--cnvs-base-size-900: 4.5rem;--cnvs-base-size-1000: 5rem;--cnvs-base-size-1100: 5.5rem;--cnvs-base-size-1200: 6rem;--cnvs-base-size-1300: 6.5rem;--cnvs-base-size-1400: 7rem;--cnvs-base-font-family-50: "Roboto";--cnvs-base-font-family-100: "Roboto Mono";--cnvs-base-font-family-200: "Noto Sans";--cnvs-base-font-weight-300: 300;--cnvs-base-font-weight-400: 400;--cnvs-base-font-weight-500: 500;--cnvs-base-font-weight-700: 700;--cnvs-base-letter-spacing-50: .025rem;--cnvs-base-letter-spacing-100: .02rem;--cnvs-base-letter-spacing-150: .015rem;--cnvs-base-letter-spacing-200: .01rem;--cnvs-base-unit: .25rem;--cnvs-base-extended-palette-dragon-fruit-100: #fbf5ff;--cnvs-base-extended-palette-dragon-fruit-200: #f1d5ff;--cnvs-base-extended-palette-dragon-fruit-300: #736bff;--cnvs-base-extended-palette-dragon-fruit-400: #5f4ae6;--cnvs-base-extended-palette-dragon-fruit-500: #4e3ec2;--cnvs-base-extended-palette-dragon-fruit-600: #272077;--cnvs-base-font-size-25: .625rem;--cnvs-base-font-size-50: .75rem;--cnvs-base-font-size-75: .875rem;--cnvs-base-font-size-100: 1rem;--cnvs-base-font-size-125: 1.125rem;--cnvs-base-font-size-150: 1.25rem;--cnvs-base-font-size-200: 1.5rem;--cnvs-base-font-size-250: 1.75rem;--cnvs-base-font-size-300: 2rem;--cnvs-base-font-size-400: 2.5rem;--cnvs-base-font-size-500: 3rem;--cnvs-base-font-size-600: 3.5rem;--cnvs-base-font-size-750: 4.5rem;--cnvs-base-font-size-900: 5.5rem;--cnvs-base-font-size-1050: 6.5rem;--cnvs-base-line-height-50: 1rem;--cnvs-base-line-height-100: 1.25rem;--cnvs-base-line-height-150: 1.5rem;--cnvs-base-line-height-200: 1.75rem;--cnvs-base-line-height-250: 2rem;--cnvs-base-line-height-300: 2.25rem;--cnvs-base-line-height-350: 2.5rem;--cnvs-base-line-height-400: 3rem;--cnvs-base-line-height-500: 3.5rem;--cnvs-base-line-height-600: 4rem;--cnvs-base-line-height-750: 4.5rem;--cnvs-base-line-height-900: 5.5rem;--cnvs-base-line-height-1050: 6.5rem}:root{--cnvs-brand-positive-a200: var(--cnvs-base-palette-green-a200);--cnvs-brand-positive-a100: var(--cnvs-base-palette-green-a100);--cnvs-brand-positive-a50: var(--cnvs-base-palette-green-a50);--cnvs-brand-positive-a25: var(--cnvs-base-palette-green-a25);--cnvs-brand-positive-975: var(--cnvs-base-palette-green-975);--cnvs-brand-positive-950: var(--cnvs-base-palette-green-950);--cnvs-brand-positive-900: var(--cnvs-base-palette-green-900);--cnvs-brand-positive-800: var(--cnvs-base-palette-green-800);--cnvs-brand-positive-700: var(--cnvs-base-palette-green-700);--cnvs-brand-positive-600: var(--cnvs-base-palette-green-600);--cnvs-brand-positive-500: var(--cnvs-base-palette-green-500);--cnvs-brand-positive-400: var(--cnvs-base-palette-green-400);--cnvs-brand-positive-300: var(--cnvs-base-palette-green-300);--cnvs-brand-positive-200: var(--cnvs-base-palette-green-200);--cnvs-brand-positive-100: var(--cnvs-base-palette-green-100);--cnvs-brand-positive-50: var(--cnvs-base-palette-green-50);--cnvs-brand-positive-25: var(--cnvs-base-palette-green-25);--cnvs-brand-caution-a200: var(--cnvs-base-palette-amber-a200);--cnvs-brand-caution-a100: var(--cnvs-base-palette-amber-a100);--cnvs-brand-caution-a50: var(--cnvs-base-palette-amber-a50);--cnvs-brand-caution-a25: var(--cnvs-base-palette-amber-a25);--cnvs-brand-caution-975: var(--cnvs-base-palette-amber-975);--cnvs-brand-caution-950: var(--cnvs-base-palette-amber-950);--cnvs-brand-caution-900: var(--cnvs-base-palette-amber-900);--cnvs-brand-caution-800: var(--cnvs-base-palette-amber-800);--cnvs-brand-caution-700: var(--cnvs-base-palette-amber-700);--cnvs-brand-caution-600: var(--cnvs-base-palette-amber-600);--cnvs-brand-caution-500: var(--cnvs-base-palette-amber-500);--cnvs-brand-caution-400: var(--cnvs-base-palette-amber-400);--cnvs-brand-caution-300: var(--cnvs-base-palette-amber-300);--cnvs-brand-caution-200: var(--cnvs-base-palette-amber-200);--cnvs-brand-caution-100: var(--cnvs-base-palette-amber-100);--cnvs-brand-caution-50: var(--cnvs-base-palette-amber-50);--cnvs-brand-caution-25: var(--cnvs-base-palette-amber-25);--cnvs-brand-critical-a200: var(--cnvs-base-palette-red-a200);--cnvs-brand-critical-a100: var(--cnvs-base-palette-red-a100);--cnvs-brand-critical-a50: var(--cnvs-base-palette-red-a50);--cnvs-brand-critical-a25: var(--cnvs-base-palette-red-a25);--cnvs-brand-critical-975: var(--cnvs-base-palette-red-975);--cnvs-brand-critical-950: var(--cnvs-base-palette-red-950);--cnvs-brand-critical-900: var(--cnvs-base-palette-red-900);--cnvs-brand-critical-800: var(--cnvs-base-palette-red-800);--cnvs-brand-critical-700: var(--cnvs-base-palette-red-700);--cnvs-brand-critical-600: var(--cnvs-base-palette-red-600);--cnvs-brand-critical-500: var(--cnvs-base-palette-red-500);--cnvs-brand-critical-400: var(--cnvs-base-palette-red-400);--cnvs-brand-critical-300: var(--cnvs-base-palette-red-300);--cnvs-brand-critical-200: var(--cnvs-base-palette-red-200);--cnvs-brand-critical-100: var(--cnvs-base-palette-red-100);--cnvs-brand-critical-50: var(--cnvs-base-palette-red-50);--cnvs-brand-critical-25: var(--cnvs-base-palette-red-25);--cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);--cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);--cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);--cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);--cnvs-brand-neutral-a975: var(--cnvs-base-palette-slate-a975);--cnvs-brand-neutral-a950: var(--cnvs-base-palette-slate-a950);--cnvs-brand-neutral-a900: var(--cnvs-base-palette-slate-a900);--cnvs-brand-neutral-a800: var(--cnvs-base-palette-slate-a800);--cnvs-brand-neutral-a700: var(--cnvs-base-palette-slate-a700);--cnvs-brand-neutral-a600: var(--cnvs-base-palette-slate-a600);--cnvs-brand-neutral-a500: var(--cnvs-base-palette-slate-a500);--cnvs-brand-neutral-a400: var(--cnvs-base-palette-slate-a400);--cnvs-brand-neutral-a300: var(--cnvs-base-palette-slate-a300);--cnvs-brand-neutral-a200: var(--cnvs-base-palette-slate-a200);--cnvs-brand-neutral-a100: var(--cnvs-base-palette-slate-a100);--cnvs-brand-neutral-a50: var(--cnvs-base-palette-slate-a50);--cnvs-brand-neutral-a25: var(--cnvs-base-palette-slate-a25);--cnvs-brand-neutral-light: var(--cnvs-base-palette-neutral-200);--cnvs-brand-neutral-lighter: var(--cnvs-base-palette-neutral-50);--cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);--cnvs-brand-neutral-darkest: var(--cnvs-base-palette-neutral-800);--cnvs-brand-neutral-dark: var(--cnvs-base-palette-neutral-700);--cnvs-brand-neutral-base: var(--cnvs-base-palette-neutral-600);--cnvs-brand-neutral-lightest: var(--cnvs-base-palette-neutral-25);--cnvs-brand-neutral-975: var(--cnvs-base-palette-slate-975);--cnvs-brand-neutral-950: var(--cnvs-base-palette-slate-950);--cnvs-brand-neutral-900: var(--cnvs-base-palette-slate-900);--cnvs-brand-neutral-800: var(--cnvs-base-palette-slate-800);--cnvs-brand-neutral-700: var(--cnvs-base-palette-slate-700);--cnvs-brand-neutral-600: var(--cnvs-base-palette-slate-600);--cnvs-brand-neutral-500: var(--cnvs-base-palette-slate-500);--cnvs-brand-neutral-400: var(--cnvs-base-palette-slate-400);--cnvs-brand-neutral-300: var(--cnvs-base-palette-slate-300);--cnvs-brand-neutral-200: var(--cnvs-base-palette-slate-200);--cnvs-brand-neutral-100: var(--cnvs-base-palette-slate-100);--cnvs-brand-neutral-50: var(--cnvs-base-palette-slate-50);--cnvs-brand-neutral-25: var(--cnvs-base-palette-slate-25);--cnvs-brand-success-light: var(--cnvs-base-palette-green-200);--cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);--cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);--cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);--cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);--cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);--cnvs-brand-success-base: var(--cnvs-base-palette-green-600);--cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);--cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);--cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);--cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);--cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);--cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);--cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);--cnvs-brand-error-light: var(--cnvs-base-palette-red-200);--cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);--cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);--cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);--cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);--cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);--cnvs-brand-error-base: var(--cnvs-base-palette-red-600);--cnvs-brand-primary-a200: var(--cnvs-base-palette-blue-a200);--cnvs-brand-primary-a100: var(--cnvs-base-palette-blue-a100);--cnvs-brand-primary-a50: var(--cnvs-base-palette-blue-a50);--cnvs-brand-primary-a25: var(--cnvs-base-palette-blue-a25);--cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);--cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);--cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);--cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);--cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);--cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);--cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);--cnvs-brand-primary-975: var(--cnvs-base-palette-blue-975);--cnvs-brand-primary-950: var(--cnvs-base-palette-blue-950);--cnvs-brand-primary-900: var(--cnvs-base-palette-blue-900);--cnvs-brand-primary-800: var(--cnvs-base-palette-blue-800);--cnvs-brand-primary-700: var(--cnvs-base-palette-blue-700);--cnvs-brand-primary-600: var(--cnvs-base-palette-blue-600);--cnvs-brand-primary-500: var(--cnvs-base-palette-blue-500);--cnvs-brand-primary-400: var(--cnvs-base-palette-blue-400);--cnvs-brand-primary-300: var(--cnvs-base-palette-blue-300);--cnvs-brand-primary-200: var(--cnvs-base-palette-blue-200);--cnvs-brand-primary-100: var(--cnvs-base-palette-blue-100);--cnvs-brand-primary-50: var(--cnvs-base-palette-blue-50);--cnvs-brand-primary-25: var(--cnvs-base-palette-blue-25);--cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);--cnvs-brand-common-caution-outer: var(--cnvs-brand-caution-500);--cnvs-brand-common-caution-inner: var(--cnvs-brand-caution-400);--cnvs-brand-common-critical: var(--cnvs-brand-critical-500);--cnvs-brand-common-focus: var(--cnvs-brand-primary-500)}:root{--cnvs-sys-depth-1: 0 .0625rem .25rem 0 oklch(.3057 .079 256.22 / .13), 0 .125rem .5rem 0 oklch(.3337 .0688 250.79 / .09);--cnvs-sys-depth-2: 0 .125rem .5rem 0 oklch(.3057 .079 256.22 / .13), 0 .25rem 1rem 0 oklch(.3337 .0688 250.79 / .09);--cnvs-sys-depth-3: 0 .1875rem .75rem 0 oklch(.3057 .079 256.22 / .13), 0 .375rem 1.5rem 0 oklch(.3337 .0688 250.79 / .09);--cnvs-sys-depth-4: 0 .25rem 1rem 0 oklch(.3057 .079 256.22 / .13), 0 .5rem 2rem 0 oklch(.3337 .0688 250.79 / .09);--cnvs-sys-depth-5: 0 .3125rem 1.25rem 0 oklch(.3057 .079 256.22 / .13), 0 .625rem 2.5rem 0 oklch(.3337 .0688 250.79 / .09);--cnvs-sys-depth-6: 0 .375rem 1.5rem 0 oklch(.3057 .079 256.22 / .13), 0 .75rem 3rem 0 oklch(.3337 .0688 250.79 / .09);--cnvs-sys-opacity-full: 1;--cnvs-sys-space-zero: 0;--cnvs-sys-breakpoints-zero: 0;--cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);--cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);--cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);--cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);--cnvs-sys-letter-spacing-body-sm: var(--cnvs-base-letter-spacing-200);--cnvs-sys-letter-spacing-subtext-lg: var(--cnvs-base-letter-spacing-150);--cnvs-sys-letter-spacing-subtext-md: var(--cnvs-base-letter-spacing-100);--cnvs-sys-letter-spacing-subtext-sm: var(--cnvs-base-letter-spacing-50);--cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);--cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);--cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);--cnvs-sys-gap-none: var(--cnvs-base-size-0);--cnvs-sys-padding-none: var(--cnvs-base-size-0);--cnvs-sys-opacity-accent-pressed: var(--cnvs-base-opacity-360);--cnvs-sys-opacity-accent-hover: var(--cnvs-base-opacity-180);--cnvs-sys-opacity-surface-pressed: var(--cnvs-base-opacity-180);--cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-80);--cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-120);--cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-840);--cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-640);--cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-400);--cnvs-sys-opacity-zero: var(--cnvs-base-opacity-0);--cnvs-sys-motion-easing-purposeful-deceleration: var(--cnvs-base-easing-b-300);--cnvs-sys-motion-easing-purposeful-acceleration: var(--cnvs-base-easing-b-200);--cnvs-sys-motion-easing-purposeful-standard: var(--cnvs-base-easing-b-100);--cnvs-sys-motion-easing-quick-deceleration: var(--cnvs-base-easing-a-300);--cnvs-sys-motion-easing-quick-acceleration: var(--cnvs-base-easing-a-200);--cnvs-sys-motion-easing-quick-standard: var(--cnvs-base-easing-a-100);--cnvs-sys-color-focus-contrast: var(--cnvs-base-palette-neutral-a900);--cnvs-sys-color-focus-inverse: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-accent-overlay-mixin: var(--cnvs-base-palette-neutral-1000);--cnvs-sys-color-accent-overlay-pressed: var(--cnvs-base-palette-neutral-a400);--cnvs-sys-color-accent-overlay-hover: var(--cnvs-base-palette-neutral-a200);--cnvs-sys-color-accent-muted-soft: var(--cnvs-base-palette-slate-400);--cnvs-sys-color-accent-muted-default: var(--cnvs-base-palette-slate-600);--cnvs-sys-color-accent-contrast: var(--cnvs-base-palette-neutral-a900);--cnvs-sys-color-accent-success: var(--cnvs-base-palette-green-600);--cnvs-sys-color-accent-warning: var(--cnvs-base-palette-amber-400);--cnvs-sys-color-accent-danger: var(--cnvs-base-palette-red-600);--cnvs-sys-color-accent-info: var(--cnvs-base-palette-blue-600);--cnvs-sys-color-accent-ai: var(--cnvs-base-palette-blue-950);--cnvs-sys-color-surface-overlay-scrim: var(--cnvs-base-palette-neutral-a400);--cnvs-sys-color-surface-overlay-pressed-inverse: var(--cnvs-base-palette-white-a300);--cnvs-sys-color-surface-overlay-pressed-default: var(--cnvs-base-palette-slate-a100);--cnvs-sys-color-surface-overlay-mixin: var(--cnvs-base-palette-slate-500);--cnvs-sys-color-surface-overlay-hover-inverse: var(--cnvs-base-palette-white-a200);--cnvs-sys-color-surface-overlay-hover-default: var(--cnvs-base-palette-slate-a50);--cnvs-sys-color-surface-contrast-strong: var(--cnvs-base-palette-neutral-a950);--cnvs-sys-color-surface-contrast-default: var(--cnvs-base-palette-neutral-a900);--cnvs-sys-color-surface-inverse: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-surface-transparent: var(--cnvs-base-palette-neutral-a0);--cnvs-sys-color-surface-ai-pressed: var(--cnvs-base-palette-blue-400);--cnvs-sys-color-surface-ai-hover: var(--cnvs-base-palette-blue-a200);--cnvs-sys-color-surface-ai-default: var(--cnvs-base-palette-blue-a100);--cnvs-sys-color-surface-success-strong: var(--cnvs-base-palette-green-a50);--cnvs-sys-color-surface-success-default: var(--cnvs-base-palette-green-a25);--cnvs-sys-color-surface-warning-strong: var(--cnvs-base-palette-amber-a50);--cnvs-sys-color-surface-warning-default: var(--cnvs-base-palette-amber-a25);--cnvs-sys-color-surface-danger-strong: var(--cnvs-base-palette-red-a50);--cnvs-sys-color-surface-danger-default: var(--cnvs-base-palette-red-a25);--cnvs-sys-color-surface-info-strong: var(--cnvs-base-palette-blue-a50);--cnvs-sys-color-surface-info-default: var(--cnvs-base-palette-blue-a25);--cnvs-sys-color-surface-loading: var(--cnvs-base-palette-slate-a200);--cnvs-sys-color-surface-alt-strong: var(--cnvs-base-palette-slate-a100);--cnvs-sys-color-surface-alt-default: var(--cnvs-base-palette-slate-a50);--cnvs-sys-color-surface-raised: var(--cnvs-base-palette-slate-a25);--cnvs-sys-color-surface-modal: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-surface-popover: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-surface-navigation: var(--cnvs-base-palette-slate-50);--cnvs-sys-color-surface-default: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100);--cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950);--cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50);--cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600);--cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500);--cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25);--cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400);--cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100);--cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50);--cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950);--cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800);--cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700);--cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200);--cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600);--cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000);--cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50);--cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950);--cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25);--cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800);--cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700);--cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100);--cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600);--cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950);--cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25);--cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800);--cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50);--cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700);--cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100);--cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600);--cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950);--cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100);--cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50);--cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800);--cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700);--cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25);--cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600);--cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);--cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);--cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);--cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);--cnvs-sys-color-shadow-ambient: var(--cnvs-base-palette-slate-a100);--cnvs-sys-color-shadow-base: var(--cnvs-base-palette-slate-a200);--cnvs-sys-color-border-transparent: var(--cnvs-base-palette-neutral-a0);--cnvs-sys-color-border-inverse-strong: var(--cnvs-base-palette-white-a700);--cnvs-sys-color-border-inverse-default: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-border-warning: var(--cnvs-base-palette-amber-400);--cnvs-sys-color-border-danger: var(--cnvs-base-palette-red-500);--cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500);--cnvs-sys-color-border-strong: var(--cnvs-base-palette-slate-a300);--cnvs-sys-color-border-default: var(--cnvs-base-palette-slate-a200);--cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300);--cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500);--cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200);--cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500);--cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400);--cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500);--cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-a900);--cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950);--cnvs-sys-color-border-input-hover: var(--cnvs-base-palette-slate-a700);--cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-a500);--cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700);--cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400);--cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950);--cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-a950);--cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-a900);--cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950);--cnvs-sys-color-fg-link-hover: var(--cnvs-base-palette-blue-700);--cnvs-sys-color-fg-link-default: var(--cnvs-base-palette-blue-600);--cnvs-sys-color-fg-success-strong: var(--cnvs-base-palette-green-700);--cnvs-sys-color-fg-success-default: var(--cnvs-base-palette-green-600);--cnvs-sys-color-fg-warning-strong: var(--cnvs-base-palette-amber-700);--cnvs-sys-color-fg-warning-default: var(--cnvs-base-palette-amber-600);--cnvs-sys-color-fg-danger-strong: var(--cnvs-base-palette-red-700);--cnvs-sys-color-fg-danger-default: var(--cnvs-base-palette-red-600);--cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-a400);--cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-a950);--cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-a900);--cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-a800);--cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800);--cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700);--cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400);--cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200);--cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600);--cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700);--cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600);--cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800);--cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);--cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200);--cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500);--cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975);--cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700);--cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950);--cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900);--cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700);--cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800);--cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200);--cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);--cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600);--cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-a700);--cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-a600);--cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400);--cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);--cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200);--cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400);--cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800);--cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700);--cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600);--cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800);--cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700);--cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600);--cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400);--cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500);--cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700);--cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975);--cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950);--cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900);--cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200);--cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400);--cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800);--cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700);--cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600);--cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200);--cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400);--cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800);--cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700);--cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600);--cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200);--cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400);--cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800);--cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700);--cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600);--cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900);--cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600);--cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800);--cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200);--cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400);--cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800);--cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700);--cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600);--cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200);--cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400);--cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800);--cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700);--cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600);--cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);--cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200);--cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975);--cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400);--cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950);--cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900);--cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200);--cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400);--cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800);--cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700);--cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600);--cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200);--cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400);--cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800);--cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700);--cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600);--cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600);--cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400);--cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950);--cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900);--cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800);--cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0);--cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800);--cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700);--cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600);--cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100);--cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50);--cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25);--cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950);--cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400);--cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200);--cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100);--cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800);--cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700);--cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600);--cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100);--cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50);--cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25);--cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600);--cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500);--cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400);--cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100);--cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50);--cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25);--cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800);--cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700);--cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600);--cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100);--cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50);--cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25);--cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950);--cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900);--cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);--cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);--cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);--cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);--cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-50);--cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300);--cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200);--cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50);--cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25);--cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-500));--cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-400));--cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-250));--cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-100));--cnvs-sys-color-bg-transparent-default: transparent;--cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800);--cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700);--cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600);--cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100);--cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50);--cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25);--cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);--cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);--cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);--cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);--cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);--cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);--cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);--cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);--cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);--cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);--cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);--cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);--cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);--cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20);--cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16);--cnvs-sys-space-x14: calc(var(--cnvs-base-unit) * 14);--cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10);--cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8);--cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6);--cnvs-sys-space-x5: calc(var(--cnvs-base-unit) * 5);--cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4);--cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3);--cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2);--cnvs-sys-space-x1: var(--cnvs-base-unit);--cnvs-sys-space-half: calc(var(--cnvs-base-unit) * .5);--cnvs-sys-shape-none: var(--cnvs-base-size-0);--cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250);--cnvs-sys-shape-x6: calc(var(--cnvs-base-unit) * 6);--cnvs-sys-shape-x4: calc(var(--cnvs-base-unit) * 4);--cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2);--cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);--cnvs-sys-shape-x1: var(--cnvs-base-unit);--cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * .5);--cnvs-sys-breakpoints-l: 1024px;--cnvs-sys-breakpoints-m: 768px;--cnvs-sys-breakpoints-s: 320px;--cnvs-sys-opacity-surface-hover: var(--cnvs-base-opacity-100);--cnvs-sys-color-brand-border-caution: var(--cnvs-brand-caution-500);--cnvs-sys-color-brand-border-critical: var(--cnvs-brand-critical-500);--cnvs-sys-color-brand-border-primary: var(--cnvs-brand-primary-500);--cnvs-sys-color-brand-fg-selected: var(--cnvs-brand-primary-700);--cnvs-sys-color-brand-fg-positive-strong: var(--cnvs-brand-positive-700);--cnvs-sys-color-brand-fg-positive-default: var(--cnvs-brand-positive-600);--cnvs-sys-color-brand-fg-caution-strong: var(--cnvs-brand-caution-700);--cnvs-sys-color-brand-fg-caution-default: var(--cnvs-brand-caution-600);--cnvs-sys-color-brand-fg-critical-strong: var(--cnvs-brand-critical-700);--cnvs-sys-color-brand-fg-critical-default: var(--cnvs-brand-critical-600);--cnvs-sys-color-brand-fg-primary-strong: var(--cnvs-brand-primary-700);--cnvs-sys-color-brand-fg-primary-default: var(--cnvs-brand-primary-600);--cnvs-sys-color-brand-accent-action: var(--cnvs-brand-primary-600);--cnvs-sys-color-brand-accent-positive: var(--cnvs-brand-positive-600);--cnvs-sys-color-brand-accent-caution: var(--cnvs-brand-caution-400);--cnvs-sys-color-brand-accent-critical: var(--cnvs-brand-critical-600);--cnvs-sys-color-brand-accent-primary: var(--cnvs-brand-primary-600);--cnvs-sys-color-brand-surface-selected: var(--cnvs-brand-primary-a50);--cnvs-sys-color-brand-surface-positive-strong: var(--cnvs-brand-positive-a50);--cnvs-sys-color-brand-surface-positive-default: var(--cnvs-brand-positive-a25);--cnvs-sys-color-brand-surface-caution-strong: var(--cnvs-brand-caution-a50);--cnvs-sys-color-brand-surface-caution-default: var(--cnvs-brand-caution-a25);--cnvs-sys-color-brand-surface-critical-strong: var(--cnvs-brand-critical-a50);--cnvs-sys-color-brand-surface-critical-default: var(--cnvs-brand-critical-a25);--cnvs-sys-color-brand-surface-primary-strong: var(--cnvs-brand-primary-a50);--cnvs-sys-color-brand-surface-primary-default: var(--cnvs-brand-primary-a25);--cnvs-sys-color-brand-focus-caution-inner: var(--cnvs-brand-caution-400);--cnvs-sys-color-brand-focus-caution-outer: var(--cnvs-brand-caution-500);--cnvs-sys-color-brand-focus-critical: var(--cnvs-brand-critical-500);--cnvs-sys-color-brand-focus-primary: var(--cnvs-brand-primary-500);--cnvs-sys-color-shadow-default: var(--cnvs-sys-color-shadow-base);--cnvs-sys-color-shadow-2: var(--cnvs-sys-color-shadow-ambient);--cnvs-sys-color-shadow-1: var(--cnvs-sys-color-shadow-base);--cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);--cnvs-sys-shape-zero: var(--cnvs-sys-shape-none);--cnvs-sys-breakpoints-xl: 1440px;--cnvs-sys-breakpoints-lg: 1024px;--cnvs-sys-breakpoints-md: 768px;--cnvs-sys-breakpoints-sm: 320px;--cnvs-sys-gap-xxl: var(--cnvs-base-size-800);--cnvs-sys-gap-xl: var(--cnvs-base-size-400);--cnvs-sys-gap-lg: var(--cnvs-base-size-300);--cnvs-sys-gap-md: var(--cnvs-base-size-200);--cnvs-sys-gap-sm: var(--cnvs-base-size-100);--cnvs-sys-gap-xs: var(--cnvs-base-size-50);--cnvs-sys-padding-xxl: var(--cnvs-base-size-400);--cnvs-sys-padding-xl: var(--cnvs-base-size-300);--cnvs-sys-padding-lg: var(--cnvs-base-size-250);--cnvs-sys-padding-md: var(--cnvs-base-size-200);--cnvs-sys-padding-sm: var(--cnvs-base-size-150);--cnvs-sys-padding-xs: var(--cnvs-base-size-100);--cnvs-sys-padding-xxs: var(--cnvs-base-size-50);--cnvs-sys-size-xxl: var(--cnvs-base-size-800);--cnvs-sys-size-xl: var(--cnvs-base-size-700);--cnvs-sys-size-lg: var(--cnvs-base-size-600);--cnvs-sys-size-md: var(--cnvs-base-size-500);--cnvs-sys-size-sm: var(--cnvs-base-size-400);--cnvs-sys-size-xs: var(--cnvs-base-size-300);--cnvs-sys-size-xxs: var(--cnvs-base-size-250);--cnvs-sys-size-xxxs: var(--cnvs-base-size-200);--cnvs-sys-line-height-title-lg: var(--cnvs-base-size-800);--cnvs-sys-line-height-title-md: var(--cnvs-base-size-700);--cnvs-sys-line-height-title-sm: var(--cnvs-base-size-600);--cnvs-sys-line-height-heading-lg: var(--cnvs-base-size-500);--cnvs-sys-line-height-heading-md: var(--cnvs-base-size-450);--cnvs-sys-line-height-heading-sm: var(--cnvs-base-size-400);--cnvs-sys-line-height-body-lg: var(--cnvs-base-size-350);--cnvs-sys-line-height-body-md: var(--cnvs-base-size-350);--cnvs-sys-line-height-body-sm: var(--cnvs-base-size-300);--cnvs-sys-line-height-subtext-lg: var(--cnvs-base-size-250);--cnvs-sys-line-height-subtext-md: var(--cnvs-base-size-200);--cnvs-sys-line-height-subtext-sm: var(--cnvs-base-size-200);--cnvs-sys-font-size-title-lg: var(--cnvs-base-size-700);--cnvs-sys-font-size-title-md: var(--cnvs-base-size-600);--cnvs-sys-font-size-title-sm: var(--cnvs-base-size-500);--cnvs-sys-font-size-heading-lg: var(--cnvs-base-size-400);--cnvs-sys-font-size-heading-md: var(--cnvs-base-size-350);--cnvs-sys-font-size-heading-sm: var(--cnvs-base-size-300);--cnvs-sys-font-size-body-lg: var(--cnvs-base-size-250);--cnvs-sys-font-size-body-md: var(--cnvs-base-size-225);--cnvs-sys-font-size-body-sm: var(--cnvs-base-size-200);--cnvs-sys-font-size-subtext-lg: var(--cnvs-base-size-175);--cnvs-sys-font-size-subtext-md: var(--cnvs-base-size-150);--cnvs-sys-font-size-subtext-sm: var(--cnvs-base-size-125);--cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);--cnvs-sys-shape-full: calc(var(--cnvs-base-size-75) * 100);--cnvs-sys-shape-xxxl: var(--cnvs-base-size-400);--cnvs-sys-shape-xxl: var(--cnvs-base-size-300);--cnvs-sys-shape-xl: var(--cnvs-base-size-200);--cnvs-sys-shape-lg: var(--cnvs-base-size-150);--cnvs-sys-shape-md: var(--cnvs-base-size-100);--cnvs-sys-shape-sm: var(--cnvs-base-size-50);--cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);--cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);--cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);--cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);--cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);--cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);--cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);--cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);--cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600)}.cnvs-sys-type-subtext-small{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-small);font-size:var(--cnvs-sys-font-size-subtext-small);letter-spacing:var(--cnvs-base-letter-spacing-50)}.cnvs-sys-type-subtext-medium{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-medium);font-size:var(--cnvs-sys-font-size-subtext-medium);letter-spacing:var(--cnvs-base-letter-spacing-100)}.cnvs-sys-type-subtext-large{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150)}.cnvs-sys-type-subtext-sm{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-sm);font-size:var(--cnvs-sys-font-size-subtext-sm);letter-spacing:var(--cnvs-sys-letter-spacing-subtext-sm)}.cnvs-sys-type-subtext-md{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-md);font-size:var(--cnvs-sys-font-size-subtext-md);letter-spacing:var(--cnvs-sys-letter-spacing-subtext-md)}.cnvs-sys-type-subtext-lg{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-lg);font-size:var(--cnvs-sys-font-size-subtext-lg);letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg)}.cnvs-sys-type-body-small{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-body-small);font-size:var(--cnvs-sys-font-size-body-small);letter-spacing:var(--cnvs-base-letter-spacing-200)}.cnvs-sys-type-body-medium{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-body-medium);font-size:var(--cnvs-sys-font-size-body-medium)}.cnvs-sys-type-body-large{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-body-large);font-size:var(--cnvs-sys-font-size-body-large)}.cnvs-sys-type-body-sm{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-body-sm);font-size:var(--cnvs-sys-font-size-body-sm);letter-spacing:var(--cnvs-sys-letter-spacing-body-sm)}.cnvs-sys-type-body-md{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-body-md);font-size:var(--cnvs-sys-font-size-body-md)}.cnvs-sys-type-body-lg{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-body-lg);font-size:var(--cnvs-sys-font-size-body-lg)}.cnvs-sys-type-heading-small{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-heading-small);font-size:var(--cnvs-sys-font-size-heading-small)}.cnvs-sys-type-heading-medium{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-heading-medium);font-size:var(--cnvs-sys-font-size-heading-medium)}.cnvs-sys-type-heading-large{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-heading-large);font-size:var(--cnvs-sys-font-size-heading-large)}.cnvs-sys-type-heading-sm{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-heading-sm);font-size:var(--cnvs-sys-font-size-heading-sm)}.cnvs-sys-type-heading-md{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-heading-md);font-size:var(--cnvs-sys-font-size-heading-md)}.cnvs-sys-type-heading-lg{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-heading-lg);font-size:var(--cnvs-sys-font-size-heading-lg)}.cnvs-sys-type-title-small{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-title-small);font-size:var(--cnvs-sys-font-size-title-small)}.cnvs-sys-type-title-medium{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-title-medium);font-size:var(--cnvs-sys-font-size-title-medium)}.cnvs-sys-type-title-large{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-title-large);font-size:var(--cnvs-sys-font-size-title-large)}.cnvs-sys-type-title-sm{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-title-sm);font-size:var(--cnvs-sys-font-size-title-sm)}.cnvs-sys-type-title-md{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-title-md);font-size:var(--cnvs-sys-font-size-title-md)}.cnvs-sys-type-title-lg{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-title-lg);font-size:var(--cnvs-sys-font-size-title-lg)}</style>
|
|
519
519
|
</head>
|
|
520
520
|
<body>
|
|
521
521
|
<div id="root"></div>
|