IMPORTANT: Replace all rem units to px

1 files changed, 380 insertions, 381 deletions

diff --git a/docs/dist/spectre.css b/docs/dist/spectre.css
index a86eb08..fea12e7 100644
--- a/docs/dist/spectre.css
+++ b/docs/dist/spectre.css
@@ -393,7 +393,7 @@ body {
   background: #fff;
   color: #454d5d;
   font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
-  font-size: 1.4rem;
+  font-size: 14px;
   overflow-x: hidden;
   text-rendering: optimizeLegibility;
 }
@@ -403,7 +403,7 @@ a {
   text-decoration: none;
 }
 a:focus {
-  box-shadow: 0 0 0 .2rem rgba(69, 77, 93, .1);
+  box-shadow: 0 0 0 2px rgba(69, 77, 93, .1);
 }
 a:focus,
 a:hover,
@@ -421,30 +421,30 @@ h6 {
   color: inherit;
   font-weight: 500;
   line-height: 1.2;
-  margin-bottom: 1.5rem;
+  margin-bottom: 16px;
   margin-top: 0;
 }
 h1 {
-  font-size: 5rem;
+  font-size: 50px;
 }
 h2 {
-  font-size: 4rem;
+  font-size: 40px;
 }
 h3 {
-  font-size: 3rem;
+  font-size: 30px;
 }
 h4 {
-  font-size: 2.4rem;
+  font-size: 24px;
 }
 h5 {
-  font-size: 2rem;
+  font-size: 20px;
 }
 h6 {
-  font-size: 1.6rem;
+  font-size: 16px;
 }
 p {
-  line-height: 2.4rem;
-  margin: 0 0 1rem;
+  line-height: 24px;
+  margin: 0 0 12px;
 }
 a,
 ins,
