@medyll/cssfabric 0.1.1 → 0.2.1

package/src/lib/styles/flex/flex.min.css

@@ -0,0 +1 @@
+.flex,.flex-h{display:flex;flex-direction:row}.flex>.flex-main,.flex-h>.flex-main{flex:1 1 0}.flex.flex-align-middle,.flex-h.flex-align-middle{align-items:center}.flex.flex-align-top,.flex-h.flex-align-top{align-items:flex-start}.flex.flex-align-left,.flex-h.flex-align-left{align-items:flex-start}.flex.flex-align-right,.flex-h.flex-align-right{justify-content:flex-end}.flex.flex-align-bottom,.flex-h.flex-align-bottom{align-items:flex-end}.flex.flex-align-center,.flex-h.flex-align-center{justify-content:center}.flex.flex-align-middle-center,.flex-h.flex-align-middle-center{justify-content:center;align-content:center;align-items:center}.flex.flex-align-stretch,.flex-h.flex-align-stretch{color:blue;align-items:stretch}.flex-v{display:flex;flex-direction:column}.flex-v>.flex-main{flex:1 1 0;max-height:100%}.flex-v.flex-align-middle{justify-content:center}.flex-v.flex-align-top{justify-content:flex-start}.flex-v.flex-align-left{align-items:flex-start}.flex-v.flex-align-right{align-items:flex-end}.flex-v.flex-align-bottom{justify-content:flex-end}.flex-v.flex-align-center{align-items:center}.flex-v.flex-align-middle-center{align-items:center;justify-content:center}.flex-v.flex-align-stretch{color:red;align-items:stretch}.flex-inline{display:inline-flex}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.flex-grow-0{flex-grow:0}.flex-shrink-0{flex-shrink:0}.flex-grow-1{flex-grow:1}.flex-shrink-1{flex-shrink:1}.flex-grow-2{flex-grow:2}.flex-shrink-2{flex-shrink:2}

package/src/lib/styles/flex/flex.responsive.min.css

@@ -0,0 +1 @@
+@media only screen and (max-width: 1300px){.flex,.flex-xxl-h{display:flex;flex-direction:row}.flex>.flex-main,.flex-xxl-h>.flex-main{flex:1 1 0}.flex.flex-align-middle,.flex-xxl-h.flex-align-middle{align-items:center}.flex.flex-align-top,.flex-xxl-h.flex-align-top{align-items:flex-start}.flex.flex-align-left,.flex-xxl-h.flex-align-left{align-items:flex-start}.flex.flex-align-right,.flex-xxl-h.flex-align-right{justify-content:flex-end}.flex.flex-align-bottom,.flex-xxl-h.flex-align-bottom{align-items:flex-end}.flex.flex-align-center,.flex-xxl-h.flex-align-center{justify-content:center}.flex.flex-align-middle-center,.flex-xxl-h.flex-align-middle-center{justify-content:center;align-content:center;align-items:center}.flex.flex-align-stretch,.flex-xxl-h.flex-align-stretch{color:blue;align-items:stretch}.flex-xxl-v{display:flex;flex-direction:column}.flex-xxl-v>.flex-main{flex:1 1 0;max-height:100%}.flex-xxl-v.flex-align-middle{justify-content:center}.flex-xxl-v.flex-align-top{justify-content:flex-start}.flex-xxl-v.flex-align-left{align-items:flex-start}.flex-xxl-v.flex-align-right{align-items:flex-end}.flex-xxl-v.flex-align-bottom{justify-content:flex-end}.flex-xxl-v.flex-align-center{align-items:center}.flex-xxl-v.flex-align-middle-center{align-items:center;justify-content:center}.flex-xxl-v.flex-align-stretch{color:red;align-items:stretch}.flex-inline{display:inline-flex}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.flex-grow-0{flex-grow:0}.flex-shrink-0{flex-shrink:0}.flex-grow-1{flex-grow:1}.flex-shrink-1{flex-shrink:1}.flex-grow-2{flex-grow:2}.flex-shrink-2{flex-shrink:2}}@media only screen and (max-width: 1200px){.flex,.flex-xl-h{display:flex;flex-direction:row}.flex>.flex-main,.flex-xl-h>.flex-main{flex:1 1 0}.flex.flex-align-middle,.flex-xl-h.flex-align-middle{align-items:center}.flex.flex-align-top,.flex-xl-h.flex-align-top{align-items:flex-start}.flex.flex-align-left,.flex-xl-h.flex-align-left{align-items:flex-start}.flex.flex-align-right,.flex-xl-h.flex-align-right{justify-content:flex-end}.flex.flex-align-bottom,.flex-xl-h.flex-align-bottom{align-items:flex-end}.flex.flex-align-center,.flex-xl-h.flex-align-center{justify-content:center}.flex.flex-align-middle-center,.flex-xl-h.flex-align-middle-center{justify-content:center;align-content:center;align-items:center}.flex.flex-align-stretch,.flex-xl-h.flex-align-stretch{color:blue;align-items:stretch}.flex-xl-v{display:flex;flex-direction:column}.flex-xl-v>.flex-main{flex:1 1 0;max-height:100%}.flex-xl-v.flex-align-middle{justify-content:center}.flex-xl-v.flex-align-top{justify-content:flex-start}.flex-xl-v.flex-align-left{align-items:flex-start}.flex-xl-v.flex-align-right{align-items:flex-end}.flex-xl-v.flex-align-bottom{justify-content:flex-end}.flex-xl-v.flex-align-center{align-items:center}.flex-xl-v.flex-align-middle-center{align-items:center;justify-content:center}.flex-xl-v.flex-align-stretch{color:red;align-items:stretch}.flex-inline{display:inline-flex}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.flex-grow-0{flex-grow:0}.flex-shrink-0{flex-shrink:0}.flex-grow-1{flex-grow:1}.flex-shrink-1{flex-shrink:1}.flex-grow-2{flex-grow:2}.flex-shrink-2{flex-shrink:2}}@media only screen and (max-width: 960px){.flex,.flex-lg-h{display:flex;flex-direction:row}.flex>.flex-main,.flex-lg-h>.flex-main{flex:1 1 0}.flex.flex-align-middle,.flex-lg-h.flex-align-middle{align-items:center}.flex.flex-align-top,.flex-lg-h.flex-align-top{align-items:flex-start}.flex.flex-align-left,.flex-lg-h.flex-align-left{align-items:flex-start}.flex.flex-align-right,.flex-lg-h.flex-align-right{justify-content:flex-end}.flex.flex-align-bottom,.flex-lg-h.flex-align-bottom{align-items:flex-end}.flex.flex-align-center,.flex-lg-h.flex-align-center{justify-content:center}.flex.flex-align-middle-center,.flex-lg-h.flex-align-middle-center{justify-content:center;align-content:center;align-items:center}.flex.flex-align-stretch,.flex-lg-h.flex-align-stretch{color:blue;align-items:stretch}.flex-lg-v{display:flex;flex-direction:column}.flex-lg-v>.flex-main{flex:1 1 0;max-height:100%}.flex-lg-v.flex-align-middle{justify-content:center}.flex-lg-v.flex-align-top{justify-content:flex-start}.flex-lg-v.flex-align-left{align-items:flex-start}.flex-lg-v.flex-align-right{align-items:flex-end}.flex-lg-v.flex-align-bottom{justify-content:flex-end}.flex-lg-v.flex-align-center{align-items:center}.flex-lg-v.flex-align-middle-center{align-items:center;justify-content:center}.flex-lg-v.flex-align-stretch{color:red;align-items:stretch}.flex-inline{display:inline-flex}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.flex-grow-0{flex-grow:0}.flex-shrink-0{flex-shrink:0}.flex-grow-1{flex-grow:1}.flex-shrink-1{flex-shrink:1}.flex-grow-2{flex-grow:2}.flex-shrink-2{flex-shrink:2}}@media only screen and (max-width: 760px){.flex,.flex-md-h{display:flex;flex-direction:row}.flex>.flex-main,.flex-md-h>.flex-main{flex:1 1 0}.flex.flex-align-middle,.flex-md-h.flex-align-middle{align-items:center}.flex.flex-align-top,.flex-md-h.flex-align-top{align-items:flex-start}.flex.flex-align-left,.flex-md-h.flex-align-left{align-items:flex-start}.flex.flex-align-right,.flex-md-h.flex-align-right{justify-content:flex-end}.flex.flex-align-bottom,.flex-md-h.flex-align-bottom{align-items:flex-end}.flex.flex-align-center,.flex-md-h.flex-align-center{justify-content:center}.flex.flex-align-middle-center,.flex-md-h.flex-align-middle-center{justify-content:center;align-content:center;align-items:center}.flex.flex-align-stretch,.flex-md-h.flex-align-stretch{color:blue;align-items:stretch}.flex-md-v{display:flex;flex-direction:column}.flex-md-v>.flex-main{flex:1 1 0;max-height:100%}.flex-md-v.flex-align-middle{justify-content:center}.flex-md-v.flex-align-top{justify-content:flex-start}.flex-md-v.flex-align-left{align-items:flex-start}.flex-md-v.flex-align-right{align-items:flex-end}.flex-md-v.flex-align-bottom{justify-content:flex-end}.flex-md-v.flex-align-center{align-items:center}.flex-md-v.flex-align-middle-center{align-items:center;justify-content:center}.flex-md-v.flex-align-stretch{color:red;align-items:stretch}.flex-inline{display:inline-flex}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.flex-grow-0{flex-grow:0}.flex-shrink-0{flex-shrink:0}.flex-grow-1{flex-grow:1}.flex-shrink-1{flex-shrink:1}.flex-grow-2{flex-grow:2}.flex-shrink-2{flex-shrink:2}}

package/src/lib/styles/grid/grid.min.css

@@ -0,0 +1 @@
+.grid{display:grid}.grid-auto-flow-cols{grid-auto-flow:column}.grid-auto-cols-auto{grid-auto-columns:auto}.grid-auto-cols-min{grid-auto-columns:min-content}.grid-auto-cols-max{grid-auto-columns:max-content}.grid-auto-cols{grid-auto-columns:minmax(0, 1fr)}.grid-auto-flow-rows{grid-auto-flow:row}.grid-auto-rows-auto{grid-auto-rows:auto}.grid-auto-rows-min{grid-auto-rows:min-content}.grid-auto-rows-max{grid-auto-rows:max-content}.grid-auto-rows{grid-auto-rows:minmax(0, 1fr)}.grid-inline{display:inline-grid}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.grid-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.grid-rows-1{grid-template-rows:repeat(1, minmax(0, 1fr))}.grid-rows-2{grid-template-rows:repeat(2, minmax(0, 1fr))}.grid-rows-3{grid-template-rows:repeat(3, minmax(0, 1fr))}.grid-rows-4{grid-template-rows:repeat(4, minmax(0, 1fr))}.grid-rows-5{grid-template-rows:repeat(5, minmax(0, 1fr))}.grid-rows-6{grid-template-rows:repeat(6, minmax(0, 1fr))}.grid-rows-7{grid-template-rows:repeat(7, minmax(0, 1fr))}.grid-rows-8{grid-template-rows:repeat(8, minmax(0, 1fr))}

package/src/lib/styles/grid/grid.responsive.min.css

