/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@axon-rto/fusus-web-components/dist/theme/theme.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap);
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/gridstack/dist/gridstack.min.css?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root .grid-stack-item>.ui-resizable-handle{filter:none}.grid-stack{position:relative}.grid-stack.grid-stack-rtl{direction:ltr}.grid-stack.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack .grid-stack-placeholder>.placeholder-content{background-color:rgba(0,0,0,.1);margin:0;position:absolute;width:auto;z-index:0!important;text-align:center}.grid-stack>.grid-stack-item{min-width:8.3333333333%;position:absolute;padding:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.grid-stack>.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack>.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack>.grid-stack-item>.ui-resizable-se,.grid-stack>.grid-stack-item>.ui-resizable-sw{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);background-repeat:no-repeat;background-position:center;transform:rotate(45deg)}.grid-stack>.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack>.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:0}.grid-stack>.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:0;left:25px;right:25px}.grid-stack>.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:0}.grid-stack>.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px}.grid-stack>.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px}.grid-stack>.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:0;right:25px}.grid-stack>.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px}.grid-stack>.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px}.grid-stack>.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack>.grid-stack-item[gs-w="0"]{width:0%}.grid-stack>.grid-stack-item[gs-x="0"]{left:0}.grid-stack>.grid-stack-item[gs-min-w="0"]{min-width:0}.grid-stack>.grid-stack-item[gs-max-w="0"]{max-width:0%}.grid-stack>.grid-stack-item[gs-w="1"]{width:8.3333333333%}.grid-stack>.grid-stack-item[gs-x="1"]{left:8.3333333333%}.grid-stack>.grid-stack-item[gs-min-w="1"]{min-width:8.3333333333%}.grid-stack>.grid-stack-item[gs-max-w="1"]{max-width:8.3333333333%}.grid-stack>.grid-stack-item[gs-w="2"]{width:16.6666666667%}.grid-stack>.grid-stack-item[gs-x="2"]{left:16.6666666667%}.grid-stack>.grid-stack-item[gs-min-w="2"]{min-width:16.6666666667%}.grid-stack>.grid-stack-item[gs-max-w="2"]{max-width:16.6666666667%}.grid-stack>.grid-stack-item[gs-w="3"]{width:25%}.grid-stack>.grid-stack-item[gs-x="3"]{left:25%}.grid-stack>.grid-stack-item[gs-min-w="3"]{min-width:25%}.grid-stack>.grid-stack-item[gs-max-w="3"]{max-width:25%}.grid-stack>.grid-stack-item[gs-w="4"]{width:33.3333333333%}.grid-stack>.grid-stack-item[gs-x="4"]{left:33.3333333333%}.grid-stack>.grid-stack-item[gs-min-w="4"]{min-width:33.3333333333%}.grid-stack>.grid-stack-item[gs-max-w="4"]{max-width:33.3333333333%}.grid-stack>.grid-stack-item[gs-w="5"]{width:41.6666666667%}.grid-stack>.grid-stack-item[gs-x="5"]{left:41.6666666667%}.grid-stack>.grid-stack-item[gs-min-w="5"]{min-width:41.6666666667%}.grid-stack>.grid-stack-item[gs-max-w="5"]{max-width:41.6666666667%}.grid-stack>.grid-stack-item[gs-w="6"]{width:50%}.grid-stack>.grid-stack-item[gs-x="6"]{left:50%}.grid-stack>.grid-stack-item[gs-min-w="6"]{min-width:50%}.grid-stack>.grid-stack-item[gs-max-w="6"]{max-width:50%}.grid-stack>.grid-stack-item[gs-w="7"]{width:58.3333333333%}.grid-stack>.grid-stack-item[gs-x="7"]{left:58.3333333333%}.grid-stack>.grid-stack-item[gs-min-w="7"]{min-width:58.3333333333%}.grid-stack>.grid-stack-item[gs-max-w="7"]{max-width:58.3333333333%}.grid-stack>.grid-stack-item[gs-w="8"]{width:66.6666666667%}.grid-stack>.grid-stack-item[gs-x="8"]{left:66.6666666667%}.grid-stack>.grid-stack-item[gs-min-w="8"]{min-width:66.6666666667%}.grid-stack>.grid-stack-item[gs-max-w="8"]{max-width:66.6666666667%}.grid-stack>.grid-stack-item[gs-w="9"]{width:75%}.grid-stack>.grid-stack-item[gs-x="9"]{left:75%}.grid-stack>.grid-stack-item[gs-min-w="9"]{min-width:75%}.grid-stack>.grid-stack-item[gs-max-w="9"]{max-width:75%}.grid-stack>.grid-stack-item[gs-w="10"]{width:83.3333333333%}.grid-stack>.grid-stack-item[gs-x="10"]{left:83.3333333333%}.grid-stack>.grid-stack-item[gs-min-w="10"]{min-width:83.3333333333%}.grid-stack>.grid-stack-item[gs-max-w="10"]{max-width:83.3333333333%}.grid-stack>.grid-stack-item[gs-w="11"]{width:91.6666666667%}.grid-stack>.grid-stack-item[gs-x="11"]{left:91.6666666667%}.grid-stack>.grid-stack-item[gs-min-w="11"]{min-width:91.6666666667%}.grid-stack>.grid-stack-item[gs-max-w="11"]{max-width:91.6666666667%}.grid-stack>.grid-stack-item[gs-w="12"]{width:100%}.grid-stack>.grid-stack-item[gs-x="12"]{left:100%}.grid-stack>.grid-stack-item[gs-min-w="12"]{min-width:100%}.grid-stack>.grid-stack-item[gs-max-w="12"]{max-width:100%}.grid-stack.grid-stack-1>.grid-stack-item{min-width:100%}.grid-stack.grid-stack-1>.grid-stack-item[gs-w="1"]{width:100%}.grid-stack.grid-stack-1>.grid-stack-item[gs-x="1"]{left:100%}.grid-stack.grid-stack-1>.grid-stack-item[gs-min-w="1"]{min-width:100%}.grid-stack.grid-stack-1>.grid-stack-item[gs-max-w="1"]{max-width:100%}.grid-stack.grid-stack-animate,.grid-stack.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left 0s,top 0s,height 0s,width 0s}.ui-draggable-dragging,.ui-resizable-resizing{z-index:100}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px rgba(0,0,0,.2);opacity:.8}.ui-draggable-dragging{will-change:left,top;cursor:move}.ui-resizable-resizing{will-change:width,height}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/gridstack/dist/gridstack-extra.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * default to generate [2-11] columns as 1 (oneColumnMode) and 12 (default) are in the main css
 * Copyright (c) 2021 Alain Dumesny - see GridStack root license
 */
.grid-stack.grid-stack-2 > .grid-stack-item {
  min-width: 50%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-w="1"] {
  width: 50%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-x="1"] {
  left: 50%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-min-w="1"] {
  min-width: 50%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-max-w="1"] {
  max-width: 50%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-w="2"] {
  width: 100%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-x="2"] {
  left: 100%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-min-w="2"] {
  min-width: 100%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-max-w="2"] {
  max-width: 100%;
}

.grid-stack.grid-stack-3 > .grid-stack-item {
  min-width: 33.3333333333%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-w="1"] {
  width: 33.3333333333%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-x="1"] {
  left: 33.3333333333%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-min-w="1"] {
  min-width: 33.3333333333%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-max-w="1"] {
  max-width: 33.3333333333%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-w="2"] {
  width: 66.6666666667%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-x="2"] {
  left: 66.6666666667%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-min-w="2"] {
  min-width: 66.6666666667%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-max-w="2"] {
  max-width: 66.6666666667%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-w="3"] {
  width: 100%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-x="3"] {
  left: 100%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-min-w="3"] {
  min-width: 100%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-max-w="3"] {
  max-width: 100%;
}

.grid-stack.grid-stack-4 > .grid-stack-item {
  min-width: 25%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-w="1"] {
  width: 25%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-x="1"] {
  left: 25%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w="1"] {
  min-width: 25%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w="1"] {
  max-width: 25%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-w="2"] {
  width: 50%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-x="2"] {
  left: 50%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w="2"] {
  min-width: 50%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w="2"] {
  max-width: 50%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-w="3"] {
  width: 75%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-x="3"] {
  left: 75%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w="3"] {
  min-width: 75%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w="3"] {
  max-width: 75%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-w="4"] {
  width: 100%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-x="4"] {
  left: 100%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w="4"] {
  min-width: 100%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w="4"] {
  max-width: 100%;
}

.grid-stack.grid-stack-5 > .grid-stack-item {
  min-width: 20%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="1"] {
  width: 20%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="1"] {
  left: 20%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w="1"] {
  min-width: 20%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w="1"] {
  max-width: 20%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="2"] {
  width: 40%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="2"] {
  left: 40%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w="2"] {
  min-width: 40%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w="2"] {
  max-width: 40%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="3"] {
  width: 60%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="3"] {
  left: 60%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w="3"] {
  min-width: 60%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w="3"] {
  max-width: 60%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="4"] {
  width: 80%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="4"] {
  left: 80%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w="4"] {
  min-width: 80%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w="4"] {
  max-width: 80%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="5"] {
  width: 100%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="5"] {
  left: 100%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w="5"] {
  min-width: 100%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w="5"] {
  max-width: 100%;
}

.grid-stack.grid-stack-6 > .grid-stack-item {
  min-width: 16.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="1"] {
  width: 16.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="1"] {
  left: 16.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="1"] {
  min-width: 16.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="1"] {
  max-width: 16.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="2"] {
  width: 33.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="2"] {
  left: 33.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="2"] {
  min-width: 33.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="2"] {
  max-width: 33.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="3"] {
  width: 50%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="3"] {
  left: 50%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="3"] {
  min-width: 50%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="3"] {
  max-width: 50%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="4"] {
  width: 66.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="4"] {
  left: 66.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="4"] {
  min-width: 66.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="4"] {
  max-width: 66.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="5"] {
  width: 83.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="5"] {
  left: 83.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="5"] {
  min-width: 83.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="5"] {
  max-width: 83.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="6"] {
  width: 100%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="6"] {
  left: 100%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="6"] {
  min-width: 100%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="6"] {
  max-width: 100%;
}

.grid-stack.grid-stack-7 > .grid-stack-item {
  min-width: 14.2857142857%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="1"] {
  width: 14.2857142857%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="1"] {
  left: 14.2857142857%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="1"] {
  min-width: 14.2857142857%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="1"] {
  max-width: 14.2857142857%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="2"] {
  width: 28.5714285714%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="2"] {
  left: 28.5714285714%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="2"] {
  min-width: 28.5714285714%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="2"] {
  max-width: 28.5714285714%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="3"] {
  width: 42.8571428571%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="3"] {
  left: 42.8571428571%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="3"] {
  min-width: 42.8571428571%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="3"] {
  max-width: 42.8571428571%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="4"] {
  width: 57.1428571429%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="4"] {
  left: 57.1428571429%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="4"] {
  min-width: 57.1428571429%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="4"] {
  max-width: 57.1428571429%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="5"] {
  width: 71.4285714286%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="5"] {
  left: 71.4285714286%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="5"] {
  min-width: 71.4285714286%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="5"] {
  max-width: 71.4285714286%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="6"] {
  width: 85.7142857143%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="6"] {
  left: 85.7142857143%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="6"] {
  min-width: 85.7142857143%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="6"] {
  max-width: 85.7142857143%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="7"] {
  width: 100%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="7"] {
  left: 100%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="7"] {
  min-width: 100%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="7"] {
  max-width: 100%;
}

