scu-web-components 0.0.69 → 0.0.71

package/dist/tokens/source/componentScssMixins.scss

@@ -66615,27 +66615,38 @@
 }
 
 @mixin comp-scw-icon-feature-icon--sizing {
-  width: 397px;
-  height: 314px;
+  width: 372px;
+  height: 160px;
 }
 
 @mixin comp-scw-icon-feature-icon--width {
-  width: 397px;
+  width: 372px;
 }
 
 @mixin comp-scw-icon-feature-icon--height {
-  height: 314px;
+  height: 160px;
 }
 
 @mixin comp-scw-icon-feature-icon--padding {
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-2 );
+  padding-bottom: var( --scw-spacing-2 );
 }
 
 @mixin comp-scw-icon-feature-icon--figma-autolayout { 
-   
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-2 );
+  padding-bottom: var( --scw-spacing-2 );
+  & > *:not(:last-child) { 
+        margin-right: calc( var( --scw-spacing-1 ) * 1.6 ); 
+        --margin-right: calc( var( --scw-spacing-1 ) * 1.6 ); 
+      } 
 }
 
 @mixin comp-scw-icon-feature-icon--absolute-layout {
@@ -66659,7 +66670,7 @@
 }
 
 
-@mixin comp-scw-icon-feature-icon-background (
+@mixin comp-scw-icon-feature-icon-default (
   $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
@@ -66671,27 +66682,27 @@
   border-radius: 6px 6px 6px 6px; 
 }
 
-@mixin comp-scw-icon-feature-icon-background--sizing {
+@mixin comp-scw-icon-feature-icon-default--sizing {
   width: 80px;
   height: 80px;
 }
 
-@mixin comp-scw-icon-feature-icon-background--width {
+@mixin comp-scw-icon-feature-icon-default--width {
   width: 80px;
 }
 
-@mixin comp-scw-icon-feature-icon-background--height {
+@mixin comp-scw-icon-feature-icon-default--height {
   height: 80px;
 }
 
-@mixin comp-scw-icon-feature-icon-background--padding {
+@mixin comp-scw-icon-feature-icon-default--padding {
   padding-left: var( --scw-spacing-1 );
   padding-right: var( --scw-spacing-1 );
   padding-top: var( --scw-spacing-1 );
   padding-bottom: var( --scw-spacing-1 );
 }
 
-@mixin comp-scw-icon-feature-icon-background--figma-autolayout { 
+@mixin comp-scw-icon-feature-icon-default--figma-autolayout { 
   display: flex;
   flex-flow: row nowrap;
   justify-content: flex-start;
@@ -66706,32 +66717,28 @@
       } 
 }
 
-@mixin comp-scw-icon-feature-icon-background--absolute-layout {
-  position: absolute;
-  left: var( --scw-spacing-2 );
-  width: 80px;
-  top: var( --scw-spacing-2 );
-  height: 80px; 
+@mixin comp-scw-icon-feature-icon-default--absolute-layout {
+   
 }
 
-@mixin comp-scw-icon-feature-icon-background--html-autolayout-margins {
+@mixin comp-scw-icon-feature-icon-default--html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 29.7 );
-  margin-top: var( --scw-spacing-2 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 21.4 );
+  margin-right: calc( var( --scw-spacing-1 ) * 27.2 );
+  margin-top: var( --scw-spacing-4 );
+  margin-bottom: var( --scw-spacing-4 );
 }
 
-@mixin comp-scw-icon-feature-icon-background--html-autolayout-padding {
+@mixin comp-scw-icon-feature-icon-default--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 29.7 );
-  padding-top: var( --scw-spacing-2 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 21.4 );
+  padding-right: calc( var( --scw-spacing-1 ) * 27.2 );
+  padding-top: var( --scw-spacing-4 );
+  padding-bottom: var( --scw-spacing-4 );
 }
 
 
-@mixin comp-scw-icon-feature-icon-background-screenshot-2023-03-02-at-2-24-1 (
+@mixin comp-scw-icon-feature-icon-default-screenshot-2023-03-02-at-2-24-1 (
   $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
@@ -66742,35 +66749,35 @@
   } 
 }
 
-@mixin comp-scw-icon-feature-icon-background-screenshot-2023-03-02-at-2-24-1--sizing {
+@mixin comp-scw-icon-feature-icon-default-screenshot-2023-03-02-at-2-24-1--sizing {
   width: 60px;
   height: 60px;
 }
 
-@mixin comp-scw-icon-feature-icon-background-screenshot-2023-03-02-at-2-24-1--width {
+@mixin comp-scw-icon-feature-icon-default-screenshot-2023-03-02-at-2-24-1--width {
   width: 60px;
 }
 
-@mixin comp-scw-icon-feature-icon-background-screenshot-2023-03-02-at-2-24-1--height {
+@mixin comp-scw-icon-feature-icon-default-screenshot-2023-03-02-at-2-24-1--height {
   height: 60px;
 }
 
-@mixin comp-scw-icon-feature-icon-background-screenshot-2023-03-02-at-2-24-1--padding {
+@mixin comp-scw-icon-feature-icon-default-screenshot-2023-03-02-at-2-24-1--padding {
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
 }
 
-@mixin comp-scw-icon-feature-icon-background-screenshot-2023-03-02-at-2-24-1--figma-autolayout { 
+@mixin comp-scw-icon-feature-icon-default-screenshot-2023-03-02-at-2-24-1--figma-autolayout { 
    
 }
 
-@mixin comp-scw-icon-feature-icon-background-screenshot-2023-03-02-at-2-24-1--absolute-layout {
+@mixin comp-scw-icon-feature-icon-default-screenshot-2023-03-02-at-2-24-1--absolute-layout {
    
 }
 
-@mixin comp-scw-icon-feature-icon-background-screenshot-2023-03-02-at-2-24-1--html-autolayout-margins {
+@mixin comp-scw-icon-feature-icon-default-screenshot-2023-03-02-at-2-24-1--html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-1 );
   margin-right: var( --scw-spacing-1 );
@@ -66778,7 +66785,7 @@
   margin-bottom: var( --scw-spacing-1 );
 }
 
-@mixin comp-scw-icon-feature-icon-background-screenshot-2023-03-02-at-2-24-1--html-autolayout-padding {
+@mixin comp-scw-icon-feature-icon-default-screenshot-2023-03-02-at-2-24-1--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-1 );
   padding-right: var( --scw-spacing-1 );
@@ -66787,7 +66794,7 @@
 }
 
 
-@mixin comp-scw-icon-feature-icon-background-size-medium (
+@mixin comp-scw-icon-feature-icon-size-medium (
   $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
@@ -66799,27 +66806,27 @@
   border-radius: 6px 6px 6px 6px; 
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-medium--sizing {
+@mixin comp-scw-icon-feature-icon-size-medium--sizing {
   width: 100px;
   height: 100px;
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-medium--width {
+@mixin comp-scw-icon-feature-icon-size-medium--width {
   width: 100px;
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-medium--height {
+@mixin comp-scw-icon-feature-icon-size-medium--height {
   height: 100px;
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-medium--padding {
+@mixin comp-scw-icon-feature-icon-size-medium--padding {
   padding-left: var( --scw-spacing-1 );
   padding-right: var( --scw-spacing-1 );
   padding-top: var( --scw-spacing-1 );
   padding-bottom: var( --scw-spacing-1 );
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-medium--figma-autolayout { 
+@mixin comp-scw-icon-feature-icon-size-medium--figma-autolayout { 
   display: flex;
   flex-flow: row nowrap;
   justify-content: flex-start;
@@ -66834,32 +66841,28 @@
       } 
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-medium--absolute-layout {
-  position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 12.5 );
-  width: 100px;
-  top: var( --scw-spacing-2 );
-  height: 100px; 
+@mixin comp-scw-icon-feature-icon-size-medium--absolute-layout {
+   
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-medium--html-autolayout-margins {
+@mixin comp-scw-icon-feature-icon-size-medium--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 12.5 );
-  margin-right: calc( var( --scw-spacing-1 ) * 17.2 );
-  margin-top: var( --scw-spacing-2 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 19.4 );
+  margin-left: calc( var( --scw-spacing-1 ) * 11.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 15.6 );
+  margin-top: var( --scw-spacing-3 );
+  margin-bottom: var( --scw-spacing-3 );
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-medium--html-autolayout-padding {
+@mixin comp-scw-icon-feature-icon-size-medium--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 12.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 17.2 );
-  padding-top: var( --scw-spacing-2 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 19.4 );
+  padding-left: calc( var( --scw-spacing-1 ) * 11.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 15.6 );
+  padding-top: var( --scw-spacing-3 );
+  padding-bottom: var( --scw-spacing-3 );
 }
 
 
-@mixin comp-scw-icon-feature-icon-background-size-medium-screenshot-2023-03-02-at-2-24-1 (
+@mixin comp-scw-icon-feature-icon-size-medium-screenshot-2023-03-02-at-2-24-1 (
   $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
@@ -66870,35 +66873,35 @@
   } 
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-medium-screenshot-2023-03-02-at-2-24-1--sizing {
+@mixin comp-scw-icon-feature-icon-size-medium-screenshot-2023-03-02-at-2-24-1--sizing {
   width: 80px;
   height: 80px;
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-medium-screenshot-2023-03-02-at-2-24-1--width {
+@mixin comp-scw-icon-feature-icon-size-medium-screenshot-2023-03-02-at-2-24-1--width {
   width: 80px;
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-medium-screenshot-2023-03-02-at-2-24-1--height {
+@mixin comp-scw-icon-feature-icon-size-medium-screenshot-2023-03-02-at-2-24-1--height {
   height: 80px;
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-medium-screenshot-2023-03-02-at-2-24-1--padding {
+@mixin comp-scw-icon-feature-icon-size-medium-screenshot-2023-03-02-at-2-24-1--padding {
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-medium-screenshot-2023-03-02-at-2-24-1--figma-autolayout { 
+@mixin comp-scw-icon-feature-icon-size-medium-screenshot-2023-03-02-at-2-24-1--figma-autolayout { 
    
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-medium-screenshot-2023-03-02-at-2-24-1--absolute-layout {
+@mixin comp-scw-icon-feature-icon-size-medium-screenshot-2023-03-02-at-2-24-1--absolute-layout {
    
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-medium-screenshot-2023-03-02-at-2-24-1--html-autolayout-margins {
+@mixin comp-scw-icon-feature-icon-size-medium-screenshot-2023-03-02-at-2-24-1--html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-1 );
   margin-right: var( --scw-spacing-1 );
@@ -66906,7 +66909,7 @@
   margin-bottom: var( --scw-spacing-1 );
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-medium-screenshot-2023-03-02-at-2-24-1--html-autolayout-padding {
+@mixin comp-scw-icon-feature-icon-size-medium-screenshot-2023-03-02-at-2-24-1--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-1 );
   padding-right: var( --scw-spacing-1 );
@@ -66915,7 +66918,7 @@
 }
 
 
-@mixin comp-scw-icon-feature-icon-background-size-large (
+@mixin comp-scw-icon-feature-icon-size-large (
   $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
@@ -66927,27 +66930,27 @@
   border-radius: 6px 6px 6px 6px; 
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-large--sizing {
+@mixin comp-scw-icon-feature-icon-size-large--sizing {
   width: 120px;
   height: 120px;
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-large--width {
+@mixin comp-scw-icon-feature-icon-size-large--width {
   width: 120px;
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-large--height {
+@mixin comp-scw-icon-feature-icon-size-large--height {
   height: 120px;
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-large--padding {
+@mixin comp-scw-icon-feature-icon-size-large--padding {
   padding-left: var( --scw-spacing-1 );
   padding-right: var( --scw-spacing-1 );
   padding-top: var( --scw-spacing-1 );
   padding-bottom: var( --scw-spacing-1 );
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-large--figma-autolayout { 
+@mixin comp-scw-icon-feature-icon-size-large--figma-autolayout { 
   display: flex;
   flex-flow: row nowrap;
   justify-content: flex-start;
@@ -66962,32 +66965,28 @@
       } 
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-large--absolute-layout {
-  position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 25 );
-  width: 120px;
-  top: var( --scw-spacing-2 );
-  height: 120px; 
+@mixin comp-scw-icon-feature-icon-size-large--absolute-layout {
+   
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-large--html-autolayout-margins {
+@mixin comp-scw-icon-feature-icon-size-large--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 25 );
-  margin-right: calc( var( --scw-spacing-1 ) * 2.7 );
+  margin-left: calc( var( --scw-spacing-1 ) * 23.2 );
+  margin-right: var( --scw-spacing-2 );
   margin-top: var( --scw-spacing-2 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 17.4 );
+  margin-bottom: var( --scw-spacing-2 );
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-large--html-autolayout-padding {
+@mixin comp-scw-icon-feature-icon-size-large--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 25 );
-  padding-right: calc( var( --scw-spacing-1 ) * 2.7 );
+  padding-left: calc( var( --scw-spacing-1 ) * 23.2 );
+  padding-right: var( --scw-spacing-2 );
   padding-top: var( --scw-spacing-2 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 17.4 );
+  padding-bottom: var( --scw-spacing-2 );
 }
 
 
-@mixin comp-scw-icon-feature-icon-background-size-large-screenshot-2023-03-02-at-2-24-1 (
+@mixin comp-scw-icon-feature-icon-size-large-screenshot-2023-03-02-at-2-24-1 (
   $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
@@ -66998,35 +66997,35 @@
   } 
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-large-screenshot-2023-03-02-at-2-24-1--sizing {
+@mixin comp-scw-icon-feature-icon-size-large-screenshot-2023-03-02-at-2-24-1--sizing {
   width: 100px;
   height: 100px;
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-large-screenshot-2023-03-02-at-2-24-1--width {
+@mixin comp-scw-icon-feature-icon-size-large-screenshot-2023-03-02-at-2-24-1--width {
   width: 100px;
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-large-screenshot-2023-03-02-at-2-24-1--height {
+@mixin comp-scw-icon-feature-icon-size-large-screenshot-2023-03-02-at-2-24-1--height {
   height: 100px;
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-large-screenshot-2023-03-02-at-2-24-1--padding {
+@mixin comp-scw-icon-feature-icon-size-large-screenshot-2023-03-02-at-2-24-1--padding {
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-large-screenshot-2023-03-02-at-2-24-1--figma-autolayout { 
+@mixin comp-scw-icon-feature-icon-size-large-screenshot-2023-03-02-at-2-24-1--figma-autolayout { 
    
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-large-screenshot-2023-03-02-at-2-24-1--absolute-layout {
+@mixin comp-scw-icon-feature-icon-size-large-screenshot-2023-03-02-at-2-24-1--absolute-layout {
    
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-large-screenshot-2023-03-02-at-2-24-1--html-autolayout-margins {
+@mixin comp-scw-icon-feature-icon-size-large-screenshot-2023-03-02-at-2-24-1--html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-1 );
   margin-right: var( --scw-spacing-1 );
@@ -67034,7 +67033,7 @@
   margin-bottom: var( --scw-spacing-1 );
 }
 
-@mixin comp-scw-icon-feature-icon-background-size-large-screenshot-2023-03-02-at-2-24-1--html-autolayout-padding {
+@mixin comp-scw-icon-feature-icon-size-large-screenshot-2023-03-02-at-2-24-1--html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-1 );
   padding-right: var( --scw-spacing-1 );
@@ -67043,7 +67042,7 @@
 }
 
 
-@mixin comp-scw-icon-feature-icon-default (
+@mixin comp-scw-accordion (
   $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
@@ -67052,70 +67051,72 @@
   } @else {
     background-color: rgba(0,0,0,0);
   }
-  border-radius: 6px 6px 6px 6px; 
+  border-width: 1px;
+  border-style: solid;
+  @if $borderThemeVar {
+    border-color: var( #{$borderThemeVar} , rgba(151,71,255,1) );
+  } @else {
+    border-color: rgba(151,71,255,1);
+  } 
 }
 
-@mixin comp-scw-icon-feature-icon-default--sizing {
-  width: 80px;
-  height: 80px;
+@mixin comp-scw-accordion--sizing {
+  width: 979px;
+  height: 292px;
 }
 
-@mixin comp-scw-icon-feature-icon-default--width {
-  width: 80px;
+@mixin comp-scw-accordion--width {
+  width: 979px;
 }
 
-@mixin comp-scw-icon-feature-icon-default--height {
-  height: 80px;
+@mixin comp-scw-accordion--height {
+  height: 292px;
 }
 
-@mixin comp-scw-icon-feature-icon-default--padding {
-  padding-left: var( --scw-spacing-1 );
-  padding-right: var( --scw-spacing-1 );
-  padding-top: var( --scw-spacing-1 );
-  padding-bottom: var( --scw-spacing-1 );
+@mixin comp-scw-accordion--padding {
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-2 );
+  padding-bottom: var( --scw-spacing-2 );
 }
 
-@mixin comp-scw-icon-feature-icon-default--figma-autolayout { 
+@mixin comp-scw-accordion--figma-autolayout { 
   display: flex;
-  flex-flow: row nowrap;
+  flex-flow: column nowrap;
   justify-content: flex-start;
   align-items: flex-start;
-  padding-left: var( --scw-spacing-1 );
-  padding-right: var( --scw-spacing-1 );
-  padding-top: var( --scw-spacing-1 );
-  padding-bottom: var( --scw-spacing-1 );
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-2 );
+  padding-bottom: var( --scw-spacing-2 );
   & > *:not(:last-child) { 
-        margin-right: var( --scw-spacing-1 ); 
-        --margin-right: var( --scw-spacing-1 ); 
+        margin-bottom: var( --scw-spacing-3 ); 
+        --margin-bottom: var( --scw-spacing-3 ); 
       } 
 }
 
-@mixin comp-scw-icon-feature-icon-default--absolute-layout {
-  position: absolute;
-  left: var( --scw-spacing-2 );
-  width: 80px;
-  top: calc( var( --scw-spacing-1 ) * 17.6 );
-  height: 80px; 
+@mixin comp-scw-accordion--absolute-layout {
+   
 }
 
-@mixin comp-scw-icon-feature-icon-default--html-autolayout-margins {
+@mixin comp-scw-accordion--html-autolayout-margins {
   display: inline-block;
-  margin-left: var( --scw-spacing-2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 29.7 );
-  margin-top: calc( var( --scw-spacing-1 ) * 17.6 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 5.8 );
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
 }
 
-@mixin comp-scw-icon-feature-icon-default--html-autolayout-padding {
+@mixin comp-scw-accordion--html-autolayout-padding {
   display: inline-block;
-  padding-left: var( --scw-spacing-2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 29.7 );
-  padding-top: calc( var( --scw-spacing-1 ) * 17.6 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 5.8 );
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
 }
 
 
-@mixin comp-scw-icon-feature-icon-default-screenshot-2023-03-02-at-2-24-1 (
+@mixin comp-scw-accordion-open (
   $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
@@ -67123,127 +67124,203 @@
     background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );
   } @else {
     background-color: rgba(0,0,0,0);
+  }
+  border-radius: 10px 10px 10px 10px;
+  border-width: 1px;
+  border-style: solid;
+  @if $borderThemeVar {
+    border-color: var( #{$borderThemeVar}-09 , var( --scw-color-grey-09 ) );
+  } @else {
+    border-color: var( --scw-color-grey-09 );
   } 
 }
 
-@mixin comp-scw-icon-feature-icon-default-screenshot-2023-03-02-at-2-24-1--sizing {
-  width: 60px;
-  height: 60px;
+@mixin comp-scw-accordion-open--sizing {
+  width: 939px;
+  height: 155px;
 }
 
-@mixin comp-scw-icon-feature-icon-default-screenshot-2023-03-02-at-2-24-1--width {
-  width: 60px;
+@mixin comp-scw-accordion-open--width {
+  width: 939px;
 }
 
-@mixin comp-scw-icon-feature-icon-default-screenshot-2023-03-02-at-2-24-1--height {
-  height: 60px;
+@mixin comp-scw-accordion-open--height {
+  height: 155px;
 }
 
-@mixin comp-scw-icon-feature-icon-default-screenshot-2023-03-02-at-2-24-1--padding {
+@mixin comp-scw-accordion-open--padding {
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
 }
 
-@mixin comp-scw-icon-feature-icon-default-screenshot-2023-03-02-at-2-24-1--figma-autolayout { 
-   
+@mixin comp-scw-accordion-open--figma-autolayout { 
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  & > *:not(:last-child) { 
+        margin-bottom: 0px; 
+        --margin-bottom: 0px; 
+      } 
 }
 
-@mixin comp-scw-icon-feature-icon-default-screenshot-2023-03-02-at-2-24-1--absolute-layout {
+@mixin comp-scw-accordion-open--absolute-layout {
    
 }
 
-@mixin comp-scw-icon-feature-icon-default-screenshot-2023-03-02-at-2-24-1--html-autolayout-margins {
+@mixin comp-scw-accordion-open--html-autolayout-margins {
   display: inline-block;
-  margin-left: var( --scw-spacing-1 );
-  margin-right: var( --scw-spacing-1 );
-  margin-top: var( --scw-spacing-1 );
-  margin-bottom: var( --scw-spacing-1 );
+  margin-left: var( --scw-spacing-2 );
+  margin-right: var( --scw-spacing-2 );
+  margin-top: var( --scw-spacing-2 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 11.7 );
 }
 
-@mixin comp-scw-icon-feature-icon-default-screenshot-2023-03-02-at-2-24-1--html-autolayout-padding {
+@mixin comp-scw-accordion-open--html-autolayout-padding {
   display: inline-block;
-  padding-left: var( --scw-spacing-1 );
-  padding-right: var( --scw-spacing-1 );
-  padding-top: var( --scw-spacing-1 );
-  padding-bottom: var( --scw-spacing-1 );
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-2 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 11.7 );
 }
 
 
-@mixin comp-scw-icon-feature-icon-size-medium (
+@mixin comp-scw-accordion-open-button (
   $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
   @if $bgThemeVar {
-    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );
+    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );
   } @else {
-    background-color: rgba(0,0,0,0);
+    background-color: var( --scw-color-primary );
   }
-  border-radius: 6px 6px 6px 6px; 
+  border-width: 1px;
+  border-style: solid;
+  @if $borderThemeVar {
+    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );
+  } @else {
+    border-color: var( --scw-color-primary );
+  }
+  align-self: stretch; 
 }
 
-@mixin comp-scw-icon-feature-icon-size-medium--sizing {
-  width: 100px;
-  height: 100px;
+@mixin comp-scw-accordion-open-button--sizing {
+  width: 939px;
+  height: 67px;
 }
 
-@mixin comp-scw-icon-feature-icon-size-medium--width {
-  width: 100px;
+@mixin comp-scw-accordion-open-button--width {
+  width: 939px;
 }
 
-@mixin comp-scw-icon-feature-icon-size-medium--height {
-  height: 100px;
+@mixin comp-scw-accordion-open-button--height {
+  height: 67px;
 }
 
-@mixin comp-scw-icon-feature-icon-size-medium--padding {
-  padding-left: var( --scw-spacing-1 );
-  padding-right: var( --scw-spacing-1 );
-  padding-top: var( --scw-spacing-1 );
-  padding-bottom: var( --scw-spacing-1 );
+@mixin comp-scw-accordion-open-button--padding {
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-2 );
+  padding-bottom: var( --scw-spacing-2 );
 }
 
-@mixin comp-scw-icon-feature-icon-size-medium--figma-autolayout { 
+@mixin comp-scw-accordion-open-button--figma-autolayout { 
   display: flex;
   flex-flow: row nowrap;
   justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: var( --scw-spacing-1 );
-  padding-right: var( --scw-spacing-1 );
-  padding-top: var( --scw-spacing-1 );
-  padding-bottom: var( --scw-spacing-1 );
-  & > *:not(:last-child) { 
-        margin-right: var( --scw-spacing-1 ); 
-        --margin-right: var( --scw-spacing-1 ); 
-      } 
+  align-items: center;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-2 );
+  padding-bottom: var( --scw-spacing-2 );
+  & > *:not(:last-child) { 
+        margin-right: var( --scw-spacing-1 ); 
+        --margin-right: var( --scw-spacing-1 ); 
+      } 
 }
 
-@mixin comp-scw-icon-feature-icon-size-medium--absolute-layout {
-  position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 12.5 );
-  width: 100px;
-  top: calc( var( --scw-spacing-1 ) * 17.6 );
-  height: 100px; 
+@mixin comp-scw-accordion-open-button--absolute-layout {
+   
 }
 
-@mixin comp-scw-icon-feature-icon-size-medium--html-autolayout-margins {
+@mixin comp-scw-accordion-open-button--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 12.5 );
-  margin-right: calc( var( --scw-spacing-1 ) * 17.2 );
-  margin-top: calc( var( --scw-spacing-1 ) * 17.6 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 3.8 );
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: calc( var( --scw-spacing-1 ) * 8.8 );
 }
 
-@mixin comp-scw-icon-feature-icon-size-medium--html-autolayout-padding {
+@mixin comp-scw-accordion-open-button--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 12.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 17.2 );
-  padding-top: calc( var( --scw-spacing-1 ) * 17.6 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 3.8 );
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: calc( var( --scw-spacing-1 ) * 8.8 );
 }
 
 
-@mixin comp-scw-icon-feature-icon-size-medium-screenshot-2023-03-02-at-2-24-1 (
+@mixin comp-scw-accordion-open-button-text (
+  $themeVar: false
+) { 
+  text-align: LEFT;
+  font: var( --scw-type-text-bold-07-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );
+  } @else {
+    color: var( --scw-color-grey-10 );
+  }
+  flex: 1; 
+}
+
+@mixin comp-scw-accordion-open-button-text--sizing {
+  width: 863px;
+  height: 27px;
+}
+
+@mixin comp-scw-accordion-open-button-text--width {
+  width: 863px;
+}
+
+@mixin comp-scw-accordion-open-button-text--height {
+  height: 27px;
+}
+
+@mixin comp-scw-accordion-open-button-text--padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+
+@mixin comp-scw-accordion-open-button-text--absolute-layout {
+   
+}
+
+@mixin comp-scw-accordion-open-button-text--html-autolayout-margins {
+  display: inline-block;
+  margin-left: var( --scw-spacing-2 );
+  margin-right: calc( var( --scw-spacing-1 ) * 5.6 );
+  margin-top: var( --scw-spacing-2 );
+  margin-bottom: var( --scw-spacing-2 );
+}
+
+@mixin comp-scw-accordion-open-button-text--html-autolayout-padding {
+  display: inline-block;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: calc( var( --scw-spacing-1 ) * 5.6 );
+  padding-top: var( --scw-spacing-2 );
+  padding-bottom: var( --scw-spacing-2 );
+}
+
+
+@mixin comp-scw-accordion-open-button-icon (
   $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
@@ -67254,52 +67331,52 @@
   } 
 }
 
-@mixin comp-scw-icon-feature-icon-size-medium-screenshot-2023-03-02-at-2-24-1--sizing {
-  width: 80px;
-  height: 80px;
+@mixin comp-scw-accordion-open-button-icon--sizing {
+  width: 26px;
+  height: 26px;
 }
 
-@mixin comp-scw-icon-feature-icon-size-medium-screenshot-2023-03-02-at-2-24-1--width {
-  width: 80px;
+@mixin comp-scw-accordion-open-button-icon--width {
+  width: 26px;
 }
 
-@mixin comp-scw-icon-feature-icon-size-medium-screenshot-2023-03-02-at-2-24-1--height {
-  height: 80px;
+@mixin comp-scw-accordion-open-button-icon--height {
+  height: 26px;
 }
 
-@mixin comp-scw-icon-feature-icon-size-medium-screenshot-2023-03-02-at-2-24-1--padding {
+@mixin comp-scw-accordion-open-button-icon--padding {
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
 }
 
-@mixin comp-scw-icon-feature-icon-size-medium-screenshot-2023-03-02-at-2-24-1--figma-autolayout { 
+@mixin comp-scw-accordion-open-button-icon--figma-autolayout { 
    
 }
 
-@mixin comp-scw-icon-feature-icon-size-medium-screenshot-2023-03-02-at-2-24-1--absolute-layout {
+@mixin comp-scw-accordion-open-button-icon--absolute-layout {
    
 }
 
-@mixin comp-scw-icon-feature-icon-size-medium-screenshot-2023-03-02-at-2-24-1--html-autolayout-margins {
+@mixin comp-scw-accordion-open-button-icon--html-autolayout-margins {
   display: inline-block;
-  margin-left: var( --scw-spacing-1 );
-  margin-right: var( --scw-spacing-1 );
-  margin-top: var( --scw-spacing-1 );
-  margin-bottom: var( --scw-spacing-1 );
+  margin-left: calc( var( --scw-spacing-1 ) * 89.3 );
+  margin-right: var( --scw-spacing-2 );
+  margin-top: calc( var( --scw-spacing-1 ) * 2.05 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 2.05 );
 }
 
-@mixin comp-scw-icon-feature-icon-size-medium-screenshot-2023-03-02-at-2-24-1--html-autolayout-padding {
+@mixin comp-scw-accordion-open-button-icon--html-autolayout-padding {
   display: inline-block;
-  padding-left: var( --scw-spacing-1 );
-  padding-right: var( --scw-spacing-1 );
-  padding-top: var( --scw-spacing-1 );
-  padding-bottom: var( --scw-spacing-1 );
+  padding-left: calc( var( --scw-spacing-1 ) * 89.3 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: calc( var( --scw-spacing-1 ) * 2.05 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 2.05 );
 }
 
 
-@mixin comp-scw-icon-feature-icon-size-large (
+@mixin comp-scw-accordion-open-button-icon-icon (
   $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
@@ -67307,121 +67384,616 @@
     background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );
   } @else {
     background-color: rgba(0,0,0,0);
-  }
-  border-radius: 6px 6px 6px 6px; 
+  } 
 }
 
-@mixin comp-scw-icon-feature-icon-size-large--sizing {
-  width: 120px;
-  height: 120px;
+@mixin comp-scw-accordion-open-button-icon-icon--sizing {
+  width: 26px;
+  height: 26px;
 }
 
-@mixin comp-scw-icon-feature-icon-size-large--width {
-  width: 120px;
+@mixin comp-scw-accordion-open-button-icon-icon--width {
+  width: 26px;
 }
 
-@mixin comp-scw-icon-feature-icon-size-large--height {
-  height: 120px;
+@mixin comp-scw-accordion-open-button-icon-icon--height {
+  height: 26px;
 }
 
-@mixin comp-scw-icon-feature-icon-size-large--padding {
-  padding-left: var( --scw-spacing-1 );
-  padding-right: var( --scw-spacing-1 );
-  padding-top: var( --scw-spacing-1 );
-  padding-bottom: var( --scw-spacing-1 );
+@mixin comp-scw-accordion-open-button-icon-icon--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
 }
 
-@mixin comp-scw-icon-feature-icon-size-large--figma-autolayout { 
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: var( --scw-spacing-1 );
-  padding-right: var( --scw-spacing-1 );
-  padding-top: var( --scw-spacing-1 );
-  padding-bottom: var( --scw-spacing-1 );
-  & > *:not(:last-child) { 
-        margin-right: var( --scw-spacing-1 ); 
-        --margin-right: var( --scw-spacing-1 ); 
-      } 
+@mixin comp-scw-accordion-open-button-icon-icon--figma-autolayout { 
+   
 }
 
-@mixin comp-scw-icon-feature-icon-size-large--absolute-layout {
+@mixin comp-scw-accordion-open-button-icon-icon--absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 25 );
-  width: 120px;
-  top: calc( var( --scw-spacing-1 ) * 17.6 );
-  height: 120px; 
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  bottom: 0px; 
 }
 
-@mixin comp-scw-icon-feature-icon-size-large--html-autolayout-margins {
+@mixin comp-scw-accordion-open-button-icon-icon--html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 25 );
-  margin-right: calc( var( --scw-spacing-1 ) * 2.7 );
-  margin-top: calc( var( --scw-spacing-1 ) * 17.6 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 1.8 );
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
 }
 
-@mixin comp-scw-icon-feature-icon-size-large--html-autolayout-padding {
+@mixin comp-scw-accordion-open-button-icon-icon--html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 25 );
-  padding-right: calc( var( --scw-spacing-1 ) * 2.7 );
-  padding-top: calc( var( --scw-spacing-1 ) * 17.6 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 1.8 );
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
 }
 
 
-@mixin comp-scw-icon-feature-icon-size-large-screenshot-2023-03-02-at-2-24-1 (
+@mixin comp-scw-accordion-open-button-icon-icon-vector (
   $bgThemeVar: false, 
   $borderThemeVar: false
 ) { 
   @if $bgThemeVar {
-    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );
+    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
   } @else {
-    background-color: rgba(0,0,0,0);
+    background-color: var( --scw-color-grey-10 );
   } 
 }
 
-@mixin comp-scw-icon-feature-icon-size-large-screenshot-2023-03-02-at-2-24-1--sizing {
-  width: 100px;
-  height: 100px;
+@mixin comp-scw-accordion-open-button-icon-icon-vector--sizing {
+  width: 17.6045px;
+  height: 2.0313px;
 }
 
-@mixin comp-scw-icon-feature-icon-size-large-screenshot-2023-03-02-at-2-24-1--width {
-  width: 100px;
+@mixin comp-scw-accordion-open-button-icon-icon-vector--width {
+  width: 17.6045px;
 }
 
-@mixin comp-scw-icon-feature-icon-size-large-screenshot-2023-03-02-at-2-24-1--height {
-  height: 100px;
+@mixin comp-scw-accordion-open-button-icon-icon-vector--height {
+  height: 2.0313px;
 }
 
-@mixin comp-scw-icon-feature-icon-size-large-screenshot-2023-03-02-at-2-24-1--padding {
+@mixin comp-scw-accordion-open-button-icon-icon-vector--padding {
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
 }
 
-@mixin comp-scw-icon-feature-icon-size-large-screenshot-2023-03-02-at-2-24-1--figma-autolayout { 
+@mixin comp-scw-accordion-open-button-icon-icon-vector--figma-autolayout { 
    
 }
 
-@mixin comp-scw-icon-feature-icon-size-large-screenshot-2023-03-02-at-2-24-1--absolute-layout {
+@mixin comp-scw-accordion-open-button-icon-icon-vector--absolute-layout {
+  position: absolute;
+  left: calc( var( --scw-spacing-1 ) * 0.41435546875 );
+  right: calc( var( --scw-spacing-1 ) * 0.4251953125 );
+  top: calc( var( --scw-spacing-1 ) * 1.1984375 );
+  bottom: calc( var( --scw-spacing-1 ) * 1.1984375 ); 
+}
+
+@mixin comp-scw-accordion-open-button-icon-icon-vector--html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 0.41435546875 );
+  margin-right: calc( var( --scw-spacing-1 ) * 0.4251953125 );
+  margin-top: calc( var( --scw-spacing-1 ) * 1.1984375 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 1.1984375 );
+}
+
+@mixin comp-scw-accordion-open-button-icon-icon-vector--html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 0.41435546875 );
+  padding-right: calc( var( --scw-spacing-1 ) * 0.4251953125 );
+  padding-top: calc( var( --scw-spacing-1 ) * 1.1984375 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 1.1984375 );
+}
+
+
+@mixin comp-scw-accordion-open-content (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
+  } @else {
+    background-color: var( --scw-color-grey-10 );
+  }
+  border-radius: 0px 0px 10px 10px;
+  align-self: stretch; 
+}
+
+@mixin comp-scw-accordion-open-content--sizing {
+  width: 939px;
+  height: 88px;
+}
+
+@mixin comp-scw-accordion-open-content--width {
+  width: 939px;
+}
+
+@mixin comp-scw-accordion-open-content--height {
+  height: 88px;
+}
+
+@mixin comp-scw-accordion-open-content--padding {
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-2 );
+  padding-bottom: var( --scw-spacing-2 );
+}
+
+@mixin comp-scw-accordion-open-content--figma-autolayout { 
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: center;
+  align-items: flex-start;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-2 );
+  padding-bottom: var( --scw-spacing-2 );
+  & > *:not(:last-child) { 
+        margin-bottom: 0px; 
+        --margin-bottom: 0px; 
+      } 
+}
+
+@mixin comp-scw-accordion-open-content--absolute-layout {
    
 }
 
-@mixin comp-scw-icon-feature-icon-size-large-screenshot-2023-03-02-at-2-24-1--html-autolayout-margins {
+@mixin comp-scw-accordion-open-content--html-autolayout-margins {
   display: inline-block;
-  margin-left: var( --scw-spacing-1 );
-  margin-right: var( --scw-spacing-1 );
-  margin-top: var( --scw-spacing-1 );
-  margin-bottom: var( --scw-spacing-1 );
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: calc( var( --scw-spacing-1 ) * 6.7 );
+  margin-bottom: 0px;
 }
 
-@mixin comp-scw-icon-feature-icon-size-large-screenshot-2023-03-02-at-2-24-1--html-autolayout-padding {
+@mixin comp-scw-accordion-open-content--html-autolayout-padding {
   display: inline-block;
-  padding-left: var( --scw-spacing-1 );
-  padding-right: var( --scw-spacing-1 );
-  padding-top: var( --scw-spacing-1 );
-  padding-bottom: var( --scw-spacing-1 );
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: calc( var( --scw-spacing-1 ) * 6.7 );
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-accordion-open-content-text (
+  $themeVar: false
+) { 
+  text-align: LEFT;
+  font: var( --scw-type-text-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+  } @else {
+    color: var( --scw-color-grey-02 );
+  }
+  align-self: stretch; 
+}
+
+@mixin comp-scw-accordion-open-content-text--sizing {
+  width: 899px;
+  height: 48px;
+}
+
+@mixin comp-scw-accordion-open-content-text--width {
+  width: 899px;
+}
+
+@mixin comp-scw-accordion-open-content-text--height {
+  height: 48px;
+}
+
+@mixin comp-scw-accordion-open-content-text--padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+
+@mixin comp-scw-accordion-open-content-text--absolute-layout {
+   
+}
+
+@mixin comp-scw-accordion-open-content-text--html-autolayout-margins {
+  display: inline-block;
+  margin-left: var( --scw-spacing-2 );
+  margin-right: var( --scw-spacing-2 );
+  margin-top: var( --scw-spacing-2 );
+  margin-bottom: var( --scw-spacing-2 );
+}
+
+@mixin comp-scw-accordion-open-content-text--html-autolayout-padding {
+  display: inline-block;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-2 );
+  padding-bottom: var( --scw-spacing-2 );
+}
+
+
+@mixin comp-scw-accordion-default (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );
+  } @else {
+    background-color: rgba(0,0,0,0);
+  }
+  border-radius: 10px 10px 10px 10px;
+  border-width: 1px;
+  border-style: solid;
+  @if $borderThemeVar {
+    border-color: var( #{$borderThemeVar}-09 , var( --scw-color-grey-09 ) );
+  } @else {
+    border-color: var( --scw-color-grey-09 );
+  } 
+}
+
+@mixin comp-scw-accordion-default--sizing {
+  width: 939px;
+  height: 67px;
+}
+
+@mixin comp-scw-accordion-default--width {
+  width: 939px;
+}
+
+@mixin comp-scw-accordion-default--height {
+  height: 67px;
+}
+
+@mixin comp-scw-accordion-default--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-accordion-default--figma-autolayout { 
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  & > *:not(:last-child) { 
+        margin-bottom: 0px; 
+        --margin-bottom: 0px; 
+      } 
+}
+
+@mixin comp-scw-accordion-default--absolute-layout {
+   
+}
+
+@mixin comp-scw-accordion-default--html-autolayout-margins {
+  display: inline-block;
+  margin-left: var( --scw-spacing-2 );
+  margin-right: var( --scw-spacing-2 );
+  margin-top: calc( var( --scw-spacing-1 ) * 20.5 );
+  margin-bottom: var( --scw-spacing-2 );
+}
+
+@mixin comp-scw-accordion-default--html-autolayout-padding {
+  display: inline-block;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: calc( var( --scw-spacing-1 ) * 20.5 );
+  padding-bottom: var( --scw-spacing-2 );
+}
+
+
+@mixin comp-scw-accordion-default-button (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );
+  } @else {
+    background-color: var( --scw-color-primary );
+  }
+  border-width: 1px;
+  border-style: solid;
+  @if $borderThemeVar {
+    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );
+  } @else {
+    border-color: var( --scw-color-primary );
+  }
+  align-self: stretch; 
+}
+
+@mixin comp-scw-accordion-default-button--sizing {
+  width: 939px;
+  height: 67px;
+}
+
+@mixin comp-scw-accordion-default-button--width {
+  width: 939px;
+}
+
+@mixin comp-scw-accordion-default-button--height {
+  height: 67px;
+}
+
+@mixin comp-scw-accordion-default-button--padding {
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-2 );
+  padding-bottom: var( --scw-spacing-2 );
+}
+
+@mixin comp-scw-accordion-default-button--figma-autolayout { 
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: var( --scw-spacing-2 );
+  padding-bottom: var( --scw-spacing-2 );
+  & > *:not(:last-child) { 
+        margin-right: var( --scw-spacing-1 ); 
+        --margin-right: var( --scw-spacing-1 ); 
+      } 
+}
+
+@mixin comp-scw-accordion-default-button--absolute-layout {
+   
+}
+
+@mixin comp-scw-accordion-default-button--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-accordion-default-button--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-accordion-default-button-credit-union-industry-and-financial-education-awards (
+  $themeVar: false
+) { 
+  text-align: LEFT;
+  font: var( --scw-type-text-bold-07-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );
+  } @else {
+    color: var( --scw-color-grey-10 );
+  }
+  flex: 1; 
+}
+
+@mixin comp-scw-accordion-default-button-credit-union-industry-and-financial-education-awards--sizing {
+  width: 863px;
+  height: 27px;
+}
+
+@mixin comp-scw-accordion-default-button-credit-union-industry-and-financial-education-awards--width {
+  width: 863px;
+}
+
+@mixin comp-scw-accordion-default-button-credit-union-industry-and-financial-education-awards--height {
+  height: 27px;
+}
+
+@mixin comp-scw-accordion-default-button-credit-union-industry-and-financial-education-awards--padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+
+@mixin comp-scw-accordion-default-button-credit-union-industry-and-financial-education-awards--absolute-layout {
+   
+}
+
+@mixin comp-scw-accordion-default-button-credit-union-industry-and-financial-education-awards--html-autolayout-margins {
+  display: inline-block;
+  margin-left: var( --scw-spacing-2 );
+  margin-right: calc( var( --scw-spacing-1 ) * 5.6 );
+  margin-top: var( --scw-spacing-2 );
+  margin-bottom: var( --scw-spacing-2 );
+}
+
+@mixin comp-scw-accordion-default-button-credit-union-industry-and-financial-education-awards--html-autolayout-padding {
+  display: inline-block;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: calc( var( --scw-spacing-1 ) * 5.6 );
+  padding-top: var( --scw-spacing-2 );
+  padding-bottom: var( --scw-spacing-2 );
+}
+
+
+@mixin comp-scw-accordion-default-button-icon (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );
+  } @else {
+    background-color: rgba(0,0,0,0);
+  } 
+}
+
+@mixin comp-scw-accordion-default-button-icon--sizing {
+  width: 26px;
+  height: 26px;
+}
+
+@mixin comp-scw-accordion-default-button-icon--width {
+  width: 26px;
+}
+
+@mixin comp-scw-accordion-default-button-icon--height {
+  height: 26px;
+}
+
+@mixin comp-scw-accordion-default-button-icon--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-accordion-default-button-icon--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-accordion-default-button-icon--absolute-layout {
+   
+}
+
+@mixin comp-scw-accordion-default-button-icon--html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 89.3 );
+  margin-right: var( --scw-spacing-2 );
+  margin-top: calc( var( --scw-spacing-1 ) * 2.05 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 2.05 );
+}
+
+@mixin comp-scw-accordion-default-button-icon--html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 89.3 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: calc( var( --scw-spacing-1 ) * 2.05 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 2.05 );
+}
+
+
+@mixin comp-scw-accordion-default-button-icon-icon (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );
+  } @else {
+    background-color: rgba(0,0,0,0);
+  } 
+}
+
+@mixin comp-scw-accordion-default-button-icon-icon--sizing {
+  width: 26px;
+  height: 26px;
+}
+
+@mixin comp-scw-accordion-default-button-icon-icon--width {
+  width: 26px;
+}
+
+@mixin comp-scw-accordion-default-button-icon-icon--height {
+  height: 26px;
+}
+
+@mixin comp-scw-accordion-default-button-icon-icon--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-accordion-default-button-icon-icon--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-accordion-default-button-icon-icon--absolute-layout {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  bottom: 0px; 
+}
+
+@mixin comp-scw-accordion-default-button-icon-icon--html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin comp-scw-accordion-default-button-icon-icon--html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+
+@mixin comp-scw-accordion-default-button-icon-icon-vector (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
+  } @else {
+    background-color: var( --scw-color-grey-10 );
+  } 
+}
+
+@mixin comp-scw-accordion-default-button-icon-icon-vector--sizing {
+  width: 17.6045px;
+  height: 17.6042px;
+}
+
+@mixin comp-scw-accordion-default-button-icon-icon-vector--width {
+  width: 17.6045px;
+}
+
+@mixin comp-scw-accordion-default-button-icon-icon-vector--height {
+  height: 17.6042px;
+}
+
+@mixin comp-scw-accordion-default-button-icon-icon-vector--padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin comp-scw-accordion-default-button-icon-icon-vector--figma-autolayout { 
+   
+}
+
+@mixin comp-scw-accordion-default-button-icon-icon-vector--absolute-layout {
+  position: absolute;
+  left: calc( var( --scw-spacing-1 ) * 0.43330078125 );
+  right: calc( var( --scw-spacing-1 ) * 0.40625 );
+  top: calc( var( --scw-spacing-1 ) * 0.4333251953125 );
+  bottom: calc( var( --scw-spacing-1 ) * 0.40625 ); 
+}
+
+@mixin comp-scw-accordion-default-button-icon-icon-vector--html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 0.43330078125 );
+  margin-right: calc( var( --scw-spacing-1 ) * 0.40625 );
+  margin-top: calc( var( --scw-spacing-1 ) * 0.4333251953125 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 0.40625 );
+}
+
+@mixin comp-scw-accordion-default-button-icon-icon-vector--html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 0.43330078125 );
+  padding-right: calc( var( --scw-spacing-1 ) * 0.40625 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.4333251953125 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.40625 );
 }