@import url("https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600;700&display=swap");
@import url("defaults.css");
@font-face {
  font-family: "Kanpeki";
  src: url("../fonts/KanpekiRegular.woff2") format("woff2"), url("../fonts/KanpekiRegular.woff") format("woff"), url("../fonts/KanpekiRegular.svg#KanpekiRegular") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Mixins */
/* End Mixins */
:root {
  --thumb-size-factor: 1.75;
  --thumb-hover-size: calc(100% * var(--thumb-size-factor));
  --thumb-size-factor-interest: 1.75;
  --thumb-hover-size-interest: calc(100% * var(--thumb-size-factor-interest));
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  background: black;
  background: #181818;
}
@media screen and (max-width: 767px) {
  html {
    font-size: 14px;
  }
}
html .fixed-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transform: translate3d(0, 0, 0);
  background-image: url("../img/glass-bg3.png");
  background-size: 200% 100%;
  background-position: top right;
}
@media screen and (min-width: 1024px) {
  html .fixed-bg {
    background-size: cover;
    background-position: center;
  }
}

body {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  padding-bottom: 3rem;
  max-width: 100vw;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  color: #fff;
  /*
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAelUlEQVR4nJ18e0AP6ff/yxhjdkwjyXuTLuSysll8bWzuUqoliaLWrUQuydJFpZSEyqVSG8kuVm7LuhRbi9bmUolW2FXu1128C7nkulm/PzJPM++Zd/r8zj+8Z545z3nO7TnPOecJ+AAHDx5kAOD8+fPMF198Qe/evZuDBIKDgwVbW1sGAPLz81nx+ZQpU2iowNKlS5kBAwYw4u8LFy6YqI0TITU1lQeAO3fucDNmzKDmzZvHX7t2TRDfa7VaSvx/SEhI+4EDB/IA0L17d0qK58yZM3xD8+hCVFSUsd6XnTt3JsgLCws5AHjx4oVsQm9vb0b3OwsLC3bdunVCfHy8KnMA4Nq1a7J3lpaWFACYm5vTAHDv3j3C5EWLFhFGJCcnUwBQUlIiQAVycnJYADAyMpLRaW5urjpehKFDh1L63v3888/UqFGjTJYsWaIBANy8eVPvwmJiYlgA6NmzJwMAgYGBnIuLi17kAGBjYyN7LwgCtX//fnbAgAE8AJw6dYrV/eb9+/f0uXPniPSioqIYAwMDGZ4ff/xRQWd6ejoHAGZmZtyGDRtkeE+cOGEyefJk4eTJkywAjB07ViZcJycnGT5PT08WqNdeAPWmpAY+Pj4yMwgKCiIETJo0Saa6V65cMRL/Hx8fLzNHKfj5+bG1tbX8sWPHhA9EswCQkpIiW9ydO3cUGtCtWzfZgjp06EAY2Lp1a71Cjo+PN7x79y55L84thbCwMM38+fPreLF8+XLClNDQUB4ANm/ebLxw4UIKAAIDA9sDwKtXrwjRixcvZgGgqKiIcXZ2ljHg6tWrtKGhIWHYuHHjuF69elH29vZMZmYmfevWLfIuMTFRwbyysjJCz5dffils27ZNePnyJQUAa9eupQFg1qxZMoFkZmaS37m5ucLKlSvJon/44QeT1NRUKwAwMDCgzMzMFAyxt7dv0AowdepU7uzZsywAVFRUMBUVFYTI3r17a3THl5aWClqtVkZkcnJy1zt37tDz5s3jAKB///70zJkzGQAIDQ01MTAwUDjIb7/9VgCAc+fOCQsWLDDq2bMnp9Vq2TFjxig04ODBgzQAzJs3T7GY6upqBY0NQadOnQgOPz8/ou24ffs2eeHt7U0FBQXxWq2WX7Vqlan4XHSU0dHRmvnz5xslJCQoFhYeHq6QfGBgIGHqw4cPhaysLNlC0tLSuJMnT/IAcPfu3Qadpi5ERESYSn//9ttvVJ8+ffiSkhJC2/3792kPDw/yu1+/fha6eKqqqtjp06eTudu3b6+fjvDwcGIyDx48UCz49u3b3KeffsqPGTNGwaCKigryLC4ujr579y4HAHZ2dsK5c+eozz//nAeA/Px8xs/PjwaAu3fvmoSEhMh8nL+/P+3t7c107txZpjFr166VzVlZWUnou3r1Kj1s2DBeZ7zCd/r6+soWX1lZya9cuZLevHkzCwAHDhxQbA56Ye3atXpVNC0tjQeAvXv30gCQmppqBADfffcdv2fPHkYyjjhxnuc5ALh58yYLAMuWLeP69+9PNGr79u1Sf8Z07NiRbtKkiV5nLoUjR44IABAWFtag39izZw/H87zg4uKizoiffvrJGADE7dLGxoZIydfXlykuLrYSnVuzZs0Mpd86OTkZLV68mAOAhIQEYdWqVdTt27dZAGjbti1bXFzM9+vXjwOAESNGqAZfL1++pGfNmqU3ACwqKjIBgEePHin8Te/evYn0rays2OLiYsKMXr16USYmJhwAcBwneHh4GE6ZMoWZMGGCjBG7du2iRL/l7++vpNHDw0P2QWRkJAUAkydPJgTZ2Njw1dXVMsmlpaUJFRUVvLm5OQcAb9++leFp0aIFBwBRUVFk0pMnT5oCQEJCAtGoffv2UQDg5+cnM0cAKCwsZMrKymgA6Ny5M/uBLlVJ79q1S8bAvLw8U41GY3bjxg2Fxh05coS3s7PjPsxh7OrqyqSkpBgjIyODPnnyJEEUExND8zxPCAsJCaEAYMKECXx4eLhexxQdHS0jMioqik5NTeVqa2sJMW/fvmUAYNSoUTIHKf7/2rVrFAAsXLiQfHPmzBmmrKyM/u233xgAcHV1NQOAgoICGgAGDhxIN2vWjI2OjuYPHTokAPVHlr179+qlt6CggAGA9evXUwBAURSh4+3bt/Xf3b17lwUAX19fmam4ubnxqampCk7v2bOHLE7tuCCF0NBQot7+/v7GALBy5UpWq9USYqqrq3me56Vm0CBOXbh69apMS3Jycsj3EyZM4JKSklhnZ2eZmXTv3p2M+frrr5nRo0fL1zl16lQyYNOmTTJbz8nJIcR6eXnx+/fvV9j569evG7XVRkZGKhhcVVXVoIN0cXHhrKysBACgKKpRB0TRZKOjo83EZ+Xl5RwAZGVlcQDwxRdfsAAQHBys7tALCgoa5ekB4PHjxzwAHDt2jAaAPXv2aBITE40SExPZ9u3bkwXeuHGDAYAJEyYQhoWHh8t2HRGys7NpADh+/LgGALy9vXmO46jDhw8L7u7usvFt27aVCeDcuXMNMqpFixZ8eno68+WXXxI8kydP5gHAy8vrf4qbCAQEBKgyrG3btjQA3L59+/8PMYA5c+YQ3C9fviQaeOLECWb69Ol6zzpqcOzYMaLtiYmJFACcOnVKIQAxPeHo6NhgZCxqFABg2rRpDdrzkiVLGADYtGkTUU0PDw/2xo0bXE1NDQUAmzdvNgIAPz8/BcOWLVumAYDLly8r3n3++efkWWRkJPl/fHy8/jzJB1DbZe7fv8/6+vqyt27dor777jsKAIYPH04BwKJFi2T+89GjR4K7u7uY/uB++eUXAai3CL2wZcsW0S6Fp0+fMgAgHiwBYNWqVQ1GiAcOHBAA4N9//xUAYOXKlY1yqHv37pWNGzx4sIJQS0tLBVNcXV2Nz5w5Q5i7bt06dtCgQYRG3TBCF/z8/EyjoqK469ev12tccXGxTEKlpaWUp6cnAwCTJ0+WSTo0NJQBgC1btjD//PMPN2zYMILo119/JXZ/5coV7siRI6om+ffff5PFjxs3TrHwwMBAMmf37t35Tp06qfoTrVarV7Pu3r3Lnzp1igkLC1OM2bZtm2bkyJECUJcpGDlyJMHftm1bmuRBRMjLyyNEihGrFKZNm6YgMC8vjzzjOI4w6a+//uI//fRTmfQ7duxI8EsXL57JRGcMAIsWLZIxrKysTG90LGpn165dublz52o6dOhAaL98+bLM55w7d45+9OhRg6lWBQwePFjTuXNndvny5cLUqVO5bdu2GWZkZJBJxJjkxx9/FABAo9EIWq32ozvb06dPhQ+LI0f7oqIiwpg9e/awWVlZDar6rVu3qEmTJrEA0LJlS4WAQkJCaAAwNDTkrly5QgP1GT41MDMz4wHAzc3N5M8//1T3KwMGDFA4xsrKSs7BwUFYs2YNAwBJSUlCTEwM0QB/f38hKSmJA+q3QRGys7MbTvyowKRJk7jZs2dzADB06FDp8UEa+DX65Ovl5UUBgJgX+hhkZGTwAPD48WMK3bt35z98zAJA7969eQAQ0wNDhgxhgXrHNWHCBMLZ7du3Eybt2LGDO3ToEFVWVsYDwH///ccZGxtTJSUlzKtXr2RMGzx4MFtdXc04OjoqhNGuXTvZwm/fvk2+Xbp0KbVu3To2MzNTJt0dO3YYSs9zp0+fVsspC8OHD5c9b9myJdOzZ0+S13ny5IlpQECAcfv27ZXas2DBAgYAdu7cKUMiRo69evUSAGDmzJmKyVu1aqUqzbZt21JBQUGGc+fO5QYMGEC2zDZt2tDh4eENbsvOzs40wzAE77p160igGBAQQA8fPpyKj48XgLo0qO73z54909VckvY8evQoLc11jxs3jvrpp5/qmVJWViZDmJKSQqRkYGBA3sXGxtIA0LJlSwVH9+3bJ9OKmpoaGgBmzpwpdOnShQLqakbp6emE0K5du5IwAAAGDhzIAMDo0aMJroiICB4A/vjjDzJnXl6eqpm2bt1a9nzkyJGGAFBYWGgI1Dn7kJAQzfr16z9ujtOmTSPIdu7cye7atYsBgB07duiLbIXg4GAuMTGRNjIyYrKysjhp4DZz5kzZd7GxscS+xQLawYMH2T179ggAsGzZMsKE8vJy8q3oawDgypUrsp1NX7pBH7Rt25aT7oa64OPjQwF1xUa9SObMmcPcuHFDwRRxF8jOzhbERNa8efM0LVq0MBw7dqxCggYGBtzs2bOphw8fcgDg4uIim9TFxYVr2bIlMSMzMzN+1KhRjLm5OQsAQUFBDABkZmaqake7du04aZhgYWHBAIBGo2k006ysrFgjIyP9R5vz58+zYlqyIRgzZgxBsnPnTg4APD09jYG69AQAjB49mr1w4QJhgru7uykATJ06tcGzVX5+PhcWFkbGfPXVV406STdt2pQ+ceIEAwD9+/c30Wq11NGjR+lnz54JAODi4qIXT8+ePVXf9ejRg4ajoyObkZGhyhQHBwdjafk1Ozubke5KIhw6dEgm1R9++EF49eoVv3r1ag4AiouLZUxp1qwZFxcXx2RkZKiqblZWlmyOIUOGCB4eHqqHv4SEBOrVq1cKrUpOTlZs0ceOHeOWL1+ul1F9+vRpXN27Xbt2FADMmDFDRmhQUJAAAP379ycLU6sVSUGazZ80aRLr4OBAiVk4X19fDgDELH2rVq0oMT7av38/s2vXLgoAnj17xgNAVlYWmdfY2JgBgK1bt350UXZ2dh+Nrdzc3DQTJ06kMWLECJJAFvMbcXFx1NKlS2VS/vPPP8nvn376SQCA58+fCwBga2srAMDAgQOJfe/du1dB6H///cfk5eXJtMTW1pYwXSyndO3aVa+fSEtLU2gCTdOEtr/++osHgFevXglv3ryh1q9fLxNq3759Ce5hw4ZxSUlJbElJCQPUnQ8VE6oVmkxMTLgXL17ojRpjY2Pp5cuXa5KSkhpVOxZBzKmam5szLMuyADB9+nQGkJ+7pLBz504j6e+rV6+yQP1Ro02bNoTOkJAQsXxChODl5UVMsVmzZhwAfPPNN4YAwHEcrbvzEWjatCkLABRF6ZVWbW0tBQBFRUUy4mfNmkV2l6ysLN7c3Jz28/NrdGbwA5Fdpb8LCgqYzz77jJEW3rOzswlt1tbWqvgXLFigEMzDhw8VzB4+fDgHABMnTiQ4f//9d3bKlClyBiUmJnLS7PyHj2S/BwwYwA8ePJhevXq17ONLly7JtK1FixYMAFhaWtIAUFtbS4gdMmQIkbzeg5sEpMcOEZYsWcKVlZXJaLt48SINADt27CBM6NSpE8Hv6empMBMLCwv+4sWLYs2LlG+Li4vrcPj6+jbouAoKCgSgLgo9c+aMgtBVq1bRYpxSWloqHD16lBDRr18/2eKliaTIyMiPJq6CgoIoABg3bpyV2vsxY8bIFmxtbS3D2adPH9WANTIykqqtrVUNIQIDA+txiqWF9+/fCzRNM+/evZOZVJ8+fQiS9PR0aY8JtWTJEsLYnj17sgCwb9++j+aExfzxJ598Ihurm6guLCyULdbBwUHGjOPHj1MA8NVXXzGTJk2SFftFmDhxoqrwg4KC+OvXr6trbqtWrfgRI0YobLZ58+asubk5IWrEiBEKBAUFBYoJfX19eTs7O1bMd8yePZsPCAhg161bRxb8ySefUABgb2+vStTZs2eF9PR0dvfu3bL3y5cvZ8SOLAcHBxkD8/LyqPDwcAW+R48eqfqjN2/e6DfloqIiJioqyighIYEF6jurfHx8DD+8p69fvy5YWFiwgiDItKi6ulrGFDEeAeqL9QBgamraaEc8dOhQ3t3dXXdLl1YujcXUhrQBaM2aNYpFTpkyhbxfuHCh8YkTJzhAmXu6ffs2oU9NQfDu3TshLi6OAYDx48fLiEtMTGz0GcTf359PTEw0AYAzZ86Yubm5EUJOnTpF8Pr4+DDS5sK///6bB4CdO3fyADB27FhDALhw4QJ18eJFHgCioqKod+/eyQRSWlrKiSd4fbB169YGhZOTk0NMMDg42BRNmjRhYmJiyEe2trZ0QECAqlOcNm0apdFo9Krfpk2bCHKx3Nq+fXsOAAYPHqwgzMfHR2GGy5YtM+nevbveRUjjDVtbWwoAWrdurRi/d+9eVUZFREQong8aNIj19PRkHjx4wEybNs2odevWFAoKCowB4NKlS9yCBQtYAPjss89oAPjuu+/Y3bt3056enoqJv/nmG82YMWMU55fc3FwGABwcHAxFlXd0dCQMmDx5Mr9hwwZu79697P/93/+xgDKoq6ys5ExMTOirV682ygRDQ0M5ADh//rxQVVUlzJ07V29RzdfXl0pLSxMAwMbGRjfsqK87fZicPXz4MJeUlGQEABEREUT1t2zZwn377bcywtPT05mvvvrKODs7m01PT+cBoE+fPkQSPXr0ED777LMGVdvf35/dsWOHmZmZGfdhHhLfuLu7c0B9R4IIdnZ2Cg2Ljo6Wbg5MXFyczOTj4uLocePGCQBQXl5uBsj9HwC8efOGF/uNrays6vCJeVBp7wpQ157h7OxMFvfgwQPZQu/du0fGl5SUcABw4MABhYSlieiYmBhm2bJlTEpKCtOhQweyIGlnwuLFi1XNODg4WIiMjGww3vLy8iJm3qRJE8VYU1NT2Rq+/vprMmbUqFEUAIwYMUJYu3Zt3ThbW1sS0kuDvaFDh9IA0KlTJ8WC8/PzZRPTNK1XQ6RM1IWzZ88S3E+ePKGB+hOzFGJiYmQ4goKCjKUL0wdbtmzhAWDixIn0li1bZP4xMzOTtre3F1veuMuXLzNAXTM1cnNzOQAQs3DPnj2T9r510Z1I9ziwcOFC2dY3aNAgQ/GctHv3bk73lF1aWmo6ZMiQj0a8p06dogGgurqaXb16tZnu+7y8PAEALCwsZAJ58eIFDQDXr18n/mL48OGymjXDMKw0WyBCaGhovYlt3rxZMcDJyYkFALHgLYI0PRkbG2v06tUrxt7enjyTNi7rQosWLRQaxXEcA9TlgHUXJoKFhQWzceNGQ6A+wS6F7du3cwBQVFTEAvIwQ+r01UCsXoqwY8cO7tq1a9ygQYPq/F23bt0UMcp///2nahpiChOorz3pgyFDhnA1NTX8mDFjmNWrV+vd5sePH6/arS2tgEqhpqZGAOoOtdKWEimIJdojR47wgLyD89q1a4TuGTNmyNIZrq6u9eUc8VwkVuJCQ0OZp0+ffnSrPH36NBmTmppqqPv+xYsXfNOmTQVpKVYErVZrCAApKSk0ACQkJOhlnGg2AKB7ql6+fLkqnbW1tTLt7d+/P/eBZpkwY2NjqYULF/JAfZhiZ2dX9614ZujRowcrJqFtbGxknDx06JDw66+/0n/88YdikZMmTfpogTwpKUlYs2aN4tvLly/TAODl5fU/5W+ksHr1ak1UVBRJG+h2bXp7exPcaWlpjJubG8eyrNgzI2RkZAhiY2SjoKamhsrJyaEsLS3ppUuXMgBQWFhIEJw9e5YsNCAgQCgvL6cAYP/+/TwAODs7q1YZa2pqWABISEhQPQlLQUw7LliwQPD29jYGgG+++Yb28PBgo6OjifRFqQPAihUr2IsXLzIAkJubazpx4kQZo5YuXaoqBEtLS37VqlXs6dOnlb7y/v373MaNG5lz587xuqfX6upqpkWLFg36FfH2ilg2lYKxsTGj1WpZZ2dnTUlJiZHya8DNzY0QpS9VcOHCBeIT/f39pb7DEADi4uJkc//xxx8cAEyYMIF68uSJ7J3YbSUFcnVnzZo1xikpKZrnz5+zAGBhYaHK0bdv33Ji0goAnJ2dZZNYWVmxCxYs4IG6lq+ioiKqQ4cOqr6joqJCRpCNjQ2zf/9+xbxi4r1bt27Ch9+c9HqQFHr06GEkHjAdHR25yZMn0z4+Pg2GBq6urtS8efOYqqoqJU57e3uF45RCQECACQDk5+fTAQEBhBl///03u2/fPnIukUpShLNnz9IAYGpqynz4zZuZmama2KxZs1STW2fOnKHy8/O52NhYFqhrcQfqrwd6eXnxH9ZBmNCtWzd+/Pjxqr7P0tKS1Wq1lKurK+Pj48NI60nW1tasrHH60KFDMnuXliREKC0tNQSA8ePHEy3YsGEDDwBdunSRSWbNmjXSCxMMAFy8eFHsyVPVSGnW0NHRUZr1Z16/fq1X8ikpKbzugTA3N5cGgM2bN/MA0K9fP37lypUEZ35+PgMA2dnZfFxcnFJQYWFhZHB5ebnx3LlzTQGgpqaGoyiKW7FiBV9UVCTWkWU27+zsrKrSK1askD3//vvvCdHr169vD9SdiX7//Xfuw8I006dPN9q1axcvbXUTo18RqqqqVG/VSiE5OVkh0IMHD7LXr18neesbN25Q4v/fvn0rva8lj7CdnJzo/Px8nmVZ8aQsvHv3jhCVlpYmNikThzl+/HiOYRiFc+zYsSPRPPG2SNeuXQnzxZQmAJiYmFCAvAnb2tqar6qq4rZv385ZW1vzHh4eejWlsrJSAIDt27cL0laWtLQ0vl+/ftTz58/JGpycnDgAsLKyUtA8ZcoU/vjx41RxcbHSH166dIlavXo1BQDFxcWE0JycHD4yMlL48ccf9cYZ5eXlDZZBBg0aJERFRdExMTFCRUUFo9VqiUY1adKEYhiGefz4McHfpUsXBfFie4mBgQFtY2PDjhw5kt+2bZsAAM7OzjLmiUmq+fPnUxEREby01QWouxsF1N+qCwsLMwGA+Ph4Ojo6uuEkvqenJ5WRkSH8/PPPPAAcP36c6927NyHA1dVVdStNT0+XMbG0tFSsQesNoJ48ecINHDjQ8NKlSxTP84Sw9+/fqwqjTZs2YnWB0CBe5VG7cZKbm6tKq7e3Nwuod6fiwIEDPAAUFhZqACAoKIjr1asXJa0pi2Bvb9+oboDY2FgGqNtq3717x4iO8ebNm5r9+/cTwps3b84CdfnkHj16sCdPnmxQWoGBgWLVgQWA3NxcIwDYtm0bJf4bERFBdkkx+Z2cnGxSWFhIS4NAKYh4PDw8hDZt2giy5qeSkhLu6NGjCs45OTlpxH6XTZs2yVKGb968oYC6S6b6FnPkyBHj8+fPqxJUVVVFb9++vcFQfMOGDbTYGv/69WtighEREbytra3g6uraqLsHTk5ObGVlpdChQwfG3d2dFcMINZD2H8sgMzNTxqA+ffqwgiDIYoL58+dzu3btIgiePXtGJSUlKXapuLg4WtobFxQURHD7+vpyDg4OlLRVbfTo0aYA0KVLF0L4lStXGGkJRnrmEiPszMxM2dyOjo5kzurqakFM4vft21ex6JycHNmzuXPnGorEysLzpk2b/k+XqEQoLy/nevXqJQQGBvLW1tY0UL8bdO7cWTa59KKWqampbFHDhg1jdOvaYm6ourqaLFi8IWNpacn16NGDB+ougC5evFihDYMHDybz+/r6sgCg+ycPTp8+zcfGxtaNS09PF6/L6W0rvX//fqMZ5eLiIgAAmUAHoqKieDHdePjwYTYgIICurKwk+F++fKnb3GgE6LmBpgeOHTvG+Pj4kLErV64kpty+fXvByclJNdJnGKZ+7nv37ikm27hxI5eZmclu27ZN9+8sEHMyMDBgAOCff/4h30dHRxNJqeVtRbh8+bKg0WioN2/eEPxxcXHCvXv3hLCwMLOcnBwZ4eXl5WRcfHy8wlx9fHxoQ0NDDVCXzJa+s7CwoKS1dq1WS5mamgoAeKCu90/aDaZ7/1sGgwYNkjnL3r17qzrIs2fP6t2lRJu+efMmX1FRoVDtxYsXf/RPDeTm5sqY4OrqyooHV/GO1Y0bN1gAMDU1VXWmhw8fJoKbOnWqjF7xbndpaamMGeQyWXJyMivlKgC8e/eObtWqlQzRw4cPhY0bNxrv27eP2rp1q7Bo0SK9qn3//n02PDycfK/v+AAAV65ckc1z7NgxTmx18/f3l1ZJKSsrK7qh+wRiB2fHjh25R48e8eKlDEDZMgLU+TOg7i+KfPrpp5R4FVoG0rOJWkm1MVBWVsaK2vLnn3/q1ajw8HAGkCe/3d3dzWJiYgjxHTt2lH0vXhrPz8+ngLrkuPgHdkRQdESpwBdffCEMGTJElbawsDCusLCwzhwNDQ1ljlf3DpMIPM/zqampRt9//73wyy+/MHPmzOFnzpzJic2E1tbWdGFhoUKljYyMOECZn1W7FVtbW8uam5sLdnZ2rPTqTWhoKBUSEkK+b968OQMAv/76qwynWuqjMdC3b18zoE5gK1asqPNxubm5nG6SSAzqfvjhB9nzli1byia+dOmSbHFSKYv3JNUgPT2dUbs/mZeXR8+bN486ceIEJ+5swcHBRHDPnz/nkpKSSBpVH6xdu5YKDg5mVds6AFRXV9MAUFFRod8ypDuLGjg5Oek1CTGjp1uDUoNly5bR//77r1iRYMaPHy+GCvycOXNoAMjLy2MBYMaMGRoLCwvqY6FCVVWVYt4jR47ImDZs2DBK148BQJs2bcROLKNmzZoJAPDzzz+z7dq14/4f84hV6vi5WuwAAAAASUVORK5CYII=');
    background-repeat: repeat;
    background-attachment: scroll;
  */
}
@media screen and (max-width: 767px) {
  body {
    padding-bottom: 0;
  }
}