.grid-stack.grid-stack-8 > .grid-stack-item {
  min-width: 12.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="1"] {
  width: 12.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="1"] {
  left: 12.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="1"] {
  min-width: 12.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="1"] {
  max-width: 12.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="2"] {
  width: 25%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="2"] {
  left: 25%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="2"] {
  min-width: 25%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="2"] {
  max-width: 25%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="3"] {
  width: 37.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="3"] {
  left: 37.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="3"] {
  min-width: 37.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="3"] {
  max-width: 37.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="4"] {
  width: 50%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="4"] {
  left: 50%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="4"] {
  min-width: 50%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="4"] {
  max-width: 50%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="5"] {
  width: 62.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="5"] {
  left: 62.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="5"] {
  min-width: 62.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="5"] {
  max-width: 62.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="6"] {
  width: 75%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="6"] {
  left: 75%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="6"] {
  min-width: 75%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="6"] {
  max-width: 75%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="7"] {
  width: 87.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="7"] {
  left: 87.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="7"] {
  min-width: 87.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="7"] {
  max-width: 87.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="8"] {
  width: 100%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="8"] {
  left: 100%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="8"] {
  min-width: 100%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="8"] {
  max-width: 100%;
}

.grid-stack.grid-stack-9 > .grid-stack-item {
  min-width: 11.1111111111%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="1"] {
  width: 11.1111111111%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="1"] {
  left: 11.1111111111%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="1"] {
  min-width: 11.1111111111%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="1"] {
  max-width: 11.1111111111%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="2"] {
  width: 22.2222222222%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="2"] {
  left: 22.2222222222%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="2"] {
  min-width: 22.2222222222%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="2"] {
  max-width: 22.2222222222%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="3"] {
  width: 33.3333333333%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="3"] {
  left: 33.3333333333%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="3"] {
  min-width: 33.3333333333%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="3"] {
  max-width: 33.3333333333%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="4"] {
  width: 44.4444444444%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="4"] {
  left: 44.4444444444%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="4"] {
  min-width: 44.4444444444%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="4"] {
  max-width: 44.4444444444%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="5"] {
  width: 55.5555555556%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="5"] {
  left: 55.5555555556%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="5"] {
  min-width: 55.5555555556%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="5"] {
  max-width: 55.5555555556%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="6"] {
  width: 66.6666666667%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="6"] {
  left: 66.6666666667%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="6"] {
  min-width: 66.6666666667%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="6"] {
  max-width: 66.6666666667%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="7"] {
  width: 77.7777777778%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="7"] {
  left: 77.7777777778%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="7"] {
  min-width: 77.7777777778%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="7"] {
  max-width: 77.7777777778%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="8"] {
  width: 88.8888888889%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="8"] {
  left: 88.8888888889%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="8"] {
  min-width: 88.8888888889%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="8"] {
  max-width: 88.8888888889%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="9"] {
  width: 100%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="9"] {
  left: 100%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="9"] {
  min-width: 100%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="9"] {
  max-width: 100%;
}

.grid-stack.grid-stack-10 > .grid-stack-item {
  min-width: 10%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="1"] {
  width: 10%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="1"] {
  left: 10%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="1"] {
  min-width: 10%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="1"] {
  max-width: 10%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="2"] {
  width: 20%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="2"] {
  left: 20%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="2"] {
  min-width: 20%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="2"] {
  max-width: 20%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="3"] {
  width: 30%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="3"] {
  left: 30%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="3"] {
  min-width: 30%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="3"] {
  max-width: 30%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="4"] {
  width: 40%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="4"] {
  left: 40%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="4"] {
  min-width: 40%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="4"] {
  max-width: 40%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="5"] {
  width: 50%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="5"] {
  left: 50%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="5"] {
  min-width: 50%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="5"] {
  max-width: 50%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="6"] {
  width: 60%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="6"] {
  left: 60%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="6"] {
  min-width: 60%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="6"] {
  max-width: 60%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="7"] {
  width: 70%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="7"] {
  left: 70%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="7"] {
  min-width: 70%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="7"] {
  max-width: 70%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="8"] {
  width: 80%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="8"] {
  left: 80%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="8"] {
  min-width: 80%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="8"] {
  max-width: 80%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="9"] {
  width: 90%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="9"] {
  left: 90%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="9"] {
  min-width: 90%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="9"] {
  max-width: 90%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="10"] {
  width: 100%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="10"] {
  left: 100%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="10"] {
  min-width: 100%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="10"] {
  max-width: 100%;
}

.grid-stack.grid-stack-11 > .grid-stack-item {
  min-width: 9.0909090909%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="1"] {
  width: 9.0909090909%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="1"] {
  left: 9.0909090909%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="1"] {
  min-width: 9.0909090909%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="1"] {
  max-width: 9.0909090909%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="2"] {
  width: 18.1818181818%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="2"] {
  left: 18.1818181818%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="2"] {
  min-width: 18.1818181818%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="2"] {
  max-width: 18.1818181818%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="3"] {
  width: 27.2727272727%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="3"] {
  left: 27.2727272727%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="3"] {
  min-width: 27.2727272727%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="3"] {
  max-width: 27.2727272727%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="4"] {
  width: 36.3636363636%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="4"] {
  left: 36.3636363636%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="4"] {
  min-width: 36.3636363636%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="4"] {
  max-width: 36.3636363636%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="5"] {
  width: 45.4545454545%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="5"] {
  left: 45.4545454545%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="5"] {
  min-width: 45.4545454545%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="5"] {
  max-width: 45.4545454545%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="6"] {
  width: 54.5454545455%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="6"] {
  left: 54.5454545455%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="6"] {
  min-width: 54.5454545455%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="6"] {
  max-width: 54.5454545455%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="7"] {
  width: 63.6363636364%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="7"] {
  left: 63.6363636364%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="7"] {
  min-width: 63.6363636364%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="7"] {
  max-width: 63.6363636364%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="8"] {
  width: 72.7272727273%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="8"] {
  left: 72.7272727273%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="8"] {
  min-width: 72.7272727273%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="8"] {
  max-width: 72.7272727273%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="9"] {
  width: 81.8181818182%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="9"] {
  left: 81.8181818182%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="9"] {
  min-width: 81.8181818182%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="9"] {
  max-width: 81.8181818182%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="10"] {
  width: 90.9090909091%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="10"] {
  left: 90.9090909091%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="10"] {
  min-width: 90.9090909091%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="10"] {
  max-width: 90.9090909091%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="11"] {
  width: 100%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="11"] {
  left: 100%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="11"] {
  min-width: 100%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="11"] {
  max-width: 100%;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/cropperjs/dist/cropper.min.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{-webkit-touch-callout:none;direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@axon-rto/fusus-web-components/dist/theme/theme.css?ngGlobalStyle (1) ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --font-family: 'IBM Plex Sans', 'Roboto', sans-serif;
  --font-family-monospace: 'IBM Plex Mono', monospace;
  font-feature-settings: "zero" 1;
  --font-weight-light: 300;
  --font-weight-extralight: 200;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --letter-spacing-000: 0px;
  --letter-spacing-button-lg: -0.18px;
  --letter-spacing-button-regular: -0.14px;
  --letter-spacing-button-sm: -0.12px;
  --font-size-display-1: 61px;
  --line-height-display-1: 67px;
  --font-size-heading-1: 49px;
  --line-height-heading-1: 54px;
  --font-size-heading-2: 39px;
  --line-height-heading-2: 43px;
  --font-size-heading-3: 18px;
  --line-height-heading-3: 23px;
  --font-size-subtitle-1: 25px;
  --line-height-subtitle-1: 35px;
  --font-size-subtitle-2: 20px;
  --line-height-subtitle-2: 28px;
  --font-size-subtitle-3: 20px;
  --line-height-subtitle-3: 28px;
  --font-size-subtitle-4: 16px;
  --line-height-subtitle-4: 22px;
  --font-size-body-1: 16px;
  --line-height-body-1: 22px;
  --font-size-body-2: 14px;
  --line-height-body-2: 19px;
  --font-size-body-3: 13px;
  --line-height-body-3: 18px;
  --font-size-body-4: 11px;
  --line-height-body-4: 14px;
  --font-size-label-1: 13px;
  --line-height-label-1: 17px;
  --font-size-label-2: 11px;
  --line-height-label-2: 14px;
  --font-size-caption: 11px;
  --line-height-caption: 14px;
  --font-size-button-lg: 18px;
  --line-height-button-lg: 18px;
  --font-size-button-regular: 14px;
  --line-height-button-regular: 14px;
  --font-size-button-sm: 12px;
  --line-height-button-sm: 12px;
}

.display-1 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-extralight);
  font-size: var(--font-size-display-1);
  line-height: var(--line-height-display-1);
  letter-spacing: var(--letter-spacing-000);
}

.heading-1 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-heading-1);
  line-height: var(--line-height-heading-1);
  letter-spacing: var(--letter-spacing-000);
}

.heading-2 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-heading-2);
  line-height: var(--line-height-heading-2);
  letter-spacing: var(--letter-spacing-000);
}

.heading-3 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-heading-3);
  line-height: var(--line-height-heading-3);
  letter-spacing: var(--letter-spacing-000);
}

.subtitle-1 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-subtitle-1);
  line-height: var(--line-height-subtitle-1);
  letter-spacing: var(--letter-spacing-000);
}

.subtitle-2 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-light);
  font-size: var(--font-size-subtitle-2);
  line-height: var(--line-height-subtitle-2);
  letter-spacing: var(--letter-spacing-000);
  text-transform: uppercase;
}

.subtitle-3 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-subtitle-3);
  line-height: var(--line-height-subtitle-3);
  letter-spacing: var(--letter-spacing-000);
}

.subtitle-4 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-subtitle-4);
  line-height: var(--line-height-subtitle-4);
  letter-spacing: var(--letter-spacing-000);
}

.body-1 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-body-1);
  line-height: var(--line-height-body-1);
  letter-spacing: var(--letter-spacing-000);
}

.body-1-link {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-body-1);
  line-height: var(--line-height-body-1);
  letter-spacing: var(--letter-spacing-000);
  text-decoration: underline;
  color: var(--text-icon-link, currentColor);
}

.body-2 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-body-2);
  line-height: var(--line-height-body-2);
  letter-spacing: var(--letter-spacing-000);
}

.body-2-link {
  font-family: var(--font-family);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-body-2);
  line-height: var(--line-height-body-2);
  letter-spacing: var(--letter-spacing-000);
  text-decoration: underline;
  color: var(--text-icon-link, currentColor);
}

.body-3 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-body-3);
  line-height: var(--line-height-body-3);
  letter-spacing: var(--letter-spacing-000);
}

.body-4 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-body-4);
  line-height: var(--line-height-body-4);
  letter-spacing: var(--letter-spacing-000);
}

.label-1 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-label-1);
  line-height: var(--line-height-label-1);
  letter-spacing: var(--letter-spacing-000);
  text-transform: uppercase;
}

.label-2 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-label-2);
  line-height: var(--line-height-label-2);
  letter-spacing: var(--letter-spacing-000);
  text-transform: uppercase;
}

.caption {
  font-family: var(--font-family);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-caption);
  line-height: var(--line-height-caption);
  letter-spacing: var(--letter-spacing-000);
}

.mono-11 {
  font-family: var(--font-family-monospace);
  font-weight: var(--font-weight-regular);
  font-size: 11px;
  line-height: 15px;
  letter-spacing: var(--letter-spacing-000);
}

.mono-13 {
  font-family: var(--font-family-monospace);
  font-weight: var(--font-weight-regular);
  font-size: 13px;
  line-height: 18px;
  letter-spacing: var(--letter-spacing-000);
}

.mono-13-medium {
  font-family: var(--font-family-monospace);
  font-weight: var(--font-weight-medium);
  font-size: 13px;
  line-height: 18px;
  letter-spacing: var(--letter-spacing-000);
}

.mono-16 {
  font-family: var(--font-family-monospace);
  font-weight: var(--font-weight-regular);
  font-size: 16px;
  line-height: 22px;
  letter-spacing: var(--letter-spacing-000);
}

