/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.spin {
  animation: spin 2s infinite linear;
  fill: var(--yappy-com-color-white);
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.yappy-font-aluminium {
  color: var(--yappy-com-color-aluminium);
}

.yappy-font-ash {
  color: var(--yappy-com-color-ash);
}

.yappy-font-cherry {
  color: var(--yappy-com-color-cherry);
}

.yappy-font-concrete {
  color: var(--yappy-com-color-concrete);
}

.yappy-font-cooper {
  color: var(--yappy-com-color-cooper);
}

.yappy-font-crystal {
  color: var(--yappy-com-color-crystal);
}

.yappy-font-denim {
  color: var(--yappy-com-color-denim);
}

.yappy-font-emerald {
  color: var(--yappy-com-color-emerald);
}

.yappy-font-frost {
  color: var(--yappy-com-color-frost);
}

.yappy-font-glacier {
  color: var(--yappy-com-color-glacier);
}

.yappy-font-glacier-dark {
  color: var(--yappy-com-color-glacier-dark);
}

.yappy-font-glass {
  color: var(--yappy-com-color-glass);
}

.yappy-font-ink {
  color: var(--yappy-com-color-ink);
}

.yappy-font-lemon {
  color: var(--yappy-com-color-lemon);
}

.yappy-font-new-artic {
  color: var(--yappy-com-color-new-artic);
}

.yappy-font-new-frost {
  color: var(--yappy-com-color-new-frost);
}

.yappy-font-new-smoothie {
  color: var(--yappy-com-color-new-smoothie);
}

.yappy-font-orange-dark {
  color: var(--yappy-com-color-orange-dark);
}

.yappy-font-pearl {
  color: var(--yappy-com-color-pearl);
}

.yappy-font-royal {
  color: var(--yappy-com-color-royal);
}

.yappy-font-royal-dark {
  color: var(--yappy-com-color-royal-dark);
}

.yappy-font-ruby {
  color: var(--yappy-com-color-ruby);
}

.yappy-font-sky {
  color: var(--yappy-com-color-sky);
}

.yappy-font-sky-light {
  color: var(--yappy-com-color-sky-light);
}

.yappy-font-storm {
  color: var(--yappy-com-color-storm);
}

.yappy-font-tangerine {
  color: var(--yappy-com-color-tangerine);
}

.yappy-font-thunder {
  color: var(--yappy-com-color-thunder);
}

.yappy-font-twister {
  color: var(--yappy-com-color-twister);
}

.yappy-background-aluminium {
  background-color: var(--yappy-com-color-aluminium);
}

.yappy-background-ash {
  background-color: var(--yappy-com-color-ash);
}

.yappy-background-cherry {
  background-color: var(--yappy-com-color-cherry);
}

.yappy-background-concrete {
  background-color: var(--yappy-com-color-concrete);
}

.yappy-background-cooper {
  background-color: var(--yappy-com-color-cooper);
}

.yappy-background-crystal {
  background-color: var(--yappy-com-color-crystal);
}

.yappy-background-denim {
  background-color: var(--yappy-com-color-denim);
}

.yappy-background-emerald {
  background-color: var(--yappy-com-color-emerald);
}

.yappy-background-frost {
  background-color: var(--yappy-com-color-frost);
}

.yappy-background-glacier {
  background-color: var(--yappy-com-color-glacier);
}

.yappy-background-glacier-dark {
  background-color: var(--yappy-com-color-glacier-dark);
}

.yappy-background-glass {
  background-color: var(--yappy-com-color-glass);
}

.yappy-background-ink {
  background-color: var(--yappy-com-color-ink);
}

.yappy-background-lemon {
  background-color: var(--yappy-com-color-lemon);
}

.yappy-background-new-artic {
  background-color: var(--yappy-com-color-new-artic);
}

.yappy-background-new-frost {
  background-color: var(--yappy-com-color-new-frost);
}

.yappy-background-new-smoothie {
  background-color: var(--yappy-com-color-new-smoothie);
}

.yappy-background-orange-dark {
  background-color: var(--yappy-com-color-orange-dark);
}

.yappy-background-pearl {
  background-color: var(--yappy-com-color-pearl);
}

.yappy-background-royal {
  background-color: var(--yappy-com-color-royal);
}

.yappy-background-royal-dark {
  background-color: var(--yappy-com-color-royal-dark);
}

.yappy-background-ruby {
  background-color: var(--yappy-com-color-ruby);
}

.yappy-background-sky {
  background-color: var(--yappy-com-color-sky);
}

.yappy-background-sky-light {
  background-color: var(--yappy-com-color-sky-light);
}

.yappy-background-storm {
  background-color: var(--yappy-com-color-storm);
}

.yappy-background-tangerine {
  background-color: var(--yappy-com-color-tangerine);
}

.yappy-background-thunder {
  background-color: var(--yappy-com-color-thunder);
}

.yappy-background-twister {
  background-color: var(--yappy-com-color-twister);
}

/************ COMMON BUTTON CLASS ***********/
.yb-button, .yb-button-danger, .yb-button-secondary, .yb-button-primary {
  display: inline-block;
  width: auto;
  height: 48px;
  padding: 0;
  border-radius: 100px;
  outline: none;
  text-align: center;
  text-decoration: none;
  transition-duration: 250ms;
  cursor: pointer;
  color: var(--yappy-com-color-white);
  font-family: nunito, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 22.4px;
}

/************ BUTTONS THEME ***********/
.yb-button-primary {
  background: var(--yappy-com-color-royal);
  border: none;
}
.yb-button-primary:hover:enabled {
  background: var(--yappy-com-color-royal-dark);
}
.yb-button-primary:disabled {
  background: var(--yappy-com-color-sky);
  color: var(--yappy-com-color-white);
  border: none;
}

.yb-button-secondary {
  background: var(--yappy-com-color-white);
  color: var(--yappy-com-color-royal);
  border: 1px solid var(--yappy-com-color-royal);
}
.yb-button-secondary:disabled {
  opacity: 0.5;
}

.yb-button-danger {
  background: var(--yappy-com-color-ruby);
  border: none;
}
.yb-button-danger:hover:enabled {
  background: #970113;
}
.yb-button-danger:disabled {
  background: var(--yappy-com-color-ruby);
}

.yappy-font-aluminium {
  color: var(--yappy-com-color-aluminium);
}

.yappy-font-ash {
  color: var(--yappy-com-color-ash);
}

.yappy-font-cherry {
  color: var(--yappy-com-color-cherry);
}

.yappy-font-concrete {
  color: var(--yappy-com-color-concrete);
}

.yappy-font-cooper {
  color: var(--yappy-com-color-cooper);
}

.yappy-font-crystal {
  color: var(--yappy-com-color-crystal);
}

.yappy-font-denim {
  color: var(--yappy-com-color-denim);
}

.yappy-font-emerald {
  color: var(--yappy-com-color-emerald);
}

.yappy-font-frost {
  color: var(--yappy-com-color-frost);
}

.yappy-font-glacier {
  color: var(--yappy-com-color-glacier);
}

.yappy-font-glacier-dark {
  color: var(--yappy-com-color-glacier-dark);
}

.yappy-font-glass {
  color: var(--yappy-com-color-glass);
}

.yappy-font-ink {
  color: var(--yappy-com-color-ink);
}

.yappy-font-lemon {
  color: var(--yappy-com-color-lemon);
}

.yappy-font-new-artic {
  color: var(--yappy-com-color-new-artic);
}

.yappy-font-new-frost {
  color: var(--yappy-com-color-new-frost);
}

.yappy-font-new-smoothie {
  color: var(--yappy-com-color-new-smoothie);
}

.yappy-font-orange-dark {
  color: var(--yappy-com-color-orange-dark);
}

.yappy-font-pearl {
  color: var(--yappy-com-color-pearl);
}

.yappy-font-royal {
  color: var(--yappy-com-color-royal);
}

.yappy-font-royal-dark {
  color: var(--yappy-com-color-royal-dark);
}

.yappy-font-ruby {
  color: var(--yappy-com-color-ruby);
}

.yappy-font-sky {
  color: var(--yappy-com-color-sky);
}

.yappy-font-sky-light {
  color: var(--yappy-com-color-sky-light);
}

.yappy-font-storm {
  color: var(--yappy-com-color-storm);
}

.yappy-font-tangerine {
  color: var(--yappy-com-color-tangerine);
}

.yappy-font-thunder {
  color: var(--yappy-com-color-thunder);
}

.yappy-font-twister {
  color: var(--yappy-com-color-twister);
}

.yappy-background-aluminium {
  background-color: var(--yappy-com-color-aluminium);
}

.yappy-background-ash {
  background-color: var(--yappy-com-color-ash);
}

.yappy-background-cherry {
  background-color: var(--yappy-com-color-cherry);
}

.yappy-background-concrete {
  background-color: var(--yappy-com-color-concrete);
}

.yappy-background-cooper {
  background-color: var(--yappy-com-color-cooper);
}

.yappy-background-crystal {
  background-color: var(--yappy-com-color-crystal);
}

.yappy-background-denim {
  background-color: var(--yappy-com-color-denim);
}

.yappy-background-emerald {
  background-color: var(--yappy-com-color-emerald);
}

.yappy-background-frost {
  background-color: var(--yappy-com-color-frost);
}

.yappy-background-glacier {
  background-color: var(--yappy-com-color-glacier);
}

.yappy-background-glacier-dark {
  background-color: var(--yappy-com-color-glacier-dark);
}

.yappy-background-glass {
  background-color: var(--yappy-com-color-glass);
}

.yappy-background-ink {
  background-color: var(--yappy-com-color-ink);
}

.yappy-background-lemon {
  background-color: var(--yappy-com-color-lemon);
}

.yappy-background-new-artic {
  background-color: var(--yappy-com-color-new-artic);
}

.yappy-background-new-frost {
  background-color: var(--yappy-com-color-new-frost);
}

.yappy-background-new-smoothie {
  background-color: var(--yappy-com-color-new-smoothie);
}

.yappy-background-orange-dark {
  background-color: var(--yappy-com-color-orange-dark);
}

.yappy-background-pearl {
  background-color: var(--yappy-com-color-pearl);
}

.yappy-background-royal {
  background-color: var(--yappy-com-color-royal);
}

.yappy-background-royal-dark {
  background-color: var(--yappy-com-color-royal-dark);
}

.yappy-background-ruby {
  background-color: var(--yappy-com-color-ruby);
}

.yappy-background-sky {
  background-color: var(--yappy-com-color-sky);
}

.yappy-background-sky-light {
  background-color: var(--yappy-com-color-sky-light);
}

.yappy-background-storm {
  background-color: var(--yappy-com-color-storm);
}

.yappy-background-tangerine {
  background-color: var(--yappy-com-color-tangerine);
}

.yappy-background-thunder {
  background-color: var(--yappy-com-color-thunder);
}

.yappy-background-twister {
  background-color: var(--yappy-com-color-twister);
}

.yappy-font-aluminium {
  color: var(--yappy-com-color-aluminium);
}

.yappy-font-ash {
  color: var(--yappy-com-color-ash);
}

.yappy-font-cherry {
  color: var(--yappy-com-color-cherry);
}

.yappy-font-concrete {
  color: var(--yappy-com-color-concrete);
}

.yappy-font-cooper {
  color: var(--yappy-com-color-cooper);
}

.yappy-font-crystal {
  color: var(--yappy-com-color-crystal);
}

.yappy-font-denim {
  color: var(--yappy-com-color-denim);
}

.yappy-font-emerald {
  color: var(--yappy-com-color-emerald);
}

.yappy-font-frost {
  color: var(--yappy-com-color-frost);
}

.yappy-font-glacier {
  color: var(--yappy-com-color-glacier);
}

.yappy-font-glacier-dark {
  color: var(--yappy-com-color-glacier-dark);
}

.yappy-font-glass {
  color: var(--yappy-com-color-glass);
}

.yappy-font-ink {
  color: var(--yappy-com-color-ink);
}

.yappy-font-lemon {
  color: var(--yappy-com-color-lemon);
}

.yappy-font-new-artic {
  color: var(--yappy-com-color-new-artic);
}

.yappy-font-new-frost {
  color: var(--yappy-com-color-new-frost);
}

.yappy-font-new-smoothie {
  color: var(--yappy-com-color-new-smoothie);
}

.yappy-font-orange-dark {
  color: var(--yappy-com-color-orange-dark);
}

.yappy-font-pearl {
  color: var(--yappy-com-color-pearl);
}

.yappy-font-royal {
  color: var(--yappy-com-color-royal);
}

.yappy-font-royal-dark {
  color: var(--yappy-com-color-royal-dark);
}

.yappy-font-ruby {
  color: var(--yappy-com-color-ruby);
}

.yappy-font-sky {
  color: var(--yappy-com-color-sky);
}

.yappy-font-sky-light {
  color: var(--yappy-com-color-sky-light);
}

.yappy-font-storm {
  color: var(--yappy-com-color-storm);
}

.yappy-font-tangerine {
  color: var(--yappy-com-color-tangerine);
}

.yappy-font-thunder {
  color: var(--yappy-com-color-thunder);
}

.yappy-font-twister {
  color: var(--yappy-com-color-twister);
}

.yappy-background-aluminium {
  background-color: var(--yappy-com-color-aluminium);
}

.yappy-background-ash {
  background-color: var(--yappy-com-color-ash);
}

.yappy-background-cherry {
  background-color: var(--yappy-com-color-cherry);
}

.yappy-background-concrete {
  background-color: var(--yappy-com-color-concrete);
}

.yappy-background-cooper {
  background-color: var(--yappy-com-color-cooper);
}

.yappy-background-crystal {
  background-color: var(--yappy-com-color-crystal);
}

.yappy-background-denim {
  background-color: var(--yappy-com-color-denim);
}

.yappy-background-emerald {
  background-color: var(--yappy-com-color-emerald);
}

.yappy-background-frost {
  background-color: var(--yappy-com-color-frost);
}

.yappy-background-glacier {
  background-color: var(--yappy-com-color-glacier);
}

.yappy-background-glacier-dark {
  background-color: var(--yappy-com-color-glacier-dark);
}

.yappy-background-glass {
  background-color: var(--yappy-com-color-glass);
}

.yappy-background-ink {
  background-color: var(--yappy-com-color-ink);
}

.yappy-background-lemon {
  background-color: var(--yappy-com-color-lemon);
}

.yappy-background-new-artic {
  background-color: var(--yappy-com-color-new-artic);
}

.yappy-background-new-frost {
  background-color: var(--yappy-com-color-new-frost);
}

.yappy-background-new-smoothie {
  background-color: var(--yappy-com-color-new-smoothie);
}

.yappy-background-orange-dark {
  background-color: var(--yappy-com-color-orange-dark);
}

.yappy-background-pearl {
  background-color: var(--yappy-com-color-pearl);
}

.yappy-background-royal {
  background-color: var(--yappy-com-color-royal);
}

.yappy-background-royal-dark {
  background-color: var(--yappy-com-color-royal-dark);
}

.yappy-background-ruby {
  background-color: var(--yappy-com-color-ruby);
}

.yappy-background-sky {
  background-color: var(--yappy-com-color-sky);
}

.yappy-background-sky-light {
  background-color: var(--yappy-com-color-sky-light);
}

.yappy-background-storm {
  background-color: var(--yappy-com-color-storm);
}

.yappy-background-tangerine {
  background-color: var(--yappy-com-color-tangerine);
}

.yappy-background-thunder {
  background-color: var(--yappy-com-color-thunder);
}

.yappy-background-twister {
  background-color: var(--yappy-com-color-twister);
}

/************ COMMON INPUT CLASS ***********/
.yb-input {
  display: block;
  width: 100%;
  height: 48px;
  padding: 16px;
  border: 1px solid var(--yappy-com-color-aluminium);
  box-sizing: border-box;
  border-radius: 8px;
  background-color: var(--yappy-com-color-white);
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: var(--yappy-com-color-denim);
  font-family: nunito, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 22.4px;
}
.yb-input::placeholder {
  color: var(--yappy-com-color-ash) !important;
}
.yb-input:focus {
  border: 1px solid var(--yappy-com-color-royal);
  outline: none !important;
  outline-width: 0 !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.yb-input:disabled {
  background: #f9f9f9;
  color: var(--yappy-com-colot-white);
  border: 1px solid var(--yappy-com-color-aluminium);
}
/************ ERROR INPUT CLASS ***********/
.yb-error-input, .yb-input.ng-invalid.ng-touched {
  border: 1px solid var(--yappy-com-color-ruby);
}
.yb-error-input:focus, .yb-input.ng-invalid.ng-touched:focus {
  border: 1px solid var(--yappy-com-color-ruby);
}

.yb-error-message {
  display: block;
  background: url('ico-alert-ruby.6386f399c706d90a.svg') no-repeat;
  background-size: 14px;
  background-position-y: 12px;
  padding: 8px 0 0 20px;
  height: 28px;
  color: var(--yappy-com-color-ruby);
  font-family: nunito, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 19.6px;
}

.yappy-font-aluminium {
  color: var(--yappy-com-color-aluminium);
}

.yappy-font-ash {
  color: var(--yappy-com-color-ash);
}

.yappy-font-cherry {
  color: var(--yappy-com-color-cherry);
}

.yappy-font-concrete {
  color: var(--yappy-com-color-concrete);
}

.yappy-font-cooper {
  color: var(--yappy-com-color-cooper);
}

.yappy-font-crystal {
  color: var(--yappy-com-color-crystal);
}

.yappy-font-denim {
  color: var(--yappy-com-color-denim);
}

.yappy-font-emerald {
  color: var(--yappy-com-color-emerald);
}

.yappy-font-frost {
  color: var(--yappy-com-color-frost);
}

.yappy-font-glacier {
  color: var(--yappy-com-color-glacier);
}

.yappy-font-glacier-dark {
  color: var(--yappy-com-color-glacier-dark);
}

.yappy-font-glass {
  color: var(--yappy-com-color-glass);
}

.yappy-font-ink {
  color: var(--yappy-com-color-ink);
}

.yappy-font-lemon {
  color: var(--yappy-com-color-lemon);
}

.yappy-font-new-artic {
  color: var(--yappy-com-color-new-artic);
}

.yappy-font-new-frost {
  color: var(--yappy-com-color-new-frost);
}

.yappy-font-new-smoothie {
  color: var(--yappy-com-color-new-smoothie);
}

.yappy-font-orange-dark {
  color: var(--yappy-com-color-orange-dark);
}

.yappy-font-pearl {
  color: var(--yappy-com-color-pearl);
}

.yappy-font-royal {
  color: var(--yappy-com-color-royal);
}

.yappy-font-royal-dark {
  color: var(--yappy-com-color-royal-dark);
}

.yappy-font-ruby {
  color: var(--yappy-com-color-ruby);
}

.yappy-font-sky {
  color: var(--yappy-com-color-sky);
}

.yappy-font-sky-light {
  color: var(--yappy-com-color-sky-light);
}

.yappy-font-storm {
  color: var(--yappy-com-color-storm);
}

.yappy-font-tangerine {
  color: var(--yappy-com-color-tangerine);
}

.yappy-font-thunder {
  color: var(--yappy-com-color-thunder);
}

.yappy-font-twister {
  color: var(--yappy-com-color-twister);
}

.yappy-background-aluminium {
  background-color: var(--yappy-com-color-aluminium);
}

.yappy-background-ash {
  background-color: var(--yappy-com-color-ash);
}

.yappy-background-cherry {
  background-color: var(--yappy-com-color-cherry);
}

.yappy-background-concrete {
  background-color: var(--yappy-com-color-concrete);
}

.yappy-background-cooper {
  background-color: var(--yappy-com-color-cooper);
}

.yappy-background-crystal {
  background-color: var(--yappy-com-color-crystal);
}

.yappy-background-denim {
  background-color: var(--yappy-com-color-denim);
}

.yappy-background-emerald {
  background-color: var(--yappy-com-color-emerald);
}

.yappy-background-frost {
  background-color: var(--yappy-com-color-frost);
}

.yappy-background-glacier {
  background-color: var(--yappy-com-color-glacier);
}

.yappy-background-glacier-dark {
  background-color: var(--yappy-com-color-glacier-dark);
}

.yappy-background-glass {
  background-color: var(--yappy-com-color-glass);
}

.yappy-background-ink {
  background-color: var(--yappy-com-color-ink);
}

.yappy-background-lemon {
  background-color: var(--yappy-com-color-lemon);
}

.yappy-background-new-artic {
  background-color: var(--yappy-com-color-new-artic);
}

.yappy-background-new-frost {
  background-color: var(--yappy-com-color-new-frost);
}

.yappy-background-new-smoothie {
  background-color: var(--yappy-com-color-new-smoothie);
}

.yappy-background-orange-dark {
  background-color: var(--yappy-com-color-orange-dark);
}

.yappy-background-pearl {
  background-color: var(--yappy-com-color-pearl);
}

.yappy-background-royal {
  background-color: var(--yappy-com-color-royal);
}

.yappy-background-royal-dark {
  background-color: var(--yappy-com-color-royal-dark);
}

.yappy-background-ruby {
  background-color: var(--yappy-com-color-ruby);
}

.yappy-background-sky {
  background-color: var(--yappy-com-color-sky);
}

.yappy-background-sky-light {
  background-color: var(--yappy-com-color-sky-light);
}

.yappy-background-storm {
  background-color: var(--yappy-com-color-storm);
}

.yappy-background-tangerine {
  background-color: var(--yappy-com-color-tangerine);
}

.yappy-background-thunder {
  background-color: var(--yappy-com-color-thunder);
}

.yappy-background-twister {
  background-color: var(--yappy-com-color-twister);
}

:root {
  --yappy-com-color-aluminium: #d2d6de;
  --yappy-com-color-ash: #9fa6b7;
  --yappy-com-color-black: #000000;
  --yappy-com-color-blue: #004c97;
  --yappy-com-color-cherry: #ff5959;
  --yappy-com-color-concrete: #6f7583;
  --yappy-com-color-cooper: #d86018;
  --yappy-com-color-crystal: #f9fdff;
  --yappy-com-color-denim: #444c5e;
  --yappy-com-color-emerald: #009950;
  --yappy-com-color-frost: #f1f9ff;
  --yappy-com-color-glacier: #1eb2f5;
  --yappy-com-color-glacier-dark: #1a90e4;
  --yappy-com-color-ink: #292e38;
  --yappy-com-color-lemon: #e1ffc7;
  --yappy-com-color-new-artic: #e3f3ff;
  --yappy-com-color-new-frost: #f4faff;
  --yappy-com-color-new-smoothie: #fff5eb;
  --yappy-com-color-orange: #ff7900;
  --yappy-com-color-orange-dark: #bd5a00;
  --yappy-com-color-pearl: #f7f9fc;
  --yappy-com-color-royal: #1677d8;
  --yappy-com-color-royal-dark: #003882;
  --yappy-com-color-ruby: #d0021b;
  --yappy-com-color-silver: #ebeef4;
  --yappy-com-color-sky: #cce3f5;
  --yappy-com-color-sky-light: #e1f0ff;
  --yappy-com-color-storm: #7da9d6;
  --yappy-com-color-tan: #eaa175;
  --yappy-com-color-tangerine: #ff973c;
  --yappy-com-color-thunder: #b0d0f1;
  --yappy-com-color-twister: #5279a1;
  --yappy-com-color-white: #ffffff;
  --yappy-com-color-yellow: #ffe175;
  --yappy-com-gradient-blue-sky: linear-gradient(
    to bottom,
    var(--yappy-com-color-glacier),
    var(--yappy-com-color-glacier-dark) 34.4%,
    var(--yappy-com-color-new-frost) 34.4%
  );
  --gap-micro: 2px;
  --gap-mini: 4px;
  --gap-tiny: 8px;
  --gap-little: 12px;
  --gap-base: 16px;
  --gap-medium: 24px;
  --gap-big: 32px;
  --gap-large: 40px;
  --gap-wide: 48px;
  --gap-huge: 64px;
  --gap-giant: 72px;
  --none: none;
  --normal: normal;
  --unset: unset;
  --bold: bold;
  --solid: solid;
  --deg-360: 360deg;
  --deg-0: 0deg;
  --shadow-flat: 0px 1px 1px rgba(0, 39, 90, 0.2);
  --shadow-low: 0px 2px 8px rgba(0, 39, 90, 0.1);
  --shadow-normal: 0px 8px 16px rgba(0, 39, 90, 0.15);
  --shadow-high: 0px 16px 48px rgba(0, 39, 90, 0.2);
}

@font-face {
  font-family: nunito;
  src: url('nunito-regular.c8e9e0b9f041fff6.ttf');
}
@font-face {
  font-family: nunito;
  font-weight: 600;
  src: url('nunito-semibold.63c295f5e2749518.ttf');
}
@font-face {
  font-family: nunito;
  src: url('nunito-bold.df61068ba8712e86.ttf');
  font-weight: 700;
}
@font-face {
  font-family: nunito;
  src: url('nunito-extrabold.a84d5dfb2edc87df.ttf');
  font-weight: 800;
}
@font-face {
  font-family: nunito;
  src: url('nunito-black.61da31206582a771.ttf');
  font-weight: 900;
}
body {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  height: 100vh;
  overflow-x: hidden;
  color: var(--yappy-com-color-white);
  background: var(--yappy-com-gradient-blue-sky);
}