mario-core 0.0.1-district

package/dist/index.css

@@ -0,0 +1,747 @@
+:root {
+  --core-white: #fff;
+  --core-red: #f00;
+  --core-gray: #ccc;
+  --core-light-blue: #d2e1f8;
+  --core-light-gray: #f2f2f2;
+  --core-light-blue-btn: #20a8d8;
+  --core-blue-btn: #1b8eb7;
+  --core-blue-border: #1985ac; }
+
+._2HqmH {
+  width: 100%;
+  justify-content: center; }
+  ._2HqmH > span {
+    font-family: "Poppins-Regular" !important; }
+
+._2sew7 {
+  top: -4px;
+  right: -3px;
+  transform: translate(50%, -50%);
+  margin: 2px;
+  border-radius: 50%;
+  width: 16px;
+  height: 16px;
+  background-color: var(--core-red);
+  color: var(--core-white);
+  text-align: center; }
+
+/* style for login */
+._3OgWF {
+  display: inline-block;
+  font-size: 34px;
+  letter-spacing: normal;
+  text-align: center;
+  text-transform: uppercase;
+  line-height: 2;
+  color: #ffffff; }
+
+._r9cAh {
+  background-color: #ffb04f;
+  border-radius: 100px;
+  padding: 5px 40px;
+  text-align: center;
+  text-transform: uppercase;
+  font-weight: 600;
+  font-size: 20px;
+  color: #242424;
+  cursor: pointer;
+  display: inline-block; }
+  ._r9cAh:hover {
+    color: inherit;
+    background: #f5a037;
+    text-decoration: none; }
+
+._NszFe,
+._MDjzH {
+  color: #ffffff !important;
+  font-size: 16px;
+  font-weight: 500;
+  text-align: center; }
+  ._NszFe:hover,
+  ._MDjzH:hover {
+    color: #ffffff;
+    text-decoration: none; }
+
+._1Swkw p {
+  color: #ffffff;
+  margin-bottom: 0;
+  font-size: 56px;
+  font-weight: 700;
+  text-align: left; }
+
+._gi8vj p {
+  color: #73c8e5;
+  margin-bottom: 0;
+  font-size: 24px;
+  font-weight: 600;
+  text-align: left;
+  opacity: 0.8; }
+
+._38Lo1 {
+  width: 826px; }
+
+._1OzGy {
+  width: 50%;
+  max-width: 826px;
+  border-radius: 5px; }
+
+._wWIyO {
+  width: 100%;
+  height: 100%;
+  background-color: #ffffff;
+  border-radius: 5px 0 0 5px;
+  box-shadow: 0 3px 6px #00000029; }
+
+._3nuns {
+  font-size: 24px;
+  font-weight: bold;
+  line-height: 28px;
+  margin-bottom: 30px;
+  font-family: "Montserrat-Bold" !important; }
+
+._21qb6 {
+  margin-bottom: 5px; }
+
+._NhW9l {
+  font-weight: 500;
+  font-size: 32px;
+  color: #8b0000;
+  line-height: 0.5;
+  cursor: pointer; }
+  ._NhW9l:hover {
+    text-decoration: none;
+    color: #8b0000; }
+
+._3IL10 {
+  background-color: rgba(0, 0, 0, 0.1);
+  cursor: pointer;
+  color: #ffffff;
+  font-size: 16px;
+  font-weight: 500;
+  text-align: center;
+  padding: 13px 27px;
+  border-radius: 4px;
+  display: block;
+  border: none;
+  outline: none;
+  width: 100%;
+  font-family: "Poppins-Regular" !important; }
+
+._141p1 {
+  bottom: 20px;
+  position: absolute;
+  right: 100px; }
+
+._Ce3Kg {
+  color: #2196f3;
+  text-align: center;
+  font-weight: 500; }
+  ._Ce3Kg:hover {
+    color: #336dda; }
+
+._2t6d9 {
+  text-align: left;
+  font-weight: normal;
+  font-size: 16px !important; }
+
+._3bDsd {
+  color: #336dda;
+  font-size: 16px;
+  display: inline-block;
+  font-weight: 500;
+  font-family: "Poppins-Regular" !important; }
+  ._3bDsd:hover {
+    color: #336dda;
+    -webkit-text-decoration: revert;
+            text-decoration: revert; }
+
+._11FZt {
+  font-weight: 500; }
+
+._3LXoI {
+  text-align: center;
+  font-size: 14px; }
+  ._3LXoI a {
+    font-weight: 500;
+    color: #c70000; }
+    ._3LXoI a:hover {
+      color: #c70000; }
+
+._PMcjT {
+  color: #c70000;
+  font-size: 16px;
+  font-weight: 500;
+  text-align: center; }
+
+._2rZY6 {
+  border-radius: 12px;
+  padding: 20px 50px;
+  margin-right: 20px;
+  height: 100%;
+  width: 280px; }
+  ._2rZY6 ._3SOdX > p {
+    font-size: 14px;
+    font-weight: 400;
+    margin-bottom: 0; }
+    ._2rZY6 ._3SOdX > p > span {
+      font-size: 14px;
+      font-weight: 600; }
+  ._2rZY6 ._y9lM2 > img {
+    height: 30px; }
+
+._2rZY6:nth-child(1) {
+  background: #316cd9;
+  color: #ffffff; }
+
+._2rZY6:nth-child(2) {
+  background: #c54140;
+  color: #ffffff; }
+
+._2rZY6:nth-child(3) {
+  background: #73c8e5;
+  color: #242424; }
+
+._1TT1q ._NszFe,
+._1TT1q ._MDjzH {
+  padding: 0 15px; }
+
+._1TT1q ._r9cAh {
+  color: #ffffff;
+  margin-left: 15px; }
+  ._1TT1q ._r9cAh:hover {
+    background-color: #ffffff;
+    color: #8b0000;
+    text-decoration: none; }
+
+._32V6L {
+  display: inline-block;
+  width: 430px;
+  height: 170px;
+  box-shadow: 0 3px 6px #27347d29;
+  border-radius: 20px;
+  opacity: 1;
+  padding: 50px; }
+  ._32V6L ._20YJX {
+    width: 70px;
+    vertical-align: top; }
+  ._32V6L ._3OgWF {
+    width: 70%; }
+
+._wWIyO {
+  padding: 60px 50px;
+  position: relative; }
+  ._wWIyO label:not(._11FZt) {
+    color: #8f9bb3;
+    text-transform: uppercase; }
+  ._wWIyO input[type="text"],
+  ._wWIyO input[type="password"] {
+    width: 100%;
+    border-radius: 4px;
+    background-color: #f7f9fc;
+    height: 50px;
+    margin-bottom: 5px;
+    padding: 4px; }
+  ._wWIyO ._39BJD {
+    margin-bottom: 30px; }
+    ._wWIyO ._39BJD ._ozRAq:disabled {
+      background: #E5E5E5; }
+  ._wWIyO input[type="checkbox"]._2K9b2 {
+    margin-left: 0; }
+  ._wWIyO ._11FZt {
+    padding-left: 20px; }
+  ._wWIyO ._3IL10 {
+    margin: 30px 0;
+    color: rgba(0, 0, 0, 0.36);
+    font-weight: 500;
+    font-family: "Poppins-Regular" !important; }
+    ._wWIyO ._3IL10:hover {
+      background-color: #2196f3;
+      color: #ffffff; }
+  ._wWIyO ._2VvIr {
+    border-radius: 50px; }
+  ._wWIyO ._2A0HF {
+    background: #316CD9;
+    color: #FFFFFF; }
+  ._wWIyO ._3LXoI {
+    position: absolute;
+    margin-left: auto;
+    margin-right: auto;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    text-align: center; }
+
+._23Sua {
+  min-height: 40vh; }
+
+._3CWP6 ._3nuns {
+  margin-bottom: 0;
+  font-family: "Montserrat-Bold" !important; }
+
+._3CWP6 ._PMcjT {
+  margin-bottom: 20px;
+  font-family: "Poppins-Regular" !important; }
+
+._3CWP6 ._3IL10 {
+  margin-bottom: 70px;
+  font-family: "Poppins-Regular" !important; }
+
+._3Wmco ._13Rk0 {
+  padding-bottom: 60px; }
+
+* {
+  box-sizing: border-box; }
+
+._o6HKW {
+  margin-top: -2rem;
+  margin-left: -30px;
+  margin-right: -30px; }
+
+._30npl {
+  width: 100%;
+  height: 100%;
+  z-index: 1; }
+  ._30npl img {
+    width: 100%;
+    height: 100%;
+    -o-object-fit: cover;
+       object-fit: cover;
+    -o-object-position: center;
+       object-position: center;
+    position: absolute;
+    z-index: 1;
+    top: 0;
+    left: 0; }
+    ._30npl img._3oAH- {
+      z-index: 3; }
+      ._30npl img._3oAH-._16rY4 {
+        -webkit-animation: _26nbh 1s ease-in-out forwards;
+                animation: _26nbh 1s ease-in-out forwards; }
+    ._30npl img._3A7Vv {
+      z-index: 2; }
+
+@-webkit-keyframes _26nbh {
+  0% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+
+@keyframes _26nbh {
+  0% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+
+._F-hjL {
+  background-color: #336dda;
+  background-repeat: no-repeat;
+  background-size: cover;
+  width: 100%;
+  height: 100vh;
+  background-position: center; }
+  @media (max-width: 768px) {
+    ._F-hjL {
+      background-color: #336dda;
+      overflow: hidden; } }
+  ._F-hjL ._149oA {
+    position: relative;
+    z-index: 2;
+    background: rgba(0, 0, 0, 0.57);
+    height: 100%;
+    padding: 20px 100px; }
+    ._F-hjL ._149oA ._24U3W > img {
+      height: 60px; }
+    ._F-hjL ._149oA ._3Wmco {
+      padding-top: 70px; }
+
+._2v-L_ {
+  padding: 0 !important; }
+
+._3ncTL {
+  width: 100%;
+  height: 100%;
+  border-radius: 0 5px 5px 0 !important; }
+
+._2kOvJ {
+  width: 50%;
+  margin-bottom: 25px;
+  margin-left: -30px; }
+
+._39l0X {
+  padding: 0; }
+  ._39l0X > ._1BMwK {
+    padding: 0; }
+
+._1XNpH {
+  padding: 4px;
+  margin-bottom: 0;
+  border: 1px solid var(--core-light-blue-btn);
+  background-color: var(--core-light-blue-btn);
+  border-radius: 2px;
+  color: #fff;
+  font-weight: 500;
+  font-size: 0.9em;
+  cursor: pointer;
+  height: 30px; }
+
+._1XNpH:hover {
+  border: 1px solid var(--core-blue-border);
+  background-color: var(--core-blue-btn); }
+
+._1z5h9 {
+  height: 30px; }
+
+._Gewcf {
+  max-width: 300px;
+  max-height: 75px; }
+
+._2vcmv {
+  background: #262626 !important; }
+
+._1hXpy {
+  max-width: 160px;
+  max-height: 60px; }
+
+._3vb3s li > a {
+  color: #808080 !important; }
+
+._3vb3s li > a:hover {
+  background: #191919 !important;
+  color: #ffff !important; }
+
+._3vb3s li > ._36jSM {
+  background: #191919 !important;
+  color: #ffff !important; }
+
+._DNrus li > a {
+  max-width: 200px; }
+
+._3NEZj,
+._1wUDG {
+  background: #262626 !important; }
+
+._1S7Px {
+  cursor: pointer;
+  font-size: 20px;
+  color: #808080; }
+
+._3846X {
+  height: 36px;
+  width: 36px;
+  -o-object-fit: contain;
+     object-fit: contain;
+  -o-object-position: center;
+     object-position: center; }
+
+._1wUDG {
+  background: #262626;
+  cursor: pointer; }
+  ._1wUDG p {
+    color: #808080;
+    margin: 0;
+    cursor: pointer; }
+
+._2P85D {
+  height: 25px;
+  margin-right: 15px;
+  cursor: pointer;
+  color: #808080; }
+
+._1qjbW {
+  height: 90vh; }
+
+._1I62C label {
+  display: block;
+  font-size: 16px;
+  margin-top: 10px;
+  margin-left: 5px; }
+
+._1I62C ._3cLcM {
+  display: block; }
+
+._1krbH ._RQaHE {
+  border: none;
+  background-color: transparent;
+  outline: none; }
+  ._1krbH ._RQaHE:hover, ._1krbH ._RQaHE:focus, ._1krbH ._RQaHE:active {
+    background-color: transparent !important;
+    outline: none;
+    border: none;
+    box-shadow: none !important; }
+  ._1krbH ._RQaHE img {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%; }
+
+._1krbH ._XK8oS {
+  width: 30px !important;
+  height: auto !important;
+  border-radius: 0 !important; }
+
+._1krbH ._3ys4W {
+  width: 300px;
+  top: 52px !important;
+  left: -250px !important;
+  transform: none !important;
+  border-radius: 10px;
+  box-shadow: 0px 3px 6px #27347d29;
+  border: none;
+  padding: 15px; }
+  ._1krbH ._3ys4W:after {
+    display: none; }
+  ._1krbH ._3ys4W ._ToOW_ {
+    background: transparent; }
+    ._1krbH ._3ys4W ._ToOW_:hover {
+      color: #8b0000; }
+
+._1krbH ._3sQlR {
+  font-weight: 600;
+  border-top: 1px solid #27347d29;
+  padding-top: 10px; }
+  ._1krbH ._3sQlR._3bqSM {
+    color: #8b0000; }
+  ._1krbH ._3sQlR ._1jgSI {
+    margin-right: 12px; }
+
+._1krbH ._35Ttz img {
+  width: 70px;
+  height: 70px;
+  border-radius: 50%;
+  box-shadow: 0px 3px 6px #27347d29;
+  border: 2px solid #ffffff; }
+
+._1krbH ._3ys4W ._1wc7o {
+  padding: 10px 0; }
+
+._1krbH ._3ys4W ._1_9tV {
+  color: #8b0000;
+  font-weight: 600; }
+
+._1krbH ._3S4f2 {
+  padding-left: 20px;
+  width: 190px; }
+  ._1krbH ._3S4f2 h5,
+  ._1krbH ._3S4f2 span {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: inline-block;
+    width: 100%; }
+  ._1krbH ._3S4f2 a {
+    padding: 0;
+    text-decoration: none; }
+
+._1krbH ._3ajui {
+  width: 210px;
+  top: 40px !important;
+  left: -80px !important;
+  transform: none !important;
+  border-radius: 6px;
+  box-shadow: 0px 8px 15px #989898;
+  border: none;
+  padding: 0 8px; }
+  ._1krbH ._3ajui:after {
+    display: none; }
+  ._1krbH ._3ajui ._ToOW_ {
+    background: transparent; }
+
+._1krbH ._3Y_y4 {
+  color: #242424;
+  display: flex;
+  padding: 8px;
+  border-radius: 6px; }
+  ._1krbH ._3Y_y4:hover {
+    background-color: #f1faff;
+    color: #009ef7; }
+
+._1krbH ._CzNMi {
+  background-color: #f1faff;
+  color: #009ef7; }
+
+._1ocBa {
+  cursor: pointer;
+  font-weight: 500; }
+  ._18NhM, ._1ocBa:hover {
+    color: #316cd9; }
+  ._1ocBa svg {
+    width: 16px;
+    height: 16px; }
+
+._2bquW {
+  top: 50%;
+  transform: translateY(-50%);
+  left: 12px;
+  font-size: 14px; }
+
+._3A4G4 {
+  padding-left: 28px !important; }
+
+._1MsEW {
+  max-height: 200px;
+  overflow-y: auto;
+  border-radius: 8px; }
+  ._1MsEW input {
+    margin-bottom: 5px; }
+
+._2rTzM {
+  border-radius: 4px;
+  background: #ffff; }
+
+._18y0w {
+  padding: 6px 12px 6px 0px;
+  border-radius: 0 4px 4px 0;
+  color: #fff; }
+
+._3cZAT {
+  padding: 5px 8px 7px 6px;
+  border-radius: 4px 0 0 4px; }
+
+@media (max-width: 575px) {
+  ._1INnO {
+    display: none; }
+  ._38Lo1 {
+    width: 358px; }
+  ._wWIyO {
+    padding: 50px 20px !important; } }
+
+@media (max-width: 768px) {
+  ._2v-L_ {
+    display: none; }
+  ._wWIyO {
+    border-radius: 5px !important; }
+  ._38Lo1 {
+    width: 500px !important;
+    max-width: 95%; }
+  ._2yRc8 {
+    font-size: 30px;
+    color: #ffffff; }
+  ._149oA {
+    padding: 20px !important; }
+  ._13Rk0 ._1Swkw > p {
+    font-size: 40px;
+    font-weight: 700;
+    text-align: center; }
+  ._13Rk0 ._gi8vj > p {
+    font-size: 16px;
+    font-weight: 600;
+    text-align: center; }
+  ._141p1 {
+    right: 20px; }
+  ._ABUIP {
+    overflow-x: scroll;
+    -ms-overflow-style: none;
+    scrollbar-width: none; }
+  ._ABUIP::-webkit-scrollbar {
+    display: none; }
+  ._F-hjL ._1TT1q ._NszFe {
+    width: 70%;
+    border: #8b0000;
+    color: #ffffff;
+    max-width: 500px;
+    margin: 5px auto;
+    background-color: #8b0000;
+    border-radius: 10px;
+    padding: 5px 40px; }
+  ._F-hjL ._1TT1q ._MDjzH {
+    width: 70%;
+    border: #8b0000;
+    max-width: 500px;
+    margin: 5px auto;
+    border-radius: 10px;
+    color: #ffffff;
+    background-color: #8b0000;
+    padding: 5px 40px; }
+  ._F-hjL ._1TT1q ._r9cAh {
+    justify-content: center;
+    width: 70%;
+    max-width: 500px;
+    margin: 5px auto;
+    border: #8b0000;
+    color: #ffffff;
+    background-color: #8b0000; }
+    ._F-hjL ._1TT1q ._r9cAh :hover {
+      background-color: transparent;
+      color: #8b0000; }
+  ._1INnO {
+    display: none; }
+  ._WX97m {
+    padding: 10px 40px !important; }
+  ._WX97m {
+    background: #ffff;
+    padding: 20px;
+    margin-top: 10px; }
+    ._WX97m > ul > li > a {
+      width: 100% !important;
+      border: none !important;
+      color: #000000 !important;
+      background-color: #fff !important;
+      text-align: left;
+      padding: 0 !important; } }
+
+@media (min-width: 768px) {
+  ._2LIqK {
+    display: none; } }
+
+._2Zz97 ._3-yp5 {
+  z-index: -1; }
+
+._1KcY7 {
+  padding: 10px 75px;
+  border-top: 1px solid #DFE0DF;
+  cursor: pointer;
+  font-size: 20px;
+  text-align: center;
+  margin-bottom: 0;
+  transition: background-color 0.5s ease-out; }
+
+._1KcY7:hover {
+  background: #336DDA;
+  color: #ffff; }
+
+._dOVso {
+  background: #336DDA;
+  color: #ffff; }
+
+._3ZqxI > div {
+  border-radius: 7px; }
+
+._3ZqxI ._g-p72 {
+  font-weight: 500;
+  line-height: 1.6;
+  font-size: 20px;
+  padding: 10px 20px; }
+
+._297lu {
+  width: 100%;
+  height: 100%; }
+
+._fAgyT {
+  height: 120px;
+  width: 84px; }
+
+._174lZ {
+  width: 84px;
+  height: 84px;
+  -o-object-fit: contain;
+     object-fit: contain; }
+
+._27ch0 {
+  background-color: #0fa3ff20 !important; }
+
+._2KvRR {
+  text-align: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical; }
+
+._1thMc label {
+  display: block;
+  font-size: 16px;
+  margin-top: 10px;
+  margin-left: 5px; }
+
+._1Yddg {
+  height: 38px; }