@@ -0,0 +1 @@
+@media only screen and (max-width: 1300px){.grid{display:grid}.grid-auto-flow-cols{grid-auto-flow:column}.grid-auto-cols-auto{grid-auto-columns:auto}.grid-auto-cols-min{grid-auto-columns:min-content}.grid-auto-cols-max{grid-auto-columns:max-content}.grid-auto-cols{grid-auto-columns:minmax(0, 1fr)}.grid-auto-flow-rows{grid-auto-flow:row}.grid-auto-rows-auto{grid-auto-rows:auto}.grid-auto-rows-min{grid-auto-rows:min-content}.grid-auto-rows-max{grid-auto-rows:max-content}.grid-auto-rows{grid-auto-rows:minmax(0, 1fr)}.grid-inline{display:inline-grid}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.grid-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.grid-rows-1{grid-template-rows:repeat(1, minmax(0, 1fr))}.grid-rows-2{grid-template-rows:repeat(2, minmax(0, 1fr))}.grid-rows-3{grid-template-rows:repeat(3, minmax(0, 1fr))}.grid-rows-4{grid-template-rows:repeat(4, minmax(0, 1fr))}.grid-rows-5{grid-template-rows:repeat(5, minmax(0, 1fr))}.grid-rows-6{grid-template-rows:repeat(6, minmax(0, 1fr))}.grid-rows-7{grid-template-rows:repeat(7, minmax(0, 1fr))}.grid-rows-8{grid-template-rows:repeat(8, minmax(0, 1fr))}}@media only screen and (max-width: 1200px){.grid{display:grid}.grid-auto-flow-cols{grid-auto-flow:column}.grid-auto-cols-auto{grid-auto-columns:auto}.grid-auto-cols-min{grid-auto-columns:min-content}.grid-auto-cols-max{grid-auto-columns:max-content}.grid-auto-cols{grid-auto-columns:minmax(0, 1fr)}.grid-auto-flow-rows{grid-auto-flow:row}.grid-auto-rows-auto{grid-auto-rows:auto}.grid-auto-rows-min{grid-auto-rows:min-content}.grid-auto-rows-max{grid-auto-rows:max-content}.grid-auto-rows{grid-auto-rows:minmax(0, 1fr)}.grid-inline{display:inline-grid}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.grid-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.grid-rows-1{grid-template-rows:repeat(1, minmax(0, 1fr))}.grid-rows-2{grid-template-rows:repeat(2, minmax(0, 1fr))}.grid-rows-3{grid-template-rows:repeat(3, minmax(0, 1fr))}.grid-rows-4{grid-template-rows:repeat(4, minmax(0, 1fr))}.grid-rows-5{grid-template-rows:repeat(5, minmax(0, 1fr))}.grid-rows-6{grid-template-rows:repeat(6, minmax(0, 1fr))}.grid-rows-7{grid-template-rows:repeat(7, minmax(0, 1fr))}.grid-rows-8{grid-template-rows:repeat(8, minmax(0, 1fr))}}@media only screen and (max-width: 960px){.grid{display:grid}.grid-auto-flow-cols{grid-auto-flow:column}.grid-auto-cols-auto{grid-auto-columns:auto}.grid-auto-cols-min{grid-auto-columns:min-content}.grid-auto-cols-max{grid-auto-columns:max-content}.grid-auto-cols{grid-auto-columns:minmax(0, 1fr)}.grid-auto-flow-rows{grid-auto-flow:row}.grid-auto-rows-auto{grid-auto-rows:auto}.grid-auto-rows-min{grid-auto-rows:min-content}.grid-auto-rows-max{grid-auto-rows:max-content}.grid-auto-rows{grid-auto-rows:minmax(0, 1fr)}.grid-inline{display:inline-grid}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.grid-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.grid-rows-1{grid-template-rows:repeat(1, minmax(0, 1fr))}.grid-rows-2{grid-template-rows:repeat(2, minmax(0, 1fr))}.grid-rows-3{grid-template-rows:repeat(3, minmax(0, 1fr))}.grid-rows-4{grid-template-rows:repeat(4, minmax(0, 1fr))}.grid-rows-5{grid-template-rows:repeat(5, minmax(0, 1fr))}.grid-rows-6{grid-template-rows:repeat(6, minmax(0, 1fr))}.grid-rows-7{grid-template-rows:repeat(7, minmax(0, 1fr))}.grid-rows-8{grid-template-rows:repeat(8, minmax(0, 1fr))}}@media only screen and (max-width: 760px){.grid{display:grid}.grid-auto-flow-cols{grid-auto-flow:column}.grid-auto-cols-auto{grid-auto-columns:auto}.grid-auto-cols-min{grid-auto-columns:min-content}.grid-auto-cols-max{grid-auto-columns:max-content}.grid-auto-cols{grid-auto-columns:minmax(0, 1fr)}.grid-auto-flow-rows{grid-auto-flow:row}.grid-auto-rows-auto{grid-auto-rows:auto}.grid-auto-rows-min{grid-auto-rows:min-content}.grid-auto-rows-max{grid-auto-rows:max-content}.grid-auto-rows{grid-auto-rows:minmax(0, 1fr)}.grid-inline{display:inline-grid}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.grid-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.grid-rows-1{grid-template-rows:repeat(1, minmax(0, 1fr))}.grid-rows-2{grid-template-rows:repeat(2, minmax(0, 1fr))}.grid-rows-3{grid-template-rows:repeat(3, minmax(0, 1fr))}.grid-rows-4{grid-template-rows:repeat(4, minmax(0, 1fr))}.grid-rows-5{grid-template-rows:repeat(5, minmax(0, 1fr))}.grid-rows-6{grid-template-rows:repeat(6, minmax(0, 1fr))}.grid-rows-7{grid-template-rows:repeat(7, minmax(0, 1fr))}.grid-rows-8{grid-template-rows:repeat(8, minmax(0, 1fr))}}

package/{lib/styles/core → src/lib/styles}/menu/menu.css

