scu-web-components 1.2.2 → 1.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (106) hide show
  1. package/dist/docs/components/manifest.json +18 -18
  2. package/dist/docs/config.json +5 -5
  3. package/dist/scw-components.js +55 -1
  4. package/dist/scw-components.js.gz +0 -0
  5. package/dist/scw.js +55 -1
  6. package/dist/scw.js.gz +0 -0
  7. package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-mixins.scss +5 -5
  8. package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-container-mixins.scss +4 -4
  9. package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-container-vars.scss +2 -2
  10. package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-mixins.scss +8 -8
  11. package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-vars.scss +4 -4
  12. package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-vars.scss +3 -3
  13. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-vertical-tab-size-small-container-mixins.scss +4 -4
  14. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-vertical-tab-size-small-container-vars.scss +2 -2
  15. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-vertical-tab-size-small-mixins.scss +12 -12
  16. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-vertical-tab-size-small-vars.scss +6 -6
  17. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-vertical-tab-size-small-container-mixins.scss +4 -4
  18. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-vertical-tab-size-small-container-vars.scss +2 -2
  19. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-vertical-tab-size-small-mixins.scss +12 -12
  20. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-vertical-tab-size-small-vars.scss +6 -6
  21. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-vertical-tab-size-small-container-mixins.scss +4 -4
  22. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-vertical-tab-size-small-container-vars.scss +2 -2
  23. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-vertical-tab-size-small-mixins.scss +12 -12
  24. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-vertical-tab-size-small-vars.scss +6 -6
  25. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-vertical-tab-size-small-container-mixins.scss +4 -4
  26. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-vertical-tab-size-small-container-vars.scss +2 -2
  27. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-vertical-tab-size-small-mixins.scss +12 -12
  28. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-vertical-tab-size-small-vars.scss +6 -6
  29. package/dist/tokens/source/assets/graphic-apple-app-store.js +1 -1
  30. package/dist/tokens/source/assets/graphic-apple-app-store.js.gz +0 -0
  31. package/dist/tokens/source/assets/graphic-apple-app-store.svg +1 -1
  32. package/dist/tokens/source/assets/graphic-apple-app-store.svg.gz +0 -0
  33. package/dist/tokens/source/assets/graphic-ehl.js +1 -1
  34. package/dist/tokens/source/assets/graphic-ehl.js.gz +0 -0
  35. package/dist/tokens/source/assets/graphic-ehl.svg +1 -1
  36. package/dist/tokens/source/assets/graphic-ehl.svg.gz +0 -0
  37. package/dist/tokens/source/assets/graphic-google-play-store.js +1 -1
  38. package/dist/tokens/source/assets/graphic-google-play-store.js.gz +0 -0
  39. package/dist/tokens/source/assets/graphic-google-play-store.svg +1 -1
  40. package/dist/tokens/source/assets/graphic-google-play-store.svg.gz +0 -0
  41. package/dist/tokens/source/assets/graphic-logo.js +1 -1
  42. package/dist/tokens/source/assets/graphic-logo.js.gz +0 -0
  43. package/dist/tokens/source/assets/graphic-logo.svg +1 -1
  44. package/dist/tokens/source/assets/graphic-logo.svg.gz +0 -0
  45. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-.json +14 -14
  46. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-.json.gz +0 -0
  47. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-.json +4 -4
  48. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-.json.gz +0 -0
  49. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-.json +14 -14
  50. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-.json.gz +0 -0
  51. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-.json +4 -4
  52. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-.json.gz +0 -0
  53. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-.json +14 -14
  54. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-.json.gz +0 -0
  55. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-.json +4 -4
  56. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-.json.gz +0 -0
  57. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-vertical-tab-size-small-.json +14 -14
  58. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-vertical-tab-size-small-.json.gz +0 -0
  59. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-vertical-tab-size-small-container-.json +4 -4
  60. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-vertical-tab-size-small-container-.json.gz +0 -0
  61. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-.json +10 -10
  62. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-.json.gz +0 -0
  63. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-.json +12 -12
  64. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-.json.gz +0 -0
  65. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-.json +4 -4
  66. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-.json.gz +0 -0
  67. package/dist/tokens/source/componentScssMixins.json +98 -98
  68. package/dist/tokens/source/componentScssMixins.json.gz +0 -0
  69. package/dist/tokens/source/componentScssMixins.scss +81 -81
  70. package/dist/tokens/source/jsCss.js +1 -1
  71. package/dist/tokens/source/jsCss.js.gz +0 -0
  72. package/dist/tokens/source/jsCssGenerator.js +1 -1
  73. package/dist/tokens/source/jsCssGenerator.js.gz +0 -0
  74. package/dist/tokens/source/jsCssGeneratorSansAssets.js +1 -1
  75. package/dist/tokens/source/jsCssGeneratorSansAssets.js.gz +0 -0
  76. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-.json +12 -12
  77. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-.json.gz +0 -0
  78. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-.json +4 -4
  79. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-.json.gz +0 -0
  80. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-.json +12 -12
  81. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-.json.gz +0 -0
  82. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-.json +4 -4
  83. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-.json.gz +0 -0
  84. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-.json +12 -12
  85. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-.json.gz +0 -0
  86. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-.json +4 -4
  87. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-.json.gz +0 -0
  88. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-vertical-tab-size-small-.json +12 -12
  89. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-vertical-tab-size-small-.json.gz +0 -0
  90. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-vertical-tab-size-small-container-.json +4 -4
  91. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-vertical-tab-size-small-container-.json.gz +0 -0
  92. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-.json +6 -6
  93. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-.json.gz +0 -0
  94. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-.json +8 -8
  95. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-.json.gz +0 -0
  96. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-.json +4 -4
  97. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-.json.gz +0 -0
  98. package/dist/tokens/source/scssVariables.json +82 -82
  99. package/dist/tokens/source/scssVariables.json.gz +0 -0
  100. package/dist/tokens/source/scssVariables.scss +41 -41
  101. package/dist/tokens/source/tokens.json +45 -45
  102. package/dist/tokens/source/tokens.json.gz +0 -0
  103. package/dist-node/scw-components.js +55 -1
  104. package/dist-node/scw.js +87 -33
  105. package/package.json +1 -1
  106. package/scripts/publish/releaseNotes.mjs +5 -0