svg {
  font-variant-numeric: tabular-nums;
}

dl, dd {
  margin: 0;
}

#wrapper {
  width: 100%;
  max-width: 1080px;
}

.hidden {
  visibility: hidden;
}

a {
  text-decoration: none;
}

h1, h2, h3,
h4, h5, h6, p {
  margin: 0;
}

section {
  position: relative;
}

span.kae {
  font-family: "Kanpeki", sans-serif;
  font-weight: 400;
  color: #1FE686;
  font-size: 110%;
}
span.kae.blue {
  color: #3eccf1;
}

.blue {
  color: #3eccf1 !important;
}

.white {
  color: #fff !important;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
header {
  padding: 1rem 0;
  background: rgba(0, 0, 0, 0);
  width: 100%;
  transform: translateX(-50%);
  left: 50%;
  position: fixed;
  z-index: 99999;
  transition: background 0.15s ease-out;
}
header.sticky {
  background: rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(0.5rem);
          backdrop-filter: blur(0.5rem);
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.35);
  transition: background 0.5s ease-out;
}
@media screen and (min-width: 768px) {
  header.sticky .topNav__right {
    grid-template-columns: repeat(3, auto);
  }
  header.sticky .topNav__right__item:first-child {
    display: block;
  }
}
header .topNav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1080px;
  padding: 0 1.25rem;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  header .topNav {
    justify-content: space-between;
  }
}
header .topNav__list {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 370px) {
  header .topNav__list {
    width: 100%;
  }
}
header .topNav__right {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-gap: 1.5em;
  align-items: center;
}
@media screen and (max-width: 600px) {
  header .topNav__right {
    grid-template-columns: repeat(2, auto);
  }
}
header .topNav__right__item:first-child {
  display: none;
}
header .topNav__right__item__social {
  color: #1FE686;
  font-size: 1.75rem;
  display: inline-block;
  text-align: center;
  text-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 600px) {
  header .topNav__right__item__social {
    font-size: 1.5rem;
  }
}
header .topNav__right__item__btn {
  color: #fff;
  font-weight: 500;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1));
  text-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.25);
  text-transform: uppercase;
  position: relative;
  transition: box-shadow 0.2s ease-out, border-color 0.5s ease-out 0.1s;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.125), rgba(0, 0, 0, 0.05));
  border-radius: 0.325rem;
  box-shadow: 0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.4), -0.125rem -0.125rem 0.25rem rgba(255, 255, 255, 0.075);
}
header .topNav__right__item__btn:hover {
  box-shadow: 0.0625rem 0.0625rem 0.125rem rgba(0, 0, 0, 0.4), -0.0625rem -0.0625rem 0.125rem rgba(255, 255, 255, 0.075);
}
header .topNav__right__item__btn:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  border-radius: inherit;
  transition: box-shadow 0.2s ease-out, border-color 0.5s ease-out 0.1s;
  background: none;
  border-bottom: 1px solid rgba(31, 230, 134, 0.325);
}
header .topNav__right__item__btn:hover:before, header .topNav__right__item__btn:focus:before {
  border-bottom: 1px solid #1fe686;
}
@media screen and (max-width: 767px) {
  header .topNav__right__item__btn {
    display: none;
  }
}
@media screen and (max-width: 370px) {
  header .topNav .topNav__list__item {
    flex-wrap: wrap;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  header .topNav .topNav__list__item--hide600 {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  header .topNav .topNav__list__item--hide767 {
    display: none;
  }
}
header .topNav .topNav__list__item a {
  color: #fff;
  display: inline-block;
  text-decoration: none;
  padding: 0 1rem;
  font-weight: 500;
  text-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.15);
}
header .topNav .topNav__list__item a:hover, header .topNav .topNav__list__item a:focus {
  color: #1FE686;
}
header .topNav .topNav__list__item a:hover span.white, header .topNav .topNav__list__item a:focus span.white {
  color: #1FE686 !important;
}
@media screen and (max-width: 600px) {
  header .topNav .topNav__list__item a {
    padding: 0 0.75rem;
  }
}
@media screen and (max-width: 370px) {
  header .topNav .topNav__list__item a {
    padding: 0.25rem 0.75rem;
  }
}
@media screen and (max-width: 320px) {
  header .topNav .topNav__list__item a {
    padding: 0.25rem 0.5rem;
  }
}
header .topNav .topNav__list__item__logo {
  padding-left: 0 !important;
}
header .topNav .topNav__list__item__logo img {
  width: 3rem;
}

.waitingForConnection {
  -webkit-animation: blinker 1.7s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
          animation: blinker 1.7s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
}

@-webkit-keyframes blinker {
  to {
    opacity: 0;
  }
}

@keyframes blinker {
  to {
    opacity: 0;
  }
}
.waitingForConnection2 {
  -webkit-animation: blinker2 0.6s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
          animation: blinker2 0.6s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
}

@-webkit-keyframes blinker2 {
  to {
    opacity: 0;
  }
}

@keyframes blinker2 {
  to {
    opacity: 0;
  }
}
.waitingForConnection3 {
  -webkit-animation: blinker2 0.6s cubic-bezier(0.25, 0, 1, 1) infinite alternate;
          animation: blinker2 0.6s cubic-bezier(0.25, 0, 1, 1) infinite alternate;
}

@-webkit-keyframes blinker3 {
  to {
    opacity: 0;
  }
}

@keyframes blinker3 {
  to {
    opacity: 0;
  }
}
main {
  padding: 2rem 1.25rem;
}
main .hero {
  padding: 0rem 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  align-items: flex-start;
  position: relative;
  text-align: center;
  height: calc(100vh - 4rem);
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  align-content: center;
}
@media screen and (max-width: 600px) {
  main .hero {
    grid-template-columns: 1fr;
    grid-gap: 2rem;
    padding: 0 0 0 0;
    height: calc(100vh - 4rem);
  }
  main .hero:before {
    top: 60px;
  }
  main .hero:after {
    top: 40px;
  }
}
main .hero__textArea__headings {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
}
@media screen and (max-width: 600px) {
  main .hero__textArea__headings {
    grid-template-columns: auto;
  }
}
main .hero__textArea__headings__h1 {
  color: #fff;
  font-weight: 400;
  font-size: 6.5rem;
  font-family: "Kanpeki", sans-serif;
  letter-spacing: 0.125rem;
  text-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.5), 0 0 3rem rgba(184, 249, 211, 0.3);
  position: relative;
  display: inline-block;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}