.mono-25 {
  font-family: var(--font-family-monospace);
  font-weight: var(--font-weight-regular);
  font-size: 25px;
  line-height: 34px;
  letter-spacing: var(--letter-spacing-000);
}

.mono-31 {
  font-family: var(--font-family-monospace);
  font-weight: var(--font-weight-regular);
  font-size: 31px;
  line-height: 42px;
  letter-spacing: var(--letter-spacing-000);
}

.button-large {
  font-family: var(--font-family);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-button-lg);
  line-height: var(--line-height-button-lg);
  letter-spacing: var(--letter-spacing-button-lg);
}

.button-regular {
  font-family: var(--font-family);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-button-regular);
  line-height: var(--line-height-button-regular);
  letter-spacing: var(--letter-spacing-button-regular);
}

.button-small {
  font-family: var(--font-family);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-button-sm);
  line-height: var(--line-height-button-sm);
  letter-spacing: var(--letter-spacing-button-sm);
}

.fs-italic {
  font-style: italic;
}

.fs-text-wrap {
  white-space: normal;
  word-break: break-word;
}

:root {
  --fs-neutral-0: #000;
  --fs-neutral-50: #141217;
  --fs-neutral-100: #1f1d23;
  --fs-neutral-200: #2c2a30;
  --fs-neutral-300: #36343a;
  --fs-neutral-400: #4c4a4e;
  --fs-neutral-500: #636066;
  --fs-neutral-600: #b0adb2;
  --fs-neutral-700: #e6e6e6;
  --fs-neutral-800: #ededed;
  --fs-neutral-900: #f3f3f3;
  --fs-neutral-950: #f8f8f8;
  --fs-neutral-1000: #fff;
  --fs-red-50: #2e1313;
  --fs-red-100: #401b1b;
  --fs-red-200: #701f21;
  --fs-red-300: #8a1d1f;
  --fs-red-400: #a31b1e;
  --fs-red-500: #e90101;
  --fs-red-600: #ff4242;
  --fs-red-700: #ff8f8f;
  --fs-red-800: #ffabab;
  --fs-red-900: #ffc7c8;
  --fs-red-950: #ffdbdb;
  --fs-red-1000: #fff0f0;
  --fs-green-50: #1e211e;
  --fs-green-100: #203419;
  --fs-green-200: #2b5717;
  --fs-green-300: #294f12;
  --fs-green-400: #27660b;
  --fs-green-500: #2f7a0b;
  --fs-green-600: #56db18;
  --fs-green-700: #94f866;
  --fs-green-800: #a5f87f;
  --fs-green-900: #b6f897;
  --fs-green-950: #d6f8c4;
  --fs-green-1000: #eaf8e4;
  --fs-yellow-50: #2e2414;
  --fs-yellow-100: #402d0e;
  --fs-yellow-200: #6d4501;
  --fs-yellow-300: #7b4d01;
  --fs-yellow-400: #8a5701;
  --fs-yellow-500: #9c6200;
  --fs-yellow-600: #ffb028;
  --fs-yellow-700: #ffbf50;
  --fs-yellow-800: #ffcc73;
  --fs-yellow-900: #ffd997;
  --fs-yellow-950: #fcebcf;
  --fs-yellow-1000: #fdf5e4;
  --fs-blue-50: #1c202a;
  --fs-blue-100: #1b3040;
  --fs-blue-200: #25486b;
  --fs-blue-300: #235382;
  --fs-blue-400: #225e99;
  --fs-blue-500: #0371bf;
  --fs-blue-600: #2aa5fd;
  --fs-blue-700: #6bc1ff;
  --fs-blue-800: #8ecdfa;
  --fs-blue-900: #b2daf6;
  --fs-blue-950: #d1ecff;
  --fs-blue-1000: #e8f6ff;
  --fs-purple-50: #1e1b24;
  --fs-purple-100: #332b43;
  --fs-purple-200: #453469;
  --fs-purple-300: #4e387e;
  --fs-purple-400: #583d93;
  --fs-purple-500: #6546aa;
  --fs-purple-600: #aa8deb;
  --fs-purple-700: #c5acfa;
  --fs-purple-800: #cfbafb;
  --fs-purple-900: #d9c9fc;
  --fs-purple-950: #e6defc;
  --fs-purple-1000: #f4effe;
  --fs-orange-50: #2d1a0e;
  --fs-orange-100: #41210e;
  --fs-orange-200: #7c3407;
  --fs-orange-300: #8d3803;
  --fs-orange-400: #9e3d00;
  --fs-orange-500: #ba4b06;
  --fs-orange-600: #fd7b2a;
  --fs-orange-700: #ffa268;
  --fs-orange-800: #ffb688;
  --fs-orange-900: #ffcaa8;
  --fs-orange-950: #ffe9db;
  --fs-orange-1000: #fff2eb;
  --fs-teal-50: #172924;
  --fs-teal-100: #17362e;
  --fs-teal-200: #105241;
  --fs-teal-300: #0b5945;
  --fs-teal-400: #06614a;
  --fs-teal-500: #0b7a5f;
  --fs-teal-600: #16daa9;
  --fs-teal-700: #5eebc8;
  --fs-teal-800: #6ff4d3;
  --fs-teal-900: #80fdde;
  --fs-teal-950: #c4f8eb;
  --fs-teal-1000: #e9f8f4;
  --fs-pink-50: #2e1320;
  --fs-pink-100: #401b2d;
  --fs-pink-200: #781645;
  --fs-pink-300: #8f1250;
  --fs-pink-400: #a61059;
  --fs-pink-500: #d00969;
  --fs-pink-600: #ff66b0;
  --fs-pink-700: #ff89c2;
  --fs-pink-800: #ffb4d6;
  --fs-pink-900: #ffcae3;
  --fs-pink-950: #ffdeee;
  --fs-pink-1000: #f8ecf2;
  --fs-indigo-50: #171a2e;
  --fs-indigo-100: #202540;
  --fs-indigo-200: #323d85;
  --fs-indigo-300: #2e3f99;
  --fs-indigo-400: #3545ad;
  --fs-indigo-500: #3f53d6;
  --fs-indigo-600: #8495fe;
  --fs-indigo-700: #a8b4ff;
  --fs-indigo-800: #b2bdff;
  --fs-indigo-900: #bdc6ff;
  --fs-indigo-950: #d4d9ff;
  --fs-indigo-1000: #e0e4ff;
  --fs-slate-50: #26252e;
  --fs-slate-100: #302f3b;
  --fs-slate-200: #49485c;
  --fs-slate-300: #4f4f64;
  --fs-slate-400: #55546b;
  --fs-slate-500: #6e6c85;
  --fs-slate-600: #a09fbd;
  --fs-slate-700: #bcbad6;
  --fs-slate-800: #c6c5e0;
  --fs-slate-900: #d1d0eb;
  --fs-slate-950: #e3e2f9;
  --fs-slate-1000: #eaeafc;
  --brand-color: #fec62e;
  --fs-gold-state-hover: #ffcf4e;
  --fs-gold-state-down: #ffd76c;
  --fs-red-state-hover: #ff5d5d;
  --fs-red-state-down: #ff8080;
  --base-50: #faf9fa;
  --base-300: #868488;
  --base-600: #403c41;
  --base-700: #2c2a30;
  --base-750: #35282d;
  --base-800: #1f1d23;
  --base-850: #2c2328;
  --base-900: #141217;
  --base-800-transparent-30: rgba(31, 29, 35, 0.3);
  --base-800-transparent-80: rgba(31, 29, 35, 0.8);
  --base-900-transparent-80: rgba(20, 18, 23, 0.8);
  --primary-50: #f2efed;
  --primary-100: #dad7d5;
  --primary-200: #cecbc9;
  --primary-300: #b5b3b2;
  --primary-400: #918f8e;
  --primary-500: #72706f;
  --primary-600: #5b5958;
  --primary-700: #3d3c3b;
  --primary-800: #1d1d1c;
  --primary-900: #1f1d22;
  --primary-50-transparent-25: rgba(242, 239, 237, 0.25);
  --primary-50-transparent-80: rgba(242, 239, 237, 0.8);
  --primary-300-transparent-50: rgba(181, 179, 178, 0.5);
  --severity-critical-surface: #8f0e0e;
  --severity-critical-surface-dark: var(--fs-red-100);
  --severity-high-surface: var(--fs-red-100);
  --severity-high-surface-dark: var(--fs-red-50);
  --severity-medium-surface: var(--fs-yellow-100);
  --severity-medium-surface-dark: var(--fs-yellow-50);
  --severity-low-surface: var(--fs-slate-100);
  --severity-low-surface-dark: var(--fs-slate-50);
  --fs-transparent-black-15: rgba(0, 0, 0, 0.15);
  --fs-transparent-black-30: rgba(0, 0, 0, 0.3);
  --fs-transparent-black-50: rgba(0, 0, 0, 0.5);
  --fs-transparent-black-75: rgba(0, 0, 0, 0.75);
  --fs-transparent-white-15: rgba(255, 255, 255, 0.15);
  --fs-transparent-white-30: rgba(255, 255, 255, 0.3);
  --fs-transparent-white-50: rgba(255, 255, 255, 0.5);
  --fs-transparent-white-75: rgba(255, 255, 255, 0.75);
  --fs-transparent-axon-gold-50: rgba(254, 198, 46, 0.5);
  --fs-axon-gold-dark: #473b25;
  --fs-axon-gold-light: #fae9bb;
}