@@ -92872,8 +92872,8 @@
92872
92872
  "outputSegmentRef": "style-vertical-tab-size-small-mixins.box"
92873
92873
  },
92874
92874
  "sizing": {
92875
- "output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--sizing {\n width: 103px;\n height: 73px;\n}",
92876
- "outputSegment": "\n@mixin sizing {\n width: 103px;\n height: 73px;\n}",
92875
+ "output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--sizing {\n width: 103px;\n height: 83px;\n}",
92876
+ "outputSegment": "\n@mixin sizing {\n width: 103px;\n height: 83px;\n}",
92877
92877
  "outputSegmentRef": "style-vertical-tab-size-small-mixins.sizing"
92878
92878
  },
92879
92879
  "width": {
@@ -92882,33 +92882,33 @@
92882
92882
  "outputSegmentRef": "style-vertical-tab-size-small-mixins.width"
92883
92883
  },
92884
92884
  "height": {
92885
- "output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--height {\n height: 73px;\n}",
92886
- "outputSegment": "\n@mixin height {\n height: 73px;\n}",
92885
+ "output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--height {\n height: 83px;\n}",
92886
+ "outputSegment": "\n@mixin height {\n height: 83px;\n}",
92887
92887
  "outputSegmentRef": "style-vertical-tab-size-small-mixins.height"
92888
92888
  },
92889
92889
  "padding": {
92890
- "output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
92891
- "outputSegment": "\n@mixin padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
92890
+ "output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
92891
+ "outputSegment": "\n@mixin padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
92892
92892
  "outputSegmentRef": "style-vertical-tab-size-small-mixins.padding"
92893
92893
  },
