@medyll/cssfabric 0.1.12 → 0.2.2

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

@@ -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;
@@ -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);
 }

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

@@ -0,0 +1 @@
+:root{--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: #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-color-secondary: #D14B02;--theme-color-secondary-light: #fd7023;--theme-color-secondary-lighter: #fea16e;--theme-color-secondary-dark: #9e3902;--theme-color-secondary-darker: #6c2701;--theme-color-secondary-complement: #0288d1;--theme-color-secondary-invert: #2eb4fd;--theme-color-secondary-alpha-low: rgba(209, 75, 2, 0.8);--theme-color-secondary-alpha: rgba(209, 75, 2, 0.3);--theme-color-secondary-alpha-high: rgba(209, 75, 2, 0.1);--theme-color-tertiary: #88D102;--theme-color-tertiary-light: #b0fd23;--theme-color-tertiary-lighter: #cbfe6e;--theme-color-tertiary-dark: #679e02;--theme-color-tertiary-darker: #466c01;--theme-color-tertiary-complement: #4b02d1;--theme-color-tertiary-invert: #772efd;--theme-color-tertiary-alpha-low: rgba(136, 209, 2, 0.8);--theme-color-tertiary-alpha: rgba(136, 209, 2, 0.3);--theme-color-tertiary-alpha-high: rgba(136, 209, 2, 0.1);--color-scheme-discrete: #ccc;--color-scheme-discrete-light: #f2f2f2;--color-scheme-discrete-dark: #b3b3b3;--color-scheme-discrete-alpha: rgba(204, 204, 204, 0.3);--color-scheme-discrete-alpha-low: rgba(204, 204, 204, 0.8);--color-scheme-discrete-alpha-high: rgba(204, 204, 204, 0.1);--color-scheme-success: green;--color-scheme-success-light: #00cd00;--color-scheme-success-dark: #004d00;--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: #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);--color-scheme-info-alpha-high: rgba(255, 221, 87, 0.1);--color-scheme-warning: #e6b905;--color-scheme-warning-light: #fbd53c;--color-scheme-warning-dark: #b49104;--color-scheme-warning-alpha: rgba(230, 185, 5, 0.3);--color-scheme-warning-alpha-low: rgba(230, 185, 5, 0.8);--color-scheme-warning-alpha-high: rgba(230, 185, 5, 0.1);--color-scheme-alert: #ff7300;--color-scheme-alert-light: #ff9d4d;--color-scheme-alert-dark: #cc5c00;--color-scheme-alert-alpha: rgba(255, 115, 0, 0.3);--color-scheme-alert-alpha-low: rgba(255, 115, 0, 0.8);--color-scheme-alert-alpha-high: rgba(255, 115, 0, 0.1);--color-scheme-error: red;--color-scheme-error-light: #ff4d4d;--color-scheme-error-dark: #cc0000;--color-scheme-error-alpha: rgba(255, 0, 0, 0.3);--color-scheme-error-alpha-low: rgba(255, 0, 0, 0.8);--color-scheme-error-alpha-high: rgba(255, 0, 0, 0.1);--color-palette-yellow: #ffb900;--color-palette-yellow-alpha: rgba(255, 185, 0, 0.3);--color-palette-yellow-alpha-low: rgba(255, 185, 0, 0.8);--color-palette-yellow-alpha-high: rgba(255, 185, 0, 0.1);--color-palette-yellow-lighter: #ffe399;--color-palette-yellow-light: #ffce4d;--color-palette-yellow-dark: #cc9400;--color-palette-yellow-darker: #996f00;--color-palette-yellow-complement: #0046ff;--color-palette-yellow-complement-alpha: rgba(0, 70, 255, 0.3);--color-palette-yellow-complement-alpha-low: rgba(0, 70, 255, 0.8);--color-palette-yellow-complement-alpha-high: rgba(0, 70, 255, 0.1);--color-palette-yellow-invert: #0046ff;--color-palette-yellow-invert-alpha: rgba(0, 70, 255, 0.3);--color-palette-yellow-invert-alpha-low: rgba(0, 70, 255, 0.8);--color-palette-yellow-invert-alpha-high: rgba(0, 70, 255, 0.1);--color-palette-orange: #d83b01;--color-palette-orange-alpha: rgba(216, 59, 1, 0.3);--color-palette-orange-alpha-low: rgba(216, 59, 1, 0.8);--color-palette-orange-alpha-high: rgba(216, 59, 1, 0.1);--color-palette-orange-lighter: #fe9974;--color-palette-orange-light: #fe6127;--color-palette-orange-dark: #a52d01;--color-palette-orange-darker: #721f01;--color-palette-orange-complement: #019ed8;--color-palette-orange-complement-alpha: rgba(1, 158, 216, 0.3);--color-palette-orange-complement-alpha-low: rgba(1, 158, 216, 0.8);--color-palette-orange-complement-alpha-high: rgba(1, 158, 216, 0.1);--color-palette-orange-invert: #27c4fe;--color-palette-orange-invert-alpha: rgba(39, 196, 254, 0.3);--color-palette-orange-invert-alpha-low: rgba(39, 196, 254, 0.8);--color-palette-orange-invert-alpha-high: rgba(39, 196, 254, 0.1);--color-palette-red: #d13438;--color-palette-red-alpha: rgba(209, 52, 56, 0.3);--color-palette-red-alpha-low: rgba(209, 52, 56, 0.8);--color-palette-red-alpha-high: rgba(209, 52, 56, 0.1);--color-palette-red-lighter: #edb1b2;--color-palette-red-light: #df7275;--color-palette-red-dark: #ab272a;--color-palette-red-darker: #821d20;--color-palette-red-complement: #34d1cd;--color-palette-red-complement-alpha: rgba(52, 209, 205, 0.3);--color-palette-red-complement-alpha-low: rgba(52, 209, 205, 0.8);--color-palette-red-complement-alpha-high: rgba(52, 209, 205, 0.1);--color-palette-red-invert: #2ecbc7;--color-palette-red-invert-alpha: rgba(46, 203, 199, 0.3);--color-palette-red-invert-alpha-low: rgba(46, 203, 199, 0.8);--color-palette-red-invert-alpha-high: rgba(46, 203, 199, 0.1);--color-palette-magenta: #b4009e;--color-palette-magenta-alpha: rgba(180, 0, 158, 0.3);--color-palette-magenta-alpha-low: rgba(180, 0, 158, 0.8);--color-palette-magenta-alpha-high: rgba(180, 0, 158, 0.1);--color-palette-magenta-lighter: #ff4ee9;--color-palette-magenta-light: #ff02e0;--color-palette-magenta-dark: #810071;--color-palette-magenta-darker: #4e0044;--color-palette-magenta-complement: #00b416;--color-palette-magenta-complement-alpha: rgba(0, 180, 22, 0.3);--color-palette-magenta-complement-alpha-low: rgba(0, 180, 22, 0.8);--color-palette-magenta-complement-alpha-high: rgba(0, 180, 22, 0.1);--color-palette-magenta-invert: #4bff61;--color-palette-magenta-invert-alpha: rgba(75, 255, 97, 0.3);--color-palette-magenta-invert-alpha-low: rgba(75, 255, 97, 0.8);--color-palette-magenta-invert-alpha-high: rgba(75, 255, 97, 0.1);--color-palette-purple: #5c2d91;--color-palette-purple-alpha: rgba(92, 45, 145, 0.3);--color-palette-purple-alpha-low: rgba(92, 45, 145, 0.8);--color-palette-purple-alpha-high: rgba(92, 45, 145, 0.1);--color-palette-purple-lighter: #a980d7;--color-palette-purple-light: #8145c5;--color-palette-purple-dark: #43216a;--color-palette-purple-darker: #2b1543;--color-palette-purple-complement: #62912d;--color-palette-purple-complement-alpha: rgba(98, 145, 45, 0.3);--color-palette-purple-complement-alpha-low: rgba(98, 145, 45, 0.8);--color-palette-purple-complement-alpha-high: rgba(98, 145, 45, 0.1);--color-palette-purple-invert: #a3d26e;--color-palette-purple-invert-alpha: rgba(163, 210, 110, 0.3);--color-palette-purple-invert-alpha-low: rgba(163, 210, 110, 0.8);--color-palette-purple-invert-alpha-high: rgba(163, 210, 110, 0.1);--color-palette-green: #107c10;--color-palette-green-alpha: rgba(16, 124, 16, 0.3);--color-palette-green-alpha-low: rgba(16, 124, 16, 0.8);--color-palette-green-alpha-high: rgba(16, 124, 16, 0.1);--color-palette-green-lighter: #3fe63f;--color-palette-green-light: #19c019;--color-palette-green-dark: #0a4f0a;--color-palette-green-darker: #042204;--color-palette-green-complement: #7c107c;--color-palette-green-complement-alpha: rgba(124, 16, 124, 0.3);--color-palette-green-complement-alpha-low: rgba(124, 16, 124, 0.8);--color-palette-green-complement-alpha-high: rgba(124, 16, 124, 0.1);--color-palette-green-invert: #ef83ef;--color-palette-green-invert-alpha: rgba(239, 131, 239, 0.3);--color-palette-green-invert-alpha-low: rgba(239, 131, 239, 0.8);--color-palette-green-invert-alpha-high: rgba(239, 131, 239, 0.1);--color-palette-teal: #008272;--color-palette-teal-alpha: rgba(0, 130, 114, 0.3);--color-palette-teal-alpha-low: rgba(0, 130, 114, 0.8);--color-palette-teal-alpha-high: rgba(0, 130, 114, 0.1);--color-palette-teal-lighter: #1cffe3;--color-palette-teal-light: #00cfb5;--color-palette-teal-dark: #004f45;--color-palette-teal-darker: #001c19;--color-palette-teal-complement: #820010;--color-palette-teal-complement-alpha: rgba(130, 0, 16, 0.3);--color-palette-teal-complement-alpha-low: rgba(130, 0, 16, 0.8);--color-palette-teal-complement-alpha-high: rgba(130, 0, 16, 0.1);--color-palette-teal-invert: #ff7d8d;--color-palette-teal-invert-alpha: rgba(255, 125, 141, 0.3);--color-palette-teal-invert-alpha-low: rgba(255, 125, 141, 0.8);--color-palette-teal-invert-alpha-high: rgba(255, 125, 141, 0.1);--color-palette-blue: #0078d4;--color-palette-blue-alpha: rgba(0, 120, 212, 0.3);--color-palette-blue-alpha-low: rgba(0, 120, 212, 0.8);--color-palette-blue-alpha-high: rgba(0, 120, 212, 0.1);--color-palette-blue-lighter: #6ec0ff;--color-palette-blue-light: #229fff;--color-palette-blue-dark: #005ba1;--color-palette-blue-darker: #003e6e;--color-palette-blue-complement: #d45c00;--color-palette-blue-complement-alpha: rgba(212, 92, 0, 0.3);--color-palette-blue-complement-alpha-low: rgba(212, 92, 0, 0.8);--color-palette-blue-complement-alpha-high: rgba(212, 92, 0, 0.1);--color-palette-blue-invert: #ff872b;--color-palette-blue-invert-alpha: rgba(255, 135, 43, 0.3);--color-palette-blue-invert-alpha-low: rgba(255, 135, 43, 0.8);--color-palette-blue-invert-alpha-high: rgba(255, 135, 43, 0.1);--color-palette-dark: #323232;--color-palette-dark-alpha: rgba(50, 50, 50, 0.3);--color-palette-dark-alpha-low: rgba(50, 50, 50, 0.8);--color-palette-dark-alpha-high: rgba(50, 50, 50, 0.1);--color-palette-dark-lighter: #7f7f7f;--color-palette-dark-light: #585858;--color-palette-dark-dark: #191919;--color-palette-dark-darker: black;--color-palette-dark-complement: #323232;--color-palette-dark-complement-alpha: rgba(50, 50, 50, 0.3);--color-palette-dark-complement-alpha-low: rgba(50, 50, 50, 0.8);--color-palette-dark-complement-alpha-high: rgba(50, 50, 50, 0.1);--color-palette-dark-invert: #cdcdcd;--color-palette-dark-invert-alpha: rgba(205, 205, 205, 0.3);--color-palette-dark-invert-alpha-low: rgba(205, 205, 205, 0.8);--color-palette-dark-invert-alpha-high: rgba(205, 205, 205, 0.1);--color-gray-100: #f4f4f4;--color-gray-100-alpha: rgba(244, 244, 244, 0.3);--color-gray-100-alpha-low: rgba(244, 244, 244, 0.8);--color-gray-100-alpha-high: rgba(244, 244, 244, 0.1);--color-gray-200: #e2e2e2;--color-gray-200-alpha: rgba(226, 226, 226, 0.3);--color-gray-200-alpha-low: rgba(226, 226, 226, 0.8);--color-gray-200-alpha-high: rgba(226, 226, 226, 0.1);--color-gray-300: #d0d0d0;--color-gray-300-alpha: rgba(208, 208, 208, 0.3);--color-gray-300-alpha-low: rgba(208, 208, 208, 0.8);--color-gray-300-alpha-high: rgba(208, 208, 208, 0.1);--color-gray-400: #bdbdbd;--color-gray-400-alpha: rgba(189, 189, 189, 0.3);--color-gray-400-alpha-low: rgba(189, 189, 189, 0.8);--color-gray-400-alpha-high: rgba(189, 189, 189, 0.1);--color-gray-500: #ababab;--color-gray-500-alpha: rgba(171, 171, 171, 0.3);--color-gray-500-alpha-low: rgba(171, 171, 171, 0.8);--color-gray-500-alpha-high: rgba(171, 171, 171, 0.1);--color-gray-600: #999999;--color-gray-600-alpha: rgba(153, 153, 153, 0.3);--color-gray-600-alpha-low: rgba(153, 153, 153, 0.8);--color-gray-600-alpha-high: rgba(153, 153, 153, 0.1);--box-density-0: 0rem;--box-density-1: 0.5rem;--box-density-2: 1rem;--box-density-3: 1.5rem;--box-density-4: 2rem;--box-density-5: 2.5rem;--box-density-6: 3rem;--box-density-7: 3.5rem;--box-density-8: 4rem;--box-density-9: 4.5rem;--box-density-10: 5rem;--box-density-11: 5.5rem;--box-density-12: 6rem;--box-density-preset-tiny: 0.25rem;--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;--font-size-h1: 3.1rem;--font-size-h2: 2.68rem;--font-size-h3: 2.26rem;--font-size-h4: 1.84rem;--font-size-h5: 1.42rem;--font-size-h6: 1rem;--font-weight-50: 50;--font-weight-100: 100;--font-weight-300: 400;--font-weight-500: 500;--font-weight-900: 900;--font-weight-light: lighter;--font-weight-cap: normal;--font-weight-bold: bold;--font-weight-bolder: bolder;--text-shadow-discrete: 0 0 0.125em #ccc;--text-shadow-success: 0 0 0.125em green;--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;--text-shadow-yellow: 0 0 0.125em #ffb900;--text-shadow-orange: 0 0 0.125em #d83b01;--text-shadow-red: 0 0 0.125em #d13438;--text-shadow-magenta: 0 0 0.125em #b4009e;--text-shadow-purple: 0 0 0.125em #5c2d91;--text-shadow-green: 0 0 0.125em #107c10;--text-shadow-teal: 0 0 0.125em #008272;--text-shadow-blue: 0 0 0.125em #0078d4;--text-shadow-dark: 0 0 0.125em #323232;--box-shad-1: 0 0.8333333333px 1.724137931px 0 rgba(0, 0, 0, 0.15), 0 0.1526717557px 0.4651162791px 0 rgba(0, 0, 0, 0.1);--box-shad-2: 0 1.6666666667px 3.4482758621px 0 rgba(0, 0, 0, 0.15), 0 0.3053435115px 0.9302325581px 0 rgba(0, 0, 0, 0.1);--box-shad-3: 0 2.5px 5.1724137931px 0 rgba(0, 0, 0, 0.15), 0 0.4580152672px 1.3953488372px 0 rgba(0, 0, 0, 0.1);--box-shad-4: 0 3.3333333333px 6.8965517241px 0 rgba(0, 0, 0, 0.15), 0 0.6106870229px 1.8604651163px 0 rgba(0, 0, 0, 0.1);--box-shad-5: 0 4.1666666667px 8.6206896552px 0 rgba(0, 0, 0, 0.15), 0 0.7633587786px 2.3255813953px 0 rgba(0, 0, 0, 0.1);--theme-color-text: #282230;--theme-color-foreground: #282230;--theme-color-foreground-alpha: rgba(40, 34, 48, 0.3);--theme-color-foreground-alpha-low: rgba(40, 34, 48, 0.8);--theme-color-foreground-alpha-high: rgba(40, 34, 48, 0.1);--theme-color-background: #ffffff;--theme-color-background-alpha: rgba(40, 34, 48, 0.3);--theme-color-background-alpha-low: rgba(40, 34, 48, 0.8);--theme-color-background-alpha-high: rgba(40, 34, 48, 0.1);--theme-color-paper: #f1f1f1;--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;--box-density-1: 0.25rem;--box-density-2: 0.5rem;--box-density-3: 0.75rem;--box-density-4: 1rem;--box-density-5: 1.25rem;--box-density-6: 1.5rem;--box-density-7: 1.75rem;--box-density-8: 2rem;--box-density-9: 2.25rem;--box-density-10: 2.5rem;--box-density-11: 2.75rem;--box-density-12: 3rem;--box-density-preset-tiny: 0.125rem;--box-density-preset-small: 0.25rem;--box-density-preset-medium: 0.75rem;--box-density-preset-large: 1rem}:root [density=default]{--box-density-0: 0rem;--box-density-1: 0.5rem;--box-density-2: 1rem;--box-density-3: 1.5rem;--box-density-4: 2rem;--box-density-5: 2.5rem;--box-density-6: 3rem;--box-density-7: 3.5rem;--box-density-8: 4rem;--box-density-9: 4.5rem;--box-density-10: 5rem;--box-density-11: 5.5rem;--box-density-12: 6rem;--box-density-preset-tiny: 0.25rem;--box-density-preset-small: 0.5rem;--box-density-preset-medium: 1.5rem;--box-density-preset-large: 2rem}:root [density=large]{--box-density-0: 0rem;--box-density-1: 0.875rem;--box-density-2: 1.75rem;--box-density-3: 2.625rem;--box-density-4: 3.5rem;--box-density-5: 4.375rem;--box-density-6: 5.25rem;--box-density-7: 6.125rem;--box-density-8: 7rem;--box-density-9: 7.875rem;--box-density-10: 8.75rem;--box-density-11: 9.625rem;--box-density-12: 10.5rem;--box-density-preset-tiny: 0.4375rem;--box-density-preset-small: 0.875rem;--box-density-preset-medium: 2.625rem;--box-density-preset-large: 3.5rem}:root,:root [data-theme=light]{--theme-color-text: #282230;--theme-color-foreground: #282230;--theme-color-foreground-alpha: rgba(40, 34, 48, 0.3);--theme-color-foreground-alpha-low: rgba(40, 34, 48, 0.8);--theme-color-foreground-alpha-high: rgba(40, 34, 48, 0.1);--theme-color-background: #ffffff;--theme-color-background-alpha: rgba(40, 34, 48, 0.3);--theme-color-background-alpha-low: rgba(40, 34, 48, 0.8);--theme-color-background-alpha-high: rgba(40, 34, 48, 0.1);--theme-color-paper: #f1f1f1;--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);--theme-color-overlay: rgba(208, 191, 151, 0.2)}:root [data-theme=dark]{--theme-color-text: #f1f1f1;--theme-color-foreground: #f1f1f1;--theme-color-foreground-alpha: rgba(241, 241, 241, 0.3);--theme-color-foreground-alpha-low: rgba(241, 241, 241, 0.8);--theme-color-foreground-alpha-high: rgba(241, 241, 241, 0.1);--theme-color-background: #27323a;--theme-color-background-alpha: rgba(241, 241, 241, 0.3);--theme-color-background-alpha-low: rgba(241, 241, 241, 0.8);--theme-color-background-alpha-high: rgba(241, 241, 241, 0.1);--theme-color-paper: #f1f1f1;--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(241, 241, 241, 0.3);--theme-color-overlay: rgba(255, 255, 255, 0.1)}