html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0; }

body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  flex-grow: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.3;
  color: #303030;
  background-color: #edeff0;
  -webkit-overflow-scrolling: touch;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

*,
*:before,
*:after {
  box-sizing: inherit; }

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

a.linkless {
  color: #303030;
  text-decoration: none; }

hr {
  display: block;
  width: 100%;
  margin: 0.5rem 0;
  color: #dbdbdb;
  border-style: solid;
  border-width: 0;
  border-top-width: 1px; }

.col-center-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.col-start-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.col-start-center-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.col-start-stretch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch; }

.col-end-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start; }

.col-space-around-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.col-space-between-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: end;
  -moz-align-items: end;
  align-items: end; }

.row-center-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.row-center-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start; }

.row-start-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start; }

.row-start-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.row-start-center-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.row-start-start-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.row-end-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.row-space-between-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start; }

.row-space-between-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end; }

.row-space-between-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.row-space-between-stretch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch; }

.row-center-start-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start; }

.space-x-1 {
  margin-right: calc(1rem * var($space-x-reverse));
  margin-left: calc(1rem * calc(1 - var($space-x-reverse))); }

.space-y-1px > * {
  margin-top: 1px; }

.space-y-5px > * {
  margin-top: 5px; }

.space-y-10px > * {
  margin-top: 10px; }

.space-y-10px > *:first-child {
  margin-top: 0; }

.space-y-15px > * {
  margin-top: 15px; }

.space-y-15px > *:first-child {
  margin-top: 0; }

.space-x-5px > * {
  margin-left: 5px; }

.space-x-5px > *:first-child {
  margin-left: 0; }

.space-x-10px > * {
  margin-left: 10px; }

.space-x-10px > *:first-child {
  margin-left: 0; }

.space-x-15px > * {
  margin-left: 15px; }

.space-x-15px > *:first-child {
  margin-left: 0; }

.space-x-20px > * {
  margin-left: 20px; }

.space-x-20px > *:first-child {
  margin-left: 0; }

.space-x-50px > * {
  margin-left: 50px; }

.space-x-50px > *:first-child {
  margin-left: 0; }