92894
92894
  "figma-autolayout": {
92895
- "output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
92896
- "outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
92895
+ "output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
92896
+ "outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
92897
92897
  "outputSegmentRef": "style-vertical-tab-size-small-mixins.figma-autolayout"
92898
92898
  },
92899
92899
  "absolute-layout": {
92900
- "output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 22.6 );\n width: 103px;\n top: calc( var( --scw-spacing-1 ) * 35.1 );\n height: 73px; \n}",
92901
- "outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 22.6 );\n width: 103px;\n top: calc( var( --scw-spacing-1 ) * 35.1 );\n height: 73px; \n}",
92900
+ "output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 22.6 );\n width: 103px;\n top: calc( var( --scw-spacing-1 ) * 35.15 );\n height: 83px; \n}",
92901
+ "outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 22.6 );\n width: 103px;\n top: calc( var( --scw-spacing-1 ) * 35.15 );\n height: 83px; \n}",
92902
92902
  "outputSegmentRef": "style-vertical-tab-size-small-mixins.absolute-layout"
92903
92903
  },
92904
92904
  "html-autolayout-margins": {
92905
- "output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 22.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 35.2 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
92906
- "outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 22.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 35.2 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
92905
+ "output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 22.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 35.2 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.15 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
92906
+ "outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 22.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 35.2 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.15 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
92907
92907
  "outputSegmentRef": "style-vertical-tab-size-small-mixins.html-autolayout-margins"
92908
92908
  },
92909
92909
  "html-autolayout-padding": {
92910
- "output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 22.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 35.2 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
92911
- "outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 22.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 35.2 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
92910
+ "output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 22.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 35.2 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.15 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
92911
+ "outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 22.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 35.2 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.15 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
92912
92912
  "outputSegmentRef": "style-vertical-tab-size-small-mixins.html-autolayout-padding"
92913
92913
  }
92914
92914
  },
@@ -92954,13 +92954,13 @@
92954
92954
  "outputSegmentRef": "style-vertical-tab-size-small-container-mixins.absolute-layout"
92955
92955
  },
92956
92956
  "html-autolayout-margins": {
92957
- "output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
92958
- "outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
92957
+ "output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
92958
+ "outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
92959
92959
  "outputSegmentRef": "style-vertical-tab-size-small-container-mixins.html-autolayout-margins"
92960
92960
  },
92961
92961
  "html-autolayout-padding": {
92962
- "output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
92963
- "outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
92962
+ "output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
92963
+ "outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
92964
92964
  "outputSegmentRef": "style-vertical-tab-size-small-container-mixins.html-autolayout-padding"
92965
92965
  }
92966
92966
  },
@@ -95026,8 +95026,8 @@
95026
95026
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-mixins.box"
95027
95027
  },
95028
95028
  "sizing": {
95029
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--sizing {\n width: 100px;\n height: 73px;\n}",
95030
- "outputSegment": "\n@mixin sizing {\n width: 100px;\n height: 73px;\n}",
95029
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--sizing {\n width: 100px;\n height: 83px;\n}",
95030
+ "outputSegment": "\n@mixin sizing {\n width: 100px;\n height: 83px;\n}",
95031
95031
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-mixins.sizing"
95032
95032
  },
95033
95033
  "width": {
@@ -95036,33 +95036,33 @@
95036
95036
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-mixins.width"
95037
95037
  },
95038
95038
  "height": {
95039
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--height {\n height: 73px;\n}",
95040
- "outputSegment": "\n@mixin height {\n height: 73px;\n}",
95039
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--height {\n height: 83px;\n}",
95040
+ "outputSegment": "\n@mixin height {\n height: 83px;\n}",
95041
95041
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-mixins.height"
95042
95042
  },
95043
95043
  "padding": {
95044
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
95045
- "outputSegment": "\n@mixin padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
95044
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
95045
+ "outputSegment": "\n@mixin padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
95046
95046
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-mixins.padding"
95047
95047
  },