@@ -453,32 +453,32 @@ u {
   text-decoration-skip: ink edges;
 }
 abbr[title] {
-  border-bottom: .1rem dotted;
+  border-bottom: 1px dotted;
   cursor: help;
   text-decoration: none;
 }
 kbd {
   background: #454d5d;
-  border-radius: .2rem;
+  border-radius: 2px;
   color: #fff;
   display: inline-block;
   line-height: 1;
-  padding: .3rem .4rem;
+  padding: 3px 4px;
   vertical-align: baseline;
 }
 mark {
   background: #ffe9b3;
-  border-radius: .2rem;
+  border-radius: 2px;
   color: #454d5d;
   display: inline-block;
   line-height: 1;
-  padding: .3rem .4rem;
+  padding: 3px 4px;
   vertical-align: baseline;
 }
 blockquote {
-  border-left: .2rem solid #f0f1f4;
+  border-left: 2px solid #f0f1f4;
   margin-left: 0;
-  padding: 1rem 2rem;
+  padding: 8px 16px;
 }
 blockquote p:last-child {
   margin-bottom: 0;
@@ -488,18 +488,18 @@ blockquote cite {
 }
 ul,
 ol {
-  margin: 2rem 0 2rem 2rem;
+  margin: 16px 0 16px 16px;
   padding: 0;
 }
 ul ul,
 ol ul,
 ul ol,
 ol ol {
-  margin: 1.5rem 0 1.5rem 2rem;
+  margin: 16px 0 16px 16px;
 }
 ul li,
 ol li {
-  margin-top: 1rem;
+  margin-top: 8px;
 }
 ul {
   list-style: disc inside;
@@ -517,7 +517,7 @@ dl dt {
   font-weight: bold;
 }
 dl dd {
-  margin: .5rem 0 1.5rem 0;
+  margin: 8px 0 16px 0;
 }
 :lang(zh) {
   font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;
@@ -534,7 +534,7 @@ dl dd {
 :lang(zh) u,
 :lang(ja) u,
 .cjk u {
-  border-bottom: .1rem solid;
+  border-bottom: 1px solid;
   text-decoration: none;
 }
 :lang(zh) del + del,
@@ -581,8 +581,8 @@ dl dd {
 }
 .table td,
 .table th {
-  border-bottom: .1rem solid #f0f1f4;
-  padding: 1.5rem 1rem;
+  border-bottom: 1px solid #f0f1f4;
+  padding: 12px 8px;
 }
 .table th {
   border-bottom-color: #727e96;
@@ -592,16 +592,16 @@ dl dd {
   -moz-appearance: none;
   appearance: none;
   background: #fff;
-  border: .1rem solid #5764c6;
-  border-radius: .2rem;
+  border: 1px solid #5764c6;
+  border-radius: 2px;
   color: #5764c6;
   cursor: pointer;
   display: inline-block;
-  font-size: 1.4rem;
-  height: 3.2rem;
-  line-height: 2rem;
+  font-size: 14px;
+  height: 32px;
+  line-height: 20px;
   outline: none;
-  padding: .5rem .8rem;
+  padding: 5px 8px;
   text-align: center;
   text-decoration: none;
   transition: all .2s ease;
@@ -614,7 +614,7 @@ dl dd {
 }
 .btn:focus {
   background: #eff1fa;
-  box-shadow: 0 0 0 .2rem rgba(69, 77, 93, .1);
+  box-shadow: 0 0 0 2px rgba(69, 77, 93, .1);
   text-decoration: none;
 }
 .btn:hover {
@@ -674,14 +674,14 @@ dl dd {
   color: #4452c0;
 }
 .btn.btn-sm {
-  font-size: 1.2rem;
-  height: 2.4rem;
-  padding: .1rem .8rem;
+  font-size: 12px;
+  height: 24px;
+  padding: 1px 8px;
 }
 .btn.btn-lg {
-  font-size: 1.6rem;
-  height: 4rem;
-  padding: .9rem .8rem;
+  font-size: 16px;
+  height: 40px;
+  padding: 9px 8px;
 }
 .btn.btn-block {
   display: block;
@@ -690,26 +690,26 @@ dl dd {
 .btn.btn-action {
   padding-left: 0;
   padding-right: 0;
-  width: 3.2rem;
+  width: 32px;
 }
 .btn.btn-action.btn-sm {
-  width: 2.4rem;
+  width: 24px;
 }
 .btn.btn-action.btn-lg {
-  width: 4rem;
+  width: 40px;
 }
 .btn.btn-clear {
   background: transparent;
   border: 0;
   color: currentColor;
-  height: 1.6rem;
-  line-height: 1.6rem;
-  margin-left: .4rem;
-  margin-right: -.2rem;
+  height: 16px;
+  line-height: 16px;
+  margin-left: 4px;
+  margin-right: -2px;
   opacity: .45;
-  padding: 0 .2rem;
+  padding: 0 2px;
   text-decoration: none;
-  width: 1.6rem;
+  width: 16px;
 }
 .btn.btn-clear:hover {
   opacity: .85;
@@ -736,12 +736,12 @@ dl dd {
 }
 .btn-group .btn:not(:first-child):not(:last-child) {
   border-radius: 0;
-  margin-left: -.1rem;
+  margin-left: -1px;
 }
 .btn-group .btn:last-child:not(:first-child) {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
-  margin-left: -.1rem;
+  margin-left: -1px;
 }
 .btn-group .btn:focus,
 .btn-group .btn:hover,
@@ -760,17 +760,17 @@ dl dd {
   flex: 1 0 0;
 }
 .form-group:not(:last-child) {
-  margin-bottom: 1rem;
+  margin-bottom: 10px;
 }
 .form-label {
   display: block;
-  padding: .6rem 0;
+  padding: 6px 0;
 }
 .form-label.label-sm {
-  padding: .2rem 0;
+  padding: 2px 0;
 }
 .form-label.label-lg {
-  padding: 1rem 0;
+  padding: 10px 0;
 }
 .form-input {
   -webkit-appearance: none;
@@ -778,23 +778,23 @@ dl dd {
   appearance: none;
   background: #fff;
   background-image: none;
-  border: .1rem solid #c4c9d3;
-  border-radius: .2rem;
+  border: 1px solid #c4c9d3;
+  border-radius: 2px;
   color: #454d5d;
   display: block;
-  font-size: 1.4rem;
-  height: 3.2rem;
-  line-height: 2rem;
+  font-size: 14px;
+  height: 32px;
+  line-height: 20px;
   max-width: 100%;
   outline: none;
-  padding: .5rem .8rem;
+  padding: 5px 8px;
   position: relative;
   transition: all .2s ease;
   width: 100%;
 }
 .form-input:focus {
   border-color: #5764c6;
-  box-shadow: 0 0 0 .2rem rgba(69, 77, 93, .1);
+  box-shadow: 0 0 0 2px rgba(69, 77, 93, .1);
 }
 .form-input::-webkit-input-placeholder {
   color: #acb3c2;
@@ -809,14 +809,14 @@ dl dd {
   color: #acb3c2;
 }
 .form-input.input-sm {
-  font-size: 1.2rem;
-  height: 2.4rem;
-  padding: .1rem .8rem;
+  font-size: 12px;
+  height: 24px;
+  padding: 1px 8px;
 }
 .form-input.input-lg {
-  font-size: 1.6rem;
-  height: 4rem;
-  padding: .9rem .8rem;
+  font-size: 16px;
+  height: 40px;
+  padding: 9px 8px;
 }
 .form-input.input-inline {
   display: inline-block;
@@ -831,7 +831,7 @@ textarea.form-input {
 }
 .form-input-hint {
   color: #acb3c2;
-  margin-top: .4rem;
+  margin-top: 4px;
 }
 .has-success .form-input-hint,
 .is-success + .form-input-hint {
@@ -845,40 +845,40 @@ textarea.form-input {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: .1rem solid #c4c9d3;
-  border-radius: .2rem;
+  border: 1px solid #c4c9d3;
+  border-radius: 2px;
   color: inherit;
-  font-size: 1.4rem;
-  line-height: 2rem;
+  font-size: 14px;
+  line-height: 20px;
   outline: none;
-  padding: .5rem .8rem;
+  padding: 5px 8px;
   vertical-align: middle;
   width: 100%;
 }
 .form-select[multiple] option {
-  padding: .2rem .4rem;
+  padding: 2px 4px;
 }
 .form-select:not([multiple]) {
-  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23667189' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center / .8rem 1rem;
-  height: 3.2rem;
-  padding-right: 2.4rem;
+  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23667189' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 7.5px center / 8px 10px;
+  height: 32px;
+  padding-right: 24px;
 }
 .form-select:focus {
   border-color: #5764c6;
-  box-shadow: 0 0 0 .2rem rgba(69, 77, 93, .1);
+  box-shadow: 0 0 0 2px rgba(69, 77, 93, .1);
 }
 .form-select::-ms-expand {
   display: none;
 }
 .form-select.select-sm {
-  font-size: 1.2rem;
-  height: 2.4rem;
-  padding: .1rem 2rem .1rem .6rem;
+  font-size: 12px;
+  height: 24px;
+  padding: 1px 20px 1px 6px;
 }
 .form-select.select-lg {
-  font-size: 1.6rem;
-  height: 4rem;
-  padding: .9rem 2.4rem .9rem .8rem;
+  font-size: 16px;
+  height: 40px;
+  padding: 9px 24px 9px 8px;
 }
 .has-success .form-input,
 .has-success .form-select,
@@ -890,7 +890,7 @@ textarea.form-input {
 .has-success .form-select:focus,
 .form-input.is-success:focus,
 .form-select.is-success:focus {
-  box-shadow: 0 0 0 .2rem rgba(50, 182, 67, .1);
+  box-shadow: 0 0 0 2px rgba(50, 182, 67, .1);
 }
 .has-error .form-input,
 .has-error .form-select,
@@ -902,13 +902,13 @@ textarea.form-input {
 .has-error .form-select:focus,
 .form-input.is-error:focus,
 .form-select.is-error:focus {
-  box-shadow: 0 0 0 .2rem rgba(232, 86, 0, .1);
+  box-shadow: 0 0 0 2px rgba(232, 86, 0, .1);
 }
 .form-input:not(:placeholder-shown):invalid {
   border-color: #e85600;
 }
 .form-input:not(:placeholder-shown):invalid:focus {
-  box-shadow: 0 0 0 .2rem rgba(232, 86, 0, .1);
+  box-shadow: 0 0 0 2px rgba(232, 86, 0, .1);
 }
 .form-input:not(:placeholder-shown):invalid + .form-input-hint {
   color: #e85600;
@@ -919,8 +919,8 @@ textarea.form-input {
 }
 .has-icon-left .form-icon,
 .has-icon-right .form-icon {
-  margin: 0 .8rem;
-  min-width: 1.4rem;
+  margin: 0 8px;
+  min-width: 14px;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
@@ -931,36 +931,36 @@ textarea.form-input {
   left: 0;
 }
 .has-icon-left .form-input {
-  padding-left: 3rem;
+  padding-left: 30px;
 }
 .has-icon-right .form-icon {
   right: 0;
 }
 .has-icon-right .form-input {
-  padding-right: 3rem;
+  padding-right: 30px;
 }
 .form-checkbox,
 .form-radio,
 .form-switch {
   display: inline-block;
-  line-height: 2rem;
+  line-height: 20px;
   position: relative;
 }
 .form-checkbox input,
 .form-radio input,
 .form-switch input {
   clip: rect(0, 0, 0, 0);
-  height: .1rem;
-  margin: -.1rem;
+  height: 1px;
+  margin: -1px;
   overflow: hidden;
   position: absolute;
-  width: .1rem;
+  width: 1px;
 }
 .form-checkbox input:focus + .form-icon,
 .form-radio input:focus + .form-icon,
 .form-switch input:focus + .form-icon {
   border-color: #5764c6;
-  box-shadow: 0 0 0 .2rem rgba(69, 77, 93, .1);
+  box-shadow: 0 0 0 2px rgba(69, 77, 93, .1);
 }
 .form-checkbox input:checked + .form-icon,
 .form-radio input:checked + .form-icon,
@@ -971,7 +971,7 @@ textarea.form-input {
 .form-checkbox .form-icon,
 .form-radio .form-icon,
 .form-switch .form-icon {
-  border: .1rem solid #c4c9d3;
+  border: 1px solid #c4c9d3;
   cursor: pointer;
   display: inline-block;
   position: absolute;
@@ -979,39 +979,39 @@ textarea.form-input {
 }
 .form-checkbox,
 .form-radio {
-  padding: .2rem 2rem;
+  padding: 2px 20px;
 }
 .form-checkbox .form-icon,
 .form-radio .form-icon {
   background: #fff;
-  height: 1.4rem;
+  height: 14px;
   left: 0;
-  top: .5rem;
-  width: 1.4rem;
+  top: 5px;
+  width: 14px;
 }
 .form-checkbox input:active + .form-icon,
 .form-radio input:active + .form-icon {
   background: #f0f1f4;
 }
 .form-checkbox .form-icon {
-  border-radius: .2rem;
+  border-radius: 2px;
 }
 .form-checkbox input:checked + .form-icon::before {
   background-clip: padding-box;
-  border: .2rem solid #fff;
+  border: 2px solid #fff;
   border-left-width: 0;
   border-top-width: 0;
   content: "";
-  height: 1rem;
+  height: 10px;
   left: 50%;
-  margin-left: -.3rem;
-  margin-top: -.6rem;
+  margin-left: -3px;
+  margin-top: -6px;
   position: absolute;
   top: 50%;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
-  width: .6rem;
+  width: 6px;
 }
 .form-checkbox input:indeterminate + .form-icon {
   background: #5764c6;
@@ -1020,55 +1020,55 @@ textarea.form-input {
 .form-checkbox input:indeterminate + .form-icon::before {
   background: #fff;
   content: "";
-  height: .2rem;
+  height: 2px;
   left: 50%;
-  margin-left: -.5rem;
-  margin-top: -.1rem;
+  margin-left: -5px;
+  margin-top: -1px;
   position: absolute;
   top: 50%;
-  width: 1rem;
+  width: 10px;
 }
 .form-radio .form-icon {
-  border-radius: .7rem;
+  border-radius: 7px;
 }
 .form-radio input:checked + .form-icon::before {
   background: #fff;
-  border-radius: .2rem;
+  border-radius: 2px;
   content: "";
-  height: .4rem;
+  height: 4px;
   left: 50%;
-  margin-left: -.2rem;
-  margin-top: -.2rem;
+  margin-left: -2px;
+  margin-top: -2px;
   position: absolute;
   top: 50%;
-  width: .4rem;
+  width: 4px;
 }
 .form-switch {
-  padding: .2rem 2rem .2rem 3.6rem;
+  padding: 2px 20px 2px 36px;
 }
 .form-switch .form-icon {
   background: #e7e9ed;
   background-clip: padding-box;
-  border-radius: .9rem;
-  height: 1.8rem;
+  border-radius: 9px;
+  height: 18px;
   left: 0;
-  top: .3rem;
-  width: 3rem;
+  top: 3px;
+  width: 30px;
 }
 .form-switch .form-icon::before {
   background: #fff;
-  border-radius: .8rem;
+  border-radius: 8px;
   content: "";
   display: block;
-  height: 1.6rem;
+  height: 16px;
   left: 0;
   position: absolute;
   top: 0;
   transition: all .2s ease;
-  width: 1.6rem;
+  width: 16px;
 }
 .form-switch input:checked + .form-icon::before {
-  left: 1.2rem;
+  left: 12px;
 }
 .form-switch input:active + .form-icon::before {
   background: #f8f9fa;
@@ -1080,18 +1080,18 @@ textarea.form-input {
 }
 .input-group .input-group-addon {
   background: #f8f9fa;
-  border: .1rem solid #c4c9d3;
-  border-radius: .2rem;
-  line-height: 2rem;
-  padding: .5rem .8rem;
+  border: 1px solid #c4c9d3;
+  border-radius: 2px;
+  line-height: 20px;
+  padding: 5px 8px;
 }
 .input-group .input-group-addon.addon-sm {
-  font-size: 1.2rem;
-  padding: .1rem .8rem;
+  font-size: 12px;
+  padding: 1px 8px;
 }
 .input-group .input-group-addon.addon-lg {
-  font-size: 1.6rem;
-  padding: .9rem .8rem;
+  font-size: 16px;
+  padding: 9px 8px;
 }
 .input-group .input-group-addon,
 .input-group .input-group-btn {
@@ -1111,7 +1111,7 @@ textarea.form-input {
 .input-group .input-group-addon:not(:first-child):not(:last-child),
 .input-group .input-group-btn:not(:first-child):not(:last-child) {
   border-radius: 0;
-  margin-left: -.1rem;
+  margin-left: -1px;
 }
 .input-group .form-input:last-child:not(:first-child),
 .input-group .form-select:last-child:not(:first-child),
@@ -1119,7 +1119,7 @@ textarea.form-input {
 .input-group .input-group-btn:last-child:not(:first-child) {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
-  margin-left: -.1rem;
+  margin-left: -1px;
 }
 .input-group .form-input:focus,
 .input-group .form-select:focus,
@@ -1157,7 +1157,7 @@ input.disabled + .form-icon {
   background: #fff;
 }
 .form-horizontal {
-  padding: 1rem;
+  padding: 10px;
 }
 .form-horizontal .form-group {
   display: flex;
@@ -1167,15 +1167,15 @@ input.disabled + .form-icon {
 .form-horizontal .form-checkbox,
 .form-horizontal .form-radio,
 .form-horizontal .form-switch {
-  margin: .4rem 0;
+  margin: 16px 0;
 }
 .label {
   background: #f8f9fa;
-  border-radius: .2rem;
+  border-radius: 2px;
   color: #50596c;
   display: inline-block;
   line-height: 1;
-  padding: .3rem .4rem;
+  padding: 3px 4px;
   vertical-align: baseline;
 }
 .label.label-primary {
@@ -1196,26 +1196,26 @@ input.disabled + .form-icon {
 }
 code {
   background: #fdf4f4;
-  border-radius: .2rem;
+  border-radius: 2px;
   color: #e06870;
   display: inline-block;
   line-height: 1;
-  padding: .3rem .4rem;
+  padding: 3px 4px;
   vertical-align: baseline;
 }
 .code {
-  border-radius: .2rem;
+  border-radius: 2px;
   color: #454d5d;
-  line-height: 2rem;
+  line-height: 20px;
   position: relative;
 }
 .code::before {
   color: #acb3c2;
   content: attr(data-lang);
-  font-size: 1.2rem;
+  font-size: 12px;
   position: absolute;
-  right: 1rem;
-  top: .2rem;
+  right: 10px;
+  top: 2px;
 }
 .code code {
   background: #f8f9fa;
@@ -1223,7 +1223,7 @@ code {
   display: block;
   line-height: inherit;
   overflow-x: auto;
-  padding: 2rem;
+  padding: 20px;
   width: 100%;
 }
 .img-responsive {
@@ -1272,27 +1272,27 @@ code {
   padding-bottom: 100%;
 }
 .figure {
-  margin: 0 0 1rem 0;
+  margin: 0 0 10px 0;
 }
 .figure .figure-caption {
   color: #727e96;
-  margin-top: 1rem;
+  margin-top: 10px;
 }
 .container {
   margin-left: auto;
   margin-right: auto;
-  padding-left: 1rem;
-  padding-right: 1rem;
+  padding-left: 10px;
+  padding-right: 10px;
   width: 100%;
 }
 .container.grid-1280 {
-  max-width: 130rem;
+  max-width: 1300px;
 }
 .container.grid-960 {
-  max-width: 98rem;
+  max-width: 980px;
 }
 .container.grid-480 {
-  max-width: 50rem;
+  max-width: 500px;
 }
 .columns {
   display: flex;
@@ -1301,8 +1301,8 @@ code {
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
-  margin-left: -1rem;
-  margin-right: -1rem;
+  margin-left: -10px;
+  margin-right: -10px;
 }
 .columns.col-gapless {
   margin-left: 0;
@@ -1323,7 +1323,7 @@ code {
   -ms-flex: 1;
   flex: 1;
   max-width: 100%;
-  padding: 1rem;
+  padding: 10px;
 }
 .column.col-12,
 .column.col-11,
@@ -1736,13 +1736,13 @@ code {
   -ms-flex-align: center;
 }
 .navbar .navbar-brand {
-  font-size: 1.6rem;
+  font-size: 16px;
   font-weight: 500;
   text-decoration: none;
 }
 .panel {
-  border: .1rem solid #f0f1f4;
-  border-radius: .2rem;
+  border: 1px solid #f0f1f4;
+  border-radius: 2px;
   display: flex;
   display: -ms-flexbox;
   display: -webkit-flex;
@@ -1755,7 +1755,7 @@ code {
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
-  padding: 1.5rem;
+  padding: 15px;
 }
 .panel .panel-nav {
   -webkit-flex: 0 0 auto;
@@ -1767,33 +1767,33 @@ code {
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   overflow-y: auto;
-  padding: 0 1.5rem;
+  padding: 0 15px;
 }
 .panel .panel-title {
-  font-size: 2rem;
+  font-size: 16px;
 }
 .panel .panel-subtitle {
   color: #acb3c2;
 }
 .empty {
   background: #f8f9fa;
-  border-radius: .2rem;
+  border-radius: 2px;
   color: #727e96;
-  padding: 4rem;
+  padding: 40px;
   text-align: center;
 }
 .empty .empty-icon {
-  margin-bottom: 1.5rem;
+  margin-bottom: 15px;
 }
 .empty .empty-title,
 .empty .empty-subtitle {
-  margin: 1rem auto;
+  margin: 10px auto;
 }
 .empty .empty-subtitle {
   color: #acb3c2;
 }
 .empty .empty-action {
-  margin-top: 1.5rem;
+  margin-top: 15px;
 }
 .accordion .accordion-item input:checked ~ .accordion-header .icon {
   -webkit-transform: rotate(90deg);
@@ -1802,18 +1802,18 @@ code {
   transition: all .25s ease;
 }
 .accordion .accordion-item input:checked ~ .accordion-body {
-  max-height: 100rem;
+  max-height: 1000px;
   transition: max-height 3s ease;
 }
 .accordion .accordion-item .accordion-header {
   display: block;
-  padding: 1rem;
+  padding: 10px;
 }
 .accordion .accordion-item .accordion-header .icon {
   transition: all .25s ease;
 }
 .accordion .accordion-item .accordion-body {
-  margin-bottom: 1rem;
+  margin-bottom: 10px;
   max-height: 0;
   overflow: hidden;
   transition: max-height .3s ease;
@@ -1832,12 +1832,12 @@ code {
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   height: auto;
-  min-height: 3.2rem;
-  padding: .1rem 0 0 .1rem;
+  min-height: 32px;
+  padding: 1px 0 0 1px;
 }
 .form-autocomplete .form-autocomplete-input.is-focused {
   border-color: #5764c6;
-  box-shadow: 0 0 0 .2rem rgba(69, 77, 93, .1);
+  box-shadow: 0 0 0 2px rgba(69, 77, 93, .1);
 }
 .form-autocomplete .form-autocomplete-input .form-input {
   border-color: transparent;
@@ -1846,8 +1846,8 @@ code {
   -webkit-flex: 1 0 auto;
   -ms-flex: 1 0 auto;
   flex: 1 0 auto;
-  height: 2.8rem;
-  line-height: 1.6rem;
+  height: 28px;
+  line-height: 16px;
   width: auto;
 }
 .form-autocomplete mark {
@@ -1865,34 +1865,34 @@ code {
   border-radius: 50%;
   color: rgba(255, 255, 255, .85);
   display: inline-block;
-  font-size: 1.4rem;
+  font-size: 14.54545455px;
   font-weight: 300;
-  height: 3.2rem;
+  height: 32px;
   line-height: 1;
   margin: 0;
   position: relative;
   vertical-align: middle;
-  width: 3.2rem;
+  width: 32px;
 }
 .avatar.avatar-xs {
-  font-size: .8rem;
-  height: 1.6rem;
-  width: 1.6rem;
+  font-size: 7.27272727px;
+  height: 16px;
+  width: 16px;
 }
 .avatar.avatar-sm {
-  font-size: 1rem;
-  height: 2.4rem;
-  width: 2.4rem;
+  font-size: 10.90909091px;
+  height: 24px;
+  width: 24px;
 }
 .avatar.avatar-lg {
-  font-size: 2rem;
-  height: 4.8rem;
-  width: 4.8rem;
+  font-size: 21.81818182px;
+  height: 48px;
+  width: 48px;
 }
 .avatar.avatar-xl {
-  font-size: 2.6rem;
-  height: 6.4rem;
-  width: 6.4rem;
+  font-size: 29.09090909px;
+  height: 64px;
+  width: 64px;
 }
 .avatar img {
   border-radius: 50%;
@@ -1905,7 +1905,7 @@ code {
   background: #fff;
   bottom: 14.64%;
   height: 50%;
-  padding: .2rem;
+  padding: 2px;
   position: absolute;
   right: 14.64%;
   -webkit-transform: translate(50%, 50%);
@@ -1932,30 +1932,30 @@ code {
 .badge:not([data-badge])::after {
   background: #5764c6;
   background-clip: padding-box;
-  border-radius: 1rem;
-  box-shadow: 0 0 0 .2rem #fff;
+  border-radius: 10px;
+  box-shadow: 0 0 0 2px #fff;
   color: #fff;
   content: attr(data-badge);
   display: inline-block;
-  -webkit-transform: translate(-.2rem, -1rem);
-  -ms-transform: translate(-.2rem, -1rem);
-  transform: translate(-.2rem, -1rem);
+  -webkit-transform: translate(-2px, -10px);
+  -ms-transform: translate(-2px, -10px);
+  transform: translate(-2px, -10px);
 }
 .badge[data-badge]::after {
-  font-size: 1.2rem;
-  height: 1.8rem;
+  font-size: 12px;
+  height: 18px;
   line-height: 1;
-  min-width: 1.8rem;
-  padding: .3rem .5rem;
+  min-width: 18px;
+  padding: 3px 5px;
   text-align: center;
   white-space: nowrap;
 }
 .badge:not([data-badge])::after,
 .badge[data-badge=""]::after {
-  height: .6rem;
-  min-width: .6rem;
+  height: 6px;
+  min-width: 6px;
   padding: 0;
-  width: .6rem;
+  width: 6px;
 }
 .badge.btn::after {
   position: absolute;
@@ -1976,25 +1976,25 @@ code {
 }
 .badge.avatar-xs::after {
   content: "";
-  height: .8rem;
-  min-width: .8rem;
+  height: 8px;
+  min-width: 8px;
   padding: 0;
-  width: .8rem;
+  width: 8px;
 }
 .bar {
   background: #f0f1f4;
-  border-radius: .2rem;
+  border-radius: 2px;
   display: flex;
   display: -ms-flexbox;
   display: -webkit-flex;
   -webkit-flex-wrap: nowrap;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
-  height: 1.6rem;
+  height: 16px;
   width: 100%;
 }
 .bar.bar-sm {
-  height: .4rem;
+  height: 4px;
 }
 .bar .bar-item {
   background: #5764c6;
@@ -2003,28 +2003,27 @@ code {
   -ms-flex-negative: 0;
   -webkit-flex-shrink: 0;
   flex-shrink: 0;
-  font-size: 1.2rem;
+  font-size: 12px;
   height: 100%;
-  line-height: 1;
-  padding: .2rem 0;
+  line-height: 16px;
   position: relative;
   text-align: center;
   width: 0;
 }
 .bar .bar-item:first-child {
-  border-bottom-left-radius: .2rem;
-  border-top-left-radius: .2rem;
+  border-bottom-left-radius: 2px;
+  border-top-left-radius: 2px;
 }
 .bar .bar-item:last-child {
-  border-bottom-right-radius: .2rem;
-  border-top-right-radius: .2rem;
+  border-bottom-right-radius: 2px;
+  border-top-right-radius: 2px;
   -ms-flex-negative: 1;
   -webkit-flex-shrink: 1;
   flex-shrink: 1;
 }
 .bar-slider {
-  height: .2rem;
-  margin: 1rem 0;
+  height: 2px;
+  margin: 10px 0;
   position: relative;
 }
 .bar-slider .bar-item {
@@ -2040,7 +2039,7 @@ code {
   background: #5764c6;
   border: 0;
   border-radius: 50%;
-  height: 1.2rem;
+  height: 12px;
   padding: 0;
   position: absolute;
   right: 0;
@@ -2048,44 +2047,44 @@ code {
   -webkit-transform: translate(50%, -50%);
   -ms-transform: translate(50%, -50%);
   transform: translate(50%, -50%);
-  width: 1.2rem;
+  width: 12px;
 }
 .bar-slider .bar-slider-btn:active {
-  box-shadow: 0 0 0 .2rem #5764c6;
+  box-shadow: 0 0 0 2px #5764c6;
 }
 .card {
   background: #fff;
-  border: .1rem solid #f0f1f4;
-  border-radius: .2rem;
+  border: 1px solid #f0f1f4;
+  border-radius: 2px;
   display: block;
 }
 .card .card-header,
 .card .card-body,
 .card .card-footer {
-  padding: 1.5rem;
+  padding: 15px;
   padding-bottom: 0;
 }
 .card .card-header:last-child,
 .card .card-body:last-child,
 .card .card-footer:last-child {
-  padding-bottom: 1.5rem;
+  padding-bottom: 15px;
 }
 .card .card-image {
-  padding-top: 1.5rem;
+  padding-top: 15px;
 }
 .card .card-image:first-child {
   padding-top: 0;
 }
 .card .card-image:first-child img {
-  border-top-left-radius: .2rem;
-  border-top-right-radius: .2rem;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px;
 }
 .card .card-image:last-child img {
-  border-bottom-left-radius: .2rem;
-  border-bottom-right-radius: .2rem;
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 2px;
 }
 .card .card-title {
-  font-size: 2rem;
+  font-size: 20px;
 }
 .card .card-subtitle {
   color: #acb3c2;
@@ -2094,16 +2093,16 @@ code {
   -webkit-align-items: center;
   align-items: center;
   background: #f0f1f4;
-  border-radius: .2rem;
+  border-radius: 2px;
   color: #727e96;
   display: -ms-inline-flexbox;
   display: inline-flex;
   display: -webkit-inline-flex;
   -ms-flex-align: center;
-  height: 2.8rem;
-  margin: 0 .1rem .1rem 0;
+  height: 28px;
+  margin: 0 1px 1px 0;
   max-width: 100%;
-  padding: .1rem .8rem;
+  padding: 1px 8px;
   text-decoration: none;
   vertical-align: middle;
 }
@@ -2112,8 +2111,8 @@ code {
   color: #fff;
 }
 .chip .avatar {
-  margin-left: -.4rem;
-  margin-right: .4rem;
+  margin-left: -4px;
+  margin-right: 4px;
 }
 .dropdown {
   display: inline-block;
@@ -2139,20 +2138,20 @@ code {
   display: block;
 }
 .dropdown .btn-group .dropdown-toggle:nth-last-child(2) {
-  border-bottom-right-radius: .2rem;
-  border-top-right-radius: .2rem;
+  border-bottom-right-radius: 2px;
+  border-top-right-radius: 2px;
 }
 .menu {
   background: #fff;
-  border-radius: .2rem;
-  box-shadow: 0 .1rem .4rem rgba(69, 77, 93, .3);
+  border-radius: 2px;
+  box-shadow: 0 1px 4px rgba(69, 77, 93, .3);
   list-style: none;
   margin: 0;
-  min-width: 18rem;
-  padding: 1rem;
-  -webkit-transform: translateY(.5rem);
-  -ms-transform: translateY(.5rem);
-  transform: translateY(.5rem);
+  min-width: 180px;
+  padding: 10px;
+  -webkit-transform: translateY(5px);
+  -ms-transform: translateY(5px);
+  transform: translateY(5px);
   z-index: 100;
 }
 .menu.menu-nav {
@@ -2160,7 +2159,7 @@ code {
 }
 .menu .menu-item {
   margin-top: 0;
-  padding: 0 .8rem;
+  padding: 0 8px;
   text-decoration: none;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -2168,11 +2167,11 @@ code {
   user-select: none;
 }
 .menu .menu-item > a {
-  border-radius: .2rem;
+  border-radius: 2px;
   color: inherit;
   display: block;
-  margin: 0 -.8rem;
-  padding: .6rem .8rem;
+  margin: 0 -8px;
+  padding: 6px 8px;
   text-decoration: none;
 }
 .menu .menu-item > a:focus,
@@ -2186,10 +2185,10 @@ code {
 }
 .menu .menu-badge {
   float: right;
-  padding: .6rem 0;
+  padding: 6px 0;
 }
 .menu .menu-badge .btn {
-  margin-top: -.2rem;
+  margin-top: -2px;
 }
 .modal {
   -webkit-align-items: center;
@@ -2203,7 +2202,7 @@ code {
   left: 0;
   opacity: 0;
   overflow: hidden;
-  padding: 1rem;
+  padding: 10px;
   position: fixed;
   right: 0;
   top: 0;
@@ -2231,35 +2230,35 @@ code {
 .modal.active .modal-container {
   -webkit-animation: slide-down .2s ease 1;
   animation: slide-down .2s ease 1;
-  max-width: 64rem;
+  max-width: 640px;
   z-index: 1;
 }
 .modal.modal-sm .modal-container {
-  max-width: 32rem;
+  max-width: 320px;
 }
 .modal-container {
   background: #fff;
-  border-radius: .2rem;
-  box-shadow: 0 .4rem 1rem rgba(69, 77, 93, .3);
+  border-radius: 2px;
+  box-shadow: 0 4px 10px rgba(69, 77, 93, .3);
   display: block;
   padding: 0;
   text-align: left;
 }
 .modal-container .modal-header {
-  padding: 1.5rem;
+  padding: 15px;
 }
 .modal-container .modal-header .modal-title {
-  font-size: 1.6rem;
+  font-size: 16px;
   margin: 0;
 }
 .modal-container .modal-body {
   max-height: 50vh;
   overflow-y: auto;
-  padding: 1.5rem;
+  padding: 15px;
   position: relative;
 }
 .modal-container .modal-footer {
-  padding: 1.5rem;
+  padding: 15px;
   text-align: right;
 }
 .breadcrumb,
@@ -2267,19 +2266,19 @@ code {
 .pagination,
 .nav {
   list-style: none;
-  margin: .5rem 0;
+  margin: 4px 0;
 }
 .breadcrumb {
-  padding: .4rem 0;
+  padding: 4px 0;
 }
 .breadcrumb .breadcrumb-item {
   color: #727e96;
   display: inline-block;
   margin: 0;
-  padding: .2rem 0;
+  padding: 4px 0;
 }
 .breadcrumb .breadcrumb-item:not(:last-child) {
-  margin-right: .4rem;
+  margin-right: 4px;
 }
 .breadcrumb .breadcrumb-item:not(:last-child) a {
   color: #727e96;
@@ -2287,7 +2286,7 @@ code {
 .breadcrumb .breadcrumb-item:not(:first-child)::before {
   color: #e7e9ed;
   content: "/";
-  padding-right: .4rem;
+  padding-right: 4px;
 }
 .tab {
   -webkit-align-items: center;
@@ -2310,11 +2309,11 @@ code {
   text-align: right;
 }
 .tab .tab-item a {
-  border-bottom: .2rem solid transparent;
+  border-bottom: 2px solid transparent;
   color: inherit;
   display: block;
   margin-top: 0;
-  padding: .6rem 1.2rem .4rem 1.2rem;
+  padding: 6px 12px 4px 12px;
   text-decoration: none;
 }
 .tab .tab-item a:focus,
@@ -2334,14 +2333,14 @@ code {
 }
 .tab.tab-block .tab-item .badge[data-badge]::after {
   position: absolute;
-  right: -.4rem;
-  top: -.4rem;
+  right: -4px;
+  top: -4px;
   -webkit-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   transform: translate(0, 0);
 }
 .tab:not(.tab-block) .badge {
-  padding-right: .2rem;
+  padding-right: 2px;
 }
 .pagination {
   display: flex;
@@ -2349,17 +2348,17 @@ code {
   display: -webkit-flex;
 }
 .pagination .page-item {
-  margin: 1rem .1rem;
+  margin: 10px 1px;
 }
 .pagination .page-item span {
   display: inline-block;
-  padding: .6rem .4rem;
+  padding: 6px 4px;
 }
 .pagination .page-item a {
-  border-radius: .2rem;
+  border-radius: 2px;
   color: #727e96;
   display: inline-block;
-  padding: .6rem .8rem;
+  padding: 6px 8px;
   text-decoration: none;
 }
 .pagination .page-item a:focus,
@@ -2402,7 +2401,7 @@ code {
 }
 .nav .nav-item a {
   color: #727e96;
-  padding: .6rem .8rem;
+  padding: 4px 8px;
   text-decoration: none;
 }
 .nav .nav-item a:focus,
@@ -2418,8 +2417,8 @@ code {
   color: #5764c6;
 }
 .nav .nav {
-  margin-bottom: 1rem;
-  margin-left: 2rem;
+  margin-bottom: 8px;
+  margin-left: 16px;
 }
 .popover {
   display: inline-block;
@@ -2429,7 +2428,7 @@ code {
   content: attr(data-tooltip);
   left: 50%;
   opacity: 0;
-  padding: 1rem;
+  padding: 10px;
   position: absolute;
   top: 0;
   -webkit-transform: translate(-50%, -50%) scale(0);
@@ -2438,7 +2437,7 @@ code {
   transition: transform .2s ease, -webkit-transform .2s ease;
   transition: transform .2s ease;
   transition: -webkit-transform .2s ease;
-  width: 32rem;
+  width: 320px;
   z-index: 400;
 }
 .popover :focus + .popover-container,
@@ -2485,7 +2484,7 @@ code {
 }
 .popover .card {
   border: 0;
-  box-shadow: 0 .4rem 1rem rgba(69, 77, 93, .3);
+  box-shadow: 0 4px 10px rgba(69, 77, 93, .3);
 }
 .step {
   display: flex;
@@ -2495,7 +2494,7 @@ code {
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   list-style: none;
-  margin: .5rem 0;
+  margin: 4px 0;
   width: 100%;
 }
 .step .step-item {
@@ -2503,44 +2502,44 @@ code {
   -ms-flex: 1 1 0;
   flex: 1 1 0;
   margin-top: 0;
-  min-height: 2rem;
+  min-height: 20px;
   position: relative;
   text-align: center;
 }
 .step .step-item:not(:first-child)::before {
   background: #5764c6;
   content: "";
-  height: .2rem;
+  height: 2px;
   left: -50%;
   position: absolute;
-  top: .9rem;
+  top: 9px;
   width: 100%;
 }
 .step .step-item a {
   color: #acb3c2;
   display: inline-block;
-  padding: 2rem 1rem 0;
+  padding: 20px 10px 0;
   text-decoration: none;
 }
 .step .step-item a::before {
   background: #5764c6;
-  border: .2rem solid #fff;
+  border: 2px solid #fff;
   border-radius: 50%;
   content: "";
   display: block;
-  height: 1.2rem;
+  height: 12px;
   left: 50%;
   position: absolute;
-  top: .4rem;
+  top: 4px;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
-  width: 1.2rem;
+  width: 12px;
   z-index: 1;
 }
 .step .step-item.active a::before {
   background: #fff;
-  border: .2rem solid #5764c6;
+  border: 2px solid #5764c6;
 }
 .step .step-item.active ~ .step-item::before {
   background: #f0f1f4;
@@ -2571,17 +2570,17 @@ code {
   flex: 1 1 auto;
 }
 .tile .tile-content:not(:first-child) {
-  padding-left: 1rem;
+  padding-left: 8px;
 }
 .tile .tile-content:not(:last-child) {
-  padding-right: 1rem;
+  padding-right: 8px;
 }
 .tile .tile-title {
-  line-height: 2rem;
+  line-height: 20px;
 }
 .tile .tile-subtitle {
   color: #acb3c2;
-  line-height: 2rem;
+  line-height: 20px;
 }
 .tile.tile-centered {
   -webkit-align-items: center;
@@ -2600,12 +2599,12 @@ code {
 }
 .toast {
   background: rgba(69, 77, 93, .9);
-  border: .1rem solid #454d5d;
+  border: 1px solid #454d5d;
   border-color: #454d5d;
-  border-radius: .2rem;
+  border-radius: 2px;
   color: #fff;
   display: block;
-  padding: 1rem;
+  padding: 10px;
   width: 100%;
 }
 .toast.toast-primary {
@@ -2635,30 +2634,30 @@ code {
   opacity: .75;
 }
 .toast .btn-clear {
-  margin: .2rem -.2rem .2rem .4rem;
+  margin: 2px -2px 2px 4px;
 }
 .tooltip {
   position: relative;
 }
 .tooltip::after {
   background: rgba(69, 77, 93, .9);
-  border-radius: .2rem;
+  border-radius: 2px;
   bottom: 100%;
   color: #fff;
   content: attr(data-tooltip);
   display: block;
-  font-size: 1.2rem;
+  font-size: 12px;
   left: 50%;
-  max-width: 32rem;
+  max-width: 320px;
   opacity: 0;
   overflow: hidden;
-  padding: .4rem .8rem;
+  padding: 4px 8px;
   pointer-events: none;
   position: absolute;
   text-overflow: ellipsis;
-  -webkit-transform: translate(-50%, 1rem);
-  -ms-transform: translate(-50%, 1rem);
-  transform: translate(-50%, 1rem);
+  -webkit-transform: translate(-50%, 8px);
+  -ms-transform: translate(-50%, 8px);
+  transform: translate(-50%, 8px);
   transition: all .2s ease;
   white-space: nowrap;
   z-index: 200;
@@ -2666,9 +2665,9 @@ code {
 .tooltip:focus::after,
 .tooltip:hover::after {
   opacity: 1;
-  -webkit-transform: translate(-50%, -.5rem);
-  -ms-transform: translate(-50%, -.5rem);
-  transform: translate(-50%, -.5rem);
+  -webkit-transform: translate(-50%, -4px);
+  -ms-transform: translate(-50%, -4px);
+  transform: translate(-50%, -4px);
 }
 .tooltip[disabled],
 .tooltip.disabled {
@@ -2677,42 +2676,42 @@ code {
 .tooltip.tooltip-right::after {
   bottom: 50%;
   left: 100%;
-  -webkit-transform: translate(-1rem, 50%);
-  -ms-transform: translate(-1rem, 50%);
-  transform: translate(-1rem, 50%);
+  -webkit-transform: translate(-4px, 50%);
+  -ms-transform: translate(-4px, 50%);
+  transform: translate(-4px, 50%);
 }
 .tooltip.tooltip-right:focus::after,
 .tooltip.tooltip-right:hover::after {
-  -webkit-transform: translate(.5rem, 50%);
-  -ms-transform: translate(.5rem, 50%);
-  transform: translate(.5rem, 50%);
+  -webkit-transform: translate(4px, 50%);
+  -ms-transform: translate(4px, 50%);
+  transform: translate(4px, 50%);
 }
 .tooltip.tooltip-bottom::after {
   bottom: auto;
   top: 100%;
-  -webkit-transform: translate(-50%, -1rem);
-  -ms-transform: translate(-50%, -1rem);
-  transform: translate(-50%, -1rem);
+  -webkit-transform: translate(-50%, -8px);
+  -ms-transform: translate(-50%, -8px);
+  transform: translate(-50%, -8px);
 }
 .tooltip.tooltip-bottom:focus::after,
 .tooltip.tooltip-bottom:hover::after {
-  -webkit-transform: translate(-50%, .5rem);
-  -ms-transform: translate(-50%, .5rem);
-  transform: translate(-50%, .5rem);
+  -webkit-transform: translate(-50%, 4px);
+  -ms-transform: translate(-50%, 4px);
+  transform: translate(-50%, 4px);
 }
 .tooltip.tooltip-left::after {
   bottom: 50%;
   left: auto;
   right: 100%;
-  -webkit-transform: translate(1rem, 50%);
-  -ms-transform: translate(1rem, 50%);
-  transform: translate(1rem, 50%);
+  -webkit-transform: translate(8px, 50%);
+  -ms-transform: translate(8px, 50%);
+  transform: translate(8px, 50%);
 }
 .tooltip.tooltip-left:focus::after,
 .tooltip.tooltip-left:hover::after {
-  -webkit-transform: translate(-.5rem, 50%);
-  -ms-transform: translate(-.5rem, 50%);
-  transform: translate(-.5rem, 50%);
+  -webkit-transform: translate(-4px, 50%);
+  -ms-transform: translate(-4px, 50%);
+  transform: translate(-4px, 50%);
 }
 @-webkit-keyframes loading {
   0% {
@@ -2737,8 +2736,8 @@ code {
 @-webkit-keyframes slide-down {
   0% {
     opacity: 0;
-    -webkit-transform: translateY(-3rem);
-    transform: translateY(-3rem);
+    -webkit-transform: translateY(-32px);
+    transform: translateY(-32px);
   }
   100% {
     opacity: 1;
@@ -2749,8 +2748,8 @@ code {
 @keyframes slide-down {
   0% {
     opacity: 0;
-    -webkit-transform: translateY(-3rem);
-    transform: translateY(-3rem);
+    -webkit-transform: translateY(-32px);
+    transform: translateY(-32px);
   }
   100% {
     opacity: 1;
@@ -2867,12 +2866,12 @@ a.text-error:hover {
 .text-assistive {
   border: 0;
   clip: rect(0, 0, 0, 0);
-  height: .1rem;
-  margin: -.1rem;
+  height: 1px;
+  margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
-  width: .1rem;
+  width: 1px;
 }
 .hand {
   cursor: pointer;
@@ -2888,36 +2887,36 @@ a.text-error:hover {
   color: #e7e9ed;
   content: attr(data-content);
   display: inline-block;
-  font-size: 1.2rem;
-  padding: 0 .8rem;
-  -webkit-transform: translateY(-1.1rem);
-  -ms-transform: translateY(-1.1rem);
-  transform: translateY(-1.1rem);
+  font-size: 12px;
+  padding: 0 8px;
+  -webkit-transform: translateY(-11px);
+  -ms-transform: translateY(-11px);
+  transform: translateY(-11px);
 }
 .divider {
-  border-top: .1rem solid #f0f1f4;
-  height: .1rem;
-  margin: 1rem 0;
+  border-top: 1px solid #f0f1f4;
+  height: 1px;
+  margin: 10px 0;
 }
 .divider-vert {
   display: block;
-  padding: 1rem;
+  padding: 10px;
 }
 .divider-vert::before {
-  border-left: .1rem solid #f0f1f4;
-  bottom: 1rem;
+  border-left: 1px solid #f0f1f4;
+  bottom: 10px;
   content: "";
   display: block;
   left: 50%;
   position: absolute;
-  top: 1rem;
+  top: 10px;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
 }
 .divider-vert[data-content]::after {
   left: 50%;
-  padding: .4rem 0;
+  padding: 4px 0;
   position: absolute;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
@@ -2926,26 +2925,26 @@ a.text-error:hover {
 }
 .loading {
   color: transparent !important;
-  min-height: 1.6rem;
+  min-height: 16px;
   pointer-events: none;
   position: relative;
 }
 .loading::after {
   -webkit-animation: loading 500ms infinite linear;
   animation: loading 500ms infinite linear;
-  border: .2rem solid #5764c6;
-  border-radius: .8rem;
+  border: 2px solid #5764c6;
+  border-radius: 8px;
   border-right-color: transparent;
   border-top-color: transparent;
   content: "";
   display: block;
-  height: 1.6rem;
+  height: 16px;
   left: 50%;
-  margin-left: -.8rem;
-  margin-top: -.8rem;
+  margin-left: -8px;
+  margin-top: -8px;
   position: absolute;
   top: 50%;
-  width: 1.6rem;
+  width: 16px;
   z-index: 1;
 }
 .clearfix::after,
@@ -2976,82 +2975,82 @@ a.text-error:hover {
   margin-right: auto;
 }
 .mt-10 {
-  margin-top: 1rem;
+  margin-top: 10px;
 }
 .mr-10 {
-  margin-right: 1rem;
+  margin-right: 10px;
 }
 .mb-10 {
-  margin-bottom: 1rem;
+  margin-bottom: 10px;
 }
 .ml-10 {
-  margin-left: 1rem;
+  margin-left: 10px;
 }
 .m-10 {
-  margin: 1rem;
+  margin: 10px;
 }
 .mt-5 {
-  margin-top: .5rem;
+  margin-top: 5px;
 }
 .mr-5 {
-  margin-right: .5rem;
+  margin-right: 5px;
 }
 .mb-5 {
-  margin-bottom: .5rem;
+  margin-bottom: 5px;
 }
 .ml-5 {
-  margin-left: .5rem;
+  margin-left: 5px;
 }
 .m-5 {
-  margin: .5rem;
+  margin: 5px;
 }
 .pt-10 {
-  padding-top: 1rem;
+  padding-top: 10px;
 }
 .pr-10 {
-  padding-right: 1rem;
+  padding-right: 10px;
 }
 .pb-10 {
-  padding-bottom: 1rem;
+  padding-bottom: 10px;
 }
 .pl-10 {
-  padding-left: 1rem;
+  padding-left: 10px;
 }
 .p-10 {
-  padding: 1rem;
+  padding: 10px;
 }
 .pt-5 {
-  padding-top: .5rem;
+  padding-top: 5px;
 }
 .pr-5 {
-  padding-right: .5rem;
+  padding-right: 5px;
 }
 .pb-5 {
-  padding-bottom: .5rem;
+  padding-bottom: 5px;
 }
 .pl-5 {
-  padding-left: .5rem;
+  padding-left: 5px;
 }
 .p-5 {
-  padding: .5rem;
+  padding: 5px;
 }
 .shadow-0 {
-  box-shadow: 0 0 .2rem rgba(69, 77, 93, .3);
+  box-shadow: 0 0 2px rgba(69, 77, 93, .3);
 }
 .shadow-1 {
-  box-shadow: 0 .1rem .4rem rgba(69, 77, 93, .3);
+  box-shadow: 0 1px 4px rgba(69, 77, 93, .3);
 }
 .shadow-2 {
-  box-shadow: 0 .2rem .6rem rgba(69, 77, 93, .3);
+  box-shadow: 0 2px 6px rgba(69, 77, 93, .3);
 }
 .shadow-3 {
-  box-shadow: 0 .3rem .8rem rgba(69, 77, 93, .3);
+  box-shadow: 0 3px 8px rgba(69, 77, 93, .3);
 }
 .shadow-4 {
-  box-shadow: 0 .4rem 1rem rgba(69, 77, 93, .3);
+  box-shadow: 0 4px 10px rgba(69, 77, 93, .3);
 }
 .rounded {
-  border-radius: .2rem;
+  border-radius: 2px;
 }
 .circle {
   border-radius: 50%;