@@ -23,25 +23,27 @@ ul.menu {
 ul.menu-v {
   padding: 0;
   margin: 0;
-  line-height: 1rem;
+  line-height: var(--box-density-2);
 }
 ul.menu-v li.menu-item,
 ul.menu-v li {
   display: block;
-  margin: 0 1rem;
+  margin: 0;
   width: auto;
   transition-property: all;
-  transition-duration: 0.5s;
-  padding: 1rem;
+  transition-duration: 0.15s;
+  padding: var(--box-density-1);
+  border-left: 1px solid var(--theme-color-border);
 }
 ul.menu-v li.menu-item:hover,
 ul.menu-v li:hover {
-  border-radius: 4px;
+  border-radius: var(--radius-small);
   background-color: #ededed;
+  border-left: 1px solid var(--theme-color-primary);
 }
 ul.menu-v li.menu-item.active,
 ul.menu-v li.active {
-  border-radius: 4px;
+  border-radius: var(--radius-small);
   background-color: #ededed;
   font-weight: bold;
 }
@@ -51,25 +53,27 @@ ul.menu-v li {
 ul.menu-h {
   padding: 0;
   margin: 0;
-  line-height: 1rem;
+  line-height: var(--box-density-2);
 }
 ul.menu-h li.menu-item,
 ul.menu-h li {
   display: block;
-  margin: 0 1rem;
+  margin: 0;
   width: auto;
   transition-property: all;
-  transition-duration: 0.5s;
-  padding: 1rem;
+  transition-duration: 0.15s;
+  padding: var(--box-density-1);
+  border-left: 1px solid var(--theme-color-border);
 }
 ul.menu-h li.menu-item:hover,
 ul.menu-h li:hover {
-  border-radius: 4px;
+  border-radius: var(--radius-small);
   background-color: #ededed;
+  border-left: 1px solid var(--theme-color-primary);
 }
 ul.menu-h li.menu-item.active,
 ul.menu-h li.active {
-  border-radius: 4px;
+  border-radius: var(--radius-small);
   background-color: #ededed;
   font-weight: bold;
 }

package/src/lib/styles/menu/menu.min.css

@@ -0,0 +1 @@
+ul.menu{list-style:none;list-style-type:none}ul.menu-v{padding:0;margin:0;line-height:var(--box-density-2)}ul.menu-v li.menu-item,ul.menu-v li{display:block;margin:0;width:auto;transition-property:all;transition-duration:.15s;padding:var(--box-density-1);border-left:1px solid var(--theme-color-border)}ul.menu-v li.menu-item:hover,ul.menu-v li:hover{border-radius:var(--radius-small);background-color:#ededed;border-left:1px solid var(--theme-color-primary)}ul.menu-v li.menu-item.active,ul.menu-v li.active{border-radius:var(--radius-small);background-color:#ededed;font-weight:bold}ul.menu-v li{list-style:none}ul.menu-h{padding:0;margin:0;line-height:var(--box-density-2)}ul.menu-h li.menu-item,ul.menu-h li{display:block;margin:0;width:auto;transition-property:all;transition-duration:.15s;padding:var(--box-density-1);border-left:1px solid var(--theme-color-border)}ul.menu-h li.menu-item:hover,ul.menu-h li:hover{border-radius:var(--radius-small);background-color:#ededed;border-left:1px solid var(--theme-color-primary)}ul.menu-h li.menu-item.active,ul.menu-h li.active{border-radius:var(--radius-small);background-color:#ededed;font-weight:bold}ul.menu-h li{list-style:none}ul.menu-v li.menu-item.active,ul.menu-v li.active{font-weight:bold;margin-left:1rem}ul.menu-h{max-width:100%;display:inline-flex;padding:0 0;position:relative;border-bottom:1px solid #ededed;overflow-x:auto;overflow-y:hidden}ul.menu-h li.menu-item,ul.menu-h li{margin:0;text-align:center}

package/{lib/styles/core → src/lib/styles}/menu/menu.responsive.css

@@ -24,25 +24,27 @@
   ul.menu-xxl-v {
     padding: 0;
     margin: 0;
-    line-height: 1rem;
+    line-height: var(--box-density-2);
   }
   ul.menu-xxl-v li.menu-item,
 ul.menu-xxl-v li {
     display: block;
-    margin: 0 1rem;
+    margin: 0;
     width: auto;
     transition-property: all;
-    transition-duration: 0.5s;
-    padding: 1rem;
+    transition-duration: 0.15s;
+    padding: var(--box-density-1);
+    border-left: 1px solid var(--theme-color-border);
   }
   ul.menu-xxl-v li.menu-item:hover,
 ul.menu-xxl-v li:hover {
-    border-radius: 4px;
+    border-radius: var(--radius-small);
     background-color: #ededed;
+    border-left: 1px solid var(--theme-color-primary);
   }
   ul.menu-xxl-v li.menu-item.active,
 ul.menu-xxl-v li.active {
-    border-radius: 4px;
+    border-radius: var(--radius-small);
     background-color: #ededed;
     font-weight: bold;
   }
@@ -52,25 +54,27 @@ ul.menu-xxl-v li.active {
   ul.menu-xxl-h {
     padding: 0;
     margin: 0;
-    line-height: 1rem;
+    line-height: var(--box-density-2);
   }
   ul.menu-xxl-h li.menu-item,
 ul.menu-xxl-h li {
     display: block;
-    margin: 0 1rem;
+    margin: 0;
     width: auto;
     transition-property: all;
-    transition-duration: 0.5s;
-    padding: 1rem;
+    transition-duration: 0.15s;
+    padding: var(--box-density-1);
+    border-left: 1px solid var(--theme-color-border);
   }
   ul.menu-xxl-h li.menu-item:hover,
 ul.menu-xxl-h li:hover {
-    border-radius: 4px;
+    border-radius: var(--radius-small);
     background-color: #ededed;
+    border-left: 1px solid var(--theme-color-primary);
   }
   ul.menu-xxl-h li.menu-item.active,
 ul.menu-xxl-h li.active {
-    border-radius: 4px;
+    border-radius: var(--radius-small);
     background-color: #ededed;
     font-weight: bold;
   }
@@ -105,25 +109,27 @@ ul.menu-xxl-h li {
   ul.menu-xl-v {
     padding: 0;
     margin: 0;
-    line-height: 1rem;
+    line-height: var(--box-density-2);
   }
   ul.menu-xl-v li.menu-item,
 ul.menu-xl-v li {
     display: block;
-    margin: 0 1rem;
+    margin: 0;
     width: auto;
     transition-property: all;
-    transition-duration: 0.5s;
-    padding: 1rem;
+    transition-duration: 0.15s;
+    padding: var(--box-density-1);
+    border-left: 1px solid var(--theme-color-border);
   }
   ul.menu-xl-v li.menu-item:hover,
 ul.menu-xl-v li:hover {
-    border-radius: 4px;
+    border-radius: var(--radius-small);
     background-color: #ededed;
+    border-left: 1px solid var(--theme-color-primary);
   }
   ul.menu-xl-v li.menu-item.active,
 ul.menu-xl-v li.active {
-    border-radius: 4px;
+    border-radius: var(--radius-small);
     background-color: #ededed;
     font-weight: bold;
   }
@@ -133,25 +139,27 @@ ul.menu-xl-v li.active {
   ul.menu-xl-h {
     padding: 0;
     margin: 0;
-    line-height: 1rem;
+    line-height: var(--box-density-2);
   }
   ul.menu-xl-h li.menu-item,
 ul.menu-xl-h li {
     display: block;
-    margin: 0 1rem;
+    margin: 0;
     width: auto;
     transition-property: all;
-    transition-duration: 0.5s;
-    padding: 1rem;
+    transition-duration: 0.15s;
+    padding: var(--box-density-1);
+    border-left: 1px solid var(--theme-color-border);
   }
   ul.menu-xl-h li.menu-item:hover,
 ul.menu-xl-h li:hover {
-    border-radius: 4px;
+    border-radius: var(--radius-small);
     background-color: #ededed;
+    border-left: 1px solid var(--theme-color-primary);
   }
   ul.menu-xl-h li.menu-item.active,
 ul.menu-xl-h li.active {
-    border-radius: 4px;
+    border-radius: var(--radius-small);
     background-color: #ededed;
     font-weight: bold;
   }
@@ -186,25 +194,27 @@ ul.menu-xl-h li {
   ul.menu-lg-v {
     padding: 0;
     margin: 0;
-    line-height: 1rem;
+    line-height: var(--box-density-2);
   }
   ul.menu-lg-v li.menu-item,
 ul.menu-lg-v li {
     display: block;
-    margin: 0 1rem;
+    margin: 0;
     width: auto;
     transition-property: all;
-    transition-duration: 0.5s;
-    padding: 1rem;
+    transition-duration: 0.15s;
+    padding: var(--box-density-1);
+    border-left: 1px solid var(--theme-color-border);
   }
   ul.menu-lg-v li.menu-item:hover,
 ul.menu-lg-v li:hover {
-    border-radius: 4px;
+    border-radius: var(--radius-small);
     background-color: #ededed;
+    border-left: 1px solid var(--theme-color-primary);
   }
   ul.menu-lg-v li.menu-item.active,
 ul.menu-lg-v li.active {
-    border-radius: 4px;
+    border-radius: var(--radius-small);
     background-color: #ededed;
     font-weight: bold;
   }
@@ -214,25 +224,27 @@ ul.menu-lg-v li.active {
   ul.menu-lg-h {
     padding: 0;
     margin: 0;
-    line-height: 1rem;
+    line-height: var(--box-density-2);
   }
   ul.menu-lg-h li.menu-item,
 ul.menu-lg-h li {
     display: block;
-    margin: 0 1rem;
+    margin: 0;
     width: auto;
     transition-property: all;
-    transition-duration: 0.5s;
-    padding: 1rem;
+    transition-duration: 0.15s;
+    padding: var(--box-density-1);
+    border-left: 1px solid var(--theme-color-border);
   }
   ul.menu-lg-h li.menu-item:hover,
 ul.menu-lg-h li:hover {
-    border-radius: 4px;
+    border-radius: var(--radius-small);
     background-color: #ededed;
+    border-left: 1px solid var(--theme-color-primary);
   }
   ul.menu-lg-h li.menu-item.active,
 ul.menu-lg-h li.active {
-    border-radius: 4px;
+    border-radius: var(--radius-small);
     background-color: #ededed;
     font-weight: bold;
   }
@@ -267,25 +279,27 @@ ul.menu-lg-h li {
   ul.menu-md-v {
     padding: 0;
     margin: 0;
-    line-height: 1rem;
+    line-height: var(--box-density-2);
   }
   ul.menu-md-v li.menu-item,
 ul.menu-md-v li {
     display: block;
-    margin: 0 1rem;
+    margin: 0;
     width: auto;
     transition-property: all;
-    transition-duration: 0.5s;
-    padding: 1rem;
+    transition-duration: 0.15s;
+    padding: var(--box-density-1);
+    border-left: 1px solid var(--theme-color-border);
   }
   ul.menu-md-v li.menu-item:hover,
 ul.menu-md-v li:hover {
-    border-radius: 4px;
+    border-radius: var(--radius-small);
     background-color: #ededed;
+    border-left: 1px solid var(--theme-color-primary);
   }
   ul.menu-md-v li.menu-item.active,
 ul.menu-md-v li.active {
-    border-radius: 4px;
+    border-radius: var(--radius-small);
     background-color: #ededed;
     font-weight: bold;
   }
@@ -295,25 +309,27 @@ ul.menu-md-v li.active {
   ul.menu-md-h {
     padding: 0;
     margin: 0;
-    line-height: 1rem;
+    line-height: var(--box-density-2);
   }
   ul.menu-md-h li.menu-item,
 ul.menu-md-h li {
     display: block;
-    margin: 0 1rem;
+    margin: 0;
     width: auto;
     transition-property: all;
-    transition-duration: 0.5s;
-    padding: 1rem;
+    transition-duration: 0.15s;
+    padding: var(--box-density-1);
+    border-left: 1px solid var(--theme-color-border);
   }
   ul.menu-md-h li.menu-item:hover,
 ul.menu-md-h li:hover {
-    border-radius: 4px;
+    border-radius: var(--radius-small);
     background-color: #ededed;
+    border-left: 1px solid var(--theme-color-primary);
   }
   ul.menu-md-h li.menu-item.active,
 ul.menu-md-h li.active {
-    border-radius: 4px;
+    border-radius: var(--radius-small);
     background-color: #ededed;
     font-weight: bold;
   }

package/src/lib/styles/menu/menu.responsive.min.css

@@ -0,0 +1 @@
+@media only screen and (max-width: 1300px){ul.menu-xxl{list-style:none;list-style-type:none}ul.menu-xxl-v{padding:0;margin:0;line-height:var(--box-density-2)}ul.menu-xxl-v li.menu-item,ul.menu-xxl-v li{display:block;margin:0;width:auto;transition-property:all;transition-duration:.15s;padding:var(--box-density-1);border-left:1px solid var(--theme-color-border)}ul.menu-xxl-v li.menu-item:hover,ul.menu-xxl-v li:hover{border-radius:var(--radius-small);background-color:#ededed;border-left:1px solid var(--theme-color-primary)}ul.menu-xxl-v li.menu-item.active,ul.menu-xxl-v li.active{border-radius:var(--radius-small);background-color:#ededed;font-weight:bold}ul.menu-xxl-v li{list-style:none}ul.menu-xxl-h{padding:0;margin:0;line-height:var(--box-density-2)}ul.menu-xxl-h li.menu-item,ul.menu-xxl-h li{display:block;margin:0;width:auto;transition-property:all;transition-duration:.15s;padding:var(--box-density-1);border-left:1px solid var(--theme-color-border)}ul.menu-xxl-h li.menu-item:hover,ul.menu-xxl-h li:hover{border-radius:var(--radius-small);background-color:#ededed;border-left:1px solid var(--theme-color-primary)}ul.menu-xxl-h li.menu-item.active,ul.menu-xxl-h li.active{border-radius:var(--radius-small);background-color:#ededed;font-weight:bold}ul.menu-xxl-h li{list-style:none}ul.menu-xxl-v li.menu-item.active,ul.menu-xxl-v li.active{font-weight:bold;margin-left:1rem}ul.menu-xxl-h{max-width:100%;display:inline-flex;padding:0 0;position:relative;border-bottom:1px solid #ededed;overflow-x:auto;overflow-y:hidden}ul.menu-xxl-h li.menu-item,ul.menu-xxl-h li{margin:0;text-align:center}}@media only screen and (max-width: 1200px){ul.menu-xl{list-style:none;list-style-type:none}ul.menu-xl-v{padding:0;margin:0;line-height:var(--box-density-2)}ul.menu-xl-v li.menu-item,ul.menu-xl-v li{display:block;margin:0;width:auto;transition-property:all;transition-duration:.15s;padding:var(--box-density-1);border-left:1px solid var(--theme-color-border)}ul.menu-xl-v li.menu-item:hover,ul.menu-xl-v li:hover{border-radius:var(--radius-small);background-color:#ededed;border-left:1px solid var(--theme-color-primary)}ul.menu-xl-v li.menu-item.active,ul.menu-xl-v li.active{border-radius:var(--radius-small);background-color:#ededed;font-weight:bold}ul.menu-xl-v li{list-style:none}ul.menu-xl-h{padding:0;margin:0;line-height:var(--box-density-2)}ul.menu-xl-h li.menu-item,ul.menu-xl-h li{display:block;margin:0;width:auto;transition-property:all;transition-duration:.15s;padding:var(--box-density-1);border-left:1px solid var(--theme-color-border)}ul.menu-xl-h li.menu-item:hover,ul.menu-xl-h li:hover{border-radius:var(--radius-small);background-color:#ededed;border-left:1px solid var(--theme-color-primary)}ul.menu-xl-h li.menu-item.active,ul.menu-xl-h li.active{border-radius:var(--radius-small);background-color:#ededed;font-weight:bold}ul.menu-xl-h li{list-style:none}ul.menu-xl-v li.menu-item.active,ul.menu-xl-v li.active{font-weight:bold;margin-left:1rem}ul.menu-xl-h{max-width:100%;display:inline-flex;padding:0 0;position:relative;border-bottom:1px solid #ededed;overflow-x:auto;overflow-y:hidden}ul.menu-xl-h li.menu-item,ul.menu-xl-h li{margin:0;text-align:center}}@media only screen and (max-width: 960px){ul.menu-lg{list-style:none;list-style-type:none}ul.menu-lg-v{padding:0;margin:0;line-height:var(--box-density-2)}ul.menu-lg-v li.menu-item,ul.menu-lg-v li{display:block;margin:0;width:auto;transition-property:all;transition-duration:.15s;padding:var(--box-density-1);border-left:1px solid var(--theme-color-border)}ul.menu-lg-v li.menu-item:hover,ul.menu-lg-v li:hover{border-radius:var(--radius-small);background-color:#ededed;border-left:1px solid var(--theme-color-primary)}ul.menu-lg-v li.menu-item.active,ul.menu-lg-v li.active{border-radius:var(--radius-small);background-color:#ededed;font-weight:bold}ul.menu-lg-v li{list-style:none}ul.menu-lg-h{padding:0;margin:0;line-height:var(--box-density-2)}ul.menu-lg-h li.menu-item,ul.menu-lg-h li{display:block;margin:0;width:auto;transition-property:all;transition-duration:.15s;padding:var(--box-density-1);border-left:1px solid var(--theme-color-border)}ul.menu-lg-h li.menu-item:hover,ul.menu-lg-h li:hover{border-radius:var(--radius-small);background-color:#ededed;border-left:1px solid var(--theme-color-primary)}ul.menu-lg-h li.menu-item.active,ul.menu-lg-h li.active{border-radius:var(--radius-small);background-color:#ededed;font-weight:bold}ul.menu-lg-h li{list-style:none}ul.menu-lg-v li.menu-item.active,ul.menu-lg-v li.active{font-weight:bold;margin-left:1rem}ul.menu-lg-h{max-width:100%;display:inline-flex;padding:0 0;position:relative;border-bottom:1px solid #ededed;overflow-x:auto;overflow-y:hidden}ul.menu-lg-h li.menu-item,ul.menu-lg-h li{margin:0;text-align:center}}@media only screen and (max-width: 760px){ul.menu-md{list-style:none;list-style-type:none}ul.menu-md-v{padding:0;margin:0;line-height:var(--box-density-2)}ul.menu-md-v li.menu-item,ul.menu-md-v li{display:block;margin:0;width:auto;transition-property:all;transition-duration:.15s;padding:var(--box-density-1);border-left:1px solid var(--theme-color-border)}ul.menu-md-v li.menu-item:hover,ul.menu-md-v li:hover{border-radius:var(--radius-small);background-color:#ededed;border-left:1px solid var(--theme-color-primary)}ul.menu-md-v li.menu-item.active,ul.menu-md-v li.active{border-radius:var(--radius-small);background-color:#ededed;font-weight:bold}ul.menu-md-v li{list-style:none}ul.menu-md-h{padding:0;margin:0;line-height:var(--box-density-2)}ul.menu-md-h li.menu-item,ul.menu-md-h li{display:block;margin:0;width:auto;transition-property:all;transition-duration:.15s;padding:var(--box-density-1);border-left:1px solid var(--theme-color-border)}ul.menu-md-h li.menu-item:hover,ul.menu-md-h li:hover{border-radius:var(--radius-small);background-color:#ededed;border-left:1px solid var(--theme-color-primary)}ul.menu-md-h li.menu-item.active,ul.menu-md-h li.active{border-radius:var(--radius-small);background-color:#ededed;font-weight:bold}ul.menu-md-h li{list-style:none}ul.menu-md-v li.menu-item.active,ul.menu-md-v li.active{font-weight:bold;margin-left:1rem}ul.menu-md-h{max-width:100%;display:inline-flex;padding:0 0;position:relative;border-bottom:1px solid #ededed;overflow-x:auto;overflow-y:hidden}ul.menu-md-h li.menu-item,ul.menu-md-h li{margin:0;text-align:center}}

package/src/lib/styles/overflow/overflow.responsive.min.css

@@ -0,0 +1 @@
+@media only screen and (max-width: 1300px){.overflow-xxl-visible{overflow:visible}.overflow-xxl-hidden{overflow:hidden}.overflow-xxl-clip{overflow:clip}.overflow-xxl-scroll{overflow:scroll}.overflow-xxl-auto{overflow:auto}.overflow-x-xxl-visible{overflow:visible}.overflow-x-xxl-hidden{overflow:hidden}.overflow-x-xxl-clip{overflow:clip}.overflow-x-xxl-scroll{overflow:scroll}.overflow-x-xxl-auto{overflow:auto}.overflow-y-xxl-visible{overflow:visible}.overflow-y-xxl-hidden{overflow:hidden}.overflow-y-xxl-clip{overflow:clip}.overflow-y-xxl-scroll{overflow:scroll}.overflow-y-xxl-auto{overflow:auto}}@media only screen and (max-width: 1200px){.overflow-xl-visible{overflow:visible}.overflow-xl-hidden{overflow:hidden}.overflow-xl-clip{overflow:clip}.overflow-xl-scroll{overflow:scroll}.overflow-xl-auto{overflow:auto}.overflow-x-xl-visible{overflow:visible}.overflow-x-xl-hidden{overflow:hidden}.overflow-x-xl-clip{overflow:clip}.overflow-x-xl-scroll{overflow:scroll}.overflow-x-xl-auto{overflow:auto}.overflow-y-xl-visible{overflow:visible}.overflow-y-xl-hidden{overflow:hidden}.overflow-y-xl-clip{overflow:clip}.overflow-y-xl-scroll{overflow:scroll}.overflow-y-xl-auto{overflow:auto}}@media only screen and (max-width: 960px){.overflow-lg-visible{overflow:visible}.overflow-lg-hidden{overflow:hidden}.overflow-lg-clip{overflow:clip}.overflow-lg-scroll{overflow:scroll}.overflow-lg-auto{overflow:auto}.overflow-x-lg-visible{overflow:visible}.overflow-x-lg-hidden{overflow:hidden}.overflow-x-lg-clip{overflow:clip}.overflow-x-lg-scroll{overflow:scroll}.overflow-x-lg-auto{overflow:auto}.overflow-y-lg-visible{overflow:visible}.overflow-y-lg-hidden{overflow:hidden}.overflow-y-lg-clip{overflow:clip}.overflow-y-lg-scroll{overflow:scroll}.overflow-y-lg-auto{overflow:auto}}@media only screen and (max-width: 760px){.overflow-md-visible{overflow:visible}.overflow-md-hidden{overflow:hidden}.overflow-md-clip{overflow:clip}.overflow-md-scroll{overflow:scroll}.overflow-md-auto{overflow:auto}.overflow-x-md-visible{overflow:visible}.overflow-x-md-hidden{overflow:hidden}.overflow-x-md-clip{overflow:clip}.overflow-x-md-scroll{overflow:scroll}.overflow-x-md-auto{overflow:auto}.overflow-y-md-visible{overflow:visible}.overflow-y-md-hidden{overflow:hidden}.overflow-y-md-clip{overflow:clip}.overflow-y-md-scroll{overflow:scroll}.overflow-y-md-auto{overflow:auto}}

package/src/lib/styles/scale/scale.responsive.min.css

@@ -0,0 +1 @@
+@media only screen and (max-width: 1300px){.w-xxl-full{width:100%}.w-xxl-full-max{max-width:100%}.w-xxl-full-min{min-width:100%}.w-xxl-mid{width:50%}.w-xxl-mid-max{max-width:50%}.w-xxl-mid-min{min-width:50%}.w-xxl-quarter{width:25%}.w-xxl-quarter-max{max-width:25%}.w-xxl-quarter-min{min-width:25%}.w-xxl-tiers{width:33%}.w-xxl-tiers-max{max-width:33%}.w-xxl-tiers-min{min-width:33%}.w-xxl-content-max{width:max-content}.w-xxl-content-max-max{max-width:max-content}.w-xxl-content-max-min{min-width:max-content}.w-xxl-content-min{width:min-content}.w-xxl-content-min-max{max-width:min-content}.w-xxl-content-min-min{min-width:min-content}.w-xxl-tiny{width:2rem}.w-xxl-tiny-max{max-width:2rem}.w-xxl-tiny-min{min-width:2rem}.w-xxl-small{width:4rem}.w-xxl-small-max{max-width:4rem}.w-xxl-small-min{min-width:4rem}.w-xxl-medium{width:8rem}.w-xxl-medium-max{max-width:8rem}.w-xxl-medium-min{min-width:8rem}.w-xxl-large{width:16rem}.w-xxl-large-max{max-width:16rem}.w-xxl-large-min{min-width:16rem}.w-xxl-wide{width:32rem}.w-xxl-wide-max{max-width:32rem}.w-xxl-wide-min{min-width:32rem}.w-xxl-1{width:1rem}.w-xxl-1-max{max-width:1rem}.w-xxl-1-min{min-width:1rem}.w-xxl-2{width:2rem}.w-xxl-2-max{max-width:2rem}.w-xxl-2-min{min-width:2rem}.w-xxl-4{width:4rem}.w-xxl-4-max{max-width:4rem}.w-xxl-4-min{min-width:4rem}.w-xxl-8{width:8rem}.w-xxl-8-max{max-width:8rem}.w-xxl-8-min{min-width:8rem}.w-xxl-16{width:16rem}.w-xxl-16-max{max-width:16rem}.w-xxl-16-min{min-width:16rem}.w-xxl-24{width:24rem}.w-xxl-24-max{max-width:24rem}.w-xxl-24-min{min-width:24rem}.w-xxl-32{width:32rem}.w-xxl-32-max{max-width:32rem}.w-xxl-32-min{min-width:32rem}.w-xxl-48{width:48rem}.w-xxl-48-max{max-width:48rem}.w-xxl-48-min{min-width:48rem}.w-xxl-64{width:64rem}.w-xxl-64-max{max-width:64rem}.w-xxl-64-min{min-width:64rem}.w-xxl-1-16{width:6.25%}.w-xxl-1-16-max{max-width:6.25%}.w-xxl-1-16-min{min-width:6.25%}.w-xxl-2-16{width:12.5%}.w-xxl-2-16-max{max-width:12.5%}.w-xxl-2-16-min{min-width:12.5%}.w-xxl-3-16{width:18.75%}.w-xxl-3-16-max{max-width:18.75%}.w-xxl-3-16-min{min-width:18.75%}.w-xxl-4-16{width:25%}.w-xxl-4-16-max{max-width:25%}.w-xxl-4-16-min{min-width:25%}.w-xxl-5-16{width:31.25%}.w-xxl-5-16-max{max-width:31.25%}.w-xxl-5-16-min{min-width:31.25%}.w-xxl-6-16{width:37.5%}.w-xxl-6-16-max{max-width:37.5%}.w-xxl-6-16-min{min-width:37.5%}.w-xxl-7-16{width:43.75%}.w-xxl-7-16-max{max-width:43.75%}.w-xxl-7-16-min{min-width:43.75%}.w-xxl-8-16{width:50%}.w-xxl-8-16-max{max-width:50%}.w-xxl-8-16-min{min-width:50%}.w-xxl-9-16{width:56.25%}.w-xxl-9-16-max{max-width:56.25%}.w-xxl-9-16-min{min-width:56.25%}.w-xxl-10-16{width:62.5%}.w-xxl-10-16-max{max-width:62.5%}.w-xxl-10-16-min{min-width:62.5%}.w-xxl-11-16{width:68.75%}.w-xxl-11-16-max{max-width:68.75%}.w-xxl-11-16-min{min-width:68.75%}.w-xxl-12-16{width:75%}.w-xxl-12-16-max{max-width:75%}.w-xxl-12-16-min{min-width:75%}.w-xxl-13-16{width:81.25%}.w-xxl-13-16-max{max-width:81.25%}.w-xxl-13-16-min{min-width:81.25%}.w-xxl-14-16{width:87.5%}.w-xxl-14-16-max{max-width:87.5%}.w-xxl-14-16-min{min-width:87.5%}.w-xxl-15-16{width:93.75%}.w-xxl-15-16-max{max-width:93.75%}.w-xxl-15-16-min{min-width:93.75%}.w-xxl-16-16{width:100%}.w-xxl-16-16-max{max-width:100%}.w-xxl-16-16-min{min-width:100%}.h-xxl-full{height:100%}.h-xxl-full-max{max-height:100%}.h-xxl-full-min{min-height:100%}.h-xxl-mid{height:50%}.h-xxl-mid-max{max-height:50%}.h-xxl-mid-min{min-height:50%}.h-xxl-quarter{height:25%}.h-xxl-quarter-max{max-height:25%}.h-xxl-quarter-min{min-height:25%}.h-xxl-tiers{height:33%}.h-xxl-tiers-max{max-height:33%}.h-xxl-tiers-min{min-height:33%}.h-xxl-content-max{height:max-content}.h-xxl-content-max-max{max-height:max-content}.h-xxl-content-max-min{min-height:max-content}.h-xxl-content-min{height:min-content}.h-xxl-content-min-max{max-height:min-content}.h-xxl-content-min-min{min-height:min-content}.h-xxl-tiny{height:2rem}.h-xxl-tiny-max{max-height:2rem}.h-xxl-tiny-min{min-height:2rem}.h-xxl-small{height:4rem}.h-xxl-small-max{max-height:4rem}.h-xxl-small-min{min-height:4rem}.h-xxl-medium{height:8rem}.h-xxl-medium-max{max-height:8rem}.h-xxl-medium-min{min-height:8rem}.h-xxl-large{height:16rem}.h-xxl-large-max{max-height:16rem}.h-xxl-large-min{min-height:16rem}.h-xxl-wide{height:32rem}.h-xxl-wide-max{max-height:32rem}.h-xxl-wide-min{min-height:32rem}.h-xxl-1{height:1rem}.h-xxl-1-max{max-height:1rem}.h-xxl-1-min{min-height:1rem}.h-xxl-2{height:2rem}.h-xxl-2-max{max-height:2rem}.h-xxl-2-min{min-height:2rem}.h-xxl-4{height:4rem}.h-xxl-4-max{max-height:4rem}.h-xxl-4-min{min-height:4rem}.h-xxl-8{height:8rem}.h-xxl-8-max{max-height:8rem}.h-xxl-8-min{min-height:8rem}.h-xxl-16{height:16rem}.h-xxl-16-max{max-height:16rem}.h-xxl-16-min{min-height:16rem}.h-xxl-24{height:24rem}.h-xxl-24-max{max-height:24rem}.h-xxl-24-min{min-height:24rem}.h-xxl-32{height:32rem}.h-xxl-32-max{max-height:32rem}.h-xxl-32-min{min-height:32rem}.h-xxl-48{height:48rem}.h-xxl-48-max{max-height:48rem}.h-xxl-48-min{min-height:48rem}.h-xxl-64{height:64rem}.h-xxl-64-max{max-height:64rem}.h-xxl-64-min{min-height:64rem}.h-xxl-1-16{height:6.25%}.h-xxl-1-16-max{max-height:6.25%}.h-xxl-1-16-min{min-height:6.25%}.h-xxl-2-16{height:12.5%}.h-xxl-2-16-max{max-height:12.5%}.h-xxl-2-16-min{min-height:12.5%}.h-xxl-3-16{height:18.75%}.h-xxl-3-16-max{max-height:18.75%}.h-xxl-3-16-min{min-height:18.75%}.h-xxl-4-16{height:25%}.h-xxl-4-16-max{max-height:25%}.h-xxl-4-16-min{min-height:25%}.h-xxl-5-16{height:31.25%}.h-xxl-5-16-max{max-height:31.25%}.h-xxl-5-16-min{min-height:31.25%}.h-xxl-6-16{height:37.5%}.h-xxl-6-16-max{max-height:37.5%}.h-xxl-6-16-min{min-height:37.5%}.h-xxl-7-16{height:43.75%}.h-xxl-7-16-max{max-height:43.75%}.h-xxl-7-16-min{min-height:43.75%}.h-xxl-8-16{height:50%}.h-xxl-8-16-max{max-height:50%}.h-xxl-8-16-min{min-height:50%}.h-xxl-9-16{height:56.25%}.h-xxl-9-16-max{max-height:56.25%}.h-xxl-9-16-min{min-height:56.25%}.h-xxl-10-16{height:62.5%}.h-xxl-10-16-max{max-height:62.5%}.h-xxl-10-16-min{min-height:62.5%}.h-xxl-11-16{height:68.75%}.h-xxl-11-16-max{max-height:68.75%}.h-xxl-11-16-min{min-height:68.75%}.h-xxl-12-16{height:75%}.h-xxl-12-16-max{max-height:75%}.h-xxl-12-16-min{min-height:75%}.h-xxl-13-16{height:81.25%}.h-xxl-13-16-max{max-height:81.25%}.h-xxl-13-16-min{min-height:81.25%}.h-xxl-14-16{height:87.5%}.h-xxl-14-16-max{max-height:87.5%}.h-xxl-14-16-min{min-height:87.5%}.h-xxl-15-16{height:93.75%}.h-xxl-15-16-max{max-height:93.75%}.h-xxl-15-16-min{min-height:93.75%}.h-xxl-16-16{height:100%}.h-xxl-16-16-max{max-height:100%}.h-xxl-16-16-min{min-height:100%}}@media only screen and (max-width: 1200px){.w-xl-full{width:100%}.w-xl-full-max{max-width:100%}.w-xl-full-min{min-width:100%}.w-xl-mid{width:50%}.w-xl-mid-max{max-width:50%}.w-xl-mid-min{min-width:50%}.w-xl-quarter{width:25%}.w-xl-quarter-max{max-width:25%}.w-xl-quarter-min{min-width:25%}.w-xl-tiers{width:33%}.w-xl-tiers-max{max-width:33%}.w-xl-tiers-min{min-width:33%}.w-xl-content-max{width:max-content}.w-xl-content-max-max{max-width:max-content}.w-xl-content-max-min{min-width:max-content}.w-xl-content-min{width:min-content}.w-xl-content-min-max{max-width:min-content}.w-xl-content-min-min{min-width:min-content}.w-xl-tiny{width:2rem}.w-xl-tiny-max{max-width:2rem}.w-xl-tiny-min{min-width:2rem}.w-xl-small{width:4rem}.w-xl-small-max{max-width:4rem}.w-xl-small-min{min-width:4rem}.w-xl-medium{width:8rem}.w-xl-medium-max{max-width:8rem}.w-xl-medium-min{min-width:8rem}.w-xl-large{width:16rem}.w-xl-large-max{max-width:16rem}.w-xl-large-min{min-width:16rem}.w-xl-wide{width:32rem}.w-xl-wide-max{max-width:32rem}.w-xl-wide-min{min-width:32rem}.w-xl-1{width:1rem}.w-xl-1-max{max-width:1rem}.w-xl-1-min{min-width:1rem}.w-xl-2{width:2rem}.w-xl-2-max{max-width:2rem}.w-xl-2-min{min-width:2rem}.w-xl-4{width:4rem}.w-xl-4-max{max-width:4rem}.w-xl-4-min{min-width:4rem}.w-xl-8{width:8rem}.w-xl-8-max{max-width:8rem}.w-xl-8-min{min-width:8rem}.w-xl-16{width:16rem}.w-xl-16-max{max-width:16rem}.w-xl-16-min{min-width:16rem}.w-xl-24{width:24rem}.w-xl-24-max{max-width:24rem}.w-xl-24-min{min-width:24rem}.w-xl-32{width:32rem}.w-xl-32-max{max-width:32rem}.w-xl-32-min{min-width:32rem}.w-xl-48{width:48rem}.w-xl-48-max{max-width:48rem}.w-xl-48-min{min-width:48rem}.w-xl-64{width:64rem}.w-xl-64-max{max-width:64rem}.w-xl-64-min{min-width:64rem}.w-xl-1-16{width:6.25%}.w-xl-1-16-max{max-width:6.25%}.w-xl-1-16-min{min-width:6.25%}.w-xl-2-16{width:12.5%}.w-xl-2-16-max{max-width:12.5%}.w-xl-2-16-min{min-width:12.5%}.w-xl-3-16{width:18.75%}.w-xl-3-16-max{max-width:18.75%}.w-xl-3-16-min{min-width:18.75%}.w-xl-4-16{width:25%}.w-xl-4-16-max{max-width:25%}.w-xl-4-16-min{min-width:25%}.w-xl-5-16{width:31.25%}.w-xl-5-16-max{max-width:31.25%}.w-xl-5-16-min{min-width:31.25%}.w-xl-6-16{width:37.5%}.w-xl-6-16-max{max-width:37.5%}.w-xl-6-16-min{min-width:37.5%}.w-xl-7-16{width:43.75%}.w-xl-7-16-max{max-width:43.75%}.w-xl-7-16-min{min-width:43.75%}.w-xl-8-16{width:50%}.w-xl-8-16-max{max-width:50%}.w-xl-8-16-min{min-width:50%}.w-xl-9-16{width:56.25%}.w-xl-9-16-max{max-width:56.25%}.w-xl-9-16-min{min-width:56.25%}.w-xl-10-16{width:62.5%}.w-xl-10-16-max{max-width:62.5%}.w-xl-10-16-min{min-width:62.5%}.w-xl-11-16{width:68.75%}.w-xl-11-16-max{max-width:68.75%}.w-xl-11-16-min{min-width:68.75%}.w-xl-12-16{width:75%}.w-xl-12-16-max{max-width:75%}.w-xl-12-16-min{min-width:75%}.w-xl-13-16{width:81.25%}.w-xl-13-16-max{max-width:81.25%}.w-xl-13-16-min{min-width:81.25%}.w-xl-14-16{width:87.5%}.w-xl-14-16-max{max-width:87.5%}.w-xl-14-16-min{min-width:87.5%}.w-xl-15-16{width:93.75%}.w-xl-15-16-max{max-width:93.75%}.w-xl-15-16-min{min-width:93.75%}.w-xl-16-16{width:100%}.w-xl-16-16-max{max-width:100%}.w-xl-16-16-min{min-width:100%}.h-xl-full{height:100%}.h-xl-full-max{max-height:100%}.h-xl-full-min{min-height:100%}.h-xl-mid{height:50%}.h-xl-mid-max{max-height:50%}.h-xl-mid-min{min-height:50%}.h-xl-quarter{height:25%}.h-xl-quarter-max{max-height:25%}.h-xl-quarter-min{min-height:25%}.h-xl-tiers{height:33%}.h-xl-tiers-max{max-height:33%}.h-xl-tiers-min{min-height:33%}.h-xl-content-max{height:max-content}.h-xl-content-max-max{max-height:max-content}.h-xl-content-max-min{min-height:max-content}.h-xl-content-min{height:min-content}.h-xl-content-min-max{max-height:min-content}.h-xl-content-min-min{min-height:min-content}.h-xl-tiny{height:2rem}.h-xl-tiny-max{max-height:2rem}.h-xl-tiny-min{min-height:2rem}.h-xl-small{height:4rem}.h-xl-small-max{max-height:4rem}.h-xl-small-min{min-height:4rem}.h-xl-medium{height:8rem}.h-xl-medium-max{max-height:8rem}.h-xl-medium-min{min-height:8rem}.h-xl-large{height:16rem}.h-xl-large-max{max-height:16rem}.h-xl-large-min{min-height:16rem}.h-xl-wide{height:32rem}.h-xl-wide-max{max-height:32rem}.h-xl-wide-min{min-height:32rem}.h-xl-1{height:1rem}.h-xl-1-max{max-height:1rem}.h-xl-1-min{min-height:1rem}.h-xl-2{height:2rem}.h-xl-2-max{max-height:2rem}.h-xl-2-min{min-height:2rem}.h-xl-4{height:4rem}.h-xl-4-max{max-height:4rem}.h-xl-4-min{min-height:4rem}.h-xl-8{height:8rem}.h-xl-8-max{max-height:8rem}.h-xl-8-min{min-height:8rem}.h-xl-16{height:16rem}.h-xl-16-max{max-height:16rem}.h-xl-16-min{min-height:16rem}.h-xl-24{height:24rem}.h-xl-24-max{max-height:24rem}.h-xl-24-min{min-height:24rem}.h-xl-32{height:32rem}.h-xl-32-max{max-height:32rem}.h-xl-32-min{min-height:32rem}.h-xl-48{height:48rem}.h-xl-48-max{max-height:48rem}.h-xl-48-min{min-height:48rem}.h-xl-64{height:64rem}.h-xl-64-max{max-height:64rem}.h-xl-64-min{min-height:64rem}.h-xl-1-16{height:6.25%}.h-xl-1-16-max{max-height:6.25%}.h-xl-1-16-min{min-height:6.25%}.h-xl-2-16{height:12.5%}.h-xl-2-16-max{max-height:12.5%}.h-xl-2-16-min{min-height:12.5%}.h-xl-3-16{height:18.75%}.h-xl-3-16-max{max-height:18.75%}.h-xl-3-16-min{min-height:18.75%}.h-xl-4-16{height:25%}.h-xl-4-16-max{max-height:25%}.h-xl-4-16-min{min-height:25%}.h-xl-5-16{height:31.25%}.h-xl-5-16-max{max-height:31.25%}.h-xl-5-16-min{min-height:31.25%}.h-xl-6-16{height:37.5%}.h-xl-6-16-max{max-height:37.5%}.h-xl-6-16-min{min-height:37.5%}.h-xl-7-16{height:43.75%}.h-xl-7-16-max{max-height:43.75%}.h-xl-7-16-min{min-height:43.75%}.h-xl-8-16{height:50%}.h-xl-8-16-max{max-height:50%}.h-xl-8-16-min{min-height:50%}.h-xl-9-16{height:56.25%}.h-xl-9-16-max{max-height:56.25%}.h-xl-9-16-min{min-height:56.25%}.h-xl-10-16{height:62.5%}.h-xl-10-16-max{max-height:62.5%}.h-xl-10-16-min{min-height:62.5%}.h-xl-11-16{height:68.75%}.h-xl-11-16-max{max-height:68.75%}.h-xl-11-16-min{min-height:68.75%}.h-xl-12-16{height:75%}.h-xl-12-16-max{max-height:75%}.h-xl-12-16-min{min-height:75%}.h-xl-13-16{height:81.25%}.h-xl-13-16-max{max-height:81.25%}.h-xl-13-16-min{min-height:81.25%}.h-xl-14-16{height:87.5%}.h-xl-14-16-max{max-height:87.5%}.h-xl-14-16-min{min-height:87.5%}.h-xl-15-16{height:93.75%}.h-xl-15-16-max{max-height:93.75%}.h-xl-15-16-min{min-height:93.75%}.h-xl-16-16{height:100%}.h-xl-16-16-max{max-height:100%}.h-xl-16-16-min{min-height:100%}}@media only screen and (max-width: 960px){.w-lg-full{width:100%}.w-lg-full-max{max-width:100%}.w-lg-full-min{min-width:100%}.w-lg-mid{width:50%}.w-lg-mid-max{max-width:50%}.w-lg-mid-min{min-width:50%}.w-lg-quarter{width:25%}.w-lg-quarter-max{max-width:25%}.w-lg-quarter-min{min-width:25%}.w-lg-tiers{width:33%}.w-lg-tiers-max{max-width:33%}.w-lg-tiers-min{min-width:33%}.w-lg-content-max{width:max-content}.w-lg-content-max-max{max-width:max-content}.w-lg-content-max-min{min-width:max-content}.w-lg-content-min{width:min-content}.w-lg-content-min-max{max-width:min-content}.w-lg-content-min-min{min-width:min-content}.w-lg-tiny{width:2rem}.w-lg-tiny-max{max-width:2rem}.w-lg-tiny-min{min-width:2rem}.w-lg-small{width:4rem}.w-lg-small-max{max-width:4rem}.w-lg-small-min{min-width:4rem}.w-lg-medium{width:8rem}.w-lg-medium-max{max-width:8rem}.w-lg-medium-min{min-width:8rem}.w-lg-large{width:16rem}.w-lg-large-max{max-width:16rem}.w-lg-large-min{min-width:16rem}.w-lg-wide{width:32rem}.w-lg-wide-max{max-width:32rem}.w-lg-wide-min{min-width:32rem}.w-lg-1{width:1rem}.w-lg-1-max{max-width:1rem}.w-lg-1-min{min-width:1rem}.w-lg-2{width:2rem}.w-lg-2-max{max-width:2rem}.w-lg-2-min{min-width:2rem}.w-lg-4{width:4rem}.w-lg-4-max{max-width:4rem}.w-lg-4-min{min-width:4rem}.w-lg-8{width:8rem}.w-lg-8-max{max-width:8rem}.w-lg-8-min{min-width:8rem}.w-lg-16{width:16rem}.w-lg-16-max{max-width:16rem}.w-lg-16-min{min-width:16rem}.w-lg-24{width:24rem}.w-lg-24-max{max-width:24rem}.w-lg-24-min{min-width:24rem}.w-lg-32{width:32rem}.w-lg-32-max{max-width:32rem}.w-lg-32-min{min-width:32rem}.w-lg-48{width:48rem}.w-lg-48-max{max-width:48rem}.w-lg-48-min{min-width:48rem}.w-lg-64{width:64rem}.w-lg-64-max{max-width:64rem}.w-lg-64-min{min-width:64rem}.w-lg-1-16{width:6.25%}.w-lg-1-16-max{max-width:6.25%}.w-lg-1-16-min{min-width:6.25%}.w-lg-2-16{width:12.5%}.w-lg-2-16-max{max-width:12.5%}.w-lg-2-16-min{min-width:12.5%}.w-lg-3-16{width:18.75%}.w-lg-3-16-max{max-width:18.75%}.w-lg-3-16-min{min-width:18.75%}.w-lg-4-16{width:25%}.w-lg-4-16-max{max-width:25%}.w-lg-4-16-min{min-width:25%}.w-lg-5-16{width:31.25%}.w-lg-5-16-max{max-width:31.25%}.w-lg-5-16-min{min-width:31.25%}.w-lg-6-16{width:37.5%}.w-lg-6-16-max{max-width:37.5%}.w-lg-6-16-min{min-width:37.5%}.w-lg-7-16{width:43.75%}.w-lg-7-16-max{max-width:43.75%}.w-lg-7-16-min{min-width:43.75%}.w-lg-8-16{width:50%}.w-lg-8-16-max{max-width:50%}.w-lg-8-16-min{min-width:50%}.w-lg-9-16{width:56.25%}.w-lg-9-16-max{max-width:56.25%}.w-lg-9-16-min{min-width:56.25%}.w-lg-10-16{width:62.5%}.w-lg-10-16-max{max-width:62.5%}.w-lg-10-16-min{min-width:62.5%}.w-lg-11-16{width:68.75%}.w-lg-11-16-max{max-width:68.75%}.w-lg-11-16-min{min-width:68.75%}.w-lg-12-16{width:75%}.w-lg-12-16-max{max-width:75%}.w-lg-12-16-min{min-width:75%}.w-lg-13-16{width:81.25%}.w-lg-13-16-max{max-width:81.25%}.w-lg-13-16-min{min-width:81.25%}.w-lg-14-16{width:87.5%}.w-lg-14-16-max{max-width:87.5%}.w-lg-14-16-min{min-width:87.5%}.w-lg-15-16{width:93.75%}.w-lg-15-16-max{max-width:93.75%}.w-lg-15-16-min{min-width:93.75%}.w-lg-16-16{width:100%}.w-lg-16-16-max{max-width:100%}.w-lg-16-16-min{min-width:100%}.h-lg-full{height:100%}.h-lg-full-max{max-height:100%}.h-lg-full-min{min-height:100%}.h-lg-mid{height:50%}.h-lg-mid-max{max-height:50%}.h-lg-mid-min{min-height:50%}.h-lg-quarter{height:25%}.h-lg-quarter-max{max-height:25%}.h-lg-quarter-min{min-height:25%}.h-lg-tiers{height:33%}.h-lg-tiers-max{max-height:33%}.h-lg-tiers-min{min-height:33%}.h-lg-content-max{height:max-content}.h-lg-content-max-max{max-height:max-content}.h-lg-content-max-min{min-height:max-content}.h-lg-content-min{height:min-content}.h-lg-content-min-max{max-height:min-content}.h-lg-content-min-min{min-height:min-content}.h-lg-tiny{height:2rem}.h-lg-tiny-max{max-height:2rem}.h-lg-tiny-min{min-height:2rem}.h-lg-small{height:4rem}.h-lg-small-max{max-height:4rem}.h-lg-small-min{min-height:4rem}.h-lg-medium{height:8rem}.h-lg-medium-max{max-height:8rem}.h-lg-medium-min{min-height:8rem}.h-lg-large{height:16rem}.h-lg-large-max{max-height:16rem}.h-lg-large-min{min-height:16rem}.h-lg-wide{height:32rem}.h-lg-wide-max{max-height:32rem}.h-lg-wide-min{min-height:32rem}.h-lg-1{height:1rem}.h-lg-1-max{max-height:1rem}.h-lg-1-min{min-height:1rem}.h-lg-2{height:2rem}.h-lg-2-max{max-height:2rem}.h-lg-2-min{min-height:2rem}.h-lg-4{height:4rem}.h-lg-4-max{max-height:4rem}.h-lg-4-min{min-height:4rem}.h-lg-8{height:8rem}.h-lg-8-max{max-height:8rem}.h-lg-8-min{min-height:8rem}.h-lg-16{height:16rem}.h-lg-16-max{max-height:16rem}.h-lg-16-min{min-height:16rem}.h-lg-24{height:24rem}.h-lg-24-max{max-height:24rem}.h-lg-24-min{min-height:24rem}.h-lg-32{height:32rem}.h-lg-32-max{max-height:32rem}.h-lg-32-min{min-height:32rem}.h-lg-48{height:48rem}.h-lg-48-max{max-height:48rem}.h-lg-48-min{min-height:48rem}.h-lg-64{height:64rem}.h-lg-64-max{max-height:64rem}.h-lg-64-min{min-height:64rem}.h-lg-1-16{height:6.25%}.h-lg-1-16-max{max-height:6.25%}.h-lg-1-16-min{min-height:6.25%}.h-lg-2-16{height:12.5%}.h-lg-2-16-max{max-height:12.5%}.h-lg-2-16-min{min-height:12.5%}.h-lg-3-16{height:18.75%}.h-lg-3-16-max{max-height:18.75%}.h-lg-3-16-min{min-height:18.75%}.h-lg-4-16{height:25%}.h-lg-4-16-max{max-height:25%}.h-lg-4-16-min{min-height:25%}.h-lg-5-16{height:31.25%}.h-lg-5-16-max{max-height:31.25%}.h-lg-5-16-min{min-height:31.25%}.h-lg-6-16{height:37.5%}.h-lg-6-16-max{max-height:37.5%}.h-lg-6-16-min{min-height:37.5%}.h-lg-7-16{height:43.75%}.h-lg-7-16-max{max-height:43.75%}.h-lg-7-16-min{min-height:43.75%}.h-lg-8-16{height:50%}.h-lg-8-16-max{max-height:50%}.h-lg-8-16-min{min-height:50%}.h-lg-9-16{height:56.25%}.h-lg-9-16-max{max-height:56.25%}.h-lg-9-16-min{min-height:56.25%}.h-lg-10-16{height:62.5%}.h-lg-10-16-max{max-height:62.5%}.h-lg-10-16-min{min-height:62.5%}.h-lg-11-16{height:68.75%}.h-lg-11-16-max{max-height:68.75%}.h-lg-11-16-min{min-height:68.75%}.h-lg-12-16{height:75%}.h-lg-12-16-max{max-height:75%}.h-lg-12-16-min{min-height:75%}.h-lg-13-16{height:81.25%}.h-lg-13-16-max{max-height:81.25%}.h-lg-13-16-min{min-height:81.25%}.h-lg-14-16{height:87.5%}.h-lg-14-16-max{max-height:87.5%}.h-lg-14-16-min{min-height:87.5%}.h-lg-15-16{height:93.75%}.h-lg-15-16-max{max-height:93.75%}.h-lg-15-16-min{min-height:93.75%}.h-lg-16-16{height:100%}.h-lg-16-16-max{max-height:100%}.h-lg-16-16-min{min-height:100%}}@media only screen and (max-width: 760px){.w-md-full{width:100%}.w-md-full-max{max-width:100%}.w-md-full-min{min-width:100%}.w-md-mid{width:50%}.w-md-mid-max{max-width:50%}.w-md-mid-min{min-width:50%}.w-md-quarter{width:25%}.w-md-quarter-max{max-width:25%}.w-md-quarter-min{min-width:25%}.w-md-tiers{width:33%}.w-md-tiers-max{max-width:33%}.w-md-tiers-min{min-width:33%}.w-md-content-max{width:max-content}.w-md-content-max-max{max-width:max-content}.w-md-content-max-min{min-width:max-content}.w-md-content-min{width:min-content}.w-md-content-min-max{max-width:min-content}.w-md-content-min-min{min-width:min-content}.w-md-tiny{width:2rem}.w-md-tiny-max{max-width:2rem}.w-md-tiny-min{min-width:2rem}.w-md-small{width:4rem}.w-md-small-max{max-width:4rem}.w-md-small-min{min-width:4rem}.w-md-medium{width:8rem}.w-md-medium-max{max-width:8rem}.w-md-medium-min{min-width:8rem}.w-md-large{width:16rem}.w-md-large-max{max-width:16rem}.w-md-large-min{min-width:16rem}.w-md-wide{width:32rem}.w-md-wide-max{max-width:32rem}.w-md-wide-min{min-width:32rem}.w-md-1{width:1rem}.w-md-1-max{max-width:1rem}.w-md-1-min{min-width:1rem}.w-md-2{width:2rem}.w-md-2-max{max-width:2rem}.w-md-2-min{min-width:2rem}.w-md-4{width:4rem}.w-md-4-max{max-width:4rem}.w-md-4-min{min-width:4rem}.w-md-8{width:8rem}.w-md-8-max{max-width:8rem}.w-md-8-min{min-width:8rem}.w-md-16{width:16rem}.w-md-16-max{max-width:16rem}.w-md-16-min{min-width:16rem}.w-md-24{width:24rem}.w-md-24-max{max-width:24rem}.w-md-24-min{min-width:24rem}.w-md-32{width:32rem}.w-md-32-max{max-width:32rem}.w-md-32-min{min-width:32rem}.w-md-48{width:48rem}.w-md-48-max{max-width:48rem}.w-md-48-min{min-width:48rem}.w-md-64{width:64rem}.w-md-64-max{max-width:64rem}.w-md-64-min{min-width:64rem}.w-md-1-16{width:6.25%}.w-md-1-16-max{max-width:6.25%}.w-md-1-16-min{min-width:6.25%}.w-md-2-16{width:12.5%}.w-md-2-16-max{max-width:12.5%}.w-md-2-16-min{min-width:12.5%}.w-md-3-16{width:18.75%}.w-md-3-16-max{max-width:18.75%}.w-md-3-16-min{min-width:18.75%}.w-md-4-16{width:25%}.w-md-4-16-max{max-width:25%}.w-md-4-16-min{min-width:25%}.w-md-5-16{width:31.25%}.w-md-5-16-max{max-width:31.25%}.w-md-5-16-min{min-width:31.25%}.w-md-6-16{width:37.5%}.w-md-6-16-max{max-width:37.5%}.w-md-6-16-min{min-width:37.5%}.w-md-7-16{width:43.75%}.w-md-7-16-max{max-width:43.75%}.w-md-7-16-min{min-width:43.75%}.w-md-8-16{width:50%}.w-md-8-16-max{max-width:50%}.w-md-8-16-min{min-width:50%}.w-md-9-16{width:56.25%}.w-md-9-16-max{max-width:56.25%}.w-md-9-16-min{min-width:56.25%}.w-md-10-16{width:62.5%}.w-md-10-16-max{max-width:62.5%}.w-md-10-16-min{min-width:62.5%}.w-md-11-16{width:68.75%}.w-md-11-16-max{max-width:68.75%}.w-md-11-16-min{min-width:68.75%}.w-md-12-16{width:75%}.w-md-12-16-max{max-width:75%}.w-md-12-16-min{min-width:75%}.w-md-13-16{width:81.25%}.w-md-13-16-max{max-width:81.25%}.w-md-13-16-min{min-width:81.25%}.w-md-14-16{width:87.5%}.w-md-14-16-max{max-width:87.5%}.w-md-14-16-min{min-width:87.5%}.w-md-15-16{width:93.75%}.w-md-15-16-max{max-width:93.75%}.w-md-15-16-min{min-width:93.75%}.w-md-16-16{width:100%}.w-md-16-16-max{max-width:100%}.w-md-16-16-min{min-width:100%}.h-md-full{height:100%}.h-md-full-max{max-height:100%}.h-md-full-min{min-height:100%}.h-md-mid{height:50%}.h-md-mid-max{max-height:50%}.h-md-mid-min{min-height:50%}.h-md-quarter{height:25%}.h-md-quarter-max{max-height:25%}.h-md-quarter-min{min-height:25%}.h-md-tiers{height:33%}.h-md-tiers-max{max-height:33%}.h-md-tiers-min{min-height:33%}.h-md-content-max{height:max-content}.h-md-content-max-max{max-height:max-content}.h-md-content-max-min{min-height:max-content}.h-md-content-min{height:min-content}.h-md-content-min-max{max-height:min-content}.h-md-content-min-min{min-height:min-content}.h-md-tiny{height:2rem}.h-md-tiny-max{max-height:2rem}.h-md-tiny-min{min-height:2rem}.h-md-small{height:4rem}.h-md-small-max{max-height:4rem}.h-md-small-min{min-height:4rem}.h-md-medium{height:8rem}.h-md-medium-max{max-height:8rem}.h-md-medium-min{min-height:8rem}.h-md-large{height:16rem}.h-md-large-max{max-height:16rem}.h-md-large-min{min-height:16rem}.h-md-wide{height:32rem}.h-md-wide-max{max-height:32rem}.h-md-wide-min{min-height:32rem}.h-md-1{height:1rem}.h-md-1-max{max-height:1rem}.h-md-1-min{min-height:1rem}.h-md-2{height:2rem}.h-md-2-max{max-height:2rem}.h-md-2-min{min-height:2rem}.h-md-4{height:4rem}.h-md-4-max{max-height:4rem}.h-md-4-min{min-height:4rem}.h-md-8{height:8rem}.h-md-8-max{max-height:8rem}.h-md-8-min{min-height:8rem}.h-md-16{height:16rem}.h-md-16-max{max-height:16rem}.h-md-16-min{min-height:16rem}.h-md-24{height:24rem}.h-md-24-max{max-height:24rem}.h-md-24-min{min-height:24rem}.h-md-32{height:32rem}.h-md-32-max{max-height:32rem}.h-md-32-min{min-height:32rem}.h-md-48{height:48rem}.h-md-48-max{max-height:48rem}.h-md-48-min{min-height:48rem}.h-md-64{height:64rem}.h-md-64-max{max-height:64rem}.h-md-64-min{min-height:64rem}.h-md-1-16{height:6.25%}.h-md-1-16-max{max-height:6.25%}.h-md-1-16-min{min-height:6.25%}.h-md-2-16{height:12.5%}.h-md-2-16-max{max-height:12.5%}.h-md-2-16-min{min-height:12.5%}.h-md-3-16{height:18.75%}.h-md-3-16-max{max-height:18.75%}.h-md-3-16-min{min-height:18.75%}.h-md-4-16{height:25%}.h-md-4-16-max{max-height:25%}.h-md-4-16-min{min-height:25%}.h-md-5-16{height:31.25%}.h-md-5-16-max{max-height:31.25%}.h-md-5-16-min{min-height:31.25%}.h-md-6-16{height:37.5%}.h-md-6-16-max{max-height:37.5%}.h-md-6-16-min{min-height:37.5%}.h-md-7-16{height:43.75%}.h-md-7-16-max{max-height:43.75%}.h-md-7-16-min{min-height:43.75%}.h-md-8-16{height:50%}.h-md-8-16-max{max-height:50%}.h-md-8-16-min{min-height:50%}.h-md-9-16{height:56.25%}.h-md-9-16-max{max-height:56.25%}.h-md-9-16-min{min-height:56.25%}.h-md-10-16{height:62.5%}.h-md-10-16-max{max-height:62.5%}.h-md-10-16-min{min-height:62.5%}.h-md-11-16{height:68.75%}.h-md-11-16-max{max-height:68.75%}.h-md-11-16-min{min-height:68.75%}.h-md-12-16{height:75%}.h-md-12-16-max{max-height:75%}.h-md-12-16-min{min-height:75%}.h-md-13-16{height:81.25%}.h-md-13-16-max{max-height:81.25%}.h-md-13-16-min{min-height:81.25%}.h-md-14-16{height:87.5%}.h-md-14-16-max{max-height:87.5%}.h-md-14-16-min{min-height:87.5%}.h-md-15-16{height:93.75%}.h-md-15-16-max{max-height:93.75%}.h-md-15-16-min{min-height:93.75%}.h-md-16-16{height:100%}.h-md-16-16-max{max-height:100%}.h-md-16-16-min{min-height:100%}}

package/src/lib/styles/table/table.min.css

@@ -0,0 +1 @@
+.table{border-collapse:collapse;border-spacing:0}.table thead,.table .thead{position:relative;margin-bottom:2rem}.table.tbl-head thead tr th{background-color:table_bg_color_head}.table thead tr th,.table .thead .tr .th{padding:.5rem .25rem;font-weight:normal}.table tbody tr td,.table .tbody .tr .td{padding:.25em}.table.tbl-layout{table-layout:fixed}.table.tbl-h-line th,.table.tbl-h-line td,.table.tbl-h-line .th,.table.tbl-h-line .td{border-bottom:1px solid #ededed}.table.tbl-h-line:last-child{border-bottom:none}.table.tbl-v-line tr th,.table.tbl-v-line tr td{border-right:1px solid #ededed}.table.tbl-v-line tr th:last-child,.table.tbl-v-line tr td:last-child{border-right:none}.table.tbl-border{border:1px solid #ededed}.table.tbl-shad thead tr th{box-shadow:4px 4px 8px #ccc;z-index:11}.table.tbl-shad thead tr th:last-child{box-shadow:4px 4px 8px #ccc;z-index:-1}.table.tbl-bg-strip-2 tr:nth-child(2n+2) td{background-color:#ededed}.table.tbl-bg-strip-5 tr:nth-child(5n+5) td{background-color:#ededed}.table.tbl-sticky{position:relative}.table.tbl-sticky thead tr,.table.tbl-sticky .thead .tr{position:static}.table.tbl-sticky thead tr th,.table.tbl-sticky thead tr .th,.table.tbl-sticky .thead .tr th,.table.tbl-sticky .thead .tr .th{background-color:#ededed;position:sticky;top:0}

package/src/lib/styles/table/table.responsive.min.css

@@ -0,0 +1 @@
+@media only screen and (max-width: 1300px){.table{border-collapse:collapse;border-spacing:0}.table thead,.table .thead{position:relative;margin-bottom:2rem}.table.tbl-xxl-head thead tr th{background-color:table_bg_color_head}.table thead tr th,.table .thead .tr .th{padding:.5rem .25rem;font-weight:normal}.table tbody tr td,.table .tbody .tr .td{padding:.25em}.table.tbl-xxl-layout{table-layout:fixed}.table.tbl-xxl-h-line th,.table.tbl-xxl-h-line td,.table.tbl-xxl-h-line .th,.table.tbl-xxl-h-line .td{border-bottom:1px solid #ededed}.table.tbl-xxl-h-line:last-child{border-bottom:none}.table.tbl-xxl-v-line tr th,.table.tbl-xxl-v-line tr td{border-right:1px solid #ededed}.table.tbl-xxl-v-line tr th:last-child,.table.tbl-xxl-v-line tr td:last-child{border-right:none}.table.tbl-xxl-border{border:1px solid #ededed}.table.tbl-xxl-shad thead tr th{box-shadow:4px 4px 8px #ccc;z-index:11}.table.tbl-xxl-shad thead tr th:last-child{box-shadow:4px 4px 8px #ccc;z-index:-1}.table.tbl-xxl-bg-strip-2 tr:nth-child(2n+2) td{background-color:#ededed}.table.tbl-xxl-bg-strip-5 tr:nth-child(5n+5) td{background-color:#ededed}.table.tbl-xxl-sticky{position:relative}.table.tbl-xxl-sticky thead tr,.table.tbl-xxl-sticky .thead .tr{position:static}.table.tbl-xxl-sticky thead tr th,.table.tbl-xxl-sticky thead tr .th,.table.tbl-xxl-sticky .thead .tr th,.table.tbl-xxl-sticky .thead .tr .th{background-color:#ededed;position:sticky;top:0}}@media only screen and (max-width: 1200px){.table{border-collapse:collapse;border-spacing:0}.table thead,.table .thead{position:relative;margin-bottom:2rem}.table.tbl-xl-head thead tr th{background-color:table_bg_color_head}.table thead tr th,.table .thead .tr .th{padding:.5rem .25rem;font-weight:normal}.table tbody tr td,.table .tbody .tr .td{padding:.25em}.table.tbl-xl-layout{table-layout:fixed}.table.tbl-xl-h-line th,.table.tbl-xl-h-line td,.table.tbl-xl-h-line .th,.table.tbl-xl-h-line .td{border-bottom:1px solid #ededed}.table.tbl-xl-h-line:last-child{border-bottom:none}.table.tbl-xl-v-line tr th,.table.tbl-xl-v-line tr td{border-right:1px solid #ededed}.table.tbl-xl-v-line tr th:last-child,.table.tbl-xl-v-line tr td:last-child{border-right:none}.table.tbl-xl-border{border:1px solid #ededed}.table.tbl-xl-shad thead tr th{box-shadow:4px 4px 8px #ccc;z-index:11}.table.tbl-xl-shad thead tr th:last-child{box-shadow:4px 4px 8px #ccc;z-index:-1}.table.tbl-xl-bg-strip-2 tr:nth-child(2n+2) td{background-color:#ededed}.table.tbl-xl-bg-strip-5 tr:nth-child(5n+5) td{background-color:#ededed}.table.tbl-xl-sticky{position:relative}.table.tbl-xl-sticky thead tr,.table.tbl-xl-sticky .thead .tr{position:static}.table.tbl-xl-sticky thead tr th,.table.tbl-xl-sticky thead tr .th,.table.tbl-xl-sticky .thead .tr th,.table.tbl-xl-sticky .thead .tr .th{background-color:#ededed;position:sticky;top:0}}@media only screen and (max-width: 960px){.table{border-collapse:collapse;border-spacing:0}.table thead,.table .thead{position:relative;margin-bottom:2rem}.table.tbl-lg-head thead tr th{background-color:table_bg_color_head}.table thead tr th,.table .thead .tr .th{padding:.5rem .25rem;font-weight:normal}.table tbody tr td,.table .tbody .tr .td{padding:.25em}.table.tbl-lg-layout{table-layout:fixed}.table.tbl-lg-h-line th,.table.tbl-lg-h-line td,.table.tbl-lg-h-line .th,.table.tbl-lg-h-line .td{border-bottom:1px solid #ededed}.table.tbl-lg-h-line:last-child{border-bottom:none}.table.tbl-lg-v-line tr th,.table.tbl-lg-v-line tr td{border-right:1px solid #ededed}.table.tbl-lg-v-line tr th:last-child,.table.tbl-lg-v-line tr td:last-child{border-right:none}.table.tbl-lg-border{border:1px solid #ededed}.table.tbl-lg-shad thead tr th{box-shadow:4px 4px 8px #ccc;z-index:11}.table.tbl-lg-shad thead tr th:last-child{box-shadow:4px 4px 8px #ccc;z-index:-1}.table.tbl-lg-bg-strip-2 tr:nth-child(2n+2) td{background-color:#ededed}.table.tbl-lg-bg-strip-5 tr:nth-child(5n+5) td{background-color:#ededed}.table.tbl-lg-sticky{position:relative}.table.tbl-lg-sticky thead tr,.table.tbl-lg-sticky .thead .tr{position:static}.table.tbl-lg-sticky thead tr th,.table.tbl-lg-sticky thead tr .th,.table.tbl-lg-sticky .thead .tr th,.table.tbl-lg-sticky .thead .tr .th{background-color:#ededed;position:sticky;top:0}}@media only screen and (max-width: 760px){.table{border-collapse:collapse;border-spacing:0}.table thead,.table .thead{position:relative;margin-bottom:2rem}.table.tbl-md-head thead tr th{background-color:table_bg_color_head}.table thead tr th,.table .thead .tr .th{padding:.5rem .25rem;font-weight:normal}.table tbody tr td,.table .tbody .tr .td{padding:.25em}.table.tbl-md-layout{table-layout:fixed}.table.tbl-md-h-line th,.table.tbl-md-h-line td,.table.tbl-md-h-line .th,.table.tbl-md-h-line .td{border-bottom:1px solid #ededed}.table.tbl-md-h-line:last-child{border-bottom:none}.table.tbl-md-v-line tr th,.table.tbl-md-v-line tr td{border-right:1px solid #ededed}.table.tbl-md-v-line tr th:last-child,.table.tbl-md-v-line tr td:last-child{border-right:none}.table.tbl-md-border{border:1px solid #ededed}.table.tbl-md-shad thead tr th{box-shadow:4px 4px 8px #ccc;z-index:11}.table.tbl-md-shad thead tr th:last-child{box-shadow:4px 4px 8px #ccc;z-index:-1}.table.tbl-md-bg-strip-2 tr:nth-child(2n+2) td{background-color:#ededed}.table.tbl-md-bg-strip-5 tr:nth-child(5n+5) td{background-color:#ededed}.table.tbl-md-sticky{position:relative}.table.tbl-md-sticky thead tr,.table.tbl-md-sticky .thead .tr{position:static}.table.tbl-md-sticky thead tr th,.table.tbl-md-sticky thead tr .th,.table.tbl-md-sticky .thead .tr th,.table.tbl-md-sticky .thead .tr .th{background-color:#ededed;position:sticky;top:0}}

package/src/lib/styles/text/text.min.css

@@ -0,0 +1 @@
+.text-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.h1,h1{font-size:var(--font-size-h1);line-height:1.2;font-weight:400}.h2,h2{font-size:var(--font-size-h2);line-height:1.2;font-weight:400}.h3,h3{font-size:var(--font-size-h3);line-height:1.2;font-weight:400}.h4,h4{font-size:var(--font-size-h4);line-height:1.2;font-weight:400}.h5,h5{font-size:var(--font-size-h5);line-height:1.2;font-weight:400}.h6,h6{font-size:var(--font-size-h6);line-height:1.2;font-weight:400}.text-cap{text-transform:capitalize}.text-up{text-transform:uppercase}.text-low{text-transform:lowercase}.text-none{text-transform:none}.text-full{text-transform:full-width}.text-l{text-align:left}.text-r{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-50{font-weight:var(--font-weight-50)}.text-100{font-weight:var(--font-weight-100)}.text-300{font-weight:var(--font-weight-300)}.text-500{font-weight:var(--font-weight-500)}.text-900{font-weight:var(--font-weight-900)}.text-light{font-weight:var(--font-weight-light)}.text-cap{font-weight:var(--font-weight-cap)}.text-bold{font-weight:var(--font-weight-bold)}.text-bolder{font-weight:var(--font-weight-bolder)}.text-shad-discrete{text-shadow:var(--text-shadow-discrete)}.text-shad-success{text-shadow:var(--text-shadow-success)}.text-shad-info{text-shadow:var(--text-shadow-info)}.text-shad-warning{text-shadow:var(--text-shadow-warning)}.text-shad-alert{text-shadow:var(--text-shadow-alert)}.text-shad-error{text-shadow:var(--text-shadow-error)}.text-shad-yellow{text-shadow:var(--text-shadow-yellow)}.text-shad-orange{text-shadow:var(--text-shadow-orange)}.text-shad-red{text-shadow:var(--text-shadow-red)}.text-shad-magenta{text-shadow:var(--text-shadow-magenta)}.text-shad-purple{text-shadow:var(--text-shadow-purple)}.text-shad-green{text-shadow:var(--text-shadow-green)}.text-shad-teal{text-shadow:var(--text-shadow-teal)}.text-shad-blue{text-shadow:var(--text-shadow-blue)}.text-shad-dark{text-shadow:var(--text-shadow-dark)}

package/src/lib/styles/text/text.responsive.min.css

@@ -0,0 +1 @@
+@media only screen and (max-width: 1300px){.text-xxl-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.h1,h1{font-size:var(--font-size-h1);line-height:1.2;font-weight:400}.h2,h2{font-size:var(--font-size-h2);line-height:1.2;font-weight:400}.h3,h3{font-size:var(--font-size-h3);line-height:1.2;font-weight:400}.h4,h4{font-size:var(--font-size-h4);line-height:1.2;font-weight:400}.h5,h5{font-size:var(--font-size-h5);line-height:1.2;font-weight:400}.h6,h6{font-size:var(--font-size-h6);line-height:1.2;font-weight:400}}@media only screen and (max-width: 1200px){.text-xl-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.h1,h1{font-size:var(--font-size-h1);line-height:1.2;font-weight:400}.h2,h2{font-size:var(--font-size-h2);line-height:1.2;font-weight:400}.h3,h3{font-size:var(--font-size-h3);line-height:1.2;font-weight:400}.h4,h4{font-size:var(--font-size-h4);line-height:1.2;font-weight:400}.h5,h5{font-size:var(--font-size-h5);line-height:1.2;font-weight:400}.h6,h6{font-size:var(--font-size-h6);line-height:1.2;font-weight:400}}@media only screen and (max-width: 960px){.text-lg-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.h1,h1{font-size:var(--font-size-h1);line-height:1.2;font-weight:400}.h2,h2{font-size:var(--font-size-h2);line-height:1.2;font-weight:400}.h3,h3{font-size:var(--font-size-h3);line-height:1.2;font-weight:400}.h4,h4{font-size:var(--font-size-h4);line-height:1.2;font-weight:400}.h5,h5{font-size:var(--font-size-h5);line-height:1.2;font-weight:400}.h6,h6{font-size:var(--font-size-h6);line-height:1.2;font-weight:400}}@media only screen and (max-width: 760px){.text-md-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.h1,h1{font-size:var(--font-size-h1);line-height:1.2;font-weight:400}.h2,h2{font-size:var(--font-size-h2);line-height:1.2;font-weight:400}.h3,h3{font-size:var(--font-size-h3);line-height:1.2;font-weight:400}.h4,h4{font-size:var(--font-size-h4);line-height:1.2;font-weight:400}.h5,h5{font-size:var(--font-size-h5);line-height:1.2;font-weight:400}.h6,h6{font-size:var(--font-size-h6);line-height:1.2;font-weight:400}}

package/{lib/styles/core → src/lib/styles}/vars.css

@@ -1,16 +1,16 @@
-/* cssFabric vars */
+/* cssFabric vars yes */
 :root {
   /* theme primary colors*/
-  --theme-color-primary: #431700;
-  --theme-color-primary-light: #903100;
-  --theme-color-primary-lighter: #dc4c00;
-  --theme-color-primary-dark: #100500;
+  --theme-color-primary: #201700;
+  --theme-color-primary-light: #6d4e00;
+  --theme-color-primary-lighter: #b98500;
+  --theme-color-primary-dark: black;
   --theme-color-primary-darker: black;
-  --theme-color-primary-complement: #002c43;
-  --theme-color-primary-invert: #bce8ff;
-  --theme-color-primary-alpha-low: rgba(67, 23, 0, 0.8);
-  --theme-color-primary-alpha: rgba(67, 23, 0, 0.3);
-  --theme-color-primary-alpha-high: rgba(67, 23, 0, 0.1);
+  --theme-color-primary-complement: #000920;
+  --theme-color-primary-invert: #dfe8ff;
+  --theme-color-primary-alpha-low: rgba(32, 23, 0, 0.8);
+  --theme-color-primary-alpha: rgba(32, 23, 0, 0.3);
+  --theme-color-primary-alpha-high: rgba(32, 23, 0, 0.1);
   /* theme secondary colors*/
   --theme-color-secondary: #D14B02;
   --theme-color-secondary-light: #fd7023;
@@ -46,8 +46,8 @@
   --color-scheme-success-alpha: rgba(0, 128, 0, 0.3);
   --color-scheme-success-alpha-low: rgba(0, 128, 0, 0.8);
   --color-scheme-success-alpha-high: rgba(0, 128, 0, 0.1);
-  --color-scheme-info: #ffdd57;
-  --color-scheme-info-light: #ffeda3;
+  --color-scheme-info: #FFDD57FF;
+  --color-scheme-info-light: #ffeca4;
   --color-scheme-info-dark: #ffd324;
   --color-scheme-info-alpha: rgba(255, 221, 87, 0.3);
   --color-scheme-info-alpha-low: rgba(255, 221, 87, 0.8);
@@ -258,6 +258,9 @@
   --box-density-preset-small: 0.5rem;
   --box-density-preset-medium: 1.5rem;
   --box-density-preset-large: 2rem;
+  --radius-tiny: 4px;
+  --radius-small: 8px;
+  --radius-medium: 16px;
   /* text */
   /*Hs*/
   --font-size-h1: 3.1rem;
@@ -279,7 +282,7 @@
   /*text shadows color_schemes*/
   --text-shadow-discrete: 0 0 0.125em #ccc;
   --text-shadow-success: 0 0 0.125em green;
-  --text-shadow-info: 0 0 0.125em #ffdd57;
+  --text-shadow-info: 0 0 0.125em #FFDD57FF;
   --text-shadow-warning: 0 0 0.125em #e6b905;
   --text-shadow-alert: 0 0 0.125em #ff7300;
   --text-shadow-error: 0 0 0.125em red;
@@ -314,6 +317,7 @@
   --theme-color-paper-alpha: rgba(241, 241, 241, 0.3);
   --theme-color-paper-alpha-low: rgba(241, 241, 241, 0.8);
   --theme-color-paper-alpha-high: rgba(241, 241, 241, 0.1);
+  --theme-color-border: rgba(40, 34, 48, 0.2);
 }
 :root [density=small] {
   --box-density-0: 0rem;
@@ -387,7 +391,7 @@
   --theme-color-paper-alpha: rgba(241, 241, 241, 0.3);
   --theme-color-paper-alpha-low: rgba(241, 241, 241, 0.8);
   --theme-color-paper-alpha-high: rgba(241, 241, 241, 0.1);
-  --theme-color-border: rgba(241, 241, 241, 0.2);
+  --theme-color-border: rgba(40, 34, 48, 0.2);
   --theme-color-overlay: rgba(208, 191, 151, 0.2);
 }
 :root [data-theme=dark] {
@@ -405,6 +409,6 @@
   --theme-color-paper-alpha: rgba(58, 59, 59, 0.3);
   --theme-color-paper-alpha-low: rgba(58, 59, 59, 0.8);
   --theme-color-paper-alpha-high: rgba(58, 59, 59, 0.1);
-  --theme-color-border: rgba(58, 59, 59, 0.2);
+  --theme-color-border: rgba(241, 241, 241, 0.3);
   --theme-color-overlay: rgba(255, 255, 255, 0.1);
 }