95048
95048
  "figma-autolayout": {
95049
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
95050
- "outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
95049
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
95050
+ "outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
95051
95051
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-mixins.figma-autolayout"
95052
95052
  },
95053
95053
  "absolute-layout": {
95054
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 12.6 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 35.1 );\n height: 73px; \n}",
95055
- "outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 12.6 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 35.1 );\n height: 73px; \n}",
95054
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 12.6 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 35.15 );\n height: 83px; \n}",
95055
+ "outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 12.6 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 35.15 );\n height: 83px; \n}",
95056
95056
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-mixins.absolute-layout"
95057
95057
  },
95058
95058
  "html-autolayout-margins": {
95059
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 12.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 45.5 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
95060
- "outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 12.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 45.5 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
95059
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 12.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 45.5 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.15 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
95060
+ "outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 12.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 45.5 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.15 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
95061
95061
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-mixins.html-autolayout-margins"
95062
95062
  },
95063
95063
  "html-autolayout-padding": {
95064
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 12.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 45.5 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
95065
- "outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 12.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 45.5 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
95064
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 12.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 45.5 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.15 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
95065
+ "outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 12.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 45.5 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.15 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
95066
95066
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-mixins.html-autolayout-padding"
95067
95067
  }
95068
95068
  },
@@ -95108,13 +95108,13 @@
95108
95108
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-container-mixins.absolute-layout"
95109
95109
  },
95110
95110
  "html-autolayout-margins": {
95111
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
95112
- "outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
95111
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
95112
+ "outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
95113
95113
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-container-mixins.html-autolayout-margins"
95114
95114
  },
95115
95115
  "html-autolayout-padding": {
95116
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
95117
- "outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
95116
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
95117
+ "outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
95118
95118
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-container-mixins.html-autolayout-padding"
95119
95119
  }
95120
95120
  },
@@ -97180,8 +97180,8 @@
97180
97180
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.box"
97181
97181
  },
97182
97182
  "sizing": {
97183
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--sizing {\n width: 100px;\n height: 73px;\n}",
97184
- "outputSegment": "\n@mixin sizing {\n width: 100px;\n height: 73px;\n}",
97183
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--sizing {\n width: 100px;\n height: 83px;\n}",
97184
+ "outputSegment": "\n@mixin sizing {\n width: 100px;\n height: 83px;\n}",
97185
97185
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.sizing"
97186
97186
  },
97187
97187
  "width": {
@@ -97190,33 +97190,33 @@
97190
97190
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.width"
97191
97191
  },
97192
97192
  "height": {
97193
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--height {\n height: 73px;\n}",
97194
- "outputSegment": "\n@mixin height {\n height: 73px;\n}",
97193
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--height {\n height: 83px;\n}",
97194
+ "outputSegment": "\n@mixin height {\n height: 83px;\n}",
97195
97195
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.height"
97196
97196
  },
97197
97197
  "padding": {
97198
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
97199
- "outputSegment": "\n@mixin padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
97198
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
97199
+ "outputSegment": "\n@mixin padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
97200
97200
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.padding"
97201
97201
  },
97202
97202
  "figma-autolayout": {
97203
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
97204
- "outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
97203
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
97204
+ "outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
97205
97205
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.figma-autolayout"
97206
97206
  },
97207
97207
  "absolute-layout": {
97208
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 2.6 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 35.1 );\n height: 73px; \n}",
97209
- "outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 2.6 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 35.1 );\n height: 73px; \n}",
97208
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 2.6 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 35.15 );\n height: 83px; \n}",
97209
+ "outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 2.6 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 35.15 );\n height: 83px; \n}",
97210
97210
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.absolute-layout"
97211
97211
  },
97212
97212
  "html-autolayout-margins": {
97213
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 55.5 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
97214
- "outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 55.5 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
97213
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 55.5 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.15 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
97214
+ "outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 55.5 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.15 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
97215
97215
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.html-autolayout-margins"
97216
97216
  },