:root,
:root[data-theme=dark],
[data-theme=dark] {
  --surface-neutral-1: var(--fs-neutral-0);
  --surface-neutral-2: var(--fs-neutral-50);
  --surface-neutral-3: var(--fs-neutral-100);
  --surface-neutral-4: var(--fs-neutral-200);
  --surface-neutral-5-selected: var(--fs-neutral-300);
  --surface-color-red-1: var(--fs-red-50);
  --surface-color-red-2: var(--fs-red-100);
  --surface-color-red-3: var(--fs-red-200);
  --surface-color-red-4: var(--fs-red-600);
  --surface-color-red-critical: var(--fs-red-500);
  --surface-color-red-3-inverse: var(--fs-red-900);
  --surface-color-red-4-inverse: var(--fs-red-500);
  --surface-color-orange-1: var(--fs-orange-50);
  --surface-color-orange-2: var(--fs-orange-100);
  --surface-color-orange-3: var(--fs-orange-200);
  --surface-color-orange-4: var(--fs-orange-600);
  --surface-color-orange-3-inverse: var(--fs-orange-900);
  --surface-color-orange-4-inverse: var(--fs-orange-500);
  --surface-color-yellow-1: var(--fs-yellow-50);
  --surface-color-yellow-2: var(--fs-yellow-100);
  --surface-color-yellow-3: var(--fs-yellow-200);
  --surface-color-yellow-4: var(--fs-yellow-600);
  --surface-color-yellow-3-inverse: var(--fs-yellow-900);
  --surface-color-yellow-4-inverse: var(--fs-yellow-500);
  --surface-color-green-1: var(--fs-green-50);
  --surface-color-green-2: var(--fs-green-100);
  --surface-color-green-3: var(--fs-green-200);
  --surface-color-green-4: var(--fs-green-600);
  --surface-color-green-3-inverse: var(--fs-green-900);
  --surface-color-green-4-inverse: var(--fs-green-500);
  --surface-color-teal-1: var(--fs-teal-50);
  --surface-color-teal-2: var(--fs-teal-100);
  --surface-color-teal-3: var(--fs-teal-200);
  --surface-color-teal-4: var(--fs-teal-600);
  --surface-color-teal-3-inverse: var(--fs-teal-900);
  --surface-color-teal-4-inverse: var(--fs-teal-500);
  --surface-color-blue-1: var(--fs-blue-50);
  --surface-color-blue-2: var(--fs-blue-100);
  --surface-color-blue-3: var(--fs-blue-200);
  --surface-color-blue-4: var(--fs-blue-600);
  --surface-color-blue-3-inverse: var(--fs-blue-900);
  --surface-color-blue-4-inverse: var(--fs-blue-500);
  --surface-color-indigo-1: var(--fs-indigo-50);
  --surface-color-indigo-2: var(--fs-indigo-100);
  --surface-color-indigo-3: var(--fs-indigo-200);
  --surface-color-indigo-4: var(--fs-indigo-600);
  --surface-color-indigo-3-inverse: var(--fs-indigo-900);
  --surface-color-indigo-4-inverse: var(--fs-indigo-500);
  --surface-color-purple-1: var(--fs-purple-50);
  --surface-color-purple-2: var(--fs-purple-100);
  --surface-color-purple-3: var(--fs-purple-200);
  --surface-color-purple-4: var(--fs-purple-600);
  --surface-color-purple-3-inverse: var(--fs-purple-900);
  --surface-color-purple-4-inverse: var(--fs-purple-500);
  --surface-color-pink-1: var(--fs-pink-50);
  --surface-color-pink-2: var(--fs-pink-100);
  --surface-color-pink-3: var(--fs-pink-200);
  --surface-color-pink-4: var(--fs-pink-600);
  --surface-color-pink-3-inverse: var(--fs-pink-900);
  --surface-color-pink-4-inverse: var(--fs-pink-500);
  --surface-color-slate-1: var(--fs-slate-50);
  --surface-color-slate-2: var(--fs-slate-100);
  --surface-color-slate-3: var(--fs-slate-200);
  --surface-color-slate-4: var(--fs-slate-600);
  --surface-color-slate-3-inverse: var(--fs-slate-900);
  --surface-color-slate-4-inverse: var(--fs-slate-500);
  --fill-neutral-1: var(--fs-neutral-500);
  --fill-neutral-2: var(--fs-neutral-700);
  --fill-neutral-3: var(--fs-neutral-900);
  --fill-neutral-4: var(--fs-neutral-1000);
  --fill-neutral-static-black: var(--fs-neutral-0);
  --fill-neutral-static-white: var(--fs-neutral-1000);
  --fill-neutral-1-inverse: var(--fs-neutral-500);
  --fill-neutral-2-inverse: var(--fs-neutral-300);
  --fill-neutral-3-inverse: var(--fs-neutral-100);
  --fill-neutral-4-inverse: var(--fs-neutral-0);
  --text-icon-neutral-bold: var(--fs-neutral-1000);
  --text-icon-neutral-disabled: var(--fs-neutral-400);
  --text-icon-neutral-primary: var(--fs-neutral-900);
  --text-icon-neutral-secondary: var(--fs-neutral-600);
  --text-icon-neutral-static-black: var(--fs-neutral-0);
  --text-icon-neutral-static-white: var(--fs-neutral-1000);
  --text-icon-neutral-bold-inverse: var(--fs-neutral-0);
  --text-icon-neutral-disabled-inverse: var(--fs-neutral-600);
  --text-icon-neutral-primary-inverse: var(--fs-neutral-50);
  --text-icon-neutral-secondary-inverse: var(--fs-neutral-400);
  --text-icon-color-red-bold-icon: var(--fs-red-600);
  --text-icon-color-red-primary: var(--fs-red-700);
  --text-icon-color-red-bold-icon-inverse: var(--fs-red-500);
  --text-icon-color-orange-bold-icon: var(--fs-orange-600);
  --text-icon-color-orange-primary: var(--fs-orange-700);
  --text-icon-color-orange-bold-icon-inverse: var(--fs-orange-500);
  --text-icon-color-yellow-bold-icon: var(--fs-yellow-600);
  --text-icon-color-yellow-primary: var(--fs-yellow-700);
  --text-icon-color-yellow-bold-icon-inverse: var(--fs-yellow-500);
  --text-icon-color-green-bold-icon: var(--fs-green-600);
  --text-icon-color-green-primary: var(--fs-green-700);
  --text-icon-color-green-bold-icon-inverse: var(--fs-green-500);
  --text-icon-color-teal-bold-icon: var(--fs-teal-600);
  --text-icon-color-teal-primary: var(--fs-teal-700);
  --text-icon-color-teal-bold-icon-inverse: var(--fs-teal-500);
  --text-icon-color-blue-bold-icon: var(--fs-blue-600);
  --text-icon-color-blue-primary: var(--fs-blue-700);
  --text-icon-color-blue-bold-icon-inverse: var(--fs-blue-500);
  --text-icon-color-indigo-bold-icon: var(--fs-indigo-600);
  --text-icon-color-indigo-primary: var(--fs-indigo-700);
  --text-icon-color-indigo-bold-icon-inverse: var(--fs-indigo-500);
  --text-icon-color-purple-bold-icon: var(--fs-purple-600);
  --text-icon-color-purple-primary: var(--fs-purple-700);
  --text-icon-color-purple-bold-icon-inverse: var(--fs-purple-500);
  --text-icon-color-pink-bold-icon: var(--fs-pink-600);
  --text-icon-color-pink-primary: var(--fs-pink-700);
  --text-icon-color-pink-bold-icon-inverse: var(--fs-pink-500);
  --text-icon-color-slate-bold-icon: var(--fs-slate-600);
  --text-icon-color-slate-primary: var(--fs-slate-700);
  --text-icon-color-slate-bold-icon-inverse: var(--fs-slate-500);
  --stroke-color-red-bold: var(--fs-red-600);
  --stroke-color-red-primary: var(--fs-red-700);
  --stroke-color-red-secondary: var(--fs-red-400);
  --stroke-color-orange-bold: var(--fs-orange-600);
  --stroke-color-orange-primary: var(--fs-orange-700);
  --stroke-color-orange-secondary: var(--fs-orange-400);
  --stroke-color-yellow-bold: var(--fs-yellow-600);
  --stroke-color-yellow-primary: var(--fs-yellow-700);
  --stroke-color-yellow-secondary: var(--fs-yellow-400);
  --stroke-color-green-bold: var(--fs-green-600);
  --stroke-color-green-primary: var(--fs-green-700);
  --stroke-color-green-secondary: var(--fs-green-400);
  --stroke-color-teal-bold: var(--fs-teal-600);
  --stroke-color-teal-primary: var(--fs-teal-700);
  --stroke-color-teal-secondary: var(--fs-teal-400);
  --stroke-color-blue-bold: var(--fs-blue-600);
  --stroke-color-blue-primary: var(--fs-blue-700);
  --stroke-color-blue-secondary: var(--fs-blue-400);
  --stroke-color-indigo-bold: var(--fs-indigo-600);
  --stroke-color-indigo-primary: var(--fs-indigo-700);
  --stroke-color-indigo-secondary: var(--fs-indigo-400);
  --stroke-color-purple-bold: var(--fs-purple-600);
  --stroke-color-purple-primary: var(--fs-purple-700);
  --stroke-color-purple-secondary: var(--fs-purple-400);
  --stroke-color-pink-bold: var(--fs-pink-600);
  --stroke-color-pink-primary: var(--fs-pink-700);
  --stroke-color-pink-secondary: var(--fs-pink-400);
  --stroke-color-slate-bold: var(--fs-slate-600);
  --stroke-color-slate-primary: var(--fs-slate-700);
  --stroke-color-slate-secondary: var(--fs-slate-400);
  --transparency-15-black: var(--fs-transparent-black-15);
  --transparency-15-white: var(--fs-transparent-white-15);
  --transparency-30-black: var(--fs-transparent-black-30);
  --transparency-30-white: var(--fs-transparent-white-30);
  --transparency-50-black: var(--fs-transparent-black-50);
  --transparency-50-white: var(--fs-transparent-white-50);
  --transparency-75-black: var(--fs-transparent-black-75);
  --transparency-75-white: var(--fs-transparent-white-75);
  --stroke-neutral-bold: var(--fs-neutral-600);
  --stroke-neutral-bold-inverse: var(--fs-neutral-400);
  --stroke-neutral-extra-bold: var(--fs-neutral-1000);
  --stroke-neutral-primary: var(--fs-neutral-400);
  --stroke-neutral-secondary: var(--fs-neutral-300);
  --stroke-neutral-static-black: var(--fs-neutral-0);
  --stroke-neutral-static-white: var(--fs-neutral-1000);
  --state-brand-hover: var(--fs-gold-state-hover);
  --state-brand-down: var(--fs-gold-state-down);
  --state-red-hover: var(--fs-red-state-hover);
  --state-red-down: var(--fs-red-state-down);
  --state-neutral-hover-secondary: color-mix(in srgb, var(--fs-neutral-1000) 10%, transparent);
  --state-neutral-down-secondary: color-mix(in srgb, var(--fs-neutral-1000) 20%, transparent);
  --state-neutral-inverse-hover-secondary: color-mix(
    in srgb,
    var(--fs-neutral-200) 10%,
    transparent
  );
  --state-neutral-inverse-down-secondary: color-mix(
    in srgb,
    var(--fs-neutral-200) 20%,
    transparent
  );
  --state-red-hover-secondary: color-mix(in srgb, var(--state-red-hover) 10%, transparent);
  --state-red-down-secondary: color-mix(in srgb, var(--state-red-down) 20%, transparent);
  --state-static-black-hover-secondary: color-mix(in srgb, var(--fs-neutral-200) 10%, transparent);
  --state-static-black-down-secondary: color-mix(in srgb, var(--fs-neutral-200) 20%, transparent);
  --state-static-white-hover-secondary: color-mix(in srgb, var(--fs-neutral-1000) 10%, transparent);
  --state-static-white-down-secondary: color-mix(in srgb, var(--fs-neutral-1000) 20%, transparent);
  --brand-accent: var(--brand-color);
  --brand-accent-pair: var(--fs-neutral-0);
  --brand-muted-gold: var(--fs-axon-gold-dark);
  --text-icon-link: var(--text-icon-color-blue-primary);
}

