diff --git a/packages/style/docs/components/dp-po-Breadcrumbs.md b/packages/style/docs/components/dp-po-Breadcrumbs.md
index 4a1be520..eb83e3c2 100644
--- a/packages/style/docs/components/dp-po-Breadcrumbs.md
+++ b/packages/style/docs/components/dp-po-Breadcrumbs.md
@@ -21,10 +21,12 @@ sidebar_label: Breadcrumbs
 </ul> -->
 
 <h4>Hover</h4>
-<ul class="dp-po-Breadcrumbs Breadcrumbs-demo">
-	<li class="dp-po-Breadcrumb-item is-hover"><a href="" class="dp-po-Breadcrumb-link">Text</a></li>
-	<li class="dp-po-Breadcrumb-item"><a href="" class="dp-po-Breadcrumb-link">Article</a></li>
-</ul>
+<div class="dp-po-Breadcrumbs-wrap">
+	<ul class="dp-po-Breadcrumbs Breadcrumbs-demo">
+		<li class="dp-po-Breadcrumb-item is-hover"><a href="" class="dp-po-Breadcrumb-link">Text</a></li>
+		<li class="dp-po-Breadcrumb-item"><a href="" class="dp-po-Breadcrumb-link">Article</a></li>
+	</ul>
+</div>
 
 <!-- 
 <h4>Hover</h4>
diff --git a/packages/style/docs/elements/dp-po-Icons.md b/packages/style/docs/elements/dp-po-Icons.md
index 0698b275..df1a4f9e 100644
--- a/packages/style/docs/elements/dp-po-Icons.md
+++ b/packages/style/docs/elements/dp-po-Icons.md
@@ -4,7 +4,7 @@ title: Icons
 sidebar_label: Icons
 ---
 
-<div class="dp-IconsWrapper">
+<div class="dp-po-IconsWrapper Icons-Demo">
     <span><span class="dp-po-Icon Icon--history"></span>history</span>
     <span><span class="dp-po-Icon Icon--ticket"></span>ticket</span>
     <span><span class="dp-po-Icon Icon--check"></span>check</span>
diff --git a/packages/style/docs/elements/dp-po-Messenger-Icons.md b/packages/style/docs/elements/dp-po-Messenger-Icons.md
index 133a3a40..15d82a07 100644
--- a/packages/style/docs/elements/dp-po-Messenger-Icons.md
+++ b/packages/style/docs/elements/dp-po-Messenger-Icons.md
@@ -3,8 +3,7 @@ id: dp-po-Messenger-Icons
 title: Messenger-Icons
 sidebar_label: Messenger-Icons
 ---
-
-<div class="dp-IconsWrapper Messenger-Icons">
+<div class="dp-po-IconsWrapper Icons-Demo Messenger-Icons">
 	<span><span class="dp-po-Icon Icon--search"></span>search</span>
 	<span><span class="dp-po-Icon Icon--go-primary"></span>go to primary</span>
 	<span><span class="dp-po-Icon Icon--face-smile"></span>insert emoticon</span>
diff --git a/packages/style/src/Icons.css b/packages/style/src/Icons.css
index ee679c27..9ab8b0d8 100644
--- a/packages/style/src/Icons.css
+++ b/packages/style/src/Icons.css
@@ -35,12 +35,12 @@ svg { fill: var(--grey); }
 }
 
 .dp-po-IconsWrapper.Icons-Demo > span {
-  flex: 0 0 14.2%;
-  padding-bottom: 30px;
-  display: flex;
   align-items: center;
-  font: var(--b-2);
   color: var(--grey-darkest);
+  display: flex;
+  flex: 0 0 14.2%;
+  font: var(--b-2);
+  padding-bottom: 30px;
 }
 
 .dp-po-IconsWrapper .dp-po-Icon {
@@ -55,12 +55,18 @@ svg { fill: var(--grey); }
 
 /* Messenger - Icons */
 
+.dp-po-IconsWrapper.Messenger-Icons {
+  display: flex;
+  flex-wrap: wrap;
+  max-width: 400px;
+}
+
 .dp-po-IconsWrapper.Messenger-Icons > span {
   flex: 0 0 50%;
-  max-width: 400px;
+  margin-bottom: 15px;
 }
 
 .Messenger-Icons .dp-po-Icon {
-  width: 36px;
   height: 36px;
-}
\ No newline at end of file
+  width: 36px;
+}
diff --git a/packages/style/src/arrows.css b/packages/style/src/arrows.css
index 98769b7d..055ad97d 100644
--- a/packages/style/src/arrows.css
+++ b/packages/style/src/arrows.css
@@ -1,63 +1,63 @@
 /* arrow */
 
 .dp-po-arrow {
-	position: relative;
-	display: inline-block;
-	cursor: pointer;
-	width: 8px;
-	height: 12px;
+  cursor: pointer;
+  display: inline-block;
+  height: 12px;
+  position: relative;
+  width: 8px;
 }
 
-.dp-po-arrow:before,
-.dp-po-arrow:after {
-	content: "";
-	position: absolute;
-	background-color: var(--grey);
-	width: 1px;
-	height: 7px;
+.dp-po-arrow::before,
+.dp-po-arrow::after {
+  background-color: var(--grey);
+  content: "";
+  height: 7px;
+  position: absolute;
+  width: 1px;
 }
 
-.dp-po-arrow.arrow--brand-primary:before,
-.dp-po-arrow.arrow--brand-primary:after {
-	background-color: var(--brand-primary);
+.dp-po-arrow.arrow--brand-primary::before,
+.dp-po-arrow.arrow--brand-primary::after {
+  background-color: var(--brand-primary);
 }
 
-.dp-po-arrow:before {
-	top: 0;
-	left: 50%;
-	transform: rotate(-45deg);
+.dp-po-arrow::before {
+  left: 50%;
+  top: 0;
+  transform: rotate(-45deg);
 }
 
-.dp-po-arrow:after {
-	bottom: 0;
-	left: 50%;
-	transform: rotate(45deg);
+.dp-po-arrow::after {
+  bottom: 0;
+  left: 50%;
+  transform: rotate(45deg);
 }
 
 .dp-po-arrow.arrow--left {
-	transform: rotate(180deg);
+  transform: rotate(180deg);
 }
 
 .dp-po-arrow.arrow--bottom {
-	transform: rotate(90deg);
+  transform: rotate(90deg);
 }
 
 .dp-po-arrow.arrow--top {
-	transform: rotate(-90deg);
+  transform: rotate(-90deg);
 }
 
-/*arrow avatars*/
+/* arrow avatars */
 
 .dp-po-Avatar .dp-po-arrow {
-	width: 10px;
-	height: 15px;
+  height: 15px;
+  width: 10px;
 }
 
-.dp-po-Avatar .dp-po-arrow:before,
-.dp-po-Avatar .dp-po-arrow:after {
-	height: 10px;
+.dp-po-Avatar .dp-po-arrow::before,
+.dp-po-Avatar .dp-po-arrow::after {
+  height: 10px;
 }
 
-.dp-po-Avatar .dp-po-arrow:before {
-	top: -2px;
+.dp-po-Avatar .dp-po-arrow::before {
+  top: -2px;
 }
diff --git a/packages/style/src/colours.css b/packages/style/src/colours.css
index f71d03e6..fc265595 100644
--- a/packages/style/src/colours.css
+++ b/packages/style/src/colours.css
@@ -1,21 +1,21 @@
 .dp-Bg-ColorDemonstration {
   display: flex;
-  flex-wrap: wrap
+  flex-wrap: wrap;
 }
 
 .dp-Bg-ColorDemonstration > div {
-  flex: 0 0 14%;
-  display: flex;
   align-items: center;
-  font: var(--s-2);
   color: #050505;
+  display: flex;
+  flex: 0 0 14%;
+  font: var(--s-2);
 }
 
 .dp-Bg-ColorDemonstration div > div {
-  min-width: 40px;
-  height: 40px;
   border-radius: 3px;
+  height: 40px;
   margin: 6px;
+  min-width: 40px;
 }
 
 .dp-Bg-ColorDemonstration h4 {
@@ -120,43 +120,43 @@
 /* background color */
 
 .Bg-Gradients--fusia {
-  background: linear-gradient(270deg, #E16AFF 0.91%, #DC68F8 14.56%, #CE61E5 34.18%, #B856C6 57.4%, #99469B 83.16%, #833B7C 99.46%);
+  background: linear-gradient(270deg, #e16aff 0.91%, #dc68f8 14.56%, #ce61e5 34.18%, #b856c6 57.4%, #99469b 83.16%, #833b7c 99.46%);
 }
 
 .Bg-Gradients--violet {
-  background: linear-gradient(270deg, #9E8EF1 0.87%, #9788E6 15.36%, #8477C9 40.73%, #665C9A 73.72%, #4B4471 99.5%);
+  background: linear-gradient(270deg, #9e8ef1 0.87%, #9788e6 15.36%, #8477c9 40.73%, #665c9a 73.72%, #4b4471 99.5%);
 }
 
 .Bg-Gradients--indigo {
-  background: linear-gradient(270deg, #6F88FC 0.87%, #6C85F8 20.01%, #617EEC 39.44%, #5071D7 59.01%, #3760BB 78.67%, #184A97 98.24%, #164894 99.5%);
+  background: linear-gradient(270deg, #6f88fc 0.87%, #6c85f8 20.01%, #617eec 39.44%, #5071d7 59.01%, #3760bb 78.67%, #184a97 98.24%, #164894 99.5%);
 }
 
 .Bg-Gradients--blue {
-  background: linear-gradient(90deg, #3467A4 0%, #3A8DDE 49.48%, #77B5E7 100%);
+  background: linear-gradient(90deg, #3467a4 0%, #3a8dde 49.48%, #77b5e7 100%);
 }
 
 .Bg-Gradients--cyan {
-  background: linear-gradient(270deg, #2FB1DB 0.87%, #2971AE 99.5%);
+  background: linear-gradient(270deg, #2fb1db 0.87%, #2971ae 99.5%);
 }
 
 .Bg-Gradients--sea {
-  background: linear-gradient(270deg, #8AF0FC 0.87%, #6EC6CF 31.41%, #2A5E5E 99.5%);
+  background: linear-gradient(270deg, #8af0fc 0.87%, #6ec6cf 31.41%, #2a5e5e 99.5%);
 }
 
 .Bg-Gradients--grass {
-  background: linear-gradient(270deg, #31EAA6 0.91%, #34E59F 23.4%, #3DD88C 55.7%, #4BC36D 93.77%, #4DBF68 99.42%);
+  background: linear-gradient(270deg, #31eaa6 0.91%, #34e59f 23.4%, #3dd88c 55.7%, #4bc36d 93.77%, #4dbf68 99.42%);
 }
 
 .Bg-Gradients--yellow {
-  background: linear-gradient(270deg, #F5D16D 0.91%, #F5CC66 18.72%, #F4BD53 44.31%, #F3A534 74.44%, #F28D15 99.5%);
+  background: linear-gradient(270deg, #f5d16d 0.91%, #f5cc66 18.72%, #f4bd53 44.31%, #f3a534 74.44%, #f28d15 99.5%);
 }
 
 .Bg-Gradients--rust {
-  background: linear-gradient(270deg, #FF8F6D 0.91%, #FB8966 19.14%, #F07953 45.33%, #DE5F34 76.18%, #CD4718 99.5%);
+  background: linear-gradient(270deg, #ff8f6d 0.91%, #fb8966 19.14%, #f07953 45.33%, #de5f34 76.18%, #cd4718 99.5%);
 }
 
 .Bg-Gradients--rose {
-  background: linear-gradient(270deg, #FF4C85 0.99%, #F8497F 21.34%, #E5416D 50.57%, #C6334F 85.01%, #B72C41 99.5%);
+  background: linear-gradient(270deg, #ff4c85 0.99%, #f8497f 21.34%, #e5416d 50.57%, #c6334f 85.01%, #b72c41 99.5%);
 }
 
 /* color */
diff --git a/packages/style/src/components/dp-po-Information.css b/packages/style/src/components/dp-po-Information.css
index 6c33f419..75106669 100644
--- a/packages/style/src/components/dp-po-Information.css
+++ b/packages/style/src/components/dp-po-Information.css
@@ -1,26 +1,26 @@
 .dp-po-Info {
-	display: flex;
-	font: var(--p-2-bold);
-	color: var(--grey-darkest);
-	border: 1px solid var(--brand-primary);
-	border-left: 5px solid var(--brand-primary);
-	background-color: var(--grey-lightest);
-	border-radius: 6px;
-	width: 100%;
-	max-width: 670px;
-	padding: 15px;
+  background-color: var(--grey-lightest);
+  border: 1px solid var(--brand-primary);
+  border-left: 5px solid var(--brand-primary);
+  border-radius: 6px;
+  color: var(--grey-darkest);
+  display: flex;
+  font: var(--p-2-bold);
+  max-width: 670px;
+  padding: 15px;
+  width: 100%;
 }
 
 .dp-po-Info .dp-po-info-txt {
-	padding-left: 15px;
+  padding-left: 15px;
 }
 
 .dp-po-Info.Info--danger {
-	border: 1px solid var(--danger);
-	border-left: 5px solid var(--danger);
+  border: 1px solid var(--danger);
+  border-left: 5px solid var(--danger);
 }
 
 .dp-po-Info .dp-po-Icon {
-	min-width: 23px;
-	height: 23px;
+  height: 23px;
+  min-width: 23px;
 }
diff --git a/packages/style/src/components/dp-po-avatars.css b/packages/style/src/components/dp-po-avatars.css
index afa90fb3..f7014606 100644
--- a/packages/style/src/components/dp-po-avatars.css
+++ b/packages/style/src/components/dp-po-avatars.css
@@ -1,59 +1,59 @@
 .dp-po-Avatar {
-	display: flex;
-	align-items: center;
+  align-items: center;
+  display: flex;
 }
 
 .dp-po-Avatar-icon {
-	width: 23px;
-	height: 23px;
-	cursor: pointer;
+  cursor: pointer;
+  height: 23px;
+  width: 23px;
 }
 
 .dp-po-Avatar-name {
-	font: var(--h-6);
-	color: var(--grey-darkest);
-	margin-left: 10px;
+  color: var(--grey-darkest);
+  font: var(--h-6);
+  margin-left: 10px;
 }
 
-/*Avatar--medium*/
+/* Avatar--medium */
 
 .dp-po-Avatar.Avatar--medium .dp-po-Avatar-icon {
-	width: 28px;
-	height: 28px;
+  height: 28px;
+  width: 28px;
 }
 
 .dp-po-Avatar.Avatar--medium .dp-po-Avatar-name {
-	font: var(--h-5-medium);
+  font: var(--h-5-medium);
 }
 
-/*Avatar--small*/
+/* Avatar--small */
 
 .dp-po-Avatar.Avatar--circle.Avatar--small .dp-po-Avatar-icon {
-	width: 25px;
-	height: 25px;
+  height: 25px;
+  width: 25px;
 }
 
 .dp-po-Avatar-name + .dp-po-arrow {
-	margin-left: 10px;
+  margin-left: 10px;
 }
 
-/*avatar/circular*/
+/* avatar/circular */
 
 .dp-po-Avatar.Avatar--circle .dp-po-Avatar-icon {
-	border-radius: 50%;
-	width: 30px;
-	height: 30px;
+  border-radius: 50%;
+  height: 30px;
+  width: 30px;
 }
 
-/*Avatar name*/
+/* Avatar name */
 
 .Avatar--name {
-	color: var(--white);
-	font: var(--p-2-bold);
-	text-transform: uppercase;
-	background-color: var(--grey);
-	border-radius: 50%;
-	min-width: 30px;
-	height: 30px;
-	justify-content: center;
-}
\ No newline at end of file
+  background-color: var(--grey);
+  border-radius: 50%;
+  color: var(--white);
+  font: var(--p-2-bold);
+  height: 30px;
+  justify-content: center;
+  min-width: 30px;
+  text-transform: uppercase;
+}
diff --git a/packages/style/src/components/dp-po-breadcrumbs.css b/packages/style/src/components/dp-po-breadcrumbs.css
index 5a1ceddd..1aee070d 100644
--- a/packages/style/src/components/dp-po-breadcrumbs.css
+++ b/packages/style/src/components/dp-po-breadcrumbs.css
@@ -1,24 +1,25 @@
-/*breadcrumbs*/
+/* breadcrumbs */
+
 .dp-po-Breadcrumbs-wrap {
   border-bottom: 2px solid var(--grey-light);
 }
 
 .dp-po-Breadcrumbs {
-  display: flex;
   align-items: center;
+  display: flex;
   justify-content: flex-start;
+  list-style: none;
+  margin: 0;
   padding: 5px 10px 5px 0;
   position: relative;
   width: 100%;
-  list-style: none;
-  margin: 0;
 }
 
 .dp-po-Breadcrumb-item {
+  display: flex;
   margin: 0;
   margin-right: 25px;
   position: relative;
-  display: flex;
 }
 
 .dp-po-Breadcrumb-item:not(:first-child)::before {
@@ -26,8 +27,8 @@
   content: "";
   display: block;
   height: 8px;
-  position: absolute;
   left: -14px;
+  position: absolute;
   top: calc(50% - 6px);
   transform: rotate(-45deg);
   width: 1px;
@@ -39,8 +40,8 @@
   content: "";
   display: block;
   height: 8px;
-  position: absolute;
   left: -14px;
+  position: absolute;
   transform: rotate(45deg);
   width: 1px;
 }
@@ -50,24 +51,24 @@
   background-color: var(--brand-primary);
 }
 
-.dp-po-Breadcrumb-item:last-child .dp-po-Breadcrumb-link:after {
-	position: absolute;
-	content: "";
-	left: 0;
-	top: calc(100% + 5px);
-	width: 100%;
-	height: 2px;
-	background-color: var(--brand-primary);
+.dp-po-Breadcrumb-item:last-child .dp-po-Breadcrumb-link::after {
+  background-color: var(--brand-primary);
+  content: "";
+  height: 2px;
+  left: 0;
+  position: absolute;
+  top: calc(100% + 5px);
+  width: 100%;
 }
 
 .dp-po-Breadcrumb-link {
   align-items: center;
+  color: var(--grey-darkest);
   cursor: pointer;
   display: flex;
-  text-decoration: none;
-  position: relative;
   font: var(--p-2-bold);
-  color: var(--grey-darkest);
+  position: relative;
+  text-decoration: none;
 }
 
 .dp-po-Breadcrumb-item .dp-po-Breadcrumb-link {
@@ -75,20 +76,20 @@
 }
 
 .dp-po-Breadcrumb-item:hover .dp-po-Breadcrumb-link {
-	color: var(--brand-primary);
+  color: var(--brand-primary);
 }
 
-.dp-po-Breadcrumb-item:hover + .dp-po-Breadcrumb-item:before,
-.dp-po-Breadcrumb-item:hover + .dp-po-Breadcrumb-item:after {
+.dp-po-Breadcrumb-item:hover + .dp-po-Breadcrumb-item::before,
+.dp-po-Breadcrumb-item:hover + .dp-po-Breadcrumb-item::after {
   background-color: var(--brand-primary);
-} 
+}
 
 .dp-po-Breadcrumb-item:hover:not(:first-child)::before,
 .dp-po-Breadcrumb-item:hover:not(:first-child)::after {
-	background-color: var(--brand-primary);
+  background-color: var(--brand-primary);
 }
 
 .dp-po-Breadcrumb-item:first-child .dp-po-Breadcrumb-link,
 .dp-po-Breadcrumb-item.is-selected .dp-po-Breadcrumb-link {
-	color: var(--grey-darkest);
+  color: var(--grey-darkest);
 }
diff --git a/packages/style/src/components/dp-po-buttons.css b/packages/style/src/components/dp-po-buttons.css
index 24893097..8113508c 100644
--- a/packages/style/src/components/dp-po-buttons.css
+++ b/packages/style/src/components/dp-po-buttons.css
@@ -1,66 +1,66 @@
 /* main buttons style */
 
 .dp-po-Button {
+  align-items: center;
   background-repeat: no-repeat;
-  border-radius: 4px;
   border: none;
+  border-radius: 4px;
   cursor: pointer;
+  display: flex;
+  height: 100%;
+  justify-content: center;
   line-height: 100%;
   position: relative;
   width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
 }
 
-/*Button--small*/
+/* Button--small */
 
 .dp-po-Button.Button--small {
-  font: var(--p-2-bold);
-  color: var(--white);
   background-color: var(--brand-primary);
-  min-width: 125px;
-  max-width: max-content;
+  color: var(--white);
+  font: var(--p-2-bold);
   height: 39px;
+  max-width: max-content;
+  min-width: 125px;
 }
 
 .dp-po-Button.Button--small:hover {
   background-color: rgba(58, 141, 222, 0.6);
 }
 
-/*button/small/secondary*/
+/* button/small/secondary */
 
 .dp-po-Button.Button--secondary {
   background-color: var(--white);
-  color: var(--grey-dark);
   border: 2px solid var(--grey-light);
+  color: var(--grey-dark);
 }
 
 .dp-po-Button.Button--secondary:hover {
   background-color: var(--grey-lighter);
 }
 
-/*Button--medium*/
+/* Button--medium */
 
 .dp-po-Button.Button--medium {
+  background-color: var(--grey-light);
+  color: var(--grey-darkest);
   font: var(--h-5);
-  width: 240px;
   height: 39px;
-  color: var(--grey-darkest);
-  background-color: var(--grey-light);
+  width: 240px;
 }
 
 .dp-po-Button.Button--medium:hover {
   background-color: rgba(211, 214, 215, 0.6);
 }
 
-/*Button--large*/
+/* Button--large */
 
 .dp-po-Button.Button--large {
-  font: var(--p-2-bold);
   background: var(--brand-primary);
   color: var(--white);
+  font: var(--p-2-bold);
   max-height: 44px;
   min-width: 254px;
   padding: 14px 0;
@@ -70,18 +70,18 @@
   background-color: rgba(58, 141, 222, 0.6);
 }
 
-/*Button--large-icon*/
+/* Button--large-icon */
 
 .dp-po-Button.Button--large-icon {
-  max-width: max-content;
   justify-content: space-between;
+  max-width: max-content;
 }
 
 .dp-po-Button.Button--large-icon .dp-po-Icon {
   margin: 0 0 0 25px;
 }
 
-/*Button--xlarge*/
+/* Button--xlarge */
 
 .dp-po-Button.Button--xlarge {
   max-width: 254px;
@@ -93,94 +93,94 @@
   border-radius: 2px;
   color: var(--grey-dark);
   font: var(--p-xl);
-  max-width: 74px;
+  justify-content: flex-start;
   max-height: 18px;
+  max-width: 74px;
   padding: 1px 5px;
-  justify-content: flex-start;
 }
 
 .Button--filter:hover {
   background-color: var(--grey-lightest);
 }
 
-/*button/icon-text/large*/
+/* button/icon-text/large */
 
 .dp-po-Button.Button--icon {
   background-color: var(--white);
   border: 1.5px solid var(--grey-lighter);
   color: var(--grey-dark);
   font: var(--h-5);
+  height: 44px;
   justify-content: flex-start;
   padding: 0;
-  height: 44px;
 }
 
 .Button--large.Button--icon .dp-po-Icon {
-  width: 28px;
-  height: 27px;
   background-size: 28px 27px;
+  height: 27px;
+  width: 28px;
 }
 
 .dp-po-Button.Button--icon:hover {
   background-color: var(--info-light);
-  color: var(--brand-primary);
   border-color: var(--brand-primary);
+  color: var(--brand-primary);
 }
 
 .dp-po-Button.Button--icon .dp-po-Icon {
   margin: 0 10px;
 }
 
-/*button/icon-text/small*/
+/* button/icon-text/small */
 
 .dp-po-Button.Button--small.Button--icon {
-  font: var(--font-p1);
-  color: var(--grey-dark);
-  max-height: 24px;
+  background-color: var(--grey-lighter);
   border: none;
   border-radius: 2px;
-  background-color: var(--grey-lighter);
+  color: var(--grey-dark);
+  font: var(--font-p1);
+  max-height: 24px;
 }
 
 .dp-po-Button.Button--small.Button--icon:hover {
-  color: var(--white);
   background-color: var(--brand-primary);
+  color: var(--white);
 }
 
 .Button--small.Button--icon .dp-po-Icon {
-  width: 7px;
-  height: 13px;
   background-size: 7px 13px;
+  height: 13px;
+  width: 7px;
 }
 
-/*button/text-icon*/
+/* button/text-icon */
 
 .dp-po-Button.Button--texticon {
   background-color: var(--grey-light);
-  font: var(--p-2-bold);
   color: var(--grey-darkest);
-  width: max-content;
+  font: var(--p-2-bold);
   height: 44px;
-  min-width: 160px;
   justify-content: space-between;
+  min-width: 160px;
   padding: 0 12px;
+  width: max-content;
 }
 
 .dp-po-Button.Button--texticon:hover {
+  background-color: var(--brand-primary);
   color: var(--white);
-  background-color: var(--brand-primary); 
 }
 
 .dp-po-Button:hover .dp-po-Icon svg {
   fill: var(--white);
 }
 
-/*button/votes*/
+/* button/votes */
 
 .split-button {
-  display: flex;
   align-items: center;
   border-radius: 2px;
+  display: flex;
   list-style: none;
   padding: 0;
   text-transform: uppercase;
@@ -195,48 +195,48 @@
 }
 
 .split-button li {
-  color: var(--white);
+  align-items: center;
+  background: rgba(58, 141, 222, 0.6);
   background-color: var(--brand-primary);
+  color: var(--white);
+  cursor: pointer;
   display: flex;
-  align-items: center;
+  font: var(--h-s-semibold);
   justify-content: center;
   margin: 0;
+  max-height: 24px;
   padding: 5px 10px;
   text-align: center;
-  background: rgba(58, 141, 222, 0.6);
-  font: var(--h-s-semibold);
-  max-height: 24px;
-  cursor: pointer;
 }
 
 .split-button li:first-child {
-  font: var(--h-l-semibold);
   background-color: var(--brand-primary);
-  border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
   border-right: 1px solid var(--white);
+  border-top-left-radius: 3px;
+  font: var(--h-l-semibold);
   padding: 5px 15px;
 }
 
 .split-button li:last-child {
-  border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px;
 }
 
-/*button/icon-text*/
+/* button/icon-text */
 
 .dp-po-Button.Button--icon-text {
   background-color: var(--grey-lighter);
   border-radius: 2px;
   color: var(--grey-dark);
   font: var(--h-l-semibold);
-  max-width: max-content;
   max-height: 24px;
+  max-width: max-content;
 }
 
 .Button--icon-text:hover {
-  color: var(--white);
   background-color: var(--brand-primary);
+  color: var(--white);
 }
 
 .Button--icon-text:hover svg {
@@ -275,14 +275,12 @@
 /* Forms/radiobutton */
 
 .dp-po-RadioWrapper .dp-po-RadioItem {
-  margin-bottom: 15px;
-  display: flex;
   align-items: center;
+  display: flex;
+  margin-bottom: 15px;
 }
 
 .dp-po-RadioWrapper input[type="radio"] {
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   background-clip: content-box;
   background-color: var(--white);
@@ -290,10 +288,10 @@
   border-radius: 100%;
   content: "";
   display: inline-block;
+  height: 16px;
   margin: 0;
   outline: none;
   padding: 2px;
-  height: 16px;
   width: 16px;
 }
 
@@ -303,8 +301,8 @@
 
 .dp-po-RadioWrapper [type="radio"]:checked + label,
 .dp-po-RadioWrapper [type="radio"]:not(:checked) + label {
+  color: var(--grey-darkest);
   cursor: pointer;
   font: var(--h-6);
   padding-left: 10px;
-  color: var(--grey-darkest);
 }
diff --git a/packages/style/src/components/dp-po-calender.css b/packages/style/src/components/dp-po-calender.css
index 03ac5960..5a19b3d6 100644
--- a/packages/style/src/components/dp-po-calender.css
+++ b/packages/style/src/components/dp-po-calender.css
@@ -1,23 +1,23 @@
 
 .dp-calendar {
-    border: 1px solid var(--grey-light);
-    background-color: var(--grey-lighter);
-    border-radius: 4px;
-    display: inline-block;
-    list-style: none;
-    padding: 0;
-    margin: 0;
+  background-color: var(--grey-lighter);
+  border: 1px solid var(--grey-light);
+  border-radius: 4px;
+  display: inline-block;
+  list-style: none;
+  margin: 0;
+  padding: 0;
 }
 
 .dp-calendar li {
-    color: var(--grey-darkest);
-    font-size: 19px;
-    text-align: center;
-    margin: 0;
-    line-height: 1.2;
-    padding: 5px;
+  color: var(--grey-darkest);
+  font-size: 19px;
+  line-height: 1.2;
+  margin: 0;
+  padding: 5px;
+  text-align: center;
 }
 
 .dp-calendar li:first-child {
-    border-bottom: 1px solid var(--grey-light);
+  border-bottom: 1px solid var(--grey-light);
 }
diff --git a/packages/style/src/components/dp-po-cards.css b/packages/style/src/components/dp-po-cards.css
index 12b95002..da8b1d65 100644
--- a/packages/style/src/components/dp-po-cards.css
+++ b/packages/style/src/components/dp-po-cards.css
@@ -1,39 +1,39 @@
 .dp-po-card-atom {
-	border: 2px solid var(--grey-light);
-	border-radius: 6px;
-	max-width: 300px;
+  border: 2px solid var(--grey-light);
+  border-radius: 6px;
+  max-width: 300px;
 }
 
 .dp-po-card-atom:hover {
-	border-color: var(--brand-primary);
-	box-shadow: var(--shadow-bottom-right);
+  border-color: var(--brand-primary);
+  box-shadow: var(--shadow-bottom-right);
 }
 
 .dp-po-card-title {
-	font: var(--h-3);
-	background-color: var(--grey-lightest);
-	border-bottom: 1px solid var(--grey-light);
-	padding: 15px;
-	border-top-left-radius: 6px;
-	border-top-right-radius: 6px;
+  background-color: var(--grey-lightest);
+  border-bottom: 1px solid var(--grey-light);
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+  font: var(--h-3);
+  padding: 15px;
 }
 
 .dp-po-card-content {
-	padding: 15px;
+  padding: 15px;
 }
 
 .dp-po-content-txt {
-	font: var(--p-1);
-	color: var(--grey-darkest);
-	margin-bottom: 15px;
+  color: var(--grey-darkest);
+  font: var(--p-1);
+  margin-bottom: 15px;
 }
 
 .dp-po-content-txt.content-txt--large {
-	font: var(--h-5-medium);
+  font: var(--h-5-medium);
 }
 
-/*card-atom--long*/
+/* card-atom--long */
 
 .dp-po-card-atom.card-atom--long {
-	max-width: 100%;
+  max-width: 100%;
 }
diff --git a/packages/style/src/components/dp-po-date.css b/packages/style/src/components/dp-po-date.css
index b99ac02f..7a397ffb 100644
--- a/packages/style/src/components/dp-po-date.css
+++ b/packages/style/src/components/dp-po-date.css
@@ -1,23 +1,23 @@
 
 .dp-calendar {
-    border: 1px solid var(--grey-light);
-    background-color: var(--grey-lighter);
-    border-radius: 4px;
-    display: inline-block;
-    list-style: none;
-    padding: 0;
-    margin: 0;
+  background-color: var(--grey-lighter);
+  border: 1px solid var(--grey-light);
+  border-radius: 4px;
+  display: inline-block;
+  list-style: none;
+  margin: 0;
+  padding: 0;
 }
 
 .dp-calendar li {
-    color: var(--grey-darkest);
-    font: var(--h-3);
-    text-align: center;
-    margin: 0;
-    line-height: 1.2;
-    padding: 5px;
+  color: var(--grey-darkest);
+  font: var(--h-3);
+  line-height: 1.2;
+  margin: 0;
+  padding: 5px;
+  text-align: center;
 }
 
 .dp-calendar li:first-child {
-    border-bottom: 1px solid var(--grey-light);
+  border-bottom: 1px solid var(--grey-light);
 }
diff --git a/packages/style/src/components/dp-po-dividers.css b/packages/style/src/components/dp-po-dividers.css
index efa473fb..cdd497d1 100644
--- a/packages/style/src/components/dp-po-dividers.css
+++ b/packages/style/src/components/dp-po-dividers.css
@@ -1,28 +1,28 @@
 .dp-po-divider {
-	display: flex;
-	border-bottom: 2px solid var(--grey-light);
+  border-bottom: 2px solid var(--grey-light);
+  display: flex;
 }
 
 .dp-po-divider-title {
-	display: flex;
-	align-items: center;
-	color: var(--grey-darkest);
-	border-bottom: 2px solid var(--brand-primary);
-	font: var(--h-2);
-	margin-bottom: -2px;
+  align-items: center;
+  border-bottom: 2px solid var(--brand-primary);
+  color: var(--grey-darkest);
+  display: flex;
+  font: var(--h-2);
+  margin-bottom: -2px;
 }
 
 .dp-po-divider-link {
-	color: var(--brand-primary);
-	font: var(--b-1-semibold);
-	display: flex;
-	align-items: flex-end;
-	line-height: 1;
-	background-color: var(--white);
-	margin: 0 0 -8px auto;
-	padding-left: 5px;
+  align-items: flex-end;
+  background-color: var(--white);
+  color: var(--brand-primary);
+  display: flex;
+  font: var(--b-1-semibold);
+  line-height: 1;
+  margin: 0 0 -8px auto;
+  padding-left: 5px;
 }
 
 .dp-po-divider-link .dp-po-arrow {
-	margin-left: 5px;
+  margin-left: 5px;
 }
diff --git a/packages/style/src/components/dp-po-dropdown.css b/packages/style/src/components/dp-po-dropdown.css
index 88627329..c7542a66 100644
--- a/packages/style/src/components/dp-po-dropdown.css
+++ b/packages/style/src/components/dp-po-dropdown.css
@@ -1,76 +1,78 @@
 .dp-po-Dropdown-container {
-	position: relative;
-	width: 100%;
-	max-width: 236px;
+  max-width: 236px;
+  position: relative;
+  width: 100%;
 }
 
 .dp-po-dropdown-atom {
-	color: var(--grey-darkest);
-	cursor: pointer;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	font: var(--p-1);
-	position: relative;
-	background-color: var(--grey-lighter);
-	border-radius: 4px;
-	padding: 6px 10px;
+  align-items: center;
+  background-color: var(--grey-lighter);
+  border-radius: 4px;
+  color: var(--grey-darkest);
+  cursor: pointer;
+  display: flex;
+  font: var(--p-1);
+  justify-content: space-between;
+  padding: 6px 10px;
+  position: relative;
 }
 
 .dp-po-dropdown-atom .dp-po-arrow {
-	border: 0;
-	background-color: transparent
+  background-color: transparent;
+  border: 0;
 }
 
 .dp-po-dropdown-atom + .dp-po-dropdown-menu {
-	display: none;
+  display: none;
 }
 
 .dp-po-dropdown-atom.is-active + .dp-po-dropdown-menu {
-	display: block;
+  display: block;
 }
 
 .dp-po-dropdown-atom.is-active {
-	border-bottom-left-radius: 0;
-	border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
 }
 
 .dp-po-dropdown-atom.is-active .dp-po-arrow {
-	transform: rotate(-90deg);
+  transform: rotate(-90deg);
 }
 
 .dp-po-dropdown-menu {
-	list-style: none;
-	padding: 0;
-	background-color: var(--grey-lighter);
-	border-bottom-left-radius: 4px;
-	border-bottom-right-radius: 4px;
-	margin-bottom: 0;
+  background-color: var(--grey-lighter);
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  list-style: none;
+  margin-bottom: 0;
+  padding: 0;
+  z-index: 2;
 }
 
 .dp-po-dropdown-menu .dp-po-dropdown-menu-item {
-	margin: 0;
-	padding: 5px 10px;
-	cursor: pointer;
-	font: var(--p-2);
-	display: flex;
-	align-items: center;
+  align-items: center;
+  cursor: pointer;
+  display: flex;
+  flex-wrap: wrap;
+  font: var(--p-2);
+  margin: 0;
+  padding: 5px 10px;
 }
 
 .dp-po-dropdown-menu .dp-po-dropdown-menu-item:hover {
-	color: var(--brand-primary);
-	background-color: var(--info-light);
+  background-color: var(--info-light);
+  color: var(--brand-primary);
 }
 
-/*dropdown/search-expand/text-icon*/
+/* dropdown/search-expand/text-icon */
 
 .dp-po-dropdown-atom.dp-po-search-expand {
-	background-color: transparent;
-	border-bottom: 1px solid var(--grey-lighter);
-	border-radius: 0;
-	padding: 6px 0;
+  background-color: transparent;
+  border-bottom: 1px solid var(--grey-lighter);
+  border-radius: 0;
+  padding: 6px 0;
 }
 
 .dp-po-search-expand:hover > .dp-po-txt {
-	color: var(--brand-primary);
+  color: var(--brand-primary);
 }
diff --git a/packages/style/src/components/dp-po-icontext.css b/packages/style/src/components/dp-po-icontext.css
index 139ffd69..63e6b0b5 100644
--- a/packages/style/src/components/dp-po-icontext.css
+++ b/packages/style/src/components/dp-po-icontext.css
@@ -1,83 +1,83 @@
 .dp-po-Icon-wrapper {
-	color: var(--grey-darkest);
-	display: flex;
-	align-items: center;
+  align-items: center;
+  color: var(--grey-darkest);
+  display: flex;
 }
 
 .dp-po-Icon-wrapper.Icon--large {
-	font: var(--h-3);
-	color: var(--brand-primary);
+  color: var(--brand-primary);
+  font: var(--h-3);
 }
 
 .dp-po-Icon-wrapper .dp-po-Icon {
-	position: relative;
+  position: relative;
 }
 
-.dp-po-Icon-wrapper .dp-po-Icon:after {
-	content: "";
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	z-index: -1;
-	border-radius: 50%;
+.dp-po-Icon-wrapper .dp-po-Icon::after {
+  border-radius: 50%;
+  content: "";
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: -1;
 }
 
 .dp-po-Icon-wrapper.Icon--large .dp-po-Icon,
 .dp-po-Icon-wrapper.Icon--medium .dp-po-Icon {
-	border-radius: 50%;
+  border-radius: 50%;
 }
 
 .dp-po-Icon-wrapper.Icon--large .dp-po-Icon {
-	width: 55px;
-	height: 55px;
+  height: 55px;
+  width: 55px;
 }
 
 .dp-po-Icon-wrapper.Icon--medium .dp-po-Icon {
-	width: 43px;
-	height: 43px;
+  height: 43px;
+  width: 43px;
 }
 
-.dp-po-Icon-wrapper.Wrapper--light-primary .dp-po-Icon:after {
-	background: rgba(58, 141, 222, 0.35);
+.dp-po-Icon-wrapper.Wrapper--light-primary .dp-po-Icon::after {
+  background: rgba(58, 141, 222, 0.35);
 }
 
-.dp-po-Icon-wrapper.Wrapper--brand-primary .dp-po-Icon:after {
-	background: var(--brand-primary);
+.dp-po-Icon-wrapper.Wrapper--brand-primary .dp-po-Icon::after {
+  background: var(--brand-primary);
 }
 
 .dp-po-Icon-wrapper.Icon--medium {
-	font: var(--h-3);
+  font: var(--h-3);
 }
 
 .dp-po-Icon-wrapper.Icon--small {
-	font: var(--p-2-bold);
+  font: var(--p-2-bold);
 }
 
 .dp-po-Icon-wrapper .dp-po-Icon {
-	margin-right: 6px;
+  margin-right: 6px;
 }
 
 .dp-po-Icon-wrapper.Icon--centred-stacked {
-	display: flex;
-	flex-direction: column;
-	max-width: max-content;
+  display: flex;
+  flex-direction: column;
+  max-width: max-content;
 }
 
 .dp-po-Icon-wrapper.Icon--centred-stacked.Icon--medium,
 .dp-po-Icon-wrapper.Icon--centred-stacked.Icon--large {
-	font: var(--h-5-medium);
+  font: var(--h-5-medium);
 }
 
 .dp-po-Icon-wrapper.Icon--centred-stacked .dp-po-Icon {
-	margin: 0 0 5px;
+  margin: 0 0 5px;
 }
 
 .dp-po-Icon-wrapper.Icon--centred-stacked .dp-po-Icon.Icon--elephant {
-	background-position: 70% 70%;
+  background-position: 70% 70%;
 }
 
 .dp-po-Icon-wrapper.Icon--centred-stacked .dp-po-Icon.Icon--article {
-	background-size: 21px 26px;
+  background-size: 21px 26px;
 }
diff --git a/packages/style/src/components/dp-po-labels.css b/packages/style/src/components/dp-po-labels.css
index df20abae..583744ef 100644
--- a/packages/style/src/components/dp-po-labels.css
+++ b/packages/style/src/components/dp-po-labels.css
@@ -1,272 +1,272 @@
 /* labels */
 
 .dp-po-label {
-    background: var(--white);
-    color: var(--grey-darkest);
-    font: var(--b-3);
-    border-radius: 2px;
-    cursor: pointer;
-    line-height: 1;
-    border: none;
-    padding: 5px;
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    max-width: max-content;
+  align-items: center;
+  background: var(--white);
+  border: none;
+  border-radius: 2px;
+  color: var(--grey-darkest);
+  cursor: pointer;
+  display: flex;
+  font: var(--b-3);
+  justify-content: center;
+  line-height: 1;
+  max-width: max-content;
+  padding: 5px;
+  position: relative;
 }
 
 .dp-po-label.label--small {
-    height: 15px;
-    font: var(--b-3-semibold);
-    text-transform: uppercase;
+  font: var(--b-3-semibold);
+  height: 15px;
+  text-transform: uppercase;
 }
 
 .dp-po-label.label--medium {
-    height: 22px;
-    font: var(--p-3-semibold);
-    padding: 4px 10px;
+  font: var(--p-3-semibold);
+  height: 22px;
+  padding: 4px 10px;
 }
 
 .dp-po-label.label--large {
-    height: 22px;
-    padding: 4px 15px;
-    font: var(--p-3-semibold);
+  font: var(--p-3-semibold);
+  height: 22px;
+  padding: 4px 15px;
 }
 
-/*.dp-po-label:hover { background: var(--grey-light); }*/
+/* .dp-po-label:hover { background: var(--grey-light); } */
 
 .dp-po-label.label--brand-primary {
-    background-color: var(--brand-primary);
-    border: 1px solid var(--brand-primary);
-    color: var(--white);
+  background-color: var(--brand-primary);
+  border: 1px solid var(--brand-primary);
+  color: var(--white);
 }
 
 .dp-po-label.label--white {
-    background: var(--white);
-    border: 1px solid var(--white);
-    color: var(--grey-darkest);
-    &:hover { background: var(--grey-light); }
+  background: var(--white);
+  border: 1px solid var(--white);
+  color: var(--grey-darkest);
+  &:hover { background: var(--grey-light); }
 }
 
 .dp-po-label.label--transparent {
-    background: transparent;
-    border: 1px solid #6e8293;
-    color: #6e8293;
-    &:hover { background: var(--grey-light); }
+  background: transparent;
+  border: 1px solid #6e8293;
+  color: #6e8293;
+  &:hover { background: var(--grey-light); }
 }
 
 .dp-po-label.label--disabled {
-    background-color: #e1e0e0;
-    border: 1px solid #d3d6d7;
-    color: #4e4d4d;
-    &:hover { background-color: rgba(225, 224, 224, 0.5); }
+  background-color: #e1e0e0;
+  border: 1px solid #d3d6d7;
+  color: #4e4d4d;
+  &:hover { background-color: rgba(225, 224, 224, 0.5); }
 }
 
 .dp-po-label.label--close {
-    background: #fafafa;
-    border: 1px solid #dde0e0;
-    color: #4e4d4d;
-    padding: 1px 20px 1px 9px;
-    &:hover { background: color-mod(#fafafa blackness(20%)); }
+  background: #fafafa;
+  border: 1px solid #dde0e0;
+  color: #4e4d4d;
+  padding: 1px 20px 1px 9px;
+  &:hover { background: color-mod(#fafafa blackness(20%)); }
 }
 
 .dp-po-label.label--primary-light {
-    background-color: var(--primary-light);
-    color: var(--white);
+  background-color: var(--primary-light);
+  color: var(--white);
 }
 
 .dp-po-label.label--grey-darkest {
-    background-color: var(--grey-darkest);
-    color: var(--white);
+  background-color: var(--grey-darkest);
+  color: var(--white);
 }
 
 .dp-po-label.label--grey-dark {
-    background-color: var(--grey-dark);
-    color: var(--white);
+  background-color: var(--grey-dark);
+  color: var(--white);
 }
 
 .dp-po-label.label--grey-light {
-    background-color: var(--grey-light);
-    color: var(--white);
+  background-color: var(--grey-light);
+  color: var(--white);
 }
 
 .dp-po-label.label--grey-lightest {
-    background-color: var(--grey-lightest);
-    color: var(--white);
+  background-color: var(--grey-lightest);
+  color: var(--white);
 }
 
 .dp-po-label.label--info {
-    background-color: var(--info);
-    color: var(--white);
+  background-color: var(--info);
+  color: var(--white);
 }
 
 .dp-po-label.label--info-light {
-    background-color: var(--info-light);
-    border: 1px solid var(--info-light);
-    color: var(--grey-darkest);
+  background-color: var(--info-light);
+  border: 1px solid var(--info-light);
+  color: var(--grey-darkest);
 }
 
 .dp-po-label.label--warning-light {
-    background-color: var(--warning-light);
+  background-color: var(--warning-light);
 }
 
 .dp-po-label.label--grey-lighter {
-    background: var(--grey-lighter);
-    border: 1px solid var(--grey-lighter);
-    color: var(--grey-dark);
+  background: var(--grey-lighter);
+  border: 1px solid var(--grey-lighter);
+  color: var(--grey-dark);
 }
 
 .dp-po-label.label--grey {
-    background: var(--grey);
-    border: 1px solid var(--grey);
-    color: var(--white);
+  background: var(--grey);
+  border: 1px solid var(--grey);
+  color: var(--white);
 }
 
 .dp-po-label.label--purple {
-    background: var(--purple-light);
-    border: 1px solid var(--purple);
-    color: var(--grey-darkest);
+  background: var(--purple-light);
+  border: 1px solid var(--purple);
+  color: var(--grey-darkest);
 }
 
 .dp-po-label.label--pink {
-    background: var(--pink);
-    border: 1px solid var(--pink);
-    color: var(--white);
+  background: var(--pink);
+  border: 1px solid var(--pink);
+  color: var(--white);
 }
 
 .dp-po-label.label--success {
-    background: var(--success);
-    border: 1px solid var(--success);
-    color: var(--white);
+  background: var(--success);
+  border: 1px solid var(--success);
+  color: var(--white);
 }
 
 .dp-po-label.label--warning {
-    background: var(--warning);
-    border: 1px solid var(--warning);
-    color: var(--white);
+  background: var(--warning);
+  border: 1px solid var(--warning);
+  color: var(--white);
 }
 
 .dp-po-label.label--danger {
-    background: var(--danger);
-    border: 1px solid var(--danger);
-    color: var(--white);
+  background: var(--danger);
+  border: 1px solid var(--danger);
+  color: var(--white);
 }
 
 .dp-po-label.label--neutral {
-    background: var(--neutral);
-    border: 1px solid var(--neutral);
-    color: var(--white);
+  background: var(--neutral);
+  border: 1px solid var(--neutral);
+  color: var(--white);
 }
 
 .dp-po-label.label--neutral-light {
-    background: var(--neutral-light);
-    border: 1px solid var(--neutral-light);
-    color: var(--grey-darkest);
+  background: var(--neutral-light);
+  border: 1px solid var(--neutral-light);
+  color: var(--grey-darkest);
 }
 
 .dp-po-label + .dp-po-label {
-    margin-left: 5px;
+  margin-left: 5px;
 }
 
 .dp-po-labels:first-child {
-    margin-left: 0;
+  margin-left: 0;
 }
 
-/*label/time-ago/box*/
+/* label/time-ago/box */
 
 .dp-po-label.label--time-box {
-    background-color: var(--grey-lighter);
-    font: var(--b-1-semibold);
+  background-color: var(--grey-lighter);
+  font: var(--b-1-semibold);
 }
 
 .label--time .dp-po-Icon,
 .label--time-box .dp-po-Icon {
-    margin-right: 5px;
+  margin-right: 5px;
 }
 
 .dp-po-label.label--time {
-    font: var(--b-2-semibold);
-    font-weight: 400;
-    padding: 0;
+  font: var(--b-2-semibold);
+  font-weight: 400;
+  padding: 0;
 }
 
 /* label/box-icon-text */
 
 .dp-po-filter {
-    display: inline-block;
-    border: 1px solid var(--grey-light);
-    color: var(--grey-dark);
-    font: var(--b-2);
-    cursor: pointer;
-    padding: 0 10px 0 20px;
-    border-radius: 2px;
-    position: relative;
-    background-color: var(--white);
+  background-color: var(--white);
+  border: 1px solid var(--grey-light);
+  border-radius: 2px;
+  color: var(--grey-dark);
+  cursor: pointer;
+  display: inline-block;
+  font: var(--b-2);
+  padding: 0 10px 0 20px;
+  position: relative;
 }
 
 .dp-po-filter:hover {
-    background-color: var(--grey-lightest);
+  background-color: var(--grey-lightest);
 }
 
 .dp-po-filter .dp-po-iconClose {
-    right: auto;
-    left: 5px;
-    top: calc(50% - 5px);
+  left: 5px;
+  right: auto;
+  top: calc(50% - 5px);
 }
 
 .dp-po-filter:not(:last-child) {
-    margin-right: 10px;
+  margin-right: 10px;
 }
 
 /* Badges */
 
 .dp-po-Badge {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: var(--white);
-    font: var(--p-n-semibold);
-    cursor: pointer;
-    border-radius: 50%;
-    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.1);
-    width: 22px;
-    height: 22px;
+  align-items: center;
+  border-radius: 50%;
+  box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.1);
+  color: var(--white);
+  cursor: pointer;
+  display: flex;
+  font: var(--p-n-semibold);
+  height: 22px;
+  justify-content: center;
+  width: 22px;
 }
 
 .dp-po-Badge.Badge--large {
-    font: var(--h-3--medium);
-    height: 34px;
-    width: 34px;
+  font: var(--h-3--medium);
+  height: 34px;
+  width: 34px;
 }
 
 .dp-po-Badge.Badge--small {
-    font: var(--b-2-semibold);
-    height: 22px;
-    width: 22px;
+  font: var(--b-2-semibold);
+  height: 22px;
+  width: 22px;
 }
 
 .dp-po-Badge.Badge--danger {
-    background-color: var(--danger);
+  background-color: var(--danger);
 }
 
 .dp-po-Badge.Badge--brand-primary {
-    background-color: var(--brand-primary);
+  background-color: var(--brand-primary);
 }
 
 .dp-po-Badge.Badge--bottom {
-    position: absolute;
-    bottom: 0;
-    right: 0;
+  bottom: 0;
+  position: absolute;
+  right: 0;
 }
 
 .dp-po-Badge.Badge--top {
-    position: absolute;
-    top: 0;
-    right: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
 }
 
 .dp-po-Icon .dp-po-Badge.Badge--brand-primary {
-    background-color: var(--brand-primary);
-    color: var(--white);
+  background-color: var(--brand-primary);
+  color: var(--white);
 }
diff --git a/packages/style/src/components/dp-po-link.css b/packages/style/src/components/dp-po-link.css
index c61b4e85..086a9b2d 100644
--- a/packages/style/src/components/dp-po-link.css
+++ b/packages/style/src/components/dp-po-link.css
@@ -1,34 +1,34 @@
 .dp-po-Link {
-	color: var(--grey-darkest);
-	text-decoration: none;
-	display: flex;
-	align-items: center;
-	line-height: 1;
-	position: relative;
+  align-items: center;
+  color: var(--grey-darkest);
+  display: flex;
+  line-height: 1;
+  position: relative;
+  text-decoration: none;
 }
 
-.dp-po-Link .dp-po-arrow{
-	margin: 0 5px;
+.dp-po-Link .dp-po-arrow {
+  margin: 0 5px;
 }
 
 .dp-po-Link:hover {
-	color: var(--info);
+  color: var(--info);
 }
 
 .dp-po-Link.Link--small {
-	font: var(--b-1-semibold);
-	color: var(--brand-primary);
-	width: 100%;
-	max-width: 120px;
-	display: flex;
-	justify-content: space-between;
+  color: var(--brand-primary);
+  display: flex;
+  font: var(--b-1-semibold);
+  justify-content: space-between;
+  max-width: 120px;
+  width: 100%;
 }
 
 .dp-po-Link.Link--medium {
-	font: var(--p-2-bold);
-	color: var(--brand-primary);
+  color: var(--brand-primary);
+  font: var(--p-2-bold);
 }
 
 .dp-po-Link.Link--large {
-	font: var(--h-3);
+  font: var(--h-3);
 }
diff --git a/packages/style/src/components/dp-po-lists.css b/packages/style/src/components/dp-po-lists.css
index f236cb89..56e79de9 100644
--- a/packages/style/src/components/dp-po-lists.css
+++ b/packages/style/src/components/dp-po-lists.css
@@ -1,119 +1,119 @@
 .dp-po-list {
-	display: flex;
-	flex-direction: column;
-	color: var(--grey);
+  color: var(--grey);
+  display: flex;
+  flex-direction: column;
 }
 
 .dp-po-list .dp-po-title-item {
-	font: var(--h-2);
-	color: var(--grey-darkest);
-	margin-bottom: 10px;
-	display: flex;
+  color: var(--grey-darkest);
+  display: flex;
+  font: var(--h-2);
+  margin-bottom: 10px;
 }
 
 .dp-po-list input {
-	border: none;
-	border-bottom: 1px solid var(--grey-light);
-	outline: none;
-	padding: 10px 0;
-	color: var(--grey-darkest);
-	font: var(--p-1);
+  border: none;
+  border-bottom: 1px solid var(--grey-light);
+  color: var(--grey-darkest);
+  font: var(--p-1);
+  outline: none;
+  padding: 10px 0;
 }
 
 .dp-po-list input::placeholder {
-	color: var(--grey);
+  color: var(--grey);
 }
 
 .dp-po-subtitle {
-	display: flex;
-	align-items: center;
-	font: var(--p-2-bold);
+  align-items: center;
+  display: flex;
+  font: var(--p-2-bold);
 }
 
 .dp-po-subtitle .dp-po-Avatar {
-	margin-right: 10px;
+  margin-right: 10px;
 }
 
 .dp-po-list .dp-po-subtitle .dp-po-Icon.Icon--date {
-	margin-left: 20px;
-	position: relative;
+  margin-left: 20px;
+  position: relative;
 }
 
 .dp-po-list .dp-po-subtitle .dp-po-Icon.Icon--comment {
-	margin-left: 20px;
-	position: relative;
+  margin-left: 20px;
+  position: relative;
 }
 
-.dp-po-list .dp-po-subtitle .dp-po-Icon.Icon--date:after,
-.dp-po-list .dp-po-subtitle .dp-po-Icon.Icon--comment:after {
-	content: '';
-	position: absolute;
-	width: 1px;
-	height: 100%;
-	background-color: var(--grey);
-	top: 0;
-	left: -10px;
+.dp-po-list .dp-po-subtitle .dp-po-Icon.Icon--date::after,
+.dp-po-list .dp-po-subtitle .dp-po-Icon.Icon--comment::after {
+  background-color: var(--grey);
+  content: "";
+  height: 100%;
+  left: -10px;
+  position: absolute;
+  top: 0;
+  width: 1px;
 }
 
 .dp-po-list .dp-po-subtitle .dp-po-Icon {
-	margin-right: 10px;
+  margin-right: 10px;
 }
 
 .label-knowledgebase {
-	display: flex;
-	align-items: center;
+  align-items: center;
+  display: flex;
 }
 
 .label-knowledgebase .dp-po-Icon {
-	margin-right: 5px;
+  margin-right: 5px;
 }
 
-/*small-title-list-item*/
+/* small-title-list-item */
 
 .small--title-list-item .dp-po-title-item {
-	font: var(--p-2-bold);
-	justify-content: space-between;
+  font: var(--p-2-bold);
+  justify-content: space-between;
 }
 
 input.dp-po-input-avatar {
-	padding-left: 30px;
+  padding-left: 30px;
 }
 
-/*large-icon-list-item*/
+/* large-icon-list-item */
 
 .dp-po-list.large--title-list-item {
-	flex-direction: row;
+  flex-direction: row;
 }
 
 .dp-po-list.large--title-list-item .dp-po-title-item {
-	margin-bottom: 0;
-	font: var(--h-3);
-	line-height: 1;
+  font: var(--h-3);
+  line-height: 1;
+  margin-bottom: 0;
 }
 
 .dp-po-list.large--title-list-item input {
-	border-bottom: none;
-	padding: 0 10px 0 30px;
-	margin-right: 25px;
-	max-width: 185px;
-	border-right: 2px solid var(--grey-lighter);
+  border-bottom: none;
+  border-right: 2px solid var(--grey-lighter);
+  margin-right: 25px;
+  max-width: 185px;
+  padding: 0 10px 0 30px;
 }
 
 .dp-po-Button.Button--texticon {
-	margin-right: 0;
-	margin-left: auto;
+  margin-left: auto;
+  margin-right: 0;
 }
 
 .dp-po-zip {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	padding: 5px 10px;
-	background-color: var(--grey-lighter);
-	border-radius: 2px;
-	margin-right: 20px;
+  align-items: center;
+  background-color: var(--grey-lighter);
+  border-radius: 2px;
+  display: flex;
+  justify-content: center;
+  margin-right: 20px;
+  padding: 5px 10px;
 }
 
 .dp-po-large-input {
-	display: flex;
-}
\ No newline at end of file
+  display: flex;
+}
diff --git a/packages/style/src/components/dp-po-pagination.css b/packages/style/src/components/dp-po-pagination.css
index 1641b03b..08776555 100644
--- a/packages/style/src/components/dp-po-pagination.css
+++ b/packages/style/src/components/dp-po-pagination.css
@@ -57,8 +57,8 @@
 
 .dp-po-PageNumber.is-disabled {
   background: var(--grey-light);
-  color: var(--white);
   border: none;
+  color: var(--white);
 }
 
 .dp-po-PaginationArrows {
@@ -66,12 +66,12 @@
 }
 
 .dp-po-PaginationArrows {
-  outline: none;
-  width: 20px;
-  height: 20px;
-  display: flex;
   align-items: center;
+  display: flex;
+  height: 20px;
   justify-content: center;
+  outline: none;
+  width: 20px;
 }
 
 .dp-po-Pagination-container a:hover {
@@ -110,13 +110,13 @@
   color: var(--grey-darkest);
   font: var(--p-n);
   height: 20px;
+  line-height: 2;
   margin-left: 10px;
   margin-right: 5px;
   max-width: 34px;
+  outline: none;
   position: relative;
   text-align: center;
-  line-height: 2;
-  outline: none;
 }
 
 .dp-po-PageJump .dp-po-PageJump-page:focus {
@@ -133,11 +133,11 @@
   border-radius: 3px;
   color: var(--white);
   font: var(--b-2-semibold);
-  max-width: 25px;
   max-height: 20px;
+  max-width: 25px;
+  min-width: auto;
   padding: 3px 4px;
   width: auto;
-  min-width: auto;
 }
 
 .dp-po-PageJump .dp-po-Button.Button--grey {
diff --git a/packages/style/src/components/dp-po-popups.css b/packages/style/src/components/dp-po-popups.css
index 2cfa010f..87aa24c2 100644
--- a/packages/style/src/components/dp-po-popups.css
+++ b/packages/style/src/components/dp-po-popups.css
@@ -1,49 +1,49 @@
-/*Popup--icon*/
+/* Popup--icon */
 
 .dp-po-Popup.Popup--icon {
-	color: var(--grey-dark);
-	font: var(--p-2-bold);
-	box-shadow: var(--shadow-bottom-right);
-	background-color: var(--grey-lightest);
-	border-radius: 3px;
-	align-items: center;
-	position: relative;
-	display: flex;
-	padding: 15px;
+  align-items: center;
+  background-color: var(--grey-lightest);
+  border-radius: 3px;
+  box-shadow: var(--shadow-bottom-right);
+  color: var(--grey-dark);
+  display: flex;
+  font: var(--p-2-bold);
+  padding: 15px;
+  position: relative;
 }
 
 .dp-po-Popup.Popup--icon .dp-po-Icon {
-	margin-right: 10px;
+  margin-right: 10px;
 }
 
 .dp-po-iconClose {
-	cursor: pointer;
-	height: 100%;
-	position: absolute;
-	right: 10px;
-	top: 10px;
-	width: 10px;
-	height: 10px;
+  cursor: pointer;
+  height: 100%;
+  height: 10px;
+  position: absolute;
+  right: 10px;
+  top: 10px;
+  width: 10px;
 }
 
-.dp-po-iconClose:before,
-.dp-po-iconClose:after {
-	content: "";
-	background-color: var(--grey-light);
-	top: 0;
-	right: 0;
-	bottom: 0;
-	left: 0;
-	width: 10px;
-	height: 2px;
-	margin: auto;
-	position: absolute;
+.dp-po-iconClose::before,
+.dp-po-iconClose::after {
+  background-color: var(--grey-light);
+  bottom: 0;
+  content: "";
+  height: 2px;
+  left: 0;
+  margin: auto;
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 10px;
 }
 
-.dp-po-iconClose:before {
-	transform: rotate(45deg);
+.dp-po-iconClose::before {
+  transform: rotate(45deg);
 }
 
-.dp-po-iconClose:after {
-	transform: rotate(135deg);
+.dp-po-iconClose::after {
+  transform: rotate(135deg);
 }
diff --git a/packages/style/src/components/dp-po-progressbar.css b/packages/style/src/components/dp-po-progressbar.css
index 7fc3c7e4..56b31ca4 100644
--- a/packages/style/src/components/dp-po-progressbar.css
+++ b/packages/style/src/components/dp-po-progressbar.css
@@ -1,36 +1,36 @@
 .dp-po-progressbar {
-	display: flex;
-	width: 100%;
-	position: relative;
-	color: var(--grey-dark);
-	justify-content: flex-end;
-	z-index: 1;
+  color: var(--grey-dark);
+  display: flex;
+  justify-content: flex-end;
+  position: relative;
+  width: 100%;
+  z-index: 1;
 }
 
-.dp-po-progressbar:before {
-	content: "";
-	position: absolute;
-	top: calc(50% - 1px);
-	left: 0;
-	width: 100%;
-	height: 2px;
-	background-color: var(--grey-light);
+.dp-po-progressbar::before {
+  background-color: var(--grey-light);
+  content: "";
+  height: 2px;
+  left: 0;
+  position: absolute;
+  top: calc(50% - 1px);
+  width: 100%;
 }
 
-.dp-po-progressbar:after {
-	content: "";
-	position: absolute;
-	top: calc(50% - 1px);
-	left: 0;
-	width: 58%;
-	height: 2px;
-	background-color: var(--brand-primary);
+.dp-po-progressbar::after {
+  background-color: var(--brand-primary);
+  content: "";
+  height: 2px;
+  left: 0;
+  position: absolute;
+  top: calc(50% - 1px);
+  width: 58%;
 }
 
 .dp-po-progress {
-	z-index: 2;
-	display: flex;
-	padding-left: 20px;
-	background-color: var(--white);
-	font: var(--b-1-semibold);
+  background-color: var(--white);
+  display: flex;
+  font: var(--b-1-semibold);
+  padding-left: 20px;
+  z-index: 2;
 }
diff --git a/packages/style/src/components/dp-po-scrollbar.css b/packages/style/src/components/dp-po-scrollbar.css
index 14df03ed..2ee521d6 100644
--- a/packages/style/src/components/dp-po-scrollbar.css
+++ b/packages/style/src/components/dp-po-scrollbar.css
@@ -1,20 +1,20 @@
 .dp-po-scrollbar {
-	display: block;
-	position: relative;
-	width: 6px;
-	height: 100%;
-	background-color: var(--grey-lighter);
-	border-radius: 6px;
+  background-color: var(--grey-lighter);
+  border-radius: 6px;
+  display: block;
+  height: 100%;
+  position: relative;
+  width: 6px;
 }
 
 .dp-po-dragger {
-	position: absolute; 
-	left: 0;
-	top: 0;
-	background-color: var(--grey-dark);
-	border-radius: 6px;
-	width: 100%;
-	height: 15%;
-	min-height: 95px;
-	cursor: pointer;
+  background-color: var(--grey-dark);
+  border-radius: 6px;
+  cursor: pointer;
+  height: 15%;
+  left: 0;
+  min-height: 95px;
+  position: absolute;
+  top: 0;
+  width: 100%;
 }
diff --git a/packages/style/src/components/dp-po-tables.css b/packages/style/src/components/dp-po-tables.css
index 520006ac..f4568f1e 100644
--- a/packages/style/src/components/dp-po-tables.css
+++ b/packages/style/src/components/dp-po-tables.css
@@ -1,64 +1,64 @@
 .dp-po-TableWrapper {
-	display: block;
-	position: relative;
+  display: block;
+  position: relative;
 }
 
 .dp-po-Tableview {
-	display: block;
+  display: block;
 }
 
 .dp-po-TableRow.dp-po-TableControl {
-	color: var(--grey-dark);
+  color: var(--grey-dark);
 }
 
 .dp-po-TableControl .dp-po-TableItem {
-	font: var(--p-2-bold);
+  font: var(--p-2-bold);
 }
 
 .dp-po-TableRow {
-	align-items: center;
-	display: flex;
-	color: var(--grey-darkest);
+  align-items: center;
+  color: var(--grey-darkest);
+  display: flex;
 }
 
 .dp-po-TableRow > div {
-	align-items: center;
-	display: flex;
-	padding: 6px 13px;
+  align-items: center;
+  display: flex;
+  padding: 6px 13px;
 }
 
 .dp-po-TableRow > div:first-child {
-	padding: 6px 13px 6px 35px;
+  padding: 6px 13px 6px 35px;
 }
 
 .dp-po-TableItem {
-	position: relative;
-	font: var(--p-1);
+  font: var(--p-1);
+  position: relative;
 }
 
 .dp-po-TableControl .dp-po-TableItem .dp-po-Icon {
-	margin-left: 10px;
+  margin-left: 10px;
 }
 
 .dp-po-ticket {
-	font: var(--p-2-bold);
+  font: var(--p-2-bold);
 }
 
 .dp-po-ticket-Icon {
-	position: absolute;
-	left: 10px;
-	top: calc(50% - 6px);
-	background-color: var(--danger);
-	border-radius: 50%;
-	width: 12px;
-	height: 12px;
+  background-color: var(--danger);
+  border-radius: 50%;
+  height: 12px;
+  left: 10px;
+  position: absolute;
+  top: calc(50% - 6px);
+  width: 12px;
 }
 
 .dp-po-TableItem .dp-po-Avatar-icon + .dp-po-Icon {
-	margin-left: -5px;
-	background-color: var(--white);
+  background-color: var(--white);
+  margin-left: -5px;
 }
 
 .dp-po-TableRow.TableRow--chat > div:first-child {
-	padding: 6px 13px;
+  padding: 6px 13px;
 }
diff --git a/packages/style/src/components/dp-po-tabs.css b/packages/style/src/components/dp-po-tabs.css
index fa9eddc3..81d04b9c 100644
--- a/packages/style/src/components/dp-po-tabs.css
+++ b/packages/style/src/components/dp-po-tabs.css
@@ -1,63 +1,63 @@
 .dp-po-Tabs, .dp-po-Tabs .dp-po-Tabs-item {
-    display: flex;
+  display: flex;
 }
 
 .dp-po-Tabs {
-	padding: 0;
-	margin: 0;
+  margin: 0;
+  padding: 0;
 }
 
 .dp-po-Tabs-item {
-	color: var(--grey);
-	font: var(--h-2);
-	cursor: pointer;
-	margin-right: 20px;
-	margin-top: 0;
-	padding: 5px 0;
-	position: relative;
-	cursor: pointer;
-	display: flex;
-	align-items: center;
+  align-items: center;
+  color: var(--grey);
+  cursor: pointer;
+  cursor: pointer;
+  display: flex;
+  font: var(--h-2);
+  margin-right: 20px;
+  margin-top: 0;
+  padding: 5px 0;
+  position: relative;
 }
 
 .Tabs--Large .dp-po-Tabs-item {
-	border-bottom: 2px solid var(--grey-lighter);
+  border-bottom: 2px solid var(--grey-lighter);
 }
 
 .Tabs--Large .dp-po-Tabs-item:hover {
-	color: var(--grey);
-	border-bottom: 2px solid var(--grey);
+  border-bottom: 2px solid var(--grey);
+  color: var(--grey);
 }
 
 .Tabs--Small .dp-po-Tabs-item:hover {
-	color: var(--grey-dark);
+  color: var(--grey-dark);
 }
 
 .dp-po-Tabs-item.is-selected {
-	color: var(--grey-darkest);
+  color: var(--grey-darkest);
 }
 
 .Tabs--Large .dp-po-Tabs-item.is-selected {
-	border-bottom: 2px solid var(--brand-primary);
+  border-bottom: 2px solid var(--brand-primary);
 }
 
 .dp-po-Tabs-item .dp-po-qt {
-	margin-left: 5px;
+  margin-left: 5px;
 }
 
 .dp-po-Tabs-item .dp-po-Icon {
-	margin-right: 10px;
+  margin-right: 10px;
 }
 
 .dp-po-Tabs.Tabs--Large .dp-po-Tabs-item {
-	margin-right: 40px;
-	font: var(--h-2);
+  font: var(--h-2);
+  margin-right: 40px;
 }
 
 .dp-po-Tabs.Tabs--Small .dp-po-Tabs-item {
-	font: var(--p-2-bold);
+  font: var(--p-2-bold);
 }
 
 .dp-po-Tabs-item .dp-po-Icon.Icon--knowledgebase {
-	background-size: 15px 20px;
+  background-size: 15px 20px;
 }
diff --git a/packages/style/src/components/dp-po-tooltips.css b/packages/style/src/components/dp-po-tooltips.css
index f77298b2..9c9090d9 100644
--- a/packages/style/src/components/dp-po-tooltips.css
+++ b/packages/style/src/components/dp-po-tooltips.css
@@ -1,8 +1,8 @@
 .dp-po-Tooltip {
-	color: var(--grey-dark);
-	font: var(--p-1);
-	box-shadow: var(--shadow-bottom-right);
-	position: relative;
-	display: flex;
-	padding: 15px;
+  box-shadow: var(--shadow-bottom-right);
+  color: var(--grey-dark);
+  display: flex;
+  font: var(--p-1);
+  padding: 15px;
+  position: relative;
 }
diff --git a/packages/style/src/custom.css b/packages/style/src/custom.css
index 22f06a33..f12d33af 100755
--- a/packages/style/src/custom.css
+++ b/packages/style/src/custom.css
@@ -1,63 +1,132 @@
 .dp-po-bold {
-	font-weight: var(--is-bold);
+  font-weight: var(--is-bold);
 }
+
 .dp-po-container {
-	width: 100%;
-	padding-right: 15px;
-	padding-left: 15px;
-	margin-right: auto;
-	margin-left: auto;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 15px;
+  padding-right: 15px;
+  width: 100%;
 }
 
 @media (min-width: 576px) {
+
   .dp-po-container {
     max-width: 540px;
   }
 }
 
 @media (min-width: 768px) {
+
   .dp-po-container {
     max-width: 720px;
   }
 }
 
 @media (min-width: 992px) {
+
   .dp-po-container {
     max-width: 960px;
   }
 }
 
 @media (min-width: 1200px) {
+
   .dp-po-container {
     max-width: 1140px;
   }
 }
 
 .dp-po-container-fluid {
-  width: 100%;
-  padding-right: 15px;
-  padding-left: 15px;
-  margin-right: auto;
   margin-left: auto;
+  margin-right: auto;
+  padding-left: 15px;
+  padding-right: 15px;
+  width: 100%;
 }
 
 .dp-po-row {
   display: flex;
   flex-wrap: wrap;
-  margin-right: -15px;
   margin-left: -15px;
+  margin-right: -15px;
 }
 
-.dp-po-col-1, .dp-po-col-2, .dp-po-col-3, .dp-po-col-4, .dp-po-col-5, .dp-po-col-6, .dp-po-col-7, .dp-po-col-8, .dp-po-col-9, .dp-po-col-10, .dp-po-col-11, .dp-po-col-12, .dp-po-col,
-.dp-po-col-auto, .dp-po-col-sm-1, .dp-po-col-sm-2, .dp-po-col-sm-3, .dp-po-col-sm-4, .dp-po-col-sm-5, .dp-po-col-sm-6, .dp-po-col-sm-7, .dp-po-col-sm-8, .dp-po-col-sm-9, .dp-po-col-sm-10, .dp-po-col-sm-11, .dp-po-col-sm-12, .dp-po-col-sm,
-.dp-po-col-sm-auto, .dp-po-col-md-1, .dp-po-col-md-2, .dp-po-col-md-3, .dp-po-col-md-4, .dp-po-col-md-5, .dp-po-col-md-6, .dp-po-col-md-7, .dp-po-col-md-8, .dp-po-col-md-9, .dp-po-col-md-10, .dp-po-col-md-11, .dp-po-col-md-12, .dp-po-col-md,
-.dp-po-col-md-auto, .dp-po-col-lg-1, .dp-po-col-lg-2, .dp-po-col-lg-3, .dp-po-col-lg-4, .dp-po-col-lg-5, .dp-po-col-lg-6, .dp-po-col-lg-7, .dp-po-col-lg-8, .dp-po-col-lg-9, .dp-po-col-lg-10, .dp-po-col-lg-11, .dp-po-col-lg-12, .dp-po-col-lg,
-.dp-po-col-lg-auto, .dp-po-col-xl-1, .dp-po-col-xl-2, .dp-po-col-xl-3, .dp-po-col-xl-4, .dp-po-col-xl-5, .dp-po-col-xl-6, .dp-po-col-xl-7, .dp-po-col-xl-8, .dp-po-col-xl-9, .dp-po-col-xl-10, .dp-po-col-xl-11, .dp-po-col-xl-12, .dp-po-col-xl,
+.dp-po-col-1,
+.dp-po-col-2,
+.dp-po-col-3,
+.dp-po-col-4,
+.dp-po-col-5,
+.dp-po-col-6,
+.dp-po-col-7,
+.dp-po-col-8,
+.dp-po-col-9,
+.dp-po-col-10,
+.dp-po-col-11,
+.dp-po-col-12,
+.dp-po-col,
+.dp-po-col-auto,
+.dp-po-col-sm-1,
+.dp-po-col-sm-2,
+.dp-po-col-sm-3,
+.dp-po-col-sm-4,
+.dp-po-col-sm-5,
+.dp-po-col-sm-6,
+.dp-po-col-sm-7,
+.dp-po-col-sm-8,
+.dp-po-col-sm-9,
+.dp-po-col-sm-10,
+.dp-po-col-sm-11,
+.dp-po-col-sm-12,
+.dp-po-col-sm,
+.dp-po-col-sm-auto,
+.dp-po-col-md-1,
+.dp-po-col-md-2,
+.dp-po-col-md-3,
+.dp-po-col-md-4,
+.dp-po-col-md-5,
+.dp-po-col-md-6,
+.dp-po-col-md-7,
+.dp-po-col-md-8,
+.dp-po-col-md-9,
+.dp-po-col-md-10,
+.dp-po-col-md-11,
+.dp-po-col-md-12,
+.dp-po-col-md,
+.dp-po-col-md-auto,
+.dp-po-col-lg-1,
+.dp-po-col-lg-2,
+.dp-po-col-lg-3,
+.dp-po-col-lg-4,
+.dp-po-col-lg-5,
+.dp-po-col-lg-6,
+.dp-po-col-lg-7,
+.dp-po-col-lg-8,
+.dp-po-col-lg-9,
+.dp-po-col-lg-10,
+.dp-po-col-lg-11,
+.dp-po-col-lg-12,
+.dp-po-col-lg,
+.dp-po-col-lg-auto,
+.dp-po-col-xl-1,
+.dp-po-col-xl-2,
+.dp-po-col-xl-3,
+.dp-po-col-xl-4,
+.dp-po-col-xl-5,
+.dp-po-col-xl-6,
+.dp-po-col-xl-7,
+.dp-po-col-xl-8,
+.dp-po-col-xl-9,
+.dp-po-col-xl-10,
+.dp-po-col-xl-11,
+.dp-po-col-xl-12,
+.dp-po-col-xl,
 .dp-po-col-xl-auto {
+  padding-left: 15px;
+  padding-right: 15px;
   position: relative;
   width: 100%;
-  padding-right: 15px;
-  padding-left: 15px;
 }
 
 .dp-po-col {
@@ -68,8 +137,8 @@
 
 .dp-po-col-auto {
   flex: 0 0 auto;
-  width: auto;
   max-width: 100%;
+  width: auto;
 }
 
 .dp-po-col-1 {
@@ -130,4 +199,4 @@
 .dp-po-col-12 {
   flex: 0 0 100%;
   max-width: 100%;
-}
\ No newline at end of file
+}
diff --git a/packages/style/src/demo/breadcrumbs-demo.css b/packages/style/src/demo/breadcrumbs-demo.css
index 10ca5cc7..3a57eddd 100644
--- a/packages/style/src/demo/breadcrumbs-demo.css
+++ b/packages/style/src/demo/breadcrumbs-demo.css
@@ -1,13 +1,13 @@
 .dp-po-Breadcrumb-item.Breadcrumb-item-demo {
-	margin-left: 15px;
-	margin-right: 0;
+  margin-left: 15px;
+  margin-right: 0;
 }
 
 .Breadcrumbs-demo .dp-po-Breadcrumb-item.is-hover .dp-po-Breadcrumb-link {
-	color: var(--brand-primary);
+  color: var(--brand-primary);
 }
 
-.Breadcrumbs-demo .dp-po-Breadcrumb-item.is-hover + .dp-po-Breadcrumb-item:before,
-.Breadcrumbs-demo .dp-po-Breadcrumb-item.is-hover + .dp-po-Breadcrumb-item:after {
+.Breadcrumbs-demo .dp-po-Breadcrumb-item.is-hover + .dp-po-Breadcrumb-item::before,
+.Breadcrumbs-demo .dp-po-Breadcrumb-item.is-hover + .dp-po-Breadcrumb-item::after {
   background-color: var(--brand-primary);
-} 
\ No newline at end of file
+}
diff --git a/packages/style/src/demo/buttons-demo.css b/packages/style/src/demo/buttons-demo.css
index 421d05bf..13d9de20 100644
--- a/packages/style/src/demo/buttons-demo.css
+++ b/packages/style/src/demo/buttons-demo.css
@@ -10,9 +10,9 @@
 
 .dp-po-ButtonItem-demo {
   display: flex;
-  width: 254px;
   flex-direction: column;
   margin: 0 30px 30px 0;
+  width: 254px;
 }
 
 .Small--ButtonItem-demo {
@@ -40,7 +40,7 @@
 }
 
 .dp-po-StateWrapper-demo + .dp-po-ButtonItem-demo {
-  margin-top: 30px; 
+  margin-top: 30px;
 }
 
 .dp-po-ButtonState {
@@ -50,7 +50,7 @@
   margin-right: 10px;
 }
 
-/*Hover*/
+/* Hover */
 
 .dp-po-Button.Button--small.is-hover {
   background-color: rgba(58, 141, 222, 0.6);
@@ -74,18 +74,18 @@
 
 .dp-po-Button.Button--icon.is-hover {
   background-color: var(--info-light);
-  color: var(--brand-primary);
   border-color: var(--brand-primary);
+  color: var(--brand-primary);
 }
 
 .dp-po-Button.Button--small.Button--icon.is-hover {
-  color: var(--white);
   background-color: var(--brand-primary);
+  color: var(--white);
 }
 
 .dp-po-Button.Button--texticon.is-hover {
+  background-color: var(--brand-primary);
   color: var(--white);
-  background-color: var(--brand-primary); 
 }
 
 .split-button.is-hover li:first-child {
diff --git a/packages/style/src/demo/cards-demo.css b/packages/style/src/demo/cards-demo.css
index 9b5c4cfe..4838c881 100644
--- a/packages/style/src/demo/cards-demo.css
+++ b/packages/style/src/demo/cards-demo.css
@@ -1,8 +1,8 @@
 .card-atom--demo {
-	height: 44px;
+  height: 44px;
 }
 
 .dp-po-card-atom.is-hover {
-	border-color: var(--brand-primary);
-	box-shadow: var(--shadow-bottom-right);
+  border-color: var(--brand-primary);
+  box-shadow: var(--shadow-bottom-right);
 }
diff --git a/packages/style/src/demo/checkbox-demo.css b/packages/style/src/demo/checkbox-demo.css
index 8a6b8bb1..583da72f 100644
--- a/packages/style/src/demo/checkbox-demo.css
+++ b/packages/style/src/demo/checkbox-demo.css
@@ -1,7 +1,7 @@
 .dp-po-CustomCheckbox.CustomCheckbox--medium.is-hover {
-	background-color: var(--grey-lighter);
+  background-color: var(--grey-lighter);
 }
 
 .dp-po-CustomCheckbox.CustomCheckbox--medium.is-hover .dp-po-Checkbox-description {
-    display: block;
+  display: block;
 }
diff --git a/packages/style/src/demo/dropdown-demo.css b/packages/style/src/demo/dropdown-demo.css
index 69e30be0..d6bfcb1a 100644
--- a/packages/style/src/demo/dropdown-demo.css
+++ b/packages/style/src/demo/dropdown-demo.css
@@ -1,8 +1,8 @@
 .dp-po-dropdown-menu .dp-po-dropdown-menu-item.is-hover {
-	color: var(--brand-primary);
-	background-color: var(--info-light);
+  background-color: var(--info-light);
+  color: var(--brand-primary);
 }
 
 .dp-po-search-expand.is-hover > .dp-po-txt {
-	color: var(--brand-primary);
+  color: var(--brand-primary);
 }
diff --git a/packages/style/src/demo/fonts-demo.css b/packages/style/src/demo/fonts-demo.css
index 181e2956..8712142f 100644
--- a/packages/style/src/demo/fonts-demo.css
+++ b/packages/style/src/demo/fonts-demo.css
@@ -1,183 +1,183 @@
-/*Header sizes*/
+/* Header sizes */
 
 .h-1 {
-	font: var(--h-1);
+  font: var(--h-1);
 }
 
 .h-2 {
-	font: var(--h-2);
+  font: var(--h-2);
 }
 
 .h-3 {
-	font: var(--h-3);
+  font: var(--h-3);
 }
 
 .h-3-medium {
-	font: var(--h-3--medium);
+  font: var(--h-3--medium);
 }
 
 .h-4 {
-	font: var(--h-4);
+  font: var(--h-4);
 }
 
 .h-5 {
-	font: var(--h-5);
+  font: var(--h-5);
 }
 
 .h-5-medium {
-	font: var(--h-5-medium);
+  font: var(--h-5-medium);
 }
 
 .h-6 {
-	font: var(--h-6);
+  font: var(--h-6);
 }
 
-/*Body sizes*/
+/* Body sizes */
 
 .p-1 {
-	font: var(--p-1);
+  font: var(--p-1);
 }
 
 .p-2-bold {
-	font: var(--p-2-bold);
+  font: var(--p-2-bold);
 }
 
 .p-3-semibold {
-	font: var(--p-3-semibold);
+  font: var(--p-3-semibold);
 }
 
-/*Button sizes*/
+/* Button sizes */
 
 .b-1-semibold {
-	font: var(--b-1-semibold);
+  font: var(--b-1-semibold);
 }
 
 .b-2-semibold-caps {
-	font: var(--b-2-semibold);
-	text-transform: uppercase;
+  font: var(--b-2-semibold);
+  text-transform: uppercase;
 }
 
 .b-3-semibold-caps {
-	font: var(--b-3-semibold);
-	text-transform: uppercase;
+  font: var(--b-3-semibold);
+  text-transform: uppercase;
 }
 
-/*Inline Text*/
+/* Inline Text */
 
 .s-2 {
-	font: var(--font-s2);
+  font: var(--font-s2);
 }
 
-/*Mobile Header sizes*/
+/* Mobile Header sizes */
 
 .mh-1 {
-	font: var(--mh-1);
+  font: var(--mh-1);
 }
 
 .mh-2 {
-	font: var(--mh-2);
+  font: var(--mh-2);
 }
 
 .mh-3 {
-	font: var(--mh-3);
+  font: var(--mh-3);
 }
 
 .mh-3-medium {
-	font: var(--mh-3-medium);
+  font: var(--mh-3-medium);
 }
 
-/*Mobile Body sizes*/
+/* Mobile Body sizes */
 
 .mp1 {
-	font: var(--mp-1);
+  font: var(--mp-1);
 }
 
 .mp-1--bold {
-	font: var(--mp-1-bold);
+  font: var(--mp-1-bold);
 }
 
 .mp3 {
-	font: var(--mp-3);
+  font: var(--mp-3);
 }
 
-/*Messenger Typography*/
+/* Messenger Typography */
 
 .Messenger-h-1 {
-	font: var(--messenger-h-1);
+  font: var(--messenger-h-1);
 }
 
 .Messenger-h-2 {
-	font: var(--messenger-h-2);
+  font: var(--messenger-h-2);
 }
 
 .Messenger-h-3 {
-	font: var(--messenger-h-3-medium);
+  font: var(--messenger-h-3-medium);
 }
 
 .Messenger-p-1 {
-	font: var(--messenger-p-1);
+  font: var(--messenger-p-1);
 }
 
 .Messenger-p-2 {
-	font: var(--messenger-p-2);
+  font: var(--messenger-p-2);
 }
 
 .Messenger-p-2-medium {
-	font: var(--messenger-p-2-medium);
+  font: var(--messenger-p-2-medium);
 }
 
 .Messenger-p-3 {
-	font: var(--messenger-p-3);
+  font: var(--messenger-p-3);
 }
 
 .Messenger-b-1 {
-	font: var(--messenger-b-1);
+  font: var(--messenger-b-1);
 }
 
 .Messenger-b-2 {
-	font: var(--messenger-b-2);
+  font: var(--messenger-b-2);
 }
 
 .Messenger-b-3 {
-	font: var(--messenger-b-3);
-	color: var(--brand-primary);
+  color: var(--brand-primary);
+  font: var(--messenger-b-3);
 }
 
 .Messenger-it-small {
-	font: var(--messenger-it-small);
-	font-style: italic;
+  font: var(--messenger-it-small);
+  font-style: italic;
 }
 
 .Messenger-s-1 {
-	font: var(--messenger-s-1);
-	color: var(--grey-dark);
+  color: var(--grey-dark);
+  font: var(--messenger-s-1);
 }
 
 /* main DEMO style */
 
 .dp-po-FontsDemonstration {
-	color: var(--grey-darkest);
+  color: var(--grey-darkest);
 }
 
 .dp-po-FontsDemonstration .dp-po-Title {
-	font: var(--p-2);
-	border: none;
-	color: var(--black);
+  border: none;
+  color: var(--black);
+  font: var(--p-2);
 }
 
 .dp-po-FontsDemonstration > * {
-	border-bottom: 1px solid var(--grey-light);
-	height: 75px;
-	display: flex;
-	align-items: center;
+  align-items: center;
+  border-bottom: 1px solid var(--grey-light);
+  display: flex;
+  height: 75px;
 }
 
 .dp-po-FontsDemonstration > div {
-	display: flex;
+  display: flex;
 }
 
 .dp-po-FontsDemonstration > div > * {
-	flex: 0 0 40%;
+  flex: 0 0 40%;
 }
 
 .dp-po-FontsDemonstration h1,
@@ -187,5 +187,5 @@
 .dp-po-FontsDemonstration h5,
 .dp-po-FontsDemonstration h6,
 .dp-po-FontsDemonstration p {
-	margin: 0;
+  margin: 0;
 }
diff --git a/packages/style/src/demo/form-demo.css b/packages/style/src/demo/form-demo.css
index 81d76936..5f0dc902 100644
--- a/packages/style/src/demo/form-demo.css
+++ b/packages/style/src/demo/form-demo.css
@@ -1,36 +1,36 @@
 .dp-po-Forms.is-focus input {
-	border-color: var(--brand-primary);
+  border-color: var(--brand-primary);
 }
 
 .dp-po-Forms.dp-po-Search-bar.is-focus input {
-	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
-	padding-left: 10px;
+  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
+  padding-left: 10px;
 }
 
 .dp-po-Forms.dp-po-Search-bar.is-focus input + .dp-po-Icon {
-	display: none;
+  display: none;
 }
 
 .dp-po-Forms.dp-po-Search-bar.is-focus input::placeholder {
-	color: var(--grey-darkest);
+  color: var(--grey-darkest);
 }
 
 .dp-po-Forms.is-focus input::placeholder,
 .dp-po-Forms .dp-po-Textarea.is-focus textarea::placeholder {
-	color: var( --grey-darkest);
+  color: var(--grey-darkest);
 }
 
-.dp-po-Forms .Forms--item-login.is-focus:after {
-	content: "";
-	position: absolute;
-	top: 0;
-	left: -20px;
-	width: 4px;
-	height: 100%;
-	background-color: var(--brand-primary);
+.dp-po-Forms .Forms--item-login.is-focus::after {
+  background-color: var(--brand-primary);
+  content: "";
+  height: 100%;
+  left: -20px;
+  position: absolute;
+  top: 0;
+  width: 4px;
 }
 
 .dp-po-Forms .Forms--item-login.is-focus input:focus + .dp-po-login-title,
 .dp-po-Forms .Forms--item-login.is-focus .dp-po-login-title {
-	color: var(--brand-primary);
-}
\ No newline at end of file
+  color: var(--brand-primary);
+}
diff --git a/packages/style/src/demo/full-demo.css b/packages/style/src/demo/full-demo.css
index 04b0771b..93ac7e9d 100644
--- a/packages/style/src/demo/full-demo.css
+++ b/packages/style/src/demo/full-demo.css
@@ -1,493 +1,670 @@
 .dp-po-nav {
-	justify-content: space-between;
-	padding: 10px 0;
-	margin: 0;
+  justify-content: space-between;
+  margin: 0;
+  padding: 10px 0;
 }
 
 .dp-po-nav,
 .dp-po-nav-control ul {
-	display: flex;
-	align-items: center;
-	list-style: none;
+  align-items: center;
+  display: flex;
+  list-style: none;
 }
 
 .dp-po-nav .dp-po-nav-control {
-	margin: 0;
+  margin: 0;
 }
 
 .dp-po-nav-control ul {
-	padding: 0;
+  padding: 0;
 }
 
 .dp-po-nav li,
 .dp-po-nav-control li {
-	margin: 0 30px 0 0;
+  margin: 0 30px 0 0;
 }
 
 .dp-po-nav .dp-po-Avatar-icon {
-	margin-right: 11px;
+  margin-right: 11px;
 }
 
 .dp-po-Logo-wrap {
-	display: flex;
-	align-items: center;
+  align-items: center;
+  display: flex;
 }
 
 .dp-po-Logo-wrap .dp-po-Icon {
-	margin-right: 55px;
-	position: relative;
+  margin-right: 55px;
+  position: relative;
 }
 
 .dp-po-nav .dp-po-Button {
-	position: relative;
+  position: relative;
 }
 
-.dp-po-Logo-wrap .dp-po-Icon:after,
-.dp-po-nav .dp-po-Button:after {
-	content: "";
-	position: absolute;
-	top: 0;
-	right: -15px;
-	width: 1px;
-	height: 100%;
-	background-color: var(--grey-light);
+.dp-po-Logo-wrap .dp-po-Icon::after,
+.dp-po-nav .dp-po-Button::after {
+  background-color: var(--grey-light);
+  content: "";
+  height: 100%;
+  position: absolute;
+  right: -15px;
+  top: 0;
+  width: 1px;
 }
 
-.dp-po-Logo-wrap .dp-po-Icon:after {
-	right: -25px;
+.dp-po-Logo-wrap .dp-po-Icon::after {
+  right: -25px;
 }
 
 .dp-po-Header-container {
-	background: var(--brand-primary-gradient);
-	padding: 100px 0;
-	display: flex;
-	align-items: center;
-	justify-content: center;
+  align-items: center;
+  background: var(--brand-primary-gradient);
+  display: flex;
+  justify-content: center;
+  padding: 100px 0;
 }
 
 .dp-po-Header-container .dp-po-Forms.dp-po-Search-bar input {
-	margin: auto;
+  margin: auto;
 }
 
 .dp-po-Select-Language {
-	display: flex;
-	align-items: center;
+  align-items: center;
+  display: flex;
 }
 
 .dp-po-Select-Language .dp-po-Icon {
-	margin-right: 10px;
+  margin-right: 10px;
 }
 
 .dp-po-Select-Language .dp-po-arrow {
-	margin-left: 10px;
+  margin-left: 10px;
 }
 
-.dp-Template .dp-po-Breadcrumbs li:nth-child(2)::before,
-.dp-Template .dp-po-Breadcrumbs li:nth-child(2)::after {
-	display: none;
+.dp-po-Breadcrumb-item.dp-po-support-centre::before,
+.dp-po-Breadcrumb-item.dp-po-support-centre::after {
+  display: none;
 }
 
-.dp-Template .dp-po-Breadcrumbs .dp-po-Icon {
-	width: 21px;
-	height: 21px;
-	background-size: 21px;
-	position: relative;
+.dp-po-Breadcrumbs .dp-po-Breadcrumb-item .dp-po-Icon.Icon-Tech-company {
+  background-size: 21px;
+  height: 21px;
+  position: relative;
+  width: 21px;
 }
 
-.dp-Template .dp-po-Breadcrumbs .dp-po-Icon:after {
-	position: absolute;
-	content: "";
-	top: -5px;
-	right: -15px;
-	width: 1px;
-	height: calc(100% + 10px);
-	background-color: var(--grey-light);
+.dp-po-Breadcrumbs .dp-po-Breadcrumb-item .dp-po-Icon.Icon-Tech-company::after {
+  background-color: var(--grey-light);
+  content: "";
+  height: calc(100% + 10px);
+  position: absolute;
+  right: -15px;
+  top: -5px;
+  width: 1px;
 }
 
 .dp-po-main {
-	color: var(--grey-darkest);
-	background-color: var(--grey-lightest);
+  background-color: var(--grey-lightest);
+  color: var(--grey-darkest);
 }
 
 .dp-po-main .dp-po-Title-page {
-	display: flex;
-	align-items: center;
-	font: var(--h-1);
+  align-items: center;
+  display: flex;
+  font: var(--h-1);
 }
 
 .dp-po-main .dp-po-Title-page .dp-po-Icon {
-	margin-right: 10px;
+  margin-right: 10px;
 }
 
 .dp-po-main .dp-po-Sidebar {
-	padding-top: 170px;
+  padding-top: 170px;
 }
 
 .dp-po-Sidebar-title {
-	color: var(--grey-dark);
-	font: var(--h-3--medium);
-	border-bottom: 1px solid var(--grey);
-	display: flex;
-	width: 100%;
-	padding: 20px 0;
+  border-bottom: 1px solid var(--grey);
+  color: var(--grey-dark);
+  display: flex;
+  font: var(--h-3--medium);
+  padding: 20px 0;
+  width: 100%;
 }
 
 .dp-po-List {
-	display: flex;
-	align-items: center;
-	list-style: none;
-	padding: 0;
+  align-items: center;
+  display: flex;
+  list-style: none;
+  padding: 0;
 }
 
 .dp-po-List.List--col {
-	flex-direction: column;
-	margin: 0;
-	align-items: flex-start;
+  align-items: flex-start;
+  flex-direction: column;
+  margin: 0;
 }
 
 .dp-po-List li {
-	margin: 0;
+  margin: 0;
 }
 
 .dp-po-List.List--avatars {
-	width: max-content;
+  width: max-content;
 }
 
 .dp-po-List.List--avatars:hover li {
-	opacity: .5;
+  opacity: 0.5;
 }
 
 .dp-po-List.List--avatars li {
-	margin-right: -10px;
-	border: 5px solid var(--grey-lightest);
-	border-radius: 50%;
+  border: 5px solid var(--grey-lightest);
+  border-radius: 50%;
+  margin-right: -10px;
 }
 
 .dp-po-List.List--avatars li:hover {
-	opacity: 1;
-	z-index: 2;
+  opacity: 1;
+  z-index: 2;
 }
 
 .dp-po-List.List--avatars li .dp-po-Avatar {
-	border: 2px solid transparent;
+  border: 2px solid transparent;
 }
 
 .dp-po-List.List--avatars li:hover .dp-po-Avatar {
-	border: 2px solid var(--brand-primary);
-	border-radius: 50%;
-	opacity: 1;
-	z-index: 2;
+  border: 2px solid var(--brand-primary);
+  border-radius: 50%;
+  opacity: 1;
+  z-index: 2;
 }
 
-.dp-po-List.List--avatars + .dp-po-description {
-	color: var(--grey-dark);
-	font: var(--mp-1);
+.dp-po-List.List--avatars + .dp-po-description-wrap .dp-po-description {
+  color: var(--grey-dark);
+  font: var(--mp-1);
 }
 
 .dp-po-publish-date {
-	border: 2px solid var(--danger);
-	border-radius: 1px;
-	display: flex;
-	margin: 20px 0;
+  border: 2px solid var(--danger);
+  border-radius: 1px;
+  display: flex;
+  margin: 20px 0;
 }
 
 .dp-po-publish-date .dp-po-publish-icon {
-	padding: 20px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	flex: 0 0 60px;
-	background-color: var(--white);
+  align-items: center;
+  background-color: var(--white);
+  display: flex;
+  flex: 0 0 60px;
+  justify-content: center;
+  padding: 20px;
 }
 
 .dp-po-publish-date .dp-po-description {
-	padding: 20px;
-	font: var(--p-1);
-	color: var(--grey-darkest);
-	background-color: var(--danger-light);
-	border-left: 2px solid var(--danger);
-	width: 100%;
+  background-color: var(--danger-light);
+  border-left: 2px solid var(--danger);
+  color: var(--grey-darkest);
+  font: var(--p-1);
+  padding: 20px;
+  width: 100%;
 }
 
 .dp-po-description-wrap {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
 }
 
 .dp-po-description-wrap .dp-IconsWrapper .dp-po-Icon {
-	background-color: var(--white);
-	border-radius: 50%;
-	border: 1px solid var(--grey-light);
-	padding: 20px;
+  background-color: var(--white);
+  border: 1px solid var(--grey-light);
+  border-radius: 50%;
+  padding: 20px;
 }
 
 .dp-po-description-wrap .dp-IconsWrapper .dp-po-Icon:hover {
-	border: 1px solid var(--brand-primary);
+  border: 1px solid var(--brand-primary);
 }
 
 .dp-po-description-wrap .dp-po-Icon:not(:last-child) {
-	margin-right: 10px;
-} 
+  margin-right: 10px;
+}
 
 .dp-po-tex-wrap {
-	background-color: var(--white);
-	box-shadow: var(--shadow-bottom);
-	border-radius: 4px;
-	padding: 30px;
-	color: var(--grey-darkest);
-	font: var(--p-1);
-	line-height: 1.5;
-	margin-bottom: 50px;
+  background-color: var(--white);
+  border-radius: 4px;
+  box-shadow: var(--shadow-bottom);
+  color: var(--grey-darkest);
+  font: var(--p-1);
+  line-height: 1.5;
+  margin-bottom: 50px;
+  padding: 30px;
 }
 
 .dp-po-tex-wrap .dp-po-title {
-	font: var(--h-2);
+  font: var(--h-2);
 }
 
 .dp-po-Image-knowledgabse {
-	border: 1px solid var(--grey-light);
-	display: flex;
+  border: 1px solid var(--grey-light);
+  display: flex;
 }
 
 .dp-po-Image-knowledgabse img {
-	border: 1px solid var(--grey);
-	padding: 5px;
-	margin: 3px;
-	overflow: hidden;
+  border: 1px solid var(--grey);
+  margin: 3px;
+  overflow: hidden;
+  padding: 5px;
 }
 
 .dp-po-image-description {
-	font: var(--p-3);
-	color: var(--grey-dark);
-	font-style: italic;
+  color: var(--grey-dark);
+  font: var(--p-3);
+  font-style: italic;
 }
 
 .dp-po-comments {
-	display: flex;
-	align-items: center;
-	font: var(--h-2);
-	margin-bottom: 75px;
-	cursor: pointer;
+  align-items: center;
+  cursor: pointer;
+  display: flex;
+  font: var(--h-2);
+  margin: 30px 0 15px;
+}
+
+.dp-po-comments-wrap {
+  background-color: var(--white);
+  border-radius: 4px;
+  box-shadow: var(--shadow-bottom);
+  display: none;
+  margin-bottom: 30px;
+  padding: 30px;
+}
+
+.dp-po-comments.is-active + .dp-po-comments-wrap {
+  display: block;
+}
+
+.dp-po-comments-wrap .dp-po-Upload-wrapper,
+.dp-po-comments-wrap .dp-po-button-wrap {
+  margin-top: 20px;
+  padding-left: 40px;
+}
+
+.dp-po-comments-wrap .dp-po-button-wrap {
+  display: flex;
+}
+
+.dp-po-comments-wrap .dp-po-comment-subtitle {
+  color: var(--grey-dark);
+  display: block;
+  font: var(--p-2-bold);
+  margin: 10px 0;
+}
+
+.dp-po-comments-wrap .Forms--Textarea {
+  max-width: 100%;
 }
 
 .dp-po-comments .dp-po-Icon {
-	margin-left: 10px;
+  margin-left: 10px;
 }
 
 .dp-po-tex-wrap .dp-po-tooltip-wrap {
-	background-color: var(--info-light);
-	position: relative;
-	cursor: pointer;
-	margin: 0 10px 0 5px;
-	padding: 0 5px;
+  background-color: var(--info-light);
+}
+
+.dp-po-tooltip-wrap {
+  cursor: pointer;
+  margin: 0 10px 0 5px;
+  padding: 0 5px;
+  position: relative;
 }
 
-.dp-po-tex-wrap .dp-po-tooltip-wrap:hover .dp-po-tooltip {
-	display: block;
+.dp-po-tooltip-wrap:hover .dp-po-tooltip {
+  display: block;
 }
 
-.dp-po-tex-wrap .dp-po-tooltip-wrap .dp-po-tooltip-title {
-	font: var(--p-2-bold);
-	display: flex;
-	margin-bottom: 5px;
+.dp-po-tooltip-wrap .dp-po-tooltip-title {
+  display: flex;
+  font: var(--p-2-bold);
+  margin-bottom: 5px;
 }
 
-.dp-po-tex-wrap .dp-po-tooltip-wrap .dp-po-tooltip {
-	position: absolute;
-	border: 1px solid var(--grey-light);
-	box-shadow: var(--shadow-bottom-left);
-	border-radius: 2px;
-	max-width: 270px;
-	width: max-content;
-	top: 100%;
-	left: 100%;
-	color: var(--grey-darkest);
-	font: var(--p-3-semibold);
-	line-height: 1.5;
-	padding: 10px;
-	background-color: var(--white);
-	display: none;
-	z-index: 2;
+.dp-po-tooltip-wrap .dp-po-tooltip {
+  background-color: var(--white);
+  border: 1px solid var(--grey-light);
+  border-radius: 2px;
+  box-shadow: var(--shadow-bottom-left);
+  color: var(--grey-darkest);
+  display: none;
+  font: var(--p-3-semibold);
+  left: 100%;
+  line-height: 1.5;
+  max-width: 270px;
+  padding: 10px;
+  position: absolute;
+  top: 100%;
+  width: max-content;
+  z-index: 2;
 }
 
 .dp-po-Sidebar.Sidebar--right .dp-po-Dropdown-container {
-	max-width: 100%;
+  max-width: 100%;
 }
 
-.dp-po-Sidebar.Sidebar--right .dp-po-dropdown-atom .dp-po-Icon {
-	margin: 0 10px;
+.subscribe--dropdown .dp-po-dropdown-atom .dp-po-Icon {
+  margin: 0 10px;
 }
 
 .dp-po-Sidebar.Sidebar--right .dp-po-dropdown-atom .dp-po-Icon.Icon--check {
-	background-size: 18px 16px;
-	width: 18px;
-	height: 16px;
-	margin-right: 10px;
-	margin-left: auto;
+  background-size: 18px 16px;
+  height: 16px;
+  margin-left: auto;
+  margin-right: 10px;
+  width: 18px;
 }
 
 .dp-po-Sidebar.Sidebar--right .dp-po-dropdown-atom {
-	background-color: var(--white);
-	border: 1.5px solid var(--grey-lighter);
-	color: var(--grey-dark);
-	font: var(--h-5);
-	justify-content: flex-start;
-	padding: 0;
-	height: 44px;
+  background-color: var(--white);
+  border: 1.5px solid var(--grey-lighter);
+  color: var(--grey-dark);
+  font: var(--h-5);
+  height: 44px;
+  justify-content: flex-start;
+  padding: 0;
 }
 
 .dp-po-Sidebar.Sidebar--right .dp-po-dropdown-atom:hover,
 .dp-po-Sidebar.Sidebar--right .dp-po-dropdown-atom.is-active {
-	color: var(--white);
-	background-color: var(--brand-primary);
+  background-color: var(--brand-primary);
+  color: var(--white);
 }
 
 .dp-po-Sidebar.Sidebar--right .dp-po-dropdown-atom + .dp-po-dropdown-menu {
-	background-color: var(--white);
-	margin-top: 5px;
-	border: 1px solid var(--brand-primary);
-	border-radius: 4px;
-	box-shadow: var(--shadow-bottom-right);
+  background-color: var(--white);
+  border: 1px solid var(--brand-primary);
+  border-radius: 4px;
+  box-shadow: var(--shadow-bottom-right);
+  margin-top: 5px;
 }
 
 .dp-po-dropdown-menu .dp-po-dropdown-menu-item.is-disabled,
 .dp-po-dropdown-menu .dp-po-dropdown-menu-item.is-disabled:hover,
 .dp-po-Sidebar.Sidebar--right .dp-po-dropdown-menu .dp-po-dropdown-menu-item.is-disabled:hover {
-	color: var(--grey);
+  color: var(--grey);
 }
 
 .dp-po-dropdown-menu .dp-po-dropdown-menu-item a {
-	font: var(--b-1-semibold);
-	color: var(--brand-primary);
+  color: var(--brand-primary);
+  font: var(--b-1-semibold);
+}
+
+.subscribe--dropdown .dp-po-dropdown-menu .dp-po-dropdown-menu-item .dp-po-Icon,
+.dp-po-share-list .dp-po-dropdown-menu .dp-po-dropdown-menu-item .dp-po-Icon {
+  margin-right: 10px;
 }
 
-.dp-po-dropdown-menu .dp-po-dropdown-menu-item .dp-po-Icon {
-	margin-right: 10px;
+.dp-po-dropdown-menu.subscribe--dropdown .dp-po-dropdown-menu-item:hover {
+  color: var(--brand-primary);
 }
 
 .dp-po-Sidebar.Sidebar--right .dp-po-dropdown-menu .dp-po-dropdown-menu-item:hover {
-	background-color: transparent;
-	color: var(--brand-primary);
+  background-color: transparent;
 }
 
 .dp-po-dropdown-menu-item .Icon--check {
-	display: none;
+  display: none;
 }
 
 .dp-po-dropdown-menu-item.is-selected .Icon--check {
-	display: block;
-	margin: 0 0 0 auto;
+  display: block;
+  margin: 0 0 0 auto;
 }
 
 .dp-po-dropdown-menu-item.is-selected {
-	color: var(--brand-primary);
+  color: var(--brand-primary);
+}
+
+.dp-po-tooltip-wrap .dp-po-Icon {
+  background-size: 10px;
+  bottom: calc(100% - 5px);
+  cursor: pointer;
+  left: 100%;
+  position: absolute;
 }
 
-.dp-po-main .dp-po-tex-wrap .dp-po-Icon {
-	background-size: 10px;
-	width: 10px;
-	height: 10px;
-	position: absolute;
-	bottom: calc(100% - 5px);
-	left: 100%;
-	cursor: pointer;  
+.dp-po-tex-wrap .dp-po-tooltip-wrap .dp-po-Icon {
+  height: 10px;
+  width: 10px;
 }
 
 .dp-po-List-question {
-	color: var(--grey-dark);
-	list-style: none;
-	padding: 0;
-	margin-top: 20px;
+  color: var(--grey-dark);
+  list-style: none;
+  margin-top: 20px;
+  padding: 0;
 }
 
 .dp-po-List-question li a {
-	color: var(--grey-dark);
+  color: var(--grey-dark);
 }
 
 .dp-po-List-question li:hover {
-	text-decoration: underline;
+  text-decoration: underline;
 }
 
 .dp-po-List-question li {
-	font: var(--mp-1);
-	margin-bottom: 20px;
-	position: relative;
+  font: var(--mp-1);
+  margin-bottom: 20px;
+  position: relative;
 }
 
 .dp-po-List-question li.is-active {
-	font: var(--mp-1-bold);
+  font: var(--mp-1-bold);
 }
 
-.dp-po-List-question li.is-active:after {
-	content: "";
-	position: absolute;
-	left: -15px;
-	top: calc(50% - 8px);
-	width: 0;
-	height: 0;
-	border-style: solid;
-	border-width: 8px 0 8px 8px;
-	border-color: transparent transparent transparent var(--brand-primary);
+.dp-po-List-question li.is-active::after {
+  border-color: transparent transparent transparent var(--brand-primary);
+  border-style: solid;
+  border-width: 8px 0 8px 8px;
+  content: "";
+  height: 0;
+  left: -15px;
+  position: absolute;
+  top: calc(50% - 8px);
+  width: 0;
 }
 
 .dp-po-wrap-item {
-	background-color: var(--white);
-	padding: 10px 20px 20px;
-	border: 1px solid var(--grey-light);
-	border-radius: 4px;
-	margin-bottom: 20px;
+  background-color: var(--white);
+  border: 1px solid var(--grey-light);
+  border-radius: 4px;
+  margin-bottom: 20px;
+  padding: 10px 20px 20px;
 }
 
 .dp-po-wrap-item .dp-po-title {
-	font: var(--h-3);
-	color: var(--grey-dark);
+  color: var(--grey-dark);
+  font: var(--h-3);
 }
 
 .dp-po-labels-wrap .dp-po-label {
-	margin-top: 10px;
+  margin-top: 10px;
 }
 
 .dp-po-related-list {
-	padding: 0;
-	list-style: none;
+  list-style: none;
+  padding: 0;
 }
 
 .dp-po-related-list .dp-po-Icon {
-	min-width: 25px;
-	height: 20px;
-	background-size: 19px 20px;
-	display: flex;
-	background-position: 0 0;
+  background-position: 0 0;
+  background-size: 19px 20px;
+  display: flex;
+  height: 20px;
+  min-width: 25px;
 }
 
 .dp-po-related-list li {
-	margin: 10px 0 0;
-	display: flex;
-	align-items: center;
+  align-items: center;
+  display: flex;
+  margin: 10px 0 0;
 }
 
 .dp-po-related-list a {
-	font: var(--mp-1);
-	display: flex;
+  display: flex;
+  font: var(--mp-1);
 }
 
 .dp-po-share-list {
-	display: flex;
-	align-items: center;
-	list-style: none;
-	justify-content: space-between;
-	padding: 0;
-	margin: 10px 0 0;
+  align-items: center;
+  display: flex;
+  list-style: none;
+  margin: 10px 0 0;
+  padding: 0;
+}
+
+.dp-po-share-list li {
+  color: var(--grey-darkest);
+  margin: 0;
+}
+
+.dp-po-Dropdown-container .dp-po-share-list .dp-po-title-list,
+.dp-po-Dropdown-container .dp-po-share-list .dp-po-title-list:hover {
+  color: var(--grey-darkest);
+}
+
+.dp-po-Sidebar.Sidebar--right .dp-po-dropdown-atom.dp-po-share-list {
+  border: 0;
+  justify-content: space-between;
+}
+
+.dp-po-Sidebar.Sidebar--right .dp-po-dropdown-atom.dp-po-share-list:hover {
+  background-color: transparent;
+}
+
+.dp-po-dropdown-atom.dp-po-share-list > li > .dp-po-Icon {
+  margin: 0;
+}
+
+.dp-po-dropdown-atom.dp-po-share-list .dp-po-dropdown-menu {
+  background-color: var(--white);
+  border: 1px solid var(--brand-primary);
+  border-radius: 4px;
+  display: none;
+  left: -10px;
+  position: absolute;
+  top: 100%;
+  width: calc(100% + 20px);
+}
+
+.dp-po-dropdown-atom.dp-po-share-list .dp-po-share.is-active + li .dp-po-dropdown-menu {
+  display: block;
+}
+
+.dp-po-support-btn {
+  border: 1px solid var(--grey-light);
+  border-radius: 4px;
+  color: var(--brand-primary);
+  font: var(--p-2);
+  margin-right: 10px;
+  max-width: 170px;
+  overflow: hidden;
+  padding: 10px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
-.dp-po-user-list {
-	color: var(--grey-darkest);
-	font: var(--p-1);
+.dp-po-share-list .dp-po-dropdown-menu .dp-po-support-btn + .dp-po-Icon {
+  margin: 0;
 }
 
 .dp-po-user-list .dp-po-title {
-	color: var(--grey-dark);
-	font: var(--p-2-bold);
-	margin-top: 10px;
+  color: var(--grey-dark);
+  font: var(--p-2-bold);
+  margin-top: 15px;
+}
+
+.dp-po-user-list li {
+  color: var(--grey-darkest);
+  font: var(--p-1);
+}
+
+.dp-po-user-list li .dp-po-Icon {
+  margin-right: 10px;
+}
+
+.dp-po-user-list .dp-po-title:first-child {
+  margin: 0;
+}
+
+.dp-po-space-between {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.dp-po-user-list .dp-po-space-between {
+  margin-top: 15px;
+}
+
+.dp-po-user-list .dp-po-tooltip-wrap .dp-po-Icon {
+  background-size: 14px 14px;
+  bottom: 0;
+  height: 14px;
+  right: -15px;
+  width: 14px;
+}
+
+.dp-po-time-status {
+  color: var(--grey-dark);
+  font: var(--messenger-b-2);
+}
+
+.is-success {
+  color: var(--success);
+}
+
+.dp-po-footer {
+  background-color: var(--grey-lighter);
+  padding: 10px 0;
+}
+
+.dp-po-footer .dp-po-frame-copyright {
+  margin: auto;
+  max-height: 40px;
+  max-width: 385px;
+}
+
+/* mobile -v */
+
+@media (max-width: 768px) {
+
+  .dp-po-nav .dp-po-Logo-descript,
+  .dp-po-Logo-wrap .dp-po-Icon::after,
+  .dp-po-nav .dp-po-Button::after,
+  .dp-po-Select-Language {
+    display: none;
+  }
+
+  .dp-po-Logo-wrap .dp-po-Icon {
+    background-size: 40px 40px;
+    height: 40px;
+    width: 40px;
+  }
+
+  .dp-po-Header-container {
+    background: transparent;
+    border-bottom: 1px solid var(--grey-lighter);
+    padding: 20px 0;
+  }
+
+  .dp-po-Breadcrumbs-wrap {
+    border: none;
+  }
+
+  .dp-po-Breadcrumbs-wrap .dp-po-Breadcrumbs .dp-po-Breadcrumb-item:first-child {
+    display: none;
+  }
+
 }
diff --git a/packages/style/src/demo/icons-demo.css b/packages/style/src/demo/icons-demo.css
index dee8d98d..7407f647 100644
--- a/packages/style/src/demo/icons-demo.css
+++ b/packages/style/src/demo/icons-demo.css
@@ -1,17 +1,17 @@
 .Icon--history {
-background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM10 18.3333C5.41667 18.3333 1.66667 14.5833 1.66667 10C1.66667 5.41667 5.41667 1.66667 10 1.66667C14.5833 1.66667 18.3333 5.41667 18.3333 10C18.3333 14.5833 14.5833 18.3333 10 18.3333Z" fill="%234C4F50"/><path d="M10.3333 5C9.83334 5 9.5 5.33333 9.5 5.83333V10.6667L6.58334 9.5C6.16667 9.33333 5.66667 9.58333 5.5 10C5.33334 10.4167 5.58334 10.9167 6 11.0833L10.0833 12.6667C10.1667 12.6667 10.25 12.75 10.4167 12.75C10.5833 12.75 10.75 12.6667 10.9167 12.5833C11.1667 12.4167 11.25 12.1667 11.25 11.9167V5.83333C11.1667 5.33333 10.8333 5 10.3333 5Z" fill="%234C4F50"/></svg>');
-width: 20px;
-height: 20px;
+  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM10 18.3333C5.41667 18.3333 1.66667 14.5833 1.66667 10C1.66667 5.41667 5.41667 1.66667 10 1.66667C14.5833 1.66667 18.3333 5.41667 18.3333 10C18.3333 14.5833 14.5833 18.3333 10 18.3333Z" fill="%234C4F50"/><path d="M10.3333 5C9.83334 5 9.5 5.33333 9.5 5.83333V10.6667L6.58334 9.5C6.16667 9.33333 5.66667 9.58333 5.5 10C5.33334 10.4167 5.58334 10.9167 6 11.0833L10.0833 12.6667C10.1667 12.6667 10.25 12.75 10.4167 12.75C10.5833 12.75 10.75 12.6667 10.9167 12.5833C11.1667 12.4167 11.25 12.1667 11.25 11.9167V5.83333C11.1667 5.33333 10.8333 5 10.3333 5Z" fill="%234C4F50"/></svg>');
+  height: 20px;
+  width: 20px;
 }
 
 .Icon--history.Icon--primary {
-background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM10 18.3333C5.41667 18.3333 1.66667 14.5833 1.66667 10C1.66667 5.41667 5.41667 1.66667 10 1.66667C14.5833 1.66667 18.3333 5.41667 18.3333 10C18.3333 14.5833 14.5833 18.3333 10 18.3333Z" fill="%234B93CF"/><path d="M10.3333 5C9.83334 5 9.5 5.33333 9.5 5.83333V10.6667L6.58334 9.5C6.16667 9.33333 5.66667 9.58333 5.5 10C5.33334 10.4167 5.58334 10.9167 6 11.0833L10.0833 12.6667C10.1667 12.6667 10.25 12.75 10.4167 12.75C10.5833 12.75 10.75 12.6667 10.9167 12.5833C11.1667 12.4167 11.25 12.1667 11.25 11.9167V5.83333C11.1667 5.33333 10.8333 5 10.3333 5Z" fill="%234B93CF"/></svg>')
+  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM10 18.3333C5.41667 18.3333 1.66667 14.5833 1.66667 10C1.66667 5.41667 5.41667 1.66667 10 1.66667C14.5833 1.66667 18.3333 5.41667 18.3333 10C18.3333 14.5833 14.5833 18.3333 10 18.3333Z" fill="%234B93CF"/><path d="M10.3333 5C9.83334 5 9.5 5.33333 9.5 5.83333V10.6667L6.58334 9.5C6.16667 9.33333 5.66667 9.58333 5.5 10C5.33334 10.4167 5.58334 10.9167 6 11.0833L10.0833 12.6667C10.1667 12.6667 10.25 12.75 10.4167 12.75C10.5833 12.75 10.75 12.6667 10.9167 12.5833C11.1667 12.4167 11.25 12.1667 11.25 11.9167V5.83333C11.1667 5.33333 10.8333 5 10.3333 5Z" fill="%234B93CF"/></svg>');
 }
 
 .Icon--ticket {
   background-image: url('data:image/svg+xml,<svg width="21" height="14" viewBox="0 0 21 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.1 0H0.8C0.4 0 0 0.4 0 0.8V12.9C0 13.4 0.4 13.7 0.8 13.7H20.1C20.6 13.7 20.9 13.3 20.9 12.9V0.8C21 0.4 20.6 0 20.1 0ZM19.8 2.8V12.5H1.2V2.8L10.1 9.8C10.3 10 10.6 10 10.8 9.8L19.8 2.8ZM1.2 1.3L19.8 1.2V1.3L10.5 8.5L1.2 1.3Z" fill="%234C4F50"/></svg>');
-  width: 21px;
   height: 14px;
+  width: 21px;
 }
 
 .Icon--ticket.Icon--primary {
@@ -20,8 +20,8 @@ background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0
 
 .Icon--check {
   background-image: url('data:image/svg+xml,<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.234375 7.17562C-0.078125 6.82729 -0.078125 6.23512 0.234375 5.88679L0.40625 5.69521C0.71875 5.34688 1.25 5.34688 1.5625 5.69521L4.5625 9.03919L12.4375 0.261248C12.75 -0.0870827 13.2812 -0.0870827 13.5938 0.261248L13.7656 0.45283C14.0781 0.801161 14.0781 1.39332 13.7656 1.74165L4.5625 12L0.234375 7.17562Z" fill="%234C4F50"/></svg>');
-  width: 14px;
   height: 12px;
+  width: 14px;
 }
 
 .Icon--check.Icon--success {
@@ -36,8 +36,8 @@ background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0
 
 .Icon--caret-down {
   background-image: url('data:image/svg+xml,<svg width="15" height="9" viewBox="0 0 15 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.225 8.9L14.225 1.6C14.525 1.2 14.525 0.7 14.225 0.3C13.925 -0.1 13.325 -0.1 13.025 0.3L7.225 6.3L1.425 0.3C1.125 -0.1 0.525 -0.1 0.225 0.3C-0.075 0.7 -0.075 1.2 0.225 1.6L7.225 8.9Z" fill="%234C4F50"/></svg>');
-  width: 15px;
   height: 9px;
+  width: 15px;
 }
 
 .Icon--caret-down.Icon--primary {
@@ -50,38 +50,38 @@ background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0
 
 .Icon--caret-up {
   background-image: url('data:image/svg+xml,<svg width="15" height="9" viewBox="0 0 15 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.22501 -7.30735e-06L0.225012 7.29999C-0.0749883 7.69999 -0.0749883 8.19999 0.225012 8.59999C0.525012 8.99999 1.12501 8.99999 1.42501 8.59999L7.22501 2.59999L13.025 8.59999C13.325 8.99999 13.925 8.99999 14.225 8.59999C14.525 8.19999 14.525 7.69999 14.225 7.29999L7.22501 -7.30735e-06Z" fill="%234C4F50"/></svg>');
-  width: 15px;
   height: 9px;
+  width: 15px;
 }
 
 .Icon--caret-right {
   background-image: url('data:image/svg+xml,<svg width="9" height="15" viewBox="0 0 9 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.9 7.22501L1.6 0.225012C1.2 -0.0749884 0.699999 -0.0749884 0.299999 0.225012C-0.100001 0.525012 -0.100001 1.12501 0.299999 1.42501L6.3 7.22501L0.3 13.025C-0.1 13.325 -0.1 13.925 0.3 14.225C0.7 14.525 1.2 14.525 1.6 14.225L8.9 7.22501Z" fill="%234C4F50"/></svg>');
-  width: 9px;
   height: 15px;
+  width: 9px;
 }
 
 .Icon--caret-left {
   background-image: url('data:image/svg+xml,<svg width="9" height="15" viewBox="0 0 9 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.3526e-05 7.225L7.30002 14.225C7.70002 14.525 8.20002 14.525 8.60002 14.225C9.00002 13.925 9.00002 13.325 8.60002 13.025L2.60002 7.225L8.60002 1.425C9.00002 1.125 9.00002 0.525 8.60002 0.225C8.20002 -0.075 7.70002 -0.0750001 7.30002 0.225L2.3526e-05 7.225Z" fill="%234C4F50"/></svg>');
-  width: 9px;
   height: 15px;
+  width: 9px;
 }
 
 .Icon--knowledgebase {
   background-image: url('data:image/svg+xml,<svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.875 0C0.839466 0 0 0.848303 0 1.89474V22.1053C0 23.1517 0.839466 24 1.875 24H18.125C19.1605 24 20 23.1517 20 22.1053V1.89474C20 0.848303 19.1605 0 18.125 0H1.875ZM1.25 1.89474C1.25 1.54593 1.52982 1.26316 1.875 1.26316H11.875V10.7368L13.75 9.47368L15.625 10.7368V1.26316H18.125C18.4702 1.26316 18.75 1.54593 18.75 1.89474V22.1053C18.75 22.4541 18.4702 22.7368 18.125 22.7368H1.875C1.52982 22.7368 1.25 22.4541 1.25 22.1053V1.89474Z" fill="%234C4F50"/></svg>');
-  width: 20px;
   height: 24px;
+  width: 20px;
 }
 
 .Icon--knowledgebase.Icon--grey {
   background-image: url('data:image/svg+xml,<svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.875 0C0.839466 0 0 0.848303 0 1.89474V22.1053C0 23.1517 0.839466 24 1.875 24H18.125C19.1605 24 20 23.1517 20 22.1053V1.89474C20 0.848303 19.1605 0 18.125 0H1.875ZM1.25 1.89474C1.25 1.54593 1.52982 1.26316 1.875 1.26316H11.875V10.7368L13.75 9.47368L15.625 10.7368V1.26316H18.125C18.4702 1.26316 18.75 1.54593 18.75 1.89474V22.1053C18.75 22.4541 18.4702 22.7368 18.125 22.7368H1.875C1.52982 22.7368 1.25 22.4541 1.25 22.1053V1.89474Z" fill="%23a9b0b0"/></svg>');
-  width: 20px;
   height: 24px;
+  width: 20px;
 }
 
 .Icon--guides {
   background-image: url('data:image/svg+xml,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.3148 16.1464C10.2537 16.1464 10.1926 16.1464 10.1314 16.0853L0.533252 11.5613C0.288713 11.4391 0.227578 11.1945 0.288713 10.95C0.410983 10.7054 0.655522 10.6443 0.900062 10.7054L10.2537 15.1683L19.6073 10.7054C19.8519 10.5832 20.0964 10.7054 20.2187 10.95C20.341 11.1945 20.2187 11.4391 19.9742 11.5613L10.4371 16.0853C10.4371 16.0853 10.376 16.1464 10.3148 16.1464Z" fill="%234C4F50"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0.413996 11.7998C0.231223 11.7085 0.106933 11.564 0.0452238 11.3912C-0.0145787 11.2238 -0.0102034 11.0462 0.0300084 10.8853L0.0371081 10.8569L0.0501992 10.8307C0.141585 10.648 0.286062 10.5237 0.458847 10.462C0.626294 10.4022 0.803891 10.4065 0.964738 10.4467L0.990722 10.4532L10.2537 14.8728L19.4905 10.4657C19.6812 10.3712 19.8846 10.3682 20.0639 10.4451C20.2387 10.52 20.373 10.6624 20.4572 10.8307C20.5529 11.0221 20.5563 11.2264 20.4791 11.4066C20.4042 11.5813 20.2617 11.7157 20.0934 11.7998L20.0885 11.8023L10.5836 16.311C10.5732 16.3192 10.5608 16.3284 10.5468 16.3378C10.5106 16.3619 10.4256 16.4131 10.3148 16.4131C10.3129 16.4131 10.3109 16.4131 10.3087 16.4131C10.2466 16.4133 10.1121 16.4135 9.98359 16.3104L0.413996 11.7998ZM10.1314 16.0853C10.1926 16.1465 10.2537 16.1465 10.3148 16.1465C10.376 16.1465 10.4371 16.0853 10.4371 16.0853L19.9742 11.5613C20.2187 11.4391 20.341 11.1945 20.2187 10.95C20.0964 10.7054 19.8519 10.5832 19.6073 10.7054L10.2537 15.1683L0.900062 10.7054C0.655523 10.6443 0.410983 10.7054 0.288713 10.95C0.227578 11.1945 0.288713 11.4391 0.533253 11.5613L10.1314 16.0853Z" fill="%234C4F50"/><path d="M10.3148 19.2032C10.2537 19.2032 10.1926 19.2032 10.1314 19.1421L0.533252 14.6181C0.288713 14.4958 0.227578 14.2513 0.288713 14.0067C0.410983 13.7622 0.655522 13.7011 0.900062 13.7622L10.2537 18.225L19.6073 13.7622C19.8519 13.6399 20.0964 13.7622 20.2187 14.0067C20.341 14.2513 20.2187 14.4958 19.9742 14.6181L10.4371 19.1421C10.4371 19.2032 10.376 19.2032 10.3148 19.2032Z" fill="%234C4F50"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0.413996 14.8566C0.231223 14.7652 0.106933 14.6207 0.0452238 14.448C-0.0145787 14.2805 -0.0102034 14.1029 0.0300084 13.9421L0.0371081 13.9137L0.0501992 13.8875C0.141585 13.7047 0.286062 13.5804 0.458847 13.5187C0.626294 13.4589 0.803891 13.4633 0.964738 13.5035L0.990722 13.51L10.2537 17.9296L19.4905 13.5225C19.6812 13.428 19.8846 13.425 20.0639 13.5018C20.2387 13.5767 20.373 13.7192 20.4572 13.8875C20.5529 14.0789 20.5563 14.2832 20.4791 14.4633C20.4042 14.6381 20.2617 14.7724 20.0934 14.8566L20.0885 14.8591L10.6356 19.3431C10.5872 19.4043 10.5269 19.434 10.4832 19.4486C10.4159 19.471 10.3425 19.4702 10.3195 19.4699C10.3176 19.4699 10.316 19.4699 10.3148 19.4699C10.3129 19.4699 10.3109 19.4699 10.3087 19.4699C10.2466 19.47 10.1121 19.4703 9.98359 19.3672L0.413996 14.8566ZM10.1314 19.1421C10.1926 19.2032 10.2537 19.2032 10.3148 19.2032C10.376 19.2032 10.4371 19.2032 10.4371 19.1421L19.9742 14.6181C20.2187 14.4958 20.341 14.2513 20.2187 14.0067C20.0964 13.7622 19.8519 13.6399 19.6073 13.7622L10.2537 18.2251L0.900062 13.7622C0.655523 13.7011 0.410983 13.7622 0.288713 14.0067C0.227578 14.2513 0.288713 14.4958 0.533253 14.6181L10.1314 19.1421Z" fill="%234C4F50"/><path d="M10.3148 13.0286C10.2537 13.0286 10.1926 13.0286 10.1314 12.9675L0.533252 8.44347C0.288713 8.3212 0.227578 8.07666 0.288713 7.83212C0.349848 7.58758 0.655522 7.52644 0.900062 7.58758L10.2537 12.0504L19.6073 7.58758C19.8519 7.46531 20.0964 7.58758 20.2187 7.83212C20.341 8.07666 20.2187 8.3212 19.9742 8.44347L10.4371 12.9675C10.4371 13.0286 10.376 13.0286 10.3148 13.0286Z" fill="%234C4F50"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0.413996 8.68199C0.231223 8.5906 0.106933 8.44612 0.0452238 8.27334C-0.0145787 8.10589 -0.0102034 7.9283 0.0300084 7.76745C0.0884562 7.53366 0.265431 7.40086 0.441284 7.34224C0.611934 7.28536 0.802035 7.2882 0.964738 7.32888L0.990722 7.33538L10.2537 11.755L19.4905 7.34786C19.6812 7.25333 19.8846 7.25033 20.0639 7.3272C20.2387 7.4021 20.373 7.54453 20.4572 7.71287C20.5529 7.90429 20.5563 8.10858 20.4791 8.28869C20.4042 8.46347 20.2617 8.59782 20.0934 8.68199L20.0885 8.68446L10.6356 13.1685C10.5872 13.2297 10.5269 13.2594 10.4832 13.2739C10.4159 13.2964 10.3425 13.2956 10.3195 13.2953C10.3176 13.2953 10.316 13.2953 10.3148 13.2953C10.3129 13.2953 10.3109 13.2953 10.3087 13.2953C10.2466 13.2954 10.1121 13.2957 9.98359 13.1926L0.413996 8.68199ZM10.1314 12.9675C10.1926 13.0286 10.2537 13.0286 10.3148 13.0286C10.376 13.0286 10.4371 13.0286 10.4371 12.9675L19.9742 8.44347C20.2187 8.3212 20.341 8.07666 20.2187 7.83212C20.0964 7.58758 19.8519 7.46531 19.6073 7.58758L10.2537 12.0504L0.900062 7.58758C0.655523 7.52645 0.349848 7.58758 0.288713 7.83212C0.227578 8.07666 0.288713 8.3212 0.533253 8.44347L10.1314 12.9675Z" fill="%234C4F50"/><path d="M19.7908 4.59196L10.4982 0.312514C10.376 0.251379 10.2537 0.251379 10.1314 0.312514L0.838931 4.59196C0.655526 4.65309 0.594391 4.8365 0.594391 5.0199C0.594391 5.20331 0.716661 5.38671 0.838931 5.44785L10.1314 9.72729C10.1926 9.72729 10.2537 9.78843 10.3148 9.78843C10.376 9.78843 10.4371 9.78843 10.4982 9.72729L19.7908 5.44785C19.9742 5.38671 20.0353 5.20331 20.0353 5.0199C20.0353 4.8365 19.9742 4.65309 19.7908 4.59196ZM10.3148 8.81027L2.12276 5.0199L10.3148 1.22954L18.5069 5.0199L10.3148 8.81027Z" fill="%234C4F50"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0.838935 5.44785C0.716665 5.38672 0.594395 5.20331 0.594395 5.01991C0.594395 4.8365 0.65553 4.6531 0.838935 4.59196L10.1314 0.312518C10.2537 0.251383 10.376 0.251383 10.4983 0.312518L19.7908 4.59196C19.9742 4.6531 20.0353 4.8365 20.0353 5.01991C20.0353 5.20331 19.9742 5.38672 19.7908 5.44785L10.4983 9.7273C10.4371 9.78843 10.376 9.78843 10.3148 9.78843C10.2843 9.78843 10.2537 9.77315 10.2231 9.75786C10.1926 9.74258 10.162 9.7273 10.1314 9.7273L0.838935 5.44785ZM10.645 9.95331C10.5168 10.0555 10.3829 10.0552 10.321 10.0551C10.3188 10.0551 10.3168 10.0551 10.3148 10.0551C10.2559 10.0551 10.2072 10.0405 10.1754 10.0286C10.1465 10.0178 10.1201 10.0045 10.1064 9.99764L10.1039 9.99638C10.1021 9.9955 10.1005 9.99469 10.099 9.99396H10.073L0.719616 5.68649C0.601246 5.6273 0.506299 5.52385 0.442149 5.41693C0.376438 5.30741 0.327728 5.16883 0.327728 5.01991C0.327728 4.80307 0.400919 4.46637 0.739033 4.34438L10.0164 0.071902C10.2111 -0.0239673 10.4186 -0.0239673 10.6133 0.071902L19.8907 4.34438C20.2288 4.46637 20.302 4.80307 20.302 5.01991C20.302 5.23675 20.2288 5.57344 19.8907 5.69543L10.645 9.95331ZM10.3148 8.51645L2.75781 5.01991L10.3148 1.52337L17.8719 5.01991L10.3148 8.51645ZM10.3148 1.22954L2.12277 5.01991L10.3148 8.81027L18.5069 5.01991L10.3148 1.22954Z" fill="%234C4F50"/></svg>');
-  width: 21px;
   height: 20px;
+  width: 21px;
 }
 
 .Icon--guides.Icon--white {
@@ -90,8 +90,8 @@ background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0
 
 .Icon--date {
   background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.8333 5.25C12.8333 3.85 12.8333 2.91667 12.8333 2.91667C12.8333 2.91667 12.1333 2.91667 11.0833 2.91667V3.5C11.0833 3.85 10.85 4.08333 10.5 4.08333C10.15 4.08333 9.91667 3.85 9.91667 3.5V2.91667C8.16667 2.91667 5.83333 2.91667 4.08333 2.91667V3.5C4.08333 3.85 3.85 4.08333 3.5 4.08333C3.15 4.08333 2.91667 3.85 2.91667 3.5V2.91667C1.86667 2.91667 1.16667 2.91667 1.16667 2.91667C1.16667 2.91667 1.16667 3.85 1.16667 5.25H12.8333ZM12.8333 6.41667H1.16667C1.16667 9.21667 1.16667 12.8333 1.16667 12.8333H12.8333C12.8333 12.8333 12.8333 9.21667 12.8333 6.41667ZM11.0833 1.75H12.8333C13.5333 1.75 14 2.21667 14 2.91667V12.8333C14 13.5333 13.5333 14 12.8333 14H1.16667C0.466667 14 0 13.5333 0 12.8333V2.91667C0 2.21667 0.466667 1.75 1.16667 1.75H2.91667V0.583333C2.91667 0.233333 3.15 0 3.5 0C3.85 0 4.08333 0.233333 4.08333 0.583333V1.75H9.91667V0.583333C9.91667 0.233333 10.15 0 10.5 0C10.85 0 11.0833 0.233333 11.0833 0.583333V1.75Z" fill="%234C4F50"/></svg>');
-  width: 14px;
   height: 14px;
+  width: 14px;
 }
 
 .Icon--date.Icon--grey {
@@ -100,26 +100,26 @@ background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0
 
 .Icon--news {
   background-image: url('data:image/svg+xml,<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.84176 3.89831H6.14611C6.41046 3.89831 6.60872 3.69492 6.60872 3.42373C6.60872 3.15255 6.41046 2.94916 6.14611 2.94916H2.84176C2.57741 2.94916 2.37915 3.15255 2.37915 3.42373C2.37915 3.69492 2.57741 3.89831 2.84176 3.89831Z" fill="%234C4F50"/><path d="M8.59129 6.33898H12.7878C12.9861 6.33898 13.1513 6.16949 13.1513 5.9661V3.28813C13.1513 3.11864 12.9861 2.91525 12.7878 2.91525H8.59129C8.39303 2.91525 8.22781 3.08474 8.22781 3.28813V5.9661C8.19477 6.16949 8.39303 6.33898 8.59129 6.33898ZM8.95477 3.66102H12.4243V5.55932H8.95477V3.66102Z" fill="%234C4F50"/><path d="M2.84176 6.33898H6.14611C6.41046 6.33898 6.60872 6.13559 6.60872 5.86441C6.60872 5.59322 6.41046 5.38983 6.14611 5.38983H2.84176C2.57741 5.38983 2.37915 5.59322 2.37915 5.86441C2.37915 6.13559 2.57741 6.33898 2.84176 6.33898Z" fill="%234C4F50"/><path d="M18.5043 5.83051H15.6626V0.474576C15.6626 0.271186 15.4313 0 15.2 0H0.462609C0.231304 0 0 0.237288 0 0.474576V15.7966C0 17.0169 0.958261 18 2.14783 18H16.8522C18.0417 18 19 17.0169 19 15.7966V6.30509C18.967 6.1017 18.7687 5.83051 18.5043 5.83051ZM2.14783 17.017C1.48696 17.017 0.958261 16.4746 0.958261 15.7966V0.983051H14.7043V15.8305C14.7043 16.3051 14.8696 16.678 15.1339 17.0508H2.14783V17.017ZM18.0087 15.8305C18.0087 16.5085 17.48 17.0508 16.8191 17.0508C16.1583 17.0508 15.6296 16.5085 15.6296 15.8305V6.81356H18.0087V15.8305Z" fill="%234C4F50"/><path d="M12.8209 8.27119H2.84176C2.57741 8.27119 2.37915 8.47458 2.37915 8.74577C2.37915 9.01696 2.57741 9.22035 2.84176 9.22035H12.7878C13.0522 9.22035 13.2505 9.01696 13.2505 8.74577C13.2835 8.47458 13.0522 8.27119 12.8209 8.27119Z" fill="%234C4F50"/><path d="M12.8209 10.9492H2.84176C2.57741 10.9492 2.37915 11.1525 2.37915 11.4237C2.37915 11.6949 2.57741 11.8983 2.84176 11.8983H12.7878C13.0522 11.8983 13.2505 11.6949 13.2505 11.4237C13.2505 11.1525 13.0522 10.9492 12.8209 10.9492Z" fill="%234C4F50"/><path d="M12.8209 13.6271H2.84176C2.57741 13.6271 2.37915 13.8305 2.37915 14.1017C2.37915 14.3729 2.57741 14.5763 2.84176 14.5763H12.7878C13.0522 14.5763 13.2505 14.3729 13.2505 14.1017C13.2835 13.8305 13.0522 13.6271 12.8209 13.6271Z" fill="%234C4F50"/></svg>');
-width: 19px;
-height: 18px;
+  height: 18px;
+  width: 19px;
 }
 
 .Icon--getting-started {
   background-image: url('data:image/svg+xml,<svg width="24" height="23" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.5333 0.46671C22.1833 0.116678 21.7166 0 21.0748 0C19.2663 0 16.4078 1.34179 15.2993 2.39189L8.99873 8.69247L4.15662 8.57579C4.03994 8.57579 3.86492 8.63413 3.80658 8.69247L2.63981 9.85924C2.52313 9.97592 2.52313 10.0926 2.52313 10.2093C2.52313 10.326 2.58147 10.4426 2.63981 10.5593L4.85668 12.7762L3.45655 14.2347C3.33987 14.3513 3.33987 14.468 3.33987 14.5847C3.33987 14.7014 3.39821 14.818 3.45655 14.9347L8.06531 19.5435C8.24033 19.7185 8.59036 19.7185 8.76538 19.5435L10.1655 18.1433L12.3824 20.3602C12.4991 20.4769 12.6157 20.4769 12.7324 20.4769C12.8491 20.4769 12.9658 20.4186 13.0824 20.3602L14.2492 19.1934C14.3659 19.0768 14.4242 18.9601 14.3659 18.8434L14.2492 14.0013L20.5498 7.70071C21.2499 7.00065 22.0083 5.60052 22.475 4.20039C23 2.91694 23.3501 1.28345 22.5333 0.46671ZM21.6582 3.85036C21.2499 5.07547 20.4915 6.41726 19.9664 7.00065L13.4325 13.4762C13.3158 13.5929 13.2575 13.7096 13.3158 13.8263L13.4325 18.6684L12.7907 19.3101L10.5739 17.0932C10.4572 16.9766 10.3405 16.9766 10.2238 16.9766C10.1072 16.9766 9.99049 17.0349 9.87381 17.0932L8.47368 18.4934L4.56499 14.5847L5.96512 13.1846C6.08179 13.0679 6.08179 12.9512 6.08179 12.8345C6.08179 12.7178 6.02346 12.6012 5.96512 12.4845L3.68991 10.2093L4.33163 9.56755L9.17375 9.68423C9.29042 9.68423 9.46544 9.62589 9.52378 9.56755L15.9994 3.09195C16.9328 2.15853 19.558 0.991758 21.0748 0.991758C21.4249 0.991758 21.7166 1.0501 21.8333 1.16677C22.1249 1.45847 22.1833 2.39189 21.6582 3.85036Z" fill="%234C4F50"/><path d="M10.8072 11.4928L7.8903 14.4097C7.71528 14.5847 7.71528 14.9348 7.8903 15.1098C8.06531 15.2848 8.41534 15.2848 8.59036 15.1098L11.5073 12.1928C11.6823 12.0178 11.6823 11.6678 11.5073 11.4928C11.3323 11.3178 10.9822 11.3178 10.8072 11.4928Z" fill="%234C4F50"/><path d="M17.5745 4.25868C17.2829 4.55037 17.2829 5.07542 17.5745 5.42545C17.8662 5.71715 18.3913 5.71715 18.7413 5.42545C19.033 5.13376 19.033 4.60871 18.7413 4.25868C18.4496 3.90865 17.9246 3.90865 17.5745 4.25868Z" fill="%234C4F50"/><path d="M15.6494 6.18387C15.3577 6.47556 15.3577 7.00061 15.6494 7.35064C15.9411 7.64233 16.4661 7.64233 16.8161 7.35064C17.1078 7.05895 17.1078 6.5339 16.8161 6.18387C16.5245 5.83383 15.9994 5.83383 15.6494 6.18387Z" fill="%234C4F50"/><path d="M13.7242 8.10909C13.4325 8.40078 13.4325 8.92583 13.7242 9.27586C14.0159 9.56756 14.5409 9.56756 14.891 9.27586C15.1827 8.98417 15.1827 8.45912 14.891 8.10909C14.5993 7.8174 14.0742 7.8174 13.7242 8.10909Z" fill="%234C4F50"/><path d="M4.62333 18.3767C4.44832 18.2017 4.09828 18.2017 3.92327 18.3767L1.7064 20.5936C1.53138 20.7686 1.53138 21.1186 1.7064 21.2937C1.88141 21.4687 2.23144 21.4687 2.40646 21.2937L4.62333 19.0768C4.79835 18.9018 4.79835 18.5517 4.62333 18.3767Z" fill="%234C4F50"/><path d="M5.4984 19.9518L3.28153 22.1687C3.10651 22.3437 3.10651 22.6937 3.28153 22.8687C3.45655 23.0437 3.74824 23.0437 3.9816 22.8687L6.19847 20.6519C6.37348 20.4768 6.37348 20.1268 6.19847 19.9518C5.96511 19.7184 5.67342 19.7184 5.4984 19.9518Z" fill="%234C4F50"/><path d="M3.0482 16.8016C2.87318 16.6265 2.58149 16.6265 2.34813 16.8016L0.131262 19.0184C-0.0437541 19.2518 -0.0437541 19.5435 0.131262 19.7185C0.306278 19.8935 0.656311 19.8935 0.831327 19.7185L3.0482 17.5016C3.28155 17.3266 3.28155 17.0349 3.0482 16.8016Z" fill="%234C4F50"/></svg>');
-width: 24px;
-height: 23px;
+  height: 23px;
+  width: 24px;
 }
 
 .Icon--getting-started.Icon--primary-white {
   background-image: url('data:image/svg+xml,<svg width="42" height="42" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.5333 0.46671C22.1833 0.116678 21.7166 0 21.0748 0C19.2663 0 16.4078 1.34179 15.2993 2.39189L8.99873 8.69247L4.15662 8.57579C4.03994 8.57579 3.86492 8.63413 3.80658 8.69247L2.63981 9.85924C2.52313 9.97592 2.52313 10.0926 2.52313 10.2093C2.52313 10.326 2.58147 10.4426 2.63981 10.5593L4.85668 12.7762L3.45655 14.2347C3.33987 14.3513 3.33987 14.468 3.33987 14.5847C3.33987 14.7014 3.39821 14.818 3.45655 14.9347L8.06531 19.5435C8.24033 19.7185 8.59036 19.7185 8.76538 19.5435L10.1655 18.1433L12.3824 20.3602C12.4991 20.4769 12.6157 20.4769 12.7324 20.4769C12.8491 20.4769 12.9658 20.4186 13.0824 20.3602L14.2492 19.1934C14.3659 19.0768 14.4242 18.9601 14.3659 18.8434L14.2492 14.0013L20.5498 7.70071C21.2499 7.00065 22.0083 5.60052 22.475 4.20039C23 2.91694 23.3501 1.28345 22.5333 0.46671ZM21.6582 3.85036C21.2499 5.07547 20.4915 6.41726 19.9664 7.00065L13.4325 13.4762C13.3158 13.5929 13.2575 13.7096 13.3158 13.8263L13.4325 18.6684L12.7907 19.3101L10.5739 17.0932C10.4572 16.9766 10.3405 16.9766 10.2238 16.9766C10.1072 16.9766 9.99049 17.0349 9.87381 17.0932L8.47368 18.4934L4.56499 14.5847L5.96512 13.1846C6.08179 13.0679 6.08179 12.9512 6.08179 12.8345C6.08179 12.7178 6.02346 12.6012 5.96512 12.4845L3.68991 10.2093L4.33163 9.56755L9.17375 9.68423C9.29042 9.68423 9.46544 9.62589 9.52378 9.56755L15.9994 3.09195C16.9328 2.15853 19.558 0.991758 21.0748 0.991758C21.4249 0.991758 21.7166 1.0501 21.8333 1.16677C22.1249 1.45847 22.1833 2.39189 21.6582 3.85036Z" fill="%233a8dde"/><path d="M10.8072 11.4928L7.8903 14.4097C7.71528 14.5847 7.71528 14.9348 7.8903 15.1098C8.06531 15.2848 8.41534 15.2848 8.59036 15.1098L11.5073 12.1928C11.6823 12.0178 11.6823 11.6678 11.5073 11.4928C11.3323 11.3178 10.9822 11.3178 10.8072 11.4928Z" fill="%23FFFFFF"/><path d="M17.5745 4.25868C17.2829 4.55037 17.2829 5.07542 17.5745 5.42545C17.8662 5.71715 18.3913 5.71715 18.7413 5.42545C19.033 5.13376 19.033 4.60871 18.7413 4.25868C18.4496 3.90865 17.9246 3.90865 17.5745 4.25868Z" fill="%23FFFFFF"/><path d="M15.6494 6.18387C15.3577 6.47556 15.3577 7.00061 15.6494 7.35064C15.9411 7.64233 16.4661 7.64233 16.8161 7.35064C17.1078 7.05895 17.1078 6.5339 16.8161 6.18387C16.5245 5.83383 15.9994 5.83383 15.6494 6.18387Z" fill="%23FFFFFF"/><path d="M13.7242 8.10909C13.4325 8.40078 13.4325 8.92583 13.7242 9.27586C14.0159 9.56756 14.5409 9.56756 14.891 9.27586C15.1827 8.98417 15.1827 8.45912 14.891 8.10909C14.5993 7.8174 14.0742 7.8174 13.7242 8.10909Z" fill="%23FFFFFF"/><path d="M4.62333 18.3767C4.44832 18.2017 4.09828 18.2017 3.92327 18.3767L1.7064 20.5936C1.53138 20.7686 1.53138 21.1186 1.7064 21.2937C1.88141 21.4687 2.23144 21.4687 2.40646 21.2937L4.62333 19.0768C4.79835 18.9018 4.79835 18.5517 4.62333 18.3767Z" fill="%23FFFFFF"/><path d="M5.4984 19.9518L3.28153 22.1687C3.10651 22.3437 3.10651 22.6937 3.28153 22.8687C3.45655 23.0437 3.74824 23.0437 3.9816 22.8687L6.19847 20.6519C6.37348 20.4768 6.37348 20.1268 6.19847 19.9518C5.96511 19.7184 5.67342 19.7184 5.4984 19.9518Z" fill="%23FFFFFF"/><path d="M3.0482 16.8016C2.87318 16.6265 2.58149 16.6265 2.34813 16.8016L0.131262 19.0184C-0.0437541 19.2518 -0.0437541 19.5435 0.131262 19.7185C0.306278 19.8935 0.656311 19.8935 0.831327 19.7185L3.0482 17.5016C3.28155 17.3266 3.28155 17.0349 3.0482 16.8016Z" fill="%23FFFFFF"/></svg>');
-width: 42px;
-height: 42px;
+  height: 42px;
+  width: 42px;
 }
 
 .Icon--find {
   background-image: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7 13.9L12.3 10.5L11.9 10.9L10.5 9.5C11.3 8.5 11.7 7.3 11.7 5.9C11.7 2.6 9.1 0 5.9 0C2.7 0 0 2.6 0 5.9C0 9.2 2.6 11.8 5.9 11.8C7.3 11.8 8.5 11.3 9.5 10.6L10.9 12L10.5 12.4L13.9 15.8C14.3 16.2 15 16.2 15.5 15.8L15.8 15.5C16.1 15 16.1 14.3 15.7 13.9ZM5.9 10.3C3.5 10.3 1.5 8.3 1.5 5.9C1.5 3.5 3.5 1.5 5.9 1.5C8.3 1.5 10.3 3.5 10.3 5.9C10.3 8.3 8.3 10.3 5.9 10.3Z" fill="%234C4F50"/></svg>');
-width: 17px;
-height: 17px;
+  height: 17px;
+  width: 17px;
 }
 
 .Icon--find.Icon--primary {
@@ -128,14 +128,14 @@ height: 17px;
 
 .Icon--user {
   background-image: url('data:image/svg+xml,<svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.98768 0C7.15333 0 4.72388 2.29448 4.72388 5.2638C4.72388 8.09816 7.01836 10.5276 9.98768 10.5276C12.822 10.5276 15.2515 8.23313 15.2515 5.2638C15.2515 2.29448 12.957 0 9.98768 0ZM9.98768 9.04294C7.96314 9.04294 6.20854 7.42331 6.20854 5.2638C6.20854 3.23926 7.82817 1.48466 9.98768 1.48466C12.0122 1.48466 13.7668 3.10429 13.7668 5.2638C13.7668 7.28834 12.1472 9.04294 9.98768 9.04294Z" fill="%234C4F50"/><path d="M10.2577 11.0675C4.58896 11.0675 0 15.6564 0 21.1902V22H1.48466V21.1902C1.48466 16.3313 5.39877 12.4172 10.2577 12.4172C15.1166 12.4172 19.0307 16.3313 19.0307 21.1902V22H20.5153V21.1902C20.5153 15.6564 15.9264 11.0675 10.2577 11.0675Z" fill="%234C4F50"/></svg>');
-width: 21px;
-height: 22px;
+  height: 22px;
+  width: 21px;
 }
 
 .Icon--sort {
   background-image: url('data:image/svg+xml,<svg width="17" height="15" viewBox="0 0 17 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.27273 7.53846L6.43939 10.5V0.942307C6.43939 0.403846 6.05303 0 5.53788 0C5.02273 0 4.63637 0.403846 4.63637 0.942307V10.7692L1.54546 7.53846C1.15909 7.13461 0.64394 7.13461 0.257577 7.53846C0.128789 7.67308 0 7.94231 0 8.21154C0 8.48077 0.128789 8.75 0.257577 8.88461L4.12121 12.9231L5.28031 14.1346L5.40909 14.2692L10.4318 9.01923C10.8182 8.61539 10.8182 8.07692 10.5606 7.67308C10.303 7.26923 9.65909 7.13461 9.27273 7.53846Z" fill="%234C4F50"/><path d="M16.2273 2.69231L13.5227 0.269231C13.3939 0.134615 13.1364 0 12.8788 0C12.6212 0 12.3636 -2.6077e-07 12.2349 0.269231L9.53031 2.69231C9.40152 2.82692 9.14394 3.23077 9.53031 3.63462C9.78788 3.90385 10.1742 3.90385 10.4318 3.63462L12.2349 1.88461V8.61539C12.2349 9.01923 12.4924 9.28846 12.8788 9.28846C13.2652 9.28846 13.5227 9.01923 13.5227 8.61539V1.88461L15.3258 3.63462C15.5833 3.90385 15.9697 3.90385 16.2273 3.63462C16.6136 3.23077 16.3561 2.82692 16.2273 2.69231Z" fill="%234C4F50"/></svg>');
-width: 17px;
-height: 15px;
+  height: 15px;
+  width: 17px;
 }
 
 .Icon--sort.Icon--primary {
@@ -144,8 +144,8 @@ height: 15px;
 
 .Icon--close {
   background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.8515 1.85287C15.0464 1.65723 15.0458 1.34064 14.8502 1.14576C14.6545 0.950878 14.338 0.951493 14.1431 1.14713L7.99865 7.31545L1.85424 1.14713C1.65936 0.951493 1.34277 0.950878 1.14713 1.14576C0.951493 1.34064 0.950878 1.65723 1.14576 1.85287L7.29292 8.02393L1.14576 14.195C0.950878 14.3906 0.951493 14.7072 1.14713 14.9021C1.34277 15.097 1.65936 15.0964 1.85424 14.9007L7.99865 8.73241L14.1431 14.9007C14.338 15.0964 14.6545 15.097 14.8502 14.9021C15.0458 14.7072 15.0464 14.3906 14.8515 14.195L8.70439 8.02393L14.8515 1.85287Z" fill="%234C4F50"/><path d="M14.8502 1.14576L14.4973 1.5V1.5L14.8502 1.14576ZM14.8515 1.85287L14.4973 1.5V1.5L14.8515 1.85287ZM14.1431 1.14713L14.4973 1.5V1.5L14.1431 1.14713ZM7.99865 7.31545L7.64441 7.66831L7.99865 8.02393L8.35289 7.66831L7.99865 7.31545ZM1.85424 1.14713L2.20848 0.794267V0.794267L1.85424 1.14713ZM1.14713 1.14576L0.794267 0.791522L0.794267 0.791522L1.14713 1.14576ZM1.14576 1.85287L0.791522 2.20573H0.791522L1.14576 1.85287ZM7.29292 8.02393L7.64715 8.3768L7.99865 8.02393L7.64715 7.67106L7.29292 8.02393ZM1.14576 14.195L1.5 14.5479L1.5 14.5479L1.14576 14.195ZM1.14713 14.9021L1.5 14.5479L1.5 14.5479L1.14713 14.9021ZM1.85424 14.9007L1.5 14.5479H1.5L1.85424 14.9007ZM7.99865 8.73241L8.35289 8.37954L7.99865 8.02393L7.64441 8.37954L7.99865 8.73241ZM14.1431 14.9007L14.4973 14.5479L14.4973 14.5479L14.1431 14.9007ZM14.8502 14.9021L14.4973 14.5479L14.4973 14.5479L14.8502 14.9021ZM14.8515 14.195L14.4973 14.5479V14.5479L14.8515 14.195ZM8.70439 8.02393L8.35015 7.67106L7.99865 8.02393L8.35015 8.3768L8.70439 8.02393ZM14.4973 1.5V1.5L15.2058 2.20573C15.5956 1.81445 15.5943 1.18129 15.203 0.791521L14.4973 1.5ZM14.4973 1.5L14.4973 1.5L15.203 0.791522C14.8118 0.401757 14.1786 0.402985 13.7888 0.794267L14.4973 1.5ZM8.35289 7.66831L14.4973 1.5L13.7888 0.794267L7.64441 6.96258L8.35289 7.66831ZM1.5 1.5L7.64441 7.66831L8.35289 6.96258L2.20848 0.794267L1.5 1.5ZM1.5 1.5H1.5L2.20848 0.794267C1.81871 0.402985 1.18555 0.401757 0.794267 0.791522L1.5 1.5ZM1.5 1.5L1.5 1.5L0.794267 0.791522C0.402985 1.18129 0.401757 1.81445 0.791522 2.20573L1.5 1.5ZM7.64715 7.67106L1.5 1.5L0.791522 2.20573L6.93868 8.3768L7.64715 7.67106ZM1.5 14.5479L7.64715 8.3768L6.93868 7.67106L0.791522 13.8421L1.5 14.5479ZM1.5 14.5479L1.5 14.5479L0.791522 13.8421C0.401757 14.2334 0.402985 14.8666 0.794267 15.2563L1.5 14.5479ZM1.5 14.5479H1.5L0.794266 15.2563C1.18555 15.6461 1.81871 15.6449 2.20848 15.2536L1.5 14.5479ZM7.64441 8.37954L1.5 14.5479L2.20848 15.2536L8.35289 9.08528L7.64441 8.37954ZM14.4973 14.5479L8.35289 8.37954L7.64441 9.08528L13.7888 15.2536L14.4973 14.5479ZM14.4973 14.5479L14.4973 14.5479L13.7888 15.2536C14.1786 15.6449 14.8118 15.6461 15.203 15.2563L14.4973 14.5479ZM14.4973 14.5479L14.4973 14.5479L15.203 15.2563C15.5943 14.8666 15.5956 14.2334 15.2058 13.8421L14.4973 14.5479ZM8.35015 8.3768L14.4973 14.5479L15.2058 13.8421L9.05863 7.67106L8.35015 8.3768ZM14.4973 1.5L8.35015 7.67106L9.05863 8.3768L15.2058 2.20573L14.4973 1.5Z" fill="%234C4F50"/></svg>');
-width: 16px;
-height: 16px;
+  height: 16px;
+  width: 16px;
 }
 
 .Icon--close.Icon--danger {
@@ -158,26 +158,26 @@ height: 16px;
 
 .Icon--feedback {
   background-image: url('data:image/svg+xml,<svg width="19" height="17" viewBox="0 0 19 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.50076 12.7453H4.46736L4.44066 12.7654L1.87273 14.6965V2.47076C1.87273 2.17332 2.09026 1.94852 2.33939 1.94852H16.6606C16.9097 1.94852 17.1273 2.17332 17.1273 2.47076V12.2231C17.1273 12.5205 16.9097 12.7453 16.6606 12.7453H4.50076ZM4.7734 13.7938H16.6606C17.4642 13.7938 18.1 13.0816 18.1 12.2231V2.47076C18.1 1.61227 17.4642 0.9 16.6606 0.9H2.33939C1.53584 0.9 0.9 1.61227 0.9 2.47076V15.4334C0.9 15.6962 1.03483 15.9103 1.22481 16.0203C1.41583 16.1309 1.66104 16.1344 1.86634 15.98L4.7734 13.7938Z" fill="%234C4F50" stroke="%234C4F50" stroke-width="0.2"/></svg>');
-width: 19px;
-height: 17px;
+  height: 17px;
+  width: 19px;
 }
 
 .Icon--comment {
   background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.65 11.9H7.55L12.55 16V11.9H14.35C15.25 11.9 16 11.15 16 10.2V1.7C16 0.75 15.25 0 14.35 0H1.65C0.75 0 0 0.75 0 1.7V10.25C0 11.15 0.75 11.9 1.65 11.9ZM1 1.7C1 1.3 1.3 1 1.65 1H14.35C14.7 1 15 1.3 15 1.7V10.25C15 10.65 14.7 10.95 14.35 10.95H11.55V13.95L7.9 10.95H1.65C1.3 10.95 1 10.65 1 10.25V1.7Z" fill="%234C4F50"/><path d="M13.5 2.89999H2.45001V3.89999H13.5V2.89999Z" fill="%234C4F50"/><path d="M11.5 5.39999H2.45001V6.39999H11.5V5.39999Z" fill="%234C4F50"/><path d="M9.50001 7.85001H2.45001V8.85001H9.50001V7.85001Z" fill="%234C4F50"/></svg>');
-width: 16px;
-height: 16px;
+  height: 16px;
+  width: 16px;
 }
 
 .Icon--comment.Icon--grey {
   background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.65 11.9H7.55L12.55 16V11.9H14.35C15.25 11.9 16 11.15 16 10.2V1.7C16 0.75 15.25 0 14.35 0H1.65C0.75 0 0 0.75 0 1.7V10.25C0 11.15 0.75 11.9 1.65 11.9ZM1 1.7C1 1.3 1.3 1 1.65 1H14.35C14.7 1 15 1.3 15 1.7V10.25C15 10.65 14.7 10.95 14.35 10.95H11.55V13.95L7.9 10.95H1.65C1.3 10.95 1 10.65 1 10.25V1.7Z" fill="%23a9b0b0"/><path d="M13.5 2.89999H2.45001V3.89999H13.5V2.89999Z" fill="%23a9b0b0"/><path d="M11.5 5.39999H2.45001V6.39999H11.5V5.39999Z" fill="%23a9b0b0"/><path d="M9.50001 7.85001H2.45001V8.85001H9.50001V7.85001Z" fill="%23a9b0b0"/></svg>');
-width: 16px;
-height: 16px;
+  height: 16px;
+  width: 16px;
 }
 
 .Icon--article {
   background-image: url('data:image/svg+xml,<svg width="15" height="18" viewBox="0 0 15 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.40625 0C0.6296 0 0 0.636227 0 1.42105V16.5789C0 17.3638 0.6296 18 1.40625 18H13.5938C14.3704 18 15 17.3638 15 16.5789V1.42105C15 0.636227 14.3704 0 13.5938 0H1.40625ZM0.9375 1.42105C0.9375 1.15944 1.14737 0.947368 1.40625 0.947368H8.90625V8.05263L10.3125 7.10526L11.7187 8.05263V0.947368H13.5938C13.8526 0.947368 14.0625 1.15944 14.0625 1.42105V16.5789C14.0625 16.8406 13.8526 17.0526 13.5938 17.0526H1.40625C1.14737 17.0526 0.9375 16.8406 0.9375 16.5789V1.42105Z" fill="%234C4F50"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.5781 11.2667H2.375V10.2H11.5781V11.2667Z" fill="%234C4F50"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.5781 13.4667H2.375V12.4H11.5781V13.4667Z" fill="%234C4F50"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.5781 15.6H2.375V14.5333H11.5781V15.6Z" fill="%234C4F50"/></svg>');
-width: 15px;
-height: 18px;
+  height: 18px;
+  width: 15px;
 }
 
 .Icon--article.Icon--primary-white {
@@ -186,56 +186,56 @@ height: 18px;
 
 .Icon--agent {
   background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.4429 7.46221H18.2496V7.26889C18.2496 3.2478 15.0018 0 10.9807 0C6.95958 0 3.75044 3.2478 3.75044 7.26889V7.46221H3.51845C1.58524 7.46221 0 9.04745 0 10.9807V13.4552C0 15.3884 1.58524 16.9736 3.51845 16.9736H4.21441C4.56239 16.9736 4.79438 16.7417 4.79438 16.4323V7.26889C4.79438 3.86643 7.57821 1.0826 10.9807 1.0826C14.3831 1.0826 17.167 3.86643 17.167 7.26889V17.4763C17.167 17.9789 17.0123 18.4042 16.7803 18.7135C16.5097 19.0228 16.1617 19.1775 15.7364 19.1775H13.2232C12.9912 18.1722 12.0633 17.4376 11.0193 17.4376C9.74341 17.4376 8.73814 18.4429 8.73814 19.7188C8.73814 20.9947 9.74341 22 11.0193 22C12.0633 22 12.9912 21.2654 13.2232 20.2601H15.7364C16.471 20.2601 17.167 19.9508 17.6309 19.4095C18.0562 18.9069 18.2882 18.2109 18.2882 17.4763V17.0123H18.4815C20.4148 17.0123 22 15.4271 22 13.4938V11.0193C22 9.04745 20.4148 7.46221 18.4429 7.46221ZM18.4429 15.9297H18.2496V8.54482H18.4429C19.7961 8.54482 20.8787 9.62742 20.8787 10.9807V13.4552C20.9174 14.8471 19.7961 15.9297 18.4429 15.9297ZM3.51845 8.54482H3.71178V15.9297H3.51845C2.1652 15.9297 1.0826 14.8471 1.0826 13.4938V11.0193C1.0826 9.62742 2.1652 8.54482 3.51845 8.54482ZM10.9807 20.9174C10.3234 20.9174 9.78207 20.3761 9.78207 19.7188C9.78207 19.0615 10.3234 18.5202 10.9807 18.5202C11.638 18.5202 12.1793 19.0615 12.1793 19.7188C12.1793 20.3761 11.638 20.9174 10.9807 20.9174Z" fill="%234C4F50"/></svg>');
-width: 22px;
-height: 22px;
+  height: 22px;
+  width: 22px;
 }
 
 .Icon--server {
   background-image: url('data:image/svg+xml,<svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 22H20.3902V0H0V22ZM1.60976 2.25366H18.7805V6.38537H1.60976V2.25366ZM1.60976 8.1561H18.7805V12.2878H1.60976V8.1561ZM1.60976 14.1122H18.7805V18.2439H1.60976V14.1122Z" fill="%234C4F50"/><path d="M8.90728 4.93658C9.29253 4.93658 9.60484 4.62427 9.60484 4.23902C9.60484 3.85377 9.29253 3.54146 8.90728 3.54146C8.52203 3.54146 8.20972 3.85377 8.20972 4.23902C8.20972 4.62427 8.52203 4.93658 8.90728 4.93658Z" fill="%234C4F50"/><path d="M11.5365 4.93658C11.9218 4.93658 12.2341 4.62427 12.2341 4.23902C12.2341 3.85377 11.9218 3.54146 11.5365 3.54146C11.1513 3.54146 10.839 3.85377 10.839 4.23902C10.839 4.62427 11.1513 4.93658 11.5365 4.93658Z" fill="%234C4F50"/><path d="M3.64873 4.93658C4.03399 4.93658 4.34629 4.62427 4.34629 4.23902C4.34629 3.85377 4.03399 3.54146 3.64873 3.54146C3.26348 3.54146 2.95117 3.85377 2.95117 4.23902C2.95117 4.62427 3.26348 4.93658 3.64873 4.93658Z" fill="%234C4F50"/><path d="M6.27801 4.93658C6.66326 4.93658 6.97557 4.62427 6.97557 4.23902C6.97557 3.85377 6.66326 3.54146 6.27801 3.54146C5.89275 3.54146 5.58044 3.85377 5.58044 4.23902C5.58044 4.62427 5.89275 4.93658 6.27801 4.93658Z" fill="%234C4F50"/><path d="M3.64873 10.9463C4.03399 10.9463 4.34629 10.634 4.34629 10.2488C4.34629 9.86353 4.03399 9.55122 3.64873 9.55122C3.26348 9.55122 2.95117 9.86353 2.95117 10.2488C2.95117 10.634 3.26348 10.9463 3.64873 10.9463Z" fill="%234C4F50"/><path d="M6.27801 10.9463C6.66326 10.9463 6.97557 10.634 6.97557 10.2488C6.97557 9.86353 6.66326 9.55122 6.27801 9.55122C5.89275 9.55122 5.58044 9.86353 5.58044 10.2488C5.58044 10.634 5.89275 10.9463 6.27801 10.9463Z" fill="%234C4F50"/><path d="M8.90728 10.9463C9.29253 10.9463 9.60484 10.634 9.60484 10.2488C9.60484 9.86353 9.29253 9.55122 8.90728 9.55122C8.52203 9.55122 8.20972 9.86353 8.20972 10.2488C8.20972 10.634 8.52203 10.9463 8.90728 10.9463Z" fill="%234C4F50"/><path d="M3.64873 16.9024C4.03399 16.9024 4.34629 16.5901 4.34629 16.2049C4.34629 15.8196 4.03399 15.5073 3.64873 15.5073C3.26348 15.5073 2.95117 15.8196 2.95117 16.2049C2.95117 16.5901 3.26348 16.9024 3.64873 16.9024Z" fill="%234C4F50"/><path d="M6.27801 16.9024C6.66326 16.9024 6.97557 16.5901 6.97557 16.2049C6.97557 15.8196 6.66326 15.5073 6.27801 15.5073C5.89275 15.5073 5.58044 15.8196 5.58044 16.2049C5.58044 16.5901 5.89275 16.9024 6.27801 16.9024Z" fill="%234C4F50"/><path d="M8.90728 16.9024C9.29253 16.9024 9.60484 16.5901 9.60484 16.2049C9.60484 15.8196 9.29253 15.5073 8.90728 15.5073C8.52203 15.5073 8.20972 15.8196 8.20972 16.2049C8.20972 16.5901 8.52203 16.9024 8.90728 16.9024Z" fill="%234C4F50"/><path d="M11.5365 16.9024C11.9218 16.9024 12.2341 16.5901 12.2341 16.2049C12.2341 15.8196 11.9218 15.5073 11.5365 15.5073C11.1513 15.5073 10.839 15.8196 10.839 16.2049C10.839 16.5901 11.1513 16.9024 11.5365 16.9024Z" fill="%234C4F50"/><path d="M14.1658 16.9024C14.5511 16.9024 14.8634 16.5901 14.8634 16.2049C14.8634 15.8196 14.5511 15.5073 14.1658 15.5073C13.7806 15.5073 13.4683 15.8196 13.4683 16.2049C13.4683 16.5901 13.7806 16.9024 14.1658 16.9024Z" fill="%234C4F50"/></svg>');
-width: 21px;
-height: 22px;
+  height: 22px;
+  width: 21px;
 }
 
 .Icon--billing {
   background-image: url('data:image/svg+xml,<svg width="21" height="23" viewBox="0 0 21 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.194 3.64286H8.02062C7.75979 3.64286 7.56416 3.85715 7.56416 4.14286C7.56416 4.42858 7.75979 4.64286 8.02062 4.64286H12.194C12.4548 4.64286 12.6504 4.42858 12.6504 4.14286C12.6504 3.85715 12.4548 3.64286 12.194 3.64286Z" fill="%234C4F50"/><path d="M12.194 7.28572H8.02062C7.75979 7.28572 7.56416 7.50001 7.56416 7.78572C7.56416 8.07144 7.75979 8.28572 8.02062 8.28572H12.194C12.4548 8.28572 12.6504 8.07144 12.6504 7.78572C12.6504 7.50001 12.4548 7.28572 12.194 7.28572Z" fill="%234C4F50"/><path d="M12.194 10.9286H8.02062C7.75979 10.9286 7.56416 11.1429 7.56416 11.4286C7.56416 11.7143 7.75979 11.9286 8.02062 11.9286H12.194C12.4548 11.9286 12.6504 11.7143 12.6504 11.4286C12.6504 11.1429 12.4548 10.9286 12.194 10.9286Z" fill="%234C4F50"/><path d="M15.5196 4.71432H16.3673C16.6281 4.71432 16.8238 4.50003 16.8238 4.21432C16.8238 3.9286 16.6281 3.71432 16.3673 3.71432H15.5196C15.2588 3.71432 15.0631 3.9286 15.0631 4.21432C15.0631 4.50003 15.2588 4.71432 15.5196 4.71432Z" fill="%234C4F50"/><path d="M16.3673 7.28572H15.5196C15.2588 7.28572 15.0631 7.50001 15.0631 7.78572C15.0631 8.07144 15.2588 8.28572 15.5196 8.28572H16.3673C16.6281 8.28572 16.8238 8.07144 16.8238 7.78572C16.8238 7.50001 16.6281 7.28572 16.3673 7.28572Z" fill="%234C4F50"/><path d="M16.3673 10.9286H15.5196C15.2588 10.9286 15.0631 11.1429 15.0631 11.4286C15.0631 11.7143 15.2588 11.9286 15.5196 11.9286H16.3673C16.6281 11.9286 16.8238 11.7143 16.8238 11.4286C16.8238 11.1429 16.6281 10.9286 16.3673 10.9286Z" fill="%234C4F50"/><path d="M16.3673 18.2143H13.8894C13.6285 18.2143 13.4329 18.4286 13.4329 18.7143C13.4329 19 13.6285 19.2143 13.8894 19.2143H16.3673C16.6281 19.2143 16.8238 19 16.8238 18.7143C16.8238 18.4286 16.6281 18.2143 16.3673 18.2143Z" fill="%234C4F50"/><path d="M18.8452 0H2.21709C0.978126 0 0 1.07143 0 2.42857V7.92857C0 8.28572 0.260834 8.5 0.521667 8.5H3.32563V22.4286C3.32563 22.7857 3.58646 23 3.84729 23H20.4754C20.8015 23 20.9971 22.7143 20.9971 22.4286V2.35714C21.0623 1.07143 20.019 0 18.8452 0ZM1.04333 7.28571V2.42857C1.04333 1.71429 1.565 1.21429 2.15188 1.21429C2.73875 1.21429 3.32563 1.71429 3.32563 2.35714V7.21429H1.04333V7.28571ZM18.8452 1.14286C19.4973 1.14286 19.9538 1.71429 19.9538 2.35714V21.7857H4.36896V2.35714C4.36896 1.92857 4.23855 1.5 4.04292 1.14286H18.8452Z" fill="%234C4F50"/><path d="M17.1498 14.5714H7.17293C6.84689 14.5714 6.65126 14.8572 6.65126 15.1429C6.65126 15.5 6.91209 15.7143 7.17293 15.7143H17.1498C17.4759 15.7143 17.6715 15.4286 17.6715 15.1429C17.7367 14.7857 17.4759 14.5714 17.1498 14.5714Z" fill="%234C4F50"/></svg>');
-width: 21px;
-height: 23px;
+  height: 23px;
+  width: 21px;
 }
 
 .Icon--feedback-alt {
   background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 5C18.9 5 18.7 4.9 18.6 4.9C17.7 4.8 16.9 4.7 16.4 4.7C16.4 4.5 16.4 4.3 16.4 4.1C16.5 3.4 16.7 2.9 16.7 2.9C16.7 2.7 16.8 2.5 16.8 2.4C16.8 2.4 16.8 2.4 16.8 2.3C16.8 2.2 16.8 2 16.8 1.9V1.8C16.8 1.7 16.8 1.7 16.8 1.6V1.5C16.8 1.3 16.7 1.2 16.7 1.1C16.6 0.8 16.4 0.6 16.2 0.4L16.1 0.3C15.5 0 15.1 0 14.9 0C14.5 0.1 14.3 0.3 14.2 0.7C14.2 0.7 14.2 0.7 14.2 0.8L14 1.6C14 1.9 13.9 2.1 13.8 2.3L12.6 4.8C12.5 5.1 12.2 5.4 11.8 5.5C11.7 5 11.3 4.7 10.9 4.7H9C8.5 4.7 8 5.1 8 5.6V12.8C8 13.3 8.4 13.7 8.9 13.7H10.8C11.3 13.7 11.7 13.3 11.7 12.8L12 13C12.5 13.3 13.1 13.5 13.6 13.5H16.7C17.7 13.5 18.5 12.9 18.8 12L20.2 7.8C20.8 6.6 20.1 5.4 19 5ZM15.6 2.8C15.3 3.8 15.2 4.5 15.3 5.1C15.4 5.5 15.7 5.8 16.1 5.8C16.9 5.8 17.6 5.9 18.4 6C19 6.1 19.5 6.7 19.4 7.3C19.4 7.4 19.4 7.4 19.4 7.5L18 11.6C17.8 12.1 17.4 12.4 16.9 12.4H13.8C13.4 12.4 13 12.3 12.7 12.1L11.8 11.6V6.6C12.6 6.5 13.2 6 13.5 5.3L14.7 2.8C14.9 2.5 15 2.1 15 1.8L15.1 1.1C15.3 1.2 15.5 1.3 15.6 1.5C15.8 1.7 15.8 2.2 15.6 2.8Z" fill="%234C4F50"/><path d="M16.9 15.1C16.8 15 16.7 14.8 16.6 14.8C16.3 14.7 15.9 14.8 15.8 15.1C15.6 15.7 15 16.1 14.4 16.1H8.3C8.1 16.1 8 16.2 7.9 16.3L5 19V16.7C5 16.3 4.7 16 4.4 16H2.7C1.9 16 1.2 15.3 1.2 14.5V4.7C1.2 3.9 1.9 3.2 2.7 3.2H11C11.3 3.2 11.6 2.9 11.6 2.6C11.6 2.3 11.3 2 11 2H2.7C1.2 2 0 3.2 0 4.7V14.5C0 16 1.2 17.2 2.7 17.2H3.8V20.3C3.8 20.6 3.9 20.8 4.2 20.9C4.2 20.9 4.3 21 4.4 21C4.6 21 4.7 20.9 4.8 20.8L8.5 17.2H14.4C15.5 17.2 16.5 16.5 16.9 15.5C17 15.4 17 15.2 16.9 15.1Z" fill="%234C4F50"/></svg>');
-width: 21px;
-height: 21px;
+  height: 21px;
+  width: 21px;
 }
 
 .Icon--anchor {
   background-image: url('data:image/svg+xml,<svg width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 13.3631L14.9312 10.0864C14.9312 9.81636 14.7076 9.61832 14.4667 9.61832C14.3807 9.61832 14.3119 9.63632 14.2431 9.69034L11.5768 11.4007C11.3704 11.5447 11.3016 11.8328 11.422 12.0488C11.4564 12.1208 11.5252 12.1748 11.594 12.2288L12.1101 12.5169C11.3532 13.7051 10.2007 14.5513 8.87615 14.8934V5.96359C10.3555 5.17143 10.9404 3.26305 10.1835 1.71474C9.42661 0.16643 7.60321 -0.445692 6.12385 0.346466C4.6445 1.13862 4.05963 3.04701 4.81651 4.59532C5.10895 5.17143 5.55619 5.65753 6.12385 5.96359V14.8934C4.81651 14.5513 3.66399 13.7051 2.90711 12.5169L3.42317 12.2288C3.64679 12.1028 3.7328 11.8148 3.61239 11.5807C3.57798 11.5087 3.50917 11.4367 3.44037 11.4007L0.774083 9.70834C0.567661 9.56431 0.275229 9.65433 0.154817 9.87037C0.120413 9.94239 0.0860092 10.0144 0.0860092 10.1044L0 13.3631C0 13.6331 0.18922 13.8492 0.447248 13.8492C0.533257 13.8492 0.602064 13.8312 0.670872 13.7952L1.29014 13.4531C3.50917 17.0538 8.08486 18.08 11.508 15.7575C12.3853 15.1634 13.1422 14.3713 13.7099 13.4531L14.3291 13.7952C14.5528 13.9212 14.828 13.8312 14.9484 13.6151C14.9828 13.5251 15 13.4531 15 13.3631ZM7.5 4.28925C6.91514 4.28925 6.43349 3.78515 6.43349 3.17303C6.43349 2.56091 6.91514 2.05681 7.5 2.05681C8.08486 2.05681 8.56651 2.56091 8.56651 3.17303C8.58372 3.78515 8.10206 4.28925 7.5 4.28925Z" fill="%234C4F50"/></svg>');
-width: 19px;
-height: 17px;
+  height: 17px;
+  width: 19px;
 }
 
 .Icon--alert {
   background-image: url('data:image/svg+xml,<svg width="12" height="15" viewBox="0 0 12 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.42857 8.07143V4.92857C9.42857 3.28571 8.35714 1.92857 6.92857 1.42857V1.21429C6.92857 0.5 6.35714 0 5.71429 0C5 0 4.35714 0.5 4.35714 1.21429V1.42857C2.92857 1.92857 1.85714 3.35714 1.85714 4.92857V8.07143L0 10.5714V12.5H11.2857V10.5714L9.42857 8.07143ZM10 11.2857H1.28571V11L2.92857 8.85714L3.21429 8.5V8.07143V4.92857C3.21429 3.71429 4.07143 2.71429 5.21429 2.5H6.21429C7.35714 2.71429 8.21429 3.71429 8.21429 4.92857V8.07143V8.5L8.5 8.85714L10.1429 11V11.2857H10Z" fill="%234C4F50"/><path d="M5.64285 15C6.57142 15 7.49999 14.4286 7.49999 13.7857H3.78571C3.78571 14.4286 4.71428 15 5.64285 15Z" fill="%234C4F50"/></svg>');
-width: 12px;
-height: 15px;
+  height: 15px;
+  width: 12px;
 }
 
 .Icon--zip-file-rigth {
   background-image: url('data:image/svg+xml,<svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.025 3.70556L14.525 0.153333C14.45 0.0766667 14.3 0 14.175 0H0.425C0.2 0 0 0.178889 0 0.408889V7.76889C0 7.87111 0.1 7.97333 0.2 7.97333H0.825C0.925 7.97333 1.025 7.87111 1.025 7.76889V1.20111C1.025 1.12444 1.1 1.04778 1.175 1.04778H13.325C13.4 1.04778 13.475 1.12444 13.475 1.20111V4.34444C13.475 4.57444 13.65 4.75333 13.875 4.75333H16.975C17.05 4.75333 17.125 4.83 17.125 4.90667V21.8244C17.125 21.9011 17.05 21.9778 16.975 21.9778H1.2C1.125 21.9778 1.05 21.9011 1.05 21.8244V17.1733C1.05 17.0711 0.95 16.9689 0.85 16.9689H0.225C0.125 16.9689 0.025 17.0711 0.025 17.1733V22.5911C-2.42144e-08 22.8211 0.2 23 0.425 23H17.775C18 23 18.175 22.8211 18.175 22.5911L18.15 4.06333C18.15 3.96111 18.1 3.78222 18.025 3.70556Z" fill="%234C4F50"/><path d="M12.9 11.3722H12.3V12.2922H12.9C13.05 12.2922 13.15 12.2411 13.25 12.1645C13.325 12.0878 13.375 11.9856 13.375 11.8322C13.375 11.7045 13.325 11.5767 13.25 11.5C13.175 11.4233 13.05 11.3722 12.9 11.3722Z" fill="%234C4F50"/><path d="M16.475 9.12335H3.4C3.175 9.12335 3 9.30224 3 9.53224V15.41C3 15.64 3.175 15.8189 3.4 15.8189H16.475C16.7 15.8189 16.875 15.64 16.875 15.41V9.53224C16.9 9.30224 16.7 9.12335 16.475 9.12335ZM9.025 14.2089C9.025 14.26 9 14.2856 8.975 14.3111C8.95 14.3367 8.925 14.3367 8.875 14.3367H6.1C6.05 14.3367 6.025 14.3111 6 14.2856C5.975 14.26 5.95 14.2345 5.95 14.1833V13.6467C5.95 13.5956 5.95 13.57 5.975 13.5445C6 13.5189 6 13.4934 6.025 13.4678L7.7 11.4234H6.125C6.1 11.4234 6.05 11.3978 6.025 11.3722C6 11.3467 5.975 11.3211 5.975 11.27V10.7334C5.975 10.6822 5.975 10.6567 6 10.6311C6.025 10.6056 6.05 10.58 6.1 10.58H8.775C8.825 10.58 8.85 10.6056 8.875 10.6311C8.9 10.6567 8.925 10.6822 8.925 10.7334V11.27C8.925 11.3467 8.9 11.3978 8.85 11.4489L7.25 13.4934H8.85C8.9 13.4934 8.925 13.5189 8.95 13.5445C8.975 13.57 9 13.5956 9 13.6467V14.2089H9.025ZM10.575 14.2089C10.575 14.2345 10.575 14.2856 10.55 14.3111C10.525 14.3367 10.5 14.3622 10.45 14.3622H9.7C9.675 14.3622 9.625 14.3367 9.6 14.3111C9.575 14.2856 9.55 14.26 9.55 14.2089V10.7334C9.55 10.6822 9.575 10.6567 9.6 10.6311C9.625 10.6056 9.65 10.6056 9.7 10.6056H10.45C10.5 10.6056 10.525 10.6056 10.55 10.6311C10.575 10.6567 10.575 10.6822 10.575 10.7334V14.2089ZM14 12.7522C13.75 12.9567 13.375 13.0589 12.925 13.0589H12.325V14.2089C12.325 14.2345 12.325 14.2856 12.3 14.3111C12.275 14.3367 12.25 14.3622 12.2 14.3622H11.45C11.425 14.3622 11.375 14.3367 11.35 14.3111C11.325 14.2856 11.3 14.26 11.3 14.2089V10.7334C11.3 10.6822 11.3 10.6567 11.325 10.6311C11.35 10.6056 11.375 10.58 11.425 10.58H12.9C13.35 10.58 13.7 10.6822 13.975 10.8867C14.225 11.0911 14.375 11.3978 14.375 11.8067C14.375 12.2411 14.25 12.5478 14 12.7522Z" fill="%234C4F50"/></svg>');
-width: 19px;
-height: 23px;
+  height: 23px;
+  width: 19px;
 }
 
 .Icon--app-file {
   background-image: url('data:image/svg+xml,<svg width="18" height="22" viewBox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.8664 3.54444L14.7467 0.146667C14.6798 0.0733333 14.5461 0 14.4347 0H2.17887C1.97832 0 1.80005 0.171111 1.80005 0.391111V7.43111C1.80005 7.52889 1.88918 7.62667 1.97832 7.62667H2.5354C2.62453 7.62667 2.71367 7.52889 2.71367 7.43111V1.14889C2.71367 1.07556 2.78052 1.00222 2.84737 1.00222H13.6771C13.7439 1.00222 13.8108 1.07556 13.8108 1.14889V4.15556C13.8108 4.37556 13.9668 4.54667 14.1673 4.54667H16.9304C16.9973 4.54667 17.0641 4.62 17.0641 4.69333V20.8756C17.0641 20.9489 16.9973 21.0222 16.9304 21.0222H2.86965C2.8028 21.0222 2.73595 20.9489 2.73595 20.8756V16.4267C2.73595 16.3289 2.64682 16.2311 2.55768 16.2311H2.0006C1.91147 16.2311 1.82233 16.3289 1.82233 16.4267V21.6089C1.80005 21.8289 1.97832 22 2.17887 22H17.6435C17.8441 22 18 21.8289 18 21.6089L17.9778 3.88667C17.9778 3.78889 17.9332 3.61778 17.8664 3.54444Z" fill="%234C4F50"/><path d="M6.52499 10.8533H5.98499V11.7333H6.52499C6.65999 11.7333 6.74999 11.6845 6.83999 11.6111C6.90749 11.5378 6.95249 11.44 6.95249 11.2933C6.95249 11.1711 6.90749 11.0489 6.83999 10.9756C6.77249 10.8778 6.65999 10.8533 6.52499 10.8533Z" fill="%234C4F50"/><path d="M9.71993 10.8533H9.17993V11.7333H9.71993C9.85493 11.7333 9.94493 11.6845 10.0349 11.6111C10.1024 11.5378 10.1474 11.44 10.1474 11.2933C10.1474 11.1711 10.1024 11.0489 10.0349 10.9756C9.96743 10.9022 9.87743 10.8533 9.71993 10.8533Z" fill="%234C4F50"/><path d="M2.65491 12.32H3.48741L3.05991 11L2.65491 12.32Z" fill="%234C4F50"/><path d="M12.1275 8.72668H0.36C0.1575 8.72668 0 8.8978 0 9.1178V14.74C0 14.96 0.1575 15.1311 0.36 15.1311H12.1275C12.33 15.1311 12.4875 14.96 12.4875 14.74V9.1178C12.51 8.8978 12.33 8.72668 12.1275 8.72668ZM4.7025 13.6645C4.68 13.6889 4.6575 13.6889 4.635 13.6889H4.0275C3.96 13.6889 3.8925 13.64 3.87 13.5667L3.69 13.0778H2.4525L2.2725 13.5667C2.25 13.6645 2.1825 13.6889 2.115 13.6889H1.5075C1.485 13.6889 1.4625 13.6889 1.44 13.6645C1.4175 13.64 1.4175 13.6156 1.4175 13.5911C1.4175 13.5667 1.4175 13.5667 1.4175 13.5422L2.52 10.2667C2.5425 10.1689 2.61 10.12 2.7 10.12H3.4425C3.5325 10.12 3.6 10.1689 3.6225 10.2667L4.725 13.5422C4.725 13.5422 4.725 13.5667 4.725 13.5911C4.725 13.6156 4.725 13.64 4.7025 13.6645ZM7.515 12.1733C7.29 12.3689 6.9525 12.4667 6.5475 12.4667H6.0075V13.5667C6.0075 13.5911 6.0075 13.64 5.985 13.6645C5.94 13.6889 5.9175 13.6889 5.895 13.6889H5.22C5.1975 13.6889 5.1525 13.6645 5.13 13.64C5.1075 13.6156 5.085 13.5911 5.085 13.5422V10.2422C5.085 10.1934 5.085 10.1689 5.1075 10.1445C5.13 10.12 5.1525 10.0956 5.1975 10.0956H6.525C6.93 10.0956 7.245 10.1934 7.4925 10.3889C7.7175 10.5845 7.8525 10.8778 7.8525 11.2689C7.8525 11.6845 7.74 11.9778 7.515 12.1733ZM10.71 12.1733C10.485 12.3689 10.1475 12.4667 9.7425 12.4667H9.225V13.5667C9.225 13.5911 9.225 13.64 9.2025 13.6645C9.1575 13.6889 9.135 13.6889 9.09 13.6889H8.415C8.3925 13.6889 8.3475 13.6645 8.325 13.64C8.3025 13.6156 8.28 13.5911 8.28 13.5422V10.2422C8.28 10.1934 8.28 10.1689 8.3025 10.1445C8.325 10.12 8.3475 10.0956 8.3925 10.0956H9.72C10.125 10.0956 10.44 10.1934 10.6875 10.3889C10.9125 10.5845 11.0475 10.8778 11.0475 11.2689C11.07 11.6845 10.9575 11.9778 10.71 12.1733Z" fill="%234C4F50"/></svg>');
-width: 18px;
-height: 22px;
+  height: 22px;
+  width: 18px;
 }
 
 .Icon--zip-file-left {
   background-image: url('data:image/svg+xml,<svg width="18" height="22" viewBox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.865 3.54444L14.715 0.146667C14.6475 0.0733333 14.5125 0 14.4 0H2.02496C1.82246 0 1.64246 0.171111 1.64246 0.391111V7.43111C1.64246 7.52889 1.73246 7.62667 1.82246 7.62667H2.38496C2.47496 7.62667 2.56496 7.52889 2.56496 7.43111V1.14889C2.56496 1.07556 2.63246 1.00222 2.69996 1.00222H13.635C13.7025 1.00222 13.77 1.07556 13.77 1.14889V4.15556C13.77 4.37556 13.9275 4.54667 14.13 4.54667H16.92C16.9875 4.54667 17.055 4.62 17.055 4.69333V20.8756C17.055 20.9489 16.9875 21.0222 16.92 21.0222H2.72246C2.65496 21.0222 2.58746 20.9489 2.58746 20.8756V16.4267C2.58746 16.3289 2.49746 16.2311 2.40746 16.2311H1.84496C1.75496 16.2311 1.66496 16.3289 1.66496 16.4267V21.6089C1.64246 21.8289 1.82246 22 2.02496 22H17.64C17.8425 22 18 21.8289 18 21.6089L17.9775 3.88667C17.9775 3.78889 17.9325 3.61778 17.865 3.54444Z" fill="%234C4F50"/><path d="M8.91 10.8778H8.37V11.7578H8.91C9.045 11.7578 9.135 11.7089 9.225 11.6356C9.2925 11.5622 9.3375 11.4645 9.3375 11.3178C9.3375 11.1956 9.2925 11.0733 9.225 11C9.1575 10.9267 9.045 10.8778 8.91 10.8778Z" fill="%234C4F50"/><path d="M12.1275 8.72668H0.36C0.1575 8.72668 0 8.8978 0 9.1178V14.74C0 14.96 0.1575 15.1311 0.36 15.1311H12.1275C12.33 15.1311 12.4875 14.96 12.4875 14.74V9.1178C12.51 8.8978 12.33 8.72668 12.1275 8.72668ZM5.4225 13.5911C5.4225 13.64 5.4 13.6645 5.3775 13.6889C5.355 13.7133 5.3325 13.7133 5.2875 13.7133H2.79C2.745 13.7133 2.7225 13.688 2.7 13.6645C2.6775 13.64 2.655 13.6156 2.655 13.5667V13.0533C2.655 13.0045 2.655 12.98 2.6775 12.9556C2.7 12.9311 2.7 12.9067 2.7225 12.8822L4.23 10.9267H2.8125C2.79 10.9267 2.745 10.9022 2.7225 10.8778C2.7 10.8534 2.6775 10.8289 2.6775 10.78V10.2667C2.6775 10.2178 2.6775 10.1934 2.7 10.1689C2.7225 10.1445 2.745 10.12 2.79 10.12H5.1975C5.2425 10.12 5.265 10.1445 5.2875 10.1689C5.31 10.1934 5.3325 10.2178 5.3325 10.2667V10.78C5.3325 10.8533 5.31 10.9022 5.265 10.9511L3.825 12.9067H5.265C5.31 12.9067 5.3325 12.9311 5.355 12.9556C5.3775 12.98 5.4 13.0045 5.4 13.0533V13.5911H5.4225ZM6.8175 13.5911C6.8175 13.6156 6.8175 13.6645 6.795 13.6889C6.7725 13.7133 6.75 13.7378 6.705 13.7378H6.03C6.0075 13.7378 5.9625 13.7133 5.94 13.6889C5.9175 13.6645 5.895 13.64 5.895 13.5911V10.2667C5.895 10.2178 5.9175 10.1934 5.94 10.1689C5.9625 10.1445 5.985 10.1445 6.03 10.1445H6.705C6.75 10.1445 6.7725 10.1445 6.795 10.1689C6.8175 10.1934 6.8175 10.2178 6.8175 10.2667V13.5911ZM9.9 12.1978C9.675 12.3933 9.3375 12.4911 8.9325 12.4911H8.3925V13.5911C8.3925 13.6156 8.3925 13.6645 8.37 13.6889C8.3475 13.7133 8.325 13.7378 8.28 13.7378H7.605C7.5825 13.7378 7.5375 13.7133 7.515 13.6889C7.4925 13.6645 7.47 13.64 7.47 13.5911V10.2667C7.47 10.2178 7.47 10.1934 7.4925 10.1689C7.515 10.1445 7.5375 10.12 7.5825 10.12H8.91C9.315 10.12 9.63 10.2178 9.8775 10.4133C10.1025 10.6089 10.2375 10.9022 10.2375 11.2934C10.2375 11.7089 10.125 12.0022 9.9 12.1978Z" fill="%234C4F50"/></svg>');
-width: 18px;
-height: 22px;
+  height: 22px;
+  width: 18px;
 }
 
 .Icon--zip-file-left.Icon--grey-dark {
@@ -249,32 +249,32 @@ height: 22px;
 
 .Icon--download {
   background-image: url('data:image/svg+xml,<svg width="11" height="15" viewBox="0 0 11 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.45455 0C5.82955 0 6.13636 0.321429 6.13636 0.714286V10.4286L8.38636 8.07142C8.52273 7.92856 8.72727 7.82143 8.93182 7.85714C9.30682 7.89286 9.57955 8.24998 9.54545 8.64284C9.54545 8.82141 9.44318 8.96429 9.34091 9.10714L5.93182 12.6786C5.65909 12.9643 5.25 12.9643 4.97727 12.6786L1.56818 9.10714C1.29545 8.82143 1.29545 8.39284 1.53409 8.10713C1.80682 7.82141 2.21591 7.82142 2.48864 8.07142C2.48864 8.07142 2.48864 8.07141 2.52273 8.10713L4.77273 10.4643V0.749991C4.77273 0.32142 5.07955 0 5.45455 0ZM10.2273 13.5714C10.6023 13.5714 10.9091 13.8929 10.9091 14.2857C10.9091 14.6786 10.6023 15 10.2273 15H0.681818C0.306818 15 0 14.6786 0 14.2857C0 13.8929 0.306818 13.5714 0.681818 13.5714H10.2273Z" fill="%234C4F50"/>}</svg>');
-width: 11px;
-height: 15px;
+  height: 15px;
+  width: 11px;
 }
 
 .Icon--file {
   background-image: url('data:image/svg+xml,<svg width="13" height="15" viewBox="0 0 13 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 15H1.5C0.68 15 0 14.3672 0 13.6042V1.39578C0 0.632754 0.68 0 1.5 0H11C11.82 0 12.5 0.632754 12.5 1.39578V13.6042C12.5 14.3672 11.82 15 11 15ZM1.5 1.30273C1.44 1.30273 1.4 1.33995 1.4 1.39578V13.6042C1.4 13.66 1.44 13.6973 1.5 13.6973H11C11.06 13.6973 11.1 13.66 11.1 13.6042V1.39578C11.1 1.33995 11.04 1.30273 11 1.30273H1.5Z" fill="%234C4F50"/><path d="M9.62001 2.95905H2.98001V4.26177H9.62001V2.95905Z" fill="%234C4F50"/><path d="M9.62001 5.56451H2.98001V6.86724H9.62001V5.56451Z" fill="%234C4F50"/><path d="M7.5111 8.12523L2.97156 8.17709L2.98875 9.47969L7.52829 9.42783L7.5111 8.12523Z" fill="%234C4F50"/></svg>');
-width: 13px;
-height: 15px;
+  height: 15px;
+  width: 13px;
 }
 
 .Icon--file.Icon--grey-dark {
   background-image: url('data:image/svg+xml,<svg width="13" height="15" viewBox="0 0 13 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 15H1.5C0.68 15 0 14.3672 0 13.6042V1.39578C0 0.632754 0.68 0 1.5 0H11C11.82 0 12.5 0.632754 12.5 1.39578V13.6042C12.5 14.3672 11.82 15 11 15ZM1.5 1.30273C1.44 1.30273 1.4 1.33995 1.4 1.39578V13.6042C1.4 13.66 1.44 13.6973 1.5 13.6973H11C11.06 13.6973 11.1 13.66 11.1 13.6042V1.39578C11.1 1.33995 11.04 1.30273 11 1.30273H1.5Z" fill="%238b9293"/><path d="M9.62001 2.95905H2.98001V4.26177H9.62001V2.95905Z" fill="%238b9293"/><path d="M9.62001 5.56451H2.98001V6.86724H9.62001V5.56451Z" fill="%238b9293"/><path d="M7.5111 8.12523L2.97156 8.17709L2.98875 9.47969L7.52829 9.42783L7.5111 8.12523Z" fill="%238b9293"/></svg>');
-width: 13px;
-height: 15px;
+  height: 15px;
+  width: 13px;
 }
 
 .Icon--drag-drop {
   background-image: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.34 8.00001V6.66001H2.68V5.32001H1.34C0.6 5.32001 0 5.92001 0 6.66001V8.00001H1.34Z" fill="%234C4F50"/><path d="M14.66 0H6.66C5.92 0 5.32 0.6 5.32 1.34V5.34H4V6.68H5.34V9.34C5.34 10.08 5.94 10.68 6.68 10.68H9.34V12H10.68V10.66H14.68C15.42 10.66 16.02 10.06 16.02 9.32V1.32C16 0.6 15.4 0 14.66 0ZM14.66 9.34H6.66V1.34H14.66V9.34Z" fill="%234C4F50"/><path d="M8 6.66001H9.34V8.00001H10.68V6.66001C10.68 5.92001 10.08 5.32001 9.34 5.32001H8V6.66001Z" fill="%234C4F50"/><path d="M6.66 14.66H4V16H6.66V14.66Z" fill="%234C4F50"/><path d="M9.34 13.34V14.68H8V16H9.34C10.08 16 10.68 15.4 10.68 14.66V13.32H9.34V13.34Z" fill="%234C4F50"/><path d="M2.66 14.66H1.34V13.32H0V14.66C0 15.4 0.6 16 1.34 16H2.68V14.66H2.66Z" fill="%234C4F50"/><path d="M1.34 9.34H0V12H1.34V9.34Z" fill="%234C4F50"/></svg>');
-width: 17px;
-height: 16px;
+  height: 16px;
+  width: 17px;
 }
 
 .Icon--complete {
   background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.0183 0C4.47706 0 0 4.47706 0 10.0183C0 15.5596 4.47706 20.0367 10.0183 20.0367C15.5596 20.0367 20.0367 15.5596 20.0367 10.0183C20.0367 4.47706 15.5229 0 10.0183 0ZM16.4404 16.4404C14.7156 18.1651 12.4404 19.1193 9.98165 19.1193C7.52294 19.1193 5.24771 18.1651 3.52294 16.4404C1.79817 14.7156 0.880734 12.4404 0.880734 10.0183C0.880734 7.59633 1.83486 5.2844 3.55963 3.55963C5.2844 1.83486 7.55963 0.880734 10.0183 0.880734C12.4771 0.880734 14.7156 1.83486 16.4404 3.55963C18.1651 5.2844 19.1193 7.55963 19.1193 10.0183C19.1193 12.4771 18.1651 14.7156 16.4404 16.4404Z" fill="%234C4F50"/><path d="M8.03667 14.2018C7.81649 14.2018 7.633 14.1284 7.52291 13.945L5.17429 11.2661C4.91741 10.9725 4.9541 10.5321 5.24768 10.2752C5.54126 10.0184 5.98163 10.055 6.23851 10.3486L8.07337 12.4404L13.7981 6.05505C14.055 5.76147 14.4954 5.76147 14.789 6.01835C15.0825 6.27523 15.1192 6.7156 14.8257 7.00918L8.58713 13.9817C8.44034 14.0917 8.25686 14.2018 8.03667 14.2018Z" fill="%234C4F50"/></svg>');
-width: 21px;
-height: 21px;
+  height: 21px;
+  width: 21px;
 }
 
 .Icon--complete.Icon--success {
@@ -283,56 +283,56 @@ height: 21px;
 
 .Icon--edit {
   background-image: url('data:image/svg+xml, <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.9487 0L8.86667 2.08205L11.9179 5.13333L14 3.05128L10.9487 0ZM8.3641 2.58461L0 10.9487V14H3.05128L11.4154 5.63589L8.3641 2.58461Z" fill="%234C4F50"/></svg>');
-width: 14px;
-height: 14px;
+  height: 14px;
+  width: 14px;
 }
 
 .Icon--edit.Icon--primary {
-background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.38462 0L7.6 1.78461L10.2154 4.4L12 2.61538L9.38462 0ZM7.16923 2.21538L0 9.38462V12H2.61538L9.78462 4.83076L7.16923 2.21538Z" fill="%233A8DDE"/></svg>');
-width: 12px;
-height: 12px;
+  background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.38462 0L7.6 1.78461L10.2154 4.4L12 2.61538L9.38462 0ZM7.16923 2.21538L0 9.38462V12H2.61538L9.78462 4.83076L7.16923 2.21538Z" fill="%233A8DDE"/></svg>');
+  height: 12px;
+  width: 12px;
 }
 
 .Icon--submit {
   background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.58203 5.18217H13.75C13.9805 5.18217 14.168 4.98784 14.168 4.74897C14.168 4.51011 13.9805 4.31578 13.75 4.31578H4.58203C4.35156 4.31578 4.16406 4.51011 4.16406 4.74897C4.16406 4.98784 4.35156 5.18217 4.58203 5.18217Z" fill="%234C4F50"/><path d="M9.58203 9.50201H4.58203C4.35156 9.50201 4.16406 9.69634 4.16406 9.93521C4.16406 10.1741 4.35156 10.3684 4.58203 10.3684H9.58203C9.8125 10.3684 10 10.1741 10 9.93521C10 9.69229 9.8125 9.50201 9.58203 9.50201Z" fill="%234C4F50"/><path d="M18.4062 1.72874C18.3828 1.72874 18.3594 1.73684 18.3359 1.73684V1.72874C18.3359 0.777327 17.5898 0 16.668 0H1.66797C0.746094 0 0 0.773278 0 1.72874V18.5708C0 18.7449 0.101562 18.9028 0.257812 18.9716C0.308594 18.9959 0.363281 19.004 0.417969 19.004C0.527344 19.004 0.632812 18.9595 0.710938 18.8785L4.75391 14.6882H16.6641C17.582 14.6882 18.332 13.915 18.332 12.9595V5.79351L19.5312 4.5506C19.8281 4.24291 20 3.81781 20 3.38056C20 2.46963 19.2852 1.72874 18.4062 1.72874ZM17.5 12.9554C17.5 13.4332 17.125 13.8178 16.668 13.8178H4.58203C4.47266 13.8178 4.36719 13.8623 4.28906 13.9433L0.832031 17.5263V1.72874C0.832031 1.25101 1.20703 0.866395 1.66406 0.866395H16.6641C17.125 0.866395 17.4961 1.25506 17.4961 1.72874V2.02429C17.418 2.08097 17.3398 2.1417 17.2734 2.21457L12.7383 6.91092H4.58203C4.35156 6.91092 4.16406 7.10525 4.16406 7.34412C4.16406 7.58298 4.35156 7.77731 4.58203 7.77731H12.0742L11.6758 9.85019C11.6484 9.99189 11.6914 10.1376 11.7891 10.2388C11.8672 10.3198 11.9766 10.3644 12.082 10.3644C12.1094 10.3644 12.1367 10.3603 12.1641 10.3563L14.2461 9.92306C14.3281 9.90687 14.4023 9.86638 14.4609 9.80565L17.5 6.65586V12.9554ZM13.9609 9.1012L12.6133 9.38055L12.8828 7.98379L16.6641 4.06477L17.7422 5.18218L13.9609 9.1012ZM18.9453 3.93926L18.3359 4.57084L17.2578 3.45344L17.8672 2.82186C18.0078 2.67611 18.2031 2.59109 18.4062 2.59109C18.8281 2.59109 19.168 2.94736 19.168 3.38056C19.168 3.58704 19.0859 3.79352 18.9453 3.93926Z" fill="%234C4F50"/></svg>');
-width: 20px;
-height: 20px;
+  height: 20px;
+  width: 20px;
 }
 
 .Icon--submit.Icon--primary {
   background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.58203 5.18217H13.75C13.9805 5.18217 14.168 4.98784 14.168 4.74897C14.168 4.51011 13.9805 4.31578 13.75 4.31578H4.58203C4.35156 4.31578 4.16406 4.51011 4.16406 4.74897C4.16406 4.98784 4.35156 5.18217 4.58203 5.18217Z" fill="%233a8dde"/><path d="M9.58203 9.50201H4.58203C4.35156 9.50201 4.16406 9.69634 4.16406 9.93521C4.16406 10.1741 4.35156 10.3684 4.58203 10.3684H9.58203C9.8125 10.3684 10 10.1741 10 9.93521C10 9.69229 9.8125 9.50201 9.58203 9.50201Z" fill="%233a8dde"/><path d="M18.4062 1.72874C18.3828 1.72874 18.3594 1.73684 18.3359 1.73684V1.72874C18.3359 0.777327 17.5898 0 16.668 0H1.66797C0.746094 0 0 0.773278 0 1.72874V18.5708C0 18.7449 0.101562 18.9028 0.257812 18.9716C0.308594 18.9959 0.363281 19.004 0.417969 19.004C0.527344 19.004 0.632812 18.9595 0.710938 18.8785L4.75391 14.6882H16.6641C17.582 14.6882 18.332 13.915 18.332 12.9595V5.79351L19.5312 4.5506C19.8281 4.24291 20 3.81781 20 3.38056C20 2.46963 19.2852 1.72874 18.4062 1.72874ZM17.5 12.9554C17.5 13.4332 17.125 13.8178 16.668 13.8178H4.58203C4.47266 13.8178 4.36719 13.8623 4.28906 13.9433L0.832031 17.5263V1.72874C0.832031 1.25101 1.20703 0.866395 1.66406 0.866395H16.6641C17.125 0.866395 17.4961 1.25506 17.4961 1.72874V2.02429C17.418 2.08097 17.3398 2.1417 17.2734 2.21457L12.7383 6.91092H4.58203C4.35156 6.91092 4.16406 7.10525 4.16406 7.34412C4.16406 7.58298 4.35156 7.77731 4.58203 7.77731H12.0742L11.6758 9.85019C11.6484 9.99189 11.6914 10.1376 11.7891 10.2388C11.8672 10.3198 11.9766 10.3644 12.082 10.3644C12.1094 10.3644 12.1367 10.3603 12.1641 10.3563L14.2461 9.92306C14.3281 9.90687 14.4023 9.86638 14.4609 9.80565L17.5 6.65586V12.9554ZM13.9609 9.1012L12.6133 9.38055L12.8828 7.98379L16.6641 4.06477L17.7422 5.18218L13.9609 9.1012ZM18.9453 3.93926L18.3359 4.57084L17.2578 3.45344L17.8672 2.82186C18.0078 2.67611 18.2031 2.59109 18.4062 2.59109C18.8281 2.59109 19.168 2.94736 19.168 3.38056C19.168 3.58704 19.0859 3.79352 18.9453 3.93926Z" fill="%233a8dde"/></svg>');
-width: 20px;
-height: 20px;
+  height: 20px;
+  width: 20px;
 }
 
 .Icon--list {
   background-image: url('data:image/svg+xml,<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.0833 2.16667H5.91667C5.41667 2.16667 5 1.75 5 1.25C5 0.749999 5.41667 0.333332 5.91667 0.333332H13.0833C13.5833 0.333332 14 0.749999 14 1.25C14 1.75 13.6667 2.16667 13.0833 2.16667Z" fill="%234C4F50"/><path d="M13.0833 6.75H5.91667C5.41667 6.75 5 6.33333 5 5.83333C5 5.33333 5.41667 4.91667 5.91667 4.91667H13.0833C13.5833 4.91667 14 5.33333 14 5.83333C14 6.33333 13.6667 6.75 13.0833 6.75Z" fill="%234C4F50"/><path d="M13.0833 11.3333H5.91667C5.41667 11.3333 5 10.9167 5 10.4167C5 9.91667 5.41667 9.5 5.91667 9.5H13.0833C13.5833 9.5 14 9.91667 14 10.4167C14 10.9167 13.6667 11.3333 13.0833 11.3333Z" fill="%234C4F50"/><path d="M0 2.16667V0.25C0 0.0833333 0.0833333 0 0.25 0H3C3.16667 0 3.25 0.0833333 3.25 0.25V2.16667C3.25 2.33333 3.16667 2.41667 3 2.41667H0.25C0.0833333 2.41667 0 2.33333 0 2.16667Z" fill="%234C4F50"/><path d="M0 6.75V4.91667C0 4.75 0.0833333 4.66667 0.25 4.66667H3C3.16667 4.66667 3.25 4.75 3.25 4.91667V6.83333C3.25 7 3.16667 7.08333 3 7.08333H0.25C0.0833333 7.08333 0 6.91667 0 6.75Z" fill="%234C4F50"/><path d="M0 11.4167V9.5C0 9.33333 0.0833333 9.25 0.25 9.25H3C3.16667 9.25 3.25 9.33333 3.25 9.5V11.4167C3.25 11.5833 3.16667 11.6667 3 11.6667H0.25C0.0833333 11.6667 0 11.5833 0 11.4167Z" fill="%234C4F50"/></svg>');
-width: 14px;
-height: 12px;
+  height: 12px;
+  width: 14px;
 }
 
 .Icon--status-change {
   background-image: url('data:image/svg+xml,<svg width="28" height="10" viewBox="0 0 28 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.9552 5.42106C17.194 5.21054 17.2537 4.78948 16.9552 4.57896L12 0.210538C11.7612 1.12429e-05 11.2836 1.12429e-05 11.0448 0.210538C10.7463 0.421064 10.7463 0.789485 10.9851 1.05264L15.5224 5.00001L10.9851 8.94738C10.7463 9.15791 10.7463 9.57896 10.9851 9.78948C11.2239 10 11.7015 10 11.9403 9.78948L16.9552 5.42106Z" fill="%234C4F50"/><path d="M26.6269 10H21.0149C20.2388 10 19.6418 9.47369 19.6418 8.78947V1.21053C19.6418 0.526316 20.2388 0 21.0149 0H26.6269C27.403 0 28 0.526316 28 1.21053V8.78947C28 9.47369 27.3433 10 26.6269 10Z" fill="%234C4F50"/><path d="M6.98507 10H1.37313C0.597015 10 0 9.47369 0 8.78947V1.21053C0 0.526316 0.597015 0 1.37313 0H6.98507C7.76119 0 8.35821 0.526316 8.35821 1.21053V8.78947C8.35821 9.47369 7.76119 10 6.98507 10Z" fill="%234C4F50"/></svg>');
-width: 28px;
-height: 10px;
+  height: 10px;
+  width: 28px;
 }
 
 .Icon--votes {
   background-image: url('data:image/svg+xml,<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.58156 5.77807H0.241135C0.120567 5.77807 0 5.90068 0 6.02328V14.7896C0 14.9122 0.120567 15.0348 0.241135 15.0348H4.58156C4.70213 15.0348 4.8227 14.9122 4.8227 14.7896V6.02328C4.8227 5.90068 4.70213 5.77807 4.58156 5.77807Z" fill="%234C4F50"/><path d="M16.8192 6.82022C16.6986 6.02328 16.0958 5.47156 15.3121 5.47156L12.4787 5.71677L12.0567 5.65547C11.8759 5.65547 11.8156 5.47156 11.8759 5.28765C12.5993 3.63248 13.2021 2.09991 12.7199 1.05777C12.4787 0.567346 11.9965 0.19953 11.3333 0.015622C11.0922 -0.0456807 10.9114 0.0769247 10.8511 0.322135C10.8511 0.322135 10.3688 1.54819 9.16313 3.38727L9.10285 3.44857C8.01774 4.1229 7.0532 4.79723 6.51065 6.69761C6.51065 6.82022 6.39008 6.88152 6.3298 6.88152C6.20923 6.88152 6.08866 6.88152 5.96809 6.88152C5.84753 6.88152 5.72696 7.00413 5.72696 7.12673V13.9926C5.72696 14.1152 5.84753 14.2378 5.96809 14.2378H7.11348C7.17377 14.2378 7.23405 14.2378 7.23405 14.2991L9.2837 15.893C9.34398 15.9543 9.46455 16.0156 9.58512 16.0156H14.8901C15.4929 16.0156 16.0355 15.5252 16.2163 14.9735L16.578 13.3796L17.1206 11.0501L17.2411 8.7819L16.8192 6.82022Z" fill="%234C4F50"/></svg>');
-width: 18px;
-height: 17px;
+  height: 17px;
+  width: 18px;
 }
 
 .Icon--reload {
   background-image: url('data:image/svg+xml,<svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.1483 10.8527L15.2542 11.5891C13.8814 13.7209 11.5551 15 9.07627 15C5.11017 15 1.90678 11.8605 1.67797 7.90698L0.95339 8.68217L0 7.7907L2.28814 5.23256L4.80508 7.55814L3.88983 8.52713L3.01271 7.71318C3.12712 11.0078 5.79661 13.6434 9.03814 13.6434C11.0975 13.6434 13.0042 12.5969 14.1483 10.8527ZM16.8941 5.07752L16.2458 5.96899C15.5975 2.55814 12.6229 0 9.03814 0C6.78814 0 4.69068 1.04651 3.27966 2.82946L4.30932 3.68217C5.45339 2.2093 7.20763 1.35659 9.03814 1.35659C11.9364 1.35659 14.3771 3.44961 14.9492 6.24031L13.9958 5.54264L13.2331 6.62791L15.9788 8.64341L17.9619 5.85271L16.8941 5.07752Z" fill="%234C4F50"/></svg>');
-width: 18px;
-height: 15px;
+  height: 15px;
+  width: 18px;
 }
 
 .Icon--warning {
   background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.91431 3.79428H10.88V9.14285L10.6286 12.0686H9.16573L8.91431 9.14285V3.79428ZM8.91431 13.6686H10.88V15.9771H8.91431V13.6686Z" fill="%234C4F50"/><path d="M9.89714 0C4.43429 0 0 4.43429 0 9.89714C0 15.36 4.43429 19.7714 9.89714 19.7714C15.36 19.7714 19.7714 15.36 19.7714 9.89714C19.7714 4.43429 15.36 0 9.89714 0ZM16.2514 16.2514C14.56 17.9429 12.2971 18.88 9.87429 18.88C7.45143 18.88 5.21143 17.9429 3.49714 16.2514C1.82857 14.56 0.891429 12.2971 0.891429 9.89714C0.891429 7.49714 1.82857 5.23429 3.52 3.52C5.21143 1.80571 7.47429 0.891429 9.89714 0.891429C12.32 0.891429 14.56 1.82857 16.2743 3.52C17.9886 5.21143 18.9029 7.47429 18.9029 9.89714C18.9029 12.32 17.9657 14.56 16.2514 16.2514Z" fill="%234C4F50"/></svg>');
-width: 20px;
-height: 20px;
+  height: 20px;
+  width: 20px;
 }
 
 .Icon--warning.Icon--danger {
@@ -341,32 +341,32 @@ height: 20px;
 
 .Icon--code {
   background-image: url('data:image/svg+xml,<svg width="21" height="17" viewBox="0 0 21 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8.05114L5.94595 4.72211C6.24324 4.38662 6.18919 3.8963 5.83784 3.63824C5.56757 3.40598 5.16216 3.40598 4.86486 3.58662L0.27027 7.45759C0.108108 7.61243 0 7.81888 0 8.02533C0 8.23179 0.0810811 8.43824 0.243243 8.59308L4.83784 12.7221C5 12.8511 5.18919 12.9286 5.40541 12.9286C5.86486 12.9286 6.21622 12.5673 6.21622 12.1544C6.21622 11.9479 6.10811 11.7415 5.94595 11.5866L2 8.05114Z" fill="%234C4F50"/><path d="M18.2162 8.05114L14.2702 4.72211C13.9729 4.38662 14.027 3.8963 14.3783 3.63824C14.6486 3.40598 15.054 3.40598 15.3513 3.58662L19.9459 7.45759C20.1081 7.61243 20.2162 7.81888 20.2162 8.02533C20.2162 8.23179 20.1351 8.43824 19.9729 8.59308L15.3783 12.7221C15.2162 12.8511 15.027 12.9286 14.8108 12.9286C14.3513 12.9286 14 12.5673 14 12.1544C14 11.9479 14.1081 11.7415 14.2702 11.5866L18.2162 8.05114Z" fill="%234C4F50"/><path d="M12.0714 0.309611C11.6462 0.215662 11.2122 0.483909 11.0909 0.88682L7.51601 15.0552C7.42156 15.4608 7.70619 15.878 8.12889 15.9976L8.23647 16.0083C8.63991 16.0482 9.01751 15.8003 9.10942 15.4204L12.6843 1.25197C12.7787 0.846396 12.4941 0.429241 12.0714 0.309611Z" fill="%234C4F50"/></svg>');
-width: 21px;
-height: 17px;
+  height: 17px;
+  width: 21px;
 }
 
 .Icon--share {
   background-image: url('data:image/svg+xml,<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3104 10.6548C10.6514 10.6548 10.028 10.922 9.5827 11.3318L5.25445 8.65924C5.30789 8.44543 5.36132 8.23163 5.36132 8.01782C5.36132 7.76837 5.30789 7.55456 5.25445 7.35857L9.5827 4.70379C10.0458 5.09577 10.6692 5.34521 11.3104 5.34521C12.7888 5.34521 14 4.15145 14 2.67261C14 1.21158 12.8066 0 11.3104 0C9.84987 0 8.63868 1.19376 8.63868 2.67261C8.63868 2.88641 8.65649 3.11804 8.74555 3.29621L4.4173 5.98664C3.9542 5.59465 3.31298 5.32739 2.67176 5.32739C1.2112 5.32739 0 6.52116 0 8.01782C0 9.47884 1.19338 10.6548 2.67176 10.6548C3.31298 10.6548 3.9542 10.4232 4.4173 10.0312L8.74555 12.686C8.65649 12.882 8.63868 13.0958 8.63868 13.3274C8.63868 14.7884 9.83206 16 11.3104 16C12.7888 16 14 14.8062 14 13.3274C14 11.8486 12.8066 10.6548 11.3104 10.6548Z" fill="%234C4F50"/></svg>');
-width: 14px;
-height: 16px;
+  height: 16px;
+  width: 14px;
 }
 
 .Icon--rss {
   background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0V3C7.2 3 13 8.8 13 16H16C16 7.2 8.8 0 0 0ZM0 6V9C3.9 9 7 12.1 7 16H10C10 10.5 5.5 6 0 6ZM0 12V16H4C4 13.8 2.2 12 0 12Z" fill="%234C4F50"/></svg>');
-width: 16px;
-height: 16px;
+  height: 16px;
+  width: 16px;
 }
 
 .Icon--rate-support {
   background-image: url('data:image/svg+xml,<svg width="26" height="21" viewBox="0 0 26 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.8697 12.3775H5.21613L3.37435 14V12.3929H1.77456C1.31748 12.3929 0.941055 11.9603 0.941055 11.4349V2.02428C0.941055 1.4989 1.31748 1.06623 1.77456 1.06623H16.697C17.1541 1.06623 17.5305 1.4989 17.5305 2.02428V3.9404H18.4447V2.02428C18.4447 0.9117 17.6515 0 16.6836 0H1.76112C0.793175 0 0 0.9117 0 2.02428V11.4194C0 12.532 0.793175 13.4437 1.76112 13.4437H2.4333V16.3797L5.7001 13.4437H6.85626L6.8697 12.3775Z" fill="%234C4F50"/><path d="M24.2389 4.63577H9.31645C8.3485 4.63577 7.55533 5.54746 7.55533 6.66005V16.0397C7.55533 17.1523 8.3485 18.064 9.31645 18.064H20.2999L23.5667 21V18.0795H24.2389C25.2068 18.0795 26 17.1678 26 16.0552V6.66005C26 5.54746 25.2068 4.63577 24.2389 4.63577ZM25.0858 16.0397C25.0858 16.5651 24.7094 16.9978 24.2523 16.9978H22.6525V18.6049L20.8108 16.9978H9.31645C8.85936 16.9978 8.48294 16.5651 8.48294 16.0397V6.6446C8.48294 6.11921 8.85936 5.68654 9.31645 5.68654V5.70199H24.2523C24.7094 5.70199 25.0858 6.13466 25.0858 6.66005V16.0397Z" fill="%234C4F50"/><path d="M19.0093 9.16336L15.6484 12.9956L14.425 11.5894C14.2503 11.404 13.9814 11.404 13.8201 11.5894C13.6588 11.7903 13.6588 12.0993 13.8201 12.2848L15.3392 14.0309C15.4199 14.1236 15.5274 14.17 15.635 14.17C15.7425 14.17 15.8501 14.1236 15.9576 14.0309L19.6143 9.85873C19.7756 9.65785 19.7756 9.3488 19.6143 9.16336C19.4395 8.97793 19.1706 8.97793 19.0093 9.16336Z" fill="%234C4F50"/></svg>');
-width: 26px;
-height: 21px;
+  height: 21px;
+  width: 26px;
 }
 
 .Icon--info {
   background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.3022 8.34517H11.7537L8.65859 8.8545L8.54105 9.20711C8.65859 9.20711 8.77612 9.20711 8.85448 9.20711C9.05038 9.20711 9.20709 9.24629 9.32463 9.36383C9.44217 9.48136 9.48135 9.5989 9.48135 9.71644C9.48135 9.91233 9.40299 10.2258 9.28545 10.6567L8.0709 15.0056C7.95336 15.3582 7.91418 15.6325 7.91418 15.8676C7.91418 16.2202 8.03172 16.4944 8.26679 16.6903C8.50187 16.9254 8.8153 17.0037 9.20709 17.0037C10.2257 17.0037 11.2052 16.2202 12.1063 14.6138L11.7929 14.4179C11.4011 15.0056 11.0877 15.3974 10.8134 15.6325C10.6959 15.7108 10.6175 15.75 10.5 15.75C10.4216 15.75 10.3825 15.7108 10.3433 15.6717C10.3041 15.5933 10.2649 15.5541 10.2649 15.4758C10.2649 15.3582 10.3041 15.1232 10.4216 14.7705L12.3022 8.34517Z" fill="%234C4F50"/><path d="M11.7537 4.153C11.4011 4.153 11.0485 4.27054 10.8134 4.54479C10.5392 4.81904 10.4216 5.13248 10.4216 5.48509C10.4216 5.8377 10.5392 6.19031 10.8134 6.42539C11.0877 6.69964 11.4011 6.81718 11.7537 6.81718C12.1063 6.81718 12.4589 6.69964 12.694 6.42539C12.9683 6.15113 13.0858 5.8377 13.0858 5.48509C13.0858 5.13248 12.9683 4.77987 12.694 4.54479C12.4589 4.27054 12.1063 4.153 11.7537 4.153Z" fill="%234C4F50"/><path d="M10.5 0C4.70149 0 0 4.70149 0 10.5C0 16.2985 4.70149 21 10.5 21C16.2985 21 21 16.2985 21 10.5C21 4.70149 16.2985 0 10.5 0ZM10.5 19.7071C5.40672 19.7071 1.29291 15.5541 1.29291 10.5C1.29291 5.40672 5.4459 1.29291 10.5 1.29291C15.5541 1.29291 19.7071 5.4459 19.7071 10.5C19.7071 15.5541 15.5933 19.7071 10.5 19.7071Z" fill="%234C4F50"/></svg>');
-width: 21px;
-height: 21px;
+  height: 21px;
+  width: 21px;
 }
 
 .Icon--info.Icon--primary {
@@ -375,14 +375,14 @@ height: 21px;
 
 .Icon--info.Icon--primary {
   background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.3022 8.34517H11.7537L8.65859 8.8545L8.54105 9.20711C8.65859 9.20711 8.77612 9.20711 8.85448 9.20711C9.05038 9.20711 9.20709 9.24629 9.32463 9.36383C9.44217 9.48136 9.48135 9.5989 9.48135 9.71644C9.48135 9.91233 9.40299 10.2258 9.28545 10.6567L8.0709 15.0056C7.95336 15.3582 7.91418 15.6325 7.91418 15.8676C7.91418 16.2202 8.03172 16.4944 8.26679 16.6903C8.50187 16.9254 8.8153 17.0037 9.20709 17.0037C10.2257 17.0037 11.2052 16.2202 12.1063 14.6138L11.7929 14.4179C11.4011 15.0056 11.0877 15.3974 10.8134 15.6325C10.6959 15.7108 10.6175 15.75 10.5 15.75C10.4216 15.75 10.3825 15.7108 10.3433 15.6717C10.3041 15.5933 10.2649 15.5541 10.2649 15.4758C10.2649 15.3582 10.3041 15.1232 10.4216 14.7705L12.3022 8.34517Z" fill="%233a8dde"/><path d="M11.7537 4.153C11.4011 4.153 11.0485 4.27054 10.8134 4.54479C10.5392 4.81904 10.4216 5.13248 10.4216 5.48509C10.4216 5.8377 10.5392 6.19031 10.8134 6.42539C11.0877 6.69964 11.4011 6.81718 11.7537 6.81718C12.1063 6.81718 12.4589 6.69964 12.694 6.42539C12.9683 6.15113 13.0858 5.8377 13.0858 5.48509C13.0858 5.13248 12.9683 4.77987 12.694 4.54479C12.4589 4.27054 12.1063 4.153 11.7537 4.153Z" fill="%233a8dde"/><path d="M10.5 0C4.70149 0 0 4.70149 0 10.5C0 16.2985 4.70149 21 10.5 21C16.2985 21 21 16.2985 21 10.5C21 4.70149 16.2985 0 10.5 0ZM10.5 19.7071C5.40672 19.7071 1.29291 15.5541 1.29291 10.5C1.29291 5.40672 5.4459 1.29291 10.5 1.29291C15.5541 1.29291 19.7071 5.4459 19.7071 10.5C19.7071 15.5541 15.5933 19.7071 10.5 19.7071Z" fill="%233a8dde"/></svg>');
-width: 21px;
-height: 21px;
+  height: 21px;
+  width: 21px;
 }
 
 .Icon--print {
   background-image: url('data:image/svg+xml,<svg width="19" height="17" viewBox="0 0 19 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.25 15.4821H14.1161V12.5982H4.25V15.4821ZM4.25 8.34821H14.1161V4.25H12.2946C11.9911 4.25 11.6875 4.09821 11.5357 3.94643C11.3839 3.79464 11.2321 3.49107 11.2321 3.1875V1.36607H4.25V8.34821ZM16.8482 9.10714C16.8482 8.95536 16.8482 8.80357 16.6964 8.65179C16.5446 8.5 16.3929 8.5 16.2411 8.5C16.0893 8.5 15.9375 8.5 15.7857 8.65179C15.6339 8.80357 15.6339 8.95536 15.6339 9.10714C15.6339 9.25893 15.6339 9.41072 15.7857 9.5625C15.9375 9.71429 16.0893 9.71429 16.2411 9.71429C16.3929 9.71429 16.5446 9.71429 16.6964 9.5625C16.6964 9.41072 16.8482 9.25893 16.8482 9.10714ZM18.2143 9.10714V13.6607C18.2143 13.8125 18.2143 13.8125 18.0625 13.9643C18.0625 13.9643 17.9107 14.1161 17.7589 14.1161H15.3304V15.9375C15.3304 16.2411 15.1786 16.5446 15.0268 16.6964C14.875 16.8482 14.5714 17 14.2679 17H3.79464C3.49107 17 3.1875 16.8482 3.03571 16.6964C2.88393 16.5446 2.73214 16.2411 2.73214 15.9375V13.9643H0.303571C0.151786 13.9643 0.151786 13.9643 0 13.8125C0 13.8125 0 13.8125 0 13.6607V9.10714C0 8.5 0.151786 8.04464 0.607143 7.58929C1.0625 7.13393 1.51786 6.98214 2.125 6.98214H2.88393V1.0625C2.88393 0.758929 3.03571 0.455357 3.1875 0.303571C3.33929 0.151786 3.49107 0 3.79464 0H11.0804C11.5357 0 11.8393 0 12.1429 0.151786C12.4464 0.303571 12.75 0.455357 12.9018 0.607143L14.5714 2.27679C14.875 2.58036 15.0268 2.88393 15.1786 3.1875C15.3304 3.49107 15.3304 3.79464 15.3304 4.09821V6.83036H16.0893C16.6964 6.83036 17.1518 6.98214 17.6071 7.4375C18.0625 7.89286 18.2143 8.5 18.2143 9.10714Z" fill="%234C4F50"/></svg>');
-width: 19px;
-height: 17px;
+  height: 17px;
+  width: 19px;
 }
 
 .Icon--print.Icon--grey-dark {
@@ -396,14 +396,14 @@ height: 17px;
 
 .Icon--pdf-file {
   background-image: url('data:image/svg+xml,<svg width="18" height="22" viewBox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.8663 3.54444L14.7466 0.146667C14.6798 0.0733333 14.5461 0 14.4347 0H2.1788C1.97825 0 1.79999 0.171111 1.79999 0.391111V7.43111C1.79999 7.52889 1.88912 7.62667 1.97825 7.62667H2.53534C2.62447 7.62667 2.71361 7.52889 2.71361 7.43111V1.14889C2.71361 1.07556 2.78046 1.00222 2.84731 1.00222H13.677C13.7439 1.00222 13.8107 1.07556 13.8107 1.14889V4.15556C13.8107 4.37556 13.9667 4.54667 14.1673 4.54667H16.9304C16.9972 4.54667 17.0641 4.62 17.0641 4.69333V20.8756C17.0641 20.9489 16.9972 21.0222 16.9304 21.0222H2.86959C2.80274 21.0222 2.73589 20.9489 2.73589 20.8756V16.4267C2.73589 16.3289 2.64676 16.2311 2.55762 16.2311H2.00054C1.9114 16.2311 1.82227 16.3289 1.82227 16.4267V21.6089C1.79999 21.8289 1.97825 22 2.1788 22H17.6435C17.844 22 18 21.8289 18 21.6089L17.9777 3.88667C17.9777 3.78889 17.9331 3.61778 17.8663 3.54444Z" fill="%234C4F50"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.1275 8.72668H0.36C0.1575 8.72668 0 8.8978 0 9.1178V14.74C0 14.96 0.1575 15.1311 0.36 15.1311H12.1275C12.33 15.1311 12.4875 14.96 12.4875 14.74V9.1178C12.51 8.8978 12.33 8.72668 12.1275 8.72668ZM2.16715 10.0517C2.07033 10.064 2 10.1477 2 10.2453V13.5219C2 13.6324 2.08954 13.7219 2.2 13.7219H2.62754C2.738 13.7219 2.82754 13.6324 2.82754 13.5219V12.4009C2.90452 12.4115 3.00295 12.417 3.11276 12.417C3.60618 12.417 4.02798 12.2965 4.31321 12.028C4.5325 11.8198 4.65301 11.5124 4.65301 11.1509C4.65301 10.7893 4.49396 10.482 4.25828 10.2959C4.01154 10.0983 3.64433 10 3.12912 10C2.72115 10 2.40793 10.021 2.16715 10.0517ZM5.18663 13.5298C5.18663 13.6301 5.26098 13.7153 5.36086 13.7252C5.55544 13.7445 5.80959 13.76 6.13498 13.76C6.8584 13.76 7.45055 13.6066 7.83956 13.2833C8.1961 12.982 8.45354 12.4939 8.45354 11.7869C8.45354 11.1342 8.21254 10.6795 7.82889 10.3943C7.47239 10.1259 7.01741 10 6.31578 10C5.96735 10 5.63398 10.0187 5.3556 10.0527C5.25801 10.0646 5.18663 10.1487 5.18663 10.247V13.5298ZM11.1692 11.7067C11.1692 11.6238 11.102 11.5567 11.0192 11.5567H9.84247V10.7123H11.1122C11.1951 10.7123 11.2622 10.6452 11.2622 10.5623V10.1774C11.2622 10.0946 11.1951 10.0274 11.1122 10.0274H9.20389C9.09343 10.0274 9.00389 10.117 9.00389 10.2274V13.5219C9.00389 13.6324 9.09343 13.7219 9.20389 13.7219H9.64247C9.75293 13.7219 9.84247 13.6324 9.84247 13.5219V12.2362H11.0192C11.102 12.2362 11.1692 12.169 11.1692 12.0862V11.7067ZM3.17293 10.63C3.58938 10.63 3.82541 10.8328 3.82541 11.173C3.82541 11.5513 3.55123 11.7756 3.10734 11.7756C2.98648 11.7756 2.8988 11.7702 2.82747 11.7542V10.6628C2.88771 10.6467 3.00288 10.63 3.17293 10.63ZM6.4034 10.6414C6.21691 10.6414 6.09639 10.6575 6.02511 10.6742V13.0912C6.09643 13.1079 6.2116 13.1079 6.31572 13.1079C7.07228 13.1133 7.5657 12.6969 7.5657 11.8144C7.57105 11.0471 7.12143 10.6414 6.4034 10.6414Z" fill="%234C4F50"/></svg>');
-width: 18px;
-height: 22px;
+  height: 22px;
+  width: 18px;
 }
 
 .Icon--face-smile {
   background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.38667 0 0 5.38667 0 12C0 18.6133 5.38667 24 12 24C18.6133 24 24 18.6133 24 12C24 5.38667 18.6133 0 12 0ZM12 22.6667C6.10667 22.6667 1.33333 17.8933 1.33333 12C1.33333 6.10667 6.10667 1.33333 12 1.33333C17.8933 1.33333 22.6667 6.10667 22.6667 12C22.6667 17.8933 17.8933 22.6667 12 22.6667Z" fill="%234C4F50"/><path d="M16.7467 11.28C17.5862 11.28 18.2667 10.5995 18.2667 9.75999C18.2667 8.92052 17.5862 8.23999 16.7467 8.23999C15.9072 8.23999 15.2267 8.92052 15.2267 9.75999C15.2267 10.5995 15.9072 11.28 16.7467 11.28Z" fill="%234C4F50"/><path d="M7.25334 11.28C8.09281 11.28 8.77334 10.5995 8.77334 9.75999C8.77334 8.92052 8.09281 8.23999 7.25334 8.23999C6.41386 8.23999 5.73334 8.92052 5.73334 9.75999C5.73334 10.5995 6.41386 11.28 7.25334 11.28Z" fill="%234C4F50"/><path d="M16.2933 14.4C13.8933 16.5333 10.1067 16.5333 7.70667 14.4C7.44001 14.16 7.01334 14.1867 6.77334 14.4533C6.53334 14.72 6.56001 15.1467 6.82668 15.3867C8.26668 16.6933 10.1333 17.3333 12 17.3333C13.8667 17.3333 15.7333 16.6933 17.1733 15.3867C17.44 15.1467 17.4667 14.72 17.2267 14.4533C16.9867 14.1867 16.56 14.16 16.2933 14.4Z" fill="%234C4F50"/></svg>');
-width: 24px;
-height: 24px;
+  height: 24px;
+  width: 24px;
 }
 
 .Icon--face-smile.Icon--success {
@@ -412,26 +412,26 @@ height: 24px;
 
 .Icon--face-sad {
   background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="7" y="16" width="10" height="1.35" rx="0.675" fill="%234C4F50"/><path d="M12 0C5.38667 0 0 5.38667 0 12C0 18.6133 5.38667 24 12 24C18.6133 24 24 18.6133 24 12C24 5.38667 18.6133 0 12 0ZM12 22.6667C6.10667 22.6667 1.33333 17.8933 1.33333 12C1.33333 6.10667 6.10667 1.33333 12 1.33333C17.8933 1.33333 22.6667 6.10667 22.6667 12C22.6667 17.8933 17.8933 22.6667 12 22.6667Z" fill="%234C4F50"/><path d="M16.7467 11.28C17.5862 11.28 18.2667 10.5995 18.2667 9.75999C18.2667 8.92052 17.5862 8.23999 16.7467 8.23999C15.9072 8.23999 15.2267 8.92052 15.2267 9.75999C15.2267 10.5995 15.9072 11.28 16.7467 11.28Z" fill="%234C4F50"/><path d="M7.2534 11.28C8.09287 11.28 8.7734 10.5995 8.7734 9.75999C8.7734 8.92052 8.09287 8.23999 7.2534 8.23999C6.41393 8.23999 5.7334 8.92052 5.7334 9.75999C5.7334 10.5995 6.41393 11.28 7.2534 11.28Z" fill="%234C4F50"/></svg>');
-width: 24px;
-height: 24px;
+  height: 24px;
+  width: 24px;
 }
 
 .Icon--refresh {
   background-image: url('data:image/svg+xml,<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7537 11.5762L16.9851 12.3618C15.4565 14.6357 12.8662 16 10.1062 16C5.69002 16 2.12314 12.6098 1.86837 8.43411L1.06157 9.26098L0 8.31008L2.54777 5.5814L5.35032 8.06202L4.33121 9.09561L3.35456 8.22739C3.48195 11.7416 6.45435 14.553 10.0637 14.553C12.3567 14.553 14.4798 13.4367 15.7537 11.5762ZM18.811 5.41602L18.0892 6.36692C17.3673 2.72868 14.0552 0 10.0637 0C7.55839 0 5.22293 1.11628 3.6518 3.01809L4.7983 3.92765C6.07219 2.35659 8.02548 1.44703 10.0637 1.44703C13.2909 1.44703 16.0085 3.67959 16.6454 6.65633L15.5839 5.91214L14.7346 7.06977L17.7919 9.21964L20 6.24289L18.811 5.41602Z" fill="%234C4F50"/></svg>');
-width: 20px;
-height: 16px;
+  height: 16px;
+  width: 20px;
 }
 
 .Icon--refresh.Icon--primary {
   background-image: url('data:image/svg+xml,<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7537 11.5762L16.9851 12.3618C15.4565 14.6357 12.8662 16 10.1062 16C5.69002 16 2.12314 12.6098 1.86837 8.43411L1.06157 9.26098L0 8.31008L2.54777 5.5814L5.35032 8.06202L4.33121 9.09561L3.35456 8.22739C3.48195 11.7416 6.45435 14.553 10.0637 14.553C12.3567 14.553 14.4798 13.4367 15.7537 11.5762ZM18.811 5.41602L18.0892 6.36692C17.3673 2.72868 14.0552 0 10.0637 0C7.55839 0 5.22293 1.11628 3.6518 3.01809L4.7983 3.92765C6.07219 2.35659 8.02548 1.44703 10.0637 1.44703C13.2909 1.44703 16.0085 3.67959 16.6454 6.65633L15.5839 5.91214L14.7346 7.06977L17.7919 9.21964L20 6.24289L18.811 5.41602Z" fill="%233a8dde"/></svg>');
-width: 20px;
-height: 16px;
+  height: 16px;
+  width: 20px;
 }
 
 .Icon--bolt {
   background-image: url('data:image/svg+xml,<svg width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.6 4.8C9.75 4.95 9.75 5.1 9.75 5.25L3.9 17.7C3.75 17.85 3.6 18 3.3 18H3.15C3.15 18 3 17.85 3 17.7C3 17.55 2.85 17.55 3 17.4L5.1 8.7L0.6 9.75C0.6 9.75 0.6 9.75 0.45 9.75C0.3 9.75 0.15 9.75 0.15 9.6C0 9.6 0 9.45 0 9.3L2.1 0.45C2.1 0.3 2.25 0.3 2.25 0.15C2.25 0 2.55 0 2.7 0H6.3C6.45 0 6.6 0 6.6 0.15C6.6 0.3 6.75 0.3 6.75 0.45V0.6L4.8 5.7L9.15 4.65H9.3C9.3 4.65 9.45 4.65 9.6 4.8Z" fill="%234C4F50"/></svg>');
-width: 10px;
-height: 18px;
+  height: 18px;
+  width: 10px;
 }
 
 .Icon--bolt.Icon--grey {
@@ -440,8 +440,8 @@ height: 18px;
 
 .Icon--subscribe {
   background-image: url('data:image/svg+xml,<svg width="30" height="21" viewBox="0 0 30 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M25.6283 8.45873C26.304 8.75882 26.9254 9.19004 27.4631 9.73978C28.5901 10.8922 29.2115 12.4254 29.2115 14.057C29.2115 15.6886 28.5901 17.2218 27.4631 18.3743C26.336 19.5267 24.8366 20.1622 23.2411 20.1622C21.6455 20.1622 20.1461 19.5267 19.019 18.3743C18.5431 17.885 18.1559 17.3302 17.8698 16.7275H1.61808C1.14705 16.7275 0.75 16.3215 0.75 15.8399V1.04983C0.75 0.568172 1.14705 0.16217 1.61808 0.16217H24.7602C25.2312 0.16217 25.6283 0.568172 25.6283 1.04983V8.45873ZM24.4717 1.34487H1.90661V1.65L13.1891 10.6552L24.4717 1.65V1.34487ZM1.90661 15.5448H17.4481C17.3298 15.0632 17.2706 14.5639 17.2706 14.057C17.2706 12.4254 17.892 10.8922 19.019 9.73978C20.1461 8.58734 21.6455 7.95186 23.2411 7.95186C23.6603 7.95186 24.0721 7.99473 24.4717 8.08047V3.13784L13.5418 11.8656C13.3346 12.0295 13.0436 12.0295 12.8365 11.8656L1.90661 3.13784V15.5448ZM19.2903 16.7275C20.1387 18.0363 21.5937 18.9013 23.2411 18.9013C25.8527 18.9013 27.9785 16.7275 27.9785 14.0595C27.9785 12.2767 27.0315 10.7182 25.6283 9.87595C25.2707 9.65908 24.881 9.49265 24.4717 9.37917C24.0795 9.27073 23.6677 9.21273 23.2411 9.21273C20.6294 9.21273 18.5036 11.3865 18.5036 14.057C18.5036 14.5765 18.585 15.0758 18.733 15.5448C18.8661 15.966 19.0536 16.3644 19.2903 16.7275ZM23.8574 13.4266H26.0621C26.4025 13.4266 26.6787 13.709 26.6787 14.057C26.6787 14.405 26.4025 14.6875 26.0621 14.6875H23.8574V16.9419C23.8574 17.2899 23.5812 17.5723 23.2409 17.5723C22.9006 17.5723 22.6244 17.2899 22.6244 16.9419V14.6875H20.4196C20.0793 14.6875 19.8031 14.405 19.8031 14.057C19.8031 13.709 20.0793 13.4266 20.4196 13.4266H22.6244V11.1721C22.6244 10.8241 22.9006 10.5417 23.2409 10.5417C23.5812 10.5417 23.8574 10.8241 23.8574 11.1721V13.4266Z" fill="%234C4F50"/></svg>');
-width: 30px;
-height: 21px;
+  height: 21px;
+  width: 30px;
 }
 
 .Icon--subscribe.Icon--white,
@@ -452,40 +452,40 @@ height: 21px;
 
 .Icon--elephant {
   background-image: url('data:image/svg+xml,<svg width="39" height="38" viewBox="0 0 39 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.4825 28.991C24.5964 29.1184 24.6567 29.2792 24.6567 29.4334C24.6567 29.5608 24.6903 32.6442 21.9353 33.9781C21.1577 34.3401 20.2126 34.4339 19.3412 34.4541L17.1224 37.1956C18.4027 37.209 20.112 37.1956 20.7287 37.1152C21.8682 36.9744 23.0078 36.5789 24.02 35.9757C24.7305 35.5668 25.3807 35.0238 25.9639 34.4272C26.6744 33.6698 27.2307 32.8788 27.4989 32.1951C27.6262 31.8599 27.7536 31.4846 27.8474 31.069C28.1022 29.9898 28.2094 28.2336 28.2295 26.8125H22.5922L24.4825 28.991Z" fill="white"/><path d="M24.1405 23.0386L22.9005 25.2707L31.3732 25.2573C34.1282 25.2573 35.5358 24.2921 36.6285 23.0587L24.1405 23.0386Z" fill="white"/><path d="M15.3327 20.411C15.7281 20.3775 16.0767 20.6657 16.1102 21.0612C16.1236 21.2355 16.5392 25.2573 20.2595 25.2573H20.7153L23.0413 21.3025H28.263V9.3173C28.263 5.55015 26.4129 3.64646 26.3325 3.57273L26.2722 3.5124C25.3672 2.37287 24.1339 1.54838 22.7262 1.10598C21.5733 0.737305 20.4941 0.737305 19.2607 0.737305H13.2614C14.0054 1.51487 14.3875 2.56055 14.3875 3.85426C14.3875 4.24974 14.0725 4.56479 13.677 4.56479C13.2815 4.56479 12.9598 4.24974 12.9598 3.85426C12.9598 2.8756 12.6715 2.11144 12.1219 1.60871C11.0896 0.656867 9.4004 0.750711 9.38029 0.750711C9.36018 0.750711 9.34678 0.750711 9.34678 0.750711H3.52176C3.47484 0.750711 3.03244 0.737305 2.76431 1.00543C2.55652 1.19312 2.46267 1.51487 2.46267 1.95727V17.1398C2.46267 17.2203 2.3018 20.478 4.48701 22.6632C4.52053 22.6967 7.02079 25.2573 10.0774 25.2573H16.5526C15.2991 24.0374 14.7629 22.3281 14.6691 21.1885C14.6355 20.8065 14.9372 20.4579 15.3327 20.411ZM23.4099 15.4104L18.8518 13.3191C20.4002 10.296 24.3417 12.1661 23.4099 15.4104Z" fill="white"/></svg>');
-width: 39px;
-height: 38px;
+  height: 38px;
+  width: 39px;
 }
 
 .Icon--elephant.Icon--primary {
   background-image: url('data:image/svg+xml,<svg width="39" height="38" viewBox="0 0 39 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.4825 28.991C24.5964 29.1184 24.6567 29.2792 24.6567 29.4334C24.6567 29.5608 24.6903 32.6442 21.9353 33.9781C21.1577 34.3401 20.2126 34.4339 19.3412 34.4541L17.1224 37.1956C18.4027 37.209 20.112 37.1956 20.7287 37.1152C21.8682 36.9744 23.0078 36.5789 24.02 35.9757C24.7305 35.5668 25.3807 35.0238 25.9639 34.4272C26.6744 33.6698 27.2307 32.8788 27.4989 32.1951C27.6262 31.8599 27.7536 31.4846 27.8474 31.069C28.1022 29.9898 28.2094 28.2336 28.2295 26.8125H22.5922L24.4825 28.991Z" fill="%233a8dde"/><path d="M24.1405 23.0386L22.9005 25.2707L31.3732 25.2573C34.1282 25.2573 35.5358 24.2921 36.6285 23.0587L24.1405 23.0386Z" fill="%233a8dde"/><path d="M15.3327 20.411C15.7281 20.3775 16.0767 20.6657 16.1102 21.0612C16.1236 21.2355 16.5392 25.2573 20.2595 25.2573H20.7153L23.0413 21.3025H28.263V9.3173C28.263 5.55015 26.4129 3.64646 26.3325 3.57273L26.2722 3.5124C25.3672 2.37287 24.1339 1.54838 22.7262 1.10598C21.5733 0.737305 20.4941 0.737305 19.2607 0.737305H13.2614C14.0054 1.51487 14.3875 2.56055 14.3875 3.85426C14.3875 4.24974 14.0725 4.56479 13.677 4.56479C13.2815 4.56479 12.9598 4.24974 12.9598 3.85426C12.9598 2.8756 12.6715 2.11144 12.1219 1.60871C11.0896 0.656867 9.4004 0.750711 9.38029 0.750711C9.36018 0.750711 9.34678 0.750711 9.34678 0.750711H3.52176C3.47484 0.750711 3.03244 0.737305 2.76431 1.00543C2.55652 1.19312 2.46267 1.51487 2.46267 1.95727V17.1398C2.46267 17.2203 2.3018 20.478 4.48701 22.6632C4.52053 22.6967 7.02079 25.2573 10.0774 25.2573H16.5526C15.2991 24.0374 14.7629 22.3281 14.6691 21.1885C14.6355 20.8065 14.9372 20.4579 15.3327 20.411ZM23.4099 15.4104L18.8518 13.3191C20.4002 10.296 24.3417 12.1661 23.4099 15.4104Z" fill="%233a8dde"/></svg>');
-width: 39px;
-height: 38px;
+  height: 38px;
+  width: 39px;
 }
 
 .Icon--medium-avatar {
-background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 11.7857C14.2545 11.7857 16.8928 9.14739 16.8928 5.89286C16.8928 2.63832 14.2545 0 11 0C7.74544 0 5.10712 2.63832 5.10712 5.89286C5.10712 9.14739 7.74544 11.7857 11 11.7857Z" fill="white"/><path d="M22 22C22 21.9607 22 21.9411 22 21.9018C22 16.6375 17.0696 12.375 11 12.375C4.93036 12.375 0 16.6375 0 21.9018C0 21.9411 0 21.9607 0 22H22Z" fill="white"/></svg>');
-width: 30px;
-height: 30px;
-background-color: var(--grey-light);
-border-radius: 3px;
+  background-color: var(--grey-light);
+  background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 11.7857C14.2545 11.7857 16.8928 9.14739 16.8928 5.89286C16.8928 2.63832 14.2545 0 11 0C7.74544 0 5.10712 2.63832 5.10712 5.89286C5.10712 9.14739 7.74544 11.7857 11 11.7857Z" fill="white"/><path d="M22 22C22 21.9607 22 21.9411 22 21.9018C22 16.6375 17.0696 12.375 11 12.375C4.93036 12.375 0 16.6375 0 21.9018C0 21.9411 0 21.9607 0 22H22Z" fill="white"/></svg>');
+  border-radius: 3px;
+  height: 30px;
+  width: 30px;
 }
 
 input.dp-po-input-avatar {
-  background: url(../img/docs/avatar-circular.png) no-repeat;
-  background-size: 20px 20px;
+  background: url("../img/docs/avatar-circular.png") no-repeat;
   background-position: 0 50%;
+  background-size: 20px 20px;
 }
 
 .Icon--initiator {
-background-image: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.7083 27.0833C18.8589 27.0833 19.7917 26.1506 19.7917 25C19.7917 23.8494 18.8589 22.9167 17.7083 22.9167C16.5577 22.9167 15.625 23.8494 15.625 25C15.625 26.1506 16.5577 27.0833 17.7083 27.0833Z" fill="white"/><path d="M25 27.0833C26.1506 27.0833 27.0833 26.1506 27.0833 25C27.0833 23.8494 26.1506 22.9167 25 22.9167C23.8494 22.9167 22.9166 23.8494 22.9166 25C22.9166 26.1506 23.8494 27.0833 25 27.0833Z" fill="white"/><path d="M32.2917 27.0833C33.4423 27.0833 34.375 26.1506 34.375 25C34.375 23.8494 33.4423 22.9167 32.2917 22.9167C31.1411 22.9167 30.2084 23.8494 30.2084 25C30.2084 26.1506 31.1411 27.0833 32.2917 27.0833Z" fill="white"/><path d="M25 8.85416C16.0416 8.85416 8.85413 16.0417 8.85413 25C8.85413 28.5417 9.99996 31.7708 11.875 34.375L9.37496 40.625L15.625 38.125C18.2291 40 21.4583 41.1458 25 41.1458C33.9583 41.1458 41.1458 33.9583 41.1458 25C41.1458 16.0417 33.9583 8.85416 25 8.85416Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
-width: 50px;
-height: 50px;
+  background-image: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.7083 27.0833C18.8589 27.0833 19.7917 26.1506 19.7917 25C19.7917 23.8494 18.8589 22.9167 17.7083 22.9167C16.5577 22.9167 15.625 23.8494 15.625 25C15.625 26.1506 16.5577 27.0833 17.7083 27.0833Z" fill="white"/><path d="M25 27.0833C26.1506 27.0833 27.0833 26.1506 27.0833 25C27.0833 23.8494 26.1506 22.9167 25 22.9167C23.8494 22.9167 22.9166 23.8494 22.9166 25C22.9166 26.1506 23.8494 27.0833 25 27.0833Z" fill="white"/><path d="M32.2917 27.0833C33.4423 27.0833 34.375 26.1506 34.375 25C34.375 23.8494 33.4423 22.9167 32.2917 22.9167C31.1411 22.9167 30.2084 23.8494 30.2084 25C30.2084 26.1506 31.1411 27.0833 32.2917 27.0833Z" fill="white"/><path d="M25 8.85416C16.0416 8.85416 8.85413 16.0417 8.85413 25C8.85413 28.5417 9.99996 31.7708 11.875 34.375L9.37496 40.625L15.625 38.125C18.2291 40 21.4583 41.1458 25 41.1458C33.9583 41.1458 41.1458 33.9583 41.1458 25C41.1458 16.0417 33.9583 8.85416 25 8.85416Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
+  height: 50px;
+  width: 50px;
 }
 
 .Icon--dragdrop {
-background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.75656 10.4999V8.74117H3.51311V6.98242H1.75656C0.786517 6.98242 0 7.76992 0 8.74117V10.4999H1.75656Z" fill="%238B9293"/><path d="M19.2172 0H8.73034C7.7603 0 6.97378 0.7875 6.97378 1.75875V7.00875H5.24345V8.7675H7V12.2587C7 13.23 7.78652 14.0175 8.75655 14.0175H12.2434V15.75H14V13.9912H19.2434C20.2135 13.9912 21 13.2037 21 12.2325V1.7325C20.9738 0.7875 20.1873 0 19.2172 0ZM19.2172 12.2587H8.73034V1.75875H19.2172V12.2587Z" fill="%238B9293"/><path d="M10.4869 8.74117H12.2435V10.4999H14V8.74117C14 7.76992 13.2135 6.98242 12.2435 6.98242H10.4869V8.74117Z" fill="%238B9293"/><path d="M8.73034 19.2412H5.24345V21H8.73034V19.2412Z" fill="%238B9293"/><path d="M12.2435 17.5087V19.2674H10.4869V20.9999H12.2435C13.2135 20.9999 14 20.2124 14 19.2412V17.4824H12.2435V17.5087Z" fill="%238B9293"/><path d="M3.48689 19.2412H1.75656V17.4824H0V19.2412C0 20.2124 0.786517 20.9999 1.75656 20.9999H3.51311V19.2412H3.48689Z" fill="%238B9293"/><path d="M1.75656 12.2588H0V15.75H1.75656V12.2588Z" fill="%238B9293"/></svg>');
-width: 21px;
-height: 21px;
+  background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.75656 10.4999V8.74117H3.51311V6.98242H1.75656C0.786517 6.98242 0 7.76992 0 8.74117V10.4999H1.75656Z" fill="%238B9293"/><path d="M19.2172 0H8.73034C7.7603 0 6.97378 0.7875 6.97378 1.75875V7.00875H5.24345V8.7675H7V12.2587C7 13.23 7.78652 14.0175 8.75655 14.0175H12.2434V15.75H14V13.9912H19.2434C20.2135 13.9912 21 13.2037 21 12.2325V1.7325C20.9738 0.7875 20.1873 0 19.2172 0ZM19.2172 12.2587H8.73034V1.75875H19.2172V12.2587Z" fill="%238B9293"/><path d="M10.4869 8.74117H12.2435V10.4999H14V8.74117C14 7.76992 13.2135 6.98242 12.2435 6.98242H10.4869V8.74117Z" fill="%238B9293"/><path d="M8.73034 19.2412H5.24345V21H8.73034V19.2412Z" fill="%238B9293"/><path d="M12.2435 17.5087V19.2674H10.4869V20.9999H12.2435C13.2135 20.9999 14 20.2124 14 19.2412V17.4824H12.2435V17.5087Z" fill="%238B9293"/><path d="M3.48689 19.2412H1.75656V17.4824H0V19.2412C0 20.2124 0.786517 20.9999 1.75656 20.9999H3.51311V19.2412H3.48689Z" fill="%238B9293"/><path d="M1.75656 12.2588H0V15.75H1.75656V12.2588Z" fill="%238B9293"/></svg>');
+  height: 21px;
+  width: 21px;
 }
 
 .Icon-Tech-company {
@@ -497,50 +497,74 @@ height: 21px;
 
 .Icon--UK {
   background-image: url('data:image/svg+xml,<?xml version="1.0" encoding="iso-8859-1"?><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512.002 512.002" style="enable-background:new 0 0 512.002 512.002;" xml:space="preserve"><path style="fill:%2341479B;" d="M503.172,423.725H8.828c-4.875,0-8.828-3.953-8.828-8.828V97.104c0-4.875,3.953-8.828,8.828-8.828h494.345c4.875,0,8.828,3.953,8.828,8.828v317.793C512,419.772,508.047,423.725,503.172,423.725z"/><path style="fill:%23F5F5F5;" d="M512,97.104c0-4.875-3.953-8.828-8.828-8.828h-39.495l-163.54,107.147V88.276h-88.276v107.147L48.322,88.276H8.828C3.953,88.276,0,92.229,0,97.104v22.831l140.309,91.927H0v88.276h140.309L0,392.066v22.831c0,4.875,3.953,8.828,8.828,8.828h39.495l163.54-107.147v107.147h88.276V316.578l163.54,107.147h39.495c4.875,0,8.828-3.953,8.828-8.828v-22.831l-140.309-91.927H512v-88.276H371.691L512,119.935V97.104z"/><g><polygon style="fill:%23FF4B55;" points="512,229.518 282.483,229.518 282.483,88.276 229.517,88.276 229.517,229.518 0,229.518 0,282.483 229.517,282.483 229.517,423.725 282.483,423.725 282.483,282.483 512,282.483 "/><path style="fill:%23FF4B55;" d="M178.948,300.138L0.25,416.135c0.625,4.263,4.14,7.59,8.577,7.59h12.159l190.39-123.586h-32.428V300.138z"/><path style="fill:%23FF4B55;" d="M346.388,300.138H313.96l190.113,123.404c4.431-0.472,7.928-4.09,7.928-8.646v-7.258L346.388,300.138z"/><path style="fill:%23FF4B55;" d="M0,106.849l161.779,105.014h32.428L5.143,89.137C2.123,90.54,0,93.555,0,97.104V106.849z"/><path style="fill:%23FF4B55;" d="M332.566,211.863L511.693,95.586c-0.744-4.122-4.184-7.309-8.521-7.309h-12.647L300.138,211.863H332.566z"/></g></svg>');
-  width: 28.5px;
   height: 19px;
+  width: 28.5px;
 }
 
 .Icon--book {
   background-image: url('data:image/svg+xml,<?xml version="1.0" encoding="iso-8859-1"?><svg width="23" height="33" viewBox="0 0 23 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.4069 1.12891C22.4069 0.762497 22.1015 0.457153 21.7351 0.457153H3.23129C1.58243 0.457153 0.299988 1.7396 0.299988 3.38845V29.5259C0.299988 31.1136 1.58243 32.4572 3.23129 32.4572H21.7962C22.1015 32.4572 22.4069 32.1518 22.4679 31.7854L22.4069 1.12891ZM17.8878 1.86173V13.0984L13.8572 9.67853L9.88777 13.0373V1.80066L17.8878 1.86173ZM1.58243 3.38845C1.58243 2.47242 2.31525 1.80066 3.17022 1.80066H8.60533V15.7243L13.7962 11.3274L19.0481 15.7854V1.7396H21.0633V26.5946H3.23129C2.6206 26.5946 2.07098 26.8388 1.6435 27.1442V3.38845H1.58243ZM21.1244 31.1747H3.23129C2.31525 31.1747 1.6435 30.4419 1.6435 29.5869C1.6435 28.6709 2.37632 27.9991 3.23129 27.9991H21.1244V31.1747Z" fill="%234C4F50"/></svg>');
-  width: 23px;
   height: 33px;
+  width: 23px;
 }
 
 .Icon-calendar.Icon--danger {
   background-image: url('data:image/svg+xml,<?xml version="1.0" encoding="iso-8859-1"?><svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.6472 3.59477C20.3522 3.30719 19.9098 3.16339 19.4673 3.16339H17.8451V2.01306C17.8451 1.4379 17.6976 1.00653 17.2551 0.575154C16.8127 0.143782 16.3703 0 15.7803 0H15.0429C14.453 0 14.0106 0.143782 13.5681 0.575154C13.1257 1.00653 12.9782 1.4379 12.9782 2.01306V3.16339H8.11139V2.01306C8.11139 1.4379 7.96391 1.00653 7.52147 0.575154C7.07903 0.143782 6.63659 0 6.04667 0H5.30927C4.71935 0 4.27691 0.143782 3.83447 0.575154C3.39203 1.00653 3.24456 1.4379 3.24456 2.01306V3.16339H1.62228C1.17984 3.16339 0.884878 3.30719 0.442438 3.59477C0.147479 3.88235 0 4.31373 0 4.7451V20.4183C0 20.8497 0.147479 21.1373 0.442438 21.5686C0.737398 21.8562 1.17984 22 1.62228 22H19.3199C19.7623 22 20.0573 21.8562 20.4997 21.5686C20.7947 21.281 20.9421 20.8497 20.9421 20.4183V4.7451C21.0896 4.31373 20.9421 4.02614 20.6472 3.59477ZM14.748 2.01306H16.2228V4.7451H14.748V2.01306ZM5.01432 2.01306H6.63659V4.7451H5.01432V2.01306ZM5.45676 20.4183H1.91724V16.9673H5.45676V20.4183ZM5.45676 16.1046H1.91724V12.2222H5.45676V16.1046ZM5.45676 11.3595H1.91724V7.90849H5.45676V11.3595ZM10.3236 20.4183H6.34163V16.9673H10.3236V20.4183ZM10.3236 16.1046H6.34163V12.2222H10.3236V16.1046ZM10.3236 11.3595H6.34163V7.90849H10.3236V11.3595ZM15.0429 20.4183H11.061V16.9673H15.0429V20.4183ZM15.0429 16.1046H11.061V12.2222H15.0429V16.1046ZM15.0429 11.3595H11.061V7.90849H15.0429V11.3595ZM19.4673 20.4183H15.9278V16.9673H19.4673V20.4183ZM19.4673 16.1046H15.9278V12.2222H19.4673V16.1046ZM19.4673 11.3595H15.9278V7.90849H19.4673V11.3595Z" fill="%23E84954"/></svg>');
-  width: 21px;
   height: 22px;
+  width: 21px;
 }
 
 .Icon--linkedin {
   background-image: url('data:image/svg+xml,<?xml version="1.0" encoding="iso-8859-1"?><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0)"><path d="M22.223 0.68042H1.77698C0.802855 0.68042 0 1.45116 0 2.41459V23.0961C0 24.0488 0.79215 24.8196 1.77698 24.8196H22.223C23.1971 24.8196 24 24.0488 24 23.0854V2.41459C23.9893 1.45116 23.1971 0.68042 22.223 0.68042ZM3.65031 20.8909V9.98283H7.27922V20.8802L3.65031 20.8909ZM5.47012 8.49487H5.44871C4.22837 8.49487 3.44692 7.6599 3.44692 6.61084C3.44692 5.54037 4.26048 4.72681 5.49153 4.72681C6.73327 4.72681 7.49331 5.54037 7.51472 6.61084C7.51472 7.6599 6.73327 8.49487 5.47012 8.49487ZM20.339 20.8909H16.7208V15.0569C16.7208 13.5903 16.1963 12.5948 14.8903 12.5948C13.884 12.5948 13.2953 13.2692 13.0277 13.9222C12.9313 14.1577 12.9099 14.4788 12.9099 14.8107V20.9017H9.2917C9.2917 20.8909 9.33452 11.0212 9.2917 10.0042H12.9099V11.5457C13.3916 10.8071 14.248 9.74732 16.1748 9.74732C18.562 9.74732 20.3497 11.3102 20.3497 14.6501L20.339 20.8909Z" fill="%230077B5"/></g><defs><clipPath id="clip0"><rect width="24" height="24.1392" fill="white" transform="translate(0 0.68042)"/></clipPath></defs></svg>');
-  width: 24px;
   height: 24px;
+  width: 24px;
 }
 
 .Icon--fb {
   background-image: url('data:image/svg+xml,<?xml version="1.0" encoding="iso-8859-1"?><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0)"><path d="M22.6572 0.915039H1.31841C0.585961 0.915039 0 1.501 0 2.23345V23.5722C0 24.3047 0.585961 24.8906 1.31841 24.8906H12.8179V15.6129H9.69278V11.9995H12.8179V9.31382C12.8179 6.21311 14.7223 4.52847 17.4812 4.52847C18.409 4.52847 19.3367 4.5773 20.2645 4.67496V7.92216H18.3357C16.822 7.92216 16.5534 8.6302 16.5534 9.68004V11.9995H20.1424L19.6785 15.6129H16.5534V24.915H22.6572C23.3896 24.915 23.9756 24.3291 24 23.5966C24 23.5966 24 23.5966 24 23.5722V2.23345C24 1.501 23.3896 0.915039 22.6572 0.915039Z" fill="%233E5294"/></g><defs><clipPath id="clip0"><rect width="24" height="24" fill="white" transform="translate(0 0.915039)"/></clipPath></defs></svg>');
-  width: 24px;
   height: 24px;
+  width: 24px;
 }
 
 .Icon--tw {
   background-image: url('data:image/svg+xml,<?xml version="1.0" encoding="iso-8859-1"?><svg width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5456 19.25C16.5984 19.25 21.552 11.938 21.552 5.60778C21.552 5.40207 21.552 5.19636 21.5424 4.99065C22.5024 4.31742 23.3376 3.46654 24 2.50344C23.1168 2.88681 22.1664 3.13927 21.168 3.26083C22.1856 2.67175 22.9632 1.72736 23.3376 0.605315C22.3872 1.15699 21.3312 1.5497 20.208 1.76476C19.3152 0.829724 18.0288 0.25 16.6176 0.25C13.9008 0.25 11.6928 2.40059 11.6928 5.04675C11.6928 5.42077 11.7408 5.78543 11.8176 6.14075C7.728 5.93504 4.0992 4.02756 1.6704 1.12894C1.248 1.83957 1.008 2.6624 1.008 3.54134C1.008 5.20571 1.8816 6.67372 3.1968 7.53396C2.3904 7.50591 1.632 7.29085 0.96 6.93553C0.96 6.95423 0.96 6.97293 0.96 7.00098C0.96 9.31988 2.6592 11.2648 4.9056 11.7042C4.4928 11.8164 4.0608 11.8725 3.6096 11.8725C3.2928 11.8725 2.9856 11.8445 2.688 11.7884C3.312 13.6959 5.136 15.0797 7.2864 15.1171C5.5968 16.4075 3.4752 17.1742 1.1712 17.1742C0.7776 17.1742 0.384 17.1555 0 17.1088C2.1792 18.4552 4.7712 19.25 7.5456 19.25Z" fill="%231DA1F2"/></svg>');
-  width: 24px;
   height: 24px;
+  width: 24px;
 }
 
 .Icon--whatsapp {
   background-image: url('data:image/svg+xml,<?xml version="1.0" encoding="iso-8859-1"?><svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g clip-path="url(%23clip0)"><rect y="0.915039" width="32" height="32" fill="url(%23pattern0)"/><rect x="1.80646" y="2.65347" width="28.2581" height="28.33" fill="url(%23pattern1)"/><path d="M2.44516 30.1078L4.35484 23.1541C3.18064 21.1195 2.55484 18.808 2.56129 16.445C2.56129 9.0406 8.6 3.02048 16.0194 3.02048C19.6194 3.02048 23 4.41766 25.5355 6.95448C28.0774 9.4913 29.4774 12.8651 29.471 16.4515C29.471 23.8559 23.4323 29.876 16.0129 29.876H16.0065C13.7548 29.876 11.5419 29.3094 9.57419 28.2406L2.44516 30.1078ZM9.90968 25.8068L10.3161 26.0515C12.0323 27.0688 14 27.6032 16.0065 27.6096H16.0129C22.1742 27.6096 27.1936 22.6068 27.1936 16.4515C27.1936 13.4704 26.0323 10.6696 23.9226 8.5577C21.8129 6.44583 19 5.28688 16.0129 5.28688C9.84516 5.28688 4.82581 10.2897 4.82581 16.445C4.82581 18.5505 5.4129 20.6044 6.53548 22.3814L6.8 22.8064L5.67742 26.9142L9.90968 25.8068Z" fill="white"/><path d="M2.90967 29.6378L4.75483 22.9223C3.61935 20.9585 3.01935 18.7243 3.01935 16.445C3.01935 9.29814 8.8516 3.48405 16.0064 3.48405C19.4839 3.48405 22.7419 4.83617 25.1935 7.28285C27.6452 9.72953 28.9935 12.9875 28.9935 16.4515C28.9935 23.5983 23.1613 29.4124 16.0064 29.4124H16C13.8258 29.4124 11.6903 28.8651 9.79354 27.835L2.90967 29.6378Z" fill="url(%23paint0_linear)"/><rect x="1.61292" y="2.26715" width="28.6452" height="28.7163" fill="url(%23pattern2)"/><path d="M2.44519 30.1078L4.35487 23.1541C3.18067 21.1195 2.55487 18.808 2.56132 16.445C2.56132 9.0406 8.60003 3.02048 16.0194 3.02048C19.6194 3.02048 23 4.41766 25.5355 6.95448C28.0775 9.4913 29.4775 12.8651 29.471 16.4515C29.471 23.8559 23.4323 29.876 16.0129 29.876H16.0065C13.7549 29.876 11.542 29.3094 9.57422 28.2406L2.44519 30.1078ZM9.90971 25.8068L10.3162 26.0515C12.0323 27.0688 14 27.6032 16.0065 27.6096H16.0129C22.1742 27.6096 27.1936 22.6068 27.1936 16.4515C27.1936 13.4704 26.0323 10.6696 23.9226 8.5577C21.8129 6.44583 19 5.28688 16.0129 5.28688C9.84519 5.28688 4.82584 10.2897 4.82584 16.445C4.82584 18.5505 5.41293 20.6044 6.53551 22.3814L6.80003 22.8064L5.67745 26.9142L9.90971 25.8068Z" fill="url(%23paint1_linear)"/><rect x="8.38708" y="9.54282" width="15.2903" height="14.2938" fill="url(%23pattern3)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.6516 10.8241C12.4 10.264 12.1355 10.2511 11.8968 10.2447C11.7032 10.2382 11.4774 10.2382 11.2516 10.2382C11.0258 10.2382 10.6645 10.3219 10.3548 10.6567C10.0451 10.9915 9.18063 11.8028 9.18063 13.4575C9.18063 15.1058 10.3871 16.7026 10.5548 16.928C10.7226 17.1533 12.8839 20.6495 16.2968 21.9952C19.1355 23.1155 19.7161 22.8901 20.329 22.8322C20.9484 22.7742 22.3161 22.0209 22.6 21.2354C22.8774 20.4499 22.8774 19.7803 22.7935 19.6386C22.7097 19.497 22.4839 19.4133 22.1484 19.2459C21.8129 19.0785 20.1613 18.2672 19.8516 18.1513C19.5419 18.0418 19.3161 17.9839 19.0968 18.3187C18.871 18.6535 18.2258 19.4068 18.0322 19.6322C17.8387 19.8575 17.6387 19.8833 17.3032 19.7159C16.9677 19.5485 15.8839 19.1944 14.6 18.0483C13.6 17.1597 12.9226 16.0587 12.729 15.7239C12.5355 15.3891 12.7097 15.2088 12.8774 15.0414C13.0258 14.8933 13.2129 14.6487 13.3806 14.4555C13.5484 14.2624 13.6064 14.1207 13.7161 13.8954C13.8258 13.67 13.7742 13.4769 13.6903 13.3094C13.6 13.1485 12.9484 11.4873 12.6516 10.8241Z" fill="white"/></g><defs><pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="%23image0"/></pattern><pattern id="pattern1" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="%23image1"/></pattern><pattern id="pattern2" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="%23image2"/></pattern><pattern id="pattern3" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="%23image3"/></pattern><linearGradient id="paint0_linear" x1="15.9559" y1="29.6373" x2="15.9559" y2="3.48395" gradientUnits="userSpaceOnUse"><stop stop-color="%2320B038"/><stop offset="1" stop-color="%2360D66A"/></linearGradient><linearGradient id="paint1_linear" x1="15.956" y1="30.106" x2="15.956" y2="3.01484" gradientUnits="userSpaceOnUse"><stop stop-color="%23F9F9F9"/><stop offset="1" stop-color="white"/></linearGradient><clipPath id="clip0"><rect width="32" height="32" fill="white" transform="translate(0 0.915039)"/></clipPath><image id="image0" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfAAAAHxCAYAAACS8O5DAAAACXBIWXMAAAsSAAALEgHS3X78AAAA"/><image id="image1" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbYAAAG4CAYAAAApA8IAAAAACXBIWXMAAAsSAAALEgHS3X78AAAA"/><image id="image2" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbwAAAG+CAYAAADoeLHUAAAACXBIWXMAAAsSAAALEgHS3X78AAAA"/><image id="image3" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO0AAADeCAYAAADRo4eMAAAACXBIWXMAAAsSAAALEgHS3X78AAAA"/></defs></svg>');
+  height: 24px;
   width: 24px;
+}
+
+.Icon--Instagram {
+  background-image: url('data:image/svg+xml,<?xml version="1.0" encoding="iso-8859-1"?><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5041 19.1518C9.0989 19.1518 6.35222 16.4045 6.35222 12.9985C6.35222 9.59253 9.0989 6.84524 12.5041 6.84524C15.9094 6.84524 18.6561 9.59253 18.6561 12.9985C18.6561 16.4045 15.9094 19.1518 12.5041 19.1518ZM12.5041 8.99809C10.3036 8.99809 8.50459 10.7921 8.50459 12.9985C8.50459 15.2049 10.2982 16.999 12.5041 16.999C14.7101 16.999 16.5037 15.2049 16.5037 12.9985C16.5037 10.7921 14.7047 8.99809 12.5041 8.99809ZM20.3426 19.4035C20.3426 18.6056 19.7001 17.9683 18.9077 17.9683C18.1099 17.9683 17.4728 18.6109 17.4728 19.4035C17.4728 20.1961 18.1153 20.8388 18.9077 20.8388C19.7001 20.8388 20.3426 20.1961 20.3426 19.4035ZM24.4171 17.9469C24.3261 19.8694 23.8871 21.5725 22.4789 22.9756C21.0761 24.3787 19.3735 24.8178 17.4514 24.9142C15.4703 25.0267 9.53259 25.0267 7.55155 24.9142C5.63476 24.8231 3.93214 24.384 2.524 22.9809C1.11585 21.5778 0.682168 19.8748 0.585793 17.9522C0.473356 15.9708 0.473356 10.0317 0.585793 8.05019C0.676813 6.12762 1.11585 4.42462 2.524 3.02152C3.93214 1.61842 5.62941 1.17928 7.55155 1.08288C9.53259 0.970418 15.4703 0.970418 17.4514 1.08288C19.3735 1.17392 21.0761 1.61306 22.4789 3.02152C23.8817 4.42462 24.3208 6.12762 24.4171 8.05019C24.5296 10.0317 24.5296 15.9654 24.4171 17.9469ZM21.8579 5.92412C21.4402 4.87447 20.6318 4.06581 19.577 3.64274C17.9975 3.01616 14.2496 3.16076 12.5041 3.16076C10.7587 3.16076 7.00543 3.02152 5.4313 3.64274C4.38189 4.06046 3.57341 4.86911 3.15043 5.92412C2.524 7.50394 2.66856 11.2527 2.66856 12.9985C2.66856 14.7444 2.52935 18.4985 3.15043 20.073C3.56806 21.1226 4.37654 21.9313 5.4313 22.3543C7.01078 22.9809 10.7587 22.8363 12.5041 22.8363C14.2496 22.8363 18.0029 22.9756 19.577 22.3543C20.6264 21.9366 21.4349 21.128 21.8579 20.073C22.4843 18.4931 22.3397 14.7444 22.3397 12.9985C22.3397 11.2527 22.4843 7.49859 21.8579 5.92412Z" fill="black"/></svg>');
   height: 24px;
+  width: 24px;
+}
+
+.Icon--Pinterest {
+  background-image: url('data:image/svg+xml,<?xml version="1.0" encoding="iso-8859-1"?><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 12C24 18.629 18.629 24 12 24C10.7613 24 9.57097 23.8113 8.44839 23.4629C8.9371 22.6645 9.66774 21.3581 9.93871 20.3177C10.0839 19.7565 10.6839 17.4629 10.6839 17.4629C11.0758 18.2081 12.2177 18.8419 13.4323 18.8419C17.0516 18.8419 19.6597 15.5129 19.6597 11.3758C19.6597 7.4129 16.4226 4.44677 12.2613 4.44677C7.08387 4.44677 4.33065 7.92097 4.33065 11.7097C4.33065 13.471 5.26935 15.6629 6.76452 16.3597C6.99194 16.4661 7.1129 16.4177 7.16613 16.2C7.20484 16.0355 7.40806 15.2177 7.5 14.8403C7.52903 14.7194 7.51452 14.6129 7.41774 14.4968C6.92903 13.8919 6.53226 12.7887 6.53226 11.7581C6.53226 9.11129 8.53548 6.55161 11.9516 6.55161C14.8984 6.55161 16.9645 8.55968 16.9645 11.4339C16.9645 14.6806 15.3242 16.9306 13.1903 16.9306C12.0145 16.9306 11.129 15.9581 11.4145 14.7629C11.7532 13.3355 12.4065 11.7968 12.4065 10.7661C12.4065 9.84677 11.9129 9.07742 10.8871 9.07742C9.68226 9.07742 8.71452 10.321 8.71452 11.9903C8.71452 13.0548 9.07258 13.771 9.07258 13.771C9.07258 13.771 7.8871 18.7935 7.66935 19.7323C7.42742 20.7677 7.52419 22.229 7.62581 23.1774C3.16452 21.4306 0 17.0855 0 12C0 5.37097 5.37097 0 12 0C18.629 0 24 5.37097 24 12Z" fill="%23DA302D"/></svg>');
+  height: 24px;
+  width: 24px;
+}
+
+.Icon--Messenger {
+  background-image: url('data:image/svg+xml,<?xml version="1.0" encoding="iso-8859-1"?><svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.82945 19.7257V24L8.77418 21.7278C9.87378 22.0489 11.0426 22.2222 12.2537 22.2222C18.7455 22.2222 24.0074 17.2472 24.0074 11.1111C24.0074 4.97459 18.7455 0 12.2537 0C5.7623 0 0.5 4.97459 0.5 11.1111C0.5 14.5859 2.18728 17.6885 4.82945 19.7257Z" fill="url(%23paint0_linear)"/><path d="M10.9985 8.06787L4.65979 14.8677L10.4285 11.6609L13.4426 14.8677L19.7456 8.06787L14.0408 11.2185L10.9985 8.06787Z" fill="white"/><defs><linearGradient id="paint0_linear" x1="12.2537" y1="1.6224" x2="12.2537" y2="22.944" gradientUnits="userSpaceOnUse"><stop stop-color="%2300C6FF"/><stop offset="1" stop-color="%230068FF"/></linearGradient></defs></svg>');
+  height: 24px;
+  width: 24px;
+}
+
+.Icon--copy {
+  background-image: url('data:image/svg+xml,<?xml version="1.0" encoding="iso-8859-1"?><svg width="17" height="21" viewBox="0 0 17 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.42857 3.21422V1.99993C2.42857 1.33207 2.975 0.785645 3.64286 0.785645H15.7857C16.4536 0.785645 17 1.33207 17 1.99993V16.5714C17 17.2392 16.4536 17.7856 15.7857 17.7856H14.5714V18.9999C14.5714 19.6678 14.025 20.2142 13.3571 20.2142H1.21429C0.546429 20.2142 0 19.6678 0 18.9999V4.4285C0 3.76064 0.546429 3.21422 1.21429 3.21422H2.42857ZM2.42857 4.4285H1.51786C1.33571 4.4285 1.21429 4.54993 1.21429 4.73207V18.6964C1.21429 18.8785 1.33571 18.9999 1.51786 18.9999H13.0536C13.2357 18.9999 13.3571 18.8785 13.3571 18.6964V17.7856H3.64286C2.975 17.7856 2.42857 17.2392 2.42857 16.5714V4.4285ZM3.64286 2.3035V16.2678C3.64286 16.4499 3.76429 16.5714 3.94643 16.5714H15.4821C15.6643 16.5714 15.7857 16.4499 15.7857 16.2678V2.3035C15.7857 2.12136 15.6643 1.99993 15.4821 1.99993H3.94643C3.76429 1.99993 3.64286 2.12136 3.64286 2.3035ZM6.07143 7.76779C6.07143 7.58564 6.19286 7.46422 6.375 7.46422H13.0536C13.2357 7.46422 13.3571 7.58564 13.3571 7.76779C13.3571 7.94993 13.2357 8.07136 13.0536 8.07136H6.375C6.19286 8.07136 6.07143 7.94993 6.07143 7.76779ZM6.07143 10.1964C6.07143 10.0142 6.19286 9.89279 6.375 9.89279H13.0536C13.2357 9.89279 13.3571 10.0142 13.3571 10.1964C13.3571 10.3785 13.2357 10.4999 13.0536 10.4999H6.375C6.19286 10.4999 6.07143 10.3785 6.07143 10.1964ZM6.07143 12.6249C6.07143 12.4428 6.19286 12.3214 6.375 12.3214H13.0536C13.2357 12.3214 13.3571 12.4428 13.3571 12.6249C13.3571 12.8071 13.2357 12.9285 13.0536 12.9285H6.375C6.19286 12.9285 6.07143 12.8071 6.07143 12.6249ZM6.07143 5.33922C6.07143 5.15707 6.19286 5.03564 6.375 5.03564H13.0536C13.2357 5.03564 13.3571 5.15707 13.3571 5.33922C13.3571 5.52136 13.2357 5.64279 13.0536 5.64279H6.375C6.19286 5.64279 6.07143 5.52136 6.07143 5.33922Z" fill="%238B9293"/></svg>');
+  height: 24px;
+  width: 24px;
 }
 
 .Icon--subscribe-article {
   background-image: url('data:image/svg+xml,<?xml version="1.0" encoding="iso-8859-1"?><svg width="25" height="29" viewBox="0 0 25 29" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="14.25" y="7.875" width="5.5" height="5.5" rx="0.5" fill="%238B9293"/><rect x="0.75" y="1" width="23.1111" height="27" rx="1.5" stroke="%238B9293"/><line x1="4.5" y1="4.75" x2="7.75" y2="4.75" stroke="%238B9293" stroke-width="1.5" stroke-linecap="round"/><line x1="4.5" y1="8.6875" x2="11.25" y2="8.6875" stroke="%238B9293" stroke-width="1.5" stroke-linecap="round"/><line x1="4.5" y1="12.625" x2="11.25" y2="12.625" stroke="%238B9293" stroke-width="1.5" stroke-linecap="round"/><line x1="4.5" y1="16.5625" x2="19.25" y2="16.5625" stroke="%238B9293" stroke-width="1.5" stroke-linecap="round"/><line x1="4.5" y1="20.5" x2="19.1111" y2="20.5" stroke="%238B9293" stroke-width="1.5" stroke-linecap="round"/></svg>');
-  width: 25px;
   height: 29px;
+  width: 25px;
 }
 
 .Icon--subscribe-article.Icon--primary,
@@ -556,8 +580,8 @@ height: 21px;
 
 .Icon--subscribe-category {
   background-image: url('data:image/svg+xml,<?xml version="1.0" encoding="iso-8859-1"?><svg width="25" height="29" viewBox="0 0 25 29" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.25" y="0.625" width="23.1111" height="27" rx="1.5" stroke="%238B9293"/><rect x="4.75" y="4.125" width="5" height="5" rx="0.5" fill="%238B9293"/><rect x="4.75" y="11.125" width="5" height="5" rx="0.5" fill="%238B9293"/><rect x="4.75" y="18" width="5" height="5" rx="0.5" fill="%238B9293"/><line x1="12.25" y1="6.5625" x2="20.25" y2="6.5625" stroke="%238B9293" stroke-width="1.5" stroke-linecap="round"/><line x1="12.25" y1="13.5625" x2="20.25" y2="13.5625" stroke="%238B9293" stroke-width="1.5" stroke-linecap="round"/><line x1="12.25" y1="20.4375" x2="20.25" y2="20.4375" stroke="%238B9293" stroke-width="1.5" stroke-linecap="round"/></svg>');
-  width: 25px;
   height: 29px;
+  width: 25px;
 }
 
 .Icon--subscribe-category.Icon--primary,
@@ -568,12 +592,24 @@ height: 21px;
 
 .Icon--subscribe-Knowledgebase {
   background-image: url('data:image/svg+xml,<?xml version="1.0" encoding="iso-8859-1"?><svg width="25" height="29" viewBox="0 0 25 29" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.25" y="1.25" width="23.1111" height="27" rx="1.5" stroke="%238B9293"/><rect x="4.80554" y="5" width="7" height="7" rx="0.5" fill="%238B9293"/><rect x="13.8055" y="5" width="7" height="7" rx="0.5" fill="%238B9293"/><rect x="4.80554" y="14" width="7" height="7" rx="0.5" fill="%238B9293"/><rect x="13.8055" y="14" width="7" height="7" rx="0.5" fill="%238B9293"/></svg>');
-  width: 25px;
   height: 29px;
+  width: 25px;
 }
 
 .Icon--subscribe-Knowledgebase.Icon--primary,
 .dp-po-dropdown-menu-item:hover .Icon--subscribe-Knowledgebase,
 .dp-po-dropdown-menu-item.is-selected .Icon--subscribe-Knowledgebase {
   background-image: url('data:image/svg+xml,<?xml version="1.0" encoding="iso-8859-1"?><svg width="25" height="29" viewBox="0 0 25 29" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.25" y="1.25" width="23.1111" height="27" rx="1.5" stroke="%233a8dde"/><rect x="4.80554" y="5" width="7" height="7" rx="0.5" fill="%233a8dde"/><rect x="13.8055" y="5" width="7" height="7" rx="0.5" fill="%233a8dde"/><rect x="4.80554" y="14" width="7" height="7" rx="0.5" fill="%233a8dde"/><rect x="13.8055" y="14" width="7" height="7" rx="0.5" fill="%233a8dde"/></svg>');
-}
\ No newline at end of file
+}
+
+.Icon--GB {
+  background-image: url('data:image/svg+xml,<?xml version="1.0" encoding="iso-8859-1"?><svg width="24" height="17" viewBox="0 0 24 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0)"><path d="M24 0.75H0V16.75H24V0.75Z" fill="black"/><path d="M24 6.08333H0V16.75H24V6.08333Z" fill="%23DD0000"/><path d="M24 11.4167H0V16.75H24V11.4167Z" fill="%23FFCE00"/></g><defs><clipPath id="clip0"><rect width="24" height="16" fill="white" transform="translate(0 0.75)"/></clipPath></defs></svg>');
+  height: 16px;
+  width: 24px;
+}
+
+.Icon--FR {
+  background-image: url('data:image/svg+xml,<?xml version="1.0" encoding="iso-8859-1"?><svg width="24" height="16" viewBox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 0H0V16H24V0Z" fill="%23ED2939"/><path d="M16 0H0V16H16V0Z" fill="white"/><path d="M8 0H0V16H8V0Z" fill="%23002395"/></svg>');
+  height: 16px;
+  width: 24px;
+}
diff --git a/packages/style/src/demo/label-demo.css b/packages/style/src/demo/label-demo.css
index 1df67b73..39032a86 100644
--- a/packages/style/src/demo/label-demo.css
+++ b/packages/style/src/demo/label-demo.css
@@ -1,3 +1,3 @@
 .dp-po-filter.is-hover {
-	background-color: var(--grey-lightest);
+  background-color: var(--grey-lightest);
 }
diff --git a/packages/style/src/demo/messenger-Icons.css b/packages/style/src/demo/messenger-Icons.css
index 0ca64237..31afef37 100644
--- a/packages/style/src/demo/messenger-Icons.css
+++ b/packages/style/src/demo/messenger-Icons.css
@@ -1,41 +1,41 @@
 /* Messenger - Icons */
 
 .Icon--search {
-background-image: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.625 22.5C18.9742 22.5 22.5 18.9742 22.5 14.625C22.5 10.2758 18.9742 6.75 14.625 6.75C10.2758 6.75 6.75 10.2758 6.75 14.625C6.75 18.9742 10.2758 22.5 14.625 22.5Z" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 14.625C9 11.55 11.55 9 14.625 9" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.175 20.175L21.9 21.9" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M21.9 23.475C21.45 23.025 21.45 22.35 21.9 21.9C22.35 21.45 23.025 21.45 23.475 21.9L28.5 26.925L26.925 28.5L21.9 23.475Z" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
+  background-image: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.625 22.5C18.9742 22.5 22.5 18.9742 22.5 14.625C22.5 10.2758 18.9742 6.75 14.625 6.75C10.2758 6.75 6.75 10.2758 6.75 14.625C6.75 18.9742 10.2758 22.5 14.625 22.5Z" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 14.625C9 11.55 11.55 9 14.625 9" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.175 20.175L21.9 21.9" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M21.9 23.475C21.45 23.025 21.45 22.35 21.9 21.9C22.35 21.45 23.025 21.45 23.475 21.9L28.5 26.925L26.925 28.5L21.9 23.475Z" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
 }
 
 .Icon--go-primary {
-background-image: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 29.625C24.4203 29.625 29.625 24.4203 29.625 18C29.625 11.5797 24.4203 6.375 18 6.375C11.5797 6.375 6.37503 11.5797 6.37503 18C6.37503 24.4203 11.5797 29.625 18 29.625Z" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 18H24" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.25 21.75L24 18L20.25 14.25" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
+  background-image: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 29.625C24.4203 29.625 29.625 24.4203 29.625 18C29.625 11.5797 24.4203 6.375 18 6.375C11.5797 6.375 6.37503 11.5797 6.37503 18C6.37503 24.4203 11.5797 29.625 18 29.625Z" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 18H24" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.25 21.75L24 18L20.25 14.25" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
 }
 
 .Icon--go-secondary {
-background-image: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.12497 18H28.875" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M22.125 24.75L28.875 18L22.125 11.25" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
+  background-image: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.12497 18H28.875" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M22.125 24.75L28.875 18L22.125 11.25" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
 }
 
 .Icon--attach {
-background-image: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.75 11.475V24C15.75 25.275 16.725 26.25 18 26.25C19.275 26.25 20.25 25.275 20.25 24V9.97501C20.25 7.87501 18.6 6.22501 16.5 6.22501C14.4 6.22501 12.75 7.87501 12.75 9.97501V24.6C12.75 27.525 15.075 29.85 18 29.85C20.925 29.85 23.25 27.525 23.25 24.6V11.475" stroke="%234C4F50" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
+  background-image: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.75 11.475V24C15.75 25.275 16.725 26.25 18 26.25C19.275 26.25 20.25 25.275 20.25 24V9.97501C20.25 7.87501 18.6 6.22501 16.5 6.22501C14.4 6.22501 12.75 7.87501 12.75 9.97501V24.6C12.75 27.525 15.075 29.85 18 29.85C20.925 29.85 23.25 27.525 23.25 24.6V11.475" stroke="%234C4F50" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
 }
 
 .Icon--mute {
-background-image: url('data:image/svg+xml,<svg width="36" height="38" viewBox="0 0 36 38" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d)"><path d="M18.375 28.5H20.25V7.5H18.375L13.2 12.75H6.75V23.25H13.2L18.375 28.5Z" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M23.25 21L29.25 15" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M29.25 21L23.25 15" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></g><defs><filter id="filter0_d" x="-4" y="0" width="44" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="4"/><feGaussianBlur stdDeviation="2"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter></defs></svg>');
+  background-image: url('data:image/svg+xml,<svg width="36" height="38" viewBox="0 0 36 38" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d)"><path d="M18.375 28.5H20.25V7.5H18.375L13.2 12.75H6.75V23.25H13.2L18.375 28.5Z" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M23.25 21L29.25 15" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M29.25 21L23.25 15" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></g><defs><filter id="filter0_d" x="-4" y="0" width="44" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="4"/><feGaussianBlur stdDeviation="2"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter></defs></svg>');
 }
 
 .Icon--send {
-background-image: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 18L8.25003 26.925L29.25 18L8.25003 9.07501L12 18Z" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M29.25 18H12" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
+  background-image: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 18L8.25003 26.925L29.25 18L8.25003 9.07501L12 18Z" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M29.25 18H12" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
 }
 
 .Icon--close-primary {
-background-image: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.875 22.125L22.125 13.875" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M22.125 22.125L13.875 13.875" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 29.625C24.4203 29.625 29.625 24.4203 29.625 18C29.625 11.5797 24.4203 6.375 18 6.375C11.5797 6.375 6.37497 11.5797 6.37497 18C6.37497 24.4203 11.5797 29.625 18 29.625Z" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
+  background-image: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.875 22.125L22.125 13.875" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M22.125 22.125L13.875 13.875" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 29.625C24.4203 29.625 29.625 24.4203 29.625 18C29.625 11.5797 24.4203 6.375 18 6.375C11.5797 6.375 6.37497 11.5797 6.37497 18C6.37497 24.4203 11.5797 29.625 18 29.625Z" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
 }
 
 .Icon--mail {
-background-image: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.9 9.375H28.875C29.475 9.375 30 9.825 30 10.275V25.875C30 26.25 29.625 26.625 29.1 26.625H6.9C6.375 26.625 6 26.325 6 25.875V10.125C6 9.675 6.375 9.375 6.9 9.375Z" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linejoin="round"/><path d="M6 9.60001L18 19.65L30 9.60001" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linejoin="round"/><path d="M22.35 15.45L30 26.325" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linejoin="round"/><path d="M6 26.625L13.65 15.75" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linejoin="round"/></svg>');
+  background-image: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.9 9.375H28.875C29.475 9.375 30 9.825 30 10.275V25.875C30 26.25 29.625 26.625 29.1 26.625H6.9C6.375 26.625 6 26.325 6 25.875V10.125C6 9.675 6.375 9.375 6.9 9.375Z" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linejoin="round"/><path d="M6 9.60001L18 19.65L30 9.60001" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linejoin="round"/><path d="M22.35 15.45L30 26.325" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linejoin="round"/><path d="M6 26.625L13.65 15.75" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linejoin="round"/></svg>');
 }
 
 .Icon--profile {
-background-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.5 1.5H4.5C2.85 1.5 1.5 2.85 1.5 4.5V25.5C1.5 27.15 2.85 28.5 4.5 28.5H6V27.375C6 22.425 10.05 18.375 15 18.375C19.95 18.375 24 22.425 24 27.375V28.5H25.5C27.15 28.5 28.5 27.15 28.5 25.5V4.5C28.5 2.85 27.15 1.5 25.5 1.5ZM15 16.35C12.075 16.35 9.75 14.025 9.75 11.1C9.75 8.175 12.075 5.85 15 5.85C17.925 5.85 20.25 8.175 20.25 11.1C20.25 13.95 17.925 16.35 15 16.35Z" fill="%234C4F50"/><path d="M25.5 28.5H4.5C2.85 28.5 1.5 27.15 1.5 25.5V4.5C1.5 2.85 2.85 1.5 4.5 1.5H25.5C27.15 1.5 28.5 2.85 28.5 4.5V25.5C28.5 27.15 27.15 28.5 25.5 28.5Z" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10"/></svg>');
+  background-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.5 1.5H4.5C2.85 1.5 1.5 2.85 1.5 4.5V25.5C1.5 27.15 2.85 28.5 4.5 28.5H6V27.375C6 22.425 10.05 18.375 15 18.375C19.95 18.375 24 22.425 24 27.375V28.5H25.5C27.15 28.5 28.5 27.15 28.5 25.5V4.5C28.5 2.85 27.15 1.5 25.5 1.5ZM15 16.35C12.075 16.35 9.75 14.025 9.75 11.1C9.75 8.175 12.075 5.85 15 5.85C17.925 5.85 20.25 8.175 20.25 11.1C20.25 13.95 17.925 16.35 15 16.35Z" fill="%234C4F50"/><path d="M25.5 28.5H4.5C2.85 28.5 1.5 27.15 1.5 25.5V4.5C1.5 2.85 2.85 1.5 4.5 1.5H25.5C27.15 1.5 28.5 2.85 28.5 4.5V25.5C28.5 27.15 27.15 28.5 25.5 28.5Z" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10"/></svg>');
 }
 
 .Icon--log-in {
-background-image: url('data:image/svg+xml,<svg width="22" height="26" viewBox="0 0 22 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.5 13H4.89999" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.25 17.5L4.75 13L9.25 8.5" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 1H1V25H10" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
-}
\ No newline at end of file
+  background-image: url('data:image/svg+xml,<svg width="22" height="26" viewBox="0 0 22 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.5 13H4.89999" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.25 17.5L4.75 13L9.25 8.5" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 1H1V25H10" stroke="%234C4F50" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
+}
diff --git a/packages/style/src/demo/messenger-buttons-demo.css b/packages/style/src/demo/messenger-buttons-demo.css
index ebe7750c..34b48195 100644
--- a/packages/style/src/demo/messenger-buttons-demo.css
+++ b/packages/style/src/demo/messenger-buttons-demo.css
@@ -1,34 +1,34 @@
 .MessengerContainer-demo .dp-po-StateWrapper-demo {
-	width: 200px;
+  width: 200px;
 }
 
 .MessengerContainer-demo .dp-po-ButtonItem-demo {
-	width: auto;
-	margin: 0 30px 0px 0;
+  margin: 0 30px 0 0;
+  width: auto;
 }
 
 .MessengerContainer-demo .dp-po-StateWrapper-demo + .dp-po-ButtonItem-demo {
-	margin-top: 50px;
+  margin-top: 50px;
 }
 
 .Button--medium.Button--messenger.is-hover {
-	background-color: var(--info-light);
+  background-color: var(--info-light);
 }
 
 .dp-po-Button.Button--danger.is-hover {
-	background-color: rgba(232, 73, 84, .7);
+  background-color: rgba(232, 73, 84, 0.7);
 }
 
 .dp-po-Button.Button--success.is-hover {
-  background-color: rgba(84, 177, 98, .7);
+  background-color: rgba(84, 177, 98, 0.7);
 }
 
 .dp-po-Button.Button--ghost.Button--danger.is-hover {
-	color: rgba(232, 73, 84, .7);
-	background-color: transparent;
+  background-color: transparent;
+  color: rgba(232, 73, 84, 0.7);
 }
 
 .dp-po-Button.Button--ghost.Button--success.is-hover {
-  color: rgba(84, 177, 98, .7);
   background-color: transparent;
-}
\ No newline at end of file
+  color: rgba(84, 177, 98, 0.7);
+}
diff --git a/packages/style/src/demo/pagination-demo.css b/packages/style/src/demo/pagination-demo.css
index 884ad8a7..6f353db5 100644
--- a/packages/style/src/demo/pagination-demo.css
+++ b/packages/style/src/demo/pagination-demo.css
@@ -1,15 +1,15 @@
 .demo-pagination {
-	display: flex;
-	align-items: center;
+  align-items: center;
+  display: flex;
 }
 
 .demo-pagination-title {
-	font: var(--p-xxl);
-	color: var(--black);
-	width: 100%;
-	max-width: 170px;
+  color: var(--black);
+  font: var(--p-xxl);
+  max-width: 170px;
+  width: 100%;
 }
 
 .demo-pagination:last-child .demo-pagination-title {
-	max-width: 165px;
+  max-width: 165px;
 }
diff --git a/packages/style/src/demo/scrollbar-demo.css b/packages/style/src/demo/scrollbar-demo.css
index d81b03c3..c8ca2638 100644
--- a/packages/style/src/demo/scrollbar-demo.css
+++ b/packages/style/src/demo/scrollbar-demo.css
@@ -1,3 +1,3 @@
 .dp-po-scroll-wrapper-demo {
-	height: 400px;
+  height: 400px;
 }
diff --git a/packages/style/src/demo/tableview-demo.css b/packages/style/src/demo/tableview-demo.css
index b0f862bb..7235d00e 100644
--- a/packages/style/src/demo/tableview-demo.css
+++ b/packages/style/src/demo/tableview-demo.css
@@ -1,39 +1,39 @@
 /* Demo-Sorting-bar-class */
 
 .demo-TableWrapper {
-	overflow: auto;
+  overflow: auto;
 }
 
 .demo-TableWrapper .dp-po-Tableview {
-	width: 1235px;
+  width: 1235px;
 }
 
 .demo-TableWrapper .dp-po-TableRow > div:first-child {
-	width: 190px;
+  width: 190px;
 }
 
 .demo-TableWrapper .dp-po-TableRow > div:nth-child(2) {
-	width: 500px;
+  width: 500px;
 }
 
 .demo-TableWrapper .dp-po-TableRow > div:nth-child(3),
 .demo-TableWrapper .dp-po-TableRow > div:nth-child(4),
 .demo-TableWrapper .dp-po-TableRow > div:nth-child(5) {
-	width: 150px;
+  width: 150px;
 }
 
-/*.demo-TableWrapper .dp-po-TableRow > div:nth-child(6) {
+/* .demo-TableWrapper .dp-po-TableRow > div:nth-child(6) {
   width: 60px;
-}*/
+} */
 
 .demo-TableWrapper .dp-po-TableRow.TableRow--chat > div:first-child {
-	width: 860px;
+  width: 860px;
 }
 
 .demo-TableWrapper .dp-po-TableRow.TableRow--chat > div:nth-child(2) {
-	width: 200px;
+  width: 200px;
 }
 
 .demo-TableWrapper .dp-po-TableRow.TableRow--chat > div:last-child {
-	justify-content: flex-end;
+  justify-content: flex-end;
 }
diff --git a/packages/style/src/demo/tabs-demo.css b/packages/style/src/demo/tabs-demo.css
index 774395d9..8149fe8f 100644
--- a/packages/style/src/demo/tabs-demo.css
+++ b/packages/style/src/demo/tabs-demo.css
@@ -1,8 +1,8 @@
 .Tabs--Large .dp-po-Tabs-item.is-hover {
-	border-bottom: 2px solid var(--grey-dark);
-	color: var(--grey);
+  border-bottom: 2px solid var(--grey-dark);
+  color: var(--grey);
 }
 
 .Tabs--Small .dp-po-Tabs-item.is-hover {
-	color: var(--grey-dark);
+  color: var(--grey-dark);
 }
diff --git a/packages/style/src/forms/dp-po-forms.css b/packages/style/src/forms/dp-po-forms.css
index 812a666b..4c143a4e 100644
--- a/packages/style/src/forms/dp-po-forms.css
+++ b/packages/style/src/forms/dp-po-forms.css
@@ -1,640 +1,635 @@
 .dp-po-Forms {
-	position: relative;
-	width: 100%;
+  position: relative;
+  width: 100%;
 }
 
-.dp-po-Forms input{
-	width: 100%;
-	max-width: 620px;
-	height: 44px;
-	background-color: var(--grey-lightest);
-	border: 2px solid var(--grey-light);
-	box-sizing: border-box;
-	border-radius: 4px;
-	padding: 10px;
-	font: var(--p-2);
-	outline: none;
-	/*color: var(--grey);*/
-	color: var(--grey-darkest);
+.dp-po-Forms input {
+  background-color: var(--grey-lightest);
+  border: 2px solid var(--grey-light);
+  border-radius: 4px;
+  box-sizing: border-box;
+  color: var(--grey-darkest);
+  font: var(--p-2);
+  height: 44px;
+  max-width: 620px;
+  outline: none;
+  padding: 10px;
+  width: 100%;
 }
 
 .dp-po-Forms input:focus {
-	border-color: var(--brand-primary);
+  border-color: var(--brand-primary);
 }
 
 .dp-po-Forms.is-valid input {
-	border-color: var(--danger);
+  border-color: var(--danger);
 }
 
 .dp-po-Forms.is-valid input,
 .dp-po-Forms.is-valid input::placeholder {
-	color: var(--danger);
+  color: var(--danger);
 }
 
-.dp-po-Forms input::placeholder { 
-	color: var(--grey); 
+.dp-po-Forms input::placeholder {
+  color: var(--grey);
 }
 
-/*input/search-bar*/
+/* input/search-bar */
 
 .dp-po-Forms input:focus::placeholder,
 .dp-po-Forms.dp-po-Search-bar input:focus::placeholder {
-	color: var(--grey-darkest);
+  color: var(--grey-darkest);
 }
 
 .dp-po-Forms.dp-po-Search-bar input {
-	position: relative;
-	display: flex;
-	flex-direction: row-reverse;
-	border: 1px solid var(--brand-primary);
-	box-shadow: inset 2px 2px 5px rgba(14, 31, 57, 0.15);
-	max-width: 100%;
-	height: 58px;
-	font: var(--h-2);
-	background-color: var(--white);
-	padding-left: 60px;
+  background-color: var(--white);
+  border: 1px solid var(--brand-primary);
+  box-shadow: inset 2px 2px 5px rgba(14, 31, 57, 0.15);
+  display: flex;
+  flex-direction: row-reverse;
+  font: var(--h-2);
+  height: 58px;
+  max-width: 100%;
+  padding-left: 60px;
+  position: relative;
 }
 
 .dp-po-Forms.dp-po-Search-bar input::placeholder {
-	color: var(--grey-dark);
+  color: var(--grey-dark);
 }
 
 .dp-po-Search-bar .dp-po-Icon {
-	position: absolute;
-	left: 16px;
-	top: calc(50% - 16px);
-	background-size: 32px 32px;
-	width: 32px;
-	height: 32px;
+  background-size: 32px 32px;
+  height: 32px;
+  left: 16px;
+  position: absolute;
+  top: calc(50% - 16px);
+  width: 32px;
 }
 
 .dp-po-Search-bar input:focus {
-	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
-	padding-left: 10px;
+  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
+  padding-left: 10px;
 }
 
 .dp-po-Search-bar input:focus + .dp-po-Icon {
-	display: none;
+  display: none;
 }
 
 .dp-po-Searchbar-wrap {
-	width: 100%;
-	max-width: 750px;
-	margin: auto;
-	position: relative;
+  margin: auto;
+  max-width: 750px;
+  position: relative;
+  width: 100%;
 }
 
-/*input/search-bar/small*/
+/* input/search-bar/small */
 
 .dp-po-Search-bar.Search-bar--small input {
-	font: var(--p-xxl);
-	max-width: 400px;
-	height: 39px;
-	padding-left: 40px;
+  font: var(--p-xxl);
+  height: 39px;
+  max-width: 400px;
+  padding-left: 40px;
 }
 
 .dp-po-Search-bar.Search-bar--small .dp-po-Icon {
-	left: 10px;
-	top: calc(50% - 10px);
-	background-size: 21px 21px;
-	width: 21px;
-	height: 21px;
+  background-size: 21px 21px;
+  height: 21px;
+  left: 10px;
+  top: calc(50% - 10px);
+  width: 21px;
 }
 
 .dp-po-Search-bar.Search-bar--small input:focus {
-	padding-left: 10px;
+  padding-left: 10px;
 }
 
-/*Textarea*/
+/* Textarea */
 
 .dp-po-Forms .dp-po-Textarea textarea {
-	border: 2px solid var(--grey);
-	font: var(--p-2);
-	background-color: var(--grey-lightest);
-	border-radius: 4px;
-	outline: none;
-	padding: 10px;
-	position: relative;
-	width: 100%;
-	color: var(--grey);
+  background-color: var(--grey-lightest);
+  border: 2px solid var(--grey);
+  border-radius: 4px;
+  color: var(--grey);
+  font: var(--p-2);
+  outline: none;
+  padding: 10px;
+  position: relative;
+  width: 100%;
 }
 
 .dp-po-Forms .dp-po-Textarea.is-valid textarea {
-	border-color: var(--danger);
-	color: var(--grey-darkest);
+  border-color: var(--danger);
+  color: var(--grey-darkest);
 }
 
 .dp-po-Forms .dp-po-Textarea textarea::placeholder {
-	color: var(--grey);
+  color: var(--grey);
 }
 
 .dp-po-Forms .dp-po-Textarea.is-valid textarea::placeholder,
 .dp-po-Forms .dp-po-Textarea textarea:focus::placeholder {
-	color: var(--grey-darkest);
+  color: var(--grey-darkest);
 }
 
-.dp-po-Textarea.is-valid:before,
-.dp-po-Textarea.is-valid:after{
-	background-color: var(--danger);
+.dp-po-Textarea.is-valid::before,
+.dp-po-Textarea.is-valid::after {
+  background-color: var(--danger);
 }
 
 .Forms--Textarea {
-	max-width: 560px;
-	min-height: 56px;
+  max-width: 560px;
+  min-height: 56px;
 }
 
 .dp-po-Forms .dp-po-Textarea {
-	position: relative;
-	display: inline-block;
-	width: 100%;
+  display: inline-block;
+  position: relative;
+  width: 100%;
 }
 
 .dp-po-Forms .dp-po-Textarea textarea {
-	position: relative;
-	z-index: 1;
-}
-
-.dp-po-Textarea:before{
-	content:"";
-	-webkit-transform: rotate(-45deg);
-	z-index: 2;
-	width: 25px;
-	height: 2px;
-	background-color: var(--grey-light);
-	position: absolute;
-	right: 10px;
-	bottom: 25px;
-	pointer-events: none;
-}
-
-.dp-po-Textarea:after {
-	content:"";
-	height: 0px;
-	width: 0px;
-	-webkit-transform: rotate(-45deg);
-	position: absolute;
-	width: 11px;
-	height: 2px;
-	background-color: var(--grey-light);
-	bottom: 20px;
-	right: 12px;
-	pointer-events: none;
-	z-index: 2;
-	position: absolute;
+  position: relative;
+  z-index: 1;
+}
+
+.dp-po-Textarea::before {
+  background-color: var(--grey-light);
+  bottom: 25px;
+  content: "";
+  height: 2px;
+  pointer-events: none;
+  position: absolute;
+  right: 10px;
+  transform: rotate(-45deg);
+  width: 25px;
+  z-index: 2;
+}
+
+.dp-po-Textarea::after {
+  background-color: var(--grey-light);
+  bottom: 20px;
+  content: "";
+  height: 0;
+  height: 2px;
+  pointer-events: none;
+  position: absolute;
+  position: absolute;
+  right: 12px;
+  transform: rotate(-45deg);
+  width: 0;
+  width: 11px;
+  z-index: 2;
 }
+
 .dp-po-Icon-resizer {
-	height: 10px;
-	width: 10px;
-	background-color: var(--grey-lightest);
-	position: absolute;
-	bottom: 9px;
-	right: 2px;
-	pointer-events: none;
-	z-index: 2;
+  background-color: var(--grey-lightest);
+  bottom: 9px;
+  height: 10px;
+  pointer-events: none;
+  position: absolute;
+  right: 2px;
+  width: 10px;
+  z-index: 2;
 }
 
-
-
-
-
-
-/*login-2/item*/
+/* login-2/item */
 
 .Forms--item-login {
-	display: flex;
-	flex-direction: column-reverse;
-	color: var(--grey);
-	position: relative;
+  color: var(--grey);
+  display: flex;
+  flex-direction: column-reverse;
+  position: relative;
 }
 
 .Forms--item-login input {
-	background-color: var(--white);
-	border: 0;
-	border-bottom: 2px solid var(--grey-light);
-	border-radius: 0;
-	height: 30px;
-	padding: 0;
-	font: var(--p-1);
-	color: var(--grey-darkest);
+  background-color: var(--white);
+  border: 0;
+  border-bottom: 2px solid var(--grey-light);
+  border-radius: 0;
+  color: var(--grey-darkest);
+  font: var(--p-1);
+  height: 30px;
+  padding: 0;
 }
 
 .dp-po-login-title {
-	font: var(--p-2-bold);
+  font: var(--p-2-bold);
 }
 
 .Forms--item-login input:focus + .dp-po-login-title {
-	color: var(--brand-primary);
+  color: var(--brand-primary);
 }
 
-/*focus*/
+/* focus */
 
-.dp-po-Forms .Forms--item-login input:focus + .dp-po-login-title:after {
-	content: "";
-	position: absolute;
-	top: 0;
-	left: -20px;
-	width: 4px;
-	height: 100%;
-	background-color: var(--brand-primary);
+.dp-po-Forms .Forms--item-login input:focus + .dp-po-login-title::after {
+  background-color: var(--brand-primary);
+  content: "";
+  height: 100%;
+  left: -20px;
+  position: absolute;
+  top: 0;
+  width: 4px;
 }
 
-/*validation*/
+/* validation */
 
-.dp-po-Forms.Forms--item-login.is-valid:after {
-	content: "";
-	position: absolute;
-	top: 0;
-	left: -15px;
-	width: 4px;
-	height: 100%;
-	background-color: var(--danger);
+.dp-po-Forms.Forms--item-login.is-valid::after {
+  background-color: var(--danger);
+  content: "";
+  height: 100%;
+  left: -15px;
+  position: absolute;
+  top: 0;
+  width: 4px;
 }
 
 .dp-po-Forms.Forms--item-login.is-valid input:focus + .dp-po-login-title,
 .dp-po-Forms.Forms--item-login.is-valid .dp-po-login-title {
-	color: var(--danger);
+  color: var(--danger);
 }
 
-/*Success*/
+/* Success */
 
 .dp-po-Forms.Forms--item-login.is-success input:focus + .dp-po-login-title,
 .dp-po-Forms.Forms--item-login.is-success .dp-po-login-title {
-	color: var(--success);
+  color: var(--success);
 }
 
-.dp-po-Forms.Forms--item-login.is-success input:focus + .dp-po-login-title:after {
-	display: none;
+.dp-po-Forms.Forms--item-login.is-success input:focus + .dp-po-login-title::after {
+  display: none;
 }
 
 .dp-po-login-title .dp-po-Icon {
-	margin-left: 5px;
+  margin-left: 5px;
 }
 
-/*log in*/
+/* log in */
 
-/*Version 1*/
+/* Version 1 */
 
 .dp-po-Forms.Forms--login {
-	max-width: 300px;
-	box-shadow: var(--shadow-bottom-right);
-	background: var(--white);
-	border: 1.5px solid var(--grey-light);
-	border-radius: 4px;
-	padding: 20px;
+  background: var(--white);
+  border: 1.5px solid var(--grey-light);
+  border-radius: 4px;
+  box-shadow: var(--shadow-bottom-right);
+  max-width: 300px;
+  padding: 20px;
 }
 
 .dp-po-Forms.Forms--login input {
-	margin-bottom: 20px;
+  margin-bottom: 20px;
 }
 
 .dp-po-Forms .dp-po-Button {
-	margin-bottom: 5px;
+  margin-bottom: 5px;
 }
 
 .dp-po-description {
-	color: var(--grey-darkest);
-	font: var(--p-3);
+  color: var(--grey-darkest);
+  font: var(--p-3);
 }
 
 .dp-po-description:hover {
-	color: var(--grey-darkest);
+  color: var(--grey-darkest);
 }
 
 .dp-po-Forms.Forms--login .dp-po-CustomCheckbox {
-	margin: 0 0 10px;
+  margin: 0 0 10px;
 }
 
 .dp-po-Forms.Forms--login .Forms--item-login input {
-	margin-bottom: 0;
+  margin-bottom: 0;
 }
 
 .dp-po-Forms.Forms--login .Forms--item-login {
-	margin-bottom: 10px;
+  margin-bottom: 10px;
 }
 
-/*chekboxes*/
+/* chekboxes */
 
 .dp-po-CustomCheckbox {
-	display: flex;
-	align-items: center;
+  align-items: center;
+  display: flex;
 }
 
 .dp-po-CustomCheckbox input[type="checkbox"] {
-	height: 0;
-	opacity: 0;
-	position: absolute;
-	width: 0;
+  height: 0;
+  opacity: 0;
+  position: absolute;
+  width: 0;
 }
 
 .dp-po-CustomCheckbox input[type="checkbox"] + label {
-	color: var(--grey-darkest);
-	cursor: pointer;
-	font: var(--p-3);
-	line-height: 1;
-	min-height: 12px;
-	min-width: 12px;
-	padding-left: 23px;
-	position: relative;
-	user-select: none;
+  color: var(--grey-darkest);
+  cursor: pointer;
+  font: var(--p-3);
+  line-height: 1;
+  min-height: 12px;
+  min-width: 12px;
+  padding-left: 23px;
+  position: relative;
+  user-select: none;
 }
 
 .dp-po-CustomCheckbox input[type="checkbox"] + label::before {
-	background-color: var(--grey-lightest);
-	border: 1px solid var(--grey-light);
-	border-radius: 0.5px;
-	content: "";
-	display: block;
-	height: 10px;
-	width: 10px;
-	left: 0;
-	position: absolute;
-	top: 0;
+  background-color: var(--grey-lightest);
+  border: 1px solid var(--grey-light);
+  border-radius: 0.5px;
+  content: "";
+  display: block;
+  height: 10px;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 10px;
 }
 
 .dp-po-CustomCheckbox input[type="checkbox"] + label::after {
-	background-image: url('data:image/svg+xml,<svg viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.210449 4.81078C0.034668 4.60758 0.034668 4.26216 0.210449 4.05896L0.307129 3.94721C0.48291 3.74401 0.781738 3.74401 0.95752 3.94721L2.64502 5.89786L7.07471 0.777395C7.25049 0.574202 7.54932 0.574202 7.7251 0.777395L7.82178 0.889151C7.99756 1.09234 7.99756 1.43777 7.82178 1.64097L2.64502 7.625L0.210449 4.81078Z" fill="%233a8dde"/></svg>');
-	background-position: center center;
-	background-repeat: no-repeat;
-	background-size: 50% 50%;
-	content: "";
-	display: block;
-	height: 12px;
-	left: 0;
-	opacity: 0;
-	position: absolute;
-	top: 0;
-	width: 12px;
-	background-size: 8px;
+  background-image: url('data:image/svg+xml,<svg viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.210449 4.81078C0.034668 4.60758 0.034668 4.26216 0.210449 4.05896L0.307129 3.94721C0.48291 3.74401 0.781738 3.74401 0.95752 3.94721L2.64502 5.89786L7.07471 0.777395C7.25049 0.574202 7.54932 0.574202 7.7251 0.777395L7.82178 0.889151C7.99756 1.09234 7.99756 1.43777 7.82178 1.64097L2.64502 7.625L0.210449 4.81078Z" fill="%233a8dde"/></svg>');
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: 50% 50%;
+  background-size: 8px;
+  content: "";
+  display: block;
+  height: 12px;
+  left: 0;
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  width: 12px;
 }
 
 .dp-po-CustomCheckbox input[type="checkbox"]:checked + label::after {
-	opacity: 1;
+  opacity: 1;
 }
 
 .dp-po-CustomCheckbox.dp-EmptyCheckbox input[type="checkbox"] + label {
-	padding-left: 12px;
+  padding-left: 12px;
 }
 
 .dp-po-ControlInput {
-	margin: 0;
+  margin: 0;
 }
 
-/*checkbox-text/medium*/
+/* checkbox-text/medium */
 
 .dp-po-CustomCheckbox.CustomCheckbox--medium input[type="checkbox"] + label {
-	color: var(--grey-dark);
-	font: var(--p-xxl);
-	padding-left: 29px;
+  color: var(--grey-dark);
+  font: var(--p-xxl);
+  padding-left: 29px;
 }
 
 .dp-po-CustomCheckbox.CustomCheckbox--medium input[type="checkbox"] + label::before {
-	height: 18px;
-	width: 18px;
-	border-radius: 4px;
-	background-color: var(--white);
+  background-color: var(--white);
+  border-radius: 4px;
+  height: 18px;
+  width: 18px;
 }
 
 .dp-po-CustomCheckbox.CustomCheckbox--medium input[type="checkbox"] + label::after {
-	width: 19px;
-	height: 19px;
-	background-size: 14px;
+  background-size: 14px;
+  height: 19px;
+  width: 19px;
 }
 
-/*hover*/
+/* hover */
 
 .dp-po-CustomCheckbox.CustomCheckbox--medium {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	padding: 7px 10px 7px 19px;
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  padding: 7px 10px 7px 19px;
 }
 
 .dp-po-CustomCheckbox.CustomCheckbox--medium:hover {
-	background-color: var(--grey-lighter);
+  background-color: var(--grey-lighter);
 }
 
 .dp-po-CustomCheckbox.CustomCheckbox--medium:hover .dp-po-Checkbox-description {
-	display: block;
+  display: block;
 }
 
 .dp-po-Checkbox-description {
-	color: var(--brand-primary);
-	font: var(--p-xl);
-	display: none;
+  color: var(--brand-primary);
+  display: none;
+  font: var(--p-xl);
 }
 
 /* Forms/radiobutton */
 
 .dp-po-RadioWrapper .dp-po-RadioItem {
-	margin-bottom: 15px;
-	display: flex;
-	align-items: center;
+  align-items: center;
+  display: flex;
+  margin-bottom: 15px;
 }
 
 .dp-po-RadioWrapper input[type="radio"] {
-	appearance: none;
-	background-clip: content-box;
-	background-color: var(--white);
-	border: 2px solid var(--grey);
-	border-radius: 100%;
-	content: "";
-	display: inline-block;
-	margin: 0;
-	outline: none;
-	padding: 2px;
-	height: 16px;
-	width: 16px;
+  appearance: none;
+  background-clip: content-box;
+  background-color: var(--white);
+  border: 2px solid var(--grey);
+  border-radius: 100%;
+  content: "";
+  display: inline-block;
+  height: 16px;
+  margin: 0;
+  outline: none;
+  padding: 2px;
+  width: 16px;
 }
 
 .dp-po-RadioWrapper input[type="radio"]:checked {
-	background-color: var(--brand-primary);
+  background-color: var(--brand-primary);
 }
 
 .dp-po-RadioWrapper [type="radio"]:checked + label,
 .dp-po-RadioWrapper [type="radio"]:not(:checked) + label {
-	cursor: pointer;
-	font: var(--h-xl);
-	padding-left: 10px;
-	color: var(--grey-darkest);
+  color: var(--grey-darkest);
+  cursor: pointer;
+  font: var(--h-xl);
+  padding-left: 10px;
 }
 
-/*upload-item*/
+/* upload-item */
 
 .dp-po-Upload {
-	display: flex;
-	align-items: center;
-	color: var(--grey);
-	font-style: italic;
-	font: var(--p-2);
-	border: 2px dashed var(--grey-light);
-	max-width: max-content;
-	padding: 11px 19px;
-	border-radius: 4px;
-	min-width: 345px;
+  align-items: center;
+  border: 2px dashed var(--grey-light);
+  border-radius: 4px;
+  color: var(--grey);
+  display: flex;
+  font: var(--p-2);
+  font-style: italic;
+  max-width: max-content;
+  min-width: 345px;
+  padding: 11px 19px;
 }
 
 .dp-po-Upload-item {
-	background-color: var(--white);
-	color: var(--grey-dark);
-	border-radius: 4px;
-	display: flex;
-	align-items: center;
-	max-width: max-content;
-	font-style: normal;
-	cursor: pointer;
+  align-items: center;
+  background-color: var(--white);
+  border-radius: 4px;
+  color: var(--grey-dark);
+  cursor: pointer;
+  display: flex;
+  font-style: normal;
+  max-width: max-content;
 }
 
 .dp-po-Upload-item label {
-	padding: 10px 12px; 
-	display: flex;
-	align-items: center;
-	cursor: pointer;
+  align-items: center;
+  cursor: pointer;
+  display: flex;
+  padding: 10px 12px;
 }
 
 .dp-po-Upload-item .dp-po-Icon {
-	margin-right: 10px;
+  margin-right: 10px;
 }
 
 .dp-po-Choose-btn {
-	position: relative;
-	border: 2px solid var(--grey-light);
-	margin-right: 10px;
+  border: 2px solid var(--grey-light);
+  margin-right: 10px;
+  position: relative;
 }
 
 .dp-po-Choose-btn .dp-po-Icon {
-	width: 17px;
-	height: 21px;
-	background-size: 17px 21px;
+  background-size: 17px 21px;
+  height: 21px;
+  width: 17px;
 }
 
 .dp-po-Dragdrop-btn {
-	margin-left: 10px;
+  margin-left: 10px;
 }
 
 .dp-po-Choose-btn input {
-	display: none;
-	width: 100%;
-	height: 100%;
+  display: none;
+  height: 100%;
+  width: 100%;
 }
 
-/*is-uploaded*/
+/* is-uploaded */
 
 .dp-po-Upload.is-uploaded  .dp-po-Upload-wrapper {
-	display: none;
+  display: none;
 }
 
 .dp-po-Upload .dp-po-Avatar {
-	position: relative;
+  position: relative;
 }
 
 .dp-po-Upload .dp-po-Avatar-icon {
-	width: 50px;
-	height: 50px;
+  height: 50px;
+  width: 50px;
 }
 
 .dp-po-Upload .dp-po-Avatar .dp-po-Icon {
-	position: absolute;
-	right: 0;
-	bottom: 0;
-	background-color: var(--white);
-	width: 15px;
-	height: 15px;
-	margin: 0;
+  background-color: var(--white);
+  bottom: 0;
+  height: 15px;
+  margin: 0;
+  position: absolute;
+  right: 0;
+  width: 15px;
 }
 
 .dp-po-Upload.is-uploaded .dp-po-Choose-btn {
-	border: 0;
+  border: 0;
 }
 
-/*captcha*/
+/* captcha */
 
 .dp-po-captcha {
-	display: flex;
-	align-items: center;
+  align-items: center;
+  display: flex;
 }
 
 .dp-po-captcha input {
-	border: 2px dashed var(--grey-light);
-	border-radius: 4px;
-	padding: 10px;
-	outline: none;
-	color: var(--grey);
+  border: 2px dashed var(--grey-light);
+  border-radius: 4px;
+  color: var(--grey);
+  outline: none;
+  padding: 10px;
 }
 
 .dp-po-captcha .dp-po-Icon {
-	margin: 0 10px;
+  margin: 0 10px;
 }
 
 .dp-po-captcha .dp-po-Icon + input {
-	border: 2px solid var(--grey-light);
-	background-color: var(--grey-lightest);
+  background-color: var(--grey-lightest);
+  border: 2px solid var(--grey-light);
 }
 
 .dp-po-captcha input::placeholder {
-	color: var(--grey);
-	font: var(--p-2);
+  color: var(--grey);
+  font: var(--p-2);
 }
 
-/*flagged-list-item*/
+/* flagged-list-item */
 
 .dp-po-list.comment--item .dp-po-subtitle {
-	color: var(--grey-darkest);
-	font: var(--h-5-medium);
-	justify-content: space-between;
+  color: var(--grey-darkest);
+  font: var(--h-5-medium);
+  justify-content: space-between;
 }
 
 .comment--item .dp-po-username {
-	display: flex;
-	align-items: center;
-	color: var(--grey-darkest);
-	font: var(--h-5-medium);
+  align-items: center;
+  color: var(--grey-darkest);
+  display: flex;
+  font: var(--h-5-medium);
 }
 
 .comment--item .label--time-box {
-	margin-bottom: 5px;
+  margin-bottom: 5px;
 }
 
 .dp-po-list.comment--item input {
-	background-color: var(--grey-lightest);
-	border: 0;
-	padding: 10px;
-	margin-left: 40px;
+  background-color: var(--grey-lightest);
+  border: 0;
+  margin-left: 40px;
+  padding: 10px;
 }
 
 .dp-po-email {
-	color: var(--grey-dark);
-	font: var(--p-2);
-	margin-left: 5px;
+  color: var(--grey-dark);
+  font: var(--p-2);
+  margin-left: 5px;
 }
 
 .dp-po-email:hover {
-	color: var(--grey-dark);
+  color: var(--grey-dark);
 }
 
 .comment--item .dp-po-Textarea {
-	margin-left: 40px;
+  padding-left: 40px;
 }
 
 .comment--item .dp-po-Avatar-icon {
-	width: 30px;
-	height: 30px;
-	margin-right: 10px;
+  height: 30px;
+  margin-right: 10px;
+  width: 30px;
 }
 
-/*flagged-list-item*/
+/* flagged-list-item */
 
 .dp-po-list.flagged--item {
-	border-left: 2px solid var(--danger);
-	padding-left: 10px;
+  border-left: 2px solid var(--danger);
+  padding-left: 10px;
 }
 
 .dp-po-list.flagged--item .dp-po-title-item {
-	color: var(--white);
-	font: var(--p-n-semibold-caps);
-	background-color: var(--danger);
-	padding: 5px;
-	border-radius: 2px;
-	width: 100%;
-	max-width: 150px;
-	margin-bottom: 8px;
-}
\ No newline at end of file
+  background-color: var(--danger);
+  border-radius: 2px;
+  color: var(--white);
+  font: var(--p-n-semibold-caps);
+  margin-bottom: 8px;
+  max-width: 150px;
+  padding: 5px;
+  width: 100%;
+}
diff --git a/packages/style/src/messenger-components/dp-po-Initiator.css b/packages/style/src/messenger-components/dp-po-Initiator.css
index 59d9a498..bee53eff 100644
--- a/packages/style/src/messenger-components/dp-po-Initiator.css
+++ b/packages/style/src/messenger-components/dp-po-Initiator.css
@@ -1,8 +1,8 @@
 .Icon--initiator,
 .Close--interaction {
-	background-color: var(--brand-primary);
-	width: 60px;
-	height: 60px;
-	border-radius: 50%;
-	cursor: pointer;
-}
\ No newline at end of file
+  background-color: var(--brand-primary);
+  border-radius: 50%;
+  cursor: pointer;
+  height: 60px;
+  width: 60px;
+}
diff --git a/packages/style/src/messenger-components/dp-po-avatars.css b/packages/style/src/messenger-components/dp-po-avatars.css
index bcc3cb55..82d0b93e 100644
--- a/packages/style/src/messenger-components/dp-po-avatars.css
+++ b/packages/style/src/messenger-components/dp-po-avatars.css
@@ -1,28 +1,28 @@
 .dp-po-Avatar-icon {
-	margin-left: 0;
+  margin-left: 0;
 }
 
 .Avatar--circular-xl {
-	width: 60px;
-	height: 60px;
+  height: 60px;
+  width: 60px;
 }
 
 .Avatar--circular-l {
-	width: 44px;
-	height: 44px;
+  height: 44px;
+  width: 44px;
 }
 
 .Avatar--circular-m {
-	width: 32px;
-	height: 32px;
+  height: 32px;
+  width: 32px;
 }
 
-.Avatar--circular-s{
-	width: 22px;
-	height: 22px;
+.Avatar--circular-s {
+  height: 22px;
+  width: 22px;
 }
 
 .Avatar--square-xs {
-	width: 18px;
-	height: 18px;
-}
\ No newline at end of file
+  height: 18px;
+  width: 18px;
+}
diff --git a/packages/style/src/messenger-components/dp-po-buttons.css b/packages/style/src/messenger-components/dp-po-buttons.css
index cc66f17a..96e0be9e 100644
--- a/packages/style/src/messenger-components/dp-po-buttons.css
+++ b/packages/style/src/messenger-components/dp-po-buttons.css
@@ -1,16 +1,16 @@
 .Button--large.Button--messenger {
+  font: var(--messenger-b-1);
   max-height: 36px;
   min-width: 318px;
   padding: 0;
-  font: var(--messenger-b-1);
 }
 
 .Button--medium.Button--messenger {
-  min-width: 282px;
-  color: var(--grey-darkest);
-  font: var(--messenger-b-2);
   background-color: var(--white);
   border: 1.5px solid var(--brand-primary);
+  color: var(--grey-darkest);
+  font: var(--messenger-b-2);
+  min-width: 282px;
 }
 
 .Button--medium.Button--messenger:hover {
@@ -24,30 +24,30 @@
 
 .dp-po-Button.Button--danger {
   background-color: var(--danger);
-  color: var(--white);
   border: none;
+  color: var(--white);
   font: var(--messenger-b-2);
 }
 
 .dp-po-Button.Button--danger:hover {
-  background-color: rgba(232, 73, 84, .7);
+  background-color: rgba(232, 73, 84, 0.7);
 }
 
 .dp-po-Button.Button--success {
   background-color: var(--success);
-  color: var(--white);
   border: none;
+  color: var(--white);
   font: var(--messenger-b-2);
 }
 
 .dp-po-Button.Button--success:hover {
-  background-color: rgba(84, 177, 98, .7);
+  background-color: rgba(84, 177, 98, 0.7);
 }
 
 .dp-po-Button.Button--xsmall {
   font: var(--messenger-b-2);
-  min-width: 94px;
   max-height: 36px;
+  min-width: 94px;
 }
 
 .dp-po-Button.Button--ghost,
@@ -60,7 +60,7 @@
 }
 
 .dp-po-Button.Button--ghost.Button--danger:hover {
-  color: rgba(232, 73, 84, .7);
+  color: rgba(232, 73, 84, 0.7);
 }
 
 .dp-po-Button.Button--ghost.Button--success {
@@ -68,5 +68,5 @@
 }
 
 .dp-po-Button.Button--ghost.Button--success:hover {
-  color: rgba(84, 177, 98, .7);
-}
\ No newline at end of file
+  color: rgba(84, 177, 98, 0.7);
+}
diff --git a/packages/style/src/messenger-components/dp-po-cards.css b/packages/style/src/messenger-components/dp-po-cards.css
index 31385ec1..928e4fa0 100644
--- a/packages/style/src/messenger-components/dp-po-cards.css
+++ b/packages/style/src/messenger-components/dp-po-cards.css
@@ -1,79 +1,83 @@
 .dp-po-card.Card--messenger {
-	padding: 20px;
-	background-color: var(--white);
-	box-shadow: var(--shadow-bottom);
-	border-radius: 4px;
+  background-color: var(--white);
+  border-radius: 4px;
+  box-shadow: var(--shadow-bottom);
+  padding: 20px;
 }
 
 .Card--messenger .dp-po-card-title {
-	border-radius: 0;
-	background-color: transparent;
-	font: var(--messenger-h-2);
-	border-bottom: 2px solid var(--brand-primary);
+  background-color: transparent;
+  border-bottom: 2px solid var(--brand-primary);
+  border-radius: 0;
+  font: var(--messenger-h-2);
 }
 
 .Card--messenger.Card-medium .dp-po-card-title {
-	border-bottom: 2px solid var(--grey);
+  border-bottom: 2px solid var(--grey);
 }
 
 .dp-po-Main-frame {
-	display: flex;
-	background-color: var(--grey-lightest);
-	box-shadow: var(--shadow-bottom);
-	border-radius: 4px;
-	width: 100%;
-	max-width: 380px;
-	height: 540px;
+  background-color: var(--grey-lightest);
+  border-radius: 4px;
+  box-shadow: var(--shadow-bottom);
+  display: flex;
+  height: 540px;
+  max-width: 380px;
+  width: 100%;
 }
 
 .dp-po-frame-copyright {
-	position: relative;
-	display: flex;
-	justify-content: center;
-	color: var(--grey-dark);
-	font: var(--messenger-p-3);
-	margin: auto auto 0;
-	width: 80%;
+  align-items: center;
+  color: var(--grey-dark);
+  display: flex;
+  font: var(--messenger-p-3);
+  justify-content: center;
+  margin: auto auto 0;
+  position: relative;
+  width: 80%;
 }
 
-.dp-po-frame-copyright:before,
-.dp-po-frame-copyright:after {
-	content: '';
-	position: absolute;
-	display: block;
-	top: 7.5px;
-	width: 68px;
-	height: 1px;
-	background-color: var(--grey-light);
+.dp-po-frame-copyright::before,
+.dp-po-frame-copyright::after {
+  background-color: var(--grey-light);
+  content: "";
+  display: block;
+  height: 1px;
+  position: absolute;
+
+  /* top: 7.5px; */
+  top: 50%;
+  width: 68px;
 }
 
-.dp-po-frame-copyright:before {
-	left: 0;
+.dp-po-frame-copyright::before {
+  left: 0;
 }
 
-.dp-po-frame-copyright:after {
-	right: 0;
+.dp-po-frame-copyright::after {
+  right: 0;
 }
 
 .dp-po-frame-copyright .dp-po-Icon {
-	width: 20px;
-	height: 20px;
-	background-size: 19px 20px;
+  background-size: 19px 20px;
+  height: 20px;
+  width: 20px;
 }
 
 .dp-po-copyright-deskpro {
-	color: #1D3E55;
-	display: flex;
-	position: relative;
-	padding-left: 20px;
+  align-items: center;
+  color: #1d3e55;
+  display: flex;
+  padding-left: 20px;
+  position: relative;
 }
 
-.dp-po-copyright-deskpro:after {
-	position: absolute;
-	content: '';
-	left: 10px;
-	top: 0;
-	width: 1px;
-	height: 80%;
-	background-color: var(--grey-light);
+.dp-po-copyright-deskpro::after {
+  background-color: var(--grey-light);
+  content: "";
+  height: 80%;
+  left: 10px;
+  position: absolute;
+  top: 0;
+  width: 1px;
 }
diff --git a/packages/style/src/patterns/guides.css b/packages/style/src/patterns/guides.css
index ac13578b..99b2f7a1 100644
--- a/packages/style/src/patterns/guides.css
+++ b/packages/style/src/patterns/guides.css
@@ -1,121 +1,119 @@
 .dp-po-Guides {
-	border: 2px solid var(--grey-light);
-	border-radius: 6px;
-	max-width: 300px;
+  border: 2px solid var(--grey-light);
+  border-radius: 6px;
+  max-width: 300px;
 }
 
 .dp-po-Guides-title {
-	background-color: var(--info-light);
-	border-radius: 5px 5px 0px 0px;
-	border-bottom: 1px solid var(--grey-light);
-	padding: 20px;
-	z-index: 1;
-	position: relative;
+  background-color: var(--info-light);
+  border-bottom: 1px solid var(--grey-light);
+  border-radius: 5px 5px 0 0;
+  padding: 20px;
+  position: relative;
+  z-index: 1;
 }
 
 .dp-po-Guides-content {
-	padding: 20px 20px 0;
-	color: var(--grey-darkest);
-	font: var(--p-1);
+  color: var(--grey-darkest);
+  font: var(--p-1);
+  padding: 20px 20px 0;
 }
 
 .dp-po-Form {
-	border-bottom: 1px solid var(--grey);
-	padding: 0 0 20px;
+  border-bottom: 1px solid var(--grey);
+  padding: 0 0 20px;
 }
 
 .dp-po-Guides-select {
-	position: relative;
+  position: relative;
 }
 
 .dp-po-Guides-select select {
-	width: 100%;
-	border: none;
-	color: var(--grey-darkest);
-	font: var(--b-1-semibold);
-	background: var(--grey-lighter);
-	border-radius: 4px;
-	padding: 7px 10px;
-	outline: none;
-	-webkit-appearance: none;
-	-moz-appearance: none;
-	appearance: none;
-}
-
-.dp-po-Guides-select:before {
-	content: "";
-	position: absolute;
-	width: 30px;
-	height: 100%;
-	right: 0;
-	top: 0;
-	cursor: pointer;
-	background: url('data:image/svg+xml,<svg width="15" height="9" viewBox="0 0 15 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.225 8.9L14.225 1.6C14.525 1.2 14.525 0.7 14.225 0.3C13.925 -0.1 13.325 -0.1 13.025 0.3L7.225 6.3L1.425 0.3C1.125 -0.1 0.525 -0.1 0.225 0.3C-0.075 0.7 -0.075 1.2 0.225 1.6L7.225 8.9Z" fill="%23FFFFFF"/></svg>') no-repeat center;
-	z-index: 2;
-}
-
-.dp-po-Guides-select:after {
-	background-color: var(--brand-primary);
-	content: "";
-	position: absolute;
-	width: 30px;
-	height: 100%;
-	right: 0;
-	top: 0;
-	z-index: 1;
-	border-left: 2px solid var(--white);
+  appearance: none;
+  background: var(--grey-lighter);
+  border: none;
+  border-radius: 4px;
+  color: var(--grey-darkest);
+  font: var(--b-1-semibold);
+  outline: none;
+  padding: 7px 10px;
+  width: 100%;
+}
+
+.dp-po-Guides-select::before {
+  background: url('data:image/svg+xml,<svg width="15" height="9" viewBox="0 0 15 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.225 8.9L14.225 1.6C14.525 1.2 14.525 0.7 14.225 0.3C13.925 -0.1 13.325 -0.1 13.025 0.3L7.225 6.3L1.425 0.3C1.125 -0.1 0.525 -0.1 0.225 0.3C-0.075 0.7 -0.075 1.2 0.225 1.6L7.225 8.9Z" fill="%23FFFFFF"/></svg>') no-repeat center;
+  content: "";
+  cursor: pointer;
+  height: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 30px;
+  z-index: 2;
+}
+
+.dp-po-Guides-select::after {
+  background-color: var(--brand-primary);
+  border-left: 2px solid var(--white);
+  content: "";
+  height: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 30px;
+  z-index: 1;
 }
 
 .dp-po-Guides-content .dp-po-Link {
-	padding: 20px 0;
+  padding: 20px 0;
 }
 
 .dp-po-News-wrapper.dp-po-card-atom {
-	background-color: var(--grey-lightest);
-	padding: 0;
+  background-color: var(--grey-lightest);
+  padding: 0;
 }
 
 .dp-po-News-wrapper.dp-po-card-atom .dp-po-News {
-	justify-content: space-between;
-	align-items: center;
-	padding: 10px;
-	border-bottom: 1px solid var(--grey-light);
-	background-color: var(--grey-lightest);
+  align-items: center;
+  background-color: var(--grey-lightest);
+  border-bottom: 1px solid var(--grey-light);
+  justify-content: space-between;
+  padding: 10px;
 }
 
 .dp-po-News-wrapper.dp-po-card-atom .dp-calendar {
-	display: flex;
-	border: 0;
-	background-color: transparent;
+  background-color: transparent;
+  border: 0;
+  display: flex;
 }
 
 .dp-po-News-wrapper.dp-po-card-atom .dp-calendar li {
-	border: 0;
-	padding: 0;
+  border: 0;
+  padding: 0;
 }
 
 .dp-po-News-wrapper.dp-po-card-atom .dp-po-News-content {
-	display: block;
-	margin: 0;
-	padding: 10px;
+  display: block;
+  margin: 0;
+  padding: 10px;
 }
 
 .dp-po-News-wrapper.dp-po-card-atom {
-	background-color: var(--white);
+  background-color: var(--white);
 }
 
 .dp-po-News-wrapper.dp-po-card-atom .dp-po-title-item {
-	font: var(--h-5-semibold);
-	margin-bottom: 10px;
+  font: var(--h-5-semibold);
+  margin-bottom: 10px;
 }
 
 .dp-po-News-wrapper.dp-po-card-atom .dp-po-txt {
-	font: var(--p-1);
-	margin: 10px 0 0;
+  font: var(--p-1);
+  margin: 10px 0 0;
 }
 
 .dp-po-News-wrapper.dp-po-card-atom .dp-po-Avatar {
-	border-top: 1px solid var(--grey);
-	padding-top: 11px;
-	margin-top: 25px;
-}
\ No newline at end of file
+  border-top: 1px solid var(--grey);
+  margin-top: 25px;
+  padding-top: 11px;
+}
diff --git a/packages/style/src/patterns/news.css b/packages/style/src/patterns/news.css
index 58d70942..3e36c666 100644
--- a/packages/style/src/patterns/news.css
+++ b/packages/style/src/patterns/news.css
@@ -1,152 +1,152 @@
 .dp-po-News-wrapper {
-	border: 2px solid var(--grey-light);
-	border-radius: 6px;
-	padding: 10px;
+  border: 2px solid var(--grey-light);
+  border-radius: 6px;
+  padding: 10px;
 }
 
 .dp-po-News-wrapper.is-active {
-	border: 2px solid var(--brand-primary);
+  border: 2px solid var(--brand-primary);
 }
 
 .dp-po-News {
-	display: flex;
+  display: flex;
 }
 
 .dp-po-News .dp-po-list {
-	flex: 0 1 100%;
+  flex: 0 1 100%;
 }
 
 .dp-po-News .dp-po-right-part {
-	display: flex;
-	flex-direction: column;
-	justify-content: space-between;
-	align-items: flex-end;
+  align-items: flex-end;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
 }
 
 .dp-po-News .dp-calendar {
-	margin-right: 10px;
-	flex: 0 0 auto;
+  flex: 0 0 auto;
+  margin-right: 10px;
 }
 
 .dp-po-News .dp-po-title-item {
-	font: var(--h-3--medium);
-	color: var(--grey-darkest);
-	margin-bottom: 2px;
+  color: var(--grey-darkest);
+  font: var(--h-3--medium);
+  margin-bottom: 2px;
 }
 
 .dp-po-News .dp-po-subtitle {
-	font: var(--h-6);
-	color: var(--grey-darkest);
+  color: var(--grey-darkest);
+  font: var(--h-6);
 }
 
 .dp-po-News .dp-po-list input {
-	border-bottom: none;
-	padding: 5px 0 0;
+  border-bottom: none;
+  padding: 5px 0 0;
 }
 
 .dp-po-News .dp-po-list input::placeholder {
-	color: var(--grey-darkest);
-	font: var(--p-1);
+  color: var(--grey-darkest);
+  font: var(--p-1);
 }
 
 .dp-po-News + .dp-po-arrow {
-	display: flex;
-	margin: -15px 0px 0px auto;
+  display: flex;
+  margin: -15px 0 0 auto;
 }
 
 .dp-po-News-wrapper .dp-po-News-content {
-	margin-left: 103px;
-	color: var(--grey-darkest);
-	font: var(--p-2);
-	display: none;
+  color: var(--grey-darkest);
+  display: none;
+  font: var(--p-2);
+  margin-left: 103px;
 }
 
 .dp-po-arrow.is-active + .dp-po-News-content {
-	display: block;
+  display: block;
 }
 
 .dp-po-News-wrapper .dp-po-title {
-	font: var(--h-3--medium);
+  font: var(--h-3--medium);
 }
 
 .dp-po-article-title {
-	color: var(--grey-darkest);
-	font: var(--mh-3-medium);
-	position: relative;
-	display: flex;
-	margin: 20px 0;
+  color: var(--grey-darkest);
+  display: flex;
+  font: var(--mh-3-medium);
+  margin: 20px 0;
+  position: relative;
 }
 
-.dp-po-article-title:after {
-	position: absolute;
-	right: 0;
-	left: 0;
-	top: calc(50% - 2px);
-	content: "";
-	background-color: var(--brand-primary);
-	width: 100%;
-	height: 1px;
+.dp-po-article-title::after {
+  background-color: var(--brand-primary);
+  content: "";
+  height: 1px;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: calc(50% - 2px);
+  width: 100%;
 }
 
 .dp-po-text-part {
-	background-color: var(--white);
-	z-index: 2;
-	padding-right: 5px;
+  background-color: var(--white);
+  padding-right: 5px;
+  z-index: 2;
 }
 
 .dp-po-article-wrap .dp-po-buttons-wrap {
-	display: flex;
-	align-items: center;
-	justify-content: center;
+  align-items: center;
+  display: flex;
+  justify-content: center;
 }
 
 .dp-po-article-wrap .Button--success {
-	color: var(--success);
-	background-color: transparent;
-	border: 1.5px solid var(--success);
+  background-color: transparent;
+  border: 1.5px solid var(--success);
+  color: var(--success);
 }
 
 .dp-po-article-wrap .Button--danger {
-	color: var(--danger);
-	background-color: transparent;
-	border: 1.5px solid var(--danger);
+  background-color: transparent;
+  border: 1.5px solid var(--danger);
+  color: var(--danger);
 }
 
 .dp-po-article-wrap .dp-po-Button .dp-po-Icon {
-	background-size: 12px;
-	margin-right: 5px;
+  background-size: 12px;
+  margin-right: 5px;
 }
 
 .dp-po-article-wrap .dp-po-Button:hover {
-	background-color: transparent;
+  background-color: transparent;
 }
 
 .dp-po-article-wrap .dp-po-Button + .dp-po-Button {
-	margin-left: 20px;
+  margin-left: 20px;
 }
 
 .dp-po-article-wrap .dp-po-description {
-	display: flex;
-	justify-content: center;
-	color: var(--grey-dark);
-	font: var(--p-2);
-	padding: 20px 0 0;
+  color: var(--grey-dark);
+  display: flex;
+  font: var(--p-2);
+  justify-content: center;
+  padding: 20px 0 0;
 }
 
 .dp-po-article-title ~ .dp-po-Link {
-	font: var(--p-1);
-	line-height: 2;
+  font: var(--p-1);
+  line-height: 2;
 }
 
 .article--comments .dp-po-Icon {
-	margin: 0 0 0 auto;
-	padding: 14px;
-	background-color: var(--grey-lightest);
-	border-radius: 50%;
-	z-index: 1;
-	cursor: pointer;
+  background-color: var(--grey-lightest);
+  border-radius: 50%;
+  cursor: pointer;
+  margin: 0 0 0 auto;
+  padding: 14px;
+  z-index: 1;
 }
 
-.article--comments.dp-po-article-title:after {
-	width: calc(100% - 35px);
+.article--comments.dp-po-article-title::after {
+  width: calc(100% - 35px);
 }
diff --git a/packages/style/src/patterns/patterns.css b/packages/style/src/patterns/patterns.css
index f07240db..25395beb 100644
--- a/packages/style/src/patterns/patterns.css
+++ b/packages/style/src/patterns/patterns.css
@@ -1,159 +1,159 @@
 .dp-po-Dropdown-container.Dropdown--filter .dp-po-dropdown-atom {
-	font: var(--h-5-medium);
-	color: var(--grey-dark);
-	position: relative;
-	padding: 15px 19px 5px;
+  color: var(--grey-dark);
+  font: var(--h-5-medium);
+  padding: 15px 19px 5px;
+  position: relative;
 }
 
 .dp-po-Dropdown-container.Dropdown--filter {
-	max-width: 300px;
+  max-width: 300px;
 }
 
-.Dropdown--filter .dp-po-dropdown-atom:after {
-	position: absolute;
-	content: "";
-	left: 0;
-	top: calc(50% - 8px);
-	background-color: var(--brand-primary);
-	width: 2px;
-	height: 16px;
+.Dropdown--filter .dp-po-dropdown-atom::after {
+  background-color: var(--brand-primary);
+  content: "";
+  height: 16px;
+  left: 0;
+  position: absolute;
+  top: calc(50% - 8px);
+  width: 2px;
 }
 
 .Dropdown--filter .dp-po-CustomCheckbox {
-	padding: 0;
+  padding: 0;
 }
 
 .Dropdown--filter .dp-po-dropdown-menu {
-	padding: 0 0 15px;
+  padding: 0 0 15px;
 }
 
 .Dropdown--filter .dp-po-dropdown-menu .dp-po-dropdown-menu-item {
-	padding: 5px 19px;
-	background-color: transparent;
+  background-color: transparent;
+  padding: 5px 19px;
 }
 
 .Dropdown--filter .dp-po-dropdown-menu .dp-po-dropdown-menu-item:first-child {
-	cursor: default;
+  cursor: default;
 }
 
 .Dropdown--filter .dp-po-CustomCheckbox:hover {
-	background-color: transparent;
+  background-color: transparent;
 }
 
 .dp-po-dropdown-menu-item {
-	font: var(--p-2);
-	color: var(--grey-dark);
+  color: var(--grey-dark);
+  font: var(--p-2);
 }
 
 .Dropdown--filter .dp-po-filter-link {
-	color: var(--grey-dark);
-	position: relative;
+  color: var(--grey-dark);
+  position: relative;
 }
 
 .dp-po-filter-link.is-active {
-	color: var(--brand-primary);
-	text-decoration: underline;
+  color: var(--brand-primary);
+  text-decoration: underline;
 }
 
 .Dropdown--filter .dp-po-filter-link + .dp-po-filter-link {
-	padding-left: 15px;
+  padding-left: 15px;
 }
 
-.Dropdown--filter .dp-po-filter-link + .dp-po-filter-link:after {
-	content: "";
-	position: absolute;
-	top: 0;
-	left: 5px;
-	width: 1px;
-	height: 100%;
-	background-color: var(--grey-dark);
+.Dropdown--filter .dp-po-filter-link + .dp-po-filter-link::after {
+  background-color: var(--grey-dark);
+  content: "";
+  height: 100%;
+  left: 5px;
+  position: absolute;
+  top: 0;
+  width: 1px;
 }
 
 .Dropdown--filter .dp-po-filter-link:hover {
-	color: var(--brand-primary);
-	text-decoration: underline;
+  color: var(--brand-primary);
+  text-decoration: underline;
 }
 
-/*filter/select-date*/
+/* filter/select-date */
 
 .Dropdown--select-date {
-	overflow: hidden;
+  overflow: hidden;
 }
 
 .Dropdown--select-date .dp-po-dropdown-menu-item {
-	display: flex;
+  display: flex;
 }
 
 .Dropdown--select-date .dp-po-dropdown-menu-item span {
-	flex: 0 0 30%;
-	position: relative;
+  flex: 0 0 30%;
+  position: relative;
 }
 
 .Dropdown--select-date .dp-po-dropdown-menu-item span:first-child {
-	flex: 0 0 40%;
+  flex: 0 0 40%;
 }
 
 .Dropdown--select-date .dp-po-dropdown-menu {
-	position: relative;
+  position: relative;
 }
 
-.Dropdown--select-date .dp-po-dropdown-menu:after {
-	position: absolute;
-	content: "";
-	top: 8px;
-	left: 85px;
-	height: 85%;
-	width: 1px;
-	background-color: var(--grey-light);
+.Dropdown--select-date .dp-po-dropdown-menu::after {
+  background-color: var(--grey-light);
+  content: "";
+  height: 85%;
+  left: 85px;
+  position: absolute;
+  top: 8px;
+  width: 1px;
 }
 
 .Dropdown--select-date .dp-po-dropdown-menu .dp-po-dropdown-menu-item:hover {
-	color: var(--grey-dark);
+  color: var(--grey-dark);
 }
 
 .Dropdown--select-date .dp-po-dropdown-menu-item .is-active {
-	color: var(--brand-primary);
-	font: var(--p-2-bold);
+  color: var(--brand-primary);
+  font: var(--p-2-bold);
 }
 
 .Dropdown--filter .dp-po-count {
-	background-color: var(--white);
-	font: var(--p-3);
-	color: var(--grey-darkest);
-	border-radius: 8px;
-	padding: 0 4px;
-	margin-left: 10px;
+  background-color: var(--white);
+  border-radius: 8px;
+  color: var(--grey-darkest);
+  font: var(--p-3);
+  margin-left: 10px;
+  padding: 0 4px;
 }
 
-/*filter/reset-category*/
+/* filter/reset-category */
 
 .Dropdown--Select-type .dp-po-filter-link {
-	color: var(--brand-primary);
-	text-orientation: none;
+  color: var(--brand-primary);
+  text-orientation: none;
 }
 
 .Dropdown--Select-type .dp-po-filter-link:hover {
-	text-decoration: none;
+  text-decoration: none;
 }
 
 .Dropdown--Select-type .dp-po-dropdown-menu-item {
-	margin-bottom: 10px;
+  margin-bottom: 10px;
 }
 
 .Dropdown--Select-type .dp-po-dropdown-menu {
-	padding-top: 10px;
+  padding-top: 10px;
 }
 
 .Dropdown--Select-type .dp-po-dropdown-menu-item:not(:first-child) {
-	color: var(--grey-dark);
-	font: var(--p-3-bold);
+  color: var(--grey-dark);
+  font: var(--p-3-bold);
 }
 
 .Dropdown--Select-type .dp-po-dropdown-menu-item:hover {
-	color: var(--grey-dark);
-	cursor: default;
+  color: var(--grey-dark);
+  cursor: default;
 }
 
 .dp-po-dropdown-menu-item .dp-po-filter {
-	margin-bottom: 10px;
+  margin-bottom: 10px;
 }
diff --git a/packages/style/src/vars.css b/packages/style/src/vars.css
index f2e891af..674f54ce 100644
--- a/packages/style/src/vars.css
+++ b/packages/style/src/vars.css
@@ -79,7 +79,7 @@
   --is-uppercase: uppercase;
   --is-italic: italic;
 
-/*Header sizes*/
+  /* Header sizes */
 
   --font-H1: 36px;
   --font-H2: 23px;
@@ -97,41 +97,41 @@
   --h-5-semibold: var(--is-semibold) var(--font-H5)/var(--line-height-base) "Rubik", sans-serif;
   --h-6: var(--is-regular) var(--font-H6)/var(--line-height-base) "Rubik", sans-serif;
 
-/*Body sizes*/
+  /* Body sizes */
 
---font-p1: 18px;
---font-p2: 15px;
---font-p3: 12px;
+  --font-p1: 18px;
+  --font-p2: 15px;
+  --font-p3: 12px;
 
---p-1: var(--is-regular) var(--font-p1)/var(--line-height-base) "Lato", sans-serif;
---p-2: var(--is-regular) var(--font-p2)/var(--line-height-base) "Lato", sans-serif;
---p-2-medium: var(--is-medium) var(--font-p2)/var(--line-height-base) "Lato", sans-serif;
---p-2-bold: var(--is-bold) var(--font-p2)/var(--line-height-base) "Lato", sans-serif;
---p-3: var(--is-regular) var(--font-p3)/var(--line-height-base) "Lato", sans-serif;
---p-3-semibold: var(--is-semibold) var(--font-p3)/var(--line-height-base) "Lato", sans-serif;
---p-3-bold: var(--is-bold) var(--font-p3)/var(--line-height-base) "Lato", sans-serif;
+  --p-1: var(--is-regular) var(--font-p1)/var(--line-height-base) "Lato", sans-serif;
+  --p-2: var(--is-regular) var(--font-p2)/var(--line-height-base) "Lato", sans-serif;
+  --p-2-medium: var(--is-medium) var(--font-p2)/var(--line-height-base) "Lato", sans-serif;
+  --p-2-bold: var(--is-bold) var(--font-p2)/var(--line-height-base) "Lato", sans-serif;
+  --p-3: var(--is-regular) var(--font-p3)/var(--line-height-base) "Lato", sans-serif;
+  --p-3-semibold: var(--is-semibold) var(--font-p3)/var(--line-height-base) "Lato", sans-serif;
+  --p-3-bold: var(--is-bold) var(--font-p3)/var(--line-height-base) "Lato", sans-serif;
 
-/*Button sizes*/
+  /* Button sizes */
 
---font-b1: 14px;
---font-b2: 12px;
---font-b3: 10px;
+  --font-b1: 14px;
+  --font-b2: 12px;
+  --font-b3: 10px;
 
---b-1-semibold: var(--is-semibold) var(--font-b1)/var(--line-height-base) "Lato", sans-serif;
---b-2: var(--is-regular) var(--font-b2)/var(--line-height-base) "Lato", sans-serif;
---b-2-semibold: var(--is-semibold) var(--font-b2)/var(--line-height-base) "Lato", sans-serif;
---b-3: var(--is-regular) var(--font-b3)/var(--line-height-base) "Open Sans", sans-serif;
---b-3-semibold: var(--is-semibold) var(--font-b3)/var(--line-height-base) "Open Sans", sans-serif;
+  --b-1-semibold: var(--is-semibold) var(--font-b1)/var(--line-height-base) "Lato", sans-serif;
+  --b-2: var(--is-regular) var(--font-b2)/var(--line-height-base) "Lato", sans-serif;
+  --b-2-semibold: var(--is-semibold) var(--font-b2)/var(--line-height-base) "Lato", sans-serif;
+  --b-3: var(--is-regular) var(--font-b3)/var(--line-height-base) "Open Sans", sans-serif;
+  --b-3-semibold: var(--is-semibold) var(--font-b3)/var(--line-height-base) "Open Sans", sans-serif;
 
-/*Inline Text*/
+  /* Inline Text */
 
---font-s2: 12px;
+  --font-s2: 12px;
 
---s-2: var(--is-regular) var(--font-s2)/var(--line-height-base) "Lato", sans-serif;
+  --s-2: var(--is-regular) var(--font-s2)/var(--line-height-base) "Lato", sans-serif;
 
-/* Mobile fonts */
+  /* Mobile fonts */
 
-/*Header sizes*/
+  /* Header sizes */
 
   --font-MH1: 26px;
   --font-MH2: 22px;
@@ -142,68 +142,68 @@
   --mh-3: var(--is-regular) var(--font-MH3)/var(--line-height-base) "Rubik", sans-serif;
   --mh-3-medium: var(--is-medium) var(--font-MH3)/var(--line-height-base) "Rubik", sans-serif;
 
-/*Body sizes*/
+  /* Body sizes */
 
---font-mp1: 16px;
---font-mp2: 15px;
+  --font-mp1: 16px;
+  --font-mp2: 15px;
 
---mp-1: var(--is-regular) var(--font-mp1)/var(--line-height-base) "Lato", sans-serif;
---mp-1-bold: var(--is-bold) var(--font-mp2)/var(--line-height-base) "Lato", sans-serif;
---mp-2-medium: var(--is-medium) var(--font-mp2)/var(--line-height-base) "Lato", sans-serif;
+  --mp-1: var(--is-regular) var(--font-mp1)/var(--line-height-base) "Lato", sans-serif;
+  --mp-1-bold: var(--is-bold) var(--font-mp2)/var(--line-height-base) "Lato", sans-serif;
+  --mp-2-medium: var(--is-medium) var(--font-mp2)/var(--line-height-base) "Lato", sans-serif;
 
-/*Messenger Typography*/
+  /* Messenger Typography */
 
-/*Header sizes*/
+  /* Header sizes */
 
---m-H1: 28px;
---m-H2: 18px;
---m-H3: 16px;
+  --m-H1: 28px;
+  --m-H2: 18px;
+  --m-H3: 16px;
 
---messenger-h-1: var(--is-regular) var(--m-H1)/var(--line-height-base) "Rubik", sans-serif;
---messenger-h-2: var(--is-regular) var(--m-H2)/var(--line-height-base) "Rubik", sans-serif;
---messenger-h-3-medium: var(--is-medium) var(--m-H3)/var(--line-height-base) "Rubik", sans-serif;
+  --messenger-h-1: var(--is-regular) var(--m-H1)/var(--line-height-base) "Rubik", sans-serif;
+  --messenger-h-2: var(--is-regular) var(--m-H2)/var(--line-height-base) "Rubik", sans-serif;
+  --messenger-h-3-medium: var(--is-medium) var(--m-H3)/var(--line-height-base) "Rubik", sans-serif;
 
-/*Messenger Body sizes*/
+  /* Messenger Body sizes */
 
---m-p1: 16px;
---m-p2: 14px;
---m-p3: 12px;
+  --m-p1: 16px;
+  --m-p2: 14px;
+  --m-p3: 12px;
 
---messenger-p-1: var(--is-regular) var(--m-p1)/var(--line-height-base) "Rubik", sans-serif;
---messenger-p-2: var(--is-regular) var(--m-p2)/var(--line-height-base) "Rubik", sans-serif;
---messenger-p-2-medium: var(--is-medium) var(--m-p2)/var(--line-height-base) "Rubik", sans-serif;
---messenger-p-3: var(--is-regular) var(--m-p3)/var(--line-height-base) "Rubik", sans-serif;
+  --messenger-p-1: var(--is-regular) var(--m-p1)/var(--line-height-base) "Rubik", sans-serif;
+  --messenger-p-2: var(--is-regular) var(--m-p2)/var(--line-height-base) "Rubik", sans-serif;
+  --messenger-p-2-medium: var(--is-medium) var(--m-p2)/var(--line-height-base) "Rubik", sans-serif;
+  --messenger-p-3: var(--is-regular) var(--m-p3)/var(--line-height-base) "Rubik", sans-serif;
 
-/*Messenger Button sizes*/
+  /* Messenger Button sizes */
 
---m-b1: 16px;
---m-b2: 14px;
---m-b3: 12px;
+  --m-b1: 16px;
+  --m-b2: 14px;
+  --m-b3: 12px;
 
---messenger-b-1: var(--is-regular) var(--m-b1)/var(--line-height-base) "Rubik", sans-serif;
---messenger-b-2: var(--is-regular) var(--m-b2)/var(--line-height-base) "Rubik", sans-serif;
---messenger-b-3: var(--is-regular) var(--m-b3)/var(--line-height-base) "Rubik", sans-serif;
+  --messenger-b-1: var(--is-regular) var(--m-b1)/var(--line-height-base) "Rubik", sans-serif;
+  --messenger-b-2: var(--is-regular) var(--m-b2)/var(--line-height-base) "Rubik", sans-serif;
+  --messenger-b-3: var(--is-regular) var(--m-b3)/var(--line-height-base) "Rubik", sans-serif;
 
-/*Messenger Inline Text and Captions*/
+  /* Messenger Inline Text and Captions */
 
---it-small: 16px;
+  --it-small: 16px;
 
---messenger-it-small: var(--is-regular) var(--it-small)/var(--line-height-base) "Rubik", sans-serif;
+  --messenger-it-small: var(--is-regular) var(--it-small)/var(--line-height-base) "Rubik", sans-serif;
 
-/*Messenger Suggeted text*/
+  /* Messenger Suggeted text */
 
---m-s1: 16px;
+  --m-s1: 16px;
 
---messenger-s-1: var(--is-regular) var(--m-s1)/var(--line-height-base) "Rubik", sans-serif;
+  --messenger-s-1: var(--is-regular) var(--m-s1)/var(--line-height-base) "Rubik", sans-serif;
 
-/* Deskpro Shadows */
---shadow-bottom: 0 5px 5px rgba(0, 0, 0, 0.15);
---shadow-top-inset: inset 0 5px 5px 0 rgba(0, 0, 0, 0.15);
---shadow-bottom-left: -5px 5px 5px rgba(0, 0, 0, 0.15);
---shadow-bottom-right: 5px 5px 5px rgba(0, 0, 0, 0.15);
---shadow-left: -5px 0 5px rgba(0, 0, 0, 0.15);
---shadow-right: 5px 0 5px rgba(0, 0, 0, 0.15);
+  /* Deskpro Shadows */
+  --shadow-bottom: 0 5px 5px rgba(0, 0, 0, 0.15);
+  --shadow-top-inset: inset 0 5px 5px 0 rgba(0, 0, 0, 0.15);
+  --shadow-bottom-left: -5px 5px 5px rgba(0, 0, 0, 0.15);
+  --shadow-bottom-right: 5px 5px 5px rgba(0, 0, 0, 0.15);
+  --shadow-left: -5px 0 5px rgba(0, 0, 0, 0.15);
+  --shadow-right: 5px 0 5px rgba(0, 0, 0, 0.15);
 
-/*gradient*/
---brand-primary-gradient: linear-gradient(90deg, #3467A4 0%, #3A8DDE 49.48%, #77B5E7 100%);
-}
\ No newline at end of file
+  /* gradient */
+  --brand-primary-gradient: linear-gradient(90deg, #3467a4 0%, #3a8dde 49.48%, #77b5e7 100%);
+}
diff --git a/packages/style/website/static/demos/kb-view.html b/packages/style/website/static/demos/kb-view.html
index 4dccf4a2..5961ce93 100644
--- a/packages/style/website/static/demos/kb-view.html
+++ b/packages/style/website/static/demos/kb-view.html
@@ -10,12 +10,12 @@
 </head>
 <body>
     <a href="../../pages/en">Back</a>
-      <div className="dp-Template">
+    <div className="dp-Template">
         <header>
             <ul class="dp-po-nav">
                 <li class="dp-po-Logo-wrap">
                     <span class="dp-po-Icon Icon-Tech-company"></span>
-                    Support Center
+                    <span class="dp-po-Logo-descript">Support Center</span>
                 </li>
                 <li class="dp-po-nav-control">
                     <ul>
@@ -51,7 +51,7 @@
             <div class="dp-po-container">
                 <ul class="dp-po-Breadcrumbs">
                     <li class="dp-po-Breadcrumb-item"><span class="dp-po-Icon Icon-Tech-company"></span></li>
-                    <li class="dp-po-Breadcrumb-item"><a href="" class="dp-po-Breadcrumb-link">Support Centre</a></li>
+                    <li class="dp-po-Breadcrumb-item dp-po-support-centre"><a href="" class="dp-po-Breadcrumb-link">Support Centre</a></li>
                     <li class="dp-po-Breadcrumb-item"><a href="" class="dp-po-Breadcrumb-link">Knowledgbase</a></li>
                     <li class="dp-po-Breadcrumb-item"><a href="" class="dp-po-Breadcrumb-link">Getting started</a></li>
                     <li class="dp-po-Breadcrumb-item is-selected"><a href="" class="dp-po-Breadcrumb-link">Deskpro for IT Teams</a></li>
@@ -149,14 +149,59 @@ <h2 class="dp-po-title">Dynamic Contact Forms</h2>
                             <span class="dp-po-description">9 out of 10 people found this article helpful</span>
                         </div>
 
-                        <div class="dp-po-comments">
+                        <div class="dp-po-comments is-active">
                             Add comment <span class="dp-po-Icon Icon--caret-down Icon--primary"></span>
                         </div>
+                        <div class="dp-po-comments-wrap">
+
+                            <form class="dp-po-list comment--item">
+                                <span class="dp-po-subtitle">
+                                    <span class="dp-po-username">
+                                        <img class="dp-po-Avatar-icon" src="../img/docs/avatar.png" alt="">
+                                        Nick Green
+                                    </span>
+                                </span>
+                                <span class="dp-po-Forms Forms--Textarea">
+                                    <div class="dp-po-Textarea">
+                                         <span class="dp-po-comment-subtitle">Your comment*</span>
+                                        <span class="dp-po-Icon-resizer"></span>
+                                        <textarea name="text" placeholder="Enter comment"></textarea>
+                                    </div>
+                                </span>
+
+                                <div class="dp-po-Upload-wrapper">
+                                    <span class="dp-po-comment-subtitle">Add attachment</span>
+                                    <span class="dp-po-Upload">
+                                        <span class="dp-po-Upload-item dp-po-Choose-btn">
+                                            <label for="file-upload">
+                                            <span class="dp-po-Icon Icon--file Icon--grey-dark"></span>
+                                                Choose a file
+                                            </label>
+                                            <input id="file-upload" type="file"/>
+                                        </span>
+                                        or
+                                        <span class="dp-po-Upload-item dp-po-Dragdrop-btn">
+                                            <span class="dp-po-Icon Icon--dragdrop"></span>
+                                            Drag and drop
+                                        </span>
+                                    </span>
+                                </div>
+
+                                <div class="dp-po-button-wrap">
+                                    <button class="dp-po-Button Button--small">Publish</button>
+                                    <span class="dp-po-CustomCheckbox CustomCheckbox--medium">
+                                        <input type="checkbox" class="dp-po-ControlInput" id="DemoPublishCheckbox-03"></input>
+                                        <label for="DemoPublishCheckbox-03">Subscribe</label>
+                                    </span>
+                                </div>
+
+                            </form>
+                        </div>
 
                     </div>
                     <div class="dp-po-col-3">
                         <div class="dp-po-Sidebar Sidebar--right">
-                            <div class="dp-po-Dropdown-container">
+                            <div class="dp-po-Dropdown-container subscribe--dropdown">
                                 <span class="dp-po-dropdown-atom">
                                     <span class="dp-po-Icon Icon--subscribe"></span>
                                     Subscribe
@@ -191,15 +236,30 @@ <h2 class="dp-po-title">Dynamic Contact Forms</h2>
                             </div>
 
                             <div class="dp-po-wrap-item dp-po-related-wrap">
-                                <span class="dp-po-title">Share</span>
-                                <ul class="dp-po-share-list">
-                                    <li><span class="dp-po-Icon Icon--linkedin"></span></li>
-                                    <li><span class="dp-po-Icon Icon--fb"></span></li>
-                                    <li><span class="dp-po-Icon Icon--tw"></span></li>
-                                    <li><span class="dp-po-Icon Icon--whatsapp"></span></li>
-                                    <li><span class="dp-po-Icon Icon--ticket"></span></li>
-                                    <li><span class="dp-po-Icon Icon--share"></span></li>
-                                </ul>
+                                <div class="dp-po-Dropdown-container">
+                                    <span class="dp-po-title">Share</span>
+                                    <ul class="dp-po-dropdown-atom dp-po-share-list">
+                                        <li><span class="dp-po-Icon Icon--linkedin"></span></li>
+                                        <li><span class="dp-po-Icon Icon--fb"></span></li>
+                                        <li><span class="dp-po-Icon Icon--tw"></span></li>
+                                        <li><span class="dp-po-Icon Icon--whatsapp"></span></li>
+                                        <li><span class="dp-po-Icon Icon--ticket"></span></li>
+                                        <li class="dp-po-share"><span class="dp-po-Icon Icon--share"></span></li>
+                                        <li>
+                                            <ul class="dp-po-dropdown-menu">
+                                                <li class="dp-po-dropdown-menu-item dp-po-title-list">Share this on</li>
+                                                <li class="dp-po-dropdown-menu-item"><span class="dp-po-Icon Icon--linkedin"></span>Linkedin</li>
+                                                <li class="dp-po-dropdown-menu-item"><span class="dp-po-Icon Icon--fb"></span>Facebook</li>
+                                                <li class="dp-po-dropdown-menu-item"><span class="dp-po-Icon Icon--tw"></span>Twitter</li>
+                                                <li class="dp-po-dropdown-menu-item"><span class="dp-po-Icon Icon--whatsapp"></span>Whats app</li>
+                                                <li class="dp-po-dropdown-menu-item"><span class="dp-po-Icon Icon--Instagram"></span>Instagram</li>
+                                                <li class="dp-po-dropdown-menu-item"><span class="dp-po-Icon Icon--Pinterest"></span>Pinterest</li>
+                                                <li class="dp-po-dropdown-menu-item"><span class="dp-po-Icon Icon--Messenger"></span>Messenger</li>
+                                                <li class="dp-po-dropdown-menu-item"><a href="" class="dp-po-support-btn">www.support.deskpro.com</a><span class="dp-po-Icon Icon--copy"></span></li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                </div>
                             </div>
 
                             <div class="dp-po-wrap-item dp-po-related-wrap">
@@ -213,26 +273,31 @@ <h2 class="dp-po-title">Dynamic Contact Forms</h2>
                                     <li class="dp-po-title">Custom Field X</li>
                                     <li>Value Y</li>
 
-                                    <li class="">
+                                    <li class="dp-po-space-between">
                                         <span class="dp-po-title">Translations</span>
-                                        <span>Updated</span>
+                                        <span class="dp-po-time-status">Updated</span>
                                     </li>
-                                    <li>
+
+                                    <li class="dp-po-space-between">
                                         <span>
                                             <span class="dp-po-Icon Icon--FR"></span>
                                             French
                                         </span>
-                                        <span>23 days</span>
+                                        <span class="dp-po-time-status is-success">23 days</span>
                                     </li>
-                                    <li>
+
+                                    <li class="dp-po-space-between">
                                         <span>
                                             <span class="dp-po-Icon Icon--GB"></span>
                                             German
                                         </span>
-                                        <span>2 weeks</span>
+                                        <span class="dp-po-time-status">2 weeks</span>
                                     </li>
-                                </ul>
 
+                                    <li class="dp-po-title">Unpublished date<span class="dp-po-tooltip-wrap"> <span class="dp-po-Icon Icon--info Icon--primary"></span><span class="dp-po-tooltip">Viewed by agents only</span></span></li>
+                                    <li>26 June 2020</li>
+
+                                </ul>
                             </div>
 
                         </div>
@@ -241,7 +306,10 @@ <h2 class="dp-po-title">Dynamic Contact Forms</h2>
             </div>
         </div>
 
-      </div>
+        <footer class="dp-po-footer">
+            <div class="dp-po-frame-copyright">Powered by <span class="dp-po-copyright-deskpro"><span class="dp-po-Icon Icon--elephant Icon--primary"></span>Deskpro</span></div>
+        </footer>
 
+    </div>
 </body>
 </html>
diff --git a/packages/style/website/static/img/docs/Image.png b/packages/style/website/static/img/docs/Image.png
new file mode 100644
index 00000000..ef85df82
Binary files /dev/null and b/packages/style/website/static/img/docs/Image.png differ