97217
97217
  "html-autolayout-padding": {
97218
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 55.5 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
97219
- "outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 55.5 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
97218
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 55.5 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.15 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
97219
+ "outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 55.5 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.15 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
97220
97220
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.html-autolayout-padding"
97221
97221
  }
97222
97222
  },
@@ -97262,13 +97262,13 @@
97262
97262
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-container-mixins.absolute-layout"
97263
97263
  },
97264
97264
  "html-autolayout-margins": {
97265
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
97266
- "outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
97265
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
97266
+ "outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
97267
97267
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-container-mixins.html-autolayout-margins"
97268
97268
  },
97269
97269
  "html-autolayout-padding": {
97270
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
97271
- "outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
97270
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
97271
+ "outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
97272
97272
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-container-mixins.html-autolayout-padding"
97273
97273
  }
97274
97274
  },
@@ -99334,8 +99334,8 @@
99334
99334
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-mixins.box"
99335
99335
  },
99336
99336
  "sizing": {
99337
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--sizing {\n width: 100px;\n height: 73px;\n}",
99338
- "outputSegment": "\n@mixin sizing {\n width: 100px;\n height: 73px;\n}",
99337
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--sizing {\n width: 100px;\n height: 83px;\n}",
99338
+ "outputSegment": "\n@mixin sizing {\n width: 100px;\n height: 83px;\n}",
99339
99339
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-mixins.sizing"
99340
99340
  },
99341
99341
  "width": {
@@ -99344,33 +99344,33 @@
99344
99344
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-mixins.width"
99345
99345
  },
99346
99346
  "height": {
99347
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--height {\n height: 73px;\n}",
99348
- "outputSegment": "\n@mixin height {\n height: 73px;\n}",
99347
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--height {\n height: 83px;\n}",
99348
+ "outputSegment": "\n@mixin height {\n height: 83px;\n}",
99349
99349
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-mixins.height"
99350
99350
  },
99351
99351
  "padding": {
99352
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
99353
- "outputSegment": "\n@mixin padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
99352
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
99353
+ "outputSegment": "\n@mixin padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
99354
99354
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-mixins.padding"
99355
99355
  },
99356
99356
  "figma-autolayout": {
99357
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
99358
- "outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
99357
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
99358
+ "outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
99359
99359
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-mixins.figma-autolayout"
99360
99360
  },
99361
99361
  "absolute-layout": {
99362
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 32.9 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 35.1 );\n height: 73px; \n}",
99363
- "outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 32.9 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 35.1 );\n height: 73px; \n}",
99362
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 32.9 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 35.15 );\n height: 83px; \n}",
99363
+ "outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 32.9 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 35.15 );\n height: 83px; \n}",
99364
99364
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-mixins.absolute-layout"
99365
99365
  },
99366
99366
  "html-autolayout-margins": {
99367
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 32.9 );\n margin-right: calc( var( --scw-spacing-1 ) * 25.2 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
99368
- "outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 32.9 );\n margin-right: calc( var( --scw-spacing-1 ) * 25.2 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
99367
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 32.9 );\n margin-right: calc( var( --scw-spacing-1 ) * 25.2 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.15 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
99368
+ "outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 32.9 );\n margin-right: calc( var( --scw-spacing-1 ) * 25.2 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.15 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
99369
99369
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-mixins.html-autolayout-margins"
99370
99370
  },
99371
99371
  "html-autolayout-padding": {
99372
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 32.9 );\n padding-right: calc( var( --scw-spacing-1 ) * 25.2 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
99373
- "outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 32.9 );\n padding-right: calc( var( --scw-spacing-1 ) * 25.2 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
99372
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 32.9 );\n padding-right: calc( var( --scw-spacing-1 ) * 25.2 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.15 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
99373
+ "outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 32.9 );\n padding-right: calc( var( --scw-spacing-1 ) * 25.2 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.15 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
99374
99374
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-mixins.html-autolayout-padding"
99375
99375
  }
99376
99376
  },
@@ -99416,13 +99416,13 @@
99416
99416
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-container-mixins.absolute-layout"
99417
99417
  },
