/*!
* Airship Styles · CARTO · https://carto.com
* 2019-07-30T09:13:11.072Z
*/
@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Overpass+Mono|Roboto:300,400,500,700);
.as-map-panels {
  --as--map-panels--background-color: var(--as--color--ui-01, #FFF);
  --as--map-panels--element--background-color: var(--as--color--ui-01, #FFF);
  --as--map-panels--element--shadow-color: var(--as--color--shadow, rgba(44, 44, 44, 0.16));
  display: none;
  position: absolute;
  z-index: 4;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--as--map-panels--background-color);
}
.as-map-panels--visible {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
@media all and (min-width: 12px) {
  .as-map-panels {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow-y: initial;
    background-color: initial;
    pointer-events: none;
  }
}

@media all and (min-width: 12px) {
  .as-panel {
    display: flex;
    position: absolute;
    align-items: flex-start;
    padding-bottom: 4px;
    overflow-x: auto;
    pointer-events: auto;
  }
  .as-panel--vertical {
    flex-direction: column;
    overflow-y: auto;
  }
  .as-panel--vertical .as-panel__element:not(:last-child) {
    margin-bottom: 8px;
  }
  .as-panel--top {
    top: 24px;
    max-height: calc(100% - 48px);
  }
  .as-panel--middle {
    top: 50%;
    max-height: calc(100% - 48px);
    transform: translate3d(0, -50%, 0);
  }
  .as-panel--bottom {
    bottom: 24px;
    max-height: calc(100% - 48px);
  }
  .as-panel--left {
    left: 24px;
    max-width: calc(100% - 48px);
  }
  .as-panel--center {
    left: 50%;
    max-width: calc(100% - 48px);
    transform: translate3d(-50%, 0, 0);
  }
  .as-panel--right {
    right: 24px;
    max-width: calc(100% - 48px);
  }
  .as-panel--middle.as-panel--center {
    transform: translate3d(-50%, -50%, 0);
  }
  .as-panel__element {
    max-width: 200px;
    border-radius: 4px;
    background: var(--as--map-panels--element--background-color);
    background-color: #FFF;
    box-shadow: 0 2px 8px 0 var(--as--map-panels--element--shadow-color);
  }
  .as-panel__element:not(:last-child) {
    margin-right: 8px;
  }
  .as-panel__element .as-box {
    padding: 16px;
  }
}

.as-map-area {
  display: flex;
  position: relative;
  flex-direction: column;
  flex-grow: 1;
}
.as-map-area #map {
  z-index: 0;
  flex: 1 0 0%;
}

.as-map-footer {
  --as--map-footer--background-color: var(--as--color--ui-01, #FFF);
  --as--map-footer--box--border-color: var(--as--color--ui-04, #D1D5D7);
  display: none;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: var(--as--map-footer--background-color);
  pointer-events: auto;
}
.as-map-footer--visible {
  display: initial;
  z-index: 4;
  overflow-x: auto;
}
@media all and (min-width: 12px) {
  .as-map-footer {
    display: flex;
    position: initial;
    max-height: 280px;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .as-map-footer .as-box {
    flex: 2 0;
  }
  .as-map-footer .as-box--small, .as-map-footer .as-box--s {
    flex: 1 0;
  }
  .as-map-footer .as-box--medium, .as-map-footer .as-box--m {
    flex: 3 0;
  }
  .as-map-footer .as-box--large, .as-map-footer .as-box--l {
    flex: 4 0;
  }
  .as-map-footer .as-box--xlarge, .as-map-footer .as-box--xl {
    flex: 5 0;
  }
  .as-map-footer .as-box--border {
    border-right: 1px solid var(--as--map-footer--box--border-color);
  }
  .as-map-footer .as-box--scroll {
    overflow-y: auto;
  }
}

.as-main {
  display: flex;
  position: relative;
  flex: 1 0 0%;
  flex-direction: column;
  overflow: auto;
}

.as-sidebar {
  --as--sidebar--background-color: var(--as--color--ui-01, #FFF);
  --as--sidebar--box--border-color: var(--as--color--ui-04, #D1D5D7);
  --as--sidebar--shadow-color: var(--as--color--shadow, rgba(44, 44, 44, 0.16));
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
  flex: 0 1 auto;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  transition: opacity 0.3s;
  background-color: var(--as--sidebar--background-color);
}
.as-sidebar--left {
  order: -1;
  box-shadow: var(--as--sidebar--shadow-color) 1px 0 4px 0;
}
.as-sidebar--left.as-sidebar--visible {
  display: flex;
  z-index: 4;
}
.as-sidebar--right {
  order: 9999;
  box-shadow: var(--as--sidebar--shadow-color) -1px 0 4px 0;
}
.as-sidebar--right.as-sidebar--visible {
  display: flex;
  z-index: 4;
}
.as-sidebar .as-container {
  flex: 0 1 auto;
}
.as-sidebar .as-container--scrollable {
  flex: 0 1 auto;
}
@media all and (min-width: 12px) {
  .as-sidebar {
    display: flex;
    position: initial;
    top: 0;
    flex: 0 0 auto;
    width: 260px;
    height: 100%;
  }
  .as-sidebar--l {
    width: 360px;
  }
  .as-sidebar--xl {
    width: 460px;
  }
  .as-sidebar .as-container {
    flex-grow: 0;
  }
  .as-sidebar .as-container--scrollable {
    flex-grow: 1;
    overflow-y: auto;
  }
  .as-sidebar .as-box--border {
    border-bottom: 1px solid var(--as--sidebar--box--border-color);
  }
}

.as-toolbar__actions {
  --as--toolbar__actions--background-color: var(--as--color--secondary);
  display: flex;
  position: absolute;
  z-index: 5;
  top: 60px;
  right: 0;
  bottom: 0;
  left: -100%;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  transition: left 0.3s;
  background-color: var(--as--toolbar__actions--background-color);
  height: 60px;
}
.as-toolbar__actions ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.as-toolbar__actions ul .as-toolbar__item {
  width: 100%;
}
.as-toolbar__actions--visible {
  left: 0;
}
@media all and (min-width: 12px) {
  .as-toolbar__actions {
    position: initial;
    top: 0;
    left: 0;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: initial;
  }
  .as-toolbar__actions ul {
    flex-direction: row;
    width: initial;
  }
  .as-toolbar__actions ul .as-toolbar__item {
    width: auto;
  }
}

.as-toolbar {
  --as--toolbar--background-color: var(--as--color--secondary, #0F2D53);
  --as--toolbar--text-color: var(--as--color--type-04, #FFF);
  --as--toolbar--link-color: var(--as--toolbar--text-color, #FFF);
  display: flex;
  justify-content: space-between;
  height: 60px;
  background-color: var(--as--toolbar--background-color);
 /* visibility: hidden; */
}
.as-toolbar__toggle {
  border: none;
  background: transparent;
}
.as-toolbar__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  margin: 0;
  padding: 0 12px;
  color: var(--as--toolbar--text-color);
  font: var(--as--font--body);
  cursor: pointer;
  z-index: 9; /* Required for IE to display over as-toolbar__actions */
}
.as-toolbar a {
  background-color: inherit;
  color: var(--as--toolbar--link-color);
  text-decoration: none;
}
.as-toolbar__group {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.as-toolbar__icon-text {
  margin-left: 8px;
}
.as-toolbar--logo {
  flex: 1 0 0%;
}
@media all and (min-width: 12px) {
  .as-toolbar__icon-text, .as-toolbar__toggle {
    display: none;
  }
}

@media all and (min-width: 12px) {
  .as-toolbar-tabs {
    display: none !important;
  }
}

body.as-app-body {
  width: 100vw;
  height: 100%; /* 100vh */
  margin: 0;
  padding: 0;
  color: var(--as--color--text, #000);
}

.as-app {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.as-app .as-content {
  display: flex;
  position: relative;
  flex: 1 0 0%;
  /* https://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox */
  min-height: 0;
}
.as-app .as-toolbar {
  width: 100%;
}
@media all and (min-width: 12px) {
  .as-app--nav-left {
    flex-direction: row;
  }
  .as-app--nav-right {
    flex-direction: row-reverse;
  }
  .as-app--nav-left .as-toolbar, .as-app--nav-right .as-toolbar {
    flex-direction: column;
    align-items: center;
    width: 60px;
    height: 100%;
    overflow-x: hidden;
  }
  .as-app--nav-left img, .as-app--nav-right img {
    max-width: 100%;
    object-fit: contain;
  }
  .as-app--nav-left .as-toolbar__group,
.as-app--nav-left .as-toolbar__actions ul,
.as-app--nav-left .as-toolbar__actions, .as-app--nav-right .as-toolbar__group,
.as-app--nav-right .as-toolbar__actions ul,
.as-app--nav-right .as-toolbar__actions {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
}

.as-jumbo {
  margin: 0px 0px 20px;
  font: var(--as--font--jumbo);
  font-weight: 300;
}

.as-display {
  margin: 0px 0px 16px;
  font: var(--as--font--display);
  font-weight: 300;
}

.as-title {
  margin: 0px 0px 12px;
  font: var(--as--font--title);
}

.as-subheader {
  margin: 0px 0px 8px;
  font: var(--as--font--subheader);
}

.as-body {
  margin: 0px 0px 4px;
  font: var(--as--font--body);
}

.as-caption {
  margin: 0;
  font: var(--as--font--caption);
}

.as-font--bold {
  font-weight: 700;
}
.as-font--normal {
  font-weight: 400;
}
.as-font--medium {
  font-weight: 500;
}
.as-font--light {
  font-weight: 300;
}
.as-font--italic {
  font-style: italic;
}
.as-font--mono {
  font-family: var(--as--font-family--mono);
}

.as-color--primary {
  color: var(--as--color--primary);
}
.as-color--secondary {
  color: var(--as--color--secondary);
}
.as-color--complementary {
  color: var(--as--color--complementary);
}
.as-color--type-01 {
  color: var(--as--color--type-01);
}
.as-color--type-02 {
  color: var(--as--color--type-02);
}
.as-color--type-03 {
  color: var(--as--color--type-03);
}
.as-color--type-04 {
  color: var(--as--color--type-04);
}
.as-color--gray {
  color: var(--as--color--gray, #E2E6E3);
}
.as-color--green {
  color: var(--as--color--green, #E1EECA);
}
.as-color--blue {
  color: var(--as--color--blue, #B5E0F9);
}
.as-color--pink {
  color: var(--as--color--pink, #E4D8EB);
}
.as-color--yellow {
  color: var(--as--color--yellow, #F8E71C);
}
.as-color--black {
  color: var(--as--color--text, #000);
}
.as-color--white {
  color: var(--as--color--text-contrast, #FFF);
}
.as-color--success {
  color: var(--as--color--success);
}
.as-color--warning {
  color: var(--as--color--warning);
}
.as-color--error {
  color: var(--as--color--error);
}

.as-box {
  padding: 16px;
}

.as-list {
  padding-left: 24px;
  font: var(--as--font--body);
}
.as-list--simple {
  padding-left: 0;
  list-style: none;
}
.as-list__item {
  padding-left: 12px;
}

:root {
  --as--color--primary: #1785FB;
  --as--color--primary--hover: #1A5FAA;
  --as--color--primary--active: #263D56;
  --as--color--secondary: #0F2D53;
  --as--color--secondary--hover: #0F2D53;
  --as--color--secondary--active: #0F2D53;
  --as--color--complementary: #47DB99;
  --as--color--complementary--hover: #E0F9EE;
  --as--color--complementary--active: #C6F4DF;
  --as--color--type-01: #2C2C2C;
  --as--color--type-02: #747474;
  --as--color--type-03: #BABABA;
  --as--color--type-04: #FFF;
  --as--color--ui-01: #FFF;
  --as--color--ui-02: #F5F5F5;
  --as--color--ui-03: #E2E6E3;
  --as--color--ui-04: #D1D5D7;
  --as--color--ui-05: #B3B3B3;
  --as--color--gray: #E2E6E3;
  --as--color--green: #E1EECA;
  --as--color--blue: #B5E0F9;
  --as--color--pink: #E4D8EB;
  --as--color--yellow: #F8E71C;
  --as--color--white: #FFF;
  --as--color--black: #000;
  --as--color--text-contrast: #FFF;
  --as--color--text: #000;
  --as--color--primary: #1785FB;
  --as--color--error: #F3522B;
  --as--color--warning: #FDB32B;
  --as--color--success: #80B622;
  --as--color--gray-alpha: #E2E6E31F;
  --as--color--green-alpha: #E1EECA1F;
  --as--color--blue-alpha: #B5E0F91F;
  --as--color--pink-alpha: #E4D8EB1F;
  --as--color--yellow-alpha: #F8E71C1F;
  --as--color--white-alpha: #FFFFFF1F;
  --as--color--black-alpha: #0000001F;
  --as--color--text-contrast-alpha: #FFFFFF1F;
  --as--color--text-alpha: #0000001F;
  --as--color--primary-alpha: #263D561F;
  --as--color--secondary-alpha: #0F2D531F;
  --as--color--complementary-alpha: #47DB991F;
  --as--color--error-alpha: #F3522B1F;
  --as--color--warning-alpha: #FDB32B1F;
  --as--color--success-alpha: #80B6221F;
  --as--color--shadow: rgba(44, 44, 44, 0.16);
  --as--color--modal: rgba(44, 44, 44, 0.8);
  --as--color--badge-gray: #E2E6E3;
  --as--color--badge-green: #E1EECA;
  --as--color--badge-blue: #B5E0F9;
  --as--color--badge-pink: #E4D8EB;
  --as--color--badge-yellow: #F8E71C;
  --as--font--caption: var(--as--size--font-01)/var(--as--size--line-height-01) var(--as--font-family--base);
  --as--font--body: var(--as--size--font-02)/var(--as--size--line-height-02) var(--as--font-family--base);
  --as--font--subheader: var(--as--size--font-03)/var(--as--size--line-height-03) var(--as--font-family--base);
  --as--font--title: var(--as--size--font-04)/var(--as--size--line-height-04) var(--as--font-family--base);
  --as--font--display: var(--as--size--font-05)/var(--as--size--line-height-05) var(--as--font-family--base);
  --as--font--jumbo: var(--as--size--font-06)/var(--as--size--line-height-06) var(--as--font-family--base);
  --as--font-family--base: Roboto, sans-serif;
  --as--font-family--mono: Overpass Mono, sans-serif;
  --as--size--font-01: 10px;
  --as--size--font-02: 12px;
  --as--size--font-03: 16px;
  --as--size--font-04: 24px;
  --as--size--font-05: 40px;
  --as--size--font-06: 72px;
  --as--size--line-height-01: 12px;
  --as--size--line-height-02: 20px;
  --as--size--line-height-03: 24px;
  --as--size--line-height-04: 32px;
  --as--size--line-height-05: 56px;
  --as--size--line-height-06: 80px;
}

* {
  box-sizing: border-box;
}

main {
  display: block;
}

/* avatar.scss */
.as-avatar {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 100%;
}
.as-avatar--l {
  width: 32px;
  height: 32px;
}
.as-avatar--xl {
  width: 48px;
  height: 48px;
}

.as-badge {
  --as--color--badge-default: var(--as--color--badge-blue, #B5E0F9);
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border-radius: 20px;
  background-color: var(--as--color--badge--default-color);
  font: var(--as--font--body);
}
.as-badge p {
  margin: 0;
}
.as-badge i:first-child {
  margin-right: 8px;
}
.as-badge i:last-child {
  margin-left: 8px;
}

.as-banner {
  --as--banner--background-color: var(--as--color--ui-04, #D1D5D7);
  --as--banner--color: var(--as--color--text-contrast, #FFF);
  display: flex;
  box-sizing: border-box;
  align-items: flex-start;
  padding: 12px;
  border-radius: 0;
  background-color: var(--as--banner--background-color);
  font: var(--as--font--body);
}
.as-banner__content {
  flex: 1 0 0%;
  padding-left: 8px;
  color: inherit;
}
.as-banner__icon {
  display: flex;
  padding-top: 4px;
  color: inherit;
}
.as-banner--error {
  background-color: var(--as--color--error, #F3522B);
  color: var(--as--banner--color);
}
.as-banner--warning {
  background-color: var(--as--color--warning, #FDB32B);
  color: var(--as--banner--color);
}
.as-banner--success {
  background-color: var(--as--color--success, #80B622);
  color: var(--as--banner--color);
}
@media all and (min-width: 12px) {
  .as-banner {
    align-items: baseline;
  }
  .as-banner__icon {
    padding: 0;
  }
}

.as-breadcrumb {
  --as--breadcrumb--color--current: var(--as--color--type-01);
  --as--breadcrumb--color--visited: var(--as--color--primary);
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.as-breadcrumb__item {
  display: flex;
  color: var(--as--breadcrumb--color--current);
  font: var(--as--font--body);
  cursor: default;
}
.as-breadcrumb__item::after {
  content: "›";
  margin: 0 8px;
  color: var(--as--breadcrumb--color--visited);
  font-size: 12px;
}
.as-breadcrumb__item:last-child::after {
  display: none;
}
.as-breadcrumb__item a {
  color: var(--as--breadcrumb--color--visited);
  text-decoration: none;
}
.as-breadcrumb__item a :hover {
  text-decoration: underline;
}

.as-btn {
  --as--btn--opacity--disabled: 0.24;
  --as--btn--type-color--default: var(--as--color--primary, #1785FB);
  --as--btn--ui-color--default--hover: var(--as--color--ui-02, #F5F5F5);
  --as--btn--ui-color--default--active: var(--as--color--ui-03, #E2E6E3);
  --as--btn--ui-color--default: var(--as--color--ui-01, #FFF);
  --as--btn--type-color--primary: var(--as--color--ui-01, #FFF);
  --as--btn--ui-color--primary: var(--as--color--primary, #1785FB);
  --as--btn--ui-color--primary--hover: var(--as--color--primary--hover, #1A5FAA);
  --as--btn--ui-color--primary--active: var(--as--color--primary--active, #263D56);
  --as--btn--type-color--secondary: var(--as--btn--type-color--default, #1785FB);
  --as--btn--ui-color--secondary: var(--as--btn--ui-color--default, #FFF);
  --as--btn--ui-color--secondary--hover: var(--as--btn--ui-color--default--hover, #F5F5F5);
  --as--btn--ui-color--secondary--active: var(--as--btn--ui-color--default--active, #E2E6E3);
  --as--btn--type-color--complementary: var(--as--color--type-01, #2C2C2C);
  --as--btn--ui-color--complementary: var(--as--color--complementary, #47DB99);
  --as--btn--ui-color--complementary--hover: var(--as--color--complementary--hover, #E0F9EE);
  --as--btn--ui-color--complementary--active: var(--as--color--complementary--active, #C6F4DF);
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 6px 12px;
  transition: background-color 0.2s;
  border: none;
  border-radius: 4px;
  outline: none;
  background-color: var(--as--btn--ui-color--default);
  color: var(--as--btn--type-color--default);
  font: var(--as--font--body);
  cursor: pointer;
}
.as-btn p {
  margin: 0;
}
.as-btn i:first-child {
  margin-right: 8px;
}
.as-btn i:last-child {
  margin-left: 8px;
}
.as-btn i:only-child {
  margin: 4px auto;
}
.as-btn:disabled {
  opacity: var(--as--btn--opacity--disabled);
  cursor: not-allowed;
  pointer-events: none;
}
.as-btn:enabled:hover {
  background-color: var(--as--btn--ui-color--default-hover);
}
.as-btn:enabled:active {
  background-color: var(--as--btn--ui-color--default-active);
}
.as-btn--primary {
  background-color: var(--as--btn--ui-color--primary);
  color: var(--as--btn--type-color--primary);
}
.as-btn--primary:enabled:hover {
  background-color: var(--as--btn--ui-color--primary--hover);
}
.as-btn--primary:enabled:active {
  background-color: var(--as--btn--ui-color--primary--active);
}
.as-btn--secondary {
  background-color: var(--as--btn--ui-color--secondary);
  box-shadow: inset 0 0 0 1px var(--as--btn--type-color--secondary);
  color: var(--as--btn--type-color--secondary);
}
.as-btn--secondary:enabled:hover {
  background-color: var(--as--btn--ui-color--secondary--hover);
}
.as-btn--secondary:enabled:active {
  background-color: var(--as--btn--ui-color--secondary--active);
}
.as-btn--complementary {
  background-color: var(--as--btn--ui-color--complementary);
  color: var(--as--btn--type-color--complementary);
}
.as-btn--complementary:enabled:hover {
  background-color: var(--as--btn--ui-color--complementary--hover);
}
.as-btn--complementary:enabled:active {
  background-color: var(--as--btn--ui-color--complementary--active);
}
.as-btn--s {
  padding: 6px 8px;
  font: 10px/12px var(--as--font-family--base);
}
.as-btn--l {
  padding: 8px 16px;
  font: 16px/24px var(--as--font-family--base);
}
.as-btn--middle {
  border-left: none;
  border-radius: 0;
}

a.as-btn {
  text-decoration: none;
}
a.as-btn:hover {
  background-color: var(--as--btn--ui-color--default-hover);
}
a.as-btn:active {
  background-color: var(--as--btn--ui-color--default-active);
}

a.as-btn.as-btn--primary:hover {
  background-color: var(--as--btn--ui-color--primary--hover);
}
a.as-btn.as-btn--primary:active {
  background-color: var(--as--btn--ui-color--primary--active);
}

a.as-btn.as-btn--secondary:hover {
  background-color: var(--as--btn--ui-color--secondary--hover);
}
a.as-btn.as-btn--secondary:active {
  background-color: var(--as--btn--ui-color--secondary--active);
}

a.as-btn.as-btn--complementary:hover {
  background-color: var(--as--btn--ui-color--complementary--hover);
}
a.as-btn.as-btn--complementary:active {
  background-color: var(--as--btn--ui-color--complementary--active);
}

.as-button-group {
  --as--button-group--type-color--default: var(--as--color--primary, #1785FB);
  display: inline-flex;
  margin: 0;
  padding: 0;
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--as--button-group--type-color--default);
  list-style: none;
}
.as-button-group .as-btn:first-child {
  border-left: 0;
  border-radius: 4px 0 0 4px;
  box-shadow: none;
}
.as-button-group .as-btn:last-child {
  border-left: 1px solid var(--as--button-group--type-color--default);
  border-radius: 0 4px 4px 0;
  box-shadow: none;
}
.as-button-group .as-btn:not(:first-child):not(:last-child) {
  border-left: 1px solid var(--as--button-group--type-color--default);
  border-radius: 0;
  box-shadow: none;
}

.as-checkbox {
  --as--checkbox--background--disabled: var(--as--color--ui-02, #F5F5F5);
  --as--checkbox--background--error: var(--as--color--error-alpha, #F3522B1F);
  --as--checkbox--border-color--focus: var(--as--color--primary, #1785FB);
  --as--checkbox--border-color--hover: var(--as--color--complementary, #47DB99);
  --as--checkbox--border-color: var(--as--color--ui-03, #E2E6E3);
  --as--checkbox--color--checked: var(--as--color--primary, #1785FB);
  --as--checkbox--color--disabled: var(--as--color--ui-03, #E2E6E3);
  --as--checkbox--color--error--disabled: var(--as--color--error-alpha, #F3522B1F);
  --as--checkbox--color--error: var(--as--color--error, #F3522B);
  display: flex;
  position: relative;
  align-items: center;
  margin-bottom: 8px;
  transition: all 0.3s;
}
.as-checkbox .as-checkbox-decoration {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  overflow: hidden;
  border: 1px solid var(--as--checkbox--border-color);
  border-radius: 3px;
  pointer-events: none;
}
.as-checkbox .as-checkbox-check {
  transform-origin: 50% 50%;
  stroke-width: 2;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
}
.as-checkbox .as-checkbox-media {
  position: relative;
  width: 100%;
  height: 100%;
  transform: translateX(1.5px) translateY(2.5px);
  fill: none;
}
.as-checkbox .as-checkbox-input {
  -webkit-appearance: none;
  position: absolute;
  appearance: none;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border-radius: 3px;
  outline: none;
  background: none;
  cursor: pointer;
}
.as-checkbox .as-checkbox-input:disabled {
  background: var(--as--checkbox--background--disabled);
  cursor: not-allowed;
  pointer-events: none;
}
.as-checkbox .as-checkbox-input:focus:not(:hover) {
  border: 2px solid var(--as--checkbox--border-color--focus);
}
.as-checkbox .as-checkbox-input:focus.as-checkbox-input--error {
  border: 2px solid var(--as--checkbox--color--error);
}
.as-checkbox .as-checkbox-input--error + .as-checkbox-decoration {
  border-color: var(--as--checkbox--color--error);
  stroke: var(--as--checkbox--color--error);
  background: var(--as--checkbox--background--error);
}
.as-checkbox .as-checkbox-input:checked + .as-checkbox-decoration::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 8px);
  left: calc(50% - 8px);
  width: 16px;
  height: 16px;
  animation: radioIn 300ms;
  border-radius: 3px;
  opacity: 1;
  animation-fill-mode: forwards;
}
.as-checkbox .as-checkbox-input:checked + .as-checkbox-decoration .as-checkbox-check {
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 300ms forwards;
  animation-delay: -20ms;
}
.as-checkbox .as-checkbox-input:checked:not(.as-checkbox-input--error) + .as-checkbox-decoration {
  border: 1px solid var(--as--checkbox--color--checked);
  stroke: var(--as--checkbox--color--checked);
}
.as-checkbox .as-checkbox-input:disabled:checked + {
  background: var(--as--color--ui-02);
  cursor: not-allowed;
  pointer-events: none;
}
.as-checkbox .as-checkbox-input:disabled:checked + .as-checkbox-decoration {
  border-color: var(--as--checkbox--color--disabled);
  stroke: var(--as--checkbox--color--disabled);
}
.as-checkbox .as-checkbox-input:enabled:not(:checked):not(.as-checkbox-input--error):hover + .as-checkbox-decoration {
  border: 1px solid var(--as--checkbox--border-color--hover);
}
.as-checkbox label {
  margin-left: 8px;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes radioIn {
  from {
    transform: scale3d(0.3, 0.3, 0.3);
    transform-origin: 50% 50%;
    opacity: 0;
  }
  to {
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
.as-flag {
  --as--flag--background-color: var(--as--color--ui-01, #FFF);
  --as--flag--button--color: var(--as--color--primary, #1785FB);
  display: flex;
  max-width: 260px;
  padding: 16px;
  border-radius: 4px;
  background-color: var(--as--flag--background-color);
  box-shadow: 0 4px 16px 0 var(--as--color--shadow, rgba(44, 44, 44, 0.16));
  font: var(--as--font--body);
}
.as-flag__icon {
  flex: 0 0 auto;
  padding-top: 4px;
  font-size: 12px;
}
.as-flag__icon i {
  display: flex;
}
.as-flag__content {
  flex: 1 0 0%;
  padding: 0 8px;
}
.as-flag__button {
  display: flex;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  box-shadow: none;
  color: var(--as--flag--button--color);
  cursor: pointer;
}
.as-flag--l {
  max-width: 320px;
}
.as-flag--xl {
  max-width: 400px;
}
.as-flag--block {
  max-width: 100%;
}

/* stylelint-disable no-descending-specificity  */
.as-input,
.as-textarea {
  --as--input--font: var(--as--font--body);
  --as--input--background-color: var(--as--color--ui-01, #FFF);
  --as--input--color: var(--as--color--type-01, #2C2C2C);
  --as--input--placeholder-color: var(--as--color--type-03, #BABABA);
  --as--input--shadow-color: var(--as--color--ui-04, #D1D5D7);
  --as--input--hover--shadow-color: var(--as--color--primary, #1785FB);
  --as--input--invalid--background-color: var(--as--color--error-alpha, #F3522B1F);
  --as--input--invalid--color: var(--as--color--type-03, #747474);
  --as--input--invalid-placeholder--color: var(--as--color--type-03, #747474);
  --as--input--invalid-shadow-color: var(--as--color--error, #F3522B);
  --as--input--invalid-hover--shadow-color: var(--as--color--error, #F3522B);
  --as--input--disabled--background-color: var(--as--color--ui-02, #F5F5F5);
  --as--input--disabled--color: var(--as--color--type-03, #BABABA);
  --as--input--disabled-placeholder--color: var(--as--color--type-03, #747474);
  --as--input--disabled-hover--shadow-color: var(--as--color--ui-04, #D1D5D7);
  --as--input--readonly--background-color: var(--as--color--ui-02, #F5F5F5);
  --as--input--readonly--color: var(--as--color--type-02, #747474);
  --as--input--readonly-placeholder--color: var(--as--color--type-02, #747474);
  --as--input--readonly-hover--shadow-color: var(--as--color--ui-04, #D1D5D7);
  box-sizing: border-box;
  width: 100%;
  min-height: 32px;
  padding: 8px;
  transition: all 0.3s;
  border: 0;
  border-radius: 4px;
  background: var(--as--input--background-color);
  box-shadow: inset 0 0 0 1px var(--as--input--shadow-color);
  color: var(--as--input--color);
  font: var(--as--input--font);
  line-height: 1;
}
.as-input::placeholder,
.as-textarea::placeholder {
  color: var(--as--input--placeholder-color);
}
.as-input:hover,
.as-textarea:hover {
  box-shadow: inset 0 0 0 1px var(--as--color--complementary);
}
.as-input:focus, .as-input:hover:focus,
.as-textarea:focus,
.as-textarea:hover:focus {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--as--input--hover--shadow-color);
}
.as-input:invalid,
.as-textarea:invalid {
  background: var(--as--input--invalid--background-color);
  box-shadow: inset 0 0 0 1px var(--as--input--invalid-shadow-color);
}
.as-input:invalid:hover, .as-input:invalid:focus, .as-input:invalid:hover:focus,
.as-textarea:invalid:hover,
.as-textarea:invalid:focus,
.as-textarea:invalid:hover:focus {
  box-shadow: inset 0 0 0 1px var(--as--input--invalid-shadow-color);
}
.as-input:invalid::placeholder,
.as-textarea:invalid::placeholder {
  color: var(--as--input--invalid-placeholder--color);
}
.as-input:disabled,
.as-textarea:disabled {
  background: var(--as--input--disabled--background-color);
  color: var(--as--input--disabled--color);
}
.as-input:disabled:hover, .as-input:disabled:focus, .as-input:disabled:hover:focus,
.as-textarea:disabled:hover,
.as-textarea:disabled:focus,
.as-textarea:disabled:hover:focus {
  box-shadow: inset 0 0 0 1px var(--as--input--disabled-hover--shadow-color);
}
.as-input:disabled::placeholder,
.as-textarea:disabled::placeholder {
  color: var(--as--input--disabled-placeholder--color);
}
.as-input:read-only,
.as-textarea:read-only {
  background: var(--as--input--readonly--background-color);
  color: var(--as--input--readonly--color);
}
.as-input:read-only:hover, .as-input:read-only:focus, .as-input:read-only:hover:focus,
.as-textarea:read-only:hover,
.as-textarea:read-only:focus,
.as-textarea:read-only:hover:focus {
  box-shadow: inset 0 0 0 1px var(--as--input--readonly-hover--shadow-color);
}
.as-input:read-only::placeholder,
.as-textarea:read-only::placeholder {
  color: var(--as--input--readonly-placeholder--color);
}

.as-textarea {
  resize: none;
}

.as-loading {
  --as--loading--stroke-color: var(--as--color--type-01, #2C2C2C);
  display: inline-flex;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.as-loading svg {
  width: 100%;
  animation: rotate 2s linear infinite;
}
.as-loading circle {
  animation: dash 1.5s ease-in-out infinite;
  stroke-width: 4px;
  stroke-linecap: square;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke: var(--as--loading--stroke-color);
}
.as-loading--s {
  width: 16px;
  height: 16px;
}
.as-loading--l {
  width: 72px;
  height: 72px;
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.as-menu-dropdown {
  --as--menu-dropdown--color--hover: var(--as--color--complementary--hover, #E0F9EE);
  --as--menu-dropdown--top-border--color: var(--as--color--ui-01, #FFF);
  --as--menu-dropdown--li--border-color: var(--as--color--ui-04, #D1D5D7);
  --as--menu-dropdown--li--background-color: var(--as--color--ui-01, #FFF);
  --as--menu-dropdown--li--color: var(--as--color--text, #000);
  position: relative;
}
.as-menu-dropdown--input {
  width: 100%;
  min-height: 32px;
  margin: 0;
  padding: 0 12px;
  border: 0;
  border-radius: 4px;
  background: var(--as--color--ui-01);
  color: var(--as--color--primary);
  font: var(--as--font--body);
  text-align: left;
  cursor: pointer;
}
.as-menu-dropdown--input:hover, .as-menu-dropdown--input:focus {
  background-color: var(--as--menu-dropdown--color--hover);
}
.as-menu-dropdown--options {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 0;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  border-radius: 4px;
  background: inherit;
  box-shadow: 0 2px 8px 0 var(--as--color--shadow, rgba(44, 44, 44, 0.16));
}
.as-menu-dropdown--options li {
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: 0 12px;
  transition: background-color 0.3s;
  border: 0;
  border-bottom: 1px solid var(--as--menu-dropdown--li--border-color);
  outline: none;
  background-color: var(--as--menu-dropdown--li--background-color);
  color: var(--as--menu-dropdown--li--color);
  font: var(--as--font--body);
  list-style: none;
  cursor: pointer;
}
.as-menu-dropdown--options li:first-child {
  border-top: 1px solid var(--as--menu-dropdown--top-border--color);
  border-radius: 4px 4px 0 0;
}
.as-menu-dropdown--options li:last-child {
  border-bottom: 0;
  border-radius: 0 0 4px 4px;
}
.as-menu-dropdown--options li:hover, .as-menu-dropdown--options li:focus-within {
  background-color: var(--as--menu-dropdown--color--hover);
}
.as-menu-dropdown--options li button {
  width: 100%;
  height: 100%;
  min-height: 32px;
  padding: 0;
  border: none;
  outline: none;
  background-color: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.as-menu-dropdown--options:hover {
  height: auto;
}
.as-menu-dropdown--options:focus {
  height: auto;
}
.as-menu-dropdown--options:focus-within {
  height: auto;
}
.as-menu-dropdown--input:hover + .as-menu-dropdown--options {
  height: auto;
}
.as-menu-dropdown--input:focus + .as-menu-dropdown--options {
  height: auto;
}

.as-modal {
  --as--modal--background-color: var(--as--color--modal, rgba(44, 44, 44, 0.8));
  --as--modal--content--background-color: var(--as--color--ui-01, #FFF);
  display: flex;
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  background: var(--as--modal--background-color);
}
.as-modal__content {
  position: relative;
  max-width: 450px;
  max-height: 80vh;
  padding: 40px;
  border-radius: 4px;
  background: var(--as--modal--content--background-color);
  box-shadow: 0 2px 8px 0 var(--as--color--shadow, rgba(44, 44, 44, 0.16));
}
.as-modal--hidden {
  display: none;
}
.as-modal--hidden__content {
  display: none;
}

.as-radio {
  --as--radio--border-color: var(--as--color--ui-04, #D1D5D7);
  --as--radio--hover--border-color: var(--as--color--complementary, #47DB99);
  --as--radio--checked--border-color: var(--as--color--primary, #1785FB);
  --as--radio--disabled--color: var(--as--color--ui-04, #D1D5D7);
  --as--radio--disabled--background: var(--as--color--ui-03, #E2E6E3);
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.as-radio__input {
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  appearance: none;
  transition: all 0.3s;
  border: none;
  border-radius: 50%;
  background: none;
  box-shadow: inset 0 0 0 1px var(--as--radio--border-color);
  cursor: pointer;
  -webkit-appearance: none;
}
.as-radio__input::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 3px);
  left: calc(50% - 3px);
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.as-radio__input:hover {
  box-shadow: inset 0 0 0 1px var(--as--radio--hover--border-color);
}
.as-radio__input:checked {
  box-shadow: inset 0 0 0 1px var(--as--radio--checked--border-color);
}
.as-radio__input:checked::after {
  animation: radioIn 300ms;
  opacity: 1;
  animation-fill-mode: forwards;
  background-color: var(--as--radio--checked--border-color);
}
.as-radio__input:focus {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--as--radio--checked--border-color);
}
.as-radio__input:disabled {
  background-color: var(--as--radio--disabled--background);
  box-shadow: inset 0 0 0 1px var(--as--radio--disabled--color);
  cursor: not-allowed;
}
.as-radio__input:checked:disabled {
  box-shadow: inset 0 0 0 1px var(--as--radio--disabled--color);
}
.as-radio__input:checked:disabled::after {
  background-color: var(--as--radio--disabled--color);
}
.as-radio__input + label {
  margin-left: 8px;
}

.as-radio-list {
  padding-left: 0;
}

@keyframes radioIn {
  from {
    transform: scale3d(0.3, 0.3, 0.3);
    transform-origin: 50% 50%;
    opacity: 0;
  }
  to {
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
.as-table {
  --as--table-border--color: var(--as--color--ui-04);
  --as--table-cell--background-color: var(--as--color--ui-01, #FFF);
  --as--table-header--background-color: var(--as--color--ui-03, #E2E6E3);
  --as--table-header--color: var(--as--color--text, #000);
  --as--table--color: var(--as--color--text, #000);
  --as--table-row--color-hover: var(--as--color--complementary--hover, #E0F9EE);
  --as--table-cell-color-hover: var(--as--color--complementary--active, #C6F4DF);
  border-collapse: collapse;
  border: 1px solid var(--as--table-border--color);
  background: var(--as--table-cell--background-color);
  color: var(--as--table--color);
  font: var(--as--font--body);
  text-align: left;
}
.as-table th,
.as-table td {
  padding: 8px 16px;
  border: 1px solid transparent;
}
.as-table th {
  background: var(--as--table-header--background-color);
}
.as-table thead {
  border: 1px solid var(--as--table-header--background-color);
  color: var(--as--table-header--color);
}
.as-table--stripped th,
.as-table--stripped td {
  border: 1px solid var(--as--table-border--color);
}
.as-table tr:hover {
  border-top: 1px solid var(--as--table-cell-color-hover);
  border-bottom: 1px solid var(--as--table-cell-color-hover);
  background-color: var(--as--table-row--color-hover);
}
.as-table td:hover {
  background: var(--as--table-cell-color-hover);
}

.as-tabs {
  --as--tabs--background-color: var(--as--color--ui-01, #FFF);
  --as--tabs--border-color: var(--as--color--ui-03, #E2E6E3);
  --as--tabs--item--font: var(--as--font--body);
  --as--tabs--item--color: var(--as--color--primary, #1785FB);
  --as--tabs--item--color-hover: var(--as--color--type-01, #2C2C2C);
  --as--tabs--item--color-active: var(--as--color--primary, #1785FB);
  --as--tabs--item--border-color-hover: var(--as--color--complementary, #47DB99);
  --as--tabs--item--border-color-active: var(--as--color--primary, #1785FB);
  --as--tabs--item--border-color-hover-active: var(--as--color--primary, #1785FB);
  --as--tabs--subheader--font: var(--as--font--subheader);
  --as--tabs--horizontal-padding: 12px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0 var(--as--tabs--horizontal-padding);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  background: var(--as--tabs--background-color);
  box-shadow: inset 0 -1px 0 0 var(--as--tabs--border-color);
  list-style: none;
}
.as-tabs::-webkit-scrollbar {
  display: none;
}
.as-tabs::-webkit-scrollbar-thumb {
  display: none;
}
.as-tabs__item {
  padding: 8px 12px;
  display: inline-block;
  flex: 0 0 auto;
  margin: 0;
  transition: border 0.2s;
  border: none;
  border-bottom: 2px solid transparent;
  outline: none;
  background: none;
  color: var(--as--tabs--item--color);
  font: var(--as--tabs--item--font);
  text-decoration: none;
  cursor: pointer;
}
.as-tabs__item:hover {
  border-bottom: 2px solid var(--as--tabs--item--border-color-hover);
}
.as-tabs__item--active {
  border-bottom: 2px solid var(--as--tabs--item--border-color-active);
  color: var(--as--tabs--item--color-active);
}
.as-tabs__item--active:hover {
  border-bottom: 2px solid var(--as--tabs--item--border-color-hover-active);
}
.as-tabs__item a {
  color: inherit;
  text-decoration: none;
}
.as-tabs--xl {
  /* stylelint-disable-next-line */
}
.as-tabs--xl .as-tabs__item {
  border-bottom: 4px solid transparent;
  font: var(--as--tabs--subheader--font);
}
.as-tabs--xl .as-tabs__item:focus, .as-tabs--xl .as-tabs__item:hover {
  border-bottom: 4px solid var(--as--tabs--item--border-color-hover);
}
.as-tabs--xl .as-tabs__item--active, .as-tabs--xl .as-tabs__item:active {
  border-bottom: 4px solid var(--as--tabs--item--border-color-active);
  color: var(--as--tabs--item--color-active);
}

.as-tooltip {
  --as--tooltip--background-color: var(--as--color--type-01, #2C2C2C);
  --as--tooltip--color: var(--as--color--text-contrast, #FFF);
  --as--tooltip--support-color: var(--as--color--white, #FFF);
  --as--tooltip--primary--background-color: var(--as--primary--success, #1785FB);
  --as--tooltip--primary--color: var(--as--tooltip--support-color);
  --as--tooltip--secondary--background-color: var(--as--secondary--success, #0F2D53);
  --as--tooltip--secondary--color: var(--as--tooltip--support-color);
  --as--tooltip--complementary--background-color: var(--as--complementary--success, #47DB99);
  --as--tooltip--complementary--color: var(--as--tooltip--support-color);
  --as--tooltip--error--background-color: var(--as--color--error, #F3522B);
  --as--tooltip--error-color: var(--as--tooltip--support-color);
  --as--tooltip--warning--background-color: var(--as--color--warning, #FDB32B);
  --as--tooltip--warning--color: var(--as--tooltip--support-color);
  --as--tooltip--success--background-color: var(--as--color--success, #80B622);
  --as--tooltip--success--color: var(--as--tooltip--support-color);
  display: inline-flex;
  position: relative;
  padding: 4px 8px;
  border-width: 0;
  border-radius: 4px;
  border-color: var(--as--tooltip--background-color);
  background: var(--as--tooltip--background-color);
  color: var(--as--tooltip--color);
  font: var(--as--font--body);
}
.as-tooltip::after {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-radius: 2px;
  border-color: inherit;
}
.as-tooltip--top::after {
  top: 100%;
  left: 50%;
  transform: translateY(-6px) translateX(-5px) rotateZ(45deg);
}
.as-tooltip--bot::after, .as-tooltip--bottom::after {
  bottom: 100%;
  left: 50%;
  transform: translateY(6px) translateX(-5px) rotateZ(45deg);
}
.as-tooltip--right::after {
  top: 50%;
  left: 0;
  transform: translateY(-5px) translateX(-4px) rotateZ(45deg);
}
.as-tooltip--left::after {
  top: 50%;
  right: 0;
  transform: translateY(-4px) translateX(4px) rotateZ(45deg);
}
.as-tooltip--primary {
  border-color: var(--as--tooltip--primary--background-color);
  background: var(--as--tooltip--primary--background-color);
  color: var(--as--tooltip--primary--color);
}
.as-tooltip--secondary {
  border-color: var(--as--tooltip--secondary--background-color);
  background: var(--as--tooltip--secondary--background-color);
  color: var(--as--tooltip--secondary--color);
}
.as-tooltip--complementary {
  border-color: var(--as--tooltip--complementary--background-color);
  background: var(--as--tooltip--complementary--background-color);
  color: var(--as--tooltip--complementary--color);
}
.as-tooltip--error {
  border-color: var(--as--tooltip--error--background-color);
  background: var(--as--tooltip--error--background-color);
  color: var(--as--tooltip--error--color);
}
.as-tooltip--warning {
  border-color: var(--as--tooltip--warning--background-color);
  background: var(--as--tooltip--warning--background-color);
  color: var(--as--tooltip--warning--color);
}
.as-tooltip--success {
  border-color: var(--as--tooltip--success--background-color);
  background: var(--as--tooltip--success--background-color);
  color: var(--as--tooltip--success--color);
}

.as-bg--primary {
  background-color: var(--as--color--primary, #1785FB);
}
.as-bg--secondary {
  background-color: var(--as--color--secondary, #0F2D53);
}
.as-bg--complementary {
  background-color: var(--as--color--complementary, #47DB99);
}
.as-bg--ui-01 {
  background-color: var(--as--color--ui-01, #FFF);
}
.as-bg--ui-02 {
  background-color: var(--as--color--ui-02, #F5F5F5);
}
.as-bg--ui-03 {
  background-color: var(--as--color--ui-03, #E2E6E3);
}
.as-bg--ui-04 {
  background-color: var(--as--color--ui-04, #D1D5D7);
}
.as-bg--success {
  background-color: var(--as--color--success, #80B622);
}
.as-bg--warning {
  background-color: var(--as--color--warning, #FDB32B);
}
.as-bg--error {
  background-color: var(--as--color--error, #F3522B);
}
.as-bg--gray {
  background-color: var(--as--color--gray, #E2E6E3);
}
.as-bg--green {
  background-color: var(--as--color--green, #E1EECA);
}
.as-bg--blue {
  background-color: var(--as--color--blue, #B5E0F9);
}
.as-bg--pink {
  background-color: var(--as--color--pink, #E4D8EB);
}
.as-bg--yellow {
  background-color: var(--as--color--yellow, #F8E71C);
}
.as-bg--badge-gray {
  background-color: var(--as--color--badge-gray, #E2E6E3);
}
.as-bg--badge-green {
  background-color: var(--as--color--badge-green, #E1EECA);
}
.as-bg--badge-blue {
  background-color: var(--as--color--badge-blue, #B5E0F9);
}
.as-bg--badge-pink {
  background-color: var(--as--color--badge-pink, #E4D8EB);
}
.as-bg--badge-yellow {
  background-color: var(--as--color--badge-yellow, #F8E71C);
}

.as-m--0 {
  margin: 0px;
}

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

.as-mr--0 {
  margin-right: 0px;
}

.as-mb--0 {
  margin-bottom: 0px;
}

.as-ml--0 {
  margin-left: 0px;
}

.as-my--0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.as-mx--0 {
  margin-right: 0px;
  margin-left: 0px;
}

.as-p--0 {
  padding: 0px;
}

.as-pt--0 {
  padding-top: 0px;
}

.as-pr--0 {
  padding-right: 0px;
}

.as-pb--0 {
  padding-bottom: 0px;
}

.as-pl--0 {
  padding-left: 0px;
}

.as-py--0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.as-px--0 {
  padding-right: 0px;
  padding-left: 0px;
}

.as-m--4 {
  margin: 4px;
}

.as-mt--4 {
  margin-top: 4px;
}

.as-mr--4 {
  margin-right: 4px;
}

.as-mb--4 {
  margin-bottom: 4px;
}

.as-ml--4 {
  margin-left: 4px;
}

.as-my--4 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.as-mx--4 {
  margin-right: 4px;
  margin-left: 4px;
}

.as-p--4 {
  padding: 4px;
}

.as-pt--4 {
  padding-top: 4px;
}

.as-pr--4 {
  padding-right: 4px;
}

.as-pb--4 {
  padding-bottom: 4px;
}

.as-pl--4 {
  padding-left: 4px;
}

.as-py--4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.as-px--4 {
  padding-right: 4px;
  padding-left: 4px;
}

.as-m--8 {
  margin: 8px;
}

.as-mt--8 {
  margin-top: 8px;
}

.as-mr--8 {
  margin-right: 8px;
}

.as-mb--8 {
  margin-bottom: 8px;
}

.as-ml--8 {
  margin-left: 8px;
}

.as-my--8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.as-mx--8 {
  margin-right: 8px;
  margin-left: 8px;
}

.as-p--8 {
  padding: 8px;
}

.as-pt--8 {
  padding-top: 8px;
}

.as-pr--8 {
  padding-right: 8px;
}

.as-pb--8 {
  padding-bottom: 8px;
}

.as-pl--8 {
  padding-left: 8px;
}

.as-py--8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.as-px--8 {
  padding-right: 8px;
  padding-left: 8px;
}

.as-m--12 {
  margin: 12px;
}

.as-mt--12 {
  margin-top: 12px;
}

.as-mr--12 {
  margin-right: 12px;
}

.as-mb--12 {
  margin-bottom: 12px;
}

.as-ml--12 {
  margin-left: 12px;
}

.as-my--12 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.as-mx--12 {
  margin-right: 12px;
  margin-left: 12px;
}

.as-p--12 {
  padding: 12px;
}

.as-pt--12 {
  padding-top: 12px;
}

.as-pr--12 {
  padding-right: 12px;
}

.as-pb--12 {
  padding-bottom: 12px;
}

.as-pl--12 {
  padding-left: 12px;
}

.as-py--12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.as-px--12 {
  padding-right: 12px;
  padding-left: 12px;
}

.as-m--16 {
  margin: 16px;
}

.as-mt--16 {
  margin-top: 16px;
}

.as-mr--16 {
  margin-right: 16px;
}

.as-mb--16 {
  margin-bottom: 16px;
}

.as-ml--16 {
  margin-left: 16px;
}

.as-my--16 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.as-mx--16 {
  margin-right: 16px;
  margin-left: 16px;
}

.as-p--16 {
  padding: 16px;
}

.as-pt--16 {
  padding-top: 16px;
}

.as-pr--16 {
  padding-right: 16px;
}

.as-pb--16 {
  padding-bottom: 16px;
}

.as-pl--16 {
  padding-left: 16px;
}

.as-py--16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.as-px--16 {
  padding-right: 16px;
  padding-left: 16px;
}

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

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

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

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

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

.as-my--20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.as-mx--20 {
  margin-right: 20px;
  margin-left: 20px;
}

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

.as-pt--20 {
  padding-top: 20px;
}

.as-pr--20 {
  padding-right: 20px;
}

.as-pb--20 {
  padding-bottom: 20px;
}

.as-pl--20 {
  padding-left: 20px;
}

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

.as-px--20 {
  padding-right: 20px;
  padding-left: 20px;
}

.as-m--24 {
  margin: 24px;
}

.as-mt--24 {
  margin-top: 24px;
}

.as-mr--24 {
  margin-right: 24px;
}

.as-mb--24 {
  margin-bottom: 24px;
}

.as-ml--24 {
  margin-left: 24px;
}

.as-my--24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.as-mx--24 {
  margin-right: 24px;
  margin-left: 24px;
}

.as-p--24 {
  padding: 24px;
}

.as-pt--24 {
  padding-top: 24px;
}

.as-pr--24 {
  padding-right: 24px;
}

.as-pb--24 {
  padding-bottom: 24px;
}

.as-pl--24 {
  padding-left: 24px;
}

.as-py--24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.as-px--24 {
  padding-right: 24px;
  padding-left: 24px;
}

.as-m--28 {
  margin: 28px;
}

.as-mt--28 {
  margin-top: 28px;
}

.as-mr--28 {
  margin-right: 28px;
}

.as-mb--28 {
  margin-bottom: 28px;
}

.as-ml--28 {
  margin-left: 28px;
}

.as-my--28 {
  margin-top: 28px;
  margin-bottom: 28px;
}

.as-mx--28 {
  margin-right: 28px;
  margin-left: 28px;
}

.as-p--28 {
  padding: 28px;
}

.as-pt--28 {
  padding-top: 28px;
}

.as-pr--28 {
  padding-right: 28px;
}

.as-pb--28 {
  padding-bottom: 28px;
}

.as-pl--28 {
  padding-left: 28px;
}

.as-py--28 {
  padding-top: 28px;
  padding-bottom: 28px;
}

.as-px--28 {
  padding-right: 28px;
  padding-left: 28px;
}

.as-m--32 {
  margin: 32px;
}

.as-mt--32 {
  margin-top: 32px;
}

.as-mr--32 {
  margin-right: 32px;
}

.as-mb--32 {
  margin-bottom: 32px;
}

.as-ml--32 {
  margin-left: 32px;
}

.as-my--32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.as-mx--32 {
  margin-right: 32px;
  margin-left: 32px;
}

.as-p--32 {
  padding: 32px;
}

.as-pt--32 {
  padding-top: 32px;
}

.as-pr--32 {
  padding-right: 32px;
}

.as-pb--32 {
  padding-bottom: 32px;
}

.as-pl--32 {
  padding-left: 32px;
}

.as-py--32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.as-px--32 {
  padding-right: 32px;
  padding-left: 32px;
}

.as-m--36 {
  margin: 36px;
}

.as-mt--36 {
  margin-top: 36px;
}

.as-mr--36 {
  margin-right: 36px;
}

.as-mb--36 {
  margin-bottom: 36px;
}

.as-ml--36 {
  margin-left: 36px;
}

.as-my--36 {
  margin-top: 36px;
  margin-bottom: 36px;
}

.as-mx--36 {
  margin-right: 36px;
  margin-left: 36px;
}

.as-p--36 {
  padding: 36px;
}

.as-pt--36 {
  padding-top: 36px;
}

.as-pr--36 {
  padding-right: 36px;
}

.as-pb--36 {
  padding-bottom: 36px;
}

.as-pl--36 {
  padding-left: 36px;
}

.as-py--36 {
  padding-top: 36px;
  padding-bottom: 36px;
}

.as-px--36 {
  padding-right: 36px;
  padding-left: 36px;
}

.as-m--40 {
  margin: 40px;
}

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

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

.as-mb--40 {
  margin-bottom: 40px;
}

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

.as-my--40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.as-mx--40 {
  margin-right: 40px;
  margin-left: 40px;
}

.as-p--40 {
  padding: 40px;
}

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

.as-pr--40 {
  padding-right: 40px;
}

.as-pb--40 {
  padding-bottom: 40px;
}

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

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

.as-px--40 {
  padding-right: 40px;
  padding-left: 40px;
}

/*# sourceMappingURL=airship.css.map */