main .hero__textArea__headings__h1 span:nth-child(1) {
  font-size: 125%;
}
main .hero__textArea__headings__h1 span:nth-child(odd) {
  transform: translateY(0.325rem);
  display: inline-block;
}
main .hero__textArea__headings__h1:after {
  content: "";
  position: absolute;
  width: 60%;
  padding-top: 75%;
  border-radius: 50%;
  opacity: 0.25;
  bottom: 0;
  left: 50%;
  transform-origin: bottom center;
  transform: translateX(-50%) scaleY(0.075);
  background: #2ecc71;
  background: radial-gradient(circle, #2ecc71 0%, rgba(46, 204, 113, 0) 75%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2ecc71",endColorstr="#2ecc71",GradientType=1);
}
@media screen and (min-width: 768px) {
  main .hero__textArea__headings__h1:after {
    width: 75%;
  }
}
@media screen and (max-width: 600px) {
  main .hero__textArea__headings__h1 {
    font-size: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
}
main .hero__textArea__headings__h1__domain {
  opacity: 1;
  color: #06331d;
  text-shadow: 0 0 0.15em rgba(31, 230, 134, 0.4), -1px -1px 0 #1fe686, 1px -1px 0 #1fe686, -1px 1px 0 #1fe686, 1px 1px 0 #1fe686;
}
main .hero__textArea__headings img {
  display: none;
  max-height: 3.25rem;
  margin-left: 1rem;
}
@media screen and (max-width: 600px) {
  main .hero__textArea__headings img {
    display: inline-block;
  }
}
main .hero__textArea__subHeading {
  font-weight: 500;
  font-size: 1.75rem;
}
main .hero__textArea__subHeading span {
  color: #1FE686;
  font-weight: 500;
}
@media screen and (max-width: 600px) {
  main .hero__textArea__subHeading {
    font-size: 1.75rem;
  }
}
main .hero__textArea__p {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin: 1rem 0 3rem;
}
@media screen and (max-width: 600px) {
  main .hero__textArea__p {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin: 3rem 0;
    text-align: center;
  }
}
main .hero__textArea__btn-wrapper {
  display: flex;
  text-align: center;
  justify-content: center;
}
@media screen and (max-width: 600px) {
  main .hero__textArea__btn-wrapper {
    justify-content: center;
  }
}
main .hero__textArea__btn {
  color: #fff;
  font-weight: 500;
  font-size: 1.125rem;
  padding: 1rem 2rem;
  text-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.25);
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1));
  border-radius: 1rem;
  text-transform: uppercase;
  position: relative;
  transition: box-shadow 0.2s ease-out, border-color 0.5s ease-out 0.1s, color 0.2s ease-out;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.125), rgba(0, 0, 0, 0.05));
  border-radius: 0.5rem;
  box-shadow: 0.375rem 0.375rem 0.75rem rgba(0, 0, 0, 0.4), -0.375rem -0.375rem 0.75rem rgba(255, 255, 255, 0.075);
}
main .hero__textArea__btn:hover {
  box-shadow: 0.1875rem 0.1875rem 0.375rem rgba(0, 0, 0, 0.4), -0.1875rem -0.1875rem 0.375rem rgba(255, 255, 255, 0.075);
}
main .hero__textArea__btn:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  border-radius: inherit;
  transition: box-shadow 0.2s ease-out, border-color 0.5s ease-out 0.1s;
  background: none;
  border-bottom: 1px solid rgba(31, 230, 134, 0.325);
}
main .hero__textArea__btn:hover, main .hero__textArea__btn:focus {
  color: #1FE686;
}
main .hero__textArea__btn:hover:before, main .hero__textArea__btn:focus:before {
  border-bottom: 1px solid #1fe686;
}
main .hero__textArea__btn--buy {
  position: relative;
  color: #fff;
  font-weight: 500;
  font-size: 1.125rem;
  padding: 1rem 2rem;
  background: rgba(255, 255, 255, 0.95);
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1));
  border-radius: 1rem;
  text-transform: uppercase;
  display: inline-block;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.125), rgba(0, 0, 0, 0.05));
  border-radius: 0.5rem;
  box-shadow: 0.375rem 0.375rem 0.75rem rgba(0, 0, 0, 0.4), -0.375rem -0.375rem 0.75rem rgba(255, 255, 255, 0.075);
}
main .hero__textArea__btn--buy:hover {
  box-shadow: 0.1875rem 0.1875rem 0.375rem rgba(0, 0, 0, 0.4), -0.1875rem -0.1875rem 0.375rem rgba(255, 255, 255, 0.075);
}
@media screen and (max-width: 600px) {
  main .hero__textArea__btn--buy {
    display: block;
  }
}
main .hero__textArea__btn--buy:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  border-radius: inherit;
  transition: box-shadow 0.2s ease-out, border-color 0.5s ease-out 0.1s;
  background: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