99418
99418
  "html-autolayout-margins": {
99419
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
99420
- "outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
99419
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
99420
+ "outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
99421
99421
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-container-mixins.html-autolayout-margins"
99422
99422
  },
99423
99423
  "html-autolayout-padding": {
99424
- "output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
99425
- "outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
99424
+ "output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
99425
+ "outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
99426
99426
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-container-mixins.html-autolayout-padding"
99427
99427
  }
99428
99428
  },
@@ -102518,8 +102518,8 @@
102518
102518
  "outputSegmentRef": "size-compact-align-vertical-mixins.box"
102519
102519
  },
102520
102520
  "sizing": {
102521
- "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical--sizing {\n width: 103px;\n height: 365px;\n}",
102522
- "outputSegment": "\n@mixin sizing {\n width: 103px;\n height: 365px;\n}",
102521
+ "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical--sizing {\n width: 103px;\n height: 415px;\n}",
102522
+ "outputSegment": "\n@mixin sizing {\n width: 103px;\n height: 415px;\n}",
102523
102523
  "outputSegmentRef": "size-compact-align-vertical-mixins.sizing"
102524
102524
  },
102525
102525
  "width": {
@@ -102528,8 +102528,8 @@
102528
102528
  "outputSegmentRef": "size-compact-align-vertical-mixins.width"
102529
102529
  },
102530
102530
  "height": {
102531
- "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical--height {\n height: 365px;\n}",
102532
- "outputSegment": "\n@mixin height {\n height: 365px;\n}",
102531
+ "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical--height {\n height: 415px;\n}",
102532
+ "outputSegment": "\n@mixin height {\n height: 415px;\n}",
102533
102533
  "outputSegmentRef": "size-compact-align-vertical-mixins.height"
102534
102534
  },
102535
102535
  "padding": {
@@ -102543,18 +102543,18 @@
102543
102543
  "outputSegmentRef": "size-compact-align-vertical-mixins.figma-autolayout"
102544
102544
  },
102545
102545
  "absolute-layout": {
102546
- "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 16.4 );\n width: 103px;\n top: calc( var( --scw-spacing-1 ) * 43.65 );\n height: 365px; \n}",
102547
- "outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 16.4 );\n width: 103px;\n top: calc( var( --scw-spacing-1 ) * 43.65 );\n height: 365px; \n}",
102546
+ "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 16.4 );\n width: 103px;\n top: calc( var( --scw-spacing-1 ) * 43.65 );\n height: 415px; \n}",
102547
+ "outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 16.4 );\n width: 103px;\n top: calc( var( --scw-spacing-1 ) * 43.65 );\n height: 415px; \n}",
102548
102548
  "outputSegmentRef": "size-compact-align-vertical-mixins.absolute-layout"
102549
102549
  },
102550
102550
  "html-autolayout-margins": {
102551
- "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 16.4 );\n margin-right: calc( var( --scw-spacing-1 ) * 61.6 );\n margin-top: calc( var( --scw-spacing-1 ) * 43.65 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 34.65 );\n}",
102552
- "outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 16.4 );\n margin-right: calc( var( --scw-spacing-1 ) * 61.6 );\n margin-top: calc( var( --scw-spacing-1 ) * 43.65 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 34.65 );\n}",
102551
+ "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 16.4 );\n margin-right: calc( var( --scw-spacing-1 ) * 61.6 );\n margin-top: calc( var( --scw-spacing-1 ) * 43.65 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 29.65 );\n}",
102552
+ "outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 16.4 );\n margin-right: calc( var( --scw-spacing-1 ) * 61.6 );\n margin-top: calc( var( --scw-spacing-1 ) * 43.65 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 29.65 );\n}",
102553
102553
  "outputSegmentRef": "size-compact-align-vertical-mixins.html-autolayout-margins"
102554
102554
  },