:root[data-theme=light],
[data-theme=light] {
  --surface-neutral-1: var(--fs-neutral-800);
  --surface-neutral-2: var(--fs-neutral-900);
  --surface-neutral-3: var(--fs-neutral-950);
  --surface-neutral-4: var(--fs-neutral-1000);
  --surface-neutral-5-selected: var(--fs-neutral-700);
  --surface-color-red-1: var(--fs-red-1000);
  --surface-color-red-2: var(--fs-red-950);
  --surface-color-red-3: var(--fs-red-900);
  --surface-color-red-4: var(--fs-red-500);
  --surface-color-red-critical: var(--fs-red-400);
  --surface-color-red-3-inverse: var(--fs-red-200);
  --surface-color-red-4-inverse: var(--fs-red-600);
  --surface-color-orange-1: var(--fs-orange-1000);
  --surface-color-orange-2: var(--fs-orange-950);
  --surface-color-orange-3: var(--fs-orange-900);
  --surface-color-orange-4: var(--fs-orange-500);
  --surface-color-orange-3-inverse: var(--fs-orange-200);
  --surface-color-orange-4-inverse: var(--fs-orange-600);
  --surface-color-yellow-1: var(--fs-yellow-1000);
  --surface-color-yellow-2: var(--fs-yellow-950);
  --surface-color-yellow-3: var(--fs-yellow-900);
  --surface-color-yellow-4: var(--fs-yellow-500);
  --surface-color-yellow-3-inverse: var(--fs-yellow-200);
  --surface-color-yellow-4-inverse: var(--fs-yellow-600);
  --surface-color-green-1: var(--fs-green-1000);
  --surface-color-green-2: var(--fs-green-950);
  --surface-color-green-3: var(--fs-green-900);
  --surface-color-green-4: var(--fs-green-500);
  --surface-color-green-3-inverse: var(--fs-green-200);
  --surface-color-green-4-inverse: var(--fs-green-600);
  --surface-color-teal-1: var(--fs-teal-1000);
  --surface-color-teal-2: var(--fs-teal-950);
  --surface-color-teal-3: var(--fs-teal-900);
  --surface-color-teal-4: var(--fs-teal-500);
  --surface-color-teal-3-inverse: var(--fs-teal-200);
  --surface-color-teal-4-inverse: var(--fs-teal-600);
  --surface-color-blue-1: var(--fs-blue-1000);
  --surface-color-blue-2: var(--fs-blue-950);
  --surface-color-blue-3: var(--fs-blue-900);
  --surface-color-blue-4: var(--fs-blue-500);
  --surface-color-blue-3-inverse: var(--fs-blue-200);
  --surface-color-blue-4-inverse: var(--fs-blue-600);
  --surface-color-indigo-1: var(--fs-indigo-1000);
  --surface-color-indigo-2: var(--fs-indigo-950);
  --surface-color-indigo-3: var(--fs-indigo-900);
  --surface-color-indigo-4: var(--fs-indigo-500);
  --surface-color-indigo-3-inverse: var(--fs-indigo-200);
  --surface-color-indigo-4-inverse: var(--fs-indigo-600);
  --surface-color-purple-1: var(--fs-purple-1000);
  --surface-color-purple-2: var(--fs-purple-950);
  --surface-color-purple-3: var(--fs-purple-900);
  --surface-color-purple-4: var(--fs-purple-500);
  --surface-color-purple-3-inverse: var(--fs-purple-200);
  --surface-color-purple-4-inverse: var(--fs-purple-600);
  --surface-color-pink-1: var(--fs-pink-1000);
  --surface-color-pink-2: var(--fs-pink-950);
  --surface-color-pink-3: var(--fs-pink-900);
  --surface-color-pink-4: var(--fs-pink-500);
  --surface-color-pink-3-inverse: var(--fs-pink-200);
  --surface-color-pink-4-inverse: var(--fs-pink-600);
  --surface-color-slate-1: var(--fs-slate-1000);
  --surface-color-slate-2: var(--fs-slate-950);
  --surface-color-slate-3: var(--fs-slate-900);
  --surface-color-slate-4: var(--fs-slate-500);
  --surface-color-slate-3-inverse: var(--fs-slate-200);
  --surface-color-slate-4-inverse: var(--fs-slate-600);
  --fill-neutral-1: var(--fs-neutral-500);
  --fill-neutral-2: var(--fs-neutral-300);
  --fill-neutral-3: var(--fs-neutral-100);
  --fill-neutral-4: var(--fs-neutral-0);
  --fill-neutral-static-black: var(--fs-neutral-0);
  --fill-neutral-static-white: var(--fs-neutral-1000);
  --fill-neutral-1-inverse: var(--fs-neutral-500);
  --fill-neutral-2-inverse: var(--fs-neutral-700);
  --fill-neutral-3-inverse: var(--fs-neutral-900);
  --fill-neutral-4-inverse: var(--fs-neutral-1000);
  --text-icon-neutral-bold: var(--fs-neutral-0);
  --text-icon-neutral-disabled: var(--fs-neutral-600);
  --text-icon-neutral-primary: var(--fs-neutral-50);
  --text-icon-neutral-secondary: var(--fs-neutral-400);
  --text-icon-neutral-static-black: var(--fs-neutral-0);
  --text-icon-neutral-static-white: var(--fs-neutral-1000);
  --text-icon-neutral-bold-inverse: var(--fs-neutral-1000);
  --text-icon-neutral-disabled-inverse: var(--fs-neutral-400);
  --text-icon-neutral-primary-inverse: var(--fs-neutral-900);
  --text-icon-neutral-secondary-inverse: var(--fs-neutral-600);
  --text-icon-color-red-bold-icon: var(--fs-red-500);
  --text-icon-color-red-primary: var(--fs-red-400);
  --text-icon-color-red-bold-icon-inverse: var(--fs-red-600);
  --text-icon-color-orange-bold-icon: var(--fs-orange-500);
  --text-icon-color-orange-primary: var(--fs-orange-400);
  --text-icon-color-orange-bold-icon-inverse: var(--fs-orange-600);
  --text-icon-color-yellow-bold-icon: var(--fs-yellow-500);
  --text-icon-color-yellow-primary: var(--fs-yellow-400);
  --text-icon-color-yellow-bold-icon-inverse: var(--fs-yellow-600);
  --text-icon-color-green-bold-icon: var(--fs-green-500);
  --text-icon-color-green-primary: var(--fs-green-400);
  --text-icon-color-green-bold-icon-inverse: var(--fs-green-600);
  --text-icon-color-teal-bold-icon: var(--fs-teal-500);
  --text-icon-color-teal-primary: var(--fs-teal-400);
  --text-icon-color-teal-bold-icon-inverse: var(--fs-teal-600);
  --text-icon-color-blue-bold-icon: var(--fs-blue-500);
  --text-icon-color-blue-primary: var(--fs-blue-400);
  --text-icon-color-blue-bold-icon-inverse: var(--fs-blue-600);
  --text-icon-color-indigo-bold-icon: var(--fs-indigo-500);
  --text-icon-color-indigo-primary: var(--fs-indigo-400);
  --text-icon-color-indigo-bold-icon-inverse: var(--fs-indigo-600);
  --text-icon-color-purple-bold-icon: var(--fs-purple-500);
  --text-icon-color-purple-primary: var(--fs-purple-400);
  --text-icon-color-purple-bold-icon-inverse: var(--fs-purple-600);
  --text-icon-color-pink-bold-icon: var(--fs-pink-500);
  --text-icon-color-pink-primary: var(--fs-pink-400);
  --text-icon-color-pink-bold-icon-inverse: var(--fs-pink-600);
  --text-icon-color-slate-bold-icon: var(--fs-slate-500);
  --text-icon-color-slate-primary: var(--fs-slate-400);
  --text-icon-color-slate-bold-icon-inverse: var(--fs-slate-600);
  --stroke-color-red-bold: var(--fs-red-500);
  --stroke-color-red-primary: var(--fs-red-400);
  --stroke-color-red-secondary: var(--fs-red-700);
  --stroke-color-orange-bold: var(--fs-orange-500);
  --stroke-color-orange-primary: var(--fs-orange-400);
  --stroke-color-orange-secondary: var(--fs-orange-700);
  --stroke-color-yellow-bold: var(--fs-yellow-500);
  --stroke-color-yellow-primary: var(--fs-yellow-400);
  --stroke-color-yellow-secondary: var(--fs-yellow-700);
  --stroke-color-green-bold: var(--fs-green-500);
  --stroke-color-green-primary: var(--fs-green-400);
  --stroke-color-green-secondary: var(--fs-green-700);
  --stroke-color-teal-bold: var(--fs-teal-500);
  --stroke-color-teal-primary: var(--fs-teal-400);
  --stroke-color-teal-secondary: var(--fs-teal-700);
  --stroke-color-blue-bold: var(--fs-blue-500);
  --stroke-color-blue-primary: var(--fs-blue-400);
  --stroke-color-blue-secondary: var(--fs-blue-700);
  --stroke-color-indigo-bold: var(--fs-indigo-500);
  --stroke-color-indigo-primary: var(--fs-indigo-400);
  --stroke-color-indigo-secondary: var(--fs-indigo-700);
  --stroke-color-purple-bold: var(--fs-purple-500);
  --stroke-color-purple-primary: var(--fs-purple-400);
  --stroke-color-purple-secondary: var(--fs-purple-700);
  --stroke-color-pink-bold: var(--fs-pink-500);
  --stroke-color-pink-primary: var(--fs-pink-400);
  --stroke-color-pink-secondary: var(--fs-pink-700);
  --stroke-color-slate-bold: var(--fs-slate-500);
  --stroke-color-slate-primary: var(--fs-slate-400);
  --stroke-color-slate-secondary: var(--fs-slate-700);
  --transparency-15-black: var(--fs-transparent-black-15);
  --transparency-15-white: var(--fs-transparent-white-15);
  --transparency-30-black: var(--fs-transparent-black-30);
  --transparency-30-white: var(--fs-transparent-white-30);
  --transparency-50-black: var(--fs-transparent-black-50);
  --transparency-50-white: var(--fs-transparent-white-50);
  --transparency-75-black: var(--fs-transparent-black-75);
  --transparency-75-white: var(--fs-transparent-white-75);
  --stroke-neutral-bold: var(--fs-neutral-400);
  --stroke-neutral-bold-inverse: var(--fs-neutral-600);
  --stroke-neutral-extra-bold: var(--fs-neutral-0);
  --stroke-neutral-primary: var(--fs-neutral-600);
  --stroke-neutral-secondary: var(--fs-neutral-700);
  --stroke-neutral-static-black: var(--fs-neutral-0);
  --stroke-neutral-static-white: var(--fs-neutral-1000);
  --state-brand-hover: var(--fs-gold-state-hover);
  --state-brand-down: var(--fs-gold-state-down);
  --state-red-hover: var(--fs-red-state-hover);
  --state-red-down: var(--fs-red-state-down);
  --state-neutral-hover-secondary: color-mix(in srgb, var(--fs-neutral-200) 10%, transparent);
  --state-neutral-down-secondary: color-mix(in srgb, var(--fs-neutral-200) 20%, transparent);
  --state-neutral-inverse-hover-secondary: color-mix(
    in srgb,
    var(--fs-neutral-1000) 10%,
    transparent
  );
  --state-neutral-inverse-down-secondary: color-mix(
    in srgb,
    var(--fs-neutral-1000) 20%,
    transparent
  );
  --state-red-hover-secondary: color-mix(in srgb, var(--state-red-hover) 10%, transparent);
  --state-red-down-secondary: color-mix(in srgb, var(--state-red-down) 20%, transparent);
  --state-static-black-hover-secondary: color-mix(in srgb, var(--fs-neutral-200) 10%, transparent);
  --state-static-black-down-secondary: color-mix(in srgb, var(--fs-neutral-200) 20%, transparent);
  --state-static-white-hover-secondary: color-mix(in srgb, var(--fs-neutral-1000) 10%, transparent);
  --state-static-white-down-secondary: color-mix(in srgb, var(--fs-neutral-1000) 20%, transparent);
  --brand-accent: var(--brand-color);
  --brand-accent-pair: var(--fs-neutral-0);
  --brand-muted-gold: var(--fs-axon-gold-light);
  --text-icon-link: var(--text-icon-color-blue-primary);
}

