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

package/dist/css/lootstrap.css

@@ -1,8 +1,8 @@
 @charset "UTF-8";
 /*!
- * CSS Compiled on: 2022-03-01
+ * CSS Compiled on: 2022-04-02
  *
- * Lootstrap v22.3.2-beta.0 (https://github.com/krsln/Lootstrap/)
+ * Lootstrap v22.4.2-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: 61%
 }
 .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) 29%,transparent calc(29% + 1px),transparent calc(29% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(29% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 66%,transparent calc(66% + 1px),transparent calc(66% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(66% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 83%,transparent calc(83% + 1px),transparent calc(83% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(83% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 96%,transparent calc(96% + 1px),transparent calc(96% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(96% + 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) 17%,transparent calc(17% + 1px),transparent calc(17% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(17% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 47%,transparent calc(47% + 1px),transparent calc(47% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(47% + 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) 82%,transparent calc(82% + 1px),transparent calc(82% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(82% + 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) 10%,transparent calc(10% + 1px),transparent calc(10% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(10% + 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) 90%,transparent calc(90% + 1px),transparent calc(90% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(90% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 85%,transparent calc(85% + 1px),transparent calc(85% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(85% + 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) 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) 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) 80%,transparent calc(80% + 1px),transparent calc(80% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(80% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 92%,transparent calc(92% + 1px),transparent calc(92% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(92% + 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
 }
@@ -7353,6 +7721,12 @@ progress {
 .Alert.Alert-gradient.Alert-outline {
   background: linear-gradient(180deg,var(--ls-alert-bg-surface,var(--ls-bg-surface)) 0,var(--ls-alert-bg-lightest,var(--ls-bg-lightest)) 35%,var(--ls-alert-bg-lighter,var(--ls-bg-lighter)) 100%)
 }
+.Alert.Alert-rounded {
+  border-radius: 50rem 0 50rem 50rem!important
+}
+.Alert.Alert-none .Alert-icon {
+  color: hsla(var(--ls-alert-bg-accent-hsl,var(--ls-bg-accent-hsl)),.33)
+}
 .Alert.Alert-outline {
   color: var(--ls-alert-fg-lightest,var(--ls-fg-lightest));
   background-color: var(--ls-alert-bg-lightest,var(--ls-bg-lightest))
@@ -7464,7 +7838,8 @@ progress {
 }
 .Breadcrumb .Breadcrumb-item {
   display: inline-block;
-  text-align: center
+  text-align: center;
+  color: var(--ls-fg-surface)
 }
 .Breadcrumb .Breadcrumb-item .Breadcrumb-Link {
   padding: 0 .3rem;
@@ -7944,8 +8319,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 +8328,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 +8351,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 +8361,7 @@ progress {
 }
 .Card .Card-body,
 .Card.Card-body {
+  position: relative;
   flex: 1 1 auto;
   padding: 1rem 1.5rem
 }
@@ -7998,6 +8374,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 +8840,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 +8875,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 +8920,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,10 +8956,31 @@ 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;
-  overflow: hidden;
   align-items: center;
   justify-content: center;
   color: var(--ls-fg-surface);
@@ -8563,15 +8990,22 @@ progress {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
+  font-size: 1.25em;
   max-width: 42px;
   max-height: 42px;
   border: 1px solid transparent;
   border-radius: var(--ls-border-radius);
-  transition: border-color .2s cubic-bezier(.3, 0, .5, 1)
+  transition: border-color .15s cubic-bezier(.3, 0, .5, 1)
 }
 .Pagination .Square:nth-child(-n+2),
 .Pagination .Square:nth-last-of-type(-n+2) {
-  font-size: 1.3em
+  color: var(--ls-bg-accent);
+  font-size: 1.5em;
+  margin: 0
+}
+.Pagination .Square:nth-child(-n+2).Disabled,
+.Pagination .Square:nth-last-of-type(-n+2).Disabled {
+  color: var(--ls-fg-muted)
 }
 .Pagination .Square:not(.Disabled):not(.Active) {
   cursor: pointer
@@ -8582,15 +9016,26 @@ progress {
   color: var(--ls-fg-lighter);
   background-color: var(--ls-bg-lighter)
 }
-.Pagination .Square.Disabled {
-  color: var(--ls-fg-muted)
+.Pagination .Square:hover:not(.Active):not(.Disabled):nth-child(-n+2),
+.Pagination .Square:hover:not(.Active):not(.Disabled):nth-last-of-type(-n+2) {
+  color: var(--ls-bg-accent)
 }
 .Pagination .Square.Active {
   color: var(--ls-fg-accent);
   background-color: var(--ls-bg-accent);
   border-color: transparent;
+  font-weight: bolder;
   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);
-  transition: all .2s linear
+  transition: all .15s linear
+}
+@media (max-width:767px) {
+  .Pagination .Square {
+    font-size: .8em
+  }
+  .Pagination .Square:nth-child(-n+2),
+  .Pagination .Square:nth-last-of-type(-n+2) {
+    font-size: 1em
+  }
 }
 .Progress {
   display: flex;
@@ -8641,83 +9086,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);
@@ -8779,6 +9198,7 @@ progress {
   border: .25em solid currentColor;
   border-right-color: transparent;
   border-radius: 50%;
+  color: var(--ls-bg-accent);
   -webkit-animation: .75s linear infinite spin-CW;
           animation: .75s linear infinite spin-CW
 }
@@ -8787,6 +9207,7 @@ progress {
   width: 2rem;
   height: 2rem;
   margin: .25rem;
+  color: var(--ls-bg-accent);
   vertical-align: text-bottom;
   background-color: currentColor;
   border-radius: 50%;
@@ -8794,15 +9215,13 @@ progress {
   -webkit-animation: .75s linear infinite grow;
           animation: .75s linear infinite grow
 }
-.Spinner-vortex,
-.Spinner-vortex-square {
+.Spinner-vortex {
   position: relative;
-  display: block;
-  width: 160px;
-  height: 160px
+  display: inline-block;
+  min-width: 120px;
+  min-height: 120px
 }
-.Spinner-vortex span,
-.Spinner-vortex-square span {
+.Spinner-vortex span {
   position: absolute;
   width: 50%;
   height: 100%;
@@ -8810,8 +9229,7 @@ progress {
   left: 0;
   right: 0
 }
-.Spinner-vortex span:before,
-.Spinner-vortex-square span:before {
+.Spinner-vortex span:before {
   position: absolute;
   width: 100%;
   height: 50%;
@@ -8821,86 +9239,70 @@ progress {
   top: 0;
   transform: scale(0)
 }
-.Spinner-vortex span:nth-child(7n+1),
-.Spinner-vortex-square span:nth-child(7n+1) {
+.Spinner-vortex span:nth-child(7n+1) {
   transform: rotate(45deg)
 }
-.Spinner-vortex span:nth-child(7n+1):before,
-.Spinner-vortex-square span:nth-child(7n+1):before {
+.Spinner-vortex span:nth-child(7n+1):before {
   -webkit-animation: opacity .8s linear .1s normal none infinite running;
           animation: opacity .8s linear .1s normal none infinite running
 }
-.Spinner-vortex span:nth-child(7n+2),
-.Spinner-vortex-square span:nth-child(7n+2) {
+.Spinner-vortex span:nth-child(7n+2) {
   transform: rotate(90deg)
 }
-.Spinner-vortex span:nth-child(7n+2):before,
-.Spinner-vortex-square span:nth-child(7n+2):before {
+.Spinner-vortex span:nth-child(7n+2):before {
   -webkit-animation: opacity .8s linear .2s normal none infinite running;
           animation: opacity .8s linear .2s normal none infinite running
 }
-.Spinner-vortex span:nth-child(7n+3),
-.Spinner-vortex-square span:nth-child(7n+3) {
+.Spinner-vortex span:nth-child(7n+3) {
   transform: rotate(135deg)
 }
-.Spinner-vortex span:nth-child(7n+3):before,
-.Spinner-vortex-square span:nth-child(7n+3):before {
+.Spinner-vortex span:nth-child(7n+3):before {
   -webkit-animation: opacity .8s linear .3s normal none infinite running;
           animation: opacity .8s linear .3s normal none infinite running
 }
-.Spinner-vortex span:nth-child(7n+4),
-.Spinner-vortex-square span:nth-child(7n+4) {
+.Spinner-vortex span:nth-child(7n+4) {
   transform: rotate(180deg)
 }
-.Spinner-vortex span:nth-child(7n+4):before,
-.Spinner-vortex-square span:nth-child(7n+4):before {
+.Spinner-vortex span:nth-child(7n+4):before {
   -webkit-animation: opacity .8s linear .4s normal none infinite running;
           animation: opacity .8s linear .4s normal none infinite running
 }
-.Spinner-vortex span:nth-child(7n+5),
-.Spinner-vortex-square span:nth-child(7n+5) {
+.Spinner-vortex span:nth-child(7n+5) {
   transform: rotate(225deg)
 }
-.Spinner-vortex span:nth-child(7n+5):before,
-.Spinner-vortex-square span:nth-child(7n+5):before {
+.Spinner-vortex span:nth-child(7n+5):before {
   -webkit-animation: opacity .8s linear .5s normal none infinite running;
           animation: opacity .8s linear .5s normal none infinite running
 }
-.Spinner-vortex span:nth-child(7n+6),
-.Spinner-vortex-square span:nth-child(7n+6) {
+.Spinner-vortex span:nth-child(7n+6) {
   transform: rotate(270deg)
 }
-.Spinner-vortex span:nth-child(7n+6):before,
-.Spinner-vortex-square span:nth-child(7n+6):before {
+.Spinner-vortex span:nth-child(7n+6):before {
   -webkit-animation: opacity .8s linear .6s normal none infinite running;
           animation: opacity .8s linear .6s normal none infinite running
 }
-.Spinner-vortex span:nth-child(7n+7),
-.Spinner-vortex-square span:nth-child(7n+7) {
+.Spinner-vortex span:nth-child(7n+7) {
   transform: rotate(315deg)
 }
-.Spinner-vortex span:nth-child(7n+7):before,
-.Spinner-vortex-square span:nth-child(7n+7):before {
+.Spinner-vortex span:nth-child(7n+7):before {
   -webkit-animation: opacity .8s linear .7s normal none infinite running;
           animation: opacity .8s linear .7s normal none infinite running
 }
-.Spinner-vortex span:nth-child(7n+8),
-.Spinner-vortex-square span:nth-child(7n+8) {
+.Spinner-vortex span:nth-child(7n+8) {
   transform: rotate(360deg)
 }
-.Spinner-vortex span:nth-child(7n+8):before,
-.Spinner-vortex-square span:nth-child(7n+8):before {
+.Spinner-vortex span:nth-child(7n+8):before {
   -webkit-animation: opacity .8s linear .8s normal none infinite running;
           animation: opacity .8s linear .8s normal none infinite running
 }
-.Spinner-vortex-square span:before {
+.Spinner-vortex.Spinner-vortex-square span:before {
   border-radius: 10px
 }
 .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 +9326,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 +9340,77 @@ progress {
 .Timeline .Timeline-item {
   position: relative;
   display: flex;
-  overflow: visible;
-  padding-right: 1rem;
-  padding-left: 1rem
+  align-items: center
 }
-.Timeline .Timeline-item:not(:last-child):after {
+.Timeline .Timeline-item.Inverted {
+  flex-direction: row-reverse
+}
+.Timeline .Timeline-item.Inverted:after {
+  left: auto;
+  right: 16px
+}
+.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))
-}
-.Timer .Timer-divider:not(.Timer-canvas .Timer-divider) {
-  margin-top: auto;
-  margin-bottom: auto
+  flex: 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;
@@ -12664,8 +13005,8 @@ progress {
   --ls-bg-lighter: #3fd98c;
   --ls-bg-lightest: #e5faf0;
   --ls-fg-muted: #6c757d;
-  --ls-fg-hue: black;
-  --ls-fg-accent: black;
+  --ls-fg-hue: white;
+  --ls-fg-accent: white;
   --ls-fg-body: black;
   --ls-fg-surface: black;
   --ls-fg-lighter: black;
@@ -12687,8 +13028,8 @@ progress {
   --ls-alert-bg-lighter: #3fd98c;
   --ls-alert-bg-lightest: #e5faf0;
   --ls-alert-fg-muted: #6c757d;
-  --ls-alert-fg-hue: black;
-  --ls-alert-fg-accent: black;
+  --ls-alert-fg-hue: white;
+  --ls-alert-fg-accent: white;
   --ls-alert-fg-body: black;
   --ls-alert-fg-surface: black;
   --ls-alert-fg-lighter: black;
@@ -12710,8 +13051,8 @@ progress {
   --ls-calendar-bg-lighter: #3fd98c;
   --ls-calendar-bg-lightest: #e5faf0;
   --ls-calendar-fg-muted: #6c757d;
-  --ls-calendar-fg-hue: black;
-  --ls-calendar-fg-accent: black;
+  --ls-calendar-fg-hue: white;
+  --ls-calendar-fg-accent: white;
   --ls-calendar-fg-body: black;
   --ls-calendar-fg-surface: black;
   --ls-calendar-fg-lighter: black;
@@ -12733,8 +13074,8 @@ progress {
   --ls-card-bg-lighter: #3fd98c;
   --ls-card-bg-lightest: #e5faf0;
   --ls-card-fg-muted: #6c757d;
-  --ls-card-fg-hue: black;
-  --ls-card-fg-accent: black;
+  --ls-card-fg-hue: white;
+  --ls-card-fg-accent: white;
   --ls-card-fg-body: black;
   --ls-card-fg-surface: black;
   --ls-card-fg-lighter: black;
@@ -12756,8 +13097,8 @@ progress {
   --ls-caret-bg-lighter: #3fd98c;
   --ls-caret-bg-lightest: #e5faf0;
   --ls-caret-fg-muted: #6c757d;
-  --ls-caret-fg-hue: black;
-  --ls-caret-fg-accent: black;
+  --ls-caret-fg-hue: white;
+  --ls-caret-fg-accent: white;
   --ls-caret-fg-body: black;
   --ls-caret-fg-surface: black;
   --ls-caret-fg-lighter: black;
@@ -12779,8 +13120,8 @@ progress {
   --ls-toast-bg-lighter: #3fd98c;
   --ls-toast-bg-lightest: #e5faf0;
   --ls-toast-fg-muted: #6c757d;
-  --ls-toast-fg-hue: black;
-  --ls-toast-fg-accent: black;
+  --ls-toast-fg-hue: white;
+  --ls-toast-fg-accent: white;
   --ls-toast-fg-body: black;
   --ls-toast-fg-surface: black;
   --ls-toast-fg-lighter: black;
@@ -12802,8 +13143,8 @@ progress {
   --ls-btn-bg-lighter: #3fd98c;
   --ls-btn-bg-lightest: #e5faf0;
   --ls-btn-fg-muted: #6c757d;
-  --ls-btn-fg-hue: black;
-  --ls-btn-fg-accent: black;
+  --ls-btn-fg-hue: white;
+  --ls-btn-fg-accent: white;
   --ls-btn-fg-body: black;
   --ls-btn-fg-surface: black;
   --ls-btn-fg-lighter: black;
@@ -12825,8 +13166,8 @@ progress {
   --ls-btn-bg-lighter: #3fd98c;
   --ls-btn-bg-lightest: #e5faf0;
   --ls-btn-fg-muted: #6c757d;
-  --ls-btn-fg-hue: black;
-  --ls-btn-fg-accent: black;
+  --ls-btn-fg-hue: white;
+  --ls-btn-fg-accent: white;
   --ls-btn-fg-body: black;
   --ls-btn-fg-surface: black;
   --ls-btn-fg-lighter: black;
@@ -12848,8 +13189,8 @@ progress {
   --ls-lst-bg-lighter: #3fd98c;
   --ls-lst-bg-lightest: #e5faf0;
   --ls-lst-fg-muted: #6c757d;
-  --ls-lst-fg-hue: black;
-  --ls-lst-fg-accent: black;
+  --ls-lst-fg-hue: white;
+  --ls-lst-fg-accent: white;
   --ls-lst-fg-body: black;
   --ls-lst-fg-surface: black;
   --ls-lst-fg-lighter: black;
@@ -13285,8 +13626,8 @@ progress {
   --ls-bg-lighter: #e8919a;
   --ls-bg-lightest: #fae6e8;
   --ls-fg-muted: #6c757d;
-  --ls-fg-hue: black;
-  --ls-fg-accent: black;
+  --ls-fg-hue: white;
+  --ls-fg-accent: white;
   --ls-fg-body: black;
   --ls-fg-surface: black;
   --ls-fg-lighter: black;
@@ -13308,8 +13649,8 @@ progress {
   --ls-alert-bg-lighter: #e8919a;
   --ls-alert-bg-lightest: #fae6e8;
   --ls-alert-fg-muted: #6c757d;
-  --ls-alert-fg-hue: black;
-  --ls-alert-fg-accent: black;
+  --ls-alert-fg-hue: white;
+  --ls-alert-fg-accent: white;
   --ls-alert-fg-body: black;
   --ls-alert-fg-surface: black;
   --ls-alert-fg-lighter: black;
@@ -13331,8 +13672,8 @@ progress {
   --ls-calendar-bg-lighter: #e8919a;
   --ls-calendar-bg-lightest: #fae6e8;
   --ls-calendar-fg-muted: #6c757d;
-  --ls-calendar-fg-hue: black;
-  --ls-calendar-fg-accent: black;
+  --ls-calendar-fg-hue: white;
+  --ls-calendar-fg-accent: white;
   --ls-calendar-fg-body: black;
   --ls-calendar-fg-surface: black;
   --ls-calendar-fg-lighter: black;
@@ -13354,8 +13695,8 @@ progress {
   --ls-card-bg-lighter: #e8919a;
   --ls-card-bg-lightest: #fae6e8;
   --ls-card-fg-muted: #6c757d;
-  --ls-card-fg-hue: black;
-  --ls-card-fg-accent: black;
+  --ls-card-fg-hue: white;
+  --ls-card-fg-accent: white;
   --ls-card-fg-body: black;
   --ls-card-fg-surface: black;
   --ls-card-fg-lighter: black;
@@ -13377,8 +13718,8 @@ progress {
   --ls-caret-bg-lighter: #e8919a;
   --ls-caret-bg-lightest: #fae6e8;
   --ls-caret-fg-muted: #6c757d;
-  --ls-caret-fg-hue: black;
-  --ls-caret-fg-accent: black;
+  --ls-caret-fg-hue: white;
+  --ls-caret-fg-accent: white;
   --ls-caret-fg-body: black;
   --ls-caret-fg-surface: black;
   --ls-caret-fg-lighter: black;
@@ -13400,8 +13741,8 @@ progress {
   --ls-toast-bg-lighter: #e8919a;
   --ls-toast-bg-lightest: #fae6e8;
   --ls-toast-fg-muted: #6c757d;
-  --ls-toast-fg-hue: black;
-  --ls-toast-fg-accent: black;
+  --ls-toast-fg-hue: white;
+  --ls-toast-fg-accent: white;
   --ls-toast-fg-body: black;
   --ls-toast-fg-surface: black;
   --ls-toast-fg-lighter: black;
@@ -13423,8 +13764,8 @@ progress {
   --ls-btn-bg-lighter: #e8919a;
   --ls-btn-bg-lightest: #fae6e8;
   --ls-btn-fg-muted: #6c757d;
-  --ls-btn-fg-hue: black;
-  --ls-btn-fg-accent: black;
+  --ls-btn-fg-hue: white;
+  --ls-btn-fg-accent: white;
   --ls-btn-fg-body: black;
   --ls-btn-fg-surface: black;
   --ls-btn-fg-lighter: black;
@@ -13446,8 +13787,8 @@ progress {
   --ls-btn-bg-lighter: #e8919a;
   --ls-btn-bg-lightest: #fae6e8;
   --ls-btn-fg-muted: #6c757d;
-  --ls-btn-fg-hue: black;
-  --ls-btn-fg-accent: black;
+  --ls-btn-fg-hue: white;
+  --ls-btn-fg-accent: white;
   --ls-btn-fg-body: black;
   --ls-btn-fg-surface: black;
   --ls-btn-fg-lighter: black;
@@ -13469,8 +13810,8 @@ progress {
   --ls-lst-bg-lighter: #e8919a;
   --ls-lst-bg-lightest: #fae6e8;
   --ls-lst-fg-muted: #6c757d;
-  --ls-lst-fg-hue: black;
-  --ls-lst-fg-accent: black;
+  --ls-lst-fg-hue: white;
+  --ls-lst-fg-accent: white;
   --ls-lst-fg-body: black;
   --ls-lst-fg-surface: black;
   --ls-lst-fg-lighter: black;
@@ -13504,7 +13845,7 @@ progress {
 .Accent-success {
   --ls-bg-accent-hsl: 150deg,67%,35%;
   --ls-bg-accent: #1d9559;
-  --ls-fg-accent: black
+  --ls-fg-accent: white
 }
 .Accent-info {
   --ls-bg-accent-hsl: 195deg,90%,55%;
@@ -13519,7 +13860,7 @@ progress {
 .Accent-danger {
   --ls-bg-accent-hsl: 354deg,66%,54%;
   --ls-bg-accent: #d73c4c;
-  --ls-fg-accent: black
+  --ls-fg-accent: white
 }
 .Overlay-0 {
   background-color: hsla(var(--ls-overlay-hsl),0%)