@qrsln/lootstrap 22.3.2-beta.0 → 22.3.24-beta.0

package/dist/css/lootstrap.css

@@ -1,8 +1,8 @@
 @charset "UTF-8";
 /*!
- * CSS Compiled on: 2022-03-01
+ * CSS Compiled on: 2022-03-24
  *
- * Lootstrap v22.3.2-beta.0 (https://github.com/krsln/Lootstrap/)
+ * Lootstrap v22.3.24-beta.0 (https://github.com/krsln/Lootstrap/)
  * Copyright 2022 Qrsln.
  * Licensed under MIT (https://github.com/krsln/Lootstrap/blob/master/LICENSE)
 */
@@ -1002,11 +1002,18 @@ progress {
 }
 .Avatar svg mask rect[fill=white],
 .Avatar-group svg mask rect[fill=white] {
-  width: 80%;
-  height: 80%;
+  width: 85%;
+  height: 85%;
   cy: 18;
-  x: 10%;
-  y: 10%
+  x: 7.5%;
+  y: 7.5%;
+  rx: 0;
+  ry: 0
+}
+.Avatar svg mask rect[fill=white].Round,
+.Avatar-group svg mask rect[fill=white].Round {
+  rx: 8;
+  ry: 8
 }
 .Avatar svg g image,
 .Avatar-group svg g image {
@@ -1038,11 +1045,18 @@ progress {
 }
 .Avatar svg g rect,
 .Avatar-group svg g rect {
-  width: 80%;
-  height: 80%;
+  width: 85%;
+  height: 85%;
   cy: 18;
-  x: 10%;
-  y: 10%
+  x: 7.5%;
+  y: 7.5%;
+  rx: 0;
+  ry: 0
+}
+.Avatar svg g rect.Round,
+.Avatar-group svg g rect.Round {
+  rx: 8;
+  ry: 8
 }
 .Avatar.Sign-bottom svg mask circle[fill=black] {
   cx: 85%;
@@ -1180,7 +1194,7 @@ progress {
 }
 .Rect {
   position: relative;
-  display: block;
+  display: flex;
   flex: 1 0 auto
 }
 .Rect:before {
@@ -1191,7 +1205,7 @@ progress {
 .Circle,
 .Sqr {
   position: relative;
-  display: inline-block;
+  display: flex;
   overflow: hidden;
   width: 100%
 }
@@ -1209,23 +1223,22 @@ progress {
   margin: 0;
   transform: rotate(45deg)
 }
-.Diamond .Content {
+.Diamond .Content,
+.Diamond .Square-inner {
   transform: rotate(-45deg)
 }
 .Skew-20 {
-  margin-left: 30px;
-  margin-right: 30px;
   transform: skew(20deg)
 }
-.Skew-20 .Content {
+.Skew-20 .Content,
+.Skew-20 .Square-inner {
   transform: skew(-20deg)
 }
 .Skew-20n {
-  margin-left: 30px;
-  margin-right: 30px;
   transform: skew(-20deg)
 }
-.Skew-20n .Content {
+.Skew-20n .Content,
+.Skew-20n .Square-inner {
   transform: skew(20deg)
 }
 .Ph-line,
@@ -1258,7 +1271,7 @@ progress {
   transform: scale(1,.6)
 }
 .Ph-paragraph .Ph-line:last-child {
-  width: 79%
+  width: 51%
 }
 .Ph-paragraph .Ph-line:nth-child(1n) {
   -webkit-animation-delay: .7s;
@@ -1376,16 +1389,16 @@ progress {
   background-color: transparent
 }
 .Ph-textual:nth-child(1n) {
-  background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12) 13%,transparent calc(13% + 1px),transparent calc(13% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(13% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 34%,transparent calc(34% + 1px),transparent calc(34% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(34% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 61%,transparent calc(61% + 1px),transparent calc(61% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(61% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 81%,transparent calc(81% + 1px),transparent calc(81% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(81% + 6px),hsla(var(--ls-bg-accent-hsl),.12))
+  background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12) 6%,transparent calc(6% + 1px),transparent calc(6% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(6% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 39%,transparent calc(39% + 1px),transparent calc(39% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(39% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 75%,transparent calc(75% + 1px),transparent calc(75% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(75% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 91%,transparent calc(91% + 1px),transparent calc(91% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(91% + 6px),hsla(var(--ls-bg-accent-hsl),.12))
 }
 .Ph-textual:nth-child(2n) {
-  background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12) 21%,transparent calc(21% + 1px),transparent calc(21% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(21% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 78%,transparent calc(78% + 1px),transparent calc(78% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(78% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 81%,transparent calc(81% + 1px),transparent calc(81% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(81% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 97%,transparent calc(97% + 1px),transparent calc(97% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(97% + 6px),hsla(var(--ls-bg-accent-hsl),.12))
+  background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12) 8%,transparent calc(8% + 1px),transparent calc(8% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(8% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 78%,transparent calc(78% + 1px),transparent calc(78% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(78% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 86%,transparent calc(86% + 1px),transparent calc(86% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(86% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 89%,transparent calc(89% + 1px),transparent calc(89% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(89% + 6px),hsla(var(--ls-bg-accent-hsl),.12))
 }
 .Ph-textual:nth-child(3n) {
-  background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12) 23%,transparent calc(23% + 1px),transparent calc(23% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(23% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 58%,transparent calc(58% + 1px),transparent calc(58% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(58% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 78%,transparent calc(78% + 1px),transparent calc(78% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(78% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 95%,transparent calc(95% + 1px),transparent calc(95% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(95% + 6px),hsla(var(--ls-bg-accent-hsl),.12))
+  background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12) 15%,transparent calc(15% + 1px),transparent calc(15% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(15% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 51%,transparent calc(51% + 1px),transparent calc(51% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(51% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 73%,transparent calc(73% + 1px),transparent calc(73% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(73% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 91%,transparent calc(91% + 1px),transparent calc(91% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(91% + 6px),hsla(var(--ls-bg-accent-hsl),.12))
 }
 .Ph-textual:nth-child(4n) {
-  background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12) 23%,transparent calc(23% + 1px),transparent calc(23% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(23% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 65%,transparent calc(65% + 1px),transparent calc(65% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(65% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 81%,transparent calc(81% + 1px),transparent calc(81% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(81% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 98%,transparent calc(98% + 1px),transparent calc(98% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(98% + 6px),hsla(var(--ls-bg-accent-hsl),.12))
+  background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12) 5%,transparent calc(5% + 1px),transparent calc(5% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(5% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 43%,transparent calc(43% + 1px),transparent calc(43% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(43% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 76%,transparent calc(76% + 1px),transparent calc(76% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(76% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 84%,transparent calc(84% + 1px),transparent calc(84% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(84% + 6px),hsla(var(--ls-bg-accent-hsl),.12))
 }
 .Ph-pulse {
   -webkit-animation: Keyframe-Pulsate 1.5s ease-in-out .5s infinite;
@@ -1481,28 +1494,28 @@ progress {
 .Border-0 {
   border: 0!important
 }
-.Border-t {
+.Border-top {
   border-top: 1px solid hsla(var(--ls-border-hsl),var(--ls-border-alpha))!important
 }
-.Border-t-0 {
+.Border-top-0 {
   border-top: 0!important
 }
-.Border-r {
+.Border-end {
   border-right: 1px solid hsla(var(--ls-border-hsl),var(--ls-border-alpha))!important
 }
-.Border-r-0 {
+.Border-end-0 {
   border-right: 0!important
 }
-.Border-b {
+.Border-bottom {
   border-bottom: 1px solid hsla(var(--ls-border-hsl),var(--ls-border-alpha))!important
 }
-.Border-b-0 {
+.Border-bottom-0 {
   border-bottom: 0!important
 }
-.Border-l {
+.Border-start {
   border-left: 1px solid hsla(var(--ls-border-hsl),var(--ls-border-alpha))!important
 }
-.Border-l-0 {
+.Border-start-0 {
   border-left: 0!important
 }
 .Border-0 {
@@ -1535,35 +1548,35 @@ progress {
 .Rounded-pill {
   border-radius: 50rem!important
 }
-.Rounded-t {
+.Rounded-top {
   border-top-left-radius: var(--ls-border-radius,.25rem);
   border-top-right-radius: var(--ls-border-radius,.25rem)
 }
-.Rounded-t-0 {
+.Rounded-top-0 {
   border-top-left-radius: 0!important;
   border-top-right-radius: 0!important
 }
-.Rounded-r {
+.Rounded-end {
   border-top-right-radius: var(--ls-border-radius,.25rem);
   border-bottom-right-radius: var(--ls-border-radius,.25rem)
 }
-.Rounded-r-0 {
+.Rounded-end-0 {
   border-top-right-radius: 0!important;
   border-bottom-right-radius: 0!important
 }
-.Rounded-b {
+.Rounded-bottom {
   border-bottom-right-radius: var(--ls-border-radius,.25rem);
   border-bottom-left-radius: var(--ls-border-radius,.25rem)
 }
-.Rounded-b-0 {
+.Rounded-bottom-0 {
   border-bottom-right-radius: 0!important;
   border-bottom-left-radius: 0!important
 }
-.Rounded-l {
+.Rounded-start {
   border-bottom-left-radius: var(--ls-border-radius,.25rem);
   border-top-left-radius: var(--ls-border-radius,.25rem)
 }
-.Rounded-l-0 {
+.Rounded-start-0 {
   border-bottom-left-radius: 0!important;
   border-top-left-radius: 0!important
 }
@@ -7242,6 +7255,361 @@ progress {
 .W-auto {
   width: auto!important
 }
+@media (min-width:480px) {
+  .W-sm-10 {
+    width: 10%!important
+  }
+  .W-sm-20 {
+    width: 20%!important
+  }
+  .W-sm-30 {
+    width: 30%!important
+  }
+  .W-sm-40 {
+    width: 40%!important
+  }
+  .W-sm-50 {
+    width: 50%!important
+  }
+  .W-sm-60 {
+    width: 60%!important
+  }
+  .W-sm-70 {
+    width: 70%!important
+  }
+  .W-sm-80 {
+    width: 80%!important
+  }
+  .W-sm-90 {
+    width: 90%!important
+  }
+  .W-sm-100 {
+    width: 100%!important
+  }
+  .W-sm-5 {
+    width: 5%!important
+  }
+  .W-sm-15 {
+    width: 15%!important
+  }
+  .W-sm-25 {
+    width: 25%!important
+  }
+  .W-sm-35 {
+    width: 35%!important
+  }
+  .W-sm-45 {
+    width: 45%!important
+  }
+  .W-sm-55 {
+    width: 55%!important
+  }
+  .W-sm-65 {
+    width: 65%!important
+  }
+  .W-sm-75 {
+    width: 75%!important
+  }
+  .W-sm-85 {
+    width: 85%!important
+  }
+  .W-sm-95 {
+    width: 95%!important
+  }
+  .W-sm-33 {
+    width: 33.333%!important
+  }
+  .W-sm-66 {
+    width: 66.666%!important
+  }
+  .W-sm-auto {
+    width: auto!important
+  }
+}
+@media (min-width:768px) {
+  .W-md-10 {
+    width: 10%!important
+  }
+  .W-md-20 {
+    width: 20%!important
+  }
+  .W-md-30 {
+    width: 30%!important
+  }
+  .W-md-40 {
+    width: 40%!important
+  }
+  .W-md-50 {
+    width: 50%!important
+  }
+  .W-md-60 {
+    width: 60%!important
+  }
+  .W-md-70 {
+    width: 70%!important
+  }
+  .W-md-80 {
+    width: 80%!important
+  }
+  .W-md-90 {
+    width: 90%!important
+  }
+  .W-md-100 {
+    width: 100%!important
+  }
+  .W-md-5 {
+    width: 5%!important
+  }
+  .W-md-15 {
+    width: 15%!important
+  }
+  .W-md-25 {
+    width: 25%!important
+  }
+  .W-md-35 {
+    width: 35%!important
+  }
+  .W-md-45 {
+    width: 45%!important
+  }
+  .W-md-55 {
+    width: 55%!important
+  }
+  .W-md-65 {
+    width: 65%!important
+  }
+  .W-md-75 {
+    width: 75%!important
+  }
+  .W-md-85 {
+    width: 85%!important
+  }
+  .W-md-95 {
+    width: 95%!important
+  }
+  .W-md-33 {
+    width: 33.333%!important
+  }
+  .W-md-66 {
+    width: 66.666%!important
+  }
+  .W-md-auto {
+    width: auto!important
+  }
+}
+@media (min-width:1024px) {
+  .W-lg-10 {
+    width: 10%!important
+  }
+  .W-lg-20 {
+    width: 20%!important
+  }
+  .W-lg-30 {
+    width: 30%!important
+  }
+  .W-lg-40 {
+    width: 40%!important
+  }
+  .W-lg-50 {
+    width: 50%!important
+  }
+  .W-lg-60 {
+    width: 60%!important
+  }
+  .W-lg-70 {
+    width: 70%!important
+  }
+  .W-lg-80 {
+    width: 80%!important
+  }
+  .W-lg-90 {
+    width: 90%!important
+  }
+  .W-lg-100 {
+    width: 100%!important
+  }
+  .W-lg-5 {
+    width: 5%!important
+  }
+  .W-lg-15 {
+    width: 15%!important
+  }
+  .W-lg-25 {
+    width: 25%!important
+  }
+  .W-lg-35 {
+    width: 35%!important
+  }
+  .W-lg-45 {
+    width: 45%!important
+  }
+  .W-lg-55 {
+    width: 55%!important
+  }
+  .W-lg-65 {
+    width: 65%!important
+  }
+  .W-lg-75 {
+    width: 75%!important
+  }
+  .W-lg-85 {
+    width: 85%!important
+  }
+  .W-lg-95 {
+    width: 95%!important
+  }
+  .W-lg-33 {
+    width: 33.333%!important
+  }
+  .W-lg-66 {
+    width: 66.666%!important
+  }
+  .W-lg-auto {
+    width: auto!important
+  }
+}
+@media (min-width:1280px) {
+  .W-xl-10 {
+    width: 10%!important
+  }
+  .W-xl-20 {
+    width: 20%!important
+  }
+  .W-xl-30 {
+    width: 30%!important
+  }
+  .W-xl-40 {
+    width: 40%!important
+  }
+  .W-xl-50 {
+    width: 50%!important
+  }
+  .W-xl-60 {
+    width: 60%!important
+  }
+  .W-xl-70 {
+    width: 70%!important
+  }
+  .W-xl-80 {
+    width: 80%!important
+  }
+  .W-xl-90 {
+    width: 90%!important
+  }
+  .W-xl-100 {
+    width: 100%!important
+  }
+  .W-xl-5 {
+    width: 5%!important
+  }
+  .W-xl-15 {
+    width: 15%!important
+  }
+  .W-xl-25 {
+    width: 25%!important
+  }
+  .W-xl-35 {
+    width: 35%!important
+  }
+  .W-xl-45 {
+    width: 45%!important
+  }
+  .W-xl-55 {
+    width: 55%!important
+  }
+  .W-xl-65 {
+    width: 65%!important
+  }
+  .W-xl-75 {
+    width: 75%!important
+  }
+  .W-xl-85 {
+    width: 85%!important
+  }
+  .W-xl-95 {
+    width: 95%!important
+  }
+  .W-xl-33 {
+    width: 33.333%!important
+  }
+  .W-xl-66 {
+    width: 66.666%!important
+  }
+  .W-xl-auto {
+    width: auto!important
+  }
+}
+@media (min-width:1440px) {
+  .W-xxl-10 {
+    width: 10%!important
+  }
+  .W-xxl-20 {
+    width: 20%!important
+  }
+  .W-xxl-30 {
+    width: 30%!important
+  }
+  .W-xxl-40 {
+    width: 40%!important
+  }
+  .W-xxl-50 {
+    width: 50%!important
+  }
+  .W-xxl-60 {
+    width: 60%!important
+  }
+  .W-xxl-70 {
+    width: 70%!important
+  }
+  .W-xxl-80 {
+    width: 80%!important
+  }
+  .W-xxl-90 {
+    width: 90%!important
+  }
+  .W-xxl-100 {
+    width: 100%!important
+  }
+  .W-xxl-5 {
+    width: 5%!important
+  }
+  .W-xxl-15 {
+    width: 15%!important
+  }
+  .W-xxl-25 {
+    width: 25%!important
+  }
+  .W-xxl-35 {
+    width: 35%!important
+  }
+  .W-xxl-45 {
+    width: 45%!important
+  }
+  .W-xxl-55 {
+    width: 55%!important
+  }
+  .W-xxl-65 {
+    width: 65%!important
+  }
+  .W-xxl-75 {
+    width: 75%!important
+  }
+  .W-xxl-85 {
+    width: 85%!important
+  }
+  .W-xxl-95 {
+    width: 95%!important
+  }
+  .W-xxl-33 {
+    width: 33.333%!important
+  }
+  .W-xxl-66 {
+    width: 66.666%!important
+  }
+  .W-xxl-auto {
+    width: auto!important
+  }
+}
 .MW-100 {
   max-width: 100%!important
 }
@@ -7944,8 +8312,8 @@ progress {
   border-radius: 50%
 }
 .Card {
-  display: block;
   position: relative;
+  display: block;
   overflow: visible;
   color: var(--ls-card-fg-surface,var(--ls-fg-surface));
   background-color: var(--ls-card-bg-surface,var(--ls-bg-surface));
@@ -7953,15 +8321,15 @@ progress {
   box-shadow: 0 1px 1px -1px hsla(var(--ls-card-shadow-hsl,var(--ls-shadow-hsl)),.27),0 2px 2px 0 hsla(var(--ls-card-shadow-hsl,var(--ls-shadow-hsl)),.18),0 4px 6px 0 hsla(var(--ls-card-shadow-hsl,var(--ls-shadow-hsl)),.09);
   padding: 0;
   margin-bottom: 1rem;
-  border-radius: .5rem;
+  border-radius: .25rem;
   min-width: 0;
   background-clip: border-box
 }
 .Card .Card-img {
   position: relative;
   overflow: hidden;
-  border-top-left-radius: .5rem;
-  border-top-right-radius: .5rem
+  border-top-left-radius: .25rem;
+  border-top-right-radius: .25rem
 }
 .Card .Card-footer,
 .Card .Card-header {
@@ -7976,7 +8344,7 @@ progress {
 }
 .Card .Card-footer.Card-header :first-child,
 .Card .Card-header.Card-header :first-child {
-  border-radius: calc(.5rem - 1px) calc(.5rem - 1px) 0 0
+  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
 }
 .Card .Card-footer.Card-footer,
 .Card .Card-header.Card-footer {
@@ -7986,6 +8354,7 @@ progress {
 }
 .Card .Card-body,
 .Card.Card-body {
+  position: relative;
   flex: 1 1 auto;
   padding: 1rem 1.5rem
 }
@@ -7998,6 +8367,41 @@ progress {
 .Card.Card-body .Card-text:last-child {
   margin-bottom: 0
 }
+.Card-horizontal {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap
+}
+.Card-horizontal .Card-img {
+  border-top-right-radius: 0;
+  border-bottom-left-radius: .25rem
+}
+.Card-horizontal .Card-img:not(:empty) {
+  width: 40%
+}
+.Card-horizontal .Card-body,
+.Card-horizontal.Card-body {
+  width: 60%;
+  padding: .5rem 1rem
+}
+@media (min-width:320px) and (max-width:480px) {
+  .Card .Card-footer,
+  .Card .Card-header {
+    padding: .5rem 1.25rem
+  }
+  .Card .Card-body,
+  .Card.Card-body {
+    padding: .75rem 1.25rem;
+    font-size: .75em
+  }
+  .Card-horizontal .Card-img {
+    border-bottom-left-radius: 0;
+    border-top-right-radius: .25rem
+  }
+  .Card-horizontal .Card-img:not(:empty) {
+    flex: 0 0 100%
+  }
+}
 .Caret {
   position: relative;
   overflow: visible;
@@ -8429,41 +8833,34 @@ progress {
   background-color: var(--ls-lst-bg-accent,var(--ls-bg-accent));
   border-color: var(--ls-lst-bg-accent,var(--ls-bg-accent))
 }
-.Loader,
-.Timer-svg {
+.Loader {
   display: flex;
-  --status: "0%";
-  --loaded: 0
+  --ls-loader-status: "0%";
+  --ls-loader-loaded: 0
 }
-.Loader .Square .Square-inner .Status,
-.Timer-svg .Square .Square-inner .Status {
+.Loader .Status {
   display: inline-block;
   position: absolute
 }
-.Loader .Square .Square-inner .Status:before,
-.Timer-svg .Square .Square-inner .Status:before {
-  content: var(--status, "0%")
+.Loader .Status:before {
+  content: var(--ls-loader-status, "0%")
 }
-.Loader .Square .Square-inner svg,
-.Timer-svg .Square .Square-inner svg {
+.Loader svg {
   width: 100%;
   height: auto;
   top: 0;
   left: 0
 }
-.Loader .Square .Square-inner svg text,
-.Timer-svg .Square .Square-inner svg text {
+.Loader svg text {
   fill: currentColor;
   dominant-baseline: central;
   text-anchor: middle
 }
-.Loader .Square .Square-inner svg g,
-.Timer-svg .Square .Square-inner svg g {
+.Loader svg g {
   transform-origin: center;
   transform: rotate(-90deg)
 }
-.Loader .Square .Square-inner svg .circle,
-.Timer-svg .Square .Square-inner svg .circle {
+.Loader svg .circle {
   fill: none;
   stroke: currentColor;
   stroke-width: 3%;
@@ -8471,9 +8868,8 @@ progress {
   -webkit-animation: loader-progress 1s ease-out forwards;
           animation: loader-progress 1s ease-out forwards
 }
-.Loader .Square .Square-inner svg .circle:first-of-type,
-.Timer-svg .Square .Square-inner svg .circle:first-of-type {
-  stroke-dasharray: var(--loaded,0),100;
+.Loader svg .circle:first-of-type {
+  stroke-dasharray: var(--ls-loader-loaded,0),100;
   transition: stroke-dasharray .4s cubic-bezier(.04, .24, .18, 1)
 }
 @-webkit-keyframes loader-progress {
@@ -8517,6 +8913,9 @@ progress {
 .Nav-tabs {
   border-bottom: 1px solid hsla(var(--ls-border-hsl),var(--ls-border-alpha))
 }
+.Nav-tabs .Nav-item {
+  padding-right: 2px
+}
 .Nav-tabs .Nav-link {
   margin-bottom: -1px;
   background: 0 0;
@@ -8550,6 +8949,28 @@ progress {
   color: var(--ls-fg-accent);
   background-color: var(--ls-bg-accent)
 }
+.Nav-material .Nav-link {
+  background: 0 0;
+  border: 0;
+  color: var(--ls-fg-hue);
+  border-bottom: 2px solid transparent
+}
+.Nav-material .Nav-link:focus,
+.Nav-material .Nav-link:hover {
+  color: var(--ls-fg-lighter);
+  background-color: var(--ls-bg-lighter)
+}
+.Nav-material .Nav-link.Active,
+.Nav-material .Show > .Nav-link {
+  border-color: var(--ls-bg-accent);
+  color: var(--ls-bg-accent)
+}
+.Tab-content .Tab-pane {
+  display: none
+}
+.Tab-content .Tab-pane.Active {
+  display: block
+}
 .Pagination {
   display: flex;
   position: relative;
@@ -8641,83 +9062,57 @@ progress {
   overflow: visible;
   cursor: pointer
 }
-.Rating .Square {
+.Rating .Square,
+.Rating RatingItem {
+  margin: 0;
   border: none;
   background: 0 0
 }
-.Rating .Square .Square-inner:not(.Rating-value) {
+.Rating .Square .Rating-inner,
+.Rating .Square .Square-inner:not(.Rating-value),
+.Rating RatingItem .Rating-inner,
+.Rating RatingItem .Square-inner:not(.Rating-value) {
   color: var(--ls-fg-surface);
-  background-color: var(--ls-bg-surface)
-}
-.Rating .Square .Square-inner:not(.Rating-value).IsFraction {
-  background: linear-gradient(to right,var(--ls-rating-bg-color) 0,var(--ls-bg-lightest) 100%);
-  -o-border-image: linear-gradient(to right,var(--ls-rating-bg-color) 0%,var(--ls-bg-lightest) 100%) 1;
-     border-image: linear-gradient(to right,var(--ls-rating-bg-color) 0%,var(--ls-bg-lightest) 100%) 1;
-  color: var(--ls-rating-color)
-}
-.Rating .Square .Square-inner:not(.Rating-value).IsHovered,
-.Rating .Square .Square-inner:not(.Rating-value).IsSelected {
-  border-color: var(--ls-rating-bg-color);
-  background: var(--ls-rating-bg-color);
-  color: var(--ls-rating-color)
-}
-.Rating .Square .Square-inner:not(.Rating-value).IsHovered.IsFraction,
-.Rating .Square .Square-inner:not(.Rating-value).IsSelected.IsFraction {
-  background: linear-gradient(to right,var(--ls-rating-bg-color) 0,var(--ls-bg-lightest) 100%);
-  -o-border-image: linear-gradient(to right,var(--ls-rating-bg-color) 0%,var(--ls-bg-lightest) 100%) 1;
-     border-image: linear-gradient(to right,var(--ls-rating-bg-color) 0%,var(--ls-bg-lightest) 100%) 1;
-  color: var(--ls-rating-color)
-}
-.Rating-star {
-  --ls-rating-mask: url("data:image/svg+xml;base64,IDxzdmcgdmlld0JveD0nMCAwIDE5MCAxOTAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBvbHlnb24gcG9pbnRzPScxMDAsMTAgNDAsMTgwIDE5MCw2MCAxMCw2MCAxNjAsMTgwJyAvPjwvc3ZnPgo=");
-  --ls-rating-bg-color: #dbab09;
-  --ls-rating-color: var(--ls-fg-hue)
-}
-.Rating-heart {
-  --ls-rating-mask: url("data:image/svg+xml;base64,IDxzdmcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB2aWV3Qm94PSctMSAwIDUyIDUwJz48ZyA+PHBhdGggZD0nTTI0Ljg1LDEwLjEyNmMyLjAxOC00Ljc4Myw2LjYyOC04LjEyNSwxMS45OS04LjEyNWM3LjIyMywwLDEyLjQyNSw2LjE3OSwxMy4wNzksMTMuNTQzIGMwLDAsMC4zNTMsMS44MjgtMC40MjQsNS4xMTljLTEuMDU4LDQuNDgyLTMuNTQ1LDguNDY0LTYuODk4LDExLjUwM0wyNC44NSw0OEw3LjQwMiwzMi4xNjVjLTMuMzUzLTMuMDM4LTUuODQtNy4wMjEtNi44OTgtMTEuNTAzIGMtMC43NzctMy4yOTEtMC40MjQtNS4xMTktMC40MjQtNS4xMTlDMC43MzQsOC4xNzksNS45MzYsMiwxMy4xNTksMkMxOC41MjIsMiwyMi44MzIsNS4zNDMsMjQuODUsMTAuMTI2eicvPjwvZz48L3N2Zz4K");
-  --ls-rating-bg-color: #d73c4c;
-  --ls-rating-color: var(--ls-fg-hue)
-}
-.Rating-text {
-  --ls-rating-bg-color: var(--ls-bg-accent);
-  --ls-rating-color: var(--ls-fg-accent)
-}
-.Rating-text .Square .Square-inner:not(.Rating-value) {
+  background-color: var(--ls-bg-surface);
   margin: 1px;
-  border: 4px solid var(--ls-bg-lightest);
-  color: var(--ls-fg-surface);
-  background-color: var(--ls-bg-surface)
-}
-.Rating-mask .Square {
-  filter: drop-shadow(0 3px 1px rgba(0, 0, 0, .2))
-}
-.Rating-mask .Square .Square-inner:not(.Rating-value) {
-  display: flex;
-  -webkit-mask: var(--svg-icon);
-          mask: var(--svg-icon);
-  -webkit-mask-repeat: no-repeat;
-          mask-repeat: no-repeat;
-  -webkit-mask-position: center;
-          mask-position: center;
-  -webkit-mask-size: contain;
-          mask-size: contain;
-  -webkit-mask-clip: inherit;
-          mask-clip: inherit
+  border: 4px solid var(--ls-bg-lightest)
+}
+.Rating .Square .Rating-inner.Fraction,
+.Rating .Square .Square-inner:not(.Rating-value).Fraction,
+.Rating RatingItem .Rating-inner.Fraction,
+.Rating RatingItem .Square-inner:not(.Rating-value).Fraction {
+  background: linear-gradient(to right,var(--ls-rating-bg,var(--ls-bg-accent)) 0,var(--ls-bg-lightest) 100%);
+  -o-border-image: linear-gradient(to right,var(--ls-rating-bg,var(--ls-bg-accent)) 0%,var(--ls-bg-lightest) 100%) 1;
+     border-image: linear-gradient(to right,var(--ls-rating-bg,var(--ls-bg-accent)) 0%,var(--ls-bg-lightest) 100%) 1;
+  color: var(--ls-fg-accent)
 }
-.Rating-heart .Square,
-.Rating-star .Square {
-  margin: 0;
-  filter: drop-shadow(0 3px 1px rgba(0, 0, 0, .2))
+.Rating .Square .Rating-inner.Hovered,
+.Rating .Square .Rating-inner.Selected,
+.Rating .Square .Square-inner:not(.Rating-value).Hovered,
+.Rating .Square .Square-inner:not(.Rating-value).Selected,
+.Rating RatingItem .Rating-inner.Hovered,
+.Rating RatingItem .Rating-inner.Selected,
+.Rating RatingItem .Square-inner:not(.Rating-value).Hovered,
+.Rating RatingItem .Square-inner:not(.Rating-value).Selected {
+  border-color: var(--ls-rating-bg,var(--ls-bg-accent));
+  background: var(--ls-rating-bg,var(--ls-bg-accent));
+  color: var(--ls-fg-accent)
 }
-.Rating-heart .Square .Square-inner:not(.Rating-value),
-.Rating-star .Square .Square-inner:not(.Rating-value) {
-  -webkit-mask: var(--ls-rating-mask) center no-repeat;
-          mask: var(--ls-rating-mask) center no-repeat;
-  -webkit-mask-size: auto;
-          mask-size: auto
+.Rating .Square .Rating-inner.Hovered.Fraction,
+.Rating .Square .Rating-inner.Selected.Fraction,
+.Rating .Square .Square-inner:not(.Rating-value).Hovered.Fraction,
+.Rating .Square .Square-inner:not(.Rating-value).Selected.Fraction,
+.Rating RatingItem .Rating-inner.Hovered.Fraction,
+.Rating RatingItem .Rating-inner.Selected.Fraction,
+.Rating RatingItem .Square-inner:not(.Rating-value).Hovered.Fraction,
+.Rating RatingItem .Square-inner:not(.Rating-value).Selected.Fraction {
+  background: linear-gradient(to right,var(--ls-rating-bg,var(--ls-bg-accent)) 0,var(--ls-bg-lightest) 100%);
+  -o-border-image: linear-gradient(to right,var(--ls-rating-bg,var(--ls-bg-accent)) 0%,var(--ls-bg-lightest) 100%) 1;
+     border-image: linear-gradient(to right,var(--ls-rating-bg,var(--ls-bg-accent)) 0%,var(--ls-bg-lightest) 100%) 1;
+  color: var(--ls-fg-accent)
 }
 .Scrollbar {
-  scrollbar-gutter: stable
+  scrollbar-gutter: auto
 }
 .Scrollbar::-webkit-scrollbar {
   width: var(--ls-scrollbar-width,.8rem);
@@ -8898,9 +9293,9 @@ progress {
 }
 .Square {
   position: relative;
+  display: flex;
   flex: 1 0 auto;
   margin: 2px;
-  font-weight: 700;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none
@@ -8924,14 +9319,12 @@ progress {
 .Timeline {
   display: block;
   position: relative;
-  overflow: visible;
   color: var(--ls-fg-surface);
   background-color: var(--ls-bg-surface);
-  box-shadow: 0 0 1px 0 hsla(var(--ls-shadow-hsl),.27) inset,0 0 2px 0 hsla(var(--ls-shadow-hsl),.18) inset,0 0 6px 0 hsla(var(--ls-shadow-hsl),.09) inset;
   background-clip: border-box;
+  min-width: 0;
   padding: 0;
-  margin-bottom: 1.5rem;
-  min-width: 0
+  margin-bottom: 1.5rem
 }
 .Timeline .Timeline-header {
   padding: 1rem;
@@ -8940,136 +9333,77 @@ progress {
 .Timeline .Timeline-item {
   position: relative;
   display: flex;
-  overflow: visible;
-  padding-right: 1rem;
-  padding-left: 1rem
+  align-items: center
+}
+.Timeline .Timeline-item.Inverted {
+  flex-direction: row-reverse
+}
+.Timeline .Timeline-item.Inverted:after {
+  left: auto;
+  right: 16px
 }
-.Timeline .Timeline-item:not(:last-child):after {
+.Timeline .Timeline-item.Inverted .Timeline-badge {
+  margin-right: 0;
+  margin-left: .75rem
+}
+.Timeline .Timeline-item:after {
   position: absolute;
   content: " ";
   background-color: hsla(var(--ls-border-hsl),var(--ls-border-alpha));
   width: 3px;
   height: 100%;
-  left: 1.9rem;
+  left: 16px;
   right: auto;
-  top: 50%
-}
-.Timeline .Timeline-item .Timeline-badge {
-  position: relative;
-  display: flex;
-  z-index: 1;
-  align-items: center
-}
-.Timeline .Timeline-item .Timeline-badge .Timeline-badge-inner {
-  position: relative;
-  display: flex;
-  width: 32px;
-  height: 32px;
-  color: var(--ls-fg-accent);
-  background-color: var(--ls-bg-accent);
-  border-radius: 50%;
-  box-shadow: 0 0 1px 0 hsla(var(--ls-shadow-hsl),.27) inset,0 0 2px 0 hsla(var(--ls-shadow-hsl),.18) inset,0 0 6px 0 hsla(var(--ls-shadow-hsl),.09) inset;
-  margin-bottom: 1rem
-}
-.Timeline .Timeline-item .Timeline-badge .Timeline-badge-inner * {
-  display: block;
-  margin: auto
-}
-.Timeline .Timeline-item .Timeline-body {
-  position: relative;
-  min-width: 0;
-  max-width: 100%;
-  padding: 0;
-  margin: 0 0 0 1.4rem
-}
-.Timeline .Timeline-item .Timeline-body .Card {
-  border-top: 1px solid hsla(var(--ls-border-hsl),var(--ls-border-alpha))
-}
-.Timeline .Timeline-item .Timeline-body .Card .Card-img {
-  overflow: hidden;
-  margin: .5rem
-}
-.Timeline .Timeline-item .Timeline-body .Card.Card-horizontal .Card-img {
-  padding: .25rem
+  top: 0
 }
-@media (min-width:1014px) {
-  .Timeline .Timeline-item .Timeline-body .Card.Card-horizontal .Card-img {
-    margin-right: 0!important
-  }
+.Timeline .Timeline-item.First:after {
+  height: 50%;
+  top: 50%
 }
-.Timeline .Timeline-item.Timeline-item-inverted {
-  flex-direction: row-reverse
+.Timeline .Timeline-item.Last:after {
+  height: 50%;
+  top: 0
 }
-.Timeline .Timeline-item.Timeline-item-inverted .Timeline-body {
-  margin: 0 1.4rem 0 0
+.Timeline .Timeline-item .Timeline-badge {
+  width: 40px;
+  z-index: 1001;
+  margin-right: .75rem;
+  margin-bottom: .75rem
 }
-@media (max-width:767px) {
-  .Timeline .Timeline-item,
-  .Timeline .Timeline-item-inverted {
-    width: 100%;
-    padding-right: .25rem;
-    padding-left: .25rem
-  }
-  .Timeline .Timeline-item-inverted:not(:last-child):after,
-  .Timeline .Timeline-item:not(:last-child):after {
-    left: 1.2rem
-  }
+.Timeline .Timeline-item .Timeline-content {
+  width: 100%;
+  margin-left: auto
 }
 .Timer {
   display: flex;
   position: relative;
   overflow: hidden;
-  flex-wrap: wrap;
-  color: var(--ls-fg-surface);
+  color: var(--ls-bg-accent);
   background-color: var(--ls-bg-surface);
   border: 1px solid hsla(var(--ls-border-hsl),var(--ls-border-alpha));
   box-shadow: 0 1px 1px -1px hsla(var(--ls-shadow-hsl),.27),0 2px 2px 0 hsla(var(--ls-shadow-hsl),.18),0 4px 6px 0 hsla(var(--ls-shadow-hsl),.09);
-  min-height: 110px;
-  padding: 5px 10px;
   margin-bottom: 10px
 }
-.Timer .Timer-header {
-  flex-basis: 100%;
-  margin: 0 0 5px;
-  font-weight: 700;
-  border-bottom: 1px solid hsla(var(--ls-border-hsl),var(--ls-border-alpha))
-}
-.Timer .Timer-expired {
+.Timer .Square,
+.Timer .Timer-item,
+.Timer TimerItem {
+  position: relative;
   display: flex;
-  flex-basis: 100%;
-  font-weight: 700;
-  color: var(--ls-fg-surface);
-  align-items: center;
-  justify-content: center
-}
-.Timer .Square {
-  font-family: inherit;
-  font-size: inherit;
-  font-weight: inherit;
-  border: 1px solid hsla(var(--ls-border-hsl),var(--ls-border-alpha))
+  flex: auto
 }
-.Timer .Timer-divider:not(.Timer-canvas .Timer-divider) {
-  margin-top: auto;
-  margin-bottom: auto
-}
-.Timer .Timer-divider {
+.Timer .Timer-divider,
+.Timer TimerDivider {
   position: relative;
-  width: 8%;
-  margin: 2px -2px
-}
-.Timer .Timer-divider div,
-.Timer .Timer-divider span {
-  position: absolute;
   display: flex;
-  align-items: center;
-  justify-content: center;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 0
+  width: 10%;
+  margin-top: auto;
+  margin-bottom: auto
 }
-.Timer-svg svg .circle:first-of-type {
-  stroke-dasharray: none!important
+@media (max-width:767px) {
+  .Timer .Timer-divider,
+  .Timer TimerDivider {
+    width: 20%
+  }
 }
 .Toast {
   display: block;