[data-theme=fedex] {
  --surface-neutral-1: var(--fs-neutral-800);
  --surface-neutral-2: #ffffff;
  --surface-neutral-3: #fafafa;
  --surface-neutral-4: #f2f2f2;
  --surface-neutral-5-selected: #ede4f5;
  --surface-color-red-1: var(--fs-red-1000);
  --surface-color-red-2: var(--fs-red-950);
  --surface-color-red-3: var(--fs-red-900);
  --surface-color-red-4: var(--fs-red-500);
  --surface-color-red-critical: var(--fs-red-400);
  --surface-color-red-3-inverse: #c8102e;
  --surface-color-red-4-inverse: var(--fs-red-600);
  --surface-color-orange-1: var(--fs-orange-1000);
  --surface-color-orange-2: var(--fs-orange-950);
  --surface-color-orange-3: var(--fs-orange-900);
  --surface-color-orange-4: var(--fs-orange-500);
  --surface-color-orange-3-inverse: #9a6500;
  --surface-color-orange-4-inverse: var(--fs-orange-600);
  --surface-color-yellow-1: var(--fs-yellow-1000);
  --surface-color-yellow-2: var(--fs-yellow-950);
  --surface-color-yellow-3: var(--fs-yellow-900);
  --surface-color-yellow-4: var(--fs-yellow-500);
  --surface-color-yellow-3-inverse: var(--fs-yellow-200);
  --surface-color-yellow-4-inverse: var(--fs-yellow-600);
  --surface-color-green-1: var(--fs-green-1000);
  --surface-color-green-2: var(--fs-green-950);
  --surface-color-green-3: var(--fs-green-900);
  --surface-color-green-4: var(--fs-green-500);
  --surface-color-green-3-inverse: #007a33;
  --surface-color-green-4-inverse: var(--fs-green-600);
  --surface-color-teal-1: var(--fs-teal-1000);
  --surface-color-teal-2: var(--fs-teal-950);
  --surface-color-teal-3: var(--fs-teal-900);
  --surface-color-teal-4: var(--fs-teal-500);
  --surface-color-teal-3-inverse: var(--fs-teal-200);
  --surface-color-teal-4-inverse: var(--fs-teal-600);
  --surface-color-blue-1: var(--fs-blue-1000);
  --surface-color-blue-2: var(--fs-blue-950);
  --surface-color-blue-3: var(--fs-blue-900);
  --surface-color-blue-4: var(--fs-blue-500);
  --surface-color-blue-3-inverse: var(--fs-blue-200);
  --surface-color-blue-4-inverse: var(--fs-blue-600);
  --surface-color-indigo-1: var(--fs-indigo-1000);
  --surface-color-indigo-2: var(--fs-indigo-950);
  --surface-color-indigo-3: var(--fs-indigo-900);
  --surface-color-indigo-4: var(--fs-indigo-500);
  --surface-color-indigo-3-inverse: var(--fs-indigo-200);
  --surface-color-indigo-4-inverse: var(--fs-indigo-600);
  --surface-color-purple-1: var(--fs-purple-1000);
  --surface-color-purple-2: var(--fs-purple-950);
  --surface-color-purple-3: var(--fs-purple-900);
  --surface-color-purple-4: var(--fs-purple-500);
  --surface-color-purple-3-inverse: var(--fs-purple-200);
  --surface-color-purple-4-inverse: var(--fs-purple-600);
  --surface-color-pink-1: var(--fs-pink-1000);
  --surface-color-pink-2: var(--fs-pink-950);
  --surface-color-pink-3: var(--fs-pink-900);
  --surface-color-pink-4: var(--fs-pink-500);
  --surface-color-pink-3-inverse: var(--fs-pink-200);
  --surface-color-pink-4-inverse: var(--fs-pink-600);
  --surface-color-slate-1: var(--fs-slate-1000);
  --surface-color-slate-2: var(--fs-slate-950);
  --surface-color-slate-3: var(--fs-slate-900);
  --surface-color-slate-4: var(--fs-slate-500);
  --surface-color-slate-3-inverse: #007ab7;
  --surface-color-slate-4-inverse: var(--fs-slate-600);
  --fill-neutral-1: var(--fs-neutral-500);
  --fill-neutral-2: #ff6200;
  --fill-neutral-3: #e45528;
  --fill-neutral-4: #4d148c;
  --fill-neutral-static-black: var(--fs-neutral-0);
  --fill-neutral-static-white: var(--fs-neutral-1000);
  --fill-neutral-1-inverse: var(--fs-neutral-500);
  --fill-neutral-2-inverse: var(--fs-neutral-700);
  --fill-neutral-3-inverse: var(--fs-neutral-900);
  --fill-neutral-4-inverse: var(--fs-neutral-1000);
  --text-icon-neutral-bold: var(--fs-neutral-0);
  --text-icon-neutral-disabled: var(--fs-neutral-600);
  --text-icon-neutral-primary: var(--fs-neutral-50);
  --text-icon-neutral-secondary: var(--fs-neutral-400);
  --text-icon-neutral-static-black: var(--fs-neutral-0);
  --text-icon-neutral-static-white: var(--fs-neutral-1000);
  --text-icon-neutral-bold-inverse: var(--fs-neutral-1000);
  --text-icon-neutral-disabled-inverse: var(--fs-neutral-400);
  --text-icon-neutral-primary-inverse: var(--fs-neutral-900);
  --text-icon-neutral-secondary-inverse: var(--fs-neutral-600);
  --text-icon-color-red-bold-icon: var(--fs-red-500);
  --text-icon-color-red-primary: var(--fs-red-400);
  --text-icon-color-red-bold-icon-inverse: #ffd9dd;
  --text-icon-color-orange-bold-icon: var(--fs-orange-500);
  --text-icon-color-orange-primary: var(--fs-orange-400);
  --text-icon-color-orange-bold-icon-inverse: #ffe6b3;
  --text-icon-color-yellow-bold-icon: var(--fs-yellow-500);
  --text-icon-color-yellow-primary: var(--fs-yellow-400);
  --text-icon-color-yellow-bold-icon-inverse: var(--fs-yellow-600);
  --text-icon-color-green-bold-icon: var(--fs-green-500);
  --text-icon-color-green-primary: var(--fs-green-400);
  --text-icon-color-green-bold-icon-inverse: #c7f0d4;
  --text-icon-color-teal-bold-icon: var(--fs-teal-500);
  --text-icon-color-teal-primary: var(--fs-teal-400);
  --text-icon-color-teal-bold-icon-inverse: var(--fs-teal-600);
  --text-icon-color-blue-bold-icon: var(--fs-blue-500);
  --text-icon-color-blue-primary: #007ab7;
  --text-icon-color-blue-bold-icon-inverse: var(--fs-blue-600);
  --text-icon-color-indigo-bold-icon: var(--fs-indigo-500);
  --text-icon-color-indigo-primary: var(--fs-indigo-400);
  --text-icon-color-indigo-bold-icon-inverse: var(--fs-indigo-600);
  --text-icon-color-purple-bold-icon: var(--fs-purple-500);
  --text-icon-color-purple-primary: var(--fs-purple-400);
  --text-icon-color-purple-bold-icon-inverse: var(--fs-purple-600);
  --text-icon-color-pink-bold-icon: var(--fs-pink-500);
  --text-icon-color-pink-primary: var(--fs-pink-400);
  --text-icon-color-pink-bold-icon-inverse: var(--fs-pink-600);
  --text-icon-color-slate-bold-icon: var(--fs-slate-500);
  --text-icon-color-slate-primary: var(--fs-slate-400);
  --text-icon-color-slate-bold-icon-inverse: #cfe7f5;
  --stroke-color-red-bold: var(--fs-red-500);
  --stroke-color-red-primary: var(--fs-red-400);
  --stroke-color-red-secondary: var(--fs-red-700);
  --stroke-color-orange-bold: var(--fs-orange-500);
  --stroke-color-orange-primary: var(--fs-orange-400);
  --stroke-color-orange-secondary: var(--fs-orange-700);
  --stroke-color-yellow-bold: var(--fs-yellow-500);
  --stroke-color-yellow-primary: var(--fs-yellow-400);
  --stroke-color-yellow-secondary: var(--fs-yellow-700);
  --stroke-color-green-bold: var(--fs-green-500);
  --stroke-color-green-primary: var(--fs-green-400);
  --stroke-color-green-secondary: var(--fs-green-700);
  --stroke-color-teal-bold: var(--fs-teal-500);
  --stroke-color-teal-primary: var(--fs-teal-400);
  --stroke-color-teal-secondary: var(--fs-teal-700);
  --stroke-color-blue-bold: var(--fs-blue-500);
  --stroke-color-blue-primary: var(--fs-blue-400);
  --stroke-color-blue-secondary: var(--fs-blue-700);
  --stroke-color-indigo-bold: var(--fs-indigo-500);
  --stroke-color-indigo-primary: var(--fs-indigo-400);
  --stroke-color-indigo-secondary: var(--fs-indigo-700);
  --stroke-color-purple-bold: var(--fs-purple-500);
  --stroke-color-purple-primary: var(--fs-purple-400);
  --stroke-color-purple-secondary: var(--fs-purple-700);
  --stroke-color-pink-bold: var(--fs-pink-500);
  --stroke-color-pink-primary: var(--fs-pink-400);
  --stroke-color-pink-secondary: var(--fs-pink-700);
  --stroke-color-slate-bold: var(--fs-slate-500);
  --stroke-color-slate-primary: var(--fs-slate-400);
  --stroke-color-slate-secondary: var(--fs-slate-700);
  --transparency-15-black: var(--fs-transparent-black-15);
  --transparency-15-white: var(--fs-transparent-white-15);
  --transparency-30-black: var(--fs-transparent-black-30);
  --transparency-30-white: var(--fs-transparent-white-30);
  --transparency-50-black: var(--fs-transparent-black-50);
  --transparency-50-white: var(--fs-transparent-white-50);
  --transparency-75-black: var(--fs-transparent-black-75);
  --transparency-75-white: var(--fs-transparent-white-75);
  --stroke-neutral-bold: #8e8e8e;
  --stroke-neutral-bold-inverse: var(--fs-neutral-600);
  --stroke-neutral-extra-bold: #4d148c;
  --stroke-neutral-primary: #d4d4d4;
  --stroke-neutral-secondary: #e3e3e3;
  --stroke-neutral-static-black: var(--fs-neutral-0);
  --stroke-neutral-static-white: var(--fs-neutral-1000);
  --state-brand-hover: color-mix(in srgb, var(--brand-accent) 84%, white 16%);
  --state-brand-down: color-mix(in srgb, var(--brand-accent) 70%, white 30%);
  --state-red-hover: var(--fs-red-state-hover);
  --state-red-down: var(--fs-red-state-down);
  --state-neutral-hover-secondary: color-mix(in srgb, var(--fs-neutral-200) 10%, transparent);
  --state-neutral-down-secondary: color-mix(in srgb, var(--fs-neutral-200) 20%, transparent);
  --state-neutral-inverse-hover-secondary: color-mix(
    in srgb,
    var(--fs-neutral-1000) 10%,
    transparent
  );
  --state-neutral-inverse-down-secondary: color-mix(
    in srgb,
    var(--fs-neutral-1000) 20%,
    transparent
  );
  --state-red-hover-secondary: color-mix(in srgb, var(--state-red-hover) 10%, transparent);
  --state-red-down-secondary: color-mix(in srgb, var(--state-red-down) 20%, transparent);
  --state-static-black-hover-secondary: color-mix(in srgb, var(--fs-neutral-200) 10%, transparent);
  --state-static-black-down-secondary: color-mix(in srgb, var(--fs-neutral-200) 20%, transparent);
  --state-static-white-hover-secondary: color-mix(in srgb, var(--fs-neutral-1000) 10%, transparent);
  --state-static-white-down-secondary: color-mix(in srgb, var(--fs-neutral-1000) 20%, transparent);
  --brand-accent: #ff6200;
  --brand-accent-pair: #4d148c;
  --brand-muted-gold: #4d148c;
  --text-icon-link: #007ab7;
  --brand-gradient: linear-gradient(90deg, #4d148c 0%, #7d22c3 33%, #ff6200 100%);
}

[data-theme=walmart] {
  --surface-neutral-1: var(--fs-neutral-800);
  --surface-neutral-2: #ffffff;
  --surface-neutral-3: #f8f8f8;
  --surface-neutral-4: #f1f1f2;
  --surface-neutral-5-selected: #e9f1fe;
  --surface-color-red-1: var(--fs-red-1000);
  --surface-color-red-2: var(--fs-red-950);
  --surface-color-red-3: var(--fs-red-900);
  --surface-color-red-4: var(--fs-red-500);
  --surface-color-red-critical: var(--fs-red-400);
  --surface-color-red-3-inverse: #de1c24;
  --surface-color-red-4-inverse: var(--fs-red-600);
  --surface-color-orange-1: var(--fs-orange-1000);
  --surface-color-orange-2: var(--fs-orange-950);
  --surface-color-orange-3: var(--fs-orange-900);
  --surface-color-orange-4: var(--fs-orange-500);
  --surface-color-orange-3-inverse: #8a6800;
  --surface-color-orange-4-inverse: var(--fs-orange-600);
  --surface-color-yellow-1: var(--fs-yellow-1000);
  --surface-color-yellow-2: var(--fs-yellow-950);
  --surface-color-yellow-3: var(--fs-yellow-900);
  --surface-color-yellow-4: var(--fs-yellow-500);
  --surface-color-yellow-3-inverse: var(--fs-yellow-200);
  --surface-color-yellow-4-inverse: var(--fs-yellow-600);
  --surface-color-green-1: var(--fs-green-1000);
  --surface-color-green-2: var(--fs-green-950);
  --surface-color-green-3: var(--fs-green-900);
  --surface-color-green-4: var(--fs-green-500);
  --surface-color-green-3-inverse: #2a8703;
  --surface-color-green-4-inverse: var(--fs-green-600);
  --surface-color-teal-1: var(--fs-teal-1000);
  --surface-color-teal-2: var(--fs-teal-950);
  --surface-color-teal-3: var(--fs-teal-900);
  --surface-color-teal-4: var(--fs-teal-500);
  --surface-color-teal-3-inverse: var(--fs-teal-200);
  --surface-color-teal-4-inverse: var(--fs-teal-600);
  --surface-color-blue-1: var(--fs-blue-1000);
  --surface-color-blue-2: var(--fs-blue-950);
  --surface-color-blue-3: var(--fs-blue-900);
  --surface-color-blue-4: var(--fs-blue-500);
  --surface-color-blue-3-inverse: var(--fs-blue-200);
  --surface-color-blue-4-inverse: var(--fs-blue-600);
  --surface-color-indigo-1: var(--fs-indigo-1000);
  --surface-color-indigo-2: var(--fs-indigo-950);
  --surface-color-indigo-3: var(--fs-indigo-900);
  --surface-color-indigo-4: var(--fs-indigo-500);
  --surface-color-indigo-3-inverse: var(--fs-indigo-200);
  --surface-color-indigo-4-inverse: var(--fs-indigo-600);
  --surface-color-purple-1: var(--fs-purple-1000);
  --surface-color-purple-2: var(--fs-purple-950);
  --surface-color-purple-3: var(--fs-purple-900);
  --surface-color-purple-4: var(--fs-purple-500);
  --surface-color-purple-3-inverse: var(--fs-purple-200);
  --surface-color-purple-4-inverse: var(--fs-purple-600);
  --surface-color-pink-1: var(--fs-pink-1000);
  --surface-color-pink-2: var(--fs-pink-950);
  --surface-color-pink-3: var(--fs-pink-900);
  --surface-color-pink-4: var(--fs-pink-500);
  --surface-color-pink-3-inverse: var(--fs-pink-200);
  --surface-color-pink-4-inverse: var(--fs-pink-600);
  --surface-color-slate-1: var(--fs-slate-1000);
  --surface-color-slate-2: var(--fs-slate-950);
  --surface-color-slate-3: var(--fs-slate-900);
  --surface-color-slate-4: var(--fs-slate-500);
  --surface-color-slate-3-inverse: #0071dc;
  --surface-color-slate-4-inverse: var(--fs-slate-600);
  --fill-neutral-1: var(--fs-neutral-500);
  --fill-neutral-2: #0071dc;
  --fill-neutral-3: #004f9a;
  --fill-neutral-4: #002d58;
  --fill-neutral-static-black: var(--fs-neutral-0);
  --fill-neutral-static-white: var(--fs-neutral-1000);
  --fill-neutral-1-inverse: var(--fs-neutral-500);
  --fill-neutral-2-inverse: var(--fs-neutral-700);
  --fill-neutral-3-inverse: var(--fs-neutral-900);
  --fill-neutral-4-inverse: var(--fs-neutral-1000);
  --text-icon-neutral-bold: var(--fs-neutral-0);
  --text-icon-neutral-disabled: var(--fs-neutral-600);
  --text-icon-neutral-primary: var(--fs-neutral-50);
  --text-icon-neutral-secondary: var(--fs-neutral-400);
  --text-icon-neutral-static-black: var(--fs-neutral-0);
  --text-icon-neutral-static-white: var(--fs-neutral-1000);
  --text-icon-neutral-bold-inverse: var(--fs-neutral-1000);
  --text-icon-neutral-disabled-inverse: var(--fs-neutral-400);
  --text-icon-neutral-primary-inverse: var(--fs-neutral-900);
  --text-icon-neutral-secondary-inverse: var(--fs-neutral-600);
  --text-icon-color-red-bold-icon: var(--fs-red-500);
  --text-icon-color-red-primary: var(--fs-red-400);
  --text-icon-color-red-bold-icon-inverse: #ffd9da;
  --text-icon-color-orange-bold-icon: var(--fs-orange-500);
  --text-icon-color-orange-primary: var(--fs-orange-400);
  --text-icon-color-orange-bold-icon-inverse: #ffe6b3;
  --text-icon-color-yellow-bold-icon: var(--fs-yellow-500);
  --text-icon-color-yellow-primary: var(--fs-yellow-400);
  --text-icon-color-yellow-bold-icon-inverse: var(--fs-yellow-600);
  --text-icon-color-green-bold-icon: var(--fs-green-500);
  --text-icon-color-green-primary: var(--fs-green-400);
  --text-icon-color-green-bold-icon-inverse: #d4edc4;
  --text-icon-color-teal-bold-icon: var(--fs-teal-500);
  --text-icon-color-teal-primary: var(--fs-teal-400);
  --text-icon-color-teal-bold-icon-inverse: var(--fs-teal-600);
  --text-icon-color-blue-bold-icon: var(--fs-blue-500);
  --text-icon-color-blue-primary: #0071dc;
  --text-icon-color-blue-bold-icon-inverse: var(--fs-blue-600);
  --text-icon-color-indigo-bold-icon: var(--fs-indigo-500);
  --text-icon-color-indigo-primary: var(--fs-indigo-400);
  --text-icon-color-indigo-bold-icon-inverse: var(--fs-indigo-600);
  --text-icon-color-purple-bold-icon: var(--fs-purple-500);
  --text-icon-color-purple-primary: var(--fs-purple-400);
  --text-icon-color-purple-bold-icon-inverse: var(--fs-purple-600);
  --text-icon-color-pink-bold-icon: var(--fs-pink-500);
  --text-icon-color-pink-primary: var(--fs-pink-400);
  --text-icon-color-pink-bold-icon-inverse: var(--fs-pink-600);
  --text-icon-color-slate-bold-icon: var(--fs-slate-500);
  --text-icon-color-slate-primary: var(--fs-slate-400);
  --text-icon-color-slate-bold-icon-inverse: #cfe3f7;
  --stroke-color-red-bold: var(--fs-red-500);
  --stroke-color-red-primary: var(--fs-red-400);
  --stroke-color-red-secondary: var(--fs-red-700);
  --stroke-color-orange-bold: var(--fs-orange-500);
  --stroke-color-orange-primary: var(--fs-orange-400);
  --stroke-color-orange-secondary: var(--fs-orange-700);
  --stroke-color-yellow-bold: var(--fs-yellow-500);
  --stroke-color-yellow-primary: var(--fs-yellow-400);
  --stroke-color-yellow-secondary: var(--fs-yellow-700);
  --stroke-color-green-bold: var(--fs-green-500);
  --stroke-color-green-primary: var(--fs-green-400);
  --stroke-color-green-secondary: var(--fs-green-700);
  --stroke-color-teal-bold: var(--fs-teal-500);
  --stroke-color-teal-primary: var(--fs-teal-400);
  --stroke-color-teal-secondary: var(--fs-teal-700);
  --stroke-color-blue-bold: var(--fs-blue-500);
  --stroke-color-blue-primary: var(--fs-blue-400);
  --stroke-color-blue-secondary: var(--fs-blue-700);
  --stroke-color-indigo-bold: var(--fs-indigo-500);
  --stroke-color-indigo-primary: var(--fs-indigo-400);
  --stroke-color-indigo-secondary: var(--fs-indigo-700);
  --stroke-color-purple-bold: var(--fs-purple-500);
  --stroke-color-purple-primary: var(--fs-purple-400);
  --stroke-color-purple-secondary: var(--fs-purple-700);
  --stroke-color-pink-bold: var(--fs-pink-500);
  --stroke-color-pink-primary: var(--fs-pink-400);
  --stroke-color-pink-secondary: var(--fs-pink-700);
  --stroke-color-slate-bold: var(--fs-slate-500);
  --stroke-color-slate-primary: var(--fs-slate-400);
  --stroke-color-slate-secondary: var(--fs-slate-700);
  --transparency-15-black: var(--fs-transparent-black-15);
  --transparency-15-white: var(--fs-transparent-white-15);
  --transparency-30-black: var(--fs-transparent-black-30);
  --transparency-30-white: var(--fs-transparent-white-30);
  --transparency-50-black: var(--fs-transparent-black-50);
  --transparency-50-white: var(--fs-transparent-white-50);
  --transparency-75-black: var(--fs-transparent-black-75);
  --transparency-75-white: var(--fs-transparent-white-75);
  --stroke-neutral-bold: #74767c;
  --stroke-neutral-bold-inverse: var(--fs-neutral-600);
  --stroke-neutral-extra-bold: #0071dc;
  --stroke-neutral-primary: #d6d7d9;
  --stroke-neutral-secondary: #e3e4e5;
  --stroke-neutral-static-black: var(--fs-neutral-0);
  --stroke-neutral-static-white: var(--fs-neutral-1000);
  --state-brand-hover: color-mix(in srgb, var(--brand-accent) 84%, white 16%);
  --state-brand-down: color-mix(in srgb, var(--brand-accent) 70%, white 30%);
  --state-red-hover: var(--fs-red-state-hover);
  --state-red-down: var(--fs-red-state-down);
  --state-neutral-hover-secondary: color-mix(in srgb, var(--fs-neutral-200) 10%, transparent);
  --state-neutral-down-secondary: color-mix(in srgb, var(--fs-neutral-200) 20%, transparent);
  --state-neutral-inverse-hover-secondary: color-mix(
    in srgb,
    var(--fs-neutral-1000) 10%,
    transparent
  );
  --state-neutral-inverse-down-secondary: color-mix(
    in srgb,
    var(--fs-neutral-1000) 20%,
    transparent
  );
  --state-red-hover-secondary: color-mix(in srgb, var(--state-red-hover) 10%, transparent);
  --state-red-down-secondary: color-mix(in srgb, var(--state-red-down) 20%, transparent);
  --state-static-black-hover-secondary: color-mix(in srgb, var(--fs-neutral-200) 10%, transparent);
  --state-static-black-down-secondary: color-mix(in srgb, var(--fs-neutral-200) 20%, transparent);
  --state-static-white-hover-secondary: color-mix(in srgb, var(--fs-neutral-1000) 10%, transparent);
  --state-static-white-down-secondary: color-mix(in srgb, var(--fs-neutral-1000) 20%, transparent);
  --brand-accent: #ffc220;
  --brand-accent-pair: #0071dc;
  --brand-muted-gold: #0071dc;
  --text-icon-link: #0071dc;
}

[data-theme=tron] {
  --surface-neutral-1: #000000;
  --surface-neutral-2: #000103;
  --surface-neutral-3: #001618;
  --surface-neutral-4: #010408;
  --surface-neutral-5-selected: #003737;
  --surface-color-red-1: var(--fs-red-50);
  --surface-color-red-2: var(--fs-red-100);
  --surface-color-red-3: var(--fs-red-200);
  --surface-color-red-4: var(--fs-red-600);
  --surface-color-red-critical: var(--fs-red-500);
  --surface-color-red-3-inverse: #3a0d10;
  --surface-color-red-4-inverse: var(--fs-red-500);
  --surface-color-orange-1: var(--fs-orange-50);
  --surface-color-orange-2: var(--fs-orange-100);
  --surface-color-orange-3: var(--fs-orange-200);
  --surface-color-orange-4: var(--fs-orange-600);
  --surface-color-orange-3-inverse: #2a1e05;
  --surface-color-orange-4-inverse: var(--fs-orange-500);
  --surface-color-yellow-1: var(--fs-yellow-50);
  --surface-color-yellow-2: var(--fs-yellow-100);
  --surface-color-yellow-3: var(--fs-yellow-200);
  --surface-color-yellow-4: var(--fs-yellow-600);
  --surface-color-yellow-3-inverse: var(--fs-yellow-900);
  --surface-color-yellow-4-inverse: var(--fs-yellow-500);
  --surface-color-green-1: var(--fs-green-50);
  --surface-color-green-2: var(--fs-green-100);
  --surface-color-green-3: var(--fs-green-200);
  --surface-color-green-4: var(--fs-green-600);
  --surface-color-green-3-inverse: #06241a;
  --surface-color-green-4-inverse: var(--fs-green-500);
  --surface-color-teal-1: var(--fs-teal-50);
  --surface-color-teal-2: var(--fs-teal-100);
  --surface-color-teal-3: var(--fs-teal-200);
  --surface-color-teal-4: var(--fs-teal-600);
  --surface-color-teal-3-inverse: var(--fs-teal-900);
  --surface-color-teal-4-inverse: var(--fs-teal-500);
  --surface-color-blue-1: var(--fs-blue-50);
  --surface-color-blue-2: var(--fs-blue-100);
  --surface-color-blue-3: var(--fs-blue-200);
  --surface-color-blue-4: var(--fs-blue-600);
  --surface-color-blue-3-inverse: var(--fs-blue-900);
  --surface-color-blue-4-inverse: var(--fs-blue-500);
  --surface-color-indigo-1: var(--fs-indigo-50);
  --surface-color-indigo-2: var(--fs-indigo-100);
  --surface-color-indigo-3: var(--fs-indigo-200);
  --surface-color-indigo-4: var(--fs-indigo-600);
  --surface-color-indigo-3-inverse: var(--fs-indigo-900);
  --surface-color-indigo-4-inverse: var(--fs-indigo-500);
  --surface-color-purple-1: var(--fs-purple-50);
  --surface-color-purple-2: var(--fs-purple-100);
  --surface-color-purple-3: var(--fs-purple-200);
  --surface-color-purple-4: var(--fs-purple-600);
  --surface-color-purple-3-inverse: var(--fs-purple-900);
  --surface-color-purple-4-inverse: var(--fs-purple-500);
  --surface-color-pink-1: var(--fs-pink-50);
  --surface-color-pink-2: var(--fs-pink-100);
  --surface-color-pink-3: var(--fs-pink-200);
  --surface-color-pink-4: var(--fs-pink-600);
  --surface-color-pink-3-inverse: var(--fs-pink-900);
  --surface-color-pink-4-inverse: var(--fs-pink-500);
  --surface-color-slate-1: var(--fs-slate-50);
  --surface-color-slate-2: var(--fs-slate-100);
  --surface-color-slate-3: var(--fs-slate-200);
  --surface-color-slate-4: var(--fs-slate-600);
  --surface-color-slate-3-inverse: #001c1c;
  --surface-color-slate-4-inverse: var(--fs-slate-500);
  --fill-neutral-1: var(--fs-neutral-500);
  --fill-neutral-2: #00c8c8;
  --fill-neutral-3: #00b7b8;
  --fill-neutral-4: #67d2cc;
  --fill-neutral-static-black: var(--fs-neutral-0);
  --fill-neutral-static-white: var(--fs-neutral-1000);
  --fill-neutral-1-inverse: var(--fs-neutral-500);
  --fill-neutral-2-inverse: var(--fs-neutral-300);
  --fill-neutral-3-inverse: var(--fs-neutral-100);
  --fill-neutral-4-inverse: var(--fs-neutral-0);
  --text-icon-neutral-bold: var(--fs-neutral-1000);
  --text-icon-neutral-disabled: var(--fs-neutral-400);
  --text-icon-neutral-primary: #e1f2f8;
  --text-icon-neutral-secondary: #8f8f8f;
  --text-icon-neutral-static-black: var(--fs-neutral-0);
  --text-icon-neutral-static-white: var(--fs-neutral-1000);
  --text-icon-neutral-bold-inverse: #ffffff;
  --text-icon-neutral-disabled-inverse: var(--fs-neutral-600);
  --text-icon-neutral-primary-inverse: #e1f2f8;
  --text-icon-neutral-secondary-inverse: var(--fs-neutral-400);
  --text-icon-color-red-bold-icon: var(--fs-red-600);
  --text-icon-color-red-primary: var(--fs-red-700);
  --text-icon-color-red-bold-icon-inverse: #ff5c5c;
  --text-icon-color-orange-bold-icon: var(--fs-orange-600);
  --text-icon-color-orange-primary: var(--fs-orange-700);
  --text-icon-color-orange-bold-icon-inverse: #fcbb00;
  --text-icon-color-yellow-bold-icon: var(--fs-yellow-600);
  --text-icon-color-yellow-primary: var(--fs-yellow-700);
  --text-icon-color-yellow-bold-icon-inverse: var(--fs-yellow-500);
  --text-icon-color-green-bold-icon: var(--fs-green-600);
  --text-icon-color-green-primary: var(--fs-green-700);
  --text-icon-color-green-bold-icon-inverse: #2ee6a6;
  --text-icon-color-teal-bold-icon: var(--fs-teal-600);
  --text-icon-color-teal-primary: var(--fs-teal-700);
  --text-icon-color-teal-bold-icon-inverse: var(--fs-teal-500);
  --text-icon-color-blue-bold-icon: var(--fs-blue-600);
  --text-icon-color-blue-primary: #00c8c8;
  --text-icon-color-blue-bold-icon-inverse: var(--fs-blue-500);
  --text-icon-color-indigo-bold-icon: var(--fs-indigo-600);
  --text-icon-color-indigo-primary: var(--fs-indigo-700);
  --text-icon-color-indigo-bold-icon-inverse: var(--fs-indigo-500);
  --text-icon-color-purple-bold-icon: var(--fs-purple-600);
  --text-icon-color-purple-primary: var(--fs-purple-700);
  --text-icon-color-purple-bold-icon-inverse: var(--fs-purple-500);
  --text-icon-color-pink-bold-icon: var(--fs-pink-600);
  --text-icon-color-pink-primary: var(--fs-pink-700);
  --text-icon-color-pink-bold-icon-inverse: var(--fs-pink-500);
  --text-icon-color-slate-bold-icon: var(--fs-slate-600);
  --text-icon-color-slate-primary: var(--fs-slate-700);
  --text-icon-color-slate-bold-icon-inverse: #00c8c8;
  --stroke-color-red-bold: var(--fs-red-600);
  --stroke-color-red-primary: var(--fs-red-700);
  --stroke-color-red-secondary: var(--fs-red-400);
  --stroke-color-orange-bold: var(--fs-orange-600);
  --stroke-color-orange-primary: var(--fs-orange-700);
  --stroke-color-orange-secondary: var(--fs-orange-400);
  --stroke-color-yellow-bold: var(--fs-yellow-600);
  --stroke-color-yellow-primary: var(--fs-yellow-700);
  --stroke-color-yellow-secondary: var(--fs-yellow-400);
  --stroke-color-green-bold: var(--fs-green-600);
  --stroke-color-green-primary: var(--fs-green-700);
  --stroke-color-green-secondary: var(--fs-green-400);
  --stroke-color-teal-bold: var(--fs-teal-600);
  --stroke-color-teal-primary: var(--fs-teal-700);
  --stroke-color-teal-secondary: var(--fs-teal-400);
  --stroke-color-blue-bold: var(--fs-blue-600);
  --stroke-color-blue-primary: var(--fs-blue-700);
  --stroke-color-blue-secondary: var(--fs-blue-400);
  --stroke-color-indigo-bold: var(--fs-indigo-600);
  --stroke-color-indigo-primary: var(--fs-indigo-700);
  --stroke-color-indigo-secondary: var(--fs-indigo-400);
  --stroke-color-purple-bold: var(--fs-purple-600);
  --stroke-color-purple-primary: var(--fs-purple-700);
  --stroke-color-purple-secondary: var(--fs-purple-400);
  --stroke-color-pink-bold: var(--fs-pink-600);
  --stroke-color-pink-primary: var(--fs-pink-700);
  --stroke-color-pink-secondary: var(--fs-pink-400);
  --stroke-color-slate-bold: var(--fs-slate-600);
  --stroke-color-slate-primary: var(--fs-slate-700);
  --stroke-color-slate-secondary: var(--fs-slate-400);
  --transparency-15-black: var(--fs-transparent-black-15);
  --transparency-15-white: var(--fs-transparent-white-15);
  --transparency-30-black: var(--fs-transparent-black-30);
  --transparency-30-white: var(--fs-transparent-white-30);
  --transparency-50-black: var(--fs-transparent-black-50);
  --transparency-50-white: var(--fs-transparent-white-50);
  --transparency-75-black: var(--fs-transparent-black-75);
  --transparency-75-white: var(--fs-transparent-white-75);
  --stroke-neutral-bold: #00b7b8;
  --stroke-neutral-bold-inverse: var(--fs-neutral-400);
  --stroke-neutral-extra-bold: #00c8c8;
  --stroke-neutral-primary: #005a5a;
  --stroke-neutral-secondary: #003737;
  --stroke-neutral-static-black: var(--fs-neutral-0);
  --stroke-neutral-static-white: var(--fs-neutral-1000);
  --state-brand-hover: color-mix(in srgb, var(--brand-accent) 84%, white 16%);
  --state-brand-down: color-mix(in srgb, var(--brand-accent) 70%, white 30%);
  --state-red-hover: var(--fs-red-state-hover);
  --state-red-down: var(--fs-red-state-down);
  --state-neutral-hover-secondary: color-mix(in srgb, var(--fs-neutral-1000) 10%, transparent);
  --state-neutral-down-secondary: color-mix(in srgb, var(--fs-neutral-1000) 20%, transparent);
  --state-neutral-inverse-hover-secondary: color-mix(
    in srgb,
    var(--fs-neutral-200) 10%,
    transparent
  );
  --state-neutral-inverse-down-secondary: color-mix(
    in srgb,
    var(--fs-neutral-200) 20%,
    transparent
  );
  --state-red-hover-secondary: color-mix(in srgb, var(--state-red-hover) 10%, transparent);
  --state-red-down-secondary: color-mix(in srgb, var(--state-red-down) 20%, transparent);
  --state-static-black-hover-secondary: color-mix(in srgb, var(--fs-neutral-200) 10%, transparent);
  --state-static-black-down-secondary: color-mix(in srgb, var(--fs-neutral-200) 20%, transparent);
  --state-static-white-hover-secondary: color-mix(in srgb, var(--fs-neutral-1000) 10%, transparent);
  --state-static-white-down-secondary: color-mix(in srgb, var(--fs-neutral-1000) 20%, transparent);
  --brand-accent: #fcbb00;
  --brand-accent-pair: var(--fs-neutral-0);
  --brand-muted-gold: #5a4300;
  --text-icon-link: #00c8c8;
  --brand-gradient: linear-gradient(90deg, #00c8c8 0%, #fcbb00 100%);
}

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('IBMPlexSans-ExtraLight.2fdefc7fc0745440.woff2') format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('IBMPlexSans-Light.902746039588695b.woff2') format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('IBMPlexSans-Regular.64bcbd4d7db4ef3a.woff2') format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('IBMPlexSans-Medium.42c1e8b6f014576e.woff2') format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('IBMPlexSans-SemiBold.0202600ddc0c26b4.woff2') format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('IBMPlexSans-Bold.527eba3de31447ec.woff2') format("woff2");
}