main .hero__textArea__btn--buy:hover:before, main .hero__textArea__btn--buy:focus:before {
  border-bottom: 1px solid white;
}
@media screen and (max-width: 600px) {
  main .hero__textArea__btn {
    font-size: 1rem;
  }
}
main .hero__textArea__scrollInd {
  display: flex;
  justify-content: center;
  transform: translateY(4rem);
}
main .hero__textArea__scrollInd__icon {
  position: relative;
  transform: scale(1, 0.5);
  opacity: 1;
  width: 5vh;
  height: 5vh;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
main .hero__textArea__scrollInd__icon span {
  position: absolute;
  width: 100%;
  height: 100%;
  border-right: 0.1rem solid #1FE686;
  border-bottom: 0.1rem solid #1FE686;
  transform: rotate(45deg) translateX(-50%);
  left: 50%;
  transform-origin: center left;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
main .hero__logo {
  position: relative;
  height: 100%;
}
main .hero__logo svg#logo {
  max-width: 100%;
  width: 265px;
  filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.35));
}
main .hero__logo canvas {
  position: absolute;
  width: 200% !important;
  height: auto !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
main .hero__graphic {
  text-align: center;
  position: relative;
}
@media screen and (min-width: 1024px) {
  main .hero__graphic {
    display: block;
  }
}
main .hero__graphic svg#logo {
  max-width: 50vw;
  width: 265px;
  filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.35));
}
main .hero__graphic svg#logo path {
  opacity: 1;
}
main .hero__graphic #svgIcon {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: #1FE686;
  fill: url(#grad1);
  filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.25));
}
@media screen and (max-width: 600px) {
  main .hero__graphic #svgIcon {
    width: 50%;
    height: auto;
    max-width: 200px;
  }
}
main .hero__graphic img {
  max-width: 100%;
  display: none;
}
@media screen and (max-width: 600px) {
  main .hero__graphic {
    grid-row: 1;
  }
  main .hero__graphic img {
    max-width: 65%;
    display: block;
    margin: 0 auto;
  }
}
main section.content {
  padding: 6rem 0;
}
main section.content.less-padding {
  padding: 3rem 0;
}
@media screen and (min-width: 786px) {
  main section.content--show767 {
    display: none;
  }
}
main section.content.empty {
  padding: 2rem 0;
}
@media screen and (max-width: 767px) {
  main section.content {
    padding: 6rem 0 0;
  }
}
main .stats-rewards {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
}
@media screen and (min-width: 960px) {
  main .stats-rewards {
    grid-gap: 4rem;
  }
}
@media screen and (max-width: 767px) {
  main .stats-rewards {
    grid-gap: 6rem;
  }
}
@media screen and (min-width: 768px) {
  main .stats-rewards {
    grid-template-columns: 1fr 1.35fr;
  }
}
main .stats {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
}
@media screen and (max-width: 960px) {
  main .stats {
    grid-template-columns: 1fr 1fr;
    row-gap: 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    justify-items: center;
  }
  main .stats > *:nth-child(1),
main .stats > *:nth-child(2) {
    grid-column: 1/2 span;
  }
}
@media screen and (max-width: 960px) and (min-width: 480px) {
  main .stats > *:nth-child(1),
main .stats > *:nth-child(2) {
    grid-column: auto;
    font-size: 85%;
  }
}
@media screen and (max-width: 960px) {
  main .stats > *:nth-child(3) {
    grid-column: 1/2 span;
  }
}
@media screen and (max-width: 960px) {
  main .stats > *:nth-child(4) {
    grid-column: 1/2 span;
  }
}
@media screen and (max-width: 960px) {
  main .stats > *:last-child {
    grid-column: 1/2 span;
  }
}
main .stats__box {
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1));
  border-radius: 1rem;
  padding: 1.5rem 1rem;
  text-align: center;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  width: 100%;
  position: relative;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.125), rgba(0, 0, 0, 0.05));
  border-radius: 1rem;
  box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.4), -0.5rem -0.5rem 1rem rgba(255, 255, 255, 0.075);
}
main .stats__box__heading {
  color: #1FE686;
  font-weight: 600;
  font-size: 0.75rem;
  text-indent: 1px;
  text-transform: uppercase;
  margin-top: 0.5rem;
}
main .stats__box__heading span.out-of {
  display: inline-block;
  opacity: 0.5;
}
@media screen and (min-width: 960px) {
  main .stats__box__heading {
    font-size: 1rem;
  }
}
main .stats__box__body {
  font-weight: 600;
  font-size: 1.3125rem;
  color: #fff;
}
main .stats__box__body span.out-of {
  display: inline-block;
  opacity: 0.5;
}
main .stats__box__body img[src*=kanpeki] {
  max-width: 1.5rem;
}
@media screen and (min-width: 960px) {
  main .stats__box__body img[src*=kanpeki] {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 960px) {
  main .stats__box__body {
    font-size: 1.5rem;
  }
}
@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
main .stats__box__body .animated-background {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
          animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  background: rgba(255, 255, 255, 0.05);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 10%, rgba(31, 230, 134, 0.1) 18%, rgba(255, 255, 255, 0) 33%);
  background-size: 800px 104px;
  height: 2.25rem;
  width: 80%;
  border-radius: 0.25rem;
  margin: 0 auto;
  display: block;
  position: relative;
}
main .stats__cta {
  text-align: center;
}
main .stats__cta__btn {
  color: #fff;
  font-weight: 500;
  font-size: 1rem;
  padding: 0.625rem 1rem 0.625rem 1.5rem;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1));
  text-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.25);
  border-radius: 0.625rem;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  transition: all 0.2s ease-out;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.125), rgba(0, 0, 0, 0.05));
  border-radius: 0.5rem;
  box-shadow: 0.375rem 0.375rem 0.75rem rgba(0, 0, 0, 0.4), -0.375rem -0.375rem 0.75rem rgba(255, 255, 255, 0.075);
}
main .stats__cta__btn:hover {
  box-shadow: 0.1875rem 0.1875rem 0.375rem rgba(0, 0, 0, 0.4), -0.1875rem -0.1875rem 0.375rem rgba(255, 255, 255, 0.075);
}
main .stats__cta__btn img {
  height: 0.75rem;
  margin-left: 0.325rem;
}
main .stats__cta__btn:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  border-radius: inherit;
  transition: box-shadow 0.2s ease-out, border-color 0.5s ease-out 0.1s;
  background: none;
  border-bottom: 1px solid rgba(31, 230, 134, 0.325);
}
main .stats__cta__btn:hover, main .stats__cta__btn:focus {
  color: #1FE686;
}
main .stats__cta__btn:hover:before, main .stats__cta__btn:focus:before {
  border-bottom: 1px solid #1fe686;
}
main .rewards {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  grid-gap: 3rem;
}
@media screen and (max-width: 960px) {
  main .rewards {
    grid-template-columns: 1fr;
    row-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
main .rewards__heading {
  font-size: 1.625rem;
  font-weight: 500;
  color: #fff;
  grid-column: 1/2 span;
  text-align: center;
  grid-row: 1;
}
@media screen and (min-width: 960px) {
  main .rewards__heading {
    grid-row: auto;
    font-size: 2.5rem;
  }
}
main .rewards__text {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  justify-items: center;
  max-width: 800px;
  margin: 0 auto;
  grid-row: 3;
}
@media screen and (min-width: 960px) {
  main .rewards__text {
    grid-row: auto;
  }
}
main .rewards__text__body {
  line-height: 2.25rem;
  font-size: 1.25rem;
  font-weight: 400;
  text-align: left;
}
@media screen and (min-width: 960px) {
  main .rewards__text__body {
    line-height: 2.5rem;
    font-size: 1.5rem;
    font-weight: 300;
  }
}
@media screen and (max-width: 767px) {
  main .rewards__text__body {
    text-align: left;
  }
}
main .rewards__example {
  grid-row: 2;
}
@media screen and (min-width: 960px) {
  main .rewards__example {
    grid-row: auto;
  }
}
main .rewards__example__box {
  display: grid;
  grid-gap: 2rem;
  border-radius: 0.5rem;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.125), rgba(0, 0, 0, 0.05));
  border-radius: 1rem;
  box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.4), -0.5rem -0.5rem 1rem rgba(255, 255, 255, 0.075);
}
main .rewards__example__box__top {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  padding: 1rem 1rem 2rem 1rem;
  padding-bottom: 0;
}
@media screen and (min-width: 480px) {
  main .rewards__example__box__top {
    padding: 1rem 2rem;
  }
}
main .rewards__example__box__top__section {
  display: grid;
  grid-gap: 1rem;
}
main .rewards__example__box__top__section__toggle {
  position: relative;
  display: grid;
  justify-self: center;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.5rem;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.125), rgba(0, 0, 0, 0.05));
  border-radius: 0.75rem;
  padding: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5) inset;
}
main .rewards__example__box__top__section__toggle__btn {
  color: #fff;
  padding: 0.75rem 2rem;
  text-align: center;
  border-radius: 0.5rem;
  opacity: 0.65;
  transition: all 0.2s ease-out;
}
main .rewards__example__box__top__section__toggle__btn.active, main .rewards__example__box__top__section__toggle__btn.active:hover {
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.125), rgba(0, 0, 0, 0.05));
  border-radius: 0.5rem;
  box-shadow: 0.1625rem 0.1625rem 0.325rem rgba(0, 0, 0, 0.4), -0.1625rem -0.1625rem 0.325rem rgba(255, 255, 255, 0.075);
  opacity: 1;
  text-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.25);
}
main .rewards__example__box__top__section__toggle__btn.active:nth-child(1), main .rewards__example__box__top__section__toggle__btn.active:hover:nth-child(1) {
  color: #1FE686;
}
main .rewards__example__box__top__section__toggle__btn.active:nth-child(2), main .rewards__example__box__top__section__toggle__btn.active:hover:nth-child(2) {
  color: #3eccf1;
}
main .rewards__example__box__top__section__toggle__btn:hover {
  opacity: 1;
  text-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.25);
}
main .rewards__example__box__top__section__toggle__btn__heading {
  font-size: 1.125rem;
}
main .rewards__example__box__top__section__heading {
  font-size: 1.125rem;
}
main .rewards__example__box__top__section__subHeading {
  font-weight: 500;
}
main .rewards__example__box__top__section__inputWrapper__principal {
  border-radius: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  padding: 0.5rem;
  font-size: 1.5rem;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5) inset;
}
main .rewards__example__box__top__section__inputWrapper__principal:before {
  content: "$";
  opacity: 0.5;
  font-weight: 600;
  margin-right: 0.125rem;
}
main .rewards__example__box__top__section__inputWrapper__principal__input {
  background: none;
  width: calc(100% - 3rem);
  border: none;
  color: #fff;
  flex-grow: 1;
  padding: 0;
  margin: 0;
  font-weight: 600;
}
main .rewards__example__box__top__section__inputWrapper__principal__input:focus {
  outline: none;
}
main .rewards__example__box__top__section__inputWrapper__range {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 0.5rem;
  margin-bottom: 1rem;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider {
  width: 100%;
  margin-top: 1rem;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider.ui-slider {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 3px;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider.ui-slider .ui-slider-handle {
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border-color: transparent;
  transition: border 0.4s ease;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider.ui-slider .ui-slider-handle:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(31, 230, 134, 0.15);
  opacity: 0;
  transition: all 0.15s ease-out;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider.ui-slider .ui-slider-handle.ui-state-hover, main .rewards__example__box__top__section__inputWrapper__range #flat-slider.ui-slider .ui-slider-handle.ui-state-focus, main .rewards__example__box__top__section__inputWrapper__range #flat-slider.ui-slider .ui-slider-handle.ui-state-active {
  outline: none;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider.ui-slider .ui-slider-handle.ui-state-hover:not(.ui-state-focus):before {
  opacity: 1;
  width: 175%;
  height: 175%;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider.ui-slider .ui-slider-handle.ui-state-focus:before {
  opacity: 1;
  width: var(--thumb-hover-size);
  height: var(--thumb-hover-size);
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider.ui-slider .ui-slider-pip {
  color: #fff;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider.ui-slider .ui-slider-pip:hover .ui-slider-label {
  color: #fff;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider.ui-slider .ui-slider-pip:nth-child(even) .ui-slider-label {
  display: none;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider.ui-slider .ui-slider-pip .ui-slider-line {
  background: #fff;
  transition: all 0.4s ease;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider.ui-slider .ui-slider-pip .ui-slider-label {
  top: 1.5rem;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider.ui-slider .ui-slider-pip .ui-slider-label:after {
  content: "%";
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider.ui-slider .ui-slider-pip-inrange {
  color: #1FE686;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider.ui-slider .ui-slider-pip-selected {
  color: #1FE686;
  font-size: 1rem;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider.ui-slider.ui-slider-horizontal {
  height: 4px;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider.ui-slider.ui-slider-horizontal .ui-slider-handle {
  transform: rotateZ(45deg);
  top: -8px;
  margin-left: -12.5px;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider.ui-slider.ui-slider-horizontal .ui-slider-pip {
  top: 10px;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider.ui-slider.ui-slider-horizontal .ui-slider-pip .ui-slider-line {
  width: 1px;
  height: 10px;
  margin-left: -3px;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider.ui-slider.ui-slider-horizontal .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line {
  height: 20px;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider.ui-slider.ui-slider-horizontal .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
  height: 12px;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider .ui-slider-handle, main .rewards__example__box__top__section__inputWrapper__range #flat-slider .ui-slider-range {
  background-color: #1FE686;
  left: -4px;
  border-radius: 3px;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line, main .rewards__example__box__top__section__inputWrapper__range #flat-slider .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
  background-color: #1FE686;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration {
  width: 100%;
  margin-top: 1rem;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 3px;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider .ui-slider-handle {
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border-color: transparent;
  transition: border 0.4s ease;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider .ui-slider-handle:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(31, 230, 134, 0.15);
  opacity: 0;
  transition: all 0.15s ease-out;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider .ui-slider-handle.ui-state-hover, main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider .ui-slider-handle.ui-state-focus, main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider .ui-slider-handle.ui-state-active {
  outline: none;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider .ui-slider-handle.ui-state-hover:not(.ui-state-focus):before {
  opacity: 1;
  width: 175%;
  height: 175%;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider .ui-slider-handle.ui-state-focus:before {
  opacity: 1;
  width: var(--thumb-hover-size-interest);
  height: var(--thumb-hover-size-interest);
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider .ui-slider-pip {
  color: #fff;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider .ui-slider-pip:hover .ui-slider-label {
  color: #fff;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider .ui-slider-pip:nth-child(n+4) .ui-slider-label {
  display: none;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider .ui-slider-pip:last-child .ui-slider-label, main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider .ui-slider-pip:nth-child(4n+7) .ui-slider-label {
  display: block;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider .ui-slider-pip .ui-slider-line {
  background: #fff;
  transition: all 0.4s ease;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider .ui-slider-pip .ui-slider-label {
  top: 1.5rem;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider .ui-slider-pip .ui-slider-label:after {
  content: " days";
  font-size: 65%;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider .ui-slider-pip-inrange {
  color: #1FE686;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider .ui-slider-pip-selected {
  color: #1FE686;
  font-size: 1rem;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider.ui-slider-horizontal {
  height: 4px;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider.ui-slider-horizontal .ui-slider-handle {
  transform: rotateZ(45deg);
  top: -8px;
  margin-left: -12.5px;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider.ui-slider-horizontal .ui-slider-pip {
  top: 10px;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider.ui-slider-horizontal .ui-slider-pip .ui-slider-line {
  width: 1px;
  height: 10px;
  margin-left: -3px;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider.ui-slider-horizontal .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line {
  height: 20px;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration.ui-slider.ui-slider-horizontal .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
  height: 12px;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration .ui-slider-handle, main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration .ui-slider-range {
  background-color: #1FE686;
  left: -4px;
  border-radius: 3px;
}
main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line, main .rewards__example__box__top__section__inputWrapper__range #flat-slider-duration .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
  background-color: #1FE686;
}
main .rewards__example__box__bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  row-gap: 2rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  padding: 2rem 1rem;
  background: rgba(255, 255, 255, 0.025) !important;
}
@media screen and (min-width: 480px) {
  main .rewards__example__box__bottom {
    grid-template-columns: 1fr 1fr 1fr;
    padding: 1rem 2rem;
  }
}
main .rewards__example__box__bottom__section {
  display: grid;
  grid-gap: 0.5rem;
  text-align: center;
}
@media screen and (min-width: 480px) {
  main .rewards__example__box__bottom__section:nth-child(1) {
    text-align: left;
  }
  main .rewards__example__box__bottom__section:nth-child(2) {
    text-align: center;
  }
  main .rewards__example__box__bottom__section:nth-child(3) {
    text-align: right;
  }
}
main .rewards__example__box__bottom__section.rewards-output {
  grid-column: span 2;
}
@media screen and (min-width: 480px) {
  main .rewards__example__box__bottom__section.rewards-output {
    grid-column: auto;
  }
}
main .rewards__example__box__bottom__section--fullWidth {
  grid-column: span 3;
}
@media screen and (max-width: 480px) {
  main .rewards__example__box__bottom__section--fullWidth {
    grid-column: span 2;
  }
}
main .rewards__example__box__bottom__section--fullWidth__note {
  font-size: 0.575rem;
  font-style: italic;
  opacity: 0.875;
  text-align: center;
  padding-top: 0.5rem;
  line-height: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media screen and (min-width: 960px) {
  main .rewards__example__box__bottom__section--fullWidth__note {
    font-size: 0.7rem;
  }
}
main .rewards__example__box__bottom__section--fullWidth__note.interest-note {
  display: none;
}
main .rewards__example__box__bottom__section__heading {
  font-size: 0.875rem;
  font-weight: 400;
}
main .rewards__example__box__bottom__section__heading span.toggled {
  display: none;
}
main .rewards__example__box__bottom__section__heading span.toggled.active {
  display: inline;
}
main .rewards__example__box__bottom__section__outputWrapper--borrowed__output {
  font-size: 1.125rem;
  font-weight: 600;
}
@media screen and (min-width: 401px) {
  main .rewards__example__box__bottom__section__outputWrapper--borrowed__output {
    font-size: 1.25rem;
  }
}
main .rewards__example__box__bottom__section__outputWrapper--borrowed__output:before {
  content: "$";
}
main .rewards__example__box__bottom__section__outputWrapper--interest__output {
  font-size: 1.125rem;
  font-weight: 600;
}
@media screen and (min-width: 401px) {
  main .rewards__example__box__bottom__section__outputWrapper--interest__output {
    font-size: 1.25rem;
  }
}
main .rewards__example__box__bottom__section__outputWrapper--interest__output:before {
  content: "$";
}
main .rewards__example__box__bottom__section__outputWrapper--rewards__output {
  font-size: 1.125rem;
  font-weight: 600;
}
@media screen and (min-width: 401px) {
  main .rewards__example__box__bottom__section__outputWrapper--rewards__output {
    font-size: 1.25rem;
  }
}
main .rewards__example__box__bottom__section__outputWrapper--rewards__output:after {
  content: " KAE";
  font-family: "Kanpeki", sans-serif;
  font-size: 110%;
  font-weight: 400;
  color: #1FE686;
}
main .rewards__example__box__bottom__section__btn-wrapper {
  display: flex;
  text-align: center;
  justify-content: center;
  grid-column: span 3;
  margin-top: 2rem;
}
@media screen and (max-width: 480px) {
  main .rewards__example__box__bottom__section__btn-wrapper {
    grid-column: span 2;
  }
}
main .rewards__example__box__bottom__section__btn-wrapper span.toggled {
  display: none;
}
main .rewards__example__box__bottom__section__btn-wrapper span.toggled.active {
  display: inline;
}
@media screen and (max-width: 600px) {
  main .rewards__example__box__bottom__section__btn-wrapper {
    justify-content: center;
  }
}
main .rewards__chart {
  display: grid;
  grid-row-gap: 1rem;
}
main .rewards__chart svg, main .rewards__chart img {
  max-width: 100%;
  width: 500px;
  margin: 0 auto;
}
main .rewards__chart__rate__slider {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
}
main .rewards__chart__rate__slider__inputs {
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
}
main .rewards__chart__rate__slider__inputs__text {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
}
main .rewards__chart__rate__slider__inputs__text output {
  background: none;
  border: 0;
  padding: 0;
  font-weight: 600;
  font-size: 1.5rem;
  color: #fff;
  width: 100%;
}
main .rewards__chart__rate__slider__inputs__text label {
  color: #1FE686;
  font-weight: 600;
  font-size: 1.125rem;
  text-indent: 1px;
  text-transform: uppercase;
  margin-top: 0.25rem;
}
main .rewards__chart__rate__slider__inputs__range {
  padding: 0.5rem 0;
  margin-top: 0.5rem;
  /* Special styling for WebKit/Blink */
  /* All the same stuff for Firefox */
  /* All the same stuff for IE */
}
main .rewards__chart__rate__slider__inputs__range input[type=range]::-webkit-slider-thumb {
  border: 1px solid #000000;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  margin-top: -10px;
  /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}
main .rewards__chart__rate__slider__inputs__range input[type=range]::-moz-range-thumb {
  border: 1px solid #000000;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: #fff;
}
main .rewards__chart__rate__slider__inputs__range input[type=range]::-ms-thumb {
  border: 1px solid #000000;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: #fff;
}
main .rewards__chart__rate__slider__inputs__range input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #1FE686;
  border-radius: 2px;
  border: none;
}
main .rewards__chart__rate__slider__inputs__range input[type=range]:focus::-webkit-slider-runnable-track {
  background: #1FE686;
}
main .rewards__chart__rate__slider__inputs__range input[type=range]::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #1FE686;
  border-radius: 2px;
  border: none;
}
main .rewards__chart__rate__slider__inputs__range input[type=range]::-ms-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
main .features {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 3rem;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  main .features {
    grid-template-columns: 1fr;
    row-gap: 3rem;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
main .features__item svg {
  height: 4.5rem;
  fill: #1FE686;
  display: none;
}
@media screen and (max-width: 600px) {
  main .features__item svg {
    height: 3.5rem;
    display: none;
  }
}
main .features__item__name {
  color: #1FE686;
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0 0 1.5rem;
}
main .features__item__description {
  line-height: 1.75rem;
  font-size: 1.125rem;
}
main .features__item__description a {
  color: #1FE686;
  display: inline-block;
  margin-top: 0.5rem;
  position: relative;
}
main .features__item__description a i {
  display: inline;
  position: relative;
  color: rgba(31, 230, 134, 0.75);
  transition: all 0.2s ease-out;
}
main .features__item__description a::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(31, 230, 134, 0.75);
  position: absolute;
  bottom: 0;
  transform: translateY(1px);
  transition: all 0.3s ease-out;
}
main .features__item__description a:hover, main .features__item__description a:focus {
  text-decoration: none;
}
main .features__item__description a:hover i, main .features__item__description a:focus i {
  transform: translateY(1px) translateX(2px);
}
main .features__item__description a:hover::after, main .features__item__description a:focus::after {
  background: rgba(31, 230, 134, 0);
  transform: translateY(4px);
}
main .individualized {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  grid-gap: 3rem;
}
@media screen and (max-width: 960px) {
  main .individualized {
    grid-template-columns: 1fr;
    row-gap: 3rem;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
main .individualized__heading {
  font-size: 2rem;
  font-weight: 500;
  color: #fff;
  grid-column: auto;
  grid-row: 1;
  text-align: center;
}
@media screen and (min-width: 960px) {
  main .individualized__heading {
    font-size: 2rem;
    grid-row: auto;
    grid-column: 1/2 span;
  }
}
main .individualized__text p {
  line-height: 1.75rem;
  font-size: 1.125rem;
}
main .individualized__text p:first-child {
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  main .individualized__text {
    grid-row: 2;
  }
}
main .individualized__graph {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 767px) {
  main .individualized__graph {
    grid-row: 3;
  }
}
main .individualized__graph__graphicA {
  max-width: 575px;
  width: 100%;
  margin: 0 auto;
}
main .individualized__graph__name {
  font-weight: 500;
}
main .individualized__graph__legend {
  display: flex;
  justify-content: center;
}
main .individualized__graph__legend__item {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  grid-gap: 0.75rem;
}
main .individualized__graph__legend__item:first-child {
  margin-right: 3rem;
}
main .individualized__graph__legend__item__dot {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
main .individualized__graph__legend__item__dot--gold {
  background: #1FE686;
}
main .individualized__graph__legend__item__dot--grey {
  background: #555;
}
main .roadmap {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 2rem;
  justify-items: center;
}
main .roadmap__heading {
  font-size: 1.625rem;
  font-weight: 500;
  color: #fff;
  grid-column: 1/2 span;
  text-align: center;
  margin-bottom: 2rem;
}
@media screen and (min-width: 960px) {
  main .roadmap__heading {
    font-size: 2rem;
  }
}
main .roadmap picture {
  max-width: 100%;
}
main .roadmap img {
  width: 250px;
  max-width: 100%;
}
@media screen and (min-width: 767px) {
  main .roadmap img {
    width: 1159px;
  }
}
main .faqs {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}
main .faqs__heading {
  font-size: 2rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  margin-bottom: 2rem;
}
main .faqs__btn {
  color: #dcdcdc;
  font-weight: 500;
  font-size: 1rem;
  padding: 0.625rem 1.5rem;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1));
  border-radius: 0.625rem;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  transition: all 0.2s ease-out;
}
main .faqs__btn:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -1px;
  border-radius: inherit;
  transition: box-shadow 0.2s ease-out, border-color 0.5s ease-out 0.1s;
  background: none;
  border-bottom: 1px solid rgba(31, 230, 134, 0.325);
  box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.4), -0.5rem -0.5rem 1rem rgba(255, 255, 255, 0.075);
}
main .faqs__btn:hover:before, main .faqs__btn:focus:before {
  border-bottom: 1px solid #1fe686;
  box-shadow: 0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.4), -0.125rem -0.125rem 0.25rem rgba(255, 255, 255, 0.075);
}
main .faqs__list {
  display: grid;
}
main .faqs__list__question {
  display: flex;
  align-items: center;
  align-items: center;
  margin: 0 0 1.5rem;
  padding: 0.75rem 1.5rem 0.75rem 1rem;
  border-bottom: 1px solid rgba(31, 230, 134, 0.325);
  transition: box-shadow 0.2s ease-out, border-color 0.5s ease-out 0.1s;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.125), rgba(0, 0, 0, 0.05));
  border-radius: 0.5rem;
  box-shadow: 0.375rem 0.375rem 0.75rem rgba(0, 0, 0, 0.4), -0.375rem -0.375rem 0.75rem rgba(255, 255, 255, 0.075);
}
main .faqs__list__question:hover {
  box-shadow: 0.1875rem 0.1875rem 0.375rem rgba(0, 0, 0, 0.4), -0.1875rem -0.1875rem 0.375rem rgba(255, 255, 255, 0.075);
}
main .faqs__list__question:hover {
  border-bottom: 1px solid #1fe686;
}
main .faqs__list__question h3 {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 500;
  text-align: left;
}
main .faqs__list__question__plus {
  position: relative;
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.75rem;
}
main .faqs__list__question__plus .line:first-child,
main .faqs__list__question__plus .line:last-child {
  position: absolute;
  width: 2px;
  height: 100%;
  background: #1FE686;
  top: 50%;
  left: 50%;
}
main .faqs__list__question__plus .line:first-child {
  transform: translate(-50%, -50%) rotate(0deg);
  transition: transform 0.3s ease-out;
}
main .faqs__list__question__plus .line:last-child {
  transform: translate(-50%, -50%) rotate(90deg);
}
main .faqs__list__question.open .faqs__list__question__plus .line:first-child {
  transform: translate(-50%, -50%) rotate(90deg);
}
main .faqs__list__answer {
  display: none;
  padding: 0.75rem 1.5rem;
  margin-bottom: 2rem;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  line-height: 1.75rem;
  font-size: 1.125rem;
  text-align: left;
}
main .faqs__list__answer a {
  color: #1FE686;
}
main .faqs__list__answer.visible {
  opacity: 1;
  transition: opacity 0.3s ease-out 0.15s;
}

footer {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  padding: 0 1.25rem 2rem 1.25rem;
}
footer .rights {
  display: grid;
  grid-template-columns: 1fr auto;
  justify-content: space-between;
}
@media screen and (max-width: 480px) {
  footer .rights {
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
    grid-row-gap: 2rem;
  }
  footer .rights__logo {
    grid-row: 2;
  }
  footer .rights__social {
    grid-row: 1;
  }
}
footer .rights__logo {
  display: flex;
  align-items: center;
}
footer .rights__logo__copyright {
  font-weight: 500;
}
footer .rights__logo img {
  width: 3rem;
  margin-right: 1rem;
  filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.5));
}
footer .rights__social {
  text-align: center;
}
footer .rights__social__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
}
footer .rights__social__list__item a {
  color: #1FE686;
  font-size: 2rem;
  text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
}
footer .rights__social__list__item__svg {
  max-width: 2rem;
  filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.5));
}
footer .rights__social__statsCredit {
  margin-top: 0.5rem;
  font-size: 0.875rem;
}
footer .rights__social__statsCredit a {
  color: #1FE686;
}
/*# sourceMappingURL=main.css.map */