102555
102555
  "html-autolayout-padding": {
102556
- "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 16.4 );\n padding-right: calc( var( --scw-spacing-1 ) * 61.6 );\n padding-top: calc( var( --scw-spacing-1 ) * 43.65 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 34.65 );\n}",
102557
- "outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 16.4 );\n padding-right: calc( var( --scw-spacing-1 ) * 61.6 );\n padding-top: calc( var( --scw-spacing-1 ) * 43.65 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 34.65 );\n}",
102556
+ "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 16.4 );\n padding-right: calc( var( --scw-spacing-1 ) * 61.6 );\n padding-top: calc( var( --scw-spacing-1 ) * 43.65 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 29.65 );\n}",
102557
+ "outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 16.4 );\n padding-right: calc( var( --scw-spacing-1 ) * 61.6 );\n padding-top: calc( var( --scw-spacing-1 ) * 43.65 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 29.65 );\n}",
102558
102558
  "outputSegmentRef": "size-compact-align-vertical-mixins.html-autolayout-padding"
102559
102559
  }
102560
102560
  },
@@ -102570,8 +102570,8 @@
102570
102570
  "outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-mixins.box"
102571
102571
  },
102572
102572
  "sizing": {
102573
- "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--sizing {\n width: 103px;\n height: 73px;\n}",
102574
- "outputSegment": "\n@mixin sizing {\n width: 103px;\n height: 73px;\n}",
102573
+ "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--sizing {\n width: 103px;\n height: 83px;\n}",
102574
+ "outputSegment": "\n@mixin sizing {\n width: 103px;\n height: 83px;\n}",
102575
102575
  "outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-mixins.sizing"
102576
102576
  },
102577
102577
  "width": {
@@ -102580,18 +102580,18 @@
102580
102580
  "outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-mixins.width"
102581
102581
  },
102582
102582
  "height": {
102583
- "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--height {\n height: 73px;\n}",
102584
- "outputSegment": "\n@mixin height {\n height: 73px;\n}",
102583
+ "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--height {\n height: 83px;\n}",
102584
+ "outputSegment": "\n@mixin height {\n height: 83px;\n}",
102585
102585
  "outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-mixins.height"
102586
102586
  },
102587
102587
  "padding": {
102588
- "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
102589
- "outputSegment": "\n@mixin padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
102588
+ "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
102589
+ "outputSegment": "\n@mixin padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
102590
102590
  "outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-mixins.padding"
102591
102591
  },
102592
102592
  "figma-autolayout": {
102593
- "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
102594
- "outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
102593
+ "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
102594
+ "outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
102595
102595
  "outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-mixins.figma-autolayout"
102596
102596
  },
102597
102597
  "absolute-layout": {
@@ -102600,13 +102600,13 @@
102600
102600
  "outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-mixins.absolute-layout"
102601
102601
  },
102602
102602
  "html-autolayout-margins": {
102603
- "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 29.2 );\n}",
102604
- "outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 29.2 );\n}",
102603
+ "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 33.2 );\n}",
102604
+ "outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 33.2 );\n}",
102605
102605
  "outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-mixins.html-autolayout-margins"
102606
102606
  },
102607
102607
  "html-autolayout-padding": {
102608
- "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 29.2 );\n}",
102609
- "outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 29.2 );\n}",
102608
+ "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 33.2 );\n}",
102609
+ "outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 33.2 );\n}",
102610
102610
  "outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-mixins.html-autolayout-padding"
102611
102611
  }
102612
102612
  },
@@ -102652,13 +102652,13 @@
102652
102652
  "outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-container-mixins.absolute-layout"
102653
102653
  },
102654
102654
  "html-autolayout-margins": {
102655
- "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
102656
- "outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
102655
+ "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
102656
+ "outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
102657
102657
  "outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-container-mixins.html-autolayout-margins"
102658
102658
  },
102659
102659
  "html-autolayout-padding": {
102660
- "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
102661
- "outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
102660
+ "output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
102661
+ "outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
102662
102662
  "outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-container-mixins.html-autolayout-padding"
102663
102663
  }
102664
102664
  },