.trim {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.nowrap {
  white-space: nowrap; }

.overflow-hidden {
  overflow: hidden; }

.overflow-y-scroll {
  overflow-y: scroll; }

.overflow-x-scroll {
  overflow-x: scroll;
  overflow-y: none; }

.overflow-x-auto {
  overflow-x: auto; }

.word-break-all {
  word-break: break-all; }

.no-underline {
  text-decoration: none; }

.flex {
  display: flex; }

.inline {
  display: inline; }

.flex-row {
  flex-direction: row; }

.flex-col {
  flex-direction: column; }

.items-center {
  align-items: center; }

.items-start {
  align-items: flex-start; }

.items-end {
  align-items: flex-end; }

.items-between {
  align-items: space-between; }

.items-around {
  align-items: space-around; }

.items-evenly {
  align-items: space-evenly; }

.justify-start {
  justify-content: flex-start; }

.justify-end {
  justify-content: flex-end; }

.justify-center {
  justify-content: center; }

.justify-between {
  justify-content: space-between; }

.justify-around {
  justify-content: space-around; }

.justify-evenly {
  justify-content: space-evenly; }

.align-self-stretch {
  align-self: stretch; }

.align-self-center {
  align-self: center; }

.flex-grow {
  flex: 1 1 0; }

.flex-grow-2 {
  flex: 2 1 0; }

.flex-grow-3 {
  flex: 3 1 0; }

.flex-initial {
  flex: 0 0 auto; }

.flex-1 {
  flex: 1 1 0%; }

.flex-1-0-0 {
  flex: 1 0 0; }

.flex-0-1-auto {
  flex: 0 1 auto; }

.flex-1-1-auto {
  flex: 1 1 auto; }

.self-center {
  align-self: center; }

.rounded {
  border-radius: 4px; }

.rounded-15px {
  border-radius: 15px; }

.rounded-25px {
  border-radius: 25px; }

.rounded-full {
  border-radius: 9999px; }

.z-2 {
  z-index: 2; }

.z-210 {
  z-index: 210; }

.m-0 {
  margin: 0; }

.m-10px {
  margin: 10px; }

.m-15px {
  margin: 15px; }

.m-20px {
  margin: 20px; }

.m-1rem {
  margin: 1rem; }

.my-5px {
  margin-top: 5px;
  margin-bottom: 5px; }

.my-10px {
  margin-top: 10px;
  margin-bottom: 10px; }

.my-15px {
  margin-top: 15px;
  margin-bottom: 15px; }

.my-30px {
  margin-top: 30px;
  margin-bottom: 30px; }

.my-1rem {
  margin: 1rem 0; }

.my-4rem {
  margin: 4rem 0; }

.mx-5px {
  margin: 0 5px; }

.mx-10px {
  margin-left: 10px;
  margin-right: 10px; }

.mx-15px {
  margin: 0 15px; }

.mx-1rem {
  margin: 0 1rem; }

.mt--40px {
  margin-top: -40px; }

.mt--25px {
  margin-top: -25px; }

.mt--15px {
  margin-top: -15px; }

.mt--5px {
  margin-top: -5px; }

.mt-0 {
  margin-top: 0px; }

.mt-5px {
  margin-top: 5px; }

.mt-10px {
  margin-top: 10px; }

.mt-15px {
  margin-top: 15px; }

.mt-20px {
  margin-top: 20px; }

.mt-25px {
  margin-top: 25px; }

.mt-30px {
  margin-top: 30px; }

.mt-40px {
  margin-top: 40px; }

.mt-65px {
  margin-top: 65px; }

.ml-5px {
  margin-left: 5px; }

.ml-10px {
  margin-left: 10px; }

.ml-15px {
  margin-left: 15px; }

.ml-20px {
  margin-left: 20px; }

.ml-30px {
  margin-left: 30px; }

.ml-40px {
  margin-left: 40px; }

.mr--5px {
  margin-right: -5px; }

.mr-2px {
  margin-right: 2px; }

.mr-5px {
  margin-right: 5px; }

.mr-10px {
  margin-right: 10px; }

.mr-15px {
  margin-right: 15px; }

.mr-20px {
  margin-right: 20px; }

.mr-25px {
  margin-right: 25px; }

.mr-40px {
  margin-right: 40px; }

.mb--2px {
  margin-bottom: -2px; }

.mb-5px {
  margin-bottom: 5px; }

.mb-10px {
  margin-bottom: 10px; }

.mb-15px {
  margin-bottom: 15px; }

.mb-20px {
  margin-bottom: 20px; }

.mb-30px {
  margin-bottom: 30px; }

.mb-100px {
  margin-bottom: 100px; }

.p-0 {
  padding: 0px; }

.p-2px {
  padding: 2px; }

.p-5px {
  padding: 5px; }

.p-10px {
  padding: 10px; }

.p-15px {
  padding: 15px; }

.p-20px {
  padding: 20px; }

.p-075rem {
  padding: 0.75rem; }

.p-1rem {
  padding: 1rem; }

.px-10px {
  padding-left: 10px;
  padding-right: 10px; }

.px-15px {
  padding-left: 15px;
  padding-right: 15px; }

.py-2px {
  padding-top: 2px;
  padding-bottom: 2px; }

.py-5px {
  padding-top: 5px;
  padding-bottom: 5px; }

.py-10px {
  padding-top: 10px;
  padding-bottom: 10px; }

.py-15px {
  padding-top: 15px;
  padding-bottom: 15px; }

.py-20px {
  padding-top: 20px;
  padding-bottom: 20px; }

.py-40px {
  padding-top: 40px;
  padding-bottom: 40px; }

.pt-10px {
  padding-top: 10px; }

.pt-15px {
  padding-top: 15px; }

.pt-40px {
  padding-top: 40px; }

.pr-5px {
  padding-right: 5px; }

.pr-25px {
  padding-right: 25px; }

.pl-10px {
  padding-left: 10px; }

.pl-40px {
  padding-left: 40px; }

.pb-2px {
  padding-bottom: 2px; }

.pb-15px {
  padding-bottom: 15px; }

.pb-100px {
  padding-bottom: 100px; }

.pb-100 {
  padding-bottom: 100%; }

.pb-safe {
  padding-bottom: env(safe-area-inset-bottom); }

.w-full {
  width: 100%; }

.w-full-30px {
  width: calc(100% - 30px); }

.w-auto {
  width: auto; }

.w-4 {
  width: 1rem; }

.w-20px {
  width: 20px; }

.w-30px {
  width: 30px; }

.w-35px {
  width: 35px; }

.w-50px {
  width: 50px; }

.w-57px {
  width: 57px; }

.w-80px {
  width: 80px; }

.w-110px {
  width: 110px; }

.w-125px {
  width: 125px; }

.w-200px {
  width: 200px; }

.w-250px {
  width: 250px; }

.w-350px {
  width: 350px; }

.w-450px {
  width: 450px; }

.w-650px {
  width: 650px; }

.w-800px {
  width: 800px; }

.w-25per {
  width: 25%; }

.w-50per {
  width: 50%; }

.w-75per {
  width: 75%; }

.w-50per-7px {
  width: calc(50% - 7px); }

.mw-full {
  max-width: 100%; }

.mw-50p {
  max-width: 50%; }

.mw-100px {
  max-width: 100px; }

.mw-200px {
  max-width: 200px; }

.mw-250px {
  max-width: 250px; }

.mw-300px {
  max-width: 300px; }

.mw-400px {
  max-width: 400px; }

.mw-450px {
  max-width: 450px; }

.mw-500px {
  max-width: 500px; }

.mw-650px {
  max-width: 650px; }

.mw-1100px {
  max-width: 1100px; }

.h-full {
  height: 100%; }

.h-full-70px {
  height: calc(100% - 70px); }

.h-50per {
  height: 50%; }

.h-30px {
  height: 30px; }

.h-35px {
  height: 35px; }

.h-50px {
  height: 50px; }

.h-70px {
  height: 70px; }

.h-80px {
  height: 80px; }

.h-100px {
  height: 100px; }

.h-125px {
  height: 125px; }

.h-150px {
  height: 150px; }

.h-170px {
  height: 170px; }

.h-180px {
  height: 180px; }

.h-200px {
  height: 200px; }

.h-250px {
  height: 250px; }

.h-500px {
  height: 500px; }

.mh-45px {
  min-height: 45px; }

.min-h-150px {
  min-height: 150px; }

.min-h-350px {
  min-height: 350px; }

.max-h-5rem {
  max-height: 5rem; }

.t-white {
  color: #fff; }

.t-black {
  color: #303030; }

.t-gray {
  color: #767676; }

.t-light-gray {
  color: #b7b7b7; }

.t-lightest-gray {
  color: #dbdbdb; }

.t-green {
  color: #00c473; }

.t-dark-green {
  color: #538763; }

.t-red {
  color: #da7474; }

.t-purple {
  color: #52489c; }

.t-size-12px {
  font-size: 12px; }

.t-size-14px {
  font-size: 14px; }

.t-size-16px {
  font-size: 16px; }

.t-size-18px {
  font-size: 18px; }

.t-size-20px {
  font-size: 20px; }

.t-size-24px {
  font-size: 24px; }

.t-size-32px {
  font-size: 32px; }

.t-size-45px {
  font-size: 45px; }

.t-size-65px {
  font-size: 65px; }

.t-right {
  text-align: right; }

.t-left {
  text-align: left; }

.t-center {
  text-align: center; }

.black {
  color: #303030; }

.gray {
  color: #b7b7b7; }

.blue {
  color: #5546FF; }

.freeblue {
  color: #01C2FF; }

.bg-none {
  background: none; }

.bg-white {
  background-color: white; }

.bg-dark-white {
  background-color: #F3F5F6; }

.bg-darker-white {
  background-color: #edeff0; }

.bg-black {
  background-color: #303030; }

.bg-gray {
  background-color: #b7b7b7; }

.bg-blue {
  background-color: #5546FF; }

.bg-freeblue {
  background-color: #01C2FF; }

.bg-lightest-gray {
  background-color: #dbdbdb; }

.bg-light-gray {
  background-color: #b7b7b7; }

.bg-green {
  background-color: #00c473; }

.bg-green-wza {
  background-color: #51D870; }

.bg-lightest-green {
  background-color: #d2fdd4; }

.bg-lightest-purple {
  background-color: #edebff; }

.bg-red {
  background-color: #da7474; }

.bg-lightest-yellow {
  background-color: #FFEBA6; }

.bg-grad-light-gray {
  background-image: linear-gradient(315deg, #d9d9d9 0%, #f6f2f2 74%); }

.bg-cover {
  background-size: cover;
  background-repeat: no-repeat; }

.bg-contain {
  background-size: contain;
  background-repeat: no-repeat; }

.bg-center {
  background-position: center; }

.grid {
  display: grid; }

.grid-gap-5px {
  grid-gap: 5px; }

.grid-col-autofill-30px {
  grid-template-columns: repeat(auto-fill, 30px); }

.modal {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  padding: 50px;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  overflow: auto;
  background: rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }
  @media only screen and (min-device-width: 0) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    .modal {
      padding: 0; } }

.modal__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.modal__icon-close {
  z-index: 1;
  align-self: flex-start;
  margin-left: -46px;
  padding: 15px;
  cursor: pointer; }

.modal-open {
  height: 100vh;
  overflow: hidden; }

.modal__content {
  position: absolute; }

.modal-full-width {
  position: relative;
  width: 100%;
  max-width: 450px;
  min-height: 300px;
  overflow-y: auto;
  background: white;
  align-self: flex-start; }

.modal-full-width > * {
  margin-bottom: 15px; }

.modal-full-width > *:last-child {
  margin-bottom: 0px; }